godown 3.0.0-canary.8 → 3.0.0

package/dev/components/badge.js

@@ -0,0 +1,107 @@
+import { __decorate } from "tslib";
+import { attr, godown, htmlSlot, styles } from "@godown/element";
+import { css, html } from "lit";
+import { property } from "lit/decorators.js";
+import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
+const protoName = "badge";
+const cssScope = scopePrefix(protoName);
+/**
+ * {@linkcode Badge} renders a badge.
+ *
+ * @slot - Badge content.
+ * @category display
+ */
+let Badge = class Badge extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        this.position = "top-right";
+        this.value = 0;
+        /**
+         * If `true`, render a dot badge.
+         */
+        this.dot = false;
+        this.max = 99;
+    }
+    formatValue(value) {
+        return value > this.max ? this.max + "+" : value + "";
+    }
+    render() {
+        return html `<div part="root" ${attr(this.observedRecord)}>
+      ${htmlSlot()}
+      ${this.value || this.dot
+            ? html `<div part="badge">${this.dot ? "" : this.formatValue(this.value)}</div>`
+            : ""}
+    </div>`;
+    }
+};
+__decorate([
+    property()
+], Badge.prototype, "position", void 0);
+__decorate([
+    property({ type: Number })
+], Badge.prototype, "value", void 0);
+__decorate([
+    property({ type: Boolean })
+], Badge.prototype, "dot", void 0);
+__decorate([
+    property({ type: Number })
+], Badge.prototype, "max", void 0);
+Badge = __decorate([
+    godown(protoName),
+    styles(css `
+    :host {
+      ${cssScope}--background: var(${cssGlobalVars.active});
+      ${cssScope}--offset: 0%;
+      ${cssScope}--offset-x: var(${cssScope}--offset);
+      ${cssScope}--offset-y: var(${cssScope}--offset);
+    }
+
+    :host,
+    :host([contents]) [part=root] {
+      display: inline-block;
+    }
+
+    [part=root] {
+      position: relative;
+    }
+
+    [part=badge] {
+      position: absolute;
+      font-size: 75%;
+      padding: 0 0.5em;
+      user-select: none;
+      border-radius: calc(infinity * 1px);
+      transform: translate(-50%, -50%);
+      left: var(--left);
+      top: var(--top);
+      background: var(${cssScope}--background);
+    }
+
+    [part=badge]:empty {
+      width: 0.5em;
+      height: 0.5em;
+      font-size: 100%;
+      padding: 0;
+      border-radius: 50%;
+    }
+
+    [position^=top] {
+      --top: calc(0% + var(${cssScope}--offset-y));
+    }
+
+    [position$=right] {
+      --left: calc(100% - var(${cssScope}--offset-x));
+    }
+
+    [position^=bottom] {
+      --top: calc(100% - var(${cssScope}--offset-y));
+    }
+
+    [position$=left] {
+      --left: calc(0% + var(${cssScope}--offset-x));
+    }
+  `)
+], Badge);
+export default Badge;
+export { Badge };
+//# sourceMappingURL=badge.js.map

package/dev/components/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../src/components/badge.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACjE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAuB,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAIlF,MAAM,SAAS,GAAG,OAAO,CAAC;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;GAKG;AAyDH,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,WAAW;IAA/B;;QAEE,aAAQ,GAAa,WAAW,CAAC;QAGjC,UAAK,GAAG,CAAC,CAAC;QAEV;;WAEG;QAEH,QAAG,GAAG,KAAK,CAAC;QAGZ,QAAG,GAAG,EAAE,CAAC;IAgBX,CAAC;IAdS,WAAW,CAAC,KAAa;QAC/B,OAAO,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE,CAAC;IACxD,CAAC;IAED,MAAM;QACJ,OAAO,IAAI,CAAA,oBAAoB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;QACpD,QAAQ,EAAE;QAEZ,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG;YACpB,CAAC,CAAC,IAAI,CAAA,qBAAqB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YAC/E,CAAC,CAAC,EACN;WACO,CAAC;IACV,CAAC;CACF,CAAA;AA5BC;IADC,QAAQ,EAAE;uCACsB;AAGjC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACjB;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCAChB;AAGZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAClB;AAdL,KAAK;IAxDV,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ,qBAAqB,aAAa,CAAC,MAAM;QACjD,QAAQ;QACR,QAAQ,mBAAmB,QAAQ;QACnC,QAAQ,mBAAmB,QAAQ;;;;;;;;;;;;;;;;;;;;;wBAqBnB,QAAQ;;;;;;;;;;;;6BAYH,QAAQ;;;;gCAIL,QAAQ;;;;+BAIT,QAAQ;;;;8BAIT,QAAQ;;GAEnC,CACF;GACK,KAAK,CA8BV;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dev/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.
@@ -11,6 +12,7 @@ import { GlobalStyle } from "../core/global-style.js";
  *
  * Inspired by Vercel home page (2023).
  *
+ * @slot - Breathing parts.
  * @category effect
  */
 declare class Breath extends GlobalStyle {
@@ -24,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/dev/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;;;;;;;;;;;;;GAaG;AACH,cA4DM,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;IAOjC,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,cAqEM,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;IAOrC,SAAS,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAOrD,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/dev/components/breath.js

@@ -1,7 +1,5 @@
 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 { attr, godown, htmlStyle, styles } from "@godown/element";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
@@ -19,15 +17,15 @@ const cssScope = scopePrefix(defineName);
  *
  * 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)),
-        ];
+        return html `<div part="root" ${attr(this.observedRecord)}>
+    ${[texts.map(this.renderText), htmlStyle(this._computeStyle(texts.length))]}
+    </div>`;
     }
     renderText(text) {
         return html `<span class="rel">
@@ -38,30 +36,26 @@ let Breath = class Breath extends GlobalStyle {
     getTexts() {
         return Array.isArray(this.text) ? this.text : (this.text || this.textContent).split(/\s+/).filter((x) => x);
     }
-    computeStyle(len) {
+    _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;
-            })());
+        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 (`.colorful{animation-duration:${duration}s;}@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${gap * 2}%{opacity:1;}}${style1}`);
     }
     parseDuration() {
         const { duration } = this;
         if (duration) {
             if (duration.endsWith("s")) {
-                return parseFloat(duration.slice(0, -1));
+                return Number.parseFloat(duration.slice(0, -1));
             }
-            else if (duration.endsWith("ms")) {
-                return parseFloat(duration.slice(0, -2)) / 1000;
+            if (duration.endsWith("ms")) {
+                return Number.parseFloat(duration.slice(0, -2)) / 1000;
             }
         }
     }
@@ -89,15 +83,22 @@ Breath = __decorate([
     }
   `, css `
     :host {
-      display: flex;
       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: none;
     }
@@ -115,14 +116,16 @@ Breath = __decorate([
       box-sizing: border-box;
       display: inline-block;
       animation-iteration-count: infinite;
-      -webkit-text-fill-color: transparent;
+      color: transparent;
       -webkit-background-clip: text !important;
       background-clip: text !important;
     }
+
     .colorful {
       opacity: 0;
       animation-name: colorfulN;
     }
+
     .nocolor {
       position: absolute;
       top: 0;
@@ -131,4 +134,5 @@ Breath = __decorate([
   `)
 ], Breath);
 export default Breath;
+export { Breath };
 //# sourceMappingURL=breath.js.map

package/dev/components/breath.js.map

@@ -1 +1 @@
-{"version":3,"file":"breath.js","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,0CAA0C,CAAC;AACrE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAElF,MAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAEzC;;;;;;;;;;;;;GAaG;AA6DH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAcpB,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO;YACL,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;YAC1B,SAAS,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;SAC3C,CAAC;IACJ,CAAC;IAES,UAAU,CAAC,IAAY;QAC/B,OAAO,IAAI,CAAA;8BACe,IAAI;+BACH,IAAI;YACvB,CAAC;IACX,CAAC;IAES,QAAQ;QAChB,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IAC9G,CAAC;IAES,YAAY,CAAC,GAAW;QAChC,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,aAAa,EAAE,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC;QAErD,OAAO,CACL,gCAAgC,QAAQ,KAAK;cAC3C,2BAA2B,GAAG,GAAG,CAAC,gBAAgB,GAAG,KAAK,GAAG,GAAG,CAAC,gBAAgB;cACjF,CAAC,GAAG,EAAE;gBACN,IAAI,MAAM,GAAG,EAAE,CAAC;gBAChB,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC;oBAC7C,MAAM,KAAK,GAAG,CAAC,QAAQ,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;oBACnD,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;oBAC7C,MAAM;wBACJ,kBAAkB,MAAM,+BAA+B,KAAK,oBAAoB,QAAQ,KAAK,MAAM,QAAQ,QAAQ,KAAK,aAAa,MAAM,CAAC;gBAChJ,CAAC;gBACD,OAAO,MAAM,CAAC;YAChB,CAAC,CAAC,EAAE,CACL,CAAC;IACJ,CAAC;IAES,aAAa;QACrB,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,CAAC;QAC1B,IAAI,QAAQ,EAAE,CAAC;YACb,IAAI,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;gBAC3B,OAAO,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC3C,CAAC;iBAAM,IAAI,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;gBACnC,OAAO,UAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC;YAClD,CAAC;QACH,CAAC;IACH,CAAC;CACF,CAAA;AAxDC;IADC,QAAQ,EAAE;oCACa;AAKxB;IADC,QAAQ,EAAE;wCACM;AAZb,MAAM;IA5DX,MAAM,CAAC,UAAU,CAAC;IAClB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;QACR,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC;QAClD,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC;QACpD,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACnD,QAAQ,cAAc,aAAa,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC;QACnD,QAAQ,4BAA4B,QAAQ,eAAe,QAAQ,eAAe,QAAQ;QAC1F,QAAQ,4BAA4B,QAAQ,eAAe,QAAQ,eAAe,QAAQ;QAC1F,QAAQ,4BAA4B,QAAQ,eAAe,QAAQ,eAAe,QAAQ;;GAE/F,EACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;GAqBF,EACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;wBAkBmB,aAAa,CAAC,cAAc;;GAEjD,CACF;GACK,MAAM,CA+DX;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"breath.js","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":"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"}

package/dev/components/button.d.ts

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

package/dev/components/button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AASA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAQlF,QAAA,MAAM,MAAM,0HA6DX,CAAC;AAEF;;;;;;GAMG;AACH,cA8FM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,EAAE,OAAO,CAAC;IAClB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IAEH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IAEH,KAAK,EAAE,OAAO,CAAC;IACf;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAC9C;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,UAAU,EAAE,WAAW,CAAC;IAExB,KAAK,EAAE,WAAW,CAAC;IAEnB,SAAS,CAAC,MAAM;IAWhB,KAAK;IAQL,IAAI;IAKJ,YAAY;IAIZ,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IASpC,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IAepC,SAAS;CAGV;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAQlF,KAAK,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAC;AACvH,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CA6DlC,CAAC;AAEF;;;;;;;;;;;;GAYG;AACH,cAiGM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,MAAM,UAAS;IAEf;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,KAAK,EAAE,MAAM,GAAG,MAAM,OAAO,MAAM,CAAW;IAE9C;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAGhB,SAAS,CAAC,UAAU,EAAE,WAAW,CAAC;IAElC,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAUrC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,YAAY,IAAI,IAAI;IAIpB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAS3C,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAc3C,SAAS,IAAI,MAAM,GAAG,MAAM;CAG7B;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dev/components/button.js

@@ -1,22 +1,17 @@
 import { __decorate } from "tslib";
-import { godown } from "@godown/element/decorators/godown.js";
-import { part } from "@godown/element/decorators/part.js";
-import { styles } from "@godown/element/decorators/styles.js";
-import { htmlSlot } from "@godown/element/directives/html-slot.js";
-import { htmlStyle } from "@godown/element/directives/html-style.js";
-import { constructCSSObject, toVar } from "@godown/element/tools/css.js";
+import { attr, constructCSSObject, godown, htmlSlot, htmlStyle, part, styles, toVar } from "@godown/element";
 import { css, html } from "lit";
 import { property } from "lit/decorators.js";
 import { cssGlobalVars, GlobalStyle, scopePrefix } from "../core/global-style.js";
 const protoName = "button";
 const cssScope = scopePrefix(protoName);
-const whiteFont = cssGlobalVars._colors.lightgray[0];
-const blackFont = cssGlobalVars._colors.darkgray[6];
+const 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[4], // gradients
+        cssGlobalVars._colors.darkgray[5], // gradients
     ],
     gray: [
         whiteFont, // color
@@ -68,17 +63,39 @@ const colors = constructCSSObject(["color", "background", "gradients"].map((k) =
         cssGlobalVars._colors.teal[6], // background
         cssGlobalVars._colors.teal[4], // gradients
     ],
-}, () => `:host`, (prop) => toVar(prop));
+}, () => ":host", (prop) => toVar(prop));
 /**
  * {@linkcode Button} renders a button.
  *
- * Color defaults to black.
+ * Create modal animation upon clicking.
+ *
+ * Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
+ *
+ * Default color is `black`.
+ *
+ * Set the color to `none` to prevent applying styles.
  *
  * @category input
  */
 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.
          */
@@ -86,13 +103,12 @@ let Button = class Button extends GlobalStyle {
     }
     render() {
         const color = this.nextColor();
-        return [
-            html `<div part="root">
-        <span part="modal-root"></span>
-        <div part="slot">${this.text || htmlSlot()}</div>
-      </div>`,
-            htmlStyle(colors[color]),
-        ];
+        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) {
@@ -118,10 +134,9 @@ let Button = class Button extends GlobalStyle {
     }
     _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`;
+        const rect = this._root.getBoundingClientRect();
+        const { height, width } = rect;
+        const size = `${Math.sqrt(height * height + width * width) * 2}px`;
         modal.style.height = size;
         modal.style.width = size;
         modal.style.left = `${e.clientX - rect.left}px`;
@@ -151,7 +166,7 @@ __decorate([
 ], Button.prototype, "color", void 0);
 __decorate([
     property()
-], Button.prototype, "text", void 0);
+], Button.prototype, "content", void 0);
 __decorate([
     part("modal-root")
 ], Button.prototype, "_modalRoot", void 0);
@@ -184,7 +199,7 @@ Button = __decorate([
   `, css `
     :host {
       ${cssScope}--padding-x: .5em;
-      ${cssScope}--padding-y: .15em;
+      ${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;
@@ -198,7 +213,6 @@ Button = __decorate([
         var(${cssScope}--gradients, var(${cssScope}--background))
       );
       border-radius: 0.3em;
-      width: -moz-fit-content;
       width: fit-content;
       transition: 0.1s;
       display: block;
@@ -208,7 +222,11 @@ Button = __decorate([
       cursor: pointer;
     }
 
-    [part="root"] {
+    :host([contents]) [part=root] {
+      width: fit-content;
+    }
+
+    [part=root] {
       width: 100%;
       height: 100%;
       overflow: hidden;
@@ -219,7 +237,7 @@ Button = __decorate([
       transition-duration: inherit;
     }
 
-    [part="slot"] {
+    [part=content] {
       padding: var(${cssScope}--padding);
     }
 
@@ -240,7 +258,7 @@ Button = __decorate([
     @keyframes kf {
       0% {
         transform: scale(0) translate(-50%, -50%);
-        opacity: var(${cssScope}--modal-opacity, 0.18);
+        opacity: var(${cssScope}--modal-opacity, 0.1);
       }
       80% {
         transform: scale(1) translate(-50%, -50%);
@@ -252,4 +270,5 @@ Button = __decorate([
   `)
 ], Button);
 export default Button;
+export { Button };
 //# sourceMappingURL=button.js.map

package/dev/components/button.js.map

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

package/dev/components/card.d.ts

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

package/dev/components/card.d.ts.map

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