godown 3.0.0-canary.9 → 3.0.0

package/button.js

@@ -1,6 +1,2 @@
-import Button from './components/button.js';
-
-Button.define();
-
-export { Button as default };
+import o from"./components/button.js";export{Button}from"./components/button.js";o.define();export{o as default};
 //# sourceMappingURL=button.js.map

package/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["src/button.ts"],"sourcesContent":null,"names":[],"mappings":";;AAEA,MAAM,CAAC,MAAM,EAAE;;;;"}
+{"version":3,"file":"button.js","sources":["src/button.ts"],"sourcesContent":null,"names":["Button","define"],"mappings":"iFAEAA,EAAOC"}

package/card.d.ts

@@ -1,5 +1,6 @@
 import Card from "./components/card.js";
 export default Card;
+export * from "./components/card.js";
 declare global {
     interface HTMLElementTagNameMap {
         "godown-card": Card;

package/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["src/card.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAIxC,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAC;KACrB;CACF"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["src/card.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,sBAAsB,CAAC;AAIxC,eAAe,IAAI,CAAC;AAEpB,cAAc,sBAAsB,CAAC;AAErC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAC;KACrB;CACF"}

package/card.js

@@ -1,6 +1,2 @@
-import Card from './components/card.js';
-
-Card.define();
-
-export { Card as default };
+import o from"./components/card.js";export{Card}from"./components/card.js";o.define();export{o as default};
 //# sourceMappingURL=card.js.map

package/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["src/card.ts"],"sourcesContent":null,"names":[],"mappings":";;AAEA,IAAI,CAAC,MAAM,EAAE;;;;"}
+{"version":3,"file":"card.js","sources":["src/card.ts"],"sourcesContent":null,"names":["Card","define"],"mappings":"2EAEAA,EAAKC"}

package/carousel.d.ts

@@ -1,5 +1,6 @@
 import Carousel from "./components/carousel.js";
 export default Carousel;
+export * from "./components/carousel.js";
 declare global {
     interface HTMLElementTagNameMap {
         "godown-carousel": Carousel;

package/carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["src/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAIhD,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,QAAQ,CAAC;KAC7B;CACF"}
+{"version":3,"file":"carousel.d.ts","sourceRoot":"","sources":["src/carousel.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,0BAA0B,CAAC;AAIhD,eAAe,QAAQ,CAAC;AAExB,cAAc,0BAA0B,CAAC;AAEzC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,QAAQ,CAAC;KAC7B;CACF"}

package/carousel.js

@@ -1,6 +1,2 @@
-import Carousel from './components/carousel.js';
-
-Carousel.define();
-
-export { Carousel as default };
+import o from"./components/carousel.js";export{Carousel}from"./components/carousel.js";o.define();export{o as default};
 //# sourceMappingURL=carousel.js.map

package/carousel.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.js","sources":["src/carousel.ts"],"sourcesContent":null,"names":[],"mappings":";;AAEA,QAAQ,CAAC,MAAM,EAAE;;;;"}
+{"version":3,"file":"carousel.js","sources":["src/carousel.ts"],"sourcesContent":null,"names":["Carousel","define"],"mappings":"uFAEAA,EAASC"}

package/components/alert.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Alert} renders a alert.
@@ -7,6 +8,7 @@ import { GlobalStyle } from "../core/global-style.js";
  * @slot - Alert content.
  * @slot title - Alert title.
  * @slot icon - Alert icon.
+ * @fires close - Fires when the alert is closed.
  * @category feedback
  */
 declare class Alert extends GlobalStyle {
@@ -43,10 +45,11 @@ declare class Alert extends GlobalStyle {
      * If variant is `"blockquote"`, hide the close button.
      */
     variant: "blockquote" | "dark" | "light";
-    protected render(): (symbol | import("lit").TemplateResult<1>)[];
+    protected render(): TemplateResult<1>;
     close(): void;
     protected firstUpdated(): void;
     static alert(root: HTMLElement, option: Partial<Alert>): Alert;
 }
 export default Alert;
+export { Alert };
 //# sourceMappingURL=alert.d.ts.map

package/components/alert.d.ts.map

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

package/components/alert.js

@@ -1,177 +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 { htmlStyle } from '@godown/element/directives/html-style.js';
-import { constructCSSObject, toVar } from '@godown/element/tools/css.js';
-import iconCheckAltCircle from '@godown/f7-icon/icons/checkmark-alt-circle.js';
-import iconExclamationCircle from '@godown/f7-icon/icons/exclamationmark-circle.js';
-import iconInfoCircle from '@godown/f7-icon/icons/info-circle.js';
-import iconLightbulb from '@godown/f7-icon/icons/lightbulb.js';
-import iconQuestionCircle from '@godown/f7-icon/icons/question-circle.js';
-import iconSlashCircle from '@godown/f7-icon/icons/slash-circle.js';
-import iconXmark from '@godown/f7-icon/icons/xmark.js';
-import iconXmarkCircle from '@godown/f7-icon/icons/xmark-circle.js';
-import { html, css } from 'lit';
-import { property } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
-
-const protoName = "alert";
-const cssScope = scopePrefix(protoName);
-const vars = ["color", "background"].map((v) => `${cssScope}--${v}`);
-const genDark = (key) => {
-    return [cssGlobalVars._colors[key][5], cssGlobalVars._colors[key][9]];
-};
-const darkStyles = constructCSSObject(vars, {
-    green: genDark("green"),
-    blue: genDark("blue"),
-    orange: genDark("orange"),
-    red: genDark("red"),
-    yellow: genDark("yellow"),
-    purple: genDark("purple"),
-    teal: genDark("teal"),
-    pink: genDark("pink"),
-    gray: [cssGlobalVars._colors.lightgray[5], cssGlobalVars._colors.darkgray[5]],
-    white: [cssGlobalVars._colors.lightgray[2], cssGlobalVars._colors.darkgray[7]],
-    black: [cssGlobalVars._colors.darkgray[8], cssGlobalVars._colors.lightgray[5]],
-}, () => `:host`, (prop) => toVar(prop));
-const genLight = (key) => {
-    return [cssGlobalVars._colors[key][6], cssGlobalVars._colors[key][0]];
-};
-const lightStyles = constructCSSObject(vars, {
-    green: genLight("green"),
-    blue: genLight("blue"),
-    orange: genLight("orange"),
-    red: genLight("red"),
-    yellow: genLight("yellow"),
-    purple: genLight("purple"),
-    teal: genLight("teal"),
-    pink: genLight("pink"),
-    gray: [cssGlobalVars._colors.darkgray[5], cssGlobalVars._colors.lightgray[7]],
-    white: [cssGlobalVars._colors.lightgray[0], cssGlobalVars._colors.darkgray[0]],
-    black: [cssGlobalVars._colors.darkgray[7], cssGlobalVars._colors.lightgray[3]],
-}, () => `:host`, (prop) => toVar(prop));
-const calls = {
-    tip: {
-        color: "teal",
-        icon: iconLightbulb,
-    },
-    success: {
-        color: "green",
-        icon: iconCheckAltCircle,
-    },
-    info: {
-        color: "blue",
-        icon: iconInfoCircle,
-    },
-    warning: {
-        color: "orange",
-        icon: iconExclamationCircle,
-    },
-    danger: {
-        color: "red",
-        icon: iconXmarkCircle,
-    },
-    error: {
-        color: "red",
-        icon: iconXmarkCircle,
-    },
-    help: {
-        color: "purple",
-        icon: iconQuestionCircle,
-    },
-    deprecated: {
-        color: "gray",
-        icon: iconSlashCircle,
-    },
-};
-/**
- * {@linkcode Alert} renders a alert.
- *
- * Color defaults to blue.
- *
- * @slot - Alert content.
- * @slot title - Alert title.
- * @slot icon - Alert icon.
- * @category feedback
- */
-let Alert = class Alert extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        /**
-         * The tone of the component.
-         * Overrides the color of the call.
-         */
-        this.color = "blue";
-        /**
-         * Close delay, if 0, it will not be closed automatically.
-         */
-        this.autoclose = 0;
-        /**
-         * Set true to hide the close button.
-         *
-         * The behavior may change due to the {@linkcode variant} property.
-         */
-        this.hideClose = false;
-        /**
-         * Alert variant, if set to `blockquote`, the alert will be rendered as a blockquote.
-         *
-         * If variant is `"blockquote"`, hide the close button.
-         */
-        this.variant = "dark";
-    }
-    render() {
-        const color = calls[this.call]?.color || this.color;
-        const icon = this.call ? calls[this.call].icon() : htmlSlot("icon");
-        return [
-            html `<div part="root" variant="${this.variant}"><div part="icon">${icon}</div><div part="content"><strong part="title">${this.title || htmlSlot("title")}</strong> ${this.content || htmlSlot()}</div>${!this.hideClose && this.variant !== "blockquote"
-                ? html `<div part="close" tabindex="0" @click="${this.close}">${iconXmark()}</div>`
-                : ""}</div>`,
-            htmlStyle(this.variant === "light" ? lightStyles[color] : darkStyles[color]),
-        ];
-    }
-    close() {
-        this.remove();
-        this.dispatchEvent(new CustomEvent("close", { bubbles: true, composed: true }));
-    }
-    firstUpdated() {
-        if (this.autoclose) {
-            setTimeout(() => this.close(), this.autoclose);
-        }
-    }
-    static alert(root, option) {
-        const ai = new this();
-        Object.assign(ai, option);
-        root.appendChild(ai);
-        return ai;
-    }
-};
-__decorate([
-    property()
-], Alert.prototype, "call", void 0);
-__decorate([
-    property()
-], Alert.prototype, "color", void 0);
-__decorate([
-    property({ type: Number })
-], Alert.prototype, "autoclose", void 0);
-__decorate([
-    property()
-], Alert.prototype, "title", void 0);
-__decorate([
-    property()
-], Alert.prototype, "content", void 0);
-__decorate([
-    property({ type: Boolean })
-], Alert.prototype, "hideClose", void 0);
-__decorate([
-    property()
-], Alert.prototype, "variant", void 0);
-Alert = __decorate([
-    godown(protoName),
-    styles(css `:host{border-radius:var(${cssScope}--border-radius);${cssScope}--border-radius:.25em;${cssScope}--border-width:.075em;${cssScope}--blockquote-width:.2em;${cssScope}--padding:.5em;display:block;width:100%}[part=root]{--color:var(${cssScope}--color);color:var(--color);width:100%;transition:.25s;display:flex;justify-content:space-between;padding:var(${cssScope}--padding);border-radius:inherit;border:var(${cssScope}--border-width) solid var(--color);background:var(${cssScope}--background)}[variant=blockquote]{border-radius:0;border-left:var(${cssScope}--blockquote-width) solid var(--color);border-bottom:none;border-right:none;border-top:none;background:0 0}[part=content]{color:var(--color)}[part=root]{display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}[part=title]{line-height:2em}[part=icon]{display:inline-grid;align-items:center;height:2em}[part=icon] svg{margin-right:.5em;width:1.25em;height:1.25em}[part=content]{grid-row:span 2/span 2;line-height:1.5em}`)
-], Alert);
-var Alert$1 = Alert;
-
-export { Alert$1 as default };
+import{__decorate as o}from"tslib";import{constructCSSObject as r,toVar as t,godown as e,styles as i,htmlSlot as l,attr as c,htmlStyle as a}from"@godown/element";import n from"@godown/f7-icon/icons/checkmark-alt-circle.js";import s from"@godown/f7-icon/icons/exclamationmark-circle.js";import d from"@godown/f7-icon/icons/info-circle.js";import p from"@godown/f7-icon/icons/lightbulb.js";import g from"@godown/f7-icon/icons/question-circle.js";import h from"@godown/f7-icon/icons/slash-circle.js";import m from"@godown/f7-icon/icons/xmark.js";import u from"@godown/f7-icon/icons/xmark-circle.js";import{css as b,html as v}from"lit";import{property as y}from"lit/decorators.js";import{scopePrefix as f,cssGlobalVars as w,GlobalStyle as k}from"../core/global-style.js";const $="alert",_=f($),j=["color","background"].map((o=>`${_}--${o}`)),x=o=>[w._colors[o][5],w._colors[o][9]],q=r(j,{green:x("green"),blue:x("blue"),orange:x("orange"),red:x("red"),yellow:x("yellow"),purple:x("purple"),teal:x("teal"),pink:x("pink"),gray:[w._colors.lightgray[5],w._colors.darkgray[5]],white:[w._colors.lightgray[2],w._colors.darkgray[7]],black:[w._colors.darkgray[8],w._colors.lightgray[5]]},(()=>":host"),(o=>t(o))),C=o=>[w._colors[o][6],w._colors[o][0]],E=r(j,{green:C("green"),blue:C("blue"),orange:C("orange"),red:C("red"),yellow:C("yellow"),purple:C("purple"),teal:C("teal"),pink:C("pink"),gray:[w._colors.darkgray[5],w._colors.lightgray[7]],white:[w._colors.lightgray[0],w._colors.darkgray[0]],black:[w._colors.darkgray[7],w._colors.lightgray[3]]},(()=>":host"),(o=>t(o))),A={tip:{color:"teal",icon:p},success:{color:"green",icon:n},info:{color:"blue",icon:d},warning:{color:"orange",icon:s},danger:{color:"red",icon:u},error:{color:"red",icon:u},help:{color:"purple",icon:g},deprecated:{color:"gray",icon:h}};let B=class Alert extends k{constructor(){super(...arguments),this.color="blue",this.autoclose=0,this.hideClose=!1,this.variant="dark"}render(){const o=A[this.call]?.color||this.color,r=this.call?A[this.call].icon():l("icon");return v`<div part="root" ${c(this.observedRecord)}><div part="icon">${r}</div><div part="content"><strong part="title">${this.title||l("title")}</strong> ${this.content||l()}</div>${this.hideClose||"blockquote"===this.variant?"":v`<div part="close" tabindex="0" @click="${this.close}">${m()}</div>`} ${a("light"===this.variant?E[o]:q[o])}</div>`}close(){this.remove(),this.dispatchEvent(new CustomEvent("close",{bubbles:!0,composed:!0}))}firstUpdated(){this.autoclose&&setTimeout((()=>this.close()),this.autoclose)}static alert(o,r){const t=new this;return Object.assign(t,r),o.appendChild(t),t}};o([y()],B.prototype,"call",void 0),o([y()],B.prototype,"color",void 0),o([y({type:Number})],B.prototype,"autoclose",void 0),o([y()],B.prototype,"title",void 0),o([y()],B.prototype,"content",void 0),o([y({type:Boolean})],B.prototype,"hideClose",void 0),o([y()],B.prototype,"variant",void 0),B=o([e($),i(b`:host,:where(:host([contents]) [part=root]){border-radius:var(${_}--border-radius);${_}--border-radius:.25em;${_}--border-width:.075em;${_}--blockquote-width:.2em;${_}--padding:.5em;display:block;width:100%}[part=root]{--color:var(${_}--color);color:var(--color);width:100%;transition:.25s;display:flex;justify-content:space-between;padding:var(${_}--padding);border-radius:inherit;border:var(${_}--border-width) solid var(--color);background:var(${_}--background)}[variant=blockquote]{border-radius:0;border-left:var(${_}--blockquote-width) solid var(--color);border-bottom:none;border-right:none;border-top:none;background:0 0}[part=content]{color:var(--color)}[part=root]{display:grid;align-items:center;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}[part=title]{line-height:2em}[part=icon]{display:inline-grid;align-items:center;height:2em}[part=icon] svg{margin-right:.5em;width:1.25em;height:1.25em}[part=content]{grid-row:span 2/span 2;line-height:1.5em}`)],B);var N=B;export{B as Alert,N as default};
 //# sourceMappingURL=alert.js.map

package/components/alert.js.map

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

package/components/avatar.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Avatar} renders a avatar.
@@ -14,14 +15,18 @@ declare class Avatar extends GlobalStyle {
      */
     src: string | undefined | null;
     /**
-     * If the image is not available, the {@linkcode Avatar.format} will be displayed.
+     * If the image is not available, display name (call {@linkcode Avatar.format}).
      */
     name: string;
+    /**
+     * Display rounded.
+     */
     round: boolean;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
     private _renderAvatar;
     format(): string;
     _handleError(): void;
 }
 export default Avatar;
+export { Avatar };
 //# sourceMappingURL=avatar.d.ts.map

package/components/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAIM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/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"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../src/components/avatar.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;;;;;GAQG;AACH,cAIM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,GAAG,EAAE,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC;IAE/B;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,KAAK,UAAS;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,OAAO,CAAC,aAAa;IAUrB,MAAM,IAAI,MAAM;IAIhB,YAAY,IAAI,IAAI;CAGrB;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/avatar.js

@@ -1,63 +1,2 @@
-import { __decorate } from 'tslib';
-import { godown, styles } from '@godown/element/decorators/index.js';
-import { htmlSlot } from '@godown/element/directives/index.js';
-import { html, css } 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.
- *
- * @slot - Display content if no `src` or `name` provided.
- * @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%;display:flex;align-items:center;justify-content:center}`)
-], Avatar);
-var Avatar$1 = Avatar;
-
-export { Avatar$1 as default };
+import{__decorate as t}from"tslib";import{godown as r,styles as e,attr as o,omit as i,htmlSlot as a}from"@godown/element";import{css as s,html as n}from"lit";import{property as h}from"lit/decorators.js";import{scopePrefix as d,GlobalStyle as p}from"../core/global-style.js";const l="avatar",m=d(l);let c=class Avatar extends p{constructor(){super(...arguments),this.name="",this.round=!1}render(){return n`<div part="root" ${o(i(this.observedRecord,"src"))}>${this._renderAvatar()}</div>`}_renderAvatar(){return this.src?n`<img part="image" src="${this.src}" @error="${this._handleError}" alt="${this.name}">`:this.name?n`<span part="name">${this.format()}</span>`:a()}format(){return this.name}_handleError(){this.src=void 0}};t([h()],c.prototype,"src",void 0),t([h()],c.prototype,"name",void 0),t([h({type:Boolean})],c.prototype,"round",void 0),c=t([r(l),e(s`:host{${m}--size:2em;width:var(${m}--size);height:var(${m}--size);vertical-align:bottom}:host,[part=root]{display:inline-flex}:host([contents]) [part=root]{display:inline-flex;width:inherit;height:inherit}: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%;align-items:center;justify-content:center}`)],c);var v=c;export{c as Avatar,v as default};
 //# sourceMappingURL=avatar.js.map

package/components/avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;AAOA,MAAM,SAAS,GAAG,QAAQ;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;;;;;AAQE;AAKF,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW,CAAA;AAAhC,IAAA,WAAA,GAAA;;AAOE;;AAEE;QAEF,IAAI,CAAA,IAAA,GAAG,EAAE;QAGT,IAAK,CAAA,KAAA,GAAG,KAAK;;IAEH,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAoB,iBAAA,EAAA,IAAI,CAAC,aAAa,EAAE,QAAQ;;IAGrD,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;;AAElG,QAAA,IAAI,IAAI,CAAC,IAAI,EAAE;YACb,OAAO,IAAI,CAAA,CAAqB,kBAAA,EAAA,IAAI,CAAC,MAAM,EAAE,SAAS;;QAExD,OAAO,QAAQ,EAAE;;IAGnB,MAAM,GAAA;QACJ,OAAO,IAAI,CAAC,IAAI;;IAGlB,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,GAAG,GAAG,SAAS;;CAExB;AAhCE,UAAA,CAAA;AADC,IAAA,QAAQ;AACqB,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AAM9B,UAAA,CAAA;AADC,IAAA,QAAQ;AACA,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAGT,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACd,CAAA,EAAA,MAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA;AAdT,MAAM,GAAA,UAAA,CAAA;IAJX,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,QAAQ,CAAA,mBAAA,EAAsB,QAAQ,CAAA,2RAAA,CAAiS;AAE/W,CAAA,EAAA,MAAM,CAqCZ;AAEA,eAAe,MAAM;;;;"}
+{"version":3,"file":"avatar.js","sources":["../src/components/avatar.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Avatar","GlobalStyle","constructor","this","name","round","render","html","attr","omit","observedRecord","_renderAvatar","src","_handleError","format","htmlSlot","undefined","__decorate","property","prototype","type","Boolean","godown","styles","css","Avatar$1"],"mappings":"kRAMA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAe7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAWEC,KAAIC,KAAG,GAMPD,KAAKE,OAAG,EAEE,MAAAC,GACR,OAAOC,CAAI,oBAAoBC,EAAKC,EAAKN,KAAKO,eAAgB,WAAWP,KAAKQ,wBAGxE,aAAAA,GACN,OAAIR,KAAKS,IACAL,CAAI,0BAA0BJ,KAAKS,gBAAeT,KAAKU,sBAAqBV,KAAKC,SAEtFD,KAAKC,KACAG,CAAI,qBAAqBJ,KAAKW,kBAEhCC,IAGT,MAAAD,GACE,OAAOX,KAAKC,KAGd,YAAAS,GACEV,KAAKS,SAAMI,IAjCbC,EAAA,CADCC,KAC6BlB,EAAAmB,UAAA,WAAA,GAM9BF,EAAA,CADCC,KACQlB,EAAAmB,UAAA,YAAA,GAMTF,EAAA,CADCC,EAAS,CAAEE,KAAMC,WACLrB,EAAAmB,UAAA,aAAA,GAjBTnB,EAAMiB,EAAA,CAJXK,EAAOzB,GACP0B,EACCC,CAAG,SAAS1B,yBAAgCA,uBAA8BA,oXAEtEE,GA0CN,IAAAyB,EAAezB"}

package/components/badge.d.ts

@@ -0,0 +1,23 @@
+import { type TemplateResult } from "lit";
+import { GlobalStyle } from "../core/global-style.js";
+type Position = "top-right" | "top-left" | "bottom-right" | "bottom-left";
+/**
+ * {@linkcode Badge} renders a badge.
+ *
+ * @slot - Badge content.
+ * @category display
+ */
+declare class Badge extends GlobalStyle {
+    position: Position;
+    value: number;
+    /**
+     * If `true`, render a dot badge.
+     */
+    dot: boolean;
+    max: number;
+    private formatValue;
+    render(): TemplateResult<1>;
+}
+export default Badge;
+export { Badge };
+//# sourceMappingURL=badge.d.ts.map

package/components/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../src/components/badge.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAElF,KAAK,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CAAC;AAK1E;;;;;GAKG;AACH,cAIM,KAAM,SAAQ,WAAW;IAE7B,QAAQ,EAAE,QAAQ,CAAe;IAGjC,KAAK,SAAK;IAEV;;OAEG;IAEH,GAAG,UAAS;IAGZ,GAAG,SAAM;IAET,OAAO,CAAC,WAAW;IAInB,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAO5B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/components/badge.js

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

package/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sources":["../src/components/badge.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Badge","GlobalStyle","constructor","this","position","value","dot","max","formatValue","render","html","attr","observedRecord","htmlSlot","__decorate","property","prototype","type","Number","Boolean","godown","styles","css","cssGlobalVars","active","Badge$1"],"mappings":"2RAQA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GAY7B,IAAMG,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBAEEC,KAAQC,SAAa,YAGrBD,KAAKE,MAAG,EAMRF,KAAGG,KAAG,EAGNH,KAAGI,IAAG,GAEE,WAAAC,CAAYH,GAClB,OAAOA,EAAQF,KAAKI,IAAMJ,KAAKI,IAAM,IAAMF,EAAQ,GAGrD,MAAAI,GACE,OAAOC,CAAI,oBAAoBC,EAAKR,KAAKS,mBACrCC,OAEFV,KAAKE,OAASF,KAAKG,IACfI,CAAI,qBAAqBP,KAAKG,IAAM,GAAKH,KAAKK,YAAYL,KAAKE,eAC/D,aAxBRS,EAAA,CADCC,KAC+Bf,EAAAgB,UAAA,gBAAA,GAGhCF,EAAA,CADCC,EAAS,CAAEE,KAAMC,UACTlB,EAAAgB,UAAA,aAAA,GAMTF,EAAA,CADCC,EAAS,CAAEE,KAAME,WACPnB,EAAAgB,UAAA,WAAA,GAGXF,EAAA,CADCC,EAAS,CAAEE,KAAMC,UACVlB,EAAAgB,UAAA,WAAA,GAdJhB,EAAKc,EAAA,CAJVM,EAAOvB,GACPwB,EACCC,CAAG,SAASxB,qBAA4ByB,EAAcC,WAAW1B,gBAAuBA,mBAA0BA,cAAqBA,mBAA0BA,4TAAoUA,2IAAoJA,0DAAiEA,0DAAiEA,uDAA8DA,mBAErzBE,GAgCN,IAAAyB,EAAezB"}

package/components/breath.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Breath} render the text with a breathing effect.
@@ -25,11 +26,12 @@ declare class Breath extends GlobalStyle {
      * Effect duration, ending in s or ms.
      */
     duration: string;
-    protected render(): (symbol | import("lit").TemplateResult<1> | import("lit").TemplateResult<1>[])[];
-    protected renderText(text: string): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
+    protected renderText(text: string): TemplateResult<1>;
     protected getTexts(): string[];
-    protected computeStyle(len: number): string;
-    protected parseDuration(): number;
+    protected _computeStyle(len: number): string;
+    protected parseDuration(): number | undefined;
 }
 export default Breath;
+export { Breath };
 //# sourceMappingURL=breath.d.ts.map

package/components/breath.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AAMA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAExB;;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"}
+{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../src/components/breath.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAMM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAExB;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAKrC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAIrD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAI9B,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAiB5C,SAAS,CAAC,aAAa,IAAI,MAAM,GAAG,SAAS;CAW9C;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/components/breath.js

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