godown 3.0.0-canary.12 → 3.0.0-canary.14

package/components/button.js

@@ -1,186 +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 { attr } from '@godown/element/directives/attr.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.white;
-const blackFont = cssGlobalVars.black;
-const colors = constructCSSObject(["color", "background", "gradients"].map((k) => `${cssScope}--${k}`), {
-    black: [
-        whiteFont, // color
-        cssGlobalVars._colors.darkgray[7], // background
-        cssGlobalVars._colors.darkgray[5], // 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.
- *
- * 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
- */
-let Button = class Button extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        /**
-         * Whether to disable this element.
-         */
-        this.disabled = false;
-        /**
-         * Display ghost.
-         */
-        this.ghost = false;
-        /**
-         * Whether this element is active or not.
-         */
-        this.active = false;
-        /**
-         * Display rounded.
-         */
-        this.round = false;
-        /**
-         * The primary color.
-         */
-        this.color = "black";
-    }
-    render() {
-        const color = this.nextColor();
-        return html `<div part="root" ${attr(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content || htmlSlot(), htmlStyle(colors[color])]}</div></div>`;
-    }
-    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, "content", 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:min(calc(var(${cssScope}--padding-x) / 2),.25em);${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}: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(${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,.1)}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{godown as t}from"@godown/element/decorators/godown.js";import{part as r}from"@godown/element/decorators/part.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as i}from"@godown/element/directives/attr.js";import{htmlSlot as a}from"@godown/element/directives/html-slot.js";import{htmlStyle as n}from"@godown/element/directives/html-style.js";import{constructCSSObject as s,toVar as l}from"@godown/element/tools/css.js";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 m}from"../core/global-style.js";const u="button",v=h(u),f=g.white,y=g.black,b=s(["color","background","gradients"].map((o=>`${v}--${o}`)),{black:[f,g._colors.darkgray[7],g._colors.darkgray[5]],gray:[f,g._colors.darkgray[1],g._colors.lightgray[8]],white:[y,g._colors.lightgray[3],g._colors.lightgray[0]],blue:[f,g._colors.blue[6],g._colors.blue[4]],green:[f,g._colors.green[6],g._colors.green[4]],red:[f,g._colors.red[6],g._colors.red[4]],orange:[f,g._colors.orange[6],g._colors.orange[4]],pink:[f,g._colors.pink[6],g._colors.pink[4]],purple:[f,g._colors.purple[6],g._colors.purple[4]],yellow:[y,g._colors.yellow[6],g._colors.yellow[4]],teal:[f,g._colors.teal[6],g._colors.teal[4]]},(()=>":host"),(o=>l(o)));let $=class Button extends m{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" ${i(this.observedRecord)}><span part="modal-root"></span><div part="content">${[this.content||a(),n(b[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.getBoundingClientRect(),e=r.height,i=r.width,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([r("modal-root")],$.prototype,"_modalRoot",void 0),o([r("root")],$.prototype,"_root",void 0),$=o([t(u),e(d`:host(:not([disabled]):active){transform:scale(var(${v}--focus-scale))}:host([round]){${v}--padding-x:.75em;border-radius:calc(infinity * 1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([ghost]){${v}--modal-background:var(${v}--ghost-color);box-shadow:inset 0 0 0 var(${v}--ghost-width) var(${v}--ghost-color);color:var(${v}--ghost-color);background:0 0}`,d`:host{${v}--padding-x:.5em;${v}--padding-y:min(calc(var(${v}--padding-x) / 2),.25em);${v}--padding:var(${v}--padding-y) var(${v}--padding-x);${v}--modal-animation-duration:1s;${v}--ghost-width:.08em;${v}--focus-scale:.97;${v}--deg:45deg;${v}--ghost-color:var(${v}--background);color:var(${v}--color,inherit);background:linear-gradient(var(${v}--deg),var(${v}--background),var(${v}--gradients,var(${v}--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(${v}--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(${v}--modal-background,currentColor);animation-duration:var(${v}--modal-animation-duration)}@keyframes kf{0%{transform:scale(0) translate(-50%,-50%);opacity:var(${v}--modal-opacity,.1)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],$);var _=$;export{_ 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","getBoundingClientRect","h","height","w","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.js

@@ -1,50 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown } from '@godown/element/decorators/godown.js';
-import { styles } from '@godown/element/decorators/styles.js';
-import { attr } from '@godown/element/directives/attr.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.footer = false;
-        this.header = false;
-    }
-    render() {
-        return html `<div part="root" ${attr(this.observedRecord)}>${[
-            this.header ? htmlSlot("header") : "",
-            htmlSlot(),
-            this.footer ? htmlSlot("footer") : "",
-        ]}</div>`;
-    }
-};
-__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}--background:var(${cssGlobalVars.background});${cssScope}--border-width:.0375em;${cssScope}--border-color:transparent;${cssScope}--border-background:var(${cssGlobalVars.passive});${cssScope}--padding:.75em;color:var(${cssGlobalVars.foreground});background:var(${cssScope}--background);border-width:var(${cssScope}--border-width);display:block;flex-shrink:0;position:relative;overflow:hidden;box-sizing:border-box}slot{display:block;padding:var(${cssScope}--padding)}:host,slot{border-color:var(${cssScope}--border-background);border-style:solid}[name=footer]{border-top-width:var(${cssScope}--border-width)}[name=header]{border-bottom-width:var(${cssScope}--border-width)}`)
-], Card);
-var Card$1 = Card;
-
-export { Card$1 as default };
+import{__decorate as o}from"tslib";import{godown as r}from"@godown/element/decorators/godown.js";import{styles as e}from"@godown/element/decorators/styles.js";import{attr as t}from"@godown/element/directives/attr.js";import{htmlSlot as d}from"@godown/element/directives/html-slot.js";import{css as a,html as i}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as n,cssGlobalVars as l,GlobalStyle as b}from"../core/global-style.js";const m="card",p=n(m);let c=class Card extends b{constructor(){super(...arguments),this.footer=!1,this.header=!1}render(){return i`<div part="root" ${t(this.observedRecord)}>${[this.header?d("header"):"",d(),this.footer?d("footer"):""]}</div>`}};o([s({type:Boolean})],c.prototype,"footer",void 0),o([s({type:Boolean})],c.prototype,"header",void 0),c=o([r(m),e(a`:host{${p}--background:var(${l.background});${p}--border-width:.0375em;${p}--border-color:transparent;${p}--border-background:var(${l.passive});${p}--padding:.75em;color:var(${l.foreground});background:var(${p}--background);border-width:var(${p}--border-width);display:block;flex-shrink:0;position:relative;overflow:hidden;box-sizing:border-box}slot{display:block;padding:var(${p}--padding)}:host,slot{border-color:var(${p}--border-background);border-style:solid}[name=footer]{border-top-width:var(${p}--border-width)}[name=header]{border-bottom-width:var(${p}--border-width)}`)],c);var h=c;export{h 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":";;;;;;;;;AAWA,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,GAAG,KAAK;QAGd,IAAM,CAAA,MAAA,GAAG,KAAK;;IAEJ,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CACtD,CAAA,EAAA;AACA,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;AACrC,YAAA,QAAQ,EAAE;AACV,YAAA,IAAI,CAAC,MAAM,GAAG,QAAQ,CAAC,QAAQ,CAAC,GAAG,EAAE;AACtC,SAAA,CAAA,MAAA,CACM;;CAEX;AAdE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAGd,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AALV,IAAI,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,oBAAoB,aAAa,CAAC,UAAU,CAAA,EAAA,EAAK,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,8BAA8B,QAAQ,CAAA,wBAAA,EAA2B,aAAa,CAAC,OAAO,CAAK,EAAA,EAAA,QAAQ,6BAA6B,aAAa,CAAC,UAAU,CAAA,iBAAA,EAAoB,QAAQ,CAAkC,+BAAA,EAAA,QAAQ,CAAsI,mIAAA,EAAA,QAAQ,0CAA0C,QAAQ,CAAA,2EAAA,EAA8E,QAAQ,CAAyD,sDAAA,EAAA,QAAQ,kBAAkB;AAElrB,CAAA,EAAA,IAAI,CAgBV;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":"ucAWA,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,mBACvC,CACAN,KAAKE,OAASK,EAAS,UAAY,GACnCA,IACAP,KAAKC,OAASM,EAAS,UAAY,cAVvCC,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,GAkBN,IAAAuB,EAAevB"}

package/components/carousel.js

@@ -1,120 +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 { attr } from '@godown/element/directives/attr.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.
- *
- * @slot - Carousel items, should maintain the same size.
- * @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" ${attr(this.observedRecord)}><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>${htmlStyle(`:host,:host([contents]) [part=root]{width:${this.width};}`)}</div>`;
-    }
-    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);
-        }
-        this.checkInterval();
-    }
-    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);
-        }
-        this.checkInterval();
-    }
-    prev() {
-        if (this.index === 0) {
-            this._doTranslateX(`-${this.childElementCount - 1}00%`, true);
-            this.show(this.children.length - 3);
-        }
-        else {
-            this.show(this.index - 1);
-        }
-        this.checkInterval();
-    }
-    _doTranslateX(xValue, noTransition) {
-        this._moveRoot.style.transform = `translateX(${xValue})`;
-        if (noTransition) {
-            this._moveRoot.style.transition = `none`;
-        }
-        this._moveRoot.getBoundingClientRect();
-    }
-    checkInterval() {
-        if (this.autoChange) {
-            if (this.intervalID) {
-                clearInterval(this.intervalID);
-            }
-            this.intervalID = window.setInterval(() => {
-                this.next();
-            }, this.autoChange);
-        }
-    }
-};
-__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]{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}`)
-], Carousel);
-var Carousel$1 = Carousel;
-
-export { Carousel$1 as default };
+import{__decorate as t}from"tslib";import{godown as e}from"@godown/element/decorators/godown.js";import{part as o}from"@godown/element/decorators/part.js";import{styles as i}from"@godown/element/decorators/styles.js";import{attr as s}from"@godown/element/directives/attr.js";import{htmlSlot as r}from"@godown/element/directives/html-slot.js";import{htmlStyle as n}from"@godown/element/directives/html-style.js";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 m}from"../core/global-style.js";let p=class Carousel extends m{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}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=window.setInterval((()=>{this.next()}),this.autoChange))}};t([c({type:Number})],p.prototype,"index",void 0),t([c({type:Number})],p.prototype,"autoChange",void 0),t([c()],p.prototype,"width",void 0),t([o("move-root")],p.prototype,"_moveRoot",void 0),p=t([e("carousel"),i(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}`)],p);var v=p;export{v 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":"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"}
+{"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","childElementCount","_doTranslateX","xValue","noTransition","_moveRoot","style","transform","transition","getBoundingClientRect","window","setInterval","__decorate","property","type","Number","prototype","part","godown","styles","css","Carousel$1"],"mappings":"6oBAgCA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAKC,MAAG,EAMRD,KAAUE,WAAG,EAiBH,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKL,KAAKM,0CACdN,KAAKO,SAC1BC,iDAEqC,eAAeR,KAAKC,MAAQ,YACjEQ,mCAEqBT,KAAKU,SAC1BC,WAEFC,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,EAGf,IAAAtB,GACMV,KAAKC,QAAUD,KAAKiC,kBAAoB,GAC1CjC,KAAKkC,cAAc,KAAK,GACxBlC,KAAK2B,KAAK,IAEV3B,KAAK2B,KAAK3B,KAAKC,MAAQ,GAEzBD,KAAK4B,gBAGP,IAAArB,GACqB,IAAfP,KAAKC,OACPD,KAAKkC,cAAc,IAAIlC,KAAKiC,kBAAoB,QAAQ,GACxDjC,KAAK2B,KAAK3B,KAAKgB,SAASC,OAAS,IAEjCjB,KAAK2B,KAAK3B,KAAKC,MAAQ,GAEzBD,KAAK4B,gBAGG,aAAAM,CAAcC,EAAgBC,GACtCpC,KAAKqC,UAAUC,MAAMC,UAAY,cAAcJ,KAC3CC,IACFpC,KAAKqC,UAAUC,MAAME,WAAa,QAEpCxC,KAAKqC,UAAUI,wBAGjB,aAAAb,GACM5B,KAAKE,aACHF,KAAK+B,YACPD,cAAc9B,KAAK+B,YAErB/B,KAAK+B,WAAaW,OAAOC,aAAY,KACnC3C,KAAKU,MAAM,GACVV,KAAKE,eAlGZ0C,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACTlD,EAAAmD,UAAA,aAAA,GAMTJ,EAAA,CADCC,EAAS,CAAEC,KAAMC,UACJlD,EAAAmD,UAAA,kBAAA,GAMdJ,EAAA,CADCC,KACYhD,EAAAmD,UAAA,aAAA,GAGHJ,EAAA,CADTK,EAAK,cAC0BpD,EAAAmD,UAAA,iBAAA,GApB5BnD,EAAQ+C,EAAA,CAJbM,EAfiB,YAgBjBC,EACCC,CAAG,qbAECvD,GA4GN,IAAAwD,EAAexD"}

package/components/details.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 { attr } from '@godown/element/directives/attr.js';
-import { htmlSlot } from '@godown/element/directives/html-slot.js';
-import svgCaretDown from '@godown/f7-icon/icons/chevron-down.js';
-import { css, html } from 'lit';
-import { property, query } from 'lit/decorators.js';
-import { scopePrefix } from '../core/global-style.js';
-import SuperOpenable from '../core/super-openable.js';
-
-const protoName = "details";
-const cssScope = scopePrefix(protoName);
-/**
- * {@linkcode Details} similar to `<details>`.
- *
- * @slot summary - Details summary if no `summary` is provided.
- * @slot - Details content.
- * @fires change - Fired when the details is toggled.
- * @category display
- */
-let Details = class Details extends SuperOpenable {
-    constructor() {
-        super(...arguments);
-        /**
-         * If it is true, the summary event scope will fill the element.
-         */
-        this.fill = false;
-        /**
-         * Summary text.
-         */
-        this.summary = "";
-    }
-    render() {
-        return html `<dl part="root" ${attr(this.observedRecord)}><dt part="title" @click="${this._handelClick}"><span part="summary">${this.summary || htmlSlot("summary")} </span><span><i part="icon">${svgCaretDown()}</i></span></dt><dd part="details" @click="${this.fill ? () => this.toggle() : null}"><div style="min-height:0">${htmlSlot()}</div></dd></dl>`;
-    }
-};
-__decorate([
-    property({ type: Boolean })
-], Details.prototype, "fill", void 0);
-__decorate([
-    property()
-], Details.prototype, "summary", void 0);
-__decorate([
-    query("dd")
-], Details.prototype, "_dd", void 0);
-Details = __decorate([
-    godown(protoName),
-    styles(css `:host{${cssScope}--icon-deg-open:0deg;${cssScope}--icon-deg-close:90deg;${cssScope}--icon-deg:0deg;${cssScope}--icon-space:0.3em;${cssScope}--summary-direction:row;${cssScope}--transition:.3s;height:-moz-fit-content;height:fit-content;display:block;transition:var(${cssScope}--transition)}dl{height:100%;position:relative;overflow:hidden}dt{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;background:inherit;align-items:center;flex-direction:var(${cssScope}--summary-direction)}dd{display:grid;overflow:hidden;grid-template-rows:0fr;transition:var(${cssScope}--transition);transition-property:grid-template-rows}i{display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:var(${cssScope}--icon-space);transition:var(${cssScope}--transition);transform:rotate(var(${cssScope}--icon-deg))}:host([open]) dd{grid-template-rows:1fr}:host([float]) dd{top:100%;position:absolute}i{transform:rotate(var(${cssScope}--icon-deg-close))}:host([open]) i{transform:rotate(var(${cssScope}--icon-deg-open))}`)
-], Details);
-var Details$1 = Details;
-
-export { Details$1 as default };
+import{__decorate as t}from"tslib";import{godown as o}from"@godown/element/decorators/godown.js";import{styles as i}from"@godown/element/decorators/styles.js";import{attr as e}from"@godown/element/directives/attr.js";import{htmlSlot as r}from"@godown/element/directives/html-slot.js";import s from"@godown/f7-icon/icons/chevron-down.js";import{css as n,html as d}from"lit";import{property as a,query as l}from"lit/decorators.js";import{scopePrefix as p}from"../core/global-style.js";import m from"../core/super-openable.js";const c="details",f=p(c);let g=class Details extends m{constructor(){super(...arguments),this.fill=!1,this.summary=""}render(){return d`<dl part="root" ${e(this.observedRecord)}><dt part="title" @click="${this._handelClick}"><span part="summary">${this.summary||r("summary")} </span><span><i part="icon">${s()}</i></span></dt><dd part="details" @click="${this.fill?()=>this.toggle():null}"><div style="min-height:0">${r()}</div></dd></dl>`}};t([a({type:Boolean})],g.prototype,"fill",void 0),t([a()],g.prototype,"summary",void 0),t([l("dd")],g.prototype,"_dd",void 0),g=t([o(c),i(n`:host{${f}--icon-deg-open:0deg;${f}--icon-deg-close:90deg;${f}--icon-deg:0deg;${f}--icon-space:0.3em;${f}--summary-direction:row;${f}--transition:.3s;height:-moz-fit-content;height:fit-content;display:block;transition:var(${f}--transition)}dl{height:100%;position:relative;overflow:hidden}dt{height:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;background:inherit;align-items:center;flex-direction:var(${f}--summary-direction)}dd{display:grid;overflow:hidden;grid-template-rows:0fr;transition:var(${f}--transition);transition-property:grid-template-rows}i{display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;padding:var(${f}--icon-space);transition:var(${f}--transition);transform:rotate(var(${f}--icon-deg))}:host([open]) dd{grid-template-rows:1fr}:host([float]) dd{top:100%;position:absolute}i{transform:rotate(var(${f}--icon-deg-close))}:host([open]) i{transform:rotate(var(${f}--icon-deg-open))}`)],g);var h=g;export{h as default};
 //# sourceMappingURL=details.js.map

package/components/details.js.map

@@ -1 +1 @@
-{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;;AAWA,MAAM,SAAS,GAAG,SAAS;AAE3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;AAOE;AAKF,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,aAAa,CAAA;AAAnC,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAI,CAAA,IAAA,GAAG,KAAK;AAEZ;;AAEE;QAEF,IAAO,CAAA,OAAA,GAAG,EAAE;;IAKF,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAmB,gBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,0BAAA,EAC1B,IAAI,CAAC,YAAY,0BAEtC,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC,CAAA,6BAAA,EAGpB,YAAY,EAAE,CAAA,2CAAA,EAGP,IAAI,CAAC,IAAI,GAAG,MAAM,IAAI,CAAC,MAAM,EAAE,GAAG,IAAI,CAClC,4BAAA,EAAA,QAAQ,EAAE,CAAA,gBAAA,CAEtC;;CAEV;AA1BE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACf,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMZ,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAGF,UAAA,CAAA;IADT,KAAK,CAAC,IAAI;AACuB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAd9B,OAAO,GAAA,UAAA,CAAA;IAJZ,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CACL,GAAG,CAAA,CAAA,MAAA,EAAS,QAAQ,CAAwB,qBAAA,EAAA,QAAQ,CAA0B,uBAAA,EAAA,QAAQ,CAAmB,gBAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,2BAA2B,QAAQ,CAAA,yFAAA,EAA4F,QAAQ,CAAA,mMAAA,EAAsM,QAAQ,CAAA,2FAAA,EAA8F,QAAQ,CAAA,8IAAA,EAAiJ,QAAQ,CAAgC,6BAAA,EAAA,QAAQ,CAAsC,mCAAA,EAAA,QAAQ,CAA4H,yHAAA,EAAA,QAAQ,CAA2D,wDAAA,EAAA,QAAQ,oBAAoB;AAEhhC,CAAA,EAAA,OAAO,CA+Bb;AAEA,gBAAe,OAAO;;;;"}
+{"version":3,"file":"details.js","sources":["../src/components/details.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","fill","summary","render","html","attr","observedRecord","_handelClick","htmlSlot","svgCaretDown","toggle","__decorate","property","type","Boolean","prototype","query","godown","styles","css","Details$1"],"mappings":"4gBAWA,MAAMA,EAAY,UAEZC,EAAWC,EAAYF,GAc7B,IAAMG,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAIC,MAAG,EAMPD,KAAOE,QAAG,GAKA,MAAAC,GACR,OAAOC,CAAI,mBAAmBC,EAAKL,KAAKM,4CACXN,KAAKO,sCAE1BP,KAAKE,SAAWM,EAAS,0CAGVC,iDAGOT,KAAKC,KAAO,IAAMD,KAAKU,SAAW,mCAC9BF,wBAtBpCG,EAAA,CADCC,EAAS,CAAEC,KAAMC,WACNjB,EAAAkB,UAAA,YAAA,GAMZJ,EAAA,CADCC,KACWf,EAAAkB,UAAA,eAAA,GAGFJ,EAAA,CADTK,EAAM,OAC2BnB,EAAAkB,UAAA,WAAA,GAd9BlB,EAAOc,EAAA,CAJZM,EAAOvB,GACPwB,EACCC,CAAG,SAASxB,yBAAgCA,2BAAkCA,oBAA2BA,uBAA8BA,4BAAmCA,6FAAoGA,uMAA8MA,+FAAsGA,kJAAyJA,iCAAwCA,uCAA8CA,6HAAoIA,4DAAmEA,wBAEp/BE,GAiCN,IAAAuB,EAAevB"}