atomicuilibrary 0.0.1 → 0.1.3

package/dist/collection/components/smart-location-dropdown/types.js

@@ -1 +0,0 @@
-export {};

package/dist/components/ui-checkbox-group.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiCheckboxGroup extends Components.UiCheckboxGroup, HTMLElement {}
-export const UiCheckboxGroup: {
-    prototype: UiCheckboxGroup;
-    new (): UiCheckboxGroup;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-checkbox-group.js

@@ -1 +0,0 @@
-import{proxyCustomElement as e,HTMLElement as t,createEvent as i,h as r,transformTag as s}from"@stencil/core/internal/client";import{d as o,a}from"./badge.js";import{d as l}from"./checkbox.js";import{d as c}from"./icon.js";const h=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.groupChange=i(this,"groupChange",7),this.groupValidation=i(this,"groupValidation",7)}normalizeValue(e){return Array.isArray(e)?e:"string"==typeof e&&e?e.split(","):[]}get el(){return this}internals;value=[];name="";label="";helperText="";errorMessage="";required=!1;disabled=!1;readonly=!1;invalid=!1;orientation="vertical";gap="12px";showSelectAll=!1;selectAllLabel="Select All";buttonGroup=!1;min=0;max=1/0;validateOnChange=!0;size="md";color="primary";showSelectionCount=!1;reveal="none";revealDelay=0;revealStagger=60;victoryGlow=!1;rtl=!1;selectAllState="none";isVictory=!1;groupChange;groupValidation;componentWillLoad(){this.internals=this.el.attachInternals(),this.updateFormValue(),this.discoverCheckboxes(),this.updateCheckboxStates(),this.updateSelectAllState()}formResetCallback(){this.value=[],this.updateCheckboxStates(),this.updateSelectAllState(),this.updateFormValue()}handleValueChange(){this.updateCheckboxStates(),this.updateSelectAllState(),this.validateOnChange&&this.validate()}handleCheckboxChange(e){const{checked:t,value:i}=e.detail;if(this.disabled||this.readonly)return;let r=this.normalizeValue(this.value);t?r.includes(i)||(this.max===1/0||r.length<this.max)&&(r=[...r,i]):r=r.filter((e=>e!==i)),this.value=r,this.groupChange.emit({value:this.value}),this.updateSelectAllState(),this.validateOnChange&&this.validate(),this.updateFormValue()}updateFormValue(){if(this.name){const e=new FormData;this.value.forEach((t=>e.append(this.name,t))),this.internals.setFormValue(e)}else this.internals.setFormValue(this.value.join(","))}discoverCheckboxes(){}updateCheckboxStates(){const e=this.getAllCheckboxes(),t=this.normalizeValue(this.value),i=this.max!==1/0&&t.length>=this.max;e.forEach(((e,r)=>{e.checked=t.includes(e.value),e.disabled=this.disabled||i&&!e.checked||e.disabled,e.readonly=this.readonly,e.size=this.size,e.color=this.color,e.reveal=this.reveal,e.revealDelay=this.revealDelay+r*this.revealStagger,e.rtl=this.rtl,e.isButton=this.buttonGroup,this.name&&(e.name=this.name)}))}getAllCheckboxes(){return[...Array.from(this.el.querySelectorAll("ui-checkbox")),...Array.from(this.el.shadowRoot.querySelectorAll("ui-checkbox"))]}updateSelectAllState(){const e=this.getAllCheckboxes(),t=this.normalizeValue(this.value),i=e.filter((e=>!e.disabled));if(0===i.length)return;const r=i.filter((e=>t.includes(e.value))).length;0===r?(this.selectAllState="none",this.isVictory=!1):r===i.length?(this.selectAllState="all",this.victoryGlow&&(this.isVictory=!0)):(this.selectAllState="some",this.isVictory=!1)}handleSelectAllChange=e=>{if(this.disabled||this.readonly)return;const t=e.target,i=this.getAllCheckboxes().filter((e=>!e.disabled));if(t.checked){const e=i.map((e=>e.value)),t=Array.from(new Set([...this.value,...e]));this.value=this.max!==1/0?t.slice(0,this.max):t}else{const e=i.map((e=>e.value));this.value=this.value.filter((t=>!e.includes(t)))}this.groupChange.emit({value:this.value}),this.updateSelectAllState(),this.validateOnChange&&this.validate()};validate(){const e=[];this.required&&0===this.value.length&&e.push("At least one option must be selected"),this.min>0&&this.value.length<this.min&&e.push(`At least ${this.min} option${this.min>1?"s":""} must be selected`),this.max!==1/0&&this.value.length>this.max&&e.push(`No more than ${this.max} option${this.max>1?"s":""} can be selected`);const t=0===e.length;return this.groupValidation.emit({valid:t,errors:e}),t}selectAll(){const e=this.getAllCheckboxes().filter((e=>!e.disabled)).map((e=>e.value));this.value=this.max!==1/0?e.slice(0,this.max):e,this.groupChange.emit({value:this.value})}deselectAll(){this.value=[],this.groupChange.emit({value:this.value})}toggleAll(){"all"===this.selectAllState?this.deselectAll():this.selectAll()}renderSelectAll(){return this.showSelectAll?r("div",{class:"select-all-container"},r("ui-checkbox",{checked:"all"===this.selectAllState,indeterminate:"some"===this.selectAllState,label:this.selectAllLabel,disabled:this.disabled,readonly:this.readonly,size:this.size,color:this.color,rtl:this.rtl,onCheckboxChange:this.handleSelectAllChange})):null}renderLabel(){return this.label?r("div",{class:"group-label"},r("span",{class:"label-text"},this.label,this.required&&r("span",{class:"required-indicator"},"*")),this.showSelectionCount&&r("span",{class:"selection-count"},"(",this.value.length,this.max!==1/0?" / "+this.max:""," selected)")):null}renderHelperText(){if(this.invalid&&this.errorMessage)return r("div",{class:"helper-text error"},r("ui-icon",{name:"fa-exclamation-circle"}),this.errorMessage);if(this.helperText)return r("div",{class:"helper-text"},this.helperText);if(this.min>0||this.max!==1/0){const e=this.value.length;let t="";return this.min>0&&this.max!==1/0?t=`Select ${this.min}-${this.max} options (${e} selected)`:this.min>0?t=`Select at least ${this.min} option${this.min>1?"s":""} (${e} selected)`:this.max!==1/0&&(t=`Select up to ${this.max} option${this.max>1?"s":""} (${e} selected)`),r("div",{class:"helper-text"},t)}return null}options=[];searchable=!1;searchPlaceholder="Search options...";layout="list";columns=2;searchQuery="";handleSearch=e=>{this.searchQuery=e.target.value.toLowerCase()};getFilteredOptions(){if(!this.options||0===this.options.length)return[];const e=this.options.map((e=>"string"==typeof e?{label:e,value:e,disabled:!1}:e));return this.searchQuery?e.filter((e=>e.label.toLowerCase().includes(this.searchQuery))):e}renderSearch(){return this.searchable?r("div",{class:{"checkbox-search":!0,"search-active":this.searchQuery.length>0}},r("div",{class:"search-input-wrapper"},r("ui-icon",{name:"search",library:"lucide",class:"search-icon"}),r("input",{type:"text",placeholder:this.searchPlaceholder,onInput:this.handleSearch,value:this.searchQuery,class:"search-input"}),this.searchQuery.length>0&&r("ui-button",{variant:"ghost",class:"clear-search",onClick:()=>{this.searchQuery=""},icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))):null}renderDataOptions(){const e=this.getFilteredOptions();if(0===e.length&&this.searchQuery)return r("div",{class:"no-results"},"No options found");const t=this.normalizeValue(this.value);return e.map(((e,i)=>r("ui-checkbox",{value:e.value,label:e.label,disabled:this.disabled||e.disabled,readonly:this.readonly,size:this.size,color:this.color,variant:e.variant||"default",name:this.name,checked:t.includes(e.value),reveal:this.reveal,revealDelay:this.revealDelay+i*this.revealStagger,rtl:this.rtl,isButton:this.buttonGroup,onCheckboxChange:this.handleCheckboxChange})))}render(){const e=this.options&&this.options.length>0;return r("div",{key:"05a2da58c9dd7f3438076d3beb725f3596545cb6",class:{"checkbox-group":!0,["checkbox-group-"+this.orientation]:"list"===this.layout,"checkbox-group-grid":"grid"===this.layout,["checkbox-group-cols-"+this.columns]:"grid"===this.layout,["checkbox-group-"+this.size]:!0,"checkbox-group-disabled":this.disabled,"checkbox-group-readonly":this.readonly,"checkbox-group-invalid":this.invalid,"checkbox-group-button":this.buttonGroup,"is-victory":this.isVictory},dir:this.rtl?"rtl":"ltr"},this.renderLabel(),this.renderSearch(),this.renderSelectAll(),r("div",{key:"0a64f5ff1b6474c771059e6d856b42a48641d5a1",class:"checkbox-group-items",style:"grid"===this.layout?{display:"grid",gridTemplateColumns:`repeat(${this.columns}, 1fr)`,gap:this.gap}:{gap:this.gap},role:"group","aria-labelledby":this.label?"group-label":void 0,"aria-required":this.required?"true":"false","aria-invalid":this.invalid?"true":"false"},e?this.renderDataOptions():r("slot",null)),this.renderHelperText())}static get formAssociated(){return!0}static get watchers(){return{value:[{handleValueChange:0}]}}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block}.checkbox-group{display:flex;flex-direction:column;gap:12px}.checkbox-group.is-victory .group-label .selection-count{animation:victory-pulse 2s infinite ease-in-out;background:var(--primary-color);color:var(--text-standard, #ffffff);box-shadow:0 0 15px var(--primary-color)}.group-label{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:700;color:var(--label-color, var(--text-primary, #333));margin-bottom:8px;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;cursor:default}.group-label .selection-count{font-size:10px;font-weight:600;text-transform:none;letter-spacing:normal;opacity:1;color:var(--label-subtitle-color, var(--text-secondary, #666));background:var(--bg-secondary, #f3f4f6);padding:2px 8px;border-radius:10px}.required-indicator{color:var(--danger-color, #f44336);margin-inline-start:4px}.select-all-container{padding-bottom:8px;border-bottom:1px solid var(--border-color, #e0e0e0)}.checkbox-group-items{display:flex}.checkbox-group-vertical .checkbox-group-items{flex-direction:column}.checkbox-group-horizontal .checkbox-group-items{flex-direction:row;flex-wrap:wrap}.checkbox-group-disabled{opacity:0.6;pointer-events:none}.checkbox-group-readonly{pointer-events:none}.checkbox-group-invalid .group-label{color:var(--danger-color, #f44336)}.helper-text{font-size:12px;color:var(--label-subtitle-color, var(--text-secondary, #666));display:flex;align-items:center;gap:6px}.helper-text.error{color:var(--danger-color, #f44336)}.helper-text i{font-size:14px}.checkbox-group-sm .group-label{font-size:12px}.checkbox-group-sm .helper-text{font-size:11px}.checkbox-group-lg .group-label{font-size:16px}.checkbox-group-lg .helper-text{font-size:13px}.checkbox-search{position:relative;margin-bottom:4px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.checkbox-search .search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(var(--primary-rgb, 139, 92, 246), 0.03);border:1px solid rgba(0, 0, 0, 0.05);border-radius:12px;padding:2px 4px;transition:all 0.3s}.checkbox-search .search-input-wrapper:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), 0.15);transform:translateY(-1px)}.checkbox-search .search-icon{margin-left:12px;opacity:0.4;font-size:16px;color:var(--primary-color)}.checkbox-search input.search-input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);outline:none}.checkbox-search input.search-input::placeholder{opacity:1}.checkbox-search .clear-search{background:rgba(0, 0, 0, 0.05);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-right:6px;color:var(--text-secondary);transition:all 0.2s}.checkbox-search .clear-search:hover{background:rgba(0, 0, 0, 0.1);color:var(--text-primary);transform:scale(1.1)}.checkbox-search .clear-search ui-icon{font-size:14px}@keyframes victory-pulse{0%{transform:scale(1);box-shadow:0 0 0px var(--primary-color)}50%{transform:scale(1.05);box-shadow:0 0 15px var(--primary-color)}100%{transform:scale(1);box-shadow:0 0 0px var(--primary-color)}}.no-results{font-size:14px;color:var(--text-secondary, #999);padding:8px 0;font-style:italic}.checkbox-group-grid .checkbox-group-items{display:grid}"}},[833,"ui-checkbox-group",{value:[1040],name:[1],label:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],required:[4],disabled:[4],readonly:[4],invalid:[4],orientation:[1],gap:[1],showSelectAll:[4,"show-select-all"],selectAllLabel:[1,"select-all-label"],buttonGroup:[4,"button-group"],min:[2],max:[2],validateOnChange:[4,"validate-on-change"],size:[1],color:[1],showSelectionCount:[4,"show-selection-count"],reveal:[1],revealDelay:[2,"reveal-delay"],revealStagger:[2,"reveal-stagger"],victoryGlow:[4,"victory-glow"],rtl:[4],options:[16],searchable:[4],searchPlaceholder:[1,"search-placeholder"],layout:[1],columns:[2],selectAllState:[32],isVictory:[32],searchQuery:[32]},[[0,"checkboxChange","handleCheckboxChange"]],{value:[{handleValueChange:0}]}]),n=h,p=function(){"undefined"!=typeof customElements&&["ui-checkbox-group","ui-badge","ui-button","ui-checkbox","ui-icon"].forEach((e=>{switch(e){case"ui-checkbox-group":customElements.get(s(e))||customElements.define(s(e),h);break;case"ui-badge":customElements.get(s(e))||a();break;case"ui-button":customElements.get(s(e))||o();break;case"ui-checkbox":customElements.get(s(e))||l();break;case"ui-icon":customElements.get(s(e))||c()}}))};export{n as UiCheckboxGroup,p as defineCustomElement}

package/dist/components/ui-color-controller.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiColorController extends Components.UiColorController, HTMLElement {}
-export const UiColorController: {
-    prototype: UiColorController;
-    new (): UiColorController;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-color-controller.js

@@ -1 +0,0 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as a,h as c,Host as i,transformTag as r}from"@stencil/core/internal/client";import{d as l,a as s}from"./badge.js";import{d as n}from"./icon.js";import{d as o}from"./input.js";const p=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.colorChange=a(this,"colorChange",7)}value="#10b981";label="";colorChange;r=16;g=185;b=129;h=159;s=91;v=73;hex="10B981";handleValueUpdate(t){this.updateAllFromHex(t)}componentWillLoad(){this.updateAllFromHex(this.value)}updateAllFromHex(t){if(!t)return;const e=t.startsWith("#")?t.slice(1):t;this.hex=e.toUpperCase();const a=parseInt(e,16);this.r=a>>16&255,this.g=a>>8&255,this.b=255&a;const c=this.r/255,i=this.g/255,r=this.b/255,l=Math.max(c,i,r),s=l-Math.min(c,i,r);let n=0;0===s?n=0:l===c?n=(i-r)/s%6:l===i?n=(r-c)/s+2:l===r&&(n=(c-i)/s+4),n=Math.round(60*n),n<0&&(n+=360);const o=0===l?0:s/l,p=l;this.h=n,this.s=Math.round(100*o),this.v=Math.round(100*p)}emitChange(){this.value="#"+this.hex,this.colorChange.emit(this.value)}handleHexInput=t=>{const e=t.detail.value||"";6!==e.length&&3!==e.length||/^[0-9A-Fa-f]+$/.test(e)&&(this.hex=e.toUpperCase(),this.updateAllFromHex(this.hex),this.emitChange())};handleRgbChange(t,e){isNaN(e)||(this[t]=Math.max(0,Math.min(255,e)),this.hex=((1<<24)+(this.r<<16)+(this.g<<8)+this.b).toString(16).slice(1).toUpperCase(),this.updateAllFromHex(this.hex),this.emitChange())}handleHsvChange(t,e){if(isNaN(e))return;"h"===t&&(this.h=Math.max(0,Math.min(360,e))),"s"===t&&(this.s=Math.max(0,Math.min(100,e))),"v"===t&&(this.v=Math.max(0,Math.min(100,e)));const a=this.h,c=this.v/100,i=c*(this.s/100),r=i*(1-Math.abs(a/60%2-1)),l=c-i;let s=0,n=0,o=0;a<60?(s=i,n=r,o=0):a<120?(s=r,n=i,o=0):a<180?(s=0,n=i,o=r):a<240?(s=0,n=r,o=i):a<300?(s=r,n=0,o=i):(s=i,n=0,o=r),this.r=Math.round(255*(s+l)),this.g=Math.round(255*(n+l)),this.b=Math.round(255*(o+l)),this.hex=((1<<24)+(this.r<<16)+(this.g<<8)+this.b).toString(16).slice(1).toUpperCase(),this.emitChange()}render(){return c(i,{key:"b3bf272d34509127138914724e36b188edd43d6e"},this.label&&c("div",{key:"36ebf9de294642b1d67135b6c8c452fb47c612e6",class:"col-ctrl-label"},this.label),c("div",{key:"59133d3793607ff7168906dbddd0e7e40c7244a9",class:"col-ctrl-grid"},c("div",{key:"44b1a8ae8bbc3faaf5c9b009eab5580297761c2d",class:"col-ctrl-row"},c("span",{key:"d5fe3fe12e6a116569b2939a0d63f8ff5599184f",class:"col-ctrl-key"},"H"),c("div",{key:"69bb7842109760c51e1122963cb56f0eba8454a0",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"f6a133615ab877293398de65f3b0004c0234f161",class:"col-ctrl-input",type:"number",value:this.h,onInputChange:t=>this.handleHsvChange("h",parseInt(t.detail)),variant:"plain"}),c("span",{key:"e00ac8771d5c0f6a08d93fd3f1c1b85b6014edca",class:"col-ctrl-unit"},"°"))),c("div",{key:"2fd071bc5741f47cbf40b6664332c6f63e684091",class:"col-ctrl-row"},c("span",{key:"375c1767c1631f1f5aa0095606c9e50b350443f2",class:"col-ctrl-key"},"S"),c("div",{key:"3c41e3f98fc37ab7a2af5f3a57dfa7bb05427744",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"3f2a4a152681231156b1b82091fd08b78d6cba2f",class:"col-ctrl-input",type:"number",value:this.s,onInputChange:t=>this.handleHsvChange("s",parseInt(t.detail)),variant:"plain"}),c("span",{key:"3c33faf1a4ffe99ebe5cde064c024034b691ad1f",class:"col-ctrl-unit"},"%"))),c("div",{key:"2e49ebd592ade20e0e7660b10416b656312347e0",class:"col-ctrl-row",style:{marginBottom:"12px"}},c("span",{key:"874e0da90ed96b03c7955ac6650c75b039ea886a",class:"col-ctrl-key"},"V"),c("div",{key:"7ef1fd0da2ea55c460643e464a0a06bd4ae2d280",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"11cb688038ce67cee9c29b091498b7967674b7fa",class:"col-ctrl-input",type:"number",value:this.v,onInputChange:t=>this.handleHsvChange("v",parseInt(t.detail)),variant:"plain"}),c("span",{key:"09449462dbba86a0fd33b862f42590209218b9e2",class:"col-ctrl-unit"},"%"))),c("div",{key:"c16ecc86f52bbb01edea970400c2128d86384a70",class:"col-ctrl-row"},c("span",{key:"53fa2cd839dc048567e3aed4fe6ce766d7005577",class:"col-ctrl-key"},"R"),c("div",{key:"bcf8bf7833c0dc0030d99b28af56b0bc430fd708",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"a498ca548a2529505bae7161659f50b4e5641678",class:"col-ctrl-input",type:"number",value:this.r,onInputChange:t=>this.handleRgbChange("r",parseInt(t.detail)),variant:"plain"}))),c("div",{key:"516aff05554aad71cc012a9905dad96d5e03b91e",class:"col-ctrl-row"},c("span",{key:"2c234e6e2f2111724cf603a76303a965b2277c17",class:"col-ctrl-key"},"G"),c("div",{key:"85339e47bcd95bf20f6e7ae42ac5d29739e8d05a",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"d705b336aaceb110e92a9a63c000bfc19c9bdb17",class:"col-ctrl-input",type:"number",value:this.g,onInputChange:t=>this.handleRgbChange("g",parseInt(t.detail)),variant:"plain"}))),c("div",{key:"033523f4276729ee119fe4ad793e02850c288831",class:"col-ctrl-row",style:{marginBottom:"12px"}},c("span",{key:"66fd8bdd0d2dd540fb591d02ebc3240913477b52",class:"col-ctrl-key"},"B"),c("div",{key:"1cfa29786007a7c1292817b914cb573f0a69f1b8",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"b6c51663d914adb081819c23fb8e7915be7b50cb",class:"col-ctrl-input",type:"number",value:this.b,onInputChange:t=>this.handleRgbChange("b",parseInt(t.detail)),variant:"plain"}))),c("div",{key:"4c43173acd72a63dcb2e3ea5759d05bceebd6087",class:"col-ctrl-row hex-row"},c("span",{key:"3d742b9ca0c5956498a6787171a22fbdb0e87a12",class:"col-ctrl-key"},"#"),c("div",{key:"294d48fc7bb69c9dda1a36788b6e712725fda674",class:"col-ctrl-input-wrapper hex-wrapper"},c("ui-input",{key:"051e90c5e2814ba7a5ae6cb542e379f343cf29ea",class:"col-ctrl-input hex-input",value:this.hex,onInputChange:t=>this.handleHexInput({detail:{value:t.detail}}),variant:"plain"})))))}static get watchers(){return{value:[{handleValueUpdate:0}]}}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;font-family:inherit;width:100%;max-width:2a0px}.col-ctrl-label{font-size:13px;font-weight:700;color:var(--color-primary, #6366f1);margin-bottom:12px;text-transform:uppercase;letter-spacing:0.05em}.col-ctrl-grid{display:flex;flex-direction:column;gap:6px}.col-ctrl-row{display:flex;align-items:center;gap:8px}.col-ctrl-key{flex:0 0 20px;font-size:12px;font-weight:500;color:var(--text-secondary, #4b5563)}.col-ctrl-input-wrapper{flex:1;display:flex;align-items:center;border:1px solid var(--border-default, #e5e7eb);border-radius:4px;background:var(--bg-primary, #ffffff);padding:2px 6px;transition:all 0.2s}.col-ctrl-input-wrapper:focus-within{border-color:var(--color-primary, #6366f1);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 99, 102, 241), 0.1)}.col-ctrl-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;padding:4px;width:100%;color:var(--text-primary, #111827);font-family:monospace;text-align:right}.col-ctrl-input::-webkit-outer-spin-button,.col-ctrl-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.hex-row .col-ctrl-key{font-family:monospace;font-weight:700}.col-ctrl-unit{font-size:12px;color:var(--text-muted, #9ca3af);margin-left:4px;min-width:12px}.hex-input{text-align:left;letter-spacing:0.05em;font-weight:600}"}},[513,"ui-color-controller",{value:[1025],label:[1],r:[32],g:[32],b:[32],h:[32],s:[32],v:[32],hex:[32]},void 0,{value:[{handleValueUpdate:0}]}]),d=p,b=function(){"undefined"!=typeof customElements&&["ui-color-controller","ui-badge","ui-button","ui-icon","ui-input"].forEach((t=>{switch(t){case"ui-color-controller":customElements.get(r(t))||customElements.define(r(t),p);break;case"ui-badge":customElements.get(r(t))||s();break;case"ui-button":customElements.get(r(t))||l();break;case"ui-icon":customElements.get(r(t))||n();break;case"ui-input":customElements.get(r(t))||o()}}))};export{d as UiColorController,b as defineCustomElement}

package/dist/components/ui-image-button.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiImageButton extends Components.UiImageButton, HTMLElement {}
-export const UiImageButton: {
-    prototype: UiImageButton;
-    new (): UiImageButton;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-image-button.js

@@ -1 +0,0 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as a,Host as o,transformTag as n}from"@stencil/core/internal/client";import{d as s}from"./icon.js";const r=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.uiClick=i(this,"uiClick",7)}src;alt="";label;description;effect="zoom";ratio="square";labelMode="hover";size="md";disabled=!1;loading=!1;a11yLabel;isFocused=!1;uiClick;handleClick=t=>{if(this.disabled||this.loading)return t.preventDefault(),void t.stopPropagation();this.uiClick.emit()};handleKeyDown=t=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.handleClick(t))};render(){return a(o,{key:"9f62fc59b4656078cbddd73750e41d03a0f3d2ca"},a("div",{key:"d6f464e2f65dd0eb5dd40892179432473b3836fe",class:{"image-button":!0,["image-button-"+this.size]:!0,["image-button-ratio-"+this.ratio]:!0,["image-button-effect-"+this.effect]:!0,["label-mode-"+this.labelMode]:!0,"is-disabled":this.disabled,"is-loading":this.loading,"is-focused":this.isFocused},role:"button",tabindex:this.disabled||this.loading?-1:0,"aria-label":this.a11yLabel||this.label||this.alt||"Image Button","aria-disabled":this.disabled?"true":"false","aria-busy":this.loading?"true":"false",onClick:this.handleClick,onKeyDown:this.handleKeyDown,onFocus:()=>this.isFocused=!0,onBlur:()=>this.isFocused=!1},this.src?a("img",{class:"button-image",src:this.src,alt:this.alt,loading:"lazy"}):a("div",{class:"image-placeholder"},a("ui-icon",{name:"image",library:"fontawesome",size:"24px"})),(this.label||this.description)&&a("div",{key:"4f8ce2e322361f645f29bf9c4f48f4c9b151f075",class:"button-overlay"},a("div",{key:"f3e15b029509d4ed27bef5c03d75d3bd934f190b",class:"overlay-content"},this.label&&a("div",{key:"aac7cac7d8e07014a927acd9f572f7dac2688e3d",class:"button-label"},this.label),this.description&&a("div",{key:"1607a06a9fcde90277be03130548d974bf7c6b5c",class:"button-desc"},this.description))),this.loading&&a("div",{key:"9c9f38dbeb6b77fb2d8eed4ab641498aa5030bf7",class:"loading-overlay"},a("ui-icon",{key:"2bc1e06c7a61a4e7752686d489ea2c092550d2b4",name:"spinner",library:"fontawesome",spin:!0,size:"24px"}))))}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:inline-block;vertical-align:middle;transition:transform 0.2s ease}.image-button{position:relative;overflow:hidden;border-radius:12px;cursor:pointer;background:#f3f4f6;width:100%;height:100%;display:flex;align-items:center;justify-content:center;outline:none}.image-button,.image-button *{transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}.image-button-sm{width:120px}.image-button-md{width:240px}.image-button-lg{width:360px}.image-button-xl{width:480px}.image-button-ratio-square{aspect-ratio:1/1}.image-button-ratio-video{aspect-ratio:16/9}.image-button-ratio-portrait{aspect-ratio:3/4}.image-button-ratio-auto{height:auto}.image-button .button-image{width:100%;height:100%;object-fit:cover;display:block}.image-button .image-placeholder{color:#9ca3af}.image-button .button-overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 60%);display:flex;align-items:flex-end;padding:1.25rem;color:white}.image-button .overlay-content{display:flex;flex-direction:column;gap:4px}.image-button .button-label{font-weight:700;font-size:1.1rem;line-height:1.2;letter-spacing:-0.01em}.image-button .button-desc{font-size:0.85rem;opacity:0.8}.image-button-effect-zoom:hover .button-image{transform:scale(1.1)}.image-button-effect-lift:hover,.image-button-effect-lift.is-focused{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)}.image-button-effect-brighten:hover .button-image{filter:brightness(1.2)}.image-button.label-mode-hover .button-overlay{opacity:0;transform:translateY(10px)}.image-button.label-mode-hover:hover .button-overlay{opacity:1;transform:translateY(0)}.image-button.is-disabled{cursor:not-allowed;opacity:0.6;filter:grayscale(1)}.image-button.is-disabled:hover{transform:none;box-shadow:none}.image-button.is-loading{cursor:wait}.image-button.is-loading .loading-overlay{position:absolute;inset:0;background:rgba(255, 255, 255, 0.7);display:flex;align-items:center;justify-content:center;color:#10b981;z-index:10}.image-button.is-focused{box-shadow:0 0 0 2px var(--bg-primary, #ffffff), 0 0 0 5px var(--color-primary, #10b981);z-index:10}@media (max-width: 640px){.image-button{width:100% !important}}"}},[513,"ui-image-button",{src:[1],alt:[1],label:[1],description:[1],effect:[1],ratio:[1],labelMode:[1,"label-mode"],size:[1],disabled:[4],loading:[4],a11yLabel:[1,"a-1-1y-label"],isFocused:[32]}]),l=r,d=function(){"undefined"!=typeof customElements&&["ui-image-button","ui-icon"].forEach((t=>{switch(t){case"ui-image-button":customElements.get(n(t))||customElements.define(n(t),r);break;case"ui-icon":customElements.get(n(t))||s()}}))};export{l as UiImageButton,d as defineCustomElement}

package/dist/components/ui-input-pair.js

@@ -1 +0,0 @@
-import{proxyCustomElement as t,HTMLElement as i,h as e,Host as a,transformTag as r}from"@stencil/core/internal/client";import{d as n,a as o}from"./badge.js";import{d as l}from"./icon.js";import{d as p}from"./input.js";const s=t(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}labelLeft="";labelRight="";label;valueLeft="";valueRight="";placeholderLeft="";placeholderRight="";type="text";variant="outlined";size="md";gap="0";fullWidth=!1;render(){return e(a,{key:"fdf7f4502e0ae69ee732870df215948f6dd343d4",class:{"full-width":this.fullWidth}},this.label&&e("div",{key:"fab76ee80e86ffb845930a8b2ce26d210da9e72c",class:"pair-main-label"},this.label),e("div",{key:"cb95a4fda33d88723248c58d57e526f9ab7fc1c6",class:{"pair-container":!0,"is-connected":"0"===this.gap},style:{gap:"0"!==this.gap?this.gap:void 0}},e("div",{key:"562af03d33b4c7ec4f55ffa805dbbda5fa0e2c95",class:"input-item left"},e("ui-input",{key:"c75ac1faec6b8b0903d578064ba60529a923d4eb",label:this.labelLeft,placeholder:this.placeholderLeft,value:this.valueLeft,type:this.type,variant:this.variant,size:this.size,"full-width":!0})),e("div",{key:"2740efa73d5758bf88c58f2853cba1da3f43a420",class:"input-item right"},e("ui-input",{key:"4e110393af0e26ace0de9a68f12a9cb54b90d935",label:this.labelRight,placeholder:this.placeholderRight,value:this.valueRight,type:this.type,variant:this.variant,size:this.size,"full-width":!0}))))}static get style(){return".sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:auto;min-width:0;--pair-radius:10px}:host.full-width{width:100%}.pair-main-label{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-secondary, #64748b));margin-bottom:8px}.pair-container{display:flex;align-items:flex-end;width:100%}.pair-container .input-item{flex:1;min-width:0}.pair-container{}.pair-container .input-item.left ui-input::part(container),.pair-container .input-item.right ui-input::part(container){border-radius:var(--pair-radius);border-width:1.5px}.pair-container.is-connected .input-item.left ui-input::part(container){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0.75px}.pair-container.is-connected .input-item.right ui-input::part(container){border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0.75px}"}},[513,"ui-input-pair",{labelLeft:[1,"label-left"],labelRight:[1,"label-right"],label:[1],valueLeft:[1,"value-left"],valueRight:[1,"value-right"],placeholderLeft:[1,"placeholder-left"],placeholderRight:[1,"placeholder-right"],type:[1],variant:[1],size:[1],gap:[1],fullWidth:[4,"full-width"]}]),d=s,c=function(){"undefined"!=typeof customElements&&["ui-input-pair","ui-badge","ui-button","ui-icon","ui-input"].forEach((t=>{switch(t){case"ui-input-pair":customElements.get(r(t))||customElements.define(r(t),s);break;case"ui-badge":customElements.get(r(t))||o();break;case"ui-button":customElements.get(r(t))||n();break;case"ui-icon":customElements.get(r(t))||l();break;case"ui-input":customElements.get(r(t))||p()}}))};export{d as UiInputPair,c as defineCustomElement}

package/dist/components/ui-radio-group.js

@@ -1 +0,0 @@
-import{proxyCustomElement as i,HTMLElement as r,createEvent as t,h as e,transformTag as a}from"@stencil/core/internal/client";import{d as o,a as s}from"./badge.js";import{d as l}from"./icon.js";import{d as n}from"./input.js";import{d}from"./radio.js";const p=i(class extends r{internals;get el(){return this}value="";name="";disabled=!1;readonly=!1;required=!1;invalid=!1;label="";helperText="";errorMessage="";layout="vertical";columns=2;gap="16px";size="md";color="primary";options=[];labelPosition="right";enableAnimation=!0;rippleEffect=!0;buttonGroup=!1;variant="default";skeleton=!1;allowEmpty=!1;showDot=!0;reveal="none";revealDelay=0;revealStagger=60;searchable=!1;searchPlaceholder="Search items...";rtl=!1;radios=[];searchQuery="";radioGroupChange;constructor(i){super(),!1!==i&&this.__registerHost(),this.__attachShadow(),this.radioGroupChange=t(this,"radioGroupChange",7),this.internals=this.el.attachInternals()}componentWillLoad(){this.updateOptions(),this.internals.setFormValue(this.value)}componentDidLoad(){this.syncRadios()}componentDidUpdate(){this.syncRadios()}watchValue(){this.syncRadios()}updateOptions(){let i=[];if("string"==typeof this.options)try{i=JSON.parse(this.options)}catch{console.error("Invalid options JSON"),i=[]}else Array.isArray(this.options)&&(i=[...this.options]);JSON.stringify(this.radios)!==JSON.stringify(i)&&(this.radios=i)}handleRadioClick(i){if(!this.allowEmpty)return;const r=i.target.closest("ui-radio")||i.composedPath&&i.composedPath().find((i=>"UI-RADIO"===i.tagName));!r||r.disabled||this.disabled||r.value===this.value&&(i.preventDefault(),i.stopPropagation(),this.value="",this.radioGroupChange.emit({value:""}))}handleRadioChange(i){const{checked:r,value:t}=i.detail;r&&(this.value=t,this.internals.setFormValue(t),this.updateValidity(),this.radioGroupChange.emit({value:t}))}updateValidity(){this.required&&!this.value?this.internals.setValidity({valueMissing:!0},"Please select an option.",this.el):this.internals.setValidity({})}async checkValidity(){return this.internals.checkValidity()}async reportValidity(){return this.internals.reportValidity()}getRadios(){return[...Array.from(this.el.shadowRoot.querySelectorAll("ui-radio")),...Array.from(this.el.querySelectorAll("ui-radio"))]}syncRadios(){this.getRadios().forEach(((i,r)=>{i.checked=i.value===this.value,i.isButton=this.buttonGroup,i.variant=this.variant,i.skeleton=this.skeleton,i.name=this.name,i.reveal=this.reveal,i.revealDelay=this.revealDelay+r*this.revealStagger,i.rtl=this.rtl}))}renderLabel(){return this.label?e("div",{class:"radio-group-label"},this.label,this.required&&e("span",{class:"required-indicator"},"*")):null}renderSearch(){return this.searchable?e("div",{class:{"radio-search":!0,"search-active":this.searchQuery.length>0}},e("div",{class:"search-input-wrapper"},e("ui-icon",{name:"search",library:"lucide",class:"search-icon"}),e("ui-input",{type:"text",placeholder:this.searchPlaceholder,onInputChange:i=>{this.searchQuery=i.detail.toLowerCase()},value:this.searchQuery,size:"sm",fullWidth:!0}),this.searchQuery.length>0&&e("ui-button",{variant:"ghost",class:"clear-search",onClick:()=>{this.searchQuery=""},ariaLabel:"Clear search",icon:"x",iconLibrary:"lucide",iconOnly:!0,size:"sm"}))):null}render(){const i=Array.isArray(this.radios)?this.radios.filter((i=>!this.searchQuery||i.label.toLowerCase().includes(this.searchQuery))):[],r={"radio-group":!0,["radio-group-"+this.layout]:!0,"radio-group-disabled":this.disabled,"radio-group-invalid":this.invalid,"radio-group-button":this.buttonGroup,["radio-group-variant-"+this.variant]:!0,"radio-group-skeleton":this.skeleton},t={"radio-list":!0,["radio-list-"+this.layout]:!0},a={..."grid"===this.layout?{"grid-template-columns":`repeat(${this.columns}, 1fr)`}:{},gap:this.gap};return e("div",{key:"8f4bf0db359a75ef98dfb5719adbd6b70fea3c38",class:r,role:"radiogroup","aria-label":this.label,dir:this.rtl?"rtl":"ltr"},this.renderLabel(),this.renderSearch(),e("div",{key:"6eb5c03abf60138dd6b20b7830fdc80310729bf8",class:t,style:a},e("slot",{key:"bdc217a91c554f749634d0b9ba2965b1f626ee27"}),0===i.length&&this.searchQuery&&e("div",{key:"f7dd1dc1cda443e0877a64c5e04cba402f905c6f",class:"no-results"},"No matches found"),i.map(((i,r)=>e("ui-radio",{value:i.value,label:i.label,description:i.description,badge:i.badge,tooltip:i.tooltip,"tooltip-position":i.tooltipPosition,name:this.name,checked:this.value===i.value,disabled:this.disabled||i.disabled,readonly:this.readonly,invalid:this.invalid,size:this.size,color:this.color,"label-position":this.labelPosition,"show-dot":this.showDot,"enable-animation":this.enableAnimation,"ripple-effect":this.rippleEffect,"is-button":this.buttonGroup,variant:this.variant,skeleton:this.skeleton,reveal:this.reveal,"reveal-delay":this.revealDelay+r*this.revealStagger,rtl:this.rtl})))),this.renderHelperText())}renderHelperText(){return this.invalid&&this.errorMessage?e("div",{class:"helper-text error"},e("ui-icon",{library:"lucide",name:"alert-circle",size:"14px"}),this.errorMessage):this.helperText?e("div",{class:"helper-text"},this.helperText):null}static get formAssociated(){return!0}static get watchers(){return{value:[{watchValue:0}],options:[{updateOptions:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.radio-group{display:flex;flex-direction:column;gap:12px;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}.radio-group-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;opacity:0.65;color:var(--label-color, var(--text-primary));margin-bottom:8px}.radio-search{position:relative;margin-bottom:8px;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.radio-search .search-input-wrapper{position:relative;display:flex;align-items:center;background:rgba(var(--primary-rgb, 139, 92, 246), 0.03);border:1px solid rgba(0, 0, 0, 0.05);border-radius:12px;padding:2px 4px;transition:all 0.3s}.radio-search .search-input-wrapper:focus-within{background:var(--bg-primary, #ffffff);border-color:var(--primary-color);box-shadow:0 4px 12px rgba(var(--primary-rgb), 0.15);transform:translateY(-1px)}.radio-search .search-icon{margin-inline-start:12px;opacity:0.4;font-size:16px;color:var(--primary-color)}.radio-search input.search-input{flex:1;border:none;background:transparent;padding:10px 12px;font-size:13px;font-weight:500;color:var(--text-primary);outline:none}.radio-search input.search-input::placeholder{opacity:0.5}.radio-search .clear-search{background:rgba(0, 0, 0, 0.05);border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;margin-inline-end:6px;color:var(--text-secondary);transition:all 0.2s}.radio-search .clear-search:hover{background:rgba(0, 0, 0, 0.1);color:var(--text-primary);transform:scale(1.1)}.radio-search .clear-search ui-icon{font-size:14px}.no-results{font-size:13px;color:var(--text-secondary);padding:12px 0;font-style:italic;opacity:0.7}.required-indicator{color:var(--color-danger-hover, #dc2626);margin-inline-start:4px}.radio-list{display:flex}.radio-list-vertical{flex-direction:column}.radio-list-horizontal{flex-direction:row;flex-wrap:wrap}.radio-list-grid{display:grid}.radio-group-button .radio-list{gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--border-subtle, #e2e8f0);width:fit-content}.radio-group-button ui-radio:not(:first-child){margin-inline-start:-1px}.radio-group-button ui-radio{display:flex;flex:1}.radio-group-button .radio-list-vertical{flex-direction:column;width:100%}.radio-group-button .radio-list-vertical ui-radio:not(:first-child){margin-inline-start:0;margin-top:-1px}.radio-group-button .radio-list-vertical ui-radio:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.radio-group-button .radio-list-vertical ui-radio:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px}.radio-group-button .radio-list-horizontal ui-radio:first-child{border-top-left-radius:10px;border-bottom-left-radius:10px}.radio-group-button .radio-list-horizontal ui-radio:last-child{border-top-right-radius:10px;border-bottom-right-radius:10px}.radio-group-skeleton .radio-group-label{background:var(--bg-primary, #e5e7eb);color:transparent;border-radius:4px;width:150px}.helper-text{font-size:0.875rem;color:var(--label-subtitle-color, var(--text-muted, #6b7280));display:flex;align-items:center;gap:4px;margin-top:4px}.helper-text.error{color:var(--color-danger-hover, #dc2626)}.radio-group-disabled{opacity:0.6;pointer-events:none}.radio-group-invalid .radio-group-label{color:var(--color-danger-hover, #dc2626)}'}},[833,"ui-radio-group",{value:[1025],name:[1],disabled:[4],readonly:[4],required:[4],invalid:[4],label:[1],helperText:[1,"helper-text"],errorMessage:[1,"error-message"],layout:[1],columns:[2],gap:[1],size:[1],color:[1],options:[1],labelPosition:[1,"label-position"],enableAnimation:[4,"enable-animation"],rippleEffect:[4,"ripple-effect"],buttonGroup:[4,"button-group"],variant:[1],skeleton:[4],allowEmpty:[4,"allow-empty"],showDot:[4,"show-dot"],reveal:[1],revealDelay:[2,"reveal-delay"],revealStagger:[2,"reveal-stagger"],searchable:[4],searchPlaceholder:[1,"search-placeholder"],rtl:[4],radios:[32],searchQuery:[32],checkValidity:[64],reportValidity:[64]},[[2,"click","handleRadioClick"],[0,"radioChange","handleRadioChange"]],{value:[{watchValue:0}],options:[{updateOptions:0}]}]),c=p,h=function(){"undefined"!=typeof customElements&&["ui-radio-group","ui-badge","ui-button","ui-icon","ui-input","ui-radio"].forEach((i=>{switch(i){case"ui-radio-group":customElements.get(a(i))||customElements.define(a(i),p);break;case"ui-badge":customElements.get(a(i))||s();break;case"ui-button":customElements.get(a(i))||o();break;case"ui-icon":customElements.get(a(i))||l();break;case"ui-input":customElements.get(a(i))||n();break;case"ui-radio":customElements.get(a(i))||d()}}))};export{c as UiRadioGroup,h as defineCustomElement}

package/dist/components/ui-smart-location-dropdown.d.ts

@@ -1,11 +0,0 @@
-import type { Components, JSX } from "../types/components";
-
-interface UiSmartLocationDropdown extends Components.UiSmartLocationDropdown, HTMLElement {}
-export const UiSmartLocationDropdown: {
-    prototype: UiSmartLocationDropdown;
-    new (): UiSmartLocationDropdown;
-};
-/**
- * Used to define this component and all nested components recursively.
- */
-export const defineCustomElement: () => void;

package/dist/components/ui-smart-location-dropdown.js

@@ -1 +0,0 @@
-import{proxyCustomElement as t,HTMLElement as e,createEvent as i,h as s,transformTag as o}from"@stencil/core/internal/client";import{c as a}from"./dom.js";import{d as r,a as n}from"./badge.js";import{d as c}from"./icon.js";import{d as l}from"./input.js";const d=t(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.locationChange=i(this,"locationChange",7),this.locationSearch=i(this,"locationSearch",7),this.locationOpen=i(this,"locationOpen",7),this.locationClose=i(this,"locationClose",7),this.locationLoadError=i(this,"locationLoadError",7),this.locationCreate=i(this,"locationCreate",7)}get hostElement(){return this}options=[];value="";multiSelect=!1;placeholder="Select location";searchable=!0;searchPlaceholder="Search country, state, city, postal code...";disabled=!1;clearable=!0;maxHeight=360;debounceMs=250;maxSelections=0;resultLimit=250;showRecent=!0;showFavorites=!0;persistState=!0;storageKey="ui-smart-location-dropdown-state";showPath=!0;showTypeBadge=!0;allowCustomValue=!1;ignoreParentPosition=!0;portal=!1;loadLocations;remoteMinChars=2;isOpen=!1;parsedOptions=[];remoteOptions=[];selectedIds=new Set;searchQuery="";loading=!1;loadError="";highlightedIndex=-1;menuLeft=0;menuTop=0;menuWidth=0;dropdownPosition="bottom";recentIds=[];favoriteIds=[];locationChange;locationSearch;locationOpen;locationClose;locationLoadError;locationCreate;searchDebounceTimer;searchInputRef;menuElement;optionsRefs=[];rafId;isPortaled=!1;searchToken=0;watchOptions(t){this.parsedOptions=this.normalizeOptions(t)}watchValue(t){this.selectedIds=this.parseSelectedIds(t)}componentWillLoad(){this.parsedOptions=this.normalizeOptions(this.options),this.selectedIds=this.parseSelectedIds(this.value),this.restorePersistentState()}disconnectedCallback(){this.searchDebounceTimer&&clearTimeout(this.searchDebounceTimer),this.cleanupPortal(),this.rafId&&(cancelAnimationFrame(this.rafId),this.rafId=0)}handleOutsideClick(t){const e="function"==typeof t.composedPath?t.composedPath():[],i=e.includes(this.hostElement)||this.hostElement.contains(t.target),s=!!this.menuElement&&(e.includes(this.menuElement)||this.menuElement.contains(t.target));i||s||this.closeDropdown()}handleResize(){this.isOpen&&this.calculatePosition()}handleScroll(){this.isOpen&&this.calculatePosition()}normalizeOptions(t){const e="string"==typeof t?this.tryParse(t):t||[],i=[],s=(t,e,o,a=[])=>{t.forEach((t=>{if(null==t||null==t.id||!t.label)return;const r=t.id+"",n=t.type||this.inferType(e),c=[...a,t.label],l=[t.label,t.code||"",n,c.join(" "),(t.tags||[]).join(" ")].join(" ").toLowerCase();i.push({...t,idStr:r,parentIdStr:o,type:n,depth:e,pathLabels:c,searchText:l}),t.children&&t.children.length>0&&s(t.children,e+1,r,c)}))};return s(e,0),i}tryParse(t){if(!t)return[];try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch(t){return console.error("Invalid JSON for location options",t),[]}}inferType(t){return t<=0?"country":1===t?"state":2===t?"city":3===t?"district":"custom"}parseSelectedIds(t){return t?this.multiSelect?new Set(t.split(",").map((t=>t.trim())).filter(Boolean)):new Set([t]):new Set}get selectedOptions(){const t=new Map(this.getMergedOptions().map((t=>[t.idStr,t])));return Array.from(this.selectedIds).map((e=>t.get(e))).filter((t=>!!t))}getMergedOptions(){const t=[...this.parsedOptions],e=new Set(t.map((t=>t.idStr)));return this.remoteOptions.forEach((i=>{e.has(i.idStr)||t.push(i)})),t}get filteredOptions(){const t=this.getMergedOptions(),e=this.searchQuery.trim().toLowerCase();let i=e?t.filter((t=>t.searchText.includes(e))):t;if(!e){const t=this.favoriteIds.map((t=>i.find((e=>e.idStr===t)))).filter((t=>!!t)),e=this.recentIds.map((t=>i.find((e=>e.idStr===t&&!this.favoriteIds.includes(t))))).filter((t=>!!t)),s=new Set([...t.map((t=>t.idStr)),...e.map((t=>t.idStr))]),o=i.filter((t=>!s.has(t.idStr)));i=[...t,...e,...o]}return i.slice(0,this.resultLimit)}get typeLabelMap(){return{country:"Country",state:"State",province:"Province",city:"City",district:"District",postal:"Postal",custom:"Custom"}}toggleDropdown=()=>{this.disabled||(this.isOpen?this.closeDropdown():(this.isOpen=!0,this.locationOpen.emit(),this.highlightedIndex=this.filteredOptions.length>0?0:-1,this.schedulePositionUpdate(),this.searchable&&window.setTimeout((()=>this.searchInputRef?.focus()),25)))};closeDropdown=()=>{this.isOpen&&(this.isOpen=!1,this.locationClose.emit(),this.highlightedIndex=-1,this.searchQuery="",this.remoteOptions=[],this.loadError="",this.cleanupPortal())};schedulePositionUpdate(){this.rafId&&cancelAnimationFrame(this.rafId),this.rafId=requestAnimationFrame((()=>{this.calculatePosition(),this.rafId=0}))}calculatePosition(){if(!this.isOpen||!this.menuElement)return;const t=this.hostElement.shadowRoot?.querySelector(".location-trigger");if(!t)return;this.portal&&!this.isPortaled&&this.menuElement.parentElement!==document.body&&(document.body.appendChild(this.menuElement),this.isPortaled=!0);const e=a(t,{menuWidth:t.offsetWidth,menuHeight:this.maxHeight,gap:4,placement:"auto",useTransformedAncestorOffset:!this.ignoreParentPosition});this.menuLeft=e.left,this.menuTop=e.top,this.menuWidth=e.width,this.dropdownPosition=e.placement}cleanupPortal(){this.portal&&this.isPortaled&&this.menuElement&&this.menuElement.parentElement===document.body&&(this.hostElement.appendChild(this.menuElement),this.isPortaled=!1)}onSearchInput_Custom=t=>{this.searchQuery=t||"",this.searchDebounceTimer&&clearTimeout(this.searchDebounceTimer),this.searchDebounceTimer=window.setTimeout((()=>{this.runRemoteSearch(this.searchQuery),this.emitSearchEvent(),this.highlightedIndex=this.filteredOptions.length>0?0:-1}),this.debounceMs)};async runRemoteSearch(t){if(!this.loadLocations)return;if((t||"").trim().length<this.remoteMinChars)return this.remoteOptions=[],this.loading=!1,void(this.loadError="");const e=++this.searchToken;this.loading=!0,this.loadError="";try{const i=await this.loadLocations(t.trim());if(e!==this.searchToken)return;this.remoteOptions=this.normalizeOptions(i||[])}catch(i){if(e!==this.searchToken)return;const s=i instanceof Error?i.message:"Failed to load locations";this.remoteOptions=[],this.loadError=s,this.locationLoadError.emit({query:t,message:s})}finally{e===this.searchToken&&(this.loading=!1,this.emitSearchEvent())}}emitSearchEvent(){this.locationSearch.emit({query:this.searchQuery,localResults:this.parsedOptions.filter((t=>t.searchText.includes(this.searchQuery.toLowerCase()))).length,remoteResults:this.remoteOptions.length,loading:this.loading})}handleKeyDown=t=>{if(this.disabled)return;const e=this.filteredOptions;switch(t.key){case"Enter":case" ":return this.isOpen?this.highlightedIndex>=0&&e[this.highlightedIndex]?(t.preventDefault(),void this.selectOption(e[this.highlightedIndex],"select")):void(this.allowCustomValue&&this.searchQuery.trim()&&(t.preventDefault(),this.createCustomLocation(this.searchQuery.trim()))):(t.preventDefault(),void this.toggleDropdown());case"ArrowDown":return t.preventDefault(),void(this.isOpen?e.length>0&&(this.highlightedIndex=Math.min(e.length-1,this.highlightedIndex+1),this.scrollToHighlighted()):this.toggleDropdown());case"ArrowUp":return t.preventDefault(),void(this.isOpen&&e.length>0&&(this.highlightedIndex=Math.max(0,this.highlightedIndex-1),this.scrollToHighlighted()));case"Escape":return void(this.isOpen&&(t.preventDefault(),this.closeDropdown()));case"Backspace":if(this.multiSelect&&!this.searchQuery&&this.selectedIds.size>0){const t=Array.from(this.selectedIds).at(-1);t&&this.removeSelectedId(t,"remove")}return;default:return}};scrollToHighlighted(){const t=this.optionsRefs[this.highlightedIndex];t?.scrollIntoView({block:"nearest"})}selectOption(t,e){if(!t.disabled){if(this.multiSelect){const e=new Set(this.selectedIds);if(e.has(t.idStr))e.delete(t.idStr);else{if(this.maxSelections>0&&e.size>=this.maxSelections)return;e.add(t.idStr)}this.selectedIds=e}else this.selectedIds=new Set([t.idStr]),this.closeDropdown();this.touchRecent(t.idStr),this.syncValueAndEmit(e)}}removeSelectedId(t,e){if(!this.selectedIds.has(t))return;const i=new Set(this.selectedIds);i.delete(t),this.selectedIds=i,this.syncValueAndEmit(e)}clearSelection=t=>{t?.stopPropagation(),0!==this.selectedIds.size&&(this.selectedIds=new Set,this.syncValueAndEmit("clear"))};toggleFavorite=(t,e)=>{e.stopPropagation();const i=this.favoriteIds.includes(t);this.favoriteIds=i?this.favoriteIds.filter((e=>e!==t)):[t,...this.favoriteIds].slice(0,50),this.persistCurrentState()};touchRecent(t){this.recentIds=[t,...this.recentIds.filter((e=>e!==t))].slice(0,50),this.persistCurrentState()}persistCurrentState(){if(this.persistState&&"undefined"!=typeof localStorage)try{localStorage.setItem(this.storageKey,JSON.stringify({recentIds:this.recentIds,favoriteIds:this.favoriteIds}))}catch{}}restorePersistentState(){if(this.persistState&&"undefined"!=typeof localStorage)try{const t=localStorage.getItem(this.storageKey);if(!t)return;const e=JSON.parse(t);this.recentIds=Array.isArray(e?.recentIds)?e.recentIds.map((t=>t+"")).slice(0,50):[],this.favoriteIds=Array.isArray(e?.favoriteIds)?e.favoriteIds.map((t=>t+"")).slice(0,50):[]}catch{this.recentIds=[],this.favoriteIds=[]}}syncValueAndEmit(t){const e=Array.from(this.selectedIds);this.value=this.multiSelect?e.join(","):e[0]||"",this.locationChange.emit({value:this.value,selected:this.selectedOptions,trigger:t,query:this.searchQuery})}createCustomLocation(t){const e="custom:"+t.toLowerCase().replace(/\s+/g,"-"),i={id:e,label:t,type:"custom"};this.locationCreate.emit(i);const s=this.normalizeOptions([i]);this.remoteOptions=[...s,...this.remoteOptions.filter((t=>t.idStr!==e))],s[0]&&this.selectOption(s[0],"select")}getDisplayText(){const t=this.selectedOptions;return 0===t.length?this.placeholder:this.multiSelect?1===t.length?this.showPath?t[0].pathLabels.join(" / "):t[0].label:t.length+" locations selected":this.showPath?t[0].pathLabels.join(" / "):t[0].label}renderSelectedChips(){if(!this.multiSelect||0===this.selectedOptions.length)return null;const t=this.selectedOptions.slice(0,3),e=this.selectedOptions.length-t.length;return s("div",{class:"selected-chips"},t.map((t=>s("span",{class:"selected-chip",key:"chip-"+t.idStr},s("span",{class:"chip-label"},this.showPath?t.pathLabels.join(" / "):t.label),s("ui-button",{class:"chip-remove",onButtonClick:()=>this.removeSelectedId(t.idStr,"remove"),"aria-label":"Remove "+t.label,variant:"plain",icon:"x",iconLibrary:"lucide",iconOnly:!0})))),e>0&&s("span",{class:"selected-more"},"+",e))}renderOption(t,e){const i=this.selectedIds.has(t.idStr),o=this.highlightedIndex===e,a=this.favoriteIds.includes(t.idStr),r=this.showPath?t.pathLabels.join(" / "):t.label;return s("div",{class:{"location-option":!0,"location-option-selected":i,"location-option-highlighted":o,"location-option-disabled":!!t.disabled},role:"option","aria-selected":i?"true":"false",onMouseEnter:()=>this.highlightedIndex=e,onClick:()=>this.selectOption(t,"select"),ref:t=>this.optionsRefs[e]=t},s("div",{class:"location-option-main"},this.multiSelect&&s("ui-icon",{name:i?"check-square":"square",library:"lucide",size:"18px"}),s("div",{class:"location-option-text"},s("span",{class:"location-label"},r),t.code&&s("span",{class:"location-code"},t.code))),s("div",{class:"location-option-meta"},this.showTypeBadge&&s("span",{class:"location-type"},this.typeLabelMap[t.type]),this.showFavorites&&s("ui-button",{class:{"fav-btn":!0,active:a},onButtonClick:e=>this.toggleFavorite(t.idStr,e.detail),"aria-label":a?`Remove ${t.label} from favorites`:`Add ${t.label} to favorites`,variant:"plain",icon:"star",iconLibrary:"lucide",iconOnly:!0})))}render(){const t=this.filteredOptions,e=this.selectedIds.size>0,i=this.allowCustomValue&&!!this.searchQuery.trim()&&0===t.length;return s("div",{key:"0d1270c7b8941a54d23f12b336a40248127a9515",class:{"location-dropdown":!0,open:this.isOpen,disabled:this.disabled}},s("div",{key:"454a4fb32bdfcbb31f61ab24f69dd720f1d7975c",class:"location-trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox",tabIndex:this.disabled?-1:0,onClick:this.toggleDropdown,onKeyDown:this.handleKeyDown},s("span",{key:"06e96ca6b9ce142e1c6eb4145d75de7c6753d0aa",class:{"trigger-text":!0,placeholder:!e}},this.getDisplayText()),s("div",{key:"75bf60390f1983473a30b6c7fa6906d7bd39a99d",class:"trigger-icons"},e&&this.clearable&&!this.disabled&&s("ui-button",{key:"274b970b60c84e37ba60ef76a226d8dffd21f85b",class:"clear-btn",onButtonClick:this.clearSelection,"aria-label":"Clear selected locations",variant:"plain",icon:"x",iconLibrary:"lucide",iconOnly:!0}),s("ui-icon",{key:"872eb5b33bb7c84ebdf68d0685af115d78b893ba",name:"chevron-down",library:"lucide",size:"16px",class:{arrow:!0,open:this.isOpen}}))),this.renderSelectedChips(),this.isOpen&&s("div",{key:"5285b7a36ec106df13afbfde4bae0127567dd459",class:{menu:!0,top:"top"===this.dropdownPosition},role:"listbox",ref:t=>this.menuElement=t,style:{maxHeight:this.maxHeight+"px",left:this.menuLeft+"px",width:this.menuWidth+"px",position:"fixed",zIndex:"10020",top:this.menuTop+"px"}},this.searchable&&s("div",{key:"96c9247325ad38fa7ad1378141a8de53fe23c062",class:"search-row"},s("ui-input",{key:"16e6a0e35ae37de129b1812ecd7ed7c46c3b84c3",ref:t=>this.searchInputRef=t,class:"search-input",value:this.searchQuery,placeholder:this.searchPlaceholder,onInputChange:t=>this.onSearchInput_Custom(t.detail),onKeyDown:this.handleKeyDown,variant:"plain"})),this.loading&&s("div",{key:"8be3bb6ff2b546d4b77dedea4efdced3cf456a73",class:"status loading"},"Loading locations..."),!this.loading&&this.loadError&&s("div",{key:"2990bc4eb6413fc9ad02ec4214af9701f3ddb63f",class:"status error"},this.loadError),!this.loading&&t.length>0&&s("div",{key:"cc1da47a2b1e0703c8f9cf3b12f66c53f4c72215",class:"options-list"},t.map(((t,e)=>this.renderOption(t,e)))),!this.loading&&0===t.length&&!i&&s("div",{key:"74871de825014986333f513ab8a78eee94efffca",class:"status empty"},"No locations found"),i&&s("ui-button",{key:"0fd041bedf71502bea54a09d658669ccd3bcc68f",class:"create-btn",onButtonClick:()=>this.createCustomLocation(this.searchQuery.trim()),variant:"plain",align:"start",fullWidth:!0,icon:"plus",iconLibrary:"lucide",label:`Create "${this.searchQuery.trim()}"`}),(this.showFavorites||this.showRecent)&&!this.searchQuery&&s("div",{key:"5a4c6ecc6768d6a6ee8b3731e4d12b845c936a8f",class:"footer-meta"},this.showFavorites&&s("span",{key:"e2cac6f8adb895ba9f262be9924ea9a5619c95e3"},"Favorites: ",this.favoriteIds.length),this.showRecent&&s("span",{key:"f541571f8f6dd69ce531f7a54cc8cd6d06b3d8a8"},"Recent: ",this.recentIds.length))))}static get watchers(){return{options:[{watchOptions:0}],value:[{watchValue:0}]}}static get style(){return'.sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}.a11y-sr-only{position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}:host{display:block;width:100%;--sld-border:#cfd8e3;--sld-border-strong:#b4c1d1;--sld-focus:#2563eb;--sld-text:#10213a;--sld-muted:#62748a;--sld-bg:#ffffff;--sld-panel:rgba(255, 255, 255, 0.98);--sld-panel-solid:#ffffff;--sld-hover:#f3f8ff;--sld-selected:#e8f1ff;--sld-chip:#edf4ff;--sld-shadow:0 18px 40px rgba(15, 23, 42, 0.16)}.location-dropdown{position:relative;width:100%;font-family:"Segoe UI", Roboto, sans-serif}.location-trigger{border:1px solid var(--sld-border);border-radius:14px;min-height:48px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);color:var(--sld-text);cursor:pointer;box-shadow:0 2px 8px rgba(15, 23, 42, 0.04);transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, transform 0.2s ease}.location-trigger:hover{border-color:var(--sld-border-strong);box-shadow:0 10px 22px rgba(37, 99, 235, 0.08)}.location-trigger:focus,.location-dropdown.open .location-trigger{border-color:var(--sld-focus);box-shadow:0 0 0 4px rgba(37, 99, 235, 0.14), 0 16px 32px rgba(37, 99, 235, 0.14);outline:none}.location-dropdown.disabled .location-trigger{opacity:0.72;cursor:not-allowed}.trigger-text{flex:1;font-size:14px;font-weight:500;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.trigger-text.placeholder{color:#91a0b4}.trigger-icons{display:inline-flex;align-items:center;gap:6px}.arrow{transition:transform 0.18s ease;color:var(--sld-muted)}.arrow.open{transform:rotate(180deg)}.clear-btn,.fav-btn,.chip-remove{border:none;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--sld-muted);padding:0}.clear-btn:hover,.fav-btn:hover,.chip-remove:hover{color:var(--sld-text)}.clear-btn{width:24px;height:24px;border-radius:999px;background:#eef4fb}.clear-btn:hover{background:#e2ecf8}.fav-btn.active{color:#d97706}.selected-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.selected-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;border:1px solid #d7e7ff;background:var(--sld-chip);box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.9);max-width:100%}.chip-label{font-size:12px;color:#1c3657;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-more{font-size:12px;color:#37557b;align-self:center}.menu{border:1px solid rgba(180, 193, 209, 0.72);border-radius:18px;background:var(--sld-panel-solid);background-color:var(--sld-panel-solid);backdrop-filter:blur(18px);box-shadow:var(--sld-shadow);overflow:hidden;isolation:isolate}.search-row{position:sticky;top:0;z-index:1;padding:12px;border-bottom:1px solid #edf2f7;background:var(--sld-panel)}.search-input{width:100%;border:1px solid #d4deea;border-radius:12px;padding:11px 13px;font-size:14px;outline:none;background:#f9fbfe;color:var(--sld-text);transition:border-color 0.2s ease, box-shadow 0.2s ease, background 0.2s ease}.search-input:focus{border-color:var(--sld-focus);background:#ffffff;box-shadow:0 0 0 4px rgba(37, 99, 235, 0.1)}.options-list{padding:8px;overflow-y:auto;max-height:inherit;background:var(--sld-panel-solid)}.location-option{padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;border:1px solid transparent;border-radius:14px;background:var(--sld-panel-solid);transition:background 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease}.location-option:hover,.location-option-highlighted{background:var(--sld-hover);border-color:#d7e7ff;box-shadow:0 10px 24px rgba(37, 99, 235, 0.08);transform:translateY(-1px)}.location-option-selected{background:var(--sld-selected);border-color:#b9d4ff;box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.85)}.location-option-disabled{opacity:0.5;cursor:not-allowed}.location-option-main{min-width:0;display:flex;align-items:center;gap:8px;flex:1}.location-option-text{min-width:0;display:flex;flex-direction:column}.location-label{font-size:13px;font-weight:600;color:var(--sld-text);white-space:normal;overflow:hidden;text-overflow:ellipsis}.location-code{font-size:11px;color:var(--sld-muted)}.location-option-meta{display:inline-flex;align-items:center;gap:8px}.location-type{font-size:10px;border:1px solid #d8e5f3;border-radius:999px;padding:4px 8px;color:#55708f;background:#f7fbff;text-transform:uppercase;letter-spacing:0.08em;font-weight:700}.fav-btn{width:28px;height:28px;border-radius:999px;background:#f6f9fc}.fav-btn:hover{background:#ebf2f8}.status{padding:14px;font-size:13px;background:var(--sld-panel-solid)}.status.loading,.status.empty{color:var(--sld-muted)}.status.error{color:#b91c1c;background:#fef2f2}.create-btn{width:100%;border:none;border-top:1px solid #edf2f7;background:#f7fbff;color:var(--sld-text);font-size:13px;display:flex;align-items:center;justify-content:center;gap:6px;padding:13px;cursor:pointer;font-weight:600}.create-btn:hover{background:#eef6ff}.footer-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #edf2f7;padding:10px 12px 12px;font-size:11px;color:var(--sld-muted);background:var(--sld-panel)}'}},[513,"ui-smart-location-dropdown",{options:[1],value:[1025],multiSelect:[4,"multi-select"],placeholder:[1],searchable:[4],searchPlaceholder:[1,"search-placeholder"],disabled:[4],clearable:[4],maxHeight:[2,"max-height"],debounceMs:[2,"debounce-ms"],maxSelections:[2,"max-selections"],resultLimit:[2,"result-limit"],showRecent:[4,"show-recent"],showFavorites:[4,"show-favorites"],persistState:[4,"persist-state"],storageKey:[1,"storage-key"],showPath:[4,"show-path"],showTypeBadge:[4,"show-type-badge"],allowCustomValue:[4,"allow-custom-value"],ignoreParentPosition:[4,"ignore-parent-position"],portal:[4],loadLocations:[16],remoteMinChars:[2,"remote-min-chars"],isOpen:[32],parsedOptions:[32],remoteOptions:[32],selectedIds:[32],searchQuery:[32],loading:[32],loadError:[32],highlightedIndex:[32],menuLeft:[32],menuTop:[32],menuWidth:[32],dropdownPosition:[32],recentIds:[32],favoriteIds:[32]},[[4,"click","handleOutsideClick"],[9,"resize","handleResize"],[11,"scroll","handleScroll"]],{options:[{watchOptions:0}],value:[{watchValue:0}]}]),h=d,p=function(){"undefined"!=typeof customElements&&["ui-smart-location-dropdown","ui-badge","ui-button","ui-icon","ui-input"].forEach((t=>{switch(t){case"ui-smart-location-dropdown":customElements.get(o(t))||customElements.define(o(t),d);break;case"ui-badge":customElements.get(o(t))||n();break;case"ui-button":customElements.get(o(t))||r();break;case"ui-icon":customElements.get(o(t))||c();break;case"ui-input":customElements.get(o(t))||l()}}))};export{h as UiSmartLocationDropdown,p as defineCustomElement}

package/dist/esm/dom-BMFah5q3.js

@@ -1,262 +0,0 @@
-/**
- * Finds the nearest ancestor that creates a new containing block for position:fixed elements.
- * This function is fully Shadow DOM and Flat Tree aware, accounting for slots and shadow boundaries.
- */
-function getTransformedAncestor(element) {
-    let el = element;
-    while (el && el !== document.documentElement) {
-        // If it's not a standard element (e.g. ShadowRoot), jump to its host
-        if (el.nodeType !== 1) {
-            el = el.host || el.parentNode;
-            continue;
-        }
-        const style = window.getComputedStyle(el);
-        if (!style) {
-            // Move up the tree (Flat Tree aware)
-            el = el.assignedSlot || el.parentElement || el.getRootNode().host;
-            continue;
-        }
-        const s = style;
-        const transform = s.transform || s.webkitTransform || s.mozTransform || s.msTransform || s.oTransform;
-        const translate = s.translate || '';
-        const rotate = s.rotate || '';
-        const scale = s.scale || '';
-        const filter = s.filter || s.webkitFilter || s.mozFilter || s.msFilter || s.oFilter;
-        const backdropFilter = s.backdropFilter || s.webkitBackdropFilter || s.mozBackdropFilter || s.msBackdropFilter || s.oBackdropFilter;
-        const perspective = s.perspective || s.webkitPerspective || s.mozPerspective || s.msPerspective || s.oPerspective;
-        const mask = s.mask || s.webkitMask || '';
-        const clipPath = s.clipPath || s.webkitClipPath || '';
-        const willChange = s.willChange || '';
-        const hasTransform = (transform && transform !== 'none') || (translate && translate !== 'none') || (rotate && rotate !== 'none') || (scale && scale !== 'none');
-        const hasFilter = filter && filter !== 'none';
-        const hasBackdropFilter = backdropFilter && backdropFilter !== 'none';
-        const hasPerspective = perspective && perspective !== 'none';
-        const hasMask = mask && mask !== 'none';
-        const hasClipPath = clipPath && clipPath !== 'none';
-        const hasWillChange = willChange &&
-            (willChange.includes('transform') ||
-                willChange.includes('perspective') ||
-                willChange.includes('filter') ||
-                willChange.includes('backdrop-filter') ||
-                willChange.includes('translate') ||
-                willChange.includes('rotate') ||
-                willChange.includes('scale') ||
-                willChange.includes('mask') ||
-                willChange.includes('clip-path') ||
-                willChange.includes('contain'));
-        // contain: layout, paint, strict, or content also creates a containing block
-        const contain = style.contain;
-        const hasContain = contain && (contain.includes('layout') || contain.includes('paint') || contain.includes('strict') || contain.includes('content'));
-        if (hasTransform || hasFilter || hasBackdropFilter || hasPerspective || hasMask || hasClipPath || hasWillChange || hasContain) {
-            return el;
-        }
-        // Move up (Flat Tree aware)
-        // Priority: 1. Assigned Slot (for projected content) 2. Parent Element 3. Shadow Host
-        el = el.assignedSlot || el.parentElement || el.getRootNode().host;
-    }
-    return null;
-}
-/**
- * Returns the viewport-relative offset of the nearest transformed ancestor.
- */
-function getTransformedAncestorOffset(element) {
-    const ancestor = getTransformedAncestor(element);
-    if (ancestor) {
-        const rect = ancestor.getBoundingClientRect();
-        return { x: rect.left, y: rect.top, el: ancestor };
-    }
-    return { x: 0, y: 0, el: null };
-}
-/**
- * Calculates a robust, environment-proof position for floating elements (dropdowns, menus).
- * It automatically handles:
- * 1. Nested CSS transforms (containing blocks)
- * 2. Viewport boundary detection (clamping)
- * 3. Vertical space detection (flipping top/bottom)
- * 4. Aligning to trigger element
- */
-/**
- * Modern auto-update utility that tracks element positions and re-triggers placement logic.
- */
-function autoUpdate(reference, floating, update, options = {}) {
-    const { animationFrame = false } = options;
-    let frameId = null;
-    const handleUpdate = () => {
-        update();
-        if (animationFrame) {
-            frameId = requestAnimationFrame(handleUpdate);
-        }
-    };
-    if (animationFrame) {
-        frameId = requestAnimationFrame(handleUpdate);
-    }
-    else {
-        update(); // Initial update
-    }
-    window.addEventListener('scroll', update, { capture: true, passive: true });
-    window.addEventListener('resize', update, { passive: true });
-    const resizeObserver = new ResizeObserver(() => update());
-    resizeObserver.observe(reference);
-    resizeObserver.observe(floating);
-    const cleanup = () => {
-        if (frameId !== null)
-            cancelAnimationFrame(frameId);
-        window.removeEventListener('scroll', update, { capture: true });
-        window.removeEventListener('resize', update);
-        resizeObserver.disconnect();
-    };
-    return cleanup;
-}
-/**
- * Calculates a robust, environment-proof position for floating elements (popovers, dropdowns, menus).
- * Supports all 4 sides, alignment, and boundary detection.
- */
-function calculateUniversalPlacement(trigger, options) {
-    const { menuWidth, menuHeight, gap = 4, placement = 'auto', align = 'center', padding = 8, useTransformedAncestorOffset = true } = options;
-    if (!trigger) {
-        return { left: 0, top: 0, width: 0, availableWidth: 0, availableHeight: 0, placement: 'bottom', isClamped: false };
-    }
-    const triggerRect = trigger.getBoundingClientRect();
-    const screenW = window.innerWidth;
-    const screenH = window.innerHeight;
-    const ancestorOffset = useTransformedAncestorOffset
-        ? getTransformedAncestorOffset(trigger)
-        : { x: 0, y: 0, el: null };
-    // 1. Determine Vertical/Horizontal Placement
-    const requestedPlacement = placement === 'auto' ? 'bottom' : placement;
-    let finalPlacement = requestedPlacement;
-    if (placement === 'auto') {
-        const spaceBelow = screenH - triggerRect.bottom - gap - padding;
-        const spaceAbove = triggerRect.top - gap - padding;
-        const spaceRight = screenW - triggerRect.right - gap - padding;
-        const spaceLeft = triggerRect.left - gap - padding;
-        // Preference: If requestedPlacement is blocked, try opposite, then try other axis if both blocked
-        if (requestedPlacement === 'bottom' && spaceBelow < menuHeight && spaceAbove > spaceBelow) {
-            finalPlacement = 'top';
-        }
-        else if (requestedPlacement === 'top' && spaceAbove < menuHeight && spaceBelow > spaceAbove) {
-            finalPlacement = 'bottom';
-        }
-        else if (requestedPlacement === 'right' && spaceRight < menuWidth && spaceLeft > spaceRight) {
-            finalPlacement = 'left';
-        }
-        else if (requestedPlacement === 'left' && spaceLeft < menuWidth && spaceRight > spaceLeft) {
-            finalPlacement = 'right';
-        }
-        // Secondary: If still not enough space on the main axis, pick the one with most space
-        if (finalPlacement === 'top' || finalPlacement === 'bottom') {
-            if (Math.max(spaceAbove, spaceBelow) < menuHeight) {
-                if (spaceRight >= menuWidth || spaceLeft >= menuWidth) {
-                    finalPlacement = spaceRight > spaceLeft ? 'right' : 'left';
-                }
-            }
-        }
-        else {
-            if (Math.max(spaceLeft, spaceRight) < menuWidth) {
-                if (spaceAbove >= menuHeight || spaceBelow >= menuHeight) {
-                    finalPlacement = spaceAbove > spaceBelow ? 'top' : 'bottom';
-                }
-            }
-        }
-    }
-    // 2. Calculate initial coordinates and available dimensions
-    let left = 0;
-    let top = 0;
-    let availableWidth = screenW - (padding * 2);
-    let availableHeight = screenH - (padding * 2);
-    switch (finalPlacement) {
-        case 'top':
-            top = triggerRect.top - menuHeight - gap;
-            availableHeight = triggerRect.top - gap - padding;
-            break;
-        case 'bottom':
-            top = triggerRect.bottom + gap;
-            availableHeight = screenH - triggerRect.bottom - gap - padding;
-            break;
-        case 'left':
-            left = triggerRect.left - menuWidth - gap;
-            availableWidth = triggerRect.left - gap - padding;
-            break;
-        case 'right':
-            left = triggerRect.right + gap;
-            availableWidth = screenW - triggerRect.right - gap - padding;
-            break;
-    }
-    // Handle alignment for the cross-axis
-    if (finalPlacement === 'top' || finalPlacement === 'bottom') {
-        // Horizontal alignment
-        if (align === 'start')
-            left = triggerRect.left;
-        else if (align === 'end')
-            left = triggerRect.right - menuWidth;
-        else
-            left = triggerRect.left + (triggerRect.width / 2) - (menuWidth / 2);
-        availableWidth = screenW - (padding * 2);
-    }
-    else {
-        // Vertical alignment
-        if (align === 'start')
-            top = triggerRect.top;
-        else if (align === 'end')
-            top = triggerRect.bottom - menuHeight;
-        else
-            top = triggerRect.top + (triggerRect.height / 2) - (menuHeight / 2);
-        availableHeight = screenH - (padding * 2);
-    }
-    // Apply ancestor offset
-    left -= ancestorOffset.x;
-    top -= ancestorOffset.y;
-    // 3. Clamping to viewport (account for transform ancestors)
-    const containerWidth = ancestorOffset.el ? ancestorOffset.el.getBoundingClientRect().width : screenW;
-    const containerHeight = ancestorOffset.el ? ancestorOffset.el.getBoundingClientRect().height : screenH;
-    const originalLeft = left;
-    const originalTop = top;
-    // Cross-axis clamping
-    if (finalPlacement === 'top' || finalPlacement === 'bottom') {
-        left = Math.max(padding, Math.min(left, containerWidth - menuWidth - padding));
-    }
-    else {
-        top = Math.max(padding, Math.min(top, containerHeight - menuHeight - padding));
-    }
-    const isClamped = left !== originalLeft || top !== originalTop;
-    // 4. Calculate arrow position (local to the floating element)
-    let arrowX = 0;
-    let arrowY = 0;
-    const arrowPadding = 12; // Minimum distance from corners
-    if (finalPlacement === 'top' || finalPlacement === 'bottom') {
-        const triggerCenter = triggerRect.left + (triggerRect.width / 2);
-        const menuAbsoluteLeft = left + ancestorOffset.x;
-        arrowX = triggerCenter - menuAbsoluteLeft;
-        arrowX = Math.max(arrowPadding, Math.min(arrowX, menuWidth - arrowPadding));
-    }
-    else {
-        const triggerCenter = triggerRect.top + (triggerRect.height / 2);
-        const menuAbsoluteTop = top + ancestorOffset.y;
-        arrowY = triggerCenter - menuAbsoluteTop;
-        arrowY = Math.max(arrowPadding, Math.min(arrowY, menuHeight - arrowPadding));
-    }
-    return {
-        left,
-        top,
-        width: menuWidth,
-        availableWidth,
-        availableHeight,
-        placement: finalPlacement,
-        isClamped,
-        arrowX,
-        arrowY
-    };
-}
-/**
- * Corrects viewport-relative coordinates (e.g., from MouseEvent.clientX/Y)
- * to work correctly when the target element is inside a transformed container.
- */
-function correctViewportCoordinates(x, y, element) {
-    const offset = getTransformedAncestorOffset(element);
-    return {
-        x: x - offset.x,
-        y: y - offset.y,
-    };
-}
-
-export { autoUpdate as a, correctViewportCoordinates as b, calculateUniversalPlacement as c, getTransformedAncestorOffset as g };