godown 3.0.0-canary.8 → 3.0.0

package/components/breath.js.map

@@ -1 +1 @@
-{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":[],"mappings":"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"}
+{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":["defineName","cssScope","scopePrefix","Breath","GlobalStyle","render","texts","this","getTexts","html","attr","observedRecord","map","renderText","htmlStyle","_computeStyle","length","text","Array","isArray","textContent","split","filter","x","len","gap","duration","parseDuration","style1","number","endsWith","Number","parseFloat","slice","__decorate","property","prototype","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,oBAAoBC,EAAKH,KAAKI,mBACvC,CAACL,EAAMM,IAAIL,KAAKM,YAAaC,EAAUP,KAAKQ,cAAcT,EAAMU,kBAI1D,UAAAH,CAAWI,GACnB,OAAOR,CAAI,2CACeQ,mCACCA,kBAInB,QAAAT,GACR,OAAOU,MAAMC,QAAQZ,KAAKU,MAAQV,KAAKU,MAAQV,KAAKU,MAAQV,KAAKa,aAAaC,MAAM,OAAOC,QAAQC,GAAMA,IAGjG,aAAAR,CAAcS,GACtB,MAAMC,EAAM,GAAUD,EAChBE,EAAWnB,KAAKoB,iBAAyB,EAANH,EAAU,EACnD,IAAII,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUL,EAAKK,IAAU,CAG5CD,GACE,kBAAkBC,iCAHLH,EAAWF,GAAOA,EAAMK,EAAS,sBAGkC5B,MAAa4B,SAAc5B,OAFrF4B,EAAS,GAAK,EAAK,QAI7C,MAAA,gCACkCH,+BAA4C,EAAND,iBAAuBA,MACrF,EAANA,kBACeG,IAIX,aAAAD,GACR,MAAMD,SAAEA,GAAanB,KACrB,GAAImB,EAAU,CACZ,GAAIA,EAASI,SAAS,KACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAI,IAE9C,GAAIP,EAASI,SAAS,MACpB,OAAOC,OAAOC,WAAWN,EAASO,MAAM,GAAI,IAAM,OAlDxDC,EAAA,CADCC,KACsBhC,EAAAiC,UAAA,YAAA,GAMvBF,EAAA,CADCC,KACehC,EAAAiC,UAAA,gBAAA,GAbZjC,EAAM+B,EAAA,CANXG,EAAOrC,GACPsC,EACCC,CAAG,SAAStC,gBAAuBA,cAAqBuC,EAAcC,QAAQC,IAAI,OAAOzC,cAAqBuC,EAAcC,QAAQE,OAAO,OAAO1C,cAAqBuC,EAAcC,QAAQG,MAAM,OAAO3C,cAAqBuC,EAAcC,QAAQI,OAAO,OAAO5C,cAAqBuC,EAAcC,QAAQK,KAAK,OAAO7C,cAAqBuC,EAAcC,QAAQM,KAAK,OAAO9C,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YAAmBA,4BAAmCA,eAAsBA,eAAsBA,YACpoBsC,CAAG,qSACHA,CAAG,ySAA4SC,EAAcQ,qBAEzT7C,GA+DN,IAAA8C,EAAe9C"}

package/components/button.d.ts

@@ -1,9 +1,17 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
-declare const colors: Record<"teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "black" | "gray" | "white", string>;
+type Colors = "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black";
+declare const colors: Record<Colors, string>;
 /**
  * {@linkcode Button} renders a button.
  *
- * Color defaults to black.
+ * Create modal animation upon clicking.
+ *
+ * Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
+ *
+ * Default color is `black`.
+ *
+ * Set the color to `none` to prevent applying styles.
  *
  * @category input
  */
@@ -13,7 +21,7 @@ declare class Button extends GlobalStyle {
      */
     disabled: boolean;
     /**
-     * Invert font and background color.
+     * Display ghost.
      */
     ghost: boolean;
     /**
@@ -21,7 +29,7 @@ declare class Button extends GlobalStyle {
      */
     active: boolean;
     /**
-     * Enables rounded corners to appear capsule shaped.
+     * Display rounded.
      */
     round: boolean;
     /**
@@ -29,18 +37,19 @@ declare class Button extends GlobalStyle {
      */
     color: "none" | keyof typeof colors;
     /**
-     * Text inside.
+     * Content text.
      */
-    text: string;
-    _modalRoot: HTMLElement;
-    _root: HTMLElement;
-    protected render(): (symbol | import("lit").TemplateResult<1>)[];
+    content: string;
+    protected _modalRoot: HTMLElement;
+    protected _root: HTMLElement;
+    protected render(): TemplateResult<1>;
     focus(): void;
     blur(): void;
     firstUpdated(): void;
     protected _handelClick(e: MouseEvent): void;
     protected _handleModal(e: MouseEvent): void;
-    nextColor(): "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "black" | "gray" | "white" | "none";
+    nextColor(): Colors | "none";
 }
 export default Button;
+export { Button };
 //# sourceMappingURL=button.d.ts.map

package/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AASA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAQlF,QAAA,MAAM,MAAM,0HA6DX,CAAC;AAEF;;;;;;GAMG;AACH,cAKM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IAEH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC9C;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,UAAU,EAAE,WAAW,CAAC;IAExB,KAAK,EAAE,WAAW,CAAC;IAEnB,SAAS,CAAC,MAAM;IAQhB,KAAK;IAQL,IAAI;IAKJ,YAAY;IAIZ,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IASpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAepC,SAAS;CAGV;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,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"}

package/components/button.js

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

package/components/card.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Card} renders a card.
@@ -11,10 +12,10 @@ import { GlobalStyle } from "../core/global-style.js";
  * @category display
  */
 declare class Card extends GlobalStyle {
-    shadow: "none" | "always" | "hover";
     footer: boolean;
     header: boolean;
-    protected render(): (string | import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
+    protected render(): TemplateResult<1>;
 }
 export default Card;
+export { Card };
 //# sourceMappingURL=card.d.ts.map

package/components/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AAMA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAOlF;;;;;;;;;;GAUG;AACH,cAIM,IAAK,SAAQ,WAAW;IAE5B,MAAM,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAW;IAG9C,MAAM,UAAS;IAEf,MAAM,UAAS;IAEf,SAAS,CAAC,MAAM;CAQjB;AAED,eAAe,IAAI,CAAC"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAOlF;;;;;;;;;;GAUG;AACH,cAIM,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"}

package/components/card.js

@@ -1,54 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { styles } from '@godown/element/decorators/styles.js';
-import { htmlSlot } from '@godown/element/directives/html-slot.js';
-import { css, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
-
-const protoName = "card";
-const cssScope = scopePrefix(protoName);
-/**
- * {@linkcode Card} renders a card.
- *
- * This may be similar to {@linkcode Layout},
- * but it needs to be specified to enable header and footer.
- *
- * @slot - The main content of the card.
- * @slot header - The header of the card.
- * @slot footer - The footer of the card.
- * @category display
- */
-let Card = class Card extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        this.shadow = "hover";
-        this.footer = false;
-        this.header = false;
-    }
-    render() {
-        const hr = html `<hr part="divider">`;
-        return [
-            this.header ? [htmlSlot("header"), hr] : "",
-            htmlSlot(),
-            this.footer ? [hr, htmlSlot("footer")] : "",
-        ];
-    }
-};
-__decorate([
-    property({ reflect: true })
-], Card.prototype, "shadow", void 0);
-__decorate([
-    property({ type: Boolean })
-], Card.prototype, "footer", void 0);
-__decorate([
-    property({ type: Boolean })
-], Card.prototype, "header", void 0);
-Card = __decorate([
-    godown(protoName),
-    styles(css `:host{${cssScope}--shadow-width:.0375em;${cssScope}--shadow-color:transparent;${cssScope}--background:var(${cssGlobalVars.background});${cssScope}--divider-width:100%;${cssScope}--divider-height:var(${cssScope}--shadow-width);${cssScope}--divider-background:var(${cssGlobalVars.passive});${cssScope}--padding:.75em;color:var(${cssGlobalVars.foreground});background:var(${cssScope}--background);display:block;flex-shrink:0;position:relative;overflow:hidden;box-sizing:border-box;border-radius:.25em;transition:box-shadow .1s ease-in-out}:host([shadow=always]),:host([shadow=hover]:hover){${cssScope}--shadow-color:var(${cssScope}--divider-background);box-shadow:inset 0 0 0 var(${cssScope}--shadow-width) var(${cssScope}--shadow-color)}[part=divider]{margin:auto;width:var(${cssScope}--divider-width);height:var(${cssScope}--divider-height);background:var(${cssScope}--divider-background)}slot{display:block;padding:var(${cssScope}--padding)}`)
-], Card);
-var Card$1 = Card;
-
-export { Card$1 as default };
+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;color:var(${n.foreground});background:var(${h}--background);border-width:var(${h}--border-width);display:block;flex-shrink:0;position:relative;overflow:hidden;box-sizing:border-box}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};
 //# sourceMappingURL=card.js.map

package/components/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAUA,MAAM,SAAS,GAAG,MAAM;AACxB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;;;AAUE;AAKF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;QAEE,IAAM,CAAA,MAAA,GAAgC,OAAO;QAG7C,IAAM,CAAA,MAAA,GAAG,KAAK;QAEd,IAAM,CAAA,MAAA,GAAG,KAAK;;IAEJ,MAAM,GAAA;AACd,QAAA,MAAM,EAAE,GAAG,IAAI,CAAA,qBAAqB;QACpC,OAAO;AACL,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,GAAG,EAAE;AAC3C,YAAA,QAAQ,EAAE;AACV,YAAA,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,GAAG,EAAE;SAC5C;;CAEL;AAfE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE;AACkB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAG7C,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAEd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAPV,IAAI,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAA,MAAA,EAAS,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,CAA8B,2BAAA,EAAA,QAAQ,CAAoB,iBAAA,EAAA,aAAa,CAAC,UAAU,CAAA,EAAA,EAAK,QAAQ,CAAA,qBAAA,EAAwB,QAAQ,CAAA,qBAAA,EAAwB,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAA4B,yBAAA,EAAA,aAAa,CAAC,OAAO,KAAK,QAAQ,CAAA,0BAAA,EAA6B,aAAa,CAAC,UAAU,oBAAoB,QAAQ,CAAA,+MAAA,EAAuN,QAAQ,CAAA,mBAAA,EAAsB,QAAQ,CAAA,iDAAA,EAAsD,QAAQ,CAAuB,oBAAA,EAAA,QAAQ,CAA0D,qDAAA,EAAA,QAAQ,CAA+B,4BAAA,EAAA,QAAQ,oCAAoC,QAAQ,CAAA,qDAAA,EAAwD,QAAQ,CAAA,WAAA,CAAa;AAEv7B,CAAA,EAAA,IAAI,CAiBV;AAEA,aAAe,IAAI;;;;"}
+{"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","godown","styles","css","cssGlobalVars","background","passive","foreground","Card$1"],"mappings":"2RAQA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAiB7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAEEC,KAAMC,QAAG,EAGTD,KAAME,QAAG,EAEC,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKL,KAAKM,mBACrC,CAACN,KAAKE,OAASK,EAAS,UAAY,GAAIA,IAAYP,KAAKC,OAASM,EAAS,UAAY,cAP7FC,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAA,GAGdJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACJd,EAAAe,UAAA,cAAA,GALVf,EAAIW,EAAA,CAJTK,EAAOnB,GACPoB,EACCC,CAAG,SAASpB,qBAA4BqB,EAAcC,eAAetB,2BAAkCA,+BAAsCA,4BAAmCqB,EAAcE,YAAYvB,8BAAqCqB,EAAcG,8BAA8BxB,mCAA0CA,uIAA8IA,2CAAkDA,+EAAsFA,0DAAiEA,sBAExpBE,GAcN,IAAAuB,EAAevB"}

package/components/carousel.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Carousel} make the content display as a carousel.
@@ -9,6 +10,8 @@ import { GlobalStyle } from "../core/global-style.js";
  *
  * If no width, it will be the width of the first element.
  *
+ * @slot - Carousel items, should maintain the same size.
+ * @fires change - Fired when the index changes.
  * @category display
  */
 declare class Carousel extends GlobalStyle {
@@ -24,17 +27,19 @@ declare class Carousel extends GlobalStyle {
      * Element width.
      */
     width: string;
-    _moveRoot: HTMLElement;
-    intervalID: number;
-    _cloneFirst: HTMLElement | undefined;
-    _cloneLast: HTMLElement | undefined;
-    protected render(): (symbol | import("lit").TemplateResult<1>)[];
+    protected _moveRoot: HTMLElement;
+    protected intervalID: number;
+    private _cloneFirst;
+    private _cloneLast;
+    protected render(): TemplateResult<1>;
     protected firstUpdated(): Promise<void>;
     disconnectedCallback(): void;
     show(i: number): void;
     next(): void;
     prev(): void;
     protected _doTranslateX(xValue: string, noTransition?: boolean): void;
+    checkInterval(): void;
 }
 export default Carousel;
+export { Carousel };
 //# sourceMappingURL=carousel.d.ts.map

package/components/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAUA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;GAWG;AACH,cAIM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,KAAK,SAAK;IACV;;OAEG;IAEH,UAAU,SAAK;IACf;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAGd,SAAS,EAAE,WAAW,CAAC;IAEvB,UAAU,EAAE,MAAM,CAAC;IAEnB,WAAW,EAAE,WAAW,GAAG,SAAS,CAAC;IAErC,UAAU,EAAE,WAAW,GAAG,SAAS,CAAC;IAEpC,SAAS,CAAC,MAAM;cAOA,YAAY;IAqB5B,oBAAoB;IAIpB,IAAI,CAAC,CAAC,EAAE,MAAM;IAId,IAAI;IASJ,IAAI;IASJ,SAAS,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,OAAO;CAO/D;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["../src/components/carousel.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;;;;;;;;;;GAaG;AACH,cAIM,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,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAE7B,OAAO,CAAC,WAAW,CAA0B;IAE7C,OAAO,CAAC,UAAU,CAA0B;IAE5C,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"}

package/components/carousel.js

@@ -1,113 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { part } from '@godown/element/decorators/part.js';
-import { styles } from '@godown/element/decorators/styles.js';
-import { htmlSlot } from '@godown/element/directives/html-slot.js';
-import { htmlStyle } from '@godown/element/directives/html-style.js';
-import iconChevronLeft from '@godown/f7-icon/icons/chevron-left.js';
-import iconChevronRight from '@godown/f7-icon/icons/chevron-right.js';
-import { css, html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { GlobalStyle } from '../core/global-style.js';
-
-const protoName = "carousel";
-/**
- * {@linkcode Carousel} make the content display as a carousel.
- *
- * 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.
- *
- * @category display
- */
-let Carousel = class Carousel extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        /**
-         * The index of the element is displayed for the first time.
-         */
-        this.index = 0;
-        /**
-         * If autoChange > 0, the rotation will be automated.
-         */
-        this.autoChange = 0;
-    }
-    render() {
-        return [
-            html `<div part="root"><i part="prev" @click="${this.prev}">${iconChevronLeft()}</i><div part="move-root" style="transform:${`translateX(-${this.index + 1}00%)`}">${htmlSlot()}</div><i part="next" @click="${this.next}">${iconChevronRight()}</i></div>`,
-            htmlStyle(`:host{width:${this.width};}`),
-        ];
-    }
-    async firstUpdated() {
-        await this.updateComplete;
-        if (this.children.length) {
-            this.width ||= `${this.firstElementChild.offsetWidth}px`;
-            this._cloneFirst?.remove();
-            this._cloneLast?.remove();
-            this._cloneLast = this.firstElementChild.cloneNode(true);
-            this._cloneFirst = this.lastElementChild.cloneNode(true);
-            this.appendChild(this._cloneLast);
-            this.insertBefore(this._cloneFirst, this.firstElementChild);
-            this.show(this.index);
-        }
-        if (this.autoChange) {
-            this.intervalID = window.setInterval(() => {
-                this.next();
-            }, this.autoChange);
-        }
-    }
-    disconnectedCallback() {
-        clearInterval(this.intervalID);
-    }
-    show(i) {
-        this.index = i;
-    }
-    next() {
-        if (this.index === this.childElementCount - 3) {
-            this._doTranslateX("0", true);
-            this.show(0);
-        }
-        else {
-            this.show(this.index + 1);
-        }
-    }
-    prev() {
-        if (this.index === 0) {
-            this._doTranslateX(`-${this.childElementCount - 1}00%`, true);
-            this.show(this.children.length - 3);
-        }
-        else {
-            this.show(this.index - 1);
-        }
-    }
-    _doTranslateX(xValue, noTransition) {
-        this._moveRoot.style.transform = `translateX(${xValue})`;
-        if (noTransition) {
-            this._moveRoot.style.transition = `none`;
-        }
-        this._moveRoot.getBoundingClientRect();
-    }
-};
-__decorate([
-    property({ type: Number })
-], Carousel.prototype, "index", void 0);
-__decorate([
-    property({ type: Number })
-], Carousel.prototype, "autoChange", void 0);
-__decorate([
-    property()
-], Carousel.prototype, "width", void 0);
-__decorate([
-    part("move-root")
-], Carousel.prototype, "_moveRoot", void 0);
-Carousel = __decorate([
-    godown(protoName),
-    styles(css `:host{display:block;transition:.3s}[part=root]{overflow:hidden}[part=move-root],[part=root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=next],[part=prev]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)
-], Carousel);
-var Carousel$1 = Carousel;
-
-export { Carousel$1 as default };
+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]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=next],[part=prev]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[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};
 //# sourceMappingURL=carousel.js.map

package/components/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["../src/components/carousel.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;;AAYA,MAAM,SAAS,GAAG,UAAU;AAE5B;;;;;;;;;;;AAWE;AAKF,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,WAAW,CAAA;AAAlC,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAK,CAAA,KAAA,GAAG,CAAC;AACT;;AAEE;QAEF,IAAU,CAAA,UAAA,GAAG,CAAC;;IAgBJ,MAAM,GAAA;QACd,OAAO;YACL,IAAI,CAAA,CACuB,wCAAA,EAAA,IAAI,CAAC,IAAI,CAAK,EAAA,EAAA,eAAe,EAAE,CAAA,2CAAA,EACf,CAAe,YAAA,EAAA,IAAI,CAAC,KAAK,GAAG,CAAC,CAAA,IAAA,CAAM,CAAK,EAAA,EAAA,QAAQ,EAAE,CAAA,6BAAA,EAClE,IAAI,CAAC,IAAI,CAAA,EAAA,EAAK,gBAAgB,EAAE,CACtD,UAAA,CAAA;AACL,YAAA,SAAS,CAAC,CAAe,YAAA,EAAA,IAAI,CAAC,KAAK,IAAI,CAAC;SACzC;;AAGO,IAAA,MAAM,YAAY,GAAA;QAC1B,MAAM,IAAI,CAAC,cAAc;AAEzB,QAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YACxB,IAAI,CAAC,KAAK,KAAK,CAAI,EAAA,IAAI,CAAC,iBAAiC,CAAC,WAAW,CAAA,EAAA,CAAI;AAEzE,YAAA,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE;AAC1B,YAAA,IAAI,CAAC,UAAU,EAAE,MAAM,EAAE;YACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,IAAI,CAAgB;YACvE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC,IAAI,CAAgB;AACvE,YAAA,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC;YACjC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,iBAAiB,CAAC;AAC3D,YAAA,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC;;AAEvB,QAAA,IAAI,IAAI,CAAC,UAAU,EAAE;YACnB,IAAI,CAAC,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC,MAAK;gBACxC,IAAI,CAAC,IAAI,EAAE;AACb,aAAC,EAAE,IAAI,CAAC,UAAU,CAAC;;;IAIvB,oBAAoB,GAAA;AAClB,QAAA,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC;;AAGhC,IAAA,IAAI,CAAC,CAAS,EAAA;AACZ,QAAA,IAAI,CAAC,KAAK,GAAG,CAAC;;IAGhB,IAAI,GAAA;QACF,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,iBAAiB,GAAG,CAAC,EAAE;AAC7C,YAAA,IAAI,CAAC,aAAa,CAAC,GAAG,EAAE,IAAI,CAAC;AAC7B,YAAA,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;;aACP;YACL,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;;;IAI7B,IAAI,GAAA;AACF,QAAA,IAAI,IAAI,CAAC,KAAK,KAAK,CAAC,EAAE;AACpB,YAAA,IAAI,CAAC,aAAa,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,iBAAiB,GAAG,CAAC,CAAA,GAAA,CAAK,EAAE,IAAI,CAAC;YAC7D,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC;;aAC9B;YACL,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC;;;IAInB,aAAa,CAAC,MAAc,EAAE,YAAsB,EAAA;QAC5D,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,CAAA,WAAA,EAAc,MAAM,CAAA,CAAA,CAAG;QACxD,IAAI,YAAY,EAAE;YAChB,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM;;AAE1C,QAAA,IAAI,CAAC,SAAS,CAAC,qBAAqB,EAAE;;CAE1C;AAtFE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACjB,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAKT,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACZ,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,YAAA,EAAA,KAAA,CAAA,CAAA;AAKd,UAAA,CAAA;AADC,IAAA,QAAQ;AACI,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAGb,UAAA,CAAA;IADC,IAAI,CAAC,WAAW;AACK,CAAA,EAAA,QAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAlBlB,QAAQ,GAAA,UAAA,CAAA;IAJb,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,kaAAA,CAAmb;AAElb,CAAA,EAAA,QAAQ,CA2Fd;AAEA,iBAAe,QAAQ;;;;"}
+{"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","part","godown","styles","css","Carousel$1"],"mappings":"2XA4BA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAKC,MAAG,EAMRD,KAAUE,WAAG,EAiBH,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKL,KAAKM,0CACdN,KAAKO,SAAUC,iDACC,eAAeR,KAAKC,MAAQ,YAAYQ,mCACxDT,KAAKU,SAAUC,WACtCC,EAAU,6CAA6CZ,KAAKa,mBAIxD,kBAAMC,SACRd,KAAKe,eAEPf,KAAKgB,SAASC,SAChBjB,KAAKa,QAAU,GAAIb,KAAKkB,kBAAkCC,gBAE1DnB,KAAKoB,aAAaC,SAClBrB,KAAKsB,YAAYD,SACjBrB,KAAKsB,WAAatB,KAAKkB,kBAAkBK,WAAU,GACnDvB,KAAKoB,YAAcpB,KAAKwB,iBAAiBD,WAAU,GACnDvB,KAAKyB,YAAYzB,KAAKsB,YACtBtB,KAAK0B,aAAa1B,KAAKoB,YAAapB,KAAKkB,mBACzClB,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,eA7FZ6C,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACTrD,EAAAsD,UAAA,aAAA,GAMTJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJrD,EAAAsD,UAAA,kBAAA,GAMdJ,EAAA,CADCC,KACYnD,EAAAsD,UAAA,aAAA,GAGHJ,EAAA,CADTK,EAAK,cAC0BvD,EAAAsD,UAAA,iBAAA,GApB5BtD,EAAQkD,EAAA,CAJbM,EAhBiB,YAiBjBC,EACCC,CAAG,qbAEC1D,GAuGN,IAAA2D,EAAe3D"}