godown 3.13.1 → 3.13.2

package/web-components/skeleton/component.d.ts

@@ -1,19 +1,18 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Skeleton} renders a skeleton screen.
- *
- * @slot loading - The content if loading is true.
- * @slot - The content if loading is false.
- * @category feedback
- */
+* {@linkcode Skeleton} renders a skeleton screen.
+*
+* @slot loading - The content if loading is true.
+* @slot - The content if loading is false.
+* @category feedback
+*/
 declare class Skeleton extends GlobalStyle {
-    /**
-     * If false, render slot only.
-     */
-    loading: boolean;
-    protected render(): TemplateResult<1>;
+	/**
+	* If false, render slot only.
+	*/
+	loading: boolean;
+	protected render(): TemplateResult<1>;
 }
 export default Skeleton;
 export { Skeleton };
-//# sourceMappingURL=component.d.ts.map

package/web-components/skeleton/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/skeleton/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,gCAAgC,CAAC;AAKzF;;;;;;GAMG;AACH,cAwCM,QAAS,SAAQ,WAAW;IAChC;;OAEG;IAEH,OAAO,UAAQ;IAEf,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAQtC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;;AAYzF,cAwCM,iBAAiB,YAAY;;;;CAIjC,AACA;CAEA,UAAU,UAAU,eAAe;AAQpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/skeleton/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { state } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"skeleton\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Skeleton} renders a skeleton screen.\n *\n * @slot loading - The content if loading is true.\n * @slot - The content if loading is false.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--from: var(${cssGlobalVars.background});\n    ${cssScope}--to: var(${cssGlobalVars.passive});\n    ${cssScope}--deg: 95deg;\n    ${cssScope}--duration: 2s;\n    height: 2em;\n    width: 100%;\n    flex-shrink: 0;\n    overflow: hidden;\n    background-color: transparent;\n    background-size: 200% 100%;\n    background-image: linear-gradient(\n      var(${cssScope}--deg),\n      var(${cssScope}--from) 36%,\n      var(${cssScope}--to) 50%,\n      var(${cssScope}--from) 64%\n    );\n    animation: _ var(${cssScope}--duration) ease-in-out infinite none running;\n  }\n\n  @keyframes _ {\n    from {\n      background-position: 150% center;\n    }\n    to {\n      background-position: -50% center;\n    }\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: block;\n  }\n`)\nclass Skeleton extends GlobalStyle {\n  /**\n   * If false, render slot only.\n   */\n  @state()\n  loading = true;\n\n  protected render(): TemplateResult<1> {\n    if (!this.loading) {\n      return htmlSlot();\n    }\n    return html`\n      <div part=\"root\">${htmlSlot(\"loading\")}</div>\n    `;\n  }\n}\n\nexport default Skeleton;\nexport { Skeleton };\n"],"version":3,"file":"component.d.ts"}

package/web-components/skeleton/component.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{godown as r,styles as t,htmlSlot as n}from"@godown/element";import{css as e,html as i}from"lit";import{state as a}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as d,GlobalStyle as l}from"../../internal/global-style.js";const g="skeleton",m=s(g);let p=class Skeleton extends l{constructor(){super(...arguments),this.loading=!0}render(){return this.loading?i`<div part="root">${n("loading")}</div>`:n()}};o([a()],p.prototype,"loading",void 0),p=o([r(g),t(e`:host{${m}--from:var(${d.background});${m}--to:var(${d.passive});${m}--deg:95deg;${m}--duration:2s;animation:_ var(${m}--duration) ease-in-out infinite none running;background-color:transparent;background-image:linear-gradient(var(${m}--deg),var(${m}--from) 36%,var(${m}--to) 50%,var(${m}--from) 64%);background-size:200% 100%;flex-shrink:0;height:2em;overflow:hidden;width:100%}@keyframes _{0%{background-position:150%}to{background-position:-50%}}[part=root]{display:contents}:host,:host([contents]) [part=root]{display:block}`)],p);var c=p;export{p as Skeleton,c as default};
+import{godown,styles,htmlSlot}from"@godown/element";import{css,html}from"lit";import{state}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`skeleton`,cssScope=scopePrefix(protoName);let Skeleton=class e extends GlobalStyle{constructor(...e){super(...e),this.loading=!0}render(){return this.loading?html`<div part="root">${htmlSlot(`loading`)}</div>`:htmlSlot()}};_decorate([state()],Skeleton.prototype,`loading`,void 0),Skeleton=_decorate([godown(protoName),styles(css`:host{${cssScope}--from:var(${cssGlobalVars.background});${cssScope}--to:var(${cssGlobalVars.passive});${cssScope}--deg:95deg;${cssScope}--duration:2s;height:2em;width:100%;flex-shrink:0;overflow:hidden;background-color:transparent;background-size:200% 100%;background-image:linear-gradient(var(${cssScope}--deg),var(${cssScope}--from) 36%,var(${cssScope}--to) 50%,var(${cssScope}--from) 64%);animation:_ var(${cssScope}--duration) ease-in-out infinite none running}@keyframes _{0%{background-position:150%center}to{background-position:-50%center}}[part=root]{display:contents}:host,:host([contents]) [part=root]{display:block}`)],Skeleton);var Skeleton$1=Skeleton;export{Skeleton,Skeleton$1 as default};
 //# sourceMappingURL=component.js.map

package/web-components/skeleton/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/skeleton/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Skeleton","GlobalStyle","constructor","this","loading","render","html","htmlSlot","state","prototype","__decorate","godown","styles","css","cssGlobalVars","background","passive"],"mappings":"qRAMA,MAAMA,EAAY,WACZC,EAAWC,EAAYF,GAiD7B,IAAMG,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAOC,SAAG,EAEA,MAAAC,GACR,OAAKF,KAAKC,QAGHE,CAAI,oBAAAC,EAAA,mBAFFA,QAKX,CACDC,KAVCR,EAAAS,UAAA,eAAA,GADCT,EAAOU,EAAA,CACOC,EAAAd,GALHe,EAAAC,CAAA,SAAAf,eAAAgB,EAAAC,eAAAjB,aAAAgB,EAAAE,YAAAlB,gBAAAA,kCAAAA,oHAAAA,eAAAA,oBAAAA,kBAAAA,+PAvCHE"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/skeleton/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { state } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"skeleton\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Skeleton} renders a skeleton screen.\n *\n * @slot loading - The content if loading is true.\n * @slot - The content if loading is false.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--from: var(${cssGlobalVars.background});\n    ${cssScope}--to: var(${cssGlobalVars.passive});\n    ${cssScope}--deg: 95deg;\n    ${cssScope}--duration: 2s;\n    height: 2em;\n    width: 100%;\n    flex-shrink: 0;\n    overflow: hidden;\n    background-color: transparent;\n    background-size: 200% 100%;\n    background-image: linear-gradient(\n      var(${cssScope}--deg),\n      var(${cssScope}--from) 36%,\n      var(${cssScope}--to) 50%,\n      var(${cssScope}--from) 64%\n    );\n    animation: _ var(${cssScope}--duration) ease-in-out infinite none running;\n  }\n\n  @keyframes _ {\n    from {\n      background-position: 150% center;\n    }\n    to {\n      background-position: -50% center;\n    }\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: block;\n  }\n`)\nclass Skeleton extends GlobalStyle {\n  /**\n   * If false, render slot only.\n   */\n  @state()\n  loading = true;\n\n  protected render(): TemplateResult<1> {\n    if (!this.loading) {\n      return htmlSlot();\n    }\n    return html`\n      <div part=\"root\">${htmlSlot(\"loading\")}</div>\n    `;\n  }\n}\n\nexport default Skeleton;\nexport { Skeleton };\n"],"names":["Skeleton"],"mappings":"kQAMA,MAAM,UAAY,WACZ,SAAW,YAAY,UAAU,CASvC,IAAA,SAAA,MAwCMA,UAAiB,WAAY,oCAKjC,SAAU,EAEA,QAA4B,CAIpC,OAHK,KAAK,QAGH,IAAI,CAAA,iBACQ,EAAE,SAAS,UAAU,CAAC,MACzC,CAAC,CAJQ,UAAU,AAKpB,CACF,EAvDA,WA4CE,OAAO,AAAA,EAAA,SAAA,UAAA,iBAAA,CA5CT,SAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,MAER,EAAE,SAAS,WAAY,EAAE,cAAc,WAAW,EAClD,EAAE,SAAS,SAAU,EAAE,cAAc,QAAQ,EAC7C,EAAE,SAAS,YACX,EAAE,SAAS,8JAQL,EAAE,SAAS,WACX,EAAE,SAAS,gBACX,EAAE,SAAS,cACX,EAAE,SAAS,6BAEA,EAAE,SAAS,+MAoBhC,CAAC,CAAC,AAAA,EAAA,SAAA,CAkBF,IAAA,WAAe"}

package/web-components/skeleton/definition.d.ts

@@ -1,8 +1,7 @@
 import Skeleton from "./component.js";
 export default Skeleton;
 declare global {
-    interface HTMLElementTagNameMap {
-        "godown-skeleton": Skeleton;
-    }
+	interface HTMLElementTagNameMap {
+		"godown-skeleton": Skeleton;
+	}
 }
-//# sourceMappingURL=definition.d.ts.map

package/web-components/skeleton/definition.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/skeleton/definition.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAItC,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,QAAQ,CAAC;KAC7B;CACF"}
+{"mappings":"AAAA,OAAO,cAAc,gBAAiB;AAItC,eAAe;eAEA;WACH,sBAAsB;EAC9B,mBAAmB;CACpB;AACF","names":[],"sources":["../../../src/web-components/skeleton/definition.ts"],"sourcesContent":["import Skeleton from \"./component.js\";\n\nSkeleton.define();\n\nexport default Skeleton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-skeleton\": Skeleton;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/skeleton/definition.js

@@ -1,2 +1,2 @@
-import e from"./component.js";e.define();export{e as default};
+import Skeleton from"./component.js";Skeleton.define();export{Skeleton as default};
 //# sourceMappingURL=definition.js.map

package/web-components/skeleton/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/skeleton/definition.ts"],"sourcesContent":null,"names":["Skeleton","define"],"mappings":"8BAEAA,EAASC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/skeleton/definition.ts"],"sourcesContent":["import Skeleton from \"./component.js\";\n\nSkeleton.define();\n\nexport default Skeleton;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-skeleton\": Skeleton;\n  }\n}\n"],"names":[],"mappings":"qCAEA,SAAS,QAAQ"}

package/web-components/split/component.d.ts

@@ -2,56 +2,55 @@ import { type HandlerEvent } from "@godown/element";
 import { type TemplateResult } from "lit";
 import { SuperInput } from "../../internal/super-input.js";
 /**
- * {@linkcode Split} renders multiple input boxes.
- *
- * Input: will move the focus box backward until the complete input from start to end.
- *
- * Delete: will move the focus box forward until the first and no inputs for each.
- *
- * @fires input - Fires when the input value changes.
- * @fires change - Fires when the input value changes.
- * @fires focus - Fires when the input is focused.
- * @fires blur - Fires when the input is blurred.
- * @category input
- */
+* {@linkcode Split} renders multiple input boxes.
+*
+* Input: will move the focus box backward until the complete input from start to end.
+*
+* Delete: will move the focus box forward until the first and no inputs for each.
+*
+* @fires input - Fires when the input value changes.
+* @fires change - Fires when the input value changes.
+* @fires focus - Fires when the input is focused.
+* @fires blur - Fires when the input is blurred.
+* @category input
+*/
 declare class Split extends SuperInput {
-    /**
-     * The number of input boxes.
-     */
-    len: number;
-    /**
-     * Focus index.
-     */
-    index: number;
-    current: number;
-    currentValue: (string | void)[];
-    constructor();
-    get observedRecord(): Record<string, any>;
-    protected render(): TemplateResult<1>;
-    connectedCallback(): void;
-    protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void;
-    /**
-     * Fill input with data.
-     *
-     * If data is null
-     *  - If current value is null, move to before.
-     *  - If current value is not null, delete it.
-     *
-     * If data is not null
-     *  - If current value is null, input data.
-     *  - If current value is not null, input data and move to after.
-     *
-     * If data is multiple characters,
-     *   Fill input with data[0] and call fillInput with data.slice(1).
-     *
-     * @param data Input event data.
-     */
-    protected fillInput(data: string | null): void;
-    focus(): void;
-    focusAt(i: number): void;
-    blur(): void;
-    reset(): void;
+	/**
+	* The number of input boxes.
+	*/
+	len: number;
+	/**
+	* Focus index.
+	*/
+	index: number;
+	current: number;
+	currentValue: (string | void)[];
+	constructor();
+	get observedRecord(): Record<string, any>;
+	protected render(): TemplateResult<1>;
+	connectedCallback(): void;
+	protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void;
+	/**
+	* Fill input with data.
+	*
+	* If data is null
+	*  - If current value is null, move to before.
+	*  - If current value is not null, delete it.
+	*
+	* If data is not null
+	*  - If current value is null, input data.
+	*  - If current value is not null, input data and move to after.
+	*
+	* If data is multiple characters,
+	*   Fill input with data[0] and call fillInput with data.slice(1).
+	*
+	* @param data Input event data.
+	*/
+	protected fillInput(data: string | null): void;
+	focus(): void;
+	focusAt(i: number): void;
+	blur(): void;
+	reset(): void;
 }
 export default Split;
 export { Split };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/split/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAgE,MAAM,iBAAiB,CAAC;AAClH,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAM3D;;;;;;;;;;;;GAYG;AACH,cA2CM,KAAM,SAAQ,UAAU;IAC5B;;OAEG;IAEH,GAAG,SAAK;IAER;;OAEG;IAEH,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,YAAY,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAM;;IAcrC,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAiCrC,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,EAAE,UAAU,CAAC,GAAG,IAAI;IAY3E;;;;;;;;;;;;;;;OAeG;IACH,SAAS,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI;IA2C9C,KAAK,IAAI,IAAI;IAKb,OAAO,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI;IAKxB,IAAI,IAAI,IAAI;IAMZ,KAAK,IAAI,IAAI;CAQd;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"mappings":"AAAA,cAAc,oBAAkF,iBAAkB;AAClH,cAAc,sBAAiC,KAAM;AAIrD,SAAS,kBAAkB,+BAAgC;;;;;;;;;;;;;;AAmB3D,cA2CM,cAAc,WAAW;;;;CAI7B,AACA;;;;CAKA,AACA;CAEA,AACA;CAEA,AACA;CAEA;CAYA,IAAI,kBAAkB;CAItB,UAAU,UAAU,eAAe;CAiCnC;CAKA,UAAU,aAAaA,GAAG,aAAa,kBAAkB;;;;;;;;;;;;;;;;;CA4BzD,UAAU,UAAUC;CA2CpB;CAKA,QAAQC;CAKR;CAMA;AAQD;AAED,eAAe;AACf,SAAS","names":["e: HandlerEvent<HTMLInputElement, InputEvent>","data: string | null","i: number"],"sources":["../../../src/web-components/split/component.ts"],"sourcesContent":["import { type HandlerEvent, attr, tokenList, godown, styles, loop, omit, StyleController } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { RingBuilder, ringTypeAttribute } from \"../../internal/ring.js\";\n\nconst protoName = \"split\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Split} renders multiple input boxes.\n *\n * Input: will move the focus box backward until the complete input from start to end.\n *\n * Delete: will move the focus box forward until the first and no inputs for each.\n *\n * @fires input - Fires when the input value changes.\n * @fires change - Fires when the input value changes.\n * @fires focus - Fires when the input is focused.\n * @fires blur - Fires when the input is blurred.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    border-radius: 0.1em;\n    width: fit-content;\n    ${cssScope}--size: 2em;\n    ${cssScope}--gap: .25em;\n  }\n\n  [part=\"root\"] {\n    gap: var(${cssScope}--gap);\n    position: relative;\n    vertical-align: top;\n    display: flex;\n    justify-content: space-between;\n    border-radius: inherit;\n  }\n\n  [part=\"input-box\"] {\n    width: var(${cssScope}--size);\n    height: var(${cssScope}--size);\n    vertical-align: top;\n    border-radius: inherit;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  [part=\"input\"] {\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    background: none;\n    position: absolute;\n    z-index: -1;\n  }\n\n  .focus,\n  [part=\"input-box\"]:active {\n    ${cssGlobalVars.ringColor}: var(${cssGlobalVars.active});\n  }\n`)\nclass Split extends SuperInput {\n  /**\n   * The number of input boxes.\n   */\n  @property({ type: Number })\n  len = 6;\n\n  /**\n   * Focus index.\n   */\n  @property({ type: Number })\n  index = -1;\n\n  @state()\n  current = -1;\n\n  @state()\n  currentValue: (string | void)[] = [];\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () =>\n        new RingBuilder({\n          selector: \"[part=input-box]\",\n          type: this.ringType,\n        }).css,\n    );\n  }\n\n  get observedRecord(): Record<string, any> {\n    return omit(super.observedRecord, ringTypeAttribute);\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${loop(\n          this.len,\n          (index: number) => html`\n            <span\n              part=\"input-box\"\n              ring-type=\"${this.ringType}\"\n              class=\"${tokenList({ focus: this.current === index })}\"\n              @click=\"${this.disabled ? null : () => this.focusAt(index)}\"\n            >\n              ${this.currentValue[index]}\n            </span>\n          `,\n        )}\n        <input\n          part=\"input\"\n          @blur=${this.blur}\n          @input=\"${this._handleInput}\"\n          @change=\"${this._handleChange}\"\n          .value=\"${\n            /* Ensure that input always has a value of length this.len */\n            this.value.padStart(this.len, \" \")\n          }\"\n        />\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.reset();\n  }\n\n  protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void {\n    e.stopPropagation();\n    if (this.compositing) {\n      return;\n    }\n\n    this.fillInput(e.data);\n    this.value = this.currentValue.join(\"\");\n\n    this.dispatchCustomEvent(\"input\", this.value, { bubbles: true });\n  }\n\n  /**\n   * Fill input with data.\n   *\n   * If data is null\n   *  - If current value is null, move to before.\n   *  - If current value is not null, delete it.\n   *\n   * If data is not null\n   *  - If current value is null, input data.\n   *  - If current value is not null, input data and move to after.\n   *\n   * If data is multiple characters,\n   *   Fill input with data[0] and call fillInput with data.slice(1).\n   *\n   * @param data Input event data.\n   */\n  protected fillInput(data: string | null): void {\n    if (data === null) {\n      // delete\n\n      if (this.currentValue[this.current] !== null) {\n        // delete exist value\n\n        this.currentValue[this.current] = null;\n      } else {\n        // go to before\n\n        this.currentValue[this.current - 1] = null;\n        const lastNotNull = this.currentValue.findLastIndex((a) => a !== null);\n        this.current = this.current - 1 < 0 ? (lastNotNull < 0 ? 0 : lastNotNull) : this.current - 1;\n      }\n      return;\n    }\n\n    const multiple = data.length > 1;\n\n    // input\n    this.currentValue[this.current] = data[0];\n    if (this.current + 1 >= this.len) {\n      // index overflow\n\n      this.current = this.currentValue.indexOf(null);\n      if (this.current === -1) {\n        this.blur();\n      }\n    } else {\n      // go to after\n\n      this.current += 1;\n    }\n\n    if (multiple) {\n      const after = data.slice(1);\n      if (after) {\n        this.fillInput(after);\n      }\n    }\n  }\n\n  focus(): void {\n    this.focusAt(this.current);\n    super.focus();\n  }\n\n  focusAt(i: number): void {\n    this.current = i;\n    this._input.focus();\n  }\n\n  blur(): void {\n    this._input.blur();\n    this.current = -1;\n    super.blur();\n  }\n\n  reset(): void {\n    this.current = -1;\n    this.value = this.default;\n    this.currentValue = this.value.split(\"\").concat(Array(this.len - this.value.length).fill(null));\n    if (this.index > -1) {\n      this.current = this.index;\n    }\n  }\n}\n\nexport default Split;\nexport { Split };\n"],"version":3,"file":"component.d.ts"}

package/web-components/split/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as e,styles as i,StyleController as r,omit as n,attr as s,loop as u,tokenList as l}from"@godown/element";import{css as o,html as a}from"lit";import{property as c,state as h}from"lit/decorators.js";import{scopePrefix as p,cssGlobalVars as d}from"../../internal/global-style.js";import{SuperInput as f}from"../../internal/super-input.js";import{RingBuilder as b,ringTypeAttribute as v}from"../../internal/ring.js";const m="split",g=p(m);let y=class Split extends f{constructor(){super(),this.len=6,this.index=-1,this.current=-1,this.currentValue=[],new r(this,(()=>new b({selector:"[part=input-box]",type:this.ringType}).css))}get observedRecord(){return n(super.observedRecord,v)}render(){return a`<div part="root" ${s(this.observedRecord)}> ${u(this.len,(t=>a`<span part="input-box" ring-type="${this.ringType}" class="${l({focus:this.current===t})}" @click="${this.disabled?null:()=>this.focusAt(t)}"> ${this.currentValue[t]} </span>`))} <input part="input" @blur=${this.blur} @input="${this._handleInput}" @change="${this._handleChange}" .value="${this.value.padStart(this.len," ")}"/> </div>`}connectedCallback(){super.connectedCallback(),this.reset()}_handleInput(t){t.stopPropagation(),this.compositing||(this.fillInput(t.data),this.value=this.currentValue.join(""),this.dispatchCustomEvent("input",this.value,{bubbles:!0}))}fillInput(t){if(null===t){if(null!==this.currentValue[this.current])this.currentValue[this.current]=null;else{this.currentValue[this.current-1]=null;const t=this.currentValue.findLastIndex((t=>null!==t));this.current=this.current-1<0?t<0?0:t:this.current-1}return}const e=t.length>1;if(this.currentValue[this.current]=t[0],this.current+1>=this.len?(this.current=this.currentValue.indexOf(null),-1===this.current&&this.blur()):this.current+=1,e){const e=t.slice(1);e&&this.fillInput(e)}}focus(){this.focusAt(this.current),super.focus()}focusAt(t){this.current=t,this._input.focus()}blur(){this._input.blur(),this.current=-1,super.blur()}reset(){this.current=-1,this.value=this.default,this.currentValue=this.value.split("").concat(Array(this.len-this.value.length).fill(null)),this.index>-1&&(this.current=this.index)}};t([c({type:Number})],y.prototype,"len",void 0),t([c({type:Number})],y.prototype,"index",void 0),t([h()],y.prototype,"current",void 0),t([h()],y.prototype,"currentValue",void 0),y=t([e(m),i(o`:host{border-radius:.1em;display:block;width:-moz-fit-content;width:fit-content;${g}--size:2em;${g}--gap:.25em}[part=root]{display:flex;gap:var(${g}--gap);justify-content:space-between;position:relative}[part=input-box],[part=root]{border-radius:inherit;vertical-align:top}[part=input-box]{align-items:center;display:inline-flex;height:var(${g}--size);justify-content:center;width:var(${g}--size)}[part=input]{background:none;height:100%;opacity:0;position:absolute;width:100%;z-index:-1}.focus,[part=input-box]:active{${d.ringColor}:var(${d.active})}`)],y);var $=y;export{y as Split,$ as default};
+import{godown,styles,StyleController,omit,attr,loop,tokenList}from"@godown/element";import{css,html}from"lit";import{property,state}from"lit/decorators.js";import{scopePrefix,cssGlobalVars}from"../../internal/global-style.js";import{SuperInput}from"../../internal/super-input.js";import{RingBuilder,ringTypeAttribute}from"../../internal/ring.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`split`,cssScope=scopePrefix(protoName);let Split=class e extends SuperInput{constructor(){super(),this.len=6,this.index=-1,this.current=-1,this.currentValue=[],new StyleController(this,()=>new RingBuilder({selector:`[part=input-box]`,type:this.ringType}).css)}get observedRecord(){return omit(super.observedRecord,ringTypeAttribute)}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${loop(this.len,e=>html`<span part="input-box" ring-type="${this.ringType}" class="${tokenList({focus:this.current===e})}" @click="${this.disabled?null:()=>this.focusAt(e)}"> ${this.currentValue[e]} </span>`)} <input part="input" @blur=${this.blur} @input="${this._handleInput}" @change="${this._handleChange}" .value="${this.value.padStart(this.len,` `)}"/> </div>`}connectedCallback(){super.connectedCallback(),this.reset()}_handleInput(e){e.stopPropagation(),!this.compositing&&(this.fillInput(e.data),this.value=this.currentValue.join(``),this.dispatchCustomEvent(`input`,this.value,{bubbles:!0}))}fillInput(e){if(e===null){if(this.currentValue[this.current]!==null)this.currentValue[this.current]=null;else{this.currentValue[this.current-1]=null;let e=this.currentValue.findLastIndex(e=>e!==null);this.current=this.current-1<0?e<0?0:e:this.current-1}return}let b=e.length>1;if(this.currentValue[this.current]=e[0],this.current+1>=this.len?(this.current=this.currentValue.indexOf(null),this.current===-1&&this.blur()):this.current+=1,b){let b=e.slice(1);b&&this.fillInput(b)}}focus(){this.focusAt(this.current),super.focus()}focusAt(e){this.current=e,this._input.focus()}blur(){this._input.blur(),this.current=-1,super.blur()}reset(){this.current=-1,this.value=this.default,this.currentValue=this.value.split(``).concat(Array(this.len-this.value.length).fill(null)),this.index>-1&&(this.current=this.index)}};_decorate([property({type:Number})],Split.prototype,`len`,void 0),_decorate([property({type:Number})],Split.prototype,`index`,void 0),_decorate([state()],Split.prototype,`current`,void 0),_decorate([state()],Split.prototype,`currentValue`,void 0),Split=_decorate([godown(protoName),styles(css`:host{display:block;border-radius:.1em;width:-moz-fit-content;width:fit-content;${cssScope}--size:2em;${cssScope}--gap:.25em}[part=root]{gap:var(${cssScope}--gap);position:relative;vertical-align:top;display:flex;justify-content:space-between;border-radius:inherit}[part=input-box]{width:var(${cssScope}--size);height:var(${cssScope}--size);vertical-align:top;border-radius:inherit;display:inline-flex;align-items:center;justify-content:center}[part=input]{width:100%;height:100%;opacity:0;background:0 0;position:absolute;z-index:-1}.focus,[part=input-box]:active{${cssGlobalVars.ringColor}:var(${cssGlobalVars.active})}`)],Split);var Split$1=Split;export{Split,Split$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/split/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Split","SuperInput","constructor","super","this","len","index","current","currentValue","StyleController","RingBuilder","selector","type","ringType","css","observedRecord","omit","ringTypeAttribute","render","html","attr","loop","tokenList","focus","disabled","focusAt","blur","_handleInput","_handleChange","value","padStart","connectedCallback","compositing","join","fillInput","data","after","i","_input","default","split","concat","Array","length","fill","Number","prototype","property","state","__decorate","godown","cssGlobalVars","ringColor","active"],"mappings":"6cAQA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GA0D7B,IAAMG,EAAN,MAAMA,cAAcC,EAmBlB,WAAAC,GACEC,QAfFC,KAAGC,IAAG,EAMND,KAAKE,OAAK,EAGVF,KAAOG,SAAK,EAGZH,KAAYI,aAAsB,GAIhC,IAAIC,EACFL,MACA,IACE,IAAIM,EAAY,CACdC,SAAU,mBACVC,KAAMR,KAAKS,WACVC,MAIT,kBAAIC,GACF,OAAOC,EAAKb,MAAMY,eAAgBE,GAG1B,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAhB,KAAAW,oBAAAM,EAAAjB,KAAAC,KAAAC,GAAAa,CAAA,qCAAAf,KAAAS,oBAAAS,EAAA,CAAAC,MAAAnB,KAAAG,UAAAD,gBAAAF,KAAAoB,SAAA,KAAA,IAAApB,KAAAqB,QAAAnB,QAAAF,KAAAI,aAAAF,4CAAAF,KAAAsB,gBAAAtB,KAAAuB,0BAAAvB,KAAAwB,0BAAAxB,KAAAyB,MAAAC,SAAA1B,KAAAC,IAAA,qCAGLF,MAAI4B,qEAOa3B,KAAA4B,qCAIX5B,KAAAyB,MAAKzB,KAAAI,aAAkByB,KAAC,+DAuB5B,SAAAC,CAAAC,GACR,GAAiB,OAAAA,EAAE,CAEjB,GAAO,OAAA/B,KAAAI,aAAAJ,KAAAG,SAGKH,KAAAI,aAAQJ,KAAAG,SAAA,SAGjB,CAGPH,KAAAI,aAAAJ,KAAAG,QAAA,GAAA,0RAkBIH,KAASG,SAAA,IAGc,OAEjB6B,UAAc,GACpBA,QAAOF,UAAAE,GAIL,CACA,KAAAb,QACFE,QAAArB,KAAAG,eACOgB,QAGT,OAAAE,CAAAY,GAEAjC,KAAQG,QAAA8B,EACRjC,KAAKkC,OAAAf,oBAICe,OAAQZ,OACZtB,KAAAG,SAAS,4BAGJA,SAAA,OACSsB,MAAAzB,KAAAmC,QAEdnC,KAAAI,aAAgBJ,KAACyB,MAAAW,MAAA,IAAAC,OAAAC,MAAAtC,KAAAC,IAAAD,KAAAyB,MAAAc,QAAAC,KAAA,OACnBxC,KAAAE,WAEIF,KAAAG,QAAUH,KAAAE,cAKd,CAAAM,KAAAiC,YACFC,UAAA,WAAA,KAEK,CACHC,EAAK,CAAOnC,KAACiC,YACRC,UAAM,aAAE,KACf,CAEAE,KACEhD,EAAA8C,UAAY,eAAI,GAChBG,EAAA,CACFD,OAEIF,UAAA,oBAAA,GACF9C,EAAAiD,EAAW,CACXC,EAAArD,KACKiB,CAAK,mFAAEhB,eAAAA,iDAAAA,oMAAAA,6CAAAA,sIAAAqD,EAAAC,iBAAAD,EAAAE,sBAGTrD"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/split/component.ts"],"sourcesContent":["import { type HandlerEvent, attr, tokenList, godown, styles, loop, omit, StyleController } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { RingBuilder, ringTypeAttribute } from \"../../internal/ring.js\";\n\nconst protoName = \"split\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Split} renders multiple input boxes.\n *\n * Input: will move the focus box backward until the complete input from start to end.\n *\n * Delete: will move the focus box forward until the first and no inputs for each.\n *\n * @fires input - Fires when the input value changes.\n * @fires change - Fires when the input value changes.\n * @fires focus - Fires when the input is focused.\n * @fires blur - Fires when the input is blurred.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    border-radius: 0.1em;\n    width: fit-content;\n    ${cssScope}--size: 2em;\n    ${cssScope}--gap: .25em;\n  }\n\n  [part=\"root\"] {\n    gap: var(${cssScope}--gap);\n    position: relative;\n    vertical-align: top;\n    display: flex;\n    justify-content: space-between;\n    border-radius: inherit;\n  }\n\n  [part=\"input-box\"] {\n    width: var(${cssScope}--size);\n    height: var(${cssScope}--size);\n    vertical-align: top;\n    border-radius: inherit;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  [part=\"input\"] {\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    background: none;\n    position: absolute;\n    z-index: -1;\n  }\n\n  .focus,\n  [part=\"input-box\"]:active {\n    ${cssGlobalVars.ringColor}: var(${cssGlobalVars.active});\n  }\n`)\nclass Split extends SuperInput {\n  /**\n   * The number of input boxes.\n   */\n  @property({ type: Number })\n  len = 6;\n\n  /**\n   * Focus index.\n   */\n  @property({ type: Number })\n  index = -1;\n\n  @state()\n  current = -1;\n\n  @state()\n  currentValue: (string | void)[] = [];\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () =>\n        new RingBuilder({\n          selector: \"[part=input-box]\",\n          type: this.ringType,\n        }).css,\n    );\n  }\n\n  get observedRecord(): Record<string, any> {\n    return omit(super.observedRecord, ringTypeAttribute);\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${loop(\n          this.len,\n          (index: number) => html`\n            <span\n              part=\"input-box\"\n              ring-type=\"${this.ringType}\"\n              class=\"${tokenList({ focus: this.current === index })}\"\n              @click=\"${this.disabled ? null : () => this.focusAt(index)}\"\n            >\n              ${this.currentValue[index]}\n            </span>\n          `,\n        )}\n        <input\n          part=\"input\"\n          @blur=${this.blur}\n          @input=\"${this._handleInput}\"\n          @change=\"${this._handleChange}\"\n          .value=\"${\n            /* Ensure that input always has a value of length this.len */\n            this.value.padStart(this.len, \" \")\n          }\"\n        />\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.reset();\n  }\n\n  protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void {\n    e.stopPropagation();\n    if (this.compositing) {\n      return;\n    }\n\n    this.fillInput(e.data);\n    this.value = this.currentValue.join(\"\");\n\n    this.dispatchCustomEvent(\"input\", this.value, { bubbles: true });\n  }\n\n  /**\n   * Fill input with data.\n   *\n   * If data is null\n   *  - If current value is null, move to before.\n   *  - If current value is not null, delete it.\n   *\n   * If data is not null\n   *  - If current value is null, input data.\n   *  - If current value is not null, input data and move to after.\n   *\n   * If data is multiple characters,\n   *   Fill input with data[0] and call fillInput with data.slice(1).\n   *\n   * @param data Input event data.\n   */\n  protected fillInput(data: string | null): void {\n    if (data === null) {\n      // delete\n\n      if (this.currentValue[this.current] !== null) {\n        // delete exist value\n\n        this.currentValue[this.current] = null;\n      } else {\n        // go to before\n\n        this.currentValue[this.current - 1] = null;\n        const lastNotNull = this.currentValue.findLastIndex((a) => a !== null);\n        this.current = this.current - 1 < 0 ? (lastNotNull < 0 ? 0 : lastNotNull) : this.current - 1;\n      }\n      return;\n    }\n\n    const multiple = data.length > 1;\n\n    // input\n    this.currentValue[this.current] = data[0];\n    if (this.current + 1 >= this.len) {\n      // index overflow\n\n      this.current = this.currentValue.indexOf(null);\n      if (this.current === -1) {\n        this.blur();\n      }\n    } else {\n      // go to after\n\n      this.current += 1;\n    }\n\n    if (multiple) {\n      const after = data.slice(1);\n      if (after) {\n        this.fillInput(after);\n      }\n    }\n  }\n\n  focus(): void {\n    this.focusAt(this.current);\n    super.focus();\n  }\n\n  focusAt(i: number): void {\n    this.current = i;\n    this._input.focus();\n  }\n\n  blur(): void {\n    this._input.blur();\n    this.current = -1;\n    super.blur();\n  }\n\n  reset(): void {\n    this.current = -1;\n    this.value = this.default;\n    this.currentValue = this.value.split(\"\").concat(Array(this.len - this.value.length).fill(null));\n    if (this.index > -1) {\n      this.current = this.index;\n    }\n  }\n}\n\nexport default Split;\nexport { Split };\n"],"names":["Split","index: number","index","e: HandlerEvent<HTMLInputElement, InputEvent>","data: string | null","data","lastNotNull","a","multiple","after","i: number","i"],"mappings":"uZAQA,MAAM,UAAY,QACZ,SAAW,YAAY,UAAU,CAevC,IAAA,MAAA,MA2CMA,UAAc,UAAW,CAmB7B,aAAc,CAEZ,AADA,OAAO,MAfT,IAAM,OAMN,MAAA,QAGA,QAAA,GAGA,KAAA,aAAkC,CAAE,EAIlC,IAAI,gBACF,KACA,IACE,IAAI,YAAY,CACd,SAAU,mBACV,KAAM,KAAK,QACZ,GAAE,IAER,CAED,IAAI,gBAAsC,CACxC,MAAO,MAAK,MAAM,eAAgB,kBAAkB,AACrD,CAES,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,KACA,KAAK,IACL,AAACC,GAAkB,IAAI,CAAA,kCAGR,EAAE,KAAK,SAAS,SACpB,EAAE,UAAU,CAAE,MAAO,KAAK,UAAYC,GAAQ,CAAC,UAC9C,EAAE,KAAK,SAAW,KAAO,IAAM,KAAK,QAAQA,EAAM,CAAC,GAE3D,EAAE,KAAK,aAAaA,GAAA,QAExB,CAAC,CACF,CAAA,2BAGO,EAAE,KAAK,KAAA,SACL,EAAE,KAAK,aAAa,WACnB,EAAE,KAAK,cAAc,UACtB,EAEN,KAAK,MAAM,SAAS,KAAK,IAAK,IAAI,CACnC,UAGP,CAAC,AACF,CAED,mBAA0B,CAExB,AADA,MAAM,mBAAmB,CACzB,KAAK,OAAO,AACb,CAES,aAAaC,EAAqD,CAC1E,EAAE,iBAAiB,EACf,KAAK,cAIT,KAAK,UAAU,EAAE,KAAK,CACtB,KAAK,MAAQ,KAAK,aAAa,KAAK,GAAG,CAEvC,KAAK,oBAAoB,QAAS,KAAK,MAAO,CAAE,SAAS,CAAM,EAAC,CACjE,CAkBS,UAAUC,EAA2B,CAC7C,GAAIC,IAAS,KAAM,CAGjB,GAAI,KAAK,aAAa,KAAK,WAAa,KAGtC,KAAK,aAAa,KAAK,SAAW,SAC7B,CAGL,KAAK,aAAa,KAAK,QAAU,GAAK,KACtC,IAAMC,EAAc,KAAK,aAAa,cAAc,AAACC,GAAMA,IAAM,KAAK,CACtE,KAAK,QAAU,KAAK,QAAU,EAAI,EAAKD,EAAc,EAAI,EAAIA,EAAe,KAAK,QAAU,CAC5F,CACD,MACD,CAED,IAAME,EAAWH,EAAK,OAAS,EAiB/B,GAdA,KAAK,aAAa,KAAK,SAAWA,EAAK,GACnC,KAAK,QAAU,GAAK,KAAK,KAG3B,KAAK,QAAU,KAAK,aAAa,QAAQ,KAAK,CAC1C,KAAK,cACP,KAAK,MAAM,EAKb,KAAK,SAAW,EAGdG,EAAU,CACZ,IAAMC,EAAQ,EAAK,MAAM,EAAE,CAC3B,AAAIA,GACF,KAAK,UAAUA,EAAM,AAExB,CACF,CAED,OAAc,CAEZ,AADA,KAAK,QAAQ,KAAK,QAAQ,CAC1B,MAAM,OAAO,AACd,CAED,QAAQC,EAAiB,CAEvB,AADA,KAAK,QAAUC,EACf,KAAK,OAAO,OAAO,AACpB,CAED,MAAa,CAGX,AAFA,KAAK,OAAO,MAAM,CAClB,KAAK,QAAA,GACL,MAAM,MAAM,AACb,CAED,OAAc,CAIZ,AAHA,KAAK,QAAA,GACL,KAAK,MAAQ,KAAK,QAClB,KAAK,aAAe,KAAK,MAAM,MAAM,GAAG,CAAC,OAAO,MAAM,KAAK,IAAM,KAAK,MAAM,OAAO,CAAC,KAAK,KAAK,CAAC,CAC3F,KAAK,WACP,KAAK,QAAU,KAAK,MAEvB,CACF,EAnNA,WA+CE,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,MAAA,UAAA,aAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,MAAA,UAAA,eAAA,YAG1B,OAAO,AAAA,EAAA,MAAA,UAAA,iBAAA,YAGP,OAAO,AAAA,EAAA,MAAA,UAAA,sBAAA,CA3DT,MAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,gFAKR,EAAE,SAAS,WACX,EAAE,SAAS,gCAIF,EAAE,SAAS,wIAST,EAAE,SAAS,mBACV,EAAE,SAAS,wOAmBvB,EAAE,cAAc,UAAU,KAAM,EAAE,cAAc,OAAO,EAE3D,CAAC,CAAC,AAAA,EAAA,MAAA,CA2KF,IAAA,QAAe"}

package/web-components/split/definition.d.ts

@@ -1,8 +1,7 @@
 import Split from "./component.js";
 export default Split;
 declare global {
-    interface HTMLElementTagNameMap {
-        "godown-split": Split;
-    }
+	interface HTMLElementTagNameMap {
+		"godown-split": Split;
+	}
 }
-//# sourceMappingURL=definition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/split/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAInC,eAAe,KAAK,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAC;KACvB;CACF"}
+{"mappings":"AAAA,OAAO,WAAW,gBAAiB;AAInC,eAAe;eAEA;WACH,sBAAsB;EAC9B,gBAAgB;CACjB;AACF","names":[],"sources":["../../../src/web-components/split/definition.ts"],"sourcesContent":["import Split from \"./component.js\";\n\nSplit.define();\n\nexport default Split;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-split\": Split;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/split/definition.js

@@ -1,2 +1,2 @@
-import e from"./component.js";e.define();export{e as default};
+import Split from"./component.js";Split.define();export{Split as default};
 //# sourceMappingURL=definition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/split/definition.ts"],"sourcesContent":null,"names":["Split","define"],"mappings":"8BAEAA,EAAMC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/split/definition.ts"],"sourcesContent":["import Split from \"./component.js\";\n\nSplit.define();\n\nexport default Split;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-split\": Split;\n  }\n}\n"],"names":[],"mappings":"kCAEA,MAAM,QAAQ"}

package/web-components/switch/component.d.ts

@@ -1,28 +1,27 @@
 import { type TemplateResult } from "lit";
 import { SuperInput } from "../../internal/super-input.js";
 /**
- * {@linkcode Switch} renders a switch.
- *
- * @fires change - Fires when the switch is switched.
- * @category input
- */
+* {@linkcode Switch} renders a switch.
+*
+* @fires change - Fires when the switch is switched.
+* @category input
+*/
 declare class Switch extends SuperInput<boolean> {
-    set checked(v: boolean);
-    get checked(): boolean;
-    /**
-     * Default checked state.
-     */
-    default: boolean;
-    /**
-     * The current value of the switch component. Reflects the "checked" attribute.
-     */
-    value: boolean;
-    get observedRecord(): Record<string, any>;
-    protected render(): TemplateResult<1>;
-    reset(): void;
-    protected _connectedInit(): void;
-    protected _handleChange(): void;
+	set checked(v: boolean);
+	get checked(): boolean;
+	/**
+	* Default checked state.
+	*/
+	default: boolean;
+	/**
+	* The current value of the switch component. Reflects the "checked" attribute.
+	*/
+	value: boolean;
+	get observedRecord(): Record<string, any>;
+	protected render(): TemplateResult<1>;
+	reset(): void;
+	protected _connectedInit(): void;
+	protected _handleChange(): void;
 }
 export default Switch;
 export { Switch };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/switch/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAM3D;;;;;GAKG;AACH,cA0DM,MAAO,SAAQ,UAAU,CAAC,OAAO,CAAC;IACtC,IAAI,OAAO,CAAC,CAAC,EAAE,OAAO,EAErB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,KAAK,UAAS;IAEd,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAmBrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,cAAc,IAAI,IAAI;IAWhC,SAAS,CAAC,aAAa,IAAI,IAAI;CAKhC;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAIrD,SAAS,kBAAkB,+BAAgC;;;;;;;AAY3D,cA0DM,eAAe,oBAAoB;CACvC,IAAI,QAAQA;CAIZ,IAAI;;;;CAOJ,AACA;;;;CAKA,AACA;CAEA,IAAI,kBAAkB;CAItB,UAAU,UAAU,eAAe;CAmBnC;CAKA,UAAU;CAWV,UAAU;AAKX;AAED,eAAe;AACf,SAAS","names":["v: boolean"],"sources":["../../../src/web-components/switch/component.ts"],"sourcesContent":["import { attr, godown, omit, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { ringTypeAttribute } from \"../../internal/ring.js\";\n\nconst protoName = \"switch\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Switch} renders a switch.\n *\n * @fires change - Fires when the switch is switched.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  :host {\n    ${cssScope}-width: 3em;\n    ${cssScope}-height: calc(var(${cssScope}-width) / 2);\n    ${cssScope}-handle-size: 1.25em;\n    ${cssScope}-handle-space: calc(var(${cssScope}-width) / 4 - var(${cssScope}-handle-size) / 2);\n    width: var(${cssScope}-width);\n    height: var(${cssScope}-height);\n    border-radius: calc(var(${cssScope}-height) / 2);\n    background: var(${cssGlobalVars.passive});\n    vertical-align: bottom;\n    transition: 0.2s ease-in-out;\n    transition-property: background, left;\n  }\n\n  :host([checked]) {\n    background: var(${cssGlobalVars.active});\n  }\n\n  [part=\"root\"] {\n    display: flex;\n    align-items: center;\n    position: relative;\n    transition: inherit;\n  }\n\n  [part=\"handle\"] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    transition: inherit;\n    left: 0;\n    top: 50%;\n    pointer-events: none;\n    border-radius: 100%;\n    background: var(${cssGlobalVars.background});\n    width: var(${cssScope}-handle-size);\n    height: var(${cssScope}-handle-size);\n    transform: translateY(-50%) translateX(var(${cssScope}-handle-space));\n  }\n\n  :host([checked]) [part=\"handle\"] {\n    left: 50%;\n  }\n\n  [part=\"input\"] {\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n  }\n`)\nclass Switch extends SuperInput<boolean> {\n  set checked(v: boolean) {\n    this.value = v;\n  }\n\n  get checked(): boolean {\n    return this.value;\n  }\n\n  /**\n   * Default checked state.\n   */\n  @property({ type: Boolean })\n  default = false;\n\n  /**\n   * The current value of the switch component. Reflects the \"checked\" attribute.\n   */\n  @property({ type: Boolean, attribute: \"checked\", reflect: true })\n  value = false;\n\n  get observedRecord(): Record<string, any> {\n    return omit(super.observedRecord, ringTypeAttribute);\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        class=\"round\"\n      >\n        <input\n          part=\"input\"\n          type=\"checkbox\"\n          ?disabled=\"${this.disabled}\"\n          ?checked=\"${this.value}\"\n          @change=\"${this._handleChange}\"\n        />\n        <span part=\"handle\"></span>\n      </div>\n    `;\n  }\n\n  reset(): void {\n    this.value = this.default;\n    this._input.checked = this.value;\n  }\n\n  protected _connectedInit(): void {\n    if (this.default) {\n      this.value = true;\n    } else {\n      if (this.value) {\n        this.value = true;\n        this.default = true;\n      }\n    }\n  }\n\n  protected _handleChange(): void {\n    const { checked } = this._input;\n    this.value = checked;\n    this.dispatchCustomEvent(\"change\", this.value);\n  }\n}\n\nexport default Switch;\nexport { Switch };\n"],"version":3,"file":"component.d.ts"}

package/web-components/switch/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as e,styles as a,omit as r,attr as i}from"@godown/element";import{css as o,html as s}from"lit";import{property as n}from"lit/decorators.js";import{scopePrefix as h,cssGlobalVars as l}from"../../internal/global-style.js";import{SuperInput as d}from"../../internal/super-input.js";import{ringTypeAttribute as c}from"../../internal/ring.js";const p="switch",u=h(p);let v=class Switch extends d{constructor(){super(...arguments),this.default=!1,this.value=!1}set checked(t){this.value=t}get checked(){return this.value}get observedRecord(){return r(super.observedRecord,c)}render(){return s`<div part="root" ${i(this.observedRecord)} class="round"> <input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.value}" @change="${this._handleChange}"/> <span part="handle"></span> </div>`}reset(){this.value=this.default,this._input.checked=this.value}_connectedInit(){this.default?this.value=!0:this.value&&(this.value=!0,this.default=!0)}_handleChange(){const{checked:t}=this._input;this.value=t,this.dispatchCustomEvent("change",this.value)}};t([n({type:Boolean})],v.prototype,"default",void 0),t([n({type:Boolean,attribute:"checked",reflect:!0})],v.prototype,"value",void 0),v=t([e(p),a(o`:host,:host([contents]) [part=root]{display:inline-block}:host{${u}-width:3em;${u}-height:calc(var(${u}-width)/2);${u}-handle-size:1.25em;${u}-handle-space:calc(var(${u}-width)/4 - var(${u}-handle-size)/2);background:var(${l.passive});border-radius:calc(var(${u}-height)/2);height:var(${u}-height);transition:.2s ease-in-out;transition-property:background,left;vertical-align:bottom;width:var(${u}-width)}:host([checked]){background:var(${l.active})}[part=root]{position:relative}[part=handle],[part=root]{align-items:center;display:flex;transition:inherit}[part=handle]{background:var(${l.background});border-radius:100%;height:var(${u}-handle-size);justify-content:center;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%) translateX(var(${u}-handle-space));width:var(${u}-handle-size)}:host([checked]) [part=handle]{left:50%}[part=input]{height:100%;opacity:0;width:100%}`)],v);var g=v;export{v as Switch,g as default};
+import{godown,styles,omit,attr}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars}from"../../internal/global-style.js";import{SuperInput}from"../../internal/super-input.js";import{ringTypeAttribute}from"../../internal/ring.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`switch`,cssScope=scopePrefix(protoName);let Switch=class e extends SuperInput{constructor(...e){super(...e),this.default=!1,this.value=!1}set checked(e){this.value=e}get checked(){return this.value}get observedRecord(){return omit(super.observedRecord,ringTypeAttribute)}render(){return html`<div part="root" ${attr(this.observedRecord)} class="round"> <input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.value}" @change="${this._handleChange}"/> <span part="handle"></span> </div>`}reset(){this.value=this.default,this._input.checked=this.value}_connectedInit(){this.default?this.value=!0:this.value&&(this.value=!0,this.default=!0)}_handleChange(){let{checked:e}=this._input;this.value=e,this.dispatchCustomEvent(`change`,this.value)}};_decorate([property({type:Boolean})],Switch.prototype,`default`,void 0),_decorate([property({type:Boolean,attribute:`checked`,reflect:!0})],Switch.prototype,`value`,void 0),Switch=_decorate([godown(protoName),styles(css`:host,:host([contents]) [part=root]{display:inline-block}:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/2);${cssScope}-handle-size:1.25em;${cssScope}-handle-space:calc(var(${cssScope}-width)/4 - var(${cssScope}-handle-size)/2);width:var(${cssScope}-width);height:var(${cssScope}-height);border-radius:calc(var(${cssScope}-height)/2);background:var(${cssGlobalVars.passive});vertical-align:bottom;transition:.2s ease-in-out;transition-property:background,left}:host([checked]){background:var(${cssGlobalVars.active})}[part=root]{display:flex;align-items:center;position:relative;transition:inherit}[part=handle]{display:flex;align-items:center;justify-content:center;position:absolute;transition:inherit;left:0;top:50%;pointer-events:none;border-radius:100%;background:var(${cssGlobalVars.background});width:var(${cssScope}-handle-size);height:var(${cssScope}-handle-size);transform:translateY(-50%) translateX(var(${cssScope}-handle-space))}:host([checked]) [part=handle]{left:50%}[part=input]{opacity:0;width:100%;height:100%}`)],Switch);var Switch$1=Switch;export{Switch,Switch$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/switch/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Switch","SuperInput","constructor","this","default","value","checked","v","observedRecord","omit","super","ringTypeAttribute","render","html","attr","disabled","_handleChange","_input","dispatchCustomEvent","__decorate","type","Boolean","property","attribute","reflect","prototype","styles","css","cssGlobalVars","passive","active","background","Switch$1"],"mappings":"mYAQA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAkE7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAaEC,KAAOC,SAAG,EAMVD,KAAKE,OAAG,EAlBR,WAAIC,CAAQC,GACVJ,KAAKE,MAAQE,EAGf,WAAID,GACF,OAAOH,KAAKE,MAed,kBAAIG,GACF,OAAOC,EAAKC,MAAMF,eAAgBG,GAG1B,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAX,KAAAK,iFAAAL,KAAAY,uBAAAZ,KAAAE,mBAAAF,KAAAa,8DAGLb,KAAAE,MAAUF,KAAAC,mFAQCD,KAAAE,uCAOnB,aAAAW,GACE,MAAUV,QAAAA,QAAeW,OACzBd,KAAKE,MAAOC,EACdH,KAAAe,oBAAA,SAAAf,KAAAE,SAIIc,EAAA,GACF,CAAAC,KAAAC,uBAAO,eAAA,GACLF,EAAA,CACEG,EAAA,CAAAF,KAAKC,QAAQE,UAAI,UAAAC,SAAA,KACjBxB,EAAAyB,UAAK,aAAU,OACjB,GACF5B,GACF6B,EAAAC,CAAA,kEAAA7B,eAAAA,qBAAAA,eAAAA,wBAAAA,2BAAAA,oBAAAA,oCAAA8B,EAAAC,mCAAA/B,2BAAAA,4GAAAA,4CAAA8B,EAAAE,mJAAAF,EAAAG,6CAAAjC,wIAAAA,8BAAAA,6GAGE,IAAAkC"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/switch/component.ts"],"sourcesContent":["import { attr, godown, omit, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { ringTypeAttribute } from \"../../internal/ring.js\";\n\nconst protoName = \"switch\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Switch} renders a switch.\n *\n * @fires change - Fires when the switch is switched.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  :host {\n    ${cssScope}-width: 3em;\n    ${cssScope}-height: calc(var(${cssScope}-width) / 2);\n    ${cssScope}-handle-size: 1.25em;\n    ${cssScope}-handle-space: calc(var(${cssScope}-width) / 4 - var(${cssScope}-handle-size) / 2);\n    width: var(${cssScope}-width);\n    height: var(${cssScope}-height);\n    border-radius: calc(var(${cssScope}-height) / 2);\n    background: var(${cssGlobalVars.passive});\n    vertical-align: bottom;\n    transition: 0.2s ease-in-out;\n    transition-property: background, left;\n  }\n\n  :host([checked]) {\n    background: var(${cssGlobalVars.active});\n  }\n\n  [part=\"root\"] {\n    display: flex;\n    align-items: center;\n    position: relative;\n    transition: inherit;\n  }\n\n  [part=\"handle\"] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    transition: inherit;\n    left: 0;\n    top: 50%;\n    pointer-events: none;\n    border-radius: 100%;\n    background: var(${cssGlobalVars.background});\n    width: var(${cssScope}-handle-size);\n    height: var(${cssScope}-handle-size);\n    transform: translateY(-50%) translateX(var(${cssScope}-handle-space));\n  }\n\n  :host([checked]) [part=\"handle\"] {\n    left: 50%;\n  }\n\n  [part=\"input\"] {\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n  }\n`)\nclass Switch extends SuperInput<boolean> {\n  set checked(v: boolean) {\n    this.value = v;\n  }\n\n  get checked(): boolean {\n    return this.value;\n  }\n\n  /**\n   * Default checked state.\n   */\n  @property({ type: Boolean })\n  default = false;\n\n  /**\n   * The current value of the switch component. Reflects the \"checked\" attribute.\n   */\n  @property({ type: Boolean, attribute: \"checked\", reflect: true })\n  value = false;\n\n  get observedRecord(): Record<string, any> {\n    return omit(super.observedRecord, ringTypeAttribute);\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        class=\"round\"\n      >\n        <input\n          part=\"input\"\n          type=\"checkbox\"\n          ?disabled=\"${this.disabled}\"\n          ?checked=\"${this.value}\"\n          @change=\"${this._handleChange}\"\n        />\n        <span part=\"handle\"></span>\n      </div>\n    `;\n  }\n\n  reset(): void {\n    this.value = this.default;\n    this._input.checked = this.value;\n  }\n\n  protected _connectedInit(): void {\n    if (this.default) {\n      this.value = true;\n    } else {\n      if (this.value) {\n        this.value = true;\n        this.default = true;\n      }\n    }\n  }\n\n  protected _handleChange(): void {\n    const { checked } = this._input;\n    this.value = checked;\n    this.dispatchCustomEvent(\"change\", this.value);\n  }\n}\n\nexport default Switch;\nexport { Switch };\n"],"names":["Switch","v: boolean","v","checked"],"mappings":"sWAQA,MAAM,UAAY,SACZ,SAAW,YAAY,UAAU,CAQvC,IAAA,OAAA,MA0DMA,UAAe,UAAoB,oCAavC,SAAU,OAMV,OAAQ,EAlBR,IAAI,QAAQC,EAAY,CACtB,KAAK,MAAQC,CACd,CAED,IAAI,SAAmB,CACrB,OAAO,KAAK,KACb,CAcD,IAAI,gBAAsC,CACxC,MAAO,MAAK,MAAM,eAAgB,kBAAkB,AACrD,CAES,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,+DAMd,EAAE,KAAK,SAAS,YACjB,EAAE,KAAK,MAAM,WACd,EAAE,KAAK,cAAc,sCAIpC,CAAC,AACF,CAED,OAAc,CAEZ,AADA,KAAK,MAAQ,KAAK,QAClB,KAAK,OAAO,QAAU,KAAK,KAC5B,CAES,gBAAuB,CAC/B,AAAI,KAAK,QACP,KAAK,OAAQ,EAET,KAAK,QACP,KAAK,OAAQ,EACb,KAAK,SAAU,EAGpB,CAES,eAAsB,CAC9B,GAAM,CAAE,UAAS,CAAG,KAAK,OAEzB,AADA,KAAK,MAAQC,EACb,KAAK,oBAAoB,SAAU,KAAK,MAAM,AAC/C,CACF,EA3HA,WAsEE,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,OAAA,UAAA,iBAAA,YAM3B,SAAS,CAAE,KAAM,QAAS,UAAW,UAAW,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,YAAA,GAAA,CA5ElE,OAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,+DAOR,EAAE,SAAS,WACX,EAAE,SAAS,iBAAkB,EAAE,SAAS,WACxC,EAAE,SAAS,oBACX,EAAE,SAAS,uBAAwB,EAAE,SAAS,gBAAkB,EAAE,SAAS,2BAChE,EAAE,SAAS,mBACV,EAAE,SAAS,gCACC,EAAE,SAAS,2BACnB,EAAE,cAAc,QAAQ,uHAOxB,EAAE,cAAc,OAAO,kQAoBvB,EAAE,cAAc,WAAW,YAChC,EAAE,SAAS,yBACV,EAAE,SAAS,wDACoB,EAAE,SAAS,sGAY1D,CAAC,CAAC,AAAA,EAAA,OAAA,CAoEF,IAAA,SAAe"}

package/web-components/switch/definition.d.ts

@@ -1,8 +1,7 @@
 import Switch from "./component.js";
 export default Switch;
 declare global {
-    interface HTMLElementTagNameMap {
-        "godown-switch": Switch;
-    }
+	interface HTMLElementTagNameMap {
+		"godown-switch": Switch;
+	}
 }
-//# sourceMappingURL=definition.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/switch/definition.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gBAAgB,CAAC;AAIpC,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,MAAM,CAAC;KACzB;CACF"}
+{"mappings":"AAAA,OAAO,YAAY,gBAAiB;AAIpC,eAAe;eAEA;WACH,sBAAsB;EAC9B,iBAAiB;CAClB;AACF","names":[],"sources":["../../../src/web-components/switch/definition.ts"],"sourcesContent":["import Switch from \"./component.js\";\n\nSwitch.define();\n\nexport default Switch;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-switch\": Switch;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/switch/definition.js

@@ -1,2 +1,2 @@
-import e from"./component.js";e.define();export{e as default};
+import Switch from"./component.js";Switch.define();export{Switch as default};
 //# sourceMappingURL=definition.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/switch/definition.ts"],"sourcesContent":null,"names":["Switch","define"],"mappings":"8BAEAA,EAAOC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/switch/definition.ts"],"sourcesContent":["import Switch from \"./component.js\";\n\nSwitch.define();\n\nexport default Switch;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-switch\": Switch;\n  }\n}\n"],"names":[],"mappings":"mCAEA,OAAO,QAAQ"}

package/web-components/tabs/component.d.ts

@@ -2,47 +2,46 @@ import { GlobalStyle } from "../../internal/global-style.js";
 import { type TemplateResult } from "lit";
 import { type RingType } from "../../internal/ring.js";
 /**
- * {@linkcode Tabs} used to render a set of tabs.
- *
- * @fires select - Fires when the tab index is changed.
- * @category display
- */
+* {@linkcode Tabs} used to render a set of tabs.
+*
+* @fires select - Fires when the tab index is changed.
+* @category display
+*/
 declare class Tabs extends GlobalStyle {
-    ringType: RingType;
-    /**
-     * If it is "select", the indicator moves from the selected content to the hover position.
-     *
-     * If it is "previous", the indicator moves from the last moved position to the hover position.
-     *
-     * If "none", the indicator will not move.
-     */
-    beginning: "selected" | "previous" | "none";
-    /**
-     * The behavior of the indicator:
-     *
-     * If "background", its size will be consistent with that of a single tab.
-     *
-     * If "underline", an underline will be displayed at the bottom of the tab.
-     */
-    indicator: "background" | "underline";
-    /**
-     * Tab list or slot list.
-     */
-    tabs: string[];
-    /**
-     * The index of the currently selected tab.
-     */
-    index: number;
-    protected previousIndex: number;
-    protected _items: HTMLCollectionOf<HTMLLIElement>;
-    protected _indicators: HTMLCollectionOf<HTMLDivElement>;
-    constructor();
-    render(): TemplateResult<1>;
-    connectedCallback(): void;
-    protected _handleMouseLeave(): void;
-    move(sourceIndex: number, targetIndex: number): void;
-    select(selected: number): void;
+	ringType: RingType;
+	/**
+	* If it is "select", the indicator moves from the selected content to the hover position.
+	*
+	* If it is "previous", the indicator moves from the last moved position to the hover position.
+	*
+	* If "none", the indicator will not move.
+	*/
+	beginning: "selected" | "previous" | "none";
+	/**
+	* The behavior of the indicator:
+	*
+	* If "background", its size will be consistent with that of a single tab.
+	*
+	* If "underline", an underline will be displayed at the bottom of the tab.
+	*/
+	indicator: "background" | "underline";
+	/**
+	* Tab list or slot list.
+	*/
+	tabs: string[];
+	/**
+	* The index of the currently selected tab.
+	*/
+	index: number;
+	protected previousIndex: number;
+	protected _items: HTMLCollectionOf<HTMLLIElement>;
+	protected _indicators: HTMLCollectionOf<HTMLDivElement>;
+	constructor();
+	render(): TemplateResult<1>;
+	connectedCallback(): void;
+	protected _handleMouseLeave(): void;
+	move(sourceIndex: number, targetIndex: number): void;
+	select(selected: number): void;
 }
 export default Tabs;
 export { Tabs };
-//# sourceMappingURL=component.d.ts.map

package/web-components/tabs/component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/tabs/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,WAAW,EAAe,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAkC,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAOvF;;;;;GAKG;AACH,cAyEM,IAAK,SAAQ,WAAW;IAE5B,QAAQ,EAAE,QAAQ,CAAY;IAE9B;;;;;;OAMG;IAEH,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAc;IAEzD;;;;;;OAMG;IAEH,SAAS,EAAE,YAAY,GAAG,WAAW,CAAgB;IAErD;;OAEG;IAEH,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IAEH,KAAK,SAAK;IAEV,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC;IAGhC,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAGlD,SAAS,CAAC,WAAW,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;;IAOxD,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IA0B3B,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAQnC,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAsCpD,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAS/B;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"mappings":"AACA,SAAwB,mBAAgC,gCAAiC;AACzF,cAAyB,sBAAsB,KAAM;AAErD,cAA8C,gBAAgB,wBAAyB;;;;;;;AAavF,cAyEM,aAAa,YAAY;CAC7B,AACA,UAAU;;;;;;;;CASV,AACA,WAAW,aAAa,aAAa;;;;;;;;CASrC,AACA,WAAW,eAAe;;;;CAK1B,AACA;;;;CAKA,AACA;CAEA,UAAU;CAEV,UACU,QAAQ,iBAAiB;CAEnC,UACU,aAAa,iBAAiB;CAExC;CAKA,UAAU,eAAe;CA0BzB;CAKA,UAAU;CAQV,KAAKA,qBAAqBC;CAsC1B,OAAOC;AASR;AAED,eAAe;AACf,SAAS","names":["sourceIndex: number","targetIndex: number","selected: number"],"sources":["../../../src/web-components/tabs/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles, tokenList } from \"@godown/element\";\nimport { cssGlobalVars, GlobalStyle, scopePrefix } from \"../../internal/global-style.js\";\nimport { css, html, type TemplateResult } from \"lit\";\nimport { property, queryAll } from \"lit/decorators.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"tabs\";\nconst cssScope = scopePrefix(protoName);\n\nconst hoverToken = \"hover\";\n\n/**\n * {@linkcode Tabs} used to render a set of tabs.\n *\n * @fires select - Fires when the tab index is changed.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--indicator-background: var(${cssGlobalVars.passive});\n    ${cssScope}--selected-background: var(${cssGlobalVars.passive});\n    transition: 0.2s ease-in-out;\n    display: flex;\n    cursor: default;\n  }\n\n  [part=\"root\"] {\n    gap: 0.25em;\n    padding: 0.25em;\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: inherit;\n    overflow-x: clip;\n    border-radius: inherit;\n    transition: inherit;\n    transition-property: width, transform, opacity;\n  }\n\n  [part~=\"item\"] {\n    position: relative;\n    width: 100%;\n    display: block;\n    text-align: center;\n    position: relative;\n    white-space: nowrap;\n    transition: inherit;\n    border-radius: inherit;\n    transition-property: inherit;\n  }\n\n  [part=\"indicator\"],\n  [part~=\"item\"]::after {\n    width: 100%;\n    height: 100%;\n    inset: 0;\n    position: absolute;\n    transition: inherit;\n    border-radius: inherit;\n    transition-property: inherit;\n    background: var(${cssScope}--indicator-background);\n  }\n\n  [part=\"indicator\"] {\n    opacity: 0;\n    z-index: -1;\n  }\n\n  [part~=\"item\"]::after {\n    z-index: -2;\n  }\n\n  [indicator=\"underline\"] [part=\"indicator\"],\n  [indicator=\"underline\"] [part~=\"item\"]::after {\n    top: 100%;\n    height: 0.15em;\n    border-radius: 0.075em;\n    margin-top: 0.15em;\n  }\n\n  [part~=\"selected\"]::after {\n    content: \"\";\n    background: var(${cssScope}--selected-background);\n  }\n\n  [part~=\"hover\"] [part=\"indicator\"] {\n    opacity: 1;\n  }\n`)\nclass Tabs extends GlobalStyle {\n  @property({ attribute: ringTypeAttribute })\n  ringType: RingType = \"border\";\n\n  /**\n   * If it is \"select\", the indicator moves from the selected content to the hover position.\n   *\n   * If it is \"previous\", the indicator moves from the last moved position to the hover position.\n   *\n   * If \"none\", the indicator will not move.\n   */\n  @property()\n  beginning: \"selected\" | \"previous\" | \"none\" = \"selected\";\n\n  /**\n   * The behavior of the indicator:\n   *\n   * If \"background\", its size will be consistent with that of a single tab.\n   *\n   * If \"underline\", an underline will be displayed at the bottom of the tab.\n   */\n  @property()\n  indicator: \"background\" | \"underline\" = \"background\";\n\n  /**\n   * Tab list or slot list.\n   */\n  @property({ type: Array })\n  tabs: string[];\n\n  /**\n   * The index of the currently selected tab.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  protected previousIndex: number;\n\n  @queryAll(\"[part~=item]\")\n  protected _items: HTMLCollectionOf<HTMLLIElement>;\n\n  @queryAll(\"[part=indicator]\")\n  protected _indicators: HTMLCollectionOf<HTMLDivElement>;\n\n  constructor() {\n    super();\n    new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);\n  }\n\n  render(): TemplateResult<1> {\n    return html`\n      <ul\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        @mouseleave=\"${this._handleMouseLeave}\"\n      >\n        ${this.tabs?.map(\n          (tab, index) => html`\n            <li\n              part=\"${tokenList(\"item\", this.index === index && \"selected\")}\"\n              @mouseenter=${() => {\n                this.move(this.previousIndex, index);\n                this.previousIndex = index;\n              }}\n              @click=${() => this.select(index)}\n            >\n              ${htmlSlot(tab, tab)}\n              <div part=\"indicator\"></div>\n            </li>\n          `,\n        )}\n      </ul>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.previousIndex = this.beginning === \"selected\" ? this.index : -1;\n  }\n\n  protected _handleMouseLeave(): void {\n    const lastItem = this._items[this.previousIndex];\n    if (lastItem) {\n      lastItem.part.remove(hoverToken);\n    }\n    this.previousIndex = this.beginning === \"selected\" ? this.index : -1;\n  }\n\n  move(sourceIndex: number, targetIndex: number): void {\n    if (sourceIndex === targetIndex) {\n      return;\n    }\n    const { _items, _indicators } = this;\n    const targetElement = _items[targetIndex];\n    if (!targetElement) {\n      return;\n    }\n    targetElement.part.add(hoverToken);\n    const fromItem = _items[sourceIndex];\n    if (!fromItem) {\n      return;\n    }\n    fromItem.part.remove(hoverToken);\n    if (this.beginning === \"none\") {\n      return;\n    }\n    const targetIndicator = _indicators[targetIndex];\n    const sourceIndicator = _indicators[sourceIndex];\n    if (!targetIndicator || !sourceIndicator) {\n      return;\n    }\n    const { x: sourceX, y: sourceY, width: sourceWidth } = sourceIndicator.getBoundingClientRect();\n    const { x, y } = targetIndicator.getBoundingClientRect();\n    const transformX = sourceX - x;\n    const transformY = sourceY - y;\n\n    const { style: targetStyle } = targetIndicator;\n    const { style: sourceStyle } = sourceIndicator;\n\n    targetStyle.transform = `translate3d(${transformX}px,${transformY}px,0)`;\n    targetStyle.width = `${sourceWidth}px`;\n    targetStyle.transition = sourceStyle.transition = \"none\";\n    targetIndicator.getBoundingClientRect();\n    targetStyle.width = targetStyle.transform = targetStyle.transition = sourceStyle.transition = \"\";\n  }\n\n  select(selected: number): void {\n    const { index, previousIndex } = this;\n    this.move(previousIndex, selected);\n    if (selected !== index) {\n      this.previousIndex = selected;\n      this.index = selected;\n      this.dispatchCustomEvent(\"select\", selected);\n    }\n  }\n}\n\nexport default Tabs;\nexport { Tabs };\n"],"version":3,"file":"component.d.ts"}