@prolibu-suite/cobalt-core 0.2.0 → 0.4.0

package/dist/cobalt/{p-bb07da22.entry.js → p-c23a2ff6.entry.js}

@@ -1 +1 @@
-import{r,c as o,h as e,a}from"./p-BKmfyPZK.js";import{i as s}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";const t=class{constructor(e){r(this,e),this.coChange=o(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,a,s){return e("div",{class:"co-transfer-list__panel"},e("div",{class:"co-transfer-list__panel-header"},e("span",{class:"co-transfer-list__panel-title"},s),e("span",{class:"co-transfer-list__panel-count"},r.length)),e("div",{class:"co-transfer-list__panel-body"},e("div",{class:"co-transfer-list__panel-scroll"},0===r.length?e("div",{class:"co-transfer-list__empty"},"No items"):r.map((r=>e("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&&a(r.value)},e("span",{class:{"co-transfer-list__checkbox":!0,"co-transfer-list__checkbox--checked":o.has(r.value)}},o.has(r.value)&&e("co-icon",{name:"check",size:12})),e("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(s(r))))}disconnectedCallback(){this.osInstances.forEach((r=>r.destroy())),this.osInstances=[]}render(){return e("div",{key:"fd9cddc7be36b5acc9bc5852a9173b2ed950e529",class:{"co-transfer-list":!0,"co-transfer-list--disabled":this.disabled,[`co-transfer-list--${this.status}`]:"default"!==this.status}},this.label&&e("label",{key:"6bcde50bb852ee58443d44b43ce5d67ad425f013",class:"co-transfer-list__label"},this.label),e("div",{key:"836b094c4ccf69d4cfbaace4283e87ec55c13d07",class:"co-transfer-list__body"},this.renderList(this.leftItems,this.leftChecked,this.toggleLeftCheck,this.leftTitle),e("div",{key:"8222a5f1207514f500e222a175ce9aef20e9df5f",class:"co-transfer-list__actions"},e("button",{key:"21b61c709b1b66f293289fb8ae6e2e40fcdc1fb6",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllRight,"aria-label":"Move all right"},e("co-icon",{key:"c575643b4988a6f36ce0b738a400d0f4270b339d",name:"caret-double-right",size:16})),e("button",{key:"db88f4725eb0e8e0e9cd573bf4ee6613f9b752de",class:"co-transfer-list__btn",disabled:this.disabled||0===this.leftChecked.size,onClick:this.moveRight,"aria-label":"Move selected right"},e("co-icon",{key:"789e6f0b3934a1ce571b1b24f78d215f263793b9",name:"caret-right",size:16})),e("button",{key:"72c2829abff4dc3453ccebb9846fb4b5b423a044",class:"co-transfer-list__btn",disabled:this.disabled||0===this.rightChecked.size,onClick:this.moveLeft,"aria-label":"Move selected left"},e("co-icon",{key:"2a77ca393a41134dd0b8befa085c1ff0caa050ef",name:"caret-left",size:16})),e("button",{key:"292bf6d2cc097523c6ea14a694cd134ed5526935",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllLeft,"aria-label":"Move all left"},e("co-icon",{key:"fc5f1f90f4eec18a4a3db20301a787280f77ba92",name:"caret-double-left",size:16}))),this.renderList(this.rightItems,this.rightChecked,this.toggleRightCheck,this.rightTitle)),this.helperText&&e("div",{key:"112008f9b2f9ef0e72a4c3add8d89319fa5e1c89",class:`co-transfer-list__helper co-transfer-list__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"712da720169f753bc161922edac625a44ea5e6d2",name:this.statusIcon,size:14,weight:"fill",class:"co-transfer-list__helper-icon"}),e("span",{key:"ad424d40bad49265e88cf3c0a524f74b5213e406",class:"co-transfer-list__helper-text"},this.helperText)))}get el(){return a(this)}};t.style='.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);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-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-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 0.1s ease}.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 0.15s ease, border-color 0.15s ease;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 0.15s ease}.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-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-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-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-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-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)}';export{t as co_transfer_list}
+import{r,c as o,h as e,a}from"./p-Es9IUmmt.js";import{i as s}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";const t=class{constructor(e){r(this,e),this.coChange=o(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,a,s){return e("div",{class:"co-transfer-list__panel"},e("div",{class:"co-transfer-list__panel-header"},e("span",{class:"co-transfer-list__panel-title"},s),e("span",{class:"co-transfer-list__panel-count"},r.length)),e("div",{class:"co-transfer-list__panel-body"},e("div",{class:"co-transfer-list__panel-scroll"},0===r.length?e("div",{class:"co-transfer-list__empty"},"No items"):r.map((r=>e("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&&a(r.value)},e("span",{class:{"co-transfer-list__checkbox":!0,"co-transfer-list__checkbox--checked":o.has(r.value)}},o.has(r.value)&&e("co-icon",{name:"check",size:12})),e("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(s(r))))}disconnectedCallback(){this.osInstances.forEach((r=>r.destroy())),this.osInstances=[]}render(){return e("div",{key:"a4c5b8104be1db28bdabc04f0157893c41dca97a",class:{"co-transfer-list":!0,"co-transfer-list--disabled":this.disabled,[`co-transfer-list--${this.status}`]:"default"!==this.status}},this.label&&e("label",{key:"09087d1dee8e5eddad6797b004adb0253e7358eb",class:"co-transfer-list__label"},this.label),e("div",{key:"6705417ab5578a9067affc261578a5c57a5824ed",class:"co-transfer-list__body"},this.renderList(this.leftItems,this.leftChecked,this.toggleLeftCheck,this.leftTitle),e("div",{key:"7c122e5de9742b693bad8bd5ac4b6e6a01d1ce0a",class:"co-transfer-list__actions"},e("button",{key:"8293600e513527dfc3ab00d89a6ea08f9faba3ad",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllRight,"aria-label":"Move all right"},e("co-icon",{key:"4bc6969a39b2691f9e81ab22968b2b02c450e6fe",name:"caret-double-right",size:16})),e("button",{key:"28d10fcb814bd54445970119c5d28e95dc290f45",class:"co-transfer-list__btn",disabled:this.disabled||0===this.leftChecked.size,onClick:this.moveRight,"aria-label":"Move selected right"},e("co-icon",{key:"89d8acce183eeeb77eec55362226771c0f76c60d",name:"caret-right",size:16})),e("button",{key:"b2365d7f507086895fc5d2e2bff2eb507a6dca5d",class:"co-transfer-list__btn",disabled:this.disabled||0===this.rightChecked.size,onClick:this.moveLeft,"aria-label":"Move selected left"},e("co-icon",{key:"e9947a0049407918c1e6bd0e38b7c035bf8b4531",name:"caret-left",size:16})),e("button",{key:"9834d51491259af22cc84306cb4c66dd600774a3",class:"co-transfer-list__btn",disabled:this.disabled,onClick:this.moveAllLeft,"aria-label":"Move all left"},e("co-icon",{key:"89cb6c2bbd8647ef2bc589b054e6e6ca68fce023",name:"caret-double-left",size:16}))),this.renderList(this.rightItems,this.rightChecked,this.toggleRightCheck,this.rightTitle)),this.helperText&&e("div",{key:"2c4d8d446a88215cd4492078c7ca2b0b17b463b8",class:`co-transfer-list__helper co-transfer-list__helper--${this.status}`},this.statusIcon&&e("co-icon",{key:"0ae2ead4e24151fbfeaf3068b3fd03a16e0fdd83",name:this.statusIcon,size:14,weight:"fill",class:"co-transfer-list__helper-icon"}),e("span",{key:"2b600a862af2f94d26c545f20f30d857e8625ebb",class:"co-transfer-list__helper-text"},this.helperText)))}get el(){return a(this)}};t.style='.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);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-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-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 0.1s ease}.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 0.15s ease, border-color 0.15s ease;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 0.15s ease}.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-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-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-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-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-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)}';export{t as co_transfer_list}

package/dist/cobalt/p-c682453a.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as e,a as r}from"./p-Es9IUmmt.js";import{g as a}from"./p-B-ckjCUA.js";import{C as i,T as c,t as n}from"./p-ChibIpZv.js";const s=class{constructor(e){t(this,e),this.coAction=o(this,"coAction",7),this.coPopoverChange=o(this,"coPopoverChange",7),this.variant="basic",this.disabled=!1,this.locale="en",this.items=[],this.tick=0,this.openPopover=null,this.popoverInput="",this.gridHoverRows=0,this.gridHoverCols=0,this.gridLockedRows=0,this.gridLockedCols=0,this.tableTab="grid",this.tableManualRows=3,this.tableManualCols=3,this.tableWithHeader=!1,this.tableContextItems=[],this.imagePopoverMode="menu",this.colorHexInput="",this.onTransaction=()=>{this.tick++,this.updateTableContext()},this.colorPalette=[],this._tableContextItems=[],this.handleHostMouseDown=t=>{t.composedPath().some((t=>t instanceof HTMLElement&&"INPUT"===t.tagName))||t.preventDefault()},this.handleDocumentClick=t=>{this.openPopover&&(this.el.contains(t.target)||this.closePopover())},this.run=t=>{const o=this.editor;if(!o||this.disabled)return;const e=o.chain().focus();switch(t.action){case"bold":e.toggleBold().run();break;case"italic":e.toggleItalic().run();break;case"underline":e.toggleUnderline().run();break;case"strike":e.toggleStrike().run();break;case"code":e.toggleCode().run();break;case"bulletList":case"bulletListMenu":e.toggleBulletList().run();break;case"orderedList":case"orderedListMenu":e.toggleOrderedList().run();break;case"taskListMenu":e.toggleTaskList().run();break;case"blockquote":e.toggleBlockquote().run();break;case"codeBlock":e.toggleCodeBlock().run();break;case"heading":e.toggleHeading(t.payload).run();break;case"horizontalRule":e.setHorizontalRule().run();break;case"textAlign":e.setTextAlign(t.payload).run();break;case"undo":e.undo().run();break;case"redo":e.redo().run();break;case"addColumnAfter":e.addColumnAfter().run();break;case"addColumnBefore":e.addColumnBefore().run();break;case"deleteColumn":e.deleteColumn().run();break;case"addRowAfter":e.addRowAfter().run();break;case"addRowBefore":e.addRowBefore().run();break;case"deleteRow":e.deleteRow().run();break;case"deleteTable":e.deleteTable().run();break;case"mergeCells":e.mergeCells().run();break;case"splitCell":e.splitCell().run();break;case"toggleHeaderRow":e.toggleHeaderRow().run();break;case"indentIncrease":o.isActive("bulletList")||o.isActive("orderedList")?e.sinkListItem("listItem").run():e.indent().run();break;case"indentDecrease":o.isActive("bulletList")||o.isActive("orderedList")?e.liftListItem("listItem").run():e.outdent().run();break;case"link":case"image":case"youtube":case"iframe":case"callout":case"fontSize":case"fontFamily":case"headingStyle":case"lineSpacing":case"letterSpacing":case"table":case"textColor":case"highlight":return void this.togglePopover(t.action);default:e.run()}this.coAction.emit({action:t.action,payload:t.payload})}}get s(){return a(this.locale)}tItem(t){var o;const e=this.s;return null!==(o={bold:e.bold,italic:e.italic,underline:e.underline,strike:e.strikethrough,code:e.code,headingStyle:e.styles,fontSize:e.fontSize,fontFamily:e.font,bulletList:e.bulletList,orderedList:e.orderedList,bulletListMenu:e.bulletList,orderedListMenu:e.orderedList,taskListMenu:e.taskList,blockquote:e.quote,codeBlock:e.codeBlock,horizontalRule:e.horizontalRule,link:e.link,image:e.image,youtube:e.youtubeVideo,iframe:e.iframeEmbed,table:e.table,textColor:e.textColor,highlight:e.highlight,alignment:e.alignment,lineSpacing:e.lineSpacing,letterSpacing:e.letterSpacing,indentIncrease:e.increaseIndent,indentDecrease:e.decreaseIndent,callout:e.callout,undo:e.undo,redo:e.redo,addColumnAfter:e.addColumnAfter,addColumnBefore:e.addColumnBefore,deleteColumn:e.deleteColumn,addRowAfter:e.addRowAfter,addRowBefore:e.addRowBefore,deleteRow:e.deleteRow,deleteTable:e.deleteTable,mergeCells:e.mergeCells,splitCell:e.splitCell,toggleHeaderRow:e.headerRow}[t.action])&&void 0!==o?o:t.label}tOpt(t){var o,e,r,a,i;const c=this.s;if("separator"===t.action)return`─── ${c.systemFonts} ───`;if("paragraph"===t.action)return c.normalText;if("heading"===t.action){const e=null===(o=t.payload)||void 0===o?void 0:o.level;if(1===e)return c.title;if(2===e)return c.subtitle;if(3===e)return c.heading3}if("bulletStyle"===t.action)return null!==(e={disc:c.disc,circle:c.circle,square:c.square}[t.payload])&&void 0!==e?e:t.label;if("taskStyle"===t.action){if("strike"===t.payload)return c.strikeOnComplete;if("plain"===t.payload)return c.noStrikethrough}if("textAlign"===t.action)return null!==(r={left:c.left,center:c.center,right:c.right,justify:c.justify}[t.payload])&&void 0!==r?r:t.label;if("lineHeight"===t.action){if("1"===t.payload)return c.single;if("2"===t.payload)return c.double}return"letterSpacing"===t.action?null!==(a={normal:c.normal,"-0.05em":c.tight,"0.05em":c.light,"0.1em":c.wide,"0.2em":c.veryWide}[t.payload])&&void 0!==a?a:t.label:"callout"===t.action&&null!==(i={info:c.info,warning:c.warning,success:c.success,error:c.error}[t.payload])&&void 0!==i?i:t.label}connectedCallback(){this.el.addEventListener("mousedown",this.handleHostMouseDown),document.addEventListener("click",this.handleDocumentClick,!0)}componentWillLoad(){this.items=this.resolveItems(this.variant),this.colorPalette=i,this._tableContextItems=c}onVariantChange(t){this.items=this.resolveItems(t)}onEditorChange(t,o){null==o||o.off("transaction",this.onTransaction),null==t||t.on("transaction",this.onTransaction),this.items=this.resolveItems(this.variant),this.tick++}resolveItems(t){const o=n("none"===t?"compact":t),e=this.editor;if(!e)return o;const r=o.filter((t=>{if(this.isSeparator(t))return!0;const o=s.ITEM_COMMAND[t.action];return!o||(t=>{try{return"function"==typeof e.can()[t]}catch(t){return!0}})(o)})),a=[];for(const t of r)(!this.isSeparator(t)||a.length&&!this.isSeparator(a[a.length-1]))&&a.push(t);return a.length&&this.isSeparator(a[a.length-1])&&a.pop(),a}onOpenPopoverChange(t,o){!!t!=!!o&&this.coPopoverChange.emit({open:!!t})}disconnectedCallback(){var t;null===(t=this.editor)||void 0===t||t.off("transaction",this.onTransaction),this.el.removeEventListener("mousedown",this.handleHostMouseDown),document.removeEventListener("click",this.handleDocumentClick,!0)}updateTableContext(){if(!this.editor)return void(this.tableContextItems.length&&(this.tableContextItems=[]));const t=this.editor.isActive("table");t&&!this.tableContextItems.length?this.tableContextItems=this._tableContextItems:!t&&this.tableContextItems.length&&(this.tableContextItems=[])}isSeparator(t){return"separator"===t.type}isActive(t){if(!this.editor)return!1;try{if("textAlign"===t.action)return this.editor.isActive({textAlign:t.payload});if("heading"===t.action)return this.editor.isActive("heading",t.payload);if("bulletListMenu"===t.action)return this.editor.isActive("bulletList");if("orderedListMenu"===t.action)return this.editor.isActive("orderedList");if("taskListMenu"===t.action)return this.editor.isActive("taskList");if("iframe"===t.action)return this.editor.isActive("iframe");if("youtube"===t.action)return this.editor.isActive("youtube");if("toggle"===t.type)return this.editor.isActive(t.action)}catch(t){}return!1}getDynamicIcon(t){return"alignment"===t.action&&this.editor?this.editor.isActive({textAlign:"center"})?"text-align-center":this.editor.isActive({textAlign:"right"})?"text-align-right":this.editor.isActive({textAlign:"justify"})?"text-align-justify":"text-align-left":t.icon}togglePopover(t){var o,e;this.openPopover===t?(this.openPopover=null,this.popoverInput=""):(this.openPopover=t,this.popoverInput="","link"===t&&(null===(o=this.editor)||void 0===o?void 0:o.isActive("link"))?this.popoverInput=this.editor.getAttributes("link").href||"":"iframe"===t&&(null===(e=this.editor)||void 0===e?void 0:e.isActive("iframe"))&&(this.popoverInput=this.editor.getAttributes("iframe").src||""))}closePopover(){this.openPopover=null,this.popoverInput="",this.colorHexInput="",this.imagePopoverMode="menu",this.gridLockedRows=0,this.gridLockedCols=0,this.gridHoverRows=0,this.gridHoverCols=0}submitPopover(t){const o=this.editor;if(!o||!this.popoverInput.trim())return void this.closePopover();const e=this.popoverInput.trim(),r="youtube"===t||"iframe"===t;r&&o.view.focus();const a=r?o.chain():o.chain().focus();switch(t){case"link":a.setLink({href:e}).run();break;case"image":a.setImage({src:e}).run();break;case"youtube":a.setYoutubeVideo({src:e}).run();break;case"iframe":o.isActive("iframe")?a.updateIframe({src:e}).run():a.setIframe({src:e}).run()}this.coAction.emit({action:t,payload:e}),this.closePopover(),r&&this.smoothScrollToInserted()}smoothScrollToInserted(){requestAnimationFrame((()=>{const t=this.editor;if(!t)return;const o=t.view.dom.querySelector(".ProseMirror-selectednode");if(o)return void o.scrollIntoView({behavior:"smooth",block:"center"});const{from:e}=t.state.selection,r=t.state.doc.resolve(e);if(r.nodeBefore)try{const o=t.view.nodeDOM(e-r.nodeBefore.nodeSize);o instanceof HTMLElement&&o.scrollIntoView({behavior:"smooth",block:"center"})}catch(t){}}))}removeLink(){const t=this.editor;t&&(t.chain().focus().unsetLink().run(),this.coAction.emit({action:"link",payload:null}),this.closePopover())}removeIframe(){const t=this.editor;t&&(t.chain().focus().deleteSelection().run(),this.coAction.emit({action:"iframe",payload:null}),this.closePopover())}selectColor(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();"textColor"===t?r.setColor(o).run():"highlight"===t&&r.setHighlight({color:o}).run(),this.coAction.emit({action:t,payload:o}),this.closePopover()}clearColor(t){const o=this.editor;if(!o)return;const e=o.chain().focus();"textColor"===t?e.unsetColor().run():"highlight"===t&&e.unsetHighlight().run(),this.coAction.emit({action:t,payload:null}),this.closePopover()}canRun(t){if(!this.editor||this.disabled)return!1;const o=this.editor,e=o.can(),r=(t,...o)=>{if("function"!=typeof e[t])return!0;try{return e[t](...o)}catch(t){return!0}};switch(t.action){case"undo":return r("undo");case"redo":return r("redo");case"table":return!o.isActive("table");case"bold":return r("toggleBold");case"italic":return r("toggleItalic");case"underline":return r("toggleUnderline");case"strike":return r("toggleStrike");case"code":return r("toggleCode");case"blockquote":return r("toggleBlockquote");case"codeBlock":return r("toggleCodeBlock");case"horizontalRule":return r("setHorizontalRule");case"bulletList":case"bulletListMenu":return r("toggleBulletList");case"orderedList":case"orderedListMenu":return r("toggleOrderedList");case"taskListMenu":return r("toggleTaskList");default:return!0}}getDropdownLabel(t){if(!this.editor)return null;const o=this.s;if("headingStyle"===t.action)return this.editor.isActive("heading",{level:1})?o.title:this.editor.isActive("heading",{level:2})?o.subtitle:this.editor.isActive("heading",{level:3})?o.headingAbbr3:o.normal;if("fontSize"===t.action){const t=this.editor.getAttributes("textStyle"),o=null==t?void 0:t.fontSize;return o?o.replace("px",""):"16"}if("fontFamily"===t.action){const t=this.editor.getAttributes("textStyle"),o=null==t?void 0:t.fontFamily;if(!o)return"Sans-serif";const e=o.replace(/['"]/g,"").split(",")[0].trim();return e.length>10?e.substring(0,10)+"…":e}return null}getActiveColor(t){var o,e;if(!this.editor)return"textColor"===t?"#000000":"transparent";const r=this.editor.getAttributes("textStyle");if("textColor"===t)return null!==(o=null==r?void 0:r.color)&&void 0!==o?o:"#000000";const a=this.editor.getAttributes("highlight");return null!==(e=null==a?void 0:a.color)&&void 0!==e?e:"transparent"}renderButton(t){var o,r;const a="popover"===t.type||"dropdown"===t.type||"color"===t.type||"grid"===t.type,i=this.openPopover===t.action,c="headingStyle"===t.action||"fontSize"===t.action||"fontFamily"===t.action,n=c?this.getDropdownLabel(t):null;if("alignment"===t.action&&(null===(o=t.options)||void 0===o?void 0:o.length))return this.renderAlignmentGroup(t);if("listpicker"===t.type){const o=this.isActive(t),r=this.tItem(t);return e("div",{class:"co-rich-text-toolbar__split-wrap",key:t.action},e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__split-main":!0,"co-rich-text-toolbar__btn--active":o},"data-tooltip":r,"aria-label":r,"aria-pressed":String(o),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("co-icon",{name:t.icon,size:18})),e("button",{type:"button",class:{"co-rich-text-toolbar__split-caret":!0,"co-rich-text-toolbar__split-caret--open":i},"data-tooltip":`${this.s.stylesPrefix} ${r}`,"aria-label":`${this.s.stylesPrefix} ${r}`,"aria-expanded":String(i),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.togglePopover(t.action)},e("co-icon",{name:"caret-down",size:10})),i&&this.renderListPicker(t))}if("color"===t.type)return this.renderColorButton(t);const s=this.tItem(t);return e("div",{class:"co-rich-text-toolbar__btn-wrap",key:`${t.action}-${JSON.stringify(null!==(r=t.payload)&&void 0!==r?r:"")}`},c?e("button",{type:"button",class:{"co-rich-text-toolbar__select-btn":!0,"co-rich-text-toolbar__select-btn--open":i},"data-tooltip":s,"aria-label":s,"aria-expanded":String(i),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("span",{class:"co-rich-text-toolbar__select-label"},n),e("co-icon",{name:"caret-down",size:10})):e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":this.isActive(t)||i},"data-tooltip":s,"aria-label":s,"aria-pressed":"toggle"===t.type?String(this.isActive(t)):void 0,"aria-expanded":a?String(i):void 0,disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},e("co-icon",{name:this.getDynamicIcon(t),size:18})),i&&"popover"===t.type&&this.renderInputPopover(t),i&&"dropdown"===t.type&&this.renderDropdown(t),i&&"grid"===t.type&&this.renderTableGrid())}renderAlignmentGroup(t){const o=this.s,r={left:o.alignLeft,center:o.center,right:o.alignRight,justify:o.justify};return e("div",{class:"co-rich-text-toolbar__align-group",key:t.action},t.options.map((t=>{var o,a,i;const c=null!==(a=null===(o=this.editor)||void 0===o?void 0:o.isActive({textAlign:t.payload}))&&void 0!==a&&a,n=null!==(i=r[t.payload])&&void 0!==i?i:t.label;return e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":c},"data-tooltip":n,"aria-label":n,"aria-pressed":String(c),disabled:!this.editor||this.disabled,onMouseDown:t=>t.preventDefault(),onClick:()=>{this.editor&&(this.editor.chain().focus().setTextAlign(t.payload).run(),this.coAction.emit({action:"textAlign",payload:t.payload}))},part:"button"},e("co-icon",{name:t.icon,size:18}))})))}renderColorButton(t){const o=this.openPopover===t.action,r=this.tItem(t),a=this.getActiveColor(t.action),i="textColor"===t.action;return e("div",{class:"co-rich-text-toolbar__btn-wrap",key:t.action},e("button",{type:"button",class:{"co-rich-text-toolbar__btn":!0,"co-rich-text-toolbar__btn--active":o},"data-tooltip":r,"aria-label":r,"aria-expanded":String(o),disabled:!this.canRun(t),onMouseDown:t=>t.preventDefault(),onClick:()=>this.run(t),part:"button"},i?e("span",{class:"co-rich-text-toolbar__color-indicator"},e("span",{class:"co-rich-text-toolbar__color-letter"},"A"),e("span",{class:"co-rich-text-toolbar__color-bar",style:{background:a}})):e("span",{class:"co-rich-text-toolbar__color-indicator"},e("co-icon",{name:t.icon,size:16}),e("span",{class:"co-rich-text-toolbar__color-bar",style:{background:"transparent"===a?"#cccccc":a}}))),o&&this.renderColorPicker(t))}renderListPicker(t){var o,r;if(!(null===(o=t.options)||void 0===o?void 0:o.length))return null;if("taskListMenu"===t.action)return this.renderTaskListPicker(t);const a="orderedListMenu"===t.action,i=this.editor?null===(r=this.editor.getAttributes(a?"orderedList":"bulletList"))||void 0===r?void 0:r.listStyleType:null;return e("div",{class:"co-rich-text-toolbar__listpicker",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},t.options.map((t=>e("button",{type:"button",class:{"co-rich-text-toolbar__listpicker-item":!0,"co-rich-text-toolbar__listpicker-item--active":i===t.payload},"data-tooltip":t.label,onMouseDown:t=>t.preventDefault(),onClick:()=>this.applyListStyle(a,t.payload)},e("ol",{class:{"co-rich-text-toolbar__listpicker-preview":!0,"co-rich-text-toolbar__listpicker-preview--ordered":a},style:{"list-style-type":t.payload}},e("li",null),e("li",null),e("li",null))))))}renderTaskListPicker(t){var o,r;const a=this.editor&&this.editor.isActive("taskList")?null!==(r=null===(o=this.editor.getAttributes("taskList"))||void 0===o?void 0:o.variant)&&void 0!==r?r:"strike":null;return e("div",{class:"co-rich-text-toolbar__listpicker co-rich-text-toolbar__listpicker--task",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},t.options.map((t=>{const o=t.payload;return e("button",{type:"button",class:{"co-rich-text-toolbar__listpicker-item":!0,"co-rich-text-toolbar__listpicker-item--task":!0,"co-rich-text-toolbar__listpicker-item--active":a===o},"data-tooltip":t.label,onMouseDown:t=>t.preventDefault(),onClick:()=>this.applyTaskStyle(o)},e("span",{class:"co-rich-text-toolbar__taskpreview","data-variant":o},e("span",{class:"co-rich-text-toolbar__taskpreview-row"},e("span",{class:"co-rich-text-toolbar__taskpreview-box"}),e("span",{class:"co-rich-text-toolbar__taskpreview-line"})),e("span",{class:"co-rich-text-toolbar__taskpreview-row co-rich-text-toolbar__taskpreview-row--checked"},e("span",{class:"co-rich-text-toolbar__taskpreview-box co-rich-text-toolbar__taskpreview-box--checked"}),e("span",{class:"co-rich-text-toolbar__taskpreview-line"}))))})))}applyListStyle(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();t?e.isActive("orderedList")||r.toggleOrderedList():e.isActive("bulletList")||r.toggleBulletList(),r.setListStyleType(o).run(),this.coAction.emit({action:t?"orderedStyle":"bulletStyle",payload:o}),this.closePopover()}applyTaskStyle(t){const o=this.editor;if(!o)return;const e=o.chain().focus();o.isActive("taskList")||e.toggleTaskList(),e.setTaskListVariant(t).run(),this.coAction.emit({action:"taskStyle",payload:t}),this.closePopover()}renderInputPopover(t){var o,r;if("image"===t.action)return this.renderImagePopover();const a="link"===t.action,i="iframe"===t.action,c=a&&(null===(o=this.editor)||void 0===o?void 0:o.isActive("link"))||i&&(null===(r=this.editor)||void 0===r?void 0:r.isActive("iframe"));return e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("input",{type:"url",class:"co-rich-text-toolbar__popover-input",placeholder:"iframe"===t.action?this.s.iframeUrlPlaceholder:"link"===t.action?"https://...":this.s.youtubeUrlPlaceholder,value:this.popoverInput,onInput:t=>{this.popoverInput=t.target.value},onKeyDown:o=>{"Enter"===o.key&&this.submitPopover(t.action),"Escape"===o.key&&this.closePopover()},ref:t=>t&&setTimeout((()=>t.focus()),0)}),e("div",{class:"co-rich-text-toolbar__popover-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.submitPopover(t.action)},this.s.add),c&&e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--danger",onMouseDown:t=>t.preventDefault(),onClick:()=>a?this.removeLink():this.removeIframe()},this.s.remove),e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},this.s.cancel)))}renderImagePopover(){return"url"===this.imagePopoverMode?e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("input",{type:"url",class:"co-rich-text-toolbar__popover-input",placeholder:this.s.imageUrlPlaceholder,value:this.popoverInput,onInput:t=>{this.popoverInput=t.target.value},onKeyDown:t=>{"Enter"===t.key&&this.submitPopover("image"),"Escape"===t.key&&(this.imagePopoverMode="menu")},ref:t=>t&&setTimeout((()=>t.focus()),0)}),e("div",{class:"co-rich-text-toolbar__popover-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn co-rich-text-toolbar__popover-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.submitPopover("image")},this.s.add),e("button",{type:"button",class:"co-rich-text-toolbar__popover-btn",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.imagePopoverMode="menu"}},this.s.back))):e("div",{class:"co-rich-text-toolbar__popover",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},e("button",{type:"button",class:"co-rich-text-toolbar__popover-option",onMouseDown:t=>t.preventDefault(),onClick:()=>this.triggerImageFileUpload()},e("co-icon",{name:"upload-simple",size:16}),e("span",null,this.s.uploadFromComputer)),e("button",{type:"button",class:"co-rich-text-toolbar__popover-option",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.imagePopoverMode="url"}},e("co-icon",{name:"link",size:16}),e("span",null,this.s.viaUrl)))}triggerImageFileUpload(){const t=document.createElement("input");t.type="file",t.accept="image/*",t.onchange=()=>{var o;const e=null===(o=t.files)||void 0===o?void 0:o[0];if(!e||!this.editor)return;const r=new FileReader;r.onload=()=>{const t=r.result;this.editor.chain().focus().setImage({src:t}).run(),this.imageUpload&&this.imageUpload(e).then((o=>{var e;const r="string"==typeof o?{src:o}:{src:o.src,dataFileId:null!==(e=o.fileId)&&void 0!==e?e:null},{state:a}=this.editor.view;a.doc.descendants(((o,e)=>{if("image"===o.type.name&&o.attrs.src===t){const t=this.editor.view.state.tr.setNodeMarkup(e,void 0,Object.assign(Object.assign({},o.attrs),r));return this.editor.view.dispatch(t),!1}}))})).catch((()=>{})),this.coAction.emit({action:"image",payload:t})},r.readAsDataURL(e),this.closePopover()},t.click()}isDropdownOptionActive(t){var o,e,r;if(!this.editor)return!1;try{if("textAlign"===t.action)return this.editor.isActive({textAlign:t.payload});if("lineHeight"===t.action){const r=this.editor.getAttributes("paragraph");return(null!==(o=null==r?void 0:r.lineHeight)&&void 0!==o?o:null)===(null!==(e=t.payload)&&void 0!==e?e:null)}if("letterSpacing"===t.action){const o=this.editor.getAttributes("textStyle"),e=null!==(r=null==o?void 0:o.letterSpacing)&&void 0!==r?r:null;return"normal"===t.payload?null===e||"normal"===e:e===t.payload}if("heading"===t.action)return this.editor.isActive("heading",t.payload);if("paragraph"===t.action)return!this.editor.isActive("heading")}catch(t){}return!1}applyDropdownCustom(t,o){const e=this.editor,r=o.trim();if(!e||!r)return;const a=e.chain().focus();if("fontSize"===t){const t=parseFloat(r);if(!(t>0))return;a.setFontSize(/^\d+(\.\d+)?$/.test(r)?`${t}px`:r).run()}else"lineSpacing"===t?a.setLineHeight(r).run():"letterSpacing"===t&&("normal"===r?a.unsetLetterSpacing().run():a.setLetterSpacing(r).run());this.closePopover()}renderDropdown(t){var o;if(!(null===(o=t.options)||void 0===o?void 0:o.length))return null;const r="fontFamily"===t.action,a="headingStyle"===t.action,i="lineSpacing"===t.action,c="letterSpacing"===t.action,n="alignment"===t.action||i||c||a,s="fontSize"===t.action?{placeholder:this.s.sizePlaceholder}:i?{placeholder:this.s.lineSpacingPlaceholder}:c?{placeholder:this.s.letterSpacingPlaceholder}:null;return e("div",{class:"co-rich-text-toolbar__dropdown",onMouseDown:t=>{t.preventDefault(),t.stopPropagation()}},s&&e("div",{class:"co-rich-text-toolbar__dropdown-input-wrap"},e("input",{type:"text",class:"co-rich-text-toolbar__dropdown-input",placeholder:s.placeholder,onMouseDown:t=>t.stopPropagation(),onKeyDown:o=>{"Enter"===o.key?(this.applyDropdownCustom(t.action,o.target.value),o.target.value=""):"Escape"===o.key&&this.closePopover()}})),t.options.map((o=>{var i;if("separator"===o.action)return e("div",{class:"co-rich-text-toolbar__dropdown-sep-label"},e("span",null,this.tOpt(o)));const c={},s=n&&this.isDropdownOptionActive(o);if(a&&"heading"===o.action){const t=null===(i=o.payload)||void 0===i?void 0:i.level;c.fontSize=1===t?"20px":2===t?"16px":"14px",c.fontWeight="600"}return r&&o.payload&&(c.fontFamily=o.payload),e("button",{type:"button",class:{"co-rich-text-toolbar__dropdown-item":!0,"co-rich-text-toolbar__dropdown-item--active":s},style:c,onMouseDown:t=>t.preventDefault(),onClick:()=>this.handleDropdownSelect(t,o)},n&&e("span",{class:"co-rich-text-toolbar__dropdown-check"},s?e("co-icon",{name:"check",size:14}):null),o.icon&&e("co-icon",{name:o.icon,size:16}),e("span",null,this.tOpt(o)))})))}handleDropdownSelect(t,o){const e=this.editor;if(!e)return;const r=e.chain().focus();switch(o.action){case"heading":r.toggleHeading(o.payload).run();break;case"paragraph":r.setParagraph().run();break;case"fontSize":r.setFontSize(o.payload).run();break;case"fontFamily":r.setFontFamily(o.payload).run();break;case"textAlign":r.setTextAlign(o.payload).run();break;case"lineHeight":r.setLineHeight(o.payload).run();break;case"letterSpacing":"normal"===o.payload?r.unsetLetterSpacing().run():r.setLetterSpacing(o.payload).run();break;case"callout":r.insertCallout(o.payload).run()}this.coAction.emit({action:o.action,payload:o.payload}),this.closePopover()}renderTableGrid(){return e("div",{class:"co-rich-text-toolbar__table-picker",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("div",{class:"co-rich-text-toolbar__table-header"},e("co-icon",{name:"table",size:16}),e("span",{class:"co-rich-text-toolbar__table-title"},this.s.configureTable),e("button",{type:"button",class:"co-rich-text-toolbar__table-close",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},e("co-icon",{name:"x",size:16}))),e("div",{class:"co-rich-text-toolbar__table-tabs"},e("button",{type:"button",class:{"co-rich-text-toolbar__table-tab":!0,"co-rich-text-toolbar__table-tab--active":"grid"===this.tableTab},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.tableTab="grid"}},this.s.grid),e("button",{type:"button",class:{"co-rich-text-toolbar__table-tab":!0,"co-rich-text-toolbar__table-tab--active":"manual"===this.tableTab},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.tableTab="manual"}},this.s.manual)),"grid"===this.tableTab&&this.renderGridTab(),"manual"===this.tableTab&&this.renderManualTab(),e("label",{class:"co-rich-text-toolbar__table-check"},e("input",{type:"checkbox",checked:this.tableWithHeader,onChange:t=>{this.tableWithHeader=t.target.checked}}),e("span",null,this.s.includeHeaderRow)),"manual"===this.tableTab&&e("div",{class:"co-rich-text-toolbar__table-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--secondary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},this.s.cancel),e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.insertTable(this.tableManualRows,this.tableManualCols)},this.s.createTable)))}renderGridTab(){const t=[],o=this.gridLockedRows>0,r=o?this.gridLockedRows:this.gridHoverRows,a=o?this.gridLockedCols:this.gridHoverCols;for(let i=1;i<=8;i++)for(let c=1;c<=8;c++)t.push(e("div",{class:{"co-rich-text-toolbar__grid-cell":!0,"co-rich-text-toolbar__grid-cell--active":i<=r&&c<=a},onMouseEnter:()=>{o||(this.gridHoverRows=i,this.gridHoverCols=c)},onMouseDown:t=>t.preventDefault(),onClick:()=>{this.gridLockedRows=i,this.gridLockedCols=c}}));const i=this.s,c=r>0?`${a} × ${r} (${a} ${i.columns.toLowerCase()} × ${r} ${i.rows.toLowerCase()})`:i.selectSize;return e("div",{class:"co-rich-text-toolbar__grid-container",onMouseLeave:()=>{o||(this.gridHoverRows=0,this.gridHoverCols=0)}},e("div",{class:"co-rich-text-toolbar__grid",style:{"grid-template-columns":"repeat(8, 1fr)"}},t),e("div",{class:"co-rich-text-toolbar__grid-footer"},e("span",{class:"co-rich-text-toolbar__grid-label"},c),o&&e("button",{type:"button",class:"co-rich-text-toolbar__grid-reset",onMouseDown:t=>t.preventDefault(),onClick:()=>{this.gridLockedRows=0,this.gridLockedCols=0,this.gridHoverRows=0,this.gridHoverCols=0}},i.changeSelection)),o&&e("div",{class:"co-rich-text-toolbar__table-actions"},e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--secondary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.closePopover()},i.cancel),e("button",{type:"button",class:"co-rich-text-toolbar__table-btn co-rich-text-toolbar__table-btn--primary",onMouseDown:t=>t.preventDefault(),onClick:()=>this.insertTable(this.gridLockedRows,this.gridLockedCols)},i.createTable)))}renderManualTab(){return e("div",{class:"co-rich-text-toolbar__table-manual"},e("div",{class:"co-rich-text-toolbar__table-field"},e("label",null,this.s.columns,":"),e("input",{type:"number",min:"1",max:"20",value:this.tableManualCols,onInput:t=>{this.tableManualCols=Math.max(1,parseInt(t.target.value)||1)}})),e("div",{class:"co-rich-text-toolbar__table-field"},e("label",null,this.s.rows,":"),e("input",{type:"number",min:"1",max:"50",value:this.tableManualRows,onInput:t=>{this.tableManualRows=Math.max(1,parseInt(t.target.value)||1)}})))}insertTable(t,o){const e=this.editor;if(!e)return;if(e.isActive("table"))return void this.closePopover();const r=this.tableWithHeader,a=t=>({type:"tableHeader",content:[{type:"paragraph",content:[{type:"text",text:`${this.s.tableHeaderLabel} ${t+1}`}]}]}),i=[];r&&i.push({type:"tableRow",content:Array.from({length:o},((t,o)=>a(o)))});const c=r?t-1:t;for(let t=0;t<c;t++)i.push({type:"tableRow",content:Array.from({length:o},(()=>({type:"tableCell",content:[{type:"paragraph"}]})))});e.chain().focus().insertContent({type:"table",content:i}).run(),this.coAction.emit({action:"table",payload:{rows:t,cols:o,withHeaderRow:r}}),this.closePopover()}renderColorPicker(t){return e("div",{class:"co-rich-text-toolbar__color-picker",onMouseDown:t=>{"INPUT"!==t.target.tagName&&t.preventDefault(),t.stopPropagation()}},e("div",{class:"co-rich-text-toolbar__color-grid"},this.colorPalette.map((o=>e("button",{type:"button",class:"co-rich-text-toolbar__color-swatch",style:Object.assign({background:o},"#ffffff"===o?{border:"1px solid #ccc"}:{}),title:o,onMouseDown:t=>t.preventDefault(),onClick:()=>this.selectColor(t.action,o)})))),e("div",{class:"co-rich-text-toolbar__color-hex"},e("input",{type:"text",class:"co-rich-text-toolbar__color-hex-input",placeholder:"#hex",maxLength:7,value:this.colorHexInput,onInput:t=>{this.colorHexInput=t.target.value},onKeyDown:o=>{if("Enter"===o.key){const o=this.colorHexInput.trim();/^#[0-9a-fA-F]{3,6}$/.test(o)&&(this.selectColor(t.action,o),this.colorHexInput="")}else"Escape"===o.key&&this.closePopover()}})),e("button",{type:"button",class:"co-rich-text-toolbar__color-clear",onMouseDown:t=>t.preventDefault(),onClick:()=>this.clearColor(t.action)},e("co-icon",{name:"x",size:12}),e("span",null,this.s.removeColor)))}render(){return"none"===this.variant||0===this.items.length?null:e("div",{class:"co-rich-text-toolbar",role:"toolbar","aria-label":"Formatting",part:"toolbar"},this.items.map((t=>this.isSeparator(t)?e("span",{class:"co-rich-text-toolbar__sep"}):this.renderButton(t))))}get el(){return r(this)}static get watchers(){return{variant:[{onVariantChange:0}],editor:[{onEditorChange:0}],openPopover:[{onOpenPopoverChange:0}]}}};s.ITEM_COMMAND={table:"insertTable",image:"setImage",youtube:"setYoutubeVideo",iframe:"setIframe",callout:"insertCallout",fontFamily:"setFontFamily",fontSize:"setFontSize",highlight:"toggleHighlight",alignment:"setTextAlign",lineSpacing:"setLineHeight",letterSpacing:"setLetterSpacing",taskListMenu:"toggleTaskList",indentIncrease:"indent",indentDecrease:"outdent",codeBlock:"toggleCodeBlock",blockquote:"toggleBlockquote",horizontalRule:"setHorizontalRule",bulletListMenu:"toggleBulletList",orderedListMenu:"toggleOrderedList"},s.style=":host{display:block;font-family:var(--co-font-family-primary);z-index:10;flex-shrink:0;background:var(--co-semantic-surface-secondary, #fff);overflow:visible}.co-rich-text-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-xxs, 2px);padding:var(--co-spacing-xs) var(--co-spacing-sm);border-bottom:1px solid var(--co-semantic-border-subtle);background:var(--co-semantic-surface-secondary)}.co-rich-text-toolbar__btn-wrap,.co-rich-text-toolbar__split-wrap{overflow:visible}[data-tooltip]{position:relative}[data-tooltip]::after{content:attr(data-tooltip);position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);padding:4px 8px;background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff);font-size:11px;font-weight:500;line-height:1.3;white-space:nowrap;border-radius:4px;pointer-events:none;opacity:0;transition:opacity 0.15s ease;z-index:9999}[data-tooltip]:hover::after{opacity:1;transition-delay:0.4s}[data-tooltip]:active::after,[data-tooltip][aria-expanded=\"true\"]::after{opacity:0 !important;transition-delay:0s}.co-rich-text-toolbar__btn-wrap{position:relative;display:inline-flex}.co-rich-text-toolbar__btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--co-border-radius-xxs);background:transparent;color:var(--co-semantic-text-default, #333);cursor:pointer;transition:background 0.12s ease, color 0.12s ease}.co-rich-text-toolbar__btn:hover:not(:disabled):not(.co-rich-text-toolbar__btn--active){background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.08));color:var(--co-semantic-text-default, #1a1a1a)}.co-rich-text-toolbar__btn--active{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__btn--active:hover{background:var(--co-color-base-negro, #333);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__btn:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__btn:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-base-negro, #1a1a1a));outline-offset:1px}.co-rich-text-toolbar__select-btn{display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 6px;border:1px solid transparent;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;white-space:nowrap;transition:background 0.12s, border-color 0.12s}.co-rich-text-toolbar__select-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.06));border-color:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__select-btn--open{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.06));border-color:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__select-btn:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__select-label{max-width:100px;overflow:hidden;text-overflow:ellipsis}.co-rich-text-toolbar__sep{display:inline-block;width:1px;height:20px;margin:0 var(--co-spacing-xs, 4px);background:var(--co-semantic-border-subtle, rgba(0, 0, 0, 0.12))}.co-rich-text-toolbar__popover{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;gap:var(--co-spacing-xs, 4px);min-width:280px;padding:var(--co-spacing-sm, 8px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__popover-input{width:100%;padding:6px 10px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:var(--co-border-radius-xxs, 4px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);outline:none;box-sizing:border-box}.co-rich-text-toolbar__popover-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.co-rich-text-toolbar__popover-actions{display:flex;gap:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__popover-btn{padding:4px 12px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:var(--co-border-radius-xxs, 4px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;background:var(--co-semantic-surface-secondary, #fff);color:var(--co-semantic-text-default, #333);transition:background 0.12s}.co-rich-text-toolbar__popover-btn:hover:not(.co-rich-text-toolbar__popover-btn--primary){background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__popover-btn--primary{background:var(--co-color-base-negro, #1a1a1a);color:#fff;border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__popover-btn--primary:hover{background:var(--co-color-base-negro, #333);color:#fff}.co-rich-text-toolbar__popover-btn--danger{color:var(--co-color-status-error, #aa2e1b);border-color:var(--co-color-status-error, #aa2e1b)}.co-rich-text-toolbar__popover-option{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);width:100%;padding:8px 10px;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);cursor:pointer;text-align:left;transition:background 0.1s}.co-rich-text-toolbar__popover-option:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__dropdown{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;min-width:180px;max-height:360px;overflow-y:auto;padding:var(--co-spacing-xs, 4px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__dropdown-item{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);padding:6px 10px;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);cursor:pointer;text-align:left;transition:background 0.12s}.co-rich-text-toolbar__dropdown-item:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__dropdown-sep{height:1px;margin:4px 0;background:var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__dropdown-sep-label{padding:6px 10px 2px;font-family:var(--co-font-family-primary);font-size:11px;font-weight:600;color:var(--co-semantic-text-muted, #999);letter-spacing:0.03em;border-top:1px solid var(--co-semantic-border-default, #e0e0e0);margin-top:2px}.co-rich-text-toolbar__dropdown-input-wrap{padding:6px 8px;border-bottom:1px solid var(--co-semantic-border-default, #e0e0e0)}.co-rich-text-toolbar__dropdown-input{width:100%;padding:4px 8px;border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:4px;font-size:13px;font-family:var(--co-font-family-primary);outline:none;box-sizing:border-box}.co-rich-text-toolbar__dropdown-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}.co-rich-text-toolbar__color-picker{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;gap:var(--co-spacing-xs, 4px);padding:var(--co-spacing-sm, 8px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__color-grid{display:grid;grid-template-columns:repeat(10, 1fr);gap:2px}.co-rich-text-toolbar__color-swatch{width:22px;height:22px;padding:0;border:none;border-radius:3px;cursor:pointer;transition:transform 0.1s, box-shadow 0.1s}.co-rich-text-toolbar__color-swatch:hover{transform:scale(1.2);box-shadow:0 0 0 2px var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__color-clear{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);padding:4px 8px;border:none;background:transparent;color:var(--co-semantic-text-secondary, #666);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);cursor:pointer;border-radius:var(--co-border-radius-xxs, 4px);margin-top:var(--co-spacing-xxs, 2px)}.co-rich-text-toolbar__color-clear:hover{background:var(--co-semantic-surface-hover, #f5f5f5);color:var(--co-semantic-text-default, #333)}.co-rich-text-toolbar__table-picker{position:absolute;top:100%;left:0;z-index:100;display:flex;flex-direction:column;width:280px;padding:var(--co-spacing-lg, 16px);background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.12);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__table-header{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-title{flex:1;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:600;letter-spacing:0.06em;color:var(--co-semantic-text-secondary, #666)}.co-rich-text-toolbar__table-close{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--co-border-radius-xxs, 4px);background:transparent;color:var(--co-semantic-text-secondary, #666);cursor:pointer}.co-rich-text-toolbar__table-close:hover{background:var(--co-semantic-surface-hover, #f0f0f0)}.co-rich-text-toolbar__table-tabs{display:flex;gap:0;margin-bottom:var(--co-spacing-md, 12px);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xxs, 4px);overflow:hidden}.co-rich-text-toolbar__table-tab{flex:1;padding:var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-13, 13px);font-weight:500;border:none;background:transparent;color:var(--co-semantic-text-secondary, #666);cursor:pointer;transition:background 0.12s, color 0.12s}.co-rich-text-toolbar__table-tab:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__table-tab--active{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__grid-container{display:flex;flex-direction:column;gap:var(--co-spacing-sm, 8px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__grid{display:grid;gap:3px}.co-rich-text-toolbar__grid-cell{width:24px;height:24px;border:1px solid var(--co-semantic-border-default, #d0d0d0);border-radius:3px;background:transparent;cursor:pointer;transition:background 0.08s, border-color 0.08s}.co-rich-text-toolbar__grid-cell:hover,.co-rich-text-toolbar__grid-cell--active{background:var(--co-color-base-negro, #1a1a1a);border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__grid-footer{display:flex;align-items:center;justify-content:space-between}.co-rich-text-toolbar__grid-label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-muted, #999)}.co-rich-text-toolbar__grid-reset{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);color:var(--co-semantic-text-default, #333);text-decoration:underline;border:none;background:transparent;cursor:pointer;padding:0}.co-rich-text-toolbar__table-manual{display:flex;flex-direction:column;gap:var(--co-spacing-md, 12px);margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-field{display:flex;align-items:center;gap:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-field label{font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default, #333);min-width:70px}.co-rich-text-toolbar__table-field input{flex:1;padding:var(--co-spacing-sm, 8px) var(--co-spacing-md, 12px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xxs, 4px);background:var(--co-semantic-surface-secondary, #fff);outline:none}.co-rich-text-toolbar__table-field input:focus{border-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__table-check{display:flex;align-items:center;gap:var(--co-spacing-sm, 8px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default, #333);cursor:pointer;margin-bottom:var(--co-spacing-md, 12px)}.co-rich-text-toolbar__table-check input{width:18px;height:18px;cursor:pointer;accent-color:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__table-actions{display:flex;gap:var(--co-spacing-sm, 8px);justify-content:flex-end}.co-rich-text-toolbar__table-btn{padding:var(--co-spacing-sm, 8px) var(--co-spacing-lg, 16px);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-13, 13px);font-weight:500;border:none;border-radius:var(--co-border-radius-xxs, 4px);cursor:pointer;transition:opacity 0.12s}.co-rich-text-toolbar__table-btn--primary{background:var(--co-color-base-negro, #1a1a1a);color:var(--co-color-base-blanco, #fff)}.co-rich-text-toolbar__table-btn--primary:hover{opacity:0.85}.co-rich-text-toolbar__table-btn--secondary{background:transparent;color:var(--co-semantic-text-default, #333)}.co-rich-text-toolbar__table-btn--secondary:hover{background:var(--co-semantic-surface-hover, #f5f5f5)}.co-rich-text-toolbar__split-wrap{position:relative;display:inline-flex;align-items:center}.co-rich-text-toolbar__split-main{border-top-right-radius:0;border-bottom-right-radius:0;width:28px}.co-rich-text-toolbar__split-caret{display:inline-flex;align-items:center;justify-content:center;width:16px;height:30px;padding:0;border:none;border-radius:var(--co-border-radius-xxs);border-top-left-radius:0;border-bottom-left-radius:0;background:transparent;color:var(--co-semantic-text-default, #333);cursor:pointer;transition:background 0.12s ease}.co-rich-text-toolbar__split-caret:hover:not(:disabled),.co-rich-text-toolbar__split-caret--open{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.08))}.co-rich-text-toolbar__split-caret:disabled{opacity:0.4;cursor:not-allowed}.co-rich-text-toolbar__listpicker{position:absolute;top:100%;left:0;z-index:100;display:grid;grid-template-columns:repeat(3, 1fr);gap:14px;padding:16px;background:var(--co-semantic-surface-secondary, #fff);border:1px solid var(--co-semantic-border-default, #e0e0e0);border-radius:var(--co-border-radius-xs, 8px);box-shadow:0 8px 24px rgba(0, 0, 0, 0.14);margin-top:var(--co-spacing-xs, 4px)}.co-rich-text-toolbar__listpicker-item{display:flex;align-items:center;justify-content:flex-start;width:76px;height:60px;padding:0;border:1px solid var(--co-semantic-border-default, #e3e3e3);border-radius:8px;background:var(--co-semantic-surface-secondary, #fff);cursor:pointer;transition:border-color 0.12s, box-shadow 0.12s, background 0.12s}.co-rich-text-toolbar__listpicker-item:hover{border-color:var(--co-color-base-negro, #1a1a1a);background:var(--co-semantic-surface-hover, #fafafa)}.co-rich-text-toolbar__listpicker-item--active{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 1.5px var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__listpicker-preview{margin:0;padding:0 0 0 22px;list-style-position:outside;pointer-events:none}.co-rich-text-toolbar__listpicker-preview li{height:3px;width:30px;margin:7px 0;background:var(--co-semantic-border-default, #cfcfcf);border-radius:2px}.co-rich-text-toolbar__listpicker-preview li::marker{color:var(--co-color-base-negro, #1a1a1a);font-size:11px;font-weight:600}.co-rich-text-toolbar__listpicker--task{grid-template-columns:repeat(2, 1fr)}.co-rich-text-toolbar__listpicker-item--task{width:92px;justify-content:center}.co-rich-text-toolbar__taskpreview{display:flex;flex-direction:column;gap:9px}.co-rich-text-toolbar__taskpreview-row{display:flex;align-items:center;gap:7px}.co-rich-text-toolbar__taskpreview-box{flex:0 0 auto;width:11px;height:11px;border:1.5px solid var(--co-color-base-negro, #1a1a1a);border-radius:3px;box-sizing:border-box}.co-rich-text-toolbar__taskpreview-box--checked{position:relative;background:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__taskpreview-box--checked::after{content:'';position:absolute;left:3px;top:0.5px;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.co-rich-text-toolbar__taskpreview-line{position:relative;width:34px;height:3px;background:var(--co-semantic-border-default, #cfcfcf);border-radius:2px}.co-rich-text-toolbar__taskpreview[data-variant=\"strike\"] .co-rich-text-toolbar__taskpreview-row--checked .co-rich-text-toolbar__taskpreview-line::after{content:'';position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:1.5px;background:var(--co-color-base-negro, #1a1a1a)}.co-rich-text-toolbar__dropdown-check{display:inline-flex;align-items:center;justify-content:center;width:18px;flex-shrink:0}.co-rich-text-toolbar__dropdown-item--active{background:var(--co-semantic-surface-hover, rgba(0, 0, 0, 0.04));font-weight:600}.co-rich-text-toolbar__align-group{display:inline-flex;align-items:center;gap:0}.co-rich-text-toolbar__color-indicator{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1}.co-rich-text-toolbar__color-letter{font-family:var(--co-font-family-primary);font-size:14px;font-weight:700;color:var(--co-semantic-text-default, #333);line-height:1}.co-rich-text-toolbar__color-bar{width:14px;height:3px;border-radius:1px}.co-rich-text-toolbar__color-hex{display:flex;align-items:center;gap:4px;margin-top:6px}.co-rich-text-toolbar__color-hex-input{width:100%;padding:3px 6px;border:1px solid var(--co-semantic-border-default, #ccc);border-radius:3px;background:var(--co-semantic-surface-secondary, #fff);color:var(--co-semantic-text-default, #333);font-family:var(--co-font-family-mono, monospace);font-size:11px;outline:none;box-sizing:border-box}.co-rich-text-toolbar__color-hex-input:focus{border-color:var(--co-color-base-negro, #1a1a1a);box-shadow:0 0 0 2px rgba(0, 0, 0, 0.1)}";export{s as co_rich_text_toolbar}

package/dist/cobalt/{p-97c20011.entry.js → p-c857b9ff.entry.js}

@@ -1 +1 @@
-import{r as o,h as t}from"./p-BKmfyPZK.js";const r=class{constructor(t){o(this,t),this.variant="stroke",this.size="m",this.direction="row",this.disabled=!1}render(){return t("div",{key:"1cb2ae54992e103811c5e13d3b332fc2eb7d4d3f",class:{"co-button-group":!0,[`co-button-group--${this.direction}`]:!0,[`co-button-group--${this.variant}`]:!0,"co-button-group--disabled":this.disabled},role:"group"},t("slot",{key:"35b74774de7adec0eafdced70ff56a34575eb037"}))}};r.style=":host{display:inline-flex}.co-button-group{display:inline-flex;gap:0}.co-button-group--row{flex-direction:row}.co-button-group--column{flex-direction:column}.co-button-group--row ::slotted(co-button){--co-btn-border-radius:0}.co-button-group--row ::slotted(co-button:first-child){--co-btn-border-radius-left:var(--co-border-radius-xs)}.co-button-group--row ::slotted(co-button:last-child){--co-btn-border-radius-right:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button){--co-btn-border-radius:0;width:100%}.co-button-group--column ::slotted(co-button:first-child){--co-btn-border-radius-top:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button:last-child){--co-btn-border-radius-bottom:var(--co-border-radius-xs)}.co-button-group--stroke.co-button-group--row ::slotted(co-button:not(:first-child)){margin-left:-1px}.co-button-group--stroke.co-button-group--column ::slotted(co-button:not(:first-child)){margin-top:-1px}.co-button-group--disabled{opacity:0.4;pointer-events:none}";export{r as co_button_group}
+import{r as o,h as t}from"./p-Es9IUmmt.js";const r=class{constructor(t){o(this,t),this.variant="stroke",this.size="m",this.direction="row",this.disabled=!1}render(){return t("div",{key:"aaf009acd7eff27fb1b50ac4356c1686b1fc3a3d",class:{"co-button-group":!0,[`co-button-group--${this.direction}`]:!0,[`co-button-group--${this.variant}`]:!0,"co-button-group--disabled":this.disabled},role:"group"},t("slot",{key:"fd7468a9a12794ca8f88a4a9eba2eedb2cee1583"}))}};r.style=":host{display:inline-flex}.co-button-group{display:inline-flex;gap:0}.co-button-group--row{flex-direction:row}.co-button-group--column{flex-direction:column}.co-button-group--row ::slotted(co-button){--co-btn-border-radius:0}.co-button-group--row ::slotted(co-button:first-child){--co-btn-border-radius-left:var(--co-border-radius-xs)}.co-button-group--row ::slotted(co-button:last-child){--co-btn-border-radius-right:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button){--co-btn-border-radius:0;width:100%}.co-button-group--column ::slotted(co-button:first-child){--co-btn-border-radius-top:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button:last-child){--co-btn-border-radius-bottom:var(--co-border-radius-xs)}.co-button-group--stroke.co-button-group--row ::slotted(co-button:not(:first-child)){margin-left:-1px}.co-button-group--stroke.co-button-group--column ::slotted(co-button:not(:first-child)){margin-top:-1px}.co-button-group--disabled{opacity:0.4;pointer-events:none}";export{r as co_button_group}

package/dist/cobalt/{p-54f26e95.entry.js → p-c85a6a9e.entry.js}

@@ -1 +1 @@
-import{r as a,c as o,h as i}from"./p-BKmfyPZK.js";const e=class{constructor(i){a(this,i),this.coPageChange=o(this,"coPageChange",7),this.page=1,this.pageSize=40,this.totalCount=0,this.pageSizes="[10, 20, 40, 50, 100]",this.perPageLabel="Per page",this.recordsLabel="Records",this.jumpToPageLabel="Jump to page",this.previousLabel="Previous",this.nextLabel="Next",this.parsedPageSizes=[10,20,40,50,100],this.jumpToValue="",this.showPageSizeDropdown=!1}parsePageSizes(){try{this.parsedPageSizes="string"==typeof this.pageSizes?JSON.parse(this.pageSizes):this.pageSizes}catch(a){this.parsedPageSizes=[10,20,40,50,100]}}componentWillLoad(){this.parsePageSizes()}get totalPages(){return Math.max(1,Math.ceil(this.totalCount/this.pageSize))}goToPage(a){const o=Math.max(1,Math.min(a,this.totalPages));o!==this.page&&(this.page=o,this.coPageChange.emit({page:this.page,pageSize:this.pageSize}))}changePageSize(a){this.pageSize=a,this.page=1,this.showPageSizeDropdown=!1,this.coPageChange.emit({page:1,pageSize:a})}handleJumpToPage(a){if("Enter"===a.key){const a=parseInt(this.jumpToValue,10);isNaN(a)||(this.goToPage(a),this.jumpToValue="")}}getVisiblePages(){const a=this.totalPages,o=this.page;if(a<=7)return Array.from({length:a},((a,o)=>o+1));const i=[1];o>3&&i.push("...");const e=Math.max(2,o-1),t=Math.min(a-1,o+1);for(let a=e;a<=t;a++)i.push(a);return o<a-2&&i.push("..."),i.push(a),i}render(){const a=this.getVisiblePages();return i("div",{key:"4b7d41e571e1c8a6e353b413b5e790b48ea37995",class:"co-pagination",part:"pagination"},i("div",{key:"8a0dedd2ea3b54dd19d2286c5e114fe61f732278",class:"co-pagination__section"},i("span",{key:"e4629e6610c5d4e9b1d1cfb24b5edf0e2703c80e",class:"co-pagination__label"},this.jumpToPageLabel),i("input",{key:"fd25c034fdd8c05bf665c6aeffa9686a32573bd9",type:"text",class:"co-pagination__jump-input",value:this.jumpToValue||String(this.page),onInput:a=>{this.jumpToValue=a.target.value},onKeyDown:a=>this.handleJumpToPage(a),onFocus:a=>{a.target.select()},part:"jump-input"})),i("div",{key:"4ddc38a6e5817cb1f516b35dd07e46d811a2006b",class:"co-pagination__section co-pagination__section--page-size"},i("div",{key:"b4aca717ecd742f1dcb60da8ec64bc194d7cd47b",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},i("span",{key:"53169bfff85ffe4a97fb8ce369f3be9ecc163725",class:"co-pagination__page-size-value"},this.pageSize),i("span",{key:"01b9e912b864fd989548b03ae8119ada87e6de49",class:"co-pagination__label"},this.perPageLabel),i("co-icon",{key:"a56598b548e6635296886750354c315b12fbe2d8",name:"caret-down",size:14})),this.showPageSizeDropdown&&i("div",{key:"093a6b2c02f2c7309a14b9b3c7d44e4801643d32",class:"co-pagination__page-size-dropdown",part:"dropdown"},this.parsedPageSizes.map((a=>i("button",{class:{"co-pagination__page-size-option":!0,"co-pagination__page-size-option--active":a===this.pageSize},onClick:()=>this.changePageSize(a)},a))))),i("div",{key:"b2c6703a5cb87eba43264acd998e837eebbff342",class:"co-pagination__spacer"}),i("div",{key:"a48a4bdf1cc1ee9dc80901504c11741589a9ebc3",class:"co-pagination__section"},i("span",{key:"1c7cb0c55a537530d4322a1e7b452c810f32ea94",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),i("div",{key:"60b13b593caf9b08396dd30ac1b9e513ec6a3197",class:"co-pagination__section co-pagination__nav"},i("button",{key:"125da6a4b3e175fc7651d25ee020316f6d64e3d6",class:"co-pagination__nav-btn",disabled:this.page<=1,onClick:()=>this.goToPage(this.page-1),part:"prev-btn"},this.previousLabel),a.map((a=>"..."===a?i("span",{class:"co-pagination__ellipsis"},"…"):i("button",{class:{"co-pagination__page-btn":!0,"co-pagination__page-btn--active":a===this.page},onClick:()=>this.goToPage(a)},a))),i("button",{key:"068e6184593877f651a41573d8aa456f9ef2ef49",class:"co-pagination__nav-btn",disabled:this.page>=this.totalPages,onClick:()=>this.goToPage(this.page+1),part:"next-btn"},this.nextLabel)))}static get watchers(){return{pageSizes:[{parsePageSizes:0}]}}};e.style=":host{display:block;font-family:var(--co-font-family-primary)}.co-pagination{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-md) var(--co-spacing-lg);border-top:1px solid var(--co-color-opacity-negro-8);background:var(--co-color-base-blanco);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);letter-spacing:var(--co-font-letter-spacing-body);user-select:none}.co-pagination__section{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0}.co-pagination__spacer{flex:1}.co-pagination__label{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__count{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__jump-input{width:32px;height:28px;border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:center;padding:0 var(--co-spacing-xs);outline:none;transition:border-color 0.15s ease}.co-pagination__jump-input:focus{border-color:var(--co-color-primary-azul)}.co-pagination__section--page-size{position:relative}.co-pagination__page-size-trigger{display:flex;align-items:center;gap:var(--co-spacing-xs);cursor:pointer;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);transition:background-color 0.15s ease}.co-pagination__page-size-trigger:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-value{font-weight:500;color:var(--co-semantic-text-default)}.co-pagination__page-size-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;min-width:72px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 12px var(--co-color-opacity-negro-8);padding:var(--co-spacing-xs) 0;z-index:10}.co-pagination__page-size-option{display:block;width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-size-option:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-option--active{font-weight:500;color:var(--co-color-primary-azul)}.co-pagination__nav{display:flex;align-items:center;gap:var(--co-spacing-xxs)}.co-pagination__nav-btn{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);cursor:pointer;transition:background-color 0.15s ease;white-space:nowrap}.co-pagination__nav-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-pagination__nav-btn:disabled{opacity:0.4;cursor:not-allowed}.co-pagination__page-btn{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--co-border-radius-xxs);background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-btn:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-btn--active{background:var(--co-color-base-negro);color:var(--co-color-base-blanco);font-weight:500}.co-pagination__page-btn--active:hover{background:var(--co-color-base-negro)}.co-pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;color:var(--co-color-gray-400)}";export{e as co_data_table_pagination}
+import{r as a,c as o,h as i}from"./p-Es9IUmmt.js";const t=class{constructor(i){a(this,i),this.coPageChange=o(this,"coPageChange",7),this.page=1,this.pageSize=40,this.totalCount=0,this.pageSizes="[10, 20, 40, 50, 100]",this.perPageLabel="Per page",this.recordsLabel="Records",this.jumpToPageLabel="Jump to page",this.previousLabel="Previous",this.nextLabel="Next",this.parsedPageSizes=[10,20,40,50,100],this.jumpToValue="",this.showPageSizeDropdown=!1}parsePageSizes(){try{this.parsedPageSizes="string"==typeof this.pageSizes?JSON.parse(this.pageSizes):this.pageSizes}catch(a){this.parsedPageSizes=[10,20,40,50,100]}}componentWillLoad(){this.parsePageSizes()}get totalPages(){return Math.max(1,Math.ceil(this.totalCount/this.pageSize))}goToPage(a){const o=Math.max(1,Math.min(a,this.totalPages));o!==this.page&&(this.page=o,this.coPageChange.emit({page:this.page,pageSize:this.pageSize}))}changePageSize(a){this.pageSize=a,this.page=1,this.showPageSizeDropdown=!1,this.coPageChange.emit({page:1,pageSize:a})}handleJumpToPage(a){if("Enter"===a.key){const a=parseInt(this.jumpToValue,10);isNaN(a)||(this.goToPage(a),this.jumpToValue="")}}getVisiblePages(){const a=this.totalPages,o=this.page;if(a<=7)return Array.from({length:a},((a,o)=>o+1));const i=[1];o>3&&i.push("...");const t=Math.max(2,o-1),e=Math.min(a-1,o+1);for(let a=t;a<=e;a++)i.push(a);return o<a-2&&i.push("..."),i.push(a),i}render(){const a=this.getVisiblePages();return i("div",{key:"58fdc57923ac061b83b248ad47bfc898b66fb512",class:"co-pagination",part:"pagination"},i("div",{key:"918fdaecef593fdde7095353be9d28a19b1a89c4",class:"co-pagination__section"},i("span",{key:"4b962d74a9655b6fd6a6ec670df4139b28bd49c1",class:"co-pagination__label"},this.jumpToPageLabel),i("input",{key:"c4db59aea2a672f6b103ec1b3183af94c10168b2",type:"text",class:"co-pagination__jump-input",value:this.jumpToValue||String(this.page),onInput:a=>{this.jumpToValue=a.target.value},onKeyDown:a=>this.handleJumpToPage(a),onFocus:a=>{a.target.select()},part:"jump-input"})),i("div",{key:"76de3483638cab4fbd2161c3ecd0331d8ce479c9",class:"co-pagination__section co-pagination__section--page-size"},i("div",{key:"816fce2951c214419670d7bc060476beb1d3dda3",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},i("span",{key:"c65b889eb1c7287559c40e7449e4053e3ffafa87",class:"co-pagination__page-size-value"},this.pageSize),i("span",{key:"72191c99bb24055f6a239aeb301452240ad954b3",class:"co-pagination__label"},this.perPageLabel),i("co-icon",{key:"f9688b7b17af70c9348b837bdacc2cf879a50e71",name:"caret-down",size:14})),this.showPageSizeDropdown&&i("div",{key:"47273c123ecdcfd8aee50d6d67d27bddcd78efcb",class:"co-pagination__page-size-dropdown",part:"dropdown"},this.parsedPageSizes.map((a=>i("button",{class:{"co-pagination__page-size-option":!0,"co-pagination__page-size-option--active":a===this.pageSize},onClick:()=>this.changePageSize(a)},a))))),i("div",{key:"38fa750720d8df2087b6579d287f79681c6b0ff8",class:"co-pagination__spacer"}),i("div",{key:"17f1557e704f2f466efe06babc9ba4d065d67c7f",class:"co-pagination__section"},i("span",{key:"376d1c381f7efc92ee1afafa664e665ab80f6b17",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),i("div",{key:"cea4fe162d5610c6fd847be228f672fc3ae088cb",class:"co-pagination__section co-pagination__nav"},i("button",{key:"64b7983f49a768631265f82af2904b15b6b927ef",class:"co-pagination__nav-btn",disabled:this.page<=1,onClick:()=>this.goToPage(this.page-1),part:"prev-btn"},this.previousLabel),a.map((a=>"..."===a?i("span",{class:"co-pagination__ellipsis"},"…"):i("button",{class:{"co-pagination__page-btn":!0,"co-pagination__page-btn--active":a===this.page},onClick:()=>this.goToPage(a)},a))),i("button",{key:"efd6ec713cb22bdb9eb6774e094f8fbc12cb4811",class:"co-pagination__nav-btn",disabled:this.page>=this.totalPages,onClick:()=>this.goToPage(this.page+1),part:"next-btn"},this.nextLabel)))}static get watchers(){return{pageSizes:[{parsePageSizes:0}]}}};t.style=":host{display:block;font-family:var(--co-font-family-primary)}.co-pagination{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-md) var(--co-spacing-lg);border-top:1px solid var(--co-color-opacity-negro-8);background:var(--co-color-base-blanco);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);letter-spacing:var(--co-font-letter-spacing-body);user-select:none}.co-pagination__section{display:flex;align-items:center;gap:var(--co-spacing-sm);flex-shrink:0}.co-pagination__spacer{flex:1}.co-pagination__label{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__count{color:var(--co-semantic-text-secondary);white-space:nowrap}.co-pagination__jump-input{width:32px;height:28px;border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:center;padding:0 var(--co-spacing-xs);outline:none;transition:border-color 0.15s ease}.co-pagination__jump-input:focus{border-color:var(--co-color-primary-azul)}.co-pagination__section--page-size{position:relative}.co-pagination__page-size-trigger{display:flex;align-items:center;gap:var(--co-spacing-xs);cursor:pointer;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);transition:background-color 0.15s ease}.co-pagination__page-size-trigger:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-value{font-weight:500;color:var(--co-semantic-text-default)}.co-pagination__page-size-dropdown{position:absolute;bottom:calc(100% + 4px);left:0;min-width:72px;background:var(--co-color-base-blanco);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 12px var(--co-color-opacity-negro-8);padding:var(--co-spacing-xs) 0;z-index:10}.co-pagination__page-size-option{display:block;width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);text-align:left;cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-size-option:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-size-option--active{font-weight:500;color:var(--co-color-primary-azul)}.co-pagination__nav{display:flex;align-items:center;gap:var(--co-spacing-xxs)}.co-pagination__nav-btn{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-xxs);background:var(--co-color-base-blanco);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-default);cursor:pointer;transition:background-color 0.15s ease;white-space:nowrap}.co-pagination__nav-btn:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-pagination__nav-btn:disabled{opacity:0.4;cursor:not-allowed}.co-pagination__page-btn{min-width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--co-border-radius-xxs);background:none;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);color:var(--co-semantic-text-secondary);cursor:pointer;transition:background-color 0.1s ease}.co-pagination__page-btn:hover{background:var(--co-semantic-surface-hover)}.co-pagination__page-btn--active{background:var(--co-color-base-negro);color:var(--co-color-base-blanco);font-weight:500}.co-pagination__page-btn--active:hover{background:var(--co-color-base-negro)}.co-pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;color:var(--co-color-gray-400)}";export{t as co_data_table_pagination}

package/dist/cobalt/p-ca108c6d.entry.js

@@ -0,0 +1 @@
+import{r,c as e,h as c}from"./p-Es9IUmmt.js";const o=class{constructor(c){r(this,c),this.coOpen=e(this,"coOpen",7),this.coToggleSelect=e(this,"coToggleSelect",7),this.coStar=e(this,"coStar",7),this.variant="folder",this.density="comfy",this.accent="var(--co-color-primary-azul)",this.name="",this.meta="",this.selected=!1,this.starred=!1,this.active=!1,this.handleOpen=()=>{this.coOpen.emit()},this.handleKeyDown=r=>{"Enter"!==r.key&&" "!==r.key||(r.preventDefault(),this.coOpen.emit())},this.handleToggleSelect=r=>{r.stopPropagation(),this.coToggleSelect.emit(!this.selected)},this.handleStar=r=>{r.stopPropagation(),this.coStar.emit()}}renderSelectChip(r){return c("span",{class:"co-drive-card__select",part:"select",role:"checkbox","aria-checked":String(this.selected),"aria-label":"Select item",onClick:this.handleToggleSelect},this.selected&&c("svg",{class:"co-drive-card__check",width:r,height:r,viewBox:"0 0 16 16",fill:"none","aria-hidden":"true"},c("path",{d:"M3.5 8.5l3 3 6-6.5",stroke:"#fff","stroke-width":"2.2","stroke-linecap":"round","stroke-linejoin":"round"})))}renderFolder(){const r="compact"===this.density?20:24;return[this.renderSelectChip(12),c("span",{class:"co-drive-card__tile",part:"tile"},c("co-icon",{name:"folder",size:r,weight:"fill"})),c("div",{class:"co-drive-card__text"},c("span",{class:"co-drive-card__name",part:"name"},this.name),this.meta&&c("span",{class:"co-drive-card__meta",part:"meta"},this.meta)),c("div",{class:"co-drive-card__trailing",part:"trailing"},this.starred&&c("co-icon",{class:"co-drive-card__star",name:"star",size:15,weight:"fill"}),c("slot",{name:"trailing"}))]}renderFile(){return[c("div",{class:"co-drive-card__thumb",part:"thumb"},c("slot",{name:"thumb"})),this.renderSelectChip(13),c("span",{class:"co-drive-card__star-overlay",part:"star",role:"button","aria-label":this.starred?"Unstar item":"Star item",onClick:this.handleStar},c("co-icon",{name:"star",size:17,weight:this.starred?"fill":"regular"})),c("div",{class:"co-drive-card__foot",part:"foot"},c("span",{class:"co-drive-card__type"},c("slot",{name:"type"},this.ext?c("co-file-type-tile",{ext:this.ext,size:26,radius:7}):null)),c("div",{class:"co-drive-card__foot-text"},c("span",{class:"co-drive-card__name",part:"name"},this.name),this.meta&&c("span",{class:"co-drive-card__sub",part:"meta"},this.meta)),c("span",{class:"co-drive-card__actions",part:"actions"},c("slot",{name:"actions"})))]}render(){const r="file"===this.variant;return c("div",{key:"f9e2b706825032260ad30201232bd9cf0d04d1ac",class:{"co-drive-card":!0,[`co-drive-card--${this.variant}`]:!0,[`co-drive-card--${this.density}`]:!0,"co-drive-card--selected":this.selected,"co-drive-card--starred":this.starred,"co-drive-card--active":this.active&&r},part:"card",role:"button",tabIndex:0,style:{"--dc-accent":this.accent},onClick:this.handleOpen,onKeyDown:this.handleKeyDown},r?this.renderFile():this.renderFolder())}};o.style=":host{display:block}.co-drive-card{--dc-accent:var(--co-color-primary-azul, #2563eb);position:relative;box-sizing:border-box;width:100%;border-radius:14px;cursor:pointer;outline:none;font-family:var(--co-font-family-primary);background:var(--co-color-base-blanco, #fff);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card:focus-visible{box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card--folder{display:flex;align-items:center;gap:12px;transition:box-shadow 0.14s ease, background 0.12s ease}.co-drive-card--folder.co-drive-card--comfy{padding:14px}.co-drive-card--folder.co-drive-card--compact{padding:10px 12px}.co-drive-card--folder:hover:not(.co-drive-card--selected){box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card--folder.co-drive-card--selected{background:color-mix(in srgb, var(--dc-accent) 7%, white);box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card__tile{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:11px;background:color-mix(in srgb, var(--dc-accent) 12%, white);color:var(--dc-accent)}.co-drive-card--comfy .co-drive-card__tile{width:44px;height:44px}.co-drive-card--compact .co-drive-card__tile{width:38px;height:38px}.co-drive-card__text{flex:1;min-width:0;display:flex;flex-direction:column}.co-drive-card__name{font-family:var(--co-font-family-primary);font-size:14px;font-weight:500;line-height:1.3;color:var(--co-color-base-negro, #1f1c1b);letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__meta{font-family:var(--co-font-family-primary);font-size:12px;color:var(--co-color-gray-500, #888888);margin-top:2px;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__trailing{flex-shrink:0;display:flex;align-items:center;gap:6px}.co-drive-card__star{display:inline-flex;color:var(--co-color-primary-amarillo, #fdbf00)}.co-drive-card--file{display:flex;flex-direction:column;gap:10px;transition:box-shadow 0.14s ease}.co-drive-card--file.co-drive-card--comfy{padding:10px}.co-drive-card--file.co-drive-card--compact{padding:8px}.co-drive-card--file:hover:not(.co-drive-card--selected):not(.co-drive-card--active){box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-drive-card--file.co-drive-card--active:not(.co-drive-card--selected){box-shadow:inset 0 0 0 1.5px var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25))}.co-drive-card--file.co-drive-card--selected{box-shadow:inset 0 0 0 1.5px var(--dc-accent)}.co-drive-card__thumb{display:block;border-radius:10px;overflow:hidden;background:var(--co-color-gray-100, #f6f6f6)}.co-drive-card--comfy .co-drive-card__thumb{height:132px}.co-drive-card--compact .co-drive-card__thumb{height:96px}.co-drive-card__thumb ::slotted(*){display:block;width:100%;height:100%}.co-drive-card__thumb ::slotted(img){object-fit:cover}.co-drive-card--file .co-drive-card__name{font-size:13px}.co-drive-card__sub{font-family:var(--co-font-family-primary);font-size:11.5px;color:var(--co-color-gray-500, #888888);margin-top:1px;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-drive-card__foot{display:flex;align-items:center;gap:8px;padding:0 2px 2px}.co-drive-card__type{flex-shrink:0;display:inline-flex}.co-drive-card__foot-text{flex:1;min-width:0;display:flex;flex-direction:column}.co-drive-card__actions{flex-shrink:0;display:inline-flex;align-items:center;color:var(--co-color-gray-400, #a0a0a0);opacity:0;transition:opacity 0.12s ease}.co-drive-card:hover .co-drive-card__actions{opacity:1}.co-drive-card__star-overlay{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--co-color-base-blanco, #fff);opacity:0;transition:opacity 0.12s ease}.co-drive-card:hover .co-drive-card__star-overlay,.co-drive-card--starred .co-drive-card__star-overlay{opacity:1}.co-drive-card--starred .co-drive-card__star-overlay{color:var(--co-color-primary-amarillo, #fdbf00)}.co-drive-card__select{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;opacity:0;transition:opacity 0.12s ease;background:rgba(255, 255, 255, 0.9);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-16, rgba(31, 28, 27, 0.16))}.co-drive-card:hover .co-drive-card__select,.co-drive-card--selected .co-drive-card__select{opacity:1}.co-drive-card--folder .co-drive-card__select{top:8px;left:8px;width:20px;height:20px}.co-drive-card--file .co-drive-card__select{top:16px;left:16px;width:22px;height:22px;background:rgba(255, 255, 255, 0.92)}.co-drive-card--selected .co-drive-card__select{background:var(--dc-accent);box-shadow:none}.co-drive-card__check{display:block;pointer-events:none}";export{o as co_drive_card}

package/dist/cobalt/p-cf239452.entry.js

@@ -0,0 +1 @@
+import{r as e,c,h as i,H as r,a as t}from"./p-Es9IUmmt.js";const a=class{constructor(i){e(this,i),this.coSelect=c(this,"coSelect",7),this.current=!1,this.separator="caret-right",this.emit=()=>{this.coSelect.emit(this.value||this.label||"")},this.handleClick=()=>this.emit(),this.handleKeydown=e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),this.emit())}}render(){return i(r,{key:"d788ec16332a691710015ad2be2577388fe2f556",part:"breadcrumb-item",class:{"co-breadcrumb-item":!0,"co-breadcrumb-item--current":this.current}},i("span",{key:"8ce859164b523684d7480a3defc645a5153a2915",class:"co-breadcrumb-item__sep","aria-hidden":"true"},i("co-icon",{key:"5cce7777df74e3e7a8e2f3dc7ac585eef7ffce58",name:this.separator,size:13})),i("span",{key:"3d707d53b84100b66eaf31bef278865d9bb36fd5",class:"co-breadcrumb-item__content",part:"content",role:"link",tabindex:"0","aria-current":this.current?"page":void 0,onClick:this.handleClick,onKeyDown:this.handleKeydown},this.icon&&i("span",{key:"d5f033e2036771dd35ce14c2c30533e9ad27111b",class:"co-breadcrumb-item__icon"},i("co-icon",{key:"dce9a4c62fa71a6cb00eb5110c8145ca8d940398",name:this.icon,size:16})),i("span",{key:"1d0d750e03729165dddd5fbbb624e3ccdbf4f446",class:"co-breadcrumb-item__label"},this.label,i("slot",{key:"50fdfd367f71edfdcd3e3943e14fb35dbecb170f"}))))}get el(){return t(this)}};a.style=":host{display:inline-flex;align-items:center;min-width:0}.co-breadcrumb-item__sep{display:inline-flex;align-items:center;flex-shrink:0;margin-right:var(--co-spacing-xs, 4px);color:var(--co-color-gray-400, #a0a0a0)}:host(:first-child) .co-breadcrumb-item__sep{display:none}.co-breadcrumb-item__content{display:inline-flex;align-items:center;gap:7px;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;white-space:nowrap;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body, -0.03em);color:var(--co-color-gray-500, #888888)}.co-breadcrumb-item__content:focus-visible{outline:2px solid var(--co-semantic-border-focus, var(--co-color-primary-azul, #2563eb));outline-offset:2px;border-radius:2px}.co-breadcrumb-item--current .co-breadcrumb-item__content{font-weight:500;color:var(--co-color-base-negro, #1f1c1b)}.co-breadcrumb-item__icon{display:inline-flex;align-items:center;flex-shrink:0;}.co-breadcrumb-item__label{min-width:0;overflow:hidden;text-overflow:ellipsis}";export{a as co_breadcrumb_item}

package/dist/cobalt/p-d2507f04.entry.js

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

package/dist/cobalt/p-d403d9c4.entry.js

@@ -0,0 +1 @@
+import{r as t,h as e}from"./p-Es9IUmmt.js";const a=class{constructor(e){t(this,e),this.variant="plain",this.size="m"}render(){var t;const a=null!==(t=this.iconWeight)&&void 0!==t?t:"card"===this.variant?"regular":"light";return e("div",{key:"c7336e586fbce927c39b6f7e8d852849e0312e83",class:{"co-empty-state":!0,[`co-empty-state--${this.variant}`]:!0,[`co-empty-state--${this.size}`]:!0},part:"empty-state"},this.icon&&e("div",{key:"f58b6073926822e44fa22862ea907b664a61395e",class:"co-empty-state__icon"},e("co-icon",{key:"a4269c6f9926407f22dd1200b75186c0f37f7af1",name:this.icon,size:40,weight:a})),this.heading&&e("div",{key:"94f7bc1e6c270253ab80c7dc54b2c3b080826d2f",class:"co-empty-state__heading"},this.heading),this.description&&e("div",{key:"fa263779ebe981cdbe4944883337a9daf8eaef2f",class:"co-empty-state__description"},this.description),e("div",{key:"e41f7fa89d2ee5d99793dedc377c50c0f983e8ab",class:"co-empty-state__actions"},e("slot",{key:"f81de2fc06cd14a6793fc1e5613d73f499482df3"})))}};a.style=":host{display:block}.co-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--co-spacing-2xl) var(--co-spacing-xl);font-family:var(--co-font-family-primary);max-width:492px;margin:0 auto}.co-empty-state__icon{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;background:var(--co-semantic-surface-subtle);color:var(--co-semantic-text-muted);margin-bottom:var(--co-spacing-xl)}.co-empty-state__heading{font-size:var(--co-font-size-20);font-weight:600;color:var(--co-semantic-text-default);margin-bottom:var(--co-spacing-sm)}.co-empty-state__description{font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);line-height:1.5;margin-bottom:var(--co-spacing-xl)}.co-empty-state__actions{display:flex;gap:var(--co-spacing-md);flex-wrap:wrap;justify-content:center}.co-empty-state__actions:empty{display:none}.co-empty-state--card{gap:var(--co-spacing-3xl, 32px);padding:var(--co-spacing-5xl, 48px) var(--co-spacing-3xl, 32px);background:var(--co-color-base-blanco, #fff);box-shadow:inset 0 0 0 1px var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-lg, 16px)}.co-empty-state--card .co-empty-state__icon{margin-bottom:0;background:var(--co-color-gray-100, #f6f6f6);color:var(--co-color-gray-600, #585858)}.co-empty-state--card .co-empty-state__heading{margin-bottom:0}.co-empty-state--card .co-empty-state__description{margin-bottom:0;line-height:1.35;color:var(--co-color-gray-600, #585858);max-width:366px}.co-empty-state--l .co-empty-state__icon{width:98px;height:98px}.co-empty-state--l .co-empty-state__heading{font-size:var(--co-font-size-24, 24px);font-weight:500;line-height:1.25}";export{a as co_empty_state}

package/dist/cobalt/{p-aa63812a.entry.js → p-d4086c34.entry.js}

@@ -1 +1 @@
-import{r as e,c as s,h as i,a as r}from"./p-BKmfyPZK.js";const t=class{constructor(i){e(this,i),this.coChange=s(this,"coChange",7),this.coInput=s(this,"coInput",7),this.status="default",this.value=0,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.showValue=!0,this.showMarks=!1,this.dragging=!1,this.handlePointerDown=e=>{if(this.disabled)return;e.preventDefault(),this.dragging=!0;const s=this.valueFromEvent(e.clientX);this.value=s,this.coInput.emit(s);const i=e=>{const s=this.valueFromEvent(e.clientX);this.value=s,this.coInput.emit(s)},r=()=>{this.dragging=!1,this.coChange.emit(this.value),document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",i),document.addEventListener("pointerup",r)},this.handleInputChange=e=>{const s=parseFloat(e.target.value);if(!isNaN(s)){const e=this.snap(s);this.value=e,this.coChange.emit(e)}}}get percentage(){const e=this.max-this.min;return e<=0?0:(this.value-this.min)/e*100}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}clamp(e){return Math.min(this.max,Math.max(this.min,e))}snap(e){const s=Math.round((e-this.min)/this.step);return this.clamp(this.min+s*this.step)}valueFromEvent(e){if(!this.trackEl)return this.value;const s=this.trackEl.getBoundingClientRect(),i=Math.max(0,Math.min(1,(e-s.left)/s.width));return this.snap(this.min+i*(this.max-this.min))}render(){const e=this.percentage;return i("div",{key:"9666bc3215652fef40b6750b1bcf653da999ce75",class:{"co-slider":!0,"co-slider--disabled":this.disabled,"co-slider--dragging":this.dragging,[`co-slider--${this.status}`]:"default"!==this.status}},(this.label||this.secondaryLabel||this.showValue)&&i("div",{key:"a37b3269d2ef9b95225196a85b112750b4a3fcae",class:"co-slider__labels"},i("div",{key:"18ca7e2f93ff343c278f0bede877078d90b24810",class:"co-slider__labels-left"},this.label&&i("label",{key:"fe49fe8bac3897b39b4a887b9932f64711576621",class:"co-slider__label"},this.label),this.secondaryLabel&&i("span",{key:"aa0850998081f52521bacf8cdd478f0ea2eb7170",class:"co-slider__secondary-label"},this.secondaryLabel)),this.showValue&&i("span",{key:"9de291e2bac119a3d52d2e502eb7fe604e1f0cc9",class:"co-slider__value"},this.value)),i("div",{key:"b962b60c11b9089338b00af3e907bad60a088392",class:"co-slider__track-wrapper",ref:e=>this.trackEl=e,onPointerDown:this.handlePointerDown},i("div",{key:"0140d753b83767e2c2ca8b5d7113712aef268401",class:"co-slider__track"},i("div",{key:"81f89f49edaf65b78a814c03e77273b86a0b88d0",class:"co-slider__fill",style:{width:`${e}%`}})),i("div",{key:"c163d0dd0655d6052158f64919f6bb3487cc2fef",class:"co-slider__thumb",style:{left:`${e}%`}})),this.showMarks&&i("div",{key:"5398bacad904e3151be739ac96edea006e9ebc2b",class:"co-slider__marks"},i("span",{key:"60940a59763a62b9138566f219447524f5b58f6d",class:"co-slider__mark"},this.min),i("span",{key:"eef1fbf170d58a7a0bc47da021e75483089ac873",class:"co-slider__mark"},this.max)),i("input",{key:"bba029e3b31ef5f7870152872298478cca82d377",class:"co-slider__native",type:"range",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInput:this.handleInputChange,"aria-label":this.label||"Slider"}),this.helperText&&i("div",{key:"21b325224fa58623e5a7b2148828dc125750c8d9",class:`co-slider__helper co-slider__helper--${this.status}`},this.statusIcon&&i("co-icon",{key:"88e62cca21285bd21b4dd68c77e0c48bbdffecf8",name:this.statusIcon,size:14,weight:"fill",class:"co-slider__helper-icon"}),i("span",{key:"7f10644c1b17a09d947d79471a7d848455fd97f3",class:"co-slider__helper-text"},this.helperText)))}get el(){return r(this)}};t.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);line-height:1}.co-slider{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-slider__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__labels-left{display:flex;align-items:center;gap:var(--co-spacing-sm2)}.co-slider__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default}.co-slider__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-slider__value{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500;font-variant-numeric:tabular-nums}.co-slider--disabled .co-slider__label,.co-slider--disabled .co-slider__secondary-label,.co-slider--disabled .co-slider__value{color:var(--co-semantic-text-disabled)}.co-slider__track-wrapper{position:relative;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}.co-slider--disabled .co-slider__track-wrapper{cursor:not-allowed}.co-slider__track{width:100%;height:4px;background:var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-full);overflow:hidden}.co-slider__fill{height:100%;background:var(--co-semantic-surface-primary);border-radius:var(--co-border-radius-full);transition:width 0.05s ease}.co-slider--disabled .co-slider__fill{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__fill{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__fill{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__fill{background:var(--co-color-status-review)}.co-slider__thumb{position:absolute;top:50%;width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);border:2px solid var(--co-semantic-surface-secondary);box-shadow:var(--co-semantic-control-shadow, 0 1px 4px rgba(0,0,0,0.12));transform:translate(-50%, -50%);transition:box-shadow 0.15s ease, transform 0.1s ease;pointer-events:none}.co-slider--dragging .co-slider__thumb{transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 4px var(--co-semantic-border-focus-ring)}.co-slider--disabled .co-slider__thumb{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__thumb{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__thumb{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__thumb{background:var(--co-color-status-review)}.co-slider__marks{display:flex;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__mark{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums}.co-slider__native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;margin:-1px}.co-slider__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-slider__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-slider__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-slider__helper--error .co-slider__helper-icon,.co-slider__helper--error .co-slider__helper-text{color:var(--co-semantic-status-error)}.co-slider__helper--success .co-slider__helper-icon,.co-slider__helper--success .co-slider__helper-text{color:var(--co-semantic-status-success)}.co-slider__helper--warning .co-slider__helper-icon,.co-slider__helper--warning .co-slider__helper-text{color:var(--co-color-status-review)}.co-slider__helper--info .co-slider__helper-icon,.co-slider__helper--info .co-slider__helper-text{color:var(--co-semantic-status-info)}";export{t as co_slider}
+import{r as e,c as s,h as i,a as r}from"./p-Es9IUmmt.js";const c=class{constructor(i){e(this,i),this.coChange=s(this,"coChange",7),this.coInput=s(this,"coInput",7),this.status="default",this.value=0,this.min=0,this.max=100,this.step=1,this.disabled=!1,this.showValue=!0,this.showMarks=!1,this.dragging=!1,this.handlePointerDown=e=>{if(this.disabled)return;e.preventDefault(),this.dragging=!0;const s=this.valueFromEvent(e.clientX);this.value=s,this.coInput.emit(s);const i=e=>{const s=this.valueFromEvent(e.clientX);this.value=s,this.coInput.emit(s)},r=()=>{this.dragging=!1,this.coChange.emit(this.value),document.removeEventListener("pointermove",i),document.removeEventListener("pointerup",r)};document.addEventListener("pointermove",i),document.addEventListener("pointerup",r)},this.handleInputChange=e=>{const s=parseFloat(e.target.value);if(!isNaN(s)){const e=this.snap(s);this.value=e,this.coChange.emit(e)}}}get percentage(){const e=this.max-this.min;return e<=0?0:(this.value-this.min)/e*100}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}clamp(e){return Math.min(this.max,Math.max(this.min,e))}snap(e){const s=Math.round((e-this.min)/this.step);return this.clamp(this.min+s*this.step)}valueFromEvent(e){if(!this.trackEl)return this.value;const s=this.trackEl.getBoundingClientRect(),i=Math.max(0,Math.min(1,(e-s.left)/s.width));return this.snap(this.min+i*(this.max-this.min))}render(){const e=this.percentage;return i("div",{key:"a9f92ca57336e9bae289723f39592a47671a4b15",class:{"co-slider":!0,"co-slider--disabled":this.disabled,"co-slider--dragging":this.dragging,[`co-slider--${this.status}`]:"default"!==this.status}},(this.label||this.secondaryLabel||this.showValue)&&i("div",{key:"8eb64363bba56ffa4562338ba0d6d7136da14376",class:"co-slider__labels"},i("div",{key:"4c3801ed323503bf8ade392fc36bff86d8b7110d",class:"co-slider__labels-left"},this.label&&i("label",{key:"597875203892c6a8a05a0320a68265fc5d1e3391",class:"co-slider__label"},this.label),this.secondaryLabel&&i("span",{key:"b625942a84e80fcdf41963496aa7638424c56d25",class:"co-slider__secondary-label"},this.secondaryLabel)),this.showValue&&i("span",{key:"bda003630b130c2c06a1b69e4bbd152c247e9b13",class:"co-slider__value"},this.value)),i("div",{key:"645b6872bdce75d9aba4dc3839a8dc69bd948397",class:"co-slider__track-wrapper",ref:e=>this.trackEl=e,onPointerDown:this.handlePointerDown},i("div",{key:"2ef7e7c4c323818611edf0adc84e785c0c588892",class:"co-slider__track"},i("div",{key:"26abb3e3362f005068ecd55613641dadf4b9b634",class:"co-slider__fill",style:{width:`${e}%`}})),i("div",{key:"94275bcd27dee2b86fef7587f05651f5c32a43e0",class:"co-slider__thumb",style:{left:`${e}%`}})),this.showMarks&&i("div",{key:"7972dbf5887472c03ca7c585d393bad59e78479d",class:"co-slider__marks"},i("span",{key:"3594c16276b5a41905f52132a3a4f93894cd71ea",class:"co-slider__mark"},this.min),i("span",{key:"ef4c8c98850d33cf00b0eeb05a913c203d740f3f",class:"co-slider__mark"},this.max)),i("input",{key:"d0a72d43d4a0c420038287a4e3fd357781a4ad25",class:"co-slider__native",type:"range",min:this.min,max:this.max,step:this.step,value:this.value,disabled:this.disabled,onInput:this.handleInputChange,"aria-label":this.label||"Slider"}),this.helperText&&i("div",{key:"d9006a19d95d4bb99b336d755c5ed6e20c842bbf",class:`co-slider__helper co-slider__helper--${this.status}`},this.statusIcon&&i("co-icon",{key:"2a646e6a2d7baf2230fb7e0472b8bc2a2d1b01cb",name:this.statusIcon,size:14,weight:"fill",class:"co-slider__helper-icon"}),i("span",{key:"76fd161a9ee5415c7d36bcd91b2651970c123624",class:"co-slider__helper-text"},this.helperText)))}get el(){return r(this)}};c.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);line-height:1}.co-slider{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-slider__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__labels-left{display:flex;align-items:center;gap:var(--co-spacing-sm2)}.co-slider__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;cursor:default}.co-slider__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-slider__value{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:500;font-variant-numeric:tabular-nums}.co-slider--disabled .co-slider__label,.co-slider--disabled .co-slider__secondary-label,.co-slider--disabled .co-slider__value{color:var(--co-semantic-text-disabled)}.co-slider__track-wrapper{position:relative;height:24px;display:flex;align-items:center;cursor:pointer;touch-action:none}.co-slider--disabled .co-slider__track-wrapper{cursor:not-allowed}.co-slider__track{width:100%;height:4px;background:var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-full);overflow:hidden}.co-slider__fill{height:100%;background:var(--co-semantic-surface-primary);border-radius:var(--co-border-radius-full);transition:width 0.05s ease}.co-slider--disabled .co-slider__fill{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__fill{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__fill{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__fill{background:var(--co-color-status-review)}.co-slider__thumb{position:absolute;top:50%;width:20px;height:20px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-primary);border:2px solid var(--co-semantic-surface-secondary);box-shadow:var(--co-semantic-control-shadow, 0 1px 4px rgba(0,0,0,0.12));transform:translate(-50%, -50%);transition:box-shadow 0.15s ease, transform 0.1s ease;pointer-events:none}.co-slider--dragging .co-slider__thumb{transform:translate(-50%, -50%) scale(1.15);box-shadow:0 0 0 4px var(--co-semantic-border-focus-ring)}.co-slider--disabled .co-slider__thumb{background:var(--co-semantic-text-disabled)}.co-slider--error .co-slider__thumb{background:var(--co-semantic-status-error)}.co-slider--success .co-slider__thumb{background:var(--co-semantic-status-success)}.co-slider--warning .co-slider__thumb{background:var(--co-color-status-review)}.co-slider__marks{display:flex;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-slider__mark{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums}.co-slider__native{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;padding:0;margin:-1px}.co-slider__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-slider__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-slider__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-slider__helper--error .co-slider__helper-icon,.co-slider__helper--error .co-slider__helper-text{color:var(--co-semantic-status-error)}.co-slider__helper--success .co-slider__helper-icon,.co-slider__helper--success .co-slider__helper-text{color:var(--co-semantic-status-success)}.co-slider__helper--warning .co-slider__helper-icon,.co-slider__helper--warning .co-slider__helper-text{color:var(--co-color-status-review)}.co-slider__helper--info .co-slider__helper-icon,.co-slider__helper--info .co-slider__helper-text{color:var(--co-semantic-status-info)}";export{c as co_slider}

package/dist/cobalt/p-d55652f2.entry.js

@@ -0,0 +1 @@
+import{r as t,c as o,h as i,a as s}from"./p-Es9IUmmt.js";import{h as e}from"./p-CQY6Ul7q.js";import{i as a}from"./p-DqyWGweA.js";import"./p-ox7HzCZn.js";function c(t){let o=t;if("string"==typeof t)try{o=JSON.parse(t)}catch(t){return[]}return Array.isArray(o)?o:[]}function n(t,o,i){const s=[];if(i.forEach(((t,o)=>{t.disabled||s.push(o)})),0===s.length)return-1;const e=s.indexOf(t);return-1===e?1===o?s[0]:s[s.length-1]:s[(e+o+s.length)%s.length]}function r(t,o,i){return o>0?{hasMore:t<o,remaining:Math.max(0,o-t)}:{hasMore:i,remaining:0}}const l=class{constructor(i){t(this,i),this.coSearch=o(this,"coSearch",3),this.coChange=o(this,"coChange",3),this.coLoadMore=o(this,"coLoadMore",3),this.coClearSelection=o(this,"coClearSelection",3),this.coRemoveItem=o(this,"coRemoveItem",3),this.items="[]",this.value="",this.selectedItems="[]",this.multiple=!1,this.selectedFirst=!1,this.selectedAffordance="check",this.removableItems=!1,this.searchable=!1,this.searchPlaceholder="Search…",this.searchDebounce=350,this.initialTerm="",this.loading=!1,this.total=0,this.hasMore=!1,this.emptyMessage="No results found",this.clearOptionLabel="",this.virtual=!1,this.highlightMatches=!1,this.highlightTerm="",this.avatarShape="circle",this.term="",this.activeIndex=-1,this.scrollTop=0,this.sortSnapshot=new Set,this.displaySnapshot=[],this.onRootKeyDown=t=>{var o,i;if("Enter"===t.key){const s=(null===(o=t.composedPath)||void 0===o?void 0:o.call(t)[0])||t.target;if(s instanceof HTMLElement&&(null===(i=s.closest)||void 0===i?void 0:i.call(s,"button:not(.co-option-list__option), co-list-footer")))return}this.processKey(t.key)&&t.preventDefault()},this.onSearchInput=t=>{const o=t.target.value;this.term=o,this.activeIndex=-1,this.debounceTimer&&clearTimeout(this.debounceTimer),this.debounceTimer=setTimeout((()=>this.coSearch.emit(o)),this.searchDebounce)},this.onNativeScroll=t=>{const o=t.target;this.scrollTop=o.scrollTop,this.maybeLoadMore(o.scrollTop,o.clientHeight,o.scrollHeight)}}get parsedItems(){return c(this.items)}get selectedIds(){return function(t){if(!t)return[];try{const o=JSON.parse(t);return Array.isArray(o)?o:[t]}catch(o){return[t]}}(this.value)}get orderedItems(){return this.selectedFirst?function(t,o,i,s){var e;if(0===o.size)return t;const a=new Map(t.map((t=>[t._id,t]))),c=[];if(s)for(const i of t)o.has(i._id)&&c.push(i);else for(const t of i)c.push(null!==(e=a.get(t._id))&&void 0!==e?e:t);const n=t.filter((t=>!o.has(t._id)));return[...c,...n]}(this.parsedItems,this.sortSnapshot,this.displaySnapshot,!!this.term):this.parsedItems}get effectiveHighlightTerm(){return this.highlightMatches?this.searchable?this.term:this.highlightTerm:""}componentWillLoad(){this.term=this.initialTerm||"",this.takeSnapshot()}componentDidRender(){this.optionsEl&&!this.osInstance&&(this.osInstance=a(this.optionsEl,(t=>{this.scrollTop=t.scrollTop,this.maybeLoadMore(t.scrollTop,t.clientHeight,t.scrollHeight)})))}disconnectedCallback(){var t;this.debounceTimer&&clearTimeout(this.debounceTimer),null===(t=this.osInstance)||void 0===t||t.destroy(),this.osInstance=void 0}onItemsChange(){this.activeIndex>=this.orderedItems.length&&(this.activeIndex=-1);const t=Math.max(0,34*this.orderedItems.length-272);this.scrollTop>34*this.orderedItems.length&&(this.scrollTop=t)}async snapshotOrder(){this.takeSnapshot()}async focusSearch(){var t,o;for(let i=0;i<20;i++){if(null===(t=this.searchInputEl)||void 0===t||t.focus(),this.searchInputEl&&(null===(o=this.el.shadowRoot)||void 0===o?void 0:o.activeElement)===this.searchInputEl)return;await new Promise((t=>requestAnimationFrame((()=>t()))))}}async handleKey(t){return this.processKey(t.key)}takeSnapshot(){this.sortSnapshot=new Set(this.selectedIds);const t=new Map;for(const o of c(this.selectedItems))t.set(o._id,o);for(const o of this.parsedItems)t.has(o._id)||t.set(o._id,o);this.displaySnapshot=this.selectedIds.map((o=>t.get(o))).filter(Boolean)}processKey(t){const o=this.orderedItems;switch(t){case"ArrowDown":return this.activeIndex=n(this.activeIndex,1,o),this.scrollActiveIntoView(),!0;case"ArrowUp":return this.activeIndex=n(this.activeIndex,-1,o),this.scrollActiveIntoView(),!0;case"Enter":{const t=o[this.activeIndex];return!(!t||t.disabled||(this.pick(t),0))}default:return!1}}pick(t){if(this.multiple){const o=this.selectedIds,i=o.indexOf(t._id)>=0?o.filter((o=>o!==t._id)):[...o,t._id];this.coChange.emit({value:i,item:t})}else this.coChange.emit({value:t._id,item:t})}maybeLoadMore(t,o,i){if(this.loading)return;const{hasMore:s}=r(this.parsedItems.length,this.total,this.hasMore);s&&t+o>=i-40&&this.coLoadMore.emit()}scrollActiveIntoView(){requestAnimationFrame((()=>{var t,o;null===(o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.getElementById(`co-optlist-${this.activeIndex}`))||void 0===o||o.scrollIntoView({block:"nearest"})}))}renderLeading(t){return t.image||t.avatar?i("co-avatar",{class:"co-option-list__avatar",type:t.image?"image":"text",src:t.image,text:t.avatar,color:t.color,size:"xs",shape:this.avatarShape}):t.color?i("span",{class:"co-option-list__dot",style:{backgroundColor:t.color}}):t.icon?i("co-icon",{name:t.icon,size:16,class:"co-option-list__icon"}):null}renderLabelText(t){const o=this.effectiveHighlightTerm,s=o?e(t,o):null;return s?[s.pre,i("span",{class:"co-option-list__match"},s.match),s.post]:t}renderRow(t,o,s){const e=s.includes(t._id);return i("div",{class:{"co-option-list__option":!0,"co-option-list__option--selected":e,"co-option-list__option--active":o===this.activeIndex,"co-option-list__option--disabled":!!t.disabled},key:t._id,id:`co-optlist-${o}`,role:"option","aria-selected":e?"true":"false","aria-disabled":t.disabled?"true":"false",onClick:()=>!t.disabled&&this.pick(t),onMouseEnter:()=>{this.activeIndex=o}},this.renderLeading(t),i("div",{class:"co-option-list__text"},i("span",{class:"co-option-list__title"},i("span",{class:"co-option-list__label",style:t.labelColor?{color:t.labelColor,fontWeight:"600"}:void 0},this.renderLabelText(t.label)),t.suffix&&i("span",{class:"co-option-list__suffix"},"- ",t.suffix),t.badge&&i("span",{class:"co-option-list__badge",style:t.badge.color?{backgroundColor:t.badge.color}:void 0},t.badge.label)),t.description&&i("span",{class:"co-option-list__desc"},t.description)),e&&this.removableItems&&this.multiple&&i("button",{class:"co-option-list__row-action",type:"button",tabIndex:-1,"aria-label":`Remove ${t.label}`,onClick:o=>{o.stopPropagation(),this.coRemoveItem.emit(t._id)}},i("co-icon",{name:"x-circle",size:16,weight:"fill"})),e&&!this.removableItems&&"deselect"===this.selectedAffordance&&i("button",{class:"co-option-list__row-action",type:"button",tabIndex:-1,"aria-label":`Deselect ${t.label}`,onClick:o=>{o.stopPropagation(),this.pick(t)}},i("co-icon",{name:"x-circle",size:18,weight:"fill"})),e&&!this.removableItems&&"check"===this.selectedAffordance&&i("co-icon",{name:"check",size:16,class:"co-option-list__check"}))}renderVirtual(t,o){const{totalHeight:s,startIdx:e,endIdx:a,offsetY:c}=function(t,o){const i=34*o,s=Math.max(0,Math.floor(t/34)-3);return{totalHeight:i,startIdx:s,endIdx:Math.min(o,s+8+6),offsetY:34*s}}(this.scrollTop,t.length);return i("div",{class:"co-option-list__spacer",style:{height:`${s}px`,position:"relative"}},i("div",{style:{position:"absolute",top:`${c}px`,left:"0",right:"0"}},t.slice(e,a).map(((t,i)=>this.renderRow(t,e+i,o)))))}render(){const t=this.orderedItems,o=this.selectedIds,{hasMore:s,remaining:e}=r(this.parsedItems.length,this.total,this.hasMore),a=!!this.clearOptionLabel&&o.length>0;return i("div",{key:"2354775b63fe7419f03500639a66010c79e261d2",class:"co-option-list",onKeyDown:this.onRootKeyDown},this.searchable&&i("div",{key:"9621030007e83e7906dcd07f59deb7623a06ef66",class:"co-option-list__search",part:"search"},i("co-icon",{key:"9a28e5fa86aa8e0196a8efa47bb03ff361441d97",name:"magnifying-glass",size:16}),i("input",{key:"d78d1a37d904811841e0077c07b74f8d6939848d",class:"co-option-list__search-input",type:"text",placeholder:this.searchPlaceholder,value:this.term,onInput:this.onSearchInput,ref:t=>this.searchInputEl=t,role:"combobox","aria-expanded":"true","aria-autocomplete":"list"})),i("div",{key:"99335055c0ce9cef160ef84eaf0d85d79fc9ce17",class:"co-option-list__options",part:"options",role:"listbox","aria-multiselectable":this.multiple?"true":"false",ref:t=>this.optionsEl=t,onScroll:this.onNativeScroll},i("div",{key:"716d4bd2d8fa07f6054c2b96eace6be78b2b07eb",class:"co-option-list__inner"},a&&i("button",{key:"03eca612c006784e6d46ed0f4924b20c52582c75",class:"co-option-list__clear-row",type:"button",onClick:()=>this.coClearSelection.emit()},i("co-icon",{key:"2ea79932eb4d1e4aaec62cacbcb42aa008cbb5cf",name:"x-circle",size:14}),i("span",{key:"04348a03193f518a94aab87f95a885ff6ff10af6"},this.clearOptionLabel)),this.loading&&0===t.length&&i("div",{key:"5433843784a569c17ef7c2b51e82a4244f36d969",class:"co-option-list__loading"},i("co-loader",{key:"52df16368ce659d2599b620affba0ca7715b7f3c",size:"sm"})),!this.loading&&0===t.length&&i("div",{key:"f998f6dc92acf6e96c236e83e00d27cf837f5306",class:"co-option-list__empty"},i("co-icon",{key:"ebdaafcefda9a4502ecdb448d7b1a6bb89165484",name:"magnifying-glass",size:20}),i("span",{key:"6532f13666769f9496baa21348d709d08083f395"},this.emptyMessage)),t.length>0&&this.virtual?this.renderVirtual(t,o):function(t){const o=[];let i,s=0;for(const e of t)e.group&&e.group!==i&&o.push({kind:"header",label:e.group}),i=e.group,o.push({kind:"item",item:e,index:s}),s++;return o}(t).map((t=>"header"===t.kind?i("div",{class:"co-option-list__group",role:"presentation"},t.label):this.renderRow(t.item,t.index,o))),this.loading&&t.length>0&&i("div",{key:"b2e4c16e8f39a96f1154101a755f9edf43ecb354",class:"co-option-list__loading-more"},i("co-loader",{key:"c4a5161d81ddf6d5a106d8fe484f60d3c83e37db",size:"sm"})),!this.loading&&s&&e>0&&i("div",{key:"7adc44652a3c740e21e364d51fa69a96a654818c",class:"co-option-list__more"},e," more results"))),i("slot",{key:"bf2d4d336ef235d9213bf176403d30a7a899437b",name:"footer"}))}get el(){return s(this)}static get watchers(){return{items:[{onItemsChange:0}]}}};l.style=":host{display:block;font-family:var(--co-font-family-primary)}.co-option-list{display:flex;flex-direction:column;gap:var(--co-spacing-sm);min-width:0}.co-option-list__search{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-md);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);color:var(--co-semantic-text-muted)}.co-option-list__search:focus-within{border-color:var(--co-semantic-border-focus)}.co-option-list__search-input{flex:1;min-width:0;border:0;outline:none;background:transparent;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);color:var(--co-semantic-text-default)}.co-option-list__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-option-list__options{max-height:240px;overflow-y:auto;overflow-x:hidden}.co-option-list__inner{display:flex;flex-direction:column;min-width:0}.co-option-list__option{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0;padding:var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);cursor:pointer;font-size:var(--co-font-size-14);color:var(--co-semantic-text-default)}.co-option-list__option--active{background:var(--co-semantic-surface-hover)}.co-option-list__option--selected .co-option-list__label{font-weight:600}.co-option-list__option--disabled{opacity:0.5;cursor:not-allowed}.co-option-list__avatar,.co-option-list__icon{flex-shrink:0}.co-option-list__dot{flex-shrink:0;width:10px;height:10px;border-radius:var(--co-border-radius-full)}.co-option-list__text{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);flex:1;min-width:0}.co-option-list__title{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}.co-option-list__label{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__suffix{color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.co-option-list__badge{flex-shrink:0;padding:0 var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-hover);color:var(--co-semantic-on-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:16px}.co-option-list__desc{font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-option-list__match{color:var(--co-color-primary-azul);font-weight:700}.co-option-list__check{flex-shrink:0;color:var(--co-color-primary-verde)}.co-option-list__row-action{flex-shrink:0;display:inline-flex;align-items:center;border:0;background:transparent;padding:0;cursor:pointer;color:var(--co-semantic-text-muted)}.co-option-list__row-action:hover{color:var(--co-semantic-text-default)}.co-option-list__group{padding:var(--co-spacing-sm) var(--co-spacing-sm) var(--co-spacing-xs);font-size:var(--co-font-size-11, 11px);font-weight:600;text-transform:uppercase;letter-spacing:0.04em;color:var(--co-semantic-text-muted)}.co-option-list__clear-row{display:flex;align-items:center;gap:var(--co-spacing-sm);width:100%;border:0;background:transparent;padding:var(--co-spacing-sm);border-radius:var(--co-border-radius-xxs);cursor:pointer;text-align:left;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);color:var(--co-semantic-text-secondary)}.co-option-list__clear-row:hover{background:var(--co-semantic-surface-hover)}.co-option-list__loading,.co-option-list__loading-more{display:flex;justify-content:center;padding:var(--co-spacing-sm)}.co-option-list__empty{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md) var(--co-spacing-sm);font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted)}.co-option-list__more{padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);text-align:center}.co-option-list__option:focus-visible,.co-option-list__clear-row:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:-2px}";export{l as co_option_list}

package/dist/cobalt/p-d7c9cf93.entry.js

@@ -0,0 +1 @@
+import{r as e,c as a,h as o,a as i}from"./p-Es9IUmmt.js";import{R as n}from"./p-BUgUTjOB.js";import{r as d,h as s}from"./p-CQY6Ul7q.js";const l=[{iso2:"AF",dialCode:"+93",name:"Afghanistan"},{iso2:"AL",dialCode:"+355",name:"Albania"},{iso2:"DZ",dialCode:"+213",name:"Algeria"},{iso2:"AD",dialCode:"+376",name:"Andorra"},{iso2:"AO",dialCode:"+244",name:"Angola"},{iso2:"AG",dialCode:"+1268",name:"Antigua and Barbuda"},{iso2:"AR",dialCode:"+54",name:"Argentina"},{iso2:"AM",dialCode:"+374",name:"Armenia"},{iso2:"AU",dialCode:"+61",name:"Australia"},{iso2:"AT",dialCode:"+43",name:"Austria"},{iso2:"AZ",dialCode:"+994",name:"Azerbaijan"},{iso2:"BS",dialCode:"+1242",name:"Bahamas"},{iso2:"BH",dialCode:"+973",name:"Bahrain"},{iso2:"BD",dialCode:"+880",name:"Bangladesh"},{iso2:"BB",dialCode:"+1246",name:"Barbados"},{iso2:"BY",dialCode:"+375",name:"Belarus"},{iso2:"BE",dialCode:"+32",name:"Belgium"},{iso2:"BZ",dialCode:"+501",name:"Belize"},{iso2:"BJ",dialCode:"+229",name:"Benin"},{iso2:"BT",dialCode:"+975",name:"Bhutan"},{iso2:"BO",dialCode:"+591",name:"Bolivia"},{iso2:"BA",dialCode:"+387",name:"Bosnia and Herzegovina"},{iso2:"BW",dialCode:"+267",name:"Botswana"},{iso2:"BR",dialCode:"+55",name:"Brazil"},{iso2:"BN",dialCode:"+673",name:"Brunei"},{iso2:"BG",dialCode:"+359",name:"Bulgaria"},{iso2:"BF",dialCode:"+226",name:"Burkina Faso"},{iso2:"BI",dialCode:"+257",name:"Burundi"},{iso2:"KH",dialCode:"+855",name:"Cambodia"},{iso2:"CM",dialCode:"+237",name:"Cameroon"},{iso2:"CA",dialCode:"+1",name:"Canada"},{iso2:"CV",dialCode:"+238",name:"Cape Verde"},{iso2:"CF",dialCode:"+236",name:"Central African Republic"},{iso2:"TD",dialCode:"+235",name:"Chad"},{iso2:"CL",dialCode:"+56",name:"Chile"},{iso2:"CN",dialCode:"+86",name:"China"},{iso2:"CO",dialCode:"+57",name:"Colombia"},{iso2:"KM",dialCode:"+269",name:"Comoros"},{iso2:"CD",dialCode:"+243",name:"Congo (DRC)"},{iso2:"CG",dialCode:"+242",name:"Congo (Republic)"},{iso2:"CR",dialCode:"+506",name:"Costa Rica"},{iso2:"CI",dialCode:"+225",name:"Côte d'Ivoire"},{iso2:"HR",dialCode:"+385",name:"Croatia"},{iso2:"CU",dialCode:"+53",name:"Cuba"},{iso2:"CY",dialCode:"+357",name:"Cyprus"},{iso2:"CZ",dialCode:"+420",name:"Czech Republic"},{iso2:"DK",dialCode:"+45",name:"Denmark"},{iso2:"DJ",dialCode:"+253",name:"Djibouti"},{iso2:"DM",dialCode:"+1767",name:"Dominica"},{iso2:"DO",dialCode:"+1809",name:"Dominican Republic"},{iso2:"EC",dialCode:"+593",name:"Ecuador"},{iso2:"EG",dialCode:"+20",name:"Egypt"},{iso2:"SV",dialCode:"+503",name:"El Salvador"},{iso2:"GQ",dialCode:"+240",name:"Equatorial Guinea"},{iso2:"ER",dialCode:"+291",name:"Eritrea"},{iso2:"EE",dialCode:"+372",name:"Estonia"},{iso2:"SZ",dialCode:"+268",name:"Eswatini"},{iso2:"ET",dialCode:"+251",name:"Ethiopia"},{iso2:"FJ",dialCode:"+679",name:"Fiji"},{iso2:"FI",dialCode:"+358",name:"Finland"},{iso2:"FR",dialCode:"+33",name:"France"},{iso2:"GA",dialCode:"+241",name:"Gabon"},{iso2:"GM",dialCode:"+220",name:"Gambia"},{iso2:"GE",dialCode:"+995",name:"Georgia"},{iso2:"DE",dialCode:"+49",name:"Germany"},{iso2:"GH",dialCode:"+233",name:"Ghana"},{iso2:"GR",dialCode:"+30",name:"Greece"},{iso2:"GD",dialCode:"+1473",name:"Grenada"},{iso2:"GT",dialCode:"+502",name:"Guatemala"},{iso2:"GN",dialCode:"+224",name:"Guinea"},{iso2:"GW",dialCode:"+245",name:"Guinea-Bissau"},{iso2:"GY",dialCode:"+592",name:"Guyana"},{iso2:"HT",dialCode:"+509",name:"Haiti"},{iso2:"HN",dialCode:"+504",name:"Honduras"},{iso2:"HU",dialCode:"+36",name:"Hungary"},{iso2:"IS",dialCode:"+354",name:"Iceland"},{iso2:"IN",dialCode:"+91",name:"India"},{iso2:"ID",dialCode:"+62",name:"Indonesia"},{iso2:"IR",dialCode:"+98",name:"Iran"},{iso2:"IQ",dialCode:"+964",name:"Iraq"},{iso2:"IE",dialCode:"+353",name:"Ireland"},{iso2:"IL",dialCode:"+972",name:"Israel"},{iso2:"IT",dialCode:"+39",name:"Italy"},{iso2:"JM",dialCode:"+1876",name:"Jamaica"},{iso2:"JP",dialCode:"+81",name:"Japan"},{iso2:"JO",dialCode:"+962",name:"Jordan"},{iso2:"KZ",dialCode:"+7",name:"Kazakhstan"},{iso2:"KE",dialCode:"+254",name:"Kenya"},{iso2:"KI",dialCode:"+686",name:"Kiribati"},{iso2:"KW",dialCode:"+965",name:"Kuwait"},{iso2:"KG",dialCode:"+996",name:"Kyrgyzstan"},{iso2:"LA",dialCode:"+856",name:"Laos"},{iso2:"LV",dialCode:"+371",name:"Latvia"},{iso2:"LB",dialCode:"+961",name:"Lebanon"},{iso2:"LS",dialCode:"+266",name:"Lesotho"},{iso2:"LR",dialCode:"+231",name:"Liberia"},{iso2:"LY",dialCode:"+218",name:"Libya"},{iso2:"LI",dialCode:"+423",name:"Liechtenstein"},{iso2:"LT",dialCode:"+370",name:"Lithuania"},{iso2:"LU",dialCode:"+352",name:"Luxembourg"},{iso2:"MG",dialCode:"+261",name:"Madagascar"},{iso2:"MW",dialCode:"+265",name:"Malawi"},{iso2:"MY",dialCode:"+60",name:"Malaysia"},{iso2:"MV",dialCode:"+960",name:"Maldives"},{iso2:"ML",dialCode:"+223",name:"Mali"},{iso2:"MT",dialCode:"+356",name:"Malta"},{iso2:"MH",dialCode:"+692",name:"Marshall Islands"},{iso2:"MR",dialCode:"+222",name:"Mauritania"},{iso2:"MU",dialCode:"+230",name:"Mauritius"},{iso2:"MX",dialCode:"+52",name:"Mexico"},{iso2:"FM",dialCode:"+691",name:"Micronesia"},{iso2:"MD",dialCode:"+373",name:"Moldova"},{iso2:"MC",dialCode:"+377",name:"Monaco"},{iso2:"MN",dialCode:"+976",name:"Mongolia"},{iso2:"ME",dialCode:"+382",name:"Montenegro"},{iso2:"MA",dialCode:"+212",name:"Morocco"},{iso2:"MZ",dialCode:"+258",name:"Mozambique"},{iso2:"MM",dialCode:"+95",name:"Myanmar"},{iso2:"NA",dialCode:"+264",name:"Namibia"},{iso2:"NR",dialCode:"+674",name:"Nauru"},{iso2:"NP",dialCode:"+977",name:"Nepal"},{iso2:"NL",dialCode:"+31",name:"Netherlands"},{iso2:"NZ",dialCode:"+64",name:"New Zealand"},{iso2:"NI",dialCode:"+505",name:"Nicaragua"},{iso2:"NE",dialCode:"+227",name:"Niger"},{iso2:"NG",dialCode:"+234",name:"Nigeria"},{iso2:"KP",dialCode:"+850",name:"North Korea"},{iso2:"MK",dialCode:"+389",name:"North Macedonia"},{iso2:"NO",dialCode:"+47",name:"Norway"},{iso2:"OM",dialCode:"+968",name:"Oman"},{iso2:"PK",dialCode:"+92",name:"Pakistan"},{iso2:"PW",dialCode:"+680",name:"Palau"},{iso2:"PS",dialCode:"+970",name:"Palestine"},{iso2:"PA",dialCode:"+507",name:"Panama"},{iso2:"PG",dialCode:"+675",name:"Papua New Guinea"},{iso2:"PY",dialCode:"+595",name:"Paraguay"},{iso2:"PE",dialCode:"+51",name:"Peru"},{iso2:"PH",dialCode:"+63",name:"Philippines"},{iso2:"PL",dialCode:"+48",name:"Poland"},{iso2:"PT",dialCode:"+351",name:"Portugal"},{iso2:"QA",dialCode:"+974",name:"Qatar"},{iso2:"RO",dialCode:"+40",name:"Romania"},{iso2:"RU",dialCode:"+7",name:"Russia"},{iso2:"RW",dialCode:"+250",name:"Rwanda"},{iso2:"KN",dialCode:"+1869",name:"Saint Kitts and Nevis"},{iso2:"LC",dialCode:"+1758",name:"Saint Lucia"},{iso2:"VC",dialCode:"+1784",name:"Saint Vincent and the Grenadines"},{iso2:"WS",dialCode:"+685",name:"Samoa"},{iso2:"SM",dialCode:"+378",name:"San Marino"},{iso2:"ST",dialCode:"+239",name:"São Tomé and Príncipe"},{iso2:"SA",dialCode:"+966",name:"Saudi Arabia"},{iso2:"SN",dialCode:"+221",name:"Senegal"},{iso2:"RS",dialCode:"+381",name:"Serbia"},{iso2:"SC",dialCode:"+248",name:"Seychelles"},{iso2:"SL",dialCode:"+232",name:"Sierra Leone"},{iso2:"SG",dialCode:"+65",name:"Singapore"},{iso2:"SK",dialCode:"+421",name:"Slovakia"},{iso2:"SI",dialCode:"+386",name:"Slovenia"},{iso2:"SB",dialCode:"+677",name:"Solomon Islands"},{iso2:"SO",dialCode:"+252",name:"Somalia"},{iso2:"ZA",dialCode:"+27",name:"South Africa"},{iso2:"KR",dialCode:"+82",name:"South Korea"},{iso2:"SS",dialCode:"+211",name:"South Sudan"},{iso2:"ES",dialCode:"+34",name:"Spain"},{iso2:"LK",dialCode:"+94",name:"Sri Lanka"},{iso2:"SD",dialCode:"+249",name:"Sudan"},{iso2:"SR",dialCode:"+597",name:"Suriname"},{iso2:"SE",dialCode:"+46",name:"Sweden"},{iso2:"CH",dialCode:"+41",name:"Switzerland"},{iso2:"SY",dialCode:"+963",name:"Syria"},{iso2:"TW",dialCode:"+886",name:"Taiwan"},{iso2:"TJ",dialCode:"+992",name:"Tajikistan"},{iso2:"TZ",dialCode:"+255",name:"Tanzania"},{iso2:"TH",dialCode:"+66",name:"Thailand"},{iso2:"TL",dialCode:"+670",name:"Timor-Leste"},{iso2:"TG",dialCode:"+228",name:"Togo"},{iso2:"TO",dialCode:"+676",name:"Tonga"},{iso2:"TT",dialCode:"+1868",name:"Trinidad and Tobago"},{iso2:"TN",dialCode:"+216",name:"Tunisia"},{iso2:"TR",dialCode:"+90",name:"Turkey"},{iso2:"TM",dialCode:"+993",name:"Turkmenistan"},{iso2:"TV",dialCode:"+688",name:"Tuvalu"},{iso2:"UG",dialCode:"+256",name:"Uganda"},{iso2:"UA",dialCode:"+380",name:"Ukraine"},{iso2:"AE",dialCode:"+971",name:"United Arab Emirates"},{iso2:"GB",dialCode:"+44",name:"United Kingdom"},{iso2:"US",dialCode:"+1",name:"United States"},{iso2:"UY",dialCode:"+598",name:"Uruguay"},{iso2:"UZ",dialCode:"+998",name:"Uzbekistan"},{iso2:"VU",dialCode:"+678",name:"Vanuatu"},{iso2:"VA",dialCode:"+379",name:"Vatican City"},{iso2:"VE",dialCode:"+58",name:"Venezuela"},{iso2:"VN",dialCode:"+84",name:"Vietnam"},{iso2:"YE",dialCode:"+967",name:"Yemen"},{iso2:"ZM",dialCode:"+260",name:"Zambia"},{iso2:"ZW",dialCode:"+263",name:"Zimbabwe"}],t=Object.fromEntries(l.map((e=>[e.iso2,e]))),r=class{constructor(o){e(this,o),this.coChange=a(this,"coChange",7),this.placeholder="",this.value="",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.defaultCountry="",this.selectedIso2="",this.numberPart="",this.isOpen=!1,this.searchQuery="",this.handleOutsideClick=e=>{if(!this.isOpen)return;const a=e.composedPath(),o=this.host.shadowRoot;if(!o)return;const i=o.querySelector(".co-phone-field__dropdown"),n=o.querySelector(".co-phone-field__selector");i&&a.includes(i)||n&&a.includes(n)||(this.isOpen=!1,this.searchQuery="")}}get selectedEntry(){var e;return this.selectedIso2&&null!==(e=t[this.selectedIso2])&&void 0!==e?e:null}get filteredCountries(){return this.searchQuery.trim()?d(l,this.searchQuery,(e=>[e.name,e.dialCode,e.iso2])):l}renderName(e){const a=this.searchQuery.trim()?s(e,this.searchQuery):null;return a?[a.pre,o("span",{class:"co-phone-field__match"},a.match),a.post]:e}onValueChange(e){if(!e)return void(this.numberPart="");const a=this.findDialCodeInValue(e);a?(this.selectedIso2=a.iso2,this.numberPart=e.slice(a.dialCode.length).trim()):this.numberPart=e}onDefaultCountryChange(e){t[e]&&!this.value&&(this.selectedIso2=e)}componentWillLoad(){this.defaultCountry&&t[this.defaultCountry]&&(this.selectedIso2=this.defaultCountry),this.value&&this.onValueChange(this.value)}get hasCountry(){return!!this.selectedIso2&&!!this.selectedEntry}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}findDialCodeInValue(e){if(!e.startsWith("+"))return null;for(let a=5;a>=1;a--){const o=e.slice(0,a+1),i=l.find((e=>e.dialCode===o));if(i)return i}return null}emitValue(){var e,a;const o=null!==(a=null===(e=this.selectedEntry)||void 0===e?void 0:e.dialCode)&&void 0!==a?a:"",i=this.numberPart?`${o}${this.numberPart}`:"";this.value=i,this.coChange.emit(i)}handleCountrySelect(e){this.selectedIso2=e.iso2,this.isOpen=!1,this.searchQuery="",this.emitValue()}handleNumberInput(e){this.numberPart=e.target.value,this.emitValue()}handleToggleDropdown(){this.disabled||(this.isOpen=!this.isOpen,this.isOpen||(this.searchQuery=""))}handleSearchInput(e){this.searchQuery=e.target.value}connectedCallback(){document.addEventListener("click",this.handleOutsideClick,!0)}disconnectedCallback(){document.removeEventListener("click",this.handleOutsideClick,!0)}render(){const e=this.selectedEntry;return o("div",{key:"a716785bef2a754a09c502f13fcae90f7a8cb00e",class:`co-phone-field co-phone-field--${this.size} ${"default"!==this.status?`co-phone-field--${this.status}`:""} ${this.disabled?"co-phone-field--disabled":""}`},this.label&&o("label",{key:"ec550e1d699292885133c96effcb791541f649aa",class:"co-phone-field__label"},this.label,o(n,{key:"61c864be67e0283a00db014b1cd2bb734c249a2d",required:this.required})),o("div",{key:"e019c16551cc205bf27e03cc7a4f91fb95ec07e7",class:"co-phone-field__container"},o("button",{key:"58a0958e3e3240bcd68edcde4d2dc1de72ecaf33",type:"button",class:"co-phone-field__selector",disabled:this.disabled,onClick:()=>this.handleToggleDropdown(),"aria-expanded":String(this.isOpen),"aria-haspopup":"listbox"},e?o("img",{class:"co-phone-field__flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:e.iso2}):o("co-icon",{name:"phone",size:16}),o("span",{key:"ee75fbf56e703a88b6026244588d2da0f4ed1478",class:"co-phone-field__dial-code"},e?e.dialCode:""),o("span",{key:"05b173aded9b5fd4cf2173c453c70d94ddb8dd00",class:"co-phone-field__chevron"},o("co-icon",{key:"d7a543b4bedd61d7e6fdf88ae56cbf350fea31be",name:"caret-down",size:14}))),o("input",{key:"31e21dbce76c374dc8dd0c80919b7af0d8641375",class:"co-phone-field__input",type:"tel",placeholder:this.placeholder,value:this.numberPart,disabled:this.disabled,onInput:e=>this.handleNumberInput(e)})),this.isOpen&&o("div",{key:"8b5689485bba266776b988564a2b14602a80d9d4",class:"co-phone-field__dropdown",role:"listbox"},o("div",{key:"f4453a595520c177e5f1ef184737c3b25bf84939",class:"co-phone-field__search"},o("input",{key:"5f85ac03bbd7dff3f8d9130ab1f0a4c23b5d327d",class:"co-phone-field__search-input",type:"text",placeholder:"Search country...",value:this.searchQuery,onInput:e=>this.handleSearchInput(e),autoFocus:!0})),o("div",{key:"97051407520f0ba0514c746064e813b033ae1594",class:"co-phone-field__options"},this.filteredCountries.map((e=>o("button",{type:"button",key:e.iso2,class:"co-phone-field__option "+(e.iso2===this.selectedIso2?"co-phone-field__option--selected":""),role:"option","aria-selected":e.iso2===this.selectedIso2?"true":"false",onClick:()=>this.handleCountrySelect(e)},o("img",{class:"co-phone-field__option-flag",src:`https://flagcdn.com/w40/${e.iso2.toLowerCase()}.png`,alt:e.iso2}),o("span",{class:"co-phone-field__option-name"},this.renderName(e.name)),o("span",{class:"co-phone-field__option-code"},e.dialCode)))))),this.helperText&&o("div",{key:"6d19085b7a08978c42f05713de48c1bdf0b19dba",class:"co-phone-field__helper"},this.statusIcon&&o("co-icon",{key:"612cf27d01f0afda0fa75d58206114160dd61bcb",name:this.statusIcon,size:14,weight:"fill",class:"co-phone-field__helper-icon"}),o("span",{key:"910b4584c3a2df48e30d11894bba7fd8fbb7e03c",class:"co-phone-field__helper-text"},this.helperText)))}get host(){return i(this)}static get watchers(){return{value:[{onValueChange:0}],defaultCountry:[{onDefaultCountryChange:0}]}}};r.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-phone-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative;font-family:var(--co-font-family-primary)}.co-phone-field--disabled{opacity:0.5;pointer-events:none}.co-phone-field__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);padding:0 var(--co-spacing-xs)}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-phone-field__container{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box}.co-phone-field--s .co-phone-field__container{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-phone-field--sm .co-phone-field__container{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-phone-field--lg .co-phone-field__container{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-phone-field--error .co-phone-field__container{border-color:var(--co-color-status-error)}.co-phone-field__container:focus-within{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 15%, transparent)}.co-phone-field__selector{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0;background:none;border:none;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-sm);margin-right:var(--co-spacing-sm);cursor:pointer;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);white-space:nowrap}.co-phone-field__selector:hover{opacity:0.8}.co-phone-field__flag{width:20px;height:15px;border-radius:2px;object-fit:cover}.co-phone-field__dial-code{font-size:inherit;color:var(--co-semantic-text-secondary);font-weight:500}.co-phone-field__chevron{display:flex;align-items:center;color:var(--co-semantic-text-muted)}.co-phone-field__input{flex:1;min-width:0;padding:0;border:none;outline:none;font-size:inherit;font-family:inherit;font-weight:400;letter-spacing:inherit;color:var(--co-semantic-text-default);background:transparent;line-height:1}.co-phone-field__input::placeholder{color:var(--co-semantic-text-muted)}.co-phone-field__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-page, #fff);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);box-shadow:0 4px 16px rgba(0, 0, 0, 0.12);max-height:280px;display:flex;flex-direction:column;overflow:hidden}.co-phone-field__search{padding:var(--co-spacing-sm);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-phone-field__search-input{width:100%;padding:var(--co-spacing-xs) var(--co-spacing-sm);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs);font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);outline:none;background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);box-sizing:border-box}.co-phone-field__search-input:focus{border-color:var(--co-semantic-border-focus)}.co-phone-field__options{overflow-y:auto;flex:1}.co-phone-field__option{display:flex;align-items:center;gap:var(--co-spacing-sm);width:100%;padding:var(--co-spacing-sm) var(--co-spacing-md);border:none;background:none;cursor:pointer;font-size:var(--co-font-size-14);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-phone-field__option:hover{background:var(--co-semantic-surface-hover)}.co-phone-field__option--selected{background:color-mix(in srgb, var(--co-semantic-border-focus) 8%, transparent);font-weight:500}.co-phone-field__option-flag{width:20px;height:15px;border-radius:2px;object-fit:cover;flex-shrink:0}.co-phone-field__match{font-weight:700}.co-phone-field__option-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-phone-field__option-code{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);white-space:nowrap}.co-phone-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted)}.co-phone-field__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-phone-field--error .co-phone-field__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-phone-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-phone-field__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-phone-field__label{white-space:normal}:host([layout='horizontal']) .co-phone-field>:not(.co-phone-field__label){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-phone-field__container{background:var(--co-semantic-surface-secondary)}}";export{r as co_phone_field}