godown 3.7.1 → 3.7.3

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 c,attr as l,htmlStyle as s}from"@godown/element";import a 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 f}from"lit/decorators.js";import{scopePrefix as w,cssGlobalVars as k,GlobalStyle as y}from"../core/global-style.js";const $="alert",j=w($),_=o=>[k._colors[o][5],k._colors[o][9]],q=r(["color","background"].map((o=>`${j}--${o}`)),{green:_("green"),blue:_("blue"),orange:_("orange"),red:_("red"),yellow:_("yellow"),purple:_("purple"),teal:_("teal"),pink:_("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={tip:{color:"teal",icon:p},success:{color:"green",icon:a},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 x=class Alert extends y{constructor(){super(...arguments),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const o=C[this.call]?.color||this.color,r=this.call?C[this.call].icon():c("icon");return v`<div part="root" ${l(this.observedRecord)}><div part="icon" class="start">${r}</div><div part="content"><strong part="title">${this.title||c("title")}</strong> ${this.content||c()}</div>${this.hideClose||"blockquote"===this.variant?"":v`<div part="icon close" class="end" tabindex="0" @click="${this.close}">${u()}</div>`} ${s(q[o])}</div>`}close(){this.remove(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}firstUpdated(){this.autoclose&&this.timeouts.add(setTimeout((()=>this.close()),this.autoclose))}static alert(o,r){const t=new this;return Object.assign(t,r),o.appendChild(t),t}};o([f()],x.prototype,"call",void 0),o([f()],x.prototype,"color",void 0),o([f({type:Number})],x.prototype,"autoclose",void 0),o([f()],x.prototype,"title",void 0),o([f()],x.prototype,"content",void 0),o([f({type:Boolean})],x.prototype,"hideClose",void 0),o([f()],x.prototype,"variant",void 0),x=o([e($),i(b`:host,:where(:host([contents]) [part=root]){${j}--border-width:.075em;${j}--blockquote-width:.2em;${j}--blockquote-background:transparent;${j}--gap:.5em;display:block;width:100%}[part=root]{align-items:center;background:var(${j}--background);border-color:currentColor;border-radius:inherit;border-style:solid;border-width:var(${j}--border-width);color:var(${j}--color,currentColor);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:var(${j}--gap)}[variant=blockquote]{background:var(${j}--blockquote-background);border-radius:0;border-width:0;border-left-width:var(${j}--blockquote-width)}[part~=icon]{align-items:center;display:grid;height:2em}.start svg{margin-inline-end:var(${j}--gap)}.end svg{margin-inline-start:var(${j}--gap)}svg{height:1.25em;width:1.25em}[part=content]{grid-row:span 2/span 2}`)],x);var E=x;export{x as Alert,E as default};
+import{__decorate as o}from"tslib";import{constructCSSObject as r,toVar as t,godown as e,styles as i,htmlSlot as c,attr as l,htmlStyle as s}from"@godown/element";import a 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 m from"@godown/f7-icon/icons/slash-circle.js";import h 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 f}from"lit/decorators.js";import{scopePrefix as k,cssGlobalVars as w,GlobalStyle as y}from"../core/global-style.js";const $="alert",j=k($),_=o=>[w._colors[o][5],w._colors[o][9]],q=r(["color","background"].map((o=>`${j}--${o}`)),{green:_("green"),blue:_("blue"),orange:_("orange"),red:_("red"),yellow:_("yellow"),purple:_("purple"),teal:_("teal"),pink:_("pink"),gray:[w._colors.lightgray[5],w._colors.darkgray[5]],white:[w._colors.lightgray[2],w._colors.darkgray[7]],black:[w._colors.darkgray[8],w._colors.lightgray[5]]},(()=>":host"),(o=>t(o))),C={tip:{color:"teal",icon:p},success:{color:"green",icon:a},info:{color:"blue",icon:d},warning:{color:"orange",icon:n},danger:{color:"red",icon:h},error:{color:"red",icon:h},help:{color:"purple",icon:g},deprecated:{color:"gray",icon:m}};let x=class Alert extends y{constructor(){super(...arguments),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const o=C[this.call]?.color||this.color,r=this.call?C[this.call].icon():c("icon");return v`<div part="root" ${l(this.observedRecord)}><div part="icon" class="start">${r}</div><div part="content"><strong part="title">${this.title||c("title")}</strong> ${this.content||c()}</div>${this.hideClose||"blockquote"===this.variant?"":v`<div part="icon close" class="end" tabindex="0" @click="${this.close}">${u()}</div>`} ${s(q[o])}</div>`}close(){this.remove(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}firstUpdated(){this.autoclose&&this.timeouts.add(setTimeout((()=>this.close()),this.autoclose))}static alert(o,r){const t=new this;return Object.assign(t,r),o.appendChild(t),t}};o([f()],x.prototype,"call",void 0),o([f()],x.prototype,"color",void 0),o([f({type:Number})],x.prototype,"autoclose",void 0),o([f()],x.prototype,"title",void 0),o([f()],x.prototype,"content",void 0),o([f({type:Boolean})],x.prototype,"hideClose",void 0),o([f()],x.prototype,"variant",void 0),x=o([e($),i(b`:host,:where(:host([contents]) [part=root]){${j}--border-width:.075em;${j}--blockquote-width:.2em;${j}--blockquote-background:transparent;${j}--gap:.5em;display:block}[part=root]{align-items:center;background:var(${j}--background);border-color:currentColor;border-radius:inherit;border-style:solid;border-width:var(${j}--border-width);color:var(${j}--color,currentColor);display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:var(${j}--gap)}[variant=blockquote]{background:var(${j}--blockquote-background);border-radius:0;border-width:0;border-left-width:var(${j}--blockquote-width)}[part~=icon]{align-items:center;display:grid;height:2em}.start svg{margin-inline-end:var(${j}--gap)}.end svg{margin-inline-start:var(${j}--gap)}svg{height:1.25em;width:1.25em}[part=content]{grid-row:span 2/span 2}`)],x);var E=x;export{x as Alert,E 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","genDark","key","cssGlobalVars","_colors","darkStyles","constructCSSObject","map","v","green","blue","orange","red","yellow","purple","teal","pink","gray","lightgray","darkgray","white","black","prop","toVar","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","timeouts","add","setTimeout","alert","root","option","ai","Object","assign","appendChild","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","Alert$1"],"mappings":"+vBAcA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAIvBG,EAAWC,GACR,CAACC,EAAcC,QAAQF,GAAK,GAAIC,EAAcC,QAAQF,GAAK,IAG9DG,EAAaC,EANN,CAAC,QAAS,cAAcC,KAAKC,GAAM,GAAGT,MAAaS,MAQ9D,CACEC,MAAOR,EAAQ,SACfS,KAAMT,EAAQ,QACdU,OAAQV,EAAQ,UAChBW,IAAKX,EAAQ,OACbY,OAAQZ,EAAQ,UAChBa,OAAQb,EAAQ,UAChBc,KAAMd,EAAQ,QACde,KAAMf,EAAQ,QACdgB,KAAM,CAACd,EAAcC,QAAQc,UAAU,GAAIf,EAAcC,QAAQe,SAAS,IAC1EC,MAAO,CAACjB,EAAcC,QAAQc,UAAU,GAAIf,EAAcC,QAAQe,SAAS,IAC3EE,MAAO,CAAClB,EAAcC,QAAQe,SAAS,GAAIhB,EAAcC,QAAQc,UAAU,MAE7E,IAAM,UACLI,GAASC,EAAMD,KAGZE,EAAQ,CACZC,IAAK,CACHC,MAAO,OACPC,KAAMC,GAERC,QAAS,CACPH,MAAO,QACPC,KAAMG,GAERC,KAAM,CACJL,MAAO,OACPC,KAAMK,GAERC,QAAS,CACPP,MAAO,SACPC,KAAMO,GAERC,OAAQ,CACNT,MAAO,MACPC,KAAMS,GAERC,MAAO,CACLX,MAAO,MACPC,KAAMS,GAERE,KAAM,CACJZ,MAAO,SACPC,KAAMY,GAERC,WAAY,CACVd,MAAO,OACPC,KAAMc,IAiBV,IAAMC,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAYEC,KAAKnB,MAYQ,OAMbmB,KAASC,UAAG,EAoBZD,KAASE,WAAG,EAQZF,KAAOG,QAA0B,OAEvB,MAAAC,GACR,MAAMvB,EAAQF,EAAMqB,KAAKK,OAAOxB,OAASmB,KAAKnB,MACxCC,EAAOkB,KAAKK,KAAO1B,EAAMqB,KAAKK,MAAMvB,OAASwB,EAAS,QAC5D,OAAOC,CAAI,oBAGLC,EAAKR,KAAKS,kDAMR3B,mDAGqBkB,KAAKU,OAASJ,EAAS,qBAC5CN,KAAKW,SAAWL,YAElBN,KAAKE,WAA8B,eAAjBF,KAAKG,QACrB,GACAI,CAAI,2DAKUP,KAAKY,UAEbC,eAGRC,EAAUtD,EAAWqB,YAK7B,KAAA+B,GACEZ,KAAKe,SACLf,KAAKgB,cAAc,IAAIC,YAAY,QAAS,CAAEC,SAAS,EAAMC,UAAU,KAG/D,YAAAC,GACJpB,KAAKC,WACPD,KAAKqB,SAASC,IAAIC,YAAW,IAAMvB,KAAKY,SAASZ,KAAKC,YAI1D,YAAOuB,CAAMC,EAAmBC,GAC9B,MAAMC,EAAK,IAAI3B,KAGf,OAFA4B,OAAOC,OAAOF,EAAID,GAClBD,EAAKK,YAAYH,GACVA,IAzGTI,EAAA,CADCC,KACwFnC,EAAAoC,UAAA,YAAAC,GAOzFH,EAAA,CADCC,KAakBnC,EAAAoC,UAAA,aAAAC,GAMnBH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACLvC,EAAAoC,UAAA,iBAAAC,GAMbH,EAAA,CADCC,KACYnC,EAAAoC,UAAA,aAAAC,GAMbH,EAAA,CADCC,KACcnC,EAAAoC,UAAA,eAAAC,GAQfH,EAAA,CADCC,EAAS,CAAEG,KAAME,WACDxC,EAAAoC,UAAA,iBAAAC,GAQjBH,EAAA,CADCC,KACsCnC,EAAAoC,UAAA,eAAAC,GA1DnCrC,EAAKkC,EAAA,CAFVO,EAAOrF,GACPsF,EAAOC,CAAG,+CAA+CtF,0BAAiCA,4BAAmCA,wCAA+CA,sFAA6FA,sGAA6GA,8BAAqCA,mHAA0HA,+CAAsDA,kFAAyFA,iHAAwHA,4CAAmDA,kFAC10B2C,GAkHN,IAAA4C,EAAe5C"}
+{"version":3,"file":"alert.js","sources":["../src/components/alert.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","genDark","key","cssGlobalVars","_colors","darkStyles","constructCSSObject","map","v","green","blue","orange","red","yellow","purple","teal","pink","gray","lightgray","darkgray","white","black","prop","toVar","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","timeouts","add","setTimeout","alert","root","option","ai","Object","assign","appendChild","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","Alert$1"],"mappings":"+vBAcA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAIvBG,EAAWC,GACR,CAACC,EAAcC,QAAQF,GAAK,GAAIC,EAAcC,QAAQF,GAAK,IAG9DG,EAAaC,EANN,CAAC,QAAS,cAAcC,KAAKC,GAAM,GAAGT,MAAaS,MAQ9D,CACEC,MAAOR,EAAQ,SACfS,KAAMT,EAAQ,QACdU,OAAQV,EAAQ,UAChBW,IAAKX,EAAQ,OACbY,OAAQZ,EAAQ,UAChBa,OAAQb,EAAQ,UAChBc,KAAMd,EAAQ,QACde,KAAMf,EAAQ,QACdgB,KAAM,CAACd,EAAcC,QAAQc,UAAU,GAAIf,EAAcC,QAAQe,SAAS,IAC1EC,MAAO,CAACjB,EAAcC,QAAQc,UAAU,GAAIf,EAAcC,QAAQe,SAAS,IAC3EE,MAAO,CAAClB,EAAcC,QAAQe,SAAS,GAAIhB,EAAcC,QAAQc,UAAU,MAE7E,IAAM,UACLI,GAASC,EAAMD,KAGZE,EAAQ,CACZC,IAAK,CACHC,MAAO,OACPC,KAAMC,GAERC,QAAS,CACPH,MAAO,QACPC,KAAMG,GAERC,KAAM,CACJL,MAAO,OACPC,KAAMK,GAERC,QAAS,CACPP,MAAO,SACPC,KAAMO,GAERC,OAAQ,CACNT,MAAO,MACPC,KAAMS,GAERC,MAAO,CACLX,MAAO,MACPC,KAAMS,GAERE,KAAM,CACJZ,MAAO,SACPC,KAAMY,GAERC,WAAY,CACVd,MAAO,OACPC,KAAMc,IAiBV,IAAMC,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAYEC,KAAKnB,MAYQ,OAMbmB,KAASC,UAAG,EAoBZD,KAASE,WAAG,EAQZF,KAAOG,QAA0B,OAEvB,MAAAC,GACR,MAAMvB,EAAQF,EAAMqB,KAAKK,OAAOxB,OAASmB,KAAKnB,MACxCC,EAAOkB,KAAKK,KAAO1B,EAAMqB,KAAKK,MAAMvB,OAASwB,EAAS,QAC5D,OAAOC,CAAI,oBAGLC,EAAKR,KAAKS,kDAMR3B,mDAGqBkB,KAAKU,OAASJ,EAAS,qBAC5CN,KAAKW,SAAWL,YAElBN,KAAKE,WAA8B,eAAjBF,KAAKG,QACrB,GACAI,CAAI,2DAKUP,KAAKY,UAEbC,eAGRC,EAAUtD,EAAWqB,YAK7B,KAAA+B,GACEZ,KAAKe,SACLf,KAAKgB,cAAc,IAAIC,YAAY,QAAS,CAAEC,SAAS,EAAMC,UAAU,KAG/D,YAAAC,GACJpB,KAAKC,WACPD,KAAKqB,SAASC,IAAIC,YAAW,IAAMvB,KAAKY,SAASZ,KAAKC,YAI1D,YAAOuB,CAAMC,EAAmBC,GAC9B,MAAMC,EAAK,IAAI3B,KAGf,OAFA4B,OAAOC,OAAOF,EAAID,GAClBD,EAAKK,YAAYH,GACVA,IAzGTI,EAAA,CADCC,KACwFnC,EAAAoC,UAAA,YAAAC,GAOzFH,EAAA,CADCC,KAakBnC,EAAAoC,UAAA,aAAAC,GAMnBH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACLvC,EAAAoC,UAAA,iBAAAC,GAMbH,EAAA,CADCC,KACYnC,EAAAoC,UAAA,aAAAC,GAMbH,EAAA,CADCC,KACcnC,EAAAoC,UAAA,eAAAC,GAQfH,EAAA,CADCC,EAAS,CAAEG,KAAME,WACDxC,EAAAoC,UAAA,iBAAAC,GAQjBH,EAAA,CADCC,KACsCnC,EAAAoC,UAAA,eAAAC,GA1DnCrC,EAAKkC,EAAA,CAFVO,EAAOrF,GACPsF,EAAOC,CAAG,+CAA+CtF,0BAAiCA,4BAAmCA,wCAA+CA,2EAAkFA,sGAA6GA,8BAAqCA,mHAA0HA,+CAAsDA,kFAAyFA,iHAAwHA,4CAAmDA,kFAC/zB2C,GAkHN,IAAA4C,EAAe5C"}

package/components/avatar.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as r,styles as e,attr as o,omit as i,htmlSlot as a}from"@godown/element";import{css as s,html as n}from"lit";import{property as h}from"lit/decorators.js";import{scopePrefix as d,cssGlobalVars as m,GlobalStyle as p}from"../core/global-style.js";const l="avatar";d(l);let c=class Avatar extends p{constructor(){super(...arguments),this.name="",this.round=!1}render(){return n`<div part="root" ${o(i(this.observedRecord,"src"))}>${this._renderAvatar()}</div>`}_renderAvatar(){return this.src?n`<img part="image" src="${this.src}" alt="${this.name}" @error="${this._handleError}">`:this.name?n`<span part="name">${this.formatName()}</span>`:a()}formatName(){return this.name}_handleError(){this.src=void 0}};t([h()],c.prototype,"src",void 0),t([h()],c.prototype,"name",void 0),t([h({type:Boolean})],c.prototype,"round",void 0),c=t([r(l),e(s`:host{background:var(${m.passive});height:2em;overflow:hidden;vertical-align:bottom;width:2em}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;height:inherit;width:inherit}:host([round]){border-radius:50%}[part=image]{height:100%;object-fit:cover;width:100%}[part=root]{align-items:center;border-radius:inherit;height:100%;justify-content:center;position:relative;width:100%}`)],c);var v=c;export{c as Avatar,v as default};
+import{__decorate as r}from"tslib";import{godown as t,styles as e,attr as o,omit as i,htmlSlot as a}from"@godown/element";import{css as s,html as n}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as m,GlobalStyle as p}from"../core/global-style.js";const l="avatar";h(l);let c=class Avatar extends p{constructor(){super(...arguments),this.name="",this.round=!1}render(){return n`<div part="root" ${o(i(this.observedRecord,"src"))}>${this._renderAvatar()}</div>`}_renderAvatar(){return this.src?n`<img part="image" src="${this.src}" alt="${this.name}" @error="${this._handleError}">`:this.name?n`<span part="name">${this.formatName()}</span>`:a()}formatName(){return this.name}_handleError(){this.src=void 0}};r([d()],c.prototype,"src",void 0),r([d()],c.prototype,"name",void 0),r([d({type:Boolean})],c.prototype,"round",void 0),c=r([t(l),e(s`:host{background:var(${m.passive});height:2em;overflow:hidden;vertical-align:bottom;width:2em}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;height:inherit;width:inherit}:host([round]){border-radius:50%}[part=image]{height:100%;object-fit:cover;width:100%}[part=root]{align-items:center;border-radius:inherit;justify-content:center;position:relative}`)],c);var v=c;export{c as Avatar,v as default};
 //# sourceMappingURL=avatar.js.map

package/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":["protoName","scopePrefix","Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","src","_handleError","formatName","htmlSlot","undefined","__decorate","property","prototype","type","Boolean","godown","styles","css","cssGlobalVars","passive","Avatar$1"],"mappings":"qSAMA,MAAMA,EAAY,SACDC,EAAYD,GAa7B,IAAME,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAYEC,KAAIC,KAAG,GAMPD,KAAKE,OAAG,EAEE,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKC,EAAKN,KAAKO,eAAgB,WAE/BP,KAAKQ,wBAKH,aAAAA,GACR,OAAIR,KAAKS,IACAL,CAAI,0BAGAJ,KAAKS,aACLT,KAAKC,iBACHD,KAAKU,iBAIhBV,KAAKC,KACAG,CAAI,qBACWJ,KAAKW,sBAGtBC,IAGT,UAAAD,GACE,OAAOX,KAAKC,KAGJ,YAAAS,GACRV,KAAKS,SAAMI,IAjDbC,EAAA,CADCC,KAC6BlB,EAAAmB,UAAA,WAAAH,GAM9BC,EAAA,CADCC,KACQlB,EAAAmB,UAAA,YAAAH,GAMTC,EAAA,CADCC,EAAS,CAAEE,KAAMC,WACLrB,EAAAmB,UAAA,aAAAH,GAlBThB,EAAMiB,EAAA,CAFXK,EAAOxB,GACPyB,EAAOC,CAAG,wBAAwBC,EAAcC,yYAC3C1B,GA2DN,IAAA2B,EAAe3B"}
+{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":["protoName","scopePrefix","Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","src","_handleError","formatName","htmlSlot","undefined","__decorate","property","prototype","type","Boolean","godown","styles","css","cssGlobalVars","passive","Avatar$1"],"mappings":"qSAMA,MAAMA,EAAY,SACDC,EAAYD,GAa7B,IAAME,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAYEC,KAAIC,KAAG,GAMPD,KAAKE,OAAG,EAEE,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKC,EAAKN,KAAKO,eAAgB,WAE/BP,KAAKQ,wBAKH,aAAAA,GACR,OAAIR,KAAKS,IACAL,CAAI,0BAGAJ,KAAKS,aACLT,KAAKC,iBACHD,KAAKU,iBAIhBV,KAAKC,KACAG,CAAI,qBACWJ,KAAKW,sBAGtBC,IAGT,UAAAD,GACE,OAAOX,KAAKC,KAGJ,YAAAS,GACRV,KAAKS,SAAMI,IAjDbC,EAAA,CADCC,KAC6BlB,EAAAmB,UAAA,WAAAH,GAM9BC,EAAA,CADCC,KACQlB,EAAAmB,UAAA,YAAAH,GAMTC,EAAA,CADCC,EAAS,CAAEE,KAAMC,WACLrB,EAAAmB,UAAA,aAAAH,GAlBThB,EAAMiB,EAAA,CAFXK,EAAOxB,GACPyB,EAAOC,CAAG,wBAAwBC,EAAcC,kXAC3C1B,GA2DN,IAAA2B,EAAe3B"}

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 a,styles as i,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",y=h(v),b=g.white,m=g.black,f=t(["color","background","gradients"].map((o=>`${y}--${o}`)),{black:[b,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[b,g._colors.darkgray[1],g._colors.lightgray[8]],white:[m,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[b,g._colors.blue[6],g._colors.blue[4]],green:[b,g._colors.green[6],g._colors.green[4]],red:[b,g._colors.red[6],g._colors.red[4]],orange:[b,g._colors.orange[6],g._colors.orange[4]],pink:[b,g._colors.pink[6],g._colors.pink[4]],purple:[b,g._colors.purple[6],g._colors.purple[4]],yellow:[m,g._colors.yellow[6],g._colors.yellow[4]],teal:[b,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>r(o)));let $=class Button extends u{constructor(){super(...arguments),this.plain=!1,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()}connectedCallback(){super.connectedCallback(),this.events.add(this,"click",this._handelClick,!0)}_handelClick(o){if(this.disabled)return o.stopPropagation(),void o.preventDefault();this.plain||this._handleModal(o)}_handleModal(o){const t=document.createElement("i"),{width:r,height:e}=this.getBoundingClientRect(),{x:a,y:i}=this._root.getBoundingClientRect(),n=2*Math.sqrt(e**2+r**2)+"px";t.style.height=n,t.style.width=n,t.style.left=o.x-a+"px",t.style.top=o.y-i+"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,"plain",void 0),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([a(v),i(d`:host(:not([disabled]):active){transform:scale(var(${y}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${y}--modal-background:var(${y}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${y}--ghost-width) var(${y}--ghost-color);color:var(${y}--ghost-color)}:host([plain]){${y}--gradients:unset;${y}--focus-scale:unset}`,d`:host{${y}--padding-x:.8em;${y}--padding-y:calc(var(${y}--padding-x)/4);${y}--padding:var(${y}--padding-y) var(${y}--padding-x);${y}--modal-animation-duration:1s;${y}--ghost-width:.08em;${y}--focus-scale:.97;${y}--deg:45deg;${y}--ghost-color:var(${y}--background);background:linear-gradient(var(${y}--deg),var(${y}--background),var(${y}--gradients,var(${y}--background)));color:var(${y}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:var(${y}--padding);text-align:center;width:-moz-fit-content;width:fit-content}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;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(${y}--modal-animation-duration);background:var(${y}--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(${y}--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 a,styles as i,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",y=h(v),b=g.white,m=g.black,$=t(["color","background","gradients"].map((o=>`${y}--${o}`)),{black:[b,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[b,g._colors.darkgray[1],g._colors.lightgray[8]],white:[m,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[b,g._colors.blue[6],g._colors.blue[4]],green:[b,g._colors.green[6],g._colors.green[4]],red:[b,g._colors.red[6],g._colors.red[4]],orange:[b,g._colors.orange[6],g._colors.orange[4]],pink:[b,g._colors.pink[6],g._colors.pink[4]],purple:[b,g._colors.purple[6],g._colors.purple[4]],yellow:[m,g._colors.yellow[6],g._colors.yellow[4]],teal:[b,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>r(o)));let f=class Button extends u{constructor(){super(...arguments),this.plain=!1,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)}>${this.content||l()} <span part="modal-root"></span> ${s($[o])}</div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}connectedCallback(){super.connectedCallback(),this.events.add(this,"click",this._handelClick,!0)}_handelClick(o){if(this.disabled)return o.stopPropagation(),void o.preventDefault();this.plain||this._handleModal(o)}_handleModal(o){const t=document.createElement("i"),{width:r,height:e}=this.getBoundingClientRect(),{x:a,y:i}=this._root.getBoundingClientRect(),n=2*Math.sqrt(e**2+r**2)+"px";t.style.height=n,t.style.width=n,t.style.left=o.x-a+"px",t.style.top=o.y-i+"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})],f.prototype,"plain",void 0),o([p({type:Boolean,reflect:!0})],f.prototype,"disabled",void 0),o([p({type:Boolean,reflect:!0})],f.prototype,"ghost",void 0),o([p({type:Boolean,reflect:!0})],f.prototype,"active",void 0),o([p({type:Boolean,reflect:!0})],f.prototype,"round",void 0),o([p({reflect:!0})],f.prototype,"color",void 0),o([p()],f.prototype,"content",void 0),o([e("modal-root")],f.prototype,"_modalRoot",void 0),o([e("root")],f.prototype,"_root",void 0),f=o([a(v),i(d`:host(:not([disabled]):active){transform:scale(var(${y}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${y}--modal-background:var(${y}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${y}--ghost-width) var(${y}--ghost-color);color:var(${y}--ghost-color)}:host([plain]){${y}--gradients:unset;${y}--focus-scale:unset}`,d`:host{${y}--padding-x:.8em;${y}--padding-y:calc(var(${y}--padding-x)/4);${y}--padding:var(${y}--padding-y) var(${y}--padding-x);${y}--modal-animation-duration:1s;${y}--ghost-width:.08em;${y}--focus-scale:.97;${y}--deg:45deg;${y}--ghost-color:var(${y}--background);background:linear-gradient(var(${y}--deg),var(${y}--background),var(${y}--gradients,var(${y}--background)));color:var(${y}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:var(${y}--padding);text-align:center;width:-moz-fit-content;width:fit-content}[part=root]:not([contents]){height:100%;width:100%}[part=root]{border-radius:inherit;position:relative;transition:none;transition-duration:inherit;-webkit-user-select:none;user-select:none}i{animation-duration:var(${y}--modal-animation-duration);background:var(${y}--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(${y}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],f);var _=f;export{f 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","plain","disabled","ghost","active","round","color","render","nextColor","html","attr","observedRecord","content","htmlSlot","htmlStyle","focus","super","blur","connectedCallback","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","width","height","getBoundingClientRect","x","y","_root","size","Math","sqrt","style","left","top","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","plain","disabled","ghost","active","round","color","render","nextColor","html","attr","observedRecord","content","htmlSlot","htmlStyle","focus","super","blur","connectedCallback","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","width","height","getBoundingClientRect","x","y","_root","size","Math","sqrt","style","left","top","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/card.js

@@ -1,2 +1,2 @@
-import{__decorate as r}from"tslib";import{godown as o,styles as e,attr as t,htmlSlot as d}from"@godown/element";import{css as i,html as a}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as p,GlobalStyle as h}from"../core/global-style.js";const b="card",m=l(b);let n=class Card extends h{constructor(){super(...arguments),this.footer=!1,this.header=!1}render(){return a`<div part="root" ${t(this.observedRecord)}>${[this.header?d("header"):"",d(),this.footer?d("footer"):""]}</div>`}};r([s({type:Boolean})],n.prototype,"footer",void 0),r([s({type:Boolean})],n.prototype,"header",void 0),n=r([o(b),e(i`:host{${m}--border-width:.075em;${m}--border-color:var(${p.passive});${m}--padding:.5em;border-width:var(${m}--border-width);display:block;flex-shrink:0}slot{display:block;padding:var(${m}--padding)}:host,slot{border-color:var(${m}--border-color);border-style:solid}[part=root]{width:100%}[name=footer]{border-top-width:var(${m}--border-width)}[name=header]{border-bottom-width:var(${m}--border-width)}`)],n);var c=n;export{n as Card,c as default};
+import{__decorate as r}from"tslib";import{godown as o,styles as e,attr as t,htmlSlot as d}from"@godown/element";import{css as i,html as a}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as p,GlobalStyle as h}from"../core/global-style.js";const b="card",m=l(b);let n=class Card extends h{constructor(){super(...arguments),this.footer=!1,this.header=!1}render(){return a`<div part="root" ${t(this.observedRecord)}>${[this.header?d("header"):"",d(),this.footer?d("footer"):""]}</div>`}};r([s({type:Boolean})],n.prototype,"footer",void 0),r([s({type:Boolean})],n.prototype,"header",void 0),n=r([o(b),e(i`:host{${m}--border-width:.075em;${m}--border-color:var(${p.passive});${m}--padding:.5em;border-width:var(${m}--border-width);display:block;flex-shrink:0}slot{display:block;padding:var(${m}--padding)}:host,slot{border-color:var(${m}--border-color);border-style:solid}[name=footer]{border-top-width:var(${m}--border-width)}[name=header]{border-bottom-width:var(${m}--border-width)}`)],n);var c=n;export{n as Card,c as default};
 //# sourceMappingURL=card.js.map

package/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Card","GlobalStyle","constructor","this","footer","header","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","cssGlobalVars","passive","Card$1"],"mappings":"2RAOA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAe7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAAMC,QAAG,EAMTD,KAAME,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,mBAEV,CAACN,KAAKE,OAASK,EAAS,UAAY,GAAIA,IAAYP,KAAKC,OAASM,EAAS,UAAY,cAd/FC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAAC,GAMdL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAAC,GAXVhB,EAAIW,EAAA,CAFTM,EAAOpB,GACPqB,EAAOC,CAAG,SAASrB,0BAAiCA,uBAA8BsB,EAAcC,YAAYvB,oCAA2CA,+EAAsFA,2CAAkDA,iGAAwGA,0DAAiEA,sBACncE,GAyBN,IAAAsB,EAAetB"}
+{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Card","GlobalStyle","constructor","this","footer","header","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","cssGlobalVars","passive","Card$1"],"mappings":"2RAOA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAe7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAAMC,QAAG,EAMTD,KAAME,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,mBAEV,CAACN,KAAKE,OAASK,EAAS,UAAY,GAAIA,IAAYP,KAAKC,OAASM,EAAS,UAAY,cAd/FC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAAC,GAMdL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAAC,GAXVhB,EAAIW,EAAA,CAFTM,EAAOpB,GACPqB,EAAOC,CAAG,SAASrB,0BAAiCA,uBAA8BsB,EAAcC,YAAYvB,oCAA2CA,+EAAsFA,2CAAkDA,0EAAiFA,0DAAiEA,sBAC5aE,GAyBN,IAAAsB,EAAetB"}

package/components/details.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as i,attr as e,htmlSlot as r}from"@godown/element";import a from"@godown/f7-icon/icons/chevron-down.js";import{css as s,html as l}from"lit";import{property as n}from"lit/decorators.js";import{scopePrefix as p}from"../core/global-style.js";import d from"../core/super-openable.js";const c="details",m=p(c);let f=class Details extends d{constructor(){super(...arguments),this.float=!1,this.fill=!1,this.summary=""}render(){return l`<dl part="root" ${e(this.observedRecord)}><dt part="title" @click="${()=>this.toggle()}"><span part="summary">${this.summary||r("summary")}</span> <span part="icon">${a()}</span></dt><dd part="details" @click="${this.fill?()=>this.toggle():null}"><div style="min-height: 0;">${r()}</div></dd></dl>`}};t([n({type:Boolean})],f.prototype,"float",void 0),t([n({type:Boolean})],f.prototype,"fill",void 0),t([n()],f.prototype,"summary",void 0),f=t([o(c),i(s`:host{${m}--icon-deg-open:0deg;${m}--icon-deg-close:90deg;${m}--icon-space:.22em;display:block;transition:.3s}[part=root]{height:100%;position:relative}[part=title]{align-items:center;direction:ltr;grid-template-columns:auto auto;height:100%;justify-content:space-between}[part=details],[part=title]{display:grid;overflow:hidden;transition:inherit}[part=details]{grid-template-rows:0fr}:host([open]) [part=details]{grid-template-rows:1fr}[float] [part=details]{position:absolute;top:100%;width:100%}[part]{transition:inherit;transition-property:transform,grid-template-rows}[part=icon]{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;padding:var(${m}--icon-space);transform:rotate(var(${m}--icon-deg-close))}: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 o,styles as i,attr as e,htmlSlot as r}from"@godown/element";import a from"@godown/f7-icon/icons/chevron-down.js";import{css as s,html as l}from"lit";import{property as n}from"lit/decorators.js";import{scopePrefix as p}from"../core/global-style.js";import d from"../core/super-openable.js";const c="details",m=p(c);let f=class Details extends d{constructor(){super(...arguments),this.float=!1,this.fill=!1,this.summary=""}render(){return l`<dl part="root" ${e(this.observedRecord)}><dt part="title" @click="${()=>this.toggle()}"><span part="summary">${this.summary||r("summary")}</span> <span part="icon">${a()}</span></dt><dd part="details" @click="${this.fill?()=>this.toggle():null}"><div style="min-height: 0;">${r()}</div></dd></dl>`}};t([n({type:Boolean})],f.prototype,"float",void 0),t([n({type:Boolean})],f.prototype,"fill",void 0),t([n()],f.prototype,"summary",void 0),f=t([o(c),i(s`:host{${m}--icon-deg-open:0deg;${m}--icon-deg-close:90deg;${m}--icon-space:.22em;display:block;transition:.3s}[part=root]{position:relative}[part=title]{align-items:center;direction:ltr;grid-template-columns:auto auto;height:100%;justify-content:space-between}[part=details],[part=title]{display:grid;overflow:hidden;transition:inherit}[part=details]{grid-template-rows:0fr}:host([open]) [part=details]{grid-template-rows:1fr}[float] [part=details]{position:absolute;top:100%;width:100%}[part]{transition:inherit;transition-property:transform,grid-template-rows}[part=icon]{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;padding:var(${m}--icon-space);transform:rotate(var(${m}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${m}--icon-deg-open))}`)],f);var g=f;export{f as Details,g 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","float","fill","summary","render","html","attr","observedRecord","toggle","htmlSlot","svgCaretDown","__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,KAAKC,OAAG,EAMRD,KAAIE,MAAG,EAMPF,KAAOG,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAGLC,EAAKN,KAAKO,4CAIA,IAAMP,KAAKQ,kCAEER,KAAKG,SAAWM,EAAS,uCAC5BC,6CAIXV,KAAKE,KAAO,IAAMF,KAAKQ,SAAW,qCAEbC,wBA/BtCE,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACLjB,EAAAkB,UAAA,aAAAC,GAMbL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACNjB,EAAAkB,UAAA,YAAAC,GAMZL,EAAA,CADCC,KACWf,EAAAkB,UAAA,eAAAC,GAjBRnB,EAAOc,EAAA,CAFZM,EAAOvB,GACPwB,EAAOC,CAAG,SAASxB,yBAAgCA,2BAAkCA,umBAA8mBA,uCAA8CA,sEAA6EA,wBACzzBE,GA2CN,IAAAuB,EAAevB"}
+{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","float","fill","summary","render","html","attr","observedRecord","toggle","htmlSlot","svgCaretDown","__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,KAAKC,OAAG,EAMRD,KAAIE,MAAG,EAMPF,KAAOG,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAGLC,EAAKN,KAAKO,4CAIA,IAAMP,KAAKQ,kCAEER,KAAKG,SAAWM,EAAS,uCAC5BC,6CAIXV,KAAKE,KAAO,IAAMF,KAAKQ,SAAW,qCAEbC,wBA/BtCE,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACLjB,EAAAkB,UAAA,aAAAC,GAMbL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACNjB,EAAAkB,UAAA,YAAAC,GAMZL,EAAA,CADCC,KACWf,EAAAkB,UAAA,eAAAC,GAjBRnB,EAAOc,EAAA,CAFZM,EAAOvB,GACPwB,EAAOC,CAAG,SAASxB,yBAAgCA,2BAAkCA,2lBAAkmBA,uCAA8CA,sEAA6EA,wBAC7yBE,GA2CN,IAAAuB,EAAevB"}

package/components/progress.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as r,styles as e,isNil as o,Ranger as i,attr as s}from"@godown/element";import{css as a,html as n}from"lit";import{property as l}from"lit/decorators.js";import{cssGlobalVars as p,GlobalStyle as d}from"../core/global-style.js";let m=class Progress extends d{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,r=20;if(!o(this.value)){const e=new i(this.min,this.max);r=100*e.restrict(this.value/e.diff),t="static"}return n`<div part="root" ${s(this.observedRecord)} class="${t}"><i part="value" style="width:${r}%;"></i></div>`}};t([l({type:Number})],m.prototype,"max",void 0),t([l({type:Number})],m.prototype,"min",void 0),t([l({type:Number})],m.prototype,"value",void 0),m=t([r("progress"),e(a`:host{background:var(${p.passive});border-radius:.25em;color:var(${p.active});height:.5em;width:100%}:host,[part=root]{display:block}[part=root]{border-radius:inherit;height:inherit;overflow:hidden;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}`)],m);var h=m;export{m as Progress,h as default};
+import{__decorate as t}from"tslib";import{godown as r,styles as e,isNil as o,Ranger as i,attr as s}from"@godown/element";import{css as a,html as n}from"lit";import{property as l}from"lit/decorators.js";import{cssGlobalVars as p,GlobalStyle as d}from"../core/global-style.js";let m=class Progress extends d{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,r=20;if(!o(this.value)){const e=new i(this.min,this.max);r=100*e.restrict(this.value/e.diff),t="static"}return n`<div part="root" ${s(this.observedRecord)} class="${t}"><i part="value" style="width:${r}%;"></i></div>`}};t([l({type:Number})],m.prototype,"max",void 0),t([l({type:Number})],m.prototype,"min",void 0),t([l({type:Number})],m.prototype,"value",void 0),m=t([r("progress"),e(a`:host{background:var(${p.passive});border-radius:.25em;color:var(${p.active});height:.5em;width:100%}:host,[part=root]{display:block}[part=root]{border-radius:inherit;overflow:hidden;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}`)],m);var u=m;export{m as Progress,u 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","ranger","Ranger","restrict","diff","html","attr","observedRecord","__decorate","property","type","Number","prototype","undefined","godown","styles","css","cssGlobalVars","passive","active","Progress$1"],"mappings":"mRAeA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAEEC,KAAGC,IAAG,EAGND,KAAGE,IAAG,EAKI,MAAAC,GACR,IACIC,EADAC,EAAQ,GAEZ,IAAKC,EAAMN,KAAKO,OAAQ,CACtB,MAAMC,EAAS,IAAIC,EAAOT,KAAKE,IAAKF,KAAKC,KACzCI,EAAoD,IAA5CG,EAAOE,SAASV,KAAKO,MAAQC,EAAOG,MAC5CP,EAAY,SAEd,OAAOQ,CAAI,oBAGLC,EAAKb,KAAKc,0BACHV,mCAIQC,oBAxBvBU,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXrB,EAAAsB,UAAA,WAAAC,GAGPL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXrB,EAAAsB,UAAA,WAAAC,GAGPL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACLrB,EAAAsB,UAAA,aAAAC,GARTvB,EAAQkB,EAAA,CAFbM,EAPiB,YAQjBC,EAAOC,CAAG,wBAAwBC,EAAcC,0CAA0CD,EAAcE,0aACnG7B,GAiCN,IAAA8B,EAAe9B"}
+{"version":3,"file":"progress.js","sources":["../src/components/progress.ts"],"sourcesContent":null,"names":["Progress","GlobalStyle","constructor","this","max","min","render","className","width","isNil","value","ranger","Ranger","restrict","diff","html","attr","observedRecord","__decorate","property","type","Number","prototype","undefined","godown","styles","css","cssGlobalVars","passive","active","Progress$1"],"mappings":"mRAeA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAEEC,KAAGC,IAAG,EAGND,KAAGE,IAAG,EAKI,MAAAC,GACR,IACIC,EADAC,EAAQ,GAEZ,IAAKC,EAAMN,KAAKO,OAAQ,CACtB,MAAMC,EAAS,IAAIC,EAAOT,KAAKE,IAAKF,KAAKC,KACzCI,EAAoD,IAA5CG,EAAOE,SAASV,KAAKO,MAAQC,EAAOG,MAC5CP,EAAY,SAEd,OAAOQ,CAAI,oBAGLC,EAAKb,KAAKc,0BACHV,mCAIQC,oBAxBvBU,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXrB,EAAAsB,UAAA,WAAAC,GAGPL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACXrB,EAAAsB,UAAA,WAAAC,GAGPL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACLrB,EAAAsB,UAAA,aAAAC,GARTvB,EAAQkB,EAAA,CAFbM,EAPiB,YAQjBC,EAAOC,CAAG,wBAAwBC,EAAcC,0CAA0CD,EAAcE,2ZACnG7B,GAiCN,IAAA8B,EAAe9B"}

package/components/range.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{part as e,godown as r,styles as a,Ranger as s,omit as o,attr as i,joinProperties as n,loop as h,tokenList as l,isNil as d}from"@godown/element";import{css as u,html as c}from"lit";import{property as v,queryAll as p,state as m}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as g}from"../core/global-style.js";import{SuperInput as w}from"../core/super-input.js";const y="range",_=f(y);let b=class Range extends w{constructor(){super(...arguments),this.min=0,this.max=100,this.vertical=!1,this.__focusStack=[]}get range(){return Array.isArray(this.value)}get rangeValue(){return this.range?this.value:[this.value]}padValue(t,e=0){const{rangeValue:r}=this,a=t-r.length;return a>0?new Array(a).fill(e).concat(r):r}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),"max"!==t&&"min"!==t&&"step"!==t||(this._ranger=new s(this.min,this.max,this.step))}get observedRecord(){return o(super.observedRecord,"outline-type")}render(){const t=this.padValue(2),e=Math.min(...t),r=Math.max(...t),a=this._ranger.diff;return c`<div part="root" ${i(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${n([["--from",(e-this.min)/a*100+"%"],["--to",(r-this.min)/a*100+"%"],...t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/a*100+"%"]))])}"><div part="track"></div>${h(this.rangeValue.length,(t=>this._renderHandle(t)))}</div>`}_renderHandle(t){const{disabled:e,range:r,rangeValue:a}=this,s=!r||r&&t===a.length-1&&1===a.length;return c`<i tabindex="0" part="handle" class="${l({"last-focus":this.lastFocus===t})}" @mousedown="${e?null:this.createMouseDown(t)}" @focus="${e?null:()=>this.focusHandle(t)}" @blur="${e?null:this.blurHandle}" style="${n({"z-index":this.__focusStack.indexOf(t)+1,"--handle":`var(--${s?"to":`handle-${t}`})`})}"></i>`}focusHandle(t){this.lastFocus=t;const e=this.__focusStack.indexOf(t);-1!==e&&this.__focusStack.splice(e,1),this.__focusStack.push(t);const r=this._handles.item(t);r?.focus(),this.__keydownEvent||(this.__keydownEvent=this.events.add(document,"keydown",this.createKeydownEvent(t))),this.dispatchEvent(new CustomEvent("focus",{detail:t}))}blurHandle(){this.lastFocus=void 0,this.__keydownEvent=this.events.remove(document,"keydown",this.__keydownEvent),this.dispatchEvent(new CustomEvent("blur"))}createKeydownEvent(t){const{rangeValue:e,step:r}=this;return e.length<2&&(t=0),a=>{const s=e[t];"ArrowLeft"===a.key||"ArrowDown"===a.key?(a.preventDefault(),this.createSetValue(t)(s-r)):"ArrowRight"!==a.key&&"ArrowUp"!==a.key||(a.preventDefault(),this.createSetValue(t)(s+r))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}createSetValue(t){return e=>{const r=this._ranger.normalize(e);let a=r;this.range&&(a=[...this.value],a[t]=r),this.value=a,this.dispatchEvent(new CustomEvent("range",{detail:this.value}))}}_computeValue({clientX:t,clientY:e}){const{top:r,left:a,height:s,width:o}=this._root.getBoundingClientRect();return this._ranger.present(this.vertical?(e-r)/s:(t-a)/o)}_handleMousedownRoot(t){const e=this._computeValue(t),r=this.range?this.rangeValue.reduce(((t,r,a)=>Math.abs(e-r)<Math.abs(e-this.rangeValue[t])?a:t),0):0,a=this.createSetValue(r);a(e),this.createMousedownListener(a)(t),this.focusHandle(r)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const r=this.createMousemoveListener(t);this.events.add(document,"mousemove",r);const a=()=>{this.events.remove(document,"mousemove",r),this.events.remove(document,"mouseup",a)};this.events.add(document,"mouseup",a)}}createMousemoveListener(t){return e=>{const r=this._computeValue(e);r===this._ranger.restrict(r)&&t?.call(this,r)}}_connectedInit(){this._ranger=new s(this.min,this.max,this.step);const t=this._ranger.diff;this.step||=t/100,d(this.value)&&(d(this.default)?this.value=Math.round(t/2/this.step)*this.step:this.value=this.default),this.default??=this.value}reset(){this.value=this.default}sort(){return this.value=this.toSorted()}toSorted(){return this.range?[...this.value].sort(((t,e)=>t-e)):this.value}};t([v({type:Number})],b.prototype,"min",void 0),t([v({type:Number})],b.prototype,"max",void 0),t([v({type:Number})],b.prototype,"step",void 0),t([v({type:Boolean,reflect:!0})],b.prototype,"vertical",void 0),t([v({type:Array})],b.prototype,"value",void 0),t([v({type:Array})],b.prototype,"default",void 0),t([e("root")],b.prototype,"_root",void 0),t([p("[part=handle]")],b.prototype,"_handles",void 0),t([m()],b.prototype,"lastFocus",void 0),b=t([r(y),a(u`:host{${_}--handle-active:var(${g.active});${_}--track-width:.5em;${_}--length:var(${g.input}-width);background:var(${g.passive});display:block;width:var(${_}--length)}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${_}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{${_}--handle-scale:1.05;background:var(${_}--handle-active)}[part=root]{position:relative;width:100%;--from:0%;--to:50%;height:var(${_}--track-width)}[part=root],[part=track]{border-radius:inherit;min-height:inherit}[part=track]{background:var(${g.active});height:100%;justify-content:space-between;left:min(var(--from),var(--to));pointer-events:none;width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part=handle],[part=track]{display:flex;position:absolute}[part=handle]{align-items:center;background:var(${g.active});border:.1em solid;border-color:var(${g.input}-control);border-radius:50%;height:1em;justify-content:center;transform:scale(var(${_}--handle-scale,1)) translate(-50%,-25%);transform-origin:0 25%;-webkit-user-select:none;user-select:none;width:1em}`,u`[vertical]{height:inherit;width:var(${_}--track-width)}[vertical] i{transform:translate(-25%,-50%)}[vertical] [part=track]{height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));left:0;top:min(var(--from),var(--to));width:100%}`,u`[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{left:0;top:var(--handle)}`)],b);var k=b;export{b as Range,k as default};
+import{__decorate as t}from"tslib";import{part as e,godown as r,styles as a,Ranger as s,omit as o,attr as i,joinProperties as n,loop as h,tokenList as l,isNil as d}from"@godown/element";import{css as u,html as c}from"lit";import{property as v,queryAll as p,state as m}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as g}from"../core/global-style.js";import{SuperInput as w}from"../core/super-input.js";const y="range",_=f(y);let b=class Range extends w{constructor(){super(...arguments),this.min=0,this.max=100,this.vertical=!1,this.__focusStack=[]}get range(){return Array.isArray(this.value)}get rangeValue(){return this.range?this.value:[this.value]}padValue(t,e=0){const{rangeValue:r}=this,a=t-r.length;return a>0?new Array(a).fill(e).concat(r):r}attributeChangedCallback(t,e,r){super.attributeChangedCallback(t,e,r),"max"!==t&&"min"!==t&&"step"!==t||(this._ranger=new s(this.min,this.max,this.step))}get observedRecord(){return o(super.observedRecord,"outline-type")}render(){const t=this.padValue(2),e=Math.min(...t),r=Math.max(...t),a=this._ranger.diff;return c`<div part="root" ${i(this.observedRecord)} @mousedown="${this.disabled?null:this._handleMousedownRoot}" style="${n([["--from",(e-this.min)/a*100+"%"],["--to",(r-this.min)/a*100+"%"],...t.map(((t,e)=>[`--handle-${e}`,(t-this.min)/a*100+"%"]))])}"><div part="track"></div>${h(this.rangeValue.length,(t=>this._renderHandle(t)))}</div>`}_renderHandle(t){const{disabled:e,range:r,rangeValue:a}=this,s=!r||r&&t===a.length-1&&1===a.length;return c`<i tabindex="0" part="handle" class="${l({"last-focus":this.lastFocus===t})}" @mousedown="${e?null:this.createMouseDown(t)}" @focus="${e?null:()=>this.focusHandle(t)}" @blur="${e?null:this.blurHandle}" style="${n({"z-index":this.__focusStack.indexOf(t)+1,"--handle":`var(--${s?"to":`handle-${t}`})`})}"></i>`}focusHandle(t){this.lastFocus=t;const e=this.__focusStack.indexOf(t);-1!==e&&this.__focusStack.splice(e,1),this.__focusStack.push(t);const r=this._handles.item(t);r?.focus(),this.__keydownEvent||(this.__keydownEvent=this.events.add(document,"keydown",this.createKeydownEvent(t))),this.dispatchEvent(new CustomEvent("focus",{detail:t}))}blurHandle(){this.lastFocus=void 0,this.__keydownEvent=this.events.remove(document,"keydown",this.__keydownEvent),this.dispatchEvent(new CustomEvent("blur"))}createKeydownEvent(t){const{rangeValue:e,step:r}=this;return e.length<2&&(t=0),a=>{const s=e[t];"ArrowLeft"===a.key||"ArrowDown"===a.key?(a.preventDefault(),this.createSetValue(t)(s-r)):"ArrowRight"!==a.key&&"ArrowUp"!==a.key||(a.preventDefault(),this.createSetValue(t)(s+r))}}createMouseDown(t){return e=>{this.focusHandle(t),this.createMousedownListener(this.createSetValue(t))(e)}}createSetValue(t){return e=>{const r=this._ranger.normalize(e);let a=r;this.range&&(a=[...this.value],a[t]=r),this.value=a,this.dispatchEvent(new CustomEvent("range",{detail:this.value}))}}_computeValue({clientX:t,clientY:e}){const{top:r,left:a,height:s,width:o}=this._root.getBoundingClientRect();return this._ranger.present(this.vertical?(e-r)/s:(t-a)/o)}_handleMousedownRoot(t){const e=this._computeValue(t),r=this.range?this.rangeValue.reduce(((t,r,a)=>Math.abs(e-r)<Math.abs(e-this.rangeValue[t])?a:t),0):0,a=this.createSetValue(r);a(e),this.createMousedownListener(a)(t),this.focusHandle(r)}createMousedownListener(t){return e=>{e.preventDefault(),e.stopPropagation();const r=this.createMousemoveListener(t);this.events.add(document,"mousemove",r);const a=()=>{this.events.remove(document,"mousemove",r),this.events.remove(document,"mouseup",a)};this.events.add(document,"mouseup",a)}}createMousemoveListener(t){return e=>{const r=this._computeValue(e);r===this._ranger.restrict(r)&&t?.call(this,r)}}_connectedInit(){this._ranger=new s(this.min,this.max,this.step);const t=this._ranger.diff;this.step||=t/100,d(this.value)&&(d(this.default)?this.value=Math.round(t/2/this.step)*this.step:this.value=this.default),this.default??=this.value}reset(){this.value=this.default}sort(){return this.value=this.toSorted()}toSorted(){return this.range?[...this.value].sort(((t,e)=>t-e)):this.value}};t([v({type:Number})],b.prototype,"min",void 0),t([v({type:Number})],b.prototype,"max",void 0),t([v({type:Number})],b.prototype,"step",void 0),t([v({type:Boolean,reflect:!0})],b.prototype,"vertical",void 0),t([v({type:Array})],b.prototype,"value",void 0),t([v({type:Array})],b.prototype,"default",void 0),t([e("root")],b.prototype,"_root",void 0),t([p("[part=handle]")],b.prototype,"_handles",void 0),t([m()],b.prototype,"lastFocus",void 0),b=t([r(y),a(u`:host{${_}--handle-active:var(${g.active});${_}--track-width:.5em;${_}--length:var(${g.input}-width);background:var(${g.passive});display:block;width:var(${_}--length)}:host([contents]) [part=root]{width:inherit}:host([vertical]){height:var(${_}--length);width:-moz-fit-content;width:fit-content}:host(:not([disabled])) .last-focus{${_}--handle-scale:1.05;background:var(${_}--handle-active)}[part=root]{position:relative;--from:0%;--to:50%;height:var(${_}--track-width)}[part=root],[part=track]{border-radius:inherit;min-height:inherit}[part=track]{background:var(${g.active});height:100%;justify-content:space-between;left:min(var(--from),var(--to));pointer-events:none;width:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)))}[part=handle],[part=track]{display:flex;position:absolute}[part=handle]{align-items:center;background:var(${g.active});border:.1em solid;border-color:var(${g.input}-control);border-radius:50%;height:1em;justify-content:center;transform:scale(var(${_}--handle-scale,1)) translate(-50%,-25%);transform-origin:0 25%;-webkit-user-select:none;user-select:none;width:1em}`,u`[vertical]{height:inherit;width:var(${_}--track-width)}[vertical] i{transform:translate(-25%,-50%)}[vertical] [part=track]{height:max(calc(var(--to) - var(--from)),calc(var(--from) - var(--to)));left:0;top:min(var(--from),var(--to));width:100%}`,u`[part=handle]{left:var(--handle);top:0}[vertical] [part=handle]{left:0;top:var(--handle)}`)],b);var k=b;export{b as Range,k as default};
 //# sourceMappingURL=range.js.map

package/components/range.js.map

@@ -1 +1 @@
-{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Range","SuperInput","constructor","this","min","max","vertical","__focusStack","range","Array","isArray","value","rangeValue","padValue","len","miss","length","fill","concat","attributeChangedCallback","name","_old","super","_ranger","Ranger","step","observedRecord","omit","render","from","Math","to","gap","diff","html","attr","disabled","_handleMousedownRoot","joinProperties","map","index","loop","_renderHandle","end","tokenList","lastFocus","createMouseDown","focusHandle","blurHandle","indexOf","indexOfFocusStack","splice","push","handleItem","_handles","item","focus","__keydownEvent","events","add","document","createKeydownEvent","dispatchEvent","CustomEvent","detail","undefined","remove","e","old","key","preventDefault","createSetValue","createMousedownListener","normalizeValue","normalize","newValue","_computeValue","clientX","clientY","top","left","height","width","_root","getBoundingClientRect","present","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","stop","callback","restrict","call","_connectedInit","isNil","default","round","reset","sort","toSorted","a","b","__decorate","property","type","Number","prototype","Boolean","reflect","part","queryAll","state","godown","styles","css","cssGlobalVars","active","input","passive","Range$1"],"mappings":"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"}
+{"version":3,"file":"range.js","sources":["../src/components/range.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Range","SuperInput","constructor","this","min","max","vertical","__focusStack","range","Array","isArray","value","rangeValue","padValue","len","miss","length","fill","concat","attributeChangedCallback","name","_old","super","_ranger","Ranger","step","observedRecord","omit","render","from","Math","to","gap","diff","html","attr","disabled","_handleMousedownRoot","joinProperties","map","index","loop","_renderHandle","end","tokenList","lastFocus","createMouseDown","focusHandle","blurHandle","indexOf","indexOfFocusStack","splice","push","handleItem","_handles","item","focus","__keydownEvent","events","add","document","createKeydownEvent","dispatchEvent","CustomEvent","detail","undefined","remove","e","old","key","preventDefault","createSetValue","createMousedownListener","normalizeValue","normalize","newValue","_computeValue","clientX","clientY","top","left","height","width","_root","getBoundingClientRect","present","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","stop","callback","restrict","call","_connectedInit","isNil","default","round","reset","sort","toSorted","a","b","__decorate","property","type","Number","prototype","Boolean","reflect","part","queryAll","state","godown","styles","css","cssGlobalVars","active","input","passive","Range$1"],"mappings":"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"}

package/components/skeleton.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{godown as i,styles as r,htmlSlot as t,attr as a}from"@godown/element";import n from"@godown/f7-icon/icons/photo.js";import{css as e,html as s}from"lit";import{property as m,state as d}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as c,GlobalStyle as g}from"../core/global-style.js";const l="skeleton",v=p(l);let $=class Skeleton extends g{constructor(){super(...arguments),this.animation="position",this.loading=!0}render(){return this.loading?s`<div part="root" ${a(this.observedRecord)}>${"image"===this.type?n():""} ${t("loading")}</div>`:t()}};o([m()],$.prototype,"type",void 0),o([m()],$.prototype,"animation",void 0),o([d()],$.prototype,"loading",void 0),$=o([i(l),r(e`:host{${v}--from:var(${c._colors.darkgray[9]});${v}--to:var(${c._colors.darkgray[7]});${v}--deg:95deg;${v}--duration:1.5s;${v}--icon-size:5em;${v}--icon-margin:.25em;background:var(${v}--from);color:var(${c._colors.darkgray[5]});display:block;flex-shrink:0;min-height:1.5em;overflow:hidden;width:100%}[part=root]{animation:var(${v}--duration) ease-in-out 0s infinite none running;height:100%;min-height:inherit;text-align:center}svg{--size:var(${v}--icon-size);font-size:var(--size);margin:calc(var(--size)*.05)}[animation=position]{animation-name:po;background-color:transparent;background-image:linear-gradient(var(${v}--deg),var(${v}--from) 36%,var(${v}--to) 50%,var(${v}--from) 64%);background-size:200% 100%}@keyframes po{0%{background-position:150%}to{background-position:-50%}}[animation=opacity]{animation-direction:alternate;animation-name:op}@keyframes op{50%{opacity:.25}to{opacity:1}}`)],$);var f=$;export{$ as Skeleton,f as default};
+import{__decorate as o}from"tslib";import{godown as i,styles as r,htmlSlot as t,attr as a}from"@godown/element";import n from"@godown/f7-icon/icons/photo.js";import{css as e,html as s}from"lit";import{property as m,state as d}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as c,GlobalStyle as g}from"../core/global-style.js";const l="skeleton",v=p(l);let $=class Skeleton extends g{constructor(){super(...arguments),this.animation="position",this.loading=!0}render(){return this.loading?s`<div part="root" ${a(this.observedRecord)}>${"image"===this.type?n():""} ${t("loading")}</div>`:t()}};o([m()],$.prototype,"type",void 0),o([m()],$.prototype,"animation",void 0),o([d()],$.prototype,"loading",void 0),$=o([i(l),r(e`:host{${v}--from:var(${c._colors.darkgray[9]});${v}--to:var(${c._colors.darkgray[7]});${v}--deg:95deg;${v}--duration:1.5s;${v}--icon-size:5em;${v}--icon-margin:.25em;background:var(${v}--from);color:var(${c._colors.darkgray[5]});display:block;flex-shrink:0;min-height:1.5em;overflow:hidden;width:100%}[part=root]{animation:var(${v}--duration) ease-in-out 0s infinite none running;min-height:inherit;text-align:center}svg{--size:var(${v}--icon-size);font-size:var(--size);margin:calc(var(--size)*.05)}[animation=position]{animation-name:po;background-color:transparent;background-image:linear-gradient(var(${v}--deg),var(${v}--from) 36%,var(${v}--to) 50%,var(${v}--from) 64%);background-size:200% 100%}@keyframes po{0%{background-position:150%}to{background-position:-50%}}[animation=opacity]{animation-direction:alternate;animation-name:op}@keyframes op{50%{opacity:.25}to{opacity:1}}`)],$);var f=$;export{$ as Skeleton,f as default};
 //# sourceMappingURL=skeleton.js.map

package/components/skeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Skeleton","GlobalStyle","constructor","this","animation","loading","render","html","attr","observedRecord","type","iconPhoto","htmlSlot","__decorate","property","prototype","undefined","state","godown","styles","css","cssGlobalVars","_colors","darkgray","Skeleton$1"],"mappings":"oVAOA,MAAMA,EAAY,WACZC,EAAWC,EAAYF,GAW7B,IAAMG,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAYEC,KAASC,UAA2B,WAMpCD,KAAOE,SAAG,EAEA,MAAAC,GACR,OAAKH,KAAKE,QAGHE,CAAI,oBAGLC,EAAKL,KAAKM,mBAEI,UAAdN,KAAKO,KAAmBC,IAAc,MAAMC,EAAS,mBAPlDA,MAjBXC,EAAA,CADCC,KACqBd,EAAAe,UAAA,YAAAC,GAOtBH,EAAA,CADCC,KAC6Cd,EAAAe,UAAA,iBAAAC,GAM9CH,EAAA,CADCI,KACajB,EAAAe,UAAA,eAAAC,GAlBVhB,EAAQa,EAAA,CAFbK,EAAOrB,GACPsB,EAAOC,CAAG,SAAStB,eAAsBuB,EAAcC,QAAQC,SAAS,OAAOzB,aAAoBuB,EAAcC,QAAQC,SAAS,OAAOzB,gBAAuBA,oBAA2BA,oBAA2BA,uCAA8CA,sBAA6BuB,EAAcC,QAAQC,SAAS,yGAAyGzB,qHAA4HA,6KAAoLA,eAAsBA,oBAA2BA,kBAAyBA,oOAC9xBE,GAmCN,IAAAwB,EAAexB"}
+{"version":3,"file":"skeleton.js","sources":["../src/components/skeleton.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Skeleton","GlobalStyle","constructor","this","animation","loading","render","html","attr","observedRecord","type","iconPhoto","htmlSlot","__decorate","property","prototype","undefined","state","godown","styles","css","cssGlobalVars","_colors","darkgray","Skeleton$1"],"mappings":"oVAOA,MAAMA,EAAY,WACZC,EAAWC,EAAYF,GAW7B,IAAMG,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAYEC,KAASC,UAA2B,WAMpCD,KAAOE,SAAG,EAEA,MAAAC,GACR,OAAKH,KAAKE,QAGHE,CAAI,oBAGLC,EAAKL,KAAKM,mBAEI,UAAdN,KAAKO,KAAmBC,IAAc,MAAMC,EAAS,mBAPlDA,MAjBXC,EAAA,CADCC,KACqBd,EAAAe,UAAA,YAAAC,GAOtBH,EAAA,CADCC,KAC6Cd,EAAAe,UAAA,iBAAAC,GAM9CH,EAAA,CADCI,KACajB,EAAAe,UAAA,eAAAC,GAlBVhB,EAAQa,EAAA,CAFbK,EAAOrB,GACPsB,EAAOC,CAAG,SAAStB,eAAsBuB,EAAcC,QAAQC,SAAS,OAAOzB,aAAoBuB,EAAcC,QAAQC,SAAS,OAAOzB,gBAAuBA,oBAA2BA,oBAA2BA,uCAA8CA,sBAA6BuB,EAAcC,QAAQC,SAAS,yGAAyGzB,yGAAgHA,6KAAoLA,eAAsBA,oBAA2BA,kBAAyBA,oOAClxBE,GAmCN,IAAAwB,EAAexB"}

package/components/split.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as e,styles as i,omit as r,attr as s,loop as n,tokenList as u}from"@godown/element";import{css as o,html as l}from"lit";import{property as c,state as a}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as p}from"../core/global-style.js";import{SuperInput as d}from"../core/super-input.js";const b="split",f=h(b);let v=class Split extends d{constructor(){super(...arguments),this.len=6,this.index=-1,this.current=-1,this.currentValue=[]}get observedRecord(){return r(super.observedRecord,"outline-type")}render(){return l`<div part="root" ${s(this.observedRecord)}>${n(this.len,(t=>l`<span part="input-box" outline-type="${this.outlineType}" class="${u({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([c({type:Number})],v.prototype,"len",void 0),t([c({type:Number})],v.prototype,"index",void 0),t([a()],v.prototype,"current",void 0),t([a()],v.prototype,"currentValue",void 0),v=t([e(b),i(o`:host{border-radius:.1em;display:block;width:-moz-fit-content;width:fit-content;${f}--size:1.45em;${f}--gap:.25em}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{display:flex;gap:var(${f}--gap);justify-content:space-between;position:relative;width:100%}[part=input-box],[part=root]{border-radius:inherit;vertical-align:top}[part=input-box]{align-items:center;display:inline-flex;height:var(${f}--size);justify-content:center;width:var(${f}--size)}[part=input]{background:none;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus,[part=input-box]:active{${p.input}-outline-color:var(${p.active})}`)],v);var m=v;export{v as Split,m as default};
+import{__decorate as t}from"tslib";import{godown as e,styles as i,omit as r,attr as s,loop as n,tokenList as u}from"@godown/element";import{css as o,html as l}from"lit";import{property as c,state as a}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as h}from"../core/global-style.js";import{SuperInput as d}from"../core/super-input.js";const b="split",f=p(b);let v=class Split extends d{constructor(){super(...arguments),this.len=6,this.index=-1,this.current=-1,this.currentValue=[]}get observedRecord(){return r(super.observedRecord,"outline-type")}render(){return l`<div part="root" ${s(this.observedRecord)}>${n(this.len,(t=>l`<span part="input-box" outline-type="${this.outlineType}" class="${u({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([c({type:Number})],v.prototype,"len",void 0),t([c({type:Number})],v.prototype,"index",void 0),t([a()],v.prototype,"current",void 0),t([a()],v.prototype,"currentValue",void 0),v=t([e(b),i(o`:host{border-radius:.1em;display:block;width:-moz-fit-content;width:fit-content;${f}--size:1.45em;${f}--gap:.25em}[part=root]{display:flex;gap:var(${f}--gap);justify-content:space-between;position:relative}[part=input-box],[part=root]{border-radius:inherit;vertical-align:top}[part=input-box]{align-items:center;display:inline-flex;height:var(${f}--size);justify-content:center;width:var(${f}--size)}[part=input]{background:none;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus,[part=input-box]:active{${h.input}-outline-color:var(${h.active})}`)],v);var m=v;export{v as Split,m 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","observedRecord","omit","super","render","html","attr","loop","outlineType","tokenList","focus","disabled","focusAt","makeId","blur","_handleInput","value","padStart","connectedCallback","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","Array","fill","__decorate","property","type","Number","prototype","undefined","state","godown","styles","css","cssGlobalVars","input","active","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","observedRecord","omit","super","render","html","attr","loop","outlineType","tokenList","focus","disabled","focusAt","makeId","blur","_handleInput","value","padStart","connectedCallback","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","Array","fill","__decorate","property","type","Number","prototype","undefined","state","godown","styles","css","cssGlobalVars","input","active","Split$1"],"mappings":"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"}

package/components/switch.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as e,styles as i,omit as a,attr as r}from"@godown/element";import{css as s,html as o}from"lit";import{property as h}from"lit/decorators.js";import{scopePrefix as n,cssGlobalVars as d}from"../core/global-style.js";import{SuperInput as l}from"../core/super-input.js";const c="switch",p=n(c);let u=class Switch extends l{constructor(){super(...arguments),this.default=!1,this.value=!1}set checked(t){this.value=t}get checked(){return this.value}get observedRecord(){return a(super.observedRecord,"outline-type")}render(){return o`<div part="root" ${r(this.observedRecord)} class="round"><input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.value}" id="${this.makeId}" @change="${this._handleChange}"> <span part="handle"></span></div>`}reset(){this.value=this.default,this._input.checked=this.value}_connectedInit(){this.default?this.value=!0:this.value&&(this.value=!0,this.default=!0)}_handleChange(){const{checked:t}=this._input;this.value=t,this.dispatchCustomEvent("change",this.value)}};t([h({type:Boolean})],u.prototype,"default",void 0),t([h({type:Boolean,attribute:"checked",reflect:!0})],u.prototype,"value",void 0),u=t([e(c),i(s`:host,:host([contents]) [part=root]{display:inline-block;height:var(${p}-height);width:var(${p}-width)}:host{${p}-width:3em;${p}-height:calc(var(${p}-width)/2);${p}-handle-size:1.25em;${p}-handle-space:calc(var(${p}-width)/4 - var(${p}-handle-size)/2);${p}-transition:.2s ease-in-out;background:var(${d.passive});border-radius:calc(var(${p}-height)/2);transition:.2s ease-in-out;transition-property:background,left;vertical-align:bottom}:host([checked]){background:var(${d.active})}[part=root]{height:inherit;position:relative}[part=handle],[part=root]{align-items:center;display:flex;transition:inherit}[part=handle]{background:currentColor;border-radius:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:50%;--size:var(${p}-handle-size);height:var(--size);transform:translateY(-50%) translateX(var(${p}-handle-space));width:var(--size)}:host([checked]) [part=handle]{left:50%}[part=input]{height:100%;opacity:0;width:100%}`)],u);var v=u;export{u as Switch,v as default};
+import{__decorate as t}from"tslib";import{godown as e,styles as a,omit as i,attr as r}from"@godown/element";import{css as s,html as o}from"lit";import{property as n}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as d}from"../core/global-style.js";import{SuperInput as l}from"../core/super-input.js";const c="switch",p=h(c);let u=class Switch extends l{constructor(){super(...arguments),this.default=!1,this.value=!1}set checked(t){this.value=t}get checked(){return this.value}get observedRecord(){return i(super.observedRecord,"outline-type")}render(){return o`<div part="root" ${r(this.observedRecord)} class="round"><input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.value}" id="${this.makeId}" @change="${this._handleChange}"> <span part="handle"></span></div>`}reset(){this.value=this.default,this._input.checked=this.value}_connectedInit(){this.default?this.value=!0:this.value&&(this.value=!0,this.default=!0)}_handleChange(){const{checked:t}=this._input;this.value=t,this.dispatchCustomEvent("change",this.value)}};t([n({type:Boolean})],u.prototype,"default",void 0),t([n({type:Boolean,attribute:"checked",reflect:!0})],u.prototype,"value",void 0),u=t([e(c),a(s`:host,:host([contents]) [part=root]{display:inline-block}:host{${p}-width:3em;${p}-height:calc(var(${p}-width)/2);${p}-handle-size:1.25em;${p}-handle-space:calc(var(${p}-width)/4 - var(${p}-handle-size)/2);${p}-transition:.2s ease-in-out;background:var(${d.passive});border-radius:calc(var(${p}-height)/2);height:var(${p}-height);transition:.2s ease-in-out;transition-property:background,left;vertical-align:bottom;width:var(${p}-width)}:host([checked]){background:var(${d.active})}[part=root]{position:relative}[part=handle],[part=root]{align-items:center;display:flex;transition:inherit}[part=handle]{background:currentColor;border-radius:100%;justify-content:center;left:0;pointer-events:none;position:absolute;top:50%;--size:var(${p}-handle-size);height:var(--size);transform:translateY(-50%) translateX(var(${p}-handle-space));width:var(--size)}:host([checked]) [part=handle]{left:50%}[part=input]{height:100%;opacity:0;width:100%}`)],u);var v=u;export{u as Switch,v as default};
 //# sourceMappingURL=switch.js.map

package/components/switch.js.map

@@ -1 +1 @@
-{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Switch","SuperInput","constructor","this","default","value","checked","v","observedRecord","omit","super","render","html","attr","disabled","makeId","_handleChange","reset","_input","_connectedInit","dispatchCustomEvent","__decorate","property","type","Boolean","prototype","undefined","attribute","reflect","godown","styles","css","cssGlobalVars","passive","active","Switch$1"],"mappings":"0TAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAU7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAkBEC,KAAOC,SAAG,EAMVD,KAAKE,OAAG,EAlBR,WAAIC,CAAQC,GACVJ,KAAKE,MAAQE,EAGf,WAAID,GACF,OAAOH,KAAKE,MAed,kBAAIG,GACF,OAAOC,EAAKC,MAAMF,eAAgB,gBAG1B,MAAAG,GACR,OAAOC,CAAI,oBAGLC,EAAKV,KAAKK,gFAMGL,KAAKW,uBACNX,KAAKE,cACXF,KAAKY,oBACAZ,KAAKa,oDAOxB,KAAAC,GACEd,KAAKE,MAAQF,KAAKC,QAClBD,KAAKe,OAAOZ,QAAUH,KAAKE,MAGnB,cAAAc,GACJhB,KAAKC,QACPD,KAAKE,OAAQ,EAETF,KAAKE,QACPF,KAAKE,OAAQ,EACbF,KAAKC,SAAU,GAKX,aAAAY,GACR,MAAMV,QAAEA,GAAYH,KAAKe,OACzBf,KAAKE,MAAQC,EACbH,KAAKiB,oBAAoB,SAAUjB,KAAKE,SAnD1CgB,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACHxB,EAAAyB,UAAA,eAAAC,GAMfL,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASG,UAAW,UAAWC,SAAS,KAC7C5B,EAAAyB,UAAA,aAAAC,GAxBT1B,EAAMqB,EAAA,CAFXQ,EAAOhC,GACPiC,EAAOC,CAAG,uEAAuEjC,uBAA8BA,kBAAyBA,eAAsBA,qBAA4BA,eAAsBA,wBAA+BA,2BAAkCA,oBAA2BA,qBAA4BA,+CAAsDkC,EAAcC,mCAAmCnC,qIAA4IkC,EAAcE,qRAAqRpC,+EAAsFA,8HAC/6BE,GAyEN,IAAAmC,EAAenC"}
+{"version":3,"file":"switch.js","sources":["../src/components/switch.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Switch","SuperInput","constructor","this","default","value","checked","v","observedRecord","omit","super","render","html","attr","disabled","makeId","_handleChange","reset","_input","_connectedInit","dispatchCustomEvent","__decorate","property","type","Boolean","prototype","undefined","attribute","reflect","godown","styles","css","cssGlobalVars","passive","active","Switch$1"],"mappings":"0TAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAU7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAkBEC,KAAOC,SAAG,EAMVD,KAAKE,OAAG,EAlBR,WAAIC,CAAQC,GACVJ,KAAKE,MAAQE,EAGf,WAAID,GACF,OAAOH,KAAKE,MAed,kBAAIG,GACF,OAAOC,EAAKC,MAAMF,eAAgB,gBAG1B,MAAAG,GACR,OAAOC,CAAI,oBAGLC,EAAKV,KAAKK,gFAMGL,KAAKW,uBACNX,KAAKE,cACXF,KAAKY,oBACAZ,KAAKa,oDAOxB,KAAAC,GACEd,KAAKE,MAAQF,KAAKC,QAClBD,KAAKe,OAAOZ,QAAUH,KAAKE,MAGnB,cAAAc,GACJhB,KAAKC,QACPD,KAAKE,OAAQ,EAETF,KAAKE,QACPF,KAAKE,OAAQ,EACbF,KAAKC,SAAU,GAKX,aAAAY,GACR,MAAMV,QAAEA,GAAYH,KAAKe,OACzBf,KAAKE,MAAQC,EACbH,KAAKiB,oBAAoB,SAAUjB,KAAKE,SAnD1CgB,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACHxB,EAAAyB,UAAA,eAAAC,GAMfL,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASG,UAAW,UAAWC,SAAS,KAC7C5B,EAAAyB,UAAA,aAAAC,GAxBT1B,EAAMqB,EAAA,CAFXQ,EAAOhC,GACPiC,EAAOC,CAAG,kEAAkEjC,eAAsBA,qBAA4BA,eAAsBA,wBAA+BA,2BAAkCA,oBAA2BA,qBAA4BA,+CAAsDkC,EAAcC,mCAAmCnC,2BAAkCA,4GAAmHA,4CAAmDkC,EAAcE,sQAAsQpC,+EAAsFA,8HACh6BE,GAyEN,IAAAmC,EAAenC"}

package/components/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/components/tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,cAQM,IAAK,SAAQ,WAAW;IAE5B,WAAW,EAAE,WAAW,CAAY;IAEpC;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IAEH,KAAK,SAAK;IAEV,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAG7B,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAGlD,SAAS,CAAC,WAAW,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAExD,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAW3B,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAQnC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;IAsCpC,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAS/B;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/components/tabs.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAkB,KAAK,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAOtE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,cAQM,IAAK,SAAQ,WAAW;IAE5B,WAAW,EAAE,WAAW,CAAY;IAEpC;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IAEH,KAAK,SAAK;IAEV,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAG7B,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAGlD,SAAS,CAAC,WAAW,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;IAExD,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAa3B,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAQnC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;IAsCpC,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAY/B;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/components/tabs.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as i,styles as e,attr as o,tokenList as r,htmlSlot as n}from"@godown/element";import{scopePrefix as s,cssGlobalVars as a,GlobalStyle as d}from"../core/global-style.js";import{css as p,html as l}from"lit";import{property as c,queryAll as h}from"lit/decorators.js";import{OutlineBuilder as u}from"../core/outline.js";const m="tabs",v=s(m),y="hover";let x=class Tabs extends d{constructor(){super(...arguments),this.outlineType="border",this.useSlot=!1,this.index=0}render(){return l`<ul part="root" ${o(this.observedRecord)} @mouseleave="${this._handleMouseLeave}">${this.tabs.map(((t,i)=>l`<li part="${r("item",{selected:this.index===i})}" @mouseenter="${()=>{this.move(this._lastIndex,i),this._lastIndex=i}}" @click="${()=>this.select(i)}">${this.useSlot?n(t):t}<div part="indicator"></div></li>`))}</ul>`}connectedCallback(){super.connectedCallback(),this._lastIndex=this.index}_handleMouseLeave(){const t=this._items[this._lastIndex];t&&t.part.remove(y),this._lastIndex=this.index}move(t,i){if(t===i)return;const{_items:e,_indicators:o}=this,r=e[i];if(!r)return;r.part.add(y);const n=e[t];if(!n)return;n.part.remove(y);const s=o[i],a=o[t];if(!s||!a)return;const d=a.getBoundingClientRect(),p=r.getBoundingClientRect(),l=d.x-p.x,c=d.y-p.y,h=d.width,{style:u}=s;u.transform=`translate3d(${l}px,${c}px,0)`,u.width=h+"px",u.transition=a.style.transition="none",s.getBoundingClientRect(),u.width=u.transform=u.transition=a.style.transition=""}select(t){this.index!==t&&(this.dispatchCustomEvent("select",t),this.move(this._lastIndex,t),this._lastIndex=t,this.index=t)}};t([c({attribute:"outline-type"})],x.prototype,"outlineType",void 0),t([c({type:Boolean})],x.prototype,"useSlot",void 0),t([c({type:Array})],x.prototype,"tabs",void 0),t([c({type:Number})],x.prototype,"index",void 0),t([h("[part~=item]")],x.prototype,"_items",void 0),t([h("[part=indicator]")],x.prototype,"_indicators",void 0),x=t([i(m),e(new u({width:`${v}--outline-width`,color:`${v}--outline-color`}).css,p`:host{${v}--indicator-background:var(${a._colors.darkgray[7]});${v}--outline-color:var(${a.passive});${v}--outline-width:0.075em;${v}--space:0.25em;border-radius:var(${a.borderRadius});cursor:default;display:flex;transition:.2s ease-in-out;width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;display:flex;flex-direction:inherit;gap:var(${v}--space);overflow-x:clip;padding:var(${v}--space);position:relative;transition:inherit;transition-property:width,transform,opacity;z-index:1}[useslot] [part~=item]{padding:0}[part~=item]{display:block;padding:0 .4em;position:relative}[part=indicator],[part~=item]{border-radius:inherit;transition:inherit;transition-property:inherit;width:100%}[part=indicator]{background:var(${v}--indicator-background);height:100%;inset:0;opacity:0;position:absolute;z-index:-1}[part~=selected]{background:var(${v}--indicator-background)}[part~=hover] [part=indicator],[part~=selected] [part=indicator]{opacity:1}`)],x);var b=x;export{x as Tabs,b as default};
+import{__decorate as t}from"tslib";import{godown as i,styles as e,attr as o,tokenList as r,htmlSlot as s}from"@godown/element";import{scopePrefix as n,cssGlobalVars as a,GlobalStyle as d}from"../core/global-style.js";import{css as l,html as p}from"lit";import{property as c,queryAll as h}from"lit/decorators.js";import{OutlineBuilder as u}from"../core/outline.js";const m="tabs",v=n(m),y="hover";let x=class Tabs extends d{constructor(){super(...arguments),this.outlineType="border",this.useSlot=!1,this.index=0}render(){return p`<ul part="root" ${o(this.observedRecord)} @mouseleave="${this._handleMouseLeave}">${this.tabs.map(((t,i)=>t||this.useSlot?p`<li part="${r("item",{selected:this.index===i})}" @mouseenter="${()=>{this.move(this._lastIndex,i),this._lastIndex=i}}" @click="${()=>this.select(i)}">${this.useSlot?s(t):t}<div part="indicator"></div></li>`:""))}</ul>`}connectedCallback(){super.connectedCallback(),this._lastIndex=this.index}_handleMouseLeave(){const t=this._items[this._lastIndex];t&&t.part.remove(y),this._lastIndex=this.index}move(t,i){if(t===i)return;const{_items:e,_indicators:o}=this,r=e[i];if(!r)return;r.part.add(y);const s=e[t];if(!s)return;s.part.remove(y);const n=o[i],a=o[t];if(!n||!a)return;const d=a.getBoundingClientRect(),l=r.getBoundingClientRect(),p=d.x-l.x,c=d.y-l.y,h=d.width,{style:u}=n;u.transform=`translate3d(${p}px,${c}px,0)`,u.width=h+"px",u.transition=a.style.transition="none",n.getBoundingClientRect(),u.width=u.transform=u.transition=a.style.transition=""}select(t){const{index:i,tabs:e,_lastIndex:o,useSlot:r}=this;i!==t&&t in e&&(this.dispatchCustomEvent("select",t),this.move(o,t),this._lastIndex=t,i in e&&(e[i]||r)&&(this.index=t))}};t([c({attribute:"outline-type"})],x.prototype,"outlineType",void 0),t([c({type:Boolean})],x.prototype,"useSlot",void 0),t([c({type:Array})],x.prototype,"tabs",void 0),t([c({type:Number})],x.prototype,"index",void 0),t([h("[part~=item]")],x.prototype,"_items",void 0),t([h("[part=indicator]")],x.prototype,"_indicators",void 0),x=t([i(m),e(new u({width:`${v}--outline-width`,color:`${v}--outline-color`}).css,l`:host{${v}--indicator-background:var(${a._colors.darkgray[7]});${v}--outline-color:var(${a.passive});${v}--outline-width:0.075em;${v}--space:0.25em;border-radius:var(${a.borderRadius});cursor:default;display:flex;transition:.2s ease-in-out;width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;display:flex;flex-direction:inherit;gap:var(${v}--space);overflow-x:clip;padding:var(${v}--space);position:relative;transition:inherit;transition-property:width,transform,opacity;z-index:1}[useslot] [part~=item]{padding:0}[part~=item]{display:block;padding:0 .4em;position:relative}[part=indicator],[part~=item]{border-radius:inherit;transition:inherit;transition-property:inherit;width:100%}[part=indicator]{background:var(${v}--indicator-background);height:100%;inset:0;opacity:0;position:absolute;z-index:-1}[part~=selected]{background:var(${v}--indicator-background)}[part~=hover] [part=indicator],[part~=selected] [part=indicator]{opacity:1}`)],x);var b=x;export{x as Tabs,b as default};
 //# sourceMappingURL=tabs.js.map

package/components/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../src/components/tabs.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","mouseEnterAddedToken","Tabs","GlobalStyle","constructor","this","outlineType","useSlot","index","render","html","attr","observedRecord","_handleMouseLeave","tabs","map","tab","tokenList","selected","move","_lastIndex","select","htmlSlot","connectedCallback","super","lastItem","_items","part","remove","from","to","_indicators","toItem","add","fromItem","toIndicator","fromIndicator","fromIndicatorRect","getBoundingClientRect","toItemRect","transformX","x","transformY","y","fromWidth","width","style","transform","transition","dispatchCustomEvent","__decorate","property","attribute","prototype","undefined","type","Boolean","Array","Number","queryAll","godown","styles","OutlineBuilder","color","css","cssGlobalVars","_colors","darkgray","passive","borderRadius","Tabs$1"],"mappings":"4WAMA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAEvBG,EAAuB,QAmC7B,IAAMC,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAEEC,KAAWC,YAAgB,SAM3BD,KAAOE,SAAG,EAYVF,KAAKG,MAAG,EAUR,MAAAC,GACE,OAAOC,CAAI,mBAGLC,EAAKN,KAAKO,gCACGP,KAAKQ,sBAElBR,KAAKS,KAAKC,KAAI,CAACC,EAAKR,IACbE,CAAI,aAECO,EAAU,OAAQ,CACxBC,SAAUb,KAAKG,QAAUA,qBAEb,KACZH,KAAKc,KAAKd,KAAKe,WAAYZ,GAC3BH,KAAKe,WAAaZ,CAAK,cAEhB,IAAMH,KAAKgB,OAAOb,OAEzBH,KAAKE,QAAUe,EAASN,GAAOA,8CAS7C,iBAAAO,GACEC,MAAMD,oBACNlB,KAAKe,WAAaf,KAAKG,MAGf,iBAAAK,GACR,MAAMY,EAAWpB,KAAKqB,OAAOrB,KAAKe,YAC9BK,GACFA,EAASE,KAAKC,OAAO3B,GAEvBI,KAAKe,WAAaf,KAAKG,MAGzB,IAAAW,CAAKU,EAAcC,GACjB,GAAID,IAASC,EACX,OAEF,MAAMJ,OAAEA,EAAMK,YAAEA,GAAgB1B,KAC1B2B,EAASN,EAAOI,GACtB,IAAKE,EACH,OAEFA,EAAOL,KAAKM,IAAIhC,GAChB,MAAMiC,EAAWR,EAAOG,GACxB,IAAKK,EACH,OAEFA,EAASP,KAAKC,OAAO3B,GACrB,MAAMkC,EAAcJ,EAAYD,GAC1BM,EAAgBL,EAAYF,GAClC,IAAKM,IAAgBC,EACnB,OAEF,MAAMC,EAAoBD,EAAcE,wBAClCC,EAAaP,EAAOM,wBACpBE,EAAaH,EAAkBI,EAAIF,EAAWE,EAC9CC,EAAaL,EAAkBM,EAAIJ,EAAWI,EAC9CC,EAAYP,EAAkBQ,OAE9BC,MAAEA,GAAUX,EAGlBW,EAAMC,UAAY,eAAeP,OAAgBE,SACjDI,EAAMD,MAAQD,EAAY,KAC1BE,EAAME,WAAaZ,EAAcU,MAAME,WAJvB,OAMhBb,EAAYG,wBAEZQ,EAAMD,MAAQC,EAAMC,UAAYD,EAAME,WAAaZ,EAAcU,MAAME,WAAa,GAGtF,MAAA3B,CAAOH,GACDb,KAAKG,QAAUU,IAGnBb,KAAK4C,oBAAoB,SAAU/B,GACnCb,KAAKc,KAAKd,KAAKe,WAAYF,GAC3Bb,KAAKe,WAAaF,EAClBb,KAAKG,MAAQU,KAlHfgC,EAAA,CADCC,EAAS,CAAEC,UAAW,kBACYlD,EAAAmD,UAAA,mBAAAC,GAMnCJ,EAAA,CADCC,EAAS,CAAEI,KAAMC,WACHtD,EAAAmD,UAAA,eAAAC,GAMfJ,EAAA,CADCC,EAAS,CAAEI,KAAME,SACJvD,EAAAmD,UAAA,YAAAC,GAMdJ,EAAA,CADCC,EAAS,CAAEI,KAAMG,UACTxD,EAAAmD,UAAA,aAAAC,GAKCJ,EAAA,CADTS,EAAS,iBACuCzD,EAAAmD,UAAA,cAAAC,GAGvCJ,EAAA,CADTS,EAAS,qBAC6CzD,EAAAmD,UAAA,mBAAAC,GA5BnDpD,EAAIgD,EAAA,CARTU,EAAO9D,GACP+D,EACC,IAAIC,EAAe,CACjBjB,MAAO,GAAG9C,mBACVgE,MAAO,GAAGhE,qBACTiE,IACHA,CAAG,SAASjE,+BAAsCkE,EAAcC,QAAQC,SAAS,OAAOpE,wBAA+BkE,EAAcG,YAAYrE,4BAAmCA,qCAA4CkE,EAAcI,+LAA+LtE,yCAAgDA,mVAA0VA,uHAA8HA,yGAEj7BG,GAwHN,IAAAoE,EAAepE"}
+{"version":3,"file":"tabs.js","sources":["../src/components/tabs.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","mouseEnterAddedToken","Tabs","GlobalStyle","constructor","this","outlineType","useSlot","index","render","html","attr","observedRecord","_handleMouseLeave","tabs","map","tab","tokenList","selected","move","_lastIndex","select","htmlSlot","connectedCallback","super","lastItem","_items","part","remove","from","to","_indicators","toItem","add","fromItem","toIndicator","fromIndicator","fromIndicatorRect","getBoundingClientRect","toItemRect","transformX","x","transformY","y","fromWidth","width","style","transform","transition","dispatchCustomEvent","__decorate","property","attribute","prototype","undefined","type","Boolean","Array","Number","queryAll","godown","styles","OutlineBuilder","color","css","cssGlobalVars","_colors","darkgray","passive","borderRadius","Tabs$1"],"mappings":"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"}

package/components/text.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{godown as r,styles as e,attr as t,tokenList as l,htmlSlot as i}from"@godown/element";import{css as n,html as a}from"lit";import{property as c}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as s,GlobalStyle as d}from"../core/global-style.js";const v="text",h=p(v);let u=class Text extends d{constructor(){super(...arguments),this.underline="none",this.clip=!1}render(){return a`<span part="root" ${t(this.observedRecord)} class="${l(this.underline)}">${i()}</span>`}};o([c()],u.prototype,"underline",void 0),o([c({type:Boolean})],u.prototype,"clip",void 0),u=o([r(v),e(n`:host{${h}--color:currentColor;${h}--color-hover:currentColor;${h}--color-active:currentColor;display:inline-block;overflow-wrap:break-word;text-overflow:ellipsis}[part=root]{color:var(${h}--color);display:inline-block;overflow:hidden;overflow-wrap:inherit;text-overflow:inherit;vertical-align:bottom;white-space:nowrap;width:100%}[part=root]:hover{color:var(${h}--color-hover,var(${h}--color))}[part=root]:active{color:var(${h}--color-active,var(${h}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}[clip]{background:var(${s.clipBackground});color:transparent;display:inline-block;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)],u);var w=u;export{u as Text,w as default};
+import{__decorate as o}from"tslib";import{godown as r,styles as e,attr as t,tokenList as l,htmlSlot as i}from"@godown/element";import{css as n,html as a}from"lit";import{property as c}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as s,GlobalStyle as v}from"../core/global-style.js";const d="text",u=p(d);let h=class Text extends v{constructor(){super(...arguments),this.underline="none",this.clip=!1}render(){return a`<span part="root" ${t(this.observedRecord)} class="${l(this.underline)}">${i()}</span>`}};o([c()],h.prototype,"underline",void 0),o([c({type:Boolean})],h.prototype,"clip",void 0),h=o([r(d),e(n`:host{${u}--color:currentColor;${u}--color-hover:currentColor;${u}--color-active:currentColor;display:inline-block;overflow-wrap:break-word;text-overflow:ellipsis}[part=root]{color:var(${u}--color);display:inline-block;overflow:hidden;overflow-wrap:inherit;text-overflow:inherit;vertical-align:bottom;white-space:nowrap}[part=root]:hover{color:var(${u}--color-hover,var(${u}--color))}[part=root]:active{color:var(${u}--color-active,var(${u}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}[clip]{background:var(${s.clipBackground});color:transparent;display:inline-block;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)],h);var w=h;export{h as Text,w as default};
 //# sourceMappingURL=text.js.map

package/components/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Text","GlobalStyle","constructor","this","underline","clip","render","html","attr","observedRecord","tokenList","htmlSlot","__decorate","property","prototype","undefined","type","Boolean","godown","styles","css","cssGlobalVars","clipBackground","Text$1"],"mappings":"0SAMA,MAAMA,EAAY,OAEZC,EAAWC,EAAYF,GAS7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAASC,UAA2C,OAMpDD,KAAIE,MAAG,EAEG,MAAAC,GACR,OAAOC,CAAI,qBAGLC,EAAKL,KAAKM,0BACHC,EAAUP,KAAKC,eAEtBO,eAfRC,EAAA,CADCC,KACyDb,EAAAc,UAAA,iBAAAC,GAM1DH,EAAA,CADCC,EAAS,CAAEG,KAAMC,WACNjB,EAAAc,UAAA,YAAAC,GAXRf,EAAIY,EAAA,CAFTM,EAAOrB,GACPsB,EAAOC,CAAG,SAAStB,yBAAgCA,+BAAsCA,2HAAkIA,8KAAqLA,sBAA6BA,2CAAkDA,uBAA8BA,6HAAoIuB,EAAcC,kJAC1oBtB,GA0BN,IAAAuB,EAAevB"}
+{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Text","GlobalStyle","constructor","this","underline","clip","render","html","attr","observedRecord","tokenList","htmlSlot","__decorate","property","prototype","undefined","type","Boolean","godown","styles","css","cssGlobalVars","clipBackground","Text$1"],"mappings":"0SAMA,MAAMA,EAAY,OAEZC,EAAWC,EAAYF,GAS7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAASC,UAA2C,OAMpDD,KAAIE,MAAG,EAEG,MAAAC,GACR,OAAOC,CAAI,qBAGLC,EAAKL,KAAKM,0BACHC,EAAUP,KAAKC,eAEtBO,eAfRC,EAAA,CADCC,KACyDb,EAAAc,UAAA,iBAAAC,GAM1DH,EAAA,CADCC,EAAS,CAAEG,KAAMC,WACNjB,EAAAc,UAAA,YAAAC,GAXRf,EAAIY,EAAA,CAFTM,EAAOrB,GACPsB,EAAOC,CAAG,SAAStB,yBAAgCA,+BAAsCA,2HAAkIA,mKAA0KA,sBAA6BA,2CAAkDA,uBAA8BA,6HAAoIuB,EAAcC,kJAC/nBtB,GA0BN,IAAAuB,EAAevB"}

package/core/global-style.js

@@ -1,2 +1,2 @@
-import{presetsRGB as o}from"@godown/colors/presets-rgb.js";import{travel as r}from"@godown/colors/travel.js";import{trim as e,joinProperties as t,GodownElement as s}from"@godown/element";import{unsafeCSS as l,css as a}from"lit";class GlobalStyle extends s{}const n=e(GlobalStyle.godownConfig.prefix,"-");function i(o,r=1){return c(n+"-".repeat(r)+o)}function c(o){return l(`--${o}`)}const d={clipBackground:i("clip-background",2),active:i("active",2),passive:i("passive",2),_colors:{},input:i("input",2),white:i("color-white",2),black:i("color-black",2),color:i("color",2),borderRadius:i("border-radius",2)};GlobalStyle.styles=[l(`:host{${d.black}:rgb(0 0 0);${d.white}:rgb(255 255 255);`+r(((o,r,e)=>{d._colors[o]||=[],d._colors[o].push(l(d.color+"-"+o+"-"+r));const t=`-${o}-${r}`;return`${d.color+t}:rgb(${e});`}),o).join("")+t([[d.active,`var(${d._colors.blue[5]})`],[d.passive,`var(${d._colors.darkgray[5]})`],[d.clipBackground,`linear-gradient(to bottom, var(${d._colors.lightgray[0]}), var(${d._colors.darkgray[5]}))`]])+"}"),a`*{border:0;box-sizing:border-box;font-size:100%;font-style:normal;margin:0;outline:0;padding:0}:host{box-sizing:border-box}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}:host([contents]){display:contents}:where(:host([contents]) [part=root]){all:inherit;display:revert}`,a`:host{${d.borderRadius}:0.2em;border-radius:var(${d.borderRadius})}`];export{GlobalStyle,d as cssGlobalVars,GlobalStyle as default,i as scopePrefix,c as variablePrefix};
+import{presetsRGB as o}from"@godown/colors/presets-rgb.js";import{travel as r}from"@godown/colors/travel.js";import{trim as t,joinProperties as e,GodownElement as s}from"@godown/element";import{unsafeCSS as i,css as l}from"lit";class GlobalStyle extends s{}const a=t(GlobalStyle.godownConfig.prefix,"-");function n(o,r=1){return c(a+"-".repeat(r)+o)}function c(o){return i(`--${o}`)}const d={clipBackground:n("clip-background",2),active:n("active",2),passive:n("passive",2),_colors:{},input:n("input",2),white:n("color-white",2),black:n("color-black",2),color:n("color",2),borderRadius:n("border-radius",2)};GlobalStyle.styles=[i(`:host{${d.black}:rgb(0 0 0);${d.white}:rgb(255 255 255);`+r(((o,r,t)=>{d._colors[o]||=[],d._colors[o].push(i(d.color+"-"+o+"-"+r));const e=`-${o}-${r}`;return`${d.color+e}:rgb(${t});`}),o).join("")+e([[d.active,`var(${d._colors.blue[5]})`],[d.passive,`var(${d._colors.darkgray[5]})`],[d.clipBackground,`linear-gradient(to bottom, var(${d._colors.lightgray[0]}), var(${d._colors.darkgray[5]}))`]])+"}"),l`*{border:0;box-sizing:border-box;font-size:100%;font-style:normal;margin:0;outline:0;padding:0}:host{box-sizing:border-box}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}:host([contents]){display:contents}[part=root]{height:100%;width:100%}:host([contents]) [part=root]{height:inherit;width:inherit}:where(:host([contents]) [part=root]){all:inherit;display:revert}`,l`:host{${d.borderRadius}:0.2em;border-radius:var(${d.borderRadius})}`];export{GlobalStyle,d as cssGlobalVars,GlobalStyle as default,n as scopePrefix,c as variablePrefix};
 //# sourceMappingURL=global-style.js.map

package/core/global-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"global-style.js","sources":["../src/core/global-style.ts"],"sourcesContent":null,"names":["GlobalStyle","GodownElement","cssvar","trim","godownConfig","prefix","scopePrefix","scope","len","variablePrefix","repeat","variable","unsafeCSS","cssGlobalVars","clipBackground","active","passive","_colors","input","white","black","color","borderRadius","styles","travel","key","gradient","rgb","push","endKey","presetsRGB","join","joinProperties","blue","darkgray","lightgray","css"],"mappings":"oOAKM,MAAOA,oBAAoBC,GAGjC,MAAMC,EAASC,EAAKH,YAAYI,aAAaC,OAAQ,cAErCC,EAAYC,EAAeC,EAAM,GAC/C,OAAOC,EAAeP,EAAS,IAAIQ,OAAOF,GAAOD,EACnD,CAEM,SAAUE,EAAeE,GAC7B,OAAOC,EAAU,KAAKD,IACxB,CAEa,MAAAE,EAUT,CACFC,eAAgBR,EAAY,kBAAmB,GAC/CS,OAAQT,EAAY,SAAU,GAC9BU,QAASV,EAAY,UAAW,GAChCW,QAAS,CAA+B,EACxCC,MAAOZ,EAAY,QAAS,GAC5Ba,MAAOb,EAAY,cAAe,GAClCc,MAAOd,EAAY,cAAe,GAClCe,MAAOf,EAAY,QAAS,GAC5BgB,aAAchB,EAAY,gBAAiB,IAI7CN,YAAYuB,OAAS,CACnBX,EAEI,SAAGC,EAAcO,oBACdP,EAAcM,0BACjBK,GAAO,CAACC,EAAKC,EAAUC,KACrBd,EAAcI,QAAQQ,KAAS,GAC/BZ,EAAcI,QAAQQ,GAAKG,KAAKhB,EAAUC,EAAcQ,MAAQ,IAAMI,EAAM,IAAMC,IAClF,MAAMG,EAAS,IAAIJ,KAAOC,IAE1B,MAAO,GADUb,EAAcQ,MAAQQ,SACbF,KAAO,GAChCG,GAAYC,KAAK,IACpBC,EAAe,CACb,CAACnB,EAAcE,OAAQ,OAAOF,EAAcI,QAAQgB,KAAK,OACzD,CAACpB,EAAcG,QAAS,OAAOH,EAAcI,QAAQiB,SAAS,OAC9D,CACErB,EAAcC,eACd,kCAAkCD,EAAcI,QAAQkB,UAAU,YAAYtB,EAAcI,QAAQiB,SAAS,UAGjH,KAEJE,CAAG,+TACHA,CAAG,SAASvB,EAAcS,wCAAwCT,EAAcS"}
+{"version":3,"file":"global-style.js","sources":["../src/core/global-style.ts"],"sourcesContent":null,"names":["GlobalStyle","GodownElement","cssvar","trim","godownConfig","prefix","scopePrefix","scope","len","variablePrefix","repeat","variable","unsafeCSS","cssGlobalVars","clipBackground","active","passive","_colors","input","white","black","color","borderRadius","styles","travel","key","gradient","rgb","push","endKey","presetsRGB","join","joinProperties","blue","darkgray","lightgray","css"],"mappings":"oOAKM,MAAOA,oBAAoBC,GAGjC,MAAMC,EAASC,EAAKH,YAAYI,aAAaC,OAAQ,cAErCC,EAAYC,EAAeC,EAAM,GAC/C,OAAOC,EAAeP,EAAS,IAAIQ,OAAOF,GAAOD,EACnD,CAEM,SAAUE,EAAeE,GAC7B,OAAOC,EAAU,KAAKD,IACxB,CAEa,MAAAE,EAUT,CACFC,eAAgBR,EAAY,kBAAmB,GAC/CS,OAAQT,EAAY,SAAU,GAC9BU,QAASV,EAAY,UAAW,GAChCW,QAAS,CAA+B,EACxCC,MAAOZ,EAAY,QAAS,GAC5Ba,MAAOb,EAAY,cAAe,GAClCc,MAAOd,EAAY,cAAe,GAClCe,MAAOf,EAAY,QAAS,GAC5BgB,aAAchB,EAAY,gBAAiB,IAI7CN,YAAYuB,OAAS,CACnBX,EAEI,SAAGC,EAAcO,oBACdP,EAAcM,0BACjBK,GAAO,CAACC,EAAKC,EAAUC,KACrBd,EAAcI,QAAQQ,KAAS,GAC/BZ,EAAcI,QAAQQ,GAAKG,KAAKhB,EAAUC,EAAcQ,MAAQ,IAAMI,EAAM,IAAMC,IAClF,MAAMG,EAAS,IAAIJ,KAAOC,IAE1B,MAAO,GADUb,EAAcQ,MAAQQ,SACbF,KAAO,GAChCG,GAAYC,KAAK,IACpBC,EAAe,CACb,CAACnB,EAAcE,OAAQ,OAAOF,EAAcI,QAAQgB,KAAK,OACzD,CAACpB,EAAcG,QAAS,OAAOH,EAAcI,QAAQiB,SAAS,OAC9D,CACErB,EAAcC,eACd,kCAAkCD,EAAcI,QAAQkB,UAAU,YAAYtB,EAAcI,QAAQiB,SAAS,UAGjH,KAEJE,CAAG,6ZACHA,CAAG,SAASvB,EAAcS,wCAAwCT,EAAcS"}

package/core/super-anchor.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{styles as r,attr as o,htmlSlot as e}from"@godown/element";import{css as i,html as a,nothing as l}from"lit";import{property as n}from"lit/decorators.js";import{GlobalStyle as s}from"./global-style.js";let h=class SuperAnchor extends s{constructor(){super(...arguments),this.target="_self"}get pathname(){return new URL(this.href,location.href).pathname}render(){return a`<a part="root" ${o(this.observedRecord)} href="${this.href||l}" target="${this.target}" @click="${this._handleClick}">${e()}</a>`}};t([n()],h.prototype,"href",void 0),t([n()],h.prototype,"target",void 0),h=t([r(i`:host{color:currentColor;cursor:default;display:inline-block;text-decoration:none}:host([href]){cursor:pointer}[part=root]{color:inherit;display:inline-block;text-decoration:inherit;width:100%}`)],h);var c=h;export{h as SuperAnchor,c as default};
+import{__decorate as t}from"tslib";import{styles as r,attr as o,htmlSlot as e}from"@godown/element";import{css as i,html as a,nothing as l}from"lit";import{property as n}from"lit/decorators.js";import{GlobalStyle as s}from"./global-style.js";let h=class SuperAnchor extends s{constructor(){super(...arguments),this.target="_self"}get pathname(){return new URL(this.href,location.href).pathname}render(){return a`<a part="root" ${o(this.observedRecord)} href="${this.href||l}" target="${this.target}" @click="${this._handleClick}">${e()}</a>`}};t([n()],h.prototype,"href",void 0),t([n()],h.prototype,"target",void 0),h=t([r(i`:host{color:currentColor;cursor:default;display:inline-block;text-decoration:none}:host([href]){cursor:pointer}[part=root]{color:inherit;display:inline-block;text-decoration:inherit}`)],h);var c=h;export{h as SuperAnchor,c as default};
 //# sourceMappingURL=super-anchor.js.map

package/core/super-anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"super-anchor.js","sources":["../src/core/super-anchor.ts"],"sourcesContent":null,"names":["SuperAnchor","GlobalStyle","constructor","this","target","pathname","URL","href","location","render","html","attr","observedRecord","nothing","_handleClick","htmlSlot","__decorate","property","prototype","undefined","styles","css","SuperAnchor$1"],"mappings":"kPAOA,IAAeA,EAAf,MAAeA,oBAAoBC,EAAnC,WAAAC,uBAWEC,KAAMC,OAA4C,QAElD,YAAIC,GACF,OAAO,IAAIC,IAAIH,KAAKI,KAAMC,SAASD,MAAMF,SAGjC,MAAAI,GACR,OAAOC,CAAI,kBAGLC,EAAKR,KAAKS,yBACJT,KAAKI,MAAQM,cACXV,KAAKC,mBACND,KAAKW,iBAEZC,YArBRC,EAAA,CADCC,KACWjB,EAAAkB,UAAA,YAAAC,GAMZH,EAAA,CADCC,KACwDjB,EAAAkB,UAAA,cAAAC,GAX5CnB,EAAWgB,EAAA,CADzBI,EAAOC,CAAG,sMACIrB,GAkCf,IAAAsB,EAAetB"}
+{"version":3,"file":"super-anchor.js","sources":["../src/core/super-anchor.ts"],"sourcesContent":null,"names":["SuperAnchor","GlobalStyle","constructor","this","target","pathname","URL","href","location","render","html","attr","observedRecord","nothing","_handleClick","htmlSlot","__decorate","property","prototype","undefined","styles","css","SuperAnchor$1"],"mappings":"kPAOA,IAAeA,EAAf,MAAeA,oBAAoBC,EAAnC,WAAAC,uBAWEC,KAAMC,OAA4C,QAElD,YAAIC,GACF,OAAO,IAAIC,IAAIH,KAAKI,KAAMC,SAASD,MAAMF,SAGjC,MAAAI,GACR,OAAOC,CAAI,kBAGLC,EAAKR,KAAKS,yBACJT,KAAKI,MAAQM,cACXV,KAAKC,mBACND,KAAKW,iBAEZC,YArBRC,EAAA,CADCC,KACWjB,EAAAkB,UAAA,YAAAC,GAMZH,EAAA,CADCC,KACwDjB,EAAAkB,UAAA,cAAAC,GAX5CnB,EAAWgB,EAAA,CADzBI,EAAOC,CAAG,2LACIrB,GAkCf,IAAAsB,EAAetB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "3.7.1",
+  "version": "3.7.3",
   "description": "Non Composite Web Components Library",
   "type": "module",
   "main": "index.js",
@@ -20,8 +20,8 @@
     "lit": "^3.0.0",
     "tslib": "^2.7.0",
     "@godown/colors": "^1.0.0",
-    "@godown/element": "^1.4.0",
-    "@godown/f7-icon": "^1.0.5"
+    "@godown/f7-icon": "^1.0.5",
+    "@godown/element": "^1.4.0"
   },
   "publishConfig": {
     "access": "public"

package/src/components/alert.ts

@@ -95,7 +95,6 @@ const calls = {
     ${cssScope}--blockquote-background: transparent;
     ${cssScope}--gap: .5em;
     display: block;
-    width: 100%;
   }
 
   [part="root"] {

package/src/components/avatar.ts

@@ -50,8 +50,6 @@ const cssScope = scopePrefix(protoName);
   [part="root"] {
     position: relative;
     border-radius: inherit;
-    width: 100%;
-    height: 100%;
     align-items: center;
     justify-content: center;
   }

package/src/components/button.ts

@@ -139,13 +139,12 @@ const colors: Record<Colors, string> = constructCSSObject(
       cursor: pointer;
     }
 
-    :host([contents]) [part="root"] {
-      width: fit-content;
+    [part="root"]:not([contents]) {
+      height: 100%;
+      width: 100%;
     }
 
     [part="root"] {
-      width: 100%;
-      height: 100%;
       position: relative;
       transition: none;
       user-select: none;
@@ -237,8 +236,9 @@ class Button extends GlobalStyle {
         part="root"
         ${attr(this.observedRecord)}
       >
+        ${this.content || htmlSlot()}
         <span part="modal-root"></span>
-        <div part="content">${[this.content || htmlSlot(), htmlStyle(colors[color])]}</div>
+        ${htmlStyle(colors[color])}
       </div>
     `;
   }

package/src/components/card.ts

@@ -41,10 +41,6 @@ const cssScope = scopePrefix(protoName);
     border-style: solid;
   }
 
-  [part="root"] {
-    width: 100%;
-  }
-
   [name="footer"] {
     border-top-width: var(${cssScope}--border-width);
   }

package/src/components/details.ts

@@ -29,7 +29,6 @@ const cssScope = scopePrefix(protoName);
   }
 
   [part="root"] {
-    height: 100%;
     position: relative;
   }
 

package/src/components/progress.ts

@@ -27,7 +27,6 @@ const protoName = "progress";
   }
 
   [part="root"] {
-    height: inherit;
     z-index: 1;
     position: relative;
     border-radius: inherit;

package/src/components/range.ts

@@ -54,7 +54,6 @@ type RangeValue = number | number[];
       min-height: inherit;
       position: relative;
       border-radius: inherit;
-      width: 100%;
       --from: 0%;
       --to: 50%;
       height: var(${cssScope}--track-width);

package/src/components/skeleton.ts

@@ -34,7 +34,6 @@ const cssScope = scopePrefix(protoName);
   }
 
   [part="root"] {
-    height: 100%;
     min-height: inherit;
     text-align: center;
     animation: var(${cssScope}--duration) ease-in-out 0s infinite none running;