dothtml 5.2.1 → 5.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/lib/dothtml.d.ts +2 -0
  2. package/lib/dothtml.js +1 -1
  3. package/lib/styling/i-dotcss.d.ts +38 -22
  4. package/package.json +1 -1
  5. package/src/dothtml.ts +3 -1
  6. package/src/styling/i-dotcss.ts +39 -22
  7. package/src/styling/style-builder.ts +56 -55
package/lib/dothtml.d.ts CHANGED
@@ -18,6 +18,8 @@ import dot from "./dot";
18
18
  * - Fixed some color bugs.
19
19
  * - Added a filter builder.
20
20
  * - Added flex gap.
21
+ * - Added "auto" as an accepted value to many length types.
22
+ * - Made textIndent a numeric prop.
21
23
  */
22
24
  export default dot;
23
25
  export { default as DotComponent } from "./component";
package/lib/dothtml.js CHANGED
@@ -1,2 +1,2 @@
1
1
  /*! For license information please see dothtml.js.LICENSE.txt */
2
- (()=>{"use strict";var e={555:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ConditionalArgCallback=t.ArrayArgCallback=t.ContentArgCallback=t.AttrArgCallback=t.ArgCallback=void 0;class n{constructor(e,t){this.el=e,this.f=t}}t.ArgCallback=n,t.AttrArgCallback=class extends n{constructor(e,t,n){super(e,n),this.attr=t}updateContent(e){this.el.setAttribute(this.attr,this.f())}},t.ContentArgCallback=class extends n{constructor(e,t){super(e,t)}updateContent(e,t){e(this.el).empty().h(this.f(t))}},t.ArrayArgCallback=class extends n{constructor(e,t){super(null,t),this.dotTarget=e}updateContent(){}},t.ConditionalArgCallback=class extends n{constructor(e,t,n,r){super(null,n),this.startNode=e,this.endNode=t,this.condition=r,this.lastValue=void 0}updateContent(e){if(this.lastValue!=!!this.condition())if(this.lastValue=!this.lastValue,this.lastValue)e._appendOrCreateDocument(this.f,this.endNode.parentNode,this.endNode);else do{var t=this.startNode.nextSibling;t&&t!=this.endNode&&t.parentNode.removeChild(t)}while(this.startNode.nextSibling&&this.startNode.nextSibling!=this.endNode)}}},999:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(969)),i=r(n(150)),o=n(669),s=r(n(177)),l=n(555);class u{#e;#t;#n;#r;static initializeComponent(e){e.constructor.__dotComponentInitialized||(e.constructor.__dotComponentInitialized=!0,e.constructor.__dotClassNumb=o.ClassPrefix.next,e.constructor.__activePropContainer=function(e){this.__component=e},(0,o.eachK)(e.props,((t,n)=>{u.createProp(e.constructor.__activePropContainer,t)})))}static build(e){return u.initializeComponent(e),o.GlobalComponentStack.push(e),e.created&&e.created(...e.__args),e.__built&&(0,s.default)("CB"),e.__built=!0,e.__propContainer={activePropConstructor:e.constructor.__activePropContainer,rawProps:e.props||{},activeProps:new e.constructor.__activePropContainer(e),propDependencies:{},bindings:{}},e.props=e.__propContainer.activeProps,(0,o.eachK)(e.__propContainer.rawProps,((t,n)=>{e.__propContainer.bindings[t]=[],e.props[t]=n})),u.initializeEventHandlers(e),u.rebuild(e),e.ready&&(0,o.sT)((()=>{o.GlobalComponentStack.push(e),e.ready(),o.GlobalComponentStack.pop()}),0),o.GlobalComponentStack.pop(),e.$el}static rebuild(e){e.$el,e.__eventsInitialized||(e.#t=!0);let t=e.builder(...e.__args);e.#t=!1;let n=t.getLast();(!n||n.parentNode.childNodes.length>1)&&(0,s.default)("C#",e.name||e.constructor.name||"(unnamed obj)"),e.__$el=n,e.$el.__dothtml_component=e,e.style&&(e.$styleBuilder=function(){i.default.css.scopeToEl(e.$el),e.__stylesSet||(i.default.css.cacheScopedStaticStyles(e.$el),e.__stylesSet=!0),i.default.css.clearDynamicStyles(e.$el),e.style(i.default.css),i.default.css.unscope()},e.__eventsInitialized||(e.#e=!0),e.$updateStyles(),e.#e=!1),e.built&&e.built()}static initializeEventHandlers(e){e.__eventsInitialized||(e.__eventsInitialized=!0,(0,o.eachK)(e.events,((t,n)=>{e.events[t]=function(){for(let n of e.events[t].__handlers)n.apply(this,arguments)},e.events[t].__handlers=[]})))}static createProp(e,t){Object.defineProperty(e.prototype,t,{configurable:!1,enumerable:!1,get:function(){i.default.__lastProp=t,i.default.__lastIndex=null,i.default.__lastComponent=this.__component;let e=this.__component.__propContainer.rawProps[t];return u.configureDependency(this.__component,t),e},set:function(e){let n=e;e instanceof Array&&(n=new a.default(e),n.addEventListener("read",(e=>{i.default.__lastIndex=e.index}))),this.__component.__propContainer.rawProps[t]=n;for(let e of this.__component.__propContainer.bindings[t])(0,i.default)(e.element).as(i.default.input).setVal(n);return u.updateProp(this.__component,t),n}})}static configureDependency(e,t){var n=i.default.__currentArgCallback[i.default.__currentArgCallback.length-1];if(n){let i=e.__propContainer.rawProps[t];i instanceof a.default&&(i.addEventListener("itemadded",(function(r){n instanceof l.ArrayArgCallback?n.dotTarget._appendOrCreateDocument(n.f(r.item,r.index),void 0,r.index):n&&u.updateProp(e,t)})),i.addEventListener("itemset",(function(r){if(n instanceof l.ArrayArgCallback){var a=n.dotTarget.__document,i=a.childNodes[r.index];a.removeChild(i),n.dotTarget._appendOrCreateDocument(n.f(r.item,r.index),void 0,r.index)}else n&&u.updateProp(e,t)})),i.addEventListener("itemremoved",(function(r){n instanceof l.ArrayArgCallback?n.dotTarget.__document.removeChild(n.dotTarget.__document.childNodes[r.index]):n&&u.updateProp(e,t)})));var r=e.__propContainer.propDependencies[t];r||(r=e.__propContainer.propDependencies[t]=[]),r.push(n)}e.#e&&(e.#n[t]=!0),e.#t&&(e.#r[t]=!0)}static updateProp(e,t){let n=e.__propContainer.propDependencies[t],r=e.__propContainer.rawProps[t],a=!1;for(let o=0;o<(n||[]).length;o++){let s=n[o];s.updateContent(i.default,r),(e.#n[t]||s instanceof l.AttrArgCallback&&"class"==s.attr)&&(a=!0)}a&&e.$updateStyles()}constructor(...e){this.#e=!1,this.#t=!1,this.#n={},this.#r={},this.__built=!1,this.__stylesSet=!1,this.__eventsInitialized=!1,this.$refs={},this.__args=e}created(...e){}ready(){}deleting(){}deleted(){}built(){}on(e,t){u.initializeEventHandlers(this);let n=this.events&&this.events[e];n||(0,s.default)("UE",e);let r=n.__handlers;-1==r.indexOf(t)&&r.push(t)}off(e,t){let n=this.events&&this.events[e];n||(0,s.default)("UE",e);let r=n.__handlers,a=r.indexOf(t);a>-1&&r.splice(a,1)}get $el(){return this.__$el}$updateStyles(){this.$styleBuilder&&this.$styleBuilder()}}t.default=u},669:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.numberStep=t.floatRegex=t.GlobalComponentStack=t.ClassPrefix=t.str=t.sT=t.isF=t.eachK=void 0,t.eachK=function(e,t){if(e)for(var n=Object.keys(e),r=0;r<n.length;r++)t(n[r],e[n[r]])},t.isF=function(e){return e&&e.constructor&&e.call&&e.apply},t.sT=setTimeout,t.str=function(e,t){return(e||"").toString(t)},t.ClassPrefix=new class{constructor(){this.current=65536}reset(){this.current=65536}get next(){return this.current++}},t.GlobalComponentStack=[],t.floatRegex=new RegExp("[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?","g"),t.numberStep=function(e,t,n,r,a){switch(e=Number(e),t=Number(t),a){case"geometric":case"exponential":case"ease":return e+.5*(1-Math.cos(Math.PI*(n/r)))*(t-e);default:return e+n/r*(t-e)}}},150:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ATTRIBUTE_MODE=t.SELECTOR_MODE=void 0;const s=o(n(351)),l=i(n(782)),u=o(n(177)),c=n(669),d=o(n(999)),h=n(555),p=o(n(969)),f=function(e){var n=e?"string"==typeof e?document.querySelectorAll(e):e instanceof Element||e instanceof Node?[e]:e instanceof NodeList||e instanceof Array&&e[0]&&(e[0]instanceof Element||e[0]instanceof Node)?e:[]:[],r=new C;return n.length>0&&(r.__document=n[0]),f.__selectionMode=t.SELECTOR_MODE,r},g="DOTHTML-DEFER";var m=0;function b(e,t){S[e]=f[e]=t}function _(e){var t=null,n=e.__dothtml_component;n&&(n.deleting&&n.deleting(),n.__$el=null,t=n.deleted),e.parentNode&&e.parentNode.removeChild(e),t&&t.apply(n)}function y(e,t,n,r){e.addEventListener?e.addEventListener(t,n,r||!1):e.attachEvent("on"+t,n)}function v(e){b(e,(function(t){return this.el(e,t)}))}function k(e,t){S[t||e]=function(t){return this.attr(e,t)}}t.SELECTOR_MODE=1,t.ATTRIBUTE_MODE=2;var w,C=function(e,n){this.__document=e,this.__lastNode=e?e.lastChild:null,this.__if=null,this.__pendingCalls=[],this.__anonAttrFuncs={},this.__classPrefix=n||0,this.__classedElements=[],this.__selectionMode=t.SELECTOR_MODE},S=C.prototype,x=["a","aside","abbr","address","area","article","audio","b","bdi","bdo","blockQuote","body","br","button","canvas","caption","cite","code","col","colGroup","content","data","dataList","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldSet","figCaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","i","iFrame","img","input","ins","kbd","keyGen","label","legend","li","main","map","mark","menu","menuItem","meter","nav","object","ol","optGroup","option","output","p","param","pre","progress","q","rp","rt","ruby","s","samp","section","select","small","source","span","strong","svg","sub","summary","sup","table","tBody","td","textArea","tFoot","th","tHead","time","tr","track","u","ul","var","video","wbr"],N=["accept","accessKey","action","align","aLink","alt","archive","autoComplete","autoFocus","autoPlay","autoSave","axis","background","bgColor","border","buffered","cellPadding","cellSpacing","challenge","char","charOff","checked","classId","clear","codeBase","codeType","color","cols","colSpan","compact","contentEditable","contextMenu","controls","coords","dateTime","declare","default","dir","dirName","disabled","download","draggable","dropZone","encType","face","font","fontFace","fontFaceFormat","fontFaceName","fontFaceSrc","fontFaceUri","fontSpecification","for","foreignObject","formAction","frame","frameBorder","headers","height","hidden","high","hRef","hRefLang","hSpace","icon","id","images","isMap","itemProp","keyType","kind","lang","list","longDesc","loop","low","manifest","marginHeight","marginWidth","max","maxLength","media","metadata","method","min","missingGlyph","multiple","muted","name","noHRef","noResize","noShade","noValidate","nowrap","open","optimum","pattern","ping","placeholder","poster","preload","prompt","radioGroup","readOnly","rel","required","rev","reversed","rows","rowSpan","rules","sandbox","scope","scrolling","seamless","selected","shape","size","sizes","spellCheck","src","srcDoc","srcLang","srcSet","standby","start","step","style","tabIndex","target","title","type","useMap","vAlign","value","valueType","width","wrap"],O=[["quoteCite","cite"],["objectData","data"],["whichForm","form"],["trackLabel","label"],["colSpan","span"],["tableSummary","summary"],["optionLabel","label"],["acceptCharset","accept-charset"]],P=["onAbort","onBlur","onChange","onInput","onCanPlay","onCantPlayThrough","onClick","onCopy","onContextMenu","onCueChange","onCut","onDblClick","onDrag","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDragStart","onDrop","onDurationChange","onEmptied","onEnded","onError","onFocus","onHashChange","onInvalid","onKeyDown","onKeyPress","onKeyUp","onLoad","onLoadedData","onLoadedMetadata","onLoadStart","onMouseDown","onMouseEnter","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onMouseWheel","onOffline","onOnline","onPageHide","onPagePaste","onPageShow","onPause","onPlay","onPlaying","onPopState","onProgress","onRateChange","onReset","onResize","onScroll","onSearch","onSeeked","onSeeking","onSelect","onStalled","onStorage","onSubmit","onSuspend","onTimeUpdate","onToggle","onUnload","onVolumeChange","onWaiting","onWheel"];for(w in x)v(x[w]);for(w in N)k(N[w]);for(w in O)k(O[w][1],O[w][0]);for(w in P)k(P[w]);b("as",(function(e){return this})),b("_getNewDocument",(function(){return document.createElement("DOTHTML-DOCUMENT")})),b("_getAnInstance",(function(){if(this.__document||this.__pendingCalls.length>0)return this;var e=new C(null,this.__classPrefix);return e.__if=this.__if,e})),b("_getLastChildOrNull",(function(){return this.__document&&this.__document.lastChild?this.__document.lastChild:null})),b("getLast",(function(){return this._getLastChildOrNull()})),b("getCurrent",(function(){let e;switch(f.__selectionMode){case t.SELECTOR_MODE:e=this.__document;break;case t.ATTRIBUTE_MODE:e=this.getLast()||this.__document}return e})),S.toString=function(){return this.__document?this.__document.innerHTML:""},S.ref=function(e){let t=this.getLast(),n=c.GlobalComponentStack.length;return t&&n>0&&(c.GlobalComponentStack[n-1].$refs[e]=t),this},b("_evalContent",(function(e,t){if(null==e||null==e)return null;if("string"==typeof e||"number"==typeof e||"boolean"==typeof e){let t=new C(this._getNewDocument(),this.__classPrefix);return t.__document.innerHTML=e,t.__document.childNodes}if(e instanceof Node)return e;if("[object Array]"===Object.prototype.toString.call(e)){let t=new C(this._getNewDocument(),this.__classPrefix);for(let n=0;n<e.length;n++)t._appendOrCreateDocument(e[n]);if(t.__document)return t.__document.childNodes}else{if((0,c.isF)(e))return this._evalContent(e(),t);if(e instanceof d.default)return this._evalContent(d.default.build(e));if(e instanceof C){for(let n=0;n<e.__pendingCalls.length;n++)t.push(e.__pendingCalls[n]);let n=this.__classPrefix;for(let t in e.__classedElements){let r=e.__classedElements[t];n?r.className="dot-"+(0,c.str)(n,16)+"-"+r.className:this.__classedElements.push(r)}if(e.__document)return e.__document.childNodes}}return null})),b("_appendOrCreateDocument",(function(e,t,n){var r=this;if(t&&n&&isNaN(n)&&n.parentNode!=t)throw"beforeNode is not in parentEl.";t=t||(n&&isNaN(n)?n.parentNode:null)||r.__document||r._getNewDocument(),isNaN(n)||(n=t.childNodes[n]);var a=r.__document===t?r:new C(t,r.__classPrefix);a.__if=r.__if;var i,o=[],s=(0,c.isF)(e);s&&f.__currentArgCallback.push(new h.ContentArgCallback(t,e));try{i=a._evalContent(e,o)}finally{s&&f.__currentArgCallback.pop()}for(var l=0;l<o.length;l++){var u=o[l],d=(n?n.previousSibling||t:null)||t.lastChild||t;d&&"DOCUMENT"!=d.tagName?"attr"==u.type?(0,c.isF)(u.params[0])?y(d,u.name,u.params[0],u.arg3):d.setAttribute(u.name,u.params[0]):"wait"==u.type&&u.callback():a.__pendingCalls.push(u)}if(null!=i)if(i instanceof NodeList)for(;i.length>0;)n?t.insertBefore(i[0],n):t.appendChild(i[0]);else n?t.insertBefore(i,n):t.appendChild(i);return a})),b("el",(function(e,n){var r=this,a=document.createElement(e),i=r.__document||r._getNewDocument();i.appendChild(a),n&&r._appendOrCreateDocument(n,a);var o=r.__document===i?r:new C(i,r.__classPrefix);if(n&&n instanceof C)for(var s in n.__classedElements)o.__classedElements.push(n.__classedElements[s]);return f.__selectionMode=t.ATTRIBUTE_MODE,o})),b("h",(function(e){var t=this,n=t._getNewDocument();new C(n,t.__classPrefix)._appendOrCreateDocument(e);for(var r=t.__document||t._getNewDocument();n.childNodes.length>0;)r.appendChild(n.childNodes[0]);return t.__document===r?t:new C(r,t.__classPrefix)})),b("t",(function(e){var t=document.createTextNode(e),n=this.__document||this._getNewDocument();return n.appendChild(t),new C(n,this.__classPrefix)})),b("attr",(function(e,t,n){var r=this;if((0,c.isF)(t)&&(0==e.indexOf("on")&&-1!=P.indexOf(e)?e=e.substring(2).toLowerCase():(f.__anonAttrFuncs[m]=t,t="dot.__anonAttrFuncs["+m+++"](arguments[0]);")),!r.__document){var a=r._getAnInstance();return a.__pendingCalls.push({type:"attr",name:e,params:[t],arg3:n}),a}var i=r.__document.childNodes,o=i[i.length-1];if(o&&o.setAttribute)if((0,c.isF)(t))y(o,e,t,n);else{if("object"==typeof t&&!(t instanceof l._Builder)){var s=t,u=function(){var e="";return(0,c.eachK)(s,(function(t,n){(n=(0,c.isF)(n)?n():n)&&(e+=" "+t)})),e.substring(1)};f.__currentArgCallback.push(new h.AttrArgCallback(o,e,u)),t=u(),f.__currentArgCallback.pop()}var d=o.getAttribute(e);d?d+=" ":d="",o.setAttribute(e,d+(void 0===t?e:t))}return r})),b("_appendSetElement",(function(e,t){var n=this;if(!e)return(0,u.default)("A",e),n;var r=document.getElementById(e);if(!r)return(0,u.default)("F",e),n;if(n.__document)for(t||(r.innerHTML="");n.__document.childNodes.length>0;)r.appendChild(n.__document.childNodes[0]);return n})),b("iterate",(function(e,t){for(var n=this,r=0;r<e;r++){let e=null;(0,c.isF)(t)&&(e=t(r)),n=n._appendOrCreateDocument(e)}return n})),b("each",(function(e,t,n){var r=this;if((0,c.isF)(e)){if(!n)return r.defer((function(n){n.each(e,t,!0)}));var a=e;f.__currentArgCallback.push(new h.ArrayArgCallback(r,t));try{e=a()}finally{f.__currentArgCallback.pop()}}if(e instanceof Array||e instanceof p.default)for(var i=0;i<e.length;i++)r=r._appendOrCreateDocument(t(e[i],i));else{var o=Object.keys(e);for(i=0;i<o.length;i++){var s=o[i];r=r._appendOrCreateDocument(t(e[s],s))}}return r})),S.customData=function(e,t){return this.attr("data-"+e,t)},S.class=function(e){var t=this.__classPrefix;if(t){var n="dot-"+(0,c.str)(t,16)+"-";if("string"==typeof e)e=n+e;else if("object"==typeof e){var r={};(0,c.eachK)(e,(function(e,t){r[n+e]=t})),e=r}}else{var a=this.getLast();a&&this.__classedElements.push(a)}return this.attr("class",e)},S.play=function(){let e=this.getCurrent();return e.play&&e.play(),this},S.pause=function(e){let t=this.getCurrent();return t.pause&&t.pause(),e&&(t.currentTime=0),this},S.stop=function(){return this.pause(!0)},S.setVal=function(e){let t=this.getCurrent();return t?(Array.isArray&&Array.isArray(e)||!Array.isArray&&e.join?e=e.join(""):null==e&&(e=""),"checkbox"==t.type||"radio"==t.type?t.checked=!!e:"OPTION"==t.tagName?t.selected=!!e:t.value=e,this):this},S.getVal=function(){var e=this.__lastNode||this.__document;if(e&&1===e.nodeType)return"checkbox"==e.type||"radio"==e.type?!!e.checked:"OPTION"==e.tagName?!!e.selected:e.value},b("when",(function(e,t,n){var r=this._getAnInstance();if((0,c.isF)(e)){n||(n=r.__conditionalArray=[e]);var a=n.length-1;r=function(e,t,n,r){var a=document.createTextNode(""),i=document.createTextNode(""),o=new h.ConditionalArgCallback(a,i,r,t);f.__currentArgCallback.push(o);var s=t();e=e._appendOrCreateDocument(a);for(var l=0;l<n.length;l++)n[l]();return o.lastValue=s,s&&(e=e._appendOrCreateDocument(r)),e=e._appendOrCreateDocument(i),f.__currentArgCallback.pop(),e}(r,(function(){for(var t=0;t<a;t++)if(n[t]())return!1;return!!e()}),n,t)}else e?(r=r._appendOrCreateDocument((0,c.isF)(t)?t():t)).__if=!0:r.__if=!1;return r})),b("otherwiseWhen",(function(e,t){if((0,c.isF)(e)){var n=this.__conditionalArray;return n||(0,u.default)("MC"),n.push(e),this.when(e,t,n)}return this.__if?this:this.when(e,t)})),b("otherwise",(function(e){var t=this.__conditionalArray;if(t){var n=function(){return!0};return t.push(n),this.when(n,e,t)}return this.__if?this:(this.__if=null,this._getAnInstance()._appendOrCreateDocument(e))})),b("script",(function(e){var t=this.getLast();return(0,c.sT)((function(){e(t)}),0),this})),b("wait",(function(e,t){var n=this.el(g),r=n.__document.lastChild;return(0,c.sT)((()=>{n._appendOrCreateDocument(t,null,r),r.parentElement.removeChild(r)}),e),n})),b("defer",(function(e){(0,c.isF)(e)||(0,u.default)("XF","defer");var t=this.el(g),n=t.__document.lastChild;return(0,c.sT)((()=>{e(f(n.parentElement)),n.parentElement.removeChild(n)}),0),t})),b("empty",(function(){if(this.__document){for(var e=[this.__document],t=!0,n=[];e.length>0;){var r=e.shift();if(r.childNodes.length>0)for(var a=0;a<r.childNodes.length;a++)e.push(r.childNodes[a]);!t&&n.push(r),t=!1}for(;n.length>0;)_(n.pop())}return this})),b("remove",(function(){this.empty(),_(this.__document)})),b("scopeClass",(function(e,t){null==e&&(e=c.ClassPrefix.next);var n=this;n.__classPrefix=e;var r=n.h(t);return n.__classPrefix=0,r})),S.bindTo=function(e){let t=f.__lastProp,n=f.__lastIndex,r=f.__lastComponent,a=this.getLast(),i=r.props[t];null!=n&&null!=n&&(i=i[n]);let o=this.setVal(i);return y(a,"change",(function(e){r.props[t]=f(a).as(f.input).getVal()})),r.__propContainer.bindings[t].push({element:a}),o},f.resetScopeClass=function(){return c.ClassPrefix.reset(),this},f.css=l.default,f.bus=s.default,f.__currentArgCallback=[],f.__document=null,f.__if=null,f.__pendingCalls=[],f.__anonAttrFuncs={},t.default=f},220:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DotComponent=void 0;const a=r(n(150)),i=r(n(999));a.default.version="5.2.1",a.default.Component=i.default,t.default=a.default;var o=n(999);Object.defineProperty(t,"DotComponent",{enumerable:!0,get:function(){return r(o).default}})},177:(e,t)=>{var n;Object.defineProperty(t,"__esModule",{value:!0}),n=function(e,...t){throw{A:`Can't append "${(t=t||[])[0]}".`,CB:"Unable to build the same component twice. Ensure each component is only used once.",CU:"Invalid usage: a component should at least have a name and a builder function.","C#":`Component "${t[0]}" must return exactly one child node.`,F:`Element "${t[0]}" not found.`,MC:"Can't mix static conditions with dynamic conditional rendering.",R:"Router must be passed a JSON object that contains an 'routes' array containing objects with a 'path', 'title', and 'component'.",S:"SVG is not supported by DOThtml.",UE:`Unknown event name "${t[0]}".`,XS:"Expected a string.",XF:`Expected a function in "${t[0]}".`}[e]||"Unknown error."},t.default=n},351:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(669),a=new class{constructor(){this._callbacks={},this._checkAddEvent=function(e){var t=this._callbacks[e];return t||(this._callbacks[e]=t=[]),t}}on(e,t){this._checkAddEvent(e).push(t)}off(e,t){for(var n=this._checkAddEvent(e),r=n.length-1;n>=0;r--)n[r]==t&&n.splice(r,1)}emit(e,...t){var n=this._checkAddEvent(e);(0,r.eachK)(n,(function(e,n){n(...t)}))}flush(e){this._checkAddEvent(e).length=0}};t.default=a},969:(e,t)=>{function n(e){var t=this,n=[],r={itemadded:[],itemremoved:[],itemset:[],read:[]};function a(e){e in t||Object.defineProperty(t,e,{configurable:!0,enumerable:!0,get:function(){return i({type:"read",index:e,item:n[e]}),n[e]},set:function(t){n[e]!=t&&(n[e]=t,i({type:"itemset",index:e,item:t}))}})}function i(e){r[e.type].forEach((function(n){n.call(t,e)}))}Object.defineProperty(t,"addEventListener",{configurable:!1,enumerable:!1,writable:!1,value:function(e,t){if(!((e=(""+e).toLowerCase())in r))throw new Error("Invalid event name.");if("function"!=typeof t)throw new Error("Invalid handler.");r[e].push(t)}}),Object.defineProperty(t,"removeEventListener",{configurable:!1,enumerable:!1,writable:!1,value:function(e,t){if(!((e=(""+e).toLowerCase())in r))throw new Error("Invalid event name.");if("function"!=typeof t)throw new Error("Invalid handler.");for(var n=r[e],a=n.length;--a>=0;)n[a]===t&&n.splice(a,1)}}),Object.defineProperty(t,"push",{configurable:!1,enumerable:!1,writable:!1,value:function(){for(var e,t=0,r=arguments.length;t<r;t++)e=n.length,n.push(arguments[t]),a(e),i({type:"itemadded",index:e,item:arguments[t]});return n.length}}),Object.defineProperty(t,"pop",{configurable:!1,enumerable:!1,writable:!1,value:function(){if(n.length>-1){var e=n.length-1,r=n.pop();return delete t[e],i({type:"itemremoved",index:e,item:r}),r}}}),Object.defineProperty(t,"unshift",{configurable:!1,enumerable:!1,writable:!1,value:function(){for(var e=0,t=arguments.length;e<t;e++)n.splice(e,0,arguments[e]),a(n.length-1),i({type:"itemadded",index:e,item:arguments[e]});return n.length}}),Object.defineProperty(t,"shift",{configurable:!1,enumerable:!1,writable:!1,value:function(){if(n.length>-1){var e=n.shift();return delete t[n.length],i({type:"itemremoved",index:0,item:e}),e}}}),Object.defineProperty(t,"splice",{configurable:!1,enumerable:!1,writable:!1,value:function(e,r){var o,s=[];e=null==e?0:e<0?n.length+e:e,r=null==r?n.length-e:r>0?r:0;for(var l=[];r--;)o=n.splice(e,1)[0],s.push(o),delete t[n.length],l.push({type:"itemremoved",index:e+s.length-1,item:o});for(var u=l.length-1;u>=0;u--)i(l[u]);u=2;for(var c=arguments.length;u<c;u++)n.splice(e,0,arguments[u]),a(n.length-1),i({type:"itemadded",index:e,item:arguments[u]}),e++;return s}}),Object.defineProperty(t,"length",{configurable:!1,enumerable:!1,get:function(){return n.length},set:function(e){var r=Number(e),a=n.length;if(!(r%1==0&&r>=0))throw new RangeError("Invalid array length");return r<a?t.splice(r):r>a&&t.push.apply(t,new Array(r-a)),n.length=r,e}}),Object.getOwnPropertyNames(Array.prototype).forEach((function(e){e in t||Object.defineProperty(t,e,{configurable:!1,enumerable:!1,writable:!1,value:Array.prototype[e]})})),e instanceof Array&&t.push.apply(t,e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n,n.prototype.length=0},170:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(669),i=r(n(856));class o extends i.default{constructor(e){super("angle"),e=e||"0deg",isNaN(e)||(e=`${Math.round(e)}deg`),this.angle=Number(e.match(a.floatRegex)[0]),this.units=e.split(a.floatRegex)[1]||"deg"}toString(){return this.angle+this.units}}t.default=o},834:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(856));class i extends a.default{constructor(e){if(super("color"),this.r=0,this.g=0,this.b=0,this.a=1,Array.isArray(e)&&1==e.length&&(e=e[0]),"number"==typeof e)this.b=255&e,e>>=8,this.g=255&e,e>>=8,this.r=255&e;else if("string"==typeof e)if(""==e||"none"==e||"initial"==e||"inherit"==e);else if("#"==e[0]){var t=e.split("#")[1];3==t.length?(this.r=Number("0x"+t[0]+t[0]),this.g=Number("0x"+t[1]+t[1]),this.b=Number("0x"+t[2]+t[2])):6==t.length&&(this.r=Number("0x"+t[0]+t[1]),this.g=Number("0x"+t[2]+t[3]),this.b=Number("0x"+t[4]+t[5]))}else if(0===e.toLowerCase().indexOf("rgb")){var n=e.split("(")[1],r=(n=n.split(")")[0]).split(",");3!=r.length&&4!=r.length||(this.r=Number(r[0]),this.g=Number(r[1]),this.b=Number(r[2]),this.a=Number(r[3]||1))}else{var a=0,i=0,o=0;switch(e.toLowerCase()){case"aliceblue":a=240,i=248,o=255;break;case"antiquewhite":a=250,i=235,o=215;break;case"aqua":case"cyan":a=0,i=255,o=255;break;case"aquamarine":a=127,i=255,o=212;break;case"azure":a=240,i=255,o=255;break;case"beige":a=245,i=245,o=220;break;case"bisque":a=255,i=228,o=196;break;case"black":a=0,i=0,o=0;break;case"blanchedalmond":a=255,i=235,o=205;break;case"blue":a=0,i=0,o=255;break;case"blueviolet":a=138,i=43,o=226;break;case"brown":a=165,i=42,o=42;break;case"burlywood":a=222,i=184,o=135;break;case"cadetblue":a=95,i=158,o=160;break;case"chartreuse":a=127,i=255,o=0;break;case"chocolate":a=210,i=105,o=30;break;case"coral":a=255,i=127,o=80;break;case"cornflowerblue":a=100,i=149,o=237;break;case"cornsilk":a=255,i=248,o=220;break;case"crimson":a=220,i=20,o=60;break;case"darkblue":a=0,i=0,o=139;break;case"darkcyan":a=0,i=139,o=139;break;case"darkgoldenrod":a=184,i=134,o=11;break;case"darkgray":case"darkgrey":a=169,i=169,o=169;break;case"darkgreen":a=0,i=100,o=0;break;case"darkkhaki":a=189,i=183,o=107;break;case"darkmagenta":a=139,i=0,o=139;break;case"darkolivegreen":a=85,i=107,o=47;break;case"darkorange":a=255,i=140,o=0;break;case"darkorchid":a=153,i=50,o=204;break;case"darkred":a=139,i=0,o=0;break;case"darksalmon":a=233,i=150,o=122;break;case"darkseagreen":a=143,i=188,o=143;break;case"darkslateblue":a=72,i=61,o=139;break;case"darkslategray":case"darkslategrey":a=47,i=79,o=79;break;case"darkturquoise":a=0,i=206,o=209;break;case"darkviolet":a=148,i=0,o=211;break;case"deeppink":a=255,i=20,o=147;break;case"deepskyblue":a=0,i=191,o=255;break;case"dimgray":case"dimgrey":a=105,i=105,o=105;break;case"dodgerblue":a=30,i=144,o=255;break;case"firebrick":a=178,i=34,o=34;break;case"floralwhite":a=255,i=250,o=240;break;case"forestgreen":a=34,i=139,o=34;break;case"fuchsia":case"magenta":a=255,i=0,o=255;break;case"gainsboro":a=220,i=220,o=220;break;case"ghostwhite":a=248,i=248,o=255;break;case"gold":a=255,i=215,o=0;break;case"goldenrod":a=218,i=165,o=32;break;case"gray":case"grey":a=128,i=128,o=128;break;case"green":a=0,i=128,o=0;break;case"greenyellow":a=173,i=255,o=47;break;case"honeydew":a=240,i=255,o=240;break;case"hotpink":a=255,i=105,o=180;break;case"indianred":a=205,i=92,o=92;break;case"indigo":a=75,i=0,o=130;break;case"ivory":a=255,i=255,o=240;break;case"khaki":a=240,i=230,o=140;break;case"lavender":a=230,i=230,o=250;break;case"lavenderblush":a=255,i=240,o=245;break;case"lawngreen":a=124,i=252,o=0;break;case"lemonchiffon":a=255,i=250,o=205;break;case"lightblue":a=173,i=216,o=230;break;case"lightcoral":a=240,i=128,o=128;break;case"lightcyan":a=224,i=255,o=255;break;case"lightgoldenrodyellow":a=250,i=250,o=210;break;case"lightgray":case"lightgrey":a=211,i=211,o=211;break;case"lightgreen":a=144,i=238,o=144;break;case"lightpink":a=255,i=182,o=193;break;case"lightsalmon":a=255,i=160,o=122;break;case"lightseagreen":a=32,i=178,o=170;break;case"lightskyblue":a=135,i=206,o=250;break;case"lightslategray":case"lightslategrey":a=119,i=136,o=153;break;case"lightsteelblue":a=176,i=196,o=222;break;case"lightyellow":a=255,i=255,o=224;break;case"lime":a=0,i=255,o=0;break;case"limegreen":a=50,i=205,o=50;break;case"linen":a=250,i=240,o=230;break;case"maroon":a=128,i=0,o=0;break;case"mediumaquamarine":a=102,i=205,o=170;break;case"mediumblue":a=0,i=0,o=205;break;case"mediumorchid":a=186,i=85,o=211;break;case"mediumpurple":a=147,i=112,o=219;break;case"mediumseagreen":a=60,i=179,o=113;break;case"mediumslateblue":a=123,i=104,o=238;break;case"mediumspringgreen":a=0,i=250,o=154;break;case"mediumturquoise":a=72,i=209,o=204;break;case"mediumvioletred":a=199,i=21,o=133;break;case"midnightblue":a=25,i=25,o=112;break;case"mintcream":a=245,i=255,o=250;break;case"mistyrose":a=255,i=228,o=225;break;case"moccasin":a=255,i=228,o=181;break;case"navajowhite":a=255,i=222,o=173;break;case"navy":a=0,i=0,o=128;break;case"oldlace":a=253,i=245,o=230;break;case"olive":a=128,i=128,o=0;break;case"olivedrab":a=107,i=142,o=35;break;case"orange":a=255,i=165,o=0;break;case"orangered":a=255,i=69,o=0;break;case"orchid":a=218,i=112,o=214;break;case"palegoldenrod":a=238,i=232,o=170;break;case"palegreen":a=152,i=251,o=152;break;case"paleturquoise":a=175,i=238,o=238;break;case"palevioletred":a=219,i=112,o=147;break;case"papayawhip":a=255,i=239,o=213;break;case"peachpuff":a=255,i=218,o=185;break;case"peru":a=205,i=133,o=63;break;case"pink":a=255,i=192,o=203;break;case"plum":a=221,i=160,o=221;break;case"powderblue":a=176,i=224,o=230;break;case"purple":a=128,i=0,o=128;break;case"rebeccapurple":a=102,i=51,o=153;break;case"red":a=255,i=0,o=0;break;case"rosybrown":a=188,i=143,o=143;break;case"royalblue":a=65,i=105,o=225;break;case"saddlebrown":a=139,i=69,o=19;break;case"salmon":a=250,i=128,o=114;break;case"sandybrown":a=244,i=164,o=96;break;case"seagreen":a=46,i=139,o=87;break;case"seashell":a=255,i=245,o=238;break;case"sienna":a=160,i=82,o=45;break;case"silver":a=192,i=192,o=192;break;case"skyblue":a=135,i=206,o=235;break;case"slateblue":a=106,i=90,o=205;break;case"slategray":case"slategrey":a=112,i=128,o=144;break;case"snow":a=255,i=250,o=250;break;case"springgreen":a=0,i=255,o=127;break;case"steelblue":a=70,i=130,o=180;break;case"tan":a=210,i=180,o=140;break;case"teal":a=0,i=128,o=128;break;case"thistle":a=216,i=191,o=216;break;case"tomato":a=255,i=99,o=71;break;case"turquoise":a=64,i=224,o=208;break;case"violet":a=238,i=130,o=238;break;case"wheat":a=245,i=222,o=179;break;case"white":a=255,i=255,o=255;break;case"whitesmoke":a=245,i=245,o=245;break;case"yellow":a=255,i=255,o=0;break;case"yellowgreen":a=154,i=205,o=50}this.r=a,this.g=i,this.b=o}else 3!=e.length&&4!=e.length||(this.r=e[0],this.g=e[1],this.b=e[2],4==e.length&&(this.a=e[3]))}toString(){var e=Math.round,t=Math.max,n=Math.min;return 1==this.a?"rgb("+n(255,t(0,e(this.r)))+", "+n(255,t(0,e(this.g)))+", "+n(255,t(0,e(this.b)))+")":"rgba("+n(255,t(0,e(this.r)))+", "+n(255,t(0,e(this.g)))+", "+n(255,t(0,e(this.b)))+", "+n(1,t(0,this.a))+")"}}t.default=i},392:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(669),i=r(n(856));class o extends i.default{constructor(e){super("complex"),this.parts=(" "+e+" ").split(a.floatRegex),this.numbers=e.match(a.floatRegex)}toString(){for(var e=this.parts[0],t=0;t<this.numbers.length;t++)e+=this.numbers[t]+this.parts[t+1];return e}}t.default=o},856:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=class{constructor(e){this.type=e}}},212:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(669),i=r(n(856)),o=r(n(287)),s=r(n(196)),l=r(n(834));class u extends i.default{constructor(e){super("filter"),this.filters=[],"string"!=typeof e?(0,a.isF)(e)&&e(this):this.simpleValue=e}toString(){if(this.simpleValue)return this.simpleValue;for(var e="",t=0;t<this.filters.length;t++){var n=this.filters[t];e+=n.filter+"(";for(var r=0;r<n.args.length;r++)e+=n.args[r].toString()+" ";e=e.trim()+") "}return e.trim()}appendFilterString(e,t){return this.filters.push({filter:e,args:t}),this}blur(e){return this.appendFilterString("blur",[new o.default(e)])}brightness(e){return this.appendFilterString("brightness",[new s.default(e)])}contrast(e){return this.appendFilterString("contrast",[new s.default(e)])}dropShadow(e,t,n,r){return this.appendFilterString("drop-shadow",[new o.default(e),new o.default(t),new o.default(n),new l.default(r)])}grayscale(e){return this.appendFilterString("grayscale",[new s.default(e)])}hueRotate(e){return this.appendFilterString("hue-rotate",[new s.default(e)])}invert(e){return this.appendFilterString("invert",[new s.default(e)])}opacity(e){return this.appendFilterString("opacity",[new s.default(e)])}sepia(e){return this.appendFilterString("sepia",[new s.default(e)])}saturate(e){return this.appendFilterString("saturate",[new s.default(e)])}}t.default=u},287:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(669),i=r(n(856));class o extends i.default{constructor(e){super("length"),e=e||"0px",isNaN(e)||(e=Math.round(e)+"px"),this.length=Number(e.match(a.floatRegex)[0]),this.units=e.split(a.floatRegex)[1]||"px"}toString(){return`${this.length}${this.units}`}}t.default=o},70:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(856));class i extends a.default{constructor(e){super("number"),this.value=Number(e)}toString(){return this.value}}t.default=i},196:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(287));class i extends a.default{constructor(e){super(isNaN(e)?e:`${e}%`)}}t.default=i},939:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(669),i=n(718),o=r(n(170)),s=r(n(856)),l=r(n(287));class u extends s.default{constructor(e){super("transformation"),this.transformations=[],"string"!=typeof e?(0,a.isF)(e)&&e(this):this.simpleValue=e}toString(){if(this.simpleValue)return this.simpleValue;for(var e="",t=0;t<this.transformations.length;t++){var n=this.transformations[t];e+=n.transformation+"(";for(var r=0;r<n.args.length;r++)e+=n.args[r].toString()+",";e=e.substring(0,e.length-1),e+=") "}return e.trim()}appendTransformString(e,t){return this.transformations.push({transformation:e,args:t}),this}matrix3d(e,t,n,r,a,i,o,s,l,u,c,d,h,p,f,g){return this.appendTransformString("matrix3d",arguments)}matrix(e,t,n,r,a,i){return this.appendTransformString("matrix",arguments)}translate(e,t){return 1==arguments.length?this.appendTransformString("translate",[new l.default(e)]):this.appendTransformString("translate",[new l.default(e),new l.default(t)])}translate3d(e,t,n){return this.appendTransformString("translate3d",[new l.default(e),new l.default(t),new l.default(n)])}translateX(e){return this.appendTransformString("translateX",[new l.default(e)])}translateY(e){return this.appendTransformString("translateY",[new l.default(e)])}translateZ(e){return this.appendTransformString("translateZ",[new l.default(e)])}scale(e,t){return this.appendTransformString("scale",[e,t??1])}scale3d(e,t,n){return this.appendTransformString("scale3d",[e,t,n])}scaleX(e){return this.appendTransformString("scaleX",[e])}scaleY(e){return this.appendTransformString("scaleY",[e])}scaleZ(e){return this.appendTransformString("scaleZ",[e])}rotate(e){return this.appendTransformString("rotate",[new o.default(e)])}rotate3d(e,t,n,r){return this.appendTransformString("rotate3d",[e,t,n,new o.default(r)])}rotate3dDeg(e,t,n,r){return this.rotate3d(e,t,n,r)}rotate3dRad(e,t,n,r){return this.rotate3d(e,t,n,`${r}rad`)}rotate3dGrad(e,t,n,r){return this.rotate3d(e,t,n,`${r}grad`)}rotate3dTurn(e,t,n,r){return this.rotate3d(e,t,n,`${r}turn`)}rotateX(e){return this.appendTransformString("rotateX",[new o.default(e)])}rotateY(e){return this.appendTransformString("rotateY",[new o.default(e)])}rotateZ(e){return this.appendTransformString("rotateZ",[new o.default(e)])}skew(e,t){return 1==arguments.length?this.appendTransformString("skew",[new o.default(e)]):this.appendTransformString("skew",[new o.default(e),new o.default(t)])}skewX(e){return this.appendTransformString("skewX",[new o.default(e)])}skewY(e){return this.appendTransformString("skewY",[new o.default(e)])}perspective(e){return this.appendTransformString("perspective",[new l.default(e)])}}t.default=u;const c="translate|translate3d|translateX|translateY|translateZ|perspective".split("|"),d="rotate|rotateX|rotateY|rotateZ|skew|skewX|skewY".split("|");for(let e=0;e<c.length;e++){let t=c[e];for(let e=0;e<i.AllLengthUnits.length;e++){let n=i.AllLengthUnits[e];u.prototype[t+(n.jsName||n.unit)]=function(){for(var e=0;e<arguments.length;e++)arguments[e]=arguments[e]+n.unit.toLowerCase();return u.prototype[t].apply(this,arguments)}}}for(let e=0;e<d.length;e++){let t=d[e];for(let e=0;e<i.AllAngleUnits.length;e++){let n=i.AllAngleUnits[e];u.prototype[t+n.unit]=function(){for(var e=0;e<arguments.length;e++)arguments[e]=arguments[e]+n.unit.toLowerCase();return u.prototype[t].apply(this,arguments)}}}},761:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(856));class i extends a.default{constructor(e){super("unknown"),this.value=e}toString(){return this.value}}t.default=i},300:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(856));class i extends a.default{constructor(e){if(super("url"),this.url=null,!e||0==e.length||1==e.length&&""==e[0]||"none"==e[0]||"initial"==e[0]||"inherit"==e[0])this.url=null;else{this.url=[];for(var t=0;t<e.length;t++)if(0===e[t].toLowerCase().indexOf("url")){var n=e[t].substring(e[t].indexOf("("),e[t].lastIndexOf(")")).trim();(n.indexOf('"')&&n.lastIndexOf('"')==n.length-1||n.indexOf("'")&&n.lastIndexOf("'")==n.length-1)&&(n=n.substring(1,n.length-1)),this.url.push(n)}else this.url.push(e[t])}}toString(){if(this.url){for(var e=[],t=0;t<this.url.length;t++)e.push('url("'+this.url[t]+'")');return e.join(", ")}return"none"}}t.default=i},782:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t._Builder=void 0;const a=n(718),i=r(n(170)),o=r(n(834)),s=r(n(392)),l=r(n(287)),u=r(n(70)),c=r(n(939)),d=r(n(761)),h=r(n(300)),p=n(669),f=r(n(212)),g="data-dot-static-styles",m=new class{constructor(){this.fxInterval=1e3/60,this.lastBuilder=null,this.scopeStack=[],this.globalStyleElement=null}animateFull(e,t,n,r,a,i,o,s,l,u,c){if(!c||e.style[t]==c)if(s-o>0){switch(n){case"color":var d=Math.round((0,p.numberStep)(r.r,a.r,o,s,l)),h=Math.round((0,p.numberStep)(r.g,a.g,o,s,l)),f=Math.round((0,p.numberStep)(r.b,a.b,o,s,l)),g=b.formatNumberValue((0,p.numberStep)(r.a,a.a,o,s,l));b(e)[t](d,h,f,g);break;case"length":b(e)[t](b.formatNumberValue((0,p.numberStep)(r.length,a.length,o,s,l),r.units)+r.units);break;case"transformation":for(var _="",y=0;y<r.transformations.length;y++){var v=r.transformations[y],k=a.transformations[y];_+=v.transformation+"(";for(var w=0;w<v.args.length;w++){var C=v.args[w],S=k.args[w],x=isNaN(C)?C.length||C.angle||C.value||0:C,N=isNaN(S)?S.length||S.angle||S.value||0:S,O=isNaN(C)?C.units:"";_+=b.formatNumberValue((0,p.numberStep)(x,N,o,s,l),O)+O+","}_=_.substring(0,_.length-1),_+=") "}b(e)[t](_);break;default:switch(r.type){case"number":b(e)[t](b.formatNumberValue((0,p.numberStep)(r.value,a.value,o,s,l)));break;case"complex":var P="";for(y=0;y<r.numbers.length;y++)P+=r.parts[y],P+=b.formatNumberValue((0,p.numberStep)(r.numbers[y],a.numbers[y],o,s,l));P+=r.parts[r.parts.length-1],b(e)[t](P);break;default:console.warn("Unexpected data type for animation.")}}var A=window.performance&&window.performance.now?window.performance.now():null,D=e.style[t],T=function(c){var d=A?window.performance.now()-A:m.fxInterval;m.animateFull(e,t,n,r,a,i,o+d,s,l,u,D)};window.requestAnimationFrame?window.requestAnimationFrame(T):window.setTimeout(T,m.fxInterval)}else b(e)[t](i),u&&u()}extendDothtml(e,t,n){let r=y.prototype;if(r[t]=function(){if(0==arguments.length)return this;for(var r=[],a=0;a<arguments.length;a++)r.push(arguments[a]);var i=m.convertStyleIntoDotCssObject(r,n).toString(),o=e+":"+i+";";if(this.currentCss+=o,this.targets)for(var s=0;s<this.targets.length;s++){var l=this.targets[s];"STYLE"==l.tagName?l.innerHTML=l.innerHTML.substring(0,l.innerHTML.length-1)+e+":"+i+";}":l.style[t]=i}return this},m.addPropFunctionToDotCssObject(t),"length"==n)for(var i=0;i<a.AllLengthUnits.length;i++){var o=a.AllLengthUnits[i];!function(e){r[t+(e.jsName||e.unit)]=function(){for(var n=0;n<arguments.length;n++)arguments[n]=arguments[n]+e.unit.toLowerCase();return r[t].apply(this,arguments)}}(o),m.addPropFunctionToDotCssObject(t+(o.jsName||o.unit))}for(var s in r[t].type=n,r[t].jsFriendlyProp=t,v.prototype)void 0===r[t][s]&&(r[t][s]=v.prototype[s])}convertStyleIntoDotCssObject(e,t){return e instanceof Array||(e=[e]),"color"==t?new o.default(e):"url"==t?new h.default(e):"length"!=t||isNaN(e[0])&&(-1!=e[0].indexOf(" ")||e[0].replace(p.floatRegex,"")==e[0])?"transformation"==t?new c.default(e[0]).toString():"filter"==t?new f.default(e[0]).toString():""===e[0]||isNaN(e[0])&&(""+e[0]).replace(p.floatRegex,"")==e[0]?new d.default(e[0]):isNaN(e[0])?new s.default(e[0]):new u.default(e[0]):new l.default(e[0])}compareComplexDataTypes(e,t){if("complex"!=e.type||"complex"!=t.type)return!1;if(e.numbers.length!=t.numbers.length)return!1;if(e.parts.length!=t.parts.length)return!1;for(var n=0;n<e.parts.length;n++)if(e.parts[n]!=t.parts[n])return!1;return!0}addPropFunctionToDotCssObject(e){b[e]=function(){var t=new y;return t[e].apply(t,arguments)}}computedStyleOrActualStyle(e,t){return window.getComputedStyle(e)[t]||e.style[t]}modDeg(e){return e<0&&(e=360- -e%360),e%360}},b=function(e){var t=null;if(e){if("string"==typeof e)if(e.length>2&&e.indexOf("{}")==e.length-2)e=e.substring(0,e.length-2),m.globalStyleElement||(m.globalStyleElement=document.createElement("style"),document.head.appendChild(m.globalStyleElement)),(t=[m.globalStyleElement])[0].innerHTML+=e+"{}\r\n";else{var n=m.scopeStack[0];t=n&&n.parentNode&&n.querySelectorAll?_(e,n):document.querySelectorAll(e)}(e instanceof NodeList||e instanceof Array)&&(t=e),e instanceof Node&&(t=[e])}return m.lastBuilder=new y(t),m.lastBuilder};function _(e,t){for(var n=Array.from(t.querySelectorAll(e)),r=0;r<n.length;r++){var a=n[r];if(a.__dothtml_component){n.splice(r,1),r--;for(var i=a.querySelectorAll(e),o=0;o<i.length;o++){let e=i[o];n.splice(n.indexOf(e,r+1),1)}}}var s=Array.from(t.parentNode.querySelectorAll(e)),l=s.indexOf(t);return-1!=l&&n.unshift(s[l]),n}b.version="0.16.0";class y{constructor(e){this.currentCss="",this.targets=e??null}toString(){return this.currentCss}hide(e){if(this.targets){var t=arguments[0]||{},n=t,r=t,a={};if(a.duration=r.duration||(isNaN(n)?0:n)||0,a.complete=r.complete||("function"==typeof arguments[1]?arguments[1]:"function"==typeof arguments[2]?arguments[2]:function(){}),a.hideStyle=r.hideStyle||"normal",a.animationStyle=r.animationStyle||("string"==typeof arguments[1]?arguments[1]:"ease"),a.duration>0){let e=0,t=0,n=this.targets.length;for(let r=0;r<this.targets.length;r++){let i,o=this.targets[r].style.width,s=this.targets[r].style.height,l=this.targets[r].style.opacity;i=l&&""!==l?Number(l):1;let u=this.targets[r].style.overflow;"fade"!=a.hideStyle&&(this.targets[r].style.overflow="hidden",t+=2,function(r,i,o,s,l){b(i).width.animate(0,a.duration,a.animationStyle,(function(){b(i).display("none").width(o).overflow(l),e++,e>=t*n&&a.complete(r)})),b(i).height.animate(0,a.duration,a.animationStyle,(function(){b(i).display("none").height(s),e++,e>=t*n&&a.complete(r)}))}(this,this.targets[r],o,s,u)),"shrink"!=a.hideStyle&&(t++,function(r,i,o){b(i).opacity.animate(0,a.duration,a.animationStyle,(function(){b(i).display("none").opacity(o),e++,e>=t*n&&a.complete(r)}))}(this,this.targets[r],i))}}else b(this.targets).display("none"),a.complete(this)}return this}show(e){if(this.targets){let e=arguments[0]||{},t=e,n=e,r={};if(r.duration=n.duration||(isNaN(t)?0:t)||0,r.display=n.display||"block",r.opacity=n.opacity,r.width=n.width||null,r.height=n.height||null,r.complete=n.complete||("function"==typeof arguments[1]?arguments[1]:"function"==typeof arguments[2]?arguments[2]:function(){}),r.showStyle=n.showStyle||"normal",r.animationStyle=n.animationStyle||("string"==typeof arguments[1]?arguments[1]:"ease"),!(r.duration>0))return b(this.targets).display(r.display);{let e=0,t=this.targets.length,n=0;for(let a=0;a<this.targets.length;a++){let i=r.opacity;if(void 0===r.opacity&&(i=parseFloat(this.targets[a].style.opacity)||1),"fade"!=r.showStyle){n+=2;let i=r.width||this.targets[a].style.width,o=r.height||this.targets[a].style.height;b(this.targets[a]).width(0),b(this.targets[a]).height(0),b(this.targets[a]).width.animate(i,r.duration,r.animationStyle,(function(){e++,e>=t*n&&r.complete()})),b(this.targets[a]).height.animate(o,r.duration,r.animationStyle,(function(){e++,e>=t*n&&r.complete()}))}b(this.targets[a]).opacity(0),b(this.targets[a]).display(r.display),"grow"!=r.showStyle&&(n++,b(this.targets[a]).opacity.animate(i,r.duration,r.animationStyle,(function(){e++,e==t*n&&r.complete()})))}}}return this}fadeOut(e,t){return this.hide({duration:isNaN(e)?400:Number(e),hideStyle:"fade",complete:t})}fadeIn(e,t){return this.show({duration:isNaN(e)?400:Number(e),showStyle:"fade",complete:t})}}t._Builder=y,b.prototype.toString=y.prototype.toString;class v{constructor(){this.apply=Function.apply,this.call=Function.call,this.type=null,this.jsFriendlyProp=null}toString(){if(m.lastBuilder.targets){let e=null;if(m.lastBuilder.targets.length>1){e=[];for(let t=0;t<m.lastBuilder.targets.length;t++)e.push(m.lastBuilder.targets[t].style[this.jsFriendlyProp])}else e=m.lastBuilder.targets[0].style[this.jsFriendlyProp];return e}return null}val(){if(m.lastBuilder.targets){let e=null;if(m.lastBuilder.targets.length>1){e=null;for(let t=0;t<m.lastBuilder.targets.length;t++)m.lastBuilder.targets[0].style[this.jsFriendlyProp]?e.push(m.convertStyleIntoDotCssObject(m.lastBuilder.targets[t].style[this.jsFriendlyProp],this.type)):e.push(null)}else e=m.lastBuilder.targets[0].style[this.jsFriendlyProp]?m.convertStyleIntoDotCssObject(m.lastBuilder.targets[0].style[this.jsFriendlyProp],this.type):null;return e}return null}animate(e,t,n,r){if(t=isNaN(t)?400:t||0,m.lastBuilder&&m.lastBuilder.targets){!r&&n&&n.call&&n.apply&&(r=n,n=void 0);for(let a=0;a<m.lastBuilder.targets.length;a++){let o=m.lastBuilder.targets[a],s=null,u=null,c=null;if(u=m.convertStyleIntoDotCssObject(e,this.type),"transformation"==this.type&&(s=m.convertStyleIntoDotCssObject(o.style[this.jsFriendlyProp],this.type)),s||(s=m.convertStyleIntoDotCssObject(m.computedStyleOrActualStyle(o,this.jsFriendlyProp),this.type)),c=u.toString(),"length"==this.type){if(s.units!=u.units)if(0==s.length)s.units=u.units,s.length=0;else if(0==u.length)u.units=s.units,u.length=0;else{let e=b.lengthToPx(s.toString(),this.jsFriendlyProp,o),t=b.lengthToPx(u.toString(),this.jsFriendlyProp,o);s.length=e,s.units="px",u.length=t,u.units="px"}}else if("color"==this.type);else if("transformation"==this.type){let e="",t="",n=s.transformations.length-1,r=u.transformations.length-1;for(;n>=0||r>=0;){let o="",c=null,d=null;if(n>=0&&r>=0&&s.transformations[n].transformation==u.transformations[r].transformation){let e=s.transformations[n],t=u.transformations[r];o=e.transformation,c=e.args,d=t.args,n--,r--}else if(n>=r){let e=s.transformations[n];if(o=e.transformation,c=e.args,"matrix"==o)d=[1,0,0,1,0,0];else if("matrix3d"==o)d=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];else{let e=-1==o.indexOf("scale")?0:1;d=[];for(let t=0;t<c.length;t++)d.push(isNaN(c[t])?isNaN(c[t].angle)?isNaN(c[t].length)?0:new l.default(0):new i.default(0):e)}n--}else{let e=u.transformations[r];if(o=e.transformation,d=e.args,"matrix"==o)c=[1,0,0,1,0,0];else if("matrix3d"==o)c=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];else{let e=-1==o.indexOf("scale")?0:1;c=[];for(let t=0;t<d.length;t++)c.push(isNaN(d[t])?isNaN(d[t].angle)?isNaN(d[t].length)?0:new l.default(0):new i.default(0):e)}r--}if(e=") "+e,t=") "+t,-1!=o.indexOf("rotate")){let e=c[c.length-1].angle,t=d[d.length-1].angle,n=b.angleSubtract(t,e);c[c.length-1].angle=t-n}for(let n=c.length-1;n>=0;n--)e=","+c[a]+e,t=","+d[a]+t;e=o+"("+e.substring(1),t=o+"("+t.substring(1)}s=m.convertStyleIntoDotCssObject(e,"transformation"),u=m.convertStyleIntoDotCssObject(t,"transformation")}else if("number"==s.type&&"number"==u.type);else{if("complex"!=s.type||"complex"!=u.type){console.warn("Couldn't animate "+this.jsFriendlyProp+". Not a recognizable length, color, or number.");continue}if(!m.compareComplexDataTypes(s,u)){console.warn("Couldn't animate "+this.jsFriendlyProp+". Value mismatch.");continue}}m.animateFull(o,this.jsFriendlyProp,s.type||this.type,s,u,c,m.fxInterval,t,n||"ease",r)}}return m.lastBuilder}}b.formatNumberValue=function(e,t){return"px"===t?Math.round(e):Math.round(100*e)/100};const k={color:"color|background-Color|border-Bottom-Color|border-Color|border-Left-Color|border-Right-Color|border-Top-Color|text-Decoration-Color|outline-Color|column-Rule-Color",length:"background-Size|block-Size|border-Bottom-Left-Radius|border-Bottom-Right-Radius|border-Bottom-Width|border-Image-Width|border-Left-Width|border-Radius|border-Right-Width|border-Top-Left-Radius|border-Top-Right-Radius|border-Top-Width|border-Width|bottom|gap|height|left|margin|margin-Bottom|margin-Left|margin-Right|margin-Top|max-Height|max-Width|min-Height|min-Width|padding|padding-Bottom|padding-Left|padding-Right|padding-Top|right|top|width|line-Height|flex-Basis|font-Size",url:"background-Image|border-Image|list-Style-Image|content|image-Orientation",transformation:"transform",filter:"filter|backdrop-Filter",misc:"appearance|aspect-Ratio|opacity|background|background-Attachment|background-Blend-Mode|background-Position|background-Repeat|background-Clip|background-Origin|border|border-Bottom|border-Bottom-Style|border-Image-Outset|border-Image-Repeat|border-Image-Slice|border-Image-Source|border-Left|border-Left-Style|border-Right|border-Right-Style|border-Style|border-Top|border-Top-Style|box-Decoration-Break|box-Shadow|clear|clip|display|float|overflow|box|overflow-X|overflow-Y|position|visibility|vertical-Align|z-Index|align-Content|align-Items|align-Self|flex|flex-Basis|flex-Direction|flex-Flow|flex-Grow|flex-Shrink|flex-Wrap|grid|grid-Area|grid-Auto-Columns|grid-auto-Rows|grid-Column|grid-Column-End|grid-Column-Gap|grid-Column-Start|grid-Gap|grid-Row|grid-Row-End|grid-Row-Gap|grid-Row-Start|grid-Template|grid-Template-Areas|grid-Template-Columns|grid-Template-Rows|justify-Content|order|hanging-Punctuation|hyphens|letter-Spacing|line-Break|overflow-Wrap|tab-Size|text-Align|text-Align-Last|text-Combine-Upright|text-Indent|text-Justify|text-Transform|white-Space|word-Break|word-Spacing|word-Wrap|text-Decoration|text-Decoration-Line|text-Decoration-Style|text-Shadow|text-Underline-Position|font|font-Family|font-Feature-Settings|font-Kerning|font-Language-Override|font-Size-Adjust|font-Stretch|font-Style|font-Synthesis|font-Variant|font-Variant-Alternates|font-Variant-Caps|font-Variant-East-Asian|font-Variant-Ligatures|font-Variant-Numeric|font-Variant-Position|font-Weight|direction|text-Orientation|text-Combine-Upright|unicode-Bidi|user-Select|writing-Mode|border-Collapse|border-Spacing|caption-Side|empty-Cells|table-Layout|counter-Increment|counter-Reset|list-Style|list-Style-Position|list-Style-Type|animation|animation-Delay|animation-Direction|animation-Duration|animation-Fill-Mode|animation-Iteration-Count|animation-Name|animation-Play-State|animation-Timing-Function|backface-Visibility|perspective2d|perspective-Origin|transform-Origin|transform-Style|transition|transition-Property|transition-Duration|transition-Timing-Function|transition-Delay|box-Sizing|cursor|ime-Mode|nav-Down|nav-Index|nav-Left|nav-Right|nav-Up|outline|outline-Offset|outline-Style|outline-Width|resize|text-Overflow|break-After|break-Before|break-Inside|column-Count|column-Fill|column-Gap|column-Rule|column-Rule-Style|column-Rule-Width|column-Span|column-Width|columns|widows|orphans|page-Break-After|page-Break-Before|page-Break-Inside|marks|quotes|image-Rendering|image-Resolution|object-Fit|object-Position|mask|mask-Type|mark|mark-After|mark-Before|phonemes|rest|rest-After|rest-Before|voice-Balance|voice-Duration|voice-Pitch|voice-Pitch-Range|voice-Rate|voice-Stress|voice-Volume|marquee-Direction|marquee-Play-Count|marquee-Speed|marquee-Style|pointer-Events"};for(var w in b.matrixMultiply3D=function(e,t){if(16!=e.length||16!=t.length)throw"3D matrices must be arrays of 16 length.";for(var n=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],r=0;r<4;r++)for(var a=0;a<4;a++)for(var i=0;i<4;i++)n[r+4*a]+=Number(e[r+4*i])*Number(t[i+4*a]);return n},b.cacheScopedStaticStyles=function(e){let t=_("*",e);for(let e of t)e.hasAttribute("style")&&e.setAttribute(g,e.getAttribute("style"))},b.clearDynamicStyles=function(e){let t=_("*",e);for(let e of t)e.removeAttribute("style"),e.hasAttribute(g)&&e.setAttribute("style",e.getAttribute(g))},b.scopeToEl=function(e){return m.scopeStack.unshift(e),this},b.unscope=function(){return m.scopeStack.shift(),this},k){let e=k[w].split("|");for(var C in e)m.extendDothtml(e[C].toLowerCase(),e[C].replace(new RegExp("-","g"),""),w)}t.default=b},718:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AllAngleUnits=t.AllLengthUnits=void 0,t.AllLengthUnits=[{unit:"Em"},{unit:"Ex"},{unit:"Ch"},{unit:"Rem"},{unit:"Vw"},{unit:"Vh"},{unit:"Vmin"},{unit:"Vmax"},{unit:"%",jsName:"P"},{unit:"Cm"},{unit:"Mm"},{unit:"In"},{unit:"Px"},{unit:"Pt"},{unit:"Pc"}],t.AllAngleUnits=[{unit:"Deg"},{unit:"Grad"},{unit:"Rad"},{unit:"Turn"}]}},t={},n=function n(r){var a=t[r];if(void 0!==a)return a.exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}(220);module.exports=n})();
2
+ (()=>{"use strict";var e={555:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.ConditionalArgCallback=t.ArrayArgCallback=t.ContentArgCallback=t.AttrArgCallback=t.ArgCallback=void 0;class n{constructor(e,t){this.el=e,this.f=t}}t.ArgCallback=n,t.AttrArgCallback=class extends n{constructor(e,t,n){super(e,n),this.attr=t}updateContent(e){this.el.setAttribute(this.attr,this.f())}},t.ContentArgCallback=class extends n{constructor(e,t){super(e,t)}updateContent(e,t){e(this.el).empty().h(this.f(t))}},t.ArrayArgCallback=class extends n{constructor(e,t){super(null,t),this.dotTarget=e}updateContent(){}},t.ConditionalArgCallback=class extends n{constructor(e,t,n,r){super(null,n),this.startNode=e,this.endNode=t,this.condition=r,this.lastValue=void 0}updateContent(e){if(this.lastValue!=!!this.condition())if(this.lastValue=!this.lastValue,this.lastValue)e._appendOrCreateDocument(this.f,this.endNode.parentNode,this.endNode);else do{var t=this.startNode.nextSibling;t&&t!=this.endNode&&t.parentNode.removeChild(t)}while(this.startNode.nextSibling&&this.startNode.nextSibling!=this.endNode)}}},999:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(969)),i=r(n(150)),o=n(669),s=r(n(177)),l=n(555);class u{#e;#t;#n;#r;static initializeComponent(e){e.constructor.__dotComponentInitialized||(e.constructor.__dotComponentInitialized=!0,e.constructor.__dotClassNumb=o.ClassPrefix.next,e.constructor.__activePropContainer=function(e){this.__component=e},(0,o.eachK)(e.props,((t,n)=>{u.createProp(e.constructor.__activePropContainer,t)})))}static build(e){return u.initializeComponent(e),o.GlobalComponentStack.push(e),e.created&&e.created(...e.__args),e.__built&&(0,s.default)("CB"),e.__built=!0,e.__propContainer={activePropConstructor:e.constructor.__activePropContainer,rawProps:e.props||{},activeProps:new e.constructor.__activePropContainer(e),propDependencies:{},bindings:{}},e.props=e.__propContainer.activeProps,(0,o.eachK)(e.__propContainer.rawProps,((t,n)=>{e.__propContainer.bindings[t]=[],e.props[t]=n})),u.initializeEventHandlers(e),u.rebuild(e),e.ready&&(0,o.sT)((()=>{o.GlobalComponentStack.push(e),e.ready(),o.GlobalComponentStack.pop()}),0),o.GlobalComponentStack.pop(),e.$el}static rebuild(e){e.$el,e.__eventsInitialized||(e.#t=!0);let t=e.builder(...e.__args);e.#t=!1;let n=t.getLast();(!n||n.parentNode.childNodes.length>1)&&(0,s.default)("C#",e.name||e.constructor.name||"(unnamed obj)"),e.__$el=n,e.$el.__dothtml_component=e,e.style&&(e.$styleBuilder=function(){i.default.css.scopeToEl(e.$el),e.__stylesSet||(i.default.css.cacheScopedStaticStyles(e.$el),e.__stylesSet=!0),i.default.css.clearDynamicStyles(e.$el),e.style(i.default.css),i.default.css.unscope()},e.__eventsInitialized||(e.#e=!0),e.$updateStyles(),e.#e=!1),e.built&&e.built()}static initializeEventHandlers(e){e.__eventsInitialized||(e.__eventsInitialized=!0,(0,o.eachK)(e.events,((t,n)=>{e.events[t]=function(){for(let n of e.events[t].__handlers)n.apply(this,arguments)},e.events[t].__handlers=[]})))}static createProp(e,t){Object.defineProperty(e.prototype,t,{configurable:!1,enumerable:!1,get:function(){i.default.__lastProp=t,i.default.__lastIndex=null,i.default.__lastComponent=this.__component;let e=this.__component.__propContainer.rawProps[t];return u.configureDependency(this.__component,t),e},set:function(e){let n=e;e instanceof Array&&(n=new a.default(e),n.addEventListener("read",(e=>{i.default.__lastIndex=e.index}))),this.__component.__propContainer.rawProps[t]=n;for(let e of this.__component.__propContainer.bindings[t])(0,i.default)(e.element).as(i.default.input).setVal(n);return u.updateProp(this.__component,t),n}})}static configureDependency(e,t){var n=i.default.__currentArgCallback[i.default.__currentArgCallback.length-1];if(n){let i=e.__propContainer.rawProps[t];i instanceof a.default&&(i.addEventListener("itemadded",(function(r){n instanceof l.ArrayArgCallback?n.dotTarget._appendOrCreateDocument(n.f(r.item,r.index),void 0,r.index):n&&u.updateProp(e,t)})),i.addEventListener("itemset",(function(r){if(n instanceof l.ArrayArgCallback){var a=n.dotTarget.__document,i=a.childNodes[r.index];a.removeChild(i),n.dotTarget._appendOrCreateDocument(n.f(r.item,r.index),void 0,r.index)}else n&&u.updateProp(e,t)})),i.addEventListener("itemremoved",(function(r){n instanceof l.ArrayArgCallback?n.dotTarget.__document.removeChild(n.dotTarget.__document.childNodes[r.index]):n&&u.updateProp(e,t)})));var r=e.__propContainer.propDependencies[t];r||(r=e.__propContainer.propDependencies[t]=[]),r.push(n)}e.#e&&(e.#n[t]=!0),e.#t&&(e.#r[t]=!0)}static updateProp(e,t){let n=e.__propContainer.propDependencies[t],r=e.__propContainer.rawProps[t],a=!1;for(let o=0;o<(n||[]).length;o++){let s=n[o];s.updateContent(i.default,r),(e.#n[t]||s instanceof l.AttrArgCallback&&"class"==s.attr)&&(a=!0)}a&&e.$updateStyles()}constructor(...e){this.#e=!1,this.#t=!1,this.#n={},this.#r={},this.__built=!1,this.__stylesSet=!1,this.__eventsInitialized=!1,this.$refs={},this.__args=e}created(...e){}ready(){}deleting(){}deleted(){}built(){}on(e,t){u.initializeEventHandlers(this);let n=this.events&&this.events[e];n||(0,s.default)("UE",e);let r=n.__handlers;-1==r.indexOf(t)&&r.push(t)}off(e,t){let n=this.events&&this.events[e];n||(0,s.default)("UE",e);let r=n.__handlers,a=r.indexOf(t);a>-1&&r.splice(a,1)}get $el(){return this.__$el}$updateStyles(){this.$styleBuilder&&this.$styleBuilder()}}t.default=u},669:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.numberStep=t.floatRegex=t.GlobalComponentStack=t.ClassPrefix=t.str=t.sT=t.isF=t.eachK=void 0,t.eachK=function(e,t){if(e)for(var n=Object.keys(e),r=0;r<n.length;r++)t(n[r],e[n[r]])},t.isF=function(e){return e&&e.constructor&&e.call&&e.apply},t.sT=setTimeout,t.str=function(e,t){return(e||"").toString(t)},t.ClassPrefix=new class{constructor(){this.current=65536}reset(){this.current=65536}get next(){return this.current++}},t.GlobalComponentStack=[],t.floatRegex=new RegExp("[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?","g"),t.numberStep=function(e,t,n,r,a){switch(e=Number(e),t=Number(t),a){case"geometric":case"exponential":case"ease":return e+.5*(1-Math.cos(Math.PI*(n/r)))*(t-e);default:return e+n/r*(t-e)}}},150:function(e,t,n){var r=this&&this.__createBinding||(Object.create?function(e,t,n,r){void 0===r&&(r=n);var a=Object.getOwnPropertyDescriptor(t,n);a&&!("get"in a?!t.__esModule:a.writable||a.configurable)||(a={enumerable:!0,get:function(){return t[n]}}),Object.defineProperty(e,r,a)}:function(e,t,n,r){void 0===r&&(r=n),e[r]=t[n]}),a=this&&this.__setModuleDefault||(Object.create?function(e,t){Object.defineProperty(e,"default",{enumerable:!0,value:t})}:function(e,t){e.default=t}),i=this&&this.__importStar||function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)"default"!==n&&Object.prototype.hasOwnProperty.call(e,n)&&r(t,e,n);return a(t,e),t},o=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.ATTRIBUTE_MODE=t.SELECTOR_MODE=void 0;const s=o(n(351)),l=i(n(782)),u=o(n(177)),c=n(669),d=o(n(999)),h=n(555),p=o(n(969)),f=function(e){var n=e?"string"==typeof e?document.querySelectorAll(e):e instanceof Element||e instanceof Node?[e]:e instanceof NodeList||e instanceof Array&&e[0]&&(e[0]instanceof Element||e[0]instanceof Node)?e:[]:[],r=new C;return n.length>0&&(r.__document=n[0]),f.__selectionMode=t.SELECTOR_MODE,r},g="DOTHTML-DEFER";var m=0;function b(e,t){S[e]=f[e]=t}function _(e){var t=null,n=e.__dothtml_component;n&&(n.deleting&&n.deleting(),n.__$el=null,t=n.deleted),e.parentNode&&e.parentNode.removeChild(e),t&&t.apply(n)}function y(e,t,n,r){e.addEventListener?e.addEventListener(t,n,r||!1):e.attachEvent("on"+t,n)}function v(e){b(e,(function(t){return this.el(e,t)}))}function k(e,t){S[t||e]=function(t){return this.attr(e,t)}}t.SELECTOR_MODE=1,t.ATTRIBUTE_MODE=2;var w,C=function(e,n){this.__document=e,this.__lastNode=e?e.lastChild:null,this.__if=null,this.__pendingCalls=[],this.__anonAttrFuncs={},this.__classPrefix=n||0,this.__classedElements=[],this.__selectionMode=t.SELECTOR_MODE},S=C.prototype,x=["a","aside","abbr","address","area","article","audio","b","bdi","bdo","blockQuote","body","br","button","canvas","caption","cite","code","col","colGroup","content","data","dataList","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldSet","figCaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hr","i","iFrame","img","input","ins","kbd","keyGen","label","legend","li","main","map","mark","menu","menuItem","meter","nav","object","ol","optGroup","option","output","p","param","pre","progress","q","rp","rt","ruby","s","samp","section","select","small","source","span","strong","svg","sub","summary","sup","table","tBody","td","textArea","tFoot","th","tHead","time","tr","track","u","ul","var","video","wbr"],N=["accept","accessKey","action","align","aLink","alt","archive","autoComplete","autoFocus","autoPlay","autoSave","axis","background","bgColor","border","buffered","cellPadding","cellSpacing","challenge","char","charOff","checked","classId","clear","codeBase","codeType","color","cols","colSpan","compact","contentEditable","contextMenu","controls","coords","dateTime","declare","default","dir","dirName","disabled","download","draggable","dropZone","encType","face","font","fontFace","fontFaceFormat","fontFaceName","fontFaceSrc","fontFaceUri","fontSpecification","for","foreignObject","formAction","frame","frameBorder","headers","height","hidden","high","hRef","hRefLang","hSpace","icon","id","images","isMap","itemProp","keyType","kind","lang","list","longDesc","loop","low","manifest","marginHeight","marginWidth","max","maxLength","media","metadata","method","min","missingGlyph","multiple","muted","name","noHRef","noResize","noShade","noValidate","nowrap","open","optimum","pattern","ping","placeholder","poster","preload","prompt","radioGroup","readOnly","rel","required","rev","reversed","rows","rowSpan","rules","sandbox","scope","scrolling","seamless","selected","shape","size","sizes","spellCheck","src","srcDoc","srcLang","srcSet","standby","start","step","style","tabIndex","target","title","type","useMap","vAlign","value","valueType","width","wrap"],O=[["quoteCite","cite"],["objectData","data"],["whichForm","form"],["trackLabel","label"],["colSpan","span"],["tableSummary","summary"],["optionLabel","label"],["acceptCharset","accept-charset"]],P=["onAbort","onBlur","onChange","onInput","onCanPlay","onCantPlayThrough","onClick","onCopy","onContextMenu","onCueChange","onCut","onDblClick","onDrag","onDragEnd","onDragEnter","onDragLeave","onDragOver","onDragStart","onDrop","onDurationChange","onEmptied","onEnded","onError","onFocus","onHashChange","onInvalid","onKeyDown","onKeyPress","onKeyUp","onLoad","onLoadedData","onLoadedMetadata","onLoadStart","onMouseDown","onMouseEnter","onMouseMove","onMouseOut","onMouseOver","onMouseUp","onMouseWheel","onOffline","onOnline","onPageHide","onPagePaste","onPageShow","onPause","onPlay","onPlaying","onPopState","onProgress","onRateChange","onReset","onResize","onScroll","onSearch","onSeeked","onSeeking","onSelect","onStalled","onStorage","onSubmit","onSuspend","onTimeUpdate","onToggle","onUnload","onVolumeChange","onWaiting","onWheel"];for(w in x)v(x[w]);for(w in N)k(N[w]);for(w in O)k(O[w][1],O[w][0]);for(w in P)k(P[w]);b("as",(function(e){return this})),b("_getNewDocument",(function(){return document.createElement("DOTHTML-DOCUMENT")})),b("_getAnInstance",(function(){if(this.__document||this.__pendingCalls.length>0)return this;var e=new C(null,this.__classPrefix);return e.__if=this.__if,e})),b("_getLastChildOrNull",(function(){return this.__document&&this.__document.lastChild?this.__document.lastChild:null})),b("getLast",(function(){return this._getLastChildOrNull()})),b("getCurrent",(function(){let e;switch(f.__selectionMode){case t.SELECTOR_MODE:e=this.__document;break;case t.ATTRIBUTE_MODE:e=this.getLast()||this.__document}return e})),S.toString=function(){return this.__document?this.__document.innerHTML:""},S.ref=function(e){let t=this.getLast(),n=c.GlobalComponentStack.length;return t&&n>0&&(c.GlobalComponentStack[n-1].$refs[e]=t),this},b("_evalContent",(function(e,t){if(null==e||null==e)return null;if("string"==typeof e||"number"==typeof e||"boolean"==typeof e){let t=new C(this._getNewDocument(),this.__classPrefix);return t.__document.innerHTML=e,t.__document.childNodes}if(e instanceof Node)return e;if("[object Array]"===Object.prototype.toString.call(e)){let t=new C(this._getNewDocument(),this.__classPrefix);for(let n=0;n<e.length;n++)t._appendOrCreateDocument(e[n]);if(t.__document)return t.__document.childNodes}else{if((0,c.isF)(e))return this._evalContent(e(),t);if(e instanceof d.default)return this._evalContent(d.default.build(e));if(e instanceof C){for(let n=0;n<e.__pendingCalls.length;n++)t.push(e.__pendingCalls[n]);let n=this.__classPrefix;for(let t in e.__classedElements){let r=e.__classedElements[t];n?r.className="dot-"+(0,c.str)(n,16)+"-"+r.className:this.__classedElements.push(r)}if(e.__document)return e.__document.childNodes}}return null})),b("_appendOrCreateDocument",(function(e,t,n){var r=this;if(t&&n&&isNaN(n)&&n.parentNode!=t)throw"beforeNode is not in parentEl.";t=t||(n&&isNaN(n)?n.parentNode:null)||r.__document||r._getNewDocument(),isNaN(n)||(n=t.childNodes[n]);var a=r.__document===t?r:new C(t,r.__classPrefix);a.__if=r.__if;var i,o=[],s=(0,c.isF)(e);s&&f.__currentArgCallback.push(new h.ContentArgCallback(t,e));try{i=a._evalContent(e,o)}finally{s&&f.__currentArgCallback.pop()}for(var l=0;l<o.length;l++){var u=o[l],d=(n?n.previousSibling||t:null)||t.lastChild||t;d&&"DOCUMENT"!=d.tagName?"attr"==u.type?(0,c.isF)(u.params[0])?y(d,u.name,u.params[0],u.arg3):d.setAttribute(u.name,u.params[0]):"wait"==u.type&&u.callback():a.__pendingCalls.push(u)}if(null!=i)if(i instanceof NodeList)for(;i.length>0;)n?t.insertBefore(i[0],n):t.appendChild(i[0]);else n?t.insertBefore(i,n):t.appendChild(i);return a})),b("el",(function(e,n){var r=this,a=document.createElement(e),i=r.__document||r._getNewDocument();i.appendChild(a),n&&r._appendOrCreateDocument(n,a);var o=r.__document===i?r:new C(i,r.__classPrefix);if(n&&n instanceof C)for(var s in n.__classedElements)o.__classedElements.push(n.__classedElements[s]);return f.__selectionMode=t.ATTRIBUTE_MODE,o})),b("h",(function(e){var t=this,n=t._getNewDocument();new C(n,t.__classPrefix)._appendOrCreateDocument(e);for(var r=t.__document||t._getNewDocument();n.childNodes.length>0;)r.appendChild(n.childNodes[0]);return t.__document===r?t:new C(r,t.__classPrefix)})),b("t",(function(e){var t=document.createTextNode(e),n=this.__document||this._getNewDocument();return n.appendChild(t),new C(n,this.__classPrefix)})),b("attr",(function(e,t,n){var r=this;if((0,c.isF)(t)&&(0==e.indexOf("on")&&-1!=P.indexOf(e)?e=e.substring(2).toLowerCase():(f.__anonAttrFuncs[m]=t,t="dot.__anonAttrFuncs["+m+++"](arguments[0]);")),!r.__document){var a=r._getAnInstance();return a.__pendingCalls.push({type:"attr",name:e,params:[t],arg3:n}),a}var i=r.__document.childNodes,o=i[i.length-1];if(o&&o.setAttribute)if((0,c.isF)(t))y(o,e,t,n);else{if("object"==typeof t&&!(t instanceof l._Builder)){var s=t,u=function(){var e="";return(0,c.eachK)(s,(function(t,n){(n=(0,c.isF)(n)?n():n)&&(e+=" "+t)})),e.substring(1)};f.__currentArgCallback.push(new h.AttrArgCallback(o,e,u)),t=u(),f.__currentArgCallback.pop()}var d=o.getAttribute(e);d?d+=" ":d="",o.setAttribute(e,d+(void 0===t?e:t))}return r})),b("_appendSetElement",(function(e,t){var n=this;if(!e)return(0,u.default)("A",e),n;var r=document.getElementById(e);if(!r)return(0,u.default)("F",e),n;if(n.__document)for(t||(r.innerHTML="");n.__document.childNodes.length>0;)r.appendChild(n.__document.childNodes[0]);return n})),b("iterate",(function(e,t){for(var n=this,r=0;r<e;r++){let e=null;(0,c.isF)(t)&&(e=t(r)),n=n._appendOrCreateDocument(e)}return n})),b("each",(function(e,t,n){var r=this;if((0,c.isF)(e)){if(!n)return r.defer((function(n){n.each(e,t,!0)}));var a=e;f.__currentArgCallback.push(new h.ArrayArgCallback(r,t));try{e=a()}finally{f.__currentArgCallback.pop()}}if(e instanceof Array||e instanceof p.default)for(var i=0;i<e.length;i++)r=r._appendOrCreateDocument(t(e[i],i));else{var o=Object.keys(e);for(i=0;i<o.length;i++){var s=o[i];r=r._appendOrCreateDocument(t(e[s],s))}}return r})),S.customData=function(e,t){return this.attr("data-"+e,t)},S.class=function(e){var t=this.__classPrefix;if(t){var n="dot-"+(0,c.str)(t,16)+"-";if("string"==typeof e)e=n+e;else if("object"==typeof e){var r={};(0,c.eachK)(e,(function(e,t){r[n+e]=t})),e=r}}else{var a=this.getLast();a&&this.__classedElements.push(a)}return this.attr("class",e)},S.play=function(){let e=this.getCurrent();return e.play&&e.play(),this},S.pause=function(e){let t=this.getCurrent();return t.pause&&t.pause(),e&&(t.currentTime=0),this},S.stop=function(){return this.pause(!0)},S.setVal=function(e){let t=this.getCurrent();return t?(Array.isArray&&Array.isArray(e)||!Array.isArray&&e.join?e=e.join(""):null==e&&(e=""),"checkbox"==t.type||"radio"==t.type?t.checked=!!e:"OPTION"==t.tagName?t.selected=!!e:t.value=e,this):this},S.getVal=function(){var e=this.__lastNode||this.__document;if(e&&1===e.nodeType)return"checkbox"==e.type||"radio"==e.type?!!e.checked:"OPTION"==e.tagName?!!e.selected:e.value},b("when",(function(e,t,n){var r=this._getAnInstance();if((0,c.isF)(e)){n||(n=r.__conditionalArray=[e]);var a=n.length-1;r=function(e,t,n,r){var a=document.createTextNode(""),i=document.createTextNode(""),o=new h.ConditionalArgCallback(a,i,r,t);f.__currentArgCallback.push(o);var s=t();e=e._appendOrCreateDocument(a);for(var l=0;l<n.length;l++)n[l]();return o.lastValue=s,s&&(e=e._appendOrCreateDocument(r)),e=e._appendOrCreateDocument(i),f.__currentArgCallback.pop(),e}(r,(function(){for(var t=0;t<a;t++)if(n[t]())return!1;return!!e()}),n,t)}else e?(r=r._appendOrCreateDocument((0,c.isF)(t)?t():t)).__if=!0:r.__if=!1;return r})),b("otherwiseWhen",(function(e,t){if((0,c.isF)(e)){var n=this.__conditionalArray;return n||(0,u.default)("MC"),n.push(e),this.when(e,t,n)}return this.__if?this:this.when(e,t)})),b("otherwise",(function(e){var t=this.__conditionalArray;if(t){var n=function(){return!0};return t.push(n),this.when(n,e,t)}return this.__if?this:(this.__if=null,this._getAnInstance()._appendOrCreateDocument(e))})),b("script",(function(e){var t=this.getLast();return(0,c.sT)((function(){e(t)}),0),this})),b("wait",(function(e,t){var n=this.el(g),r=n.__document.lastChild;return(0,c.sT)((()=>{n._appendOrCreateDocument(t,null,r),r.parentElement.removeChild(r)}),e),n})),b("defer",(function(e){(0,c.isF)(e)||(0,u.default)("XF","defer");var t=this.el(g),n=t.__document.lastChild;return(0,c.sT)((()=>{e(f(n.parentElement)),n.parentElement.removeChild(n)}),0),t})),b("empty",(function(){if(this.__document){for(var e=[this.__document],t=!0,n=[];e.length>0;){var r=e.shift();if(r.childNodes.length>0)for(var a=0;a<r.childNodes.length;a++)e.push(r.childNodes[a]);!t&&n.push(r),t=!1}for(;n.length>0;)_(n.pop())}return this})),b("remove",(function(){this.empty(),_(this.__document)})),b("scopeClass",(function(e,t){null==e&&(e=c.ClassPrefix.next);var n=this;n.__classPrefix=e;var r=n.h(t);return n.__classPrefix=0,r})),S.bindTo=function(e){let t=f.__lastProp,n=f.__lastIndex,r=f.__lastComponent,a=this.getLast(),i=r.props[t];null!=n&&null!=n&&(i=i[n]);let o=this.setVal(i);return y(a,"change",(function(e){r.props[t]=f(a).as(f.input).getVal()})),r.__propContainer.bindings[t].push({element:a}),o},f.resetScopeClass=function(){return c.ClassPrefix.reset(),this},f.css=l.default,f.bus=s.default,f.__currentArgCallback=[],f.__document=null,f.__if=null,f.__pendingCalls=[],f.__anonAttrFuncs={},t.default=f},220:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t.DotComponent=void 0;const a=r(n(150)),i=r(n(999));a.default.version="5.2.2",a.default.Component=i.default,t.default=a.default;var o=n(999);Object.defineProperty(t,"DotComponent",{enumerable:!0,get:function(){return r(o).default}})},177:(e,t)=>{var n;Object.defineProperty(t,"__esModule",{value:!0}),n=function(e,...t){throw{A:`Can't append "${(t=t||[])[0]}".`,CB:"Unable to build the same component twice. Ensure each component is only used once.",CU:"Invalid usage: a component should at least have a name and a builder function.","C#":`Component "${t[0]}" must return exactly one child node.`,F:`Element "${t[0]}" not found.`,MC:"Can't mix static conditions with dynamic conditional rendering.",R:"Router must be passed a JSON object that contains an 'routes' array containing objects with a 'path', 'title', and 'component'.",S:"SVG is not supported by DOThtml.",UE:`Unknown event name "${t[0]}".`,XS:"Expected a string.",XF:`Expected a function in "${t[0]}".`}[e]||"Unknown error."},t.default=n},351:(e,t,n)=>{Object.defineProperty(t,"__esModule",{value:!0});const r=n(669),a=new class{constructor(){this._callbacks={},this._checkAddEvent=function(e){var t=this._callbacks[e];return t||(this._callbacks[e]=t=[]),t}}on(e,t){this._checkAddEvent(e).push(t)}off(e,t){for(var n=this._checkAddEvent(e),r=n.length-1;n>=0;r--)n[r]==t&&n.splice(r,1)}emit(e,...t){var n=this._checkAddEvent(e);(0,r.eachK)(n,(function(e,n){n(...t)}))}flush(e){this._checkAddEvent(e).length=0}};t.default=a},969:(e,t)=>{function n(e){var t=this,n=[],r={itemadded:[],itemremoved:[],itemset:[],read:[]};function a(e){e in t||Object.defineProperty(t,e,{configurable:!0,enumerable:!0,get:function(){return i({type:"read",index:e,item:n[e]}),n[e]},set:function(t){n[e]!=t&&(n[e]=t,i({type:"itemset",index:e,item:t}))}})}function i(e){r[e.type].forEach((function(n){n.call(t,e)}))}Object.defineProperty(t,"addEventListener",{configurable:!1,enumerable:!1,writable:!1,value:function(e,t){if(!((e=(""+e).toLowerCase())in r))throw new Error("Invalid event name.");if("function"!=typeof t)throw new Error("Invalid handler.");r[e].push(t)}}),Object.defineProperty(t,"removeEventListener",{configurable:!1,enumerable:!1,writable:!1,value:function(e,t){if(!((e=(""+e).toLowerCase())in r))throw new Error("Invalid event name.");if("function"!=typeof t)throw new Error("Invalid handler.");for(var n=r[e],a=n.length;--a>=0;)n[a]===t&&n.splice(a,1)}}),Object.defineProperty(t,"push",{configurable:!1,enumerable:!1,writable:!1,value:function(){for(var e,t=0,r=arguments.length;t<r;t++)e=n.length,n.push(arguments[t]),a(e),i({type:"itemadded",index:e,item:arguments[t]});return n.length}}),Object.defineProperty(t,"pop",{configurable:!1,enumerable:!1,writable:!1,value:function(){if(n.length>-1){var e=n.length-1,r=n.pop();return delete t[e],i({type:"itemremoved",index:e,item:r}),r}}}),Object.defineProperty(t,"unshift",{configurable:!1,enumerable:!1,writable:!1,value:function(){for(var e=0,t=arguments.length;e<t;e++)n.splice(e,0,arguments[e]),a(n.length-1),i({type:"itemadded",index:e,item:arguments[e]});return n.length}}),Object.defineProperty(t,"shift",{configurable:!1,enumerable:!1,writable:!1,value:function(){if(n.length>-1){var e=n.shift();return delete t[n.length],i({type:"itemremoved",index:0,item:e}),e}}}),Object.defineProperty(t,"splice",{configurable:!1,enumerable:!1,writable:!1,value:function(e,r){var o,s=[];e=null==e?0:e<0?n.length+e:e,r=null==r?n.length-e:r>0?r:0;for(var l=[];r--;)o=n.splice(e,1)[0],s.push(o),delete t[n.length],l.push({type:"itemremoved",index:e+s.length-1,item:o});for(var u=l.length-1;u>=0;u--)i(l[u]);u=2;for(var c=arguments.length;u<c;u++)n.splice(e,0,arguments[u]),a(n.length-1),i({type:"itemadded",index:e,item:arguments[u]}),e++;return s}}),Object.defineProperty(t,"length",{configurable:!1,enumerable:!1,get:function(){return n.length},set:function(e){var r=Number(e),a=n.length;if(!(r%1==0&&r>=0))throw new RangeError("Invalid array length");return r<a?t.splice(r):r>a&&t.push.apply(t,new Array(r-a)),n.length=r,e}}),Object.getOwnPropertyNames(Array.prototype).forEach((function(e){e in t||Object.defineProperty(t,e,{configurable:!1,enumerable:!1,writable:!1,value:Array.prototype[e]})})),e instanceof Array&&t.push.apply(t,e)}Object.defineProperty(t,"__esModule",{value:!0}),t.default=n,n.prototype.length=0},170:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(669),i=r(n(856));class o extends i.default{constructor(e){super("angle"),e=e||"0deg",isNaN(e)||(e=`${Math.round(e)}deg`),this.angle=Number(e.match(a.floatRegex)[0]),this.units=e.split(a.floatRegex)[1]||"deg"}toString(){return this.angle+this.units}}t.default=o},834:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(856));class i extends a.default{constructor(e){if(super("color"),this.r=0,this.g=0,this.b=0,this.a=1,Array.isArray(e)&&1==e.length&&(e=e[0]),"number"==typeof e)this.b=255&e,e>>=8,this.g=255&e,e>>=8,this.r=255&e;else if("string"==typeof e)if(""==e||"none"==e||"initial"==e||"inherit"==e);else if("#"==e[0]){var t=e.split("#")[1];3==t.length?(this.r=Number("0x"+t[0]+t[0]),this.g=Number("0x"+t[1]+t[1]),this.b=Number("0x"+t[2]+t[2])):6==t.length&&(this.r=Number("0x"+t[0]+t[1]),this.g=Number("0x"+t[2]+t[3]),this.b=Number("0x"+t[4]+t[5]))}else if(0===e.toLowerCase().indexOf("rgb")){var n=e.split("(")[1],r=(n=n.split(")")[0]).split(",");3!=r.length&&4!=r.length||(this.r=Number(r[0]),this.g=Number(r[1]),this.b=Number(r[2]),this.a=Number(r[3]||1))}else{var a=0,i=0,o=0;switch(e.toLowerCase()){case"aliceblue":a=240,i=248,o=255;break;case"antiquewhite":a=250,i=235,o=215;break;case"aqua":case"cyan":a=0,i=255,o=255;break;case"aquamarine":a=127,i=255,o=212;break;case"azure":a=240,i=255,o=255;break;case"beige":a=245,i=245,o=220;break;case"bisque":a=255,i=228,o=196;break;case"black":a=0,i=0,o=0;break;case"blanchedalmond":a=255,i=235,o=205;break;case"blue":a=0,i=0,o=255;break;case"blueviolet":a=138,i=43,o=226;break;case"brown":a=165,i=42,o=42;break;case"burlywood":a=222,i=184,o=135;break;case"cadetblue":a=95,i=158,o=160;break;case"chartreuse":a=127,i=255,o=0;break;case"chocolate":a=210,i=105,o=30;break;case"coral":a=255,i=127,o=80;break;case"cornflowerblue":a=100,i=149,o=237;break;case"cornsilk":a=255,i=248,o=220;break;case"crimson":a=220,i=20,o=60;break;case"darkblue":a=0,i=0,o=139;break;case"darkcyan":a=0,i=139,o=139;break;case"darkgoldenrod":a=184,i=134,o=11;break;case"darkgray":case"darkgrey":a=169,i=169,o=169;break;case"darkgreen":a=0,i=100,o=0;break;case"darkkhaki":a=189,i=183,o=107;break;case"darkmagenta":a=139,i=0,o=139;break;case"darkolivegreen":a=85,i=107,o=47;break;case"darkorange":a=255,i=140,o=0;break;case"darkorchid":a=153,i=50,o=204;break;case"darkred":a=139,i=0,o=0;break;case"darksalmon":a=233,i=150,o=122;break;case"darkseagreen":a=143,i=188,o=143;break;case"darkslateblue":a=72,i=61,o=139;break;case"darkslategray":case"darkslategrey":a=47,i=79,o=79;break;case"darkturquoise":a=0,i=206,o=209;break;case"darkviolet":a=148,i=0,o=211;break;case"deeppink":a=255,i=20,o=147;break;case"deepskyblue":a=0,i=191,o=255;break;case"dimgray":case"dimgrey":a=105,i=105,o=105;break;case"dodgerblue":a=30,i=144,o=255;break;case"firebrick":a=178,i=34,o=34;break;case"floralwhite":a=255,i=250,o=240;break;case"forestgreen":a=34,i=139,o=34;break;case"fuchsia":case"magenta":a=255,i=0,o=255;break;case"gainsboro":a=220,i=220,o=220;break;case"ghostwhite":a=248,i=248,o=255;break;case"gold":a=255,i=215,o=0;break;case"goldenrod":a=218,i=165,o=32;break;case"gray":case"grey":a=128,i=128,o=128;break;case"green":a=0,i=128,o=0;break;case"greenyellow":a=173,i=255,o=47;break;case"honeydew":a=240,i=255,o=240;break;case"hotpink":a=255,i=105,o=180;break;case"indianred":a=205,i=92,o=92;break;case"indigo":a=75,i=0,o=130;break;case"ivory":a=255,i=255,o=240;break;case"khaki":a=240,i=230,o=140;break;case"lavender":a=230,i=230,o=250;break;case"lavenderblush":a=255,i=240,o=245;break;case"lawngreen":a=124,i=252,o=0;break;case"lemonchiffon":a=255,i=250,o=205;break;case"lightblue":a=173,i=216,o=230;break;case"lightcoral":a=240,i=128,o=128;break;case"lightcyan":a=224,i=255,o=255;break;case"lightgoldenrodyellow":a=250,i=250,o=210;break;case"lightgray":case"lightgrey":a=211,i=211,o=211;break;case"lightgreen":a=144,i=238,o=144;break;case"lightpink":a=255,i=182,o=193;break;case"lightsalmon":a=255,i=160,o=122;break;case"lightseagreen":a=32,i=178,o=170;break;case"lightskyblue":a=135,i=206,o=250;break;case"lightslategray":case"lightslategrey":a=119,i=136,o=153;break;case"lightsteelblue":a=176,i=196,o=222;break;case"lightyellow":a=255,i=255,o=224;break;case"lime":a=0,i=255,o=0;break;case"limegreen":a=50,i=205,o=50;break;case"linen":a=250,i=240,o=230;break;case"maroon":a=128,i=0,o=0;break;case"mediumaquamarine":a=102,i=205,o=170;break;case"mediumblue":a=0,i=0,o=205;break;case"mediumorchid":a=186,i=85,o=211;break;case"mediumpurple":a=147,i=112,o=219;break;case"mediumseagreen":a=60,i=179,o=113;break;case"mediumslateblue":a=123,i=104,o=238;break;case"mediumspringgreen":a=0,i=250,o=154;break;case"mediumturquoise":a=72,i=209,o=204;break;case"mediumvioletred":a=199,i=21,o=133;break;case"midnightblue":a=25,i=25,o=112;break;case"mintcream":a=245,i=255,o=250;break;case"mistyrose":a=255,i=228,o=225;break;case"moccasin":a=255,i=228,o=181;break;case"navajowhite":a=255,i=222,o=173;break;case"navy":a=0,i=0,o=128;break;case"oldlace":a=253,i=245,o=230;break;case"olive":a=128,i=128,o=0;break;case"olivedrab":a=107,i=142,o=35;break;case"orange":a=255,i=165,o=0;break;case"orangered":a=255,i=69,o=0;break;case"orchid":a=218,i=112,o=214;break;case"palegoldenrod":a=238,i=232,o=170;break;case"palegreen":a=152,i=251,o=152;break;case"paleturquoise":a=175,i=238,o=238;break;case"palevioletred":a=219,i=112,o=147;break;case"papayawhip":a=255,i=239,o=213;break;case"peachpuff":a=255,i=218,o=185;break;case"peru":a=205,i=133,o=63;break;case"pink":a=255,i=192,o=203;break;case"plum":a=221,i=160,o=221;break;case"powderblue":a=176,i=224,o=230;break;case"purple":a=128,i=0,o=128;break;case"rebeccapurple":a=102,i=51,o=153;break;case"red":a=255,i=0,o=0;break;case"rosybrown":a=188,i=143,o=143;break;case"royalblue":a=65,i=105,o=225;break;case"saddlebrown":a=139,i=69,o=19;break;case"salmon":a=250,i=128,o=114;break;case"sandybrown":a=244,i=164,o=96;break;case"seagreen":a=46,i=139,o=87;break;case"seashell":a=255,i=245,o=238;break;case"sienna":a=160,i=82,o=45;break;case"silver":a=192,i=192,o=192;break;case"skyblue":a=135,i=206,o=235;break;case"slateblue":a=106,i=90,o=205;break;case"slategray":case"slategrey":a=112,i=128,o=144;break;case"snow":a=255,i=250,o=250;break;case"springgreen":a=0,i=255,o=127;break;case"steelblue":a=70,i=130,o=180;break;case"tan":a=210,i=180,o=140;break;case"teal":a=0,i=128,o=128;break;case"thistle":a=216,i=191,o=216;break;case"tomato":a=255,i=99,o=71;break;case"turquoise":a=64,i=224,o=208;break;case"violet":a=238,i=130,o=238;break;case"wheat":a=245,i=222,o=179;break;case"white":a=255,i=255,o=255;break;case"whitesmoke":a=245,i=245,o=245;break;case"yellow":a=255,i=255,o=0;break;case"yellowgreen":a=154,i=205,o=50}this.r=a,this.g=i,this.b=o}else 3!=e.length&&4!=e.length||(this.r=e[0],this.g=e[1],this.b=e[2],4==e.length&&(this.a=e[3]))}toString(){var e=Math.round,t=Math.max,n=Math.min;return 1==this.a?"rgb("+n(255,t(0,e(this.r)))+", "+n(255,t(0,e(this.g)))+", "+n(255,t(0,e(this.b)))+")":"rgba("+n(255,t(0,e(this.r)))+", "+n(255,t(0,e(this.g)))+", "+n(255,t(0,e(this.b)))+", "+n(1,t(0,this.a))+")"}}t.default=i},392:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(669),i=r(n(856));class o extends i.default{constructor(e){super("complex"),this.parts=(" "+e+" ").split(a.floatRegex),this.numbers=e.match(a.floatRegex)}toString(){for(var e=this.parts[0],t=0;t<this.numbers.length;t++)e+=this.numbers[t]+this.parts[t+1];return e}}t.default=o},856:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.default=class{constructor(e){this.type=e}}},212:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(669),i=r(n(856)),o=r(n(287)),s=r(n(196)),l=r(n(834));class u extends i.default{constructor(e){super("filter"),this.filters=[],"string"!=typeof e?(0,a.isF)(e)&&e(this):this.simpleValue=e}toString(){if(this.simpleValue)return this.simpleValue;for(var e="",t=0;t<this.filters.length;t++){var n=this.filters[t];e+=n.filter+"(";for(var r=0;r<n.args.length;r++)e+=n.args[r].toString()+" ";e=e.trim()+") "}return e.trim()}appendFilterString(e,t){return this.filters.push({filter:e,args:t}),this}blur(e){return this.appendFilterString("blur",[new o.default(e)])}brightness(e){return this.appendFilterString("brightness",[new s.default(e)])}contrast(e){return this.appendFilterString("contrast",[new s.default(e)])}dropShadow(e,t,n,r){return this.appendFilterString("drop-shadow",[new o.default(e),new o.default(t),new o.default(n),new l.default(r)])}grayscale(e){return this.appendFilterString("grayscale",[new s.default(e)])}hueRotate(e){return this.appendFilterString("hue-rotate",[new s.default(e)])}invert(e){return this.appendFilterString("invert",[new s.default(e)])}opacity(e){return this.appendFilterString("opacity",[new s.default(e)])}sepia(e){return this.appendFilterString("sepia",[new s.default(e)])}saturate(e){return this.appendFilterString("saturate",[new s.default(e)])}}t.default=u},287:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(669),i=r(n(856));class o extends i.default{constructor(e){super("length"),e=e||"0px",isNaN(e)||(e=Math.round(e)+"px"),this.length=Number(e.match(a.floatRegex)[0]),this.units=e.split(a.floatRegex)[1]||"px"}toString(){return`${this.length}${this.units}`}}t.default=o},70:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(856));class i extends a.default{constructor(e){super("number"),this.value=Number(e)}toString(){return this.value}}t.default=i},196:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(287));class i extends a.default{constructor(e){super(isNaN(e)?e:`${e}%`)}}t.default=i},939:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=n(669),i=n(718),o=r(n(170)),s=r(n(856)),l=r(n(287));class u extends s.default{constructor(e){super("transformation"),this.transformations=[],"string"!=typeof e?(0,a.isF)(e)&&e(this):this.simpleValue=e}toString(){if(this.simpleValue)return this.simpleValue;for(var e="",t=0;t<this.transformations.length;t++){var n=this.transformations[t];e+=n.transformation+"(";for(var r=0;r<n.args.length;r++)e+=n.args[r].toString()+",";e=e.substring(0,e.length-1),e+=") "}return e.trim()}appendTransformString(e,t){return this.transformations.push({transformation:e,args:t}),this}matrix3d(e,t,n,r,a,i,o,s,l,u,c,d,h,p,f,g){return this.appendTransformString("matrix3d",arguments)}matrix(e,t,n,r,a,i){return this.appendTransformString("matrix",arguments)}translate(e,t){return 1==arguments.length?this.appendTransformString("translate",[new l.default(e)]):this.appendTransformString("translate",[new l.default(e),new l.default(t)])}translate3d(e,t,n){return this.appendTransformString("translate3d",[new l.default(e),new l.default(t),new l.default(n)])}translateX(e){return this.appendTransformString("translateX",[new l.default(e)])}translateY(e){return this.appendTransformString("translateY",[new l.default(e)])}translateZ(e){return this.appendTransformString("translateZ",[new l.default(e)])}scale(e,t){return this.appendTransformString("scale",[e,t??1])}scale3d(e,t,n){return this.appendTransformString("scale3d",[e,t,n])}scaleX(e){return this.appendTransformString("scaleX",[e])}scaleY(e){return this.appendTransformString("scaleY",[e])}scaleZ(e){return this.appendTransformString("scaleZ",[e])}rotate(e){return this.appendTransformString("rotate",[new o.default(e)])}rotate3d(e,t,n,r){return this.appendTransformString("rotate3d",[e,t,n,new o.default(r)])}rotate3dDeg(e,t,n,r){return this.rotate3d(e,t,n,r)}rotate3dRad(e,t,n,r){return this.rotate3d(e,t,n,`${r}rad`)}rotate3dGrad(e,t,n,r){return this.rotate3d(e,t,n,`${r}grad`)}rotate3dTurn(e,t,n,r){return this.rotate3d(e,t,n,`${r}turn`)}rotateX(e){return this.appendTransformString("rotateX",[new o.default(e)])}rotateY(e){return this.appendTransformString("rotateY",[new o.default(e)])}rotateZ(e){return this.appendTransformString("rotateZ",[new o.default(e)])}skew(e,t){return 1==arguments.length?this.appendTransformString("skew",[new o.default(e)]):this.appendTransformString("skew",[new o.default(e),new o.default(t)])}skewX(e){return this.appendTransformString("skewX",[new o.default(e)])}skewY(e){return this.appendTransformString("skewY",[new o.default(e)])}perspective(e){return this.appendTransformString("perspective",[new l.default(e)])}}t.default=u;const c="translate|translate3d|translateX|translateY|translateZ|perspective".split("|"),d="rotate|rotateX|rotateY|rotateZ|skew|skewX|skewY".split("|");for(let e=0;e<c.length;e++){let t=c[e];for(let e=0;e<i.AllLengthUnits.length;e++){let n=i.AllLengthUnits[e];u.prototype[t+(n.jsName||n.unit)]=function(){for(var e=0;e<arguments.length;e++)arguments[e]=arguments[e]+n.unit.toLowerCase();return u.prototype[t].apply(this,arguments)}}}for(let e=0;e<d.length;e++){let t=d[e];for(let e=0;e<i.AllAngleUnits.length;e++){let n=i.AllAngleUnits[e];u.prototype[t+n.unit]=function(){for(var e=0;e<arguments.length;e++)arguments[e]=arguments[e]+n.unit.toLowerCase();return u.prototype[t].apply(this,arguments)}}}},761:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(856));class i extends a.default{constructor(e){super("unknown"),this.value=e}toString(){return this.value}}t.default=i},300:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0});const a=r(n(856));class i extends a.default{constructor(e){if(super("url"),this.url=null,!e||0==e.length||1==e.length&&""==e[0]||"none"==e[0]||"initial"==e[0]||"inherit"==e[0])this.url=null;else{this.url=[];for(var t=0;t<e.length;t++)if(0===e[t].toLowerCase().indexOf("url")){var n=e[t].substring(e[t].indexOf("("),e[t].lastIndexOf(")")).trim();(n.indexOf('"')&&n.lastIndexOf('"')==n.length-1||n.indexOf("'")&&n.lastIndexOf("'")==n.length-1)&&(n=n.substring(1,n.length-1)),this.url.push(n)}else this.url.push(e[t])}}toString(){if(this.url){for(var e=[],t=0;t<this.url.length;t++)e.push('url("'+this.url[t]+'")');return e.join(", ")}return"none"}}t.default=i},782:function(e,t,n){var r=this&&this.__importDefault||function(e){return e&&e.__esModule?e:{default:e}};Object.defineProperty(t,"__esModule",{value:!0}),t._Builder=void 0;const a=n(718),i=r(n(170)),o=r(n(834)),s=r(n(392)),l=r(n(287)),u=r(n(70)),c=r(n(939)),d=r(n(761)),h=r(n(300)),p=n(669),f=r(n(212)),g="data-dot-static-styles",m=new class{constructor(){this.fxInterval=1e3/60,this.lastBuilder=null,this.scopeStack=[],this.globalStyleElement=null}animateFull(e,t,n,r,a,i,o,s,l,u,c){if(!c||e.style[t]==c)if(s-o>0){switch(n){case"color":var d=Math.round((0,p.numberStep)(r.r,a.r,o,s,l)),h=Math.round((0,p.numberStep)(r.g,a.g,o,s,l)),f=Math.round((0,p.numberStep)(r.b,a.b,o,s,l)),g=b.formatNumberValue((0,p.numberStep)(r.a,a.a,o,s,l));b(e)[t](d,h,f,g);break;case"length":b(e)[t](b.formatNumberValue((0,p.numberStep)(r.length,a.length,o,s,l),r.units)+r.units);break;case"transformation":for(var _="",y=0;y<r.transformations.length;y++){var v=r.transformations[y],k=a.transformations[y];_+=v.transformation+"(";for(var w=0;w<v.args.length;w++){var C=v.args[w],S=k.args[w],x=isNaN(C)?C.length||C.angle||C.value||0:C,N=isNaN(S)?S.length||S.angle||S.value||0:S,O=isNaN(C)?C.units:"";_+=b.formatNumberValue((0,p.numberStep)(x,N,o,s,l),O)+O+","}_=_.substring(0,_.length-1),_+=") "}b(e)[t](_);break;default:switch(r.type){case"number":b(e)[t](b.formatNumberValue((0,p.numberStep)(r.value,a.value,o,s,l)));break;case"complex":var P="";for(y=0;y<r.numbers.length;y++)P+=r.parts[y],P+=b.formatNumberValue((0,p.numberStep)(r.numbers[y],a.numbers[y],o,s,l));P+=r.parts[r.parts.length-1],b(e)[t](P);break;default:console.warn("Unexpected data type for animation.")}}var A=window.performance&&window.performance.now?window.performance.now():null,D=e.style[t],T=function(c){var d=A?window.performance.now()-A:m.fxInterval;m.animateFull(e,t,n,r,a,i,o+d,s,l,u,D)};window.requestAnimationFrame?window.requestAnimationFrame(T):window.setTimeout(T,m.fxInterval)}else b(e)[t](i),u&&u()}extendDothtml(e,t,n){let r=y.prototype;if(r[t]=function(){if(0==arguments.length)return this;for(var r=[],a=0;a<arguments.length;a++)r.push(arguments[a]);var i=m.convertStyleIntoDotCssObject(r,n).toString(),o=e+":"+i+";";if(this.currentCss+=o,this.targets)for(var s=0;s<this.targets.length;s++){var l=this.targets[s];"STYLE"==l.tagName?l.innerHTML=l.innerHTML.substring(0,l.innerHTML.length-1)+e+":"+i+";}":l.style[t]=i}return this},m.addPropFunctionToDotCssObject(t),"length"==n)for(var i=0;i<a.AllLengthUnits.length;i++){var o=a.AllLengthUnits[i];!function(e){r[t+(e.jsName||e.unit)]=function(){for(var n=0;n<arguments.length;n++)arguments[n]=arguments[n]+e.unit.toLowerCase();return r[t].apply(this,arguments)}}(o),m.addPropFunctionToDotCssObject(t+(o.jsName||o.unit))}for(var s in r[t].type=n,r[t].jsFriendlyProp=t,v.prototype)void 0===r[t][s]&&(r[t][s]=v.prototype[s])}convertStyleIntoDotCssObject(e,t){return e instanceof Array||(e=[e]),"color"==t?new o.default(e):"url"==t?new h.default(e):"length"!=t||isNaN(e[0])&&(-1!=e[0].indexOf(" ")||e[0].replace(p.floatRegex,"")==e[0])?"transformation"==t?new c.default(e[0]).toString():"filter"==t?new f.default(e[0]).toString():""===e[0]||isNaN(e[0])&&(""+e[0]).replace(p.floatRegex,"")==e[0]?new d.default(e[0]):isNaN(e[0])?new s.default(e[0]):new u.default(e[0]):new l.default(e[0])}compareComplexDataTypes(e,t){if("complex"!=e.type||"complex"!=t.type)return!1;if(e.numbers.length!=t.numbers.length)return!1;if(e.parts.length!=t.parts.length)return!1;for(var n=0;n<e.parts.length;n++)if(e.parts[n]!=t.parts[n])return!1;return!0}addPropFunctionToDotCssObject(e){b[e]=function(){var t=new y;return t[e].apply(t,arguments)}}computedStyleOrActualStyle(e,t){return window.getComputedStyle(e)[t]||e.style[t]}modDeg(e){return e<0&&(e=360- -e%360),e%360}},b=function(e){var t=null;if(e){if("string"==typeof e)if(e.length>2&&e.indexOf("{}")==e.length-2)e=e.substring(0,e.length-2),m.globalStyleElement||(m.globalStyleElement=document.createElement("style"),document.head.appendChild(m.globalStyleElement)),(t=[m.globalStyleElement])[0].innerHTML+=e+"{}\r\n";else{var n=m.scopeStack[0];t=n&&n.parentNode&&n.querySelectorAll?_(e,n):document.querySelectorAll(e)}(e instanceof NodeList||e instanceof Array)&&(t=e),e instanceof Node&&(t=[e])}return m.lastBuilder=new y(t),m.lastBuilder};function _(e,t){for(var n=Array.from(t.querySelectorAll(e)),r=0;r<n.length;r++){var a=n[r];if(a.__dothtml_component){n.splice(r,1),r--;for(var i=a.querySelectorAll(e),o=0;o<i.length;o++){let e=i[o];n.splice(n.indexOf(e,r+1),1)}}}var s=Array.from(t.parentNode.querySelectorAll(e)),l=s.indexOf(t);return-1!=l&&n.unshift(s[l]),n}b.version="0.16.0";class y{constructor(e){this.currentCss="",this.targets=e??null}toString(){return this.currentCss}hide(e){if(this.targets){var t=arguments[0]||{},n=t,r=t,a={};if(a.duration=r.duration||(isNaN(n)?0:n)||0,a.complete=r.complete||("function"==typeof arguments[1]?arguments[1]:"function"==typeof arguments[2]?arguments[2]:function(){}),a.hideStyle=r.hideStyle||"normal",a.animationStyle=r.animationStyle||("string"==typeof arguments[1]?arguments[1]:"ease"),a.duration>0){let e=0,t=0,n=this.targets.length;for(let r=0;r<this.targets.length;r++){let i,o=this.targets[r].style.width,s=this.targets[r].style.height,l=this.targets[r].style.opacity;i=l&&""!==l?Number(l):1;let u=this.targets[r].style.overflow;"fade"!=a.hideStyle&&(this.targets[r].style.overflow="hidden",t+=2,function(r,i,o,s,l){b(i).width.animate(0,a.duration,a.animationStyle,(function(){b(i).display("none").width(o).overflow(l),e++,e>=t*n&&a.complete(r)})),b(i).height.animate(0,a.duration,a.animationStyle,(function(){b(i).display("none").height(s),e++,e>=t*n&&a.complete(r)}))}(this,this.targets[r],o,s,u)),"shrink"!=a.hideStyle&&(t++,function(r,i,o){b(i).opacity.animate(0,a.duration,a.animationStyle,(function(){b(i).display("none").opacity(o),e++,e>=t*n&&a.complete(r)}))}(this,this.targets[r],i))}}else b(this.targets).display("none"),a.complete(this)}return this}show(e){if(this.targets){let e=arguments[0]||{},t=e,n=e,r={};if(r.duration=n.duration||(isNaN(t)?0:t)||0,r.display=n.display||"block",r.opacity=n.opacity,r.width=n.width||null,r.height=n.height||null,r.complete=n.complete||("function"==typeof arguments[1]?arguments[1]:"function"==typeof arguments[2]?arguments[2]:function(){}),r.showStyle=n.showStyle||"normal",r.animationStyle=n.animationStyle||("string"==typeof arguments[1]?arguments[1]:"ease"),!(r.duration>0))return b(this.targets).display(r.display);{let e=0,t=this.targets.length,n=0;for(let a=0;a<this.targets.length;a++){let i=r.opacity;if(void 0===r.opacity&&(i=parseFloat(this.targets[a].style.opacity)||1),"fade"!=r.showStyle){n+=2;let i=r.width||this.targets[a].style.width,o=r.height||this.targets[a].style.height;b(this.targets[a]).width(0),b(this.targets[a]).height(0),b(this.targets[a]).width.animate(i,r.duration,r.animationStyle,(function(){e++,e>=t*n&&r.complete()})),b(this.targets[a]).height.animate(o,r.duration,r.animationStyle,(function(){e++,e>=t*n&&r.complete()}))}b(this.targets[a]).opacity(0),b(this.targets[a]).display(r.display),"grow"!=r.showStyle&&(n++,b(this.targets[a]).opacity.animate(i,r.duration,r.animationStyle,(function(){e++,e==t*n&&r.complete()})))}}}return this}fadeOut(e,t){return this.hide({duration:isNaN(e)?400:Number(e),hideStyle:"fade",complete:t})}fadeIn(e,t){return this.show({duration:isNaN(e)?400:Number(e),showStyle:"fade",complete:t})}}t._Builder=y,b.prototype.toString=y.prototype.toString;class v{constructor(){this.apply=Function.apply,this.call=Function.call,this.type=null,this.jsFriendlyProp=null}toString(){if(m.lastBuilder.targets){let e=null;if(m.lastBuilder.targets.length>1){e=[];for(let t=0;t<m.lastBuilder.targets.length;t++)e.push(m.lastBuilder.targets[t].style[this.jsFriendlyProp])}else e=m.lastBuilder.targets[0].style[this.jsFriendlyProp];return e}return null}val(){if(m.lastBuilder.targets){let e=null;if(m.lastBuilder.targets.length>1){e=null;for(let t=0;t<m.lastBuilder.targets.length;t++)m.lastBuilder.targets[0].style[this.jsFriendlyProp]?e.push(m.convertStyleIntoDotCssObject(m.lastBuilder.targets[t].style[this.jsFriendlyProp],this.type)):e.push(null)}else e=m.lastBuilder.targets[0].style[this.jsFriendlyProp]?m.convertStyleIntoDotCssObject(m.lastBuilder.targets[0].style[this.jsFriendlyProp],this.type):null;return e}return null}animate(e,t,n,r){if(t=isNaN(t)?400:t||0,m.lastBuilder&&m.lastBuilder.targets){!r&&n&&n.call&&n.apply&&(r=n,n=void 0);for(let a=0;a<m.lastBuilder.targets.length;a++){let o=m.lastBuilder.targets[a],s=null,u=null,c=null;if(u=m.convertStyleIntoDotCssObject(e,this.type),"transformation"==this.type&&(s=m.convertStyleIntoDotCssObject(o.style[this.jsFriendlyProp],this.type)),s||(s=m.convertStyleIntoDotCssObject(m.computedStyleOrActualStyle(o,this.jsFriendlyProp),this.type)),c=u.toString(),"length"==this.type){if(s.units!=u.units)if(0==s.length)s.units=u.units,s.length=0;else if(0==u.length)u.units=s.units,u.length=0;else{let e=b.lengthToPx(s.toString(),this.jsFriendlyProp,o),t=b.lengthToPx(u.toString(),this.jsFriendlyProp,o);s.length=e,s.units="px",u.length=t,u.units="px"}}else if("color"==this.type);else if("transformation"==this.type){let e="",t="",n=s.transformations.length-1,r=u.transformations.length-1;for(;n>=0||r>=0;){let o="",c=null,d=null;if(n>=0&&r>=0&&s.transformations[n].transformation==u.transformations[r].transformation){let e=s.transformations[n],t=u.transformations[r];o=e.transformation,c=e.args,d=t.args,n--,r--}else if(n>=r){let e=s.transformations[n];if(o=e.transformation,c=e.args,"matrix"==o)d=[1,0,0,1,0,0];else if("matrix3d"==o)d=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];else{let e=-1==o.indexOf("scale")?0:1;d=[];for(let t=0;t<c.length;t++)d.push(isNaN(c[t])?isNaN(c[t].angle)?isNaN(c[t].length)?0:new l.default(0):new i.default(0):e)}n--}else{let e=u.transformations[r];if(o=e.transformation,d=e.args,"matrix"==o)c=[1,0,0,1,0,0];else if("matrix3d"==o)c=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];else{let e=-1==o.indexOf("scale")?0:1;c=[];for(let t=0;t<d.length;t++)c.push(isNaN(d[t])?isNaN(d[t].angle)?isNaN(d[t].length)?0:new l.default(0):new i.default(0):e)}r--}if(e=") "+e,t=") "+t,-1!=o.indexOf("rotate")){let e=c[c.length-1].angle,t=d[d.length-1].angle,n=b.angleSubtract(t,e);c[c.length-1].angle=t-n}for(let n=c.length-1;n>=0;n--)e=","+c[a]+e,t=","+d[a]+t;e=o+"("+e.substring(1),t=o+"("+t.substring(1)}s=m.convertStyleIntoDotCssObject(e,"transformation"),u=m.convertStyleIntoDotCssObject(t,"transformation")}else if("number"==s.type&&"number"==u.type);else{if("complex"!=s.type||"complex"!=u.type){console.warn("Couldn't animate "+this.jsFriendlyProp+". Not a recognizable length, color, or number.");continue}if(!m.compareComplexDataTypes(s,u)){console.warn("Couldn't animate "+this.jsFriendlyProp+". Value mismatch.");continue}}m.animateFull(o,this.jsFriendlyProp,s.type||this.type,s,u,c,m.fxInterval,t,n||"ease",r)}}return m.lastBuilder}}b.formatNumberValue=function(e,t){return"px"===t?Math.round(e):Math.round(100*e)/100};const k={color:"color|background-Color|border-Bottom-Color|border-Color|border-Left-Color|border-Right-Color|border-Top-Color|text-Decoration-Color|outline-Color|column-Rule-Color",length:"background-Size|block-Size|border-Bottom-Left-Radius|border-Bottom-Right-Radius|border-Bottom-Width|border-Image-Width|border-Left-Width|border-Radius|border-Right-Width|border-Top-Left-Radius|border-Top-Right-Radius|border-Top-Width|border-Width|bottom|gap|height|left|margin|margin-Bottom|margin-Left|margin-Right|margin-Top|max-Height|max-Width|min-Height|min-Width|padding|padding-Bottom|padding-Left|padding-Right|padding-Top|right|top|width|line-Height|flex-Basis|font-Size|text-Indent",url:"background-Image|border-Image|list-Style-Image|content|image-Orientation",transformation:"transform",filter:"filter|backdrop-Filter",misc:"appearance|aspect-Ratio|opacity|background|background-Attachment|background-Blend-Mode|background-Position|background-Repeat|background-Clip|background-Origin|border|border-Bottom|border-Bottom-Style|border-Image-Outset|border-Image-Repeat|border-Image-Slice|border-Image-Source|border-Left|border-Left-Style|border-Right|border-Right-Style|border-Style|border-Top|border-Top-Style|box-Decoration-Break|box-Shadow|clear|clip|display|float|overflow|box|overflow-X|overflow-Y|position|visibility|vertical-Align|z-Index|align-Content|align-Items|align-Self|flex|flex-Basis|flex-Direction|flex-Flow|flex-Grow|flex-Shrink|flex-Wrap|grid|grid-Area|grid-Auto-Columns|grid-auto-Rows|grid-Column|grid-Column-End|grid-Column-Gap|grid-Column-Start|grid-Gap|grid-Row|grid-Row-End|grid-Row-Gap|grid-Row-Start|grid-Template|grid-Template-Areas|grid-Template-Columns|grid-Template-Rows|justify-Content|order|hanging-Punctuation|hyphens|letter-Spacing|line-Break|overflow-Wrap|tab-Size|text-Align|text-Align-Last|text-Combine-Upright|text-Justify|text-Transform|white-Space|word-Break|word-Spacing|word-Wrap|text-Decoration|text-Decoration-Line|text-Decoration-Style|text-Shadow|text-Underline-Position|font|font-Family|font-Feature-Settings|font-Kerning|font-Language-Override|font-Size-Adjust|font-Stretch|font-Style|font-Synthesis|font-Variant|font-Variant-Alternates|font-Variant-Caps|font-Variant-East-Asian|font-Variant-Ligatures|font-Variant-Numeric|font-Variant-Position|font-Weight|direction|text-Orientation|text-Combine-Upright|unicode-Bidi|user-Select|writing-Mode|border-Collapse|border-Spacing|caption-Side|empty-Cells|table-Layout|counter-Increment|counter-Reset|list-Style|list-Style-Position|list-Style-Type|animation|animation-Delay|animation-Direction|animation-Duration|animation-Fill-Mode|animation-Iteration-Count|animation-Name|animation-Play-State|animation-Timing-Function|backface-Visibility|perspective2d|perspective-Origin|transform-Origin|transform-Style|transition|transition-Property|transition-Duration|transition-Timing-Function|transition-Delay|box-Sizing|cursor|ime-Mode|nav-Down|nav-Index|nav-Left|nav-Right|nav-Up|outline|outline-Offset|outline-Style|outline-Width|resize|text-Overflow|break-After|break-Before|break-Inside|column-Count|column-Fill|column-Gap|column-Rule|column-Rule-Style|column-Rule-Width|column-Span|column-Width|columns|widows|orphans|page-Break-After|page-Break-Before|page-Break-Inside|marks|quotes|image-Rendering|image-Resolution|object-Fit|object-Position|mask|mask-Type|mark|mark-After|mark-Before|phonemes|rest|rest-After|rest-Before|voice-Balance|voice-Duration|voice-Pitch|voice-Pitch-Range|voice-Rate|voice-Stress|voice-Volume|marquee-Direction|marquee-Play-Count|marquee-Speed|marquee-Style|pointer-Events"};for(var w in b.matrixMultiply3D=function(e,t){if(16!=e.length||16!=t.length)throw"3D matrices must be arrays of 16 length.";for(var n=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],r=0;r<4;r++)for(var a=0;a<4;a++)for(var i=0;i<4;i++)n[r+4*a]+=Number(e[r+4*i])*Number(t[i+4*a]);return n},b.cacheScopedStaticStyles=function(e){let t=_("*",e);for(let e of t)e.hasAttribute("style")&&e.setAttribute(g,e.getAttribute("style"))},b.clearDynamicStyles=function(e){let t=_("*",e);for(let e of t)e.removeAttribute("style"),e.hasAttribute(g)&&e.setAttribute("style",e.getAttribute(g))},b.scopeToEl=function(e){return m.scopeStack.unshift(e),this},b.unscope=function(){return m.scopeStack.shift(),this},k){let e=k[w].split("|");for(var C in e)m.extendDothtml(e[C].toLowerCase(),e[C].replace(new RegExp("-","g"),""),w)}t.default=b},718:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0}),t.AllAngleUnits=t.AllLengthUnits=void 0,t.AllLengthUnits=[{unit:"Em"},{unit:"Ex"},{unit:"Ch"},{unit:"Rem"},{unit:"Vw"},{unit:"Vh"},{unit:"Vmin"},{unit:"Vmax"},{unit:"%",jsName:"P"},{unit:"Cm"},{unit:"Mm"},{unit:"In"},{unit:"Px"},{unit:"Pt"},{unit:"Pc"}],t.AllAngleUnits=[{unit:"Deg"},{unit:"Grad"},{unit:"Rad"},{unit:"Turn"}]}},t={},n=function n(r){var a=t[r];if(void 0!==a)return a.exports;var i=t[r]={exports:{}};return e[r].call(i.exports,i,i.exports,n),i.exports}(220);module.exports=n})();
package/lib/styling/i-dotcss.d.ts CHANGED
@@ -5,6 +5,7 @@ export declare type AllUnits = AbsoluteUnits | RelativeUnits;
5
5
  export declare type OptionalWhitespace = "" | " ";
6
6
  export declare type UrlType = `url('${string}')`;
7
7
  export declare type NumericLength = number | `${number}${AllUnits}`;
8
+ export declare type NumericLengthOrAuto = NumericLength | "auto";
8
9
  export declare type AngleUnits = "deg" | "turn" | "rad" | "grad";
9
10
  export declare type NumericAngle = number | `${number}${AngleUnits}`;
10
11
  export declare type Percentage = number | `${number}%`;
@@ -271,7 +272,7 @@ export interface IDotcssProp {
271
272
  borderWidthVw: IDotcssAnimatable<number>;
272
273
  borderWidthVMax: IDotcssAnimatable<number>;
273
274
  borderWidthVMin: IDotcssAnimatable<number>;
274
- bottom: IDotcssAnimatable<NumericLength>;
275
+ bottom: IDotcssAnimatable<NumericLengthOrAuto>;
275
276
  bottomCm: IDotcssAnimatable<number>;
276
277
  bottomCh: IDotcssAnimatable<number>;
277
278
  bottomEm: IDotcssAnimatable<number>;
@@ -303,7 +304,7 @@ export interface IDotcssProp {
303
304
  gapVw: IDotcssAnimatable<number>;
304
305
  gapVMax: IDotcssAnimatable<number>;
305
306
  gapVMin: IDotcssAnimatable<number>;
306
- height: IDotcssAnimatable<NumericLength>;
307
+ height: IDotcssAnimatable<NumericLengthOrAuto>;
307
308
  heightCm: IDotcssAnimatable<number>;
308
309
  heightCh: IDotcssAnimatable<number>;
309
310
  heightEm: IDotcssAnimatable<number>;
@@ -319,7 +320,7 @@ export interface IDotcssProp {
319
320
  heightVw: IDotcssAnimatable<number>;
320
321
  heightVMax: IDotcssAnimatable<number>;
321
322
  heightVMin: IDotcssAnimatable<number>;
322
- left: IDotcssAnimatable<NumericLength>;
323
+ left: IDotcssAnimatable<NumericLengthOrAuto>;
323
324
  leftCm: IDotcssAnimatable<number>;
324
325
  leftCh: IDotcssAnimatable<number>;
325
326
  leftEm: IDotcssAnimatable<number>;
@@ -335,7 +336,7 @@ export interface IDotcssProp {
335
336
  leftVw: IDotcssAnimatable<number>;
336
337
  leftVMax: IDotcssAnimatable<number>;
337
338
  leftVMin: IDotcssAnimatable<number>;
338
- margin: IDotcssAnimatable<NumericLength>;
339
+ margin: IDotcssAnimatable<NumericLengthOrAuto>;
339
340
  marginCm: IDotcssAnimatable<number>;
340
341
  marginCh: IDotcssAnimatable<number>;
341
342
  marginEm: IDotcssAnimatable<number>;
@@ -351,7 +352,7 @@ export interface IDotcssProp {
351
352
  marginVw: IDotcssAnimatable<number>;
352
353
  marginVMax: IDotcssAnimatable<number>;
353
354
  marginVMin: IDotcssAnimatable<number>;
354
- marginBottom: IDotcssAnimatable<NumericLength>;
355
+ marginBottom: IDotcssAnimatable<NumericLengthOrAuto>;
355
356
  marginBottomCm: IDotcssAnimatable<number>;
356
357
  marginBottomCh: IDotcssAnimatable<number>;
357
358
  marginBottomEm: IDotcssAnimatable<number>;
@@ -367,7 +368,7 @@ export interface IDotcssProp {
367
368
  marginBottomVw: IDotcssAnimatable<number>;
368
369
  marginBottomVMax: IDotcssAnimatable<number>;
369
370
  marginBottomVMin: IDotcssAnimatable<number>;
370
- marginLeft: IDotcssAnimatable<NumericLength>;
371
+ marginLeft: IDotcssAnimatable<NumericLengthOrAuto>;
371
372
  marginLeftCm: IDotcssAnimatable<number>;
372
373
  marginLeftCh: IDotcssAnimatable<number>;
373
374
  marginLeftEm: IDotcssAnimatable<number>;
@@ -383,7 +384,7 @@ export interface IDotcssProp {
383
384
  marginLeftVw: IDotcssAnimatable<number>;
384
385
  marginLeftVMax: IDotcssAnimatable<number>;
385
386
  marginLeftVMin: IDotcssAnimatable<number>;
386
- marginRight: IDotcssAnimatable<NumericLength>;
387
+ marginRight: IDotcssAnimatable<NumericLengthOrAuto>;
387
388
  marginRightCm: IDotcssAnimatable<number>;
388
389
  marginRightCh: IDotcssAnimatable<number>;
389
390
  marginRightEm: IDotcssAnimatable<number>;
@@ -399,7 +400,7 @@ export interface IDotcssProp {
399
400
  marginRightVw: IDotcssAnimatable<number>;
400
401
  marginRightVMax: IDotcssAnimatable<number>;
401
402
  marginRightVMin: IDotcssAnimatable<number>;
402
- marginTop: IDotcssAnimatable<NumericLength>;
403
+ marginTop: IDotcssAnimatable<NumericLengthOrAuto>;
403
404
  marginTopCm: IDotcssAnimatable<number>;
404
405
  marginTopCh: IDotcssAnimatable<number>;
405
406
  marginTopEm: IDotcssAnimatable<number>;
@@ -415,7 +416,7 @@ export interface IDotcssProp {
415
416
  marginTopVw: IDotcssAnimatable<number>;
416
417
  marginTopVMax: IDotcssAnimatable<number>;
417
418
  marginTopVMin: IDotcssAnimatable<number>;
418
- maxHeight: IDotcssAnimatable<NumericLength>;
419
+ maxHeight: IDotcssAnimatable<NumericLengthOrAuto>;
419
420
  maxHeightCm: IDotcssAnimatable<number>;
420
421
  maxHeightCh: IDotcssAnimatable<number>;
421
422
  maxHeightEm: IDotcssAnimatable<number>;
@@ -431,7 +432,7 @@ export interface IDotcssProp {
431
432
  maxHeightVw: IDotcssAnimatable<number>;
432
433
  maxHeightVMax: IDotcssAnimatable<number>;
433
434
  maxHeightVMin: IDotcssAnimatable<number>;
434
- maxWidth: IDotcssAnimatable<NumericLength>;
435
+ maxWidth: IDotcssAnimatable<NumericLengthOrAuto>;
435
436
  maxWidthCm: IDotcssAnimatable<number>;
436
437
  maxWidthCh: IDotcssAnimatable<number>;
437
438
  maxWidthEm: IDotcssAnimatable<number>;
@@ -447,7 +448,7 @@ export interface IDotcssProp {
447
448
  maxWidthVw: IDotcssAnimatable<number>;
448
449
  maxWidthVMax: IDotcssAnimatable<number>;
449
450
  maxWidthVMin: IDotcssAnimatable<number>;
450
- minHeight: IDotcssAnimatable<NumericLength>;
451
+ minHeight: IDotcssAnimatable<NumericLengthOrAuto>;
451
452
  minHeightCm: IDotcssAnimatable<number>;
452
453
  minHeightCh: IDotcssAnimatable<number>;
453
454
  minHeightEm: IDotcssAnimatable<number>;
@@ -463,7 +464,7 @@ export interface IDotcssProp {
463
464
  minHeightVw: IDotcssAnimatable<number>;
464
465
  minHeightVMax: IDotcssAnimatable<number>;
465
466
  minHeightVMin: IDotcssAnimatable<number>;
466
- minWidth: IDotcssAnimatable<NumericLength>;
467
+ minWidth: IDotcssAnimatable<NumericLengthOrAuto>;
467
468
  minWidthCm: IDotcssAnimatable<number>;
468
469
  minWidthCh: IDotcssAnimatable<number>;
469
470
  minWidthEm: IDotcssAnimatable<number>;
@@ -495,7 +496,7 @@ export interface IDotcssProp {
495
496
  outlineOffsetVw: IDotcssAnimatable<number>;
496
497
  outlineOffsetVMax: IDotcssAnimatable<number>;
497
498
  outlineOffsetVMin: IDotcssAnimatable<number>;
498
- padding: IDotcssAnimatable<NumericLength>;
499
+ padding: IDotcssAnimatable<NumericLengthOrAuto>;
499
500
  paddingCm: IDotcssAnimatable<number>;
500
501
  paddingCh: IDotcssAnimatable<number>;
501
502
  paddingEm: IDotcssAnimatable<number>;
@@ -511,7 +512,7 @@ export interface IDotcssProp {
511
512
  paddingVw: IDotcssAnimatable<number>;
512
513
  paddingVMax: IDotcssAnimatable<number>;
513
514
  paddingVMin: IDotcssAnimatable<number>;
514
- paddingBottom: IDotcssAnimatable<NumericLength>;
515
+ paddingBottom: IDotcssAnimatable<NumericLengthOrAuto>;
515
516
  paddingBottomCm: IDotcssAnimatable<number>;
516
517
  paddingBottomCh: IDotcssAnimatable<number>;
517
518
  paddingBottomEm: IDotcssAnimatable<number>;
@@ -527,7 +528,7 @@ export interface IDotcssProp {
527
528
  paddingBottomVw: IDotcssAnimatable<number>;
528
529
  paddingBottomVMax: IDotcssAnimatable<number>;
529
530
  paddingBottomVMin: IDotcssAnimatable<number>;
530
- paddingLeft: IDotcssAnimatable<NumericLength>;
531
+ paddingLeft: IDotcssAnimatable<NumericLengthOrAuto>;
531
532
  paddingLeftCm: IDotcssAnimatable<number>;
532
533
  paddingLeftCh: IDotcssAnimatable<number>;
533
534
  paddingLeftEm: IDotcssAnimatable<number>;
@@ -543,7 +544,7 @@ export interface IDotcssProp {
543
544
  paddingLeftVw: IDotcssAnimatable<number>;
544
545
  paddingLeftVMax: IDotcssAnimatable<number>;
545
546
  paddingLeftVMin: IDotcssAnimatable<number>;
546
- paddingRight: IDotcssAnimatable<NumericLength>;
547
+ paddingRight: IDotcssAnimatable<NumericLengthOrAuto>;
547
548
  paddingRightCm: IDotcssAnimatable<number>;
548
549
  paddingRightCh: IDotcssAnimatable<number>;
549
550
  paddingRightEm: IDotcssAnimatable<number>;
@@ -559,7 +560,7 @@ export interface IDotcssProp {
559
560
  paddingRightVw: IDotcssAnimatable<number>;
560
561
  paddingRightVMax: IDotcssAnimatable<number>;
561
562
  paddingRightVMin: IDotcssAnimatable<number>;
562
- paddingTop: IDotcssAnimatable<NumericLength>;
563
+ paddingTop: IDotcssAnimatable<NumericLengthOrAuto>;
563
564
  paddingTopCm: IDotcssAnimatable<number>;
564
565
  paddingTopCh: IDotcssAnimatable<number>;
565
566
  paddingTopEm: IDotcssAnimatable<number>;
@@ -575,7 +576,7 @@ export interface IDotcssProp {
575
576
  paddingTopVw: IDotcssAnimatable<number>;
576
577
  paddingTopVMax: IDotcssAnimatable<number>;
577
578
  paddingTopVMin: IDotcssAnimatable<number>;
578
- right: IDotcssAnimatable<NumericLength>;
579
+ right: IDotcssAnimatable<NumericLengthOrAuto>;
579
580
  rightCm: IDotcssAnimatable<number>;
580
581
  rightCh: IDotcssAnimatable<number>;
581
582
  rightEm: IDotcssAnimatable<number>;
@@ -591,7 +592,23 @@ export interface IDotcssProp {
591
592
  rightVw: IDotcssAnimatable<number>;
592
593
  rightVMax: IDotcssAnimatable<number>;
593
594
  rightVMin: IDotcssAnimatable<number>;
594
- top: IDotcssAnimatable<NumericLength>;
595
+ textIndent: IDotcssAnimatable<NumericLengthOrAuto>;
596
+ textIndentCm: IDotcssAnimatable<number>;
597
+ textIndentCh: IDotcssAnimatable<number>;
598
+ textIndentEm: IDotcssAnimatable<number>;
599
+ textIndentEx: IDotcssAnimatable<number>;
600
+ textIndentIn: IDotcssAnimatable<number>;
601
+ textIndentMm: IDotcssAnimatable<number>;
602
+ textIndentP: IDotcssAnimatable<number>;
603
+ textIndentPc: IDotcssAnimatable<number>;
604
+ textIndentPt: IDotcssAnimatable<number>;
605
+ textIndentPx: IDotcssAnimatable<number>;
606
+ textIndentRem: IDotcssAnimatable<number>;
607
+ textIndentVh: IDotcssAnimatable<number>;
608
+ textIndentVw: IDotcssAnimatable<number>;
609
+ textIndentVMax: IDotcssAnimatable<number>;
610
+ textIndentVMin: IDotcssAnimatable<number>;
611
+ top: IDotcssAnimatable<NumericLengthOrAuto>;
595
612
  topCm: IDotcssAnimatable<number>;
596
613
  topCh: IDotcssAnimatable<number>;
597
614
  topEm: IDotcssAnimatable<number>;
@@ -607,7 +624,7 @@ export interface IDotcssProp {
607
624
  topVw: IDotcssAnimatable<number>;
608
625
  topVMax: IDotcssAnimatable<number>;
609
626
  topVMin: IDotcssAnimatable<number>;
610
- width: IDotcssAnimatable<NumericLength>;
627
+ width: IDotcssAnimatable<NumericLengthOrAuto>;
611
628
  widthCm: IDotcssAnimatable<number>;
612
629
  widthCh: IDotcssAnimatable<number>;
613
630
  widthEm: IDotcssAnimatable<number>;
@@ -655,7 +672,7 @@ export interface IDotcssProp {
655
672
  fontSizeVw: IDotcssAnimatable<number>;
656
673
  fontSizeVMax: IDotcssAnimatable<number>;
657
674
  fontSizeVMin: IDotcssAnimatable<number>;
658
- flexBasis: IDotcssAnimatable<NumericLength>;
675
+ flexBasis: IDotcssAnimatable<NumericLengthOrAuto>;
659
676
  flexBasisCm: IDotcssAnimatable<number>;
660
677
  flexBasisCh: IDotcssAnimatable<number>;
661
678
  flexBasisEm: IDotcssAnimatable<number>;
@@ -754,7 +771,6 @@ export interface IDotcssProp {
754
771
  textAlign: (value: BasicCommonValues | string) => IDotcssProp;
755
772
  textAlignLast: (value: BasicCommonValues | string) => IDotcssProp;
756
773
  textCombineUpright: (value: BasicCommonValues | string) => IDotcssProp;
757
- textIndent: (value: BasicCommonValues | string) => IDotcssProp;
758
774
  textJustify: (value: BasicCommonValues | string) => IDotcssProp;
759
775
  textTransform: (value: BasicCommonValues | string) => IDotcssProp;
760
776
  whiteSpace: (value: BasicCommonValues | string) => IDotcssProp;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "dothtml",
3
- "version": "5.2.1",
3
+ "version": "5.2.2",
4
4
  "description": "DOThtml is a client-side framework for building single-page applications.",
5
5
  "main": "lib/dothtml.js",
6
6
  "devDependencies": {
package/src/dothtml.ts CHANGED
@@ -2,7 +2,7 @@
2
2
  import dot from "./dot";
3
3
  import Component from "./component";
4
4
 
5
- dot.version = "5.2.1";
5
+ dot.version = "5.2.2";
6
6
  dot.Component = Component;
7
7
 
8
8
  /*! DOThtml (c) Joshua Sideris | dothtml.org/license */
@@ -25,6 +25,8 @@ dot.Component = Component;
25
25
  * - Fixed some color bugs.
26
26
  * - Added a filter builder.
27
27
  * - Added flex gap.
28
+ * - Added "auto" as an accepted value to many length types.
29
+ * - Made textIndent a numeric prop.
28
30
  */
29
31
 
30
32
 
package/src/styling/i-dotcss.ts CHANGED
@@ -6,6 +6,7 @@ export declare type AllUnits = AbsoluteUnits|RelativeUnits;
6
6
  export declare type OptionalWhitespace = ""|" ";
7
7
  export declare type UrlType = `url('${string}')`;
8
8
  export declare type NumericLength = number|`${number}${AllUnits}`;
9
+ export declare type NumericLengthOrAuto = NumericLength|"auto";
9
10
  export declare type AngleUnits = "deg"|"turn"|"rad"|"grad";
10
11
  export declare type NumericAngle = number|`${number}${AngleUnits}`;
11
12
  export declare type Percentage = number|`${number}%`; // Used for filters.
@@ -324,7 +325,7 @@ export interface IDotcssProp{
324
325
  borderWidthVMax: IDotcssAnimatable<number>;
325
326
  borderWidthVMin: IDotcssAnimatable<number>;
326
327
 
327
- bottom: IDotcssAnimatable<NumericLength>;
328
+ bottom: IDotcssAnimatable<NumericLengthOrAuto>;
328
329
  bottomCm: IDotcssAnimatable<number>;
329
330
  bottomCh: IDotcssAnimatable<number>;
330
331
  bottomEm: IDotcssAnimatable<number>;
@@ -358,7 +359,7 @@ export interface IDotcssProp{
358
359
  gapVMax: IDotcssAnimatable<number>;
359
360
  gapVMin: IDotcssAnimatable<number>;
360
361
 
361
- height: IDotcssAnimatable<NumericLength>;
362
+ height: IDotcssAnimatable<NumericLengthOrAuto>;
362
363
  heightCm: IDotcssAnimatable<number>;
363
364
  heightCh: IDotcssAnimatable<number>;
364
365
  heightEm: IDotcssAnimatable<number>;
@@ -375,7 +376,7 @@ export interface IDotcssProp{
375
376
  heightVMax: IDotcssAnimatable<number>;
376
377
  heightVMin: IDotcssAnimatable<number>;
377
378
 
378
- left: IDotcssAnimatable<NumericLength>;
379
+ left: IDotcssAnimatable<NumericLengthOrAuto>;
379
380
  leftCm: IDotcssAnimatable<number>;
380
381
  leftCh: IDotcssAnimatable<number>;
381
382
  leftEm: IDotcssAnimatable<number>;
@@ -392,7 +393,7 @@ export interface IDotcssProp{
392
393
  leftVMax: IDotcssAnimatable<number>;
393
394
  leftVMin: IDotcssAnimatable<number>;
394
395
 
395
- margin: IDotcssAnimatable<NumericLength>;
396
+ margin: IDotcssAnimatable<NumericLengthOrAuto>;
396
397
  marginCm: IDotcssAnimatable<number>;
397
398
  marginCh: IDotcssAnimatable<number>;
398
399
  marginEm: IDotcssAnimatable<number>;
@@ -409,7 +410,7 @@ export interface IDotcssProp{
409
410
  marginVMax: IDotcssAnimatable<number>;
410
411
  marginVMin: IDotcssAnimatable<number>;
411
412
 
412
- marginBottom: IDotcssAnimatable<NumericLength>;
413
+ marginBottom: IDotcssAnimatable<NumericLengthOrAuto>;
413
414
  marginBottomCm: IDotcssAnimatable<number>;
414
415
  marginBottomCh: IDotcssAnimatable<number>;
415
416
  marginBottomEm: IDotcssAnimatable<number>;
@@ -426,7 +427,7 @@ export interface IDotcssProp{
426
427
  marginBottomVMax: IDotcssAnimatable<number>;
427
428
  marginBottomVMin: IDotcssAnimatable<number>;
428
429
 
429
- marginLeft: IDotcssAnimatable<NumericLength>;
430
+ marginLeft: IDotcssAnimatable<NumericLengthOrAuto>;
430
431
  marginLeftCm: IDotcssAnimatable<number>;
431
432
  marginLeftCh: IDotcssAnimatable<number>;
432
433
  marginLeftEm: IDotcssAnimatable<number>;
@@ -443,7 +444,7 @@ export interface IDotcssProp{
443
444
  marginLeftVMax: IDotcssAnimatable<number>;
444
445
  marginLeftVMin: IDotcssAnimatable<number>;
445
446
 
446
- marginRight: IDotcssAnimatable<NumericLength>;
447
+ marginRight: IDotcssAnimatable<NumericLengthOrAuto>;
447
448
  marginRightCm: IDotcssAnimatable<number>;
448
449
  marginRightCh: IDotcssAnimatable<number>;
449
450
  marginRightEm: IDotcssAnimatable<number>;
@@ -460,7 +461,7 @@ export interface IDotcssProp{
460
461
  marginRightVMax: IDotcssAnimatable<number>;
461
462
  marginRightVMin: IDotcssAnimatable<number>;
462
463
 
463
- marginTop: IDotcssAnimatable<NumericLength>;
464
+ marginTop: IDotcssAnimatable<NumericLengthOrAuto>;
464
465
  marginTopCm: IDotcssAnimatable<number>;
465
466
  marginTopCh: IDotcssAnimatable<number>;
466
467
  marginTopEm: IDotcssAnimatable<number>;
@@ -477,7 +478,7 @@ export interface IDotcssProp{
477
478
  marginTopVMax: IDotcssAnimatable<number>;
478
479
  marginTopVMin: IDotcssAnimatable<number>;
479
480
 
480
- maxHeight: IDotcssAnimatable<NumericLength>;
481
+ maxHeight: IDotcssAnimatable<NumericLengthOrAuto>;
481
482
  maxHeightCm: IDotcssAnimatable<number>;
482
483
  maxHeightCh: IDotcssAnimatable<number>;
483
484
  maxHeightEm: IDotcssAnimatable<number>;
@@ -494,7 +495,7 @@ export interface IDotcssProp{
494
495
  maxHeightVMax: IDotcssAnimatable<number>;
495
496
  maxHeightVMin: IDotcssAnimatable<number>;
496
497
 
497
- maxWidth: IDotcssAnimatable<NumericLength>;
498
+ maxWidth: IDotcssAnimatable<NumericLengthOrAuto>;
498
499
  maxWidthCm: IDotcssAnimatable<number>;
499
500
  maxWidthCh: IDotcssAnimatable<number>;
500
501
  maxWidthEm: IDotcssAnimatable<number>;
@@ -511,7 +512,7 @@ export interface IDotcssProp{
511
512
  maxWidthVMax: IDotcssAnimatable<number>;
512
513
  maxWidthVMin: IDotcssAnimatable<number>;
513
514
 
514
- minHeight: IDotcssAnimatable<NumericLength>;
515
+ minHeight: IDotcssAnimatable<NumericLengthOrAuto>;
515
516
  minHeightCm: IDotcssAnimatable<number>;
516
517
  minHeightCh: IDotcssAnimatable<number>;
517
518
  minHeightEm: IDotcssAnimatable<number>;
@@ -528,7 +529,7 @@ export interface IDotcssProp{
528
529
  minHeightVMax: IDotcssAnimatable<number>;
529
530
  minHeightVMin: IDotcssAnimatable<number>;
530
531
 
531
- minWidth: IDotcssAnimatable<NumericLength>;
532
+ minWidth: IDotcssAnimatable<NumericLengthOrAuto>;
532
533
  minWidthCm: IDotcssAnimatable<number>;
533
534
  minWidthCh: IDotcssAnimatable<number>;
534
535
  minWidthEm: IDotcssAnimatable<number>;
@@ -562,7 +563,7 @@ export interface IDotcssProp{
562
563
  outlineOffsetVMax: IDotcssAnimatable<number>;
563
564
  outlineOffsetVMin: IDotcssAnimatable<number>;
564
565
 
565
- padding: IDotcssAnimatable<NumericLength>;
566
+ padding: IDotcssAnimatable<NumericLengthOrAuto>;
566
567
  paddingCm: IDotcssAnimatable<number>;
567
568
  paddingCh: IDotcssAnimatable<number>;
568
569
  paddingEm: IDotcssAnimatable<number>;
@@ -579,7 +580,7 @@ export interface IDotcssProp{
579
580
  paddingVMax: IDotcssAnimatable<number>;
580
581
  paddingVMin: IDotcssAnimatable<number>;
581
582
 
582
- paddingBottom: IDotcssAnimatable<NumericLength>;
583
+ paddingBottom: IDotcssAnimatable<NumericLengthOrAuto>;
583
584
  paddingBottomCm: IDotcssAnimatable<number>;
584
585
  paddingBottomCh: IDotcssAnimatable<number>;
585
586
  paddingBottomEm: IDotcssAnimatable<number>;
@@ -596,7 +597,7 @@ export interface IDotcssProp{
596
597
  paddingBottomVMax: IDotcssAnimatable<number>;
597
598
  paddingBottomVMin: IDotcssAnimatable<number>;
598
599
 
599
- paddingLeft: IDotcssAnimatable<NumericLength>;
600
+ paddingLeft: IDotcssAnimatable<NumericLengthOrAuto>;
600
601
  paddingLeftCm: IDotcssAnimatable<number>;
601
602
  paddingLeftCh: IDotcssAnimatable<number>;
602
603
  paddingLeftEm: IDotcssAnimatable<number>;
@@ -613,7 +614,7 @@ export interface IDotcssProp{
613
614
  paddingLeftVMax: IDotcssAnimatable<number>;
614
615
  paddingLeftVMin: IDotcssAnimatable<number>;
615
616
 
616
- paddingRight: IDotcssAnimatable<NumericLength>;
617
+ paddingRight: IDotcssAnimatable<NumericLengthOrAuto>;
617
618
  paddingRightCm: IDotcssAnimatable<number>;
618
619
  paddingRightCh: IDotcssAnimatable<number>;
619
620
  paddingRightEm: IDotcssAnimatable<number>;
@@ -630,7 +631,7 @@ export interface IDotcssProp{
630
631
  paddingRightVMax: IDotcssAnimatable<number>;
631
632
  paddingRightVMin: IDotcssAnimatable<number>;
632
633
 
633
- paddingTop: IDotcssAnimatable<NumericLength>;
634
+ paddingTop: IDotcssAnimatable<NumericLengthOrAuto>;
634
635
  paddingTopCm: IDotcssAnimatable<number>;
635
636
  paddingTopCh: IDotcssAnimatable<number>;
636
637
  paddingTopEm: IDotcssAnimatable<number>;
@@ -647,7 +648,7 @@ export interface IDotcssProp{
647
648
  paddingTopVMax: IDotcssAnimatable<number>;
648
649
  paddingTopVMin: IDotcssAnimatable<number>;
649
650
 
650
- right: IDotcssAnimatable<NumericLength>;
651
+ right: IDotcssAnimatable<NumericLengthOrAuto>;
651
652
  rightCm: IDotcssAnimatable<number>;
652
653
  rightCh: IDotcssAnimatable<number>;
653
654
  rightEm: IDotcssAnimatable<number>;
@@ -664,7 +665,24 @@ export interface IDotcssProp{
664
665
  rightVMax: IDotcssAnimatable<number>;
665
666
  rightVMin: IDotcssAnimatable<number>;
666
667
 
667
- top: IDotcssAnimatable<NumericLength>;
668
+ textIndent: IDotcssAnimatable<NumericLengthOrAuto>;
669
+ textIndentCm: IDotcssAnimatable<number>;
670
+ textIndentCh: IDotcssAnimatable<number>;
671
+ textIndentEm: IDotcssAnimatable<number>;
672
+ textIndentEx: IDotcssAnimatable<number>;
673
+ textIndentIn: IDotcssAnimatable<number>;
674
+ textIndentMm: IDotcssAnimatable<number>;
675
+ textIndentP: IDotcssAnimatable<number>;
676
+ textIndentPc: IDotcssAnimatable<number>;
677
+ textIndentPt: IDotcssAnimatable<number>;
678
+ textIndentPx: IDotcssAnimatable<number>;
679
+ textIndentRem: IDotcssAnimatable<number>;
680
+ textIndentVh: IDotcssAnimatable<number>;
681
+ textIndentVw: IDotcssAnimatable<number>;
682
+ textIndentVMax: IDotcssAnimatable<number>;
683
+ textIndentVMin: IDotcssAnimatable<number>;
684
+
685
+ top: IDotcssAnimatable<NumericLengthOrAuto>;
668
686
  topCm: IDotcssAnimatable<number>;
669
687
  topCh: IDotcssAnimatable<number>;
670
688
  topEm: IDotcssAnimatable<number>;
@@ -681,7 +699,7 @@ export interface IDotcssProp{
681
699
  topVMax: IDotcssAnimatable<number>;
682
700
  topVMin: IDotcssAnimatable<number>;
683
701
 
684
- width: IDotcssAnimatable<NumericLength>;
702
+ width: IDotcssAnimatable<NumericLengthOrAuto>;
685
703
  widthCm: IDotcssAnimatable<number>;
686
704
  widthCh: IDotcssAnimatable<number>;
687
705
  widthEm: IDotcssAnimatable<number>;
@@ -732,7 +750,7 @@ export interface IDotcssProp{
732
750
  fontSizeVMax: IDotcssAnimatable<number>;
733
751
  fontSizeVMin: IDotcssAnimatable<number>;
734
752
 
735
- flexBasis: IDotcssAnimatable<NumericLength>;
753
+ flexBasis: IDotcssAnimatable<NumericLengthOrAuto>;
736
754
  flexBasisCm: IDotcssAnimatable<number>;
737
755
  flexBasisCh: IDotcssAnimatable<number>;
738
756
  flexBasisEm: IDotcssAnimatable<number>;
@@ -845,7 +863,6 @@ export interface IDotcssProp{
845
863
  textAlign: (value: BasicCommonValues|string)=>IDotcssProp
846
864
  textAlignLast: (value: BasicCommonValues|string)=>IDotcssProp
847
865
  textCombineUpright: (value: BasicCommonValues|string)=>IDotcssProp
848
- textIndent: (value: BasicCommonValues|string)=>IDotcssProp
849
866
  textJustify: (value: BasicCommonValues|string)=>IDotcssProp
850
867
  textTransform: (value: BasicCommonValues|string)=>IDotcssProp
851
868
  whiteSpace: (value: BasicCommonValues|string)=>IDotcssProp
package/src/styling/style-builder.ts CHANGED
@@ -20,7 +20,7 @@ import CssFilter from "./css-types.ts/css-filter";
20
20
  * - Hid _Builder and _StyleProperty.
21
21
  * - Increased compatibility with IE 8, 9, and 10.
22
22
  * - Allowed 0-length animations.
23
- * 5.1
23
+ * 5.1
24
24
  * - Typified style builder.
25
25
  * - Fixed up transformations and redid transform builder.
26
26
  * - Removed some old junk.
@@ -34,26 +34,26 @@ class Dotcss2{
34
34
  //Inverse of framerate in ms/frame.
35
35
  // Used for old browsers that don't support requestAnimationFrameframe.
36
36
  fxInterval = 1000/60;
37
-
37
+
38
38
  lastBuilder: _Builder = null;
39
39
  scopeStack: Array<HTMLElement> = [];
40
40
 
41
41
  globalStyleElement: HTMLStyleElement = null;
42
42
 
43
43
  animateFull(
44
- element: HTMLElement,
45
- jsFriendlyProp: string,
46
- propType: string,
47
- startValue: any,
48
- targetValue: any,
49
- finalValue: any,
50
- currentTime: number,
51
- totalDuration: number,
52
- animationStyle: AnimationType,
53
- callback: Function,
44
+ element: HTMLElement,
45
+ jsFriendlyProp: string,
46
+ propType: string,
47
+ startValue: any,
48
+ targetValue: any,
49
+ finalValue: any,
50
+ currentTime: number,
51
+ totalDuration: number,
52
+ animationStyle: AnimationType,
53
+ callback: Function,
54
54
  lastValue?: any){
55
55
  if(lastValue && element.style[jsFriendlyProp] != lastValue) return; //Animation can be cancelled any time by setting the value directly.
56
-
56
+
57
57
  if(totalDuration - currentTime > 0){
58
58
  switch(propType){
59
59
  case "color":
@@ -98,14 +98,14 @@ class Dotcss2{
98
98
  newVal += dotcss.formatNumberValue(numberStep(startValue.numbers[i], targetValue.numbers[i], currentTime, totalDuration, animationStyle))
99
99
  }
100
100
  newVal += startValue.parts[startValue.parts.length - 1];
101
-
101
+
102
102
  dotcss(element)[jsFriendlyProp](newVal);
103
103
  break;
104
104
  default:
105
105
  console.warn("Unexpected data type for animation.");
106
106
  }
107
107
  }
108
-
108
+
109
109
  var now = (window.performance && window.performance.now) ? window.performance.now() : null;
110
110
  //var reachedAnimFrame = false;
111
111
  //TODO: there could be a memory leak here. Need to investigate.
@@ -133,7 +133,7 @@ class Dotcss2{
133
133
  //Create the new function by extending the builder.
134
134
  let _b = _Builder.prototype;
135
135
  _b[jsFriendlyProp] = function(){
136
-
136
+
137
137
  if(arguments.length == 0) return this;
138
138
  var args = [];
139
139
  for(var i = 0; i < arguments.length; i++) args.push(arguments[i]);
@@ -141,8 +141,8 @@ class Dotcss2{
141
141
  // TODO: Why can't I just pass arguments directly into this function?
142
142
  // Try it.
143
143
  var value = dotcss2.convertStyleIntoDotCssObject(args, type).toString();
144
-
145
-
144
+
145
+
146
146
  var newCss = prop + ":" + value + ";";
147
147
  this.currentCss += newCss;
148
148
  // console.log(`SETTING ${jsFriendlyProp}:`, this.toString());
@@ -156,12 +156,12 @@ class Dotcss2{
156
156
  else t.style[jsFriendlyProp] = value;
157
157
  }
158
158
  }
159
-
159
+
160
160
  return this;
161
161
  }
162
162
  //Add the new function to the dotcss object so that it can be accessed without doing dotcss().
163
163
  dotcss2.addPropFunctionToDotCssObject(jsFriendlyProp);
164
-
164
+
165
165
  //Each unit of length will also have its own version of this function (assuming this is a length property).
166
166
  if(type == "length"){
167
167
  for(var u = 0; u < AllLengthUnits.length; u++){
@@ -175,7 +175,7 @@ class Dotcss2{
175
175
  dotcss2.addPropFunctionToDotCssObject(jsFriendlyProp + (uu.jsName || uu.unit));
176
176
  }
177
177
  }
178
-
178
+
179
179
  //_b[jsFriendlyProp].__proto__ = Object.create(_StyleProperty.prototype);
180
180
  _b[jsFriendlyProp].type = type;
181
181
  _b[jsFriendlyProp].jsFriendlyProp = jsFriendlyProp;
@@ -197,7 +197,7 @@ class Dotcss2{
197
197
  else if (cssDataType == "transformation") return (new CssTransform(value[0])).toString()
198
198
  else if (cssDataType == "filter") return (new CssFilter(value[0])).toString()
199
199
  else{
200
- if(value[0] === ""
200
+ if(value[0] === ""
201
201
  || (
202
202
  (isNaN(value[0]))
203
203
  && ("" + value[0]).replace(floatRegex, "") == value[0])
@@ -205,7 +205,7 @@ class Dotcss2{
205
205
  if(isNaN(value[0])) return new CssComplex(value[0]); //Numbers
206
206
  else return new CssNumber(value[0]); //Just a number.
207
207
  }
208
-
208
+
209
209
  };
210
210
 
211
211
  //Ensures that two complex values match.
@@ -219,7 +219,7 @@ class Dotcss2{
219
219
  return true;
220
220
  };
221
221
 
222
- //Adds a builder function directly to the dotcss object so that dotcss doesn't
222
+ //Adds a builder function directly to the dotcss object so that dotcss doesn't
223
223
  //have to be used as a function when a target doesn't need to be specified.
224
224
  addPropFunctionToDotCssObject(funcName){
225
225
  dotcss[funcName] = function(){
@@ -269,13 +269,13 @@ const dotcss = function(query:Array<HTMLElement>|HTMLElement|Array<string>|strin
269
269
  target[0].innerHTML += query + "{}\r\n";
270
270
  }
271
271
  else {
272
- // This is overly complicated, but here is the spiel.
272
+ // This is overly complicated, but here is the spiel.
273
273
  // If there's an element on the scopeStack, it should be used with the querySelectorAll.
274
- // BUT, querySelectorAll doesn't actually select the element it's currently on, which is a requirement for dothtml.
274
+ // BUT, querySelectorAll doesn't actually select the element it's currently on, which is a requirement for dothtml.
275
275
  // To make matters worse, if we do querySelectorAll on the element's parents, we may accidentally select its siblings!!
276
- // To fix this, we get a list from querySelectorAll on the element, then push the element itself to that list
277
- // iff it is in the list of elements queried from its parent.
278
- // In addition to all of that, we don't want scoped styles to be applied to child components.
276
+ // To fix this, we get a list from querySelectorAll on the element, then push the element itself to that list
277
+ // iff it is in the list of elements queried from its parent.
278
+ // In addition to all of that, we don't want scoped styles to be applied to child components.
279
279
  var s0 = dotcss2.scopeStack[0];
280
280
  // if(s0 instanceof Component){
281
281
  // s0 = s0.$el;
@@ -315,10 +315,10 @@ function getScopedNodeList(query: String, s0: Element): Array<HTMLElement>{
315
315
 
316
316
  // Is it a nested component??
317
317
  if(T["__dothtml_component"]){
318
- // It's a component. Remove it, and all of it's descendants.
318
+ // It's a component. Remove it, and all of it's descendants.
319
319
  target.splice(t, 1);
320
320
  t--;
321
-
321
+
322
322
  var subTargets = T.querySelectorAll(query as any);
323
323
  for(var s = 0; s < subTargets.length; s++){
324
324
  let S = subTargets[s];
@@ -334,7 +334,7 @@ function getScopedNodeList(query: String, s0: Element): Array<HTMLElement>{
334
334
  if(p != -1){
335
335
  target.unshift(parentTargets[p]);
336
336
  }
337
-
337
+
338
338
  return target;
339
339
  }
340
340
 
@@ -386,7 +386,7 @@ export class _Builder{
386
386
  ops.complete = arg0O.complete || (typeof arguments[1] == "function" ? arguments[1] : (typeof arguments[2] == "function" ? arguments[2] : function(){}));
387
387
  ops.hideStyle = arg0O.hideStyle || "normal";
388
388
  ops.animationStyle = arg0O.animationStyle || (typeof arguments[1] == "string" ? arguments[1] as any : "ease");
389
-
389
+
390
390
  if(ops.duration > 0){
391
391
  let doneCnt = 0;
392
392
  let m = 0;
@@ -411,7 +411,7 @@ export class _Builder{
411
411
  dotcss(t).display("none").height(h);
412
412
  doneCnt++; if(doneCnt >= m * q) ops.complete(that);
413
413
  });
414
- })(this, this.targets[i], w, h, ov);
414
+ })(this, this.targets[i], w, h, ov);
415
415
  }
416
416
  if(ops.hideStyle != "shrink"){
417
417
  m++;
@@ -477,7 +477,7 @@ export class _Builder{
477
477
  m += 2;
478
478
  let w = ops.width || this.targets[i].style.width as NumericLength;
479
479
  let h = ops.height || this.targets[i].style.height as NumericLength;
480
-
480
+
481
481
  dotcss(this.targets[i]).width(0);
482
482
  dotcss(this.targets[i]).height(0);
483
483
  // console.log(doneCnt + " " + q*m);
@@ -504,15 +504,15 @@ export class _Builder{
504
504
 
505
505
  fadeOut(duration, complete){
506
506
  return this.hide({
507
- duration: isNaN(duration) ? 400 : Number(duration),
507
+ duration: isNaN(duration) ? 400 : Number(duration),
508
508
  hideStyle: "fade",
509
509
  complete: complete
510
510
  });
511
511
  };
512
-
512
+
513
513
  fadeIn(duration, complete){
514
514
  return this.show({
515
- duration: isNaN(duration) ? 400 : Number(duration),
515
+ duration: isNaN(duration) ? 400 : Number(duration),
516
516
  showStyle: "fade",
517
517
  complete: complete
518
518
  });
@@ -547,7 +547,7 @@ class _StyleProperty{
547
547
  }
548
548
  else return null;
549
549
  }
550
-
550
+
551
551
  //val is another special function that breaks the value into a special object.
552
552
  val(){
553
553
  if(dotcss2.lastBuilder.targets){
@@ -572,7 +572,7 @@ class _StyleProperty{
572
572
  }
573
573
  else return null;
574
574
  }
575
-
575
+
576
576
  //Ability to animate just like jquery.
577
577
  //complete does not get called if the animation was cancelled.
578
578
  animate(value, duration, style, complete){
@@ -587,10 +587,10 @@ class _StyleProperty{
587
587
  let oldValue = null;
588
588
  let newValue = null;
589
589
  let finalValue = null; //newValue might be in different units from the final value...
590
-
590
+
591
591
  //Get the old and new values.
592
592
  newValue = dotcss2.convertStyleIntoDotCssObject(value, this.type);
593
-
593
+
594
594
  //If it's a transformation, a little extra work is required.
595
595
  //Need to frame all the rotations properly, and combine both the new and the old transformations.
596
596
  if(this.type == "transformation"){
@@ -602,11 +602,11 @@ class _StyleProperty{
602
602
  if(!oldValue){ //Standard. Happens when the type is not a transformation.
603
603
  oldValue = dotcss2.convertStyleIntoDotCssObject(dotcss2.computedStyleOrActualStyle(target, this.jsFriendlyProp), this.type);
604
604
  }
605
-
605
+
606
606
  finalValue = newValue.toString();
607
-
607
+
608
608
  //Do a little type/unit checking.
609
-
609
+
610
610
  if(this.type == "length"){
611
611
  if(oldValue.units != newValue.units){
612
612
  //Need to rectify this.
@@ -627,7 +627,7 @@ class _StyleProperty{
627
627
  oldValue.units = "px";
628
628
  newValue.length = newLengthPx;
629
629
  newValue.units = "px";
630
-
630
+
631
631
  //Won't need this anymore.
632
632
  //console.warn("Couldn't animate " + this.jsFriendlyProp + ". Inconsistent units.");
633
633
  //return dotcss2._lastBuilder;
@@ -639,7 +639,7 @@ class _StyleProperty{
639
639
  //Couple things to do here.
640
640
  //1. The old and new values must contain the exact same transformation template.
641
641
  //2. Angles in the old transformation should be reframed so that they are close to the new angles (or should they)
642
-
642
+
643
643
  let startTransform = "";
644
644
  let desiredTransform = "";
645
645
  let oldIndex = oldValue.transformations.length - 1;
@@ -651,11 +651,11 @@ class _StyleProperty{
651
651
  if(oldIndex >= 0 && newIndex >= 0 && oldValue.transformations[oldIndex].transformation == newValue.transformations[newIndex].transformation){
652
652
  let currentOldT = oldValue.transformations[oldIndex];
653
653
  let currentNewT = newValue.transformations[newIndex];
654
-
654
+
655
655
  transformToAdd = currentOldT.transformation;
656
656
  oldTransformValues = currentOldT.args;
657
657
  newTransformValues = currentNewT.args;
658
-
658
+
659
659
  oldIndex--;
660
660
  newIndex--;
661
661
  }
@@ -699,7 +699,7 @@ class _StyleProperty{
699
699
  }
700
700
  newIndex--;
701
701
  }
702
-
702
+
703
703
  startTransform = ") " + startTransform;
704
704
  desiredTransform = ") " + desiredTransform;
705
705
  //Handle special values here.
@@ -718,7 +718,7 @@ class _StyleProperty{
718
718
  }
719
719
  oldValue = dotcss2.convertStyleIntoDotCssObject(startTransform, "transformation");
720
720
  newValue = dotcss2.convertStyleIntoDotCssObject(desiredTransform, "transformation");
721
-
721
+
722
722
  }
723
723
  else if(oldValue.type == "number" && newValue.type == "number"){} //OK
724
724
  else if(oldValue.type == "complex" && newValue.type == "complex"){
@@ -736,7 +736,7 @@ class _StyleProperty{
736
736
  }
737
737
  return dotcss2.lastBuilder;
738
738
  }
739
-
739
+
740
740
  //Have to add these back since we're going to replace the __proto__ of a function with this new prototype.
741
741
  apply = Function.apply;
742
742
  call = Function.call;
@@ -749,13 +749,14 @@ dotcss.formatNumberValue = function(value, unit){
749
749
  }
750
750
  };
751
751
 
752
+ // TODO: figure out a way to add vMargin, hMargin, vPadding, etc.
752
753
  const _allProps = {
753
754
  color: "color|background-Color|border-Bottom-Color|border-Color|border-Left-Color|border-Right-Color|border-Top-Color|text-Decoration-Color|outline-Color|column-Rule-Color",
754
- length: "background-Size|block-Size|border-Bottom-Left-Radius|border-Bottom-Right-Radius|border-Bottom-Width|border-Image-Width|border-Left-Width|border-Radius|border-Right-Width|border-Top-Left-Radius|border-Top-Right-Radius|border-Top-Width|border-Width|bottom|gap|height|left|margin|margin-Bottom|margin-Left|margin-Right|margin-Top|max-Height|max-Width|min-Height|min-Width|padding|padding-Bottom|padding-Left|padding-Right|padding-Top|right|top|width|line-Height|flex-Basis|font-Size",
755
+ length: "background-Size|block-Size|border-Bottom-Left-Radius|border-Bottom-Right-Radius|border-Bottom-Width|border-Image-Width|border-Left-Width|border-Radius|border-Right-Width|border-Top-Left-Radius|border-Top-Right-Radius|border-Top-Width|border-Width|bottom|gap|height|left|margin|margin-Bottom|margin-Left|margin-Right|margin-Top|max-Height|max-Width|min-Height|min-Width|padding|padding-Bottom|padding-Left|padding-Right|padding-Top|right|top|width|line-Height|flex-Basis|font-Size|text-Indent",
755
756
  url: "background-Image|border-Image|list-Style-Image|content|image-Orientation",
756
757
  transformation: "transform",
757
758
  filter: "filter|backdrop-Filter",
758
- misc: "appearance|aspect-Ratio|opacity|background|background-Attachment|background-Blend-Mode|background-Position|background-Repeat|background-Clip|background-Origin|border|border-Bottom|border-Bottom-Style|border-Image-Outset|border-Image-Repeat|border-Image-Slice|border-Image-Source|border-Left|border-Left-Style|border-Right|border-Right-Style|border-Style|border-Top|border-Top-Style|box-Decoration-Break|box-Shadow|clear|clip|display|float|overflow|box|overflow-X|overflow-Y|position|visibility|vertical-Align|z-Index|align-Content|align-Items|align-Self|flex|flex-Basis|flex-Direction|flex-Flow|flex-Grow|flex-Shrink|flex-Wrap|grid|grid-Area|grid-Auto-Columns|grid-auto-Rows|grid-Column|grid-Column-End|grid-Column-Gap|grid-Column-Start|grid-Gap|grid-Row|grid-Row-End|grid-Row-Gap|grid-Row-Start|grid-Template|grid-Template-Areas|grid-Template-Columns|grid-Template-Rows|justify-Content|order|hanging-Punctuation|hyphens|letter-Spacing|line-Break|overflow-Wrap|tab-Size|text-Align|text-Align-Last|text-Combine-Upright|text-Indent|text-Justify|text-Transform|white-Space|word-Break|word-Spacing|word-Wrap|text-Decoration|text-Decoration-Line|text-Decoration-Style|text-Shadow|text-Underline-Position|font|font-Family|font-Feature-Settings|font-Kerning|font-Language-Override|font-Size-Adjust|font-Stretch|font-Style|font-Synthesis|font-Variant|font-Variant-Alternates|font-Variant-Caps|font-Variant-East-Asian|font-Variant-Ligatures|font-Variant-Numeric|font-Variant-Position|font-Weight|direction|text-Orientation|text-Combine-Upright|unicode-Bidi|user-Select|writing-Mode|border-Collapse|border-Spacing|caption-Side|empty-Cells|table-Layout|counter-Increment|counter-Reset|list-Style|list-Style-Position|list-Style-Type|animation|animation-Delay|animation-Direction|animation-Duration|animation-Fill-Mode|animation-Iteration-Count|animation-Name|animation-Play-State|animation-Timing-Function|backface-Visibility|perspective2d|perspective-Origin|transform-Origin|transform-Style|transition|transition-Property|transition-Duration|transition-Timing-Function|transition-Delay|box-Sizing|cursor|ime-Mode|nav-Down|nav-Index|nav-Left|nav-Right|nav-Up|outline|outline-Offset|outline-Style|outline-Width|resize|text-Overflow|break-After|break-Before|break-Inside|column-Count|column-Fill|column-Gap|column-Rule|column-Rule-Style|column-Rule-Width|column-Span|column-Width|columns|widows|orphans|page-Break-After|page-Break-Before|page-Break-Inside|marks|quotes|image-Rendering|image-Resolution|object-Fit|object-Position|mask|mask-Type|mark|mark-After|mark-Before|phonemes|rest|rest-After|rest-Before|voice-Balance|voice-Duration|voice-Pitch|voice-Pitch-Range|voice-Rate|voice-Stress|voice-Volume|marquee-Direction|marquee-Play-Count|marquee-Speed|marquee-Style|pointer-Events"
759
+ misc: "appearance|aspect-Ratio|opacity|background|background-Attachment|background-Blend-Mode|background-Position|background-Repeat|background-Clip|background-Origin|border|border-Bottom|border-Bottom-Style|border-Image-Outset|border-Image-Repeat|border-Image-Slice|border-Image-Source|border-Left|border-Left-Style|border-Right|border-Right-Style|border-Style|border-Top|border-Top-Style|box-Decoration-Break|box-Shadow|clear|clip|display|float|overflow|box|overflow-X|overflow-Y|position|visibility|vertical-Align|z-Index|align-Content|align-Items|align-Self|flex|flex-Basis|flex-Direction|flex-Flow|flex-Grow|flex-Shrink|flex-Wrap|grid|grid-Area|grid-Auto-Columns|grid-auto-Rows|grid-Column|grid-Column-End|grid-Column-Gap|grid-Column-Start|grid-Gap|grid-Row|grid-Row-End|grid-Row-Gap|grid-Row-Start|grid-Template|grid-Template-Areas|grid-Template-Columns|grid-Template-Rows|justify-Content|order|hanging-Punctuation|hyphens|letter-Spacing|line-Break|overflow-Wrap|tab-Size|text-Align|text-Align-Last|text-Combine-Upright|text-Justify|text-Transform|white-Space|word-Break|word-Spacing|word-Wrap|text-Decoration|text-Decoration-Line|text-Decoration-Style|text-Shadow|text-Underline-Position|font|font-Family|font-Feature-Settings|font-Kerning|font-Language-Override|font-Size-Adjust|font-Stretch|font-Style|font-Synthesis|font-Variant|font-Variant-Alternates|font-Variant-Caps|font-Variant-East-Asian|font-Variant-Ligatures|font-Variant-Numeric|font-Variant-Position|font-Weight|direction|text-Orientation|text-Combine-Upright|unicode-Bidi|user-Select|writing-Mode|border-Collapse|border-Spacing|caption-Side|empty-Cells|table-Layout|counter-Increment|counter-Reset|list-Style|list-Style-Position|list-Style-Type|animation|animation-Delay|animation-Direction|animation-Duration|animation-Fill-Mode|animation-Iteration-Count|animation-Name|animation-Play-State|animation-Timing-Function|backface-Visibility|perspective2d|perspective-Origin|transform-Origin|transform-Style|transition|transition-Property|transition-Duration|transition-Timing-Function|transition-Delay|box-Sizing|cursor|ime-Mode|nav-Down|nav-Index|nav-Left|nav-Right|nav-Up|outline|outline-Offset|outline-Style|outline-Width|resize|text-Overflow|break-After|break-Before|break-Inside|column-Count|column-Fill|column-Gap|column-Rule|column-Rule-Style|column-Rule-Width|column-Span|column-Width|columns|widows|orphans|page-Break-After|page-Break-Before|page-Break-Inside|marks|quotes|image-Rendering|image-Resolution|object-Fit|object-Position|mask|mask-Type|mark|mark-After|mark-Before|phonemes|rest|rest-After|rest-Before|voice-Balance|voice-Duration|voice-Pitch|voice-Pitch-Range|voice-Rate|voice-Stress|voice-Volume|marquee-Direction|marquee-Play-Count|marquee-Speed|marquee-Style|pointer-Events"
759
760
  }
760
761
 
761
762
  // const _allTransforms = [
@@ -958,7 +959,7 @@ export default dotcss;
958
959
  // }
959
960
 
960
961
  // if(isNaN(ref)) throw "Convert the value " + l + " to px for " + prop + " because the value it is relative to is not a number.";
961
-
962
+
962
963
  // if(l.indexOf("%") != -1) return R(N(l.split("%")[0]) * 0.01 * ref);
963
964
  // else throw "The units of " + l + " are not recognized by dotcss.";
964
965
  // }