godown 3.2.0 → 3.4.0

package/components/alert.d.ts

@@ -43,10 +43,8 @@ declare class Alert extends GlobalStyle {
      * Alert variant, if set to `blockquote`, the alert will be rendered as a blockquote.
      *
      * If variant is `"blockquote"`, hide the close button.
-     *
-     * ! __"light" will be deprecated__ in the future.
      */
-    variant: "blockquote" | "dark" | "light";
+    variant: "blockquote" | "dark";
     protected render(): TemplateResult<1>;
     close(): void;
     protected firstUpdated(): void;

package/components/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/components/alert.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AA2FlF;;;;;;;;;;GAUG;AACH,cAEM,KAAM,SAAQ,WAAW;IAC7B;;OAEG;IAEH,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;IAE1F;;;OAGG;IAEH,KAAK,EACD,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,CAAU;IAEpB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;;;;OAMG;IAEH,OAAO,EAAE,YAAY,GAAG,MAAM,GAAG,OAAO,CAAU;IAElD,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAQrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../src/components/alert.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAiElF;;;;;;;;;;GAUG;AACH,cAEM,KAAM,SAAQ,WAAW;IAC7B;;OAEG;IAEH,IAAI,EAAE,KAAK,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAAC;IAE1F;;;OAGG;IAEH,KAAK,EACD,OAAO,GACP,OAAO,GACP,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,KAAK,GACL,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,MAAM,GACN,MAAM,CAAU;IAEpB;;OAEG;IAEH,SAAS,SAAK;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;;;OAIG;IAEH,SAAS,UAAS;IAElB;;;;OAIG;IAEH,OAAO,EAAE,YAAY,GAAG,MAAM,CAAU;IAExC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAQrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,KAAK;CAM/D;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/components/alert.js

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

package/components/alert.js.map

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

package/components/avatar.d.ts

@@ -11,20 +11,21 @@ import { GlobalStyle } from "../core/global-style.js";
  */
 declare class Avatar extends GlobalStyle {
     /**
-     * Image src.
+     * The `src` property specifies the URL of the avatar image.
+     * If `src` is not provided, the component will display the `name` property instead.
      */
     src: string | undefined | null;
     /**
-     * If the image is not available, display name (call {@linkcode Avatar.format}).
+     * Specifies the name or initials to display if no `src` is provided
      */
     name: string;
     /**
-     * Display rounded.
+     * If `true`, will make the avatar display as a circle.
      */
     round: boolean;
     protected render(): TemplateResult<1>;
     protected _renderAvatar(): TemplateResult<1>;
-    format(): string;
+    formatName(): string;
     protected _handleError(): void;
 }
 export default Avatar;

package/components/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAU5C,MAAM,IAAI,MAAM;IAIhB,SAAS,CAAC,YAAY,IAAI,IAAI;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAEM,MAAO,SAAQ,WAAW;IAC9B;;;OAGG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAU5C,UAAU,IAAI,MAAM;IAIpB,SAAS,CAAC,YAAY,IAAI,IAAI;CAG/B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/avatar.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as r,styles as e,attr as o,omit as i,htmlSlot as a}from"@godown/element";import{css as s,html as n}from"lit";import{property as h}from"lit/decorators.js";import{scopePrefix as d,GlobalStyle as p}from"../core/global-style.js";const l="avatar",m=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.format()}</span>`:a()}format(){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{${m}--size:2em;height:var(${m}--size);vertical-align:bottom;width:var(${m}--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%}`)],c);var v=c;export{c as Avatar,v as default};
+import{__decorate as r}from"tslib";import{godown as t,styles as e,attr as o,omit as i,htmlSlot as a}from"@godown/element";import{css as s,html as n}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as h,GlobalStyle as m}from"../core/global-style.js";const p="avatar",l=h(p);let c=class Avatar extends m{constructor(){super(...arguments),this.name="",this.round=!1}render(){return n`<div part="root" ${o(i(this.observedRecord,"src"))}>${this._renderAvatar()}</div>`}_renderAvatar(){return this.src?n`<img part="image" src="${this.src}" alt="${this.name}" @error="${this._handleError}">`:this.name?n`<span part="name">${this.formatName()}</span>`:a()}formatName(){return this.name}_handleError(){this.src=void 0}};r([d()],c.prototype,"src",void 0),r([d()],c.prototype,"name",void 0),r([d({type:Boolean})],c.prototype,"round",void 0),c=r([t(p),e(s`:host{${l}--size:2em;border-radius:.2em;height:var(${l}--size);vertical-align:bottom;width:var(${l}--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%}`)],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","format","htmlSlot","undefined","__decorate","property","prototype","type","Boolean","godown","styles","css","Avatar$1"],"mappings":"kRAMA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAa7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAWEC,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,kBAGtBC,IAGT,MAAAD,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,GAjBThB,EAAMiB,EAAA,CAFXK,EAAOzB,GACP0B,EAAOC,CAAG,SAAS1B,0BAAiCA,4CAAmDA,8VAClGE,GA0DN,IAAAyB,EAAezB"}
+{"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","Avatar$1"],"mappings":"kRAMA,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,6CAAoDA,4CAAmDA,8VACrHE,GA2DN,IAAAyB,EAAezB"}

package/components/badge.d.ts

@@ -1,6 +1,6 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
-type Position = "top-right" | "top-left" | "bottom-right" | "bottom-left";
+import { DirectionCorner } from "../core/direction.js";
 /**
  * {@linkcode Badge} renders a badge.
  *
@@ -8,12 +8,20 @@ type Position = "top-right" | "top-left" | "bottom-right" | "bottom-left";
  * @category display
  */
 declare class Badge extends GlobalStyle {
-    position: Position;
+    /**
+     * The position of the badge relative to its parent element.
+     * Possible values are `"top-left"`, `"top-right"`, `"bottom-left"`, and `"bottom-right"`.
+     */
+    position: DirectionCorner;
     value: number;
     /**
      * If `true`, render a dot badge.
      */
     dot: boolean;
+    /**
+     * The maximum value that can be displayed in the badge
+     * Values greater than this will be displayed as `max+` by default.
+     */
     max: number;
     formatValue(value: number): string;
     render(): TemplateResult<1>;

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;AAElF,KAAK,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;AAK1E;;;;;GAKG;AACH,cAEM,KAAM,SAAQ,WAAW;IAE7B,QAAQ,EAAE,QAAQ,CAAe;IAGjC,KAAK,SAAK;IAEV;;OAEG;IAEH,GAAG,UAAS;IAGZ,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,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"}

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":"2RAQA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAU7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAEEC,KAAQC,SAAa,YAGrBD,KAAKE,MAAG,EAMRF,KAAGG,KAAG,EAGNH,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,aA7BVS,EAAA,CADCC,KAC+Bf,EAAAgB,UAAA,gBAAAC,GAGhCH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACTnB,EAAAgB,UAAA,aAAAC,GAMTH,EAAA,CADCC,EAAS,CAAEG,KAAME,WACPpB,EAAAgB,UAAA,WAAAC,GAGXH,EAAA,CADCC,EAAS,CAAEG,KAAMC,UACVnB,EAAAgB,UAAA,WAAAC,GAdJjB,EAAKc,EAAA,CAFVO,EAAOxB,GACPyB,EAAOC,CAAG,SAASzB,qBAA4B0B,EAAcC,WAAW3B,gBAAuBA,mBAA0BA,cAAqBA,mBAA0BA,iIAAwIA,iUAAwUA,0DAAiEA,0DAAiEA,kDAAyDA,mBAC9yBE,GAqCN,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,iUAAwUA,0DAAiEA,0DAAiEA,kDAAyDA,mBAC9yBE,GA6CN,IAAA0B,EAAe1B"}

package/components/breath.d.ts

@@ -23,14 +23,13 @@ declare class Breath extends GlobalStyle {
      */
     content: string | string[];
     /**
-     * Effect duration, ending in s or ms.
+     * Effect duration.
      */
-    duration: string;
+    duration: number;
     protected render(): TemplateResult<1>;
     protected _renderText(text: string): TemplateResult<1>;
     protected getTexts(): string[];
     protected _computeStyle(len: number): string;
-    parseDuration(): number | undefined;
 }
 export default Breath;
 export { Breath };

package/components/breath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAItD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAM9B,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAc5C,aAAa,IAAI,MAAM,GAAG,SAAS;CAWpC;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAItD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAM9B,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;CAa7C;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

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 s}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as c,GlobalStyle as p}from"../core/global-style.js";const d="breath",$=l(d);let u=class Breath extends p{render(){const t=this.getTexts();return 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.parseDuration()||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}s;}@keyframes colorfulN{0%,${3*o}%{opacity:0;}${o}%,${2*o}%{opacity:1;}}${e}`}parseDuration(){const{duration:t}=this;if(t){if(t.endsWith("s"))return Number.parseFloat(t.slice(0,-1));if(t.endsWith("ms"))return Number.parseFloat(t.slice(0,-2))/1e3}}};t([s()],u.prototype,"content",void 0),t([s()],u.prototype,"duration",void 0),u=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}`)],u);var m=u;export{u as Breath,m 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)}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};
 //# 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","parseDuration","style1","number","endsWith","Number","parseFloat","slice","__decorate","property","prototype","undefined","godown","styles","css","cssGlobalVars","_colors","red","yellow","green","purple","blue","pink","clipBackground","Breath$1"],"mappings":"4RAMA,MAAMA,EAAa,SACbC,EAAWC,EAAYF,GAuB7B,IAAMG,EAAN,MAAMA,eAAeC,EAeT,MAAAC,GACR,MAAMC,EAAQC,KAAKC,WACnB,OAAOC,CAAI,oBAGLC,EAAKH,KAAKI,mBAEV,CAACL,EAAMM,IAAIL,KAAKM,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,KAAKqB,iBAAyB,EAANH,EAAU,EACnD,IAAII,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUL,EAAKK,IAAU,CAG5CD,GAAU,kBAAkBC,iCAFZH,EAAWF,GAAQA,EAAMK,EAAS,sBAEwC7B,MAAa6B,SAAc7B,OAD7F6B,EAAS,GAAK,EAAK,QAG7C,MAAO,gCAAgCH,+BAA4C,EAAND,iBAAuBA,MAC5F,EAANA,kBACeG,IAGnB,aAAAD,GACE,MAAMD,SAAEA,GAAapB,KACrB,GAAIoB,EAAU,CACZ,GAAIA,EAASI,SAAS,KACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAG,IAE7C,GAAIP,EAASI,SAAS,MACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAG,IAAO,OAxDxDC,EAAA,CADCC,KACyBjC,EAAAkC,UAAA,eAAAC,GAM1BH,EAAA,CADCC,KACejC,EAAAkC,UAAA,gBAAAC,GAbZnC,EAAMgC,EAAA,CANXI,EAAOvC,GACPwC,EACCC,CAAG,SAASxC,gBAAuBA,cAAqByC,EAAcC,QAAQC,IAAI,OAAO3C,cAAqByC,EAAcC,QAAQE,OAAO,OAAO5C,cAAqByC,EAAcC,QAAQG,MAAM,OAAO7C,cAAqByC,EAAcC,QAAQI,OAAO,OAAO9C,cAAqByC,EAAcC,QAAQK,KAAK,OAAO/C,cAAqByC,EAAcC,QAAQM,KAAK,OAAOhD,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YACpoBwC,CAAG,sSACHA,CAAG,iRAAiRC,EAAcQ,6CAE9R/C,GAqEN,IAAAgD,EAAehD"}
+{"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"}

package/components/button.d.ts

@@ -17,11 +17,16 @@ declare const colors: Record<Colors, string>;
  */
 declare class Button extends GlobalStyle {
     /**
-     * Whether to disable this element.
+     * If true, remove gradient, modal animation, focus scale.
+     */
+    plain: boolean;
+    /**
+     * Whether this element is disabled or not.
      */
     disabled: boolean;
     /**
-     * Display ghost.
+     * Whether this element should be rendered as a "ghost" button.
+     * A ghost button is a button with a transparent background and a border.
      */
     ghost: boolean;
     /**
@@ -45,7 +50,7 @@ declare class Button extends GlobalStyle {
     protected render(): TemplateResult<1>;
     focus(): void;
     blur(): void;
-    firstUpdated(): void;
+    protected firstUpdated(): 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,QAAQ,UAAS;IAEjB;;OAEG;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,YAAY,IAAI,IAAI;IAIpB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAS3C,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,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"}

package/components/button.js

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

package/components/button.js.map

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

package/components/card.d.ts

@@ -12,7 +12,13 @@ import { GlobalStyle } from "../core/global-style.js";
  * @category display
  */
 declare class Card extends GlobalStyle {
+    /**
+     * Whether to display the header.
+     */
     footer: boolean;
+    /**
+     * Whether to display the footer.
+     */
     header: boolean;
     protected render(): TemplateResult<1>;
 }

package/components/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAMlF;;;;;;;;;;GAUG;AACH,cAEM,IAAK,SAAQ,WAAW;IAE5B,MAAM,UAAS;IAGf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAMlF;;;;;;;;;;GAUG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

package/components/card.js

@@ -1,2 +1,2 @@
-import{__decorate as r}from"tslib";import{godown as o,styles as e,attr as d,htmlSlot as t}from"@godown/element";import{css as a,html as i}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as b,cssGlobalVars as n,GlobalStyle as l}from"../core/global-style.js";const p="card",h=b(p);let c=class Card extends l{constructor(){super(...arguments),this.footer=!1,this.header=!1}render(){return i`<div part="root" ${d(this.observedRecord)}>${[this.header?t("header"):"",t(),this.footer?t("footer"):""]}</div>`}};r([s({type:Boolean})],c.prototype,"footer",void 0),r([s({type:Boolean})],c.prototype,"header",void 0),c=r([o(p),e(a`:host{${h}--background:var(${n.background});${h}--border-width:.0375em;${h}--border-color:transparent;${h}--border-background:var(${n.passive});${h}--padding:.75em;background:var(${h}--background);border-width:var(${h}--border-width);box-sizing:border-box;color:var(${n.foreground});display:block;flex-shrink:0;overflow:hidden;position:relative}slot{display:block;padding:var(${h}--padding)}:host,slot{border-color:var(${h}--border-background);border-style:solid}[name=footer]{border-top-width:var(${h}--border-width)}[name=header]{border-bottom-width:var(${h}--border-width)}`)],c);var v=c;export{c as Card,v 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-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}[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","background","passive","foreground","Card$1"],"mappings":"2RAOA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAe7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAEEC,KAAMC,QAAG,EAGTD,KAAME,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,mBAEV,CAACN,KAAKE,OAASK,EAAS,UAAY,GAAIA,IAAYP,KAAKC,OAASM,EAAS,UAAY,cAX/FC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAAC,GAGdL,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAAC,GALVhB,EAAIW,EAAA,CAFTM,EAAOpB,GACPqB,EAAOC,CAAG,SAASrB,qBAA4BsB,EAAcC,eAAevB,2BAAkCA,+BAAsCA,4BAAmCsB,EAAcE,YAAYxB,mCAA0CA,mCAA0CA,oDAA2DsB,EAAcG,4GAA4GzB,2CAAkDA,+EAAsFA,0DAAiEA,sBAC9pBE,GAmBN,IAAAwB,EAAexB"}
+{"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,0EAAiFA,0DAAiEA,sBAC/bE,GAyBN,IAAAsB,EAAetB"}

package/components/carousel.d.ts

@@ -6,39 +6,33 @@ import { GlobalStyle } from "../core/global-style.js";
  * When this component is `firstUpdated`,
  * clone the first and last element and make the matching element visible when switching index.
  *
- * Child elements should maintain the same size.
- *
- * If no width, it will be the width of the first element.
- *
  * @slot - Carousel items, should maintain the same size.
  * @fires change - Fires when the index changes.
  * @category display
  */
 declare class Carousel extends GlobalStyle {
     /**
-     * The index of the element is displayed for the first time.
+     * The index of the current item.
      */
     index: number;
     /**
-     * If autoChange > 0, the rotation will be automated.
+     * The duration of the transition.
      */
     autoChange: number;
-    /**
-     * Element width.
-     */
-    width: string;
     protected _moveRoot: HTMLElement;
     intervalID: number;
     private __cloneFirst;
     private __cloneLast;
+    protected _offset: number;
     protected render(): TemplateResult<1>;
+    connectedCallback(): void;
     protected firstUpdated(): Promise<void>;
-    disconnectedCallback(): void;
-    show(i: number): void;
+    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+    show(i: number, n?: boolean): void;
     next(): void;
     prev(): void;
     protected _doTranslateX(xValue: string, noTransition?: boolean): void;
-    checkInterval(): void;
+    normalizeIndex(i: number): number;
 }
 export default Carousel;
 export { 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;AAItD;;;;;;;;;;;;;GAaG;AACH,cAEM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,UAAU,SAAK;IAEf;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,CAAC,SAAS,EAAE,WAAW,CAAC;IAEjC,UAAU,EAAE,MAAM,CAAC;IAEnB,OAAO,CAAC,YAAY,CAA0B;IAE9C,OAAO,CAAC,WAAW,CAA0B;IAE7C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;cAIrB,YAAY,IAAI,OAAO,CAAC,IAAI,CAAC;IAiB7C,oBAAoB,IAAI,IAAI;IAI5B,IAAI,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAKrB,IAAI,IAAI,IAAI;IAUZ,IAAI,IAAI,IAAI;IAUZ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO,GAAG,IAAI;IAQrE,aAAa,IAAI,IAAI;CAUtB;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;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"}

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 r,htmlStyle as n}from"@godown/element";import h from"@godown/f7-icon/icons/chevron-left.js";import l from"@godown/f7-icon/icons/chevron-right.js";import{css as a,html as d}from"lit";import{property as c}from"lit/decorators.js";import{GlobalStyle as p}from"../core/global-style.js";let v=class Carousel extends p{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return d`<div part="root" ${s(this.observedRecord)}><i part="prev" @click="${this.prev}">${h()}</i><div part="move-root" style="transform:${`translateX(-${this.index+1}00%)`}">${r()}</div><i part="next" @click="${this.next}">${l()} </i>${n(`:host,:host([contents]) [part=root]{width:${this.width};}`)}</div>`}async firstUpdated(){await this.updateComplete,this.children.length&&(this.width||=`${this.firstElementChild.offsetWidth}px`,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.show(this.index)),this.checkInterval()}disconnectedCallback(){clearInterval(this.intervalID)}show(t){this.index=t,this.dispatchEvent(new CustomEvent("change",{detail:t,composed:!0}))}next(){this.index===this.childElementCount-3?(this._doTranslateX("0",!0),this.show(0)):this.show(this.index+1),this.checkInterval()}prev(){0===this.index?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1),this.checkInterval()}_doTranslateX(t,e){this._moveRoot.style.transform=`translateX(${t})`,e&&(this._moveRoot.style.transition="none"),this._moveRoot.getBoundingClientRect()}checkInterval(){this.autoChange&&(this.intervalID&&clearInterval(this.intervalID),this.intervalID=setInterval((()=>{this.next()}),this.autoChange))}};t([c({type:Number})],v.prototype,"index",void 0),t([c({type:Number})],v.prototype,"autoChange",void 0),t([c()],v.prototype,"width",void 0),t([e("move-root")],v.prototype,"_moveRoot",void 0),v=t([i("carousel"),o(a`: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}`)],v);var m=v;export{v as Carousel,m as default};
+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};
 //# sourceMappingURL=carousel.js.map

package/components/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":["Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconChevronLeft","htmlSlot","next","iconChevronRight","htmlStyle","width","firstUpdated","updateComplete","children","length","firstElementChild","offsetWidth","__cloneFirst","remove","__cloneLast","cloneNode","lastElementChild","appendChild","insertBefore","show","checkInterval","disconnectedCallback","clearInterval","intervalID","i","dispatchEvent","CustomEvent","detail","composed","childElementCount","_doTranslateX","xValue","noTransition","_moveRoot","style","transform","transition","getBoundingClientRect","setInterval","__decorate","property","type","Number","prototype","undefined","part","godown","styles","css","Carousel$1"],"mappings":"2XA0BA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAKC,MAAG,EAMRD,KAAUE,WAAG,EAiBH,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKL,KAAKM,0CAIAN,KAAKO,SAEbC,iDAIiB,eAAeR,KAAKC,MAAQ,YAE7CQ,mCAIQT,KAAKU,SAEbC,WAEFC,EAAU,6CAA6CZ,KAAKa,mBAK1D,kBAAMC,SACRd,KAAKe,eAEPf,KAAKgB,SAASC,SAChBjB,KAAKa,QAAU,GAAIb,KAAKkB,kBAAkCC,gBAE1DnB,KAAKoB,cAAcC,SACnBrB,KAAKsB,aAAaD,SAClBrB,KAAKsB,YAActB,KAAKkB,kBAAkBK,WAAU,GACpDvB,KAAKoB,aAAepB,KAAKwB,iBAAiBD,WAAU,GACpDvB,KAAKyB,YAAYzB,KAAKsB,aACtBtB,KAAK0B,aAAa1B,KAAKoB,aAAcpB,KAAKkB,mBAC1ClB,KAAK2B,KAAK3B,KAAKC,QAEjBD,KAAK4B,gBAGP,oBAAAC,GACEC,cAAc9B,KAAK+B,YAGrB,IAAAJ,CAAKK,GACHhC,KAAKC,MAAQ+B,EACbhC,KAAKiC,cAAc,IAAIC,YAAY,SAAU,CAAEC,OAAQH,EAAGI,UAAU,KAGtE,IAAA1B,GACMV,KAAKC,QAAUD,KAAKqC,kBAAoB,GAC1CrC,KAAKsC,cAAc,KAAK,GACxBtC,KAAK2B,KAAK,IAEV3B,KAAK2B,KAAK3B,KAAKC,MAAQ,GAEzBD,KAAK4B,gBAGP,IAAArB,GACqB,IAAfP,KAAKC,OACPD,KAAKsC,cAAc,IAAItC,KAAKqC,kBAAoB,QAAQ,GACxDrC,KAAK2B,KAAK3B,KAAKgB,SAASC,OAAS,IAEjCjB,KAAK2B,KAAK3B,KAAKC,MAAQ,GAEzBD,KAAK4B,gBAGG,aAAAU,CAAcC,EAAgBC,GACtCxC,KAAKyC,UAAUC,MAAMC,UAAY,cAAcJ,KAC3CC,IACFxC,KAAKyC,UAAUC,MAAME,WAAa,QAEpC5C,KAAKyC,UAAUI,wBAGjB,aAAAjB,GACM5B,KAAKE,aACHF,KAAK+B,YACPD,cAAc9B,KAAK+B,YAErB/B,KAAK+B,WAAae,aAAY,KAC5B9C,KAAKU,MAAM,GACVV,KAAKE,eAjHZ6C,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACTrD,EAAAsD,UAAA,aAAAC,GAMTL,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJrD,EAAAsD,UAAA,kBAAAC,GAMdL,EAAA,CADCC,KACYnD,EAAAsD,UAAA,aAAAC,GAGHL,EAAA,CADTM,EAAK,cAC0BxD,EAAAsD,UAAA,iBAAAC,GApB5BvD,EAAQkD,EAAA,CAFbO,EAhBiB,YAiBjBC,EAAOC,CAAG,qbACL3D,GA2HN,IAAA4D,EAAe5D"}
+{"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"}

package/components/details.d.ts

@@ -1,5 +1,5 @@
 import { type TemplateResult } from "lit";
-import SuperOpenable from "../core/super-openable.js";
+import { SuperOpenable } from "../core/super-openable.js";
 /**
  * {@linkcode Details} similar to `<details>`.
  *
@@ -10,11 +10,11 @@ import SuperOpenable from "../core/super-openable.js";
  */
 declare class Details extends SuperOpenable {
     /**
-     * If it is true, the summary event scope will fill the element.
+     * Determines whether the details component should fill the available space.
      */
     fill: boolean;
     /**
-     * Summary text.
+     * The summary text to display in the details component.
      */
     summary: string;
     protected render(): TemplateResult<1>;

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,aAAa,MAAM,2BAA2B,CAAC;AAMtD;;;;;;;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,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/dialog.d.ts

@@ -1,6 +1,7 @@
 import { type HandlerEvent } from "@godown/element";
 import { type PropertyValues, type TemplateResult } from "lit";
-import SuperOpenable from "../core/super-openable.js";
+import { SuperOpenable } from "../core/super-openable.js";
+import { type DirectionCardinal, type DirectionCenter, type DirectionCorner } from "../core/direction.js";
 /**
  * {@linkcode Dialog} similar to `<dialog>`.
  *
@@ -13,18 +14,20 @@ import SuperOpenable from "../core/super-openable.js";
  */
 declare class Dialog extends SuperOpenable {
     /**
-     * Direction of the opening animation.
-     * @deprecated
+     * The direction of the dialog container.
      */
-    direction: string;
+    direction: DirectionCardinal | DirectionCorner | DirectionCenter;
     /**
-     * Enable modal, blocking event penetration.
+     * Indicates whether the dialog should be displayed as a modal.
      */
     modal: boolean;
     /**
-     * Close key.
+     * The keys will close the dialog when pressed.
      */
     key: string;
+    /**
+     * Indicates whether the modal has been invoked.
+     */
     private __modalInvoke;
     protected render(): TemplateResult<1>;
     showModal(): 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,aAAa,MAAM,2BAA2B,CAAC;AAKtD;;;;;;;;;GASG;AACH,cAEM,MAAO,SAAQ,aAAa;IAChC;;;OAGG;IACH,SAAS,EAAE,MAAM,CAAC;IAElB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAY;IAEf,OAAO,CAAC,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;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"}

package/components/dialog.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as i,htmlSlot as n}from"@godown/element";import{css as s,html as a}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as r,cssGlobalVars as l}from"../core/global-style.js";import h from"../core/super-openable.js";const p="dialog",m=r(p);let c=class Dialog extends h{constructor(){super(...arguments),this.modal=!1,this.key="Escape",this.__modalInvoke=!1}render(){return a`<div part="root" ${i(this.observedRecord)}><div part="modal"></div><div part="container">${n()}</div></div>`}showModal(){this.modal||(this.modal=!0,this.__modalInvoke=!0),this.show()}updated(t){t.has("open")&&(this.open?(this.__submitEvent=this.events.add(this,"submit",this._handelSubmit),this.key&&(this.__keydownEvent=this.events.add(document,"keydown",this._handleKeydown.bind(this)))):(this.events.remove(this,"submit",this.__submitEvent),this.events.remove(document,"keydown",this.__keydownEvent)))}_handleKeydown(t){const o=this.key.split(/[\s,]/);(o.includes(t.key)||o.includes(t.code))&&(t.preventDefault(),this.close())}_handelSubmit(t){"dialog"===t.target.method&&(t.preventDefault(),this.close())}close(){this.__modalInvoke&&(this.modal=!1,this.__modalInvoke=!1),this.open=!1}};t([d({type:Boolean,reflect:!0})],c.prototype,"modal",void 0),t([d()],c.prototype,"key",void 0),c=t([o(p),e(s`:host{${m}--background:none;${m}--background-modal:var(${l.background});${m}--opacity-modal:0.2;background:var(${m}--background);inset:0;pointer-events:none;position:fixed;visibility:hidden;z-index:1}:host([open]){visibility:visible}:host([open][modal]) [part=modal]{opacity:var(${m}--opacity-modal);pointer-events:all;visibility:visible}[part=modal]{background:var(${m}--background-modal);height:100%;opacity:0;position:absolute;visibility:hidden;width:100%}[part=root]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}[part=container]{pointer-events:all;position:absolute}[direction^=top] [part=container]{top:0}[direction^=bottom] [part=container]{bottom:0}[direction$=right] [part=container]{right:0}[direction$=left] [part=container]{left:0}`)],c);var v=c;export{c as Dialog,v as default};
+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 v=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()],v.prototype,"direction",void 0),t([a({type:Boolean,reflect:!0})],v.prototype,"modal",void 0),t([a()],v.prototype,"key",void 0),v=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;visibility:hidden;z-index:1}:host([open]){visibility:visible}:host([open][modal]) [part=modal]{opacity:var(${m}--opacity-modal);pointer-events:all;visibility:visible}[part=modal]{background:var(${m}--background-modal);height:100%;opacity:0;position:absolute;visibility:hidden;width:100%}[part=root]{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}[part=container]{pointer-events:all;position:absolute}`)],v);var c=v;export{v as Dialog,c 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","type","Boolean","reflect","prototype","undefined","godown","styles","css","cssGlobalVars","background","Dialog$1"],"mappings":"mTAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAc7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAWEC,KAAKC,OAAG,EAMRD,KAAGE,IAAG,SAEEF,KAAaG,eAAG,EAEd,MAAAC,GACR,OAAOC,CAAI,oBAGLC,EAAKN,KAAKO,iEAGYC,kBAK9B,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,IAnEdmB,EAAA,CADCC,EAAS,CAAEC,KAAMC,QAASC,SAAS,KACvBxC,EAAAyC,UAAA,aAAAC,GAMbN,EAAA,CADCC,KACarC,EAAAyC,UAAA,WAAAC,GAjBV1C,EAAMoC,EAAA,CAFXO,EAAO9C,GACP+C,EAAOC,CAAG,SAAS/C,sBAA6BA,2BAAkCgD,EAAcC,eAAejD,uCAA8CA,wKAA+KA,uFAA8FA,6aACraE,GAkFN,IAAAgD,EAAehD"}
+{"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,wKAA+KA,uFAA8FA,iQAEnYE,GA0FN,IAAA+C,EAAe/C"}

package/components/divider.d.ts

@@ -7,7 +7,7 @@ import { GlobalStyle } from "../core/global-style.js";
  */
 declare class Divider extends GlobalStyle {
     /**
-     * Vertical display.
+     * Whether to display the divider vertically.
      */
     vertical: boolean;
     protected render(): TemplateResult<1>;