godown 3.5.0 → 3.5.1

package/dev/components/badge.js

@@ -1,122 +0,0 @@
-import { __decorate } from "tslib";
-import { attr, godown, htmlSlot, styles } from "@godown/element";
-import { css, html } from "lit";
-import { property } from "lit/decorators.js";
-import { GlobalStyle, cssGlobalVars, 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);
-        /**
-         * The position of the badge relative to its parent element.
-         * Possible values are `"top-left"`, `"top-right"`, `"bottom-left"`, and `"bottom-right"`.
-         */
-        this.position = "top-right";
-        this.value = 0;
-        /**
-         * If `true`, render a dot badge.
-         */
-        this.dot = false;
-        /**
-         * The maximum value that can be displayed in the badge
-         * Values greater than this will be displayed as `max+` by default.
-         */
-        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

@@ -1 +0,0 @@
-{"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,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAGlF,MAAM,SAAS,GAAG,OAAO,CAAC;AAC1B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;GAKG;AAuDH,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,WAAW;IAA/B;;QACE;;;WAGG;QAEH,aAAQ,GAAoB,WAAW,CAAC;QAGxC,UAAK,GAAG,CAAC,CAAC;QAEV;;WAEG;QAEH,QAAG,GAAG,KAAK,CAAC;QAEZ;;;WAGG;QAEH,QAAG,GAAG,EAAE,CAAC;IAqBX,CAAC;IAnBC,WAAW,CAAC,KAAa;QACvB,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;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB,QAAQ,EAAE;UACV,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG;YACtB,CAAC,CAAC,IAAI,CAAA;kCACkB,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC;aACjE;YACH,CAAC,CAAC,EAAE;;KAET,CAAC;IACJ,CAAC;CACF,CAAA;AArCC;IADC,QAAQ,EAAE;uCAC6B;AAGxC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCACjB;AAMV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kCAChB;AAOZ;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCAClB;AAtBL,KAAK;IAtDV,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA;;MAEL,QAAQ,qBAAqB,aAAa,CAAC,MAAM;MACjD,QAAQ;MACR,QAAQ,mBAAmB,QAAQ;MACnC,QAAQ,mBAAmB,QAAQ;;;;;;;;;;;;;;;;;;;;;sBAqBnB,QAAQ;;;;;;;;;;;;2BAYH,QAAQ;;;;8BAIL,QAAQ;;;;6BAIT,QAAQ;;;;4BAIT,QAAQ;;CAEnC,CAAC;GACI,KAAK,CA2CV;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dev/components/breath.d.ts

@@ -1,36 +0,0 @@
-import { type TemplateResult } from "lit";
-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).
- *
- * @slot - Breathing parts.
- * @category effect
- */
-declare class Breath extends GlobalStyle {
-    /**
-     * Strings or array of strings,
-     * if array, divided each element into chunks,
-     * otherwise split strings by whitespace.
-     */
-    content: string | string[];
-    /**
-     * Effect duration.
-     */
-    duration: number;
-    protected render(): TemplateResult<1>;
-    protected _renderText(text: string): TemplateResult<1>;
-    protected getTexts(): string[];
-    protected _computeStyle(len: number): string;
-}
-export default Breath;
-export { Breath };
-//# sourceMappingURL=breath.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"breath.d.ts","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,yBAAyB,CAAC;AAKlF;;;;;;;;;;;;;;GAcG;AACH,cAqEM,MAAO,SAAQ,WAAW;IAC9B;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAE3B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,GAAG,cAAc,CAAC,CAAC,CAAC;IAStD,SAAS,CAAC,QAAQ,IAAI,MAAM,EAAE;IAM9B,SAAS,CAAC,aAAa,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;CAa7C;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dev/components/breath.js

@@ -1,135 +0,0 @@
-import { __decorate } from "tslib";
-import { attr, godown, htmlStyle, styles } from "@godown/element";
-import { css, html } from "lit";
-import { property } from "lit/decorators.js";
-import { GlobalStyle, cssGlobalVars, scopePrefix } 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 html `
-      <div
-        part="root"
-        ${attr(this.observedRecord)}
-      >
-        ${[texts.map(this._renderText), htmlStyle(this._computeStyle(texts.length))]}
-      </div>
-    `;
-    }
-    _renderText(text) {
-        return html `
-      <span class="rel">
-        <span class="nocolor">${text}</span>
-        <span class="colorful">${text}</span>
-      </span>
-    `;
-    }
-    getTexts() {
-        return Array.isArray(this.content)
-            ? this.content
-            : (this.content || this.textContent).split(/\s+/).filter((x) => x);
-    }
-    _computeStyle(len) {
-        const gap = 100 / 2 / len;
-        const duration = this.duration || (len * 2 + 2) * 1000;
-        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}ms;}@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${gap * 2}%{opacity:1;}}${style1}`;
-    }
-};
-__decorate([
-    property()
-], Breath.prototype, "content", void 0);
-__decorate([
-    property({ type: Number })
-], 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 {
-      margin: auto;
-      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;
-    }
-
-    .rel {
-      position: relative;
-      font-weight: 800;
-      font-size: inherit;
-      letter-spacing: -0.05em;
-    }
-  `, css `
-    .nocolor,
-    .colorful {
-      padding: 0 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(${cssGlobalVars.clipBackground});
-    }
-  `)
-], Breath);
-export default Breath;
-export { Breath };
-//# sourceMappingURL=breath.js.map

package/dev/components/breath.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"breath.js","sourceRoot":"","sources":["../../src/components/breath.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAClE,OAAO,EAAuB,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAElF,MAAM,UAAU,GAAG,QAAQ,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAEzC;;;;;;;;;;;;;;GAcG;AAsEH,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,WAAW;IAepB,MAAM;QACd,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC;QAC9B,OAAO,IAAI,CAAA;;;UAGL,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;;UAEzB,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;;KAE/E,CAAC;IACJ,CAAC;IAES,WAAW,CAAC,IAAY;QAChC,OAAO,IAAI,CAAA;;gCAEiB,IAAI;iCACH,IAAI;;KAEhC,CAAC;IACJ,CAAC;IAES,QAAQ;QAChB,OAAO,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC;YAChC,CAAC,CAAC,IAAI,CAAC,OAAO;YACd,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,WAAW,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;IACvE,CAAC;IAES,aAAa,CAAC,GAAW;QACjC,MAAM,GAAG,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC;QAC1B,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,GAAG,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC;QACvD,IAAI,MAAM,GAAG,EAAE,CAAC;QAChB,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,IAAI,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC;YAC7C,MAAM,KAAK,GAAG,CAAC,CAAC,QAAQ,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC;YACrD,MAAM,aAAa,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;YAC7C,MAAM,IAAI,kBAAkB,MAAM,+BAA+B,KAAK,oBAAoB,QAAQ,KAAK,MAAM,QAAQ,QAAQ,KAAK,aAAa,MAAM,CAAC;QACxJ,CAAC;QACD,OAAO,gCAAgC,QAAQ,+BAA+B,GAAG,GAAG,CAAC,gBAAgB,GAAG,KACtG,GAAG,GAAG,CACR,iBAAiB,MAAM,EAAE,CAAC;IAC5B,CAAC;CACF,CAAA;AAhDC;IADC,QAAQ,EAAE;uCACgB;AAM3B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;wCACV;AAbb,MAAM;IArEX,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BF,EACD,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;wBAoBmB,aAAa,CAAC,cAAc;;GAEjD,CACF;GACK,MAAM,CAuDX;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/dev/components/button.d.ts

@@ -1,60 +0,0 @@
-import { type TemplateResult } from "lit";
-import { GlobalStyle } from "../core/global-style.js";
-type Colors = "teal" | "blue" | "green" | "red" | "purple" | "orange" | "yellow" | "pink" | "gray" | "white" | "black";
-declare const colors: Record<Colors, string>;
-/**
- * {@linkcode Button} renders a button.
- *
- * Create modal animation upon clicking.
- *
- * Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
- *
- * Default color is `black`.
- *
- * Set the color to `none` to prevent applying styles.
- *
- * @category input
- */
-declare class Button extends GlobalStyle {
-    /**
-     * If true, remove gradient, modal animation, focus scale.
-     */
-    plain: boolean;
-    /**
-     * Whether this element is disabled or not.
-     */
-    disabled: boolean;
-    /**
-     * Whether this element should be rendered as a "ghost" button.
-     * A ghost button is a button with a transparent background and a border.
-     */
-    ghost: boolean;
-    /**
-     * Whether this element is active or not.
-     */
-    active: boolean;
-    /**
-     * Display rounded.
-     */
-    round: boolean;
-    /**
-     * The primary color.
-     */
-    color: "none" | keyof typeof colors;
-    /**
-     * Content text.
-     */
-    content: string;
-    protected _modalRoot: HTMLElement;
-    protected _root: HTMLElement;
-    protected render(): TemplateResult<1>;
-    focus(): void;
-    blur(): void;
-    protected firstUpdated(): void;
-    protected _handelClick(e: MouseEvent): void;
-    protected _handleModal(e: MouseEvent): void;
-    nextColor(): Colors | "none";
-}
-export default Button;
-export { Button };
-//# sourceMappingURL=button.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,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,cAkGM,MAAO,SAAQ,WAAW;IAC9B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;;OAGG;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;IAarC,KAAK,IAAI,IAAI;IAQb,IAAI,IAAI,IAAI;IAKZ,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAW3C,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,288 +0,0 @@
-import { __decorate } from "tslib";
-import { attr, constructCSSObject, godown, htmlSlot, htmlStyle, part, styles, toVar } from "@godown/element";
-import { css, html } from "lit";
-import { property } from "lit/decorators.js";
-import { GlobalStyle, cssGlobalVars, scopePrefix } from "../core/global-style.js";
-const protoName = "button";
-const cssScope = scopePrefix(protoName);
-const whiteFont = cssGlobalVars.white;
-const blackFont = cssGlobalVars.black;
-const colors = constructCSSObject(["color", "background", "gradients"].map((k) => `${cssScope}--${k}`), {
-    black: [
-        whiteFont, // color
-        cssGlobalVars._colors.darkgray[7], // background
-        cssGlobalVars._colors.darkgray[5], // gradients
-    ],
-    gray: [
-        whiteFont, // color
-        cssGlobalVars._colors.darkgray[1], // background
-        cssGlobalVars._colors.lightgray[8], // gradients
-    ],
-    white: [
-        blackFont, // color
-        cssGlobalVars._colors.lightgray[3], // background
-        cssGlobalVars._colors.lightgray[0], // gradients
-    ],
-    blue: [
-        whiteFont, // color
-        cssGlobalVars._colors.blue[6], // background
-        cssGlobalVars._colors.blue[4], // gradients
-    ],
-    green: [
-        whiteFont, // color
-        cssGlobalVars._colors.green[6], // background
-        cssGlobalVars._colors.green[4], // gradients
-    ],
-    red: [
-        whiteFont, // color
-        cssGlobalVars._colors.red[6], // background
-        cssGlobalVars._colors.red[4], // gradients
-    ],
-    orange: [
-        whiteFont, // color
-        cssGlobalVars._colors.orange[6], // background
-        cssGlobalVars._colors.orange[4], // gradients
-    ],
-    pink: [
-        whiteFont, // color
-        cssGlobalVars._colors.pink[6], // background
-        cssGlobalVars._colors.pink[4], // gradients
-    ],
-    purple: [
-        whiteFont, // color
-        cssGlobalVars._colors.purple[6], // background
-        cssGlobalVars._colors.purple[4], // gradients
-    ],
-    yellow: [
-        blackFont, // color
-        cssGlobalVars._colors.yellow[6], // background
-        cssGlobalVars._colors.yellow[4], // gradients
-    ],
-    teal: [
-        whiteFont, // color
-        cssGlobalVars._colors.teal[6], // background
-        cssGlobalVars._colors.teal[4], // gradients
-    ],
-}, () => ":host", (prop) => toVar(prop));
-/**
- * {@linkcode Button} renders a button.
- *
- * Create modal animation upon clicking.
- *
- * Available colors (background): none, black, gray, white, blue, green, red, orange, pink, purple, yellow, teal.
- *
- * Default color is `black`.
- *
- * Set the color to `none` to prevent applying styles.
- *
- * @category input
- */
-let Button = class Button extends GlobalStyle {
-    constructor() {
-        super(...arguments);
-        /**
-         * If true, remove gradient, modal animation, focus scale.
-         */
-        this.plain = false;
-        /**
-         * Whether this element is disabled or not.
-         */
-        this.disabled = false;
-        /**
-         * Whether this element should be rendered as a "ghost" button.
-         * A ghost button is a button with a transparent background and a border.
-         */
-        this.ghost = false;
-        /**
-         * Whether this element is active or not.
-         */
-        this.active = false;
-        /**
-         * Display rounded.
-         */
-        this.round = false;
-        /**
-         * The primary color.
-         */
-        this.color = "black";
-    }
-    render() {
-        const color = this.nextColor();
-        return html `
-      <div
-        part="root"
-        ${attr(this.observedRecord)}
-      >
-        <span part="modal-root"></span>
-        <div part="content">${[this.content || htmlSlot(), htmlStyle(colors[color])]}</div>
-      </div>
-    `;
-    }
-    focus() {
-        if (this.disabled) {
-            return;
-        }
-        this.active = true;
-        super.focus();
-    }
-    blur() {
-        this.active = false;
-        super.blur();
-    }
-    firstUpdated() {
-        this.events.add(this, "click", this._handelClick, true);
-    }
-    _handelClick(e) {
-        if (this.disabled) {
-            e.stopPropagation();
-            e.preventDefault();
-            return;
-        }
-        if (!this.plain) {
-            this._handleModal(e);
-        }
-    }
-    _handleModal(e) {
-        const modal = document.createElement("i");
-        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`;
-        modal.style.top = `${e.clientY - rect.y}px`;
-        modal.style.animationName = "kf";
-        this._modalRoot.appendChild(modal);
-        modal.addEventListener("animationend", () => modal.remove(), { once: true });
-    }
-    nextColor() {
-        return this.color;
-    }
-};
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Button.prototype, "plain", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Button.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Button.prototype, "ghost", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Button.prototype, "active", void 0);
-__decorate([
-    property({ type: Boolean, reflect: true })
-], Button.prototype, "round", void 0);
-__decorate([
-    property({ reflect: true })
-], Button.prototype, "color", void 0);
-__decorate([
-    property()
-], Button.prototype, "content", void 0);
-__decorate([
-    part("modal-root")
-], Button.prototype, "_modalRoot", void 0);
-__decorate([
-    part("root")
-], Button.prototype, "_root", void 0);
-Button = __decorate([
-    godown(protoName),
-    styles(css `
-    :host(:not([disabled]):active) {
-      transform: scale(var(${cssScope}--focus-scale));
-    }
-
-    :host([round]) {
-      ${cssScope}--padding-x: .75em;
-      border-radius: calc(infinity * 1px);
-    }
-
-    :host([disabled]) {
-      cursor: not-allowed;
-      filter: brightness(0.85);
-    }
-
-    :host([ghost]) {
-      ${cssScope}--modal-background: var(${cssScope}--ghost-color);
-      box-shadow: inset 0px 0px 0px var(${cssScope}--ghost-width) var(${cssScope}--ghost-color);
-      color: var(${cssScope}--ghost-color);
-      background: transparent;
-    }
-
-    :host([plain]) {
-      ${cssScope}--gradients: unset;
-      ${cssScope}--focus-scale: unset;
-    }
-  `, css `
-    :host {
-      ${cssScope}--padding-x: .5em;
-      ${cssScope}--padding-y: min(calc(var(${cssScope}--padding-x) / 2), .125em);
-      ${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: 0.2em;
-      width: fit-content;
-      display: block;
-      overflow: hidden;
-      text-align: center;
-      padding: 0 !important;
-      cursor: pointer;
-    }
-
-    :host([contents]) [part="root"] {
-      width: fit-content;
-    }
-
-    [part="root"] {
-      width: 100%;
-      height: 100%;
-      overflow: hidden;
-      position: relative;
-      transition: none;
-      user-select: none;
-      border-radius: inherit;
-      transition-duration: inherit;
-      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, 0.1);
-      }
-      80% {
-        transform: scale(1) translate(-50%, -50%);
-      }
-      to {
-        opacity: 0;
-      }
-    }
-  `)
-], Button);
-export default Button;
-export { Button };
-//# sourceMappingURL=button.js.map

package/dev/components/button.js.map

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