godown 2.6.2 → 2.7.1

package/web-components/group/tab-group.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tab-group.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/tab-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, html, property, type PropertyValueMap, state } from \"../../deps.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { deepQuerySelectorAll } from \"../../lib/utils.js\";\nimport { createScope, cssvarValues, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"tab-group\";\n\nconst cssvarScope = createScope(defineName);\n\n/**\n * TabGroup used to support multiple tabs.\n *\n * Inspired by Next-ui.\n */\n@define(defineName)\nexport class TabGroup extends GodownElement {\n  /**\n   * Active slot name.\n   */\n  @property() index = \"\";\n  /**\n   * Default slot name.\n   */\n  @property() def = \"\";\n  /**\n   * Align type.\n   */\n  @property() align = \"start\";\n  /**\n   * Header texts or slot names, if headers is a zero value, it is taken from the {@linkcode TabGroup.contents}.\n   */\n  @state() headers: string[] | void;\n  /**\n   * Contents slot names.\n   */\n  @state() contents: string[];\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        ${cssvarScope}--background: var(${cssvarValues.main});\n        ${cssvarScope}--background-active: rgb(var(${cssvarValues.textRGB}) / 18%);\n        ${cssvarScope}--radius: .25em;\n        ${cssvarScope}--cursor: default;\n        background: var(${cssvarScope}--background);\n        display: block;\n        color: var(${cssvarValues.text});\n      }\n\n      nav {\n        display: grid;\n        grid-auto-flow: column;\n        gap: 0.25em;\n        position: relative;\n        border-radius: inherit;\n      }\n\n      section {\n        white-space: nowrap;\n        border-radius: inherit;\n        padding: 0.15em 0.2em;\n        cursor: var(${cssvarScope}--cursor);\n        z-index: 1;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      #slider {\n        height: 100%;\n        position: absolute;\n        padding: 0;\n        background: var(${cssvarScope}--background-active);\n        transform: translateX(-50%);\n        transition: all 180ms ease 0s;\n        z-index: 0;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    const headers = (this.headers || this.contents).map((value) => {\n      return html`<section\n        class=\"${ifValue(this.index === value, \"active\")}\"\n        @click=\"${() => {\n          this.select(value, true);\n        }}\"\n      >\n        ${this.headers ? htmlSlot(value) : value}\n      </section>`;\n    });\n    return html`\n      <nav style=\"justify-content:${this.align}\">\n        ${headers}\n        <section id=\"slider\"></section>\n      </nav>\n      ${htmlSlot(this.index || this.def)}\n    `;\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>) {\n    if (changedProperties.has(\"index\")) {\n      // Move slider.\n      const active = this.shadowRoot.querySelector<HTMLElement>(\"section.active\");\n      const slider = this.shadowRoot.querySelector<HTMLElement>(\"#slider\");\n      if (active) {\n        this.dispatchEvent(new CustomEvent(\"select\", { detail: this.index }));\n        slider.style.width = `${active.clientWidth}px`;\n        slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], {\n          duration: 180,\n          fill: \"forwards\",\n        });\n      } else {\n        slider.style.width = \"0\";\n      }\n    }\n  }\n\n  /**\n   * Select one tab.\n   * @param s New index.\n   * @param callSync if true, update all same elements (headers contains s).\n   */\n  select(s: string, callSync = false) {\n    if (callSync) {\n      const elements = deepQuerySelectorAll<this>(this.tagName, document.body);\n      for (const e of elements) {\n        if ((e.headers || e.contents).includes(s)) {\n          e.select(s);\n        }\n      }\n      return;\n    }\n    this.index = s;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (!this.def) {\n      this.def = this.slottedNames[0] || \"\";\n    }\n    if (!this.index && this.def) {\n      this.index = this.def;\n    }\n    this.getTabs();\n  }\n\n  /**\n   * Update content controls (this.headers, this.contents).\n   */\n  getTabs() {\n    this.contents = this.slottedNames;\n  }\n}\n\nexport default TabGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"tab-group\": TabGroup;\n  }\n}\n"]}

package/web-components/input/base-input.d.ts

@@ -1,49 +0,0 @@
-import { type CSSResultGroup } from "../../deps.js";
-import { type HTMLTemplate } from "../../lib/templates.js";
-import { InputElement } from "./input.js";
-/**
- * BaseInput.
- */
-export declare class BaseInput extends InputElement {
-    /**
-     * Input sccept.
-     */
-    accept: any;
-    /**
-     * Value.
-     */
-    value: string | File | FileList;
-    /**
-     * Only single files are allowed to be selected.
-     */
-    only: boolean;
-    /**
-     * Input min.
-     */
-    min: number;
-    /**
-     * Input max.
-     */
-    max: number;
-    /**
-     * Input step.
-     */
-    step: number;
-    _input: HTMLInputElement;
-    _ranged: HTMLElement;
-    static styles: CSSResultGroup;
-    protected render(): HTMLTemplate;
-    connectedCallback(): void;
-    protected firstUpdated(): void;
-    protected _handleRange(e: any | Event): void;
-    protected _handleFile(e: any | Event): void;
-    reset(): void;
-    protected _typeSwitcher(): HTMLTemplate;
-}
-export default BaseInput;
-declare global {
-    interface HTMLElementTagNameMap {
-        "base-input": BaseInput;
-    }
-}
-//# sourceMappingURL=base-input.d.ts.map

package/web-components/input/base-input.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-input.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/base-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,eAAe,CAAC;AAChF,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAI1C;;GAEG;AACH,qBACa,SAAU,SAAQ,YAAY;IACzC;;OAEG;IACS,MAAM,MAAa;IAC/B;;OAEG;IACS,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,CAAa;IACxD;;OAEG;IAC0B,IAAI,UAAS;IAC1C;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,IAAI,SAAK;IAEpB,MAAM,EAAE,gBAAgB,CAAC;IACvB,OAAO,EAAE,WAAW,CAAC;IAExC,MAAM,CAAC,MAAM,iBA8GO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAahC,iBAAiB;IAejB,SAAS,CAAC,YAAY;IAOtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK;IAMrC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,GAAG,GAAG,KAAK;IAKpC,KAAK;IAeL,SAAS,CAAC,aAAa,IAAI,YAAY;CAYxC;AAED,eAAe,SAAS,CAAC;AAEzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/web-components/input/base-input.js

@@ -1,246 +0,0 @@
-import { __decorate } from "tslib";
-import { css, html, property, query } from "../../deps.js";
-import { htmlSlot } from "../../lib/templates.js";
-import { cssvar, cssvarValues, define } from "../../root.js";
-import { InputElement } from "./input.js";
-const defineName = "base-input";
-/**
- * BaseInput.
- */
-let BaseInput = class BaseInput extends InputElement {
-    constructor() {
-        super(...arguments);
-        /**
-         * Input sccept.
-         */
-        this.accept = undefined;
-        /**
-         * Value.
-         */
-        this.value = undefined;
-        /**
-         * Only single files are allowed to be selected.
-         */
-        this.only = false;
-        /**
-         * Input min.
-         */
-        this.min = 0;
-        /**
-         * Input max.
-         */
-        this.max = 100;
-        /**
-         * Input step.
-         */
-        this.step = 1;
-    }
-    render() {
-        if (this.type === "range") {
-            return html `<div class="range">
-        <input id="input" type="range" min="${this.min}" max="${this.max}" step="${this.step}" @input="${this._handleRange}" @change="${this._handleRange}" />
-        <b></b>
-        <b>
-          <i></i>
-        </b>
-      </div>`;
-        }
-        return html `<label for="input"> ${htmlSlot("pre")} ${this._typeSwitcher()} ${htmlSlot("suf")} </label>`;
-    }
-    connectedCallback() {
-        super.connectedCallback();
-        if (this.type === "file") {
-            this.value = null;
-        }
-        else {
-            if (!this.def) {
-                this.def = this.value || "";
-            }
-            if (!this.value) {
-                this.value = this.def;
-            }
-        }
-        this._initName();
-    }
-    firstUpdated() {
-        super.firstUpdated();
-        if (this.type === "range") {
-            this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + "%";
-        }
-    }
-    _handleRange(e) {
-        this.value = e.target.value;
-        this._ranged.style.width = (100 * parseInt(e.target.value)) / (this.max - this.min) + "%";
-        this.dispatchEvent(new CustomEvent("input", { detail: this.value }));
-    }
-    _handleFile(e) {
-        this.value = !this.only ? e.target.files : e.target.files[0];
-        this.dispatchEvent(new CustomEvent("change", { detail: this.value }));
-    }
-    reset() {
-        if (this.type === "file") {
-            this.value = null;
-            return;
-        }
-        if (this.type === "range") {
-            this._input.value = this.def || ((this.max - this.min) / 2).toString();
-            this.value = this._input.value;
-            this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + "%";
-        }
-        else {
-            this._input.value = this.def.toString();
-            this.value = this.def;
-        }
-    }
-    _typeSwitcher() {
-        switch (this.type) {
-            case "file":
-                return html `<input id="input" class="input" type="file" accept="${this.accept}" ?multiple="${!this.only}" @change="${this._handleFile}" />${htmlSlot()}`;
-            case "number":
-                return html `<input .value="${this.value}" ?autofocus="${this.autofocus}" id="input" class="input" type="number" placeholder="${this.pla}" min="${this.min}" max="${this.max}" @input="${this._handleInput}" @change="${this._handleChange}" />`;
-            default:
-                return html `<input .value="${this.value}" ?autofocus="${this.autofocus}" id="input" class="input" type="${this.type}" placeholder="${this.pla}" @input="${this._handleInput}" @change="${this._handleChange}" />`;
-        }
-    }
-};
-BaseInput.styles = [
-    InputElement.styles,
-    css `
-      :host {
-        width: var(${cssvarValues.input}--width);
-        height: var(${cssvarValues.input}--height);
-        background: var(${cssvarValues.input}--background);
-        margin: var(${cssvarValues.input}--outline-width);
-        outline: var(${cssvarValues.input}--outline);
-        border-radius: var(${cssvarValues.input}--radius);
-      }
-
-      input[type="file"] {
-        display: none;
-      }
-
-      label,
-      div {
-        width: 100%;
-        display: flex;
-        align-items: center;
-      }
-
-      * {
-        border-radius: inherit;
-        cursor: inherit;
-      }
-
-      input {
-        box-sizing: border-box;
-        height: 100%;
-        width: 100%;
-        margin: 0;
-        color: inherit;
-        background: transparent;
-        padding: 0 0.25em;
-        border-radius: 0.25em;
-      }
-    `,
-    css `
-      :host([type="range"]) {
-        height: auto !important;
-        margin: 0.3em 0;
-        background: var(${cssvarValues.input}--false);
-        border-radius: 2em;
-      }
-
-      .range b:nth-of-type(1) {
-        width: 1em;
-        left: 0;
-        background: var(${cssvarValues.input}--true);
-        border-top-right-radius: 0;
-        border-bottom-right-radius: 0;
-      }
-
-      .range b {
-        pointer-events: none;
-        width: calc(100% - 1em);
-        height: 100%;
-        left: 1em;
-        position: absolute;
-      }
-
-      .range {
-        height: fit-content;
-        position: relative;
-        display: inline-flex;
-        justify-content: center;
-        align-items: center;
-      }
-
-      .range input {
-        padding: 0;
-        height: 0.6em;
-        margin: 0px -0.5em;
-        appearance: none;
-        -webkit-appearance: none;
-        outline: none;
-        background: transparent;
-      }
-
-      .range i {
-        position: absolute;
-        left: 0;
-        width: 50%;
-        height: 100%;
-        pointer-events: none;
-        background: var(${cssvarValues.input}--true);
-        border-top-left-radius: 0;
-        border-bottom-left-radius: 0;
-      }
-
-      .range input::-webkit-slider-runnable-track {
-        height: 0.6em;
-      }
-
-      .range input::-webkit-slider-thumb {
-        z-index: 1;
-        appearance: none;
-        -webkit-appearance: none;
-        position: relative;
-        height: 1.2em;
-        width: 1.2em;
-        margin-top: -0.3em;
-        background: var(${cssvarValues.input}--control);
-        border-radius: 50%;
-        border: solid 0.125em var(${cssvarValues.input}--control-edge);
-        box-shadow: 0 0.1em 0.1em var(${cssvar}--shadow);
-      }
-    `,
-];
-__decorate([
-    property()
-], BaseInput.prototype, "accept", void 0);
-__decorate([
-    property()
-], BaseInput.prototype, "value", void 0);
-__decorate([
-    property({ type: Boolean })
-], BaseInput.prototype, "only", void 0);
-__decorate([
-    property({ type: Number })
-], BaseInput.prototype, "min", void 0);
-__decorate([
-    property({ type: Number })
-], BaseInput.prototype, "max", void 0);
-__decorate([
-    property({ type: Number })
-], BaseInput.prototype, "step", void 0);
-__decorate([
-    query("#input")
-], BaseInput.prototype, "_input", void 0);
-__decorate([
-    query(".range i")
-], BaseInput.prototype, "_ranged", void 0);
-BaseInput = __decorate([
-    define(defineName)
-], BaseInput);
-export { BaseInput };
-export default BaseInput;
-//# sourceMappingURL=base-input.js.map

package/web-components/input/base-input.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"base-input.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/base-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, html, property, query } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { cssvar, cssvarValues, define } from \"../../root.js\";\nimport { InputElement } from \"./input.js\";\n\nconst defineName = \"base-input\";\n\n/**\n * BaseInput.\n */\n@define(defineName)\nexport class BaseInput extends InputElement {\n  /**\n   * Input sccept.\n   */\n  @property() accept = undefined;\n  /**\n   * Value.\n   */\n  @property() value: string | File | FileList = undefined;\n  /**\n   * Only single files are allowed to be selected.\n   */\n  @property({ type: Boolean }) only = false;\n  /**\n   * Input min.\n   */\n  @property({ type: Number }) min = 0;\n  /**\n   * Input max.\n   */\n  @property({ type: Number }) max = 100;\n  /**\n   * Input step.\n   */\n  @property({ type: Number }) step = 1;\n\n  @query(\"#input\") _input: HTMLInputElement;\n  @query(\".range i\") _ranged: HTMLElement;\n\n  static styles = [\n    InputElement.styles,\n    css`\n      :host {\n        width: var(${cssvarValues.input}--width);\n        height: var(${cssvarValues.input}--height);\n        background: var(${cssvarValues.input}--background);\n        margin: var(${cssvarValues.input}--outline-width);\n        outline: var(${cssvarValues.input}--outline);\n        border-radius: var(${cssvarValues.input}--radius);\n      }\n\n      input[type=\"file\"] {\n        display: none;\n      }\n\n      label,\n      div {\n        width: 100%;\n        display: flex;\n        align-items: center;\n      }\n\n      * {\n        border-radius: inherit;\n        cursor: inherit;\n      }\n\n      input {\n        box-sizing: border-box;\n        height: 100%;\n        width: 100%;\n        margin: 0;\n        color: inherit;\n        background: transparent;\n        padding: 0 0.25em;\n        border-radius: 0.25em;\n      }\n    `,\n    css`\n      :host([type=\"range\"]) {\n        height: auto !important;\n        margin: 0.3em 0;\n        background: var(${cssvarValues.input}--false);\n        border-radius: 2em;\n      }\n\n      .range b:nth-of-type(1) {\n        width: 1em;\n        left: 0;\n        background: var(${cssvarValues.input}--true);\n        border-top-right-radius: 0;\n        border-bottom-right-radius: 0;\n      }\n\n      .range b {\n        pointer-events: none;\n        width: calc(100% - 1em);\n        height: 100%;\n        left: 1em;\n        position: absolute;\n      }\n\n      .range {\n        height: fit-content;\n        position: relative;\n        display: inline-flex;\n        justify-content: center;\n        align-items: center;\n      }\n\n      .range input {\n        padding: 0;\n        height: 0.6em;\n        margin: 0px -0.5em;\n        appearance: none;\n        -webkit-appearance: none;\n        outline: none;\n        background: transparent;\n      }\n\n      .range i {\n        position: absolute;\n        left: 0;\n        width: 50%;\n        height: 100%;\n        pointer-events: none;\n        background: var(${cssvarValues.input}--true);\n        border-top-left-radius: 0;\n        border-bottom-left-radius: 0;\n      }\n\n      .range input::-webkit-slider-runnable-track {\n        height: 0.6em;\n      }\n\n      .range input::-webkit-slider-thumb {\n        z-index: 1;\n        appearance: none;\n        -webkit-appearance: none;\n        position: relative;\n        height: 1.2em;\n        width: 1.2em;\n        margin-top: -0.3em;\n        background: var(${cssvarValues.input}--control);\n        border-radius: 50%;\n        border: solid 0.125em var(${cssvarValues.input}--control-edge);\n        box-shadow: 0 0.1em 0.1em var(${cssvar}--shadow);\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    if (this.type === \"range\") {\n      return html`<div class=\"range\">\n        <input id=\"input\" type=\"range\" min=\"${this.min}\" max=\"${this.max}\" step=\"${this.step}\" @input=\"${this._handleRange}\" @change=\"${this._handleRange}\" />\n        <b></b>\n        <b>\n          <i></i>\n        </b>\n      </div>`;\n    }\n    return html`<label for=\"input\"> ${htmlSlot(\"pre\")} ${this._typeSwitcher()} ${htmlSlot(\"suf\")} </label>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.type === \"file\") {\n      this.value = null;\n    } else {\n      if (!this.def) {\n        this.def = (this.value as string) || \"\";\n      }\n      if (!this.value) {\n        this.value = this.def;\n      }\n    }\n    this._initName();\n  }\n\n  protected firstUpdated() {\n    super.firstUpdated();\n    if (this.type === \"range\") {\n      this._ranged.style.width = 100 * (parseInt(this.value as string) / (this.max - this.min)) + \"%\";\n    }\n  }\n\n  protected _handleRange(e: any | Event) {\n    this.value = e.target.value;\n    this._ranged.style.width = (100 * parseInt(e.target.value)) / (this.max - this.min) + \"%\";\n    this.dispatchEvent(new CustomEvent(\"input\", { detail: this.value }));\n  }\n\n  protected _handleFile(e: any | Event) {\n    this.value = !this.only ? e.target.files : e.target.files[0];\n    this.dispatchEvent(new CustomEvent(\"change\", { detail: this.value }));\n  }\n\n  reset() {\n    if (this.type === \"file\") {\n      this.value = null;\n      return;\n    }\n    if (this.type === \"range\") {\n      this._input.value = this.def || ((this.max - this.min) / 2).toString();\n      this.value = this._input.value;\n      this._ranged.style.width = 100 * (parseInt(this.value) / (this.max - this.min)) + \"%\";\n    } else {\n      this._input.value = this.def.toString();\n      this.value = this.def;\n    }\n  }\n\n  protected _typeSwitcher(): HTMLTemplate {\n    switch (this.type) {\n      case \"file\":\n        return html`<input id=\"input\" class=\"input\" type=\"file\" accept=\"${this.accept}\" ?multiple=\"${!this.only}\" @change=\"${this._handleFile}\" />${htmlSlot()}`;\n\n      case \"number\":\n        return html`<input .value=\"${this.value}\" ?autofocus=\"${this.autofocus}\" id=\"input\" class=\"input\" type=\"number\" placeholder=\"${this.pla}\" min=\"${this.min}\" max=\"${this.max}\" @input=\"${this._handleInput}\" @change=\"${this._handleChange}\" />`;\n\n      default:\n        return html`<input .value=\"${this.value}\" ?autofocus=\"${this.autofocus}\" id=\"input\" class=\"input\" type=\"${this.type}\" placeholder=\"${this.pla}\" @input=\"${this._handleInput}\" @change=\"${this._handleChange}\" />`;\n    }\n  }\n}\n\nexport default BaseInput;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"base-input\": BaseInput;\n  }\n}\n"]}

package/web-components/items/alert-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-item.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/alert-item.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAQ,MAAM,wBAAwB,CAAC;AAE3E,OAAO,EAAuB,aAAa,EAAE,MAAM,eAAe,CAAC;AAQnE,QAAA,MAAM,MAAM;;;;;;CAMX,CAAC;AAEF;;;;GAIG;AACH,qBACa,SAAU,SAAQ,aAAa;IAC1C;;OAEG;IACS,IAAI,EAAE,MAAM,OAAO,MAAM,GAAG,MAAM,CAAU;IACxD;;OAEG;IACyB,SAAS,SAAQ;IAC7C;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACS,OAAO,SAAM;IAEzB,MAAM,CAAC,MAAM,4BA0EX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAahC,KAAK;IAOL,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,WAAW,EAAE,MAAM,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,SAAS;CAMvE;AAED,eAAe,SAAS,CAAC;AACzB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/web-components/items/alert-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"alert-item.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/alert-item.ts"],"names":[],"mappings":";;AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC/D,OAAO,EAAE,QAAQ,EAAqB,IAAI,EAAE,MAAM,wBAAwB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnE,MAAM,UAAU,GAAG,YAAY,CAAC;AAChC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C,MAAM,YAAY,GAAG,cAAc,CAAC;AAEpC,MAAM,IAAI,GAAG,CAAC,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,GAAG,WAAW,KAAK,CAAC,EAAE,CAAC,CAAC;AAC3F,MAAM,MAAM,GAAG;IACb,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACrD,IAAI,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IAClD,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACrD,MAAM,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;IACpD,OAAO,EAAE,CAAC,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,YAAY,CAAC;CAC/D,CAAC;AAEF;;;;GAIG;AAEI,IAAM,SAAS,iBAAf,MAAM,SAAU,SAAQ,aAAa;IAArC;;QACL;;WAEG;QACS,SAAI,GAAiC,MAAM,CAAC;QACxD;;WAEG;QACyB,cAAS,GAAG,IAAI,CAAC;QAC7C;;WAEG;QACS,UAAK,GAAG,EAAE,CAAC;QACvB;;WAEG;QACS,YAAO,GAAG,EAAE,CAAC;IAwG3B,CAAC;IA1BW,MAAM;QACd,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACnB,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,CAAC,SAAS,CAAC,CAAC;QACjD,CAAC;QACD,OAAO,IAAI,CAAA,gBAAgB,IAAI,CAAC,IAAI;;mBAErB,IAAI,CAAC,KAAK,IAAI,QAAQ,CAAC,OAAO,CAAC;UACxC,IAAI,CAAC,OAAO,IAAI,QAAQ,EAAE;;qCAEC,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,OAAO,EAAE,IAAI,EAAE,EAAE,IAAI,CAAC;YACvE,CAAC;IACX,CAAC;IAED,KAAK;QACH,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;QAC9D,UAAU,CAAC,GAAG,EAAE;YACd,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC;IAED,MAAM,CAAC,KAAK,CAAC,IAAiB,EAAE,MAA0B;QACxD,MAAM,EAAE,GAAG,IAAI,WAAS,EAAE,CAAC;QAC3B,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,MAAM,CAAC,CAAC;QAC1B,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAC;QACrB,OAAO,EAAE,CAAC;IACZ,CAAC;;AArGM,gBAAM,GAAG;IACd,SAAS,CACP,YAAY,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,GAAG,EAAE,EAAE;QACjC,OAAO,IAAI,GAAG,EAAE,CAAC;IACnB,CAAC,CAAC,CACH;IACD,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;6BACQ,WAAW;;;;;;;;;;;;;;uBAcjB,WAAW;;sBAEZ,WAAW,6BAA6B,WAAW;qBACpD,WAAW;0BACN,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBAsCf,WAAW;;;;sBAIX,WAAW;;KAE5B;CACF,AA1EY,CA0EX;AAxFU;IAAX,QAAQ,EAAE;uCAA6C;AAI5B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAkB;AAIjC;IAAX,QAAQ,EAAE;wCAAY;AAIX;IAAX,QAAQ,EAAE;0CAAc;AAhBd,SAAS;IADrB,MAAM,CAAC,UAAU,CAAC;GACN,SAAS,CAwHrB;;AAED,eAAe,SAAS,CAAC","sourcesContent":["import { css, html, property, unsafeCSS } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate, svgX } from \"../../lib/templates.js\";\nimport { constructCSS } from \"../../lib/utils.js\";\nimport { createScope, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"alert-item\";\nconst cssvarScope = createScope(defineName);\n\nconst currentColor = \"currentColor\";\n\nconst vars = [\"color\", \"background\", \"border\", \"super\"].map((v) => `${cssvarScope}--${v}`);\nconst colors = {\n  success: [\"#3c763d\", \"#dff0d8\", \"#d6e9c6\", \"#2b542c\"],\n  info: [\"#31708f\", \"#d9edf7\", \"#bce8f1\", \"#245269\"],\n  warning: [\"#8a6d3b\", \"#fcf8e3\", \"#faebcc\", \"#66512c\"],\n  danger: [\"#a94442\", \"#f2dede\", \"#ebccd1\", \"#843534\"],\n  inherit: [currentColor, \"inherit\", currentColor, currentColor],\n};\n\n/**\n * AlertItem renders a alert.\n *\n * Inspired by Ant-design.\n */\n@define(defineName)\nexport class AlertItem extends GodownElement {\n  /**\n   * Type of performance.\n   */\n  @property() call: keyof typeof colors | \"hide\" = \"info\";\n  /**\n   * Close delay.\n   */\n  @property({ type: Number }) autoclose = 3000;\n  /**\n   * Alert title.\n   */\n  @property() title = \"\";\n  /**\n   * Alert content.\n   */\n  @property() content = \"\";\n\n  static styles = [\n    unsafeCSS(\n      constructCSS(vars, colors, (raw) => {\n        return `.${raw}`;\n      }),\n    ),\n    css`\n      :host {\n        ${cssvarScope}--padding: .05em .25em .05em .35em;\n        ${cssvarScope}--border-width: 0.15em;\n        ${cssvarScope}--border-radius: 0.4em;\n        border-radius: var(${cssvarScope}--border-radius);\n        margin: 0 auto;\n        display: block;\n      }\n\n      .hide {\n        opacity: 0;\n        transform: translateY(-100%);\n      }\n\n      .alert {\n        transition: 0.25s;\n        display: flex;\n        justify-content: space-between;\n        padding: var(${cssvarScope}--padding);\n        border-radius: inherit;\n        border: var(${cssvarScope}--border-width) solid var(${cssvarScope}--border);\n        color: var(${cssvarScope}--color);\n        background: var(${cssvarScope}--background);\n        animation: alert 0.25s ease-in-out;\n      }\n\n      @keyframes alert {\n        0% {\n          opacity: 0;\n          transform: translateY(-50%);\n        }\n        100% {\n          opacity: 1;\n          transform: none;\n        }\n      }\n\n      div {\n        min-height: 1.5em;\n        line-height: 1.5em;\n      }\n\n      .close {\n        height: fit-content;\n        width: fit-content;\n        border-radius: 50%;\n        transition: inherit;\n      }\n\n      .close:hover {\n        backdrop-filter: contrast(115%);\n      }\n\n      svg {\n        display: block;\n        height: 1.6em;\n        width: 1.6em;\n      }\n\n      .close:hover path {\n        stroke: var(${cssvarScope}--super);\n      }\n\n      path {\n        stroke: var(${cssvarScope}--color);\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    if (this.autoclose) {\n      setTimeout(() => this.close(), this.autoclose);\n    }\n    return html`<main class=\"${this.call} alert\">\n      <div>\n        <strong> ${this.title || htmlSlot(\"title\")}</strong>\n        ${this.content || htmlSlot()}\n      </div>\n      <aside class=\"close\" @click=\"${this.close}\">${htmlSlot(\"close\", svgX(), this)}</aside>\n    </main>`;\n  }\n\n  close() {\n    this.shadowRoot.querySelector(\".alert\").classList.add(\"hide\");\n    setTimeout(() => {\n      this.remove();\n    }, 250);\n  }\n\n  static alert(root: HTMLElement, option: Partial<AlertItem>): AlertItem {\n    const ai = new AlertItem();\n    Object.assign(ai, option);\n    root.appendChild(ai);\n    return ai;\n  }\n}\n\nexport default AlertItem;\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"alert-item\": AlertItem;\n  }\n}\n"]}

package/web-components/items/card-item.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-item.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/card-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,eAAe,CAAC;AAEhF,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAqC,aAAa,EAAE,MAAM,eAAe,CAAC;AAKjF;;GAEG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IAC0B,MAAM,UAAS;IAE7B,SAAS,CAAC,KAAK,EAAG,WAAW,CAAC;IAC7B,SAAS,CAAC,MAAM,EAAG,WAAW,CAAC;IAE/C,MAAM,CAAC,MAAM,iBAoEO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAyBhC,SAAS,CAAC,YAAY;IAOtB;;OAEG;IACH,KAAK;IAKL;;;OAGG;IACH,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;CAWpC;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/web-components/items/card-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"card-item.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/card-item.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, html, property, query } from \"../../deps.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"card-item\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * CardItem renders a card.\n */\n@define(defineName)\nexport class CardItem extends GodownElement {\n  /**\n   * Enable rotate.\n   */\n  @property({ type: Boolean }) rotate = false;\n\n  @query(\"main\") protected _main!: HTMLElement;\n  @query(\"aside\") protected _aside!: HTMLElement;\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        ${cssvarScope}--offset: .25em;\n        ${cssvarScope}--background: var(${cssvarValues.main});\n        ${cssvarScope}--wapper-background: none;\n        ${cssvarScope}--outline: 0;\n        ${cssvarScope}--box-shadow: 0 .05em 1.2em 0 rgb(var(${cssvarValues.textRGB}) / 12%);\n        ${cssvarScope}--hr-width: 100%;\n        ${cssvarScope}--hr-height: .05em;\n        ${cssvarScope}--hr-background: #80808080;\n        ${cssvarScope}--padding: .75em;\n        margin: auto;\n        display: block;\n        width: fit-content;\n        color: var(${cssvarValues.text});\n        border-radius: 0.2em;\n      }\n\n      * {\n        border-radius: inherit;\n        min-height: inherit;\n        min-width: inherit;\n      }\n\n      main {\n        outline: var(${cssvarScope}--outline);\n        box-shadow: var(${cssvarScope}--box-shadow);\n        background: var(${cssvarScope}--background);\n        z-index: 2;\n        position: relative;\n      }\n\n      aside {\n        box-sizing: content-box;\n        z-index: 0;\n        height: 100%;\n        width: 100%;\n        position: absolute;\n        background: var(${cssvarScope}--wapper-background);\n        filter: blur(1em);\n        padding: var(${cssvarScope}--offset);\n        margin: calc(-1 * var(${cssvarScope}--offset));\n      }\n\n      div {\n        width: fit-content;\n        position: relative;\n      }\n\n      i {\n        position: absolute;\n      }\n\n      hr {\n        width: var(${cssvarScope}--hr-width);\n        height: var(${cssvarScope}--hr-height);\n        margin: auto;\n        display: block;\n        background: var(${cssvarScope}--hr-background);\n      }\n\n      slot {\n        display: block;\n        padding: var(${cssvarScope}--padding);\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    const HEADER = \"header\";\n    const FOOTER = \"footer\";\n    return html`<div>\n      <aside></aside>\n      <main>\n        ${ifValue(\n          this.querySlot(HEADER),\n          html`\n            ${htmlSlot(HEADER)}\n            <hr />\n          `,\n        )}\n        ${htmlSlot()}\n        ${ifValue(\n          this.querySlot(FOOTER),\n          html`\n            <hr />\n            ${htmlSlot(FOOTER)}\n          `,\n        )}\n      </main>\n    </div>`;\n  }\n\n  protected firstUpdated() {\n    if (this.rotate) {\n      this.addEvent(this._main, \"mousemove\", this._drawRotate.bind(this));\n      this.addEvent(this._aside, \"mouseleave\", this.reset.bind(this));\n    }\n  }\n\n  /**\n   * Cancel the aside offset.\n   */\n  reset() {\n    this._main.style.transition = \".5s\";\n    this._main.style.transform = \"none\";\n  }\n\n  /**\n   * Offset aside.\n   * @param e Mouse move event.\n   */\n  protected _drawRotate(e: MouseEvent) {\n    const { left, top, width, height } = this._main.getBoundingClientRect();\n    const { clientX, clientY } = e;\n    const offsetX = clientX - left;\n    const offsetY = clientY - top;\n    const rotate = 30;\n    const rotateX = -(rotate * (offsetY - height / 2)) / height / 1.5;\n    const rotateY = (rotate * (offsetX - width / 2)) / width / 1.5;\n    this._main.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)`;\n    this._main.style.transition = \"none\";\n  }\n}\n\nexport default CardItem;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"card-item\": CardItem;\n  }\n}\n"]}

package/web-components/items/drag-box.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"drag-box.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/drag-box.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AAItD;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC,IAAI,EAAE,OAAO,CAAC;IACd,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,EAAE,EAAE,MAAM,CAAC;IACX,EAAE,EAAE,MAAM,CAAC;IAEX;;OAEG;IACS,CAAC,SAAU;IACvB;;OAEG;IACS,CAAC,SAAU;IAEvB,MAAM,CAAC,MAAM,4BAOX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,SAAS,CAAC,YAAY;IAKtB,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU;IASxC,SAAS,CAAC,cAAc;IAKxB,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU;IAsBnC,KAAK;CAUN;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/web-components/items/drag-box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"drag-box.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/drag-box.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"drag-box\";\n\n/**\n * The DragBox does not extend beyond the range of {@linkcode DragBox.offsetsWidth} and {@linkcode DragBox.offsetsHeight}.\n */\n@define(defineName)\nexport class DragBox extends GodownElement {\n  drag: boolean;\n  t: number;\n  l: number;\n  cx: number;\n  cy: number;\n\n  /**\n   * Position x.\n   */\n  @property() x = \"auto\";\n  /**\n   * Position y.\n   */\n  @property() y = \"auto\";\n\n  static styles = [\n    css`\n      :host {\n        position: relative;\n        display: inline-flex;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<div @mousedown=\"${this._handleDragStart}\" @mouseup=\"${this._handleDragEnd}\">${htmlSlot()}</div>`;\n  }\n\n  protected firstUpdated() {\n    this.reset();\n    this.addEvent(document, \"mouseup\", this._handleDragEnd.bind(this));\n  }\n\n  protected _handleDragStart(e: MouseEvent) {\n    this.cx = e.clientX;\n    this.cy = e.clientY;\n    this.t = this.offsetTop;\n    this.l = this.offsetLeft;\n    this.drag = true;\n    this.addEvent(document, \"mousemove\", this._handleDrag.bind(this), undefined, \"0\");\n  }\n\n  protected _handleDragEnd() {\n    this.drag = false;\n    this.removeEvent(document, \"mousemove\", \"0\");\n  }\n\n  protected _handleDrag(e: MouseEvent) {\n    if (!this.drag) {\n      return;\n    }\n    const nl = e.clientX - (this.cx - this.l);\n    const nt = e.clientY - (this.cy - this.t);\n    if (nl < 0) {\n      this.style.left = \"0\";\n    } else if (nl < this.offsetsWidth - this.offsetWidth) {\n      this.style.left = `${nl}px`;\n    } else {\n      this.style.left = `${this.offsetsWidth - this.offsetWidth}\"px\"`;\n    }\n    if (nt < 0) {\n      this.style.top = \"0\";\n    } else if (nt < this.offsetsHeight - this.offsetHeight) {\n      this.style.top = `${nt}px`;\n    } else {\n      this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;\n    }\n  }\n\n  reset() {\n    this.style.left = this.x || \"0\";\n    this.style.top = this.y || \"0\";\n    if (this.offsetLeft > this.offsetsWidth - this.offsetWidth) {\n      this.style.left = `${this.offsetsWidth - this.offsetWidth}px`;\n    }\n    if (this.offsetTop > this.offsetsHeight - this.offsetHeight) {\n      this.style.top = `${this.offsetsHeight - this.offsetHeight}px`;\n    }\n  }\n}\n\nexport default DragBox;\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"drag-box\": DragBox;\n  }\n}\n"]}

package/web-components/items/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./alert-item.js";
-export * from "./card-item.js";
-export * from "./drag-box.js";
-export * from "./time-bar.js";
-//# sourceMappingURL=index.d.ts.map

package/web-components/items/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/index.ts"],"names":[],"mappings":"AACA,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC"}

package/web-components/items/index.js

@@ -1,6 +0,0 @@
-/// script generated
-export * from "./alert-item.js";
-export * from "./card-item.js";
-export * from "./drag-box.js";
-export * from "./time-bar.js";
-//# sourceMappingURL=index.js.map

package/web-components/items/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/index.ts"],"names":[],"mappings":"AAAA,oBAAoB;AACpB,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,eAAe,CAAC","sourcesContent":["/// script generated\nexport * from \"./alert-item.js\";\nexport * from \"./card-item.js\";\nexport * from \"./drag-box.js\";\nexport * from \"./time-bar.js\";\n"]}

package/web-components/items/time-bar.d.ts

@@ -1,54 +0,0 @@
-import { type CSSResultGroup } from "../../deps.js";
-import { GodownElement } from "../../root.js";
-/**
- * TimeBar renders a formatting time.
- */
-export declare class TimeBar extends GodownElement {
-    /**
-     * Format strings.
-     * {@linkcode TimeBar.fmt}
-     */
-    format: string;
-    /**
-     * Display content.
-     */
-    value: string;
-    /**
-     * Time.
-     */
-    time: Date;
-    /**
-     * If there is a value, update every gap or timeout.
-     */
-    timeout: number;
-    /**
-     * The number of milliseconds that change with each update.
-     */
-    gap: number;
-    intervalID: number;
-    static styles: CSSResultGroup;
-    protected render(): string;
-    protected firstUpdated(): void;
-    disconnectedCallback(): void;
-    /**
-     * @param fm Format string.
-     * @param tm Time.
-     * @returns F.ormat result\
-     *
-     * Y for years\
-     * M for months\
-     * D for days\
-     * h for hours\
-     * m for minutes\
-     * s for seconds\
-     * Z for time zones.
-     */
-    static fmt(fm: string, tm: Date): string;
-}
-export default TimeBar;
-declare global {
-    interface HTMLElementTagNameMap {
-        "time-bar": TimeBar;
-    }
-}
-//# sourceMappingURL=time-bar.d.ts.map

package/web-components/items/time-bar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-bar.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/time-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAY,MAAM,eAAe,CAAC;AACnE,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AAItD;;GAEG;AACH,qBACa,OAAQ,SAAQ,aAAa;IACxC;;;OAGG;IACS,MAAM,SAA8B;IAChD;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACyB,IAAI,OAAc;IAC9C;;OAEG;IACyB,OAAO,SAAK;IACxC;;OAEG;IACyB,GAAG,SAAK;IAEpC,UAAU,EAAE,MAAM,CAAC;IAEnB,MAAM,CAAC,MAAM,EAAE,cAAc,CAM3B;IAEF,SAAS,CAAC,MAAM,IAAI,MAAM;IAI1B,SAAS,CAAC,YAAY;IAQtB,oBAAoB;IAIpB;;;;;;;;;;;;OAYG;IACH,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,IAAI,GAAG,MAAM;CAmCzC;AAED,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}

package/web-components/items/time-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"time-bar.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/time-bar.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, property } from \"../../deps.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"time-bar\";\n\n/**\n * TimeBar renders a formatting time.\n */\n@define(defineName)\nexport class TimeBar extends GodownElement {\n  /**\n   * Format strings.\n   * {@linkcode TimeBar.fmt}\n   */\n  @property() format = \"YYYY-MM-DD hh:mm:ss UTFZ\";\n  /**\n   * Display content.\n   */\n  @property() value = \"\";\n  /**\n   * Time.\n   */\n  @property({ type: Object }) time = new Date();\n  /**\n   * If there is a value, update every gap or timeout.\n   */\n  @property({ type: Number }) timeout = 0;\n  /**\n   * The number of milliseconds that change with each update.\n   */\n  @property({ type: Number }) gap = 0;\n\n  intervalID: number;\n\n  static styles: CSSResultGroup = [\n    css`\n      :host {\n        text-align: center;\n      }\n    `,\n  ];\n\n  protected render(): string {\n    return this.value || TimeBar.fmt(this.format, this.time);\n  }\n\n  protected firstUpdated() {\n    if (this.timeout) {\n      this.intervalID = setInterval(() => {\n        this.time = new Date(this.time.getTime() + (this.gap || this.timeout));\n      }, Math.abs(this.timeout));\n    }\n  }\n\n  disconnectedCallback() {\n    clearInterval(this.intervalID);\n  }\n\n  /**\n   * @param fm Format string.\n   * @param tm Time.\n   * @returns F.ormat result\\\n   *\n   * Y for years\\\n   * M for months\\\n   * D for days\\\n   * h for hours\\\n   * m for minutes\\\n   * s for seconds\\\n   * Z for time zones.\n   */\n  static fmt(fm: string, tm: Date): string {\n    if (fm === \"\") {\n      return fm;\n    }\n    const rest = [];\n    fm = fm.replace(/%([ZYMDhms%])/g, (_, p1) => {\n      rest.push(p1);\n      return \"%%\";\n    });\n    const formatNumber = (date: number) => date.toString().padStart(2, \"0\").split(\"\");\n    const z = tm.getTimezoneOffset() / -60;\n    const switcher: Record<string, string[]> = {\n      Z: [z >= 0 ? \"+\" + z.toString() : z.toString()],\n      Y: tm.getFullYear().toString().split(\"\"),\n      M: formatNumber(tm.getMonth() + 1),\n      D: formatNumber(tm.getDate()),\n      h: formatNumber(tm.getHours()),\n      m: formatNumber(tm.getMinutes()),\n      s: formatNumber(tm.getSeconds()),\n    };\n    const result: string[] = [];\n    for (const f of fm.split(\"\").reverse()) {\n      if (switcher[f]) {\n        result.push(switcher[f]?.pop());\n      } else {\n        result.push(f);\n      }\n    }\n    return result\n      .reverse()\n      .join(\"\")\n      .replace(/%%/g, () => {\n        return rest.shift();\n      });\n  }\n}\n\nexport default TimeBar;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"time-bar\": TimeBar;\n  }\n}\n"]}

package/web-components/layout/divider-line.d.ts

@@ -1,20 +0,0 @@
-import { type HTMLTemplate } from "../../lib/templates.js";
-import { GodownElement } from "../../root.js";
-/**
- * DividerLine similar to hr.
- */
-export declare class DividerLine extends GodownElement {
-    /**
-     * Enable vertical.
-     */
-    v: boolean;
-    static styles: import("lit").CSSResult[];
-    protected render(): HTMLTemplate;
-}
-export default DividerLine;
-declare global {
-    interface HTMLElementTagNameMap {
-        "divider-line": DividerLine;
-    }
-}
-//# sourceMappingURL=divider-line.d.ts.map

package/web-components/layout/divider-line.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider-line.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/divider-line.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAuB,aAAa,EAAE,MAAM,eAAe,CAAC;AAKnE;;GAEG;AACH,qBACa,WAAY,SAAQ,aAAa;IAC5C;;OAEG;IAC0B,CAAC,UAAS;IAEvC,MAAM,CAAC,MAAM,4BAiDX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAOjC;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/web-components/layout/divider-line.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"divider-line.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/divider-line.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEnE,MAAM,UAAU,GAAG,cAAc,CAAC;AAClC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,aAAa;IAAvC;;QACL;;WAEG;QAC0B,MAAC,GAAG,KAAK,CAAC;IA4DzC,CAAC;IAPW,MAAM;QACd,OAAO,IAAI,CAAA,eAAe,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;QAEvC,QAAQ,EAAE;;WAEP,CAAC;IACV,CAAC;;AAzDM,kBAAM,GAAG;IACd,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;sBA4BC,WAAW;yBACR,WAAW;;;sBAGd,WAAW;yBACR,WAAW;;;qBAGf,WAAW;0BACN,WAAW;;;qBAGhB,WAAW;0BACN,WAAW;;KAEhC;CACF,AAjDY,CAiDX;AAnD2B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;sCAAW;AAJ5B,WAAW;IADvB,MAAM,CAAC,UAAU,CAAC;GACN,WAAW,CAgEvB;;AAED,eAAe,WAAW,CAAC","sourcesContent":["import { css, html, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"divider-line\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * DividerLine similar to hr.\n */\n@define(defineName)\nexport class DividerLine extends GodownElement {\n  /**\n   * Enable vertical.\n   */\n  @property({ type: Boolean }) v = false;\n\n  static styles = [\n    css`\n      :host {\n        ${cssvarScope}--before-length: auto;\n        ${cssvarScope}--after-length: auto;\n        ${cssvarScope}--breadth: .125em;\n        display: block;\n        color: currentColor;\n        background: none;\n      }\n\n      div {\n        display: flex;\n        align-items: center;\n        border-radius: inherit;\n        width: 100%;\n      }\n\n      hr {\n        border-radius: inherit;\n        margin: 0;\n        border: 0;\n        flex: 1;\n        background: currentColor;\n      }\n\n      .v {\n        height: 100%;\n        display: flex;\n        flex-direction: column;\n      }\n\n      .before {\n        height: var(${cssvarScope}--breadth);\n        max-width: var(${cssvarScope}--before-length);\n      }\n      .after {\n        height: var(${cssvarScope}--breadth);\n        max-width: var(${cssvarScope}--after-length);\n      }\n      .v .before {\n        width: var(${cssvarScope}--breadth);\n        max-height: var(${cssvarScope}--before-length);\n      }\n      .v .after {\n        width: var(${cssvarScope}--breadth);\n        max-height: var(${cssvarScope}--after-length);\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<div class=\"${this.v ? \"v\" : \"\"}\">\n      <hr class=\"before\" />\n      ${htmlSlot()}\n      <hr class=\"after\" />\n    </div>`;\n  }\n}\n\nexport default DividerLine;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"divider-line\": DividerLine;\n  }\n}\n"]}

package/web-components/loading/loading-progress.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading-progress.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/loading/loading-progress.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,OAAO,EAAwB,aAAa,EAAE,MAAM,eAAe,CAAC;AAIpE;;GAEG;AACH,qBACa,eAAgB,SAAQ,aAAa;IAChD;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACwC,KAAK,MAAQ;IAExD,MAAM,CAAC,MAAM,iBAuCO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC;;;;;OAKG;IACH,YAAY,CAAC,CAAC,GAAE,MAAM,GAAG,MAAY,GAAG,MAAM;CAM/C;AAED,eAAe,eAAe,CAAC;AAE/B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,eAAe,CAAC;KACrC;CACF"}

package/web-components/loading/loading-progress.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"loading-progress.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/loading/loading-progress.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEpE,MAAM,UAAU,GAAG,kBAAkB,CAAC;AAEtC;;GAEG;AAEI,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,aAAa;IAA3C;;QACL;;WAEG;QACyB,QAAG,GAAG,CAAC,CAAC;QACpC;;WAEG;QACyB,QAAG,GAAG,CAAC,CAAC;QACpC;;WAEG;QACwC,UAAK,GAAG,IAAI,CAAC;IAmE1D,CAAC;IAxBW,MAAM;QACd,IAAI,KAAK,GAAG,EAAE,CAAC;QACf,IAAI,SAAiB,CAAC;QACtB,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;YACxB,KAAK,GAAG,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACtC,SAAS,GAAG,GAAG,CAAC;QAClB,CAAC;QACD,OAAO,IAAI,CAAA,eAAe,SAAS;wBACf,KAAK;WAClB,CAAC;IACV,CAAC;IAED;;;;;OAKG;IACH,YAAY,CAAC,IAAqB,GAAG;QACnC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,OAAO,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;QAC/B,CAAC;QACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAC/D,CAAC;;AAhEM,sBAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;;;;;;;0BAQmB,YAAY,CAAC,KAAK;;;;;;;;;;0BAUlB,YAAY,CAAC,MAAM;;;;;;;;;;;;;;;;;;KAkBxC;CACgB,AAvCN,CAuCO;AAjDQ;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAS;AAIR;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CAAS;AAIO;IAA1C,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;8CAAc;AAZ7C,eAAe;IAD3B,MAAM,CAAC,UAAU,CAAC;GACN,eAAe,CA+E3B;;AAED,eAAe,eAAe,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property } from \"../../deps.js\";\nimport { type HTMLTemplate } from \"../../lib/templates.js\";\nimport { cssvarValues, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"loading-progress\";\n\n/**\n * LoadProgress similar to  progress.\n */\n@define(defineName)\nexport class LoadingProgress extends GodownElement {\n  /**\n   * Maximum.\n   */\n  @property({ type: Number }) max = 1;\n  /**\n   * Minimum.\n   */\n  @property({ type: Number }) min = 0;\n  /**\n   * Input value.\n   */\n  @property({ type: Number, reflect: true }) value = null;\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host,\n      div {\n        display: inline-flex;\n        position: relative;\n        width: 10em;\n        height: 0.5em;\n        border-radius: 0.25em;\n        background: var(${cssvarValues.input}--false);\n        z-index: 1;\n      }\n\n      div i {\n        position: absolute;\n        border-radius: inherit;\n        top: 0;\n        left: 0;\n        height: 100%;\n        background: var(${cssvarValues.cssvar}--accept);\n        z-index: 2;\n        transition: all 0.3s;\n        animation: progress 1.5s ease-in-out infinite alternate;\n      }\n\n      @keyframes progress {\n        from {\n          left: 0;\n        }\n        to {\n          left: 80%;\n        }\n      }\n\n      div.v i {\n        animation: none;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    let width = 20;\n    let className: string;\n    if (this.value !== null) {\n      width = this.parsePercent(this.value);\n      className = \"v\";\n    }\n    return html`<div class=\"${className}\">\n      <i style=\"width:${width}%;\"></i>\n    </div>`;\n  }\n\n  /**\n   * Convert s to a percentage without a percent sign.\n   *\n   * @param s String or number to convert.\n   * @returns Percentage without a percent sign.\n   */\n  parsePercent(s: string | number = \"0\"): number {\n    if (String(s).includes(\"%\")) {\n      return parseFloat(String(s));\n    }\n    return (parseFloat(String(s)) / (this.max - this.min)) * 100;\n  }\n}\n\nexport default LoadingProgress;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"loading-progress\": LoadingProgress;\n  }\n}\n"]}

package/web-components/loading/skeleton-screen.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-screen.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/loading/skeleton-screen.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,eAAe,CAAC;AAChF,OAAO,EAAY,KAAK,YAAY,EAAY,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAqC,aAAa,EAAE,MAAM,eAAe,CAAC;AAKjF;;;;GAIG;AACH,qBACa,cAAe,SAAQ,aAAa;IAC/C;;OAEG;IACS,IAAI,EAAE,MAAM,GAAG,OAAO,CAAU;IAC5C;;OAEG;IACS,SAAS,EAAE,UAAU,GAAG,SAAS,CAAc;IAC3D;;OAEG;IACM,OAAO,UAAQ;IAExB,MAAM,CAAC,MAAM,iBA+EO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAOhC,OAAO,CAAC,UAAU;CAQnB;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/web-components/loading/skeleton-screen.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"skeleton-screen.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/loading/skeleton-screen.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAqB,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjF,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACrC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;;;GAIG;AAEI,IAAM,cAAc,GAApB,MAAM,cAAe,SAAQ,aAAa;IAA1C;;QACL;;WAEG;QACS,SAAI,GAAqB,MAAM,CAAC;QAC5C;;WAEG;QACS,cAAS,GAA2B,UAAU,CAAC;QAC3D;;WAEG;QACM,YAAO,GAAG,IAAI,CAAC;IAkG1B,CAAC;IAfW,MAAM;QACd,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,IAAI,CAAA,aAAa,IAAI,CAAC,SAAS,KAAK,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC;QACrE,CAAC;QACD,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAEO,UAAU;QAChB,QAAQ,IAAI,CAAC,IAAI,EAAE,CAAC;YAClB,KAAK,MAAM;gBACT,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;YAC1B,KAAK,OAAO;gBACV,OAAO,QAAQ,EAAE,CAAC;QACtB,CAAC;IACH,CAAC;;AA/FM,qBAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;;;;;UAMG,WAAW,mBAAmB,YAAY,CAAC,OAAO;UAClD,WAAW,iBAAiB,YAAY,CAAC,OAAO;UAChD,WAAW;UACX,WAAW,oBAAoB,YAAY,CAAC,OAAO;UACnD,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;qBACA,WAAW;0BACN,WAAW;;;;;;yBAMZ,WAAW;;;;gDAIY,WAAW,eAAe,WAAW,oBAAoB,WAAW,kBAAkB,WAAW;;;;;;;;;;;;;;;;0BAgBvH,WAAW;;;;;;;;;;;;;;;oBAejB,WAAW;;;;;qBAKV,WAAW;sBACV,WAAW;;;;sBAIX,WAAW;;;;;;;;;KAS5B;CACgB,AA/EN,CA+EO;AAzFR;IAAX,QAAQ,EAAE;4CAAiC;AAIhC;IAAX,QAAQ,EAAE;iDAAgD;AAIlD;IAAR,KAAK,EAAE;+CAAgB;AAZb,cAAc;IAD1B,MAAM,CAAC,UAAU,CAAC;GACN,cAAc,CA8G1B;;AAED,eAAe,cAAc,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property, state } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate, svgImage } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"skeleton-screen\";\nconst cssvarScope = createScope(defineName);\n\n/**\n * SkeletonScreen renders a skeleton screen.\n *\n * Inspired by Ant-design.\n */\n@define(defineName)\nexport class SkeletonScreen extends GodownElement {\n  /**\n   * Skeleton type.\n   */\n  @property() type: \"text\" | \"image\" = \"text\";\n  /**\n   * Animation type.\n   */\n  @property() animation: \"position\" | \"opacity\" = \"position\";\n  /**\n   * If false, hidden.\n   */\n  @state() loading = true;\n\n  static styles = [\n    GodownElement.styles,\n    css`\n      :host {\n        display: block;\n        min-height: 1.5em;\n        width: 100%;\n        overflow: hidden;\n        ${cssvarScope}--from: rgb(var(${cssvarValues.textRGB}) / 7.5%);\n        ${cssvarScope}--to: rgb(var(${cssvarValues.textRGB}) / 20%);\n        ${cssvarScope}--deg: 94deg;\n        ${cssvarScope}--color: rgb(var(${cssvarValues.textRGB}) / 50%);\n        ${cssvarScope}--background: var(${cssvarValues.main});\n        ${cssvarScope}--duration: 1.5s;\n        ${cssvarScope}--icon-width: 5em;\n        ${cssvarScope}--icon-height: 5em;\n        ${cssvarScope}--icon-margin: .75em;\n        color: var(${cssvarScope}--color);\n        background: var(${cssvarScope}--background);\n      }\n\n      p {\n        height: 100%;\n        min-height: inherit;\n        animation: var(${cssvarScope}--duration) ease-in-out 0s infinite none running;\n      }\n\n      p.position {\n        background-image: linear-gradient(var(${cssvarScope}--deg), var(${cssvarScope}--from) 36%, var(${cssvarScope}--to) 50%, var(${cssvarScope}--from) 64%);\n        background-color: transparent;\n        background-size: 200% 100%;\n        animation-name: po;\n      }\n\n      @keyframes po {\n        from {\n          background-position: 150% center;\n        }\n        to {\n          background-position: -50% center;\n        }\n      }\n\n      p.opacity {\n        background: var(${cssvarScope}--from);\n        animation-name: op;\n        animation-direction: alternate;\n      }\n\n      @keyframes op {\n        50% {\n          opacity: 0.2;\n        }\n        to {\n          opacity: 1;\n        }\n      }\n\n      path {\n        fill: var(${cssvarScope}--color);\n      }\n\n      svg,\n      slot {\n        width: var(${cssvarScope}--icon-width);\n        height: var(${cssvarScope}--icon-height);\n      }\n\n      svg {\n        margin: var(${cssvarScope}--icon-margin);\n      }\n\n      p,\n      svg {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    if (this.loading) {\n      return html`<p class=\"${this.animation}\">${this.renderIcon()}</p>`;\n    }\n    return htmlSlot();\n  }\n\n  private renderIcon(): HTMLTemplate {\n    switch (this.type) {\n      case \"text\":\n        return htmlSlot(\"icon\");\n      case \"image\":\n        return svgImage();\n    }\n  }\n}\n\nexport default SkeletonScreen;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"skeleton-screen\": SkeletonScreen;\n  }\n}\n"]}

package/web-components/open/open-details.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"open-details.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/open/open-details.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,eAAe,CAAC;AAChF,OAAO,EAAY,KAAK,YAAY,EAAkB,MAAM,wBAAwB,CAAC;AAErF,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAM5C;;GAEG;AACH,qBACa,WAAY,SAAQ,eAAe;IAC9C;;OAEG;IAC0B,IAAI,UAAS;IAC1C;;OAEG;IAC0B,OAAO,UAAS;IAEhC,GAAG,EAAE,mBAAmB,CAAC;IAEtC,MAAM,CAAC,MAAM,iBAoEO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAYhC,OAAO,CAAC,UAAU;IAOlB,SAAS,CAAC,YAAY;CAKvB;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/web-components/open/open-details.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"open-details.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/open/open-details.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,QAAQ,EAAqB,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACrF,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AAE5C,MAAM,UAAU,GAAG,cAAc,CAAC;AAElC,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,WAAW,GAAjB,MAAM,WAAY,SAAQ,eAAe;IAAzC;;QACL;;WAEG;QAC0B,SAAI,GAAG,KAAK,CAAC;QAC1C;;WAEG;QAC0B,YAAO,GAAG,KAAK,CAAC;IAkG/C,CAAC;IAxBW,MAAM;QACd,OAAO,IAAI,CAAA;oBACK,IAAI,CAAC,YAAY;iBACpB,IAAI,CAAC,OAAO,IAAI,QAAQ,CAAC,SAAS,CAAC;aACvC,IAAI,CAAC,UAAU,EAAE;;;mBAGX,QAAQ,EAAE;;UAEnB,CAAC;IACT,CAAC;IAEO,UAAU;QAChB,IAAI,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,CAAC;YAC1C,OAAO,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC1B,CAAC;QACD,OAAO,cAAc,EAAE,CAAC;IAC1B,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;QACxD,CAAC;IACH,CAAC;;AA7FM,kBAAM,GAAG;IACd,eAAe,CAAC,MAAM;IACtB,GAAG,CAAA;;qBAEc,YAAY,CAAC,IAAI;UAC5B,WAAW;UACX,WAAW;UACX,WAAW;;;;;;;;;;;;;;;;;;;;;8BAqBS,WAAW;;;;;;;;;;;;;;;;;;;;;;;;gCAwBT,WAAW;;;;;;;;;;;;;gCAaX,WAAW;;KAEtC;CACgB,AApEN,CAoEO;AA5ES;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAAc;AAIb;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4CAAiB;AAEhC;IAAZ,KAAK,CAAC,IAAI,CAAC;wCAA0B;AAV3B,WAAW;IADvB,MAAM,CAAC,UAAU,CAAC;GACN,WAAW,CA0GvB;;AAED,eAAe,WAAW,CAAC","sourcesContent":["import { css, type CSSResultGroup, html, property, query } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate, svgDeltaSmooth } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, define } from \"../../root.js\";\nimport { OpenableElement } from \"./open.js\";\n\nconst defineName = \"open-details\";\n\nconst cssvarScope = createScope(defineName);\n\n/**\n * OpenDetails similar to details.\n */\n@define(defineName)\nexport class OpenDetails extends OpenableElement {\n  /**\n   * If it is true, the summary event scope will fill the element.\n   */\n  @property({ type: Boolean }) fill = false;\n  /**\n   * Reverse summary.\n   */\n  @property({ type: Boolean }) reverse = false;\n\n  @query(\"dd\") _dd: HTMLDataListElement;\n\n  static styles = [\n    OpenableElement.styles,\n    css`\n      :host {\n        color: var(${cssvarValues.text});\n        ${cssvarScope}--icon-deg-open: -90deg;\n        ${cssvarScope}--icon-deg: 0deg;\n        ${cssvarScope}--summary-direction: row;\n      }\n      span {\n        display: inline-flex;\n        align-items: center;\n        white-space: nowrap;\n      }\n\n      dl {\n        height: 100%;\n        position: relative;\n        overflow: hidden;\n      }\n\n      dt {\n        display: flex;\n        flex-wrap: nowrap;\n        justify-content: space-between;\n        background: inherit;\n        align-items: center;\n        height: 100%;\n        flex-direction: var(${cssvarScope}--summary-direction);\n      }\n\n      dd {\n        overflow: hidden;\n        display: grid;\n        grid-template-rows: 0fr;\n      }\n\n      * {\n        transition: inherit;\n      }\n\n      section {\n        min-height: 0;\n        overflow: hidden;\n      }\n\n      i {\n        height: 1em;\n        wdith: 1em;\n        display: flex;\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n        transform: rotate(var(${cssvarScope}--icon-deg));\n      }\n\n      :host([open]) dd {\n        grid-template-rows: 1fr;\n      }\n\n      :host([float]) dd {\n        top: 100%;\n        position: absolute;\n      }\n\n      :host([open]) i {\n        transform: rotate(var(${cssvarScope}--icon-deg-open));\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    return html`<dl>\n      <dt @click=\"${this._handelClick}\">\n        <span> ${this.summary || htmlSlot(\"summary\")} </span>\n        <i>${this.renderIcon()}</i>\n      </dt>\n      <dd>\n        <section>${htmlSlot()}</section>\n      </dd>\n    </dl>`;\n  }\n\n  private renderIcon(): HTMLTemplate {\n    if (this.querySelector(\"slot[name=icon]\")) {\n      return htmlSlot(\"icon\");\n    }\n    return svgDeltaSmooth();\n  }\n\n  protected firstUpdated() {\n    if (this.fill) {\n      this.addEvent(this._dd, \"click\", () => this.toggle());\n    }\n  }\n}\n\nexport default OpenDetails;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"open-details\": OpenDetails;\n  }\n}\n"]}

package/web-components/open/open-dialog.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"open-dialog.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/open/open-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAyB,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,eAAe,EAAE,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAIxD;;GAEG;AACH,qBACa,UAAW,SAAQ,eAAe;IAC7C,SAAS,EAAE,UAAU,CAAY;IACjC;;OAEG;IACyC,KAAK,UAAS;IAC1D;;OAEG;IAC0B,KAAK,UAAS;IAC3C;;OAEG;IACyB,GAAG,SAAO;IACtC;;OAEG;IACyB,GAAG,SAAY;IAE7B,IAAI,EAAE,cAAc,CAAC;IAEnC,MAAM,CAAC,MAAM,EAAE,cAAc,CAkG3B;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,iBAAiB;IAcjB,SAAS;IAKT,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,GAAG;IAU7B,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa;IAOzC,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,WAAW;CAKvC;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/web-components/open/open-dialog.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"open-dialog.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/open/open-dialog.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAkB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC7D,OAAO,eAA+B,MAAM,WAAW,CAAC;AAExD,MAAM,UAAU,GAAG,aAAa,CAAC;AAEjC;;GAEG;AAEI,IAAM,UAAU,GAAhB,MAAM,UAAW,SAAQ,eAAe;IAAxC;;QACL,cAAS,GAAe,QAAQ,CAAC;QACjC;;WAEG;QACyC,UAAK,GAAG,KAAK,CAAC;QAC1D;;WAEG;QAC0B,UAAK,GAAG,KAAK,CAAC;QAC3C;;WAEG;QACyB,QAAG,GAAG,GAAG,CAAC;QACtC;;WAEG;QACyB,QAAG,GAAG,QAAQ,CAAC;IAqJ7C,CAAC;IA7CW,MAAM;QACd,OAAO,IAAI,CAAA,6BAA6B,IAAI,CAAC,SAAS,KAAK,QAAQ,EAAE,QAAQ,CAAC;IAChF,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,aAAa,CAAC,CAAC;QAClD,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,SAAS,KAAK,QAAQ,EAAE,CAAC;YAC9C,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,SAAS,EAAE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QACrE,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,CAAC;IACH,CAAC;IAED,SAAS;QACP,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;QAClB,IAAI,CAAC,IAAI,EAAE,CAAC;IACd,CAAC;IAES,YAAY,CAAC,CAAM;QAC3B,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC,CAAC;QAC5D,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YACjB,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC;QACpB,CAAC;aAAM,CAAC;YACN,KAAK,IAAI,IAAI,CAAC,GAAG,CAAC;QACpB,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,KAAK,EAAE,CAAC,CAAC;IACjD,CAAC;IAES,cAAc,CAAC,CAAgB;QACvC,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;QAC7D,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;YAClD,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;IAES,aAAa,CAAC,CAAc;QACpC,IAAK,CAAC,CAAC,MAA0B,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YACtD,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;IACH,CAAC;;AAhJM,iBAAM,GAAmB;IAC9B,eAAe,CAAC,MAAM;IACtB,GAAG,CAAA;;;;;;;;;KASF;IACD,GAAG,CAAA;;UAEG,MAAM,yBAAyB,YAAY,CAAC,OAAO;UACnD,MAAM,+BAA+B,YAAY,CAAC,OAAO;;;;;;;;;;;0BAWzC,MAAM;;;;;;;;;;;0BAWN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA4D3B;CACF,AAlGY,CAkGX;AAlH0C;IAA3C,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;yCAAe;AAI7B;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;yCAAe;AAIf;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAW;AAIV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;uCAAgB;AAE7B;IAAb,KAAK,CAAC,KAAK,CAAC;wCAAsB;AAnBxB,UAAU;IADtB,MAAM,CAAC,UAAU,CAAC;GACN,UAAU,CAsKtB;;AAED,eAAe,UAAU,CAAC","sourcesContent":["import { css, CSSResultGroup, html, property, query } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { cssvar, cssvarValues, define } from \"../../root.js\";\nimport OpenableElement, { Direction9 } from \"./open.js\";\n\nconst defineName = \"open-dialog\";\n\n/**\n * OpenDialog similar to dialog.\n */\n@define(defineName)\nexport class OpenDialog extends OpenableElement {\n  direction: Direction9 = \"center\";\n  /**\n   * Enable modal.\n   */\n  @property({ type: Boolean, reflect: true }) modal = false;\n  /**\n   * Enable scale.\n   */\n  @property({ type: Boolean }) scale = false;\n  /**\n   * Scale gap.\n   */\n  @property({ type: Number }) gap = 0.2;\n  /**\n   * Exit key, which can be multiple.\n   */\n  @property({ type: String }) key = \"Escape\";\n\n  @query(\"div\") _div: HTMLDivElement;\n\n  static styles: CSSResultGroup = [\n    OpenableElement.styles,\n    css`\n      :host {\n        display: block;\n        transition:\n          all 0.3s ease-in-out,\n          color 0s,\n          background 0s;\n        height: fit-content;\n      }\n    `,\n    css`\n      :host {\n        ${cssvar}--background: rgb(var(${cssvarValues.mainRGB}) / 0%);\n        ${cssvar}--background-modal: rgb(var(${cssvarValues.mainRGB}) / 15%);\n        position: fixed;\n        height: 100%;\n        width: 100%;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        transition: all 0.3s;\n        display: flex;\n        visibility: hidden;\n        background: var(${cssvar}--background);\n        pointer-events: none;\n      }\n\n      :host([open]) {\n        visibility: visible;\n      }\n\n      :host([open][modal]) {\n        pointer-events: all;\n        backdrop-filter: blur(0.25px);\n        background: var(${cssvar}--background-modal);\n      }\n\n      :host([open]) slot {\n        opacity: 1 !important;\n        transform: translateY(0) translateX(0) !important;\n      }\n\n      div {\n        height: 100%;\n        width: 100%;\n        display: flex;\n        transition: inherit;\n        transform: scale(var(--s));\n      }\n\n      slot {\n        display: block;\n        width: fit-content;\n        height: fit-content;\n        margin: auto;\n        opacity: 0;\n        transition: inherit;\n        pointer-events: all;\n      }\n\n      div {\n        position: relative;\n      }\n\n      slot {\n        position: absolute;\n      }\n\n      [class^=\"top\"] slot {\n        top: 0;\n      }\n\n      [class^=\"bottom\"] slot {\n        bottom: 0;\n      }\n\n      [class$=\"right\"] slot {\n        right: 0%;\n      }\n\n      [class$=\"left\"] slot {\n        left: 0%;\n      }\n\n      div[class$=\"center\"],\n      .top,\n      .left,\n      .right,\n      .bottom {\n        align-items: center;\n        justify-content: center;\n        align-items: center;\n        justify-content: center;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`<div style=\"--s:1\" class=\"${this.direction}\">${htmlSlot()}</div>`;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    this.addEvent(this, \"submit\", this._handelSubmit);\n    if (this.scale && this.direction === \"center\") {\n      this.addEvent(this, \"wheel\", this._handleWheel);\n    }\n    if (this.key) {\n      this.addEvent(document, \"keydown\", this._handleKeydown.bind(this));\n    }\n    if (this.open) {\n      this.show();\n    }\n  }\n\n  showModal() {\n    this.modal = true;\n    this.show();\n  }\n\n  protected _handleWheel(e: any) {\n    let scale = Number(this._div.style.getPropertyValue(\"--s\"));\n    if (e.deltaY > 0) {\n      scale -= this.gap;\n    } else {\n      scale += this.gap;\n    }\n    this._div.style.setProperty(\"--s\", `${scale}`);\n  }\n\n  protected _handleKeydown(e: KeyboardEvent) {\n    const keys = this.key.split(/[^a-zA-Z0-9]/).filter((s) => s);\n    if (keys.includes(e.key) || keys.includes(e.code)) {\n      this.close();\n    }\n  }\n\n  protected _handelSubmit(e: SubmitEvent) {\n    if ((e.target as HTMLFormElement).method === \"dialog\") {\n      this.close();\n    }\n  }\n}\n\nexport default OpenDialog;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"open-dialog\": OpenDialog;\n  }\n}\n"]}