godown 2.5.1 → 2.6.1

package/{input-form → web-components/input}/split-input.d.ts

@@ -1,10 +1,10 @@
-import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../lib/templates.js";
-import { InputSTD } from "./std.js";
+import { type CSSResultGroup } from "../../deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { InputElement } from "./input.js";
 /**
  * SplitInput renders multiple inputs.
  */
-export declare class SplitInput extends InputSTD {
+export declare class SplitInput extends InputElement {
     /**
      * The number of simulated input boxes.
      */

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-input.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/split-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAmC,MAAM,eAAe,CAAC;AAC1F,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAQ1C;;GAEG;AACH,qBACa,UAAW,SAAQ,YAAY;IAC1C;;OAEG;IACyB,GAAG,SAAK;IACpC;;OAEG;IACyB,KAAK,SAAM;IAEvB,MAAM,EAAE,gBAAgB,CAAC;IACvB,MAAM,EAAE,UAAU,CAAC,eAAe,CAAC,CAAC;IACtD,OAAO,SAAK;IACZ,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;IAErC,MAAM,CAAC,MAAM,iBAkDO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAWhC,SAAS,CAAC,YAAY;IAiBtB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;IA4BpC,KAAK;IAIL,OAAO,CAAC,CAAC,SAAe;IAQxB,IAAI,CAAC,CAAC,SAAe;IAKrB,KAAK;CASN;AAED,eAAe,UAAU,CAAC;AAE1B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,UAAU,CAAC;KAC3B;CACF"}

package/{input-form → web-components/input}/split-input.js

@@ -1,19 +1,14 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { createScope, cssvarValues, define } from "../root.js";
-import { css, html, property, query, queryAll } from "../deps.js";
-import { InputSTD } from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property, query, queryAll } from "../../deps.js";
+import { createScope, cssvarValues, define } from "../../root.js";
+import { InputElement } from "./input.js";
 const FOCUS = "focus";
 const defineName = "split-input";
 const cssScope = createScope(defineName);
 /**
  * SplitInput renders multiple inputs.
  */
-let SplitInput = class SplitInput extends InputSTD {
+let SplitInput = class SplitInput extends InputElement {
     constructor() {
         super(...arguments);
         /**
@@ -108,7 +103,7 @@ let SplitInput = class SplitInput extends InputSTD {
     }
 };
 SplitInput.styles = [
-    InputSTD.styles,
+    InputElement.styles,
     css `
       :host {
         ${cssScope}--outline: .15em solid var( ${cssvarValues.input}--outline-color);

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

@@ -0,0 +1 @@
+{"version":3,"file":"split-input.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/split-input.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, type CSSResultGroup, html, property, query, queryAll } from \"../../deps.js\";\nimport { type HTMLTemplate } from \"../../lib/templates.js\";\nimport { createScope, cssvarValues, define } from \"../../root.js\";\nimport { InputElement } from \"./input.js\";\n\nconst FOCUS = \"focus\";\n\nconst defineName = \"split-input\";\n\nconst cssScope = createScope(defineName);\n\n/**\n * SplitInput renders multiple inputs.\n */\n@define(defineName)\nexport class SplitInput extends InputElement {\n  /**\n   * The number of simulated input boxes.\n   */\n  @property({ type: Number }) max = 6;\n  /**\n   * Active index.\n   */\n  @property({ type: Number }) index = -1;\n\n  @query(\"input\") _input: HTMLInputElement;\n  @queryAll(\"span\") _spans: NodeListOf<HTMLSpanElement>;\n  current = 0;\n  currentValue: (string | null)[] = [];\n\n  static styles = [\n    InputElement.styles,\n    css`\n      :host {\n        ${cssScope}--outline: .15em solid var( ${cssvarValues.input}--outline-color);\n        margin: var(${cssvarValues.input}--outline-width);\n        width: fit-content;\n        border-radius: 1px;\n      }\n\n      * {\n        font-size: 1em;\n        border-radius: inherit;\n      }\n\n      div {\n        vertical-align: top;\n        position: relative;\n        display: inline-flex;\n        gap: 0.25em;\n      }\n\n      span {\n        box-sizing: content-box;\n        vertical-align: top;\n        display: inline-flex;\n        width: 1.45em;\n        height: 1.45em;\n        pointer-events: all;\n      }\n\n      i {\n        height: inherit;\n        width: 100%;\n        z-index: 1;\n        background-color: var(${cssvarValues.input}--false);\n        text-align: center;\n      }\n\n      input {\n        position: absolute;\n        opacity: 0;\n        left: 0;\n        top: 0;\n      }\n\n      .focus i {\n        outline: var(${cssScope}--outline);\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    return html`\n      <div>\n        ${Array(this.max)\n          .fill(0)\n          .map(() => html`<span><i></i></span>`)}\n        <input @input=\"${this._handleInput}\" />\n      </div>\n    `;\n  }\n\n  protected firstUpdated() {\n    this.currentValue = this.value.split(\"\").concat(Array(this.max - this.value.length).fill(null));\n    this.current = this.index < 0 || this.index > this.max ? this.currentValue.indexOf(null) : this.index;\n    this._spans.forEach((span, index) => {\n      this.addEvent(span, \"click\", () => {\n        this.current = index;\n        this.focusAt();\n        this._input.focus();\n      });\n    });\n    this.addEvent(document, \"click\", (e) => {\n      if (!this.contains(e.target as Node)) {\n        this.blur();\n      }\n    });\n  }\n\n  protected _handleInput(e: InputEvent) {\n    if (e.data === null) {\n      if (this.currentValue[this.current] !== null) {\n        this.currentValue[this.current] = null;\n      } else {\n        this.currentValue[this.current - 1] = null;\n        this.current = this.current - 1 < 0 ? 0 : this.current - 1;\n      }\n    } else {\n      this.currentValue[this.current] = e.data;\n      if (this.current + 1 >= this.max) {\n        this.current = this.currentValue.indexOf(null);\n        if (this.current === -1) {\n          this.blur();\n        }\n      } else {\n        this.current += 1;\n      }\n    }\n    this.focus();\n    this._spans.forEach((span, index) => {\n      span.querySelector(\"i\").innerText = this.currentValue[index] || \"\";\n    });\n    this.value = this.currentValue.join(\"\");\n    this.dispatchEvent(new CustomEvent(\"input\", { detail: this.value, bubbles: true, composed: true }));\n    this.dispatchEvent(new CustomEvent(\"change\", { detail: this.value, composed: true }));\n  }\n\n  focus() {\n    this.focusAt();\n  }\n\n  focusAt(i = this.current) {\n    this._spans.forEach((span) => {\n      span.classList.remove(FOCUS);\n    });\n    this._spans[i]?.classList.add(FOCUS);\n    this._input.value = \"\";\n  }\n\n  blur(i = this.current) {\n    this._spans[i]?.classList.remove(FOCUS);\n    this._input.blur();\n  }\n\n  reset() {\n    this.currentValue = Array(this.max).fill(null);\n    this.current = 0;\n    this._spans.forEach((span) => {\n      span.querySelector(\"i\").innerText = \"\";\n    });\n    this.value = \"\";\n    this.dispatchEvent(new CustomEvent(\"change\", { detail: this.value }));\n  }\n}\n\nexport default SplitInput;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"split-input\": SplitInput;\n  }\n}\n"]}

package/{input-form → web-components/input}/switch-input.d.ts

@@ -1,12 +1,12 @@
-import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../lib/templates.js";
-import { InputSTD } from "./std.js";
+import { type CSSResultGroup } from "../../deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { InputElement } from "./input.js";
 /**
  * Switch renders a switch.
  *
  * Inspired by Steam.
  */
-export declare class SwitchInput extends InputSTD {
+export declare class SwitchInput extends InputElement {
     /**
      * Border style.
      */

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-input.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/switch-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;AAM1C;;;;GAIG;AACH,qBACa,WAAY,SAAQ,YAAY;IAC3C;;OAEG;IACS,IAAI,EAAE,KAAK,GAAG,MAAM,CAAU;IAC1C;;OAEG;IAC0B,OAAO,UAAS;IAC7C;;OAEG;IAC0B,QAAQ,UAAS;IAC9C;;OAEG;IACS,GAAG,SAAW;IAC1B;;OAEG;IACS,IAAI,SAAc;IAC9B;;OAEG;IACS,KAAK,SAAQ;IAET,MAAM,EAAE,gBAAgB,CAAC;IAEzC,MAAM,CAAC,MAAM,iBA4HO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAWhC,KAAK;IAKL,iBAAiB;IASjB,SAAS,CAAC,aAAa;IAMvB,SAAS,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC;CAG/B;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/{input-form → web-components/input}/switch-input.js

@@ -1,13 +1,8 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { createScope, cssvarValues, define } from "../root.js";
-import { css, html, property, query } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import { InputSTD } from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property, query } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { createScope, cssvarValues, define } from "../../root.js";
+import { InputElement } from "./input.js";
 const defineName = "switch-input";
 const cssScope = createScope(defineName);
 /**
@@ -15,7 +10,7 @@ const cssScope = createScope(defineName);
  *
  * Inspired by Steam.
  */
-let SwitchInput = class SwitchInput extends InputSTD {
+let SwitchInput = class SwitchInput extends InputElement {
     constructor() {
         super(...arguments);
         /**
@@ -76,7 +71,7 @@ let SwitchInput = class SwitchInput extends InputSTD {
     }
 };
 SwitchInput.styles = [
-    InputSTD.styles,
+    InputElement.styles,
     css `
       :host {
         ${cssScope}--width: 3em;

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

@@ -0,0 +1 @@
+{"version":3,"file":"switch-input.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/input/switch-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 { createScope, cssvarValues, define } from \"../../root.js\";\nimport { InputElement } from \"./input.js\";\n\nconst defineName = \"switch-input\";\n\nconst cssScope = createScope(defineName);\n\n/**\n * Switch renders a switch.\n *\n * Inspired by Steam.\n */\n@define(defineName)\nexport class SwitchInput extends InputElement {\n  /**\n   * Border style.\n   */\n  @property() base: \"fat\" | \"rect\" = \"rect\";\n  /**\n   * Whether this element is selected or not.\n   */\n  @property({ type: Boolean }) checked = false;\n  /**\n   * Whether this element is disabled or not.\n   */\n  @property({ type: Boolean }) disabled = false;\n  /**\n   * Parsed by JSON.parse to checked.\n   */\n  @property() def = \"false\";\n  /**\n   * Input name.\n   */\n  @property() name = \"checkbox\";\n  /**\n   * Input value.\n   */\n  @property() value = \"on\";\n\n  @query(\"input\") _input: HTMLInputElement;\n\n  static styles = [\n    InputElement.styles,\n    css`\n      :host {\n        ${cssScope}--width: 3em;\n        ${cssScope}--height: calc(var(${cssScope}--width) / 2);\n        width: var(${cssScope}--width);\n        height: var(${cssScope}--height);\n      }\n\n      :host,\n      span {\n        display: inline-flex;\n        font-size: inherit;\n        position: relative;\n        align-items: center;\n        border-radius: inherit;\n      }\n\n      span {\n        width: inherit;\n        height: inherit;\n      }\n\n      input {\n        width: inherit;\n        height: inherit;\n        margin: 0;\n        outline: none;\n        appearance: none;\n        -webkit-appearance: none;\n        -moz-appearance: none;\n        position: relative;\n        font-size: inherit;\n        background: var(${cssvarValues.input}--false);\n        border-radius: inherit;\n        transition: all 0.3s;\n      }\n\n      aside {\n        pointer-events: none;\n        transition: 0.3s;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        position: absolute;\n        font-size: inherit;\n        overflow: hidden;\n        border-radius: inherit;\n      }\n\n      aside div {\n        height: 100%;\n      }\n\n      input[disabled] ~ aside {\n        filter: brightness(0.87);\n      }\n\n      .rect div.always {\n        display: none;\n      }\n\n      .always {\n        position: absolute;\n      }\n\n      .rect aside {\n        height: 100%;\n        width: 100%;\n        left: 0;\n      }\n\n      .rect .true,\n      .rect .false {\n        width: 50%;\n        text-align: center;\n        transition: all 0.3s;\n      }\n\n      .rect input:checked ~ aside div.true,\n      .rect .false {\n        background-color: var(${cssvarValues.input}--true);\n      }\n\n      .rect input:checked ~ aside div.false,\n      .rect .true {\n        background: var(${cssvarValues.input}--false);\n      }\n\n      .fat aside {\n        width: 1.2em;\n        height: 1.2em;\n        border-radius: 50%;\n        background: var(${cssvarValues.input}--control);\n        transition: 0.3s;\n        left: 0.15em;\n        top: 0.15em;\n        bottom: 0.15em;\n      }\n\n      .fat {\n        border-radius: 0.75em;\n      }\n\n      .fat input:checked {\n        background: var(${cssvarValues.input}--true);\n      }\n\n      .fat input:checked ~ aside {\n        left: calc(100% - 0.15em - 1.2em);\n        right: 0.15em;\n      }\n\n      .fat input:checked ~ aside div.true,\n      .fat div.false {\n        display: block;\n      }\n\n      .fat input:checked ~ aside div.false,\n      .fat div.true {\n        display: none;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    return html`<span class=\"${this.base}\">\n      <input @change=\"${this._handleChange}\" ?disabled=\"${this.disabled}\" ?checked=\"${this.checked}\" name=\"${this.name}\" type=\"checkbox\" />\n      <aside>\n        <div class=\"false\"><slot name=\"false\"></slot></div>\n        <div class=\"always\">${htmlSlot()}<slot name=\"always\"></slot></div>\n        <div class=\"true\"><slot name=\"true\"></slot></div>\n      </aside>\n    </span>`;\n  }\n\n  reset() {\n    this.checked = this.def === \"true\";\n    this._input.checked = this.checked;\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.checked) {\n      this.def = \"true\";\n    } else if (this.def === \"true\") {\n      this.checked = true;\n    }\n  }\n\n  protected _handleChange() {\n    this.checked = this._input.checked;\n    this.dispatchEvent(new CustomEvent(\"input\", { detail: this.checked, bubbles: true, composed: true }));\n    this.dispatchEvent(new CustomEvent(\"change\", { detail: this.checked, composed: true }));\n  }\n\n  namevalue(): [string, boolean] {\n    return [this.name, this.checked];\n  }\n}\n\nexport default SwitchInput;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"switch-input\": SwitchInput;\n  }\n}\n"]}

package/{items → web-components/items}/alert-item.d.ts

@@ -1,5 +1,5 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import ItemsSTD from "./std.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 declare const colors: {
     success: string[];
     info: string[];
@@ -12,7 +12,7 @@ declare const colors: {
  *
  * Inspired by Ant-design.
  */
-export declare class AlertItem extends ItemsSTD {
+export declare class AlertItem extends GodownElement {
     /**
      * Type of performance.
      */

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

@@ -0,0 +1 @@
+{"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/{items → web-components/items}/alert-item.js

@@ -1,15 +1,9 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var AlertItem_1;
-import { createScope, define } from "../root.js";
-import { css, html, property, unsafeCSS } from "../deps.js";
-import { htmlSlot, svgX } from "../lib/templates.js";
-import { constructCSS } from "../lib/utils.js";
-import ItemsSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property, unsafeCSS } from "../../deps.js";
+import { htmlSlot, svgX } from "../../lib/templates.js";
+import { constructCSS } from "../../lib/utils.js";
+import { createScope, define, GodownElement } from "../../root.js";
 const defineName = "alert-item";
 const cssvarScope = createScope(defineName);
 const currentColor = "currentColor";
@@ -26,7 +20,7 @@ const colors = {
  *
  * Inspired by Ant-design.
  */
-let AlertItem = AlertItem_1 = class AlertItem extends ItemsSTD {
+let AlertItem = AlertItem_1 = class AlertItem extends GodownElement {
     constructor() {
         super(...arguments);
         /**

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

@@ -0,0 +1 @@
+{"version":3,"file":"alert-item.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/alert-item.ts"],"names":[],"mappings":"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","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/{items → web-components/items}/card-item.d.ts

@@ -1,10 +1,10 @@
-import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../lib/templates.js";
-import ItemsSTD from "./std.js";
+import { type CSSResultGroup } from "../../deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * CardItem renders a card.
  */
-export declare class CardItem extends ItemsSTD {
+export declare class CardItem extends GodownElement {
     /**
      * Enable rotate.
      */

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

@@ -0,0 +1 @@
+{"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/{items → web-components/items}/card-item.js

@@ -1,20 +1,14 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { createScope, cssvarValues, define } from "../root.js";
-import { css, html, property, query } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import { ifValue } from "../lib/directives.js";
-import ItemsSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property, query } from "../../deps.js";
+import { ifValue } from "../../lib/directives.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { createScope, cssvarValues, define, GodownElement } from "../../root.js";
 const defineName = "card-item";
 const cssvarScope = createScope(defineName);
 /**
  * CardItem renders a card.
  */
-let CardItem = class CardItem extends ItemsSTD {
+let CardItem = class CardItem extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -70,16 +64,17 @@ let CardItem = class CardItem extends ItemsSTD {
     }
 };
 CardItem.styles = [
-    ItemsSTD.styles,
+    GodownElement.styles,
     css `
       :host {
         ${cssvarScope}--offset: .25em;
         ${cssvarScope}--background: var(${cssvarValues.main});
         ${cssvarScope}--wapper-background: none;
         ${cssvarScope}--outline: 0;
-        ${cssvarScope}--box-shadow: 0 .05em .4em 0 rgb(var(${cssvarValues.mainRGB}) / 60%);
+        ${cssvarScope}--box-shadow: 0 .05em 1.2em 0 rgb(var(${cssvarValues.textRGB}) / 12%);
         ${cssvarScope}--hr-width: 100%;
         ${cssvarScope}--hr-height: .05em;
+        ${cssvarScope}--hr-background: #80808080;
         ${cssvarScope}--padding: .75em;
         margin: auto;
         display: block;
@@ -128,8 +123,7 @@ CardItem.styles = [
         height: var(${cssvarScope}--hr-height);
         margin: auto;
         display: block;
-        background: currentColor;
-        opacity: 0.5;
+        background: var(${cssvarScope}--hr-background);
       }
 
       slot {

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

@@ -0,0 +1 @@
+{"version":3,"file":"card-item.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/items/card-item.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAuB,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAChF,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEjF,MAAM,UAAU,GAAG,WAAW,CAAC;AAC/B,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,CAAC;AAE5C;;GAEG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,aAAa;IAApC;;QACL;;WAEG;QAC0B,WAAM,GAAG,KAAK,CAAC;IAkI9C,CAAC;IAvDW,MAAM;QACd,MAAM,MAAM,GAAG,QAAQ,CAAC;QACxB,MAAM,MAAM,GAAG,QAAQ,CAAC;QACxB,OAAO,IAAI,CAAA;;;UAGL,OAAO,CACP,IAAI,CAAC,SAAS,CAAC,MAAM,CAAuB,EAC5C,IAAI,CAAA;cACA,QAAQ,CAAC,MAAM,CAAC;;WAEnB,CACF;UACC,QAAQ,EAAE;UACV,OAAO,CACP,IAAI,CAAC,SAAS,CAAC,MAAM,CAAuB,EAC5C,IAAI,CAAA;;cAEA,QAAQ,CAAC,MAAM,CAAC;WACnB,CACF;;WAEE,CAAC;IACV,CAAC;IAES,YAAY;QACpB,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC;YAChB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;YACpE,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC;QAClE,CAAC;IACH,CAAC;IAED;;OAEG;IACH,KAAK;QACH,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC;QACpC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;IACtC,CAAC;IAED;;;OAGG;IACO,WAAW,CAAC,CAAa;QACjC,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC;QACxE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC;QAC/B,MAAM,OAAO,GAAG,OAAO,GAAG,IAAI,CAAC;QAC/B,MAAM,OAAO,GAAG,OAAO,GAAG,GAAG,CAAC;QAC9B,MAAM,MAAM,GAAG,EAAE,CAAC;QAClB,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,OAAO,GAAG,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,MAAM,GAAG,GAAG,CAAC;QAClE,MAAM,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,GAAG,GAAG,CAAC;QAC/D,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,GAAG,WAAW,OAAO,gBAAgB,OAAO,MAAM,CAAC;QAC7E,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,MAAM,CAAC;IACvC,CAAC;;AA5HM,eAAM,GAAG;IACd,aAAa,CAAC,MAAM;IACpB,GAAG,CAAA;;UAEG,WAAW;UACX,WAAW,qBAAqB,YAAY,CAAC,IAAI;UACjD,WAAW;UACX,WAAW;UACX,WAAW,yCAAyC,YAAY,CAAC,OAAO;UACxE,WAAW;UACX,WAAW;UACX,WAAW;UACX,WAAW;;;;qBAIA,YAAY,CAAC,IAAI;;;;;;;;;;;uBAWf,WAAW;0BACR,WAAW;0BACX,WAAW;;;;;;;;;;;0BAWX,WAAW;;uBAEd,WAAW;gCACF,WAAW;;;;;;;;;;;;;qBAatB,WAAW;sBACV,WAAW;;;0BAGP,WAAW;;;;;uBAKd,WAAW;;KAE7B;CACgB,AApEN,CAoEO;AAzES;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;wCAAgB;AAEnB;IAAxB,KAAK,CAAC,MAAM,CAAC;uCAA+B;AACnB;IAAzB,KAAK,CAAC,OAAO,CAAC;wCAAgC;AAPpC,QAAQ;IADpB,MAAM,CAAC,UAAU,CAAC;GACN,QAAQ,CAsIpB;;AAED,eAAe,QAAQ,CAAC","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) as unknown as boolean,\n          html`\n            ${htmlSlot(HEADER)}\n            <hr />\n          `,\n        )}\n        ${htmlSlot()}\n        ${ifValue(\n          this.querySlot(FOOTER) as unknown as boolean,\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/{layout → web-components/items}/drag-box.d.ts

@@ -1,9 +1,9 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import LayoutSTD from "./std.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * The DragBox does not extend beyond the range of {@linkcode DragBox.offsetsWidth} and {@linkcode DragBox.offsetsHeight}.
  */
-export declare class DragBox extends LayoutSTD {
+export declare class DragBox extends GodownElement {
     drag: boolean;
     t: number;
     l: number;

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

@@ -0,0 +1 @@
+{"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/{layout → web-components/items}/drag-box.js

@@ -1,18 +1,12 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, html, property } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import { define } from "../root.js";
-import LayoutSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { define, GodownElement } from "../../root.js";
 const defineName = "drag-box";
 /**
  * The DragBox does not extend beyond the range of {@linkcode DragBox.offsetsWidth} and {@linkcode DragBox.offsetsHeight}.
  */
-let DragBox = class DragBox extends LayoutSTD {
+let DragBox = class DragBox extends GodownElement {
     constructor() {
         super(...arguments);
         /**

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,5 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,6 @@
+/// 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

@@ -0,0 +1 @@
+{"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/{items → web-components/items}/time-bar.d.ts

@@ -1,9 +1,9 @@
-import { type CSSResultGroup } from "../deps.js";
-import ItemsSTD from "./std.js";
+import { type CSSResultGroup } from "../../deps.js";
+import { GodownElement } from "../../root.js";
 /**
  * TimeBar renders a formatting time.
  */
-export declare class TimeBar extends ItemsSTD {
+export declare class TimeBar extends GodownElement {
     /**
      * Format strings.
      * {@linkcode TimeBar.fmt}

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

@@ -0,0 +1 @@
+{"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/{items → web-components/items}/time-bar.js

@@ -1,18 +1,12 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
 var TimeBar_1;
-import { css, property } from "../deps.js";
-import { define } from "../root.js";
-import ItemsSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, property } from "../../deps.js";
+import { define, GodownElement } from "../../root.js";
 const defineName = "time-bar";
 /**
  * TimeBar renders a formatting time.
  */
-let TimeBar = TimeBar_1 = class TimeBar extends ItemsSTD {
+let TimeBar = TimeBar_1 = class TimeBar extends GodownElement {
     constructor() {
         super(...arguments);
         /**

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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"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/{layout/div-line.js → web-components/layout/divider-line.js}

@@ -1,19 +1,13 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { createScope, define } from "../root.js";
-import { css, html, property } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import LayoutSTD from "./std.js";
-const defineName = "div-line";
+import { __decorate } from "tslib";
+import { css, html, property } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { createScope, define, GodownElement } from "../../root.js";
+const defineName = "divider-line";
 const cssvarScope = createScope(defineName);
 /**
- * DivLine similar to hr.
+ * DividerLine similar to hr.
  */
-let DivLine = class DivLine extends LayoutSTD {
+let DividerLine = class DividerLine extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -29,7 +23,7 @@ let DivLine = class DivLine extends LayoutSTD {
     </div>`;
     }
 };
-DivLine.styles = [
+DividerLine.styles = [
     css `
       :host {
         ${cssvarScope}--before-length: auto;
@@ -81,10 +75,10 @@ DivLine.styles = [
 ];
 __decorate([
     property({ type: Boolean })
-], DivLine.prototype, "v", void 0);
-DivLine = __decorate([
+], DividerLine.prototype, "v", void 0);
+DividerLine = __decorate([
     define(defineName)
-], DivLine);
-export { DivLine };
-export default DivLine;
-//# sourceMappingURL=div-line.js.map
+], DividerLine);
+export { DividerLine };
+export default DividerLine;
+//# sourceMappingURL=divider-line.js.map

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

@@ -0,0 +1 @@
+{"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/{layout → web-components/layout}/flex-flow.d.ts

@@ -1,9 +1,9 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import LayoutSTD from "./std.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * FlexFlow controls the flex layout based on the width of the screen.
  */
-export declare class FlexFlow extends LayoutSTD {
+export declare class FlexFlow extends GodownElement {
     /**
      * The flex-flow behavior.
      */

package/web-components/layout/flex-flow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-flow.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/layout/flex-flow.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAChF,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AAItD;;GAEG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,QAAQ,SAA8B;IAClD;;OAEG;IACS,MAAM,SAAW;IAE7B,MAAM,CAAC,MAAM,4BAMX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;CAUjC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/{layout → web-components/layout}/flex-flow.js

@@ -1,18 +1,12 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { css, html, property } from "../deps.js";
-import { htmlSlot, htmlStyle } from "../lib/templates.js";
-import { define } from "../root.js";
-import LayoutSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property } from "../../deps.js";
+import { htmlSlot, htmlStyle } from "../../lib/templates.js";
+import { define, GodownElement } from "../../root.js";
 const defineName = "flex-flow";
 /**
  * FlexFlow controls the flex layout based on the width of the screen.
  */
-let FlexFlow = class FlexFlow extends LayoutSTD {
+let FlexFlow = class FlexFlow extends GodownElement {
     constructor() {
         super(...arguments);
         /**