@prolibu-suite/cobalt-core 0.11.11 → 0.11.12

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

@@ -1 +1 @@
-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}
+import{t,p as i,H as s,c as o,h as a}from"./index.js";const e=(t,i)=>Math.max(0,Math.min(i,t)),r=i(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coTabChange=o(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,s=function(t,i,s,o){if(i<=0)return null;if(Math.abs(s)>=Math.abs(o))return null;const a=e(t+o,i);return a===t?null:a}(i.scrollLeft,i.scrollWidth-i.clientWidth,t.deltaX,t.deltaY);null!==s&&(this.scrollTrack(i,s),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 s=this.drag;if(!s||t.pointerId!==s.pointerId)return;const o=t.currentTarget;if(!s.moved){if(!function(t,i){return Math.abs(i-t)>=5}(s.startX,t.clientX))return;s.moved=!0;try{null===(i=o.setPointerCapture)||void 0===i||i.call(o,t.pointerId)}catch(t){}o.classList.add("co-tab-group--dragging")}this.scrollTrack(o,function(t,i,s,o){return e(t-(s-i),o)}(s.startLeft,s.startX,t.clientX,o.scrollWidth-o.clientWidth))},this.onPointerEnd=t=>{var i;const s=this.drag;if(!s||t.pointerId!==s.pointerId)return;const o=t.currentTarget;if(o.classList.remove("co-tab-group--grabbing"),s.moved){this.swallowClick=!0,o.classList.remove("co-tab-group--dragging");try{(null===(i=o.hasPointerCapture)||void 0===i?void 0:i.call(o,t.pointerId))&&o.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 s=Array.from(this.el.querySelectorAll("co-tab")).find((t=>t.selected));if(!s)return;const{track:o,tab:a}=function(t,i,s){const o=s.offsetWidth&&t.width/s.offsetWidth||1,a=i=>(i-t.left)/o-s.clientLeft;return{track:{left:0,right:s.clientWidth},tab:{left:a(i.left),right:a(i.right)}}}(i.getBoundingClientRect(),s.getBoundingClientRect(),i),e=function(t,i,s,o=8){return s.left<i.left?Math.max(0,t-(i.left-s.left)-o):s.right>i.right?t+(s.right-i.right)+o:t}(i.scrollLeft,o,a);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))}scrollTrack(t,i){"function"==typeof t.scrollTo?t.scrollTo({left:i,behavior:"instant"}):t.scrollLeft=i}render(){return a("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},a("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) var(--co-spacing-sm, 6px) calc(var(--co-spacing-sm, 6px) + 1px);background:transparent;box-shadow:inset 0 0 0 1px var(--co-semantic-border-default);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)}"}},[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),r))}))}n();const c=r,h=n;export{c as CoTabGroup,h as defineCustomElement}

package/dist/components/co-tab.js

@@ -1 +1 @@
-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}
+import{t,p as a,H as e,c as o,h as c}from"./index.js";import{d as r}from"./p-qMNHMnvI.js";const s=a(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coTabSelect=o(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-raised, var(--co-semantic-surface-page));border-color:var(--co-semantic-border-default);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-raised, 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-raised, var(--co-semantic-surface-page));border-color:var(--co-semantic-border-default);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-raised, var(--co-semantic-surface-page));border-color:var(--co-semantic-border-default);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((a=>{switch(a){case"co-tab":customElements.get(t(a))||customElements.define(t(a),s);break;case"co-icon":customElements.get(t(a))||r()}}))}i();const n=s,d=i;export{n as CoTab,d as defineCustomElement}

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

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as a,h as s}from"./index.js";import{R as o}from"./p-CWneqh4n.js";import{F as r}from"./p-CaAdnjC6.js";import{d as c}from"./p-qMNHMnvI.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.coInput=a(this,"coInput",7),this.coClear=a(this,"coClear",7),this.coFocus=a(this,"coFocus",7),this.coBlur=a(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>e+""));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>e+""))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const t=this.tags;!this.allowDuplicates&&t.includes(e)||this.commit([...t,e])}removeTag(e){const t=this.tags.filter(((t,i)=>i!==e));this.commit(t)}startEdit(e){var t;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(t=this.tags[e])&&void 0!==t?t:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,t=this.editingDraft.trim(),i=this.tags;if(this.editingIndex=null,this.editingDraft="",!t)return void this.commit(i.filter(((t,i)=>i!==e)));if(!this.allowDuplicates&&i.some(((i,a)=>a!==e&&i===t)))return void this.commit(i.filter(((t,i)=>i!==e)));const a=[...i];a[e]=t,this.commit(a)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,t=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,i=this.isInvalid?this.errorMessage:this.helperText,a=!this.readonly&&!this.atCapacity;return s("div",{key:"fd91a99e457cbf54c88d423be8af54c566f3066c",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,["co-tags-field--"+this.size]:!0},part:"wrapper"},this.label&&s("div",{key:"49bfcb174303ee8660e5acc4f98217aaf66f40ac",class:"co-tags-field__labels"},s("label",{key:"79762edec0be8829ccaca058eba30a3bde927254",class:"co-tags-field__label",part:"label"},this.label,s(o,{key:"c70bec9252eb1921c481ecd61d8b6fe63a3d6c10",required:this.required}))),s("div",{key:"32a0647964bd4acc982a2a790647c93a40801c36",class:"co-tags-field__field-row"},s("div",{key:"4e8368806c1f672c72eb02331f113669db4cf8d1",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},s("div",{key:"4ad6a373fd8c05ee5aac5bff758ce2fbe4312dc8",class:"co-tags-field__input-wrapper"},e.map(((e,t)=>this.editingIndex===t?s("input",{key:"edit-"+t,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):s(r,{key:`chip-${t}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(t),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(t)}}))),a&&s("input",{key:"f225a29c660941323b3e83344cf4b5524bbd72a2",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&s("button",{key:"37317b91ff4f58ca30ae13d7d639fcc79efaeb3b",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!t},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},s("co-icon",{key:"f29e8727db13e9ce6b6fc72e38786aeb619a51b1",name:"x-circle",size:16,weight:"fill"})))),this.name&&s("input",{key:"592bcd5ecd3f552ac6c8adb87fbd9dab04ec0e40",type:"hidden",name:this.name,value:JSON.stringify(e)}),i&&s("div",{key:"7402a33a90484fdce495df229b7325d6e6527991",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&s("co-icon",{key:"8b9116529e02f275ef957e23ad98adb8d726b375",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),s("span",{key:"5f952c6feb9b82b46552bb8e8faeb5aaeb4abc29",class:"co-tags-field__helper-text"},i)))}get el(){return this}static get watchers(){return{editingIndex:[{onEditingIndexChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__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-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-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;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);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);min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:22px;padding:0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__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-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-page);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 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-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error));box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-error, var(--co-semantic-status-error)) 12%, transparent)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-tags-field{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-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}"}},[1,"co-tags-field",{value:[1025],label:[1],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],clearable:[4],maxTags:[2,"max-tags"],allowDuplicates:[4,"allow-duplicates"],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],layout:[513],size:[513],draft:[32],editingIndex:[32],editingDraft:[32],hasFocus:[32]},void 0,{editingIndex:[{onEditingIndexChange:0}]}]);function l(){"undefined"!=typeof customElements&&["co-tags-field","co-icon"].forEach((t=>{switch(t){case"co-tags-field":customElements.get(e(t))||customElements.define(e(t),n);break;case"co-icon":customElements.get(e(t))||c()}}))}l();const d=n,h=l;export{d as CoTagsField,h as defineCustomElement}
+import{t as e,p as t,H as i,c as a,h as s}from"./index.js";import{R as o}from"./p-CWneqh4n.js";import{F as r}from"./p-CaAdnjC6.js";import{d as c}from"./p-qMNHMnvI.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.coInput=a(this,"coInput",7),this.coClear=a(this,"coClear",7),this.coFocus=a(this,"coFocus",7),this.coBlur=a(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>e+""));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>e+""))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const t=this.tags;!this.allowDuplicates&&t.includes(e)||this.commit([...t,e])}removeTag(e){const t=this.tags.filter(((t,i)=>i!==e));this.commit(t)}startEdit(e){var t;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(t=this.tags[e])&&void 0!==t?t:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,t=this.editingDraft.trim(),i=this.tags;if(this.editingIndex=null,this.editingDraft="",!t)return void this.commit(i.filter(((t,i)=>i!==e)));if(!this.allowDuplicates&&i.some(((i,a)=>a!==e&&i===t)))return void this.commit(i.filter(((t,i)=>i!==e)));const a=[...i];a[e]=t,this.commit(a)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,t=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,i=this.isInvalid?this.errorMessage:this.helperText,a=!this.readonly&&!this.atCapacity;return s("div",{key:"fd91a99e457cbf54c88d423be8af54c566f3066c",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,["co-tags-field--"+this.size]:!0},part:"wrapper"},this.label&&s("div",{key:"49bfcb174303ee8660e5acc4f98217aaf66f40ac",class:"co-tags-field__labels"},s("label",{key:"79762edec0be8829ccaca058eba30a3bde927254",class:"co-tags-field__label",part:"label"},this.label,s(o,{key:"c70bec9252eb1921c481ecd61d8b6fe63a3d6c10",required:this.required}))),s("div",{key:"32a0647964bd4acc982a2a790647c93a40801c36",class:"co-tags-field__field-row"},s("div",{key:"4e8368806c1f672c72eb02331f113669db4cf8d1",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},s("div",{key:"4ad6a373fd8c05ee5aac5bff758ce2fbe4312dc8",class:"co-tags-field__input-wrapper"},e.map(((e,t)=>this.editingIndex===t?s("input",{key:"edit-"+t,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):s(r,{key:`chip-${t}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(t),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(t)}}))),a&&s("input",{key:"f225a29c660941323b3e83344cf4b5524bbd72a2",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&s("button",{key:"37317b91ff4f58ca30ae13d7d639fcc79efaeb3b",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!t},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},s("co-icon",{key:"f29e8727db13e9ce6b6fc72e38786aeb619a51b1",name:"x-circle",size:16,weight:"fill"})))),this.name&&s("input",{key:"592bcd5ecd3f552ac6c8adb87fbd9dab04ec0e40",type:"hidden",name:this.name,value:JSON.stringify(e)}),i&&s("div",{key:"7402a33a90484fdce495df229b7325d6e6527991",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&s("co-icon",{key:"8b9116529e02f275ef957e23ad98adb8d726b375",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),s("span",{key:"5f952c6feb9b82b46552bb8e8faeb5aaeb4abc29",class:"co-tags-field__helper-text"},i)))}get el(){return this}static get watchers(){return{editingIndex:[{onEditingIndexChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__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-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-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;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);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);min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:22px;padding:0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__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-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-page);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 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-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error));box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-error, var(--co-semantic-status-error)) 12%, transparent)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}:host([layout='horizontal']) .co-tags-field{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-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}"}},[1,"co-tags-field",{value:[1025],label:[1],placeholder:[1],name:[1],required:[4],disabled:[4],readonly:[4],clearable:[4],maxTags:[2,"max-tags"],allowDuplicates:[4,"allow-duplicates"],invalid:[4],errorMessage:[1,"error-message"],helperText:[1,"helper-text"],layout:[513],size:[513],draft:[32],editingIndex:[32],editingDraft:[32],hasFocus:[32]},void 0,{editingIndex:[{onEditingIndexChange:0}]}]);function l(){"undefined"!=typeof customElements&&["co-tags-field","co-icon"].forEach((t=>{switch(t){case"co-tags-field":customElements.get(e(t))||customElements.define(e(t),n);break;case"co-icon":customElements.get(e(t))||c()}}))}l();const d=n,h=l;export{d as CoTagsField,h as defineCustomElement}

package/dist/components/co-toggle-button.js

@@ -1 +1 @@
-import{t as o,p as t,H as e,c as r,h as a}from"./index.js";import{d as c}from"./p-qMNHMnvI.js";const s=new Set(["l","m","s","xs"]),n=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=r(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}componentWillLoad(){this.adoptGroupSize()}adoptGroupSize(){var o,t;if(this.el.hasAttribute("size")||null!=this.size&&"m"!==this.size)return;const e=this.el.closest("co-toggle-button-group");if(!e)return;const r=null!==(o=e.variant)&&void 0!==o?o:e.getAttribute("variant"),a=null!==(t=e.size)&&void 0!==t?t:e.getAttribute("size");((o,t)=>s.has(null!=t?t:"")&&("soft"===o||"track"===o&&"xs"===t))(r,a)&&(this.size=a)}render(){const o="track"===this.variant?"xs"===this.size?14:18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return a("button",{key:"8294ac8c49a0c36c9b88192db084bacbce1b7a15",part:"button",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,["co-toggle-button--"+this.size]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":this.selected+"",onClick:this.handleClick},a("slot",{key:"9430df624ac0477d9942f321676360e5fd0cf697",name:"leading"}),this.iconLeft&&a("co-icon",{key:"78c8f2c1abcbbcae86e13712eeb8da7587ce7dd3",name:this.iconLeft,size:o,weight:t}),this.label&&a("span",{key:"8d2c2281ff3afe0b7a998c128718f3b9b3d700fe",class:"co-toggle-button__label"},this.label),this.iconRight&&a("co-icon",{key:"9219240493081a502ccaca2f8b3f252f652872ef",name:this.iconRight,size:o,weight:t}))}get el(){return this}static get style(){return":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-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)));color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-toggle-button-font-size, var(--co-font-size-16))}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-toggle-button-font-size, var(--co-font-size-12))}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-toggle-button-color-selected, var(--co-color-base-blanco, #fff));border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button:focus-visible{outline:2px solid var(--co-semantic-text-default);outline-offset:-3px}.co-toggle-button--selected:focus-visible{outline-color:currentColor}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:var(--co-toggle-pill-height, 30px);border-radius:var(--co-toggle-pill-radius, 8px);border-color:transparent;background:transparent;color:var(--co-toggle-button-color, var(--co-semantic-text-secondary));box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover);color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track']) .co-toggle-button--selected{background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default));box-shadow:var(--co-toggle-pill-shadow, var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default))}:host([variant='track'][size='xs']) .co-toggle-button{height:var(--co-toggle-pill-height, 20px);border-radius:var(--co-toggle-pill-radius, var(--co-border-radius-xxs))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected){color:var(--co-toggle-button-color, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected):hover:not(:disabled){color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button.co-toggle-button--icon-only{width:20px}:host([variant='track'][size='xs']) .co-toggle-button--selected{box-shadow:var(--co-toggle-pill-shadow, none)}:host([variant='soft']) .co-toggle-button{height:24px;border-radius:var(--co-border-radius-xxs);border-color:transparent;background:var(--co-semantic-surface-control, #f6f6f6);color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-regular);padding:0 calc(var(--co-spacing-sm2) - 1px);gap:var(--co-spacing-sm2);-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='soft']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-control, #f6f6f6)}:host([variant='soft']) .co-toggle-button--selected{background:var(--co-color-celeste-100);color:var(--co-toggle-button-color-selected, var(--co-color-primary-azul));border-color:transparent}:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-celeste-100)}:host([variant='pill']) .co-toggle-button{height:40px;padding:0 var(--co-spacing-lg);border-radius:var(--co-border-radius-full);border-color:transparent;background:var(--co-semantic-surface-control);color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-toggle-button-font-size, var(--co-font-size-14));font-weight:var(--co-font-weight-regular);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='pill']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}:host([variant='pill']) .co-toggle-button--selected{background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}:host([variant='pill']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}@supports (color: light-dark(white, black)){:host([variant='soft']) .co-toggle-button--selected{color:var(--co-toggle-button-color-selected, var(--co-semantic-text-link, var(--co-color-primary-azul)))}:host([variant='soft']) .co-toggle-button--selected,:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:light-dark(var(--co-color-celeste-100), color-mix(in srgb, var(--co-semantic-text-link, var(--co-color-primary-azul)) 18%, var(--co-semantic-surface-page)))}}"}},[257,"co-toggle-button",{selected:[1540],value:[1],label:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],size:[513],disabled:[4],variant:[513],selectedIconWeight:[1,"selected-icon-weight"]}]);function i(){"undefined"!=typeof customElements&&["co-toggle-button","co-icon"].forEach((t=>{switch(t){case"co-toggle-button":customElements.get(o(t))||customElements.define(o(t),n);break;case"co-icon":customElements.get(o(t))||c()}}))}i();const l=n,g=i;export{l as CoToggleButton,g as defineCustomElement}
+import{t as o,p as t,H as e,c as r,h as a}from"./index.js";import{d as c}from"./p-qMNHMnvI.js";const s=new Set(["l","m","s","xs"]),n=t(class extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=r(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}componentWillLoad(){this.adoptGroupSize()}adoptGroupSize(){var o,t;if(this.el.hasAttribute("size")||null!=this.size&&"m"!==this.size)return;const e=this.el.closest("co-toggle-button-group");if(!e)return;const r=null!==(o=e.variant)&&void 0!==o?o:e.getAttribute("variant"),a=null!==(t=e.size)&&void 0!==t?t:e.getAttribute("size");((o,t)=>s.has(null!=t?t:"")&&("soft"===o||"track"===o&&"xs"===t))(r,a)&&(this.size=a)}render(){const o="track"===this.variant?"xs"===this.size?14:18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return a("button",{key:"8294ac8c49a0c36c9b88192db084bacbce1b7a15",part:"button",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,["co-toggle-button--"+this.size]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":this.selected+"",onClick:this.handleClick},a("slot",{key:"9430df624ac0477d9942f321676360e5fd0cf697",name:"leading"}),this.iconLeft&&a("co-icon",{key:"78c8f2c1abcbbcae86e13712eeb8da7587ce7dd3",name:this.iconLeft,size:o,weight:t}),this.label&&a("span",{key:"8d2c2281ff3afe0b7a998c128718f3b9b3d700fe",class:"co-toggle-button__label"},this.label),this.iconRight&&a("co-icon",{key:"9219240493081a502ccaca2f8b3f252f652872ef",name:this.iconRight,size:o,weight:t}))}get el(){return this}static get style(){return":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-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)));color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), color var(--co-motion-duration-fast) var(--co-motion-ease-out);white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-toggle-button-font-size, var(--co-font-size-16))}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-toggle-button-font-size, var(--co-font-size-14))}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-toggle-button-font-size, var(--co-font-size-12))}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-toggle-button-color-selected, var(--co-color-base-blanco, #fff));border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button:focus-visible{outline:2px solid var(--co-semantic-text-default);outline-offset:-3px}.co-toggle-button--selected:focus-visible{outline-color:currentColor}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:var(--co-toggle-pill-height, 30px);border-radius:var(--co-toggle-pill-radius, 8px);border-color:transparent;background:transparent;color:var(--co-toggle-button-color, var(--co-semantic-text-secondary));box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover);color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track']) .co-toggle-button--selected{background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default));box-shadow:var(--co-toggle-pill-shadow, var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-page);color:var(--co-toggle-button-color-selected, var(--co-semantic-text-default));border-color:var(--co-toggle-pill-border, var(--co-semantic-border-default))}:host([variant='track'][size='xs']) .co-toggle-button{height:var(--co-toggle-pill-height, 20px);border-radius:var(--co-toggle-pill-radius, var(--co-border-radius-xxs))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected){color:var(--co-toggle-button-color, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button:not(.co-toggle-button--selected):hover:not(:disabled){color:var(--co-toggle-button-color-hover, var(--co-semantic-text-default))}:host([variant='track'][size='xs']) .co-toggle-button.co-toggle-button--icon-only{width:20px}:host([variant='track'][size='xs']) .co-toggle-button--selected{box-shadow:var(--co-toggle-pill-shadow, none)}:host([variant='soft']) .co-toggle-button{height:24px;border-radius:var(--co-border-radius-xxs);border-color:transparent;background:var(--co-semantic-surface-control, #f6f6f6);color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-font-size-12);font-weight:var(--co-font-weight-regular);padding:0 calc(var(--co-spacing-sm2) - 1px);gap:var(--co-spacing-sm2);-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='soft']) .co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-control, #f6f6f6)}:host([variant='soft']) .co-toggle-button--selected{background:var(--co-color-celeste-100);color:var(--co-toggle-button-color-selected, var(--co-color-primary-azul));border-color:transparent}:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-celeste-100)}:host([variant='pill']) .co-toggle-button{height:40px;padding:0 var(--co-spacing-lg);border-radius:var(--co-border-radius-full);border-color:var(--co-semantic-border-default);background:transparent;color:var(--co-toggle-button-color, var(--co-semantic-text-default));font-size:var(--co-toggle-button-font-size, var(--co-font-size-14));font-weight:var(--co-font-weight-regular);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='pill']) .co-toggle-button:hover:not(:disabled){background:color-mix(in srgb, var(--co-semantic-text-default) 4%, transparent)}:host([variant='pill']) .co-toggle-button--selected{border-color:transparent;background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}:host([variant='pill']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-semantic-surface-primary);color:var(--co-toggle-button-color-selected, var(--co-semantic-on-primary))}@supports (color: light-dark(white, black)){:host([variant='soft']) .co-toggle-button--selected{color:var(--co-toggle-button-color-selected, var(--co-semantic-text-link, var(--co-color-primary-azul)))}:host([variant='soft']) .co-toggle-button--selected,:host([variant='soft']) .co-toggle-button--selected:hover:not(:disabled){background:light-dark(var(--co-color-celeste-100), color-mix(in srgb, var(--co-semantic-text-link, var(--co-color-primary-azul)) 18%, var(--co-semantic-surface-page)))}}"}},[257,"co-toggle-button",{selected:[1540],value:[1],label:[1],iconLeft:[1,"icon-left"],iconRight:[1,"icon-right"],size:[513],disabled:[4],variant:[513],selectedIconWeight:[1,"selected-icon-weight"]}]);function i(){"undefined"!=typeof customElements&&["co-toggle-button","co-icon"].forEach((t=>{switch(t){case"co-toggle-button":customElements.get(o(t))||customElements.define(o(t),n);break;case"co-icon":customElements.get(o(t))||c()}}))}i();const l=n,g=i;export{l as CoToggleButton,g as defineCustomElement}

package/dist/components/co-transfer-list.js

@@ -1 +1 @@
-import{t as r,p as o,H as e,c as a,h as s}from"./index.js";import{i as t}from"./p-DqyWGweA.js";import{d as i}from"./p-qMNHMnvI.js";const l=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.leftTitle="Available",this.rightTitle="Selected",this.options="[]",this.value="[]",this.disabled=!1,this.status="default",this.leftChecked=new Set,this.rightChecked=new Set,this.osInstances=[],this.toggleLeftCheck=r=>{const o=new Set(this.leftChecked);o.has(r)?o.delete(r):o.add(r),this.leftChecked=o},this.toggleRightCheck=r=>{const o=new Set(this.rightChecked);o.has(r)?o.delete(r):o.add(r),this.rightChecked=o},this.moveRight=()=>{if(0===this.leftChecked.size)return;const r=[...this.selectedValues,...this.leftChecked];this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveLeft=()=>{if(0===this.rightChecked.size)return;const r=this.selectedValues.filter((r=>!this.rightChecked.has(r)));this.value=JSON.stringify(r),this.rightChecked=new Set,this.coChange.emit(r)},this.moveAllRight=()=>{const r=this.parsedOptions.filter((r=>!r.disabled)).map((r=>r.value));this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveAllLeft=()=>{this.value="[]",this.rightChecked=new Set,this.coChange.emit([])}}get parsedOptions(){let r=this.options;if("string"==typeof r)try{r=JSON.parse(r)}catch(r){return[]}return Array.isArray(r)?r.map((r=>"string"==typeof r?{label:r,value:r}:r)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(r){return[]}return this.value}get leftItems(){const r=new Set(this.selectedValues);return this.parsedOptions.filter((o=>!r.has(o.value)))}get rightItems(){return this.selectedValues.map((r=>this.parsedOptions.find((o=>o.value===r)))).filter(Boolean)}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}renderList(r,o,e,a){return s("div",{class:"co-transfer-list__panel"},s("div",{class:"co-transfer-list__panel-header"},s("span",{class:"co-transfer-list__panel-title"},a),s("span",{class:"co-transfer-list__panel-count"},r.length)),s("div",{class:"co-transfer-list__panel-body"},s("div",{class:"co-transfer-list__panel-scroll"},0===r.length?s("div",{class:"co-transfer-list__empty"},"No items"):r.map((r=>s("div",{class:{"co-transfer-list__item":!0,"co-transfer-list__item--checked":o.has(r.value),"co-transfer-list__item--disabled":!!r.disabled},onClick:()=>!r.disabled&&e(r.value)},s("span",{class:{"co-transfer-list__checkbox":!0,"co-transfer-list__checkbox--checked":o.has(r.value)}},o.has(r.value)&&s("co-icon",{name:"check",size:12})),s("span",{class:"co-transfer-list__item-label"},r.label)))))))}componentDidLoad(){var r;const o=null===(r=this.el.shadowRoot)||void 0===r?void 0:r.querySelectorAll(".co-transfer-list__panel-body");null==o||o.forEach((r=>this.osInstances.push(t(r))))}disconnectedCallback(){this.osInstances.forEach((r=>r.destroy())),this.osInstances=[]}render(){return s("div",{key:"31890d6f8b8201b20c286448098ba96b84313192",class:{"co-transfer-list":!0,"co-transfer-list--disabled":this.disabled,["co-transfer-list--"+this.status]:"default"!==this.status}},this.label&&s("label",{key:"03682912da82bb6590d6c3cd4a070dc8d4214744",class:"co-transfer-list__label"},this.label),s("div",{key:"33562c5fc6372f8cbee86751f593959f0b851466",class:"co-transfer-list__body"},this.renderList(this.leftItems,this.leftChecked,this.toggleLeftCheck,this.leftTitle),s("div",{key:"1f4125394ac963351e08f7722dc7f73fa86ccfc9",class:"co-transfer-list__actions"},s("button",{key:"b070ea660c6997f2281a3a3dcdf15764665408ee",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllRight,"aria-label":"Move all right"},s("co-icon",{key:"a46764f1308c49ff1cfcaeeab8b60434c4347b72",name:"caret-double-right",size:16})),s("button",{key:"f57ef7e0a56e1f257277407d7eb47d28830d60fb",class:"co-transfer-list__btn",disabled:this.disabled||0===this.leftChecked.size,onClick:this.moveRight,"aria-label":"Move selected right"},s("co-icon",{key:"3dc5c8df4936dd79c9c7947f1f669cf12c2d785e",name:"caret-right",size:16})),s("button",{key:"76ffe11208d14d89683a558d2004fb831fdc3ebf",class:"co-transfer-list__btn",disabled:this.disabled||0===this.rightChecked.size,onClick:this.moveLeft,"aria-label":"Move selected left"},s("co-icon",{key:"31565d71c489ccbe4b58edd89c867210a7077870",name:"caret-left",size:16})),s("button",{key:"af464a61aa1a553b5e8218d14fdd62b5618e4d0e",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllLeft,"aria-label":"Move all left"},s("co-icon",{key:"86ebbd7639f1d56c4073e55792a397213ed7b426",name:"caret-double-left",size:16}))),this.renderList(this.rightItems,this.rightChecked,this.toggleRightCheck,this.rightTitle)),this.helperText&&s("div",{key:"769fc2d953ad3c24a1fbaaafd2054376e8c452b3",class:"co-transfer-list__helper co-transfer-list__helper--"+this.status},this.statusIcon&&s("co-icon",{key:"62d8663352ece7628a569a9b6808d4e9f921649d",name:this.statusIcon,size:14,weight:"fill",class:"co-transfer-list__helper-icon"}),s("span",{key:"9480ee4c4fdc4c9ee62836ad33e555fe550650b6",class:"co-transfer-list__helper-text"},this.helperText)))}get el(){return this}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);line-height:1}.co-transfer-list{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-transfer-list__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default;padding:0 var(--co-spacing-xs)}.co-transfer-list--disabled .co-transfer-list__label{color:var(--co-semantic-text-disabled)}.co-transfer-list__body{display:flex;align-items:stretch;gap:var(--co-spacing-sm2)}.co-transfer-list__panel{flex:1;min-width:0;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);display:flex;flex-direction:column;overflow:hidden}.co-transfer-list__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-sm2) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-muted)}.co-transfer-list__panel-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500}.co-transfer-list__panel-count{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12)}.co-transfer-list__panel-body{flex:1;overflow-y:auto;max-height:240px;padding:var(--co-spacing-xs)}.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-transfer-list__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-sm2);border-radius:var(--co-border-radius-xxs, 4px);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__item:hover{background:var(--co-semantic-surface-hover)}.co-transfer-list__item--checked{background:var(--co-semantic-surface-muted)}.co-transfer-list__item--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-transfer-list__checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--co-border-radius-xxs, 4px);border:1px solid var(--co-semantic-border-default);background:transparent;flex-shrink:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);color:var(--co-semantic-on-primary)}.co-transfer-list__checkbox--checked{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-transfer-list__item-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1}.co-transfer-list__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-lg);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-transfer-list__actions{display:flex;flex-direction:column;justify-content:center;gap:var(--co-spacing-xs)}.co-transfer-list__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);cursor:pointer;padding:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-transfer-list__btn:disabled{opacity:0.3;cursor:not-allowed}.co-transfer-list__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-transfer-list__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-transfer-list__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-transfer-list__helper--error .co-transfer-list__helper-icon,.co-transfer-list__helper--error .co-transfer-list__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-transfer-list__helper--success .co-transfer-list__helper-icon,.co-transfer-list__helper--success .co-transfer-list__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-transfer-list__helper--warning .co-transfer-list__helper-icon,.co-transfer-list__helper--warning .co-transfer-list__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-transfer-list__helper--info .co-transfer-list__helper-icon,.co-transfer-list__helper--info .co-transfer-list__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}.co-transfer-list--disabled .co-transfer-list__panel{opacity:0.5;pointer-events:none}.co-transfer-list--disabled .co-transfer-list__actions{pointer-events:none}.co-transfer-list--error .co-transfer-list__panel{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-transfer-list--success .co-transfer-list__panel{border-color:var(--co-semantic-status-success)}.co-transfer-list--warning .co-transfer-list__panel{border-color:var(--co-color-status-review)}.co-transfer-list--info .co-transfer-list__panel{border-color:var(--co-semantic-status-info)}'}},[1,"co-transfer-list",{label:[1],leftTitle:[1,"left-title"],rightTitle:[1,"right-title"],options:[1],value:[1025],disabled:[4],helperText:[1,"helper-text"],status:[1],leftChecked:[32],rightChecked:[32]}]);function n(){"undefined"!=typeof customElements&&["co-transfer-list","co-icon"].forEach((o=>{switch(o){case"co-transfer-list":customElements.get(r(o))||customElements.define(r(o),l);break;case"co-icon":customElements.get(r(o))||i()}}))}n();const c=l,d=n;export{c as CoTransferList,d as defineCustomElement}
+import{t as r,p as o,H as e,c as a,h as s}from"./index.js";import{i as t}from"./p-DqyWGweA.js";import{d as i}from"./p-qMNHMnvI.js";const l=o(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.coChange=a(this,"coChange",7),this.leftTitle="Available",this.rightTitle="Selected",this.options="[]",this.value="[]",this.disabled=!1,this.status="default",this.leftChecked=new Set,this.rightChecked=new Set,this.osInstances=[],this.toggleLeftCheck=r=>{const o=new Set(this.leftChecked);o.has(r)?o.delete(r):o.add(r),this.leftChecked=o},this.toggleRightCheck=r=>{const o=new Set(this.rightChecked);o.has(r)?o.delete(r):o.add(r),this.rightChecked=o},this.moveRight=()=>{if(0===this.leftChecked.size)return;const r=[...this.selectedValues,...this.leftChecked];this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveLeft=()=>{if(0===this.rightChecked.size)return;const r=this.selectedValues.filter((r=>!this.rightChecked.has(r)));this.value=JSON.stringify(r),this.rightChecked=new Set,this.coChange.emit(r)},this.moveAllRight=()=>{const r=this.parsedOptions.filter((r=>!r.disabled)).map((r=>r.value));this.value=JSON.stringify(r),this.leftChecked=new Set,this.coChange.emit(r)},this.moveAllLeft=()=>{this.value="[]",this.rightChecked=new Set,this.coChange.emit([])}}get parsedOptions(){let r=this.options;if("string"==typeof r)try{r=JSON.parse(r)}catch(r){return[]}return Array.isArray(r)?r.map((r=>"string"==typeof r?{label:r,value:r}:r)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(r){return[]}return this.value}get leftItems(){const r=new Set(this.selectedValues);return this.parsedOptions.filter((o=>!r.has(o.value)))}get rightItems(){return this.selectedValues.map((r=>this.parsedOptions.find((o=>o.value===r)))).filter(Boolean)}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}renderList(r,o,e,a){return s("div",{class:"co-transfer-list__panel"},s("div",{class:"co-transfer-list__panel-header"},s("span",{class:"co-transfer-list__panel-title"},a),s("span",{class:"co-transfer-list__panel-count"},r.length)),s("div",{class:"co-transfer-list__panel-body"},s("div",{class:"co-transfer-list__panel-scroll"},0===r.length?s("div",{class:"co-transfer-list__empty"},"No items"):r.map((r=>s("div",{class:{"co-transfer-list__item":!0,"co-transfer-list__item--checked":o.has(r.value),"co-transfer-list__item--disabled":!!r.disabled},onClick:()=>!r.disabled&&e(r.value)},s("span",{class:{"co-transfer-list__checkbox":!0,"co-transfer-list__checkbox--checked":o.has(r.value)}},o.has(r.value)&&s("co-icon",{name:"check",size:12})),s("span",{class:"co-transfer-list__item-label"},r.label)))))))}componentDidLoad(){var r;const o=null===(r=this.el.shadowRoot)||void 0===r?void 0:r.querySelectorAll(".co-transfer-list__panel-body");null==o||o.forEach((r=>this.osInstances.push(t(r))))}disconnectedCallback(){this.osInstances.forEach((r=>r.destroy())),this.osInstances=[]}render(){return s("div",{key:"31890d6f8b8201b20c286448098ba96b84313192",class:{"co-transfer-list":!0,"co-transfer-list--disabled":this.disabled,["co-transfer-list--"+this.status]:"default"!==this.status}},this.label&&s("label",{key:"03682912da82bb6590d6c3cd4a070dc8d4214744",class:"co-transfer-list__label"},this.label),s("div",{key:"33562c5fc6372f8cbee86751f593959f0b851466",class:"co-transfer-list__body"},this.renderList(this.leftItems,this.leftChecked,this.toggleLeftCheck,this.leftTitle),s("div",{key:"1f4125394ac963351e08f7722dc7f73fa86ccfc9",class:"co-transfer-list__actions"},s("button",{key:"b070ea660c6997f2281a3a3dcdf15764665408ee",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllRight,"aria-label":"Move all right"},s("co-icon",{key:"a46764f1308c49ff1cfcaeeab8b60434c4347b72",name:"caret-double-right",size:16})),s("button",{key:"f57ef7e0a56e1f257277407d7eb47d28830d60fb",class:"co-transfer-list__btn",disabled:this.disabled||0===this.leftChecked.size,onClick:this.moveRight,"aria-label":"Move selected right"},s("co-icon",{key:"3dc5c8df4936dd79c9c7947f1f669cf12c2d785e",name:"caret-right",size:16})),s("button",{key:"76ffe11208d14d89683a558d2004fb831fdc3ebf",class:"co-transfer-list__btn",disabled:this.disabled||0===this.rightChecked.size,onClick:this.moveLeft,"aria-label":"Move selected left"},s("co-icon",{key:"31565d71c489ccbe4b58edd89c867210a7077870",name:"caret-left",size:16})),s("button",{key:"af464a61aa1a553b5e8218d14fdd62b5618e4d0e",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllLeft,"aria-label":"Move all left"},s("co-icon",{key:"86ebbd7639f1d56c4073e55792a397213ed7b426",name:"caret-double-left",size:16}))),this.renderList(this.rightItems,this.rightChecked,this.toggleRightCheck,this.rightTitle)),this.helperText&&s("div",{key:"769fc2d953ad3c24a1fbaaafd2054376e8c452b3",class:"co-transfer-list__helper co-transfer-list__helper--"+this.status},this.statusIcon&&s("co-icon",{key:"62d8663352ece7628a569a9b6808d4e9f921649d",name:this.statusIcon,size:14,weight:"fill",class:"co-transfer-list__helper-icon"}),s("span",{key:"9480ee4c4fdc4c9ee62836ad33e555fe550650b6",class:"co-transfer-list__helper-text"},this.helperText)))}get el(){return this}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);line-height:1}.co-transfer-list{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-transfer-list__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default;padding:0 var(--co-spacing-xs)}.co-transfer-list--disabled .co-transfer-list__label{color:var(--co-semantic-text-disabled)}.co-transfer-list__body{display:flex;align-items:stretch;gap:var(--co-spacing-sm2)}.co-transfer-list__panel{flex:1;min-width:0;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);display:flex;flex-direction:column;overflow:hidden}.co-transfer-list__panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--co-spacing-sm2) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-muted)}.co-transfer-list__panel-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500}.co-transfer-list__panel-count{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-12)}.co-transfer-list__panel-body{flex:1;overflow-y:auto;max-height:240px;padding:var(--co-spacing-xs)}.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-transfer-list__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-sm2);border-radius:var(--co-border-radius-xxs, 4px);cursor:pointer;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__item:hover{background:var(--co-semantic-surface-hover)}.co-transfer-list__item--checked{background:var(--co-semantic-surface-muted)}.co-transfer-list__item--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-transfer-list__checkbox{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--co-border-radius-xxs, 4px);border:1px solid var(--co-semantic-border-field);background:transparent;flex-shrink:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);color:var(--co-semantic-on-primary)}.co-transfer-list__checkbox--checked{background:var(--co-semantic-surface-primary);border-color:var(--co-semantic-surface-primary)}.co-transfer-list__item-label{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1}.co-transfer-list__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-lg);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-transfer-list__actions{display:flex;flex-direction:column;justify-content:center;gap:var(--co-spacing-xs)}.co-transfer-list__btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);cursor:pointer;padding:0;transition:background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-transfer-list__btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-transfer-list__btn:disabled{opacity:0.3;cursor:not-allowed}.co-transfer-list__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-transfer-list__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-transfer-list__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-transfer-list__helper--error .co-transfer-list__helper-icon,.co-transfer-list__helper--error .co-transfer-list__helper-text{color:var(--co-semantic-text-error, var(--co-semantic-status-error))}.co-transfer-list__helper--success .co-transfer-list__helper-icon,.co-transfer-list__helper--success .co-transfer-list__helper-text{color:var(--co-semantic-text-success, var(--co-semantic-status-success))}.co-transfer-list__helper--warning .co-transfer-list__helper-icon,.co-transfer-list__helper--warning .co-transfer-list__helper-text{color:var(--co-semantic-text-warning, var(--co-color-status-review))}.co-transfer-list__helper--info .co-transfer-list__helper-icon,.co-transfer-list__helper--info .co-transfer-list__helper-text{color:var(--co-semantic-text-info, var(--co-semantic-status-info))}.co-transfer-list--disabled .co-transfer-list__panel{opacity:0.5;pointer-events:none}.co-transfer-list--disabled .co-transfer-list__actions{pointer-events:none}.co-transfer-list--error .co-transfer-list__panel{border-color:var(--co-semantic-border-error, var(--co-semantic-status-error))}.co-transfer-list--success .co-transfer-list__panel{border-color:var(--co-semantic-status-success)}.co-transfer-list--warning .co-transfer-list__panel{border-color:var(--co-color-status-review)}.co-transfer-list--info .co-transfer-list__panel{border-color:var(--co-semantic-status-info)}'}},[1,"co-transfer-list",{label:[1],leftTitle:[1,"left-title"],rightTitle:[1,"right-title"],options:[1],value:[1025],disabled:[4],helperText:[1,"helper-text"],status:[1],leftChecked:[32],rightChecked:[32]}]);function n(){"undefined"!=typeof customElements&&["co-transfer-list","co-icon"].forEach((o=>{switch(o){case"co-transfer-list":customElements.get(r(o))||customElements.define(r(o),l);break;case"co-icon":customElements.get(r(o))||i()}}))}n();const c=l,d=n;export{c as CoTransferList,d as defineCustomElement}

package/dist/components/co-tree-item.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,c as r,h as i,a as c}from"./index.js";import{l as a}from"./p-jYd9gu_c.js";import{d as s}from"./p-qMNHMnvI.js";const n={es:{expand:"Expandir",collapse:"Contraer"},en:{expand:"Expand",collapse:"Collapse"},pt:{expand:"Expandir",collapse:"Recolher"}},l=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coToggle=r(this,"coToggle",7),this.label="",this.depth=0,this.expandable=!1,this.expanded=!1,this.selection="none",this.size="s",this.disabled=!1,this.locale="es",this.hasChildren=!1,this.syncHasChildren=()=>{const e=Array.from(this.el.childNodes).some((e=>{var t;return 1===e.nodeType&&!e.hasAttribute("slot")||3===e.nodeType&&!!(null===(t=e.textContent)||void 0===t?void 0:t.trim())}));e!==this.hasChildren&&(this.hasChildren=e)},this.handleCaretClick=e=>{e.stopPropagation(),this.disabled||this.coToggle.emit(!this.expanded)},this.handleCaretMouseDown=e=>{e.preventDefault()}}componentWillLoad(){this.syncHasChildren()}componentWillRender(){this.syncHasChildren()}render(){var e,t,o,r;const s=null!==(e=this.depth)&&void 0!==e?e:0,l=null!==(t=this.size)&&void 0!==t?t:"s",d=null!==(o=this.selection)&&void 0!==o?o:"none",m=!!this.expandable,h=m&&!!this.expanded,p=h&&this.hasChildren,b=function(e){return n[a(e)]}(null!==(r=this.locale)&&void 0!==r?r:"es");return i(c,{key:"09547858bbf035d5b70b95bdf480a58378532ae3",role:"treeitem","aria-level":s+1+"","aria-expanded":m?h?"true":"false":void 0,"aria-selected":"none"!==d?"true":"false","aria-disabled":this.disabled?"true":void 0},i("div",{key:"1c720c317936faa2b01c6cdab61d339d4a3d40f0",class:{"co-tree-item":!0,"co-tree-item--xs":"xs"===l,"co-tree-item--soft":"soft"===d,"co-tree-item--solid":"solid"===d,"co-tree-item--expanded":h,"co-tree-item--group":p,"co-tree-item--disabled":!!this.disabled}},i("div",{key:"e20c131f702d8de43901f12963da75949e3a9e6e",class:"co-tree-item__row",part:"row",style:{paddingLeft:`calc(8px + ${s} * var(--co-tree-item-indent, 24px))`}},m?i("button",{type:"button",class:"co-tree-item__caret",part:"caret",tabindex:"-1","aria-label":h?b.collapse:b.expand,"aria-disabled":this.disabled?"true":void 0,onMouseDown:this.handleCaretMouseDown,onClick:this.handleCaretClick},i("co-icon",{name:h?"caret-down":"caret-right",size:8,weight:"fill"})):i("span",{class:"co-tree-item__caret-space","aria-hidden":"true"}),i("slot",{key:"313110e0f4b6b3d81faf1ecd63a56d40ebadc40f",name:"prefix"}),this.icon&&i("span",{key:"e099db0908ccce9bea71fff6c58081126308277a",class:"co-tree-item__icon",part:"icon"},i("co-icon",{key:"0ca917bbfcb13285d364b5b6c07ba52165df7c0b",name:this.icon,size:12})),i("span",{key:"48d8b98d0af58627c6510a57b8d3a05c1c58452f",class:"co-tree-item__label",part:"label"},i("slot",{key:"a8c7dcfae8c5e4d7f2782b81d96a2f2924dc889c",name:"label"},this.label)),i("span",{key:"8221cd9578dc226545e86e588d5e60fa75cd06f5",class:"co-tree-item__suffix",part:"suffix"},i("slot",{key:"256ca2c9cc0b7f6249be0dd23b4dc14def735db9",name:"suffix"}))),i("div",{key:"246a9968d7443f2e9ab4cc37669861a6a89de546",class:"co-tree-item__children",part:"children",role:"group"},i("slot",{key:"4726dadaf4b78766eea244866c97a2664e35c93c",onSlotchange:this.syncHasChildren}))))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.co-tree-item{display:block}.co-tree-item__row{display:flex;align-items:center;box-sizing:border-box;height:28px;padding-right:8px;border-radius:6px;color:var(--co-semantic-text-default);cursor:pointer;user-select:none;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tree-item--xs>.co-tree-item__row{height:24px}.co-tree-item__row:hover{background-color:var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover))}.co-tree-item--soft>.co-tree-item__row{background-color:var(--co-tree-item-selected-soft-bg, var(--co-color-celeste-100))}.co-tree-item--soft>.co-tree-item__row:hover{background-image:linear-gradient(     var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover)),     var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover))   )}.co-tree-item--solid>.co-tree-item__row,.co-tree-item--solid>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-bg, var(--co-semantic-accent));background-image:none;color:var(--co-tree-item-selected-color, var(--co-semantic-on-accent))}:host(:focus-visible){outline:none}:host(:focus-visible) .co-tree-item__row{box-shadow:inset 0 0 0 2px var(--co-semantic-border-focus)}.co-tree-item__caret{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 0 0 -4px;padding:0;border:0;background:transparent;border-radius:4px;color:var(--co-semantic-text-muted);cursor:pointer;font:inherit;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tree-item__caret:hover{background-color:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-tree-item__caret:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px}.co-tree-item--solid .co-tree-item__caret{color:inherit}.co-tree-item--solid .co-tree-item__caret:hover{background-color:color-mix(in srgb, currentColor 16%, transparent)}.co-tree-item__caret-space{flex:none;width:var(--co-tree-item-caret-space, 0px)}slot[name='prefix']::slotted(*){flex:none;margin-right:8px}.co-tree-item__icon{flex:none;display:inline-flex;align-items:center;margin-right:8px;color:inherit}slot[name='label']::slotted(*){user-select:text}.co-tree-item__label{flex:1 1 auto;min-width:0;font-size:var(--co-font-size-12, 12px);font-weight:var(--co-font-weight-regular, 400);line-height:1;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tree-item__suffix{flex:none;display:inline-flex;align-items:center}slot[name='suffix']::slotted(*){flex:none;margin-left:8px}.co-tree-item__children{display:none}.co-tree-item--expanded>.co-tree-item__children{display:block}.co-tree-item--group>.co-tree-item__row{border-radius:6px 6px 0 0}.co-tree-item--group>.co-tree-item__children{background-color:var(     --co-tree-item-group-bg,     color-mix(in srgb, var(--co-color-celeste-100) 50%, transparent)   );border-radius:0 0 6px 6px}.co-tree-item--disabled>.co-tree-item__row{opacity:0.4;cursor:not-allowed}.co-tree-item--disabled>.co-tree-item__row:hover{background-color:transparent;background-image:none}.co-tree-item--disabled.co-tree-item--soft>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-soft-bg, var(--co-color-celeste-100))}.co-tree-item--disabled.co-tree-item--solid>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-bg, var(--co-semantic-accent))}.co-tree-item--disabled .co-tree-item__caret{cursor:not-allowed}.co-tree-item--disabled .co-tree-item__caret:hover{background-color:transparent}"}},[257,"co-tree-item",{label:[1],icon:[1],depth:[2],expandable:[516],expanded:[516],selection:[513],size:[513],disabled:[516],locale:[1],hasChildren:[32]}]);function d(){"undefined"!=typeof customElements&&["co-tree-item","co-icon"].forEach((t=>{switch(t){case"co-tree-item":customElements.get(e(t))||customElements.define(e(t),l);break;case"co-icon":customElements.get(e(t))||s()}}))}d();const m=l,h=d;export{m as CoTreeItem,h as defineCustomElement}
+import{t as e,p as t,H as o,c as r,h as i,a as c}from"./index.js";import{l as a}from"./p-jYd9gu_c.js";import{d as s}from"./p-qMNHMnvI.js";const n={es:{expand:"Expandir",collapse:"Contraer"},en:{expand:"Expand",collapse:"Collapse"},pt:{expand:"Expandir",collapse:"Recolher"}},l=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coToggle=r(this,"coToggle",7),this.label="",this.depth=0,this.expandable=!1,this.expanded=!1,this.selection="none",this.size="s",this.disabled=!1,this.locale="es",this.hasChildren=!1,this.syncHasChildren=()=>{const e=Array.from(this.el.childNodes).some((e=>{var t;return 1===e.nodeType&&!e.hasAttribute("slot")||3===e.nodeType&&!!(null===(t=e.textContent)||void 0===t?void 0:t.trim())}));e!==this.hasChildren&&(this.hasChildren=e)},this.handleCaretClick=e=>{e.stopPropagation(),this.disabled||this.coToggle.emit(!this.expanded)},this.handleCaretMouseDown=e=>{e.preventDefault()}}componentWillLoad(){this.syncHasChildren()}componentWillRender(){this.syncHasChildren()}render(){var e,t,o,r;const s=null!==(e=this.depth)&&void 0!==e?e:0,l=null!==(t=this.size)&&void 0!==t?t:"s",d=null!==(o=this.selection)&&void 0!==o?o:"none",m=!!this.expandable,h=m&&!!this.expanded,p=h&&this.hasChildren,b=function(e){return n[a(e)]}(null!==(r=this.locale)&&void 0!==r?r:"es");return i(c,{key:"09547858bbf035d5b70b95bdf480a58378532ae3",role:"treeitem","aria-level":s+1+"","aria-expanded":m?h?"true":"false":void 0,"aria-selected":"none"!==d?"true":"false","aria-disabled":this.disabled?"true":void 0},i("div",{key:"1c720c317936faa2b01c6cdab61d339d4a3d40f0",class:{"co-tree-item":!0,"co-tree-item--xs":"xs"===l,"co-tree-item--soft":"soft"===d,"co-tree-item--solid":"solid"===d,"co-tree-item--expanded":h,"co-tree-item--group":p,"co-tree-item--disabled":!!this.disabled}},i("div",{key:"e20c131f702d8de43901f12963da75949e3a9e6e",class:"co-tree-item__row",part:"row",style:{paddingLeft:`calc(8px + ${s} * var(--co-tree-item-indent, 24px))`}},m?i("button",{type:"button",class:"co-tree-item__caret",part:"caret",tabindex:"-1","aria-label":h?b.collapse:b.expand,"aria-disabled":this.disabled?"true":void 0,onMouseDown:this.handleCaretMouseDown,onClick:this.handleCaretClick},i("co-icon",{name:h?"caret-down":"caret-right",size:8,weight:"fill"})):i("span",{class:"co-tree-item__caret-space","aria-hidden":"true"}),i("slot",{key:"313110e0f4b6b3d81faf1ecd63a56d40ebadc40f",name:"prefix"}),this.icon&&i("span",{key:"e099db0908ccce9bea71fff6c58081126308277a",class:"co-tree-item__icon",part:"icon"},i("co-icon",{key:"0ca917bbfcb13285d364b5b6c07ba52165df7c0b",name:this.icon,size:12})),i("span",{key:"48d8b98d0af58627c6510a57b8d3a05c1c58452f",class:"co-tree-item__label",part:"label"},i("slot",{key:"a8c7dcfae8c5e4d7f2782b81d96a2f2924dc889c",name:"label"},this.label)),i("span",{key:"8221cd9578dc226545e86e588d5e60fa75cd06f5",class:"co-tree-item__suffix",part:"suffix"},i("slot",{key:"256ca2c9cc0b7f6249be0dd23b4dc14def735db9",name:"suffix"}))),i("div",{key:"246a9968d7443f2e9ab4cc37669861a6a89de546",class:"co-tree-item__children",part:"children",role:"group"},i("slot",{key:"4726dadaf4b78766eea244866c97a2664e35c93c",onSlotchange:this.syncHasChildren}))))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);-webkit-tap-highlight-color:transparent}:host([hidden]){display:none}.co-tree-item{display:block}.co-tree-item__row{display:flex;align-items:center;box-sizing:border-box;height:28px;padding-right:8px;border-radius:6px;color:var(--co-semantic-text-default);cursor:pointer;user-select:none;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tree-item--xs>.co-tree-item__row{height:24px}.co-tree-item__row:hover{background-color:var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover))}.co-tree-item--soft>.co-tree-item__row{background-color:var(--co-tree-item-selected-soft-bg, var(--co-color-celeste-100))}.co-tree-item--soft>.co-tree-item__row:hover{background-image:linear-gradient(     var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover)),     var(--co-tree-item-hover-bg, var(--co-semantic-surface-hover))   )}.co-tree-item--solid>.co-tree-item__row,.co-tree-item--solid>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-bg, var(--co-semantic-accent));background-image:none;color:var(--co-tree-item-selected-color, var(--co-semantic-on-accent))}:host(:focus-visible){outline:none}:host(:focus-visible) .co-tree-item__row{box-shadow:inset 0 0 0 2px var(--co-semantic-border-focus)}.co-tree-item__caret{flex:none;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;margin:0 0 0 -4px;padding:0;border:0;background:transparent;border-radius:4px;color:var(--co-semantic-text-muted);cursor:pointer;font:inherit;transition:background-color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-tree-item__caret:hover{background-color:var(--co-semantic-surface-hover, rgba(31, 28, 27, 0.08))}.co-tree-item__caret:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px}.co-tree-item--solid .co-tree-item__caret{color:inherit}.co-tree-item--solid .co-tree-item__caret:hover{background-color:color-mix(in srgb, currentColor 16%, transparent)}.co-tree-item__caret-space{flex:none;width:var(--co-tree-item-caret-space, 0px)}slot[name='prefix']::slotted(*){flex:none;margin-right:8px}.co-tree-item__icon{flex:none;display:inline-flex;align-items:center;margin-right:8px;color:inherit}slot[name='label']::slotted(*){user-select:text}.co-tree-item__label{flex:1 1 auto;min-width:0;font-size:var(--co-font-size-12, 12px);font-weight:var(--co-font-weight-regular, 400);line-height:1;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tree-item__suffix{flex:none;display:inline-flex;align-items:center}slot[name='suffix']::slotted(*){flex:none;margin-left:8px}.co-tree-item__children{display:none}.co-tree-item--expanded>.co-tree-item__children{display:block}.co-tree-item--group>.co-tree-item__row{border-radius:6px 6px 0 0}.co-tree-item--group>.co-tree-item__children{background-color:var(     --co-tree-item-group-bg,     color-mix(in srgb, var(--co-color-celeste-100) 50%, transparent)   );border-radius:0 0 6px 6px}.co-tree-item--disabled>.co-tree-item__row{opacity:0.4;cursor:not-allowed}.co-tree-item--disabled>.co-tree-item__row:hover{background-color:transparent;background-image:none}.co-tree-item--disabled.co-tree-item--soft>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-soft-bg, var(--co-color-celeste-100))}.co-tree-item--disabled.co-tree-item--solid>.co-tree-item__row:hover{background-color:var(--co-tree-item-selected-bg, var(--co-semantic-accent))}.co-tree-item--disabled .co-tree-item__caret{cursor:not-allowed}.co-tree-item--disabled .co-tree-item__caret:hover{background-color:transparent}"}},[257,"co-tree-item",{label:[1],icon:[1],depth:[2],expandable:[516],expanded:[516],selection:[513],size:[513],disabled:[516],locale:[1],hasChildren:[32]}]);function d(){"undefined"!=typeof customElements&&["co-tree-item","co-icon"].forEach((t=>{switch(t){case"co-tree-item":customElements.get(e(t))||customElements.define(e(t),l);break;case"co-icon":customElements.get(e(t))||s()}}))}d();const m=l,h=d;export{m as CoTreeItem,h as defineCustomElement}

package/dist/components/co-video.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-COCcx0DN.js";const p=o,r=s;export{p as CoVideo,r as defineCustomElement}
+import{C as o,d as s}from"./p-4nVctQq9.js";const t=o,p=s;export{t as CoVideo,p as defineCustomElement}

package/dist/components/index.js

@@ -1 +1 @@
-const o=":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-celeste-100:#e5f0ff;--co-color-celeste-600:#008ff0;--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-glass-blur:12px;--co-glass-saturate:1.3;--co-glass-panel-blur:18px;--co-motion-duration-instant:80ms;--co-motion-duration-fast:150ms;--co-motion-duration-base:250ms;--co-motion-duration-slow:350ms;--co-motion-duration-slower:500ms;--co-motion-ease-out:cubic-bezier(0.22, 1, 0.36, 1);--co-motion-ease-in:cubic-bezier(0.4, 0, 1, 1);--co-motion-ease-in-out:cubic-bezier(0.45, 0, 0.15, 1);--co-motion-ease-spring:cubic-bezier(0.34, 1.36, 0.64, 1);--co-motion-blur-sm:2px;--co-motion-blur-md:3px;--co-border-radius-xxs:4px;--co-border-radius-xs:8px;--co-border-radius-sm:12px;--co-border-radius-md:14px;--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-sm:0 1px 2px 0 rgba(26, 26, 26, 0.04);--co-shadow-sm2:0 1px 2px -1px rgba(26, 26, 26, 0.05), 0 1px 4px -1px rgba(26, 26, 26, 0.05);--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-11:11px;--co-font-size-12:12px;--co-font-size-13:13px;--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-28:28px;--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-accent:var(--co-color-celeste-600);--co-semantic-on-accent:var(--co-color-base-blanco);--co-semantic-surface-primary:var(--co-color-base-negro);--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-8);--co-semantic-surface-disabled:var(--co-color-gray-100);--co-semantic-surface-control: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-field:var(--co-color-opacity-negro-25);--co-semantic-border-focus:var(--co-color-opacity-negro-50);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-8);--co-semantic-border-hairline:var(--co-color-opacity-negro-4);--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);--co-semantic-surface-inverse:var(--co-semantic-surface-primary)}@media (prefers-reduced-motion: reduce){:root{--co-motion-duration-instant:0.01ms;--co-motion-duration-fast:0.01ms;--co-motion-duration-base:0.01ms;--co-motion-duration-slow:0.01ms;--co-motion-duration-slower:0.01ms}}@media (prefers-reduced-transparency: reduce){:root{--co-glass-filter:none}}: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-font-size-11:11px;--co-font-size-13:13px;--co-font-size-28:28px}";function c(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 e,r=(o,e)=>{var r;Object.entries(null!=(r=e.t.o)?r:{}).map((([r,[t]])=>{if(31&t||32&t){const t=o[r],n=c(Object.getPrototypeOf(o),r,!0)||Object.getOwnPropertyDescriptor(o,r);n&&Object.defineProperty(o,r,{get(){return n.get.call(this)},set(o){n.set.call(this,o)},configurable:!0,enumerable:!0}),e.l.has(r)?o[r]=e.l.get(r):void 0!==t&&(o[r]=t)}}))},t=o=>{if(o.__stencil__getHostRef)return o.__stencil__getHostRef()},n=(o,c)=>c in o,l=(o,c)=>(0,console.error)(o,c),s=new Map,a="http://www.w3.org/1999/xlink",i="undefined"!=typeof window?window:{},f=i.HTMLElement||class{},u={i:0,u:"",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)},d=(()=>{try{return!!i.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(o){}return!1})(),p=!!d&&(()=>!!i.document&&Object.getOwnPropertyDescriptor(i.document.adoptedStyleSheets,"length").writable)(),b=!1,m=[],y=[],g=(o,c)=>e=>{o.push(e),b||(b=!0,c&&4&u.i?h(x):u.raf(x))},v=o=>{for(let c=0;c<o.length;c++)try{o[c](performance.now())}catch(o){l(o)}o.length=0},x=()=>{v(m),v(y),(b=m.length>0)&&u.raf(x)},h=o=>Promise.resolve(void 0).then(o),w=g(y,!0),z=o=>{const c=new URL(o,u.u);return c.origin!==i.location.origin?c.href:c.pathname},$=o=>u.u=o;function j(){var c;const r=this.attachShadow({mode:"open"});if(void 0===e&&(e=null!=(c=function(o){if(!d)return;const c=new CSSStyleSheet;return c.replaceSync(o),c}(o))?c:null),e)p?r.adoptedStyleSheets.push(e):r.adoptedStyleSheets=[...r.adoptedStyleSheets,e];else if(!d){const c=document.createElement("style");c.innerHTML=o,r.prepend(c)}}var O=o=>{const c=E(o,"childNodes");o.tagName&&o.tagName.includes("-")&&o["s-cr"]&&"SLOT-FB"!==o.tagName&&S(c,o.tagName).forEach((o=>{1===o.nodeType&&"SLOT-FB"===o.tagName&&(o.hidden=!!k(o,N(o),!1).length)}));let e=0;for(e=0;e<c.length;e++){const o=c[e];1===o.nodeType&&E(o,"childNodes").length&&O(o)}};function S(o,c,e){let r,t=0,n=[];for(;t<o.length;t++){if(r=o[t],r["s-sr"]&&(!c||r["s-hn"]===c)&&(void 0===e||N(r)===e)&&(n.push(r),void 0!==e))return n;n=[...n,...S(r.childNodes,c,e)]}return n}var k=(o,c,e=!0)=>{const r=[];(e&&o["s-sr"]||!o["s-sr"])&&r.push(o);let t=o;for(;t=t.nextSibling;)N(t)!==c||!e&&t["s-sr"]||r.push(t);return r},M=(o,c)=>1===o.nodeType?null===o.getAttribute("slot")&&""===c||o.getAttribute("slot")===c:o["s-sn"]===c||""===c,N=o=>"string"==typeof o["s-sn"]?o["s-sn"]:1===o.nodeType&&o.getAttribute("slot")||void 0;function E(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)}var C,L,_=new WeakMap,A=o=>"sc-"+o.p,F=o=>"object"==(o=typeof o)||"function"===o,R=(o,c,...e)=>{let r=null,t=null,n=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&&!F(r))&&(r+=""),l&&s?a[a.length-1].m+=r:a.push(l?T(null,r):r),s=l)};if(i(e),c){c.key&&(t=c.key),c.name&&(n=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,q);const f=T(o,null);return f.v=c,a.length>0&&(f.h=a),f.$=t,f.j=n,f},T=(o,c)=>({i:0,O:o,m:null!=c?c:null,S:null,h:null,v:null,$:null,j:null}),U={},q={forEach:(o,c)=>o.map(D).forEach(c),map:(o,c)=>o.map(D).map(c).map(H)},D=o=>({vattrs:o.v,vchildren:o.h,vkey:o.$,vname:o.j,vtag:o.O,vtext:o.m}),H=o=>{if("function"==typeof o.vtag){const c={...o.vattrs};return o.vkey&&(c.key=o.vkey),o.vname&&(c.name=o.vname),R(o.vtag,c,...o.vchildren||[])}const c=T(o.vtag,o.vtext);return c.v=o.vattrs,c.h=o.vchildren,c.$=o.vkey,c.j=o.vname,c},P=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},W=(o,c)=>null==o||F(o)?o:4&c?"false"!==o&&(""===o||!!o):2&c?"string"==typeof o?parseFloat(o):"number"==typeof o?o:NaN:1&c?o+"":o,B=(o,c,e)=>{const r=o;return{emit:o=>V(r,c,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:o})}},V=(o,c,e)=>{const r=u.ce(c,e);return o.dispatchEvent(r),r},G=(o,c,e,r,l,s)=>{if(e===r)return;let f=n(o,c),d=c.toLowerCase();if("class"===c){const c=o.classList,t=Y(e);let n=Y(r);c.remove(...t.filter((o=>o&&!n.includes(o)))),c.add(...n.filter((o=>o&&!t.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&&go(r,o);else if(o.__lookupSetter__(c)||"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=F(r);if((f||t&&null!==r)&&!l)try{if(o.tagName.includes("-"))o[c]!==r&&(o[c]=r);else{const t=null==r?"":r;"list"===c?f=!1:null!=e&&o[c]===t||("function"==typeof o.__lookupSetter__(c)?o[c]=t:o.setAttribute(c,t))}}catch(o){}let n=!1;d!==(d=d.replace(/^xlink\:?/,""))&&(c=d,n=!0),null==r||!1===r?!1===r&&""!==o.getAttribute(c)||(n?o.removeAttributeNS(a,c):o.removeAttribute(c)):(!f||4&s||l)&&!t&&1===o.nodeType&&(r=!0===r?"":r,n?o.setAttributeNS(a,c,r):o.setAttribute(c,r))}}else if(c="-"===c[2]?c.slice(3):n(i,d)?d.slice(2):d[2]+c.slice(3),e||r){const t=c.endsWith(Z);c=c.replace(J,""),e&&u.rel(o,c,e,t),r&&u.ael(o,c,r,t)}},I=/\s/,Y=o=>("object"==typeof o&&o&&"baseVal"in o&&(o=o.baseVal),o&&"string"==typeof o?o.split(I):[]),Z="Capture",J=RegExp(Z+"$"),K=(o,c,e)=>{const r=11===c.S.nodeType&&c.S.host?c.S.host:c.S,t=o&&o.v||{},n=c.v||{};for(const o of Q(Object.keys(t)))o in n||G(r,o,t[o],void 0,e,c.i);for(const o of Q(Object.keys(n)))G(r,o,t[o],n[o],e,c.i)};function Q(o){return o.includes("ref")?[...o.filter((o=>"ref"!==o)),"ref"]:o}var X=!1,oo=!1,co=!1,eo=!1,ro=[],to=[],no=(o,c,e)=>{var r;const t=c.h[e];let n,l,s,a=0;if(X||(co=!0,"slot"===t.O&&(t.i|=t.h?2:1)),null!=t.m)n=t.S=i.document.createTextNode(t.m);else if(1&t.i)n=t.S=i.document.createTextNode(""),K(null,t,eo);else{if(eo||(eo="svg"===t.O),!i.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(n=t.S=i.document.createElementNS(eo?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!X&&2&t.i?"slot-fb":t.O),eo&&"foreignObject"===t.O&&(eo=!1),K(null,t,eo),t.h){const c="template"===t.O?n.content:n;for(a=0;a<t.h.length;++a)l=no(o,t,a),l&&c.appendChild(l)}"svg"===t.O?eo=!1:"foreignObject"===n.tagName&&(eo=!0)}return n["s-hn"]=L,3&t.i&&(n["s-sr"]=!0,n["s-cr"]=C,n["s-sn"]=t.j||"",n["s-rf"]=null==(r=t.v)?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 t=this["s-cr"].parentElement;return(t.__childNodes?t.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})(t.childNodes)).forEach((o=>{r===N(o)&&e.push(o)})),c?e.filter((o=>1===o.nodeType)):e}.bind(o);o.assignedElements=c(!0),o.assignedNodes=c(!1)}(n),s=o&&o.h&&o.h[e],s&&s.O===t.O&&o.S&&lo(o.S)),n},lo=o=>{u.i|=1;const c=o.closest(L.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"]&&(vo(c,o,null!=e?e:null),o["s-sh"]=void 0,co=!0)}u.i&=-2},so=(o,c)=>{u.i|=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"]===L&&e.push(c)}for(let o=e.length-1;o>=0;o--){const r=e[o];r["s-hn"]!==L&&r["s-ol"]&&(vo(uo(r).parentNode,r,uo(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,co=!0),c&&so(r,c)}u.i&=-2},ao=(o,c,e,r,t,n)=>{let l,s=o["s-cr"]&&o["s-cr"].parentNode||o;for(s.shadowRoot&&s.tagName===L&&(s=s.shadowRoot),"template"===e.O&&(s=s.content);t<=n;++t)r[t]&&(l=no(null,e,t),l&&(r[t].S=l,vo(s,l,uo(c))))},io=(o,c,e)=>{for(let r=c;r<=e;++r){const c=o[r];if(c){const o=c.S;yo(c),o&&(oo=!0,o["s-ol"]?o["s-ol"].remove():so(o,!0),o.remove())}}},fo=(o,c,e=!1)=>o.O===c.O&&("slot"===o.O?o.j===c.j:e?(e&&!o.$&&c.$&&(o.$=c.$),!0):o.$===c.$),uo=o=>o&&o["s-ol"]||o,po=(o,c,e=!1)=>{const r=c.S=o.S,t=o.h,n=c.h,l=c.O,s=c.m;let a;null==s?(eo="svg"===l||"foreignObject"!==l&&eo,"slot"!==l||X||o.j!==c.j&&(c.S["s-sn"]=c.j||"",lo(c.S.parentElement)),K(o,c,eo),null!==t&&null!==n?((o,c,e,r,t=!1)=>{let n,l,s=0,a=0,i=0,f=0,u=c.length-1,d=c[0],p=c[u],b=r.length-1,m=r[0],y=r[b];const g="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==m)m=r[++a];else if(null==y)y=r[--b];else if(fo(d,m,t))po(d,m,t),d=c[++s],m=r[++a];else if(fo(p,y,t))po(p,y,t),p=c[--u],y=r[--b];else if(fo(d,y,t))"slot"!==d.O&&"slot"!==y.O||so(d.S.parentNode,!1),po(d,y,t),vo(g,d.S,p.S.nextSibling),d=c[++s],y=r[--b];else if(fo(p,m,t))"slot"!==d.O&&"slot"!==y.O||so(p.S.parentNode,!1),po(p,m,t),vo(g,p.S,d.S),p=c[--u],m=r[++a];else{for(i=-1,f=s;f<=u;++f)if(c[f]&&null!==c[f].$&&c[f].$===m.$){i=f;break}i>=0?(l=c[i],l.O!==m.O?n=no(c&&c[a],e,i):(po(l,m,t),c[i]=void 0,n=l.S),m=r[++a]):(n=no(c&&c[a],e,a),m=r[++a]),n&&vo(uo(d.S).parentNode,n,uo(d.S))}s>u?ao(o,null==r[b+1]?null:r[b+1].S,e,r,a,b):a>b&&io(c,s,u)})(r,t,c,n,e):null!==n?(null!==o.m&&(r.textContent=""),ao(r,null,c,n,0,n.length-1)):!e&&null!==t&&io(t,0,t.length-1),eo&&"svg"===l&&(eo=!1)):(a=r["s-cr"])?a.parentNode.textContent=s:o.m!==s&&(r.data=s)},bo=[],mo=o=>{let c,e,r;const t=o.__childNodes||o.childNodes;for(const o of t){if(o["s-sr"]&&(c=o["s-cr"])&&c.parentNode){e=c.parentNode.__childNodes||c.parentNode.childNodes;const t=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(M(c,t)){let e=bo.find((o=>o.k===c));oo=!0,c["s-sn"]=c["s-sn"]||t,e?(e.k["s-sh"]=o["s-hn"],e.M=o):(c["s-sh"]=o["s-hn"],bo.push({M:o,k:c})),c["s-sr"]&&bo.map((o=>{M(o.k,c["s-sn"])&&(e=bo.find((o=>o.k===c)),e&&!o.M&&(o.M=e.M))}))}else bo.some((o=>o.k===c))||bo.push({k:c})}1===o.nodeType&&mo(o)}},yo=o=>{o.v&&o.v.ref&&ro.push((()=>o.v.ref(null))),o.h&&o.h.map(yo)},go=(o,c)=>{to.push((()=>o(c)))},vo=(o,c,e,r)=>{if("string"==typeof c["s-sn"]){o.insertBefore(c,e);const{slotNode:t}=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"]=N(o)||"";return{slotNode:S(E(c,"childNodes"),c.tagName,r)[0],slotName:r}}(c);return t&&!r&&function(o){o.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(t),c}return o.__insertBefore?o.__insertBefore(c,e):null==o?void 0:o.insertBefore(c,e)},xo=(o,c,e=!1)=>{var r,t,n,l,s;const a=o.$hostElement$,f=o.t,d=o.N||T(null,null),p=(o=>o&&o.O===U)(c)?c:R(null,null,c);if(L=a.tagName,f.C&&(p.v=p.v||{},f.C.forEach((([o,c])=>{p.v[c]=a[o]}))),e&&p.v)for(const o of Object.keys(p.v))a.hasAttribute(o)&&!["key","ref","style","class"].includes(o)&&(p.v[o]=a[o]);if(p.O=null,p.i|=4,o.N=p,p.S=d.S=a.shadowRoot||a,X=!(!(1&f.i)||128&f.i),C=a["s-cr"],oo=!1,po(d,p,e),u.i|=1,co){mo(p.S);for(const o of bo){const c=o.k;if(!c["s-ol"]&&i.document){const o=i.document.createTextNode("");o["s-nr"]=c,vo(c.parentNode,c["s-ol"]=o,c,e)}}for(const o of bo){const c=o.k,s=o.M;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==(t=c["s-ol"])?void 0:t.previousSibling;for(;e;){let t=null!=(n=e["s-nr"])?n:null;if(t&&t["s-sn"]===c["s-sn"]&&o===(t.__parentNode||t.parentNode)){for(t=t.nextSibling;t===c||(null==t?void 0:t["s-sr"]);)t=null==t?void 0:t.nextSibling;if(!t||!t["s-nr"]){r=t;break}}e=e.previousSibling}}if((!r&&o!==(c.__parentNode||c.parentNode)||(c.__nextSibling||c.nextSibling)!==r)&&c!==r){if(vo(o,c,r,e),8===c.nodeType&&c.nodeValue.startsWith("s-nt-")){const o=i.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,vo(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(oo&&O(p.S),u.i&=-2,bo.length=0,!X&&!(1&f.i)&&a["s-cr"]){const o=p.S.__childNodes||p.S.childNodes;for(const c of o)if(c["s-hn"]!==L&&!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=i.document.createComment("s-nt-"+c.nodeValue);o["s-sn"]=c["s-sn"],vo(c.parentNode,o,c,e),c.parentNode.removeChild(c)}}C=void 0,ro.forEach((o=>o())),ro.length=0,to.forEach((o=>o())),to.length=0},ho=(o,c)=>{if(c&&!o.L&&c["s-p"]){const e=c["s-p"].push(new Promise((r=>o.L=()=>{c["s-p"].splice(e-1,1),r()})))}},wo=(o,c)=>{if(o.i|=16,4&o.i)return void(o.i|=512);ho(o,o._);const e=()=>zo(o,c);if(!c)return w(e);queueMicrotask((()=>{e()}))},zo=(o,c)=>{const e=o.$hostElement$,r=e;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 t;return t=Eo(r,c?"componentWillLoad":"componentWillUpdate",void 0,e),t=$o(t,(()=>Eo(r,"componentWillRender",void 0,e))),$o(t,(()=>Oo(o,r,c)))},$o=(o,c)=>jo(o)?o.then(c).catch((o=>{console.error(o),c()})):c(),jo=o=>o instanceof Promise||o&&o.then&&"function"==typeof o.then,Oo=async(o,c,e)=>{var r;const t=o.$hostElement$,n=t["s-rc"];e&&(o=>{const c=o.t,e=o.$hostElement$,r=c.i,t=((o,c)=>{var e,r,t;const n=A(c),l=s.get(n);if(!i.document)return n;if(o=11===o.nodeType?o:i.document,l)if("string"==typeof l){let t,s=_.get(o=o.head||o);if(s||_.set(o,s=new Set),!s.has(n)){t=i.document.createElement("style"),t.textContent=l;const a=null!=(e=u.A)?e:function(){var o,c,e;return null!=(e=null==(c=null==(o=i.document.head)?void 0:o.querySelector('meta[name="csp-nonce"]'))?void 0:c.getAttribute("content"))?e:void 0}();if(null!=a&&t.setAttribute("nonce",a),!(1&c.i))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(t,(null==e?void 0:e.parentNode)===o?e:null)}else if("host"in o)if(d){const c=new(null!=(r=o.defaultView)?r:o.ownerDocument.defaultView).CSSStyleSheet;c.replaceSync(l),p?o.adoptedStyleSheets.unshift(c):o.adoptedStyleSheets=[c,...o.adoptedStyleSheets]}else{const c=o.querySelector("style");c?c.textContent=l+c.textContent:o.prepend(t)}else o.append(t);1&c.i&&o.insertBefore(t,null),4&c.i&&(t.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),s&&s.add(n)}}else{let c=_.get(o);if(c||_.set(o,c=new Set),!c.has(n)){const e=null!=(t=o.defaultView)?t: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)}p?o.adoptedStyleSheets.push(r):o.adoptedStyleSheets=[...o.adoptedStyleSheets,r],c.add(n)}}return n})(e.shadowRoot?e.shadowRoot:e.getRootNode(),c);10&r&&(e["s-sc"]=t,e.classList.add(t+"-h"))})(o);So(o,c,t,e),n&&(n.map((o=>o())),t["s-rc"]=void 0);{const c=null!=(r=t["s-p"])?r:[],e=()=>ko(o);0===c.length?e():(Promise.all(c).then(e).catch(e),o.i|=4,c.length=0)}},So=(o,c,e,r)=>{try{c=c.render(),o.i&=-17,o.i|=2,xo(o,c,r)}catch(c){l(c,o.$hostElement$)}return null},ko=o=>{const c=o.$hostElement$,e=c,r=o._;Eo(e,"componentDidRender",void 0,c),64&o.i?Eo(e,"componentDidUpdate",void 0,c):(o.i|=64,Co(c),Eo(e,"componentDidLoad",void 0,c),o.F(c),r||No()),o.L&&(o.L(),o.L=void 0),512&o.i&&h((()=>wo(o,!1))),o.i&=-517},Mo=o=>{var c;{const e=t(o),r=null==(c=null==e?void 0:e.$hostElement$)?void 0:c.isConnected;return r&&2==(18&e.i)&&wo(e,!1),r}},No=()=>{h((()=>V(i,"appload",{detail:{namespace:"cobalt"}})))},Eo=(o,c,e,r)=>{if(o&&o[c])try{return o[c](e)}catch(o){l(o,r)}},Co=o=>o.classList.add("hydrated"),Lo=(o,c,e,r)=>{const n=t(o);if(!n)return;const s=o,a=n.l.get(c),i=n.i,f=s;if(!((e=W(e,r.o[c][0]))===a||Number.isNaN(a)&&Number.isNaN(e))){if(n.l.set(c,e),r.R){const o=r.R[c];o&&o.map((o=>{try{const[[r,t]]=Object.entries(o);(128&i||1&t)&&(f?f[r](e,a,c):n.T.push((()=>{n.U[r](e,a,c)})))}catch(o){l(o,s)}}))}if(2&i){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(e,a,c)&&!(16&i))return;16&i||wo(n,!1)}}},_o=(o,e)=>{var r,n;const l=o.prototype;{o.watchers&&!e.R&&(e.R=P(o.watchers)),o.deserializers&&!e.q&&(e.q=o.deserializers),o.serializers&&!e.D&&(e.D=o.serializers);const s=Object.entries(null!=(r=e.o)?r:{});s.map((([o,[r]])=>{if(31&r||32&r){const{get:n,set:s}=c(l,o)||{};n&&(e.o[o][0]|=2048),s&&(e.o[o][0]|=4096),Object.defineProperty(l,o,{get(){return n?n.apply(this):((o,c)=>t(this).l.get(c))(0,o)},configurable:!0,enumerable:!0}),Object.defineProperty(l,o,{set(c){const n=t(this);if(n){if(s)return void 0===(32&r?this[o]:n.$hostElement$[o])&&n.l.get(o)&&(c=n.l.get(o)),s.call(this,W(c,r)),void Lo(this,o,c=32&r?this[o]:n.$hostElement$[o],e);Lo(this,o,c,e)}}})}}));{const c=new Map;l.attributeChangedCallback=function(o,r,n){u.jmp((()=>{var a;const i=c.get(o),f=t(this);if(this.hasOwnProperty(i),l.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==n)return;if(null==i){const c=null==f?void 0:f.i;if(f&&c&&!(8&c)&&n!==r){const t=this,l=null==(a=e.R)?void 0:a[o];null==l||l.forEach((e=>{const[[l,s]]=Object.entries(e);null!=t[l]&&(128&c||1&s)&&t[l].call(t,n,r,o)}))}return}const u=s.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(l,i);p||n==this[i]||b.get&&!b.set||(this[i]=n)}))},o.observedAttributes=Array.from(new Set([...Object.keys(null!=(n=e.R)?n:{}),...s.filter((([o,c])=>31&c[0])).map((([o,r])=>{var t;const n=r[1]||o;return c.set(n,o),512&r[0]&&(null==(t=e.C)||t.push([o,n])),n}))]))}}return o},Ao=(o,c)=>{const e={i:c[0],p:c[1]};try{e.o=c[2],e.H=c[3],e.R=P(o.R),e.q=o.q,e.D=o.D,e.C=[];const n=o.prototype.connectedCallback,a=o.prototype.disconnectedCallback;return Object.assign(o.prototype,{__hasHostListenerAttached:!1,__registerHost(){((o,c)=>{const e={i:0,$hostElement$:o,t:c,l:new Map,P:new Map};e.W=new Promise((o=>e.F=o)),o["s-p"]=[],o["s-rc"]=[];const t=e;o.__stencil__getHostRef=()=>t,512&c.i&&r(o,e)})(this,e)},connectedCallback(){if(!this.__hasHostListenerAttached){const o=t(this);if(!o)return;Fo(this,o,e.H),this.__hasHostListenerAttached=!0}(o=>{if(!(1&u.i)){const c=t(o);if(!c)return;const e=c.t,r=()=>{};if(1&c.i)Fo(o,c,e.H),(null==c?void 0:c.U)||(null==c?void 0:c.W)&&c.W.then((()=>{}));else{c.i|=1,12&e.i&&(o=>{if(!i.document)return;const c=o["s-cr"]=i.document.createComment("");c["s-cn"]=!0,vo(o,c,o.firstChild)})(o);{let e=o;for(;e=e.parentNode||e.host;)if(e["s-p"]){ho(c,c._=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.i)&&(c.i|=32,r=o.constructor,customElements.whenDefined(o.localName).then((()=>c.i|=128)),r&&r.style)){let o;"string"==typeof r.style&&(o=r.style);const c=A(e);if(!s.has(c)){const r=()=>{};((o,c,e)=>{let r=s.get(o);d&&e?(r=r||new CSSStyleSheet,"string"==typeof r?r=c:r.replaceSync(c)):r=c,s.set(o,r)})(c,o,!!(1&e.i)),r()}}const t=c._,n=()=>wo(c,!0);t&&t["s-rc"]?t["s-rc"].push(n):n()}catch(e){l(e,o),c.L&&(c.L(),c.L=void 0),c.F&&c.F(o)}})(o,c,e)}r()}})(this),n&&n.call(this)},disconnectedCallback(){(async o=>{if(!(1&u.i)){const c=t(o);(null==c?void 0:c.B)&&(c.B.map((o=>o())),c.B=void 0)}_.has(o)&&_.delete(o),o.shadowRoot&&_.has(o.shadowRoot)&&_.delete(o.shadowRoot)})(this),a&&a.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${e.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(this,e)}}),Object.defineProperty(o,"is",{value:e.p,configurable:!0}),_o(o,e)}catch(c){return l(c),o}},Fo=(o,c,e)=>{e&&i.document&&e.map((([e,r,t])=>{const n=To(i.document,o,e),l=Ro(c,t),s=Uo(e);u.ael(n,r,l,s),(c.B=c.B||[]).push((()=>u.rel(n,r,l,s)))}))},Ro=(o,c)=>e=>{try{o.$hostElement$[c](e)}catch(c){l(c,o.$hostElement$)}},To=(o,c,e)=>4&e?o:c,Uo=o=>({passive:!!(1&o),capture:!!(2&o)}),qo=o=>u.A=o,Do=o=>Object.assign(u,o),Ho=new WeakMap;function Po(o,c){let e=Ho.get(c);e||(e={i:0,t:{i:0,p:c.tagName},$hostElement$:c},Ho.set(c,e)),xo(e,o)}function Wo(o){return o}export{f as H,U as a,B as c,Mo as f,z as getAssetPath,R as h,Ao as p,Po as render,$ as setAssetPath,qo as setNonce,Do as setPlatformOptions,Wo as t}
+const o=":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-celeste-100:#e5f0ff;--co-color-celeste-600:#008ff0;--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-550:#6b6b6b;--co-color-gray-600:#585858;--co-color-gray-650:#333130;--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-status-bg-success-dark:#0a281e;--co-color-status-bg-progress-dark:#192133;--co-color-status-bg-review-dark:#332908;--co-color-status-bg-error-dark:#341f20;--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-glass-blur:12px;--co-glass-saturate:1.3;--co-glass-panel-blur:18px;--co-motion-duration-instant:80ms;--co-motion-duration-fast:150ms;--co-motion-duration-base:250ms;--co-motion-duration-slow:350ms;--co-motion-duration-slower:500ms;--co-motion-ease-out:cubic-bezier(0.22, 1, 0.36, 1);--co-motion-ease-in:cubic-bezier(0.4, 0, 1, 1);--co-motion-ease-in-out:cubic-bezier(0.45, 0, 0.15, 1);--co-motion-ease-spring:cubic-bezier(0.34, 1.36, 0.64, 1);--co-motion-blur-sm:2px;--co-motion-blur-md:3px;--co-border-radius-xxs:4px;--co-border-radius-xs:8px;--co-border-radius-sm:12px;--co-border-radius-md:14px;--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-sm:0 1px 2px 0 rgba(26, 26, 26, 0.04);--co-shadow-sm2:0 1px 2px -1px rgba(26, 26, 26, 0.05), 0 1px 4px -1px rgba(26, 26, 26, 0.05);--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-11:11px;--co-font-size-12:12px;--co-font-size-13:13px;--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-28:28px;--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-accent:var(--co-color-celeste-600);--co-semantic-on-accent:var(--co-color-base-blanco);--co-semantic-surface-primary:var(--co-color-base-negro);--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-8);--co-semantic-surface-disabled:var(--co-color-gray-100);--co-semantic-surface-sunken:var(--co-color-gray-200);--co-semantic-surface-raised:var(--co-color-base-blanco);--co-semantic-surface-control:var(--co-color-gray-100);--co-semantic-surface-error:var(--co-color-status-bg-error);--co-semantic-surface-success:var(--co-color-status-bg-success);--co-semantic-surface-warning:var(--co-color-status-bg-review);--co-semantic-surface-info:var(--co-color-status-bg-progress);--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-550);--co-semantic-text-disabled:var(--co-color-gray-400);--co-semantic-text-error:var(--co-color-status-error);--co-semantic-text-success:var(--co-color-status-success);--co-semantic-text-info:var(--co-color-status-progress);--co-semantic-text-link:var(--co-color-primary-azul);--co-semantic-text-warning:var(--co-color-status-review);--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-field:var(--co-color-gray-500);--co-semantic-border-focus:var(--co-color-base-negro);--co-semantic-border-focus-ring:var(--co-color-opacity-negro-16);--co-semantic-border-hairline:var(--co-color-opacity-negro-4);--co-semantic-border-error:var(--co-color-status-error);--co-semantic-control-thumb:var(--co-color-base-blanco);--co-semantic-control-shadow:var(--co-color-opacity-negro-16);--co-semantic-control-track-off:var(--co-color-gray-500);--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);--co-semantic-surface-inverse:var(--co-semantic-surface-primary)}@media (prefers-reduced-motion: reduce){:root{--co-motion-duration-instant:0.01ms;--co-motion-duration-fast:0.01ms;--co-motion-duration-base:0.01ms;--co-motion-duration-slow:0.01ms;--co-motion-duration-slower:0.01ms}}@media (prefers-reduced-transparency: reduce){:root{--co-glass-filter:none}}: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-font-size-11:11px;--co-font-size-13:13px;--co-font-size-28:28px}";function c(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 e,r=(o,e)=>{var r;Object.entries(null!=(r=e.t.o)?r:{}).map((([r,[t]])=>{if(31&t||32&t){const t=o[r],n=c(Object.getPrototypeOf(o),r,!0)||Object.getOwnPropertyDescriptor(o,r);n&&Object.defineProperty(o,r,{get(){return n.get.call(this)},set(o){n.set.call(this,o)},configurable:!0,enumerable:!0}),e.l.has(r)?o[r]=e.l.get(r):void 0!==t&&(o[r]=t)}}))},t=o=>{if(o.__stencil__getHostRef)return o.__stencil__getHostRef()},n=(o,c)=>c in o,s=(o,c)=>(0,console.error)(o,c),l=new Map,a="http://www.w3.org/1999/xlink",i="undefined"!=typeof window?window:{},f=i.HTMLElement||class{},u={i:0,u:"",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)},d=(()=>{try{return!!i.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(o){}return!1})(),p=!!d&&(()=>!!i.document&&Object.getOwnPropertyDescriptor(i.document.adoptedStyleSheets,"length").writable)(),b=!1,m=[],g=[],y=(o,c)=>e=>{o.push(e),b||(b=!0,c&&4&u.i?h(x):u.raf(x))},v=o=>{for(let c=0;c<o.length;c++)try{o[c](performance.now())}catch(o){s(o)}o.length=0},x=()=>{v(m),v(g),(b=m.length>0)&&u.raf(x)},h=o=>Promise.resolve(void 0).then(o),w=y(g,!0),z=o=>{const c=new URL(o,u.u);return c.origin!==i.location.origin?c.href:c.pathname},$=o=>u.u=o;function j(){var c;const r=this.attachShadow({mode:"open"});if(void 0===e&&(e=null!=(c=function(o){if(!d)return;const c=new CSSStyleSheet;return c.replaceSync(o),c}(o))?c:null),e)p?r.adoptedStyleSheets.push(e):r.adoptedStyleSheets=[...r.adoptedStyleSheets,e];else if(!d){const c=document.createElement("style");c.innerHTML=o,r.prepend(c)}}var O=o=>{const c=E(o,"childNodes");o.tagName&&o.tagName.includes("-")&&o["s-cr"]&&"SLOT-FB"!==o.tagName&&S(c,o.tagName).forEach((o=>{1===o.nodeType&&"SLOT-FB"===o.tagName&&(o.hidden=!!k(o,N(o),!1).length)}));let e=0;for(e=0;e<c.length;e++){const o=c[e];1===o.nodeType&&E(o,"childNodes").length&&O(o)}};function S(o,c,e){let r,t=0,n=[];for(;t<o.length;t++){if(r=o[t],r["s-sr"]&&(!c||r["s-hn"]===c)&&(void 0===e||N(r)===e)&&(n.push(r),void 0!==e))return n;n=[...n,...S(r.childNodes,c,e)]}return n}var k=(o,c,e=!0)=>{const r=[];(e&&o["s-sr"]||!o["s-sr"])&&r.push(o);let t=o;for(;t=t.nextSibling;)N(t)!==c||!e&&t["s-sr"]||r.push(t);return r},M=(o,c)=>1===o.nodeType?null===o.getAttribute("slot")&&""===c||o.getAttribute("slot")===c:o["s-sn"]===c||""===c,N=o=>"string"==typeof o["s-sn"]?o["s-sn"]:1===o.nodeType&&o.getAttribute("slot")||void 0;function E(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)}var C,L,_=new WeakMap,A=o=>"sc-"+o.p,F=o=>"object"==(o=typeof o)||"function"===o,R=(o,c,...e)=>{let r=null,t=null,n=null,s=!1,l=!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&&((s="function"!=typeof o&&!F(r))&&(r+=""),s&&l?a[a.length-1].m+=r:a.push(s?T(null,r):r),l=s)};if(i(e),c){c.key&&(t=c.key),c.name&&(n=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,q);const f=T(o,null);return f.v=c,a.length>0&&(f.h=a),f.$=t,f.j=n,f},T=(o,c)=>({i:0,O:o,m:null!=c?c:null,S:null,h:null,v:null,$:null,j:null}),U={},q={forEach:(o,c)=>o.map(D).forEach(c),map:(o,c)=>o.map(D).map(c).map(H)},D=o=>({vattrs:o.v,vchildren:o.h,vkey:o.$,vname:o.j,vtag:o.O,vtext:o.m}),H=o=>{if("function"==typeof o.vtag){const c={...o.vattrs};return o.vkey&&(c.key=o.vkey),o.vname&&(c.name=o.vname),R(o.vtag,c,...o.vchildren||[])}const c=T(o.vtag,o.vtext);return c.v=o.vattrs,c.h=o.vchildren,c.$=o.vkey,c.j=o.vname,c},P=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},W=(o,c)=>null==o||F(o)?o:4&c?"false"!==o&&(""===o||!!o):2&c?"string"==typeof o?parseFloat(o):"number"==typeof o?o:NaN:1&c?o+"":o,B=(o,c,e)=>{const r=o;return{emit:o=>V(r,c,{bubbles:!!(4&e),composed:!!(2&e),cancelable:!!(1&e),detail:o})}},V=(o,c,e)=>{const r=u.ce(c,e);return o.dispatchEvent(r),r},G=(o,c,e,r,s,l)=>{if(e===r)return;let f=n(o,c),d=c.toLowerCase();if("class"===c){const c=o.classList,t=Y(e);let n=Y(r);c.remove(...t.filter((o=>o&&!n.includes(o)))),c.add(...n.filter((o=>o&&!t.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&&yo(r,o);else if(o.__lookupSetter__(c)||"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=F(r);if((f||t&&null!==r)&&!s)try{if(o.tagName.includes("-"))o[c]!==r&&(o[c]=r);else{const t=null==r?"":r;"list"===c?f=!1:null!=e&&o[c]===t||("function"==typeof o.__lookupSetter__(c)?o[c]=t:o.setAttribute(c,t))}}catch(o){}let n=!1;d!==(d=d.replace(/^xlink\:?/,""))&&(c=d,n=!0),null==r||!1===r?!1===r&&""!==o.getAttribute(c)||(n?o.removeAttributeNS(a,c):o.removeAttribute(c)):(!f||4&l||s)&&!t&&1===o.nodeType&&(r=!0===r?"":r,n?o.setAttributeNS(a,c,r):o.setAttribute(c,r))}}else if(c="-"===c[2]?c.slice(3):n(i,d)?d.slice(2):d[2]+c.slice(3),e||r){const t=c.endsWith(Z);c=c.replace(J,""),e&&u.rel(o,c,e,t),r&&u.ael(o,c,r,t)}},I=/\s/,Y=o=>("object"==typeof o&&o&&"baseVal"in o&&(o=o.baseVal),o&&"string"==typeof o?o.split(I):[]),Z="Capture",J=RegExp(Z+"$"),K=(o,c,e)=>{const r=11===c.S.nodeType&&c.S.host?c.S.host:c.S,t=o&&o.v||{},n=c.v||{};for(const o of Q(Object.keys(t)))o in n||G(r,o,t[o],void 0,e,c.i);for(const o of Q(Object.keys(n)))G(r,o,t[o],n[o],e,c.i)};function Q(o){return o.includes("ref")?[...o.filter((o=>"ref"!==o)),"ref"]:o}var X=!1,oo=!1,co=!1,eo=!1,ro=[],to=[],no=(o,c,e)=>{var r;const t=c.h[e];let n,s,l,a=0;if(X||(co=!0,"slot"===t.O&&(t.i|=t.h?2:1)),null!=t.m)n=t.S=i.document.createTextNode(t.m);else if(1&t.i)n=t.S=i.document.createTextNode(""),K(null,t,eo);else{if(eo||(eo="svg"===t.O),!i.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(n=t.S=i.document.createElementNS(eo?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!X&&2&t.i?"slot-fb":t.O),eo&&"foreignObject"===t.O&&(eo=!1),K(null,t,eo),t.h){const c="template"===t.O?n.content:n;for(a=0;a<t.h.length;++a)s=no(o,t,a),s&&c.appendChild(s)}"svg"===t.O?eo=!1:"foreignObject"===n.tagName&&(eo=!0)}return n["s-hn"]=L,3&t.i&&(n["s-sr"]=!0,n["s-cr"]=C,n["s-sn"]=t.j||"",n["s-rf"]=null==(r=t.v)?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 t=this["s-cr"].parentElement;return(t.__childNodes?t.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})(t.childNodes)).forEach((o=>{r===N(o)&&e.push(o)})),c?e.filter((o=>1===o.nodeType)):e}.bind(o);o.assignedElements=c(!0),o.assignedNodes=c(!1)}(n),l=o&&o.h&&o.h[e],l&&l.O===t.O&&o.S&&so(o.S)),n},so=o=>{u.i|=1;const c=o.closest(L.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"]&&(vo(c,o,null!=e?e:null),o["s-sh"]=void 0,co=!0)}u.i&=-2},lo=(o,c)=>{u.i|=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"]===L&&e.push(c)}for(let o=e.length-1;o>=0;o--){const r=e[o];r["s-hn"]!==L&&r["s-ol"]&&(vo(uo(r).parentNode,r,uo(r)),r["s-ol"].remove(),r["s-ol"]=void 0,r["s-sh"]=void 0,co=!0),c&&lo(r,c)}u.i&=-2},ao=(o,c,e,r,t,n)=>{let s,l=o["s-cr"]&&o["s-cr"].parentNode||o;for(l.shadowRoot&&l.tagName===L&&(l=l.shadowRoot),"template"===e.O&&(l=l.content);t<=n;++t)r[t]&&(s=no(null,e,t),s&&(r[t].S=s,vo(l,s,uo(c))))},io=(o,c,e)=>{for(let r=c;r<=e;++r){const c=o[r];if(c){const o=c.S;go(c),o&&(oo=!0,o["s-ol"]?o["s-ol"].remove():lo(o,!0),o.remove())}}},fo=(o,c,e=!1)=>o.O===c.O&&("slot"===o.O?o.j===c.j:e?(e&&!o.$&&c.$&&(o.$=c.$),!0):o.$===c.$),uo=o=>o&&o["s-ol"]||o,po=(o,c,e=!1)=>{const r=c.S=o.S,t=o.h,n=c.h,s=c.O,l=c.m;let a;null==l?(eo="svg"===s||"foreignObject"!==s&&eo,"slot"!==s||X||o.j!==c.j&&(c.S["s-sn"]=c.j||"",so(c.S.parentElement)),K(o,c,eo),null!==t&&null!==n?((o,c,e,r,t=!1)=>{let n,s,l=0,a=0,i=0,f=0,u=c.length-1,d=c[0],p=c[u],b=r.length-1,m=r[0],g=r[b];const y="template"===e.O?o.content:o;for(;l<=u&&a<=b;)if(null==d)d=c[++l];else if(null==p)p=c[--u];else if(null==m)m=r[++a];else if(null==g)g=r[--b];else if(fo(d,m,t))po(d,m,t),d=c[++l],m=r[++a];else if(fo(p,g,t))po(p,g,t),p=c[--u],g=r[--b];else if(fo(d,g,t))"slot"!==d.O&&"slot"!==g.O||lo(d.S.parentNode,!1),po(d,g,t),vo(y,d.S,p.S.nextSibling),d=c[++l],g=r[--b];else if(fo(p,m,t))"slot"!==d.O&&"slot"!==g.O||lo(p.S.parentNode,!1),po(p,m,t),vo(y,p.S,d.S),p=c[--u],m=r[++a];else{for(i=-1,f=l;f<=u;++f)if(c[f]&&null!==c[f].$&&c[f].$===m.$){i=f;break}i>=0?(s=c[i],s.O!==m.O?n=no(c&&c[a],e,i):(po(s,m,t),c[i]=void 0,n=s.S),m=r[++a]):(n=no(c&&c[a],e,a),m=r[++a]),n&&vo(uo(d.S).parentNode,n,uo(d.S))}l>u?ao(o,null==r[b+1]?null:r[b+1].S,e,r,a,b):a>b&&io(c,l,u)})(r,t,c,n,e):null!==n?(null!==o.m&&(r.textContent=""),ao(r,null,c,n,0,n.length-1)):!e&&null!==t&&io(t,0,t.length-1),eo&&"svg"===s&&(eo=!1)):(a=r["s-cr"])?a.parentNode.textContent=l:o.m!==l&&(r.data=l)},bo=[],mo=o=>{let c,e,r;const t=o.__childNodes||o.childNodes;for(const o of t){if(o["s-sr"]&&(c=o["s-cr"])&&c.parentNode){e=c.parentNode.__childNodes||c.parentNode.childNodes;const t=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(M(c,t)){let e=bo.find((o=>o.k===c));oo=!0,c["s-sn"]=c["s-sn"]||t,e?(e.k["s-sh"]=o["s-hn"],e.M=o):(c["s-sh"]=o["s-hn"],bo.push({M:o,k:c})),c["s-sr"]&&bo.map((o=>{M(o.k,c["s-sn"])&&(e=bo.find((o=>o.k===c)),e&&!o.M&&(o.M=e.M))}))}else bo.some((o=>o.k===c))||bo.push({k:c})}1===o.nodeType&&mo(o)}},go=o=>{o.v&&o.v.ref&&ro.push((()=>o.v.ref(null))),o.h&&o.h.map(go)},yo=(o,c)=>{to.push((()=>o(c)))},vo=(o,c,e,r)=>{if("string"==typeof c["s-sn"]){o.insertBefore(c,e);const{slotNode:t}=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"]=N(o)||"";return{slotNode:S(E(c,"childNodes"),c.tagName,r)[0],slotName:r}}(c);return t&&!r&&function(o){o.dispatchEvent(new CustomEvent("slotchange",{bubbles:!1,cancelable:!1,composed:!1}))}(t),c}return o.__insertBefore?o.__insertBefore(c,e):null==o?void 0:o.insertBefore(c,e)},xo=(o,c,e=!1)=>{var r,t,n,s,l;const a=o.$hostElement$,f=o.t,d=o.N||T(null,null),p=(o=>o&&o.O===U)(c)?c:R(null,null,c);if(L=a.tagName,f.C&&(p.v=p.v||{},f.C.forEach((([o,c])=>{p.v[c]=a[o]}))),e&&p.v)for(const o of Object.keys(p.v))a.hasAttribute(o)&&!["key","ref","style","class"].includes(o)&&(p.v[o]=a[o]);if(p.O=null,p.i|=4,o.N=p,p.S=d.S=a.shadowRoot||a,X=!(!(1&f.i)||128&f.i),C=a["s-cr"],oo=!1,po(d,p,e),u.i|=1,co){mo(p.S);for(const o of bo){const c=o.k;if(!c["s-ol"]&&i.document){const o=i.document.createTextNode("");o["s-nr"]=c,vo(c.parentNode,c["s-ol"]=o,c,e)}}for(const o of bo){const c=o.k,l=o.M;if(1===c.nodeType&&e&&(c["s-ih"]=null!=(r=c.hidden)&&r),l){const o=l.parentNode;let r=l.nextSibling;if(r&&1===r.nodeType){let e=null==(t=c["s-ol"])?void 0:t.previousSibling;for(;e;){let t=null!=(n=e["s-nr"])?n:null;if(t&&t["s-sn"]===c["s-sn"]&&o===(t.__parentNode||t.parentNode)){for(t=t.nextSibling;t===c||(null==t?void 0:t["s-sr"]);)t=null==t?void 0:t.nextSibling;if(!t||!t["s-nr"]){r=t;break}}e=e.previousSibling}}if((!r&&o!==(c.__parentNode||c.parentNode)||(c.__nextSibling||c.nextSibling)!==r)&&c!==r){if(vo(o,c,r,e),8===c.nodeType&&c.nodeValue.startsWith("s-nt-")){const o=i.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,vo(c.parentNode,o,c,e),c.parentNode.removeChild(c)}1===c.nodeType&&"SLOT-FB"!==c.tagName&&(c.hidden=null!=(s=c["s-ih"])&&s)}c&&"function"==typeof l["s-rf"]&&l["s-rf"](l)}else 1===c.nodeType&&(c.hidden=!0)}}if(oo&&O(p.S),u.i&=-2,bo.length=0,!X&&!(1&f.i)&&a["s-cr"]){const o=p.S.__childNodes||p.S.childNodes;for(const c of o)if(c["s-hn"]!==L&&!c["s-sh"])if(e&&null==c["s-ih"]&&(c["s-ih"]=null!=(l=c.hidden)&&l),1===c.nodeType)c.hidden=!0;else if(3===c.nodeType&&c.nodeValue.trim()){const o=i.document.createComment("s-nt-"+c.nodeValue);o["s-sn"]=c["s-sn"],vo(c.parentNode,o,c,e),c.parentNode.removeChild(c)}}C=void 0,ro.forEach((o=>o())),ro.length=0,to.forEach((o=>o())),to.length=0},ho=(o,c)=>{if(c&&!o.L&&c["s-p"]){const e=c["s-p"].push(new Promise((r=>o.L=()=>{c["s-p"].splice(e-1,1),r()})))}},wo=(o,c)=>{if(o.i|=16,4&o.i)return void(o.i|=512);ho(o,o._);const e=()=>zo(o,c);if(!c)return w(e);queueMicrotask((()=>{e()}))},zo=(o,c)=>{const e=o.$hostElement$,r=e;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 t;return t=Eo(r,c?"componentWillLoad":"componentWillUpdate",void 0,e),t=$o(t,(()=>Eo(r,"componentWillRender",void 0,e))),$o(t,(()=>Oo(o,r,c)))},$o=(o,c)=>jo(o)?o.then(c).catch((o=>{console.error(o),c()})):c(),jo=o=>o instanceof Promise||o&&o.then&&"function"==typeof o.then,Oo=async(o,c,e)=>{var r;const t=o.$hostElement$,n=t["s-rc"];e&&(o=>{const c=o.t,e=o.$hostElement$,r=c.i,t=((o,c)=>{var e,r,t;const n=A(c),s=l.get(n);if(!i.document)return n;if(o=11===o.nodeType?o:i.document,s)if("string"==typeof s){let t,l=_.get(o=o.head||o);if(l||_.set(o,l=new Set),!l.has(n)){t=i.document.createElement("style"),t.textContent=s;const a=null!=(e=u.A)?e:function(){var o,c,e;return null!=(e=null==(c=null==(o=i.document.head)?void 0:o.querySelector('meta[name="csp-nonce"]'))?void 0:c.getAttribute("content"))?e:void 0}();if(null!=a&&t.setAttribute("nonce",a),!(1&c.i))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(t,(null==e?void 0:e.parentNode)===o?e:null)}else if("host"in o)if(d){const c=new(null!=(r=o.defaultView)?r:o.ownerDocument.defaultView).CSSStyleSheet;c.replaceSync(s),p?o.adoptedStyleSheets.unshift(c):o.adoptedStyleSheets=[c,...o.adoptedStyleSheets]}else{const c=o.querySelector("style");c?c.textContent=s+c.textContent:o.prepend(t)}else o.append(t);1&c.i&&o.insertBefore(t,null),4&c.i&&(t.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),l&&l.add(n)}}else{let c=_.get(o);if(c||_.set(o,c=new Set),!c.has(n)){const e=null!=(t=o.defaultView)?t:o.ownerDocument.defaultView;let r;if(s.constructor===e.CSSStyleSheet)r=s;else{r=new e.CSSStyleSheet;for(let o=0;o<s.cssRules.length;o++)r.insertRule(s.cssRules[o].cssText,o)}p?o.adoptedStyleSheets.push(r):o.adoptedStyleSheets=[...o.adoptedStyleSheets,r],c.add(n)}}return n})(e.shadowRoot?e.shadowRoot:e.getRootNode(),c);10&r&&(e["s-sc"]=t,e.classList.add(t+"-h"))})(o);So(o,c,t,e),n&&(n.map((o=>o())),t["s-rc"]=void 0);{const c=null!=(r=t["s-p"])?r:[],e=()=>ko(o);0===c.length?e():(Promise.all(c).then(e).catch(e),o.i|=4,c.length=0)}},So=(o,c,e,r)=>{try{c=c.render(),o.i&=-17,o.i|=2,xo(o,c,r)}catch(c){s(c,o.$hostElement$)}return null},ko=o=>{const c=o.$hostElement$,e=c,r=o._;Eo(e,"componentDidRender",void 0,c),64&o.i?Eo(e,"componentDidUpdate",void 0,c):(o.i|=64,Co(c),Eo(e,"componentDidLoad",void 0,c),o.F(c),r||No()),o.L&&(o.L(),o.L=void 0),512&o.i&&h((()=>wo(o,!1))),o.i&=-517},Mo=o=>{var c;{const e=t(o),r=null==(c=null==e?void 0:e.$hostElement$)?void 0:c.isConnected;return r&&2==(18&e.i)&&wo(e,!1),r}},No=()=>{h((()=>V(i,"appload",{detail:{namespace:"cobalt"}})))},Eo=(o,c,e,r)=>{if(o&&o[c])try{return o[c](e)}catch(o){s(o,r)}},Co=o=>o.classList.add("hydrated"),Lo=(o,c,e,r)=>{const n=t(o);if(!n)return;const l=o,a=n.l.get(c),i=n.i,f=l;if(!((e=W(e,r.o[c][0]))===a||Number.isNaN(a)&&Number.isNaN(e))){if(n.l.set(c,e),r.R){const o=r.R[c];o&&o.map((o=>{try{const[[r,t]]=Object.entries(o);(128&i||1&t)&&(f?f[r](e,a,c):n.T.push((()=>{n.U[r](e,a,c)})))}catch(o){s(o,l)}}))}if(2&i){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(e,a,c)&&!(16&i))return;16&i||wo(n,!1)}}},_o=(o,e)=>{var r,n;const s=o.prototype;{o.watchers&&!e.R&&(e.R=P(o.watchers)),o.deserializers&&!e.q&&(e.q=o.deserializers),o.serializers&&!e.D&&(e.D=o.serializers);const l=Object.entries(null!=(r=e.o)?r:{});l.map((([o,[r]])=>{if(31&r||32&r){const{get:n,set:l}=c(s,o)||{};n&&(e.o[o][0]|=2048),l&&(e.o[o][0]|=4096),Object.defineProperty(s,o,{get(){return n?n.apply(this):((o,c)=>t(this).l.get(c))(0,o)},configurable:!0,enumerable:!0}),Object.defineProperty(s,o,{set(c){const n=t(this);if(n){if(l)return void 0===(32&r?this[o]:n.$hostElement$[o])&&n.l.get(o)&&(c=n.l.get(o)),l.call(this,W(c,r)),void Lo(this,o,c=32&r?this[o]:n.$hostElement$[o],e);Lo(this,o,c,e)}}})}}));{const c=new Map;s.attributeChangedCallback=function(o,r,n){u.jmp((()=>{var a;const i=c.get(o),f=t(this);if(this.hasOwnProperty(i),s.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==n)return;if(null==i){const c=null==f?void 0:f.i;if(f&&c&&!(8&c)&&n!==r){const t=this,s=null==(a=e.R)?void 0:a[o];null==s||s.forEach((e=>{const[[s,l]]=Object.entries(e);null!=t[s]&&(128&c||1&l)&&t[s].call(t,n,r,o)}))}return}const u=l.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!=(n=e.R)?n:{}),...l.filter((([o,c])=>31&c[0])).map((([o,r])=>{var t;const n=r[1]||o;return c.set(n,o),512&r[0]&&(null==(t=e.C)||t.push([o,n])),n}))]))}}return o},Ao=(o,c)=>{const e={i:c[0],p:c[1]};try{e.o=c[2],e.H=c[3],e.R=P(o.R),e.q=o.q,e.D=o.D,e.C=[];const n=o.prototype.connectedCallback,a=o.prototype.disconnectedCallback;return Object.assign(o.prototype,{__hasHostListenerAttached:!1,__registerHost(){((o,c)=>{const e={i:0,$hostElement$:o,t:c,l:new Map,P:new Map};e.W=new Promise((o=>e.F=o)),o["s-p"]=[],o["s-rc"]=[];const t=e;o.__stencil__getHostRef=()=>t,512&c.i&&r(o,e)})(this,e)},connectedCallback(){if(!this.__hasHostListenerAttached){const o=t(this);if(!o)return;Fo(this,o,e.H),this.__hasHostListenerAttached=!0}(o=>{if(!(1&u.i)){const c=t(o);if(!c)return;const e=c.t,r=()=>{};if(1&c.i)Fo(o,c,e.H),(null==c?void 0:c.U)||(null==c?void 0:c.W)&&c.W.then((()=>{}));else{c.i|=1,12&e.i&&(o=>{if(!i.document)return;const c=o["s-cr"]=i.document.createComment("");c["s-cn"]=!0,vo(o,c,o.firstChild)})(o);{let e=o;for(;e=e.parentNode||e.host;)if(e["s-p"]){ho(c,c._=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.i)&&(c.i|=32,r=o.constructor,customElements.whenDefined(o.localName).then((()=>c.i|=128)),r&&r.style)){let o;"string"==typeof r.style&&(o=r.style);const c=A(e);if(!l.has(c)){const r=()=>{};((o,c,e)=>{let r=l.get(o);d&&e?(r=r||new CSSStyleSheet,"string"==typeof r?r=c:r.replaceSync(c)):r=c,l.set(o,r)})(c,o,!!(1&e.i)),r()}}const t=c._,n=()=>wo(c,!0);t&&t["s-rc"]?t["s-rc"].push(n):n()}catch(e){s(e,o),c.L&&(c.L(),c.L=void 0),c.F&&c.F(o)}})(o,c,e)}r()}})(this),n&&n.call(this)},disconnectedCallback(){(async o=>{if(!(1&u.i)){const c=t(o);(null==c?void 0:c.B)&&(c.B.map((o=>o())),c.B=void 0)}_.has(o)&&_.delete(o),o.shadowRoot&&_.has(o.shadowRoot)&&_.delete(o.shadowRoot)})(this),a&&a.call(this)},__attachShadow(){if(this.shadowRoot){if("open"!==this.shadowRoot.mode)throw Error(`Unable to re-use existing shadow root for ${e.p}! Mode is set to ${this.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else j.call(this,e)}}),Object.defineProperty(o,"is",{value:e.p,configurable:!0}),_o(o,e)}catch(c){return s(c),o}},Fo=(o,c,e)=>{e&&i.document&&e.map((([e,r,t])=>{const n=To(i.document,o,e),s=Ro(c,t),l=Uo(e);u.ael(n,r,s,l),(c.B=c.B||[]).push((()=>u.rel(n,r,s,l)))}))},Ro=(o,c)=>e=>{try{o.$hostElement$[c](e)}catch(c){s(c,o.$hostElement$)}},To=(o,c,e)=>4&e?o:c,Uo=o=>({passive:!!(1&o),capture:!!(2&o)}),qo=o=>u.A=o,Do=o=>Object.assign(u,o),Ho=new WeakMap;function Po(o,c){let e=Ho.get(c);e||(e={i:0,t:{i:0,p:c.tagName},$hostElement$:c},Ho.set(c,e)),xo(e,o)}function Wo(o){return o}export{f as H,U as a,B as c,Mo as f,z as getAssetPath,R as h,Ao as p,Po as render,$ as setAssetPath,qo as setNonce,Do as setPlatformOptions,Wo as t}