godown 3.13.0 → 3.13.2

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/divider/component.ts"],"sourcesContent":null,"names":["Divider","GlobalStyle","constructor","this","vertical","render","html","property","type","Boolean","reflect","prototype","__decorate","godown","styles","css","cssGlobalVars","passive"],"mappings":"yPA4BA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAQC,UAAG,EAED,MAAAC,GACR,OAAOC,CAAI,8BAGb,CACDC,EAAA,CAAAC,KAAAC,QAAAC,SAAA,KAPCV,EAAAW,UAAA,gBAAA,KADSC,EAAS,CACDC,EA3BD,WAsBLC,EAAAC,CAAA,2CAAAC,EAAAC,uGAdFjB"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/divider/definition.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAIrC,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,OAAO,CAAC;KAC3B;CACF"}
+{"mappings":"AAAA,OAAO,aAAa,gBAAiB;AAIrC,eAAe;eAEA;WACH,sBAAsB;EAC9B,kBAAkB;CACnB;AACF","names":[],"sources":["../../../src/web-components/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 +1,2 @@
-import e from"./component.js";e.define();export{e as default};
+import Divider from"./component.js";Divider.define();export{Divider as default};
 //# sourceMappingURL=definition.js.map

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

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

@@ -1,39 +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
- */
+* {@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;
+	/**
+	* 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 };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/dragbox/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D;;;;;GAKG;AACH,cAYM,OAAQ,SAAQ,WAAW;IAC/B;;OAEG;IACH,IAAI,aAAa,IAAI,OAAO,CAE3B;IAED,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,GAAG,CAAS;IACpB,OAAO,CAAC,GAAG,CAAS;IAEpB;;OAEG;IAEH,CAAC,EAAE,MAAM,CAAC;IAEV;;OAEG;IAEH,CAAC,EAAE,MAAM,CAAC;IAEV,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAYrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAI9B,SAAS,CAAC,gBAAgB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAa/C,OAAO,CAAC,iBAAiB,CAAoB;IAC7C,OAAO,CAAC,kBAAkB,CAAoB;IAC9C,OAAO,CAAC,eAAe,CAAoB;IAE3C,SAAS,CAAC,cAAc,IAAI,IAAI;IAOhC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAyB1C,KAAK,IAAI,IAAI;CAad;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"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,2 +1,3 @@
-import{__decorate as t}from"tslib";import{godown as e,styles as s,attr as o,htmlSlot as i}from"@godown/element";import{css as n,html as h}from"lit";import{property as d}from"lit/decorators.js";import{GlobalStyle as r}from"../../internal/global-style.js";let a=class Dragbox extends r{constructor(){super(...arguments),this.__drag=!1}get _offsetParent(){return this.offsetParent??document.body}render(){return h`<div part="root" ${o(this.observedRecord)} @mousedown="${this._handleDragStart}"> ${i()} </div>`}firstUpdated(){this.reset()}_handleDragStart(t){this.__x=t.x,this.__y=t.y;const e=this._offsetParent.getBoundingClientRect(),s=this.getBoundingClientRect();this.__t=s.top-e.top,this.__l=s.left-e.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(t){if(!this.__drag)return;const{__x:e,__y:s,__l:o,__t:i,style:n}=this,{height:h,width:d}=this._offsetParent.getBoundingClientRect(),{width:r,height:a}=this.getBoundingClientRect(),_=t.x-(e-o),l=t.y-(s-i);n.left=_<0?"0":_<d-r?`${_}px`:d-r+"px",n.top=l<0?"0":l<h-a?`${l}px`:h-a+"px"}reset(){const{x:t,y:e,style:s,offsetWidth:o,offsetHeight:i,offsetLeft:n,offsetTop:h}=this,{height:d,width:r}=this._offsetParent.getBoundingClientRect();s.left=t||"0",s.top=e||"0",n>r-o&&(s.left=r-o+"px"),h>d-i&&(s.top=d-i+"px")}};t([d()],a.prototype,"x",void 0),t([d()],a.prototype,"y",void 0),a=t([e("dragbox"),s(n`:host{display:block;position:absolute}:host(:active){-webkit-user-select:none;user-select:none}`)],a);var _=a;export{a as Dragbox,_ as default};
+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 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/dragbox/component.ts"],"sourcesContent":null,"names":["Dragbox","GlobalStyle","constructor","this","__drag","_offsetParent","offsetParent","document","body","render","html","attr","observedRecord","_handleDragStart","htmlSlot","reset","__x","e","x","parentRect","getBoundingClientRect","rect","__t","top","__l","left","__handleMouseMove","events","add","_handleDrag","bind","__handleMouseLeave","_handleDragEnd","__handleMouseUp","remove","__y","style","height","parentHeight","width","parentWidth","l","t","y","offsetWidth","offsetHeight","offsetLeft","offsetTop","__decorate","prototype","godown","styles","css","Dragbox$1"],"mappings":"8PA0BA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAQUC,KAAMC,QAAG,EAJjB,iBAAIC,GACF,OAAOF,KAAKG,cAAgBC,SAASC,KAqB7B,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAR,KAAAS,+BAAAT,KAAAU,sBAAAC,4BAGLX,KAAAY,OACY,qBAEZZ,KAAAa,IAAUC,EAAAC,eAEf,MAAAC,EAAAhB,KAAAE,cAAAe,wBACHC,EAAAlB,KAAAiB,wBAEsBjB,KAAAmB,IAAAD,EAAAE,IAAAJ,EAAAI,IACpBpB,KAAKqB,IAAKH,EAAEI,KAAAN,EAAAM,KACdtB,KAAAC,QAAA,EAEUD,KAAAuB,kBAA8BvB,KAAAwB,OAAAC,IAAArB,SAAA,YAAAJ,KAAA0B,YAAAC,KAAA3B,OACtCA,KAAK4B,mBAAS5B,KAAAwB,OAAAC,IAAArB,SAAA,aAAAJ,KAAA6B,eAAAF,KAAA3B,OACdA,KAAK8B,gBAAS9B,KAAAwB,OAAAC,IAAArB,SAAA,UAAAJ,KAAA6B,eAAAF,KAAA3B,OAEd,cAAA6B,GACA7B,KAAKC,QAAU,EACfD,KAAKwB,OAAUO,gBAAQ,YAAe/B,KAAAuB,mBACtCvB,KAAKwB,OAASO,OAAI3B,SAAA,aAAAJ,KAAA4B,oBAClB5B,KAAKwB,uBAAwB,UAAWxB,KAAS8B,gCAGnD,IAAA9B,KAAAC,OAMwB,OAEtB,MAAKY,IAAAA,EAAMmB,IAACA,EAAAX,IAAMA,EAACF,IAAAA,EAAAc,MAAUA,GAAAjC,MACxBkC,OAAOC,EAAiBC,MAAAC,GAAmBrC,KAAAE,cAAmBe,yBAC9DmB,MAAAA,EAAOF,OAAAA,GAAOlC,KAAUiB,wBAC/BqB,EAAAxB,EAAAC,GAAAF,EAAAQ,GAEUkB,EAAyBzB,EAAA0B,GAAAR,EAAAb,GAE/Bc,EAAOX,KADLgB,EAAC,EACI,IAEDA,EAAKD,EAAeD,EACA,GAAAE,MAGRD,EAAOD,EAAV,KAGjBH,EAAAb,IADEmB,EAAA,EACF,IACOA,EAAKJ,EAAWD,EACvB,GAAAK,MAEAJ,EAAAD,EAAA,IAEE,SACK,MAAAnB,EAAAA,EAAIyB,EAAIA,EAAAP,MAAAA,EAAAQ,YAAAA,EAAeC,aAAMA,EAAEC,WAAAA,EAAAC,UAAAA,GAAA5C,MACpCkC,OAAYC,EAAQC,MAAAC,GAAArC,KAAAE,cAAAe,wBACtBgB,EAAAX,KAAAP,GAAA,MAAOK,IAAAoB,GAAA,IACLG,EAAYN,EAAeI,IAC7BR,EAAAX,KAAAe,EAAAI,EAAA,MAGGG,EAAAT,EAAAO,IACHT,EAASb,IAAUe,EAAeO,OAGlC,GAEAG,EAAA,QAEAC,UAAA,SAAA,GACAD,EAAA,QAEAC,UAAA,SAAA,KACFD,EAAA,CACDE,EA5HiB,WAsChBC,EAAAC,CAAA,oGADCpD,GACS,IAAAqD,EAAArD"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/dragbox/definition.ts"],"names":[],"mappings":"AAAA,OAAO,OAAO,MAAM,gBAAgB,CAAC;AAIrC,eAAe,OAAO,CAAC;AAEvB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,OAAO,CAAC;KAC3B;CACF"}
+{"mappings":"AAAA,OAAO,aAAa,gBAAiB;AAIrC,eAAe;eAEA;WACH,sBAAsB;EAC9B,kBAAkB;CACnB;AACF","names":[],"sources":["../../../src/web-components/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 +1,2 @@
-import e from"./component.js";e.define();export{e as default};
+import Dragbox from"./component.js";Dragbox.define();export{Dragbox as default};
 //# sourceMappingURL=definition.js.map

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

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

@@ -1,34 +1,33 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Flex} provides flex layout.
- *
- * @slot - Flex items.
- * @category layout
- */
+* {@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;
-    protected render(): TemplateResult<1>;
+	/**
+	* 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;
+	protected render(): TemplateResult<1>;
 }
 export default Flex;
 export { Flex };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/flex/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D;;;;;GAKG;AACH,cAWM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,QAAQ,EAAE,MAAM,CAAC;IAEjB;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,QAAQ,UAAS;IAEjB,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAuBtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"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,2 +1,3 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as e,attr as r,htmlSlot as i,htmlStyle as l,joinRules as s}from"@godown/element";import{css as p,html as n}from"lit";import{property as a}from"lit/decorators.js";import{GlobalStyle as d}from"../../internal/global-style.js";let f=class Flex extends d{constructor(){super(...arguments),this.vertical=!1}render(){return n`<div part="root" ${r(this.observedRecord)}> ${[i(),l(s({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&"column","align-items":this.items,"justify-content":this.content}}))]} </div>`}};t([a({attribute:"flex-flow"})],f.prototype,"flexFlow",void 0),t([a()],f.prototype,"gap",void 0),t([a()],f.prototype,"content",void 0),t([a()],f.prototype,"items",void 0),t([a({type:Boolean})],f.prototype,"vertical",void 0),f=t([o("flex"),e(p`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}`)],f);var c=f;export{f as Flex,c as default};
+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 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/flex/component.ts"],"sourcesContent":null,"names":["Flex","GlobalStyle","constructor","this","vertical","render","html","attr","observedRecord","flexFlow","items","content","__decorate","property","attribute","prototype","type","Boolean","godown","styles","css","Flex$1"],"mappings":"4RAyBA,IAAMA,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBA6BEC,KAAQC,UAAG,EAED,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAJ,KAAAK,oBAAA,UAGA,QAAK,cAEV,YAAAL,KAAAM,SACQ,iBAAEN,KAAAC,UAAA,SACD,cACGD,KAAAO,MACR,kBAASP,KAAAQ,wBAMRC,EAAA,CACFC,EAAA,CACFC,UAAA,eACFd,EAAAe,UAAA,gBAAA,aAGPA,UAAA,WAAA,KACD,CAjDCF,KADCb,EAAAe,UAAW,eAAW,GACNH,EAAA,CAMjBC,KADCb,EAAAe,UAAU,aAAA,GACCH,EAAA,CAMZC,EAAA,CAAAG,KAAAC,WADCjB,EAAAe,UAAU,gBAAA,GACKf,EAAAY,EAAA,CAMhBM,EA1CgB,QAyCfC,EAAAC,CAAU,mFACGpB,GAMd,IAAAqB,EAAArB"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/flex/definition.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAIlC,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAC;KACrB;CACF"}
+{"mappings":"AAAA,OAAO,UAAU,gBAAiB;AAIlC,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe;CAChB;AACF","names":[],"sources":["../../../src/web-components/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 +1,2 @@
-import e from"./component.js";e.define();export{e as default};
+import Flex from"./component.js";Flex.define();export{Flex as default};
 //# sourceMappingURL=definition.js.map

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

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

@@ -1,24 +1,23 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Form} Gets child element key-value object,
- * which will be nested if the child element is the same as this element.
- *
- * @category form
- */
+* {@linkcode Form} Gets child element key-value object,
+* which will be nested if the child element is the same as this element.
+*
+* @category form
+*/
 declare class Form<T = object> extends GlobalStyle {
-    name: string;
-    get value(): T;
-    nameValue: () => [string, T];
-    protected render(): TemplateResult<1>;
-    reset(): void;
-    namevalue(): [string, T];
-    static buildValue(elements: (Element & {
-        name?: string;
-        value?: unknown;
-        namevalue?: () => [string, unknown];
-    })[]): Record<string, any>;
+	name: string;
+	get value(): T;
+	nameValue: () => [string, T];
+	protected render(): TemplateResult<1>;
+	reset(): void;
+	namevalue(): [string, T];
+	static buildValue(elements: (Element & {
+		name?: string;
+		value?: unknown;
+		namevalue?: () => [string, unknown];
+	})[]): Record<string, any>;
 }
 export default Form;
 export { Form };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/form/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAO,MAAM,KAAK,CAAC;AAG/C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D;;;;;GAKG;AACH,cAMM,IAAI,CAAC,CAAC,GAAG,MAAM,CAAE,SAAQ,WAAW;IAExC,IAAI,SAAM;IAEV,IAAI,KAAK,IAAI,CAAC,CAEb;IAED,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,CAAkB;IAE9C,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAIrC,KAAK,IAAI,IAAI;IAWb,SAAS,IAAI,CAAC,MAAM,EAAE,CAAC,CAAC;IAIxB,MAAM,CAAC,UAAU,CACf,QAAQ,EAAE,CAAC,OAAO,GAAG;QACnB,IAAI,CAAC,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,OAAO,CAAC;QAChB,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACrC,CAAC,EAAE,GACH,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;CAoBvB;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"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,2 +1,3 @@
-import{__decorate as e}from"tslib";import{godown as t,styles as s,htmlSlot as a}from"@godown/element";import{css as o}from"lit";import{property as r}from"lit/decorators.js";import{GlobalStyle as l}from"../../internal/global-style.js";var i;let n=i=class Form extends l{constructor(){super(...arguments),this.name="",this.nameValue=this.namevalue}get value(){return i.buildValue(this._slot.assignedElements())}render(){return a()}reset(){this.deepQuerySelectorAll("*").forEach((e=>{e.tagName!==this.tagName&&e.reset&&e.reset()}))}namevalue(){return[this.name,this.value]}static buildValue(e){const t={};for(const s of e)if("FORM"===s.tagName)Object.assign(t,Object.fromEntries(new FormData(s).entries()));else if(s.namevalue){const[e,a]=s.namevalue();e&&(t[e]=a)}else if(s.name&&void 0!==s.value)t[s.name]=s.value;else if(s.shadowRoot)for(const e of s.shadowRoot.querySelectorAll("slot"))Object.assign(t,this.buildValue(e.assignedElements()));return t}};e([r()],n.prototype,"name",void 0),n=i=e([t("form"),s(o`:host{display:block}`)],n);var m=n;export{n as Form,m as default};
+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 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/form/component.ts"],"sourcesContent":null,"names":["Form","Form_1","GlobalStyle","constructor","this","name","nameValue","namevalue","value","buildValue","_slot","assignedElements","render","htmlSlot","reset","deepQuerySelectorAll","forEach","el","tagName","elements","result","Object","assign","fromEntries","FormData","entries","undefined","shadowRoot","slot","querySelectorAll","__decorate","property","prototype","godown","styles","css"],"mappings":"gPAoBA,IAAMA,EAAIC,EAAV,MAAMD,aAAyBE,EAA/B,WAAAC,uBAEEC,KAAIC,KAAG,GAMPD,KAAAE,UAA+BF,KAAKG,UAJpC,SAAIC,GACF,OAAOP,EAAKQ,WAAWL,KAAKM,MAAMC,oBAK1B,MAAAC,GACR,OAAOC,IAGT,KAAAC,GACEV,KAAKW,qBAA2D,KAAKC,SAASC,IACxEA,EAAGC,UAAYd,KAAKc,SAGpBD,EAAGH,OACLG,EAAGH,WAKT,SAAAP,GACE,MAAO,CAACH,KAAKC,KAAMD,KAAKI,OAG1B,iBAAOC,CACLU,GAMA,MAAMC,EAAS,CAAE,EACjB,IAAK,MAAMH,KAAME,EACf,GAAmB,SAAfF,EAAGC,QACLG,OAAOC,OAAOF,EAAQC,OAAOE,YAAY,IAAIC,SAASP,GAAuBQ,iBACxE,GAAIR,EAAGV,UAAW,CACvB,MAAOF,EAAMG,GAASS,EAAGV,YACrBF,IACFe,EAAOf,GAAQG,QAEZ,GAAIS,EAAGZ,WAAqBqB,IAAbT,EAAGT,MACvBY,EAAOH,EAAGZ,MAAQY,EAAGT,WAChB,GAAIS,EAAGU,WACZ,IAAK,MAAMC,KAAQX,EAAGU,WAAWE,iBAAiB,QAChDR,OAAOC,OAAOF,EAAQhB,KAAKK,WAAWmB,EAAKjB,qBAIjD,OAAOS,IAnDTU,EAAA,CADCC,KACS/B,EAAAgC,UAAA,YAAA,GAFNhC,EAAIC,EAAA6B,EAAA,CANTG,EARiB,QASjBC,EAAOC,CAAG"}
+{"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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/form/definition.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAIlC,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAC;KACrB;CACF"}
+{"mappings":"AAAA,OAAO,UAAU,gBAAiB;AAIlC,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe;CAChB;AACF","names":[],"sources":["../../../src/web-components/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 +1,2 @@
-import e from"./component.js";e.define();export{e as default};
+import Form from"./component.js";Form.define();export{Form as default};
 //# sourceMappingURL=definition.js.map

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

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

@@ -1,38 +1,37 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Grid} provides gird layout.
- *
- * @slot - Grid items.
- * @category layout
- */
+* {@linkcode Grid} provides gird layout.
+*
+* @slot - Grid items.
+* @category layout
+*/
 declare class Grid extends GlobalStyle {
-    /**
-     * CSS property `gap`.
-     */
-    gap: string;
-    /**
-     * CSS property `grid-template-columns`.
-     *
-     * If columns is numerical, divide columns equally.
-     */
-    columns: string | number;
-    /**
-     * CSS property `grid-template-rows`.
-     *
-     * If rows is numerical, divide rows equally.
-     */
-    rows: string | number;
-    /**
-     * CSS property `place-content` (`align-content justify-content`).
-     */
-    content: string;
-    /**
-     * CSS property `place-items` (`align-items justify-items`).
-     */
-    items: string;
-    protected render(): TemplateResult<1>;
+	/**
+	* CSS property `gap`.
+	*/
+	gap: string;
+	/**
+	* CSS property `grid-template-columns`.
+	*
+	* If columns is numerical, divide columns equally.
+	*/
+	columns: string | number;
+	/**
+	* CSS property `grid-template-rows`.
+	*
+	* If rows is numerical, divide rows equally.
+	*/
+	rows: string | number;
+	/**
+	* CSS property `place-content` (`align-content justify-content`).
+	*/
+	content: string;
+	/**
+	* CSS property `place-items` (`align-items justify-items`).
+	*/
+	items: string;
+	protected render(): TemplateResult<1>;
 }
 export default Grid;
 export { Grid };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/grid/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D;;;;;GAKG;AACH,cAWM,IAAK,SAAQ,WAAW;IAC5B;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;;;OAIG;IAEH,OAAO,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB;;;;OAIG;IAEH,IAAI,EAAE,MAAM,GAAG,MAAM,CAAC;IAEtB;;OAEG;IAEH,OAAO,EAAE,MAAM,CAAC;IAEhB;;OAEG;IAEH,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAuBtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"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,2 +1,3 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e,htmlSlot as s,htmlStyle as i,joinRules as p,isNumerical as d}from"@godown/element";import{css as n,html as a}from"lit";import{property as l}from"lit/decorators.js";import{GlobalStyle as m}from"../../internal/global-style.js";const c=t=>d(t)?`repeat(${t},1fr)`:t;let g=class Grid extends m{render(){return a`<div part="root" ${e(this.observedRecord)}> ${[s(),i(p({":host":{gap:this.gap,"grid-template-columns":c(this.columns),"grid-template-rows":c(this.rows),"place-content":this.content,"place-items":this.items}}))]} </div>`}};t([l()],g.prototype,"gap",void 0),t([l()],g.prototype,"columns",void 0),t([l()],g.prototype,"rows",void 0),t([l()],g.prototype,"content",void 0),t([l()],g.prototype,"items",void 0),g=t([o("grid"),r(n`:host,:host([contents]) [part=root]{display:grid}[part=root]{display:contents}`)],g);var h=g;export{g as Grid,h as default};
+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 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/grid/component.ts"],"sourcesContent":null,"names":["toTemplate","s","isNumerical","Grid","GlobalStyle","render","html","attr","this","observedRecord","columns","rows","content","items","__decorate","property","prototype","godown","styles","css","Grid$1"],"mappings":"6SAMA,MAAMA,EAAcC,GAAwBC,EAAYD,GAAK,UAAUA,SAAWA,EAqBlF,IAAME,EAAN,MAAMA,aAAaC,EAmCP,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAC,KAAAC,oBAAA,UAGA,QAAK,cAEV,wBAAAT,EAAAQ,KAAAE,SACQ,qBAAEV,EAAAQ,KAAAG,MACD,gBACGH,KAAAI,QACR,cAASJ,KAAAK,sBAMRC,EAAA,CACFC,KAEJZ,EAAAa,UAAA,WAAA,aAGPA,UAAA,eAAA,KACD,CArDCD,KADCZ,EAAAa,UAAU,YAAA,GACCF,EAAA,CAQZC,KADCZ,EAAAa,UAAU,eAAA,GACcF,EAAA,CAQzBC,KADCZ,EAAAa,UAAU,aAAA,GACWb,EAAAW,EAAA,CAMtBG,EA9CgB,QA6CfC,EAAAC,CAAU,mFACKhB,GAMhB,IAAAiB,EAAAjB"}
+{"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"}