godown 2.7.6 → 3.0.0-canary.0

package/components/avatar.d.ts

@@ -0,0 +1,26 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@linkcode Avatar} renders a avatar.
+ *
+ * Renders as an image if it has a src property,
+ * otherwise falls back to name or nameless slot.
+ *
+ * @category display
+ */
+declare class Avatar extends GlobalStyle {
+    /**
+     * Image src.
+     */
+    src: string | undefined | null;
+    /**
+     * If the image is not available, the {@linkcode Avatar.format} will be displayed.
+     */
+    name: string;
+    round: boolean;
+    protected render(): import("lit").TemplateResult<1>;
+    private _renderAvatar;
+    format(): string;
+    _handleError(): void;
+}
+export default Avatar;
+//# sourceMappingURL=avatar.d.ts.map

package/components/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;GAOG;AACH,cAIM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAC/B;;OAEG;IAEH,IAAI,SAAM;IAGV,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM;IAIhB,OAAO,CAAC,aAAa;IAUrB,MAAM;IAIN,YAAY;CAGb;AAED,eAAe,MAAM,CAAC"}

package/components/avatar.js

@@ -0,0 +1,62 @@
+import { __decorate } from 'tslib';
+import { godown, styles } from '@godown/element/decorators/index.js';
+import { htmlSlot } from '@godown/element/directives/index.js';
+import { css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { scopePrefix, GlobalStyle } from '../core/global-style.js';
+
+const protoName = "avatar";
+const cssScope = scopePrefix(protoName);
+/**
+ * {@linkcode Avatar} renders a avatar.
+ *
+ * Renders as an image if it has a src property,
+ * otherwise falls back to name or nameless slot.
+ *
+ * @category display
+ */
+let Avatar = class Avatar extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        /**
+         * If the image is not available, the {@linkcode Avatar.format} will be displayed.
+         */
+        this.name = "";
+        this.round = false;
+    }
+    render() {
+        return html `<div part="root">${this._renderAvatar()}</div>`;
+    }
+    _renderAvatar() {
+        if (this.src) {
+            return html `<img part="image" src="${this.src}" @error="${this._handleError}" alt="${this.name}">`;
+        }
+        if (this.name) {
+            return html `<span part="name">${this.format()}</span>`;
+        }
+        return htmlSlot();
+    }
+    format() {
+        return this.name;
+    }
+    _handleError() {
+        this.src = undefined;
+    }
+};
+__decorate([
+    property()
+], Avatar.prototype, "src", void 0);
+__decorate([
+    property()
+], Avatar.prototype, "name", void 0);
+__decorate([
+    property({ type: Boolean })
+], Avatar.prototype, "round", void 0);
+Avatar = __decorate([
+    godown(protoName),
+    styles(css `:host{${cssScope}--size:2em;width:var(${cssScope}--size);height:var(${cssScope}--size);display:inline-block;vertical-align:bottom}:host([round]){border-radius:50%}[part=image]{width:100%;height:100%;object-fit:cover}[part=root]{overflow:hidden;position:relative;border-radius:inherit;width:100%;height:100%}[part=root]{display:flex;align-items:center;justify-content:center}`)
+], Avatar);
+var Avatar$1 = Avatar;
+
+export { Avatar$1 as default };
+//# sourceMappingURL=avatar.js.map

package/components/avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;AAOA,MAAM,SAAS,GAAG,QAAQ,CAAC;AAC3B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;AAOG;AAKH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW,CAAA;AAAhC,IAAA,WAAA,GAAA;;AAME;;AAEG;QAEH,IAAI,CAAA,IAAA,GAAG,EAAE,CAAC;QAGV,IAAK,CAAA,KAAA,GAAG,KAAK,CAAC;KAuBf;IArBW,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,aAAa,EAAE,QAAQ,CAAC;KAC7D;IAEO,aAAa,GAAA;AACnB,QAAA,IAAI,IAAI,CAAC,GAAG,EAAE;AACZ,YAAA,OAAO,IAAI,CAAA,CAA0B,uBAAA,EAAA,IAAI,CAAC,GAAG,CAAA,UAAA,EAAY,IAAI,CAAC,YAAY,CAAS,OAAA,EAAA,IAAI,CAAC,IAAI,IAAI,CAAC;SAClG;AACD,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,IAAI,CAAA,CAAqB,kBAAA,EAAA,IAAI,CAAC,MAAM,EAAE,SAAS,CAAC;SACxD;QACD,OAAO,QAAQ,EAAE,CAAC;KACnB;IAED,MAAM,GAAA;QACJ,OAAO,IAAI,CAAC,IAAI,CAAC;KAClB;IAED,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,GAAG,GAAG,SAAS,CAAC;KACtB;CACF,CAAA;AA/BC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACoB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAK/B,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACD,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAGV,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACd,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAbV,MAAM,GAAA,UAAA,CAAA;IAJX,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,QAAQ,CAAA,mBAAA,EAAsB,QAAQ,CAAA,uSAAA,CAA+S,CAClY;AACK,CAAA,EAAA,MAAM,CAoCX,CAAA;AAED,eAAe,MAAM;;;;"}

package/components/breath.d.ts

@@ -0,0 +1,34 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@linkcode Breath} render the text with a breathing effect.
+ *
+ * Dynamically generate a breathing effect based on the length of the split text.
+ *
+ * If there is not enough CSS variable, overrun elements will use the.
+ *
+ * godown was a css library in its earliest days,
+ * and this is the component version of its first effect.
+ *
+ * Inspired by Vercel home page (2023).
+ *
+ * @category effect
+ */
+declare class Breath extends GlobalStyle {
+    /**
+     * Strings or array of strings,
+     * if array, divided each element into chunks,
+     * otherwise split strings by whitespace.
+     */
+    text: string | string[];
+    /**
+     * Effect duration, ending in s or ms.
+     */
+    duration: string;
+    protected render(): (import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
+    protected renderText(text: string): import("lit").TemplateResult<1>;
+    protected getTexts(): string[];
+    protected computeStyle(len: number): string;
+    protected parseDuration(): number;
+}
+export default Breath;
+//# sourceMappingURL=breath.d.ts.map

package/components/breath.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AAMA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;GAaG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IACxB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM;IAQhB,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM;IAIjC,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAI9B,SAAS,CAAC,YAAY,CAAC,GAAG,EAAE,MAAM;IAoBlC,SAAS,CAAC,aAAa;CAUxB;AAED,eAAe,MAAM,CAAC"}

package/components/breath.js

@@ -0,0 +1,80 @@
+import { __decorate } from 'tslib';
+import { godown } from '@godown/element/decorators/godown.js';
+import { styles } from '@godown/element/decorators/styles.js';
+import { htmlStyle } from '@godown/element/directives/html-style.js';
+import { css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
+
+const defineName = "breath";
+const cssScope = scopePrefix(defineName);
+/**
+ * {@linkcode Breath} render the text with a breathing effect.
+ *
+ * Dynamically generate a breathing effect based on the length of the split text.
+ *
+ * If there is not enough CSS variable, overrun elements will use the.
+ *
+ * godown was a css library in its earliest days,
+ * and this is the component version of its first effect.
+ *
+ * Inspired by Vercel home page (2023).
+ *
+ * @category effect
+ */
+let Breath = class Breath extends GlobalStyle {
+    render() {
+        const texts = this.getTexts();
+        return [
+            texts.map(this.renderText),
+            htmlStyle(this.computeStyle(texts.length)),
+        ];
+    }
+    renderText(text) {
+        return html `<span class="rel"><span class="nocolor">${text}</span> <span class="colorful">${text}</span></span>`;
+    }
+    getTexts() {
+        return Array.isArray(this.text) ? this.text : (this.text || this.textContent).split(/\s+/).filter((x) => x);
+    }
+    computeStyle(len) {
+        const gap = 100 / 2 / len;
+        const duration = this.parseDuration() || len * 2 + 2;
+        return (`.colorful{animation-duration:${duration}s;}`
+            + `@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${gap * 2}%{opacity:1;}}`
+            + (() => {
+                let style1 = "";
+                for (let number = 1; number <= len; number++) {
+                    const delay = -1 * duration / len * (len - (number - 2));
+                    const defaultNumber = ((number - 1) % 3) + 1;
+                    style1 +=
+                        `.rel:nth-child(${number}) .colorful{animation-delay:${delay}s;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;
+                }
+                return style1;
+            })());
+    }
+    parseDuration() {
+        const { duration } = this;
+        if (duration) {
+            if (duration.endsWith("s")) {
+                return parseFloat(duration.slice(0, -1));
+            }
+            else if (duration.endsWith("ms")) {
+                return parseFloat(duration.slice(0, -2)) / 1000;
+            }
+        }
+    }
+};
+__decorate([
+    property()
+], Breath.prototype, "text", void 0);
+__decorate([
+    property()
+], Breath.prototype, "duration", void 0);
+Breath = __decorate([
+    godown(defineName),
+    styles(css `:host{${cssScope}--deg:60deg;${cssScope}--1-1:var(${cssGlobalVars._colors.red[5]});${cssScope}--1-2:var(${cssGlobalVars._colors.yellow[5]});${cssScope}--2-1:var(${cssGlobalVars._colors.green[5]});${cssScope}--2-2:var(${cssGlobalVars._colors.purple[5]});${cssScope}--3-1:var(${cssGlobalVars._colors.blue[5]});${cssScope}--3-2:var(${cssGlobalVars._colors.pink[5]});${cssScope}--1:linear-gradient(var(${cssScope}--deg),var(${cssScope}--1-1),var(${cssScope}--1-2));${cssScope}--2:linear-gradient(var(${cssScope}--deg),var(${cssScope}--2-1),var(${cssScope}--2-2));${cssScope}--3:linear-gradient(var(${cssScope}--deg),var(${cssScope}--3-1),var(${cssScope}--3-2))}`, css `:host{display:flex;margin:auto;width:-moz-fit-content;width:fit-content;font-size:2em;align-items:center}::selection{background:0 0}.rel{position:relative;font-weight:800;font-size:inherit;letter-spacing:-.05em}`, css `.colorful,.nocolor{padding:0 .05em;box-sizing:border-box;display:inline-block;animation-iteration-count:infinite;-webkit-text-fill-color:transparent;-webkit-background-clip:text!important;background-clip:text!important}.colorful{opacity:0;animation-name:colorfulN}.nocolor{position:absolute;top:0;background:var(${cssGlobalVars.clipBackground})}`)
+], Breath);
+var Breath$1 = Breath;
+
+export { Breath$1 as default };
+//# sourceMappingURL=breath.js.map

package/components/breath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"breath.js","sources":["../src/components/breath.ts"],"sourcesContent":null,"names":[],"mappings":"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"}

package/{web-components/button → components}/button.d.ts

@@ -1,11 +1,11 @@
-import { GodownElement } from "../../proto/godown-element.js";
+import { GlobalStyle } from "../core/global-style.js";
 declare const colors: Record<"teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "black" | "gray" | "white", string>;
 /**
  * {@linkcode Button}.
  *
- * Inspired by Next-ui.
+ * @category input
  */
-export declare class Button extends GodownElement {
+declare class Button extends GlobalStyle {
     /**
      * Whether to disable this element.
      */
@@ -32,13 +32,14 @@ export declare class Button extends GodownElement {
     text: string;
     _modalRoot: HTMLElement;
     _root: HTMLElement;
-    protected render(): import("lit").TemplateResult<1>;
+    static colors: Record<"teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "black" | "gray" | "white", string>;
+    protected render(): import("lit").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" | "none" | "black" | "gray" | "white";
+    nextColor(): "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "black" | "gray" | "white" | "none";
 }
 export default Button;
 //# sourceMappingURL=button.d.ts.map

package/components/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../src/components/button.ts"],"names":[],"mappings":"AASA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAYlF,QAAA,MAAM,MAAM,0HA6DX,CAAC;AAEF;;;;GAIG;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,MAAM,CAAC,MAAM,2HAAU;IAEvB,SAAS,CAAC,MAAM;IAQhB,KAAK;IAOL,IAAI;IAIJ,YAAY;IAIZ,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IASpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAepC,SAAS;CAGV;AAED,eAAe,MAAM,CAAC"}

package/components/button.js

@@ -0,0 +1,167 @@
+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 } from '@godown/element/tools/css.js';
+import { css, unsafeCSS, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
+
+var Button_1;
+const protoName = "button";
+const cssScope = scopePrefix(protoName);
+const whiteFont = cssGlobalVars._colors.lightgray[0];
+const blackFont = cssGlobalVars._colors.darkgray[6];
+const toVar = (s) => {
+    return unsafeCSS(`var(${s})`);
+};
+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`, toVar);
+/**
+ * {@linkcode Button}.
+ *
+ * @category input
+ */
+let Button = Button_1 = 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(Button_1.colors[color]),
+        ];
+    }
+    focus() {
+        if (this.disabled) {
+            return;
+        }
+        this.active = true;
+    }
+    blur() {
+        this.active = false;
+    }
+    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;
+    }
+};
+Button.colors = colors;
+__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 = Button_1 = __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 };
+//# sourceMappingURL=button.js.map

package/components/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../src/components/button.ts"],"sourcesContent":null,"names":[],"mappings":"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"}

package/components/card.d.ts

@@ -0,0 +1,20 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@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
+ */
+declare class Card extends GlobalStyle {
+    shadow: "none" | "always" | "hover";
+    footer: boolean;
+    header: boolean;
+    protected render(): (import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
+}
+export default Card;
+//# sourceMappingURL=card.d.ts.map

package/components/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../src/components/card.ts"],"names":[],"mappings":"AAOA,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"}

package/components/card.js

@@ -0,0 +1,55 @@
+import { __decorate } from 'tslib';
+import { godown } from '@godown/element/decorators/godown.js';
+import { styles } from '@godown/element/decorators/styles.js';
+import { conditionIf } from '@godown/element/directives/condition-if.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 [
+            conditionIf(this.header, [htmlSlot("header"), hr]),
+            htmlSlot(),
+            conditionIf(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:.15s 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 };
+//# sourceMappingURL=card.js.map

package/components/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../src/components/card.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AAWA,MAAM,SAAS,GAAG,MAAM,CAAC;AACzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;;;AAUG;AAKH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;QAEE,IAAM,CAAA,MAAA,GAAgC,OAAO,CAAC;QAG9C,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;QAEf,IAAM,CAAA,MAAA,GAAG,KAAK,CAAC;KAUhB;IARW,MAAM,GAAA;AACd,QAAA,MAAM,EAAE,GAAG,IAAI,CAAA,qBAAqB,CAAC;QACrC,OAAO;AACL,YAAA,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC,CAAC;AAClD,YAAA,QAAQ,EAAE;AACV,YAAA,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;SACnD,CAAC;KACH;CACF,CAAA;AAfC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AACkB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAG9C,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAEf,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACb,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAPX,IAAI,GAAA,UAAA,CAAA;IAJT,MAAM,CAAC,SAAS,CAAC;IACjB,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,qMAAA,EAA6M,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,CACl7B;AACK,CAAA,EAAA,IAAI,CAiBT,CAAA;AAED,aAAe,IAAI;;;;"}

package/components/carousel.d.ts

@@ -0,0 +1,40 @@
+import { GlobalStyle } from "../core/global-style.js";
+/**
+ * {@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
+ */
+declare class Carousel extends GlobalStyle {
+    /**
+     * The index of the element is displayed for the first time.
+     */
+    index: number;
+    /**
+     * If autoChange > 0, the rotation will be automated.
+     */
+    autoChange: number;
+    /**
+     * Element width.
+     */
+    width: string;
+    _moveRoot: HTMLElement;
+    intervalID: number;
+    _cloneFirst: HTMLElement | undefined;
+    _cloneLast: HTMLElement | undefined;
+    protected render(): import("lit").TemplateResult<1>[];
+    protected firstUpdated(): Promise<void>;
+    disconnectedCallback(): void;
+    show(i: number): void;
+    next(): void;
+    prev(): void;
+    protected _doTranslateX(xValue: string, noTransition?: boolean): void;
+}
+export default Carousel;
+//# sourceMappingURL=carousel.d.ts.map

package/components/carousel.d.ts.map

@@ -0,0 +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"}