godown 3.13.0 → 3.13.2

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"}

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

@@ -1,16 +1,15 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Progress} similar to `<progress>`.
- *
- * @category feedback
- */
+* {@linkcode Progress} similar to `<progress>`.
+*
+* @category feedback
+*/
 declare class Progress extends GlobalStyle {
-    max: number;
-    min: number;
-    value: number;
-    protected render(): TemplateResult<1>;
+	max: number;
+	min: number;
+	value: number;
+	protected render(): TemplateResult<1>;
 }
 export default Progress;
 export { Progress };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/progress/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,gCAAgC,CAAC;AAI5E;;;;GAIG;AACH,cA+CM,QAAS,SAAQ,WAAW;IAEhC,GAAG,SAAK;IAGR,GAAG,SAAK;IAGR,KAAK,EAAE,MAAM,CAAC;IAEd,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAsBtC;AAED,eAAe,QAAQ,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAkC,gCAAiC;;;;;;AAS5E,cA+CM,iBAAiB,YAAY;CACjC,AACA;CAEA,AACA;CAEA,AACA;CAEA,UAAU,UAAU,eAAe;AAsBpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/progress/component.ts"],"sourcesContent":["import { attr, godown, isNullable, Ranger, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars } from \"../../internal/global-style.js\";\n\nconst protoName = \"progress\";\n\n/**\n * {@linkcode Progress} similar to `<progress>`.\n *\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    width: 100%;\n    height: 0.5em;\n    border-radius: 0.25em;\n    background: var(${cssGlobalVars.passive});\n    color: var(${cssGlobalVars.active});\n  }\n\n  :host,\n  [part=\"root\"] {\n    display: block;\n  }\n\n  [part=\"root\"] {\n    z-index: 1;\n    position: relative;\n    border-radius: inherit;\n    overflow: hidden;\n  }\n\n  [part=\"value\"] {\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: 0;\n    height: 100%;\n    border-radius: inherit;\n    transition: all 0.3s;\n    animation: progress 1.8s ease-in-out infinite alternate;\n    background: currentColor;\n  }\n\n  @keyframes progress {\n    from {\n      left: 0;\n    }\n    to {\n      left: 80%;\n    }\n  }\n\n  .static [part=\"value\"] {\n    animation: none;\n  }\n`)\nclass Progress extends GlobalStyle {\n  @property({ type: Number })\n  max = 1;\n\n  @property({ type: Number })\n  min = 0;\n\n  @property({ type: Number })\n  value: number;\n\n  protected render(): TemplateResult<1> {\n    let width = 20;\n    let className: string;\n    if (!isNullable(this.value)) {\n      const ranger = new Ranger(this.min, this.max);\n      const value = +this.value - this.min;\n      width = (value / ranger.diff) * 100;\n      className = \"static\";\n    }\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        class=\"${className}\"\n      >\n        <i\n          part=\"value\"\n          style=\"width:${width}%;\"\n        ></i>\n      </div>\n    `;\n  }\n}\n\nexport default Progress;\nexport { Progress };\n"],"version":3,"file":"component.d.ts"}

package/web-components/progress/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as r,styles as e,isNullable as o,Ranger as i,attr as s}from"@godown/element";import{css as a,html as n}from"lit";import{property as l}from"lit/decorators.js";import{cssGlobalVars as p,GlobalStyle as d}from"../../internal/global-style.js";let m=class Progress extends d{constructor(){super(...arguments),this.max=1,this.min=0}render(){let t,r=20;if(!o(this.value)){const e=new i(this.min,this.max);r=(+this.value-this.min)/e.diff*100,t="static"}return n`<div part="root" ${s(this.observedRecord)} class="${t}"> <i part="value" style="width:${r}%;"></i> </div>`}};t([l({type:Number})],m.prototype,"max",void 0),t([l({type:Number})],m.prototype,"min",void 0),t([l({type:Number})],m.prototype,"value",void 0),m=t([r("progress"),e(a`:host{background:var(${p.passive});border-radius:.25em;color:var(${p.active});height:.5em;width:100%}:host,[part=root]{display:block}[part=root]{border-radius:inherit;overflow:hidden;position:relative;z-index:1}[part=value]{animation:progress 1.8s ease-in-out infinite alternate;background:currentColor;border-radius:inherit;height:100%;left:0;position:absolute;top:0;transition:all .3s;z-index:2}@keyframes progress{0%{left:0}to{left:80%}}.static [part=value]{animation:none}`)],m);var u=m;export{m as Progress,u as default};
+import{godown,styles,isNullable,Ranger,attr}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";const protoName=`progress`;let Progress=class e extends GlobalStyle{constructor(...e){super(...e),this.max=1,this.min=0}render(){let e=20,d;if(!isNullable(this.value)){let f=new Ranger(this.min,this.max),p=+this.value-this.min;e=p/f.diff*100,d=`static`}return html`<div part="root" ${attr(this.observedRecord)} class="${d}"> <i part="value" style="width:${e}%;"></i> </div>`}};_decorate([property({type:Number})],Progress.prototype,`max`,void 0),_decorate([property({type:Number})],Progress.prototype,`min`,void 0),_decorate([property({type:Number})],Progress.prototype,`value`,void 0),Progress=_decorate([godown(protoName),styles(css`:host{width:100%;height:.5em;border-radius:.25em;background:var(${cssGlobalVars.passive});color:var(${cssGlobalVars.active})}:host,[part=root]{display:block}[part=root]{z-index:1;position:relative;border-radius:inherit;overflow:hidden}[part=value]{position:absolute;z-index:2;top:0;left:0;height:100%;border-radius:inherit;transition:all .3s;animation:progress 1.8s ease-in-out infinite alternate;background:currentColor}@keyframes progress{0%{left:0}to{left:80%}}.static [part=value]{animation:none}`)],Progress);var Progress$1=Progress;export{Progress,Progress$1 as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/progress/component.ts"],"sourcesContent":null,"names":["Progress","GlobalStyle","constructor","this","max","min","render","className","width","isNullable","value","ranger","Ranger","diff","html","attr","observedRecord","__decorate","Number","prototype","godown","styles","css","cssGlobalVars","passive","active","Progress$1"],"mappings":"+RA4DA,IAAMA,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAEEC,KAAGC,IAAG,EAGND,KAAGE,IAAG,EAKI,MAAAC,GACR,IACIC,EADAC,EAAQ,GAEZ,IAAKC,EAAWN,KAAKO,OAAQ,CAC3B,MAAMC,EAAS,IAAIC,EAAOT,KAAKE,IAAKF,KAAKC,KAEzCI,IADeL,KAAKO,MAAQP,KAAKE,KAChBM,EAAOE,KAAQ,IAChCN,EAAY,SAEd,OAAOO,CAAI,oBAAAC,EAAAZ,KAAAa,0BAAAT,oCAAAC,qBAGLS,EAAA,SACgBC,gFAII,0BAGzBC,UAAA,aAAA,KACHF,EAAA,CACDG,EAtFiB,YAwDhBC,EAAAC,CAAA,wBAAAC,EAAAC,0CAAAD,EAAAE,2ZADCzB,GACO,IAAA0B,EAAA1B"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/progress/component.ts"],"sourcesContent":["import { attr, godown, isNullable, Ranger, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars } from \"../../internal/global-style.js\";\n\nconst protoName = \"progress\";\n\n/**\n * {@linkcode Progress} similar to `<progress>`.\n *\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    width: 100%;\n    height: 0.5em;\n    border-radius: 0.25em;\n    background: var(${cssGlobalVars.passive});\n    color: var(${cssGlobalVars.active});\n  }\n\n  :host,\n  [part=\"root\"] {\n    display: block;\n  }\n\n  [part=\"root\"] {\n    z-index: 1;\n    position: relative;\n    border-radius: inherit;\n    overflow: hidden;\n  }\n\n  [part=\"value\"] {\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: 0;\n    height: 100%;\n    border-radius: inherit;\n    transition: all 0.3s;\n    animation: progress 1.8s ease-in-out infinite alternate;\n    background: currentColor;\n  }\n\n  @keyframes progress {\n    from {\n      left: 0;\n    }\n    to {\n      left: 80%;\n    }\n  }\n\n  .static [part=\"value\"] {\n    animation: none;\n  }\n`)\nclass Progress extends GlobalStyle {\n  @property({ type: Number })\n  max = 1;\n\n  @property({ type: Number })\n  min = 0;\n\n  @property({ type: Number })\n  value: number;\n\n  protected render(): TemplateResult<1> {\n    let width = 20;\n    let className: string;\n    if (!isNullable(this.value)) {\n      const ranger = new Ranger(this.min, this.max);\n      const value = +this.value - this.min;\n      width = (value / ranger.diff) * 100;\n      className = \"static\";\n    }\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        class=\"${className}\"\n      >\n        <i\n          part=\"value\"\n          style=\"width:${width}%;\"\n        ></i>\n      </div>\n    `;\n  }\n}\n\nexport default Progress;\nexport { Progress };\n"],"names":["Progress","width","className: string","ranger","value","className"],"mappings":"uQAMA,MAAM,UAAY,WAOlB,IAAA,SAAA,MA+CMA,UAAiB,WAAY,oCAEjC,IAAM,OAGN,IAAM,EAKI,QAA4B,CACpC,IAAIC,EAAQ,GACRC,EACJ,IAAK,WAAW,KAAK,MAAM,CAAE,CAC3B,IAAMC,EAAS,IAAI,OAAO,KAAK,IAAK,KAAK,KACnCC,GAAS,KAAK,MAAQ,KAAK,IAEjC,AADAH,EAASG,EAAQD,EAAO,KAAQ,IAChCE,EAAY,QACb,CACD,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,QACpB,EAAEA,EAAU,gCAIJ,EAAEJ,EAAM,eAG3B,CAAC,AACF,CACF,EA/EA,WAgDE,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,SAAA,UAAA,aAAA,YAG1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,SAAA,UAAA,aAAA,YAG1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,SAAA,UAAA,eAAA,CAtD5B,SAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,gEAKQ,EAAE,cAAc,QAAQ,YAC7B,EAAE,cAAc,OAAO,yXAuCtC,CAAC,CAAC,AAAA,EAAA,SAAA,CAmCF,IAAA,WAAe"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/progress/definition.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAC;AAItC,eAAe,QAAQ,CAAC;AAExB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,QAAQ,CAAC;KAC7B;CACF"}
+{"mappings":"AAAA,OAAO,cAAc,gBAAiB;AAItC,eAAe;eAEA;WACH,sBAAsB;EAC9B,mBAAmB;CACpB;AACF","names":[],"sources":["../../../src/web-components/progress/definition.ts"],"sourcesContent":["import Progress from \"./component.js\";\n\nProgress.define();\n\nexport default Progress;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-progress\": Progress;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/progress/definition.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.js","sources":["../../src/web-components/progress/definition.ts"],"sourcesContent":null,"names":["Progress","define"],"mappings":"8BAEAA,EAASC"}
+{"version":3,"file":"definition.js","sources":["../../src/web-components/progress/definition.ts"],"sourcesContent":["import Progress from \"./component.js\";\n\nProgress.define();\n\nexport default Progress;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-progress\": Progress;\n  }\n}\n"],"names":[],"mappings":"qCAEA,SAAS,QAAQ"}

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

@@ -3,116 +3,115 @@ import { type TemplateResult } from "lit";
 import { SuperInput } from "../../internal/super-input.js";
 type RangeValue = number | number[];
 /**
- * {@linkcode Range} is similar to `<input type="range">`.
- *
- * Value accepts number, or array.
- *
- * Number has 1 handle, the array has the number of its elements.
- *
- * @fires range - Fires when the value changes.
- * @category input
- */
+* {@linkcode Range} is similar to `<input type="range">`.
+*
+* Value accepts number, or array.
+*
+* Number has 1 handle, the array has the number of its elements.
+*
+* @fires range - Fires when the value changes.
+* @category input
+*/
 declare class Range<V extends RangeValue = RangeValue> extends SuperInput<RangeValue> {
-    /**
-     * Minimum value.
-     */
-    min: number;
-    /**
-     * Maximum value.
-     */
-    max: number;
-    /**
-     * Sliding step length.
-     */
-    step: number;
-    /**
-     * Whether to display the range vertically.
-     */
-    vertical: boolean;
-    /**
-     * Value, or each of values, will render a handle.
-     *
-     * Accepts number or array of numbers.
-     */
-    value: V;
-    /**
-     * The default of `{@linkcode this.value}`.
-     */
-    default: V;
-    protected _root: HTMLElement;
-    protected _handles: NodeListOf<HTMLElement>;
-    lastFocus?: number;
-    protected _ranger: Ranger;
-    private __focusStack;
-    get range(): V extends number ? false : true;
-    /**
-     * Return values in the form of an array.
-     */
-    get rangeValue(): number[];
-    /**
-     * Pad the value to the specified length.
-     */
-    padValue(len: number, value?: number): number[];
-    attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
-    get observedRecord(): Record<string, any>;
-    protected render(): TemplateResult<1>;
-    protected _renderHandle(index: number): TemplateResult<1>;
-    private __keydownEvent;
-    /**
-     * Focuses the handle at the given index, updates the focus stack.
-     * @param index - The index of the handle to focus.
-     */
-    focusHandle(index: number): void;
-    /**
-     * Removes the focus from the currently focused handle.
-     */
-    blurHandle(): void;
-    /**
-     * Creates a keydown event handler that updates the value of the range based on arrow key presses.
-     * @param index - The index of the handle to update.
-     * @returns A function that handles the keydown event and updates the range value.
-     */
-    protected createKeydownEvent(index: number): (e: KeyboardEvent) => void;
-    /**
-     * Creates a mouse down event handler that focuses the handle at the given index and sets the value of the range.
-     * @param index - The index of the handle to focus.
-     * @returns A function that handles the mouse down event and updates the range value.
-     */
-    protected createMouseDown(index: number): (e: MouseEvent) => void;
-    /**
-     * Creates a function that sets the value of the range at the given index.
-     * @param index - The index of the value to set.
-     * @returns A function that sets the value of the range.
-     */
-    protected createSetValue(index: number): (value: number) => void;
-    /**
-     * Compute value from event.
-     * @returns The value closest to the event client position.
-     */
-    protected _computeValue({ clientX, clientY }: MouseEvent): number;
-    /**
-     * Handles the mouse down event on the root element of the range component.
-     * Computes the closest value to the mouse position, sets the value, and focuses the corresponding handle.
-     * @param e - The mouse down event object.
-     */
-    protected _handleMousedownRoot(e: MouseEvent): void;
-    /**
-     * Creates a mouse down event handler that focuses the handle at the given index and sets the value of the range.
-     * @param index - The index of the handle to focus.
-     * @returns A function that handles the mouse down event and updates the range value.
-     */
-    protected createMousedownListener(mouseMoveCallback: (arg0: number) => void): (e: MouseEvent) => void;
-    /**
-     * Creates a mouse move event handler that updates the range value based on the mouse position.
-     * @param callback - A function to call with the new value when the mouse is moved.
-     * @returns A function that handles the mouse move event and updates the range value.
-     */
-    protected createMousemoveListener(callback: (newValue: number) => void): (e: MouseEvent) => void;
-    protected _connectedInit(): void;
-    reset(): void;
-    sort(): V;
-    toSorted(): V;
+	/**
+	* Minimum value.
+	*/
+	min: number;
+	/**
+	* Maximum value.
+	*/
+	max: number;
+	/**
+	* Sliding step length.
+	*/
+	step: number;
+	/**
+	* Whether to display the range vertically.
+	*/
+	vertical: boolean;
+	/**
+	* Value, or each of values, will render a handle.
+	*
+	* Accepts number or array of numbers.
+	*/
+	value: V;
+	/**
+	* The default of `{@linkcode this.value}`.
+	*/
+	default: V;
+	protected _root: HTMLElement;
+	protected _handles: NodeListOf<HTMLElement>;
+	lastFocus?: number;
+	protected _ranger: Ranger;
+	private __focusStack;
+	get range(): V extends number ? false : true;
+	/**
+	* Return values in the form of an array.
+	*/
+	get rangeValue(): number[];
+	/**
+	* Pad the value to the specified length.
+	*/
+	padValue(len: number, value?: number): number[];
+	attributeChangedCallback(name: string, _old: string | null, value: string | null): void;
+	get observedRecord(): Record<string, any>;
+	protected render(): TemplateResult<1>;
+	protected _renderHandle(index: number): TemplateResult<1>;
+	private __keydownEvent;
+	/**
+	* Focuses the handle at the given index, updates the focus stack.
+	* @param index - The index of the handle to focus.
+	*/
+	focusHandle(index: number): void;
+	/**
+	* Removes the focus from the currently focused handle.
+	*/
+	blurHandle(): void;
+	/**
+	* Creates a keydown event handler that updates the value of the range based on arrow key presses.
+	* @param index - The index of the handle to update.
+	* @returns A function that handles the keydown event and updates the range value.
+	*/
+	protected createKeydownEvent(index: number): (e: KeyboardEvent) => void;
+	/**
+	* Creates a mouse down event handler that focuses the handle at the given index and sets the value of the range.
+	* @param index - The index of the handle to focus.
+	* @returns A function that handles the mouse down event and updates the range value.
+	*/
+	protected createMouseDown(index: number): (e: MouseEvent) => void;
+	/**
+	* Creates a function that sets the value of the range at the given index.
+	* @param index - The index of the value to set.
+	* @returns A function that sets the value of the range.
+	*/
+	protected createSetValue(index: number): (value: number) => void;
+	/**
+	* Compute value from event.
+	* @returns The value closest to the event client position.
+	*/
+	protected _computeValue({ clientX, clientY }: MouseEvent): number;
+	/**
+	* Handles the mouse down event on the root element of the range component.
+	* Computes the closest value to the mouse position, sets the value, and focuses the corresponding handle.
+	* @param e - The mouse down event object.
+	*/
+	protected _handleMousedownRoot(e: MouseEvent): void;
+	/**
+	* Creates a mouse down event handler that focuses the handle at the given index and sets the value of the range.
+	* @param index - The index of the handle to focus.
+	* @returns A function that handles the mouse down event and updates the range value.
+	*/
+	protected createMousedownListener(mouseMoveCallback: (arg0: number) => void): (e: MouseEvent) => void;
+	/**
+	* Creates a mouse move event handler that updates the range value based on the mouse position.
+	* @param callback - A function to call with the new value when the mouse is moved.
+	* @returns A function that handles the mouse move event and updates the range value.
+	*/
+	protected createMousemoveListener(callback: (newValue: number) => void): (e: MouseEvent) => void;
+	protected _connectedInit(): void;
+	reset(): void;
+	sort(): V;
+	toSorted(): V;
 }
 export default Range;
 export { Range };
-//# sourceMappingURL=component.d.ts.map