godown 3.0.1 → 3.0.2

package/components/alert.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{constructCSSObject as r,toVar as t,godown as e,styles as i,htmlSlot as l,attr as c,htmlStyle as a}from"@godown/element";import s from"@godown/f7-icon/icons/checkmark-alt-circle.js";import n from"@godown/f7-icon/icons/exclamationmark-circle.js";import d from"@godown/f7-icon/icons/info-circle.js";import p from"@godown/f7-icon/icons/lightbulb.js";import g from"@godown/f7-icon/icons/question-circle.js";import h from"@godown/f7-icon/icons/slash-circle.js";import m from"@godown/f7-icon/icons/xmark-circle.js";import u from"@godown/f7-icon/icons/xmark.js";import{css as b,html as v}from"lit";import{property as y}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as k,GlobalStyle as w}from"../core/global-style.js";const $="alert",_=f($),j=["color","background"].map((o=>`${_}--${o}`)),x=o=>[k._colors[o][5],k._colors[o][9]],q=r(j,{green:x("green"),blue:x("blue"),orange:x("orange"),red:x("red"),yellow:x("yellow"),purple:x("purple"),teal:x("teal"),pink:x("pink"),gray:[k._colors.lightgray[5],k._colors.darkgray[5]],white:[k._colors.lightgray[2],k._colors.darkgray[7]],black:[k._colors.darkgray[8],k._colors.lightgray[5]]},(()=>":host"),(o=>t(o))),C=o=>[k._colors[o][6],k._colors[o][0]],E=r(j,{green:C("green"),blue:C("blue"),orange:C("orange"),red:C("red"),yellow:C("yellow"),purple:C("purple"),teal:C("teal"),pink:C("pink"),gray:[k._colors.darkgray[5],k._colors.lightgray[7]],white:[k._colors.lightgray[0],k._colors.darkgray[0]],black:[k._colors.darkgray[7],k._colors.lightgray[3]]},(()=>":host"),(o=>t(o))),A={tip:{color:"teal",icon:p},success:{color:"green",icon:s},info:{color:"blue",icon:d},warning:{color:"orange",icon:n},danger:{color:"red",icon:m},error:{color:"red",icon:m},help:{color:"purple",icon:g},deprecated:{color:"gray",icon:h}};let B=class Alert extends w{constructor(){super(...arguments),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const o=A[this.call]?.color||this.color,r=this.call?A[this.call].icon():l("icon");return v`<div part="root" ${c(this.observedRecord)}><div part="icon">${r}</div><div part="content"><strong part="title">${this.title||l("title")}</strong> ${this.content||l()}</div>${this.hideClose||"blockquote"===this.variant?"":v`<div part="close" tabindex="0" @click="${this.close}">${u()}</div>`} ${a("dark"===this.variant?q[o]:E[o])}</div>`}close(){this.remove(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}firstUpdated(){this.autoclose&&setTimeout((()=>this.close()),this.autoclose)}static alert(o,r){const t=new this;return Object.assign(t,r),o.appendChild(t),t}};o([y()],B.prototype,"call",void 0),o([y()],B.prototype,"color",void 0),o([y({type:Number})],B.prototype,"autoclose",void 0),o([y()],B.prototype,"title",void 0),o([y()],B.prototype,"content",void 0),o([y({type:Boolean})],B.prototype,"hideClose",void 0),o([y()],B.prototype,"variant",void 0),B=o([e($),i(b`:host,:where(:host([contents]) [part=root]){border-radius:var(${_}--border-radius);${_}--border-radius:.25em;${_}--border-width:.075em;${_}--blockquote-width:.2em;${_}--padding:.5em;display:block;width:100%}[part=root]{--color:var(${_}--color);background:var(${_}--background);border:var(${_}--border-width) solid var(--color);border-radius:inherit;color:var(--color);display:flex;justify-content:space-between;padding:var(${_}--padding);transition:.25s;width:100%}[variant=blockquote]{background:0 0;border:none;border-left:var(${_}--blockquote-width) solid var(--color);border-radius:0}[part=content]{color:var(--color)}[part=root]{align-items:center;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}[part=title]{line-height:2em}[part=icon]{align-items:center;display:inline-grid;height:2em}[part=icon] svg{height:1.25em;margin-right:.5em;width:1.25em}[part=content]{grid-row:span 2/span 2;line-height:1.5em}`)],B);var N=B;export{B as Alert,N as default};
+import{__decorate as o}from"tslib";import{constructCSSObject as r,toVar as t,godown as e,styles as i,htmlSlot as l,attr as c,htmlStyle as a}from"@godown/element";import s from"@godown/f7-icon/icons/checkmark-alt-circle.js";import n from"@godown/f7-icon/icons/exclamationmark-circle.js";import d from"@godown/f7-icon/icons/info-circle.js";import p from"@godown/f7-icon/icons/lightbulb.js";import g from"@godown/f7-icon/icons/question-circle.js";import h from"@godown/f7-icon/icons/slash-circle.js";import m from"@godown/f7-icon/icons/xmark-circle.js";import u from"@godown/f7-icon/icons/xmark.js";import{css as b,html as v}from"lit";import{property as y}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as k,GlobalStyle as w}from"../core/global-style.js";const $="alert",_=f($),j=["color","background"].map((o=>`${_}--${o}`)),x=o=>[k._colors[o][5],k._colors[o][9]],q=r(j,{green:x("green"),blue:x("blue"),orange:x("orange"),red:x("red"),yellow:x("yellow"),purple:x("purple"),teal:x("teal"),pink:x("pink"),gray:[k._colors.lightgray[5],k._colors.darkgray[5]],white:[k._colors.lightgray[2],k._colors.darkgray[7]],black:[k._colors.darkgray[8],k._colors.lightgray[5]]},(()=>":host"),(o=>t(o))),C=o=>[k._colors[o][6],k._colors[o][0]],E=r(j,{green:C("green"),blue:C("blue"),orange:C("orange"),red:C("red"),yellow:C("yellow"),purple:C("purple"),teal:C("teal"),pink:C("pink"),gray:[k._colors.darkgray[5],k._colors.lightgray[7]],white:[k._colors.lightgray[0],k._colors.darkgray[0]],black:[k._colors.darkgray[7],k._colors.lightgray[3]]},(()=>":host"),(o=>t(o))),A={tip:{color:"teal",icon:p},success:{color:"green",icon:s},info:{color:"blue",icon:d},warning:{color:"orange",icon:n},danger:{color:"red",icon:m},error:{color:"red",icon:m},help:{color:"purple",icon:g},deprecated:{color:"gray",icon:h}};let B=class Alert extends w{constructor(){super(...arguments),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const o=A[this.call]?.color||this.color,r=this.call?A[this.call].icon():l("icon");return v`<div part="root" ${c(this.observedRecord)}><div part="icon">${r}</div><div part="content"><strong part="title">${this.title||l("title")}</strong> ${this.content||l()}</div>${this.hideClose||"blockquote"===this.variant?"":v`<div part="close" tabindex="0" @click="${this.close}">${u()}</div>`} ${a("dark"===this.variant?q[o]:E[o])}</div>`}close(){this.remove(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}firstUpdated(){this.autoclose&&setTimeout((()=>this.close()),this.autoclose)}static alert(o,r){const t=new this;return Object.assign(t,r),o.appendChild(t),t}};o([y()],B.prototype,"call",void 0),o([y()],B.prototype,"color",void 0),o([y({type:Number})],B.prototype,"autoclose",void 0),o([y()],B.prototype,"title",void 0),o([y()],B.prototype,"content",void 0),o([y({type:Boolean})],B.prototype,"hideClose",void 0),o([y()],B.prototype,"variant",void 0),B=o([e($),i(b`:host,:where(:host([contents]) [part=root]){border-radius:var(${_}--border-radius);${_}--border-radius:.25em;${_}--border-width:.075em;${_}--blockquote-width:.2em;${_}--padding:.5em;display:block;width:100%}[part=root]{--color:var(${_}--color);background:var(${_}--background);border:var(${_}--border-width) solid var(--color);border-radius:inherit;color:var(--color);display:flex;justify-content:space-between;padding:var(${_}--padding);transition:.25s;width:100%}[variant=blockquote]{background:transparent;border:none;border-left:var(${_}--blockquote-width) solid var(--color);border-radius:0}[part=content]{color:var(--color)}[part=root]{align-items:center;display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}[part=title]{line-height:2em}[part=icon]{align-items:center;display:inline-grid;height:2em}[part=icon] svg{height:1.25em;margin-right:.5em;width:1.25em}[part=content]{grid-row:span 2/span 2;line-height:1.5em}`)],B);var N=B;export{B as Alert,N as default};
 //# sourceMappingURL=alert.js.map

package/components/alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"alert.js","sources":["../src/components/alert.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","vars","map","v","genDark","key","cssGlobalVars","_colors","darkStyles","constructCSSObject","green","blue","orange","red","yellow","purple","teal","pink","gray","lightgray","darkgray","white","black","prop","toVar","genLight","lightStyles","calls","tip","color","icon","iconLightbulb","success","iconCheckAltCircle","info","iconInfoCircle","warning","iconExclamationCircle","danger","iconXmarkCircle","error","help","iconQuestionCircle","deprecated","iconSlashCircle","Alert","GlobalStyle","constructor","this","autoclose","hideClose","variant","render","call","htmlSlot","html","attr","observedRecord","title","content","close","iconXmark","htmlStyle","remove","dispatchEvent","CustomEvent","bubbles","composed","firstUpdated","setTimeout","alert","root","option","ai","Object","assign","appendChild","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","Alert$1"],"mappings":"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"}
+{"version":3,"file":"alert.js","sources":["../src/components/alert.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","vars","map","v","genDark","key","cssGlobalVars","_colors","darkStyles","constructCSSObject","green","blue","orange","red","yellow","purple","teal","pink","gray","lightgray","darkgray","white","black","prop","toVar","genLight","lightStyles","calls","tip","color","icon","iconLightbulb","success","iconCheckAltCircle","info","iconInfoCircle","warning","iconExclamationCircle","danger","iconXmarkCircle","error","help","iconQuestionCircle","deprecated","iconSlashCircle","Alert","GlobalStyle","constructor","this","autoclose","hideClose","variant","render","call","htmlSlot","html","attr","observedRecord","title","content","close","iconXmark","htmlStyle","remove","dispatchEvent","CustomEvent","bubbles","composed","firstUpdated","setTimeout","alert","root","option","ai","Object","assign","appendChild","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","Alert$1"],"mappings":"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"}

package/components/breath.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as r,styles as o,attr as e,htmlStyle as i}from"@godown/element";import{css as a,html as n}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as c,GlobalStyle as p}from"../core/global-style.js";const d="breath",$=l(d);let u=class Breath extends p{render(){const t=this.getTexts();return n`<div part="root" ${e(this.observedRecord)}>${[t.map(this.renderText),i(this._computeStyle(t.length))]}</div>`}renderText(t){return n`<span class="rel"><span class="nocolor">${t}</span> <span class="colorful">${t}</span></span>`}getTexts(){return Array.isArray(this.text)?this.text:(this.text||this.textContent).split(/\s+/).filter((t=>t))}_computeStyle(t){const r=50/t,o=this.parseDuration()||2*t+2;let e="";for(let r=1;r<=t;r++){e+=`.rel:nth-child(${r}) .colorful{animation-delay:${-o/t*(t-r+1)}s;background:var(${$}--${r},var(${$}--${(r-1)%3+1}));}`}return`.colorful{animation-duration:${o}s;}@keyframes colorfulN{0%,${3*r}%{opacity:0;}${r}%,${2*r}%{opacity:1;}}${e}`}parseDuration(){const{duration:t}=this;if(t){if(t.endsWith("s"))return Number.parseFloat(t.slice(0,-1));if(t.endsWith("ms"))return Number.parseFloat(t.slice(0,-2))/1e3}}};t([s()],u.prototype,"text",void 0),t([s()],u.prototype,"duration",void 0),u=t([r(d),o(a`:host{${$}--deg:60deg;${$}--1-1:var(${c._colors.red[5]});${$}--1-2:var(${c._colors.yellow[5]});${$}--2-1:var(${c._colors.green[5]});${$}--2-2:var(${c._colors.purple[5]});${$}--3-1:var(${c._colors.blue[5]});${$}--3-2:var(${c._colors.pink[5]});${$}--1:linear-gradient(var(${$}--deg),var(${$}--1-1),var(${$}--1-2));${$}--2:linear-gradient(var(${$}--deg),var(${$}--2-1),var(${$}--2-2));${$}--3:linear-gradient(var(${$}--deg),var(${$}--3-1),var(${$}--3-2))}`,a`:host{align-items:center;direction:ltr;font-size:2em;margin:auto;width:-moz-fit-content;width:fit-content}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:0 0}.rel{font-size:inherit;font-weight:800;letter-spacing:-.05em;position:relative}`,a`.colorful,.nocolor{animation-iteration-count:infinite;-webkit-background-clip:text!important;background-clip:text!important;box-sizing:border-box;color:transparent;display:inline-block;padding:0 .05em}.colorful{animation-name:colorfulN;opacity:0}.nocolor{background:var(${c.clipBackground});position:absolute;top:0}`)],u);var m=u;export{u as Breath,m as default};
+import{__decorate as t}from"tslib";import{godown as r,styles as o,attr as e,htmlStyle as i}from"@godown/element";import{css as a,html as n}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as c,GlobalStyle as p}from"../core/global-style.js";const d="breath",$=l(d);let u=class Breath extends p{render(){const t=this.getTexts();return n`<div part="root" ${e(this.observedRecord)}>${[t.map(this.renderText),i(this._computeStyle(t.length))]}</div>`}renderText(t){return n`<span class="rel"><span class="nocolor">${t}</span> <span class="colorful">${t}</span></span>`}getTexts(){return Array.isArray(this.text)?this.text:(this.text||this.textContent).split(/\s+/).filter((t=>t))}_computeStyle(t){const r=50/t,o=this.parseDuration()||2*t+2;let e="";for(let r=1;r<=t;r++){e+=`.rel:nth-child(${r}) .colorful{animation-delay:${-o/t*(t-r+1)}s;background:var(${$}--${r},var(${$}--${(r-1)%3+1}));}`}return`.colorful{animation-duration:${o}s;}@keyframes colorfulN{0%,${3*r}%{opacity:0;}${r}%,${2*r}%{opacity:1;}}${e}`}parseDuration(){const{duration:t}=this;if(t){if(t.endsWith("s"))return Number.parseFloat(t.slice(0,-1));if(t.endsWith("ms"))return Number.parseFloat(t.slice(0,-2))/1e3}}};t([s()],u.prototype,"text",void 0),t([s()],u.prototype,"duration",void 0),u=t([r(d),o(a`:host{${$}--deg:60deg;${$}--1-1:var(${c._colors.red[5]});${$}--1-2:var(${c._colors.yellow[5]});${$}--2-1:var(${c._colors.green[5]});${$}--2-2:var(${c._colors.purple[5]});${$}--3-1:var(${c._colors.blue[5]});${$}--3-2:var(${c._colors.pink[5]});${$}--1:linear-gradient(var(${$}--deg),var(${$}--1-1),var(${$}--1-2));${$}--2:linear-gradient(var(${$}--deg),var(${$}--2-1),var(${$}--2-2));${$}--3:linear-gradient(var(${$}--deg),var(${$}--3-1),var(${$}--3-2))}`,a`:host{align-items:center;direction:ltr;font-size:2em;margin:auto;width:-moz-fit-content;width:fit-content}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:none}.rel{font-size:inherit;font-weight:800;letter-spacing:-.05em;position:relative}`,a`.colorful,.nocolor{animation-iteration-count:infinite;-webkit-background-clip:text!important;background-clip:text!important;box-sizing:border-box;color:transparent;display:inline-block;padding:0 .05em}.colorful{animation-name:colorfulN;opacity:0}.nocolor{background:var(${c.clipBackground});position:absolute;top:0}`)],u);var m=u;export{u as Breath,m as default};
 //# sourceMappingURL=breath.js.map

package/components/breath.js.map

@@ -1 +1 @@
-{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","renderText","htmlStyle","_computeStyle","length","text","Array","isArray","textContent","split","filter","x","len","gap","duration","parseDuration","style1","number","endsWith","Number","parseFloat","slice","__decorate","property","prototype","undefined","godown","styles","css","cssGlobalVars","_colors","red","yellow","green","purple","blue","pink","clipBackground","Breath$1"],"mappings":"4RAMA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAuB7B,IAAMG,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAGLC,EAAKH,KAAKI,mBAEV,CAACL,EAAMM,IAAIL,KAAKM,YAAaC,EAAUP,KAAKQ,cAAcT,EAAMU,kBAK9D,UAAAH,CAAWI,GACnB,OAAOR,CAAI,2CAEiBQ,mCACCA,kBAKrB,QAAAT,GACR,OAAOU,MAAMC,QAAQZ,KAAKU,MAAQV,KAAKU,MAAQV,KAAKU,MAAQV,KAAKa,aAAaC,MAAM,OAAOC,QAAQC,GAAMA,IAGjG,aAAAR,CAAcS,GACtB,MAAMC,EAAM,GAAUD,EAChBE,EAAWnB,KAAKoB,iBAAyB,EAANH,EAAU,EACnD,IAAII,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUL,EAAKK,IAAU,CAG5CD,GAAU,kBAAkBC,iCAFZH,EAAWF,GAAQA,EAAMK,EAAS,sBAEwC5B,MAAa4B,SAAc5B,OAD7F4B,EAAS,GAAK,EAAK,QAG7C,MAAO,gCAAgCH,+BAA4C,EAAND,iBAAuBA,MAC5F,EAANA,kBACeG,IAGT,aAAAD,GACR,MAAMD,SAAEA,GAAanB,KACrB,GAAImB,EAAU,CACZ,GAAIA,EAASI,SAAS,KACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAG,IAE7C,GAAIP,EAASI,SAAS,MACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAG,IAAO,OAtDxDC,EAAA,CADCC,KACsBhC,EAAAiC,UAAA,YAAAC,GAMvBH,EAAA,CADCC,KACehC,EAAAiC,UAAA,gBAAAC,GAbZlC,EAAM+B,EAAA,CANXI,EAAOtC,GACPuC,EACCC,CAAG,SAASvC,gBAAuBA,cAAqBwC,EAAcC,QAAQC,IAAI,OAAO1C,cAAqBwC,EAAcC,QAAQE,OAAO,OAAO3C,cAAqBwC,EAAcC,QAAQG,MAAM,OAAO5C,cAAqBwC,EAAcC,QAAQI,OAAO,OAAO7C,cAAqBwC,EAAcC,QAAQK,KAAK,OAAO9C,cAAqBwC,EAAcC,QAAQM,KAAK,OAAO/C,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YACpoBuC,CAAG,qSACHA,CAAG,iRAAiRC,EAAcQ,6CAE9R9C,GAmEN,IAAA+C,EAAe/C"}
+{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","renderText","htmlStyle","_computeStyle","length","text","Array","isArray","textContent","split","filter","x","len","gap","duration","parseDuration","style1","number","endsWith","Number","parseFloat","slice","__decorate","property","prototype","undefined","godown","styles","css","cssGlobalVars","_colors","red","yellow","green","purple","blue","pink","clipBackground","Breath$1"],"mappings":"4RAMA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAuB7B,IAAMG,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAGLC,EAAKH,KAAKI,mBAEV,CAACL,EAAMM,IAAIL,KAAKM,YAAaC,EAAUP,KAAKQ,cAAcT,EAAMU,kBAK9D,UAAAH,CAAWI,GACnB,OAAOR,CAAI,2CAEiBQ,mCACCA,kBAKrB,QAAAT,GACR,OAAOU,MAAMC,QAAQZ,KAAKU,MAAQV,KAAKU,MAAQV,KAAKU,MAAQV,KAAKa,aAAaC,MAAM,OAAOC,QAAQC,GAAMA,IAGjG,aAAAR,CAAcS,GACtB,MAAMC,EAAM,GAAUD,EAChBE,EAAWnB,KAAKoB,iBAAyB,EAANH,EAAU,EACnD,IAAII,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUL,EAAKK,IAAU,CAG5CD,GAAU,kBAAkBC,iCAFZH,EAAWF,GAAQA,EAAMK,EAAS,sBAEwC5B,MAAa4B,SAAc5B,OAD7F4B,EAAS,GAAK,EAAK,QAG7C,MAAO,gCAAgCH,+BAA4C,EAAND,iBAAuBA,MAC5F,EAANA,kBACeG,IAGT,aAAAD,GACR,MAAMD,SAAEA,GAAanB,KACrB,GAAImB,EAAU,CACZ,GAAIA,EAASI,SAAS,KACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAG,IAE7C,GAAIP,EAASI,SAAS,MACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAG,IAAO,OAtDxDC,EAAA,CADCC,KACsBhC,EAAAiC,UAAA,YAAAC,GAMvBH,EAAA,CADCC,KACehC,EAAAiC,UAAA,gBAAAC,GAbZlC,EAAM+B,EAAA,CANXI,EAAOtC,GACPuC,EACCC,CAAG,SAASvC,gBAAuBA,cAAqBwC,EAAcC,QAAQC,IAAI,OAAO1C,cAAqBwC,EAAcC,QAAQE,OAAO,OAAO3C,cAAqBwC,EAAcC,QAAQG,MAAM,OAAO5C,cAAqBwC,EAAcC,QAAQI,OAAO,OAAO7C,cAAqBwC,EAAcC,QAAQK,KAAK,OAAO9C,cAAqBwC,EAAcC,QAAQM,KAAK,OAAO/C,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YACpoBuC,CAAG,sSACHA,CAAG,iRAAiRC,EAAcQ,6CAE9R9C,GAmEN,IAAA+C,EAAe/C"}

package/components/button.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{constructCSSObject as t,toVar as r,part as e,godown as i,styles as a,attr as n,htmlSlot as l,htmlStyle as s}from"@godown/element";import{css as d,html as c}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as g,GlobalStyle as u}from"../core/global-style.js";const v="button",m=h(v),y=g.white,b=g.black,f=t(["color","background","gradients"].map((o=>`${m}--${o}`)),{black:[y,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[y,g._colors.darkgray[1],g._colors.lightgray[8]],white:[b,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[y,g._colors.blue[6],g._colors.blue[4]],green:[y,g._colors.green[6],g._colors.green[4]],red:[y,g._colors.red[6],g._colors.red[4]],orange:[y,g._colors.orange[6],g._colors.orange[4]],pink:[y,g._colors.pink[6],g._colors.pink[4]],purple:[y,g._colors.purple[6],g._colors.purple[4]],yellow:[b,g._colors.yellow[6],g._colors.yellow[4]],teal:[y,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>r(o)));let $=class Button extends u{constructor(){super(...arguments),this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){const o=this.nextColor();return c`<div part="root" ${n(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content||l(),s(f[o])]}</div></div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}firstUpdated(){this.events.add(this,"click",this._handelClick,!0)}_handelClick(o){if(this.disabled)return o.stopPropagation(),void o.preventDefault();this._handleModal(o)}_handleModal(o){const t=document.createElement("i"),r=this._root.getBoundingClientRect(),{height:e,width:i}=r,a=2*Math.sqrt(e*e+i*i)+"px";t.style.height=a,t.style.width=a,t.style.left=o.clientX-r.left+"px",t.style.top=o.clientY-r.y+"px",t.style.animationName="kf",this._modalRoot.appendChild(t),t.addEventListener("animationend",(()=>t.remove()),{once:!0})}nextColor(){return this.color}};o([p({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"ghost",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"active",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"round",void 0),o([p({reflect:!0})],$.prototype,"color",void 0),o([p()],$.prototype,"content",void 0),o([e("modal-root")],$.prototype,"_modalRoot",void 0),o([e("root")],$.prototype,"_root",void 0),$=o([i(v),a(d`:host(:not([disabled]):active){transform:scale(var(${m}--focus-scale))}:host([round]){${m}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${m}--modal-background:var(${m}--ghost-color);background:0 0;box-shadow:inset 0 0 0 var(${m}--ghost-width) var(${m}--ghost-color);color:var(${m}--ghost-color)}`,d`:host{${m}--padding-x:.5em;${m}--padding-y:min(calc(var(${m}--padding-x)/2),.25em);${m}--padding:var(${m}--padding-y) var(${m}--padding-x);${m}--modal-animation-duration:1s;${m}--ghost-width:.08em;${m}--focus-scale:.97;${m}--deg:45deg;${m}--ghost-color:var(${m}--background);background:linear-gradient(var(${m}--deg),var(${m}--background),var(${m}--gradients,var(${m}--background)));border-radius:.3em;color:var(${m}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:0!important;text-align:center;transition:.1s;width:-moz-fit-content;width:fit-content}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;height:100%;overflow:hidden;position:relative;transition:none;transition-duration:inherit;-webkit-user-select:none;user-select:none;width:100%}[part=content]{padding:var(${m}--padding)}i{animation-duration:var(${m}--modal-animation-duration);background:var(${m}--modal-background,currentColor);border-radius:50%;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible;width:100%}@keyframes kf{0%{opacity:var(${m}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],$);var _=$;export{$ as Button,_ as default};
+import{__decorate as o}from"tslib";import{constructCSSObject as t,toVar as r,part as e,godown as i,styles as a,attr as n,htmlSlot as l,htmlStyle as s}from"@godown/element";import{css as d,html as c}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as g,GlobalStyle as u}from"../core/global-style.js";const v="button",m=h(v),y=g.white,b=g.black,f=t(["color","background","gradients"].map((o=>`${m}--${o}`)),{black:[y,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[y,g._colors.darkgray[1],g._colors.lightgray[8]],white:[b,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[y,g._colors.blue[6],g._colors.blue[4]],green:[y,g._colors.green[6],g._colors.green[4]],red:[y,g._colors.red[6],g._colors.red[4]],orange:[y,g._colors.orange[6],g._colors.orange[4]],pink:[y,g._colors.pink[6],g._colors.pink[4]],purple:[y,g._colors.purple[6],g._colors.purple[4]],yellow:[b,g._colors.yellow[6],g._colors.yellow[4]],teal:[y,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>r(o)));let $=class Button extends u{constructor(){super(...arguments),this.disabled=!1,this.ghost=!1,this.active=!1,this.round=!1,this.color="black"}render(){const o=this.nextColor();return c`<div part="root" ${n(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content||l(),s(f[o])]}</div></div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}firstUpdated(){this.events.add(this,"click",this._handelClick,!0)}_handelClick(o){if(this.disabled)return o.stopPropagation(),void o.preventDefault();this._handleModal(o)}_handleModal(o){const t=document.createElement("i"),r=this._root.getBoundingClientRect(),{height:e,width:i}=r,a=2*Math.sqrt(e*e+i*i)+"px";t.style.height=a,t.style.width=a,t.style.left=o.clientX-r.left+"px",t.style.top=o.clientY-r.y+"px",t.style.animationName="kf",this._modalRoot.appendChild(t),t.addEventListener("animationend",(()=>t.remove()),{once:!0})}nextColor(){return this.color}};o([p({type:Boolean,reflect:!0})],$.prototype,"disabled",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"ghost",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"active",void 0),o([p({type:Boolean,reflect:!0})],$.prototype,"round",void 0),o([p({reflect:!0})],$.prototype,"color",void 0),o([p()],$.prototype,"content",void 0),o([e("modal-root")],$.prototype,"_modalRoot",void 0),o([e("root")],$.prototype,"_root",void 0),$=o([i(v),a(d`:host(:not([disabled]):active){transform:scale(var(${m}--focus-scale))}:host([round]){${m}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${m}--modal-background:var(${m}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${m}--ghost-width) var(${m}--ghost-color);color:var(${m}--ghost-color)}`,d`:host{${m}--padding-x:.5em;${m}--padding-y:min(calc(var(${m}--padding-x)/2),.125em);${m}--padding:var(${m}--padding-y) var(${m}--padding-x);${m}--modal-animation-duration:1s;${m}--ghost-width:.08em;${m}--focus-scale:.97;${m}--deg:45deg;${m}--ghost-color:var(${m}--background);background:linear-gradient(var(${m}--deg),var(${m}--background),var(${m}--gradients,var(${m}--background)));border-radius:.3em;color:var(${m}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:0!important;text-align:center;transition:.1s;width:-moz-fit-content;width:fit-content}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;overflow:hidden;padding:var(${m}--padding);position:relative;transition:none;transition-duration:inherit;-webkit-user-select:none;user-select:none}[part=root],i{height:100%;width:100%}i{animation-duration:var(${m}--modal-animation-duration);background:var(${m}--modal-background,currentColor);border-radius:50%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible}@keyframes kf{0%{opacity:var(${m}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],$);var _=$;export{$ as Button,_ as default};
 //# sourceMappingURL=button.js.map

package/components/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","whiteFont","cssGlobalVars","white","blackFont","black","colors","constructCSSObject","map","k","_colors","darkgray","gray","lightgray","blue","green","red","orange","pink","purple","yellow","teal","prop","toVar","Button","GlobalStyle","constructor","this","disabled","ghost","active","round","color","render","nextColor","html","attr","observedRecord","content","htmlSlot","htmlStyle","focus","super","blur","firstUpdated","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","rect","_root","getBoundingClientRect","height","width","size","Math","sqrt","style","left","clientX","top","clientY","y","animationName","_modalRoot","appendChild","addEventListener","remove","once","__decorate","property","type","Boolean","reflect","prototype","undefined","part","godown","styles","css","Button$1"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","whiteFont","cssGlobalVars","white","blackFont","black","colors","constructCSSObject","map","k","_colors","darkgray","gray","lightgray","blue","green","red","orange","pink","purple","yellow","teal","prop","toVar","Button","GlobalStyle","constructor","this","disabled","ghost","active","round","color","render","nextColor","html","attr","observedRecord","content","htmlSlot","htmlStyle","focus","super","blur","firstUpdated","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","rect","_root","getBoundingClientRect","height","width","size","Math","sqrt","style","left","clientX","top","clientY","y","animationName","_modalRoot","appendChild","addEventListener","remove","once","__decorate","property","type","Boolean","reflect","prototype","undefined","part","godown","styles","css","Button$1"],"mappings":"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"}

package/components/details.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as i,styles as o,attr as r,htmlSlot as e}from"@godown/element";import a from"@godown/f7-icon/icons/chevron-down.js";import{css as s,html as n}from"lit";import{property as l}from"lit/decorators.js";import{scopePrefix as d}from"../core/global-style.js";import p from"../core/super-openable.js";const c="details",m=d(c);let f=class Details extends p{constructor(){super(...arguments),this.fill=!1,this.summary=""}render(){return n`<dl part="root" ${r(this.observedRecord)}><dt part="title" @click="${this._handelClick}"><span part="summary">${this.summary||e("summary")}</span> <span><i part="icon">${a()}</i></span></dt><dd part="details" @click="${this.fill?()=>this.toggle():null}"><div style="min-height:0">${e()}</div></dd></dl>`}};t([l({type:Boolean})],f.prototype,"fill",void 0),t([l()],f.prototype,"summary",void 0),f=t([i(c),o(s`:host{${m}--icon-deg-open:0deg;${m}--icon-deg-close:90deg;${m}--icon-space:0.3em;${m}--summary-direction:row;${m}--transition:.3s;display:block;height:-moz-fit-content;height:fit-content;transition:var(${m}--transition)}[part=root]{height:100%;overflow:hidden;position:relative}[part=title]{align-items:center;background:inherit;direction:ltr;display:flex;flex-direction:var(${m}--summary-direction);flex-wrap:nowrap;height:100%;justify-content:space-between}[part=details]{display:grid;grid-template-rows:0fr;overflow:hidden;transition:var(${m}--transition);transition-property:grid-template-rows}:host([open]) [part=details]{grid-template-rows:1fr}:host([float]) [part=details]{position:absolute;top:100%}[part=icon]{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;padding:var(${m}--icon-space);transform:rotate(var(${m}--icon-deg-close));transition:var(${m}--transition)}:host([open]) [part=icon]{transform:rotate(var(${m}--icon-deg-open))}`)],f);var h=f;export{f as Details,h as default};
+import{__decorate as t}from"tslib";import{godown as i,styles as o,attr as r,htmlSlot as e}from"@godown/element";import a from"@godown/f7-icon/icons/chevron-down.js";import{css as s,html as n}from"lit";import{property as l}from"lit/decorators.js";import{scopePrefix as d}from"../core/global-style.js";import p from"../core/super-openable.js";const c="details",m=d(c);let f=class Details extends p{constructor(){super(...arguments),this.fill=!1,this.summary=""}render(){return n`<dl part="root" ${r(this.observedRecord)}><dt part="title" @click="${this._handelClick}"><span part="summary">${this.summary||e("summary")}</span> <span><i part="icon">${a()}</i></span></dt><dd part="details" @click="${this.fill?()=>this.toggle():null}"><div style="min-height: 0;">${e()}</div></dd></dl>`}};t([l({type:Boolean})],f.prototype,"fill",void 0),t([l()],f.prototype,"summary",void 0),f=t([i(c),o(s`:host{${m}--icon-deg-open:0deg;${m}--icon-deg-close:90deg;${m}--icon-space:0.3em;${m}--summary-direction:row;${m}--transition:.3s;display:block;height:-moz-fit-content;height:fit-content;transition:var(${m}--transition)}[part=root]{height:100%;overflow:hidden;position:relative}[part=title]{align-items:center;background:inherit;direction:ltr;display:flex;flex-direction:var(${m}--summary-direction);flex-wrap:nowrap;height:100%;justify-content:space-between}[part=details]{display:grid;grid-template-rows:0fr;overflow:hidden;transition:var(${m}--transition);transition-property:grid-template-rows}:host([open]) [part=details]{grid-template-rows:1fr}:host([float]) [part=details]{position:absolute;top:100%}[part=icon]{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;padding:var(${m}--icon-space);transform:rotate(var(${m}--icon-deg-close));transition:var(${m}--transition)}:host([open]) [part=icon]{transform:rotate(var(${m}--icon-deg-open))}`)],f);var h=f;export{f as Details,h as default};
 //# sourceMappingURL=details.js.map

package/components/details.js.map

@@ -1 +1 @@
-{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","fill","summary","render","html","attr","observedRecord","_handelClick","htmlSlot","svgCaretDown","toggle","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","Details$1"],"mappings":"qVAQA,MAAMA,EAAY,UAEZC,EAAWC,EAAYF,GAY7B,IAAMG,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAIC,MAAG,EAMPD,KAAOE,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAGLC,EAAKL,KAAKM,4CAIAN,KAAKO,sCAEQP,KAAKE,SAAWM,EAAS,0CAE7BC,iDAKVT,KAAKC,KAAO,IAAMD,KAAKU,SAAW,mCAEbF,wBA3BtCG,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACNjB,EAAAkB,UAAA,YAAAC,GAMZL,EAAA,CADCC,KACWf,EAAAkB,UAAA,eAAAC,GAXRnB,EAAOc,EAAA,CAFZM,EAAOvB,GACPwB,EAAOC,CAAG,SAASxB,yBAAgCA,2BAAkCA,uBAA8BA,4BAAmCA,6FAAoGA,6KAAoLA,sKAA6KA,yQAAgRA,uCAA8CA,sCAA6CA,iEAAwEA,wBACzgCE,GAuCN,IAAAuB,EAAevB"}
+{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","fill","summary","render","html","attr","observedRecord","_handelClick","htmlSlot","svgCaretDown","toggle","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","Details$1"],"mappings":"qVAQA,MAAMA,EAAY,UAEZC,EAAWC,EAAYF,GAY7B,IAAMG,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAIC,MAAG,EAMPD,KAAOE,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAGLC,EAAKL,KAAKM,4CAIAN,KAAKO,sCAEQP,KAAKE,SAAWM,EAAS,0CAE7BC,iDAKVT,KAAKC,KAAO,IAAMD,KAAKU,SAAW,qCAEbF,wBA3BtCG,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACNjB,EAAAkB,UAAA,YAAAC,GAMZL,EAAA,CADCC,KACWf,EAAAkB,UAAA,eAAAC,GAXRnB,EAAOc,EAAA,CAFZM,EAAOvB,GACPwB,EAAOC,CAAG,SAASxB,yBAAgCA,2BAAkCA,uBAA8BA,4BAAmCA,6FAAoGA,6KAAoLA,sKAA6KA,yQAAgRA,uCAA8CA,sCAA6CA,iEAAwEA,wBACzgCE,GAuCN,IAAAuB,EAAevB"}

package/components/dialog.d.ts

@@ -1,6 +1,6 @@
 import { type HandlerEvent } from "@godown/element";
 import { type PropertyValues, type TemplateResult } from "lit";
-import SuperOpenable, { type Direction9 } from "../core/super-openable.js";
+import SuperOpenable from "../core/super-openable.js";
 /**
  * {@linkcode Dialog} similar to `<dialog>`.
  *
@@ -14,8 +14,9 @@ import SuperOpenable, { type Direction9 } from "../core/super-openable.js";
 declare class Dialog extends SuperOpenable {
     /**
      * Direction of the opening animation.
+     * @deprecated
      */
-    direction: Direction9;
+    direction: string;
     /**
      * Enable modal, blocking event penetration.
      */

package/components/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;;GASG;AACH,cAEM,MAAO,SAAQ,aAAa;IAChC;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAY;IAEjC;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,YAAY,CAAS;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,aAAa,CAAqC;IAE1D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAc1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;IAM/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,aAAa,MAAM,2BAA2B,CAAC;AAKtD;;;;;;;;;GASG;AACH,cAEM,MAAO,SAAQ,aAAa;IAChC;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,YAAY,CAAS;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,YAAY,CAAqC;IACzD,OAAO,CAAC,aAAa,CAAqC;IAE1D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAc1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;IAO/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/dialog.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as i,htmlSlot as n}from"@godown/element";import{css as s,html as d}from"lit";import{property as r}from"lit/decorators.js";import{scopePrefix as a,cssGlobalVars as l}from"../core/global-style.js";import h from"../core/super-openable.js";const p="dialog",c=a(p);let m=class Dialog extends h{constructor(){super(...arguments),this.direction="center",this.modal=!1,this.key="Escape",this._modalInvoke=!1}render(){return d`<div part="root" ${i(this.observedRecord)}><div part="modal"></div><div part="container">${n()}</div></div>`}showModal(){this.modal||(this.modal=!0,this._modalInvoke=!0),this.show()}updated(t){t.has("open")&&(this.open?(this._submitEvent=this.events.add(this,"submit",this._handelSubmit),this.key&&(this._keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this)))):(this.events.remove(this,"submit",this._submitEvent),this.events.remove(document,"keydown",this._keydownEvent)))}_handleKeydown(t){t.preventDefault();const o=this.key.split(/[\s,]/);(o.includes(t.key)||o.includes(t.code))&&this.close()}_handelSubmit(t){"dialog"===t.target.method&&this.close()}close(){this._modalInvoke&&(this.modal=!1,this._modalInvoke=!1),this.open=!1}};t([r()],m.prototype,"direction",void 0),t([r({type:Boolean,reflect:!0})],m.prototype,"modal",void 0),t([r()],m.prototype,"key",void 0),m=t([o(p),e(s`:host{${c}--background:none;${c}--background-modal:var(${l.background});${c}--opacity-modal:0.2;background:var(${c}--background);inset:0;pointer-events:none;position:fixed;visibility:hidden;z-index:1}:host([open]){visibility:visible}:host([open][modal]) [part=modal]{opacity:var(${c}--opacity-modal);pointer-events:all;visibility:visible}[part=modal]{background:var(${c}--background-modal);height:100%;opacity:0;position:absolute;visibility:hidden;width:100%}[part=root]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}[part=container]{pointer-events:all;position:absolute}[direction^=top] [part=container]{top:0}[direction^=bottom] [part=container]{bottom:0}[direction$=right] [part=container]{right:0}[direction$=left] [part=container]{left:0}`)],m);var v=m;export{m as Dialog,v as default};
+import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as i,htmlSlot as n}from"@godown/element";import{css as s,html as a}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as r,cssGlobalVars as l}from"../core/global-style.js";import h from"../core/super-openable.js";const p="dialog",m=r(p);let c=class Dialog extends h{constructor(){super(...arguments),this.modal=!1,this.key="Escape",this._modalInvoke=!1}render(){return a`<div part="root" ${i(this.observedRecord)}><div part="modal"></div><div part="container">${n()}</div></div>`}showModal(){this.modal||(this.modal=!0,this._modalInvoke=!0),this.show()}updated(t){t.has("open")&&(this.open?(this._submitEvent=this.events.add(this,"submit",this._handelSubmit),this.key&&(this._keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this)))):(this.events.remove(this,"submit",this._submitEvent),this.events.remove(document,"keydown",this._keydownEvent)))}_handleKeydown(t){const o=this.key.split(/[\s,]/);(o.includes(t.key)||o.includes(t.code))&&(t.preventDefault(),this.close())}_handelSubmit(t){"dialog"===t.target.method&&(t.preventDefault(),this.close())}close(){this._modalInvoke&&(this.modal=!1,this._modalInvoke=!1),this.open=!1}};t([d({type:Boolean,reflect:!0})],c.prototype,"modal",void 0),t([d()],c.prototype,"key",void 0),c=t([o(p),e(s`:host{${m}--background:none;${m}--background-modal:var(${l.background});${m}--opacity-modal:0.2;background:var(${m}--background);inset:0;pointer-events:none;position:fixed;visibility:hidden;z-index:1}:host([open]){visibility:visible}:host([open][modal]) [part=modal]{opacity:var(${m}--opacity-modal);pointer-events:all;visibility:visible}[part=modal]{background:var(${m}--background-modal);height:100%;opacity:0;position:absolute;visibility:hidden;width:100%}[part=root]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}[part=container]{pointer-events:all;position:absolute}[direction^=top] [part=container]{top:0}[direction^=bottom] [part=container]{bottom:0}[direction$=right] [part=container]{right:0}[direction$=left] [part=container]{left:0}`)],c);var v=c;export{c as Dialog,v as default};
 //# sourceMappingURL=dialog.js.map

package/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../src/components/dialog.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","direction","modal","key","_modalInvoke","render","html","attr","observedRecord","htmlSlot","showModal","show","updated","changedProperties","has","open","_submitEvent","events","add","_handelSubmit","_keydownEvent","document","_handleKeydown","bind","remove","e","preventDefault","keys","split","includes","code","close","target","method","__decorate","property","prototype","undefined","type","Boolean","reflect","godown","styles","css","cssGlobalVars","background","Dialog$1"],"mappings":"mTAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAc7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAASC,UAAe,SAMxBD,KAAKE,OAAG,EAMRF,KAAGG,IAAG,SAEEH,KAAYI,cAAG,EAEb,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKP,KAAKQ,iEAGYC,kBAK9B,SAAAC,GACOV,KAAKE,QACRF,KAAKE,OAAQ,EACbF,KAAKI,cAAe,GAEtBJ,KAAKW,OAMG,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,UACpBd,KAAKe,MACPf,KAAKgB,aAAehB,KAAKiB,OAAOC,IAAIlB,KAAM,SAAUA,KAAKmB,eACrDnB,KAAKG,MACPH,KAAKoB,cAAgBpB,KAAKiB,OAAOC,IAAIG,SAAU,UAAWrB,KAAKsB,eAAeC,KAAKvB,UAGrFA,KAAKiB,OAAOO,OAAOxB,KAAM,SAAUA,KAAKgB,cACxChB,KAAKiB,OAAOO,OAAOH,SAAU,UAAWrB,KAAKoB,iBAKzC,cAAAE,CAAeG,GACvBA,EAAEC,iBACF,MAAMC,EAAO3B,KAAKG,IAAIyB,MAAM,UACxBD,EAAKE,SAASJ,EAAEtB,MAAQwB,EAAKE,SAASJ,EAAEK,QAC1C9B,KAAK+B,QAIC,aAAAZ,CAAcM,GACE,WAApBA,EAAEO,OAAOC,QACXjC,KAAK+B,QAIT,KAAAA,GACM/B,KAAKI,eACPJ,KAAKE,OAAQ,EACbF,KAAKI,cAAe,GAEtBJ,KAAKe,MAAO,IAxEdmB,EAAA,CADCC,KAC+BtC,EAAAuC,UAAA,iBAAAC,GAMhCH,EAAA,CADCC,EAAS,CAAEG,KAAMC,QAASC,SAAS,KACvB3C,EAAAuC,UAAA,aAAAC,GAMbH,EAAA,CADCC,KACatC,EAAAuC,UAAA,WAAAC,GAjBVxC,EAAMqC,EAAA,CAFXO,EAAO/C,GACPgD,EAAOC,CAAG,SAAShD,sBAA6BA,2BAAkCiD,EAAcC,eAAelD,uCAA8CA,wKAA+KA,uFAA8FA,6aACraE,GAiFN,IAAAiD,EAAejD"}
+{"version":3,"file":"dialog.js","sources":["../src/components/dialog.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","modal","key","_modalInvoke","render","html","attr","observedRecord","htmlSlot","showModal","show","updated","changedProperties","has","open","_submitEvent","events","add","_handelSubmit","_keydownEvent","document","_handleKeydown","bind","remove","e","keys","split","includes","code","preventDefault","close","target","method","__decorate","property","type","Boolean","reflect","prototype","undefined","godown","styles","css","cssGlobalVars","background","Dialog$1"],"mappings":"mTAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAc7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAWEC,KAAKC,OAAG,EAMRD,KAAGE,IAAG,SAEEF,KAAYG,cAAG,EAEb,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKN,KAAKO,iEAGYC,kBAK9B,SAAAC,GACOT,KAAKC,QACRD,KAAKC,OAAQ,EACbD,KAAKG,cAAe,GAEtBH,KAAKU,OAMG,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,UACpBb,KAAKc,MACPd,KAAKe,aAAef,KAAKgB,OAAOC,IAAIjB,KAAM,SAAUA,KAAKkB,eACrDlB,KAAKE,MACPF,KAAKmB,cAAgBnB,KAAKgB,OAAOC,IAAIG,SAAU,UAAWpB,KAAKqB,eAAeC,KAAKtB,UAGrFA,KAAKgB,OAAOO,OAAOvB,KAAM,SAAUA,KAAKe,cACxCf,KAAKgB,OAAOO,OAAOH,SAAU,UAAWpB,KAAKmB,iBAKzC,cAAAE,CAAeG,GACvB,MAAMC,EAAOzB,KAAKE,IAAIwB,MAAM,UACxBD,EAAKE,SAASH,EAAEtB,MAAQuB,EAAKE,SAASH,EAAEI,SAC1CJ,EAAEK,iBACF7B,KAAK8B,SAIC,aAAAZ,CAAcM,GACE,WAApBA,EAAEO,OAAOC,SACXR,EAAEK,iBACF7B,KAAK8B,SAIT,KAAAA,GACM9B,KAAKG,eACPH,KAAKC,OAAQ,EACbD,KAAKG,cAAe,GAEtBH,KAAKc,MAAO,IAnEdmB,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACvBxC,EAAAyC,UAAA,aAAAC,GAMbN,EAAA,CADCC,KACarC,EAAAyC,UAAA,WAAAC,GAjBV1C,EAAMoC,EAAA,CAFXO,EAAO9C,GACP+C,EAAOC,CAAG,SAAS/C,sBAA6BA,2BAAkCgD,EAAcC,eAAejD,uCAA8CA,wKAA+KA,uFAA8FA,6aACraE,GAkFN,IAAAgD,EAAehD"}

package/components/progress.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as r,styles as e,isNil as i,attr as o}from"@godown/element";import{css as s,html as a}from"lit";import{property as n}from"lit/decorators.js";import{cssGlobalVars as l,GlobalStyle as p}from"../core/global-style.js";let d=class Progress extends p{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,r=20;return i(this.value)||(r=this.parsePercent(this.value),t="static"),a`<div part="root" ${o(this.observedRecord)} class="${t}"><i part="value" style="width:${r}"></i></div>`}parsePercent(t="0"){return String(t).includes("%")?parseFloat(String(t)):parseFloat(String(t))/(this.max-this.min)*100}};t([n({type:Number})],d.prototype,"max",void 0),t([n({type:Number})],d.prototype,"min",void 0),t([n({type:Number})],d.prototype,"value",void 0),d=t([r("progress"),e(s`:host{background:var(${l.passive});border-radius:.25em;color:var(${l.active});height:.5em;width:100%}:host,[part=root]{display:block}[part=root]{border-radius:inherit;height:inherit;position:relative;z-index:1}[part=value]{animation:progress 1.8s ease-in-out infinite alternate;background:currentColor;border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:all .3s;z-index:2}@keyframes progress{0%{left:0}to{left:80%}}.static [part=value]{animation:none}`)],d);var m=d;export{d as Progress,m as default};
+import{__decorate as t}from"tslib";import{godown as r,styles as e,isNil as i,attr as o}from"@godown/element";import{css as s,html as a}from"lit";import{property as n}from"lit/decorators.js";import{cssGlobalVars as l,GlobalStyle as p}from"../core/global-style.js";let d=class Progress extends p{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,r=20;return i(this.value)||(r=this.parsePercent(this.value),t="static"),a`<div part="root" ${o(this.observedRecord)} class="${t}"><i part="value" style="width:${r}%;"></i></div>`}parsePercent(t="0"){return String(t).includes("%")?parseFloat(String(t)):parseFloat(String(t))/(this.max-this.min)*100}};t([n({type:Number})],d.prototype,"max",void 0),t([n({type:Number})],d.prototype,"min",void 0),t([n({type:Number})],d.prototype,"value",void 0),d=t([r("progress"),e(s`:host{background:var(${l.passive});border-radius:.25em;color:var(${l.active});height:.5em;width:100%}:host,[part=root]{display:block}[part=root]{border-radius:inherit;height:inherit;position:relative;z-index:1}[part=value]{animation:progress 1.8s ease-in-out infinite alternate;background:currentColor;border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:all .3s;z-index:2}@keyframes progress{0%{left:0}to{left:80%}}.static [part=value]{animation:none}`)],d);var m=d;export{d as Progress,m as default};
 //# sourceMappingURL=progress.js.map

package/components/progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":["Progress","GlobalStyle","constructor","this","max","min","render","className","width","isNil","value","parsePercent","html","attr","observedRecord","s","String","includes","parseFloat","__decorate","property","type","Number","prototype","undefined","godown","styles","css","cssGlobalVars","passive","active","Progress$1"],"mappings":"uQAeA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAEEC,KAAGC,IAAG,EAGND,KAAGE,IAAG,EAKI,MAAAC,GACR,IACIC,EADAC,EAAQ,GAMZ,OAJKC,EAAMN,KAAKO,SACdF,EAAQL,KAAKQ,aAAaR,KAAKO,OAC/BH,EAAY,UAEPK,CAAI,oBAGLC,EAAKV,KAAKW,0BACHP,mCAIQC,gBAYvB,YAAAG,CAAaI,EAAqB,KAChC,OAAIC,OAAOD,GAAGE,SAAS,KACdC,WAAWF,OAAOD,IAEnBG,WAAWF,OAAOD,KAAOZ,KAAKC,IAAMD,KAAKE,KAAQ,MAvC3Dc,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXtB,EAAAuB,UAAA,WAAAC,GAGPL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXtB,EAAAuB,UAAA,WAAAC,GAGPL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACLtB,EAAAuB,UAAA,aAAAC,GARTxB,EAAQmB,EAAA,CAFbM,EAPiB,YAQjBC,EAAOC,CAAG,wBAAwBC,EAAcC,0CAA0CD,EAAcE,0ZACnG9B,GA6CN,IAAA+B,EAAe/B"}
+{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":["Progress","GlobalStyle","constructor","this","max","min","render","className","width","isNil","value","parsePercent","html","attr","observedRecord","s","String","includes","parseFloat","__decorate","property","type","Number","prototype","undefined","godown","styles","css","cssGlobalVars","passive","active","Progress$1"],"mappings":"uQAeA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAEEC,KAAGC,IAAG,EAGND,KAAGE,IAAG,EAKI,MAAAC,GACR,IACIC,EADAC,EAAQ,GAMZ,OAJKC,EAAMN,KAAKO,SACdF,EAAQL,KAAKQ,aAAaR,KAAKO,OAC/BH,EAAY,UAEPK,CAAI,oBAGLC,EAAKV,KAAKW,0BACHP,mCAIQC,kBAYvB,YAAAG,CAAaI,EAAqB,KAChC,OAAIC,OAAOD,GAAGE,SAAS,KACdC,WAAWF,OAAOD,IAEnBG,WAAWF,OAAOD,KAAOZ,KAAKC,IAAMD,KAAKE,KAAQ,MAvC3Dc,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXtB,EAAAuB,UAAA,WAAAC,GAGPL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXtB,EAAAuB,UAAA,WAAAC,GAGPL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACLtB,EAAAuB,UAAA,aAAAC,GARTxB,EAAQmB,EAAA,CAFbM,EAPiB,YAQjBC,EAAOC,CAAG,wBAAwBC,EAAcC,0CAA0CD,EAAcE,0ZACnG9B,GA6CN,IAAA+B,EAAe/B"}

package/components/router.d.ts

@@ -21,7 +21,7 @@ interface RouteItem {
  *
  * It has two methods to collect routes.
  *
- * 1. From field `routes`, an array, each elements require "path" and "component".
+ * 1. From field `routes`, an array, each elements require "path".
  * 2. From child elements, which have the slot attribute for matching routes.
  *
  * If only the method 1 is used, set `type` to `"field"`.

package/components/router.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAO,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,UAAU,UAAU;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAqB;IAExD,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,kBAAkB,CAA8B;IACxD,OAAO,CAAC,aAAa,CAAkC;IACvD,OAAO,CAAC,QAAQ,CAAc;IAE9B;;OAEG;IAEH,SAAS,EAAE,OAAO,GAAG,cAAc,CAAQ;IAE3C;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAEnC;IAED;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAqB;IAErC;;OAEG;IAEH,OAAO,EAAE,cAAc,CAAc;IAErC;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAY;IAEhD;;;;OAIG;IAEH,KAAK,UAAS;IAEd,IACI,MAAM,CAAC,KAAK,EAKF,SAAS,EAAE,AALT,EAGf;IAED,IAAI,MAAM,IAAI,SAAS,EAAE,CAExB;IAED,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,MAAM,IAAI,OAAO;IAqB3B,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,IAAI,WAAW;IASxB;;OAEG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAE1E,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAalE;;OAEG;IACH,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAoBvC;;OAEG;IACH,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAiBnD;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAQ5B;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI;IAQnD,MAAM,CAAC,SAAS,IAAI,IAAI;IAMxB,cAAc,EAAE,MAAM,IAAI,CAEvB;CACJ;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"router.d.ts","sourceRoot":"","sources":["../src/components/router.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAO,MAAM,KAAK,CAAC;AAGtE,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,UAAU,UAAU;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,SAAS;IACjB,CAAC,GAAG,EAAE,WAAW,GAAG,OAAO,CAAC;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,UAAU,KAAK,OAAO,CAAC;IACzC,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAID;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B,MAAM,CAAC,eAAe,EAAE,GAAG,CAAC,MAAM,CAAC,CAAqB;IAExD,OAAO,CAAC,gBAAgB,CAA8B;IACtD,OAAO,CAAC,kBAAkB,CAA8B;IACxD,OAAO,CAAC,aAAa,CAAkC;IACvD,OAAO,CAAC,QAAQ,CAAc;IAE9B;;OAEG;IAEH,SAAS,EAAE,OAAO,GAAG,cAAc,CAAQ;IAE3C;;OAEG;IACH,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAKnC;IAED;;OAEG;IAEH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAqB;IAErC;;OAEG;IAEH,OAAO,EAAE,cAAc,CAAc;IAErC;;;;;;OAMG;IAEH,IAAI,EAAE,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAY;IAEhD;;;;OAIG;IAEH,KAAK,UAAS;IAEd,IACI,MAAM,CAAC,KAAK,EAKF,SAAS,EAAE,AALT,EAGf;IAED,IAAI,MAAM,IAAI,SAAS,EAAE,CAExB;IAED,KAAK,IAAI,IAAI;IAIb,SAAS,CAAC,MAAM,IAAI,OAAO;IAqB3B,iBAAiB,IAAI,IAAI;IAezB,oBAAoB,IAAI,IAAI;IAK5B,SAAS,IAAI,WAAW;IASxB;;OAEG;IACH,mBAAmB,EAAE,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,KAAK,IAAI,CAAQ;IAE1E,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAalE;;OAEG;IACH,cAAc,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO;IAsBvC;;OAEG;IACH,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAiBnD;;OAEG;IACH,oBAAoB,IAAI,IAAI;IAQ5B;;OAEG;IACH,kBAAkB,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,MAAM,GAAG,IAAI;IAQnD,MAAM,CAAC,SAAS,IAAI,IAAI;IAMxB,cAAc,EAAE,MAAM,IAAI,CAEvB;CACJ;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/router.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as e,styles as s,RouteTree as o,htmlSlot as a,omit as n}from"@godown/element";import{css as i}from"lit";import{state as h,property as r}from"lit/decorators.js";import{GlobalStyle as l}from"../core/global-style.js";var c;let p=c=class Router extends l{constructor(){super(...arguments),this.__fieldRouteTree=new o,this.__slottedRouteTree=new o,this.__cacheRecord=new Map,this.component=null,this.pathname=location.pathname,this.default=a(),this.type="united",this.cache=!1,this.routeChangeCallback=null,this.handlePopstate=this.events.add(window,"popstate",(()=>{this.pathname=location.pathname}))}get params(){return o.parseParams(this.pathname,this.path)}set routes(t){this.__routes=t,this.collectFieldRoutes(t)}get routes(){return this.__routes}clear(){this.__cacheRecord.clear()}render(){if(this.cache){const t=this.__cacheRecord.get(this.pathname);if(t)return Object.assign(this,t),this.component}switch(this.type){case"field":this.component=this.fieldComponent();break;case"slotted":this.component=this.slottedComponent();break;default:this.component=this.fieldComponent()??this.slottedComponent()}return this.component??this.default}connectedCallback(){if(super.connectedCallback(),c.routerInstances.add(this),"field"!==this.type){new MutationObserver(this.collectSlottedRoutes).observe(this,{attributeFilter:["slot"],attributes:!0,subtree:!0}),this.collectSlottedRoutes()}}disconnectedCallback(){super.disconnectedCallback(),c.routerInstances.delete(this)}useRouter(){return{pathname:this.pathname,params:this.params,path:this.path,component:this.component}}updated(t){if(t.has("pathname")||t.has("path")){const t=this.useRouter(),e=!this.__cacheRecord.has(this.pathname);e&&this.__cacheRecord.set(this.pathname,t),this.routeChangeCallback?.(t,e),this.dispatchEvent(new CustomEvent("change",{detail:t}))}}fieldComponent(t){if(t||=this.__fieldRouteTree.search(this.pathname)?.pattern,this.path=t,!t)return null;const e=this.routes.find((e=>e.path===t));return e?"render"in e?e.render?.(n(this.useRouter(),"component"))||null:e.component:null}slottedComponent(t){const e=this._slottedNames;return t||=this.__slottedRouteTree.search(this.pathname)?.pattern,this.path=t,t?(this.path=e.find((e=>e===t)),this.path?a(this.path):null):null}collectSlottedRoutes(){this.__slottedRouteTree=new o,this.clear(),this._slottedNames.forEach((t=>{this.__slottedRouteTree.insert(t)}))}collectFieldRoutes(t){this.__fieldRouteTree=new o,this.clear(),t.forEach((({path:t})=>{this.__fieldRouteTree.insert(t)}))}static updateAll(){this.routerInstances.forEach((t=>{t.handlePopstate()}))}};p.routerInstances=new Set,t([h()],p.prototype,"component",void 0),t([h()],p.prototype,"path",void 0),t([r()],p.prototype,"pathname",void 0),t([h()],p.prototype,"default",void 0),t([r()],p.prototype,"type",void 0),t([r({type:Boolean})],p.prototype,"cache",void 0),t([h()],p.prototype,"routes",null),p=c=t([e("router"),s(i`:host{display:contents}`)],p);var d=p;export{p as Router,d as default};
+import{__decorate as t}from"tslib";import{godown as e,styles as s,RouteTree as o,htmlSlot as a,omit as h}from"@godown/element";import{css as n}from"lit";import{state as i,property as r}from"lit/decorators.js";import{GlobalStyle as l}from"../core/global-style.js";var c;let p=c=class Router extends l{constructor(){super(...arguments),this.__fieldRouteTree=new o,this.__slottedRouteTree=new o,this.__cacheRecord=new Map,this.component=null,this.pathname=location.pathname,this.default=a(),this.type="united",this.cache=!1,this.routeChangeCallback=null,this.handlePopstate=this.events.add(window,"popstate",(()=>{this.pathname=location.pathname}))}get params(){return this.path?o.parseParams(this.pathname,this.path):{}}set routes(t){this.__routes=t,this.collectFieldRoutes(t)}get routes(){return this.__routes}clear(){this.__cacheRecord.clear()}render(){if(this.cache){const t=this.__cacheRecord.get(this.pathname);if(t)return Object.assign(this,t),this.component}switch(this.type){case"field":this.component=this.fieldComponent();break;case"slotted":this.component=this.slottedComponent();break;default:this.component=this.fieldComponent()??this.slottedComponent()}return this.component??this.default}connectedCallback(){if(super.connectedCallback(),c.routerInstances.add(this),"field"!==this.type){new MutationObserver(this.collectSlottedRoutes).observe(this,{attributeFilter:["slot"],attributes:!0,subtree:!0}),this.collectSlottedRoutes()}}disconnectedCallback(){super.disconnectedCallback(),c.routerInstances.delete(this)}useRouter(){return{pathname:this.pathname,params:this.params,path:this.path,component:this.component}}updated(t){if(t.has("pathname")||t.has("path")){const t=this.useRouter(),e=!this.__cacheRecord.has(this.pathname);e&&this.__cacheRecord.set(this.pathname,t),this.routeChangeCallback?.(t,e),this.dispatchEvent(new CustomEvent("change",{detail:t}))}}fieldComponent(t){if(t||=this.__fieldRouteTree.search(this.pathname)?.pattern,this.path=t,!t)return null;const e=this.routes.find((e=>e.path===t));return e?(console.log(this.path),"render"in e?e.render?.(h(this.useRouter(),"component"))||null:e.component):null}slottedComponent(t){const e=this._slottedNames;return t||=this.__slottedRouteTree.search(this.pathname)?.pattern,this.path=t,t?(this.path=e.find((e=>e===t)),this.path?a(this.path):null):null}collectSlottedRoutes(){this.__slottedRouteTree=new o,this.clear(),this._slottedNames.forEach((t=>{this.__slottedRouteTree.insert(t)}))}collectFieldRoutes(t){this.__fieldRouteTree=new o,this.clear(),t.forEach((({path:t})=>{this.__fieldRouteTree.insert(t)}))}static updateAll(){this.routerInstances.forEach((t=>{t.handlePopstate()}))}};p.routerInstances=new Set,t([i()],p.prototype,"component",void 0),t([i()],p.prototype,"path",void 0),t([r()],p.prototype,"pathname",void 0),t([i()],p.prototype,"default",void 0),t([r()],p.prototype,"type",void 0),t([r({type:Boolean})],p.prototype,"cache",void 0),t([i()],p.prototype,"routes",null),p=c=t([e("router"),s(n`:host{display:contents}`)],p);var d=p;export{p as Router,d as default};
 //# sourceMappingURL=router.js.map

package/components/router.js.map

@@ -1 +1 @@
-{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":["Router","Router_1","GlobalStyle","constructor","this","__fieldRouteTree","RouteTree","__slottedRouteTree","__cacheRecord","Map","component","pathname","location","default","htmlSlot","type","cache","routeChangeCallback","handlePopstate","events","add","window","params","parseParams","path","routes","value","__routes","collectFieldRoutes","clear","render","cached","get","Object","assign","fieldComponent","slottedComponent","connectedCallback","super","routerInstances","MutationObserver","collectSlottedRoutes","observe","attributeFilter","attributes","subtree","disconnectedCallback","delete","useRouter","updated","changedProperties","has","ur","noRecord","set","dispatchEvent","CustomEvent","detail","query","search","pattern","route","find","r","omit","slottedPaths","_slottedNames","s","forEach","slotName","insert","updateAll","i","Set","__decorate","state","prototype","undefined","property","Boolean","godown","styles","css","Router$1"],"mappings":"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"}
+{"version":3,"file":"router.js","sources":["../src/components/router.ts"],"sourcesContent":null,"names":["Router","Router_1","GlobalStyle","constructor","this","__fieldRouteTree","RouteTree","__slottedRouteTree","__cacheRecord","Map","component","pathname","location","default","htmlSlot","type","cache","routeChangeCallback","handlePopstate","events","add","window","params","path","parseParams","routes","value","__routes","collectFieldRoutes","clear","render","cached","get","Object","assign","fieldComponent","slottedComponent","connectedCallback","super","routerInstances","MutationObserver","collectSlottedRoutes","observe","attributeFilter","attributes","subtree","disconnectedCallback","delete","useRouter","updated","changedProperties","has","ur","noRecord","set","dispatchEvent","CustomEvent","detail","query","search","pattern","route","find","r","console","log","omit","slottedPaths","_slottedNames","s","forEach","slotName","insert","updateAll","i","Set","__decorate","state","prototype","undefined","property","Boolean","godown","styles","css","Router$1"],"mappings":"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"}

package/components/split.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as e,styles as r,attr as i,classList as s}from"@godown/element";import{css as n,html as u}from"lit";import{property as o,state as l}from"lit/decorators.js";import{scopePrefix as c,cssGlobalVars as a}from"../core/global-style.js";import h from"../core/super-input.js";const p="split",d=c(p);let b=class Split extends h{constructor(){super(...arguments),this.len=6,this.index=-1,this.current=-1,this.currentValue=[]}render(){return u`<div part="root" ${i(this.observedRecord)}>${((t,e)=>{const r=new Array(t);for(let i=0;i<t;i++)r[i]=e(i);return r})(this.len,(t=>u`<span part="input-box" class="${s({focus:this.current===t})}" @click="${this.disabled?null:()=>this.focusAt(t)}">${this.currentValue[t]}</span>`))} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" .value="${this.value.padStart(this.len," ")}"></div>`}connectedCallback(){super.connectedCallback(),this.reset()}_handleInput(t){t.stopPropagation(),this.compositing||(this.fillInput(t.data),this.value=this.currentValue.join(""),this.dispatchEvent(new CustomEvent("input",{detail:this.value,composed:!0,bubbles:!0})))}fillInput(t){if(null===t){if(null!==this.currentValue[this.current])this.currentValue[this.current]=null;else{this.currentValue[this.current-1]=null;const t=this.currentValue.findLastIndex((t=>null!==t));this.current=this.current-1<0?t<0?0:t:this.current-1}return}const e=t.length>1;if(this.currentValue[this.current]=t[0],this.current+1>=this.len?(this.current=this.currentValue.indexOf(null),-1===this.current&&this.blur()):this.current+=1,e){const e=t.slice(1);e&&this.fillInput(e)}}focus(){this.focusAt(this.current),super.focus()}focusAt(t){this.current=t,this._input.focus(),this.dispatchEvent(new CustomEvent("focus",{detail:t,bubbles:!0,composed:!0}))}blur(){this._input.blur(),this.current=-1,super.blur(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))}reset(){this.current=-1,this.value=this.default,this.currentValue=this.value.split("").concat(Array(this.len-this.value.length).fill(null)),this.index>-1&&(this.current=this.index)}};t([o({type:Number})],b.prototype,"len",void 0),t([o({type:Number})],b.prototype,"index",void 0),t([l()],b.prototype,"current",void 0),t([l()],b.prototype,"currentValue",void 0),b=t([e(p),r(n`:host{border-radius:1px;color:var(${a.foreground});display:block;width:-moz-fit-content;width:fit-content;${d}--size:1.45em;${d}--gap:.25em}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{display:flex;gap:var(${d}--gap);justify-content:space-between;position:relative;width:100%}[part=input-box],[part=root]{border-radius:inherit;vertical-align:top}[part=input-box]{background-color:var(${a.input}-background);height:var(${d}--size);text-align:center;width:var(${d}--size)}[part=input]{background:0 0;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus{box-shadow:var(${a.input}-box-shadow)}`)],b);var f=b;export{b as Split,f as default};
+import{__decorate as t}from"tslib";import{godown as e,styles as r,attr as i,classList as s}from"@godown/element";import{css as n,html as u}from"lit";import{property as o,state as l}from"lit/decorators.js";import{scopePrefix as c,cssGlobalVars as a}from"../core/global-style.js";import h from"../core/super-input.js";const p="split",d=c(p);let b=class Split extends h{constructor(){super(...arguments),this.len=6,this.index=-1,this.current=-1,this.currentValue=[]}render(){return u`<div part="root" ${i(this.observedRecord)}>${((t,e)=>{const r=new Array(t);for(let i=0;i<t;i++)r[i]=e(i);return r})(this.len,(t=>u`<span part="input-box" class="${s({focus:this.current===t})}" @click="${this.disabled?null:()=>this.focusAt(t)}">${this.currentValue[t]}</span>`))} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" .value="${this.value.padStart(this.len," ")}"></div>`}connectedCallback(){super.connectedCallback(),this.reset()}_handleInput(t){t.stopPropagation(),this.compositing||(this.fillInput(t.data),this.value=this.currentValue.join(""),this.dispatchEvent(new CustomEvent("input",{detail:this.value,composed:!0,bubbles:!0})))}fillInput(t){if(null===t){if(null!==this.currentValue[this.current])this.currentValue[this.current]=null;else{this.currentValue[this.current-1]=null;const t=this.currentValue.findLastIndex((t=>null!==t));this.current=this.current-1<0?t<0?0:t:this.current-1}return}const e=t.length>1;if(this.currentValue[this.current]=t[0],this.current+1>=this.len?(this.current=this.currentValue.indexOf(null),-1===this.current&&this.blur()):this.current+=1,e){const e=t.slice(1);e&&this.fillInput(e)}}focus(){this.focusAt(this.current),super.focus()}focusAt(t){this.current=t,this._input.focus(),this.dispatchEvent(new CustomEvent("focus",{detail:t,bubbles:!0,composed:!0}))}blur(){this._input.blur(),this.current=-1,super.blur(),this.dispatchEvent(new CustomEvent("blur",{bubbles:!0,composed:!0}))}reset(){this.current=-1,this.value=this.default,this.currentValue=this.value.split("").concat(Array(this.len-this.value.length).fill(null)),this.index>-1&&(this.current=this.index)}};t([o({type:Number})],b.prototype,"len",void 0),t([o({type:Number})],b.prototype,"index",void 0),t([l()],b.prototype,"current",void 0),t([l()],b.prototype,"currentValue",void 0),b=t([e(p),r(n`:host{border-radius:1px;color:var(${a.foreground});display:block;width:-moz-fit-content;width:fit-content;${d}--size:1.45em;${d}--gap:.25em}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{display:flex;gap:var(${d}--gap);justify-content:space-between;position:relative;width:100%}[part=input-box],[part=root]{border-radius:inherit;vertical-align:top}[part=input-box]{background-color:var(${a.input}-background);height:var(${d}--size);text-align:center;width:var(${d}--size)}[part=input]{background:none;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus{box-shadow:var(${a.input}-box-shadow)}`)],b);var f=b;export{b as Split,f as default};
 //# sourceMappingURL=split.js.map

package/components/split.js.map

@@ -1 +1 @@
-{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Split","SuperInput","constructor","this","len","index","current","currentValue","render","html","attr","observedRecord","fn","result","Array","loop","classList","focus","disabled","focusAt","makeId","blur","_handleInput","value","padStart","connectedCallback","super","reset","e","stopPropagation","compositing","fillInput","data","join","dispatchEvent","CustomEvent","detail","composed","bubbles","lastNotNull","findLastIndex","a","multiple","length","indexOf","after","slice","i","_input","default","split","concat","fill","__decorate","property","type","Number","prototype","undefined","state","godown","styles","css","cssGlobalVars","foreground","input","Split$1"],"mappings":"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"}
+{"version":3,"file":"split.js","sources":["../src/components/split.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Split","SuperInput","constructor","this","len","index","current","currentValue","render","html","attr","observedRecord","fn","result","Array","loop","classList","focus","disabled","focusAt","makeId","blur","_handleInput","value","padStart","connectedCallback","super","reset","e","stopPropagation","compositing","fillInput","data","join","dispatchEvent","CustomEvent","detail","composed","bubbles","lastNotNull","findLastIndex","a","multiple","length","indexOf","after","slice","i","_input","default","split","concat","fill","__decorate","property","type","Number","prototype","undefined","state","godown","styles","css","cssGlobalVars","foreground","input","Split$1"],"mappings":"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"}

package/core/super-input.d.ts

@@ -9,6 +9,7 @@ declare class SuperInput extends GlobalStyle {
     placeholder: string;
     name: string;
     value: any;
+    get observedRecord(): Record<string, any>;
     /**
      * default property records the default or initial value and is used to reset the input.
      */

package/core/super-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../src/core/super-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AAE5E,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,mBAAmB,CAAC;AAM/D,cACM,UAAW,SAAQ,WAAW;IAClC,SAAS,UAAS;IAElB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,QAAQ,UAAS;IAGjB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,GAAG,CAAC;IAEX;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC;;OAEG;IACH,WAAW,UAAS;IAEpB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,CAAuC;IAE/D,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAkB;IAEhD,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAiB/D,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,cAAc,IAAI,IAAI;IAKhC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAUlC,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI;IAMrD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAI5C,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAM7C;AAED,eAAe,UAAU,CAAC;AAE1B,KAAK,SAAS,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}
+{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../src/core/super-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgC,MAAM,iBAAiB,CAAC;AAElF,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,mBAAmB,CAAC;AAM/D,cACM,UAAW,SAAQ,WAAW;IAClC,SAAS,UAAS;IAElB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,QAAQ,UAAS;IAGjB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,GAAG,CAAC;IAEX,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC;;OAEG;IACH,WAAW,UAAS;IAEpB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,CAAuC;IAE/D,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAkB;IAEhD,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAiB/D,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,cAAc,IAAI,IAAI;IAKhC,SAAS,CAAC,gBAAgB,IAAI,IAAI;IAUlC,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,IAAI,GAAG,IAAI;IAMrD,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAInC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAI5C,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAM7C;AAED,eAAe,UAAU,CAAC;AAE1B,KAAK,SAAS,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}

package/core/super-input.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{part as e,styles as i,htmlSlot as n}from"@godown/element";import o from"@godown/f7-icon/icons/eye-slash-fill.js";import{css as s,html as a}from"lit";import{property as p}from"lit/decorators.js";import{cssGlobalVars as r,GlobalStyle as u}from"./global-style.js";const l=s`.input-field{align-items:center;border-radius:inherit;display:flex;height:inherit;position:relative}.input-field [part=input]{background:0 0;color:inherit;height:100%;padding:0 var(${r.input}-space);width:100%}.input-field.outline,.input-field:focus-within{box-shadow:var(${r.input}-box-shadow)}.input-field [part=icon]{align-items:center;display:flex;justify-content:center}.input-field [part=prefix],.input-field [part=suffix]{display:flex;height:100%}.input-field [part=suffix] [part=icon]{padding-inline-end:var(${r.input}-space)}.input-field [part=prefix] [part=icon]{padding-inline-start:var(${r.input}-space)}`,d=s`:host{${r.input}-width:10em;${r.input}-height:1.6em;${r.input}-space:.2em;${r.input}-background:var(${r.background});${r.input}-control:var(${r.foreground});${r.input}-control-edge:var(${r.active});${r.input}-radius:.2em;${r.input}-box-shadow:0 0 0 .1em var(${r.active});border-radius:var(${r.input}-radius)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;let h=class SuperInput extends u{constructor(){super(...arguments),this.autofocus=!1,this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}set defaultValue(t){this.default=t}get defaultValue(){return this.default}namevalue(){return[this.name,this.value]}reset(){this.value=this.default,this._input.value=this.default}_handleInput(t){t.stopPropagation(),this.compositing||(this.value=t.target.value?.trim(),this.dispatchEvent(new CustomEvent("input",{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("input",{detail:this.value,composed:!0,bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{detail:this.value,composed:!0})))}connectedCallback(){super.connectedCallback(),this._connectedInit()}_connectedInit(){this.default??=this.value||"",this.value??=this.default}_compositionInit(){this._input&&(this.events.add(this._input,"compositionstart",(()=>this.compositing=!0)),this.events.add(this._input,"compositionend",(t=>{this.compositing=!1,this._handleInput(t)})))}_changeInputType(t){this._input&&(this._input.type=t)}focus(t){this._input?.focus(t)}firstUpdated(){this._compositionInit()}_renderPrefix(){return a`<label for="${this.makeId}" part="prefix">${n("prefix")}</label>`}_renderSuffix(){const t="password";return a`<label for="${this.makeId}" part="suffix">${"password"===this.type?a`<i part="icon" @mousedown="${()=>this._changeInputType("text")}" @mouseup="${()=>this._changeInputType(t)}" @mouseleave="${()=>this._changeInputType(t)}">${o()}</i>`:n("suffix")}</label>`}};t([p()],h.prototype,"autocomplete",void 0),t([p({type:Boolean,reflect:!0})],h.prototype,"disabled",void 0),t([p({reflect:!0})],h.prototype,"type",void 0),t([p({reflect:!0})],h.prototype,"placeholder",void 0),t([p({reflect:!0})],h.prototype,"name",void 0),t([p()],h.prototype,"value",void 0),t([p()],h.prototype,"default",void 0),t([e("input")],h.prototype,"_input",void 0),h=t([i(l,d)],h);var c=h;export{c as default};
+import{__decorate as t}from"tslib";import{part as e,styles as i,omit as n,htmlSlot as o}from"@godown/element";import s from"@godown/f7-icon/icons/eye-slash-fill.js";import{css as a,html as p}from"lit";import{property as r}from"lit/decorators.js";import{cssGlobalVars as u,GlobalStyle as d}from"./global-style.js";const l=a`.input-field{align-items:center;border-radius:inherit;display:flex;height:inherit;position:relative}.input-field [part=input]{background:transparent;color:inherit;height:100%;padding:0 var(${u.input}-space);width:100%}.input-field.outline,.input-field:focus-within{box-shadow:var(${u.input}-box-shadow)}.input-field [part=icon]{align-items:center;display:flex;justify-content:center}.input-field [part=prefix],.input-field [part=suffix]{display:flex;height:100%}.input-field [part=suffix] [part=icon]{padding-inline-end:var(${u.input}-space)}.input-field [part=prefix] [part=icon]{padding-inline-start:var(${u.input}-space)}`,h=a`:host{${u.input}-width:10em;${u.input}-height:1.6em;${u.input}-space:0.2em;${u.input}-background:var(${u.background});${u.input}-control:var(${u.foreground});${u.input}-control-edge:var(${u.active});${u.input}-radius:0.2em;${u.input}-box-shadow:0px 0px 0px .1em var(${u.active});border-radius:var(${u.input}-radius)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}input:disabled{cursor:inherit}input::-ms-clear,input::-ms-reveal{display:none}`;let c=class SuperInput extends d{constructor(){super(...arguments),this.autofocus=!1,this.disabled=!1,this.compositing=!1,this.makeId=Math.random().toString(36).slice(1),this.nameValue=this.namevalue}get observedRecord(){return n(super.observedRecord,"default","value")}set defaultValue(t){this.default=t}get defaultValue(){return this.default}namevalue(){return[this.name,this.value]}reset(){this.value=this.default,this._input.value=this.default}_handleInput(t){t.stopPropagation(),this.compositing||(this.value=t.target.value?.trim(),this.dispatchEvent(new CustomEvent("input",{detail:this.value,bubbles:!0,composed:!0})),this.dispatchEvent(new CustomEvent("input",{detail:this.value,composed:!0,bubbles:!0})),this.dispatchEvent(new CustomEvent("change",{detail:this.value,composed:!0})))}connectedCallback(){super.connectedCallback(),this._connectedInit()}_connectedInit(){this.default??=this.value||"",this.value??=this.default}_compositionInit(){this._input&&(this.events.add(this._input,"compositionstart",(()=>this.compositing=!0)),this.events.add(this._input,"compositionend",(t=>{this.compositing=!1,this._handleInput(t)})))}_changeInputType(t){this._input&&(this._input.type=t)}focus(t){this._input?.focus(t)}firstUpdated(){this._compositionInit()}_renderPrefix(){return p`<label for="${this.makeId}" part="prefix">${o("prefix")}</label>`}_renderSuffix(){const t="password";return p`<label for="${this.makeId}" part="suffix">${"password"===this.type?p`<i part="icon" @mousedown="${()=>this._changeInputType("text")}" @mouseup="${()=>this._changeInputType(t)}" @mouseleave="${()=>this._changeInputType(t)}">${s()}</i>`:o("suffix")}</label>`}};t([r()],c.prototype,"autocomplete",void 0),t([r({type:Boolean,reflect:!0})],c.prototype,"disabled",void 0),t([r({reflect:!0})],c.prototype,"type",void 0),t([r({reflect:!0})],c.prototype,"placeholder",void 0),t([r({reflect:!0})],c.prototype,"name",void 0),t([r()],c.prototype,"value",void 0),t([r()],c.prototype,"default",void 0),t([e("input")],c.prototype,"_input",void 0),c=t([i(l,h)],c);var f=c;export{f as default};
 //# sourceMappingURL=super-input.js.map

package/core/super-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"super-input.js","sources":["../src/core/super-input.ts"],"sourcesContent":null,"names":["fieldStyle","css","cssGlobalVars","input","inputStyle","background","foreground","active","SuperInput","GlobalStyle","constructor","this","autofocus","disabled","compositing","makeId","Math","random","toString","slice","nameValue","namevalue","defaultValue","value","default","name","reset","_input","_handleInput","e","stopPropagation","target","trim","dispatchEvent","CustomEvent","detail","bubbles","composed","connectedCallback","super","_connectedInit","_compositionInit","events","add","_changeInputType","t","type","focus","options","firstUpdated","_renderPrefix","html","htmlSlot","_renderSuffix","PASSWORD","iconEyeSlashFill","__decorate","property","prototype","undefined","Boolean","reflect","part","styles","SuperInput$1"],"mappings":"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"}
+{"version":3,"file":"super-input.js","sources":["../src/core/super-input.ts"],"sourcesContent":null,"names":["fieldStyle","css","cssGlobalVars","input","inputStyle","background","foreground","active","SuperInput","GlobalStyle","constructor","this","autofocus","disabled","compositing","makeId","Math","random","toString","slice","nameValue","namevalue","observedRecord","omit","super","defaultValue","value","default","name","reset","_input","_handleInput","e","stopPropagation","target","trim","dispatchEvent","CustomEvent","detail","bubbles","composed","connectedCallback","_connectedInit","_compositionInit","events","add","_changeInputType","t","type","focus","options","firstUpdated","_renderPrefix","html","htmlSlot","_renderSuffix","PASSWORD","iconEyeSlashFill","__decorate","property","prototype","undefined","Boolean","reflect","part","styles","SuperInput$1"],"mappings":"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"}