/*js
//==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>
//
// CssHidex v1.16 [ Commercial Version ]
// Copyright (c) phpkobo.com ( http://www.phpkobo.com/ )
// Email : admin@phpkobo.com
// ID : HDXCS-116
// URL : http://www.phpkobo.com/csshidex
//
//==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<
*/
////////////////////////////////////////////////////////////////////
// $shorthands
function $(selector,el_ref){
	return (el_ref?el_ref:document).querySelector(selector);
};
function $$(selector,el_ref){
	return (el_ref?el_ref:document).querySelectorAll(selector);
};
function $id(id){
	return document.getElementById(id);
};
function $ce(tagName){
	return document.createElement(tagName);
};
////////////////////////////////////////////////////////////////////
// jQuery.offset
function jqOffset(el){
	var rect=el.getBoundingClientRect();
	var el_body=document.documentElement;
	return {
		x:rect.left+el_body.scrollLeft,
		y:rect.top+el_body.scrollTop
	};
};
////////////////////////////////////////////////////////////////////
// ajaxCall
function ajaxCall(url_server,requ,callback,auxproc,errproc){
	const xhr=new XMLHttpRequest();
	xhr.open("POST",url_server,true);
	xhr.setRequestHeader("Content-Type",
		"application/x-www-form-urlencoded; charset=UTF-8");
	xhr.addEventListener("load",function(){
		if (xhr.status==200){
			let str=xhr.responseText;
			const sig="[!json!]";
			const pos=str.indexOf(sig);
			if(pos!=-1){
				if(pos>0){
					const pretext=str.substr(0,pos);
					if(errproc){errproc("SBL",pretext);}
				}
				str=str.substr(pos+sig.length);
				const resp=JSON.parse(str);
				if (resp.result=="OK"){
					if(callback){callback(resp);}
				}else{
					if(errproc){errproc("NOR",resp.result);}
				}
			}else{
				if(errproc){errproc("SMS",str);}
			}
		}else{
			let s="";
			s+="status:"+xhr.status+"\n";
			s+="statusText:"+xhr.statusText;
			if(errproc){errproc("N2H",s);}
		}
	});
	if(auxproc){auxproc(xhr);}
	xhr.send("requ="+encodeURIComponent(JSON.stringify(requ)));
	return xhr;
};
////////////////////////////////////////////////////////////////////
// protect a webpage form drag-and-drop
function preventFileDrop(){
	document.addEventListener("dragover",function(e){
		e.preventDefault();
	});
	document.addEventListener("drop",function(e){
		e.preventDefault();
	});
};
preventFileDrop();
////////////////////////////////////////////////////////////////////
// end events
function onEnd(el,callback,ename){
	const func=function(e){
		if(el==e.srcElement){
			el.removeEventListener(ename,func);
			if(callback){callback(e);}
		}
	};
	el.addEventListener(ename,func);
};
function onTransitionEnd(el,callback){
	onEnd(el,callback,"transitionend");
};
function onAnimationEnd(el,callback){
	onEnd(el,callback,"animationend");
};
////////////////////////////////////////////////////////////////////
// createElementFromHTML
function createElementFromHTML(html){
	const el=document.createElement("div");
	el.innerHTML=html;
	return el.firstElementChild;
}
////////////////////////////////////////////////////////////////////
// browser detection
function isSafari(){
	return (window.safari!==undefined);
};
function isFireFox(){
	return (navigator.userAgent.toLowerCase().indexOf('firefox')>-1);
};
function isIE(){
	var ua=window.navigator.userAgent;
	var msie=ua.indexOf("MSIE ");
	// Trident/7.0; rv:11.0
	return ((msie>0)||!!ua.match(/Trident.*rv\:11\./));
};
////////////////////////////////////////////////////////////////////
// send enter & space to click
function esToClick(el){
	el.addEventListener("keydown",function(e){
		if((e.key=="Enter")||(e.key==" ")){
			e.preventDefault();
			this.click();
		}
	});
	return el;
};
"use strict";
function CUiControl(px){
	var el_control=px.el_control;

	function enable(){
		el_control.classList.remove("uic-disable");
	};

	function disable(){
		el_control.classList.add("uic-disable");
	};

	function init(){
		enable();
	};

	init();
	return {
		enable:enable,
		disable:disable
	};
};
"use strict";
function CFinpControl(px){
	// elements
	var el_control=px.el_control;
	var el_overlay=null;
	var el_dialog=null;
	var el_input=null;
	// parameters
	var inival=(px.inival!==undefined)?px.inival:"";
	// callbacks
	var isValidKey=px.isValidKey?px.isValidKey:function(key){return true;};
	var normalize=px.normalize?px.normalize:function(val){return val;};
	var displayVal=px.displayVal?px.displayVal:function(val){return val;};
	// variables
	var value=null;

	// viewport offset
	function vpOffset(el){
		var rect=el.getBoundingClientRect();
		return {
			x:rect.left,
			y:rect.top
		};
	};

	function getValue(){
		return value;
	};

	function setValue(val){
		value=val;
		el_control.innerHTML=displayVal(val);
	};

	function copyStyle(el_src,el_des,ls){
		var style=window.getComputedStyle(el_src);
		for(var i=0;i<ls.length;i++){
			var key=ls[i];
			el_des.style[key]=style.getPropertyValue(key);
		}
	};

	function enter(e){
		e.stopPropagation();
		var val=normalize(el_input.value);
		if(val!==false){
			var val0=getValue();
			setValue(val);
			if(val!=val0){
				el_control.dispatchEvent(new CustomEvent("change",{detail:val}));
			}
			closeDialog();
		}else{
			el_dialog.classList.remove("finp-error");
			var dummy=el_dialog.offsetWidth;
			el_dialog.classList.add("finp-error");
		}
	};

	function cancel(e){
		e.stopPropagation();
		closeDialog();
	};

	function openDialog(){
		// overlay
		el_overlay=document.createElement("div");
		el_overlay.className="finp-overlay";
		el_overlay.addEventListener("click",cancel);
		// input box
		el_input=document.createElement("input");
		el_input.className="finp-inpbox";
		el_input.setAttribute("type","text");
		copyStyle(el_control,el_input,[
			"padding",
			"width",
			"height",
			"font-family",
			"font-size",
			"line-height",
			"letter-spacing",
			"border",
			"border-radius",
			"text-align",
			"vertical-align"
		]);
		el_input.value=getValue();
		el_input.addEventListener("keydown",function(e){
			if(isValidKey(e.key,el_input.value)){
				if(e.key=="Enter"){
					enter(e);
				}else if(e.key=="Escape"){
					cancel(e);
				}
			}else{
				e.preventDefault();
			}
		});
		// enter button
		var el_enter=document.createElement("div");
		el_enter.className="finp-enter";
		el_enter.addEventListener("click",enter);
		// cancel button
		var el_cancel=document.createElement("div");
		el_cancel.className="finp-cancel";
		el_cancel.addEventListener("click",cancel);
		// dialog
		el_dialog=document.createElement("div");
		el_dialog.className="finp-dialog";
		el_dialog.appendChild(el_input);
		el_dialog.appendChild(el_enter);
		el_dialog.appendChild(el_cancel);
		// append overlay and dialog to body
		document.body.appendChild(el_overlay);
		document.body.appendChild(el_dialog);
		// position dlglog
		var pos_control=vpOffset(el_control);
		var pos_input=vpOffset(el_input);
		var pos_dlg=vpOffset(el_dialog);
		var dx=pos_input.x-pos_dlg.x;
		var dy=pos_input.y-pos_dlg.y;
		el_dialog.style.left=(pos_control.x-dx)+"px";
		el_dialog.style.top=(pos_control.y-dy)+"px";
		// focus input box
		el_input.focus();
		// put the caret at the end of the text
		var len=el_input.value.length;
		el_input.setSelectionRange(0,len);
	};

	function closeDialog(){
		// remove overlay and dialog
		el_overlay.remove();
		el_dialog.remove();
		// focus el_control
		el_control.focus();
	};

	function init(){
		// normalize&set inival
		var val=normalize(inival);
		setValue((val===false)?"":val);
		// events
		esToClick(el_control).addEventListener("click",function(e){
			openDialog();
		});
		// call base class
		CUiControl({
			el_control:el_control
		});
	};

	init();
	return {
		getValue:getValue,
		setValue:setValue
	};
};