godown 3.13.2 → 3.13.3

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

@@ -1 +0,0 @@
-{"mappings":"AAGA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;;;;;AAkB7D,cA6CM,iBAAiB,YAAY;;;;CAIjC,AACA;;;;CAKA,AACA;CAEA,UACU,WAAW;CAErB;CAEA,QAAQ;CAER,QAAQ;CAER,UAAU;CAEV,UAAU,UAAU,eAAe;CAuBnC;CAgBA,UAAgB,gBAAgB;CAKhC,yBAAyBA,cAAcC,qBAAqBC;CAO5D,KAAKC,WAAWC;CAgBhB;CASA;CASA,UAAU,cAAcC,gBAAgBC;CAKxC,UAAU;CASV,eAAeH;AAShB;AAED,eAAe;AACf,SAAS","names":["name: string","_old: string | null","value: string | null","i: number","n?: boolean","xValue: string","noTransition?: boolean"],"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"],"version":3,"file":"component.d.ts"}

package/web-components/carousel/component.js

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-import Carousel from"./component.js";Carousel.define();export{Carousel as default};
-//# sourceMappingURL=definition.js.map

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

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

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-import Chip from"./component.js";Chip.define();export{Chip as default};
-//# sourceMappingURL=definition.js.map

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

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

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-import Details from"./component.js";Details.define();export{Details as default};
-//# sourceMappingURL=definition.js.map

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

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

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

@@ -1 +0,0 @@
-{"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 +0,0 @@
-import Dialog from"./component.js";Dialog.define();export{Dialog as default};
-//# sourceMappingURL=definition.js.map

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

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

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

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

@@ -1 +0,0 @@
-{"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":"gPAMA,MAAM,UAAY,UAOlB,IAAA,QAAA,MAeMA,UAAgB,WAAY,oCAKhC,UAAW,EAED,QAA4B,CACpC,MAAO,KAAI,CAAA,wBAEX,CAAC,AACF,CACF,EA3BA,WAmBE,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,QAAA,UAAA,eAAA,GAAA,CAnB5C,QAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,8EAMG,EAAE,cAAc,QAAQ,4CAOvC,CAAC,CAAC,AAAA,EAAA,QAAA,CAeF,IAAA,UAAe"}

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

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

package/web-components/divider/definition.js

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

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

@@ -1 +0,0 @@
-{"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":"oCAEA,QAAQ,QAAQ"}

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

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

package/web-components/dragbox/component.js

@@ -1,3 +0,0 @@
-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";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};
-//# sourceMappingURL=component.js.map

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

@@ -1 +0,0 @@
-{"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":"gPAMA,MAAM,UAAY,UAQlB,IAAA,QAAA,MAYMA,UAAgB,WAAY,oCAQxB,QAAS,EAJjB,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,CAE9C,AADA,KAAK,IAAM,EAAE,EACb,KAAK,IAAM,EAAE,EACb,IAAMC,EAAa,KAAK,cAAc,uBAAuB,CACvDC,EAAO,KAAK,uBAAuB,CAMzC,AALA,KAAK,IAAMA,EAAK,IAAMD,EAAW,IACjC,KAAK,IAAMC,EAAK,KAAOD,EAAW,KAClC,KAAK,QAAS,EACd,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,CAI/B,AAHA,KAAK,QAAS,EACd,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,IAAK,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,GAQvB,AAPIL,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,CAO/F,AALAO,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,EApHA,WA6BE,UAAU,AAAA,EAAA,QAAA,UAAA,WAAA,YAMV,UAAU,AAAA,EAAA,QAAA,UAAA,WAAA,CAnCZ,QAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AAUZ,CAAC,CAAC,AAAA,EAAA,QAAA,CA2GF,IAAA,UAAe"}

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

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

package/web-components/dragbox/definition.js

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

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

@@ -1 +0,0 @@
-{"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":"oCAEA,QAAQ,QAAQ"}

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

@@ -1 +0,0 @@
-{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;AAU7D,cAWM,aAAa,YAAY;;;;CAI7B,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;AAuBpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/flex/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, htmlStyle, joinRules, 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  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          htmlSlot(),\n          htmlStyle(\n            joinRules({\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          ),\n        ]}\n      </div>\n    `;\n  }\n}\n\nexport default Flex;\nexport { Flex };\n"],"version":3,"file":"component.d.ts"}

package/web-components/flex/component.js

@@ -1,3 +0,0 @@
-import{godown,styles,attr,htmlSlot,htmlStyle,joinRules}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";const protoName=`flex`;let Flex=class e extends GlobalStyle{constructor(...e){super(...e),this.vertical=!1}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${[htmlSlot(),htmlStyle(joinRules({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&`column`,"align-items":this.items,"justify-content":this.content}}))]} </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};
-//# sourceMappingURL=component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/flex/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, htmlStyle, joinRules, 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  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          htmlSlot(),\n          htmlStyle(\n            joinRules({\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          ),\n        ]}\n      </div>\n    `;\n  }\n}\n\nexport default Flex;\nexport { Flex };\n"],"names":["Flex"],"mappings":"oQAMA,MAAM,UAAY,OAQlB,IAAA,KAAA,MAWMA,UAAa,WAAY,oCA6B7B,UAAW,EAED,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,CACA,UAAU,CACV,UACE,UAAU,CACR,QAAS,CACP,IAAK,KAAK,IACV,YAAa,KAAK,SAClB,iBAAkB,KAAK,UAAY,SACnC,cAAe,KAAK,MACpB,kBAAmB,KAAK,OACzB,CACF,EAAC,CAEL,AAAA,EAAA,OAEL,CAAC,AACF,CACF,EAjEA,WAeE,SAAS,CAAE,UAAW,WAAa,EAAC,AAAA,EAAA,KAAA,UAAA,kBAAA,YAMpC,UAAU,AAAA,EAAA,KAAA,UAAA,aAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,iBAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,eAAA,YAMV,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,kBAAA,CAvC7B,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AASZ,CAAC,CAAC,AAAA,EAAA,KAAA,CAyDF,IAAA,OAAe"}

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

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

package/web-components/flex/definition.js

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

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

@@ -1 +0,0 @@
-{"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":"iCAEA,KAAK,QAAQ"}

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

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

package/web-components/form/component.js

@@ -1,3 +0,0 @@
-import{godown,styles,htmlSlot}from"@godown/element";import{css}from"lit";import{property}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";var _Form;const protoName=`form`;let Form=_Form=class e extends GlobalStyle{constructor(...e){super(...e),this.name=``,this.nameValue=this.namevalue}get value(){return _Form.buildValue(this._slot.assignedElements())}render(){return htmlSlot()}reset(){this.deepQuerySelectorAll(`*`).forEach(e=>{e.tagName!==this.tagName&&e.reset&&e.reset()})}namevalue(){return[this.name,this.value]}static buildValue(e){let c={};for(let l of e)if(l.tagName===`FORM`)Object.assign(c,Object.fromEntries(new FormData(l).entries()));else if(l.namevalue){let[e,u]=l.namevalue();e&&(c[e]=u)}else if(l.name&&l.value!==void 0)c[l.name]=l.value;else if(l.shadowRoot)for(let e of l.shadowRoot.querySelectorAll(`slot`))Object.assign(c,this.buildValue(e.assignedElements()));return c}};_decorate([property()],Form.prototype,`name`,void 0),Form=_Form=_decorate([godown(protoName),styles(css`:host{display:block}
-`)],Form);var Form$1=Form;export{Form,Form$1 as default};
-//# sourceMappingURL=component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","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"],"names":["Form","el","elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[]","result","elements","name","value","slot"],"mappings":"gPAMA,MAAM,UAAY,OAQlB,IAAA,KAAA,MAAA,MAMMA,UAAyB,WAAY,mBAQzC,iBANA,KAAO,GAMP,KAAA,UAA+B,KAAK,UAJpC,IAAI,OAAW,CACb,MAAO,OAAK,WAAW,KAAK,MAAM,kBAAkB,CAAC,AACtD,CAIS,QAA4B,CACpC,MAAO,WAAU,AAClB,CAED,OAAc,CACZ,KAAK,qBAA2D,IAAI,CAAC,QAAQ,AAACC,GAAO,CAC/E,EAAG,UAAY,KAAK,SAGpBA,EAAG,OACL,EAAG,OAAO,AAEb,EAAC,AACH,CAED,WAAyB,CACvB,MAAO,CAAC,KAAK,KAAM,KAAK,KAAM,CAC/B,CAED,OAAO,WACLC,EAKqB,CACrB,IAAMC,EAAS,CAAE,EACjB,IAAK,IAAMF,KAAMG,EACf,GAAIH,EAAG,UAAY,OACjB,OAAO,OAAOE,EAAQ,OAAO,YAAY,IAAI,SAASF,GAAuB,SAAS,CAAC,CAAC,SAC/EA,EAAG,UAAW,CACvB,GAAM,CAACI,EAAMC,EAAM,CAAG,EAAG,WAAW,CACpC,AAAID,IACFF,EAAOE,GAAQC,EAElB,SAAUL,EAAG,MAAQA,EAAG,eACvB,EAAOA,EAAG,MAAQA,EAAG,cACZA,EAAG,WACZ,IAAK,IAAMM,IAAQ,GAAG,WAAW,iBAAiB,OAAO,CACvD,OAAO,OAAOJ,EAAQ,KAAK,WAAW,EAAK,kBAAkB,CAAC,CAAC,CAIrE,OAAOA,CACR,CACF,EA7DA,WAOE,UAAU,AAAA,EAAA,KAAA,UAAA,cAAA,CAPZ,KAAA,MAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AAIZ,CAAC,CAAC,AAAA,EAAA,KAAA,CA0DF,IAAA,OAAe"}

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

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

package/web-components/form/definition.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/form/definition.ts"],"sourcesContent":["import Form from \"./component.js\";\n\nForm.define();\n\nexport default Form;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-form\": Form;\n  }\n}\n"],"names":[],"mappings":"iCAEA,KAAK,QAAQ"}

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

@@ -1 +0,0 @@
-{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;AAY7D,cAWM,aAAa,YAAY;;;;CAI7B,AACA;;;;;;CAOA,AACA;;;;;;CAOA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;AAuBpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/grid/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, htmlStyle, isNumerical, joinRules, 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 toTemplate = (s: number | string) => (isNumerical(s) ? `repeat(${s},1fr)` : s);\n\nconst protoName = \"grid\";\n\n/**\n * {@linkcode Grid} provides gird layout.\n *\n * @slot - Grid items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: grid;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Grid extends GlobalStyle {\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `grid-template-columns`.\n   *\n   * If columns is numerical, divide columns equally.\n   */\n  @property()\n  columns: string | number;\n\n  /**\n   * CSS property `grid-template-rows`.\n   *\n   * If rows is numerical, divide rows equally.\n   */\n  @property()\n  rows: string | number;\n\n  /**\n   * CSS property `place-content` (`align-content justify-content`).\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `place-items` (`align-items justify-items`).\n   */\n  @property()\n  items: string;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          htmlSlot(),\n          htmlStyle(\n            joinRules({\n              \":host\": {\n                gap: this.gap,\n                \"grid-template-columns\": toTemplate(this.columns),\n                \"grid-template-rows\": toTemplate(this.rows),\n                \"place-content\": this.content,\n                \"place-items\": this.items,\n              },\n            }),\n          ),\n        ]}\n      </div>\n    `;\n  }\n}\n\nexport default Grid;\nexport { Grid };\n"],"version":3,"file":"component.d.ts"}

package/web-components/grid/component.js

@@ -1,3 +0,0 @@
-import{godown,styles,attr,htmlSlot,htmlStyle,joinRules,isNumerical}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";const toTemplate=e=>isNumerical(e)?`repeat(${e},1fr)`:e,protoName=`grid`;let Grid=class e extends GlobalStyle{render(){return html`<div part="root" ${attr(this.observedRecord)}> ${[htmlSlot(),htmlStyle(joinRules({":host":{gap:this.gap,"grid-template-columns":toTemplate(this.columns),"grid-template-rows":toTemplate(this.rows),"place-content":this.content,"place-items":this.items}}))]} </div>`}};_decorate([property()],Grid.prototype,`gap`,void 0),_decorate([property()],Grid.prototype,`columns`,void 0),_decorate([property()],Grid.prototype,`rows`,void 0),_decorate([property()],Grid.prototype,`content`,void 0),_decorate([property()],Grid.prototype,`items`,void 0),Grid=_decorate([godown(protoName),styles(css`:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}
-`)],Grid);var Grid$1=Grid;export{Grid,Grid$1 as default};
-//# sourceMappingURL=component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/grid/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, htmlStyle, isNumerical, joinRules, 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 toTemplate = (s: number | string) => (isNumerical(s) ? `repeat(${s},1fr)` : s);\n\nconst protoName = \"grid\";\n\n/**\n * {@linkcode Grid} provides gird layout.\n *\n * @slot - Grid items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: grid;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Grid extends GlobalStyle {\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `grid-template-columns`.\n   *\n   * If columns is numerical, divide columns equally.\n   */\n  @property()\n  columns: string | number;\n\n  /**\n   * CSS property `grid-template-rows`.\n   *\n   * If rows is numerical, divide rows equally.\n   */\n  @property()\n  rows: string | number;\n\n  /**\n   * CSS property `place-content` (`align-content justify-content`).\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `place-items` (`align-items justify-items`).\n   */\n  @property()\n  items: string;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          htmlSlot(),\n          htmlStyle(\n            joinRules({\n              \":host\": {\n                gap: this.gap,\n                \"grid-template-columns\": toTemplate(this.columns),\n                \"grid-template-rows\": toTemplate(this.rows),\n                \"place-content\": this.content,\n                \"place-items\": this.items,\n              },\n            }),\n          ),\n        ]}\n      </div>\n    `;\n  }\n}\n\nexport default Grid;\nexport { Grid };\n"],"names":["s: number | string","s","Grid"],"mappings":"gRAMA,MAAM,WAAa,AAACA,GAAwB,YAAYC,EAAE,CAAG,CAAC,OAAO,EAAEA,EAAE,KAAK,CAAC,CAAGA,EAE5E,UAAY,OAQlB,IAAA,KAAA,MAWMC,UAAa,WAAY,CAmCnB,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,CACA,UAAU,CACV,UACE,UAAU,CACR,QAAS,CACP,IAAK,KAAK,IACV,wBAAyB,WAAW,KAAK,QAAQ,CACjD,qBAAsB,WAAW,KAAK,KAAK,CAC3C,gBAAiB,KAAK,QACtB,cAAe,KAAK,KACrB,CACF,EAAC,CAEL,AAAA,EAAA,OAEL,CAAC,AACF,CACF,EArEA,WAeE,UAAU,AAAA,EAAA,KAAA,UAAA,aAAA,YAQV,UAAU,AAAA,EAAA,KAAA,UAAA,iBAAA,YAQV,UAAU,AAAA,EAAA,KAAA,UAAA,cAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,iBAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,eAAA,CA3CZ,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AASZ,CAAC,CAAC,AAAA,EAAA,KAAA,CA6DF,IAAA,OAAe"}

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

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

package/web-components/grid/definition.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/grid/definition.ts"],"sourcesContent":["import Grid from \"./component.js\";\n\nGrid.define();\n\nexport default Grid;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-grid\": Grid;\n  }\n}\n"],"names":[],"mappings":"iCAEA,KAAK,QAAQ"}

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

@@ -1 +0,0 @@
-{"mappings":"AACA,cAAc,sBAA0C,KAAM;AAG9D,OAAO,UAAU,sBAAuB;;;;;;;;;AAYxC,cAgCM,gBAAgB,KAAK;;;;CAIzB,AACA,IAAI,OAAO,OAAO,OAAO,OAAO,OAAO;;;;;;CAOvC,AACA;;;;CAKA,AACA,MAAM,SAAS;CAEf,UAAU,UAAU,eAAe;CAmBnC,UAAU,YAAY,GAAG,kBAAkB,eAAe;AA4B3D;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/heading/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles, tokenList } from \"@godown/element\";\nimport { type TemplateResult, css, html, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport Link from \"../link/component.js\";\n\nconst protoName = \"heading\";\n\n/**\n * {@linkcode Heading} renders a heading.\n *\n * If the id is provided, the anchor will be displayed.\n *\n * @slot - Heading content.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    text-align: start;\n  }\n\n  [part~=\"anchor\"] {\n    position: absolute;\n    text-align: center;\n    min-width: 1.25em;\n    right: 100%;\n  }\n\n  [part~=\"left\"][part~=\"anchor\"] {\n    right: 100%;\n  }\n\n  [part~=\"right\"][part~=\"anchor\"] {\n    left: 100%;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    width: fit-content;\n    position: relative;\n  }\n`)\nclass Heading extends Link {\n  /**\n   * The heading level.\n   */\n  @property()\n  as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h1\";\n\n  /**\n   * The anchor prefix.\n   *\n   * Element must have an id to be displayed.\n   */\n  @property()\n  anchor = \"#\";\n\n  /**\n   * The anchor side.\n   */\n  @property()\n  side: \"left\" | \"right\" = \"left\";\n\n  protected render(): TemplateResult<1> {\n    const hrefValue = this.href || (this.id ? \"#\" + this.id : undefined);\n    return html`\n      <a\n        part=\"root\"\n        href=\"${hrefValue || nothing}\"\n      >\n        ${this.wrapHeading(\n          htmlSlot(),\n          hrefValue\n            ? html`\n                <i part=\"${tokenList(\"anchor\", this.side)}\">${this.anchor}</i>\n              `\n            : \"\",\n        )}\n      </a>\n    `;\n  }\n\n  protected wrapHeading(...children: any[]): TemplateResult<1> {\n    switch (this.as) {\n      case \"h2\":\n        return html`\n          <h2>${children}</h2>\n        `;\n      case \"h3\":\n        return html`\n          <h3>${children}</h3>\n        `;\n      case \"h4\":\n        return html`\n          <h4>${children}</h4>\n        `;\n      case \"h5\":\n        return html`\n          <h5>${children}</h5>\n        `;\n      case \"h6\":\n        return html`\n          <h6>${children}</h6>\n        `;\n      default:\n        return html`\n          <h1>${children}</h1>\n        `;\n    }\n  }\n}\n\nexport default Heading;\nexport { Heading };\n"],"version":3,"file":"component.d.ts"}

package/web-components/heading/component.js

@@ -1,3 +0,0 @@
-import{godown,styles,htmlSlot,tokenList}from"@godown/element";import{css,nothing,html}from"lit";import{property}from"lit/decorators.js";import Link from"../link/component.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`heading`;let Heading=class e extends Link{constructor(...e){super(...e),this.as=`h1`,this.anchor=`#`,this.side=`left`}render(){let e=this.href||(this.id?`#`+this.id:void 0);return html`<a part="root" href="${e||nothing}"> ${this.wrapHeading(htmlSlot(),e?html`<i part="${tokenList(`anchor`,this.side)}">${this.anchor}</i>`:``)} </a>`}wrapHeading(...e){switch(this.as){case`h2`:return html`<h2>${e}</h2>`;case`h3`:return html`<h3>${e}</h3>`;case`h4`:return html`<h4>${e}</h4>`;case`h5`:return html`<h5>${e}</h5>`;case`h6`:return html`<h6>${e}</h6>`;default:return html`<h1>${e}</h1>`}}};_decorate([property()],Heading.prototype,`as`,void 0),_decorate([property()],Heading.prototype,`anchor`,void 0),_decorate([property()],Heading.prototype,`side`,void 0),Heading=_decorate([godown(protoName),styles(css`:host{display:block;text-align:start}[part~=anchor]{position:absolute;text-align:center;min-width:1.25em;right:100%}[part~=left][part~=anchor]{right:100%}[part~=right][part~=anchor]{left:100%}h1,h2,h3,h4,h5,h6{width:-moz-fit-content;width:fit-content;position:relative}
-`)],Heading);var Heading$1=Heading;export{Heading,Heading$1 as default};
-//# sourceMappingURL=component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/heading/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles, tokenList } from \"@godown/element\";\nimport { type TemplateResult, css, html, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport Link from \"../link/component.js\";\n\nconst protoName = \"heading\";\n\n/**\n * {@linkcode Heading} renders a heading.\n *\n * If the id is provided, the anchor will be displayed.\n *\n * @slot - Heading content.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    text-align: start;\n  }\n\n  [part~=\"anchor\"] {\n    position: absolute;\n    text-align: center;\n    min-width: 1.25em;\n    right: 100%;\n  }\n\n  [part~=\"left\"][part~=\"anchor\"] {\n    right: 100%;\n  }\n\n  [part~=\"right\"][part~=\"anchor\"] {\n    left: 100%;\n  }\n\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    width: fit-content;\n    position: relative;\n  }\n`)\nclass Heading extends Link {\n  /**\n   * The heading level.\n   */\n  @property()\n  as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" = \"h1\";\n\n  /**\n   * The anchor prefix.\n   *\n   * Element must have an id to be displayed.\n   */\n  @property()\n  anchor = \"#\";\n\n  /**\n   * The anchor side.\n   */\n  @property()\n  side: \"left\" | \"right\" = \"left\";\n\n  protected render(): TemplateResult<1> {\n    const hrefValue = this.href || (this.id ? \"#\" + this.id : undefined);\n    return html`\n      <a\n        part=\"root\"\n        href=\"${hrefValue || nothing}\"\n      >\n        ${this.wrapHeading(\n          htmlSlot(),\n          hrefValue\n            ? html`\n                <i part=\"${tokenList(\"anchor\", this.side)}\">${this.anchor}</i>\n              `\n            : \"\",\n        )}\n      </a>\n    `;\n  }\n\n  protected wrapHeading(...children: any[]): TemplateResult<1> {\n    switch (this.as) {\n      case \"h2\":\n        return html`\n          <h2>${children}</h2>\n        `;\n      case \"h3\":\n        return html`\n          <h3>${children}</h3>\n        `;\n      case \"h4\":\n        return html`\n          <h4>${children}</h4>\n        `;\n      case \"h5\":\n        return html`\n          <h5>${children}</h5>\n        `;\n      case \"h6\":\n        return html`\n          <h6>${children}</h6>\n        `;\n      default:\n        return html`\n          <h1>${children}</h1>\n        `;\n    }\n  }\n}\n\nexport default Heading;\nexport { Heading };\n"],"names":["Heading","hrefValue","children"],"mappings":"4OAMA,MAAM,UAAY,UAUlB,IAAA,QAAA,MAgCMA,UAAgB,IAAK,oCAKzB,GAA8C,UAQ9C,OAAS,SAMT,KAAyB,OAEf,QAA4B,CACpC,IAAMC,EAAY,KAAK,OAAS,KAAK,GAAK,IAAM,KAAK,WACrD,MAAO,KAAI,CAAA,qBAGD,EAAEA,GAAa,QAAQ,GAE7B,EAAE,KAAK,YACL,UAAU,CACVA,EACI,IAAI,CAAA,SACO,EAAE,UAAU,SAAU,KAAK,KAAK,CAAC,EAAE,EAAE,KAAK,OAAO,IAC5D,CAAC,CACD,GACL,CAAA,KAEL,CAAC,AACF,CAED,YAAsB,GAAGC,EAAoC,CAC3D,OAAQ,KAAK,GAAb,CACE,IAAK,KACH,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,CACH,IAAK,KACH,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,CACH,IAAK,KACH,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,CACH,IAAK,KACH,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,CACH,IAAK,KACH,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,CACH,QACE,MAAO,KAAI,CAAA,IACL,EAAEA,EAAS,KACjB,CAAC,AACJ,CACF,CACF,EApGA,WAoCE,UAAU,AAAA,EAAA,QAAA,UAAA,YAAA,YAQV,UAAU,AAAA,EAAA,QAAA,UAAA,gBAAA,YAMV,UAAU,AAAA,EAAA,QAAA,UAAA,cAAA,CAlDZ,QAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AA8BZ,CAAC,CAAC,AAAA,EAAA,QAAA,CAuEF,IAAA,UAAe"}

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

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

package/web-components/heading/definition.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/heading/definition.ts"],"sourcesContent":["import Heading from \"./component.js\";\n\nHeading.define();\n\nexport default Heading;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-heading\": Heading;\n  }\n}\n"],"names":[],"mappings":"oCAEA,QAAQ,QAAQ"}

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

@@ -1 +0,0 @@
-{"mappings":"AAEA,cAAc,sBAA0C,KAAM;AAI9D,SAAS,kBAAkB,+BAAgC;KAGtD,YACD,SACA,WACA,QACA,QACA,UACA,aACA,aACA,SACA,UACA,SACA,SACA,mBACA,WACA,UACA,UACA,SACA;;;;;;;;AAWJ,cA6CM,cAAc,WAAW;CAC7B,AACA,MAAM;CAEN;;;;CAKA,AACA,SAAS,YAAY;CAErB,UACU,QAAQ;CAElB;CAUA,UAAU,UAAU,eAAe;CA4BnC,UAAU,iBAAiB,eAAe;CAiB1C,UAAU,iBAAiBA,UAAU,KAAK;AAK3C;AAED,eAAe;AACf,SAAS","names":["t: typeof this.type"],"sources":["../../../src/web-components/input/component.ts"],"sourcesContent":["import { attr, godown, queryPart, styles, StyleController, htmlSlot } from \"@godown/element\";\nimport iconEyeSlash from \"../../internal/icons/eye-slash.js\";\nimport { type TemplateResult, css, html, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { RingBuilder } from \"../../internal/ring.js\";\n\ntype InputType =\n  | \"text\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"email\"\n  | \"password\"\n  | \"datetime\"\n  | \"date\"\n  | \"month\"\n  | \"week\"\n  | \"time\"\n  | \"datetime-local\"\n  | \"number\"\n  | \"range\"\n  | \"color\"\n  | \"file\"\n  | \"image\";\n\nconst protoName = \"input\";\n\n/**\n * {@linkcode Input} renders a input.\n *\n * @fires input - Fires when the input value changes.\n * @fires change - Fires when the input value changes.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    ${cssGlobalVars.input}-icon-color: hsl(0, 0%, 50%);\n  }\n\n  :host(:focus-within),\n  :host(:active) {\n    ${cssGlobalVars.ringColor}: currentColor;\n    ${cssGlobalVars.input}-icon-color: currentColor;\n  }\n\n  [part=\"root\"] {\n    padding-inline: 0.75em;\n    padding-block: 0.5em;\n    display: flex;\n    position: relative;\n    align-items: center;\n    border-radius: inherit;\n  }\n\n  [part=\"input\"] {\n    width: 100%;\n    height: 100%;\n    flex-grow: 1;\n  }\n\n  [part=\"prefix\"],\n  [part=\"suffix\"] {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(${cssGlobalVars.input}-icon-color);\n  }\n\n  [part=\"suffix\"] slot svg {\n    margin-inline-start: 0.25em;\n  }\n\n  [part=\"prefix\"] slot svg {\n    margin-inline-end: 0.25em;\n  }\n`)\nclass Input extends SuperInput {\n  @property({ reflect: true })\n  type: InputType = \"text\";\n\n  value: string;\n\n  /**\n   * If outline, the outline is always present.\n   */\n  @property()\n  variant: \"default\" | \"outline\" = \"default\";\n\n  @queryPart(\"input\")\n  protected _input: HTMLInputElement;\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () =>\n        new RingBuilder({ type: this.ringType }).css +\n        (this.variant === \"outline\" ? `:host{${cssGlobalVars.ringColor}:currentColor}` : \"\"),\n    );\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <label\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          this._renderPrefix(),\n          html`\n            <input\n              part=\"input\"\n              type=\"${this.type}\"\n              .value=\"${this.value}\"\n              ?autofocus=\"${this.autofocus}\"\n              ?disabled=\"${this.disabled}\"\n              autocapitalize=\"${this.autocapitalize || nothing}\"\n              autocomplete=\"${this.autocomplete || nothing}\"\n              placeholder=\"${this.placeholder || nothing}\"\n              @input=\"${this._handleInput}\"\n              @change=\"${this._handleChange}\"\n            />\n          `,\n          this._renderSuffix(),\n        ]}\n      </label>\n    `;\n  }\n\n  protected _renderSuffix(): TemplateResult<1> {\n    const PASSWORD = \"password\";\n    if (this.type === PASSWORD) {\n      return html`\n        <i\n          part=\"suffix\"\n          @mousedown=\"${() => this._changeInputType(\"text\")}\"\n          @mouseup=\"${() => this._changeInputType(PASSWORD)}\"\n          @mouseleave=\"${() => this._changeInputType(PASSWORD)}\"\n        >\n          ${htmlSlot(\"suffix\", iconEyeSlash())}\n        </i>\n      `;\n    }\n    return super._renderSuffix();\n  }\n\n  protected _changeInputType(t: typeof this.type): void {\n    if (this._input) {\n      this._input.type = t;\n    }\n  }\n}\n\nexport default Input;\nexport { Input };\n"],"version":3,"file":"component.d.ts"}

package/web-components/input/component.js

@@ -1,2 +0,0 @@
-import{queryPart,godown,styles,StyleController,attr,htmlSlot}from"@godown/element";import _default from"../../internal/icons/eye-slash.js";import{css,nothing,html}from"lit";import{property}from"lit/decorators.js";import{cssGlobalVars}from"../../internal/global-style.js";import{SuperInput}from"../../internal/super-input.js";import{RingBuilder}from"../../internal/ring.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`input`;let Input=class e extends SuperInput{constructor(){super(),this.type=`text`,this.variant=`default`,new StyleController(this,()=>new RingBuilder({type:this.ringType}).css+(this.variant===`outline`?`:host{${cssGlobalVars.ringColor}:currentColor}`:``))}render(){return html`<label part="root" ${attr(this.observedRecord)}> ${[this._renderPrefix(),html`<input part="input" type="${this.type}" .value="${this.value}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||nothing}" autocomplete="${this.autocomplete||nothing}" placeholder="${this.placeholder||nothing}" @input="${this._handleInput}" @change="${this._handleChange}"/>`,this._renderSuffix()]} </label>`}_renderSuffix(){let e=`password`;return this.type===e?html`<i part="suffix" @mousedown="${()=>this._changeInputType(`text`)}" @mouseup="${()=>this._changeInputType(e)}" @mouseleave="${()=>this._changeInputType(e)}"> ${htmlSlot(`suffix`,_default())} </i>`:super._renderSuffix()}_changeInputType(e){this._input&&(this._input.type=e)}};_decorate([property({reflect:!0})],Input.prototype,`type`,void 0),_decorate([property()],Input.prototype,`variant`,void 0),_decorate([queryPart(`input`)],Input.prototype,`_input`,void 0),Input=_decorate([godown(protoName),styles(css`:host{display:block;${cssGlobalVars.input}-icon-color:gray}:host(:focus-within),:host(:active){${cssGlobalVars.ringColor}:currentColor;${cssGlobalVars.input}-icon-color:currentColor}[part=root]{padding-inline:.75em;padding-block:.5em;display:flex;position:relative;align-items:center;border-radius:inherit}[part=input]{width:100%;height:100%;flex-grow:1}[part=prefix],[part=suffix]{height:100%;display:flex;align-items:center;justify-content:center;color:var(${cssGlobalVars.input}-icon-color)}[part=suffix] slot svg{margin-inline-start:.25em}[part=prefix] slot svg{margin-inline-end:.25em}`)],Input);var Input$1=Input;export{Input,Input$1 as default};
-//# sourceMappingURL=component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/input/component.ts"],"sourcesContent":["import { attr, godown, queryPart, styles, StyleController, htmlSlot } from \"@godown/element\";\nimport iconEyeSlash from \"../../internal/icons/eye-slash.js\";\nimport { type TemplateResult, css, html, nothing } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { RingBuilder } from \"../../internal/ring.js\";\n\ntype InputType =\n  | \"text\"\n  | \"search\"\n  | \"tel\"\n  | \"url\"\n  | \"email\"\n  | \"password\"\n  | \"datetime\"\n  | \"date\"\n  | \"month\"\n  | \"week\"\n  | \"time\"\n  | \"datetime-local\"\n  | \"number\"\n  | \"range\"\n  | \"color\"\n  | \"file\"\n  | \"image\";\n\nconst protoName = \"input\";\n\n/**\n * {@linkcode Input} renders a input.\n *\n * @fires input - Fires when the input value changes.\n * @fires change - Fires when the input value changes.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    ${cssGlobalVars.input}-icon-color: hsl(0, 0%, 50%);\n  }\n\n  :host(:focus-within),\n  :host(:active) {\n    ${cssGlobalVars.ringColor}: currentColor;\n    ${cssGlobalVars.input}-icon-color: currentColor;\n  }\n\n  [part=\"root\"] {\n    padding-inline: 0.75em;\n    padding-block: 0.5em;\n    display: flex;\n    position: relative;\n    align-items: center;\n    border-radius: inherit;\n  }\n\n  [part=\"input\"] {\n    width: 100%;\n    height: 100%;\n    flex-grow: 1;\n  }\n\n  [part=\"prefix\"],\n  [part=\"suffix\"] {\n    height: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(${cssGlobalVars.input}-icon-color);\n  }\n\n  [part=\"suffix\"] slot svg {\n    margin-inline-start: 0.25em;\n  }\n\n  [part=\"prefix\"] slot svg {\n    margin-inline-end: 0.25em;\n  }\n`)\nclass Input extends SuperInput {\n  @property({ reflect: true })\n  type: InputType = \"text\";\n\n  value: string;\n\n  /**\n   * If outline, the outline is always present.\n   */\n  @property()\n  variant: \"default\" | \"outline\" = \"default\";\n\n  @queryPart(\"input\")\n  protected _input: HTMLInputElement;\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () =>\n        new RingBuilder({ type: this.ringType }).css +\n        (this.variant === \"outline\" ? `:host{${cssGlobalVars.ringColor}:currentColor}` : \"\"),\n    );\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <label\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          this._renderPrefix(),\n          html`\n            <input\n              part=\"input\"\n              type=\"${this.type}\"\n              .value=\"${this.value}\"\n              ?autofocus=\"${this.autofocus}\"\n              ?disabled=\"${this.disabled}\"\n              autocapitalize=\"${this.autocapitalize || nothing}\"\n              autocomplete=\"${this.autocomplete || nothing}\"\n              placeholder=\"${this.placeholder || nothing}\"\n              @input=\"${this._handleInput}\"\n              @change=\"${this._handleChange}\"\n            />\n          `,\n          this._renderSuffix(),\n        ]}\n      </label>\n    `;\n  }\n\n  protected _renderSuffix(): TemplateResult<1> {\n    const PASSWORD = \"password\";\n    if (this.type === PASSWORD) {\n      return html`\n        <i\n          part=\"suffix\"\n          @mousedown=\"${() => this._changeInputType(\"text\")}\"\n          @mouseup=\"${() => this._changeInputType(PASSWORD)}\"\n          @mouseleave=\"${() => this._changeInputType(PASSWORD)}\"\n        >\n          ${htmlSlot(\"suffix\", iconEyeSlash())}\n        </i>\n      `;\n    }\n    return super._renderSuffix();\n  }\n\n  protected _changeInputType(t: typeof this.type): void {\n    if (this._input) {\n      this._input.type = t;\n    }\n  }\n}\n\nexport default Input;\nexport { Input };\n"],"names":["Input","PASSWORD","iconEyeSlash","t: typeof this.type","t"],"mappings":"kbA4BA,MAAM,UAAY,QASlB,IAAA,MAAA,MA6CMA,UAAc,UAAW,CAe7B,aAAc,CAEZ,AADA,OAAO,MAdT,KAAkB,YAQlB,QAAiC,UAO/B,IAAI,gBACF,KACA,IACE,IAAI,YAAY,CAAE,KAAM,KAAK,QAAU,GAAE,KACxC,KAAK,UAAY,UAAY,CAAC,MAAM,EAAE,cAAc,UAAU,cAAc,CAAC,CAAG,IAEtF,CAES,QAA4B,CACpC,MAAO,KAAI,CAAA,mBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,CACA,KAAK,eAAe,CACpB,IAAI,CAAA,0BAGM,EAAE,KAAK,KAAK,UACV,EAAE,KAAK,MAAM,cACT,EAAE,KAAK,UAAU,aAClB,EAAE,KAAK,SAAS,kBACX,EAAE,KAAK,gBAAkB,QAAQ,gBACnC,EAAE,KAAK,cAAgB,QAAQ,eAChC,EAAE,KAAK,aAAe,QAAQ,UACnC,EAAE,KAAK,aAAa,WACnB,EAAE,KAAK,cAAc,GAElC,CAAC,CACD,KAAK,eAAA,AACN,EAAA,SAEL,CAAC,AACF,CAES,eAAmC,CAC3C,IAAMC,EAAW,WAajB,OAZI,KAAK,OAASA,EACT,IAAI,CAAA,6BAGK,EAAE,IAAM,KAAK,iBAAiB,OAAO,CAAC,YACxC,EAAE,IAAM,KAAK,iBAAiBA,EAAS,CAAC,eACrC,EAAE,IAAM,KAAK,iBAAiBA,EAAS,CAAC,GAErD,EAAE,SAAS,SAAUC,UAAc,CAAC,CAAA,KAExC,CAAC,CAEI,MAAM,eAAe,AAC7B,CAES,iBAAiBC,EAA2B,CACpD,AAAI,KAAK,SACP,KAAK,OAAO,KAAOC,EAEtB,CACF,EAxHA,WA8CE,SAAS,CAAE,SAAS,CAAM,EAAC,AAAA,EAAA,MAAA,UAAA,cAAA,YAQ3B,UAAU,AAAA,EAAA,MAAA,UAAA,iBAAA,CAGV,UAAA,CAAA,UAAU,QAAQ,AAAA,EAAA,MAAA,UAAA,gBAAA,CAzDpB,MAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,oBAGR,EAAE,cAAc,MAAM,qDAKtB,EAAE,cAAc,UAAU,cAC1B,EAAE,cAAc,MAAM,8SAwBX,EAAE,cAAc,MAAM,6GAUrC,CAAC,CAAC,AAAA,EAAA,MAAA,CA8EF,IAAA,QAAe"}

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

@@ -1 +0,0 @@
-{"mappings":"AAAA,OAAO,WAAW,gBAAiB;AAInC,eAAe;eAEA;WACH,sBAAsB;EAC9B,gBAAgB;CACjB;AACF","names":[],"sources":["../../../src/web-components/input/definition.ts"],"sourcesContent":["import Input from \"./component.js\";\n\nInput.define();\n\nexport default Input;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-input\": Input;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/input/definition.js

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

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

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

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

@@ -1 +0,0 @@
-{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;;;;;;;;;AAkB7D,cAmCM,eAAe,YAAY;;;;CAI/B,AACA;CAEA,UAAU,UAAU,eAAe;AAYpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/layout/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 } from \"../../internal/global-style.js\";\n\nconst protoName = \"layout\";\n\n/**\n * {@linkcode Layout} renders main content, top header, bottom footer.\n *\n * If `sticky` is set to `true`, the header will be sticky.\n *\n * Main content will take up the remaining space.\n *\n * Element display should be `(inline-)flex` or `(inline-)grid`.\n *\n * @slot - The main content of the layout.\n * @slot header - The header of the layout.\n * @slot footer - The footer of the layout.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    width: 100%;\n    height: 100%;\n    min-height: 100%;\n    flex-direction: column;\n    grid-template-rows: auto 1fr auto;\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: flex;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n\n  [part=\"main\"] {\n    width: 100%;\n    flex: 1;\n  }\n\n  [part=\"header\"],\n  [part=\"footer\"] {\n    flex-shrink: 0;\n    width: 100%;\n  }\n\n  [sticky] header {\n    position: sticky;\n    top: 0;\n  }\n`)\nclass Layout extends GlobalStyle {\n  /**\n   * If `true`, header will sticky.\n   */\n  @property({ type: Boolean })\n  sticky = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <header part=\"header\">${htmlSlot(\"header\")}</header>\n        <main part=\"main\">${htmlSlot()}</main>\n        <footer part=\"footer\">${htmlSlot(\"footer\")}</footer>\n      </div>\n    `;\n  }\n}\n\nexport default Layout;\nexport { Layout };\n"],"version":3,"file":"component.d.ts"}

package/web-components/layout/component.js

@@ -1,3 +0,0 @@
-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";const protoName=`layout`;let Layout=class e extends GlobalStyle{constructor(...e){super(...e),this.sticky=!1}render(){return html`<div part="root" ${attr(this.observedRecord)}> <header part="header">${htmlSlot(`header`)}</header> <main part="main">${htmlSlot()}</main> <footer part="footer">${htmlSlot(`footer`)}</footer> </div>`}};_decorate([property({type:Boolean})],Layout.prototype,`sticky`,void 0),Layout=_decorate([godown(protoName),styles(css`:host{width:100%;height:100%;min-height:100%;flex-direction:column;grid-template-rows:auto 1fr auto}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}[part=main]{width:100%;flex:1}[part=header],[part=footer]{flex-shrink:0;width:100%}[sticky] header{position:sticky;top:0}
-`)],Layout);var Layout$1=Layout;export{Layout,Layout$1 as default};
-//# sourceMappingURL=component.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/layout/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 } from \"../../internal/global-style.js\";\n\nconst protoName = \"layout\";\n\n/**\n * {@linkcode Layout} renders main content, top header, bottom footer.\n *\n * If `sticky` is set to `true`, the header will be sticky.\n *\n * Main content will take up the remaining space.\n *\n * Element display should be `(inline-)flex` or `(inline-)grid`.\n *\n * @slot - The main content of the layout.\n * @slot header - The header of the layout.\n * @slot footer - The footer of the layout.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    width: 100%;\n    height: 100%;\n    min-height: 100%;\n    flex-direction: column;\n    grid-template-rows: auto 1fr auto;\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: flex;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n\n  [part=\"main\"] {\n    width: 100%;\n    flex: 1;\n  }\n\n  [part=\"header\"],\n  [part=\"footer\"] {\n    flex-shrink: 0;\n    width: 100%;\n  }\n\n  [sticky] header {\n    position: sticky;\n    top: 0;\n  }\n`)\nclass Layout extends GlobalStyle {\n  /**\n   * If `true`, header will sticky.\n   */\n  @property({ type: Boolean })\n  sticky = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <header part=\"header\">${htmlSlot(\"header\")}</header>\n        <main part=\"main\">${htmlSlot()}</main>\n        <footer part=\"footer\">${htmlSlot(\"footer\")}</footer>\n      </div>\n    `;\n  }\n}\n\nexport default Layout;\nexport { Layout };\n"],"names":["Layout"],"mappings":"gPAMA,MAAM,UAAY,SAgBlB,IAAA,OAAA,MAmCMA,UAAe,WAAY,oCAK/B,QAAS,EAEC,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,wBAEL,EAAE,SAAS,SAAS,CAAC,4BACzB,EAAE,UAAU,CAAC,8BACT,EAAE,SAAS,SAAS,CAAC,gBAE/C,CAAC,AACF,CACF,EAtDA,WAuCE,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,OAAA,UAAA,gBAAA,CAvC7B,OAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AAiCZ,CAAC,CAAC,AAAA,EAAA,OAAA,CAsBF,IAAA,SAAe"}

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

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

package/web-components/layout/definition.js

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

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

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

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

@@ -1 +0,0 @@
-{"mappings":"AAIA,cAAkC,sBAAsB,KAAM;AAC9D,OAAO,iBAAiB,gCAAiC;AAIzD,cAAM;UACJ,MAAM;UACN,SAAS;UACT,QAAQ;UACR,MAAM;;KAGH,wBAAwB;;;;;;;;;;;;;;;;;;;;AAqB7B,cAeM,aAAa,YAAY;;;;;;;;CAQ7B,AACA,MAAM;;;;CAKN,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA,QAAQ,WAAW,UAAU,YAAY;;;;CAKzC;CAEA,IAAI;CAIJ,UAAU,aAAaA,GAAG;CA6B1B;CAgBA,UAAU,UAAU,eAAe;AAapC;AAED,eAAe;AACf,SAAS","names":["e: MouseEvent"],"sources":["../../../src/web-components/link/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { property } from \"lit/decorators.js\";\n\nimport Router from \"../router/component.js\";\nimport { css, html, nothing, type TemplateResult } from \"lit\";\nimport GlobalStyle from \"../../internal/global-style.js\";\n\nconst protoName = \"link\";\n\nconst linkTypes = {\n  push: \"push\",\n  replace: \"replace\",\n  normal: \"normal\",\n  auto: \"auto\",\n} as const;\n\ntype LinkType = keyof typeof linkTypes;\n\n/**\n * {@linkcode Link} is used for link jumping, works standalone or in {@linkcode Router}.\n *\n * Set `type` to `\"normal\"`,\n * behave like a normal anchor.\n *\n * Set `type` to `\"push\" `or `\"replace\"`,\n * update history state by `history.pushState` or `history.replaceState`,\n * update all routers whether current pathname is registered or not.\n *\n * Set `type` to `\"auto\"`,\n * only update the routers if the current pathname is registered,\n * if not registered, behave like `\"normal\"`.\n *\n * `replace` property will enforce `history.replaceState`.\n *\n * @fires navigate - Fires when the link is clicked.\n * @category navigation\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: inline-block;\n    cursor: default;\n  }\n\n  :host([href]) {\n    cursor: pointer;\n  }\n\n  a {\n    display: contents;\n  }\n`)\nclass Link extends GlobalStyle {\n  /**\n   * If `\"normal\"`, behave like a normal anchor.\n   *\n   * If `\"auto\"` or `\"push\"`, call `history.pushState` if `replace` is false,\n   *\n   * If `\"replace\"`, call `history.replaceState`.\n   */\n  @property()\n  type: LinkType = linkTypes.auto;\n\n  /**\n   * If `true`, the {@linkcode Router} will not be updated.\n   */\n  @property({ type: Boolean })\n  suppress = false;\n\n  /**\n   * Use `replaceState` instead of `pushState`.\n   */\n  @property({ type: Boolean })\n  replace = false;\n\n  /**\n   * A element href.\n   */\n  @property()\n  href: string;\n\n  /**\n   * A element target.\n   */\n  @property()\n  target: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" = \"_self\";\n\n  /**\n   * Location state object.\n   */\n  state = {};\n\n  get pathname(): string {\n    return new URL(this.href, location.href).pathname;\n  }\n\n  protected _handleClick(e: MouseEvent): void {\n    const { state, type, href, pathname, suppress } = this;\n    if (!href) {\n      return;\n    }\n    this.dispatchCustomEvent(\"navigate\", {\n      ...this.observedRecord,\n      pathname,\n      state,\n    });\n    if (href.startsWith(\"#\") || type === linkTypes.normal) {\n      return;\n    }\n    this.handleState();\n    const routers = [...Router.routerInstances];\n    if (\n      // only runs when suppress is false\n      !suppress &&\n      (type !== linkTypes.auto ||\n        // in auto mode, only update the routers if the current pathname is registered\n        routers.some((i) => i.search(location.pathname)))\n    ) {\n      e.preventDefault();\n      Router.routerInstances.forEach((i) => {\n        i.handlePopstate();\n      });\n    }\n  }\n\n  handleState: () => void = () => {\n    switch (this.type) {\n      case linkTypes.auto:\n      case linkTypes.push:\n        if (!this.replace) {\n          // type is auto or push and replace is false\n          history.pushState(this.state, \"\", this.href);\n          break;\n        }\n      // fallthrough to replace\n      case linkTypes.replace:\n        history.replaceState(this.state, \"\", this.href);\n        break;\n    }\n  };\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <a\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        href=\"${this.href || nothing}\"\n        target=\"${this.target}\"\n        @click=${this._handleClick}\n      >\n        ${htmlSlot()}\n      </a>\n    `;\n  }\n}\n\nexport default Link;\nexport { Link };\n"],"version":3,"file":"component.d.ts"}