godown 3.13.1 → 3.13.2

package/web-components/tabs/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/tabs/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","hoverToken","Tabs","GlobalStyle","constructor","super","this","ringType","beginning","indicator","index","StyleController","RingBuilder","type","css","render","html","attr","observedRecord","_handleMouseLeave","tabs","map","tab","tokenList","select","htmlSlot","connectedCallback","lastItem","_items","previousIndex","part","remove","_indicators","targetElement","targetIndex","add","fromItem","sourceIndex","targetIndicator","sourceIndicator","x","sourceX","y","sourceY","width","sourceWidth","getBoundingClientRect","transformX","transformY","targetStyle","style","sourceStyle","transform","transition","selected","move","dispatchCustomEvent","__decorate","attribute","prototype","property","Array","Number","queryAll","godown","styles","cssGlobalVars","passive","Tabs$1"],"mappings":"gaAMA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAEvBG,EAAa,QAiFnB,IAAMC,EAAN,MAAMA,aAAaC,EA4CjB,WAAAC,GACEC,QA3CFC,KAAQC,SAAa,SAUrBD,KAASE,UAAqC,WAU9CF,KAASG,UAA+B,aAYxCH,KAAKI,MAAG,EAYN,IAAIC,EAAgBL,MAAM,IAAM,IAAIM,EAAY,CAAEC,KAAMP,KAAKC,WAAYO,MAG3E,MAAAC,GACE,OAAOC,CAAI,mBAAAC,EAAAX,KAAAY,gCAAAZ,KAAAa,uBAAAb,KAAAc,MAAAC,KAAA,CAAAC,EAAAZ,IAAAM,CAAA,aAAAO,EAAA,OAAAjB,KAAAI,QAAAA,GAAA,4BAAA,qEAGK,IAAAJ,KAAAkB,OAAed,OAAAe,EAAAH,EAAAA,iDACZ,qBAEbjB,MAAIqB,iFAIc,iBAAAP,SACRQ,EAAMrB,KAAkBsB,OAAAtB,KAAEuB,eAC9BF,GACDA,EAAAG,KAAAC,OAAA9B,+DAGC,oBAIP,OAEJ,MAAA2B,OAAAA,EAAAI,YAAAA,GAAA1B,KACH2B,EAAAL,EAAAM,GAEiB,IAAAD,EACV,OAEPA,EAAAH,KAAAK,IAAAlC,GAE2B,MAAAmC,EAAAR,EAAAS,GACzB,IAAMD,EACF,OAGJ,GADAA,EAAAN,KAAAC,OAAA9B,YACIK,KAAcE,UACpB,OAGE,MAAe8B,EAAgBN,EAAEE,GACxBK,EAAAP,EAAAK,GACT,IAAAC,IAAAC,EACA,OAEA,MAAkBC,EAAAC,EAAEC,EAAAC,EAAAC,MAAAC,GAAAN,EAAAO,yBACXN,EAAAA,EAAAE,EAAAA,GAAAJ,EAAAQ,wBACTC,EAAAN,EAAAD,EACAQ,EAAmBL,EAAID,SACNO,GAAOX,GACXY,MAAEC,GAAAZ,IACNa,UAAA,eAAAL,OAAAC,SACTC,EAAAL,MAAA,GAAAC,MACAI,EAAaI,WAAQF,EAAWE,WAAA,OAChCf,EAASQ,0BACAF,MAAAK,EAAAG,UAAAH,EAAAI,WAAAF,EAAAE,WAAA,GAET,MAAA7B,CAAA8B,GACA,MAAM5C,yBAAkBJ,KACxBA,KAAKiD,KAAe1B,EAAKyB,GACvBA,IAAO5C,IACTJ,KAAAuB,cAAAyB,EACAhD,KAASI,QACHJ,KAAGkD,oBAAuB,SAAsBF,GAEtD,GAGAG,EAAA,GAEW,CAAAC,eACXxD,EAAAyD,UAAW,gBAAY,KACZ,MAEXzD,EAAAyD,UAAW,iBAAoB,KACjC,CAEAC,KACE1D,EAAAyD,UAAa,oBACbF,EAAA,CACAG,EAAY,CAAA/C,KAAAgD,SACV3D,EAAAyD,UAAK,YAAA,GACLF,EAAA,CACAG,EAAA,CAAA/C,KAAwBiD,YAC1BH,UAAA,aAAA,KACF,CACDI,EAAA,iBArIC7D,EAAAyD,UAAA,cAAA,GADCF,EAAA,CAC6BM,EAAA,qBAU9B7D,EAAAyD,UAAA,mBAAA,GADCzD,EAAAuD,EAAU,CAC8CO,EAAAlE,GAUzDmE,EAAAnD,CAAA,SAAAf,+BAAAmE,EAAAC,YAAApE,8BAAAmE,EAAAC,khBAAApE,wTAAAA,iFADCG,GACoD,IAAAkE,EAAAlE"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/tabs/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, StyleController, styles, tokenList } from \"@godown/element\";\nimport { cssGlobalVars, GlobalStyle, scopePrefix } from \"../../internal/global-style.js\";\nimport { css, html, type TemplateResult } from \"lit\";\nimport { property, queryAll } from \"lit/decorators.js\";\nimport { RingBuilder, ringTypeAttribute, type RingType } from \"../../internal/ring.js\";\n\nconst protoName = \"tabs\";\nconst cssScope = scopePrefix(protoName);\n\nconst hoverToken = \"hover\";\n\n/**\n * {@linkcode Tabs} used to render a set of tabs.\n *\n * @fires select - Fires when the tab index is changed.\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--indicator-background: var(${cssGlobalVars.passive});\n    ${cssScope}--selected-background: var(${cssGlobalVars.passive});\n    transition: 0.2s ease-in-out;\n    display: flex;\n    cursor: default;\n  }\n\n  [part=\"root\"] {\n    gap: 0.25em;\n    padding: 0.25em;\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-direction: inherit;\n    overflow-x: clip;\n    border-radius: inherit;\n    transition: inherit;\n    transition-property: width, transform, opacity;\n  }\n\n  [part~=\"item\"] {\n    position: relative;\n    width: 100%;\n    display: block;\n    text-align: center;\n    position: relative;\n    white-space: nowrap;\n    transition: inherit;\n    border-radius: inherit;\n    transition-property: inherit;\n  }\n\n  [part=\"indicator\"],\n  [part~=\"item\"]::after {\n    width: 100%;\n    height: 100%;\n    inset: 0;\n    position: absolute;\n    transition: inherit;\n    border-radius: inherit;\n    transition-property: inherit;\n    background: var(${cssScope}--indicator-background);\n  }\n\n  [part=\"indicator\"] {\n    opacity: 0;\n    z-index: -1;\n  }\n\n  [part~=\"item\"]::after {\n    z-index: -2;\n  }\n\n  [indicator=\"underline\"] [part=\"indicator\"],\n  [indicator=\"underline\"] [part~=\"item\"]::after {\n    top: 100%;\n    height: 0.15em;\n    border-radius: 0.075em;\n    margin-top: 0.15em;\n  }\n\n  [part~=\"selected\"]::after {\n    content: \"\";\n    background: var(${cssScope}--selected-background);\n  }\n\n  [part~=\"hover\"] [part=\"indicator\"] {\n    opacity: 1;\n  }\n`)\nclass Tabs extends GlobalStyle {\n  @property({ attribute: ringTypeAttribute })\n  ringType: RingType = \"border\";\n\n  /**\n   * If it is \"select\", the indicator moves from the selected content to the hover position.\n   *\n   * If it is \"previous\", the indicator moves from the last moved position to the hover position.\n   *\n   * If \"none\", the indicator will not move.\n   */\n  @property()\n  beginning: \"selected\" | \"previous\" | \"none\" = \"selected\";\n\n  /**\n   * The behavior of the indicator:\n   *\n   * If \"background\", its size will be consistent with that of a single tab.\n   *\n   * If \"underline\", an underline will be displayed at the bottom of the tab.\n   */\n  @property()\n  indicator: \"background\" | \"underline\" = \"background\";\n\n  /**\n   * Tab list or slot list.\n   */\n  @property({ type: Array })\n  tabs: string[];\n\n  /**\n   * The index of the currently selected tab.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  protected previousIndex: number;\n\n  @queryAll(\"[part~=item]\")\n  protected _items: HTMLCollectionOf<HTMLLIElement>;\n\n  @queryAll(\"[part=indicator]\")\n  protected _indicators: HTMLCollectionOf<HTMLDivElement>;\n\n  constructor() {\n    super();\n    new StyleController(this, () => new RingBuilder({ type: this.ringType }).css);\n  }\n\n  render(): TemplateResult<1> {\n    return html`\n      <ul\n        part=\"root\"\n        ${attr(this.observedRecord)}\n        @mouseleave=\"${this._handleMouseLeave}\"\n      >\n        ${this.tabs?.map(\n          (tab, index) => html`\n            <li\n              part=\"${tokenList(\"item\", this.index === index && \"selected\")}\"\n              @mouseenter=${() => {\n                this.move(this.previousIndex, index);\n                this.previousIndex = index;\n              }}\n              @click=${() => this.select(index)}\n            >\n              ${htmlSlot(tab, tab)}\n              <div part=\"indicator\"></div>\n            </li>\n          `,\n        )}\n      </ul>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.previousIndex = this.beginning === \"selected\" ? this.index : -1;\n  }\n\n  protected _handleMouseLeave(): void {\n    const lastItem = this._items[this.previousIndex];\n    if (lastItem) {\n      lastItem.part.remove(hoverToken);\n    }\n    this.previousIndex = this.beginning === \"selected\" ? this.index : -1;\n  }\n\n  move(sourceIndex: number, targetIndex: number): void {\n    if (sourceIndex === targetIndex) {\n      return;\n    }\n    const { _items, _indicators } = this;\n    const targetElement = _items[targetIndex];\n    if (!targetElement) {\n      return;\n    }\n    targetElement.part.add(hoverToken);\n    const fromItem = _items[sourceIndex];\n    if (!fromItem) {\n      return;\n    }\n    fromItem.part.remove(hoverToken);\n    if (this.beginning === \"none\") {\n      return;\n    }\n    const targetIndicator = _indicators[targetIndex];\n    const sourceIndicator = _indicators[sourceIndex];\n    if (!targetIndicator || !sourceIndicator) {\n      return;\n    }\n    const { x: sourceX, y: sourceY, width: sourceWidth } = sourceIndicator.getBoundingClientRect();\n    const { x, y } = targetIndicator.getBoundingClientRect();\n    const transformX = sourceX - x;\n    const transformY = sourceY - y;\n\n    const { style: targetStyle } = targetIndicator;\n    const { style: sourceStyle } = sourceIndicator;\n\n    targetStyle.transform = `translate3d(${transformX}px,${transformY}px,0)`;\n    targetStyle.width = `${sourceWidth}px`;\n    targetStyle.transition = sourceStyle.transition = \"none\";\n    targetIndicator.getBoundingClientRect();\n    targetStyle.width = targetStyle.transform = targetStyle.transition = sourceStyle.transition = \"\";\n  }\n\n  select(selected: number): void {\n    const { index, previousIndex } = this;\n    this.move(previousIndex, selected);\n    if (selected !== index) {\n      this.previousIndex = selected;\n      this.index = selected;\n      this.dispatchCustomEvent(\"select\", selected);\n    }\n  }\n}\n\nexport default Tabs;\nexport { Tabs };\n"],"names":["Tabs","tab","index","lastItem","sourceIndex: number","targetIndex: number","sourceIndex","targetIndex","targetElement","_items","fromItem","targetIndicator","_indicators","sourceIndicator","sourceX","sourceY","sourceWidth","transformX","x","transformY","y","targetStyle","sourceStyle","selected: number","previousIndex","selected"],"mappings":"+WAMA,MAAM,UAAY,OACZ,SAAW,YAAY,UAAU,CAEjC,WAAa,QAQnB,IAAA,KAAA,MAyEMA,UAAa,WAAY,CA4C7B,aAAc,CAEZ,AADA,OAAO,MA3CT,SAAqB,cAUrB,UAA8C,gBAU9C,UAAwC,kBAYxC,MAAQ,EAYN,IAAI,gBAAgB,KAAM,IAAM,IAAI,YAAY,CAAE,KAAM,KAAK,QAAU,GAAE,IAC1E,CAED,QAA4B,CAC1B,MAAO,KAAI,CAAA,gBAGP,EAAE,KAAK,KAAK,eAAe,CAAA,cACd,EAAE,KAAK,kBAAkB,GAEtC,EAAE,KAAK,MAAM,IACX,CAACC,EAAKC,IAAU,IAAI,CAAA,UAEV,EAAE,UAAU,OAAQ,KAAK,QAAUA,GAAS,WAAW,CAAC,cAClD,EAAE,IAAM,CAElB,AADA,KAAK,KAAK,KAAK,cAAeA,EAAM,CACpC,KAAK,cAAgBA,CACtB,EAAA,QACM,EAAE,IAAM,KAAK,OAAOA,EAAM,CAAA,EAEjC,EAAE,SAASD,EAAKA,EAAI,CAAA,mCAGxB,CAAC,CACF,CAAA,MAEL,CAAC,AACF,CAED,mBAA0B,CAExB,AADA,MAAM,mBAAmB,CACzB,KAAK,cAAgB,KAAK,YAAc,WAAa,KAAK,MAAA,EAC3D,CAES,mBAA0B,CAClC,IAAME,EAAW,KAAK,OAAO,KAAK,eAIlC,AAHIA,GACF,EAAS,KAAK,OAAO,WAAW,CAElC,KAAK,cAAgB,KAAK,YAAc,WAAa,KAAK,MAAA,EAC3D,CAED,KAAKC,EAAqBC,EAA2B,CACnD,GAAIC,IAAgBC,EAClB,OAEF,GAAM,CAAE,SAAQ,cAAa,CAAG,KAC1BC,EAAgBC,EAAOF,GAC7B,IAAKC,EACH,OAEF,EAAc,KAAK,IAAI,WAAW,CAClC,IAAME,EAAWD,EAAOH,GAKxB,IAJKI,IAGL,EAAS,KAAK,OAAO,WAAW,CAC5B,KAAK,YAAc,QACrB,OAEF,IAAMC,EAAkBC,EAAYL,GAC9BM,EAAkBD,EAAYN,GACpC,IAAKK,IAAoBE,EACvB,OAEF,GAAM,CAAE,EAAGC,EAAS,EAAGC,EAAS,MAAOC,EAAa,CAAG,EAAgB,uBAAuB,CACxF,CAAE,IAAG,IAAG,CAAG,EAAgB,uBAAuB,CAClDC,EAAaH,EAAUI,EACvBC,EAAaJ,EAAUK,EAEvB,CAAE,MAAOC,EAAa,CAAGV,EACzB,CAAE,MAAOW,EAAa,CAAGT,EAM/B,AAJAQ,EAAY,UAAY,CAAC,YAAY,EAAEJ,EAAW,GAAG,EAAEE,EAAW,KAAK,CAAC,CACxEE,EAAY,MAAQ,GAAGL,EAAY,EAAE,CAAC,CACtCK,EAAY,WAAaC,EAAY,WAAa,OAClD,EAAgB,uBAAuB,CACvCD,EAAY,MAAQA,EAAY,UAAYA,EAAY,WAAaC,EAAY,WAAa,EAC/F,CAED,OAAOC,EAAwB,CAC7B,GAAM,CAAE,QAAO,gBAAe,CAAG,KAEjC,AADA,KAAK,KAAKC,EAAeC,EAAS,CAC9BA,IAAavB,IACf,KAAK,cAAgBuB,EACrB,KAAK,MAAQA,EACb,KAAK,oBAAoB,SAAUA,EAAS,CAE/C,CACF,EAhNA,WA0EE,SAAS,CAAE,UAAW,iBAAmB,EAAC,AAAA,EAAA,KAAA,UAAA,kBAAA,YAU1C,UAAU,AAAA,EAAA,KAAA,UAAA,mBAAA,YAUV,UAAU,AAAA,EAAA,KAAA,UAAA,mBAAA,YAMV,SAAS,CAAE,KAAM,KAAO,EAAC,AAAA,EAAA,KAAA,UAAA,cAAA,YAMzB,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,eAAA,CAK1B,UAAA,CAAA,SAAS,eAAe,AAAA,EAAA,KAAA,UAAA,gBAAA,CAGxB,UAAA,CAAA,SAAS,mBAAmB,AAAA,EAAA,KAAA,UAAA,qBAAA,CAlH9B,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,MAER,EAAE,SAAS,2BAA4B,EAAE,cAAc,QAAQ,EAC/D,EAAE,SAAS,0BAA2B,EAAE,cAAc,QAAQ,gmBAwC9C,EAAE,SAAS,4RAsBX,EAAE,SAAS,gEAM/B,CAAC,CAAC,AAAA,EAAA,KAAA,CA0IF,IAAA,OAAe"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/tabs/definition.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAIlC,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAC;KACrB;CACF"}
+{"mappings":"AAAA,OAAO,UAAU,gBAAiB;AAIlC,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe;CAChB;AACF","names":[],"sources":["../../../src/web-components/tabs/definition.ts"],"sourcesContent":["import Tabs from \"./component.js\";\n\nTabs.define();\n\nexport default Tabs;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-tabs\": Tabs;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/tabs/definition.js

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

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

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

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

@@ -1,18 +1,17 @@
 import { type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Text} renders text.
- *
- * @category display
- */
+* {@linkcode Text} renders text.
+*
+* @category display
+*/
 declare class Text extends GlobalStyle {
-    underline: "none" | "hover" | "active" | "always" | boolean;
-    nowrap: boolean;
-    italic: boolean;
-    truncate: boolean;
-    clip: boolean;
-    protected render(): TemplateResult<1>;
+	underline: "none" | "hover" | "active" | "always" | boolean;
+	nowrap: boolean;
+	italic: boolean;
+	truncate: boolean;
+	clip: boolean;
+	protected render(): TemplateResult<1>;
 }
 export default Text;
 export { Text };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/text/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAGrD,OAAO,EAAE,WAAW,EAAiB,MAAM,gCAAgC,CAAC;AAI5E;;;;GAIG;AACH,cAsCM,IAAK,SAAQ,WAAW;IAY5B,SAAS,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAU;IAGrE,MAAM,UAAS;IAGf,MAAM,UAAS;IAGf,QAAQ,UAAS;IAGjB,IAAI,UAAS;IAEb,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CAKtC;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"mappings":"AACA,cAAc,sBAAiC,KAAM;AAGrD,SAAS,mBAAkC,gCAAiC;;;;;;AAS5E,cAsCM,aAAa,YAAY;CAC7B,AAWA,WAAW,SAAS,UAAU,WAAW;CAEzC,AACA;CAEA,AACA;CAEA,AACA;CAEA,AACA;CAEA,UAAU,UAAU,eAAe;AAKpC;AAED,eAAe;AACf,SAAS","names":[],"sources":["../../../src/web-components/text/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars } from \"../../internal/global-style.js\";\n\nconst protoName = \"text\";\n\n/**\n * {@linkcode Text} renders text.\n *\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host([clip]) {\n    background: var(${cssGlobalVars.backgroundClip});\n    display: inline-block;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    -webkit-background-clip: text;\n  }\n\n  :host([nowrap]) {\n    white-space: nowrap;\n  }\n\n  :host([italic]) {\n    font-style: italic;\n  }\n\n  :host([truncate]),\n  :host([truncate]) ::slotted(*) {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  :host([strikethrough]) {\n    text-decoration: line-through;\n  }\n\n  :host([underline=\"\"]),\n  :host([underline=\"always\"]),\n  :host(:hover[underline=\"hover\"]),\n  :host(:active[underline=\"active\"]),\n  :host(:focus[underline=\"focus\"]) {\n    text-decoration: underline;\n  }\n`)\nclass Text extends GlobalStyle {\n  @property({\n    converter: {\n      fromAttribute(value) {\n        return value === \"\" ? true : value;\n      },\n      toAttribute(value) {\n        return value === false ? null : value === true ? \"\" : value;\n      },\n    },\n    reflect: true,\n  })\n  underline: \"none\" | \"hover\" | \"active\" | \"always\" | boolean = \"none\";\n\n  @property({ type: Boolean, reflect: true })\n  nowrap = false;\n\n  @property({ type: Boolean, reflect: true })\n  italic = false;\n\n  @property({ type: Boolean, reflect: true })\n  truncate = false;\n\n  @property({ type: Boolean, reflect: true })\n  clip = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <p part=\"root\">${htmlSlot()}</p>\n    `;\n  }\n}\n\nexport default Text;\nexport { Text };\n"],"version":3,"file":"component.d.ts"}

package/web-components/text/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/text/component.ts"],"sourcesContent":null,"names":["Text","GlobalStyle","constructor","this","underline","nowrap","italic","truncate","clip","render","html","htmlSlot","property","converter","fromAttribute","value","prototype","type","Boolean","reflect","__decorate","godown","styles","css","cssGlobalVars","backgroundClip"],"mappings":"uQAmDA,IAAMA,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAYEC,KAASC,UAAqD,OAG9DD,KAAME,QAAG,EAGTF,KAAMG,QAAG,EAGTH,KAAQI,UAAG,EAGXJ,KAAIK,MAAG,EAEG,MAAAC,GACR,OAAOC,CAAI,kBAAAC,SACQ,KAErB,CACDC,EAAA,CAnBCC,UAAA,CAXSC,cAACC,GACG,KAAAA,GAAAA,cAEAA,IACR,IAAAA,EAAA,MAAA,IAAAA,EAAA,GAAAA,YAGA,KAEHf,EAAAgB,UAAa,iBAAA,KACd,CACoEJ,EAAA,CAAAK,KAAAC,QAAAC,SAAA,KAGrEnB,EAAAgB,UAAA,cAAA,KADS,CACMJ,EAAA,CAAAK,KAAAC,QAAAC,SAAA,KAGfnB,EAAAgB,UAAA,cAAA,KADS,CACMJ,EAAA,CAAAK,KAAAC,QAAAC,SAAA,KAGfnB,EAAAgB,UAAA,gBAAA,KADS,CACQJ,EAAA,CAAAK,KAAAC,QAAAC,SAAA,KAGjBnB,EAAAgB,UAAA,YAAA,KADSI,EAAG,CACCC,EArEG,QA6CRC,EAAAC,CAAA,gCAAAC,EAAAC,oiBArCCzB"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/text/component.ts"],"sourcesContent":["import { godown, htmlSlot, styles } from \"@godown/element\";\nimport { type TemplateResult, css, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport { GlobalStyle, cssGlobalVars } from \"../../internal/global-style.js\";\n\nconst protoName = \"text\";\n\n/**\n * {@linkcode Text} renders text.\n *\n * @category display\n */\n@godown(protoName)\n@styles(css`\n  :host([clip]) {\n    background: var(${cssGlobalVars.backgroundClip});\n    display: inline-block;\n    color: transparent;\n    -webkit-text-fill-color: transparent;\n    background-clip: text;\n    -webkit-background-clip: text;\n  }\n\n  :host([nowrap]) {\n    white-space: nowrap;\n  }\n\n  :host([italic]) {\n    font-style: italic;\n  }\n\n  :host([truncate]),\n  :host([truncate]) ::slotted(*) {\n    max-width: 100%;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  :host([strikethrough]) {\n    text-decoration: line-through;\n  }\n\n  :host([underline=\"\"]),\n  :host([underline=\"always\"]),\n  :host(:hover[underline=\"hover\"]),\n  :host(:active[underline=\"active\"]),\n  :host(:focus[underline=\"focus\"]) {\n    text-decoration: underline;\n  }\n`)\nclass Text extends GlobalStyle {\n  @property({\n    converter: {\n      fromAttribute(value) {\n        return value === \"\" ? true : value;\n      },\n      toAttribute(value) {\n        return value === false ? null : value === true ? \"\" : value;\n      },\n    },\n    reflect: true,\n  })\n  underline: \"none\" | \"hover\" | \"active\" | \"always\" | boolean = \"none\";\n\n  @property({ type: Boolean, reflect: true })\n  nowrap = false;\n\n  @property({ type: Boolean, reflect: true })\n  italic = false;\n\n  @property({ type: Boolean, reflect: true })\n  truncate = false;\n\n  @property({ type: Boolean, reflect: true })\n  clip = false;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <p part=\"root\">${htmlSlot()}</p>\n    `;\n  }\n}\n\nexport default Text;\nexport { Text };\n"],"names":["Text","value"],"mappings":"yPAMA,MAAM,UAAY,OAOlB,IAAA,KAAA,MAsCMA,UAAa,WAAY,oCAY7B,UAA8D,YAG9D,QAAS,OAGT,QAAS,OAGT,UAAW,OAGX,MAAO,EAEG,QAA4B,CACpC,MAAO,KAAI,CAAA,eACM,EAAE,UAAU,CAAC,IAC9B,CAAC,AACF,CACF,EArEA,WAuCE,SAAS,CACR,UAAW,CACT,cAAcC,EAAO,CACnB,OAAOA,IAAU,IAAK,EAAOA,CAC9B,EACD,YAAYA,EAAO,CACjB,OAAOA,KAAU,EAAQ,KAAOA,KAAU,EAAO,GAAKA,CACvD,CACF,EACD,SAAS,CACV,EAAC,AAAA,EAAA,KAAA,UAAA,gBAAA,GAAA,YAGD,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,KAAA,UAAA,aAAA,GAAA,YAG1C,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,KAAA,UAAA,aAAA,GAAA,YAG1C,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,KAAA,UAAA,eAAA,GAAA,YAG1C,SAAS,CAAE,KAAM,QAAS,SAAS,CAAM,EAAC,AAAA,EAAA,KAAA,UAAA,WAAA,GAAA,CA7D5C,KAAA,UAAA,CAAA,OAAO,UAAU,CACjB,OAAO,GAAG,CAAC,6BAEQ,EAAE,cAAc,eAAe,ghBAkCnD,CAAC,CAAC,AAAA,EAAA,KAAA,CAkCF,IAAA,OAAe"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/text/definition.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAIlC,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAC;KACrB;CACF"}
+{"mappings":"AAAA,OAAO,UAAU,gBAAiB;AAIlC,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe;CAChB;AACF","names":[],"sources":["../../../src/web-components/text/definition.ts"],"sourcesContent":["import Text from \"./component.js\";\n\nText.define();\n\nexport default Text;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-text\": Text;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/text/definition.js

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

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

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

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

@@ -1,36 +1,35 @@
 import { type PropertyValues, type TemplateResult } from "lit";
 import Text from "../text/component.js";
 /**
- * {@linkcode Time} renders a formatting time.
- *
- * @fires time - Fires when the time changes.
- * @category display
- */
+* {@linkcode Time} renders a formatting time.
+*
+* @fires time - Fires when the time changes.
+* @category display
+*/
 declare class Time extends Text {
-    /**
-     * Escape symbol.
-     */
-    escape: string;
-    /**
-     * Format strings.
-     */
-    format: string;
-    /**
-     * Time.
-     */
-    time: Date;
-    /**
-     * If there is a value, update every gap or timeout.
-     */
-    timeout: number;
-    /**
-     * The number of milliseconds that change with each update.
-     */
-    gap: number;
-    protected timeoutId: number;
-    protected render(): TemplateResult<1>;
-    protected updated(changedProperties: PropertyValues): void;
+	/**
+	* Escape symbol.
+	*/
+	escape: string;
+	/**
+	* Format strings.
+	*/
+	format: string;
+	/**
+	* Time.
+	*/
+	time: Date;
+	/**
+	* If there is a value, update every gap or timeout.
+	*/
+	timeout: number;
+	/**
+	* The number of milliseconds that change with each update.
+	*/
+	gap: number;
+	protected timeoutId: number;
+	protected render(): TemplateResult<1>;
+	protected updated(changedProperties: PropertyValues): void;
 }
 export default Time;
 export { Time };
-//# sourceMappingURL=component.d.ts.map

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

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

package/web-components/time/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/time/component.ts"],"sourcesContent":null,"names":["Time","Text","constructor","this","escape","format","time","Date","render","html","fmtime","changedProperties","has","timeout","timeouts","remove","timeoutId","add","setInterval","getTime","gap","abs","property","prototype","__decorate","type","Object","Number","godown"],"mappings":"8MAgBA,IAAMA,EAAN,MAAMA,aAAaC,EAAnB,WAAAC,uBAKEC,KAAMC,OAAG,IAMTD,KAAME,OAAG,sBAMTF,KAAAG,KAAa,IAAIC,KAgBP,MAAAC,GACR,OAAOC,CAAI,kBAAAC,EAAAP,KAAAE,OAAAF,KAAAG,KAAAH,KAAAC,aACQ,SAClBO,GACHA,EAAAC,IAAA,YAAAT,KAAAU,UAEkBV,KAAiCW,SAAAC,OAAAZ,KAAAa,WAC7Cb,KAAAa,UAAiBb,KAAKW,SAASG,IAACC,aAAgB,KAC9Cf,yBAA+B,OAACA,KAAAG,MAChCH,KAACG,KAAY,IAAAC,KAAKJ,KAAQG,KAC5Ba,WAAYhB,KAAKiB,KAAAjB,KAAAU,SAAA,QACXQ,yBAKZ,CACDC,KA7CCtB,EAAAuB,UAAA,cAAA,GADCC,EAAA,CACYF,KAMbtB,EAAAuB,UAAA,cAAA,GADCC,EAAA,CAC8BF,EAAA,CAAAG,KAAAC,UAM/B1B,EAAAuB,UAAA,YAAA,GADCC,EAAA,CACuBF,EAAA,CAAAG,KAAAE,UAMxB3B,EAAAuB,UAAA,eAAA,GADCC,EAAA,CACeF,EAAA,CAAAG,KAAAE,UAMhB3B,EAAAuB,UAAA,WAAA,GADCvB,EAAAwB,EAAW,CACAI,EAtCI,SASR5B"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/time/component.ts"],"sourcesContent":["import { godown } from \"@godown/element\";\nimport fmtime from \"fmtime\";\nimport { type PropertyValues, type TemplateResult, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport Text from \"../text/component.js\";\n\nconst protoName = \"time\";\n\n/**\n * {@linkcode Time} renders a formatting time.\n *\n * @fires time - Fires when the time changes.\n * @category display\n */\n@godown(protoName)\nclass Time extends Text {\n  /**\n   * Escape symbol.\n   */\n  @property()\n  escape = \"%\";\n\n  /**\n   * Format strings.\n   */\n  @property()\n  format = \"YYYY-MM-DD hh:mm:ss\";\n\n  /**\n   * Time.\n   */\n  @property({ type: Object })\n  time: Date = new Date();\n\n  /**\n   * If there is a value, update every gap or timeout.\n   */\n  @property({ type: Number })\n  timeout: number;\n\n  /**\n   * The number of milliseconds that change with each update.\n   */\n  @property({ type: Number })\n  gap: number;\n\n  protected timeoutId: number;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <p part=\"root\">${fmtime(this.format, this.time, this.escape)}</p>\n    `;\n  }\n\n  protected updated(changedProperties: PropertyValues): void {\n    if (changedProperties.has(\"timeout\") && this.timeout) {\n      this.timeouts.remove(this.timeoutId);\n      this.timeoutId = this.timeouts.add(\n        setInterval(() => {\n          this.dispatchCustomEvent(\"time\", this.time);\n          this.time = new Date(this.time.getTime() + (this.gap || this.timeout));\n        }, Math.abs(this.timeout)),\n      );\n    }\n  }\n}\n\nexport default Time;\nexport { Time };\n"],"names":["Time","changedProperties: PropertyValues"],"mappings":"iOAOA,MAAM,UAAY,OAQlB,IAAA,KAAA,MACMA,UAAa,IAAK,mBAiBtB,iBAZA,OAAS,SAMT,OAAS,sBAMT,KAAA,KAAa,IAAI,KAgBP,QAA4B,CACpC,MAAO,KAAI,CAAA,eACM,EAAE,OAAO,KAAK,OAAQ,KAAK,KAAM,KAAK,OAAO,CAAC,IAC/D,CAAC,AACF,CAES,QAAQC,EAAyC,CACzD,AAAI,EAAkB,IAAI,UAAU,EAAI,KAAK,UAC3C,KAAK,SAAS,OAAO,KAAK,UAAU,CACpC,KAAK,UAAY,KAAK,SAAS,IAC7B,YAAY,IAAM,CAEhB,AADA,KAAK,oBAAoB,OAAQ,KAAK,KAAK,CAC3C,KAAK,KAAO,IAAI,KAAK,KAAK,KAAK,SAAS,EAAI,KAAK,KAAO,KAAK,SAC9D,EAAE,KAAK,IAAI,KAAK,QAAQ,CAAC,CAC3B,CAEJ,CACF,EAnDA,WAKE,UAAU,AAAA,EAAA,KAAA,UAAA,gBAAA,YAMV,UAAU,AAAA,EAAA,KAAA,UAAA,gBAAA,YAMV,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,cAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,iBAAA,YAM1B,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,KAAA,UAAA,aAAA,CA7B5B,KAAA,UAAA,CAAA,OAAO,UAAU,AAAA,EAAA,KAAA,CAqDlB,IAAA,OAAe"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"definition.d.ts","sourceRoot":"__source__/","sources":["web-components/time/definition.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,gBAAgB,CAAC;AAIlC,eAAe,IAAI,CAAC;AAEpB,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,aAAa,EAAE,IAAI,CAAC;KACrB;CACF"}
+{"mappings":"AAAA,OAAO,UAAU,gBAAiB;AAIlC,eAAe;eAEA;WACH,sBAAsB;EAC9B,eAAe;CAChB;AACF","names":[],"sources":["../../../src/web-components/time/definition.ts"],"sourcesContent":["import Time from \"./component.js\";\n\nTime.define();\n\nexport default Time;\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    \"godown-time\": Time;\n  }\n}\n"],"version":3,"file":"definition.d.ts"}

package/web-components/time/definition.js

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

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

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

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

@@ -1,27 +1,26 @@
 import { type TemplateResult } from "lit";
 import Popover from "../popover/component.js";
 /**
- * {@linkcode Tooltip} is similar to {@linkcode Popover}.
- *
- * It listens for the mouseenter event and displays the tip or popover after a specified delay.
- *
- * When it is clicked or the mouseleave event occurs followed by another delay, closes the tip.
- *
- * @fires toggle - Fired when the popover is toggled.
- * @slot tip - Tip content.
- * @slot - Tip trigger.
- * @category feedback
- */
+* {@linkcode Tooltip} is similar to {@linkcode Popover}.
+*
+* It listens for the mouseenter event and displays the tip or popover after a specified delay.
+*
+* When it is clicked or the mouseleave event occurs followed by another delay, closes the tip.
+*
+* @fires toggle - Fired when the popover is toggled.
+* @slot tip - Tip content.
+* @slot - Tip trigger.
+* @category feedback
+*/
 declare class Tooltip extends Popover {
-    action: "hide";
-    span: "span" | "isolated";
-    tip: string;
-    delay: number;
-    protected render(): TemplateResult<1>;
-    _hoverTimeout: number;
-    _leaveTimeout: number;
-    connectedCallback(): void;
+	action: "hide";
+	span: "span" | "isolated";
+	tip: string;
+	delay: number;
+	protected render(): TemplateResult<1>;
+	_hoverTimeout: number;
+	_leaveTimeout: number;
+	connectedCallback(): void;
 }
 export default Tooltip;
 export { Tooltip };
-//# sourceMappingURL=component.d.ts.map

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

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

package/web-components/tooltip/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/tooltip/component.ts"],"sourcesContent":null,"names":["Tooltip","Popover","constructor","this","delay","render","html","hide","htmlSlot","tip","events","add","_hoverTimeout","setTimeout","_leaveTimeout","prototype","__decorate","Number","Tooltip$1"],"mappings":"oNAqBA,IAAMA,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAQEC,KAAKC,MAAG,IAEE,MAAAC,GACR,OAAOC,CAAI,gDAAAH,KAAAI,SAAAC,oDAAAA,EAAA,MAAAL,KAAAM,mEAIIN,KAAAO,OAAAC,IAAKR,KAAI,cAAA,sCAEhBA,KAAAS,cAAUC,YAAA,2GAMVV,KAAAW,cAAqBD,YAAI,sCAU5B,MAEHb,EAAAe,UAAA,WAAiB,GACjBC,EAAA,SACOC,UACPjB,EAAAe,UAAQ,aAAM,GAChBf,EAAEgB,EAAA,GAtDY,YAwDZhB,GACA,IAAAkB,EAAAlB"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/tooltip/component.ts"],"sourcesContent":["import { godown, htmlSlot } from \"@godown/element\";\nimport { type TemplateResult, html } from \"lit\";\nimport { property } from \"lit/decorators.js\";\n\nimport Popover from \"../popover/component.js\";\n\nconst protoName = \"tooltip\";\n\n/**\n * {@linkcode Tooltip} is similar to {@linkcode Popover}.\n *\n * It listens for the mouseenter event and displays the tip or popover after a specified delay.\n *\n * When it is clicked or the mouseleave event occurs followed by another delay, closes the tip.\n *\n * @fires toggle - Fired when the popover is toggled.\n * @slot tip - Tip content.\n * @slot - Tip trigger.\n * @category feedback\n */\n@godown(protoName)\nclass Tooltip extends Popover {\n  action: \"hide\";\n  span: \"span\" | \"isolated\";\n\n  @property()\n  tip: string;\n\n  @property({ type: Number })\n  delay = 300;\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div part=\"root\">\n        <div\n          part=\"trigger\"\n          @click=${this.hide}\n        >\n          ${htmlSlot()}\n        </div>\n        <div\n          part=\"popover\"\n          popover=\"manual\"\n        >\n          ${htmlSlot(\"tip\", this.tip)}\n        </div>\n      </div>\n    `;\n  }\n\n  _hoverTimeout: number;\n  _leaveTimeout: number;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this.events.add(this, \"mouseenter\", () => {\n      clearTimeout(this._leaveTimeout);\n      this._hoverTimeout = setTimeout(() => {\n        this.show();\n      }, this.delay);\n    });\n    this.events.add(this, \"mouseleave\", () => {\n      clearTimeout(this._hoverTimeout);\n      this._leaveTimeout = setTimeout(() => {\n        this.hide();\n      }, this.delay);\n    });\n  }\n}\n\nexport default Tooltip;\nexport { Tooltip };\n"],"names":["Tooltip"],"mappings":"qNAMA,MAAM,UAAY,UAclB,IAAA,QAAA,MACMA,UAAgB,OAAQ,oCAQ5B,MAAQ,IAEE,QAA4B,CACpC,MAAO,KAAI,CAAA,6CAIE,EAAE,KAAK,KAAA,EAEd,EAAE,UAAU,CAAA,8CAMZ,EAAE,SAAS,MAAO,KAAK,IAAI,CAAA,cAGjC,CAAC,AACF,CAKD,mBAA0B,CAQxB,AAPA,MAAM,mBAAmB,CACzB,KAAK,OAAO,IAAI,KAAM,aAAc,IAAM,CAExC,AADA,aAAa,KAAK,cAAc,CAChC,KAAK,cAAgB,WAAW,IAAM,CACpC,KAAK,MAAM,AACZ,EAAE,KAAK,MAAM,AACf,EAAC,CACF,KAAK,OAAO,IAAI,KAAM,aAAc,IAAM,CAExC,AADA,aAAa,KAAK,cAAc,CAChC,KAAK,cAAgB,WAAW,IAAM,CACpC,KAAK,MAAM,AACZ,EAAE,KAAK,MAAM,AACf,EAAC,AACH,CACF,EAhDA,WAKE,UAAU,AAAA,EAAA,QAAA,UAAA,aAAA,YAGV,SAAS,CAAE,KAAM,MAAQ,EAAC,AAAA,EAAA,QAAA,UAAA,eAAA,CAR5B,QAAA,UAAA,CAAA,OAAO,UAAU,AAAA,EAAA,QAAA,CAkDlB,IAAA,UAAe"}

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

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

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

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

package/web-components/tooltip/definition.js

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

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

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

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

@@ -2,51 +2,50 @@ import { Ranger } from "@godown/element";
 import { type PropertyValueMap, type TemplateResult } from "lit";
 import { GlobalStyle } from "../../internal/global-style.js";
 /**
- * {@linkcode Typewriter} renders a typewriter effect to text.
- *
- * @category effect
- */
+* {@linkcode Typewriter} renders a typewriter effect to text.
+*
+* @category effect
+*/
 declare class Typewriter extends GlobalStyle {
-    /**
-     * Raw text.
-     */
-    content: string;
-    /**
-     * If true, hide the cursor
-     */
-    ended: boolean;
-    /**
-     * Maximum random time.
-     */
-    max: number;
-    /**
-     * Minimum random time.
-     */
-    min: number;
-    /**
-     * Fixed time.
-     */
-    delay: number;
-    /**
-     * The index at the beginning.
-     */
-    index: number;
-    contentInternal: string;
-    protected timeoutID: number;
-    protected _i: HTMLElement;
-    protected _ranger: Ranger;
-    /**
-     * {@linkcode Typewriter.content} length.
-     */
-    get len(): number;
-    protected render(): TemplateResult<1>;
-    connectedCallback(): void;
-    protected firstUpdated(): void;
-    protected updated(changedProperties: PropertyValueMap<this>): void;
-    write(at?: number): void;
-    stop(): void;
-    end(): void;
+	/**
+	* Raw text.
+	*/
+	content: string;
+	/**
+	* If true, hide the cursor
+	*/
+	ended: boolean;
+	/**
+	* Maximum random time.
+	*/
+	max: number;
+	/**
+	* Minimum random time.
+	*/
+	min: number;
+	/**
+	* Fixed time.
+	*/
+	delay: number;
+	/**
+	* The index at the beginning.
+	*/
+	index: number;
+	contentInternal: string;
+	protected timeoutID: number;
+	protected _i: HTMLElement;
+	protected _ranger: Ranger;
+	/**
+	* {@linkcode Typewriter.content} length.
+	*/
+	get len(): number;
+	protected render(): TemplateResult<1>;
+	connectedCallback(): void;
+	protected firstUpdated(): void;
+	protected updated(changedProperties: PropertyValueMap<this>): void;
+	write(at?: number): void;
+	stop(): void;
+	end(): void;
 }
 export default Typewriter;
 export { Typewriter };
-//# sourceMappingURL=component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/typewriter/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA0B,MAAM,EAAU,MAAM,iBAAiB,CAAC;AACzE,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAG5E,OAAO,EAAE,WAAW,EAAe,MAAM,gCAAgC,CAAC;AAK1E;;;;GAIG;AACH,cA8BM,UAAW,SAAQ,WAAW;IAClC;;OAEG;IAEH,OAAO,SAAM;IAEb;;OAEG;IAEH,KAAK,UAAS;IAEd;;OAEG;IAEH,GAAG,SAAO;IAEV;;OAEG;IAEH,GAAG,SAAM;IAET;;OAEG;IAEH,KAAK,SAAK;IAEV;;OAEG;IAEH,KAAK,SAAK;IAGV,eAAe,SAAM;IAErB,SAAS,CAAC,SAAS,EAAE,MAAM,CAAC;IAG5B,SAAS,CAAC,EAAE,EAAE,WAAW,CAAC;IAC1B,SAAS,CAAC,OAAO,EAAE,MAAM,CAAC;IAE1B;;OAEG;IACH,IAAI,GAAG,IAAI,MAAM,CAEhB;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAerC,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,YAAY,IAAI,IAAI;IAO9B,SAAS,CAAC,OAAO,CAAC,iBAAiB,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAMlE,KAAK,CAAC,EAAE,GAAE,MAAmB,GAAG,IAAI;IAcpC,IAAI,IAAI,IAAI;IAIZ,GAAG,IAAI,IAAI;CAGZ;AAED,eAAe,UAAU,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"mappings":"AAAA,SAAiC,cAAsB,iBAAkB;AACzE,cAAc,uBAAuB,sBAAiC,KAAM;AAG5E,SAAS,mBAAgC,gCAAiC;;;;;;AAU1E,cA8BM,mBAAmB,YAAY;;;;CAInC,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;;;;CAKA,AACA;CAEA,AACA;CAEA,UAAU;CAEV,UACU,IAAI;CACd,UAAU,SAAS;;;;CAKnB,IAAI;CAIJ,UAAU,UAAU,eAAe;CAenC;CAKA,UAAU;CAOV,UAAU,QAAQA,mBAAmB;CAMrC,MAAMC;CAcN;CAIA;AAGD;AAED,eAAe;AACf,SAAS","names":["changedProperties: PropertyValueMap<this>","at: number"],"sources":["../../../src/web-components/typewriter/component.ts"],"sourcesContent":["import { attr, godown, htmlSlot, Ranger, styles } from \"@godown/element\";\nimport { type PropertyValueMap, type TemplateResult, css, html } from \"lit\";\nimport { property, query, state } from \"lit/decorators.js\";\n\nimport { GlobalStyle, scopePrefix } from \"../../internal/global-style.js\";\n\nconst protoName = \"typewriter\";\nconst cssScope = scopePrefix(protoName);\n\n/**\n * {@linkcode Typewriter} renders a typewriter effect to text.\n *\n * @category effect\n */\n@godown(protoName)\n@styles(css`\n  :host {\n    ${cssScope}--cursor-width: .05em;\n  }\n\n  :host,\n  :host([contents]) [part=\"root\"] {\n    display: inline-block;\n  }\n\n  i {\n    border-right: var(${cssScope}--cursor-width) solid;\n    margin-left: 0.02em;\n    animation: s 1.5s steps(1) infinite;\n  }\n\n  @keyframes s {\n    0% {\n      border-color: currentColor;\n    }\n    50% {\n      border-color: transparent;\n    }\n  }\n\n  slot {\n    display: none;\n  }\n`)\nclass Typewriter extends GlobalStyle {\n  /**\n   * Raw text.\n   */\n  @property()\n  content = \"\";\n\n  /**\n   * If true, hide the cursor\n   */\n  @property({ type: Boolean })\n  ended = false;\n\n  /**\n   * Maximum random time.\n   */\n  @property({ type: Number })\n  max = 100;\n\n  /**\n   * Minimum random time.\n   */\n  @property({ type: Number })\n  min = 50;\n\n  /**\n   * Fixed time.\n   */\n  @property({ type: Number })\n  delay = 0;\n\n  /**\n   * The index at the beginning.\n   */\n  @property({ type: Number })\n  index = 0;\n\n  @state()\n  contentInternal = \"\";\n\n  protected timeoutID: number;\n\n  @query(\"i\")\n  protected _i: HTMLElement;\n  protected _ranger: Ranger;\n\n  /**\n   * {@linkcode Typewriter.content} length.\n   */\n  get len(): number {\n    return this.content.length;\n  }\n\n  protected render(): TemplateResult<1> {\n    return html`\n      <div\n        part=\"root\"\n        ${attr(this.observedRecord)}\n      >\n        ${htmlSlot()} ${this.contentInternal}\n        <i\n          part=\"cursor\"\n          ?hidden=\"${this.ended}\"\n        ></i>\n      </div>\n    `;\n  }\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    this._ranger = new Ranger(this.min, this.max);\n  }\n\n  protected firstUpdated(): void {\n    this.content ||= this._slot?.assignedNodes()[0]?.textContent.trim() || \"\";\n    if (!this.ended && this.len) {\n      this.write();\n    }\n  }\n\n  protected updated(changedProperties: PropertyValueMap<this>): void {\n    if (changedProperties.has(\"index\")) {\n      this.dispatchCustomEvent(this.index === this.len ? \"done\" : \"write\", this.contentInternal);\n    }\n  }\n\n  write(at: number = this.index): void {\n    this.contentInternal = this.content.slice(0, at + 1);\n    const timeout = this.delay || this._ranger.random();\n    this.timeoutID = this.timeouts.add(\n      setTimeout(() => {\n        const nx = at + 1;\n        if (nx <= this.len) {\n          this.index = nx;\n          this.write();\n        }\n      }, timeout),\n    );\n  }\n\n  stop(): void {\n    clearTimeout(this.timeoutID);\n  }\n\n  end(): void {\n    this.ended = true;\n  }\n}\n\nexport default Typewriter;\nexport { Typewriter };\n"],"version":3,"file":"component.d.ts"}