@prolibu-suite/cobalt-core 0.2.0 → 0.3.0

package/dist/components/co-combobox.js

@@ -1 +1 @@
-import{p as o,H as e,c as r,h as a,t}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{i}from"./p-DqyWGweA.js";import{r as c,h as l}from"./p-CQY6Ul7q.js";import{d as n}from"./p-CaMgu2_g.js";import{d as b}from"./p-DPi_U-Kl.js";import{d}from"./p-BXdfh__-.js";const p=o(class o extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.coOpen=r(this,"coOpen",3),this.coClose=r(this,"coClose",3),this.coClear=r(this,"coClear",7),this.coFooterPrimary=r(this,"coFooterPrimary",7),this.coFooterSecondary=r(this,"coFooterSecondary",7),this.required=!1,this.placeholder="",this.disabled=!1,this.clearable=!0,this.searchable=!1,this.searchPlaceholder="Search",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New Tags",this.options="[]",this.value="[]",this.multiple=!0,this.size="md",this.status="default",this.layout="vertical",this.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.scrollTop=0,this.handleTriggerClick=o=>{this.disabled&&o.stopPropagation()},this.handlePopoverOpen=()=>{console.log("[co-combobox] handlePopoverOpen called"),this.isOpen=!0},this.handlePopoverClose=()=>{console.log("[co-combobox] handlePopoverClose called"),this.isOpen=!1},this.handleClear=o=>{o.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit([])},this.handleOptionClick=o=>{const e=[...this.selectedValues],r=e.indexOf(o);r>=0?e.splice(r,1):this.multiple?e.push(o):(e.length=0,e.push(o),this.isOpen=!1),this.value=JSON.stringify(e),this.coChange.emit(e)},this.handleRemoveOption=(o,e)=>{o.stopPropagation();const r=this.selectedValues.filter((o=>o!==e));this.value=JSON.stringify(r),this.coChange.emit(r)},this.handleSearchInput=o=>{this.searchQuery=o.target.value,this.scrollTop=0,this.optionsContainerEl&&(this.optionsContainerEl.scrollTop=0)},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()},this.handleOptionsScroll=o=>{this.scrollTop=o.target.scrollTop}}normalizeOptions(o){return o.map((o=>"string"==typeof o?{label:o,value:o}:o))}get parsedOptions(){if("string"==typeof this.options)try{return this.normalizeOptions(JSON.parse(this.options))}catch(o){return[]}return this.normalizeOptions(this.options)}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get filteredOptions(){return this.searchQuery?c(this.parsedOptions,this.searchQuery,(o=>o.label)):this.parsedOptions}renderLabel(o){const e=this.searchQuery?l(o,this.searchQuery):null;return e?[e.pre,a("span",{class:"co-combobox__match"},e.match),e.post]:o}get displayText(){const o=this.selectedValues;if(0===o.length)return"";const e=this.parsedOptions.find((e=>e.value===o[0]));return e?e.label:o[0]}get selectedOptions(){return this.selectedValues.map((o=>this.parsedOptions.find((e=>e.value===o)))).filter((o=>!!o))}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(o){o?(this.searchQuery="",this.scrollTop=0,this.coOpen.emit()):this.coClose.emit()}onValueChange(){}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>{this.calcOverflow()}))}disconnectedCallback(){var o,e;null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(e=this.osInstance)||void 0===e||e.destroy(),this.osInstance=void 0}componentDidRender(){var o,e;this.chipContainerEl&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.observe(this.chipContainerEl)),this.calcOverflow(),this.isOpen&&this.optionsContainerEl&&!this.osInstance?this.osInstance=i(this.optionsContainerEl,(o=>{this.scrollTop=o.scrollTop})):!this.isOpen&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}calcOverflow(){if(!this.multiple||!this.chipContainerEl)return;const o=this.chipContainerEl,e=Array.from(o.querySelectorAll("co-chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const r=o.getBoundingClientRect().right;let a=0;for(let o=e.length-1;o>=0&&e[o].getBoundingClientRect().right>r+1;o--)a++;a!==this.overflowCount&&(this.overflowCount=a)}getVirtualSlice(e){const{ITEM_HEIGHT:r,VIEWPORT_ITEMS:a,OVERSCAN:t}=o,s=e.length,i=s*r,c=Math.max(0,Math.floor(this.scrollTop/r)-t);return{totalHeight:i,startIdx:c,endIdx:Math.min(s,c+a+2*t),offsetY:c*r}}render(){const o=this.selectedValues,e=this.filteredOptions;return a("div",{key:"321b5eaa234f7beff8a8ee692783b7b4b1836cf9",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,"co-combobox--filled":this.hasValue,["co-combobox--"+this.size]:!0},part:"wrapper"},(this.label||this.secondaryLabel)&&a("div",{key:"8249758858a3df01b75aba4e15dd330b6267954c",class:"co-combobox__labels"},this.label&&a("label",{key:"118174e83d0b93879efc0804197e1751556ea8c6",class:"co-combobox__label",part:"label"},this.label,a(s,{key:"bf5acbcacd3466f6c104671347af57949fc6dc0a",required:this.required})),this.secondaryLabel&&a("span",{key:"dc0c26636209f9f092d773476a3edc9ea9e19414",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),a("co-popover",{key:"e42a22d9ed6aeb0951221d38ba7a052073602063",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},a("div",{key:"34c4f4c3c573e6a4ff3310eac46c1878d9b6af71",slot:"trigger",class:"co-combobox__trigger",part:"trigger",onClick:this.handleTriggerClick},this.iconLeft&&a("co-icon",{key:"47940335029da3a40292d4de5f5582dbf7873238",name:this.iconLeft,size:16,class:"co-combobox__icon"}),a("div",{key:"47e87dcde91566a2f4ecb54ef1af70f8b60e3044",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>a("co-chip",{size:"small","icon-mode":"both",label:o.label},a("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),a("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:e=>this.handleRemoveOption(e,o.value)})))):a("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&a("span",{key:"fda02e6a0dbbd57fd40370b55172ab886ab4c758",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&a("button",{key:"5c62b271fd8b3bef832a568646b787c491acd356",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},a("co-icon",{key:"1ced712e669917dc2283bf2d1022c83e73179c65",name:"x-circle",size:16,weight:"fill"})),a("co-icon",{key:"b6cac2f10d82878c5cb7f770f079bd6c1095dde2",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),a("div",{key:"5191223b7f9851ee2af96e6455b0b4d20f5425ad",class:"co-combobox__dropdown",part:"dropdown"},this.searchable&&a("div",{key:"a69808aee8fc79aca8c208e18a2aa52e14a324a8",class:"co-combobox__search",part:"search"},a("co-icon",{key:"5325687113fee74658513b427d073e972029bf3e",name:"magnifying-glass",size:16,class:"co-combobox__search-icon"}),a("input",{key:"5d6c81c825f1c4f3bb191d92ba77f7a0ac57dfcf",class:"co-combobox__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.searchQuery,onInput:this.handleSearchInput,part:"search-input"})),a("div",{key:"9f2a901c16b799009072dc2f0bd0ca00bd37bd39",class:"co-combobox__options",part:"options",ref:o=>this.optionsContainerEl=o,onScroll:this.handleOptionsScroll},(()=>{const{totalHeight:r,startIdx:t,endIdx:s,offsetY:i}=this.getVirtualSlice(e);return a("div",{class:"co-combobox__virtual-spacer",style:{height:r+"px",position:"relative"}},a("div",{style:{position:"absolute",top:i+"px",left:"0",right:"0"}},e.slice(t,s).map((e=>{const r=o.includes(e.value);return a("div",{class:{"co-combobox__option":!0,"co-combobox__option--selected":r},onClick:()=>this.handleOptionClick(e.value),part:"option"},a("div",{class:"co-combobox__option-content"},e.icon&&a("div",{class:"co-combobox__option-icon-wrapper"},a("co-icon",{name:e.icon,size:20,class:"co-combobox__option-icon"})),a("span",{class:"co-combobox__option-label"},this.renderLabel(e.label))),r&&this.multiple&&a("button",{class:"co-combobox__option-remove",type:"button",tabIndex:-1,onClick:o=>this.handleRemoveOption(o,e.value),"aria-label":"Remove "+e.label},a("co-icon",{name:"x-circle",size:16,weight:"fill"})),r&&!this.multiple&&a("co-icon",{name:"check",size:16,class:"co-combobox__option-check"}))}))))})()),this.showFooter&&a("div",{key:"dcbdadcac614ad0353deabfa162caf2bb4d6a78b",class:"co-combobox__footer",part:"footer"},a("button",{key:"58e612399b71a275a36de3bb4399fc7129055fd4",class:"co-combobox__footer-btn co-combobox__footer-btn--secondary",type:"button",onClick:this.handleFooterSecondary},a("co-icon",{key:"df2b0e268425e0c58caff3afa8fbe7a8432de254",name:"plus",size:16}),a("span",{key:"7693a04b6c169b8ff328ff13f6a08504c81ec5a3"},this.footerSecondaryLabel)),a("button",{key:"76958fdbf1f1f612d99f039f269e41be229cbe51",class:"co-combobox__footer-btn co-combobox__footer-btn--primary",type:"button",onClick:this.handleFooterPrimary},a("co-icon",{key:"5ad00679c8390061140d85e852f31b59ea312b08",name:"plus",size:16}),a("span",{key:"42e02f75d57fbe5cf16936b330cf53991047256a"},this.footerPrimaryLabel))))),this.helperText&&a("div",{key:"0d1afe7bbb9bd678c7918bfb7e14c3b5df7afacb",class:"co-combobox__helper co-combobox__helper--"+this.status,part:"helper"},this.statusIcon&&a("co-icon",{key:"f89aa1659f328d016ea2e787423db4de3bd158c9",name:this.statusIcon,size:14,weight:"fill",class:"co-combobox__helper-icon"}),a("span",{key:"33ce544bf337562ed4b5d94cdaa03346f2a9b405",class:"co-combobox__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}static get style(){return'.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;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}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease;overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--s .co-combobox__input-wrapper,.co-combobox--sm .co-combobox__input-wrapper{min-height:0;padding:0}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:24px;padding:var(--co-spacing-xxs) 0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-info, #2563eb);color:#fff;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);overflow:hidden;height:32px;box-sizing:border-box}.co-combobox__search-icon{flex-shrink:0;color:var(--co-semantic-text-muted);opacity:0.7;display:flex;align-items:center}.co-combobox__search-input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--co-font-size-12, 12px);font-weight:500;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-combobox__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-combobox__options{max-height:280px;overflow-y:auto;overflow-x:hidden}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-combobox__virtual-spacer{width:100%}.co-combobox__option{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);cursor:pointer;height:32px;margin-bottom:2px;box-sizing:border-box;transition:background 0.1s ease}.co-combobox__option:hover{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-combobox__option-content{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-combobox__option-icon-wrapper{width:24px;height:24px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.co-combobox__option-icon{color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox__match{font-weight:700;color:var(--co-semantic-text-default)}.co-combobox__option-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__option-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;overflow:hidden;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__option-remove:hover{color:var(--co-semantic-text-default)}.co-combobox__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-combobox__footer{display:flex;gap:var(--co-spacing-sm2);padding-top:var(--co-spacing-sm2)}.co-combobox__footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;cursor:pointer;transition:opacity 0.15s ease;box-sizing:border-box;min-height:32px}.co-combobox__footer-btn:hover{opacity:0.85}.co-combobox__footer-btn--secondary{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-combobox__footer-btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-status-error)}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-status-success)}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-color-status-review)}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-status-info)}:host([layout=\'horizontal\']) .co-combobox{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout=\'horizontal\']) .co-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout=\'horizontal\']) .co-combobox__label{white-space:normal}:host([layout=\'horizontal\']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, \' (required)\')}'}},[1,"co-combobox",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],searchable:[4],searchPlaceholder:[1,"search-placeholder"],showFooter:[4,"show-footer"],footerPrimaryLabel:[1,"footer-primary-label"],footerSecondaryLabel:[1,"footer-secondary-label"],options:[1],value:[1025],multiple:[4],size:[513],helperText:[1,"helper-text"],status:[1],layout:[513],isOpen:[32],searchQuery:[32],overflowCount:[32],scrollTop:[32]},void 0,{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}]);function h(){"undefined"!=typeof customElements&&["co-combobox","co-chip","co-icon","co-popover"].forEach((o=>{switch(o){case"co-combobox":customElements.get(t(o))||customElements.define(t(o),p);break;case"co-chip":customElements.get(t(o))||n();break;case"co-icon":customElements.get(t(o))||b();break;case"co-popover":customElements.get(t(o))||d()}}))}p.ITEM_HEIGHT=34,p.VIEWPORT_ITEMS=8,p.OVERSCAN=3,h();const v=p,m=h;export{v as CoCombobox,m as defineCustomElement}
+import{p as o,H as r,c as e,h as a,t}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{i}from"./p-DqyWGweA.js";import{r as l,h as c}from"./p-CQY6Ul7q.js";import{d as n}from"./p-Hzh9U2cM.js";import{d as b}from"./p-BNKz39GA.js";import{d}from"./p-BFeE_fiq.js";import{d as p}from"./p-tloAgDin.js";const h=o(class o extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=e(this,"coChange",7),this.coOpen=e(this,"coOpen",3),this.coClose=e(this,"coClose",3),this.coClear=e(this,"coClear",7),this.coFooterPrimary=e(this,"coFooterPrimary",7),this.coFooterSecondary=e(this,"coFooterSecondary",7),this.required=!1,this.placeholder="",this.disabled=!1,this.clearable=!0,this.searchable=!1,this.searchPlaceholder="Search",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New Tags",this.options="[]",this.value="[]",this.multiple=!0,this.size="md",this.status="default",this.layout="vertical",this.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.scrollTop=0,this.handleTriggerClick=o=>{this.disabled&&o.stopPropagation()},this.handlePopoverOpen=()=>{console.log("[co-combobox] handlePopoverOpen called"),this.isOpen=!0},this.handlePopoverClose=()=>{console.log("[co-combobox] handlePopoverClose called"),this.isOpen=!1},this.handleClear=o=>{o.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit([])},this.handleOptionClick=o=>{const r=[...this.selectedValues],e=r.indexOf(o);e>=0?r.splice(e,1):this.multiple?r.push(o):(r.length=0,r.push(o),this.isOpen=!1),this.value=JSON.stringify(r),this.coChange.emit(r)},this.handleRemoveOption=(o,r)=>{o.stopPropagation();const e=this.selectedValues.filter((o=>o!==r));this.value=JSON.stringify(e),this.coChange.emit(e)},this.handleSearchInput=o=>{this.searchQuery=o.target.value,this.scrollTop=0,this.optionsContainerEl&&(this.optionsContainerEl.scrollTop=0)},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()},this.handleOptionsScroll=o=>{this.scrollTop=o.target.scrollTop}}normalizeOptions(o){return o.map((o=>"string"==typeof o?{label:o,value:o}:o))}get parsedOptions(){if("string"==typeof this.options)try{return this.normalizeOptions(JSON.parse(this.options))}catch(o){return[]}return this.normalizeOptions(this.options)}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get filteredOptions(){return this.searchQuery?l(this.parsedOptions,this.searchQuery,(o=>o.label)):this.parsedOptions}renderLabel(o){const r=this.searchQuery?c(o,this.searchQuery):null;return r?[r.pre,a("span",{class:"co-combobox__match"},r.match),r.post]:o}get displayText(){const o=this.selectedValues;if(0===o.length)return"";const r=this.parsedOptions.find((r=>r.value===o[0]));return r?r.label:o[0]}get selectedOptions(){return this.selectedValues.map((o=>this.parsedOptions.find((r=>r.value===o)))).filter((o=>!!o))}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(o){o?(this.searchQuery="",this.scrollTop=0,this.coOpen.emit()):this.coClose.emit()}onValueChange(){}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>{this.calcOverflow()}))}disconnectedCallback(){var o,r;null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(r=this.osInstance)||void 0===r||r.destroy(),this.osInstance=void 0}componentDidRender(){var o,r;this.chipContainerEl&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(r=this.resizeObserver)||void 0===r||r.observe(this.chipContainerEl)),this.calcOverflow(),this.isOpen&&this.optionsContainerEl&&!this.osInstance?this.osInstance=i(this.optionsContainerEl,(o=>{this.scrollTop=o.scrollTop})):!this.isOpen&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}calcOverflow(){if(!this.multiple||!this.chipContainerEl)return;const o=this.chipContainerEl,r=Array.from(o.querySelectorAll("co-chip"));if(0===r.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const e=o.getBoundingClientRect().right;let a=0;for(let o=r.length-1;o>=0&&r[o].getBoundingClientRect().right>e+1;o--)a++;a!==this.overflowCount&&(this.overflowCount=a)}getVirtualSlice(r){const{ITEM_HEIGHT:e,VIEWPORT_ITEMS:a,OVERSCAN:t}=o,s=r.length,i=s*e,l=Math.max(0,Math.floor(this.scrollTop/e)-t);return{totalHeight:i,startIdx:l,endIdx:Math.min(s,l+a+2*t),offsetY:l*e}}render(){const o=this.selectedValues,r=this.filteredOptions;return a("div",{key:"335a823bd69e0d57af567bd92befdc31b2449612",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,"co-combobox--filled":this.hasValue,["co-combobox--"+this.size]:!0},part:"wrapper"},(this.label||this.secondaryLabel)&&a("div",{key:"690ffddf411810f8fd5828914a157b2e888d2034",class:"co-combobox__labels"},this.label&&a("label",{key:"6a7b3f9cc3761e43b702d4086553bb0e3039360d",class:"co-combobox__label",part:"label"},this.label,a(s,{key:"acc1ca3c620d928bdadb17b42906f46fa9e09581",required:this.required})),this.secondaryLabel&&a("span",{key:"b5d6b6d6acbd12e866a836a5545dbc69c8f885f0",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),a("co-popover",{key:"e7d3d4fcbc8e5cb70da61c046ffbb7b3611e0c6a",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},a("div",{key:"cc07aefc63d82777d8caf01929a8d7c356bf5007",slot:"trigger",class:"co-combobox__trigger",part:"trigger",onClick:this.handleTriggerClick},this.iconLeft&&a("co-icon",{key:"06690ca640c14bfbbb5e34ea8a1e85efc7fa5640",name:this.iconLeft,size:16,class:"co-combobox__icon"}),a("div",{key:"8c93b09f144f23fabaead4286b4910ad2da676cc",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>a("co-chip",{size:"small","icon-mode":"both",label:o.label},a("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),a("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:r=>this.handleRemoveOption(r,o.value)})))):a("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&a("span",{key:"a01c9e41462e5d449b1dccfcd9e174dabc88f296",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&a("button",{key:"f832fdba50c709bf7b53f2d3271b68f8ad51f7fc",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},a("co-icon",{key:"fc4f790ad7842769d5a0e0a7655da17ef57fdd72",name:"x-circle",size:16,weight:"fill"})),a("co-icon",{key:"9280e1d22d8bfa69c1cc40abdd926ae91751db67",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),a("div",{key:"3724c9e0424fc971a2bd4f509e66a658d678d3ce",class:"co-combobox__dropdown",part:"dropdown"},this.searchable&&a("div",{key:"dc05b68524224a2132f328537e653bf1923e1974",class:"co-combobox__search",part:"search"},a("co-icon",{key:"550f7cd1af9076fd7ed6fea1621b0b698d7be40b",name:"magnifying-glass",size:16,class:"co-combobox__search-icon"}),a("input",{key:"5a7c2544d673ccb3c82b8b4ba02351664fb017f6",class:"co-combobox__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.searchQuery,onInput:this.handleSearchInput,part:"search-input"})),a("div",{key:"621fd43f35764335737d9d572fa6f5f5e6673959",class:"co-combobox__options",part:"options",ref:o=>this.optionsContainerEl=o,onScroll:this.handleOptionsScroll},(()=>{const{totalHeight:e,startIdx:t,endIdx:s,offsetY:i}=this.getVirtualSlice(r);return a("div",{class:"co-combobox__virtual-spacer",style:{height:e+"px",position:"relative"}},a("div",{style:{position:"absolute",top:i+"px",left:"0",right:"0"}},r.slice(t,s).map((r=>{const e=o.includes(r.value);return a("div",{class:{"co-combobox__option":!0,"co-combobox__option--selected":e},onClick:()=>this.handleOptionClick(r.value),part:"option"},a("div",{class:"co-combobox__option-content"},r.icon&&a("div",{class:"co-combobox__option-icon-wrapper"},a("co-icon",{name:r.icon,size:20,class:"co-combobox__option-icon"})),a("span",{class:"co-combobox__option-label"},this.renderLabel(r.label))),e&&this.multiple&&a("button",{class:"co-combobox__option-remove",type:"button",tabIndex:-1,onClick:o=>this.handleRemoveOption(o,r.value),"aria-label":"Remove "+r.label},a("co-icon",{name:"x-circle",size:16,weight:"fill"})),e&&!this.multiple&&a("co-icon",{name:"check",size:16,class:"co-combobox__option-check"}))}))))})()),this.showFooter&&a("co-list-footer",{key:"6ae233e2944648a21c09c3ef252cb89b05be86e3",secondaryLabel:this.footerSecondaryLabel,primaryLabel:this.footerPrimaryLabel,onCoSecondary:this.handleFooterSecondary,onCoPrimary:this.handleFooterPrimary}))),this.helperText&&a("div",{key:"6896e1e0ae6f7a29f9b3916759f57adc65c4ba4b",class:"co-combobox__helper co-combobox__helper--"+this.status,part:"helper"},this.statusIcon&&a("co-icon",{key:"a4e65d03cf076985fd72c835143718fb5e3b39ba",name:this.statusIcon,size:14,weight:"fill",class:"co-combobox__helper-icon"}),a("span",{key:"83ed79b8f7cd06824619e5a337d3dd373c098f37",class:"co-combobox__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}static get style(){return'.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;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}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease;overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--s .co-combobox__input-wrapper,.co-combobox--sm .co-combobox__input-wrapper{min-height:0;padding:0}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:24px;padding:var(--co-spacing-xxs) 0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-info, #2563eb);color:#fff;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);overflow:hidden;height:32px;box-sizing:border-box}.co-combobox__search-icon{flex-shrink:0;color:var(--co-semantic-text-muted);opacity:0.7;display:flex;align-items:center}.co-combobox__search-input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--co-font-size-12, 12px);font-weight:500;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-combobox__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-combobox__options{max-height:280px;overflow-y:auto;overflow-x:hidden}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-combobox__virtual-spacer{width:100%}.co-combobox__option{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);cursor:pointer;height:32px;margin-bottom:2px;box-sizing:border-box;transition:background 0.1s ease}.co-combobox__option:hover{background:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.04))}.co-combobox__option-content{display:flex;align-items:center;gap:var(--co-spacing-sm2);flex:1;min-width:0}.co-combobox__option-icon-wrapper{width:24px;height:24px;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-shrink:0}.co-combobox__option-icon{color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox__match{font-weight:700;color:var(--co-semantic-text-default)}.co-combobox__option-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__option-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:6px;overflow:hidden;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__option-remove:hover{color:var(--co-semantic-text-default)}.co-combobox__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-status-error)}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-status-success)}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-color-status-review)}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-status-info)}:host([layout=\'horizontal\']) .co-combobox{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout=\'horizontal\']) .co-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout=\'horizontal\']) .co-combobox__label{white-space:normal}:host([layout=\'horizontal\']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, \' (required)\')}@supports not (background: color-mix(in srgb, red, transparent)){.co-combobox__trigger{background:var(--co-semantic-surface-secondary)}}'}},[1,"co-combobox",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],searchable:[4],searchPlaceholder:[1,"search-placeholder"],showFooter:[4,"show-footer"],footerPrimaryLabel:[1,"footer-primary-label"],footerSecondaryLabel:[1,"footer-secondary-label"],options:[1],value:[1025],multiple:[4],size:[513],helperText:[1,"helper-text"],status:[1],layout:[513],isOpen:[32],searchQuery:[32],overflowCount:[32],scrollTop:[32]},void 0,{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}]);function v(){"undefined"!=typeof customElements&&["co-combobox","co-chip","co-icon","co-list-footer","co-popover"].forEach((o=>{switch(o){case"co-combobox":customElements.get(t(o))||customElements.define(t(o),h);break;case"co-chip":customElements.get(t(o))||n();break;case"co-icon":customElements.get(t(o))||b();break;case"co-list-footer":customElements.get(t(o))||d();break;case"co-popover":customElements.get(t(o))||p()}}))}h.ITEM_HEIGHT=34,h.VIEWPORT_ITEMS=8,h.OVERSCAN=3,v();const m=h,g=v;export{m as CoCombobox,g as defineCustomElement}

package/dist/components/co-command-search.js

@@ -1 +1 @@
-import{t as e,p as a,H as t,c as s,h as c}from"./index.js";import{r as o,h as r}from"./p-CQY6Ul7q.js";import{d as i}from"./p-DPi_U-Kl.js";import{d as n}from"./p-MiSJXuBx.js";const m=a(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=s(this,"coSelect",7),this.coClose=s(this,"coClose",7),this.open=!1,this.placeholder="Search...",this.items=[],this.emptyMessage="No results found",this.query="",this.activeIndex=0,this.handleInput=e=>{this.query=e.target.value,this.activeIndex=0},this.handleKeyDown=e=>{const a=this.filteredItems;switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=(this.activeIndex+1)%a.length;break;case"ArrowUp":e.preventDefault(),this.activeIndex=(this.activeIndex-1+a.length)%a.length;break;case"Enter":e.preventDefault(),a[this.activeIndex]&&this.selectItem(a[this.activeIndex]);break;case"Escape":e.preventDefault(),this.close()}},this.handleOverlayClick=()=>{this.close()},this.handlePanelClick=e=>{e.stopPropagation()},this.handleTriggerClick=()=>{this.open=!0}}get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch(e){return[]}return this.items}get filteredItems(){return this.query?o(this.parsedItems,this.query,(e=>[e.label,e.value])):this.parsedItems}renderLabel(e){const a=this.query?r(e,this.query):null;return a?[a.pre,c("span",{class:"co-command-search__match"},a.match),a.post]:e}onOpenChange(e){e&&(this.query="",this.activeIndex=0,requestAnimationFrame((()=>{var e;return null===(e=this.inputEl)||void 0===e?void 0:e.focus()})))}selectItem(e){this.coSelect.emit(e.value),this.close()}close(){this.open=!1,this.coClose.emit()}render(){const e=this.filteredItems;return[c("div",{key:"a837e25103bc4d0b5f12510394e6faa7a10cfed0",class:"co-command-search__trigger",onClick:this.handleTriggerClick},c("slot",{key:"68ce8b285bb6d340514c3f94e893a660e82cfd11",name:"trigger"})),c("co-overlay",{key:"6e1ab3f12cc2990925f3de792f8a9147e03a9344",open:this.open,onCoClose:this.handleOverlayClick},c("div",{key:"addbcba32e1a93816430a469bb656d73e1d9c720",class:{"co-command-search":!0,"co-command-search--open":this.open},part:"panel",role:"dialog","aria-modal":"true","aria-label":"Command palette",onClick:this.handlePanelClick},c("div",{key:"26d15f5ce055af014fc10bd653a0e60bd76b1b6a",class:"co-command-search__input-row",part:"input-row"},c("co-icon",{key:"8a28ed2a0a5d006756666c21bc065fdee66bf075",name:"magnifying-glass",size:20}),c("input",{key:"d29e28125dbb19d7f5e037f0f222bbd29e99b290",class:"co-command-search__input",type:"text",placeholder:this.placeholder,value:this.query,onInput:this.handleInput,onKeyDown:this.handleKeyDown,ref:e=>this.inputEl=e,part:"input"}),c("span",{key:"73472a3e802a00e7a9a93fd567501a7105c936c1",class:"co-command-search__shortcut"},"ESC")),c("div",{key:"3f70472cb5821c8d5a16fc9d3887d6f2920f3d89",class:"co-command-search__results",part:"results"},e.length>0?e.map(((e,a)=>c("div",{class:{"co-command-search__item":!0,"co-command-search__item--active":a===this.activeIndex},part:"item",onClick:()=>this.selectItem(e),onMouseEnter:()=>{this.activeIndex=a}},e.icon&&c("co-icon",{name:e.icon,size:18}),c("span",{class:"co-command-search__item-label"},this.renderLabel(e.label))))):c("div",{class:"co-command-search__empty",part:"empty"},this.emptyMessage))))]}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.co-command-search__trigger{display:contents}.co-command-search{display:flex;flex-direction:column;width:90vw;max-width:560px;max-height:420px;background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);box-shadow:0 16px 48px rgba(0, 0, 0, 0.16);overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px) scale(0.98);opacity:0;transition:transform 0.15s ease, opacity 0.15s ease;margin-top:-15vh}.co-command-search--open{transform:translateY(0) scale(1);opacity:1}.co-command-search__input-row{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md) var(--co-spacing-lg);border-bottom:1px solid var(--co-semantic-border-default);color:var(--co-semantic-text-muted)}.co-command-search__input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-16);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);min-width:0}.co-command-search__input::placeholder{color:var(--co-semantic-text-muted)}.co-command-search__shortcut{font-size:var(--co-font-size-10);color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:2px var(--co-spacing-xs);border-radius:var(--co-border-radius-xxs);font-weight:500;line-height:1.4;flex-shrink:0}.co-command-search__results{flex:1;overflow-y:auto;padding:var(--co-spacing-xs) 0}.co-command-search__item{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-lg);cursor:pointer;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);transition:background 0.08s ease}.co-command-search__item:hover,.co-command-search__item--active{background:var(--co-semantic-surface-hover)}.co-command-search__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-command-search__match{font-weight:700}.co-command-search__empty{padding:var(--co-spacing-2xl) var(--co-spacing-lg);text-align:center;font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted)}"}},[257,"co-command-search",{open:[1540],placeholder:[1],items:[1],emptyMessage:[1,"empty-message"],query:[32],activeIndex:[32]},void 0,{open:[{onOpenChange:0}]}]);function d(){"undefined"!=typeof customElements&&["co-command-search","co-icon","co-overlay"].forEach((a=>{switch(a){case"co-command-search":customElements.get(e(a))||customElements.define(e(a),m);break;case"co-icon":customElements.get(e(a))||i();break;case"co-overlay":customElements.get(e(a))||n()}}))}d();const h=m,l=d;export{h as CoCommandSearch,l as defineCustomElement}
+import{t as e,p as a,H as c,c as o,h as t}from"./index.js";import{r as s,h as i}from"./p-CQY6Ul7q.js";import{d as r}from"./p-Hzh9U2cM.js";import{d as n}from"./p-BNKz39GA.js";import{d}from"./p-DzoNGEDU.js";import{d as m}from"./p-DxCFMMfY.js";function h(e){const a=[];let c,o=0;for(const t of e){const e=t.section;e&&e!==c&&a.push({kind:"header",label:e}),c=e,a.push({kind:"item",item:t,index:o}),o++}return a}const l=a(class extends c{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=o(this,"coSelect",7),this.coClose=o(this,"coClose",7),this.coQueryChange=o(this,"coQueryChange",7),this.coScopeChange=o(this,"coScopeChange",1),this.coBackspaceEmpty=o(this,"coBackspaceEmpty",1),this.coChipRemove=o(this,"coChipRemove",1),this.coTabSelect=o(this,"coTabSelect",1),this.coMoreTabs=o(this,"coMoreTabs",1),this.open=!1,this.placeholder="Search...",this.items=[],this.emptyMessage="No results found",this.async=!1,this.loading=!1,this.chips="[]",this.tabs="[]",this.activeTab="",this.hasMore=!1,this.moreLabel="More",this.favorites="[]",this.query="",this.activeIndex=0,this.handleInput=e=>{this.query=e.target.value,this.activeIndex=0,this.coQueryChange.emit(this.query)},this.handleKeyDown=e=>{if(function(e,a){return"Backspace"===e&&""===a}(e.key,this.query))return e.preventDefault(),void this.coBackspaceEmpty.emit(this.query);const a=this.filteredItems;switch(e.key){case"ArrowDown":e.preventDefault(),this.activeIndex=(this.activeIndex+1)%a.length;break;case"ArrowUp":e.preventDefault(),this.activeIndex=(this.activeIndex-1+a.length)%a.length;break;case"Enter":e.preventDefault(),a[this.activeIndex]&&this.selectItem(a[this.activeIndex]);break;case"Escape":e.preventDefault(),this.close();break;case"Tab":e.preventDefault(),a.length>0&&(this.activeIndex=e.shiftKey?(this.activeIndex-1+a.length)%a.length:(this.activeIndex+1)%a.length)}},this.handleOverlayClick=()=>{this.close()},this.handlePanelClick=e=>{e.stopPropagation()},this.handleTriggerClick=()=>{this.open=!0}}get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch(e){return[]}return this.items}get filteredItems(){return function(e,a,c){return c?e:a?s(e,a,(e=>[e.label,e.value])):e}(this.parsedItems,this.query,this.async)}get parsedChips(){try{const e="string"==typeof this.chips?JSON.parse(this.chips):this.chips;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedTabs(){try{const e="string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedFavorites(){try{const e="string"==typeof this.favorites?JSON.parse(this.favorites):this.favorites;return Array.isArray(e)?e:[]}catch(e){return[]}}renderLabel(e){const a=this.query?i(e,this.query):null;return a?[a.pre,t("span",{class:"co-command-search__match"},a.match),a.post]:e}onActiveTabChange(e){e&&(this.query="",this.activeIndex=0),requestAnimationFrame((()=>{var e;const a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('.co-command-search__tab[aria-selected="true"]');null==a||a.scrollIntoView({inline:"nearest",block:"nearest"})}))}onOpenChange(e){e&&(this.query="",this.activeIndex=0,requestAnimationFrame((()=>{var e;return null===(e=this.inputEl)||void 0===e?void 0:e.focus()})))}selectItem(e){!function(e){return!0===e.keepOpen}(e)?(this.coSelect.emit(e.value),this.close()):this.coScopeChange.emit(e.value)}close(){this.open=!1,this.coClose.emit()}render(){const e=this.filteredItems;return[t("div",{key:"7489dba63daa21b04e7fd12ba0923d3f5452a651",class:"co-command-search__trigger",onClick:this.handleTriggerClick},t("slot",{key:"86bacbf98e5c7b2079d0db46862c60ee4273756d",name:"trigger"})),t("co-overlay",{key:"e6406e9eb24dfff1f1a8b78267b84fb2e305b9bd",open:this.open,onCoClose:this.handleOverlayClick},t("div",{key:"9cf1f70ac226d3802f3f1ffaf77d1633d7c24f2a",class:{"co-command-search":!0,"co-command-search--open":this.open},part:"panel",role:"dialog","aria-modal":"true","aria-label":"Command palette",onClick:this.handlePanelClick},t("div",{key:"a2508671dc39fb5e90455f9ee4391e52e7739a29",class:"co-command-search__input-row",part:"input-row"},t("co-icon",{key:"37051efc28fc3412eb24b53cd4891b98a3b8c2cc",name:"magnifying-glass",size:20}),this.parsedChips.map(((e,a)=>t("span",{class:"co-command-search__facet-chip"},e.icon&&t("co-icon",{name:e.icon,size:12}),t("span",{class:"co-command-search__facet-chip-label"},e.label),t("button",{class:"co-command-search__facet-chip-remove",type:"button","aria-label":"Remove filter "+e.label,onClick:e=>{e.stopPropagation(),this.coChipRemove.emit(a)}},t("co-icon",{name:"x",size:10,weight:"bold"}))))),t("input",{key:"33f8024e71b902b954349b539dc8a6b1ea4e8a64",class:"co-command-search__input",type:"text",placeholder:this.placeholder,value:this.query,onInput:this.handleInput,onKeyDown:this.handleKeyDown,ref:e=>this.inputEl=e,part:"input",role:"combobox","aria-expanded":this.open?"true":"false","aria-controls":"co-cmd-results","aria-autocomplete":"list","aria-activedescendant":this.filteredItems[this.activeIndex]?"co-cmd-opt-"+this.activeIndex:void 0}),this.loading&&t("co-loader",{key:"46eae7fb379621808f0e7a78e3e15f2cf0742fa6",class:"co-command-search__loading",part:"loading",size:"sm"}),t("span",{key:"1505eaa1ccde46d28475b7ded587732a302dfef6",class:"co-command-search__shortcut"},"ESC")),(this.parsedTabs.length>0||this.hasMore)&&t("div",{key:"4557dc1c0f0f543238deeaf37731594064b7a946",class:"co-command-search__tabs",part:"tabs",role:"tablist"},this.parsedTabs.map((e=>{const a=e.value===this.activeTab;return t("co-chip",{class:"co-command-search__tab",role:"tab","aria-selected":a?"true":"false",clickable:!0,selected:a,variant:a?"filled":"outlined",color:a?"primary":"default",iconLeft:e.icon,label:e.label,onCoClick:()=>this.coTabSelect.emit(a?"":e.value)})})),this.hasMore&&t("co-chip",{key:"9253d7fc43c7f320af6af274dce8eca6d8543186",class:"co-command-search__tab co-command-search__tab--more",clickable:!0,variant:"outlined",label:this.moreLabel,iconRight:"caret-down",onCoClick:()=>this.coMoreTabs.emit()})),t("div",{key:"5ae57716cf3337623c111d8b5f9fb941536324a6",class:"co-command-search__results",part:"results",role:"listbox",id:"co-cmd-results"},this.parsedFavorites.length>0&&!this.query&&t("div",{key:"7e11f7b777c590b0f728240e0fbea1808d0c07a5",class:"co-command-search__fav",part:"favorites"},t("div",{key:"67e2ba4b3a500522c7d89429359d5bd947096d8d",class:"co-command-search__fav-grid"},this.parsedFavorites.map((e=>t("button",{class:"co-command-search__fav-card",type:"button",onClick:()=>this.coSelect.emit(e.value)},t("span",{class:"co-command-search__fav-icon",style:{background:e.color||"var(--co-semantic-surface-muted)"}},t("co-icon",{name:e.icon||"circle",size:26,weight:"fill"})),t("span",{class:"co-command-search__fav-label"},e.label)))))),e.length>0?h(e).map((e=>"header"===e.kind?t("div",{class:"co-command-search__section",part:"section",role:"presentation"},e.label):t("div",{class:{"co-command-search__item":!0,"co-command-search__item--active":e.index===this.activeIndex},part:"item",role:"option",id:"co-cmd-opt-"+e.index,"aria-selected":e.index===this.activeIndex?"true":"false",onClick:()=>this.selectItem(e.item),onMouseEnter:()=>{this.activeIndex=e.index}},e.item.icon&&t("co-icon",{name:e.item.icon,size:18}),t("span",{class:"co-command-search__item-text"},t("span",{class:"co-command-search__item-label"},this.renderLabel(e.item.label)),e.item.subtitle&&t("span",{class:"co-command-search__item-subtitle"},e.item.subtitle))))):!this.loading&&t("div",{class:"co-command-search__empty",part:"empty"},this.emptyMessage))))]}get el(){return this}static get watchers(){return{activeTab:[{onActiveTabChange:0}],open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}co-overlay{--co-overlay-bg:rgba(0, 0, 0, 0.16)}.co-command-search__trigger{display:contents}.co-command-search{display:flex;flex-direction:column;width:90vw;max-width:560px;max-height:420px;background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);box-shadow:0 8px 32px rgba(0, 0, 0, 0.12);overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px) scale(0.98);opacity:0;transition:transform 0.15s ease, opacity 0.15s ease;margin-top:-15vh}.co-command-search--open{transform:translateY(0) scale(1);opacity:1}.co-command-search__input-row{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md) var(--co-spacing-lg);border-bottom:1px solid var(--co-semantic-border-default);color:var(--co-semantic-text-muted)}.co-command-search__input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-16);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);min-width:0}.co-command-search__input::placeholder{color:var(--co-semantic-text-muted)}.co-command-search__shortcut{font-size:var(--co-font-size-10);color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:2px var(--co-spacing-xs);border-radius:var(--co-border-radius-xxs);font-weight:500;line-height:1.4;flex-shrink:0}.co-command-search__results{flex:1;overflow-y:auto;padding:var(--co-spacing-xs) 0}.co-command-search__item{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-lg);cursor:pointer;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);transition:background 0.08s ease}.co-command-search__item:hover,.co-command-search__item--active{background:var(--co-semantic-surface-hover)}.co-command-search__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-command-search__match{font-weight:700}.co-command-search__empty{padding:var(--co-spacing-2xl) var(--co-spacing-lg);text-align:center;font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted)}.co-command-search__section{padding:var(--co-spacing-sm) var(--co-spacing-lg) var(--co-spacing-xs);font-size:var(--co-font-size-12);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--co-semantic-text-muted)}.co-command-search__item-text{flex:1;min-width:0;display:flex;flex-direction:column}.co-command-search__item-subtitle{font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-command-search__loading{flex-shrink:0;display:flex;align-items:center}.co-command-search__facet-chip{display:inline-flex;align-items:center;gap:2px;padding:2px var(--co-spacing-xs);background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:500;white-space:nowrap;flex-shrink:0}.co-command-search__facet-chip-label{max-width:110px;overflow:hidden;text-overflow:ellipsis}.co-command-search__facet-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;border-radius:var(--co-border-radius-full);background:rgba(255, 255, 255, 0.25);color:inherit;cursor:pointer;padding:0;line-height:1;transition:background 0.1s ease}.co-command-search__facet-chip-remove:hover{background:rgba(255, 255, 255, 0.4)}.co-command-search__tabs{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md);overflow-x:auto;border-bottom:1px solid var(--co-semantic-border-default);scroll-padding-right:104px}.co-command-search__tab{flex:0 0 auto}.co-command-search__tab--more{position:sticky;right:0;padding-left:var(--co-spacing-sm);background:var(--co-semantic-surface-page);box-shadow:-12px 0 10px -4px var(--co-semantic-surface-page)}.co-command-search__fav{padding:var(--co-spacing-sm) var(--co-spacing-lg) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-default)}.co-command-search__fav-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));gap:var(--co-spacing-xs)}.co-command-search__fav-card{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-xs);background:transparent;border:none;border-radius:var(--co-border-radius-sm);cursor:pointer;font-family:inherit;text-align:center;min-width:0;transition:background 0.12s ease}.co-command-search__fav-card:hover{background:var(--co-semantic-surface-hover)}.co-command-search__fav-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-command-search__fav-icon{flex:none;width:50px;height:50px;border-radius:var(--co-border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--co-color-base-blanco, #fff);box-shadow:0 2px 6px rgba(0, 0, 0, 0.14)}.co-command-search__fav-label{font-size:var(--co-font-size-12);font-weight:500;line-height:1.2;color:var(--co-semantic-text-default);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}"}},[257,"co-command-search",{open:[1540],placeholder:[1],items:[1],emptyMessage:[1,"empty-message"],async:[516],loading:[516],chips:[513],tabs:[1],activeTab:[1,"active-tab"],hasMore:[4,"has-more"],moreLabel:[1,"more-label"],favorites:[1],query:[32],activeIndex:[32]},void 0,{activeTab:[{onActiveTabChange:0}],open:[{onOpenChange:0}]}]);function p(){"undefined"!=typeof customElements&&["co-command-search","co-chip","co-icon","co-loader","co-overlay"].forEach((a=>{switch(a){case"co-command-search":customElements.get(e(a))||customElements.define(e(a),l);break;case"co-chip":customElements.get(e(a))||r();break;case"co-icon":customElements.get(e(a))||n();break;case"co-loader":customElements.get(e(a))||d();break;case"co-overlay":customElements.get(e(a))||m()}}))}p();const f=l,b=p;export{f as CoCommandSearch,b as defineCustomElement}

package/dist/components/co-data-table-pagination.js

@@ -1 +1 @@
-import{t as a,p as o,H as e,c as i,h as t}from"./index.js";import{d as n}from"./p-DPi_U-Kl.js";const c=o(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coPageChange=i(this,"coPageChange",7),this.page=1,this.pageSize=40,this.totalCount=0,this.pageSizes="[10, 20, 40, 50, 100]",this.perPageLabel="Per page",this.recordsLabel="Records",this.jumpToPageLabel="Jump to page",this.previousLabel="Previous",this.nextLabel="Next",this.parsedPageSizes=[10,20,40,50,100],this.jumpToValue="",this.showPageSizeDropdown=!1}parsePageSizes(){try{this.parsedPageSizes="string"==typeof this.pageSizes?JSON.parse(this.pageSizes):this.pageSizes}catch(a){this.parsedPageSizes=[10,20,40,50,100]}}componentWillLoad(){this.parsePageSizes()}get totalPages(){return Math.max(1,Math.ceil(this.totalCount/this.pageSize))}goToPage(a){const o=Math.max(1,Math.min(a,this.totalPages));o!==this.page&&(this.page=o,this.coPageChange.emit({page:this.page,pageSize:this.pageSize}))}changePageSize(a){this.pageSize=a,this.page=1,this.showPageSizeDropdown=!1,this.coPageChange.emit({page:1,pageSize:a})}handleJumpToPage(a){if("Enter"===a.key){const a=parseInt(this.jumpToValue,10);isNaN(a)||(this.goToPage(a),this.jumpToValue="")}}getVisiblePages(){const a=this.totalPages,o=this.page;if(a<=7)return Array.from({length:a},((a,o)=>o+1));const e=[1];o>3&&e.push("...");const i=Math.max(2,o-1),t=Math.min(a-1,o+1);for(let a=i;a<=t;a++)e.push(a);return o<a-2&&e.push("..."),e.push(a),e}render(){const a=this.getVisiblePages();return t("div",{key:"4b7d41e571e1c8a6e353b413b5e790b48ea37995",class:"co-pagination",part:"pagination"},t("div",{key:"8a0dedd2ea3b54dd19d2286c5e114fe61f732278",class:"co-pagination__section"},t("span",{key:"e4629e6610c5d4e9b1d1cfb24b5edf0e2703c80e",class:"co-pagination__label"},this.jumpToPageLabel),t("input",{key:"fd25c034fdd8c05bf665c6aeffa9686a32573bd9",type:"text",class:"co-pagination__jump-input",value:this.jumpToValue||this.page+"",onInput:a=>{this.jumpToValue=a.target.value},onKeyDown:a=>this.handleJumpToPage(a),onFocus:a=>{a.target.select()},part:"jump-input"})),t("div",{key:"4ddc38a6e5817cb1f516b35dd07e46d811a2006b",class:"co-pagination__section co-pagination__section--page-size"},t("div",{key:"b4aca717ecd742f1dcb60da8ec64bc194d7cd47b",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},t("span",{key:"53169bfff85ffe4a97fb8ce369f3be9ecc163725",class:"co-pagination__page-size-value"},this.pageSize),t("span",{key:"01b9e912b864fd989548b03ae8119ada87e6de49",class:"co-pagination__label"},this.perPageLabel),t("co-icon",{key:"a56598b548e6635296886750354c315b12fbe2d8",name:"caret-down",size:14})),this.showPageSizeDropdown&&t("div",{key:"093a6b2c02f2c7309a14b9b3c7d44e4801643d32",class:"co-pagination__page-size-dropdown",part:"dropdown"},this.parsedPageSizes.map((a=>t("button",{class:{"co-pagination__page-size-option":!0,"co-pagination__page-size-option--active":a===this.pageSize},onClick:()=>this.changePageSize(a)},a))))),t("div",{key:"b2c6703a5cb87eba43264acd998e837eebbff342",class:"co-pagination__spacer"}),t("div",{key:"a48a4bdf1cc1ee9dc80901504c11741589a9ebc3",class:"co-pagination__section"},t("span",{key:"1c7cb0c55a537530d4322a1e7b452c810f32ea94",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),t("div",{key:"60b13b593caf9b08396dd30ac1b9e513ec6a3197",class:"co-pagination__section co-pagination__nav"},t("button",{key:"125da6a4b3e175fc7651d25ee020316f6d64e3d6",class:"co-pagination__nav-btn",disabled:this.page<=1,onClick:()=>this.goToPage(this.page-1),part:"prev-btn"},this.previousLabel),a.map((a=>"..."===a?t("span",{class:"co-pagination__ellipsis"},"…"):t("button",{class:{"co-pagination__page-btn":!0,"co-pagination__page-btn--active":a===this.page},onClick:()=>this.goToPage(a)},a))),t("button",{key:"068e6184593877f651a41573d8aa456f9ef2ef49",class:"co-pagination__nav-btn",disabled:this.page>=this.totalPages,onClick:()=>this.goToPage(this.page+1),part:"next-btn"},this.nextLabel)))}static get watchers(){return{pageSizes:[{parsePageSizes:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary)}.co-pagination{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-md) var(--co-spacing-lg);border-top:1px solid var(--co-color-opacity-negro-8);background:var(--co-color-base-blanco);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);letter-spacing:var(--co-font-letter-spacing-body);user-select:none}.co-pagination__section{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0}.co-pagination__spacer{flex:1}.co-pagination__label{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__count{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__jump-input{width:32px;height:28px;border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:center;padding:0 var(--co-spacing-xs);outline:none;transition:border-color 0.15s ease}.co-pagination__jump-input:focus{border-color:var(--co-color-primary-azul)}.co-pagination__section--page-size{position:relative}.co-pagination__page-size-trigger{display:flex;align-items:center;gap:var(--co-spacing-xs);cursor:pointer;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);transition:background-color 0.15s ease}.co-pagination__page-size-trigger:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-value{font-weight:500;color:var(--co-semantic-text-default)}.co-pagination__page-size-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;min-width:72px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 12px var(--co-color-opacity-negro-8);padding:var(--co-spacing-xs) 0;z-index:10}.co-pagination__page-size-option{display:block;width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-size-option:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-option--active{font-weight:500;color:var(--co-color-primary-azul)}.co-pagination__nav{display:flex;align-items:center;gap:var(--co-spacing-xxs)}.co-pagination__nav-btn{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);cursor:pointer;transition:background-color 0.15s ease;white-space:nowrap}.co-pagination__nav-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-pagination__nav-btn:disabled{opacity:0.4;cursor:not-allowed}.co-pagination__page-btn{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--co-border-radius-xxs);background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-btn:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-btn--active{background:var(--co-color-base-negro);color:var(--co-color-base-blanco);font-weight:500}.co-pagination__page-btn--active:hover{background:var(--co-color-base-negro)}.co-pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;color:var(--co-color-gray-400)}"}},[1,"co-data-table-pagination",{page:[1538],pageSize:[1538,"page-size"],totalCount:[2,"total-count"],pageSizes:[1,"page-sizes"],perPageLabel:[1,"per-page-label"],recordsLabel:[1,"records-label"],jumpToPageLabel:[1,"jump-to-page-label"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],parsedPageSizes:[32],jumpToValue:[32],showPageSizeDropdown:[32]},void 0,{pageSizes:[{parsePageSizes:0}]}]);function s(){"undefined"!=typeof customElements&&["co-data-table-pagination","co-icon"].forEach((o=>{switch(o){case"co-data-table-pagination":customElements.get(a(o))||customElements.define(a(o),c);break;case"co-icon":customElements.get(a(o))||n()}}))}s();const r=c,p=s;export{r as CoDataTablePagination,p as defineCustomElement}
+import{t as a,p as o,H as i,c as e,h as t}from"./index.js";import{d as n}from"./p-BNKz39GA.js";const c=o(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coPageChange=e(this,"coPageChange",7),this.page=1,this.pageSize=40,this.totalCount=0,this.pageSizes="[10, 20, 40, 50, 100]",this.perPageLabel="Per page",this.recordsLabel="Records",this.jumpToPageLabel="Jump to page",this.previousLabel="Previous",this.nextLabel="Next",this.parsedPageSizes=[10,20,40,50,100],this.jumpToValue="",this.showPageSizeDropdown=!1}parsePageSizes(){try{this.parsedPageSizes="string"==typeof this.pageSizes?JSON.parse(this.pageSizes):this.pageSizes}catch(a){this.parsedPageSizes=[10,20,40,50,100]}}componentWillLoad(){this.parsePageSizes()}get totalPages(){return Math.max(1,Math.ceil(this.totalCount/this.pageSize))}goToPage(a){const o=Math.max(1,Math.min(a,this.totalPages));o!==this.page&&(this.page=o,this.coPageChange.emit({page:this.page,pageSize:this.pageSize}))}changePageSize(a){this.pageSize=a,this.page=1,this.showPageSizeDropdown=!1,this.coPageChange.emit({page:1,pageSize:a})}handleJumpToPage(a){if("Enter"===a.key){const a=parseInt(this.jumpToValue,10);isNaN(a)||(this.goToPage(a),this.jumpToValue="")}}getVisiblePages(){const a=this.totalPages,o=this.page;if(a<=7)return Array.from({length:a},((a,o)=>o+1));const i=[1];o>3&&i.push("...");const e=Math.max(2,o-1),t=Math.min(a-1,o+1);for(let a=e;a<=t;a++)i.push(a);return o<a-2&&i.push("..."),i.push(a),i}render(){const a=this.getVisiblePages();return t("div",{key:"ae314d39c78125c7a0b237d30b6d298c5c699a75",class:"co-pagination",part:"pagination"},t("div",{key:"eff8732e235bfcbb6578a144377736f6a5c05d91",class:"co-pagination__section"},t("span",{key:"e4a5b980aaae92eec46b5e090e7b87745938fe81",class:"co-pagination__label"},this.jumpToPageLabel),t("input",{key:"012b0613c8cfce667687ca27ad434b6271845900",type:"text",class:"co-pagination__jump-input",value:this.jumpToValue||this.page+"",onInput:a=>{this.jumpToValue=a.target.value},onKeyDown:a=>this.handleJumpToPage(a),onFocus:a=>{a.target.select()},part:"jump-input"})),t("div",{key:"76016cea5933b9b057256e4c54717925b95396e4",class:"co-pagination__section co-pagination__section--page-size"},t("div",{key:"ec1ac8b20b71a01483ef6f33170ccea9dc60baf2",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},t("span",{key:"3db2891ead65d088b2a9a19868c00576fc3d212b",class:"co-pagination__page-size-value"},this.pageSize),t("span",{key:"2be8c9861d4509df5b695b5c07e25cc346b77628",class:"co-pagination__label"},this.perPageLabel),t("co-icon",{key:"91ba0332b4eb496b3de3fe271d78686aad429d71",name:"caret-down",size:14})),this.showPageSizeDropdown&&t("div",{key:"4a7f2a17c52d71762c3a9b15e8ed55aa78b894a8",class:"co-pagination__page-size-dropdown",part:"dropdown"},this.parsedPageSizes.map((a=>t("button",{class:{"co-pagination__page-size-option":!0,"co-pagination__page-size-option--active":a===this.pageSize},onClick:()=>this.changePageSize(a)},a))))),t("div",{key:"e8e81ef1186485963908cd923fab0f5974e4cbf3",class:"co-pagination__spacer"}),t("div",{key:"04fd583b0fff46d13d8abe384cb7896d2c4b8799",class:"co-pagination__section"},t("span",{key:"69bf9e0a8fd0e9f3b5fe06c9951300323fce42bf",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),t("div",{key:"a90b8a8b5cdd5cfc945fb0fa00d50b44b4ab88b7",class:"co-pagination__section co-pagination__nav"},t("button",{key:"6b14f2a16c691a202bf81cc1fff8f505f5ce0f29",class:"co-pagination__nav-btn",disabled:this.page<=1,onClick:()=>this.goToPage(this.page-1),part:"prev-btn"},this.previousLabel),a.map((a=>"..."===a?t("span",{class:"co-pagination__ellipsis"},"…"):t("button",{class:{"co-pagination__page-btn":!0,"co-pagination__page-btn--active":a===this.page},onClick:()=>this.goToPage(a)},a))),t("button",{key:"9b3cdab026b566275248734a8db218d70a81b082",class:"co-pagination__nav-btn",disabled:this.page>=this.totalPages,onClick:()=>this.goToPage(this.page+1),part:"next-btn"},this.nextLabel)))}static get watchers(){return{pageSizes:[{parsePageSizes:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary)}.co-pagination{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-md) var(--co-spacing-lg);border-top:1px solid var(--co-color-opacity-negro-8);background:var(--co-color-base-blanco);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);letter-spacing:var(--co-font-letter-spacing-body);user-select:none}.co-pagination__section{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0}.co-pagination__spacer{flex:1}.co-pagination__label{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__count{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__jump-input{width:32px;height:28px;border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:center;padding:0 var(--co-spacing-xs);outline:none;transition:border-color 0.15s ease}.co-pagination__jump-input:focus{border-color:var(--co-color-primary-azul)}.co-pagination__section--page-size{position:relative}.co-pagination__page-size-trigger{display:flex;align-items:center;gap:var(--co-spacing-xs);cursor:pointer;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);transition:background-color 0.15s ease}.co-pagination__page-size-trigger:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-value{font-weight:500;color:var(--co-semantic-text-default)}.co-pagination__page-size-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;min-width:72px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 12px var(--co-color-opacity-negro-8);padding:var(--co-spacing-xs) 0;z-index:10}.co-pagination__page-size-option{display:block;width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-size-option:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-option--active{font-weight:500;color:var(--co-color-primary-azul)}.co-pagination__nav{display:flex;align-items:center;gap:var(--co-spacing-xxs)}.co-pagination__nav-btn{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);cursor:pointer;transition:background-color 0.15s ease;white-space:nowrap}.co-pagination__nav-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-pagination__nav-btn:disabled{opacity:0.4;cursor:not-allowed}.co-pagination__page-btn{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--co-border-radius-xxs);background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-btn:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-btn--active{background:var(--co-color-base-negro);color:var(--co-color-base-blanco);font-weight:500}.co-pagination__page-btn--active:hover{background:var(--co-color-base-negro)}.co-pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;color:var(--co-color-gray-400)}"}},[1,"co-data-table-pagination",{page:[1538],pageSize:[1538,"page-size"],totalCount:[2,"total-count"],pageSizes:[1,"page-sizes"],perPageLabel:[1,"per-page-label"],recordsLabel:[1,"records-label"],jumpToPageLabel:[1,"jump-to-page-label"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],parsedPageSizes:[32],jumpToValue:[32],showPageSizeDropdown:[32]},void 0,{pageSizes:[{parsePageSizes:0}]}]);function s(){"undefined"!=typeof customElements&&["co-data-table-pagination","co-icon"].forEach((o=>{switch(o){case"co-data-table-pagination":customElements.get(a(o))||customElements.define(a(o),c);break;case"co-icon":customElements.get(a(o))||n()}}))}s();const r=c,p=s;export{r as CoDataTablePagination,p as defineCustomElement}

package/dist/components/co-data-table.js

@@ -1 +1 @@
-import{t,p as e,H as a,c as o,h as i}from"./index.js";import{d as s}from"./p-jDjfGZJp.js";import{d as c}from"./p-DPi_U-Kl.js";const l=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.coSort=o(this,"coSort",7),this.coRowSelect=o(this,"coRowSelect",7),this.coSelectAll=o(this,"coSelectAll",7),this.coColumnResize=o(this,"coColumnResize",7),this.coColumnPin=o(this,"coColumnPin",7),this.coRowDblClick=o(this,"coRowDblClick",7),this.coRowClick=o(this,"coRowClick",7),this.columns="[]",this.rows="[]",this.rowKey="_id",this.loading=!1,this.skeletonRows=10,this.emptyTitle="",this.emptyMessage="No records found",this.emptyIcon="magnifying-glass",this.sortField="",this.sortOrder="",this.selectable=!1,this.selectedKeys="[]",this.resizable=!0,this.parsedColumns=[],this.parsedRows=[],this.parsedSelectedKeys=new Set,this.columnWidths=new Map,this.resizingColumn=null,this.resizeStartX=0,this.resizeStartWidth=0,this.suppressNextSort=!1}parseColumns(){try{const t="string"==typeof this.columns?JSON.parse(this.columns):this.columns;this.parsedColumns=t,t.forEach((t=>{t.width&&!this.columnWidths.has(t.field)&&this.columnWidths.set(t.field,t.width)}))}catch(t){this.parsedColumns=[]}}parseRows(){try{this.parsedRows="string"==typeof this.rows?JSON.parse(this.rows):this.rows}catch(t){this.parsedRows=[]}}parseSelectedKeys(){try{const t="string"==typeof this.selectedKeys?JSON.parse(this.selectedKeys):this.selectedKeys;this.parsedSelectedKeys=new Set(t)}catch(t){this.parsedSelectedKeys=new Set}}componentWillLoad(){this.parseColumns(),this.parseRows(),this.parseSelectedKeys()}handleSort(t){if(this.suppressNextSort)return void(this.suppressNextSort=!1);let e;e=this.sortField===t&&"asc"===this.sortOrder?"desc":"asc",this.sortField=t,this.sortOrder=e,this.coSort.emit({field:t,order:e})}isAllSelected(){return 0!==this.parsedRows.length&&this.parsedRows.every((t=>this.parsedSelectedKeys.has(t[this.rowKey]+"")))}isSomeSelected(){if(0===this.parsedRows.length)return!1;const t=this.parsedRows.filter((t=>this.parsedSelectedKeys.has(t[this.rowKey]+""))).length;return t>0&&t<this.parsedRows.length}handleSelectAll(){const t=!this.isAllSelected()&&!this.isSomeSelected();this.coSelectAll.emit({selected:!this.isAllSelected()||t})}handleRowSelect(t){const e=t[this.rowKey]+"",a=!this.parsedSelectedKeys.has(e);this.coRowSelect.emit({key:e,selected:a})}handleResizeStart(t,e){e.preventDefault(),e.stopPropagation(),this.resizingColumn=t,this.resizeStartX=e.clientX,this.resizeStartWidth=this.columnWidths.get(t)||150;const a=t=>{var e;if(!this.resizingColumn)return;const a=t.clientX-this.resizeStartX,o=(null===(e=this.parsedColumns.find((t=>t.field===this.resizingColumn)))||void 0===e?void 0:e.minWidth)||80;this.columnWidths=new Map(this.columnWidths.set(this.resizingColumn,Math.max(o,this.resizeStartWidth+a)))},o=()=>{if(this.resizingColumn){const t=this.columnWidths.get(this.resizingColumn)||150;this.coColumnResize.emit({field:this.resizingColumn,width:t}),this.suppressNextSort=!0}this.resizingColumn=null,document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}handleRowClick(t,e){this.coRowClick.emit({row:t,index:e})}handleRowDblClick(t,e){this.coRowDblClick.emit({row:t,index:e})}handleColumnPin(t,e){e.stopPropagation(),this.coColumnPin.emit({field:t})}formatCellValue(t){if(null==t)return"";if("boolean"==typeof t)return t?"Yes":"No";if("string"==typeof t){if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))try{const e=new Date(t);if(!isNaN(e.getTime()))return e.toLocaleDateString("es",{year:"numeric",month:"short",day:"numeric"})+" "+e.toLocaleTimeString("es",{hour:"2-digit",minute:"2-digit"})}catch(t){}return t}return"number"==typeof t?t+"":Array.isArray(t)?t.map((t=>this.formatCellValue(t))).join(", "):"object"==typeof t?t.firstName||t.lastName?[t.firstName,t.lastName].filter(Boolean).join(" "):t.name?t.name+"":t.title?t.title+"":t.label?t.label+"":t.stageName?t.stageName+"":t.companyName?t.companyName+"":t.dealName?t.dealName+"":t._id&&Object.keys(t).length<=3?t._id+"":JSON.stringify(t):t+""}getColumnStyle(t){return Object.assign({},t.sticky?{left:this.selectable?"48px":"0px"}:{})}getColumnWidth(t){return this.columnWidths.get(t.field)||t.width||t.minWidth||150}getTableWidth(){let t=this.selectable?48:0;for(const e of this.parsedColumns)t+=this.getColumnWidth(e);return t}renderColgroup(){return i("colgroup",null,this.selectable&&i("col",{style:{width:"48px"}}),this.parsedColumns.map((t=>i("col",{style:{width:this.getColumnWidth(t)+"px",minWidth:(t.minWidth||80)+"px"}}))))}renderHeader(){return i("thead",{class:"co-data-table__head"},i("tr",{class:"co-data-table__header-row"},this.selectable&&i("th",{class:"co-data-table__th co-data-table__th--checkbox co-data-table__th--sticky",style:{left:"0px"}},i("co-checkbox",{size:"small",checked:this.isAllSelected(),indeterminate:this.isSomeSelected(),onCoChange:()=>this.handleSelectAll()})),this.parsedColumns.map(((t,e)=>i("th",{class:{"co-data-table__th":!0,"co-data-table__th--sticky":!!t.sticky,"co-data-table__th--sortable":!!t.sortable,"co-data-table__th--sorted":this.sortField===t.field,["co-data-table__th--align-"+(t.align||"left")]:!0},style:this.getColumnStyle(t),onClick:()=>t.sortable&&this.handleSort(t.field)},i("span",{class:"co-data-table__th-content"},i("span",{class:{"co-data-table__pin-icon":!0,"co-data-table__pin-icon--active":!!t.sticky},title:t.sticky?"Unpin column":"Pin column",onClick:e=>this.handleColumnPin(t.field,e)},i("co-icon",{name:"push-pin",size:14,weight:t.sticky?"fill":"regular"})),i("span",{class:"co-data-table__th-label"},t.label),t.sortable&&i("span",{class:{"co-data-table__sort-icon":!0,"co-data-table__sort-icon--active":this.sortField===t.field}},i("co-icon",{name:"caret-up-down",size:16,weight:this.sortField===t.field?"fill":"regular"}))),this.resizable&&e<this.parsedColumns.length-1&&i("span",{class:{"co-data-table__resize-handle":!0,"co-data-table__resize-handle--active":this.resizingColumn===t.field},onMouseDown:e=>this.handleResizeStart(t.field,e),onClick:t=>t.stopPropagation()}))))))}renderBody(){return this.loading?i("tbody",{class:"co-data-table__body"},Array.from({length:this.skeletonRows}).map(((t,e)=>i("tr",{class:"co-data-table__row co-data-table__row--skeleton",key:"skeleton-"+e},this.selectable&&i("td",{class:"co-data-table__td co-data-table__td--checkbox co-data-table__td--sticky",style:{left:"0px"}},i("div",{class:"co-data-table__skeleton co-data-table__skeleton--checkbox"})),this.parsedColumns.map((t=>i("td",{class:{"co-data-table__td":!0,"co-data-table__td--sticky":!!t.sticky},style:Object.assign({},this.getColumnStyle(t))},i("div",{class:"co-data-table__skeleton"})))))))):i("slot",null)}renderEmpty(){return this.loading||this.parsedRows.length>0?null:i("div",{class:"co-data-table__empty",part:"empty"},i("div",{class:"co-data-table__empty-icon"},i("co-icon",{name:this.emptyIcon,size:32,weight:"regular"})),this.emptyTitle&&i("h3",{class:"co-data-table__empty-title"},this.emptyTitle),this.emptyMessage&&i("p",{class:"co-data-table__empty-message"},this.emptyMessage),i("div",{class:"co-data-table__empty-action"},i("slot",{name:"empty-action"})))}render(){return i("div",{key:"a5c4cb6afafe73264b5b6643c762867a449bcf1f",class:{"co-data-table":!0,"co-data-table--resizing":null!==this.resizingColumn,"co-data-table--loading":this.loading,"co-data-table--empty":!this.loading&&0===this.parsedRows.length}},i("div",{key:"22f664b7c45ab3882665c45bb398f7e41bad331d",class:"co-data-table__scroll"},i("table",{key:"6cc6e81e405f4d560800aa983b193902eb8ecb5c",class:"co-data-table__table",style:{width:this.getTableWidth()+"px",minWidth:"100%"}},this.renderColgroup(),this.renderHeader(),this.renderBody())),this.renderEmpty())}get el(){return this}static get watchers(){return{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}]}}static get style(){return"co-data-table{display:block;flex:1;min-height:0;overflow:hidden}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;padding:var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background:var(--co-semantic-surface-hover)}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color 0.15s ease}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:var(--co-spacing-md);text-align:center}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity 0.15s ease}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color 0.15s ease;content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{padding:var(--co-spacing-xs);background:inherit;border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);vertical-align:middle;font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-sm)}.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-16);font-weight:600;color:var(--co-semantic-text-default);letter-spacing:-0.03em;margin:0}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:360px}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:var(--co-color-gray-100);animation:co-dt-shimmer 1.5s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%,100%{opacity:1}50%{opacity:0.4}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}"}},[260,"co-data-table",{columns:[1],rows:[1],rowKey:[1,"row-key"],loading:[4],skeletonRows:[2,"skeleton-rows"],emptyTitle:[1,"empty-title"],emptyMessage:[1,"empty-message"],emptyIcon:[1,"empty-icon"],sortField:[1537,"sort-field"],sortOrder:[1537,"sort-order"],selectable:[4],selectedKeys:[1025,"selected-keys"],resizable:[4],parsedColumns:[32],parsedRows:[32],parsedSelectedKeys:[32],columnWidths:[32],resizingColumn:[32],resizeStartX:[32],resizeStartWidth:[32]},void 0,{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}]}]);function r(){"undefined"!=typeof customElements&&["co-data-table","co-checkbox","co-icon"].forEach((e=>{switch(e){case"co-data-table":customElements.get(t(e))||customElements.define(t(e),l);break;case"co-checkbox":customElements.get(t(e))||s();break;case"co-icon":customElements.get(t(e))||c()}}))}r();const n=l,d=r;export{n as CoDataTable,d as defineCustomElement}
+import{t,p as e,H as a,c as o,h as i}from"./index.js";import{d as s}from"./p-EPZfLt5l.js";import{d as c}from"./p-BNKz39GA.js";const l=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.coSort=o(this,"coSort",7),this.coRowSelect=o(this,"coRowSelect",7),this.coSelectAll=o(this,"coSelectAll",7),this.coColumnResize=o(this,"coColumnResize",7),this.coColumnPin=o(this,"coColumnPin",7),this.coRowDblClick=o(this,"coRowDblClick",7),this.coRowClick=o(this,"coRowClick",7),this.columns="[]",this.rows="[]",this.rowKey="_id",this.loading=!1,this.skeletonRows=10,this.emptyTitle="",this.emptyMessage="No records found",this.emptyIcon="magnifying-glass",this.sortField="",this.sortOrder="",this.selectable=!1,this.selectedKeys="[]",this.resizable=!0,this.parsedColumns=[],this.parsedRows=[],this.parsedSelectedKeys=new Set,this.columnWidths=new Map,this.resizingColumn=null,this.resizeStartX=0,this.resizeStartWidth=0,this.suppressNextSort=!1}parseColumns(){try{const t="string"==typeof this.columns?JSON.parse(this.columns):this.columns;this.parsedColumns=t,t.forEach((t=>{t.width&&!this.columnWidths.has(t.field)&&this.columnWidths.set(t.field,t.width)}))}catch(t){this.parsedColumns=[]}}parseRows(){try{this.parsedRows="string"==typeof this.rows?JSON.parse(this.rows):this.rows}catch(t){this.parsedRows=[]}}parseSelectedKeys(){try{const t="string"==typeof this.selectedKeys?JSON.parse(this.selectedKeys):this.selectedKeys;this.parsedSelectedKeys=new Set(t)}catch(t){this.parsedSelectedKeys=new Set}}componentWillLoad(){this.parseColumns(),this.parseRows(),this.parseSelectedKeys()}handleSort(t){if(this.suppressNextSort)return void(this.suppressNextSort=!1);let e;e=this.sortField===t?"asc"===this.sortOrder?"desc":"desc"===this.sortOrder?"":"asc":"asc",this.sortField=""===e?"":t,this.sortOrder=e,this.coSort.emit({field:t,order:e})}isAllSelected(){return 0!==this.parsedRows.length&&this.parsedRows.every((t=>this.parsedSelectedKeys.has(t[this.rowKey]+"")))}isSomeSelected(){if(0===this.parsedRows.length)return!1;const t=this.parsedRows.filter((t=>this.parsedSelectedKeys.has(t[this.rowKey]+""))).length;return t>0&&t<this.parsedRows.length}handleSelectAll(){const t=!this.isAllSelected()&&!this.isSomeSelected();this.coSelectAll.emit({selected:!this.isAllSelected()||t})}handleRowSelect(t){const e=t[this.rowKey]+"",a=!this.parsedSelectedKeys.has(e);this.coRowSelect.emit({key:e,selected:a})}handleResizeStart(t,e){e.preventDefault(),e.stopPropagation(),this.resizingColumn=t,this.resizeStartX=e.clientX,this.resizeStartWidth=this.columnWidths.get(t)||150;const a=t=>{var e;if(!this.resizingColumn)return;const a=t.clientX-this.resizeStartX,o=(null===(e=this.parsedColumns.find((t=>t.field===this.resizingColumn)))||void 0===e?void 0:e.minWidth)||80;this.columnWidths=new Map(this.columnWidths.set(this.resizingColumn,Math.max(o,this.resizeStartWidth+a)))},o=()=>{if(this.resizingColumn){const t=this.columnWidths.get(this.resizingColumn)||150;this.coColumnResize.emit({field:this.resizingColumn,width:t}),this.suppressNextSort=!0}this.resizingColumn=null,document.removeEventListener("mousemove",a),document.removeEventListener("mouseup",o)};document.addEventListener("mousemove",a),document.addEventListener("mouseup",o)}handleRowClick(t,e){this.coRowClick.emit({row:t,index:e})}handleRowDblClick(t,e){this.coRowDblClick.emit({row:t,index:e})}handleColumnPin(t,e){e.stopPropagation(),this.coColumnPin.emit({field:t})}formatCellValue(t){if(null==t)return"";if("boolean"==typeof t)return t?"Yes":"No";if("string"==typeof t){if(/^\d{4}-\d{2}-\d{2}T\d{2}:\d{2}/.test(t))try{const e=new Date(t);if(!isNaN(e.getTime()))return e.toLocaleDateString("es",{year:"numeric",month:"short",day:"numeric"})+" "+e.toLocaleTimeString("es",{hour:"2-digit",minute:"2-digit"})}catch(t){}return t}return"number"==typeof t?t+"":Array.isArray(t)?t.map((t=>this.formatCellValue(t))).join(", "):"object"==typeof t?t.firstName||t.lastName?[t.firstName,t.lastName].filter(Boolean).join(" "):t.name?t.name+"":t.title?t.title+"":t.label?t.label+"":t.stageName?t.stageName+"":t.companyName?t.companyName+"":t.dealName?t.dealName+"":t._id&&Object.keys(t).length<=3?t._id+"":JSON.stringify(t):t+""}getColumnStyle(t){return Object.assign({},t.sticky?{left:this.selectable?"48px":"0px"}:{})}getColumnWidth(t){return this.columnWidths.get(t.field)||t.width||t.minWidth||150}getTableWidth(){let t=this.selectable?48:0;for(const e of this.parsedColumns)t+=this.getColumnWidth(e);return t}renderColgroup(){return i("colgroup",null,this.selectable&&i("col",{style:{width:"48px"}}),this.parsedColumns.map((t=>i("col",{style:{width:this.getColumnWidth(t)+"px",minWidth:(t.minWidth||80)+"px"}}))))}renderSortIcon(t){if(!t.sortable)return null;const e=this.sortField===t.field&&""!==this.sortOrder;return i("span",{class:{"co-data-table__sort-icon":!0,"co-data-table__sort-icon--active":e}},i("co-icon",{name:e?"asc"===this.sortOrder?"caret-up":"caret-down":"caret-up-down",size:16,weight:e?"fill":"regular"}))}renderHeader(){return i("thead",{class:"co-data-table__head"},i("tr",{class:"co-data-table__header-row"},this.selectable&&i("th",{class:"co-data-table__th co-data-table__th--checkbox co-data-table__th--sticky",style:{left:"0px"}},i("co-checkbox",{size:"small",checked:this.isAllSelected(),indeterminate:this.isSomeSelected(),onCoChange:()=>this.handleSelectAll()})),this.parsedColumns.map(((t,e)=>i("th",{class:{"co-data-table__th":!0,"co-data-table__th--sticky":!!t.sticky,"co-data-table__th--sortable":!!t.sortable,"co-data-table__th--sorted":this.sortField===t.field,["co-data-table__th--align-"+(t.align||"left")]:!0},style:this.getColumnStyle(t),"aria-sort":t.sortable&&this.sortField===t.field&&""!==this.sortOrder?"asc"===this.sortOrder?"ascending":"descending":void 0},i("span",{class:"co-data-table__th-content"},i("span",{class:{"co-data-table__pin-icon":!0,"co-data-table__pin-icon--active":!!t.sticky},title:t.sticky?"Unpin column":"Pin column",onClick:e=>this.handleColumnPin(t.field,e)},i("co-icon",{name:"push-pin",size:14,weight:t.sticky?"fill":"regular"})),t.sortable?i("button",{type:"button",class:"co-data-table__sort-button","aria-label":"Sort by "+t.label,onClick:()=>this.handleSort(t.field)},i("span",{class:"co-data-table__th-label"},t.label),this.renderSortIcon(t)):i("span",{class:"co-data-table__th-label"},t.label)),this.resizable&&e<this.parsedColumns.length-1&&i("span",{class:{"co-data-table__resize-handle":!0,"co-data-table__resize-handle--active":this.resizingColumn===t.field},onMouseDown:e=>this.handleResizeStart(t.field,e),onClick:t=>t.stopPropagation()}))))))}renderBody(){return this.loading?i("tbody",{class:"co-data-table__body"},Array.from({length:this.skeletonRows}).map(((t,e)=>i("tr",{class:"co-data-table__row co-data-table__row--skeleton",key:"skeleton-"+e},this.selectable&&i("td",{class:"co-data-table__td co-data-table__td--checkbox co-data-table__td--sticky",style:{left:"0px"}},i("div",{class:"co-data-table__skeleton co-data-table__skeleton--checkbox"})),this.parsedColumns.map((t=>i("td",{class:{"co-data-table__td":!0,"co-data-table__td--sticky":!!t.sticky},style:Object.assign({},this.getColumnStyle(t))},i("div",{class:"co-data-table__skeleton"})))))))):i("slot",null)}renderEmpty(){return this.loading||this.parsedRows.length>0?null:i("div",{class:"co-data-table__empty",part:"empty"},i("div",{class:"co-data-table__empty-icon"},i("co-icon",{name:this.emptyIcon,size:32,weight:"regular"})),this.emptyTitle&&i("h3",{class:"co-data-table__empty-title"},this.emptyTitle),this.emptyMessage&&i("p",{class:"co-data-table__empty-message"},this.emptyMessage),i("div",{class:"co-data-table__empty-action"},i("slot",{name:"empty-action"})))}render(){return i("div",{key:"ca97ff4e2b3fb28ff64e49654c35e3081e43b036",class:{"co-data-table":!0,"co-data-table--resizing":null!==this.resizingColumn,"co-data-table--loading":this.loading,"co-data-table--empty":!this.loading&&0===this.parsedRows.length}},i("div",{key:"9ffdd459a8b46f4c019309412cf85fe7e12f803d",class:"co-data-table__scroll"},i("table",{key:"f621aaba41690f6fe6060b0641817908d5c3ae92",class:"co-data-table__table",style:{width:this.getTableWidth()+"px",minWidth:"100%"}},this.renderColgroup(),this.renderHeader(),this.renderBody())),this.renderEmpty())}get el(){return this}static get watchers(){return{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}]}}static get style(){return"co-data-table{display:block;flex:1;min-height:0;overflow:hidden;contain:layout}.co-data-table{position:relative;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco);display:flex;flex-direction:column;height:100%}.co-data-table--resizing{cursor:col-resize;user-select:none}.co-data-table__scroll{flex:1;overflow-x:auto;overflow-y:auto;min-height:0}.co-data-table__table{min-width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.co-data-table__head{position:sticky;top:0;z-index:2}.co-data-table__header-row{height:40px}.co-data-table__th{position:relative;padding:var(--co-spacing-md);background:var(--co-color-base-blanco);border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);text-align:left;vertical-align:middle;font-size:var(--co-font-size-14);font-weight:500;color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;box-sizing:border-box}.co-data-table__th:last-child{border-right:none}.co-data-table__th--sortable{cursor:pointer}.co-data-table__th--sortable:hover{background:var(--co-semantic-surface-hover)}.co-data-table__th-content{display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm)}.co-data-table__pin-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-300);cursor:pointer;opacity:0;transition:opacity 0.15s ease, color 0.15s ease}.co-data-table__pin-icon--active{opacity:1;color:var(--co-semantic-text-default)}.co-data-table__th:hover .co-data-table__pin-icon{opacity:1}.co-data-table__pin-icon:hover{color:var(--co-semantic-text-default)}.co-data-table__th-label{flex:1;overflow:hidden;text-overflow:ellipsis}.co-data-table__sort-icon{display:flex;align-items:center;flex-shrink:0;color:var(--co-color-gray-400);transition:color 0.15s ease}.co-data-table__sort-icon--active{color:var(--co-semantic-text-default)}.co-data-table__sort-button{flex:1;min-width:0;display:flex;align-items:center;justify-content:space-between;gap:var(--co-spacing-sm);background:transparent;border:0;padding:0;margin:0;font:inherit;color:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.co-data-table__sort-button:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul));outline-offset:-2px;border-radius:var(--co-border-radius-xxs)}.co-data-table__th--checkbox,.co-data-table__td--checkbox{width:48px;min-width:48px;max-width:48px;padding:var(--co-spacing-md);text-align:center}.co-data-table__th--sticky,.co-data-table__td--sticky{position:sticky;z-index:1;background:var(--co-color-base-blanco)}.co-data-table__th--sticky{z-index:3}.co-data-table__td--sticky::after,.co-data-table__th--sticky::after{content:'';position:absolute;top:0;right:-4px;bottom:0;width:4px;pointer-events:none;opacity:0;background:linear-gradient(to right, var(--co-color-opacity-negro-8), transparent);transition:opacity 0.15s ease}.co-data-table__resize-handle{position:absolute;top:0;right:-2px;width:5px;height:100%;cursor:col-resize;z-index:1}.co-data-table__resize-handle:hover{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__resize-handle--active{background:var(--co-color-primary-azul);opacity:0.3}.co-data-table__row{height:48px;transition:background-color 0.15s ease;content-visibility:auto;contain-intrinsic-size:auto 48px}.co-data-table__row:hover{background:var(--co-semantic-surface-hover)}.co-data-table__row--selected{background:var(--co-color-opacity-negro-4)}.co-data-table__row--selected:hover{background:var(--co-color-opacity-negro-8)}.co-data-table__td{height:48px;padding:0 var(--co-spacing-md);background:inherit;border-bottom:1px solid var(--co-color-opacity-negro-8);border-right:1px solid var(--co-color-opacity-negro-8);vertical-align:middle;font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box}.co-data-table__td:last-child{border-right:none}.co-data-table__th--align-center,.co-data-table__td--align-center{text-align:center}.co-data-table__th--align-right,.co-data-table__td--align-right{text-align:right}.co-data-table__cell-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.co-data-table--empty .co-data-table__scroll{flex:0 0 auto;overflow:hidden}.co-data-table__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;flex:1;min-height:280px;padding:var(--co-spacing-3xl) var(--co-spacing-lg);gap:var(--co-spacing-sm)}.co-data-table__empty-icon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);margin-bottom:var(--co-spacing-sm)}.co-data-table__empty-title{font-size:var(--co-font-size-16);font-weight:600;color:var(--co-semantic-text-default);letter-spacing:-0.03em;margin:0}.co-data-table__empty-message{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);margin:0;max-width:360px}.co-data-table__empty-action{margin-top:var(--co-spacing-md);display:inline-flex}.co-data-table__empty-action:empty{display:none}.co-data-table__skeleton{height:14px;border-radius:var(--co-border-radius-xxs);background:var(--co-color-gray-100);animation:co-dt-shimmer 1.5s ease-in-out infinite;width:70%}.co-data-table__skeleton--checkbox{width:16px;height:16px;margin:0 auto}@keyframes co-dt-shimmer{0%,100%{opacity:1}50%{opacity:0.4}}.co-data-table__row--skeleton{pointer-events:none;content-visibility:visible}.co-data-table__row--flash-create{animation:co-dt-flash-create 1s ease-out}.co-data-table__row--flash-update{animation:co-dt-flash-update 1s ease-out}.co-data-table__row--flash-delete{animation:co-dt-flash-delete 0.5s ease-out forwards}@keyframes co-dt-flash-create{0%{background-color:rgba(2, 162, 112, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-update{0%{background-color:rgba(37, 99, 235, 0.15)}100%{background-color:transparent}}@keyframes co-dt-flash-delete{0%{opacity:1;background-color:rgba(170, 46, 27, 0.1)}100%{opacity:0;height:0;padding:0;overflow:hidden}}"}},[260,"co-data-table",{columns:[1],rows:[1],rowKey:[1,"row-key"],loading:[4],skeletonRows:[2,"skeleton-rows"],emptyTitle:[1,"empty-title"],emptyMessage:[1,"empty-message"],emptyIcon:[1,"empty-icon"],sortField:[1537,"sort-field"],sortOrder:[1537,"sort-order"],selectable:[4],selectedKeys:[1025,"selected-keys"],resizable:[4],parsedColumns:[32],parsedRows:[32],parsedSelectedKeys:[32],columnWidths:[32],resizingColumn:[32],resizeStartX:[32],resizeStartWidth:[32]},void 0,{columns:[{parseColumns:0}],rows:[{parseRows:0}],selectedKeys:[{parseSelectedKeys:0}]}]);function r(){"undefined"!=typeof customElements&&["co-data-table","co-checkbox","co-icon"].forEach((e=>{switch(e){case"co-data-table":customElements.get(t(e))||customElements.define(t(e),l);break;case"co-checkbox":customElements.get(t(e))||s();break;case"co-icon":customElements.get(t(e))||c()}}))}r();const n=l,d=r;export{n as CoDataTable,d as defineCustomElement}

package/dist/components/co-date-field.js

@@ -1 +1 @@
-import{C as o,d as r}from"./p-o8hrDIKe.js";const s=o,p=r;export{s as CoDateField,p as defineCustomElement}
+import{C as o,d as s}from"./p-Ba4v1NXo.js";const a=o,p=s;export{a as CoDateField,p as defineCustomElement}

package/dist/components/co-date-picker.js

@@ -1 +1 @@
-import{t,p as e,H as i,c as s,h as o}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{g as r}from"./p-C1DCLOEl.js";import{d as c}from"./p-C9tHLXKS.js";import{d as h}from"./p-o8hrDIKe.js";import{d as l}from"./p-DBhNS7JD.js";import{d as n}from"./p-DPi_U-Kl.js";import{d}from"./p-OGpfa9Yd.js";import{d as p}from"./p-MiSJXuBx.js";import{d as m}from"./p-BXdfh__-.js";const u=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coInput=s(this,"coInput",7),this.coChange=s(this,"coChange",7),this.coInvalid=s(this,"coInvalid",7),this.coClear=s(this,"coClear",7),this.coFocus=s(this,"coFocus",7),this.coBlur=s(this,"coBlur",7),this.coOpen=s(this,"coOpen",3),this.coClose=s(this,"coClose",3),this.value=null,this.locale="es-CO",this.displayFormat="d MMM yyyy",this.firstDayOfWeek=1,this.size="md",this.disabled=!1,this.readonly=!1,this.required=!1,this.clearable=!0,this.invalid=!1,this.layout="vertical",this.placement="bottom-start",this.closeOnSelect=!0,this.open=!1,this.mobileBreakpoint=600,this.isMobile=!1,this.internalInvalid=!1,this.pendingFocusGrid=!1,this.pendingFocusField=!1,this.mqlHandler=t=>{this.isMobile=t.matches},this.onFieldChange=t=>{this.value=t.detail,this.internalInvalid=!1,this.coChange.emit(t.detail)},this.onFieldInput=t=>{this.coInput.emit(t.detail)},this.onFieldInvalid=t=>{this.internalInvalid=!0,this.coInvalid.emit(t.detail)},this.onFieldClear=()=>{this.value=null,this.internalInvalid=!1,this.coClear.emit()},this.onFieldKeyDown=t=>{"ArrowDown"===t.key&&(t.preventDefault(),this.open||this.setOpen(!0),this.pendingFocusGrid=!0,this.calendarEl&&this.focusGridSoon())},this.onCalendarSelect=t=>{this.value=t.detail,this.internalInvalid=!1,this.coChange.emit(t.detail),this.closeOnSelect&&(this.setOpen(!1),this.pendingFocusField=!0)},this.onPopoverOpen=()=>{this.open||(this.open=!0,this.coOpen.emit())},this.onPopoverClose=()=>{this.open&&(this.open=!1,this.coClose.emit())},this.onRootKeyDown=t=>{"Escape"===t.key&&this.open&&(t.stopPropagation(),this.setOpen(!1),this.pendingFocusField=!0)}}connectedCallback(){this.mql=window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`),this.isMobile=this.mql.matches,this.mql.addEventListener("change",this.mqlHandler)}disconnectedCallback(){var t;null===(t=this.mql)||void 0===t||t.removeEventListener("change",this.mqlHandler)}get isInvalid(){return this.invalid||this.internalInvalid}setOpen(t){this.open!==t&&(this.open=t,t?this.coOpen.emit():this.coClose.emit())}focusGridSoon(){requestAnimationFrame((()=>{var t,e;null===(e=null===(t=this.calendarEl)||void 0===t?void 0:t.focusGrid)||void 0===e||e.call(t)}))}componentDidRender(){var t,e;this.pendingFocusGrid&&this.open&&this.calendarEl&&(this.pendingFocusGrid=!1,this.focusGridSoon()),this.pendingFocusField&&(this.pendingFocusField=!1,null===(e=null===(t=this.fieldEl)||void 0===t?void 0:t.focusInput)||void 0===e||e.call(t))}renderField(){return o("co-date-field",{ref:t=>this.fieldEl=t,value:this.value,min:this.min,max:this.max,disabledDates:this.disabledDates,disabledDaysOfWeek:this.disabledDaysOfWeek,locale:this.locale,displayFormat:this.displayFormat,placeholder:this.placeholder,size:this.size,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,clearable:this.clearable,invalid:this.isInvalid,onCoChange:this.onFieldChange,onCoInput:this.onFieldInput,onCoInvalid:this.onFieldInvalid,onCoClear:this.onFieldClear,onCoFocus:()=>this.coFocus.emit(),onCoBlur:()=>this.coBlur.emit()})}renderCalendar(t){return o("co-calendar",{ref:t=>this.calendarEl=t,"data-touch":t?"":void 0,value:this.value,min:this.min,max:this.max,disabledDates:this.disabledDates,disabledDaysOfWeek:this.disabledDaysOfWeek,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,onCoSelect:this.onCalendarSelect})}renderHelper(){const t=this.isInvalid?this.errorMessage:this.helperText;return t?o("div",{class:{"co-date-picker__helper":!0,"co-date-picker__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&o("co-icon",{name:"warning-circle",size:14}),o("span",null,t)):null}render(){if(this.isMobile){const t=r(this.locale);return o("div",{class:"co-date-picker co-date-picker--mobile",onKeyDown:this.onRootKeyDown},this.label&&o("label",{class:"co-date-picker__label",part:"label"},this.label,o(a,{required:this.required})),o("div",{class:"co-date-picker__trigger",onClick:()=>!this.disabled&&this.setOpen(!0)},this.renderField()),o("co-drawer",{position:"bottom",open:this.open,heading:t.selectDate,onCoClose:()=>this.setOpen(!1)},o("div",{class:"co-date-picker__sheet"},this.renderCalendar(!0))),this.renderHelper())}return o("div",{class:"co-date-picker",onKeyDown:this.onRootKeyDown},this.label&&o("label",{class:"co-date-picker__label",part:"label"},this.label,o(a,{required:this.required})),o("co-popover",{open:this.open,placement:this.placement,offset:4,closeOnEscape:!1,onCoOpen:this.onPopoverOpen,onCoClose:this.onPopoverClose},o("div",{slot:"trigger",class:"co-date-picker__trigger",onKeyDown:this.onFieldKeyDown},this.renderField()),this.open&&o("div",{class:"co-date-picker__panel"},this.renderCalendar(!1))),this.renderHelper())}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary)}.co-date-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-picker__label{padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-date-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-date-picker__helper--error{color:var(--co-semantic-status-error)}.co-date-picker co-popover{display:block;width:100%}.co-date-picker__trigger{display:block;width:100%;cursor:text}.co-date-picker__panel{padding:var(--co-spacing-md)}.co-date-picker__sheet{display:flex;justify-content:center;padding:var(--co-spacing-sm) 0 var(--co-spacing-lg)}:host([layout='horizontal']) .co-date-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-picker>:not(.co-date-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[1,"co-date-picker",{value:[1025],min:[1],max:[1],disabledDates:[1,"disabled-dates"],disabledDaysOfWeek:[1,"disabled-days-of-week"],locale:[1],displayFormat:[1,"display-format"],firstDayOfWeek:[2,"first-day-of-week"],label:[1],placeholder:[1],size:[513],name:[1],disabled:[4],readonly:[4],required:[4],clearable:[4],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],layout:[513],placement:[1],closeOnSelect:[4,"close-on-select"],open:[1540],mobileBreakpoint:[2,"mobile-breakpoint"],isMobile:[32],internalInvalid:[32]}]);function f(){"undefined"!=typeof customElements&&["co-date-picker","co-calendar","co-date-field","co-drawer","co-icon","co-loader","co-overlay","co-popover"].forEach((e=>{switch(e){case"co-date-picker":customElements.get(t(e))||customElements.define(t(e),u);break;case"co-calendar":customElements.get(t(e))||c();break;case"co-date-field":customElements.get(t(e))||h();break;case"co-drawer":customElements.get(t(e))||l();break;case"co-icon":customElements.get(t(e))||n();break;case"co-loader":customElements.get(t(e))||d();break;case"co-overlay":customElements.get(t(e))||p();break;case"co-popover":customElements.get(t(e))||m()}}))}f();const g=u,v=f;export{g as CoDatePicker,v as defineCustomElement}
+import{t,p as e,H as i,c as s,h as o}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{g as r}from"./p-C1DCLOEl.js";import{d as c}from"./p-DeZxp9vb.js";import{d as l}from"./p-Ba4v1NXo.js";import{d as h}from"./p-WZ06pT2Y.js";import{d as n}from"./p-BNKz39GA.js";import{d}from"./p-DzoNGEDU.js";import{d as p}from"./p-DxCFMMfY.js";import{d as m}from"./p-tloAgDin.js";const u=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coInput=s(this,"coInput",7),this.coChange=s(this,"coChange",7),this.coInvalid=s(this,"coInvalid",7),this.coClear=s(this,"coClear",7),this.coFocus=s(this,"coFocus",7),this.coBlur=s(this,"coBlur",7),this.coOpen=s(this,"coOpen",3),this.coClose=s(this,"coClose",3),this.value=null,this.locale="es-CO",this.displayFormat="d MMM yyyy",this.firstDayOfWeek=1,this.size="md",this.disabled=!1,this.readonly=!1,this.required=!1,this.clearable=!0,this.invalid=!1,this.layout="vertical",this.placement="bottom-start",this.closeOnSelect=!0,this.open=!1,this.mobileBreakpoint=600,this.isMobile=!1,this.internalInvalid=!1,this.pendingFocusGrid=!1,this.pendingFocusField=!1,this.mqlHandler=t=>{this.isMobile=t.matches},this.onFieldChange=t=>{this.value=t.detail,this.internalInvalid=!1,this.coChange.emit(t.detail)},this.onFieldInput=t=>{this.coInput.emit(t.detail)},this.onFieldInvalid=t=>{this.internalInvalid=!0,this.coInvalid.emit(t.detail)},this.onFieldClear=()=>{this.value=null,this.internalInvalid=!1,this.coClear.emit()},this.onFieldKeyDown=t=>{"ArrowDown"===t.key&&(t.preventDefault(),this.open||this.setOpen(!0),this.pendingFocusGrid=!0,this.calendarEl&&this.focusGridSoon())},this.onCalendarSelect=t=>{this.value=t.detail,this.internalInvalid=!1,this.coChange.emit(t.detail),this.closeOnSelect&&(this.setOpen(!1),this.pendingFocusField=!0)},this.onPopoverOpen=()=>{this.open||(this.open=!0,this.coOpen.emit())},this.onPopoverClose=()=>{this.open&&(this.open=!1,this.coClose.emit())},this.onRootKeyDown=t=>{"Escape"===t.key&&this.open&&(t.stopPropagation(),this.setOpen(!1),this.pendingFocusField=!0)}}connectedCallback(){this.mql=window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`),this.isMobile=this.mql.matches,this.mql.addEventListener("change",this.mqlHandler)}disconnectedCallback(){var t;null===(t=this.mql)||void 0===t||t.removeEventListener("change",this.mqlHandler)}get isInvalid(){return this.invalid||this.internalInvalid}setOpen(t){this.open!==t&&(this.open=t,t?this.coOpen.emit():this.coClose.emit())}focusGridSoon(){requestAnimationFrame((()=>{var t,e;null===(e=null===(t=this.calendarEl)||void 0===t?void 0:t.focusGrid)||void 0===e||e.call(t)}))}componentDidRender(){var t,e;this.pendingFocusGrid&&this.open&&this.calendarEl&&(this.pendingFocusGrid=!1,this.focusGridSoon()),this.pendingFocusField&&(this.pendingFocusField=!1,null===(e=null===(t=this.fieldEl)||void 0===t?void 0:t.focusInput)||void 0===e||e.call(t))}renderField(){return o("co-date-field",{ref:t=>this.fieldEl=t,value:this.value,min:this.min,max:this.max,disabledDates:this.disabledDates,disabledDaysOfWeek:this.disabledDaysOfWeek,locale:this.locale,displayFormat:this.displayFormat,placeholder:this.placeholder,size:this.size,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,clearable:this.clearable,invalid:this.isInvalid,onCoChange:this.onFieldChange,onCoInput:this.onFieldInput,onCoInvalid:this.onFieldInvalid,onCoClear:this.onFieldClear,onCoFocus:()=>this.coFocus.emit(),onCoBlur:()=>this.coBlur.emit()})}renderCalendar(t){return o("co-calendar",{ref:t=>this.calendarEl=t,"data-touch":t?"":void 0,value:this.value,min:this.min,max:this.max,disabledDates:this.disabledDates,disabledDaysOfWeek:this.disabledDaysOfWeek,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,onCoSelect:this.onCalendarSelect})}renderHelper(){const t=this.isInvalid?this.errorMessage:this.helperText;return t?o("div",{class:{"co-date-picker__helper":!0,"co-date-picker__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&o("co-icon",{name:"warning-circle",size:14}),o("span",null,t)):null}render(){if(this.isMobile){const t=r(this.locale);return o("div",{class:"co-date-picker co-date-picker--mobile",onKeyDown:this.onRootKeyDown},this.label&&o("label",{class:"co-date-picker__label",part:"label"},this.label,o(a,{required:this.required})),o("div",{class:"co-date-picker__trigger",onClick:()=>!this.disabled&&this.setOpen(!0)},this.renderField()),o("co-drawer",{position:"bottom",open:this.open,heading:t.selectDate,onCoClose:()=>this.setOpen(!1)},o("div",{class:"co-date-picker__sheet"},this.renderCalendar(!0))),this.renderHelper())}return o("div",{class:"co-date-picker",onKeyDown:this.onRootKeyDown},this.label&&o("label",{class:"co-date-picker__label",part:"label"},this.label,o(a,{required:this.required})),o("co-popover",{open:this.open,placement:this.placement,offset:4,closeOnEscape:!1,onCoOpen:this.onPopoverOpen,onCoClose:this.onPopoverClose},o("div",{slot:"trigger",class:"co-date-picker__trigger",onKeyDown:this.onFieldKeyDown},this.renderField()),this.open&&o("div",{class:"co-date-picker__panel"},this.renderCalendar(!1))),this.renderHelper())}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary)}.co-date-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-picker__label{padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-date-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-date-picker__helper--error{color:var(--co-semantic-status-error)}.co-date-picker co-popover{display:block;width:100%}.co-date-picker__trigger{display:block;width:100%;cursor:text}.co-date-picker__panel{padding:var(--co-spacing-md)}.co-date-picker__sheet{display:flex;justify-content:center;padding:var(--co-spacing-sm) 0 var(--co-spacing-lg)}:host([layout='horizontal']) .co-date-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-picker>:not(.co-date-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[1,"co-date-picker",{value:[1025],min:[1],max:[1],disabledDates:[1,"disabled-dates"],disabledDaysOfWeek:[1,"disabled-days-of-week"],locale:[1],displayFormat:[1,"display-format"],firstDayOfWeek:[2,"first-day-of-week"],label:[1],placeholder:[1],size:[513],name:[1],disabled:[4],readonly:[4],required:[4],clearable:[4],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],layout:[513],placement:[1],closeOnSelect:[4,"close-on-select"],open:[1540],mobileBreakpoint:[2,"mobile-breakpoint"],isMobile:[32],internalInvalid:[32]}]);function f(){"undefined"!=typeof customElements&&["co-date-picker","co-calendar","co-date-field","co-drawer","co-icon","co-loader","co-overlay","co-popover"].forEach((e=>{switch(e){case"co-date-picker":customElements.get(t(e))||customElements.define(t(e),u);break;case"co-calendar":customElements.get(t(e))||c();break;case"co-date-field":customElements.get(t(e))||l();break;case"co-drawer":customElements.get(t(e))||h();break;case"co-icon":customElements.get(t(e))||n();break;case"co-loader":customElements.get(t(e))||d();break;case"co-overlay":customElements.get(t(e))||p();break;case"co-popover":customElements.get(t(e))||m()}}))}f();const g=u,v=f;export{g as CoDatePicker,v as defineCustomElement}

package/dist/components/co-date-range-picker.js

@@ -1 +1 @@
-import{C as o,d as p}from"./p-BeWXpX8I.js";const s=o,r=p;export{s as CoDateRangePicker,r as defineCustomElement}
+import{C as o,d as s}from"./p-B7vGYFbO.js";const p=o,r=s;export{p as CoDateRangePicker,r as defineCustomElement}

package/dist/components/co-date-range.js

@@ -1 +1 @@
-import{t as e,p as s,H as t,c as a,h as o}from"./index.js";import{d as c}from"./p-C9tHLXKS.js";import{d as r}from"./p-o8hrDIKe.js";import{d as l}from"./p-BeWXpX8I.js";import{d as i}from"./p-DBhNS7JD.js";import{d as p}from"./p-DPi_U-Kl.js";import{d}from"./p-OGpfa9Yd.js";import{d as h}from"./p-MiSJXuBx.js";import{d as n}from"./p-BXdfh__-.js";const m=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.coClear=a(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.helperText="",this.locale="es",this.warned=!1,this.handleApply=e=>{this.value=JSON.stringify(e.detail),this.coChange.emit(e.detail)}}connectedCallback(){this.warned||(this.warned=!0,console.warn("[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>."))}render(){return o("co-date-range-picker",{key:"52a80ab59ff863209e62f5dcddbc674ea32a662c",value:this.value,label:this.label,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,presets:this.presets,helperText:this.helperText,locale:this.locale,applyLabel:this.applyLabel,clearLabel:this.clearLabel,onCoApply:this.handleApply,onCoClear:()=>this.coClear.emit()})}get el(){return this}static get style(){return":host{display:block}"}},[1,"co-date-range",{value:[1025],label:[1],placeholder:[1],disabled:[4],clearable:[4],presets:[4],helperText:[1,"helper-text"],locale:[1],applyLabel:[1,"apply-label"],clearLabel:[1,"clear-label"]}]);function b(){"undefined"!=typeof customElements&&["co-date-range","co-calendar","co-date-field","co-date-range-picker","co-drawer","co-icon","co-loader","co-overlay","co-popover"].forEach((s=>{switch(s){case"co-date-range":customElements.get(e(s))||customElements.define(e(s),m);break;case"co-calendar":customElements.get(e(s))||c();break;case"co-date-field":customElements.get(e(s))||r();break;case"co-date-range-picker":customElements.get(e(s))||l();break;case"co-drawer":customElements.get(e(s))||i();break;case"co-icon":customElements.get(e(s))||p();break;case"co-loader":customElements.get(e(s))||d();break;case"co-overlay":customElements.get(e(s))||h();break;case"co-popover":customElements.get(e(s))||n()}}))}b();const u=m,f=b;export{u as CoDateRange,f as defineCustomElement}
+import{t as e,p as s,H as t,c as a,h as o}from"./index.js";import{d as c}from"./p-DeZxp9vb.js";import{d as r}from"./p-Ba4v1NXo.js";import{d as l}from"./p-B7vGYFbO.js";import{d as i}from"./p-WZ06pT2Y.js";import{d as p}from"./p-BNKz39GA.js";import{d as n}from"./p-DzoNGEDU.js";import{d}from"./p-DxCFMMfY.js";import{d as h}from"./p-tloAgDin.js";const m=s(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.coClear=a(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.helperText="",this.locale="es",this.warned=!1,this.handleApply=e=>{this.value=JSON.stringify(e.detail),this.coChange.emit(e.detail)}}connectedCallback(){this.warned||(this.warned=!0,console.warn("[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>."))}render(){return o("co-date-range-picker",{key:"0523f38971fe7b9289838d36737fe40f43c8cadc",value:this.value,label:this.label,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,presets:this.presets,helperText:this.helperText,locale:this.locale,applyLabel:this.applyLabel,clearLabel:this.clearLabel,onCoApply:this.handleApply,onCoClear:()=>this.coClear.emit()})}get el(){return this}static get style(){return":host{display:block}"}},[1,"co-date-range",{value:[1025],label:[1],placeholder:[1],disabled:[4],clearable:[4],presets:[4],helperText:[1,"helper-text"],locale:[1],applyLabel:[1,"apply-label"],clearLabel:[1,"clear-label"]}]);function b(){"undefined"!=typeof customElements&&["co-date-range","co-calendar","co-date-field","co-date-range-picker","co-drawer","co-icon","co-loader","co-overlay","co-popover"].forEach((s=>{switch(s){case"co-date-range":customElements.get(e(s))||customElements.define(e(s),m);break;case"co-calendar":customElements.get(e(s))||c();break;case"co-date-field":customElements.get(e(s))||r();break;case"co-date-range-picker":customElements.get(e(s))||l();break;case"co-drawer":customElements.get(e(s))||i();break;case"co-icon":customElements.get(e(s))||p();break;case"co-loader":customElements.get(e(s))||n();break;case"co-overlay":customElements.get(e(s))||d();break;case"co-popover":customElements.get(e(s))||h()}}))}b();const u=m,f=b;export{u as CoDateRange,f as defineCustomElement}

package/dist/components/co-drawer.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-DBhNS7JD.js";const p=o,r=s;export{p as CoDrawer,r as defineCustomElement}
+import{C as o,d as p}from"./p-WZ06pT2Y.js";const s=o,r=p;export{s as CoDrawer,r as defineCustomElement}

package/dist/components/co-empty-state.js

@@ -1 +1 @@
-import{t,p as e,H as c,h as a}from"./index.js";import{d as s}from"./p-DPi_U-Kl.js";const o=e(class extends c{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"6ceb9e648d3afd9d00d235be09c062b2271abf81",class:"co-empty-state",part:"empty-state"},this.icon&&a("div",{key:"126201691f3b95f58c2e1e6a299bd76c6e2469a8",class:"co-empty-state__icon"},a("co-icon",{key:"60e803bec3cac493264240203003f0b76a58b751",name:this.icon,size:40,weight:"light"})),this.heading&&a("div",{key:"9b3a6fc68f92680fe93af4e17defd01979117e92",class:"co-empty-state__heading"},this.heading),this.description&&a("div",{key:"b78224486e9c3b12bb6c4ecccf937f613cc9853e",class:"co-empty-state__description"},this.description),a("div",{key:"b7c66fe9a617b553244f33d35ec515b2c00511ff",class:"co-empty-state__actions"},a("slot",{key:"6e5cf479c0ecc6ccb0c718d5a062fbbc0836e6d8"})))}static get style(){return":host{display:block}.co-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--co-spacing-2xl) var(--co-spacing-xl);font-family:var(--co-font-family-primary);max-width:492px;margin:0 auto}.co-empty-state__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--co-semantic-surface-subtle);color:var(--co-semantic-text-muted);margin-bottom:var(--co-spacing-xl)}.co-empty-state__heading{font-size:var(--co-font-size-20);font-weight:600;color:var(--co-semantic-text-default);margin-bottom:var(--co-spacing-sm)}.co-empty-state__description{font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);line-height:1.5;margin-bottom:var(--co-spacing-xl)}.co-empty-state__actions{display:flex;gap:var(--co-spacing-md);flex-wrap:wrap;justify-content:center}.co-empty-state__actions:empty{display:none}"}},[257,"co-empty-state",{icon:[1],heading:[1],description:[1]}]);function i(){"undefined"!=typeof customElements&&["co-empty-state","co-icon"].forEach((e=>{switch(e){case"co-empty-state":customElements.get(t(e))||customElements.define(t(e),o);break;case"co-icon":customElements.get(t(e))||s()}}))}i();const n=o,r=i;export{n as CoEmptyState,r as defineCustomElement}
+import{t,p as e,H as c,h as a}from"./index.js";import{d as s}from"./p-BNKz39GA.js";const o=e(class extends c{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow()}render(){return a("div",{key:"68397ba09dd6d82282d7db563661336ccc486386",class:"co-empty-state",part:"empty-state"},this.icon&&a("div",{key:"85b31861da503e36312d14a941d3cc143cc07806",class:"co-empty-state__icon"},a("co-icon",{key:"2592b0d3f395455a4bf9986ce91e7df38506baec",name:this.icon,size:40,weight:"light"})),this.heading&&a("div",{key:"f949906b9403693d90b7591fa92232cb65820fcd",class:"co-empty-state__heading"},this.heading),this.description&&a("div",{key:"229b1ec71c70b1fdd5caa1e00b8013e5d0b55c8f",class:"co-empty-state__description"},this.description),a("div",{key:"b24817feb623386a92d4c7442631f624828f9f4a",class:"co-empty-state__actions"},a("slot",{key:"f5819e1b60a761950b2f1c7d16ac40db9f120d97"})))}static get style(){return":host{display:block}.co-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--co-spacing-2xl) var(--co-spacing-xl);font-family:var(--co-font-family-primary);max-width:492px;margin:0 auto}.co-empty-state__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--co-semantic-surface-subtle);color:var(--co-semantic-text-muted);margin-bottom:var(--co-spacing-xl)}.co-empty-state__heading{font-size:var(--co-font-size-20);font-weight:600;color:var(--co-semantic-text-default);margin-bottom:var(--co-spacing-sm)}.co-empty-state__description{font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);line-height:1.5;margin-bottom:var(--co-spacing-xl)}.co-empty-state__actions{display:flex;gap:var(--co-spacing-md);flex-wrap:wrap;justify-content:center}.co-empty-state__actions:empty{display:none}"}},[257,"co-empty-state",{icon:[1],heading:[1],description:[1]}]);function i(){"undefined"!=typeof customElements&&["co-empty-state","co-icon"].forEach((e=>{switch(e){case"co-empty-state":customElements.get(t(e))||customElements.define(t(e),o);break;case"co-icon":customElements.get(t(e))||s()}}))}i();const n=o,r=i;export{n as CoEmptyState,r as defineCustomElement}

package/dist/components/co-event-calendar.d.ts

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

package/dist/components/co-event-calendar.js

@@ -0,0 +1 @@
+import{t,p as e,H as a,c as i,h as s}from"./index.js";import{g as o}from"./p-C1DCLOEl.js";import{t as n,a as c,d as r,g as l}from"./p-C_ULDaks.js";import{d}from"./p-BNKz39GA.js";import{a as h,d as u,p as f,j as b,b as m,g as p}from"./p-CyYF8IJE.js";const v=/^\d{4}-\d{2}-\d{2}$/,x=864e5;function g(t){if(!v.exec(t))return null;const[e,a,i]=t.split("-").map(Number);return a<1||a>12||i<1||i>31?null:Date.UTC(e,a-1,i)}function y(t){return c(t).slice(0,10)}function _(t,e={}){if(!t||!t.id||!t.start)return null;const a=e.defaultDurationMinutes??60,i=!0===t.allDay;let s,o,r,l;if(i){const e=g(t.start.slice(0,10));if(null===e)return null;if(s=e,r=y(e),t.end){const a=g(t.end.slice(0,10));o=null!==a&&a>e?a:e+x}else o=e+x;l=y(o)}else{let e;try{e=n(t.start)}catch{return null}if(s=e,r=t.start,t.end){let i;try{i=n(t.end)}catch{return null}o=i>e?i:e+6e4*a}else o=e+6e4*a;l=c(o)}const d=t.status?e.statusColors?.[t.status]:void 0,h=t.editable??!0;return{id:t.id,title:t.title??"",allDay:i,start:r,end:l,startMs:s,endMs:o,status:t.status,backgroundColor:t.backgroundColor??t.color??d?.backgroundColor,borderColor:t.borderColor??d?.borderColor,className:t.className,editable:h,startEditable:t.startEditable??h,durationEditable:t.durationEditable??h,display:t.display??"block",extendedProps:t.extendedProps??{}}}const k=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coEventClick=i(this,"coEventClick",3),this.coDateSelect=i(this,"coDateSelect",3),this.coEventDrop=i(this,"coEventDrop",3),this.coDatesSet=i(this,"coDatesSet",3),this.coViewChange=i(this,"coViewChange",3),this.coMoreClick=i(this,"coMoreClick",3),this.view="month",this.events=[],this.locale="es-CO",this.editable=!0,this.selectable=!0,this.dayMaxEvents=3,this.firstDayOfWeek=1,this.availableViews=["month"],this.defaultDurationMinutes=60,this.goToday=()=>this.setAnchor(h()),this.goPrev=()=>this.step(-1),this.goNext=()=>this.step(1),this.handleDaySelect=t=>{const e=t.detail.date;this.coDateSelect.emit({start:e,end:u(e,1),allDay:!0})},this.handleEventClick=t=>{const e=this.normalized.find((e=>e.id===t.detail.id));e&&this.coEventClick.emit({event:e})},this.handleEventDrop=t=>{const e=this.normalized.find((e=>e.id===t.detail.id));e&&this.coEventDrop.emit({event:e,start:t.detail.start,end:t.detail.end,oldStart:t.detail.oldStart,oldEnd:t.detail.oldEnd,allDay:t.detail.allDay,revert:()=>{}})},this.handleMoreClick=t=>{const e=t.detail.date,a=this.tz,i=this.normalized.filter((t=>(t.allDay?t.start.slice(0,10):function(t,e){return new Intl.DateTimeFormat("en-CA",{timeZone:e,year:"numeric",month:"2-digit",day:"2-digit"}).format(new Date(t))}(t.startMs,a))===e));this.coMoreClick.emit({date:e,events:i})}}componentWillLoad(){this.anchor=this.date&&f(this.date)?this.date:h()}componentDidLoad(){this.emitDatesSet()}onDateChange(t){t&&f(t)&&t!==this.anchor&&(this.anchor=t,this.emitDatesSet())}get tz(){return this.timeZone||l()}get normalized(){return function(t,e={}){if(!Array.isArray(t))return[];const a=[];for(const i of t){const t=_(i,e);t&&a.push(t)}return a}(function(t){if(Array.isArray(t))return t;if("string"==typeof t&&t.trim())try{const e=JSON.parse(t);return Array.isArray(e)?e:[]}catch(t){return[]}return[]}(this.events),{defaultDurationMinutes:this.defaultDurationMinutes,statusColors:w(this.statusColors)})}get viewsList(){return Array.isArray(this.availableViews)?this.availableViews:(this.availableViews+"").split(",").map((t=>t.trim())).filter(Boolean)}visibleRange(){const t=f(this.anchor),e=b(t.year,t.month,this.firstDayOfWeek);return{start:e[0][0].value,end:u(e[e.length-1][6].value,1)}}emitDatesSet(){const{start:t,end:e}=this.visibleRange();this.coDatesSet.emit({view:this.view,start:t,end:e,activeDate:this.anchor})}setAnchor(t){this.anchor=t,this.date=t,this.emitDatesSet()}step(t){this.setAnchor("month"===this.view?m(this.anchor,t):u(this.anchor,7*t))}switchView(t){t!==this.view&&(this.view=t,this.coViewChange.emit({view:t}),this.emitDatesSet())}title(){const t=f(this.anchor);return p(t.year,t.month,this.locale,"long")}render(){var t;const e=o(this.locale),a=this.viewsList,i=f(this.anchor);return s("div",{key:"dca7d290407d0815ed127e9ea85bd9581ca1238d",class:"cal"},s("div",{key:"739c0374461233ea08fb1d7ba9dd9104194d4348",class:"cal__toolbar",part:"toolbar"},s("div",{key:"70bc5571180aba131a52a6a46041f0a3a8227819",class:"cal__nav-group"},s("button",{key:"f0308bd1a9eb83b98aaabc9fcc7e08536f34e630",type:"button",class:"cal__btn",onClick:this.goToday},null!==(t=e.today)&&void 0!==t?t:"Today"),s("button",{key:"8979b382c37384f59f00f566afb9ade636944811",type:"button",class:"cal__icon-btn","aria-label":e.prevMonth,onClick:this.goPrev},s("co-icon",{key:"cb83fb82be3f902315c6d1072a3706dc0716fb9a",name:"caret-left",size:16})),s("button",{key:"4505ac7e1fdbe452349f36a696bde9a2f6a8b63e",type:"button",class:"cal__icon-btn","aria-label":e.nextMonth,onClick:this.goNext},s("co-icon",{key:"fee0a868c53fc92ac1e31f8a6e582e3c651a727c",name:"caret-right",size:16}))),s("h2",{key:"4641c225889d32834236e4ff22d60b4777e1625d",class:"cal__title","aria-live":"polite"},this.title()),a.length>1?s("div",{class:"cal__views",role:"tablist"},a.map((t=>{var a;return s("button",{type:"button",role:"tab","aria-selected":this.view===t?"true":"false",class:{"cal__view-btn":!0,"cal__view-btn--active":this.view===t},onClick:()=>this.switchView(t)},null!==(a=e[t])&&void 0!==a?a:t)}))):s("span",{class:"cal__views-spacer"})),s("div",{key:"152eacc1320a7b3d0e33c31e9c6cbf04cd756855",class:"cal__body",part:"body"},"month"===this.view?s("co-calendar-month",{events:this.normalized,year:i.year,month:i.month,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,timeZone:this.tz,minDate:this.minDate,maxDate:this.maxDate,editable:this.editable,selectable:this.selectable,maxLanes:this.dayMaxEvents,onCoDaySelect:this.handleDaySelect,onCoEventClick:this.handleEventClick,onCoEventDrop:this.handleEventDrop,onCoMoreClick:this.handleMoreClick}):s("div",{class:"cal__placeholder"},s("co-icon",{name:"calendar-dots",size:32}),s("p",null,this.view+" view — coming soon"))))}static get watchers(){return{date:[{onDateChange:0}]}}static get style(){return":host{display:flex;flex-direction:column;gap:var(--co-spacing-md);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);block-size:100%;min-block-size:0}.cal{display:flex;flex-direction:column;gap:var(--co-spacing-md);block-size:100%;min-block-size:0}.cal__toolbar{display:flex;align-items:center;gap:var(--co-spacing-md)}.cal__nav-group{display:inline-flex;align-items:center;gap:var(--co-spacing-xs)}.cal__title{flex:1 1 auto;margin:0;text-align:center;font-size:var(--co-font-size-16, 16px);font-weight:600;text-transform:capitalize;color:var(--co-semantic-text-default)}.cal__views-spacer{flex:0 0 auto;inline-size:1px}.cal__btn{height:32px;padding:0 var(--co-spacing-md);background:none;border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.1s ease}.cal__btn:hover{background:var(--co-semantic-surface-hover)}.cal__btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__icon-btn{height:32px;width:32px;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:var(--co-border-radius-xs);color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.1s ease}.cal__icon-btn:hover{background:var(--co-semantic-surface-hover)}.cal__icon-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__views{display:inline-flex;gap:2px;padding:2px;background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-xs)}.cal__view-btn{height:28px;padding:0 var(--co-spacing-md);background:none;border:0;border-radius:var(--co-border-radius-xxs);font-family:inherit;font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-secondary);cursor:pointer;text-transform:capitalize}.cal__view-btn--active{background:var(--co-semantic-surface-page);color:var(--co-semantic-text-default);font-weight:600;box-shadow:0 1px 2px rgba(0, 0, 0, 0.08)}.cal__view-btn:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:1px}.cal__body{flex:1 1 auto;min-block-size:0;display:flex;flex-direction:column}.cal__body co-calendar-month{flex:1 1 auto;min-block-size:0}.cal__placeholder{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-sm);color:var(--co-semantic-text-muted);text-transform:capitalize}"}},[1,"co-event-calendar",{view:[1537],date:[1025],events:[1],locale:[1],timeZone:[1,"time-zone"],editable:[4],selectable:[4],dayMaxEvents:[2,"day-max-events"],minDate:[1,"min-date"],maxDate:[1,"max-date"],firstDayOfWeek:[2,"first-day-of-week"],availableViews:[1,"available-views"],statusColors:[1,"status-colors"],defaultDurationMinutes:[2,"default-duration-minutes"],anchor:[32]},void 0,{date:[{onDateChange:0}]}]);function w(t){if(t){if("string"==typeof t)try{return JSON.parse(t)}catch(t){return}return t}}function C(){"undefined"!=typeof customElements&&["co-event-calendar","co-calendar-month","co-icon"].forEach((e=>{switch(e){case"co-event-calendar":customElements.get(t(e))||customElements.define(t(e),k);break;case"co-calendar-month":customElements.get(t(e))||r();break;case"co-icon":customElements.get(t(e))||d()}}))}C();const D=k,z=C;export{D as CoEventCalendar,z as defineCustomElement}

package/dist/components/co-fab.js

@@ -1 +1 @@
-import{t as o,p as a,H as e,c as t,h as i}from"./index.js";import{d as s}from"./p-DPi_U-Kl.js";const c=a(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coClick=t(this,"coClick",7),this.icon="plus",this.variant="primary",this.size="m",this.disabled=!1,this.position="none",this.handleClick=()=>{this.disabled||this.coClick.emit()}}render(){const o="l"===this.size?24:"s"===this.size?18:20,a=!!this.label;return i("button",{key:"90ffc7d273a4aca5bbe3214d9f6ba3a8c5d063da",class:{"co-fab":!0,["co-fab--"+this.variant]:!0,["co-fab--"+this.size]:!0,"co-fab--extended":a,"co-fab--disabled":this.disabled,["co-fab--"+this.position]:"none"!==this.position},type:"button",disabled:this.disabled,onClick:this.handleClick,"aria-label":this.label||this.icon},i("co-icon",{key:"29745cdc0f20d21d4d5a130d523f7a6839a9927c",name:this.icon,size:o}),this.label&&i("span",{key:"9314aa4e634e2bb3280bc9015e6a60b265afca43",class:"co-fab__label"},this.label))}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--l{width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:24px;right:24px;z-index:1000}.co-fab--bottom-left{position:fixed;bottom:24px;left:24px;z-index:1000}.co-fab--top-right{position:fixed;top:24px;right:24px;z-index:1000}.co-fab--top-left{position:fixed;top:24px;left:24px;z-index:1000}.co-fab__label{line-height:1}"}},[1,"co-fab",{icon:[1],label:[1],variant:[1],size:[1],disabled:[4],position:[1]}]);function r(){"undefined"!=typeof customElements&&["co-fab","co-icon"].forEach((a=>{switch(a){case"co-fab":customElements.get(o(a))||customElements.define(o(a),c);break;case"co-icon":customElements.get(o(a))||s()}}))}r();const n=c,d=r;export{n as CoFab,d as defineCustomElement}
+import{t as o,p as e,H as a,c as t,h as i}from"./index.js";import{d as s}from"./p-BNKz39GA.js";const c=e(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coClick=t(this,"coClick",7),this.icon="plus",this.variant="primary",this.size="m",this.disabled=!1,this.position="none",this.handleClick=()=>{this.disabled||this.coClick.emit()}}render(){const o="l"===this.size?24:"s"===this.size?18:20,e=!!this.label;return i("button",{key:"4e5be05c3e525fa2de4930300f562d2da993cd60",class:{"co-fab":!0,["co-fab--"+this.variant]:!0,["co-fab--"+this.size]:!0,"co-fab--extended":e,"co-fab--disabled":this.disabled,["co-fab--"+this.position]:"none"!==this.position},type:"button",disabled:this.disabled,onClick:this.handleClick,"aria-label":this.label||this.icon},i("co-icon",{key:"a827e3c5bfc7fdd162c8618443eb6696a4659709",name:this.icon,size:o}),this.label&&i("span",{key:"879b3be3bc35fc7b2eeeebc9263e2d9a10e3f5ba",class:"co-fab__label"},this.label))}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);line-height:1}.co-fab{display:inline-flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:none;border-radius:var(--co-border-radius-full);cursor:pointer;font-family:inherit;font-weight:500;white-space:nowrap;box-sizing:border-box;transition:background 0.15s ease, box-shadow 0.15s ease, transform 0.1s ease;box-shadow:0 4px 12px rgba(31, 28, 27, 0.15)}.co-fab--l{width:56px;height:56px;font-size:var(--co-font-size-16)}.co-fab--m{width:48px;height:48px;font-size:var(--co-font-size-14)}.co-fab--s{width:40px;height:40px;font-size:var(--co-font-size-14)}.co-fab--extended{width:auto;border-radius:var(--co-border-radius-lg)}.co-fab--extended.co-fab--l{padding:0 var(--co-spacing-xl)}.co-fab--extended.co-fab--m{padding:0 var(--co-spacing-lg)}.co-fab--extended.co-fab--s{padding:0 var(--co-spacing-md)}.co-fab--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-fab--primary:hover:not(:disabled){box-shadow:0 6px 20px rgba(31, 28, 27, 0.2);transform:translateY(-1px)}.co-fab--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-subtle)}.co-fab--secondary:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-fab--stroke:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-fab:active:not(:disabled){transform:translateY(0) scale(0.96)}.co-fab--disabled{opacity:0.4;cursor:not-allowed;box-shadow:none}.co-fab--bottom-right{position:fixed;bottom:24px;right:24px;z-index:1000}.co-fab--bottom-left{position:fixed;bottom:24px;left:24px;z-index:1000}.co-fab--top-right{position:fixed;top:24px;right:24px;z-index:1000}.co-fab--top-left{position:fixed;top:24px;left:24px;z-index:1000}.co-fab__label{line-height:1}"}},[1,"co-fab",{icon:[1],label:[1],variant:[1],size:[1],disabled:[4],position:[1]}]);function r(){"undefined"!=typeof customElements&&["co-fab","co-icon"].forEach((e=>{switch(e){case"co-fab":customElements.get(o(e))||customElements.define(o(e),c);break;case"co-icon":customElements.get(o(e))||s()}}))}r();const n=c,d=r;export{n as CoFab,d as defineCustomElement}