godown 3.13.1 → 3.13.2

package/web-components/input/component.js

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/input/definition.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,gBAAgB,CAAC;AAInC,eAAe,KAAK,CAAC;AAErB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,KAAK,CAAC;KACvB;CACF"}
+{"mappings":"AAAA,OAAO,WAAW,gBAAiB;AAInC,eAAe;eAEA;WACH,sBAAsB;EAC9B,gBAAgB;CACjB;AACF","names":[],"sources":["../../../src/web-components/input/definition.ts"],"sourcesContent":["import Input from \"./component.js\";\n\nInput.define();\n\nexport default Input;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-input\": Input;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/input/definition.js

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

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

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

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

@@ -1,26 +1,25 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Layout} renders main content, top header, bottom footer.
- *
- * If `sticky` is set to `true`, the header will be sticky.
- *
- * Main content will take up the remaining space.
- *
- * Element display should be `(inline-)flex` or `(inline-)grid`.
- *
- * @slot - The main content of the layout.
- * @slot header - The header of the layout.
- * @slot footer - The footer of the layout.
- * @category layout
- */
+* {@linkcode Layout} renders main content, top header, bottom footer.
+*
+* If `sticky` is set to `true`, the header will be sticky.
+*
+* Main content will take up the remaining space.
+*
+* Element display should be `(inline-)flex` or `(inline-)grid`.
+*
+* @slot - The main content of the layout.
+* @slot header - The header of the layout.
+* @slot footer - The footer of the layout.
+* @category layout
+*/
 declare class Layout extends GlobalStyle {
-    /**
-     * If `true`, header will sticky.
-     */
-    sticky: boolean;
-    protected render(): TemplateResult<1>;
+	/**
+	* If `true`, header will sticky.
+	*/
+	sticky: boolean;
+	protected render(): TemplateResult<1>;
 }
 export default Layout;
 export { Layout };
-//# sourceMappingURL=component.d.ts.map

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

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

package/web-components/layout/component.js

@@ -1,2 +1,3 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as r,attr as e,htmlSlot as i}from"@godown/element";import{css as a,html as s}from"lit";import{property as p}from"lit/decorators.js";import{GlobalStyle as d}from"../../internal/global-style.js";let n=class Layout extends d{constructor(){super(...arguments),this.sticky=!1}render(){return s`<div part="root" ${e(this.observedRecord)}> <header part="header">${i("header")}</header> <main part="main">${i()}</main> <footer part="footer">${i("footer")}</footer> </div>`}};t([p({type:Boolean})],n.prototype,"sticky",void 0),n=t([o("layout"),r(a`:host{flex-direction:column;grid-template-rows:auto 1fr auto;height:100%;min-height:100%;width:100%}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}[part=main]{flex:1;width:100%}[part=footer],[part=header]{flex-shrink:0;width:100%}[sticky] header{position:sticky;top:0}`)],n);var l=n;export{n as Layout,l 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=`layout`;let Layout=class e extends GlobalStyle{constructor(...e){super(...e),this.sticky=!1}render(){return html`<div part="root" ${attr(this.observedRecord)}> <header part="header">${htmlSlot(`header`)}</header> <main part="main">${htmlSlot()}</main> <footer part="footer">${htmlSlot(`footer`)}</footer> </div>`}};_decorate([property({type:Boolean})],Layout.prototype,`sticky`,void 0),Layout=_decorate([godown(protoName),styles(css`:host{width:100%;height:100%;min-height:100%;flex-direction:column;grid-template-rows:auto 1fr auto}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}[part=main]{width:100%;flex:1}[part=header],[part=footer]{flex-shrink:0;width:100%}[sticky] header{position:sticky;top:0}
+`)],Layout);var Layout$1=Layout;export{Layout,Layout$1 as default};
 //# sourceMappingURL=component.js.map

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

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

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

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

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

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

package/web-components/layout/definition.js

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

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

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

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

@@ -1,65 +1,64 @@
 import { type TemplateResult } from "lit";
 import GlobalStyle from "../../internal/global-style.js";
 declare const linkTypes: {
-    readonly push: "push";
-    readonly replace: "replace";
-    readonly normal: "normal";
-    readonly auto: "auto";
+	readonly push: "push";
+	readonly replace: "replace";
+	readonly normal: "normal";
+	readonly auto: "auto";
 };
 type LinkType = keyof typeof linkTypes;
 /**
- * {@linkcode Link} is used for link jumping, works standalone or in {@linkcode Router}.
- *
- * Set `type` to `"normal"`,
- * behave like a normal anchor.
- *
- * Set `type` to `"push" `or `"replace"`,
- * update history state by `history.pushState` or `history.replaceState`,
- * update all routers whether current pathname is registered or not.
- *
- * Set `type` to `"auto"`,
- * only update the routers if the current pathname is registered,
- * if not registered, behave like `"normal"`.
- *
- * `replace` property will enforce `history.replaceState`.
- *
- * @fires navigate - Fires when the link is clicked.
- * @category navigation
- */
+* {@linkcode Link} is used for link jumping, works standalone or in {@linkcode Router}.
+*
+* Set `type` to `"normal"`,
+* behave like a normal anchor.
+*
+* Set `type` to `"push" `or `"replace"`,
+* update history state by `history.pushState` or `history.replaceState`,
+* update all routers whether current pathname is registered or not.
+*
+* Set `type` to `"auto"`,
+* only update the routers if the current pathname is registered,
+* if not registered, behave like `"normal"`.
+*
+* `replace` property will enforce `history.replaceState`.
+*
+* @fires navigate - Fires when the link is clicked.
+* @category navigation
+*/
 declare class Link extends GlobalStyle {
-    /**
-     * If `"normal"`, behave like a normal anchor.
-     *
-     * If `"auto"` or `"push"`, call `history.pushState` if `replace` is false,
-     *
-     * If `"replace"`, call `history.replaceState`.
-     */
-    type: LinkType;
-    /**
-     * If `true`, the {@linkcode Router} will not be updated.
-     */
-    suppress: boolean;
-    /**
-     * Use `replaceState` instead of `pushState`.
-     */
-    replace: boolean;
-    /**
-     * A element href.
-     */
-    href: string;
-    /**
-     * A element target.
-     */
-    target: "_blank" | "_self" | "_parent" | "_top";
-    /**
-     * Location state object.
-     */
-    state: {};
-    get pathname(): string;
-    protected _handleClick(e: MouseEvent): void;
-    handleState: () => void;
-    protected render(): TemplateResult<1>;
+	/**
+	* If `"normal"`, behave like a normal anchor.
+	*
+	* If `"auto"` or `"push"`, call `history.pushState` if `replace` is false,
+	*
+	* If `"replace"`, call `history.replaceState`.
+	*/
+	type: LinkType;
+	/**
+	* If `true`, the {@linkcode Router} will not be updated.
+	*/
+	suppress: boolean;
+	/**
+	* Use `replaceState` instead of `pushState`.
+	*/
+	replace: boolean;
+	/**
+	* A element href.
+	*/
+	href: string;
+	/**
+	* A element target.
+	*/
+	target: "_blank" | "_self" | "_parent" | "_top";
+	/**
+	* Location state object.
+	*/
+	state: {};
+	get pathname(): string;
+	protected _handleClick(e: MouseEvent): void;
+	handleState: () => void;
+	protected render(): TemplateResult<1>;
 }
 export default Link;
 export { Link };
-//# sourceMappingURL=component.d.ts.map

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

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

package/web-components/link/component.js

@@ -1,2 +1,3 @@
-import{__decorate as t}from"tslib";import{godown as e,styles as r,attr as s,htmlSlot as o}from"@godown/element";import{property as a}from"lit/decorators.js";import i from"../router/component.js";import{css as h,nothing as p,html as n}from"lit";import{GlobalStyle as l}from"../../internal/global-style.js";const c="push",d="replace",f="normal",m="auto";let u=class Link extends l{constructor(){super(...arguments),this.type=m,this.suppress=!1,this.replace=!1,this.target="_self",this.state={},this.handleState=()=>{switch(this.type){case m:case c:if(!this.replace){history.pushState(this.state,"",this.href);break}case d:history.replaceState(this.state,"",this.href)}}}get pathname(){return new URL(this.href,location.href).pathname}_handleClick(t){const{state:e,type:r,href:s,pathname:o,suppress:a}=this;if(!s)return;if(this.dispatchCustomEvent("navigate",{...this.observedRecord,pathname:o,state:e}),s.startsWith("#")||r===f)return;this.handleState();const h=[...i.routerInstances];a||r===m&&!h.some((t=>t.search(location.pathname)))||(t.preventDefault(),i.routerInstances.forEach((t=>{t.handlePopstate()})))}render(){return n`<a part="root" ${s(this.observedRecord)} href="${this.href||p}" target="${this.target}" @click=${this._handleClick}> ${o()} </a>`}};t([a()],u.prototype,"type",void 0),t([a({type:Boolean})],u.prototype,"suppress",void 0),t([a({type:Boolean})],u.prototype,"replace",void 0),t([a()],u.prototype,"href",void 0),t([a()],u.prototype,"target",void 0),u=t([e("link"),r(h`:host{cursor:default;display:inline-block}:host([href]){cursor:pointer}a{display:contents}`)],u);var y=u;export{u as Link,y as default};
+import{godown,styles,attr,htmlSlot}from"@godown/element";import{property}from"lit/decorators.js";import Router from"../router/component.js";import{css,nothing,html}from"lit";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`link`,linkTypes={push:`push`,replace:`replace`,normal:`normal`,auto:`auto`};let Link=class e extends GlobalStyle{constructor(...e){super(...e),this.type=linkTypes.auto,this.suppress=!1,this.replace=!1,this.target=`_self`,this.state={},this.handleState=()=>{switch(this.type){case linkTypes.auto:case linkTypes.push:if(!this.replace){history.pushState(this.state,``,this.href);break}case linkTypes.replace:history.replaceState(this.state,``,this.href);break}}}get pathname(){return new URL(this.href,location.href).pathname}_handleClick(e){let{state:l,type:u,href:d,pathname:f,suppress:p}=this;if(!d||(this.dispatchCustomEvent(`navigate`,{...this.observedRecord,pathname:f,state:l}),d.startsWith(`#`)||u===linkTypes.normal))return;this.handleState();let m=[...Router.routerInstances];!p&&(u!==linkTypes.auto||m.some(e=>e.search(location.pathname)))&&(e.preventDefault(),Router.routerInstances.forEach(e=>{e.handlePopstate()}))}render(){return html`<a part="root" ${attr(this.observedRecord)} href="${this.href||nothing}" target="${this.target}" @click=${this._handleClick}> ${htmlSlot()} </a>`}};_decorate([property()],Link.prototype,`type`,void 0),_decorate([property({type:Boolean})],Link.prototype,`suppress`,void 0),_decorate([property({type:Boolean})],Link.prototype,`replace`,void 0),_decorate([property()],Link.prototype,`href`,void 0),_decorate([property()],Link.prototype,`target`,void 0),Link=_decorate([godown(protoName),styles(css`:host{display:inline-block;cursor:default}:host([href]){cursor:pointer}a{display:contents}
+`)],Link);var Link$1=Link;export{Link,Link$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/link/component.ts"],"sourcesContent":null,"names":["linkTypes","Link","GlobalStyle","constructor","this","type","suppress","replace","target","state","handleState","history","pushState","href","replaceState","pathname","URL","location","_handleClick","e","dispatchCustomEvent","observedRecord","startsWith","routers","Router","routerInstances","some","i","search","preventDefault","forEach","handlePopstate","render","html","attr","nothing","htmlSlot","__decorate","prototype","Boolean","property","godown","styles","css","Link$1"],"mappings":"iTAOA,MAEMA,EACE,OADFA,EAEK,UAFLA,EAGI,SAHJA,EAIE,OAuCR,IAAMC,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBASEC,KAAAC,KAAiBL,EAMjBI,KAAQE,UAAG,EAMXF,KAAOG,SAAG,EAYVH,KAAMI,OAA4C,QAKlDJ,KAAKK,MAAG,CAAE,EAmCVL,KAAWM,YAAe,KACxB,OAAQN,KAAKC,MACX,KAAKL,EACL,KAAKA,EACH,IAAKI,KAAKG,QAAS,CAEjBI,QAAQC,UAAUR,KAAKK,MAAO,GAAIL,KAAKS,MACvC,MAGJ,KAAKb,EACHW,QAAQG,aAAaV,KAAKK,MAAO,GAAIL,KAAKS,QA5ChD,YAAIE,GACF,OAAO,IAAIC,IAAIZ,KAAKS,KAAMI,SAASJ,MAAME,SAGjC,YAAAG,CAAaC,GACrB,MAAMV,MAAEA,EAAKJ,KAAEA,EAAIQ,KAAEA,EAAIE,SAAEA,EAAQT,SAAEA,GAAaF,KAClD,IAAKS,EACH,OAOF,GALAT,KAAKgB,oBAAoB,WAAY,IAChChB,KAAKiB,eACRN,WACAN,UAEEI,EAAKS,WAAW,MAAQjB,IAASL,EACnC,OAEFI,KAAKM,cACL,MAAMa,EAAU,IAAIC,EAAOC,iBAGxBnB,GACAD,IAASL,IAERuB,EAAQG,MAAMC,GAAMA,EAAEC,OAAOX,SAASF,cAExCI,EAAEU,iBACFL,EAAOC,gBAAgBK,SAASH,IAC9BA,EAAEI,gBAAgB,KAqBd,MAAAC,GACR,OAAOC,CAAI,kBAAAC,EAAA9B,KAAAiB,yBAAAjB,KAAAS,MAAAsB,cAAA/B,KAAAI,kBAAAJ,KAAAc,iBAAAkB,aAGLC,EAAA,MAEQpC,EAAAqC,UAAA,YAAW,GACZD,EAAA,oBAEPpC,EAAAqC,UAAU,gBAAA,QAEf,CAAAjC,KAAAkC,aACHD,UAAA,eAAA,KACD,CA7FCE,KADCvC,EAAAqC,UAAU,YAAA,GACqBD,EAAA,CAMhCG,KADCvC,EAAAqC,UAAe,iBACCrC,EAAAoC,EAAA,CAMjBI,EAlEgB,QAiEfC,EAAAC,CAAW,+FACI1C,GAMhB,IAAA2C,EAAA3C"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/link/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { property } from \"lit/decorators.js\";\n\nimport Router from \"../router/component.js\";\nimport { css, html, nothing, type TemplateResult } from \"lit\";\nimport GlobalStyle from \"../../internal/global-style.js\";\n\nconst protoName = \"link\";\n\nconst linkTypes = {\n  push: \"push\",\n  replace: \"replace\",\n  normal: \"normal\",\n  auto: \"auto\",\n} as const;\n\ntype LinkType = keyof typeof linkTypes;\n\n/**\n * {@linkcode Link} is used for link jumping, works standalone or in {@linkcode Router}.\n *\n * Set `type` to `\"normal\"`,\n * behave like a normal anchor.\n *\n * Set `type` to `\"push\" `or `\"replace\"`,\n * update history state by `history.pushState` or `history.replaceState`,\n * update all routers whether current pathname is registered or not.\n *\n * Set `type` to `\"auto\"`,\n * only update the routers if the current pathname is registered,\n * if not registered, behave like `\"normal\"`.\n *\n * `replace` property will enforce `history.replaceState`.\n *\n * @fires navigate - Fires when the link is clicked.\n * @category navigation\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: inline-block;\n    cursor: default;\n  }\n\n  :host([href]) {\n    cursor: pointer;\n  }\n\n  a {\n    display: contents;\n  }\n`)\nclass Link extends GlobalStyle {\n  /**\n   * If `\"normal\"`, behave like a normal anchor.\n   *\n   * If `\"auto\"` or `\"push\"`, call `history.pushState` if `replace` is false,\n   *\n   * If `\"replace\"`, call `history.replaceState`.\n   */\n  @property()\n  type: LinkType = linkTypes.auto;\n\n  /**\n   * If `true`, the {@linkcode Router} will not be updated.\n   */\n  @property({ type: Boolean })\n  suppress = false;\n\n  /**\n   * Use `replaceState` instead of `pushState`.\n   */\n  @property({ type: Boolean })\n  replace = false;\n\n  /**\n   * A element href.\n   */\n  @property()\n  href: string;\n\n  /**\n   * A element target.\n   */\n  @property()\n  target: \"_blank\" | \"_self\" | \"_parent\" | \"_top\" = \"_self\";\n\n  /**\n   * Location state object.\n   */\n  state = {};\n\n  get pathname(): string {\n    return new URL(this.href, location.href).pathname;\n  }\n\n  protected _handleClick(e: MouseEvent): void {\n    const { state, type, href, pathname, suppress } = this;\n    if (!href) {\n      return;\n    }\n    this.dispatchCustomEvent(\"navigate\", {\n      ...this.observedRecord,\n      pathname,\n      state,\n    });\n    if (href.startsWith(\"#\") || type === linkTypes.normal) {\n      return;\n    }\n    this.handleState();\n    const routers = [...Router.routerInstances];\n    if (\n      // only runs when suppress is false\n      !suppress &&\n      (type !== linkTypes.auto ||\n        // in auto mode, only update the routers if the current pathname is registered\n        routers.some((i) => i.search(location.pathname)))\n    ) {\n      e.preventDefault();\n      Router.routerInstances.forEach((i) => {\n        i.handlePopstate();\n      });\n    }\n  }\n\n  handleState: () => void = () => {\n    switch (this.type) {\n      case linkTypes.auto:\n      case linkTypes.push:\n        if (!this.replace) {\n          // type is auto or push and replace is false\n          history.pushState(this.state, \"\", this.href);\n          break;\n        }\n      // fallthrough to replace\n      case linkTypes.replace:\n        history.replaceState(this.state, \"\", this.href);\n        break;\n    }\n  };\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <a\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        href=\"${this.href || nothing}\"\n        target=\"${this.target}\"\n        @click=${this._handleClick}\n      >\n        ${htmlSlot()}\n      </a>\n    `;\n  }\n}\n\nexport default Link;\nexport { Link };\n"],"names":["Link","e: MouseEvent","href","type","routers","suppress","i"],"mappings":"mSAOA,MAAM,UAAY,OAEZ,UAAY,CAChB,KAAM,OACN,QAAS,UACT,OAAQ,SACR,KAAM,MACP,EAuBD,IAAA,KAAA,MAeMA,UAAa,WAAY,mBAyE7B,YAhEA,KAAA,KAAiB,UAAU,UAM3B,UAAW,OAMX,SAAU,OAYV,OAAkD,QAKlD,KAAA,MAAQ,CAAE,EAmCV,KAAA,YAA0B,IAAM,CAC9B,OAAQ,KAAK,KAAb,CACE,KAAK,UAAU,KACf,KAAK,UAAU,KACb,IAAK,KAAK,QAAS,CAEjB,QAAQ,UAAU,KAAK,MAAO,GAAI,KAAK,KAAK,CAC5C,KACD,CAEH,KAAK,UAAU,QACb,QAAQ,aAAa,KAAK,MAAO,GAAI,KAAK,KAAK,CAC/C,KACH,CACF,EA/CD,IAAI,UAAmB,CACrB,OAAO,IAAI,IAAI,KAAK,KAAM,SAAS,MAAM,QAC1C,CAES,aAAaC,EAAqB,CAC1C,GAAM,CAAE,QAAO,OAAM,OAAM,WAAU,WAAU,CAAG,KASlD,IARKC,IAGL,KAAK,oBAAoB,WAAY,CACnC,GAAG,KAAK,eACR,WACA,OACD,EAAC,CACE,EAAK,WAAW,IAAI,EAAIC,IAAS,UAAU,QAC7C,OAEF,KAAK,aAAa,CAClB,IAAMC,EAAU,CAAC,GAAG,OAAO,eAAgB,EAC3C,CAEGC,IACAF,IAAS,UAAU,MAElB,EAAQ,KAAK,AAACG,GAAM,EAAE,OAAO,SAAS,SAAS,CAAC,IAElD,EAAE,gBAAgB,CAClB,OAAO,gBAAgB,QAAQ,AAACA,GAAM,CACpC,EAAE,gBAAgB,AACnB,EAAC,CAEL,CAkBS,QAA4B,CACpC,MAAO,KAAI,CAAA,eAGP,EAAE,KAAK,KAAK,eAAe,CAAA,OACrB,EAAE,KAAK,MAAQ,QAAQ,UACrB,EAAE,KAAK,OAAO,SACf,EAAE,KAAK,aAAA,EAEd,EAAE,UAAU,CAAA,KAEhB,CAAC,AACF,CACF,EArHA,WAuBE,UAAU,AAAA,EAAA,KAAA,UAAA,cAAA,YAMV,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,kBAAA,YAM3B,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,iBAAA,YAM3B,UAAU,AAAA,EAAA,KAAA,UAAA,cAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,gBAAA,CA/CZ,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AAaZ,CAAC,CAAC,AAAA,EAAA,KAAA,CAyGF,IAAA,OAAe"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/link/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/link/definition.ts"],"sourcesContent":["import Link from \"./component.js\";\n\nLink.define();\n\nexport default Link;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-link\": Link;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/link/definition.js

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

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

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

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

@@ -1,35 +1,34 @@
 import GlobalStyle from "../../internal/global-style.js";
 import { type PropertyValues, type TemplateResult } from "lit";
 /**
- * {@link Popover} renders a popover.
- *
- * This requires the support of the popover API and CSS position-area.
- *
- * @fires toggle - Fired when the popover is toggled.
- * @slot popover - Popover content.
- * @slot - Popover trigger.
- * @category display
- */
+* {@link Popover} renders a popover.
+*
+* This requires the support of the popover API and CSS position-area.
+*
+* @fires toggle - Fired when the popover is toggled.
+* @slot popover - Popover content.
+* @slot - Popover trigger.
+* @category display
+*/
 declare class Popover extends GlobalStyle {
-    anchorName: string;
-    open: boolean;
-    action: "hide" | "show" | "toggle" | "none";
-    span: "span" | "spread" | "isolated";
-    /**
-     * The position refers to the spatial location of the popover in relation to the trigger,
-     * rather than the alignment property between them.
-     */
-    position: "center" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "start" | "start-start" | "start-end" | "end" | "end-start" | "end-end";
-    protected _popover: HTMLElement;
-    constructor();
-    protected render(): TemplateResult<1>;
-    protected _handleClick(): void;
-    show(): void;
-    hide(): void;
-    toggle(force?: boolean): void;
-    protected updated(_changedProperties: PropertyValues): void;
-    protected _openChange(): void;
-    resolveArea(): string;
+	anchorName: string;
+	open: boolean;
+	action: "hide" | "show" | "toggle" | "none";
+	span: "span" | "spread" | "isolated";
+	/**
+	* The position refers to the spatial location of the popover in relation to the trigger,
+	* rather than the alignment property between them.
+	*/
+	position: "center" | "left" | "left-top" | "left-bottom" | "right" | "right-top" | "right-bottom" | "top" | "top-left" | "top-right" | "bottom" | "bottom-left" | "bottom-right" | "start" | "start-start" | "start-end" | "end" | "end-start" | "end-end";
+	protected _popover: HTMLElement;
+	constructor();
+	protected render(): TemplateResult<1>;
+	protected _handleClick(): void;
+	show(): void;
+	hide(): void;
+	toggle(force?: boolean): void;
+	protected updated(_changedProperties: PropertyValues): void;
+	protected _openChange(): void;
+	resolveArea(): string;
 }
 export { Popover, Popover as default };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/popover/component.ts"],"names":[],"mappings":"AACA,OAAO,WAAW,MAAM,gCAAgC,CAAC;AACzD,OAAO,EAAa,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAO1E;;;;;;;;;GASG;AACH,cAsBM,OAAQ,SAAQ,WAAW;IAC/B,UAAU,SAAyD;IAGnE,IAAI,UAAS;IAGb,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,MAAM,CAAU;IAGrD,IAAI,EAAE,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAU;IAE9C;;;OAGG;IAEH,QAAQ,EACJ,QAAQ,GACR,MAAM,GACN,UAAU,GACV,aAAa,GACb,OAAO,GACP,WAAW,GACX,cAAc,GACd,KAAK,GACL,UAAU,GACV,WAAW,GACX,QAAQ,GACR,aAAa,GACb,cAAc,GACd,OAAO,GACP,aAAa,GACb,WAAW,GACX,KAAK,GACL,WAAW,GACX,SAAS,CAAY;IAGzB,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;;IAgBhC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAmBrC,SAAS,CAAC,YAAY,IAAI,IAAI;IAU9B,IAAI,IAAI,IAAI;IAIZ,IAAI,IAAI,IAAI;IAIZ,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,GAAG,IAAI;IAI7B,SAAS,CAAC,OAAO,CAAC,kBAAkB,EAAE,cAAc,GAAG,IAAI;IAM3D,SAAS,CAAC,WAAW,IAAI,IAAI;IAiB7B,WAAW,IAAI,MAAM;CAStB;AAED,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,CAAC"}
+{"mappings":"AACA,OAAO,iBAAiB,gCAAiC;AACzD,cAAyB,qBAAqB,sBAAsB,KAAM;;;;;;;;;;;AAiB1E,cAsBM,gBAAgB,YAAY;CAChC;CAEA,AACA;CAEA,AACA,QAAQ,SAAS,SAAS,WAAW;CAErC,AACA,MAAM,SAAS,WAAW;;;;;CAM1B,AACA,UACI,WACA,SACA,aACA,gBACA,UACA,cACA,iBACA,QACA,aACA,cACA,WACA,gBACA,iBACA,UACA,gBACA,cACA,QACA,cACA;CAEJ,UACU,UAAU;CAEpB;CAcA,UAAU,UAAU,eAAe;CAmBnC,UAAU;CAUV;CAIA;CAIA,OAAOA;CAIP,UAAU,QAAQC,oBAAoB;CAMtC,UAAU;CAiBV;AASD;AAED,SAAS,SAAS,WAAW","names":["force?: boolean","_changedProperties: PropertyValues"],"sources":["../../../src/web-components/popover/component.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport GlobalStyle from \"../../internal/global-style.js\";\nimport { css, html, type PropertyValues, type TemplateResult } from \"lit\";\nimport { godown, htmlSlot, joinRules, part, StyleController, styles } from \"@godown/element\";\nimport { hidePopover, showPopover } from \"../../internal/popover.js\";\n\nconst POPOVER = \"popover\";\nconst protoName = POPOVER;\n\n/**\n * {@link Popover} renders a popover.\n *\n * This requires the support of the popover API and CSS position-area.\n *\n * @fires toggle - Fired when the popover is toggled.\n * @slot popover - Popover content.\n * @slot - Popover trigger.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: inline-block;\n  }\n\n  [part=\"trigger\"] {\n    display: contents;\n  }\n\n  [part=\"root\"] {\n    display: inherit;\n  }\n\n  [part=\"popover\"] {\n    inset: unset;\n    z-index: 1;\n    overflow: visible;\n    position: absolute;\n    position-try-fallbacks: flip-block;\n  }\n`)\nclass Popover extends GlobalStyle {\n  anchorName = `--${POPOVER}-${Math.random().toString(36).slice(2)}`;\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property()\n  action: \"hide\" | \"show\" | \"toggle\" | \"none\" = \"show\";\n\n  @property()\n  span: \"span\" | \"spread\" | \"isolated\" = \"span\";\n\n  /**\n   * The position refers to the spatial location of the popover in relation to the trigger,\n   * rather than the alignment property between them.\n   */\n  @property()\n  position:\n    | \"center\"\n    | \"left\"\n    | \"left-top\"\n    | \"left-bottom\"\n    | \"right\"\n    | \"right-top\"\n    | \"right-bottom\"\n    | \"top\"\n    | \"top-left\"\n    | \"top-right\"\n    | \"bottom\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"start\"\n    | \"start-start\"\n    | \"start-end\"\n    | \"end\"\n    | \"end-start\"\n    | \"end-end\" = \"bottom\";\n\n  @part(POPOVER)\n  protected _popover: HTMLElement;\n\n  constructor() {\n    super();\n    new StyleController(this, () => {\n      return joinRules({\n        \"[part=root],slot:not([name])::slotted(*)\": {\n          \"anchor-name\": this.anchorName,\n        },\n        \"[part=popover]\": {\n          \"position-anchor\": this.anchorName,\n          \"position-area\": this.resolveArea(),\n        },\n      });\n    });\n  }\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\">\n        <div\n          part=\"trigger\"\n          @click=${this._handleClick}\n        >\n          ${htmlSlot()}\n        </div>\n        <div\n          part=\"popover\"\n          popover=\"manual\"\n        >\n          ${htmlSlot(\"popover\")}\n        </div>\n      </div>\n    `;\n  }\n\n  protected _handleClick(): void {\n    const { action } = this;\n    switch (action) {\n      case \"show\":\n      case \"hide\":\n      case \"toggle\":\n        this[action]();\n    }\n  }\n\n  show(): void {\n    this.toggle(true);\n  }\n\n  hide(): void {\n    this.toggle(false);\n  }\n\n  toggle(force?: boolean): void {\n    this.open = force ?? !this.open;\n  }\n\n  protected updated(_changedProperties: PropertyValues): void {\n    if (_changedProperties.has(\"open\")) {\n      this._openChange();\n    }\n  }\n\n  protected _openChange(): void {\n    const { open } = this;\n    if (open) {\n      showPopover.call(this, this._popover);\n      const listener = (e) => {\n        if (!this.contains(e.target)) {\n          this.events.remove(document, \"click\", listener);\n          this.open = false;\n        }\n      };\n      this.events.add(document, \"click\", listener);\n    } else {\n      hidePopover(this._popover);\n    }\n    this.dispatchCustomEvent(\"toggle\", open);\n  }\n\n  resolveArea(): string {\n    const split = this.position.split(\"-\");\n    const firstValue = this.span === \"spread\" ? `span-${split[0]}` : split[0];\n    if (split.length < 2) {\n      return `${firstValue} center`;\n    }\n    const secondValue = this.span === \"isolated\" ? split[1] : `span-${split[1]}`;\n    return `${firstValue} ${secondValue}`;\n  }\n}\n\nexport { Popover, Popover as default };\n"],"version":3,"file":"component.d.ts"}

package/web-components/popover/component.js

@@ -1,2 +1,3 @@
-import{__decorate as o}from"tslib";import{property as t}from"lit/decorators.js";import{GlobalStyle as e}from"../../internal/global-style.js";import{css as i,html as s}from"lit";import{part as p,godown as r,styles as n,StyleController as a,joinRules as h,htmlSlot as l}from"@godown/element";import{showPopover as c,hidePopover as d}from"../../internal/popover.js";const v="popover",m=v;let g=class Popover extends e{constructor(){super(),this.anchorName=`--${v}-${Math.random().toString(36).slice(2)}`,this.open=!1,this.action="show",this.span="span",this.position="bottom",new a(this,(()=>h({"[part=root],slot:not([name])::slotted(*)":{"anchor-name":this.anchorName},"[part=popover]":{"position-anchor":this.anchorName,"position-area":this.resolveArea()}})))}render(){return s`<div part="root"> <div part="trigger" @click=${this._handleClick}> ${l()} </div> <div part="popover" popover="manual"> ${l("popover")} </div> </div>`}_handleClick(){const{action:o}=this;switch(o){case"show":case"hide":case"toggle":this[o]()}}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(o){this.open=o??!this.open}updated(o){o.has("open")&&this._openChange()}_openChange(){const{open:o}=this;if(o){c.call(this,this._popover);const o=t=>{this.contains(t.target)||(this.events.remove(document,"click",o),this.open=!1)};this.events.add(document,"click",o)}else d(this._popover);this.dispatchCustomEvent("toggle",o)}resolveArea(){const o=this.position.split("-"),t="spread"===this.span?`span-${o[0]}`:o[0];if(o.length<2)return`${t} center`;return`${t} ${"isolated"===this.span?o[1]:`span-${o[1]}`}`}};o([t({type:Boolean,reflect:!0})],g.prototype,"open",void 0),o([t()],g.prototype,"action",void 0),o([t()],g.prototype,"span",void 0),o([t()],g.prototype,"position",void 0),o([p(v)],g.prototype,"_popover",void 0),g=o([r(m),n(i`:host{display:inline-block}[part=trigger]{display:contents}[part=root]{display:inherit}[part=popover]{inset:unset;overflow:visible;position:absolute;z-index:1;position-try-fallbacks:flip-block}`)],g);export{g as Popover,g as default};
+import{property}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import{css,html}from"lit";import{part,godown,styles,StyleController,joinRules,htmlSlot}from"@godown/element";import{showPopover,hidePopover}from"../../internal/popover.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const POPOVER=`popover`,protoName=POPOVER;let Popover=class e extends GlobalStyle{constructor(){super(),this.anchorName=`--${POPOVER}-${Math.random().toString(36).slice(2)}`,this.open=!1,this.action=`show`,this.span=`span`,this.position=`bottom`,new StyleController(this,()=>joinRules({"[part=root],slot:not([name])::slotted(*)":{"anchor-name":this.anchorName},"[part=popover]":{"position-anchor":this.anchorName,"position-area":this.resolveArea()}}))}render(){return html`<div part="root"> <div part="trigger" @click=${this._handleClick}> ${htmlSlot()} </div> <div part="popover" popover="manual"> ${htmlSlot(`popover`)} </div> </div>`}_handleClick(){let{action:e}=this;switch(e){case`show`:case`hide`:case`toggle`:this[e]()}}show(){this.toggle(!0)}hide(){this.toggle(!1)}toggle(e){this.open=e??!this.open}updated(e){e.has(`open`)&&this._openChange()}_openChange(){let{open:e}=this;if(e){showPopover.call(this,this._popover);let e=m=>{this.contains(m.target)||(this.events.remove(document,`click`,e),this.open=!1)};this.events.add(document,`click`,e)}else hidePopover(this._popover);this.dispatchCustomEvent(`toggle`,e)}resolveArea(){let e=this.position.split(`-`),m=this.span===`spread`?`span-${e[0]}`:e[0];if(e.length<2)return`${m} center`;let h=this.span===`isolated`?e[1]:`span-${e[1]}`;return`${m} ${h}`}};_decorate([property({type:Boolean,reflect:!0})],Popover.prototype,`open`,void 0),_decorate([property()],Popover.prototype,`action`,void 0),_decorate([property()],Popover.prototype,`span`,void 0),_decorate([property()],Popover.prototype,`position`,void 0),_decorate([part(POPOVER)],Popover.prototype,`_popover`,void 0),Popover=_decorate([godown(protoName),styles(css`:host{display:inline-block}[part=trigger]{display:contents}[part=root]{display:inherit}[part=popover]{inset:unset;z-index:1;overflow:visible;position:absolute;position-try-fallbacks:flip-block}
+`)],Popover);export{Popover,Popover as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/popover/component.ts"],"sourcesContent":null,"names":["POPOVER","protoName","Popover","GlobalStyle","constructor","super","this","anchorName","Math","random","toString","slice","open","action","span","position","StyleController","joinRules","resolveArea","render","html","_handleClick","htmlSlot","toggle","force","updated","_changedProperties","has","_openChange","showPopover","call","_popover","listener","e","contains","target","events","remove","document","add","hidePopover","dispatchCustomEvent","split","firstValue","length","property","type","Boolean","reflect","prototype","__decorate","part","godown","styles","css"],"mappings":"2WAMA,MAAMA,EAAU,UACVC,EAAYD,EAkClB,IAAME,EAAN,MAAMA,gBAAgBC,EAyCpB,WAAAC,GACEC,QAzCFC,KAAAC,WAAa,KAAKP,KAAWQ,KAAKC,SAASC,SAAS,IAAIC,MAAM,KAG9DL,KAAIM,MAAG,EAGPN,KAAMO,OAAwC,OAG9CP,KAAIQ,KAAmC,OAOvCR,KAAQS,SAmBQ,SAOd,IAAIC,EAAgBV,MAAM,IACjBW,EAAU,CACf,2CAA4C,CAC1C,cAAeX,KAAKC,YAEtB,iBAAkB,CAChB,kBAAmBD,KAAKC,WACxB,gBAAiBD,KAAKY,mBAKpB,MAAAC,GACR,OAAOC,CAAI,gDAAAd,KAAAe,iBAAAC,oDAAAA,EAAA,+DAII,OAAAT,cAEP,IAAA,2CAMQU,QAAA,UAGfjB,KAAAiB,QAAA,GAGO,MAAAA,CAAYC,GACpBlB,KAAAM,KAAQY,SAAeZ,KAErB,OAAAa,CAAAC,GACAA,EAAWC,IAAA,SACXrB,KAAKsB,cAGT,WAAAA,GAEI,MAAAhB,KAAAA,GAAAN,KACF,GAAIM,EAAC,CACPiB,EAAAC,KAAAxB,KAAAA,KAAAyB,UAEI,MAAAC,EAAAC,IACU3B,KAAM4B,SAAAD,EAAAE,UACpB7B,KAAA8B,OAAAC,OAAAC,SAAA,QAAAN,GAEsB1B,KAAAM,MAAA,IAIJN,KAAkC8B,OAAAG,IAAAD,SAAA,QAAAN,EAClD,MAEAQ,EAAAlC,KAAAyB,UAGmBzB,KAAAmC,oBAAA,SAAA7B,EACnB,qBAEa8B,EAAApC,cAAgBoC,MAAS,KACpCC,EAAuB,WAATrC,UAAS,QAAAoC,EAAA,KAAAA,EAAA,QACjBE,OAAc,WACZD,WAGR,MAAC,GAAAA,KADC,aAAArC,KAAAQ,KAAA4B,EAAA,GAAA,QAAAA,EAAA,YAIFG,EAAA,CAAAC,KAAAC,QAAiBC,SAAS,OAC5BC,UAAA,YAAA,GACAC,EAAA,CACFL,OAEWI,UAAA,cAAA,KACH,MAEN/C,EAAA+C,UAAU,YAAY,aAGhBA,UAAA,mBACNC,EAAA,CACFC,EAAAnD,IACDE,EAAA+C,UAAA,gBAAA,GA5HC/C,EAAAgD,EAAA,CADCE,EAAQnD,GACIoD,EAAAC,CAAA,sMAGbpD"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/popover/component.ts"],"sourcesContent":["import { property } from \"lit/decorators.js\";\nimport GlobalStyle from \"../../internal/global-style.js\";\nimport { css, html, type PropertyValues, type TemplateResult } from \"lit\";\nimport { godown, htmlSlot, joinRules, part, StyleController, styles } from \"@godown/element\";\nimport { hidePopover, showPopover } from \"../../internal/popover.js\";\n\nconst POPOVER = \"popover\";\nconst protoName = POPOVER;\n\n/**\n * {@link Popover} renders a popover.\n *\n * This requires the support of the popover API and CSS position-area.\n *\n * @fires toggle - Fired when the popover is toggled.\n * @slot popover - Popover content.\n * @slot - Popover trigger.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: inline-block;\n  }\n\n  [part=\"trigger\"] {\n    display: contents;\n  }\n\n  [part=\"root\"] {\n    display: inherit;\n  }\n\n  [part=\"popover\"] {\n    inset: unset;\n    z-index: 1;\n    overflow: visible;\n    position: absolute;\n    position-try-fallbacks: flip-block;\n  }\n`)\nclass Popover extends GlobalStyle {\n  anchorName = `--${POPOVER}-${Math.random().toString(36).slice(2)}`;\n\n  @property({ type: Boolean, reflect: true })\n  open = false;\n\n  @property()\n  action: \"hide\" | \"show\" | \"toggle\" | \"none\" = \"show\";\n\n  @property()\n  span: \"span\" | \"spread\" | \"isolated\" = \"span\";\n\n  /**\n   * The position refers to the spatial location of the popover in relation to the trigger,\n   * rather than the alignment property between them.\n   */\n  @property()\n  position:\n    | \"center\"\n    | \"left\"\n    | \"left-top\"\n    | \"left-bottom\"\n    | \"right\"\n    | \"right-top\"\n    | \"right-bottom\"\n    | \"top\"\n    | \"top-left\"\n    | \"top-right\"\n    | \"bottom\"\n    | \"bottom-left\"\n    | \"bottom-right\"\n    | \"start\"\n    | \"start-start\"\n    | \"start-end\"\n    | \"end\"\n    | \"end-start\"\n    | \"end-end\" = \"bottom\";\n\n  @part(POPOVER)\n  protected _popover: HTMLElement;\n\n  constructor() {\n    super();\n    new StyleController(this, () => {\n      return joinRules({\n        \"[part=root],slot:not([name])::slotted(*)\": {\n          \"anchor-name\": this.anchorName,\n        },\n        \"[part=popover]\": {\n          \"position-anchor\": this.anchorName,\n          \"position-area\": this.resolveArea(),\n        },\n      });\n    });\n  }\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\">\n        <div\n          part=\"trigger\"\n          @click=${this._handleClick}\n        >\n          ${htmlSlot()}\n        </div>\n        <div\n          part=\"popover\"\n          popover=\"manual\"\n        >\n          ${htmlSlot(\"popover\")}\n        </div>\n      </div>\n    `;\n  }\n\n  protected _handleClick(): void {\n    const { action } = this;\n    switch (action) {\n      case \"show\":\n      case \"hide\":\n      case \"toggle\":\n        this[action]();\n    }\n  }\n\n  show(): void {\n    this.toggle(true);\n  }\n\n  hide(): void {\n    this.toggle(false);\n  }\n\n  toggle(force?: boolean): void {\n    this.open = force ?? !this.open;\n  }\n\n  protected updated(_changedProperties: PropertyValues): void {\n    if (_changedProperties.has(\"open\")) {\n      this._openChange();\n    }\n  }\n\n  protected _openChange(): void {\n    const { open } = this;\n    if (open) {\n      showPopover.call(this, this._popover);\n      const listener = (e) => {\n        if (!this.contains(e.target)) {\n          this.events.remove(document, \"click\", listener);\n          this.open = false;\n        }\n      };\n      this.events.add(document, \"click\", listener);\n    } else {\n      hidePopover(this._popover);\n    }\n    this.dispatchCustomEvent(\"toggle\", open);\n  }\n\n  resolveArea(): string {\n    const split = this.position.split(\"-\");\n    const firstValue = this.span === \"spread\" ? `span-${split[0]}` : split[0];\n    if (split.length < 2) {\n      return `${firstValue} center`;\n    }\n    const secondValue = this.span === \"isolated\" ? split[1] : `span-${split[1]}`;\n    return `${firstValue} ${secondValue}`;\n  }\n}\n\nexport { Popover, Popover as default };\n"],"names":["Popover","action","force?: boolean","force","_changedProperties: PropertyValues","open","listener","e","split","firstValue","secondValue"],"mappings":"yUAMA,MAAM,QAAU,UACV,UAAY,QAYlB,IAAA,QAAA,MAsBMA,UAAgB,WAAY,CAyChC,aAAc,CAEZ,AADA,OAAO,CAzCT,KAAA,WAAa,CAAC,EAAE,EAAE,QAAQ,CAAC,EAAE,KAAK,QAAQ,CAAC,SAAS,GAAG,CAAC,MAAM,EAAE,EAAE,MAGlE,MAAO,OAGP,OAA8C,YAG9C,KAAuC,YAOvC,SAmBgB,SAOd,IAAI,gBAAgB,KAAM,IACjB,UAAU,CACf,2CAA4C,CAC1C,cAAe,KAAK,UACrB,EACD,iBAAkB,CAChB,kBAAmB,KAAK,WACxB,gBAAiB,KAAK,aAAA,AACvB,CACF,EAAC,CAEL,CACS,QAA4B,CACpC,MAAO,KAAI,CAAA,6CAIE,EAAE,KAAK,aAAA,EAEd,EAAE,UAAU,CAAA,8CAMZ,EAAE,SAAS,UAAU,CAAA,cAG3B,CAAC,AACF,CAES,cAAqB,CAC7B,GAAM,CAAE,SAAQ,CAAG,KACnB,OAAQC,EAAR,CACE,IAAK,OACL,IAAK,OACL,IAAK,cACEA,IAAS,AACjB,CACF,CAED,MAAa,CACX,KAAK,QAAO,EAAK,AAClB,CAED,MAAa,CACX,KAAK,QAAO,EAAM,AACnB,CAED,OAAOC,EAAuB,CAC5B,KAAK,KAAOC,IAAU,KAAK,IAC5B,CAES,QAAQC,EAA0C,CAC1D,AAAI,EAAmB,IAAI,OAAO,EAChC,KAAK,aAAa,AAErB,CAES,aAAoB,CAC5B,GAAM,CAAE,OAAM,CAAG,KACjB,GAAIC,EAAM,CACR,YAAY,KAAK,KAAM,KAAK,SAAS,CACrC,IAAMC,EAAW,AAACC,GAAM,CACtB,AAAK,KAAK,SAASA,EAAE,OAAO,GAC1B,KAAK,OAAO,OAAO,SAAU,QAASD,EAAS,CAC/C,KAAK,MAAO,EAEf,EACD,KAAK,OAAO,IAAI,SAAU,QAASA,EAAS,AAC7C,MACC,YAAY,KAAK,SAAS,CAE5B,KAAK,oBAAoB,SAAUD,EAAK,AACzC,CAED,aAAsB,CACpB,IAAMG,EAAQ,KAAK,SAAS,MAAM,IAAI,CAChCC,EAAa,KAAK,OAAS,SAAW,CAAC,KAAK,EAAED,EAAM,IAAI,CAAGA,EAAM,GACvE,GAAIA,EAAM,OAAS,EACjB,MAAO,GAAGC,EAAW,OAAO,CAAC,CAE/B,IAAMC,EAAc,KAAK,OAAS,WAAaF,EAAM,GAAK,CAAC,KAAK,EAAEA,EAAM,IAAI,CAC5E,MAAO,GAAGC,EAAW,CAAC,EAAEC,GAAa,AACtC,CACF,EAtJA,WAyBE,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,QAAA,UAAA,WAAA,GAAA,YAG1C,UAAU,AAAA,EAAA,QAAA,UAAA,gBAAA,YAGV,UAAU,AAAA,EAAA,QAAA,UAAA,cAAA,YAOV,UAAU,AAAA,EAAA,QAAA,UAAA,kBAAA,CAsBV,UAAA,CAAA,KAAK,QAAQ,AAAA,EAAA,QAAA,UAAA,kBAAA,CA5Df,QAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AAoBZ,CAAC,CAAC,AAAA,EAAA,QAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/popover/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/popover/definition.ts"],"sourcesContent":["import Popover from \"./component.js\";\n\nPopover.define();\n\nexport default Popover;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-popover\": Popover;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/popover/definition.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/popover/definition.ts"],"sourcesContent":null,"names":["Popover","define"],"mappings":"yCAEAA,EAAQC,SAER,IAAAD,EAAeA"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/popover/definition.ts"],"sourcesContent":["import Popover from \"./component.js\";\n\nPopover.define();\n\nexport default Popover;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-popover\": Popover;\n  }\n}\n"],"names":["Popover"],"mappings":"iDAEAA,UAAQ,QAAQ,CAEhB,IAAA,QAAeA"}