godown 3.0.0-canary.1 → 3.0.0-canary.10

package/dev/components/text.js

@@ -50,7 +50,7 @@ Text = __decorate([
       overflow-wrap: break-word;
     }
 
-    span {
+    [part=root] {
       white-space: nowrap;
       width: 100%;
       vertical-align: bottom;
@@ -61,11 +61,11 @@ Text = __decorate([
       color: var(${cssScope}--color);
     }
 
-    span:hover {
+    [part=root]:hover {
       color: var(${cssScope}--color-hover, var(${cssScope}--color));
     }
 
-    span:active {
+    [part=root]:active {
       color: var(${cssScope}--color-active, var(${cssScope}--color));
     }
 

package/dev/components/time.d.ts

@@ -7,12 +7,11 @@ import { GlobalStyle } from "../core/global-style.js";
  */
 declare class Time extends GlobalStyle {
     /**
-     * Cancels the next character formatting.
+     * Escape symbol.
      */
     escape: string;
     /**
      * Format strings.
-     * {@linkcode Time.fmt}
      */
     format: string;
     /**
@@ -22,32 +21,17 @@ declare class Time extends GlobalStyle {
     /**
      * If there is a value, update every gap or timeout.
      */
-    timeout: number;
+    timeout: any;
     /**
      * The number of milliseconds that change with each update.
      */
-    gap: number;
-    timeoutId: number;
+    gap: any;
+    protected timeoutId: number;
     protected render(): string;
     protected firstUpdated(): void;
     protected updated(changedProperties: PropertyValues): void;
     disconnectedCallback(): void;
     startTimeout(): number;
-    /**
-     * Y for year\
-     * M for month\
-     * D for day\
-     * h for hour\
-     * m for minute\
-     * s for second\
-     * S for milli second\
-     * Z for time zone.
-     *
-     * @param fm Format string.
-     * @param tm Time.
-     * @returns Format result
-     */
-    static fmt(fm: string, tm: Date, em: string): string;
 }
 export default Time;
 //# sourceMappingURL=time.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"time.d.ts","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":"AAGA,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;IAEb;;OAEG;IAEH,MAAM,SAA8B;IAEpC;;OAEG;IAEH,IAAI,OAAc;IAElB;;OAEG;IAEH,OAAO,MAAC;IAER;;OAEG;IAEH,GAAG,MAAC;IAEJ,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAMtB,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB;IAIpB,YAAY;CAKb;AAED,eAAe,IAAI,CAAC"}

package/dev/components/time.js

@@ -1,7 +1,7 @@
-var Time_1;
 import { __decorate } from "tslib";
 import { godown } from "@godown/element/decorators/godown.js";
 import { styles } from "@godown/element/decorators/styles.js";
+import fmtime from "fmtime";
 import { css } from "lit";
 import { property } from "lit/decorators.js";
 import { GlobalStyle } from "../core/global-style.js";
@@ -11,33 +11,24 @@ const protoName = "time";
  *
  * @category display
  */
-let Time = Time_1 = class Time extends GlobalStyle {
+let Time = class Time extends GlobalStyle {
     constructor() {
         super(...arguments);
         /**
-         * Cancels the next character formatting.
+         * Escape symbol.
          */
         this.escape = "%";
         /**
          * Format strings.
-         * {@linkcode Time.fmt}
          */
         this.format = "YYYY-MM-DD hh:mm:ss UTFZ";
         /**
          * Time.
          */
         this.time = new Date();
-        /**
-         * If there is a value, update every gap or timeout.
-         */
-        this.timeout = 0;
-        /**
-         * The number of milliseconds that change with each update.
-         */
-        this.gap = 0;
     }
     render() {
-        return Time_1.fmt(this.format, this.time, this.escape);
+        return fmtime(this.format, this.time, this.escape);
     }
     firstUpdated() {
         if (this.timeout) {
@@ -60,58 +51,6 @@ let Time = Time_1 = class Time extends GlobalStyle {
             this.time = new Date(this.time.getTime() + (this.gap || this.timeout));
         }, Math.abs(this.timeout));
     }
-    /**
-     * Y for year\
-     * M for month\
-     * D for day\
-     * h for hour\
-     * m for minute\
-     * s for second\
-     * S for milli second\
-     * Z for time zone.
-     *
-     * @param fm Format string.
-     * @param tm Time.
-     * @returns Format result
-     */
-    static fmt(fm, tm, em) {
-        if (!fm) {
-            return fm;
-        }
-        tm = typeof tm === "string" ? new Date(tm) : tm;
-        if (isNaN(tm.getTime())) {
-            return fm;
-        }
-        const rest = [];
-        const replaced = `${em}${em}`;
-        fm = fm.replace(new RegExp(`${em}([ZYMDhmsS${em}])`, "g"), (_, p1) => {
-            rest.push(p1);
-            return replaced;
-        });
-        function formatNumber(n, max = 2) {
-            return n.toString().padStart(max, "0").split("");
-        }
-        const z = tm.getTimezoneOffset() / -60;
-        const switcher = {
-            Z: [z >= 0 ? "+" + z.toString() : z.toString()],
-            Y: tm.getFullYear().toString().split(""),
-            M: formatNumber(tm.getMonth() + 1),
-            D: formatNumber(tm.getDate()),
-            h: formatNumber(tm.getHours()),
-            m: formatNumber(tm.getMinutes()),
-            s: formatNumber(tm.getSeconds()),
-            S: formatNumber(tm.getMilliseconds(), 3),
-        };
-        const result = [];
-        for (const f of fm.split("").reverse()) {
-            const s = switcher[f]?.pop();
-            result.push(s ? s : f);
-        }
-        return result
-            .reverse()
-            .join("")
-            .replace(new RegExp(replaced, "g"), () => rest.shift());
-    }
 };
 __decorate([
     property()
@@ -128,7 +67,7 @@ __decorate([
 __decorate([
     property({ type: Number })
 ], Time.prototype, "gap", void 0);
-Time = Time_1 = __decorate([
+Time = __decorate([
     godown(protoName),
     styles(css `:host{text-align: center;}`)
 ], Time);

package/dev/components/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"time.js","sourceRoot":"","sources":["../../src/components/time.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,MAAM,MAAM,QAAQ,CAAC;AAC5B,OAAO,EAAE,GAAG,EAAuB,MAAM,KAAK,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAEtD,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;GAIG;AAGH,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW;IAA9B;;QACE;;WAEG;QAEH,WAAM,GAAG,GAAG,CAAC;QAEb;;WAEG;QAEH,WAAM,GAAG,0BAA0B,CAAC;QAEpC;;WAEG;QAEH,SAAI,GAAG,IAAI,IAAI,EAAE,CAAC;IA4CpB,CAAC;IA5BW,MAAM;QACd,OAAO,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;IACrD,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;QACvC,CAAC;IACH,CAAC;IAES,OAAO,CAAC,iBAAiC;QACjD,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;YACrC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;YAC9B,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;gBACjB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;YACvC,CAAC;QACH,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IAChC,CAAC;IAED,YAAY;QACV,OAAO,MAAM,CAAC,WAAW,CAAC,GAAG,EAAE;YAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;QACzE,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;IAC7B,CAAC;CACF,CAAA;AAxDC;IADC,QAAQ,EAAE;oCACE;AAMb;IADC,QAAQ,EAAE;oCACyB;AAMpC;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;kCACT;AAMlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qCACnB;AAMR;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iCACvB;AA7BA,IAAI;IAFT,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CAAC,GAAG,CAAA,4BAA4B,CAAC;GAClC,IAAI,CA6DT;AAED,eAAe,IAAI,CAAC"}

package/dev/components/tooltip.d.ts

@@ -4,7 +4,7 @@ import SuperOpenable, { type Direction8 } from "../core/super-openable.js";
  *
  * If it has the tip property, ignore the slot tip.
  *
- * @slot tip - Tip element.
+ * @slot tip - Tip element if no `tip` provided.
  * @slot - Content.
  * @category feedback
  */
@@ -25,6 +25,16 @@ declare class Tooltip extends SuperOpenable {
      * If true, allow penetration of the tip.
      */
     propagation: boolean;
+    /**
+     * How can tips be triggered.
+     *
+     * If `focus`, element will be focusable, open tip when focused.
+     *
+     * If `hover`, element will open tip when hovered.
+     *
+     * @default "hover"
+     */
+    type: "hover" | "focus";
     static aligns: {
         start: string;
         end: string;

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

@@ -1 +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,cAmDM,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;CAYjB;AAED,eAAe,OAAO,CAAC"}
+{"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,cAgDM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,SAAS,EAAE,UAAU,CAAS;IAE9B;;OAEG;IAEH,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAY;IAEzE;;OAEG;IAEH,WAAW,UAAS;IAEpB;;;;;;;;OAQG;IAEH,IAAI,EAAE,OAAO,GAAG,OAAO,CAAW;IAElC,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM;CAqBjB;AAED,eAAe,OAAO,CAAC"}

package/dev/components/tooltip.js

@@ -5,7 +5,7 @@ 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 { cssGlobalVars, scopePrefix } from "../core/global-style.js";
+import { scopePrefix } from "../core/global-style.js";
 import SuperOpenable from "../core/super-openable.js";
 const protoName = "tooltip";
 const cssScope = scopePrefix(protoName);
@@ -14,7 +14,7 @@ const cssScope = scopePrefix(protoName);
  *
  * If it has the tip property, ignore the slot tip.
  *
- * @slot tip - Tip element.
+ * @slot tip - Tip element if no `tip` provided.
  * @slot - Content.
  * @category feedback
  */
@@ -29,12 +29,35 @@ let Tooltip = Tooltip_1 = class Tooltip extends SuperOpenable {
          * Content alignment.
          */
         this.align = "center";
+        /**
+         * If true, allow penetration of the tip.
+         */
+        this.propagation = false;
+        /**
+         * How can tips be triggered.
+         *
+         * If `focus`, element will be focusable, open tip when focused.
+         *
+         * If `hover`, element will open tip when hovered.
+         *
+         * @default "hover"
+         */
+        this.type = "hover";
     }
     render() {
         const align = Tooltip_1.aligns[this.align] || "inherit";
-        return html `<div part="root" style="justify-content:${align};align-items:${align}">
+        const isFocusable = this.type === "focus";
+        return html `<div part="root"
+      tabindex="${isFocusable ? 0 : -1}"
+      @focus="${isFocusable ? () => this.open = true : null}"
+      @blur="${isFocusable ? () => this.open = false : null}"
+      @mouseenter="${isFocusable ? null : () => this.open = true}"
+      @mouseleave="${isFocusable ? null : () => this.open = false}"
+      style="justify-content:${align};align-items:${align}">
       ${htmlSlot()}
-      <div part="tip" direction="${this.direction}" style="pointer-events:${this.propagation ? "none" : "all"}">
+      <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>
@@ -60,23 +83,26 @@ __decorate([
 __decorate([
     property({ type: Boolean })
 ], Tooltip.prototype, "propagation", void 0);
+__decorate([
+    property()
+], Tooltip.prototype, "type", void 0);
 Tooltip = Tooltip_1 = __decorate([
     godown(protoName),
     styles(css `
     :host {
-      ${cssScope}--tip-background: var(${cssGlobalVars.background});
+      ${cssScope}--tip-background: inherit;
       display: inline-block;
       width: fit-content;
     }
 
-    [part="root"] {
+    [part=root] {
       display: flex;
       position: relative;
       transition: inherit;
       border-radius: inherit;
     }
 
-    [part="tip"] {
+    [part=tip] {
       width: fit-content;
       height: fit-content;
       position: absolute;
@@ -85,27 +111,24 @@ Tooltip = Tooltip_1 = __decorate([
       user-select: none;
     }
 
-    :host([open]) [part="tip"],
-    :host(:hover) [part="tip"],
-    [part="tip"]:hover {
+    :host([open]) [part=tip] {
       visibility: visible;
     }
 
-    .passive{
+    .passive {
       background: var(${cssScope}--tip-background);
-      padding: 0 .5em;
     }
   `, css `
-    [direction^="top"] {
+    [direction^=top] {
       bottom: 100%;
     }
-    [direction^="bottom"] {
+    [direction^=bottom] {
       top: 100%;
     }
-    [direction$="right"] {
+    [direction$=right] {
       left: 100%;
     }
-    [direction$="left"] {
+    [direction$=left] {
       right: 100%;
     }
   `)

package/dev/components/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,aAAkC,MAAM,2BAA2B,CAAC;AAE3E,MAAM,SAAS,GAAG,SAAS,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;GAQG;AAoDH,IAAM,OAAO,eAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QAME;;WAEG;QAEH,cAAS,GAAe,KAAK,CAAC;QAC9B;;WAEG;QAEH,UAAK,GAA2D,QAAQ,CAAC;IA4B3E,CAAC;IAZW,MAAM;QACd,MAAM,KAAK,GAAG,SAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC;QACtD,OAAO,IAAI,CAAA,2CAA2C,KAAK,gBAAgB,KAAK;QAC5E,QAAQ,EAAE;mCACiB,IAAI,CAAC,SAAS,2BAA2B,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;MAEvG,IAAI,CAAC,GAAG;YACN,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,GAAG,SAAS;YAChD,CAAC,CAAC,QAAQ,CAAC,KAAK,CACpB;WACO,CAAC;IACV,CAAC;;AAnBM,cAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,UAAU;CACvB,AANY,CAMX;AAxBF;IADC,QAAQ,EAAE;oCACC;AAKZ;IADC,QAAQ,EAAE;0CACmB;AAK9B;IADC,QAAQ,EAAE;sCAC8D;AAMzE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACP;AArBjB,OAAO;IAnDZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ,yBAAyB,aAAa,CAAC,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;wBA4BzC,QAAQ;;;GAG7B,EACD,GAAG,CAAA;;;;;;;;;;;;;GAaF,CACF;GACK,OAAO,CA2CZ;AAED,eAAe,OAAO,CAAC"}
+{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../src/components/tooltip.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,yCAAyC,CAAC;AACnE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,aAAkC,MAAM,2BAA2B,CAAC;AAE3E,MAAM,SAAS,GAAG,SAAS,CAAC;AAC5B,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;AAExC;;;;;;;;GAQG;AAiDH,IAAM,OAAO,eAAb,MAAM,OAAQ,SAAQ,aAAa;IAAnC;;QAOE;;WAEG;QAEH,cAAS,GAAe,KAAK,CAAC;QAE9B;;WAEG;QAEH,UAAK,GAA2D,QAAQ,CAAC;QAEzE;;WAEG;QAEH,gBAAW,GAAG,KAAK,CAAC;QAEpB;;;;;;;;WAQG;QAEH,SAAI,GAAsB,OAAO,CAAC;IA+BpC,CAAC;IArBW,MAAM;QACd,MAAM,KAAK,GAAG,SAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,SAAS,CAAC;QACtD,MAAM,WAAW,GAAG,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC;QAC1C,OAAO,IAAI,CAAA;kBACG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;gBACtB,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI;eAC5C,WAAW,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,CAAC,CAAC,IAAI;qBACtC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI;qBAC3C,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,GAAG,KAAK;+BAClC,KAAK,gBAAgB,KAAK;QACjD,QAAQ,EAAE;;mBAEC,IAAI,CAAC,SAAS;8BACH,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK;MAEzD,IAAI,CAAC,GAAG;YACN,CAAC,CAAC,IAAI,CAAA,yBAAyB,IAAI,CAAC,GAAG,SAAS;YAChD,CAAC,CAAC,QAAQ,CAAC,KAAK,CACpB;WACO,CAAC;IACV,CAAC;;AA5BM,cAAM,GAAG;IACd,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,YAAY,EAAE,YAAY;IAC1B,UAAU,EAAE,UAAU;CACvB,AANY,CAMX;AAtCF;IADC,QAAQ,EAAE;oCACC;AAMZ;IADC,QAAQ,EAAE;0CACmB;AAM9B;IADC,QAAQ,EAAE;sCAC8D;AAMzE;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CACR;AAYpB;IADC,QAAQ,EAAE;qCACuB;AAnC9B,OAAO;IAhDZ,MAAM,CAAC,SAAS,CAAC;IACjB,MAAM,CACL,GAAG,CAAA;;QAEG,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;wBA0BQ,QAAQ;;GAE7B,EACD,GAAG,CAAA;;;;;;;;;;;;;GAaF,CACF;GACK,OAAO,CAkEZ;AAED,eAAe,OAAO,CAAC"}

package/dev/components/typewriter.d.ts

@@ -38,8 +38,8 @@ declare class Typewriter extends GlobalStyle {
      * Internal text.
      */
     content: string;
-    timeoutID: number;
-    _i: HTMLElement;
+    protected timeoutID: number;
+    protected _i: HTMLElement;
     /**
      * {@linkcode Typewriter.text} length.
      */

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

@@ -1 +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,cA+BM,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"}
+{"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,cA8BM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,IAAI,SAAM;IAEV;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,OAAO,SAAM;IAEb,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAG5B,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC;IAE1B;;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/dev/components/typewriter.js

@@ -124,7 +124,6 @@ Typewriter = __decorate([
     styles(css `
     :host {
       ${cssScope}--cursor-width: .05em;
-      font-family: monospace;
       white-space: nowrap;
     }
 

package/dev/components/typewriter.js.map

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

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

@@ -1 +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;;;;;;aAMT,yBAAyB;;;;CAIzC,CAAC;AAEF,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC"}
+{"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;AAI5C,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;;;;;;aAMT,yBAAyB;;;;CAIzC,CAAC;AAEF,KAAK,yBAAyB,GAAG,MAAM,CAAC,MAAM,OAAO,UAAU,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC"}

package/dev/core/global-style.js

@@ -2,6 +2,7 @@ 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 { joinProperties } from "@godown/element/tools/css.js";
 import { trim } from "@godown/element/tools/lib.js";
 import { css, unsafeCSS } from "lit";
 GodownElement.godownConfig ||= new GodownConfig();
@@ -36,17 +37,15 @@ GlobalStyle.styles = [
             const colorKey = scopePrefix("color", 2) + endKey;
             return `${colorKey}:rgb(${rgb});`;
         }, presetsRGB).join("")
+        + joinProperties({
+            [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(to bottom, var(${cssGlobalVars.foreground}), var(${cssGlobalVars.passive}))`,
+        })
         + "}"),
     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;

package/dev/core/global-style.js.map

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

package/dev/core/super-input.d.ts

@@ -6,21 +6,20 @@ declare class SuperInput extends GlobalStyle {
     disabled: boolean;
     type: InputType;
     placeholder: string;
-    label: string;
     name: string;
     value: any;
     /**
      * default property records the default or initial value and is used to reset the input.
      */
     default: any;
-    _input: HTMLInputElement;
+    protected _input: HTMLInputElement;
     /**
      * Returns true when the input is compositing.
      */
     compositing: boolean;
     set defaultValue(value: typeof this.default);
     get defaultValue(): typeof this.default;
-    makeId: string;
+    protected makeId: string;
     namevalue(): [string, any];
     nameValue: () => [string, any];
     reset(): void;

package/dev/core/super-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../../src/core/super-input.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,OAAO,EAAiB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAgE/D,cACM,UAAW,SAAQ,WAAW;IAClC,SAAS,EAAE,OAAO,CAAC;IAEnB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,QAAQ,EAAE,OAAO,CAAC;IAGlB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,KAAK,EAAE,MAAM,CAAC;IAGd,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,GAAG,CAAC;IAEX;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,MAAM,EAAE,gBAAgB,CAAC;IAEzB;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,MAAM,SAAuC;IAE7C,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,QAJI,CAAC,MAAM,EAAE,GAAG,CAAC,CAIC;IAE3B,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC;IAgBxD,iBAAiB;IAKjB,SAAS,CAAC,cAAc;IAKxB,SAAS,CAAC,gBAAgB;IAU1B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,IAAI;IAM9C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,aAAa;IAMvB,SAAS,CAAC,aAAa;CAiBxB;AAED,eAAe,UAAU,CAAC;AAE1B,KAAK,SAAS,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}
+{"version":3,"file":"super-input.d.ts","sourceRoot":"","sources":["../../src/core/super-input.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAK/D,OAAO,EAAiB,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAoE/D,cACM,UAAW,SAAQ,WAAW;IAClC,SAAS,EAAE,OAAO,CAAC;IAEnB,YAAY,EAAE,MAAM,GAAG,OAAO,CAAC;IAG/B,QAAQ,EAAE,OAAO,CAAC;IAGlB,IAAI,EAAE,SAAS,CAAC;IAGhB,WAAW,EAAE,MAAM,CAAC;IAGpB,IAAI,EAAE,MAAM,CAAC;IAGb,KAAK,EAAE,GAAG,CAAC;IAEX;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC;;OAEG;IACH,WAAW,EAAE,OAAO,CAAC;IAErB,IAAI,YAAY,CAAC,KAAK,EAAE,OAAO,IAAI,CAAC,OAAO,EAE1C;IAED,IAAI,YAAY,IAJQ,OAAO,IAAI,CAAC,OAAO,CAM1C;IAED,SAAS,CAAC,MAAM,SAAuC;IAEvD,SAAS,IAAI,CAAC,MAAM,EAAE,GAAG,CAAC;IAI1B,SAAS,QAJI,CAAC,MAAM,EAAE,GAAG,CAAC,CAIC;IAE3B,KAAK;IAKL,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC;IAgBxD,iBAAiB;IAKjB,SAAS,CAAC,cAAc;IAKxB,SAAS,CAAC,gBAAgB;IAU1B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,OAAO,IAAI,CAAC,IAAI;IAM9C,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAI5B,SAAS,CAAC,YAAY;IAItB,SAAS,CAAC,aAAa;IAMvB,SAAS,CAAC,aAAa;CAiBxB;AAED,eAAe,UAAU,CAAC;AAE1B,KAAK,SAAS,GACV,QAAQ,GACR,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,UAAU,GACV,MAAM,GACN,OAAO,GACP,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,QAAQ,GACR,OAAO,GACP,OAAO,GACP,UAAU,GACV,OAAO,GACP,MAAM,GACN,OAAO,CAAC"}

package/dev/core/super-input.js

@@ -15,8 +15,11 @@ const fieldStyle = css `
     height: inherit;
   }
 
-  .input-field input {
+  .input-field [part=input] {
     background: transparent;
+    height: 100%;
+    width: 100%;
+    color: inherit;
   }
 
   .input-field:focus-within,
@@ -24,25 +27,21 @@ const fieldStyle = css `
     box-shadow: var(${cssGlobalVars.input}-box-shadow);
   }
 
-  .input-field i {
+  .input-field [part=icon] {
     display: flex;
     align-items: center;
     justify-content: center;
   }
 
-  .input-field label {
+  .input-field [part=prefix],
+  .input-field [part=suffix] {
     height: 100%;
     display: flex;
   }
 
-  .input-field [part="space"]{
+  .input-field [part=space]{
     width: var(${cssGlobalVars.input}-space);
   }
-
-  input::-ms-reveal,
-  input::-ms-clear {
-    display: none;
-  }
 `;
 const inputStyle = css `
 :host {
@@ -65,6 +64,11 @@ const inputStyle = css `
 input:disabled {
   cursor: inherit;
 }
+
+input::-ms-reveal,
+input::-ms-clear {
+  display: none;
+}
 `;
 let SuperInput = class SuperInput extends GlobalStyle {
     constructor() {
@@ -134,14 +138,14 @@ let SuperInput = class SuperInput extends GlobalStyle {
     _renderSuffix() {
         const PASSWORD = "password";
         return html `<label for=${this.makeId} part="suffix">${this.type === "password"
-            ? html `<i
-            part="icon"
-            @mousedown="${() => this._changeInputType("text")}"
-            @mouseup="${() => this._changeInputType(PASSWORD)}"
-            @mouseleave="${() => this._changeInputType(PASSWORD)}"
-          >
-          <i part="space"></i>
-          ${iconEyeSlashFill()}</i>`
+            ? html `
+        <i part="space"></i>
+        <i
+          part="icon"
+          @mousedown="${() => this._changeInputType("text")}"
+          @mouseup="${() => this._changeInputType(PASSWORD)}"
+          @mouseleave="${() => this._changeInputType(PASSWORD)}"
+        >${iconEyeSlashFill()}</i>`
             : htmlSlot("suffix")}
     <i part="space"></i>
   </label>`;
@@ -159,9 +163,6 @@ __decorate([
 __decorate([
     property({ reflect: true })
 ], SuperInput.prototype, "placeholder", void 0);
-__decorate([
-    property({ reflect: true })
-], SuperInput.prototype, "label", void 0);
 __decorate([
     property({ reflect: true })
 ], SuperInput.prototype, "name", void 0);

package/dev/core/super-input.js.map

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

package/dev/range.d.ts

@@ -3,7 +3,7 @@ export default Range;
 export * from "./components/range.js";
 declare global {
     interface HTMLElementTagNameMap {
-        "godown-range-input": Range;
+        "godown-range": Range;
     }
 }
 //# sourceMappingURL=range.d.ts.map

package/dev/range.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/range.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAI1C,eAAe,KAAK,CAAC;AAErB,cAAc,uBAAuB,CAAC;AAEtC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,KAAK,CAAC;KAC7B;CACF"}
+{"version":3,"file":"range.d.ts","sourceRoot":"","sources":["../src/range.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAI1C,eAAe,KAAK,CAAC;AAErB,cAAc,uBAAuB,CAAC;AAEtC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAC;KACvB;CACF"}