@prolibu-suite/cobalt-core 0.11.6 → 0.11.7

package/dist/components/co-rich-text-viewer.js

@@ -1 +1 @@
-import{t,p as e,H as i,h as r}from"./index.js";import{p as a}from"./p-B2QLgWrz.js";const o={comment:["p","br","strong","em","a","span","ul","ol","li","h1","h2","h3","h4"],task:["p","br","strong","em","a","span","u","s","code","ul","ol","li","blockquote"],notes:["p","br","strong","em","a","span","u","s","code","ul","ol","li","blockquote","mark"],email:["p","br","strong","em","a","span","u","s","code","ul","ol","li","blockquote","h2","h3","div","img"],document:["p","br","strong","em","a","span","u","s","code","ul","ol","li","blockquote","h1","h2","h3","h4","hr","div","mark","img","table","thead","tbody","tr","th","td","iframe"],"block-email":["p","br","strong","em","a","span","u","s","code","ul","ol","li","blockquote","h2","h3","div","img"],print:["p","br","strong","em","s","code","a","span","mark","h1","h2","h3","h4","ul","ol","li","blockquote","pre","hr","img","div","table","colgroup","col","thead","tbody","tr","th","td"],"print-header":["p","br","strong","em","s","code","span","mark","img"]},c=/^https:\/\/[^\s"'<>]+$/i,s=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.value=null,this.format="html",this.preset="document",this.compact=!1,this.html=""}componentWillLoad(){return this.compute()}watchInputs(){return this.compute()}get parsedFeatures(){if(this.features){if("string"==typeof this.features)try{return JSON.parse(this.features)}catch(t){return}return this.features}}sanitizeHtml(t){var e,i;a.addHook("afterSanitizeAttributes",(t=>{if("A"!==t.tagName)return;const e=t.getAttribute("href")||"";/^https?:\/\//i.test(e)&&(t.setAttribute("target","_blank"),t.setAttribute("rel","noopener noreferrer nofollow"))})),a.addHook("uponSanitizeElement",((t,e)=>{var i,r;if("input"===e.tagName&&"checkbox"!==t.type&&(null===(i=t.parentNode)||void 0===i||i.removeChild(t)),"iframe"===e.tagName){const e=t.getAttribute("src")||"";c.test(e)||null===(r=t.parentNode)||void 0===r||r.removeChild(t)}}));const r=["href","target","rel","data-variable","data-mention-id","data-mention-label","style","colspan","rowspan","src","alt","width","height","allowfullscreen","frameborder","allow","loading","data-youtube-video","data-iframe","data-image-layout","data-file-id","type","checked","disabled","data-color"];if(null===(e=this.parsedFeatures)||void 0===e?void 0:e.mentions)for(const t of["data-id","data-value","data-denotation-char","data-index"])r.includes(t)||r.push(t);try{return a.sanitize(t,{ALLOWED_TAGS:null!==(i=o[this.preset])&&void 0!==i?i:o.document,ALLOWED_ATTR:r,ALLOW_DATA_ATTR:!1,FORBID_TAGS:["script","object","embed","form","textarea","style"],ADD_ATTR:["allowfullscreen","frameborder","allow","loading"]})}finally{a.removeHook("uponSanitizeElement"),a.removeHook("afterSanitizeAttributes")}}async compute(){if(this.value)if("html"!==this.format)try{const t=JSON.parse(this.value),e=await import("./p-DGLDAl09.js").then((function(t){return t.R}));this.html=e.jsonToHtml(t,this.preset)}catch(t){this.html=""}else this.html=this.sanitizeHtml(this.value);else this.html=""}render(){return this.html?r("div",{class:{"co-rich-text-viewer":!0,"co-rich-text-viewer--compact":this.compact,"co-rich-text-viewer--site":"document"===this.preset},part:"content",innerHTML:this.html}):r("div",{class:"co-rich-text-viewer co-rich-text-viewer--empty",part:"empty"},this.emptyText||"")}static get watchers(){return{value:[{watchInputs:0}],format:[{watchInputs:0}],preset:[{watchInputs:0}],features:[{watchInputs:0}]}}static get style(){return':host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);line-height:1.5}.co-rich-text-viewer{padding:var(--co-spacing-md) 0}.co-rich-text-viewer--compact{padding:var(--co-spacing-sm) 0}.co-rich-text-viewer--empty{color:var(--co-semantic-text-muted);font-style:italic}.co-rich-text-viewer p{margin:0 0 var(--co-spacing-sm)}.co-rich-text-viewer p:last-child{margin-bottom:0}.co-rich-text-viewer h1,.co-rich-text-viewer h2,.co-rich-text-viewer h3,.co-rich-text-viewer h4{margin:var(--co-spacing-md) 0 var(--co-spacing-sm);font-weight:600;line-height:1.3}.co-rich-text-viewer h1{font-size:var(--co-font-size-28, 28px)}.co-rich-text-viewer h2{font-size:var(--co-font-size-20, 20px)}.co-rich-text-viewer h3{font-size:var(--co-font-size-16, 16px)}.co-rich-text-viewer ul,.co-rich-text-viewer ol{padding-left:var(--co-spacing-xl);margin:0 0 var(--co-spacing-sm)}.co-rich-text-viewer blockquote{border-left:3px solid var(--co-semantic-border-subtle);padding-left:var(--co-spacing-md);margin:0 0 var(--co-spacing-sm);color:var(--co-semantic-text-secondary)}.co-rich-text-viewer a{color:var(--co-color-primary-azul);text-decoration:underline}.co-rich-text-viewer img{max-width:100%;height:auto;border-radius:var(--co-border-radius-xs);margin:var(--co-spacing-sm) 0}.co-rich-text-viewer img[data-image-layout="wrap-left"]{float:left;max-width:50%;margin:4px 16px 8px 0}.co-rich-text-viewer img[data-image-layout="wrap-right"]{float:right;max-width:50%;margin:4px 0 8px 16px}.co-rich-text-viewer img[data-image-layout="center"]{display:block;margin:12px auto}.co-rich-text-viewer img[data-image-layout="full-width"]{display:block;width:100%;margin:12px 0}@media (max-width: 768px){.co-rich-text-viewer img[data-image-layout="wrap-left"],.co-rich-text-viewer img[data-image-layout="wrap-right"]{float:none;max-width:100%;display:block;margin:12px 0}}.co-rich-text-viewer img[style*="position:absolute"],.co-rich-text-viewer img[style*="position: absolute"]{position:static !important;left:auto !important;top:auto !important;z-index:auto !important}.co-rich-text-viewer iframe{width:100%;max-width:100%;aspect-ratio:16 / 9;height:auto;display:block;border:0;border-radius:var(--co-border-radius-xs);margin:0}.co-rich-text-viewer .co-rte-iframe,.co-rich-text-viewer [data-youtube-video]{display:block;max-width:100%;margin:var(--co-spacing-sm) 0}.co-rich-text-viewer code{font-family:var(--co-font-family-mono);font-size:0.9em;background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.06));padding:0.1em 0.3em;border-radius:var(--co-border-radius-xxs)}.co-rich-text-viewer .co-rte-variable,.co-rich-text-viewer [data-variable]{display:inline-block;padding:0.05em 0.4em;border-radius:var(--co-border-radius-xxs);background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff);font-size:0.9em}.co-rich-text-viewer [data-mention-id],.co-rich-text-viewer [data-denotation-char=\'@\'][data-id]{display:inline-block;padding:0.05em 0.4em;border-radius:var(--co-border-radius-xxs);background:var(--co-color-azul-200);color:var(--co-color-azul-800);font-size:0.9em;white-space:nowrap}.co-rich-text-viewer #userMentionsTracker{display:none}.co-rich-text-viewer--site{width:var(--co-rte-content-width, 80%);max-width:100%;margin:0 auto}@media (max-width: 768px){.co-rich-text-viewer--site{width:100%}}'}},[1,"co-rich-text-viewer",{value:[1],format:[1],preset:[1],emptyText:[1,"empty-text"],compact:[4],features:[1],html:[32]},void 0,{value:[{watchInputs:0}],format:[{watchInputs:0}],preset:[{watchInputs:0}],features:[{watchInputs:0}]}]);function n(){"undefined"!=typeof customElements&&["co-rich-text-viewer"].forEach((e=>{"co-rich-text-viewer"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))}n();const l=s,h=n;export{l as CoRichTextViewer,h as defineCustomElement}
+import{t,p as e,H as i,h as r}from"./index.js";import{p as a}from"./p-B2QLgWrz.js";const o={comment:["p","br","strong","em","a","span","ul","ol","li","h1","h2","h3","h4"],task:["p","br","strong","em","a","span","u","s","code","ul","ol","li","blockquote"],notes:["p","br","strong","em","a","span","u","s","code","ul","ol","li","blockquote","mark"],email:["p","br","strong","em","a","span","u","s","code","ul","ol","li","blockquote","h2","h3","div","img"],document:["p","br","strong","em","a","span","u","s","code","ul","ol","li","blockquote","h1","h2","h3","h4","hr","div","mark","img","table","thead","tbody","tr","th","td","iframe"],"block-email":["p","br","strong","em","a","span","u","s","code","ul","ol","li","blockquote","h2","h3","div","img"],print:["p","br","strong","em","s","code","a","span","mark","h1","h2","h3","h4","ul","ol","li","blockquote","pre","hr","img","div","table","colgroup","col","thead","tbody","tr","th","td"],"print-header":["p","br","strong","em","s","code","span","mark","img"]},c=/^https:\/\/[^\s"'<>]+$/i,s=e(class extends i{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.value=null,this.format="html",this.preset="document",this.compact=!1,this.html=""}componentWillLoad(){return this.compute()}watchInputs(){return this.compute()}get parsedFeatures(){if(this.features){if("string"==typeof this.features)try{return JSON.parse(this.features)}catch(t){return}return this.features}}sanitizeHtml(t){var e,i;a.addHook("afterSanitizeAttributes",(t=>{if("A"!==t.tagName)return;const e=t.getAttribute("href")||"";/^https?:\/\//i.test(e)&&(t.setAttribute("target","_blank"),t.setAttribute("rel","noopener noreferrer nofollow"))})),a.addHook("uponSanitizeElement",((t,e)=>{var i,r;if("input"===e.tagName&&"checkbox"!==t.type&&(null===(i=t.parentNode)||void 0===i||i.removeChild(t)),"iframe"===e.tagName){const e=t.getAttribute("src")||"";c.test(e)||null===(r=t.parentNode)||void 0===r||r.removeChild(t)}}));const r=["href","target","rel","data-variable","data-mention-id","data-mention-label","style","colspan","rowspan","src","alt","width","height","allowfullscreen","frameborder","allow","loading","data-youtube-video","data-iframe","data-image-layout","data-file-id","type","checked","disabled","data-color"];if(null===(e=this.parsedFeatures)||void 0===e?void 0:e.mentions)for(const t of["data-id","data-value","data-denotation-char","data-index"])r.includes(t)||r.push(t);try{return a.sanitize(t,{ALLOWED_TAGS:null!==(i=o[this.preset])&&void 0!==i?i:o.document,ALLOWED_ATTR:r,ALLOW_DATA_ATTR:!1,FORBID_TAGS:["script","object","embed","form","textarea","style"],ADD_ATTR:["allowfullscreen","frameborder","allow","loading"]})}finally{a.removeHook("uponSanitizeElement"),a.removeHook("afterSanitizeAttributes")}}async compute(){if(this.value)if("html"!==this.format)try{const t=JSON.parse(this.value),e=await import("./p-LnW75kr5.js").then((function(t){return t.R}));this.html=e.jsonToHtml(t,this.preset)}catch(t){this.html=""}else this.html=this.sanitizeHtml(this.value);else this.html=""}render(){return this.html?r("div",{class:{"co-rich-text-viewer":!0,"co-rich-text-viewer--compact":this.compact,"co-rich-text-viewer--site":"document"===this.preset},part:"content",innerHTML:this.html}):r("div",{class:"co-rich-text-viewer co-rich-text-viewer--empty",part:"empty"},this.emptyText||"")}static get watchers(){return{value:[{watchInputs:0}],format:[{watchInputs:0}],preset:[{watchInputs:0}],features:[{watchInputs:0}]}}static get style(){return':host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);color:var(--co-semantic-text-default);line-height:1.5}.co-rich-text-viewer{padding:var(--co-spacing-md) 0}.co-rich-text-viewer--compact{padding:var(--co-spacing-sm) 0}.co-rich-text-viewer--empty{color:var(--co-semantic-text-muted);font-style:italic}.co-rich-text-viewer p{margin:0 0 var(--co-spacing-sm)}.co-rich-text-viewer p:last-child{margin-bottom:0}.co-rich-text-viewer h1,.co-rich-text-viewer h2,.co-rich-text-viewer h3,.co-rich-text-viewer h4{margin:var(--co-spacing-md) 0 var(--co-spacing-sm);font-weight:600;line-height:1.3}.co-rich-text-viewer h1{font-size:var(--co-font-size-28, 28px)}.co-rich-text-viewer h2{font-size:var(--co-font-size-20, 20px)}.co-rich-text-viewer h3{font-size:var(--co-font-size-16, 16px)}.co-rich-text-viewer ul,.co-rich-text-viewer ol{padding-left:var(--co-spacing-xl);margin:0 0 var(--co-spacing-sm)}.co-rich-text-viewer blockquote{border-left:3px solid var(--co-semantic-border-subtle);padding-left:var(--co-spacing-md);margin:0 0 var(--co-spacing-sm);color:var(--co-semantic-text-secondary)}.co-rich-text-viewer a{color:var(--co-semantic-text-link, var(--co-color-primary-azul));text-decoration:underline}.co-rich-text-viewer img{max-width:100%;height:auto;border-radius:var(--co-border-radius-xs);margin:var(--co-spacing-sm) 0}.co-rich-text-viewer img[data-image-layout="wrap-left"]{float:left;max-width:50%;margin:4px 16px 8px 0}.co-rich-text-viewer img[data-image-layout="wrap-right"]{float:right;max-width:50%;margin:4px 0 8px 16px}.co-rich-text-viewer img[data-image-layout="center"]{display:block;margin:12px auto}.co-rich-text-viewer img[data-image-layout="full-width"]{display:block;width:100%;margin:12px 0}@media (max-width: 768px){.co-rich-text-viewer img[data-image-layout="wrap-left"],.co-rich-text-viewer img[data-image-layout="wrap-right"]{float:none;max-width:100%;display:block;margin:12px 0}}.co-rich-text-viewer img[style*="position:absolute"],.co-rich-text-viewer img[style*="position: absolute"]{position:static !important;left:auto !important;top:auto !important;z-index:auto !important}.co-rich-text-viewer iframe{width:100%;max-width:100%;aspect-ratio:16 / 9;height:auto;display:block;border:0;border-radius:var(--co-border-radius-xs);margin:0}.co-rich-text-viewer .co-rte-iframe,.co-rich-text-viewer [data-youtube-video]{display:block;max-width:100%;margin:var(--co-spacing-sm) 0}.co-rich-text-viewer code{font-family:var(--co-font-family-mono);font-size:0.9em;background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.06));padding:0.1em 0.3em;border-radius:var(--co-border-radius-xxs)}.co-rich-text-viewer .co-rte-variable,.co-rich-text-viewer [data-variable]{display:inline-block;padding:0.05em 0.4em;border-radius:var(--co-border-radius-xxs);background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff);font-size:0.9em}.co-rich-text-viewer [data-mention-id],.co-rich-text-viewer [data-denotation-char=\'@\'][data-id]{display:inline-block;padding:0.05em 0.4em;border-radius:var(--co-border-radius-xxs);background:var(--co-color-azul-200);color:var(--co-color-azul-800);font-size:0.9em;white-space:nowrap}.co-rich-text-viewer #userMentionsTracker{display:none}.co-rich-text-viewer--site{width:var(--co-rte-content-width, 80%);max-width:100%;margin:0 auto}@media (max-width: 768px){.co-rich-text-viewer--site{width:100%}}'}},[1,"co-rich-text-viewer",{value:[1],format:[1],preset:[1],emptyText:[1,"empty-text"],compact:[4],features:[1],html:[32]},void 0,{value:[{watchInputs:0}],format:[{watchInputs:0}],preset:[{watchInputs:0}],features:[{watchInputs:0}]}]);function n(){"undefined"!=typeof customElements&&["co-rich-text-viewer"].forEach((e=>{"co-rich-text-viewer"===e&&(customElements.get(t(e))||customElements.define(t(e),s))}))}n();const l=s,h=n;export{l as CoRichTextViewer,h as defineCustomElement}

package/dist/components/co-row.js

@@ -1 +1 @@
-import{t as o,p as r,H as e,h as c}from"./index.js";const a=r(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.position="single",this.size="sm"}render(){return c("div",{key:"077025b2a73f8440400c27923f1d3a7e38cfb346",class:{"co-row":!0,["co-row--"+this.position]:!0,["co-row--"+this.size]:!0},part:"row"},c("div",{key:"2ffc2d8e5c0ab4779a5599736c877097039fd47f",class:"co-row__prefix"},c("slot",{key:"b6cb185d5f1bb577f78d19b9f78fce1be52c5252",name:"prefix"})),c("div",{key:"f2a34f5554a832d6ae5030bb1138488928025d43",class:"co-row__content"},c("slot",{key:"a8ad430becc2e285e4fec43b16a6e29ba9088f8a"})),c("div",{key:"7fef31caadd3fb43571286a2ee13cf42ebbf8d78",class:"co-row__suffix"},c("slot",{key:"63465e56defc9a0c11bc5a1eba46ac7f150d67fb",name:"suffix"})))}static get style(){return":host{display:block}.co-row{display:flex;align-items:center;gap:var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box}.co-row--sm{padding:var(--co-spacing-sm2) var(--co-spacing-lg);min-height:40px;font-size:var(--co-font-size-14)}.co-row--lg{padding:var(--co-spacing-lg) var(--co-spacing-xl);min-height:76px;font-size:var(--co-font-size-16)}.co-row--single{border-radius:var(--co-border-radius-lg)}.co-row--top{border-radius:var(--co-border-radius-lg) var(--co-border-radius-lg) 0 0;border-bottom:none}.co-row--middle{border-radius:0;border-bottom:none}.co-row--bottom{border-radius:0 0 var(--co-border-radius-lg) var(--co-border-radius-lg)}.co-row__prefix,.co-row__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-row__prefix:empty,.co-row__suffix:empty{display:none}.co-row__content{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--co-spacing-xs)}.co-row__suffix{margin-left:auto}"}},[257,"co-row",{position:[1],size:[1]}]);function s(){"undefined"!=typeof customElements&&["co-row"].forEach((r=>{"co-row"===r&&(customElements.get(o(r))||customElements.define(o(r),a))}))}s();const i=a,t=s;export{i as CoRow,t as defineCustomElement}
+import{t as o,p as e,H as r,h as c}from"./index.js";const s=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.position="single",this.size="sm"}render(){return c("div",{key:"d052e6dba474ea6f1f136d677ebc538557685f07",class:{"co-row":!0,["co-row--"+this.position]:!0,["co-row--"+this.size]:!0},part:"row"},c("div",{key:"539f84f2fa75b7f21e434c59e712e37ee9ec8c97",class:"co-row__prefix"},c("slot",{key:"53c1587065532465adc5a57e53486e1f95f6d62c",name:"prefix"})),c("div",{key:"6ac141b5b74f94ebea99ba3be6c7ec01e7c0303c",class:"co-row__content"},c("slot",{key:"8e9312d7dbe9c085880a686735ac45a600e98802"})),c("div",{key:"3b7ae09f7dc1db532c76c2439d5632e59d16f916",class:"co-row__suffix"},c("slot",{key:"d42cc77971fb7c8e435538ce77192217f58a6c1b",name:"suffix"})))}static get style(){return":host{display:block}.co-row{display:flex;align-items:center;gap:var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box}.co-row--sm{padding:var(--co-spacing-sm2) var(--co-spacing-lg);min-height:40px;font-size:var(--co-font-size-14)}.co-row--lg{padding:var(--co-spacing-lg) var(--co-spacing-xl);min-height:76px;font-size:var(--co-font-size-16)}.co-row--single{border-radius:var(--co-border-radius-lg)}.co-row--top{border-radius:var(--co-border-radius-lg) var(--co-border-radius-lg) 0 0;border-bottom:none}.co-row--middle{border-radius:0;border-bottom:none}.co-row--bottom{border-radius:0 0 var(--co-border-radius-lg) var(--co-border-radius-lg)}.co-row__prefix,.co-row__suffix{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0;color:var(--co-semantic-text-muted)}.co-row__prefix:empty,.co-row__suffix:empty{display:none}.co-row__content{display:flex;flex-direction:column;flex:1;min-width:0;gap:var(--co-spacing-xs)}.co-row__suffix{margin-left:auto}"}},[257,"co-row",{position:[1],size:[1]}]);function a(){"undefined"!=typeof customElements&&["co-row"].forEach((e=>{"co-row"===e&&(customElements.get(o(e))||customElements.define(o(e),s))}))}a();const i=s,t=a;export{i as CoRow,t as defineCustomElement}

package/dist/components/co-select.js

@@ -1 +1 @@
-import{p as e,H as o,c as r,h as t,t as s}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{O as i}from"./p-ox7HzCZn.js";import{r as l,h as c}from"./p-Ba_v-MzM.js";import{d as n}from"./p-KK2vAKs-.js";import{d}from"./p-Bw_b_czs.js";import{d as h}from"./p-TGRbLkLz.js";const p=Object.freeze({rowHeight:34,gap:0}),b=e=>e.rowHeight+e.gap;function v(e,o){return e>0?e*o.rowHeight+(e-1)*o.gap:0}const g=e(class e extends o{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.coClear=r(this,"coClear",7),this.coFooterPrimary=r(this,"coFooterPrimary",7),this.required=!1,this.placeholder="Select…",this.disabled=!1,this.clearable=!1,this.layout="vertical",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.size="md",this.variant="default",this.labelStyle="default",this.menuSurface="light",this.searchable=!1,this.searchPlaceholder="Search…",this.emptyText="No results",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.isOpen=!1,this.scrollTop=0,this.searchText="",this.sortSnapshot=new Set,this.activeIndex=-1,this.rowMetrics=p,this.pendingActiveScroll=!1,this.activeScrollFrames=0,this.lastParsedOptions=[],this.lastRankSearch="",this.lastRanked=[],this.readCssLengthPx=e=>{if("function"!=typeof getComputedStyle)return null;const o=getComputedStyle(this.el).getPropertyValue(e).trim();if(!o)return null;const r=/^(-?\d*\.?\d+)px$/.exec(o);if(r)return parseFloat(r[1]);const t=this.el.shadowRoot;if(!t)return null;const s=document.createElement("div");s.style.display="none",s.style.setProperty("height",`var(${e})`),t.appendChild(s);const a=getComputedStyle(s).height;return s.remove(),/px$/.test(a)?parseFloat(a):null},this.handleSearchInput=e=>{this.searchText=e.target.value,this.scrollTop=0,this.activeIndex=this.filteredOptions.length?0:-1},this.handleTriggerClick=e=>{this.disabled&&e.stopPropagation()},this.handleTriggerKeyDown=e=>{this.disabled||e.target===this.triggerEl&&(this.handleNavKeyDown(e)||("Enter"===e.key||" "===e.key?(e.preventDefault(),this.isOpen?this.isOpen=!1:this.openPanel()):"ArrowDown"!==e.key||this.isOpen||(e.preventDefault(),this.openPanel())))},this.handleNavKeyDown=e=>{if(this.disabled||!this.isOpen)return!1;const o=this.filteredOptions.length,r=o-1,t=this.activeIndex>=0?this.activeIndex:-1;switch(e.key){case"ArrowDown":o&&this.setActiveIndex(t>=r?0:t+1);break;case"ArrowUp":o&&this.setActiveIndex(t<=0?r:t-1);break;case"Home":o&&this.setActiveIndex(0);break;case"End":o&&this.setActiveIndex(r);break;case" ":if(e.target===this.searchInputEl)return!1;this.activateActiveOption();break;case"Enter":this.activateActiveOption();break;default:return!1}return e.preventDefault(),!0},this.handleOptionPointerMove=(e,o)=>{"touch"!==e.pointerType&&this.activeIndex!==o&&(this.activeIndex=o)},this.flushActiveScroll=()=>{var o,r,t,s,a;if(!this.pendingActiveScroll)return;if(!this.isOpen)return void(this.pendingActiveScroll=!1);const i=this.scrollTop||0,l=null!==(r=null===(o=this.osInstance)||void 0===o?void 0:o.elements().viewport)&&void 0!==r?r:this.optionsContainerEl;return l&&(l.scrollTop=i,Math.abs(l.scrollTop-i)<=1)?(this.pendingActiveScroll=!1,this.activeScrollFrames=0,void(null===(a=null===(s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById(this.optionId(this.activeIndex)))||void 0===s?void 0:s.scrollIntoView)||void 0===a||a.call(s,{block:"nearest"}))):++this.activeScrollFrames>e.ACTIVE_SCROLL_MAX_FRAMES?(this.pendingActiveScroll=!1,void(this.activeScrollFrames=0)):void requestAnimationFrame(this.flushActiveScroll)},this.handlePopoverOpen=()=>{this.isOpen||(this.sortSnapshot=new Set(this.selectedValues),this.isOpen=!0)},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleClear=e=>{e.stopPropagation(),this.value=this.multiple?"[]":"",this.coClear.emit(),this.coChange.emit(this.multiple?[]:"")},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleOptionClick=e=>{if(this.multiple){const o=[...this.selectedValues],r=o.indexOf(e);r>=0?o.splice(r,1):o.push(e),this.value=JSON.stringify(o),this.coChange.emit(o)}else this.value=e,this.isOpen=!1,this.coChange.emit(e)}}get parsedOptions(){const e=this.options;if(e===this.lastOptionsRaw)return this.lastParsedOptions;let o=e;if("string"==typeof o)try{o=JSON.parse(o)}catch(e){o=[]}const r=Array.isArray(o)?o.map((e=>"string"==typeof e?{label:e,value:e}:e)):[];return this.lastOptionsRaw=e,this.lastParsedOptions=r,r}get filteredOptions(){const e=this.parsedOptions;let o;return this.searchable&&this.searchText.trim()?e===this.lastRankInput&&this.searchText===this.lastRankSearch?o=this.lastRanked:(o=l(e,this.searchText,(e=>e.label)),this.lastRankInput=e,this.lastRankSearch=this.searchText,this.lastRanked=o):o=e,this.multiple&&0!==this.sortSnapshot.size?[...o.filter((e=>this.sortSnapshot.has(e.value))),...o.filter((e=>!this.sortSnapshot.has(e.value)))]:o}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 selectedOption(){if(this.multiple)return;const e=this.selectedValues[0];return e?this.parsedOptions.find((o=>o.value===e)):void 0}get displayText(){const e=this.selectedValues;if(0===e.length)return"";if(!this.multiple){const o=this.parsedOptions.find((o=>o.value===e[0]));return o?o.label:e[0]}return e.map((e=>{const o=this.parsedOptions.find((o=>o.value===e));return o?o.label:e})).join(", ")}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}optionId(e){return"co-select-option-"+e}resetActiveIndex(){const e=this.filteredOptions;if(0===e.length)return void(this.activeIndex=-1);const o=this.selectedValues,r=o.length?e.findIndex((e=>o.includes(e.value))):-1;this.activeIndex=r>=0?r:0,this.scrollActiveIntoView()}onOpenChange(e){e?(this.scrollTop=0,this.rowMetrics=function(e){const o=e("--co-select-option-height"),r=e("--co-select-menu-gap");return{rowHeight:null!=o&&o>0?o:p.rowHeight,gap:null!=r&&r>=0?r:p.gap}}(this.readCssLengthPx),this.resetActiveIndex(),this.searchable&&this.focusSearchWhenVisible()):(this.searchText="",this.activeIndex=-1,this.restoreTriggerFocus())}openPanel(){this.sortSnapshot=new Set(this.selectedValues),this.isOpen=!0}setActiveIndex(e){this.activeIndex=e,this.scrollActiveIntoView()}activateActiveOption(){const e=this.filteredOptions[this.activeIndex];e&&!e.disabled&&this.handleOptionClick(e.value)}scrollActiveIntoView(){const o=this.activeIndex;if(!(o>=0))return;const r=this.scrollTop||0,t=function(e,o,r,t){const s=e*b(r),a=s+r.rowHeight,i=v(t,r);return s<o?s:a>o+i?a-i:o}(o,r,this.metrics,e.VIEWPORT_ITEMS);t!==r&&(this.scrollTop=t),this.pendingActiveScroll=!0,this.activeScrollFrames=0}focusSearchWhenVisible(e=0){var o,r;this.isOpen&&this.searchable&&(null===(o=this.searchInputEl)||void 0===o||o.focus(),this.searchInputEl&&(null===(r=this.el.shadowRoot)||void 0===r?void 0:r.activeElement)===this.searchInputEl||e>=20||requestAnimationFrame((()=>this.focusSearchWhenVisible(e+1))))}restoreTriggerFocus(){var e;const o=document.activeElement;(o===this.el||this.el.contains(o))&&(null===(e=this.triggerEl)||void 0===e||e.focus())}syncOverlayScrollbars(){const e=this.isOpen&&!!this.optionsContainerEl;e&&!this.osInstance?this.osInstance=i(this.optionsContainerEl,{scrollbars:{theme:"os-theme-co",autoHide:"leave",autoHideDelay:300}},{scroll:e=>{this.scrollTop=e.elements().viewport.scrollTop}}):!e&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}componentDidRender(){this.syncOverlayScrollbars(),this.flushActiveScroll()}componentWillLoad(){this.searchText=this.searchText||""}disconnectedCallback(){var e;null===(e=this.osInstance)||void 0===e||e.destroy(),this.osInstance=void 0,this.pendingActiveScroll=!1,this.activeScrollFrames=0}renderLabel(e){const o=this.searchable&&this.searchText?c(e,this.searchText):null;return o?o.map((e=>e.match?t("span",{class:"co-select__match"},e.text):e.text)):e}get metrics(){var e;return null!==(e=this.rowMetrics)&&void 0!==e?e:p}getVirtualSlice(o){return function(e,o,r,t,s){const a=b(r),i=Math.max(0,Math.floor(o/a)-s),l=Math.min(e,i+t+2*s);return{totalHeight:v(e,r),startIdx:i,endIdx:l,offsetY:i*a}}(o.length,this.scrollTop||0,this.metrics,e.VIEWPORT_ITEMS,e.OVERSCAN)}render(){var o,r;const s=this.selectedValues,i=this.filteredOptions,l=this.isOpen&&this.activeIndex>=0&&this.activeIndex<i.length?this.optionId(this.activeIndex):void 0;return t("div",{key:"12cb506f80422c39f8f5a17b81afa6c01831f237",class:{"co-select":!0,"co-select--open":this.isOpen,"co-select--disabled":this.disabled,["co-select--"+this.size]:!0,["co-select--"+this.status]:"default"!==this.status,"co-select--flat":"flat"===this.variant,"co-select--soft":"soft"===this.variant,"co-select--inline-help":"inline-help"===this.labelStyle}},(this.label||this.secondaryLabel)&&t("div",{key:"bbb454e9d0ab08fd3abf5462711654c6eb8fe253",class:"co-select__labels"},this.label&&t("label",{key:"2dbf39a9e4fca24b95777078ecb6fea060aa2e19",class:"co-select__label"},this.label,t(a,{key:"f5a62c06aa12a5556fc78d93918d673982183dfa",required:this.required})),this.secondaryLabel&&t("span",{key:"2082ba20405dee16a08d35ec1ff67b59294056a0",class:"co-select__secondary-label"},this.secondaryLabel)),t("co-popover",{key:"4f7e00909286922ff2b9d05f1ee4f42f8bc7aed9",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,bare:"dark"===this.menuSurface,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},t("div",{key:"8537fcefbd02707af785ad623bcb1f19b276d3c4",slot:"trigger",class:"co-select__trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-label":this.label||this.ariaLabelText||void 0,"aria-disabled":this.disabled?"true":void 0,"aria-controls":e.LISTBOX_ID,"aria-activedescendant":l,tabIndex:this.disabled?-1:0,ref:e=>this.triggerEl=e,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},this.iconLeft&&t("co-icon",{key:"6714adb30bb2c24824cf80048b579a05825652b9",name:this.iconLeft,size:null!==(o=this.iconSize)&&void 0!==o?o:16,class:"co-select__icon"}),(null===(r=this.selectedOption)||void 0===r?void 0:r.image)&&t("img",{key:"8c0c6cca536a5edba4e3caa50ecd196f9e70117c",class:"co-select__flag",src:this.selectedOption.image,alt:""}),this.multiple&&this.hasValue?t("div",{class:"co-select__chips"},this.selectedValues.map((e=>{const o=this.parsedOptions.find((o=>o.value===e));return t("span",{class:"co-select__chip",key:e},t("span",{class:"co-select__chip-label"},o?o.label:e),t("button",{class:"co-select__chip-remove",type:"button",tabIndex:-1,"aria-label":"Remove",onClick:o=>{o.stopPropagation(),this.handleOptionClick(e)}},t("co-icon",{name:"x",size:12})))}))):t("span",{class:{"co-select__text":!0,"co-select__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder),this.clearable&&this.hasValue&&!this.disabled&&t("button",{key:"65f1295511998e7ec9685ee45433e01c14ae65df",class:"co-select__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},t("co-icon",{key:"23416924a88739bf6326095298bfaaeabbe980e1",name:"x-circle",size:16,weight:"fill"})),t("co-icon",{key:"d4c3c23b8ceb6ef0b918348e8b0f724051380681",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-select__caret"})),t("div",{key:"d591730000ed4e58f6c2474b58949ae15cf65593",class:{"co-select__dropdown":!0,"co-select__dropdown--dark":"dark"===this.menuSurface}},this.isOpen&&this.searchable&&t("div",{key:"d663fdb315d997ed2325a5c385bbd5728bebdaa1",class:"co-select__search"},t("co-icon",{key:"13d5e0bd54b6dfa6d926f7e9ec2057f814720e16",name:"magnifying-glass",size:16,class:"co-select__search-icon"}),t("input",{key:"e7edfe009febe2c681c47fa92105b62c868b53d5",class:"co-select__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.searchText,"aria-controls":e.LISTBOX_ID,"aria-activedescendant":l,onInput:this.handleSearchInput,onKeyDown:this.handleNavKeyDown,ref:e=>this.searchInputEl=e})),this.isOpen&&this.searchable&&0===i.length&&t("div",{key:"bd0befdaba2cbead771171b609e2021c714ea247",class:"co-select__empty"},this.emptyText),t("div",{key:"0e395475bba6b693419986ff2cf582192a15a2e6",class:"co-select__options",id:e.LISTBOX_ID,role:"listbox","aria-multiselectable":this.multiple?"true":void 0,ref:e=>this.optionsContainerEl=e},this.isOpen&&(()=>{const{totalHeight:e,startIdx:o,endIdx:r,offsetY:a}=this.getVirtualSlice(i);return t("div",{role:"presentation",class:"co-select__virtual-spacer",style:{height:e+"px",position:"relative"}},t("div",{role:"presentation",class:"co-select__virtual-window",style:{position:"absolute",top:a+"px",left:"0",right:"0"}},i.slice(o,r).map(((e,r)=>{const a=o+r,l=s.includes(e.value),c=!!e.disabled;return t("div",{id:this.optionId(a),role:"option","aria-selected":l?"true":"false","aria-disabled":c?"true":void 0,"aria-setsize":i.length,"aria-posinset":a+1,class:{"co-select__option":!0,"co-select__option--selected":l,"co-select__option--disabled":c,"co-select__option--active":a===this.activeIndex},onClick:()=>!c&&this.handleOptionClick(e.value),onPointerMove:e=>this.handleOptionPointerMove(e,a)},"dark"===this.menuSurface&&t("span",{class:"co-select__option-check-slot"},l&&t("co-icon",{name:"check",size:12,class:"co-select__option-check co-select__option-check--leading"})),e.image?t("img",{class:"co-select__option-flag",src:e.image,alt:"",loading:"lazy"}):e.icon?t("co-icon",{name:e.icon,size:20,class:"co-select__option-icon"}):null,t("span",{class:"co-select__option-label"},this.renderLabel(e.label)),l&&"dark"!==this.menuSurface&&t("co-icon",{name:"check",size:16,class:"co-select__option-check"}))}))))})()),this.isOpen&&this.showFooter&&t("co-list-footer",{key:"b5991f9a23e145990ba8d1a01f67c1744165aa36",class:"co-select__footer",primaryLabel:this.footerPrimaryLabel,primaryIcon:"check",onCoPrimary:this.handleFooterPrimary}))),this.helperText&&t("div",{key:"04d08f975108f5f86dcbf4078271cbb16c47f4c6",class:"co-select__helper co-select__helper--"+this.status},this.statusIcon&&t("co-icon",{key:"26ab3e89c81d4c64aef536f561921d5c3f08ea62",name:this.statusIcon,size:14,class:"co-select__helper-icon"}),t("span",{key:"0743ba35903d666a3ab4598e4639e8c0f94a190b",class:"co-select__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange: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-select{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-select__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-select__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-select__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-select--disabled .co-select__label,.co-select--disabled .co-select__secondary-label{color:var(--co-semantic-text-disabled)}.co-select__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-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-select--flat .co-select__trigger{background:transparent;border-color:transparent}.co-select--soft .co-select__trigger{background:var(--co-semantic-surface-control);border-color:transparent;color:var(--co-semantic-text-default)}.co-select--inline-help .co-select__trigger{border-color:var(--co-semantic-border-default);gap:var(--co-spacing-sm)}.co-select__chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xxs) 0}.co-select__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xxs) var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:200px}.co-select__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-select__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-select__chip-remove:hover{color:var(--co-semantic-text-default)}.co-select--s .co-select__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-select--sm .co-select__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-select--lg .co-select__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-select--open .co-select__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-select__trigger:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-select--disabled .co-select__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;box-shadow:none;cursor:not-allowed}.co-select--error .co-select__trigger{border-color:var(--co-semantic-status-error)}.co-select--success .co-select__trigger{border-color:var(--co-semantic-status-success)}.co-select--warning .co-select__trigger{border-color:var(--co-color-status-review)}.co-select--info .co-select__trigger{border-color:var(--co-semantic-status-info)}.co-select__flag,.co-select__option-flag{flex-shrink:0;width:20px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px var(--co-semantic-border-subtle)}.co-select__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-select__text{flex:1;min-width:0;color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-select__text--placeholder{color:var(--co-semantic-text-muted)}.co-select--disabled .co-select__text{color:var(--co-semantic-text-disabled)}.co-select__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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-select__clear:hover{color:var(--co-semantic-text-default)}.co-select__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-select__dropdown{padding:var(--co-select-menu-padding, var(--co-spacing-sm2))}.co-select__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm2);margin-bottom:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);height:32px;box-sizing:border-box;color:var(--co-semantic-text-muted)}.co-select__search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--co-font-size-14, 14px);line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-select__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-select__match{font-weight:700;color:var(--co-semantic-text-default)}.co-select__empty{padding:var(--co-spacing-md);text-align:center;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14, 14px)}.co-select__options{max-height:calc(var(--co-select-option-height, 34px) * 8 + var(--co-select-menu-gap, 0px) * 7);overflow-y:auto}.co-select__virtual-window{display:flex;flex-direction:column;gap:var(--co-select-menu-gap, 0px)}.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-select__option{display:flex;align-items:center;gap:var(--co-select-option-gap, var(--co-spacing-sm2));padding:var(--co-select-option-padding, var(--co-spacing-sm2) var(--co-spacing-md));border-radius:var(--co-border-radius-xs);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out);height:var(--co-select-option-height, auto);min-height:var(--co-select-option-height, 32px);box-sizing:border-box}.co-select__option--selected{background:var(--co-semantic-surface-muted)}.co-select__option--active{background:var(--co-semantic-surface-hover)}.co-select__option--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-select__option-icon{flex-shrink:0;color:var(--co-semantic-text-muted)}.co-select__option-label{flex:1;color:var(--co-semantic-text-default);font-size:var(--co-select-option-font-size, var(--co-font-size-14));font-weight:var(--co-select-option-font-weight, 400);line-height:1}.co-select__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-select__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-select__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-select__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-select__helper--error .co-select__helper-icon,.co-select__helper--error .co-select__helper-text{color:var(--co-semantic-status-error)}.co-select__helper--success .co-select__helper-icon,.co-select__helper--success .co-select__helper-text{color:var(--co-semantic-status-success)}.co-select__helper--warning .co-select__helper-icon,.co-select__helper--warning .co-select__helper-text{color:var(--co-color-status-review)}.co-select__helper--info .co-select__helper-icon,.co-select__helper--info .co-select__helper-text{color:var(--co-semantic-status-info)}:host([layout=\'horizontal\']) .co-select{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-select__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout=\'horizontal\']) .co-select__label{white-space:normal}:host([layout=\'horizontal\']) .co-select>:not(.co-select__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)\')}.co-select--xs .co-select__trigger{min-height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-font-size-12);border-radius:var(--co-border-radius-xxs)}.co-select__caret{width:var(--co-select-caret-size, 16px) !important;height:var(--co-select-caret-size, 16px) !important;color:var(--co-select-caret-color, var(--co-semantic-text-muted))}.co-select--inline-help .co-select__labels{align-items:baseline}.co-select--inline-help .co-select__label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14)}.co-select--inline-help .co-select__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-12)}.co-select--inline-help .co-select__caret{color:var(--co-color-gray-600)}.co-select__dropdown--dark{background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);border-radius:var(--co-border-radius-xs, 8px)}.co-select__dropdown--dark .co-select__option-label{color:var(--co-semantic-text-inverse)}.co-select__dropdown--dark .co-select__option--selected{background:transparent}.co-select__dropdown--dark .co-select__option--active{background:var(--co-color-opacity-blanco-16)}.co-select__option-check-slot{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:12px}.co-select__option-check--leading{color:inherit}'}},[1,"co-select",{label:[1],ariaLabelText:[1,"aria-label-text"],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],iconSize:[2,"icon-size"],clearable:[4],helperText:[1,"helper-text"],layout:[513],status:[1],options:[1],value:[1025],multiple:[4],size:[513],variant:[513],labelStyle:[513,"label-style"],menuSurface:[513,"menu-surface"],searchable:[516],searchPlaceholder:[1,"search-placeholder"],emptyText:[1,"empty-text"],showFooter:[4,"show-footer"],footerPrimaryLabel:[1,"footer-primary-label"],isOpen:[32],scrollTop:[32],searchText:[32],sortSnapshot:[32],activeIndex:[32]},void 0,{isOpen:[{onOpenChange:0}]}]);function f(){"undefined"!=typeof customElements&&["co-select","co-icon","co-list-footer","co-popover"].forEach((e=>{switch(e){case"co-select":customElements.get(s(e))||customElements.define(s(e),g);break;case"co-icon":customElements.get(s(e))||n();break;case"co-list-footer":customElements.get(s(e))||d();break;case"co-popover":customElements.get(s(e))||h()}}))}g.VIEWPORT_ITEMS=8,g.OVERSCAN=3,g.LISTBOX_ID="co-select-listbox",g.ACTIVE_SCROLL_MAX_FRAMES=48,f();const u=g,m=f;export{u as CoSelect,m as defineCustomElement}
+import{p as e,H as o,c as t,h as r,t as s}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{O as i}from"./p-ox7HzCZn.js";import{r as l,h as c}from"./p-Ba_v-MzM.js";import{d as n}from"./p-qMNHMnvI.js";import{d}from"./p-CXi0fhTi.js";import{d as h}from"./p-xtGT3YeI.js";const p=Object.freeze({rowHeight:34,gap:0}),b=e=>e.rowHeight+e.gap;function v(e,o){return e>0?e*o.rowHeight+(e-1)*o.gap:0}const g=e(class e extends o{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=t(this,"coChange",7),this.coClear=t(this,"coClear",7),this.coFooterPrimary=t(this,"coFooterPrimary",7),this.required=!1,this.placeholder="Select…",this.disabled=!1,this.clearable=!1,this.layout="vertical",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.size="md",this.variant="default",this.labelStyle="default",this.menuSurface="light",this.searchable=!1,this.searchPlaceholder="Search…",this.emptyText="No results",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.isOpen=!1,this.scrollTop=0,this.searchText="",this.sortSnapshot=new Set,this.activeIndex=-1,this.rowMetrics=p,this.pendingActiveScroll=!1,this.activeScrollFrames=0,this.lastParsedOptions=[],this.lastRankSearch="",this.lastRanked=[],this.readCssLengthPx=e=>{if("function"!=typeof getComputedStyle)return null;const o=getComputedStyle(this.el).getPropertyValue(e).trim();if(!o)return null;const t=/^(-?\d*\.?\d+)px$/.exec(o);if(t)return parseFloat(t[1]);const r=this.el.shadowRoot;if(!r)return null;const s=document.createElement("div");s.style.display="none",s.style.setProperty("height",`var(${e})`),r.appendChild(s);const a=getComputedStyle(s).height;return s.remove(),/px$/.test(a)?parseFloat(a):null},this.handleSearchInput=e=>{this.searchText=e.target.value,this.scrollTop=0,this.activeIndex=this.filteredOptions.length?0:-1},this.handleTriggerClick=e=>{this.disabled&&e.stopPropagation()},this.handleTriggerKeyDown=e=>{this.disabled||e.target===this.triggerEl&&(this.handleNavKeyDown(e)||("Enter"===e.key||" "===e.key?(e.preventDefault(),this.isOpen?this.isOpen=!1:this.openPanel()):"ArrowDown"!==e.key||this.isOpen||(e.preventDefault(),this.openPanel())))},this.handleNavKeyDown=e=>{if(this.disabled||!this.isOpen)return!1;const o=this.filteredOptions.length,t=o-1,r=this.activeIndex>=0?this.activeIndex:-1;switch(e.key){case"ArrowDown":o&&this.setActiveIndex(r>=t?0:r+1);break;case"ArrowUp":o&&this.setActiveIndex(r<=0?t:r-1);break;case"Home":o&&this.setActiveIndex(0);break;case"End":o&&this.setActiveIndex(t);break;case" ":if(e.target===this.searchInputEl)return!1;this.activateActiveOption();break;case"Enter":this.activateActiveOption();break;default:return!1}return e.preventDefault(),!0},this.handleOptionPointerMove=(e,o)=>{"touch"!==e.pointerType&&this.activeIndex!==o&&(this.activeIndex=o)},this.flushActiveScroll=()=>{var o,t,r,s,a;if(!this.pendingActiveScroll)return;if(!this.isOpen)return void(this.pendingActiveScroll=!1);const i=this.scrollTop||0,l=null!==(t=null===(o=this.osInstance)||void 0===o?void 0:o.elements().viewport)&&void 0!==t?t:this.optionsContainerEl;return l&&(l.scrollTop=i,Math.abs(l.scrollTop-i)<=1)?(this.pendingActiveScroll=!1,this.activeScrollFrames=0,void(null===(a=null===(s=null===(r=this.el.shadowRoot)||void 0===r?void 0:r.getElementById(this.optionId(this.activeIndex)))||void 0===s?void 0:s.scrollIntoView)||void 0===a||a.call(s,{block:"nearest"}))):++this.activeScrollFrames>e.ACTIVE_SCROLL_MAX_FRAMES?(this.pendingActiveScroll=!1,void(this.activeScrollFrames=0)):void requestAnimationFrame(this.flushActiveScroll)},this.handlePopoverOpen=()=>{this.isOpen||(this.sortSnapshot=new Set(this.selectedValues),this.isOpen=!0)},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleClear=e=>{e.stopPropagation(),this.value=this.multiple?"[]":"",this.coClear.emit(),this.coChange.emit(this.multiple?[]:"")},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},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,this.isOpen=!1,this.coChange.emit(e)}}get parsedOptions(){const e=this.options;if(e===this.lastOptionsRaw)return this.lastParsedOptions;let o=e;if("string"==typeof o)try{o=JSON.parse(o)}catch(e){o=[]}const t=Array.isArray(o)?o.map((e=>"string"==typeof e?{label:e,value:e}:e)):[];return this.lastOptionsRaw=e,this.lastParsedOptions=t,t}get filteredOptions(){const e=this.parsedOptions;let o;return this.searchable&&this.searchText.trim()?e===this.lastRankInput&&this.searchText===this.lastRankSearch?o=this.lastRanked:(o=l(e,this.searchText,(e=>e.label)),this.lastRankInput=e,this.lastRankSearch=this.searchText,this.lastRanked=o):o=e,this.multiple&&0!==this.sortSnapshot.size?[...o.filter((e=>this.sortSnapshot.has(e.value))),...o.filter((e=>!this.sortSnapshot.has(e.value)))]:o}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 selectedOption(){if(this.multiple)return;const e=this.selectedValues[0];return e?this.parsedOptions.find((o=>o.value===e)):void 0}get displayText(){const e=this.selectedValues;if(0===e.length)return"";if(!this.multiple){const o=this.parsedOptions.find((o=>o.value===e[0]));return o?o.label:e[0]}return e.map((e=>{const o=this.parsedOptions.find((o=>o.value===e));return o?o.label:e})).join(", ")}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}optionId(e){return"co-select-option-"+e}resetActiveIndex(){const e=this.filteredOptions;if(0===e.length)return void(this.activeIndex=-1);const o=this.selectedValues,t=o.length?e.findIndex((e=>o.includes(e.value))):-1;this.activeIndex=t>=0?t:0,this.scrollActiveIntoView()}onOpenChange(e){e?(this.scrollTop=0,this.rowMetrics=function(e){const o=e("--co-select-option-height"),t=e("--co-select-menu-gap");return{rowHeight:null!=o&&o>0?o:p.rowHeight,gap:null!=t&&t>=0?t:p.gap}}(this.readCssLengthPx),this.resetActiveIndex(),this.searchable&&this.focusSearchWhenVisible()):(this.searchText="",this.activeIndex=-1,this.restoreTriggerFocus())}openPanel(){this.sortSnapshot=new Set(this.selectedValues),this.isOpen=!0}setActiveIndex(e){this.activeIndex=e,this.scrollActiveIntoView()}activateActiveOption(){const e=this.filteredOptions[this.activeIndex];e&&!e.disabled&&this.handleOptionClick(e.value)}scrollActiveIntoView(){const o=this.activeIndex;if(!(o>=0))return;const t=this.scrollTop||0,r=function(e,o,t,r){const s=e*b(t),a=s+t.rowHeight,i=v(r,t);return s<o?s:a>o+i?a-i:o}(o,t,this.metrics,e.VIEWPORT_ITEMS);r!==t&&(this.scrollTop=r),this.pendingActiveScroll=!0,this.activeScrollFrames=0}focusSearchWhenVisible(e=0){var o,t;this.isOpen&&this.searchable&&(null===(o=this.searchInputEl)||void 0===o||o.focus(),this.searchInputEl&&(null===(t=this.el.shadowRoot)||void 0===t?void 0:t.activeElement)===this.searchInputEl||e>=20||requestAnimationFrame((()=>this.focusSearchWhenVisible(e+1))))}restoreTriggerFocus(){var e;const o=document.activeElement;(o===this.el||this.el.contains(o))&&(null===(e=this.triggerEl)||void 0===e||e.focus({preventScroll:!0}))}syncOverlayScrollbars(){const e=this.isOpen&&!!this.optionsContainerEl;e&&!this.osInstance?this.osInstance=i(this.optionsContainerEl,{scrollbars:{theme:"os-theme-co",autoHide:"leave",autoHideDelay:300}},{scroll:e=>{this.scrollTop=e.elements().viewport.scrollTop}}):!e&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}componentDidRender(){this.syncOverlayScrollbars(),this.flushActiveScroll()}componentWillLoad(){this.searchText=this.searchText||""}disconnectedCallback(){var e;null===(e=this.osInstance)||void 0===e||e.destroy(),this.osInstance=void 0,this.pendingActiveScroll=!1,this.activeScrollFrames=0}renderLabel(e){const o=this.searchable&&this.searchText?c(e,this.searchText):null;return o?o.map((e=>e.match?r("span",{class:"co-select__match"},e.text):e.text)):e}get metrics(){var e;return null!==(e=this.rowMetrics)&&void 0!==e?e:p}getVirtualSlice(o){return function(e,o,t,r,s){const a=b(t),i=Math.max(0,Math.floor(o/a)-s),l=Math.min(e,i+r+2*s);return{totalHeight:v(e,t),startIdx:i,endIdx:l,offsetY:i*a}}(o.length,this.scrollTop||0,this.metrics,e.VIEWPORT_ITEMS,e.OVERSCAN)}render(){var o,t;const s=this.selectedValues,i=this.filteredOptions,l=this.isOpen&&this.activeIndex>=0&&this.activeIndex<i.length?this.optionId(this.activeIndex):void 0;return r("div",{key:"d121ba9ec0b29e6e70702185d055f9f2590fcf60",class:{"co-select":!0,"co-select--open":this.isOpen,"co-select--disabled":this.disabled,["co-select--"+this.size]:!0,["co-select--"+this.status]:"default"!==this.status,"co-select--flat":"flat"===this.variant,"co-select--soft":"soft"===this.variant,"co-select--inline-help":"inline-help"===this.labelStyle}},(this.label||this.secondaryLabel)&&r("div",{key:"b5ba06d1b361ba3f0488b3835e2ae9fbc723ee3f",class:"co-select__labels"},this.label&&r("label",{key:"8131f52d757b71d694ddbb5fe2e83e0762237627",class:"co-select__label"},this.label,r(a,{key:"31de4113e6cc17e7be6ecf82cf4d9108878cad67",required:this.required})),this.secondaryLabel&&r("span",{key:"d499ef261e4c8b375e6058eae2b18fa9e755008b",class:"co-select__secondary-label"},this.secondaryLabel)),r("co-popover",{key:"2cb6fc46ec1ecab4e1ccdae6a44d9394201fb339",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,bare:"dark"===this.menuSurface,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"4e85e1c3256c40b93336fc282afaf5cb684f3af0",slot:"trigger",class:"co-select__trigger",role:"combobox","aria-expanded":this.isOpen?"true":"false","aria-haspopup":"listbox","aria-label":this.label||this.ariaLabelText||void 0,"aria-disabled":this.disabled?"true":void 0,"aria-controls":e.LISTBOX_ID,"aria-activedescendant":l,tabIndex:this.disabled?-1:0,ref:e=>this.triggerEl=e,onClick:this.handleTriggerClick,onKeyDown:this.handleTriggerKeyDown},this.iconLeft&&r("co-icon",{key:"b70cb41a5da6e4b0fb5c70d88658d9a15b8ff730",name:this.iconLeft,size:null!==(o=this.iconSize)&&void 0!==o?o:16,class:"co-select__icon"}),(null===(t=this.selectedOption)||void 0===t?void 0:t.image)&&r("img",{key:"e594304493fc463f48c35a8a7526488664d7300e",class:"co-select__flag",src:this.selectedOption.image,alt:""}),this.multiple&&this.hasValue?r("div",{class:"co-select__chips"},this.selectedValues.map((e=>{const o=this.parsedOptions.find((o=>o.value===e));return r("span",{class:"co-select__chip",key:e},r("span",{class:"co-select__chip-label"},o?o.label:e),r("button",{class:"co-select__chip-remove",type:"button",tabIndex:-1,"aria-label":"Remove",onClick:o=>{o.stopPropagation(),this.handleOptionClick(e)}},r("co-icon",{name:"x",size:12})))}))):r("span",{class:{"co-select__text":!0,"co-select__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder),this.clearable&&this.hasValue&&!this.disabled&&r("button",{key:"73a50ae2aa6c1a9f449a5abb9851fdef231e7ffc",class:"co-select__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},r("co-icon",{key:"ade7609dc136ec20a0412fd7e460a95e50d516e4",name:"x-circle",size:16,weight:"fill"})),r("co-icon",{key:"7b5bba8fb8fca31613879ab8743f884b1bd71802",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-select__caret"})),r("div",{key:"2e6bd8187439a7920fe6ad151886da76f79426fc",class:{"co-select__dropdown":!0,"co-select__dropdown--dark":"dark"===this.menuSurface}},this.isOpen&&this.searchable&&r("div",{key:"75b3f339a256945a1c5153453033ab3ad0b5902e",class:"co-select__search"},r("co-icon",{key:"95f2a28646ffba6416fe7582a360b7c6b4ce58a9",name:"magnifying-glass",size:16,class:"co-select__search-icon"}),r("input",{key:"8e539a698da9d3ff68e3cce544cac9da4c285afa",class:"co-select__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.searchText,"aria-controls":e.LISTBOX_ID,"aria-activedescendant":l,onInput:this.handleSearchInput,onKeyDown:this.handleNavKeyDown,ref:e=>this.searchInputEl=e})),this.isOpen&&this.searchable&&0===i.length&&r("div",{key:"b0ed2db9c7e397dae2f59cf3f11d9a2ccdf27ab8",class:"co-select__empty"},this.emptyText),r("div",{key:"ec2381d0de5d9a928510d0e15b7ca78b449844b1",class:"co-select__options",id:e.LISTBOX_ID,role:"listbox","aria-multiselectable":this.multiple?"true":void 0,ref:e=>this.optionsContainerEl=e},this.isOpen&&(()=>{const{totalHeight:e,startIdx:o,endIdx:t,offsetY:a}=this.getVirtualSlice(i);return r("div",{role:"presentation",class:"co-select__virtual-spacer",style:{height:e+"px",position:"relative"}},r("div",{role:"presentation",class:"co-select__virtual-window",style:{position:"absolute",top:a+"px",left:"0",right:"0"}},i.slice(o,t).map(((e,t)=>{const a=o+t,l=s.includes(e.value),c=!!e.disabled;return r("div",{id:this.optionId(a),role:"option","aria-selected":l?"true":"false","aria-disabled":c?"true":void 0,"aria-setsize":i.length,"aria-posinset":a+1,class:{"co-select__option":!0,"co-select__option--selected":l,"co-select__option--disabled":c,"co-select__option--active":a===this.activeIndex},onClick:()=>!c&&this.handleOptionClick(e.value),onPointerMove:e=>this.handleOptionPointerMove(e,a)},"dark"===this.menuSurface&&r("span",{class:"co-select__option-check-slot"},l&&r("co-icon",{name:"check",size:12,class:"co-select__option-check co-select__option-check--leading"})),e.image?r("img",{class:"co-select__option-flag",src:e.image,alt:"",loading:"lazy"}):e.icon?r("co-icon",{name:e.icon,size:20,class:"co-select__option-icon"}):null,r("span",{class:"co-select__option-label"},this.renderLabel(e.label)),l&&"dark"!==this.menuSurface&&r("co-icon",{name:"check",size:16,class:"co-select__option-check"}))}))))})()),this.isOpen&&this.showFooter&&r("co-list-footer",{key:"e46141c876fdd0e8f05a14318f969ed370c2e201",class:"co-select__footer",primaryLabel:this.footerPrimaryLabel,primaryIcon:"check",onCoPrimary:this.handleFooterPrimary}))),this.helperText&&r("div",{key:"13b7b84f7241bed5afdfd70c1867045ae4fcd820",class:"co-select__helper co-select__helper--"+this.status},this.statusIcon&&r("co-icon",{key:"0f4a854f367a34b7a314ba0a768d02a35b03df07",name:this.statusIcon,size:14,class:"co-select__helper-icon"}),r("span",{key:"965b58e53ac2bfd55c4d416e07062067c9f686b7",class:"co-select__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange: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-select{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-select__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-select__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-select__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-select--disabled .co-select__label,.co-select--disabled .co-select__secondary-label{color:var(--co-semantic-text-disabled)}.co-select__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-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-select--flat .co-select__trigger{background:transparent;border-color:transparent}.co-select--soft .co-select__trigger{background:var(--co-semantic-surface-control);border-color:transparent;color:var(--co-semantic-text-default)}.co-select--inline-help .co-select__trigger{border-color:var(--co-semantic-border-default);gap:var(--co-spacing-sm)}.co-select__chips{flex:1;min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xxs) 0}.co-select__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xxs) var(--co-spacing-sm2);background:var(--co-semantic-surface-control);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:200px}.co-select__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-select__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out);flex-shrink:0}.co-select__chip-remove:hover{color:var(--co-semantic-text-default)}.co-select--s .co-select__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-select--sm .co-select__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-select--lg .co-select__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-select--open .co-select__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-select__trigger:focus-visible{outline:none;border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-select--disabled .co-select__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;box-shadow:none;cursor:not-allowed}.co-select--error .co-select__trigger{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-select--success .co-select__trigger{border-color:var(--co-semantic-status-success)}.co-select--warning .co-select__trigger{border-color:var(--co-color-status-review)}.co-select--info .co-select__trigger{border-color:var(--co-semantic-status-info)}.co-select__flag,.co-select__option-flag{flex-shrink:0;width:20px;height:15px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px var(--co-semantic-border-subtle)}.co-select__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-select__text{flex:1;min-width:0;color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-select__text--placeholder{color:var(--co-semantic-text-muted)}.co-select--disabled .co-select__text{color:var(--co-semantic-text-disabled)}.co-select__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 var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-select__clear:hover{color:var(--co-semantic-text-default)}.co-select__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-select__dropdown{padding:var(--co-select-menu-padding, var(--co-spacing-sm2))}.co-select__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm2);margin-bottom:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);height:32px;box-sizing:border-box;color:var(--co-semantic-text-muted)}.co-select__search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:var(--co-font-size-14, 14px);line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-select__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-select__match{font-weight:700;color:var(--co-semantic-text-default)}.co-select__empty{padding:var(--co-spacing-md);text-align:center;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14, 14px)}.co-select__options{max-height:calc(var(--co-select-option-height, 34px) * 8 + var(--co-select-menu-gap, 0px) * 7);overflow-y:auto}.co-select__virtual-window{display:flex;flex-direction:column;gap:var(--co-select-menu-gap, 0px)}.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-semantic-border-default);--os-handle-bg-hover:var(--co-semantic-border-field);--os-handle-bg-active:var(--co-semantic-border-strong);--os-handle-min-size:24px}.co-select__option{display:flex;align-items:center;gap:var(--co-select-option-gap, var(--co-spacing-sm2));padding:var(--co-select-option-padding, var(--co-spacing-sm2) var(--co-spacing-md));border-radius:var(--co-border-radius-xs);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out);height:var(--co-select-option-height, auto);min-height:var(--co-select-option-height, 32px);box-sizing:border-box}.co-select__option--selected{background:var(--co-semantic-surface-muted)}.co-select__option--active{background:var(--co-semantic-surface-hover)}.co-select__option--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-select__option-icon{flex-shrink:0;color:var(--co-semantic-text-muted)}.co-select__option-label{flex:1;color:var(--co-semantic-text-default);font-size:var(--co-select-option-font-size, var(--co-font-size-14));font-weight:var(--co-select-option-font-weight, 400);line-height:1}.co-select__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-select__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-select__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-select__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-select__helper--error .co-select__helper-icon,.co-select__helper--error .co-select__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-select__helper--success .co-select__helper-icon,.co-select__helper--success .co-select__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-select__helper--warning .co-select__helper-icon,.co-select__helper--warning .co-select__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-select__helper--info .co-select__helper-icon,.co-select__helper--info .co-select__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}:host([layout=\'horizontal\']) .co-select{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-select__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout=\'horizontal\']) .co-select__label{white-space:normal}:host([layout=\'horizontal\']) .co-select>:not(.co-select__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-semantic-text-error, 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-select--xs .co-select__trigger{min-height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-font-size-12);border-radius:var(--co-border-radius-xxs)}.co-select__caret{width:var(--co-select-caret-size, 16px) !important;height:var(--co-select-caret-size, 16px) !important;color:var(--co-select-caret-color, var(--co-semantic-text-muted))}.co-select--inline-help .co-select__labels{align-items:baseline}.co-select--inline-help .co-select__label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14)}.co-select--inline-help .co-select__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-12)}.co-select--inline-help .co-select__caret{color:var(--co-semantic-text-secondary);}.co-select__dropdown--dark{background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);border-radius:var(--co-border-radius-xs, 8px)}.co-select__dropdown--dark .co-select__option-label{color:var(--co-semantic-text-inverse)}.co-select__dropdown--dark .co-select__option--selected{background:transparent}.co-select__dropdown--dark .co-select__option--active{background:var(--co-color-opacity-blanco-16)}.co-select__option-check-slot{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:12px}.co-select__option-check--leading{color:inherit}'}},[1,"co-select",{label:[1],ariaLabelText:[1,"aria-label-text"],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],iconSize:[2,"icon-size"],clearable:[4],helperText:[1,"helper-text"],layout:[513],status:[1],options:[1],value:[1025],multiple:[4],size:[513],variant:[513],labelStyle:[513,"label-style"],menuSurface:[513,"menu-surface"],searchable:[516],searchPlaceholder:[1,"search-placeholder"],emptyText:[1,"empty-text"],showFooter:[4,"show-footer"],footerPrimaryLabel:[1,"footer-primary-label"],isOpen:[32],scrollTop:[32],searchText:[32],sortSnapshot:[32],activeIndex:[32]},void 0,{isOpen:[{onOpenChange:0}]}]);function f(){"undefined"!=typeof customElements&&["co-select","co-icon","co-list-footer","co-popover"].forEach((e=>{switch(e){case"co-select":customElements.get(s(e))||customElements.define(s(e),g);break;case"co-icon":customElements.get(s(e))||n();break;case"co-list-footer":customElements.get(s(e))||d();break;case"co-popover":customElements.get(s(e))||h()}}))}g.VIEWPORT_ITEMS=8,g.OVERSCAN=3,g.LISTBOX_ID="co-select-listbox",g.ACTIVE_SCROLL_MAX_FRAMES=48,f();const m=g,u=f;export{m as CoSelect,u as defineCustomElement}

package/dist/components/co-separator.js

@@ -1 +1 @@
-import{t as a,p as t,H as r,h as o}from"./index.js";const s=t(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.vertical=!1,this.spaced=!1,this.inset=!1,this.dark=!1}render(){const a={};return this.color&&(a["--co-separator-color"]=this.color),this.size&&(a["--co-separator-size"]=this.size),!1!==this.spaced&&void 0!==this.spaced&&(a["--co-separator-spacing"]=!0===this.spaced||""===this.spaced?"var(--co-spacing-sm2)":{xs:"var(--co-spacing-xs)",sm:"var(--co-spacing-sm)",md:"var(--co-spacing-md)",lg:"var(--co-spacing-lg)",xl:"var(--co-spacing-xl)"}[this.spaced]||this.spaced),!1!==this.inset&&void 0!==this.inset&&(!0===this.inset||""===this.inset?(a["--co-separator-inset-start"]="16px",a["--co-separator-inset-end"]="16px"):"item"===this.inset?(a["--co-separator-inset-start"]="56px",a["--co-separator-inset-end"]="0px"):"item-thumbnail"===this.inset&&(a["--co-separator-inset-start"]="72px",a["--co-separator-inset-end"]="0px")),o("hr",{key:"1b15a22f07b7bf656d9b20b53d602bc7d47e3cf2",class:{"co-separator":!0,"co-separator--vertical":this.vertical,"co-separator--dark":this.dark},style:a,part:"separator","aria-orientation":this.vertical?"vertical":"horizontal",role:"separator"})}static get style(){return":host{display:block;width:100%}:host([vertical]){display:inline-block;width:auto;height:auto;align-self:stretch}.co-separator{--co-separator-color:var(--co-semantic-border-default);--co-separator-size:1px;--co-separator-spacing:0px;--co-separator-inset-start:0px;--co-separator-inset-end:0px;border:none;margin:0;padding:0;background:var(--co-separator-color)}.co-separator:not(.co-separator--vertical){height:var(--co-separator-size);width:auto;margin-top:var(--co-separator-spacing);margin-bottom:var(--co-separator-spacing);margin-left:var(--co-separator-inset-start);margin-right:var(--co-separator-inset-end)}.co-separator--vertical{width:var(--co-separator-size);height:100%;min-height:1em;margin-left:var(--co-separator-spacing);margin-right:var(--co-separator-spacing);margin-top:var(--co-separator-inset-start);margin-bottom:var(--co-separator-inset-end)}.co-separator--dark{--co-separator-color:var(--co-color-opacity-blanco-25)}"}},[1,"co-separator",{vertical:[516],spaced:[520],inset:[520],color:[1],size:[1],dark:[516]}]);function i(){"undefined"!=typeof customElements&&["co-separator"].forEach((t=>{"co-separator"===t&&(customElements.get(a(t))||customElements.define(a(t),s))}))}i();const e=s,c=i;export{e as CoSeparator,c as defineCustomElement}
+import{t as a,p as t,H as r,h as o}from"./index.js";const s=t(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.vertical=!1,this.spaced=!1,this.inset=!1,this.dark=!1}render(){const a={};return this.color&&(a["--co-separator-color"]=this.color),this.size&&(a["--co-separator-size"]=this.size),!1!==this.spaced&&void 0!==this.spaced&&(a["--co-separator-spacing"]=!0===this.spaced||""===this.spaced?"var(--co-spacing-sm2)":{xs:"var(--co-spacing-xs)",sm:"var(--co-spacing-sm)",md:"var(--co-spacing-md)",lg:"var(--co-spacing-lg)",xl:"var(--co-spacing-xl)"}[this.spaced]||this.spaced),!1!==this.inset&&void 0!==this.inset&&(!0===this.inset||""===this.inset?(a["--co-separator-inset-start"]="16px",a["--co-separator-inset-end"]="16px"):"item"===this.inset?(a["--co-separator-inset-start"]="56px",a["--co-separator-inset-end"]="0px"):"item-thumbnail"===this.inset&&(a["--co-separator-inset-start"]="72px",a["--co-separator-inset-end"]="0px")),o("hr",{key:"be9301c81ce59544b33c78d5d70561a5530896f6",class:{"co-separator":!0,"co-separator--vertical":this.vertical,"co-separator--dark":this.dark},style:a,part:"separator","aria-orientation":this.vertical?"vertical":"horizontal",role:"separator"})}static get style(){return":host{display:block;width:100%}:host([vertical]){display:inline-block;width:auto;height:auto;align-self:stretch}.co-separator{--co-separator-color:var(--co-semantic-border-default);--co-separator-size:1px;--co-separator-spacing:0px;--co-separator-inset-start:0px;--co-separator-inset-end:0px;border:none;margin:0;padding:0;background:var(--co-separator-color)}.co-separator:not(.co-separator--vertical){height:var(--co-separator-size);width:auto;margin-top:var(--co-separator-spacing);margin-bottom:var(--co-separator-spacing);margin-left:var(--co-separator-inset-start);margin-right:var(--co-separator-inset-end)}.co-separator--vertical{width:var(--co-separator-size);height:100%;min-height:1em;margin-left:var(--co-separator-spacing);margin-right:var(--co-separator-spacing);margin-top:var(--co-separator-inset-start);margin-bottom:var(--co-separator-inset-end)}.co-separator--dark{--co-separator-color:var(--co-color-opacity-blanco-25)}"}},[1,"co-separator",{vertical:[516],spaced:[520],inset:[520],color:[1],size:[1],dark:[516]}]);function i(){"undefined"!=typeof customElements&&["co-separator"].forEach((t=>{"co-separator"===t&&(customElements.get(a(t))||customElements.define(a(t),s))}))}i();const e=s,c=i;export{e as CoSeparator,c as defineCustomElement}

package/dist/components/co-sidebar-nav.js

@@ -1 +1 @@
-import{t as e,p as a,H as o,c as t,h as i,a as r}from"./index.js";import{n as s}from"./p-Ba_v-MzM.js";import{d as n}from"./p-KK2vAKs-.js";import{d as c}from"./p-8XzG8pzY.js";import{d as l}from"./p-V7HYy0VO.js";const d={Home:"house",Contacts:"address-book",Companies:"buildings",Presentations:"presentation-chart",Deals:"handshake",Invoices:"receipt",Payments:"credit-card",Conversations:"chat-circle",Channels:"broadcast",ChannelProviders:"plugs-connected",ConversationFlows:"flow-arrow",PhoneNumbers:"phone",Tasks:"check-square",TaskGroups:"squares-four",WorkOrders:"clipboard-text",Tickets:"ticket",CaseTypes:"tag",EmailHubs:"at",RoutingRules:"path",Contracts:"file-text",Notes:"note",Meetings:"video-camera",Calls:"phone-call",CloudDrive:"cloud",Quotes:"quotes",ContentTemplates:"article",MessageTemplates:"chat-text",Skills:"brain",AiAgentProfiles:"robot",Insights:"chart-line",Dashboards:"gauge",Reports:"chart-bar",Emails:"envelope",ContactLists:"users-three",EmailCampaigns:"megaphone",VirtualTours:"cube",Scenes:"image",Spots:"map-pin",FloorPlans:"blueprint",Users:"user",UserTeams:"users",UserGroups:"user-circle-gear",Roles:"shield",Workspaces:"stack",AuthenticationRules:"lock-key",OauthApps:"key",ServiceCredentials:"certificate",Calendars:"calendar",CalendarPolicies:"calendar-check",CalendarGroups:"calendar-dots",CalendarEvents:"calendar-plus",ProposalWizards:"magic-wand",WizardGroups:"folders",AdHubs:"storefront",AdCampaigns:"flag-banner",Pricebooks:"book-open",PricebookEntries:"list-numbers",Products:"package",Taxes:"percent",ProductGroups:"stack",ProductFamilies:"tree-structure",ProductCategories:"tag",ProductRules:"gear-six",DiscountSchedules:"piggy-bank",LiveStreams:"broadcast",EventSubscriptions:"bell-ringing",Stages:"steps",ContactFlows:"flow-arrow",Categories:"folder-simple",CustomFilters:"funnel",Logs:"list-bullets",Devices:"cpu",Scripts:"code",Webhooks:"webhooks-logo",Endpoints:"plug",Sites:"globe",HealthChecks:"heartbeat",Plugins:"puzzle-piece",Cobs:"cube",CustomFields:"textbox",CustomUis:"layout",Documentation:"book-open-text",Sections:"article",Articles:"newspaper",Directory:"address-book",Sales:"currency-dollar",Communications:"chat-teardrop-text",Operations:"gear",Support:"lifebuoy",Tools:"wrench",Configuration:"sliders",Analytics:"chart-pie",Mailing:"envelope-simple",Billing:"money",Libraries:"books",Scheduling:"timer",Pricing:"tag",Development:"terminal",AccessControl:"shield-check",Notifications:"bell",System:"database",Iot:"wifi-high",Advertising:"megaphone",Wizards:"magic-wand",TourStudio:"cube",Docs:"file-text",Setup:"gear-six",Learning:"graduation-cap",Programs:"path",Courses:"chalkboard-teacher",Enrollments:"student",Certificates:"certificate",Assessments:"exam",Recruitment:"user-plus",Vacancies:"briefcase",Candidates:"user-list",JobApplications:"read-cv-logo",Interviews:"chats-circle",AssetManagement:"package",Assets:"devices",AssetAssignments:"user-switch",Recognition:"hands-clapping",Achievements:"trophy",Rewards:"gift",Badges:"medal",BadgeNominations:"star",Prizes:"trophy",RewardsBudgets:"wallet",RedeemedPrizes:"crown",PaymentReceipts:"hand-coins",Coupons:"seal-percent",EventManager:"calendar-star",EventProspects:"users-four",BusinessEvents:"briefcase",EventExpense:"coins",Content:"folder-open",Portals:"app-window",CommunicationCenter:"headset",Integrations:"plugs-connected",Mcp:"plug",LifecycleHooks:"arrows-clockwise",PaymentProviders:"credit-card",Stripe:"credit-card",ThirdParty:"plugs-connected",Sendgrid:"paper-plane-tilt",Apollo:"rocket-launch",Kaspr:"identification-card",OpenAi:"robot",Ultramsg:"whatsapp-logo",Slack:"slack-logo",Telegram:"telegram-logo",Discord:"discord-logo"},h=a(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coNavigate=t(this,"coNavigate",7),this.coSearch=t(this,"coSearch",7),this.items="{}",this.activeKey="",this.mode="full",this.searchable=!1,this.searchPlaceholder="Search",this.search="",this.iconMap="{}",this.translations="{}",this.searchText="",this.expandedKeys=new Set,this.flyoutKey=null,this.flyoutPosition={top:0,bottom:null,left:0},this.parsedIconMap={},this.parsedTranslations={},this.flyoutTimeout=null,this.handleSearchInput=e=>{this.searchText=e.target.value,this.coSearch.emit(this.searchText)}}onIconMapChange(){this.parseIconMap()}onTranslationsChange(){this.parseTranslations()}onSearchChange(){this.searchText=this.search}onActiveKeyChange(){this.autoExpandForActiveKey()}onItemsChange(){this.autoExpandForActiveKey()}componentWillLoad(){this.parseIconMap(),this.parseTranslations(),this.autoExpandForActiveKey()}componentDidLoad(){}parseIconMap(){try{this.parsedIconMap=Object.assign(Object.assign({},d),JSON.parse(this.iconMap))}catch(e){this.parsedIconMap=Object.assign({},d)}}parseTranslations(){try{this.parsedTranslations=JSON.parse(this.translations)}catch(e){this.parsedTranslations={}}}get parsedItems(){try{const e=JSON.parse(this.items);return Array.isArray(e)?e:this.transformMenuData(e,0)}catch(e){return[]}}transformMenuData(e,a){return Object.keys(e).map((o=>{const t=e[o],i=t.modelName||"object"==typeof t&&!Object.keys(t).some((e=>"object"==typeof t[e]&&"modelName"!==e));return{key:o,label:o,url:t.url,target:t.target,modelName:i?t.modelName:void 0,customIcon:t.customIcon,children:i?void 0:this.transformMenuData(t,a+1),level:a}}))}get filteredItems(){return this.searchText?this.filterRecursive(this.parsedItems,s(this.searchText)):this.parsedItems}filterRecursive(e,a){const o=[];for(const t of e)if(s(this.getLabel(t.key)).includes(a))o.push(t);else if(t.children){const e=this.filterRecursive(t.children,a);e.length>0&&o.push(Object.assign(Object.assign({},t),{children:e}))}return o}autoExpandForActiveKey(){if(!this.activeKey)return;const e=new Set(this.expandedKeys);this.findAndExpandParents(this.parsedItems,this.activeKey,e),this.expandedKeys=e}findAndExpandParents(e,a,o){for(const t of e){if(t.key===a)return!0;if(t.children&&this.findAndExpandParents(t.children,a,o))return o.add(t.key),!0}return!1}getLabel(e){return this.parsedTranslations[e]?this.parsedTranslations[e]:e.replace(/([a-z])([A-Z])/g,"$1 $2")}getIcon(e){return this.parsedIconMap[e]||"circle"}isLeaf(e){return!e.children||0===e.children.length}hasActiveDescendant(e){return e.key===this.activeKey||!!e.children&&e.children.some((e=>this.hasActiveDescendant(e)))}toggleExpand(e){const a=new Set(this.expandedKeys);a.has(e)?a.delete(e):a.add(e),this.expandedKeys=a}handleLeafClick(e){this.flyoutKey=null,this.coNavigate.emit({key:e.key,modelName:e.modelName,url:e.url,target:e.target,customIcon:e.customIcon})}renderSearch(){return this.searchable&&"min"!==this.mode?i("div",{class:"co-sidebar-nav__search"},i("co-icon",{name:"magnifying-glass",size:16}),i("input",{type:"text",class:"co-sidebar-nav__search-input",placeholder:this.searchPlaceholder,value:this.searchText,onInput:this.handleSearchInput}),this.searchText&&i("button",{class:"co-sidebar-nav__search-clear",onClick:()=>{this.searchText="",this.coSearch.emit("")}},i("co-icon",{name:"x",size:14}))):null}renderIcon(e,a=16){if(e.customIcon)return i("img",{class:"co-sidebar-nav__custom-icon",src:e.customIcon,alt:""});const o=e.icon||this.getIcon(e.key);return i("co-icon",{name:o,size:a})}renderHighlightedLabel(e){const a=this.getLabel(e);if(!this.searchText)return a;const o=this.searchText.toLowerCase(),t=a.toLowerCase().indexOf(o);if(-1===t)return a;const r=a.slice(0,t),s=a.slice(t,t+o.length),n=a.slice(t+o.length);return[r,i("mark",{class:"co-sidebar-nav__highlight"},s),n]}renderLeafItem(e,a=!1){const o=e.key===this.activeKey,t=this.getLabel(e.key),r="full"===this.mode||a,s=i("button",{class:{"co-sidebar-nav__item":!0,"co-sidebar-nav__item--active":o},onClick:()=>this.handleLeafClick(e),"aria-label":r?void 0:t},i("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e,r?16:18)),r&&i("span",{class:"co-sidebar-nav__item-label"},this.renderHighlightedLabel(e.key)));return"min"!==this.mode||a?s:i("co-tooltip",{content:t,placement:"right",offset:12},s)}openFlyout(e,a,o=0){if(clearTimeout(this.flyoutTimeout),a){const e=a.getBoundingClientRect(),t=e.right+8,i=window.innerHeight;this.flyoutPosition=e.top+(28+32*o+24)>i-16?{top:null,bottom:i-e.bottom,left:t}:{top:e.top,bottom:null,left:t}}this.flyoutKey=e}closeFlyout(){this.flyoutTimeout=setTimeout((()=>{this.flyoutKey=null}),150)}renderExpansion(e){const a=this.expandedKeys.has(e.key)||this.searchText.length>0,o=this.hasActiveDescendant(e);if("min"===this.mode){const a=this.flyoutKey===e.key;return i("div",{class:"co-sidebar-nav__flyout-anchor",onMouseEnter:a=>{var o;return this.openFlyout(e.key,a.currentTarget,(null===(o=e.children)||void 0===o?void 0:o.length)||0)},onMouseLeave:()=>this.closeFlyout()},i("button",{class:{"co-sidebar-nav__item":!0,"co-sidebar-nav__item--active":o||a},title:this.getLabel(e.key),onClick:a=>{var o;a.stopPropagation();const t=a.currentTarget.closest(".co-sidebar-nav__flyout-anchor");this.flyoutKey===e.key?this.flyoutKey=null:this.openFlyout(e.key,t||void 0,(null===(o=e.children)||void 0===o?void 0:o.length)||0)}},i("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e,18))),a&&i("div",{class:"co-sidebar-nav__flyout",style:Object.assign(Object.assign(Object.assign({},null!==this.flyoutPosition.top?{top:this.flyoutPosition.top+"px"}:{}),null!==this.flyoutPosition.bottom?{bottom:this.flyoutPosition.bottom+"px"}:{}),{left:this.flyoutPosition.left+"px"}),onMouseEnter:()=>clearTimeout(this.flyoutTimeout),onMouseLeave:()=>this.closeFlyout()},i("span",{class:"co-sidebar-nav__flyout-title"},this.renderHighlightedLabel(e.key)),e.children.map((e=>this.renderLeafItem(e,!0)))))}return i("div",{class:{"co-sidebar-nav__expansion":!0,"co-sidebar-nav__expansion--expanded":a,"co-sidebar-nav__expansion--active":o}},i("button",{class:"co-sidebar-nav__expansion-header",onClick:()=>this.toggleExpand(e.key)},i("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e)),i("span",{class:"co-sidebar-nav__item-label"},this.renderHighlightedLabel(e.key)),i("co-icon",{name:"caret-right",size:14,class:"co-sidebar-nav__expansion-caret"})),i("div",{class:"co-sidebar-nav__expansion-body"},e.children.map((e=>this.renderItem(e)))))}renderCategory(e){return"min"===this.mode?i("div",{class:"co-sidebar-nav__category--min"},e.children.map((e=>this.renderItem(e)))):i("div",{class:"co-sidebar-nav__category"},i("span",{class:"co-sidebar-nav__category-label"},this.renderHighlightedLabel(e.key)),i("div",{class:"co-sidebar-nav__category-items"},e.children.map((e=>this.renderItem(e)))))}renderItem(e){return this.isLeaf(e)?this.renderLeafItem(e):0!==e.level&&void 0!==e.level||e.modelName?this.renderExpansion(e):this.renderCategory(e)}render(){const e=this.filteredItems;return i(r,{key:"ef90beff11ad03c2cf4e13b74c9898cca380e8eb",class:{"flyout-open":!!this.flyoutKey}},i("nav",{key:"cc9788f795e8ac66b4143195e7ffa3c4efe58bc1",class:{"co-sidebar-nav":!0,"co-sidebar-nav--min":"min"===this.mode}},this.renderSearch(),i("div",{key:"c77b51b21c0d5d70ff90213f3c7a5bc0e104bdec",class:"co-sidebar-nav__items"},e.map((e=>this.renderItem(e))))))}get el(){return this}static get watchers(){return{iconMap:[{onIconMapChange:0}],translations:[{onTranslationsChange:0}],search:[{onSearchChange:0}],activeKey:[{onActiveKeyChange:0}],items:[{onItemsChange:0}]}}static get style(){return'@property --co-sidebar-fade-top{syntax:"<length>";inherits:false;initial-value:0px}@property --co-sidebar-fade-bottom{syntax:"<length>";inherits:false;initial-value:0px}:host{display:block;height:100%;overflow-y:auto;overflow-x:hidden;font-family:var(--co-font-family-primary);scrollbar-width:thin;scrollbar-color:transparent transparent;--co-sidebar-fade-size:28px}:host(:not([mode="min"])),:host([mode="min"]:not(.flyout-open)){-webkit-mask-image:linear-gradient(to bottom,     transparent 0, #000 var(--co-sidebar-fade-top),     #000 calc(100% - var(--co-sidebar-fade-bottom)), transparent 100%);mask-image:linear-gradient(to bottom,     transparent 0, #000 var(--co-sidebar-fade-top),     #000 calc(100% - var(--co-sidebar-fade-bottom)), transparent 100%)}@supports (animation-timeline: scroll()){:host(:not([mode="min"])),:host([mode="min"]:not(.flyout-open)){animation:co-sidebar-edge-fade linear both;animation-timeline:scroll(self block)}}@keyframes co-sidebar-edge-fade{0%{--co-sidebar-fade-top:0px;--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}8%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}92%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}100%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:0px}}:host(:hover){scrollbar-color:var(--co-color-opacity-blanco-16) transparent}:host::-webkit-scrollbar{width:6px}:host::-webkit-scrollbar-track{background:transparent}:host::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}:host(:hover)::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}:host(:hover)::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}:host(:hover)::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}:host([mode="min"]){scrollbar-width:none !important}:host([mode="min"])::-webkit-scrollbar{width:0 !important}.co-sidebar-nav{display:flex;flex-direction:column;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs)}.co-sidebar-nav--min{align-items:center;padding:var(--co-spacing-xs) 0}.co-sidebar-nav__search{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-xs) var(--co-spacing-sm);margin:0 var(--co-spacing-xs) var(--co-spacing-xs);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);height:32px}.co-sidebar-nav__search co-icon{color:var(--co-semantic-text-muted);flex-shrink:0}.co-sidebar-nav__search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-semantic-text-default);min-width:0}.co-sidebar-nav__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-sidebar-nav__search-clear{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav__search-clear:hover{color:var(--co-semantic-text-default)}.co-sidebar-nav__items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav--min .co-sidebar-nav__items{align-items:center}.co-sidebar-nav__category{display:flex;flex-direction:column}.co-sidebar-nav__category+.co-sidebar-nav__category{margin-top:var(--co-spacing-sm)}.co-sidebar-nav__category-label{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-semantic-text-muted);line-height:110%;letter-spacing:0.08em;padding:var(--co-spacing-lg) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__category-items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav__category--min{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-xxs)}.co-sidebar-nav__category--min+.co-sidebar-nav__category--min{margin-top:var(--co-spacing-md)}.co-sidebar-nav__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-default);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-sidebar-nav__item:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__item--active{background:var(--co-sidebar-nav-active-bg, var(--co-semantic-surface-hover));color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul));font-weight:var(--co-font-weight-medium);--co-glass-blur:12px;--co-glass-saturate:1.3;-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-sidebar-nav__item--active:hover{background:var(--co-sidebar-nav-active-bg-min, var(--co-sidebar-nav-active-bg, var(--co-semantic-surface-hover)));color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul))}.co-sidebar-nav__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.co-sidebar-nav__item-icon co-icon{color:inherit}.co-sidebar-nav__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-sidebar-nav__custom-icon{width:18px;height:18px;object-fit:contain;border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav--min .co-sidebar-nav__item{width:36px;height:36px;padding:0;justify-content:center;border-radius:var(--co-border-radius-xs)}.co-sidebar-nav__flyout-anchor{position:relative}.co-sidebar-nav__flyout{position:fixed;min-width:180px;max-width:240px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-sm);box-shadow:var(--co-shadow-lg);padding:var(--co-spacing-md);display:flex;flex-direction:column;z-index:9999;animation:co-flyout-in var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-sidebar-nav__flyout-title{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-color-gray-500);line-height:110%;letter-spacing:var(--co-font-letter-spacing-overline);padding:var(--co-spacing-xxs) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__flyout .co-sidebar-nav__item{width:100%;height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);gap:var(--co-spacing-md);font-weight:var(--co-font-weight-regular);color:var(--co-color-base-negro);line-height:var(--co-font-line-height-none);justify-content:flex-start}.co-sidebar-nav__flyout .co-sidebar-nav__item:hover{background:var(--co-color-gray-100)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active{background:var(--co-sidebar-nav-active-bg-min, var(--co-color-gray-100));color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul));font-weight:var(--co-font-weight-medium)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active:hover{background:var(--co-sidebar-nav-active-bg-min, var(--co-color-gray-100));color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul))}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon{display:flex;width:24px;height:24px}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon co-icon{color:var(--co-color-base-negro)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active .co-sidebar-nav__item-icon co-icon{color:var(--co-sidebar-nav-active-color, var(--co-color-primary-azul))}@keyframes co-flyout-in{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.co-sidebar-nav__expansion{display:flex;flex-direction:column}.co-sidebar-nav__expansion-header{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-secondary);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-sidebar-nav__expansion-header:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion--active>.co-sidebar-nav__expansion-header{color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion-caret{margin-left:auto;flex-shrink:0;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out);color:var(--co-semantic-text-muted)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-header .co-sidebar-nav__expansion-caret{transform:rotate(90deg)}.co-sidebar-nav__expansion-body{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);overflow:hidden;max-height:0;opacity:0;transition:max-height var(--co-motion-duration-slow) var(--co-motion-ease-out), opacity var(--co-motion-duration-base) var(--co-motion-ease-out), padding var(--co-motion-duration-base) var(--co-motion-ease-out);padding-left:var(--co-spacing-xl)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-body{max-height:1000px;opacity:1;padding-top:var(--co-spacing-xxs)}.co-sidebar-nav__highlight{all:unset;background-color:var(--co-color-primary-amarillo, #facc15);color:var(--co-color-base-negro, #000);border-radius:2px;padding:0 1px}'}},[1,"co-sidebar-nav",{items:[1],activeKey:[513,"active-key"],mode:[513],searchable:[4],searchPlaceholder:[1,"search-placeholder"],search:[1],iconMap:[1,"icon-map"],translations:[1],searchText:[32],expandedKeys:[32],flyoutKey:[32],flyoutPosition:[32]},void 0,{iconMap:[{onIconMapChange:0}],translations:[{onTranslationsChange:0}],search:[{onSearchChange:0}],activeKey:[{onActiveKeyChange:0}],items:[{onItemsChange:0}]}]);function v(){"undefined"!=typeof customElements&&["co-sidebar-nav","co-icon","co-kbd","co-tooltip"].forEach((a=>{switch(a){case"co-sidebar-nav":customElements.get(e(a))||customElements.define(e(a),h);break;case"co-icon":customElements.get(e(a))||n();break;case"co-kbd":customElements.get(e(a))||c();break;case"co-tooltip":customElements.get(e(a))||l()}}))}v();const p=h,b=v;export{p as CoSidebarNav,b as defineCustomElement}
+import{t as e,p as a,H as o,c as t,h as i,a as s}from"./index.js";import{n as r}from"./p-Ba_v-MzM.js";import{d as n}from"./p-qMNHMnvI.js";import{d as c}from"./p-DldA2IL3.js";import{d as l}from"./p-B5F93Ujt.js";const d={Home:"house",Contacts:"address-book",Companies:"buildings",Presentations:"presentation-chart",Deals:"handshake",Invoices:"receipt",Payments:"credit-card",Conversations:"chat-circle",Channels:"broadcast",ChannelProviders:"plugs-connected",ConversationFlows:"flow-arrow",PhoneNumbers:"phone",Tasks:"check-square",TaskGroups:"squares-four",WorkOrders:"clipboard-text",Tickets:"ticket",CaseTypes:"tag",EmailHubs:"at",RoutingRules:"path",Contracts:"file-text",Notes:"note",Meetings:"video-camera",Calls:"phone-call",CloudDrive:"cloud",Quotes:"quotes",ContentTemplates:"article",MessageTemplates:"chat-text",Skills:"brain",AiAgentProfiles:"robot",Insights:"chart-line",Dashboards:"gauge",Reports:"chart-bar",Emails:"envelope",ContactLists:"users-three",EmailCampaigns:"megaphone",VirtualTours:"cube",Scenes:"image",Spots:"map-pin",FloorPlans:"blueprint",Users:"user",UserTeams:"users",UserGroups:"user-circle-gear",Roles:"shield",Workspaces:"stack",AuthenticationRules:"lock-key",OauthApps:"key",ServiceCredentials:"certificate",Calendars:"calendar",CalendarPolicies:"calendar-check",CalendarGroups:"calendar-dots",CalendarEvents:"calendar-plus",ProposalWizards:"magic-wand",WizardGroups:"folders",AdHubs:"storefront",AdCampaigns:"flag-banner",Pricebooks:"book-open",PricebookEntries:"list-numbers",Products:"package",Taxes:"percent",ProductGroups:"stack",ProductFamilies:"tree-structure",ProductCategories:"tag",ProductRules:"gear-six",DiscountSchedules:"piggy-bank",LiveStreams:"broadcast",EventSubscriptions:"bell-ringing",Stages:"steps",ContactFlows:"flow-arrow",Categories:"folder-simple",CustomFilters:"funnel",Logs:"list-bullets",Devices:"cpu",Scripts:"code",Webhooks:"webhooks-logo",Endpoints:"plug",Sites:"globe",HealthChecks:"heartbeat",Plugins:"puzzle-piece",Cobs:"cube",CustomFields:"textbox",CustomUis:"layout",Documentation:"book-open-text",Sections:"article",Articles:"newspaper",Directory:"address-book",Sales:"currency-dollar",Communications:"chat-teardrop-text",Operations:"gear",Support:"lifebuoy",Tools:"wrench",Configuration:"sliders",Analytics:"chart-pie",Mailing:"envelope-simple",Billing:"money",Libraries:"books",Scheduling:"timer",Pricing:"tag",Development:"terminal",AccessControl:"shield-check",Notifications:"bell",System:"database",Iot:"wifi-high",Advertising:"megaphone",Wizards:"magic-wand",TourStudio:"cube",Docs:"file-text",Setup:"gear-six",Learning:"graduation-cap",Programs:"path",Courses:"chalkboard-teacher",Enrollments:"student",Certificates:"certificate",Assessments:"exam",Recruitment:"user-plus",Vacancies:"briefcase",Candidates:"user-list",JobApplications:"read-cv-logo",Interviews:"chats-circle",AssetManagement:"package",Assets:"devices",AssetAssignments:"user-switch",Recognition:"hands-clapping",Achievements:"trophy",Rewards:"gift",Badges:"medal",BadgeNominations:"star",Prizes:"trophy",RewardsBudgets:"wallet",RedeemedPrizes:"crown",PaymentReceipts:"hand-coins",Coupons:"seal-percent",EventManager:"calendar-star",EventProspects:"users-four",BusinessEvents:"briefcase",EventExpense:"coins",Content:"folder-open",Portals:"app-window",CommunicationCenter:"headset",Integrations:"plugs-connected",Mcp:"plug",LifecycleHooks:"arrows-clockwise",PaymentProviders:"credit-card",Stripe:"credit-card",ThirdParty:"plugs-connected",Sendgrid:"paper-plane-tilt",Apollo:"rocket-launch",Kaspr:"identification-card",OpenAi:"robot",Ultramsg:"whatsapp-logo",Slack:"slack-logo",Telegram:"telegram-logo",Discord:"discord-logo"},v=a(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coNavigate=t(this,"coNavigate",7),this.coSearch=t(this,"coSearch",7),this.items="{}",this.activeKey="",this.mode="full",this.searchable=!1,this.searchPlaceholder="Search",this.search="",this.iconMap="{}",this.translations="{}",this.searchText="",this.expandedKeys=new Set,this.flyoutKey=null,this.flyoutPosition={top:0,bottom:null,left:0},this.parsedIconMap={},this.parsedTranslations={},this.flyoutTimeout=null,this.handleSearchInput=e=>{this.searchText=e.target.value,this.coSearch.emit(this.searchText)}}onIconMapChange(){this.parseIconMap()}onTranslationsChange(){this.parseTranslations()}onSearchChange(){this.searchText=this.search}onActiveKeyChange(){this.autoExpandForActiveKey()}onItemsChange(){this.autoExpandForActiveKey()}componentWillLoad(){this.parseIconMap(),this.parseTranslations(),this.autoExpandForActiveKey()}componentDidLoad(){}parseIconMap(){try{this.parsedIconMap=Object.assign(Object.assign({},d),JSON.parse(this.iconMap))}catch(e){this.parsedIconMap=Object.assign({},d)}}parseTranslations(){try{this.parsedTranslations=JSON.parse(this.translations)}catch(e){this.parsedTranslations={}}}get parsedItems(){try{const e=JSON.parse(this.items);return Array.isArray(e)?e:this.transformMenuData(e,0)}catch(e){return[]}}transformMenuData(e,a){return Object.keys(e).map((o=>{const t=e[o],i=t.modelName||"object"==typeof t&&!Object.keys(t).some((e=>"object"==typeof t[e]&&"modelName"!==e));return{key:o,label:o,url:t.url,target:t.target,modelName:i?t.modelName:void 0,customIcon:t.customIcon,children:i?void 0:this.transformMenuData(t,a+1),level:a}}))}get filteredItems(){return this.searchText?this.filterRecursive(this.parsedItems,r(this.searchText)):this.parsedItems}filterRecursive(e,a){const o=[];for(const t of e)if(r(this.getLabel(t.key)).includes(a))o.push(t);else if(t.children){const e=this.filterRecursive(t.children,a);e.length>0&&o.push(Object.assign(Object.assign({},t),{children:e}))}return o}autoExpandForActiveKey(){if(!this.activeKey)return;const e=new Set(this.expandedKeys);this.findAndExpandParents(this.parsedItems,this.activeKey,e),this.expandedKeys=e}findAndExpandParents(e,a,o){for(const t of e){if(t.key===a)return!0;if(t.children&&this.findAndExpandParents(t.children,a,o))return o.add(t.key),!0}return!1}getLabel(e){return this.parsedTranslations[e]?this.parsedTranslations[e]:e.replace(/([a-z])([A-Z])/g,"$1 $2")}getIcon(e){return this.parsedIconMap[e]||"circle"}isLeaf(e){return!e.children||0===e.children.length}hasActiveDescendant(e){return e.key===this.activeKey||!!e.children&&e.children.some((e=>this.hasActiveDescendant(e)))}toggleExpand(e){const a=new Set(this.expandedKeys);a.has(e)?a.delete(e):a.add(e),this.expandedKeys=a}handleLeafClick(e){this.flyoutKey=null,this.coNavigate.emit({key:e.key,modelName:e.modelName,url:e.url,target:e.target,customIcon:e.customIcon})}renderSearch(){return this.searchable&&"min"!==this.mode?i("div",{class:"co-sidebar-nav__search"},i("co-icon",{name:"magnifying-glass",size:16}),i("input",{type:"text",class:"co-sidebar-nav__search-input",placeholder:this.searchPlaceholder,value:this.searchText,onInput:this.handleSearchInput}),this.searchText&&i("button",{class:"co-sidebar-nav__search-clear",onClick:()=>{this.searchText="",this.coSearch.emit("")}},i("co-icon",{name:"x",size:14}))):null}renderIcon(e,a=16){if(e.customIcon)return i("img",{class:"co-sidebar-nav__custom-icon",src:e.customIcon,alt:""});const o=e.icon||this.getIcon(e.key);return i("co-icon",{name:o,size:a})}renderHighlightedLabel(e){const a=this.getLabel(e);if(!this.searchText)return a;const o=this.searchText.toLowerCase(),t=a.toLowerCase().indexOf(o);if(-1===t)return a;const s=a.slice(0,t),r=a.slice(t,t+o.length),n=a.slice(t+o.length);return[s,i("mark",{class:"co-sidebar-nav__highlight"},r),n]}renderLeafItem(e,a=!1){const o=e.key===this.activeKey,t=this.getLabel(e.key),s="full"===this.mode||a,r=i("button",{class:{"co-sidebar-nav__item":!0,"co-sidebar-nav__item--active":o},onClick:()=>this.handleLeafClick(e),"aria-label":s?void 0:t},i("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e,s?16:18)),s&&i("span",{class:"co-sidebar-nav__item-label"},this.renderHighlightedLabel(e.key)));return"min"!==this.mode||a?r:i("co-tooltip",{content:t,placement:"right",offset:12},r)}openFlyout(e,a,o=0){if(clearTimeout(this.flyoutTimeout),a){const e=a.getBoundingClientRect(),t=e.right+8,i=window.innerHeight;this.flyoutPosition=e.top+(28+32*o+24)>i-16?{top:null,bottom:i-e.bottom,left:t}:{top:e.top,bottom:null,left:t}}this.flyoutKey=e}closeFlyout(){this.flyoutTimeout=setTimeout((()=>{this.flyoutKey=null}),150)}renderExpansion(e){const a=this.expandedKeys.has(e.key)||this.searchText.length>0,o=this.hasActiveDescendant(e);if("min"===this.mode){const a=this.flyoutKey===e.key;return i("div",{class:"co-sidebar-nav__flyout-anchor",onMouseEnter:a=>{var o;return this.openFlyout(e.key,a.currentTarget,(null===(o=e.children)||void 0===o?void 0:o.length)||0)},onMouseLeave:()=>this.closeFlyout()},i("button",{class:{"co-sidebar-nav__item":!0,"co-sidebar-nav__item--active":o||a},title:this.getLabel(e.key),onClick:a=>{var o;a.stopPropagation();const t=a.currentTarget.closest(".co-sidebar-nav__flyout-anchor");this.flyoutKey===e.key?this.flyoutKey=null:this.openFlyout(e.key,t||void 0,(null===(o=e.children)||void 0===o?void 0:o.length)||0)}},i("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e,18))),a&&i("div",{class:"co-sidebar-nav__flyout",style:Object.assign(Object.assign(Object.assign({},null!==this.flyoutPosition.top?{top:this.flyoutPosition.top+"px"}:{}),null!==this.flyoutPosition.bottom?{bottom:this.flyoutPosition.bottom+"px"}:{}),{left:this.flyoutPosition.left+"px"}),onMouseEnter:()=>clearTimeout(this.flyoutTimeout),onMouseLeave:()=>this.closeFlyout()},i("span",{class:"co-sidebar-nav__flyout-title"},this.renderHighlightedLabel(e.key)),e.children.map((e=>this.renderLeafItem(e,!0)))))}return i("div",{class:{"co-sidebar-nav__expansion":!0,"co-sidebar-nav__expansion--expanded":a,"co-sidebar-nav__expansion--active":o}},i("button",{class:"co-sidebar-nav__expansion-header",onClick:()=>this.toggleExpand(e.key)},i("span",{class:"co-sidebar-nav__item-icon"},this.renderIcon(e)),i("span",{class:"co-sidebar-nav__item-label"},this.renderHighlightedLabel(e.key)),i("co-icon",{name:"caret-right",size:14,class:"co-sidebar-nav__expansion-caret"})),i("div",{class:"co-sidebar-nav__expansion-body"},e.children.map((e=>this.renderItem(e)))))}renderCategory(e){return"min"===this.mode?i("div",{class:"co-sidebar-nav__category--min"},i("span",{class:"co-sidebar-nav__category-label co-sidebar-nav__category-spacer","aria-hidden":"true"}," "),e.children.map((e=>this.renderItem(e)))):i("div",{class:"co-sidebar-nav__category"},i("span",{class:"co-sidebar-nav__category-label"},this.renderHighlightedLabel(e.key)),i("div",{class:"co-sidebar-nav__category-items"},e.children.map((e=>this.renderItem(e)))))}renderItem(e){return this.isLeaf(e)?this.renderLeafItem(e):0!==e.level&&void 0!==e.level||e.modelName?this.renderExpansion(e):this.renderCategory(e)}render(){const e=this.filteredItems;return i(s,{key:"7e9637d98b9a2a698f6b82050b0f9cdadda66798",class:{"flyout-open":!!this.flyoutKey}},i("nav",{key:"c3ad14a4e294be4c2b803c93a4ddbf42daae5dd0",class:{"co-sidebar-nav":!0,"co-sidebar-nav--min":"min"===this.mode}},this.renderSearch(),i("div",{key:"2b2f5c39b6a529e1993695f4cda5ba5c5965c17e",class:"co-sidebar-nav__items"},e.map((e=>this.renderItem(e))))))}get el(){return this}static get watchers(){return{iconMap:[{onIconMapChange:0}],translations:[{onTranslationsChange:0}],search:[{onSearchChange:0}],activeKey:[{onActiveKeyChange:0}],items:[{onItemsChange:0}]}}static get style(){return'@property --co-sidebar-fade-top{syntax:"<length>";inherits:false;initial-value:0px}@property --co-sidebar-fade-bottom{syntax:"<length>";inherits:false;initial-value:0px}:host{display:block;height:100%;overflow-y:auto;overflow-x:hidden;font-family:var(--co-font-family-primary);scrollbar-width:thin;scrollbar-color:transparent transparent;--co-sidebar-fade-size:28px}:host(:not([mode="min"])),:host([mode="min"]:not(.flyout-open)){-webkit-mask-image:linear-gradient(to bottom,     transparent 0, #000 var(--co-sidebar-fade-top),     #000 calc(100% - var(--co-sidebar-fade-bottom)), transparent 100%);mask-image:linear-gradient(to bottom,     transparent 0, #000 var(--co-sidebar-fade-top),     #000 calc(100% - var(--co-sidebar-fade-bottom)), transparent 100%)}@supports (animation-timeline: scroll()){:host(:not([mode="min"])),:host([mode="min"]:not(.flyout-open)){animation:co-sidebar-edge-fade linear both;animation-timeline:scroll(self block)}}@keyframes co-sidebar-edge-fade{0%{--co-sidebar-fade-top:0px;--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}8%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}92%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:var(--co-sidebar-fade-size)}100%{--co-sidebar-fade-top:var(--co-sidebar-fade-size);--co-sidebar-fade-bottom:0px}}:host(:hover){scrollbar-color:var(--co-color-opacity-blanco-16) transparent}:host::-webkit-scrollbar{width:6px}:host::-webkit-scrollbar-track{background:transparent}:host::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}:host(:hover)::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}:host(:hover)::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}:host(:hover)::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}:host([mode="min"]){scrollbar-width:none !important}:host([mode="min"])::-webkit-scrollbar{width:0 !important}.co-sidebar-nav{display:flex;flex-direction:column;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs)}.co-sidebar-nav--min{align-items:center;padding:var(--co-spacing-xs) 0}.co-sidebar-nav__search{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-xs) var(--co-spacing-sm);margin:0 var(--co-spacing-xs) var(--co-spacing-xs);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);height:32px}.co-sidebar-nav__search co-icon{color:var(--co-semantic-text-muted);flex-shrink:0}.co-sidebar-nav__search-input{flex:1;border:none;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);letter-spacing:var(--co-font-letter-spacing-body);color:var(--co-semantic-text-default);min-width:0}.co-sidebar-nav__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-sidebar-nav__search-clear{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;padding:0;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav__search-clear:hover{color:var(--co-semantic-text-default)}.co-sidebar-nav__items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav--min .co-sidebar-nav__items{align-items:center}.co-sidebar-nav__category{display:flex;flex-direction:column}.co-sidebar-nav__category+.co-sidebar-nav__category{margin-top:var(--co-spacing-sm)}.co-sidebar-nav__category-label{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-semantic-text-muted);line-height:110%;letter-spacing:0.08em;padding:var(--co-spacing-lg) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-sidebar-nav__category-items{display:flex;flex-direction:column;gap:var(--co-spacing-xxs)}.co-sidebar-nav__category--min{display:flex;flex-direction:column;align-items:center}.co-sidebar-nav__category--min+.co-sidebar-nav__category--min{margin-top:var(--co-spacing-sm)}.co-sidebar-nav__category-spacer{visibility:hidden;white-space:nowrap;padding-left:0;padding-right:0}.co-sidebar-nav__category--min>:not(.co-sidebar-nav__category-spacer)+*{margin-top:var(--co-spacing-xxs)}.co-sidebar-nav__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-default);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-sidebar-nav__item:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__item--active{background:var(--co-sidebar-nav-active-bg, var(--co-semantic-surface-hover));color:var(--co-sidebar-nav-active-color, var(--co-semantic-text-link, var(--co-color-primary-azul)));font-weight:var(--co-font-weight-medium);--co-glass-blur:12px;--co-glass-saturate:1.3;-webkit-backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-glass-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-sidebar-nav__item--active:hover{background:var(--co-sidebar-nav-active-bg-min, var(--co-sidebar-nav-active-bg, var(--co-semantic-surface-hover)));color:var(--co-sidebar-nav-active-color, var(--co-semantic-text-link, var(--co-color-primary-azul)))}.co-sidebar-nav__item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.co-sidebar-nav__item-icon co-icon{color:inherit}.co-sidebar-nav__item-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-sidebar-nav__custom-icon{width:18px;height:18px;object-fit:contain;border-radius:var(--co-border-radius-xxs)}.co-sidebar-nav--min co-tooltip{line-height:0}.co-sidebar-nav--min .co-sidebar-nav__item{width:36px;height:28px;padding:0;justify-content:center;border-radius:var(--co-border-radius-xs)}.co-sidebar-nav__flyout-anchor{position:relative}.co-sidebar-nav__flyout{position:fixed;min-width:180px;max-width:240px;background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-subtle);color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-sm);box-shadow:var(--co-shadow-lg);padding:var(--co-spacing-md);display:flex;flex-direction:column;z-index:9999;animation:co-flyout-in var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-sidebar-nav__flyout-title{text-transform:uppercase;font-family:var(--co-font-family-mono);font-size:var(--co-font-size-10);font-weight:400;color:var(--co-semantic-text-muted);line-height:110%;letter-spacing:var(--co-font-letter-spacing-overline);padding:var(--co-spacing-xxs) var(--co-spacing-sm) var(--co-spacing-xs);user-select:none}.co-sidebar-nav__flyout .co-sidebar-nav__item{width:100%;height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);gap:var(--co-spacing-md);font-weight:var(--co-font-weight-regular);color:var(--co-semantic-text-default);line-height:var(--co-font-line-height-none);justify-content:flex-start}.co-sidebar-nav__flyout .co-sidebar-nav__item:hover{background:var(--co-semantic-surface-control)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active{background:var(--co-sidebar-nav-active-bg-min, var(--co-semantic-surface-control));color:var(--co-sidebar-nav-active-color, var(--co-semantic-text-link, var(--co-color-primary-azul)));font-weight:var(--co-font-weight-medium)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active:hover{background:var(--co-sidebar-nav-active-bg-min, var(--co-semantic-surface-control));color:var(--co-sidebar-nav-active-color, var(--co-semantic-text-link, var(--co-color-primary-azul)))}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon{display:flex;width:24px;height:24px}.co-sidebar-nav__flyout .co-sidebar-nav__item-icon co-icon{color:var(--co-semantic-text-default)}.co-sidebar-nav__flyout .co-sidebar-nav__item--active .co-sidebar-nav__item-icon co-icon{color:var(--co-sidebar-nav-active-color, var(--co-semantic-text-link, var(--co-color-primary-azul)))}@keyframes co-flyout-in{from{opacity:0;transform:translateX(-4px)}to{opacity:1;transform:translateX(0)}}.co-sidebar-nav__expansion{display:flex;flex-direction:column}.co-sidebar-nav__expansion-header{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);border:none;background:none;cursor:pointer;width:100%;text-align:left;color:var(--co-semantic-text-secondary);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);font-weight:var(--co-font-weight-medium);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-sidebar-nav__expansion-header:hover{background:var(--co-semantic-surface-hover);color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion--active>.co-sidebar-nav__expansion-header{color:var(--co-semantic-text-default)}.co-sidebar-nav__expansion-caret{margin-left:auto;flex-shrink:0;transition:transform var(--co-motion-duration-base) var(--co-motion-ease-out);color:var(--co-semantic-text-muted)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-header .co-sidebar-nav__expansion-caret{transform:rotate(90deg)}.co-sidebar-nav__expansion-body{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);overflow:hidden;max-height:0;opacity:0;transition:max-height var(--co-motion-duration-slow) var(--co-motion-ease-out), opacity var(--co-motion-duration-base) var(--co-motion-ease-out), padding var(--co-motion-duration-base) var(--co-motion-ease-out);padding-left:var(--co-spacing-xl)}.co-sidebar-nav__expansion--expanded>.co-sidebar-nav__expansion-body{max-height:1000px;opacity:1;padding-top:var(--co-spacing-xxs)}.co-sidebar-nav__highlight{all:unset;background-color:var(--co-color-primary-amarillo, #facc15);color:var(--co-color-base-negro, #000);border-radius:2px;padding:0 1px}'}},[1,"co-sidebar-nav",{items:[1],activeKey:[513,"active-key"],mode:[513],searchable:[4],searchPlaceholder:[1,"search-placeholder"],search:[1],iconMap:[1,"icon-map"],translations:[1],searchText:[32],expandedKeys:[32],flyoutKey:[32],flyoutPosition:[32]},void 0,{iconMap:[{onIconMapChange:0}],translations:[{onTranslationsChange:0}],search:[{onSearchChange:0}],activeKey:[{onActiveKeyChange:0}],items:[{onItemsChange:0}]}]);function h(){"undefined"!=typeof customElements&&["co-sidebar-nav","co-icon","co-kbd","co-tooltip"].forEach((a=>{switch(a){case"co-sidebar-nav":customElements.get(e(a))||customElements.define(e(a),v);break;case"co-icon":customElements.get(e(a))||n();break;case"co-kbd":customElements.get(e(a))||c();break;case"co-tooltip":customElements.get(e(a))||l()}}))}h();const p=v,m=h;export{p as CoSidebarNav,m as defineCustomElement}

package/dist/components/co-sidebar.js

@@ -1 +1 @@
-import{t as e,p as a,H as o,c as d,h as s}from"./index.js";const i=a(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coModeChange=d(this,"coModeChange",7),this.mode="full"}render(){return s("nav",{key:"de782225d3dc1ef1def8af333a2a81809b50a84d",class:{"co-sidebar":!0,["co-sidebar--"+this.mode]:!0},part:"sidebar"},s("div",{key:"7c4466bf0d14cba9ca008d0a1cf9c28972726301",class:"co-sidebar__header",part:"header"},s("slot",{key:"1389f2fa757adcd7b97586534de4144f9b08d1a7",name:"header"})),s("div",{key:"298ea9f0183bb31b0a4b6d83053029b8f181fb7d",class:"co-sidebar__body",part:"body"},s("slot",{key:"f1c0c4b26b4be0441048f7f961529ce5371d4c6d"})),s("div",{key:"62666b4e1b9591c70196fccb73caf683925de906",class:"co-sidebar__footer",part:"footer"},s("slot",{key:"83566f1745b802296b7db7b90032a3ca13849126",name:"footer"})))}static get style(){return":host{display:flex;height:100%}.co-sidebar{display:flex;flex-direction:column;background:var(--co-semantic-surface-page);border-right:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-sidebar--full{width:256px}.co-sidebar--min{width:58px;align-items:center}.co-sidebar__header{padding:var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__header{padding:var(--co-spacing-md)}.co-sidebar__body{flex:1;overflow-y:auto;padding:var(--co-spacing-sm2) var(--co-spacing-md)}.co-sidebar--min .co-sidebar__body{padding:var(--co-spacing-sm2)}.co-sidebar__footer{padding:var(--co-spacing-md) var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__footer{padding:var(--co-spacing-md)}.co-sidebar__header:empty,.co-sidebar__footer:empty{display:none}"}},[257,"co-sidebar",{mode:[1537]}]);function r(){"undefined"!=typeof customElements&&["co-sidebar"].forEach((a=>{"co-sidebar"===a&&(customElements.get(e(a))||customElements.define(e(a),i))}))}r();const c=i,t=r;export{c as CoSidebar,t as defineCustomElement}
+import{t as e,p as a,H as o,c as d,h as s}from"./index.js";const i=a(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coModeChange=d(this,"coModeChange",7),this.mode="full"}render(){return s("nav",{key:"757c703d5b48b3a0a9279efb72fcb4e75766cb70",class:{"co-sidebar":!0,["co-sidebar--"+this.mode]:!0},part:"sidebar"},s("div",{key:"ca01fa4c56c52459b7be32e19111bd183b1c7824",class:"co-sidebar__header",part:"header"},s("slot",{key:"7bb16f14df6569ae262b776813525ca5f827f485",name:"header"})),s("div",{key:"d3a20aae579d1af533834d5ee98f4e597a879688",class:"co-sidebar__body",part:"body"},s("slot",{key:"eff38bf3159dcc554310924ba691631733f09a8e"})),s("div",{key:"79da90c337b0c566013db7c88bd34901862edb63",class:"co-sidebar__footer",part:"footer"},s("slot",{key:"6b183536a98528a1f01978ea9ed72538c3dcc99a",name:"footer"})))}static get style(){return":host{display:flex;height:100%}.co-sidebar{display:flex;flex-direction:column;background:var(--co-semantic-surface-page);border-right:1px solid var(--co-semantic-border-subtle);font-family:var(--co-font-family-primary);box-sizing:border-box;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-sidebar--full{width:256px}.co-sidebar--min{width:58px;align-items:center}.co-sidebar__header{padding:var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__header{padding:var(--co-spacing-md)}.co-sidebar__body{flex:1;overflow-y:auto;padding:var(--co-spacing-sm2) var(--co-spacing-md)}.co-sidebar--min .co-sidebar__body{padding:var(--co-spacing-sm2)}.co-sidebar__footer{padding:var(--co-spacing-md) var(--co-spacing-lg);flex-shrink:0}.co-sidebar--min .co-sidebar__footer{padding:var(--co-spacing-md)}.co-sidebar__header:empty,.co-sidebar__footer:empty{display:none}"}},[257,"co-sidebar",{mode:[1537]}]);function r(){"undefined"!=typeof customElements&&["co-sidebar"].forEach((a=>{"co-sidebar"===a&&(customElements.get(e(a))||customElements.define(e(a),i))}))}r();const c=i,t=r;export{c as CoSidebar,t as defineCustomElement}

package/dist/components/co-skeleton.js

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

package/dist/components/co-slider.js

@@ -1 +1 @@
-import{t as e,p as i,H as s,c as t,h as r}from"./index.js";import{d as o}from"./p-KK2vAKs-.js";const c=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=t(this,"coChange",7),this.coInput=t(this,"coInput",7),this.status="default",this.value=0,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.showValue=!0,this.showMarks=!1,this.orientation="horizontal",this.dragging=!1,this.changedInGesture=!1,this.handlePointerDown=e=>{this.disabled||0!==e.button||this.dragging||(e.preventDefault(),this.dragging=!0,this.dragPointerId=e.pointerId,this.changedInGesture=!1,this.bindGesture(),this.commitInput(this.valueFromPointer(e.clientX,e.clientY)))},this.handleGesturePointerMove=e=>{this.isGesturePointer(e)&&this.commitInput(this.valueFromPointer(e.clientX,e.clientY))},this.handleGestureEnd=e=>{this.isGesturePointer(e)&&this.endGesture()&&this.coChange.emit(this.value)},this.handleWindowBlur=()=>{this.dragging&&this.endGesture()&&this.coChange.emit(this.value)},this.handleInputChange=e=>{const i=parseFloat(e.target.value);if(!isNaN(i)){const e=this.snap(i);this.value=e,this.coChange.emit(e)}},this.handleVerticalKeyDown=e=>{if(this.disabled)return;const i="ArrowUp"===e.key||"ArrowRight"===e.key?1:"ArrowDown"===e.key||"ArrowLeft"===e.key?-1:0;if(0===i)return;e.preventDefault();const s=this.snap(this.value+i*this.step);s!==this.value&&(this.value=s,this.coChange.emit(s))}}get isVertical(){return"vertical"===this.orientation}get percentage(){const e=this.max-this.min;return e<=0?0:(this.value-this.min)/e*100}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}clamp(e){return Math.min(this.max,Math.max(this.min,e))}snap(e){return this.clamp(this.min+Math.round((e-this.min)/this.step)*this.step)}valueFromPointer(e,i){if(!this.trackEl)return this.value;const s=this.trackEl.getBoundingClientRect();return this.snap(this.min+Math.max(0,Math.min(1,this.isVertical?s.height>0?(s.bottom-i)/s.height:0:s.width>0?(e-s.left)/s.width:0))*(this.max-this.min))}commitInput(e){return e!==this.value&&(this.value=e,this.changedInGesture=!0,this.coInput.emit(e),!0)}isGesturePointer(e){return this.dragging&&e.pointerId==this.dragPointerId}bindGesture(){document.addEventListener("pointermove",this.handleGesturePointerMove),document.addEventListener("pointerup",this.handleGestureEnd),document.addEventListener("pointercancel",this.handleGestureEnd),window.addEventListener("blur",this.handleWindowBlur)}unbindGesture(){document.removeEventListener("pointermove",this.handleGesturePointerMove),document.removeEventListener("pointerup",this.handleGestureEnd),document.removeEventListener("pointercancel",this.handleGestureEnd),window.removeEventListener("blur",this.handleWindowBlur)}endGesture(){this.unbindGesture(),this.dragging=!1,this.dragPointerId=void 0;const e=this.changedInGesture;return this.changedInGesture=!1,e}disconnectedCallback(){this.endGesture()&&this.coChange.emit(this.value)}render(){const e=this.percentage,i=this.isVertical;return r("div",{key:"4993b9d6827cdda362ce482151bffaf84c916442",class:{"co-slider":!0,"co-slider--disabled":this.disabled,"co-slider--dragging":this.dragging,"co-slider--vertical":i,["co-slider--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel||this.showValue)&&r("div",{key:"707c5bda972f1c1c3a45d6716f1a7b1debc2e9ee",class:"co-slider__labels"},r("div",{key:"2ea2bd4c5e9eafcc8e87214134ad3ee4881b990f",class:"co-slider__labels-left"},this.label&&r("label",{key:"8a509cbaaae01919f3e29627492762021bc6b001",class:"co-slider__label"},this.label),this.secondaryLabel&&r("span",{key:"9ac5b791724b1f106c0d50bea0eef55367187dcb",class:"co-slider__secondary-label"},this.secondaryLabel)),this.showValue&&r("span",{key:"77fd3b3c5db03128a19fc37797832e334a31a9cd",class:"co-slider__value"},this.value)),r("div",{key:"8d16d1b89ea5c4f0226787482f4cf307cefb5f99",class:"co-slider__track-wrapper",ref:e=>this.trackEl=e,onPointerDown:this.handlePointerDown},r("div",{key:"2d74659caca41e9255fe792e3b172e3cd6e4f3d9",class:"co-slider__track"},r("div",{key:"169501854773b01341072f8024d89e665ed5527e",class:"co-slider__fill",style:i?{height:e+"%"}:{width:e+"%"}})),r("div",{key:"a1ea0b12371df5f0df4204a6be870fcf70141c43",class:"co-slider__thumb",style:i?{bottom:e+"%"}:{left:e+"%"}})),this.showMarks&&r("div",{key:"8e8d55e60e058b1336c9819c11100c3e82f56097",class:"co-slider__marks"},r("span",{key:"0e6b74aed9a56f40147a8e96290834c3e51d82c4",class:"co-slider__mark"},this.min),r("span",{key:"4b735e6e20f5d49f5ab6047129b43e05210c5726",class:"co-slider__mark"},this.max)),r("input",{key:"ddbb917734f98c92564477b502f29f51f2c492ca",class:"co-slider__native",type:"range",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInput:this.handleInputChange,onKeyDown:i?this.handleVerticalKeyDown:void 0,"aria-label":this.ariaLabelText||this.label||"Slider","aria-orientation":i?"vertical":void 0}),this.helperText&&r("div",{key:"68ba7ef8a27b006011ad0d1beba1cd9557103f8a",class:"co-slider__helper co-slider__helper--"+this.status},this.statusIcon&&r("co-icon",{key:"99f8b511f7de45809967a8a7588d8d736365247e",name:this.statusIcon,size:14,weight:"fill",class:"co-slider__helper-icon"}),r("span",{key:"22f3ecf666b54d2bf5c97816c1b8253a7c6b233b",class:"co-slider__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);line-height:1}.co-slider{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-slider__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__labels-left{display:flex;align-items:center;gap:var(--co-spacing-sm2)}.co-slider__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default}.co-slider__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-slider__value{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500;font-variant-numeric:tabular-nums}.co-slider--disabled .co-slider__label,.co-slider--disabled .co-slider__secondary-label,.co-slider--disabled .co-slider__value{color:var(--co-semantic-text-disabled)}.co-slider__track-wrapper{position:relative;height:max(24px, var(--co-slider-thumb-size, 24px));display:flex;align-items:center;cursor:pointer;touch-action:none}.co-slider--disabled .co-slider__track-wrapper{cursor:not-allowed}.co-slider__track{width:100%;height:var(--co-slider-track-thickness, 4px);background:var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-full);overflow:hidden}.co-slider__fill{height:100%;background:var(--co-semantic-surface-primary);border-radius:var(--co-border-radius-full);transition:width var(--co-motion-duration-instant) var(--co-motion-ease-out)}.co-slider--disabled .co-slider__fill{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__fill{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__fill{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__fill{background:var(--co-color-status-review)}.co-slider__thumb{position:absolute;top:50%;box-sizing:border-box;width:var(--co-slider-thumb-size, 24px);height:var(--co-slider-thumb-size, 24px);border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);border:var(--co-slider-thumb-border, 2px) solid var(--co-semantic-surface-secondary);box-shadow:var(--co-semantic-control-shadow, 0 1px 4px rgba(0,0,0,0.12));transform:translate(-50%, -50%);transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);pointer-events:none}.co-slider--vertical .co-slider__track-wrapper{box-sizing:border-box;width:max(24px, var(--co-slider-thumb-size, 24px));height:var(--co-slider-vertical-length, 120px);flex-direction:column;justify-content:center;margin-inline:auto}.co-slider--vertical .co-slider__track{box-sizing:border-box;width:var(--co-slider-track-thickness, 4px);height:100%;display:flex;flex-direction:column;justify-content:flex-end}.co-slider--vertical .co-slider__fill{width:100%;flex-shrink:0;transition:height var(--co-motion-duration-instant) var(--co-motion-ease-out)}.co-slider--vertical .co-slider__thumb{top:auto;left:50%;transform:translate(-50%, 50%)}.co-slider--vertical.co-slider--dragging .co-slider__thumb{transform:translate(-50%, 50%) scale(1.15)}.co-slider--vertical .co-slider__native{writing-mode:vertical-rl;direction:rtl}.co-slider--vertical{display:grid;grid-template-columns:max-content;grid-auto-columns:max-content;justify-content:center}.co-slider--vertical .co-slider__labels,.co-slider--vertical .co-slider__track-wrapper,.co-slider--vertical .co-slider__helper{grid-column:1}.co-slider--vertical .co-slider__labels{gap:var(--co-spacing-sm2)}.co-slider--vertical .co-slider__marks{grid-column:2;flex-direction:column-reverse;justify-content:space-between;align-items:flex-start;padding:0}.co-slider--dragging .co-slider__thumb{transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 4px var(--co-semantic-border-focus-ring)}.co-slider--dragging .co-slider__fill{transition:none}.co-slider--disabled .co-slider__thumb{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__thumb{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__thumb{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__thumb{background:var(--co-color-status-review)}.co-slider__marks{display:flex;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__mark{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums}.co-slider__native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;margin:-1px}.co-slider__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-slider__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-slider__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-slider__helper--error .co-slider__helper-icon,.co-slider__helper--error .co-slider__helper-text{color:var(--co-semantic-status-error)}.co-slider__helper--success .co-slider__helper-icon,.co-slider__helper--success .co-slider__helper-text{color:var(--co-semantic-status-success)}.co-slider__helper--warning .co-slider__helper-icon,.co-slider__helper--warning .co-slider__helper-text{color:var(--co-color-status-review)}.co-slider__helper--info .co-slider__helper-icon,.co-slider__helper--info .co-slider__helper-text{color:var(--co-semantic-status-info)}"}},[1,"co-slider",{label:[1],ariaLabelText:[1,"aria-label-text"],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],status:[1],value:[1026],min:[2],max:[2],step:[2],disabled:[4],showValue:[4,"show-value"],showMarks:[4,"show-marks"],orientation:[1],dragging:[32]}]);function a(){"undefined"!=typeof customElements&&["co-slider","co-icon"].forEach((i=>{switch(i){case"co-slider":customElements.get(e(i))||customElements.define(e(i),c);break;case"co-icon":customElements.get(e(i))||o()}}))}a();const l=c,n=a;export{l as CoSlider,n as defineCustomElement}
+import{t as e,p as i,H as s,c as t,h as r}from"./index.js";import{d as o}from"./p-qMNHMnvI.js";const c=i(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=t(this,"coChange",7),this.coInput=t(this,"coInput",7),this.status="default",this.value=0,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.showValue=!0,this.showMarks=!1,this.orientation="horizontal",this.dragging=!1,this.changedInGesture=!1,this.handlePointerDown=e=>{this.disabled||0!==e.button||this.dragging||(e.preventDefault(),this.dragging=!0,this.dragPointerId=e.pointerId,this.changedInGesture=!1,this.bindGesture(),this.commitInput(this.valueFromPointer(e.clientX,e.clientY)))},this.handleGesturePointerMove=e=>{this.isGesturePointer(e)&&this.commitInput(this.valueFromPointer(e.clientX,e.clientY))},this.handleGestureEnd=e=>{this.isGesturePointer(e)&&this.endGesture()&&this.coChange.emit(this.value)},this.handleWindowBlur=()=>{this.dragging&&this.endGesture()&&this.coChange.emit(this.value)},this.handleInputChange=e=>{const i=parseFloat(e.target.value);if(!isNaN(i)){const e=this.snap(i);this.value=e,this.coChange.emit(e)}},this.handleVerticalKeyDown=e=>{if(this.disabled)return;const i="ArrowUp"===e.key||"ArrowRight"===e.key?1:"ArrowDown"===e.key||"ArrowLeft"===e.key?-1:0;if(0===i)return;e.preventDefault();const s=this.snap(this.value+i*this.step);s!==this.value&&(this.value=s,this.coChange.emit(s))}}get isVertical(){return"vertical"===this.orientation}get percentage(){const e=this.max-this.min;return e<=0?0:(this.value-this.min)/e*100}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}clamp(e){return Math.min(this.max,Math.max(this.min,e))}snap(e){return this.clamp(this.min+Math.round((e-this.min)/this.step)*this.step)}valueFromPointer(e,i){if(!this.trackEl)return this.value;const s=this.trackEl.getBoundingClientRect();return this.snap(this.min+Math.max(0,Math.min(1,this.isVertical?s.height>0?(s.bottom-i)/s.height:0:s.width>0?(e-s.left)/s.width:0))*(this.max-this.min))}commitInput(e){return e!==this.value&&(this.value=e,this.changedInGesture=!0,this.coInput.emit(e),!0)}isGesturePointer(e){return this.dragging&&e.pointerId==this.dragPointerId}bindGesture(){document.addEventListener("pointermove",this.handleGesturePointerMove),document.addEventListener("pointerup",this.handleGestureEnd),document.addEventListener("pointercancel",this.handleGestureEnd),window.addEventListener("blur",this.handleWindowBlur)}unbindGesture(){document.removeEventListener("pointermove",this.handleGesturePointerMove),document.removeEventListener("pointerup",this.handleGestureEnd),document.removeEventListener("pointercancel",this.handleGestureEnd),window.removeEventListener("blur",this.handleWindowBlur)}endGesture(){this.unbindGesture(),this.dragging=!1,this.dragPointerId=void 0;const e=this.changedInGesture;return this.changedInGesture=!1,e}disconnectedCallback(){this.endGesture()&&this.coChange.emit(this.value)}render(){const e=this.percentage,i=this.isVertical;return r("div",{key:"da5fc7fabb36e990804b05d16b6b236c905df846",class:{"co-slider":!0,"co-slider--disabled":this.disabled,"co-slider--dragging":this.dragging,"co-slider--vertical":i,["co-slider--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel||this.showValue)&&r("div",{key:"0b3638dbe9d4186a04ce534fe60ac834aab351ae",class:"co-slider__labels"},r("div",{key:"0737d00ba66e8f0e6e2c44662753d5cfb93c9711",class:"co-slider__labels-left"},this.label&&r("label",{key:"e3441b145401123f5ac9dcdc483502d5f9593db8",class:"co-slider__label"},this.label),this.secondaryLabel&&r("span",{key:"bed45a80b14db1ebfc52ebbd1745205ac109010d",class:"co-slider__secondary-label"},this.secondaryLabel)),this.showValue&&r("span",{key:"6f0f74b7db80965898fa29423089fbfe8830d163",class:"co-slider__value"},this.value)),r("div",{key:"813bcb1262402ba04286526e71205938bdf3383a",class:"co-slider__track-wrapper",ref:e=>this.trackEl=e,onPointerDown:this.handlePointerDown},r("div",{key:"9d41b1af3a3d2fa572cc7e83afdf5ba6fb2386ca",class:"co-slider__track"},r("div",{key:"70816acf85e41f5b3a2aa67fec1ed6d01a305f2e",class:"co-slider__fill",style:i?{height:e+"%"}:{width:e+"%"}})),r("div",{key:"232b3b9723cba46a179cd169ef339316137717e4",class:"co-slider__thumb",style:i?{bottom:e+"%"}:{left:e+"%"}})),this.showMarks&&r("div",{key:"bab9b7196e986eab2f04d245e1d55466fe118ca5",class:"co-slider__marks"},r("span",{key:"eee4f257d446dedce4030f8273cdb38799948df8",class:"co-slider__mark"},this.min),r("span",{key:"f1c7f913caa9a4946f3bda477c9c94a8c867e05e",class:"co-slider__mark"},this.max)),r("input",{key:"a1e9bc6e927e4eb3ab9ebae75d51d624bd0d47b1",class:"co-slider__native",type:"range",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInput:this.handleInputChange,onKeyDown:i?this.handleVerticalKeyDown:void 0,"aria-label":this.ariaLabelText||this.label||"Slider","aria-orientation":i?"vertical":void 0}),this.helperText&&r("div",{key:"c01d56b150164352cfe3c44b27b5e36d82563e60",class:"co-slider__helper co-slider__helper--"+this.status},this.statusIcon&&r("co-icon",{key:"5a5772e1a6c64b2c25d7c326047c009c0612339b",name:this.statusIcon,size:14,weight:"fill",class:"co-slider__helper-icon"}),r("span",{key:"3ae4c236fd30ee93d282c52d8c31ff0c726f7f88",class:"co-slider__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);line-height:1}.co-slider{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-slider__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__labels-left{display:flex;align-items:center;gap:var(--co-spacing-sm2)}.co-slider__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default}.co-slider__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-slider__value{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500;font-variant-numeric:tabular-nums}.co-slider--disabled .co-slider__label,.co-slider--disabled .co-slider__secondary-label,.co-slider--disabled .co-slider__value{color:var(--co-semantic-text-disabled)}.co-slider__track-wrapper{position:relative;height:max(24px, var(--co-slider-thumb-size, 24px));display:flex;align-items:center;cursor:pointer;touch-action:none}.co-slider--disabled .co-slider__track-wrapper{cursor:not-allowed}.co-slider__track{width:100%;height:var(--co-slider-track-thickness, 4px);background:var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-full);overflow:hidden}.co-slider__fill{height:100%;background:var(--co-semantic-surface-primary);border-radius:var(--co-border-radius-full);transition:width var(--co-motion-duration-instant) var(--co-motion-ease-out)}.co-slider--disabled .co-slider__fill{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__fill{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__fill{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__fill{background:var(--co-color-status-review)}.co-slider__thumb{position:absolute;top:50%;box-sizing:border-box;width:var(--co-slider-thumb-size, 24px);height:var(--co-slider-thumb-size, 24px);border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);border:var(--co-slider-thumb-border, 2px) solid var(--co-semantic-surface-secondary);box-shadow:var(--co-semantic-control-shadow, 0 1px 4px rgba(0,0,0,0.12));transform:translate(-50%, -50%);transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out), transform var(--co-motion-duration-fast) var(--co-motion-ease-out);pointer-events:none}.co-slider--vertical .co-slider__track-wrapper{box-sizing:border-box;width:max(24px, var(--co-slider-thumb-size, 24px));height:var(--co-slider-vertical-length, 120px);flex-direction:column;justify-content:center;margin-inline:auto}.co-slider--vertical .co-slider__track{box-sizing:border-box;width:var(--co-slider-track-thickness, 4px);height:100%;display:flex;flex-direction:column;justify-content:flex-end}.co-slider--vertical .co-slider__fill{width:100%;flex-shrink:0;transition:height var(--co-motion-duration-instant) var(--co-motion-ease-out)}.co-slider--vertical .co-slider__thumb{top:auto;left:50%;transform:translate(-50%, 50%)}.co-slider--vertical.co-slider--dragging .co-slider__thumb{transform:translate(-50%, 50%) scale(1.15)}.co-slider--vertical .co-slider__native{writing-mode:vertical-rl;direction:rtl}.co-slider--vertical{display:grid;grid-template-columns:max-content;grid-auto-columns:max-content;justify-content:center}.co-slider--vertical .co-slider__labels,.co-slider--vertical .co-slider__track-wrapper,.co-slider--vertical .co-slider__helper{grid-column:1}.co-slider--vertical .co-slider__labels{gap:var(--co-spacing-sm2)}.co-slider--vertical .co-slider__marks{grid-column:2;flex-direction:column-reverse;justify-content:space-between;align-items:flex-start;padding:0}.co-slider--dragging .co-slider__thumb{transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 4px var(--co-semantic-border-focus-ring)}.co-slider--dragging .co-slider__fill{transition:none}.co-slider--disabled .co-slider__thumb{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__thumb{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__thumb{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__thumb{background:var(--co-color-status-review)}.co-slider__marks{display:flex;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__mark{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums}.co-slider__native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;margin:-1px}.co-slider__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-slider__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-slider__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-slider__helper--error .co-slider__helper-icon,.co-slider__helper--error .co-slider__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-slider__helper--success .co-slider__helper-icon,.co-slider__helper--success .co-slider__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-slider__helper--warning .co-slider__helper-icon,.co-slider__helper--warning .co-slider__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-slider__helper--info .co-slider__helper-icon,.co-slider__helper--info .co-slider__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}"}},[1,"co-slider",{label:[1],ariaLabelText:[1,"aria-label-text"],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],status:[1],value:[1026],min:[2],max:[2],step:[2],disabled:[4],showValue:[4,"show-value"],showMarks:[4,"show-marks"],orientation:[1],dragging:[32]}]);function a(){"undefined"!=typeof customElements&&["co-slider","co-icon"].forEach((i=>{switch(i){case"co-slider":customElements.get(e(i))||customElements.define(e(i),c);break;case"co-icon":customElements.get(e(i))||o()}}))}a();const l=c,n=a;export{l as CoSlider,n as defineCustomElement}

package/dist/components/co-swatch-grid.js

@@ -1 +1 @@
-import{t,p as s,H as o,c as r,h as e}from"./index.js";import{a}from"./p-DXLeDZvr.js";import{l as c}from"./p-jYd9gu_c.js";const i={es:{gridLabel:"Colores"},en:{gridLabel:"Colors"},pt:{gridLabel:"Cores"}},n=s(class t extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coSelect=r(this,"coSelect",7),this.colors=[],this.columns=8,this.swatchSize=24,this.gap=8,this.radius=6,this.swatchEls=[],this.handleKeyDown=(t,s)=>{var o;const r=this.colorList.length-1;if(r<0)return;const e=this.columnCount;let a;switch(s.key){case"ArrowRight":a=Math.min(r,t+1);break;case"ArrowLeft":a=Math.max(0,t-1);break;case"ArrowDown":a=t+e>r?t:t+e;break;case"ArrowUp":a=t-e<0?t:t-e;break;case"Home":a=0;break;case"End":a=r;break;default:return}s.preventDefault(),null===(o=this.swatchEls[a])||void 0===o||o.focus()}}static normalize(t){return(null!=t?t:"").trim().toLowerCase()}get colorList(){var t;return null!==(t=this.colors)&&void 0!==t?t:[]}get columnCount(){var t;return Math.max(1,Math.floor(null!==(t=this.columns)&&void 0!==t?t:8)||1)}selectedIndex(){const s=t.normalize(this.value);return s?this.colorList.findIndex((o=>t.normalize(o)===s)):-1}render(){var t,s,o;const r=function(t){return i[c(t)]}(this.locale),n=null!==(t=this.swatchSize)&&void 0!==t?t:24,h=null!==(s=this.gap)&&void 0!==s?s:8,l=null!==(o=this.radius)&&void 0!==o?o:6,d=this.selectedIndex(),u=d>=0?d:0;return this.swatchEls=[],e("div",{key:"37b221ff9dbebc184310f1cd51d539b833876adf",class:"co-swatch-grid",role:"listbox","aria-label":this.label||r.gridLabel,style:{gridTemplateColumns:`repeat(${this.columnCount}, ${n}px)`,gap:h+"px"}},this.colorList.map(((t,s)=>e("button",{type:"button",key:`${s}-${t}`,ref:t=>{t&&(this.swatchEls[s]=t)},class:{"co-swatch-grid__swatch":!0,"co-swatch-grid__swatch--selected":s===d,"co-swatch-grid__swatch--light":a(t)},role:"option","aria-selected":s===d?"true":"false","aria-label":t,tabIndex:s===u?0:-1,style:{width:n+"px",height:n+"px",borderRadius:l+"px","--co-swatch-grid-color":t},onClick:()=>this.coSelect.emit(t),onKeyDown:t=>this.handleKeyDown(s,t)}))))}get el(){return this}static get style(){return":host{display:block}:host([hidden]){display:none}.co-swatch-grid{display:grid;justify-content:start}.co-swatch-grid__swatch{box-sizing:border-box;padding:0;margin:0;border:1px solid transparent;background:linear-gradient(var(--co-swatch-grid-color), var(--co-swatch-grid-color)),     conic-gradient(var(--co-color-gray-200) 25%, #ffffff 0 50%, var(--co-color-gray-200) 0 75%, #ffffff 0) 0 0 / 8px 8px;cursor:pointer;outline:none;transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-swatch-grid__swatch--light{border-color:var(--co-color-opacity-negro-8)}.co-swatch-grid__swatch:hover{box-shadow:0 0 0 1px var(--co-color-opacity-negro-16)}.co-swatch-grid__swatch--selected,.co-swatch-grid__swatch--selected:hover{box-shadow:0 0 0 1px var(--co-semantic-surface-page, #ffffff),     0 0 0 3px var(--co-semantic-accent)}.co-swatch-grid__swatch:focus-visible{box-shadow:0 0 0 1px var(--co-semantic-surface-page, #ffffff),     0 0 0 3px var(--co-semantic-border-focus)}"}},[1,"co-swatch-grid",{colors:[16],value:[1],columns:[2],swatchSize:[2,"swatch-size"],gap:[2],radius:[2],label:[1],locale:[1]}]);function h(){"undefined"!=typeof customElements&&["co-swatch-grid"].forEach((s=>{"co-swatch-grid"===s&&(customElements.get(t(s))||customElements.define(t(s),n))}))}h();const l=n,d=h;export{l as CoSwatchGrid,d as defineCustomElement}
+import{t,p as s,H as o,c as r,h as e}from"./index.js";import{a}from"./p-CP7MznKV.js";import{l as c}from"./p-jYd9gu_c.js";const i={es:{gridLabel:"Colores"},en:{gridLabel:"Colors"},pt:{gridLabel:"Cores"}},n=s(class t extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coSelect=r(this,"coSelect",7),this.colors=[],this.columns=8,this.swatchSize=24,this.gap=8,this.radius=6,this.swatchEls=[],this.handleKeyDown=(t,s)=>{var o;const r=this.colorList.length-1;if(r<0)return;const e=this.columnCount;let a;switch(s.key){case"ArrowRight":a=Math.min(r,t+1);break;case"ArrowLeft":a=Math.max(0,t-1);break;case"ArrowDown":a=t+e>r?t:t+e;break;case"ArrowUp":a=t-e<0?t:t-e;break;case"Home":a=0;break;case"End":a=r;break;default:return}s.preventDefault(),null===(o=this.swatchEls[a])||void 0===o||o.focus()}}static normalize(t){return(null!=t?t:"").trim().toLowerCase()}get colorList(){var t;return null!==(t=this.colors)&&void 0!==t?t:[]}get columnCount(){var t;return Math.max(1,Math.floor(null!==(t=this.columns)&&void 0!==t?t:8)||1)}selectedIndex(){const s=t.normalize(this.value);return s?this.colorList.findIndex((o=>t.normalize(o)===s)):-1}render(){var t,s,o;const r=function(t){return i[c(t)]}(this.locale),n=null!==(t=this.swatchSize)&&void 0!==t?t:24,h=null!==(s=this.gap)&&void 0!==s?s:8,l=null!==(o=this.radius)&&void 0!==o?o:6,d=this.selectedIndex(),u=d>=0?d:0;return this.swatchEls=[],e("div",{key:"670f2b3440c895991f601798fd353061830d05c3",class:"co-swatch-grid",role:"listbox","aria-label":this.label||r.gridLabel,style:{gridTemplateColumns:`repeat(${this.columnCount}, ${n}px)`,gap:h+"px"}},this.colorList.map(((t,s)=>e("button",{type:"button",key:`${s}-${t}`,ref:t=>{t&&(this.swatchEls[s]=t)},class:{"co-swatch-grid__swatch":!0,"co-swatch-grid__swatch--selected":s===d,"co-swatch-grid__swatch--light":a(t)},role:"option","aria-selected":s===d?"true":"false","aria-label":t,tabIndex:s===u?0:-1,style:{width:n+"px",height:n+"px",borderRadius:l+"px","--co-swatch-grid-color":t},onClick:()=>this.coSelect.emit(t),onKeyDown:t=>this.handleKeyDown(s,t)}))))}get el(){return this}static get style(){return":host{display:block}:host([hidden]){display:none}.co-swatch-grid{display:grid;justify-content:start}.co-swatch-grid__swatch{box-sizing:border-box;padding:0;margin:0;border:1px solid transparent;background:linear-gradient(var(--co-swatch-grid-color), var(--co-swatch-grid-color)),     conic-gradient(var(--co-color-gray-200) 25%, #ffffff 0 50%, var(--co-color-gray-200) 0 75%, #ffffff 0) 0 0 / 8px 8px;cursor:pointer;outline:none;transition:box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-swatch-grid__swatch--light{border-color:var(--co-color-opacity-negro-8)}.co-swatch-grid__swatch:hover{box-shadow:0 0 0 1px var(--co-color-opacity-negro-16)}.co-swatch-grid__swatch--selected,.co-swatch-grid__swatch--selected:hover{box-shadow:0 0 0 1px var(--co-semantic-surface-page, #ffffff),     0 0 0 3px var(--co-semantic-accent)}.co-swatch-grid__swatch:focus-visible{box-shadow:0 0 0 1px var(--co-semantic-surface-page, #ffffff),     0 0 0 3px var(--co-semantic-border-focus)}"}},[1,"co-swatch-grid",{colors:[16],value:[1],columns:[2],swatchSize:[2,"swatch-size"],gap:[2],radius:[2],label:[1],locale:[1]}]);function h(){"undefined"!=typeof customElements&&["co-swatch-grid"].forEach((s=>{"co-swatch-grid"===s&&(customElements.get(t(s))||customElements.define(t(s),n))}))}h();const l=n,d=h;export{l as CoSwatchGrid,d as defineCustomElement}

package/dist/components/co-switch.js

@@ -1 +1 @@
-import{C as s,d as o}from"./p-BdmzslA5.js";const m=s,p=o;export{m as CoSwitch,p as defineCustomElement}
+import{C as o,d as s}from"./p-R1W48hzW.js";const p=o,r=s;export{p as CoSwitch,r as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as i,H as a,c as s,h as o}from"./index.js";const e=i(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coTabChange=s(this,"coTabChange",7),this.variant="pill",this.fullWidth=!1,this.raisedFullWidth=new WeakSet,this.onSlotChange=()=>{this.syncTabs(),this.observeTabSizes(),this.revealSelected()},this.onWheel=t=>{const i=t.currentTarget,a=i.scrollWidth-i.clientWidth;if(a<=0)return;const s=Math.max(0,Math.min(a,i.scrollLeft+(Math.abs(t.deltaY)>Math.abs(t.deltaX)?t.deltaY:t.deltaX)));s!==i.scrollLeft&&(i.scrollLeft=s,t.preventDefault())}}onTabSelect(t){t.stopPropagation(),this.value=t.detail,this.coTabChange.emit(this.value),this.syncTabs()}watchValue(){this.syncTabs(),this.revealSelected()}watchVariant(){this.syncTabs()}watchSize(){this.syncTabs()}watchFullWidth(){this.syncTabs()}componentDidLoad(){this.syncTabs(),this.observeTabSizes(),this.revealSelected()}disconnectedCallback(){var t;null===(t=this.tabsObserver)||void 0===t||t.disconnect(),this.tabsObserver=void 0}observeTabSizes(){var t;"undefined"!=typeof ResizeObserver&&(null===(t=this.tabsObserver)||void 0===t||t.disconnect(),this.tabsObserver=new ResizeObserver((()=>this.revealSelected())),this.el.querySelectorAll("co-tab").forEach((t=>this.tabsObserver.observe(t))))}revealSelected(){requestAnimationFrame((()=>{var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".co-tab-group");if(!i||0===i.clientWidth||i.scrollWidth<=i.clientWidth)return;const a=Array.from(this.el.querySelectorAll("co-tab")).find((t=>t.selected));if(!a)return;const{track:s,tab:o}=function(t,i,a){const s=a.offsetWidth&&t.width/a.offsetWidth||1,o=i=>(i-t.left)/s-a.clientLeft;return{track:{left:0,right:a.clientWidth},tab:{left:o(i.left),right:o(i.right)}}}(i.getBoundingClientRect(),a.getBoundingClientRect(),i),e=function(t,i,a,s=8){return a.left<i.left?Math.max(0,t-(i.left-a.left)-s):a.right>i.right?t+(a.right-i.right)+s:t}(i.scrollLeft,s,o);e!==i.scrollLeft&&(i.scrollLeft=e)}))}syncTabs(){this.el.querySelectorAll("co-tab").forEach((t=>{t.selected=(t.value||t.label)===this.value,t.variant=this.variant,this.size&&(t.size=this.size),this.syncFullWidth(t)}))}syncFullWidth(t){this.fullWidth?t.fullWidth||(t.fullWidth=!0,this.raisedFullWidth.add(t)):this.raisedFullWidth.has(t)&&(t.fullWidth=!1,this.raisedFullWidth.delete(t))}render(){return o("div",{key:"e226f6ba6da4566f95011d121a176697218ffaba",class:{"co-tab-group":!0,["co-tab-group--"+this.variant]:!0,["co-tab-group--size-"+this.size]:!!this.size},role:"tablist",part:"tab-group",onWheel:this.onWheel},o("slot",{key:"93689e301da64a7ca850571cb623c339294c2122",onSlotchange:this.onSlotChange}))}get el(){return this}static get watchers(){return{value:[{watchValue:0}],variant:[{watchVariant:0}],size:[{watchSize:0}],fullWidth:[{watchFullWidth:0}]}}static get style(){return":host{display:flex;max-width:100%;min-width:0}.co-tab-group{display:flex;align-items:center;gap:var(--co-spacing-sm2);max-width:100%;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.co-tab-group::-webkit-scrollbar{display:none}::slotted(co-tab){flex-shrink:0}:host([full-width]){width:100%}:host([full-width]) .co-tab-group{width:100%}:host([full-width]) ::slotted(co-tab){flex:1}.co-tab-group--underline{gap:var(--co-spacing-xs, 4px);border-bottom:1px solid var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-tab-group--segmented{display:inline-flex;gap:var(--co-spacing-xxs, 2px);padding:var(--co-spacing-sm, 6px);background:var(--co-color-gray-100, #f6f6f6);border-bottom:1px solid var(--co-color-opacity-negro-4, rgba(31, 28, 27, 0.04));border-radius:var(--co-border-radius-sm, 12px)}.co-tab-group--segmented.co-tab-group--size-s{padding:4px;border-radius:var(--co-border-radius-xs, 8px);border-bottom:none}"}},[257,"co-tab-group",{value:[1537],variant:[1],size:[1],fullWidth:[516,"full-width"]},[[0,"coTabSelect","onTabSelect"]],{value:[{watchValue:0}],variant:[{watchVariant:0}],size:[{watchSize:0}],fullWidth:[{watchFullWidth:0}]}]);function r(){"undefined"!=typeof customElements&&["co-tab-group"].forEach((i=>{"co-tab-group"===i&&(customElements.get(t(i))||customElements.define(t(i),e))}))}r();const h=e,c=r;export{h as CoTabGroup,c as defineCustomElement}
+import{t,p as i,H as o,c as s,h as e}from"./index.js";const r=(t,i)=>Math.max(0,Math.min(i,t)),a=i(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coTabChange=s(this,"coTabChange",7),this.variant="pill",this.fullWidth=!1,this.raisedFullWidth=new WeakSet,this.onSlotChange=()=>{this.syncTabs(),this.observeTabSizes(),this.revealSelected()},this.onWheel=t=>{const i=t.currentTarget,o=function(t,i,o,s){if(i<=0)return null;if(Math.abs(o)>=Math.abs(s))return null;const e=r(t+s,i);return e===t?null:e}(i.scrollLeft,i.scrollWidth-i.clientWidth,t.deltaX,t.deltaY);null!==o&&(this.scrollTrack(i,o),t.preventDefault())},this.swallowClick=!1,this.onPointerDown=t=>{const i=t.currentTarget;this.swallowClick=!1,"mouse"===t.pointerType&&0===t.button&&(i.scrollWidth<=i.clientWidth||(this.drag={pointerId:t.pointerId,startX:t.clientX,startLeft:i.scrollLeft,moved:!1},i.classList.add("co-tab-group--grabbing")))},this.onPointerMove=t=>{var i;const o=this.drag;if(!o||t.pointerId!==o.pointerId)return;const s=t.currentTarget;if(!o.moved){if(!function(t,i){return Math.abs(i-t)>=5}(o.startX,t.clientX))return;o.moved=!0;try{null===(i=s.setPointerCapture)||void 0===i||i.call(s,t.pointerId)}catch(t){}s.classList.add("co-tab-group--dragging")}this.scrollTrack(s,function(t,i,o,s){return r(t-(o-i),s)}(o.startLeft,o.startX,t.clientX,s.scrollWidth-s.clientWidth))},this.onPointerEnd=t=>{var i;const o=this.drag;if(!o||t.pointerId!==o.pointerId)return;const s=t.currentTarget;if(s.classList.remove("co-tab-group--grabbing"),o.moved){this.swallowClick=!0,s.classList.remove("co-tab-group--dragging");try{(null===(i=s.hasPointerCapture)||void 0===i?void 0:i.call(s,t.pointerId))&&s.releasePointerCapture(t.pointerId)}catch(t){}}this.drag=void 0},this.onClickCapture=t=>{this.swallowClick&&(this.swallowClick=!1,t.stopPropagation(),t.preventDefault())}}onTabSelect(t){t.stopPropagation(),this.value=t.detail,this.coTabChange.emit(this.value),this.syncTabs()}watchValue(){this.syncTabs(),this.revealSelected()}watchVariant(){this.syncTabs()}watchSize(){this.syncTabs()}watchFullWidth(){this.syncTabs()}componentDidLoad(){this.syncTabs(),this.observeTabSizes(),this.revealSelected()}disconnectedCallback(){var t;null===(t=this.tabsObserver)||void 0===t||t.disconnect(),this.tabsObserver=void 0}observeTabSizes(){var t;"undefined"!=typeof ResizeObserver&&(null===(t=this.tabsObserver)||void 0===t||t.disconnect(),this.tabsObserver=new ResizeObserver((()=>this.revealSelected())),this.el.querySelectorAll("co-tab").forEach((t=>this.tabsObserver.observe(t))))}revealSelected(){requestAnimationFrame((()=>{var t;const i=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector(".co-tab-group");if(!i||0===i.clientWidth||i.scrollWidth<=i.clientWidth)return;const o=Array.from(this.el.querySelectorAll("co-tab")).find((t=>t.selected));if(!o)return;const{track:s,tab:e}=function(t,i,o){const s=o.offsetWidth&&t.width/o.offsetWidth||1,e=i=>(i-t.left)/s-o.clientLeft;return{track:{left:0,right:o.clientWidth},tab:{left:e(i.left),right:e(i.right)}}}(i.getBoundingClientRect(),o.getBoundingClientRect(),i),r=function(t,i,o,s=8){return o.left<i.left?Math.max(0,t-(i.left-o.left)-s):o.right>i.right?t+(o.right-i.right)+s:t}(i.scrollLeft,s,e);r!==i.scrollLeft&&(i.scrollLeft=r)}))}syncTabs(){this.el.querySelectorAll("co-tab").forEach((t=>{t.selected=(t.value||t.label)===this.value,t.variant=this.variant,this.size&&(t.size=this.size),this.syncFullWidth(t)}))}syncFullWidth(t){this.fullWidth?t.fullWidth||(t.fullWidth=!0,this.raisedFullWidth.add(t)):this.raisedFullWidth.has(t)&&(t.fullWidth=!1,this.raisedFullWidth.delete(t))}scrollTrack(t,i){"function"==typeof t.scrollTo?t.scrollTo({left:i,behavior:"instant"}):t.scrollLeft=i}render(){return e("div",{key:"6bec54850c1e0180a8513770b99b3b4dba865962",class:{"co-tab-group":!0,["co-tab-group--"+this.variant]:!0,["co-tab-group--size-"+this.size]:!!this.size},role:"tablist",part:"tab-group",onWheel:this.onWheel,onPointerDown:this.onPointerDown,onPointerMove:this.onPointerMove,onPointerUp:this.onPointerEnd,onPointerCancel:this.onPointerEnd,onClickCapture:this.onClickCapture},e("slot",{key:"08d10802582e1255cc8a7cef14bf0fe84dd6f3b6",onSlotchange:this.onSlotChange}))}get el(){return this}static get watchers(){return{value:[{watchValue:0}],variant:[{watchVariant:0}],size:[{watchSize:0}],fullWidth:[{watchFullWidth:0}]}}static get style(){return":host{display:flex;max-width:100%;min-width:0}.co-tab-group{display:flex;align-items:center;gap:var(--co-spacing-sm2);max-width:100%;overflow-x:auto;scrollbar-width:none;scroll-behavior:smooth}.co-tab-group--grabbing{cursor:grabbing;--co-tab-cursor:grabbing;user-select:none}.co-tab-group::-webkit-scrollbar{display:none}.co-tab-group--dragging{scroll-behavior:auto;cursor:grabbing;user-select:none}.co-tab-group--dragging ::slotted(co-tab){pointer-events:none}::slotted(co-tab){flex-shrink:0}:host([full-width]){width:100%}:host([full-width]) .co-tab-group{width:100%}:host([full-width]) ::slotted(co-tab){flex:1}.co-tab-group--underline{gap:var(--co-spacing-xs, 4px);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-tab-group--segmented{display:inline-flex;gap:var(--co-spacing-xxs, 2px);padding:var(--co-spacing-sm, 6px);background:var(--co-semantic-surface-control);border-bottom:1px solid var(--co-semantic-border-hairline);border-radius:var(--co-border-radius-sm, 12px)}.co-tab-group--segmented.co-tab-group--size-s{padding:4px;border-radius:var(--co-border-radius-xs, 8px);border-bottom:none}"}},[257,"co-tab-group",{value:[1537],variant:[1],size:[1],fullWidth:[516,"full-width"]},[[0,"coTabSelect","onTabSelect"]],{value:[{watchValue:0}],variant:[{watchVariant:0}],size:[{watchSize:0}],fullWidth:[{watchFullWidth:0}]}]);function n(){"undefined"!=typeof customElements&&["co-tab-group"].forEach((i=>{"co-tab-group"===i&&(customElements.get(t(i))||customElements.define(t(i),a))}))}n();const c=a,h=n;export{c as CoTabGroup,h as defineCustomElement}

package/dist/components/co-tab.js

@@ -1 +1 @@
-import{t as o,p as a,H as e,c as r,h as c}from"./index.js";import{d as t}from"./p-KK2vAKs-.js";const s=a(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coTabSelect=r(this,"coTabSelect",7),this.label="",this.value="",this.selected=!1,this.size="small",this.variant="pill",this.disabled=!1,this.fullWidth=!1,this.handleClick=()=>{this.disabled||this.coTabSelect.emit(this.value||this.label)}}render(){const o="underline"===this.variant?16:"large"===this.size?18:14;return c("button",{key:"7b388ddd5338499064d43f30c0fa854d0be6773c",class:{"co-tab":!0,["co-tab--"+this.size]:!0,["co-tab--"+this.variant]:!0,"co-tab--selected":this.selected,"co-tab--disabled":this.disabled},type:"button",role:"tab","aria-selected":this.selected?"true":"false",disabled:this.disabled,part:"tab",onClick:this.handleClick},this.iconLeft&&c("co-icon",{key:"ae4c8bd29005e3d51a882eb1104b5e63a6ef69e5",name:this.iconLeft,size:o}),c("span",{key:"6617a4e1af257a3b9d847a77915f202560940733"},this.label),this.badge&&c("span",{key:"a2b327941ab6e7578113b5ef05a2e3725132fcb0",class:"co-tab__badge",part:"badge"},this.badge),this.iconRight&&c("co-icon",{key:"8a41a7df2c8f37c281c97bf4ab3c81f8ea476a45",name:this.iconRight,size:o}))}static get style(){return":host{display:inline-flex}.co-tab{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);border:none;outline:none;cursor:pointer;font-family:var(--co-font-family-primary);font-weight:400;line-height:1;white-space:nowrap;border-radius:var(--co-border-radius-full);background:transparent;color:var(--co-color-gray-500, #888);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box}:host([full-width]) .co-tab{width:100%;justify-content:center}.co-tab--small{padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14);height:32px}.co-tab--large{padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16);height:40px}.co-tab--pill:hover:not(:disabled){background:var(--co-color-gray-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b)}.co-tab--selected{background:var(--co-color-gray-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b);font-weight:500}.co-tab--pill.co-tab--selected:hover:not(:disabled){background:var(--co-color-gray-100, #f6f6f6);color:var(--co-color-base-negro, #1f1c1b)}.co-tab--disabled{opacity:0.4;cursor:not-allowed}.co-tab:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul, #2563eb));outline-offset:2px}.co-tab--underline{height:var(--co-spacing-4xl, 40px);padding:0 var(--co-spacing-md, 12px);gap:var(--co-spacing-sm2, 8px);border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--co-color-gray-500, #888888);font-size:var(--co-font-size-14, 14px);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tab--underline.co-tab--selected{background:transparent;border-bottom-color:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-negro, #1f1c1b);font-weight:500}.co-tab__badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:var(--co-border-radius-full, 9999px);font-size:11px;font-weight:500;line-height:1;background:var(--co-color-gray-200, #e3e3e3);color:var(--co-color-gray-600, #585858)}.co-tab--selected .co-tab__badge{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-blanco, #fff)}.co-tab--segmented{height:auto;padding:var(--co-spacing-sm2, 8px) var(--co-spacing-md, 12px);border:1px solid transparent;border-radius:var(--co-border-radius-xs, 8px);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:-0.03em;color:var(--co-color-gray-600, #585858);background:transparent}.co-tab--segmented:hover:not(:disabled){background:transparent;color:var(--co-color-base-negro, #1f1c1b)}.co-tab--segmented.co-tab--selected{background:var(--co-color-base-blanco, #fff);border-color:var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));box-shadow:var(--co-shadow-lg);font-weight:500;color:var(--co-color-base-negro, #1f1c1b)}.co-tab--segmented.co-tab--selected:hover:not(:disabled){background:var(--co-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b)}.co-tab--segmented.co-tab--s{height:28px;padding:0 var(--co-spacing-md, 12px);line-height:1;border-radius:var(--co-spacing-sm, 6px);font-size:var(--co-font-size-12, 12px);font-weight:500;color:var(--co-color-gray-600, #585858);background:transparent}.co-tab--segmented.co-tab--s.co-tab--selected{background:var(--co-color-base-blanco, #fff);border-color:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));box-shadow:var(--co-shadow-lg);color:var(--co-color-base-negro, #1f1c1b);font-weight:500}.co-tab--segmented.co-tab--xs{height:26px;padding:0 var(--co-spacing-md, 12px);line-height:1;border-radius:var(--co-spacing-sm, 6px);font-size:var(--co-font-size-10, 10px);font-weight:500;color:var(--co-color-gray-600, #585858);background:transparent}.co-tab--segmented.co-tab--xs.co-tab--selected{background:var(--co-color-base-blanco, #fff);border-color:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));box-shadow:var(--co-shadow-lg);color:var(--co-color-base-negro, #1f1c1b);font-weight:500}"}},[1,"co-tab",{label:[1],value:[1],selected:[1540],size:[1],variant:[1],badge:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],disabled:[4],fullWidth:[516,"full-width"]}]);function n(){"undefined"!=typeof customElements&&["co-tab","co-icon"].forEach((a=>{switch(a){case"co-tab":customElements.get(o(a))||customElements.define(o(a),s);break;case"co-icon":customElements.get(o(a))||t()}}))}n();const i=s,b=n;export{i as CoTab,b as defineCustomElement}
+import{t,p as o,H as e,c as a,h as c}from"./index.js";import{d as r}from"./p-qMNHMnvI.js";const s=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coTabSelect=a(this,"coTabSelect",7),this.label="",this.value="",this.selected=!1,this.size="small",this.variant="pill",this.disabled=!1,this.fullWidth=!1,this.handleClick=()=>{this.disabled||this.coTabSelect.emit(this.value||this.label)}}render(){const t="underline"===this.variant?16:"large"===this.size?18:14;return c("button",{key:"f969b1dbfaa65dd1a82f0850074c028cba683b4e",class:{"co-tab":!0,["co-tab--"+this.size]:!0,["co-tab--"+this.variant]:!0,"co-tab--selected":this.selected,"co-tab--disabled":this.disabled},type:"button",role:"tab","aria-selected":this.selected?"true":"false",disabled:this.disabled,part:"tab",onClick:this.handleClick},this.iconLeft&&c("co-icon",{key:"22119752dd8e2606ece1ed07abc8c8174b7aa2c2",name:this.iconLeft,size:t}),c("span",{key:"35646e95c0b2e1b05ad3f6ad51fd8399e3c31f1b"},this.label),this.badge&&c("span",{key:"d44bcd2989aca1694d3755d60f9eba9f4c6e1422",class:"co-tab__badge",part:"badge"},this.badge),this.iconRight&&c("co-icon",{key:"c4065c2011bd20a614e0b93cd92b26e3ada849cb",name:this.iconRight,size:t}))}static get style(){return":host{display:inline-flex}.co-tab{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);border:none;outline:none;cursor:var(--co-tab-cursor, pointer);font-family:var(--co-font-family-primary);font-weight:400;line-height:1;white-space:nowrap;border-radius:var(--co-border-radius-full);background:transparent;color:var(--co-semantic-text-muted);transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);box-sizing:border-box}:host([full-width]) .co-tab{width:100%;justify-content:center}.co-tab--small{padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14);height:32px}.co-tab--large{padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16);height:40px}.co-tab--pill:hover:not(:disabled){background:var(--co-semantic-surface-control);color:var(--co-semantic-text-default)}.co-tab--selected{background:var(--co-semantic-surface-control);color:var(--co-semantic-text-default);font-weight:500}.co-tab--pill.co-tab--selected:hover:not(:disabled){background:var(--co-semantic-surface-control);color:var(--co-semantic-text-default)}.co-tab--disabled{opacity:0.4;cursor:not-allowed}.co-tab:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul, #2563eb));outline-offset:2px}.co-tab--underline{height:var(--co-spacing-4xl, 40px);padding:0 var(--co-spacing-md, 12px);gap:var(--co-spacing-sm2, 8px);border-radius:0;border-bottom:2px solid transparent;margin-bottom:-1px;background:transparent;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14, 14px);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tab--underline.co-tab--selected{background:transparent;border-bottom-color:var(--co-semantic-text-default);color:var(--co-semantic-text-default);font-weight:500}.co-tab__badge{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-width:18px;height:18px;padding:0 5px;border-radius:var(--co-border-radius-full, 9999px);font-size:11px;font-weight:500;line-height:1;background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary)}.co-tab--selected .co-tab__badge{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-tab--segmented{height:auto;padding:var(--co-spacing-sm2, 8px) var(--co-spacing-md, 12px);border:1px solid transparent;border-radius:var(--co-border-radius-xs, 8px);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:-0.03em;color:var(--co-semantic-text-secondary);background:transparent}.co-tab--segmented:hover:not(:disabled){background:transparent;color:var(--co-semantic-text-default)}.co-tab--segmented.co-tab--selected{background:var(--co-semantic-surface-page);border-color:var(--co-semantic-border-subtle, rgba(31, 28, 27, 0.08));box-shadow:var(--co-shadow-lg);font-weight:500;color:var(--co-semantic-text-default)}.co-tab--segmented.co-tab--selected:hover:not(:disabled){background:var(--co-semantic-surface-page);color:var(--co-semantic-text-default)}.co-tab--segmented.co-tab--s{height:28px;padding:0 var(--co-spacing-md, 12px);line-height:1;border-radius:var(--co-spacing-sm, 6px);font-size:var(--co-font-size-12, 12px);font-weight:500;color:var(--co-semantic-text-secondary);background:transparent}.co-tab--segmented.co-tab--s.co-tab--selected{background:var(--co-semantic-surface-page);border-color:var(--co-semantic-border-subtle);box-shadow:var(--co-shadow-lg);color:var(--co-semantic-text-default);font-weight:500}.co-tab--segmented.co-tab--xs{height:26px;padding:0 var(--co-spacing-md, 12px);line-height:1;border-radius:var(--co-spacing-sm, 6px);font-size:var(--co-font-size-10, 10px);font-weight:500;color:var(--co-semantic-text-secondary);background:transparent}.co-tab--segmented.co-tab--xs.co-tab--selected{background:var(--co-semantic-surface-page);border-color:var(--co-semantic-border-subtle);box-shadow:var(--co-shadow-lg);color:var(--co-semantic-text-default);font-weight:500}"}},[1,"co-tab",{label:[1],value:[1],selected:[1540],size:[1],variant:[1],badge:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],disabled:[4],fullWidth:[516,"full-width"]}]);function i(){"undefined"!=typeof customElements&&["co-tab","co-icon"].forEach((o=>{switch(o){case"co-tab":customElements.get(t(o))||customElements.define(t(o),s);break;case"co-icon":customElements.get(t(o))||r()}}))}i();const n=s,d=i;export{n as CoTab,d as defineCustomElement}