godown 3.11.0 → 3.11.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "godown",
-  "version": "3.11.0",
+  "version": "3.11.2",
   "description": "Web Components Library",
   "type": "module",
   "main": "index.js",
@@ -20,7 +20,7 @@
     "fmtime": "^0.0.3",
     "lit": "^3.0.0",
     "tslib": "^2.7.0",
-    "@godown/element": "^1.9.0"
+    "@godown/element": "^1.9.1"
   },
   "publishConfig": {
     "access": "public"
@@ -42,7 +42,6 @@
     "clean": "tsc --build tsconfig.prod.json --clean",
     "build": "tsx build.ts",
     "build:ts": "tsc",
-    "fmt": "prettier src/**/* --write",
     "manifest": "tsx manifest.ts"
   }
 }

package/src/web-components/alert/component.ts

@@ -19,7 +19,6 @@ const protoName = "alert";
 @godown(protoName)
 @styles(css`
   :host {
-    padding: 0.75em;
     background: var(${cssGlobalVars.background});
   }
 
@@ -29,6 +28,7 @@ const protoName = "alert";
   }
 
   [part="root"] {
+    padding: 0.75em;
     display: grid;
     align-items: center;
     grid-template-columns: auto 1fr auto;

package/src/web-components/badge/component.ts

@@ -16,6 +16,10 @@ const protoName = "badge";
   :host {
     font-size: 0.75em;
   }
+
+  [part="root"] {
+    padding: 0 0.5em;
+  }
 `)
 class Badge extends Button {
   plain: never = true as never;

package/src/web-components/button/component.ts

@@ -43,7 +43,6 @@ const cssScope = scopePrefix(protoName);
       ${cssScope}--deg: 45deg;
       color: var(${cssGlobalVars.primaryForeground});
       background: var(${cssGlobalVars.primaryBackground});
-      padding: 0.25em 0.75em;
       border-width: var(${cssGlobalVars.ringWidth});
       border-style: none;
       width: fit-content;
@@ -59,6 +58,7 @@ const cssScope = scopePrefix(protoName);
     }
 
     [part="root"] {
+      padding: 0.25em 0.75em;
       position: relative;
       user-select: none;
     }

package/src/web-components/details/component.ts

@@ -23,12 +23,12 @@ const cssScope = scopePrefix(protoName);
   :host {
     ${cssScope}--icon-deg-open: 0deg;
     ${cssScope}--icon-deg-close: 90deg;
-    padding: 0.2em;
     display: block;
     transition: 0.3s;
   }
 
   [part="root"] {
+    padding: 0.25em;
     position: relative;
   }
 

package/src/web-components/input/component.ts

@@ -1,4 +1,4 @@
-import { attr, godown, queryPart, styles, htmlSlot, StyleController } from "@godown/element";
+import { attr, godown, queryPart, styles, StyleController } from "@godown/element";
 import iconEyeSlash from "../../internal/icons/eye-slash.js";
 import { type TemplateResult, css, html, nothing } from "lit";
 import { property } from "lit/decorators.js";
@@ -21,13 +21,12 @@ const protoName = "input";
   :host {
     display: block;
     ${cssGlobalVars.input}-space: 0.2em;
-    ${cssGlobalVars.input}-control: currentColor;
     ${cssGlobalVars.input}-icon-color: hsl(0, 0%, 50%);
   }
 
   :host(:focus-within),
   :host(:active) {
-    ${cssGlobalVars.ringColor}: var(${cssGlobalVars.active});
+    ${cssGlobalVars.ringColor}: currentColor;
     ${cssGlobalVars.input}-icon-color: currentColor;
   }
 
@@ -37,15 +36,14 @@ const protoName = "input";
     position: relative;
     align-items: center;
     border-radius: inherit;
-    height: inherit;
   }
 
   [part="input"] {
-    background: none;
+    width: 100%;
     height: 100%;
     flex-grow: 1;
     color: currentColor;
-    min-height: 1.5em;
+    background: none;
   }
 
   [part~="icon"] {

package/src/web-components/rotate/component.ts

@@ -18,7 +18,6 @@ const cssScope = scopePrefix(protoName);
     width: -moz-fit-content;
     width: fit-content;
     transition: all 0.5s ease-in-out;
-    ${cssScope}--padding: .75em;
     ${cssScope}--offset: .5em;
   }
 

package/src/web-components/skeleton/component.ts

@@ -21,7 +21,7 @@ const cssScope = scopePrefix(protoName);
     ${cssScope}--to: var(${cssGlobalVars.passive});
     ${cssScope}--deg: 95deg;
     ${cssScope}--duration: 2s;
-    min-height: 1.5em;
+    height: 2em;
     width: 100%;
     flex-shrink: 0;
     overflow: hidden;

package/src/web-components/tabs/component.ts

@@ -39,7 +39,6 @@ const mouseEnterAddedToken = "hover";
   :host {
     ${cssScope}--indicator-background: var(${cssGlobalVars.passive});
     ${cssScope}--space: 0.25em;
-    padding: 0.2em;
     border-radius: var(${cssGlobalVars.radius});
     transition: 0.3s ease-in-out;
     width: fit-content;
@@ -48,6 +47,7 @@ const mouseEnterAddedToken = "hover";
   }
 
   [part="root"] {
+    padding: 0.2em;
     position: relative;
     z-index: 1;
     display: flex;

package/web-components/alert/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as r,styles as o,StyleController as e,attr as i,htmlSlot as n}from"@godown/element";import{css as s,html as p}from"lit";import{property as a}from"lit/decorators.js";import{cssGlobalVars as d,GlobalStyle as l}from"../../internal/global-style.js";import{RingBuilder as c}from"../../internal/ring.js";let m=class Alert extends l{constructor(){super(),this.ringType="border",new e(this,(()=>new c({type:this.ringType}).css))}render(){return p`<div part="root" ${i(this.observedRecord)}> <div>${n("prefix")}</div> <div part="content"> <strong part="title">${this.title||n("title")}</strong> ${this.content||n()} </div> <div>${n("suffix")}</div> </div>`}static alert(t,r){const o=new this;return Object.assign(o,r),t.appendChild(o),o}};t([a({attribute:"ring-type"})],m.prototype,"ringType",void 0),t([a()],m.prototype,"title",void 0),t([a()],m.prototype,"content",void 0),m=t([r("alert"),o(s`:host{background:var(${d.background});padding:.75em}:host,:where(:host([contents]) [part=root]){display:block}[part=root]{align-items:center;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}[part=content],[part=root]{display:grid}`)],m);var g=m;export{m as Alert,g as default};
+import{__decorate as t}from"tslib";import{godown as r,styles as o,StyleController as e,attr as i,htmlSlot as n}from"@godown/element";import{css as s,html as p}from"lit";import{property as a}from"lit/decorators.js";import{cssGlobalVars as d,GlobalStyle as l}from"../../internal/global-style.js";import{RingBuilder as c}from"../../internal/ring.js";let m=class Alert extends l{constructor(){super(),this.ringType="border",new e(this,(()=>new c({type:this.ringType}).css))}render(){return p`<div part="root" ${i(this.observedRecord)}> <div>${n("prefix")}</div> <div part="content"> <strong part="title">${this.title||n("title")}</strong> ${this.content||n()} </div> <div>${n("suffix")}</div> </div>`}static alert(t,r){const o=new this;return Object.assign(o,r),t.appendChild(o),o}};t([a({attribute:"ring-type"})],m.prototype,"ringType",void 0),t([a()],m.prototype,"title",void 0),t([a()],m.prototype,"content",void 0),m=t([r("alert"),o(s`:host{background:var(${d.background})}:host,:where(:host([contents]) [part=root]){display:block}[part=root]{align-items:center;grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr;padding:.75em}[part=content],[part=root]{display:grid}`)],m);var g=m;export{m as Alert,g as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/badge/component.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAK5C;;;;;GAKG;AACH,cAMM,KAAM,SAAQ,MAAM;IACxB,KAAK,EAAE,KAAK,CAAiB;IAC7B,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAQ;CAC/B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/badge/component.ts"],"names":[],"mappings":"AAEA,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAK5C;;;;;GAKG;AACH,cAUM,KAAM,SAAQ,MAAM;IACxB,KAAK,EAAE,KAAK,CAAiB;IAC7B,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,CAAQ;CAC/B;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/web-components/badge/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as o,styles as e}from"@godown/element";import r from"../button/component.js";import{css as s}from"lit";let m=class Badge extends r{constructor(){super(...arguments),this.plain=!0,this.round=!0}};m=t([o("badge"),e(s`:host{font-size:.75em}`)],m);var i=m;export{m as Badge,i as default};
+import{__decorate as t}from"tslib";import{godown as o,styles as r}from"@godown/element";import e from"../button/component.js";import{css as m}from"lit";let s=class Badge extends e{constructor(){super(...arguments),this.plain=!0,this.round=!0}};s=t([o("badge"),r(m`:host{font-size:.75em}[part=root]{padding:0 .5em}`)],s);var i=s;export{s as Badge,i as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/badge/component.ts"],"sourcesContent":null,"names":["Badge","Button","constructor","this","plain","round","__decorate","godown","styles","css"],"mappings":"wJAmBA,IAAMA,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBACEC,KAAKC,OAAU,EACfD,KAAKE,OAAoB,IAFrBL,EAAKM,EAAA,CANVC,EARiB,SASjBC,EAAOC,CAAG"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/badge/component.ts"],"sourcesContent":null,"names":["Badge","Button","constructor","this","plain","round","__decorate","godown","styles","css"],"mappings":"wJAuBA,IAAMA,EAAN,MAAMA,cAAcC,EAApB,WAAAC,uBACEC,KAAKC,OAAU,EACfD,KAAKE,OAAoB,IAFrBL,EAAKM,EAAA,CAVVC,EARiB,SASjBC,EAAOC,CAAG"}

package/web-components/button/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{queryPart as o,godown as e,styles as i,attr as r,htmlSlot as a}from"@godown/element";import{css as n,html as s}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as c,GlobalStyle as p}from"../../internal/global-style.js";const h="button",u=l(h);let m=class Button extends p{constructor(){super(...arguments),this.plain=!1,this.disabled=!1,this.active=!1,this.round=!1}render(){return s`<div part="root" ${r(this.observedRecord)}> ${this.content||a()} <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,!0)}_handelClick(t){if(this.disabled)return t.stopPropagation(),void t.preventDefault();this.plain||this._handleModal(t)}_handleModal(t){const o=document.createElement("i"),{width:e,height:i}=this.getBoundingClientRect(),{x:r,y:a}=this._root.getBoundingClientRect(),n=2*Math.sqrt(i**2+e**2)+"px";o.style.height=n,o.style.width=n,o.style.left=t.x-r+"px",o.style.top=t.y-a+"px",o.style.animationName="kf",this._modalRoot.appendChild(o),o.addEventListener("animationend",(()=>o.remove()),{once:!0})}};t([d({type:Boolean,reflect:!0})],m.prototype,"plain",void 0),t([d({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),t([d({type:Boolean,reflect:!0})],m.prototype,"active",void 0),t([d({type:Boolean,reflect:!0})],m.prototype,"round",void 0),t([d()],m.prototype,"content",void 0),t([o("modal-root")],m.prototype,"_modalRoot",void 0),t([o("root")],m.prototype,"_root",void 0),m=t([e(h),i(n`:host(:not([disabled]):active){transform:scale(var(${u}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([plain]){${u}--gradients:unset;${u}--focus-scale:unset}`,n`:host{${u}--modal-animation-duration:1.5s;${u}--focus-scale:.97;${u}--deg:45deg;background:var(${c.primaryBackground});border-style:none;border-width:var(${c.ringWidth});color:var(${c.primaryForeground});cursor:pointer;display:block;overflow:hidden;padding:.25em .75em;text-align:center;width:-moz-fit-content;width:fit-content}[part=root]:not([contents]){height:100%;width:100%}[part=root]{position:relative;-webkit-user-select:none;user-select:none}i{animation-duration:var(${u}--modal-animation-duration);background:var(${u}--modal-background,currentColor);border-radius:50%;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible;width:100%}@keyframes kf{0%{opacity:var(${u}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],m);var v=m;export{m as Button,v as default};
+import{__decorate as t}from"tslib";import{queryPart as o,godown as e,styles as i,attr as r,htmlSlot as a}from"@godown/element";import{css as n,html as s}from"lit";import{property as d}from"lit/decorators.js";import{scopePrefix as l,cssGlobalVars as c,GlobalStyle as p}from"../../internal/global-style.js";const h="button",u=l(h);let m=class Button extends p{constructor(){super(...arguments),this.plain=!1,this.disabled=!1,this.active=!1,this.round=!1}render(){return s`<div part="root" ${r(this.observedRecord)}> ${this.content||a()} <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,!0)}_handelClick(t){if(this.disabled)return t.stopPropagation(),void t.preventDefault();this.plain||this._handleModal(t)}_handleModal(t){const o=document.createElement("i"),{width:e,height:i}=this.getBoundingClientRect(),{x:r,y:a}=this._root.getBoundingClientRect(),n=2*Math.sqrt(i**2+e**2)+"px";o.style.height=n,o.style.width=n,o.style.left=t.x-r+"px",o.style.top=t.y-a+"px",o.style.animationName="kf",this._modalRoot.appendChild(o),o.addEventListener("animationend",(()=>o.remove()),{once:!0})}};t([d({type:Boolean,reflect:!0})],m.prototype,"plain",void 0),t([d({type:Boolean,reflect:!0})],m.prototype,"disabled",void 0),t([d({type:Boolean,reflect:!0})],m.prototype,"active",void 0),t([d({type:Boolean,reflect:!0})],m.prototype,"round",void 0),t([d()],m.prototype,"content",void 0),t([o("modal-root")],m.prototype,"_modalRoot",void 0),t([o("root")],m.prototype,"_root",void 0),m=t([e(h),i(n`:host(:not([disabled]):active){transform:scale(var(${u}--focus-scale))}:host([round]){border-radius:calc(infinity*1px)}:host([disabled]){cursor:not-allowed;filter:brightness(.85)}:host([plain]){${u}--gradients:unset;${u}--focus-scale:unset}`,n`:host{${u}--modal-animation-duration:1.5s;${u}--focus-scale:.97;${u}--deg:45deg;background:var(${c.primaryBackground});border-style:none;border-width:var(${c.ringWidth});color:var(${c.primaryForeground});cursor:pointer;display:block;overflow:hidden;text-align:center;width:-moz-fit-content;width:fit-content}[part=root]:not([contents]){height:100%;width:100%}[part=root]{padding:.25em .75em;position:relative;-webkit-user-select:none;user-select:none}i{animation-duration:var(${u}--modal-animation-duration);background:var(${u}--modal-background,currentColor);border-radius:50%;height:100%;inset:0;opacity:0;pointer-events:none;position:absolute;transform-origin:0 0;visibility:visible;width:100%}@keyframes kf{0%{opacity:var(${u}--modal-opacity,.1);transform:scale(0) translate(-50%,-50%)}80%{transform:scale(1) translate(-50%,-50%)}to{opacity:0}}`)],m);var v=m;export{m as Button,v as default};
 //# sourceMappingURL=component.js.map

package/web-components/details/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as i,styles as o,attr as e,htmlSlot as r}from"@godown/element";import a from"../../internal/icons/caret-down.js";import{css as s,html as l}from"lit";import{property as n}from"lit/decorators.js";import{scopePrefix as p}from"../../internal/global-style.js";import d from"../../internal/super-openable.js";const m="details",c=p(m);let f=class Details extends d{constructor(){super(...arguments),this.float=!1,this.fill=!1,this.summary=""}render(){return l`<dl part="root" ${e(this.observedRecord)}> <dt part="title" @click="${()=>this.toggle()}"> <span part="summary">${this.summary||r("summary")}</span> <span part="icon">${a()}</span> </dt> <dd part="details" @click=${this.fill?()=>this.toggle():null}> <div style="min-height: 0;">${r()}</div> </dd> </dl>`}};t([n({type:Boolean})],f.prototype,"float",void 0),t([n({type:Boolean})],f.prototype,"fill",void 0),t([n()],f.prototype,"summary",void 0),f=t([i(m),o(s`:host{${c}--icon-deg-open:0deg;${c}--icon-deg-close:90deg;display:block;padding:.2em;transition:.3s}[part=root]{position:relative}[part=title]{align-items:center;direction:ltr;grid-template-columns:auto auto;height:100%;justify-content:space-between}[part=details],[part=title]{display:grid;overflow:hidden;transition:inherit}[part=details]{grid-template-rows:0fr}: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]{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;transform:rotate(var(${c}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${c}--icon-deg-open))}`)],f);var g=f;export{f as Details,g as default};
+import{__decorate as t}from"tslib";import{godown as i,styles as o,attr as e,htmlSlot as r}from"@godown/element";import a from"../../internal/icons/caret-down.js";import{css as s,html as l}from"lit";import{property as n}from"lit/decorators.js";import{scopePrefix as p}from"../../internal/global-style.js";import d from"../../internal/super-openable.js";const m="details",c=p(m);let f=class Details extends d{constructor(){super(...arguments),this.float=!1,this.fill=!1,this.summary=""}render(){return l`<dl part="root" ${e(this.observedRecord)}> <dt part="title" @click="${()=>this.toggle()}"> <span part="summary">${this.summary||r("summary")}</span> <span part="icon">${a()}</span> </dt> <dd part="details" @click=${this.fill?()=>this.toggle():null}> <div style="min-height: 0;">${r()}</div> </dd> </dl>`}};t([n({type:Boolean})],f.prototype,"float",void 0),t([n({type:Boolean})],f.prototype,"fill",void 0),t([n()],f.prototype,"summary",void 0),f=t([i(m),o(s`:host{${c}--icon-deg-open:0deg;${c}--icon-deg-close:90deg;display:block;transition:.3s}[part=root]{padding:.25em;position:relative}[part=title]{align-items:center;direction:ltr;grid-template-columns:auto auto;height:100%;justify-content:space-between}[part=details],[part=title]{display:grid;overflow:hidden;transition:inherit}[part=details]{grid-template-rows:0fr}: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]{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:flex;transform:rotate(var(${c}--icon-deg-close))}:host([open]) [part=icon]{transform:rotate(var(${c}--icon-deg-open))}`)],f);var g=f;export{f as Details,g as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/details/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","float","fill","summary","render","html","attr","observedRecord","toggle","htmlSlot","svgCaretDown","__decorate","property","type","Boolean","styles","css","Details$1"],"mappings":"gWAQA,MAAMA,EAAY,UAEZC,EAAWC,EAAYF,GAmE7B,IAAMG,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAKC,OAAG,EAMRD,KAAIE,MAAG,EAMPF,KAAOG,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAAAC,EAAAN,KAAAO,6CAAA,IAAAP,KAAAQ,mCAAAR,KAAAG,SAAAM,EAAA,uCAAAC,8CAAAV,KAAAE,KAAA,IAAAF,KAAAQ,SAAA,qCAAAC,0BAGLE,EAAA,mDAIUC,EAAA,CAAAC,KAAAC,sCAEaH,EAAA,CACHC,6CAIXG,EAAAC,CAAA,SAAKrB,yBAAiCA,qnBAAAA,sEAAAA,2BAEjB,IAAAsB,EAAApB"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/details/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Details","SuperOpenable","constructor","this","float","fill","summary","render","html","attr","observedRecord","toggle","htmlSlot","svgCaretDown","__decorate","property","type","Boolean","styles","css","Details$1"],"mappings":"gWAQA,MAAMA,EAAY,UAEZC,EAAWC,EAAYF,GAmE7B,IAAMG,EAAN,MAAMA,gBAAgBC,EAAtB,WAAAC,uBAKEC,KAAKC,OAAG,EAMRD,KAAIE,MAAG,EAMPF,KAAOG,QAAG,GAEA,MAAAC,GACR,OAAOC,CAAI,mBAAAC,EAAAN,KAAAO,6CAAA,IAAAP,KAAAQ,mCAAAR,KAAAG,SAAAM,EAAA,uCAAAC,8CAAAV,KAAAE,KAAA,IAAAF,KAAAQ,SAAA,qCAAAC,0BAGLE,EAAA,mDAIUC,EAAA,CAAAC,KAAAC,sCAEaH,EAAA,CACHC,6CAIXG,EAAAC,CAAA,SAAKrB,yBAAiCA,snBAAAA,sEAAAA,2BAEjB,IAAAsB,EAAApB"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/input/component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAK3D;;;;;;GAMG;AACH,cAqDM,KAAM,SAAQ,UAAU;IAC5B,IAAI,EACA,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,QAAQ,GACR,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,CAAU;IAEpB,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;;IAYnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IA4BrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAgB7C;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/input/component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAI9D,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAK3D;;;;;;GAMG;AACH,cAmDM,KAAM,SAAQ,UAAU;IAC5B,IAAI,EACA,MAAM,GACN,QAAQ,GACR,KAAK,GACL,KAAK,GACL,OAAO,GACP,UAAU,GACV,QAAQ,GACR,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,CAAU;IAEpB,KAAK,EAAE,MAAM,CAAC;IAEd;;OAEG;IAEH,OAAO,EAAE,SAAS,GAAG,SAAS,CAAa;IAG3C,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC;;IAYnC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IA4BrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;CAgB7C;AAED,eAAe,KAAK,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/web-components/input/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/input/component.ts"],"sourcesContent":null,"names":["Input","SuperInput","constructor","super","this","type","variant","StyleController","RingBuilder","ringType","css","cssGlobalVars","ringColor","render","html","attr","observedRecord","_renderSuffix","PASSWORD","__decorate","queryPart","styles","input","active"],"mappings":"ocAuEA,IAAMA,EAAN,MAAMA,cAAcC,EA0BlB,WAAAC,GACEC,QA1BFC,KAAIC,KAYS,OAQbD,KAAOE,QAA0B,UAO/B,IAAIC,EACFH,MACA,IACE,IAAII,EAAY,CAAEH,KAAMD,KAAKK,WAAYC,KACvB,YAAjBN,KAAKE,QAAwB,SAASK,EAAcC,0BAA4B,MAI7E,MAAAC,GACR,OAAOC,CAAI,sBAAAC,EAAAX,KAAAY,oBAAA,2UAGLZ,KAAKa,2BAEL,iBAEA,MAAAC,EAAI,iNAIUf,MAAAc,eACI,sCAIK,GACTE,EAAA,CACCC,EAAA,uCAEdpB,EAAAmB,EAAA,GAvHO,SAyHTE,EAAAX,CAAA,uBAAAC,EAAAW,qBAAAX,EAAAW,8BAAAX,EAAAW,6DAAAX,EAAAC,iBAAAD,EAAAY,WAAAZ,EAAAW,0RAAAX,EAAAW,oKAAAX,EAAAW,kEAAAX,EAAAW,2BAEJtB"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/input/component.ts"],"sourcesContent":null,"names":["Input","SuperInput","constructor","super","this","type","variant","StyleController","RingBuilder","ringType","css","cssGlobalVars","ringColor","render","html","attr","observedRecord","_renderSuffix","PASSWORD","__decorate","queryPart","styles","input"],"mappings":"ocAqEA,IAAMA,EAAN,MAAMA,cAAcC,EA0BlB,WAAAC,GACEC,QA1BFC,KAAIC,KAYS,OAQbD,KAAOE,QAA0B,UAO/B,IAAIC,EACFH,MACA,IACE,IAAII,EAAY,CAAEH,KAAMD,KAAKK,WAAYC,KACvB,YAAjBN,KAAKE,QAAwB,SAASK,EAAcC,0BAA4B,MAI7E,MAAAC,GACR,OAAOC,CAAI,sBAAAC,EAAAX,KAAAY,oBAAA,2UAGLZ,KAAKa,2BAEL,iBAEA,MAAAC,EAAI,iNAIUf,MAAAc,eACI,sCAIK,GACTE,EAAA,CACCC,EAAA,uCAEdpB,EAAAmB,EAAA,GArHO,SAuHTE,EAAAX,CAAA,uBAAAC,EAAAW,qBAAAX,EAAAW,6DAAAX,EAAAC,0BAAAD,EAAAW,qQAAAX,EAAAW,oKAAAX,EAAAW,kEAAAX,EAAAW,2BAEJtB"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/rotate/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,WAAW,EAAe,MAAM,gCAAgC,CAAC;AAK1E;;;;GAIG;AACH,cA+BM,MAAO,SAAQ,WAAW;IAE9B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAcrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAM5C;;;;;;;;;OASG;IACH,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,UAAU,GAAG;QACvC,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB;CAUF;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/rotate/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAErD,OAAO,EAAE,WAAW,EAAe,MAAM,gCAAgC,CAAC;AAK1E;;;;GAIG;AACH,cA8BM,MAAO,SAAQ,WAAW;IAE9B,SAAS,CAAC,KAAK,EAAE,WAAW,CAAC;IAE7B,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAcrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,aAAa,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAM5C;;;;;;;;;OASG;IACH,SAAS,CAAC,cAAc,CAAC,CAAC,EAAE,UAAU,GAAG;QACvC,OAAO,EAAE,MAAM,CAAC;QAChB,OAAO,EAAE,MAAM,CAAC;KACjB;CAUF;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/web-components/rotate/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{queryPart as o,godown as e,styles as r,htmlSlot as i}from"@godown/element";import{css as s,html as n}from"lit";import{scopePrefix as a,GlobalStyle as l}from"../../internal/global-style.js";const d="rotate",p=a(d);let m=class Rotate extends l{render(){return n`<div part="root"> <div part="slot" @mousemove="${this._handleRotate}"> ${i()} </div> <i @mouseleave="${this.reset}"></i> </div>`}reset(){this._root.style.removeProperty("transform"),this._root.style.removeProperty("transition")}_handleRotate(t){const{rotateX:o,rotateY:e}=this._computeOffset(t);this._root.style.setProperty("transform",`rotateX(${o}rad) rotateY(${e}rad)`),this._root.style.setProperty("transition","0s")}_computeOffset(t){const{left:o,top:e,width:r,height:i}=this._root.getBoundingClientRect(),{clientX:s,clientY:n}=t;return{rotateX:-(n-e-i/2)/i/2,rotateY:(s-o-r/2)/r/2}}};t([o("root")],m.prototype,"_root",void 0),m=t([e(d),r(s`:host{display:block;transition:all .5s ease-in-out;width:-moz-fit-content;width:fit-content;${p}--padding:.75em;${p}--offset:.5em}div{position:relative;transition:inherit;transition-property:transform}i{box-sizing:content-box;height:100%;margin:calc(var(${p}--offset)*-1);padding:var(${p}--offset);position:absolute;top:0;width:100%}[part=slot]{z-index:2}`)],m);var f=m;export{m as Rotate,f as default};
+import{__decorate as t}from"tslib";import{queryPart as o,godown as e,styles as r,htmlSlot as i}from"@godown/element";import{css as s,html as n}from"lit";import{scopePrefix as a,GlobalStyle as l}from"../../internal/global-style.js";const p="rotate",d=a(p);let m=class Rotate extends l{render(){return n`<div part="root"> <div part="slot" @mousemove="${this._handleRotate}"> ${i()} </div> <i @mouseleave="${this.reset}"></i> </div>`}reset(){this._root.style.removeProperty("transform"),this._root.style.removeProperty("transition")}_handleRotate(t){const{rotateX:o,rotateY:e}=this._computeOffset(t);this._root.style.setProperty("transform",`rotateX(${o}rad) rotateY(${e}rad)`),this._root.style.setProperty("transition","0s")}_computeOffset(t){const{left:o,top:e,width:r,height:i}=this._root.getBoundingClientRect(),{clientX:s,clientY:n}=t;return{rotateX:-(n-e-i/2)/i/2,rotateY:(s-o-r/2)/r/2}}};t([o("root")],m.prototype,"_root",void 0),m=t([e(p),r(s`:host{display:block;transition:all .5s ease-in-out;width:-moz-fit-content;width:fit-content;${d}--offset:.5em}div{position:relative;transition:inherit;transition-property:transform}i{box-sizing:content-box;height:100%;margin:calc(var(${d}--offset)*-1);padding:var(${d}--offset);position:absolute;top:0;width:100%}[part=slot]{z-index:2}`)],m);var f=m;export{m as Rotate,f as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/rotate/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Rotate","GlobalStyle","render","html","this","_handleRotate","htmlSlot","reset","_root","style","removeProperty","e","setProperty","rotateX","rotateY","_computeOffset","__decorate","queryPart","prototype","godown","styles","css","Rotate$1"],"mappings":"uOAKA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAsC7B,IAAMG,EAAN,MAAMA,eAAeC,EAIT,MAAAC,GACR,OAAOC,CAAI,kDAAAC,KAAAC,mBAAAC,8BAAAF,KAAAG,0EAISH,KAAAI,MAAAC,MAAAC,eAAkB,cAE9B,aAAAL,CAAAM,qDAEcP,KAAAI,MAAAC,MAAAG,YAAU,YAAA,WAAAC,iBAAAC,yDAgBlC,cAAAC,CAAAJ,0JAUUK,EAAA,CAIRC,EAAM,SACNjB,EAAAkB,UAAe,gBACflB,EAAAgB,EAAa,CACbG,EAAAtB,GAEAuB,EAAAC,CAAa,+FAAuCvB,oBAAAA,8IAAAA,8BAAAA,yEACpDE,GACA,IAAAsB,EAAOtB"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/rotate/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Rotate","GlobalStyle","render","html","this","_handleRotate","htmlSlot","reset","_root","style","removeProperty","e","setProperty","rotateX","rotateY","_computeOffset","__decorate","queryPart","prototype","godown","styles","css","Rotate$1"],"mappings":"uOAKA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAqC7B,IAAMG,EAAN,MAAMA,eAAeC,EAIT,MAAAC,GACR,OAAOC,CAAI,kDAAAC,KAAAC,mBAAAC,8BAAAF,KAAAG,0EAISH,KAAAI,MAAAC,MAAAC,eAAkB,cAE9B,aAAAL,CAAAM,qDAEcP,KAAAI,MAAAC,MAAAG,YAAU,YAAA,WAAAC,iBAAAC,yDAgBlC,cAAAC,CAAAJ,0JAUUK,EAAA,CAIRC,EAAM,SACNjB,EAAAkB,UAAe,gBACflB,EAAAgB,EAAa,CACbG,EAAAtB,GAEAuB,EAAAC,CAAa,+FAAuCvB,8IAAAA,8BAAAA,yEACpDE,GACA,IAAAsB,EAAOtB"}

package/web-components/skeleton/component.js

@@ -1,2 +1,2 @@
-import{__decorate as o}from"tslib";import{godown as r,styles as t,htmlSlot as n}from"@godown/element";import{css as i,html as e}from"lit";import{state as a}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as d,GlobalStyle as l}from"../../internal/global-style.js";const g="skeleton",m=s(g);let p=class Skeleton extends l{constructor(){super(...arguments),this.loading=!0}render(){return this.loading?e`<div part="root">${n("loading")}</div>`:n()}};o([a()],p.prototype,"loading",void 0),p=o([r(g),t(i`:host{${m}--from:var(${d.background});${m}--to:var(${d.passive});${m}--deg:95deg;${m}--duration:2s;animation:_ var(${m}--duration) ease-in-out infinite none running;background-color:transparent;background-image:linear-gradient(var(${m}--deg),var(${m}--from) 36%,var(${m}--to) 50%,var(${m}--from) 64%);background-size:200% 100%;flex-shrink:0;min-height:1.5em;overflow:hidden;width:100%}@keyframes _{0%{background-position:150%}to{background-position:-50%}}[part=root]{display:contents}:host,:host([contents]) [part=root]{display:block}`)],p);var c=p;export{p as Skeleton,c as default};
+import{__decorate as o}from"tslib";import{godown as r,styles as t,htmlSlot as n}from"@godown/element";import{css as e,html as i}from"lit";import{state as a}from"lit/decorators.js";import{scopePrefix as s,cssGlobalVars as d,GlobalStyle as l}from"../../internal/global-style.js";const g="skeleton",m=s(g);let p=class Skeleton extends l{constructor(){super(...arguments),this.loading=!0}render(){return this.loading?i`<div part="root">${n("loading")}</div>`:n()}};o([a()],p.prototype,"loading",void 0),p=o([r(g),t(e`:host{${m}--from:var(${d.background});${m}--to:var(${d.passive});${m}--deg:95deg;${m}--duration:2s;animation:_ var(${m}--duration) ease-in-out infinite none running;background-color:transparent;background-image:linear-gradient(var(${m}--deg),var(${m}--from) 36%,var(${m}--to) 50%,var(${m}--from) 64%);background-size:200% 100%;flex-shrink:0;height:2em;overflow:hidden;width:100%}@keyframes _{0%{background-position:150%}to{background-position:-50%}}[part=root]{display:contents}:host,:host([contents]) [part=root]{display:block}`)],p);var c=p;export{p as Skeleton,c as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/skeleton/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Skeleton","GlobalStyle","constructor","this","loading","render","html","htmlSlot","state","prototype","__decorate","godown","styles","css","cssGlobalVars","background","passive"],"mappings":"qRAMA,MAAMA,EAAY,WACZC,EAAWC,EAAYF,GAiD7B,IAAMG,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAOC,SAAG,EAEA,MAAAC,GACR,OAAKF,KAAKC,QAGHE,CAAI,oBAAAC,EAAA,mBAFFA,QAKX,CACDC,KAVCR,EAAAS,UAAA,eAAA,GADCT,EAAOU,EAAA,CACOC,EAAAd,GALHe,EAAAC,CAAA,SAAAf,eAAAgB,EAAAC,eAAAjB,aAAAgB,EAAAE,YAAAlB,gBAAAA,kCAAAA,oHAAAA,eAAAA,oBAAAA,kBAAAA,qQAvCHE"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/skeleton/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Skeleton","GlobalStyle","constructor","this","loading","render","html","htmlSlot","state","prototype","__decorate","godown","styles","css","cssGlobalVars","background","passive"],"mappings":"qRAMA,MAAMA,EAAY,WACZC,EAAWC,EAAYF,GAiD7B,IAAMG,EAAN,MAAMA,iBAAiBC,EAAvB,WAAAC,uBAKEC,KAAOC,SAAG,EAEA,MAAAC,GACR,OAAKF,KAAKC,QAGHE,CAAI,oBAAAC,EAAA,mBAFFA,QAKX,CACDC,KAVCR,EAAAS,UAAA,eAAA,GADCT,EAAOU,EAAA,CACOC,EAAAd,GALHe,EAAAC,CAAA,SAAAf,eAAAgB,EAAAC,eAAAjB,aAAAgB,EAAAE,YAAAlB,gBAAAA,kCAAAA,oHAAAA,eAAAA,oBAAAA,kBAAAA,+PAvCHE"}

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 o,tokenList as n,htmlSlot as s}from"@godown/element";import{scopePrefix as a,cssGlobalVars as d,GlobalStyle as p}from"../../internal/global-style.js";import{css as l,html as c}from"lit";import{property as h,queryAll as u}from"lit/decorators.js";import{RingBuilder as m}from"../../internal/ring.js";const v="tabs",y=a(v),x="hover";let b=class Tabs extends p{constructor(){super(),this.ringType="border",this.useSlot=!1,this.index=0,new r(this,(()=>new m({type:this.ringType}).css))}render(){return c`<ul part="root" ${o(this.observedRecord)} @mouseleave="${this._handleMouseLeave}"> ${this.tabs?.map(((t,i)=>t||this.useSlot?c`<li part="${n("item",{selected:this.index===i})}" @mouseenter=${()=>{this.move(this._lastIndex,i),this._lastIndex=i}} @click=${()=>this.select(i)}> ${this.useSlot?s(t):t} <div part="indicator"></div> </li>`:""))} </ul>`}connectedCallback(){super.connectedCallback(),this._lastIndex=this.index}_handleMouseLeave(){const t=this._items[this._lastIndex];t&&t.part.remove(x),this._lastIndex=this.index}move(t,i){if(t===i)return;const{_items:e,_indicators:r}=this,o=e[i];if(!o)return;o.part.add(x);const n=e[t];if(!n)return;n.part.remove(x);const s=r[i],a=r[t];if(!s||!a)return;const d=a.getBoundingClientRect(),p=o.getBoundingClientRect(),l=d.x-p.x,c=d.y-p.y,h=d.width,{style:u}=s;u.transform=`translate3d(${l}px,${c}px,0)`,u.width=h+"px",u.transition=a.style.transition="none",s.getBoundingClientRect(),u.width=u.transform=u.transition=a.style.transition=""}select(t){const{index:i,tabs:e,_lastIndex:r,useSlot:o}=this;e&&i!==t&&t in e&&(this.dispatchCustomEvent("select",t),this.move(r,t),this._lastIndex=t,i in e&&(e[i]||o)&&(this.index=t))}};t([h({attribute:"ring-type"})],b.prototype,"ringType",void 0),t([h({type:Boolean})],b.prototype,"useSlot",void 0),t([h({type:Array})],b.prototype,"tabs",void 0),t([h({type:Number})],b.prototype,"index",void 0),t([u("[part~=item]")],b.prototype,"_items",void 0),t([u("[part=indicator]")],b.prototype,"_indicators",void 0),b=t([i(v),e(l`:host{${y}--indicator-background:var(${d.passive});${y}--space:0.25em;border-radius:var(${d.radius});cursor:default;display:flex;padding:.2em;transition:.3s ease-in-out;width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;display:flex;flex-direction:inherit;gap:var(${y}--space);overflow-x:clip;position:relative;transition:inherit;transition-property:width,transform,opacity;z-index:1}[useslot] [part~=item]{padding:0}[part~=item]{display:block;padding:0 .25em;position:relative;white-space:nowrap}[part=indicator],[part~=item]{border-radius:inherit;transition:inherit;transition-property:inherit;width:100%}[part=indicator]{background:var(${y}--indicator-background);height:100%;inset:0;opacity:0;position:absolute;z-index:-1}[part~=selected]{background:var(${y}--indicator-background)}[part~=hover] [part=indicator],[part~=selected] [part=indicator]{opacity:1}`)],b);var g=b;export{b as Tabs,g as default};
+import{__decorate as t}from"tslib";import{godown as i,styles as e,StyleController as r,attr as o,tokenList as n,htmlSlot as s}from"@godown/element";import{scopePrefix as a,cssGlobalVars as d,GlobalStyle as p}from"../../internal/global-style.js";import{css as l,html as c}from"lit";import{property as h,queryAll as u}from"lit/decorators.js";import{RingBuilder as m}from"../../internal/ring.js";const v="tabs",y=a(v),x="hover";let b=class Tabs extends p{constructor(){super(),this.ringType="border",this.useSlot=!1,this.index=0,new r(this,(()=>new m({type:this.ringType}).css))}render(){return c`<ul part="root" ${o(this.observedRecord)} @mouseleave="${this._handleMouseLeave}"> ${this.tabs?.map(((t,i)=>t||this.useSlot?c`<li part="${n("item",{selected:this.index===i})}" @mouseenter=${()=>{this.move(this._lastIndex,i),this._lastIndex=i}} @click=${()=>this.select(i)}> ${this.useSlot?s(t):t} <div part="indicator"></div> </li>`:""))} </ul>`}connectedCallback(){super.connectedCallback(),this._lastIndex=this.index}_handleMouseLeave(){const t=this._items[this._lastIndex];t&&t.part.remove(x),this._lastIndex=this.index}move(t,i){if(t===i)return;const{_items:e,_indicators:r}=this,o=e[i];if(!o)return;o.part.add(x);const n=e[t];if(!n)return;n.part.remove(x);const s=r[i],a=r[t];if(!s||!a)return;const d=a.getBoundingClientRect(),p=o.getBoundingClientRect(),l=d.x-p.x,c=d.y-p.y,h=d.width,{style:u}=s;u.transform=`translate3d(${l}px,${c}px,0)`,u.width=h+"px",u.transition=a.style.transition="none",s.getBoundingClientRect(),u.width=u.transform=u.transition=a.style.transition=""}select(t){const{index:i,tabs:e,_lastIndex:r,useSlot:o}=this;e&&i!==t&&t in e&&(this.dispatchCustomEvent("select",t),this.move(r,t),this._lastIndex=t,i in e&&(e[i]||o)&&(this.index=t))}};t([h({attribute:"ring-type"})],b.prototype,"ringType",void 0),t([h({type:Boolean})],b.prototype,"useSlot",void 0),t([h({type:Array})],b.prototype,"tabs",void 0),t([h({type:Number})],b.prototype,"index",void 0),t([u("[part~=item]")],b.prototype,"_items",void 0),t([u("[part=indicator]")],b.prototype,"_indicators",void 0),b=t([i(v),e(l`:host{${y}--indicator-background:var(${d.passive});${y}--space:0.25em;border-radius:var(${d.radius});cursor:default;display:flex;transition:.3s ease-in-out;width:-moz-fit-content;width:fit-content}[part=root]{border-radius:inherit;display:flex;flex-direction:inherit;gap:var(${y}--space);overflow-x:clip;padding:.2em;position:relative;transition:inherit;transition-property:width,transform,opacity;z-index:1}[useslot] [part~=item]{padding:0}[part~=item]{display:block;padding:0 .25em;position:relative;white-space:nowrap}[part=indicator],[part~=item]{border-radius:inherit;transition:inherit;transition-property:inherit;width:100%}[part=indicator]{background:var(${y}--indicator-background);height:100%;inset:0;opacity:0;position:absolute;z-index:-1}[part~=selected]{background:var(${y}--indicator-background)}[part~=hover] [part=indicator],[part~=selected] [part=indicator]{opacity:1}`)],b);var g=b;export{b as Tabs,g 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","mouseEnterAddedToken","Tabs","GlobalStyle","constructor","super","this","ringType","useSlot","index","StyleController","RingBuilder","type","css","render","html","attr","observedRecord","_handleMouseLeave","tabs","map","tab","move","_lastIndex","select","htmlSlot","connectedCallback","lastItem","_items","part","remove","from","to","_indicators","toItem","add","fromItem","toIndicator","fromIndicator","fromIndicatorRect","getBoundingClientRect","toItemRect","transformX","x","transformY","y","fromWidth","width","style","transform","transition","selected","dispatchCustomEvent","attribute","prototype","property","Boolean","__decorate","Array","queryAll","godown","styles","cssGlobalVars","passive","radius","Tabs$1"],"mappings":"yYAMA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAEvBG,EAAuB,QAyF7B,IAAMC,EAAN,MAAMA,aAAaC,EA8BjB,WAAAC,GACEC,QA7BFC,KAAQC,SAAa,SAMrBD,KAAOE,SAAG,EAYVF,KAAKG,MAAG,EAYN,IAAIC,EAAgBJ,MAAM,IAAM,IAAIK,EAAY,CAAEC,KAAMN,KAAKC,WAAYM,MAG3E,MAAAC,GACE,OAAOC,CAAI,mBAAAC,EAAAV,KAAAW,gCAAAX,KAAAY,uBAAAZ,KAAAa,MAAAC,KAAA,CAAAC,EAAAZ,IAAAY,GAAAf,KAAAE,0EAGK,KACGF,KAAAgB,KAAAhB,KAAsBiB,WAAAd,gCAErB,IAAKH,KAAOkB,OAC1Bf,OAAYH,KAAOE,QAAAiB,EAAAJ,GAAAA,uCACf,iCAGMhB,MAAAqB,yBACDH,WAACjB,KAAAG,KACY,qBAEZ,MAAAkB,EAAKrB,KAAAsB,OAAatB,KAAKiB,YACzBI,GACSA,EAAAE,KAAAC,OAAM7B,GAEbK,KAAAiB,WAAKjB,KAAAG,gBAGV,GAAAsB,IAAAC,EACH,OAGP,MAAAJ,OAAAA,EAAAK,YAAAA,GAAA3B,KACH4B,EAAAN,EAAAI,GAEiB,IAAAE,EACV,OAEPA,EAAAL,KAAAM,IAAAlC,GAE2B,MAAAmC,EAAAR,EAAAG,GACzB,IAAMK,EACF,OAEJA,EAAAP,KAAAC,OAAA7B,GACA,MAAeoC,EAAOJ,EAAMD,GAC9BM,EAAAL,EAAAF,GAEI,IAAaM,IAAYC,EACvB,OAEJ,MAAAC,EAAAD,EAAAE,wBACMC,4BACAC,EAASH,EAAUI,EAAAF,EAAAE,EACdC,EAAEL,EAAAM,EAAAJ,EAAAI,EACJC,EAAAP,EAAAQ,OACTC,MAAAA,GAAAX,EAEAW,EAAMC,UAAW,eAAYP,OAAAE,SAC7BI,EAAaD,MAAAD,EAAE,OACNI,WAAAZ,EAAAU,MAAAE,WAHO,OAIhBb,EAAAG,wBACAQ,EAAAD,MAAcC,EAAMC,UAACD,EAAAE,WAAqBZ,EAAAU,MAAAE,WAAA,EAC1C,CACA,MAAA1B,CAAA2B,GACA,MAAgB1C,MAAAA,EAAAU,KAAAA,EAAAI,WAAKA,EAAAf,QAAAA,GAAeF,KAC3Ba,GAAAV,IAAA0C,GAAAA,KAAAhC,IAGTb,KAAA8C,oBAAyB,SAACD,GAC1B7C,KAAMgB,KAAAC,EAA8B4B,GACpC7C,KAAMiB,aACNd,KAAeU,IAAoBA,EAAAV,SAEnCH,KAAQG,MAAO0C,QAKV,GAEM,CAAAE,UAAsB,eAEjCnD,EAAAoD,UAAW,gBAAS,KACtB,CAEAC,EAAuB,CAAA3C,KAAA4C,aACrBF,UAAa,eAAkB,GAC/BG,EAAA,GACS,CAAA7C,KAAA8C,WACTJ,UAAA,YAAA,GACAG,EAAA,CACAF,EAAK,CAAI3C,eACTV,EAAAoD,UAAK,aAAa,GAClBG,EAAA,CACEE,EAAA,mBACFL,UAAA,cAAA,KACF,CACDK,EAAA,qBA9HCzD,EAAAoD,UAAA,mBAAA,GADCpD,EAAAuD,EAAW,CACkBG,EAAA9D,GAM9B+D,EAAAhD,CAAA,SAAAd,+BAAA+D,EAAAC,YAAAhE,qCAAA+D,EAAAE,sMAAAjE,uXAAAA,uHAAAA,yGADCG,GACe,IAAA+D,EAAA/D"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/tabs/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","mouseEnterAddedToken","Tabs","GlobalStyle","constructor","super","this","ringType","useSlot","index","StyleController","RingBuilder","type","css","render","html","attr","observedRecord","_handleMouseLeave","tabs","map","tab","move","_lastIndex","select","htmlSlot","connectedCallback","lastItem","_items","part","remove","from","to","_indicators","toItem","add","fromItem","toIndicator","fromIndicator","fromIndicatorRect","getBoundingClientRect","toItemRect","transformX","x","transformY","y","fromWidth","width","style","transform","transition","selected","dispatchCustomEvent","attribute","prototype","property","Boolean","__decorate","Array","queryAll","godown","styles","cssGlobalVars","passive","radius","Tabs$1"],"mappings":"yYAMA,MAAMA,EAAY,OACZC,EAAWC,EAAYF,GAEvBG,EAAuB,QAyF7B,IAAMC,EAAN,MAAMA,aAAaC,EA8BjB,WAAAC,GACEC,QA7BFC,KAAQC,SAAa,SAMrBD,KAAOE,SAAG,EAYVF,KAAKG,MAAG,EAYN,IAAIC,EAAgBJ,MAAM,IAAM,IAAIK,EAAY,CAAEC,KAAMN,KAAKC,WAAYM,MAG3E,MAAAC,GACE,OAAOC,CAAI,mBAAAC,EAAAV,KAAAW,gCAAAX,KAAAY,uBAAAZ,KAAAa,MAAAC,KAAA,CAAAC,EAAAZ,IAAAY,GAAAf,KAAAE,0EAGK,KACGF,KAAAgB,KAAAhB,KAAsBiB,WAAAd,gCAErB,IAAKH,KAAOkB,OAC1Bf,OAAYH,KAAOE,QAAAiB,EAAAJ,GAAAA,uCACf,iCAGMhB,MAAAqB,yBACDH,WAACjB,KAAAG,KACY,qBAEZ,MAAAkB,EAAKrB,KAAAsB,OAAatB,KAAKiB,YACzBI,GACSA,EAAAE,KAAAC,OAAM7B,GAEbK,KAAAiB,WAAKjB,KAAAG,gBAGV,GAAAsB,IAAAC,EACH,OAGP,MAAAJ,OAAAA,EAAAK,YAAAA,GAAA3B,KACH4B,EAAAN,EAAAI,GAEiB,IAAAE,EACV,OAEPA,EAAAL,KAAAM,IAAAlC,GAE2B,MAAAmC,EAAAR,EAAAG,GACzB,IAAMK,EACF,OAEJA,EAAAP,KAAAC,OAAA7B,GACA,MAAeoC,EAAOJ,EAAMD,GAC9BM,EAAAL,EAAAF,GAEI,IAAaM,IAAYC,EACvB,OAEJ,MAAAC,EAAAD,EAAAE,wBACMC,4BACAC,EAASH,EAAUI,EAAAF,EAAAE,EACdC,EAAEL,EAAAM,EAAAJ,EAAAI,EACJC,EAAAP,EAAAQ,OACTC,MAAAA,GAAAX,EAEAW,EAAMC,UAAW,eAAYP,OAAAE,SAC7BI,EAAaD,MAAAD,EAAE,OACNI,WAAAZ,EAAAU,MAAAE,WAHO,OAIhBb,EAAAG,wBACAQ,EAAAD,MAAcC,EAAMC,UAACD,EAAAE,WAAqBZ,EAAAU,MAAAE,WAAA,EAC1C,CACA,MAAA1B,CAAA2B,GACA,MAAgB1C,MAAAA,EAAAU,KAAAA,EAAAI,WAAKA,EAAAf,QAAAA,GAAeF,KAC3Ba,GAAAV,IAAA0C,GAAAA,KAAAhC,IAGTb,KAAA8C,oBAAyB,SAACD,GAC1B7C,KAAMgB,KAAAC,EAA8B4B,GACpC7C,KAAMiB,aACNd,KAAeU,IAAoBA,EAAAV,SAEnCH,KAAQG,MAAO0C,QAKV,GAEM,CAAAE,UAAsB,eAEjCnD,EAAAoD,UAAW,gBAAS,KACtB,CAEAC,EAAuB,CAAA3C,KAAA4C,aACrBF,UAAa,eAAkB,GAC/BG,EAAA,GACS,CAAA7C,KAAA8C,WACTJ,UAAA,YAAA,GACAG,EAAA,CACAF,EAAK,CAAI3C,eACTV,EAAAoD,UAAK,aAAa,GAClBG,EAAA,CACEE,EAAA,mBACFL,UAAA,cAAA,KACF,CACDK,EAAA,qBA9HCzD,EAAAoD,UAAA,mBAAA,GADCpD,EAAAuD,EAAW,CACkBG,EAAA9D,GAM9B+D,EAAAhD,CAAA,SAAAd,+BAAA+D,EAAAC,YAAAhE,qCAAA+D,EAAAE,yLAAAjE,oYAAAA,uHAAAA,yGADCG,GACe,IAAA+D,EAAA/D"}