cotomy 0.1.62 → 0.1.63

package/dist/browser/cotomy.js

@@ -0,0 +1,2898 @@
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["Cotomy"] = factory();
+	else
+		root["Cotomy"] = factory();
+})(this, () => {
+return /******/ (() => { // webpackBootstrap
+/******/ 	var __webpack_modules__ = ({
+
+/***/ 48:
+/***/ ((module) => {
+
+
+var getRandomValue;
+
+var crypto = typeof window !== 'undefined' &&
+  (window.crypto || window.msCrypto) ||
+  typeof self !== 'undefined' &&
+  self.crypto;
+
+if (crypto) {
+    var lim = Math.pow(2, 32) - 1;
+    getRandomValue = function () {
+        return Math.abs(crypto.getRandomValues(new Uint32Array(1))[0] / lim);
+    };
+} else {
+    getRandomValue = Math.random;
+}
+
+module.exports = getRandomValue;
+
+
+/***/ }),
+
+/***/ 146:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+var pad = __webpack_require__(473);
+
+var env = typeof window === 'object' ? window : self;
+var globalCount = Object.keys(env).length;
+var mimeTypesLength = navigator.mimeTypes ? navigator.mimeTypes.length : 0;
+var clientId = pad((mimeTypesLength +
+  navigator.userAgent.length).toString(36) +
+  globalCount.toString(36), 4);
+
+module.exports = function fingerprint () {
+  return clientId;
+};
+
+
+/***/ }),
+
+/***/ 353:
+/***/ (function(module) {
+
+!function(t,e){ true?module.exports=e():0}(this,(function(){"use strict";var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return"["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return!r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return(e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return-t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return+(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else{var a=e.name;D[a]=e,i=a}return!r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return b},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O}));
+
+/***/ }),
+
+/***/ 473:
+/***/ ((module) => {
+
+module.exports = function pad (num, size) {
+  var s = '000000000' + num;
+  return s.substr(s.length - size);
+};
+
+
+/***/ }),
+
+/***/ 569:
+/***/ (function(module) {
+
+!function(t,e){ true?module.exports=e():0}(this,(function(){"use strict";var t={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(n,i,o){var r,a=function(t,n,i){void 0===i&&(i={});var o=new Date(t),r=function(t,n){void 0===n&&(n={});var i=n.timeZoneName||"short",o=t+"|"+i,r=e[o];return r||(r=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:i}),e[o]=r),r}(n,i);return r.formatToParts(o)},u=function(e,n){for(var i=a(e,n),r=[],u=0;u<i.length;u+=1){var f=i[u],s=f.type,m=f.value,c=t[s];c>=0&&(r[c]=parseInt(m,10))}var d=r[3],l=24===d?0:d,h=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",v=+e;return(o.utc(h).valueOf()-(v-=v%1e3))/6e4},f=i.prototype;f.tz=function(t,e){void 0===t&&(t=r);var n,i=this.utcOffset(),a=this.toDate(),u=a.toLocaleString("en-US",{timeZone:t}),f=Math.round((a-new Date(u))/1e3/60),s=15*-Math.round(a.getTimezoneOffset()/15)-f;if(!Number(s))n=this.utcOffset(0,e);else if(n=o(u,{locale:this.$L}).$set("millisecond",this.$ms).utcOffset(s,!0),e){var m=n.utcOffset();n=n.add(i-m,"minute")}return n.$x.$timezone=t,n},f.offsetName=function(t){var e=this.$x.$timezone||o.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find((function(t){return"timezonename"===t.type.toLowerCase()}));return n&&n.value};var s=f.startOf;f.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return s.call(this,t,e);var n=o(this.format("YYYY-MM-DD HH:mm:ss:SSS"),{locale:this.$L});return s.call(n,t,e).tz(this.$x.$timezone,!0)},o.tz=function(t,e,n){var i=n&&e,a=n||e||r,f=u(+o(),a);if("string"!=typeof t)return o(t).tz(a);var s=function(t,e,n){var i=t-60*e*1e3,o=u(i,n);if(e===o)return[i,e];var r=u(i-=60*(o-e)*1e3,n);return o===r?[i,o]:[t-60*Math.min(o,r)*1e3,Math.max(o,r)]}(o.utc(t,i).valueOf(),f,a),m=s[0],c=s[1],d=o(m).utcOffset(c);return d.$x.$timezone=a,d},o.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},o.tz.setDefault=function(t){r=t}}}));
+
+/***/ }),
+
+/***/ 584:
+/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
+
+/**
+ * cuid.js
+ * Collision-resistant UID generator for browsers and node.
+ * Sequential for fast db lookups and recency sorting.
+ * Safe for element IDs and server-side lookups.
+ *
+ * Extracted from CLCTR
+ *
+ * Copyright (c) Eric Elliott 2012
+ * MIT License
+ */
+
+var fingerprint = __webpack_require__(146);
+var pad = __webpack_require__(473);
+var getRandomValue = __webpack_require__(48);
+
+var c = 0,
+  blockSize = 4,
+  base = 36,
+  discreteValues = Math.pow(base, blockSize);
+
+function randomBlock () {
+  return pad((getRandomValue() *
+    discreteValues << 0)
+    .toString(base), blockSize);
+}
+
+function safeCounter () {
+  c = c < discreteValues ? c : 0;
+  c++; // this is not subliminal
+  return c - 1;
+}
+
+function cuid () {
+  // Starting with a lowercase letter makes
+  // it HTML element ID friendly.
+  var letter = 'c', // hard-coded allows for sequential access
+
+    // timestamp
+    // warning: this exposes the exact date and time
+    // that the uid was created.
+    timestamp = (new Date().getTime()).toString(base),
+
+    // Prevent same-machine collisions.
+    counter = pad(safeCounter().toString(base), blockSize),
+
+    // A few chars to generate distinct ids for different
+    // clients (so different computers are far less
+    // likely to generate the same id)
+    print = fingerprint(),
+
+    // Grab some more chars from Math.random()
+    random = randomBlock() + randomBlock();
+
+  return letter + timestamp + counter + print + random;
+}
+
+cuid.slug = function slug () {
+  var date = new Date().getTime().toString(36),
+    counter = safeCounter().toString(36).slice(-4),
+    print = fingerprint().slice(0, 1) +
+      fingerprint().slice(-1),
+    random = randomBlock().slice(-2);
+
+  return date.slice(-2) +
+    counter + print + random;
+};
+
+cuid.isCuid = function isCuid (stringToCheck) {
+  if (typeof stringToCheck !== 'string') return false;
+  if (stringToCheck.startsWith('c')) return true;
+  return false;
+};
+
+cuid.isSlug = function isSlug (stringToCheck) {
+  if (typeof stringToCheck !== 'string') return false;
+  var stringLength = stringToCheck.length;
+  if (stringLength >= 7 && stringLength <= 10) return true;
+  return false;
+};
+
+cuid.fingerprint = fingerprint;
+
+module.exports = cuid;
+
+
+/***/ }),
+
+/***/ 826:
+/***/ (function(module) {
+
+!function(t,i){ true?module.exports=i():0}(this,(function(){"use strict";var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:!0,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:!0});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var o=u.parse;u.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t)};var r=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds()}else r.call(this)};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s,o=this;if(f)return o.$offset=u,o.$u=0===s,o;if(0!==s){var r=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(u+r,t)).$offset=u,o.$x.$localOffset=r}else o=this.utc();return o};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return!!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return"s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)}}}));
+
+/***/ })
+
+/******/ 	});
+/************************************************************************/
+/******/ 	// The module cache
+/******/ 	var __webpack_module_cache__ = {};
+/******/ 	
+/******/ 	// The require function
+/******/ 	function __webpack_require__(moduleId) {
+/******/ 		// Check if module is in cache
+/******/ 		var cachedModule = __webpack_module_cache__[moduleId];
+/******/ 		if (cachedModule !== undefined) {
+/******/ 			return cachedModule.exports;
+/******/ 		}
+/******/ 		// Create a new module (and put it into the cache)
+/******/ 		var module = __webpack_module_cache__[moduleId] = {
+/******/ 			// no module.id needed
+/******/ 			// no module.loaded needed
+/******/ 			exports: {}
+/******/ 		};
+/******/ 	
+/******/ 		// Execute the module function
+/******/ 		__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);
+/******/ 	
+/******/ 		// Return the exports of the module
+/******/ 		return module.exports;
+/******/ 	}
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/************************************************************************/
+var __webpack_exports__ = {};
+// This entry needs to be wrapped in an IIFE because it needs to be in strict mode.
+(() => {
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, {
+  CotomyApi: () => (/* reexport */ CotomyApi),
+  CotomyApiException: () => (/* reexport */ CotomyApiException),
+  CotomyApiFailedEvent: () => (/* reexport */ CotomyApiFailedEvent),
+  CotomyApiForm: () => (/* reexport */ CotomyApiForm),
+  CotomyApiResponse: () => (/* reexport */ CotomyApiResponse),
+  CotomyBracketBindNameGenerator: () => (/* reexport */ CotomyBracketBindNameGenerator),
+  CotomyConflictException: () => (/* reexport */ CotomyConflictException),
+  CotomyDebugFeature: () => (/* reexport */ CotomyDebugFeature),
+  CotomyDebugSettings: () => (/* reexport */ CotomyDebugSettings),
+  CotomyDotBindNameGenerator: () => (/* reexport */ CotomyDotBindNameGenerator),
+  CotomyElement: () => (/* reexport */ CotomyElement),
+  CotomyEntityApiForm: () => (/* reexport */ CotomyEntityApiForm),
+  CotomyEntityFillApiForm: () => (/* reexport */ CotomyEntityFillApiForm),
+  CotomyForbiddenException: () => (/* reexport */ CotomyForbiddenException),
+  CotomyForm: () => (/* reexport */ CotomyForm),
+  CotomyHttpClientError: () => (/* reexport */ CotomyHttpClientError),
+  CotomyHttpServerError: () => (/* reexport */ CotomyHttpServerError),
+  CotomyInvalidFormDataBodyException: () => (/* reexport */ CotomyInvalidFormDataBodyException),
+  CotomyMetaElement: () => (/* reexport */ CotomyMetaElement),
+  CotomyNotFoundException: () => (/* reexport */ CotomyNotFoundException),
+  CotomyPageController: () => (/* reexport */ CotomyPageController),
+  CotomyQueryForm: () => (/* reexport */ CotomyQueryForm),
+  CotomyRequestInvalidException: () => (/* reexport */ CotomyRequestInvalidException),
+  CotomyResponseJsonParseException: () => (/* reexport */ CotomyResponseJsonParseException),
+  CotomyTooManyRequestsException: () => (/* reexport */ CotomyTooManyRequestsException),
+  CotomyUnauthorizedException: () => (/* reexport */ CotomyUnauthorizedException),
+  CotomyUrl: () => (/* reexport */ CotomyUrl),
+  CotomyViewRenderer: () => (/* reexport */ CotomyViewRenderer),
+  CotomyWindow: () => (/* reexport */ CotomyWindow)
+});
+
+// EXTERNAL MODULE: ./node_modules/dayjs/dayjs.min.js
+var dayjs_min = __webpack_require__(353);
+var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
+;// ./node_modules/http-status-codes/build/es/status-codes.js
+// Generated file. Do not edit
+var StatusCodes;
+(function (StatusCodes) {
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.2.1
+     *
+     * This interim response indicates that everything so far is OK and that the client should continue with the request or ignore it if it is already finished.
+     */
+    StatusCodes[StatusCodes["CONTINUE"] = 100] = "CONTINUE";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.2.2
+     *
+     * This code is sent in response to an Upgrade request header by the client, and indicates the protocol the server is switching too.
+     */
+    StatusCodes[StatusCodes["SWITCHING_PROTOCOLS"] = 101] = "SWITCHING_PROTOCOLS";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc2518#section-10.1
+     *
+     * This code indicates that the server has received and is processing the request, but no response is available yet.
+     */
+    StatusCodes[StatusCodes["PROCESSING"] = 102] = "PROCESSING";
+    /**
+     * Official Documentation @ https://www.rfc-editor.org/rfc/rfc8297#page-3
+     *
+     * This code indicates to the client that the server is likely to send a final response with the header fields included in the informational response.
+     */
+    StatusCodes[StatusCodes["EARLY_HINTS"] = 103] = "EARLY_HINTS";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.3.1
+     *
+     * The request has succeeded. The meaning of a success varies depending on the HTTP method:
+     * GET: The resource has been fetched and is transmitted in the message body.
+     * HEAD: The entity headers are in the message body.
+     * POST: The resource describing the result of the action is transmitted in the message body.
+     * TRACE: The message body contains the request message as received by the server
+     */
+    StatusCodes[StatusCodes["OK"] = 200] = "OK";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.3.2
+     *
+     * The request has succeeded and a new resource has been created as a result of it. This is typically the response sent after a PUT request.
+     */
+    StatusCodes[StatusCodes["CREATED"] = 201] = "CREATED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.3.3
+     *
+     * The request has been received but not yet acted upon. It is non-committal, meaning that there is no way in HTTP to later send an asynchronous response indicating the outcome of processing the request. It is intended for cases where another process or server handles the request, or for batch processing.
+     */
+    StatusCodes[StatusCodes["ACCEPTED"] = 202] = "ACCEPTED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.3.4
+     *
+     * This response code means returned meta-information set is not exact set as available from the origin server, but collected from a local or a third party copy. Except this condition, 200 OK response should be preferred instead of this response.
+     */
+    StatusCodes[StatusCodes["NON_AUTHORITATIVE_INFORMATION"] = 203] = "NON_AUTHORITATIVE_INFORMATION";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.3.5
+     *
+     * There is no content to send for this request, but the headers may be useful. The user-agent may update its cached headers for this resource with the new ones.
+     */
+    StatusCodes[StatusCodes["NO_CONTENT"] = 204] = "NO_CONTENT";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.3.6
+     *
+     * This response code is sent after accomplishing request to tell user agent reset document view which sent this request.
+     */
+    StatusCodes[StatusCodes["RESET_CONTENT"] = 205] = "RESET_CONTENT";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7233#section-4.1
+     *
+     * This response code is used because of range header sent by the client to separate download into multiple streams.
+     */
+    StatusCodes[StatusCodes["PARTIAL_CONTENT"] = 206] = "PARTIAL_CONTENT";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc2518#section-10.2
+     *
+     * A Multi-Status response conveys information about multiple resources in situations where multiple status codes might be appropriate.
+     */
+    StatusCodes[StatusCodes["MULTI_STATUS"] = 207] = "MULTI_STATUS";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.4.1
+     *
+     * The request has more than one possible responses. User-agent or user should choose one of them. There is no standardized way to choose one of the responses.
+     */
+    StatusCodes[StatusCodes["MULTIPLE_CHOICES"] = 300] = "MULTIPLE_CHOICES";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.4.2
+     *
+     * This response code means that URI of requested resource has been changed. Probably, new URI would be given in the response.
+     */
+    StatusCodes[StatusCodes["MOVED_PERMANENTLY"] = 301] = "MOVED_PERMANENTLY";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.4.3
+     *
+     * This response code means that URI of requested resource has been changed temporarily. New changes in the URI might be made in the future. Therefore, this same URI should be used by the client in future requests.
+     */
+    StatusCodes[StatusCodes["MOVED_TEMPORARILY"] = 302] = "MOVED_TEMPORARILY";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.4.4
+     *
+     * Server sent this response to directing client to get requested resource to another URI with an GET request.
+     */
+    StatusCodes[StatusCodes["SEE_OTHER"] = 303] = "SEE_OTHER";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7232#section-4.1
+     *
+     * This is used for caching purposes. It is telling to client that response has not been modified. So, client can continue to use same cached version of response.
+     */
+    StatusCodes[StatusCodes["NOT_MODIFIED"] = 304] = "NOT_MODIFIED";
+    /**
+     * @deprecated
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.4.6
+     *
+     * Was defined in a previous version of the HTTP specification to indicate that a requested response must be accessed by a proxy. It has been deprecated due to security concerns regarding in-band configuration of a proxy.
+     */
+    StatusCodes[StatusCodes["USE_PROXY"] = 305] = "USE_PROXY";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.4.7
+     *
+     * Server sent this response to directing client to get requested resource to another URI with same method that used prior request. This has the same semantic than the 302 Found HTTP response code, with the exception that the user agent must not change the HTTP method used: if a POST was used in the first request, a POST must be used in the second request.
+     */
+    StatusCodes[StatusCodes["TEMPORARY_REDIRECT"] = 307] = "TEMPORARY_REDIRECT";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7538#section-3
+     *
+     * This means that the resource is now permanently located at another URI, specified by the Location: HTTP Response header. This has the same semantics as the 301 Moved Permanently HTTP response code, with the exception that the user agent must not change the HTTP method used: if a POST was used in the first request, a POST must be used in the second request.
+     */
+    StatusCodes[StatusCodes["PERMANENT_REDIRECT"] = 308] = "PERMANENT_REDIRECT";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.1
+     *
+     * This response means that server could not understand the request due to invalid syntax.
+     */
+    StatusCodes[StatusCodes["BAD_REQUEST"] = 400] = "BAD_REQUEST";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7235#section-3.1
+     *
+     * Although the HTTP standard specifies "unauthorized", semantically this response means "unauthenticated". That is, the client must authenticate itself to get the requested response.
+     */
+    StatusCodes[StatusCodes["UNAUTHORIZED"] = 401] = "UNAUTHORIZED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.2
+     *
+     * This response code is reserved for future use. Initial aim for creating this code was using it for digital payment systems however this is not used currently.
+     */
+    StatusCodes[StatusCodes["PAYMENT_REQUIRED"] = 402] = "PAYMENT_REQUIRED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.3
+     *
+     * The client does not have access rights to the content, i.e. they are unauthorized, so server is rejecting to give proper response. Unlike 401, the client's identity is known to the server.
+     */
+    StatusCodes[StatusCodes["FORBIDDEN"] = 403] = "FORBIDDEN";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.4
+     *
+     * The server can not find requested resource. In the browser, this means the URL is not recognized. In an API, this can also mean that the endpoint is valid but the resource itself does not exist. Servers may also send this response instead of 403 to hide the existence of a resource from an unauthorized client. This response code is probably the most famous one due to its frequent occurence on the web.
+     */
+    StatusCodes[StatusCodes["NOT_FOUND"] = 404] = "NOT_FOUND";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.5
+     *
+     * The request method is known by the server but has been disabled and cannot be used. For example, an API may forbid DELETE-ing a resource. The two mandatory methods, GET and HEAD, must never be disabled and should not return this error code.
+     */
+    StatusCodes[StatusCodes["METHOD_NOT_ALLOWED"] = 405] = "METHOD_NOT_ALLOWED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.6
+     *
+     * This response is sent when the web server, after performing server-driven content negotiation, doesn't find any content following the criteria given by the user agent.
+     */
+    StatusCodes[StatusCodes["NOT_ACCEPTABLE"] = 406] = "NOT_ACCEPTABLE";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7235#section-3.2
+     *
+     * This is similar to 401 but authentication is needed to be done by a proxy.
+     */
+    StatusCodes[StatusCodes["PROXY_AUTHENTICATION_REQUIRED"] = 407] = "PROXY_AUTHENTICATION_REQUIRED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.7
+     *
+     * This response is sent on an idle connection by some servers, even without any previous request by the client. It means that the server would like to shut down this unused connection. This response is used much more since some browsers, like Chrome, Firefox 27+, or IE9, use HTTP pre-connection mechanisms to speed up surfing. Also note that some servers merely shut down the connection without sending this message.
+     */
+    StatusCodes[StatusCodes["REQUEST_TIMEOUT"] = 408] = "REQUEST_TIMEOUT";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.8
+     *
+     * This response is sent when a request conflicts with the current state of the server.
+     */
+    StatusCodes[StatusCodes["CONFLICT"] = 409] = "CONFLICT";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.9
+     *
+     * This response would be sent when the requested content has been permenantly deleted from server, with no forwarding address. Clients are expected to remove their caches and links to the resource. The HTTP specification intends this status code to be used for "limited-time, promotional services". APIs should not feel compelled to indicate resources that have been deleted with this status code.
+     */
+    StatusCodes[StatusCodes["GONE"] = 410] = "GONE";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.10
+     *
+     * The server rejected the request because the Content-Length header field is not defined and the server requires it.
+     */
+    StatusCodes[StatusCodes["LENGTH_REQUIRED"] = 411] = "LENGTH_REQUIRED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7232#section-4.2
+     *
+     * The client has indicated preconditions in its headers which the server does not meet.
+     */
+    StatusCodes[StatusCodes["PRECONDITION_FAILED"] = 412] = "PRECONDITION_FAILED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.11
+     *
+     * Request entity is larger than limits defined by server; the server might close the connection or return an Retry-After header field.
+     */
+    StatusCodes[StatusCodes["REQUEST_TOO_LONG"] = 413] = "REQUEST_TOO_LONG";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.12
+     *
+     * The URI requested by the client is longer than the server is willing to interpret.
+     */
+    StatusCodes[StatusCodes["REQUEST_URI_TOO_LONG"] = 414] = "REQUEST_URI_TOO_LONG";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.13
+     *
+     * The media format of the requested data is not supported by the server, so the server is rejecting the request.
+     */
+    StatusCodes[StatusCodes["UNSUPPORTED_MEDIA_TYPE"] = 415] = "UNSUPPORTED_MEDIA_TYPE";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7233#section-4.4
+     *
+     * The range specified by the Range header field in the request can't be fulfilled; it's possible that the range is outside the size of the target URI's data.
+     */
+    StatusCodes[StatusCodes["REQUESTED_RANGE_NOT_SATISFIABLE"] = 416] = "REQUESTED_RANGE_NOT_SATISFIABLE";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.5.14
+     *
+     * This response code means the expectation indicated by the Expect request header field can't be met by the server.
+     */
+    StatusCodes[StatusCodes["EXPECTATION_FAILED"] = 417] = "EXPECTATION_FAILED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc2324#section-2.3.2
+     *
+     * Any attempt to brew coffee with a teapot should result in the error code "418 I'm a teapot". The resulting entity body MAY be short and stout.
+     */
+    StatusCodes[StatusCodes["IM_A_TEAPOT"] = 418] = "IM_A_TEAPOT";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc2518#section-10.6
+     *
+     * The 507 (Insufficient Storage) status code means the method could not be performed on the resource because the server is unable to store the representation needed to successfully complete the request. This condition is considered to be temporary. If the request which received this status code was the result of a user action, the request MUST NOT be repeated until it is requested by a separate user action.
+     */
+    StatusCodes[StatusCodes["INSUFFICIENT_SPACE_ON_RESOURCE"] = 419] = "INSUFFICIENT_SPACE_ON_RESOURCE";
+    /**
+     * @deprecated
+     * Official Documentation @ https://tools.ietf.org/rfcdiff?difftype=--hwdiff&url2=draft-ietf-webdav-protocol-06.txt
+     *
+     * A deprecated response used by the Spring Framework when a method has failed.
+     */
+    StatusCodes[StatusCodes["METHOD_FAILURE"] = 420] = "METHOD_FAILURE";
+    /**
+     * Official Documentation @ https://datatracker.ietf.org/doc/html/rfc7540#section-9.1.2
+     *
+     * Defined in the specification of HTTP/2 to indicate that a server is not able to produce a response for the combination of scheme and authority that are included in the request URI.
+     */
+    StatusCodes[StatusCodes["MISDIRECTED_REQUEST"] = 421] = "MISDIRECTED_REQUEST";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc2518#section-10.3
+     *
+     * The request was well-formed but was unable to be followed due to semantic errors.
+     */
+    StatusCodes[StatusCodes["UNPROCESSABLE_ENTITY"] = 422] = "UNPROCESSABLE_ENTITY";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc2518#section-10.4
+     *
+     * The resource that is being accessed is locked.
+     */
+    StatusCodes[StatusCodes["LOCKED"] = 423] = "LOCKED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc2518#section-10.5
+     *
+     * The request failed due to failure of a previous request.
+     */
+    StatusCodes[StatusCodes["FAILED_DEPENDENCY"] = 424] = "FAILED_DEPENDENCY";
+    /**
+     * Official Documentation @ https://datatracker.ietf.org/doc/html/rfc7231#section-6.5.15
+     *
+     * The server refuses to perform the request using the current protocol but might be willing to do so after the client upgrades to a different protocol.
+     */
+    StatusCodes[StatusCodes["UPGRADE_REQUIRED"] = 426] = "UPGRADE_REQUIRED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc6585#section-3
+     *
+     * The origin server requires the request to be conditional. Intended to prevent the 'lost update' problem, where a client GETs a resource's state, modifies it, and PUTs it back to the server, when meanwhile a third party has modified the state on the server, leading to a conflict.
+     */
+    StatusCodes[StatusCodes["PRECONDITION_REQUIRED"] = 428] = "PRECONDITION_REQUIRED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc6585#section-4
+     *
+     * The user has sent too many requests in a given amount of time ("rate limiting").
+     */
+    StatusCodes[StatusCodes["TOO_MANY_REQUESTS"] = 429] = "TOO_MANY_REQUESTS";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc6585#section-5
+     *
+     * The server is unwilling to process the request because its header fields are too large. The request MAY be resubmitted after reducing the size of the request header fields.
+     */
+    StatusCodes[StatusCodes["REQUEST_HEADER_FIELDS_TOO_LARGE"] = 431] = "REQUEST_HEADER_FIELDS_TOO_LARGE";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7725
+     *
+     * The user-agent requested a resource that cannot legally be provided, such as a web page censored by a government.
+     */
+    StatusCodes[StatusCodes["UNAVAILABLE_FOR_LEGAL_REASONS"] = 451] = "UNAVAILABLE_FOR_LEGAL_REASONS";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.6.1
+     *
+     * The server encountered an unexpected condition that prevented it from fulfilling the request.
+     */
+    StatusCodes[StatusCodes["INTERNAL_SERVER_ERROR"] = 500] = "INTERNAL_SERVER_ERROR";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.6.2
+     *
+     * The request method is not supported by the server and cannot be handled. The only methods that servers are required to support (and therefore that must not return this code) are GET and HEAD.
+     */
+    StatusCodes[StatusCodes["NOT_IMPLEMENTED"] = 501] = "NOT_IMPLEMENTED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.6.3
+     *
+     * This error response means that the server, while working as a gateway to get a response needed to handle the request, got an invalid response.
+     */
+    StatusCodes[StatusCodes["BAD_GATEWAY"] = 502] = "BAD_GATEWAY";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.6.4
+     *
+     * The server is not ready to handle the request. Common causes are a server that is down for maintenance or that is overloaded. Note that together with this response, a user-friendly page explaining the problem should be sent. This responses should be used for temporary conditions and the Retry-After: HTTP header should, if possible, contain the estimated time before the recovery of the service. The webmaster must also take care about the caching-related headers that are sent along with this response, as these temporary condition responses should usually not be cached.
+     */
+    StatusCodes[StatusCodes["SERVICE_UNAVAILABLE"] = 503] = "SERVICE_UNAVAILABLE";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.6.5
+     *
+     * This error response is given when the server is acting as a gateway and cannot get a response in time.
+     */
+    StatusCodes[StatusCodes["GATEWAY_TIMEOUT"] = 504] = "GATEWAY_TIMEOUT";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc7231#section-6.6.6
+     *
+     * The HTTP version used in the request is not supported by the server.
+     */
+    StatusCodes[StatusCodes["HTTP_VERSION_NOT_SUPPORTED"] = 505] = "HTTP_VERSION_NOT_SUPPORTED";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc2518#section-10.6
+     *
+     * The server has an internal configuration error: the chosen variant resource is configured to engage in transparent content negotiation itself, and is therefore not a proper end point in the negotiation process.
+     */
+    StatusCodes[StatusCodes["INSUFFICIENT_STORAGE"] = 507] = "INSUFFICIENT_STORAGE";
+    /**
+     * Official Documentation @ https://tools.ietf.org/html/rfc6585#section-6
+     *
+     * The 511 status code indicates that the client needs to authenticate to gain network access.
+     */
+    StatusCodes[StatusCodes["NETWORK_AUTHENTICATION_REQUIRED"] = 511] = "NETWORK_AUTHENTICATION_REQUIRED";
+})(StatusCodes || (StatusCodes = {}));
+
+;// ./src/debug.ts
+var CotomyDebugFeature;
+(function (CotomyDebugFeature) {
+    CotomyDebugFeature["Api"] = "api";
+    CotomyDebugFeature["Fill"] = "fill";
+    CotomyDebugFeature["Bind"] = "bind";
+    CotomyDebugFeature["FormData"] = "formdata";
+    CotomyDebugFeature["Html"] = "html";
+    CotomyDebugFeature["Page"] = "page";
+    CotomyDebugFeature["FormLoad"] = "formload";
+})(CotomyDebugFeature || (CotomyDebugFeature = {}));
+class CotomyDebugSettings {
+    static isEnabled(key) {
+        const global = localStorage.getItem(this.PREFIX);
+        if (key) {
+            const specific = localStorage.getItem(`${this.PREFIX}:${String(key)}`);
+            return specific === "true" || global === "true";
+        }
+        return global === "true";
+    }
+    static enable(key) {
+        localStorage.setItem(`${this.PREFIX}:${String(key)}`, "true");
+    }
+    static disable(key) {
+        localStorage.setItem(`${this.PREFIX}:${String(key)}`, "false");
+    }
+    static enableAll() {
+        localStorage.setItem(this.PREFIX, "true");
+    }
+    static disableAll() {
+        localStorage.setItem(this.PREFIX, "false");
+    }
+    static clear(key) {
+        if (key) {
+            localStorage.removeItem(`${this.PREFIX}:${String(key)}`);
+        }
+        else {
+            localStorage.removeItem(this.PREFIX);
+        }
+    }
+}
+CotomyDebugSettings.PREFIX = "cotomy:debug";
+
+// EXTERNAL MODULE: ./node_modules/cuid/index.js
+var cuid = __webpack_require__(584);
+var cuid_default = /*#__PURE__*/__webpack_require__.n(cuid);
+;// ./src/view.ts
+
+
+class HandlerEntry {
+    constructor(handle, wrapper, options) {
+        this.handle = handle;
+        this.wrapper = wrapper;
+        this.options = options;
+    }
+    get current() {
+        return this.wrapper ?? this.handle;
+    }
+    equals(entryOrHandle, optionsOrMode, wrapper, mode) {
+        let targetHandle;
+        let targetWrapper;
+        let targetOptions;
+        let compareMode = "strict";
+        if (entryOrHandle instanceof HandlerEntry) {
+            targetHandle = entryOrHandle.handle;
+            targetWrapper = entryOrHandle.wrapper;
+            targetOptions = entryOrHandle.options;
+            compareMode = optionsOrMode ?? "strict";
+        }
+        else {
+            targetHandle = entryOrHandle;
+            if (typeof optionsOrMode === "string") {
+                compareMode = optionsOrMode;
+                targetWrapper = wrapper;
+                targetOptions = undefined;
+            }
+            else {
+                targetOptions = optionsOrMode;
+                targetWrapper = wrapper;
+                compareMode = mode ?? "strict";
+            }
+        }
+        if (this.handle !== targetHandle) {
+            return false;
+        }
+        if (compareMode === "strict" && this.wrapper !== targetWrapper) {
+            return false;
+        }
+        return HandlerEntry.optionsEquals(this.options, targetOptions);
+    }
+    static optionsEquals(left, right) {
+        const getBoolean = (options, key) => options?.[key] ?? false;
+        const getSignal = (options) => options?.signal;
+        const leftSignal = getSignal(left);
+        const rightSignal = getSignal(right);
+        const signalsEqual = leftSignal === rightSignal;
+        return getBoolean(left, "capture") === getBoolean(right, "capture")
+            && getBoolean(left, "once") === getBoolean(right, "once")
+            && getBoolean(left, "passive") === getBoolean(right, "passive")
+            && signalsEqual;
+    }
+}
+class HandlerRegistory {
+    constructor(target) {
+        this.target = target;
+        this._registory = new Map();
+    }
+    ensure(event) {
+        return this._registory.get(event) ?? this._registory.set(event, []).get(event);
+    }
+    find(event, entry) {
+        return this._registory.get(event)?.find(e => e.equals(entry)) ?? undefined;
+    }
+    add(event, entry) {
+        if (entry.options?.once) {
+            this.remove(event, entry);
+        }
+        if (!this.find(event, entry)) {
+            this.ensure(event).push(entry);
+            this.target.element.addEventListener(event, entry.current, entry.options);
+        }
+    }
+    remove(event, entry) {
+        if (!entry) {
+            const list = this._registory.get(event);
+            if (!list)
+                return;
+            list.forEach(e => this.target.element.removeEventListener(event, e.current, e.options?.capture ?? false));
+            this._registory.delete(event);
+            return;
+        }
+        const list = this._registory.get(event);
+        if (list) {
+            const remaining = [];
+            for (const e of list) {
+                if (e.equals(entry, "remove")) {
+                    this.target.element.removeEventListener(event, e.current, e.options?.capture ?? false);
+                }
+                else {
+                    remaining.push(e);
+                }
+            }
+            if (remaining.length === 0) {
+                this._registory.delete(event);
+            }
+            else {
+                this._registory.set(event, remaining);
+            }
+        }
+    }
+    get empty() {
+        return this._registory.size === 0;
+    }
+}
+class EventRegistry {
+    static get instance() {
+        return this._instance ?? (this._instance = new EventRegistry());
+    }
+    constructor() {
+        this._registry = new Map();
+    }
+    map(target) {
+        const scopeId = target.scopeId;
+        let registry = this._registry.get(scopeId);
+        if (!registry) {
+            registry = new HandlerRegistory(target);
+            this._registry.set(scopeId, registry);
+        }
+        return registry;
+    }
+    on(event, target, entry) {
+        const registry = this.map(target);
+        registry.add(event, entry);
+    }
+    off(event, target, entry) {
+        const registry = this._registry.get(target.scopeId);
+        if (!registry)
+            return;
+        if (entry) {
+            registry.remove(event, entry);
+        }
+        else {
+            registry.remove(event);
+        }
+        if (registry.empty) {
+            this._registry.delete(target.scopeId);
+        }
+    }
+    clear(target) {
+        this._registry.delete(target.scopeId);
+    }
+}
+class CotomyElement {
+    static encodeHtml(text) {
+        const div = document.createElement("div");
+        div.textContent = text ?? "";
+        return div.innerHTML;
+    }
+    static createHTMLElement(html) {
+        const wrapperMap = {
+            "tr": { prefix: "<table><tbody>", suffix: "</tbody></table>" },
+            "td": { prefix: "<table><tbody><tr>", suffix: "</tr></tbody></table>" },
+            "th": { prefix: "<table><tbody><tr>", suffix: "</tr></tbody></table>" },
+            "thead": { prefix: "<table>", suffix: "</table>" },
+            "tbody": { prefix: "<table>", suffix: "</table>" },
+            "tfoot": { prefix: "<table>", suffix: "</table>" },
+            "caption": { prefix: "<table>", suffix: "</table>" },
+            "colgroup": { prefix: "<table>", suffix: "</table>" },
+            "col": { prefix: "<table><colgroup>", suffix: "</colgroup></table>" },
+            "option": { prefix: "<select>", suffix: "</select>" },
+            "optgroup": { prefix: "<select>", suffix: "</select>" },
+            "legend": { prefix: "<fieldset>", suffix: "</fieldset>" },
+            "li": { prefix: "<ul>", suffix: "</ul>" }
+        };
+        const match = html.match(/<\s*([a-z0-9]+)/i);
+        if (!match) {
+            throw new Error(`Invalid HTML: cannot extract tag from "${html}"`);
+        }
+        const tag = match[1].toLowerCase();
+        const wrap = wrapperMap[tag];
+        const wrappedHtml = wrap ? `${wrap.prefix}${html}${wrap.suffix}` : html;
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(wrappedHtml, "text/html");
+        const errors = doc.querySelector("parsererror");
+        if (errors) {
+            throw new Error(`HTML parsing failed for tag <${tag}>: "${html}"`);
+        }
+        if (doc.body.children.length !== 1) {
+            throw new Error(`CotomyElement requires a single root element, but got ${doc.body.children.length}.`);
+        }
+        const element = doc.body.querySelector(tag);
+        if (!element) {
+            throw new Error(`Parsed but <${tag}> element not found: "${html}"`);
+        }
+        return element;
+    }
+    static first(selector, type) {
+        const element = document.querySelector(selector);
+        if (!element)
+            return undefined;
+        const ctor = (type ?? CotomyElement);
+        return new ctor(element);
+    }
+    static find(selector, type) {
+        const elements = document.querySelectorAll(selector);
+        const ctor = (type ?? CotomyElement);
+        return Array.from(elements).map(e => new ctor(e));
+    }
+    static contains(selector) {
+        return document.querySelector(selector) !== null;
+    }
+    static byId(id, type) {
+        return this.first(`#${id}`, type);
+    }
+    static containsById(id) {
+        return document.getElementById(id) !== null;
+    }
+    static empty(type) {
+        const ctor = (type ?? CotomyElement);
+        return new ctor(document.createElement("div")).attribute("data-cotomy-empty", "").style("display", "none");
+    }
+    constructor(element) {
+        this._parentElement = null;
+        this._scopeId = null;
+        if (element instanceof HTMLElement) {
+            this._element = element;
+        }
+        else if (typeof element === "string") {
+            this._element = CotomyElement.createHTMLElement(element);
+        }
+        else {
+            this._element = CotomyElement.createHTMLElement("html" in element ? element.html : `<${element.tagname}></${element.tagname}>`);
+            if ("tagname" in element && element.text) {
+                this._element.textContent = element.text;
+            }
+            if (element.css) {
+                this.useScopedCss(element.css);
+            }
+            if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Html)) {
+                if ("html" in element) {
+                    console.debug(`CotomyElement {html: "${element.html}" } is created`);
+                }
+                if ("tagname" in element) {
+                    console.debug(`CotomyElement {tagname: "${element.tagname}", text: "${element.text ?? ""}"} is created`);
+                }
+                if (element.css) {
+                    console.debug(`CotomyElement {css: "${element.css}" } is applied`);
+                }
+            }
+        }
+        this.removed(() => {
+            this._element = CotomyElement.createHTMLElement(`<div data-cotomy-invalidated style="display: none;"></div>`);
+            EventRegistry.instance.clear(this);
+        });
+    }
+    get scopeId() {
+        if (!this._scopeId) {
+            this._scopeId = `__cotomy_scope__${cuid_default()()}`;
+            this.attribute(this._scopeId, "");
+        }
+        return this._scopeId;
+    }
+    get scopedSelector() {
+        return `[${this.scopeId}]`;
+    }
+    get stylable() {
+        return !["script", "style", "link", "meta"].includes(this.tagname);
+    }
+    get scopedCssElementId() {
+        return `css-${this.scopeId}`;
+    }
+    useScopedCss(css) {
+        if (css && this.stylable) {
+            const cssid = this.scopedCssElementId;
+            CotomyElement.find(`#${cssid}`).forEach(e => e.remove());
+            const element = document.createElement("style");
+            const writeCss = css.replace(/\[scope\]/g, `[${this.scopeId}]`);
+            const node = document.createTextNode(writeCss);
+            element.appendChild(node);
+            element.id = cssid;
+            const head = CotomyElement.first("head")
+                || new CotomyElement({ html: `<head></head>` }).prependTo(new CotomyElement(document.documentElement));
+            head.append(new CotomyElement(element));
+            this.removed(() => {
+                CotomyElement.find(`#${cssid}`).forEach(e => e.remove());
+            });
+        }
+        return this;
+    }
+    listenLayoutEvents() {
+        this.attribute(CotomyElement.LISTEN_LAYOUT_EVENTS_ATTRIBUTE, "");
+        return this;
+    }
+    get id() {
+        return this.attribute("id");
+    }
+    generateId(prefix = "__cotomy_elem__") {
+        if (!this.id) {
+            this.attribute("id", `${prefix}${cuid_default()()}`);
+        }
+        return this;
+    }
+    get element() {
+        return this._element;
+    }
+    get tagname() {
+        return this.element.tagName.toLowerCase();
+    }
+    is(selector) {
+        const selectors = selector.split(/\s+(?![^\[]*\])|(?<=\>)\s+/);
+        let element = this.element;
+        for (let i = selectors.length - 1; i >= 0; i--) {
+            let subSelector = selectors[i].trim();
+            let directChild = false;
+            if (subSelector.startsWith(">")) {
+                directChild = true;
+                subSelector = subSelector.slice(1).trim();
+            }
+            if (!element || !element.matches(subSelector)) {
+                return false;
+            }
+            if (directChild) {
+                element = element.parentElement;
+            }
+            else {
+                if (i > 0) {
+                    while (element && !element.matches(selectors[i - 1].trim())) {
+                        element = element.parentElement;
+                    }
+                }
+            }
+        }
+        return true;
+    }
+    get empty() {
+        const nonEmptyTags = new Set([
+            "input", "select", "textarea", "img", "video", "audio", "br", "hr",
+            "iframe", "embed", "canvas", "object", "svg", "source", "track", "col",
+            "link", "meta", "base"
+        ]);
+        return nonEmptyTags.has(this.tagname)
+            || this._element.hasAttribute("data-cotomy-empty")
+            || this._element.innerHTML.trim() === "";
+    }
+    get attached() {
+        return document.contains(this.element);
+    }
+    get readonly() {
+        if ("readOnly" in this.element) {
+            return this.element.readOnly;
+        }
+        else {
+            return this.element.hasAttribute("readonly");
+        }
+    }
+    set readonly(readonly) {
+        if ("readOnly" in this.element) {
+            this.element.readOnly = readonly;
+        }
+        else {
+            if (readonly) {
+                this.attribute("readonly", "readonly");
+            }
+            else {
+                this.attribute("readonly", null);
+            }
+        }
+    }
+    get value() {
+        if ("value" in this.element) {
+            return this.element.value;
+        }
+        else {
+            return this.attribute("data-cotomy-value") ?? "";
+        }
+    }
+    set value(val) {
+        if ("value" in this.element) {
+            this.element.value = val;
+        }
+        else {
+            this.attribute("data-cotomy-value", val);
+        }
+    }
+    get text() {
+        return this.element.textContent ?? "";
+    }
+    set text(text) {
+        this.element.textContent = text ?? "";
+    }
+    get html() {
+        return this.element.innerHTML;
+    }
+    set html(html) {
+        this.element.innerHTML = html;
+    }
+    setFocus() {
+        this.element.focus();
+    }
+    get visible() {
+        if (!this.attached) {
+            return false;
+        }
+        if (!this.element.offsetParent && !document.contains(this.element)) {
+            return false;
+        }
+        const rect = this.element.getBoundingClientRect();
+        if (rect.width > 0 && rect.height > 0) {
+            const style = this.getComputedStyle();
+            return style.display !== "none" && style.visibility !== "hidden" && style.visibility !== "collapse";
+        }
+        return false;
+    }
+    get enabled() {
+        return !(this.element.hasAttribute("disabled") && this.element.getAttribute("disabled") !== null);
+    }
+    set enabled(value) {
+        if (value) {
+            this.element.removeAttribute("disabled");
+        }
+        else {
+            this.element.setAttribute("disabled", "disabled");
+        }
+    }
+    get invalidated() {
+        return this.element.hasAttribute("data-cotomy-invalidated");
+    }
+    remove() {
+        if (!this.invalidated) {
+            this._element.remove();
+        }
+    }
+    clear() {
+        this.find("*").forEach(e => e.remove());
+        this.text = "";
+        return this;
+    }
+    get width() {
+        return this.element.offsetWidth;
+    }
+    set width(width) {
+        let w = width.toString() + "px";
+        this.style("width", w);
+    }
+    get height() {
+        return this.element.offsetHeight;
+    }
+    set height(height) {
+        let h = height.toString() + "px";
+        this.style("height", h);
+    }
+    get innerWidth() {
+        return this.element.clientWidth;
+    }
+    get innerHeight() {
+        return this.element.clientHeight;
+    }
+    get outerWidth() {
+        const style = this.getComputedStyle();
+        const margin = parseFloat(style.marginLeft) + parseFloat(style.marginRight);
+        return this.element.offsetWidth + margin;
+    }
+    get outerHeight() {
+        const style = this.getComputedStyle();
+        const margin = parseFloat(style.marginTop) + parseFloat(style.marginBottom);
+        return this.element.offsetHeight + margin;
+    }
+    get scrollHeight() {
+        return this.element.scrollHeight;
+    }
+    get scrollWidth() {
+        return this.element.scrollWidth;
+    }
+    get scrollTop() {
+        return this.element.scrollTop;
+    }
+    get position() {
+        const rect = this.element.getBoundingClientRect();
+        return { top: rect.top, left: rect.left };
+    }
+    get absolutePosition() {
+        const rect = this.element.getBoundingClientRect();
+        return { top: rect.top + window.scrollY, left: rect.left + window.scrollX };
+    }
+    get screenPosition() {
+        const rect = this.element.getBoundingClientRect();
+        return { top: rect.top, left: rect.left };
+    }
+    get rect() {
+        const rect = this.element.getBoundingClientRect();
+        return { top: rect.top, left: rect.left, width: rect.width, height: rect.height };
+    }
+    get innerRect() {
+        const rect = this.element.getBoundingClientRect();
+        const style = this.getComputedStyle();
+        const padding = {
+            top: parseFloat(style.paddingTop),
+            right: parseFloat(style.paddingRight),
+            bottom: parseFloat(style.paddingBottom),
+            left: parseFloat(style.paddingLeft)
+        };
+        return {
+            top: rect.top + padding.top,
+            left: rect.left + padding.left,
+            width: rect.width - padding.left - padding.right,
+            height: rect.height - padding.top - padding.bottom
+        };
+    }
+    get outerRect() {
+        const rect = this.element.getBoundingClientRect();
+        const style = this.getComputedStyle();
+        const margin = {
+            top: parseFloat(style.marginTop),
+            right: parseFloat(style.marginRight),
+            bottom: parseFloat(style.marginBottom),
+            left: parseFloat(style.marginLeft)
+        };
+        return {
+            top: rect.top - margin.top,
+            left: rect.left - margin.left,
+            width: rect.width + margin.left + margin.right,
+            height: rect.height + margin.top + margin.bottom
+        };
+    }
+    get padding() {
+        const style = this.getComputedStyle();
+        return {
+            top: parseFloat(style.paddingTop),
+            right: parseFloat(style.paddingRight),
+            bottom: parseFloat(style.paddingBottom),
+            left: parseFloat(style.paddingLeft)
+        };
+    }
+    get margin() {
+        const style = this.getComputedStyle();
+        return {
+            top: parseFloat(style.marginTop),
+            right: parseFloat(style.marginRight),
+            bottom: parseFloat(style.marginBottom),
+            left: parseFloat(style.marginLeft)
+        };
+    }
+    get inViewport() {
+        const rect = this.element.getBoundingClientRect();
+        return rect.top < window.innerHeight && rect.bottom > 0;
+    }
+    get isAboveViewport() {
+        return this.element.getBoundingClientRect().bottom < 0;
+    }
+    get isBelowViewport() {
+        return this.element.getBoundingClientRect().top > window.innerHeight;
+    }
+    get isLeftViewport() {
+        return this.element.getBoundingClientRect().right < 0;
+    }
+    get isRightViewport() {
+        return this.element.getBoundingClientRect().left > window.innerWidth;
+    }
+    hasAttribute(name) {
+        return this.element.hasAttribute(name);
+    }
+    attribute(name, value) {
+        if (arguments.length === 1) {
+            return this.element.hasAttribute(name) ? this.element.getAttribute(name) : undefined;
+        }
+        else if (value === null) {
+            this.element.removeAttribute(name);
+            return this;
+        }
+        else {
+            this.element.setAttribute(name, value?.toString() ?? "");
+            return this;
+        }
+    }
+    hasClass(name) {
+        return this.element.classList.contains(name);
+    }
+    addClass(name) {
+        this.element.classList.add(name);
+        return this;
+    }
+    removeClass(name) {
+        this.element.classList.remove(name);
+        return this;
+    }
+    toggleClass(name, force) {
+        this.element.classList.toggle(name, force);
+        return this;
+    }
+    style(name, value) {
+        if (arguments.length === 1) {
+            return this.element.style.getPropertyValue(name);
+        }
+        else if (value == null) {
+            this.element.style.removeProperty(name);
+            return this;
+        }
+        else {
+            this.element.style.setProperty(name, value);
+            return this;
+        }
+    }
+    getComputedStyle() {
+        return window.getComputedStyle(this.element);
+    }
+    computedStyle(name) {
+        return window.getComputedStyle(this.element).getPropertyValue(name);
+    }
+    get parent() {
+        if (this._parentElement == null && this.element.parentElement !== null) {
+            this._parentElement = new CotomyElement(this.element.parentElement);
+        }
+        return this._parentElement ?? CotomyElement.empty();
+    }
+    get parents() {
+        let parents = [];
+        let currentElement = this.element.parentElement;
+        while (currentElement !== null) {
+            parents.push(new CotomyElement(currentElement));
+            currentElement = currentElement.parentElement;
+        }
+        return parents;
+    }
+    hasChildren(selector = "*") {
+        return this.element.querySelector(selector) !== null;
+    }
+    children(selector = "*", type) {
+        const children = Array.from(this.element.querySelectorAll(selector));
+        const directChildren = children.filter(child => child.parentElement === this.element);
+        const ctor = (type ?? CotomyElement);
+        return directChildren.filter((e) => e instanceof HTMLElement).map(e => new ctor(e));
+    }
+    firstChild(selector = "*", type) {
+        const elements = this.children(selector, type);
+        return elements.shift() ?? undefined;
+    }
+    lastChild(selector = "*", type) {
+        const elements = this.children(selector, type);
+        return elements.pop() ?? undefined;
+    }
+    closest(selector, type) {
+        const closestElement = this.element.closest(selector);
+        if (closestElement !== null && closestElement instanceof HTMLElement) {
+            const ctor = (type ?? CotomyElement);
+            return new ctor(closestElement);
+        }
+        else {
+            return undefined;
+        }
+    }
+    find(selector, type) {
+        const elements = Array.from(this.element.querySelectorAll(selector));
+        return elements.map(e => new (type ?? CotomyElement)(e));
+    }
+    first(selector = "*", type) {
+        const elements = this.find(selector, type);
+        return elements.shift() ?? undefined;
+    }
+    contains(selector) {
+        return this.find(selector).length > 0;
+    }
+    prepend(prepend) {
+        this._element.prepend(prepend.element);
+        return this;
+    }
+    append(target) {
+        this.element.append(target.element);
+        return this;
+    }
+    appendAll(targets) {
+        targets.forEach(e => this.append(e));
+        return this;
+    }
+    insertBefore(append) {
+        this.element.before(append.element);
+        return this;
+    }
+    insertAfter(append) {
+        this.element.after(append.element);
+        return this;
+    }
+    appendTo(target) {
+        target.element.append(this.element);
+        return this;
+    }
+    prependTo(target) {
+        target.element.prepend(this.element);
+        return this;
+    }
+    trigger(event, e) {
+        this.element.dispatchEvent(e ?? new Event(event));
+        return this;
+    }
+    on(event, handle, options) {
+        const entry = new HandlerEntry(handle, undefined, options);
+        EventRegistry.instance.on(event, this, entry);
+        return this;
+    }
+    onChild(event, selector, handle, options) {
+        const delegate = (e) => {
+            const target = e.target;
+            if (target && target.closest(selector)) {
+                return handle(e);
+            }
+        };
+        const entry = new HandlerEntry(handle, delegate, options);
+        EventRegistry.instance.on(event, this, entry);
+        return this;
+    }
+    once(event, handle, options) {
+        const mergedOptions = { ...(options ?? {}), once: true };
+        const entry = new HandlerEntry(handle, undefined, mergedOptions);
+        this.off(event, handle, mergedOptions);
+        EventRegistry.instance.on(event, this, entry);
+        return this;
+    }
+    off(event, handle, options) {
+        if (handle) {
+            const entry = new HandlerEntry(handle, undefined, options);
+            EventRegistry.instance.off(event, this, entry);
+        }
+        else {
+            EventRegistry.instance.off(event, this);
+        }
+        return this;
+    }
+    click(handle) {
+        if (handle) {
+            this.element.addEventListener("click", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("click");
+        }
+        return this;
+    }
+    dblclick(handle) {
+        if (handle) {
+            this.element.addEventListener("dblclick", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("dblclick");
+        }
+        return this;
+    }
+    mouseover(handle) {
+        if (handle) {
+            this.element.addEventListener("mouseover", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("mouseover");
+        }
+        return this;
+    }
+    mouseout(handle) {
+        if (handle) {
+            this.element.addEventListener("mouseout", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("mouseout");
+        }
+        return this;
+    }
+    mousedown(handle) {
+        if (handle) {
+            this.element.addEventListener("mousedown", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("mousedown");
+        }
+        return this;
+    }
+    mouseup(handle) {
+        if (handle) {
+            this.element.addEventListener("mouseup", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("mouseup");
+        }
+        return this;
+    }
+    mousemove(handle) {
+        if (handle) {
+            this.element.addEventListener("mousemove", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("mousemove");
+        }
+        return this;
+    }
+    mouseenter(handle) {
+        if (handle) {
+            this.element.addEventListener("mouseenter", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("mouseenter");
+        }
+        return this;
+    }
+    mouseleave(handle) {
+        if (handle) {
+            this.element.addEventListener("mouseleave", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("mouseleave");
+        }
+        return this;
+    }
+    dragstart(handle) {
+        if (handle) {
+            this.element.addEventListener("dragstart", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("dragstart");
+        }
+        return this;
+    }
+    dragend(handle) {
+        if (handle) {
+            this.element.addEventListener("dragend", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("dragend");
+        }
+        return this;
+    }
+    dragover(handle) {
+        if (handle) {
+            this.element.addEventListener("dragover", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("dragover");
+        }
+        return this;
+    }
+    dragenter(handle) {
+        if (handle) {
+            this.element.addEventListener("dragenter", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("dragenter");
+        }
+        return this;
+    }
+    dragleave(handle) {
+        if (handle) {
+            this.element.addEventListener("dragleave", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("dragleave");
+        }
+        return this;
+    }
+    drop(handle) {
+        if (handle) {
+            this.element.addEventListener("drop", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("drop");
+        }
+        return this;
+    }
+    drag(handle) {
+        if (handle) {
+            this.element.addEventListener("drag", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("drag");
+        }
+        return this;
+    }
+    removed(handle) {
+        this.element.addEventListener("removed", async (e) => await handle(e));
+        return this;
+    }
+    keydown(handle) {
+        if (handle) {
+            this.element.addEventListener("keydown", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("keydown");
+        }
+        return this;
+    }
+    keyup(handle) {
+        if (handle) {
+            this.element.addEventListener("keyup", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("keyup");
+        }
+        return this;
+    }
+    keypress(handle) {
+        if (handle) {
+            this.element.addEventListener("keypress", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("keypress");
+        }
+        return this;
+    }
+    change(handle) {
+        if (handle) {
+            this.element.addEventListener("change", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("change");
+        }
+        return this;
+    }
+    input(handle) {
+        if (handle) {
+            this.element.addEventListener("input", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("input");
+        }
+        return this;
+    }
+    static get intersectionObserver() {
+        return CotomyElement._intersectionObserver = CotomyElement._intersectionObserver
+            ?? new IntersectionObserver(entries => {
+                entries.filter(entry => entry.isIntersecting).forEach(entry => entry.target.dispatchEvent(new Event("inview")));
+                entries.filter(entry => !entry.isIntersecting).forEach(entry => entry.target.dispatchEvent(new Event("outview")));
+            });
+    }
+    inview(handle) {
+        if (handle) {
+            CotomyElement.intersectionObserver.observe(this.element);
+            this.element.addEventListener("inview", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("inview");
+        }
+        return this;
+    }
+    outview(handle) {
+        if (handle) {
+            CotomyElement.intersectionObserver.observe(this.element);
+            this.element.addEventListener("outview", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("outview");
+        }
+        return this;
+    }
+    focus(handle) {
+        if (handle) {
+            this.element.addEventListener("focus", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("focus");
+        }
+        return this;
+    }
+    blur(handle) {
+        if (handle) {
+            this.element.addEventListener("blur", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("blur");
+        }
+        return this;
+    }
+    focusin(handle) {
+        if (handle) {
+            this.element.addEventListener("focusin", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("focusin");
+        }
+        return this;
+    }
+    focusout(handle) {
+        if (handle) {
+            this.element.addEventListener("focusout", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("focusout");
+        }
+        return this;
+    }
+    filedrop(handle) {
+        this.element.addEventListener("drop", async (e) => {
+            e.preventDefault();
+            const dt = e.dataTransfer;
+            if (dt && dt.files) {
+                await handle(Array.from(dt.files));
+            }
+        });
+        return this;
+    }
+    resize(handle) {
+        this.listenLayoutEvents();
+        if (handle) {
+            this.element.addEventListener("cotomy:resize", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("cotomy:resize");
+        }
+        return this;
+    }
+    scroll(handle) {
+        this.listenLayoutEvents();
+        if (handle) {
+            this.element.addEventListener("cotomy:scroll", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("cotomy:scroll");
+        }
+        return this;
+    }
+    changelayout(handle) {
+        this.listenLayoutEvents();
+        if (handle) {
+            this.element.addEventListener("cotomy:changelayout", async (e) => await handle(e));
+        }
+        else {
+            this.trigger("cotomy:changelayout");
+        }
+        return this;
+    }
+}
+CotomyElement.LISTEN_LAYOUT_EVENTS_ATTRIBUTE = "data-cotomy-layout";
+CotomyElement._intersectionObserver = null;
+class CotomyMetaElement extends CotomyElement {
+    static get(name) {
+        return CotomyElement.first(`meta[name="${name}" i]`, CotomyMetaElement)
+            ?? CotomyElement.empty(CotomyMetaElement);
+    }
+    get content() {
+        return this.attribute("content") ?? "";
+    }
+}
+class CotomyWindow {
+    constructor() {
+        this._body = CotomyElement.empty();
+        this._mutationObserver = null;
+        this._reloading = false;
+        this._eventHandlers = {};
+    }
+    static get instance() {
+        return CotomyWindow._instance ?? (CotomyWindow._instance = new CotomyWindow());
+    }
+    get initialized() {
+        return this._body.attached;
+    }
+    initialize() {
+        if (!this.initialized) {
+            if (!document.body) {
+                throw new Error("<body> element not found. DOM may not be ready.");
+            }
+            this._body = CotomyElement.first("body");
+            const changeLayoutEvents = ["resize", "scroll", "orientationchange", "fullscreenchange", "cotomy:ready"];
+            changeLayoutEvents.forEach(e => {
+                window.addEventListener(e, () => {
+                    const changeLayoutEvent = new CustomEvent("cotomy:changelayout");
+                    window.dispatchEvent(changeLayoutEvent);
+                }, { passive: true });
+            });
+            document.addEventListener("dragover", e => {
+                e.stopPropagation();
+                e.preventDefault();
+            });
+            this.resize(() => {
+                document.querySelectorAll(`[${CotomyElement.LISTEN_LAYOUT_EVENTS_ATTRIBUTE}]`).forEach(e => {
+                    e.dispatchEvent(new CustomEvent("cotomy:resize"));
+                });
+            });
+            this.scroll(() => {
+                document.querySelectorAll(`[${CotomyElement.LISTEN_LAYOUT_EVENTS_ATTRIBUTE}]`).forEach(e => {
+                    e.dispatchEvent(new CustomEvent("cotomy:scroll"));
+                });
+            });
+            this.changeLayout(() => {
+                document.querySelectorAll(`[${CotomyElement.LISTEN_LAYOUT_EVENTS_ATTRIBUTE}]`).forEach(e => {
+                    e.dispatchEvent(new CustomEvent("cotomy:changelayout"));
+                });
+            });
+            this._mutationObserver = new MutationObserver(mutations => {
+                mutations.forEach(mutation => {
+                    mutation.removedNodes.forEach(node => {
+                        if (node instanceof HTMLElement) {
+                            const element = new CotomyElement(node);
+                            element.trigger("removed");
+                        }
+                    });
+                });
+            });
+            this._mutationObserver.observe(this.body.element, { childList: true, subtree: true });
+        }
+    }
+    get reloading() {
+        return this._reloading;
+    }
+    reload() {
+        this._reloading = true;
+        location.reload();
+    }
+    get body() {
+        return this._body;
+    }
+    append(e) {
+        this._body.append(e);
+    }
+    moveNext(focused, shift = false) {
+        const selector = "input, a, select, button, textarea";
+        const focusableElements = Array.from(this.body.element.querySelectorAll(selector))
+            .map(e => new CotomyElement(e))
+            .filter(e => e.width > 0 && e.height > 0 && e.visible && e.enabled && !e.hasAttribute("readonly"));
+        const focusedIndex = focusableElements.map(e => e.element).indexOf(focused.element);
+        let nextIndex = focusedIndex + (shift ? -1 : 1);
+        if (nextIndex >= focusableElements.length) {
+            nextIndex = 0;
+        }
+        else if (nextIndex < 0) {
+            nextIndex = focusableElements.length - 1;
+        }
+        if (focusableElements[nextIndex]) {
+            focusableElements[nextIndex].setFocus();
+        }
+    }
+    trigger(event) {
+        window.dispatchEvent(new Event(event));
+    }
+    on(event, handle) {
+        if (!this._eventHandlers[event])
+            this._eventHandlers[event] = [];
+        this._eventHandlers[event].push(handle);
+        window.addEventListener(event, handle);
+    }
+    off(event, handle) {
+        if (handle) {
+            window.removeEventListener(event, handle);
+            this._eventHandlers[event] = this._eventHandlers[event]?.filter(h => h !== handle) ?? [];
+        }
+        else {
+            for (const h of this._eventHandlers[event] ?? []) {
+                window.removeEventListener(event, h);
+            }
+            delete this._eventHandlers[event];
+        }
+    }
+    handlers(event) {
+        return this._eventHandlers[event] ?? [];
+    }
+    load(handle) {
+        this.on("load", handle);
+    }
+    ready(handle) {
+        this.on("cotomy:ready", handle);
+    }
+    resize(handle) {
+        if (handle) {
+            this.on("resize", handle);
+        }
+        else {
+            this.trigger("resize");
+        }
+    }
+    scroll(handle) {
+        if (handle) {
+            this.on("scroll", handle);
+        }
+        else {
+            this.trigger("scroll");
+        }
+    }
+    changeLayout(handle) {
+        if (handle) {
+            this.on("cotomy:changelayout", handle);
+        }
+        else {
+            this.trigger("cotomy:changelayout");
+        }
+    }
+    pageshow(handle) {
+        if (handle) {
+            this.on("pageshow", handle);
+        }
+        else {
+            this.trigger("pageshow");
+        }
+    }
+    get scrollTop() {
+        return window.scrollY || document.documentElement.scrollTop;
+    }
+    get scrollLeft() {
+        return window.scrollX || document.documentElement.scrollLeft;
+    }
+    get width() {
+        return window.innerWidth;
+    }
+    get height() {
+        return window.innerHeight;
+    }
+    get documentWidth() {
+        return document.documentElement.scrollWidth;
+    }
+    get documentHeight() {
+        return document.documentElement.scrollHeight;
+    }
+}
+CotomyWindow._instance = null;
+
+;// ./src/api.ts
+
+
+
+
+class CotomyApiException extends Error {
+    constructor(status, message, response, bodyText = "") {
+        super(message);
+        this.status = status;
+        this.message = message;
+        this.response = response;
+        this.bodyText = bodyText;
+        this.name = "CotomyApiException";
+    }
+}
+class CotomyHttpClientError extends CotomyApiException {
+    constructor(status, message, response, body = "") {
+        super(status, message, response, body);
+        this.name = "CotomyHttpClientError";
+    }
+}
+class CotomyUnauthorizedException extends CotomyHttpClientError {
+    constructor(status, message, response, body = "") {
+        super(status, message, response, body);
+        this.name = "CotomyUnauthorizedException";
+    }
+}
+class CotomyForbiddenException extends CotomyHttpClientError {
+    constructor(status, message, response, body = "") {
+        super(status, message, response, body);
+        this.name = "CotomyForbiddenException";
+    }
+}
+class CotomyNotFoundException extends CotomyHttpClientError {
+    constructor(status, message, response, body = "") {
+        super(status, message, response, body);
+        this.name = "CotomyNotFoundException";
+    }
+}
+class CotomyConflictException extends CotomyHttpClientError {
+    constructor(status, message, response, body = "") {
+        super(status, message, response, body);
+        this.name = "CotomyConflictException";
+    }
+}
+class CotomyRequestInvalidException extends CotomyHttpClientError {
+    constructor(status, message, response, body = "") {
+        super(status, message, response, body);
+        this.name = "CotomyRequestInvalidException";
+    }
+}
+class CotomyTooManyRequestsException extends CotomyHttpClientError {
+    constructor(status, message, response, body = "") {
+        super(status, message, response, body);
+        this.name = "CotomyTooManyRequestsException";
+    }
+}
+class CotomyHttpServerError extends CotomyApiException {
+    constructor(status, message, response, body = "") {
+        super(status, message, response, body);
+        this.name = "CotomyHttpServerError";
+    }
+}
+class CotomyResponseJsonParseException extends Error {
+    constructor(message = "Failed to parse JSON response.") {
+        super(message);
+        this.name = "CotomyResponseJsonParseException";
+    }
+}
+class CotomyInvalidFormDataBodyException extends Error {
+    constructor(message = "Body must be an instance of FormData.") {
+        super(message);
+        this.name = "CotomyInvalidFormDataBodyException";
+    }
+}
+class Methods {
+}
+Methods.GET = 'GET';
+Methods.POST = 'POST';
+Methods.PUT = 'PUT';
+Methods.PATCH = 'PATCH';
+Methods.DELETE = 'DELETE';
+Methods.HEAD = 'HEAD';
+Methods.OPTIONS = 'OPTIONS';
+Methods.TRACE = 'TRACE';
+Methods.CONNECT = 'CONNECT';
+class ResponseMessages {
+    static getMessage(status) {
+        return this._responseMessages[status] || `Unexpected error: ${status}`;
+    }
+}
+ResponseMessages._responseMessages = {
+    [StatusCodes.BAD_REQUEST]: "There is an error in the input. Please check and try again.",
+    [StatusCodes.UNAUTHORIZED]: "You are not authenticated. Please log in again.",
+    [StatusCodes.FORBIDDEN]: "You do not have permission to use this feature. If necessary, please contact the administrator.",
+    [StatusCodes.NOT_FOUND]: "The specified information could not be found. It may have been deleted. Please start over or contact the administrator.",
+    [StatusCodes.METHOD_NOT_ALLOWED]: "This operation is currently prohibited on the server.",
+    [StatusCodes.NOT_ACCEPTABLE]: "The request cannot be accepted. Processing has been stopped.",
+    [StatusCodes.PROXY_AUTHENTICATION_REQUIRED]: "Proxy authentication is required for internet access.",
+    [StatusCodes.REQUEST_TIMEOUT]: "The request timed out. Please try again.",
+    [StatusCodes.CONFLICT]: "The identifier you are trying to register already exists. Please check the content and try again.",
+    [StatusCodes.PAYMENT_REQUIRED]: "Payment is required for this operation. Please check.",
+    [StatusCodes.GONE]: "The requested resource is no longer available.",
+    [StatusCodes.LENGTH_REQUIRED]: "The Content-Length header field is required for the request.",
+    [StatusCodes.PRECONDITION_FAILED]: "The request failed because the precondition was not met.",
+    [StatusCodes.UNSUPPORTED_MEDIA_TYPE]: "The requested media type is not supported.",
+    [StatusCodes.EXPECTATION_FAILED]: "The server cannot meet the Expect header of the request.",
+    [StatusCodes.MISDIRECTED_REQUEST]: "The server cannot appropriately process this request.",
+    [StatusCodes.UNPROCESSABLE_ENTITY]: "There is an error in the request content.",
+    [StatusCodes.LOCKED]: "The requested resource is locked.",
+    [StatusCodes.FAILED_DEPENDENCY]: "The request failed due to dependency on a previous failed request.",
+    [StatusCodes.UPGRADE_REQUIRED]: "A protocol upgrade is required to perform this operation.",
+    [StatusCodes.PRECONDITION_REQUIRED]: "This request requires a precondition.",
+    [StatusCodes.TOO_MANY_REQUESTS]: "Too many requests have been sent in a short time. Please wait and try again.",
+    [StatusCodes.REQUEST_HEADER_FIELDS_TOO_LARGE]: "The request headers are too large.",
+    [StatusCodes.INTERNAL_SERVER_ERROR]: "An unexpected error occurred. Please try again later.",
+    [StatusCodes.BAD_GATEWAY]: "The server is currently overloaded. Please wait and try again later.",
+    [StatusCodes.SERVICE_UNAVAILABLE]: "The service is temporarily unavailable. Please try again later.",
+    [StatusCodes.GATEWAY_TIMEOUT]: "The communication timed out. Please try again.",
+    [StatusCodes.HTTP_VERSION_NOT_SUPPORTED]: "The current communication method is not supported.",
+    [StatusCodes.NOT_IMPLEMENTED]: "The server does not support the requested functionality.",
+    [StatusCodes.INSUFFICIENT_STORAGE]: "The server has insufficient storage.",
+    [StatusCodes.NETWORK_AUTHENTICATION_REQUIRED]: "Network authentication is required.",
+    413: "The payload of the request is too large. Please check the size.",
+    414: "The request URI is too long.",
+    416: "The requested range is invalid.",
+    508: "The server detected a loop.",
+    510: "The request does not include the required extensions.",
+};
+class CotomyApiResponse {
+    constructor(_response) {
+        this._response = _response;
+        this._object = null;
+        this._text = null;
+    }
+    get available() {
+        return !!this._response;
+    }
+    get empty() {
+        return !this._response || this._response.status === 0;
+    }
+    get ok() {
+        return this._response?.ok ?? false;
+    }
+    get status() {
+        return this._response?.status ?? 0;
+    }
+    get statusText() {
+        return this._response?.statusText ?? '';
+    }
+    get headers() {
+        return this._response?.headers ?? new Headers();
+    }
+    async textAsync() {
+        if (!this._response)
+            return "";
+        return this._text ?? (this._text = await this._response?.text());
+    }
+    async _ensureJsonParsedAsync(defaultValue) {
+        if (this._response && this._object === null) {
+            try {
+                const text = await this.textAsync();
+                if (!text) {
+                    this._object = defaultValue;
+                }
+                else {
+                    this._object = JSON.parse(text);
+                }
+            }
+            catch (error) {
+                throw new CotomyResponseJsonParseException(`Failed to parse JSON response: ${error instanceof Error ? error.message : String(error)}`);
+            }
+        }
+        return this._object ?? defaultValue;
+    }
+    async objectAsync(defaultValue = {}) {
+        return await this._ensureJsonParsedAsync(defaultValue);
+    }
+    async arrayAsync(defaultValue = []) {
+        const parsed = await this._ensureJsonParsedAsync(defaultValue);
+        return Array.isArray(parsed) ? parsed : defaultValue;
+    }
+}
+class CotomyBracketBindNameGenerator {
+    create(name, parent) {
+        return parent ? `${parent}[${name}]` : name;
+    }
+}
+class CotomyDotBindNameGenerator {
+    create(name, parent) {
+        return parent ? `${parent}.${name}` : name;
+    }
+}
+class CotomyViewRenderer {
+    constructor(element, bindNameGenerator) {
+        this.element = element;
+        this.bindNameGenerator = bindNameGenerator;
+        this._renderers = {};
+        this._builded = false;
+    }
+    get locale() {
+        const languages = (navigator.languages && navigator.languages.length ? navigator.languages : [navigator.language]).filter(Boolean);
+        let locale = this.element.attribute("data-cotomy-locale")
+            || this.element.closest("[data-cotomy-locale]")?.attribute("data-cotomy-locale")
+            || languages[0]
+            || 'en-US';
+        return locale.includes("-") ? locale.split("-")[0] : locale;
+    }
+    renderer(type, callback) {
+        this._renderers[type] = callback;
+        return this;
+    }
+    get initialized() {
+        return this._builded;
+    }
+    initialize() {
+        if (!this.initialized) {
+            this.renderer("mail", (element, value) => {
+                if (value) {
+                    new CotomyElement(`<a href="mailto:${value}">${value}</a>`).appendTo(element);
+                }
+            });
+            this.renderer("tel", (element, value) => {
+                if (value) {
+                    new CotomyElement(`<a href="tel:${value}">${value}</a>`).appendTo(element);
+                }
+            });
+            this.renderer("url", (element, value) => {
+                if (value) {
+                    new CotomyElement(`<a href="${value}" target="_blank">${value}</a>`).appendTo(element);
+                }
+            });
+            this.renderer("number", (element, value) => {
+                if (value !== undefined && value !== null) {
+                    const currency = element.attribute("data-cotomy-currency")
+                        || element.closest("[data-cotomy-currency]")?.attribute("data-cotomy-currency");
+                    element.text = currency
+                        ? new Intl.NumberFormat(this.locale, { style: "currency", currency: currency }).format(value)
+                        : new Intl.NumberFormat(this.locale).format(value);
+                }
+            });
+            this.renderer("utc", (element, value) => {
+                if (value) {
+                    const hasOffset = /[+-]\d{2}:\d{2}$/.test(value);
+                    const date = hasOffset ? new Date(value) : new Date(`${value}Z`);
+                    if (!isNaN(date.getTime())) {
+                        const format = element.attribute("data-cotomy-format") ?? "YYYY/MM/DD HH:mm";
+                        element.text = dayjs_min_default()(date).format(format);
+                    }
+                }
+            });
+            this._builded = true;
+        }
+        return this;
+    }
+    async applyObjectAsync(target, propertyName = undefined) {
+        if (!propertyName) {
+            this.element.find("[data-cotomy-bind]").forEach(e => e.clear());
+        }
+        for (const [key, value] of Object.entries(await target)) {
+            const pname = this.bindNameGenerator.create(key, propertyName);
+            if (Array.isArray(value))
+                continue;
+            if (value && typeof value === "object") {
+                await this.applyObjectAsync(value, pname);
+                continue;
+            }
+            this.element.find(`[data-cotomy-bind="${pname}" i]`).forEach(element => {
+                if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Bind)) {
+                    console.debug(`Binding data to element [data-cotomy-bind="${pname}"]:`, value);
+                }
+                const type = element.attribute("data-cotomy-bindtype")?.toLowerCase();
+                if (type && this._renderers[type]) {
+                    this._renderers[type](element, value);
+                }
+                else {
+                    element.text = String(value ?? "");
+                }
+            });
+        }
+    }
+    async applyAsync(respose) {
+        if (!this.initialized) {
+            this.initialize();
+        }
+        if (!respose.available) {
+            throw new Error("Response is not available.");
+        }
+        await this.applyObjectAsync(await respose.objectAsync());
+        return this;
+    }
+}
+class CotomyApi {
+    constructor(_options = {
+        baseUrl: null, headers: null, credentials: null, redirect: null,
+        cache: null, referrerPolicy: null, mode: null, keepalive: true,
+        integrity: '',
+    }) {
+        this._options = _options;
+        this._abortController = new AbortController();
+    }
+    get baseUrl() {
+        return this._options.baseUrl || '';
+    }
+    get headers() {
+        return this._options.headers || {};
+    }
+    get credentials() {
+        return this._options.credentials || 'same-origin';
+    }
+    get redirect() {
+        return this._options.redirect || 'follow';
+    }
+    get cache() {
+        return this._options.cache || 'no-cache';
+    }
+    get referrerPolicy() {
+        return this._options.referrerPolicy || 'no-referrer';
+    }
+    get mode() {
+        return this._options.mode || 'cors';
+    }
+    get keepalive() {
+        return this._options.keepalive || true;
+    }
+    get integrity() {
+        return this._options.integrity || '';
+    }
+    get abortController() {
+        return this._abortController;
+    }
+    async requestAsync(method, path, body, signal, responseType) {
+        if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Api)) {
+            console.debug(`API request: ${method} ${path}`, { body, headers: this.headers });
+        }
+        const bodyTransformers = {
+            "application/json": (body) => JSON.stringify(body),
+            "application/x-www-form-urlencoded": (body) => {
+                if (body instanceof globalThis.FormData) {
+                    let params = new URLSearchParams();
+                    body.forEach((value, key) => {
+                        params.append(key, String(value));
+                    });
+                    return params.toString();
+                }
+                else {
+                    return new URLSearchParams(body).toString();
+                }
+            },
+            "multipart/form-data": (body) => {
+                if (body instanceof globalThis.FormData) {
+                    return body;
+                }
+                const formData = new globalThis.FormData();
+                for (const [key, value] of Object.entries(body)) {
+                    formData.append(key, String(value));
+                }
+                return formData;
+            }
+        };
+        const url = /^[a-zA-Z]/.test(path) ? path
+            : `${(this.baseUrl || '').replace(/\/$/, '')}/${path.replace(/^\//, '')}`;
+        const headers = new Headers(this.headers);
+        if (headers.has('Content-Type') && headers.get("Content-Type") === "multipart/form-data") {
+            headers.delete('Content-Type');
+        }
+        const ct = headers.get('Content-Type') || "multipart/form-data";
+        if (ct === 'multipart/form-data' && body && !(body instanceof globalThis.FormData)) {
+            if (typeof body !== 'object' || Array.isArray(body)) {
+                throw new CotomyInvalidFormDataBodyException('Body must be FormData or a plain object when using multipart/form-data.');
+            }
+        }
+        const responseClass = responseType ?? CotomyApiResponse;
+        const response = new responseClass(await fetch(url, {
+            method,
+            headers,
+            credentials: this.credentials,
+            body: body ? (bodyTransformers[ct] ? bodyTransformers[ct](body) : body) : undefined,
+            signal: signal ?? this._abortController.signal,
+            redirect: this.redirect,
+            cache: this.cache,
+            referrerPolicy: this.referrerPolicy,
+            mode: this.mode,
+            keepalive: this.keepalive,
+            integrity: this.integrity,
+        }));
+        if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Api)) {
+            console.debug(`response body: ${response.status} ${response.statusText}`, await response.textAsync());
+        }
+        if (response.status >= 400 && response.status < 600) {
+            const errorBody = await response.textAsync().catch(() => 'No response body available');
+            const errorMessage = response.statusText || ResponseMessages.getMessage(response.status) || `Unexpected error: ${response.status}`;
+            if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Api)) {
+                console.error(`API request failed: ${errorMessage}`, response, errorBody);
+            }
+            switch (response.status) {
+                case StatusCodes.BAD_REQUEST:
+                case StatusCodes.UNPROCESSABLE_ENTITY:
+                    throw new CotomyRequestInvalidException(response.status, errorMessage, response, errorBody);
+                case StatusCodes.UNAUTHORIZED:
+                    throw new CotomyUnauthorizedException(response.status, errorMessage, response, errorBody);
+                case StatusCodes.FORBIDDEN:
+                    throw new CotomyForbiddenException(response.status, errorMessage, response, errorBody);
+                case StatusCodes.NOT_FOUND:
+                    throw new CotomyNotFoundException(response.status, errorMessage, response, errorBody);
+                case StatusCodes.CONFLICT:
+                case StatusCodes.GONE:
+                    throw new CotomyConflictException(response.status, errorMessage, response, errorBody);
+                case StatusCodes.TOO_MANY_REQUESTS:
+                    throw new CotomyTooManyRequestsException(response.status, errorMessage, response, errorBody);
+                default:
+                    if (response.status < 500) {
+                        throw new CotomyHttpClientError(response.status, errorMessage, response, errorBody);
+                    }
+                    else {
+                        throw new CotomyHttpServerError(response.status, errorMessage, response, errorBody);
+                    }
+            }
+        }
+        return response;
+    }
+    async getAsync(path, parameters) {
+        let queryString = '';
+        if (parameters instanceof globalThis.FormData) {
+            let params = new URLSearchParams();
+            parameters.forEach((value, key) => {
+                params.append(key, String(value));
+            });
+            queryString = params.toString();
+        }
+        else if (parameters) {
+            queryString = new URLSearchParams(Object.fromEntries(Object.entries(parameters).map(([key, value]) => [key, String(value)]))).toString();
+        }
+        const fullUrl = queryString ? `${path}?${queryString}` : path;
+        if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Api)) {
+            console.debug(`GET request to: ${fullUrl}`);
+        }
+        return this.requestAsync(Methods.GET, fullUrl);
+    }
+    async postAsync(path, body) {
+        return this.requestAsync(Methods.POST, path, body);
+    }
+    async putAsync(path, body) {
+        return this.requestAsync(Methods.PUT, path, body);
+    }
+    async patchAsync(path, body) {
+        return this.requestAsync(Methods.PATCH, path, body);
+    }
+    async deleteAsync(path) {
+        return this.requestAsync(Methods.DELETE, path);
+    }
+    async headAsync(path) {
+        return this.requestAsync(Methods.HEAD, path);
+    }
+    async optionsAsync(path) {
+        return this.requestAsync(Methods.OPTIONS, path);
+    }
+    async traceAsync(path) {
+        return this.requestAsync(Methods.TRACE, path);
+    }
+    async connectAsync(path) {
+        return this.requestAsync(Methods.CONNECT, path);
+    }
+    async submitAsync(form) {
+        return form.method.toUpperCase() === Methods.GET ? this.getAsync(form.action, form.body)
+            : this.requestAsync(form.method.toUpperCase(), form.action, form.body);
+    }
+}
+
+;// ./src/form.ts
+
+
+
+
+
+class CotomyForm extends CotomyElement {
+    generateId(prefix = "__cotomy_form__") {
+        return super.generateId(prefix);
+    }
+    method() {
+        return this.attribute("method") ?? "get";
+    }
+    actionUrl() {
+        return this.attribute("action") ?? location.pathname + location.search;
+    }
+    async reloadAsync() {
+        CotomyWindow.instance.reload();
+    }
+    get autoReload() {
+        return this.attribute("data-cotomy-autoreload") !== "false";
+    }
+    set autoReload(value) {
+        if (value) {
+            this.attribute("data-cotomy-autoreload", null);
+        }
+        else {
+            this.attribute("data-cotomy-autoreload", "false");
+        }
+    }
+    get initialized() {
+        return this.hasAttribute("data-cotomy-initialized");
+    }
+    initialize() {
+        if (!this.initialized) {
+            this.on("submit", async (e) => {
+                e.preventDefault();
+                e.stopPropagation();
+                await this.submitAsync();
+            });
+            this.attribute("data-cotomy-initialized", "");
+        }
+        return this;
+    }
+}
+class CotomyQueryForm extends CotomyForm {
+    method() {
+        return "get";
+    }
+    async submitAsync() {
+        const url = this.actionUrl();
+        const queryParams = {};
+        const queryString = url.split("?")[1];
+        if (queryString) {
+            queryString.split("&").forEach(param => {
+                const [key, value] = param.split("=");
+                if (key && value) {
+                    queryParams[key] = decodeURIComponent(value);
+                }
+            });
+        }
+        this.find("[name]").forEach(input => {
+            const name = input.attribute("name");
+            if (name) {
+                const value = input.value;
+                if (value) {
+                    queryParams[name] = encodeURIComponent(value);
+                }
+                else {
+                    delete queryParams[name];
+                }
+            }
+        });
+        const newQueryString = Object.entries(queryParams)
+            .map(([key, value]) => `${key}=${value}`)
+            .join("&");
+        location.href = `${url.split("?")[0]}?${newQueryString}`;
+    }
+}
+class CotomyApiFailedEvent extends Event {
+    constructor(_response, eventName = "cotomy:apifailed") {
+        super(eventName, { bubbles: true, cancelable: true });
+        this._response = _response;
+    }
+    get response() {
+        return this._response;
+    }
+}
+class CotomyApiForm extends CotomyForm {
+    apiClient() {
+        return new CotomyApi();
+    }
+    actionUrl() {
+        return this.attribute("action");
+    }
+    apiFailed(handle) {
+        this.on("cotomy:apifailed", async (e) => {
+            await handle(e);
+        });
+        return this;
+    }
+    triggerApiFailedEvent(response) {
+        this.trigger("cotomy:apifailed", new CotomyApiFailedEvent(response));
+        if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Api)) {
+            console.error("API request failed:", response);
+        }
+    }
+    submitFailed(handle) {
+        this.on("cotomy:submitfailed", async (e) => {
+            await handle(e);
+        });
+        return this;
+    }
+    triggerSubmitFailedEvent(response) {
+        this.trigger("cotomy:submitfailed", new CotomyApiFailedEvent(response, "cotomy:submitfailed"));
+        if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Api)) {
+            console.error("Submit failed:", response);
+        }
+    }
+    method() {
+        return this.attribute("method") ?? "post";
+    }
+    formData() {
+        const formElement = this.element;
+        const formData = new FormData(formElement);
+        this.find("input[type=datetime-local][name]:not([disabled])").forEach(input => {
+            const localDateTime = input.value;
+            if (localDateTime) {
+                const date = new Date(localDateTime);
+                if (!isNaN(date.getTime())) {
+                    formData.set(input.attribute("name"), dayjs_min_default()(date).format("YYYY-MM-DDTHH:mmZ"));
+                }
+            }
+        });
+        if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.FormData)) {
+            console.debug("FormData:", Array.from(formData.entries()));
+        }
+        return formData;
+    }
+    ;
+    async submitAsync() {
+        const formData = this.formData();
+        await this.submitToApiAsync(formData);
+    }
+    async submitToApiAsync(formData) {
+        const api = this.apiClient();
+        try {
+            const response = await api.submitAsync({
+                method: this.method(),
+                action: this.actionUrl(),
+                body: formData,
+            });
+            return response;
+        }
+        catch (error) {
+            if (error instanceof CotomyApiException) {
+                this.triggerApiFailedEvent(error.response);
+                this.triggerSubmitFailedEvent(error.response);
+            }
+            throw error;
+        }
+    }
+}
+class CotomyEntityApiForm extends CotomyApiForm {
+    actionUrl() {
+        const base = this.attribute("action");
+        const keys = this.externalKey ? [this.externalKey] : this.pathKeyInputs.map(e => encodeURIComponent(e.value));
+        return `${base}/${keys.join("/")}`;
+    }
+    method() {
+        if (this.hasAttribute("method") && this.attribute("method") !== "") {
+            return this.attribute("method");
+        }
+        if (this.externalKey)
+            return "put";
+        if (this.pathKeyInputs.length > 0 && this.pathKeyInputs.every(e => e.readonly))
+            return "put";
+        if (this.keyInputs.length > 0 && this.keyInputs.every(e => e.readonly))
+            return "put";
+        return "post";
+    }
+    get externalKey() {
+        return this.attribute("data-cotomy-key") || undefined;
+    }
+    setExternalKey(response) {
+        if (this.requiresExternalKey && response.status === StatusCodes.CREATED) {
+            if (this.hasExternalKey) {
+                if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.FormLoad)) {
+                    console.warn("External key already exists, but server responded with 201 Created. Possible duplicate POST.");
+                }
+                return;
+            }
+            const location = response.headers.get("Location");
+            if (!location)
+                return;
+            const normalize = (url) => {
+                const s = url.replace(/[?#].*$/, "");
+                return s.endsWith("/") ? s.slice(0, -1) : s;
+            };
+            const toPath = (u) => {
+                try {
+                    return new URL(u, location).pathname;
+                }
+                catch {
+                    return u;
+                }
+            };
+            const baseAction = normalize(toPath(this.attribute("action")));
+            const locPath = normalize(toPath(location));
+            const actionParts = baseAction.split("/");
+            const locationParts = locPath.split("/");
+            const isPrefix = locationParts.length >= actionParts.length && actionParts.every((p, i) => p === locationParts[i]);
+            if (!isPrefix) {
+                throw new Error(`Location path does not start with action path. action="${baseAction}", location="${locPath}"`);
+            }
+            const addedParts = locationParts.slice(actionParts.length).filter(Boolean);
+            if (addedParts.length === 1 && addedParts[0]) {
+                this.attribute("data-cotomy-key", addedParts[0]);
+            }
+            else {
+                const msg = `Location does not contain a single external key segment.
+                action="${baseAction}", location="${locPath}", added=["${addedParts.join('","')}"]`;
+                throw new Error(msg);
+            }
+        }
+    }
+    get requiresExternalKey() {
+        return this.attribute("data-cotomy-identify") !== "false" && this.keyInputs.length == 0 && this.pathKeyInputs.length == 0;
+    }
+    get hasExternalKey() {
+        return !!this.externalKey;
+    }
+    get pathKeyInputs() {
+        return this.find("[data-cotomy-keyindex]").sort((a, b) => {
+            const aIndex = parseInt(a.attribute("data-cotomy-keyindex") ?? "0");
+            const bIndex = parseInt(b.attribute("data-cotomy-keyindex") ?? "0");
+            return aIndex - bIndex;
+        });
+    }
+    get keyInputs() {
+        return this.contains("[data-cotomy-key]") ? this.find("[data-cotomy-key]").sort((a, b) => {
+            const aIndex = parseInt(a.attribute("data-cotomy-key") ?? "0");
+            const bIndex = parseInt(b.attribute("data-cotomy-key") ?? "0");
+            return aIndex - bIndex;
+        }) : this.find("[name][data-cotomy-key]");
+    }
+    get usePathKey() {
+        const use = this.pathKeyInputs.length > 0 || this.requiresExternalKey;
+        if (use && this.hasExternalKey && CotomyDebugSettings.isEnabled(CotomyDebugFeature.FormLoad)) {
+            console.warn("Both externalKey and pathKeyInputs are present. Using externalKey and ignoring pathKeyInputs.");
+        }
+        return use;
+    }
+    get pathKeyString() {
+        return this.externalKey || this.pathKeyInputs.map(e => e.value).join("/");
+    }
+    async submitToApiAsync(formData) {
+        const response = await super.submitToApiAsync(formData);
+        if (this.requiresExternalKey && response.status === StatusCodes.CREATED) {
+            this.setExternalKey(response);
+        }
+        return response;
+    }
+}
+class CotomyEntityFillApiForm extends CotomyEntityApiForm {
+    constructor() {
+        super(...arguments);
+        this._fillers = {};
+    }
+    filler(type, func) {
+        this._fillers[type] = func;
+        return this;
+    }
+    initialize() {
+        if (!this.initialized) {
+            super.initialize();
+            this.filler("datetime-local", (input, value) => {
+                const hasOffset = /[+-]\d{2}:\d{2}$/.test(value);
+                const date = hasOffset ? new Date(value) : new Date(`${value}Z`);
+                if (!isNaN(date.getTime())) {
+                    input.value = dayjs_min_default()(date).format("YYYY-MM-DDTHH:mm");
+                }
+                else {
+                    input.value = "";
+                }
+            });
+            this.filler("checkbox", (input, value) => {
+                input.attribute("checked", null);
+                if (value) {
+                    input.attribute("checked", "");
+                }
+            });
+            this.filler("radio", (input, value) => {
+                input.attribute("checked", null);
+                if (input.value === value) {
+                    input.attribute("checked", "");
+                }
+            });
+            CotomyWindow.instance.ready(async () => {
+                await this.loadAsync();
+            });
+        }
+        return this;
+    }
+    async submitToApiAsync(formData) {
+        const response = await super.submitToApiAsync(formData);
+        if (response.ok) {
+            await this.fillAsync(response);
+        }
+        return response;
+    }
+    async reloadAsync() {
+        await this.loadAsync();
+    }
+    loadActionUrl() {
+        return this.actionUrl();
+    }
+    bindNameGenerator() {
+        return new CotomyBracketBindNameGenerator();
+    }
+    renderer() {
+        return new CotomyViewRenderer(this, this.bindNameGenerator());
+    }
+    async loadAsync() {
+        const hasPathKeys = this.pathKeyInputs.length > 0 && this.pathKeyInputs.every(e => !!e.value);
+        const hasKeyInputs = this.keyInputs.length > 0 && this.keyInputs.every(e => !!e.value);
+        if (!this.hasExternalKey && !hasPathKeys && !hasKeyInputs) {
+            return new CotomyApiResponse();
+        }
+        const api = this.apiClient();
+        try {
+            const response = await api.getAsync(this.loadActionUrl());
+            await this.fillAsync(response);
+            return response;
+        }
+        catch (error) {
+            if (error instanceof CotomyApiException) {
+                this.triggerApiFailedEvent(error.response);
+            }
+            if (error instanceof CotomyNotFoundException) {
+                return error.response;
+            }
+            throw error;
+        }
+    }
+    async fillObjectAsync(bindNameGenerator, target, propertyName = undefined) {
+        for (const [key, value] of Object.entries(target)) {
+            if (key.endsWith('[]')) {
+                continue;
+            }
+            const pname = bindNameGenerator.create(key, propertyName);
+            if (Array.isArray(value))
+                continue;
+            if (value && typeof value === "object") {
+                await this.fillObjectAsync(bindNameGenerator, value, pname);
+                continue;
+            }
+            this.find(`input[name="${pname}" i]:not([data-cotomy-fill="false"]):not([multiple]),
+                    textarea[name="${pname}" i]:not([data-cotomy-fill="false"]), 
+                    select[name="${pname}" i]:not([data-cotomy-fill="false"]):not([multiple])`).forEach(input => {
+                if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Fill)) {
+                    console.debug(`Filling input[name="${pname}"] with value:`, value);
+                }
+                const type = input.attribute("type")?.toLowerCase();
+                if (type && this._fillers[type]) {
+                    this._fillers[type](input, value);
+                }
+                else {
+                    input.value = String(value || "");
+                }
+            });
+        }
+    }
+    async fillAsync(response) {
+        if (response.ok && response.available) {
+            await this.fillObjectAsync(this.bindNameGenerator(), await response.objectAsync());
+            await this.renderer().applyAsync(response);
+        }
+        this.pathKeyInputs.forEach(e => e.readonly = true);
+        this.keyInputs.forEach(e => e.readonly = true);
+        this.find("textarea").forEach(e => e.input());
+    }
+}
+
+// EXTERNAL MODULE: ./node_modules/dayjs/plugin/timezone.js
+var timezone = __webpack_require__(569);
+var timezone_default = /*#__PURE__*/__webpack_require__.n(timezone);
+// EXTERNAL MODULE: ./node_modules/dayjs/plugin/utc.js
+var utc = __webpack_require__(826);
+var utc_default = /*#__PURE__*/__webpack_require__.n(utc);
+;// ./src/page.ts
+
+
+
+
+
+dayjs_min_default().extend((utc_default()));
+dayjs_min_default().extend((timezone_default()));
+class CotomyUrl {
+    static location() {
+        return new CotomyUrl();
+    }
+    constructor(url = null) {
+        this._url = new URL(url ?? (location.pathname + location.search), location.origin);
+    }
+    get url() {
+        return this._url.pathname + this._url.search;
+    }
+    get path() {
+        return this._url.pathname;
+    }
+    get segments() {
+        return this._url.pathname.split("/").filter(s => s.length > 0);
+    }
+    get query() {
+        return this._url.search.replace(/^\?/, "");
+    }
+    get parameters() {
+        const dict = {};
+        this._url.searchParams.forEach((value, key) => { dict[key] = value; });
+        return dict;
+    }
+    redirect() {
+        window.location.href = this.url;
+    }
+}
+class CotomyPageController {
+    constructor() {
+        this._forms = {};
+    }
+    static set(type) {
+        if (this._instance) {
+            throw new Error("PageController is already initialized.");
+        }
+        this._instance = new type();
+        CotomyWindow.instance.load(async () => {
+            if (CotomyDebugSettings.isEnabled(CotomyDebugFeature.Page)) {
+                console.debug("CotomyPageController initialize.");
+            }
+            CotomyWindow.instance.initialize();
+            await CotomyPageController._instance.initializeAsync();
+            CotomyWindow.instance.trigger("cotomy:ready");
+        });
+        return this._instance;
+    }
+    static get() {
+        if (!(this._instance instanceof CotomyPageController)) {
+            throw new Error("PageController is not initialized. Use CotomyPageController.set() to initialize it.");
+        }
+        return this._instance;
+    }
+    setForm(form) {
+        if (!form.id) {
+            form.generateId();
+        }
+        this._forms[form.id] = form;
+        form.removed(() => {
+            delete this._forms[form.id];
+        });
+        return form.initialize();
+    }
+    getForm(id, type) {
+        const form = this._forms[id];
+        if (!form)
+            return undefined;
+        if (type && !(form instanceof type)) {
+            throw new Error(`Form "${id}" is not instance of expected type.`);
+        }
+        return form;
+    }
+    forms() {
+        return Object.values(this._forms);
+    }
+    async restoreAsync() {
+        for (const f of this.forms()) {
+            if (CotomyWindow.instance.reloading) {
+                break;
+            }
+            if (f.autoReload) {
+                await f.reloadAsync();
+            }
+        }
+    }
+    isValidUtcDateString(value) {
+        return dayjs_min_default()(value).isValid() && (value.endsWith("Z") || /[+-]\d{2}:\d{2}$/.test(value));
+    }
+    initializeDateTimeElements() {
+        CotomyWindow.instance.body.find("[data-cotomy-datetime]:not([data-cotomy-formatted])").forEach(e => {
+            if (dayjs_min_default()(e.text).isValid()) {
+                const timezone = e.attribute("data-cotomy-timezone")
+                    || e.closest("[data-cotomy-timezone]")?.attribute("data-cotomy-timezone");
+                const format = e.attribute("data-cotomy-format") ?? "YYYY-MM-DD HH:mm";
+                const lt = this.isValidUtcDateString(e.text) ? dayjs_min_default()(e.text) : dayjs_min_default()(`${dayjs_min_default()(e.text).format("YYYY-MM-DDTHH:mm:ss")}Z`);
+                const dt = e.attribute("data-cotomy-datetime") === "local" ? lt : lt.utc();
+                e.text = (timezone && timezone.trim() !== "") ? dt.tz(timezone).format(format) : dt.format(format);
+                e.attribute("data-cotomy-formatted", "");
+            }
+        });
+    }
+    async initializeAsync() {
+        this.initializeDateTimeElements();
+        CotomyWindow.instance.pageshow(async (e) => {
+            if (e.persisted) {
+                await this.restoreAsync();
+                if (CotomyWindow.instance.reloading) {
+                    e.stopImmediatePropagation();
+                }
+            }
+        });
+    }
+    get body() {
+        return CotomyWindow.instance.body;
+    }
+    get url() {
+        return new CotomyUrl();
+    }
+}
+CotomyPageController._instance = null;
+
+;// ./src/index.ts
+
+
+
+
+
+
+})();
+
+/******/ 	return __webpack_exports__;
+/******/ })()
+;
+});
+//# sourceMappingURL=cotomy.js.map