@prolibu-suite/cobalt-core 0.1.2 → 0.2.0

package/dist/components/co-autocomplete.js

@@ -1 +1 @@
-import{p as e,H as o,c as t,h as c,t as a}from"./index.js";import{d as s}from"./p-B18FTYLq.js";import{d as i}from"./p-wwWquAtm.js";import{d as r}from"./p-OGpfa9Yd.js";const l=e(class e extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=t(this,"coSearch",7),this.coChange=t(this,"coChange",7),this.coClear=t(this,"coClear",7),this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.debounce=300,this.emptyText="No results",this.isOpen=!1,this.query="",this.scrollTop=0,this.focused=!1,this.handleInput=e=>{const o=e.target.value;this.query=o,this.debounceTimer&&clearTimeout(this.debounceTimer),o.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(o)),this.debounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=e=>{var o;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit(this.multiple?[]:""),null===(o=this.inputEl)||void 0===o||o.focus()},this.handleOptionClick=e=>{if(this.multiple){const o=[...this.selectedValues],t=o.indexOf(e);t>=0?o.splice(t,1):o.push(e),this.value=JSON.stringify(o),this.coChange.emit(o)}else{this.value=e;const o=this.parsedOptions.find((o=>o.value===e));this.query=o?o.label:e,this.isOpen=!1,this.coChange.emit(e)}},this.handleChipRemove=e=>{const o=this.selectedValues.filter((o=>o!==e));this.value=JSON.stringify(o),this.coChange.emit(o)},this.handleOptionsScroll=e=>{this.scrollTop=e.target.scrollTop}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0)}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}getVirtualSlice(o){const{ITEM_HEIGHT:t,VIEWPORT_ITEMS:c,OVERSCAN:a}=e,s=o.length,i=s*t,r=Math.max(0,Math.floor(this.scrollTop/t)-a);return{totalHeight:i,startIdx:r,endIdx:Math.min(s,r+c+2*a),offsetY:r*t}}render(){const e=this.parsedOptions,o=this.selectedValues;return c("div",{key:"dbd82d4fea4be6c88ccb2d7ad1668930287f3bf4",class:{"co-autocomplete":!0,"co-autocomplete--open":this.isOpen,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,["co-autocomplete--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&c("div",{key:"619ff765f8c68972c4d853522c94dafbd413031f",class:"co-autocomplete__labels"},this.label&&c("label",{key:"236092f42ae1bc8ef6fff3531d1c02b1705377d0",class:"co-autocomplete__label"},this.label),this.secondaryLabel&&c("span",{key:"df13b42541d364a4acba43167827a38b0b27a87c",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),c("div",{key:"598863a3ee42e0a01f6af5812b14f3407a0d73b6",class:"co-autocomplete__field"},this.iconLeft&&c("co-icon",{key:"0d3aebb200b280a8f2aadaeba74aa45da06c35d7",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&o.length>0&&c("div",{key:"5148b7f3a278fe9da74069f0da7d6a19dad2ee91",class:"co-autocomplete__chips"},o.map((e=>{const o=this.parsedOptions.find((o=>o.value===e));return c("co-chip",{label:o?o.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),c("input",{key:"d8f3fb968e2b8ff43d2491b1a7953932e911a9b6",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus}),this.loading&&c("div",{key:"b4dfcbd7f46b446eb556db8c917856ba5e5f204a",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&c("button",{key:"aeac31c30449143fe88be0b91631a630a18c6d55",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},c("co-icon",{key:"6709b702bb00bc1bb7da642f5b2c732a4779c668",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&c("div",{key:"2839b0fa43c6a8680aa38b6a042460d1982a78ee",class:"co-autocomplete__dropdown"},this.loading&&0===e.length?c("div",{class:"co-autocomplete__loading"},c("co-loader",{size:"sm"})):0===e.length?c("div",{class:"co-autocomplete__empty"},this.emptyText):c("div",{class:"co-autocomplete__options",onScroll:this.handleOptionsScroll},(()=>{const{totalHeight:t,startIdx:a,endIdx:s,offsetY:i}=this.getVirtualSlice(e);return c("div",{class:"co-autocomplete__virtual-spacer",style:{height:t+"px",position:"relative"}},c("div",{style:{position:"absolute",top:i+"px",left:"0",right:"0"}},e.slice(a,s).map((e=>{const t=o.includes(e.value),a=!!e.disabled;return c("div",{class:{"co-autocomplete__option":!0,"co-autocomplete__option--selected":t,"co-autocomplete__option--disabled":a},onClick:()=>!a&&this.handleOptionClick(e.value)},e.icon&&c("co-icon",{name:e.icon,size:20,class:"co-autocomplete__option-icon"}),c("span",{class:"co-autocomplete__option-label"},e.label),t&&c("co-icon",{name:"check",size:16,class:"co-autocomplete__option-check"}))}))))})())),this.helperText&&c("div",{key:"6963253e4d2a6032c12867223a0cb443ac20e9a9",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&c("co-icon",{key:"58ecb88fc2d2584dc425e66c6b90644369a3294f",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),c("span",{key:"65d7364007679d734d0774558441bd4d473cd42b",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}]}}static get style(){return":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-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-autocomplete__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);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;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-status-error)}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;padding:var(--co-spacing-sm2)}.co-autocomplete__options{max-height:calc(34px * 8);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--co-semantic-border-default) transparent}.co-autocomplete__options::-webkit-scrollbar{width:6px}.co-autocomplete__options::-webkit-scrollbar-track{background:transparent}.co-autocomplete__options::-webkit-scrollbar-thumb{background:var(--co-semantic-border-default);border-radius:var(--co-border-radius-full)}.co-autocomplete__option{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);cursor:pointer;transition:background 0.1s ease;min-height:32px;box-sizing:border-box}.co-autocomplete__option:hover{background:var(--co-semantic-surface-hover)}.co-autocomplete__option--selected{background:var(--co-semantic-surface-muted)}.co-autocomplete__option--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-autocomplete__option-icon{flex-shrink:0;color:var(--co-semantic-text-muted)}.co-autocomplete__option-label{flex:1;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-autocomplete__loading,.co-autocomplete__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-md);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-status-error)}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-status-success)}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-color-status-review)}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-status-info)}"}},[1,"co-autocomplete",{label:[1],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],debounce:[2],emptyText:[1,"empty-text"],isOpen:[32],query:[32],scrollTop:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}]}]);function n(){"undefined"!=typeof customElements&&["co-autocomplete","co-chip","co-icon","co-loader"].forEach((e=>{switch(e){case"co-autocomplete":customElements.get(a(e))||customElements.define(a(e),l);break;case"co-chip":customElements.get(a(e))||s();break;case"co-icon":customElements.get(a(e))||i();break;case"co-loader":customElements.get(a(e))||r()}}))}l.ITEM_HEIGHT=34,l.VIEWPORT_ITEMS=8,l.OVERSCAN=3,n();const p=l,d=n;export{p as CoAutocomplete,d as defineCustomElement}
+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{d as l}from"./p-CaMgu2_g.js";import{d as c}from"./p-DPi_U-Kl.js";import{d as n}from"./p-OGpfa9Yd.js";const d=o(class o extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coSearch=r(this,"coSearch",7),this.coChange=r(this,"coChange",7),this.coClear=r(this,"coClear",7),this.required=!1,this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.layout="vertical",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.debounce=300,this.emptyText="No results",this.isOpen=!1,this.query="",this.scrollTop=0,this.focused=!1,this.handleInput=o=>{const e=o.target.value;this.query=e,this.debounceTimer&&clearTimeout(this.debounceTimer),e.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(e)),this.debounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=o=>{var e;o.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit(this.multiple?[]:""),null===(e=this.inputEl)||void 0===e||e.focus()},this.handleOptionClick=o=>{if(this.multiple){const e=[...this.selectedValues],r=e.indexOf(o);r>=0?e.splice(r,1):e.push(o),this.value=JSON.stringify(e),this.coChange.emit(e)}else{this.value=o;const e=this.parsedOptions.find((e=>e.value===o));this.query=e?e.label:o,this.isOpen=!1,this.coChange.emit(o)}},this.handleChipRemove=o=>{const e=this.selectedValues.filter((e=>e!==o));this.value=JSON.stringify(e),this.coChange.emit(e)},this.handleOptionsScroll=o=>{this.scrollTop=o.target.scrollTop}}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}componentWillLoad(){this.syncQueryFromValue()}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0),this.focused||this.syncQueryFromValue()}onValueChange(){this.syncQueryFromValue()}syncQueryFromValue(){if(!this.multiple&&"string"==typeof this.value&&this.value){const o=this.parsedOptions.find((o=>o.value===this.value));this.query=o?o.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(o){this.el.contains(o.target)||(this.isOpen=!1,this.focused=!1)}getVirtualSlice(e){const{ITEM_HEIGHT:r,VIEWPORT_ITEMS:a,OVERSCAN:t}=o,s=e.length,i=s*r,l=Math.max(0,Math.floor(this.scrollTop/r)-t);return{totalHeight:i,startIdx:l,endIdx:Math.min(s,l+a+2*t),offsetY:l*r}}componentDidRender(){this.isOpen&&this.optionsEl&&!this.osInstance?this.osInstance=i(this.optionsEl,(o=>{this.scrollTop=o.scrollTop})):!this.isOpen&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}disconnectedCallback(){var o;null===(o=this.osInstance)||void 0===o||o.destroy(),this.osInstance=void 0}render(){const o=this.parsedOptions,e=this.selectedValues;return a("div",{key:"ce31954b886934fec694f6c08e8fd0ec358aa8e6",class:{"co-autocomplete":!0,"co-autocomplete--open":this.isOpen,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,["co-autocomplete--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&a("div",{key:"b71d3070d2bcce5adf61e1e88d06909b416ee4be",class:"co-autocomplete__labels"},this.label&&a("label",{key:"add95254b2680cbb8f97a9b5b396ad4d89e1068e",class:"co-autocomplete__label"},this.label,a(s,{key:"e92fe73557be2f133615b1271d5c5607a568ce42",required:this.required})),this.secondaryLabel&&a("span",{key:"b1000110ba12d6ebd8e59de414053bb4181c2ae8",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"d47ff0409a8b2f061fd4b1327c86a6eb7ab4d5a0",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"490f639278ac1d92f8e5da2526941ae1eca155d6",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&e.length>0&&a("div",{key:"72c1e36ff8f609803a04183b500b73fd66638b5e",class:"co-autocomplete__chips"},e.map((o=>{const e=this.parsedOptions.find((e=>e.value===o));return a("co-chip",{label:e?e.label:o,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(o)})}))),a("input",{key:"88baf2b40c8507295f650798bc010d559ee3bd4c",ref:o=>this.inputEl=o,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus}),this.loading&&a("div",{key:"f8f1913882e0974fa5a1d10181ef74a1f64e4186",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"69bd3289badc18d1db76a883d7714403946ea754",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"a5efa91bb9ce0e4d0eac8825a81dddc6ad91021e",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"b466e95c24e6ae654708998c3bc7d5f6fadcda46",class:"co-autocomplete__dropdown"},this.loading&&0===o.length?a("div",{class:"co-autocomplete__loading"},a("co-loader",{size:"sm"})):0===o.length?a("div",{class:"co-autocomplete__empty"},this.emptyText):a("div",{class:"co-autocomplete__options",ref:o=>this.optionsEl=o,onScroll:this.handleOptionsScroll},(()=>{const{totalHeight:r,startIdx:t,endIdx:s,offsetY:i}=this.getVirtualSlice(o);return a("div",{class:"co-autocomplete__virtual-spacer",style:{height:r+"px",position:"relative"}},a("div",{style:{position:"absolute",top:i+"px",left:"0",right:"0"}},o.slice(t,s).map((o=>{const r=e.includes(o.value),t=!!o.disabled;return a("div",{class:{"co-autocomplete__option":!0,"co-autocomplete__option--selected":r,"co-autocomplete__option--disabled":t},onClick:()=>!t&&this.handleOptionClick(o.value)},o.icon&&a("co-icon",{name:o.icon,size:20,class:"co-autocomplete__option-icon"}),a("span",{class:"co-autocomplete__option-label"},o.label),r&&a("co-icon",{name:"check",size:16,class:"co-autocomplete__option-check"}))}))))})())),this.helperText&&a("div",{key:"5f6a00e92f6415c3ceaf04daf0cc9453b25c8090",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"46ec66a06fd5d05b7aa715a23abe65586aacfdf3",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"fb8a087ea50ccb8a3adc4d1f2a117d185915b417",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange: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-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-autocomplete__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);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;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-status-error)}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;padding:var(--co-spacing-sm2)}.co-autocomplete__options{max-height:calc(34px * 8);overflow-y:auto}.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-autocomplete__option{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);cursor:pointer;transition:background 0.1s ease;min-height:32px;box-sizing:border-box}.co-autocomplete__option:hover{background:var(--co-semantic-surface-hover)}.co-autocomplete__option--selected{background:var(--co-semantic-surface-muted)}.co-autocomplete__option--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-autocomplete__option-icon{flex-shrink:0;color:var(--co-semantic-text-muted)}.co-autocomplete__option-label{flex:1;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-autocomplete__loading,.co-autocomplete__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-md);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-status-error)}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-status-success)}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-color-status-review)}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-status-info)}:host([layout=\'horizontal\']) .co-autocomplete{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-autocomplete__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout=\'horizontal\']) .co-autocomplete__label{white-space:normal}:host([layout=\'horizontal\']) .co-autocomplete>:not(.co-autocomplete__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-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],debounce:[2],emptyText:[1,"empty-text"],isOpen:[32],query:[32],scrollTop:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function p(){"undefined"!=typeof customElements&&["co-autocomplete","co-chip","co-icon","co-loader"].forEach((o=>{switch(o){case"co-autocomplete":customElements.get(t(o))||customElements.define(t(o),d);break;case"co-chip":customElements.get(t(o))||l();break;case"co-icon":customElements.get(t(o))||c();break;case"co-loader":customElements.get(t(o))||n()}}))}d.ITEM_HEIGHT=34,d.VIEWPORT_ITEMS=8,d.OVERSCAN=3,p();const h=d,b=p;export{h as CoAutocomplete,b as defineCustomElement}

package/dist/components/co-avatar.js

@@ -1 +1 @@
-import{t,p as a,H as s,h as e}from"./index.js";import{i}from"./p-BG4WRR22.js";import{d as o}from"./p-wwWquAtm.js";const r={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},c={xl:32,lg:28,md:24,sm:20,xs:16,xxs:12},n={xl:"var(--co-font-size-26)",lg:"var(--co-font-size-22)",md:"var(--co-font-size-18)",sm:"var(--co-font-size-16)",xs:"var(--co-font-size-12)",xxs:"var(--co-font-size-10)"},l=a(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.type="text",this.size="md",this.icon="user",this.iconWeight="regular",this.shape="circle"}render(){var t,a,s;const o=null!==(t=r[this.size])&&void 0!==t?t:56,l=null!==(a=c[this.size])&&void 0!==a?a:24,h=null!==(s=n[this.size])&&void 0!==s?s:"var(--co-font-size-18)";return e("div",{key:"6065912f7c2f812a8313048c727c644f2066845e",class:{"co-avatar":!0,["co-avatar--"+this.size]:!0,["co-avatar--"+this.type]:!0,"co-avatar--square":"square"===this.shape,"co-avatar--light":!!this.color&&i(this.color)},style:Object.assign({width:o+"px",height:o+"px",fontSize:h},this.color?{background:this.color}:{}),part:"avatar",role:"img","aria-label":"text"===this.type?this.text:this.icon},"icon"===this.type?e("co-icon",{name:this.icon,weight:this.iconWeight,size:l}):e("span",{class:"co-avatar__text"},this.text))}static get style(){return":host{display:inline-flex}.co-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);overflow:hidden;flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}.co-avatar__text{text-transform:uppercase}.co-avatar--square{border-radius:var(--co-border-radius-xs)}.co-avatar--light{color:rgba(0, 0, 0, 0.87)}"}},[1,"co-avatar",{type:[1],size:[1],text:[1],icon:[1],iconWeight:[1,"icon-weight"],shape:[1],color:[1]}]);function h(){"undefined"!=typeof customElements&&["co-avatar","co-icon"].forEach((a=>{switch(a){case"co-avatar":customElements.get(t(a))||customElements.define(t(a),l);break;case"co-icon":customElements.get(t(a))||o()}}))}h();const m=l,v=h;export{m as CoAvatar,v as defineCustomElement}
+import{C as o,d as s}from"./p-Sgn-2g8m.js";const m=o,p=s;export{m as CoAvatar,p as defineCustomElement}

package/dist/components/co-button.js

@@ -1 +1 @@
-import{t as o,p as t,H as s,h as a}from"./index.js";import{d as n}from"./p-wwWquAtm.js";const r={l:20,m:18,s:16,xs:14},i=t(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="primary",this.shape="rounded",this.size="m",this.disabled=!1,this.iconWeight="regular",this.type="button",this.handleClick=()=>{if(!this.disabled){if("submit"===this.type){const o=this.el.closest("form");if(o)return void o.requestSubmit()}if("reset"===this.type){const o=this.el.closest("form");o&&o.reset()}}}}render(){var o;const t=null!==(o=r[this.size])&&void 0!==o?o:18;return a("button",{key:"6e8ec1767dafc2feecf773456ad2a1143bcc0fc0",class:{"co-button":!0,["co-button--"+this.variant]:!0,["co-button--"+this.shape]:!0,["co-button--"+this.size]:!0,"co-button--disabled":this.disabled},type:this.type,disabled:this.disabled,onClick:this.handleClick,part:"button"},this.iconLeft?a("co-icon",{name:this.iconLeft,weight:this.iconWeight,size:t}):null,a("slot",{key:"f1bb85bd1ad4d934e529b40273c65107e92102aa"},this.label),this.iconRight?a("co-icon",{name:this.iconRight,weight:this.iconWeight,size:t}):null)}get el(){return this}static get style(){return':host{display:inline-flex}.co-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease, background 0.15s ease;box-sizing:border-box}.co-button--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-button--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-on-secondary)}.co-button--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-button--ghost{background:transparent;color:var(--co-semantic-text-default)}.co-button--rounded.co-button--l{padding:var(--co-spacing-xl) var(--co-spacing-2xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-border-radius-full)}.co-button--rounded.co-button--m{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-16);border-radius:var(--co-border-radius-full)}.co-button--rounded.co-button--s{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-14);border-radius:var(--co-border-radius-full)}.co-button--rounded.co-button--xs{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-12);border-radius:var(--co-border-radius-full)}.co-button--square.co-button--l{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-border-radius-lg)}.co-button--square.co-button--m{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-16);border-radius:var(--co-border-radius-sm)}.co-button--square.co-button--s{padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-14);border-radius:var(--co-border-radius-xs)}.co-button--square.co-button--xs{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:var(--co-spacing-xs);font-size:var(--co-font-size-12);border-radius:var(--co-spacing-sm)}.co-button--disabled,.co-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-button--primary:hover:not(:disabled){opacity:0.88}.co-button--secondary:hover:not(:disabled),.co-button--stroke:hover:not(:disabled),.co-button--ghost:hover:not(:disabled){background:var(--co-semantic-surface-hover)}::slotted([slot="icon-left"]),::slotted([slot="icon-right"]){display:inline-flex;flex-shrink:0}'}},[257,"co-button",{variant:[1],shape:[1],size:[1],disabled:[4],label:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],iconWeight:[1,"icon-weight"],type:[1]}]);function c(){"undefined"!=typeof customElements&&["co-button","co-icon"].forEach((t=>{switch(t){case"co-button":customElements.get(o(t))||customElements.define(o(t),i);break;case"co-icon":customElements.get(o(t))||n()}}))}c();const e=i,d=c;export{e as CoButton,d as defineCustomElement}
+import{t as o,p as t,H as s,h as r}from"./index.js";import{d as i}from"./p-DPi_U-Kl.js";const n={l:20,m:18,s:16,xs:14},a=t(class extends s{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="primary",this.shape="rounded",this.size="m",this.disabled=!1,this.iconWeight="regular",this.type="button",this.handleClick=()=>{if(!this.disabled){if("submit"===this.type){const o=this.el.closest("form");if(o)return void o.requestSubmit()}if("reset"===this.type){const o=this.el.closest("form");o&&o.reset()}}}}render(){var o;const t=null!==(o=n[this.size])&&void 0!==o?o:18,s={};return this.color&&(s.background=this.color),this.textColor&&(s.color=this.textColor),r("button",{key:"e4851bcf865f7588c2732939375d66764fcf43fe",class:{"co-button":!0,["co-button--"+this.variant]:!0,["co-button--"+this.shape]:!0,["co-button--"+this.size]:!0,"co-button--disabled":this.disabled},style:Object.keys(s).length?s:void 0,type:this.type,disabled:this.disabled,onClick:this.handleClick,part:"button"},this.iconLeft?r("co-icon",{name:this.iconLeft,weight:this.iconWeight,size:t}):null,r("slot",{key:"83c41e8362c71147f909e1e82fd199233dcf8892"},this.label),this.iconRight?r("co-icon",{name:this.iconRight,weight:this.iconWeight,size:t}):null)}get el(){return this}static get style(){return':host{display:inline-flex}.co-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;-webkit-font-smoothing:antialiased;transition:opacity 0.15s ease, background 0.15s ease;box-sizing:border-box}.co-button--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-button--secondary{background:var(--co-semantic-surface-secondary);color:var(--co-semantic-on-secondary)}.co-button--stroke{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-button--ghost{background:transparent;color:var(--co-semantic-text-default)}.co-button--rounded.co-button--l{padding:var(--co-spacing-xl) var(--co-spacing-2xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--m{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-16);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--s{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-14);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--rounded.co-button--xs{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-12);border-radius:var(--co-button-radius, var(--co-border-radius-full))}.co-button--square.co-button--l{padding:var(--co-spacing-lg) var(--co-spacing-xl);gap:var(--co-spacing-md);font-size:var(--co-font-size-18);border-radius:var(--co-border-radius-lg)}.co-button--square.co-button--m{padding:var(--co-spacing-md) var(--co-spacing-lg);gap:var(--co-spacing-sm2);font-size:var(--co-font-size-16);border-radius:var(--co-border-radius-sm)}.co-button--square.co-button--s{padding:var(--co-spacing-sm2) var(--co-spacing-md);gap:var(--co-spacing-sm);font-size:var(--co-font-size-14);border-radius:var(--co-border-radius-xs)}.co-button--square.co-button--xs{padding:var(--co-spacing-sm) var(--co-spacing-sm2);gap:var(--co-spacing-xs);font-size:var(--co-font-size-12);border-radius:var(--co-spacing-sm)}.co-button--disabled,.co-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-button--primary:hover:not(:disabled){opacity:0.88}.co-button--secondary:hover:not(:disabled),.co-button--stroke:hover:not(:disabled),.co-button--ghost:hover:not(:disabled){background:var(--co-semantic-surface-hover)}::slotted([slot="icon-left"]),::slotted([slot="icon-right"]){display:inline-flex;flex-shrink:0}'}},[257,"co-button",{variant:[1],shape:[1],size:[1],disabled:[4],label:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],iconWeight:[1,"icon-weight"],type:[1],color:[1],textColor:[1,"text-color"]}]);function c(){"undefined"!=typeof customElements&&["co-button","co-icon"].forEach((t=>{switch(t){case"co-button":customElements.get(o(t))||customElements.define(o(t),a);break;case"co-icon":customElements.get(o(t))||i()}}))}c();const e=a,d=c;export{e as CoButton,d as defineCustomElement}

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

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

package/dist/components/co-calendar.js

@@ -0,0 +1 @@
+import{C as o,d as s}from"./p-C9tHLXKS.js";const t=o,p=s;export{t as CoCalendar,p as defineCustomElement}

package/dist/components/co-card.js

@@ -1 +1 @@
-import{t as c,p as a,H as o,h as d}from"./index.js";const e=a(class extends o{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow(),this.variant="elevated",this.padding="md",this.clickable=!1}render(){return d("div",{key:"6b4f52af5fc9be705779b0965917552961dd1e3c",class:{"co-card":!0,["co-card--"+this.variant]:!0,["co-card--pad-"+this.padding]:!0,"co-card--clickable":this.clickable},part:"card",role:this.clickable?"button":void 0,tabIndex:this.clickable?0:void 0},d("div",{key:"fc8e0f408e41e7ae7266b1e2e6be5b2568a1eda5",class:"co-card__header",part:"header"},d("slot",{key:"d287de7e1ecdcbf015a0d5001646ae540947e8f2",name:"header"})),d("div",{key:"163e2aa54cb8b3c371af7ce98543e9fd3133e997",class:"co-card__body",part:"body"},d("slot",{key:"c78f6a0141d654c2ed86ac524decc2cdbc547fb4"})),d("div",{key:"75c86965c7b22aaa80b81684c3130935791c88c4",class:"co-card__footer",part:"footer"},d("slot",{key:"0bd63594d516c0cd32c88be4f46414eb6aed5bb1",name:"footer"})))}static get style(){return":host{display:block}.co-card{display:flex;flex-direction:column;font-family:var(--co-font-family-primary);background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);overflow:hidden;box-sizing:border-box}.co-card--elevated{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06)}.co-card--outlined{border:1px solid var(--co-semantic-border-subtle)}.co-card--flat{background:var(--co-semantic-surface-muted)}.co-card--pad-none .co-card__header,.co-card--pad-none .co-card__body,.co-card--pad-none .co-card__footer{padding:0}.co-card--pad-sm .co-card__header,.co-card--pad-sm .co-card__body,.co-card--pad-sm .co-card__footer{padding:var(--co-spacing-sm2) var(--co-spacing-md)}.co-card--pad-md .co-card__header,.co-card--pad-md .co-card__body,.co-card--pad-md .co-card__footer{padding:var(--co-spacing-md) var(--co-spacing-lg)}.co-card--pad-lg .co-card__header,.co-card--pad-lg .co-card__body,.co-card--pad-lg .co-card__footer{padding:var(--co-spacing-lg) var(--co-spacing-xl)}.co-card__header:empty,.co-card__footer:empty{display:none}.co-card__header{border-bottom:1px solid var(--co-semantic-border-subtle)}.co-card__footer{border-top:1px solid var(--co-semantic-border-subtle)}.co-card--clickable{cursor:pointer;transition:box-shadow 0.15s ease}.co-card--clickable:hover{box-shadow:0 2px 6px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.08)}.co-card--clickable:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}"}},[257,"co-card",{variant:[1],padding:[1],clickable:[4]}]);function r(){"undefined"!=typeof customElements&&["co-card"].forEach((a=>{"co-card"===a&&(customElements.get(c(a))||customElements.define(c(a),e))}))}r();const s=e,t=r;export{s as CoCard,t as defineCustomElement}
+import{t as c,p as o,H as a,h as r}from"./index.js";const d=o(class extends a{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow(),this.variant="elevated",this.padding="md",this.clickable=!1,this.stretch=!1,this.hasHeader=!1,this.hasFooter=!1,this.handleHeaderSlotChange=()=>{this.hasHeader=this.checkSlot("header")},this.handleFooterSlotChange=()=>{this.hasFooter=this.checkSlot("footer")}}checkSlot(c){var o,a,r;return(null!==(r=null===(a=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.querySelector(`slot[name="${c}"]`))||void 0===a?void 0:a.assignedElements())&&void 0!==r?r:[]).length>0}render(){return r("div",{key:"367df4153fcf63fd11373169e970f3282a938337",class:{"co-card":!0,["co-card--"+this.variant]:!0,["co-card--pad-"+this.padding]:!0,"co-card--clickable":this.clickable,"co-card--stretch":this.stretch},part:"card",role:this.clickable?"button":void 0,tabIndex:this.clickable?0:void 0},r("div",{key:"b4982545b85e282689a225cb80449af5892501ca",class:{"co-card__header":!0,"co-card__header--empty":!this.hasHeader},part:"header"},r("slot",{key:"d0c52d3723f589791da10d7703682badb0f177af",name:"header",onSlotchange:this.handleHeaderSlotChange})),r("div",{key:"93cff67dd2bf85783cbed1ae771ee3e785a055ae",class:"co-card__body",part:"body"},r("slot",{key:"faab1fb05116ffd7930c18f8e6d63ec0451a9148"})),r("div",{key:"82266309c58c84c4f893504183d1f73476421100",class:{"co-card__footer":!0,"co-card__footer--empty":!this.hasFooter},part:"footer"},r("slot",{key:"424742e9313399395d85cc46bf5b08561e836908",name:"footer",onSlotchange:this.handleFooterSlotChange})))}get el(){return this}static get style(){return":host{display:block}:host([stretch]){height:100%}.co-card{display:flex;flex-direction:column;font-family:var(--co-font-family-primary);background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);overflow:hidden;box-sizing:border-box}.co-card--stretch{height:100%}.co-card--elevated{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06)}.co-card--outlined{border:1px solid var(--co-semantic-border-subtle)}.co-card--flat{background:var(--co-semantic-surface-muted)}.co-card--pad-none .co-card__header,.co-card--pad-none .co-card__body,.co-card--pad-none .co-card__footer{padding:0}.co-card--pad-none .co-card__header{border-bottom:none}.co-card--pad-none .co-card__footer{border-top:none}.co-card--pad-sm .co-card__header,.co-card--pad-sm .co-card__body,.co-card--pad-sm .co-card__footer{padding:var(--co-spacing-sm) var(--co-spacing-md)}.co-card--pad-md .co-card__header,.co-card--pad-md .co-card__body,.co-card--pad-md .co-card__footer{padding:var(--co-spacing-md) var(--co-spacing-lg)}.co-card--pad-lg .co-card__header,.co-card--pad-lg .co-card__body,.co-card--pad-lg .co-card__footer{padding:var(--co-spacing-lg) var(--co-spacing-xl)}.co-card__body{flex:1;display:flex;flex-direction:column}.co-card__header{border-bottom:1px solid var(--co-semantic-border-subtle)}.co-card__header--empty{display:none}.co-card__footer{border-top:1px solid var(--co-semantic-border-subtle)}.co-card__footer--empty{display:none}.co-card--clickable{cursor:pointer;transition:box-shadow 0.2s ease, transform 0.2s ease}.co-card--clickable:hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.06);transform:translateY(-2px)}.co-card--clickable:active{transform:translateY(0)}.co-card--clickable:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}"}},[257,"co-card",{variant:[1],padding:[1],clickable:[4],stretch:[516],hasHeader:[32],hasFooter:[32]}]);function e(){"undefined"!=typeof customElements&&["co-card"].forEach((o=>{"co-card"===o&&(customElements.get(c(o))||customElements.define(c(o),d))}))}e();const t=d,s=e;export{t as CoCard,s as defineCustomElement}

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

@@ -1 +1 @@
-import{t as o,p as e,H as c,c as r,h as t}from"./index.js";import{d as s}from"./p-wwWquAtm.js";const a=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.status="default",this.value="[]",this.options=[],this.direction="column",this.size="small",this.disabled=!1,this.handleToggle=o=>{if(this.disabled)return;const e=[...this.selectedValues],c=e.indexOf(o);c>=0?e.splice(c,1):e.push(o),this.value=JSON.stringify(e),this.coChange.emit(e)}}onValueChange(){}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const o=this.label||this.secondaryLabel,e=this.parsedOptions,c=this.selectedValues;return t("div",{key:"8ee32aa13b2400827128fb157162319864a84d1b",class:{"co-checkbox-group":!0,"co-checkbox-group--disabled":this.disabled,["co-checkbox-group--"+this.status]:"default"!==this.status},role:"group","aria-label":this.label||""},o&&t("div",{key:"65c1798c7a07466e12b588df18478e765bd7ac02",class:"co-checkbox-group__labels"},this.label&&t("span",{key:"14efc3cd4587e7d5ea2c690ab0b1f61dfb72563c",class:"co-checkbox-group__label"},this.label),this.secondaryLabel&&t("span",{key:"6916d63a80dec81cb458da66bb0c9ef8fe002136",class:"co-checkbox-group__secondary-label"},this.secondaryLabel)),t("div",{key:"67bfd91b5341f6fa46ed7421a6372f2d99bbad16",class:{"co-checkbox-group__options":!0,["co-checkbox-group__options--"+this.direction]:!0}},e.map((o=>{const e=this.disabled||!!o.disabled,r=c.includes(o.value);return t("div",{class:{"co-checkbox-group__item":!0,"co-checkbox-group__item--disabled":e},onClick:()=>!e&&this.handleToggle(o.value)},t("span",{class:{"co-checkbox-group__box":!0,["co-checkbox-group__box--"+this.size]:!0,"co-checkbox-group__box--checked":r,"co-checkbox-group__box--disabled":e},role:"checkbox","aria-checked":r+"","aria-label":o.label}),t("span",{class:"co-checkbox-group__option-label"},o.label))}))),this.helperText&&t("div",{key:"88849855d7a87e47e85a13d7c1087407122965c5",class:"co-checkbox-group__helper co-checkbox-group__helper--"+this.status},this.statusIcon&&t("co-icon",{key:"49dcb6fef25409270d39a3488eb4b9a2997df96a",name:this.statusIcon,size:14,weight:"fill",class:"co-checkbox-group__helper-icon"}),t("span",{key:"20154bc1731f79df63c0c119fd1150ccb626fc0c",class:"co-checkbox-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":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}.co-checkbox-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-checkbox-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-checkbox-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-checkbox-group--disabled .co-checkbox-group__label,.co-checkbox-group--disabled .co-checkbox-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__options{display:flex;gap:var(--co-spacing-md)}.co-checkbox-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-checkbox-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-checkbox-group__item--disabled{cursor:not-allowed}.co-checkbox-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-checkbox-group__item--disabled .co-checkbox-group__option-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;transition:background 0.15s ease, border-color 0.15s ease;overflow:hidden}.co-checkbox-group__box--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs)}.co-checkbox-group__box--large{width:24px;height:24px;border-radius:var(--co-spacing-sm)}.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:transparent;border:1px solid var(--co-semantic-border-subtle)}.co-checkbox-group__box--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox-group__box--checked::after{content:'';display:block;box-sizing:border-box;border-style:solid;border-color:var(--co-semantic-on-primary);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-15%)}.co-checkbox-group__box--small.co-checkbox-group__box--checked::after{width:7px;height:4px}.co-checkbox-group__box--large.co-checkbox-group__box--checked::after{width:10px;height:6px}.co-checkbox-group__box--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox-group--error .co-checkbox-group__box:not(.co-checkbox-group__box--checked){border-color:var(--co-semantic-status-error)}.co-checkbox-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-checkbox-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-checkbox-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-checkbox-group__helper--error .co-checkbox-group__helper-icon,.co-checkbox-group__helper--error .co-checkbox-group__helper-text{color:var(--co-semantic-status-error)}.co-checkbox-group__helper--success .co-checkbox-group__helper-icon,.co-checkbox-group__helper--success .co-checkbox-group__helper-text{color:var(--co-semantic-status-success)}.co-checkbox-group__helper--warning .co-checkbox-group__helper-icon,.co-checkbox-group__helper--warning .co-checkbox-group__helper-text{color:var(--co-color-status-review)}.co-checkbox-group__helper--info .co-checkbox-group__helper-icon,.co-checkbox-group__helper--info .co-checkbox-group__helper-text{color:var(--co-semantic-status-info)}"}},[1,"co-checkbox-group",{label:[1],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],status:[1],value:[1025],options:[1],direction:[1],size:[1],disabled:[4]},void 0,{value:[{onValueChange:0}]}]);function i(){"undefined"!=typeof customElements&&["co-checkbox-group","co-icon"].forEach((e=>{switch(e){case"co-checkbox-group":customElements.get(o(e))||customElements.define(o(e),a);break;case"co-icon":customElements.get(o(e))||s()}}))}i();const n=a,h=i;export{n as CoCheckboxGroup,h as defineCustomElement}
+import{t as o,p as e,H as c,c as r,h as t}from"./index.js";import{d as a}from"./p-DPi_U-Kl.js";const s=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.layout="vertical",this.status="default",this.value="[]",this.options=[],this.direction="column",this.size="small",this.disabled=!1,this.handleToggle=o=>{if(this.disabled)return;const e=[...this.selectedValues],c=e.indexOf(o);c>=0?e.splice(c,1):e.push(o),this.value=JSON.stringify(e),this.coChange.emit(e)}}onValueChange(){}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const o=this.label||this.secondaryLabel,e=this.parsedOptions,c=this.selectedValues;return t("div",{key:"31a21f7d7b30ad1e0f55089aca62fd2aa0248a21",class:{"co-checkbox-group":!0,"co-checkbox-group--disabled":this.disabled,["co-checkbox-group--"+this.status]:"default"!==this.status},role:"group","aria-label":this.label||""},o&&t("div",{key:"5475404c44f73b09f3948afa37d5ab2320e14036",class:"co-checkbox-group__labels"},this.label&&t("span",{key:"ddd9771fce971ecbe05d038ef856db5efaa0e386",class:"co-checkbox-group__label"},this.label),this.secondaryLabel&&t("span",{key:"31c3600460a9158f99ce938d6fb0d152cef24943",class:"co-checkbox-group__secondary-label"},this.secondaryLabel)),t("div",{key:"e8d24c155e3329d14669f7bd093334014ffdef14",class:{"co-checkbox-group__options":!0,["co-checkbox-group__options--"+this.direction]:!0}},e.map((o=>{const e=this.disabled||!!o.disabled,r=c.includes(o.value);return t("div",{class:{"co-checkbox-group__item":!0,"co-checkbox-group__item--disabled":e},onClick:()=>!e&&this.handleToggle(o.value)},t("span",{class:{"co-checkbox-group__box":!0,["co-checkbox-group__box--"+this.size]:!0,"co-checkbox-group__box--checked":r,"co-checkbox-group__box--disabled":e},role:"checkbox","aria-checked":r+"","aria-label":o.label}),t("span",{class:"co-checkbox-group__option-label"},o.label))}))),this.helperText&&t("div",{key:"26b079c180ca89b06b2bda56f7908655ffc4449d",class:"co-checkbox-group__helper co-checkbox-group__helper--"+this.status},this.statusIcon&&t("co-icon",{key:"bac2a02e17019b394bacdc0a2da34487693f67c1",name:this.statusIcon,size:14,weight:"fill",class:"co-checkbox-group__helper-icon"}),t("span",{key:"b382acd3031974618a24a75e616faf637f84b75f",class:"co-checkbox-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":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}.co-checkbox-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-checkbox-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-checkbox-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-checkbox-group--disabled .co-checkbox-group__label,.co-checkbox-group--disabled .co-checkbox-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__options{display:flex;gap:var(--co-spacing-md)}.co-checkbox-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-checkbox-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-checkbox-group__item--disabled{cursor:not-allowed}.co-checkbox-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-checkbox-group__item--disabled .co-checkbox-group__option-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;transition:background 0.15s ease, border-color 0.15s ease;overflow:hidden}.co-checkbox-group__box--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs)}.co-checkbox-group__box--large{width:24px;height:24px;border-radius:var(--co-spacing-sm)}.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:transparent;border:1px solid var(--co-semantic-border-subtle)}.co-checkbox-group__box--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox-group__box--checked::after{content:'';display:block;box-sizing:border-box;border-style:solid;border-color:var(--co-semantic-on-primary);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-15%)}.co-checkbox-group__box--small.co-checkbox-group__box--checked::after{width:7px;height:4px}.co-checkbox-group__box--large.co-checkbox-group__box--checked::after{width:10px;height:6px}.co-checkbox-group__box--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox-group--error .co-checkbox-group__box:not(.co-checkbox-group__box--checked){border-color:var(--co-semantic-status-error)}.co-checkbox-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-checkbox-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-checkbox-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-checkbox-group__helper--error .co-checkbox-group__helper-icon,.co-checkbox-group__helper--error .co-checkbox-group__helper-text{color:var(--co-semantic-status-error)}.co-checkbox-group__helper--success .co-checkbox-group__helper-icon,.co-checkbox-group__helper--success .co-checkbox-group__helper-text{color:var(--co-semantic-status-success)}.co-checkbox-group__helper--warning .co-checkbox-group__helper-icon,.co-checkbox-group__helper--warning .co-checkbox-group__helper-text{color:var(--co-color-status-review)}.co-checkbox-group__helper--info .co-checkbox-group__helper-icon,.co-checkbox-group__helper--info .co-checkbox-group__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-checkbox-group{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-checkbox-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-checkbox-group__label{white-space:normal}:host([layout='horizontal']) .co-checkbox-group>:not(.co-checkbox-group__labels){grid-column:2;min-width:0}"}},[1,"co-checkbox-group",{label:[1],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],layout:[513],status:[1],value:[1025],options:[1],direction:[1],size:[1],disabled:[4]},void 0,{value:[{onValueChange:0}]}]);function i(){"undefined"!=typeof customElements&&["co-checkbox-group","co-icon"].forEach((e=>{switch(e){case"co-checkbox-group":customElements.get(o(e))||customElements.define(o(e),s);break;case"co-icon":customElements.get(o(e))||a()}}))}i();const n=s,l=i;export{n as CoCheckboxGroup,l as defineCustomElement}

package/dist/components/co-checkbox.js

@@ -1 +1 @@
-import{C as o,d as r}from"./p-Cr8Yc0zj.js";const s=o,p=r;export{s as CoCheckbox,p as defineCustomElement}
+import{C as o,d as p}from"./p-jDjfGZJp.js";const s=o,j=p;export{s as CoCheckbox,j as defineCustomElement}

package/dist/components/co-chip.js

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

package/dist/components/co-color-picker.d.ts

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

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

@@ -0,0 +1 @@
+import{t as e,p as o,H as r,c,h as a}from"./index.js";import{R as i}from"./p-CWneqh4n.js";import{d as t}from"./p-DPi_U-Kl.js";import{d as s}from"./p-BXdfh__-.js";const l=[{name:"Green",value:"#02A270"},{name:"Yellow",value:"#FDBF00"},{name:"Blue",value:"#2563EB"},{name:"Pink",value:"#F32A73"},{name:"Red",value:"#EB1E1E"},{name:"Orange",value:"#F0821E"},{name:"Teal",value:"#00AFAF"},{name:"Light blue",value:"#00BEE6"},{name:"Electric blue",value:"#000AFF"},{name:"Violet",value:"#5F4BD7"},{name:"Burgundy",value:"#811137"},{name:"Olive",value:"#AAB43C"}],n=o(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=c(this,"coChange",7),this.value="",this.placeholder="Select color",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.presets="",this.isOpen=!1,this.copied=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1}}get parsedPresets(){if(Array.isArray(this.presets))return this.presets.map((e=>"string"==typeof e?{name:e,value:e}:e));if("string"==typeof this.presets&&this.presets.trim())try{const e=JSON.parse(this.presets);if(Array.isArray(e))return e.map((e=>"string"==typeof e?{name:e,value:e}:e))}catch(e){}return l}handleSwatchClick(e){this.value=e,this.coChange.emit(e),this.isOpen=!1}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning"}[this.status]||null}async handleCopy(){if(this.value)try{await navigator.clipboard.writeText(this.value),this.copied=!0,setTimeout((()=>{this.copied=!1}),1500)}catch(e){}}render(){const e=this.parsedPresets,o=!!this.value;return a("div",{key:"e3c7fbb9337289e5cece7837c07e517f2ab09075",class:`co-color-picker ${"default"!==this.status?"co-color-picker--"+this.status:""} ${this.isOpen?"co-color-picker--open":""} ${this.disabled?"co-color-picker--disabled":""}`},this.label&&a("label",{key:"e7bf0c2043f7e6cad9b48712b28ca15b7a87cb0a",class:"co-color-picker__label"},this.label,a(i,{key:"e71de1705a30b8ad9b93d7412527a5b6430118bc",required:this.required})),a("co-popover",{key:"66494d41499b979b35eaaaab04f05ff7b7bc80d0",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},a("div",{key:"f7997ccff490d2dac5fa106f088e073b93e95a52",slot:"trigger",class:"co-color-picker__trigger"},a("span",{key:"5e58789e513c913207d39574c47e044177701e49",class:"co-color-picker__swatch",style:{background:o?this.value:"transparent"}}),a("span",{key:"e7cab4ba473d947c379f09f6657df1d3aeb37c26",class:"co-color-picker__value "+(o?"":"co-color-picker__value--empty")},o?this.value:this.placeholder)),this.isOpen&&a("div",{key:"6ac90802649cfc39a12b88e5abb82fb29261d49a",class:"co-color-picker__panel"},a("div",{key:"6b985e293c37fb4b84a3c2593f6c3ee3b79f91da",class:"co-color-picker__grid"},e.map((e=>{var o;return a("button",{type:"button",key:e.value,class:"co-color-picker__grid-item "+(e.value.toUpperCase()===(null===(o=this.value)||void 0===o?void 0:o.toUpperCase())?"co-color-picker__grid-item--selected":""),style:{background:e.value},title:e.name,onClick:()=>this.handleSwatchClick(e.value)})}))),o&&a("div",{key:"28ab2e8f9a21cc11f5c8569a9fb3d560b26ff822",class:"co-color-picker__hex-row"},a("span",{key:"e0f84972b167e6374de8b1445047de810971d538",class:"co-color-picker__hex-prefix"},"#"),a("span",{key:"ff313153df1ae22cf0e32b111c7a639b062aefd5",class:"co-color-picker__hex-value"},this.value.replace(/^#/,"")),a("button",{key:"daf97e5d636397ec9c5f5e34ed7c007e11cb3788",type:"button",class:"co-color-picker__copy-btn "+(this.copied?"co-color-picker__copy-btn--copied":""),title:"Copy",onClick:()=>this.handleCopy()},a("co-icon",{key:"41a3c2fd4ffdecc696272ad1e24ef66de9df5b00",name:this.copied?"check":"copy",size:16}))))),this.helperText&&a("div",{key:"e21db961ebe2493cafa3c0b7399fee541902a13a",class:"co-color-picker__helper"},this.statusIcon&&a("co-icon",{key:"bc0e6a11f2575313fbe5bdf65aa65b10117d2dfa",name:this.statusIcon,size:14,weight:"fill",class:"co-color-picker__helper-icon"}),a("span",{key:"35133f960eec263ad5a70839e026f20f81a11002",class:"co-color-picker__helper-text"},this.helperText)))}get el(){return this}static get style(){return":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}.co-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.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)')}.co-color-picker co-popover{display:block;width:100%}.co-color-picker__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}.co-color-picker__trigger:hover{border-color:var(--co-semantic-border-default)}.co-color-picker--open .co-color-picker__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-color-picker--error .co-color-picker__trigger{border-color:var(--co-color-status-error)}.co-color-picker__swatch{width:24px;height:24px;border-radius:var(--co-border-radius-full);border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-color-picker__value{flex:1;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);font-weight:500;text-transform:uppercase}.co-color-picker__value--empty{color:var(--co-semantic-text-muted);font-weight:400}.co-color-picker__panel{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:var(--co-spacing-sm2)}.co-color-picker__grid-item{width:32px;height:32px;border-radius:var(--co-border-radius-xxs);border:2px solid transparent;cursor:pointer;transition:transform 0.1s ease, border-color 0.1s ease;box-sizing:border-box}.co-color-picker__grid-item:hover{transform:scale(1.1)}.co-color-picker__grid-item--selected{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__hex-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-color-picker__hex-prefix{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:500}.co-color-picker__hex-value{flex:1;font-size:var(--co-font-size-14);font-family:var(--co-font-family-mono, monospace);color:var(--co-semantic-text-default);text-transform:uppercase;user-select:all}.co-color-picker__copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color 0.15s ease, background 0.15s ease}.co-color-picker__copy-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__copy-btn--copied{color:var(--co-color-status-success)}.co-color-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-color-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-color-picker--error .co-color-picker__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-color-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-color-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-color-picker__label{white-space:normal}:host([layout='horizontal']) .co-color-picker>:not(.co-color-picker__label){grid-column:2;min-width:0}"}},[1,"co-color-picker",{value:[1025],label:[1],placeholder:[1],disabled:[4],required:[4],status:[1],helperText:[1,"helper-text"],layout:[513],name:[1],presets:[1],isOpen:[32],copied:[32]}]);function p(){"undefined"!=typeof customElements&&["co-color-picker","co-icon","co-popover"].forEach((o=>{switch(o){case"co-color-picker":customElements.get(e(o))||customElements.define(e(o),n);break;case"co-icon":customElements.get(e(o))||t();break;case"co-popover":customElements.get(e(o))||s()}}))}p();const d=n,f=p;export{d as CoColorPicker,f as defineCustomElement}

package/dist/components/co-column-picker.d.ts

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

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

@@ -0,0 +1 @@
+import{h as e,t as c,p as o,H as t,c as r}from"./index.js";import{n as i}from"./p-CQY6Ul7q.js";import{d as n}from"./p-jDjfGZJp.js";import{d as s}from"./p-CaMgu2_g.js";import{d as a}from"./p-DPi_U-Kl.js";function l(e){return e?e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").replace(/^\w/,(e=>e.toUpperCase())):""}function p(e){return(e+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function d(e,c){if(!c)return p(e);const o=c.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return p(e).replace(RegExp(`(${o})`,"gi"),"<mark>$1</mark>")}function u(e,c){const o=new Set(e),t={};for(const o of e){const e=o.split(".");let r=t;for(let o=0;o<e.length;o++){const t=e[o],i=e.slice(0,o+1).join(".");if(!r[t]){const n=o===e.length-1&&(null==c?void 0:c.get(i))||t;r[t]={label:n,key:i,childrenMap:{}}}o<e.length-1&&(r=r[t].childrenMap)}}const r=e=>Object.values(e).map((e=>{const c=r(e.childrenMap),t=c.length>0,i=t&&o.has(e.key),n={label:e.label,key:e.key,fullPath:e.key,children:t?c:null};return i&&n.children&&n.children.unshift({label:e.label,key:e.key+".__self",fullPath:e.key,children:null,isSelf:!0}),n}));return h(r(t))}function h(e){return[...e].sort(((e,c)=>{if(e.isSelf)return-1;if(c.isSelf)return 1;const o=e.children&&e.children.length>0,t=c.children&&c.children.length>0;return!o&&t?-1:o&&!t?1:e.label.localeCompare(c.label)})).map((e=>Object.assign(Object.assign({},e),{children:e.children?h(e.children):null})))}function m(e,c){const o=i(c);return e.map((e=>{const t=i(e.label).includes(o),r=i(l(e.label)).includes(o),n=i(e.fullPath).includes(o);if(!e.children||0===e.children.length)return t||r||n?e:null;const s=m(e.children,c);return t||r||s.length>0?Object.assign(Object.assign({},e),{children:s.length>0?s:e.children}):null})).filter(Boolean)}function f(e){const c=[];for(const o of e)o.children&&0!==o.children.length?c.push(...f(o.children)):c.push(o.fullPath);return c}const _=c=>{const{node:o,depth:t,selected:r,expandedKeys:i,disabled:n,query:s,onOptionClick:a,onParentCheck:p,onToggleExpand:u}=c,h=!o.children||0===o.children.length,m=i.has(o.key),b=h&&r.includes(o.fullPath);let k=!1,x=!1,g=0,v=0;if(!h&&o.children){const e=f(o.children);v=e.length,g=e.filter((e=>r.includes(e))).length,k=v>0&&g===v,x=g>0}return e("div",{class:"co-column-picker__node"},e("div",{class:{"co-column-picker__node-row":!0,"co-column-picker__node-row--leaf":h,"co-column-picker__node-row--parent":!h,"co-column-picker__node-row--expanded":!h&&m,"co-column-picker__node-row--selected":h&&b},style:{paddingLeft:20*t+10+"px"},onClick:e=>h?a(o.fullPath):u(o.key,e)},e("co-checkbox",{checked:h?b:k,indeterminate:!h&&x&&!k,disabled:n,onClick:e=>{e.stopPropagation(),h?a(o.fullPath):p(o)}}),e("span",{class:{"co-column-picker__node-label":!0,"co-column-picker__node-label--parent":!h,"co-column-picker__node-label--self":!!o.isSelf},innerHTML:d(l(o.label),s)}),o.isSelf&&e("span",{class:"co-column-picker__self-tag"},"self"),!h&&e("span",{class:"co-column-picker__node-counter"},g>0&&[e("span",{class:"co-column-picker__counter-selected"},g),e("span",{class:"co-column-picker__counter-sep"},"/")],e("span",{class:"co-column-picker__counter-total"},v)),!h&&e("span",{class:{"co-column-picker__chevron":!0,"co-column-picker__chevron--open":m},onClick:e=>u(o.key,e)},e("co-icon",{name:"caret-right",size:16}))),!h&&m&&o.children&&e("div",{class:"co-column-picker__node-children",style:{"--guide-left":20*t+19+"px"}},o.children.map((c=>e(_,{node:c,depth:t+1,selected:r,expandedKeys:i,disabled:n,query:s,onOptionClick:a,onParentCheck:p,onToggleExpand:u})))))},b=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.coClear=r(this,"coClear",7),this.coSearch=r(this,"coSearch",7),this.options="[]",this.value="[]",this.multiple=!0,this.disabled=!1,this.showToolbar=!0,this.showSearch=!0,this.clearable=!0,this.placeholder="Select…",this.maxHeight=220,this.emptyText="No results found",this.selectAllText="Select all",this.clearText="Clear",this.expandText="Expand",this.collapseText="Collapse",this.selectedText="selected",this.sections="[]",this.status="default",this.isOpen=!1,this.query="",this.expandedKeys=new Set,this.focused=!1,this.handleFieldClick=()=>{this.disabled||(this.isOpen=!this.isOpen,this.focused=!0,this.isOpen&&requestAnimationFrame((()=>{var e;return null===(e=this.searchInputEl)||void 0===e?void 0:e.focus()})))},this.handleSearchInput=e=>{this.query=e.target.value,this.coSearch.emit(this.query),this.query&&(this.expandedKeys=function(e,c,o){const t=i(c),r=new Set(o),n=e=>{var c;let o=!1;for(const s of e)if(null===(c=s.children)||void 0===c?void 0:c.length){const e=n(s.children),c=i(s.label).includes(t)||i(l(s.label)).includes(t);(e||c)&&(r.add(s.key),o=!0)}else(i(s.label).includes(t)||i(l(s.label)).includes(t))&&(o=!0);return o};return n(e),r}(this.getTree(),this.query,this.expandedKeys))},this.handleSearchClear=e=>{var c;e.stopPropagation(),this.query="",this.coSearch.emit(""),null===(c=this.searchInputEl)||void 0===c||c.focus()},this.handleClear=e=>{e.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit([])},this.handleSelectAll=()=>{this.disabled||this.emitSelection(f(this.getTree()))},this.handleDeselectAll=()=>{this.disabled||(this.value="[]",this.coClear.emit(),this.coChange.emit([]))},this.handleExpandAll=()=>{this.expandedKeys=function(e){const c=new Set,o=e=>{var t;for(const r of e)(null===(t=r.children)||void 0===t?void 0:t.length)&&(c.add(r.key),o(r.children))};return o(e),c}(this.getTree())},this.handleCollapseAll=()=>{this.expandedKeys=new Set},this.handleOptionClick=e=>{if(!this.disabled)if(this.multiple){const c=[...this.selectedValues],o=c.indexOf(e);o>=0?c.splice(o,1):c.push(e),this.emitSelection(c)}else this.emitSelection([e]),this.isOpen=!1},this.handleParentCheck=e=>{if(this.disabled)return;const c=f(e.children||[]),o=[...this.selectedValues];if(c.every((e=>o.includes(e))))this.emitSelection(o.filter((e=>!c.includes(e))));else{for(const e of c)o.includes(e)||o.push(e);this.emitSelection(o)}},this.handleChipRemove=(e,c)=>{c.stopPropagation(),this.disabled||this.emitSelection(this.selectedValues.filter((c=>c!==e)))},this.handleToggleExpand=(e,c)=>{c.stopPropagation();const o=new Set(this.expandedKeys);o.has(e)?o.delete(e):o.add(e),this.expandedKeys=o}}get parsedOptions(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return[]}return Array.isArray(c)?c.map((e=>"string"==typeof e?e:e.value)):[]}(this.options)}get parsedSections(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return[]}return Array.isArray(c)?c:[]}(this.sections)}get selectedValues(){return function(e){if("string"==typeof e)try{return JSON.parse(e)}catch(c){return e?[e]:[]}return Array.isArray(e)?e:[]}(this.value)}get optionLabelMap(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return new Map}if(!Array.isArray(c))return new Map;const o=new Map;for(const e of c)"string"==typeof e?o.set(e,l(e.split(".").pop()||e)):o.set(e.value,e.label||e.value);return o}(this.options)}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}emitSelection(e){this.value=JSON.stringify(e),this.coChange.emit(e)}onOptionsChange(){this.expandedKeys=function(e,c,o){if(!c.length)return o;const t=new Set(o),r=e=>{var o;for(const i of e)(null===(o=i.children)||void 0===o?void 0:o.length)&&(f(i.children).some((e=>c.includes(e)))&&t.add(i.key),r(i.children))};return r(e),t}(this.getTree(),this.selectedValues,this.expandedKeys)}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}getTree(){return u(this.parsedOptions,this.optionLabelMap)}getSectionedTree(){const e=this.parsedSections;if(!e.length)return[];const c=this.parsedOptions;return e.map((o=>{const t=c.filter((c=>o.prefix?c.startsWith(o.prefix+"."):!e.some((e=>e.prefix&&c.startsWith(e.prefix+".")))));return Object.assign(Object.assign({},o),{nodes:h(u(t,this.optionLabelMap))})})).filter((e=>e.nodes.length>0))}renderField(){const c=this.selectedValues,o=this.optionLabelMap;return e("div",{class:{"co-column-picker__field":!0,"co-column-picker__field--focused":this.focused,"co-column-picker__field--disabled":this.disabled,"co-column-picker__field--open":this.isOpen},onClick:this.handleFieldClick},this.multiple&&c.length>0&&e("div",{class:"co-column-picker__field-chips"},c.map((c=>e("co-chip",{label:o.get(c)||l(c.split(".").pop()||c),size:"small",removable:!this.disabled,onCoRemove:e=>this.handleChipRemove(c,e)})))),!this.multiple&&c.length>0&&e("span",{class:"co-column-picker__field-text"},c.map((e=>o.get(e)||l(e.split(".").pop()||e))).join(", ")),0===c.length&&e("span",{class:"co-column-picker__field-placeholder"},this.placeholder),e("div",{class:"co-column-picker__field-actions"},this.clearable&&this.hasValue&&!this.disabled&&e("button",{class:"co-column-picker__field-clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},e("co-icon",{name:"x-circle",size:16,weight:"fill"})),e("co-icon",{name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-column-picker__field-caret"})))}renderTree(){const c={selected:this.selectedValues,expandedKeys:this.expandedKeys,disabled:this.disabled,query:this.query,onOptionClick:this.handleOptionClick,onParentCheck:this.handleParentCheck,onToggleExpand:this.handleToggleExpand};if(this.parsedSections.length>0){const o=this.getSectionedTree(),t=this.query?o.map((e=>Object.assign(Object.assign({},e),{nodes:m(e.nodes,this.query)}))).filter((e=>e.nodes.length>0)):o;return t.length?e("div",{class:"co-column-picker__tree"},t.map((o=>[e("div",{class:"co-column-picker__section-header"},e("span",{class:"co-column-picker__section-label"},o.label),o.prefix&&e("span",{class:"co-column-picker__section-prefix"},"(",o.prefix,")")),...o.nodes.map((o=>e(_,Object.assign({node:o,depth:0},c))))]))):this.renderEmpty()}const o=this.getTree(),t=this.query?m(o,this.query):o;return t.length?e("div",{class:"co-column-picker__tree"},t.map((o=>e(_,Object.assign({node:o,depth:0},c))))):this.renderEmpty()}renderEmpty(){return e("div",{class:"co-column-picker__empty"},e("co-icon",{name:"magnifying-glass",size:40,class:"co-column-picker__empty-icon"}),e("span",null,this.emptyText))}render(){return e("div",{key:"49be1e863b1bf55a1c80cdb840a2df1abe863bf1",class:{"co-column-picker":!0,"co-column-picker--open":this.isOpen,"co-column-picker--disabled":this.disabled,"co-column-picker--focused":this.focused,["co-column-picker--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&e("div",{key:"ebd5ecc3f9b3445c78406dc9d6c8713b1286e03f",class:"co-column-picker__labels"},this.label&&e("label",{key:"e397c8718a158311bc710d792007f2babe5a5195",class:"co-column-picker__label"},this.label),this.secondaryLabel&&e("span",{key:"242cd81ea707193f59f016da58739fee1bfd61c8",class:"co-column-picker__secondary-label"},this.secondaryLabel)),this.renderField(),this.isOpen&&e("div",{key:"7a8cdc490af2be181d235a0a42a44386e5ce3a51",class:"co-column-picker__dropdown"},this.showSearch&&e("div",{key:"957e1979f0a940ee12e21c5ca6ad5c2605057778",class:"co-column-picker__search"},e("co-icon",{key:"c828aa61afdb223205a4006ef7f7518be8f851da",name:"magnifying-glass",size:14,class:"co-column-picker__search-icon"}),e("input",{key:"de96b64126a49ed365c6edda08503caabcd5f992",ref:e=>this.searchInputEl=e,class:"co-column-picker__search-input",type:"text",value:this.query,placeholder:this.placeholder,onInput:this.handleSearchInput,onClick:e=>e.stopPropagation()}),this.query&&e("button",{key:"a14e1afe2498edc0e3701a6f547ca99cc25f930a",class:"co-column-picker__search-clear",type:"button",onClick:this.handleSearchClear},e("co-icon",{key:"da5ce1f1fe1660b6e9bc6cbfa1ebb6362a756e84",name:"x",size:14}))),this.showToolbar&&this.multiple&&e("div",{key:"a64cd6debf2a138e7262e0c94aafb4449d33df81",class:"co-column-picker__toolbar"},e("button",{key:"e5a337595da0f08efe81b89f41cd40dfee38568a",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleSelectAll},this.selectAllText),e("button",{key:"13c2914c19c8e61ffb9573f8483bd1b11d7e399c",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleDeselectAll},this.clearText),e("span",{key:"1af20f2508a9f028d27b5736eaa89af8876153f6",class:"co-column-picker__toolbar-sep"}),e("button",{key:"ae1736fca857c7a778a687f4e14e736c4560dc3f",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleExpandAll},this.expandText),e("button",{key:"13e0cd91b2611b436b44d851b57312bb4e517e3b",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleCollapseAll},this.collapseText),e("span",{key:"fc6cc54ef7737a02922b0a0c12db64a52580b51a",style:{flex:"1"}}),this.selectedValues.length>0&&e("span",{key:"63aeaef90a9b72c51c3bbd07da721d7c5391ddcb",class:"co-column-picker__toolbar-counter"},this.selectedValues.length," ",this.selectedText)),e("div",{key:"9cd4f45dd0c182e50b219f5b6ff240a2e752ba94",class:"co-column-picker__scroll",style:{maxHeight:this.maxHeight+"px"}},this.renderTree())),this.helperText&&e("div",{key:"09a43ae8972be6b03d1117a2116175ca59a95a68",class:"co-column-picker__helper co-column-picker__helper--"+this.status},this.statusIcon&&e("co-icon",{key:"f0fc5ff8125baf3412a90045b2c9bb7238a6c951",name:this.statusIcon,size:14,weight:"fill",class:"co-column-picker__helper-icon"}),e("span",{key:"72de44605e22d553bd484b9dbd0c91f17e817f52",class:"co-column-picker__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}]}}static get style(){return":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-column-picker{display:flex;flex-direction:column;gap:var(--co-spacing-xs);position:relative}.co-column-picker__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-column-picker__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-column-picker__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-column-picker--disabled .co-column-picker__label,.co-column-picker--disabled .co-column-picker__secondary-label{color:var(--co-semantic-text-disabled)}.co-column-picker__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) 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}.co-column-picker__field--focused{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-column-picker__field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-column-picker--error .co-column-picker__field{border-color:var(--co-semantic-status-error)}.co-column-picker--success .co-column-picker__field{border-color:var(--co-semantic-status-success)}.co-column-picker--warning .co-column-picker__field{border-color:var(--co-color-status-review)}.co-column-picker--info .co-column-picker__field{border-color:var(--co-semantic-status-info)}.co-column-picker__field-text{flex:1;min-width:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-column-picker__field-placeholder{flex:1;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-column-picker__field-chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs);flex:1}.co-column-picker__field-actions{display:flex;align-items:center;gap:var(--co-spacing-xs);flex-shrink:0;margin-left:auto}.co-column-picker__field-clear{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-column-picker__field-clear:hover{color:var(--co-semantic-text-default)}.co-column-picker__field-caret{color:var(--co-semantic-text-muted);display:flex;align-items:center;transition:color 0.15s ease}.co-column-picker__field--open .co-column-picker__field-caret{color:var(--co-semantic-text-default)}.co-column-picker__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px var(--co-color-opacity-negro-8);overflow:hidden}.co-column-picker__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle);transition:border-color 0.2s ease}.co-column-picker__search:focus-within{border-color:var(--co-semantic-border-focus)}.co-column-picker__search-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-column-picker__search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);line-height:1.4;padding:0}.co-column-picker__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-column-picker__search-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--co-semantic-text-muted);padding:0;border-radius:var(--co-border-radius-xxs);transition:all 0.15s ease}.co-column-picker__search-clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-column-picker__toolbar{display:flex;align-items:center;gap:2px;padding:var(--co-spacing-xs) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-column-picker__toolbar-sep{width:1px;height:14px;background:var(--co-semantic-border-subtle);margin:0 var(--co-spacing-xs)}.co-column-picker__toolbar-btn{border:none;background:none;font-size:11.5px;font-family:inherit;color:var(--co-semantic-text-muted);cursor:pointer;padding:3px var(--co-spacing-xs);font-weight:500;transition:all 0.15s ease;border-radius:var(--co-border-radius-xxs);line-height:1.4}.co-column-picker__toolbar-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-column-picker__toolbar-counter{font-size:11.5px;font-weight:500;color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums;padding:2px var(--co-spacing-xs);background:var(--co-semantic-surface-muted);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-column-picker__scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--co-semantic-border-default) transparent}.co-column-picker__scroll::-webkit-scrollbar{width:6px}.co-column-picker__scroll::-webkit-scrollbar-track{background:transparent}.co-column-picker__scroll::-webkit-scrollbar-thumb{background:var(--co-semantic-border-default);border-radius:var(--co-border-radius-full)}.co-column-picker__tree{padding:var(--co-spacing-xs) 0}.co-column-picker__node{user-select:none}.co-column-picker__node-row{display:flex;align-items:center;min-height:34px;padding:0 12px 0 10px;gap:var(--co-spacing-xs);cursor:pointer;transition:background-color 0.1s ease}.co-column-picker__node-row:hover{background-color:var(--co-semantic-surface-hover)}.co-column-picker__node-row--parent:hover{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-row--expanded{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-row--selected{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-label{flex:1;font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.co-column-picker__node-label--parent{font-weight:600;text-transform:capitalize}.co-column-picker__node-label--self{font-weight:400;color:var(--co-semantic-text-muted);text-transform:none}.co-column-picker__node-label mark{background:color-mix(in srgb, var(--co-color-primary-amarillo) 30%, transparent);color:inherit;padding:0 1px;border-radius:1px}.co-column-picker__self-tag{flex-shrink:0;font-size:10px;font-weight:500;color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:1px 6px;border-radius:var(--co-border-radius-xxs);border:1px solid var(--co-semantic-border-subtle);text-transform:lowercase}.co-column-picker__node-counter{flex-shrink:0;font-size:11px;font-weight:400;color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums}.co-column-picker__counter-selected{font-weight:600;color:var(--co-semantic-text-default)}.co-column-picker__counter-sep{color:var(--co-semantic-border-default);margin:0 1px}.co-column-picker__counter-total{color:var(--co-semantic-text-muted)}.co-column-picker__chevron{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--co-semantic-text-muted);margin-left:var(--co-spacing-xs);transition:transform 0.2s ease, color 0.2s ease}.co-column-picker__chevron:hover{color:var(--co-semantic-text-default)}.co-column-picker__chevron--open{transform:rotate(90deg);color:var(--co-semantic-text-default)}.co-column-picker__node-children{position:relative}.co-column-picker__node-children::before{content:'';position:absolute;left:var(--guide-left, 19px);top:0;bottom:0;width:1px;background:var(--co-semantic-border-default)}.co-column-picker__section-header{display:flex;align-items:center;gap:6px;padding:var(--co-spacing-xs) var(--co-spacing-md) var(--co-spacing-xs);margin-top:var(--co-spacing-xs);border-top:1px solid var(--co-semantic-border-subtle)}.co-column-picker__section-header:first-child{margin-top:0;border-top:none}.co-column-picker__section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--co-semantic-text-secondary)}.co-column-picker__section-prefix{font-size:10px;font-weight:500;color:var(--co-semantic-text-muted);opacity:0.75}.co-column-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-xs);padding:40px 16px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-column-picker__empty-icon{color:var(--co-semantic-border-default)}.co-column-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-column-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-column-picker__helper-text{font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1.4;color:var(--co-semantic-text-muted)}.co-column-picker__helper--error .co-column-picker__helper-text,.co-column-picker__helper--error .co-column-picker__helper-icon{color:var(--co-semantic-status-error)}.co-column-picker__helper--success .co-column-picker__helper-text,.co-column-picker__helper--success .co-column-picker__helper-icon{color:var(--co-semantic-status-success)}.co-column-picker__helper--warning .co-column-picker__helper-text,.co-column-picker__helper--warning .co-column-picker__helper-icon{color:var(--co-color-status-review)}.co-column-picker__helper--info .co-column-picker__helper-text,.co-column-picker__helper--info .co-column-picker__helper-icon{color:var(--co-semantic-status-info)}"}},[1,"co-column-picker",{label:[1],secondaryLabel:[1,"secondary-label"],options:[1],value:[1025],multiple:[4],disabled:[4],showToolbar:[4,"show-toolbar"],showSearch:[4,"show-search"],clearable:[4],placeholder:[1],maxHeight:[2,"max-height"],emptyText:[1,"empty-text"],selectAllText:[1,"select-all-text"],clearText:[1,"clear-text"],expandText:[1,"expand-text"],collapseText:[1,"collapse-text"],selectedText:[1,"selected-text"],sections:[1],status:[1],helperText:[1,"helper-text"],isOpen:[32],query:[32],expandedKeys:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}]}]);function k(){"undefined"!=typeof customElements&&["co-column-picker","co-checkbox","co-chip","co-icon"].forEach((e=>{switch(e){case"co-column-picker":customElements.get(c(e))||customElements.define(c(e),b);break;case"co-checkbox":customElements.get(c(e))||n();break;case"co-chip":customElements.get(c(e))||s();break;case"co-icon":customElements.get(c(e))||a()}}))}k();const x=b,g=k;export{x as CoColumnPicker,g as defineCustomElement}

package/dist/components/co-combobox.js

@@ -1 +1 @@
-import{p as o,H as e,c as t,h as c,t as i}from"./index.js";import{d as a}from"./p-B18FTYLq.js";import{d as s}from"./p-wwWquAtm.js";import{d as r}from"./p-FBICWTuN.js";const n=o(class o extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=t(this,"coChange",7),this.coOpen=t(this,"coOpen",7),this.coClose=t(this,"coClose",7),this.coClear=t(this,"coClear",7),this.coFooterPrimary=t(this,"coFooterPrimary",7),this.coFooterSecondary=t(this,"coFooterSecondary",7),this.placeholder="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.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.scrollTop=0,this.handleTriggerClick=o=>{console.log("[co-combobox] handleTriggerClick, disabled:",this.disabled),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],t=e.indexOf(o);t>=0?e.splice(t,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 t=this.selectedValues.filter((o=>o!==e));this.value=JSON.stringify(t),this.coChange.emit(t)},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(){if(!this.searchQuery)return this.parsedOptions;const o=this.searchQuery.toLowerCase();return this.parsedOptions.filter((e=>e.label.toLowerCase().includes(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}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;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}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()}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 t=o.getBoundingClientRect().right;let c=0;for(let o=e.length-1;o>=0&&e[o].getBoundingClientRect().right>t+1;o--)c++;c!==this.overflowCount&&(this.overflowCount=c)}getVirtualSlice(e){const{ITEM_HEIGHT:t,VIEWPORT_ITEMS:c,OVERSCAN:i}=o,a=e.length,s=a*t,r=Math.max(0,Math.floor(this.scrollTop/t)-i);return{totalHeight:s,startIdx:r,endIdx:Math.min(a,r+c+2*i),offsetY:r*t}}render(){const o=this.selectedValues,e=this.filteredOptions;return c("div",{key:"e77d4338436c01bf4aeac90a08ec31c60c320e56",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,"co-combobox--filled":this.hasValue},part:"wrapper"},(this.label||this.secondaryLabel)&&c("div",{key:"60f9e0522a8dee4833bbfa564fb55e2bd4b924eb",class:"co-combobox__labels"},this.label&&c("label",{key:"070a1111f508e299313d90364920aca7c2c00062",class:"co-combobox__label",part:"label"},this.label),this.secondaryLabel&&c("span",{key:"77544e3e6783ae2b7e4c51fdf2c614b43db3df18",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),c("co-popover",{key:"69b76f964e92406025c94c44aa639c7d128643ee",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},c("div",{key:"4ea12edc1d79d609379fe293f7807af3c4a31c20",slot:"trigger",class:"co-combobox__trigger",part:"trigger",onClick:this.handleTriggerClick},this.iconLeft&&c("co-icon",{key:"7c9053e320c472bd67a621487de2b456714de2b7",name:this.iconLeft,size:16,class:"co-combobox__icon"}),c("div",{key:"1c9e01f82203801fd4e11c3d01448f0caa3d9cd5",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>c("co-chip",{size:"small","icon-mode":"both",label:o.label},c("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),c("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:e=>this.handleRemoveOption(e,o.value)})))):c("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&c("span",{key:"dba6a9ca703aa80b0b47b3ca132a3ad4364a5968",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&c("button",{key:"2b1f12c41ee1eb95a59dc763b6d1c23f191543aa",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},c("co-icon",{key:"d34a19853a49618668609c963bbf1d6c79170859",name:"x-circle",size:16,weight:"fill"})),c("co-icon",{key:"bc0be278e45f1a4be653f294f4fcea5253491653",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),c("div",{key:"0a346246fb89f71f1b55e68b102c6d670d2d5e17",class:"co-combobox__dropdown",part:"dropdown"},this.searchable&&c("div",{key:"5c7134c5a68402e62b050d6a1ac43bfa110232b4",class:"co-combobox__search",part:"search"},c("co-icon",{key:"4533ade5d31966b24d6f3f57d32fefe711f2ee5f",name:"magnifying-glass",size:16,class:"co-combobox__search-icon"}),c("input",{key:"edbfb2c18dbba3416410a4bbb67dfffa962eeb57",class:"co-combobox__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.searchQuery,onInput:this.handleSearchInput,part:"search-input"})),c("div",{key:"6734495aca88397e2874e5dda5252bda2a96a5ca",class:"co-combobox__options",part:"options",ref:o=>this.optionsContainerEl=o,onScroll:this.handleOptionsScroll},(()=>{const{totalHeight:t,startIdx:i,endIdx:a,offsetY:s}=this.getVirtualSlice(e);return c("div",{class:"co-combobox__virtual-spacer",style:{height:t+"px",position:"relative"}},c("div",{style:{position:"absolute",top:s+"px",left:"0",right:"0"}},e.slice(i,a).map((e=>{const t=o.includes(e.value);return c("div",{class:{"co-combobox__option":!0,"co-combobox__option--selected":t},onClick:()=>this.handleOptionClick(e.value),part:"option"},c("div",{class:"co-combobox__option-content"},c("div",{class:"co-combobox__option-icon-wrapper"},c("co-icon",{name:e.icon||"circle",size:20,class:"co-combobox__option-icon"})),c("span",{class:"co-combobox__option-label"},e.label)),t&&this.multiple&&c("button",{class:"co-combobox__option-remove",type:"button",tabIndex:-1,onClick:o=>this.handleRemoveOption(o,e.value),"aria-label":"Remove "+e.label},c("co-icon",{name:"x-circle",size:16,weight:"fill"})),t&&!this.multiple&&c("co-icon",{name:"check",size:16,class:"co-combobox__option-check"}))}))))})()),this.showFooter&&c("div",{key:"d618d08c25c1f2d1d04b9e7b19df9b01d79f7002",class:"co-combobox__footer",part:"footer"},c("button",{key:"950ab40c71a96de34f339859b9f69397ad69b1c3",class:"co-combobox__footer-btn co-combobox__footer-btn--secondary",type:"button",onClick:this.handleFooterSecondary},c("co-icon",{key:"89c72b7cbbfab66980fc3b5ff2d6e61cfc0e544d",name:"plus",size:16}),c("span",{key:"167aadfbcae4abccf7e35f2b32e0893f75a495f6"},this.footerSecondaryLabel)),c("button",{key:"92778f91ff795978396c3b99b7f1900645a51cf7",class:"co-combobox__footer-btn co-combobox__footer-btn--primary",type:"button",onClick:this.handleFooterPrimary},c("co-icon",{key:"31c26c2ee563b10948313d750cfce00e5cf47a9f",name:"plus",size:16}),c("span",{key:"4860a6e7399596dd28ad3e0e9c577a1e93ece861"},this.footerPrimaryLabel))))))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}static get style(){return":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--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;scrollbar-width:thin;scrollbar-color:var(--co-semantic-border-subtle) transparent}.co-combobox__options::-webkit-scrollbar{width:6px}.co-combobox__options::-webkit-scrollbar-track{background:transparent;border-radius:3px}.co-combobox__options::-webkit-scrollbar-thumb{background:var(--co-semantic-border-subtle);border-radius:3px;transition:background 0.15s ease}.co-combobox__options::-webkit-scrollbar-thumb:hover{background:var(--co-semantic-text-muted)}.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__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}"}},[1,"co-combobox",{label:[1],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],helperText:[1,"helper-text"],isOpen:[32],searchQuery:[32],overflowCount:[32],scrollTop:[32]},void 0,{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}]);function l(){"undefined"!=typeof customElements&&["co-combobox","co-chip","co-icon","co-popover"].forEach((o=>{switch(o){case"co-combobox":customElements.get(i(o))||customElements.define(i(o),n);break;case"co-chip":customElements.get(i(o))||a();break;case"co-icon":customElements.get(i(o))||s();break;case"co-popover":customElements.get(i(o))||r()}}))}n.ITEM_HEIGHT=34,n.VIEWPORT_ITEMS=8,n.OVERSCAN=3,l();const b=n,d=l;export{b as CoCombobox,d as defineCustomElement}
+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}

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{d as o}from"./p-wwWquAtm.js";import{d as r}from"./p-cpdUXBiS.js";const i=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(){if(!this.query)return this.parsedItems;const e=this.query.toLowerCase();return this.parsedItems.filter((a=>a.label.toLowerCase().includes(e)||a.value.toLowerCase().includes(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:"549e381da5563fabb3e6c178a626f594e5222cba",class:"co-command-search__trigger",onClick:this.handleTriggerClick},c("slot",{key:"868215f146f78217eada61b578dfd15d436c95db",name:"trigger"})),c("co-overlay",{key:"1be4cfcf2847a71d7cd0c604f1cae069aa60f1a4",open:this.open,onCoClose:this.handleOverlayClick},c("div",{key:"9f4de81a78ff1fbc947c375d36bd94d4ca22a75b",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:"b395211a8b62c4a902ff645b82676537ce0046ed",class:"co-command-search__input-row",part:"input-row"},c("co-icon",{key:"642b29afe6f08e60ae33828db63ccf23b70f9fc5",name:"magnifying-glass",size:20}),c("input",{key:"6d4b6b07b0d44d4cfedfad5cd3bc1d638b9fe601",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:"048f07c5cf78eee445e2e8f49271a5024ffe83f6",class:"co-command-search__shortcut"},"ESC")),c("div",{key:"f0f7b6dccd1168ef8ce858f35d91089b51c65512",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"},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__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 n(){"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),i);break;case"co-icon":customElements.get(e(a))||o();break;case"co-overlay":customElements.get(e(a))||r()}}))}n();const m=i,d=n;export{m as CoCommandSearch,d as defineCustomElement}
+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}

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

@@ -1 +1 @@
-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-wwWquAtm.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:"2de92b803c40dcb254fbcdd56406319af502cfa8",class:"co-pagination",part:"pagination"},t("div",{key:"db02175a70f85fbf79689fca100b3c261e9c37a3",class:"co-pagination__section"},t("span",{key:"83ccd386d1d1385bd2106b4443fd572b1eda021c",class:"co-pagination__label"},this.jumpToPageLabel),t("input",{key:"b2f723e6fc0eeeaeb4f6db431cf68bb941eb7538",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:"977949923862d497b8de2d46dfda536d67b6f981",class:"co-pagination__section co-pagination__section--page-size"},t("div",{key:"c5f0467475206e731c6d429fb6cd80245b37ad74",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},t("span",{key:"08c37fe8cd7f9e9b13b3cfc4200096f51f19c916",class:"co-pagination__page-size-value"},this.pageSize),t("span",{key:"117deb7ddce63482ff930341834ecbda51870c91",class:"co-pagination__label"},this.perPageLabel),t("co-icon",{key:"2a9c4d04d50a60fa496429120d80e7f95c393164",name:"caret-down",size:14})),this.showPageSizeDropdown&&t("div",{key:"548972a8057b098129693caac38d964221662b64",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:"595f8ef3df42c7a38bd2f59c3402bc99a9b23727",class:"co-pagination__spacer"}),t("div",{key:"b2ffe70a449adf2ce1c5376447dddbdb8ef0f5b3",class:"co-pagination__section"},t("span",{key:"d6c3808153534e9bd58e51492ea03c55b7315a05",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),t("div",{key:"ee2814865e862e9f99d829dcd7ec212774c8b5df",class:"co-pagination__section co-pagination__nav"},t("button",{key:"e991cf8e2a4907181e30dd7ce9f27bcc97325424",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:"8fe3515dccf9375904a5875f571948e1aacd86f7",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 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}