@prolibu-suite/cobalt-core 0.1.2 → 0.2.0

package/dist/cobalt/p-9c533830.entry.js

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

package/dist/cobalt/p-9d89bf47.entry.js

@@ -0,0 +1 @@
+import{r as o,c,h as e}from"./p-BKmfyPZK.js";const r=class{constructor(e){o(this,e),this.coChange=c(this,"coChange",7),this.layout="vertical",this.status="default",this.value="[]",this.options=[],this.direction="column",this.size="small",this.disabled=!1,this.handleToggle=o=>{if(this.disabled)return;const c=[...this.selectedValues],e=c.indexOf(o);e>=0?c.splice(e,1):c.push(o),this.value=JSON.stringify(c),this.coChange.emit(c)}}onValueChange(){}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const o=this.label||this.secondaryLabel,c=this.parsedOptions,r=this.selectedValues;return e("div",{key:"31a21f7d7b30ad1e0f55089aca62fd2aa0248a21",class:{"co-checkbox-group":!0,"co-checkbox-group--disabled":this.disabled,[`co-checkbox-group--${this.status}`]:"default"!==this.status},role:"group","aria-label":this.label||""},o&&e("div",{key:"5475404c44f73b09f3948afa37d5ab2320e14036",class:"co-checkbox-group__labels"},this.label&&e("span",{key:"ddd9771fce971ecbe05d038ef856db5efaa0e386",class:"co-checkbox-group__label"},this.label),this.secondaryLabel&&e("span",{key:"31c3600460a9158f99ce938d6fb0d152cef24943",class:"co-checkbox-group__secondary-label"},this.secondaryLabel)),e("div",{key:"e8d24c155e3329d14669f7bd093334014ffdef14",class:{"co-checkbox-group__options":!0,[`co-checkbox-group__options--${this.direction}`]:!0}},c.map((o=>{const c=this.disabled||!!o.disabled,t=r.includes(o.value);return e("div",{class:{"co-checkbox-group__item":!0,"co-checkbox-group__item--disabled":c},onClick:()=>!c&&this.handleToggle(o.value)},e("span",{class:{"co-checkbox-group__box":!0,[`co-checkbox-group__box--${this.size}`]:!0,"co-checkbox-group__box--checked":t,"co-checkbox-group__box--disabled":c},role:"checkbox","aria-checked":String(t),"aria-label":o.label}),e("span",{class:"co-checkbox-group__option-label"},o.label))}))),this.helperText&&e("div",{key:"26b079c180ca89b06b2bda56f7908655ffc4449d",class:`co-checkbox-group__helper co-checkbox-group__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"bac2a02e17019b394bacdc0a2da34487693f67c1",name:this.statusIcon,size:14,weight:"fill",class:"co-checkbox-group__helper-icon"}),e("span",{key:"b382acd3031974618a24a75e616faf637f84b75f",class:"co-checkbox-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}};r.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-checkbox-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-checkbox-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-checkbox-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-checkbox-group--disabled .co-checkbox-group__label,.co-checkbox-group--disabled .co-checkbox-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__options{display:flex;gap:var(--co-spacing-md)}.co-checkbox-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-checkbox-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-checkbox-group__item--disabled{cursor:not-allowed}.co-checkbox-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-checkbox-group__item--disabled .co-checkbox-group__option-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;transition:background 0.15s ease, border-color 0.15s ease;overflow:hidden}.co-checkbox-group__box--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs)}.co-checkbox-group__box--large{width:24px;height:24px;border-radius:var(--co-spacing-sm)}.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:transparent;border:1px solid var(--co-semantic-border-subtle)}.co-checkbox-group__box--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox-group__box--checked::after{content:'';display:block;box-sizing:border-box;border-style:solid;border-color:var(--co-semantic-on-primary);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-15%)}.co-checkbox-group__box--small.co-checkbox-group__box--checked::after{width:7px;height:4px}.co-checkbox-group__box--large.co-checkbox-group__box--checked::after{width:10px;height:6px}.co-checkbox-group__box--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox-group--error .co-checkbox-group__box:not(.co-checkbox-group__box--checked){border-color:var(--co-semantic-status-error)}.co-checkbox-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-checkbox-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-checkbox-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-checkbox-group__helper--error .co-checkbox-group__helper-icon,.co-checkbox-group__helper--error .co-checkbox-group__helper-text{color:var(--co-semantic-status-error)}.co-checkbox-group__helper--success .co-checkbox-group__helper-icon,.co-checkbox-group__helper--success .co-checkbox-group__helper-text{color:var(--co-semantic-status-success)}.co-checkbox-group__helper--warning .co-checkbox-group__helper-icon,.co-checkbox-group__helper--warning .co-checkbox-group__helper-text{color:var(--co-color-status-review)}.co-checkbox-group__helper--info .co-checkbox-group__helper-icon,.co-checkbox-group__helper--info .co-checkbox-group__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-checkbox-group{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-checkbox-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-checkbox-group__label{white-space:normal}:host([layout='horizontal']) .co-checkbox-group>:not(.co-checkbox-group__labels){grid-column:2;min-width:0}";export{r as co_checkbox_group}

package/dist/cobalt/p-BKmfyPZK.js

@@ -0,0 +1,2 @@
+const o=()=>{},c=":root{--co-color-base-negro:#1f1c1b;--co-color-base-blanco:#ffffff;--co-color-base-off-white:#f7f6f0;--co-color-primary-verde:#02a270;--co-color-primary-amarillo:#fdbf00;--co-color-primary-azul:#2563eb;--co-color-primary-rosado:#f32a73;--co-color-azul-100:#eff4ff;--co-color-azul-200:#dbe6fe;--co-color-azul-300:#bfd3fe;--co-color-azul-400:#93b4fd;--co-color-azul-500:#6090fa;--co-color-azul-600:#3b76f6;--co-color-azul-700:#2563eb;--co-color-azul-800:#1d58d8;--co-color-azul-900:#1e408a;--co-color-rosado-100:#fef1f6;--co-color-rosado-200:#fde6f0;--co-color-rosado-300:#fdcde2;--co-color-rosado-400:#fda4c8;--co-color-rosado-500:#fb6ba3;--co-color-rosado-600:#f32a73;--co-color-rosado-700:#e41e5c;--co-color-rosado-800:#c61044;--co-color-rosado-900:#a41039;--co-color-amarillo-100:#ffffea;--co-color-amarillo-200:#fffbc5;--co-color-amarillo-300:#fff885;--co-color-amarillo-400:#ffe01b;--co-color-amarillo-500:#fdbf00;--co-color-amarillo-600:#e29500;--co-color-amarillo-700:#bb6902;--co-color-amarillo-800:#985108;--co-color-amarillo-900:#7c420b;--co-color-verde-100:#ecfdf5;--co-color-verde-200:#d0fbe5;--co-color-verde-300:#a5f5d0;--co-color-verde-400:#6beab8;--co-color-verde-500:#31d69a;--co-color-verde-600:#0cbd82;--co-color-verde-700:#02a270;--co-color-verde-800:#027a58;--co-color-verde-900:#046147;--co-color-neutral-100:#e6e5df;--co-color-neutral-200:#eeede7;--co-color-neutral-300:#f3f2ec;--co-color-gray-100:#f6f6f6;--co-color-gray-200:#e3e3e3;--co-color-gray-300:#c4c4c4;--co-color-gray-400:#a0a0a0;--co-color-gray-500:#888888;--co-color-gray-600:#585858;--co-color-gray-700:#1f1c1b;--co-color-gray-800:#0a0a0a;--co-color-secondary-rosado-100:#d74ba0;--co-color-secondary-rosado-50:#ffc8eb;--co-color-secondary-rosado-25:#ffe6f5;--co-color-secondary-rojo-100:#eb1e1e;--co-color-secondary-rojo-50:#ff878c;--co-color-secondary-rojo-25:#ffd7dc;--co-color-secondary-naranja-100:#f0821e;--co-color-secondary-naranja-50:#ffbe82;--co-color-secondary-naranja-25:#ffe6d2;--co-color-secondary-amarillo-100:#fad223;--co-color-secondary-amarillo-50:#ffe67d;--co-color-secondary-amarillo-25:#fffac3;--co-color-secondary-verde-100:#afe664;--co-color-secondary-verde-50:#d7ffb4;--co-color-secondary-verde-25:#ebffc8;--co-color-secondary-oliva-100:#aab43c;--co-color-secondary-oliva-50:#d2dc96;--co-color-secondary-oliva-25:#f0f0d2;--co-color-secondary-turquesa-100:#00afaf;--co-color-secondary-turquesa-50:#3ce1c8;--co-color-secondary-turquesa-25:#c8f0f0;--co-color-secondary-azul-claro-100:#00bee6;--co-color-secondary-azul-claro-50:#6ee6f0;--co-color-secondary-azul-claro-25:#befaff;--co-color-secondary-azul-electrico-100:#000aff;--co-color-secondary-azul-electrico-50:#8095ff;--co-color-secondary-azul-electrico-25:#cce0ff;--co-color-secondary-violeta-100:#5f4bd7;--co-color-secondary-violeta-50:#b9b4ff;--co-color-secondary-violeta-25:#e1e1ff;--co-color-secondary-marron-100:#af7355;--co-color-secondary-marron-50:#d7b9a5;--co-color-secondary-marron-25:#f0e1d7;--co-color-secondary-guinda-100:#811137;--co-color-secondary-guinda-50:#c0889c;--co-color-secondary-guinda-25:#e6cfd7;--co-color-status-success:#0a7724;--co-color-status-bg-success:#ebf9ec;--co-color-status-progress:#2d6cc5;--co-color-status-bg-progress:#eef3fa;--co-color-status-submitted:#7556ca;--co-color-status-bg-submitted:#f4f1fb;--co-color-status-review:#85571f;--co-color-status-bg-review:#fcf5db;--co-color-status-pending:#b45103;--co-color-status-bg-pending:#f9f1eb;--co-color-status-error:#aa2e1b;--co-color-status-bg-error:#ffefef;--co-color-opacity-negro-4:rgba(31, 28, 27, 0.04);--co-color-opacity-negro-8:rgba(31, 28, 27, 0.08);--co-color-opacity-negro-16:rgba(31, 28, 27, 0.16);--co-color-opacity-negro-25:rgba(31, 28, 27, 0.25);--co-color-opacity-negro-50:rgba(31, 28, 27, 0.50);--co-color-opacity-negro-80:rgba(31, 28, 27, 0.80);--co-color-opacity-blanco-4:rgba(255, 255, 255, 0.04);--co-color-opacity-blanco-8:rgba(255, 255, 255, 0.08);--co-color-opacity-blanco-16:rgba(255, 255, 255, 0.16);--co-color-opacity-blanco-25:rgba(255, 255, 255, 0.25);--co-color-opacity-blanco-50:rgba(255, 255, 255, 0.50);--co-color-opacity-blanco-80:rgba(255, 255, 255, 0.80);--co-border-radius-xxs:4px;--co-border-radius-xs:8px;--co-border-radius-sm:12px;--co-border-radius-lg:16px;--co-border-radius-xl:24px;--co-border-radius-2xl:32px;--co-border-radius-3xl:40px;--co-border-radius-4xl:48px;--co-border-radius-5xl:56px;--co-border-radius-6xl:64px;--co-border-radius-full:9999px;--co-shadow-lg:0 10px 15px -3px rgba(26, 26, 26, 0.05), 0 4px 6px -4px rgba(26, 26, 26, 0.05);--co-spacing-xxs:2px;--co-spacing-xs:4px;--co-spacing-sm:6px;--co-spacing-sm2:8px;--co-spacing-md:12px;--co-spacing-lg:16px;--co-spacing-xl:20px;--co-spacing-2xl:24px;--co-spacing-3xl:32px;--co-spacing-4xl:40px;--co-spacing-5xl:48px;--co-spacing-6xl:56px;--co-spacing-7xl:64px;--co-spacing-8xl:72px;--co-spacing-9xl:80px;--co-spacing-10xl:88px;--co-spacing-11xl:96px;--co-spacing-12xl:104px;--co-spacing-13xl:112px;--co-spacing-14xl:120px;--co-spacing-full:9999px;--co-font-family-primary:'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--co-font-family-mono:'Geist Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;--co-font-size-10:10px;--co-font-size-12:12px;--co-font-size-14:14px;--co-font-size-16:16px;--co-font-size-18:18px;--co-font-size-20:20px;--co-font-size-22:22px;--co-font-size-24:24px;--co-font-size-26:26px;--co-font-size-30:30px;--co-font-size-32:32px;--co-font-size-36:36px;--co-font-size-40:40px;--co-font-size-44:44px;--co-font-size-48:48px;--co-font-size-50:50px;--co-font-size-56:56px;--co-font-size-64:64px;--co-font-size-72:72px;--co-font-size-80:80px;--co-font-size-96:96px;--co-font-size-104:104px;--co-font-size-112:112px;--co-font-size-128:128px;--co-font-size-144:144px;--co-font-size-160:160px;--co-font-size-180:180px;--co-font-size-200:200px;--co-font-size-220:220px;--co-font-weight-regular:400;--co-font-weight-medium:500;--co-font-weight-semibold:600;--co-font-weight-bold:700;--co-font-line-height-none:1;--co-font-line-height-tight:1.2;--co-font-line-height-snug:1.3;--co-font-line-height-normal:1.5;--co-font-line-height-relaxed:1.6;--co-font-letter-spacing-body:-0.03em;--co-font-letter-spacing-overline:0.08em;--co-semantic-surface-primary:var(--co-color-base-negro);--co-semantic-surface-inverse:var(--co-semantic-surface-primary);--co-semantic-surface-secondary:var(--co-color-base-blanco);--co-semantic-surface-page:var(--co-color-base-blanco);--co-semantic-surface-muted:var(--co-color-gray-200);--co-semantic-surface-hover:var(--co-color-opacity-negro-4);--co-semantic-surface-disabled:var(--co-color-gray-100);--co-semantic-on-primary:var(--co-color-base-blanco);--co-semantic-on-secondary:var(--co-color-base-negro);--co-semantic-text-default:var(--co-color-base-negro);--co-semantic-text-inverse:var(--co-color-base-blanco);--co-semantic-text-secondary:var(--co-color-gray-600);--co-semantic-text-muted:var(--co-color-gray-500);--co-semantic-text-disabled:var(--co-color-gray-400);--co-semantic-border-default:var(--co-color-opacity-negro-16);--co-semantic-border-subtle:var(--co-color-opacity-negro-8);--co-semantic-border-strong:var(--co-color-opacity-negro-50);--co-semantic-border-focus:var(--co-color-opacity-negro-25);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-8);--co-semantic-control-thumb:var(--co-color-base-blanco);--co-semantic-control-shadow:var(--co-color-opacity-negro-16);--co-semantic-status-success:var(--co-color-status-success);--co-semantic-status-error:var(--co-color-status-error);--co-semantic-status-warning:var(--co-color-primary-amarillo);--co-semantic-status-info:var(--co-color-status-progress)}:root{--co-color-negro:var(--co-color-base-negro);--co-color-blanco:var(--co-color-base-blanco);--co-color-neutral-beige:var(--co-color-base-off-white);--co-color-secondary-rojo:var(--co-color-secondary-rojo-100);--co-color-secondary-naranja:var(--co-color-secondary-naranja-100);--co-color-secondary-oliva:var(--co-color-secondary-oliva-100);--co-color-secondary-violeta:var(--co-color-secondary-violeta-100);--co-color-secondary-marron:var(--co-color-secondary-marron-100);--co-color-status-success-bg:var(--co-color-status-bg-success);--co-font-family:var(--co-font-family-primary);--co-border-radius-md:var(--co-border-radius-lg);--co-font-size-11:11px;--co-font-size-28:28px}";function e(o,c,e){const r="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;o&&o!==r;){const r=Object.getOwnPropertyDescriptor(o,c);if(r&&(!e||r.get))return r;o=Object.getPrototypeOf(o)}}var r,n=(o,c)=>{var r;Object.entries(null!=(r=c.t.o)?r:{}).map((([r,[n]])=>{if(31&n||32&n){const n=o[r],t=e(Object.getPrototypeOf(o),r,!0)||Object.getOwnPropertyDescriptor(o,r);t&&Object.defineProperty(o,r,{get(){return t.get.call(this)},set(o){t.set.call(this,o)},configurable:!0,enumerable:!0}),c.l.has(r)?o[r]=c.l.get(r):void 0!==n&&(o[r]=n)}}))},t=o=>{if(o.__stencil__getHostRef)return o.__stencil__getHostRef()},l=(o,c)=>{c&&(o.__stencil__getHostRef=()=>c,c.i=o,512&c.t.u&&n(o,c))},s=(o,c)=>c in o,a=(o,c)=>(0,console.error)(o,c),i=new Map,f=new Map,u="slot-fb{display:contents}slot-fb[hidden]{display:none}",d="http://www.w3.org/1999/xlink",p="undefined"!=typeof window?window:{},b={u:0,p:"",jmp:o=>o(),raf:o=>requestAnimationFrame(o),ael:(o,c,e,r)=>o.addEventListener(c,e,r),rel:(o,c,e,r)=>o.removeEventListener(c,e,r),ce:(o,c)=>new CustomEvent(o,c)},y=o=>Promise.resolve(o),v=(()=>{try{return!!p.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(o){}return!1})(),m=!!v&&(()=>!!p.document&&Object.getOwnPropertyDescriptor(p.document.adoptedStyleSheets,"length").writable)(),g=!1,h=[],x=[],w=(o,c)=>e=>{o.push(e),g||(g=!0,c&&4&b.u?j(z):b.raf(z))},$=o=>{for(let c=0;c<o.length;c++)try{o[c](performance.now())}catch(o){a(o)}o.length=0},z=()=>{$(h),$(x),(g=h.length>0)&&b.raf(z)},j=o=>y().then(o),S=w(x,!0);function O(){var o;const e=this.attachShadow({mode:"open"});if(void 0===r&&(r=null!=(o=function(o){if(!v)return;const c=new CSSStyleSheet;return c.replaceSync(o),c}(c))?o:null),r)m?e.adoptedStyleSheets.push(r):e.adoptedStyleSheets=[...e.adoptedStyleSheets,r];else if(!v){const o=document.createElement("style");o.innerHTML=c,e.prepend(o)}}var k=o=>{const c=L(o,"childNodes");o.tagName&&o.tagName.includes("-")&&o["s-cr"]&&"SLOT-FB"!==o.tagName&&M(c,o.tagName).forEach((o=>{1===o.nodeType&&"SLOT-FB"===o.tagName&&(o.hidden=!!N(o,E(o),!1).length)}));let e=0;for(e=0;e<c.length;e++){const o=c[e];1===o.nodeType&&L(o,"childNodes").length&&k(o)}};function M(o,c,e){let r,n=0,t=[];for(;n<o.length;n++){if(r=o[n],r["s-sr"]&&(!c||r["s-hn"]===c)&&(void 0===e||E(r)===e)&&(t.push(r),void 0!==e))return t;t=[...t,...M(r.childNodes,c,e)]}return t}var N=(o,c,e=!0)=>{const r=[];(e&&o["s-sr"]||!o["s-sr"])&&r.push(o);let n=o;for(;n=n.nextSibling;)E(n)!==c||!e&&n["s-sr"]||r.push(n);return r},C=(o,c)=>1===o.nodeType?null===o.getAttribute("slot")&&""===c||o.getAttribute("slot")===c:o["s-sn"]===c||""===c,E=o=>"string"==typeof o["s-sn"]?o["s-sn"]:1===o.nodeType&&o.getAttribute("slot")||void 0;function L(o,c){if("__"+c in o){const e=o["__"+c];return"function"!=typeof e?e:e.bind(o)}return"function"!=typeof o[c]?o[c]:o[c].bind(o)}function R(o){var c,e,r;return null!=(r=null==(e=null==(c=o.head)?void 0:c.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?r:void 0}var T,F,A=new WeakMap,P=o=>"sc-"+o.v,D=o=>"object"==(o=typeof o)||"function"===o,H=(o,c,...e)=>{let r=null,n=null,t=null,l=!1,s=!1;const a=[],i=c=>{for(let e=0;e<c.length;e++)r=c[e],Array.isArray(r)?i(r):null!=r&&"boolean"!=typeof r&&((l="function"!=typeof o&&!D(r))&&(r+=""),l&&s?a[a.length-1].m+=r:a.push(l?U(null,r):r),s=l)};if(i(e),c){c.key&&(n=c.key),c.name&&(t=c.name);{const o=c.className||c.class;o&&(c.class="object"!=typeof o?o:Object.keys(o).filter((c=>o[c])).join(" "))}}if("function"==typeof o)return o(null===c?{}:c,a,_);const f=U(o,null);return f.h=c,a.length>0&&(f.$=a),f.j=n,f.S=t,f},U=(o,c)=>({u:0,O:o,m:null!=c?c:null,k:null,$:null,h:null,j:null,S:null}),q={},_={forEach:(o,c)=>o.map(B).forEach(c),map:(o,c)=>o.map(B).map(c).map(W)},B=o=>({vattrs:o.h,vchildren:o.$,vkey:o.j,vname:o.S,vtag:o.O,vtext:o.m}),W=o=>{if("function"==typeof o.vtag){const c={...o.vattrs};return o.vkey&&(c.key=o.vkey),o.vname&&(c.name=o.vname),H(o.vtag,c,...o.vchildren||[])}const c=U(o.vtag,o.vtext);return c.h=o.vattrs,c.$=o.vchildren,c.j=o.vkey,c.S=o.vname,c},G=o=>{if(!o)return;const c=Object.keys(o);if(0===c.length)return;let e=!1;for(const r of c){if(e)break;for(const c of o[r])if("string"==typeof c){e=!0;break}}if(!e)return o;const r={};for(const e of c)r[e]=o[e].map((o=>"string"==typeof o?{[o]:0}:o));return r},V=(o,c)=>null==o||D(o)?o:4&c?"false"!==o&&(""===o||!!o):2&c?"string"==typeof o?parseFloat(o):"number"==typeof o?o:NaN:1&c?o+"":o,I=o=>{var c;return null==(c=t(o))?void 0:c.$hostElement$},Y=(o,c,e)=>{const r=I(o);return{emit:o=>Z(r,c,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:o})}},Z=(o,c,e)=>{const r=b.ce(c,e);return o.dispatchEvent(r),r},J=(o,c,e,r,n,l)=>{if(e===r)return;let a=s(o,c),i=c.toLowerCase();if("class"===c){const c=o.classList,n=Q(e);let t=Q(r);c.remove(...n.filter((o=>o&&!t.includes(o)))),c.add(...t.filter((o=>o&&!n.includes(o))))}else if("style"===c){for(const c in e)r&&null!=r[c]||(c.includes("-")?o.style.removeProperty(c):o.style[c]="");for(const c in r)e&&r[c]===e[c]||(c.includes("-")?o.style.setProperty(c,r[c]):o.style[c]=r[c])}else if("key"===c);else if("ref"===c)r&&wo(r,o);else if(a||"o"!==c[0]||"n"!==c[1]){if("a"===c[0]&&c.startsWith("attr:")){const e=c.slice(5);let n;{const c=t(o);if(c&&c.t&&c.t.o){const o=c.t.o[e];o&&o[1]&&(n=o[1])}}return n||(n=e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==r||!1===r?!1===r&&""!==o.getAttribute(n)||o.removeAttribute(n):o.setAttribute(n,!0===r?"":r))}if("p"===c[0]&&c.startsWith("prop:")){const e=c.slice(5);try{o[e]=r}catch(o){}return}{const t=D(r);if((a||t&&null!==r)&&!n)try{if(o.tagName.includes("-"))o[c]!==r&&(o[c]=r);else{const n=null==r?"":r;"list"===c?a=!1:null!=e&&o[c]===n||("function"==typeof o.__lookupSetter__(c)?o[c]=n:o.setAttribute(c,n))}}catch(o){}let s=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(c=i,s=!0),null==r||!1===r?!1===r&&""!==o.getAttribute(c)||(s?o.removeAttributeNS(d,c):o.removeAttribute(c)):(!a||4&l||n)&&!t&&1===o.nodeType&&(r=!0===r?"":r,s?o.setAttributeNS(d,c,r):o.setAttribute(c,r))}}else if(c="-"===c[2]?c.slice(3):s(p,i)?i.slice(2):i[2]+c.slice(3),e||r){const n=c.endsWith(X);c=c.replace(oo,""),e&&b.rel(o,c,e,n),r&&b.ael(o,c,r,n)}},K=/\s/,Q=o=>("object"==typeof o&&o&&"baseVal"in o&&(o=o.baseVal),o&&"string"==typeof o?o.split(K):[]),X="Capture",oo=RegExp(X+"$"),co=(o,c,e)=>{const r=11===c.k.nodeType&&c.k.host?c.k.host:c.k,n=o&&o.h||{},t=c.h||{};for(const o of eo(Object.keys(n)))o in t||J(r,o,n[o],void 0,e,c.u);for(const o of eo(Object.keys(t)))J(r,o,n[o],t[o],e,c.u)};function eo(o){return o.includes("ref")?[...o.filter((o=>"ref"!==o)),"ref"]:o}var ro=!1,no=!1,to=!1,lo=!1,so=[],ao=[],io=(o,c,e)=>{var r;const n=c.$[e];let t,l,s,a=0;if(ro||(to=!0,"slot"===n.O&&(n.u|=n.$?2:1)),null!=n.m)t=n.k=p.document.createTextNode(n.m);else if(1&n.u)t=n.k=p.document.createTextNode(""),co(null,n,lo);else{if(!p.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(t=n.k=p.document.createElement(!ro&&2&n.u?"slot-fb":n.O),co(null,n,lo),n.$){const c="template"===n.O?t.content:t;for(a=0;a<n.$.length;++a)l=io(o,n,a),l&&c.appendChild(l)}}return t["s-hn"]=F,3&n.u&&(t["s-sr"]=!0,t["s-cr"]=T,t["s-sn"]=n.S||"",t["s-rf"]=null==(r=n.h)?void 0:r.ref,function(o){if(o.assignedElements||o.assignedNodes||!o["s-sr"])return;const c=c=>function(o){const e=[],r=this["s-sn"];(null==o?void 0:o.flatten)&&console.error("\n          Flattening is not supported for Stencil non-shadow slots.\n          You can use `.childNodes` to nested slot fallback content.\n          If you have a particular use case, please open an issue on the Stencil repo.\n        ");const n=this["s-cr"].parentElement;return(n.__childNodes?n.childNodes:(o=>{const c=[];for(let e=0;e<o.length;e++){const r=o[e]["s-nr"]||void 0;r&&r.isConnected&&c.push(r)}return c})(n.childNodes)).forEach((o=>{r===E(o)&&e.push(o)})),c?e.filter((o=>1===o.nodeType)):e}.bind(o);o.assignedElements=c(!0),o.assignedNodes=c(!1)}(t),s=o&&o.$&&o.$[e],s&&s.O===n.O&&o.k&&fo(o.k)),t},fo=o=>{b.u|=1;const c=o.closest(F.toLowerCase());if(null!=c){const e=Array.from(c.__childNodes||c.childNodes).find((o=>o["s-cr"])),r=Array.from(o.__childNodes||o.childNodes);for(const o of e?r.reverse():r)null!=o["s-sh"]&&($o(c,o,null!=e?e:null),o["s-sh"]=void 0,to=!0)}b.u&=-2},uo=(o,c)=>{b.u|=1;const e=Array.from(o.__childNodes||o.childNodes);if(o["s-sr"]){let c=o;for(;c=c.nextSibling;)c&&c["s-sn"]===o["s-sn"]&&c["s-sh"]===F&&e.push(c)}for(let o=e.length-1;o>=0;o--){const r=e[o];r["s-hn"]!==F&&r["s-ol"]&&($o(vo(r).parentNode,r,vo(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,to=!0),c&&uo(r,c)}b.u&=-2},po=(o,c,e,r,n,t)=>{let l,s=o["s-cr"]&&o["s-cr"].parentNode||o;for(s.shadowRoot&&s.tagName===F&&(s=s.shadowRoot),"template"===e.O&&(s=s.content);n<=t;++n)r[n]&&(l=io(null,e,n),l&&(r[n].k=l,$o(s,l,vo(c))))},bo=(o,c,e)=>{for(let r=c;r<=e;++r){const c=o[r];if(c){const o=c.k;xo(c),o&&(no=!0,o["s-ol"]?o["s-ol"].remove():uo(o,!0),o.remove())}}},yo=(o,c,e=!1)=>o.O===c.O&&("slot"===o.O?o.S===c.S:e?(e&&!o.j&&c.j&&(o.j=c.j),!0):o.j===c.j),vo=o=>o&&o["s-ol"]||o,mo=(o,c,e=!1)=>{const r=c.k=o.k,n=o.$,t=c.$,l=c.m;let s;null==l?("slot"!==c.O||ro||o.S!==c.S&&(c.k["s-sn"]=c.S||"",fo(c.k.parentElement)),co(o,c,lo),null!==n&&null!==t?((o,c,e,r,n=!1)=>{let t,l,s=0,a=0,i=0,f=0,u=c.length-1,d=c[0],p=c[u],b=r.length-1,y=r[0],v=r[b];const m="template"===e.O?o.content:o;for(;s<=u&&a<=b;)if(null==d)d=c[++s];else if(null==p)p=c[--u];else if(null==y)y=r[++a];else if(null==v)v=r[--b];else if(yo(d,y,n))mo(d,y,n),d=c[++s],y=r[++a];else if(yo(p,v,n))mo(p,v,n),p=c[--u],v=r[--b];else if(yo(d,v,n))"slot"!==d.O&&"slot"!==v.O||uo(d.k.parentNode,!1),mo(d,v,n),$o(m,d.k,p.k.nextSibling),d=c[++s],v=r[--b];else if(yo(p,y,n))"slot"!==d.O&&"slot"!==v.O||uo(p.k.parentNode,!1),mo(p,y,n),$o(m,p.k,d.k),p=c[--u],y=r[++a];else{for(i=-1,f=s;f<=u;++f)if(c[f]&&null!==c[f].j&&c[f].j===y.j){i=f;break}i>=0?(l=c[i],l.O!==y.O?t=io(c&&c[a],e,i):(mo(l,y,n),c[i]=void 0,t=l.k),y=r[++a]):(t=io(c&&c[a],e,a),y=r[++a]),t&&$o(vo(d.k).parentNode,t,vo(d.k))}s>u?po(o,null==r[b+1]?null:r[b+1].k,e,r,a,b):a>b&&bo(c,s,u)})(r,n,c,t,e):null!==t?(null!==o.m&&(r.textContent=""),po(r,null,c,t,0,t.length-1)):!e&&null!==n&&bo(n,0,n.length-1)):(s=r["s-cr"])?s.parentNode.textContent=l:o.m!==l&&(r.data=l)},go=[],ho=o=>{let c,e,r;const n=o.__childNodes||o.childNodes;for(const o of n){if(o["s-sr"]&&(c=o["s-cr"])&&c.parentNode){e=c.parentNode.__childNodes||c.parentNode.childNodes;const n=o["s-sn"];for(r=e.length-1;r>=0;r--)if(c=e[r],!(c["s-cn"]||c["s-nr"]||c["s-hn"]===o["s-hn"]||c["s-sh"]&&c["s-sh"]===o["s-hn"]))if(C(c,n)){let e=go.find((o=>o.M===c));no=!0,c["s-sn"]=c["s-sn"]||n,e?(e.M["s-sh"]=o["s-hn"],e.N=o):(c["s-sh"]=o["s-hn"],go.push({N:o,M:c})),c["s-sr"]&&go.map((o=>{C(o.M,c["s-sn"])&&(e=go.find((o=>o.M===c)),e&&!o.N&&(o.N=e.N))}))}else go.some((o=>o.M===c))||go.push({M:c})}1===o.nodeType&&ho(o)}},xo=o=>{o.h&&o.h.ref&&so.push((()=>o.h.ref(null))),o.$&&o.$.map(xo)},wo=(o,c)=>{ao.push((()=>o(c)))},$o=(o,c,e,r)=>{if("string"==typeof c["s-sn"]){o.insertBefore(c,e);const{slotNode:n}=function(o,c){var e;if(!(c=c||(null==(e=o["s-ol"])?void 0:e.parentElement)))return{slotNode:null,slotName:""};const r=o["s-sn"]=E(o)||"";return{slotNode:M(L(c,"childNodes"),c.tagName,r)[0],slotName:r}}(c);return n&&!r&&function(o){o.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(n),c}return o.__insertBefore?o.__insertBefore(c,e):null==o?void 0:o.insertBefore(c,e)},zo=(o,c)=>{if(c&&!o.C&&c["s-p"]){const e=c["s-p"].push(new Promise((r=>o.C=()=>{c["s-p"].splice(e-1,1),r()})))}},jo=(o,c)=>{if(o.u|=16,4&o.u)return void(o.u|=512);zo(o,o.L);const e=()=>So(o,c);if(!c)return S(e);queueMicrotask((()=>{e()}))},So=(o,c)=>{const e=o.$hostElement$,r=o.i;if(!r)throw Error(`Can't render component <${e.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let n;return c?(o.R&&(o.R=!1,Lo(r,"connectedCallback",void 0,e)),o.u|=256,o.T&&(o.T.map((([o,c])=>Lo(r,o,c,e))),o.T=void 0),o.F.length&&o.F.forEach((o=>o(e))),n=Lo(r,"componentWillLoad",void 0,e)):n=Lo(r,"componentWillUpdate",void 0,e),n=Oo(n,(()=>Lo(r,"componentWillRender",void 0,e))),Oo(n,(()=>Mo(o,r,c)))},Oo=(o,c)=>ko(o)?o.then(c).catch((o=>{console.error(o),c()})):c(),ko=o=>o instanceof Promise||o&&o.then&&"function"==typeof o.then,Mo=async(o,c,e)=>{var r;const n=o.$hostElement$,t=n["s-rc"];e&&(o=>{const c=o.t,e=o.$hostElement$,r=c.u,n=((o,c)=>{var e,r,n;const t=P(c),l=f.get(t);if(!p.document)return t;if(o=11===o.nodeType?o:p.document,l)if("string"==typeof l){let n,s=A.get(o=o.head||o);if(s||A.set(o,s=new Set),!s.has(t)){n=p.document.createElement("style"),n.textContent=l;const a=null!=(e=b.A)?e:R(p.document);if(null!=a&&n.setAttribute("nonce",a),!(1&c.u))if("HEAD"===o.nodeName){const c=o.querySelectorAll("link[rel=preconnect]"),e=c.length>0?c[c.length-1].nextSibling:o.querySelector("style");o.insertBefore(n,(null==e?void 0:e.parentNode)===o?e:null)}else if("host"in o)if(v){const c=new(null!=(r=o.defaultView)?r:o.ownerDocument.defaultView).CSSStyleSheet;c.replaceSync(l),m?o.adoptedStyleSheets.unshift(c):o.adoptedStyleSheets=[c,...o.adoptedStyleSheets]}else{const c=o.querySelector("style");c?c.textContent=l+c.textContent:o.prepend(n)}else o.append(n);1&c.u&&o.insertBefore(n,null),4&c.u&&(n.textContent+=u),s&&s.add(t)}}else{let c=A.get(o);if(c||A.set(o,c=new Set),!c.has(t)){const e=null!=(n=o.defaultView)?n:o.ownerDocument.defaultView;let r;if(l.constructor===e.CSSStyleSheet)r=l;else{r=new e.CSSStyleSheet;for(let o=0;o<l.cssRules.length;o++)r.insertRule(l.cssRules[o].cssText,o)}m?o.adoptedStyleSheets.push(r):o.adoptedStyleSheets=[...o.adoptedStyleSheets,r],c.add(t)}}return t})(e.shadowRoot?e.shadowRoot:e.getRootNode(),c);10&r&&(e["s-sc"]=n,e.classList.add(n+"-h"))})(o);No(o,c,n,e),t&&(t.map((o=>o())),n["s-rc"]=void 0);{const c=null!=(r=n["s-p"])?r:[],e=()=>Co(o);0===c.length?e():(Promise.all(c).then(e).catch(e),o.u|=4,c.length=0)}},No=(o,c,e,r)=>{try{c=c.render(),o.u&=-17,o.u|=2,((o,c,e=!1)=>{var r,n,t,l,s;const a=o.$hostElement$,i=o.t,f=o.P||U(null,null),u=(o=>o&&o.O===q)(c)?c:H(null,null,c);if(F=a.tagName,i.D&&(u.h=u.h||{},i.D.forEach((([o,c])=>{u.h[c]=a[o]}))),e&&u.h)for(const o of Object.keys(u.h))a.hasAttribute(o)&&!["key","ref","style","class"].includes(o)&&(u.h[o]=a[o]);if(u.O=null,u.u|=4,o.P=u,u.k=f.k=a.shadowRoot||a,ro=!(!(1&i.u)||128&i.u),T=a["s-cr"],no=!1,mo(f,u,e),b.u|=1,to){ho(u.k);for(const o of go){const c=o.M;if(!c["s-ol"]&&p.document){const o=p.document.createTextNode("");o["s-nr"]=c,$o(c.parentNode,c["s-ol"]=o,c,e)}}for(const o of go){const c=o.M,s=o.N;if(1===c.nodeType&&e&&(c["s-ih"]=null!=(r=c.hidden)&&r),s){const o=s.parentNode;let r=s.nextSibling;if(r&&1===r.nodeType){let e=null==(n=c["s-ol"])?void 0:n.previousSibling;for(;e;){let n=null!=(t=e["s-nr"])?t:null;if(n&&n["s-sn"]===c["s-sn"]&&o===(n.__parentNode||n.parentNode)){for(n=n.nextSibling;n===c||(null==n?void 0:n["s-sr"]);)n=null==n?void 0:n.nextSibling;if(!n||!n["s-nr"]){r=n;break}}e=e.previousSibling}}if((!r&&o!==(c.__parentNode||c.parentNode)||(c.__nextSibling||c.nextSibling)!==r)&&c!==r){if($o(o,c,r,e),8===c.nodeType&&c.nodeValue.startsWith("s-nt-")){const o=p.document.createTextNode(c.nodeValue.replace(/^s-nt-/,""));o["s-hn"]=c["s-hn"],o["s-sn"]=c["s-sn"],o["s-sh"]=c["s-sh"],o["s-sr"]=c["s-sr"],o["s-ol"]=c["s-ol"],o["s-ol"]["s-nr"]=o,$o(c.parentNode,o,c,e),c.parentNode.removeChild(c)}1===c.nodeType&&"SLOT-FB"!==c.tagName&&(c.hidden=null!=(l=c["s-ih"])&&l)}c&&"function"==typeof s["s-rf"]&&s["s-rf"](s)}else 1===c.nodeType&&(c.hidden=!0)}}if(no&&k(u.k),b.u&=-2,go.length=0,!ro&&!(1&i.u)&&a["s-cr"]){const o=u.k.__childNodes||u.k.childNodes;for(const c of o)if(c["s-hn"]!==F&&!c["s-sh"])if(e&&null==c["s-ih"]&&(c["s-ih"]=null!=(s=c.hidden)&&s),1===c.nodeType)c.hidden=!0;else if(3===c.nodeType&&c.nodeValue.trim()){const o=p.document.createComment("s-nt-"+c.nodeValue);o["s-sn"]=c["s-sn"],$o(c.parentNode,o,c,e),c.parentNode.removeChild(c)}}T=void 0,so.forEach((o=>o())),so.length=0,ao.forEach((o=>o())),ao.length=0})(o,c,r)}catch(c){a(c,o.$hostElement$)}return null},Co=o=>{const c=o.$hostElement$,e=o.i,r=o.L;Lo(e,"componentDidRender",void 0,c),64&o.u?Lo(e,"componentDidUpdate",void 0,c):(o.u|=64,Ro(c),Lo(e,"componentDidLoad",void 0,c),o.H(c),r||Eo()),o.U(c),o.C&&(o.C(),o.C=void 0),512&o.u&&j((()=>jo(o,!1))),o.u&=-517},Eo=()=>{j((()=>Z(p,"appload",{detail:{namespace:"cobalt"}})))},Lo=(o,c,e,r)=>{if(o&&o[c])try{return o[c](e)}catch(o){a(o,r)}},Ro=o=>o.classList.add("hydrated"),To=(o,c,e,r)=>{const n=t(o);if(!n)return;if(!n)throw Error(`Couldn't find host element for "${r.v}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/stenciljs/core/issues/5457).`);const l=n.$hostElement$,s=n.l.get(c),i=n.u,f=n.i;if(e=V(e,r.o[c][0]),!(8&i&&void 0!==s||e===s||Number.isNaN(s)&&Number.isNaN(e))){if(n.l.set(c,e),r.q){const o=r.q[c];o&&o.map((o=>{try{const[[r,t]]=Object.entries(o);(128&i||1&t)&&(f?f[r](e,s,c):n.F.push((()=>{n.i[r](e,s,c)})))}catch(o){a(o,l)}}))}if(2&i){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(e,s,c)&&!(16&i))return;16&i||jo(n,!1)}}},Fo=(o,c,r)=>{var n,l;const s=o.prototype;{o.watchers&&!c.q&&(c.q=G(o.watchers)),o.deserializers&&!c._&&(c._=o.deserializers),o.serializers&&!c.B&&(c.B=o.serializers);const a=Object.entries(null!=(n=c.o)?n:{});if(a.map((([o,[n]])=>{if(31&n||2&r&&32&n){const{get:l,set:a}=e(s,o)||{};l&&(c.o[o][0]|=2048),a&&(c.o[o][0]|=4096),(1&r||!l)&&Object.defineProperty(s,o,{get(){{if(!(2048&c.o[o][0]))return((o,c)=>t(this).l.get(c))(0,o);const e=t(this),r=e?e.i:s;if(!r)return;return r[o]}},configurable:!0,enumerable:!0}),Object.defineProperty(s,o,{set(e){const l=t(this);if(l){if(a)return void 0===(32&n?this[o]:l.$hostElement$[o])&&l.l.get(o)&&(e=l.l.get(o)),a.call(this,V(e,n)),void To(this,o,e=32&n?this[o]:l.$hostElement$[o],c);{if(!(1&r&&4096&c.o[o][0]))return To(this,o,e,c),void(1&r&&!l.i&&l.F.push((()=>{4096&c.o[o][0]&&l.i[o]!==l.l.get(o)&&(l.i[o]=e)})));const t=()=>{const r=l.i[o];!l.l.get(o)&&r&&l.l.set(o,r),l.i[o]=V(e,n),To(this,o,l.i[o],c)};l.i?t():l.F.push((()=>{t()}))}}}})}else 1&r&&64&n&&Object.defineProperty(s,o,{value(...c){var e;const r=t(this);return null==(e=null==r?void 0:r.W)?void 0:e.then((()=>{var e;return null==(e=r.i)?void 0:e[o](...c)}))}})})),1&r){const e=new Map;s.attributeChangedCallback=function(o,r,n){b.jmp((()=>{var l;const i=e.get(o),f=t(this);if(this.hasOwnProperty(i)&&(n=this[i],delete this[i]),s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==n)return;if(null==i){const e=null==f?void 0:f.u;if(f&&e&&!(8&e)&&n!==r){const t=f.i,s=null==(l=c.q)?void 0:l[o];null==s||s.forEach((c=>{const[[l,s]]=Object.entries(c);null!=t[l]&&(128&e||1&s)&&t[l].call(t,n,r,o)}))}return}const u=a.find((([o])=>o===i)),d=u&&4&u[1][0],p=d&&null===n&&void 0===this[i];d&&(n=null!==n&&"false"!==n);const b=Object.getOwnPropertyDescriptor(s,i);p||n==this[i]||b.get&&!b.set||(this[i]=n)}))},o.observedAttributes=Array.from(new Set([...Object.keys(null!=(l=c.q)?l:{}),...a.filter((([o,c])=>31&c[0])).map((([o,r])=>{var n;const t=r[1]||o;return e.set(t,o),512&r[0]&&(null==(n=c.D)||n.push([o,t])),t}))]))}}return o},Ao=(o,c)=>{Lo(o,"connectedCallback",void 0,c)},Po=(o,c)=>{Lo(o,"disconnectedCallback",void 0,c||o)},Do=(o,c={})=>{var e;if(!p.document)return void console.warn("Stencil: No document found. Skipping bootstrapping lazy components.");const r=[],n=c.exclude||[],l=p.customElements,s=p.document.head,d=s.querySelector("meta[charset]"),y=p.document.createElement("style"),m=[];let g,h=!0;Object.assign(b,c),b.p=new URL(c.resourcesUrl||"./",p.document.baseURI).href;let x=!1;if(o.map((o=>{o[1].map((c=>{var e,s;const u={u:c[0],v:c[1],o:c[2],G:c[3]};4&u.u&&(x=!0),u.o=c[2],u.G=c[3],u.D=[],u.q=G(c[4]),u.B=null!=(e=c[5])?e:{},u._=null!=(s=c[6])?s:{};const d=u.v,y=class extends HTMLElement{"s-p";"s-rc";hasRegisteredEventListeners=!1;constructor(o){if(super(o),((o,c)=>{const e={u:0,$hostElement$:o,t:c,l:new Map,V:new Map};e.W=new Promise((o=>e.U=o)),e.I=new Promise((o=>e.H=o)),o["s-p"]=[],o["s-rc"]=[],e.F=[];const r=e;o.__stencil__getHostRef=()=>r})(o=this,u),1&u.u)if(o.shadowRoot){if("open"!==o.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${u.v}! Mode is set to ${o.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else O.call(o,u)}connectedCallback(){const o=t(this);o&&(this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ho(this,o,u.G)),g&&(clearTimeout(g),g=null),h?m.push(this):b.jmp((()=>(o=>{if(!(1&b.u)){const c=t(o);if(!c)return;const e=c.t,r=()=>{};if(1&c.u)Ho(o,c,e.G),(null==c?void 0:c.i)?Ao(c.i,o):(null==c?void 0:c.I)&&c.I.then((()=>Ao(c.i,o)));else{c.u|=1,12&e.u&&(o=>{if(!p.document)return;const c=o["s-cr"]=p.document.createComment("");c["s-cn"]=!0,$o(o,c,o.firstChild)})(o);{let e=o;for(;e=e.parentNode||e.host;)if(e["s-p"]){zo(c,c.L=e);break}}e.o&&Object.entries(e.o).map((([c,[e]])=>{if(31&e&&Object.prototype.hasOwnProperty.call(o,c)){const e=o[c];delete o[c],o[c]=e}})),(async(o,c,e)=>{let r;try{if(!(32&c.u)){if(c.u|=32,e.Y){const n=((o,c)=>{const e=o.v.replace(/-/g,"_"),r=o.Y;if(!r)return;const n=i.get(r);return n?n[e]:import(`./${r}.entry.js`).then((o=>(i.set(r,o),o[e])),(o=>{a(o,c.$hostElement$)}))
+/*!__STENCIL_STATIC_IMPORT_SWITCH__*/})(e,c);if(n&&"then"in n){const o=()=>{};r=await n,o()}else r=n;if(!r)throw Error(`Constructor for "${e.v}#${c.Z}" was not found`);r.isProxied||(e.q=G(r.watchers),e.B=r.serializers,e._=r.deserializers,Fo(r,e,2),r.isProxied=!0);const t=()=>{};c.u|=8;try{new r(c)}catch(c){a(c,o)}c.u&=-9,c.u|=128,t(),4&e.u?c.R=!0:Ao(c.i,o)}else r=o.constructor,customElements.whenDefined(o.localName).then((()=>c.u|=128));if(r&&r.style){let o;"string"==typeof r.style&&(o=r.style);const c=P(e);if(!f.has(c)){const r=()=>{};((o,c,e)=>{let r=f.get(o);v&&e?(r=r||new CSSStyleSheet,"string"==typeof r?r=c:r.replaceSync(c)):r=c,f.set(o,r)})(c,o,!!(1&e.u)),r()}}}const n=c.L,t=()=>jo(c,!0);n&&n["s-rc"]?n["s-rc"].push(t):t()}catch(e){a(e,o),c.C&&(c.C(),c.C=void 0),c.H&&c.H(o)}})(o,c,e)}r()}})(this))))}disconnectedCallback(){b.jmp((()=>(async o=>{if(!(1&b.u)){const c=t(o);(null==c?void 0:c.J)&&(c.J.map((o=>o())),c.J=void 0),(null==c?void 0:c.i)?Po(c.i,o):(null==c?void 0:c.I)&&c.I.then((()=>Po(c.i,o)))}A.has(o)&&A.delete(o),o.shadowRoot&&A.has(o.shadowRoot)&&A.delete(o.shadowRoot)})(this))),b.raf((()=>{var o;const c=t(this);if(!c)return;const e=m.findIndex((o=>o===this));e>-1&&m.splice(e,1),(null==(o=null==c?void 0:c.P)?void 0:o.k)instanceof Node&&!c.P.k.isConnected&&delete c.P.k}))}componentOnReady(){var o;return null==(o=t(this))?void 0:o.I}};u.Y=o[0],n.includes(d)||l.get(d)||(r.push(d),l.define(d,Fo(y,u,1)))}))})),r.length>0&&(x&&(y.textContent+=u),y.textContent+=r.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",y.innerHTML.length)){y.setAttribute("data-styles","");const o=null!=(e=b.A)?e:R(p.document);null!=o&&y.setAttribute("nonce",o),s.insertBefore(y,d?d.nextSibling:s.firstChild)}h=!1,m.length?m.map((o=>o.connectedCallback())):b.jmp((()=>g=setTimeout(Eo,30)))},Ho=(o,c,e)=>{e&&p.document&&e.map((([e,r,n])=>{const t=qo(p.document,o,e),l=Uo(c,n),s=_o(e);b.ael(t,r,l,s),(c.J=c.J||[]).push((()=>b.rel(t,r,l,s)))}))},Uo=(o,c)=>e=>{var r;try{256&o.u?null==(r=o.i)||r[c](e):(o.T=o.T||[]).push([c,e])}catch(c){a(c,o.$hostElement$)}},qo=(o,c,e)=>4&e?o:c,_o=o=>({passive:!!(1&o),capture:!!(2&o)}),Bo=o=>b.A=o;export{q as H,I as a,Do as b,Y as c,o as g,H as h,y as p,l as r,Bo as s}