godown 3.5.2 → 3.6.0

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 s,htmlStyle as l}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 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: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" ${s(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>`} ${l(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-radius:.2em;${j}--border-width:.075em;${j}--blockquote-width:.2em;${j}--blockquote-background:transparent;${j}--gap:.5em;border-radius:var(${j}--border-radius);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 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};
 //# 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":"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"}
+{"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"}

package/components/avatar.js

@@ -1,2 +1,2 @@
-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",c=h(l);let v=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()],v.prototype,"src",void 0),r([d()],v.prototype,"name",void 0),r([d({type:Boolean})],v.prototype,"round",void 0),v=r([t(l),e(s`:host{${c}--size:2em;background:var(${m.passive});border-radius:.2em;height:var(${c}--size);vertical-align:bottom;width:var(${c}--size)}: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;overflow:hidden;position:relative;width:100%}`)],v);var u=v;export{v as Avatar,u as default};
+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};
 //# 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","cssScope","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,SACZC,EAAWC,EAAYF,GAa7B,IAAMG,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,EAAOzB,GACP0B,EAAOC,CAAG,SAAS1B,8BAAqC2B,EAAcC,0CAA0C5B,4CAAmDA,8VAC9JE,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,yYAC3C1B,GA2DN,IAAA2B,EAAe3B"}

package/components/badge.d.ts

@@ -1,6 +1,6 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
-import { DirectionCorner } from "../core/direction.js";
+import type { DirectionCorner } from "../core/direction.js";
 /**
  * {@linkcode Badge} renders a badge.
  *

package/components/badge.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/components/badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAClF,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAKvD;;;;;GAKG;AACH,cAEM,KAAM,SAAQ,WAAW;IAC7B;;;OAGG;IAEH,QAAQ,EAAE,eAAe,CAAe;IAGxC,KAAK,SAAK;IAEV;;OAEG;IAEH,GAAG,UAAS;IAEZ;;;OAGG;IAEH,GAAG,SAAM;IAET,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIlC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAK5B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/components/badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAClF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAK5D;;;;;GAKG;AACH,cAEM,KAAM,SAAQ,WAAW;IAC7B;;;OAGG;IAEH,QAAQ,EAAE,eAAe,CAAe;IAGxC,KAAK,SAAK;IAEV;;OAEG;IAEH,GAAG,UAAS;IAEZ;;;OAGG;IAEH,GAAG,SAAM;IAET,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIlC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAK5B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/components/badge.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as r,htmlSlot as i}from"@godown/element";import{css as a,html as s}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as d,cssGlobalVars as n,GlobalStyle as f}from"../core/global-style.js";const l="badge",v=d(l);let c=class Badge extends f{constructor(){super(...arguments),this.position="top-right",this.value=0,this.dot=!1,this.max=99}formatValue(t){return t>this.max?this.max+"+":t+""}render(){return s`<div part="root" ${r(this.observedRecord)}>${i()} ${this.value||this.dot?s`<div part="badge">${this.dot?"":this.formatValue(this.value)}</div>`:""}</div>`}};t([p()],c.prototype,"position",void 0),t([p({type:Number})],c.prototype,"value",void 0),t([p({type:Boolean})],c.prototype,"dot",void 0),t([p({type:Number})],c.prototype,"max",void 0),c=t([o(l),e(a`:host{${v}--background:var(${n.active});${v}--offset:0%;${v}--offset-x:var(${v}--offset);${v}--offset-y:var(${v}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=badge]{background:var(${v}--background);border-radius:calc(infinity*1px);font-size:75%;left:var(--left);padding:0 .5em;position:absolute;top:var(--top);transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}[part=badge]:empty{border-radius:50%;font-size:100%;height:.5em;padding:0;width:.5em}[position^=top]{--top:calc(var(${v}--offset-y))}[position$=right]{--left:calc(100% - var(${v}--offset-x))}[position^=bottom]{--top:calc(100% - var(${v}--offset-y))}[position$=left]{--left:calc(var(${v}--offset-x))}`)],c);var m=c;export{c as Badge,m as default};
+import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as r,htmlSlot as a}from"@godown/element";import{css as i,html as s}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as d,cssGlobalVars as n,GlobalStyle as f}from"../core/global-style.js";const l="badge",c=d(l);let m=class Badge extends f{constructor(){super(...arguments),this.position="top-right",this.value=0,this.dot=!1,this.max=99}formatValue(t){return t>this.max?this.max+"+":t+""}render(){return s`<div part="root" ${r(this.observedRecord)}>${a()} ${this.value||this.dot?s`<div part="badge">${this.dot?"":this.formatValue(this.value)}</div>`:""}</div>`}};t([p()],m.prototype,"position",void 0),t([p({type:Number})],m.prototype,"value",void 0),t([p({type:Boolean})],m.prototype,"dot",void 0),t([p({type:Number})],m.prototype,"max",void 0),m=t([o(l),e(i`:host{${c}--background:var(${n.active});${c}--offset:0%;${c}--offset-x:var(${c}--offset);${c}--offset-y:var(${c}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=badge]{background:var(${c}--background);border-radius:calc(infinity*1px);font-size:75%;padding:0 .5em;position:absolute;transform:translate(-50%,-50%);-webkit-user-select:none;user-select:none}[part=badge]:empty{border-radius:50%;font-size:100%;height:.5em;padding:0;width:.5em}[position^=top] [part=badge]{top:calc(var(${c}--offset-y))}[position$=right] [part=badge]{left:calc(100% - var(${c}--offset-x))}[position^=bottom] [part=badge]{top:calc(100% - var(${c}--offset-y))}[position$=left] [part=badge]{left:calc(var(${c}--offset-x))}`)],m);var v=m;export{m as Badge,v as default};
 //# sourceMappingURL=badge.js.map

package/components/badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"badge.js","sources":["../src/components/badge.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Badge","GlobalStyle","constructor","this","position","value","dot","max","formatValue","render","html","attr","observedRecord","htmlSlot","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","cssGlobalVars","active","Badge$1"],"mappings":"2RAOA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAU7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAMEC,KAAQC,SAAoB,YAG5BD,KAAKE,MAAG,EAMRF,KAAGG,KAAG,EAONH,KAAGI,IAAG,GAEN,WAAAC,CAAYH,GACV,OAAOA,EAAQF,KAAKI,IAAMJ,KAAKI,IAAM,IAAMF,EAAQ,GAGrD,MAAAI,GACE,OAAOC,CAAI,oBAGLC,EAAKR,KAAKS,mBAEVC,OACAV,KAAKE,OAASF,KAAKG,IACjBI,CAAI,qBACkBP,KAAKG,IAAM,GAAKH,KAAKK,YAAYL,KAAKE,eAE5D,aAjCVS,EAAA,CADCC,KACsCf,EAAAgB,UAAA,gBAAAC,GAGvCH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACTnB,EAAAgB,UAAA,aAAAC,GAMTH,EAAA,CADCC,EAAS,CAAEG,KAAME,WACPpB,EAAAgB,UAAA,WAAAC,GAOXH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACVnB,EAAAgB,UAAA,WAAAC,GAtBJjB,EAAKc,EAAA,CAFVO,EAAOxB,GACPyB,EAAOC,CAAG,SAASzB,qBAA4B0B,EAAcC,WAAW3B,gBAAuBA,mBAA0BA,cAAqBA,mBAA0BA,iIAAwIA,+TAAsUA,0DAAiEA,0DAAiEA,kDAAyDA,mBAC5yBE,GA6CN,IAAA0B,EAAe1B"}
+{"version":3,"file":"badge.js","sources":["../src/components/badge.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Badge","GlobalStyle","constructor","this","position","value","dot","max","formatValue","render","html","attr","observedRecord","htmlSlot","__decorate","property","prototype","undefined","type","Number","Boolean","godown","styles","css","cssGlobalVars","active","Badge$1"],"mappings":"2RAOA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAU7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAMEC,KAAQC,SAAoB,YAG5BD,KAAKE,MAAG,EAMRF,KAAGG,KAAG,EAONH,KAAGI,IAAG,GAEN,WAAAC,CAAYH,GACV,OAAOA,EAAQF,KAAKI,IAAMJ,KAAKI,IAAM,IAAMF,EAAQ,GAGrD,MAAAI,GACE,OAAOC,CAAI,oBAGLC,EAAKR,KAAKS,mBAEVC,OACAV,KAAKE,OAASF,KAAKG,IACjBI,CAAI,qBACkBP,KAAKG,IAAM,GAAKH,KAAKK,YAAYL,KAAKE,eAE5D,aAjCVS,EAAA,CADCC,KACsCf,EAAAgB,UAAA,gBAAAC,GAGvCH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACTnB,EAAAgB,UAAA,aAAAC,GAMTH,EAAA,CADCC,EAAS,CAAEG,KAAME,WACPpB,EAAAgB,UAAA,WAAAC,GAOXH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACVnB,EAAAgB,UAAA,WAAAC,GAtBJjB,EAAKc,EAAA,CAFVO,EAAOxB,GACPyB,EAAOC,CAAG,SAASzB,qBAA4B0B,EAAcC,WAAW3B,gBAAuBA,mBAA0BA,cAAqBA,mBAA0BA,iIAAwIA,0SAAiTA,qEAA4EA,qEAA4EA,6DAAoEA,mBACxzBE,GA6CN,IAAA0B,EAAe1B"}

package/components/breath.js

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

package/components/breath.js.map

@@ -1 +1 @@
-{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","_renderText","htmlStyle","_computeStyle","length","text","Array","isArray","content","textContent","split","filter","x","len","gap","duration","style1","number","__decorate","property","prototype","undefined","type","Number","godown","styles","css","cssGlobalVars","_colors","red","yellow","green","purple","blue","pink","clipBackground","Breath$1"],"mappings":"4RAMA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAuB7B,IAAMG,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAGLC,EAAKH,KAAKI,mBAEV,CAACL,EAAMM,IAAIL,KAAKM,aAAcC,EAAUP,KAAKQ,cAAcT,EAAMU,kBAK/D,WAAAH,CAAYI,GACpB,OAAOR,CAAI,2CAEiBQ,mCACCA,kBAKrB,QAAAT,GACR,OAAOU,MAAMC,QAAQZ,KAAKa,SACtBb,KAAKa,SACJb,KAAKa,SAAWb,KAAKc,aAAaC,MAAM,OAAOC,QAAQC,GAAMA,IAG1D,aAAAT,CAAcU,GACtB,MAAMC,EAAM,GAAUD,EAChBE,EAAWpB,KAAKoB,UAA4B,KAAT,EAANF,EAAU,GAC7C,IAAIG,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUJ,EAAKI,IAAU,CAG5CD,GAAU,kBAAkBC,iCAFZF,EAAWF,GAAQA,EAAMI,EAAS,sBAEwC5B,MAAa4B,SAAc5B,OAD7F4B,EAAS,GAAK,EAAK,QAG7C,MAAO,gCAAgCF,gCAA6C,EAAND,iBAAuBA,MAC7F,EAANA,kBACeE,MA9CnBE,EAAA,CADCC,KACyB5B,EAAA6B,UAAA,eAAAC,GAM1BH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACFhC,EAAA6B,UAAA,gBAAAC,GAbZ9B,EAAM2B,EAAA,CANXM,EAAOpC,GACPqC,EACCC,CAAG,SAASrC,gBAAuBA,cAAqBsC,EAAcC,QAAQC,IAAI,OAAOxC,cAAqBsC,EAAcC,QAAQE,OAAO,OAAOzC,cAAqBsC,EAAcC,QAAQG,MAAM,OAAO1C,cAAqBsC,EAAcC,QAAQI,OAAO,OAAO3C,cAAqBsC,EAAcC,QAAQK,KAAK,OAAO5C,cAAqBsC,EAAcC,QAAQM,KAAK,OAAO7C,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YACpoBqC,CAAG,sSACHA,CAAG,iRAAiRC,EAAcQ,6CAE9R5C,GAyDN,IAAA6C,EAAe7C"}
+{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","_renderText","htmlStyle","_computeStyle","length","text","Array","isArray","content","textContent","split","filter","x","len","gap","duration","style1","number","__decorate","property","prototype","undefined","type","Number","godown","styles","css","cssGlobalVars","_colors","red","yellow","green","purple","blue","pink","clipBackground","Breath$1"],"mappings":"4RAMA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAuB7B,IAAMG,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAGLC,EAAKH,KAAKI,mBAEV,CAACL,EAAMM,IAAIL,KAAKM,aAAcC,EAAUP,KAAKQ,cAAcT,EAAMU,kBAK/D,WAAAH,CAAYI,GACpB,OAAOR,CAAI,2CAEiBQ,mCACCA,kBAKrB,QAAAT,GACR,OAAOU,MAAMC,QAAQZ,KAAKa,SACtBb,KAAKa,SACJb,KAAKa,SAAWb,KAAKc,aAAaC,MAAM,OAAOC,QAAQC,GAAMA,IAG1D,aAAAT,CAAcU,GACtB,MAAMC,EAAM,GAAUD,EAChBE,EAAWpB,KAAKoB,UAA4B,KAAT,EAANF,EAAU,GAC7C,IAAIG,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUJ,EAAKI,IAAU,CAG5CD,GAAU,kBAAkBC,iCAFZF,EAAWF,GAAQA,EAAMI,EAAS,uBAEyC5B,MAAa4B,SAAc5B,OAD9F4B,EAAS,GAAK,EAAK,QAG7C,MAAO,gCAAgCF,gCAA6C,EAAND,iBAAuBA,MAC7F,EAANA,kBACeE,MA9CnBE,EAAA,CADCC,KACyB5B,EAAA6B,UAAA,eAAAC,GAM1BH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACFhC,EAAA6B,UAAA,gBAAAC,GAbZ9B,EAAM2B,EAAA,CANXM,EAAOpC,GACPqC,EACCC,CAAG,SAASrC,gBAAuBA,cAAqBsC,EAAcC,QAAQC,IAAI,OAAOxC,cAAqBsC,EAAcC,QAAQE,OAAO,OAAOzC,cAAqBsC,EAAcC,QAAQG,MAAM,OAAO1C,cAAqBsC,EAAcC,QAAQI,OAAO,OAAO3C,cAAqBsC,EAAcC,QAAQK,KAAK,OAAO5C,cAAqBsC,EAAcC,QAAQM,KAAK,OAAO7C,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YACpoBqC,CAAG,sSACHA,CAAG,iRAAiRC,EAAcQ,6CAE9R5C,GAyDN,IAAA6C,EAAe7C"}

package/components/button.d.ts

@@ -50,7 +50,7 @@ declare class Button extends GlobalStyle {
     protected render(): TemplateResult<1>;
     focus(): void;
     blur(): void;
-    protected firstUpdated(): void;
+    connectedCallback(): void;
     protected _handelClick(e: MouseEvent): void;
     protected _handleModal(e: MouseEvent): void;
     nextColor(): Colors | "none";

package/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAW3C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAc3C,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAW3C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAc3C,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/button.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{constructCSSObject as t,toVar as r,part as e,godown as i,styles as a,attr as n,htmlSlot as l,htmlStyle as s}from"@godown/element";import{css as d,html as c}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as g,GlobalStyle as u}from"../core/global-style.js";const v="button",m=h(v),y=g.white,b=g.black,f=t(["color","background","gradients"].map((o=>`${m}--${o}`)),{black:[y,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[y,g._colors.darkgray[1],g._colors.lightgray[8]],white:[b,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[y,g._colors.blue[6],g._colors.blue[4]],green:[y,g._colors.green[6],g._colors.green[4]],red:[y,g._colors.red[6],g._colors.red[4]],orange:[y,g._colors.orange[6],g._colors.orange[4]],pink:[y,g._colors.pink[6],g._colors.pink[4]],purple:[y,g._colors.purple[6],g._colors.purple[4]],yellow:[b,g._colors.yellow[6],g._colors.yellow[4]],teal:[y,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>r(o)));let $=class Button extends u{constructor(){super(...arguments),this.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()}firstUpdated(){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"),r=this._root.getBoundingClientRect(),{height:e,width:i}=r,a=2*Math.sqrt(e*e+i*i)+"px";t.style.height=a,t.style.width=a,t.style.left=o.clientX-r.left+"px",t.style.top=o.clientY-r.y+"px",t.style.animationName="kf",this._modalRoot.appendChild(t),t.addEventListener("animationend",(()=>t.remove()),{once:!0})}nextColor(){return this.color}};o([p({type:Boolean,reflect:!0})],$.prototype,"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([i(v),a(d`:host(:not([disabled]):active){transform:scale(var(${m}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${m}--modal-background:var(${m}--ghost-color);background:transparent;box-shadow:inset 0 0 0 var(${m}--ghost-width) var(${m}--ghost-color);color:var(${m}--ghost-color)}:host([plain]){${m}--gradients:unset;${m}--focus-scale:unset}`,d`:host{${m}--padding-x:.8em;${m}--padding-y:calc(var(${m}--padding-x)/4);${m}--padding:var(${m}--padding-y) var(${m}--padding-x);${m}--modal-animation-duration:1s;${m}--ghost-width:.08em;${m}--focus-scale:.97;${m}--deg:45deg;${m}--ghost-color:var(${m}--background);background:linear-gradient(var(${m}--deg),var(${m}--background),var(${m}--gradients,var(${m}--background)));border-radius:.2em;color:var(${m}--color,inherit);cursor:pointer;display:block;overflow:hidden;padding:0!important;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;overflow:hidden;padding:var(${m}--padding);position:relative;transition:none;transition-duration:inherit;-webkit-user-select:none;user-select:none}[part=root],i{height:100%;width:100%}i{animation-duration:var(${m}--modal-animation-duration);background:var(${m}--modal-background,currentColor);border-radius:50%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible}@keyframes kf{0%{opacity:var(${m}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],$);var _=$;export{$ as Button,_ as default};
+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};
 //# 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","firstUpdated","events","add","_handelClick","e","stopPropagation","preventDefault","_handleModal","modal","document","createElement","rect","_root","getBoundingClientRect","height","width","size","Math","sqrt","style","left","clientX","top","clientY","y","animationName","_modalRoot","appendChild","addEventListener","remove","once","__decorate","property","type","Boolean","reflect","prototype","undefined","part","godown","styles","css","Button$1"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","whiteFont","cssGlobalVars","white","blackFont","black","colors","constructCSSObject","map","k","_colors","darkgray","gray","lightgray","blue","green","red","orange","pink","purple","yellow","teal","prop","toVar","Button","GlobalStyle","constructor","this","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-radius:.2em;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}[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};
 //# 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,uDAA8DA,+EAAsFA,2CAAkDA,iGAAwGA,0DAAiEA,sBACtdE,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,iGAAwGA,0DAAiEA,sBACncE,GAyBN,IAAAsB,EAAetB"}

package/components/carousel.d.ts

@@ -32,6 +32,7 @@ declare class Carousel extends GlobalStyle {
     next(): void;
     prev(): void;
     protected _doTranslateX(xValue: string, noTransition?: boolean): void;
+    protected _computeOffset(): number;
     normalizeIndex(i: number): number;
 }
 export default Carousel;

package/components/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD;;;;;;;;;GASG;AACH,cAEM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAGf,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,WAAW,CAA0B;IAE7C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,iBAAiB,IAAI,IAAI;cAYT,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAK7C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;IAoBlC,IAAI,IAAI,IAAI;IASZ,IAAI,IAAI,IAAI;IASZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAKrE,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;CAQlC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQtD;;;;;;;;;GASG;AACH,cAEM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAGf,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,WAAW,CAA0B;IAE7C,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,iBAAiB,IAAI,IAAI;cAgBT,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAK7C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC,EAAE,OAAO,GAAG,IAAI;IAgBlC,IAAI,IAAI,IAAI;IASZ,IAAI,IAAI,IAAI;IASZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAKrE,SAAS,CAAC,cAAc,IAAI,MAAM;IASlC,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM;CAQlC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/components/carousel.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{part as e,godown as i,styles as o,attr as s,htmlSlot as n}from"@godown/element";import r from"@godown/f7-icon/icons/chevron-left.js";import h from"@godown/f7-icon/icons/chevron-right.js";import{css as l,html as a}from"lit";import{property as d}from"lit/decorators.js";import{GlobalStyle as c}from"../core/global-style.js";function p(t){return t.getBoundingClientRect().width}let m=class Carousel extends c{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return a`<div part="root" ${s(this.observedRecord)}><i part="prev" @click="${this.prev}">${r()}</i><div part="move-root">${n()}</div><i part="next" @click="${this.next}">${h()}</i></div>`}connectedCallback(){super.connectedCallback(),this.children.length&&(this.__cloneFirst?.remove(),this.__cloneLast?.remove(),this.__cloneLast=this.firstElementChild.cloneNode(!0),this.__cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this.__cloneLast),this.insertBefore(this.__cloneFirst,this.firstElementChild))}async firstUpdated(){await this.updateComplete,this.show(this.index,!0)}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"index"===t&&this.isConnected&&this.show(this.index)}show(t,e){t=this.normalizeIndex(t),this.index=t,this._offset=0;for(let e=0;e<=t;e++)this._offset-=p(this.children[e]);this._offset+=(p(this)-p(this.children[t+1]))/2,this.dispatchEvent(new CustomEvent("change",{detail:t,composed:!0})),this._doTranslateX(`${this._offset}px`,e),this.timeouts.remove(this.intervalID),this.autoChange>0&&(this.intervalID=this.timeouts.add(setInterval((()=>{this.next()}),this.autoChange)))}next(){this.index===this.childElementCount-3?(this._doTranslateX("0",!0),this.show(0)):this.show(this.index+1)}prev(){0===this.index?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1)}_doTranslateX(t,e){this._moveRoot.style.transform=`translateX(${t})`,this._moveRoot.style.transition=e?"none":""}normalizeIndex(t){return t<0?0:t>this.children.length-3?this.children.length-3:t}};t([d({type:Number})],m.prototype,"index",void 0),t([d({type:Number})],m.prototype,"autoChange",void 0),t([e("move-root")],m.prototype,"_moveRoot",void 0),m=t([i("carousel"),o(l`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=move-root],[part=root]{display:flex;height:100%;position:relative;transition:inherit;width:100%}[part=next],[part=prev]{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;user-select:none;width:1.5em;z-index:1}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)],m);var f=m;export{m as Carousel,f as default};
+import{__decorate as t}from"tslib";import{part as e,godown as i,styles as s,attr as o,htmlSlot as n}from"@godown/element";import r from"@godown/f7-icon/icons/chevron-left.js";import h from"@godown/f7-icon/icons/chevron-right.js";import{css as l,html as a}from"lit";import{property as d}from"lit/decorators.js";import{GlobalStyle as c}from"../core/global-style.js";function p(t){return t.getBoundingClientRect().width}let m=class Carousel extends c{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return a`<div part="root" ${o(this.observedRecord)}><i part="prev" @click="${this.prev}">${r()}</i><div part="move-root">${n()}</div><i part="next" @click="${this.next}">${h()}</i></div>`}connectedCallback(){super.connectedCallback(),this.children.length&&(this.__cloneFirst?.remove(),this.__cloneLast?.remove(),this.__cloneLast=this.firstElementChild.cloneNode(!0),this.__cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this.__cloneLast),this.insertBefore(this.__cloneFirst,this.firstElementChild)),this.observers.add(this,ResizeObserver,(()=>{this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,!0)}))}async firstUpdated(){await this.updateComplete,this.show(this.index,!0)}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"index"===t&&this.isConnected&&this.show(this.index)}show(t,e){t=this.normalizeIndex(t),this.index=t,this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,e),this.dispatchCustomEvent("change",t),this.timeouts.remove(this.intervalID),this.autoChange>0&&(this.intervalID=this.timeouts.add(setInterval((()=>{this.next()}),this.autoChange)))}next(){this.index===this.childElementCount-3?(this._doTranslateX("0",!0),this.show(0)):this.show(this.index+1)}prev(){0===this.index?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1)}_doTranslateX(t,e){this._moveRoot.style.transform=`translateX(${t})`,this._moveRoot.style.transition=e?"none":""}_computeOffset(){let t=0;for(let e=0;e<=this.index;e++)t-=p(this.children[e]);return t+=(p(this)-p(this.children[this.index+1]))/2,t}normalizeIndex(t){return t<0?0:t>this.children.length-3?this.children.length-3:t}};t([d({type:Number})],m.prototype,"index",void 0),t([d({type:Number})],m.prototype,"autoChange",void 0),t([e("move-root")],m.prototype,"_moveRoot",void 0),m=t([i("carousel"),s(l`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=move-root],[part=root]{display:flex;height:100%;position:relative;transition:inherit;width:100%}[part=next],[part=prev]{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;user-select:none;width:1.5em;z-index:1}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)],m);var f=m;export{m as Carousel,f as default};
 //# sourceMappingURL=carousel.js.map

package/components/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":["getWidth","e","getBoundingClientRect","width","Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconChevronLeft","htmlSlot","next","iconChevronRight","connectedCallback","super","children","length","__cloneFirst","remove","__cloneLast","firstElementChild","cloneNode","lastElementChild","appendChild","insertBefore","firstUpdated","updateComplete","show","attributeChangedCallback","name","_old","value","isConnected","i","n","normalizeIndex","_offset","childIndex","dispatchEvent","CustomEvent","detail","composed","_doTranslateX","timeouts","intervalID","add","setInterval","childElementCount","xValue","noTransition","_moveRoot","style","transform","transition","__decorate","property","type","Number","prototype","undefined","part","godown","styles","css","Carousel$1"],"mappings":"4WAUA,SAASA,EAASC,GAChB,OAAOA,EAAEC,wBAAwBC,KACnC,CAcA,IAAMC,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAKC,MAAG,EAMRD,KAAUE,WAAG,EAaH,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,0CAIAN,KAAKO,SAEbC,gCAEoBC,mCAGZT,KAAKU,SAEbC,gBAMV,iBAAAC,GACEC,MAAMD,oBACFZ,KAAKc,SAASC,SAChBf,KAAKgB,cAAcC,SACnBjB,KAAKkB,aAAaD,SAClBjB,KAAKkB,YAAclB,KAAKmB,kBAAkBC,WAAU,GACpDpB,KAAKgB,aAAehB,KAAKqB,iBAAiBD,WAAU,GACpDpB,KAAKsB,YAAYtB,KAAKkB,aACtBlB,KAAKuB,aAAavB,KAAKgB,aAAchB,KAAKmB,oBAIpC,kBAAMK,SACRxB,KAAKyB,eACXzB,KAAK0B,KAAK1B,KAAKC,OAAO,GAGxB,wBAAA0B,CAAyBC,EAAcC,EAAqBC,GAC1DjB,MAAMc,yBAAyBC,EAAMC,EAAMC,GAC9B,UAATF,GAAoB5B,KAAK+B,aAC3B/B,KAAK0B,KAAK1B,KAAKC,OAInB,IAAAyB,CAAKM,EAAWC,GACdD,EAAIhC,KAAKkC,eAAeF,GACxBhC,KAAKC,MAAQ+B,EACbhC,KAAKmC,QAAU,EACf,IAAK,IAAIC,EAAa,EAAGA,GAAcJ,EAAGI,IACxCpC,KAAKmC,SAAW1C,EAASO,KAAKc,SAASsB,IAEzCpC,KAAKmC,UAAY1C,EAASO,MAAQP,EAASO,KAAKc,SAASkB,EAAI,KAAO,EACpEhC,KAAKqC,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQP,EAAGQ,UAAU,KACpExC,KAAKyC,cAAc,GAAGzC,KAAKmC,YAAaF,GACxCjC,KAAK0C,SAASzB,OAAOjB,KAAK2C,YACtB3C,KAAKE,WAAa,IACpBF,KAAK2C,WAAa3C,KAAK0C,SAASE,IAC9BC,aAAY,KACV7C,KAAKU,MAAM,GACVV,KAAKE,cAKd,IAAAQ,GACMV,KAAKC,QAAUD,KAAK8C,kBAAoB,GAC1C9C,KAAKyC,cAAc,KAAK,GACxBzC,KAAK0B,KAAK,IAEV1B,KAAK0B,KAAK1B,KAAKC,MAAQ,GAI3B,IAAAM,GACqB,IAAfP,KAAKC,OACPD,KAAKyC,cAAc,IAAIzC,KAAK8C,kBAAoB,QAAQ,GACxD9C,KAAK0B,KAAK1B,KAAKc,SAASC,OAAS,IAEjCf,KAAK0B,KAAK1B,KAAKC,MAAQ,GAIjB,aAAAwC,CAAcM,EAAgBC,GACtChD,KAAKiD,UAAUC,MAAMC,UAAY,cAAcJ,KAC/C/C,KAAKiD,UAAUC,MAAME,WAAaJ,EAAe,OAAS,GAG5D,cAAAd,CAAeF,GACb,OAAIA,EAAI,EACC,EACEA,EAAIhC,KAAKc,SAASC,OAAS,EAC7Bf,KAAKc,SAASC,OAAS,EAEzBiB,IAnHTqB,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACT3D,EAAA4D,UAAA,aAAAC,GAMTL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJ3D,EAAA4D,UAAA,kBAAAC,GAGJL,EAAA,CADTM,EAAK,cAC0B9D,EAAA4D,UAAA,iBAAAC,GAd5B7D,EAAQwD,EAAA,CAFbO,EAhBiB,YAiBjBC,EAAOC,CAAG,qbACLjE,GA4HN,IAAAkE,EAAelE"}
+{"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":["getWidth","e","getBoundingClientRect","width","Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconChevronLeft","htmlSlot","next","iconChevronRight","connectedCallback","super","children","length","__cloneFirst","remove","__cloneLast","firstElementChild","cloneNode","lastElementChild","appendChild","insertBefore","observers","add","ResizeObserver","_offset","_computeOffset","_doTranslateX","firstUpdated","updateComplete","show","attributeChangedCallback","name","_old","value","isConnected","i","n","normalizeIndex","dispatchCustomEvent","timeouts","intervalID","setInterval","childElementCount","xValue","noTransition","_moveRoot","style","transform","transition","offset","childIndex","__decorate","property","type","Number","prototype","undefined","part","godown","styles","css","Carousel$1"],"mappings":"4WAUA,SAASA,EAASC,GAChB,OAAOA,EAAEC,wBAAwBC,KACnC,CAcA,IAAMC,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAKC,MAAG,EAMRD,KAAUE,WAAG,EAaH,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,0CAIAN,KAAKO,SAEbC,gCAEoBC,mCAGZT,KAAKU,SAEbC,gBAMV,iBAAAC,GACEC,MAAMD,oBACFZ,KAAKc,SAASC,SAChBf,KAAKgB,cAAcC,SACnBjB,KAAKkB,aAAaD,SAClBjB,KAAKkB,YAAclB,KAAKmB,kBAAkBC,WAAU,GACpDpB,KAAKgB,aAAehB,KAAKqB,iBAAiBD,WAAU,GACpDpB,KAAKsB,YAAYtB,KAAKkB,aACtBlB,KAAKuB,aAAavB,KAAKgB,aAAchB,KAAKmB,oBAE5CnB,KAAKwB,UAAUC,IAAIzB,KAAM0B,gBAAgB,KACvC1B,KAAK2B,QAAU3B,KAAK4B,iBACpB5B,KAAK6B,cAAc,GAAG7B,KAAK2B,aAAa,EAAK,IAIvC,kBAAMG,SACR9B,KAAK+B,eACX/B,KAAKgC,KAAKhC,KAAKC,OAAO,GAGxB,wBAAAgC,CAAyBC,EAAcC,EAAqBC,GAC1DvB,MAAMoB,yBAAyBC,EAAMC,EAAMC,GAC9B,UAATF,GAAoBlC,KAAKqC,aAC3BrC,KAAKgC,KAAKhC,KAAKC,OAInB,IAAA+B,CAAKM,EAAWC,GACdD,EAAItC,KAAKwC,eAAeF,GACxBtC,KAAKC,MAAQqC,EACbtC,KAAK2B,QAAU3B,KAAK4B,iBACpB5B,KAAK6B,cAAc,GAAG7B,KAAK2B,YAAaY,GACxCvC,KAAKyC,oBAAoB,SAAUH,GACnCtC,KAAK0C,SAASzB,OAAOjB,KAAK2C,YACtB3C,KAAKE,WAAa,IACpBF,KAAK2C,WAAa3C,KAAK0C,SAASjB,IAC9BmB,aAAY,KACV5C,KAAKU,MAAM,GACVV,KAAKE,cAKd,IAAAQ,GACMV,KAAKC,QAAUD,KAAK6C,kBAAoB,GAC1C7C,KAAK6B,cAAc,KAAK,GACxB7B,KAAKgC,KAAK,IAEVhC,KAAKgC,KAAKhC,KAAKC,MAAQ,GAI3B,IAAAM,GACqB,IAAfP,KAAKC,OACPD,KAAK6B,cAAc,IAAI7B,KAAK6C,kBAAoB,QAAQ,GACxD7C,KAAKgC,KAAKhC,KAAKc,SAASC,OAAS,IAEjCf,KAAKgC,KAAKhC,KAAKC,MAAQ,GAIjB,aAAA4B,CAAciB,EAAgBC,GACtC/C,KAAKgD,UAAUC,MAAMC,UAAY,cAAcJ,KAC/C9C,KAAKgD,UAAUC,MAAME,WAAaJ,EAAe,OAAS,GAGlD,cAAAnB,GACR,IAAIwB,EAAS,EACb,IAAK,IAAIC,EAAa,EAAGA,GAAcrD,KAAKC,MAAOoD,IACjDD,GAAU3D,EAASO,KAAKc,SAASuC,IAGnC,OADAD,IAAW3D,EAASO,MAAQP,EAASO,KAAKc,SAASd,KAAKC,MAAQ,KAAO,EAChEmD,EAGT,cAAAZ,CAAeF,GACb,OAAIA,EAAI,EACC,EACEA,EAAItC,KAAKc,SAASC,OAAS,EAC7Bf,KAAKc,SAASC,OAAS,EAEzBuB,IA5HTgB,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACT5D,EAAA6D,UAAA,aAAAC,GAMTL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJ5D,EAAA6D,UAAA,kBAAAC,GAGJL,EAAA,CADTM,EAAK,cAC0B/D,EAAA6D,UAAA,iBAAAC,GAd5B9D,EAAQyD,EAAA,CAFbO,EAhBiB,YAiBjBC,EAAOC,CAAG,qbACLlE,GAqIN,IAAAmE,EAAenE"}

package/components/details.d.ts

@@ -9,6 +9,10 @@ import { SuperOpenable } from "../core/super-openable.js";
  * @category display
  */
 declare class Details extends SuperOpenable {
+    /**
+     * Determines whether the details component should float.
+     */
+    float: boolean;
     /**
      * Determines whether the details component should fill the available space.
      */

package/components/details.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM1D;;;;;;;GAOG;AACH,cAEM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"version":3,"file":"details.d.ts","sourceRoot":"","sources":["../src/components/details.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAM1D;;;;;;;GAOG;AACH,cAEM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,IAAI,UAAS;IAEb;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}

package/components/details.js

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

package/components/details.js.map

@@ -1 +1 @@
-{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","fill","summary","render","html","attr","observedRecord","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,KAAIC,MAAG,EAMPD,KAAOE,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAGLC,EAAKL,KAAKM,4CAIA,IAAMN,KAAKO,kCAEEP,KAAKE,SAAWM,EAAS,0CAE7BC,iDAKVT,KAAKC,KAAO,IAAMD,KAAKO,SAAW,qCAEbC,wBA3BtCE,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACNhB,EAAAiB,UAAA,YAAAC,GAMZL,EAAA,CADCC,KACWd,EAAAiB,UAAA,eAAAC,GAXRlB,EAAOa,EAAA,CAFZM,EAAOtB,GACPuB,EAAOC,CAAG,SAASvB,yBAAgCA,2BAAkCA,uBAA8BA,4BAAmCA,6FAAoGA,6KAAoLA,sKAA6KA,yQAAgRA,uCAA8CA,sCAA6CA,iEAAwEA,wBACzgCE,GAuCN,IAAAsB,EAAetB"}
+{"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"}

package/components/dialog.d.ts

@@ -1,7 +1,6 @@
 import { type HandlerEvent } from "@godown/element";
 import { type PropertyValues, type TemplateResult } from "lit";
 import { SuperOpenable } from "../core/super-openable.js";
-import { type DirectionCardinal, type DirectionCenter, type DirectionCorner } from "../core/direction.js";
 /**
  * {@linkcode Dialog} similar to `<dialog>`.
  *
@@ -13,14 +12,11 @@ import { type DirectionCardinal, type DirectionCenter, type DirectionCorner } fr
  * @category feedback
  */
 declare class Dialog extends SuperOpenable {
-    /**
-     * The direction of the dialog container.
-     */
-    direction: DirectionCardinal | DirectionCorner | DirectionCenter;
     /**
      * Indicates whether the dialog should be displayed as a modal.
      */
-    modal: boolean;
+    set modal(value: boolean);
+    get modal(): boolean;
     /**
      * The keys will close the dialog when pressed.
      */
@@ -29,8 +25,10 @@ declare class Dialog extends SuperOpenable {
      * Indicates whether the modal has been invoked.
      */
     private __modalInvoke;
+    protected _dialog: HTMLDialogElement;
     protected render(): TemplateResult<1>;
     showModal(): void;
+    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
     private __submitEvent;
     private __keydownEvent;
     protected updated(changedProperties: PropertyValues): void;

package/components/dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,eAAe,EACpB,KAAK,eAAe,EAErB,MAAM,sBAAsB,CAAC;AAK9B;;;;;;;;;GASG;AACH,cAKM,MAAO,SAAQ,aAAa;IAChC;;OAEG;IAEH,SAAS,EAAE,iBAAiB,GAAG,eAAe,GAAG,eAAe,CAAC;IAEjE;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAE9B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,IAAI,IAAI;IAQjB,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,cAAc,CAAqC;IAE3D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAc1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;IAO/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"dialog.d.ts","sourceRoot":"","sources":["../src/components/dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAkC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAI1E,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAK1D;;;;;;;;;GASG;AACH,cAEM,MAAO,SAAQ,aAAa;IAChC;;OAEG;IACH,IACI,KAAK,CAAC,KAAK,EAAE,OAAO,EAEvB;IAED,IAAI,KAAK,IAAI,OAAO,CAEnB;IAED;;OAEG;IAEH,GAAG,SAAY;IAEf;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAG9B,SAAS,CAAC,OAAO,EAAE,iBAAiB,CAAC;IAErC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,IAAI,IAAI;IAMjB,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAevF,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,cAAc,CAAqC;IAE3D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAc1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAQhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;IAO/D,KAAK,IAAI,IAAI;CAOd;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/dialog.js

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

package/components/dialog.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.js","sources":["../src/components/dialog.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","modal","key","__modalInvoke","render","html","attr","observedRecord","htmlSlot","showModal","show","updated","changedProperties","has","open","__submitEvent","events","add","_handelSubmit","__keydownEvent","document","_handleKeydown","bind","remove","e","keys","split","includes","code","preventDefault","close","target","method","__decorate","property","prototype","undefined","type","Boolean","reflect","godown","styles","directionInsetAlign","css","Dialog$1"],"mappings":"2VAaA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAiB7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAWEC,KAAKC,OAAG,EAMRD,KAAGE,IAAG,SAKEF,KAAaG,eAAG,EAEd,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKN,KAAKO,uFAORC,kBAMV,SAAAC,GACOT,KAAKC,QACRD,KAAKC,OAAQ,EACbD,KAAKG,eAAgB,GAEvBH,KAAKU,OAMG,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,UACpBb,KAAKc,MACPd,KAAKe,cAAgBf,KAAKgB,OAAOC,IAAIjB,KAAM,SAAUA,KAAKkB,eACtDlB,KAAKE,MACPF,KAAKmB,eAAiBnB,KAAKgB,OAAOC,IAAIG,SAAU,UAAWpB,KAAKqB,eAAeC,KAAKtB,UAGtFA,KAAKgB,OAAOO,OAAOvB,KAAM,SAAUA,KAAKe,eACxCf,KAAKgB,OAAOO,OAAOH,SAAU,UAAWpB,KAAKmB,kBAKzC,cAAAE,CAAeG,GACvB,MAAMC,EAAOzB,KAAKE,IAAIwB,MAAM,UACxBD,EAAKE,SAASH,EAAEtB,MAAQuB,EAAKE,SAASH,EAAEI,SAC1CJ,EAAEK,iBACF7B,KAAK8B,SAIC,aAAAZ,CAAcM,GACE,WAApBA,EAAEO,OAAOC,SACXR,EAAEK,iBACF7B,KAAK8B,SAIT,KAAAA,GACM9B,KAAKG,gBACPH,KAAKC,OAAQ,EACbD,KAAKG,eAAgB,GAEvBH,KAAKc,MAAO,IAjFdmB,EAAA,CADCC,KAC+DrC,EAAAsC,UAAA,iBAAAC,GAMhEH,EAAA,CADCC,EAAS,CAAEG,KAAMC,QAASC,SAAS,KACvB1C,EAAAsC,UAAA,aAAAC,GAMbH,EAAA,CADCC,KACarC,EAAAsC,UAAA,WAAAC,GAjBVvC,EAAMoC,EAAA,CALXO,EAAO9C,GACP+C,EACCC,EACAC,CAAG,SAAShD,sBAA6BA,4BAAmCA,uCAA8CA,qJAA4JA,oEAA2EA,kQAE7VE,GA0FN,IAAA+C,EAAe/C"}
+{"version":3,"file":"dialog.js","sources":["../src/components/dialog.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","SuperOpenable","constructor","this","key","__modalInvoke","modal","value","contents","render","html","attr","observedRecord","htmlSlot","showModal","show","attributeChangedCallback","name","_old","super","open","_dialog","close","updated","changedProperties","has","__submitEvent","events","add","_handelSubmit","__keydownEvent","document","_handleKeydown","bind","remove","e","keys","split","includes","code","preventDefault","target","method","__decorate","property","type","Boolean","reflect","prototype","undefined","query","godown","styles","css","Dialog$1"],"mappings":"2SAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAc7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAiBEC,KAAGC,IAAG,SAKED,KAAaE,eAAG,EAjBxB,SAAIC,CAAMC,GACRJ,KAAKK,SAAWD,EAGlB,SAAID,GACF,OAAOH,KAAKK,SAiBJ,MAAAC,GACR,OAAOC,CAAI,uBAGLC,EAAKR,KAAKS,mBAEVC,eAKR,SAAAC,GACEX,KAAKG,OAAQ,EACbH,KAAKE,eAAgB,EACrBF,KAAKY,OAGP,wBAAAC,CAAyBC,EAAcC,EAAqBX,GAC1DY,MAAMH,yBAAyBC,EAAMC,EAAMX,GAC9B,SAATU,IACEd,KAAKiB,KACHjB,KAAKG,MACPH,KAAKkB,QAAQP,YAEbX,KAAKkB,QAAQN,OAGfZ,KAAKkB,QAAQC,SAQT,OAAAC,CAAQC,GACZA,EAAkBC,IAAI,UACpBtB,KAAKiB,MACPjB,KAAKuB,cAAgBvB,KAAKwB,OAAOC,IAAIzB,KAAM,SAAUA,KAAK0B,eACtD1B,KAAKC,MACPD,KAAK2B,eAAiB3B,KAAKwB,OAAOC,IAAIG,SAAU,UAAW5B,KAAK6B,eAAeC,KAAK9B,UAGtFA,KAAKwB,OAAOO,OAAO/B,KAAM,SAAUA,KAAKuB,eACxCvB,KAAKwB,OAAOO,OAAOH,SAAU,UAAW5B,KAAK2B,kBAKzC,cAAAE,CAAeG,GACvB,MAAMC,EAAOjC,KAAKC,IAAIiC,MAAM,UACxBD,EAAKE,SAASH,EAAE/B,MAAQgC,EAAKE,SAASH,EAAEI,SAC1CJ,EAAEK,iBACFrC,KAAKmB,SAIC,aAAAO,CAAcM,GACE,WAApBA,EAAEM,OAAOC,SACXP,EAAEK,iBACFrC,KAAKmB,SAIT,KAAAA,GACMnB,KAAKE,gBACPF,KAAKG,OAAQ,EACbH,KAAKE,eAAgB,GAEvBF,KAAKiB,MAAO,IA3FduB,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KAGpC/C,EAAAgD,UAAA,QAAA,MAUAL,EAAA,CADCC,KACa5C,EAAAgD,UAAA,WAAAC,GAQJN,EAAA,CADTO,EAAM,WAC6BlD,EAAAgD,UAAA,eAAAC,GAzBhCjD,EAAM2C,EAAA,CAFXQ,EAAOtD,GACPuD,EAAOC,CAAG,SAASvD,4BAAmCA,8TAAqUA,oCAA2CA,uBACjaE,GAoGN,IAAAsD,EAAetD"}

package/components/divider.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e}from"@godown/element";import{css as i,html as a}from"lit";import{property as s}from"lit/decorators.js";import{cssGlobalVars as l,GlobalStyle as d}from"../core/global-style.js";let c=class Divider extends d{constructor(){super(...arguments),this.vertical=!1}render(){return a`<div part="root" ${e(this.observedRecord)}></div>`}};t([s({type:Boolean,reflect:!0})],c.prototype,"vertical",void 0),c=t([o("divider"),r(i`:host{background:currentColor;color:var(${l.passive});display:block;height:.05em;margin:auto;width:100%}:host([vertical]){height:max(1em,100%);width:.05em}:host([contents]) [part=root]{background:currentColor;display:block;height:.05em;margin:auto;width:100%}[part=root]{display:contents}`)],c);var m=c;export{c as Divider,m as default};
+import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e}from"@godown/element";import{css as i,html as s}from"lit";import{property as l}from"lit/decorators.js";import{cssGlobalVars as a,GlobalStyle as d}from"../core/global-style.js";let c=class Divider extends d{constructor(){super(...arguments),this.vertical=!1}render(){return s`<div part="root" ${e(this.observedRecord)}></div>`}};t([l({type:Boolean,reflect:!0})],c.prototype,"vertical",void 0),c=t([o("divider"),r(i`:host{background:currentColor;color:var(${a.passive});display:block;height:.05em;width:100%}:host([vertical]){height:100%;width:.05em}:host([contents]) [part=root]{background:currentColor;display:block;height:.05em;margin:auto;width:100%}[part=root]{display:contents}`)],c);var p=c;export{c as Divider,p as default};
 //# sourceMappingURL=divider.js.map

package/components/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../src/components/divider.ts"],"sourcesContent":null,"names":["Divider","GlobalStyle","constructor","this","vertical","render","html","attr","observedRecord","__decorate","property","type","Boolean","reflect","prototype","undefined","godown","styles","css","cssGlobalVars","passive","Divider$1"],"mappings":"4PAeA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAQC,UAAG,EAED,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKJ,KAAKK,2BANlBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpBb,EAAAc,UAAA,gBAAAC,GALZf,EAAOS,EAAA,CAFZO,EAPiB,WAQjBC,EAAOC,CAAG,2CAA2CC,EAAcC,wPAC9DpB,GAiBN,IAAAqB,EAAerB"}
+{"version":3,"file":"divider.js","sources":["../src/components/divider.ts"],"sourcesContent":null,"names":["Divider","GlobalStyle","constructor","this","vertical","render","html","attr","observedRecord","__decorate","property","type","Boolean","reflect","prototype","undefined","godown","styles","css","cssGlobalVars","passive","Divider$1"],"mappings":"4PAeA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAQC,UAAG,EAED,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKJ,KAAKK,2BANlBC,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACpBb,EAAAc,UAAA,gBAAAC,GALZf,EAAOS,EAAA,CAFZO,EAPiB,WAQjBC,EAAOC,CAAG,2CAA2CC,EAAcC,mOAC9DpB,GAiBN,IAAAqB,EAAerB"}

package/components/layout.d.ts

@@ -1,7 +1,13 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
- * {@linkcode Layout} renders slot and optional top header, bottom footer.
+ * {@linkcode Layout} renders main content, top header, bottom footer.
+ *
+ * If `sticky` is set to `true`, the header will be sticky.
+ *
+ * Main content will take up the remaining space.
+ *
+ * Element display should be `(inline-)flex` or `(inline-)grid`.
  *
  * @slot - The main content of the layout.
  * @slot header - The header of the layout.
@@ -10,15 +16,15 @@ import { GlobalStyle } from "../core/global-style.js";
  */
 declare class Layout extends GlobalStyle {
     /**
-     * If true, remove the header slot.
+     * @deprecated Omit header slot instead.
      */
     noHeader: boolean;
     /**
-     * If true, remove the footer slot.
+     * @deprecated Omit footer slot instead.
      */
     noFooter: boolean;
     /**
-     * If true, header will sticky.
+     * If `true`, header will sticky.
      */
     sticky: boolean;
     protected render(): TemplateResult<1>;

package/components/layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/components/layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;GAOG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAOtC;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../src/components/layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;;GAaG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,QAAQ,EAAE,OAAO,CAAC;IAElB;;OAEG;IAEH,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/layout.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{godown as t,styles as e,attr as r,htmlSlot as i}from"@godown/element";import{css as a,html as n}from"lit";import{property as s}from"lit/decorators.js";import{GlobalStyle as p}from"../core/global-style.js";let d=class Layout extends p{constructor(){super(...arguments),this.noHeader=!1,this.noFooter=!1,this.sticky=!1}render(){return n`<div part="root" ${r(this.observedRecord)}>${this.noHeader?"":n`<header part="header">${i("header")}</header>`}<main part="main">${i()}</main>${this.noFooter?"":n`<footer part="footer">${i("footer")}</footer>`}</div>`}};o([s({type:Boolean})],d.prototype,"noHeader",void 0),o([s({type:Boolean})],d.prototype,"noFooter",void 0),o([s({type:Boolean})],d.prototype,"sticky",void 0),d=o([t("layout"),e(a`:host,:host([contents]) [part=root]{display:flex;flex-direction:column;min-height:100%}[part=root]{display:contents}[sticky] header{position:sticky;top:0;z-index:1}[part=main]{flex:1;position:relative;width:100%}footer,header,main{width:100%}`)],d);var l=d;export{d as Layout,l as default};
+import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e,htmlSlot as i}from"@godown/element";import{css as a,html as s}from"lit";import{property as d}from"lit/decorators.js";import{GlobalStyle as p}from"../core/global-style.js";let n=class Layout extends p{constructor(){super(...arguments),this.sticky=!1}render(){return s`<div part="root" ${e(this.observedRecord)}><header part="header">${i("header")}</header><main part="main">${i()}</main><footer part="footer">${i("footer")}</footer></div>`}};t([d({type:Boolean})],n.prototype,"sticky",void 0),n=t([o("layout"),r(a`:host{flex-direction:column;grid-template-rows:auto 1fr auto;min-height:100%;width:100%}:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}[part=main]{flex:1;width:100%}[part=footer],[part=header]{flex-shrink:0;width:100%}[sticky] header{position:sticky;top:0}`)],n);var l=n;export{n as Layout,l as default};
 //# sourceMappingURL=layout.js.map

package/components/layout.js.map

@@ -1 +1 @@
-{"version":3,"file":"layout.js","sources":["../src/components/layout.ts"],"sourcesContent":null,"names":["Layout","GlobalStyle","constructor","this","noHeader","noFooter","sticky","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","Layout$1"],"mappings":"uPAkBA,IAAMA,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAAQC,UAAG,EAMXD,KAAQE,UAAG,EAMXF,KAAMG,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKN,KAAKO,mBAETP,KAAKC,SAIJ,GAHAI,CAAI,yBACsBG,EAAS,yCAGnBA,aACjBR,KAAKE,SAIJ,GAHAG,CAAI,yBACsBG,EAAS,+BA5B7CC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACFf,EAAAgB,UAAA,gBAAAC,GAMhBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACFf,EAAAgB,UAAA,gBAAAC,GAMhBL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJf,EAAAgB,UAAA,cAAAC,GAjBVjB,EAAMY,EAAA,CAFXM,EAViB,UAWjBC,EAAOC,CAAG,uPACLpB,GAyCN,IAAAqB,EAAerB"}
+{"version":3,"file":"layout.js","sources":["../src/components/layout.ts"],"sourcesContent":null,"names":["Layout","GlobalStyle","constructor","this","sticky","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Boolean","prototype","undefined","godown","styles","css","Layout$1"],"mappings":"uPAwBA,IAAMA,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAeEC,KAAMC,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKJ,KAAKK,yCAEYC,EAAS,uCACbA,mCACIA,EAAS,6BAVvCC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJb,EAAAc,UAAA,cAAAC,GAfVf,EAAMU,EAAA,CAFXM,EAhBiB,UAiBjBC,EAAOC,CAAG,oSACLlB,GA+BN,IAAAmB,EAAenB"}

package/components/range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsE,MAAM,EAAQ,MAAM,iBAAiB,CAAC;AACnH,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAKpD,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,cAMM,KAAK,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3E;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IAEH,OAAO,EAAE,CAAC,CAAC;IAGX,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAG7B,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAG5C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,YAAY,CAAgB;IAEpC,IAAI,KAAK,IAAI,CAAC,SAAS,MAAM,GAAG,KAAK,GAAG,IAAI,CAE3C;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED;;OAEG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE;IAS1C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAerC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAWzD,OAAO,CAAC,cAAc,CAAqC;IAE3D;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAehC;;OAEG;IACH,UAAU,IAAI,IAAI;IAMlB;;;;OAIG;IACH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAK7B,aAAa,KAAG,IAAI;IAYjC;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,OAC1B,UAAU,KAAG,IAAI;IAM9B;;;;OAIG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,WACrB,MAAM,KAAG,IAAI;IAY9B;;;OAGG;IACH,SAAS,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,GAAG,MAAM;IAKjE;;;;OAIG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAenD;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU,KAAG,IAAI;IAa9B;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,OACzD,UAAU,KAAG,IAAI;IAS9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAahC,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,CAAC;IAIT,QAAQ,IAAI,CAAC;CAMd;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/components/range.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsE,MAAM,EAAQ,MAAM,iBAAiB,CAAC;AACnH,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAKpD,KAAK,UAAU,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAEpC;;;;;;;;;;;;;GAaG;AACH,cAMM,KAAK,CAAC,CAAC,SAAS,UAAU,GAAG,UAAU,CAAE,SAAQ,UAAU,CAAC,UAAU,CAAC;IAC3E;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;;OAIG;IAEH,KAAK,EAAE,CAAC,CAAC;IAET;;OAEG;IAEH,OAAO,EAAE,CAAC,CAAC;IAGX,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAG7B,SAAS,CAAC,QAAQ,EAAE,UAAU,CAAC,WAAW,CAAC,CAAC;IAG5C,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,YAAY,CAAgB;IAEpC,IAAI,KAAK,IAAI,CAAC,SAAS,MAAM,GAAG,KAAK,GAAG,IAAI,CAE3C;IAED;;OAEG;IACH,IAAI,UAAU,IAAI,MAAM,EAAE,CAEzB;IAED;;OAEG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,SAAI,GAAG,MAAM,EAAE;IAS1C,wBAAwB,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,GAAG,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IAOvF,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAerC,SAAS,CAAC,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAWzD,OAAO,CAAC,cAAc,CAAqC;IAE3D;;;OAGG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAehC;;OAEG;IACH,UAAU,IAAI,IAAI;IAMlB;;;;OAIG;IACH,SAAS,CAAC,kBAAkB,CAAC,KAAK,EAAE,MAAM,OAK7B,aAAa,KAAG,IAAI;IAYjC;;;;OAIG;IACH,SAAS,CAAC,eAAe,CAAC,KAAK,EAAE,MAAM,OAC1B,UAAU,KAAG,IAAI;IAM9B;;;;OAIG;IACH,SAAS,CAAC,cAAc,CAAC,KAAK,EAAE,MAAM,WACrB,MAAM,KAAG,IAAI;IAY9B;;;OAGG;IACH,SAAS,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,UAAU,GAAG,MAAM;IAKjE;;;;OAIG;IACH,SAAS,CAAC,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAenD;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,iBAAiB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,OAC9D,UAAU,KAAG,IAAI;IAa9B;;;;OAIG;IACH,SAAS,CAAC,uBAAuB,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,OACzD,UAAU,KAAG,IAAI;IAS9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAchC,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,CAAC;IAIT,QAAQ,IAAI,CAAC;CAMd;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

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(){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;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};
 //# sourceMappingURL=range.js.map