godown 3.14.0 → 3.14.1

package/build/web-components/carousel/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/web-components/carousel/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport iconCaretLeft from \"../../internal/icons/caret-left.js\";\nimport iconCaretRight from \"../../internal/icons/caret-right.js\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"carousel\";\n\nfunction getWidth(e) {\n  return e.getBoundingClientRect().width;\n}\n\n/**\n * {@linkcode Carousel} make the content display as a carousel.\n *\n * When this component is `firstUpdated`,\n * clone the first and last element and make the matching element visible when switching index.\n *\n * @slot - Carousel items, should maintain the same size.\n * @fires change - Fires when the index changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    transition: 0.3s;\n  }\n\n  [part=\"root\"] {\n    direction: ltr;\n    overflow: hidden;\n  }\n\n  [part=\"root\"],\n  [part=\"move-root\"] {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    position: relative;\n    transition: inherit;\n  }\n\n  [part=\"prev\"],\n  [part=\"next\"] {\n    height: 100%;\n    width: 1.5em;\n    z-index: 1;\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n  }\n\n  [part=\"prev\"] {\n    left: 0;\n  }\n\n  [part=\"next\"] {\n    right: 0;\n  }\n\n  slot::slotted(*) {\n    flex-shrink: 0 !important;\n  }\n`)\nclass Carousel extends GlobalStyle {\n  /**\n   * The index of the current item.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  /**\n   * The duration of the transition.\n   */\n  @property({ type: Number })\n  autoChange = 0;\n\n  @query(\"[part=move-root]\")\n  protected _moveRoot: HTMLElement;\n\n  intervalID: number;\n\n  private __cloneFirst: HTMLElement | undefined;\n\n  private __cloneLast: HTMLElement | undefined;\n\n  protected _offset: number;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <i\n          part=\"prev\"\n          @click=\"${this.prev}\"\n        >\n          ${iconCaretLeft()}\n        </i>\n        <div part=\"move-root\">${htmlSlot()}</div>\n        <i\n          part=\"next\"\n          @click=\"${this.next}\"\n        >\n          ${iconCaretRight()}\n        </i>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.children.length) {\n      this.__cloneFirst?.remove();\n      this.__cloneLast?.remove();\n      this.__cloneLast = this.firstElementChild.cloneNode(true) as HTMLElement;\n      this.__cloneFirst = this.lastElementChild.cloneNode(true) as HTMLElement;\n      this.appendChild(this.__cloneLast);\n      this.insertBefore(this.__cloneFirst, this.firstElementChild);\n    }\n    this.observers.add(this, ResizeObserver, () => {\n      this._offset = this._computeOffset();\n      this._doTranslateX(`${this._offset}px`, true);\n    });\n  }\n\n  protected async firstUpdated(): Promise<void> {\n    await this.updateComplete;\n    this.show(this.index, true);\n  }\n\n  attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n    super.attributeChangedCallback(name, _old, value);\n    if (name === \"index\" && this.isConnected) {\n      this.show(this.index);\n    }\n  }\n\n  show(i: number, n?: boolean): void {\n    i = this.normalizeIndex(i);\n    this.index = i;\n    this._offset = this._computeOffset();\n    this._doTranslateX(`${this._offset}px`, n);\n    this.dispatchCustomEvent(\"change\", i);\n    this.timeouts.remove(this.intervalID);\n    if (this.autoChange > 0) {\n      this.intervalID = this.timeouts.add(\n        setInterval(() => {\n          this.next();\n        }, this.autoChange),\n      );\n    }\n  }\n\n  next(): void {\n    if (this.index === this.childElementCount - 3) {\n      this._doTranslateX(\"0\", true);\n      this.show(0);\n    } else {\n      this.show(this.index + 1);\n    }\n  }\n\n  prev(): void {\n    if (this.index === 0) {\n      this._doTranslateX(`-${this.childElementCount - 1}00%`, true);\n      this.show(this.children.length - 3);\n    } else {\n      this.show(this.index - 1);\n    }\n  }\n\n  protected _doTranslateX(xValue: string, noTransition?: boolean): void {\n    this._moveRoot.style.transform = `translateX(${xValue})`;\n    this._moveRoot.style.transition = noTransition ? \"none\" : \"\";\n  }\n\n  protected _computeOffset(): number {\n    let offset = 0;\n    for (let childIndex = 0; childIndex <= this.index; childIndex++) {\n      offset -= getWidth(this.children[childIndex]);\n    }\n    offset += (getWidth(this) - getWidth(this.children[this.index + 1])) / 2;\n    return offset;\n  }\n\n  normalizeIndex(i: number): number {\n    if (i < 0) {\n      return 0;\n    }\n    if (i > this.children.length - 3) {\n      return this.children.length - 3;\n    }\n    return i;\n  }\n}\n\nexport default Carousel;\nexport { Carousel };\n"],"names":["Carousel","iconCaretLeft","iconCaretRight","name: string","_old: string | null","value: string | null","name","_old","value","i: number","n?: boolean","i","n","xValue: string","noTransition?: boolean","xValue","noTransition","offset","childIndex"],"mappings":"kaAQA,MAAM,UAAY,WAElB,SAAS,SAAS,EAAG,CACnB,OAAO,EAAE,uBAAuB,CAAC,KAClC,CAYD,IAAA,SAAA,MA6CMA,UAAiB,WAAY,oCAKjC,MAAQ,OAMR,WAAa,EAaH,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,yBAIjB,EAAE,KAAK,KAAK,GAEpB,EAAEC,UAAe,CAAA,4BAEG,EAAE,UAAU,CAAC,8BAGzB,EAAE,KAAK,KAAK,GAEpB,EAAEC,YAAgB,CAAA,YAGxB,CAAC,AACF,CAED,mBAA0B,CACxB,MAAM,mBAAmB,CACrB,KAAK,SAAS,SAChB,KAAK,cAAc,QAAQ,CAC3B,KAAK,aAAa,QAAQ,CAC1B,KAAK,YAAc,KAAK,kBAAkB,UAAU,GAAK,CACzD,KAAK,aAAe,KAAK,iBAAiB,UAAU,GAAK,CACzD,KAAK,YAAY,KAAK,YAAY,CAClC,KAAK,aAAa,KAAK,aAAc,KAAK,kBAAkB,EAE9D,KAAK,UAAU,IAAI,KAAM,eAAgB,IAAM,CAC7C,KAAK,QAAU,KAAK,gBAAgB,CACpC,KAAK,cAAc,GAAG,KAAK,QAAQ,EAAE,CAAC,CAAE,GAAK,AAC9C,EAAC,AACH,CAED,MAAgB,cAA8B,CAC5C,MAAM,KAAK,eACX,KAAK,KAAK,KAAK,MAAO,GAAK,AAC5B,CAED,yBAAyBC,EAAcC,EAAqBC,EAA4B,CACtF,MAAM,yBAAyBC,EAAMC,EAAMC,EAAM,CAC7CF,IAAS,SAAW,KAAK,aAC3B,KAAK,KAAK,KAAK,MAAM,AAExB,CAED,KAAKG,EAAWC,EAAmB,CACjCC,EAAI,KAAK,eAAeA,EAAE,CAC1B,KAAK,MAAQA,EACb,KAAK,QAAU,KAAK,gBAAgB,CACpC,KAAK,cAAc,GAAG,KAAK,QAAQ,EAAE,CAAC,CAAEC,EAAE,CAC1C,KAAK,oBAAoB,SAAUD,EAAE,CACrC,KAAK,SAAS,OAAO,KAAK,WAAW,CACjC,KAAK,WAAa,IACpB,KAAK,WAAa,KAAK,SAAS,IAC9B,YAAY,IAAM,CAChB,KAAK,MAAM,AACZ,EAAE,KAAK,WAAW,CACpB,CAEJ,CAED,MAAa,CACP,KAAK,QAAU,KAAK,kBAAoB,GAC1C,KAAK,cAAc,IAAK,GAAK,CAC7B,KAAK,KAAK,EAAE,EAEZ,KAAK,KAAK,KAAK,MAAQ,EAAE,AAE5B,CAED,MAAa,CACP,KAAK,QAAU,GACjB,KAAK,cAAc,CAAC,CAAC,EAAE,KAAK,kBAAoB,EAAE,GAAG,CAAC,CAAE,GAAK,CAC7D,KAAK,KAAK,KAAK,SAAS,OAAS,EAAE,EAEnC,KAAK,KAAK,KAAK,MAAQ,EAAE,AAE5B,CAED,cAAwBE,EAAgBC,EAA8B,CACpE,KAAK,UAAU,MAAM,UAAY,CAAC,WAAW,EAAEC,EAAO,CAAC,CAAC,CACxD,KAAK,UAAU,MAAM,WAAaC,EAAe,OAAS,EAC3D,CAES,gBAAyB,CACjC,IAAIC,EAAS,EACb,IAAK,IAAIC,EAAa,EAAGA,GAAc,KAAK,MAAOA,IACjDD,GAAU,SAAS,KAAK,SAASC,GAAY,CAG/C,OADAD,IAAW,SAAS,KAAK,CAAG,SAAS,KAAK,SAAS,KAAK,MAAQ,GAAG,EAAI,EAChEA,CACR,CAED,eAAeR,EAAmB,CAOhC,OANIE,EAAI,EACC,EAELA,EAAI,KAAK,SAAS,OAAS,EACtB,KAAK,SAAS,OAAS,EAEzBA,CACR,CACF,aAhIE,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,SAAA,UAAA,QAAA,OAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,SAAA,UAAA,aAAA,OAAA,CAG1B,UAAA,CAAA,MAAM,mBAAmB,AAAA,EAAA,SAAA,UAAA,YAAA,OAAA,CA1D3B,SAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AA2CZ,CAAC,CAAC,AAAA,EAAA,SAAA,CAuIF,IAAA,WAAe"}
+{"version":3,"file":"component.js","sources":["../../../src/web-components/carousel/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport iconCaretLeft from \"../../internal/icons/caret-left.js\";\nimport iconCaretRight from \"../../internal/icons/caret-right.js\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"carousel\";\n\nfunction getWidth(e) {\n  return e.getBoundingClientRect().width;\n}\n\n/**\n * {@linkcode Carousel} make the content display as a carousel.\n *\n * When this component is `firstUpdated`,\n * clone the first and last element and make the matching element visible when switching index.\n *\n * @slot - Carousel items, should maintain the same size.\n * @fires change - Fires when the index changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    transition: 0.3s;\n  }\n\n  [part=\"root\"] {\n    direction: ltr;\n    overflow: hidden;\n  }\n\n  [part=\"root\"],\n  [part=\"move-root\"] {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    position: relative;\n    transition: inherit;\n  }\n\n  [part=\"prev\"],\n  [part=\"next\"] {\n    height: 100%;\n    width: 1.5em;\n    z-index: 1;\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n  }\n\n  [part=\"prev\"] {\n    left: 0;\n  }\n\n  [part=\"next\"] {\n    right: 0;\n  }\n\n  slot::slotted(*) {\n    flex-shrink: 0 !important;\n  }\n`)\nclass Carousel extends GlobalStyle {\n  /**\n   * The index of the current item.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  /**\n   * The duration of the transition.\n   */\n  @property({ type: Number })\n  autoChange = 0;\n\n  @query(\"[part=move-root]\")\n  protected _moveRoot: HTMLElement;\n\n  intervalID: number;\n\n  private __cloneFirst: HTMLElement | undefined;\n\n  private __cloneLast: HTMLElement | undefined;\n\n  protected _offset: number;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <i\n          part=\"prev\"\n          @click=\"${this.prev}\"\n        >\n          ${iconCaretLeft()}\n        </i>\n        <div part=\"move-root\">${htmlSlot()}</div>\n        <i\n          part=\"next\"\n          @click=\"${this.next}\"\n        >\n          ${iconCaretRight()}\n        </i>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.children.length) {\n      this.__cloneFirst?.remove();\n      this.__cloneLast?.remove();\n      this.__cloneLast = this.firstElementChild.cloneNode(true) as HTMLElement;\n      this.__cloneFirst = this.lastElementChild.cloneNode(true) as HTMLElement;\n      this.appendChild(this.__cloneLast);\n      this.insertBefore(this.__cloneFirst, this.firstElementChild);\n    }\n    this.observers.add(this, ResizeObserver, () => {\n      this._offset = this._computeOffset();\n      this._doTranslateX(`${this._offset}px`, true);\n    });\n  }\n\n  protected async firstUpdated(): Promise<void> {\n    await this.updateComplete;\n    this.show(this.index, true);\n  }\n\n  attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n    super.attributeChangedCallback(name, _old, value);\n    if (name === \"index\" && this.isConnected) {\n      this.show(this.index);\n    }\n  }\n\n  show(i: number, n?: boolean): void {\n    i = this.normalizeIndex(i);\n    this.index = i;\n    this._offset = this._computeOffset();\n    this._doTranslateX(`${this._offset}px`, n);\n    this.dispatchCustomEvent(\"change\", i);\n    this.timeouts.remove(this.intervalID);\n    if (this.autoChange > 0) {\n      this.intervalID = this.timeouts.add(\n        setInterval(() => {\n          this.next();\n        }, this.autoChange),\n      );\n    }\n  }\n\n  next(): void {\n    if (this.index === this.childElementCount - 3) {\n      this._doTranslateX(\"0\", true);\n      this.show(0);\n    } else {\n      this.show(this.index + 1);\n    }\n  }\n\n  prev(): void {\n    if (this.index === 0) {\n      this._doTranslateX(`-${this.childElementCount - 1}00%`, true);\n      this.show(this.children.length - 3);\n    } else {\n      this.show(this.index - 1);\n    }\n  }\n\n  protected _doTranslateX(xValue: string, noTransition?: boolean): void {\n    this._moveRoot.style.transform = `translateX(${xValue})`;\n    this._moveRoot.style.transition = noTransition ? \"none\" : \"\";\n  }\n\n  protected _computeOffset(): number {\n    let offset = 0;\n    for (let childIndex = 0; childIndex <= this.index; childIndex++) {\n      offset -= getWidth(this.children[childIndex]);\n    }\n    offset += (getWidth(this) - getWidth(this.children[this.index + 1])) / 2;\n    return offset;\n  }\n\n  normalizeIndex(i: number): number {\n    if (i < 0) {\n      return 0;\n    }\n    if (i > this.children.length - 3) {\n      return this.children.length - 3;\n    }\n    return i;\n  }\n}\n\nexport default Carousel;\nexport { Carousel };\n"],"names":["protoName","getWidth","Carousel","GlobalStyle","attr","iconCaretLeft","htmlSlot","iconCaretRight","name","_old","value","i","n","xValue","noTransition","offset","childIndex","_decorate","property","query","godown","styles","Carousel$1"],"mappings":"gYAQA,MAAMA,EAAY,WAElB,SAASC,EAAS,EAAG,CACnB,OAAO,EAAE,wBAAwB,MAanC,IAAAC,EAAA,MA6CMA,UAAiBC,CAAY,oCAKjC,MAAQ,OAMR,WAAa,EAaH,QAA4B,CACpC,MAAO,EAAI,oBAGLC,EAAK,KAAK,gBAAA,2BAIA,KAAK,KAAK,KAElBC,IAAA,8BAEoBC,IAAW,gCAGvB,KAAK,KAAK,KAElBC,IAAA,cAMV,mBAA0B,CACxB,MAAM,oBACF,KAAK,SAAS,SAChB,KAAK,cAAc,SACnB,KAAK,aAAa,SAClB,KAAK,YAAc,KAAK,kBAAkB,UAAU,IACpD,KAAK,aAAe,KAAK,iBAAiB,UAAU,IACpD,KAAK,YAAY,KAAK,aACtB,KAAK,aAAa,KAAK,aAAc,KAAK,oBAE5C,KAAK,UAAU,IAAI,KAAM,mBAAsB,CAC7C,KAAK,QAAU,KAAK,iBACpB,KAAK,cAAc,GAAG,KAAK,QAAQ,IAAK,MAI5C,MAAgB,cAA8B,CAC5C,MAAM,KAAK,eACX,KAAK,KAAK,KAAK,MAAO,IAGxB,yBAAyB,EAAc,EAAqB,EAA4B,CACtF,MAAM,yBAAyBC,EAAMC,EAAMC,GACvCF,IAAS,SAAW,KAAK,aAC3B,KAAK,KAAK,KAAK,OAInB,KAAK,EAAW,EAAmB,CACjC,EAAI,KAAK,eAAeG,GACxB,KAAK,MAAQA,EACb,KAAK,QAAU,KAAK,iBACpB,KAAK,cAAc,GAAG,KAAK,QAAQ,IAAKC,GACxC,KAAK,oBAAoB,SAAUD,GACnC,KAAK,SAAS,OAAO,KAAK,YACtB,KAAK,WAAa,IACpB,KAAK,WAAa,KAAK,SAAS,IAC9B,gBAAkB,CAChB,KAAK,QACJ,KAAK,cAKd,MAAa,CACP,KAAK,QAAU,KAAK,kBAAoB,GAC1C,KAAK,cAAc,IAAK,IACxB,KAAK,KAAK,IAEV,KAAK,KAAK,KAAK,MAAQ,GAI3B,MAAa,CACP,KAAK,QAAU,GACjB,KAAK,cAAc,IAAI,KAAK,kBAAoB,EAAE,KAAM,IACxD,KAAK,KAAK,KAAK,SAAS,OAAS,IAEjC,KAAK,KAAK,KAAK,MAAQ,GAI3B,cAAwB,EAAgB,EAA8B,CACpE,KAAK,UAAU,MAAM,UAAY,cAAcE,EAAO,GACtD,KAAK,UAAU,MAAM,WAAaC,EAAe,OAAS,GAGlD,gBAAyB,CACjC,IAAIC,EAAS,EACb,IAAK,IAAIC,EAAa,EAAGA,GAAc,KAAK,MAAO,IACjD,GAAUf,EAAS,KAAK,SAASe,IAGnC,MADA,KAAWf,EAAS,MAAQA,EAAS,KAAK,SAAS,KAAK,MAAQ,KAAO,EAChEc,EAGT,eAAe,EAAmB,CAOhC,OANIJ,EAAI,EACC,EAELA,EAAI,KAAK,SAAS,OAAS,EACtB,KAAK,SAAS,OAAS,EAEzBA,IA9HRM,EAAA,CAAAC,EAAS,CAAE,KAAM,UAAAhB,EAAA,UAAA,QAAA,QAMjBe,EAAA,CAAAC,EAAS,CAAE,KAAM,UAAAhB,EAAA,UAAA,aAAA,WAGjBiB,EAAM,qBAAAjB,EAAA,UAAA,YAAA,aA1DRkB,EAAO,YACPC,EAAO,CAAG;OAkLX,IAAAC,EAAepB"}

package/build/web-components/carousel/definition.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAAA,OAAO,cAAc,gBAAiB;AAItC,eAAe;eAEA;WACH,sBAAsB;EAC9B,mBAAmB;CACpB;AACF","names":[],"sources":["../../../../src/web-components/carousel/definition.ts"],"sourcesContent":["import Carousel from \"./component.js\";\n\nCarousel.define();\n\nexport default Carousel;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-carousel\": Carousel;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}
+{"mappings":"AAAA,OAAO,cAAc;AAIrB,eAAe;eAEA;WACH,sBAAsB;EAC9B,mBAAmB","names":[],"sources":["../../../../src/web-components/carousel/definition.ts"],"sourcesContent":["import Carousel from \"./component.js\";\n\nCarousel.define();\n\nexport default Carousel;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-carousel\": Carousel;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/build/web-components/carousel/definition.js

@@ -1,2 +1,2 @@
-import Carousel from"./component.js";import"@godown/element";import"../../internal/icons/caret-left.js";import"../../internal/icons/caret-right.js";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";Carousel.define();export{Carousel as default};
+import e from"./component.js";e.define();export{e as default};
 //# sourceMappingURL=definition.js.map

package/build/web-components/carousel/definition.js.map

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

package/build/web-components/chip/component.d.ts.map

@@ -1 +1 @@
-{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;AAWzF,cAoDM,aAAa,YAAY;;;;CAI7B,AACA,UAAU,aAAa,cAAc,gBAAgB;CAErD,AACA;;;;CAKA,AACA;;;;;CAMA,AACA;CAEA,YAAYA;CAIZ,UAAU,eAAe;AAe1B;AAED,eAAe;AACf,SAAS","names":["value: number"],"sources":["../../../../src/web-components/chip/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"chip\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Chip} renders a chip.\n *\n * @slot - Chip content.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--offset: 0%;\n    ${cssScope}--offset-x: var(${cssScope}--offset);\n    ${cssScope}--offset-y: var(${cssScope}--offset);\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  [part=\"root\"] {\n    position: relative;\n  }\n\n  [part=\"chip\"] {\n    position: absolute;\n    font-size: 75%;\n    padding: 0 0.5em;\n    user-select: none;\n    border-radius: calc(infinity * 1px);\n    transform: translate(-50%, -50%);\n    color: var(${cssGlobalVars.primaryForeground});\n    background: var(${cssGlobalVars.primaryBackground});\n  }\n\n  [part=\"chip\"]:empty {\n    width: 0.5em;\n    height: 0.5em;\n    font-size: 100%;\n    padding: 0;\n    border-radius: 50%;\n  }\n\n  [position^=\"top\"] [part=\"chip\"] {\n    top: calc(0% + var(${cssScope}--offset-y));\n  }\n\n  [position$=\"right\"] [part=\"chip\"] {\n    left: calc(100% - var(${cssScope}--offset-x));\n  }\n\n  [position^=\"bottom\"] [part=\"chip\"] {\n    top: calc(100% - var(${cssScope}--offset-y));\n  }\n\n  [position$=\"left\"] [part=\"chip\"] {\n    left: calc(0% + var(${cssScope}--offset-x));\n  }\n`)\nclass Chip extends GlobalStyle {\n  /**\n   * The position of the chip relative to its parent element.\n   */\n  @property()\n  position: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" = \"top-right\";\n\n  @property({ type: Number })\n  value = 0;\n\n  /**\n   * If `true`, render a dot chip.\n   */\n  @property({ type: Boolean })\n  dot = false;\n\n  /**\n   * The maximum value that can be displayed in the chip\n   * Values greater than this will be displayed as `max+` by default.\n   */\n  @property({ type: Number })\n  max = 99;\n\n  formatValue(value: number): string {\n    return value > this.max ? this.max + \"+\" : value + \"\";\n  }\n\n  render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n        ${this.value || this.dot\n          ? html`\n              <div part=\"chip\">${this.dot ? \"\" : this.formatValue(this.value)}</div>\n            `\n          : \"\"}\n      </div>\n    `;\n  }\n}\n\nexport default Chip;\nexport { Chip };\n"],"version":3,"file":"component.d.ts"}
+{"mappings":"AACA,cAAc,sBAAiC;AAG/C,SAAS,mBAA+C;;;;;;;AAWxD,cAoDM,aAAa,YAAY;;;;CAI7B,AACA,UAAU,aAAa,cAAc,gBAAgB;CAErD,AACA;;;;CAKA,AACA;;;;;CAMA,AACA;CAEA,YAAY;CAIZ,UAAU,eAAe;;AAiB3B,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/chip/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"chip\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Chip} renders a chip.\n *\n * @slot - Chip content.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--offset: 0%;\n    ${cssScope}--offset-x: var(${cssScope}--offset);\n    ${cssScope}--offset-y: var(${cssScope}--offset);\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  [part=\"root\"] {\n    position: relative;\n  }\n\n  [part=\"chip\"] {\n    position: absolute;\n    font-size: 75%;\n    padding: 0 0.5em;\n    user-select: none;\n    border-radius: calc(infinity * 1px);\n    transform: translate(-50%, -50%);\n    color: var(${cssGlobalVars.primaryForeground});\n    background: var(${cssGlobalVars.primaryBackground});\n  }\n\n  [part=\"chip\"]:empty {\n    width: 0.5em;\n    height: 0.5em;\n    font-size: 100%;\n    padding: 0;\n    border-radius: 50%;\n  }\n\n  [position^=\"top\"] [part=\"chip\"] {\n    top: calc(0% + var(${cssScope}--offset-y));\n  }\n\n  [position$=\"right\"] [part=\"chip\"] {\n    left: calc(100% - var(${cssScope}--offset-x));\n  }\n\n  [position^=\"bottom\"] [part=\"chip\"] {\n    top: calc(100% - var(${cssScope}--offset-y));\n  }\n\n  [position$=\"left\"] [part=\"chip\"] {\n    left: calc(0% + var(${cssScope}--offset-x));\n  }\n`)\nclass Chip extends GlobalStyle {\n  /**\n   * The position of the chip relative to its parent element.\n   */\n  @property()\n  position: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" = \"top-right\";\n\n  @property({ type: Number })\n  value = 0;\n\n  /**\n   * If `true`, render a dot chip.\n   */\n  @property({ type: Boolean })\n  dot = false;\n\n  /**\n   * The maximum value that can be displayed in the chip\n   * Values greater than this will be displayed as `max+` by default.\n   */\n  @property({ type: Number })\n  max = 99;\n\n  formatValue(value: number): string {\n    return value > this.max ? this.max + \"+\" : value + \"\";\n  }\n\n  render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n        ${this.value || this.dot\n          ? html`\n              <div part=\"chip\">${this.dot ? \"\" : this.formatValue(this.value)}</div>\n            `\n          : \"\"}\n      </div>\n    `;\n  }\n}\n\nexport default Chip;\nexport { Chip };\n"],"version":3,"file":"component.d.ts"}

package/build/web-components/chip/component.js

@@ -1,2 +1,2 @@
-import{godown,styles,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`chip`,cssScope=scopePrefix(protoName);let Chip=class e extends GlobalStyle{constructor(...e){super(...e),this.position=`top-right`,this.value=0,this.dot=!1,this.max=99}formatValue(e){return e>this.max?this.max+`+`:e+``}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot()} ${this.value||this.dot?html`<div part="chip">${this.dot?``:this.formatValue(this.value)}</div>`:``} </div>`}};_decorate([property()],Chip.prototype,`position`,void 0),_decorate([property({type:Number})],Chip.prototype,`value`,void 0),_decorate([property({type:Boolean})],Chip.prototype,`dot`,void 0),_decorate([property({type:Number})],Chip.prototype,`max`,void 0),Chip=_decorate([godown(protoName),styles(css`:host{${cssScope}--offset:0%;${cssScope}--offset-x:var(${cssScope}--offset);${cssScope}--offset-y:var(${cssScope}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=chip]{position:absolute;font-size:75%;padding:0 .5em;-webkit-user-select:none;user-select:none;border-radius:calc(infinity*1px);transform:translate(-50%,-50%);color:var(${cssGlobalVars.primaryForeground});background:var(${cssGlobalVars.primaryBackground})}[part=chip]:empty{width:.5em;height:.5em;font-size:100%;padding:0;border-radius:50%}[position^=top] [part=chip]{top:calc(0% + var(${cssScope}--offset-y))}[position$=right] [part=chip]{left:calc(100% - var(${cssScope}--offset-x))}[position^=bottom] [part=chip]{top:calc(100% - var(${cssScope}--offset-y))}[position$=left] [part=chip]{left:calc(0% + var(${cssScope}--offset-x))}`)],Chip);var Chip$1=Chip;export{Chip,Chip$1 as default};
+import{godown as e,styles as t,attr as n,htmlSlot as r}from"@godown/element";import{css as i,html as a}from"lit";import{property as o}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as c,GlobalStyle as l}from"../../internal/global-style.js";import u from"@oxc-project/runtime/helpers/decorate";const d=`chip`,f=s(d);let p=class e extends l{constructor(...e){super(...e),this.position=`top-right`,this.value=0,this.dot=!1,this.max=99}formatValue(e){return e>this.max?this.max+`+`:e+``}render(){return a`<div part="root" ${n(this.observedRecord)}> ${r()} ${this.value||this.dot?a`<div part="chip">${this.dot?``:this.formatValue(this.value)}</div>`:``} </div>`}};u([o()],p.prototype,`position`,void 0),u([o({type:Number})],p.prototype,`value`,void 0),u([o({type:Boolean})],p.prototype,`dot`,void 0),u([o({type:Number})],p.prototype,`max`,void 0),p=u([e(d),t(i`:host{${f}--offset:0%;${f}--offset-x:var(${f}--offset);${f}--offset-y:var(${f}--offset)}:host,:host([contents]) [part=root]{display:inline-block}[part=root]{position:relative}[part=chip]{position:absolute;font-size:75%;padding:0 .5em;-webkit-user-select:none;user-select:none;border-radius:calc(infinity*1px);transform:translate(-50%,-50%);color:var(${c.primaryForeground});background:var(${c.primaryBackground})}[part=chip]:empty{width:.5em;height:.5em;font-size:100%;padding:0;border-radius:50%}[position^=top] [part=chip]{top:calc(0% + var(${f}--offset-y))}[position$=right] [part=chip]{left:calc(100% - var(${f}--offset-x))}[position^=bottom] [part=chip]{top:calc(100% - var(${f}--offset-y))}[position$=left] [part=chip]{left:calc(0% + var(${f}--offset-x))}`)],p);var m=p;export{p as Chip,m as default};
 //# sourceMappingURL=component.js.map

package/build/web-components/chip/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/web-components/chip/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"chip\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Chip} renders a chip.\n *\n * @slot - Chip content.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--offset: 0%;\n    ${cssScope}--offset-x: var(${cssScope}--offset);\n    ${cssScope}--offset-y: var(${cssScope}--offset);\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  [part=\"root\"] {\n    position: relative;\n  }\n\n  [part=\"chip\"] {\n    position: absolute;\n    font-size: 75%;\n    padding: 0 0.5em;\n    user-select: none;\n    border-radius: calc(infinity * 1px);\n    transform: translate(-50%, -50%);\n    color: var(${cssGlobalVars.primaryForeground});\n    background: var(${cssGlobalVars.primaryBackground});\n  }\n\n  [part=\"chip\"]:empty {\n    width: 0.5em;\n    height: 0.5em;\n    font-size: 100%;\n    padding: 0;\n    border-radius: 50%;\n  }\n\n  [position^=\"top\"] [part=\"chip\"] {\n    top: calc(0% + var(${cssScope}--offset-y));\n  }\n\n  [position$=\"right\"] [part=\"chip\"] {\n    left: calc(100% - var(${cssScope}--offset-x));\n  }\n\n  [position^=\"bottom\"] [part=\"chip\"] {\n    top: calc(100% - var(${cssScope}--offset-y));\n  }\n\n  [position$=\"left\"] [part=\"chip\"] {\n    left: calc(0% + var(${cssScope}--offset-x));\n  }\n`)\nclass Chip extends GlobalStyle {\n  /**\n   * The position of the chip relative to its parent element.\n   */\n  @property()\n  position: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" = \"top-right\";\n\n  @property({ type: Number })\n  value = 0;\n\n  /**\n   * If `true`, render a dot chip.\n   */\n  @property({ type: Boolean })\n  dot = false;\n\n  /**\n   * The maximum value that can be displayed in the chip\n   * Values greater than this will be displayed as `max+` by default.\n   */\n  @property({ type: Number })\n  max = 99;\n\n  formatValue(value: number): string {\n    return value > this.max ? this.max + \"+\" : value + \"\";\n  }\n\n  render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n        ${this.value || this.dot\n          ? html`\n              <div part=\"chip\">${this.dot ? \"\" : this.formatValue(this.value)}</div>\n            `\n          : \"\"}\n      </div>\n    `;\n  }\n}\n\nexport default Chip;\nexport { Chip };\n"],"names":["Chip","value: number","value"],"mappings":"iUAMA,MAAM,UAAY,OACZ,SAAW,YAAY,UAAU,CAQvC,IAAA,KAAA,MAoDMA,UAAa,WAAY,oCAK7B,SAAsE,iBAGtE,MAAQ,OAMR,IAAM,QAON,IAAM,GAEN,YAAYC,EAAuB,CACjC,OAAOC,EAAQ,KAAK,IAAM,KAAK,IAAM,IAAMA,EAAQ,EACpD,CAED,QAA4B,CAC1B,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,UAAU,CAAA,CACZ,EAAE,KAAK,OAAS,KAAK,IACjB,IAAI,CAAA,iBACe,EAAE,KAAK,IAAM,GAAK,KAAK,YAAY,KAAK,MAAM,CAAC,MAClE,CAAC,CACD,GAAA,OAER,CAAC,AACF,CACF,aAtCE,UAAU,AAAA,EAAA,KAAA,UAAA,WAAA,OAAA,YAGV,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,QAAA,OAAA,YAM1B,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,MAAA,OAAA,YAO3B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,MAAA,OAAA,CAxE5B,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,MAER,EAAE,SAAS,YACX,EAAE,SAAS,eAAgB,EAAE,SAAS,UACtC,EAAE,SAAS,eAAgB,EAAE,SAAS,gRAmB3B,EAAE,cAAc,kBAAkB,iBAC7B,EAAE,cAAc,kBAAkB,oIAY/B,EAAE,SAAS,gEAIR,EAAE,SAAS,gEAIZ,EAAE,SAAS,6DAIZ,EAAE,SAAS,aAEnC,CAAC,CAAC,AAAA,EAAA,KAAA,CA6CF,IAAA,OAAe"}
+{"version":3,"file":"component.js","sources":["../../../src/web-components/chip/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"chip\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Chip} renders a chip.\n *\n * @slot - Chip content.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--offset: 0%;\n    ${cssScope}--offset-x: var(${cssScope}--offset);\n    ${cssScope}--offset-y: var(${cssScope}--offset);\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  [part=\"root\"] {\n    position: relative;\n  }\n\n  [part=\"chip\"] {\n    position: absolute;\n    font-size: 75%;\n    padding: 0 0.5em;\n    user-select: none;\n    border-radius: calc(infinity * 1px);\n    transform: translate(-50%, -50%);\n    color: var(${cssGlobalVars.primaryForeground});\n    background: var(${cssGlobalVars.primaryBackground});\n  }\n\n  [part=\"chip\"]:empty {\n    width: 0.5em;\n    height: 0.5em;\n    font-size: 100%;\n    padding: 0;\n    border-radius: 50%;\n  }\n\n  [position^=\"top\"] [part=\"chip\"] {\n    top: calc(0% + var(${cssScope}--offset-y));\n  }\n\n  [position$=\"right\"] [part=\"chip\"] {\n    left: calc(100% - var(${cssScope}--offset-x));\n  }\n\n  [position^=\"bottom\"] [part=\"chip\"] {\n    top: calc(100% - var(${cssScope}--offset-y));\n  }\n\n  [position$=\"left\"] [part=\"chip\"] {\n    left: calc(0% + var(${cssScope}--offset-x));\n  }\n`)\nclass Chip extends GlobalStyle {\n  /**\n   * The position of the chip relative to its parent element.\n   */\n  @property()\n  position: \"top-left\" | \"top-right\" | \"bottom-left\" | \"bottom-right\" = \"top-right\";\n\n  @property({ type: Number })\n  value = 0;\n\n  /**\n   * If `true`, render a dot chip.\n   */\n  @property({ type: Boolean })\n  dot = false;\n\n  /**\n   * The maximum value that can be displayed in the chip\n   * Values greater than this will be displayed as `max+` by default.\n   */\n  @property({ type: Number })\n  max = 99;\n\n  formatValue(value: number): string {\n    return value > this.max ? this.max + \"+\" : value + \"\";\n  }\n\n  render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n        ${this.value || this.dot\n          ? html`\n              <div part=\"chip\">${this.dot ? \"\" : this.formatValue(this.value)}</div>\n            `\n          : \"\"}\n      </div>\n    `;\n  }\n}\n\nexport default Chip;\nexport { Chip };\n"],"names":["protoName","cssScope","scopePrefix","Chip","GlobalStyle","value","attr","htmlSlot","_decorate","property","godown","styles","cssGlobalVars","Chip$1"],"mappings":"oTAMA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAQ7B,IAAAG,EAAA,MAoDMA,UAAaC,CAAY,oCAK7B,SAAsE,iBAGtE,MAAQ,OAMR,IAAM,QAON,IAAM,GAEN,YAAY,EAAuB,CACjC,OAAOC,EAAQ,KAAK,IAAM,KAAK,IAAM,IAAMA,EAAQ,GAGrD,QAA4B,CAC1B,MAAO,EAAI,oBAGLC,EAAK,KAAK,gBAAA,IAEVC,IAAA,GACA,KAAK,OAAS,KAAK,IACjB,CAAI,oBACiB,KAAK,IAAM,GAAK,KAAK,YAAY,KAAK,OAAO,QAElE,GAAA,WAlCTC,EAAA,CAAAC,KAAAN,EAAA,UAAA,WAAA,QAGAK,EAAA,CAAAC,EAAS,CAAE,KAAM,UAAAN,EAAA,UAAA,QAAA,QAMjBK,EAAA,CAAAC,EAAS,CAAE,KAAM,WAAAN,EAAA,UAAA,MAAA,QAOjBK,EAAA,CAAAC,EAAS,CAAE,KAAM,UAAAN,EAAA,UAAA,MAAA,aAxEnBO,EAAOV,GACPW,EAAO,CAAG,SAELV,EAAS,cACTA,EAAS,iBAAkBA,EAAS,YACpCA,EAAS,iBAAkBA,EAAS,kRAmBzBW,EAAc,kBAAkB,mBAC3BA,EAAc,kBAAkB,sIAY7BX,EAAS,kEAINA,EAAS,kEAIVA,EAAS,+DAIVA,EAAS,oBA+CnC,IAAAY,EAAeV"}

package/build/web-components/chip/definition.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAAA,OAAO,UAAU,gBAAiB;AAIlC,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe;CAChB;AACF","names":[],"sources":["../../../../src/web-components/chip/definition.ts"],"sourcesContent":["import Chip from \"./component.js\";\n\nChip.define();\n\nexport default Chip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-chip\": Chip;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}
+{"mappings":"AAAA,OAAO,UAAU;AAIjB,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe","names":[],"sources":["../../../../src/web-components/chip/definition.ts"],"sourcesContent":["import Chip from \"./component.js\";\n\nChip.define();\n\nexport default Chip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-chip\": Chip;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/build/web-components/chip/definition.js

@@ -1,2 +1,2 @@
-import Chip from"./component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";Chip.define();export{Chip as default};
+import e from"./component.js";e.define();export{e as default};
 //# sourceMappingURL=definition.js.map

package/build/web-components/chip/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../../src/web-components/chip/definition.ts"],"sourcesContent":["import Chip from \"./component.js\";\n\nChip.define();\n\nexport default Chip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-chip\": Chip;\n  }\n}\n"],"names":[],"mappings":"2OAEA,KAAK,QAAQ"}
+{"version":3,"file":"definition.js","sources":["../../../src/web-components/chip/definition.ts"],"sourcesContent":["import Chip from \"./component.js\";\n\nChip.define();\n\nexport default Chip;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-chip\": Chip;\n  }\n}\n"],"names":["Chip"],"mappings":"8BAEAA,EAAK"}

package/build/web-components/details/component.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAEA,cAAc,uBAAuB,sBAAiC,KAAM;AAG5E,OAAO,iBAAkC,gCAAiC;;;;;;;;;AAc1E,cAwDM,gBAAgB,YAAY;CAChC,AACA;CAEA,AACA;CAEA,AACA;CAEA,AACA;CAEA,UAAU,UAAU,eAAe;CAuBnC,UAAU,QAAQA,mBAAmB;CAOrC,OAAOC;CAIP;CAIA;AAGD;AAED,eAAe;AACf,SAAS","names":["changedProperties: PropertyValueMap<this>","to?: boolean"],"sources":["../../../../src/web-components/details/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport svgCaretDown from \"../../internal/icons/caret-down.js\";\nimport { type PropertyValueMap, type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport GlobalStyle, { scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"details\";\n\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Details} similar to `<details>`.\n *\n * @slot summary - Details summary (trigger).\n * @slot - Details content.\n * @fires change - Fires when the open changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--icon-deg-open: 0deg;\n    ${cssScope}--icon-deg-close: 90deg;\n    display: block;\n    transition: 0.3s;\n  }\n\n  [part=\"root\"] {\n    position: relative;\n  }\n\n  [part=\"title\"] {\n    direction: ltr;\n    height: 100%;\n    display: grid;\n    align-items: center;\n    justify-content: space-between;\n    grid-template-columns: auto auto;\n    transition: inherit;\n    overflow: hidden;\n  }\n\n  [part=\"details\"] {\n    overflow: hidden;\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: inherit;\n  }\n\n  :host([open]) [part=\"details\"] {\n    grid-template-rows: 1fr;\n  }\n\n  [float] [part=\"details\"] {\n    position: absolute;\n    top: 100%;\n    width: 100%;\n  }\n\n  [part] {\n    transition: inherit;\n    transition-property: transform, grid-template-rows;\n  }\n\n  [part=\"icon\"] {\n    display: flex;\n    backface-visibility: hidden;\n    transform: rotate(var(${cssScope}--icon-deg-close));\n  }\n\n  :host([open]) [part=\"icon\"] {\n    transform: rotate(var(${cssScope}--icon-deg-open));\n  }\n`)\nclass Details extends GlobalStyle {\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean })\n  float = false;\n\n  @property({ type: Boolean })\n  fill = false;\n\n  @property()\n  summary = \"\";\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <dl\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <dt\n          part=\"title\"\n          @click=\"${() => this.toggle()}\"\n        >\n          <span part=\"summary\">${htmlSlot(\"summary\", this.summary)}</span>\n          <span part=\"icon\">${htmlSlot(\"icon\", svgCaretDown())}</span>\n        </dt>\n        <dd\n          part=\"details\"\n          @click=${this.fill ? () => this.toggle() : null}\n        >\n          <div style=\"min-height: 0;\">${htmlSlot()}</div>\n        </dd>\n      </dl>\n    `;\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>): void {\n    const open = changedProperties.get(\"open\");\n    if (open !== undefined) {\n      this.dispatchCustomEvent(\"change\", open);\n    }\n  }\n\n  toggle(to?: boolean): void {\n    this.open = to ?? !this.open;\n  }\n\n  close(): void {\n    this.open = false;\n  }\n\n  show(): void {\n    this.open = true;\n  }\n}\n\nexport default Details;\nexport { Details };\n"],"version":3,"file":"component.d.ts"}
+{"mappings":"AAEA,cAAc,uBAAuB,sBAAiC;AAGtE,OAAO,iBAAkC;;;;;;;;;AAczC,cAwDM,gBAAgB,YAAY;CAChC,AACA;CAEA,AACA;CAEA,AACA;CAEA,AACA;CAEA,UAAU,UAAU,eAAe;CAuBnC,UAAU,QAAQ,mBAAmB;CAOrC,OAAO;CAIP;CAIA;;AAKF,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/details/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport svgCaretDown from \"../../internal/icons/caret-down.js\";\nimport { type PropertyValueMap, type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport GlobalStyle, { scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"details\";\n\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Details} similar to `<details>`.\n *\n * @slot summary - Details summary (trigger).\n * @slot - Details content.\n * @fires change - Fires when the open changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--icon-deg-open: 0deg;\n    ${cssScope}--icon-deg-close: 90deg;\n    display: block;\n    transition: 0.3s;\n  }\n\n  [part=\"root\"] {\n    position: relative;\n  }\n\n  [part=\"title\"] {\n    direction: ltr;\n    height: 100%;\n    display: grid;\n    align-items: center;\n    justify-content: space-between;\n    grid-template-columns: auto auto;\n    transition: inherit;\n    overflow: hidden;\n  }\n\n  [part=\"details\"] {\n    overflow: hidden;\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: inherit;\n  }\n\n  :host([open]) [part=\"details\"] {\n    grid-template-rows: 1fr;\n  }\n\n  [float] [part=\"details\"] {\n    position: absolute;\n    top: 100%;\n    width: 100%;\n  }\n\n  [part] {\n    transition: inherit;\n    transition-property: transform, grid-template-rows;\n  }\n\n  [part=\"icon\"] {\n    display: flex;\n    backface-visibility: hidden;\n    transform: rotate(var(${cssScope}--icon-deg-close));\n  }\n\n  :host([open]) [part=\"icon\"] {\n    transform: rotate(var(${cssScope}--icon-deg-open));\n  }\n`)\nclass Details extends GlobalStyle {\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean })\n  float = false;\n\n  @property({ type: Boolean })\n  fill = false;\n\n  @property()\n  summary = \"\";\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <dl\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <dt\n          part=\"title\"\n          @click=\"${() => this.toggle()}\"\n        >\n          <span part=\"summary\">${htmlSlot(\"summary\", this.summary)}</span>\n          <span part=\"icon\">${htmlSlot(\"icon\", svgCaretDown())}</span>\n        </dt>\n        <dd\n          part=\"details\"\n          @click=${this.fill ? () => this.toggle() : null}\n        >\n          <div style=\"min-height: 0;\">${htmlSlot()}</div>\n        </dd>\n      </dl>\n    `;\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>): void {\n    const open = changedProperties.get(\"open\");\n    if (open !== undefined) {\n      this.dispatchCustomEvent(\"change\", open);\n    }\n  }\n\n  toggle(to?: boolean): void {\n    this.open = to ?? !this.open;\n  }\n\n  close(): void {\n    this.open = false;\n  }\n\n  show(): void {\n    this.open = true;\n  }\n}\n\nexport default Details;\nexport { Details };\n"],"version":3,"file":"component.d.ts"}

package/build/web-components/details/component.js

@@ -1,2 +1,2 @@
-import{godown,styles,attr,htmlSlot}from"@godown/element";import _default from"../../internal/icons/caret-down.js";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`details`,cssScope=scopePrefix(protoName);let Details=class e extends GlobalStyle{constructor(...e){super(...e),this.open=!1,this.float=!1,this.fill=!1,this.summary=``}render(){return html`<dl part="root" ${attr(this.observedRecord)}> <dt part="title" @click="${()=>this.toggle()}"> <span part="summary">${htmlSlot(`summary`,this.summary)}</span> <span part="icon">${htmlSlot(`icon`,_default())}</span> </dt> <dd part="details" @click=${this.fill?()=>this.toggle():null}> <div style="min-height: 0;">${htmlSlot()}</div> </dd> </dl>`}updated(e){let m=e.get(`open`);m!==void 0&&this.dispatchCustomEvent(`change`,m)}toggle(e){this.open=e??!this.open}close(){this.open=!1}show(){this.open=!0}};_decorate([property({type:Boolean,reflect:!0})],Details.prototype,`open`,void 0),_decorate([property({type:Boolean})],Details.prototype,`float`,void 0),_decorate([property({type:Boolean})],Details.prototype,`fill`,void 0),_decorate([property()],Details.prototype,`summary`,void 0),Details=_decorate([godown(protoName),styles(css`:host{${cssScope}--icon-deg-open:0deg;${cssScope}--icon-deg-close:90deg;display:block;transition:.3s}[part=root]{position:relative}[part=title]{direction:ltr;height:100%;display:grid;align-items:center;justify-content:space-between;grid-template-columns:auto auto;transition:inherit;overflow:hidden}[part=details]{overflow:hidden;display:grid;grid-template-rows:0fr;transition:inherit}:host([open]) [part=details]{grid-template-rows:1fr}[float] [part=details]{position:absolute;top:100%;width:100%}[part]{transition:inherit;transition-property:transform,grid-template-rows}[part=icon]{display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotate(var(${cssScope}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${cssScope}--icon-deg-open))}`)],Details);var Details$1=Details;export{Details,Details$1 as default};
+import{godown as e,styles as t,attr as n,htmlSlot as r}from"@godown/element";import i from"../../internal/icons/caret-down.js";import{css as a,html as o}from"lit";import{property as s}from"lit/decorators.js";import{scopePrefix as c,GlobalStyle as l}from"../../internal/global-style.js";import u from"@oxc-project/runtime/helpers/decorate";const d=`details`,f=c(d);let p=class e extends l{constructor(...e){super(...e),this.open=!1,this.float=!1,this.fill=!1,this.summary=``}render(){return o`<dl part="root" ${n(this.observedRecord)}> <dt part="title" @click="${()=>this.toggle()}"> <span part="summary">${r(`summary`,this.summary)}</span> <span part="icon">${r(`icon`,i())}</span> </dt> <dd part="details" @click=${this.fill?()=>this.toggle():null}> <div style="min-height: 0;">${r()}</div> </dd> </dl>`}updated(e){let t=e.get(`open`);t!==void 0&&this.dispatchCustomEvent(`change`,t)}toggle(e){this.open=e??!this.open}close(){this.open=!1}show(){this.open=!0}};u([s({type:Boolean,reflect:!0})],p.prototype,`open`,void 0),u([s({type:Boolean})],p.prototype,`float`,void 0),u([s({type:Boolean})],p.prototype,`fill`,void 0),u([s()],p.prototype,`summary`,void 0),p=u([e(d),t(a`:host{${f}--icon-deg-open:0deg;${f}--icon-deg-close:90deg;display:block;transition:.3s}[part=root]{position:relative}[part=title]{direction:ltr;height:100%;display:grid;align-items:center;justify-content:space-between;grid-template-columns:auto auto;transition:inherit;overflow:hidden}[part=details]{overflow:hidden;display:grid;grid-template-rows:0fr;transition:inherit}:host([open]) [part=details]{grid-template-rows:1fr}[float] [part=details]{position:absolute;top:100%;width:100%}[part]{transition:inherit;transition-property:transform,grid-template-rows}[part=icon]{display:flex;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotate(var(${f}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${f}--icon-deg-open))}`)],p);var m=p;export{p as Details,m as default};
 //# sourceMappingURL=component.js.map

package/build/web-components/details/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/web-components/details/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport svgCaretDown from \"../../internal/icons/caret-down.js\";\nimport { type PropertyValueMap, type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport GlobalStyle, { scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"details\";\n\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Details} similar to `<details>`.\n *\n * @slot summary - Details summary (trigger).\n * @slot - Details content.\n * @fires change - Fires when the open changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--icon-deg-open: 0deg;\n    ${cssScope}--icon-deg-close: 90deg;\n    display: block;\n    transition: 0.3s;\n  }\n\n  [part=\"root\"] {\n    position: relative;\n  }\n\n  [part=\"title\"] {\n    direction: ltr;\n    height: 100%;\n    display: grid;\n    align-items: center;\n    justify-content: space-between;\n    grid-template-columns: auto auto;\n    transition: inherit;\n    overflow: hidden;\n  }\n\n  [part=\"details\"] {\n    overflow: hidden;\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: inherit;\n  }\n\n  :host([open]) [part=\"details\"] {\n    grid-template-rows: 1fr;\n  }\n\n  [float] [part=\"details\"] {\n    position: absolute;\n    top: 100%;\n    width: 100%;\n  }\n\n  [part] {\n    transition: inherit;\n    transition-property: transform, grid-template-rows;\n  }\n\n  [part=\"icon\"] {\n    display: flex;\n    backface-visibility: hidden;\n    transform: rotate(var(${cssScope}--icon-deg-close));\n  }\n\n  :host([open]) [part=\"icon\"] {\n    transform: rotate(var(${cssScope}--icon-deg-open));\n  }\n`)\nclass Details extends GlobalStyle {\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean })\n  float = false;\n\n  @property({ type: Boolean })\n  fill = false;\n\n  @property()\n  summary = \"\";\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <dl\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <dt\n          part=\"title\"\n          @click=\"${() => this.toggle()}\"\n        >\n          <span part=\"summary\">${htmlSlot(\"summary\", this.summary)}</span>\n          <span part=\"icon\">${htmlSlot(\"icon\", svgCaretDown())}</span>\n        </dt>\n        <dd\n          part=\"details\"\n          @click=${this.fill ? () => this.toggle() : null}\n        >\n          <div style=\"min-height: 0;\">${htmlSlot()}</div>\n        </dd>\n      </dl>\n    `;\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>): void {\n    const open = changedProperties.get(\"open\");\n    if (open !== undefined) {\n      this.dispatchCustomEvent(\"change\", open);\n    }\n  }\n\n  toggle(to?: boolean): void {\n    this.open = to ?? !this.open;\n  }\n\n  close(): void {\n    this.open = false;\n  }\n\n  show(): void {\n    this.open = true;\n  }\n}\n\nexport default Details;\nexport { Details };\n"],"names":["Details","svgCaretDown","changedProperties: PropertyValueMap<this>","open","changedProperties","to?: boolean","to"],"mappings":"4WAOA,MAAM,UAAY,UAEZ,SAAW,YAAY,UAAU,CAUvC,IAAA,QAAA,MAwDMA,UAAgB,WAAY,oCAEhC,KAAO,QAGP,MAAQ,QAGR,KAAO,QAGP,QAAU,GAEA,QAA4B,CACpC,MAAO,KAAI,CAAA,gBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,2BAIjB,EAAE,IAAM,KAAK,QAAQ,CAAC,wBAET,EAAE,SAAS,UAAW,KAAK,QAAQ,CAAC,0BACvC,EAAE,SAAS,OAAQC,UAAc,CAAC,CAAC,wCAI9C,EAAE,KAAK,KAAO,IAAM,KAAK,QAAQ,CAAG,KAAA,8BAEf,EAAE,UAAU,CAAC,kBAG/C,CAAC,AACF,CAES,QAAQC,EAAiD,CACjE,IAAMC,EAAOC,EAAkB,IAAI,OAAO,CACtCD,IAAS,QACX,KAAK,oBAAoB,SAAUA,EAAK,AAE3C,CAED,OAAOE,EAAoB,CACzB,KAAK,KAAOC,GAAM,CAAC,KAAK,IACzB,CAED,OAAc,CACZ,KAAK,KAAO,EACb,CAED,MAAa,CACX,KAAK,KAAO,EACb,CACF,aArDE,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,QAAA,UAAA,OAAA,IAAA,GAAA,YAG1C,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,QAAA,UAAA,QAAA,OAAA,YAG3B,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,QAAA,UAAA,OAAA,OAAA,YAG3B,UAAU,AAAA,EAAA,QAAA,UAAA,UAAA,OAAA,CAlEZ,QAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,MAER,EAAE,SAAS,qBACX,EAAE,SAAS,wnBA6CW,EAAE,SAAS,kEAIX,EAAE,SAAS,kBAErC,CAAC,CAAC,AAAA,EAAA,QAAA,CAyDF,IAAA,UAAe"}
+{"version":3,"file":"component.js","sources":["../../../src/web-components/details/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport svgCaretDown from \"../../internal/icons/caret-down.js\";\nimport { type PropertyValueMap, type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport GlobalStyle, { scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"details\";\n\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Details} similar to `<details>`.\n *\n * @slot summary - Details summary (trigger).\n * @slot - Details content.\n * @fires change - Fires when the open changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--icon-deg-open: 0deg;\n    ${cssScope}--icon-deg-close: 90deg;\n    display: block;\n    transition: 0.3s;\n  }\n\n  [part=\"root\"] {\n    position: relative;\n  }\n\n  [part=\"title\"] {\n    direction: ltr;\n    height: 100%;\n    display: grid;\n    align-items: center;\n    justify-content: space-between;\n    grid-template-columns: auto auto;\n    transition: inherit;\n    overflow: hidden;\n  }\n\n  [part=\"details\"] {\n    overflow: hidden;\n    display: grid;\n    grid-template-rows: 0fr;\n    transition: inherit;\n  }\n\n  :host([open]) [part=\"details\"] {\n    grid-template-rows: 1fr;\n  }\n\n  [float] [part=\"details\"] {\n    position: absolute;\n    top: 100%;\n    width: 100%;\n  }\n\n  [part] {\n    transition: inherit;\n    transition-property: transform, grid-template-rows;\n  }\n\n  [part=\"icon\"] {\n    display: flex;\n    backface-visibility: hidden;\n    transform: rotate(var(${cssScope}--icon-deg-close));\n  }\n\n  :host([open]) [part=\"icon\"] {\n    transform: rotate(var(${cssScope}--icon-deg-open));\n  }\n`)\nclass Details extends GlobalStyle {\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean })\n  float = false;\n\n  @property({ type: Boolean })\n  fill = false;\n\n  @property()\n  summary = \"\";\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <dl\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <dt\n          part=\"title\"\n          @click=\"${() => this.toggle()}\"\n        >\n          <span part=\"summary\">${htmlSlot(\"summary\", this.summary)}</span>\n          <span part=\"icon\">${htmlSlot(\"icon\", svgCaretDown())}</span>\n        </dt>\n        <dd\n          part=\"details\"\n          @click=${this.fill ? () => this.toggle() : null}\n        >\n          <div style=\"min-height: 0;\">${htmlSlot()}</div>\n        </dd>\n      </dl>\n    `;\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>): void {\n    const open = changedProperties.get(\"open\");\n    if (open !== undefined) {\n      this.dispatchCustomEvent(\"change\", open);\n    }\n  }\n\n  toggle(to?: boolean): void {\n    this.open = to ?? !this.open;\n  }\n\n  close(): void {\n    this.open = false;\n  }\n\n  show(): void {\n    this.open = true;\n  }\n}\n\nexport default Details;\nexport { Details };\n"],"names":["protoName","cssScope","scopePrefix","Details","GlobalStyle","attr","htmlSlot","svgCaretDown","open","changedProperties","to","property","_decorate","godown","styles","Details$1"],"mappings":"mVAOA,MAAMA,EAAY,UAEZC,EAAWC,EAAYF,GAU7B,IAAAG,EAAA,MAwDMA,UAAgBC,CAAY,oCAEhC,KAAO,QAGP,MAAQ,QAGR,KAAO,QAGP,QAAU,GAEA,QAA4B,CACpC,MAAO,EAAI,mBAGLC,EAAK,KAAK,gBAAA,iCAIM,KAAK,SAAS,0BAEPC,EAAS,UAAW,KAAK,SAAS,4BACrCA,EAAS,OAAQC,KAAgB,0CAI5C,KAAK,SAAa,KAAK,SAAW,KAAA,gCAEbD,IAAW,oBAMvC,QAAQ,EAAiD,CACjE,IAAME,EAAOC,EAAkB,IAAI,QAC/BD,IAAS,QACX,KAAK,oBAAoB,SAAUA,GAIvC,OAAO,EAAoB,CACzB,KAAK,KAAOE,GAAM,CAAC,KAAK,KAG1B,OAAc,CACZ,KAAK,KAAO,GAGd,MAAa,CACX,KAAK,KAAO,QAnDbC,EAAS,CAAE,KAAM,QAAS,QAAS,iCAGnCC,EAAA,CAAAD,EAAS,CAAE,KAAM,WAAAR,EAAA,UAAA,QAAA,QAGjBS,EAAA,CAAAD,EAAS,CAAE,KAAM,WAAAR,EAAA,UAAA,OAAA,QAGjBS,EAAA,CAAAD,KAAAR,EAAA,UAAA,UAAA,aAlEFU,EAAOb,GACPc,EAAO,CAAG,SAELb,EAAS,uBACTA,EAAS,0nBA6CaA,EAAS,oEAITA,EAAS,yBA2DrC,IAAAc,EAAeZ"}

package/build/web-components/details/definition.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAAA,OAAO,aAAa,gBAAiB;AAIrC,eAAe;eAEA;WACH,sBAAsB;EAC9B,kBAAkB;CACnB;AACF","names":[],"sources":["../../../../src/web-components/details/definition.ts"],"sourcesContent":["import Details from \"./component.js\";\n\nDetails.define();\n\nexport default Details;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-details\": Details;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}
+{"mappings":"AAAA,OAAO,aAAa;AAIpB,eAAe;eAEA;WACH,sBAAsB;EAC9B,kBAAkB","names":[],"sources":["../../../../src/web-components/details/definition.ts"],"sourcesContent":["import Details from \"./component.js\";\n\nDetails.define();\n\nexport default Details;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-details\": Details;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/build/web-components/details/definition.js

@@ -1,2 +1,2 @@
-import Details from"./component.js";import"@godown/element";import"../../internal/icons/caret-down.js";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";Details.define();export{Details as default};
+import e from"./component.js";e.define();export{e as default};
 //# sourceMappingURL=definition.js.map

package/build/web-components/details/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../../src/web-components/details/definition.ts"],"sourcesContent":["import Details from \"./component.js\";\n\nDetails.define();\n\nexport default Details;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-details\": Details;\n  }\n}\n"],"names":[],"mappings":"yRAEA,QAAQ,QAAQ"}
+{"version":3,"file":"definition.js","sources":["../../../src/web-components/details/definition.ts"],"sourcesContent":["import Details from \"./component.js\";\n\nDetails.define();\n\nexport default Details;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-details\": Details;\n  }\n}\n"],"names":["Details"],"mappings":"8BAEAA,EAAQ"}

package/build/web-components/dialog/component.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAAA,cAAc,oBAA8C,iBAAkB;AAC9E,cAAc,qBAAqB,sBAAiC,KAAM;AAG1E,OAAO,iBAAkC,gCAAiC;;;;;;;;;;;;;;;AAmB1E,cAyBM,eAAe,YAAY;CAC/B,AACA;CAEA,AACA;;;;CAKA,QAAQ;CAER,UACU,SAAS;CAEnB,UAAU,UAAU,eAAe;CAiBnC;CAMA;CAIA;CAIA,OAAOA;CAIP,QAAQ;CACR,QAAQ;CAER,UAAU,QAAQC,mBAAmB;CAuBrC,UAAU,eAAeC,GAAG;CAO5B,UAAU,cAAcC,GAAG,aAAa;AAMzC;AAED,eAAe;AACf,SAAS","names":["to?: boolean","changedProperties: PropertyValues","e: KeyboardEvent","e: HandlerEvent<HTMLFormElement>"],"sources":["../../../../src/web-components/dialog/component.ts"],"sourcesContent":["import { type HandlerEvent, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type PropertyValues, type TemplateResult, css, html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport GlobalStyle, { scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"dialog\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Dialog} similar to `<dialog>`.\n *\n * Like dialog, it listens for submit events and closes itself when the target method is \"dialog\".\n *\n * Previous versions of Dialog did not contain triggers.\n * Therefore, unlike Tooltip which uses the default slot as the trigger.\n * Dialog needs to use slot=\"trigger\" as the trigger instead of an element without a slot name.\n *\n * @fires change - Fires when the open changes.\n * @slot trigger - The trigger element.\n * @slot - The dialog content.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--background-modal: black;\n    ${cssScope}--opacity-modal: 0.2;\n    width: fit-content;\n    display: block;\n    background: none;\n  }\n\n  dialog {\n    position: relative;\n    background: none;\n    z-index: 1;\n    left: 50%;\n    top: 50%;\n    position: fixed;\n    transform: translate(-50%, -50%);\n  }\n\n  ::backdrop {\n    background: var(${cssScope}--background-modal);\n    opacity: var(${cssScope}--opacity-modal);\n  }\n`)\nclass Dialog extends GlobalStyle {\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  /**\n   * Indicates whether the modal has been invoked.\n   */\n  private __modalInvoke = false;\n\n  @query(\"[part=dialog]\")\n  protected _dialog: HTMLDialogElement;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        @click=${this.show}\n      >\n        ${htmlSlot(\"trigger\")}\n      </div>\n      <dialog\n        part=\"dialog\"\n        role=\"dialog\"\n      >\n        ${htmlSlot(\"dialog\")}${htmlSlot()}\n      </dialog>\n    `;\n  }\n\n  showModal(): void {\n    this.modal = true;\n    this.__modalInvoke = true;\n    this.show();\n  }\n\n  show(): void {\n    this.open = true;\n  }\n\n  close(): void {\n    this.open = false;\n  }\n\n  toggle(to?: boolean): void {\n    this.open = to ?? !this.open;\n  }\n\n  private __submitEvent: EventListenerOrEventListenerObject;\n  private __keydownEvent: EventListenerOrEventListenerObject;\n\n  protected updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has(\"open\")) {\n      if (this.open) {\n        if (this.modal) {\n          this._dialog.showModal();\n        } else {\n          this._dialog.show();\n        }\n        this.__submitEvent = this.events.add(this, \"submit\", this._handelSubmit);\n\n        this.__keydownEvent = this.events.add(document, \"keydown\", this._handleKeydown.bind(this));\n      } else {\n        if (this.__modalInvoke) {\n          this.modal = false;\n          this.__modalInvoke = false;\n        }\n        this._dialog.close();\n        this.events.remove(this, \"submit\", this.__submitEvent);\n        this.events.remove(document, \"keydown\", this.__keydownEvent);\n      }\n    }\n  }\n\n  protected _handleKeydown(e: KeyboardEvent): void {\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      this.close();\n    }\n  }\n\n  protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void {\n    if (e.target.method === \"dialog\") {\n      e.preventDefault();\n      this.close();\n    }\n  }\n}\n\nexport default Dialog;\nexport { Dialog };\n"],"version":3,"file":"component.d.ts"}
+{"mappings":"AAAA,cAAc,oBAA8C;AAC5D,cAAc,qBAAqB,sBAAiC;AAGpE,OAAO,iBAAkC;;;;;;;;;;;;;;;AAmBzC,cAyBM,eAAe,YAAY;CAC/B,AACA;CAEA,AACA;;;;CAKA,QAAQ;CAER,UACU,SAAS;CAEnB,UAAU,UAAU,eAAe;CAiBnC;CAMA;CAIA;CAIA,OAAO;CAIP,QAAQ;CACR,QAAQ;CAER,UAAU,QAAQ,mBAAmB;CAuBrC,UAAU,eAAe,GAAG;CAO5B,UAAU,cAAc,GAAG,aAAa;;AAQ1C,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/dialog/component.ts"],"sourcesContent":["import { type HandlerEvent, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type PropertyValues, type TemplateResult, css, html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport GlobalStyle, { scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"dialog\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Dialog} similar to `<dialog>`.\n *\n * Like dialog, it listens for submit events and closes itself when the target method is \"dialog\".\n *\n * Previous versions of Dialog did not contain triggers.\n * Therefore, unlike Tooltip which uses the default slot as the trigger.\n * Dialog needs to use slot=\"trigger\" as the trigger instead of an element without a slot name.\n *\n * @fires change - Fires when the open changes.\n * @slot trigger - The trigger element.\n * @slot - The dialog content.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--background-modal: black;\n    ${cssScope}--opacity-modal: 0.2;\n    width: fit-content;\n    display: block;\n    background: none;\n  }\n\n  dialog {\n    position: relative;\n    background: none;\n    z-index: 1;\n    left: 50%;\n    top: 50%;\n    position: fixed;\n    transform: translate(-50%, -50%);\n  }\n\n  ::backdrop {\n    background: var(${cssScope}--background-modal);\n    opacity: var(${cssScope}--opacity-modal);\n  }\n`)\nclass Dialog extends GlobalStyle {\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  /**\n   * Indicates whether the modal has been invoked.\n   */\n  private __modalInvoke = false;\n\n  @query(\"[part=dialog]\")\n  protected _dialog: HTMLDialogElement;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        @click=${this.show}\n      >\n        ${htmlSlot(\"trigger\")}\n      </div>\n      <dialog\n        part=\"dialog\"\n        role=\"dialog\"\n      >\n        ${htmlSlot(\"dialog\")}${htmlSlot()}\n      </dialog>\n    `;\n  }\n\n  showModal(): void {\n    this.modal = true;\n    this.__modalInvoke = true;\n    this.show();\n  }\n\n  show(): void {\n    this.open = true;\n  }\n\n  close(): void {\n    this.open = false;\n  }\n\n  toggle(to?: boolean): void {\n    this.open = to ?? !this.open;\n  }\n\n  private __submitEvent: EventListenerOrEventListenerObject;\n  private __keydownEvent: EventListenerOrEventListenerObject;\n\n  protected updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has(\"open\")) {\n      if (this.open) {\n        if (this.modal) {\n          this._dialog.showModal();\n        } else {\n          this._dialog.show();\n        }\n        this.__submitEvent = this.events.add(this, \"submit\", this._handelSubmit);\n\n        this.__keydownEvent = this.events.add(document, \"keydown\", this._handleKeydown.bind(this));\n      } else {\n        if (this.__modalInvoke) {\n          this.modal = false;\n          this.__modalInvoke = false;\n        }\n        this._dialog.close();\n        this.events.remove(this, \"submit\", this.__submitEvent);\n        this.events.remove(document, \"keydown\", this.__keydownEvent);\n      }\n    }\n  }\n\n  protected _handleKeydown(e: KeyboardEvent): void {\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      this.close();\n    }\n  }\n\n  protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void {\n    if (e.target.method === \"dialog\") {\n      e.preventDefault();\n      this.close();\n    }\n  }\n}\n\nexport default Dialog;\nexport { Dialog };\n"],"version":3,"file":"component.d.ts"}

package/build/web-components/dialog/component.js

@@ -1,2 +1,2 @@
-import{godown,styles,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property,query}from"lit/decorators.js";import{scopePrefix,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`dialog`,cssScope=scopePrefix(protoName);let Dialog=class e extends GlobalStyle{constructor(...e){super(...e),this.open=!1,this.modal=!1,this.__modalInvoke=!1}render(){return html`<div part="root" @click=${this.show}> ${htmlSlot(`trigger`)} </div> <dialog part="dialog" role="dialog"> ${htmlSlot(`dialog`)}${htmlSlot()} </dialog>`}showModal(){this.modal=!0,this.__modalInvoke=!0,this.show()}show(){this.open=!0}close(){this.open=!1}toggle(e){this.open=e??!this.open}updated(e){e.has(`open`)&&(this.open?(this.modal?this._dialog.showModal():this._dialog.show(),this.__submitEvent=this.events.add(this,`submit`,this._handelSubmit),this.__keydownEvent=this.events.add(document,`keydown`,this._handleKeydown.bind(this))):(this.__modalInvoke&&(this.modal=!1,this.__modalInvoke=!1),this._dialog.close(),this.events.remove(this,`submit`,this.__submitEvent),this.events.remove(document,`keydown`,this.__keydownEvent)))}_handleKeydown(e){e.key===`Escape`&&(e.preventDefault(),this.close())}_handelSubmit(e){e.target.method===`dialog`&&(e.preventDefault(),this.close())}};_decorate([property({type:Boolean,reflect:!0})],Dialog.prototype,`open`,void 0),_decorate([property({type:Boolean,reflect:!0})],Dialog.prototype,`modal`,void 0),_decorate([query(`[part=dialog]`)],Dialog.prototype,`_dialog`,void 0),Dialog=_decorate([godown(protoName),styles(css`:host{${cssScope}--background-modal:black;${cssScope}--opacity-modal:.2;width:-moz-fit-content;width:fit-content;display:block;background:0 0}dialog{position:relative;background:0 0;z-index:1;left:50%;top:50%;position:fixed;transform:translate(-50%,-50%)}::backdrop{background:var(${cssScope}--background-modal);opacity:var(${cssScope}--opacity-modal)}`)],Dialog);var Dialog$1=Dialog;export{Dialog,Dialog$1 as default};
+import{godown as e,styles as t,htmlSlot as n}from"@godown/element";import{css as r,html as i}from"lit";import{property as a,query as o}from"lit/decorators.js";import{scopePrefix as s,GlobalStyle as c}from"../../internal/global-style.js";import l from"@oxc-project/runtime/helpers/decorate";const u=`dialog`,d=s(u);let f=class e extends c{constructor(...e){super(...e),this.open=!1,this.modal=!1,this.__modalInvoke=!1}render(){return i`<div part="root" @click=${this.show}> ${n(`trigger`)} </div> <dialog part="dialog" role="dialog"> ${n(`dialog`)}${n()} </dialog>`}showModal(){this.modal=!0,this.__modalInvoke=!0,this.show()}show(){this.open=!0}close(){this.open=!1}toggle(e){this.open=e??!this.open}updated(e){e.has(`open`)&&(this.open?(this.modal?this._dialog.showModal():this._dialog.show(),this.__submitEvent=this.events.add(this,`submit`,this._handelSubmit),this.__keydownEvent=this.events.add(document,`keydown`,this._handleKeydown.bind(this))):(this.__modalInvoke&&=(this.modal=!1,!1),this._dialog.close(),this.events.remove(this,`submit`,this.__submitEvent),this.events.remove(document,`keydown`,this.__keydownEvent)))}_handleKeydown(e){e.key===`Escape`&&(e.preventDefault(),this.close())}_handelSubmit(e){e.target.method===`dialog`&&(e.preventDefault(),this.close())}};l([a({type:Boolean,reflect:!0})],f.prototype,`open`,void 0),l([a({type:Boolean,reflect:!0})],f.prototype,`modal`,void 0),l([o(`[part=dialog]`)],f.prototype,`_dialog`,void 0),f=l([e(u),t(r`:host{${d}--background-modal:black;${d}--opacity-modal:.2;width:-moz-fit-content;width:fit-content;display:block;background:0 0}dialog{position:relative;background:0 0;z-index:1;left:50%;top:50%;position:fixed;transform:translate(-50%,-50%)}::backdrop{background:var(${d}--background-modal);opacity:var(${d}--opacity-modal)}`)],f);var p=f;export{f as Dialog,p as default};
 //# sourceMappingURL=component.js.map

package/build/web-components/dialog/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/web-components/dialog/component.ts"],"sourcesContent":["import { type HandlerEvent, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type PropertyValues, type TemplateResult, css, html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport GlobalStyle, { scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"dialog\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Dialog} similar to `<dialog>`.\n *\n * Like dialog, it listens for submit events and closes itself when the target method is \"dialog\".\n *\n * Previous versions of Dialog did not contain triggers.\n * Therefore, unlike Tooltip which uses the default slot as the trigger.\n * Dialog needs to use slot=\"trigger\" as the trigger instead of an element without a slot name.\n *\n * @fires change - Fires when the open changes.\n * @slot trigger - The trigger element.\n * @slot - The dialog content.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--background-modal: black;\n    ${cssScope}--opacity-modal: 0.2;\n    width: fit-content;\n    display: block;\n    background: none;\n  }\n\n  dialog {\n    position: relative;\n    background: none;\n    z-index: 1;\n    left: 50%;\n    top: 50%;\n    position: fixed;\n    transform: translate(-50%, -50%);\n  }\n\n  ::backdrop {\n    background: var(${cssScope}--background-modal);\n    opacity: var(${cssScope}--opacity-modal);\n  }\n`)\nclass Dialog extends GlobalStyle {\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  /**\n   * Indicates whether the modal has been invoked.\n   */\n  private __modalInvoke = false;\n\n  @query(\"[part=dialog]\")\n  protected _dialog: HTMLDialogElement;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        @click=${this.show}\n      >\n        ${htmlSlot(\"trigger\")}\n      </div>\n      <dialog\n        part=\"dialog\"\n        role=\"dialog\"\n      >\n        ${htmlSlot(\"dialog\")}${htmlSlot()}\n      </dialog>\n    `;\n  }\n\n  showModal(): void {\n    this.modal = true;\n    this.__modalInvoke = true;\n    this.show();\n  }\n\n  show(): void {\n    this.open = true;\n  }\n\n  close(): void {\n    this.open = false;\n  }\n\n  toggle(to?: boolean): void {\n    this.open = to ?? !this.open;\n  }\n\n  private __submitEvent: EventListenerOrEventListenerObject;\n  private __keydownEvent: EventListenerOrEventListenerObject;\n\n  protected updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has(\"open\")) {\n      if (this.open) {\n        if (this.modal) {\n          this._dialog.showModal();\n        } else {\n          this._dialog.show();\n        }\n        this.__submitEvent = this.events.add(this, \"submit\", this._handelSubmit);\n\n        this.__keydownEvent = this.events.add(document, \"keydown\", this._handleKeydown.bind(this));\n      } else {\n        if (this.__modalInvoke) {\n          this.modal = false;\n          this.__modalInvoke = false;\n        }\n        this._dialog.close();\n        this.events.remove(this, \"submit\", this.__submitEvent);\n        this.events.remove(document, \"keydown\", this.__keydownEvent);\n      }\n    }\n  }\n\n  protected _handleKeydown(e: KeyboardEvent): void {\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      this.close();\n    }\n  }\n\n  protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void {\n    if (e.target.method === \"dialog\") {\n      e.preventDefault();\n      this.close();\n    }\n  }\n}\n\nexport default Dialog;\nexport { Dialog };\n"],"names":["Dialog","to?: boolean","to","changedProperties: PropertyValues","changedProperties","e: KeyboardEvent","e: HandlerEvent<HTMLFormElement>"],"mappings":"oTAMA,MAAM,UAAY,SACZ,SAAW,YAAY,UAAU,CAgBvC,IAAA,OAAA,MAyBMA,UAAe,WAAY,oCAE/B,KAAO,QAGP,MAAQ,QAKA,cAAgB,GAKd,QAA4B,CACpC,MAAO,KAAI,CAAA,wBAGA,EAAE,KAAK,KAAA,EAEd,EAAE,SAAS,UAAU,CAAA,6CAMrB,EAAE,SAAS,SAAS,GAAG,UAAU,CAAA,UAErC,CAAC,AACF,CAED,WAAkB,CAChB,KAAK,MAAQ,GACb,KAAK,cAAgB,GACrB,KAAK,MAAM,AACZ,CAED,MAAa,CACX,KAAK,KAAO,EACb,CAED,OAAc,CACZ,KAAK,KAAO,EACb,CAED,OAAOC,EAAoB,CACzB,KAAK,KAAOC,GAAM,CAAC,KAAK,IACzB,CAKS,QAAQC,EAAyC,CACrDC,EAAkB,IAAI,OAAO,GAC3B,KAAK,MACH,KAAK,MACP,KAAK,QAAQ,WAAW,CAExB,KAAK,QAAQ,MAAM,CAErB,KAAK,cAAgB,KAAK,OAAO,IAAI,KAAM,SAAU,KAAK,cAAc,CAExE,KAAK,eAAiB,KAAK,OAAO,IAAI,SAAU,UAAW,KAAK,eAAe,KAAK,KAAK,CAAC,GAEtF,KAAK,gBACP,KAAK,MAAQ,GACb,KAAK,cAAgB,IAEvB,KAAK,QAAQ,OAAO,CACpB,KAAK,OAAO,OAAO,KAAM,SAAU,KAAK,cAAc,CACtD,KAAK,OAAO,OAAO,SAAU,UAAW,KAAK,eAAe,EAGjE,CAES,eAAeC,EAAwB,CAC3C,EAAE,MAAQ,WACZ,EAAE,gBAAgB,CAClB,KAAK,OAAO,CAEf,CAES,cAAcC,EAAwC,CAC1D,EAAE,OAAO,SAAW,WACtB,EAAE,gBAAgB,CAClB,KAAK,OAAO,CAEf,CACF,aAxFE,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,OAAA,IAAA,GAAA,YAG1C,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,QAAA,IAAA,GAAA,CAQ1C,UAAA,CAAA,MAAM,gBAAgB,AAAA,EAAA,OAAA,UAAA,UAAA,OAAA,CArCxB,OAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,MAER,EAAE,SAAS,yBACX,EAAE,SAAS,oOAiBK,EAAE,SAAS,gCACd,EAAE,SAAS,iBAE5B,CAAC,CAAC,AAAA,EAAA,OAAA,CA4FF,IAAA,SAAe"}
+{"version":3,"file":"component.js","sources":["../../../src/web-components/dialog/component.ts"],"sourcesContent":["import { type HandlerEvent, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type PropertyValues, type TemplateResult, css, html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport GlobalStyle, { scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"dialog\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Dialog} similar to `<dialog>`.\n *\n * Like dialog, it listens for submit events and closes itself when the target method is \"dialog\".\n *\n * Previous versions of Dialog did not contain triggers.\n * Therefore, unlike Tooltip which uses the default slot as the trigger.\n * Dialog needs to use slot=\"trigger\" as the trigger instead of an element without a slot name.\n *\n * @fires change - Fires when the open changes.\n * @slot trigger - The trigger element.\n * @slot - The dialog content.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--background-modal: black;\n    ${cssScope}--opacity-modal: 0.2;\n    width: fit-content;\n    display: block;\n    background: none;\n  }\n\n  dialog {\n    position: relative;\n    background: none;\n    z-index: 1;\n    left: 50%;\n    top: 50%;\n    position: fixed;\n    transform: translate(-50%, -50%);\n  }\n\n  ::backdrop {\n    background: var(${cssScope}--background-modal);\n    opacity: var(${cssScope}--opacity-modal);\n  }\n`)\nclass Dialog extends GlobalStyle {\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property({ type: Boolean, reflect: true })\n  modal = false;\n\n  /**\n   * Indicates whether the modal has been invoked.\n   */\n  private __modalInvoke = false;\n\n  @query(\"[part=dialog]\")\n  protected _dialog: HTMLDialogElement;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        @click=${this.show}\n      >\n        ${htmlSlot(\"trigger\")}\n      </div>\n      <dialog\n        part=\"dialog\"\n        role=\"dialog\"\n      >\n        ${htmlSlot(\"dialog\")}${htmlSlot()}\n      </dialog>\n    `;\n  }\n\n  showModal(): void {\n    this.modal = true;\n    this.__modalInvoke = true;\n    this.show();\n  }\n\n  show(): void {\n    this.open = true;\n  }\n\n  close(): void {\n    this.open = false;\n  }\n\n  toggle(to?: boolean): void {\n    this.open = to ?? !this.open;\n  }\n\n  private __submitEvent: EventListenerOrEventListenerObject;\n  private __keydownEvent: EventListenerOrEventListenerObject;\n\n  protected updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has(\"open\")) {\n      if (this.open) {\n        if (this.modal) {\n          this._dialog.showModal();\n        } else {\n          this._dialog.show();\n        }\n        this.__submitEvent = this.events.add(this, \"submit\", this._handelSubmit);\n\n        this.__keydownEvent = this.events.add(document, \"keydown\", this._handleKeydown.bind(this));\n      } else {\n        if (this.__modalInvoke) {\n          this.modal = false;\n          this.__modalInvoke = false;\n        }\n        this._dialog.close();\n        this.events.remove(this, \"submit\", this.__submitEvent);\n        this.events.remove(document, \"keydown\", this.__keydownEvent);\n      }\n    }\n  }\n\n  protected _handleKeydown(e: KeyboardEvent): void {\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      this.close();\n    }\n  }\n\n  protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void {\n    if (e.target.method === \"dialog\") {\n      e.preventDefault();\n      this.close();\n    }\n  }\n}\n\nexport default Dialog;\nexport { Dialog };\n"],"names":["protoName","cssScope","scopePrefix","Dialog","GlobalStyle","htmlSlot","to","changedProperties","property","query","godown","styles","Dialog$1"],"mappings":"kSAMA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAgB7B,IAAAG,EAAA,MAyBMA,UAAeC,CAAY,oCAE/B,KAAO,QAGP,MAAQ,QAKA,cAAgB,GAKd,QAA4B,CACpC,MAAO,EAAI,2BAGE,KAAK,KAAA,IAEZC,EAAS,WAAA,+CAMTA,EAAS,YAAYA,IAAA,YAK7B,WAAkB,CAChB,KAAK,MAAQ,GACb,KAAK,cAAgB,GACrB,KAAK,OAGP,MAAa,CACX,KAAK,KAAO,GAGd,OAAc,CACZ,KAAK,KAAO,GAGd,OAAO,EAAoB,CACzB,KAAK,KAAOC,GAAM,CAAC,KAAK,KAMhB,QAAQ,EAAyC,CACrDC,EAAkB,IAAI,UACpB,KAAK,MACH,KAAK,MACP,KAAK,QAAQ,YAEb,KAAK,QAAQ,OAEf,KAAK,cAAgB,KAAK,OAAO,IAAI,KAAM,SAAU,KAAK,eAE1D,KAAK,eAAiB,KAAK,OAAO,IAAI,SAAU,UAAW,KAAK,eAAe,KAAK,SAEpF,AAEE,KAAK,iBADL,KAAK,MAAQ,GACQ,IAEvB,KAAK,QAAQ,QACb,KAAK,OAAO,OAAO,KAAM,SAAU,KAAK,eACxC,KAAK,OAAO,OAAO,SAAU,UAAW,KAAK,kBAKzC,eAAe,EAAwB,CAC3C,EAAE,MAAQ,WACZ,EAAE,iBACF,KAAK,SAIC,cAAc,EAAwC,CAC1D,EAAE,OAAO,SAAW,WACtB,EAAE,iBACF,KAAK,cArFRC,EAAS,CAAE,KAAM,QAAS,QAAS,oCAGnCA,EAAS,CAAE,KAAM,QAAS,QAAS,qCAQnCC,EAAM,kBAAAN,EAAA,UAAA,UAAA,aArCRO,EAAOV,GACPW,EAAO,CAAG,SAELV,EAAS,2BACTA,EAAS,sOAiBOA,EAAS,kCACZA,EAAS,wBA8F5B,IAAAW,EAAeT"}

package/build/web-components/dialog/definition.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAAA,OAAO,YAAY,gBAAiB;AAIpC,eAAe;eAEA;WACH,sBAAsB;EAC9B,iBAAiB;CAClB;AACF","names":[],"sources":["../../../../src/web-components/dialog/definition.ts"],"sourcesContent":["import Dialog from \"./component.js\";\n\nDialog.define();\n\nexport default Dialog;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-dialog\": Dialog;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}
+{"mappings":"AAAA,OAAO,YAAY;AAInB,eAAe;eAEA;WACH,sBAAsB;EAC9B,iBAAiB","names":[],"sources":["../../../../src/web-components/dialog/definition.ts"],"sourcesContent":["import Dialog from \"./component.js\";\n\nDialog.define();\n\nexport default Dialog;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-dialog\": Dialog;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/build/web-components/dialog/definition.js

@@ -1,2 +1,2 @@
-import Dialog from"./component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";Dialog.define();export{Dialog as default};
+import e from"./component.js";e.define();export{e as default};
 //# sourceMappingURL=definition.js.map

package/build/web-components/dialog/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../../src/web-components/dialog/definition.ts"],"sourcesContent":["import Dialog from \"./component.js\";\n\nDialog.define();\n\nexport default Dialog;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-dialog\": Dialog;\n  }\n}\n"],"names":[],"mappings":"6OAEA,OAAO,QAAQ"}
+{"version":3,"file":"definition.js","sources":["../../../src/web-components/dialog/definition.ts"],"sourcesContent":["import Dialog from \"./component.js\";\n\nDialog.define();\n\nexport default Dialog;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-dialog\": Dialog;\n  }\n}\n"],"names":["Dialog"],"mappings":"8BAEAA,EAAO"}

package/build/web-components/divider/component.d.ts.map

@@ -1 +1 @@
-{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAwB,mBAAmB,gCAAiC;;;;;;AAS5E,cAeM,gBAAgB,YAAY;;;;CAIhC,AACA;CAEA,UAAU,UAAU,eAAe;AAKpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/divider/component.ts"],"sourcesContent":["import { godown, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"divider\";\n\n/**\n * {@linkcode Divider} similar to `<hr>`.\n *\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    width: 100%;\n    height: 0.05em;\n    display: block;\n    background: currentColor;\n    color: var(${cssGlobalVars.passive});\n  }\n\n  :host([vertical]) {\n    width: 0.05em;\n    height: 100%;\n  }\n`)\nclass Divider extends GlobalStyle {\n  /**\n   * Whether to display the divider vertically.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\"></div>\n    `;\n  }\n}\n\nexport default Divider;\nexport { Divider };\n"],"version":3,"file":"component.d.ts"}
+{"mappings":"AACA,cAAc,sBAAiC;AAG/C,SAAwB,mBAAmB;;;;;;AAS3C,cAeM,gBAAgB,YAAY;;;;CAIhC,AACA;CAEA,UAAU,UAAU,eAAe;;AAOrC,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/divider/component.ts"],"sourcesContent":["import { godown, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"divider\";\n\n/**\n * {@linkcode Divider} similar to `<hr>`.\n *\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    width: 100%;\n    height: 0.05em;\n    display: block;\n    background: currentColor;\n    color: var(${cssGlobalVars.passive});\n  }\n\n  :host([vertical]) {\n    width: 0.05em;\n    height: 100%;\n  }\n`)\nclass Divider extends GlobalStyle {\n  /**\n   * Whether to display the divider vertically.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\"></div>\n    `;\n  }\n}\n\nexport default Divider;\nexport { Divider };\n"],"version":3,"file":"component.d.ts"}

package/build/web-components/divider/component.js

@@ -1,2 +1,2 @@
-import{godown,styles}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`divider`;let Divider=class e extends GlobalStyle{constructor(...e){super(...e),this.vertical=!1}render(){return html`<div part="root"></div> `}};_decorate([property({type:Boolean,reflect:!0})],Divider.prototype,`vertical`,void 0),Divider=_decorate([godown(protoName),styles(css`:host{width:100%;height:.05em;display:block;background:currentColor;color:var(${cssGlobalVars.passive})}:host([vertical]){width:.05em;height:100%}`)],Divider);var Divider$1=Divider;export{Divider,Divider$1 as default};
+import{godown as e,styles as t}from"@godown/element";import{css as n,html as r}from"lit";import{property as i}from"lit/decorators.js";import{cssGlobalVars as a,GlobalStyle as o}from"../../internal/global-style.js";import s from"@oxc-project/runtime/helpers/decorate";const c=`divider`;let l=class e extends o{constructor(...e){super(...e),this.vertical=!1}render(){return r`<div part="root"></div> `}};s([i({type:Boolean,reflect:!0})],l.prototype,`vertical`,void 0),l=s([e(`divider`),t(n`:host{width:100%;height:.05em;display:block;background:currentColor;color:var(${a.passive})}:host([vertical]){width:.05em;height:100%}`)],l);var u=l;export{l as Divider,u as default};
 //# sourceMappingURL=component.js.map

package/build/web-components/divider/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/web-components/divider/component.ts"],"sourcesContent":["import { godown, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"divider\";\n\n/**\n * {@linkcode Divider} similar to `<hr>`.\n *\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    width: 100%;\n    height: 0.05em;\n    display: block;\n    background: currentColor;\n    color: var(${cssGlobalVars.passive});\n  }\n\n  :host([vertical]) {\n    width: 0.05em;\n    height: 100%;\n  }\n`)\nclass Divider extends GlobalStyle {\n  /**\n   * Whether to display the divider vertically.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\"></div>\n    `;\n  }\n}\n\nexport default Divider;\nexport { Divider };\n"],"names":["Divider"],"mappings":"uSAMA,MAAM,UAAY,UAOlB,IAAA,QAAA,MAeMA,UAAgB,WAAY,oCAKhC,SAAW,GAED,QAA4B,CACpC,MAAO,KAAI,CAAA,wBAEX,CAAC,AACF,CACF,aARE,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,QAAA,UAAA,WAAA,IAAA,GAAA,CAnB5C,QAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,8EAMG,EAAE,cAAc,QAAQ,4CAOvC,CAAC,CAAC,AAAA,EAAA,QAAA,CAeF,IAAA,UAAe"}
+{"version":3,"file":"component.js","sources":["../../../src/web-components/divider/component.ts"],"sourcesContent":["import { godown, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"divider\";\n\n/**\n * {@linkcode Divider} similar to `<hr>`.\n *\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    width: 100%;\n    height: 0.05em;\n    display: block;\n    background: currentColor;\n    color: var(${cssGlobalVars.passive});\n  }\n\n  :host([vertical]) {\n    width: 0.05em;\n    height: 100%;\n  }\n`)\nclass Divider extends GlobalStyle {\n  /**\n   * Whether to display the divider vertically.\n   */\n  @property({ type: Boolean, reflect: true })\n  vertical = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\"></div>\n    `;\n  }\n}\n\nexport default Divider;\nexport { Divider };\n"],"names":["protoName","Divider","GlobalStyle","property","godown","styles","cssGlobalVars","Divider$1"],"mappings":"2QAMA,MAAMA,EAAY,UAOlB,IAAAC,EAAA,MAeMA,UAAgBC,CAAY,oCAKhC,SAAW,GAED,QAA4B,CACpC,MAAO,EAAI,gCAJZC,EAAS,CAAE,KAAM,QAAS,QAAS,0CAnBrCC,EAAO,WACPC,EAAO,CAAG,iFAMMC,EAAc,QAAQ,mDAsBvC,IAAAC,EAAeN"}

package/build/web-components/divider/definition.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAAA,OAAO,aAAa,gBAAiB;AAIrC,eAAe;eAEA;WACH,sBAAsB;EAC9B,kBAAkB;CACnB;AACF","names":[],"sources":["../../../../src/web-components/divider/definition.ts"],"sourcesContent":["import Divider from \"./component.js\";\n\nDivider.define();\n\nexport default Divider;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-divider\": Divider;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}
+{"mappings":"AAAA,OAAO,aAAa;AAIpB,eAAe;eAEA;WACH,sBAAsB;EAC9B,kBAAkB","names":[],"sources":["../../../../src/web-components/divider/definition.ts"],"sourcesContent":["import Divider from \"./component.js\";\n\nDivider.define();\n\nexport default Divider;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-divider\": Divider;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/build/web-components/divider/definition.js

@@ -1,2 +1,2 @@
-import Divider from"./component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";Divider.define();export{Divider as default};
+import e from"./component.js";e.define();export{e as default};
 //# sourceMappingURL=definition.js.map

package/build/web-components/divider/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../../src/web-components/divider/definition.ts"],"sourcesContent":["import Divider from \"./component.js\";\n\nDivider.define();\n\nexport default Divider;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-divider\": Divider;\n  }\n}\n"],"names":[],"mappings":"8OAEA,QAAQ,QAAQ"}
+{"version":3,"file":"definition.js","sources":["../../../src/web-components/divider/definition.ts"],"sourcesContent":["import Divider from \"./component.js\";\n\nDivider.define();\n\nexport default Divider;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-divider\": Divider;\n  }\n}\n"],"names":["Divider"],"mappings":"8BAEAA,EAAQ"}

package/build/web-components/dragbox/component.d.ts.map

@@ -1 +1 @@
-{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;AAU7D,cAYM,gBAAgB,YAAY;;;;CAIhC,IAAI,iBAAiB;CAIrB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;;;;CAKR,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;CAYnC,UAAU;CAIV,UAAU,iBAAiBA,GAAG;CAa9B,QAAQ;CACR,QAAQ;CACR,QAAQ;CAER,UAAU;CAOV,UAAU,YAAYA,GAAG;CAyBzB;AAaD;AAED,eAAe;AACf,SAAS","names":["e: MouseEvent"],"sources":["../../../../src/web-components/dragbox/component.ts"],"sourcesContent":["import { type EventListenerFunc, attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"dragbox\";\n\n/**\n * {@linkcode Dragbox} moves with the mouse and does not exceed the boundary of offsetParent.\n *\n * @slot - Dragbox content.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    position: absolute;\n    display: block;\n  }\n\n  :host(:active) {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n`)\nclass Dragbox extends GlobalStyle {\n  /**\n   * Offset parent or document.body.\n   */\n  get _offsetParent(): Element {\n    return this.offsetParent ?? document.body;\n  }\n\n  private __drag = false;\n  private __t: number;\n  private __l: number;\n  private __x: number;\n  private __y: number;\n\n  /**\n   * Position x.\n   */\n  @property()\n  x: string;\n\n  /**\n   * Position y.\n   */\n  @property()\n  y: string;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        @mousedown=\"${this._handleDragStart}\"\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n\n  protected firstUpdated(): void {\n    this.reset();\n  }\n\n  protected _handleDragStart(e: MouseEvent): void {\n    this.__x = e.x;\n    this.__y = e.y;\n    const parentRect = this._offsetParent.getBoundingClientRect();\n    const rect = this.getBoundingClientRect();\n    this.__t = rect.top - parentRect.top;\n    this.__l = rect.left - parentRect.left;\n    this.__drag = true;\n    this.__handleMouseMove = this.events.add(document, \"mousemove\", this._handleDrag.bind(this));\n    this.__handleMouseLeave = this.events.add(document, \"mouseleave\", this._handleDragEnd.bind(this));\n    this.__handleMouseUp = this.events.add(document, \"mouseup\", this._handleDragEnd.bind(this));\n  }\n\n  private __handleMouseMove: EventListenerFunc;\n  private __handleMouseLeave: EventListenerFunc;\n  private __handleMouseUp: EventListenerFunc;\n\n  protected _handleDragEnd(): void {\n    this.__drag = false;\n    this.events.remove(document, \"mousemove\", this.__handleMouseMove);\n    this.events.remove(document, \"mouseleave\", this.__handleMouseLeave);\n    this.events.remove(document, \"mouseup\", this.__handleMouseUp);\n  }\n\n  protected _handleDrag(e: MouseEvent): void {\n    if (!this.__drag) {\n      return;\n    }\n    const { __x, __y, __l, __t, style } = this;\n    const { height: parentHeight, width: parentWidth } = this._offsetParent.getBoundingClientRect();\n    const { width, height } = this.getBoundingClientRect();\n    const l = e.x - (__x - __l);\n    const t = e.y - (__y - __t);\n    if (l < 0) {\n      style.left = \"0\";\n    } else if (l < parentWidth - width) {\n      style.left = `${l}px`;\n    } else {\n      style.left = `${parentWidth - width}px`;\n    }\n    if (t < 0) {\n      style.top = \"0\";\n    } else if (t < parentHeight - height) {\n      style.top = `${t}px`;\n    } else {\n      style.top = `${parentHeight - height}px`;\n    }\n  }\n\n  reset(): void {\n    const { x, y, style, offsetWidth, offsetHeight, offsetLeft, offsetTop } = this;\n    const { height: parentHeight, width: parentWidth } = this._offsetParent.getBoundingClientRect();\n\n    style.left = x || \"0\";\n    style.top = y || \"0\";\n    if (offsetLeft > parentWidth - offsetWidth) {\n      style.left = `${parentWidth - offsetWidth}px`;\n    }\n    if (offsetTop > parentHeight - offsetHeight) {\n      style.top = `${parentHeight - offsetHeight}px`;\n    }\n  }\n}\n\nexport default Dragbox;\nexport { Dragbox };\n"],"version":3,"file":"component.d.ts"}
+{"mappings":"AACA,cAAc,sBAAiC;AAG/C,SAAS,mBAAmB;;;;;;;AAU5B,cAYM,gBAAgB,YAAY;;;;CAIhC,IAAI,iBAAiB;CAIrB,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;;;;CAKR,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;CAYnC,UAAU;CAIV,UAAU,iBAAiB,GAAG;CAa9B,QAAQ;CACR,QAAQ;CACR,QAAQ;CAER,UAAU;CAOV,UAAU,YAAY,GAAG;CAyBzB;;AAeF,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/dragbox/component.ts"],"sourcesContent":["import { type EventListenerFunc, attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"dragbox\";\n\n/**\n * {@linkcode Dragbox} moves with the mouse and does not exceed the boundary of offsetParent.\n *\n * @slot - Dragbox content.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    position: absolute;\n    display: block;\n  }\n\n  :host(:active) {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n`)\nclass Dragbox extends GlobalStyle {\n  /**\n   * Offset parent or document.body.\n   */\n  get _offsetParent(): Element {\n    return this.offsetParent ?? document.body;\n  }\n\n  private __drag = false;\n  private __t: number;\n  private __l: number;\n  private __x: number;\n  private __y: number;\n\n  /**\n   * Position x.\n   */\n  @property()\n  x: string;\n\n  /**\n   * Position y.\n   */\n  @property()\n  y: string;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        @mousedown=\"${this._handleDragStart}\"\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n\n  protected firstUpdated(): void {\n    this.reset();\n  }\n\n  protected _handleDragStart(e: MouseEvent): void {\n    this.__x = e.x;\n    this.__y = e.y;\n    const parentRect = this._offsetParent.getBoundingClientRect();\n    const rect = this.getBoundingClientRect();\n    this.__t = rect.top - parentRect.top;\n    this.__l = rect.left - parentRect.left;\n    this.__drag = true;\n    this.__handleMouseMove = this.events.add(document, \"mousemove\", this._handleDrag.bind(this));\n    this.__handleMouseLeave = this.events.add(document, \"mouseleave\", this._handleDragEnd.bind(this));\n    this.__handleMouseUp = this.events.add(document, \"mouseup\", this._handleDragEnd.bind(this));\n  }\n\n  private __handleMouseMove: EventListenerFunc;\n  private __handleMouseLeave: EventListenerFunc;\n  private __handleMouseUp: EventListenerFunc;\n\n  protected _handleDragEnd(): void {\n    this.__drag = false;\n    this.events.remove(document, \"mousemove\", this.__handleMouseMove);\n    this.events.remove(document, \"mouseleave\", this.__handleMouseLeave);\n    this.events.remove(document, \"mouseup\", this.__handleMouseUp);\n  }\n\n  protected _handleDrag(e: MouseEvent): void {\n    if (!this.__drag) {\n      return;\n    }\n    const { __x, __y, __l, __t, style } = this;\n    const { height: parentHeight, width: parentWidth } = this._offsetParent.getBoundingClientRect();\n    const { width, height } = this.getBoundingClientRect();\n    const l = e.x - (__x - __l);\n    const t = e.y - (__y - __t);\n    if (l < 0) {\n      style.left = \"0\";\n    } else if (l < parentWidth - width) {\n      style.left = `${l}px`;\n    } else {\n      style.left = `${parentWidth - width}px`;\n    }\n    if (t < 0) {\n      style.top = \"0\";\n    } else if (t < parentHeight - height) {\n      style.top = `${t}px`;\n    } else {\n      style.top = `${parentHeight - height}px`;\n    }\n  }\n\n  reset(): void {\n    const { x, y, style, offsetWidth, offsetHeight, offsetLeft, offsetTop } = this;\n    const { height: parentHeight, width: parentWidth } = this._offsetParent.getBoundingClientRect();\n\n    style.left = x || \"0\";\n    style.top = y || \"0\";\n    if (offsetLeft > parentWidth - offsetWidth) {\n      style.left = `${parentWidth - offsetWidth}px`;\n    }\n    if (offsetTop > parentHeight - offsetHeight) {\n      style.top = `${parentHeight - offsetHeight}px`;\n    }\n  }\n}\n\nexport default Dragbox;\nexport { Dragbox };\n"],"version":3,"file":"component.d.ts"}

package/build/web-components/dragbox/component.js

@@ -1,3 +1,3 @@
-import{godown,styles,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`dragbox`;let Dragbox=class e extends GlobalStyle{constructor(...e){super(...e),this.__drag=!1}get _offsetParent(){return this.offsetParent??document.body}render(){return html`<div part="root" ${attr(this.observedRecord)} @mousedown="${this._handleDragStart}"> ${htmlSlot()} </div>`}firstUpdated(){this.reset()}_handleDragStart(e){this.__x=e.x,this.__y=e.y;let t=this._offsetParent.getBoundingClientRect(),n=this.getBoundingClientRect();this.__t=n.top-t.top,this.__l=n.left-t.left,this.__drag=!0,this.__handleMouseMove=this.events.add(document,`mousemove`,this._handleDrag.bind(this)),this.__handleMouseLeave=this.events.add(document,`mouseleave`,this._handleDragEnd.bind(this)),this.__handleMouseUp=this.events.add(document,`mouseup`,this._handleDragEnd.bind(this))}_handleDragEnd(){this.__drag=!1,this.events.remove(document,`mousemove`,this.__handleMouseMove),this.events.remove(document,`mouseleave`,this.__handleMouseLeave),this.events.remove(document,`mouseup`,this.__handleMouseUp)}_handleDrag(e){if(!this.__drag)return;let{__x:t,__y:n,__l:r,__t:i,style:a}=this,{height:o,width:s}=this._offsetParent.getBoundingClientRect(),{width:c,height:l}=this.getBoundingClientRect(),u=e.x-(t-r),d=e.y-(n-i);u<0?a.left=`0`:u<s-c?a.left=`${u}px`:a.left=`${s-c}px`,d<0?a.top=`0`:d<o-l?a.top=`${d}px`:a.top=`${o-l}px`}reset(){let{x:e,y:t,style:n,offsetWidth:r,offsetHeight:i,offsetLeft:a,offsetTop:o}=this,{height:s,width:c}=this._offsetParent.getBoundingClientRect();n.left=e||`0`,n.top=t||`0`,a>c-r&&(n.left=`${c-r}px`),o>s-i&&(n.top=`${s-i}px`)}};_decorate([property()],Dragbox.prototype,`x`,void 0),_decorate([property()],Dragbox.prototype,`y`,void 0),Dragbox=_decorate([godown(protoName),styles(css`:host{position:absolute;display:block}:host(:active){-webkit-user-select:none;user-select:none}
-`)],Dragbox);var Dragbox$1=Dragbox;export{Dragbox,Dragbox$1 as default};
+import{godown as e,styles as t,attr as n,htmlSlot as r}from"@godown/element";import{css as i,html as a}from"lit";import{property as o}from"lit/decorators.js";import{GlobalStyle as s}from"../../internal/global-style.js";import c from"@oxc-project/runtime/helpers/decorate";const l=`dragbox`;let u=class e extends s{constructor(...e){super(...e),this.__drag=!1}get _offsetParent(){return this.offsetParent??document.body}render(){return a`<div part="root" ${n(this.observedRecord)} @mousedown="${this._handleDragStart}"> ${r()} </div>`}firstUpdated(){this.reset()}_handleDragStart(e){this.__x=e.x,this.__y=e.y;let t=this._offsetParent.getBoundingClientRect(),n=this.getBoundingClientRect();this.__t=n.top-t.top,this.__l=n.left-t.left,this.__drag=!0,this.__handleMouseMove=this.events.add(document,`mousemove`,this._handleDrag.bind(this)),this.__handleMouseLeave=this.events.add(document,`mouseleave`,this._handleDragEnd.bind(this)),this.__handleMouseUp=this.events.add(document,`mouseup`,this._handleDragEnd.bind(this))}_handleDragEnd(){this.__drag=!1,this.events.remove(document,`mousemove`,this.__handleMouseMove),this.events.remove(document,`mouseleave`,this.__handleMouseLeave),this.events.remove(document,`mouseup`,this.__handleMouseUp)}_handleDrag(e){if(!this.__drag)return;let{__x:t,__y:n,__l:r,__t:i,style:a}=this,{height:o,width:s}=this._offsetParent.getBoundingClientRect(),{width:c,height:l}=this.getBoundingClientRect(),u=e.x-(t-r),d=e.y-(n-i);u<0?a.left=`0`:u<s-c?a.left=`${u}px`:a.left=`${s-c}px`,d<0?a.top=`0`:d<o-l?a.top=`${d}px`:a.top=`${o-l}px`}reset(){let{x:e,y:t,style:n,offsetWidth:r,offsetHeight:i,offsetLeft:a,offsetTop:o}=this,{height:s,width:c}=this._offsetParent.getBoundingClientRect();n.left=e||`0`,n.top=t||`0`,a>c-r&&(n.left=`${c-r}px`),o>s-i&&(n.top=`${s-i}px`)}};c([o()],u.prototype,`x`,void 0),c([o()],u.prototype,`y`,void 0),u=c([e(`dragbox`),t(i`:host{position:absolute;display:block}:host(:active){-webkit-user-select:none;user-select:none}
+`)],u);var d=u;export{u as Dragbox,d as default};
 //# sourceMappingURL=component.js.map

package/build/web-components/dragbox/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/web-components/dragbox/component.ts"],"sourcesContent":["import { type EventListenerFunc, attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"dragbox\";\n\n/**\n * {@linkcode Dragbox} moves with the mouse and does not exceed the boundary of offsetParent.\n *\n * @slot - Dragbox content.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    position: absolute;\n    display: block;\n  }\n\n  :host(:active) {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n`)\nclass Dragbox extends GlobalStyle {\n  /**\n   * Offset parent or document.body.\n   */\n  get _offsetParent(): Element {\n    return this.offsetParent ?? document.body;\n  }\n\n  private __drag = false;\n  private __t: number;\n  private __l: number;\n  private __x: number;\n  private __y: number;\n\n  /**\n   * Position x.\n   */\n  @property()\n  x: string;\n\n  /**\n   * Position y.\n   */\n  @property()\n  y: string;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        @mousedown=\"${this._handleDragStart}\"\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n\n  protected firstUpdated(): void {\n    this.reset();\n  }\n\n  protected _handleDragStart(e: MouseEvent): void {\n    this.__x = e.x;\n    this.__y = e.y;\n    const parentRect = this._offsetParent.getBoundingClientRect();\n    const rect = this.getBoundingClientRect();\n    this.__t = rect.top - parentRect.top;\n    this.__l = rect.left - parentRect.left;\n    this.__drag = true;\n    this.__handleMouseMove = this.events.add(document, \"mousemove\", this._handleDrag.bind(this));\n    this.__handleMouseLeave = this.events.add(document, \"mouseleave\", this._handleDragEnd.bind(this));\n    this.__handleMouseUp = this.events.add(document, \"mouseup\", this._handleDragEnd.bind(this));\n  }\n\n  private __handleMouseMove: EventListenerFunc;\n  private __handleMouseLeave: EventListenerFunc;\n  private __handleMouseUp: EventListenerFunc;\n\n  protected _handleDragEnd(): void {\n    this.__drag = false;\n    this.events.remove(document, \"mousemove\", this.__handleMouseMove);\n    this.events.remove(document, \"mouseleave\", this.__handleMouseLeave);\n    this.events.remove(document, \"mouseup\", this.__handleMouseUp);\n  }\n\n  protected _handleDrag(e: MouseEvent): void {\n    if (!this.__drag) {\n      return;\n    }\n    const { __x, __y, __l, __t, style } = this;\n    const { height: parentHeight, width: parentWidth } = this._offsetParent.getBoundingClientRect();\n    const { width, height } = this.getBoundingClientRect();\n    const l = e.x - (__x - __l);\n    const t = e.y - (__y - __t);\n    if (l < 0) {\n      style.left = \"0\";\n    } else if (l < parentWidth - width) {\n      style.left = `${l}px`;\n    } else {\n      style.left = `${parentWidth - width}px`;\n    }\n    if (t < 0) {\n      style.top = \"0\";\n    } else if (t < parentHeight - height) {\n      style.top = `${t}px`;\n    } else {\n      style.top = `${parentHeight - height}px`;\n    }\n  }\n\n  reset(): void {\n    const { x, y, style, offsetWidth, offsetHeight, offsetLeft, offsetTop } = this;\n    const { height: parentHeight, width: parentWidth } = this._offsetParent.getBoundingClientRect();\n\n    style.left = x || \"0\";\n    style.top = y || \"0\";\n    if (offsetLeft > parentWidth - offsetWidth) {\n      style.left = `${parentWidth - offsetWidth}px`;\n    }\n    if (offsetTop > parentHeight - offsetHeight) {\n      style.top = `${parentHeight - offsetHeight}px`;\n    }\n  }\n}\n\nexport default Dragbox;\nexport { Dragbox };\n"],"names":["Dragbox","e: MouseEvent","parentRect","rect","parentHeight","parentWidth","l","__x","__l","t","__y","__t","style","width","height","x","y","offsetLeft","offsetWidth","offsetTop","offsetHeight"],"mappings":"uSAMA,MAAM,UAAY,UAQlB,IAAA,QAAA,MAYMA,UAAgB,WAAY,oCAQxB,OAAS,GAJjB,IAAI,eAAyB,CAC3B,OAAO,KAAK,cAAgB,SAAS,IACtC,CAoBS,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,aACf,EAAE,KAAK,iBAAiB,GAEpC,EAAE,UAAU,CAAA,OAEhB,CAAC,AACF,CAES,cAAqB,CAC7B,KAAK,OAAO,AACb,CAES,iBAAiBC,EAAqB,CAC9C,KAAK,IAAM,EAAE,EACb,KAAK,IAAM,EAAE,EACb,IAAMC,EAAa,KAAK,cAAc,uBAAuB,CACvDC,EAAO,KAAK,uBAAuB,CACzC,KAAK,IAAMA,EAAK,IAAMD,EAAW,IACjC,KAAK,IAAMC,EAAK,KAAOD,EAAW,KAClC,KAAK,OAAS,GACd,KAAK,kBAAoB,KAAK,OAAO,IAAI,SAAU,YAAa,KAAK,YAAY,KAAK,KAAK,CAAC,CAC5F,KAAK,mBAAqB,KAAK,OAAO,IAAI,SAAU,aAAc,KAAK,eAAe,KAAK,KAAK,CAAC,CACjG,KAAK,gBAAkB,KAAK,OAAO,IAAI,SAAU,UAAW,KAAK,eAAe,KAAK,KAAK,CAAC,AAC5F,CAMS,gBAAuB,CAC/B,KAAK,OAAS,GACd,KAAK,OAAO,OAAO,SAAU,YAAa,KAAK,kBAAkB,CACjE,KAAK,OAAO,OAAO,SAAU,aAAc,KAAK,mBAAmB,CACnE,KAAK,OAAO,OAAO,SAAU,UAAW,KAAK,gBAAgB,AAC9D,CAES,YAAYD,EAAqB,CACzC,GAAI,CAAC,KAAK,OACR,OAEF,GAAM,CAAE,MAAK,MAAK,MAAK,MAAK,QAAO,CAAG,KAChC,CAAE,OAAQG,EAAc,MAAOC,EAAa,CAAG,KAAK,cAAc,uBAAuB,CACzF,CAAE,QAAO,SAAQ,CAAG,KAAK,uBAAuB,CAChDC,EAAI,EAAE,GAAKC,EAAMC,GACjBC,EAAI,EAAE,GAAKC,EAAMC,GACnBL,EAAI,EACNM,EAAM,KAAO,IACJN,EAAID,EAAcQ,EAC3BD,EAAM,KAAO,GAAGN,EAAE,EAAE,CAAC,CAErBM,EAAM,KAAO,GAAGP,EAAcQ,EAAM,EAAE,CAAC,CAErCJ,EAAI,EACNG,EAAM,IAAM,IACHH,EAAIL,EAAeU,EAC5BF,EAAM,IAAM,GAAGH,EAAE,EAAE,CAAC,CAEpBG,EAAM,IAAM,GAAGR,EAAeU,EAAO,EAAE,CAAC,AAE3C,CAED,OAAc,CACZ,GAAM,CAAE,IAAG,IAAG,QAAO,cAAa,eAAc,aAAY,YAAW,CAAG,KACpE,CAAE,OAAQV,EAAc,MAAOC,EAAa,CAAG,KAAK,cAAc,uBAAuB,CAE/FO,EAAM,KAAOG,GAAK,IAClBH,EAAM,IAAMI,GAAK,IACbC,EAAaZ,EAAca,IAC7BN,EAAM,KAAO,GAAGP,EAAca,EAAY,EAAE,CAAC,EAE3CC,EAAYf,EAAegB,IAC7BR,EAAM,IAAM,GAAGR,EAAegB,EAAa,EAAE,CAAC,CAEjD,CACF,aAvFE,UAAU,AAAA,EAAA,QAAA,UAAA,IAAA,OAAA,YAMV,UAAU,AAAA,EAAA,QAAA,UAAA,IAAA,OAAA,CAnCZ,QAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AAUZ,CAAC,CAAC,AAAA,EAAA,QAAA,CA2GF,IAAA,UAAe"}
+{"version":3,"file":"component.js","sources":["../../../src/web-components/dragbox/component.ts"],"sourcesContent":["import { type EventListenerFunc, attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"dragbox\";\n\n/**\n * {@linkcode Dragbox} moves with the mouse and does not exceed the boundary of offsetParent.\n *\n * @slot - Dragbox content.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    position: absolute;\n    display: block;\n  }\n\n  :host(:active) {\n    -webkit-user-select: none;\n    user-select: none;\n  }\n`)\nclass Dragbox extends GlobalStyle {\n  /**\n   * Offset parent or document.body.\n   */\n  get _offsetParent(): Element {\n    return this.offsetParent ?? document.body;\n  }\n\n  private __drag = false;\n  private __t: number;\n  private __l: number;\n  private __x: number;\n  private __y: number;\n\n  /**\n   * Position x.\n   */\n  @property()\n  x: string;\n\n  /**\n   * Position y.\n   */\n  @property()\n  y: string;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        @mousedown=\"${this._handleDragStart}\"\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n\n  protected firstUpdated(): void {\n    this.reset();\n  }\n\n  protected _handleDragStart(e: MouseEvent): void {\n    this.__x = e.x;\n    this.__y = e.y;\n    const parentRect = this._offsetParent.getBoundingClientRect();\n    const rect = this.getBoundingClientRect();\n    this.__t = rect.top - parentRect.top;\n    this.__l = rect.left - parentRect.left;\n    this.__drag = true;\n    this.__handleMouseMove = this.events.add(document, \"mousemove\", this._handleDrag.bind(this));\n    this.__handleMouseLeave = this.events.add(document, \"mouseleave\", this._handleDragEnd.bind(this));\n    this.__handleMouseUp = this.events.add(document, \"mouseup\", this._handleDragEnd.bind(this));\n  }\n\n  private __handleMouseMove: EventListenerFunc;\n  private __handleMouseLeave: EventListenerFunc;\n  private __handleMouseUp: EventListenerFunc;\n\n  protected _handleDragEnd(): void {\n    this.__drag = false;\n    this.events.remove(document, \"mousemove\", this.__handleMouseMove);\n    this.events.remove(document, \"mouseleave\", this.__handleMouseLeave);\n    this.events.remove(document, \"mouseup\", this.__handleMouseUp);\n  }\n\n  protected _handleDrag(e: MouseEvent): void {\n    if (!this.__drag) {\n      return;\n    }\n    const { __x, __y, __l, __t, style } = this;\n    const { height: parentHeight, width: parentWidth } = this._offsetParent.getBoundingClientRect();\n    const { width, height } = this.getBoundingClientRect();\n    const l = e.x - (__x - __l);\n    const t = e.y - (__y - __t);\n    if (l < 0) {\n      style.left = \"0\";\n    } else if (l < parentWidth - width) {\n      style.left = `${l}px`;\n    } else {\n      style.left = `${parentWidth - width}px`;\n    }\n    if (t < 0) {\n      style.top = \"0\";\n    } else if (t < parentHeight - height) {\n      style.top = `${t}px`;\n    } else {\n      style.top = `${parentHeight - height}px`;\n    }\n  }\n\n  reset(): void {\n    const { x, y, style, offsetWidth, offsetHeight, offsetLeft, offsetTop } = this;\n    const { height: parentHeight, width: parentWidth } = this._offsetParent.getBoundingClientRect();\n\n    style.left = x || \"0\";\n    style.top = y || \"0\";\n    if (offsetLeft > parentWidth - offsetWidth) {\n      style.left = `${parentWidth - offsetWidth}px`;\n    }\n    if (offsetTop > parentHeight - offsetHeight) {\n      style.top = `${parentHeight - offsetHeight}px`;\n    }\n  }\n}\n\nexport default Dragbox;\nexport { Dragbox };\n"],"names":["protoName","Dragbox","GlobalStyle","attr","htmlSlot","parentRect","rect","parentHeight","parentWidth","l","__x","__l","t","__y","__t","width","height","x","y","offsetLeft","offsetWidth","offsetTop","offsetHeight","_decorate","property","godown","styles","Dragbox$1"],"mappings":"gRAMA,MAAMA,EAAY,UAQlB,IAAAC,EAAA,MAYMA,UAAgBC,CAAY,oCAQxB,OAAS,GAJjB,IAAI,eAAyB,CAC3B,OAAO,KAAK,cAAgB,SAAS,KAqB7B,QAA4B,CACpC,MAAO,EAAI,oBAGLC,EAAK,KAAK,gBAAA,eACE,KAAK,iBAAiB,KAElCC,IAAA,SAKE,cAAqB,CAC7B,KAAK,QAGG,iBAAiB,EAAqB,CAC9C,KAAK,IAAM,EAAE,EACb,KAAK,IAAM,EAAE,EACb,IAAMC,EAAa,KAAK,cAAc,wBAChCC,EAAO,KAAK,wBAClB,KAAK,IAAMA,EAAK,IAAMD,EAAW,IACjC,KAAK,IAAMC,EAAK,KAAOD,EAAW,KAClC,KAAK,OAAS,GACd,KAAK,kBAAoB,KAAK,OAAO,IAAI,SAAU,YAAa,KAAK,YAAY,KAAK,OACtF,KAAK,mBAAqB,KAAK,OAAO,IAAI,SAAU,aAAc,KAAK,eAAe,KAAK,OAC3F,KAAK,gBAAkB,KAAK,OAAO,IAAI,SAAU,UAAW,KAAK,eAAe,KAAK,OAO7E,gBAAuB,CAC/B,KAAK,OAAS,GACd,KAAK,OAAO,OAAO,SAAU,YAAa,KAAK,mBAC/C,KAAK,OAAO,OAAO,SAAU,aAAc,KAAK,oBAChD,KAAK,OAAO,OAAO,SAAU,UAAW,KAAK,iBAGrC,YAAY,EAAqB,CACzC,GAAI,CAAC,KAAK,OACR,OAEF,GAAM,CAAE,MAAK,MAAK,MAAK,MAAK,SAAU,KAChC,CAAE,OAAQE,EAAc,MAAOC,GAAgB,KAAK,cAAc,wBAClE,CAAE,QAAO,UAAW,KAAK,wBACzBC,EAAI,EAAE,GAAKC,EAAMC,GACjBC,EAAI,EAAE,GAAKC,EAAMC,GACnBL,EAAI,EACN,EAAM,KAAO,IACJA,EAAID,EAAcO,EAC3B,EAAM,KAAO,GAAGN,EAAE,IAElB,EAAM,KAAO,GAAGD,EAAcO,EAAM,IAElCH,EAAI,EACN,EAAM,IAAM,IACHA,EAAIL,EAAeS,EAC5B,EAAM,IAAM,GAAGJ,EAAE,IAEjB,EAAM,IAAM,GAAGL,EAAeS,EAAO,IAIzC,OAAc,CACZ,GAAM,CAAE,IAAG,IAAG,QAAO,cAAa,eAAc,aAAY,aAAc,KACpE,CAAE,OAAQT,EAAc,MAAOC,GAAgB,KAAK,cAAc,wBAExE,EAAM,KAAOS,GAAK,IAClB,EAAM,IAAMC,GAAK,IACbC,EAAaX,EAAcY,IAC7B,EAAM,KAAO,GAAGZ,EAAcY,EAAY,KAExCC,EAAYd,EAAee,IAC7B,EAAM,IAAM,GAAGf,EAAee,EAAa,OApF9CC,EAAA,CAAAC,KAAAvB,EAAA,UAAA,IAAA,QAMAsB,EAAA,CAAAC,KAAAvB,EAAA,UAAA,IAAA,aAnCFwB,EAAO,WACPC,EAAO,CAAG;OAqHX,IAAAC,EAAe1B"}

package/build/web-components/dragbox/definition.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAAA,OAAO,aAAa,gBAAiB;AAIrC,eAAe;eAEA;WACH,sBAAsB;EAC9B,kBAAkB;CACnB;AACF","names":[],"sources":["../../../../src/web-components/dragbox/definition.ts"],"sourcesContent":["import Dragbox from \"./component.js\";\n\nDragbox.define();\n\nexport default Dragbox;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-dragbox\": Dragbox;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}
+{"mappings":"AAAA,OAAO,aAAa;AAIpB,eAAe;eAEA;WACH,sBAAsB;EAC9B,kBAAkB","names":[],"sources":["../../../../src/web-components/dragbox/definition.ts"],"sourcesContent":["import Dragbox from \"./component.js\";\n\nDragbox.define();\n\nexport default Dragbox;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-dragbox\": Dragbox;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/build/web-components/dragbox/definition.js

@@ -1,2 +1,2 @@
-import Dragbox from"./component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";Dragbox.define();export{Dragbox as default};
+import e from"./component.js";e.define();export{e as default};
 //# sourceMappingURL=definition.js.map

package/build/web-components/dragbox/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../../src/web-components/dragbox/definition.ts"],"sourcesContent":["import Dragbox from \"./component.js\";\n\nDragbox.define();\n\nexport default Dragbox;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-dragbox\": Dragbox;\n  }\n}\n"],"names":[],"mappings":"8OAEA,QAAQ,QAAQ"}
+{"version":3,"file":"definition.js","sources":["../../../src/web-components/dragbox/definition.ts"],"sourcesContent":["import Dragbox from \"./component.js\";\n\nDragbox.define();\n\nexport default Dragbox;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-dragbox\": Dragbox;\n  }\n}\n"],"names":["Dragbox"],"mappings":"8BAEAA,EAAQ"}

package/build/web-components/flex/component.d.ts.map

@@ -1 +1 @@
-{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;AAU7D,cAWM,aAAa,YAAY;;;;CAI7B,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA;CAiBA,UAAU,UAAU,eAAe;AAUpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/flex/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"flex\";\n\n/**\n * {@linkcode Flex} provides flex layout.\n *\n * @slot - Flex items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: flex;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Flex extends GlobalStyle {\n  /**\n   * CSS property `flex-flow` (`flex-direction flex-wrap`).\n   */\n  @property({ attribute: \"flex-flow\" })\n  flexFlow: string;\n\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `justify-content`.\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `align-items`.\n   */\n  @property()\n  items: string;\n\n  /**\n   * If true, set flex-direction to \"column\".\n   */\n  @property({ type: Boolean })\n  vertical = false;\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () => ({\n        \":host\": {\n          gap: this.gap,\n          \"flex-flow\": this.flexFlow,\n          \"flex-direction\": this.vertical && \"column\",\n          \"align-items\": this.items,\n          \"justify-content\": this.content,\n        },\n      }),\n      () => [this.gap, this.flexFlow, this.vertical, this.items, this.content],\n    );\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default Flex;\nexport { Flex };\n"],"version":3,"file":"component.d.ts"}
+{"mappings":"AACA,cAAc,sBAAiC;AAG/C,SAAS,mBAAmB;;;;;;;AAU5B,cAWM,aAAa,YAAY;;;;CAI7B,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA;CAiBA,UAAU,UAAU,eAAe;;AAYrC,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/flex/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"flex\";\n\n/**\n * {@linkcode Flex} provides flex layout.\n *\n * @slot - Flex items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: flex;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Flex extends GlobalStyle {\n  /**\n   * CSS property `flex-flow` (`flex-direction flex-wrap`).\n   */\n  @property({ attribute: \"flex-flow\" })\n  flexFlow: string;\n\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `justify-content`.\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `align-items`.\n   */\n  @property()\n  items: string;\n\n  /**\n   * If true, set flex-direction to \"column\".\n   */\n  @property({ type: Boolean })\n  vertical = false;\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () => ({\n        \":host\": {\n          gap: this.gap,\n          \"flex-flow\": this.flexFlow,\n          \"flex-direction\": this.vertical && \"column\",\n          \"align-items\": this.items,\n          \"justify-content\": this.content,\n        },\n      }),\n      () => [this.gap, this.flexFlow, this.vertical, this.items, this.content],\n    );\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default Flex;\nexport { Flex };\n"],"version":3,"file":"component.d.ts"}

package/build/web-components/flex/component.js

@@ -1,3 +1,3 @@
-import{godown,styles,StyleController,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`flex`;let Flex=class e extends GlobalStyle{constructor(){super(),this.vertical=!1,new StyleController(this,()=>({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&`column`,"align-items":this.items,"justify-content":this.content}}),()=>[this.gap,this.flexFlow,this.vertical,this.items,this.content])}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot()} </div>`}};_decorate([property({attribute:`flex-flow`})],Flex.prototype,`flexFlow`,void 0),_decorate([property()],Flex.prototype,`gap`,void 0),_decorate([property()],Flex.prototype,`content`,void 0),_decorate([property()],Flex.prototype,`items`,void 0),_decorate([property({type:Boolean})],Flex.prototype,`vertical`,void 0),Flex=_decorate([godown(protoName),styles(css`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}
-`)],Flex);var Flex$1=Flex;export{Flex,Flex$1 as default};
+import{godown as e,styles as t,StyleController as n,attr as r,htmlSlot as i}from"@godown/element";import{css as a,html as o}from"lit";import{property as s}from"lit/decorators.js";import{GlobalStyle as c}from"../../internal/global-style.js";import l from"@oxc-project/runtime/helpers/decorate";const u=`flex`;let d=class e extends c{constructor(){super(),this.vertical=!1,new n(this,()=>({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&`column`,"align-items":this.items,"justify-content":this.content}}),()=>[this.gap,this.flexFlow,this.vertical,this.items,this.content])}render(){return o`<div part="root" ${r(this.observedRecord)}> ${i()} </div>`}};l([s({attribute:`flex-flow`})],d.prototype,`flexFlow`,void 0),l([s()],d.prototype,`gap`,void 0),l([s()],d.prototype,`content`,void 0),l([s()],d.prototype,`items`,void 0),l([s({type:Boolean})],d.prototype,`vertical`,void 0),d=l([e(`flex`),t(a`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}
+`)],d);var f=d;export{d as Flex,f as default};
 //# sourceMappingURL=component.js.map

package/build/web-components/flex/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../src/web-components/flex/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"flex\";\n\n/**\n * {@linkcode Flex} provides flex layout.\n *\n * @slot - Flex items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: flex;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Flex extends GlobalStyle {\n  /**\n   * CSS property `flex-flow` (`flex-direction flex-wrap`).\n   */\n  @property({ attribute: \"flex-flow\" })\n  flexFlow: string;\n\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `justify-content`.\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `align-items`.\n   */\n  @property()\n  items: string;\n\n  /**\n   * If true, set flex-direction to \"column\".\n   */\n  @property({ type: Boolean })\n  vertical = false;\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () => ({\n        \":host\": {\n          gap: this.gap,\n          \"flex-flow\": this.flexFlow,\n          \"flex-direction\": this.vertical && \"column\",\n          \"align-items\": this.items,\n          \"justify-content\": this.content,\n        },\n      }),\n      () => [this.gap, this.flexFlow, this.vertical, this.items, this.content],\n    );\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default Flex;\nexport { Flex };\n"],"names":["Flex"],"mappings":"uTAMA,MAAM,UAAY,OAQlB,IAAA,KAAA,MAWMA,UAAa,WAAY,CA+B7B,aAAc,CACZ,OAAO,MAHT,SAAW,GAIT,IAAI,gBACF,KACA,KAAO,CACL,QAAS,CACP,IAAK,KAAK,IACV,YAAa,KAAK,SAClB,iBAAkB,KAAK,UAAY,SACnC,cAAe,KAAK,MACpB,kBAAmB,KAAK,OACzB,IAEH,IAAM,CAAC,KAAK,IAAK,KAAK,SAAU,KAAK,SAAU,KAAK,MAAO,KAAK,OAAQ,EAE3E,CAES,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,UAAU,CAAA,OAEhB,CAAC,AACF,CACF,aAtDE,SAAS,CAAE,UAAW,WAAa,EAAC,AAAA,EAAA,KAAA,UAAA,WAAA,OAAA,YAMpC,UAAU,AAAA,EAAA,KAAA,UAAA,MAAA,OAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,UAAA,OAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,QAAA,OAAA,YAMV,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,WAAA,OAAA,CAvC7B,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AASZ,CAAC,CAAC,AAAA,EAAA,KAAA,CA6DF,IAAA,OAAe"}
+{"version":3,"file":"component.js","sources":["../../../src/web-components/flex/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"flex\";\n\n/**\n * {@linkcode Flex} provides flex layout.\n *\n * @slot - Flex items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: flex;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Flex extends GlobalStyle {\n  /**\n   * CSS property `flex-flow` (`flex-direction flex-wrap`).\n   */\n  @property({ attribute: \"flex-flow\" })\n  flexFlow: string;\n\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `justify-content`.\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `align-items`.\n   */\n  @property()\n  items: string;\n\n  /**\n   * If true, set flex-direction to \"column\".\n   */\n  @property({ type: Boolean })\n  vertical = false;\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () => ({\n        \":host\": {\n          gap: this.gap,\n          \"flex-flow\": this.flexFlow,\n          \"flex-direction\": this.vertical && \"column\",\n          \"align-items\": this.items,\n          \"justify-content\": this.content,\n        },\n      }),\n      () => [this.gap, this.flexFlow, this.vertical, this.items, this.content],\n    );\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default Flex;\nexport { Flex };\n"],"names":["protoName","Flex","GlobalStyle","StyleController","attr","htmlSlot","_decorate","property","godown","styles","Flex$1"],"mappings":"qSAMA,MAAMA,EAAY,OAQlB,IAAAC,EAAA,MAWMA,UAAaC,CAAY,CA+B7B,aAAc,CACZ,aAHF,SAAW,GAIT,IAAIC,EACF,UACO,CACL,QAAS,CACP,IAAK,KAAK,IACV,YAAa,KAAK,SAClB,iBAAkB,KAAK,UAAY,SACnC,cAAe,KAAK,MACpB,kBAAmB,KAAK,eAGtB,CAAC,KAAK,IAAK,KAAK,SAAU,KAAK,SAAU,KAAK,MAAO,KAAK,UAI1D,QAA4B,CACpC,MAAO,EAAI,oBAGLC,EAAK,KAAK,gBAAA,IAEVC,IAAA,WAlDPC,EAAA,CAAAC,EAAS,CAAE,UAAW,eAAAN,EAAA,UAAA,WAAA,QAMtBK,EAAA,CAAAC,KAAAN,EAAA,UAAA,MAAA,QAMAK,EAAA,CAAAC,KAAAN,EAAA,UAAA,UAAA,QAMAK,EAAA,CAAAC,KAAAN,EAAA,UAAA,QAAA,QAMAK,EAAA,CAAAC,EAAS,CAAE,KAAM,WAAAN,EAAA,UAAA,WAAA,aAvCnBO,EAAO,QACPC,EAAO,CAAG;OAsEX,IAAAC,EAAeT"}

package/build/web-components/flex/definition.d.ts.map

@@ -1 +1 @@
-{"mappings":"AAAA,OAAO,UAAU,gBAAiB;AAIlC,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe;CAChB;AACF","names":[],"sources":["../../../../src/web-components/flex/definition.ts"],"sourcesContent":["import Flex from \"./component.js\";\n\nFlex.define();\n\nexport default Flex;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-flex\": Flex;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}
+{"mappings":"AAAA,OAAO,UAAU;AAIjB,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe","names":[],"sources":["../../../../src/web-components/flex/definition.ts"],"sourcesContent":["import Flex from \"./component.js\";\n\nFlex.define();\n\nexport default Flex;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-flex\": Flex;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/build/web-components/flex/definition.js

@@ -1,2 +1,2 @@
-import Flex from"./component.js";import"@godown/element";import"lit";import"lit/decorators.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"@oxc-project/runtime/helpers/decorate";Flex.define();export{Flex as default};
+import e from"./component.js";e.define();export{e as default};
 //# sourceMappingURL=definition.js.map

package/build/web-components/flex/definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../../src/web-components/flex/definition.ts"],"sourcesContent":["import Flex from \"./component.js\";\n\nFlex.define();\n\nexport default Flex;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-flex\": Flex;\n  }\n}\n"],"names":[],"mappings":"2OAEA,KAAK,QAAQ"}
+{"version":3,"file":"definition.js","sources":["../../../src/web-components/flex/definition.ts"],"sourcesContent":["import Flex from \"./component.js\";\n\nFlex.define();\n\nexport default Flex;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-flex\": Flex;\n  }\n}\n"],"names":["Flex"],"mappings":"8BAEAA,EAAK"}

package/build/web-components/form/component.d.ts.map

@@ -1 +1 @@
-{"mappings":"AACA,cAAc,sBAA2B,KAAM;AAG/C,SAAS,mBAAmB,gCAAiC;;;;;;;AAU7D,cAMM,KAAK,oBAAoB,YAAY;CACzC,AACA;CAEA,IAAI,SAAS;CAIb,0BAA0B;CAE1B,UAAU,UAAU,eAAe;CAInC;CAWA,sBAAsB;CAItB,OAAO,WACLA,WAAW,UAAU;EACnB;EACA;EACA;CACD,OACA;AAoBJ;AAED,eAAe;AACf,SAAS","names":["elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[]"],"sources":["../../../../src/web-components/form/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"form\";\n\n/**\n * {@linkcode Form} Gets child element key-value object,\n * which will be nested if the child element is the same as this element.\n *\n * @category form\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n  }\n`)\nclass Form<T = object> extends GlobalStyle {\n  @property()\n  name = \"\";\n\n  get value(): T {\n    return Form.buildValue(this._slot.assignedElements()) as T;\n  }\n\n  nameValue: () => [string, T] = this.namevalue;\n\n  protected render(): TemplateResult<1> {\n    return htmlSlot();\n  }\n\n  reset(): void {\n    this.deepQuerySelectorAll<HTMLElement & { reset?: () => void }>(\"*\").forEach((el) => {\n      if (el.tagName === this.tagName) {\n        return;\n      }\n      if (el.reset) {\n        el.reset();\n      }\n    });\n  }\n\n  namevalue(): [string, T] {\n    return [this.name, this.value];\n  }\n\n  static buildValue(\n    elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[],\n  ): Record<string, any> {\n    const result = {};\n    for (const el of elements) {\n      if (el.tagName === \"FORM\") {\n        Object.assign(result, Object.fromEntries(new FormData(el as HTMLFormElement).entries()));\n      } else if (el.namevalue) {\n        const [name, value] = el.namevalue();\n        if (name) {\n          result[name] = value;\n        }\n      } else if (el.name && el.value !== undefined) {\n        result[el.name] = el.value;\n      } else if (el.shadowRoot) {\n        for (const slot of el.shadowRoot.querySelectorAll(\"slot\")) {\n          Object.assign(result, this.buildValue(slot.assignedElements()));\n        }\n      }\n    }\n    return result;\n  }\n}\n\nexport default Form;\nexport { Form };\n"],"version":3,"file":"component.d.ts"}
+{"mappings":"AACA,cAAc,sBAA2B;AAGzC,SAAS,mBAAmB;;;;;;;AAU5B,cAMM,KAAK,oBAAoB,YAAY;CACzC,AACA;CAEA,IAAI,SAAS;CAIb,0BAA0B;CAE1B,UAAU,UAAU,eAAe;CAInC;CAWA,sBAAsB;CAItB,OAAO,WACL,WAAW,UAAU;EACnB;EACA;EACA;QAED;;AAsBL,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/form/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"form\";\n\n/**\n * {@linkcode Form} Gets child element key-value object,\n * which will be nested if the child element is the same as this element.\n *\n * @category form\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n  }\n`)\nclass Form<T = object> extends GlobalStyle {\n  @property()\n  name = \"\";\n\n  get value(): T {\n    return Form.buildValue(this._slot.assignedElements()) as T;\n  }\n\n  nameValue: () => [string, T] = this.namevalue;\n\n  protected render(): TemplateResult<1> {\n    return htmlSlot();\n  }\n\n  reset(): void {\n    this.deepQuerySelectorAll<HTMLElement & { reset?: () => void }>(\"*\").forEach((el) => {\n      if (el.tagName === this.tagName) {\n        return;\n      }\n      if (el.reset) {\n        el.reset();\n      }\n    });\n  }\n\n  namevalue(): [string, T] {\n    return [this.name, this.value];\n  }\n\n  static buildValue(\n    elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[],\n  ): Record<string, any> {\n    const result = {};\n    for (const el of elements) {\n      if (el.tagName === \"FORM\") {\n        Object.assign(result, Object.fromEntries(new FormData(el as HTMLFormElement).entries()));\n      } else if (el.namevalue) {\n        const [name, value] = el.namevalue();\n        if (name) {\n          result[name] = value;\n        }\n      } else if (el.name && el.value !== undefined) {\n        result[el.name] = el.value;\n      } else if (el.shadowRoot) {\n        for (const slot of el.shadowRoot.querySelectorAll(\"slot\")) {\n          Object.assign(result, this.buildValue(slot.assignedElements()));\n        }\n      }\n    }\n    return result;\n  }\n}\n\nexport default Form;\nexport { Form };\n"],"version":3,"file":"component.d.ts"}