godown 3.12.0 → 3.13.0

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/range/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Range","SuperInput","constructor","this","min","max","vertical","__focusStack","range","Array","isArray","value","rangeValue","padValue","len","miss","length","fill","concat","attributeChangedCallback","name","_old","super","_ranger","Ranger","step","observedRecord","omit","render","from","Math","to","gap","diff","html","attr","disabled","_handleMousedownRoot","joinDeclarations","map","index","loop","_renderHandle","end","lastFocus","splice","indexOfFocusStack","push","handleItem","_handles","item","focus","__keydownEvent","blurHandle","undefined","events","remove","document","e","key","preventDefault","createSetValue","old","focusHandle","createMousedownListener","newValue","normalizeValue","dispatchCustomEvent","_computeValue","clientX","clientY","top","left","height","width","_root","getBoundingClientRect","present","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","add","stop","callback","call","round","reset","default","sort","toSorted","a","b","type","Number","prototype","property","Boolean","reflect","__decorate","queryPart","queryAll","state","godown","styles","css","cssGlobalVars","active","passive","background","Range$1"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/range/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Range","SuperInput","constructor","this","min","max","vertical","__focusStack","range","Array","isArray","value","rangeValue","padValue","len","miss","length","fill","concat","attributeChangedCallback","name","_old","super","_ranger","Ranger","step","observedRecord","omit","ringTypeAttribute","render","from","Math","to","gap","diff","html","attr","disabled","_handleMousedownRoot","joinDeclarations","map","index","loop","_renderHandle","end","lastFocus","splice","indexOfFocusStack","push","handleItem","_handles","item","focus","__keydownEvent","blurHandle","undefined","events","remove","document","e","key","preventDefault","createSetValue","old","focusHandle","createMousedownListener","newValue","normalizeValue","dispatchCustomEvent","_computeValue","clientX","clientY","top","left","height","width","_root","getBoundingClientRect","present","reduce","acc","abs","set","mouseMoveCallback","stopPropagation","move","createMousemoveListener","add","stop","callback","call","round","reset","default","sort","toSorted","a","b","type","Number","prototype","property","Boolean","reflect","__decorate","queryPart","queryAll","state","godown","styles","css","cssGlobalVars","active","passive","background","Range$1"],"mappings":"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"}

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,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"}
+{"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,cA6BM,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.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,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"}
+{"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,GAoC7B,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/select/component.d.ts

@@ -1,18 +1,8 @@
-import { type HandlerEvent } from "@godown/element";
 import { type TemplateResult } from "lit";
 import Input from "../input/component.js";
-import { type DirectionCardinalY } from "../../internal/direction.js";
 /**
  * {@linkcode Select} is similar to `<select>`.
  *
- * Elements with the value attribute/property can be used as options.
- *
- * The checked attribute will be added to the selected element.
- *
- * Multi-selected state looks the same as single-selected.
- *
- * Input will filter the options.
- *
  * @fires input - Fires when the input value changes.
  * @fires change - Fires when the input value changes.
  * @fires select - Fires when select an option.
@@ -20,34 +10,28 @@ import { type DirectionCardinalY } from "../../internal/direction.js";
  * @category input
  */
 declare class Select extends Input {
-    value: string | string[];
-    /**
-     * Selected texts.
-     */
     text: string;
-    protected _content: HTMLElement;
-    direction: DirectionCardinalY;
     multiple: boolean;
-    visible: boolean;
-    protected autoDirection: DirectionCardinalY;
+    noEdit: boolean;
+    values: {
+        value: string;
+        label?: string;
+    }[];
+    _popover: HTMLElement;
     protected lastChecked: HTMLElement;
     protected defaultText: string;
-    protected defaultChecked: HTMLElement[];
-    private __store;
-    get observedRecord(): Record<string, any>;
+    protected optionsVisible: boolean;
     protected render(): TemplateResult<1>;
     protected _renderSuffix(): TemplateResult<1>;
-    protected _handleFocus(): void;
     protected firstUpdated(): void;
     protected _connectedInit(): void;
     reset(): void;
-    select(value: string, text?: string): 0 | 1;
-    filter(query?: string): void;
-    filterCallback(element: HTMLElement, match: boolean, query: string): void;
-    protected _handleInput(e: HandlerEvent<HTMLInputElement>): void;
+    select(value: string, label: string): 0 | 1;
+    checkValues(): void;
+    showOptions(): void;
+    hideOptions(): void;
     focus(options?: FocusOptions): void;
     blur(): void;
-    optionValue(option: HTMLElement): string;
 }
 export default Select;
 export { Select };

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/select/component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAA6C,MAAM,iBAAiB,CAAC;AAE/F,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAE1C,OAAO,EAAE,KAAK,kBAAkB,EAAwB,MAAM,6BAA6B,CAAC;AAyB5F;;;;;;;;;;;;;;;;GAgBG;AACH,cAwBM,MAAO,SAAQ,KAAK;IAExB,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAAC;IAEzB;;OAEG;IAEH,IAAI,EAAE,MAAM,CAAC;IAGb,SAAS,CAAC,QAAQ,EAAE,WAAW,CAAC;IAGhC,SAAS,EAAE,kBAAkB,CAAC;IAG9B,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,SAAS,CAAC,aAAa,EAAE,kBAAkB,CAAY;IAEvD,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,cAAc,EAAE,WAAW,EAAE,CAAC;IACxC,OAAO,CAAC,OAAO,CAAyC;IAExD,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAKxC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAqCrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAM5C,SAAS,CAAC,YAAY,IAAI,IAAI;IAY9B,SAAS,CAAC,YAAY,IAAI,IAAI;IA0B9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAkBhC,KAAK,IAAI,IAAI;IAOb,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;IA6B3C,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI;IAW5B,cAAc,CAAC,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI;IAIzE,SAAS,CAAC,YAAY,CAAC,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,GAAG,IAAI;IAU/D,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAKnC,IAAI,IAAI,IAAI;IAMZ,WAAW,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM;CAGzC;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/select/component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,KAAK,CAAC;AAG9D,OAAO,KAAK,MAAM,uBAAuB,CAAC;AAmB1C;;;;;;;;GAQG;AACH,cAiCM,MAAO,SAAQ,KAAK;IAExB,IAAI,EAAE,MAAM,CAAC;IAGb,QAAQ,UAAS;IAGjB,MAAM,UAAS;IAGf,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,EAAE,CAAM;IAGT,QAAQ,EAAE,WAAW,CAAC;IAEtB,SAAS,CAAC,WAAW,EAAE,WAAW,CAAC;IACnC,SAAS,CAAC,WAAW,EAAE,MAAM,CAAC;IAC9B,SAAS,CAAC,cAAc,UAAS;IAEjC,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAuCrC,SAAS,CAAC,aAAa,IAAI,cAAc,CAAC,CAAC,CAAC;IAM5C,SAAS,CAAC,YAAY,IAAI,IAAI;IAiB9B,SAAS,CAAC,cAAc,IAAI,IAAI;IAMhC,KAAK,IAAI,IAAI;IAKb,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC,GAAG,CAAC;IAiB3C,WAAW,IAAI,IAAI;IAOnB,WAAW,IAAI,IAAI;IAenB,WAAW,IAAI,IAAI;IAQnB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI;IAMnC,IAAI,IAAI,IAAI;CAKb;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/web-components/select/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{queryPart as e,godown as i,styles as o,attr as s,htmlSlot as n}from"@godown/element";import l from"../../internal/icons/caret-down.js";import{css as r,nothing as h,html as a}from"lit";import{property as c,state as u}from"lit/decorators.js";import p from"../input/component.js";import{cssGlobalVars as d}from"../../internal/global-style.js";import{directionOutsetPlace as f}from"../../internal/direction.js";function v(t,e){return t&&e&&t.toLowerCase().includes(e.toLowerCase())}function m(t,e){if(t){const i="checked";e?t.setAttribute(i,""):t.removeAttribute(i)}}let b=class Select extends p{constructor(){super(...arguments),this.multiple=!1,this.visible=!1,this.autoDirection="bottom",this.__store=[]}get observedRecord(){return{...super.observedRecord,direction:this.direction||this.autoDirection}}render(){return a`<label part="root" ${s(this.observedRecord)}> ${[this._renderPrefix(),a`<input part="input" type="${this.type}" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${this.disabled}" autocapitalize="${this.autocapitalize||h}" autocomplete="${this.autocomplete||h}" placeholder="${this.placeholder||h}" @focus="${this._handleFocus}" @input="${this._handleInput}" @change="${this._handleChange}"/>`,this._renderSuffix(),a`<label part="content" direction-outset-place> ${n()} </label>`]} </label>`}_renderSuffix(){return a`<i part="suffix icon">${l()}</i>`}_handleFocus(){if(!this.direction){const{top:t,bottom:e}=this.getBoundingClientRect();window.innerHeight-e<this._content.clientHeight&&t>this._content.clientHeight?this.autoDirection="top":this.autoDirection="bottom"}this.visible=!0}firstUpdated(){this.events.add(this._content,"click",(t=>{t.preventDefault(),t.stopPropagation();const{target:e}=t,i=this.optionValue(e);if(i){const t=this.select(i,e.textContent);this.multiple||m(this.lastChecked,0),m(e,t),this.lastChecked=e}this._input.focus()})),this.events.add(document,"click",(t=>{t.stopPropagation();const e=t.composedPath()[0];e&&!this.shadowRoot.contains(e)&&this.blur()}))}_connectedInit(){if(!this.value){const t=[...this.querySelectorAll("[checked]")];(this.multiple?t:t.length?[this.lastChecked=t[0]]:[]).forEach((t=>{m(t,this.select(this.optionValue(t),t.textContent))})),this.default=this.value,this.defaultText=this.text,this.defaultChecked=t}this.text||(this.text="")}reset(){this.value=this.default,this.text=this.defaultText,this.querySelectorAll("[checked]").forEach((t=>m(t,0))),this.defaultChecked.forEach((t=>m(t,1)))}select(t,e){e||=t,e=e.trim();let i=0;if(this.multiple){const o=this.__store.findIndex((e=>e.value===t));o>-1?this.__store.splice(o,1):(this.__store.push({value:t,text:e}),i=1),this.value=this.__store.map((t=>t.value)),this.text=this.__store.map((t=>t.text)).join(", ")}else this.value===t?(this.value="",this.text=""):(this.value=t,this.text=e,i=1);return this.dispatchCustomEvent("select",this.value),this.filter(),i}filter(t){t=t?.trim(),[...this.children].forEach((e=>{this.filterCallback(e,!t||v(this.optionValue(e),t)||v(e.textContent,t),t)}))}filterCallback(t,e,i){t.style.display=e?"":"none"}_handleInput(t){if(t.stopPropagation(),this.compositing)return;const e=this._input.value;this.filter(this.multiple?function(t,e,i){const o=e.slice(0,t).lastIndexOf(i)+1||0,s=e.indexOf(i,t)||e.length;return e.slice(o,s)}(this._input.selectionStart,e,","):e),this.dispatchCustomEvent("input",this.value,{bubbles:!0})}focus(t){this._input.focus(t),this.visible=!0}blur(){this._input.blur(),this.visible=!1,super.blur()}optionValue(t){return t.value||t.getAttribute("value")||""}};t([c()],b.prototype,"text",void 0),t([e("content")],b.prototype,"_content",void 0),t([c()],b.prototype,"direction",void 0),t([c({type:Boolean})],b.prototype,"multiple",void 0),t([c({type:Boolean})],b.prototype,"visible",void 0),t([u()],b.prototype,"autoDirection",void 0),b=t([i("select"),o(f,r`.outline,:host(:focus-within){${d.input}-outline-color:currentColor}[part=input]{text-overflow:ellipsis}[part=content]{position:absolute;visibility:hidden;width:100%}[visible] [part=content]{visibility:visible}`)],b);var _=b;export{b as Select,_ as default};
+import{__decorate as t}from"tslib";import{queryPart as e,godown as i,styles as s,attr as o,htmlSlot as l}from"@godown/element";import p from"../../internal/icons/caret-down.js";import{css as r,nothing as a,html as n}from"lit";import{property as h}from"lit/decorators.js";import u from"../input/component.js";import{showPopover as c,hidePopover as d}from"../../internal/popover.js";import{memoize as v}from"../../internal/utils.js";const f=v((()=>CSS.supports("position-area:top")));function m(t,e){if(t){const i="selected";e?t.setAttribute(i,""):t.removeAttribute(i)}}let b=class Select extends u{constructor(){super(...arguments),this.multiple=!1,this.noEdit=!1,this.values=[],this.optionsVisible=!1}render(){const t=this.noEdit||this.disabled;return n`<label part="root" ${o(this.observedRecord)}> ${[this._renderPrefix(),this.noEdit?n`<input style="position: absolute;inset: 0;opacity: 0;"/>`:"",n`<input part="input" .value="${this.text}" ?autofocus="${this.autofocus}" ?disabled="${t}" autocapitalize="${this.autocapitalize||a}" autocomplete="${this.autocomplete||a}" placeholder="${this.placeholder||a}" @input="${t?null:this._handleInput}" @change="${t?null:this._handleChange}"/>`,this._renderSuffix()]} <div part="popover" popover="${f()?"manual":a}"> ${l()} </div> </label>`}_renderSuffix(){return n`<i part="suffix">${l("suffix",p())}</i>`}firstUpdated(){this.events.add(this._slot,"click",(t=>{const{target:e}=t;if("OPTION"!==e.tagName)return;const{label:i,value:s}=e,o=this.select(s,i);this.multiple||(m(this.lastChecked,0),this.hideOptions()),m(e,o),this.lastChecked=e}))}_connectedInit(){this.default=this.value??="",this.defaultText=this.text??="",this.events.add(this,"focus",this.showOptions)}reset(){this.value=this.default,this.text=this.defaultText}select(t,e){e||=t;let i=0;const s=this.values.findIndex((e=>e.value===t));return s>-1?this.values.splice(s,1):(this.values.push({value:t,label:e}),i=1),this.checkValues(),this.value=this.values.map((t=>t.value)).join(","),this.text=this.values.map((t=>t.label)).join(", "),this.dispatchCustomEvent("select",this.value),i}checkValues(){!this.multiple&&this.values.length>1&&(this.values.splice(0,this.values.length-1),this.requestUpdate())}showOptions(){if(this.optionsVisible)return;c(this._popover);const t=e=>{this.contains(e.target)||(this.hideOptions(),this.events.remove(document,"click",t))};this.events.add(document,"click",t),this.optionsVisible=!0}hideOptions(){this.optionsVisible&&(d(this._popover),this.optionsVisible=!1)}focus(t){super.focus(),this._input.focus(t),this.showOptions()}blur(){super.blur(),this._input.blur(),d(this._popover)}};t([h()],b.prototype,"text",void 0),t([h({type:Boolean})],b.prototype,"multiple",void 0),t([h({type:Boolean})],b.prototype,"noEdit",void 0),t([h({type:Array})],b.prototype,"values",void 0),t([e("popover")],b.prototype,"_popover",void 0),b=t([i("select"),s(r`[part=root]{position:relative;anchor-name:--select}label{display:contents}[part=popover]{background:none;border:0;width:100%;position-anchor:--select;position-area:bottom center;position-try-fallbacks:flip-block}[part=input]{text-overflow:ellipsis}@supports not (position-area:top){[part=popover]{display:none;left:0;position:absolute;top:100%}}`)],b);var x=b;export{b as Select,x as default};
 //# sourceMappingURL=component.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/select/component.ts"],"sourcesContent":null,"names":["contain","a","b","toLowerCase","includes","updateChecked","element","operation","name","setAttribute","removeAttribute","Select","Input","constructor","this","multiple","visible","autoDirection","__store","observedRecord","super","direction","render","html","attr","_renderSuffix","_handleFocus","top","bottom","getBoundingClientRect","window","innerHeight","_content","clientHeight","events","add","e","value","lastChecked","target","focus","document","stopPropagation","composed1","composedPath","contains","blur","_connectedInit","checked","querySelectorAll","length","forEach","select","optionValue","textContent","default","defaultText","text","defaultChecked","reset","trim","i","findIndex","s","splice","push","map","join","dispatchCustomEvent","filter","query","children","filterCallback","match","style","display","compositing","_input","c","start","slice","lastIndexOf","end","indexOf","betweenAt","selectionStart","bubbles","options","option","getAttribute","__decorate","prototype","queryPart","property","type","Boolean","state","godown","styles","directionOutsetPlace","css","cssGlobalVars","input","Select$1"],"mappings":"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"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/select/component.ts"],"sourcesContent":null,"names":["supportsPositionArea","memoize","CSS","supports","updateSelected","element","operation","name","setAttribute","removeAttribute","Select","Input","constructor","this","multiple","noEdit","values","optionsVisible","render","inputNoEdit","disabled","html","attr","observedRecord","text","autofocus","autocapitalize","nothing","autocomplete","placeholder","_handleInput","_handleChange","_renderSuffix","htmlSlot","svgCaretDown","firstUpdated","target","tagName","select","value","label","lastChecked","events","add","showOptions","default","defaultText","i","findIndex","s","splice","push","checkValues","map","join","length","requestUpdate","showPopover","_popover","listener","e","contains","remove","document","hidePopover","focus","options","super","_input","blur","property","prototype","Boolean","type","__decorate","Array","godown","styles","css"],"mappings":"+aASA,MAAMA,EAAuBC,GAAQ,IAAMC,IAAIC,SAAS,uBAExD,SAASC,EAAeC,EAA6BC,GACnD,GAAID,EAAS,CACX,MAAME,EAAO,WACTD,EACFD,EAAQG,aAAaD,EAAM,IAE3BF,EAAQI,gBAAgBF,GAG9B,CA8CA,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAKEC,KAAQC,UAAG,EAGXD,KAAME,QAAG,EAGTF,KAAMG,OAGA,GAOIH,KAAcI,gBAAG,EAEjB,MAAAC,GACR,MAAMC,EAAcN,KAAKE,QAAUF,KAAKO,SACxC,OAAOC,CAAI,sBAAAC,EAAAT,KAAAU,oBAAA,kCAGAF,CAAK,8DAEVA,CAAA,+BAAAR,KAAAW,qBAAAX,KAAAY,yBAAAN,sBAAAN,KAAAa,gBAAAC,oBAAAd,KAAAe,cAAAD,mBAAAd,KAAAgB,aAAAF,cAAAR,EAAA,KAAAN,KAAAiB,0BAAAX,EAAA,KAAAN,KAAAkB,mBACAlB,KAAKmB,iDACMhC,IAAA,SAAA2B,OAAAM,sCAGN,OAAAZ,CAAA,oBAAAY,EAAA,SAAAC,UACH,CACF,YAAAC,6DAGc,GAAS,WAATC,EAAAC,QACI,8BAESD,IACPvB,KAAKyB,OAAYC,EAAAC,qBAEZ3B,KAAC4B,YAAa,uBAGtCrC,EAAAgC,EAAA9B,GACDO,KAAK4B,YAAeL,CAAA,kCAIWvB,KAAA0B,QAAA,mCAE7B1B,KAAA6B,OAAQC,IAAE9B,KAAA,QAAAA,KAAA+B,qBAGjB/B,KAAA0B,MAAA1B,KAAAgC,QACHhC,KAAAW,KAAAX,KAAAiC,YAGE,MAAAR,CAAAC,KACqBC,IAAAD,EACpB,IAAAjC,EAAA,EACH,MAAAyC,EAAAlC,KAAAG,OAAAgC,WAAAC,GAAAA,EAAAV,QAAAA,WAEsBQ,GAAA,EAChBlC,KAACG,OAAWkC,OAAUH,EAAA,SAGf/B,OAAAmC,KAAA,CAAAZ,QAAAC,UACTlC,EAAA,QAEM8C,cACNvC,KAAA0B,MAAS1B,KAACG,OAAUqC,KAAAJ,GAAAA,EAAAV,QAAAe,KAAA,KAClBzC,KAAAW,KAAAX,KAAAG,OAAmBqC,kBAAgBC,KAAA,+BACnB,SAAEzC,KAAA0B,OACpBjC,CACA,CACA,WAAA8C,IACAvC,KAAAC,UAAAD,KAAAG,OAAAuC,OAAA,IACJ1C,KAAAG,OAAAkC,OAAA,EAAArC,KAAAG,OAAAuC,OAAA,GAEwB1C,KAAA2C,iBAGtB,WAAAZ,GACF,GAAA/B,KAAAI,eAEK,OAEHwC,EAAY5C,KAAK6C,UACnB,MAAAC,EAAAC,IAEoB/C,KAAegD,SAAAD,EAAAxB,UAC5BvB,mBACDA,KAAS6B,OAAWoB,OAAAC,SAAA,QAAAJ,GACxB,OAEMjB,WAAQqB,SAAU,QAAEJ,GAC1B9C,KAAAI,gBAAA,gBAEWJ,KAAAI,iBAGX+C,EAAanD,KAAI6C,UACjB7C,KAAKI,gBAAkB,GAEvB,KAAAgD,CAAAC,GACFC,MAAAF,QAEWpD,KAAAuD,OAAAH,MAAAC,GACTrD,KAAK+B,aACH,QAEFuB,MAAAE,OACFxD,KAAAuD,OAAAC,OAEWL,EAAAnD,KAAA6C,SACT,KAEA,CACAY,KACA5D,EAAA6D,UAAc,YAAO,cAEZC,uBACA,gBAAa,MAEtBF,EAAC,CAAAG,KAAAD,aACGD,UAAW,cAAS,GACxBG,EAAA,CACFJ,EAAA,CAAAG,KAAAE,WAEWJ,UAAA,cAAA,GACTG,EAAA,GACS,cACTH,UAAA,gBAAA,GACA7D,EAAAgE,EAAY,CACZE,EAxLc,UAyLhBC,EAAAC,CAAA,8VAEApE,SACaA"}

package/web-components/split/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/split/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Split","SuperInput","constructor","super","this","len","index","current","currentValue","StyleController","RingBuilder","selector","type","ringType","css","observedRecord","omit","render","html","attr","loop","tokenList","focus","disabled","focusAt","blur","_handleInput","_handleChange","value","padStart","connectedCallback","compositing","join","fillInput","data","after","i","_input","default","split","concat","Array","length","fill","Number","prototype","property","state","__decorate","godown","cssGlobalVars","ringColor","active"],"mappings":"sbAQA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GA0D7B,IAAMG,EAAN,MAAMA,cAAcC,EAmBlB,WAAAC,GACEC,QAfFC,KAAGC,IAAG,EAMND,KAAKE,OAAK,EAGVF,KAAOG,SAAK,EAGZH,KAAYI,aAAsB,GAIhC,IAAIC,EACFL,MACA,IACE,IAAIM,EAAY,CACdC,SAAU,mBACVC,KAAMR,KAAKS,WACVC,MAIT,kBAAIC,GACF,OAAOC,EAAKb,MAAMY,eAAgB,aAG1B,MAAAE,GACR,OAAOC,CAAI,oBAAAC,EAAAf,KAAAW,oBAAAK,EAAAhB,KAAAC,KAAAC,GAAAY,CAAA,qCAAAd,KAAAS,oBAAAQ,EAAA,CAAAC,MAAAlB,KAAAG,UAAAD,gBAAAF,KAAAmB,SAAA,KAAA,IAAAnB,KAAAoB,QAAAlB,QAAAF,KAAAI,aAAAF,4CAAAF,KAAAqB,gBAAArB,KAAAsB,0BAAAtB,KAAAuB,0BAAAvB,KAAAwB,MAAAC,SAAAzB,KAAAC,IAAA,qCAGLF,MAAI2B,qEAOa1B,KAAA2B,qCAIX3B,KAAAwB,MAAKxB,KAAAI,aAAkBwB,KAAC,+DAuB5B,SAAAC,CAAAC,GACR,GAAiB,OAAAA,EAAE,CAEjB,GAAO,OAAA9B,KAAAI,aAAAJ,KAAAG,SAGKH,KAAAI,aAAQJ,KAAAG,SAAA,SAGjB,CAGPH,KAAAI,aAAAJ,KAAAG,QAAA,GAAA,0RAkBIH,KAASG,SAAA,IAGc,OAEjB4B,UAAc,GACpBA,QAAOF,UAAAE,GAIL,CACA,KAAAb,QACFE,QAAApB,KAAAG,eACOe,QAGT,OAAAE,CAAAY,GAEAhC,KAAQG,QAAA6B,EACRhC,KAAKiC,OAAAf,oBAICe,OAAQZ,OACZrB,KAAAG,SAAS,4BAGJA,SAAA,OACSqB,MAAAxB,KAAAkC,QAEdlC,KAAAI,aAAgBJ,KAACwB,MAAAW,MAAA,IAAAC,OAAAC,MAAArC,KAAAC,IAAAD,KAAAwB,MAAAc,QAAAC,KAAA,OACnBvC,KAAAE,WAEIF,KAAAG,QAAUH,KAAAE,cAKd,CAAAM,KAAAgC,YACFC,UAAA,WAAA,KAEK,CACHC,EAAK,CAAOlC,KAACgC,YACRC,UAAM,aAAE,KACf,CAEAE,KACE/C,EAAA6C,UAAY,eAAI,GAChBG,EAAA,CACFD,OAEIF,UAAA,oBAAA,GACF7C,EAAAgD,EAAW,CACXC,EAAApD,KACKiB,CAAK,mFAAEhB,eAAAA,iDAAAA,oMAAAA,6CAAAA,sIAAAoD,EAAAC,iBAAAD,EAAAE,sBAGTpD"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/split/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Split","SuperInput","constructor","super","this","len","index","current","currentValue","StyleController","RingBuilder","selector","type","ringType","css","observedRecord","omit","ringTypeAttribute","render","html","attr","loop","tokenList","focus","disabled","focusAt","blur","_handleInput","_handleChange","value","padStart","connectedCallback","compositing","join","fillInput","data","after","i","_input","default","split","concat","Array","length","fill","Number","prototype","property","state","__decorate","godown","cssGlobalVars","ringColor","active"],"mappings":"6cAQA,MAAMA,EAAY,QACZC,EAAWC,EAAYF,GA0D7B,IAAMG,EAAN,MAAMA,cAAcC,EAmBlB,WAAAC,GACEC,QAfFC,KAAGC,IAAG,EAMND,KAAKE,OAAK,EAGVF,KAAOG,SAAK,EAGZH,KAAYI,aAAsB,GAIhC,IAAIC,EACFL,MACA,IACE,IAAIM,EAAY,CACdC,SAAU,mBACVC,KAAMR,KAAKS,WACVC,MAIT,kBAAIC,GACF,OAAOC,EAAKb,MAAMY,eAAgBE,GAG1B,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAhB,KAAAW,oBAAAM,EAAAjB,KAAAC,KAAAC,GAAAa,CAAA,qCAAAf,KAAAS,oBAAAS,EAAA,CAAAC,MAAAnB,KAAAG,UAAAD,gBAAAF,KAAAoB,SAAA,KAAA,IAAApB,KAAAqB,QAAAnB,QAAAF,KAAAI,aAAAF,4CAAAF,KAAAsB,gBAAAtB,KAAAuB,0BAAAvB,KAAAwB,0BAAAxB,KAAAyB,MAAAC,SAAA1B,KAAAC,IAAA,qCAGLF,MAAI4B,qEAOa3B,KAAA4B,qCAIX5B,KAAAyB,MAAKzB,KAAAI,aAAkByB,KAAC,+DAuB5B,SAAAC,CAAAC,GACR,GAAiB,OAAAA,EAAE,CAEjB,GAAO,OAAA/B,KAAAI,aAAAJ,KAAAG,SAGKH,KAAAI,aAAQJ,KAAAG,SAAA,SAGjB,CAGPH,KAAAI,aAAAJ,KAAAG,QAAA,GAAA,0RAkBIH,KAASG,SAAA,IAGc,OAEjB6B,UAAc,GACpBA,QAAOF,UAAAE,GAIL,CACA,KAAAb,QACFE,QAAArB,KAAAG,eACOgB,QAGT,OAAAE,CAAAY,GAEAjC,KAAQG,QAAA8B,EACRjC,KAAKkC,OAAAf,oBAICe,OAAQZ,OACZtB,KAAAG,SAAS,4BAGJA,SAAA,OACSsB,MAAAzB,KAAAmC,QAEdnC,KAAAI,aAAgBJ,KAACyB,MAAAW,MAAA,IAAAC,OAAAC,MAAAtC,KAAAC,IAAAD,KAAAyB,MAAAc,QAAAC,KAAA,OACnBxC,KAAAE,WAEIF,KAAAG,QAAUH,KAAAE,cAKd,CAAAM,KAAAiC,YACFC,UAAA,WAAA,KAEK,CACHC,EAAK,CAAOnC,KAACiC,YACRC,UAAM,aAAE,KACf,CAEAE,KACEhD,EAAA8C,UAAY,eAAI,GAChBG,EAAA,CACFD,OAEIF,UAAA,oBAAA,GACF9C,EAAAiD,EAAW,CACXC,EAAArD,KACKiB,CAAK,mFAAEhB,eAAAA,iDAAAA,oMAAAA,6CAAAA,sIAAAqD,EAAAC,iBAAAD,EAAAE,sBAGTrD"}

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/switch/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAK3D;;;;;GAKG;AACH,cA0DM,MAAO,SAAQ,UAAU,CAAC,OAAO,CAAC;IACtC,IAAI,OAAO,CAAC,CAAC,EAAE,OAAO,EAErB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,KAAK,UAAS;IAEd,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAmBrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,cAAc,IAAI,IAAI;IAWhC,SAAS,CAAC,aAAa,IAAI,IAAI;CAKhC;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/switch/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAM3D;;;;;GAKG;AACH,cA0DM,MAAO,SAAQ,UAAU,CAAC,OAAO,CAAC;IACtC,IAAI,OAAO,CAAC,CAAC,EAAE,OAAO,EAErB;IAED,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,KAAK,UAAS;IAEd,IAAI,cAAc,IAAI,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAExC;IAED,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IAmBrC,KAAK,IAAI,IAAI;IAKb,SAAS,CAAC,cAAc,IAAI,IAAI;IAWhC,SAAS,CAAC,aAAa,IAAI,IAAI;CAKhC;AAED,eAAe,MAAM,CAAC;AACtB,OAAO,EAAE,MAAM,EAAE,CAAC"}

package/web-components/switch/component.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/web-components/switch/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Switch","SuperInput","constructor","this","default","value","checked","v","observedRecord","omit","super","render","html","attr","disabled","_handleChange","_input","dispatchCustomEvent","__decorate","type","Boolean","property","attribute","reflect","prototype","styles","css","cssGlobalVars","passive","active","background","Switch$1"],"mappings":"wUAOA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAkE7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAaEC,KAAOC,SAAG,EAMVD,KAAKE,OAAG,EAlBR,WAAIC,CAAQC,GACVJ,KAAKE,MAAQE,EAGf,WAAID,GACF,OAAOH,KAAKE,MAed,kBAAIG,GACF,OAAOC,EAAKC,MAAMF,eAAgB,aAG1B,MAAAG,GACR,OAAOC,CAAI,oBAAAC,EAAAV,KAAAK,iFAAAL,KAAAW,uBAAAX,KAAAE,mBAAAF,KAAAY,8DAGLZ,KAAAE,MAAUF,KAAAC,mFAQCD,KAAAE,uCAOnB,aAAAU,GACE,MAAUT,QAAAA,QAAeU,OACzBb,KAAKE,MAAOC,EACdH,KAAAc,oBAAA,SAAAd,KAAAE,SAIIa,EAAA,GACF,CAAAC,KAAAC,uBAAO,eAAA,GACLF,EAAA,CACEG,EAAA,CAAAF,KAAKC,QAAQE,UAAI,UAAAC,SAAA,KACjBvB,EAAAwB,UAAK,aAAU,OACjB,GACF3B,GACF4B,EAAAC,CAAA,kEAAA5B,eAAAA,qBAAAA,eAAAA,wBAAAA,2BAAAA,oBAAAA,oCAAA6B,EAAAC,mCAAA9B,2BAAAA,4GAAAA,4CAAA6B,EAAAE,mJAAAF,EAAAG,6CAAAhC,wIAAAA,8BAAAA,6GAGE,IAAAiC"}
+{"version":3,"file":"component.js","sources":["../../src/web-components/switch/component.ts"],"sourcesContent":null,"names":["protoName","cssScope","scopePrefix","Switch","SuperInput","constructor","this","default","value","checked","v","observedRecord","omit","super","ringTypeAttribute","render","html","attr","disabled","_handleChange","_input","dispatchCustomEvent","__decorate","type","Boolean","property","attribute","reflect","prototype","styles","css","cssGlobalVars","passive","active","background","Switch$1"],"mappings":"mYAQA,MAAMA,EAAY,SACZC,EAAWC,EAAYF,GAkE7B,IAAMG,EAAN,MAAMA,eAAeC,EAArB,WAAAC,uBAaEC,KAAOC,SAAG,EAMVD,KAAKE,OAAG,EAlBR,WAAIC,CAAQC,GACVJ,KAAKE,MAAQE,EAGf,WAAID,GACF,OAAOH,KAAKE,MAed,kBAAIG,GACF,OAAOC,EAAKC,MAAMF,eAAgBG,GAG1B,MAAAC,GACR,OAAOC,CAAI,oBAAAC,EAAAX,KAAAK,iFAAAL,KAAAY,uBAAAZ,KAAAE,mBAAAF,KAAAa,8DAGLb,KAAAE,MAAUF,KAAAC,mFAQCD,KAAAE,uCAOnB,aAAAW,GACE,MAAUV,QAAAA,QAAeW,OACzBd,KAAKE,MAAOC,EACdH,KAAAe,oBAAA,SAAAf,KAAAE,SAIIc,EAAA,GACF,CAAAC,KAAAC,uBAAO,eAAA,GACLF,EAAA,CACEG,EAAA,CAAAF,KAAKC,QAAQE,UAAI,UAAAC,SAAA,KACjBxB,EAAAyB,UAAK,aAAU,OACjB,GACF5B,GACF6B,EAAAC,CAAA,kEAAA7B,eAAAA,qBAAAA,eAAAA,wBAAAA,2BAAAA,oBAAAA,oCAAA8B,EAAAC,mCAAA/B,2BAAAA,4GAAAA,4CAAA8B,EAAAE,mJAAAF,EAAAG,6CAAAjC,wIAAAA,8BAAAA,6GAGE,IAAAkC"}

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

@@ -4,50 +4,43 @@ import { type RingType } from "../../internal/ring.js";
 /**
  * {@linkcode Tabs} used to render a set of tabs.
  *
- * It accepts "tabs" to present the sub-content.
- *
- * When "useSlot" is enabled, each item in "tabs" becomes a named slot with the same name as itself,
- * while for non-slot tabs, the content is rendered as a horizontally padded string.
- *
- * When "mouseenter" and "mouseleave" are triggered on an individual tab, the indicator will move.
- *
- * The moving indicator will start from the position of the item that was last entered.
- *
- * If the pointer moves out of the root element or the element is connected to the document,
- * the starting position of the indicator will be regarded as the current selection.
- *
- * Apply "flex-direction: column" to the tabs to arrange them vertically.
- *
- * @csspart root - The root element.
- * @csspart item - The tab items.
- * @csspart indicator - The indicator.
- * @csspart selected - The selected tab item.
- * @csspart hover - The hovered tab item.
- * @fires select - Fires when the tab is selected.
+ * @fires select - Fires when the tab index is changed.
  * @category display
  */
 declare class Tabs extends GlobalStyle {
     ringType: RingType;
     /**
-     * Determines whether the tabs should use a slot for their content instead of a string.
+     * If it is "select", the indicator moves from the selected content to the hover position.
+     *
+     * If it is "previous", the indicator moves from the last moved position to the hover position.
+     *
+     * If "none", the indicator will not move.
+     */
+    beginning: "selected" | "previous" | "none";
+    /**
+     * The behavior of the indicator:
+     *
+     * If "background", its size will be consistent with that of a single tab.
+     *
+     * If "underline", an underline will be displayed at the bottom of the tab.
      */
-    useSlot: boolean;
+    indicator: "background" | "underline";
     /**
-     * An array of strings or slot content representing the tabs.
+     * Tab list or slot list.
      */
     tabs: string[];
     /**
      * The index of the currently selected tab.
      */
     index: number;
-    protected _lastIndex: number;
+    protected previousIndex: number;
     protected _items: HTMLCollectionOf<HTMLLIElement>;
     protected _indicators: HTMLCollectionOf<HTMLDivElement>;
     constructor();
     render(): TemplateResult<1>;
     connectedCallback(): void;
     protected _handleMouseLeave(): void;
-    move(from: number, to: number): void;
+    move(sourceIndex: number, targetIndex: number): void;
     select(selected: number): void;
 }
 export default Tabs;

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

@@ -1 +1 @@
-{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/tabs/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,WAAW,EAAe,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAe,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAOpE;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,cA8DM,IAAK,SAAQ,WAAW;IAE5B,QAAQ,EAAE,QAAQ,CAAY;IAE9B;;OAEG;IAEH,OAAO,UAAS;IAEhB;;OAEG;IAEH,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IAEH,KAAK,SAAK;IAEV,SAAS,CAAC,UAAU,EAAE,MAAM,CAAC;IAG7B,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAGlD,SAAS,CAAC,WAAW,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;;IAOxD,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IA8B3B,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAQnC,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,GAAG,IAAI;IAsCpC,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAY/B;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}
+{"version":3,"file":"component.d.ts","sourceRoot":"__source__/","sources":["web-components/tabs/component.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,WAAW,EAAe,MAAM,gCAAgC,CAAC;AACzF,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,EAAkC,KAAK,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAOvF;;;;;GAKG;AACH,cAyEM,IAAK,SAAQ,WAAW;IAE5B,QAAQ,EAAE,QAAQ,CAAY;IAE9B;;;;;;OAMG;IAEH,SAAS,EAAE,UAAU,GAAG,UAAU,GAAG,MAAM,CAAc;IAEzD;;;;;;OAMG;IAEH,SAAS,EAAE,YAAY,GAAG,WAAW,CAAgB;IAErD;;OAEG;IAEH,IAAI,EAAE,MAAM,EAAE,CAAC;IAEf;;OAEG;IAEH,KAAK,SAAK;IAEV,SAAS,CAAC,aAAa,EAAE,MAAM,CAAC;IAGhC,SAAS,CAAC,MAAM,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;IAGlD,SAAS,CAAC,WAAW,EAAE,gBAAgB,CAAC,cAAc,CAAC,CAAC;;IAOxD,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;IA0B3B,iBAAiB,IAAI,IAAI;IAKzB,SAAS,CAAC,iBAAiB,IAAI,IAAI;IAQnC,IAAI,CAAC,WAAW,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,GAAG,IAAI;IAsCpD,MAAM,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI;CAS/B;AAED,eAAe,IAAI,CAAC;AACpB,OAAO,EAAE,IAAI,EAAE,CAAC"}

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;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};
+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;padding:0 .25em;position:relative;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};
 //# 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,yLAAAjE,oYAAAA,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","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,ghBAAApE,wTAAAA,iFADCG,GACoD,IAAAkE,EAAAlE"}

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

@@ -1,50 +1,26 @@
 import { type TemplateResult } from "lit";
-import { SuperOpenable } from "../../internal/super-openable.js";
-import { type DirectionCardinal, type DirectionCorner } from "../../internal/direction.js";
+import Popover from "../popover/component.js";
 /**
- * {@linkcode Tooltip} provide tooltip for slot elements.
+ * {@linkcode Tooltip} is similar to {@linkcode Popover}.
  *
- * If it has the tip property, ignore the slot tip.
+ * It listens for the mouseenter event and displays the tip or popover after a specified delay.
  *
- * @slot tip - Tip element if no `tip` provided.
- * @slot - Content.
+ * 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 SuperOpenable {
-    /**
-     * Tip text, if there is a value, the slot will be ignored.
-     */
+declare class Tooltip extends Popover {
+    action: "hide";
+    span: "span" | "isolated";
     tip: string;
-    /**
-     * Direction of opening the tip.
-     */
-    direction: DirectionCardinal | DirectionCorner;
-    /**
-     * Content alignment.
-     */
-    align: "center" | "flex-start" | "flex-end" | "start" | "end";
-    /**
-     * If true, allow penetration of the tip.
-     */
-    propagation: boolean;
-    /**
-     * How can tips be triggered.
-     *
-     * If `focus`, element will be focusable, open tip when focused.
-     *
-     * If `hover`, element will open tip when hovered.
-     *
-     * @default "hover"
-     */
-    type: "hover" | "focus";
-    static aligns: {
-        start: string;
-        end: string;
-        center: string;
-        "flex-start": string;
-        "flex-end": string;
-    };
+    delay: number;
     protected render(): TemplateResult<1>;
+    _hoverTimeout: number;
+    _leaveTimeout: number;
+    connectedCallback(): void;
 }
 export default Tooltip;
 export { Tooltip };

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,EAAa,MAAM,KAAK,CAAC;AAIrD,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,KAAK,iBAAiB,EAAE,KAAK,eAAe,EAAwB,MAAM,6BAA6B,CAAC;AAKjH;;;;;;;;GAQG;AACH,cA0CM,OAAQ,SAAQ,aAAa;IACjC;;OAEG;IAEH,GAAG,EAAE,MAAM,CAAC;IAEZ;;OAEG;IAEH,SAAS,EAAE,iBAAiB,GAAG,eAAe,CAAS;IAEvD;;OAEG;IAEH,KAAK,EAAE,QAAQ,GAAG,YAAY,GAAG,UAAU,GAAG,OAAO,GAAG,KAAK,CAAY;IAEzE;;OAEG;IAEH,WAAW,UAAS;IAEpB;;;;;;;;OAQG;IAEH,IAAI,EAAE,OAAO,GAAG,OAAO,CAAW;IAElC,MAAM,CAAC,MAAM;;;;;;MAMX;IAEF,SAAS,CAAC,MAAM,IAAI,cAAc,CAAC,CAAC,CAAC;CA6BtC;AAED,eAAe,OAAO,CAAC;AACvB,OAAO,EAAE,OAAO,EAAE,CAAC"}
+{"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"}

package/web-components/tooltip/component.js

@@ -1,2 +1,2 @@
-import{__decorate as t}from"tslib";import{godown as i,styles as e,attr as o,htmlSlot as n}from"@godown/element";import{css as r,html as s}from"lit";import{property as p}from"lit/decorators.js";import{scopePrefix as a}from"../../internal/global-style.js";import l from"../../internal/super-openable.js";import{directionOutsetPlace as d}from"../../internal/direction.js";var c;const h="tooltip",f=a(h);let u=c=class Tooltip extends l{constructor(){super(...arguments),this.direction="top",this.align="center",this.propagation=!1,this.type="hover"}render(){const t=c.aligns[this.align]||"inherit",i="focus"===this.type;return s`<div part="root" ${o(this.observedRecord)} tabindex="${i?0:-1}" @focus="${i?()=>this.open=!0:null}" @blur="${i?()=>this.open=!1:null}" @mouseenter="${i?null:()=>this.open=!0}" @mouseleave="${i?null:()=>this.open=!1}" style="justify-content:${t};align-items:${t}"> ${n()} <div part="tip" direction-outset-place> ${n("tip",s`<span class="passive">${this.tip}</span>`)} </div> </div>`}};u.aligns={start:"flex-start",end:"flex-end",center:"center","flex-start":"flex-start","flex-end":"flex-end"},t([p()],u.prototype,"tip",void 0),t([p()],u.prototype,"direction",void 0),t([p()],u.prototype,"align",void 0),t([p({type:Boolean})],u.prototype,"propagation",void 0),t([p()],u.prototype,"type",void 0),u=c=t([i(h),e(d,r`:host{${f}--tip-background:inherit;width:-moz-fit-content;width:fit-content}:host,[part=root]{display:inline-flex}[part=root]{border-radius:inherit;position:relative;transition:inherit}[part=tip]{height:-moz-fit-content;height:fit-content;position:absolute;transition:inherit;-webkit-user-select:none;user-select:none;visibility:hidden;width:-moz-fit-content;width:fit-content}:host([open]) [part=tip]{visibility:visible}.passive{background:var(${f}--tip-background)}[propagation] [part=tip]{pointer-events:none}`)],u);var v=u;export{u as Tooltip,v as default};
+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};
 //# 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":["protoName","cssScope","scopePrefix","Tooltip","Tooltip_1","SuperOpenable","constructor","this","direction","align","propagation","type","render","aligns","isFocusable","html","attr","observedRecord","open","htmlSlot","tip","end","center","property","__decorate","prototype","godown","styles","css","Tooltip$1"],"mappings":"uXAQA,MAAMA,EAAY,UACZC,EAAWC,EAAYF,GAqD7B,IAAMG,EAAOC,EAAb,MAAMD,gBAAgBE,EAAtB,WAAAC,uBAWEC,KAASC,UAAwC,MAMjDD,KAAKE,MAA2D,SAMhEF,KAAWG,aAAG,EAYdH,KAAII,KAAsB,QAUhB,MAAAC,GACR,MAAMH,EAAQL,EAAQS,OAAON,KAAKE,QAAU,UACtCK,EAA4B,UAAdP,KAAKI,KACzB,OAAOI,CAAI,oBAAAC,EAAAT,KAAAU,6BAAAH,EAAA,iBAAAA,EAAA,IAAAP,KAAAW,MAAA,EAAA,gBAAAJ,EAAA,IAAAP,KAAAW,MAAA,EAAA,sBAAAJ,EAAA,KAAA,IAAAP,KAAAW,MAAA,mBAAAJ,EAAA,KAAA,IAAAP,KAAAW,MAAA,6BAAAT,iBAAAA,OAAAU,+CAAAA,EAAA,MAAAJ,CAAA,yBAAAR,KAAAa,gCAGLjB,EAAAU,OAAK,oBAEGQ,IAAA,WACDC,OAAA,SACM,aAAA,aACA,WAAA,eAGbC,uEAKEC,EAAA,CAG0BD,iBAE3B,aAAA,2BAGNE,UAAA,mBAAA,KACH,MApCOtB,EAAAsB,UAAS,YAAA,GACdtB,IAAmBqB,EAAA,CACnBE,EAAe1B,GACf2B,IAAgBC,CAAA,SAAA3B,ubAAAA,qEAChBE,GACA,IAAA0B"}
+{"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"}