godown 3.13.0 → 3.13.2

package/web-components/carousel/component.js

@@ -1,2 +1,3 @@
-import{__decorate as t}from"tslib";import{queryPart as e,godown as i,styles as s,attr as o,htmlSlot as r}from"@godown/element";import n from"../../internal/icons/caret-left.js";import h from"../../internal/icons/caret-right.js";import{css as l,html as a}from"lit";import{property as d}from"lit/decorators.js";import{GlobalStyle as c}from"../../internal/global-style.js";function p(t){return t.getBoundingClientRect().width}let m=class Carousel extends c{constructor(){super(...arguments),this.index=0,this.autoChange=0}render(){return a`<div part="root" ${o(this.observedRecord)}> <i part="prev" @click="${this.prev}"> ${n()} </i> <div part="move-root">${r()}</div> <i part="next" @click="${this.next}"> ${h()} </i> </div>`}connectedCallback(){super.connectedCallback(),this.children.length&&(this.__cloneFirst?.remove(),this.__cloneLast?.remove(),this.__cloneLast=this.firstElementChild.cloneNode(!0),this.__cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this.__cloneLast),this.insertBefore(this.__cloneFirst,this.firstElementChild)),this.observers.add(this,ResizeObserver,(()=>{this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,!0)}))}async firstUpdated(){await this.updateComplete,this.show(this.index,!0)}attributeChangedCallback(t,e,i){super.attributeChangedCallback(t,e,i),"index"===t&&this.isConnected&&this.show(this.index)}show(t,e){t=this.normalizeIndex(t),this.index=t,this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,e),this.dispatchCustomEvent("change",t),this.timeouts.remove(this.intervalID),this.autoChange>0&&(this.intervalID=this.timeouts.add(setInterval((()=>{this.next()}),this.autoChange)))}next(){this.index===this.childElementCount-3?(this._doTranslateX("0",!0),this.show(0)):this.show(this.index+1)}prev(){0===this.index?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1)}_doTranslateX(t,e){this._moveRoot.style.transform=`translateX(${t})`,this._moveRoot.style.transition=e?"none":""}_computeOffset(){let t=0;for(let e=0;e<=this.index;e++)t-=p(this.children[e]);return t+=(p(this)-p(this.children[this.index+1]))/2,t}normalizeIndex(t){return t<0?0:t>this.children.length-3?this.children.length-3:t}};t([d({type:Number})],m.prototype,"index",void 0),t([d({type:Number})],m.prototype,"autoChange",void 0),t([e("move-root")],m.prototype,"_moveRoot",void 0),m=t([i("carousel"),s(l`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=move-root],[part=root]{display:flex;height:100%;position:relative;transition:inherit;width:100%}[part=next],[part=prev]{align-items:center;display:flex;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;user-select:none;width:1.5em;z-index:1}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}`)],m);var f=m;export{m as Carousel,f as default};
+import{queryPart,godown,styles,attr,htmlSlot}from"@godown/element";import _default from"../../internal/icons/caret-left.js";import _default$1 from"../../internal/icons/caret-right.js";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";const protoName=`carousel`;function getWidth(e){return e.getBoundingClientRect().width}let Carousel=class e extends GlobalStyle{constructor(...e){super(...e),this.index=0,this.autoChange=0}render(){return html`<div part="root" ${attr(this.observedRecord)}> <i part="prev" @click="${this.prev}"> ${_default()} </i> <div part="move-root">${htmlSlot()}</div> <i part="next" @click="${this.next}"> ${_default$1()} </i> </div>`}connectedCallback(){super.connectedCallback(),this.children.length&&(this.__cloneFirst?.remove(),this.__cloneLast?.remove(),this.__cloneLast=this.firstElementChild.cloneNode(!0),this.__cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this.__cloneLast),this.insertBefore(this.__cloneFirst,this.firstElementChild)),this.observers.add(this,ResizeObserver,()=>{this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,!0)})}async firstUpdated(){await this.updateComplete,this.show(this.index,!0)}attributeChangedCallback(e,m,h){super.attributeChangedCallback(e,m,h),e===`index`&&this.isConnected&&this.show(this.index)}show(e,m){e=this.normalizeIndex(e),this.index=e,this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,m),this.dispatchCustomEvent(`change`,e),this.timeouts.remove(this.intervalID),this.autoChange>0&&(this.intervalID=this.timeouts.add(setInterval(()=>{this.next()},this.autoChange)))}next(){this.index===this.childElementCount-3?(this._doTranslateX(`0`,!0),this.show(0)):this.show(this.index+1)}prev(){this.index===0?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1)}_doTranslateX(e,m){this._moveRoot.style.transform=`translateX(${e})`,this._moveRoot.style.transition=m?`none`:``}_computeOffset(){let e=0;for(let m=0;m<=this.index;m++)e-=getWidth(this.children[m]);return e+=(getWidth(this)-getWidth(this.children[this.index+1]))/2,e}normalizeIndex(e){return e<0?0:e>this.children.length-3?this.children.length-3:e}};_decorate([property({type:Number})],Carousel.prototype,`index`,void 0),_decorate([property({type:Number})],Carousel.prototype,`autoChange`,void 0),_decorate([queryPart(`move-root`)],Carousel.prototype,`_moveRoot`,void 0),Carousel=_decorate([godown(protoName),styles(css`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=root],[part=move-root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=prev],[part=next]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}
+`)],Carousel);var Carousel$1=Carousel;export{Carousel,Carousel$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/carousel/component.ts"],"sourcesContent":null,"names":["getWidth","e","getBoundingClientRect","width","Carousel","GlobalStyle","constructor","this","index","autoChange","render","html","attr","observedRecord","prev","iconCaretLeft","htmlSlot","next","iconCaretRight","super","connectedCallback","__cloneLast","firstElementChild","cloneNode","appendChild","_doTranslateX","_offset","show","attributeChangedCallback","name","_old","value","isConnected","n","i","normalizeIndex","_computeOffset","dispatchCustomEvent","timeouts","remove","intervalID","add","setInterval","children","length","xValue","noTransition","_moveRoot","style","transform","transition","offset","childIndex","property","type","Number","prototype","__decorate","queryPart","godown","styles","css"],"mappings":"kXAUA,SAASA,EAASC,GAChB,OAAOA,EAAEC,wBAAwBC,KACnC,CAyDA,IAAMC,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAKC,MAAG,EAMRD,KAAUE,WAAG,EAaH,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAL,KAAAM,2CAAAN,KAAAO,UAAAC,kCAAAC,oCAAAT,KAAAU,UAAAC,sCAGLC,MAAIC,kGAIMb,KAAAc,YAASd,KAAAe,kBAAAC,WAAA,yDAEjBhB,KAAAiB,YAAejB,KAAAc,0JAKPd,KAAAkB,cAAS,GAAAlB,KAAAmB,aAAA,EAAA,GAEjB,gDAGPnB,KAAAoB,KAAApB,KAAAC,OAAA,GAGH,wBAAAoB,CAAiBC,EAAAC,EAAAC,GACfZ,MAAMS,yBAAmBC,EAAAC,EAAAC,GAChB,UAALF,GAAoBtB,KAAEyB,aACxBzB,KAAKoB,KAAApB,KAAAC,cAGLyB,GACAC,EAAA3B,KAAK4B,uBACD3B,MAAa0B,EACnB3B,KAAAmB,QAAAnB,KAAA6B,iBACA7B,KAAKkB,cAAc,QAAMC,YAAgBO,GACvC1B,KAAA8B,oBAAoB,SAAAH,QAChBI,SAAcC,OAAAhC,KAAIiC,YACtBjC,KAAAE,WAAA,IACJF,KAAAiC,WAAAjC,KAAA+B,SAAAG,IAAAC,aAAA,KAE4BnC,KAAAU,MAAA,GACpBV,KAAKE,cAIb,IAAAQ,GACOV,oCAA2C,GAC5CA,mBAAgB,KAAQ,GAC1BA,KAAKoB,KAAK,IAIEpB,KAAWoB,KAAApB,KAAAC,MAAA,EAEzB,CACA,IAAAM,GACmB,IAAfP,KAAcC,OACdD,KAAoBkB,cAAA,2BAAa,QAAA,GACjClB,UAAUA,KAAAoC,SAAsBC,OAAC,SAI3BjB,KAAKpB,KAAEC,MAAA,GAInB,aAAAiB,CAAAoB,EAAAC,GAEIvC,KAAAwC,UAAAC,MAAAC,UAAA,cAAAJ,KACFtC,KAAIwC,UAAeC,MAAAE,WAAsBJ,EAAM,OAAA,EAC7C,CACA,cAAAV,GACF,IAAAe,EAAA,MAAO,IAAAC,EAAA,EAAAA,GAAA7C,KAAAC,MAAA4C,IACLD,GAAUnD,EAAUO,KAAIoC,SAACS,IAIzB,OAFJD,IAAAnD,EAAAO,MAAAP,EAAAO,KAAAoC,SAAApC,KAAAC,MAAA,KAAA,EAEI2C,CACF,CACE,cAAAhB,CAAKD,UACLA,EAAI,EACN,EACEA,EAAI3B,KAAKoC,SAAWC,OAAK,EAC3BrC,KAAAoC,SAAAC,OAAA,EAGqBV,MAGvB,CAEUmB,EAAc,CAAAC,KAAAC,YAClBC,UAAU,aAAA,GACdC,EAAA,GACQ,CAAAH,KAAAC,YACRC,UAAA,kBAAA,KACM,CACNE,EAAA,gBACFF,UAAA,iBAAA,GAEApD,EAAAqD,EAAwB,CACtBE,EAzLc,YA0LZC,EAAAC,CAAA,8bAEMzD"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/carousel/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, queryPart, 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 } 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  @queryPart(\"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":"+WAQA,MAAM,UAAY,WAElB,SAAS,SAAS,EAAG,CACnB,MAAO,GAAE,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,CAUxB,AATA,MAAM,mBAAmB,CACrB,KAAK,SAAS,SAChB,KAAK,cAAc,QAAQ,CAC3B,KAAK,aAAa,QAAQ,CAC1B,KAAK,YAAc,KAAK,kBAAkB,WAAU,EAAK,CACzD,KAAK,aAAe,KAAK,iBAAiB,WAAU,EAAK,CACzD,KAAK,YAAY,KAAK,YAAY,CAClC,KAAK,aAAa,KAAK,aAAc,KAAK,kBAAkB,EAE9D,KAAK,UAAU,IAAI,KAAM,eAAgB,IAAM,CAE7C,AADA,KAAK,QAAU,KAAK,gBAAgB,CACpC,KAAK,cAAc,GAAG,KAAK,QAAQ,EAAE,CAAC,EAAE,EAAK,AAC9C,EAAC,AACH,CAED,MAAgB,cAA8B,CAE5C,AADA,MAAM,KAAK,eACX,KAAK,KAAK,KAAK,OAAO,EAAK,AAC5B,CAED,yBAAyBC,EAAcC,EAAqBC,EAA4B,CAEtF,AADA,MAAM,yBAAyBC,EAAMC,EAAMC,EAAM,CAC7CF,IAAS,SAAW,KAAK,aAC3B,KAAK,KAAK,KAAK,MAAM,AAExB,CAED,KAAKG,EAAWC,EAAmB,CAOjC,AANAC,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,CACX,AAAI,KAAK,QAAU,KAAK,kBAAoB,GAC1C,KAAK,cAAc,KAAK,EAAK,CAC7B,KAAK,KAAK,EAAE,EAEZ,KAAK,KAAK,KAAK,MAAQ,EAAE,AAE5B,CAED,MAAa,CACX,AAAI,KAAK,QAAU,GACjB,KAAK,cAAc,CAAC,CAAC,EAAE,KAAK,kBAAoB,EAAE,GAAG,CAAC,EAAE,EAAK,CAC7D,KAAK,KAAK,KAAK,SAAS,OAAS,EAAE,EAEnC,KAAK,KAAK,KAAK,MAAQ,EAAE,AAE5B,CAED,cAAwBE,EAAgBC,EAA8B,CAEpE,AADA,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,IACjD,GAAU,SAAS,KAAK,SAASA,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,EAjLA,WAiDE,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,SAAA,UAAA,eAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,SAAA,UAAA,oBAAA,CAG1B,UAAA,CAAA,UAAU,YAAY,AAAA,EAAA,SAAA,UAAA,mBAAA,CA1DxB,SAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AA2CZ,CAAC,CAAC,AAAA,EAAA,SAAA,CAuIF,IAAA,WAAe"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/carousel/definition.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAItC,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,QAAQ,CAAC;KAC7B;CACF"}
+{"mappings":"AAAA,OAAO,cAAc,gBAAiB;AAItC,eAAe;eAEA;WACH,sBAAsB;EAC9B,mBAAmB;CACpB;AACF","names":[],"sources":["../../../src/web-components/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/web-components/carousel/definition.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/carousel/definition.ts"],"sourcesContent":null,"names":["Carousel","define"],"mappings":"8BAEAA,EAASC"}
+{"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":"qCAEA,SAAS,QAAQ"}

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

@@ -1,29 +1,28 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Chip} renders a chip.
- *
- * @slot - Chip content.
- * @category display
- */
+* {@linkcode Chip} renders a chip.
+*
+* @slot - Chip content.
+* @category display
+*/
 declare class Chip extends GlobalStyle {
-    /**
-     * The position of the chip relative to its parent element.
-     */
-    position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
-    value: number;
-    /**
-     * If `true`, render a dot chip.
-     */
-    dot: boolean;
-    /**
-     * The maximum value that can be displayed in the chip
-     * Values greater than this will be displayed as `max+` by default.
-     */
-    max: number;
-    formatValue(value: number): string;
-    render(): TemplateResult<1>;
+	/**
+	* The position of the chip relative to its parent element.
+	*/
+	position: "top-left" | "top-right" | "bottom-left" | "bottom-right";
+	value: number;
+	/**
+	* If `true`, render a dot chip.
+	*/
+	dot: boolean;
+	/**
+	* The maximum value that can be displayed in the chip
+	* Values greater than this will be displayed as `max+` by default.
+	*/
+	max: number;
+	formatValue(value: number): string;
+	render(): TemplateResult<1>;
 }
 export default Chip;
 export { Chip };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/chip/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAA8B,MAAM,gCAAgC,CAAC;AAKzF;;;;;GAKG;AACH,cAoDM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,QAAQ,EAAE,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,CAAe;IAGlF,KAAK,SAAK;IAEV;;OAEG;IAEH,GAAG,UAAS;IAEZ;;;OAGG;IAEH,GAAG,SAAM;IAET,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIlC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAe5B;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"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"}

package/web-components/chip/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/chip/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Chip","GlobalStyle","constructor","this","position","value","dot","max","formatValue","render","html","attr","observedRecord","htmlSlot","__decorate","property","type","Number","prototype","Boolean","godown","styles","css","cssGlobalVars","primaryBackground","primaryForeground","Chip$1"],"mappings":"kSAMA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GA4D7B,IAAMG,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAAQC,SAA8D,YAGtED,KAAKE,MAAG,EAMRF,KAAGG,KAAG,EAONH,KAAGI,IAAG,GAEN,WAAAC,CAAYH,GACV,OAAOA,EAAQF,KAAKI,IAAMJ,KAAKI,IAAM,IAAMF,EAAQ,GAGrD,MAAAI,GACE,OAAOC,CAAI,oBAAAC,EAAAR,KAAAS,oBAAAC,OAAAV,KAAAE,OAAAF,KAAAG,qFAGL,GAEAQ,EAAA,CACAC,iBACM,gBAAA,GACiBD,EAAA,CACpBC,EAAA,CAAAC,KAAAC,UACHjB,EAAAkB,UAAI,aAAA,QAET,CAAAF,KAAAG,aACHD,UAAA,WAAA,KACD,CArCCH,EAAA,CAAAC,KAAAC,UADCjB,EAAAkB,UAAU,WAAA,GACuElB,EAAAc,EAAA,CAGlFM,EAAAvB,GADCwB,EAAAC,CAAW,SAAMxB,gBAAQA,mBAAAA,cAAAA,mBAAAA,gIAAAyB,EAAAC,iEAAAD,EAAAE,2QAAA3B,oEAAAA,oEAAAA,4DAAAA,mBAChBE,GAMV,IAAA0B,EAAA1B"}
+{"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":"0QAMA,MAAM,UAAY,OACZ,SAAW,YAAY,UAAU,CAQvC,IAAA,KAAA,MAoDMA,UAAa,WAAY,oCAK7B,SAAsE,iBAGtE,MAAQ,OAMR,KAAM,OAON,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,EA9FA,WAwDE,UAAU,AAAA,EAAA,KAAA,UAAA,kBAAA,YAGV,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,eAAA,YAM1B,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,aAAA,YAO3B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,aAAA,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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/chip/definition.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAIlC,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAC;KACrB;CACF"}
+{"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"}

package/web-components/chip/definition.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/chip/definition.ts"],"sourcesContent":null,"names":["Chip","define"],"mappings":"8BAEAA,EAAKC"}
+{"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":"iCAEA,KAAK,QAAQ"}

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

@@ -1,24 +1,23 @@
 import { type PropertyValueMap, type TemplateResult } from "lit";
 import GlobalStyle from "../../internal/global-style.js";
 /**
- * {@linkcode Details} similar to `<details>`.
- *
- * @slot summary - Details summary (trigger).
- * @slot - Details content.
- * @fires change - Fires when the open changes.
- * @category display
- */
+* {@linkcode Details} similar to `<details>`.
+*
+* @slot summary - Details summary (trigger).
+* @slot - Details content.
+* @fires change - Fires when the open changes.
+* @category display
+*/
 declare class Details extends GlobalStyle {
-    open: boolean;
-    float: boolean;
-    fill: boolean;
-    summary: string;
-    protected render(): TemplateResult<1>;
-    protected updated(changedProperties: PropertyValueMap<this>): void;
-    toggle(to?: boolean): void;
-    close(): void;
-    show(): void;
+	open: boolean;
+	float: boolean;
+	fill: boolean;
+	summary: string;
+	protected render(): TemplateResult<1>;
+	protected updated(changedProperties: PropertyValueMap<this>): void;
+	toggle(to?: boolean): void;
+	close(): void;
+	show(): void;
 }
 export default Details;
 export { Details };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/details/component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG5E,OAAO,WAA4B,MAAM,gCAAgC,CAAC;AAM1E;;;;;;;GAOG;AACH,cAwDM,OAAQ,SAAQ,WAAW;IAE/B,IAAI,UAAS;IAGb,KAAK,UAAS;IAGd,IAAI,UAAS;IAGb,OAAO,SAAM;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAuBrC,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAOlE,MAAM,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,IAAI;IAI1B,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;CAGb;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"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"}

package/web-components/details/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/details/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","GlobalStyle","constructor","this","open","float","fill","summary","render","html","attr","observedRecord","toggle","htmlSlot","svgCaretDown","changedProperties","get","to","show","type","Boolean","reflect","prototype","__decorate","godown","styles","css","Details$1"],"mappings":"iUAOA,MAAMA,EAAY,UAEZC,EAAWC,EAAYF,GAkE7B,IAAMG,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAEEC,KAAIC,MAAG,EAGPD,KAAKE,OAAG,EAGRF,KAAIG,MAAG,EAGPH,KAAOI,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAAAC,EAAAP,KAAAQ,6CAAA,IAAAR,KAAAS,mCAAAC,EAAA,UAAAV,KAAAI,qCAAAM,EAAA,OAAAC,+CAAAX,KAAAG,KAAA,IAAAH,KAAAS,SAAA,qCAAAC,mCAGL,MAAIT,EAAMW,EAAeC,IAAA,wDAIf,WAEab,KAAAC,KAAAa,IAAAd,KAAAC,IACH,sBAIX,IAAAc,eAEqB,QAGnC,CAAAC,KAAAC,QAAAC,SAAA,OACHC,UAAA,YAAA,GAEUC,EAAO,GACT,CAAAJ,KAAOC,WACbpB,EAAAsB,UAAsB,aAAA,GACpBC,EAAA,GACF,CAAAJ,KAAAC,aACFE,UAAA,YAAA,GAEAC,EAAO,QAEPD,UAAA,eAAA,KAEKC,EAAA,CACHC,EAAA3B,GACF4B,EAAAC,CAAA,SAAA5B,yBAAAA,wmBAAAA,sEAAAA,2BAGE,IAAA6B,EAAK3B"}
+{"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","to?: boolean","to"],"mappings":"qTAOA,MAAM,UAAY,UAEZ,SAAW,YAAY,UAAU,CAUvC,IAAA,QAAA,MAwDMA,UAAgB,WAAY,oCAEhC,MAAO,OAGP,OAAQ,OAGR,MAAO,OAGP,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,EAAO,EAAkB,IAAI,OAAO,CAC1C,AAAIA,YACF,KAAK,oBAAoB,SAAUA,EAAK,AAE3C,CAED,OAAOC,EAAoB,CACzB,KAAK,KAAOC,IAAO,KAAK,IACzB,CAED,OAAc,CACZ,KAAK,MAAO,CACb,CAED,MAAa,CACX,KAAK,MAAO,CACb,CACF,EA9GA,WAyDE,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,QAAA,UAAA,WAAA,GAAA,YAG1C,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,QAAA,UAAA,eAAA,YAG3B,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,QAAA,UAAA,cAAA,YAG3B,UAAU,AAAA,EAAA,QAAA,UAAA,iBAAA,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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/details/definition.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAIrC,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,OAAO,CAAC;KAC3B;CACF"}
+{"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"}

package/web-components/details/definition.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/details/definition.ts"],"sourcesContent":null,"names":["Details","define"],"mappings":"8BAEAA,EAAQC"}
+{"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":"oCAEA,QAAQ,QAAQ"}

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

@@ -2,38 +2,37 @@ import { type HandlerEvent } from "@godown/element";
 import { type PropertyValues, type TemplateResult } from "lit";
 import GlobalStyle from "../../internal/global-style.js";
 /**
- * {@linkcode Dialog} similar to `<dialog>`.
- *
- * Like dialog, it listens for submit events and closes itself when the target method is "dialog".
- *
- * Previous versions of Dialog did not contain triggers.
- * Therefore, unlike Tooltip which uses the default slot as the trigger.
- * Dialog needs to use slot="trigger" as the trigger instead of an element without a slot name.
- *
- * @fires change - Fires when the open changes.
- * @slot trigger - The trigger element.
- * @slot - The dialog content.
- * @category feedback
- */
+* {@linkcode Dialog} similar to `<dialog>`.
+*
+* Like dialog, it listens for submit events and closes itself when the target method is "dialog".
+*
+* Previous versions of Dialog did not contain triggers.
+* Therefore, unlike Tooltip which uses the default slot as the trigger.
+* Dialog needs to use slot="trigger" as the trigger instead of an element without a slot name.
+*
+* @fires change - Fires when the open changes.
+* @slot trigger - The trigger element.
+* @slot - The dialog content.
+* @category feedback
+*/
 declare class Dialog extends GlobalStyle {
-    open: boolean;
-    modal: boolean;
-    /**
-     * Indicates whether the modal has been invoked.
-     */
-    private __modalInvoke;
-    protected _dialog: HTMLDialogElement;
-    protected render(): TemplateResult<1>;
-    showModal(): void;
-    show(): void;
-    close(): void;
-    toggle(to?: boolean): void;
-    private __submitEvent;
-    private __keydownEvent;
-    protected updated(changedProperties: PropertyValues): void;
-    protected _handleKeydown(e: KeyboardEvent): void;
-    protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void;
+	open: boolean;
+	modal: boolean;
+	/**
+	* Indicates whether the modal has been invoked.
+	*/
+	private __modalInvoke;
+	protected _dialog: HTMLDialogElement;
+	protected render(): TemplateResult<1>;
+	showModal(): void;
+	show(): void;
+	close(): void;
+	toggle(to?: boolean): void;
+	private __submitEvent;
+	private __keydownEvent;
+	protected updated(changedProperties: PropertyValues): void;
+	protected _handleKeydown(e: KeyboardEvent): void;
+	protected _handelSubmit(e: HandlerEvent<HTMLFormElement>): void;
 }
 export default Dialog;
 export { Dialog };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/dialog/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAuC,MAAM,iBAAiB,CAAC;AACzF,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG1E,OAAO,WAA4B,MAAM,gCAAgC,CAAC;AAK1E;;;;;;;;;;;;;GAaG;AACH,cAyBM,MAAO,SAAQ,WAAW;IAE9B,IAAI,UAAS;IAGb,KAAK,UAAS;IAEd;;OAEG;IACH,OAAO,CAAC,aAAa,CAAS;IAG9B,SAAS,CAAC,OAAO,EAAE,iBAAiB,CAAC;IAErC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAiBrC,SAAS,IAAI,IAAI;IAMjB,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;IAIb,MAAM,CAAC,EAAE,CAAC,EAAE,OAAO,GAAG,IAAI;IAI1B,OAAO,CAAC,aAAa,CAAqC;IAC1D,OAAO,CAAC,cAAc,CAAqC;IAE3D,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,cAAc,GAAG,IAAI;IAuB1D,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAOhD,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,GAAG,IAAI;CAMhE;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"mappings":"AAAA,cAAc,oBAAyD,iBAAkB;AACzF,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, queryPart, styles } from \"@godown/element\";\nimport { type PropertyValues, type TemplateResult, css, html } from \"lit\";\nimport { property } 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  @queryPart(\"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/web-components/dialog/component.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{queryPart as t,godown as e,styles as i,htmlSlot as s}from"@godown/element";import{css as d,html as a}from"lit";import{property as n}from"lit/decorators.js";import{scopePrefix as l,GlobalStyle as r}from"../../internal/global-style.js";const h="dialog",m=l(h);let p=class Dialog extends r{constructor(){super(...arguments),this.open=!1,this.modal=!1,this.__modalInvoke=!1}render(){return a`<div part="root" @click=${this.show}> ${s("trigger")} </div> <dialog part="dialog" role="dialog"> ${s("dialog")}${s()} </dialog>`}showModal(){this.modal=!0,this.__modalInvoke=!0,this.show()}show(){this.open=!0}close(){this.open=!1}toggle(o){this.open=o??!this.open}updated(o){o.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(o){"Escape"===o.key&&(o.preventDefault(),this.close())}_handelSubmit(o){"dialog"===o.target.method&&(o.preventDefault(),this.close())}};o([n({type:Boolean,reflect:!0})],p.prototype,"open",void 0),o([n({type:Boolean,reflect:!0})],p.prototype,"modal",void 0),o([t("dialog")],p.prototype,"_dialog",void 0),p=o([e(h),i(d`:host{${m}--background-modal:#000;${m}--opacity-modal:0.2;background:none;display:block;width:-moz-fit-content;width:fit-content}dialog{background:none;left:50%;position:relative;position:fixed;top:50%;transform:translate(-50%,-50%);z-index:1}::backdrop{background:var(${m}--background-modal);opacity:var(${m}--opacity-modal)}`)],p);var c=p;export{p as Dialog,c as default};
+import{queryPart,godown,styles,htmlSlot}from"@godown/element";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";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([queryPart(`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};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/dialog/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Dialog","GlobalStyle","constructor","this","open","modal","__modalInvoke","render","html","show","htmlSlot","to","updated","changedProperties","has","_dialog","showModal","__submitEvent","events","add","_handelSubmit","__keydownEvent","document","_handleKeydown","bind","close","remove","e","key","target","method","preventDefault","__decorate","property","type","Boolean","reflect","prototype","styles","css","Dialog$1"],"mappings":"oRAMA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAyC7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAEEC,KAAIC,MAAG,EAGPD,KAAKE,OAAG,EAKAF,KAAaG,eAAG,EAKd,MAAAC,GACR,OAAOC,CAAI,2BAAAL,KAAAM,SAAAC,EAAA,0DAAAA,EAAA,YAAAA,4BAGEP,KAAAE,OAAI,6BAEHI,mCAMRN,KAAAC,MAAS,SAEdO,GACHR,KAAAC,KAAAO,IAAAR,KAAAC,KAGE,OAAAQ,CAAIC,GACAA,EAAiBC,IAAI,UAChBX,KAAEC,MACbD,KAAAE,MAEIF,KAAAY,QAAAC,YAICb,KAAAY,QAAAN,OAELN,KAAAc,cAAAd,KAAAe,OAAAC,IAAAhB,KAAA,SAAAA,KAAAiB,eAEmBjB,KAAAkB,eAAAlB,KAAAe,OAAAC,IAAAG,SAAA,UAAAnB,KAAAoB,eAAAC,KAAArB,SAOgCA,KAAAG,4BACxB,EACfH,KAAKG,eAAE,GAEXH,KAAAY,QAAKU,QACPtB,KAAAe,OAAAQ,OAAAvB,KAAA,SAAAA,KAAAc,oBAAOC,OAAAQ,OAAAJ,SAAA,UAAAnB,KAAAkB,iBAGP,gBAEIM,GACN,WAAAA,EAAAC,yBACEzB,KAAAsB,QAEE,eACFE,GACa,WAAbA,EAAAE,OAAKC,SACLH,EAAAI,iBACA5B,KAAAsB,WAKIO,EAAA,CACRC,EAAK,CAACC,KAAQC,QAAQC,SAAE,iBACN,YAAA,QAElB,CAAAF,KAAAC,QAAAC,SAAA,OACFC,UAAA,aAAA,GAEUL,EAAA,GACF,uBACY,eAAE,OACR,GACZnC,GACFyC,EAAAC,CAAA,SAAAzC,4BAAAA,2OAAAA,oCAAAA,uBACDE,GAvFC,IAAAwC,EAAAxC"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/dialog/component.ts"],"sourcesContent":["import { type HandlerEvent, godown, htmlSlot, queryPart, styles } from \"@godown/element\";\nimport { type PropertyValues, type TemplateResult, css, html } from \"lit\";\nimport { property } 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  @queryPart(\"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","e: KeyboardEvent","e: HandlerEvent<HTMLFormElement>"],"mappings":"iQAMA,MAAM,UAAY,SACZ,SAAW,YAAY,UAAU,CAgBvC,IAAA,OAAA,MAyBMA,UAAe,WAAY,oCAE/B,MAAO,OAGP,OAAQ,OAKA,eAAgB,EAKd,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,CAGhB,AAFA,KAAK,OAAQ,EACb,KAAK,eAAgB,EACrB,KAAK,MAAM,AACZ,CAED,MAAa,CACX,KAAK,MAAO,CACb,CAED,OAAc,CACZ,KAAK,MAAO,CACb,CAED,OAAOC,EAAoB,CACzB,KAAK,KAAOC,IAAO,KAAK,IACzB,CAKS,QAAQC,EAAyC,CACzD,AAAI,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,OAAQ,EACb,KAAK,eAAgB,GAEvB,KAAK,QAAQ,OAAO,CACpB,KAAK,OAAO,OAAO,KAAM,SAAU,KAAK,cAAc,CACtD,KAAK,OAAO,OAAO,SAAU,UAAW,KAAK,eAAe,EAGjE,CAES,eAAeC,EAAwB,CAC/C,AAAI,EAAE,MAAQ,WACZ,EAAE,gBAAgB,CAClB,KAAK,OAAO,CAEf,CAES,cAAcC,EAAwC,CAC9D,AAAI,EAAE,OAAO,SAAW,WACtB,EAAE,gBAAgB,CAClB,KAAK,OAAO,CAEf,CACF,EAlHA,WA0BE,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,WAAA,GAAA,YAG1C,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,OAAA,UAAA,YAAA,GAAA,CAQ1C,UAAA,CAAA,UAAU,SAAS,AAAA,EAAA,OAAA,UAAA,iBAAA,CArCrB,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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/dialog/definition.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,gBAAgB,CAAC;AAIpC,eAAe,MAAM,CAAC;AAEtB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,MAAM,CAAC;KACzB;CACF"}
+{"mappings":"AAAA,OAAO,YAAY,gBAAiB;AAIpC,eAAe;eAEA;WACH,sBAAsB;EAC9B,iBAAiB;CAClB;AACF","names":[],"sources":["../../../src/web-components/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/web-components/dialog/definition.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/dialog/definition.ts"],"sourcesContent":null,"names":["Dialog","define"],"mappings":"8BAEAA,EAAOC"}
+{"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":"mCAEA,OAAO,QAAQ"}

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

@@ -1,17 +1,16 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Divider} similar to `<hr>`.
- *
- * @category layout
- */
+* {@linkcode Divider} similar to `<hr>`.
+*
+* @category layout
+*/
 declare class Divider extends GlobalStyle {
-    /**
-     * Whether to display the divider vertically.
-     */
-    vertical: boolean;
-    protected render(): TemplateResult<1>;
+	/**
+	* Whether to display the divider vertically.
+	*/
+	vertical: boolean;
+	protected render(): TemplateResult<1>;
 }
 export default Divider;
 export { Divider };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/divider/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAiB,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI5E;;;;GAIG;AACH,cAeM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAKtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"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"}

package/web-components/divider/component.js

@@ -1,2 +1,2 @@
-import{__decorate as r}from"tslib";import{godown as t,styles as o}from"@godown/element";import{css as e,html as i}from"lit";import{property as l}from"lit/decorators.js";import{cssGlobalVars as s,GlobalStyle as a}from"../../internal/global-style.js";let d=class Divider extends a{constructor(){super(...arguments),this.vertical=!1}render(){return i`<div part="root"></div>`}};r([l({type:Boolean,reflect:!0})],d.prototype,"vertical",void 0),d=r([t("divider"),o(e`:host{background:currentColor;color:var(${s.passive});display:block;height:.05em;width:100%}:host([vertical]){height:100%;width:.05em}`)],d);var m=d;export{d as Divider,m as default};
+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";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};
 //# sourceMappingURL=component.js.map