godown 2.5.1 → 2.6.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"base-button.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/button/base-button.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, query, unsafeCSS } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { constructCSS } from \"../../lib/utils.js\";\nimport { createScope, define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"base-button\";\nconst cssvarScope = createScope(defineName);\n\nconst shadow1 = \"-2px 2px 5px -2px\";\nconst shadow2 = \"2px -2px 5px -2px\";\nconst linearGradient = \"linear-gradient\";\nconst fff = \"#fff\";\nconst _000 = \"#000\";\n\nconst vars = [\"color\", \"background\", \"box-shadow\", \"ghost-color\"];\nconst colors = {\n  black: [\n    fff, //\n    `${linearGradient}(45deg, rgb(30 30 30), rgb(65 65 65))`,\n    `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,\n    \"rgb(22 20 20)\",\n  ],\n  gary: [\n    fff, //\n    `${linearGradient}(45deg, rgb(65 65 65),  rgb(100 100 100))`,\n    `${shadow1} rgb(0 0 0 / 20%), ${shadow2} rgb(99 99 99 / 20%)`,\n    \"rgb(56 56 56)\",\n  ],\n  white: [\n    _000, //\n    `${linearGradient}(45deg, rgb(225 225 225), rgb(240 240 240))`,\n    `${shadow1} rgb(255 255 255 / 20%), ${shadow2} rgb(165 165 165 / 20%)`,\n    \"rgb(212 212 212)\",\n  ],\n  red: [\n    fff, //\n    `${linearGradient}(45deg, rgb(215 57 68), rgb(250 141 106))`,\n    `${shadow1} rgb(181 35 44 / 20%), ${shadow2} rgb(234 130 174 / 20%)`,\n    \"rgb(214 11 23)\",\n  ],\n  green: [\n    _000, //\n    `${linearGradient}(45deg, rgb(21 206 71), rgb(99 253 122))`,\n    `${shadow1} rgb(63 179 69 / 20%), ${shadow2} rgb(136 225 142 / 20%)`,\n    \"rgb(60 214 68)\",\n  ],\n  blue: [\n    fff, //\n    `${linearGradient}(45deg, rgb(14 143 255), rgb(121 211 255))`,\n    `${shadow1} rgb(92 182 255 / 20%), ${shadow2} rgb(135 232 222 / 20%)`,\n    \"rgb(42 141 221)\",\n  ],\n  yellow: [\n    _000, //\n    `${linearGradient}(45deg, rgb(255 190 54), rgb(255 249 68))`,\n    `${shadow1} rgb(214 203 55 / 20%), ${shadow2} rgb(202 203 137 / 20%)`,\n    \"rgb(255 235 59)\",\n  ],\n};\n\ntype Colors = keyof typeof colors;\n\n/**\n * BaseButton.\n *\n * Inspired by Next-ui.\n */\n@define(defineName)\nexport class BaseButton extends GodownElement {\n  /**\n   * Whether to disable this element.\n   */\n  @property({ type: Boolean, reflect: true }) disabled = false;\n  /**\n   * Invert font and background color.\n   */\n  @property({ type: Boolean, reflect: true }) ghost = false;\n  /**\n   * Whether this element is active or not.\n   */\n  @property({ type: Boolean, reflect: true }) active = false;\n  /**\n   * Enables rounded corners to appear capsule shaped.\n   */\n  @property({ type: Boolean, reflect: true }) radius = false;\n  /**\n   * Enables scale when mousedown.\n   */\n  @property({ type: Boolean, reflect: true }) scale = false;\n  /**\n   * The primary color.\n   */\n  @property() color: \"none\" | Colors = \"black\";\n  /**\n   * Text inside.\n   */\n  @property() text = \"\";\n\n  @query(\"b\") _b: HTMLElement;\n  @query(\"div\") _div: HTMLButtonElement;\n\n  static styles = [\n    unsafeCSS(\n      constructCSS(\n        vars,\n        colors,\n        (raw) => `[color=${raw}]`,\n        (k, v) => `${cssvarScope}--${k}:${v}`,\n      ),\n    ),\n    css`\n      :host {\n        ${cssvarScope}--padding: .075em .25em;\n        ${cssvarScope}--deg: .075em .25em;\n        ${cssvarScope}--ghost-width: .09em;\n        ${cssvarScope}--modal-opacity: .15;\n        ${cssvarScope}--modal-opacity-end: 0;\n        ${cssvarScope}--modal-animation-duration: 1s;\n        ${cssvarScope}--focus-scale: .975;\n        transition: 0.1s;\n        display: flex;\n        width: fit-content;\n        border-radius: 0.25em;\n        cursor: pointer;\n        background: none !important;\n      }\n\n      :host([disabled]) {\n        cursor: not-allowed;\n      }\n\n      :host([active][scale]) div {\n        scale: var(${cssvarScope}--focus-scale);\n      }\n\n      slot {\n        display: flow-root;\n      }\n\n      div {\n        background: var(${cssvarScope}--background);\n        box-shadow: var(${cssvarScope}--box-shadow);\n        color: var(${cssvarScope}--color, inherit);\n        width: 100%;\n        height: 100%;\n        position: relative;\n        overflow: hidden;\n        border-radius: inherit;\n        transition-duration: inherit;\n        transition-property: scale;\n        pointer-events: none;\n      }\n\n      b {\n        pointer-events: none;\n        transform: translate(-50%, -50%);\n        position: absolute;\n        visibility: hidden;\n      }\n\n      p {\n        padding: var(${cssvarScope}--padding);\n        margin: 0;\n        user-select: none;\n        transition: 0;\n      }\n\n      :host([ghost]) p {\n        background-image: var(${cssvarScope}--background);\n        margin: calc(-1 * var(${cssvarScope}--ghost-width));\n        background-clip: text;\n        -webkit-background-clip: text;\n        color: transparent;\n      }\n\n      :host([ghost]) div {\n        background: transparent;\n        border: var(${cssvarScope}--ghost-width) solid var(${cssvarScope}--ghost-color);\n      }\n\n      :host([radius]) {\n        border-radius: calc(infinity * 1px);\n        ${cssvarScope}--padding: .075em .5em;\n      }\n    `,\n    css`\n      i {\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        width: 100%;\n        height: 100%;\n        pointer-events: none;\n        border-radius: 50%;\n        transform: translate(0, 0);\n        background: currentColor;\n        opacity: var(${cssvarScope}--modal-opacity-end);\n        visibility: visible;\n        animation-duration: min(var(${cssvarScope}--modal-animation-duration), 2s);\n      }\n\n      :host([ghost]) i {\n        background: var(${cssvarScope}--ghost-color);\n      }\n\n      @keyframes i {\n        0% {\n          transform: scale(0);\n          opacity: var(${cssvarScope}--modal-opacity);\n        }\n        80% {\n          transform: scale(1);\n        }\n        100% {\n          opacity: var(${cssvarScope}--modal-opacity-end);\n        }\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return html`\n      <div color=\"${this.nextColor()}\">\n        <b></b>\n        <p>${this.text || htmlSlot()}</p>\n      </div>\n    `;\n  }\n\n  focus() {\n    if (this.disabled) {\n      return;\n    }\n    this.active = true;\n  }\n\n  blur() {\n    this.active = false;\n  }\n\n  protected firstUpdated() {\n    if (this.scale) {\n      this.addEvent(this, \"mousedown\", this.focus);\n      this.addEvent(this, \"mouseup\", (e: MouseEvent) => {\n        if (this.disabled) {\n          return;\n        }\n        this.blur();\n        this._handleModal(e);\n      });\n      this.addEvent(this, \"mouseleave\", this.blur);\n      return;\n    } else {\n      this.addEvent(document, \"click\", this._handelClick.bind(this));\n    }\n  }\n\n  protected _handleModal(e: MouseEvent) {\n    const a = this._div.offsetHeight + 1;\n    const b = this._div.offsetWidth + 1;\n    const size = `${Math.sqrt(a * a + b * b) * 2}px`;\n    const translate = `translate(calc(-50% + ${e.offsetX}px), calc(-50% + ${e.offsetY}px))`;\n    this._b.style.width = size;\n    this._b.style.height = size;\n    this._b.style.transform = translate;\n    const i = document.createElement(\"i\");\n    i.style.animationName = \"i\";\n    this._b.appendChild(i);\n    setTimeout(() => {\n      i.remove();\n    }, 2000);\n  }\n\n  protected _handelClick(e: MouseEvent) {\n    if (this.disabled) {\n      return;\n    }\n    if (e.target === this) {\n      this._handleModal(e);\n      this.focus();\n    } else {\n      this.blur();\n    }\n  }\n\n  /**\n   * Get the color to render, default is this.color.\n   *\n   * @returns New color.\n   *\n   * Colors can be set for different states.\n   *\n   * The matching selector is `[color=COLOR]`.\n   *\n   * @example\n   * ```ts\n   * button.adoptStyles(\"[color=COLOR1]{...}\")\n   * button.adoptStyles(\"[color=COLOR2]{...}\")\n   * button.nextColor = () => state ? COLOR1 : COLOR2\n   * ```\n   */\n  nextColor(): Colors | string {\n    return this.color;\n  }\n}\n\nexport default BaseButton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"base-button\": BaseButton;\n  }\n}\n"]}

package/{view/rotation-pool.d.ts → web-components/carousel/carousel-slider.d.ts}

@@ -1,9 +1,9 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import { GodownElement } from "../root.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
- * RotationPool rotates child elements.
+ * CarouselSlider rotates child elements.
  */
-export declare class RotationPool extends GodownElement {
+export declare class CarouselSlider extends GodownElement {
     /**
      * The index of the element is displayed for the first time.
      */
@@ -29,10 +29,10 @@ export declare class RotationPool extends GodownElement {
     next(): void;
     prev(): void;
 }
-export default RotationPool;
+export default CarouselSlider;
 declare global {
     interface HTMLElementTagNameMap {
-        "rotation-port": RotationPool;
+        "carousel-slider": CarouselSlider;
     }
 }
-//# sourceMappingURL=rotation-pool.d.ts.map
+//# sourceMappingURL=carousel-slider.d.ts.map

package/web-components/carousel/carousel-slider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-slider.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/carousel/carousel-slider.ts"],"names":[],"mappings":"AACA,OAAO,EAAuB,KAAK,YAAY,EAAY,MAAM,wBAAwB,CAAC;AAE1F,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAI9C;;GAEG;AACH,qBACa,cAAe,SAAQ,aAAa;IAC/C;;OAEG;IACyB,KAAK,SAAK;IACtC;;OAEG;IACyB,UAAU,SAAK;IAC3C;;OAEG;IACS,KAAK,SAAM;IAEL,QAAQ,EAAE,WAAW,CAAC;IACxC,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,WAAW,EAAE,CAAM;IAE3B,MAAM,CAAC,MAAM,4BAqEX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAUhC,OAAO,CAAC,OAAO;IAOf,OAAO,CAAC,KAAK,CAAC,EAAE,MAAM;IAOtB,SAAS,CAAC,YAAY;IAwBtB,oBAAoB;IAIpB,IAAI,CAAC,CAAC,EAAE,MAAM;IAMd,IAAI;IAWJ,IAAI;CAUL;AAED,eAAe,cAAc,CAAC;AAE9B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,cAAc,CAAC;KACnC;CACF"}

package/{view/rotation-pool.js → web-components/carousel/carousel-slider.js}

@@ -1,18 +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 { css, html, property, query } from "../deps.js";
-import { htmlSlot, htmlStyle, svgArrow } from "../lib/templates.js";
-import { define } from "../root.js";
-import { GodownElement } from "../root.js";
-const defineName = "rotation-pool";
+import { __decorate } from "tslib";
+import { css, html, property, query } from "../../deps.js";
+import { htmlSlot, htmlStyle, svgArrow } from "../../lib/templates.js";
+import { define } from "../../root.js";
+import { GodownElement } from "../../root.js";
+const defineName = "carousel-slider";
 /**
- * RotationPool rotates child elements.
+ * CarouselSlider rotates child elements.
  */
-let RotationPool = class RotationPool extends GodownElement {
+let CarouselSlider = class CarouselSlider extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -104,7 +99,7 @@ let RotationPool = class RotationPool extends GodownElement {
         }
     }
 };
-RotationPool.styles = [
+CarouselSlider.styles = [
     css `
       :host {
         display: block;
@@ -176,19 +171,19 @@ RotationPool.styles = [
 ];
 __decorate([
     property({ type: Number })
-], RotationPool.prototype, "index", void 0);
+], CarouselSlider.prototype, "index", void 0);
 __decorate([
     property({ type: Number })
-], RotationPool.prototype, "autochange", void 0);
+], CarouselSlider.prototype, "autochange", void 0);
 __decorate([
     property()
-], RotationPool.prototype, "width", void 0);
+], CarouselSlider.prototype, "width", void 0);
 __decorate([
     query("section")
-], RotationPool.prototype, "_section", void 0);
-RotationPool = __decorate([
+], CarouselSlider.prototype, "_section", void 0);
+CarouselSlider = __decorate([
     define(defineName)
-], RotationPool);
-export { RotationPool };
-export default RotationPool;
-//# sourceMappingURL=rotation-pool.js.map
+], CarouselSlider);
+export { CarouselSlider };
+export default CarouselSlider;
+//# sourceMappingURL=carousel-slider.js.map

package/web-components/carousel/carousel-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-slider.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/carousel/carousel-slider.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, property, query } from \"../../deps.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate, svgArrow } from \"../../lib/templates.js\";\nimport { define } from \"../../root.js\";\nimport { GodownElement } from \"../../root.js\";\n\nconst defineName = \"carousel-slider\";\n\n/**\n * CarouselSlider rotates child elements.\n */\n@define(defineName)\nexport class CarouselSlider extends GodownElement {\n  /**\n   * The index of the element is displayed for the first time.\n   */\n  @property({ type: Number }) index = 0;\n  /**\n   * If autochangee > 0, the rotation will be automated.\n   */\n  @property({ type: Number }) autochange = 0;\n  /**\n   * Width.\n   */\n  @property() width = \"\";\n\n  @query(\"section\") _section: HTMLElement;\n  intervalID: number;\n  _clone: HTMLElement[] = [];\n\n  static styles = [\n    css`\n      :host {\n        display: block;\n        transition: all 0.2s;\n      }\n\n      div {\n        overflow: hidden;\n      }\n\n      div,\n      section {\n        width: 100%;\n        display: flex;\n        position: relative;\n        transition: inherit;\n      }\n\n      a {\n        position: absolute;\n        height: 100%;\n        width: fit-content;\n        z-index: 1;\n        display: flex;\n        align-items: center;\n      }\n\n      .prev {\n        left: 0;\n      }\n\n      .prev svg {\n        transform: rotate(180deg);\n      }\n\n      .next {\n        right: 0;\n      }\n\n      i {\n        position: relative;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: 0.3s;\n        width: 2em;\n        height: 100%;\n      }\n\n      svg {\n        flex: 1;\n        max-height: 100%;\n        max-width: 100%;\n      }\n\n      a:hover i {\n        background-color: #0000001a;\n        width: 2.2em;\n      }\n\n      i svg path {\n        stroke-width: 4;\n      }\n\n      slot::slotted(*) {\n        flex-shrink: 0 !important;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    const style = this.width && `:host{width:${this.width.split(\";\")[0]};}`;\n    return html`<div>\n      <a class=\"prev\" @click=\"${this.prev}\">${this.renderA(\"pre\")}</a>\n      <section>${htmlSlot()}</section>\n      ${htmlStyle(style)}\n      <a class=\"next\" @click=\"${this.next}\">${this.renderA(\"suf\")}</a>\n    </div>`;\n  }\n\n  private renderA(slot: string): HTMLTemplate {\n    if (this.querySelector(`[slot=${slot}]`)) {\n      return htmlSlot(slot);\n    }\n    return html`<i>${svgArrow()}</i>`;\n  }\n\n  remount(index?: number) {\n    super.remount(undefined);\n    if (index !== undefined) {\n      this.show(index);\n    }\n  }\n\n  protected firstUpdated() {\n    if (this.assigned.length) {\n      if (!this.width) {\n        this.width = `${this.assigned[0].offsetWidth}px`;\n      }\n      if (this._clone.length) {\n        this._clone.forEach((element) => element.remove());\n        this._clone = [];\n      }\n      const last = this.assigned[0].cloneNode(true) as HTMLElement;\n      const first = this.assigned[this.assigned.length - 1].cloneNode(true) as HTMLElement;\n      first.style.marginLeft = \"-100%\";\n      this._clone.push(first, last);\n      this.appendChild(last);\n      this.insertBefore(first, this.firstElementChild);\n      this.show(this.index);\n    }\n    if (this.autochange) {\n      this.intervalID = setInterval(() => {\n        this.next();\n      }, this.autochange);\n    }\n  }\n\n  disconnectedCallback() {\n    clearInterval(this.intervalID);\n  }\n\n  show(i: number) {\n    this.index = i;\n    this._section.style.transform = `translateX(-${i}00%)`;\n    this._section.style.transition = \"inherit\";\n  }\n\n  next() {\n    if (this.index === this.assigned.length - 3) {\n      this._section.style.transform = `translateX(100%)`;\n      this._section.style.transition = \"none\";\n      this._section.getBoundingClientRect();\n      this.show(0);\n    } else {\n      this.show(this.index + 1);\n    }\n  }\n\n  prev() {\n    if (this.index === 0) {\n      this._section.style.transform = `translateX(-${this.assigned.length - 2}00%)`;\n      this._section.style.transition = `none`;\n      this._section.getBoundingClientRect();\n      this.show(this.assigned.length - 3);\n    } else {\n      this.show(this.index - 1);\n    }\n  }\n}\n\nexport default CarouselSlider;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"carousel-slider\": CarouselSlider;\n  }\n}\n"]}

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

@@ -1,10 +1,13 @@
-import { type CSSResultGroup } from "../deps.js";
-import { type HTMLTemplate } from "../lib/templates.js";
-import { FormSTD } from "./std.js";
+import { type CSSResultGroup } from "../../deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * BaseForm gets all the names and actual values of the child element.
  */
-export declare class BaseForm extends FormSTD {
+export declare class BaseForm<T extends object = object> extends GodownElement {
+    name: string;
+    value: T;
+    nameValue: () => [string, Record<string, any>];
     /**
      * Form enctype.
      */
@@ -16,22 +19,10 @@ export declare class BaseForm extends FormSTD {
     namevalue(enctype?: "application/x-www-form-urlencoded" | "multipart/form-data" | "text/plain"): [string, Record<string, any>];
     FormData(): FormData;
 }
-/**
- * SignForm is now an alias for {@linkcode BaseForm}.
- *
- * @extends BaseForm
- */
-export declare class SignForm extends BaseForm {
-    /**
-     * @deprecated
-     */
-    set: 0 | 1 | 2;
-}
-export default SignForm;
+export default BaseForm;
 declare global {
     interface HTMLElementTagNameMap {
-        "sign-form": SignForm;
         "base-form": BaseForm;
     }
 }
-//# sourceMappingURL=sign-form.d.ts.map
+//# sourceMappingURL=base-form.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base-form.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/form/base-form.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAyB,MAAM,eAAe,CAAC;AAChF,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AAEtD;;GAEG;AACH,qBACa,QAAQ,CAAC,CAAC,SAAS,MAAM,GAAG,MAAM,CAAE,SAAQ,aAAa;IACxD,IAAI,SAAM;IACM,KAAK,IAAW;IAE5C,SAAS,sCAA0B;IACnC;;OAEG;IACS,OAAO,EAAE,mCAAmC,GAAG,qBAAqB,GAAG,YAAY,CAAyB;IAEzG,KAAK,EAAE,eAAe,CAAC;IAEtC,MAAM,CAAC,MAAM,iBAcO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAQhC,KAAK;IA0BL,SAAS,CAAC,OAAO,6EAAe,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAgChE,QAAQ,IAAI,QAAQ;CA8BrB;AACD,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

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

@@ -1,20 +1,17 @@
-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, query } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import { define } from "../root.js";
-import { each } from "../lib/utils.js";
-import { FormSTD } from "./std.js";
+import { __decorate } from "tslib";
+import { css, html, property, query } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { each } from "../../lib/utils.js";
+import { define, GodownElement } from "../../root.js";
 /**
  * BaseForm gets all the names and actual values of the child element.
  */
-let BaseForm = class BaseForm extends FormSTD {
+let BaseForm = class BaseForm extends GodownElement {
     constructor() {
         super(...arguments);
+        this.name = "";
+        this.value = {};
+        this.nameValue = () => this.namevalue();
         /**
          * Form enctype.
          */
@@ -131,6 +128,12 @@ BaseForm.styles = [
       }
     `,
 ];
+__decorate([
+    property()
+], BaseForm.prototype, "name", void 0);
+__decorate([
+    property({ type: Object })
+], BaseForm.prototype, "value", void 0);
 __decorate([
     property()
 ], BaseForm.prototype, "enctype", void 0);
@@ -141,16 +144,5 @@ BaseForm = __decorate([
     define("base-form")
 ], BaseForm);
 export { BaseForm };
-/**
- * SignForm is now an alias for {@linkcode BaseForm}.
- *
- * @extends BaseForm
- */
-let SignForm = class SignForm extends BaseForm {
-};
-SignForm = __decorate([
-    define("sign-form")
-], SignForm);
-export { SignForm };
-export default SignForm;
-//# sourceMappingURL=sign-form.js.map
+export default BaseForm;
+//# sourceMappingURL=base-form.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"base-form.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/form/base-form.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 { each } from \"../../lib/utils.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\n/**\n * BaseForm gets all the names and actual values of the child element.\n */\n@define(\"base-form\")\nexport class BaseForm<T extends object = object> extends GodownElement {\n  @property() name = \"\";\n  @property({ type: Object }) value = {} as T;\n\n  nameValue = () => this.namevalue();\n  /**\n   * Form enctype.\n   */\n  @property() enctype: \"application/x-www-form-urlencoded\" | \"multipart/form-data\" | \"text/plain\" = \"multipart/form-data\";\n\n  @query(\"form\") _form: HTMLFormElement;\n\n  static styles = [\n    css`\n      form {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        margin: 0;\n      }\n\n      main {\n        display: flex;\n        flex-direction: column;\n      }\n    `,\n  ] as CSSResultGroup;\n\n  protected render(): HTMLTemplate {\n    return html`<form enctype=\"${this.enctype}\">\n      ${htmlSlot(\"pre\")}\n      <main>${htmlSlot()}</main>\n      ${htmlSlot(\"suf\")}\n    </form>`;\n  }\n\n  reset() {\n    each(this._form, (node: HTMLFormElement | BaseForm) => {\n      if (node.reset) {\n        node.reset();\n      }\n    });\n    const form: any = document.createElement(\"form\");\n    for (const slot of this.shadowRoot.querySelectorAll(\"slot\")) {\n      for (const i of slot.assignedNodes() as any) {\n        if (i.reset) {\n          i.reset();\n        }\n        form.appendChild(i.cloneNode(true));\n      }\n    }\n    form.reset();\n    for (const slot of this.shadowRoot.querySelectorAll(\"slot\")) {\n      for (const i of slot.assignedNodes() as any) {\n        if (i.name && form[i.name]) {\n          i.value = form[i.name].value;\n        }\n      }\n    }\n    form.remove();\n  }\n\n  namevalue(enctype = this.enctype): [string, Record<string, any>] {\n    const result = {};\n    const tempForm = document.createElement(\"form\");\n    tempForm.enctype = enctype;\n    for (const slot of this.shadowRoot.querySelectorAll(\"slot\")) {\n      for (const i of slot.assignedNodes() as any) {\n        if (i.namevalue) {\n          const [name, value] = i.namevalue();\n          if (name) {\n            result[name] = value;\n          }\n        } else {\n          tempForm.appendChild(i.cloneNode(true));\n        }\n      }\n    }\n    const formData = new FormData(tempForm);\n    for (const [key, value] of formData) {\n      result[key] = value;\n    }\n    each(this._form, (node: any) => {\n      if (node.namevalue) {\n        const [name, value] = node.namevalue();\n        if (name) {\n          result[name] = value;\n        }\n      }\n    });\n    tempForm.remove();\n    return [this.name, result];\n  }\n\n  FormData(): FormData {\n    const temp = {};\n    const tempForm = document.createElement(\"form\");\n    tempForm.enctype = this.enctype;\n    for (const slot of this._slots) {\n      for (const i of slot.assignedNodes() as any) {\n        if (i.FormData) {\n          for (const [key, value] of i.FormData()) {\n            temp[key] = value;\n          }\n        } else {\n          tempForm.appendChild(i.cloneNode(true));\n        }\n      }\n    }\n    const formData = new FormData(tempForm);\n    each(this._form, (node: any) => {\n      if (node.namevalue) {\n        const [name, value] = node.namevalue();\n        if (name) {\n          formData.append(name, value);\n        }\n      }\n    });\n    for (const key in temp) {\n      formData.append(key, temp[key]);\n    }\n    tempForm.remove();\n    return formData;\n  }\n}\nexport default BaseForm;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"base-form\": BaseForm;\n  }\n}\n"]}

package/web-components/form/sign-form.d.ts

@@ -0,0 +1,19 @@
+import BaseForm from "./base-form.js";
+/**
+ * SignForm is now an alias for {@linkcode BaseForm}.
+ *
+ * @extends BaseForm
+ */
+export declare class SignForm extends BaseForm {
+    /**
+     * @deprecated
+     */
+    set: 0 | 1 | 2;
+}
+export default SignForm;
+declare global {
+    interface HTMLElementTagNameMap {
+        "sign-form": SignForm;
+    }
+}
+//# sourceMappingURL=sign-form.d.ts.map

package/web-components/form/sign-form.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-form.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/form/sign-form.ts"],"names":[],"mappings":"AACA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC;;;;GAIG;AACH,qBACa,QAAS,SAAQ,QAAQ;IACpC;;OAEG;IACH,GAAG,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAChB;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/web-components/form/sign-form.js

@@ -0,0 +1,16 @@
+import { __decorate } from "tslib";
+import { define } from "../../root.js";
+import BaseForm from "./base-form.js";
+/**
+ * SignForm is now an alias for {@linkcode BaseForm}.
+ *
+ * @extends BaseForm
+ */
+let SignForm = class SignForm extends BaseForm {
+};
+SignForm = __decorate([
+    define("sign-form")
+], SignForm);
+export { SignForm };
+export default SignForm;
+//# sourceMappingURL=sign-form.js.map

package/web-components/form/sign-form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sign-form.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/form/sign-form.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AACvC,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAEtC;;;;GAIG;AAEI,IAAM,QAAQ,GAAd,MAAM,QAAS,SAAQ,QAAQ;CAKrC,CAAA;AALY,QAAQ;IADpB,MAAM,CAAC,WAAW,CAAC;GACP,QAAQ,CAKpB;;AAED,eAAe,QAAQ,CAAC","sourcesContent":["import { define } from \"../../root.js\";\nimport BaseForm from \"./base-form.js\";\n\n/**\n * SignForm is now an alias for {@linkcode BaseForm}.\n *\n * @extends BaseForm\n */\n@define(\"sign-form\")\nexport class SignForm extends BaseForm {\n  /**\n   * @deprecated\n   */\n  set: 0 | 1 | 2;\n}\n\nexport default SignForm;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"sign-form\": SignForm;\n  }\n}\n"]}

package/{group → web-components/group}/avatar-group.d.ts

@@ -1,22 +1,22 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import AvatarAnchor from "../items/avatar-a.js";
-import GroupSTD from "./std.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
+import AvatarA from "../a/avatar-a.js";
 /**
  * AvatarGroup ensure that the display content does not exceed the maximum value, and display the excess quantity.
  */
-export declare class AvatarGroup extends GroupSTD {
+export declare class AvatarGroup extends GodownElement {
     /**
      * The maximum number of elements that can be accepted for this element.
      */
     max: number;
     /**
-     * When the content overflows, create an {@linkcode AvatarAnchor} with the same {@linkcode AvatarAnchor.more} attribute as more.
+     * When the content overflows, create an {@linkcode AvatarA} with the same {@linkcode AvatarA.more} attribute as more.
      */
     more: number;
     static styles: import("lit").CSSResult[];
     protected render(): HTMLTemplate;
     protected firstUpdated(): void;
-    append(args?: AvatarAnchor): void;
+    append(args?: AvatarA): void;
     subtract(): void;
 }
 export default AvatarGroup;

package/web-components/group/avatar-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/avatar-group.ts"],"names":[],"mappings":"AAEA,OAAO,EAAuB,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAEhF,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AACtD,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAIvC;;GAEG;AACH,qBACa,WAAY,SAAQ,aAAa;IAC5C;;OAEG;IACyB,GAAG,SAAM;IACrC;;OAEG;IACyB,IAAI,SAAK;IAErC,MAAM,CAAC,MAAM,4BAYX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAKhC,SAAS,CAAC,YAAY;IAMtB,MAAM,CAAC,IAAI,UAAgB;IAe3B,QAAQ;CAYT;AAED,eAAe,WAAW,CAAC;AAE3B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,WAAW,CAAC;KAC7B;CACF"}

package/{group → web-components/group}/avatar-group.js

@@ -1,21 +1,15 @@
-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, nothing, property } from "../deps.js";
-import { htmlSlot, htmlStyle } from "../lib/templates.js";
-import { append } from "../lib/utils.js";
-import AvatarAnchor from "../items/avatar-a.js";
-import { define } from "../root.js";
-import GroupSTD from "./std.js";
-import { ifValue } from "../lib/directives.js";
+import { __decorate } from "tslib";
+import { css, html, nothing, property } from "../../deps.js";
+import { ifValue } from "../../lib/directives.js";
+import { htmlSlot, htmlStyle } from "../../lib/templates.js";
+import { append } from "../../lib/utils.js";
+import { define, GodownElement } from "../../root.js";
+import AvatarA from "../a/avatar-a.js";
 const defineName = "avatar-group";
 /**
  * AvatarGroup ensure that the display content does not exceed the maximum value, and display the excess quantity.
  */
-let AvatarGroup = class AvatarGroup extends GroupSTD {
+let AvatarGroup = class AvatarGroup extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -23,20 +17,20 @@ let AvatarGroup = class AvatarGroup extends GroupSTD {
          */
         this.max = 99;
         /**
-         * When the content overflows, create an {@linkcode AvatarAnchor} with the same {@linkcode AvatarAnchor.more} attribute as more.
+         * When the content overflows, create an {@linkcode AvatarA} with the same {@linkcode AvatarA.more} attribute as more.
          */
         this.more = 0;
     }
     render() {
         const cssStr = `slot::slotted(:nth-of-type(n + ${(this.max || 0) + 1})) {display: none;}`;
-        return html `${htmlSlot()} ${htmlStyle(cssStr)} ${ifValue(this.more > 0, new AvatarAnchor({ more: this.more }), nothing)}`;
+        return html `${htmlSlot()} ${htmlStyle(cssStr)} ${ifValue(this.more > 0, new AvatarA({ more: this.more }), nothing)}`;
     }
     firstUpdated() {
         if (!this.more && this.assigned.length > this.max) {
             this.more = this.assigned.length - this.max;
         }
     }
-    append(args = new AvatarAnchor()) {
+    append(args = new AvatarA()) {
         if (this.max && this.assigned.length === this.max) {
             this.assigned.pop().style.display = "none";
             append(this, args);

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

@@ -0,0 +1 @@
+{"version":3,"file":"avatar-group.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/avatar-group.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, nothing, property } from \"../../deps.js\";\nimport { ifValue } from \"../../lib/directives.js\";\nimport { htmlSlot, htmlStyle, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { append } from \"../../lib/utils.js\";\nimport { define, GodownElement } from \"../../root.js\";\nimport AvatarA from \"../a/avatar-a.js\";\n\nconst defineName = \"avatar-group\";\n\n/**\n * AvatarGroup ensure that the display content does not exceed the maximum value, and display the excess quantity.\n */\n@define(defineName)\nexport class AvatarGroup extends GodownElement {\n  /**\n   * The maximum number of elements that can be accepted for this element.\n   */\n  @property({ type: Number }) max = 99;\n  /**\n   * When the content overflows, create an {@linkcode AvatarA} with the same {@linkcode AvatarA.more} attribute as more.\n   */\n  @property({ type: Number }) more = 0;\n\n  static styles = [\n    css`\n      :host {\n        display: flex;\n        width: 100%;\n        height: 100%;\n      }\n\n      div {\n        display: contents;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    const cssStr = `slot::slotted(:nth-of-type(n + ${(this.max || 0) + 1})) {display: none;}`;\n    return html`${htmlSlot()} ${htmlStyle(cssStr)} ${ifValue(this.more > 0, new AvatarA({ more: this.more }), nothing)}`;\n  }\n\n  protected firstUpdated() {\n    if (!this.more && this.assigned.length > this.max) {\n      this.more = this.assigned.length - this.max;\n    }\n  }\n\n  append(args = new AvatarA()) {\n    if (this.max && this.assigned.length === this.max) {\n      this.assigned.pop().style.display = \"none\";\n      append(this, args);\n      this.assigned.pop().style.display = \"none\";\n      this.more = 2;\n    } else if (this.max && this.assigned.length > this.max) {\n      append(this, args);\n      this.assigned.pop().style.display = \"none\";\n      this.more += 1;\n    } else {\n      append(this, args);\n    }\n  }\n\n  subtract() {\n    if (this.more === 2) {\n      this.assigned.pop().style.display = \"\";\n      this.more = 0;\n      return;\n    } else if (this.more > 0) {\n      this.more -= 1;\n    }\n    if (this.assigned.length) {\n      this.assigned.pop().remove();\n    }\n  }\n}\n\nexport default AvatarGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"avatar-group\": AvatarGroup;\n  }\n}\n"]}

package/{group → web-components/group}/details-group.d.ts

@@ -1,9 +1,9 @@
-import { type HTMLTemplate } from "../lib/templates.js";
-import GroupSTD from "./std.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * DetailsGroup used to support multiple details like.
  */
-export declare class DetailsGroup extends GroupSTD {
+export declare class DetailsGroup extends GodownElement {
     /**
      * Default open element index.
      */

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

@@ -0,0 +1 @@
+{"version":3,"file":"details-group.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/details-group.ts"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAU,aAAa,EAAE,MAAM,eAAe,CAAC;AAItD;;GAEG;AACH,qBACa,YAAa,SAAQ,aAAa;IAC7C;;OAEG;IACyB,KAAK,SAAM;IACvC;;OAEG;IAC0B,IAAI,UAAS;IAE1C,MAAM,CAAC,MAAM,4BAMX;IAEF,SAAS,CAAC,MAAM,IAAI,YAAY;IAIhC,iBAAiB;IAQjB,oBAAoB;IAKpB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,UAAU;CAIrC;AAED,eAAe,YAAY,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}

package/{group → web-components/group}/details-group.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, property } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import { define } from "../root.js";
-import GroupSTD from "./std.js";
+import { __decorate } from "tslib";
+import { css, property } from "../../deps.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { define, GodownElement } from "../../root.js";
 const defineName = "details-group";
 /**
  * DetailsGroup used to support multiple details like.
  */
-let DetailsGroup = class DetailsGroup extends GroupSTD {
+let DetailsGroup = class DetailsGroup extends GodownElement {
     constructor() {
         super(...arguments);
         /**

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

@@ -0,0 +1 @@
+{"version":3,"file":"details-group.js","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/details-group.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAqB,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAEtD,MAAM,UAAU,GAAG,eAAe,CAAC;AAEnC;;GAEG;AAEI,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,aAAa;IAAxC;;QACL;;WAEG;QACyB,UAAK,GAAG,CAAC,CAAC,CAAC;QACvC;;WAEG;QAC0B,SAAI,GAAG,KAAK,CAAC;IA+B5C,CAAC;IArBW,MAAM;QACd,OAAO,QAAQ,EAAE,CAAC;IACpB,CAAC;IAED,iBAAiB;QACf,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAClD,CAAC;QACD,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,YAAY,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,oBAAoB;QAClB,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IAClB,CAAC;IAES,YAAY,CAAC,CAAa;QAClC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC;QACnD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,CAAC,MAAqB,CAAC,CAAC;IAC9D,CAAC;;AA5BM,mBAAM,GAAG;IACd,GAAG,CAAA;;;;KAIF;CACF,AANY,CAMX;AAZ0B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;2CAAY;AAIV;IAA5B,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;0CAAc;AAR/B,YAAY;IADxB,MAAM,CAAC,UAAU,CAAC;GACN,YAAY,CAuCxB;;AAED,eAAe,YAAY,CAAC","sourcesContent":["import { css, property } from \"../../deps.js\";\nimport { htmlSlot, type HTMLTemplate } from \"../../lib/templates.js\";\nimport { define, GodownElement } from \"../../root.js\";\n\nconst defineName = \"details-group\";\n\n/**\n * DetailsGroup used to support multiple details like.\n */\n@define(defineName)\nexport class DetailsGroup extends GodownElement {\n  /**\n   * Default open element index.\n   */\n  @property({ type: Number }) index = -1;\n  /**\n   * If true, close the previous element when switching index.\n   */\n  @property({ type: Boolean }) only = false;\n\n  static styles = [\n    css`\n      :host {\n        display: block;\n      }\n    `,\n  ];\n\n  protected render(): HTMLTemplate {\n    return htmlSlot();\n  }\n\n  connectedCallback() {\n    super.connectedCallback();\n    if (this.only) {\n      this.addEvent(this, \"click\", this._handleClick);\n    }\n    this.children[this.index]?.setAttribute(\"open\", \"\");\n  }\n\n  disconnectedCallback() {\n    super.disconnectedCallback();\n    this.index = -1;\n  }\n\n  protected _handleClick(e: MouseEvent) {\n    this.children[this.index]?.removeAttribute(\"open\");\n    this.index = this.assigned.indexOf(e.target as HTMLElement);\n  }\n}\n\nexport default DetailsGroup;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"details-group\": DetailsGroup;\n  }\n}\n"]}

package/{group → web-components/group}/tab-group.d.ts

@@ -1,12 +1,12 @@
-import { type CSSResultGroup, type PropertyValueMap } from "../deps.js";
-import { type HTMLTemplate } from "../lib/templates.js";
-import GroupSTD from "./std.js";
+import { type CSSResultGroup, type PropertyValueMap } from "../../deps.js";
+import { type HTMLTemplate } from "../../lib/templates.js";
+import { GodownElement } from "../../root.js";
 /**
  * TabGroup used to support multiple tabs.
  *
  * Inspired by Next-ui.
  */
-export declare class TabGroup extends GroupSTD {
+export declare class TabGroup extends GodownElement {
     /**
      * Active slot name.
      */

package/web-components/group/tab-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-group.d.ts","sourceRoot":"https://github.com/startracex/godown/tree/main/src/","sources":["web-components/group/tab-group.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,cAAc,EAAkB,KAAK,gBAAgB,EAAS,MAAM,eAAe,CAAC;AAEvG,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,EAAqC,aAAa,EAAE,MAAM,eAAe,CAAC;AAMjF;;;;GAIG;AACH,qBACa,QAAS,SAAQ,aAAa;IACzC;;OAEG;IACS,KAAK,SAAM;IACvB;;OAEG;IACS,GAAG,SAAM;IACrB;;OAEG;IACS,KAAK,SAAW;IAC5B;;OAEG;IACM,OAAO,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IAClC;;OAEG;IACM,QAAQ,EAAE,MAAM,EAAE,CAAC;IAE5B,MAAM,CAAC,MAAM,iBA0CO;IAEpB,SAAS,CAAC,MAAM,IAAI,YAAY;IAoBhC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC;IAkB3D;;;;OAIG;IACH,MAAM,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,UAAQ;IAalC,iBAAiB;IAWjB;;OAEG;IACH,OAAO;CAGR;AAED,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,WAAW,EAAE,QAAQ,CAAC;KACvB;CACF"}

package/{group → web-components/group}/tab-group.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;
-};
-import { createScope, cssvarValues, define } from "../root.js";
-import { css, html, property, state } from "../deps.js";
-import { htmlSlot } from "../lib/templates.js";
-import { deepQuerySelectorAll } from "../lib/utils.js";
-import GroupSTD from "./std.js";
-import { ifValue } from "../lib/directives.js";
+import { __decorate } from "tslib";
+import { css, html, property, state } from "../../deps.js";
+import { ifValue } from "../../lib/directives.js";
+import { htmlSlot } from "../../lib/templates.js";
+import { deepQuerySelectorAll } from "../../lib/utils.js";
+import { createScope, cssvarValues, define, GodownElement } from "../../root.js";
 const defineName = "tab-group";
 const cssvarScope = createScope(defineName);
 /**
@@ -17,7 +11,7 @@ const cssvarScope = createScope(defineName);
  *
  * Inspired by Next-ui.
  */
-let TabGroup = class TabGroup extends GroupSTD {
+let TabGroup = class TabGroup extends GodownElement {
     constructor() {
         super(...arguments);
         /**
@@ -35,7 +29,7 @@ let TabGroup = class TabGroup extends GroupSTD {
     }
     render() {
         const headers = (this.headers || this.contents).map((value) => {
-            return html ` <section
+            return html `<section
         class="${ifValue(this.index === value, "active")}"
         @click="${() => {
                 this.select(value, true);
@@ -61,7 +55,7 @@ let TabGroup = class TabGroup extends GroupSTD {
                 this.dispatchEvent(new CustomEvent("select", { detail: this.index }));
                 slider.style.width = `${active.clientWidth}px`;
                 slider.animate([{ left: `${active.offsetLeft + active.clientWidth / 2}px` }], {
-                    duration: 250,
+                    duration: 180,
                     fill: "forwards",
                 });
             }
@@ -105,7 +99,7 @@ let TabGroup = class TabGroup extends GroupSTD {
     }
 };
 TabGroup.styles = [
-    GroupSTD.styles,
+    GodownElement.styles,
     css `
       :host {
         ${cssvarScope}--background: var(${cssvarValues.main});
@@ -114,21 +108,21 @@ TabGroup.styles = [
         ${cssvarScope}--cursor: default;
         background: var(${cssvarScope}--background);
         display: block;
+        color: var(${cssvarValues.text});
       }
 
       nav {
         display: grid;
         grid-auto-flow: column;
-        gap: 0.5em;
+        gap: 0.25em;
         position: relative;
         border-radius: inherit;
       }
 
       section {
         white-space: nowrap;
-        min-width: 2em;
         border-radius: inherit;
-        padding: 0 0.2em;
+        padding: 0.15em 0.2em;
         cursor: var(${cssvarScope}--cursor);
         z-index: 1;
         display: flex;
@@ -142,7 +136,7 @@ TabGroup.styles = [
         padding: 0;
         background: var(${cssvarScope}--background-active);
         transform: translateX(-50%);
-        transition: all 0.25s ease 0s;
+        transition: all 180ms ease 0s;
         z-index: 0;
       }
     `,