/*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
	};
};
"use strict";
function CStepControl(px){
	// elements
	var el_control=px.el_control;
	var el_inpbox=el_control.querySelector(".spc-inpbox");
	var el_select=el_inpbox.querySelector(".spc-select");
	var el_inc=el_control.querySelector(".spc-inc");
	var el_dec=el_control.querySelector(".spc-dec");
	// parameters
	var inival=(px.inival!==undefined)?px.inival:0;
	var maxlen=px.maxlen;
	var decimals=(px.decimals!==undefined)?px.decimals:0;
	var minval=(px.minval!==undefined)?px.minval:null;
	var maxval=(px.maxval!==undefined)?px.maxval:null;
	var loop=(px.loop!==undefined)?px.loop:false;
	var step=(px.step!==undefined)?px.step:1;
	var init_delay=(px.init_delay!==undefined)?px.init_delay:600;
	var repeat_delay=(px.repeat_delay!==undefined)?px.repeat_delay:80;
	// callbacks
	var displayVal=px.displayVal;
	// regular expression patterns
	var sign=(px.sign!==undefined)?px.sign:false;
	var signstr=sign?"-+":"";
	var repat_allowed_chars=(px.repat_allowed_chars!==undefined)?
		px.repat_allowed_chars:
		((decimals==0)?'^['+signstr+'0-9]$':'^['+signstr+'0-9.]$');
	var repat_validate_value=(px.repat_validate_value!==undefined)?
		px.repat_validate_value:
		'^['+signstr+']?([0-9]+(\\.[0-9]+)?|\\.[0-9]+)$';
	// function closures
	var fcl_finp;

	function getValue(){
		if(el_select){
			return el_select.selectedIndex.toString();
		}else{
			return fcl_finp.getValue();
		}
	};

	function setValue(val){
		if(el_select){
			el_select.selectedIndex=val;
		}else{
			fcl_finp.setValue(val);
		}
	};

	function loopVal(v){
		if((maxval!=null)&&(v>maxval)){v=minval}
		if((minval!=null)&&(v<minval)){v=maxval}
		return v;
	};

	function limitVal(v){
		if((maxval!=null)&&(v>maxval)){v=maxval}
		if((minval!=null)&&(v<minval)){v=minval}
		return v;
	};

	function normalizeVal(val,delta,loop0){
		var v=parseFloat(val)+(delta?delta:0);
		return ((loop&&loop0)?loopVal(v):limitVal(v)).toFixed(decimals);
	};

	function setupSelect(){
		// set up decimals, step,
		// minval, maxval for a selection box
		decimals=0;
		step=1;
		minval=0;
		maxval=el_select.options.length-1;
		// set default value
		if(inival!==undefined){
			var el_option=el_select.querySelector("option[value='"+inival+"'");
			if(el_option){el_option.selected=true;}
		}
		// change event
		el_select.addEventListener("change",function(e){
			el_control.dispatchEvent(
				new CustomEvent("change",{detail:this.value}));
			e.stopPropagation();
		});
	};

	function setupInpBox(){
		var re_allowed_chars=new RegExp(repat_allowed_chars);
		var re_validate_value=new RegExp(repat_validate_value);

		function isValidKey(key,val){
			// control keys
			var key_allowed=[
				"Enter",
				"Escape",
				"ArrowLeft",
				"ArrowRight",
				"Home",
				"End",
				"Delete",
				"Backspace"
			];
			if(key_allowed.indexOf(key)!=-1){
				return true;
			}
			// allowed characters
			if(re_allowed_chars.test(key)){
				if((maxlen===undefined)||(val.length<maxlen)){
					return true;
				}
			}
			// false if everything fails
			return false;
		};

		function normalize(val){
			if(re_validate_value.test(val)){
				return normalizeVal(val,0,false);
			}
			return false;
		};

		fcl_finp=CFinpControl({
			el_control:el_inpbox,
			inival:inival,
			fcl:fcl_finp,
			isValidKey:isValidKey,
			normalize:normalize,
			displayVal:displayVal
		});

		el_inpbox.addEventListener("change",function(e){
			el_control.dispatchEvent(
				new CustomEvent("change",{detail:e.detail}));
		});
	};

	function setupIncDec(){
		var timer_id=null;

		function setupBtn(el_btn,dir){
			var step0=step*dir;
			function add(){
				var val1=getValue();
				var val2=normalizeVal(val1,step0,true);
				setValue(val2);
				if(val1!==val2){
					var val=val2;
					if(el_select){
						val=el_select.options[val2].value;
					}else{
						if(decimals){
							val=parseFloat(val);
						}else{
							val=parseInt(val);
						}
					}
					el_control.dispatchEvent
						(new CustomEvent("change",{detail:val}));
				}
			};
			el_btn.addEventListener("keydown",function(e){
				if((e.key=="Enter")||(e.key==" ")){
					add();
					e.preventDefault();
				}
			});
			el_btn.addEventListener("pointerdown",function(e){
				// [pointer capture]
				// style "touch-action:none;" is necessary for touch device
				// proceed only when e.which==1 (left button)
				if(e.which==1){
					this.setPointerCapture(e.pointerId);
					// auto repeat
					timer_id=setTimeout(function(){
						add();
						function func_repeat(){
							timer_id=setTimeout(function(){
								add();
								func_repeat();
							},repeat_delay);
						}
						func_repeat();
					},init_delay);
				}
			});
			el_btn.addEventListener("pointerup",function(e){
				// do not check if e.which==1 (left button)
				// the pointer may be released with a button
				// other than e.which==1
				// you may not receive the pointerup event for
				// e.which==1 if other button is still
				// pressed down.
				this.releasePointerCapture(e.pointerId);
				// stop auto repeat
				if(timer_id){
					clearTimeout(timer_id);
					timer_id=null;
					add();
				}
			});
			// disable the context menu on button
			// to prevent the context menu from interfering
			// pointer capture & release
			el_btn.addEventListener("contextmenu",function(e){
				e.preventDefault();
			});
		};
		setupBtn(el_inc,1);
		setupBtn(el_dec,-1);
	};

	function init(){
		if(el_select){
			setupSelect();
		}else{
			setupInpBox();
		}
		// setup increment/decremnet button
		setupIncDec();
		// call base class
		CUiControl({
			el_control:el_control
		});
	};

	init();
	return {
		getValue:getValue,
		setValue:setValue
	};
};
/*js
//==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>
//
//
//==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<
*/
function CDateTblControl(px){
	// elements
	var el_control=px.el_control;
	// parameters
	var inival=px.inival;
	var b_6rows=px.b_6rows;
	var fdow=px.fdow;
	var dowsx=px.dowsx;
	// value(dr_selected)
	var value=null;
	// variables
	var el_selday=null;
	var heading=null;
	var dr_today=null;
	var dr_viewed=null;

	function getValue(){
		return value;
	};

	function setValue(val){
		value={...val};
		// are year and month the same as previous?
		if(!dr_viewed||!((dr_viewed.y==value.y)&&(dr_viewed.m==value.m))){
			// currently viewed year and month
			dr_viewed={
				y:value.y,
				m:value.m
			};
			updateDateTbl();
		}
	};

	function createHeadingData(dowsx,fdow){
		var rx=[];
		for(var i=0;i<7;i++){
			rx.push(dowsx[(i+fdow)%7]);
		}
		return rx;
	};

	function createBodyData(dr_viewed,dr_selected,dr_today,b_6rows,fdow){
		function buildDayClassList(dr_this,dr_viewed,dr_selected,dr_today){
			// initialize class list
			var cx=["day"];
			// is in the month or before/after the month? 
			if(dr_this.m==dr_viewed.m){
				cx.push("inday");
			}else{
				cx.push("outday");
			}
			// weekend or weedkay?
			if((dr_this.w==0)||(dr_this.w==6)){
				cx.push("wend");
			} else {
				cx.push("wday");
			}
			// is today?
			if((dr_this.y==dr_today.y)&&
				(dr_this.m==dr_today.m)&&
				(dr_this.d==dr_today.d)){
				cx.push("today");
			}
			// is selected day?
			if((dr_this.y==dr_selected.y)&&
				(dr_this.m==dr_selected.m)&&
				(dr_this.d==dr_selected.d)){
				cx.push("selday");
			}
			// return
			return cx;
		};

		function dt2dr(dt){
			return{
				y:dt.getFullYear(),
				m:dt.getMonth(),
				d:dt.getDate(),
				w:dt.getDay()
			};
		};

		fdow=parseInt(fdow);
		var dt_1st_of_month=new Date(dr_viewed.y,dr_viewed.m,1);
		var dt_1st_of_table=new Date(dt_1st_of_month);
		var n=(dt_1st_of_month.getDay()-fdow+7)%7;
		dt_1st_of_table.setDate(dt_1st_of_table.getDate()-n);
		var dt_this=new Date(dt_1st_of_table);
		var dr_this=dt2dr(dt_this);
		var wx=[];
		var mx=[];
		var week=0;
		var b_exit=false;
		while(!b_exit){
			var clist=buildDayClassList(
				dr_this,
				dr_viewed,
				dr_selected,
				dr_today);
			wx.push({
				date:dr_this.d,
				clist:clist
			});
			if((dr_this.w-fdow+7)%7==6){
				mx.push(wx);
				wx=[];
				week++;
				if(week==6){
					b_exit=true;
				}
			}
			// increment date by 1
			dt_this.setDate(dt_this.getDate()+1);
			// make dr_this form dt_this
			dr_this=dt2dr(dt_this);
			// if no 6-rows table, then...
			if(!b_6rows){
				var b_overday=(dr_this.m>dr_viewed.m)||
					((dr_this.m==0)&&(dr_viewed.m==11));
				if((dr_this.w==fdow)&&b_overday){
					b_exit=true;
				}
			}
		}
		return mx;
	};

	function unmarkSelDay(){
		if(el_selday){
			el_selday.classList.remove("datbl-selday");
			el_selday=null;
		}
	};

	function markSelDay(el){
		unmarkSelDay();
		el_selday=el;
		el_selday.classList.add("datbl-selday");
	};

	function setSelDay(d){
		var backup={...getValue()};
		var newval={
			y:dr_viewed.y,
			m:dr_viewed.m,
			d:d
		};
		if(!((newval.y==backup.y)&&
			(newval.m==backup.m)&&
			(newval.d==backup.d))){
			setValue(newval);
			el_control.dispatchEvent(new
				CustomEvent("change",{detail:newval}));
		}
	};

	function createDateTbl(hx,mx){
		unmarkSelDay();

		function createHeadingElement(hx){
			var el_week=document.createElement("div");
			el_week.className="datbl-week";
			for(var i=0;i<hx.length;i++){
				var el_day=document.createElement("div");
				el_day.className="datbl-day";
				el_day.classList.add("datbl-head");
				el_day.innerHTML=hx[i];
				el_week.appendChild(el_day);
			}
			return el_week;
		};

		function createDateElement(rec){
			var el=document.createElement("div");
			el.setAttribute("data-date",rec.date);
			for(var i=0;i<rec.clist.length;i++){
				var c=rec.clist[i];
				if(c!="selday"){el.classList.add("datbl-"+c);}
			}
			if(rec.clist.indexOf("inday")!=-1){
				if(rec.clist.indexOf("selday")!=-1){
					markSelDay(el);
				}
				el.setAttribute("tabindex","0");
				esToClick(el).addEventListener("click",function(e){
					markSelDay(this);
					setSelDay(rec.date);
				});
			}
			el.innerHTML=rec.date;
			return el;
		};

		var el_table=document.createElement("div");
		el_table.className="datbl-table";
		el_table.appendChild(createHeadingElement(hx));
		for(var week=0;week<mx.length;week++){
			var wx=mx[week];
			var el_week=document.createElement("div");
			el_week.className="datbl-week";
			for(var d=0;d<wx.length;d++){
				el_week.appendChild(createDateElement(wx[d]));
			}
			el_table.appendChild(el_week);
		}
		return el_table;
	};

	function updateDateTbl(){
		// create body data
		var body=createBodyData(dr_viewed,value,dr_today,b_6rows,fdow);
		// create DOM tree for month table
		if(el_control.firstChild){
			el_control.removeChild(el_control.firstChild);
		}
		el_control.appendChild(createDateTbl(heading,body));
	};

	function init(){
		// today
		var dt_today=new Date();
		dr_today={
			y:dt_today.getFullYear(),
			m:dt_today.getMonth(),
			d:dt_today.getDate()
		};
		// inival
		if(inival===undefined){inival={...dr_today};}
		// build heading data
		heading=createHeadingData(dowsx,fdow);
		// event
		el_control.addEventListener("view-month",function(e){
			dr_viewed.m=parseInt(e.detail);
			updateDateTbl();
		});
		el_control.addEventListener("view-year",function(e){
			dr_viewed.y=parseInt(e.detail);
			updateDateTbl();
		});
		// set inival
		setValue(inival);
		// call base class
		CUiControl({
			el_control:el_control
		});
	}

	init();
	return {
		getValue:getValue,
		setValue:setValue
	};
};
/*js
//==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>==>>>
//
//
//==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<==<<<
*/
function CDateControl(px){
	// elements
	var el_control=px.el_control;
	var el_year=el_control.querySelector(".daco-year");
	var el_month=el_control.querySelector(".daco-month");
	var el_datetbl=el_control.querySelector(".daco-datetbl");
	// parameters
	var inival=px.inival;
	var b_6rows=px.b_6rows;
	var fdow=px.fdow;
	var dowsx=px.dowsx;
	// function closures
	var fcl_year;
	var fcl_month;
	var fcl_date;

	function pad0(n){return ('00'+n.toString()).slice(-2);};
	function drToStr(dr){return dr.y+"-"+pad0(dr.m+1)+"-"+pad0(dr.d);};

	function isValidDate(d){
		return(!isNaN(d.getTime()));
	}

	function strToDate(str){
		var pat="^\\s*"+
			"([0-9]{1,4})-([0-9]{1,2})-([0-9]{1,2})"+
			"\\s*$";
		var re=new RegExp(pat);
		var mx=str.match(re);
		var year,month,date;
		if(mx){
			year=parseInt(mx[1]);
			month=parseInt(mx[2]);
			date=parseInt(mx[3]);
			if((1000<=year)&&(year<3000)&&
				(1<=month)&&(month<=12)&&
				(1<=date)&&(date<=31)){
				const d=new Date(year,month-1,date);
				if(isValidDate(d)){
					return d;
				}
			}
		}
		return false;
	};

	function getValue(){
		return drToStr(fcl_date.getValue());
	};

	function setValue(val){
		var dt=strToDate(val);
		if(dt!==false){
			fcl_year.setValue(dt.getFullYear());
			fcl_month.setValue(dt.getMonth());
			fcl_date.setValue({
				y:dt.getFullYear(),
				m:dt.getMonth(),
				d:dt.getDate()
			});
		}
	};

	function getIniDate(){
		var inidt=false;
		if(inival){
			inidt=strToDate(inival);
		}
		if(inidt===false){
			inidt=new Date();
		}
		return {
			y:inidt.getFullYear(),
			m:inidt.getMonth(),
			d:inidt.getDate()
		};
	};

	function init(){
		// get inidate
		var inidate=getIniDate();
		// year
		fcl_year=CStepControl({
			el_control:el_year,
			inival:inidate.y,
			minval:1000,
			maxval:2999,
			maxlen:5,
			repat_allowed_chars:'^[0-9]$',
			repat_validate_value:'^[12][0-9]{3}$'
		});
		// month
		fcl_month=CStepControl({
			el_control:el_month,
			inival:inidate.m,
			loop:true
		});
		// date
		fcl_date=CDateTblControl({
			el_control:el_datetbl,
			inival:{y:inidate.y,m:inidate.m,d:inidate.d},
			b_6rows:b_6rows,
			fdow:fdow,
			dowsx:dowsx
		});
		// events
		el_year.addEventListener("change",function(e){
			el_datetbl.dispatchEvent(new CustomEvent(
				"view-year",{detail:e.detail}));
		});
		el_month.addEventListener("change",function(e){
			el_datetbl.dispatchEvent(new CustomEvent(
				"view-month",{detail:e.detail}));
		});
		el_datetbl.addEventListener("change",function(e){
			el_control.dispatchEvent(new CustomEvent(
				"change",{detail:drToStr(e.detail)}));
		});
		// call base class
		CUiControl({
			el_control:el_control
		});
	}

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