godown 3.13.2 → 3.13.4

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;;;;;;;;;;AAsBzF,cAqEM,eAAe,YAAY;;;;;;CAM/B,AACA;;;;CAKA,AACA;CAEA;CAKA,UAAU,UAAU,eAAe;CAYnC,UAAU,YAAYA,eAAe,eAAe;CASpD,UAAU;CAMV,UAAU,cAAcC;AAWzB;AAED,eAAe;AACf,SAAS","names":["text: string","len: number"],"sources":["../../../../src/web-components/breath/component.ts"],"sourcesContent":["import { attr, godown, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst defineName = \"breath\";\nconst cssScope = scopePrefix(defineName);\n\nconst splitTextRegexp = /[\\s,]+/;\n\n/**\n * {@linkcode Breath} render the text with a breathing effect.\n *\n * Dynamically generate a breathing effect based on the length of the split text.\n *\n * If there is not enough CSS variable, overrun elements will use the.\n *\n * godown was a css library in its earliest days,\n * and this is the component version of its first effect.\n *\n * Inspired by Vercel home page (2023).\n *\n * @slot - Breathing parts.\n * @category effect\n */\n@godown(defineName)\n@styles(\n  css`\n    :host {\n      ${cssScope}--deg: 60deg;\n      ${cssScope}--1-1: hsl(0 70% 55%);\n      ${cssScope}--1-2: hsl(30 90% 60%);\n      ${cssScope}--2-1: hsl(130 70% 50%);\n      ${cssScope}--2-2: hsl(180 60% 40%);\n      ${cssScope}--3-1: hsl(270 80% 55%);\n      ${cssScope}--3-2: hsl(210 90% 50%);\n      ${cssScope}--1: linear-gradient(var(${cssScope}--deg), var(${cssScope}--1-1), var(${cssScope}--1-2));\n      ${cssScope}--2: linear-gradient(var(${cssScope}--deg), var(${cssScope}--2-1), var(${cssScope}--2-2));\n      ${cssScope}--3: linear-gradient(var(${cssScope}--deg), var(${cssScope}--3-1), var(${cssScope}--3-2));\n    }\n  `,\n  css`\n    :host {\n      margin: auto;\n      width: fit-content;\n      font-size: 2em;\n      align-items: center;\n      direction: ltr;\n    }\n\n    :host,\n    :host([contents]) [part=\"root\"] {\n      display: flex;\n    }\n\n    [part=\"root\"] {\n      display: contents;\n    }\n\n    ::selection {\n      background: none;\n    }\n\n    .rel {\n      position: relative;\n      font-weight: 800;\n      font-size: inherit;\n      letter-spacing: -0.05em;\n    }\n  `,\n  css`\n    .nocolor,\n    .colorful {\n      padding: 0 0.05em;\n      box-sizing: border-box;\n      display: inline-block;\n      animation-iteration-count: infinite;\n      color: transparent;\n      -webkit-background-clip: text !important;\n      background-clip: text !important;\n    }\n\n    .colorful {\n      opacity: 0;\n      animation-name: colorfulN;\n    }\n\n    .nocolor {\n      position: absolute;\n      top: 0;\n      background: var(${cssGlobalVars.backgroundClip});\n    }\n  `,\n)\nclass Breath extends GlobalStyle {\n  /**\n   * Strings or array of strings,\n   * if array, divided each element into chunks,\n   * otherwise split strings by whitespace.\n   */\n  @property()\n  content: string | string[];\n\n  /**\n   * Effect duration.\n   */\n  @property({ type: Number })\n  duration: number;\n\n  constructor() {\n    super();\n    new StyleController(this, () => this._computeStyle(this.getTexts().length));\n  }\n\n  protected render(): TemplateResult<1> {\n    const texts = this.getTexts();\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${texts.map(this._renderText)}\n      </div>\n    `;\n  }\n\n  protected _renderText(text: string): TemplateResult<1> {\n    return html`\n      <span class=\"rel\">\n        <span class=\"nocolor\">${text}</span>\n        <span class=\"colorful\">${text}</span>\n      </span>\n    `;\n  }\n\n  protected getTexts(): string[] {\n    return Array.isArray(this.content)\n      ? this.content\n      : (this.content || this.textContent).split(splitTextRegexp).filter((x) => x);\n  }\n\n  protected _computeStyle(len: number): string {\n    const gap = 100 / 2 / len;\n    const duration = this.duration || (len * 2 + 2) * 1000;\n    let style1 = \"\";\n    for (let number = 1; number <= len; number++) {\n      const delay = (-duration / len) * (len - number + 1);\n      const defaultNumber = ((number - 1) % 3) + 1;\n      style1 += `.rel:nth-child(${number}) .colorful{animation-delay:${delay}ms;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;\n    }\n    return `.colorful{animation-duration:${duration}ms;}@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${gap * 2}%{opacity:1;}}${style1}`;\n  }\n}\n\nexport default Breath;\nexport { Breath };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,styles,StyleController,attr}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const defineName=`breath`,cssScope=scopePrefix(defineName),splitTextRegexp=/[\s,]+/;let Breath=class e extends GlobalStyle{constructor(){super(),new StyleController(this,()=>this._computeStyle(this.getTexts().length))}render(){let e=this.getTexts();return html`<div part="root" ${attr(this.observedRecord)}> ${e.map(this._renderText)} </div>`}_renderText(e){return html`<span class="rel"> <span class="nocolor">${e}</span> <span class="colorful">${e}</span> </span>`}getTexts(){return Array.isArray(this.content)?this.content:(this.content||this.textContent).split(splitTextRegexp).filter(e=>e)}_computeStyle(e){let d=100/2/e,f=this.duration||(e*2+2)*1e3,p=``;for(let d=1;d<=e;d++){let m=-f/e*(e-d+1),h=(d-1)%3+1;p+=`.rel:nth-child(${d}) .colorful{animation-delay:${m}ms;background:var(${cssScope}--${d},var(${cssScope}--${h}));}`}return`.colorful{animation-duration:${f}ms;}@keyframes colorfulN{0%,${d*3}%{opacity:0;}${d}%,${d*2}%{opacity:1;}}${p}`}};_decorate([property()],Breath.prototype,`content`,void 0),_decorate([property({type:Number})],Breath.prototype,`duration`,void 0),Breath=_decorate([godown(defineName),styles(css`:host{${cssScope}--deg:60deg;${cssScope}--1-1:hsl(0 70% 55%);${cssScope}--1-2:hsl(30 90% 60%);${cssScope}--2-1:hsl(130 70% 50%);${cssScope}--2-2:hsl(180 60% 40%);${cssScope}--3-1:hsl(270 80% 55%);${cssScope}--3-2:hsl(210 90% 50%);${cssScope}--1:linear-gradient(var(${cssScope}--deg),var(${cssScope}--1-1),var(${cssScope}--1-2));${cssScope}--2:linear-gradient(var(${cssScope}--deg),var(${cssScope}--2-1),var(${cssScope}--2-2));${cssScope}--3:linear-gradient(var(${cssScope}--deg),var(${cssScope}--3-1),var(${cssScope}--3-2))}`,css`:host{margin:auto;width:-moz-fit-content;width:fit-content;font-size:2em;align-items:center;direction:ltr}:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}::selection{background:0 0}.rel{position:relative;font-weight:800;font-size:inherit;letter-spacing:-.05em} `,css`.nocolor,.colorful{padding:0 .05em;box-sizing:border-box;display:inline-block;animation-iteration-count:infinite;color:transparent;-webkit-background-clip:text!important;background-clip:text!important}.colorful{opacity:0;animation-name:colorfulN}.nocolor{position:absolute;top:0;background:var(${cssGlobalVars.backgroundClip})}`)],Breath);var Breath$1=Breath;export{Breath,Breath$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/breath/component.ts"],"sourcesContent":["import { attr, godown, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst defineName = \"breath\";\nconst cssScope = scopePrefix(defineName);\n\nconst splitTextRegexp = /[\\s,]+/;\n\n/**\n * {@linkcode Breath} render the text with a breathing effect.\n *\n * Dynamically generate a breathing effect based on the length of the split text.\n *\n * If there is not enough CSS variable, overrun elements will use the.\n *\n * godown was a css library in its earliest days,\n * and this is the component version of its first effect.\n *\n * Inspired by Vercel home page (2023).\n *\n * @slot - Breathing parts.\n * @category effect\n */\n@godown(defineName)\n@styles(\n  css`\n    :host {\n      ${cssScope}--deg: 60deg;\n      ${cssScope}--1-1: hsl(0 70% 55%);\n      ${cssScope}--1-2: hsl(30 90% 60%);\n      ${cssScope}--2-1: hsl(130 70% 50%);\n      ${cssScope}--2-2: hsl(180 60% 40%);\n      ${cssScope}--3-1: hsl(270 80% 55%);\n      ${cssScope}--3-2: hsl(210 90% 50%);\n      ${cssScope}--1: linear-gradient(var(${cssScope}--deg), var(${cssScope}--1-1), var(${cssScope}--1-2));\n      ${cssScope}--2: linear-gradient(var(${cssScope}--deg), var(${cssScope}--2-1), var(${cssScope}--2-2));\n      ${cssScope}--3: linear-gradient(var(${cssScope}--deg), var(${cssScope}--3-1), var(${cssScope}--3-2));\n    }\n  `,\n  css`\n    :host {\n      margin: auto;\n      width: fit-content;\n      font-size: 2em;\n      align-items: center;\n      direction: ltr;\n    }\n\n    :host,\n    :host([contents]) [part=\"root\"] {\n      display: flex;\n    }\n\n    [part=\"root\"] {\n      display: contents;\n    }\n\n    ::selection {\n      background: none;\n    }\n\n    .rel {\n      position: relative;\n      font-weight: 800;\n      font-size: inherit;\n      letter-spacing: -0.05em;\n    }\n  `,\n  css`\n    .nocolor,\n    .colorful {\n      padding: 0 0.05em;\n      box-sizing: border-box;\n      display: inline-block;\n      animation-iteration-count: infinite;\n      color: transparent;\n      -webkit-background-clip: text !important;\n      background-clip: text !important;\n    }\n\n    .colorful {\n      opacity: 0;\n      animation-name: colorfulN;\n    }\n\n    .nocolor {\n      position: absolute;\n      top: 0;\n      background: var(${cssGlobalVars.backgroundClip});\n    }\n  `,\n)\nclass Breath extends GlobalStyle {\n  /**\n   * Strings or array of strings,\n   * if array, divided each element into chunks,\n   * otherwise split strings by whitespace.\n   */\n  @property()\n  content: string | string[];\n\n  /**\n   * Effect duration.\n   */\n  @property({ type: Number })\n  duration: number;\n\n  constructor() {\n    super();\n    new StyleController(this, () => this._computeStyle(this.getTexts().length));\n  }\n\n  protected render(): TemplateResult<1> {\n    const texts = this.getTexts();\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${texts.map(this._renderText)}\n      </div>\n    `;\n  }\n\n  protected _renderText(text: string): TemplateResult<1> {\n    return html`\n      <span class=\"rel\">\n        <span class=\"nocolor\">${text}</span>\n        <span class=\"colorful\">${text}</span>\n      </span>\n    `;\n  }\n\n  protected getTexts(): string[] {\n    return Array.isArray(this.content)\n      ? this.content\n      : (this.content || this.textContent).split(splitTextRegexp).filter((x) => x);\n  }\n\n  protected _computeStyle(len: number): string {\n    const gap = 100 / 2 / len;\n    const duration = this.duration || (len * 2 + 2) * 1000;\n    let style1 = \"\";\n    for (let number = 1; number <= len; number++) {\n      const delay = (-duration / len) * (len - number + 1);\n      const defaultNumber = ((number - 1) % 3) + 1;\n      style1 += `.rel:nth-child(${number}) .colorful{animation-delay:${delay}ms;background:var(${cssScope}--${number},var(${cssScope}--${defaultNumber}));}`;\n    }\n    return `.colorful{animation-duration:${duration}ms;}@keyframes colorfulN{0%,${gap * 3}%{opacity:0;}${gap}%,${gap * 2}%{opacity:1;}}${style1}`;\n  }\n}\n\nexport default Breath;\nexport { Breath };\n"],"names":["Breath","texts","text: string","text","x","len: number","gap","len","duration","style1","number","delay","defaultNumber"],"mappings":"wUAMA,MAAM,WAAa,SACb,SAAW,YAAY,WAAW,CAElC,gBAAkB,SAiBxB,IAAA,OAAA,MAqEMA,UAAe,WAAY,CAe/B,aAAc,CACZ,OAAO,CACP,IAAI,gBAAgB,KAAM,IAAM,KAAK,cAAc,KAAK,UAAU,CAAC,OAAO,CAC3E,CAES,QAA4B,CACpC,IAAMC,EAAQ,KAAK,UAAU,CAC7B,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAEA,EAAM,IAAI,KAAK,YAAY,CAAA,OAEjC,CAAC,AACF,CAES,YAAYC,EAAiC,CACrD,MAAO,KAAI,CAAA,yCAEe,EAAEC,EAAK,+BACN,EAAEA,EAAK,eAElC,CAAC,AACF,CAES,UAAqB,CAC7B,OAAO,MAAM,QAAQ,KAAK,QAAQ,CAC9B,KAAK,SACJ,KAAK,SAAW,KAAK,aAAa,MAAM,gBAAgB,CAAC,OAAO,AAACC,GAAMA,EAAE,AAC/E,CAES,cAAcC,EAAqB,CAC3C,IAAMC,EAAM,IAAM,EAAIC,EAChBC,EAAW,KAAK,WAAaD,EAAM,EAAI,GAAK,IAC9CE,EAAS,GACb,IAAK,IAAIC,EAAS,EAAGA,GAAUH,EAAKG,IAAU,CAC5C,IAAMC,EAAS,CAACH,EAAWD,GAAQA,EAAMG,EAAS,GAC5CE,GAAkBF,EAAS,GAAK,EAAK,EAC3CD,GAAU,CAAC,eAAe,EAAEC,EAAO,4BAA4B,EAAEC,EAAM,kBAAkB,EAAE,SAAS,EAAE,EAAED,EAAO,KAAK,EAAE,SAAS,EAAE,EAAEE,EAAc,IAAI,CAAC,AACvJ,CACD,MAAO,CAAC,6BAA6B,EAAEJ,EAAS,4BAA4B,EAAEF,EAAM,EAAE,aAAa,EAAEA,EAAI,EAAE,EAAEA,EAAM,EAAE,cAAc,EAAEG,GAAQ,AAC9I,CACF,aApDE,UAAU,AAAA,EAAA,OAAA,UAAA,UAAA,OAAA,YAMV,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,OAAA,UAAA,WAAA,OAAA,CAjF5B,OAAA,UAAA,CAAA,OAAO,WAAW,CAClB,OACC,GAAG,CAAC,MAEA,EAAE,SAAS,YACX,EAAE,SAAS,qBACX,EAAE,SAAS,sBACX,EAAE,SAAS,uBACX,EAAE,SAAS,uBACX,EAAE,SAAS,uBACX,EAAE,SAAS,uBACX,EAAE,SAAS,wBAAyB,EAAE,SAAS,WAAY,EAAE,SAAS,WAAY,EAAE,SAAS,QAC7F,EAAE,SAAS,wBAAyB,EAAE,SAAS,WAAY,EAAE,SAAS,WAAY,EAAE,SAAS,QAC7F,EAAE,SAAS,wBAAyB,EAAE,SAAS,WAAY,EAAE,SAAS,WAAY,EAAE,SAAS,QAEjG,CAAC,CACD,GAAG,CAAC,mSA4BJ,CAAC,CACD,GAAG,CAAC,sSAoBgB,EAAE,cAAc,eAAe,EAEnD,CAAC,CACF,AAAA,EAAA,OAAA,CA6DD,IAAA,SAAe"}

package/build/web-components/breath/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/breath/definition.ts"],"sourcesContent":["import Breath from \"./component.js\";\n\nBreath.define();\n\nexport default Breath;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-breath\": Breath;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

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

@@ -0,0 +1,2 @@
+import Breath 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";Breath.define();export{Breath as default};
+//# sourceMappingURL=definition.js.map

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;;;;;;;;;AAazF,cA0DM,eAAe,YAAY;;;;CAI/B,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA,UACU,YAAY;CACtB,UACU,OAAO;CAEjB,UAAU,UAAU,eAAe;CAYnC;CAQA;CAKA;CAKA,UAAU,aAAaA,GAAG;CAW1B,UAAU,aAAaA,GAAG;AA6B3B;AAED,eAAe;AACf,SAAS","names":["e: MouseEvent"],"sources":["../../../../src/web-components/button/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"button\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Button} renders a button.\n *\n * Create modal animation upon clicking.\n *\n * @slot - The content of the button.\n * @category input\n */\n@godown(protoName)\n@styles(\n  css`\n    :host(:not([disabled]):active) {\n      transform: scale(var(${cssScope}--focus-scale));\n    }\n\n    :host([round]) {\n      border-radius: calc(infinity * 1px);\n    }\n\n    :host([disabled]) {\n      cursor: not-allowed;\n      filter: brightness(0.85);\n    }\n\n    :host([plain]) {\n      ${cssScope}--gradients: unset;\n      ${cssScope}--focus-scale: unset;\n    }\n  `,\n  css`\n    :host {\n      ${cssScope}--modal-animation-duration: 1.5s;\n      ${cssScope}--focus-scale: .97;\n      ${cssScope}--deg: 45deg;\n      color: var(${cssGlobalVars.primaryForeground});\n      background: var(${cssGlobalVars.primaryBackground});\n      display: inline-block;\n      overflow: hidden;\n      text-align: center;\n      cursor: pointer;\n    }\n\n    [part=\"root\"] {\n      padding-block: 0.25em;\n      padding-inline: 1em;\n      position: relative;\n      user-select: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    i {\n      position: absolute;\n      inset: 0;\n      opacity: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      visibility: visible;\n      pointer-events: none;\n      transform-origin: 0 0;\n      background: currentColor;\n    }\n  `,\n)\nclass Button extends GlobalStyle {\n  /**\n   * If true, remove gradient, modal animation, focus scale.\n   */\n  @property({ type: Boolean, reflect: true })\n  plain = false;\n\n  /**\n   * Whether this element is disabled or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Whether this element is active or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Display rounded.\n   */\n  @property({ type: Boolean, reflect: true })\n  round = false;\n\n  /**\n   * Content text.\n   */\n  @property()\n  content: string;\n\n  @query(\"[part=modal-root]\")\n  protected _modalRoot: HTMLElement;\n  @query(\"[part=root]\")\n  protected _root: HTMLElement;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot(\"\", this.content)}\n        <span part=\"modal-root\"></span>\n      </div>\n    `;\n  }\n\n  focus(): void {\n    if (this.disabled) {\n      return;\n    }\n    this.active = true;\n    super.focus();\n  }\n\n  blur(): void {\n    this.active = false;\n    super.blur();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.events.add(this, \"click\", this._handelClick);\n  }\n\n  protected _handelClick(e: MouseEvent): void {\n    if (this.disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    if (!this.plain) {\n      this._handleModal(e);\n    }\n  }\n\n  protected _handleModal(e: MouseEvent): void {\n    const modal = document.createElement(\"i\");\n    const { width, height } = this.getBoundingClientRect();\n    const { x, y } = this._root.getBoundingClientRect();\n    const size = `${Math.sqrt(height ** 2 + width ** 2) * 2}px`;\n    modal.style.height = size;\n    modal.style.width = size;\n    modal.style.left = `${e.x - x}px`;\n    modal.style.top = `${e.y - y}px`;\n    this._modalRoot.appendChild(modal);\n    const keyframes = [\n      {\n        transform: \"scale(0) translate(-50%, -50%)\",\n        opacity: 0.1,\n      },\n      {\n        transform: \"scale(1) translate(-50%, -50%)\",\n        offset: 0.8,\n      },\n      {\n        opacity: 0,\n      },\n    ];\n    modal.animate(keyframes, {\n      duration: 800,\n      iterations: 1,\n    });\n    modal.addEventListener(\"animationend\", () => modal.remove(), { once: true });\n  }\n}\n\nexport default Button;\nexport { Button };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,styles,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property,query}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=`button`,cssScope=scopePrefix(protoName);let Button=class e extends GlobalStyle{constructor(...e){super(...e),this.plain=!1,this.disabled=!1,this.active=!1,this.round=!1}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot(``,this.content)} <span part="modal-root"></span> </div>`}focus(){this.disabled||(this.active=!0,super.focus())}blur(){this.active=!1,super.blur()}connectedCallback(){super.connectedCallback(),this.events.add(this,`click`,this._handelClick)}_handelClick(e){if(this.disabled){e.stopPropagation(),e.preventDefault();return}this.plain||this._handleModal(e)}_handleModal(e){let l=document.createElement(`i`),{width:u,height:d}=this.getBoundingClientRect(),{x:f,y:p}=this._root.getBoundingClientRect(),m=`${Math.sqrt(d**2+u**2)*2}px`;l.style.height=m,l.style.width=m,l.style.left=`${e.x-f}px`,l.style.top=`${e.y-p}px`,this._modalRoot.appendChild(l);let h=[{transform:`scale(0) translate(-50%, -50%)`,opacity:.1},{transform:`scale(1) translate(-50%, -50%)`,offset:.8},{opacity:0}];l.animate(h,{duration:800,iterations:1}),l.addEventListener(`animationend`,()=>l.remove(),{once:!0})}};_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`plain`,void 0),_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`disabled`,void 0),_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`active`,void 0),_decorate([property({type:Boolean,reflect:!0})],Button.prototype,`round`,void 0),_decorate([property()],Button.prototype,`content`,void 0),_decorate([query(`[part=modal-root]`)],Button.prototype,`_modalRoot`,void 0),_decorate([query(`[part=root]`)],Button.prototype,`_root`,void 0),Button=_decorate([godown(protoName),styles(css`:host(:not([disabled]):active){transform:scale(var(${cssScope}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([plain]){${cssScope}--gradients:unset;${cssScope}--focus-scale:unset}`,css`:host{${cssScope}--modal-animation-duration:1.5s;${cssScope}--focus-scale:.97;${cssScope}--deg:45deg;color:var(${cssGlobalVars.primaryForeground});background:var(${cssGlobalVars.primaryBackground});display:inline-block;overflow:hidden;text-align:center;cursor:pointer}[part=root]{padding-block:.25em;padding-inline:1em;position:relative;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center}i{position:absolute;inset:0;opacity:0;width:100%;height:100%;border-radius:50%;visibility:visible;pointer-events:none;transform-origin:0 0;background:currentColor}`)],Button);var Button$1=Button;export{Button,Button$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/button/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"button\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Button} renders a button.\n *\n * Create modal animation upon clicking.\n *\n * @slot - The content of the button.\n * @category input\n */\n@godown(protoName)\n@styles(\n  css`\n    :host(:not([disabled]):active) {\n      transform: scale(var(${cssScope}--focus-scale));\n    }\n\n    :host([round]) {\n      border-radius: calc(infinity * 1px);\n    }\n\n    :host([disabled]) {\n      cursor: not-allowed;\n      filter: brightness(0.85);\n    }\n\n    :host([plain]) {\n      ${cssScope}--gradients: unset;\n      ${cssScope}--focus-scale: unset;\n    }\n  `,\n  css`\n    :host {\n      ${cssScope}--modal-animation-duration: 1.5s;\n      ${cssScope}--focus-scale: .97;\n      ${cssScope}--deg: 45deg;\n      color: var(${cssGlobalVars.primaryForeground});\n      background: var(${cssGlobalVars.primaryBackground});\n      display: inline-block;\n      overflow: hidden;\n      text-align: center;\n      cursor: pointer;\n    }\n\n    [part=\"root\"] {\n      padding-block: 0.25em;\n      padding-inline: 1em;\n      position: relative;\n      user-select: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n    }\n\n    i {\n      position: absolute;\n      inset: 0;\n      opacity: 0;\n      width: 100%;\n      height: 100%;\n      border-radius: 50%;\n      visibility: visible;\n      pointer-events: none;\n      transform-origin: 0 0;\n      background: currentColor;\n    }\n  `,\n)\nclass Button extends GlobalStyle {\n  /**\n   * If true, remove gradient, modal animation, focus scale.\n   */\n  @property({ type: Boolean, reflect: true })\n  plain = false;\n\n  /**\n   * Whether this element is disabled or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  disabled = false;\n\n  /**\n   * Whether this element is active or not.\n   */\n  @property({ type: Boolean, reflect: true })\n  active = false;\n\n  /**\n   * Display rounded.\n   */\n  @property({ type: Boolean, reflect: true })\n  round = false;\n\n  /**\n   * Content text.\n   */\n  @property()\n  content: string;\n\n  @query(\"[part=modal-root]\")\n  protected _modalRoot: HTMLElement;\n  @query(\"[part=root]\")\n  protected _root: HTMLElement;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot(\"\", this.content)}\n        <span part=\"modal-root\"></span>\n      </div>\n    `;\n  }\n\n  focus(): void {\n    if (this.disabled) {\n      return;\n    }\n    this.active = true;\n    super.focus();\n  }\n\n  blur(): void {\n    this.active = false;\n    super.blur();\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.events.add(this, \"click\", this._handelClick);\n  }\n\n  protected _handelClick(e: MouseEvent): void {\n    if (this.disabled) {\n      e.stopPropagation();\n      e.preventDefault();\n      return;\n    }\n    if (!this.plain) {\n      this._handleModal(e);\n    }\n  }\n\n  protected _handleModal(e: MouseEvent): void {\n    const modal = document.createElement(\"i\");\n    const { width, height } = this.getBoundingClientRect();\n    const { x, y } = this._root.getBoundingClientRect();\n    const size = `${Math.sqrt(height ** 2 + width ** 2) * 2}px`;\n    modal.style.height = size;\n    modal.style.width = size;\n    modal.style.left = `${e.x - x}px`;\n    modal.style.top = `${e.y - y}px`;\n    this._modalRoot.appendChild(modal);\n    const keyframes = [\n      {\n        transform: \"scale(0) translate(-50%, -50%)\",\n        opacity: 0.1,\n      },\n      {\n        transform: \"scale(1) translate(-50%, -50%)\",\n        offset: 0.8,\n      },\n      {\n        opacity: 0,\n      },\n    ];\n    modal.animate(keyframes, {\n      duration: 800,\n      iterations: 1,\n    });\n    modal.addEventListener(\"animationend\", () => modal.remove(), { once: true });\n  }\n}\n\nexport default Button;\nexport { Button };\n"],"names":["Button","e: MouseEvent","modal","size","height","width","x","y","keyframes"],"mappings":"uUAMA,MAAM,UAAY,SACZ,SAAW,YAAY,UAAU,CAUvC,IAAA,OAAA,MA0DMA,UAAe,WAAY,oCAK/B,MAAQ,QAMR,SAAW,QAMX,OAAS,QAMT,MAAQ,GAaE,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,SAAS,GAAI,KAAK,QAAQ,CAAA,uCAGhC,CAAC,AACF,CAED,OAAc,CACR,KAAK,WAGT,KAAK,OAAS,GACd,MAAM,OAAO,CACd,CAED,MAAa,CACX,KAAK,OAAS,GACd,MAAM,MAAM,AACb,CAED,mBAA0B,CACxB,MAAM,mBAAmB,CACzB,KAAK,OAAO,IAAI,KAAM,QAAS,KAAK,aAAa,AAClD,CAES,aAAaC,EAAqB,CAC1C,GAAI,KAAK,SAAU,CACjB,EAAE,iBAAiB,CACnB,EAAE,gBAAgB,CAClB,MACD,CACI,KAAK,OACR,KAAK,aAAa,EAAE,AAEvB,CAES,aAAaA,EAAqB,CAC1C,IAAMC,EAAQ,SAAS,cAAc,IAAI,CACnC,CAAE,QAAO,SAAQ,CAAG,KAAK,uBAAuB,CAChD,CAAE,IAAG,IAAG,CAAG,KAAK,MAAM,uBAAuB,CAC7CC,EAAO,GAAG,KAAK,KAAKC,GAAU,EAAIC,GAAS,EAAE,CAAG,EAAE,EAAE,CAAC,CAC3DH,EAAM,MAAM,OAASC,EACrBD,EAAM,MAAM,MAAQC,EACpBD,EAAM,MAAM,KAAO,GAAG,EAAE,EAAII,EAAE,EAAE,CAAC,CACjCJ,EAAM,MAAM,IAAM,GAAG,EAAE,EAAIK,EAAE,EAAE,CAAC,CAChC,KAAK,WAAW,YAAYL,EAAM,CAClC,IAAMM,EAAY,CAChB,CACE,UAAW,iCACX,QAAS,EACV,EACD,CACE,UAAW,iCACX,OAAQ,EACT,EACD,CACE,QAAS,CAAA,CAEZ,EACDN,EAAM,QAAQM,EAAW,CACvB,SAAU,IACV,WAAY,CACb,EAAC,CACFN,EAAM,iBAAiB,eAAgB,IAAMA,EAAM,QAAQ,CAAE,CAAE,KAAM,EAAM,EAAC,AAC7E,CACF,aAtGE,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,QAAA,IAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,WAAA,IAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,SAAA,IAAA,GAAA,YAM1C,SAAS,CAAE,KAAM,QAAS,QAAS,EAAM,EAAC,AAAA,EAAA,OAAA,UAAA,QAAA,IAAA,GAAA,YAM1C,UAAU,AAAA,EAAA,OAAA,UAAA,UAAA,OAAA,CAGV,UAAA,CAAA,MAAM,oBAAoB,AAAA,EAAA,OAAA,UAAA,aAAA,OAAA,CAE1B,UAAA,CAAA,MAAM,cAAc,AAAA,EAAA,OAAA,UAAA,QAAA,OAAA,CA3FtB,OAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OACC,GAAG,CAAC,mDAEqB,EAAE,SAAS,2IAahC,EAAE,SAAS,kBACX,EAAE,SAAS,oBAEf,CAAC,CACD,GAAG,CAAC,MAEA,EAAE,SAAS,gCACX,EAAE,SAAS,kBACX,EAAE,SAAS,sBACA,EAAE,cAAc,kBAAkB,iBAC7B,EAAE,cAAc,kBAAkB,wZA6BtD,CAAC,CACF,AAAA,EAAA,OAAA,CA6GD,IAAA,SAAe"}

package/build/web-components/button/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/button/definition.ts"],"sourcesContent":["import Button from \"./component.js\";\n\nButton.define();\n\nexport default Button;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-button\": Button;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

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

@@ -0,0 +1,2 @@
+import Button 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";Button.define();export{Button as default};
+//# sourceMappingURL=definition.js.map

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAA+C,gCAAiC;AAEzF,cAA8C,gBAAgB,wBAAyB;;;;;;;;;;;;AAgBvF,cA0BM,aAAa,YAAY;CAC7B;CAKA,AACA,UAAU;;;;CAKV,AACA;;;;CAKA,AACA;CAEA,UAAU,UAAU,eAAe;AAUpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/card/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars, scopePrefix } from \"../../internal/global-style.js\";\nimport type Layout from \"../layout/component.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"card\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Card} renders a card.\n *\n * This may be similar to {@linkcode Layout},\n * but it needs to be specified to enable header and footer.\n *\n * @slot - The main content of the card.\n * @slot header - The header of the card.\n * @slot footer - The footer of the card.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    background: var(${cssGlobalVars.background});\n    color: var(${cssGlobalVars.foreground});\n    display: block;\n    flex-shrink: 0;\n  }\n\n  slot {\n    display: block;\n    padding: 1em;\n  }\n\n  [part=\"root\"] {\n    border-radius: inherit;\n  }\n\n  [name=\"footer\"] {\n    padding-top: 0;\n  }\n\n  [name=\"header\"] {\n    padding-bottom: 0;\n  }\n`)\nclass Card extends GlobalStyle {\n  constructor() {\n    super();\n    new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);\n  }\n\n  @property({ attribute: ringTypeAttribute })\n  ringType: RingType = \"border\";\n\n  /**\n   * Whether to display the header.\n   */\n  @property({ type: Boolean })\n  footer = false;\n\n  /**\n   * Whether to display the footer.\n   */\n  @property({ type: Boolean })\n  header = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${[this.header ? htmlSlot(\"header\") : \"\", htmlSlot(), this.footer ? htmlSlot(\"footer\") : \"\"]}\n      </div>\n    `;\n  }\n}\n\nexport default Card;\nexport { Card };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,2 @@
+import{godown,styles,StyleController,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{scopePrefix,cssGlobalVars,GlobalStyle}from"../../internal/global-style.js";import{ringTypeAttribute,RingBuilder}from"../../internal/ring.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`card`;scopePrefix(protoName);let Card=class e extends GlobalStyle{constructor(){super(),this.ringType=`border`,this.footer=!1,this.header=!1,new StyleController(this,()=>new RingBuilder({type:this.ringType}).css)}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${[this.header?htmlSlot(`header`):``,htmlSlot(),this.footer?htmlSlot(`footer`):``]} </div>`}};_decorate([property({attribute:ringTypeAttribute})],Card.prototype,`ringType`,void 0),_decorate([property({type:Boolean})],Card.prototype,`footer`,void 0),_decorate([property({type:Boolean})],Card.prototype,`header`,void 0),Card=_decorate([godown(protoName),styles(css`:host{background:var(${cssGlobalVars.background});color:var(${cssGlobalVars.foreground});display:block;flex-shrink:0}slot{display:block;padding:1em}[part=root]{border-radius:inherit}[name=footer]{padding-top:0}[name=header]{padding-bottom:0}`)],Card);var Card$1=Card;export{Card,Card$1 as default};
+//# sourceMappingURL=component.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AAGA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;;;;;AAkB7D,cA6CM,iBAAiB,YAAY;;;;CAIjC,AACA;;;;CAKA,AACA;CAEA,UACU,WAAW;CAErB;CAEA,QAAQ;CAER,QAAQ;CAER,UAAU;CAEV,UAAU,UAAU,eAAe;CAuBnC;CAgBA,UAAgB,gBAAgB;CAKhC,yBAAyBA,cAAcC,qBAAqBC;CAO5D,KAAKC,WAAWC;CAgBhB;CASA;CASA,UAAU,cAAcC,gBAAgBC;CAKxC,UAAU;CASV,eAAeH;AAShB;AAED,eAAe;AACf,SAAS","names":["name: string","_old: string | null","value: string | null","i: number","n?: boolean","xValue: string","noTransition?: boolean"],"sources":["../../../../src/web-components/carousel/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, styles } from \"@godown/element\";\nimport iconCaretLeft from \"../../internal/icons/caret-left.js\";\nimport iconCaretRight from \"../../internal/icons/caret-right.js\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property, query } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"carousel\";\n\nfunction getWidth(e) {\n  return e.getBoundingClientRect().width;\n}\n\n/**\n * {@linkcode Carousel} make the content display as a carousel.\n *\n * When this component is `firstUpdated`,\n * clone the first and last element and make the matching element visible when switching index.\n *\n * @slot - Carousel items, should maintain the same size.\n * @fires change - Fires when the index changes.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n    transition: 0.3s;\n  }\n\n  [part=\"root\"] {\n    direction: ltr;\n    overflow: hidden;\n  }\n\n  [part=\"root\"],\n  [part=\"move-root\"] {\n    height: 100%;\n    width: 100%;\n    display: flex;\n    position: relative;\n    transition: inherit;\n  }\n\n  [part=\"prev\"],\n  [part=\"next\"] {\n    height: 100%;\n    width: 1.5em;\n    z-index: 1;\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    user-select: none;\n  }\n\n  [part=\"prev\"] {\n    left: 0;\n  }\n\n  [part=\"next\"] {\n    right: 0;\n  }\n\n  slot::slotted(*) {\n    flex-shrink: 0 !important;\n  }\n`)\nclass Carousel extends GlobalStyle {\n  /**\n   * The index of the current item.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  /**\n   * The duration of the transition.\n   */\n  @property({ type: Number })\n  autoChange = 0;\n\n  @query(\"[part=move-root]\")\n  protected _moveRoot: HTMLElement;\n\n  intervalID: number;\n\n  private __cloneFirst: HTMLElement | undefined;\n\n  private __cloneLast: HTMLElement | undefined;\n\n  protected _offset: number;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        <i\n          part=\"prev\"\n          @click=\"${this.prev}\"\n        >\n          ${iconCaretLeft()}\n        </i>\n        <div part=\"move-root\">${htmlSlot()}</div>\n        <i\n          part=\"next\"\n          @click=\"${this.next}\"\n        >\n          ${iconCaretRight()}\n        </i>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.children.length) {\n      this.__cloneFirst?.remove();\n      this.__cloneLast?.remove();\n      this.__cloneLast = this.firstElementChild.cloneNode(true) as HTMLElement;\n      this.__cloneFirst = this.lastElementChild.cloneNode(true) as HTMLElement;\n      this.appendChild(this.__cloneLast);\n      this.insertBefore(this.__cloneFirst, this.firstElementChild);\n    }\n    this.observers.add(this, ResizeObserver, () => {\n      this._offset = this._computeOffset();\n      this._doTranslateX(`${this._offset}px`, true);\n    });\n  }\n\n  protected async firstUpdated(): Promise<void> {\n    await this.updateComplete;\n    this.show(this.index, true);\n  }\n\n  attributeChangedCallback(name: string, _old: string | null, value: string | null): void {\n    super.attributeChangedCallback(name, _old, value);\n    if (name === \"index\" && this.isConnected) {\n      this.show(this.index);\n    }\n  }\n\n  show(i: number, n?: boolean): void {\n    i = this.normalizeIndex(i);\n    this.index = i;\n    this._offset = this._computeOffset();\n    this._doTranslateX(`${this._offset}px`, n);\n    this.dispatchCustomEvent(\"change\", i);\n    this.timeouts.remove(this.intervalID);\n    if (this.autoChange > 0) {\n      this.intervalID = this.timeouts.add(\n        setInterval(() => {\n          this.next();\n        }, this.autoChange),\n      );\n    }\n  }\n\n  next(): void {\n    if (this.index === this.childElementCount - 3) {\n      this._doTranslateX(\"0\", true);\n      this.show(0);\n    } else {\n      this.show(this.index + 1);\n    }\n  }\n\n  prev(): void {\n    if (this.index === 0) {\n      this._doTranslateX(`-${this.childElementCount - 1}00%`, true);\n      this.show(this.children.length - 3);\n    } else {\n      this.show(this.index - 1);\n    }\n  }\n\n  protected _doTranslateX(xValue: string, noTransition?: boolean): void {\n    this._moveRoot.style.transform = `translateX(${xValue})`;\n    this._moveRoot.style.transition = noTransition ? \"none\" : \"\";\n  }\n\n  protected _computeOffset(): number {\n    let offset = 0;\n    for (let childIndex = 0; childIndex <= this.index; childIndex++) {\n      offset -= getWidth(this.children[childIndex]);\n    }\n    offset += (getWidth(this) - getWidth(this.children[this.index + 1])) / 2;\n    return offset;\n  }\n\n  normalizeIndex(i: number): number {\n    if (i < 0) {\n      return 0;\n    }\n    if (i > this.children.length - 3) {\n      return this.children.length - 3;\n    }\n    return i;\n  }\n}\n\nexport default Carousel;\nexport { Carousel };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,3 @@
+import{godown,styles,attr,htmlSlot}from"@godown/element";import _default from"../../internal/icons/caret-left.js";import _default$1 from"../../internal/icons/caret-right.js";import{css,html}from"lit";import{property,query}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`carousel`;function getWidth(e){return e.getBoundingClientRect().width}let Carousel=class e extends GlobalStyle{constructor(...e){super(...e),this.index=0,this.autoChange=0}render(){return html`<div part="root" ${attr(this.observedRecord)}> <i part="prev" @click="${this.prev}"> ${_default()} </i> <div part="move-root">${htmlSlot()}</div> <i part="next" @click="${this.next}"> ${_default$1()} </i> </div>`}connectedCallback(){super.connectedCallback(),this.children.length&&(this.__cloneFirst?.remove(),this.__cloneLast?.remove(),this.__cloneLast=this.firstElementChild.cloneNode(!0),this.__cloneFirst=this.lastElementChild.cloneNode(!0),this.appendChild(this.__cloneLast),this.insertBefore(this.__cloneFirst,this.firstElementChild)),this.observers.add(this,ResizeObserver,()=>{this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,!0)})}async firstUpdated(){await this.updateComplete,this.show(this.index,!0)}attributeChangedCallback(e,m,h){super.attributeChangedCallback(e,m,h),e===`index`&&this.isConnected&&this.show(this.index)}show(e,m){e=this.normalizeIndex(e),this.index=e,this._offset=this._computeOffset(),this._doTranslateX(`${this._offset}px`,m),this.dispatchCustomEvent(`change`,e),this.timeouts.remove(this.intervalID),this.autoChange>0&&(this.intervalID=this.timeouts.add(setInterval(()=>{this.next()},this.autoChange)))}next(){this.index===this.childElementCount-3?(this._doTranslateX(`0`,!0),this.show(0)):this.show(this.index+1)}prev(){this.index===0?(this._doTranslateX(`-${this.childElementCount-1}00%`,!0),this.show(this.children.length-3)):this.show(this.index-1)}_doTranslateX(e,m){this._moveRoot.style.transform=`translateX(${e})`,this._moveRoot.style.transition=m?`none`:``}_computeOffset(){let e=0;for(let m=0;m<=this.index;m++)e-=getWidth(this.children[m]);return e+=(getWidth(this)-getWidth(this.children[this.index+1]))/2,e}normalizeIndex(e){return e<0?0:e>this.children.length-3?this.children.length-3:e}};_decorate([property({type:Number})],Carousel.prototype,`index`,void 0),_decorate([property({type:Number})],Carousel.prototype,`autoChange`,void 0),_decorate([query(`[part=move-root]`)],Carousel.prototype,`_moveRoot`,void 0),Carousel=_decorate([godown(protoName),styles(css`:host{display:block;transition:.3s}[part=root]{direction:ltr;overflow:hidden}[part=root],[part=move-root]{height:100%;width:100%;display:flex;position:relative;transition:inherit}[part=prev],[part=next]{height:100%;width:1.5em;z-index:1;position:absolute;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none}[part=prev]{left:0}[part=next]{right:0}slot::slotted(*){flex-shrink:0!important}
+`)],Carousel);var Carousel$1=Carousel;export{Carousel,Carousel$1 as default};
+//# sourceMappingURL=component.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -27,6 +27,7 @@ declare class Flex extends GlobalStyle {
 	* If true, set flex-direction to "column".
 	*/
 	vertical: boolean;
+	constructor();
 	protected render(): TemplateResult<1>;
 }
 export default Flex;

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAmB,gCAAiC;;;;;;;AAU7D,cAWM,aAAa,YAAY;;;;CAI7B,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA;CAiBA,UAAU,UAAU,eAAe;AAUpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/flex/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"flex\";\n\n/**\n * {@linkcode Flex} provides flex layout.\n *\n * @slot - Flex items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: flex;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Flex extends GlobalStyle {\n  /**\n   * CSS property `flex-flow` (`flex-direction flex-wrap`).\n   */\n  @property({ attribute: \"flex-flow\" })\n  flexFlow: string;\n\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `justify-content`.\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `align-items`.\n   */\n  @property()\n  items: string;\n\n  /**\n   * If true, set flex-direction to \"column\".\n   */\n  @property({ type: Boolean })\n  vertical = false;\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () => ({\n        \":host\": {\n          gap: this.gap,\n          \"flex-flow\": this.flexFlow,\n          \"flex-direction\": this.vertical && \"column\",\n          \"align-items\": this.items,\n          \"justify-content\": this.content,\n        },\n      }),\n      () => [this.gap, this.flexFlow, this.vertical, this.items, this.content],\n    );\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default Flex;\nexport { Flex };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,3 @@
+import{godown,styles,StyleController,attr,htmlSlot}from"@godown/element";import{css,html}from"lit";import{property}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";const protoName=`flex`;let Flex=class e extends GlobalStyle{constructor(){super(),this.vertical=!1,new StyleController(this,()=>({":host":{gap:this.gap,"flex-flow":this.flexFlow,"flex-direction":this.vertical&&`column`,"align-items":this.items,"justify-content":this.content}}),()=>[this.gap,this.flexFlow,this.vertical,this.items,this.content])}render(){return html`<div part="root" ${attr(this.observedRecord)}> ${htmlSlot()} </div>`}};_decorate([property({attribute:`flex-flow`})],Flex.prototype,`flexFlow`,void 0),_decorate([property()],Flex.prototype,`gap`,void 0),_decorate([property()],Flex.prototype,`content`,void 0),_decorate([property()],Flex.prototype,`items`,void 0),_decorate([property({type:Boolean})],Flex.prototype,`vertical`,void 0),Flex=_decorate([godown(protoName),styles(css`:host,:host([contents]) [part=root]{display:flex}[part=root]{display:contents}
+`)],Flex);var Flex$1=Flex;export{Flex,Flex$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/flex/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"flex\";\n\n/**\n * {@linkcode Flex} provides flex layout.\n *\n * @slot - Flex items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: flex;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Flex extends GlobalStyle {\n  /**\n   * CSS property `flex-flow` (`flex-direction flex-wrap`).\n   */\n  @property({ attribute: \"flex-flow\" })\n  flexFlow: string;\n\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `justify-content`.\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `align-items`.\n   */\n  @property()\n  items: string;\n\n  /**\n   * If true, set flex-direction to \"column\".\n   */\n  @property({ type: Boolean })\n  vertical = false;\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () => ({\n        \":host\": {\n          gap: this.gap,\n          \"flex-flow\": this.flexFlow,\n          \"flex-direction\": this.vertical && \"column\",\n          \"align-items\": this.items,\n          \"justify-content\": this.content,\n        },\n      }),\n      () => [this.gap, this.flexFlow, this.vertical, this.items, this.content],\n    );\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default Flex;\nexport { Flex };\n"],"names":["Flex"],"mappings":"uTAMA,MAAM,UAAY,OAQlB,IAAA,KAAA,MAWMA,UAAa,WAAY,CA+B7B,aAAc,CACZ,OAAO,MAHT,SAAW,GAIT,IAAI,gBACF,KACA,KAAO,CACL,QAAS,CACP,IAAK,KAAK,IACV,YAAa,KAAK,SAClB,iBAAkB,KAAK,UAAY,SACnC,cAAe,KAAK,MACpB,kBAAmB,KAAK,OACzB,IAEH,IAAM,CAAC,KAAK,IAAK,KAAK,SAAU,KAAK,SAAU,KAAK,MAAO,KAAK,OAAQ,EAE3E,CAES,QAA4B,CACpC,MAAO,KAAI,CAAA,iBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,EAE3B,EAAE,UAAU,CAAA,OAEhB,CAAC,AACF,CACF,aAtDE,SAAS,CAAE,UAAW,WAAa,EAAC,AAAA,EAAA,KAAA,UAAA,WAAA,OAAA,YAMpC,UAAU,AAAA,EAAA,KAAA,UAAA,MAAA,OAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,UAAA,OAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,QAAA,OAAA,YAMV,SAAS,CAAE,KAAM,OAAS,EAAC,AAAA,EAAA,KAAA,UAAA,WAAA,OAAA,CAvC7B,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AASZ,CAAC,CAAC,AAAA,EAAA,KAAA,CA6DF,IAAA,OAAe"}

package/build/web-components/flex/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/flex/definition.ts"],"sourcesContent":["import Flex from \"./component.js\";\n\nFlex.define();\n\nexport default Flex;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-flex\": Flex;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

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

@@ -0,0 +1,2 @@
+import Flex 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";Flex.define();export{Flex as default};
+//# sourceMappingURL=definition.js.map

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

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

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAA2B,KAAM;AAG/C,SAAS,mBAAmB,gCAAiC;;;;;;;AAU7D,cAMM,KAAK,oBAAoB,YAAY;CACzC,AACA;CAEA,IAAI,SAAS;CAIb,0BAA0B;CAE1B,UAAU,UAAU,eAAe;CAInC;CAWA,sBAAsB;CAItB,OAAO,WACLA,WAAW,UAAU;EACnB;EACA;EACA;CACD,OACA;AAoBJ;AAED,eAAe;AACf,SAAS","names":["elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[]"],"sources":["../../../../src/web-components/form/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"form\";\n\n/**\n * {@linkcode Form} Gets child element key-value object,\n * which will be nested if the child element is the same as this element.\n *\n * @category form\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n  }\n`)\nclass Form<T = object> extends GlobalStyle {\n  @property()\n  name = \"\";\n\n  get value(): T {\n    return Form.buildValue(this._slot.assignedElements()) as T;\n  }\n\n  nameValue: () => [string, T] = this.namevalue;\n\n  protected render(): TemplateResult<1> {\n    return htmlSlot();\n  }\n\n  reset(): void {\n    this.deepQuerySelectorAll<HTMLElement & { reset?: () => void }>(\"*\").forEach((el) => {\n      if (el.tagName === this.tagName) {\n        return;\n      }\n      if (el.reset) {\n        el.reset();\n      }\n    });\n  }\n\n  namevalue(): [string, T] {\n    return [this.name, this.value];\n  }\n\n  static buildValue(\n    elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[],\n  ): Record<string, any> {\n    const result = {};\n    for (const el of elements) {\n      if (el.tagName === \"FORM\") {\n        Object.assign(result, Object.fromEntries(new FormData(el as HTMLFormElement).entries()));\n      } else if (el.namevalue) {\n        const [name, value] = el.namevalue();\n        if (name) {\n          result[name] = value;\n        }\n      } else if (el.name && el.value !== undefined) {\n        result[el.name] = el.value;\n      } else if (el.shadowRoot) {\n        for (const slot of el.shadowRoot.querySelectorAll(\"slot\")) {\n          Object.assign(result, this.buildValue(slot.assignedElements()));\n        }\n      }\n    }\n    return result;\n  }\n}\n\nexport default Form;\nexport { Form };\n"],"version":3,"file":"component.d.ts"}

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

@@ -0,0 +1,3 @@
+import{godown,styles,htmlSlot}from"@godown/element";import{css}from"lit";import{property}from"lit/decorators.js";import{GlobalStyle}from"../../internal/global-style.js";import _decorate from"@oxc-project/runtime/helpers/decorate";import"../../internal/reset-style.js";import"sharekit";var _Form;const protoName=`form`;let Form=_Form=class e extends GlobalStyle{constructor(...e){super(...e),this.name=``,this.nameValue=this.namevalue}get value(){return _Form.buildValue(this._slot.assignedElements())}render(){return htmlSlot()}reset(){this.deepQuerySelectorAll(`*`).forEach(e=>{e.tagName!==this.tagName&&e.reset&&e.reset()})}namevalue(){return[this.name,this.value]}static buildValue(e){let c={};for(let l of e)if(l.tagName===`FORM`)Object.assign(c,Object.fromEntries(new FormData(l).entries()));else if(l.namevalue){let[e,u]=l.namevalue();e&&(c[e]=u)}else if(l.name&&l.value!==void 0)c[l.name]=l.value;else if(l.shadowRoot)for(let e of l.shadowRoot.querySelectorAll(`slot`))Object.assign(c,this.buildValue(e.assignedElements()));return c}};_decorate([property()],Form.prototype,`name`,void 0),Form=_Form=_decorate([godown(protoName),styles(css`:host{display:block}
+`)],Form);var Form$1=Form;export{Form,Form$1 as default};
+//# sourceMappingURL=component.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/web-components/form/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst protoName = \"form\";\n\n/**\n * {@linkcode Form} Gets child element key-value object,\n * which will be nested if the child element is the same as this element.\n *\n * @category form\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    display: block;\n  }\n`)\nclass Form<T = object> extends GlobalStyle {\n  @property()\n  name = \"\";\n\n  get value(): T {\n    return Form.buildValue(this._slot.assignedElements()) as T;\n  }\n\n  nameValue: () => [string, T] = this.namevalue;\n\n  protected render(): TemplateResult<1> {\n    return htmlSlot();\n  }\n\n  reset(): void {\n    this.deepQuerySelectorAll<HTMLElement & { reset?: () => void }>(\"*\").forEach((el) => {\n      if (el.tagName === this.tagName) {\n        return;\n      }\n      if (el.reset) {\n        el.reset();\n      }\n    });\n  }\n\n  namevalue(): [string, T] {\n    return [this.name, this.value];\n  }\n\n  static buildValue(\n    elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[],\n  ): Record<string, any> {\n    const result = {};\n    for (const el of elements) {\n      if (el.tagName === \"FORM\") {\n        Object.assign(result, Object.fromEntries(new FormData(el as HTMLFormElement).entries()));\n      } else if (el.namevalue) {\n        const [name, value] = el.namevalue();\n        if (name) {\n          result[name] = value;\n        }\n      } else if (el.name && el.value !== undefined) {\n        result[el.name] = el.value;\n      } else if (el.shadowRoot) {\n        for (const slot of el.shadowRoot.querySelectorAll(\"slot\")) {\n          Object.assign(result, this.buildValue(slot.assignedElements()));\n        }\n      }\n    }\n    return result;\n  }\n}\n\nexport default Form;\nexport { Form };\n"],"names":["Form","el","elements: (Element & {\n      name?: string;\n      value?: unknown;\n      namevalue?: () => [string, unknown];\n    })[]","result","elements","name","value","slot"],"mappings":"uSAMA,MAAM,UAAY,OAQlB,IAAA,KAAA,MAAA,MAMMA,UAAyB,WAAY,oCAEzC,KAAO,GAMP,KAAA,UAA+B,KAAK,UAJpC,IAAI,OAAW,CACb,OAAA,MAAY,WAAW,KAAK,MAAM,kBAAkB,CAAC,AACtD,CAIS,QAA4B,CACpC,OAAO,UAAU,AAClB,CAED,OAAc,CACZ,KAAK,qBAA2D,IAAI,CAAC,QAAQ,AAACC,GAAO,CAC/EA,EAAG,UAAY,KAAK,SAGpBA,EAAG,OACLA,EAAG,OAAO,AAEb,EAAC,AACH,CAED,WAAyB,CACvB,MAAO,CAAC,KAAK,KAAM,KAAK,KAAM,CAC/B,CAED,OAAO,WACLC,EAKqB,CACrB,IAAMC,EAAS,CAAE,EACjB,IAAK,IAAMF,KAAMG,EACf,GAAIH,EAAG,UAAY,OACjB,OAAO,OAAOE,EAAQ,OAAO,YAAY,IAAI,SAASF,GAAuB,SAAS,CAAC,CAAC,SAC/EA,EAAG,UAAW,CACvB,GAAM,CAACI,EAAMC,EAAM,CAAGL,EAAG,WAAW,CAChCI,IACFF,EAAOE,GAAQC,EAElB,SAAUL,EAAG,MAAQA,EAAG,QAAU,OACjCE,EAAOF,EAAG,MAAQA,EAAG,cACZA,EAAG,WACZ,IAAK,IAAMM,KAAQN,EAAG,WAAW,iBAAiB,OAAO,CACvD,OAAO,OAAOE,EAAQ,KAAK,WAAWI,EAAK,kBAAkB,CAAC,CAAC,CAIrE,OAAOJ,CACR,CACF,aAtDE,UAAU,AAAA,EAAA,KAAA,UAAA,OAAA,OAAA,CAPZ,KAAA,MAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC;AAIZ,CAAC,CAAC,AAAA,EAAA,KAAA,CA0DF,IAAA,OAAe"}

package/build/web-components/form/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/form/definition.ts"],"sourcesContent":["import Form from \"./component.js\";\n\nForm.define();\n\nexport default Form;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-form\": Form;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

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

@@ -0,0 +1,2 @@
+import Form 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";Form.define();export{Form as default};
+//# sourceMappingURL=definition.js.map

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

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

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

@@ -31,6 +31,7 @@ declare class Grid extends GlobalStyle {
 	* CSS property `place-items` (`align-items justify-items`).
 	*/
 	items: string;
+	constructor();
 	protected render(): TemplateResult<1>;
 }
 export default Grid;

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

@@ -0,0 +1 @@
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAIrD,SAAS,mBAAmB,gCAAiC;;;;;;;AAY7D,cAWM,aAAa,YAAY;;;;CAI7B,AACA;;;;;;CAOA,AACA;;;;;;CAOA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA;CAiBA,UAAU,UAAU,eAAe;AAUpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../../src/web-components/grid/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\nimport { isNumerical } from \"sharekit\";\n\nimport { GlobalStyle } from \"../../internal/global-style.js\";\n\nconst toTemplate = (s: number | string) => (isNumerical(s) ? `repeat(${s},1fr)` : s);\n\nconst protoName = \"grid\";\n\n/**\n * {@linkcode Grid} provides gird layout.\n *\n * @slot - Grid items.\n * @category layout\n */\n@godown(protoName)\n@styles(css`\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: grid;\n  }\n\n  [part=\"root\"] {\n    display: contents;\n  }\n`)\nclass Grid extends GlobalStyle {\n  /**\n   * CSS property `gap`.\n   */\n  @property()\n  gap: string;\n\n  /**\n   * CSS property `grid-template-columns`.\n   *\n   * If columns is numerical, divide columns equally.\n   */\n  @property()\n  columns: string | number;\n\n  /**\n   * CSS property `grid-template-rows`.\n   *\n   * If rows is numerical, divide rows equally.\n   */\n  @property()\n  rows: string | number;\n\n  /**\n   * CSS property `place-content` (`align-content justify-content`).\n   */\n  @property()\n  content: string;\n\n  /**\n   * CSS property `place-items` (`align-items justify-items`).\n   */\n  @property()\n  items: string;\n\n  constructor() {\n    super();\n    new StyleController(\n      this,\n      () => ({\n        \":host\": {\n          gap: this.gap,\n          \"grid-template-columns\": toTemplate(this.columns),\n          \"grid-template-rows\": toTemplate(this.rows),\n          \"place-content\": this.content,\n          \"place-items\": this.items,\n        },\n      }),\n      () => [this.gap, this.columns, this.rows, this.content, this.items],\n    );\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()}\n      </div>\n    `;\n  }\n}\n\nexport default Grid;\nexport { Grid };\n"],"version":3,"file":"component.d.ts"}