godown 3.0.0-canary.1 → 3.0.0-canary.11

package/components/split.js

@@ -1,14 +1,22 @@
 import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { styles } from '@godown/element/decorators/styles.js';
+import { attr } from '@godown/element/directives/attr.js';
 import { classList } from '@godown/element/directives/class-list.js';
-import { css, html, nothing } from 'lit';
+import { html, nothing, css } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
 import SuperInput from '../core/super-input.js';
 
 const protoName = "split";
 const cssScope = scopePrefix(protoName);
+const loop = (len, fn) => {
+    const result = new Array(len);
+    for (let index = 0; index < len; index++) {
+        result[index] = fn(index);
+    }
+    return result;
+};
 /**
  * {@linkcode Split} renders multiple input boxes.
  *
@@ -33,8 +41,7 @@ let Split = class Split extends SuperInput {
         this.currentValue = [];
     }
     render() {
-        return html `<div part="root">${this.currentValue
-            .map((value, index) => html `<span part="input-box" @click="${this.disabled ? null : () => this.focusAt(index)}" class="${classList({ focus: this.current === index }) || nothing}">${value}</span>`)} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" .value="${
+        return html `<div part="root" ${attr(this.observedRecord)}>${loop(this.len, (index) => html `<span part="input-box" @click="${this.disabled ? null : () => this.focusAt(index)}" class="${classList({ focus: this.current === index }) || nothing}">${this.currentValue[index]}</span>`)} <input part="input" id="${this.makeId}" @blur="${this.blur}" @input="${this._handleInput}" .value="${
         /* Ensure that input always has a value of length this.len */
         this.value.padStart(this.len, " ")}"></div>`;
     }
@@ -47,7 +54,29 @@ let Split = class Split extends SuperInput {
         if (this.compositing) {
             return;
         }
-        if (e.data === null) {
+        this.fillInput(e.data);
+        this.value = this.currentValue.join("");
+        this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
+        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
+    }
+    /**
+     * Fill input with data.
+     *
+     * If data is null
+     *  - If current value is null, move to before.
+     *  - If current value is not null, delete it.
+     *
+     * If data is not null
+     *  - If current value is null, input data.
+     *  - If current value is not null, input data and move to after.
+     *
+     * If data is multiple characters,
+     *   Fill input with data[0] and call fillInput with data.slice(1).
+     *
+     * @param data Input event data.
+     */
+    fillInput(data) {
+        if (data === null) {
             // delete
             if (this.currentValue[this.current] !== null) {
                 // delete exist value
@@ -59,28 +88,32 @@ let Split = class Split extends SuperInput {
                 const lastNotNull = this.currentValue.findLastIndex(a => a !== null);
                 this.current = this.current - 1 < 0 ? lastNotNull < 0 ? 0 : lastNotNull : this.current - 1;
             }
+            return;
         }
-        else {
-            // input
-            this.currentValue[this.current] = e.data;
-            if (this.current + 1 >= this.len) {
-                // index overflow
-                this.current = this.currentValue.indexOf(null);
-                if (this.current === -1) {
-                    this.blur();
-                }
+        const multiple = data.length > 1;
+        // input
+        this.currentValue[this.current] = data[0];
+        if (this.current + 1 >= this.len) {
+            // index overflow
+            this.current = this.currentValue.indexOf(null);
+            if (this.current === -1) {
+                this.blur();
             }
-            else {
-                // go to after
-                this.current += 1;
+        }
+        else {
+            // go to after
+            this.current += 1;
+        }
+        if (multiple) {
+            const after = data.slice(1);
+            if (after) {
+                this.fillInput(after);
             }
         }
-        this.value = this.currentValue.join("");
-        this.dispatchEvent(new CustomEvent("input", { detail: this.value, bubbles: true, composed: true }));
-        this.dispatchEvent(new CustomEvent("change", { detail: this.value, composed: true }));
     }
     focus() {
         this.focusAt(this.current);
+        super.focus();
     }
     focusAt(i) {
         this.current = i;
@@ -89,6 +122,7 @@ let Split = class Split extends SuperInput {
     blur() {
         this._input.blur();
         this.current = -1;
+        super.blur();
     }
     reset() {
         this.current = -1;
@@ -113,7 +147,7 @@ __decorate([
 ], Split.prototype, "currentValue", void 0);
 Split = __decorate([
     godown(protoName),
-    styles(css `:host{color:var(${cssGlobalVars.foreground});display:block;border-radius:1px;width:-moz-fit-content;width:fit-content;${cssScope}--size:1.45em;${cssScope}--gap:.25em}[part=root]{gap:var(${cssScope}--gap);width:100%;position:relative;vertical-align:top;display:inline-flex;justify-content:space-between;border-radius:inherit}[part=input-box]{width:var(${cssScope}--size);height:var(${cssScope}--size);vertical-align:top;text-align:center;background-color:var(${cssGlobalVars.input}-background);border-radius:inherit}[part=input]{width:100%;height:100%;opacity:0;background:0 0;position:absolute;z-index:-1}.focus{box-shadow:var(${cssGlobalVars.input}-box-shadow)}`)
+    styles(css `:host{color:var(${cssGlobalVars.foreground});display:block;border-radius:1px;width:-moz-fit-content;width:fit-content;${cssScope}--size:1.45em;${cssScope}--gap:.25em}:host([contents]) [part=root]{width:-moz-fit-content;width:fit-content}[part=root]{gap:var(${cssScope}--gap);width:100%;position:relative;vertical-align:top;display:inline-flex;justify-content:space-between;border-radius:inherit}[part=input-box]{width:var(${cssScope}--size);height:var(${cssScope}--size);vertical-align:top;text-align:center;background-color:var(${cssGlobalVars.input}-background);border-radius:inherit}[part=input]{width:100%;height:100%;opacity:0;background:0 0;position:absolute;z-index:-1}.focus{box-shadow:var(${cssGlobalVars.input}-box-shadow)}`)
 ], Split);
 var Split$1 = Split;
 

package/components/split.js.map

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

package/components/switch.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import SuperInput from "../core/super-input.js";
 /**
  * {@linkcode Switch} renders a switch.
@@ -9,7 +10,7 @@ import SuperInput from "../core/super-input.js";
  */
 declare class Switch extends SuperInput {
     /**
-     * Border style.
+     * Display rounded.
      */
     round: boolean;
     /**
@@ -17,19 +18,19 @@ declare class Switch extends SuperInput {
      */
     checked: boolean;
     /**
-     * Whether this element is disabled or not.
+     * Disable this element.
      */
     disabled: boolean;
     /**
-     * Parsed by JSON.parse to checked.
+     * Default checked state.
      */
     default: string;
     /**
      * Input value.
      */
     value: string;
-    _input: HTMLInputElement;
-    protected render(): import("lit").TemplateResult<1>;
+    protected _input: HTMLInputElement;
+    protected render(): TemplateResult<1>;
     reset(): void;
     connectedCallback(): void;
     protected _handleChange(): void;

package/components/switch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AAMA,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;GAOG;AACH,cAIM,MAAO,SAAQ,UAAU;IAC7B;;OAEG;IAEH,KAAK,UAAS;IACd;;OAEG;IAEH,OAAO,UAAS;IAChB;;OAEG;IAEH,QAAQ,UAAS;IACjB;;OAEG;IAEH,OAAO,SAAW;IAClB;;OAEG;IAEH,KAAK,SAAQ;IAGb,MAAM,EAAE,gBAAgB,CAAC;IAEzB,SAAS,CAAC,MAAM;IAIhB,KAAK;IAKL,iBAAiB;IAUjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,MAAM,CAAC"}
+{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../src/components/switch.ts"],"names":[],"mappings":"AAGA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,UAAU,MAAM,wBAAwB,CAAC;AAKhD;;;;;;;GAOG;AACH,cAIM,MAAO,SAAQ,UAAU;IAC7B;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,QAAQ,UAAS;IAEjB;;OAEG;IAEH,OAAO,SAAW;IAElB;;OAEG;IAEH,KAAK,SAAQ;IAGb,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;IAEnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAKb,iBAAiB,IAAI,IAAI;IAUzB,SAAS,CAAC,aAAa,IAAI,IAAI;IAM/B,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,MAAM,CAAC"}

package/components/switch.js

@@ -1,7 +1,8 @@
 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 { attr } from '@godown/element/directives/attr.js';
+import { html, css } from 'lit';
 import { property, query } from 'lit/decorators.js';
 import { scopePrefix, cssGlobalVars } from '../core/global-style.js';
 import SuperInput from '../core/super-input.js';
@@ -20,7 +21,7 @@ let Switch = class Switch extends SuperInput {
     constructor() {
         super(...arguments);
         /**
-         * Border style.
+         * Display rounded.
          */
         this.round = false;
         /**
@@ -28,11 +29,11 @@ let Switch = class Switch extends SuperInput {
          */
         this.checked = false;
         /**
-         * Whether this element is disabled or not.
+         * Disable this element.
          */
         this.disabled = false;
         /**
-         * Parsed by JSON.parse to checked.
+         * Default checked state.
          */
         this.default = "false";
         /**
@@ -41,7 +42,7 @@ let Switch = class Switch extends SuperInput {
         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>`;
+        return html `<div part="root" ${attr(this.observedRecord)} 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 part="handle" class="${this.checked}"></span></div>`;
     }
     reset() {
         this.checked = this.default === "true";
@@ -85,7 +86,7 @@ __decorate([
 ], 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})}`)
+    styles(css `:host,:host([contents]) [part=root]{width:var(${cssScope}-width);height:var(${cssScope}-height)}:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/ 2);${cssScope}-handle-size:1.25em;${cssScope}-handle-space:.125em;${cssScope}-transition:.2s ease-in-out;background:var(${cssGlobalVars.input}-background);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}input{opacity:0;width:100%;height:100%;-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{left:50%}.rect .true{background:var(${cssGlobalVars.active})}.rect .false{background:var(${cssGlobalVars.passive})}.round span{--size:var(${cssScope}-handle-size);border-radius:100%;background:var(--godown--input-control);width:var(--size);height:var(--size);margin:var(${cssScope}-handle-space)}.round{background:var(${cssGlobalVars.passive})}:host([checked]) .round{background:var(${cssGlobalVars.active})}`)
 ], Switch);
 var Switch$1 = Switch;
 

package/components/switch.js.map

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

package/components/text.d.ts

@@ -1,3 +1,4 @@
+import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Text} renders nowrap text.
@@ -13,7 +14,7 @@ declare class Text extends GlobalStyle {
      * Set background-clip to text.
      */
     clip: boolean;
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 export default Text;
 //# sourceMappingURL=text.d.ts.map

package/components/text.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/components/text.ts"],"names":[],"mappings":"AAKA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrD,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,IAAI,cAAc,CAAC,CAAC,CAAC;CAGtC;AAED,eAAe,IAAI,CAAC"}

package/components/text.js

@@ -1,11 +1,12 @@
 import { __decorate } from 'tslib';
 import { godown } from '@godown/element/decorators/godown.js';
 import { styles } from '@godown/element/decorators/styles.js';
+import { attr } from '@godown/element/directives/attr.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 { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
-import { scopePrefix, cssGlobalVars, GlobalStyle } from '../core/global-style.js';
+import { scopePrefix, GlobalStyle, cssGlobalVars } from '../core/global-style.js';
 
 const protoName = "text";
 const cssScope = scopePrefix(protoName);
@@ -23,9 +24,7 @@ let Text = class Text extends GlobalStyle {
         this.underline = "none";
     }
     render() {
-        return html `<span part="root" class="${classList(this.underline, {
-            clip: this.clip,
-        })}">${htmlSlot()}</span>`;
+        return html `<span part="root" ${attr(this.observedRecord)} class="${classList(this.underline)}">${htmlSlot()}</span>`;
     }
 };
 __decorate([
@@ -36,7 +35,7 @@ __decorate([
 ], 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}`)
+    styles(css `:host{${cssScope}--color:currentColor;${cssScope}--color-hover:currentColor;${cssScope}--color-active:currentColor;display:inline-block;text-overflow:ellipsis;overflow-wrap:break-word}[part=root]{white-space:nowrap;width:100%;vertical-align:bottom;display:inline-block;text-overflow:inherit;overflow-wrap:inherit;overflow:hidden;color:var(${cssScope}--color)}[part=root]:hover{color:var(${cssScope}--color-hover,var(${cssScope}--color))}[part=root]: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;
 

package/components/text.js.map

@@ -1 +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;;;;"}
+{"version":3,"file":"text.js","sources":["../src/components/text.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;;AAUA,MAAM,SAAS,GAAG,MAAM;AAExB,MAAM,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC;AAEvC;;;;AAIE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAS,CAAA,SAAA,GAA2C,MAAM;;IAQhD,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAEP,kBAAA,EAAA,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,QAAA,EAClB,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,KAEhC,QAAQ,EAAE,SACN;;CAEZ;AAjBE,UAAA,CAAA;AADC,IAAA,QAAQ;AACiD,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,WAAA,EAAA,KAAA,CAAA,CAAA;AAM1D,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE;AACd,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAXT,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;IAChB,MAAM,CAAC,GAAG,CAAA,CAAS,MAAA,EAAA,QAAQ,wBAAwB,QAAQ,CAAA,2BAAA,EAA8B,QAAQ,CAAA,4PAAA,EAA+P,QAAQ,CAAA,qCAAA,EAAwC,QAAQ,CAAqB,kBAAA,EAAA,QAAQ,CAA0C,uCAAA,EAAA,QAAQ,CAAsB,mBAAA,EAAA,QAAQ,4HAA4H,aAAa,CAAC,cAAc,CAAA,+HAAA,CAAiI;AACzxB,CAAA,EAAA,IAAI,CAsBV;AAEA,aAAe,IAAI;;;;"}

package/components/time.d.ts

@@ -1,4 +1,4 @@
-import { type PropertyValues } from "lit";
+import { type PropertyValues, TemplateResult } from "lit";
 import { GlobalStyle } from "../core/global-style.js";
 /**
  * {@linkcode Time} renders a formatting time.
@@ -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;
-    protected render(): string;
+    gap: any;
+    protected timeoutId: number;
+    protected render(): TemplateResult<1>;
     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/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":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAGrE,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,EAAE,IAAI,CAAc;IAExB;;OAEG;IAEH,OAAO,EAAE,GAAG,CAAC;IAEb;;OAEG;IAEH,GAAG,EAAE,GAAG,CAAC;IAET,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAE5B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAM9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAS1D,oBAAoB,IAAI,IAAI;IAI5B,YAAY,IAAI,MAAM;CAKvB;AAED,eAAe,IAAI,CAAC"}

package/components/time.js

@@ -1,44 +1,36 @@
 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 { attr } from '@godown/element/directives/attr.js';
+import fmtime from 'fmtime';
+import { html, css } from 'lit';
 import { property } from 'lit/decorators.js';
 import { GlobalStyle } from '../core/global-style.js';
 
-var Time_1;
 const protoName = "time";
 /**
  * {@linkcode Time} renders a formatting 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 html `<span part="root" ${attr(this.observedRecord)}>${fmtime(this.format, this.time, this.escape)}</span>`;
     }
     firstUpdated() {
         if (this.timeout) {
@@ -61,58 +53,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()
@@ -129,7 +69,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/components/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","sources":["../src/components/time.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;AAOA,MAAM,SAAS,GAAG,MAAM,CAAC;AAEzB;;;;AAIG;AAGH,IAAM,IAAI,GAAA,MAAA,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEG;QAEH,IAAM,CAAA,MAAA,GAAG,GAAG,CAAC;AACb;;;AAGG;QAEH,IAAM,CAAA,MAAA,GAAG,0BAA0B,CAAC;AACpC;;AAEG;AAEH,QAAA,IAAA,CAAA,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;AAClB;;AAEG;QAEH,IAAO,CAAA,OAAA,GAAG,CAAC,CAAC;AACZ;;AAEG;QAEH,IAAG,CAAA,GAAA,GAAG,CAAC,CAAC;KAuFT;IAnFW,MAAM,GAAA;AACd,QAAA,OAAO,MAAI,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;KACtD;IAES,YAAY,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;SACtC;KACF;AAES,IAAA,OAAO,CAAC,iBAAiC,EAAA;AACjD,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACpC,YAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;AAC9B,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE,CAAC;aACtC;SACF;KACF;IAED,oBAAoB,GAAA;AAClB,QAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;KAC/B;IAED,YAAY,GAAA;AACV,QAAA,OAAO,MAAM,CAAC,WAAW,CAAC,MAAK;YAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;SACxE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC;KAC5B;AAED;;;;;;;;;;;;;AAaG;AACH,IAAA,OAAO,GAAG,CAAC,EAAU,EAAE,EAAQ,EAAE,EAAU,EAAA;QACzC,IAAI,CAAC,EAAE,EAAE;AACP,YAAA,OAAO,EAAE,CAAC;SACX;AACD,QAAA,EAAE,GAAG,OAAO,EAAE,KAAK,QAAQ,GAAG,IAAI,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC;QAChD,IAAI,KAAK,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,EAAE;AACvB,YAAA,OAAO,EAAE,CAAC;SACX;QACD,MAAM,IAAI,GAAG,EAAE,CAAC;AAChB,QAAA,MAAM,QAAQ,GAAG,CAAA,EAAG,EAAE,CAAG,EAAA,EAAE,EAAE,CAAC;QAC9B,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,CAAA,EAAG,EAAE,CAAA,UAAA,EAAa,EAAE,CAAI,EAAA,CAAA,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,EAAE,EAAE,KAAI;AACnE,YAAA,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACd,YAAA,OAAO,QAAQ,CAAC;AAClB,SAAC,CAAC,CAAC;AAEH,QAAA,SAAS,YAAY,CAAC,CAAS,EAAE,GAAG,GAAG,CAAC,EAAA;AACtC,YAAA,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;SAClD;QAED,MAAM,CAAC,GAAG,EAAE,CAAC,iBAAiB,EAAE,GAAG,CAAC,EAAE,CAAC;AACvC,QAAA,MAAM,QAAQ,GAA6B;YACzC,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC,QAAQ,EAAE,CAAC;AAC/C,YAAA,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC;YACxC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;AAClC,YAAA,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC;AAC7B,YAAA,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC;AAC9B,YAAA,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;AAChC,YAAA,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,CAAC;YAChC,CAAC,EAAE,YAAY,CAAC,EAAE,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;SACzC,CAAC;QACF,MAAM,MAAM,GAAa,EAAE,CAAC;AAC5B,QAAA,KAAK,MAAM,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,OAAO,EAAE,EAAE;YACtC,MAAM,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC;AAC7B,YAAA,MAAM,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;SACxB;AACD,QAAA,OAAO,MAAM;AACV,aAAA,OAAO,EAAE;aACT,IAAI,CAAC,EAAE,CAAC;AACR,aAAA,OAAO,CAAC,IAAI,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,CAAC,CAAC;KAC3D;CACF,CAAA;AA5GC,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACE,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAMb,UAAA,CAAA;AADC,IAAA,QAAQ,EAAE;AACyB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKpC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACT,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKlB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACf,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AAKZ,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACnB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA,CAAA;AA1BJ,IAAI,GAAA,MAAA,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAC;AACjB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,wBAAA,CAA0B,CAAC;AAChC,CAAA,EAAA,IAAI,CAiHT,CAAA;AAED,aAAe,IAAI;;;;"}
+{"version":3,"file":"time.js","sources":["../src/components/time.ts"],"sourcesContent":null,"names":[],"mappings":";;;;;;;;;AASA,MAAM,SAAS,GAAG,MAAM;AAExB;;;;AAIE;AAGF,IAAM,IAAI,GAAV,MAAM,IAAK,SAAQ,WAAW,CAAA;AAA9B,IAAA,WAAA,GAAA;;AACE;;AAEE;QAEF,IAAM,CAAA,MAAA,GAAG,GAAG;AAEZ;;AAEE;QAEF,IAAM,CAAA,MAAA,GAAG,0BAA0B;AAEnC;;AAEE;AAEF,QAAA,IAAA,CAAA,IAAI,GAAS,IAAI,IAAI,EAAE;;IAgBb,MAAM,GAAA;QACd,OAAO,IAAI,CAAA,CAAA,kBAAA,EAAqB,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA,CAAA,EACrD,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,CAAC,CAAA,OAAA,CACvC;;IAGA,YAAY,GAAA;AACpB,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;;;AAI9B,IAAA,OAAO,CAAC,iBAAiC,EAAA;AACjD,QAAA,IAAI,iBAAiB,CAAC,GAAG,CAAC,SAAS,CAAC,EAAE;AACpC,YAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;AAC7B,YAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AAChB,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,YAAY,EAAE;;;;IAK1C,oBAAoB,GAAA;AAClB,QAAA,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC;;IAG/B,YAAY,GAAA;AACV,QAAA,OAAO,MAAM,CAAC,WAAW,CAAC,MAAK;YAC7B,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC;SACvE,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;;CAE9B;AA1DE,UAAA,CAAA;AADC,IAAA,QAAQ;AACG,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAMZ,UAAA,CAAA;AADC,IAAA,QAAQ;AAC0B,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,QAAA,EAAA,KAAA,CAAA,CAAA;AAMnC,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACH,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,MAAA,EAAA,KAAA,CAAA,CAAA;AAMvB,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AACd,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAMZ,UAAA,CAAA;AADC,IAAA,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE;AAClB,CAAA,EAAA,IAAA,CAAA,SAAA,EAAA,KAAA,EAAA,KAAA,CAAA,CAAA;AA7BJ,IAAI,GAAA,UAAA,CAAA;IAFT,MAAM,CAAC,SAAS,CAAA;AAChB,IAAA,MAAM,CAAC,GAAG,CAAA,CAAA,wBAAA,CAA0B;AAC/B,CAAA,EAAA,IAAI,CA+DV;AAEA,aAAe,IAAI;;;;"}

package/components/tooltip.d.ts

@@ -1,10 +1,11 @@
+import { type TemplateResult } from "lit";
 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 tip - Tip element if no `tip` provided.
  * @slot - Content.
  * @category feedback
  */
@@ -25,6 +26,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;
@@ -32,7 +43,7 @@ declare class Tooltip extends SuperOpenable {
         "flex-start": string;
         "flex-end": string;
     };
-    protected render(): import("lit").TemplateResult<1>;
+    protected render(): TemplateResult<1>;
 }
 export default Tooltip;
 //# sourceMappingURL=tooltip.d.ts.map

package/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,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"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../src/components/tooltip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAIrD,OAAO,aAAa,EAAE,EAAE,KAAK,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAK3E;;;;;;;;GAQG;AACH,cAKM,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,IAAI,cAAc,CAAC,CAAC,CAAC;CAStC;AAED,eAAe,OAAO,CAAC"}