atomicuilibrary 0.1.0 → 0.1.3

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

@@ -1 +0,0 @@
-import{proxyCustomElement as t,HTMLElement as a,createEvent as e,h as c,Host as i,transformTag as r}from"@stencil/core/internal/client";import{d as s,a as l}from"./badge.js";import{d as n}from"./icon.js";import{d as o}from"./input.js";import{d as p}from"./loader.js";const d=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.colorChange=e(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 a=t.startsWith("#")?t.slice(1):t;this.hex=a.toUpperCase();const e=parseInt(a,16);this.r=e>>16&255,this.g=e>>8&255,this.b=255&e;const c=this.r/255,i=this.g/255,r=this.b/255,s=Math.max(c,i,r),l=s-Math.min(c,i,r);let n=0;0===l?n=0:s===c?n=(i-r)/l%6:s===i?n=(r-c)/l+2:s===r&&(n=(c-i)/l+4),n=Math.round(60*n),n<0&&(n+=360);const o=0===s?0:l/s,p=s;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 a=t.detail.value||"";6!==a.length&&3!==a.length||/^[0-9A-Fa-f]+$/.test(a)&&(this.hex=a.toUpperCase(),this.updateAllFromHex(this.hex),this.emitChange())};handleRgbChange(t,a){isNaN(a)||(this[t]=Math.max(0,Math.min(255,a)),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,a){if(isNaN(a))return;"h"===t&&(this.h=Math.max(0,Math.min(360,a))),"s"===t&&(this.s=Math.max(0,Math.min(100,a))),"v"===t&&(this.v=Math.max(0,Math.min(100,a)));const e=this.h,c=this.v/100,i=c*(this.s/100),r=i*(1-Math.abs(e/60%2-1)),s=c-i;let l=0,n=0,o=0;e<60?(l=i,n=r,o=0):e<120?(l=r,n=i,o=0):e<180?(l=0,n=i,o=r):e<240?(l=0,n=r,o=i):e<300?(l=r,n=0,o=i):(l=i,n=0,o=r),this.r=Math.round(255*(l+s)),this.g=Math.round(255*(n+s)),this.b=Math.round(255*(o+s)),this.hex=((1<<24)+(this.r<<16)+(this.g<<8)+this.b).toString(16).slice(1).toUpperCase(),this.emitChange()}render(){return c(i,{key:"8a799159e4f7d80bbe881ba3a93d1a6faed5a54e"},this.label&&c("div",{key:"d32e7f8bcf4ab190437317d2697a86486e84d264",class:"col-ctrl-label"},this.label),c("div",{key:"75cc18672f23ef572569ac2cc9d125373264c962",class:"col-ctrl-grid"},c("div",{key:"af936f413bb4b7aeff0dd9752deadc0ce1dfcb03",class:"col-ctrl-row"},c("span",{key:"71c0d3c44062a67c1402d2e2b92f81c3ce8878dc",class:"col-ctrl-key"},"H"),c("div",{key:"08c832583ca9f956c3fc761fa32b712d208d853d",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"283a471f4bf8af83f37b7ac201a81d25e6803dba",class:"col-ctrl-input",type:"number",value:this.h,onInputChange:t=>this.handleHsvChange("h",parseInt(t.detail)),variant:"plain"}),c("span",{key:"ef039c70dbc01252f0129f95f7eca4f6302f9049",class:"col-ctrl-unit"},"°"))),c("div",{key:"68c91d46d38583bd8a8158452033088811453d1c",class:"col-ctrl-row"},c("span",{key:"3dfb8b3a1f1053080d6ca3c3b03027fa46cc33bd",class:"col-ctrl-key"},"S"),c("div",{key:"929558e93d27bc799a2401b0f01f358222c24c24",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"a2fcdc19f32f5348848347319c134d94d8963ca5",class:"col-ctrl-input",type:"number",value:this.s,onInputChange:t=>this.handleHsvChange("s",parseInt(t.detail)),variant:"plain"}),c("span",{key:"de5d00b3264b1284fe23ca13f9611e5046c444d6",class:"col-ctrl-unit"},"%"))),c("div",{key:"4e744c31accbcdbe6505a160e693926e6001ac9c",class:"col-ctrl-row",style:{marginBottom:"12px"}},c("span",{key:"9feef4b4fe6459e34f6ac36a42c90d24413da27b",class:"col-ctrl-key"},"V"),c("div",{key:"9d1821a375ab9473de477c7ab38cea6cd0cf9c57",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"259bb011612129fd3589fcb7febf15bdd0e7ce13",class:"col-ctrl-input",type:"number",value:this.v,onInputChange:t=>this.handleHsvChange("v",parseInt(t.detail)),variant:"plain"}),c("span",{key:"3646c32d18517429f758cfef21d34df5d9ec407e",class:"col-ctrl-unit"},"%"))),c("div",{key:"4f0dae6cce89af626b9d545dda0971ab2f041bca",class:"col-ctrl-row"},c("span",{key:"6995401c0f6cabba13eb35c596e039769dc33c0a",class:"col-ctrl-key"},"R"),c("div",{key:"cc802f297a286f745957b613b37f3ab5ea12fa4e",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"633391de1afcd81d7ce6f68656569f858a673d62",class:"col-ctrl-input",type:"number",value:this.r,onInputChange:t=>this.handleRgbChange("r",parseInt(t.detail)),variant:"plain"}))),c("div",{key:"f4dce90ceb3f0849cb17101c07229b384739d5f1",class:"col-ctrl-row"},c("span",{key:"c3891f220f1fccf54fd84ded9674bad3100c530f",class:"col-ctrl-key"},"G"),c("div",{key:"187f474a516c7a1bd35cce0e03e9aeb3c8d3b6b8",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"60be98aaf3e10a67b43bb2206e767d60e7bc1e04",class:"col-ctrl-input",type:"number",value:this.g,onInputChange:t=>this.handleRgbChange("g",parseInt(t.detail)),variant:"plain"}))),c("div",{key:"a844765b839bfa715a150932d1b3b80c44899d11",class:"col-ctrl-row",style:{marginBottom:"12px"}},c("span",{key:"548be88547a50add11eb34c6f837e6fca6d9fbfd",class:"col-ctrl-key"},"B"),c("div",{key:"eaab04459f36946161d9165d917cff488b27a841",class:"col-ctrl-input-wrapper"},c("ui-input",{key:"7a3b67f4b98a20e920c8c6537a48354a891d76e5",class:"col-ctrl-input",type:"number",value:this.b,onInputChange:t=>this.handleRgbChange("b",parseInt(t.detail)),variant:"plain"}))),c("div",{key:"97a6584e32baa09c44a1c3dc80e93c45ea8b1282",class:"col-ctrl-row hex-row"},c("span",{key:"aed2ff62dd29ada3896212ede2c24cbf679591ca",class:"col-ctrl-key"},"#"),c("div",{key:"b75b8984f2e9dfca0c01022c45a2b1a6e23ba925",class:"col-ctrl-input-wrapper hex-wrapper"},c("ui-input",{key:"1e051860e57dd8f10298ac939509173bebaca5e3",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}]}]),h=d,f=function(){"undefined"!=typeof customElements&&["ui-color-controller","ui-badge","ui-button","ui-icon","ui-input","ui-loader"].forEach((t=>{switch(t){case"ui-color-controller":customElements.get(r(t))||customElements.define(r(t),d);break;case"ui-badge":customElements.get(r(t))||l();break;case"ui-button":customElements.get(r(t))||s();break;case"ui-icon":customElements.get(r(t))||n();break;case"ui-input":customElements.get(r(t))||o();break;case"ui-loader":customElements.get(r(t))||p()}}))};export{h as UiColorController,f 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";import{d as h}from"./loader.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:"b1807bf502b50ae9fc48efa846426ab643d6516d",class:{"location-dropdown":!0,open:this.isOpen,disabled:this.disabled}},s("div",{key:"de7b775e9b312bd39da8927975e588648b4ca809",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:"e608f40b0ef1251ae3f9c303338ff415eb31b0cd",class:{"trigger-text":!0,placeholder:!e}},this.getDisplayText()),s("div",{key:"afbfc578336c32718d974e0ca2b28df8ae1bae2f",class:"trigger-icons"},e&&this.clearable&&!this.disabled&&s("ui-button",{key:"65ce58563ea6447785f79325425f410ccac696b5",class:"clear-btn",onButtonClick:this.clearSelection,"aria-label":"Clear selected locations",variant:"plain",icon:"x",iconLibrary:"lucide",iconOnly:!0}),s("ui-icon",{key:"c30d26150e745053e5c64c7747692dc0e16de079",name:"chevron-down",library:"lucide",size:"16px",class:{arrow:!0,open:this.isOpen}}))),this.renderSelectedChips(),this.isOpen&&s("div",{key:"17e2bda731910b2eacdcfa94c40697cb8cad6792",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:"927ac16ca61d07d1e0d9acf9cc6712ccd5e3be8a",class:"search-row"},s("ui-input",{key:"95af520eb196a47d11ac31489237314049532bc2",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:"c5b48b1d0f1e08353dc8def6b7b962c15918f724",class:"status loading"},"Loading locations..."),!this.loading&&this.loadError&&s("div",{key:"3a8f50555d86a4cf07fd27b810fe9c74168cac0e",class:"status error"},this.loadError),!this.loading&&t.length>0&&s("div",{key:"07298b5d440946c7a6d11e3ebae2d3c28d16c467",class:"options-list"},t.map(((t,e)=>this.renderOption(t,e)))),!this.loading&&0===t.length&&!i&&s("div",{key:"a01eb5729544c38466b7c16de2fe6e11baba36e4",class:"status empty"},"No locations found"),i&&s("ui-button",{key:"06c249712c8bf168d522678abe6fd68ae4d25949",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:"0cfe965844fa111cb8888b1392e3dcac8b35c51a",class:"footer-meta"},this.showFavorites&&s("span",{key:"0b5f1c8816ed31ab7cdc5988f1271a2c7b384372"},"Favorites: ",this.favoriteIds.length),this.showRecent&&s("span",{key:"aec4a486adee16e6100efa773475fc03d8b2f155"},"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}]}]),p=d,u=function(){"undefined"!=typeof customElements&&["ui-smart-location-dropdown","ui-badge","ui-button","ui-icon","ui-input","ui-loader"].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();break;case"ui-loader":customElements.get(o(t))||h()}}))};export{p as UiSmartLocationDropdown,u 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 };