atomicuilibrary 0.0.1

package/dist/exploration-project-tailwind/p-0b004861.entry.js

@@ -0,0 +1 @@
+import{r as o,c as t,a as r,h as a,H as e}from"./p-DUsoYu9r.js";const i=class{constructor(r){o(this,r),this.toolbarItemClick=t(this,"toolbarItemClick"),this.toolbarItemChange=t(this,"toolbarItemChange"),this.toolbarOverflowChange=t(this,"toolbarOverflowChange"),this.toolbarReorder=t(this,"toolbarReorder")}get el(){return r(this)}schema=null;items=[];variant="default";size="md";orientation="horizontal";position="static";stickyEdge="top";alignment="start";gap="4px";padding="8px 12px";maxSize;overflowStrategy="dropdown";overflowLabel="More";overflowIcon="more-horizontal";iconLibrary="lucide";disabled=!1;loading=!1;zoneDividers=!1;rounded=!1;elevation=1;reorderable=!1;keyboardNav=!0;toolbarAriaLabel="Toolbar";bordered=!1;iconOnly=!1;inputDebounce=300;overflowedIds=new Set;isOverflowOpen=!1;itemStates=new Map;dragSourceId=null;parsedSchema=null;parsedItems=[];isMobile=!1;isCollapsed=!1;openChildDropdowns=0;toolbarItemClick;toolbarItemChange;toolbarOverflowChange;toolbarReorder;resizeObserver;toolbarBodyRef;inputDebounceTimers=new Map;undoStack=[];redoStack=[];focusableRefs=new Map;mobileBreakpoint=640;componentWillLoad(){this.parseItems(),this.parseSchema(),this.initItemStates(),this.isMobile=window.innerWidth<=this.mobileBreakpoint}componentDidLoad(){"dropdown"===this.overflowStrategy&&"undefined"!=typeof ResizeObserver&&(this.resizeObserver=new ResizeObserver((()=>this.recalcOverflow())),this.resizeObserver.observe(this.el)),requestAnimationFrame((()=>this.recalcOverflow()))}disconnectedCallback(){this.resizeObserver?.disconnect(),this.inputDebounceTimers.forEach((o=>clearTimeout(o)))}onItemsChange(){this.parseItems(),this.initItemStates(),requestAnimationFrame((()=>this.recalcOverflow()))}onSchemaChange(){this.parseSchema(),this.initItemStates(),requestAnimationFrame((()=>this.recalcOverflow()))}onDocumentClick(o){this.isOverflowOpen&&o.target instanceof Node&&!this.el.contains(o.target)&&(this.isOverflowOpen=!1)}onKeyDown(o){if(!this.keyboardNav)return;const t=Array.from(this.focusableRefs.values()).filter((o=>o&&!o.hasAttribute("disabled"))),r=t.indexOf(document.activeElement);"horizontal"===this.orientation?"ArrowRight"===o.key?(o.preventDefault(),t[(r+1)%t.length]?.focus()):"ArrowLeft"===o.key&&(o.preventDefault(),t[(r-1+t.length)%t.length]?.focus()):"ArrowDown"===o.key?(o.preventDefault(),t[(r+1)%t.length]?.focus()):"ArrowUp"===o.key&&(o.preventDefault(),t[(r-1+t.length)%t.length]?.focus()),"Escape"===o.key&&(this.isOverflowOpen=!1)}onChildDropdownOpen(o){const t=o.target;t&&"ui-dropdown"===t.tagName?.toLowerCase()&&this.el.contains(t)&&(this.openChildDropdowns+=1)}onChildDropdownClose(o){const t=o.target;t&&"ui-dropdown"===t.tagName?.toLowerCase()&&this.el.contains(t)&&(this.openChildDropdowns=Math.max(0,this.openChildDropdowns-1))}async setItemValue(o,t){const r=this.itemStates.get(o)?.value;this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,value:t}));const a=this.findItem(o);a&&this.toolbarItemChange.emit({item:a,value:t,previousValue:r})}async getItemValue(o){return this.itemStates.get(o)?.value}async setItemDisabled(o,t){this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,disabled:t}))}async setItemHidden(o,t){this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,hidden:t})),requestAnimationFrame((()=>this.recalcOverflow()))}async setItemLoading(o,t){this.itemStates=new Map(this.itemStates.set(o,{...this.itemStates.get(o),id:o,loading:t}))}async toggleItem(o){const t=this.itemStates.get(o)??{id:o};this.itemStates=new Map(this.itemStates.set(o,{...t,active:!t.active}))}async setCollapsed(o){this.isCollapsed=o}async setOverflowOpen(o){this.isOverflowOpen=o}async getStateSnapshot(){return{activeItems:Array.from(this.itemStates.entries()).filter((([,o])=>o.active)).map((([o])=>o)),itemStates:Object.fromEntries(this.itemStates),timestamp:Date.now()}}async restoreStateSnapshot(o){this.itemStates=new Map(Object.entries(o.itemStates)),requestAnimationFrame((()=>this.recalcOverflow()))}async undo(){const o=this.undoStack.pop();if(!o)return;const t=await this.getStateSnapshot();this.redoStack.push(t),await this.restoreStateSnapshot(o)}async redo(){const o=this.redoStack.pop();if(!o)return;const t=await this.getStateSnapshot();this.undoStack.push(t),await this.restoreStateSnapshot(o)}async focusItem(o){this.focusableRefs.get(o)?.focus()}parseItems(){if(this.items)if("string"==typeof this.items)try{this.parsedItems=JSON.parse(this.items)}catch{this.parsedItems=[]}else this.parsedItems=this.items;else this.parsedItems=[]}parseSchema(){if(this.schema)if("string"==typeof this.schema)try{this.parsedSchema=JSON.parse(this.schema)}catch{this.parsedSchema=null}else this.parsedSchema=this.schema;else this.parsedSchema=null}initItemStates(){this.getAllItems().forEach((o=>{if(!this.itemStates.has(o.id)){const t={id:o.id,disabled:o.disabled};"value"in o&&(t.value=o.value),"checked"in o&&(t.value=o.checked),"active"in o&&(t.active=o.active),this.itemStates.set(o.id,t)}}))}getAllItems(){const o=[],t=r=>{r?.forEach((r=>{o.push(r),"group"===r.type&&t(r.items)}))};return this.parsedSchema?(t(this.parsedSchema.left??[]),t(this.parsedSchema.center??[]),t(this.parsedSchema.right??[]),t(this.parsedSchema.overflow??[])):t(this.parsedItems),o}findItem(o){return this.getAllItems().find((t=>t.id===o))??null}recalcOverflow(){if("dropdown"!==this.overflowStrategy)return;const o=this.toolbarBodyRef;if(!o)return;const t=new Set;if(this.isMobile=window.innerWidth<=this.mobileBreakpoint,this.isMobile&&this.isCollapsed)this.getAllItems().forEach((o=>{"separator"!==o.type&&"spacer"!==o.type&&t.add(o.id)}));else{const r="horizontal"===this.orientation,a=r?o.clientWidth:o.clientHeight,e=48;let i=0;[...this.getAllItems()].filter((o=>"separator"!==o.type&&"spacer"!==o.type)).sort(((o,t)=>(t.priority??0)-(o.priority??0))).forEach((o=>{if(this.itemStates.get(o.id)?.hidden)return;const l=this.el.shadowRoot?.querySelector(`[data-item-id="${o.id}"]`);l&&(i+=(r?l.offsetWidth:l.offsetHeight)+4,i>a-e&&!o.pinToOverflow&&t.add(o.id))}))}const r=this.overflowedIds;JSON.stringify([...t].sort())!==JSON.stringify([...r].sort())&&(this.overflowedIds=t,this.toolbarOverflowChange.emit({overflowIds:[...t],visibleIds:this.getAllItems().filter((o=>!t.has(o.id))).map((o=>o.id))}))}pushUndoSnapshot(){this.getStateSnapshot().then((o=>{this.undoStack.push(o),this.undoStack.length>50&&this.undoStack.shift(),this.redoStack=[]}))}handleItemClick(o,t){if(!(this.disabled||this.itemStates.get(o.id)?.disabled||o.disabled)){if(this.pushUndoSnapshot(),("button"===o.type||"icon-button"===o.type)&&o.toggleable){const t=this.itemStates.get(o.id)??{id:o.id};this.itemStates=new Map(this.itemStates.set(o.id,{...t,active:!t.active}))}this.toolbarItemClick.emit({item:o,originalEvent:t})}}handleValueChange(o,t){if(this.disabled||this.itemStates.get(o.id)?.disabled)return;this.pushUndoSnapshot();const r=this.itemStates.get(o.id)?.value;this.itemStates=new Map(this.itemStates.set(o.id,{...this.itemStates.get(o.id),id:o.id,value:t})),this.toolbarItemChange.emit({item:o,value:t,previousValue:r})}isItemDisabled(o){return this.disabled||!!o.disabled||!!this.itemStates.get(o.id)?.disabled}isItemHidden(o){return!!this.itemStates.get(o.id)?.hidden}isItemLoading(o){return!!this.itemStates.get(o.id)?.loading}isItemActive(o){const t=this.itemStates.get(o.id);return void 0!==t?.active?t.active:o.active??!1}computeItemValue(o){const t=this.itemStates.get(o.id);return void 0!==t?.value?t.value:"value"in o?o.value:"checked"in o?o.checked:void 0}handleDragStart(o){this.dragSourceId=o}handleDrop(o){if(!this.dragSourceId||this.dragSourceId===o)return;const t=[...this.parsedItems],r=t.findIndex((o=>o.id===this.dragSourceId)),a=t.findIndex((t=>t.id===o));if(r<0||a<0)return;const[e]=t.splice(r,1);t.splice(a,0,e),this.parsedItems=[...t],this.dragSourceId=null,this.toolbarReorder.emit(t)}renderItem(o,t=!1){if(this.isItemHidden(o))return null;if(!t&&this.overflowedIds.has(o.id)&&"dropdown"===this.overflowStrategy)return null;const r=this.isItemDisabled(o),e=this.isItemLoading(o);switch(o.type){case"button":case"icon-button":return this.renderButton(o,r,e,t);case"dropdown":return this.renderDropdown(o,r);case"input":case"search":return this.renderInput(o,r,t);case"toggle":case"switch":return this.renderToggle(o,r,t);case"toggle-group":return this.renderToggleGroup(o,r,t);case"avatar":return this.renderAvatar(o,t);case"separator":return this.renderSeparator();case"spacer":return a("span",{class:"toolbar-spacer",style:{flex:String(o.flex??1)}});case"text":return this.renderText(o);case"badge":return this.renderBadge(o);case"custom":return this.renderCustom(o);case"group":return this.renderGroup(o,t);default:return null}}renderButton(o,t,r,e){const i=this.isItemActive(o),l=o.iconLibrary??this.iconLibrary,n=o.iconOnly??(!o.label||this.iconOnly);if(e)return a("li",{class:{"overflow-item":!0,"is-active":i,"is-disabled":t},role:"menuitem","aria-disabled":t?"true":null,onClick:t?null:t=>{this.handleItemClick(o,t),this.isOverflowOpen=!1},onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||(this.handleItemClick(o,t),this.isOverflowOpen=!1)},tabIndex:t?-1:0,"data-item-id":o.id},o.icon&&a("ui-icon",{name:o.icon,library:l,size:"16px"}),a("span",{class:"overflow-item-label"},o.label??o.id),i&&a("span",{class:"overflow-item-check"},"✓"));const s="ghost"!==o.variant&&"outline"!==o.variant&&o.variant?o.variant:o.variant??"ghost";return a("div",{class:{"toolbar-item":!0,"toolbar-item--button":!0,[o.className??""]:!!o.className},"data-item-id":o.id,draggable:this.reorderable,onDragStart:()=>this.handleDragStart(o.id),onDrop:()=>this.handleDrop(o.id),onDragOver:o=>o.preventDefault()},a("ui-button",{label:n?void 0:o.label,icon:o.icon,"icon-library":l,"icon-only":n,variant:s,size:this.size,disabled:t,loading:r,selected:i,active:i,noRipple:!0,href:o.href,target:o.target,tooltip:o.tooltip,"aria-label":o.ariaLabel??(n?o.label:void 0),badge:null!=o.badge?String(o.badge):void 0,ref:t=>t&&this.focusableRefs.set(o.id,t),onButtonClick:t?null:t=>this.handleItemClick(o,t.detail)}))}renderDropdown(o,t){const r=this.computeItemValue(o)??"",e=o.iconLibrary??this.iconLibrary;return a("div",{class:{"toolbar-item":!0,"toolbar-item--dropdown":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip},a("ui-dropdown",{options:o.options,value:r,placeholder:o.placeholder??o.label??"Select",disabled:t,multiSelect:o.multiSelect,searchable:o.searchable,clearable:o.clearable,size:this.size,onDropdownChange:t=>this.handleValueChange(o,t.detail?.value)},o.icon&&a("ui-icon",{slot:"prefix",name:o.icon,library:e,size:"16px"})))}renderInput(o,t,r){if(r)return null;const e=this.computeItemValue(o)??"",i=t=>{const r=o.debounce??this.inputDebounce;this.inputDebounceTimers.has(o.id)&&clearTimeout(this.inputDebounceTimers.get(o.id));const a=setTimeout((()=>this.handleValueChange(o,t)),r);this.inputDebounceTimers.set(o.id,a)};return a("div",{class:{"toolbar-item":!0,"toolbar-item--input":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,style:{minWidth:o.minWidth,maxWidth:o.maxWidth}},a("ui-input",{value:e,placeholder:o.placeholder??("search"===o.type?"Search…":""),disabled:t,size:this.size,clearable:o.clearable,"prefix-icon":"search"===o.type?"search":o.icon,"icon-library":this.iconLibrary,ref:t=>t&&this.focusableRefs.set(o.id,t),onInputChange:o=>i(o.detail)}))}renderToggle(o,t,r){const e=this.computeItemValue(o)??!1;return r?a("li",{class:{"overflow-item":!0,"overflow-item--toggle":!0,"is-disabled":t},role:"menuitemcheckbox","aria-checked":String(e),"aria-disabled":t?"true":null,tabIndex:t?-1:0,"data-item-id":o.id,onClick:t?null:()=>this.handleValueChange(o,!e),onKeyDown:t=>{"Enter"!==t.key&&" "!==t.key||this.handleValueChange(o,!e)}},a("span",{class:"overflow-item-label"},o.label??o.id),a("span",{class:"overflow-toggle"+(e?" is-on":"")},e?"ON":"OFF")):a("div",{class:{"toolbar-item":!0,"toolbar-item--toggle":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip},"right"!==o.labelPosition&&o.label&&a("span",{class:"toolbar-toggle-label"},o.label),a("ui-switch",{checked:e,disabled:t,size:this.size,label:"right"===o.labelPosition?o.label:void 0,"label-position":o.labelPosition??"right",ref:t=>t&&this.focusableRefs.set(o.id,t),onSwitchChange:t=>this.handleValueChange(o,t.detail.checked)}))}renderToggleGroup(o,t,r){if(r)return null;const e=this.computeItemValue(o)??"";return a("div",{class:{"toolbar-item":!0,"toolbar-item--toggle-group":!0,"is-disabled":t,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip},a("ui-toggle-group",{options:o.options,value:Array.isArray(e)?e.join(","):e,disabled:t,size:o.size??this.size,color:o.color,variant:o.variant,shape:o.shape,"selection-mode":o.selectionMode??"single",onToggleGroupChange:t=>this.handleValueChange(o,t.detail.value)}))}renderAvatar(o,t){return t?a("li",{class:{"overflow-item":!0,"overflow-item--avatar":!0},role:"menuitem",tabIndex:0,"data-item-id":o.id},a("ui-avatar",{src:o.src,name:o.name,size:o.size??"24px",status:o.status,shape:"circle"}),o.name&&a("span",{class:"overflow-item-label"},o.name)):a("div",{class:{"toolbar-item":!0,"toolbar-item--avatar":!0,"is-clickable":o.clickable,[o.className??""]:!!o.className},"data-item-id":o.id,title:o.tooltip??o.name,role:o.clickable?"button":null,tabIndex:o.clickable?0:null,ref:t=>o.clickable&&t&&this.focusableRefs.set(o.id,t),onClick:o.clickable?t=>this.handleItemClick(o,t):null,onKeyDown:t=>{!o.clickable||"Enter"!==t.key&&" "!==t.key||this.handleItemClick(o,t)}},a("ui-avatar",{src:o.src,name:o.name,size:o.size??"28px",status:o.status,shape:"circle"}),null!=o.badge&&a("span",{class:"toolbar-badge toolbar-badge--primary"},o.badge))}renderSeparator(){return a("div",{class:"toolbar-separator"+("vertical"===this.orientation?" toolbar-separator--horizontal":""),role:"separator","aria-orientation":"vertical"===this.orientation?"horizontal":"vertical"})}renderText(o){return a("span",{class:{"toolbar-item":!0,"toolbar-text":!0,"toolbar-text--bold":o.bold,"toolbar-text--muted":o.muted,[o.className??""]:!!o.className},"data-item-id":o.id},o.content)}renderBadge(o){return a("span",{class:`toolbar-item toolbar-status-badge toolbar-status-badge--${o.color??"primary"}${o.dot?" is-dot":""}`,"data-item-id":o.id},!o.dot&&o.label)}renderCustom(o){return o.component?a(o.component,{"data-item-id":o.id,...o.componentProps??{}}):o.html?a("div",{class:"toolbar-item toolbar-item--custom","data-item-id":o.id,innerHTML:o.html}):null}renderGroup(o,t){const r=!1===this.itemStates.get(o.id)?.active;return a("div",{class:{"toolbar-group":!0,"toolbar-group--divider":o.divider,"is-collapsed":r,[o.className??""]:!!o.className},"data-item-id":o.id,role:"group","aria-label":o.label},o.label&&a("span",{class:"toolbar-group__label",onClick:o.collapsible?()=>{const t=this.itemStates.get(o.id)??{id:o.id};this.itemStates=new Map(this.itemStates.set(o.id,{...t,active:!t.active}))}:null},o.label),!r&&o.items.map((o=>this.renderItem(o,t))))}renderOverflowMenu(){const o=this.getAllItems().filter((o=>this.overflowedIds.has(o.id)||o.pinToOverflow));return 0===o.length?null:a("div",{class:"toolbar-overflow"+(this.isOverflowOpen?" is-open":"")},a("ui-button",{class:"toolbar-overflow__btn toolbar-item toolbar-item--button toolbar-item--ghost","aria-haspopup":"menu","aria-expanded":String(this.isOverflowOpen),"aria-label":this.overflowLabel,title:this.overflowLabel,variant:"ghost",onButtonClick:o=>{o.detail.stopPropagation(),this.isOverflowOpen=!this.isOverflowOpen},icon:this.overflowIcon,"icon-library":this.iconLibrary,badge:String(o.length),iconOnly:!0}),this.isOverflowOpen&&a("ul",{class:"toolbar-overflow__menu",style:{overflow:"visible"},role:"menu","aria-label":this.overflowLabel},o.map((o=>this.renderItem(o,!0)))))}renderZone(o,t){return o?.length?a("div",{class:`toolbar-zone toolbar-zone--${t}`,role:"group","aria-label":t},o.map((o=>this.renderItem(o)))):null}render(){const o=!!this.parsedSchema,t={gap:this.gap,padding:"inline"===this.variant?"0":this.padding},r={[`variant-${this.variant}`]:!0,[`orientation-${this.orientation}`]:!0,[`position-${this.position}`]:!0,[`size-${this.size}`]:!0,[`elevation-${this.elevation}`]:!0,[`align-${this.alignment}`]:!0,"is-rounded":this.rounded,"is-bordered":this.bordered,"is-disabled":this.disabled,"is-loading":this.loading,"is-collapsed":this.isCollapsed,"is-mobile":this.isMobile,"is-overflow-open":this.isOverflowOpen,"has-open-overlay":this.isOverflowOpen||this.openChildDropdowns>0,"has-zone-dividers":this.zoneDividers,"has-overflow":this.overflowedIds.size>0,[`overflow-${this.overflowStrategy}`]:!0},i={};return"sticky"!==this.position&&"fixed"!==this.position||(i[this.stickyEdge]="0"),this.maxSize&&(i["horizontal"===this.orientation?"maxWidth":"maxHeight"]=this.maxSize),a(e,{key:"6b33477b806940fbb98394621c375a70853128a9",class:r,style:i,role:"toolbar","aria-label":this.toolbarAriaLabel,"aria-disabled":this.disabled?"true":null},this.isMobile&&a("ui-button",{key:"12131b32e8813702f466625f77a38c3978bb4147",class:"toolbar-mobile-toggle","aria-expanded":String(!this.isCollapsed),"aria-label":this.isCollapsed?"Expand toolbar":"Collapse toolbar",onButtonClick:()=>{this.isCollapsed=!this.isCollapsed},variant:"ghost",icon:this.isCollapsed?"menu":"x","icon-library":this.iconLibrary,iconOnly:!0}),(!this.isMobile||!this.isCollapsed)&&a("div",{key:"3e203ab7c3349576bae4f42b906ec702b97b18af",class:"toolbar-body",style:t,ref:o=>this.toolbarBodyRef=o},a("slot",{key:"5c2f402b9d318651a0007b3ed80064f711f6e3a5",name:"before"}),o?a("div",{class:"toolbar-zones"},this.renderZone(this.parsedSchema.left??[],"left"),this.zoneDividers&&this.parsedSchema.left?.length>0&&this.parsedSchema.center?.length>0&&this.renderSeparator(),this.renderZone(this.parsedSchema.center??[],"center"),this.zoneDividers&&this.parsedSchema.center?.length>0&&this.parsedSchema.right?.length>0&&this.renderSeparator(),this.renderZone(this.parsedSchema.right??[],"right")):this.parsedItems.map((o=>this.renderItem(o))),a("slot",{key:"d8e7b2fec2cad8fe068792c0a4cb0e7b7d0b002e",name:"left"}),a("slot",{key:"4445e8c225d7249ddd65fe1164dc78a924d63530",name:"center"}),a("slot",{key:"d590115edf7ff9d04cb0e36b5cac629b85901b09",name:"right"}),a("slot",{key:"cf6631fd34e189258bea03f5b653ee4d766f3d78"}),"dropdown"===this.overflowStrategy&&this.renderOverflowMenu(),a("slot",{key:"f97fe02b2756a3cbb7b82965d57e767597834ee7",name:"after"})))}static get watchers(){return{items:[{onItemsChange:0}],schema:[{onSchemaChange:0}]}}};i.style='@charset "UTF-8";.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{--toolbar-height:48px;--toolbar-padding:8px 12px;--toolbar-gap:4px;--toolbar-bg:var(--bg-primary, #ffffff);--toolbar-border-color:var(--border-default, #e5e7eb);--toolbar-text:var(--text-primary, #111827);--toolbar-muted:var(--text-secondary, #6b7280);--toolbar-separator-color:var(--border-default, #e5e7eb);--toolbar-item-bg:transparent;--toolbar-item-bg-hover:var(--bg-secondary, #f3f4f6);--toolbar-item-bg-active:var(--color-primary-light, #eff6ff);--toolbar-item-color:var(--text-primary, #374151);--toolbar-item-color-active:var(--color-primary, #2563eb);--toolbar-item-radius:6px;--toolbar-item-height-sm:28px;--toolbar-item-height-md:34px;--toolbar-item-height-lg:40px;--toolbar-item-height-xl:48px;--toolbar-item-padding-sm:0 8px;--toolbar-item-padding-md:0 12px;--toolbar-item-padding-lg:0 16px;--toolbar-switch-width:34px;--toolbar-switch-height:18px;--toolbar-switch-on:var(--color-primary, #2563eb);--toolbar-switch-off:var(--border-strong, #d1d5db);--toolbar-switch-thumb:#ffffff;--toolbar-badge-bg:var(--color-danger, #ef4444);--toolbar-badge-color:#ffffff;--toolbar-badge-size:16px;--toolbar-overflow-menu-bg:#ffffff;--toolbar-overflow-menu-border:rgba(0, 0, 0, 0.08);--toolbar-overflow-menu-shadow:0 20px 50px rgba(0, 0, 0, 0.2), 0 10px 20px rgba(0, 0, 0, 0.1);--toolbar-overflow-menu-radius:16px;--toolbar-overflow-item-height:40px;--toolbar-transition:0.15s ease;--toolbar-shadow-1:0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--toolbar-shadow-2:0 4px 12px rgba(0, 0, 0, .08), 0 2px 4px rgba(0, 0, 0, .05);--toolbar-shadow-3:0 8px 24px rgba(0, 0, 0, .10), 0 4px 8px rgba(0, 0, 0, .06);--toolbar-shadow-4:0 16px 40px rgba(0, 0, 0, .12), 0 6px 12px rgba(0, 0, 0, .07);display:block;box-sizing:border-box;position:relative;max-width:100%}:host{--_item-h:var(--toolbar-item-height-md);--_item-p:var(--toolbar-item-padding-md)}:host(.size-sm){--_item-h:var(--toolbar-item-height-sm);--_item-p:var(--toolbar-item-padding-sm)}:host(.size-md){--_item-h:var(--toolbar-item-height-md);--_item-p:var(--toolbar-item-padding-md)}:host(.size-lg){--_item-h:var(--toolbar-item-height-lg);--_item-p:var(--toolbar-item-padding-lg)}:host(.size-xl){--_item-h:var(--toolbar-item-height-xl);--_item-p:var(--toolbar-item-padding-lg)}.toolbar-body{display:flex;align-items:center;flex-wrap:nowrap;box-sizing:border-box;width:100%;max-width:100%;min-width:0;min-height:var(--toolbar-height);background:var(--toolbar-bg);color:var(--toolbar-text);font-family:var(--font-family);font-size:13px;transition:background var(--toolbar-transition), color var(--toolbar-transition);position:relative}:host(.orientation-vertical) .toolbar-body{flex-direction:column;align-items:stretch;width:var(--toolbar-height);min-height:unset;height:100%}:host(.align-start) .toolbar-body{justify-content:flex-start}:host(.align-center) .toolbar-body{justify-content:center}:host(.align-end) .toolbar-body{justify-content:flex-end}:host(.align-space-between) .toolbar-body{justify-content:space-between}:host(.align-space-around) .toolbar-body{justify-content:space-around}:host(.align-space-evenly) .toolbar-body{justify-content:space-evenly}:host .toolbar-body{overflow:hidden}:host(.overflow-scroll) .toolbar-body{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}:host(.orientation-vertical) :host(.overflow-scroll) .toolbar-body{overflow-x:hidden;overflow-y:auto}:host(.overflow-scroll) .toolbar-body{scrollbar-width:thin;scrollbar-color:var(--toolbar-muted) transparent}:host(.overflow-scroll) .toolbar-body::-webkit-scrollbar{width:4px;height:4px;background:transparent}:host(.overflow-scroll) .toolbar-body::-webkit-scrollbar-thumb{background:var(--toolbar-muted);border-radius:4px;border:1px solid transparent;background-clip:content-box;opacity:0.5}:host(.overflow-scroll) .toolbar-body{}:host(.overflow-scroll) .toolbar-body:not(:hover){scrollbar-color:transparent transparent}:host(.overflow-scroll) .toolbar-body:not(:hover)::-webkit-scrollbar-thumb{background:transparent}:host(.overflow-visible) .toolbar-body{overflow:visible}:host(.overflow-wrap) .toolbar-body{flex-wrap:wrap;height:auto;min-height:var(--toolbar-height)}:host(.overflow-dropdown) .toolbar-body{overflow:hidden}:host(.overflow-dropdown.has-open-overlay) .toolbar-body,:host(.overflow-dropdown.is-overflow-open) .toolbar-body,:host(.overflow-dropdown.has-open-dropdown) .toolbar-body,:host(.has-open-overlay) .toolbar-body{overflow:visible}:host(.elevation-0) .toolbar-body{box-shadow:none}:host(.elevation-1) .toolbar-body{box-shadow:var(--toolbar-shadow-1)}:host(.elevation-2) .toolbar-body{box-shadow:var(--toolbar-shadow-2)}:host(.elevation-3) .toolbar-body{box-shadow:var(--toolbar-shadow-3)}:host(.elevation-4) .toolbar-body{box-shadow:var(--toolbar-shadow-4)}:host(.is-bordered) .toolbar-body{border:1px solid var(--toolbar-border-color)}:host(.is-rounded) .toolbar-body{border-radius:12px}:host(.position-sticky){position:sticky;z-index:var(--z-sticky, 10)}:host(.position-fixed){position:fixed;z-index:var(--z-toolbar, 20);width:100%}:host(.variant-primary) .toolbar-body{background:var(--color-primary, #2563eb);color:#ffffff;--toolbar-item-color:rgba(255, 255, 255, 0.92);--toolbar-item-bg-hover:rgba(255, 255, 255, 0.12);--toolbar-item-bg-active:rgba(255, 255, 255, 0.2);--toolbar-item-color-active:#ffffff;--toolbar-separator-color:rgba(255, 255, 255, 0.2)}:host(.variant-secondary) .toolbar-body{background:var(--bg-secondary, #f8fafc);--toolbar-item-bg-hover:var(--bg-primary, #ffffff)}:host(.variant-minimal) .toolbar-body{background:transparent;box-shadow:none;border-bottom:1px solid var(--toolbar-border-color)}:host(.variant-glass) .toolbar-body{background:rgba(255, 255, 255, 0.12);backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255, 255, 255, 0.15);box-shadow:0 8px 32px rgba(31, 38, 135, 0.1);--toolbar-item-color:var(--text-primary, #1e293b);--toolbar-item-bg-hover:rgba(255, 255, 255, 0.2);--toolbar-separator-color:rgba(255, 255, 255, 0.2)}:host(.variant-elevated) .toolbar-body{box-shadow:var(--toolbar-shadow-3);border-bottom:none}:host(.variant-outlined) .toolbar-body{background:transparent;border:1px solid var(--toolbar-border-color);box-shadow:none}:host(.variant-dark) .toolbar-body{background:var(--bg-dark, #1e293b);color:#f1f5f9;--toolbar-item-color:rgba(241, 245, 249, 0.9);--toolbar-item-bg-hover:rgba(255, 255, 255, 0.08);--toolbar-item-bg-active:rgba(99, 102, 241, 0.25);--toolbar-item-color-active:#818cf8;--toolbar-separator-color:rgba(255, 255, 255, 0.1);--toolbar-overflow-menu-bg:#1e293b;--toolbar-overflow-menu-border:rgba(255, 255, 255, 0.1)}:host(.variant-inline){display:inline-block;width:auto}:host(.variant-inline) .toolbar-body{width:auto;min-height:auto;background:transparent;box-shadow:none;border:none;border-radius:0;padding:0 !important;overflow:visible}.toolbar-zones{display:flex;align-items:center;width:100%;max-width:100%;min-width:0;gap:inherit}.toolbar-zone{display:flex;align-items:center;gap:inherit;flex-shrink:0;max-width:100%;min-width:0}.toolbar-zone--left{margin-right:auto}.toolbar-zone--right{margin-left:auto}.toolbar-zone--center{flex:1;justify-content:center}:host(.has-zone-dividers) .toolbar-zones .toolbar-zone+.toolbar-zone{border-left:1px solid var(--toolbar-separator-color);padding-left:12px;margin-left:12px}.toolbar-item{display:inline-flex;align-items:center;justify-content:center;gap:5px;height:var(--_item-h);padding:var(--_item-p);border-radius:var(--toolbar-item-radius);color:var(--toolbar-item-color);background:var(--toolbar-item-bg);border:none;cursor:pointer;user-select:none;white-space:nowrap;font-size:inherit;font-weight:500;transition:background var(--toolbar-transition), color var(--toolbar-transition), box-shadow var(--toolbar-transition), opacity var(--toolbar-transition), transform 0.1s ease;outline:none;text-decoration:none;flex-shrink:0;position:relative;max-width:100%;min-width:0}.toolbar-item--button,.toolbar-item--input,.toolbar-item--search,.toolbar-item--toggle,.toolbar-item--toggle-group{padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;height:auto !important;cursor:default !important}.toolbar-item--dropdown{overflow:visible;padding:0 !important;background:transparent !important;border:none !important;box-shadow:none !important;height:auto !important;cursor:default !important;}.toolbar-item--dropdown .dropdown-trigger,.toolbar-item--dropdown .dropdown-container .dropdown-trigger{height:var(--_item-h) !important;min-height:var(--_item-h) !important;max-height:var(--_item-h) !important;padding:0 10px !important;font-size:inherit !important;box-sizing:border-box}.toolbar-item--dropdown{}.toolbar-item--dropdown .dropdown-has-chips .dropdown-trigger{height:auto !important;min-height:var(--_item-h) !important;max-height:none !important}.toolbar-item:focus-visible{box-shadow:0 0 0 2px var(--color-primary, #2563eb);outline:none}.toolbar-item--button:hover:not(.is-disabled),.toolbar-item--avatar.is-clickable:hover{background:var(--toolbar-item-bg-hover)}.toolbar-item--button.is-active{background:var(--toolbar-item-bg-active);color:var(--toolbar-item-color-active)}.toolbar-item--button:active:not(.is-disabled){transform:scale(0.96)}.toolbar-item.is-icon-only{padding:0;width:var(--_item-h)}.toolbar-item.is-disabled,.toolbar-item[aria-disabled=true]{opacity:0.45;cursor:not-allowed;pointer-events:none}.toolbar-item.is-loading{cursor:wait;pointer-events:none}.toolbar-item--primary{background:var(--color-primary, #2563eb);color:#fff}.toolbar-item--primary:hover{background:var(--color-primary-hover, #1d4ed8)}.toolbar-item--secondary{background:var(--bg-secondary, #f1f5f9);color:var(--text-primary, #374151)}.toolbar-item--secondary:hover{background:var(--bg-tertiary, #e2e8f0)}.toolbar-item--danger{background:var(--color-danger, #ef4444);color:#fff}.toolbar-item--danger:hover{background:#dc2626}.toolbar-item--success{background:var(--color-success, #10b981);color:#fff}.toolbar-item--warning{background:var(--color-warning, #f59e0b);color:#fff}.toolbar-item--ghost,.toolbar-item--outline{background:transparent;color:var(--toolbar-item-color)}.toolbar-item--outline{border:1px solid var(--toolbar-border-color)}.toolbar-item__label{line-height:1}.toolbar-separator{width:1px;align-self:stretch;margin:4px 2px;background:var(--toolbar-separator-color);flex-shrink:0}.toolbar-separator--horizontal{width:100%;height:1px;margin:2px 4px}.toolbar-spacer{display:block;flex-shrink:0}.toolbar-text{cursor:default;font-size:13px;color:var(--toolbar-text);padding:0 6px;height:auto}.toolbar-text--bold{font-weight:700}.toolbar-text--muted{color:var(--toolbar-muted)}.toolbar-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:0.03em;height:auto}.toolbar-status-badge--primary{background:#dbeafe;color:#1d4ed8}.toolbar-status-badge--success{background:#d1fae5;color:#065f46}.toolbar-status-badge--danger{background:#fee2e2;color:#991b1b}.toolbar-status-badge--warning{background:#fef3c7;color:#92400e}.toolbar-status-badge--info{background:#e0f2fe;color:#0369a1}.toolbar-status-badge.is-dot{width:8px;height:8px;border-radius:50%;padding:0}.toolbar-badge{position:absolute;top:2px;right:2px;min-width:var(--toolbar-badge-size);height:var(--toolbar-badge-size);border-radius:999px;padding:0 3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;line-height:1;background:var(--toolbar-badge-bg);color:var(--toolbar-badge-color);box-shadow:0 0 0 2px var(--toolbar-bg);pointer-events:none}.toolbar-badge--success{background:var(--color-success, #10b981)}.toolbar-badge--warning{background:var(--color-warning, #f59e0b)}.toolbar-badge--info{background:var(--color-info, #2563eb)}.toolbar-item--input,.toolbar-item--search{padding:0;background:transparent;cursor:default}.toolbar-input-wrap{display:flex;align-items:center;gap:6px;height:var(--_item-h);padding:0 10px;border:1px solid var(--toolbar-border-color);border-radius:var(--toolbar-item-radius);background:var(--bg-primary, #fff);transition:border-color var(--toolbar-transition), box-shadow var(--toolbar-transition);min-width:160px;max-width:260px}.toolbar-input-wrap--search{min-width:180px}.toolbar-input-wrap:focus-within{border-color:var(--color-primary, #2563eb);box-shadow:0 0 0 2px rgba(37, 99, 235, 0.12)}.toolbar-input{flex:1;border:none;outline:none;background:transparent;color:var(--toolbar-text);font-size:13px;font-family:inherit;min-width:0}.toolbar-input::placeholder{color:var(--toolbar-muted)}.toolbar-input-icon{color:var(--toolbar-muted);flex-shrink:0}.toolbar-input-clear{display:flex;align-items:center;padding:2px;background:none;border:none;cursor:pointer;color:var(--toolbar-muted);border-radius:4px;transition:color var(--toolbar-transition), background var(--toolbar-transition);flex-shrink:0}.toolbar-input-clear:hover{color:var(--toolbar-text);background:var(--toolbar-item-bg-hover)}.toolbar-item--toggle{gap:8px;cursor:default;padding:0 8px;background:transparent}.toolbar-toggle-label{font-size:13px;color:var(--toolbar-item-color);white-space:nowrap}.toolbar-switch{position:relative;width:var(--toolbar-switch-width);height:var(--toolbar-switch-height);border-radius:999px;background:var(--toolbar-switch-off);border:none;cursor:pointer;transition:background var(--toolbar-transition);outline:none;flex-shrink:0;padding:0}.toolbar-switch:focus-visible{box-shadow:0 0 0 2px var(--color-primary, #2563eb)}.toolbar-switch.is-on{background:var(--toolbar-switch-on)}.toolbar-switch__thumb{position:absolute;top:2px;left:2px;width:calc(var(--toolbar-switch-height) - 4px);height:calc(var(--toolbar-switch-height) - 4px);border-radius:50%;background:var(--toolbar-switch-thumb);box-shadow:0 1px 3px rgba(0, 0, 0, 0.25);transition:transform var(--toolbar-transition)}.toolbar-switch.is-on .toolbar-switch__thumb{transform:translateX(calc(var(--toolbar-switch-width) - var(--toolbar-switch-height)))}.toolbar-item--avatar{padding:0 4px;position:relative;background:transparent}.toolbar-item--avatar.is-clickable{cursor:pointer;padding:4px}.toolbar-item--avatar.is-clickable:hover{background:var(--toolbar-item-bg-hover)}.toolbar-group{display:inline-flex;align-items:center;gap:inherit;flex-shrink:0;max-width:100%;min-width:0}.toolbar-group--divider{border-left:1px solid var(--toolbar-separator-color);padding-left:8px;margin-left:4px}.toolbar-group__label{font-size:11px;font-weight:600;color:var(--toolbar-muted);text-transform:uppercase;letter-spacing:0.06em;padding:0 4px}.toolbar-group.is-collapsed>*:not(.toolbar-group__label){display:none}.toolbar-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:toolbar-spin 0.7s linear infinite}@keyframes toolbar-spin{to{transform:rotate(360deg)}}.toolbar-overflow{position:absolute;right:var(--toolbar-overflow-right, 0px);top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;flex-shrink:0;z-index:var(--z-dropdown, 100);background:var(--toolbar-bg);}.toolbar-overflow::before{content:"";position:absolute;right:100%;top:0;bottom:0;width:24px;background:linear-gradient(to right, transparent, var(--toolbar-bg));pointer-events:none}.toolbar-overflow.is-open .toolbar-overflow__menu{display:block !important;opacity:1 !important;transform:scale(1) translateY(0) !important;visibility:visible !important}.toolbar-overflow__btn{position:relative}.toolbar-overflow__badge{position:absolute;top:1px;right:1px;min-width:14px;height:14px;background:var(--color-primary, #2563eb);color:#fff;border-radius:999px;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 2px;pointer-events:none;box-shadow:0 0 0 2px var(--toolbar-bg)}.toolbar-overflow__menu{position:absolute;top:calc(100% + 6px);right:0;z-index:var(--z-dropdown, 100);list-style:none;margin:0;padding:6px;min-width:180px;background:var(--toolbar-overflow-menu-bg);border:1px solid var(--toolbar-overflow-menu-border);border-radius:var(--toolbar-overflow-menu-radius);box-shadow:var(--toolbar-overflow-menu-shadow);animation:toolbar-overflow-in 0.15s cubic-bezier(0.34, 1.56, 0.64, 1);max-height:320px;overflow-y:auto}:host(.orientation-vertical) .toolbar-overflow__menu{top:0;left:calc(100% + 6px);right:auto}@keyframes toolbar-overflow-in{from{opacity:0;transform:scale(0.95) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.overflow-item{display:flex;align-items:center;gap:8px;height:var(--toolbar-overflow-item-height);padding:0 10px;border-radius:6px;cursor:pointer;color:var(--toolbar-item-color);font-size:13px;font-weight:500;transition:background var(--toolbar-transition), color var(--toolbar-transition);outline:none;user-select:none;list-style:none}.overflow-item:hover,.overflow-item:focus-visible{background:var(--toolbar-item-bg-hover);color:var(--toolbar-item-color-active)}.overflow-item.is-active{color:var(--toolbar-item-color-active)}.overflow-item.is-disabled{opacity:0.45;cursor:not-allowed;pointer-events:none}.overflow-item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.overflow-item-check{color:var(--toolbar-item-color-active);font-size:12px;font-weight:700}.overflow-item--toggle{justify-content:space-between}.overflow-toggle{font-size:11px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--toolbar-item-bg-hover);color:var(--toolbar-muted)}.overflow-toggle.is-on{background:var(--toolbar-item-bg-active);color:var(--toolbar-item-color-active)}.overflow-item--avatar{gap:10px}.toolbar-mobile-toggle{display:none;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;cursor:pointer;color:var(--toolbar-text);border-radius:6px;transition:background var(--toolbar-transition);padding:0}.toolbar-mobile-toggle:hover{background:var(--toolbar-item-bg-hover)}:host(.is-mobile) .toolbar-mobile-toggle{display:flex}:host(.is-mobile) .toolbar-body,:host(.variant-inline) .toolbar-body{flex-wrap:wrap;align-items:flex-start}:host(.is-mobile.is-collapsed) .toolbar-body{display:none}:host(.is-mobile) .toolbar-zones,:host(.variant-inline) .toolbar-zones,:host(.overflow-wrap) .toolbar-zones{flex-wrap:wrap;align-items:flex-start}:host(.is-mobile) .toolbar-zone,:host(.variant-inline) .toolbar-zone,:host(.overflow-wrap) .toolbar-zone{flex-wrap:wrap;align-items:flex-start}:host(.is-mobile) .toolbar-zone--left,:host(.is-mobile) .toolbar-zone--center,:host(.is-mobile) .toolbar-zone--right{width:100%;margin-left:0;margin-right:0;justify-content:flex-start}:host(.is-mobile) .toolbar-item--input,:host(.variant-inline) .toolbar-item--input,:host(.is-mobile) .toolbar-item--search,:host(.variant-inline) .toolbar-item--search{flex:1 1 180px}:host(.orientation-vertical) .toolbar-item{width:100%;justify-content:flex-start;padding:0 14px;height:var(--_item-h)}:host(.orientation-vertical) .toolbar-item.is-icon-only{justify-content:center;padding:0}:host(.orientation-vertical) .toolbar-separator{width:80%;height:1px;margin:4px auto;align-self:center}:host(.orientation-vertical) .toolbar-overflow{position:absolute;bottom:0;right:auto;left:0;top:auto;transform:none;width:100%;justify-content:center}.toolbar-item[draggable=true]{cursor:grab}.toolbar-item[draggable=true]:active{cursor:grabbing;opacity:0.6}:host(.is-disabled) .toolbar-body{opacity:0.6;pointer-events:none;cursor:not-allowed}:host(.is-loading) .toolbar-body::after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(90deg, transparent 0%, var(--color-primary, #2563eb) 40%, transparent 100%);animation:toolbar-loading 1.4s ease infinite}@keyframes toolbar-loading{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}::slotted(*){flex-shrink:0;max-width:100%;min-width:0}:host(.is-mobile) ::slotted(*),:host(.variant-inline) ::slotted(*){flex-shrink:1}.toolbar-item--custom{padding:0;background:transparent;height:auto;cursor:default;max-width:100%}';export{i as ui_toolbar}

package/dist/exploration-project-tailwind/p-0d31c9e9.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,a as s,h as e,H as a}from"./p-DUsoYu9r.js";const r=class{constructor(s){t(this,s),this.colorChange=i(this,"colorChange")}value="#3bf673";label="";showHex=!0;showRgb=!0;showRgba=!0;showHsl=!0;showHsla=!0;showAlpha=!1;showSwatches=!0;swatches=[];format="hex";disabled=!1;inline=!1;size="md";name="";required=!1;showRecent=!0;showEyeDropper=!0;showColorName=!0;showGradient=!1;variant="default";get el(){return s(this)}internals;isOpen=!1;hue=220;saturation=80;lightness=60;alpha=1;hexInput="#3bf673";isInvalid=!1;invalidField=null;recentColors=[];isGradientMode=!1;gradientStops=["#3bf673","#10b981"];activeStopIndex=0;colorChange;handleDocumentPointerDown=t=>{this.isOpen&&!this.inline&&(("function"==typeof t.composedPath?t.composedPath():[]).includes(this.el)||this.el.contains(t.target)||(this.isOpen=!1))};defaultSwatches=["#ef4444","#f97316","#f59e0b","#eab308","#84cc16","#22c55e","#10b981","#06b6d4","#3bf673","#8b5cf6","#ec4899","#f43f5e","#6b7280","#1f2937","#ffffff"];colorNames={"#ff0000":"Red","#00ff00":"Lime","#0000ff":"Blue","#ffffff":"White","#000000":"Black","#808080":"Gray","#ffff00":"Yellow","#00ffff":"Cyan","#ff00ff":"Magenta","#3bf673":"Royal Blue","#10b981":"Emerald","#ef4444":"Red Orange","#f59e0b":"Amber","#8b5cf6":"Violet","#6b7280":"Slate"};initializeInternals(){if(!this.internals&&"function"==typeof this.el?.attachInternals)try{this.internals=this.el.attachInternals()}catch(t){if(!(t instanceof DOMException)||"NotSupportedError"!==t.name)throw t}}componentWillLoad(){this.initializeInternals(),this.syncValueToState(this.value),this.value=this.getFormattedValue(),this.updateFormValue(),this.loadHistory()}connectedCallback(){document.addEventListener("pointerdown",this.handleDocumentPointerDown,!0)}disconnectedCallback(){document.removeEventListener("pointerdown",this.handleDocumentPointerDown,!0)}loadHistory(){if(this.showRecent)try{const t=localStorage.getItem("ui-color-history");t&&(this.recentColors=JSON.parse(t))}catch(t){console.error("Failed to load color history",t)}}saveHistory(t){if(!this.showRecent)return;const i=[t,...this.recentColors.filter((i=>i!==t))].slice(0,10);this.recentColors=i,localStorage.setItem("ui-color-history",JSON.stringify(i))}updateFormValue(){this.internals&&this.internals?.setFormValue(this.value)}valueChanged(t){this.syncValueToState(t)}getSwatches(){if("string"==typeof this.swatches)try{return JSON.parse(this.swatches)}catch{return this.defaultSwatches}return this.swatches.length>0?this.swatches:this.defaultSwatches}clamp(t,i,s){return Math.min(s,Math.max(i,t))}roundAlpha(t){return Math.round(100*this.clamp(t,0,1))/100}componentToHex(t){return Math.round(this.clamp(t,0,255)).toString(16).padStart(2,"0")}rgbToHsl(t,i,s){const e=this.clamp(t,0,255)/255,a=this.clamp(i,0,255)/255,r=this.clamp(s,0,255)/255,h=Math.max(e,a,r),n=Math.min(e,a,r),o=(h+n)/2;let l=0,p=0;if(h!==n){const t=h-n;switch(p=o>.5?t/(2-h-n):t/(h+n),h){case e:l=((a-r)/t+(a<r?6:0))/6;break;case a:l=((r-e)/t+2)/6;break;default:l=((e-a)/t+4)/6}}return{h:Math.round(360*l),s:Math.round(100*p),l:Math.round(100*o)}}parseHex(t){const i=t.trim().match(/^#([0-9a-f]{3}|[0-9a-f]{4}|[0-9a-f]{6}|[0-9a-f]{8})$/i);if(!i)return null;let s=i[1];3!==s.length&&4!==s.length||(s=s.split("").map((t=>`${t}${t}`)).join(""));const e=8===s.length,a=parseInt(s.slice(0,2),16),r=parseInt(s.slice(2,4),16),h=parseInt(s.slice(4,6),16),n=e?parseInt(s.slice(6,8),16)/255:this.alpha,o=this.rgbToHsl(a,r,h);return{hex:`#${this.componentToHex(a)}${this.componentToHex(r)}${this.componentToHex(h)}`,alpha:this.roundAlpha(n),...o}}parseRgbColor(t){const i=t.trim().match(/^rgba?\(([^)]+)\)$/i);if(!i)return null;const s=i[1].split(",").map((t=>t.trim()));if(3!==s.length&&4!==s.length)return null;const e=s.slice(0,3).map((t=>Number(t)));if(e.some((t=>Number.isNaN(t))))return null;const[a,r,h]=e.map((t=>this.clamp(t,0,255))),n=void 0!==s[3]?this.roundAlpha(Number(s[3])):this.alpha;if(Number.isNaN(n))return null;const o=this.rgbToHsl(a,r,h);return{hex:`#${this.componentToHex(a)}${this.componentToHex(r)}${this.componentToHex(h)}`,alpha:n,...o}}parseHslColor(t){const i=t.trim().match(/^hsla?\(([^)]+)\)$/i);if(!i)return null;const s=i[1].split(",").map((t=>t.trim()));if(3!==s.length&&4!==s.length)return null;const e=Number(s[0]),a=Number(s[1].replace("%","")),r=Number(s[2].replace("%","")),h=void 0!==s[3]?this.roundAlpha(Number(s[3])):this.alpha;if([e,a,r,h].some((t=>Number.isNaN(t))))return null;const n=(e%360+360)%360,o=this.clamp(a,0,100),l=this.clamp(r,0,100);return{hex:this.hslToHex(n,o,l),alpha:h,h:Math.round(n),s:Math.round(o),l:Math.round(l)}}parseColorValue(t){return!t||t.startsWith("linear-gradient")?null:this.parseHex(t)||this.parseRgbColor(t)||this.parseHslColor(t)}syncParsedColor(t){this.hue=t.h,this.saturation=t.s,this.lightness=t.l,this.alpha=this.roundAlpha(t.alpha),this.hexInput=this.getHexInputValue(t.hex,t.alpha),this.isInvalid=!1,this.invalidField=null}syncValueToState(t){const i=this.parseColorValue(t);i&&this.syncParsedColor(i)}hslToHex(t,i,s){const e=t/360,a=i/100,r=s/100;let h,n,o;if(0===a)h=n=o=r;else{const t=(t,i,s)=>(s<0&&(s+=1),s>1&&(s-=1),s<1/6?t+6*(i-t)*s:s<.5?i:s<2/3?t+(i-t)*(2/3-s)*6:t),i=r<.5?r*(1+a):r+a-r*a,s=2*r-i;h=t(s,i,e+1/3),n=t(s,i,e),o=t(s,i,e-1/3)}const l=t=>Math.round(255*t).toString(16).padStart(2,"0");return`#${l(h)}${l(n)}${l(o)}`}getRgbValues(){const t=this.hslToHex(this.hue,this.saturation,this.lightness).replace("#","");return{r:parseInt(t.slice(0,2),16),g:parseInt(t.slice(2,4),16),b:parseInt(t.slice(4,6),16)}}getHexValue(t=this.hslToHex(this.hue,this.saturation,this.lightness),i=this.alpha){return i<1?`${t}${this.componentToHex(255*i)}`:t}getHexInputValue(t=this.hslToHex(this.hue,this.saturation,this.lightness),i=this.alpha){return this.getHexValue(t,i).replace(/^#/,"")}getRgbString(t=!1){const{r:i,g:s,b:e}=this.getRgbValues();return t?`rgba(${i}, ${s}, ${e}, ${this.roundAlpha(this.alpha)})`:`rgb(${i}, ${s}, ${e})`}getHslString(t=!1){return t?`hsla(${this.hue}, ${this.saturation}%, ${this.lightness}%, ${this.roundAlpha(this.alpha)})`:`hsl(${this.hue}, ${this.saturation}%, ${this.lightness}%)`}getFormattedValue(){switch(this.format){case"rgb":return this.getRgbString(!1);case"rgba":return this.getRgbString(!0);case"hsl":return this.getHslString(!1);case"hsla":return this.getHslString(!0);default:return this.getHexValue()}}updateColorFromInput(t,i){"hex"===i&&(this.hexInput=t.replace(/^#/,""));const s="hex"===i?`#${t.replace(/^#/,"")}`:t,e=this.parseColorValue(s);if(!e)return this.isInvalid=!0,void(this.invalidField=i);this.syncParsedColor(e);const a=this.getFormattedValue();this.value=a,this.updateFormValue(),this.colorChange.emit(a)}emitChange(){const t=this.hslToHex(this.hue,this.saturation,this.lightness);if(this.isGradientMode){this.gradientStops[this.activeStopIndex]=t,this.gradientStops=[...this.gradientStops];const i=`linear-gradient(90deg, ${this.gradientStops[0]}, ${this.gradientStops[1]})`;this.value=i,this.colorChange.emit(i)}else this.value=this.getFormattedValue(),this.hexInput=this.getHexInputValue(t,this.alpha),this.isInvalid=!1,this.invalidField=null,this.updateFormValue(),this.colorChange.emit(this.value),this.saveHistory(t)}toggleGradientMode=()=>{this.isGradientMode=!this.isGradientMode,this.emitChange()};async handleEyeDropper(){if(!("EyeDropper"in window))return void alert("EyeDropper API is not supported in this browser.");const t=new EyeDropper;try{const i=await t.open();this.handleSwatch(i.sRGBHex)}catch(t){}}getColorName(t){const i=t.toLowerCase();return this.colorNames[i]||"Custom"}handleHexInput=t=>{this.updateColorFromInput(t.detail,"hex")};handleSwatch=t=>{const i=this.parseHex(t);i&&(this.syncParsedColor(i),this.value=this.getFormattedValue(),this.updateFormValue(),this.colorChange.emit(this.value),this.saveHistory(i.hex))};parseChannelValue(t){if(""===t||null==t)return null;const i=Number(t);return Number.isFinite(i)?i:null}setChannelValidation(t){this.isInvalid=Boolean(t),this.invalidField=t}applyRgbColor(t,i,s,e=this.alpha){const a=Math.round(this.clamp(t,0,255)),r=Math.round(this.clamp(i,0,255)),h=Math.round(this.clamp(s,0,255)),n=this.roundAlpha(e),o=this.rgbToHsl(a,r,h);this.syncParsedColor({hex:`#${this.componentToHex(a)}${this.componentToHex(r)}${this.componentToHex(h)}`,alpha:n,...o}),this.value=this.getFormattedValue(),this.updateFormValue(),this.colorChange.emit(this.value)}applyHslColor(t,i,s,e=this.alpha){const a=Math.round(this.clamp(t,0,360)),r=Math.round(this.clamp(i,0,100)),h=Math.round(this.clamp(s,0,100)),n=this.roundAlpha(e);this.syncParsedColor({hex:this.hslToHex(a,r,h),alpha:n,h:a,s:r,l:h}),this.value=this.getFormattedValue(),this.updateFormValue(),this.colorChange.emit(this.value)}handleRgbChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail);if(null===s||s<0||s>255)return void this.setChannelValidation(`rgb-${t}`);const e=this.getRgbValues();e[t]=Math.round(s),this.setChannelValidation(null),this.applyRgbColor(e.r,e.g,e.b)};handleRgbaChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail),e=`rgba-${t}`;if(null===s)return void this.setChannelValidation(e);const a=this.getRgbValues();let r=this.alpha;if("a"===t){if(s<0||s>1)return void this.setChannelValidation(e);r=s}else{if(s<0||s>255)return void this.setChannelValidation(e);a[t]=Math.round(s)}this.setChannelValidation(null),this.applyRgbColor(a.r,a.g,a.b,r)};handleHslChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail);if(null===s||s<0||s>{h:360,s:100,l:100}[t])return void this.setChannelValidation(`hsl-${t}`);const e={h:this.hue,s:this.saturation,l:this.lightness,[t]:Math.round(s)};this.setChannelValidation(null),this.applyHslColor(e.h,e.s,e.l)};handleHslaChannelChange=(t,i)=>{const s=this.parseChannelValue(i.detail),e=`hsla-${t}`;if(null===s)return void this.setChannelValidation(e);const a={h:this.hue,s:this.saturation,l:this.lightness};let r=this.alpha;if("a"===t){if(s<0||s>1)return void this.setChannelValidation(e);r=s}else{if(s<0||s>{h:360,s:100,l:100}[t])return void this.setChannelValidation(e);a[t]=Math.round(s)}this.setChannelValidation(null),this.applyHslColor(a.h,a.s,a.l,r)};isHueVariant(){return"hue"===this.variant}isInputVariant(){return"input"===this.variant}showGradientSurface(){return!this.isHueVariant()&&!this.isInputVariant()}showSliderSection(){return!this.isInputVariant()}showInputSection(){return this.showHex||this.showRgb||this.showRgba||this.showHsl||this.showHsla||this.isInputVariant()}getPanelClasses(){return{"cp-panel":!0,"cp-panel-hue":this.isHueVariant(),"cp-panel-input":this.isInputVariant(),"cp-panel-multi-format":this.showInputSection()}}renderFormatInput(t,i,s,a){return e("div",{class:"cp-input-wrap cp-full cp-inline-row"},e("span",{class:"cp-sm-label"},t),e("ui-input",{class:{"cp-text-input":!0,"cp-input-error":this.isInvalid&&this.invalidField===a},type:"text",value:i,onInputChange:s,size:"sm"}))}renderChannelInput(t,i,s,a,r,h,n){return e("div",{class:"cp-channel-field"},e("span",{class:"cp-channel-label"},i),e("ui-input",{class:{"cp-text-input":!0,"cp-channel-input":!0,"cp-input-error":this.isInvalid&&this.invalidField===t},type:"number",min:a,max:r,step:h,value:s,onInputChange:n,size:"sm"}))}renderChannelGroup(t,i,s){return e("div",{class:"cp-input-wrap cp-full cp-channel-group cp-inline-row"},e("span",{class:"cp-sm-label"},t),e("div",{class:{"cp-channel-grid":!0,"cp-channel-grid-3":3===i,"cp-channel-grid-4":4===i}},s))}render(){const t=this.hslToHex(this.hue,this.saturation,this.lightness),i=this.getSwatches(),s=e("div",{key:"1e6a1eb368643f6e67d9804cce7bcfed32b1bd1d",class:this.getPanelClasses()},this.showGradientSurface()&&e("div",{key:"2970c7db9dde45a2f88ed3ede420df322c6556dc",class:"cp-gradient",role:"slider","aria-label":"Saturation and Lightness","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":this.saturation,"aria-valuetext":`Saturation ${this.saturation}%, Lightness ${this.lightness}%`,tabindex:"0",onKeyDown:t=>{const i=t.shiftKey?10:1;"ArrowLeft"===t.key&&(this.saturation=Math.max(0,this.saturation-i),this.emitChange()),"ArrowRight"===t.key&&(this.saturation=Math.min(100,this.saturation+i),this.emitChange()),"ArrowUp"===t.key&&(this.lightness=Math.min(100,this.lightness+i),this.emitChange()),"ArrowDown"===t.key&&(this.lightness=Math.max(0,this.lightness-i),this.emitChange())},style:{background:`linear-gradient(to bottom, transparent, #000), linear-gradient(to right, #fff, hsl(${this.hue}, 100%, 50%))`},onMouseDown:t=>{const i=t.currentTarget.getBoundingClientRect(),s=t=>{const s=Math.max(0,Math.min(1,(t.clientX-i.left)/i.width)),e=Math.max(0,Math.min(1,(t.clientY-i.top)/i.height));this.saturation=Math.round(100*s),this.lightness=Math.round((1-e)*(100-50*s)),this.emitChange()},e=()=>{window.removeEventListener("mousemove",s),window.removeEventListener("mouseup",e)};window.addEventListener("mousemove",s),window.addEventListener("mouseup",e),s(t)}},e("div",{key:"4136b69d81619ce158f2988be19e3e866dfa4ae8",class:"cp-gradient-thumb",style:{left:`${this.saturation}%`,top:100-this.lightness+"%",background:t}})),this.showSliderSection()&&e("div",{key:"27572206380ad082b4c49a9652b171169d4d92c0",class:"cp-row"},e("div",{key:"c69c64ac7d1173add32d3c0541ac73fe70383d7e",class:"cp-preview",style:{background:t}}),e("div",{key:"54663ac5d49a43922b4a46587383b4ea3db54520",class:"cp-sliders"},e("ui-range-slider",{key:"058c8a3b800afafc80cb13c06cfb48462e8e8206",class:"cp-hue-slider",min:0,max:360,value:this.hue,onSliderChange:t=>{this.hue=Number(t.detail),this.emitChange()},"aria-label":"Hue",showTooltip:!1,showValue:!1,hideRange:!0,trackColor:"linear-gradient(to right, #f00 0%, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%)"}),this.showAlpha&&e("ui-range-slider",{key:"ef3b5d6112c7040bb1910d8171c8dc84901b628b",class:"cp-alpha-slider",min:0,max:100,value:Math.round(100*this.alpha),onSliderChange:t=>{this.alpha=Number(t.detail)/100,this.emitChange()},"aria-label":"Alpha",showTooltip:!1,showValue:!1,hideRange:!0,trackColor:`linear-gradient(to right, transparent, ${this.hslToHex(this.hue,this.saturation,this.lightness)}), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Crect width='5' height='5' fill='%23ccc'/%3E%3Crect x='5' y='5' width='5' height='5' fill='%23ccc'/%3E%3C/svg%3E")`})),this.showEyeDropper&&"EyeDropper"in window&&e("ui-button",{key:"a3597f83c7b6e4293bd0975d07b8994e66580f87",variant:"ghost",onClick:()=>this.handleEyeDropper(),ariaLabel:"Sample color from screen",icon:"pipette",iconLibrary:"lucide",iconOnly:!0,size:"sm",title:"Sample color from screen"})),this.showInputSection()&&e("div",{key:"d3473eb493f2fda3167c506e8ff2470beb17bab9",class:"cp-inputs-grid"},this.showHex&&this.renderFormatInput("HEX",this.hexInput||this.getHexInputValue(),this.handleHexInput,"hex"),this.showRgb&&this.renderChannelGroup("RGB",3,[this.renderChannelInput("rgb-r","R",this.getRgbValues().r,0,255,1,(t=>this.handleRgbChannelChange("r",t))),this.renderChannelInput("rgb-g","G",this.getRgbValues().g,0,255,1,(t=>this.handleRgbChannelChange("g",t))),this.renderChannelInput("rgb-b","B",this.getRgbValues().b,0,255,1,(t=>this.handleRgbChannelChange("b",t)))]),this.showRgba&&this.renderChannelGroup("RGBA",4,[this.renderChannelInput("rgba-r","R",this.getRgbValues().r,0,255,1,(t=>this.handleRgbaChannelChange("r",t))),this.renderChannelInput("rgba-g","G",this.getRgbValues().g,0,255,1,(t=>this.handleRgbaChannelChange("g",t))),this.renderChannelInput("rgba-b","B",this.getRgbValues().b,0,255,1,(t=>this.handleRgbaChannelChange("b",t))),this.renderChannelInput("rgba-a","A",this.alpha,0,1,.01,(t=>this.handleRgbaChannelChange("a",t)))]),this.showHsl&&this.renderChannelGroup("HSL",3,[this.renderChannelInput("hsl-h","H",this.hue,0,360,1,(t=>this.handleHslChannelChange("h",t))),this.renderChannelInput("hsl-s","S",this.saturation,0,100,1,(t=>this.handleHslChannelChange("s",t))),this.renderChannelInput("hsl-l","L",this.lightness,0,100,1,(t=>this.handleHslChannelChange("l",t)))]),this.showHsla&&this.renderChannelGroup("HSLA",4,[this.renderChannelInput("hsla-h","H",this.hue,0,360,1,(t=>this.handleHslaChannelChange("h",t))),this.renderChannelInput("hsla-s","S",this.saturation,0,100,1,(t=>this.handleHslaChannelChange("s",t))),this.renderChannelInput("hsla-l","L",this.lightness,0,100,1,(t=>this.handleHslaChannelChange("l",t))),this.renderChannelInput("hsla-a","A",this.alpha,0,1,.01,(t=>this.handleHslaChannelChange("a",t)))]),this.showColorName&&e("div",{key:"e73f932f199ad98b6d0155e4f39fc6f731821e75",class:"cp-input-wrap cp-full"},e("span",{key:"c47ac8a26ae1f1db9cc2a6fa0888ed2568043b30",class:"cp-sm-label"},"NAME"),e("div",{key:"393f4e95fa277dc016f4c31291683973f4f0a48a",class:"cp-name-display"},this.getColorName(t))),this.showGradient&&e("div",{key:"9029146f00a030168b63ea55a9a1f9ec67ce7cfa",class:"cp-gradient-toggle-wrap cp-full"},e("ui-button",{key:"a6561f32b69e43b5651134b73a6ab195b721c2c9",variant:"outline",class:{"cp-gradient-toggle":!0,"cp-active":this.isGradientMode},onClick:this.toggleGradientMode,fullWidth:!0,label:this.isGradientMode?"Disable Gradient":"Enable Gradient",size:"sm"}),this.isGradientMode&&e("div",{key:"aabaa25bd9f75a7bec76e611b9d852b8918fd718",class:"cp-stop-selectors"},this.gradientStops.map(((t,i)=>e("button",{type:"button",class:{"cp-swatch":!0,"cp-swatch-active":this.activeStopIndex===i},style:{"background-color":t,"--swatch-color":t,"border-radius":"50%"},onClick:()=>this.activeStopIndex=i,"aria-label":`Gradient stop ${i+1}`})))))),!this.isInputVariant()&&(this.showSwatches||this.showRecent&&this.recentColors.length>0)&&e("div",{key:"b928b33063877a58493f56aa01a37efac5fade30",class:"cp-swatches-section"},e("div",{key:"02b8efedfdad4aa7bbe93b63bd3075395bef8f37",class:"cp-swatches"},i.map((i=>e("ui-button",{type:"button",style:{"background-color":i,"--swatch-color":i},class:{"cp-swatch":!0,"cp-swatch-active":i.toLowerCase()===t.toLowerCase()},onClick:()=>this.handleSwatch(i),title:this.getColorName(i),"aria-label":`Color ${this.getColorName(i)}`})))),this.showRecent&&this.recentColors.length>0&&e("div",{key:"68a6692afc4ae42ac02c8835fb65f40d64572ffd",class:"cp-history",style:{marginTop:"16px"}},e("div",{key:"c14af759e7380d18fa8b046bd91d97e0d4bb7b43",class:"cp-sm-label",style:{marginBottom:"8px"}},"RECENT"),e("div",{key:"a405d48643d7b452cb90dcfd5d2756a91a37585c",class:"cp-swatches"},this.recentColors.map((i=>e("ui-button",{type:"button",style:{"background-color":i,"--swatch-color":i,"border-radius":"50%"},class:{"cp-swatch":!0,"cp-history-swatch":!0,"cp-swatch-active":i.toLowerCase()===t.toLowerCase()},onClick:()=>this.handleSwatch(i),title:this.getColorName(i),"aria-label":`Recent color ${this.getColorName(i)}`})))))));return e(a,{key:"437644b794e0abc1a9a37f77641ef9edf0bc47d7",class:`cp-size-${this.size} cp-variant-${this.variant}`},this.label&&e("label",{key:"ba2bb236655f6eab50c62cd18d3b07bbc0cf37b1",class:"cp-label"},this.label),this.inline?s:e("div",{class:"cp-trigger-wrapper"},e("ui-button",{variant:"outline",disabled:this.disabled,onClick:()=>!this.disabled&&(this.isOpen=!this.isOpen),fullWidth:!0},e("span",{class:"cp-trigger-swatch",style:{background:this.value}}),e("span",{class:"cp-trigger-value",style:{marginLeft:"8px",flex:"1",textAlign:"left"}},this.isGradientMode?this.value:this.getFormattedValue()),e("ui-icon",{name:this.isOpen?"chevron-up":"chevron-down",size:"18",library:"lucide"})),this.isOpen&&e("div",{class:"cp-dropdown"},s)))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}]}}};r.style=".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}.cp-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary, #374151);margin-bottom:6px}.cp-trigger-wrapper{position:relative;display:inline-block}.cp-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1.5px solid var(--border-strong, #d1d5db);border-radius:10px;background:var(--bg-primary, #ffffff);cursor:pointer;font-size:13px;font-weight:500;color:var(--text-secondary, #374151);transition:border-color 0.2s, box-shadow 0.2s;min-width:140px}.cp-trigger:hover:not(.cp-disabled){border-color:var(--color-primary, #10b981);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb, 59, 130, 246), 0.12)}.cp-trigger:hover:not(.cp-disabled).cp-disabled{opacity:0.5;cursor:not-allowed}.cp-trigger-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(0, 0, 0, 0.1);flex-shrink:0}.cp-trigger-value{flex:1;font-family:monospace}.cp-trigger-arrow{font-size:10px;color:var(--text-muted, #9ca3af)}.cp-dropdown{position:absolute;top:calc(100% + 6px);left:0;z-index:1000;background:var(--bg-primary, #ffffff);border:1px solid var(--border-default, #e5e7eb);border-radius:14px;box-shadow:0 20px 40px rgba(0, 0, 0, 0.15);overflow:hidden;animation:cp-drop-in 0.15s ease}@keyframes cp-drop-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cp-panel{width:460px;padding:14px}.cp-panel-hue{width:280px}.cp-panel-input{width:480px}.cp-panel-input .cp-inputs-grid{grid-template-columns:1fr;gap:16px}.cp-panel-input .cp-input-wrap.cp-full{grid-column:span 1}.cp-gradient{width:100%;height:140px;border-radius:8px;position:relative;cursor:crosshair;margin-bottom:12px;user-select:none}.cp-gradient-thumb{position:absolute;width:14px;height:14px;border-radius:50%;border:2.5px solid var(--border-subtle, #fff);box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);transform:translate(-50%, -50%);pointer-events:none}.cp-row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.cp-preview{width:32px;height:32px;border-radius:8px;border:2px solid rgba(0, 0, 0, 0.1);flex-shrink:0}.cp-sliders{flex:1;display:flex;flex-direction:column;gap:12px}.cp-hue-slider,.cp-alpha-slider{width:100%;--slider-track-height:12px;--slider-thumb-size:20px}.cp-hue-slider::part(track),.cp-alpha-slider::part(track){height:12px;border-radius:6px;box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.2)}.cp-hue-slider::part(thumb),.cp-alpha-slider::part(thumb){width:20px;height:20px;border:3px solid #fff;box-shadow:0 4px 10px rgba(0, 0, 0, 0.3);background:transparent}.cp-inputs-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px}.cp-panel-multi-format .cp-inputs-grid{grid-template-columns:1fr}.cp-panel-multi-format .cp-input-wrap.cp-full{grid-column:span 1}.cp-input-wrap{display:flex;flex-direction:column;gap:8px}.cp-input-wrap.cp-full{grid-column:span 2}.cp-sm-label{font-size:11px;font-weight:800;color:var(--text-muted, #94a3b8);text-transform:uppercase;letter-spacing:0.05em}.cp-input-wrap.cp-inline-row{display:grid;grid-template-columns:60px 1fr;align-items:center;gap:16px;background:rgba(var(--ui-input-bg-rgb, 248, 250, 252), 0.5);padding:12px 16px;border-radius:12px;border:1px solid var(--border-subtle, #f1f5f9);transition:all 0.2s ease}.cp-input-wrap.cp-inline-row:hover{background:#fff;border-color:var(--border-strong, #e2e8f0);box-shadow:0 4px 12px rgba(0, 0, 0, 0.03)}.cp-channel-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(64px, 1fr));gap:10px;width:100%}.cp-channel-field{display:flex;flex-direction:column;gap:6px;align-items:center}.cp-channel-field .cp-channel-label{font-size:10px;font-weight:700;color:var(--text-muted, #94a3b8);margin-bottom:2px}.cp-channel-field ui-input{width:100%;--ui-input-text-align:center}.cp-text-input{--ui-input-text-align:left}:host(.cp-variant-hue) .cp-panel{padding-block:12px}:host(.cp-variant-hue) .cp-row{margin-bottom:12px}:host(.cp-variant-input) .cp-panel{padding:12px}:host(.cp-variant-input) .cp-name-display,:host(.cp-variant-input) .cp-text-input{min-height:36px}.cp-name-display{width:100%;border:1.5px solid var(--border-subtle, #f3f4f6);background:var(--bg-primary, #f9fafb);border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;color:var(--text-secondary, #4b5563);box-sizing:border-box}.cp-swatches{display:flex;flex-wrap:wrap;gap:6px}.cp-swatch{width:22px;height:22px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:transform 0.1s, border-color 0.15s, box-shadow 0.15s;padding:0;margin:0;outline:none;box-sizing:border-box;flex-shrink:0}.cp-swatch:hover{transform:scale(1.15)}.cp-swatch.cp-swatch-active{border-color:var(--bg-primary, #ffffff);box-shadow:0 0 0 1px var(--bg-primary, #ffffff), 0 0 0 3px var(--swatch-color, var(--color-primary, #10b981))}";export{r as ui_color_picker}

package/dist/exploration-project-tailwind/p-148e81df.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as i}from"./p-DUsoYu9r.js";const e=class{constructor(i){t(this,i),this.dockItemClick=o(this,"dockItemClick"),this.itemsOrderChange=o(this,"itemsOrderChange")}items="[]";position="bottom";size="md";magnify=!0;blurEffect=!0;showLabels=!0;iconLibrary="default";persistKey="";parsedItems=[];hoveredIndex=-1;dockItemClick;itemsOrderChange;isDragging=!1;draggedIndex=-1;dragX=0;dragY=0;targetIndex=-1;itemsContainer;componentWillLoad(){if(this.persistKey)try{const t=localStorage.getItem(this.persistKey);if(t)return void(this.parsedItems=JSON.parse(t))}catch{}this.parseItems(this.items)}onItemsPropChange(t){this.parseItems(t)}parseItems(t){try{this.parsedItems=JSON.parse(t)}catch(t){console.error("Invalid JSON for dock items:",t),this.parsedItems=[]}}handleItemClick(t){t.disabled||t.separator||this.dockItemClick.emit({itemId:String(t.id??""),item:t})}handleMouseEnter(t){this.hoveredIndex=t}handleMouseLeave(){this.hoveredIndex=-1}getMagnificationScale(t){if(!this.magnify||-1===this.hoveredIndex)return 1;if(this.isDragging)return 1;const o=Math.abs(t-this.hoveredIndex),i=1+(1.6-1)*Math.exp(-o*o/3.125);return Math.max(1,i)}handleDragStart(t,o){this.parsedItems[o].separator||(this.isDragging=!0,this.draggedIndex=o,this.targetIndex=o,this.dragX=t.clientX,this.dragY=t.clientY,document.addEventListener("mousemove",this.handleGlobalMouseMove),document.addEventListener("mouseup",this.handleGlobalMouseUp))}handleGlobalMouseMove=t=>{if(this.isDragging&&(this.dragX=t.clientX,this.dragY=t.clientY,this.itemsContainer)){const o=Array.from(this.itemsContainer.querySelectorAll(".dock-item"));let i=-1,e=1/0;o.forEach(((o,r)=>{const a=o.getBoundingClientRect(),s=a.top+a.height/2,c="bottom"===this.position||"top"===this.position?Math.abs(t.clientX-(a.left+a.width/2)):Math.abs(t.clientY-s);c<e&&(e=c,i=r)})),-1!==i&&i!==this.targetIndex&&(this.targetIndex=i)}};handleGlobalMouseUp=()=>{if(this.isDragging){if(-1!==this.targetIndex&&this.targetIndex!==this.draggedIndex){const t=[...this.parsedItems],[o]=t.splice(this.draggedIndex,1);if(t.splice(this.targetIndex,0,o),this.parsedItems=t,this.itemsOrderChange.emit(this.parsedItems),this.persistKey)try{localStorage.setItem(this.persistKey,JSON.stringify(this.parsedItems))}catch{}}this.isDragging=!1,this.draggedIndex=-1,this.targetIndex=-1,document.removeEventListener("mousemove",this.handleGlobalMouseMove),document.removeEventListener("mouseup",this.handleGlobalMouseUp)}};renderDockItem(t,o){if(t.separator)return i("div",{class:"dock-separator",role:"separator"});const e=this.getMagnificationScale(o),r=this.hoveredIndex===o,a=this.draggedIndex===o,s=this.targetIndex===o;let c=0,n=0;if(this.isDragging&&!a){const t=40;"bottom"===this.position||"top"===this.position?(o>=this.targetIndex&&o<this.draggedIndex&&(c=t),o<=this.targetIndex&&o>this.draggedIndex&&(c=-t)):(o>=this.targetIndex&&o<this.draggedIndex&&(n=t),o<=this.targetIndex&&o>this.draggedIndex&&(n=-t))}const d={transform:a?`translate(${this.dragX-(this.dragX-0)}px, ${this.dragY-(this.dragY-0)}px) scale(1.1)`:`translate(${c}px, ${n}px) scale(${e})`,margin:`0 ${this.magnify&&-1!==this.hoveredIndex?4+20*(e-1):4}px`,transition:this.isDragging&&a?"none":"transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), margin 0.2s cubic-bezier(0.4, 0, 0.2, 1)",zIndex:a?"1000":"1",pointerEvents:this.isDragging&&!a?"none":"auto",opacity:a?"0.8":"1"};return a&&(d.position="fixed",d.left=this.dragX-25+"px",d.top=this.dragY-25+"px",d.margin="0",d.transform="scale(1.2)"),i("ui-tooltip",{content:t.label,position:"bottom"===this.position?"top":"top"===this.position?"bottom":"left"===this.position?"right":"left",disabled:this.showLabels},i("div",{class:{"dock-item":!0,"dock-item-disabled":!!t.disabled,"dock-item-active":!!t.active,"dock-item-bounce":!!t.bounce,"dock-item-hovered":r,"dock-item-dragged":a,"dock-item-target":s},style:d,onClick:()=>!this.isDragging&&this.handleItemClick(t),onMouseEnter:()=>!this.isDragging&&this.handleMouseEnter(o),onMouseLeave:()=>!this.isDragging&&this.handleMouseLeave(),onMouseDown:t=>this.handleDragStart(t,o),role:"button",tabindex:t.disabled?-1:0,"aria-label":t.label,"aria-disabled":t.disabled?"true":"false",slot:"target"},i("div",{class:"dock-item-content"},t.icon&&i("div",{class:"dock-item-icon"},i("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.5rem"})),void 0!==t.badge&&t.badge>0&&i("span",{class:"dock-item-badge"},t.badge)),t.active&&i("div",{class:"active-indicator"}),this.showLabels&&i("div",{class:"dock-item-label"},t.label)))}render(){return i("div",{key:"f022edbbd0b53e600fd30e5cf97cc1b2e83e0f38",class:{"dock-container":!0,[`dock-${this.position}`]:!0,[`dock-${this.size}`]:!0,"dock-blur":this.blurEffect}},i("div",{key:"abb7911fe7fbec90e25ccc030299d95ec148c36d",class:"dock-items",ref:t=>this.itemsContainer=t},this.parsedItems.map(((t,o)=>this.renderDockItem(t,o)))))}static get watchers(){return{items:[{onItemsPropChange:0}]}}};e.style='.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}.dock-container{display:inline-flex;align-items:center;justify-content:center;padding:8px;border-radius:16px;background:var(--dock-bg, rgba(255, 255, 255, 0.8));box-shadow:var(--dock-shadow, 0 4px 16px rgba(0, 0, 0, 0.1));border:1px solid var(--dock-border, rgba(0, 0, 0, 0.1))}.dock-blur{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dock-bottom,.dock-top{flex-direction:row}.dock-left,.dock-right{flex-direction:column}.dock-items{display:flex;gap:8px;align-items:center}.dock-left .dock-items,.dock-right .dock-items{flex-direction:column}.dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;border-radius:12px;background:var(--dock-item-bg, transparent);transition:all 0.2s ease;outline:none}.dock-item:hover{background:var(--dock-item-hover-bg, rgba(0, 0, 0, 0.05))}.dock-item:focus{box-shadow:0 0 0 2px var(--primary-color, var(--color-primary, #10b981))}.dock-item:active{transform:scale(0.95) !important}.dock-item-disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.dock-sm .dock-item{width:40px;height:40px;padding:8px}.dock-md .dock-item{width:56px;height:56px;padding:12px}.dock-lg .dock-item{width:72px;height:72px;padding:16px}.dock-item-content{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.dock-item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:inherit;color:var(--dock-icon-color, var(--text-primary, #1f2937))}.dock-item-icon svg{width:100%;height:100%;fill:currentColor}.dock-sm .dock-item-icon{font-size:20px}.dock-md .dock-item-icon{font-size:28px}.dock-lg .dock-item-icon{font-size:36px}.dock-item-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;display:flex;align-items:center;justify-content:center;background-color:var(--badge-bg, var(--color-danger, #ef4444));color:var(--badge-color, var(--text-standard, #ffffff));border-radius:9px;font-size:11px;font-weight:600;line-height:1;border:2px solid var(--dock-bg, var(--bg-primary, #ffffff))}.dock-item-label{position:absolute;padding:6px 12px;background:var(--label-bg, rgba(0, 0, 0, 0.8));color:var(--label-color, var(--text-standard, #ffffff));border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity 0.2s ease;z-index:10}.dock-bottom .dock-item-label{bottom:calc(100% + 12px);left:50%;transform:translateX(-50%)}.dock-top .dock-item-label{top:calc(100% + 12px);left:50%;transform:translateX(-50%)}.dock-left .dock-item-label{left:calc(100% + 12px);top:50%;transform:translateY(-50%)}.dock-right .dock-item-label{right:calc(100% + 12px);top:50%;transform:translateY(-50%)}.dock-item-hovered .dock-item-label{opacity:1}.dock-item-label::after{content:"";position:absolute;width:0;height:0;border:5px solid transparent}.dock-bottom .dock-item-label::after{top:100%;left:50%;transform:translateX(-50%);border-top-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-top .dock-item-label::after{bottom:100%;left:50%;transform:translateX(-50%);border-bottom-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-left .dock-item-label::after{right:100%;top:50%;transform:translateY(-50%);border-right-color:var(--label-bg, rgba(0, 0, 0, 0.8))}.dock-right .dock-item-label::after{left:100%;top:50%;transform:translateY(-50%);border-left-color:var(--label-bg, rgba(0, 0, 0, 0.8))}@media (prefers-color-scheme: dark){.dock-container{background:var(--dock-bg, rgba(30, 30, 30, 0.8));border-color:var(--dock-border, rgba(255, 255, 255, 0.1))}.dock-item:hover{background:var(--dock-item-hover-bg, rgba(255, 255, 255, 0.1))}.dock-item-icon{color:var(--dock-icon-color, #f3f4f6)}}@media (prefers-reduced-motion: reduce){.dock-item,.dock-item-label,.dock-item-bounce{transition:none;animation:none}}.active-indicator{position:absolute;width:4px;height:4px;background-color:var(--active-indicator-color, var(--color-primary, #10b981));border-radius:50%;bottom:4px}.dock-top .active-indicator{top:4px;bottom:auto}.dock-left .active-indicator{left:4px;top:50%;transform:translateY(-50%);bottom:auto}.dock-right .active-indicator{right:4px;top:50%;transform:translateY(-50%);bottom:auto}@keyframes dockBounce{0%,20%,50%,80%,100%{transform:translateY(0) scale(1)}40%{transform:translateY(-10px) scale(1)}60%{transform:translateY(-5px) scale(1)}}.dock-item-bounce{animation:dockBounce 2s infinite}.dock-separator{width:1px;height:24px;background-color:var(--separator-bg, rgba(0, 0, 0, 0.1));margin:0 4px}.dock-left .dock-separator,.dock-right .dock-separator{width:24px;height:1px;margin:4px 0}@media (prefers-color-scheme: dark){.dock-separator{background-color:rgba(255, 255, 255, 0.1)}.active-indicator{background-color:var(--color-primary, #60a5fa)}}';export{e as ui_dock}

package/dist/exploration-project-tailwind/p-200241f8.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i,c as e,a as o}from"./p-DUsoYu9r.js";const a=class{constructor(i){t(this,i)}align="end";sticky=!1;divider=!0;render(){const t=["dialog-footer",`dialog-footer--${this.align}`,this.sticky?"dialog-footer--sticky":"",this.divider?"":"dialog-footer--no-divider"].filter(Boolean).join(" ");return i("div",{key:"cc45b1ff88c4328b99763205bee3927ba65e4ee6",class:t},i("slot",{key:"e36560274bd1fce4b5b4b3c21e3cd50e8a99eb6a",name:"start"}),i("slot",{key:"936d96c5a6477e5fac84e43aaaf3a321575e06ca"}))}};a.style=".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%}.dialog-footer{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 24px;background-color:transparent}.dialog-footer--end{justify-content:flex-end}.dialog-footer--start{justify-content:flex-start}.dialog-footer--center{justify-content:center}.dialog-footer--space-between{justify-content:space-between}.dialog-footer--sticky{position:sticky;bottom:0;z-index:1;background-color:var(--bg-primary, #ffffff)}.dialog-footer--no-divider{border-top:none}.dialog-footer button{padding:8px 16px;border:1px solid var(--border-strong, #d1d5db);border-radius:6px;background-color:var(--bg-primary, #ffffff);color:var(--text-secondary, #374151);font-size:14px;cursor:pointer;transition:all 0.2s ease}.dialog-footer button:hover{background-color:var(--bg-secondary, #f3f4f6);border-color:var(--color-primary, #9ca3af)}.dialog-footer button:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary, #10b981)}";const r=class{constructor(i){t(this,i),this.minimize=e(this,"minimize"),this.maximize=e(this,"maximize"),this.close=e(this,"close"),this.menu=e(this,"menu")}dialogTitle="";subtitle="";showMinimize=!0;showMaximize=!0;showClose=!0;showMenu=!1;menuIcon="more-horizontal";menuItems=[];menuTitle="Menu";variant="outlined";status="default";type="modal";icon="";avatar="";iconLibrary="default";titleTag="h3";iconPosition="left";get el(){return o(this)}hasTitleTooltip=!1;hasSubtitleTooltip=!1;titleEl;subtitleEl;minimize;maximize;close;menu;handleMinimize=()=>{this.minimize.emit()};handleMaximize=()=>{this.maximize.emit()};handleClose=()=>{this.close.emit()};handleMenu=t=>{this.menu.emit({originalEvent:t,trigger:t.currentTarget})};componentDidLoad(){this.checkTruncation()}componentDidUpdate(){this.checkTruncation()}handleResize(){this.checkTruncation()}checkTruncation(){if(this.titleEl){const t=this.titleEl.scrollWidth>this.titleEl.clientWidth;this.hasTitleTooltip!==t&&(this.hasTitleTooltip=t)}if(this.subtitleEl){const t=this.subtitleEl.scrollWidth>this.subtitleEl.clientWidth;this.hasSubtitleTooltip!==t&&(this.hasSubtitleTooltip=t)}}render(){const t={info:"info",success:"check-circle",warning:"alert-triangle",error:"alert-circle"},e=this.titleTag,o=()=>this.avatar?i("div",{class:"header-avatar"},i("img",{src:this.avatar,alt:"Avatar"})):"default"!==this.status?i("span",{class:"status-icon",title:this.status.toUpperCase()},i("ui-icon",{name:t[this.status],library:this.iconLibrary,size:"1.2em"})):this.icon&&"default"===this.status?i("span",{class:"header-icon"},i("ui-icon",{name:this.icon,library:this.iconLibrary,size:"1.2em"})):null;return i("div",{class:{"dialog-header-section":!0,[`status-${this.status}`]:"default"!==this.status,[`type-${this.type}`]:!0}},i("div",{class:"dialog-title-section"},i("slot",null,(this.dialogTitle||this.subtitle)&&i("div",{class:{"title-label-wrapper":!0,"one-liner":"messagebox"===this.type}},i("div",{class:"title-row"},"left"===this.iconPosition&&i("slot",{name:"icon"},o()),this.dialogTitle&&i(e,{ref:t=>this.titleEl=t,title:this.hasTitleTooltip?this.dialogTitle:void 0},this.dialogTitle),"right"===this.iconPosition&&i("slot",{name:"icon"},o())),this.subtitle&&i("p",{class:"dialog-subtitle",ref:t=>this.subtitleEl=t,title:this.hasSubtitleTooltip?this.subtitle:void 0},this.subtitle)))),i("div",{class:"dialog-controls"},i("slot",{name:"header-actions"}),i("slot",{name:"actions"}),(Array.isArray(this.menuItems)?this.menuItems.length>0:!!this.menuItems)&&i("div",{class:"dialog-menu-wrapper"},i("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:this.menuIcon,iconLibrary:this.iconLibrary,onButtonClick:this.handleMenu,title:this.menuTitle}),i("div",{class:"dialog-menu-popup",style:{display:"none"}},i("slot",{name:"menu-list"}))),this.showMinimize&&i("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"minus",onClick:()=>this.handleMinimize(),title:"Minimize"}),this.showMaximize&&i("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"maximize-2",onClick:()=>this.handleMaximize(),title:"Maximize"}),this.showClose&&i("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"x",onClick:()=>this.handleClose(),title:"Close",part:"close-btn"})))}};r.style=".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}.dialog-header-section{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;background-color:transparent;border-bottom:none;cursor:move;user-select:none;gap:12px}.dialog-title-section{flex:1;margin:0;display:flex;align-items:center;gap:12px}.dialog-title-section h1,.dialog-title-section h2,.dialog-title-section h3,.dialog-title-section h4,.dialog-title-section h5,.dialog-title-section h6{margin:0;font-size:18px;font-weight:600;color:var(--text-primary, #111827);line-height:1.2;display:inline-block;vertical-align:middle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:450px;min-width:0}.title-label-wrapper{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.title-label-wrapper .title-row{display:flex;flex-direction:row !important;align-items:center;gap:8px;flex-shrink:0;min-width:0;max-width:100%}.title-label-wrapper .dialog-subtitle{margin:0;font-size:14px;color:var(--text-muted, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:550px;opacity:0.8}.title-label-wrapper.one-liner{flex-direction:column !important;align-items:flex-start !important;gap:2px !important}.title-label-wrapper.one-liner h3{font-size:16px !important;max-width:400px}.title-label-wrapper.one-liner .dialog-subtitle{font-size:13px !important;max-width:400px}.status-icon{font-size:20px;line-height:1}.dialog-controls{display:flex;gap:8px;align-items:center}.dialog-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:4px;background-color:var(--ui-bg-muted, rgba(0, 0, 0, 0.03));color:var(--text-muted, #6b7280);cursor:pointer;transition:all 0.2s ease}.dialog-btn:hover{background-color:var(--bg-primary, #e5e7eb) !important;color:var(--text-secondary, #374151) !important}.dialog-btn svg{width:16px;height:16px}.dialog-menu-wrapper{position:relative;display:flex;align-items:center}.dialog-menu-popup{display:none !important;position:absolute;top:100%;right:0;width:200px}.header-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;border:4px solid rgba(255, 255, 255, 0.2);flex-shrink:0}.header-avatar img{width:100%;height:100%;object-fit:cover}.header-icon{width:36px;height:36px;background:rgba(0, 0, 0, 0.05);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted, #64748b);flex-shrink:0}.status-success .status-icon{color:var(--color-success, #10b981)}.status-error .status-icon{color:var(--color-danger, #ef4444)}.status-warning .status-icon{color:var(--color-warning, #f59e0b)}.status-info .status-icon{color:var(--color-primary, #10b981)}.status-icon{display:flex;align-items:center;font-size:1.25rem}";export{a as ui_dialog_footer,r as ui_dialog_header}

package/dist/exploration-project-tailwind/p-287dbf09.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-DUsoYu9r.js";const o=class{constructor(i){t(this,i)}stepTitle="";icon="";subtitle="";badge="";tooltip="";disabled=!1;status="";index=0;validate;async renderContent(){return i("slot",null)}render(){return i("slot",{key:"6b62a13aaa9111709fb6683ad93320b3970a6454"})}};o.style=".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}";export{o as my_step}

package/dist/exploration-project-tailwind/p-2d273118.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-DUsoYu9r.js";const e=class{constructor(i){t(this,i)}itemTitle;itemDescription;itemDate;render(){return i("div",{key:"54a294a4b0f3ba13841d3c8de125694e81f2141c",class:"timeline-item-container"},i("div",{key:"0ccb68f5384a8ac2bba5cebb5d75b96fb1dccc16",class:"timeline-item-content"},i("h2",{key:"75c5b1f55e06a1345105dd12b924e41a3bada993"},this.itemTitle),i("p",{key:"7ae3c4cf655c6831943b8d53db977e3348907471"},this.itemDescription),i("span",{key:"23175d4215f96f76a580dece414fe379446a23da"},this.itemDate)))}};e.style='.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}.timeline-item-container{position:relative;margin-bottom:20px}.timeline-item-content{position:relative;width:400px;min-height:120px;padding:20px;background-color:#f9f9f9;border-radius:5px;box-shadow:0 0 5px rgba(0, 0, 0, 0.1);transition:transform 0.3s ease}.timeline-item-content:hover{transform:translateY(-5px)}.timeline-item-container::after{content:"";position:absolute;top:20px;width:16px;height:16px;background-color:#f9f9f9;border:4px solid #ddd;border-radius:50%;z-index:1}:host(:nth-child(odd)) .timeline-item-container::after{right:-8px}:host(:nth-child(even)) .timeline-item-container::after{left:-8px}:host(:nth-child(odd)) .timeline-item-content{left:0}:host(:nth-child(even)) .timeline-item-content{right:0}';export{e as timeline_item}

package/dist/exploration-project-tailwind/p-2f1aebb3.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,h as r,H as i}from"./p-DUsoYu9r.js";import{s as a}from"./p-D2WzX6vR.js";const s=class{constructor(r){t(this,r),this.transferChange=e(this,"transferChange"),this.selectionChanged=e(this,"selectionChanged")}sourceItems=[];targetItems=[];titles=["Available","Selected"];searchable=!0;sortable=!1;allowReorder=!1;max=1/0;searchPlaceholder="Search items...";showSelectAll=!0;disabled=!1;height="300px";mode="list";enableDrag=!1;oneWay=!1;pagination=!1;pageSize=10;columns=[];loading=!1;iconLibrary="default";itemRenderer=null;groupBy="";variant="default";layout="horizontal";resizable=!1;filterOption=null;locale={itemUnit:"item",itemsUnit:"items",notFoundContent:"No items",searchPlaceholder:"Search items...",titles:["Available","Selected"]};sourceSearch="";targetSearch="";sourceSelected=new Set;targetSelected=new Set;lastSelected=null;draggingItem=null;newlyMovedKeys=new Set;sourcePage=1;targetPage=1;badgeAnimating={source:!1,target:!1};sourceSort="none";targetSort="none";dividerPosition=50;contextMenu={visible:!1,x:0,y:0,item:null,side:null};transferChange;selectionChanged;getSourceItems(){const t="string"==typeof this.sourceItems?JSON.parse(this.sourceItems):this.sourceItems;return this.sortable?[...t].sort(((t,e)=>t.label.localeCompare(e.label))):t}getTargetItems(){const t="string"==typeof this.targetItems?JSON.parse(this.targetItems):this.targetItems;return this.sortable&&!this.allowReorder?[...t].sort(((t,e)=>t.label.localeCompare(e.label))):t}getTitles(){return"string"==typeof this.titles?JSON.parse(this.titles):this.titles}filterItems(t,e){if(!e)return t;const r=e.toLowerCase();return t.filter(this.filterOption?t=>this.filterOption(r,t):t=>(t.label??"").toLowerCase().includes(r)||t.description&&t.description.toLowerCase().includes(r))}handleItemClick=(t,e,r)=>{const i="source"===t?this.sourceSelected:this.targetSelected,a="source"===t?this.getSourceItems():this.getTargetItems(),s=this.filterItems(a,"source"===t?this.sourceSearch:this.targetSearch);let o=new Set(i);if(r&&r.shiftKey&&this.lastSelected&&this.lastSelected.side===t){const t=s.findIndex((t=>t.key===this.lastSelected.key)),r=s.findIndex((t=>t.key===e));if(-1!==t&&-1!==r){const e=Math.min(t,r),i=Math.max(t,r);for(let t=e;t<=i;t++)s[t].disabled||o.add(s[t].key)}}else o.has(e)?o.delete(e):o.add(e);if(this.lastSelected={key:e,side:t},"tree"===this.mode){const t=o.has(e),r=t=>{for(const i of t){if(i.key===e)return i;if(i.children){const t=r(i.children);if(t)return t}}return null},i=r(a);if(i&&i.children){const e=(t,r)=>{t.forEach((t=>{t.disabled||(r?o.add(t.key):o.delete(t.key)),t.children&&e(t.children,r)}))};e(i.children,t)}}"source"===t?this.sourceSelected=new Set(o):this.targetSelected=new Set(o),this.emitSelectionChange()};handleKeyDown=(t,e,r)=>{"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),this.disabled||this.handleItemClick(e,r))};moveToTarget=()=>{if(this.disabled)return;const t=this.getSourceItems(),e=this.getTargetItems(),r=t.filter((t=>this.sourceSelected.has(t.key)));if(e.length+r.length>this.max)alert(`Cannot move more than ${this.max} items.`);else{if(this.oneWay){const t=r.filter((t=>!e.some((e=>e.key===t.key))));this.targetItems=[...e,...t]}else this.sourceItems=t.filter((t=>!this.sourceSelected.has(t.key))),this.targetItems=[...e,...r];this.sourceSelected=new Set,this.newlyMovedKeys=new Set(r.map((t=>t.key))),this.badgeAnimating={...this.badgeAnimating,target:!0},setTimeout((()=>{this.newlyMovedKeys=new Set,this.badgeAnimating={...this.badgeAnimating,target:!1}}),500),this.emitChange()}};moveToSource=()=>{if(this.disabled)return;const t=this.getTargetItems().filter((t=>this.targetSelected.has(t.key)));this.targetItems=this.getTargetItems().filter((t=>!this.targetSelected.has(t.key))),this.oneWay||(this.sourceItems=[...this.getSourceItems(),...t]),this.targetSelected=new Set,this.newlyMovedKeys=new Set(t.map((t=>t.key))),this.badgeAnimating={...this.badgeAnimating,source:!0},setTimeout((()=>{this.newlyMovedKeys=new Set,this.badgeAnimating={...this.badgeAnimating,source:!1}}),500),this.emitChange()};moveAllToTarget=()=>{if(this.disabled)return;const t=this.getSourceItems(),e=this.getTargetItems();if(e.length+t.length>this.max)alert(`Cannot move all items. Limit is ${this.max}.`);else{if(this.oneWay){const r=t.filter((t=>!e.some((e=>e.key===t.key))));this.targetItems=[...e,...r]}else this.targetItems=[...e,...t],this.sourceItems=[];this.sourceSelected=new Set,this.emitChange()}};moveAllToSource=()=>{if(!this.disabled){if(!this.oneWay){const t=this.getTargetItems();this.sourceItems=[...this.getSourceItems(),...t]}this.targetItems=[],this.targetSelected=new Set,this.emitChange()}};reorder=t=>{const e=this.getTargetItems();if(0===this.targetSelected.size)return;const r=Array.from(this.targetSelected),i=[...e];r.map((t=>i.findIndex((e=>e.key===t)))).sort(((e,r)=>"up"===t?e-r:r-e)).forEach((e=>{const r="up"===t?e-1:e+1;if(r>=0&&r<i.length){const[t]=i.splice(e,1);i.splice(r,0,t)}})),this.targetItems=i,this.badgeAnimating={...this.badgeAnimating,target:!0},setTimeout((()=>{this.badgeAnimating={...this.badgeAnimating,target:!1}}),300),this.emitChange()};bulkAction=(t,e)=>{const r="source"===t?this.getSourceItems():this.getTargetItems(),i=this.filterItems(r,"source"===t?this.sourceSearch:this.targetSearch);let a=new Set("source"===t?this.sourceSelected:this.targetSelected);"all"===e?i.forEach((t=>{t.disabled||a.add(t.key)})):"none"===e?i.forEach((t=>a.delete(t.key))):"invert"===e&&i.forEach((t=>{t.disabled||(a.has(t.key)?a.delete(t.key):a.add(t.key))})),"source"===t?this.sourceSelected=new Set(a):this.targetSelected=new Set(a),this.emitSelectionChange()};highlightSearchText(t,e){if(!e||!t)return t;const i=e.toLowerCase();return t.split(new RegExp(`(${i})`,"gi")).map((t=>t.toLowerCase()===i?r("mark",{class:"search-highlight"},t):t))}emitChange(){this.transferChange.emit({source:this.getSourceItems(),target:this.getTargetItems()}),this.emitSelectionChange()}emitSelectionChange(){this.selectionChanged.emit({sourceSelected:Array.from(this.sourceSelected),targetSelected:Array.from(this.targetSelected)})}toggleSelectAll=(t,e)=>{const r="source"===t?this.getSourceItems():this.getTargetItems(),i=this.filterItems(r,"source"===t?this.sourceSearch:this.targetSearch),a=new Set("source"===t?this.sourceSelected:this.targetSelected);i.forEach(e?t=>a.add(t.key):t=>a.delete(t.key)),"source"===t?this.sourceSelected=a:this.targetSelected=a,this.emitSelectionChange()};handleDragStart=(t,e,r)=>{!this.enableDrag||this.disabled||e.disabled?t.preventDefault():(this.draggingItem={key:e.key,side:r},t.dataTransfer.effectAllowed="move",t.dataTransfer.setData("text/plain",JSON.stringify(e)),t.target.classList.add("dragging"))};handleDragOver=t=>{this.enableDrag&&!this.disabled&&(t.preventDefault(),t.dataTransfer.dropEffect="move")};handleDrop=(t,e)=>{if(!this.enableDrag||this.disabled||!this.draggingItem)return;t.preventDefault();const{key:r,side:i}=this.draggingItem;this.draggingItem=null;const a=this.el.shadowRoot?.querySelector(".dragging");if(a&&a.classList.remove("dragging"),i!==e){if("source"===i){const t=this.getSourceItems(),e=t.find((t=>t.key===r));if(e)if(this.oneWay){const t=this.getTargetItems();t.some((t=>t.key===r))||(this.targetItems=[...t,e])}else{this.sourceSelected.add(r);const i=this.getTargetItems();if(i.length+1>this.max)return;this.sourceItems=t.filter((t=>t.key!==r)),this.targetItems=[...i,e],this.sourceSelected.delete(r)}}else if(this.oneWay){const t=this.getTargetItems();this.targetItems=t.filter((t=>t.key!==r))}else{const t=this.getTargetItems(),e=t.find((t=>t.key===r));e&&(this.targetItems=t.filter((t=>t.key!==r)),this.sourceItems=[...this.getSourceItems(),e],this.targetSelected.delete(r))}this.emitChange()}};toggleSort=t=>{"source"===t?this.sourceSort="asc"===this.sourceSort?"desc":"asc":this.targetSort="asc"===this.targetSort?"desc":"asc"};sortItems(t,e){return"none"===e?t:[...t].sort(((t,r)=>{const i=(t.label??"").localeCompare(r.label??"");return"asc"===e?i:-i}))}handleDividerMouseDown=t=>{if(!this.resizable||"vertical"===this.layout)return;t.preventDefault();const e=t.clientX,r=this.dividerPosition,i=this.el.querySelector(".transfer-container")?.clientWidth??0,a=t=>{this.dividerPosition=Math.min(Math.max(r+(t.clientX-e)/i*100,20),80)},s=()=>{document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",s)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",s)};handleContextMenu=(t,e,r)=>{t.preventDefault(),this.contextMenu={visible:!0,x:t.clientX,y:t.clientY,item:e,side:r}};closeContextMenu=()=>{this.contextMenu={...this.contextMenu,visible:!1}};el;getSelectionSummary(t){const e="source"===t?this.sourceSelected:this.targetSelected;if(0===e.size)return null;const r=("source"===t?this.sourceItems:this.targetItems).filter((t=>e.has(t.key)));if(this.groupBy){const t={};return r.forEach((e=>{const r=e[this.groupBy]||"Other";t[r]=(t[r]||0)+1})),Object.entries(t).map((([t,e])=>`${e} ${t}`)).join(", ")}return""}render(){const t="vertical"===this.layout;return r(i,{key:"ef965ec2d77dfa9f377091f06a61ac8456bfc084",ref:t=>this.el=t,onClick:this.closeContextMenu},r("div",{key:"4e1aa392d7d667d228f860f664592e9a39cbaded",class:{"transfer-container":!0,"is-vertical":t,"variant-glass":"glass"===this.variant}},r("div",{key:"1de4ee40158e28ed1d71c20a0a2a28d73bf405ad",class:"transfer-section source",style:!t&&this.resizable?{flex:`0 0 ${this.dividerPosition}%`}:void 0},this.renderList("source")),r("div",{key:"b36335fd3bb837fc5432e4a2cac969524c24c60b",class:{"transfer-controls":!0,"resizable-divider":this.resizable&&!t},onMouseDown:this.handleDividerMouseDown},r("div",{key:"e5e630b8898a19837a232ec24522237fa9b1ca29",class:"control-buttons"},r("ui-button",{key:"723baf7ebada286062844d9b1bc429f5d8d66312",variant:"ghost",size:"md",iconOnly:!0,icon:t?"play-skip-back":"play-skip-forward",iconLibrary:"lucide",iconStyle:{transform:t?"rotate(90deg)":""},disabled:this.disabled||0===this.getSourceItems().length,onClick:this.moveAllToTarget,ariaLabel:"Move All Right",class:"transfer-button"}),r("ui-button",{key:"f389d40c0e38846515a302d15523b896a3df6c3e",variant:"ghost",size:"md",iconOnly:!0,icon:t?"chevron-down":"chevron-right",iconLibrary:"lucide",disabled:this.disabled||0===this.sourceSelected.size,onClick:this.moveToTarget,ariaLabel:"Move Selected Right",class:"transfer-button"}),r("ui-button",{key:"0c7e67f6871a9327a4c95798650dee907448b496",variant:"ghost",size:"md",iconOnly:!0,icon:t?"chevron-up":"chevron-left",iconLibrary:"lucide",disabled:this.disabled||0===this.targetSelected.size,onClick:this.moveToSource,ariaLabel:"Move Selected Left",class:"transfer-button"}),r("ui-button",{key:"e6afc1e4a60648e63e4c02a413e359f75a743583",variant:"ghost",size:"md",iconOnly:!0,icon:t?"play-skip-forward":"play-skip-back",iconLibrary:"lucide",iconStyle:{transform:t?"rotate(90deg)":""},disabled:this.disabled||0===this.getTargetItems().length,onClick:this.moveAllToSource,ariaLabel:"Move All Left",class:"transfer-button"}))),r("div",{key:"4626e6393402ecbf3e5f4c919081ac690105a7f8",class:"transfer-section target",style:!t&&this.resizable?{flex:"1"}:void 0},this.renderList("target"),this.allowReorder&&r("div",{key:"53778a0ef11e8af735955e4fdcaa9a7771890fa3",class:"transfer-reorder-floated"},r("ui-button",{key:"b332b36745eda62b47f3b380f21f00fc42d1d53f",variant:"ghost",size:"sm",iconOnly:!0,icon:"arrow-up",iconLibrary:"lucide",disabled:0===this.targetSelected.size,onClick:()=>this.reorder("up"),ariaLabel:"Move Up",class:"transfer-button circle"}),r("ui-button",{key:"0b94cc9d83861ddba02fc59efeb1dfd27aab632e",variant:"ghost",size:"sm",iconOnly:!0,icon:"arrow-down",iconLibrary:"lucide",disabled:0===this.targetSelected.size,onClick:()=>this.reorder("down"),ariaLabel:"Move Down",class:"transfer-button circle"}))),this.contextMenu.visible&&r("div",{key:"cf41b01cbeb2bec8cfc768077026ddf4f1cd92ea",class:"transfer-context-menu",style:{top:`${this.contextMenu.y}px`,left:`${this.contextMenu.x}px`}},r("div",{key:"2f8bce002d77529bee84f28e4ce152d4b58fe972",class:"menu-item",onClick:()=>{"source"===this.contextMenu.side?this.moveToTarget():this.moveToSource()}},r("ui-icon",{key:"71bf8c920d4e5ebc27a12d658d9d0b3bbf7244bc",name:"send",library:"lucide",size:"14"})," Move to ","source"===this.contextMenu.side?"Selected":"Available"),r("div",{key:"6cc356d98029ef9274e4e0d63f4879d8e03a06a0",class:"menu-item danger",onClick:()=>{"source"===this.contextMenu.side?this.sourceSelected.delete(this.contextMenu.item.key):this.targetSelected.delete(this.contextMenu.item.key)}},r("ui-icon",{key:"cbfe5dec61fe84404a968868f505c840464b5ae8",name:"x",library:"lucide",size:"14"})," Deselect"))))}renderList(t){const e="source"===t?this.getSourceItems():this.getTargetItems(),i="source"===t?this.sourceSort:this.targetSort,a=this.sortItems(e,i),s="source"===t?this.sourceSearch:this.targetSearch,o="source"===t?this.sourceSelected:this.targetSelected,n=this.getTitles()["source"===t?0:1],l=this.filterItems(a,s),c=l.length>0&&l.every((t=>o.has(t.key))),d=l.some((t=>o.has(t.key)))&&!c,h="source"===t?this.sourcePage:this.targetPage,f=Math.ceil(l.length/this.pageSize);let u,b=l;if(this.pagination){const t=(h-1)*this.pageSize;b=l.slice(t,t+this.pageSize)}return u=this.loading?this.renderSkeleton():"tree"===this.mode?this.renderTreeView(b,o,t):"table"===this.mode?this.renderTableView(b,o,t):this.renderListView(b,o,t),r("div",{class:"transfer-list-box"},r("div",{class:"transfer-list-header"},this.showSelectAll&&"tree"!==this.mode&&r("ui-checkbox",{checked:c,indeterminate:d,onCheckboxChange:e=>this.toggleSelectAll(t,e.detail.checked),disabled:this.disabled||0===l.length,size:"sm"}),r("span",{class:"header-title"},n),this.sortable&&r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"asc"===i?"arrow-up-z-a":"arrow-down-a-z",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.toggleSort(t),ariaLabel:"Toggle Sort"}),r("div",{class:"header-actions"},r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"check-check",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.bulkAction(t,"all"),ariaLabel:"Select All Search Results"}),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"x",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.bulkAction(t,"none"),ariaLabel:"Clear Selection"}),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"list-restart",iconLibrary:"lucide",iconSize:"14px",onClick:()=>this.bulkAction(t,"invert"),ariaLabel:"Invert Selection"})),r("span",{class:{"header-count":!0,"pop-anim":"source"===t?this.badgeAnimating.source:this.badgeAnimating.target}},l.filter((t=>o.has(t.key))).length,"/",l.length)),this.searchable&&r("div",{class:"transfer-search"},r("ui-input",{type:"text",placeholder:this.searchPlaceholder,value:s,onInputChange:e=>{const r=e.detail;"source"===t?(this.sourceSearch=r,this.sourcePage=1):(this.targetSearch=r,this.targetPage=1)},prefixIcon:"search",size:"sm",fullWidth:!0})),r("div",{class:"transfer-list-body",style:{height:this.height},onDragOver:this.handleDragOver,onDrop:e=>this.handleDrop(e,t)},0!==l.length||this.loading?u:r("div",{class:"transfer-empty"},r("ui-icon",{name:"inbox",library:"lucide",size:"2.5em"}),r("span",null,this.locale.notFoundContent||"No items available"))),r("div",{class:"transfer-list-footer"},this.pagination&&f>1?r("div",{class:"pagination-controls"},r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-left",iconLibrary:"lucide",iconSize:"1.2em",disabled:1===h||this.disabled,onClick:()=>"source"===t?this.sourcePage--:this.targetPage--,ariaLabel:"Previous page"}),r("span",{class:"pagination-info"},h," / ",f),r("ui-button",{variant:"ghost",size:"sm",iconOnly:!0,icon:"chevron-right",iconLibrary:"lucide",iconSize:"1.2em",disabled:h===f||this.disabled,onClick:()=>"source"===t?this.sourcePage++:this.targetPage++,ariaLabel:"Next page"})):r("div",{class:"footer-summary"},this.getSelectionSummary(t)),r("slot",{name:`${t}-footer`})))}renderListView(t,e,i){const a="source"===i?this.sourceSearch:this.targetSearch;if(this.groupBy){const s={};return t.forEach((t=>{const e=t[this.groupBy]||"Other";s[e]||(s[e]=[]),s[e].push(t)})),Object.entries(s).map((([t,s])=>[r("div",{class:"transfer-group-header"},t),...s.map((t=>this.renderItem(t,e,i,a)))]))}return t.map((t=>this.renderItem(t,e,i,a)))}renderItem(t,e,i,s){return r("div",{class:{"transfer-item":!0,selected:e.has(t.key),disabled:!!t.disabled,"draggable-item":this.enableDrag,"transfer-item-new":this.newlyMovedKeys.has(t.key)},draggable:this.enableDrag&&!t.disabled&&!this.disabled,onDragStart:e=>this.handleDragStart(e,t,i),onClick:e=>!t.disabled&&!this.disabled&&this.handleItemClick(i,t.key,e),onContextMenu:e=>this.handleContextMenu(e,t,i),onKeyDown:e=>this.handleKeyDown(e,i,t.key),tabindex:t.disabled?-1:0,role:"option","aria-selected":e.has(t.key)?"true":"false","aria-disabled":t.disabled?"true":"false"},this.itemRenderer?r("div",{class:"transfer-item-custom",innerHTML:a(this.itemRenderer(t))}):r("div",{class:"transfer-item-content"},r("div",{class:"transfer-item-main"},t.icon&&r("span",{class:"transfer-item-icon"},r("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.2em"})),r("div",{class:"transfer-item-text"},r("span",{class:"transfer-item-label"},this.highlightSearchText(t.label??"",s)),t.description&&r("span",{class:"transfer-item-desc"},this.highlightSearchText(t.description,s)))),e.has(t.key)&&r("ui-icon",{name:"check",library:"lucide",size:"0.9em",class:"selected-check"})))}renderSkeleton(){return Array.from({length:5}).map((()=>r("div",{class:"transfer-item skeleton-item"},r("div",{class:"skeleton-line",style:{width:"60%"}}),r("div",{class:"skeleton-line",style:{width:"40%",marginTop:"6px"}}))))}renderTableView(t,e,i){return r("table",{class:"transfer-table"},r("thead",null,r("tr",null,this.columns.map((t=>r("th",null,t.title))))),r("tbody",null,t.map((t=>r("tr",{class:{selected:e.has(t.key),disabled:!!t.disabled},onClick:()=>!t.disabled&&!this.disabled&&this.handleItemClick(i,t.key),onKeyDown:e=>this.handleKeyDown(e,i,t.key),tabindex:t.disabled?-1:0,role:"row","aria-selected":e.has(t.key)?"true":"false"},this.columns.map((e=>r("td",null,t[e.dataIndex]||t[e.dataIndex.toLowerCase()]||""))))))))}renderTreeView(t,e,i,a=0){const s="source"===i?this.sourceSearch:this.targetSearch;return t.map((t=>r("div",null,r("div",{class:{"transfer-item":!0,"tree-node":!0,selected:e.has(t.key),disabled:!!t.disabled},style:{paddingLeft:12+20*a+"px"},onClick:e=>!t.disabled&&!this.disabled&&this.handleItemClick(i,t.key,e),onKeyDown:e=>this.handleKeyDown(e,i,t.key),tabindex:t.disabled?-1:0,role:"treeitem","aria-selected":e.has(t.key)?"true":"false","aria-disabled":t.disabled?"true":"false","aria-level":a+1},t.icon&&r("span",{class:"transfer-item-icon"},r("ui-icon",{name:t.icon,library:t.iconLibrary||this.iconLibrary,size:"1.1em"})),r("span",{class:"transfer-item-label"},this.highlightSearchText(t.label??"",s)),t.description&&r("span",{class:"transfer-item-desc"},this.highlightSearchText(t.description,s))),t.children&&t.children.length>0&&r("div",{class:"tree-children"},this.renderTreeView(t.children,e,i,a+1)))))}};s.style='.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%;--tl-radius:12px;--tl-shadow:0 4px 12px rgba(0, 0, 0, 0.05);--tl-active-gradient:linear-gradient(135deg, var(--ui-color-primary) 0%, #6366f1 100%);--tl-transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.transfer-container{display:flex;background:var(--ui-bg-default, var(--bg-primary, #ffffff));border:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));border-radius:var(--ui-radius-lg, 12px);overflow:hidden;box-shadow:var(--ui-shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1));height:auto;min-height:200px;position:relative;transition:all 0.3s cubic-bezier(0.4, 0, 0.2, 1);font-family:var(--ui-font-family, inherit)}.transfer-container.is-vertical{flex-direction:column}.transfer-container.is-vertical .transfer-section{flex:1;border:none}.transfer-container.is-vertical .transfer-controls{flex-direction:row;padding:10px;border-top:1px solid var(--ui-border-default);border-bottom:1px solid var(--ui-border-default)}.transfer-container.is-vertical .control-buttons{flex-direction:row}.transfer-section{flex:1;display:flex;flex-direction:column;position:relative;min-width:0}.transfer-list-box{flex:1;border:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));border-radius:var(--tl-radius);overflow:hidden;background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));display:flex;flex-direction:column;box-shadow:var(--tl-shadow);transition:var(--tl-transition)}.transfer-list-box:focus-within{border-color:var(--ui-color-primary);box-shadow:0 0 0 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.1), 0 8px 24px rgba(0, 0, 0, 0.08)}.transfer-list-header{padding:14px 16px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));border-bottom:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));display:flex;align-items:center;gap:10px;font-size:14px;color:var(--ui-text-primary, var(--text-primary, #111827))}.header-actions{display:flex;gap:8px;margin-right:4px}.action-btn{background:transparent;border:none;padding:4px;cursor:pointer;color:var(--ui-text-secondary);border-radius:4px;display:flex;align-items:center;transition:all 0.2s}.action-btn:hover{background:rgba(0, 0, 0, 0.05);color:var(--ui-color-primary)}.header-title{flex:1;font-weight:700;letter-spacing:-0.01em}.header-count{font-size:11px;font-weight:600;color:var(--ui-text-secondary, var(--text-muted, #6b7280));background:rgba(0, 0, 0, 0.05);padding:2px 8px;border-radius:10px;transition:transform 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.header-count.pop-anim{transform:scale(1.4);background:var(--ui-color-primary);color:var(--text-standard, #ffffff)}.transfer-search{padding:12px;border-bottom:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));position:relative}.transfer-search input{width:100%;padding:8px 12px;border:1.5px solid var(--ui-border-default, var(--border-strong, #d1d5db));border-radius:8px;font-size:13px;outline:none;background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));color:var(--ui-text-primary);transition:var(--tl-transition)}.transfer-search input:focus{border-color:var(--ui-color-primary);background:var(--bg-primary, #ffffff)}.transfer-list-body{overflow-y:auto;padding:8px 0;flex:1;min-height:200px;scrollbar-width:thin;scrollbar-color:rgba(0, 0, 0, 0.1) transparent}.transfer-list-body::-webkit-scrollbar{width:6px}.transfer-list-body::-webkit-scrollbar-thumb{background:rgba(0, 0, 0, 0.1);border-radius:10px}.transfer-item{padding:10px 16px;font-size:14px;cursor:pointer;transition:var(--tl-transition);user-select:none;display:flex;align-items:center;position:relative;gap:12px}.transfer-item:hover:not(.disabled){background:rgba(0, 0, 0, 0.02);transform:translateX(4px)}.transfer-item.selected{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.06);color:var(--ui-color-primary);font-weight:500}.transfer-item.selected::after{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--tl-active-gradient)}.transfer-item.disabled{opacity:0.4;cursor:not-allowed;background:var(--ui-bg-muted)}.transfer-item-main{display:flex;align-items:center;gap:12px;flex:1}.selected-check{color:var(--ui-color-primary);opacity:0.8}.transfer-group-header{padding:8px 16px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ui-text-secondary);background:var(--ui-bg-muted);letter-spacing:0.05em;margin-top:8px;border-bottom:1px solid var(--ui-border-default)}.transfer-group-header:first-of-type{margin-top:0}.transfer-item-content{display:flex;align-items:center;justify-content:space-between;width:100%}.transfer-item-label{font-weight:500;color:var(--ui-text-primary)}.transfer-item-desc{font-size:12px;color:var(--ui-text-secondary);margin-top:1px}.transfer-empty{padding:40px 20px;text-align:center;color:var(--ui-text-muted, var(--text-muted, #9ca3af));font-size:13px;display:flex;flex-direction:column;align-items:center;gap:12px}.transfer-empty svg{opacity:0.3}.transfer-controls{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 16px;gap:12px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));border-left:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));border-right:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));position:relative}.transfer-controls.resizable-divider{width:32px;padding:0;cursor:col-resize}.transfer-controls.resizable-divider::after{content:"";position:absolute;width:4px;height:24px;background:var(--ui-border-default);border-radius:2px;left:50%;top:50%;transform:translate(-50%, -50%)}.transfer-controls.resizable-divider:hover::after{background:var(--ui-color-primary)}.transfer-controls.resizable-divider .control-buttons{pointer-events:auto}.control-buttons{display:flex;flex-direction:column;gap:8px}.transfer-button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1.5px solid var(--ui-border-default, var(--border-strong, #d1d5db));background:var(--ui-bg-var(--bg-primary, #ffffff), var(--bg-primary, #ffffff));border-radius:12px;cursor:pointer;transition:var(--tl-transition);color:var(--ui-text-secondary, var(--text-secondary, #4b5563));box-shadow:0 2px 6px rgba(0, 0, 0, 0.04)}.transfer-button:hover:not(:disabled){border-color:var(--ui-color-primary);color:var(--ui-color-primary);transform:scale(1.1);box-shadow:0 4px 12px rgba(var(--color-primary-rgb, 59, 130, 246), 0.15)}.transfer-button:active:not(:disabled){transform:scale(0.95)}.transfer-button:disabled{opacity:0.4;cursor:not-allowed;background:var(--ui-bg-muted)}.transfer-reorder{display:flex;flex-direction:column;gap:10px;margin-top:20px;padding-top:20px;border-top:2px dashed var(--ui-border-default, var(--border-default, #e5e7eb))}.transfer-list-footer{border-top:1px solid var(--ui-border-default, var(--border-default, #e5e7eb));padding:10px 16px;background:var(--ui-bg-muted, var(--bg-primary, #f9fafb));display:flex;justify-content:center}.transfer-item.draggable-item{cursor:grab}.transfer-item.draggable-item:active{cursor:grabbing}.transfer-item.dragging{opacity:0.4;border:1px dashed var(--ui-color-primary);transform:scale(0.98)}.transfer-table{width:100%;border-collapse:collapse;font-size:13px}.transfer-table th{text-align:left;padding:10px 16px;background:var(--ui-bg-muted);color:var(--ui-text-secondary);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:0.05em}.transfer-table td{padding:10px 16px;border-bottom:1px solid var(--ui-border-default);color:var(--ui-text-primary)}.transfer-table tr{cursor:pointer;transition:all 0.2s}.transfer-table tr:hover:not(.disabled){background:rgba(0, 0, 0, 0.02)}.transfer-table tr.selected{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.06);color:var(--ui-color-primary)}.transfer-table tr.selected td{font-weight:500;color:var(--ui-color-primary)}.tree-children{margin-left:20px;border-left:1.5px dashed var(--ui-border-default)}.tree-node:hover{background:rgba(0, 0, 0, 0.015)}mark.search-highlight{background:rgba(254, 240, 138, 0.8);color:var(--color-danger, #854d0e);padding:0 2px;border-radius:2px}@keyframes itemFly{from{opacity:0;transform:scale(0.9)}to{opacity:1;transform:scale(1)}}.transfer-item-new{animation:itemPop 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards}@keyframes itemPop{0%{transform:scale(0.9);opacity:0;background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.05)}100%{transform:scale(1);opacity:1;background:transparent}}:host([variant=glass]) .transfer-list-box{background:rgba(255, 255, 255, 0.7);backdrop-filter:blur(12px);border-color:rgba(255, 255, 255, 0.3)}[data-theme=dark] .transfer-list-box,:host-context(.dark-theme) .transfer-list-box{background:var(--bg-secondary, #111827);border-color:var(--border-default, #374151)}[data-theme=dark] .transfer-list-header,[data-theme=dark] .transfer-list-footer,:host-context(.dark-theme) .transfer-list-header,:host-context(.dark-theme) .transfer-list-footer{background:var(--bg-primary, #1f2937);color:var(--text-standard, #ffffff)}[data-theme=dark] .header-count,:host-context(.dark-theme) .header-count{background:rgba(255, 255, 255, 0.1);color:var(--text-muted, #9ca3af)}[data-theme=dark] .transfer-search input,:host-context(.dark-theme) .transfer-search input{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--text-standard, #ffffff)}[data-theme=dark] .transfer-item,:host-context(.dark-theme) .transfer-item{color:var(--bg-secondary, #d1d5db)}[data-theme=dark] .transfer-item:hover:not(.disabled),:host-context(.dark-theme) .transfer-item:hover:not(.disabled){background:rgba(255, 255, 255, 0.03)}[data-theme=dark] .transfer-item.selected,:host-context(.dark-theme) .transfer-item.selected{background:rgba(var(--color-primary-rgb, 59, 130, 246), 0.15);color:var(--color-primary, #60a5fa)}[data-theme=dark] .transfer-button,:host-context(.dark-theme) .transfer-button{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151);color:var(--text-standard, #ffffff)}[data-theme=dark] .transfer-button:disabled,:host-context(.dark-theme) .transfer-button:disabled{background:var(--bg-secondary, #111827)}[data-theme=dark] .tree-children,:host-context(.dark-theme) .tree-children{border-left-color:var(--border-default, #374151)}';export{s as ui_transfer_list}

package/dist/exploration-project-tailwind/p-2f961934.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,a as s,h as e}from"./p-DUsoYu9r.js";const a=class{constructor(s){t(this,s),this.knobChange=i(this,"knobChange"),this.knobInput=i(this,"knobInput"),s.$hostElement$["s-ei"]?this.internals=s.$hostElement$["s-ei"]:(this.internals=s.$hostElement$.attachInternals(),s.$hostElement$["s-ei"]=this.internals)}get el(){return s(this)}internals;name;value=0;min=0;max=100;step=1;size=120;strokeWidth=8;color="#3bf673";trackColor="#e2e8f0";gradient=!1;showValue=!0;valueSuffix="";showMinMax=!1;disabled=!1;readonly=!1;startAngle=135;endAngle=405;enableWheel=!0;showTicks=!1;tickCount=10;tickColor="#94a3b8";tickLength=.1;showLabels=!1;snap=!1;allowInput=!1;knobChange;knobInput;isDragging=!1;angle=0;isEditing=!1;gradientId=`ui-knob-gradient-${Math.random().toString(36).substr(2,9)}`;knobRef;valueChanged(t){this.updateAngle(t),this.internals.setFormValue(t.toString())}colorChanged(){this.normalizeProps()}propsChanged(){this.normalizeProps()}componentWillLoad(){this.normalizeProps(),this.updateAngle(this.value),this.internals.setFormValue(this.value.toString())}normalizeProps(){try{"string"==typeof this.color&&this.color.startsWith("{")&&(this.color=JSON.parse(this.color))}catch(t){console.warn("Failed to parse knob color prop",t)}}updateAngle(t){this.angle=this.startAngle+(t-this.min)/(this.max-this.min)*(this.endAngle-this.startAngle)}handleMouseDown=t=>{this.disabled||this.readonly||(t.preventDefault(),this.isDragging=!0,this.updateValueFromEvent(t),document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp))};handleMouseMove=t=>{this.isDragging&&(this.updateValueFromEvent(t),this.knobInput.emit(this.value))};handleMouseUp=()=>{this.isDragging&&(this.isDragging=!1,this.knobChange.emit(this.value),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp))};handleTouchStart=t=>{this.disabled||this.readonly||(t.preventDefault(),this.isDragging=!0,this.updateValueFromTouch(t))};handleTouchMove=t=>{this.isDragging&&(t.preventDefault(),this.updateValueFromTouch(t),this.knobInput.emit(this.value))};handleTouchEnd=()=>{this.isDragging&&(this.isDragging=!1,this.knobChange.emit(this.value))};handleWheel=t=>{if(!this.enableWheel||this.disabled||this.readonly)return;t.preventDefault();const i=Math.sign(t.deltaY);let s=this.value-i*this.step;s=Math.max(this.min,Math.min(this.max,s)),this.value=s,this.updateAngle(s),this.knobInput.emit(this.value),clearTimeout(this._wheelTimeout),this._wheelTimeout=setTimeout((()=>this.knobChange.emit(this.value)),100)};handleKeyDown=t=>{if(this.disabled||this.readonly)return;let i=this.value;const s=10*this.step;switch(t.key){case"ArrowRight":case"ArrowUp":i=Math.min(this.max,this.value+this.step);break;case"ArrowLeft":case"ArrowDown":i=Math.max(this.min,this.value-this.step);break;case"PageUp":i=Math.min(this.max,this.value+s);break;case"PageDown":i=Math.max(this.min,this.value-s);break;case"Home":i=this.min;break;case"End":i=this.max;break;default:return}i!==this.value&&(t.preventDefault(),this.value=i,this.updateAngle(i),this.knobInput.emit(this.value),this.knobChange.emit(this.value))};updateValueFromEvent(t){if(!this.knobRef)return;const i=this.knobRef.getBoundingClientRect();this.calculateValueFromAngle(t.clientX-(i.left+i.width/2),t.clientY-(i.top+i.height/2))}updateValueFromTouch(t){if(!this.knobRef||0===t.touches.length)return;const i=this.knobRef.getBoundingClientRect(),s=t.touches[0];this.calculateValueFromAngle(s.clientX-(i.left+i.width/2),s.clientY-(i.top+i.height/2))}calculateValueFromAngle(t,i){let s=Math.atan2(i,t)*(180/Math.PI)+90;s<0&&(s+=360);const e=this.endAngle-this.startAngle;s<this.startAngle&&(s=s+360>=this.startAngle?s+360:this.startAngle),s>this.endAngle&&s<this.startAngle+360&&(s=Math.abs(s-this.startAngle)<Math.abs(s-this.endAngle)?this.startAngle:this.endAngle),s=Math.max(this.startAngle,Math.min(this.endAngle,s));let a=this.min+(s-this.startAngle)/e*(this.max-this.min),h=a;h=this.snap?Math.round(a/this.step)*this.step:Math.round(100*a)/100,a=Math.max(this.min,Math.min(this.max,h)),this.value=a,this.angle=s}polarToCartesian(t,i,s,e){const a=(e-90)*Math.PI/180;return{x:t+s*Math.cos(a),y:i+s*Math.sin(a)}}describeArc(t,i,s,e,a){const h=this.polarToCartesian(t,i,s,a),o=this.polarToCartesian(t,i,s,e);return`M ${h.x} ${h.y} A ${s} ${s} 0 ${a-e<=180?"0":"1"} 0 ${o.x} ${o.y}`}componentDidLoad(){this.knobRef&&this.knobRef.addEventListener("wheel",this.handleWheel,{passive:!1})}disconnectedCallback(){document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp),this.knobRef&&this.knobRef.removeEventListener("wheel",this.handleWheel)}startEditing=()=>{!this.allowInput||this.disabled||this.readonly||(this.isEditing=!0)};handleInputBlur=t=>{const i=parseFloat(t.target.value);if(!isNaN(i)){let t=Math.max(this.min,Math.min(this.max,i));t!==this.value&&(this.value=t,this.knobChange.emit(this.value))}this.isEditing=!1};handleInputChange=t=>{const i=parseFloat(t.target.value);if(!isNaN(i)){let t=Math.max(this.min,Math.min(this.max,i));this.value=t,this.knobChange.emit(this.value)}this.isEditing=!1};handleInputKeyDown=t=>{"Enter"===t.key&&t.target.blur()};render(){const t=this.size/2,i=(this.size-this.strokeWidth)/2,s=this.describeArc(t,t,i,this.startAngle,this.endAngle),a=this.describeArc(t,t,i,this.startAngle,this.angle);return e("div",{key:"1f7d0dbe9a1ba355b03c809bbcfcf41f8e7f4908",class:"knob-wrapper"},e("div",{key:"6db0b4bf73beef4a8762a6ab4ace921849a625a9",class:{"knob-container":!0,disabled:this.disabled,readonly:this.readonly,dragging:this.isDragging},ref:t=>this.knobRef=t,style:{width:`${this.size}px`,height:`${this.size}px`},onMouseDown:this.handleMouseDown,onTouchStart:this.handleTouchStart,onTouchMove:this.handleTouchMove,onTouchEnd:this.handleTouchEnd,onKeyDown:this.handleKeyDown,tabIndex:this.disabled||this.readonly?-1:0,role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-disabled":this.disabled,"aria-readonly":this.readonly},e("svg",{key:"b2cc5cb4755f3bf0ad12e1d248332813bd371b3c",width:this.size,height:this.size,class:"knob-svg"},(()=>{const t="object"==typeof this.color&&null!==this.color;if(!this.gradient&&!t)return null;const i=t&&this.color.to||"#10b981";return e("defs",null,e("linearGradient",{id:this.gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},e("stop",{offset:"0%","stop-color":t&&this.color.from||("string"==typeof this.color?this.color:"#3bf673")}),e("stop",{offset:"100%","stop-color":i})))})(),e("path",{key:"c55188f1c67342a3813960c4cfd0427b65338308",d:s,fill:"none",stroke:this.trackColor,"stroke-width":this.strokeWidth,"stroke-linecap":"round"}),this.showTicks&&(()=>{const s=Math.max(2,this.tickCount),a=[],h=this.endAngle-this.startAngle;for(let o=0;o<=s;o++){const n=this.startAngle+h*o/s,r=this.polarToCartesian(t,t,i*(1-this.tickLength),n),l=this.polarToCartesian(t,t,i,n),c=o%Math.max(1,Math.floor(s/5))==0;a.push(e("line",{x1:r.x,y1:r.y,x2:l.x,y2:l.y,stroke:this.tickColor,"stroke-width":c?this.strokeWidth/2:this.strokeWidth/3,"stroke-linecap":"round"}))}return a})(),this.showLabels&&(()=>{const s=[],a=this.endAngle-this.startAngle,h=i-25;for(let i=0;i<=5;i++){const o=i/5,n=this.min+(this.max-this.min)*o,r=this.polarToCartesian(t,t,h,this.startAngle+a*o);s.push(e("text",{x:r.x,y:r.y,"text-anchor":"middle","dominant-baseline":"middle",class:"scale-label",fill:"#64748b","font-size":"10px"},Math.round(n)))}return s})(),e("path",{key:"de24763cf753ca6dbb0451ea3552a2df7fa26b08",d:a,fill:"none",stroke:(()=>this.gradient||"object"==typeof this.color&&null!==this.color?`url(#${this.gradientId})`:this.color)(),"stroke-width":this.strokeWidth,"stroke-linecap":"round",class:"value-arc"}),e("circle",{key:"3f0bba24738381e1be1bb06284d22af9c732a8be",cx:t,cy:t,r:this.strokeWidth/2,fill:(()=>this.gradient||"object"==typeof this.color&&null!==this.color?`url(#${this.gradientId})`:this.color)(),class:"center-dot"}),(()=>{const s=this.polarToCartesian(t,t,.3*i,this.angle),a=this.polarToCartesian(t,t,.85*i,this.angle);return e("line",{x1:s.x,y1:s.y,x2:a.x,y2:a.y,stroke:(()=>this.gradient||"object"==typeof this.color&&null!==this.color?`url(#${this.gradientId})`:this.color)(),"stroke-width":this.strokeWidth/2,"stroke-linecap":"round",class:"indicator"})})()),e("div",{key:"6cc71ee2d411ec36b5faedfe9818c0d6e4ca34ec",class:"value-label",onDblClick:this.startEditing},this.isEditing?e("ui-input",{type:"number",value:this.value.toString(),onInputBlur:this.handleInputBlur,onInputChange:t=>this.handleInputChange(t),onInputKeydown:t=>this.handleInputKeyDown(t.detail),autoFocus:!0,customClass:"knob-input",variant:"plain",size:"sm"}):this.showValue?e("span",null,e("span",{class:"value-number"},this.value),this.valueSuffix&&e("span",{class:"value-suffix"},this.valueSuffix)):e("slot",null))),this.showMinMax&&e("div",{key:"6e7327c12d9cd9cba02822c8bc8bf9ffcc421c5c",class:"min-max-labels"},e("span",{key:"bb01be7b35e752c30a9f19d62c5b31fe5b354292",class:"min-label"},this.min,this.valueSuffix),e("span",{key:"23aa1769d555a0b4aa4ac1b0dd2e90f4be599a2e",class:"max-label"},this.max,this.valueSuffix)))}static get formAssociated(){return!0}static get watchers(){return{value:[{valueChanged:0}],color:[{colorChanged:0}],tickCount:[{propsChanged:0}],tickLength:[{propsChanged:0}],showTicks:[{propsChanged:0}]}}};a.style='.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}.knob-wrapper{display:flex;flex-direction:column;align-items:center;gap:12px}.knob-container{position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;user-select:none;touch-action:none;transition:transform 0.1s ease}.knob-container:hover:not(.disabled):not(.readonly){transform:scale(1.02)}.knob-container.dragging{cursor:grabbing;transform:scale(1.05)}.knob-container.disabled,.knob-container.readonly{cursor:not-allowed;opacity:0.5}.knob-svg{display:block;overflow:visible}.value-arc{filter:drop-shadow(0 2px 4px rgba(var(--color-primary-rgb, 59, 130, 246), 0.3));transition:stroke 0.2s ease}.knob-container:hover:not(.disabled):not(.readonly) .value-arc{filter:drop-shadow(0 3px 6px rgba(var(--color-primary-rgb, 59, 130, 246), 0.4))}.center-dot{filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1))}.indicator{transition:all 0.1s ease;filter:drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2))}.value-label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;align-items:baseline;gap:2px;pointer-events:none;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.value-number{font-size:calc(var(--knob-size, 120px) * 0.2);font-weight:700;color:var(--text-primary, #1e293b);line-height:1}.value-suffix{font-size:calc(var(--knob-size, 120px) * 0.12);font-weight:600;color:var(--text-muted, #64748b);line-height:1}.min-max-labels{display:flex;justify-content:space-between;width:100%;font-size:12px;color:var(--text-muted, #64748b);font-weight:500;padding:0 8px}.min-label,.max-label{white-space:nowrap}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.8}}.knob-container.dragging .value-label{animation:pulse 0.3s ease-in-out}.knob-container:active:not(.disabled):not(.readonly){transform:scale(1.05)}.knob-container:focus-visible{outline:2px solid var(--color-primary, #10b981);outline-offset:4px;border-radius:50%}@media (max-width: 640px){.value-number{font-size:calc(var(--knob-size, 120px) * 0.18)}.value-suffix{font-size:calc(var(--knob-size, 120px) * 0.11)}.min-max-labels{font-size:11px}}';export{a as ui_knob}

package/dist/exploration-project-tailwind/p-35296877.entry.js

@@ -0,0 +1 @@
+import{r as t,a as o,h as s,H as i}from"./p-DUsoYu9r.js";const r=class{constructor(o){t(this,o)}get el(){return o(this)}mode="top";threshold=300;behavior="smooth";position="bottom-right";quickJump=!1;strategy="fixed";icon="arrow-up";label;size="md";color="primary";variant="solid";target;showProgress=!1;progressColor;showProgressValue=!1;glassy=!1;magnetic=!1;magneticStrength=.3;magneticRadius=150;autoHide=!1;persistenceId;onPersistenceIdChange(){this.loadPersistedPosition()}isDraggable=!1;autoHideHoldTime=3e3;shape="rounded";iconLibrary="default";animation="scale";tooltip;zIndex=1e3;portal=!1;haptic=!1;skeleton=!1;loading=!1;textDirection="auto";isVisible=!1;isUserScrolling=!1;scrollProgress=0;dir="ltr";pulse=!1;anchors=[];isMenuOpen=!1;magneticTransform={x:0,y:0};dragOffset={x:0,y:0};isDragging=!1;targetElement;autoHideTimer;pulseTimer;dragStartPos={x:0,y:0};initialOffset={x:0,y:0};handleModeChange(){this.triggerPulse()}onTextDirectionChange(){this.updateDir()}componentWillLoad(){this.updateDir(),this.loadPersistedPosition(),this.computeScrollState(document.documentElement,window.pageYOffset??document.documentElement?.scrollTop??0)}componentDidLoad(){this.portal&&document.body&&this.el.parentNode!==document.body&&document.body.appendChild(this.el),this.initTarget()}componentDidUpdate(){this.targetElement||this.initTarget()}scanAnchors(){if(!this.quickJump)return;const t=Array.from(document.querySelectorAll("h1[id], h2[id], h3[id], h4[id], h5[id], h6[id], [data-ui-anchor]"));this.anchors=t.map((t=>({title:t.getAttribute("data-ui-anchor-title")||t.textContent.trim(),id:t.id||(t.hasAttribute("data-ui-anchor")?t.getAttribute("data-ui-anchor")??"":"")}))).filter((t=>!!t.id&&!!t.title))}loadPersistedPosition(){if(this.persistenceId&&this.isDraggable){const t=localStorage.getItem(`ui-scroll-top-pos-${this.persistenceId}`);if(t)try{this.dragOffset=JSON.parse(t)}catch(t){console.error("Failed to load ScrollTop position",t)}}}savePersistedPosition(){this.persistenceId&&this.isDraggable&&localStorage.setItem(`ui-scroll-top-pos-${this.persistenceId}`,JSON.stringify(this.dragOffset))}triggerPulse(){this.pulse=!0,this.pulseTimer&&clearTimeout(this.pulseTimer),this.pulseTimer=setTimeout((()=>this.pulse=!1),600)}updateDir(){if("rtl"===this.textDirection)this.dir="rtl";else if("ltr"===this.textDirection)this.dir="ltr";else{const t=getComputedStyle(this.el).direction;this.dir="rtl"===t?"rtl":"ltr"}}initTarget(){if(this.targetElement=this.target?document.querySelector(this.target):window,this.targetElement){this.targetElement.addEventListener("scroll",this.handleScroll);const t=this.targetElement instanceof Window?document.documentElement:this.targetElement,o=this.targetElement instanceof Window?window.pageYOffset||document.documentElement.scrollTop:this.targetElement.scrollTop;this.computeScrollState(t,o)}}computeScrollState(t,o){if(this.isVisible="top"===this.mode?o>this.threshold:"bottom"===this.mode?o<t.scrollHeight-t.clientHeight-this.threshold:!(o<this.threshold&&o>t.scrollHeight-t.clientHeight-this.threshold),this.showProgress){const s=t.scrollHeight-t.clientHeight;s>0&&(this.scrollProgress=Math.min(100,Math.max(0,o/s*100)))}}disconnectedCallback(){this.targetElement&&this.targetElement.removeEventListener("scroll",this.handleScroll),this.clearAutoHideTimer(),this.clearPulseTimer()}clearPulseTimer(){this.pulseTimer&&(clearTimeout(this.pulseTimer),this.pulseTimer=null)}clearAutoHideTimer(){this.autoHideTimer&&(clearTimeout(this.autoHideTimer),this.autoHideTimer=null)}handleScroll=()=>{const t=this.targetElement instanceof Window?document.documentElement:this.targetElement,o=this.targetElement instanceof Window?window.pageYOffset||document.documentElement.scrollTop:this.targetElement.scrollTop,s=this.isVisible;this.computeScrollState(t,o),this.autoHide&&this.isVisible?(this.isUserScrolling=!0,this.clearAutoHideTimer(),this.autoHideTimer=setTimeout((()=>{this.isUserScrolling=!1}),this.autoHideHoldTime)):this.autoHide||(this.isUserScrolling=!0),!s&&this.isVisible&&this.haptic&&"vibrate"in navigator&&navigator.vibrate(30)};handleAction=()=>{if(this.haptic&&"vibrate"in navigator&&navigator.vibrate(50),this.targetElement instanceof Window){let t=0;"bottom"===this.mode?t=document.documentElement.scrollHeight:"both"===this.mode&&(t=(window.pageYOffset||document.documentElement.scrollTop)>(document.documentElement.scrollHeight-document.documentElement.clientHeight)/2?0:document.documentElement.scrollHeight),window.scrollTo({top:t,behavior:this.behavior})}else{const t=this.targetElement;let o=0;"bottom"===this.mode?o=t.scrollHeight:"both"===this.mode&&(o=t.scrollTop>(t.scrollHeight-t.clientHeight)/2?0:t.scrollHeight),t.scrollTo({top:o,behavior:this.behavior})}};handleMouseMove(t){if(!this.magnetic||!this.isVisible)return;const o=this.el.getBoundingClientRect(),s=t.clientX-(o.left+o.width/2),i=t.clientY-(o.top+o.height/2),r=Math.sqrt(s*s+i*i);if(r<this.magneticRadius){const t=1-r/this.magneticRadius;this.magneticTransform={x:s*this.magneticStrength*t,y:i*this.magneticStrength*t}}else 0===this.magneticTransform.x&&0===this.magneticTransform.y||(this.magneticTransform={x:0,y:0})}handleContextMenu=t=>{this.quickJump&&(t.preventDefault(),this.scanAnchors(),this.isMenuOpen=!this.isMenuOpen)};jumpTo=t=>{const o=document.getElementById(t);o&&o.scrollIntoView({behavior:"smooth"}),this.isMenuOpen=!1};onMouseDown(t){this.isDraggable&&(this.isDragging=!0,this.dragStartPos={x:t.clientX,y:t.clientY},this.initialOffset={...this.dragOffset},this.isMenuOpen=!1,document.addEventListener("mousemove",this.onMouseMove),document.addEventListener("mouseup",this.onMouseUp))}onMouseMove=t=>{this.isDragging&&(this.dragOffset={x:this.initialOffset.x+(t.clientX-this.dragStartPos.x),y:this.initialOffset.y+(t.clientY-this.dragStartPos.y)})};onMouseUp=()=>{this.isDragging=!1,document.removeEventListener("mousemove",this.onMouseMove),document.removeEventListener("mouseup",this.onMouseUp),this.savePersistedPosition()};render(){if(this.skeleton)return s(i,{class:`scroll-top-skeleton scroll-top-${this.position} scroll-top-${this.size}`},s("div",{class:"skeleton-btn"}));const t=this.isVisible&&(!this.autoHide||this.isUserScrolling),o=2*Math.PI*22,r=o-this.scrollProgress/100*o;return s(i,{style:this.portal?{display:"contents"}:{}},s("ui-button",{variant:"solid"===this.variant?"primary":this.variant,class:{"scroll-top":!0,[`scroll-top-${this.position}`]:!0,[`scroll-top-${this.size}`]:!0,[`scroll-top-${this.color}`]:!0,[`scroll-top-variant-${this.variant}`]:!0,[`scroll-top-shape-${this.shape}`]:!0,[`scroll-top-anim-${this.animation}`]:!0,"scroll-top-visible":t,"scroll-top-active":this.isUserScrolling,"scroll-top-with-label":!!this.label,"scroll-top-loading":this.loading,"scroll-top-pulse":this.pulse,"scroll-top-glassy":this.glassy,"scroll-top-rtl":"rtl"===this.dir,"scroll-top-strategy-absolute":"absolute"===this.strategy},style:{"--z-index":`${this.zIndex}`,"--magnetic-x":`${this.magneticTransform.x}px`,"--magnetic-y":`${this.magneticTransform.y}px`,"--drag-x":`${this.dragOffset.x}px`,"--drag-y":`${this.dragOffset.y}px`,transform:"translate(calc(var(--magnetic-x, 0px) + var(--drag-x, 0px)), calc(var(--magnetic-y, 0px) + var(--drag-y, 0px)))",transition:0!==this.magneticTransform.x||this.isDragging?"none":"transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)","pointer-events":t?"auto":"none",cursor:this.isDraggable?this.isDragging?"grabbing":"grab":"pointer"},onClick:()=>this.handleAction(),onKeyDown:t=>"Enter"===t.key&&this.handleAction(),onContextMenu:this.handleContextMenu,disabled:!t,ariaLabel:"top"===this.mode?"Scroll to top":"Scroll to bottom","aria-haspopup":this.quickJump?"true":"false","aria-expanded":this.isMenuOpen?"true":"false",title:this.quickJump?"Right-click for sections":this.tooltip||("top"===this.mode?"Top":"Bottom"),icon:this.loading?"loading":"top"===this.mode?this.icon:"bottom"===this.mode?"arrow-up"===this.icon?"arrow-down":this.icon:this.scrollProgress>50?"arrow-up"===this.icon?"arrow-up":this.icon:"arrow-up"===this.icon?"arrow-down":this.icon,iconLibrary:this.iconLibrary,loading:this.loading,label:this.label},this.showProgress&&s("svg",{class:"progress-ring",width:"100%",height:"100%",viewBox:"0 0 60 60",slot:"start"},s("circle",{class:"progress-ring__background",stroke:"rgba(255,255,255,0.1)","stroke-width":"3",fill:"transparent",r:22,cx:"30",cy:"30"}),s("circle",{class:"progress-ring__circle",stroke:this.progressColor||"currentColor","stroke-width":"3","stroke-dasharray":`${o} ${o}`,style:{strokeDashoffset:`${r}`},"stroke-linecap":"round",fill:"transparent",r:22,cx:"30",cy:"30"})),this.showProgress&&this.showProgressValue&&s("span",{class:"progress-value",slot:"start"},Math.round(this.scrollProgress),"%"),this.isMenuOpen&&s("div",{class:`scroll-top-anchors scroll-top-anchors-${this.position}`,slot:"end"},s("div",{class:"scroll-top-anchors-header"},"Quick Jump"),s("div",{class:"scroll-top-anchors-list"},this.anchors.map((t=>s("ui-button",{key:t.id,variant:"ghost",class:"scroll-top-anchor-item",onClick:o=>{o.stopPropagation(),this.jumpTo(t.id)},label:t.title,block:!0})))))))}static get watchers(){return{persistenceId:[{onPersistenceIdChange:0}],mode:[{handleModeChange:0}],textDirection:[{onTextDirectionChange:0}]}}};r.style=".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:contents;--z-index:1000}.scroll-top{position:fixed;z-index:var(--z-index, 1000);display:flex;align-items:center;justify-content:center;padding:0;border:none;cursor:pointer;background:transparent !important;transition:all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);opacity:0;transform:scale(0);pointer-events:none}.scroll-top.scroll-top-strategy-absolute{position:absolute}.scroll-top.scroll-top-visible{opacity:1 !important;pointer-events:auto !important;transform:scale(1)}.scroll-top.scroll-top-visible.scroll-top-bottom-center,.scroll-top.scroll-top-visible.scroll-top-top-center{transform:translateX(-50%) scale(1) !important}.scroll-top.scroll-top-visible.scroll-top-center{transform:translate(-50%, -50%) scale(1) !important}.scroll-top.scroll-top-visible.scroll-top-center-left,.scroll-top.scroll-top-visible.scroll-top-center-right{transform:translateY(-50%) scale(1) !important}.scroll-top{font-family:inherit;font-weight:600;user-select:none;overflow:visible}.scroll-top.scroll-top-glassy{backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%)}.scroll-top-visible{opacity:1 !important;visibility:visible !important}.scroll-top:hover{box-shadow:0 6px 20px rgba(0, 0, 0, 0.2);filter:brightness(1.1)}.scroll-top:active{transform:scale(0.92) !important}.scroll-top-shape-circle{border-radius:50%}.scroll-top-shape-square,.scroll-top-shape-sharp{border-radius:0}.scroll-top-shape-rounded{border-radius:12px}.scroll-top-shape-pill,.scroll-top-shape-oval{border-radius:999px}.scroll-top-shape-chip{border-radius:100px}.scroll-top-sm{width:40px;height:40px;font-size:14px}.scroll-top-md{width:50px;height:50px;font-size:16px}.scroll-top-lg{width:64px;height:64px;font-size:18px}.scroll-top-bottom-right{right:24px;bottom:24px}.scroll-top-bottom-left{left:24px;bottom:24px}.scroll-top-bottom-center{left:50%;bottom:24px;transform:translateX(-50%)}.scroll-top-top-center{top:24px;left:50%;transform:translateX(-50%)}.scroll-top-center-left{top:50%;left:24px;transform:translateY(-50%)}.scroll-top-center-right{top:50%;right:24px;transform:translateY(-50%)}.scroll-top-center{top:50%;left:50%;transform:translate(-50%, -50%)}.scroll-top-top-right{right:24px;top:24px}.scroll-top-top-left{left:24px;top:24px}.scroll-top-anim-scale{transform:scale(0.5)}.scroll-top-anim-scale.scroll-top-visible{transform:scale(1)}.scroll-top-bottom-center.scroll-top-anim-scale{transform:translateX(-50%) scale(0.5)}.scroll-top-bottom-center.scroll-top-anim-scale.scroll-top-visible{transform:translateX(-50%) scale(1)}.scroll-top-anim-fade{transform:none}.scroll-top-anim-slide.scroll-top-bottom-right{transform:translateY(40px)}.scroll-top-anim-slide.scroll-top-bottom-left{transform:translateY(40px)}.scroll-top-anim-slide.scroll-top-bottom-center{transform:translate(-50%, 40px)}.scroll-top-anim-slide.scroll-top-top-right{transform:translateY(-40px)}.scroll-top-anim-slide.scroll-top-top-left{transform:translateY(-40px)}.scroll-top-anim-slide.scroll-top-visible{transform:translate(0, 0) !important}.scroll-top-bottom-center.scroll-top-anim-slide.scroll-top-visible{transform:translate(-50%, 0) !important}.scroll-top-sm{width:40px;height:40px;min-width:40px}.scroll-top-md{width:56px;height:56px;min-width:56px}.scroll-top-lg{width:72px;height:72px;min-width:72px}.progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform:rotate(-90deg)}.progress-ring__circle{transition:stroke-dashoffset 0.1s}.scroll-top-anchors{position:absolute;background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 10px 25px rgba(0, 0, 0, 0.2);width:200px;max-height:300px;overflow:hidden;display:flex;flex-direction:column;z-index:1000;border:1px solid rgba(0, 0, 0, 0.05);animation:scroll-top-menu-fade 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.scroll-top-glassy .scroll-top-anchors{background:rgba(255, 255, 255, 0.8);backdrop-filter:blur(16px)}.scroll-top-anchors-bottom-right{bottom:120%;right:0;transform-origin:bottom right}.scroll-top-anchors-bottom-left{bottom:120%;left:0;transform-origin:bottom left}.scroll-top-anchors-bottom-center{bottom:120%;left:50%;transform:translateX(-50%);transform-origin:bottom center}.scroll-top-anchors-top-right{top:120%;right:0;transform-origin:top right}.scroll-top-anchors-top-left{top:120%;left:0;transform-origin:top left}@keyframes scroll-top-menu-fade{from{opacity:0;transform:scale(0.9) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.scroll-top-anchors-header{padding:12px 16px;font-size:11px;font-weight:800;text-transform:uppercase;color:var(--text-muted, #6b7280);background:rgba(0, 0, 0, 0.02);border-bottom:1px solid rgba(0, 0, 0, 0.05);letter-spacing:0.1em}.scroll-top-anchors-list{overflow-y:auto;padding:4px}.scroll-top-anchor-item{width:100%;padding:10px 12px;text-align:left;background:transparent;border:none;border-radius:6px;font-size:13px;color:var(--text-secondary, #374151);cursor:pointer;transition:all 0.2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scroll-top-anchor-item:hover{background:rgba(0, 0, 0, 0.05);color:var(--text-primary, #111827)}.progress-value{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-size:10px;font-weight:700;z-index:3;opacity:0.8}.scroll-top-content{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:0 12px}.scroll-top-with-label{width:auto !important;min-width:50px;border-radius:30px !important}.scroll-top-label{font-size:0.85em;white-space:nowrap}.scroll-top-icon{display:flex;align-items:center;justify-content:center}:host([target]) .scroll-top{position:absolute}";export{r as ui_scroll_top}

package/dist/exploration-project-tailwind/p-36861546.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,a as r,h as i}from"./p-DUsoYu9r.js";const s=class{constructor(r){t(this,r),this.sizeChange=e(this,"sizeChange"),this.panelCollapse=e(this,"panelCollapse"),this.splitterDragStart=e(this,"splitterDragStart"),this.splitterDragEnd=e(this,"splitterDragEnd")}get el(){return r(this)}direction="horizontal";gutterSize=8;gutterColor="#e5e7eb";gutterHoverColor="#0de44dff";panels=[];sizes=[];snapThreshold=20;animated=!0;persistState=!1;storageKey="splitter-state";showGutterIcon=!0;doubleClickCollapse=!0;keyboardNavigation=!0;rtl=!1;theme="auto";rounded=!1;elevated=!1;isDragging=!1;activeGutterIndex=-1;hoveredGutterIndex=-1;collapsedPanels=new Set;sizeChange;panelCollapse;splitterDragStart;splitterDragEnd;startPos=0;startSizes=[];panelRefs=[];componentWillLoad(){this.initializeSizes(),this.persistState&&this.loadState()}componentDidLoad(){0===this.sizes.length&&this.initializeSizes(),this.keyboardNavigation&&document.addEventListener("keydown",this.handleKeyDown)}disconnectedCallback(){this.keyboardNavigation&&document.removeEventListener("keydown",this.handleKeyDown),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)}handlePanelsChange(){this.initializeSizes()}initializeSizes(){const t=this.getPanelCount();0!==t&&this.sizes.length!==t&&(this.sizes=Array(t).fill(0).map(((e,r)=>this.panels[r]?.size||100/t)))}getPanelCount(){const t=this.el.querySelectorAll('[slot^="panel-"]');return Math.max(t.length,this.panels.length)}loadState(){try{const t=localStorage.getItem(this.storageKey);if(t){const e=JSON.parse(t);this.sizes=e.sizes||this.sizes,this.collapsedPanels=new Set(e.collapsed||[])}}catch(t){console.error("Failed to load splitter state:",t)}}saveState(){if(this.persistState)try{const t={sizes:this.sizes,collapsed:Array.from(this.collapsedPanels)};localStorage.setItem(this.storageKey,JSON.stringify(t))}catch(t){console.error("Failed to save splitter state:",t)}}handleMouseDown=(t,e)=>{t.preventDefault(),this.isDragging=!0,this.activeGutterIndex=e,this.startPos="horizontal"===this.direction?t.clientX:t.clientY,this.startSizes=[...this.sizes],document.addEventListener("mousemove",this.handleMouseMove),document.addEventListener("mouseup",this.handleMouseUp),this.splitterDragStart.emit({index:e})};handleMouseMove=t=>{if(!this.isDragging||-1===this.activeGutterIndex)return;const e=("horizontal"===this.direction?t.clientX:t.clientY)-this.startPos,r=[...this.startSizes],i=this.activeGutterIndex,s=this.activeGutterIndex+1,o=this.panels[i],a=this.panels[s];let l=this.startSizes[i]+(this.rtl&&"horizontal"===this.direction?-e:e)/("horizontal"===this.direction?this.el.offsetWidth:this.el.offsetHeight)*100;const n=void 0!==o?.minSize?o.minSize:0,h=void 0!==o?.maxSize?o.maxSize:100,p=void 0!==a?.minSize?a.minSize:0,c=Math.max(n,this.startSizes[i]+this.startSizes[s]-(void 0!==a?.maxSize?a.maxSize:100)),d=Math.min(h,this.startSizes[i]+this.startSizes[s]-p);let u=Math.max(c,Math.min(d,l));this.snapThreshold>0&&(Math.abs(u-n)<this.snapThreshold&&(u=n),Math.abs(this.startSizes[i]+this.startSizes[s]-u-p)<this.snapThreshold&&(u=this.startSizes[i]+this.startSizes[s]-p)),r[i]=u,r[s]=this.startSizes[i]+this.startSizes[s]-u,this.sizes=r,this.sizeChange.emit({sizes:this.sizes,index:this.activeGutterIndex})};handleMouseUp=()=>{this.isDragging&&(this.isDragging=!1,this.splitterDragEnd.emit({index:this.activeGutterIndex,sizes:this.sizes}),this.activeGutterIndex=-1,this.saveState()),document.removeEventListener("mousemove",this.handleMouseMove),document.removeEventListener("mouseup",this.handleMouseUp)};handleGutterDoubleClick=t=>{if(!this.doubleClickCollapse)return;const e=this.panels[t];e?.collapsible&&this.toggleCollapse(t)};toggleCollapse(t){const e=this.collapsedPanels.has(t);e?this.collapsedPanels.delete(t):(this.collapsedPanels.add(t),this.sizes[t]=this.panels[t]?.minSize||0),this.collapsedPanels=new Set(this.collapsedPanels),this.panelCollapse.emit({index:t,collapsed:!e}),this.saveState()}handleKeyDown=t=>{this.keyboardNavigation&&-1!==this.activeGutterIndex&&("ArrowLeft"===t.key||"ArrowUp"===t.key?(t.preventDefault(),this.adjustSize(this.activeGutterIndex,-5)):"ArrowRight"!==t.key&&"ArrowDown"!==t.key||(t.preventDefault(),this.adjustSize(this.activeGutterIndex,5)))};adjustSize(t,e){const r=[...this.sizes];r[t]+=e,r[t+1]-=e,this.sizes=r,this.sizeChange.emit({sizes:this.sizes,index:t})}renderGutter(t){const e=this.activeGutterIndex===t,r=this.hoveredGutterIndex===t;return i("div",{class:{"splitter-gutter":!0,"splitter-gutter-active":e,"splitter-gutter-hovered":r,"splitter-gutter-horizontal":"horizontal"===this.direction,"splitter-gutter-vertical":"vertical"===this.direction},style:{width:"horizontal"===this.direction?`${this.gutterSize}px`:"100%",height:"vertical"===this.direction?`${this.gutterSize}px`:"100%",background:r||e?this.gutterHoverColor:this.gutterColor},onMouseDown:e=>this.handleMouseDown(e,t),onDblClick:()=>this.handleGutterDoubleClick(t),onMouseEnter:()=>this.hoveredGutterIndex=t,onMouseLeave:()=>this.hoveredGutterIndex=-1},this.showGutterIcon&&i("ui-icon",{name:"grip-"+("horizontal"===this.direction?"vertical":"lines"),library:"fontawesome"}))}renderPanel(t){const e=this.sizes[t]||0,r=this.collapsedPanels.has(t),s=this.panels[t];return i("div",{ref:e=>this.panelRefs[t]=e,class:{"splitter-panel":!0,"splitter-panel-collapsed":r,"splitter-panel-animated":this.animated&&!this.isDragging},style:{["horizontal"===this.direction?"width":"height"]:`${e}%`,["horizontal"===this.direction?"height":"width"]:"100%"}},i("slot",{name:`panel-${t}`}),s?.collapsible&&i("ui-button",{variant:"ghost",onClick:()=>this.toggleCollapse(t),ariaLabel:r?"Expand":"Collapse",icon:"chevron-"+(r?"right":"left"),iconLibrary:"fontawesome",iconOnly:!0,size:"sm"}))}render(){const t=this.getPanelCount(),e=[];for(let r=0;r<t;r++)e.push(this.renderPanel(r)),r<t-1&&e.push(this.renderGutter(r));return i("div",{key:"e4576c74bbbb36dd9e15f0e7860efd48e878656c",class:{"splitter-container":!0,[`splitter-${this.direction}`]:!0,[`splitter-theme-${this.theme}`]:!0,"splitter-rounded":this.rounded,"splitter-elevated":this.elevated,"splitter-dragging":this.isDragging,"splitter-rtl":this.rtl}},e)}static get watchers(){return{panels:[{handlePanelsChange:0}]}}};s.style=".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%;height:100%;--gutter-size:8px;--gutter-color:var(--text-standard, #e5e7eb);--gutter-hover-color:var(--color-primary, #10b981);--panel-bg:var(--bg-primary, #ffffff);--panel-border:var(--border-default, #e5e7eb)}.splitter-container{display:flex;width:100%;height:100%;position:relative;overflow:hidden}.splitter-horizontal{flex-direction:row}.splitter-vertical{flex-direction:column}.splitter-rounded{border-radius:8px;overflow:hidden}.splitter-elevated{box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)}.splitter-panel{position:relative;overflow:auto;background:var(--panel-bg);flex-shrink:0}.splitter-panel::-webkit-scrollbar{width:8px;height:8px}.splitter-panel::-webkit-scrollbar-track{background:var(--bg-primary, #f1f1f1)}.splitter-panel::-webkit-scrollbar-thumb{background:var(--bg-tertiary, #888);border-radius:4px}.splitter-panel::-webkit-scrollbar-thumb:hover{background:var(--bg-secondary, #555)}.splitter-panel-animated{transition:width 0.3s ease, height 0.3s ease}.splitter-panel-collapsed{overflow:hidden}.splitter-gutter{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:col-resize;transition:background-color 0.2s ease;user-select:none}.splitter-gutter i{color:var(--text-muted, #9ca3af);font-size:12px;pointer-events:none;transition:color 0.2s ease}.splitter-gutter:hover i,.splitter-gutter.splitter-gutter-active i{color:var(--text-standard, #ffffff)}.splitter-gutter-vertical{cursor:row-resize}.splitter-gutter-horizontal{cursor:col-resize}.splitter-gutter-active{background:var(--gutter-hover-color) !important;z-index:10}.splitter-gutter-hovered{background:var(--gutter-hover-color)}.splitter-collapse-btn{position:absolute;top:8px;right:8px;width:24px;height:24px;border:none;background:var(--bg-secondary, #f3f4f6);border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:5}.splitter-collapse-btn i{font-size:12px;color:var(--text-muted, #6b7280)}.splitter-collapse-btn:hover{background:var(--bg-primary, #e5e7eb);transform:scale(1.1)}.splitter-collapse-btn:hover i{color:var(--text-secondary, #374151)}.splitter-collapse-btn:active{transform:scale(0.95)}.splitter-dragging{cursor:col-resize;user-select:none}.splitter-dragging .splitter-panel{pointer-events:none}.splitter-dragging.splitter-vertical{cursor:row-resize}.splitter-rtl{direction:rtl}.splitter-rtl .splitter-collapse-btn{right:auto;left:8px}.splitter-theme-dark{--panel-bg:var(--bg-primary, #1f2937);--panel-border:var(--border-default, #374151);--gutter-color:var(--text-secondary, #374151);--gutter-hover-color:var(--color-primary, #10b981)}.splitter-theme-dark .splitter-panel{color:var(--text-standard, #f9fafb)}.splitter-theme-dark .splitter-panel::-webkit-scrollbar-track{background:var(--bg-secondary, #111827)}.splitter-theme-dark .splitter-panel::-webkit-scrollbar-thumb{background:var(--color-primary, #4b5563)}.splitter-theme-dark .splitter-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6b7280)}.splitter-theme-dark .splitter-collapse-btn{background:var(--color-primary, #374151)}.splitter-theme-dark .splitter-collapse-btn i{color:var(--text-muted, #9ca3af)}.splitter-theme-dark .splitter-collapse-btn:hover{background:var(--color-primary, #4b5563)}.splitter-theme-dark .splitter-collapse-btn:hover i{color:var(--bg-secondary, #d1d5db)}.splitter-theme-dark .splitter-gutter i{color:var(--text-muted, #6b7280)}@media (prefers-color-scheme: dark){.splitter-theme-auto{--panel-bg:var(--bg-primary, #1f2937);--panel-border:var(--border-default, #374151);--gutter-color:var(--text-secondary, #374151);--gutter-hover-color:var(--color-primary, #10b981)}.splitter-theme-auto .splitter-panel{color:var(--text-standard, #f9fafb)}.splitter-theme-auto .splitter-panel::-webkit-scrollbar-track{background:var(--bg-secondary, #111827)}.splitter-theme-auto .splitter-panel::-webkit-scrollbar-thumb{background:var(--color-primary, #4b5563)}.splitter-theme-auto .splitter-panel::-webkit-scrollbar-thumb:hover{background:var(--color-primary, #6b7280)}.splitter-theme-auto .splitter-collapse-btn{background:var(--color-primary, #374151)}.splitter-theme-auto .splitter-collapse-btn i{color:var(--text-muted, #9ca3af)}.splitter-theme-auto .splitter-collapse-btn:hover{background:var(--color-primary, #4b5563)}.splitter-theme-auto .splitter-collapse-btn:hover i{color:var(--bg-secondary, #d1d5db)}.splitter-theme-auto .splitter-gutter i{color:var(--text-muted, #6b7280)}}@media (max-width: 768px){.splitter-gutter{width:12px !important;height:12px !important}.splitter-collapse-btn{width:32px;height:32px}.splitter-collapse-btn i{font-size:14px}}.splitter-gutter:focus{outline:2px solid var(--gutter-hover-color);outline-offset:2px}.splitter-collapse-btn:focus{outline:2px solid var(--color-primary, #10b981);outline-offset:2px}";export{s as ui_splitter}

package/dist/exploration-project-tailwind/p-3d3d48fd.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-DUsoYu9r.js";const e=class{constructor(i){t(this,i)}node;activeTabId;renderChild(t,e){return"tabs"!==this.node.type||t.id===this.activeTabId||0===e&&!this.activeTabId||t.id===this.activeTabId?"panel"===t.type?i("lm-panel",{panel:t}):i("lm-container",{node:t}):null}render(){if(!this.node)return i("div",{class:"lm-container lm-empty"},"No configuration node provided");const t=`lm-container lm-${this.node.type}`;if("tabs"===this.node.type||"nav"===this.node.type||"single"===this.node.type){if("single"===this.node.type){const e=this.node.children[0];return i("div",{class:t,"data-id":this.node.id},e?this.renderChild(e,0):i("div",{class:"lm-empty-single"},"Empty"))}const e=this.activeTabId||(this.node.children[0]?this.node.children[0].id:null),n="nav"===this.node.type;return i("div",{class:`${t} ${n?"lm-nav-layout":""}`,"data-id":this.node.id},i("lm-tabs",{panels:this.node.children,activeTabId:e,containerId:this.node.id,mode:n?"vertical":"horizontal"}),i("div",{class:"lm-tab-content"},this.node.children.map(((t,n)=>i("div",{class:"lm-tab-pane",style:{display:t.id===e?"block":"none"}},this.renderChild(t,n))))))}return i("div",{class:t,"data-id":this.node.id},this.node.children.map(((t,e)=>{const n="column"===this.node.type||"vertical"===this.node.type;if(!0===t.collapsed)return null;const o=!this.node.children.slice(e+1).some((t=>!t.collapsed));return[i("div",{class:"lm-child","data-id":t.id,style:{flexGrow:t.size?`${t.size}`:"1",minWidth:t.minWidth?`${t.minWidth}px`:"0",minHeight:t.minHeight?`${t.minHeight}px`:"0"}},"panel"===t.type?i("lm-panel",{panel:t}):i("lm-container",{node:t})),!o&&i("lm-splitter",{containerId:this.node.id,index:e,direction:n?"vertical":"horizontal"})]})))}};e.style=".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%;height:100%;overflow:hidden;box-sizing:border-box}.lm-container{display:flex;width:100%;height:100%;flex:1;overflow:hidden;box-sizing:border-box}.lm-container.lm-row,.lm-container.lm-horizontal{flex-direction:row}.lm-container.lm-column,.lm-container.lm-vertical{flex-direction:column}.lm-container{}.lm-container.lm-tabs{flex-direction:column}.lm-container{}.lm-container.lm-nav-layout{flex-direction:row;}.lm-container.lm-nav-layout>.lm-tabs{width:48px;flex-direction:column;border-bottom:none;border-right:1px solid var(--border-subtle, #e2e8f0)}.lm-container.lm-nav-layout>.lm-tab-content{flex:1;width:calc(100% - 48px)}.lm-child{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden;position:relative;transition:flex-grow 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1), height 0.3s cubic-bezier(0.4, 0, 0.2, 1)}.lm-tab-content{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.lm-tab-pane{display:flex;flex-direction:column;width:100%;height:100%;overflow:hidden}@media (max-width: 768px){.lm-container.lm-row,.lm-container.lm-horizontal,.lm-container.lm-nav-layout{flex-direction:column !important}.lm-container.lm-nav-layout>.lm-tabs{width:100% !important;flex-direction:row !important;border-right:none;border-bottom:1px solid var(--border-subtle, #e2e8f0);height:auto;overflow-x:auto}.lm-container.lm-nav-layout>.lm-tab-content{width:100% !important}:host-context(.lm-container) .lm-splitter{display:none !important}}";const n=class{constructor(i){t(this,i)}panelId;x=100;y=100;render(){return i("div",{key:"987212734ff21ee0d02c5ae2f0fe144e901d8206",class:"lm-float",style:{left:`${this.x}px`,top:`${this.y}px`},"data-panel-id":this.panelId},i("div",{key:"8b922866c1955c167c6a2e5ea5d30c3c5a6bd57c",class:"lm-float-header"},"Floating - ",this.panelId),i("div",{key:"a0e3f8cd66090fc879b10b7ce0d7005ea6e76381",class:"lm-float-body"},i("slot",{key:"0362df47eeafe69e15151e443b72c62e97ca3300"})))}};n.style="";export{e as lm_container,n as lm_floating_window}

package/dist/exploration-project-tailwind/p-41cd6bf0.entry.js

@@ -0,0 +1 @@
+import{r as t,h as i}from"./p-DUsoYu9r.js";import{f as o}from"./p-Ck6jDuhz.js";const r=class{constructor(i){t(this,i)}first;middle;last;getText(){return o(this.first,this.middle,this.last)}render(){return i("div",{key:"c54ef18347b7e6ba68f972968779880e74e0d4e5"},"Hello, World! I'm ",this.getText())}};r.style=".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}";export{r as my_component}

package/dist/exploration-project-tailwind/p-45482d86.entry.js

@@ -0,0 +1 @@
+import{r as t,c as i,a as e,h as s,H as r}from"./p-DUsoYu9r.js";const a=class{constructor(e){t(this,e),this.timerTick=i(this,"timerTick"),this.timerStart=i(this,"timerStart"),this.timerPause=i(this,"timerPause"),this.timerComplete=i(this,"timerComplete"),this.timerAllComplete=i(this,"timerAllComplete"),this.timerLap=i(this,"timerLap"),this.timerNext=i(this,"timerNext"),this.timerPrev=i(this,"timerPrev"),this.timerGoTo=i(this,"timerGoTo")}get el(){return e(this)}steps=[];normalizedSteps=[];isNarrow=!1;flow="linear";mode="countdown";activeStep=0;theme;autoStart=!1;loop=!1;precision="seconds";variant="full";alertThreshold=10;targetDate;persist;progressType="circular";format="default";useShadow=!0;collapse=!1;enableNotifications=!1;enableSound=!1;notificationTitle="Timer Complete";notificationBody="{{label}} phase finished.";duration=0;currentTime=0;isRunning=!1;totalDuration=0;laps=[];isAlerting=!1;activeStepColor;normalizedTheme={};timerInterval;collapseBreakpoint=640;timerTick;timerStart;timerPause;timerComplete;timerAllComplete;timerLap;timerNext;timerPrev;timerGoTo;normalizeSteps(t){if("string"==typeof t)try{this.normalizedSteps=JSON.parse(t)}catch{this.normalizedSteps=[]}else this.normalizedSteps=t||[];this.initStep()}watchDuration(t){0===this.normalizedSteps.length&&(this.totalDuration=t,this.currentTime="milliseconds"===this.precision?1e3*t:t)}normalizeTheme(t){if("string"==typeof t)try{this.normalizedTheme=JSON.parse(t)}catch{this.normalizedTheme={}}else this.normalizedTheme=t||{}}componentWillLoad(){this.normalizeSteps(this.steps),this.normalizeTheme(this.theme),this.loadPersistedState(),this.initTargetDate(),this.initNotifications(),this.updateResponsiveState(),this.duration>0&&0===this.normalizedSteps.length&&(this.totalDuration=this.duration,this.currentTime="milliseconds"===this.precision?1e3*this.duration:this.duration)}handleWindowResize(){this.updateResponsiveState()}updateResponsiveState(){"undefined"!=typeof window&&(this.isNarrow=window.innerWidth<=this.collapseBreakpoint)}initNotifications(){this.enableNotifications&&"Notification"in window&&Notification.requestPermission()}initTargetDate(){if(this.targetDate){const t=new Date(this.targetDate).getTime(),i=Date.now(),e=Math.max(0,Math.floor((t-i)/1e3));this.mode="countdown",this.normalizedSteps=[{label:"Countdown",duration:e}],this.initStep(),this.start()}}loadPersistedState(){if(!this.persist)return;const t=localStorage.getItem(`ui-timer-${this.persist}`);if(t)try{const i=JSON.parse(t);this.activeStep=i.activeStep,this.currentTime=i.currentTime,i.wasRunning&&this.start()}catch(t){console.warn("Failed to load persisted timer state")}}savePersistedState(){this.persist&&localStorage.setItem(`ui-timer-${this.persist}`,JSON.stringify({activeStep:this.activeStep,currentTime:this.currentTime,wasRunning:this.isRunning,timestamp:Date.now()}))}componentDidLoad(){this.autoStart&&this.start()}disconnectedCallback(){this.isRunning=!1,this.stopInterval()}initStep(){const t=this.normalizedSteps[this.activeStep],i=t?.duration||0;this.totalDuration=i,this.laps=[],this.isAlerting=!1,this.activeStepColor=t?.color,this.currentTime="stopwatch"===this.mode?0:"milliseconds"===this.precision?1e3*i:i}playSound(t){if(this.enableSound)try{const i=new(window.AudioContext||window.webkitAudioContext),e=i.createOscillator(),s=i.createGain();e.connect(s),s.connect(i.destination),"tick"===t?(e.frequency.setValueAtTime(800,i.currentTime),s.gain.setValueAtTime(.1,i.currentTime),s.gain.exponentialRampToValueAtTime(.01,i.currentTime+.1),e.start(),e.stop(i.currentTime+.1)):(e.type="sine",e.frequency.setValueAtTime(440,i.currentTime),e.frequency.exponentialRampToValueAtTime(880,i.currentTime+.2),s.gain.setValueAtTime(.2,i.currentTime),s.gain.exponentialRampToValueAtTime(.01,i.currentTime+.5),e.start(),e.stop(i.currentTime+.5))}catch(t){console.warn("Audio feedback failed")}}notify(t,i,e){if(this.enableNotifications&&"Notification"in window&&"granted"===Notification.permission){const s=t.replace("{{label}}",e),r=i.replace("{{label}}",e);new Notification(s,{body:r})}}stopInterval(){this.timerInterval&&(clearTimeout(this.timerInterval),this.timerInterval=null)}emitStepEvent(t,i){const e=this.normalizedSteps[i];if(!e)return;const s={index:i,step:e};"next"===t?this.timerNext.emit(s):"prev"===t?this.timerPrev.emit(s):this.timerGoTo.emit(s)}async start(){if(this.isRunning)return;this.isRunning=!0,this.timerStart.emit({stepIndex:this.activeStep});const t="milliseconds"===this.precision?10:1e3,i="milliseconds"===this.precision?10:1;let e=performance.now()+t;const s=()=>{if(!this.isRunning)return;const r=performance.now()-e;if("countdown"===this.mode){if(!(this.currentTime>0))return this.playSound("complete"),void this.handleStepComplete();this.currentTime-=i,this.checkAlert(),this.timerTick.emit({remaining:this.currentTime,stepIndex:this.activeStep,mode:this.mode}),this.savePersistedState(),this.currentTime>0&&this.currentTime<=3&&"seconds"===this.precision&&this.playSound("tick")}else{this.currentTime+=i,this.timerTick.emit({remaining:this.currentTime,stepIndex:this.activeStep,mode:this.mode}),this.savePersistedState();const t="milliseconds"===this.precision?1e3*this.totalDuration:this.totalDuration;if(t>0&&this.currentTime>=t)return void this.handleStepComplete()}e+=t,this.timerInterval=setTimeout(s,Math.max(0,t-r))};this.timerInterval=setTimeout(s,t)}async pause(){this.isRunning=!1,this.timerInterval&&clearTimeout(this.timerInterval),this.timerInterval=null,this.timerPause.emit({stepIndex:this.activeStep})}async reset(){this.pause(),this.initStep()}async next(){this.activeStep>=this.normalizedSteps.length-1||(this.pause(),this.activeStep++,this.initStep(),this.autoStart&&await this.start(),this.emitStepEvent("next",this.activeStep))}async prev(){this.activeStep<=0||(this.pause(),this.activeStep--,this.initStep(),this.autoStart&&await this.start(),this.emitStepEvent("prev",this.activeStep))}async goTo(t){t<0||t>=this.normalizedSteps.length||t===this.activeStep||(this.pause(),this.activeStep=t,this.initStep(),this.autoStart&&await this.start(),this.emitStepEvent("goto",this.activeStep))}async lap(){"stopwatch"===this.mode&&(this.laps=[...this.laps,this.currentTime],this.timerLap.emit({time:this.currentTime,lapIndex:this.laps.length-1}))}handleKeyDown(t){document.activeElement===this.el&&("Space"===t.code?(t.preventDefault(),this.isRunning?this.pause():this.start()):"KeyR"===t.code?this.reset():"KeyL"===t.code?this.lap():"KeyN"===t.code?this.next():"KeyP"===t.code&&this.prev())}checkAlert(){this.isAlerting="countdown"===this.mode&&0!==this.totalDuration&&("milliseconds"===this.precision?this.currentTime/1e3:this.currentTime)/this.totalDuration*100<=this.alertThreshold}handleStepComplete(){this.stopInterval(),this.isRunning=!1,this.timerComplete.emit({stepIndex:this.activeStep}),this.notify(this.notificationTitle,this.notificationBody,this.normalizedSteps[this.activeStep]?.label||"Timer"),this.activeStep<this.normalizedSteps.length-1?(this.activeStep++,this.initStep(),this.start(),this.emitStepEvent("next",this.activeStep)):(this.timerAllComplete.emit(),this.loop&&(this.activeStep=0,this.initStep(),this.start(),this.emitStepEvent("next",this.activeStep)))}calculateOffset(){if(0===this.totalDuration)return"stopwatch"===this.mode?0:283;const t="milliseconds"===this.precision?this.currentTime/1e3:this.currentTime;let i=0;return i="countdown"===this.mode?(this.totalDuration-t)/this.totalDuration:t/this.totalDuration,i=Math.max(0,Math.min(1,i)),283-283*i}formatTime(t){const i="milliseconds"===this.precision;let e=i?Math.floor(t/1e3):t,s=i?Math.floor(t%1e3/10):0;if("human"===this.format){const t=Math.floor(e/60),i=e%60;return t>0?`${t}m ${i}s`:`${i}s`}if("simple"===this.format)return e.toString();const r=Math.floor(e/86400),a=Math.floor(e%86400/3600),o=Math.floor(e%3600/60),n=e%60;let h="";return h=r>0?`${r}d ${a}:${o<10?"0":""}${o}:${n<10?"0":""}${n}`:a>0?`${a}:${o<10?"0":""}${o}:${n<10?"0":""}${n}`:`${o}:${n<10?"0":""}${n}`,i&&(h+=`.${s<10?"0":""}${s}`),h}render(){return s(r,{key:"1d8f1a154864e347f0458302b6684857981d54d0",class:{"timer-has-shadow":this.useShadow,"timer-no-shadow":!this.useShadow,"timer-collapsed":this.collapse&&this.isNarrow}},"compact"===this.variant||this.collapse&&this.isNarrow?this.renderCompact():this.renderFull())}renderFull(){const t={...this.normalizedTheme,...this.activeStepColor?{"--timer-primary-color":this.activeStepColor}:{}};return s("div",{class:{"timer-container":!0,"timer-alert":this.isAlerting},style:t},s("div",{class:"timer-steps"},this.normalizedSteps.map(((t,i)=>s("div",{class:{"timer-step":!0,"timer-step-active":i===this.activeStep,"timer-step-completed":i<this.activeStep}},s("div",{class:"timer-step-header"},s("span",{class:"timer-step-index"},i+1),s("span",{class:"timer-step-label"},t.label)))))),s("div",{class:"timer-display"},"circular"===this.progressType?s("svg",{class:"timer-progress-svg",viewBox:"0 0 100 100"},s("circle",{class:"timer-progress-bg",cx:"50",cy:"50",r:"45"}),s("circle",{class:"timer-progress-bar",cx:"50",cy:"50",r:"45",style:{"stroke-dashoffset":`${this.calculateOffset()}`}})):s("div",{class:"timer-progress-linear"},s("div",{class:"timer-progress-linear-bg"}),s("div",{class:"timer-progress-linear-bar",style:{width:100*(1-this.calculateOffset()/283)+"%"}})),s("div",{class:"timer-time-text"},s("slot",{name:"content"},this.formatTime(this.currentTime)))),s("div",{class:"timer-controls"},s("ui-button",{variant:"primary",onClick:()=>this.isRunning?this.pause():this.start(),label:this.isRunning?"Pause":"Start"}),"stopwatch"===this.mode&&s("ui-button",{variant:"secondary",onClick:()=>this.lap(),label:"Lap"}),s("ui-button",{variant:"secondary",onClick:()=>this.reset(),label:"Reset"}),s("ui-button",{variant:"outline",onClick:()=>this.next(),label:"Skip"})),this.laps.length>0&&s("div",{class:"timer-laps"},s("div",{class:"timer-laps-title"},"Laps"),s("div",{class:"timer-laps-list"},this.laps.map(((t,i)=>s("div",{class:"timer-lap-item"},s("span",null,"Lap ",i+1),s("span",{class:"timer-lap-time"},this.formatTime(t))))))))}renderCompact(){return s("div",{class:{"timer-container-compact":!0,"timer-alert":this.isAlerting},style:this.normalizedTheme},s("div",{class:"timer-time-text-compact"},this.formatTime(this.currentTime)),s("div",{class:"timer-controls-compact"},s("ui-button",{variant:"ghost",iconOnly:!0,size:"sm",onClick:()=>this.isRunning?this.pause():this.start(),icon:this.isRunning?"pause":"play",iconLibrary:"lucide",iconSize:"1.2em",ariaLabel:this.isRunning?"Pause":"Start"}),s("ui-button",{variant:"ghost",iconOnly:!0,size:"sm",onClick:()=>this.reset(),icon:"rotate-cw",iconLibrary:"lucide",iconSize:"1.2em",ariaLabel:"Reset"}),"stopwatch"===this.mode&&s("ui-button",{variant:"ghost",iconOnly:!0,size:"sm",onClick:()=>this.lap(),icon:"flag",iconLibrary:"lucide",iconSize:"1.2em",ariaLabel:"Lap"})))}static get watchers(){return{steps:[{normalizeSteps:0}],duration:[{watchDuration:0}],theme:[{normalizeTheme:0}]}}};a.style=".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}.timer-container{display:flex;flex-direction:column;gap:24px;padding:24px;background:var(--bg-primary, #ffffff);border-radius:12px;box-shadow:0 4px 12px rgba(0, 0, 0, 0.05);font-family:inherit;align-items:center;outline:none}.timer-container:focus{box-shadow:0 0 0 3px rgba(var(--color-success-rgb, 16, 185, 129), 0.5)}:host(.timer-no-shadow) .timer-container,:host(.timer-no-shadow) .timer-container-compact{box-shadow:none}:host(.timer-collapsed) .timer-steps,:host(.timer-collapsed) .timer-laps{display:none}:host(.timer-collapsed) .timer-container{padding:16px;gap:16px;align-items:stretch}:host(.timer-collapsed) .timer-controls{justify-content:center;flex-wrap:wrap}:host(.timer-collapsed) .timer-display{width:160px;height:160px}.timer-steps{display:flex;gap:12px;width:100%;justify-content:center}.timer-step{flex:1;max-width:120px;display:flex;flex-direction:column;gap:8px;opacity:0.5;transition:opacity 0.3s}.timer-step-active{opacity:1}.timer-step-completed{opacity:0.8}.timer-step-header{display:flex;align-items:center;gap:8px}.timer-step-index{width:24px;height:24px;border-radius:50%;background:var(--bg-primary, #e5e7eb);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.timer-step-active .timer-step-index{background:var(--color-success, #10b981);color:var(--text-standard, #ffffff)}.timer-step-completed .timer-step-index{background:var(--color-success-hover, #059669);color:var(--text-standard, #ffffff)}.timer-step-label{font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timer-display{position:relative;width:200px;height:200px;display:flex;align-items:center;justify-content:center}.timer-progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.timer-progress-bg{fill:none;stroke:var(--text-standard, #f3f4f6);stroke-width:8}.timer-progress-bar{fill:none;stroke:var(--color-success, #10b981);stroke-width:8;stroke-linecap:round;stroke-dasharray:283;transition:stroke-dashoffset 0.3s linear}.timer-time-text{position:absolute;font-size:var(--timer-time-font-size, 42px);font-weight:700;color:var(--color-primary, #064e3b);font-family:monospace;max-width:140px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.2}.timer-controls{display:flex;gap:12px}.timer-btn{padding:10px 24px;border:none;border-radius:8px;background:var(--color-success, #10b981);color:var(--text-standard, #ffffff);font-weight:600;cursor:pointer;transition:background 0.2s}.timer-btn:hover{background:var(--color-success-hover, #059669)}.timer-btn-secondary{background:var(--bg-secondary, #f3f4f6);color:var(--text-secondary, #374151)}.timer-btn-secondary:hover{background:var(--bg-primary, #e5e7eb)}.timer-progress-linear{position:absolute;bottom:0;left:0;width:100%;height:4px;background:var(--bg-secondary, #f3f4f6);overflow:hidden}.timer-progress-linear-bar{height:100%;background:var(--timer-primary-color, var(--color-success, #10b981));transition:width 0.3s linear}.timer-display:has(.timer-progress-linear){height:60px;}@keyframes timer-pulse{0%{transform:scale(1);box-shadow:0 4px 12px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}50%{transform:scale(1.02);box-shadow:0 4px 24px rgba(var(--color-danger-rgb, 239, 68, 68), 0.3)}100%{transform:scale(1);box-shadow:0 4px 12px rgba(var(--color-danger-rgb, 239, 68, 68), 0.1)}}.timer-alert{border:2px solid var(--color-danger, #ef4444);animation:timer-pulse 1.5s infinite ease-in-out}.timer-alert .timer-time-text{color:var(--color-danger, #ef4444)}.timer-alert .timer-progress-bar{stroke:var(--color-danger, #ef4444)}.timer-container-compact{display:inline-flex;align-items:center;gap:16px;padding:12px 20px;background:var(--bg-primary, #ffffff);border-radius:9999px;box-shadow:0 2px 8px rgba(0, 0, 0, 0.05);border:1px solid var(--border-default, #e5e7eb)}.timer-time-text-compact{font-size:20px;font-weight:700;font-family:monospace;min-width:80px}.timer-controls-compact{display:flex;gap:8px}.timer-btn-icon{background:transparent;border:none;cursor:pointer;font-size:16px;padding:4px;border-radius:50%;transition:background 0.2s;display:flex;align-items:center;justify-content:center}.timer-btn-icon:hover{background:var(--bg-secondary, #f3f4f6)}.timer-laps{width:100%;margin-top:24px;border-top:1px solid var(--border-subtle, #f3f4f6);padding-top:16px}.timer-laps-title{font-size:14px;font-weight:600;color:var(--text-muted, #6b7280);margin-bottom:12px}.timer-laps-list{max-height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.timer-lap-item{display:flex;justify-content:space-between;font-size:13px;color:var(--text-secondary, #374151);padding:8px 12px;background:var(--bg-primary, #f9fafb);border-radius:6px}.timer-lap-time{font-family:monospace;font-weight:600}@media (prefers-color-scheme: dark){.timer-container{background:var(--bg-primary, #1f2937);box-shadow:0 4px 12px rgba(0, 0, 0, 0.2)}.timer-container-compact{background:var(--bg-primary, #1f2937);border-color:var(--border-default, #374151)}.timer-time-text{color:var(--text-standard, #ffffff)}.timer-step-index{background:var(--color-primary, #374151);color:var(--text-muted, #9ca3af)}.timer-progress-bg{stroke:var(--text-secondary, var(--border-default, #374151))}.timer-btn-secondary{background:var(--color-primary, #374151);color:var(--text-standard, #ffffff)}.timer-lap-item{background:var(--bg-secondary, #111827);color:var(--text-standard, #ffffff)}.timer-btn-icon:hover{background:var(--color-primary, #374151)}}";export{a as ui_timer}