godown 3.13.1 → 3.13.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/card/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport type Layout from \"../layout/component.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"card\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Card} renders a card.\n *\n * This may be similar to {@linkcode Layout},\n * but it needs to be specified to enable header and footer.\n *\n * @slot - The main content of the card.\n * @slot header - The header of the card.\n * @slot footer - The footer of the card.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    background: var(${cssGlobalVars.background});\n    color: var(${cssGlobalVars.foreground});\n    display: block;\n    flex-shrink: 0;\n  }\n\n  slot {\n    display: block;\n    padding: 1em;\n  }\n\n  [part=\"root\"] {\n    border-radius: inherit;\n  }\n\n  [name=\"footer\"] {\n    padding-top: 0;\n  }\n\n  [name=\"header\"] {\n    padding-bottom: 0;\n  }\n`)\nclass Card extends GlobalStyle {\n  constructor() {\n    super();\n    new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);\n  }\n\n  @property({ attribute: ringTypeAttribute })\n  ringType: RingType = \"border\";\n\n  /**\n   * Whether to display the header.\n   */\n  @property({ type: Boolean })\n  footer = false;\n\n  /**\n   * Whether to display the footer.\n   */\n  @property({ type: Boolean })\n  header = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[this.header ? htmlSlot(\"header\") : \"\", htmlSlot(), this.footer ? htmlSlot(\"footer\") : \"\"]}\n      </div>\n    `;\n  }\n}\n\nexport default Card;\nexport { Card };\n"],"names":["Card"],"mappings":"mZAQA,MAAM,UAAY,OACD,YAAY,UAAA,CAa7B,IAAA,KAAA,MA0BMA,UAAa,WAAY,CAC7B,aAAc,CACZ,OAAO,MAKT,SAAqB,cAMrB,OAAS,QAMT,OAAS,GAhBP,IAAI,gBAAgB,KAAM,IAAM,IAAI,YAAY,CAAE,KAAM,KAAK,QAAU,GAAE,IAC1E,CAiBS,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,CAAC,KAAK,OAAS,SAAS,SAAS,CAAG,GAAI,UAAU,CAAE,KAAK,OAAS,SAAS,SAAS,CAAG,EAAG,EAAA,OAEhG,CAAC,AACF,CACF,aAzBE,SAAS,CAAE,UAAW,iBAAmB,EAAC,AAAA,EAAA,KAAA,UAAA,WAAA,OAAA,YAM1C,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,SAAA,OAAA,YAM3B,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,SAAA,OAAA,CA5C7B,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,qBAEQ,EAAE,cAAc,WAAW,YAChC,EAAE,cAAc,WAAW,0JAqB1C,CAAC,CAAC,AAAA,EAAA,KAAA,CAkCF,IAAA,OAAe"}

package/build/web-components/card/definition.d.ts

@@ -0,0 +1,7 @@
+import Card from "./component.js";
+export default Card;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-card": Card;
+	}
+}

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

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

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

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

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

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

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

@@ -0,0 +1,39 @@
+import { type TemplateResult } from "lit";
+import { GlobalStyle } from "../../internal/global-style.js";
+/**
+* {@linkcode Carousel} make the content display as a carousel.
+*
+* When this component is `firstUpdated`,
+* clone the first and last element and make the matching element visible when switching index.
+*
+* @slot - Carousel items, should maintain the same size.
+* @fires change - Fires when the index changes.
+* @category display
+*/
+declare class Carousel extends GlobalStyle {
+	/**
+	* The index of the current item.
+	*/
+	index: number;
+	/**
+	* The duration of the transition.
+	*/
+	autoChange: number;
+	protected _moveRoot: HTMLElement;
+	intervalID: number;
+	private __cloneFirst;
+	private __cloneLast;
+	protected _offset: number;
+	protected render(): TemplateResult<1>;
+	connectedCallback(): void;
+	protected firstUpdated(): Promise<void>;
+	attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+	show(i: number, n?: boolean): void;
+	next(): void;
+	prev(): void;
+	protected _doTranslateX(xValue: string, noTransition?: boolean): void;
+	protected _computeOffset(): number;
+	normalizeIndex(i: number): number;
+}
+export default Carousel;
+export { Carousel };

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

@@ -0,0 +1 @@
+{"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, styles } from \"@godown/element\";\nimport iconCaretLeft from \"../../internal/icons/caret-left.js\";\nimport iconCaretRight from \"../../internal/icons/caret-right.js\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"carousel\";\n\nfunction getWidth(e) {\n  return e.getBoundingClientRect().width;\n}\n\n/**\n * {@linkcode Carousel} make the content display as a carousel.\n *\n * When this component is `firstUpdated`,\n * clone the first and last element and make the matching element visible when switching index.\n *\n * @slot - Carousel items, should maintain the same size.\n * @fires change - Fires when the index changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    transition: 0.3s;\n  }\n\n  [part=\"root\"] {\n    direction: ltr;\n    overflow: hidden;\n  }\n\n  [part=\"root\"],\n  [part=\"move-root\"] {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    position: relative;\n    transition: inherit;\n  }\n\n  [part=\"prev\"],\n  [part=\"next\"] {\n    height: 100%;\n    width: 1.5em;\n    z-index: 1;\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n  }\n\n  [part=\"prev\"] {\n    left: 0;\n  }\n\n  [part=\"next\"] {\n    right: 0;\n  }\n\n  slot::slotted(*) {\n    flex-shrink: 0 !important;\n  }\n`)\nclass Carousel extends GlobalStyle {\n  /**\n   * The index of the current item.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  /**\n   * The duration of the transition.\n   */\n  @property({ type: Number })\n  autoChange = 0;\n\n  @query(\"[part=move-root]\")\n  protected _moveRoot: HTMLElement;\n\n  intervalID: number;\n\n  private __cloneFirst: HTMLElement | undefined;\n\n  private __cloneLast: HTMLElement | undefined;\n\n  protected _offset: number;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <i\n          part=\"prev\"\n          @click=\"${this.prev}\"\n        >\n          ${iconCaretLeft()}\n        </i>\n        <div part=\"move-root\">${htmlSlot()}</div>\n        <i\n          part=\"next\"\n          @click=\"${this.next}\"\n        >\n          ${iconCaretRight()}\n        </i>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.children.length) {\n      this.__cloneFirst?.remove();\n      this.__cloneLast?.remove();\n      this.__cloneLast = this.firstElementChild.cloneNode(true) as HTMLElement;\n      this.__cloneFirst = this.lastElementChild.cloneNode(true) as HTMLElement;\n      this.appendChild(this.__cloneLast);\n      this.insertBefore(this.__cloneFirst, this.firstElementChild);\n    }\n    this.observers.add(this, ResizeObserver, () => {\n      this._offset = this._computeOffset();\n      this._doTranslateX(`${this._offset}px`, true);\n    });\n  }\n\n  protected async firstUpdated(): Promise<void> {\n    await this.updateComplete;\n    this.show(this.index, true);\n  }\n\n  attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n    super.attributeChangedCallback(name, _old, value);\n    if (name === \"index\" && this.isConnected) {\n      this.show(this.index);\n    }\n  }\n\n  show(i: number, n?: boolean): void {\n    i = this.normalizeIndex(i);\n    this.index = i;\n    this._offset = this._computeOffset();\n    this._doTranslateX(`${this._offset}px`, n);\n    this.dispatchCustomEvent(\"change\", i);\n    this.timeouts.remove(this.intervalID);\n    if (this.autoChange > 0) {\n      this.intervalID = this.timeouts.add(\n        setInterval(() => {\n          this.next();\n        }, this.autoChange),\n      );\n    }\n  }\n\n  next(): void {\n    if (this.index === this.childElementCount - 3) {\n      this._doTranslateX(\"0\", true);\n      this.show(0);\n    } else {\n      this.show(this.index + 1);\n    }\n  }\n\n  prev(): void {\n    if (this.index === 0) {\n      this._doTranslateX(`-${this.childElementCount - 1}00%`, true);\n      this.show(this.children.length - 3);\n    } else {\n      this.show(this.index - 1);\n    }\n  }\n\n  protected _doTranslateX(xValue: string, noTransition?: boolean): void {\n    this._moveRoot.style.transform = `translateX(${xValue})`;\n    this._moveRoot.style.transition = noTransition ? \"none\" : \"\";\n  }\n\n  protected _computeOffset(): number {\n    let offset = 0;\n    for (let childIndex = 0; childIndex <= this.index; childIndex++) {\n      offset -= getWidth(this.children[childIndex]);\n    }\n    offset += (getWidth(this) - getWidth(this.children[this.index + 1])) / 2;\n    return offset;\n  }\n\n  normalizeIndex(i: number): number {\n    if (i < 0) {\n      return 0;\n    }\n    if (i > this.children.length - 3) {\n      return this.children.length - 3;\n    }\n    return i;\n  }\n}\n\nexport default Carousel;\nexport { Carousel };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,3 @@
+import{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,query}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`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([query(`[part=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/build/web-components/carousel/component.js.map

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

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

@@ -0,0 +1,7 @@
+import Carousel from "./component.js";
+export default Carousel;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-carousel": Carousel;
+	}
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import Chip from "./component.js";
+export default Chip;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-chip": Chip;
+	}
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import Details from "./component.js";
+export default Details;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-details": Details;
+	}
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import Dialog from "./component.js";
+export default Dialog;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-dialog": Dialog;
+	}
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import Divider from "./component.js";
+export default Divider;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-divider": Divider;
+	}
+}

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

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

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

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

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

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

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

@@ -0,0 +1,38 @@
+import { type TemplateResult } from "lit";
+import { GlobalStyle } from "../../internal/global-style.js";
+/**
+* {@linkcode Dragbox} moves with the mouse and does not exceed the boundary of offsetParent.
+*
+* @slot - Dragbox content.
+* @category layout
+*/
+declare class Dragbox extends GlobalStyle {
+	/**
+	* Offset parent or document.body.
+	*/
+	get _offsetParent(): Element;
+	private __drag;
+	private __t;
+	private __l;
+	private __x;
+	private __y;
+	/**
+	* Position x.
+	*/
+	x: string;
+	/**
+	* Position y.
+	*/
+	y: string;
+	protected render(): TemplateResult<1>;
+	protected firstUpdated(): void;
+	protected _handleDragStart(e: MouseEvent): void;
+	private __handleMouseMove;
+	private __handleMouseLeave;
+	private __handleMouseUp;
+	protected _handleDragEnd(): void;
+	protected _handleDrag(e: MouseEvent): void;
+	reset(): void;
+}
+export default Dragbox;
+export { Dragbox };

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import Dragbox from "./component.js";
+export default Dragbox;
+declare global {
+	interface HTMLElementTagNameMap {
+		"godown-dragbox": Dragbox;
+	}
+}

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

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

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

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

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

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

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

@@ -0,0 +1,34 @@
+import { type TemplateResult } from "lit";
+import { GlobalStyle } from "../../internal/global-style.js";
+/**
+* {@linkcode Flex} provides flex layout.
+*
+* @slot - Flex items.
+* @category layout
+*/
+declare class Flex extends GlobalStyle {
+	/**
+	* CSS property `flex-flow` (`flex-direction flex-wrap`).
+	*/
+	flexFlow: string;
+	/**
+	* CSS property `gap`.
+	*/
+	gap: string;
+	/**
+	* CSS property `justify-content`.
+	*/
+	content: string;
+	/**
+	* CSS property `align-items`.
+	*/
+	items: string;
+	/**
+	* If true, set flex-direction to "column".
+	*/
+	vertical: boolean;
+	constructor();
+	protected render(): TemplateResult<1>;
+}
+export default Flex;
+export { Flex };