godown 3.13.2 → 3.13.3

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/router/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type PropertyValueMap, type TemplateResult, css } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\nimport { Router as Mux, omit } from \"sharekit\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\ninterface RouteState {\n  pathname: string;\n  params: Record<string, string>;\n  path: string;\n}\n\ninterface RouteResult extends RouteState {\n  component: unknown;\n}\n\ninterface RouteItem {\n  [key: PropertyKey]: unknown;\n  path: string;\n  render?: (state?: RouteState) => unknown;\n  component?: unknown;\n}\n\nconst routerTypes = {\n  field: \"field\",\n  slotted: \"slotted\",\n  united: \"united\",\n} as const;\n\ntype RouterType = keyof typeof routerTypes;\n\nconst protoName = \"router\";\n\n/**\n * {@linkcode Router} has basic routing control.\n *\n * To switch routes, use `router-link component`.\n *\n * It has two methods to collect routes.\n *\n * 1. From field `routes`, an array, each elements require \"path\".\n * 2. From child elements, which have the slot attribute for matching routes.\n *\n * If only the method 1 is used, set `type` to `\"field\"`.\n *\n * If only the method 2 is used, set `type` to `\"slotted\"`.\n *\n * `type` defaults to `\"united\"`, which will try method 1, then method 2.\n *\n * If no routes are matched, the default value (no named slot) will be rendered.\n *\n * @slot - Display slot when there is no match.\n * @slot * - Matching slot will be displayed.\n * @category navigation\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: contents;\n  }\n`)\nclass Router extends GlobalStyle {\n  static routerInstances: Set<Router> = new Set<Router>();\n\n  private __fieldRoute: Mux = new Mux();\n  private __slottedRoute: Mux = new Mux();\n  private __cacheRecord = new Map<string, RouteResult>();\n  private __routes: RouteItem[];\n\n  /**\n   * Render result.\n   */\n  @state()\n  component: unknown | TemplateResult = null;\n\n  /**\n   * Dynamic parameters record.\n   */\n  params?: Record<string, string>;\n\n  /**\n   * Value of matched path in routes.\n   */\n  @state()\n  path?: string;\n\n  /**\n   * Current pathname (equals to location.pathname).\n   */\n  @property()\n  pathname: string = location.pathname;\n\n  /**\n   * Rendered content when there is no match.\n   */\n  @state()\n  default: TemplateResult = htmlSlot();\n\n  /**\n   * The type of routing sources.\n   *\n   * If field, it won't collect the slot attribute of the child elements.\n   *\n   * This property should not be changed after the rendering is complete.\n   */\n  @property()\n  type: RouterType = routerTypes.united;\n\n  /**\n   * Cache accessed records.\n   *\n   * Emptied at each re-collection.\n   */\n  @property({ type: Boolean })\n  cache = false;\n\n  @state()\n  set routes(value) {\n    this.__routes = value;\n    this.collectFieldRoutes(value);\n  }\n\n  get routes(): RouteItem[] {\n    return this.__routes;\n  }\n\n  clear(): void {\n    this.__cacheRecord.clear();\n  }\n\n  protected render(): unknown {\n    let cached: RouteResult | undefined;\n    if (this.cache && (cached = this.__cacheRecord.get(this.pathname))) {\n      this.component = cached.component;\n      this.path = cached.path;\n      this.pathname = cached.pathname;\n    }\n    if (!cached) {\n      switch (this.type) {\n        case routerTypes.field:\n          this.component = this.fieldComponent();\n          break;\n        case routerTypes.slotted:\n          this.component = this.slottedComponent();\n          break;\n        default:\n          this.component = this.fieldComponent() ?? this.slottedComponent();\n      }\n    }\n    return this.component ?? this.default;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    Router.routerInstances.add(this);\n\n    if (this.type !== \"field\") {\n      this.observers.add(this, MutationObserver, this.collectSlottedRoutes, {\n        attributes: true,\n        attributeFilter: [\"slot\"],\n        subtree: true,\n      });\n      this.collectSlottedRoutes();\n    }\n  }\n\n  disconnectedCallback(): void {\n    super.disconnectedCallback();\n    Router.routerInstances.delete(this);\n  }\n\n  useRouter(): RouteResult {\n    return {\n      pathname: this.pathname,\n      params: this.params,\n      path: this.path,\n      component: this.component,\n    };\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>): void {\n    const shouldDispatch = changedProperties.has(\"pathname\") || changedProperties.has(\"path\");\n    if (shouldDispatch) {\n      const ur = this.useRouter();\n      if (!this.__cacheRecord.has(this.pathname) && this.path) {\n        this.__cacheRecord.set(this.pathname, ur);\n      }\n      this.dispatchCustomEvent(\"change\", ur);\n    }\n  }\n\n  /**\n   * Get component from {@linkcode routes} by query.\n   */\n  fieldComponent(query?: string): unknown {\n    if (!query) {\n      const mux = this.__fieldRoute.search(this.pathname);\n      this.params = mux.params(this.pathname);\n      query = mux.pattern;\n    }\n    this.path = query;\n\n    if (!query) {\n      return null;\n    }\n\n    const route = this.routes.find((r) => r.path === query);\n    if (!route) {\n      return null;\n    }\n\n    if (\"render\" in route) {\n      return route.render?.(omit(this.useRouter(), \"component\")) || null;\n    }\n\n    return route.component;\n  }\n\n  /**\n   * Get component from slotted elements by query.\n   */\n  slottedComponent(query?: string): TemplateResult<1> {\n    const slottedPaths = this._slottedNames;\n    if (!query) {\n      const mux = this.__fieldRoute.search(this.pathname);\n      this.params = mux.params(this.pathname);\n      query = mux.pattern;\n    }\n    this.path = query;\n\n    if (!query) {\n      return null;\n    }\n\n    this.path = slottedPaths.find((s) => s === query);\n    if (!this.path) {\n      return null;\n    }\n\n    return htmlSlot(this.path);\n  }\n\n  /**\n   * Reset the route tree, clear cache, collect routes from child elements.\n   */\n  collectSlottedRoutes(): void {\n    this.__slottedRoute = new Mux();\n    this.clear();\n    this._slottedNames.forEach((slotName) => {\n      this.__slottedRoute.insert(slotName);\n    });\n  }\n\n  /**\n   * Reset the route tree, clear cache, collect routes from value.\n   */\n  collectFieldRoutes(value: typeof this.routes): void {\n    this.__fieldRoute = new Mux();\n    this.clear();\n    value.forEach(({ path }) => {\n      this.__fieldRoute.insert(path);\n    });\n  }\n\n  static updateAll(): void {\n    this.routerInstances.forEach((i) => {\n      i.handlePopstate();\n    });\n  }\n\n  search(pathname: string): Mux {\n    return this.__fieldRoute.search(pathname) || this.__slottedRoute.search(pathname);\n  }\n\n  handlePopstate: () => void = this.events.add(window, \"popstate\", () => {\n    this.pathname = location.pathname;\n  });\n}\n\nexport default Router;\nexport { Router };\n"],"names":["Router","Mux","value","cached: RouteResult | undefined","cached","changedProperties: PropertyValueMap<this>","shouldDispatch","changedProperties","ur","query?: string","query","mux","route","r","slottedPaths","s","slotName","value: typeof this.routes","path","i","pathname: string","pathname"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AAEA,cAAc,sBAA0C,KAAM;AAG9D,OAAO,WAAW,uBAAwB;;;;;;;;;;AA4B1C,cAiCM,eAAe,MAAM;CACzB,AACA;CAEA,AACA;CAEA,AACA;CAEA,AACA,QAAQ;EACN;EACA;CACD;CAED,AACA,UAAU;CAEV,UAAU,aAAa;CACvB,UAAU;CACV,UAAU;CAEV,UAAU,UAAU,eAAe;CAuCnC,UAAU,iBAAiB,eAAe;CAM1C,UAAU;CAkBV,UAAU;CAMV;CAKA,OAAOA,eAAeC,gBAAgB,IAAI;CAiB1C;CAOA;CAeA;CAQA,MAAMC,UAAU;CAMhB;AAKD;AAED,eAAe;AACf,SAAS","names":["value: string","label: string","options?: FocusOptions"],"sources":["../../../../src/web-components/select/component.ts"],"sourcesContent":["import { type HandlerEvent, attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport svgCaretDown from \"../../internal/icons/caret-down.js\";\nimport { type TemplateResult, css, html, nothing } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport Input from \"../input/component.js\";\nimport { hidePopover, showPopover } from \"../../internal/popover.js\";\nimport { memoize } from \"../../internal/utils.js\";\n\nconst supportsPositionArea = memoize(() => CSS.supports(\"position-area:top\"));\n\nfunction updateSelected(element: HTMLElement | null, operation: 0 | 1) {\n  if (element) {\n    const name = \"selected\";\n    if (operation) {\n      element.setAttribute(name, \"\");\n    } else {\n      element.removeAttribute(name);\n    }\n  }\n}\n\nconst protoName = \"select\";\n\n/**\n * {@linkcode Select} is similar to `<select>`.\n *\n * @fires input - Fires when the input value changes.\n * @fires change - Fires when the input value changes.\n * @fires select - Fires when select an option.\n * @slot - Options.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  [part=\"root\"] {\n    position: relative;\n    anchor-name: --select;\n  }\n\n  label {\n    display: contents;\n  }\n\n  [part=\"popover\"] {\n    border: 0;\n    width: 100%;\n    background: none;\n    position-anchor: --select;\n    position-area: bottom center;\n    position-try-fallbacks: flip-block;\n  }\n\n  [part=\"input\"] {\n    text-overflow: ellipsis;\n  }\n\n  @supports not (position-area: top) {\n    [part=\"popover\"] {\n      left: 0;\n      top: 100%;\n      display: none;\n      position: absolute;\n    }\n  }\n`)\nclass Select extends Input {\n  @property()\n  text: string;\n\n  @property({ type: Boolean })\n  multiple = false;\n\n  @property({ type: Boolean })\n  noEdit = false;\n\n  @property({ type: Array })\n  values: {\n    value: string;\n    label?: string;\n  }[] = [];\n\n  @query(\"[part=popover]\")\n  _popover: HTMLElement;\n\n  protected lastChecked: HTMLElement;\n  protected defaultText: string;\n  protected optionsVisible = false;\n\n  protected render(): TemplateResult<1> {\n    const inputNoEdit = this.noEdit || this.disabled;\n    return html`\n      <label\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          this._renderPrefix(),\n          this.noEdit\n            ? html`\n                <input style=\"position: absolute;inset: 0;opacity: 0;\" />\n              `\n            : \"\",\n          html`\n            <input\n              part=\"input\"\n              .value=\"${this.text}\"\n              ?autofocus=\"${this.autofocus}\"\n              ?disabled=\"${inputNoEdit}\"\n              autocapitalize=\"${this.autocapitalize || nothing}\"\n              autocomplete=\"${this.autocomplete || nothing}\"\n              placeholder=\"${this.placeholder || nothing}\"\n              @input=\"${inputNoEdit ? null : this._handleInput}\"\n              @change=\"${inputNoEdit ? null : this._handleChange}\"\n            />\n          `,\n          this._renderSuffix(),\n        ]}\n        <div\n          part=\"popover\"\n          popover=\"${supportsPositionArea() ? \"manual\" : nothing}\"\n        >\n          ${htmlSlot()}\n        </div>\n      </label>\n    `;\n  }\n\n  protected _renderSuffix(): TemplateResult<1> {\n    return html`\n      <i part=\"suffix\">${htmlSlot(\"suffix\", svgCaretDown())}</i>\n    `;\n  }\n\n  protected firstUpdated(): void {\n    this.events.add(this._slot, \"click\", (e: HandlerEvent<HTMLOptionElement>) => {\n      const { target } = e;\n      if (target.tagName !== \"OPTION\") {\n        return;\n      }\n      e.preventDefault();\n      const { label, value } = target;\n      const operation = this.select(value, label);\n      if (!this.multiple) {\n        updateSelected(this.lastChecked, 0);\n        this.hideOptions();\n      }\n      updateSelected(target, operation);\n      this.lastChecked = target;\n    });\n  }\n\n  protected _connectedInit(): void {\n    this.default = this.value ??= \"\";\n    this.defaultText = this.text ??= \"\";\n    this.events.add(this, \"focus\", this.showOptions);\n  }\n\n  reset(): void {\n    this.value = this.default;\n    this.text = this.defaultText;\n  }\n\n  select(value: string, label: string): 0 | 1 {\n    label ||= value;\n    let operation: 0 | 1 = 0;\n    const i = this.values.findIndex((s) => s.value === value);\n    if (i > -1) {\n      this.values.splice(i, 1);\n    } else {\n      this.values.push({ value, label });\n      operation = 1;\n    }\n    this.checkValues();\n    this.value = this.values.map((s) => s.value).join(\",\");\n    this.text = this.values.map((s) => s.label).join(\", \");\n    this.dispatchCustomEvent(\"select\", this.value);\n    return operation;\n  }\n\n  checkValues(): void {\n    if (!this.multiple && this.values.length > 1) {\n      this.values.splice(0, this.values.length - 1);\n      this.requestUpdate();\n    }\n  }\n\n  showOptions(): void {\n    if (this.optionsVisible) {\n      return;\n    }\n    showPopover(this._popover);\n    const listener = (e) => {\n      if (!this.contains(e.target)) {\n        this.hideOptions();\n        this.events.remove(document, \"click\", listener);\n      }\n    };\n    this.events.add(document, \"click\", listener);\n    this.optionsVisible = true;\n  }\n\n  hideOptions(): void {\n    if (!this.optionsVisible) {\n      return;\n    }\n    hidePopover(this._popover);\n    this.optionsVisible = false;\n  }\n\n  focus(options?: FocusOptions): void {\n    super.focus();\n    this._input.focus(options);\n    this.showOptions();\n  }\n\n  blur(): void {\n    super.blur();\n    this._input.blur();\n    hidePopover(this._popover);\n  }\n}\n\nexport default Select;\nexport { Select };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,3 @@
+import{godown,styles,attr,htmlSlot}from"@godown/element";import _default from"../../internal/icons/caret-down.js";import{css,nothing,html}from"lit";import{property,query}from"lit/decorators.js";import Input from"../input/component.js";import{showPopover,hidePopover}from"../../internal/popover.js";import{memoize}from"../../internal/utils.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/icons/eye-slash.js";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"../../internal/super-input.js";import"../../internal/ring.js";const supportsPositionArea=memoize(()=>CSS.supports(`position-area:top`));function updateSelected(e,g){if(e){let _=`selected`;g?e.setAttribute(_,``):e.removeAttribute(_)}}const protoName=`select`;let Select=class e extends Input{constructor(...e){super(...e),this.multiple=!1,this.noEdit=!1,this.values=[],this.optionsVisible=!1}render(){let e=this.noEdit||this.disabled;return html`<label part="root" ${attr(this.observedRecord)}> ${[this._renderPrefix(),this.noEdit?html`<input style="position: absolute;inset: 0;opacity: 0;"/> `:``,html`<input part="input" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${e}" autocapitalize="${this.autocapitalize||nothing}" autocomplete="${this.autocomplete||nothing}" placeholder="${this.placeholder||nothing}" @input="${e?null:this._handleInput}" @change="${e?null:this._handleChange}"/>`,this._renderSuffix()]} <div part="popover" popover="${supportsPositionArea()?`manual`:nothing}"> ${htmlSlot()} </div> </label>`}_renderSuffix(){return html`<i part="suffix">${htmlSlot(`suffix`,_default())}</i>`}firstUpdated(){this.events.add(this._slot,`click`,e=>{let{target:g}=e;if(g.tagName!==`OPTION`)return;e.preventDefault();let{label:_,value:v}=g,y=this.select(v,_);this.multiple||(updateSelected(this.lastChecked,0),this.hideOptions()),updateSelected(g,y),this.lastChecked=g})}_connectedInit(){this.default=this.value??=``,this.defaultText=this.text??=``,this.events.add(this,`focus`,this.showOptions)}reset(){this.value=this.default,this.text=this.defaultText}select(e,g){g||=e;let _=0,v=this.values.findIndex(g=>g.value===e);return v>-1?this.values.splice(v,1):(this.values.push({value:e,label:g}),_=1),this.checkValues(),this.value=this.values.map(e=>e.value).join(`,`),this.text=this.values.map(e=>e.label).join(`, `),this.dispatchCustomEvent(`select`,this.value),_}checkValues(){!this.multiple&&this.values.length>1&&(this.values.splice(0,this.values.length-1),this.requestUpdate())}showOptions(){if(this.optionsVisible)return;showPopover(this._popover);let e=g=>{this.contains(g.target)||(this.hideOptions(),this.events.remove(document,`click`,e))};this.events.add(document,`click`,e),this.optionsVisible=!0}hideOptions(){this.optionsVisible&&(hidePopover(this._popover),this.optionsVisible=!1)}focus(e){super.focus(),this._input.focus(e),this.showOptions()}blur(){super.blur(),this._input.blur(),hidePopover(this._popover)}};_decorate([property()],Select.prototype,`text`,void 0),_decorate([property({type:Boolean})],Select.prototype,`multiple`,void 0),_decorate([property({type:Boolean})],Select.prototype,`noEdit`,void 0),_decorate([property({type:Array})],Select.prototype,`values`,void 0),_decorate([query(`[part=popover]`)],Select.prototype,`_popover`,void 0),Select=_decorate([godown(protoName),styles(css`[part=root]{position:relative;anchor-name:--select}label{display:contents}[part=popover]{border:0;width:100%;background:0 0;position-anchor:--select;position-area:bottom center;position-try-fallbacks:flip-block}[part=input]{text-overflow:ellipsis}@supports not (position-area:top){[part=popover]{left:0;top:100%;display:none;position:absolute}}
+`)],Select);var Select$1=Select;export{Select,Select$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/select/component.ts"],"sourcesContent":["import { type HandlerEvent, attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport svgCaretDown from \"../../internal/icons/caret-down.js\";\nimport { type TemplateResult, css, html, nothing } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport Input from \"../input/component.js\";\nimport { hidePopover, showPopover } from \"../../internal/popover.js\";\nimport { memoize } from \"../../internal/utils.js\";\n\nconst supportsPositionArea = memoize(() => CSS.supports(\"position-area:top\"));\n\nfunction updateSelected(element: HTMLElement | null, operation: 0 | 1) {\n  if (element) {\n    const name = \"selected\";\n    if (operation) {\n      element.setAttribute(name, \"\");\n    } else {\n      element.removeAttribute(name);\n    }\n  }\n}\n\nconst protoName = \"select\";\n\n/**\n * {@linkcode Select} is similar to `<select>`.\n *\n * @fires input - Fires when the input value changes.\n * @fires change - Fires when the input value changes.\n * @fires select - Fires when select an option.\n * @slot - Options.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  [part=\"root\"] {\n    position: relative;\n    anchor-name: --select;\n  }\n\n  label {\n    display: contents;\n  }\n\n  [part=\"popover\"] {\n    border: 0;\n    width: 100%;\n    background: none;\n    position-anchor: --select;\n    position-area: bottom center;\n    position-try-fallbacks: flip-block;\n  }\n\n  [part=\"input\"] {\n    text-overflow: ellipsis;\n  }\n\n  @supports not (position-area: top) {\n    [part=\"popover\"] {\n      left: 0;\n      top: 100%;\n      display: none;\n      position: absolute;\n    }\n  }\n`)\nclass Select extends Input {\n  @property()\n  text: string;\n\n  @property({ type: Boolean })\n  multiple = false;\n\n  @property({ type: Boolean })\n  noEdit = false;\n\n  @property({ type: Array })\n  values: {\n    value: string;\n    label?: string;\n  }[] = [];\n\n  @query(\"[part=popover]\")\n  _popover: HTMLElement;\n\n  protected lastChecked: HTMLElement;\n  protected defaultText: string;\n  protected optionsVisible = false;\n\n  protected render(): TemplateResult<1> {\n    const inputNoEdit = this.noEdit || this.disabled;\n    return html`\n      <label\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[\n          this._renderPrefix(),\n          this.noEdit\n            ? html`\n                <input style=\"position: absolute;inset: 0;opacity: 0;\" />\n              `\n            : \"\",\n          html`\n            <input\n              part=\"input\"\n              .value=\"${this.text}\"\n              ?autofocus=\"${this.autofocus}\"\n              ?disabled=\"${inputNoEdit}\"\n              autocapitalize=\"${this.autocapitalize || nothing}\"\n              autocomplete=\"${this.autocomplete || nothing}\"\n              placeholder=\"${this.placeholder || nothing}\"\n              @input=\"${inputNoEdit ? null : this._handleInput}\"\n              @change=\"${inputNoEdit ? null : this._handleChange}\"\n            />\n          `,\n          this._renderSuffix(),\n        ]}\n        <div\n          part=\"popover\"\n          popover=\"${supportsPositionArea() ? \"manual\" : nothing}\"\n        >\n          ${htmlSlot()}\n        </div>\n      </label>\n    `;\n  }\n\n  protected _renderSuffix(): TemplateResult<1> {\n    return html`\n      <i part=\"suffix\">${htmlSlot(\"suffix\", svgCaretDown())}</i>\n    `;\n  }\n\n  protected firstUpdated(): void {\n    this.events.add(this._slot, \"click\", (e: HandlerEvent<HTMLOptionElement>) => {\n      const { target } = e;\n      if (target.tagName !== \"OPTION\") {\n        return;\n      }\n      e.preventDefault();\n      const { label, value } = target;\n      const operation = this.select(value, label);\n      if (!this.multiple) {\n        updateSelected(this.lastChecked, 0);\n        this.hideOptions();\n      }\n      updateSelected(target, operation);\n      this.lastChecked = target;\n    });\n  }\n\n  protected _connectedInit(): void {\n    this.default = this.value ??= \"\";\n    this.defaultText = this.text ??= \"\";\n    this.events.add(this, \"focus\", this.showOptions);\n  }\n\n  reset(): void {\n    this.value = this.default;\n    this.text = this.defaultText;\n  }\n\n  select(value: string, label: string): 0 | 1 {\n    label ||= value;\n    let operation: 0 | 1 = 0;\n    const i = this.values.findIndex((s) => s.value === value);\n    if (i > -1) {\n      this.values.splice(i, 1);\n    } else {\n      this.values.push({ value, label });\n      operation = 1;\n    }\n    this.checkValues();\n    this.value = this.values.map((s) => s.value).join(\",\");\n    this.text = this.values.map((s) => s.label).join(\", \");\n    this.dispatchCustomEvent(\"select\", this.value);\n    return operation;\n  }\n\n  checkValues(): void {\n    if (!this.multiple && this.values.length > 1) {\n      this.values.splice(0, this.values.length - 1);\n      this.requestUpdate();\n    }\n  }\n\n  showOptions(): void {\n    if (this.optionsVisible) {\n      return;\n    }\n    showPopover(this._popover);\n    const listener = (e) => {\n      if (!this.contains(e.target)) {\n        this.hideOptions();\n        this.events.remove(document, \"click\", listener);\n      }\n    };\n    this.events.add(document, \"click\", listener);\n    this.optionsVisible = true;\n  }\n\n  hideOptions(): void {\n    if (!this.optionsVisible) {\n      return;\n    }\n    hidePopover(this._popover);\n    this.optionsVisible = false;\n  }\n\n  focus(options?: FocusOptions): void {\n    super.focus();\n    this._input.focus(options);\n    this.showOptions();\n  }\n\n  blur(): void {\n    super.blur();\n    this._input.blur();\n    hidePopover(this._popover);\n  }\n}\n\nexport default Select;\nexport { Select };\n"],"names":["element: HTMLElement | null","operation: 0 | 1","element","name","operation","Select","inputNoEdit","svgCaretDown","e: HandlerEvent<HTMLOptionElement>","target","value","label","value: string","label: string","i","s","listener","e","options?: FocusOptions","options"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;;AAYzF,cAwCM,iBAAiB,YAAY;;;;CAIjC,AACA;CAEA,UAAU,UAAU,eAAe;AAQpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/skeleton/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { state } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"skeleton\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Skeleton} renders a skeleton screen.\n *\n * @slot loading - The content if loading is true.\n * @slot - The content if loading is false.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--from: var(${cssGlobalVars.background});\n    ${cssScope}--to: var(${cssGlobalVars.passive});\n    ${cssScope}--deg: 95deg;\n    ${cssScope}--duration: 2s;\n    height: 2em;\n    width: 100%;\n    flex-shrink: 0;\n    overflow: hidden;\n    background-color: transparent;\n    background-size: 200% 100%;\n    background-image: linear-gradient(\n      var(${cssScope}--deg),\n      var(${cssScope}--from) 36%,\n      var(${cssScope}--to) 50%,\n      var(${cssScope}--from) 64%\n    );\n    animation: _ var(${cssScope}--duration) ease-in-out infinite none running;\n  }\n\n  @keyframes _ {\n    from {\n      background-position: 150% center;\n    }\n    to {\n      background-position: -50% center;\n    }\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: block;\n  }\n`)\nclass Skeleton extends GlobalStyle {\n  /**\n   * If false, render slot only.\n   */\n  @state()\n  loading = true;\n\n  protected render(): TemplateResult<1> {\n    if (!this.loading) {\n      return htmlSlot();\n    }\n    return html`\n      <div part=\"root\">${htmlSlot(\"loading\")}</div>\n    `;\n  }\n}\n\nexport default Skeleton;\nexport { Skeleton };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,styles,htmlSlot}from"@godown/element";import{css,html}from"lit";import{state}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`skeleton`,cssScope=scopePrefix(protoName);let Skeleton=class e extends GlobalStyle{constructor(...e){super(...e),this.loading=!0}render(){return this.loading?html`<div part="root">${htmlSlot(`loading`)}</div>`:htmlSlot()}};_decorate([state()],Skeleton.prototype,`loading`,void 0),Skeleton=_decorate([godown(protoName),styles(css`:host{${cssScope}--from:var(${cssGlobalVars.background});${cssScope}--to:var(${cssGlobalVars.passive});${cssScope}--deg:95deg;${cssScope}--duration:2s;height:2em;width:100%;flex-shrink:0;overflow:hidden;background-color:transparent;background-size:200% 100%;background-image:linear-gradient(var(${cssScope}--deg),var(${cssScope}--from) 36%,var(${cssScope}--to) 50%,var(${cssScope}--from) 64%);animation:_ var(${cssScope}--duration) ease-in-out infinite none running}@keyframes _{0%{background-position:150%center}to{background-position:-50%center}}[part=root]{display:contents}:host,:host([contents]) [part=root]{display:block}`)],Skeleton);var Skeleton$1=Skeleton;export{Skeleton,Skeleton$1 as default};
+//# sourceMappingURL=component.js.map

package/{web-components/skeleton/component.d.ts.map → build/web-components/skeleton/component.js.map}

@@ -1 +1 @@
-{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;;AAYzF,cAwCM,iBAAiB,YAAY;;;;CAIjC,AACA;CAEA,UAAU,UAAU,eAAe;AAQpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/skeleton/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { state } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"skeleton\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Skeleton} renders a skeleton screen.\n *\n * @slot loading - The content if loading is true.\n * @slot - The content if loading is false.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--from: var(${cssGlobalVars.background});\n    ${cssScope}--to: var(${cssGlobalVars.passive});\n    ${cssScope}--deg: 95deg;\n    ${cssScope}--duration: 2s;\n    height: 2em;\n    width: 100%;\n    flex-shrink: 0;\n    overflow: hidden;\n    background-color: transparent;\n    background-size: 200% 100%;\n    background-image: linear-gradient(\n      var(${cssScope}--deg),\n      var(${cssScope}--from) 36%,\n      var(${cssScope}--to) 50%,\n      var(${cssScope}--from) 64%\n    );\n    animation: _ var(${cssScope}--duration) ease-in-out infinite none running;\n  }\n\n  @keyframes _ {\n    from {\n      background-position: 150% center;\n    }\n    to {\n      background-position: -50% center;\n    }\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: block;\n  }\n`)\nclass Skeleton extends GlobalStyle {\n  /**\n   * If false, render slot only.\n   */\n  @state()\n  loading = true;\n\n  protected render(): TemplateResult<1> {\n    if (!this.loading) {\n      return htmlSlot();\n    }\n    return html`\n      <div part=\"root\">${htmlSlot(\"loading\")}</div>\n    `;\n  }\n}\n\nexport default Skeleton;\nexport { Skeleton };\n"],"version":3,"file":"component.d.ts"}
+{"version":3,"file":"component.js","sources":["../../../src/web-components/skeleton/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { state } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"skeleton\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Skeleton} renders a skeleton screen.\n *\n * @slot loading - The content if loading is true.\n * @slot - The content if loading is false.\n * @category feedback\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--from: var(${cssGlobalVars.background});\n    ${cssScope}--to: var(${cssGlobalVars.passive});\n    ${cssScope}--deg: 95deg;\n    ${cssScope}--duration: 2s;\n    height: 2em;\n    width: 100%;\n    flex-shrink: 0;\n    overflow: hidden;\n    background-color: transparent;\n    background-size: 200% 100%;\n    background-image: linear-gradient(\n      var(${cssScope}--deg),\n      var(${cssScope}--from) 36%,\n      var(${cssScope}--to) 50%,\n      var(${cssScope}--from) 64%\n    );\n    animation: _ var(${cssScope}--duration) ease-in-out infinite none running;\n  }\n\n  @keyframes _ {\n    from {\n      background-position: 150% center;\n    }\n    to {\n      background-position: -50% center;\n    }\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: block;\n  }\n`)\nclass Skeleton extends GlobalStyle {\n  /**\n   * If false, render slot only.\n   */\n  @state()\n  loading = true;\n\n  protected render(): TemplateResult<1> {\n    if (!this.loading) {\n      return htmlSlot();\n    }\n    return html`\n      <div part=\"root\">${htmlSlot(\"loading\")}</div>\n    `;\n  }\n}\n\nexport default Skeleton;\nexport { Skeleton };\n"],"names":["Skeleton"],"mappings":"yTAMA,MAAM,UAAY,WACZ,SAAW,YAAY,UAAU,CASvC,IAAA,SAAA,MAwCMA,UAAiB,WAAY,oCAKjC,QAAU,GAEA,QAA4B,CAIpC,OAHK,KAAK,QAGH,IAAI,CAAA,iBACQ,EAAE,SAAS,UAAU,CAAC,MACzC,CAAC,CAJQ,UAAU,AAKpB,CACF,aAXE,OAAO,AAAA,EAAA,SAAA,UAAA,UAAA,OAAA,CA5CT,SAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,MAER,EAAE,SAAS,WAAY,EAAE,cAAc,WAAW,EAClD,EAAE,SAAS,SAAU,EAAE,cAAc,QAAQ,EAC7C,EAAE,SAAS,YACX,EAAE,SAAS,8JAQL,EAAE,SAAS,WACX,EAAE,SAAS,gBACX,EAAE,SAAS,cACX,EAAE,SAAS,6BAEA,EAAE,SAAS,+MAoBhC,CAAC,CAAC,AAAA,EAAA,SAAA,CAkBF,IAAA,WAAe"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AAAA,cAAc,oBAA4E,iBAAkB;AAC5G,cAAc,sBAAiC,KAAM;AAIrD,SAAS,kBAAkB,+BAAgC;;;;;;;;;;;;;;AAoB3D,cA2CM,cAAc,WAAW;;;;CAI7B,AACA;;;;CAKA,AACA;CAEA,AACA;CAEA,AACA;CAEA;CAYA,IAAI,kBAAkB;CAItB,UAAU,UAAU,eAAe;CAiCnC;CAKA,UAAU,aAAaA,GAAG,aAAa,kBAAkB;;;;;;;;;;;;;;;;;CA4BzD,UAAU,UAAUC;CA2CpB;CAKA,QAAQC;CAKR;CAMA;AAQD;AAED,eAAe;AACf,SAAS","names":["e: HandlerEvent<HTMLInputElement, InputEvent>","data: string | null","i: number"],"sources":["../../../../src/web-components/split/component.ts"],"sourcesContent":["import { type HandlerEvent, attr, tokenList, godown, styles, loop, StyleController } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { RingBuilder, ringTypeAttribute } from \"../../internal/ring.js\";\nimport { omit } from \"sharekit\";\n\nconst protoName = \"split\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Split} renders multiple input boxes.\n *\n * Input: will move the focus box backward until the complete input from start to end.\n *\n * Delete: will move the focus box forward until the first and no inputs for each.\n *\n * @fires input - Fires when the input value changes.\n * @fires change - Fires when the input value changes.\n * @fires focus - Fires when the input is focused.\n * @fires blur - Fires when the input is blurred.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    border-radius: 0.1em;\n    width: fit-content;\n    ${cssScope}--size: 2em;\n    ${cssScope}--gap: .25em;\n  }\n\n  [part=\"root\"] {\n    gap: var(${cssScope}--gap);\n    position: relative;\n    vertical-align: top;\n    display: flex;\n    justify-content: space-between;\n    border-radius: inherit;\n  }\n\n  [part=\"input-box\"] {\n    width: var(${cssScope}--size);\n    height: var(${cssScope}--size);\n    vertical-align: top;\n    border-radius: inherit;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  [part=\"input\"] {\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    background: none;\n    position: absolute;\n    z-index: -1;\n  }\n\n  .focus,\n  [part=\"input-box\"]:active {\n    ${cssGlobalVars.ringColor}: var(${cssGlobalVars.active});\n  }\n`)\nclass Split extends SuperInput {\n  /**\n   * The number of input boxes.\n   */\n  @property({ type: Number })\n  len = 6;\n\n  /**\n   * Focus index.\n   */\n  @property({ type: Number })\n  index = -1;\n\n  @state()\n  current = -1;\n\n  @state()\n  currentValue: (string | void)[] = [];\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () =>\n        new RingBuilder({\n          selector: \"[part=input-box]\",\n          type: this.ringType,\n        }).css,\n    );\n  }\n\n  get observedRecord(): Record<string, any> {\n    return omit(super.observedRecord, ringTypeAttribute);\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${loop(\n          this.len,\n          (index: number) => html`\n            <span\n              part=\"input-box\"\n              ring-type=\"${this.ringType}\"\n              class=\"${tokenList({ focus: this.current === index })}\"\n              @click=\"${this.disabled ? null : () => this.focusAt(index)}\"\n            >\n              ${this.currentValue[index]}\n            </span>\n          `,\n        )}\n        <input\n          part=\"input\"\n          @blur=${this.blur}\n          @input=\"${this._handleInput}\"\n          @change=\"${this._handleChange}\"\n          .value=\"${\n            /* Ensure that input always has a value of length this.len */\n            this.value.padStart(this.len, \" \")\n          }\"\n        />\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.reset();\n  }\n\n  protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void {\n    e.stopPropagation();\n    if (this.compositing) {\n      return;\n    }\n\n    this.fillInput(e.data);\n    this.value = this.currentValue.join(\"\");\n\n    this.dispatchCustomEvent(\"input\", this.value, { bubbles: true });\n  }\n\n  /**\n   * Fill input with data.\n   *\n   * If data is null\n   *  - If current value is null, move to before.\n   *  - If current value is not null, delete it.\n   *\n   * If data is not null\n   *  - If current value is null, input data.\n   *  - If current value is not null, input data and move to after.\n   *\n   * If data is multiple characters,\n   *   Fill input with data[0] and call fillInput with data.slice(1).\n   *\n   * @param data Input event data.\n   */\n  protected fillInput(data: string | null): void {\n    if (data === null) {\n      // delete\n\n      if (this.currentValue[this.current] !== null) {\n        // delete exist value\n\n        this.currentValue[this.current] = null;\n      } else {\n        // go to before\n\n        this.currentValue[this.current - 1] = null;\n        const lastNotNull = this.currentValue.findLastIndex((a) => a !== null);\n        this.current = this.current - 1 < 0 ? (lastNotNull < 0 ? 0 : lastNotNull) : this.current - 1;\n      }\n      return;\n    }\n\n    const multiple = data.length > 1;\n\n    // input\n    this.currentValue[this.current] = data[0];\n    if (this.current + 1 >= this.len) {\n      // index overflow\n\n      this.current = this.currentValue.indexOf(null);\n      if (this.current === -1) {\n        this.blur();\n      }\n    } else {\n      // go to after\n\n      this.current += 1;\n    }\n\n    if (multiple) {\n      const after = data.slice(1);\n      if (after) {\n        this.fillInput(after);\n      }\n    }\n  }\n\n  focus(): void {\n    this.focusAt(this.current);\n    super.focus();\n  }\n\n  focusAt(i: number): void {\n    this.current = i;\n    this._input.focus();\n  }\n\n  blur(): void {\n    this._input.blur();\n    this.current = -1;\n    super.blur();\n  }\n\n  reset(): void {\n    this.current = -1;\n    this.value = this.default;\n    this.currentValue = this.value.split(\"\").concat(Array(this.len - this.value.length).fill(null));\n    if (this.index > -1) {\n      this.current = this.index;\n    }\n  }\n}\n\nexport default Split;\nexport { Split };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,styles,StyleController,attr,loop,tokenList}from"@godown/element";import{css,html}from"lit";import{property,state}from"lit/decorators.js";import{scopePrefix,cssGlobalVars}from"../../internal/global-style.js";import{SuperInput}from"../../internal/super-input.js";import{RingBuilder,ringTypeAttribute}from"../../internal/ring.js";import{omit}from"sharekit";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";const protoName=`split`,cssScope=scopePrefix(protoName);let Split=class e extends SuperInput{constructor(){super(),this.len=6,this.index=-1,this.current=-1,this.currentValue=[],new StyleController(this,()=>new RingBuilder({selector:`[part=input-box]`,type:this.ringType}).css)}get observedRecord(){return omit(super.observedRecord,ringTypeAttribute)}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${loop(this.len,e=>html`<span part="input-box" ring-type="${this.ringType}" class="${tokenList({focus:this.current===e})}" @click="${this.disabled?null:()=>this.focusAt(e)}"> ${this.currentValue[e]} </span>`)} <input part="input" @blur=${this.blur} @input="${this._handleInput}" @change="${this._handleChange}" .value="${this.value.padStart(this.len,` `)}"/> </div>`}connectedCallback(){super.connectedCallback(),this.reset()}_handleInput(e){e.stopPropagation(),!this.compositing&&(this.fillInput(e.data),this.value=this.currentValue.join(``),this.dispatchCustomEvent(`input`,this.value,{bubbles:!0}))}fillInput(e){if(e===null){if(this.currentValue[this.current]!==null)this.currentValue[this.current]=null;else{this.currentValue[this.current-1]=null;let e=this.currentValue.findLastIndex(e=>e!==null);this.current=this.current-1<0?e<0?0:e:this.current-1}return}let b=e.length>1;if(this.currentValue[this.current]=e[0],this.current+1>=this.len?(this.current=this.currentValue.indexOf(null),this.current===-1&&this.blur()):this.current+=1,b){let b=e.slice(1);b&&this.fillInput(b)}}focus(){this.focusAt(this.current),super.focus()}focusAt(e){this.current=e,this._input.focus()}blur(){this._input.blur(),this.current=-1,super.blur()}reset(){this.current=-1,this.value=this.default,this.currentValue=this.value.split(``).concat(Array(this.len-this.value.length).fill(null)),this.index>-1&&(this.current=this.index)}};_decorate([property({type:Number})],Split.prototype,`len`,void 0),_decorate([property({type:Number})],Split.prototype,`index`,void 0),_decorate([state()],Split.prototype,`current`,void 0),_decorate([state()],Split.prototype,`currentValue`,void 0),Split=_decorate([godown(protoName),styles(css`:host{display:block;border-radius:.1em;width:-moz-fit-content;width:fit-content;${cssScope}--size:2em;${cssScope}--gap:.25em}[part=root]{gap:var(${cssScope}--gap);position:relative;vertical-align:top;display:flex;justify-content:space-between;border-radius:inherit}[part=input-box]{width:var(${cssScope}--size);height:var(${cssScope}--size);vertical-align:top;border-radius:inherit;display:inline-flex;align-items:center;justify-content:center}[part=input]{width:100%;height:100%;opacity:0;background:0 0;position:absolute;z-index:-1}.focus,[part=input-box]:active{${cssGlobalVars.ringColor}:var(${cssGlobalVars.active})}`)],Split);var Split$1=Split;export{Split,Split$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/split/component.ts"],"sourcesContent":["import { type HandlerEvent, attr, tokenList, godown, styles, loop, StyleController } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, state } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { RingBuilder, ringTypeAttribute } from \"../../internal/ring.js\";\nimport { omit } from \"sharekit\";\n\nconst protoName = \"split\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Split} renders multiple input boxes.\n *\n * Input: will move the focus box backward until the complete input from start to end.\n *\n * Delete: will move the focus box forward until the first and no inputs for each.\n *\n * @fires input - Fires when the input value changes.\n * @fires change - Fires when the input value changes.\n * @fires focus - Fires when the input is focused.\n * @fires blur - Fires when the input is blurred.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    border-radius: 0.1em;\n    width: fit-content;\n    ${cssScope}--size: 2em;\n    ${cssScope}--gap: .25em;\n  }\n\n  [part=\"root\"] {\n    gap: var(${cssScope}--gap);\n    position: relative;\n    vertical-align: top;\n    display: flex;\n    justify-content: space-between;\n    border-radius: inherit;\n  }\n\n  [part=\"input-box\"] {\n    width: var(${cssScope}--size);\n    height: var(${cssScope}--size);\n    vertical-align: top;\n    border-radius: inherit;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  [part=\"input\"] {\n    width: 100%;\n    height: 100%;\n    opacity: 0;\n    background: none;\n    position: absolute;\n    z-index: -1;\n  }\n\n  .focus,\n  [part=\"input-box\"]:active {\n    ${cssGlobalVars.ringColor}: var(${cssGlobalVars.active});\n  }\n`)\nclass Split extends SuperInput {\n  /**\n   * The number of input boxes.\n   */\n  @property({ type: Number })\n  len = 6;\n\n  /**\n   * Focus index.\n   */\n  @property({ type: Number })\n  index = -1;\n\n  @state()\n  current = -1;\n\n  @state()\n  currentValue: (string | void)[] = [];\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () =>\n        new RingBuilder({\n          selector: \"[part=input-box]\",\n          type: this.ringType,\n        }).css,\n    );\n  }\n\n  get observedRecord(): Record<string, any> {\n    return omit(super.observedRecord, ringTypeAttribute);\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${loop(\n          this.len,\n          (index: number) => html`\n            <span\n              part=\"input-box\"\n              ring-type=\"${this.ringType}\"\n              class=\"${tokenList({ focus: this.current === index })}\"\n              @click=\"${this.disabled ? null : () => this.focusAt(index)}\"\n            >\n              ${this.currentValue[index]}\n            </span>\n          `,\n        )}\n        <input\n          part=\"input\"\n          @blur=${this.blur}\n          @input=\"${this._handleInput}\"\n          @change=\"${this._handleChange}\"\n          .value=\"${\n            /* Ensure that input always has a value of length this.len */\n            this.value.padStart(this.len, \" \")\n          }\"\n        />\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.reset();\n  }\n\n  protected _handleInput(e: HandlerEvent<HTMLInputElement, InputEvent>): void {\n    e.stopPropagation();\n    if (this.compositing) {\n      return;\n    }\n\n    this.fillInput(e.data);\n    this.value = this.currentValue.join(\"\");\n\n    this.dispatchCustomEvent(\"input\", this.value, { bubbles: true });\n  }\n\n  /**\n   * Fill input with data.\n   *\n   * If data is null\n   *  - If current value is null, move to before.\n   *  - If current value is not null, delete it.\n   *\n   * If data is not null\n   *  - If current value is null, input data.\n   *  - If current value is not null, input data and move to after.\n   *\n   * If data is multiple characters,\n   *   Fill input with data[0] and call fillInput with data.slice(1).\n   *\n   * @param data Input event data.\n   */\n  protected fillInput(data: string | null): void {\n    if (data === null) {\n      // delete\n\n      if (this.currentValue[this.current] !== null) {\n        // delete exist value\n\n        this.currentValue[this.current] = null;\n      } else {\n        // go to before\n\n        this.currentValue[this.current - 1] = null;\n        const lastNotNull = this.currentValue.findLastIndex((a) => a !== null);\n        this.current = this.current - 1 < 0 ? (lastNotNull < 0 ? 0 : lastNotNull) : this.current - 1;\n      }\n      return;\n    }\n\n    const multiple = data.length > 1;\n\n    // input\n    this.currentValue[this.current] = data[0];\n    if (this.current + 1 >= this.len) {\n      // index overflow\n\n      this.current = this.currentValue.indexOf(null);\n      if (this.current === -1) {\n        this.blur();\n      }\n    } else {\n      // go to after\n\n      this.current += 1;\n    }\n\n    if (multiple) {\n      const after = data.slice(1);\n      if (after) {\n        this.fillInput(after);\n      }\n    }\n  }\n\n  focus(): void {\n    this.focusAt(this.current);\n    super.focus();\n  }\n\n  focusAt(i: number): void {\n    this.current = i;\n    this._input.focus();\n  }\n\n  blur(): void {\n    this._input.blur();\n    this.current = -1;\n    super.blur();\n  }\n\n  reset(): void {\n    this.current = -1;\n    this.value = this.default;\n    this.currentValue = this.value.split(\"\").concat(Array(this.len - this.value.length).fill(null));\n    if (this.index > -1) {\n      this.current = this.index;\n    }\n  }\n}\n\nexport default Split;\nexport { Split };\n"],"names":["Split","index: number","index","e: HandlerEvent<HTMLInputElement, InputEvent>","data: string | null","data","lastNotNull","a","multiple","after","i: number","i","Array(this.len - this.value.length)"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAIrD,SAAS,kBAAkB,+BAAgC;;;;;;;AAa3D,cA0DM,eAAe,oBAAoB;CACvC,IAAI,QAAQA;CAIZ,IAAI;;;;CAOJ,AACA;;;;CAKA,AACA;CAEA,IAAI,kBAAkB;CAItB,UAAU,UAAU,eAAe;CAmBnC;CAKA,UAAU;CAWV,UAAU;AAKX;AAED,eAAe;AACf,SAAS","names":["v: boolean"],"sources":["../../../../src/web-components/switch/component.ts"],"sourcesContent":["import { attr, godown, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { ringTypeAttribute } from \"../../internal/ring.js\";\nimport { omit } from \"sharekit\";\n\nconst protoName = \"switch\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Switch} renders a switch.\n *\n * @fires change - Fires when the switch is switched.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  :host {\n    ${cssScope}-width: 3em;\n    ${cssScope}-height: calc(var(${cssScope}-width) / 2);\n    ${cssScope}-handle-size: 1.25em;\n    ${cssScope}-handle-space: calc(var(${cssScope}-width) / 4 - var(${cssScope}-handle-size) / 2);\n    width: var(${cssScope}-width);\n    height: var(${cssScope}-height);\n    border-radius: calc(var(${cssScope}-height) / 2);\n    background: var(${cssGlobalVars.passive});\n    vertical-align: bottom;\n    transition: 0.2s ease-in-out;\n    transition-property: background, left;\n  }\n\n  :host([checked]) {\n    background: var(${cssGlobalVars.active});\n  }\n\n  [part=\"root\"] {\n    display: flex;\n    align-items: center;\n    position: relative;\n    transition: inherit;\n  }\n\n  [part=\"handle\"] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    transition: inherit;\n    left: 0;\n    top: 50%;\n    pointer-events: none;\n    border-radius: 100%;\n    background: var(${cssGlobalVars.background});\n    width: var(${cssScope}-handle-size);\n    height: var(${cssScope}-handle-size);\n    transform: translateY(-50%) translateX(var(${cssScope}-handle-space));\n  }\n\n  :host([checked]) [part=\"handle\"] {\n    left: 50%;\n  }\n\n  [part=\"input\"] {\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n  }\n`)\nclass Switch extends SuperInput<boolean> {\n  set checked(v: boolean) {\n    this.value = v;\n  }\n\n  get checked(): boolean {\n    return this.value;\n  }\n\n  /**\n   * Default checked state.\n   */\n  @property({ type: Boolean })\n  default = false;\n\n  /**\n   * The current value of the switch component. Reflects the \"checked\" attribute.\n   */\n  @property({ type: Boolean, attribute: \"checked\", reflect: true })\n  value = false;\n\n  get observedRecord(): Record<string, any> {\n    return omit(super.observedRecord, ringTypeAttribute);\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        class=\"round\"\n      >\n        <input\n          part=\"input\"\n          type=\"checkbox\"\n          ?disabled=\"${this.disabled}\"\n          ?checked=\"${this.value}\"\n          @change=\"${this._handleChange}\"\n        />\n        <span part=\"handle\"></span>\n      </div>\n    `;\n  }\n\n  reset(): void {\n    this.value = this.default;\n    this._input.checked = this.value;\n  }\n\n  protected _connectedInit(): void {\n    if (this.default) {\n      this.value = true;\n    } else {\n      if (this.value) {\n        this.value = true;\n        this.default = true;\n      }\n    }\n  }\n\n  protected _handleChange(): void {\n    const { checked } = this._input;\n    this.value = checked;\n    this.dispatchCustomEvent(\"change\", this.value);\n  }\n}\n\nexport default Switch;\nexport { Switch };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,styles,attr}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars}from"../../internal/global-style.js";import{SuperInput}from"../../internal/super-input.js";import{ringTypeAttribute}from"../../internal/ring.js";import{omit}from"sharekit";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";const protoName=`switch`,cssScope=scopePrefix(protoName);let Switch=class e extends SuperInput{constructor(...e){super(...e),this.default=!1,this.value=!1}set checked(e){this.value=e}get checked(){return this.value}get observedRecord(){return omit(super.observedRecord,ringTypeAttribute)}render(){return html`<div part="root" ${attr(this.observedRecord)} class="round"> <input part="input" type="checkbox" ?disabled="${this.disabled}" ?checked="${this.value}" @change="${this._handleChange}"/> <span part="handle"></span> </div>`}reset(){this.value=this.default,this._input.checked=this.value}_connectedInit(){this.default?this.value=!0:this.value&&(this.value=!0,this.default=!0)}_handleChange(){let{checked:e}=this._input;this.value=e,this.dispatchCustomEvent(`change`,this.value)}};_decorate([property({type:Boolean})],Switch.prototype,`default`,void 0),_decorate([property({type:Boolean,attribute:`checked`,reflect:!0})],Switch.prototype,`value`,void 0),Switch=_decorate([godown(protoName),styles(css`:host,:host([contents]) [part=root]{display:inline-block}:host{${cssScope}-width:3em;${cssScope}-height:calc(var(${cssScope}-width)/2);${cssScope}-handle-size:1.25em;${cssScope}-handle-space:calc(var(${cssScope}-width)/4 - var(${cssScope}-handle-size)/2);width:var(${cssScope}-width);height:var(${cssScope}-height);border-radius:calc(var(${cssScope}-height)/2);background:var(${cssGlobalVars.passive});vertical-align:bottom;transition:.2s ease-in-out;transition-property:background,left}:host([checked]){background:var(${cssGlobalVars.active})}[part=root]{display:flex;align-items:center;position:relative;transition:inherit}[part=handle]{display:flex;align-items:center;justify-content:center;position:absolute;transition:inherit;left:0;top:50%;pointer-events:none;border-radius:100%;background:var(${cssGlobalVars.background});width:var(${cssScope}-handle-size);height:var(${cssScope}-handle-size);transform:translateY(-50%) translateX(var(${cssScope}-handle-space))}:host([checked]) [part=handle]{left:50%}[part=input]{opacity:0;width:100%;height:100%}`)],Switch);var Switch$1=Switch;export{Switch,Switch$1 as default};
+//# sourceMappingURL=component.js.map

package/{web-components/switch/component.d.ts.map → build/web-components/switch/component.js.map}

@@ -1 +1 @@
-{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAIrD,SAAS,kBAAkB,+BAAgC;;;;;;;AAY3D,cA0DM,eAAe,oBAAoB;CACvC,IAAI,QAAQA;CAIZ,IAAI;;;;CAOJ,AACA;;;;CAKA,AACA;CAEA,IAAI,kBAAkB;CAItB,UAAU,UAAU,eAAe;CAmBnC;CAKA,UAAU;CAWV,UAAU;AAKX;AAED,eAAe;AACf,SAAS","names":["v: boolean"],"sources":["../../../src/web-components/switch/component.ts"],"sourcesContent":["import { attr, godown, omit, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { ringTypeAttribute } from \"../../internal/ring.js\";\n\nconst protoName = \"switch\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Switch} renders a switch.\n *\n * @fires change - Fires when the switch is switched.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  :host {\n    ${cssScope}-width: 3em;\n    ${cssScope}-height: calc(var(${cssScope}-width) / 2);\n    ${cssScope}-handle-size: 1.25em;\n    ${cssScope}-handle-space: calc(var(${cssScope}-width) / 4 - var(${cssScope}-handle-size) / 2);\n    width: var(${cssScope}-width);\n    height: var(${cssScope}-height);\n    border-radius: calc(var(${cssScope}-height) / 2);\n    background: var(${cssGlobalVars.passive});\n    vertical-align: bottom;\n    transition: 0.2s ease-in-out;\n    transition-property: background, left;\n  }\n\n  :host([checked]) {\n    background: var(${cssGlobalVars.active});\n  }\n\n  [part=\"root\"] {\n    display: flex;\n    align-items: center;\n    position: relative;\n    transition: inherit;\n  }\n\n  [part=\"handle\"] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    transition: inherit;\n    left: 0;\n    top: 50%;\n    pointer-events: none;\n    border-radius: 100%;\n    background: var(${cssGlobalVars.background});\n    width: var(${cssScope}-handle-size);\n    height: var(${cssScope}-handle-size);\n    transform: translateY(-50%) translateX(var(${cssScope}-handle-space));\n  }\n\n  :host([checked]) [part=\"handle\"] {\n    left: 50%;\n  }\n\n  [part=\"input\"] {\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n  }\n`)\nclass Switch extends SuperInput<boolean> {\n  set checked(v: boolean) {\n    this.value = v;\n  }\n\n  get checked(): boolean {\n    return this.value;\n  }\n\n  /**\n   * Default checked state.\n   */\n  @property({ type: Boolean })\n  default = false;\n\n  /**\n   * The current value of the switch component. Reflects the \"checked\" attribute.\n   */\n  @property({ type: Boolean, attribute: \"checked\", reflect: true })\n  value = false;\n\n  get observedRecord(): Record<string, any> {\n    return omit(super.observedRecord, ringTypeAttribute);\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        class=\"round\"\n      >\n        <input\n          part=\"input\"\n          type=\"checkbox\"\n          ?disabled=\"${this.disabled}\"\n          ?checked=\"${this.value}\"\n          @change=\"${this._handleChange}\"\n        />\n        <span part=\"handle\"></span>\n      </div>\n    `;\n  }\n\n  reset(): void {\n    this.value = this.default;\n    this._input.checked = this.value;\n  }\n\n  protected _connectedInit(): void {\n    if (this.default) {\n      this.value = true;\n    } else {\n      if (this.value) {\n        this.value = true;\n        this.default = true;\n      }\n    }\n  }\n\n  protected _handleChange(): void {\n    const { checked } = this._input;\n    this.value = checked;\n    this.dispatchCustomEvent(\"change\", this.value);\n  }\n}\n\nexport default Switch;\nexport { Switch };\n"],"version":3,"file":"component.d.ts"}
+{"version":3,"file":"component.js","sources":["../../../src/web-components/switch/component.ts"],"sourcesContent":["import { attr, godown, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport { SuperInput } from \"../../internal/super-input.js\";\nimport { ringTypeAttribute } from \"../../internal/ring.js\";\nimport { omit } from \"sharekit\";\n\nconst protoName = \"switch\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Switch} renders a switch.\n *\n * @fires change - Fires when the switch is switched.\n * @category input\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  :host {\n    ${cssScope}-width: 3em;\n    ${cssScope}-height: calc(var(${cssScope}-width) / 2);\n    ${cssScope}-handle-size: 1.25em;\n    ${cssScope}-handle-space: calc(var(${cssScope}-width) / 4 - var(${cssScope}-handle-size) / 2);\n    width: var(${cssScope}-width);\n    height: var(${cssScope}-height);\n    border-radius: calc(var(${cssScope}-height) / 2);\n    background: var(${cssGlobalVars.passive});\n    vertical-align: bottom;\n    transition: 0.2s ease-in-out;\n    transition-property: background, left;\n  }\n\n  :host([checked]) {\n    background: var(${cssGlobalVars.active});\n  }\n\n  [part=\"root\"] {\n    display: flex;\n    align-items: center;\n    position: relative;\n    transition: inherit;\n  }\n\n  [part=\"handle\"] {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: absolute;\n    transition: inherit;\n    left: 0;\n    top: 50%;\n    pointer-events: none;\n    border-radius: 100%;\n    background: var(${cssGlobalVars.background});\n    width: var(${cssScope}-handle-size);\n    height: var(${cssScope}-handle-size);\n    transform: translateY(-50%) translateX(var(${cssScope}-handle-space));\n  }\n\n  :host([checked]) [part=\"handle\"] {\n    left: 50%;\n  }\n\n  [part=\"input\"] {\n    opacity: 0;\n    width: 100%;\n    height: 100%;\n  }\n`)\nclass Switch extends SuperInput<boolean> {\n  set checked(v: boolean) {\n    this.value = v;\n  }\n\n  get checked(): boolean {\n    return this.value;\n  }\n\n  /**\n   * Default checked state.\n   */\n  @property({ type: Boolean })\n  default = false;\n\n  /**\n   * The current value of the switch component. Reflects the \"checked\" attribute.\n   */\n  @property({ type: Boolean, attribute: \"checked\", reflect: true })\n  value = false;\n\n  get observedRecord(): Record<string, any> {\n    return omit(super.observedRecord, ringTypeAttribute);\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        class=\"round\"\n      >\n        <input\n          part=\"input\"\n          type=\"checkbox\"\n          ?disabled=\"${this.disabled}\"\n          ?checked=\"${this.value}\"\n          @change=\"${this._handleChange}\"\n        />\n        <span part=\"handle\"></span>\n      </div>\n    `;\n  }\n\n  reset(): void {\n    this.value = this.default;\n    this._input.checked = this.value;\n  }\n\n  protected _connectedInit(): void {\n    if (this.default) {\n      this.value = true;\n    } else {\n      if (this.value) {\n        this.value = true;\n        this.default = true;\n      }\n    }\n  }\n\n  protected _handleChange(): void {\n    const { checked } = this._input;\n    this.value = checked;\n    this.dispatchCustomEvent(\"change\", this.value);\n  }\n}\n\nexport default Switch;\nexport { Switch };\n"],"names":["Switch","v: boolean","v","checked"],"mappings":"kaASA,MAAM,UAAY,SACZ,SAAW,YAAY,UAAU,CAQvC,IAAA,OAAA,MA0DMA,UAAe,UAAoB,oCAavC,QAAU,QAMV,MAAQ,GAlBR,IAAI,QAAQC,EAAY,CACtB,KAAK,MAAQC,CACd,CAED,IAAI,SAAmB,CACrB,OAAO,KAAK,KACb,CAcD,IAAI,gBAAsC,CACxC,OAAO,KAAK,MAAM,eAAgB,kBAAkB,AACrD,CAES,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,+DAMd,EAAE,KAAK,SAAS,YACjB,EAAE,KAAK,MAAM,WACd,EAAE,KAAK,cAAc,sCAIpC,CAAC,AACF,CAED,OAAc,CACZ,KAAK,MAAQ,KAAK,QAClB,KAAK,OAAO,QAAU,KAAK,KAC5B,CAES,gBAAuB,CAC3B,KAAK,QACP,KAAK,MAAQ,GAET,KAAK,QACP,KAAK,MAAQ,GACb,KAAK,QAAU,GAGpB,CAES,eAAsB,CAC9B,GAAM,CAAE,UAAS,CAAG,KAAK,OACzB,KAAK,MAAQC,EACb,KAAK,oBAAoB,SAAU,KAAK,MAAM,AAC/C,CACF,aArDE,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,OAAA,UAAA,UAAA,OAAA,YAM3B,SAAS,CAAE,KAAM,QAAS,UAAW,UAAW,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,QAAA,IAAA,GAAA,CA5ElE,OAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,+DAOR,EAAE,SAAS,WACX,EAAE,SAAS,iBAAkB,EAAE,SAAS,WACxC,EAAE,SAAS,oBACX,EAAE,SAAS,uBAAwB,EAAE,SAAS,gBAAkB,EAAE,SAAS,2BAChE,EAAE,SAAS,mBACV,EAAE,SAAS,gCACC,EAAE,SAAS,2BACnB,EAAE,cAAc,QAAQ,uHAOxB,EAAE,cAAc,OAAO,kQAoBvB,EAAE,cAAc,WAAW,YAChC,EAAE,SAAS,yBACV,EAAE,SAAS,wDACoB,EAAE,SAAS,sGAY1D,CAAC,CAAC,AAAA,EAAA,OAAA,CAoEF,IAAA,SAAe"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AACA,SAAwB,mBAAgC,gCAAiC;AACzF,cAAyB,sBAAsB,KAAM;AAErD,cAA8C,gBAAgB,wBAAyB;;;;;;;AAavF,cAyEM,aAAa,YAAY;CAC7B,AACA,UAAU;;;;;;;;CASV,AACA,WAAW,aAAa,aAAa;;;;;;;;CASrC,AACA,WAAW,eAAe;;;;CAK1B,AACA;;;;CAKA,AACA;CAEA,UAAU;CAEV,UACU,QAAQ,iBAAiB;CAEnC,UACU,aAAa,iBAAiB;CAExC;CAKA,UAAU,eAAe;CA0BzB;CAKA,UAAU;CAQV,KAAKA,qBAAqBC;CAsC1B,OAAOC;AASR;AAED,eAAe;AACf,SAAS","names":["sourceIndex: number","targetIndex: number","selected: number"],"sources":["../../../../src/web-components/tabs/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles, tokenList } from \"@godown/element\";\nimport { cssGlobalVars, GlobalStyle, scopePrefix } from \"../../internal/global-style.js\";\nimport { css, html, type TemplateResult } from \"lit\";\nimport { property, queryAll } from \"lit/decorators.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"tabs\";\nconst cssScope = scopePrefix(protoName);\n\nconst hoverToken = \"hover\";\n\n/**\n * {@linkcode Tabs} used to render a set of tabs.\n *\n * @fires select - Fires when the tab index is changed.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--indicator-background: var(${cssGlobalVars.passive});\n    ${cssScope}--selected-background: var(${cssGlobalVars.passive});\n    transition: 0.2s ease-in-out;\n    display: flex;\n    cursor: default;\n  }\n\n  [part=\"root\"] {\n    gap: 0.25em;\n    padding: 0.25em;\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: inherit;\n    overflow-x: clip;\n    border-radius: inherit;\n    transition: inherit;\n    transition-property: width, transform, opacity;\n  }\n\n  [part~=\"item\"] {\n    position: relative;\n    width: 100%;\n    display: block;\n    text-align: center;\n    position: relative;\n    white-space: nowrap;\n    transition: inherit;\n    border-radius: inherit;\n    transition-property: inherit;\n  }\n\n  [part=\"indicator\"],\n  [part~=\"item\"]::after {\n    width: 100%;\n    height: 100%;\n    inset: 0;\n    position: absolute;\n    transition: inherit;\n    border-radius: inherit;\n    transition-property: inherit;\n    background: var(${cssScope}--indicator-background);\n  }\n\n  [part=\"indicator\"] {\n    opacity: 0;\n    z-index: -1;\n  }\n\n  [part~=\"item\"]::after {\n    z-index: -2;\n  }\n\n  [indicator=\"underline\"] [part=\"indicator\"],\n  [indicator=\"underline\"] [part~=\"item\"]::after {\n    top: 100%;\n    height: 0.15em;\n    border-radius: 0.075em;\n    margin-top: 0.15em;\n  }\n\n  [part~=\"selected\"]::after {\n    content: \"\";\n    background: var(${cssScope}--selected-background);\n  }\n\n  [part~=\"hover\"] [part=\"indicator\"] {\n    opacity: 1;\n  }\n`)\nclass Tabs extends GlobalStyle {\n  @property({ attribute: ringTypeAttribute })\n  ringType: RingType = \"border\";\n\n  /**\n   * If it is \"select\", the indicator moves from the selected content to the hover position.\n   *\n   * If it is \"previous\", the indicator moves from the last moved position to the hover position.\n   *\n   * If \"none\", the indicator will not move.\n   */\n  @property()\n  beginning: \"selected\" | \"previous\" | \"none\" = \"selected\";\n\n  /**\n   * The behavior of the indicator:\n   *\n   * If \"background\", its size will be consistent with that of a single tab.\n   *\n   * If \"underline\", an underline will be displayed at the bottom of the tab.\n   */\n  @property()\n  indicator: \"background\" | \"underline\" = \"background\";\n\n  /**\n   * Tab list or slot list.\n   */\n  @property({ type: Array })\n  tabs: string[];\n\n  /**\n   * The index of the currently selected tab.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  protected previousIndex: number;\n\n  @queryAll(\"[part~=item]\")\n  protected _items: HTMLCollectionOf<HTMLLIElement>;\n\n  @queryAll(\"[part=indicator]\")\n  protected _indicators: HTMLCollectionOf<HTMLDivElement>;\n\n  constructor() {\n    super();\n    new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);\n  }\n\n  render(): TemplateResult<1> {\n    return html`\n      <ul\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        @mouseleave=\"${this._handleMouseLeave}\"\n      >\n        ${this.tabs?.map(\n          (tab, index) => html`\n            <li\n              part=\"${tokenList(\"item\", this.index === index && \"selected\")}\"\n              @mouseenter=${() => {\n                this.move(this.previousIndex, index);\n                this.previousIndex = index;\n              }}\n              @click=${() => this.select(index)}\n            >\n              ${htmlSlot(tab, tab)}\n              <div part=\"indicator\"></div>\n            </li>\n          `,\n        )}\n      </ul>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.previousIndex = this.beginning === \"selected\" ? this.index : -1;\n  }\n\n  protected _handleMouseLeave(): void {\n    const lastItem = this._items[this.previousIndex];\n    if (lastItem) {\n      lastItem.part.remove(hoverToken);\n    }\n    this.previousIndex = this.beginning === \"selected\" ? this.index : -1;\n  }\n\n  move(sourceIndex: number, targetIndex: number): void {\n    if (sourceIndex === targetIndex) {\n      return;\n    }\n    const { _items, _indicators } = this;\n    const targetElement = _items[targetIndex];\n    if (!targetElement) {\n      return;\n    }\n    targetElement.part.add(hoverToken);\n    const fromItem = _items[sourceIndex];\n    if (!fromItem) {\n      return;\n    }\n    fromItem.part.remove(hoverToken);\n    if (this.beginning === \"none\") {\n      return;\n    }\n    const targetIndicator = _indicators[targetIndex];\n    const sourceIndicator = _indicators[sourceIndex];\n    if (!targetIndicator || !sourceIndicator) {\n      return;\n    }\n    const { x: sourceX, y: sourceY, width: sourceWidth } = sourceIndicator.getBoundingClientRect();\n    const { x, y } = targetIndicator.getBoundingClientRect();\n    const transformX = sourceX - x;\n    const transformY = sourceY - y;\n\n    const { style: targetStyle } = targetIndicator;\n    const { style: sourceStyle } = sourceIndicator;\n\n    targetStyle.transform = `translate3d(${transformX}px,${transformY}px,0)`;\n    targetStyle.width = `${sourceWidth}px`;\n    targetStyle.transition = sourceStyle.transition = \"none\";\n    targetIndicator.getBoundingClientRect();\n    targetStyle.width = targetStyle.transform = targetStyle.transition = sourceStyle.transition = \"\";\n  }\n\n  select(selected: number): void {\n    const { index, previousIndex } = this;\n    this.move(previousIndex, selected);\n    if (selected !== index) {\n      this.previousIndex = selected;\n      this.index = selected;\n      this.dispatchCustomEvent(\"select\", selected);\n    }\n  }\n}\n\nexport default Tabs;\nexport { Tabs };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,styles,StyleController,attr,tokenList,htmlSlot}from"@godown/element";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import{css,html}from"lit";import{property,queryAll}from"lit/decorators.js";import{ringTypeAttribute,RingBuilder}from"../../internal/ring.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`tabs`,cssScope=scopePrefix(protoName),hoverToken=`hover`;let Tabs=class e extends GlobalStyle{constructor(){super(),this.ringType=`border`,this.beginning=`selected`,this.indicator=`background`,this.index=0,new StyleController(this,()=>new RingBuilder({type:this.ringType}).css)}render(){return html`<ul part="root" ${attr(this.observedRecord)} @mouseleave="${this._handleMouseLeave}"> ${this.tabs?.map((e,a)=>html`<li part="${tokenList(`item`,this.index===a&&`selected`)}" @mouseenter=${()=>{this.move(this.previousIndex,a),this.previousIndex=a}} @click=${()=>this.select(a)}> ${htmlSlot(e,e)} <div part="indicator"></div> </li>`)} </ul>`}connectedCallback(){super.connectedCallback(),this.previousIndex=this.beginning===`selected`?this.index:-1}_handleMouseLeave(){let e=this._items[this.previousIndex];e&&e.part.remove(hoverToken),this.previousIndex=this.beginning===`selected`?this.index:-1}move(e,a){if(e===a)return;let{_items:o,_indicators:s}=this,c=o[a];if(!c)return;c.part.add(hoverToken);let l=o[e];if(!l||(l.part.remove(hoverToken),this.beginning===`none`))return;let u=s[a],d=s[e];if(!u||!d)return;let{x:f,y:p,width:m}=d.getBoundingClientRect(),{x:h,y:g}=u.getBoundingClientRect(),_=f-h,v=p-g,{style:y}=u,{style:b}=d;y.transform=`translate3d(${_}px,${v}px,0)`,y.width=`${m}px`,y.transition=b.transition=`none`,u.getBoundingClientRect(),y.width=y.transform=y.transition=b.transition=``}select(e){let{index:a,previousIndex:o}=this;this.move(o,e),e!==a&&(this.previousIndex=e,this.index=e,this.dispatchCustomEvent(`select`,e))}};_decorate([property({attribute:ringTypeAttribute})],Tabs.prototype,`ringType`,void 0),_decorate([property()],Tabs.prototype,`beginning`,void 0),_decorate([property()],Tabs.prototype,`indicator`,void 0),_decorate([property({type:Array})],Tabs.prototype,`tabs`,void 0),_decorate([property({type:Number})],Tabs.prototype,`index`,void 0),_decorate([queryAll(`[part~=item]`)],Tabs.prototype,`_items`,void 0),_decorate([queryAll(`[part=indicator]`)],Tabs.prototype,`_indicators`,void 0),Tabs=_decorate([godown(protoName),styles(css`:host{${cssScope}--indicator-background:var(${cssGlobalVars.passive});${cssScope}--selected-background:var(${cssGlobalVars.passive});transition:.2s ease-in-out;display:flex;cursor:default}[part=root]{gap:.25em;padding:.25em;position:relative;z-index:1;display:flex;flex-direction:inherit;overflow-x:clip;border-radius:inherit;transition:inherit;transition-property:width,transform,opacity}[part~=item]{position:relative;width:100%;display:block;text-align:center;position:relative;white-space:nowrap;transition:inherit;border-radius:inherit;transition-property:inherit}[part=indicator],[part~=item]::after{width:100%;height:100%;inset:0;position:absolute;transition:inherit;border-radius:inherit;transition-property:inherit;background:var(${cssScope}--indicator-background)}[part=indicator]{opacity:0;z-index:-1}[part~=item]::after{z-index:-2}[indicator=underline] [part=indicator],[indicator=underline] [part~=item]::after{top:100%;height:.15em;border-radius:.075em;margin-top:.15em}[part~=selected]::after{content:"";background:var(${cssScope}--selected-background)}[part~=hover] [part=indicator]{opacity:1}`)],Tabs);var Tabs$1=Tabs;export{Tabs,Tabs$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/tabs/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles, tokenList } from \"@godown/element\";\nimport { cssGlobalVars, GlobalStyle, scopePrefix } from \"../../internal/global-style.js\";\nimport { css, html, type TemplateResult } from \"lit\";\nimport { property, queryAll } from \"lit/decorators.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"tabs\";\nconst cssScope = scopePrefix(protoName);\n\nconst hoverToken = \"hover\";\n\n/**\n * {@linkcode Tabs} used to render a set of tabs.\n *\n * @fires select - Fires when the tab index is changed.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--indicator-background: var(${cssGlobalVars.passive});\n    ${cssScope}--selected-background: var(${cssGlobalVars.passive});\n    transition: 0.2s ease-in-out;\n    display: flex;\n    cursor: default;\n  }\n\n  [part=\"root\"] {\n    gap: 0.25em;\n    padding: 0.25em;\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: inherit;\n    overflow-x: clip;\n    border-radius: inherit;\n    transition: inherit;\n    transition-property: width, transform, opacity;\n  }\n\n  [part~=\"item\"] {\n    position: relative;\n    width: 100%;\n    display: block;\n    text-align: center;\n    position: relative;\n    white-space: nowrap;\n    transition: inherit;\n    border-radius: inherit;\n    transition-property: inherit;\n  }\n\n  [part=\"indicator\"],\n  [part~=\"item\"]::after {\n    width: 100%;\n    height: 100%;\n    inset: 0;\n    position: absolute;\n    transition: inherit;\n    border-radius: inherit;\n    transition-property: inherit;\n    background: var(${cssScope}--indicator-background);\n  }\n\n  [part=\"indicator\"] {\n    opacity: 0;\n    z-index: -1;\n  }\n\n  [part~=\"item\"]::after {\n    z-index: -2;\n  }\n\n  [indicator=\"underline\"] [part=\"indicator\"],\n  [indicator=\"underline\"] [part~=\"item\"]::after {\n    top: 100%;\n    height: 0.15em;\n    border-radius: 0.075em;\n    margin-top: 0.15em;\n  }\n\n  [part~=\"selected\"]::after {\n    content: \"\";\n    background: var(${cssScope}--selected-background);\n  }\n\n  [part~=\"hover\"] [part=\"indicator\"] {\n    opacity: 1;\n  }\n`)\nclass Tabs extends GlobalStyle {\n  @property({ attribute: ringTypeAttribute })\n  ringType: RingType = \"border\";\n\n  /**\n   * If it is \"select\", the indicator moves from the selected content to the hover position.\n   *\n   * If it is \"previous\", the indicator moves from the last moved position to the hover position.\n   *\n   * If \"none\", the indicator will not move.\n   */\n  @property()\n  beginning: \"selected\" | \"previous\" | \"none\" = \"selected\";\n\n  /**\n   * The behavior of the indicator:\n   *\n   * If \"background\", its size will be consistent with that of a single tab.\n   *\n   * If \"underline\", an underline will be displayed at the bottom of the tab.\n   */\n  @property()\n  indicator: \"background\" | \"underline\" = \"background\";\n\n  /**\n   * Tab list or slot list.\n   */\n  @property({ type: Array })\n  tabs: string[];\n\n  /**\n   * The index of the currently selected tab.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  protected previousIndex: number;\n\n  @queryAll(\"[part~=item]\")\n  protected _items: HTMLCollectionOf<HTMLLIElement>;\n\n  @queryAll(\"[part=indicator]\")\n  protected _indicators: HTMLCollectionOf<HTMLDivElement>;\n\n  constructor() {\n    super();\n    new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);\n  }\n\n  render(): TemplateResult<1> {\n    return html`\n      <ul\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        @mouseleave=\"${this._handleMouseLeave}\"\n      >\n        ${this.tabs?.map(\n          (tab, index) => html`\n            <li\n              part=\"${tokenList(\"item\", this.index === index && \"selected\")}\"\n              @mouseenter=${() => {\n                this.move(this.previousIndex, index);\n                this.previousIndex = index;\n              }}\n              @click=${() => this.select(index)}\n            >\n              ${htmlSlot(tab, tab)}\n              <div part=\"indicator\"></div>\n            </li>\n          `,\n        )}\n      </ul>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.previousIndex = this.beginning === \"selected\" ? this.index : -1;\n  }\n\n  protected _handleMouseLeave(): void {\n    const lastItem = this._items[this.previousIndex];\n    if (lastItem) {\n      lastItem.part.remove(hoverToken);\n    }\n    this.previousIndex = this.beginning === \"selected\" ? this.index : -1;\n  }\n\n  move(sourceIndex: number, targetIndex: number): void {\n    if (sourceIndex === targetIndex) {\n      return;\n    }\n    const { _items, _indicators } = this;\n    const targetElement = _items[targetIndex];\n    if (!targetElement) {\n      return;\n    }\n    targetElement.part.add(hoverToken);\n    const fromItem = _items[sourceIndex];\n    if (!fromItem) {\n      return;\n    }\n    fromItem.part.remove(hoverToken);\n    if (this.beginning === \"none\") {\n      return;\n    }\n    const targetIndicator = _indicators[targetIndex];\n    const sourceIndicator = _indicators[sourceIndex];\n    if (!targetIndicator || !sourceIndicator) {\n      return;\n    }\n    const { x: sourceX, y: sourceY, width: sourceWidth } = sourceIndicator.getBoundingClientRect();\n    const { x, y } = targetIndicator.getBoundingClientRect();\n    const transformX = sourceX - x;\n    const transformY = sourceY - y;\n\n    const { style: targetStyle } = targetIndicator;\n    const { style: sourceStyle } = sourceIndicator;\n\n    targetStyle.transform = `translate3d(${transformX}px,${transformY}px,0)`;\n    targetStyle.width = `${sourceWidth}px`;\n    targetStyle.transition = sourceStyle.transition = \"none\";\n    targetIndicator.getBoundingClientRect();\n    targetStyle.width = targetStyle.transform = targetStyle.transition = sourceStyle.transition = \"\";\n  }\n\n  select(selected: number): void {\n    const { index, previousIndex } = this;\n    this.move(previousIndex, selected);\n    if (selected !== index) {\n      this.previousIndex = selected;\n      this.index = selected;\n      this.dispatchCustomEvent(\"select\", selected);\n    }\n  }\n}\n\nexport default Tabs;\nexport { Tabs };\n"],"names":["Tabs","tab","index","lastItem","sourceIndex: number","targetIndex: number","sourceIndex","targetIndex","targetElement","_items","fromItem","targetIndicator","_indicators","sourceIndicator","sourceX","sourceY","sourceWidth","transformX","x","transformY","y","targetStyle","sourceStyle","selected: number","previousIndex","selected"],"mappings":"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"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAkC,gCAAiC;;;;;;AAS5E,cAsCM,aAAa,YAAY;CAC7B,AAWA,WAAW,SAAS,UAAU,WAAW;CAEzC,AACA;CAEA,AACA;CAEA,AACA;CAEA,AACA;CAEA,UAAU,UAAU,eAAe;AAKpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/text/component.ts"],"sourcesContent":["import { godown, htmlSlot, 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 = \"text\";\n\n/**\n * {@linkcode Text} renders text.\n *\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host([clip]) {\n    background: var(${cssGlobalVars.backgroundClip});\n    display: inline-block;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    -webkit-background-clip: text;\n  }\n\n  :host([nowrap]) {\n    white-space: nowrap;\n  }\n\n  :host([italic]) {\n    font-style: italic;\n  }\n\n  :host([truncate]),\n  :host([truncate]) ::slotted(*) {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  :host([strikethrough]) {\n    text-decoration: line-through;\n  }\n\n  :host([underline=\"\"]),\n  :host([underline=\"always\"]),\n  :host(:hover[underline=\"hover\"]),\n  :host(:active[underline=\"active\"]),\n  :host(:focus[underline=\"focus\"]) {\n    text-decoration: underline;\n  }\n`)\nclass Text extends GlobalStyle {\n  @property({\n    converter: {\n      fromAttribute(value) {\n        return value === \"\" ? true : value;\n      },\n      toAttribute(value) {\n        return value === false ? null : value === true ? \"\" : value;\n      },\n    },\n    reflect: true,\n  })\n  underline: \"none\" | \"hover\" | \"active\" | \"always\" | boolean = \"none\";\n\n  @property({ type: Boolean, reflect: true })\n  nowrap = false;\n\n  @property({ type: Boolean, reflect: true })\n  italic = false;\n\n  @property({ type: Boolean, reflect: true })\n  truncate = false;\n\n  @property({ type: Boolean, reflect: true })\n  clip = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <p part=\"root\">${htmlSlot()}</p>\n    `;\n  }\n}\n\nexport default Text;\nexport { Text };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,styles,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`text`;let Text=class e extends GlobalStyle{constructor(...e){super(...e),this.underline=`none`,this.nowrap=!1,this.italic=!1,this.truncate=!1,this.clip=!1}render(){return html`<p part="root">${htmlSlot()}</p>`}};_decorate([property({converter:{fromAttribute(e){return e===``?!0:e},toAttribute(e){return e===!1?null:e===!0?``:e}},reflect:!0})],Text.prototype,`underline`,void 0),_decorate([property({type:Boolean,reflect:!0})],Text.prototype,`nowrap`,void 0),_decorate([property({type:Boolean,reflect:!0})],Text.prototype,`italic`,void 0),_decorate([property({type:Boolean,reflect:!0})],Text.prototype,`truncate`,void 0),_decorate([property({type:Boolean,reflect:!0})],Text.prototype,`clip`,void 0),Text=_decorate([godown(protoName),styles(css`:host([clip]){background:var(${cssGlobalVars.backgroundClip});display:inline-block;color:transparent;-webkit-text-fill-color:transparent;background-clip:text;-webkit-background-clip:text}:host([nowrap]){white-space:nowrap}:host([italic]){font-style:italic}:host([truncate]),:host([truncate]) ::slotted(*){max-width:100%;overflow:hidden;text-overflow:ellipsis}:host([strikethrough]){text-decoration:line-through}:host([underline=""]),:host([underline="always"]),:host(:hover[underline="hover"]),:host(:active[underline="active"]),:host(:focus[underline="focus"]){text-decoration:underline}`)],Text);var Text$1=Text;export{Text,Text$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/text/component.ts"],"sourcesContent":["import { godown, htmlSlot, 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 = \"text\";\n\n/**\n * {@linkcode Text} renders text.\n *\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host([clip]) {\n    background: var(${cssGlobalVars.backgroundClip});\n    display: inline-block;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    -webkit-background-clip: text;\n  }\n\n  :host([nowrap]) {\n    white-space: nowrap;\n  }\n\n  :host([italic]) {\n    font-style: italic;\n  }\n\n  :host([truncate]),\n  :host([truncate]) ::slotted(*) {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  :host([strikethrough]) {\n    text-decoration: line-through;\n  }\n\n  :host([underline=\"\"]),\n  :host([underline=\"always\"]),\n  :host(:hover[underline=\"hover\"]),\n  :host(:active[underline=\"active\"]),\n  :host(:focus[underline=\"focus\"]) {\n    text-decoration: underline;\n  }\n`)\nclass Text extends GlobalStyle {\n  @property({\n    converter: {\n      fromAttribute(value) {\n        return value === \"\" ? true : value;\n      },\n      toAttribute(value) {\n        return value === false ? null : value === true ? \"\" : value;\n      },\n    },\n    reflect: true,\n  })\n  underline: \"none\" | \"hover\" | \"active\" | \"always\" | boolean = \"none\";\n\n  @property({ type: Boolean, reflect: true })\n  nowrap = false;\n\n  @property({ type: Boolean, reflect: true })\n  italic = false;\n\n  @property({ type: Boolean, reflect: true })\n  truncate = false;\n\n  @property({ type: Boolean, reflect: true })\n  clip = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <p part=\"root\">${htmlSlot()}</p>\n    `;\n  }\n}\n\nexport default Text;\nexport { Text };\n"],"names":["Text","value"],"mappings":"gTAMA,MAAM,UAAY,OAOlB,IAAA,KAAA,MAsCMA,UAAa,WAAY,oCAY7B,UAA8D,YAG9D,OAAS,QAGT,OAAS,QAGT,SAAW,QAGX,KAAO,GAEG,QAA4B,CACpC,MAAO,KAAI,CAAA,eACM,EAAE,UAAU,CAAC,IAC9B,CAAC,AACF,CACF,aA9BE,SAAS,CACR,UAAW,CACT,cAAcC,EAAO,CACnB,OAAOA,IAAU,GAAK,GAAOA,CAC9B,EACD,YAAYA,EAAO,CACjB,OAAOA,IAAU,GAAQ,KAAOA,IAAU,GAAO,GAAKA,CACvD,CACF,EACD,QAAS,EACV,EAAC,AAAA,EAAA,KAAA,UAAA,YAAA,IAAA,GAAA,YAGD,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,KAAA,UAAA,SAAA,IAAA,GAAA,YAG1C,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,KAAA,UAAA,SAAA,IAAA,GAAA,YAG1C,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,KAAA,UAAA,WAAA,IAAA,GAAA,YAG1C,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,KAAA,UAAA,OAAA,IAAA,GAAA,CA7D5C,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,6BAEQ,EAAE,cAAc,eAAe,ghBAkCnD,CAAC,CAAC,AAAA,EAAA,KAAA,CAkCF,IAAA,OAAe"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AAEA,cAAc,qBAAqB,sBAA4B,KAAM;AAGrE,OAAO,UAAU,sBAAuB;;;;;;;AAUxC,cACM,aAAa,KAAK;;;;CAItB,AACA;;;;CAKA,AACA;;;;CAKA,AACA,MAAM;;;;CAKN,AACA;;;;CAKA,AACA;CAEA,UAAU;CAEV,UAAU,UAAU,eAAe;CAMnC,UAAU,QAAQA,mBAAmB;AAWtC;AAED,eAAe;AACf,SAAS","names":["changedProperties: PropertyValues"],"sources":["../../../../src/web-components/time/component.ts"],"sourcesContent":["import { godown } from \"@godown/element\";\nimport fmtime from \"fmtime\";\nimport { type PropertyValues, type TemplateResult, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport Text from \"../text/component.js\";\n\nconst protoName = \"time\";\n\n/**\n * {@linkcode Time} renders a formatting time.\n *\n * @fires time - Fires when the time changes.\n * @category display\n */\n@godown(protoName)\nclass Time extends Text {\n  /**\n   * Escape symbol.\n   */\n  @property()\n  escape = \"%\";\n\n  /**\n   * Format strings.\n   */\n  @property()\n  format = \"YYYY-MM-DD hh:mm:ss\";\n\n  /**\n   * Time.\n   */\n  @property({ type: Object })\n  time: Date = new Date();\n\n  /**\n   * If there is a value, update every gap or timeout.\n   */\n  @property({ type: Number })\n  timeout: number;\n\n  /**\n   * The number of milliseconds that change with each update.\n   */\n  @property({ type: Number })\n  gap: number;\n\n  protected timeoutId: number;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <p part=\"root\">${fmtime(this.format, this.time, this.escape)}</p>\n    `;\n  }\n\n  protected updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has(\"timeout\") && this.timeout) {\n      this.timeouts.remove(this.timeoutId);\n      this.timeoutId = this.timeouts.add(\n        setInterval(() => {\n          this.dispatchCustomEvent(\"time\", this.time);\n          this.time = new Date(this.time.getTime() + (this.gap || this.timeout));\n        }, Math.abs(this.timeout)),\n      );\n    }\n  }\n}\n\nexport default Time;\nexport { Time };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown}from"@godown/element";import fmtime from"fmtime";import{html}from"lit";import{property}from"lit/decorators.js";import Text from"../text/component.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";const protoName=`time`;let Time=class e extends Text{constructor(...e){super(...e),this.escape=`%`,this.format=`YYYY-MM-DD hh:mm:ss`,this.time=new Date}render(){return html`<p part="root">${fmtime(this.format,this.time,this.escape)}</p>`}updated(e){e.has(`timeout`)&&this.timeout&&(this.timeouts.remove(this.timeoutId),this.timeoutId=this.timeouts.add(setInterval(()=>{this.dispatchCustomEvent(`time`,this.time),this.time=new Date(this.time.getTime()+(this.gap||this.timeout))},Math.abs(this.timeout))))}};_decorate([property()],Time.prototype,`escape`,void 0),_decorate([property()],Time.prototype,`format`,void 0),_decorate([property({type:Object})],Time.prototype,`time`,void 0),_decorate([property({type:Number})],Time.prototype,`timeout`,void 0),_decorate([property({type:Number})],Time.prototype,`gap`,void 0),Time=_decorate([godown(protoName)],Time);var Time$1=Time;export{Time,Time$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/time/component.ts"],"sourcesContent":["import { godown } from \"@godown/element\";\nimport fmtime from \"fmtime\";\nimport { type PropertyValues, type TemplateResult, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport Text from \"../text/component.js\";\n\nconst protoName = \"time\";\n\n/**\n * {@linkcode Time} renders a formatting time.\n *\n * @fires time - Fires when the time changes.\n * @category display\n */\n@godown(protoName)\nclass Time extends Text {\n  /**\n   * Escape symbol.\n   */\n  @property()\n  escape = \"%\";\n\n  /**\n   * Format strings.\n   */\n  @property()\n  format = \"YYYY-MM-DD hh:mm:ss\";\n\n  /**\n   * Time.\n   */\n  @property({ type: Object })\n  time: Date = new Date();\n\n  /**\n   * If there is a value, update every gap or timeout.\n   */\n  @property({ type: Number })\n  timeout: number;\n\n  /**\n   * The number of milliseconds that change with each update.\n   */\n  @property({ type: Number })\n  gap: number;\n\n  protected timeoutId: number;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <p part=\"root\">${fmtime(this.format, this.time, this.escape)}</p>\n    `;\n  }\n\n  protected updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has(\"timeout\") && this.timeout) {\n      this.timeouts.remove(this.timeoutId);\n      this.timeoutId = this.timeouts.add(\n        setInterval(() => {\n          this.dispatchCustomEvent(\"time\", this.time);\n          this.time = new Date(this.time.getTime() + (this.gap || this.timeout));\n        }, Math.abs(this.timeout)),\n      );\n    }\n  }\n}\n\nexport default Time;\nexport { Time };\n"],"names":["Time","changedProperties: PropertyValues","changedProperties"],"mappings":"+TAOA,MAAM,UAAY,OAQlB,IAAA,KAAA,MACMA,UAAa,IAAK,oCAKtB,OAAS,SAMT,OAAS,sBAMT,KAAA,KAAa,IAAI,KAgBP,QAA4B,CACpC,MAAO,KAAI,CAAC,eACK,EAAE,OAAO,KAAK,OAAQ,KAAK,KAAM,KAAK,OAAO,CAAC,IAC/D,CAAC,AACF,CAES,QAAQC,EAAyC,CACrDC,EAAkB,IAAI,UAAU,EAAI,KAAK,UAC3C,KAAK,SAAS,OAAO,KAAK,UAAU,CACpC,KAAK,UAAY,KAAK,SAAS,IAC7B,YAAY,IAAM,CAChB,KAAK,oBAAoB,OAAQ,KAAK,KAAK,CAC3C,KAAK,KAAO,IAAI,KAAK,KAAK,KAAK,SAAS,EAAI,KAAK,KAAO,KAAK,SAC9D,EAAE,KAAK,IAAI,KAAK,QAAQ,CAAC,CAC3B,CAEJ,CACF,aA9CE,UAAU,AAAA,EAAA,KAAA,UAAA,SAAA,OAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,SAAA,OAAA,YAMV,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,OAAA,OAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,UAAA,OAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,MAAA,OAAA,CA7B5B,KAAA,UAAA,CAAA,OAAO,UAAU,AAAA,EAAA,KAAA,CAqDlB,IAAA,OAAe"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAA4B,KAAM;AAGhD,OAAO,aAAa,yBAA0B;;;;;;;;;;;;;AAgB9C,cACM,gBAAgB,QAAQ;CAC5B,QAAQ;CACR,MAAM,SAAS;CAEf,AACA;CAEA,AACA;CAEA,UAAU,UAAU,eAAe;CAmBnC;CACA;CAEA;AAeD;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/tooltip/component.ts"],"sourcesContent":["import { godown, htmlSlot } from \"@godown/element\";\nimport { type TemplateResult, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport Popover from \"../popover/component.js\";\n\nconst protoName = \"tooltip\";\n\n/**\n * {@linkcode Tooltip} is similar to {@linkcode Popover}.\n *\n * It listens for the mouseenter event and displays the tip or popover after a specified delay.\n *\n * When it is clicked or the mouseleave event occurs followed by another delay, closes the tip.\n *\n * @fires toggle - Fired when the popover is toggled.\n * @slot tip - Tip content.\n * @slot - Tip trigger.\n * @category feedback\n */\n@godown(protoName)\nclass Tooltip extends Popover {\n  action: \"hide\";\n  span: \"span\" | \"isolated\";\n\n  @property()\n  tip: string;\n\n  @property({ type: Number })\n  delay = 300;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\">\n        <div\n          part=\"trigger\"\n          @click=${this.hide}\n        >\n          ${htmlSlot()}\n        </div>\n        <div\n          part=\"popover\"\n          popover=\"manual\"\n        >\n          ${htmlSlot(\"tip\", this.tip)}\n        </div>\n      </div>\n    `;\n  }\n\n  _hoverTimeout: number;\n  _leaveTimeout: number;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.events.add(this, \"mouseenter\", () => {\n      clearTimeout(this._leaveTimeout);\n      this._hoverTimeout = setTimeout(() => {\n        this.show();\n      }, this.delay);\n    });\n    this.events.add(this, \"mouseleave\", () => {\n      clearTimeout(this._hoverTimeout);\n      this._leaveTimeout = setTimeout(() => {\n        this.hide();\n      }, this.delay);\n    });\n  }\n}\n\nexport default Tooltip;\nexport { Tooltip };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,htmlSlot}from"@godown/element";import{html}from"lit";import{property}from"lit/decorators.js";import{Popover}from"../popover/component.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/global-style.js";import"../../internal/reset-style.js";import"sharekit";import"../../internal/popover.js";import"../../internal/utils.js";const protoName=`tooltip`;let Tooltip=class e extends Popover{constructor(...e){super(...e),this.delay=300}render(){return html`<div part="root"> <div part="trigger" @click=${this.hide}> ${htmlSlot()} </div> <div part="popover" popover="manual"> ${htmlSlot(`tip`,this.tip)} </div> </div>`}connectedCallback(){super.connectedCallback(),this.events.add(this,`mouseenter`,()=>{clearTimeout(this._leaveTimeout),this._hoverTimeout=setTimeout(()=>{this.show()},this.delay)}),this.events.add(this,`mouseleave`,()=>{clearTimeout(this._hoverTimeout),this._leaveTimeout=setTimeout(()=>{this.hide()},this.delay)})}};_decorate([property()],Tooltip.prototype,`tip`,void 0),_decorate([property({type:Number})],Tooltip.prototype,`delay`,void 0),Tooltip=_decorate([godown(protoName)],Tooltip);var Tooltip$1=Tooltip;export{Tooltip,Tooltip$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/tooltip/component.ts"],"sourcesContent":["import { godown, htmlSlot } from \"@godown/element\";\nimport { type TemplateResult, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport Popover from \"../popover/component.js\";\n\nconst protoName = \"tooltip\";\n\n/**\n * {@linkcode Tooltip} is similar to {@linkcode Popover}.\n *\n * It listens for the mouseenter event and displays the tip or popover after a specified delay.\n *\n * When it is clicked or the mouseleave event occurs followed by another delay, closes the tip.\n *\n * @fires toggle - Fired when the popover is toggled.\n * @slot tip - Tip content.\n * @slot - Tip trigger.\n * @category feedback\n */\n@godown(protoName)\nclass Tooltip extends Popover {\n  action: \"hide\";\n  span: \"span\" | \"isolated\";\n\n  @property()\n  tip: string;\n\n  @property({ type: Number })\n  delay = 300;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\">\n        <div\n          part=\"trigger\"\n          @click=${this.hide}\n        >\n          ${htmlSlot()}\n        </div>\n        <div\n          part=\"popover\"\n          popover=\"manual\"\n        >\n          ${htmlSlot(\"tip\", this.tip)}\n        </div>\n      </div>\n    `;\n  }\n\n  _hoverTimeout: number;\n  _leaveTimeout: number;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.events.add(this, \"mouseenter\", () => {\n      clearTimeout(this._leaveTimeout);\n      this._hoverTimeout = setTimeout(() => {\n        this.show();\n      }, this.delay);\n    });\n    this.events.add(this, \"mouseleave\", () => {\n      clearTimeout(this._hoverTimeout);\n      this._leaveTimeout = setTimeout(() => {\n        this.hide();\n      }, this.delay);\n    });\n  }\n}\n\nexport default Tooltip;\nexport { Tooltip };\n"],"names":["Tooltip"],"mappings":"qXAMA,MAAM,UAAY,UAclB,IAAA,QAAA,MACMA,UAAgB,OAAQ,oCAQ5B,MAAQ,IAEE,QAA4B,CACpC,MAAO,KAAI,CAAC,6CAIC,EAAE,KAAK,KAAK,EAEnB,EAAE,UAAU,CAAC,8CAMb,EAAE,SAAS,MAAO,KAAK,IAAI,CAAC,cAGlC,CAAC,AACF,CAKD,mBAA0B,CACxB,MAAM,mBAAmB,CACzB,KAAK,OAAO,IAAI,KAAM,aAAc,IAAM,CACxC,aAAa,KAAK,cAAc,CAChC,KAAK,cAAgB,WAAW,IAAM,CACpC,KAAK,MAAM,AACZ,EAAE,KAAK,MAAM,AACf,EAAC,CACF,KAAK,OAAO,IAAI,KAAM,aAAc,IAAM,CACxC,aAAa,KAAK,cAAc,CAChC,KAAK,cAAgB,WAAW,IAAM,CACpC,KAAK,MAAM,AACZ,EAAE,KAAK,MAAM,AACf,EAAC,AACH,CACF,aA3CE,UAAU,AAAA,EAAA,QAAA,UAAA,MAAA,OAAA,YAGV,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,QAAA,UAAA,QAAA,OAAA,CAR5B,QAAA,UAAA,CAAA,OAAO,UAAU,AAAA,EAAA,QAAA,CAkDlB,IAAA,UAAe"}

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

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

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

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

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

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

package/{web-components → build/web-components}/typewriter/component.d.ts

@@ -1,6 +1,6 @@
-import { Ranger } from "@godown/element";
 import { type PropertyValueMap, type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
+import { Ranger } from "sharekit";
 /**
 * {@linkcode Typewriter} renders a typewriter effect to text.
 *

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,uBAAuB,sBAAiC,KAAM;AAG5E,SAAS,mBAAgC,gCAAiC;AAC1E,SAAS,cAAc,UAAW;;;;;;AAUlC,cA8BM,mBAAmB,YAAY;;;;CAInC,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA,AACA;CAEA,UAAU;CAEV,UACU,IAAI;CACd,UAAU,SAAS;;;;CAKnB,IAAI;CAIJ,UAAU,UAAU,eAAe;CAenC;CAKA,UAAU;CAOV,UAAU,QAAQA,mBAAmB;CAMrC,MAAMC;CAcN;CAIA;AAGD;AAED,eAAe;AACf,SAAS","names":["changedProperties: PropertyValueMap<this>","at: number"],"sources":["../../../../src/web-components/typewriter/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type PropertyValueMap, type TemplateResult, css, html } from \"lit\";\nimport { property, query, state } from \"lit/decorators.js\";\n\nimport { GlobalStyle, scopePrefix } from \"../../internal/global-style.js\";\nimport { Ranger } from \"sharekit\";\n\nconst protoName = \"typewriter\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Typewriter} renders a typewriter effect to text.\n *\n * @category effect\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--cursor-width: .05em;\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  i {\n    border-right: var(${cssScope}--cursor-width) solid;\n    margin-left: 0.02em;\n    animation: s 1.5s steps(1) infinite;\n  }\n\n  @keyframes s {\n    0% {\n      border-color: currentColor;\n    }\n    50% {\n      border-color: transparent;\n    }\n  }\n\n  slot {\n    display: none;\n  }\n`)\nclass Typewriter extends GlobalStyle {\n  /**\n   * Raw text.\n   */\n  @property()\n  content = \"\";\n\n  /**\n   * If true, hide the cursor\n   */\n  @property({ type: Boolean })\n  ended = false;\n\n  /**\n   * Maximum random time.\n   */\n  @property({ type: Number })\n  max = 100;\n\n  /**\n   * Minimum random time.\n   */\n  @property({ type: Number })\n  min = 50;\n\n  /**\n   * Fixed time.\n   */\n  @property({ type: Number })\n  delay = 0;\n\n  /**\n   * The index at the beginning.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  @state()\n  contentInternal = \"\";\n\n  protected timeoutID: number;\n\n  @query(\"i\")\n  protected _i: HTMLElement;\n  protected _ranger: Ranger;\n\n  /**\n   * {@linkcode Typewriter.content} length.\n   */\n  get len(): number {\n    return this.content.length;\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()} ${this.contentInternal}\n        <i\n          part=\"cursor\"\n          ?hidden=\"${this.ended}\"\n        ></i>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._ranger = new Ranger(this.min, this.max);\n  }\n\n  protected firstUpdated(): void {\n    this.content ||= this._slot?.assignedNodes()[0]?.textContent.trim() || \"\";\n    if (!this.ended && this.len) {\n      this.write();\n    }\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>): void {\n    if (changedProperties.has(\"index\")) {\n      this.dispatchCustomEvent(this.index === this.len ? \"done\" : \"write\", this.contentInternal);\n    }\n  }\n\n  write(at: number = this.index): void {\n    this.contentInternal = this.content.slice(0, at + 1);\n    const timeout = this.delay || this._ranger.random();\n    this.timeoutID = this.timeouts.add(\n      setTimeout(() => {\n        const nx = at + 1;\n        if (nx <= this.len) {\n          this.index = nx;\n          this.write();\n        }\n      }, timeout),\n    );\n  }\n\n  stop(): void {\n    clearTimeout(this.timeoutID);\n  }\n\n  end(): void {\n    this.ended = true;\n  }\n}\n\nexport default Typewriter;\nexport { Typewriter };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,styles,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property,state,query}from"lit/decorators.js";import{scopePrefix,GlobalStyle}from"../../internal/global-style.js";import{Ranger}from"sharekit";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";const protoName=`typewriter`,cssScope=scopePrefix(protoName);let Typewriter=class e extends GlobalStyle{constructor(...e){super(...e),this.content=``,this.ended=!1,this.max=100,this.min=50,this.delay=0,this.index=0,this.contentInternal=``}get len(){return this.content.length}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot()} ${this.contentInternal} <i part="cursor" ?hidden="${this.ended}"></i> </div>`}connectedCallback(){super.connectedCallback(),this._ranger=new Ranger(this.min,this.max)}firstUpdated(){this.content||=this._slot?.assignedNodes()[0]?.textContent.trim()||``,!this.ended&&this.len&&this.write()}updated(e){e.has(`index`)&&this.dispatchCustomEvent(this.index===this.len?`done`:`write`,this.contentInternal)}write(e=this.index){this.contentInternal=this.content.slice(0,e+1);let g=this.delay||this._ranger.random();this.timeoutID=this.timeouts.add(setTimeout(()=>{let g=e+1;g<=this.len&&(this.index=g,this.write())},g))}stop(){clearTimeout(this.timeoutID)}end(){this.ended=!0}};_decorate([property()],Typewriter.prototype,`content`,void 0),_decorate([property({type:Boolean})],Typewriter.prototype,`ended`,void 0),_decorate([property({type:Number})],Typewriter.prototype,`max`,void 0),_decorate([property({type:Number})],Typewriter.prototype,`min`,void 0),_decorate([property({type:Number})],Typewriter.prototype,`delay`,void 0),_decorate([property({type:Number})],Typewriter.prototype,`index`,void 0),_decorate([state()],Typewriter.prototype,`contentInternal`,void 0),_decorate([query(`i`)],Typewriter.prototype,`_i`,void 0),Typewriter=_decorate([godown(protoName),styles(css`:host{${cssScope}--cursor-width:.05em}:host,:host([contents]) [part=root]{display:inline-block}i{border-right:var(${cssScope}--cursor-width) solid;margin-left:.02em;animation:s 1.5s steps(1) infinite}@keyframes s{0%{border-color:currentColor}50%{border-color:transparent}}slot{display:none}`)],Typewriter);var Typewriter$1=Typewriter;export{Typewriter,Typewriter$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/typewriter/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type PropertyValueMap, type TemplateResult, css, html } from \"lit\";\nimport { property, query, state } from \"lit/decorators.js\";\n\nimport { GlobalStyle, scopePrefix } from \"../../internal/global-style.js\";\nimport { Ranger } from \"sharekit\";\n\nconst protoName = \"typewriter\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Typewriter} renders a typewriter effect to text.\n *\n * @category effect\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--cursor-width: .05em;\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  i {\n    border-right: var(${cssScope}--cursor-width) solid;\n    margin-left: 0.02em;\n    animation: s 1.5s steps(1) infinite;\n  }\n\n  @keyframes s {\n    0% {\n      border-color: currentColor;\n    }\n    50% {\n      border-color: transparent;\n    }\n  }\n\n  slot {\n    display: none;\n  }\n`)\nclass Typewriter extends GlobalStyle {\n  /**\n   * Raw text.\n   */\n  @property()\n  content = \"\";\n\n  /**\n   * If true, hide the cursor\n   */\n  @property({ type: Boolean })\n  ended = false;\n\n  /**\n   * Maximum random time.\n   */\n  @property({ type: Number })\n  max = 100;\n\n  /**\n   * Minimum random time.\n   */\n  @property({ type: Number })\n  min = 50;\n\n  /**\n   * Fixed time.\n   */\n  @property({ type: Number })\n  delay = 0;\n\n  /**\n   * The index at the beginning.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  @state()\n  contentInternal = \"\";\n\n  protected timeoutID: number;\n\n  @query(\"i\")\n  protected _i: HTMLElement;\n  protected _ranger: Ranger;\n\n  /**\n   * {@linkcode Typewriter.content} length.\n   */\n  get len(): number {\n    return this.content.length;\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()} ${this.contentInternal}\n        <i\n          part=\"cursor\"\n          ?hidden=\"${this.ended}\"\n        ></i>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._ranger = new Ranger(this.min, this.max);\n  }\n\n  protected firstUpdated(): void {\n    this.content ||= this._slot?.assignedNodes()[0]?.textContent.trim() || \"\";\n    if (!this.ended && this.len) {\n      this.write();\n    }\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>): void {\n    if (changedProperties.has(\"index\")) {\n      this.dispatchCustomEvent(this.index === this.len ? \"done\" : \"write\", this.contentInternal);\n    }\n  }\n\n  write(at: number = this.index): void {\n    this.contentInternal = this.content.slice(0, at + 1);\n    const timeout = this.delay || this._ranger.random();\n    this.timeoutID = this.timeouts.add(\n      setTimeout(() => {\n        const nx = at + 1;\n        if (nx <= this.len) {\n          this.index = nx;\n          this.write();\n        }\n      }, timeout),\n    );\n  }\n\n  stop(): void {\n    clearTimeout(this.timeoutID);\n  }\n\n  end(): void {\n    this.ended = true;\n  }\n}\n\nexport default Typewriter;\nexport { Typewriter };\n"],"names":["Typewriter","changedProperties: PropertyValueMap<this>","changedProperties","at: number","at","timeout","nx"],"mappings":"2UAOA,MAAM,UAAY,aACZ,SAAW,YAAY,UAAU,CAOvC,IAAA,WAAA,MA8BMA,UAAmB,WAAY,oCAKnC,QAAU,QAMV,MAAQ,QAMR,IAAM,SAMN,IAAM,QAMN,MAAQ,OAMR,MAAQ,OAGR,gBAAkB,GAWlB,IAAI,KAAc,CAChB,OAAO,KAAK,QAAQ,MACrB,CAES,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,UAAU,CAAC,CAAC,EAAE,KAAK,gBAAA,2BAGV,EAAE,KAAK,MAAM,aAG5B,CAAC,AACF,CAED,mBAA0B,CACxB,MAAM,mBAAmB,CACzB,KAAK,QAAU,IAAI,OAAO,KAAK,IAAK,KAAK,IAC1C,CAES,cAAqB,CAC7B,KAAK,UAAY,KAAK,OAAO,eAAe,CAAC,IAAI,YAAY,MAAM,EAAI,GACnE,CAAC,KAAK,OAAS,KAAK,KACtB,KAAK,OAAO,AAEf,CAES,QAAQC,EAAiD,CAC7DC,EAAkB,IAAI,QAAQ,EAChC,KAAK,oBAAoB,KAAK,QAAU,KAAK,IAAM,OAAS,QAAS,KAAK,gBAAgB,AAE7F,CAED,MAAMC,EAAa,KAAK,MAAa,CACnC,KAAK,gBAAkB,KAAK,QAAQ,MAAM,EAAGC,EAAK,EAAE,CACpD,IAAMC,EAAU,KAAK,OAAS,KAAK,QAAQ,QAAQ,CACnD,KAAK,UAAY,KAAK,SAAS,IAC7B,WAAW,IAAM,CACf,IAAMC,EAAKF,EAAK,EACZE,GAAM,KAAK,MACb,KAAK,MAAQA,EACb,KAAK,OAAO,CAEf,EAAED,EAAQ,CACZ,AACF,CAED,MAAa,CACX,aAAa,KAAK,UAAU,AAC7B,CAED,KAAY,CACV,KAAK,MAAQ,EACd,CACF,aAvGE,UAAU,AAAA,EAAA,WAAA,UAAA,UAAA,OAAA,YAMV,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,WAAA,UAAA,QAAA,OAAA,YAM3B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,WAAA,UAAA,MAAA,OAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,WAAA,UAAA,MAAA,OAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,WAAA,UAAA,QAAA,OAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,WAAA,UAAA,QAAA,OAAA,YAG1B,OAAO,AAAA,EAAA,WAAA,UAAA,kBAAA,OAAA,CAKP,UAAA,CAAA,MAAM,IAAI,AAAA,EAAA,WAAA,UAAA,KAAA,OAAA,CAxEZ,WAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,MAER,EAAE,SAAS,iGASO,EAAE,SAAS,qKAiBjC,CAAC,CAAC,AAAA,EAAA,WAAA,CA8GF,IAAA,aAAe"}

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

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

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

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

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

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