godown 2.7.7 → 3.0.0-canary.0

package/components/switch.js

@@ -0,0 +1,93 @@
+import { __decorate } from 'tslib';
+import { godown } from '@godown/element/decorators/godown.js';
+import { styles } from '@godown/element/decorators/styles.js';
+import { css, html } from 'lit';
+import { property, query } from 'lit/decorators.js';
+import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
+import SuperInput from '../core/super-input.js';
+
+const protoName = "switch";
+const cssScope = scopePrefix(protoName);
+/**
+ * {@linkcode Switch} renders a switch.
+ *
+ * The switch is rectangular by default,
+ * set the round property to rounded switch.
+ *
+ * @category input
+ */
+let Switch = class Switch extends SuperInput {
+    constructor() {
+        super(...arguments);
+        /**
+         * Border style.
+         */
+        this.round = false;
+        /**
+         * Whether this element is selected or not.
+         */
+        this.checked = false;
+        /**
+         * Whether this element is disabled or not.
+         */
+        this.disabled = false;
+        /**
+         * Parsed by JSON.parse to checked.
+         */
+        this.default = "false";
+        /**
+         * Input value.
+         */
+        this.value = "on";
+    }
+    render() {
+        return html `<div part="root" class="${this.round ? "round" : "rect"}"><input part="input" @change="${this._handleChange}" ?disabled="${this.disabled}" ?checked="${this.checked}" name="${this.name}" id="${this.makeId}" type="checkbox"> <span class="${this.checked}"></span></div>`;
+    }
+    reset() {
+        this.checked = this.default === "true";
+        this._input.checked = this.checked;
+    }
+    connectedCallback() {
+        super.connectedCallback();
+        if (this.checked) {
+            this.default = "true";
+        }
+        if (this.default === "true") {
+            this.checked = true;
+        }
+    }
+    _handleChange() {
+        this.checked = this._input.checked;
+        this.dispatchEvent(new CustomEvent("input", { detail: this.checked, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.checked, composed: true }));
+    }
+    namevalue() {
+        return [this.name, this.checked];
+    }
+};
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Switch.prototype, "round", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Switch.prototype, "checked", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], Switch.prototype, "disabled", void 0);
+__decorate([
+    property()
+], Switch.prototype, "default", void 0);
+__decorate([
+    property()
+], Switch.prototype, "value", void 0);
+__decorate([
+    query("input")
+], Switch.prototype, "_input", void 0);
+Switch = __decorate([
+    godown(protoName),
+    styles(css `:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/ 2);${cssScope}-handle-size:1.25em;${cssScope}-transition:.2s ease-in-out;background:var(${cssGlobalVars.input}-background);width:var(${cssScope}-width);height:var(${cssScope}-height);display:inline-block;vertical-align:bottom;border-radius:0}[part=root],span{transition:var(${cssScope}-transition)}[part=root]{border-radius:inherit;position:relative;height:inherit}[part=root],input{width:100%}input{margin:0;height:100%;outline:0;-webkit-appearance:none;appearance:none}span{height:100%;display:inline-flex;align-items:center;justify-content:center;position:absolute;left:0;width:50%;pointer-events:none;border-radius:inherit}:host([round]){border-radius:calc(var(${cssScope}-height)/ 2)}:host([checked]) span{transform:translateX(100%)}.rect .true{background:var(${cssGlobalVars.active})}.rect .false{background:var(${cssGlobalVars.passive})}.round span::after{--size:var(${cssScope}-handle-size);content:"";border-radius:100%;background:var(--godown--input-control);width:var(--size);height:var(--size)}.round{background:var(${cssGlobalVars.passive})}:host([checked]) .round{background:var(${cssGlobalVars.active})}`)
+], Switch);
+var Switch$1 = Switch;
+
+export { Switch$1 as default };
+//# sourceMappingURL=switch.js.map

package/components/switch.js.map

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

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

@@ -1,8 +1,10 @@
-import { GodownElement } from "../../proto/godown-element.js";
+import { GlobalStyle } from "../core/global-style.js";
 /**
- * {@linkcode Text } renders nowrap text.
+ * {@linkcode Text} renders nowrap text.
+ *
+ * @category display
  */
-export declare class Text extends GodownElement {
+declare class Text extends GlobalStyle {
     /**
      * Underline behavior.
      */

package/components/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/components/text.ts"],"names":[],"mappings":"AAOA,OAAO,EAAiB,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAMlF;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAU;IAE3D;;OAEG;IAEH,IAAI,EAAE,OAAO,CAAC;IAEd,SAAS,CAAC,MAAM;CAOjB;AAED,eAAe,IAAI,CAAC"}

package/components/text.js

@@ -0,0 +1,44 @@
+import { __decorate } from 'tslib';
+import { godown } from '@godown/element/decorators/godown.js';
+import { styles } from '@godown/element/decorators/styles.js';
+import { classList } from '@godown/element/directives/class-list.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 = "text";
+const cssScope = scopePrefix(protoName);
+/**
+ * {@linkcode Text} renders nowrap text.
+ *
+ * @category display
+ */
+let Text = class Text extends GlobalStyle {
+    constructor() {
+        super(...arguments);
+        /**
+         * Underline behavior.
+         */
+        this.underline = "none";
+    }
+    render() {
+        return html `<span part="root" class="${classList(this.underline, {
+            clip: this.clip,
+        })}">${htmlSlot()}</span>`;
+    }
+};
+__decorate([
+    property()
+], Text.prototype, "underline", void 0);
+__decorate([
+    property({ type: Boolean })
+], Text.prototype, "clip", void 0);
+Text = __decorate([
+    godown(protoName),
+    styles(css `:host{${cssScope}--color:currentColor;${cssScope}--color-hover:currentColor;${cssScope}--color-active:currentColor;display:inline-block;text-overflow:ellipsis;overflow-wrap:break-word}span{white-space:nowrap;width:100%;vertical-align:bottom;display:inline-block;text-overflow:inherit;overflow-wrap:inherit;overflow:hidden;color:var(${cssScope}--color)}span:hover{color:var(${cssScope}--color-hover,var(${cssScope}--color))}span:active{color:var(${cssScope}--color-active,var(${cssScope}--color))}.active:active,.always,.hover:hover{text-decoration:underline}.none{text-decoration:none}.clip{background:var(${cssGlobalVars.clipBackground});display:inline-block;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}`)
+], Text);
+var Text$1 = Text;
+
+export { Text$1 as default };
+//# sourceMappingURL=text.js.map

package/components/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;AAIG;AAGH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAS,CAAA,SAAA,GAA2C,MAAM,CAAC;KAoB5D;IAZW,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAGT,yBAAA,EAAA,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE;YACxB,IAAI,EAAE,IAAI,CAAC,IAAI;AAChB,SAAA,CACH,CAEI,EAAA,EAAA,QAAQ,EAAE,CAAA,OAAA,CACN,CAAC;KACV;CACF,CAAA;AApBC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACgD,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAM3D,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACd,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAXV,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,QAAQ,CAAA,2BAAA,EAA8B,QAAQ,CAAA,qPAAA,EAAwP,QAAQ,CAAA,8BAAA,EAAiC,QAAQ,CAAqB,kBAAA,EAAA,QAAQ,CAAmC,gCAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,2HAA2H,aAAa,CAAC,cAAc,CAAA,+HAAA,CAAiI,CAAC;AACpwB,CAAA,EAAA,IAAI,CAyBT,CAAA;AAED,aAAe,IAAI;;;;"}

package/{web-components/text → components}/time.d.ts

@@ -1,9 +1,11 @@
 import { type PropertyValues } from "lit";
-import { GodownElement } from "../../proto/godown-element.js";
+import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Time} renders a formatting time.
+ *
+ * @category display
  */
-export declare class Time extends GodownElement {
+declare class Time extends GlobalStyle {
     /**
      * Cancels the next character formatting.
      */
@@ -38,7 +40,7 @@ export declare class Time extends GodownElement {
      * h for hour\
      * m for minute\
      * s for second\
-     * S for milli Second\
+     * S for milli second\
      * Z for time zone.
      *
      * @param fm Format string.

package/components/time.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../src/components/time.ts"],"names":[],"mappings":"AAEA,OAAO,EAAO,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAItD;;;;GAIG;AACH,cAEM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,MAAM,SAAO;IACb;;;OAGG;IAEH,MAAM,SAA8B;IACpC;;OAEG;IAEH,IAAI,OAAc;IAClB;;OAEG;IAEH,OAAO,SAAK;IACZ;;OAEG;IAEH,GAAG,SAAK;IAER,SAAS,EAAE,MAAM,CAAC;IAElB,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB;IAIpB,YAAY;IAMZ;;;;;;;;;;;;;OAaG;IACH,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,GAAG,MAAM;CAwCrD;AAED,eAAe,IAAI,CAAC"}

package/{web-components/text → components}/time.js

@@ -1,14 +1,18 @@
+import { __decorate } from 'tslib';
+import { godown } from '@godown/element/decorators/godown.js';
+import { styles } from '@godown/element/decorators/styles.js';
+import { css } from 'lit';
+import { property } from 'lit/decorators.js';
+import { GlobalStyle } from '../core/global-style.js';
+
 var Time_1;
-import { __decorate } from "tslib";
-import { css, property } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import styles from "../../decorators/styles.js";
-import { GodownElement } from "../../proto/godown-element.js";
 const protoName = "time";
 /**
  * {@linkcode Time} renders a formatting time.
+ *
+ * @category display
  */
-let Time = Time_1 = class Time extends GodownElement {
+let Time = Time_1 = class Time extends GlobalStyle {
     constructor() {
         super(...arguments);
         /**
@@ -53,7 +57,7 @@ let Time = Time_1 = class Time extends GodownElement {
         clearInterval(this.timeoutId);
     }
     startTimeout() {
-        return setInterval(() => {
+        return window.setInterval(() => {
             this.time = new Date(this.time.getTime() + (this.gap || this.timeout));
         }, Math.abs(this.timeout));
     }
@@ -64,7 +68,7 @@ let Time = Time_1 = class Time extends GodownElement {
      * h for hour\
      * m for minute\
      * s for second\
-     * S for milli Second\
+     * S for milli second\
      * Z for time zone.
      *
      * @param fm Format string.
@@ -107,9 +111,7 @@ let Time = Time_1 = class Time extends GodownElement {
         return result
             .reverse()
             .join("")
-            .replace(new RegExp(replaced, "g"), () => {
-            return rest.shift();
-        });
+            .replace(new RegExp(replaced, "g"), () => rest.shift());
     }
 };
 __decorate([
@@ -129,14 +131,9 @@ __decorate([
 ], Time.prototype, "gap", void 0);
 Time = Time_1 = __decorate([
     godown(protoName),
-    styles([
-        css `
-    :host {
-      text-align: center;
-    }
-  `,
-    ])
+    styles(css `:host{text-align:center}`)
 ], Time);
-export { Time };
-export default Time;
-//# sourceMappingURL=time.js.map
+var Time$1 = Time;
+
+export { Time$1 as default };
+//# sourceMappingURL=time.js.map

package/components/time.js.map

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

package/components/tooltip.d.ts

@@ -0,0 +1,38 @@
+import SuperOpenable, { type Direction8 } from "../core/super-openable.js";
+/**
+ * {@linkcode Tooltip} provide tooltip for slot elements.
+ *
+ * If it has the tip property, ignore the slot tip.
+ *
+ * @slot tip - Tip element.
+ * @slot - Content.
+ * @category feedback
+ */
+declare class Tooltip extends SuperOpenable {
+    /**
+     * Tip text, if there is a value, the slot will be ignored.
+     */
+    tip: string;
+    /**
+     * Direction of opening the tip.
+     */
+    direction: Direction8;
+    /**
+     * Content alignment.
+     */
+    align: "center" | "flex-start" | "flex-end" | "start" | "end";
+    /**
+     * If true, allow penetration of the tip.
+     */
+    propagation: boolean;
+    static aligns: {
+        start: string;
+        end: string;
+        center: string;
+        "flex-start": string;
+        "flex-end": string;
+    };
+    protected render(): import("lit").TemplateResult<1>;
+}
+export default Tooltip;
+//# sourceMappingURL=tooltip.d.ts.map

package/components/tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/components/tooltip.ts"],"names":[],"mappings":"AAOA,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAKM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAS;IAC9B;;OAEG;IAEH,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAY;IAEzE;;OAEG;IAEH,WAAW,EAAE,OAAO,CAAC;IAErB,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM;CAQjB;AAED,eAAe,OAAO,CAAC"}

package/components/tooltip.js

@@ -0,0 +1,67 @@
+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 { css, html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
+import SuperOpenable from '../core/super-openable.js';
+
+var Tooltip_1;
+const protoName = "tooltip";
+const cssScope = scopePrefix(protoName);
+/**
+ * {@linkcode Tooltip} provide tooltip for slot elements.
+ *
+ * If it has the tip property, ignore the slot tip.
+ *
+ * @slot tip - Tip element.
+ * @slot - Content.
+ * @category feedback
+ */
+let Tooltip = Tooltip_1 = class Tooltip extends SuperOpenable {
+    constructor() {
+        super(...arguments);
+        /**
+         * Direction of opening the tip.
+         */
+        this.direction = "top";
+        /**
+         * Content alignment.
+         */
+        this.align = "center";
+    }
+    render() {
+        const align = Tooltip_1.aligns[this.align] || "inherit";
+        return html `<div part="root" style="justify-content:${align};align-items:${align}">${htmlSlot()}<div part="tip" direction="${this.direction}" style="pointer-events:${this.propagation ? "none" : "all"}">${this.tip
+            ? html `<span class="passive">${this.tip}</span>`
+            : htmlSlot("tip")}</div></div>`;
+    }
+};
+Tooltip.aligns = {
+    start: "flex-start",
+    end: "flex-end",
+    center: "center",
+    "flex-start": "flex-start",
+    "flex-end": "flex-end",
+};
+__decorate([
+    property()
+], Tooltip.prototype, "tip", void 0);
+__decorate([
+    property()
+], Tooltip.prototype, "direction", void 0);
+__decorate([
+    property()
+], Tooltip.prototype, "align", void 0);
+__decorate([
+    property({ type: Boolean })
+], Tooltip.prototype, "propagation", void 0);
+Tooltip = Tooltip_1 = __decorate([
+    godown(protoName),
+    styles(css `:host{${cssScope}--tip-background:var(${cssGlobalVars.background});display:inline-block;width:-moz-fit-content;width:fit-content}[part=root]{display:flex;position:relative;transition:inherit;border-radius:inherit}[part=tip]{width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;position:absolute;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}:host(:hover) [part=tip],:host([open]) [part=tip],[part=tip]:hover{visibility:visible}.passive{background:var(${cssScope}--tip-background);padding:0 .5em}`, css `[direction^=top]{bottom:100%}[direction^=bottom]{top:100%}[direction$=right]{left:100%}[direction$=left]{right:100%}`)
+], Tooltip);
+var Tooltip$1 = Tooltip;
+
+export { Tooltip$1 as default };
+//# sourceMappingURL=tooltip.js.map

package/components/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../src/components/tooltip.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AASA,MAAM,SAAS,GAAG,SAAS,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;AAQG;AAMH,IAAM,OAAO,GAAA,SAAA,GAAb,MAAM,OAAQ,SAAQ,aAAa,CAAA;AAAnC,IAAA,WAAA,GAAA;;AAME;;AAEG;QAEH,IAAS,CAAA,SAAA,GAAe,KAAK,CAAC;AAC9B;;AAEG;QAEH,IAAK,CAAA,KAAA,GAA2D,QAAQ,CAAC;KA4B1E;IAZW,MAAM,GAAA;AACd,QAAA,MAAM,KAAK,GAAG,SAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC;AACtD,QAAA,OAAO,IAAI,CAAA,CAA2C,wCAAA,EAAA,KAAK,CAAgB,aAAA,EAAA,KAAK,CAC5E,EAAA,EAAA,QAAQ,EAAE,CAAA,2BAAA,EACiB,IAAI,CAAC,SAAS,CAAA,wBAAA,EAA2B,IAAI,CAAC,WAAW,GAAG,MAAM,GAAG,KAAK,CAAA,EAAA,EAEvG,IAAI,CAAC,GAAG;AACN,cAAE,IAAI,CAAA,yBAAyB,IAAI,CAAC,GAAG,CAAS,OAAA,CAAA;AAChD,cAAE,QAAQ,CAAC,KAAK,CACpB,cACO,CAAC;KACT;;AAnBM,OAAA,CAAA,MAAM,GAAG;AACd,IAAA,KAAK,EAAE,YAAY;AACnB,IAAA,GAAG,EAAE,UAAU;AACf,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,YAAY,EAAE,YAAY;AAC1B,IAAA,UAAU,EAAE,UAAU;AACvB,CANY,CAMX;AAxBF,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACC,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKZ,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACmB,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAK9B,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AAC8D,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,OAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMzE,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;AACP,CAAA,EAAA,OAAA,CAAA,SAAA,EAAA,aAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AArBjB,OAAO,GAAA,SAAA,GAAA,UAAA,CAAA;IALZ,MAAM,CAAC,SAAS,CAAC;AACjB,IAAA,MAAM,CACL,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,aAAa,CAAC,UAAU,CAAA,kcAAA,EAA+c,QAAQ,CAAmC,iCAAA,CAAA,EAC9jB,GAAG,CAAA,sHAA8H,CAClI;AACK,CAAA,EAAA,OAAO,CA2CZ,CAAA;AAED,gBAAe,OAAO;;;;"}

package/{web-components/text → components}/typewriter.d.ts

@@ -1,9 +1,11 @@
-import { type PropertyValueMap } from "../../_deps.js";
-import { GodownElement } from "../../proto/godown-element.js";
+import { type PropertyValueMap } from "lit";
+import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Typewriter} renders a typewriter effect to text.
+ *
+ * @category effect
  */
-export declare class Typewriter extends GodownElement {
+declare class Typewriter extends GlobalStyle {
     /**
      * Raw text.
      */

package/components/typewriter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"typewriter.d.ts","sourceRoot":"","sources":["../src/components/typewriter.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAGvD,OAAO,EAAE,WAAW,EAAe,MAAM,yBAAyB,CAAC;AAKnE;;;;GAIG;AACH,cAEM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,IAAI,SAAM;IACV;;OAEG;IAEH,OAAO,UAAS;IAChB;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,GAAG,SAAO;IACV;;OAEG;IAEH,GAAG,SAAM;IACT;;OAEG;IAEH,KAAK,SAAK;IACV;;OAEG;IAEH,KAAK,SAAK;IACV;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,EAAE,MAAM,CAAC;IAElB,EAAE,EAAE,WAAW,CAAC;IAEhB;;OAEG;IACH,IAAI,GAAG,WAEN;IAED,SAAS,CAAC,MAAM;IAQhB,SAAS,CAAC,YAAY;IAStB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAM3D,KAAK,CAAC,EAAE,SAAa;IAYrB,IAAI;IAIJ,GAAG;CAGJ;AAED,eAAe,UAAU,CAAC"}

package/{web-components/text → components}/typewriter.js

@@ -1,17 +1,21 @@
-import { __decorate } from "tslib";
-import { css, html, property, query, state } from "../../_deps.js";
-import { godown } from "../../decorators/godown.js";
-import { styles } from "../../decorators/styles.js";
-import { htmlSlot } from "../../lib/directives.js";
-import { random } from "../../lib/utils.js";
-import { GodownElement } from "../../proto/godown-element.js";
-import { createScope } from "../../styles/global.js";
+import { __decorate } from 'tslib';
+import { godown } from '@godown/element/decorators/godown.js';
+import { styles } from '@godown/element/decorators/styles.js';
+import { classList } from '@godown/element/directives/class-list.js';
+import { htmlSlot } from '@godown/element/directives/html-slot.js';
+import { random } from '@godown/element/tools/lib.js';
+import { css, html } from 'lit';
+import { property, state, query } from 'lit/decorators.js';
+import { scopePrefix, GlobalStyle } from '../core/global-style.js';
+
 const protoName = "typewriter";
-const cssScope = createScope(protoName);
+const cssScope = scopePrefix(protoName);
 /**
  * {@linkcode Typewriter} renders a typewriter effect to text.
+ *
+ * @category effect
  */
-let Typewriter = class Typewriter extends GodownElement {
+let Typewriter = class Typewriter extends GlobalStyle {
     constructor() {
         super(...arguments);
         /**
@@ -54,11 +58,13 @@ let Typewriter = class Typewriter extends GodownElement {
         return this.text.length;
     }
     render() {
-        return html `${htmlSlot()}${this.content}<i part="cursor" class="${(this.ended && "hidden") || ""}"></i>`;
+        return html `${htmlSlot()}${this.content}<i part="cursor" class="${classList({
+            hidden: this.ended,
+        })}"></i>`;
     }
     firstUpdated() {
         if (!this.text) {
-            this.text = this.assignedNodes[0]?.textContent.trim() || "";
+            this.text = this._slot?.assignedNodes()[0]?.textContent.trim() || "";
         }
         if (!this.stopped && this.len) {
             this.write();
@@ -72,7 +78,7 @@ let Typewriter = class Typewriter extends GodownElement {
     write(at = this.index) {
         this.content = this.text.slice(0, at + 1);
         const timeout = this.delay || random(this.max, this.min);
-        this.timeoutID = setTimeout(() => {
+        this.timeoutID = window.setTimeout(() => {
             const nx = at + 1;
             if (nx <= this.len) {
                 this.index = nx;
@@ -116,39 +122,9 @@ __decorate([
 ], Typewriter.prototype, "_i", void 0);
 Typewriter = __decorate([
     godown(protoName),
-    styles([
-        css `
-    :host {
-      --${cssScope}--cursor-width: .05em;
-      font-family: monospace;
-      white-space: nowrap;
-    }
-
-    i {
-      border-right: var(--${cssScope}--cursor-width) solid;
-      margin-left: 0.02em;
-      animation: s 1.5s steps(1) infinite;
-    }
-
-    @keyframes s {
-      0% {
-        border-color: currentColor;
-      }
-      50% {
-        border-color: transparent;
-      }
-    }
-
-    slot {
-      display: none;
-    }
-
-    .hidden {
-      visibility: hidden;
-    }
-  `,
-    ])
+    styles(css `:host{${cssScope}--cursor-width:.05em;font-family:monospace;white-space:nowrap}i{border-right:var(${cssScope}--cursor-width) solid;margin-left:.02em;animation:s 1.5s steps(1) infinite}@keyframes s{0%{border-color:currentColor}50%{border-color:transparent}}slot{display:none}.hidden{visibility:hidden}`)
 ], Typewriter);
-export { Typewriter };
-export default Typewriter;
-//# sourceMappingURL=typewriter.js.map
+var Typewriter$1 = Typewriter;
+
+export { Typewriter$1 as default };
+//# sourceMappingURL=typewriter.js.map

package/components/typewriter.js.map

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

package/core/global-style.d.ts

@@ -0,0 +1,21 @@
+import { type Gradients, presetsRGB } from "@godown/colors/presets-rgb.js";
+import GodownElement from "@godown/element";
+import { CSSResult } from "lit";
+export declare class GlobalStyle extends GodownElement {
+}
+export declare function scopePrefix(scope: string, len?: number): CSSResult;
+export declare function variablePrefix(variable: string): CSSResult;
+export declare const cssGlobalVars: {
+    foreground: CSSResult;
+    background: CSSResult;
+    clipBackground: CSSResult;
+    active: CSSResult;
+    passive: CSSResult;
+    _colors: PresetsGradientsCSSResult;
+    input: CSSResult;
+    white: CSSResult;
+    black: CSSResult;
+};
+type PresetsGradientsCSSResult = Record<keyof typeof presetsRGB, Gradients<CSSResult>>;
+export {};
+//# sourceMappingURL=global-style.d.ts.map

package/core/global-style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"global-style.d.ts","sourceRoot":"","sources":["../src/core/global-style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,SAAS,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3E,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAG5C,OAAO,EAAO,SAAS,EAAa,MAAM,KAAK,CAAC;AAIhD,qBAAa,WAAY,SAAQ,aAAa;CAC7C;AAID,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,SAAI,aAEjD;AAED,wBAAgB,cAAc,CAAC,QAAQ,EAAE,MAAM,aAE9C;AAED,eAAO,MAAM,aAAa;;;;;;;;;;CAUzB,CAAC;AAEF,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC"}

package/core/global-style.js

@@ -0,0 +1,46 @@
+import { presetsRGB } from '@godown/colors/presets-rgb.js';
+import { travel } from '@godown/colors/travel.js';
+import GodownElement from '@godown/element';
+import GodownConfig from '@godown/element/config.js';
+import { trim } from '@godown/element/tools/lib.js';
+import { unsafeCSS, css } from 'lit';
+
+GodownElement.godownConfig ||= new GodownConfig();
+class GlobalStyle extends GodownElement {
+}
+const cssvar = trim(GlobalStyle.godownConfig.prefix, "-");
+function scopePrefix(scope, len = 1) {
+    return variablePrefix(cssvar + "-".repeat(len) + scope);
+}
+function variablePrefix(variable) {
+    return unsafeCSS("--" + variable);
+}
+const cssGlobalVars = {
+    foreground: scopePrefix("foreground", 2),
+    background: scopePrefix("background", 2),
+    clipBackground: scopePrefix("clip-background", 2),
+    active: scopePrefix("active", 2),
+    passive: scopePrefix("passive", 2),
+    _colors: {},
+    input: scopePrefix("input", 2),
+    white: scopePrefix("color-white", 2),
+    black: scopePrefix("color-black", 2),
+};
+GlobalStyle.styles = [
+    unsafeCSS(":host{"
+        + `${cssGlobalVars.black}:rgb(0 0 0);`
+        + `${cssGlobalVars.white}:rgb(255 255 255);`
+        + travel((key, gradient, rgb) => {
+            cssGlobalVars._colors[key] ||= [];
+            cssGlobalVars._colors[key].push(unsafeCSS(scopePrefix("color", 2) + "-" + key + "-" + gradient));
+            const endKey = `-${key}-${gradient}`;
+            const colorKey = scopePrefix("color", 2) + endKey;
+            return `${colorKey}:rgb(${rgb});`;
+        }, presetsRGB).join("")
+        + "}"),
+    css `:host{${cssGlobalVars.background}:var(${cssGlobalVars._colors.darkgray[9]});${cssGlobalVars.foreground}:var(${cssGlobalVars._colors.lightgray[0]});${cssGlobalVars.active}:var(${cssGlobalVars._colors.blue[6]});${cssGlobalVars.passive}:var(${cssGlobalVars._colors.darkgray[6]});${cssGlobalVars.clipBackground}:linear-gradient(180deg,var(${cssGlobalVars.foreground}),var(${cssGlobalVars.passive}))}`,
+    css `*{border:0;outline:0;margin:0;padding:0;font-size:100%;font-style:normal;box-sizing:border-box}:host{box-sizing:border-box}a{text-decoration:none}span{white-space:nowrap}svg{-webkit-user-select:none;user-select:none}`,
+];
+
+export { GlobalStyle, cssGlobalVars, scopePrefix, variablePrefix };
+//# sourceMappingURL=global-style.js.map

package/core/global-style.js.map

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

package/core/super-anchor.d.ts

@@ -0,0 +1,15 @@
+import { GlobalStyle } from "./global-style.js";
+declare class SuperAnchor extends GlobalStyle {
+    /**
+     * A element href.
+     */
+    href: string;
+    /**
+     * A element target.
+     */
+    target: "_blank" | "_self" | "_parent" | "_top";
+    protected render(): import("lit").TemplateResult<1>;
+    protected _handleClick(_: MouseEvent): void;
+}
+export default SuperAnchor;
+//# sourceMappingURL=super-anchor.d.ts.map

package/core/super-anchor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"super-anchor.d.ts","sourceRoot":"","sources":["../src/core/super-anchor.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAEhD,cACM,WAAY,SAAQ,WAAW;IACnC;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAa;IACzB;;OAEG;IAEH,MAAM,EAAE,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAW;IAE1D,SAAS,CAAC,MAAM;IAKhB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CACrC;AAED,eAAe,WAAW,CAAC"}