dothtml 5.0.3 → 5.1.0
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.
- package/.vscode/launch.json +34 -0
- package/.vscode/settings.json +2 -1
- package/lib/component.d.ts +1 -1
- package/lib/dot-util.d.ts +13 -0
- package/lib/dothtml.d.ts +2 -1
- package/lib/dothtml.js +1 -1
- package/lib/i-dot.d.ts +4 -4
- package/lib/styling/css-types.ts/css-angle.d.ts +7 -0
- package/lib/styling/css-types.ts/css-color.d.ts +9 -0
- package/lib/styling/css-types.ts/css-complex.d.ts +7 -0
- package/lib/styling/css-types.ts/css-data-type.d.ts +5 -0
- package/lib/styling/css-types.ts/css-length.d.ts +7 -0
- package/lib/styling/css-types.ts/css-number.d.ts +6 -0
- package/lib/styling/css-types.ts/css-transform.d.ts +38 -0
- package/lib/styling/css-types.ts/css-unknown.d.ts +6 -0
- package/lib/styling/css-types.ts/css-url.d.ts +6 -0
- package/lib/{i-dotcss.d.ts → styling/i-dotcss.d.ts} +192 -42
- package/lib/styling/style-builder.d.ts +24 -0
- package/lib/styling/unit-function-tables.d.ts +10 -0
- package/package.json +2 -2
- package/src/component.ts +1 -1
- package/src/dot-util.ts +37 -1
- package/src/dot.ts +2 -2
- package/src/dothtml.ts +2 -1
- package/src/i-dot.ts +1 -1
- package/src/styling/css-types.ts/css-angle.ts +18 -0
- package/src/styling/css-types.ts/css-color.ts +229 -0
- package/src/styling/css-types.ts/css-complex.ts +20 -0
- package/src/styling/css-types.ts/css-data-type.ts +9 -0
- package/src/styling/css-types.ts/css-length.ts +20 -0
- package/src/styling/css-types.ts/css-number.ts +12 -0
- package/src/styling/css-types.ts/css-transform.ts +220 -0
- package/src/styling/css-types.ts/css-unknown.ts +13 -0
- package/src/styling/css-types.ts/css-url.ts +41 -0
- package/src/{i-dotcss.ts → styling/i-dotcss.ts} +206 -49
- package/src/styling/style-builder.ts +963 -0
- package/src/styling/unit-function-tables.ts +24 -0
- package/unittests/basic-functionality.test.ts +1 -1
- package/unittests/calc.test.ts +2 -0
- package/unittests/{component-decorator.-.ts → components/component-decorator.-.ts} +0 -0
- package/unittests/{components-data.test.ts → components/components-data.test.ts} +3 -3
- package/unittests/{components.test.ts → components/components.test.ts} +5 -4
- package/unittests/input-bindings.test.ts +6 -6
- package/unittests/non-function-props-rerender.test.ts +85 -0
- package/unittests/styling/animations.test.ts +14 -0
- package/unittests/styling/inline-styling.test.ts +18 -0
- package/unittests/styling/pseudo-selectors.test.ts +1 -0
- package/unittests/styling/transformations.test.ts +234 -0
- package/{lib/dot-document.d.ts → unittests/styling/value-interpretation.test.ts} +0 -0
- package/lib/style-builder.d.ts +0 -3
- package/src/dot-document.ts +0 -0
- package/src/style-builder.ts +0 -1516
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
{
|
|
2
|
+
// Use IntelliSense to learn about possible attributes.
|
|
3
|
+
// Hover to view descriptions of existing attributes.
|
|
4
|
+
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
|
|
5
|
+
"version": "0.2.0",
|
|
6
|
+
"configurations": [
|
|
7
|
+
{
|
|
8
|
+
"type": "node",
|
|
9
|
+
"request": "launch",
|
|
10
|
+
"name": "Launch Program",
|
|
11
|
+
"skipFiles": [
|
|
12
|
+
"<node_internals>/**"
|
|
13
|
+
],
|
|
14
|
+
"program": "${workspaceFolder}\\lib\\dothtml.js",
|
|
15
|
+
"outFiles": [
|
|
16
|
+
"${workspaceFolder}/**/*.js"
|
|
17
|
+
]
|
|
18
|
+
},
|
|
19
|
+
|
|
20
|
+
{
|
|
21
|
+
"type": "node",
|
|
22
|
+
"request": "launch",
|
|
23
|
+
"name": "Jest: current file",
|
|
24
|
+
//"env": { "NODE_ENV": "test" },
|
|
25
|
+
"program": "${workspaceFolder}/node_modules/.bin/jest",
|
|
26
|
+
"args": ["${fileBasenameNoExtension}", "--config", "jest.config.ts"],
|
|
27
|
+
"console": "integratedTerminal",
|
|
28
|
+
"disableOptimisticBPs": true,
|
|
29
|
+
"windows": {
|
|
30
|
+
"program": "${workspaceFolder}/node_modules/jest/bin/jest"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
]
|
|
34
|
+
}
|
package/.vscode/settings.json
CHANGED
package/lib/component.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { IDotElement } from "./i-dot";
|
|
2
|
-
import IDotCss from "./i-dotcss";
|
|
2
|
+
import IDotCss from "./styling/i-dotcss";
|
|
3
3
|
declare abstract class Component {
|
|
4
4
|
static initializeComponent<T extends Component>(obj: T): void;
|
|
5
5
|
static build<T extends Component>(obj: T): Element;
|
package/lib/dot-util.d.ts
CHANGED
|
@@ -10,4 +10,17 @@ declare class _ClassPrefix {
|
|
|
10
10
|
}
|
|
11
11
|
export declare const ClassPrefix: _ClassPrefix;
|
|
12
12
|
export declare const GlobalComponentStack: Array<Component>;
|
|
13
|
+
export type AnimationType = "geometric" | "exponential" | "ease" | "linear";
|
|
14
|
+
export declare var floatRegex: RegExp;
|
|
15
|
+
/**
|
|
16
|
+
* Function that takes in a bunch of parameters and steps the start value toward the target based on timeRemaining and style.
|
|
17
|
+
* currentValue is the current value.
|
|
18
|
+
* targetValue is the target valaue.
|
|
19
|
+
* timeRemaining is the time remaining in ms.
|
|
20
|
+
* stepProgress is the size of this step.
|
|
21
|
+
* totalDuration is the duration of the entire animation from start to finish (not just this step).
|
|
22
|
+
* style is the type of transition (geometric=exponential, ease, linear).
|
|
23
|
+
* Returns the result.
|
|
24
|
+
*/
|
|
25
|
+
export declare function numberStep(startValue: number, targetValue: number, currentTime: number, totalDuration: number, style: AnimationType): number;
|
|
13
26
|
export {};
|
package/lib/dothtml.d.ts
CHANGED
|
@@ -17,5 +17,6 @@ import dot from "./dot";
|
|
|
17
17
|
* - Updated scopeClass method to put the optional parameter last.
|
|
18
18
|
*/
|
|
19
19
|
export default dot;
|
|
20
|
+
export { default as DotComponent } from "./component";
|
|
20
21
|
export { IDotElement } from "./i-dot";
|
|
21
|
-
export { default as IDotCss } from "./i-dotcss";
|
|
22
|
+
export { default as IDotCss } from "./styling/i-dotcss";
|
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{constructor(...e){this.__built=!1,this.__stylesSet=!1,this.__eventsInitialized=!1,this.$refs={},this.__args=e}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){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);let t=e.builder(...e.__args).getLast();return(!t||t.parentNode.childNodes.length>1)&&(0,s.default)("C#",e.name||e.constructor.name||"(unnamed obj)"),e.__$el=e.$el||t,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.$updateStyles()),e.built&&e.built(),e.ready&&(0,o.sT)((()=>{o.GlobalComponentStack.push(e),e.ready(),o.GlobalComponentStack.pop()}),0),o.GlobalComponentStack.pop(),e.$el}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)}}static updateProp(e,t){let n=e.__propContainer.propDependencies[t],r=e.__propContainer.rawProps[t],a=!1;for(let e=0;e<(n||[]).length;e++){let t=n[e];t.updateContent(i.default,r),t instanceof l.AttrArgCallback&&"class"==t.attr&&(a=!0)}a&&e.$updateStyles()}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.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=[]},150: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.ATTRIBUTE_MODE=t.SELECTOR_MODE=void 0;const a=r(n(351)),i=r(n(139)),o=r(n(177)),s=n(669),l=r(n(999)),u=n(555),c=r(n(969)),d=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 v;return n.length>0&&(r.__document=n[0]),d.__selectionMode=t.SELECTOR_MODE,r},h="DOTHTML-DEFER";var p=0;function f(e,t){k[e]=d[e]=t}function g(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 m(e,t,n,r){e.addEventListener?e.addEventListener(t,n,r||!1):e.attachEvent("on"+t,n)}function _(e){f(e,(function(t){return this.el(e,t)}))}function b(e,t){k[t||e]=function(t){return this.attr(e,t)}}t.SELECTOR_MODE=1,t.ATTRIBUTE_MODE=2;var y,v=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},k=v.prototype,w=["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"],x=["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"],C=[["quoteCite","cite"],["objectData","data"],["whichForm","form"],["trackLabel","label"],["colSpan","span"],["tableSummary","summary"],["optionLabel","label"],["acceptCharset","accept-charset"]],S=["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(y in w)_(w[y]);for(y in x)b(x[y]);for(y in C)b(C[y][1],C[y][0]);for(y in S)b(S[y]);f("as",(function(e){return this})),f("_getNewDocument",(function(){return document.createElement("DOTHTML-DOCUMENT")})),f("_getAnInstance",(function(){if(this.__document||this.__pendingCalls.length>0)return this;var e=new v(null,this.__classPrefix);return e.__if=this.__if,e})),f("_getLastChildOrNull",(function(){return this.__document&&this.__document.lastChild?this.__document.lastChild:null})),f("getLast",(function(){return this._getLastChildOrNull()})),f("getCurrent",(function(){let e;switch(d.__selectionMode){case t.SELECTOR_MODE:e=this.__document;break;case t.ATTRIBUTE_MODE:e=this.getLast()||this.__document}return e})),k.toString=function(){return this.__document?this.__document.innerHTML:""},k.ref=function(e){let t=this.getLast(),n=s.GlobalComponentStack.length;return t&&n>0&&(s.GlobalComponentStack[n-1].$refs[e]=t),this},f("_evalContent",(function(e,t){if(null==e||null==e)return null;if("string"==typeof e||"number"==typeof e||"boolean"==typeof e){let t=new v(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 v(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,s.isF)(e))return this._evalContent(e(),t);if(e instanceof l.default)return this._evalContent(l.default.build(e));if(e instanceof v){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,s.str)(n,16)+"-"+r.className:this.__classedElements.push(r)}if(e.__document)return e.__document.childNodes}}return null})),f("_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 v(t,r.__classPrefix);a.__if=r.__if;var i,o=[],l=(0,s.isF)(e);l&&d.__currentArgCallback.push(new u.ContentArgCallback(t,e));try{i=a._evalContent(e,o)}finally{l&&d.__currentArgCallback.pop()}for(var c=0;c<o.length;c++){var h=o[c],p=(n?n.previousSibling||t:null)||t.lastChild||t;p&&"DOCUMENT"!=p.tagName?"attr"==h.type?(0,s.isF)(h.params[0])?m(p,h.name,h.params[0],h.arg3):p.setAttribute(h.name,h.params[0]):"wait"==h.type&&h.callback():a.__pendingCalls.push(h)}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})),f("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 v(i,r.__classPrefix);if(n&&n instanceof v)for(var s in n.__classedElements)o.__classedElements.push(n.__classedElements[s]);return d.__selectionMode=t.ATTRIBUTE_MODE,o})),f("h",(function(e){var t=this,n=t._getNewDocument();new v(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 v(r,t.__classPrefix)})),f("t",(function(e){var t=document.createTextNode(e),n=this.__document||this._getNewDocument();return n.appendChild(t),new v(n,this.__classPrefix)})),f("attr",(function(e,t,n){var r=this;if((0,s.isF)(t)&&(0==e.indexOf("on")&&-1!=S.indexOf(e)?e=e.substring(2).toLowerCase():(d.__anonAttrFuncs[p]=t,t="dot.__anonAttrFuncs["+p+++"](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,s.isF)(t))m(o,e,t,n);else{if("object"==typeof t&&!(t instanceof d.css._Builder)){var l=t,c=function(){var e="";return(0,s.eachK)(l,(function(t,n){(n=(0,s.isF)(n)?n():n)&&(e+=" "+t)})),e.substring(1)};d.__currentArgCallback.push(new u.AttrArgCallback(o,e,c)),t=c(),d.__currentArgCallback.pop()}var h=o.getAttribute(e);h?h+=" ":h="",o.setAttribute(e,h+(void 0===t?e:t))}return r})),f("_appendSetElement",(function(e,t){var n=this;if(!e)return(0,o.default)("A",e),n;var r=document.getElementById(e);if(!r)return(0,o.default)("F",e),n;if(n.__document)for(t||(r.innerHTML="");n.__document.childNodes.length>0;)r.appendChild(n.__document.childNodes[0]);return n})),f("iterate",(function(e,t){for(var n=this,r=0;r<e;r++){let e=null;(0,s.isF)(t)&&(e=t(r)),n=n._appendOrCreateDocument(e)}return n})),f("each",(function(e,t,n){var r=this;if((0,s.isF)(e)){if(!n)return r.defer((function(n){n.each(e,t,!0)}));var a=e;d.__currentArgCallback.push(new u.ArrayArgCallback(r,t));try{e=a()}finally{d.__currentArgCallback.pop()}}if(e instanceof Array||e instanceof c.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 l=o[i];r=r._appendOrCreateDocument(t(e[l],l))}}return r})),k.customData=function(e,t){return this.attr("data-"+e,t)},k.class=function(e){var t=this.__classPrefix;if(t){var n="dot-"+(0,s.str)(t,16)+"-";if("string"==typeof e)e=n+e;else if("object"==typeof e){var r={};(0,s.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)},k.play=function(){let e=this.getCurrent();return e.play&&e.play(),this},k.pause=function(e){let t=this.getCurrent();return t.pause&&t.pause(),e&&(t.currentTime=0),this},k.stop=function(){return this.pause(!0)},k.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},k.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},f("when",(function(e,t,n){var r=this._getAnInstance();if((0,s.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 u.ConditionalArgCallback(a,i,r,t);d.__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),d.__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,s.isF)(t)?t():t)).__if=!0:r.__if=!1;return r})),f("otherwiseWhen",(function(e,t){if((0,s.isF)(e)){var n=this.__conditionalArray;return n||(0,o.default)("MC"),n.push(e),this.when(e,t,n)}return this.__if?this:this.when(e,t)})),f("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))})),f("script",(function(e){var t=this.getLast();return(0,s.sT)((function(){e(t)}),0),this})),f("wait",(function(e,t){var n=this.el(h),r=n.__document.lastChild;return(0,s.sT)((()=>{n._appendOrCreateDocument(t,null,r),r.parentElement.removeChild(r)}),e),n})),f("defer",(function(e){(0,s.isF)(e)||(0,o.default)("XF","defer");var t=this.el(h),n=t.__document.lastChild;return(0,s.sT)((()=>{e(d(n.parentElement)),n.parentElement.removeChild(n)}),0),t})),f("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;)g(n.pop())}return this})),f("remove",(function(){this.empty(),g(this.__document)})),f("scopeClass",(function(e,t){null==e&&(e=s.ClassPrefix.next);var n=this;n.__classPrefix=e;var r=n.h(t);return n.__classPrefix=0,r})),k.bindTo=function(e){let t=d.__lastProp,n=d.__lastIndex,r=d.__lastComponent,a=this.getLast(),i=r.props[t];null!=n&&null!=n&&(i=i[n]);let o=this.setVal(i);return m(a,"change",(function(e){r.props[t]=d(a).as(d.input).getVal()})),r.__propContainer.bindings[t].push({element:a}),o},d.resetScopeClass=function(){return s.ClassPrefix.reset(),this},d.css=i.default,d.bus=a.default,d.__currentArgCallback=[],d.__document=null,d.__if=null,d.__pendingCalls=[],d.__anonAttrFuncs={},t.default=d},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});const a=r(n(150)),i=r(n(999));a.default.version="5.0.0",a.default.Component=i.default,t.default=a.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},139:(e,t)=>{Object.defineProperty(t,"__esModule",{value:!0});const n="data-dot-static-styles",r=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),t=[document.createElement("style")],document.head.appendChild(t[0]),t[0].innerHTML=e+"{}";else{var n=i[0];t=n&&n.parentNode&&n.querySelectorAll?o(e,n):document.querySelectorAll(e)}(e instanceof NodeList||e instanceof Array)&&(t=e),e instanceof Node&&(t=[e])}return a._lastBuilder=new s(t),a._lastBuilder},a=r;r.version="0.16.0",a._fxInterval=1e3/60,a._lastBuilder=null,a._floatRegex=new RegExp("[-+]?[0-9]*\\.?[0-9]+(?:[eE][-+]?[0-9]+)?","g");var i=[];function o(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}function s(e){this.currentCss="",this.target=e}a._Builder=s;var l=s.prototype;function u(){this.type=null,this.jsFriendlyProp=null}l.toString=r.prototype.toString=function(){return this.currentCss},l.hide=function(){if(this.target){var e=arguments[0]||{},t=e,n=e,a={};if(a.duration=n.duration||(isNaN(t)?0:t)||0,a.complete=n.complete||("function"==typeof arguments[1]?arguments[1]:"function"==typeof arguments[2]?arguments[2]:function(){}),a.hideStyle=n.hideStyle||"normal",a.animationStyle=n.animationStyle||("string"==typeof arguments[1]?arguments[1]:"ease"),a.duration>0)for(var i=0,o=0,s=this.target.length,l=0;l<this.target.length;l++){var u=this.target[l].style.width,c=this.target[l].style.height,d=this.target[l].style.opacity;""===d&&(d=1);var h=this.target[l].style.overflow;"fade"!=a.hideStyle&&(this.target[l].style.overflow="hidden",o+=2,function(e,t,n,l,u){r(t).width.animate(0,a.duration,a.animationStyle,(function(){r(t).display("none").width(n).overflow(u),++i>=o*s&&a.complete(e)})),r(t).height.animate(0,a.duration,a.animationStyle,(function(){r(t).display("none").height(l),++i>=o*s&&a.complete(e)}))}(this,this.target[l],u,c,h)),"shrink"!=a.hideStyle&&(o++,function(e,t,n){r(t).opacity.animate(0,a.duration,a.animationStyle,(function(){r(t).display("none").opacity(n),++i>=o*s&&a.complete(e)}))}(this,this.target[l],d))}else r(this.target).display("none"),a.complete(this)}return this},l.show=function(){if(this.target){var e=arguments[0]||{},t=e,n=e,a={};if(a.duration=n.duration||(isNaN(t)?0:t)||0,a.display=n.display||"block",a.opacity=n.opacity,a.width=n.width||null,a.height=n.height||null,a.complete=n.complete||("function"==typeof arguments[1]?arguments[1]:"function"==typeof arguments[2]?arguments[2]:function(){}),a.showStyle=n.showStyle||"normal",a.animationStyle=n.animationStyle||("string"==typeof arguments[1]?arguments[1]:"ease"),!(a.duration>0))return r(this.target).display(a.display);for(var i=0,o=this.target.length,s=0,l=0;l<this.target.length;l++){var u=a.opacity;if(void 0===a.opacity&&(u=parseFloat(this.target[l].style.opacity)||1),"fade"!=a.showStyle){s+=2;var c=a.width||this.target[l].style.width,d=a.height||this.target[l].style.height;r(this.target[l]).width(0),r(this.target[l]).height(0),r(this.target[l]).width.animate(c,a.duration,a.animationStyle,(function(){++i>=o*s&&a.complete()})),r(this.target[l]).height.animate(d,a.duration,a.animationStyle,(function(){++i>=o*s&&a.complete()}))}r(this.target[l]).opacity(0),r(this.target[l]).display(a.display),"grow"!=a.showStyle&&(s++,r(this.target[l]).opacity.animate(u,a.duration,a.animationStyle,(function(){++i==o*s&&a.complete()})))}}return this},l.fadeOut=function(e,t){return this.hide({duration:isNaN(e)?400:Number(e),hideStyle:"fade",complete:t})},l.fadeIn=function(e,t){return this.show({duration:isNaN(e)?400:Number(e),showStyle:"fade",complete:t})},a._Url=function(e){if(this.type="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])}},a._Url.prototype.toString=function(){if(this.url){for(var e=[],t=0;t<this.url.length;t++)e.push('url("'+this.url[t]+'")');return e.join(", ")}return"none"},a._Color=function(e){if(this.type="color",this.r=0,this.g=0,this.b=0,this.a=1,1==e.length)if(""==(e=e[0])||"none"==e||"initial"==e||"inherit"==e);else if(isNaN(e))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];3!=(n=(n=n.split(")")[0]).split(",")).length&&4!=n.length||(this.r=Number(n[0]),this.g=Number(n[1]),this.b=Number(n[2]),this.a=Number(n[3]||1))}else{var r=0,a=0,i=0;switch(e.toLowerCase()){case"aliceblue":r=240,a=248,i=255;break;case"antiquewhite":r=250,a=235,i=215;break;case"aqua":r=0,a=255,i=255;break;case"aquamarine":r=127,a=255,i=212;break;case"azure":r=240,a=255,i=255;break;case"beige":r=245,a=245,i=220;break;case"bisque":r=255,a=228,i=196;break;case"black":r=0,a=0,i=0;break;case"blanchedalmond":r=255,a=235,i=205;break;case"blue":r=0,a=0,i=255;break;case"blueviolet":r=138,a=43,i=226;break;case"brown":r=165,a=42,i=42;break;case"burlywood":r=222,a=184,i=135;break;case"cadetblue":r=95,a=158,i=160;break;case"chartreuse":r=127,a=255,i=0;break;case"chocolate":r=210,a=105,i=30;break;case"coral":r=255,a=127,i=80;break;case"cornflowerblue":r=100,a=149,i=237;break;case"cornsilk":r=255,a=248,i=220;break;case"crimson":r=220,a=20,i=60;break;case"cyan":r=0,a=255,i=255;break;case"darkblue":r=0,a=0,i=139;break;case"darkcyan":r=0,a=139,i=139;break;case"darkgoldenrod":r=184,a=134,i=11;break;case"darkgray":case"darkgrey":r=169,a=169,i=169;break;case"darkgreen":r=0,a=100,i=0;break;case"darkkhaki":r=189,a=183,i=107;break;case"darkmagenta":r=139,a=0,i=139;break;case"darkolivegreen":r=85,a=107,i=47;break;case"darkorange":r=255,a=140,i=0;break;case"darkorchid":r=153,a=50,i=204;break;case"darkred":r=139,a=0,i=0;break;case"darksalmon":r=233,a=150,i=122;break;case"darkseagreen":r=143,a=188,i=143;break;case"darkslateblue":r=72,a=61,i=139;break;case"darkslategray":case"darkslategrey":r=47,a=79,i=79;break;case"darkturquoise":r=0,a=206,i=209;break;case"darkviolet":r=148,a=0,i=211;break;case"deeppink":r=255,a=20,i=147;break;case"deepskyblue":r=0,a=191,i=255;break;case"dimgray":case"dimgrey":r=105,a=105,i=105;break;case"dodgerblue":r=30,a=144,i=255;break;case"firebrick":r=178,a=34,i=34;break;case"floralwhite":r=255,a=250,i=240;break;case"forestgreen":r=34,a=139,i=34;break;case"fuchsia":r=255,a=0,i=255;break;case"gainsboro":r=220,a=220,i=220;break;case"ghostwhite":r=248,a=248,i=255;break;case"gold":r=255,a=215,i=0;break;case"goldenrod":r=218,a=165,i=32;break;case"gray":case"grey":r=128,a=128,i=128;break;case"green":r=0,a=128,i=0;break;case"greenyellow":r=173,a=255,i=47;break;case"honeydew":r=240,a=255,i=240;break;case"hotpink":r=255,a=105,i=180;break;case"indianred":r=205,a=92,i=92;break;case"indigo":r=75,a=0,i=130;break;case"ivory":r=255,a=255,i=240;break;case"khaki":r=240,a=230,i=140;break;case"lavender":r=230,a=230,i=250;break;case"lavenderblush":r=255,a=240,i=245;break;case"lawngreen":r=124,a=252,i=0;break;case"lemonchiffon":r=255,a=250,i=205;break;case"lightblue":r=173,a=216,i=230;break;case"lightcoral":r=240,a=128,i=128;break;case"lightcyan":r=224,a=255,i=255;break;case"lightgoldenrodyellow":r=250,a=250,i=210;break;case"lightgray":case"lightgrey":r=211,a=211,i=211;break;case"lightgreen":r=144,a=238,i=144;break;case"lightpink":r=255,a=182,i=193;break;case"lightsalmon":r=255,a=160,i=122;break;case"lightseagreen":r=32,a=178,i=170;break;case"lightskyblue":r=135,a=206,i=250;break;case"lightslategray":case"lightslategrey":r=119,a=136,i=153;break;case"lightsteelblue":r=176,a=196,i=222;break;case"lightyellow":r=255,a=255,i=224;break;case"lime":r=0,a=255,i=0;break;case"limegreen":r=50,a=205,i=50;break;case"linen":r=250,a=240,i=230;break;case"magenta":r=255,a=0,i=255;break;case"maroon":r=128,a=0,i=0;break;case"mediumaquamarine":r=102,a=205,i=170;break;case"mediumblue":r=0,a=0,i=205;break;case"mediumorchid":r=186,a=85,i=211;break;case"mediumpurple":r=147,a=112,i=219;break;case"mediumseagreen":r=60,a=179,i=113;break;case"mediumslateblue":r=123,a=104,i=238;break;case"mediumspringgreen":r=0,a=250,i=154;break;case"mediumturquoise":r=72,a=209,i=204;break;case"mediumvioletred":r=199,a=21,i=133;break;case"midnightblue":r=25,a=25,i=112;break;case"mintcream":r=245,a=255,i=250;break;case"mistyrose":r=255,a=228,i=225;break;case"moccasin":r=255,a=228,i=181;break;case"navajowhite":r=255,a=222,i=173;break;case"navy":r=0,a=0,i=128;break;case"oldlace":r=253,a=245,i=230;break;case"olive":r=128,a=128,i=0;break;case"olivedrab":r=107,a=142,i=35;break;case"orange":r=255,a=165,i=0;break;case"orangered":r=255,a=69,i=0;break;case"orchid":r=218,a=112,i=214;break;case"palegoldenrod":r=238,a=232,i=170;break;case"palegreen":r=152,a=251,i=152;break;case"paleturquoise":r=175,a=238,i=238;break;case"palevioletred":r=219,a=112,i=147;break;case"papayawhip":r=255,a=239,i=213;break;case"peachpuff":r=255,a=218,i=185;break;case"peru":r=205,a=133,i=63;break;case"pink":r=255,a=192,i=203;break;case"plum":r=221,a=160,i=221;break;case"powderblue":r=176,a=224,i=230;break;case"purple":r=128,a=0,i=128;break;case"rebeccapurple":r=102,a=51,i=153;break;case"red":r=255,a=0,i=0;break;case"rosybrown":r=188,a=143,i=143;break;case"royalblue":r=65,a=105,i=225;break;case"saddlebrown":r=139,a=69,i=19;break;case"salmon":r=250,a=128,i=114;break;case"sandybrown":r=244,a=164,i=96;break;case"seagreen":r=46,a=139,i=87;break;case"seashell":r=255,a=245,i=238;break;case"sienna":r=160,a=82,i=45;break;case"silver":r=192,a=192,i=192;break;case"skyblue":r=135,a=206,i=235;break;case"slateblue":r=106,a=90,i=205;break;case"slategray":case"slategrey":r=112,a=128,i=144;break;case"snow":r=255,a=250,i=250;break;case"springgreen":r=0,a=255,i=127;break;case"steelblue":r=70,a=130,i=180;break;case"tan":r=210,a=180,i=140;break;case"teal":r=0,a=128,i=128;break;case"thistle":r=216,a=191,i=216;break;case"tomato":r=255,a=99,i=71;break;case"turquoise":r=64,a=224,i=208;break;case"violet":r=238,a=130,i=238;break;case"wheat":r=245,a=222,i=179;break;case"white":r=255,a=255,i=255;break;case"whitesmoke":r=245,a=245,i=245;break;case"yellow":r=255,a=255,i=0;break;case"yellowgreen":r=154,a=205,i=50}this.r=r,this.g=a,this.b=i}else this.b=255&e,e>>=8,this.g=255&e,e>>=8,this.r=255&e;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]))},a._Color.prototype.toString=function(){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))+")"},a._Length=function(e){e=e||"0px",isNaN(e)||(e=Math.round(e)+"px"),this.type="length",this.length=Number(e.match(a._floatRegex)[0]),this.units=e.split(a._floatRegex)[1]||"px"},a._Length.prototype.toString=function(){return this.length+this.units},a._Angle=function(e){e=e||"0deg",isNaN(e)||(e=Math.round(e)+"px"),this.type="angle",this.angle=Number(e.match(a._floatRegex)[0]),this.units=e.split(a._floatRegex)[1]||"deg"},a._Angle.prototype.toString=function(){return this.angle+this.units},a._Transform=function(e){if(this.type="transformation",this.transformations=[],""!=e&&"none"!=e&&"initial"!=e&&"inherit"!=e&&-1!=(""+e).indexOf("(")){var t=e.split(/\)\s*/);t.pop();for(var n=0;n<t.length;n++)t[n]+=")";Math.cos,Math.sin,Math.tan;for(var r=0;r<t.length;r++){var a=t[r].trim().split(/[\(\)]/),i=a[0],o=a[1].split(/\s*,\s*/);this[i]&&this[i].apply(this,o)}}},a._Transform.prototype.toString=function(){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]+",";e=e.substring(0,e.length-1),e+=") "}return e.trim()},a._Transform.prototype._updateValue=function(e,t){this.transformations.push({transformation:e,args:t})},a._Transform.prototype.matrix3d=function(...e){var t=e;if(16!=t.length)throw"matrix3d requires 16 parameters.";return this.finalMatrix=r.matrixMultiply3D(t,this.finalMatrix),this._updateValue("matrix3d",t),this},a._Transform.prototype.matrix=function(...e){var t=e;if(6==t.length)this._updateValue("matrix",t);else{if(16!=t.length)throw"matrix requires 6 parameters.";this.matrix3d.apply(this,t)}return this},a._Transform.prototype.translate=function(){var e=arguments;if(1==e.length){var t=r.lengthToPx(e[0]);this._updateValue("translate",[new a._Length(t+"px")])}else if(2==e.length){t=r.lengthToPx(e[0]);var n=r.lengthToPx(e[1]);this._updateValue("translate",[new a._Length(t+"px"),new a._Length(n+"px")])}else{if(3!=e.length)throw"translate requires 1 or 2 parameters.";this.translate3d.apply(this,e)}return this},a._Transform.prototype.translate3d=function(){var e=arguments;if(3!=e.length)throw"translate3d requires 3 parameters.";var t=r.lengthToPx(e[0]),n=r.lengthToPx(e[1]),i=r.lengthToPx(e[2]);return this._updateValue("translate3d",[new a._Length(t+"px"),new a._Length(n+"px"),new a._Length(i+"px")]),this},a._Transform.prototype.translateX=function(){var e=arguments;if(1!=e.length)throw"translateX requires 1 parameter.";return this.translate(e[0],0),this},a._Transform.prototype.translateY=function(){var e=arguments;if(1!=e.length)throw"translateY requires 1 parameter.";return this.translate(0,e[0]),this},a._Transform.prototype.translateZ=function(){var e=arguments;if(1!=e.length)throw"translateZ requires 1 parameter.";return this.translate3d(0,0,e[0]),this},a._Transform.prototype.scale=function(){var e=arguments;if(2==e.length)this._updateValue("scale",e);else{if(3!=e.length)throw"scale requires 2 parameters.";this.scale3d.apply(this,e)}return this},a._Transform.prototype.scale3d=function(){var e=arguments;if(3!=e.length)throw"scale3d requires 3 parameters.";return this._updateValue("scale3d",e),this},a._Transform.prototype.scaleX=function(){var e=arguments;if(1!=e.length)throw"scaleX requires 1 parameter.";return this.scale(e[0],1),this},a._Transform.prototype.scaleY=function(){var e=arguments;if(1!=e.length)throw"scaleY requires 1 parameter.";return this.scale(1,e[0]),this},a._Transform.prototype.scaleZ=function(){var e=arguments;if(1!=e.length)throw"scaleZ requires 1 parameter.";return this.scale3d(1,1,e[0]),this},a._Transform.prototype.rotate=function(){var e=arguments;if(1!=e.length)throw"scaleZ requires 1 parameter.";var t=r.angleToDeg(e[0]);return this._updateValue("rotate",[new a._Angle(t+"deg")]),this},a._Transform.prototype.rotate3d=function(){var e=arguments;if(4!=e.length)throw"rotate3d requires 4 parameters.";var t=e[0],n=e[1],i=e[2],o=r.angleToDeg(e[3]);return this._updateValue("rotate3d",[t,n,i,new a._Angle(o+"deg")]),this},a._Transform.prototype.rotateX=function(){var e=arguments;if(1!=e.length)throw"rotateX requires 1 parameter.";var t=r.angleToDeg(e[0]);return this._updateValue("rotateX",[new a._Angle(t+"deg")]),this},a._Transform.prototype.rotateY=function(){var e=arguments;if(1!=e.length)throw"rotateY requires 1 parameter.";var t=r.angleToDeg(e[0]);return this._updateValue("rotateY",[new a._Angle(t+"deg")]),this},a._Transform.prototype.rotateZ=function(){return this.rotate.apply(this,arguments),this},a._Transform.prototype.skew=function(){var e=arguments;if(1==e.length){var t=r.angleToDeg(e[0]);this._updateValue("skew",[new a._Angle(t+"deg")])}else{if(2!=e.length)throw"skew requires 1 or 2 parameters.";t=r.angleToDeg(e[0]);var n=r.angleToDeg(e[1]);this._updateValue("skew",[new a._Angle(t+"deg"),new a._Angle(n+"deg")])}return this},a._Transform.prototype.skewX=function(){var e=arguments;if(1!=e.length)throw"skewX requires 1 parameter.";return this.skew.apply(this,e),this},a._Transform.prototype.skewY=function(){var e=arguments;if(1!=e.length)throw"skewY requires 1 parameter.";return this.skew.apply(this,[0,e[0]]),this},a._Transform.prototype.perspective=function(){var e=arguments;if(1!=e.length)throw"perspective requires 1 parameter.";var t=r.lengthToPx(e[0]);return this._updateValue("perspective",[new a._Length(t+"px")]),this},a._Complex=function(e){this.type="complex",this.parts=(" "+e+" ").split(a._floatRegex),this.numbers=e.match(a._floatRegex)},a._Complex.prototype.toString=function(){for(var e=this.parts[0],t=0;t<this.numbers.length;t++)e+=this.numbers[t]+this.parts[t+1];return e},a._Number=function(e){this.type="number",this.value=Number(e)},a._Number.prototype.toString=function(){return this.value},a._Unknown=function(e){this.type="unknown",this.value=e},a._Unknown.prototype.toString=function(){return this.value},u.prototype.toString=function(){if(a._lastBuilder.target){var e=null;if(a._lastBuilder.target.length>1){e=[];for(var t=0;t<a._lastBuilder.target.length;t++)e.push(a._lastBuilder.target[t].style[this.jsFriendlyProp])}else e=a._lastBuilder.target[0].style[this.jsFriendlyProp];return e}return null},u.prototype.val=function(){if(a._lastBuilder.target){var e=null;if(a._lastBuilder.target.length>1){e=null;for(var t=0;t<a._lastBuilder.target.length;t++)a._lastBuilder.target[0].style[this.jsFriendlyProp]?e.push(a._convertStyleIntoDotCssObject(a._lastBuilder.target[t].style[this.jsFriendlyProp],this.type)):e.push(null)}else e=a._lastBuilder.target[0].style[this.jsFriendlyProp]?a._convertStyleIntoDotCssObject(a._lastBuilder.target[0].style[this.jsFriendlyProp],this.type):null;return e}return null},u.prototype.animate=function(e,t,n,i){if(t=isNaN(t)?400:t||0,a._lastBuilder&&a._lastBuilder.target){!i&&n&&n.call&&n.apply&&(i=n,n=void 0);for(var o=0;o<a._lastBuilder.target.length;o++){var s,l=a._lastBuilder.target[o],u=null,c=null;if(c=a._convertStyleIntoDotCssObject(e,this.type),"transformation"==this.type&&(u=a._convertStyleIntoDotCssObject(l.style[this.jsFriendlyProp],this.type)),u||(u=a._convertStyleIntoDotCssObject(a._computedStyleOrActualStyle(l,this.jsFriendlyProp),this.type)),s=c.toString(),"length"==this.type){if(u.units!=c.units)if(0==u.length)u.units=c.units,u.length=0;else if(0==c.length)c.units=u.units,c.length=0;else{var d=r.lengthToPx(u.toString(),this.jsFriendlyProp,l),h=r.lengthToPx(c.toString(),this.jsFriendlyProp,l);u.length=d,u.units="px",c.length=h,c.units="px"}}else if("color"==this.type);else if("transformation"==this.type){for(var p="",f="",g=u.transformations.length-1,m=c.transformations.length-1;g>=0||m>=0;){var _="",b=null,y=null;if(g>=0&&m>=0&&u.transformations[g].transformation==c.transformations[m].transformation){var v=u.transformations[g],k=c.transformations[m];_=v.transformation,b=v.args,y=k.args,g--,m--}else if(g>=m){if(_=(v=u.transformations[g]).transformation,b=v.args,"matrix"==_)y=[1,0,0,1,0,0];else if("matrix3d"==_)y=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];else{var w=-1==_.indexOf("scale")?0:1;y=[];for(var x=0;x<b.length;x++)y.push(isNaN(b[x])?isNaN(b[x].angle)?isNaN(b[x].length)?0:new a._Length(0):new a._Angle(0):w)}g--}else{if(_=(k=c.transformations[m]).transformation,y=k.args,"matrix"==_)b=[1,0,0,1,0,0];else if("matrix3d"==_)b=[1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1];else for(w=-1==_.indexOf("scale")?0:1,b=[],x=0;x<y.length;x++)b.push(isNaN(y[x])?isNaN(y[x].angle)?isNaN(y[x].length)?0:new a._Length(0):new a._Angle(0):w);m--}if(p=") "+p,f=") "+f,-1!=_.indexOf("rotate")){var C=b[b.length-1].angle,S=y[y.length-1].angle,N=r.angleSubtract(S,C);b[b.length-1].angle=S-N}for(x=b.length-1;x>=0;x--)p=","+b[o]+p,f=","+y[o]+f;p=_+"("+p.substring(1),f=_+"("+f.substring(1)}u=a._convertStyleIntoDotCssObject(p,"transformation"),c=a._convertStyleIntoDotCssObject(f,"transformation")}else if("number"==u.type&&"number"==c.type);else{if("complex"!=u.type||"complex"!=c.type){console.warn("Couldn't animate "+this.jsFriendlyProp+". Not a recognizable length, color, or number.");continue}if(!a._compareComplexDataTypes(u,c)){console.warn("Couldn't animate "+this.jsFriendlyProp+". Value mismatch.");continue}}a._animate(l,this.jsFriendlyProp,u.type||this.type,u,c,s,a._fxInterval,t,n||"ease",i)}}return a._lastBuilder},u.prototype.apply=Function.apply,u.prototype.call=Function.call,a._animate=function(e,t,n,i,o,s,l,u,c,d,h){if(!h||e.style[t]==h)if(u-l>0){switch(n){case"color":var p=Math.round(a._numberStep(i.r,o.r,l,u,c)),f=Math.round(a._numberStep(i.g,o.g,l,u,c)),g=Math.round(a._numberStep(i.b,o.b,l,u,c)),m=r.formatNumberValue(a._numberStep(i.a,o.a,l,u,c));r(e)[t](p,f,g,m);break;case"length":r(e)[t](r.formatNumberValue(a._numberStep(i.length,o.length,l,u,c),i.units)+i.units);break;case"transformation":for(var _="",b=0;b<i.transformations.length;b++){var y=i.transformations[b],v=o.transformations[b];_+=y.transformation+"(";for(var k=0;k<y.args.length;k++){var w=y.args[k],x=v.args[k],C=isNaN(w)?w.length||w.angle||w.value||0:w,S=isNaN(x)?x.length||x.angle||x.value||0:x,N=isNaN(w)?w.units:"";_+=r.formatNumberValue(a._numberStep(C,S,l,u,c),N)+N+","}_=_.substring(0,_.length-1),_+=") "}r(e)[t](_);break;default:switch(i.type){case"number":r(e)[t](r.formatNumberValue(a._numberStep(i.value,o.value,l,u,c)));break;case"complex":var T="";for(b=0;b<i.numbers.length;b++)T+=i.parts[b],T+=r.formatNumberValue(a._numberStep(i.numbers[b],o.numbers[b],l,u,c));T+=i.parts[i.parts.length-1],r(e)[t](T);break;default:console.warn("Unexpected data type for animation.")}}var O=window.performance&&window.performance.now?window.performance.now():null,A=e.style[t],P=function(r){var h=O?window.performance.now()-O:a._fxInterval;a._animate(e,t,n,i,o,s,l+h,u,c,d,A)};window.requestAnimationFrame?window.requestAnimationFrame(P):window.setTimeout(P,a._fxInterval)}else r(e)[t](s),d&&d()},a._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);case"linear":default:return e+n/r*(t-e)}},r.formatNumberValue=function(e,t){switch(t){case"px":return Math.round(e);default:return Math.round(100*e)/100}};var c={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|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|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:"transformation",misc:"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|filter|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"},d=[{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"}];for(var h in r.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},r.angleToDeg=function(e){if(!isNaN(e))return Number(e);if(-1!=(e=e.trim()).indexOf("deg"))return r.formatNumberValue(Number(e.split("deg")[0]));if(-1!=e.indexOf("grad"))return r.formatNumberValue(.9*Number(e.split("grad")[0]));if(-1!=e.indexOf("rad"))return r.formatNumberValue(180*Number(e.split("rad")[0])/Math.PI);if(-1!=e.indexOf("turn"))return r.formatNumberValue(360*Number(e.split("turn")[0]));throw e+" does not have valid units for an angle."},r.lengthToPx=function(e,t,n){var i=Math.round,o=Number;if(!isNaN(e))return i(o(e));if((e=e.trim()).split,-1!=e.indexOf("px"))return i(o(e.split("px")[0]));if(-1!=e.indexOf("in"))return i(96*o(e.split("in")[0]));if(-1!=e.indexOf("pt"))return i(96*o(e.split("pt")[0])/72);if(-1!=e.indexOf("pc"))return i(16*o(e.split("pc")[0]));if(-1!=e.indexOf("cm"))return i(96*o(e.split("cm")[0])/2.54);if(-1!=e.indexOf("mm"))return i(96*o(e.split("mm")[0])/25.4);if(-1!=e.indexOf("q"))return i(96*o(e.split("q")[0])/101.6);if(-1!=e.indexOf("vw"))return i(.01*o(e.split("vw")[0])*Math.max(document.documentElement.clientWidth,window.innerWidth||0));if(-1!=e.indexOf("vh"))return i(.01*o(e.split("vh")[0])*Math.max(document.documentElement.clientHeight,window.innerHeight||0));if(-1!=e.indexOf("vmin"))return Math.min(r.lengthToPx(i(o(e.split("vmin")[0]+"vw"))),i(o(e.split("vmin")[0]+"vx")));if(-1!=e.indexOf("vmax"))return Math.max(r.lengthToPx(i(o(e.split("vmin")[0]+"vw"))),i(o(e.split("vmin")[0]+"vx")));if(-1!=e.indexOf("rem"))return i(o(e.split("rem")[0])*r.lengthToPx(a._computedStyleOrActualStyle(document.body,"fontSize")));if(t&&n){if(-1!=e.indexOf("em"))return i(o(e.split("em")[0])*r.lengthToPx(a._computedStyleOrActualStyle(n,"fontSize")));var s=null;switch(t){case"maxHeight":case"minHeight":case"top":case"bottom":case"height":if(!n.parentNode)throw"Cannot convert "+e+" "+t+" to px for an element that has no parent.";s=r.lengthToPx(a._computedStyleOrActualStyle(n.parentNode,"height"));break;case"maxHidth":case"minWidth":case"right":case"left":case"width":case"margin":case"marginTop":case"marginBottom":case"marginLeft":case"marginRight":case"outlineOffset":case"padding":case"paddingTop":case"paddingBottom":case"paddingLeft":case"paddingRight":if(s=r.lengthToPx(a._computedStyleOrActualStyle(n.parentNode,"width")),!n.parentNode)throw"Cannot convert "+e+" "+t+" to px for an element that has no parent.";break;case"lineHeight":s=r.lengthToPx(a._computedStyleOrActualStyle(n,"fontSize"));break;case"fontSize":s=r.lengthToPx(a._computedStyleOrActualStyle(n,"height"));break;default:throw"Unable to convert the value "+e+" to px for "+t+"."}if(isNaN(s))throw"Convert the value "+e+" to px for "+t+" because the value it is relative to is not a number.";if(-1!=e.indexOf("%"))return i(.01*o(e.split("%")[0])*s);throw"The units of "+e+" are not recognized by dotcss."}throw e+" does not have valid units for an absolute length."},a._convertStyleIntoDotCssObject=function(e,t){return e instanceof Array||(e=[e]),"color"==t?new a._Color(e):"url"==t?new a._Url(e):"length"!=t||isNaN(e[0])&&(-1!=e[0].indexOf(" ")||e[0].replace(a._floatRegex,"")==e[0])?"transformation"==t?new a._Transform(e[0].toString()):""===e[0]||isNaN(e[0])&&(""+e[0]).replace(a._floatRegex,"")==e[0]?new a._Unknown(e[0]):isNaN(e[0])?new a._Complex(e[0]):new a._Number(e[0]):new a._Length(e[0])},a._compareComplexDataTypes=function(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},a._addPropFunctionToDotCssObject=function(e){r[e]=function(){var t=new s;return t[e].apply(t,arguments)}},a._makeFunction=function(e,t,n){if(l[t]=function(){if(0==arguments.length)return this;for(var r=[],i=0;i<arguments.length;i++)r.push(arguments[i]);var o=a._convertStyleIntoDotCssObject(r,n).toString(),s=e+":"+o+";";if(this.currentCss+=s,this.target)for(var l=0;l<this.target.length;l++){var u=this.target[l];"STYLE"==u.tagName?u.innerHTML=u.innerHTML.substring(0,u.innerHTML.length-1)+e+":"+o+";}":u.style[t]=o}return this},a._addPropFunctionToDotCssObject(t),"length"==n)for(var r=0;r<d.length;r++){var i=d[r];!function(e){l[t+(e.jsName||e.unit)]=function(){for(var n=0;n<arguments.length;n++)arguments[n]=arguments[n]+e.unit.toLowerCase();return l[t].apply(this,arguments)}}(i),a._addPropFunctionToDotCssObject(t+(i.jsName||i.unit))}for(var o in l[t].type=n,l[t].jsFriendlyProp=t,u.prototype)void 0===l[t][o]&&(l[t][o]=u.prototype[o])},a._makeTransformFunction=function(e){r[e]=function(){var t=new a._Transform;return t[e].apply(t,arguments)}},a._computedStyleOrActualStyle=function(e,t){return window.getComputedStyle(e)[t]||e.style[t]},a._modDeg=function(e){return e<0&&(e=360- -e%360),e%360},r.angleSubtract=function(e,t){e<0?e=360- -e%360:e%=360,t<0?t=360- -t%360:t%=360;var n=Math.abs(t-e)%360;return(n>180?360-n:n)*(e-t>=0&&e-t<=180||e-t<=-180&&e-t>=-360?1:-1)},r.url=function(e){return"url('"+e+"')"},r.rgb=function(e,t,n){return"rgb("+e+", "+t+", "+n+")"},r.rgba=function(e,t,n,r){return"rgba("+e+", "+t+", "+n+", "+r+")"},r.buildTransform=function(){return new a._Transform},r.cacheScopedStaticStyles=function(e){let t=o("*",e);for(let e of t)e.hasAttribute("style")&&e.setAttribute(n,e.getAttribute("style"))},r.clearDynamicStyles=function(e){let t=o("*",e);for(let e of t)e.removeAttribute("style"),e.hasAttribute(n)&&e.setAttribute("style",e.getAttribute(n))},r.scopeToEl=function(e){return i.unshift(e),this},r.unscope=function(){return i.shift(),this},c){let e=c[h].split("|");for(var p in e)a._makeFunction(e[p].toLowerCase(),e[p].replace(new RegExp("-","g"),""),h)}for(let e=0;e<d.length;e++)a._makeTransformFunction(d[e]);t.default=r}},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{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){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);let t=e.builder(...e.__args).getLast();return(!t||t.parentNode.childNodes.length>1)&&(0,s.default)("C#",e.name||e.constructor.name||"(unnamed obj)"),e.__$el=e.$el||t,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.$updateStyles()),e.built&&e.built(),e.ready&&(0,o.sT)((()=>{o.GlobalComponentStack.push(e),e.ready(),o.GlobalComponentStack.pop()}),0),o.GlobalComponentStack.pop(),e.$el}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)}}static updateProp(e,t){let n=e.__propContainer.propDependencies[t],r=e.__propContainer.rawProps[t],a=!1;for(let e=0;e<(n||[]).length;e++){let t=n[e];t.updateContent(i.default,r),t instanceof l.AttrArgCallback&&"class"==t.attr&&(a=!0)}a&&e.$updateStyles()}constructor(...e){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),f=o(n(969)),p=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]),p.__selectionMode=t.SELECTOR_MODE,r},g="DOTHTML-DEFER";var m=0;function b(e,t){S[e]=p[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"]],A=["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 A)k(A[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(p.__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&&p.__currentArgCallback.push(new h.ContentArgCallback(t,e));try{i=a._evalContent(e,o)}finally{s&&p.__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 p.__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!=A.indexOf(e)?e=e.substring(2).toLowerCase():(p.__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)};p.__currentArgCallback.push(new h.AttrArgCallback(o,e,u)),t=u(),p.__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;p.__currentArgCallback.push(new h.ArrayArgCallback(r,t));try{e=a()}finally{p.__currentArgCallback.pop()}}if(e instanceof Array||e instanceof f.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);p.__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),p.__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(p(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=p.__lastProp,n=p.__lastIndex,r=p.__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]=p(a).as(p.input).getVal()})),r.__propContainer.bindings[t].push({element:a}),o},p.resetScopeClass=function(){return c.ClassPrefix.reset(),this},p.css=l.default,p.bus=s.default,p.__currentArgCallback=[],p.__document=null,p.__if=null,p.__pendingCalls=[],p.__anonAttrFuncs={},t.default=p},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.0.0",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,1==e.length)if(""==(e=e[0])||"none"==e||"initial"==e||"inherit"==e);else if(isNaN(e))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];3!=(n=(n=n.split(")")[0]).split(",")).length&&4!=n.length||(this.r=Number(n[0]),this.g=Number(n[1]),this.b=Number(n[2]),this.a=Number(n[3]||1))}else{var r=0,a=0,i=0;switch(e.toLowerCase()){case"aliceblue":r=240,a=248,i=255;break;case"antiquewhite":r=250,a=235,i=215;break;case"aqua":case"cyan":r=0,a=255,i=255;break;case"aquamarine":r=127,a=255,i=212;break;case"azure":r=240,a=255,i=255;break;case"beige":r=245,a=245,i=220;break;case"bisque":r=255,a=228,i=196;break;case"black":r=0,a=0,i=0;break;case"blanchedalmond":r=255,a=235,i=205;break;case"blue":r=0,a=0,i=255;break;case"blueviolet":r=138,a=43,i=226;break;case"brown":r=165,a=42,i=42;break;case"burlywood":r=222,a=184,i=135;break;case"cadetblue":r=95,a=158,i=160;break;case"chartreuse":r=127,a=255,i=0;break;case"chocolate":r=210,a=105,i=30;break;case"coral":r=255,a=127,i=80;break;case"cornflowerblue":r=100,a=149,i=237;break;case"cornsilk":r=255,a=248,i=220;break;case"crimson":r=220,a=20,i=60;break;case"darkblue":r=0,a=0,i=139;break;case"darkcyan":r=0,a=139,i=139;break;case"darkgoldenrod":r=184,a=134,i=11;break;case"darkgray":case"darkgrey":r=169,a=169,i=169;break;case"darkgreen":r=0,a=100,i=0;break;case"darkkhaki":r=189,a=183,i=107;break;case"darkmagenta":r=139,a=0,i=139;break;case"darkolivegreen":r=85,a=107,i=47;break;case"darkorange":r=255,a=140,i=0;break;case"darkorchid":r=153,a=50,i=204;break;case"darkred":r=139,a=0,i=0;break;case"darksalmon":r=233,a=150,i=122;break;case"darkseagreen":r=143,a=188,i=143;break;case"darkslateblue":r=72,a=61,i=139;break;case"darkslategray":case"darkslategrey":r=47,a=79,i=79;break;case"darkturquoise":r=0,a=206,i=209;break;case"darkviolet":r=148,a=0,i=211;break;case"deeppink":r=255,a=20,i=147;break;case"deepskyblue":r=0,a=191,i=255;break;case"dimgray":case"dimgrey":r=105,a=105,i=105;break;case"dodgerblue":r=30,a=144,i=255;break;case"firebrick":r=178,a=34,i=34;break;case"floralwhite":r=255,a=250,i=240;break;case"forestgreen":r=34,a=139,i=34;break;case"fuchsia":case"magenta":r=255,a=0,i=255;break;case"gainsboro":r=220,a=220,i=220;break;case"ghostwhite":r=248,a=248,i=255;break;case"gold":r=255,a=215,i=0;break;case"goldenrod":r=218,a=165,i=32;break;case"gray":case"grey":r=128,a=128,i=128;break;case"green":r=0,a=128,i=0;break;case"greenyellow":r=173,a=255,i=47;break;case"honeydew":r=240,a=255,i=240;break;case"hotpink":r=255,a=105,i=180;break;case"indianred":r=205,a=92,i=92;break;case"indigo":r=75,a=0,i=130;break;case"ivory":r=255,a=255,i=240;break;case"khaki":r=240,a=230,i=140;break;case"lavender":r=230,a=230,i=250;break;case"lavenderblush":r=255,a=240,i=245;break;case"lawngreen":r=124,a=252,i=0;break;case"lemonchiffon":r=255,a=250,i=205;break;case"lightblue":r=173,a=216,i=230;break;case"lightcoral":r=240,a=128,i=128;break;case"lightcyan":r=224,a=255,i=255;break;case"lightgoldenrodyellow":r=250,a=250,i=210;break;case"lightgray":case"lightgrey":r=211,a=211,i=211;break;case"lightgreen":r=144,a=238,i=144;break;case"lightpink":r=255,a=182,i=193;break;case"lightsalmon":r=255,a=160,i=122;break;case"lightseagreen":r=32,a=178,i=170;break;case"lightskyblue":r=135,a=206,i=250;break;case"lightslategray":case"lightslategrey":r=119,a=136,i=153;break;case"lightsteelblue":r=176,a=196,i=222;break;case"lightyellow":r=255,a=255,i=224;break;case"lime":r=0,a=255,i=0;break;case"limegreen":r=50,a=205,i=50;break;case"linen":r=250,a=240,i=230;break;case"maroon":r=128,a=0,i=0;break;case"mediumaquamarine":r=102,a=205,i=170;break;case"mediumblue":r=0,a=0,i=205;break;case"mediumorchid":r=186,a=85,i=211;break;case"mediumpurple":r=147,a=112,i=219;break;case"mediumseagreen":r=60,a=179,i=113;break;case"mediumslateblue":r=123,a=104,i=238;break;case"mediumspringgreen":r=0,a=250,i=154;break;case"mediumturquoise":r=72,a=209,i=204;break;case"mediumvioletred":r=199,a=21,i=133;break;case"midnightblue":r=25,a=25,i=112;break;case"mintcream":r=245,a=255,i=250;break;case"mistyrose":r=255,a=228,i=225;break;case"moccasin":r=255,a=228,i=181;break;case"navajowhite":r=255,a=222,i=173;break;case"navy":r=0,a=0,i=128;break;case"oldlace":r=253,a=245,i=230;break;case"olive":r=128,a=128,i=0;break;case"olivedrab":r=107,a=142,i=35;break;case"orange":r=255,a=165,i=0;break;case"orangered":r=255,a=69,i=0;break;case"orchid":r=218,a=112,i=214;break;case"palegoldenrod":r=238,a=232,i=170;break;case"palegreen":r=152,a=251,i=152;break;case"paleturquoise":r=175,a=238,i=238;break;case"palevioletred":r=219,a=112,i=147;break;case"papayawhip":r=255,a=239,i=213;break;case"peachpuff":r=255,a=218,i=185;break;case"peru":r=205,a=133,i=63;break;case"pink":r=255,a=192,i=203;break;case"plum":r=221,a=160,i=221;break;case"powderblue":r=176,a=224,i=230;break;case"purple":r=128,a=0,i=128;break;case"rebeccapurple":r=102,a=51,i=153;break;case"red":r=255,a=0,i=0;break;case"rosybrown":r=188,a=143,i=143;break;case"royalblue":r=65,a=105,i=225;break;case"saddlebrown":r=139,a=69,i=19;break;case"salmon":r=250,a=128,i=114;break;case"sandybrown":r=244,a=164,i=96;break;case"seagreen":r=46,a=139,i=87;break;case"seashell":r=255,a=245,i=238;break;case"sienna":r=160,a=82,i=45;break;case"silver":r=192,a=192,i=192;break;case"skyblue":r=135,a=206,i=235;break;case"slateblue":r=106,a=90,i=205;break;case"slategray":case"slategrey":r=112,a=128,i=144;break;case"snow":r=255,a=250,i=250;break;case"springgreen":r=0,a=255,i=127;break;case"steelblue":r=70,a=130,i=180;break;case"tan":r=210,a=180,i=140;break;case"teal":r=0,a=128,i=128;break;case"thistle":r=216,a=191,i=216;break;case"tomato":r=255,a=99,i=71;break;case"turquoise":r=64,a=224,i=208;break;case"violet":r=238,a=130,i=238;break;case"wheat":r=245,a=222,i=179;break;case"white":r=255,a=255,i=255;break;case"whitesmoke":r=245,a=245,i=245;break;case"yellow":r=255,a=255,i=0;break;case"yellowgreen":r=154,a=205,i=50}this.r=r,this.g=a,this.b=i}else this.b=255&e,e>>=8,this.g=255&e,e>>=8,this.r=255&e;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}}},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},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,f,p,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)),f=n(669),p="data-dot-static-styles",g=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,f.numberStep)(r.r,a.r,o,s,l)),h=Math.round((0,f.numberStep)(r.g,a.g,o,s,l)),p=Math.round((0,f.numberStep)(r.b,a.b,o,s,l)),b=m.formatNumberValue((0,f.numberStep)(r.a,a.a,o,s,l));m(e)[t](d,h,p,b);break;case"length":m(e)[t](m.formatNumberValue((0,f.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:"";_+=m.formatNumberValue((0,f.numberStep)(x,N,o,s,l),O)+O+","}_=_.substring(0,_.length-1),_+=") "}m(e)[t](_);break;default:switch(r.type){case"number":m(e)[t](m.formatNumberValue((0,f.numberStep)(r.value,a.value,o,s,l)));break;case"complex":var A="";for(y=0;y<r.numbers.length;y++)A+=r.parts[y],A+=m.formatNumberValue((0,f.numberStep)(r.numbers[y],a.numbers[y],o,s,l));A+=r.parts[r.parts.length-1],m(e)[t](A);break;default:console.warn("Unexpected data type for animation.")}}var P=window.performance&&window.performance.now?window.performance.now():null,D=e.style[t],T=function(c){var d=P?window.performance.now()-P:g.fxInterval;g.animateFull(e,t,n,r,a,i,o+d,s,l,u,D)};window.requestAnimationFrame?window.requestAnimationFrame(T):window.setTimeout(T,g.fxInterval)}else m(e)[t](i),u&&u()}extendDothtml(e,t,n){let r=_.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=g.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},g.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),g.addPropFunctionToDotCssObject(t+(o.jsName||o.unit))}for(var s in r[t].type=n,r[t].jsFriendlyProp=t,y.prototype)void 0===r[t][s]&&(r[t][s]=y.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(f.floatRegex,"")==e[0])?"transformation"==t?new c.default(e[0]).toString():""===e[0]||isNaN(e[0])&&(""+e[0]).replace(f.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){m[e]=function(){var t=new _;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}},m=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),g.globalStyleElement||(g.globalStyleElement=document.createElement("style"),document.head.appendChild(g.globalStyleElement)),(t=[g.globalStyleElement])[0].innerHTML+=e+"{}\r\n";else{var n=g.scopeStack[0];t=n&&n.parentNode&&n.querySelectorAll?b(e,n):document.querySelectorAll(e)}(e instanceof NodeList||e instanceof Array)&&(t=e),e instanceof Node&&(t=[e])}return g.lastBuilder=new _(t),g.lastBuilder};function b(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}m.version="0.16.0";class _{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){m(i).width.animate(0,a.duration,a.animationStyle,(function(){m(i).display("none").width(o).overflow(l),e++,e>=t*n&&a.complete(r)})),m(i).height.animate(0,a.duration,a.animationStyle,(function(){m(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){m(i).opacity.animate(0,a.duration,a.animationStyle,(function(){m(i).display("none").opacity(o),e++,e>=t*n&&a.complete(r)}))}(this,this.targets[r],i))}}else m(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 m(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;m(this.targets[a]).width(0),m(this.targets[a]).height(0),m(this.targets[a]).width.animate(i,r.duration,r.animationStyle,(function(){e++,e>=t*n&&r.complete()})),m(this.targets[a]).height.animate(o,r.duration,r.animationStyle,(function(){e++,e>=t*n&&r.complete()}))}m(this.targets[a]).opacity(0),m(this.targets[a]).display(r.display),"grow"!=r.showStyle&&(n++,m(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=_,m.prototype.toString=_.prototype.toString;class y{constructor(){this.apply=Function.apply,this.call=Function.call,this.type=null,this.jsFriendlyProp=null}toString(){if(g.lastBuilder.targets){let e=null;if(g.lastBuilder.targets.length>1){e=[];for(let t=0;t<g.lastBuilder.targets.length;t++)e.push(g.lastBuilder.targets[t].style[this.jsFriendlyProp])}else e=g.lastBuilder.targets[0].style[this.jsFriendlyProp];return e}return null}val(){if(g.lastBuilder.targets){let e=null;if(g.lastBuilder.targets.length>1){e=null;for(let t=0;t<g.lastBuilder.targets.length;t++)g.lastBuilder.targets[0].style[this.jsFriendlyProp]?e.push(g.convertStyleIntoDotCssObject(g.lastBuilder.targets[t].style[this.jsFriendlyProp],this.type)):e.push(null)}else e=g.lastBuilder.targets[0].style[this.jsFriendlyProp]?g.convertStyleIntoDotCssObject(g.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,g.lastBuilder&&g.lastBuilder.targets){!r&&n&&n.call&&n.apply&&(r=n,n=void 0);for(let a=0;a<g.lastBuilder.targets.length;a++){let o=g.lastBuilder.targets[a],s=null,u=null,c=null;if(u=g.convertStyleIntoDotCssObject(e,this.type),"transformation"==this.type&&(s=g.convertStyleIntoDotCssObject(o.style[this.jsFriendlyProp],this.type)),s||(s=g.convertStyleIntoDotCssObject(g.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=m.lengthToPx(s.toString(),this.jsFriendlyProp,o),t=m.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=m.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=g.convertStyleIntoDotCssObject(e,"transformation"),u=g.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(!g.compareComplexDataTypes(s,u)){console.warn("Couldn't animate "+this.jsFriendlyProp+". Value mismatch.");continue}}g.animateFull(o,this.jsFriendlyProp,s.type||this.type,s,u,c,g.fxInterval,t,n||"ease",r)}}return g.lastBuilder}}m.formatNumberValue=function(e,t){return"px"===t?Math.round(e):Math.round(100*e)/100};const v={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|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|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",misc:"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|filter|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 k in m.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},m.cacheScopedStaticStyles=function(e){let t=b("*",e);for(let e of t)e.hasAttribute("style")&&e.setAttribute(p,e.getAttribute("style"))},m.clearDynamicStyles=function(e){let t=b("*",e);for(let e of t)e.removeAttribute("style"),e.hasAttribute(p)&&e.setAttribute("style",e.getAttribute(p))},m.scopeToEl=function(e){return g.scopeStack.unshift(e),this},m.unscope=function(){return g.scopeStack.shift(),this},v){let e=v[k].split("|");for(var w in e)g.extendDothtml(e[w].toLowerCase(),e[w].replace(new RegExp("-","g"),""),k)}t.default=m},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/i-dot.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import EventBus from "./event-bus";
|
|
2
2
|
import type Component from "./component";
|
|
3
|
-
import IDotCss, { IDotcssProp } from "./i-dotcss";
|
|
4
|
-
export
|
|
5
|
-
export
|
|
6
|
-
export
|
|
3
|
+
import IDotCss, { IDotcssProp } from "./styling/i-dotcss";
|
|
4
|
+
export type DotContentPrimitive = string | number | boolean;
|
|
5
|
+
export type DotContentBasic = DotContentPrimitive | Node | Element | NodeList | Component | IDotDocument;
|
|
6
|
+
export type DotContent = DotContentBasic | Array<DotContent> | (() => DotContent);
|
|
7
7
|
export interface IDotDocument {
|
|
8
8
|
(document?: Element, classPrefix?: number): void;
|
|
9
9
|
_appendOrCreateDocument(content: DotContent, parentEl?: Element, beforeNode?: Node | number): any;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { NumericAngle, NumericLength } from "../i-dotcss";
|
|
2
|
+
import CssDataType from "./css-data-type";
|
|
3
|
+
export default class CssTransform extends CssDataType {
|
|
4
|
+
transformations: Array<{
|
|
5
|
+
transformation: string;
|
|
6
|
+
args: Array<any>;
|
|
7
|
+
}>;
|
|
8
|
+
finalMatrix: number[];
|
|
9
|
+
simpleValue: string;
|
|
10
|
+
constructor(value: any);
|
|
11
|
+
toString(): string;
|
|
12
|
+
private appendTransformString;
|
|
13
|
+
matrix3d(a1: number, b1: number, c1: number, d1: number, a2: number, b2: number, c2: number, d2: number, a3: number, b3: number, c3: number, d3: number, a4: number, b4: number, c4: number, d4: number): this;
|
|
14
|
+
matrix(a: number, b: number, c: number, d: number, tx: number, ty: number): this;
|
|
15
|
+
translate(x: NumericLength, y?: NumericLength): this;
|
|
16
|
+
translate3d(x: NumericLength, y: NumericLength, z: NumericLength): this;
|
|
17
|
+
translateX(x: NumericLength): this;
|
|
18
|
+
translateY(y: NumericLength): this;
|
|
19
|
+
translateZ(z: NumericLength): this;
|
|
20
|
+
scale(x: number, y?: number): this;
|
|
21
|
+
scale3d(x: number, y: number, z: number): this;
|
|
22
|
+
scaleX(x: number): this;
|
|
23
|
+
scaleY(y: number): this;
|
|
24
|
+
scaleZ(z: number): this;
|
|
25
|
+
rotate(x: NumericAngle): this;
|
|
26
|
+
rotate3d(x: number, y: number, z: number, a: NumericAngle): this;
|
|
27
|
+
rotate3dDeg(x: number, y: number, z: number, a: number): this;
|
|
28
|
+
rotate3dRad(x: number, y: number, z: number, a: number): this;
|
|
29
|
+
rotate3dGrad(x: number, y: number, z: number, a: number): this;
|
|
30
|
+
rotate3dTurn(x: number, y: number, z: number, a: number): this;
|
|
31
|
+
rotateX(x: NumericAngle): this;
|
|
32
|
+
rotateY(y: NumericAngle): this;
|
|
33
|
+
rotateZ(z: NumericAngle): this;
|
|
34
|
+
skew(x: NumericAngle, y?: NumericAngle): this;
|
|
35
|
+
skewX(x: NumericAngle): this;
|
|
36
|
+
skewY(y: NumericAngle): this;
|
|
37
|
+
perspective(d: NumericLength): this;
|
|
38
|
+
}
|