@prolibu-suite/cobalt-core 0.6.0 → 0.7.0

package/dist/cobalt/{p-c1e53e4c.entry.js → p-c9528a5f.entry.js}

@@ -1 +1 @@
-import{r as t,c as o,h as e,a as s}from"./p-tT-aZV0-.js";function i(t,o=48){return t<=0?0:o*(1-1/(t/o+1))}const h=class{constructor(e){t(this,e),this.coClose=o(this,"coClose",3),this.coOpen=o(this,"coOpen",3),this.coAfterOpen=o(this,"coAfterOpen",3),this.coAfterClose=o(this,"coAfterClose",3),this.open=!1,this.heading="",this.maxHeight="85dvh",this.dismissible=!0,this.closeOnOverlay=!0,this.closeOnEscape=!0,this.showHandle=!0,this.hasFooter=!1,this.hasHeaderSlot=!1,this.tracker=function(t=100,o=8){let e=[];return{add(s,i){e.push({t:s,y:i}),e.length>o&&e.shift(),e=e.filter((o=>s-o.t<=t))},velocity(){if(e.length<2)return 0;const t=e[0],o=e[e.length-1],s=o.t-t.t;return s<8?0:(o.y-t.y)/s},reset(){e=[]}}}(),this.armed=!1,this.engaged=!1,this.fromBody=!1,this.startY=0,this.startX=0,this.startScrollTop=0,this.sheetHeight=0,this.dismissPending=!1,this.pendingAfter=null,this.handleBackdropClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleFooterSlotChange=t=>{this.hasFooter=this.slotHasContent(t)},this.handleHeaderSlotChange=t=>{this.hasHeaderSlot=this.slotHasContent(t)},this.handleTransitionEnd=t=>{"transform"===t.propertyName&&t.target===this.sheetEl&&("open"===this.pendingAfter&&this.open&&this.coAfterOpen.emit(),"close"!==this.pendingAfter||this.open||this.coAfterClose.emit(),this.pendingAfter=null)},this.handleGripPointerDown=t=>{this.arm(t,!1)},this.handleBodyPointerDown=t=>{this.arm(t,!0)},this.handlePointerMove=t=>{if(!this.armed||!t.isPrimary)return;const o=t.clientY-this.startY,e=t.clientX-this.startX;if(!this.engaged){const s=this.fromBody?8:4;if(Math.abs(o)<s)return;if(this.fromBody){const t=!!this.bodyEl&&this.bodyEl.scrollHeight>this.bodyEl.clientHeight;if(this.startScrollTop>0||Math.abs(o)<=Math.abs(e)||o<0&&t)return void this.disarm()}this.engage(t,t.currentTarget)}const s=t.clientY-this.startY;let h;if(h=s>=0?this.dismissible?s:i(s):-i(-s),this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${h}px, 0)`),this.backdropEl&&this.sheetHeight>0){const t=Math.min(Math.max(h/this.sheetHeight,0),1);this.backdropEl.style.opacity=String(1-t)}this.tracker.add(t.timeStamp,t.clientY)},this.handlePointerUp=t=>{if(!this.armed)return;const o=this.engaged,e=o?Math.max(t.clientY-this.startY,0):0,s=this.tracker.velocity();if(this.disarm(),!o)return;const i=function({offset:t,height:o,velocity:e,dismissible:s}){return s?e>=.5&&t>=24?"dismiss":e<=-.15?"restore":o>0&&t>=.45*o?"dismiss":"restore":"restore"}({offset:e,height:this.sheetHeight,velocity:s,dismissible:this.dismissible});"dismiss"===i?(this.dismissPending=!0,this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${this.sheetHeight}px, 0)`),this.backdropEl&&(this.backdropEl.style.opacity="0"),this.coClose.emit(),this.dismissFallback=setTimeout((()=>{this.open&&this.dismissPending&&(this.dismissPending=!1,this.clearInlineStyles())}),500)):this.clearInlineStyles()},this.handlePointerCancel=()=>{this.armed&&(this.disarm(),this.clearInlineStyles())},this.touchBlocker=t=>{(this.engaged||this.armed&&this.startScrollTop<=0&&t.touches[0].clientY-this.startY>0)&&t.preventDefault()}}onOpenChange(t,o){t!==o&&(this.pendingAfter=t?"open":"close",t?(this.coOpen.emit(),this.clearInlineStyles()):(this.dismissPending=!1,this.dismissFallback&&clearTimeout(this.dismissFallback),requestAnimationFrame((()=>this.clearInlineStyles()))))}handleKey(t){this.open&&this.closeOnEscape&&"Escape"===t.key&&this.coClose.emit()}disconnectedCallback(){this.detachTouchBlocker(),this.dismissFallback&&clearTimeout(this.dismissFallback)}clearInlineStyles(){this.sheetEl&&(this.sheetEl.style.transform=""),this.backdropEl&&(this.backdropEl.style.opacity="")}slotHasContent(t){return t.target.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(t.textContent||"").trim()))}arm(t,o){this.open&&!this.dismissPending&&t.isPrimary&&(this.armed=!0,this.engaged=!1,this.fromBody=o,this.startY=t.clientY,this.startX=t.clientX,this.startScrollTop=o&&this.bodyEl?this.bodyEl.scrollTop:0,o&&this.attachTouchBlocker())}engage(t,o){var e,s;this.engaged=!0,this.startY=t.clientY,this.sheetHeight=(null===(e=this.sheetEl)||void 0===e?void 0:e.getBoundingClientRect().height)||0,null===(s=this.sheetEl)||void 0===s||s.classList.add("co-bottom-sheet--dragging");try{null==o||o.setPointerCapture(t.pointerId)}catch(t){}this.tracker.reset(),this.tracker.add(t.timeStamp,t.clientY)}disarm(){var t;this.armed=!1,this.engaged=!1,null===(t=this.sheetEl)||void 0===t||t.classList.remove("co-bottom-sheet--dragging"),this.detachTouchBlocker()}attachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.addEventListener("touchmove",this.touchBlocker,{passive:!1})}detachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.removeEventListener("touchmove",this.touchBlocker)}render(){return e("div",{key:"6655150e6dfb829ae937433983d93e0a16b4f544",class:{"co-bottom-sheet-root":!0,"co-bottom-sheet-root--open":this.open}},e("div",{key:"3657a637ec0ac2705375805381be639bc3da4b82",class:"co-bottom-sheet__backdrop",part:"backdrop",onClick:this.handleBackdropClick,ref:t=>this.backdropEl=t}),e("section",{key:"f3cac714dbc2703506a51fd960c34b64b33731b1",class:{"co-bottom-sheet":!0,"co-bottom-sheet--open":this.open},part:"sheet",role:"dialog","aria-modal":"true","aria-labelledby":this.heading?"co-bottom-sheet-heading":void 0,style:{"--co-bottom-sheet-max-height":this.maxHeight},onTransitionEnd:this.handleTransitionEnd,ref:t=>this.sheetEl=t},e("div",{key:"063d6b43784022a2646614b0462c8c8dccce1320",class:"co-bottom-sheet__grip",onPointerDown:this.handleGripPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel},this.showHandle&&e("div",{key:"8e9611f02a9d59e9af91d77b476b7e8f93724aa4",class:"co-bottom-sheet__handle",part:"handle","aria-hidden":"true"}),e("header",{key:"f58de5177d9620ea61cffba530ef190936537194",class:{"co-bottom-sheet__header":!0,"co-bottom-sheet__header--show":this.hasHeaderSlot||!!this.heading},part:"header"},e("slot",{key:"76fda370a9276e99d41782f08312e6e887dafd21",name:"header",onSlotchange:this.handleHeaderSlotChange},this.heading&&e("h2",{key:"dcc7ba68ba7b306805ca49881a4808947217392a",class:"co-bottom-sheet__heading",id:"co-bottom-sheet-heading"},this.heading)))),e("div",{key:"55fd08122d422bbfe0cef9d7a64297e481349172",class:"co-bottom-sheet__body",part:"body",onPointerDown:this.handleBodyPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,ref:t=>this.bodyEl=t},e("slot",{key:"3c86d67c93d8c64458e431ab959704f4e43b382b"})),e("footer",{key:"14a97f22eee74e514111d87414e23cf1580e1456",class:{"co-bottom-sheet__footer":!0,"co-bottom-sheet__footer--show":this.hasFooter},part:"footer"},e("slot",{key:"d2b6fbeca8233f3d6e33d6be7b05bd4a2fe5d59f",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return s(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};h.style=":host{display:contents}.co-bottom-sheet__backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0, 0, 0, 0.4);-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity 0.25s ease}.co-bottom-sheet-root--open .co-bottom-sheet__backdrop{opacity:1;pointer-events:auto;transition:opacity 0.12s ease}.co-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column;height:auto;max-height:var(--co-bottom-sheet-max-height, 85dvh);background:var(--co-semantic-surface-page);font-family:var(--co-font-family-primary);border-radius:var(--co-border-radius-xl) var(--co-border-radius-xl) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12);transform:translateY(100%);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform;overflow:hidden;visibility:hidden}.co-bottom-sheet--open{transform:translateY(0);visibility:visible}.co-bottom-sheet:not(.co-bottom-sheet--open){transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.25s}.co-bottom-sheet--dragging,.co-bottom-sheet-root:has(.co-bottom-sheet--dragging) .co-bottom-sheet__backdrop{transition:none !important}.co-bottom-sheet__grip{flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.co-bottom-sheet--dragging .co-bottom-sheet__grip{cursor:grabbing}.co-bottom-sheet__handle{width:40px;height:4px;margin:var(--co-spacing-sm) auto var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-semantic-border-default)}.co-bottom-sheet__header{padding:0 var(--co-spacing-xl)}.co-bottom-sheet__header--show{padding-bottom:var(--co-spacing-sm)}.co-bottom-sheet__heading{margin:0;font-size:var(--co-font-size-16);font-weight:700;color:var(--co-semantic-text-default)}.co-bottom-sheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}.co-bottom-sheet__footer{flex-shrink:0;display:none}.co-bottom-sheet__footer--show{display:block;border-top:1px solid var(--co-semantic-border-default);padding:var(--co-spacing-md) var(--co-spacing-xl)     calc(var(--co-spacing-lg) + env(safe-area-inset-bottom, 0px));background:var(--co-semantic-surface-page)}@media (prefers-reduced-motion: reduce){.co-bottom-sheet,.co-bottom-sheet:not(.co-bottom-sheet--open),.co-bottom-sheet__backdrop{transition-duration:0.01s !important}}";export{h as co_bottom_sheet}
+import{r as t,c as o,h as s,a as e}from"./p-BCEz3S-z.js";function i(t,o=48){return t<=0?0:o*(1-1/(t/o+1))}const h=class{constructor(s){t(this,s),this.coClose=o(this,"coClose",3),this.coOpen=o(this,"coOpen",3),this.coAfterOpen=o(this,"coAfterOpen",3),this.coAfterClose=o(this,"coAfterClose",3),this.open=!1,this.heading="",this.maxHeight="85dvh",this.dismissible=!0,this.closeOnOverlay=!0,this.closeOnEscape=!0,this.showHandle=!0,this.hasFooter=!1,this.hasHeaderSlot=!1,this.tracker=function(t=100,o=8){let s=[];return{add(e,i){s.push({t:e,y:i}),s.length>o&&s.shift(),s=s.filter((o=>e-o.t<=t))},velocity(){if(s.length<2)return 0;const t=s[0],o=s[s.length-1],e=o.t-t.t;return e<8?0:(o.y-t.y)/e},reset(){s=[]}}}(),this.armed=!1,this.engaged=!1,this.fromBody=!1,this.startY=0,this.startX=0,this.startScrollTop=0,this.sheetHeight=0,this.dismissPending=!1,this.pendingAfter=null,this.handleBackdropClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleFooterSlotChange=t=>{this.hasFooter=this.slotHasContent(t)},this.handleHeaderSlotChange=t=>{this.hasHeaderSlot=this.slotHasContent(t)},this.handleTransitionEnd=t=>{"transform"===t.propertyName&&t.target===this.sheetEl&&("open"===this.pendingAfter&&this.open&&this.coAfterOpen.emit(),"close"!==this.pendingAfter||this.open||this.coAfterClose.emit(),this.pendingAfter=null)},this.handleGripPointerDown=t=>{this.arm(t,!1)},this.handleBodyPointerDown=t=>{this.arm(t,!0)},this.handlePointerMove=t=>{if(!this.armed||!t.isPrimary)return;const o=t.clientY-this.startY,s=t.clientX-this.startX;if(!this.engaged){const e=this.fromBody?8:4;if(Math.abs(o)<e)return;if(this.fromBody){const t=!!this.bodyEl&&this.bodyEl.scrollHeight>this.bodyEl.clientHeight;if(this.startScrollTop>0||Math.abs(o)<=Math.abs(s)||o<0&&t)return void this.disarm()}this.engage(t,t.currentTarget)}const e=t.clientY-this.startY;let h;if(h=e>=0?this.dismissible?e:i(e):-i(-e),this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${h}px, 0)`),this.backdropEl&&this.sheetHeight>0){const t=Math.min(Math.max(h/this.sheetHeight,0),1);this.backdropEl.style.opacity=String(1-t)}this.tracker.add(t.timeStamp,t.clientY)},this.handlePointerUp=t=>{if(!this.armed)return;const o=this.engaged,s=o?Math.max(t.clientY-this.startY,0):0,e=this.tracker.velocity();if(this.disarm(),!o)return;const i=function({offset:t,height:o,velocity:s,dismissible:e}){return e?s>=.5&&t>=24?"dismiss":s<=-.15?"restore":o>0&&t>=.45*o?"dismiss":"restore":"restore"}({offset:s,height:this.sheetHeight,velocity:e,dismissible:this.dismissible});"dismiss"===i?(this.dismissPending=!0,this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${this.sheetHeight}px, 0)`),this.backdropEl&&(this.backdropEl.style.opacity="0"),this.coClose.emit(),this.dismissFallback=setTimeout((()=>{this.open&&this.dismissPending&&(this.dismissPending=!1,this.clearInlineStyles())}),500)):this.clearInlineStyles()},this.handlePointerCancel=()=>{this.armed&&(this.disarm(),this.clearInlineStyles())},this.touchBlocker=t=>{(this.engaged||this.armed&&this.startScrollTop<=0&&t.touches[0].clientY-this.startY>0)&&t.preventDefault()}}onOpenChange(t,o){t!==o&&(this.pendingAfter=t?"open":"close",t?(this.coOpen.emit(),this.clearInlineStyles()):(this.dismissPending=!1,this.dismissFallback&&clearTimeout(this.dismissFallback),requestAnimationFrame((()=>this.clearInlineStyles()))))}handleKey(t){this.open&&this.closeOnEscape&&"Escape"===t.key&&this.coClose.emit()}disconnectedCallback(){this.detachTouchBlocker(),this.dismissFallback&&clearTimeout(this.dismissFallback)}clearInlineStyles(){this.sheetEl&&(this.sheetEl.style.transform=""),this.backdropEl&&(this.backdropEl.style.opacity="")}slotHasContent(t){return t.target.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(t.textContent||"").trim()))}arm(t,o){this.open&&!this.dismissPending&&t.isPrimary&&(this.armed=!0,this.engaged=!1,this.fromBody=o,this.startY=t.clientY,this.startX=t.clientX,this.startScrollTop=o&&this.bodyEl?this.bodyEl.scrollTop:0,o&&this.attachTouchBlocker())}engage(t,o){var s,e;this.engaged=!0,this.startY=t.clientY,this.sheetHeight=(null===(s=this.sheetEl)||void 0===s?void 0:s.getBoundingClientRect().height)||0,null===(e=this.sheetEl)||void 0===e||e.classList.add("co-bottom-sheet--dragging");try{null==o||o.setPointerCapture(t.pointerId)}catch(t){}this.tracker.reset(),this.tracker.add(t.timeStamp,t.clientY)}disarm(){var t;this.armed=!1,this.engaged=!1,null===(t=this.sheetEl)||void 0===t||t.classList.remove("co-bottom-sheet--dragging"),this.detachTouchBlocker()}attachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.addEventListener("touchmove",this.touchBlocker,{passive:!1})}detachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.removeEventListener("touchmove",this.touchBlocker)}render(){return s("div",{key:"ccd802fd80f14dfa7b2e3998d1ae1936db0a03b1",class:{"co-bottom-sheet-root":!0,"co-bottom-sheet-root--open":this.open}},s("div",{key:"6838b998e719fc99ab35f87fa250986d1eeb60a1",class:"co-bottom-sheet__backdrop",part:"backdrop",onClick:this.handleBackdropClick,ref:t=>this.backdropEl=t}),s("section",{key:"d621eac2f34e19a6a2c0fc91e13b17ea832b5c83",class:{"co-bottom-sheet":!0,"co-bottom-sheet--open":this.open},part:"sheet",role:"dialog","aria-modal":"true","aria-labelledby":this.heading?"co-bottom-sheet-heading":void 0,style:{"--co-bottom-sheet-max-height":this.maxHeight},onTransitionEnd:this.handleTransitionEnd,ref:t=>this.sheetEl=t},s("div",{key:"2c304cb9f8ed0672327dcc6d638b2d849d6774c6",class:"co-bottom-sheet__grip",onPointerDown:this.handleGripPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel},this.showHandle&&s("div",{key:"0210a476819c8938bb8c075305a27744b87f0ef9",class:"co-bottom-sheet__handle",part:"handle","aria-hidden":"true"}),s("header",{key:"6daf41852652d8edd478c22a24444d3b040e8799",class:{"co-bottom-sheet__header":!0,"co-bottom-sheet__header--show":this.hasHeaderSlot||!!this.heading},part:"header"},s("slot",{key:"a94f197b04d719b5a7b1a542872f0dd2bed5dfea",name:"header",onSlotchange:this.handleHeaderSlotChange},this.heading&&s("h2",{key:"800ffa106c145984ff78871a74f92156df05976c",class:"co-bottom-sheet__heading",id:"co-bottom-sheet-heading"},this.heading)))),s("div",{key:"36642b98971f32641b72066689f0f773854e2fcc",class:"co-bottom-sheet__body",part:"body",onPointerDown:this.handleBodyPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,ref:t=>this.bodyEl=t},s("slot",{key:"8a4977dc85e78cd9d27ff6a2ce40841267592341"})),s("footer",{key:"70217d27c09544adc56e751163033e25d5d72e69",class:{"co-bottom-sheet__footer":!0,"co-bottom-sheet__footer--show":this.hasFooter},part:"footer"},s("slot",{key:"6aa16a159e2161c491015ae0c88c542506f632a2",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return e(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};h.style=":host{display:contents}.co-bottom-sheet__backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0, 0, 0, 0.4);-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity 0.25s ease}.co-bottom-sheet-root--open .co-bottom-sheet__backdrop{opacity:1;pointer-events:auto;transition:opacity 0.12s ease}.co-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column;height:auto;max-height:var(--co-bottom-sheet-max-height, 85dvh);background:var(--co-semantic-surface-page);font-family:var(--co-font-family-primary);border-radius:var(--co-border-radius-xl) var(--co-border-radius-xl) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12);transform:translateY(100%);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform;overflow:hidden;visibility:hidden}.co-bottom-sheet--open{transform:translateY(0);visibility:visible}.co-bottom-sheet:not(.co-bottom-sheet--open){transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.25s}.co-bottom-sheet--dragging,.co-bottom-sheet-root:has(.co-bottom-sheet--dragging) .co-bottom-sheet__backdrop{transition:none !important}.co-bottom-sheet__grip{flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.co-bottom-sheet--dragging .co-bottom-sheet__grip{cursor:grabbing}.co-bottom-sheet__handle{width:40px;height:4px;margin:var(--co-spacing-sm) auto var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-semantic-border-default)}.co-bottom-sheet__header{padding:0 var(--co-spacing-xl)}.co-bottom-sheet__header--show{padding-bottom:var(--co-spacing-sm)}.co-bottom-sheet__heading{margin:0;font-size:var(--co-font-size-16);font-weight:700;color:var(--co-semantic-text-default)}.co-bottom-sheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}.co-bottom-sheet__footer{flex-shrink:0;display:none}.co-bottom-sheet__footer--show{display:block;border-top:1px solid var(--co-semantic-border-default);padding:var(--co-spacing-md) var(--co-spacing-xl)     calc(var(--co-spacing-lg) + env(safe-area-inset-bottom, 0px));background:var(--co-semantic-surface-page)}@media (prefers-reduced-motion: reduce){.co-bottom-sheet,.co-bottom-sheet:not(.co-bottom-sheet--open),.co-bottom-sheet__backdrop{transition-duration:0.01s !important}}";export{h as co_bottom_sheet}

package/dist/cobalt/{p-20ba59a2.entry.js → p-cbac0a11.entry.js}

@@ -1 +1 @@
-import{r as o,h as t}from"./p-tT-aZV0-.js";const r=class{constructor(t){o(this,t),this.variant="filled",this.surface="light",this.shape="rounded",this.size="md",this.disabled=!1,this.label="",this.iconWeight="regular"}render(){var o,r;const i=null!==(o=this.iconSize)&&void 0!==o?o:null!==(r={xl:32,lg:28,md:24,sm:20,xs:16,xxs:16}[this.size])&&void 0!==r?r:24,n=null!=this.boxSize?{width:`${this.boxSize}px`,height:`${this.boxSize}px`,borderRadius:"square"===this.shape?"var(--co-border-radius-xs, 8px)":"var(--co-border-radius-full)"}:void 0;return t("button",{key:"bf9aad13fe7360a7135da123ba555b64ee90cadc",class:{"co-icon-button":!0,[`co-icon-button--${this.variant}`]:!0,[`co-icon-button--${this.shape}`]:!0,[`co-icon-button--${this.size}`]:!0,"co-icon-button--dark":"dark"===this.surface,"co-icon-button--disabled":this.disabled},style:n,disabled:this.disabled,"aria-label":this.label||this.icon,part:"button"},this.icon?t("co-icon",{name:this.icon,weight:this.iconWeight,size:i}):null)}};r.style=":host{display:inline-flex}.co-icon-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;padding:0;flex-shrink:0;transition:opacity 0.15s ease, background 0.15s ease;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-backdrop-filter:var(--co-icon-button-backdrop-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-icon-button-backdrop-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-icon-button--filled{background:color-mix(in srgb, var(--co-semantic-surface-primary) 78%, transparent);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-icon-button--outlined{background:color-mix(in srgb, var(--co-icon-button-bg, var(--co-semantic-surface-secondary)) 55%, transparent);color:var(--co-icon-button-color, var(--co-semantic-on-secondary));border:1px solid var(--co-icon-button-border, var(--co-semantic-border-subtle))}.co-icon-button--ghost{background:transparent;color:var(--co-icon-button-color, var(--co-semantic-text-default));border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.co-icon-button--ghost:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-icon-button--dark{color:var(--co-icon-button-color, var(--co-color-base-blanco, #fff))}.co-icon-button--dark.co-icon-button--ghost:hover:not(:disabled){background:var(--co-color-opacity-blanco-16, rgba(255, 255, 255, 0.16))}.co-icon-button--rounded.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-border-radius-full)}.co-icon-button--square.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-xl);}.co-icon-button--square.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-sm);}.co-icon-button--square.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-xs);}.co-icon-button--square.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-spacing-sm);}.co-icon-button--xl ::slotted(*){width:32px;height:32px}.co-icon-button--lg ::slotted(*){width:24px;height:24px}.co-icon-button--md ::slotted(*){width:20px;height:20px}.co-icon-button--sm ::slotted(*){width:18px;height:18px}.co-icon-button--xs ::slotted(*){width:16px;height:16px}.co-icon-button--xxs ::slotted(*){width:12px;height:12px}.co-icon-button--disabled,.co-icon-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-icon-button:hover:not(:disabled){opacity:0.88}@supports not (background: color-mix(in srgb, red, transparent)){.co-icon-button--filled{background:var(--co-semantic-surface-primary)}.co-icon-button--outlined{background:var(--co-icon-button-bg, var(--co-semantic-surface-secondary))}}";export{r as co_icon_button}
+import{r as o,h as t}from"./p-BCEz3S-z.js";const r=class{constructor(t){o(this,t),this.variant="filled",this.surface="light",this.shape="rounded",this.size="md",this.disabled=!1,this.label="",this.iconWeight="regular"}render(){var o,r;const i=null!==(o=this.iconSize)&&void 0!==o?o:null!==(r={xl:32,lg:28,md:24,sm:20,xs:16,xxs:16}[this.size])&&void 0!==r?r:24,c=null!=this.boxSize?{width:`${this.boxSize}px`,height:`${this.boxSize}px`,borderRadius:"square"===this.shape?"var(--co-border-radius-xs, 8px)":"var(--co-border-radius-full)"}:void 0;return t("button",{key:"5349ec99f898a9cc19df7a53fc01b3acb37f31f6",class:{"co-icon-button":!0,[`co-icon-button--${this.variant}`]:!0,[`co-icon-button--${this.shape}`]:!0,[`co-icon-button--${this.size}`]:!0,"co-icon-button--dark":"dark"===this.surface,"co-icon-button--disabled":this.disabled},style:c,disabled:this.disabled,"aria-label":this.label||this.icon,part:"button"},this.icon?t("co-icon",{name:this.icon,weight:this.iconWeight,size:i}):null)}};r.style=":host{display:inline-flex}.co-icon-button{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:1px solid transparent;outline:none;padding:0;flex-shrink:0;transition:opacity 0.15s ease, background 0.15s ease;box-sizing:border-box;-webkit-font-smoothing:antialiased;-webkit-backdrop-filter:var(--co-icon-button-backdrop-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)));backdrop-filter:var(--co-icon-button-backdrop-filter, blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate)))}.co-icon-button--filled{background:color-mix(in srgb, var(--co-semantic-surface-primary) 78%, transparent);color:var(--co-semantic-on-primary);border-color:color-mix(in srgb, var(--co-semantic-on-primary) 28%, transparent)}.co-icon-button--outlined{background:color-mix(in srgb, var(--co-icon-button-bg, var(--co-semantic-surface-secondary)) 55%, transparent);color:var(--co-icon-button-color, var(--co-semantic-on-secondary));border:1px solid var(--co-icon-button-border, var(--co-semantic-border-subtle))}.co-icon-button--ghost{background:transparent;color:var(--co-icon-button-color, var(--co-semantic-text-default));border:none;-webkit-backdrop-filter:none;backdrop-filter:none}.co-icon-button--ghost:hover:not(:disabled){background:var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08))}.co-icon-button--dark{color:var(--co-icon-button-color, var(--co-color-base-blanco, #fff))}.co-icon-button--dark.co-icon-button--ghost:hover:not(:disabled){background:var(--co-color-opacity-blanco-16, rgba(255, 255, 255, 0.16))}.co-icon-button--rounded.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-full)}.co-icon-button--rounded.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-border-radius-full)}.co-icon-button--square.co-icon-button--xl{width:80px;height:80px;border-radius:var(--co-border-radius-xl);}.co-icon-button--square.co-icon-button--lg{width:64px;height:64px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--md{width:56px;height:56px;border-radius:var(--co-border-radius-lg);}.co-icon-button--square.co-icon-button--sm{width:48px;height:48px;border-radius:var(--co-border-radius-sm);}.co-icon-button--square.co-icon-button--xs{width:32px;height:32px;border-radius:var(--co-border-radius-xs);}.co-icon-button--square.co-icon-button--xxs{width:24px;height:24px;border-radius:var(--co-spacing-sm);}.co-icon-button--xl ::slotted(*){width:32px;height:32px}.co-icon-button--lg ::slotted(*){width:24px;height:24px}.co-icon-button--md ::slotted(*){width:20px;height:20px}.co-icon-button--sm ::slotted(*){width:18px;height:18px}.co-icon-button--xs ::slotted(*){width:16px;height:16px}.co-icon-button--xxs ::slotted(*){width:12px;height:12px}.co-icon-button--disabled,.co-icon-button:disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-icon-button:hover:not(:disabled){opacity:0.88}@supports not (background: color-mix(in srgb, red, transparent)){.co-icon-button--filled{background:var(--co-semantic-surface-primary)}.co-icon-button--outlined{background:var(--co-icon-button-bg, var(--co-semantic-surface-secondary))}}";export{r as co_icon_button}

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

@@ -0,0 +1 @@
+import{r as e,c as i,h as r,a as t}from"./p-BCEz3S-z.js";import{R as o}from"./p-C-d15gih.js";import{F as s}from"./p-D5gr2ent.js";const a=class{constructor(r){e(this,r),this.coChange=i(this,"coChange",7),this.coClear=i(this,"coClear",7),this.coSearch=i(this,"coSearch",7),this.coLoadMore=i(this,"coLoadMore",7),this.coOpen=i(this,"coOpen",3),this.coClose=i(this,"coClose",3),this.coRemove=i(this,"coRemove",7),this.coFooterPrimary=i(this,"coFooterPrimary",7),this.coFooterSecondary=i(this,"coFooterSecondary",7),this.required=!1,this.placeholder="Select…",this.disabled=!1,this.clearable=!0,this.multiple=!1,this.status="default",this.layout="vertical",this.size="md",this.variant="default",this.value="",this.options="[]",this.selectedDisplay="[]",this.loading=!1,this.total=0,this.searchable=!0,this.searchPlaceholder="Search…",this.searchDebounce=350,this.emptyMessage="No results found",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New",this.maxChips=0,this.panelTheme="auto",this.avatarShape="circle",this.isOpen=!1,this.overflowCount=0,this.lastChipsKey="\0",this.pendingFocus=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1},this.handleTriggerClick=e=>{this.disabled&&e.stopPropagation()},this.handleOptionClick=e=>{if(this.multiple){const i=this.parsedValue;let r;r=i.indexOf(e._id)>=0?i.filter((i=>i!==e._id)):[...i,e._id],this.value=JSON.stringify(r),this.coChange.emit({value:r,item:e})}else this.value=e._id,this.coChange.emit({value:e._id,item:e}),this.isOpen=!1},this.handleClear=e=>{e.stopPropagation(),this.value=this.multiple?"[]":"",this.coClear.emit()},this.handleRemoveChip=(e,i)=>{i.stopPropagation();const r=this.parsedValue.filter((i=>i!==e));this.value=JSON.stringify(r),this.coRemove.emit(e)},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}get normalizedSize(){return"default"===this.size?"md":this.size}get parsedOptions(){try{const e="string"==typeof this.options?JSON.parse(this.options):this.options;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedSelectedDisplay(){try{const e="string"==typeof this.selectedDisplay?JSON.parse(this.selectedDisplay):this.selectedDisplay;return Array.isArray(e)?e:[]}catch(e){return[]}}get effectiveDisplayItems(){const e=this.parsedValue;if(0===e.length)return[];const i=new Map;for(const e of this.parsedSelectedDisplay)i.set(e._id,e);for(const e of this.parsedOptions)i.has(e._id)||i.set(e._id,{_id:e._id,label:e.label,description:e.description,color:e.color,avatar:e.avatar,image:e.image});return e.map((e=>i.get(e))).filter(Boolean)}get parsedValue(){if(!this.value)return[];try{const e=JSON.parse(this.value);return Array.isArray(e)?e:[this.value]}catch(e){return this.value?[this.value]:[]}}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>this.calcOverflow()))}componentDidRender(){var e,i,r,t;this.chipsEl!==this.observedChipsEl&&(null===(e=this.resizeObserver)||void 0===e||e.disconnect(),this.chipsEl&&(null===(i=this.resizeObserver)||void 0===i||i.observe(this.chipsEl)),this.observedChipsEl=this.chipsEl);const o=null===(r=this.chipsEl)||void 0===r?void 0:r.querySelectorAll(".co-ref-field__chip"),s=o?Array.from(o,(e=>e.textContent)).join("
"):"";s!==this.lastChipsKey&&(this.lastChipsKey=s,this.calcOverflow()),this.pendingFocus&&(null===(t=this.optionListEl)||void 0===t?void 0:t.isConnected)&&(this.pendingFocus=!1,this.optionListEl.focusSearch())}disconnectedCallback(){var e;null===(e=this.resizeObserver)||void 0===e||e.disconnect()}calcOverflow(){if(!this.multiple||this.maxChips>0||!this.chipsEl)return void(0!==this.overflowCount&&(this.overflowCount=0));const e=Array.from(this.chipsEl.querySelectorAll(".co-ref-field__chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const i=this.chipsEl.getBoundingClientRect().right;let r=0;for(let t=e.length-1;t>=0&&e[t].getBoundingClientRect().right>i+1;t--)r++;r!==this.overflowCount&&(this.overflowCount=r)}onOpenChange(e){e?(this.coOpen.emit(),this.pendingFocus=!0):this.coClose.emit()}renderTrigger(){const e=this.effectiveDisplayItems,i=e.length>0;return r("div",{class:{"co-ref-field__trigger":!0,"co-ref-field--open":this.isOpen,"co-ref-field--disabled":this.disabled,[`co-ref-field--${this.normalizedSize}`]:!0,[`co-ref-field--${this.status}`]:"default"!==this.status,"co-ref-field--flat":"flat"===this.variant},onClick:this.handleTriggerClick},this.iconLeft&&r("span",{class:"co-ref-field__icon"},r("co-icon",{name:this.iconLeft,size:16})),r("div",{class:"co-ref-field__value"},!i&&r("span",{class:"co-ref-field__placeholder",part:"trigger-placeholder"},this.placeholder),i&&!this.multiple&&this.renderSingleValue(e[0]),i&&this.multiple&&this.renderMultipleValue(e)),i&&this.clearable&&!this.disabled&&r("button",{class:"co-ref-field__clear",part:"trigger-clear",onClick:this.handleClear,type:"button"},r("co-icon",{name:"x",size:14})),r("span",{class:"co-ref-field__caret",part:"trigger-chevron"},r("co-icon",{name:"caret-up-down",size:16})))}renderItemAvatar(e){return e.image||e.avatar?r("co-avatar",{class:"co-ref-field__avatar",type:e.image?"image":"text",src:e.image,text:e.avatar,color:e.color,size:"xxs",shape:this.avatarShape}):e.color?r("span",{class:"co-ref-field__color-dot",style:{backgroundColor:e.color}}):null}renderSingleValue(e){return r("div",{class:"co-ref-field__selected"},this.renderItemAvatar(e),r("span",{class:"co-ref-field__selected-label",part:"trigger-text"},e.label))}renderMultipleValue(e){const i=this.maxChips>0,t=Math.min(this.overflowCount,Math.max(0,e.length-1)),o=i?e.slice(0,this.maxChips):e,a=i?e.length-this.maxChips:t,c=e.length-(i?0:t);return r("div",{class:"co-ref-field__chips-row"},r("div",{class:"co-ref-field__chips",ref:e=>this.chipsEl=e},o.map(((e,t)=>r(s,{key:e._id,baseClass:"co-ref-field__chip",label:e.label,modifiers:{"co-ref-field__chip--avatar":!(!e.image&&!e.avatar),"co-ref-field__chip--clipped":!i&&t>=c,[`co-ref-field__chip--${this.normalizedSize}`]:!0},onRemove:i=>this.handleRemoveChip(e._id,i)},e.image||e.avatar?this.renderItemAvatar(e):e.color?r("span",{class:"co-ref-field__chip-dot",style:{backgroundColor:e.color}}):null)))),a>0&&r("span",{class:"co-ref-field__chip-overflow"},"+",a))}renderPanel(){return r("div",{class:{"co-ref-field__panel":!0,"co-ref-field__panel--dark":"dark"===this.panelTheme,"co-ref-field__panel--light":"light"===this.panelTheme}},r("co-option-list",{ref:e=>this.optionListEl=e,items:"string"==typeof this.options?this.options:JSON.stringify(this.options),value:this.value,selectedItems:"string"==typeof this.selectedDisplay?this.selectedDisplay:JSON.stringify(this.selectedDisplay),multiple:this.multiple,selectedFirst:this.multiple,selectedAffordance:"deselect",searchable:this.searchable,searchPlaceholder:this.searchPlaceholder,searchDebounce:this.searchDebounce,loading:this.loading,total:this.total,emptyMessage:this.emptyMessage,avatarShape:this.avatarShape,onCoSearch:e=>this.coSearch.emit(e.detail),onCoChange:e=>this.handleOptionClick(e.detail.item),onCoLoadMore:()=>this.coLoadMore.emit()},this.showFooter&&r("div",{class:"co-ref-field__footer",slot:"footer"},r("button",{class:"co-ref-field__footer-btn co-ref-field__footer-btn--secondary",type:"button",onClick:this.handleFooterSecondary},r("co-icon",{name:"plus",size:16}),r("span",null,this.footerSecondaryLabel)),r("button",{class:"co-ref-field__footer-btn co-ref-field__footer-btn--primary",type:"button",onClick:this.handleFooterPrimary},r("co-icon",{name:"check",size:16}),r("span",null,this.footerPrimaryLabel)))))}render(){return r("div",{key:"19b3543f876fa1396cb08ac5d24f0cdfdfff06ad",class:"co-ref-field"},(this.label||this.secondaryLabel)&&r("div",{key:"2ae2a6946b2fecc67551acd7b1e966bb8b4fc392",class:"co-ref-field__labels"},this.label&&r("label",{key:"0552bc35602d1f03ff68bb8cee9ab79a43b39a14",class:"co-ref-field__label"},this.labelIcon&&r("co-icon",{key:"b9731bccb2dcf66749e6240d83c25385c4bc312c",class:"co-ref-field__label-icon",name:this.labelIcon,size:16}),this.label,r(o,{key:"c49c5dd8d0bf8824363a1eba27386a6c87b64688",required:this.required})),this.secondaryLabel&&r("span",{key:"2c23a1ab30fe332e7d80d02f162876f1d56d5817",class:"co-ref-field__secondary-label"},this.secondaryLabel)),r("co-popover",{key:"91ac16f115e0d631a27bf6fae212dffba274cbcb",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},r("div",{key:"410a56a47f7092904d09d41cb2e269b8627b8151",slot:"trigger"},this.renderTrigger()),this.isOpen&&this.renderPanel()),this.helperText&&r("div",{key:"044055f24a9cf11eacd22383d793c2133b555419",class:`co-ref-field__helper co-ref-field__helper--${this.status}`},"default"!==this.status&&r("co-icon",{key:"96dd504f4900f394370ad938b458f044abd2aa9a",name:"error"===this.status?"warning-circle":"success"===this.status?"check-circle":"info",size:14}),r("span",{key:"ac4bc95df2bb54dc7b60fc5fa098f8cf40c81153"},this.helperText)))}get el(){return t(this)}static get watchers(){return{isOpen:[{onOpenChange:0}]}}};a.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-ref-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-ref-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-ref-field__label{display:inline-flex;align-items:center;color:var(--co-ref-field-label-color, var(--co-semantic-text-secondary));font-family:var(--co-ref-field-label-font-family, var(--co-font-family-primary));font-size:var(--co-ref-field-label-font-size, var(--co-font-size-14));font-weight:var(--co-ref-field-label-font-weight, 400);line-height:1;white-space:nowrap;cursor:default;text-transform:var(--co-ref-field-label-text-transform, none);letter-spacing:var(--co-ref-field-label-letter-spacing, var(--co-font-letter-spacing-body))}.co-ref-field__secondary-label{color:var(--co-semantic-text-muted);font-family:var(--co-font-family-mono);font-size:var(--co-font-size-12);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-ref-field__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-ref-field-trigger-bg, var(--co-semantic-surface-page));border:1px solid var(--co-ref-field-trigger-border-color, var(--co-semantic-border-field));border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-ref-field--flat{background:transparent;border-color:transparent}.co-ref-field--s{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--sm{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-ref-field--lg{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-ref-field--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-ref-field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-ref-field--error{border-color:var(--co-semantic-status-error)}.co-ref-field--success{border-color:var(--co-semantic-status-success)}.co-ref-field--warning{border-color:var(--co-color-status-review)}.co-ref-field--s .co-ref-field__selected{--co-avatar-size:20px}.co-ref-field--sm .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--md .co-ref-field__selected{--co-avatar-size:22px}.co-ref-field--lg .co-ref-field__selected{--co-avatar-size:28px}.co-ref-field__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__label-icon{flex-shrink:0;margin-right:var(--co-spacing-xs);color:var(--co-semantic-text-secondary)}.co-ref-field__value{flex:1;min-width:0;display:flex;align-items:center}.co-ref-field__placeholder{color:var(--co-semantic-text-muted);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-ref-field__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-ref-field__clear:hover{color:var(--co-semantic-text-default)}.co-ref-field__selected{display:flex;align-items:center;gap:var(--co-spacing-sm);min-width:0}.co-ref-field__color-dot{width:10px;height:10px;min-width:10px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__avatar{flex-shrink:0}.co-ref-field__selected-label{color:var(--co-semantic-text-default);font-size:inherit;font-weight:400;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-ref-field__chips-row{flex:1;min-width:0;display:flex;align-items:center;gap:var(--co-spacing-xs)}.co-ref-field__chips{flex:1;min-width:0;display:flex;flex-wrap:nowrap;overflow:hidden;gap:var(--co-spacing-xs);align-items:center}.co-ref-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:0 var(--co-spacing-sm2);background:var(--co-color-gray-100);border-radius:var(--co-border-radius-full);line-height:1;max-width:min(160px, 100%);flex-shrink:0}.co-ref-field__chip--avatar{padding-left:var(--co-spacing-xxs)}.co-ref-field__chip--s{min-height:20px;--co-avatar-size:20px;font-size:var(--co-font-size-12)}.co-ref-field__chip--sm{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-12)}.co-ref-field__chip--md{min-height:22px;--co-avatar-size:22px;font-size:var(--co-font-size-14)}.co-ref-field__chip--lg{min-height:28px;--co-avatar-size:28px;font-size:var(--co-font-size-14)}.co-ref-field__chip--clipped{visibility:hidden}.co-ref-field__chip-dot{width:8px;height:8px;min-width:8px;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-ref-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.co-ref-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-color-gray-500);transition:color 0.1s ease;flex-shrink:0}.co-ref-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-ref-field__chip-overflow{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-color-opacity-negro-8);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:600;color:var(--co-semantic-text-secondary);line-height:1}.co-ref-field__panel{display:flex;flex-direction:column;border-radius:var(--co-border-radius-sm, 12px);overflow:hidden}.co-ref-field__panel--dark{--co-semantic-surface-page:#0A0A0A;--co-semantic-surface-primary:#0A0A0A;--co-semantic-surface-hover:rgba(255, 255, 255, 0.08);--co-semantic-surface-muted:rgba(255, 255, 255, 0.12);--co-semantic-text-default:#ffffff;--co-semantic-text-secondary:rgba(255, 255, 255, 0.8);--co-semantic-text-muted:rgba(255, 255, 255, 0.5);--co-semantic-border-subtle:rgba(255, 255, 255, 0.12);--co-semantic-border-default:rgba(255, 255, 255, 0.16);background:#0A0A0A;color:#ffffff}.co-ref-field__panel--light{--co-semantic-surface-page:#ffffff;--co-semantic-surface-primary:#ffffff;--co-semantic-surface-hover:var(--co-color-gray-100, #f5f5f5);--co-semantic-surface-muted:var(--co-color-gray-200, #e5e5e5);--co-semantic-text-default:var(--co-color-gray-700, #1F1C1B);--co-semantic-text-secondary:rgba(0, 0, 0, 0.6);--co-semantic-text-muted:rgba(0, 0, 0, 0.45);--co-semantic-border-subtle:var(--co-color-gray-200, #e5e5e5);--co-semantic-border-default:var(--co-color-gray-300, #d4d4d4);background:#ffffff;color:var(--co-color-gray-700, #1F1C1B)}.co-ref-field__footer{display:flex;gap:var(--co-spacing-sm2);border-top:1px solid var(--co-semantic-border-subtle);padding:var(--co-spacing-sm2)}.co-ref-field__footer-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12, 12px);font-weight:500;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);white-space:nowrap;cursor:pointer;transition:opacity 0.15s ease;box-sizing:border-box;min-height:32px}.co-ref-field__footer-btn:hover{opacity:0.85}.co-ref-field__footer-btn--secondary{background:transparent;color:var(--co-semantic-text-default);border:1px solid var(--co-semantic-border-default)}.co-ref-field__footer-btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary);border:none}.co-ref-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);font-weight:400;color:var(--co-semantic-text-muted)}.co-ref-field__helper--error{color:var(--co-semantic-status-error)}.co-ref-field__helper--success{color:var(--co-semantic-status-success)}.co-ref-field__helper--warning{color:var(--co-color-status-review)}:host([layout='horizontal']) .co-ref-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-ref-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-ref-field__label{white-space:normal}:host([layout='horizontal']) .co-ref-field>:not(.co-ref-field__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{a as co_ref_field}

package/dist/cobalt/{p-5c3101b5.entry.js → p-cdedaa82.entry.js}

@@ -1 +1 @@
-import{r as t,c as e,h as s,a as i}from"./p-tT-aZV0-.js";const a=class{constructor(s){t(this,s),this.coChange=e(this,"coChange",7),this.coClear=e(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.helperText="",this.locale="es",this.warned=!1,this.handleApply=t=>{this.value=JSON.stringify(t.detail),this.coChange.emit(t.detail)}}connectedCallback(){this.warned||(this.warned=!0,console.warn("[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>."))}render(){return s("co-date-range-picker",{key:"4982a84de425fdf533128dc3ce3665b51d8c885d",value:this.value,label:this.label,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,presets:this.presets,helperText:this.helperText,locale:this.locale,applyLabel:this.applyLabel,clearLabel:this.clearLabel,onCoApply:this.handleApply,onCoClear:()=>this.coClear.emit()})}get el(){return i(this)}};a.style=":host{display:block}";export{a as co_date_range}
+import{r as e,c as t,h as s,a as i}from"./p-BCEz3S-z.js";const a=class{constructor(s){e(this,s),this.coChange=t(this,"coChange",7),this.coClear=t(this,"coClear",7),this.value="",this.label="",this.placeholder="Select range",this.disabled=!1,this.clearable=!0,this.presets=!0,this.helperText="",this.locale="es",this.warned=!1,this.handleApply=e=>{this.value=JSON.stringify(e.detail),this.coChange.emit(e.detail)}}connectedCallback(){this.warned||(this.warned=!0,console.warn("[cobalt] <co-date-range> is deprecated — use <co-date-range-picker>."))}render(){return s("co-date-range-picker",{key:"f4fb3c7ea22266e6ff8516ecdfda885365a34985",value:this.value,label:this.label,placeholder:this.placeholder,disabled:this.disabled,clearable:this.clearable,presets:this.presets,helperText:this.helperText,locale:this.locale,applyLabel:this.applyLabel,clearLabel:this.clearLabel,onCoApply:this.handleApply,onCoClear:()=>this.coClear.emit()})}get el(){return i(this)}};a.style=":host{display:block}";export{a as co_date_range}

package/dist/cobalt/{p-627d2d1a.entry.js → p-ceb85838.entry.js}

@@ -1 +1 @@
-import{r as e,c as a,h as o,a as i}from"./p-tT-aZV0-.js";import{R as n}from"./p-7FZXeBK4.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:"0c1c765453fd4ec3c25ea586c24df13d563d0183",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:"7241ea86c1aa5ecdfaca9f916da0b8857c546f7f",class:"co-phone-field__label"},this.label,o(n,{key:"a9b6361645cfbaf46a51eae6251a1e4896661b45",required:this.required})),o("div",{key:"88f91585a55d38b3a9e1d0141a804633e8cda902",class:"co-phone-field__container"},o("button",{key:"86b736933e4116fe035bf744b974f39d8f9282ad",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:"8417712d8a5da930057989996f830874a38e5320",class:"co-phone-field__dial-code"},e?e.dialCode:""),o("span",{key:"8bf326a6846b9a3ed83a6cf2191e5df2d8cc859a",class:"co-phone-field__chevron"},o("co-icon",{key:"fb5d2975572898de1f82e295180f55306b326bbf",name:"caret-down",size:14}))),o("input",{key:"797a9cbea54cb59c40da94365eb8a1350e750cea",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:"48cb464f8abb745ae4a15428b1fa339d0f51264d",class:"co-phone-field__dropdown",role:"listbox"},o("div",{key:"a0deba5bd857051ff6917be7f87829291379c9ac",class:"co-phone-field__search"},o("input",{key:"621d9b646763d44535e158f618113dfe5bfe807e",class:"co-phone-field__search-input",type:"text",placeholder:"Search country...",value:this.searchQuery,onInput:e=>this.handleSearchInput(e),autoFocus:!0})),o("div",{key:"f704fb94729f3001faa17e0fdb631bda0cc03b02",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:"acdb17617c05389dc188b5c02e301841302ddfc5",class:"co-phone-field__helper"},this.statusIcon&&o("co-icon",{key:"966719a393cf04403fab56f839b383c2df02597e",name:this.statusIcon,size:14,weight:"fill",class:"co-phone-field__helper-icon"}),o("span",{key:"3e91617e7159c113219acb3617c1a0db1fc736f3",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:var(--co-semantic-surface-page);border:1px solid var(--co-color-opacity-negro-25, rgba(31, 28, 27, 0.25));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}";export{r as co_phone_field}
+import{r as e,c as a,h as o,a as i}from"./p-BCEz3S-z.js";import{R as n}from"./p-C-d15gih.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:"e1851152e30c4e1580dd533ba0880eeef8933c0c",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:"d6adc2584613b7c2ebe72933275ff3058c9d6eef",class:"co-phone-field__label"},this.label,o(n,{key:"e02252f85db26cc8ac82a791d86b096630026e9f",required:this.required})),o("div",{key:"a1433e7df570481200e39aa366e343d41e85441d",class:"co-phone-field__container"},o("button",{key:"da306e01f096755f7da014bbfaf21db41fb99c51",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:"920e1cfffbcae7266dcde4bd37e339e550adcae0",class:"co-phone-field__dial-code"},e?e.dialCode:""),o("span",{key:"2dec0f362a9a75b718ea4aade2c981fba6777ecb",class:"co-phone-field__chevron"},o("co-icon",{key:"ad77c5446f2352cc8fa07230af125500dff3f4b6",name:"caret-down",size:14}))),o("input",{key:"926302b2660eb32b8d86a2e421700acebc1b8e11",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:"4e86eb6353ad92839a68400ebfa9d8b5dff0111b",class:"co-phone-field__dropdown",role:"listbox"},o("div",{key:"bdd3d82c8b1e46741f9fca118ffe35b2e8c0690f",class:"co-phone-field__search"},o("input",{key:"699189bbdd5027436c2757569ddf5945f2c29e78",class:"co-phone-field__search-input",type:"text",placeholder:"Search country...",value:this.searchQuery,onInput:e=>this.handleSearchInput(e),autoFocus:!0})),o("div",{key:"8ec344b5aeb8a80fd0bb72ad1773ac3416a6d1e6",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:"e248da6a7e2c62c9ed01d2ad0a204caea51f55a6",class:"co-phone-field__helper"},this.statusIcon&&o("co-icon",{key:"ab6fbf9894d8d71fde4e00e07eb81eece230eafb",name:this.statusIcon,size:14,weight:"fill",class:"co-phone-field__helper-icon"}),o("span",{key:"0608d49c56d3a20c65cc966c733607440bf73900",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:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);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 var(--co-semantic-border-focus-ring)}.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}";export{r as co_phone_field}

package/dist/cobalt/{p-5e9a9caf.entry.js → p-d3a1a604.entry.js}

@@ -1 +1 @@
-import{r as a,c as o,h as i}from"./p-tT-aZV0-.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:"a0634afed71b18005f42921052b2bb41b5710818",class:"co-pagination",part:"pagination"},i("div",{key:"08afef194748764e581c9c0e173af57bd7484e6a",class:"co-pagination__section"},i("span",{key:"8bf238dd11b3c322becb18e07afbe087584ce3e0",class:"co-pagination__label"},this.jumpToPageLabel),i("input",{key:"109f501ce7a1dc4ee2c109d75f7fcbc81aa3bfcc",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:"706f537a7165004e18a4cf9f3b172392cbc25657",class:"co-pagination__section co-pagination__section--page-size"},i("div",{key:"15102e983f876658cf56c2aba8d94d29d132fa47",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},i("span",{key:"5eb114f934a1f694c45ae4165d3dc32e120fd7c9",class:"co-pagination__page-size-value"},this.pageSize),i("span",{key:"f767df618ae0f1193dd107d8b8ab66434ab3da92",class:"co-pagination__label"},this.perPageLabel),i("co-icon",{key:"013df9bfa151cbc9c266c10e94e18823edd48050",name:"caret-down",size:14})),this.showPageSizeDropdown&&i("div",{key:"634d6cdb5ceaaf6e0ffee6ee3533d568765d8868",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:"9cd537ceee590fdf03fb71f1e703c468e88881c5",class:"co-pagination__spacer"}),i("div",{key:"4f958f5ce6d1d5bb77a232d49dcf0375cadd8bff",class:"co-pagination__section"},i("span",{key:"50717cd14f6dd64a47c31d64c6b98064316c5363",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),i("div",{key:"d133196b3970aed10f5e80fe8edc16576d3ef723",class:"co-pagination__section co-pagination__nav"},i("button",{key:"497d2dec11447e6426810770a38ff09564796336",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:"86ef170b109112e82cc2b7e53932a1ce1594e3cf",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-BCEz3S-z.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:"9bda0302cc65a11065744a33ce2c48ad2d86f905",class:"co-pagination",part:"pagination"},i("div",{key:"2605fca75f90b5f764ca8f070d79654d0653d6eb",class:"co-pagination__section"},i("span",{key:"2296d9f00584bf8243cf6b1c32eeb8ce79b14fdc",class:"co-pagination__label"},this.jumpToPageLabel),i("input",{key:"7a6a3a24ed99d708940f6da784d05f7c490d2f42",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:"5d8af4318ba1a8e4e5c13862e7ea3877ae6b3bc4",class:"co-pagination__section co-pagination__section--page-size"},i("div",{key:"758ea59d9e614de2d7a5ebc3fe93e3af2cc28ae6",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},i("span",{key:"841f93bea5d817cdd42f076b1a056da6a3707cb2",class:"co-pagination__page-size-value"},this.pageSize),i("span",{key:"8e381335184c0790c3379f0223239c7c478030c3",class:"co-pagination__label"},this.perPageLabel),i("co-icon",{key:"415dd90e5fb5f41071a35f4214f4d02387740c71",name:"caret-down",size:14})),this.showPageSizeDropdown&&i("div",{key:"845b73359db84f19583ec716d79c1dc8310f87b3",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:"55bf44bc21ed00c5058ad0197621cfcb1d81ec2d",class:"co-pagination__spacer"}),i("div",{key:"2c2a5384f9fda9a3de7c1abc3f2adca9f413e7e6",class:"co-pagination__section"},i("span",{key:"6f1b81541df05323f428db30e88e467c0aa93a21",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),i("div",{key:"50c630088453b650deb17c77c4cfef90e5275ccb",class:"co-pagination__section co-pagination__nav"},i("button",{key:"e4755f11fba6d27ce861f1c41659f802427dabc4",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:"1e1a386b40fb40f169c13619e6cb79993406d16d",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-a6900010.entry.js → p-d71b800a.entry.js}

@@ -1 +1 @@
-import{r as o,c as t,h as r}from"./p-tT-aZV0-.js";const a=class{constructor(r){o(this,r),this.coToggle=t(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}render(){const o="track"===this.variant?18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return r("button",{key:"0016c8ec4c9f9e408c818e725b1d10159d53168c",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,[`co-toggle-button--${this.size}`]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":String(this.selected),onClick:this.handleClick},this.iconLeft&&r("co-icon",{key:"b301e2330b92fbd0347b89d0d453b1fbfa4091aa",name:this.iconLeft,size:o,weight:t}),this.label&&r("span",{key:"8917418e796a53d8e269e1ebb69f293975a140c7",class:"co-toggle-button__label"},this.label),this.iconRight&&r("co-icon",{key:"4fc74790fba1e7ec56f489fbda65d21b0048de26",name:this.iconRight,size:o,weight:t}))}};a.style=":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));color:var(--co-semantic-text-default);font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease, color 0.15s ease;white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-font-size-14)}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14)}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-blanco, #fff);border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:30px;border-radius:8px;border-color:transparent;background:transparent;color:var(--co-color-gray-500, #888888);box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:transparent;color:var(--co-color-base-negro, #1f1c1b)}:host([variant='track']) .co-toggle-button--selected{background:var(--co-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b);border-color:transparent;box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-base-blanco, #fff);border-color:transparent}";export{a as co_toggle_button}
+import{r as o,c as t,h as r}from"./p-BCEz3S-z.js";const e=class{constructor(r){o(this,r),this.coToggle=t(this,"coToggle",7),this.selected=!1,this.value="",this.size="m",this.disabled=!1,this.variant="connected",this.handleClick=()=>{this.disabled||(this.selected=!this.selected,this.coToggle.emit({value:this.value,selected:this.selected}))}}render(){const o="track"===this.variant?18:"l"===this.size?20:"xs"===this.size?14:16,t=this.selected&&this.selectedIconWeight?this.selectedIconWeight:void 0;return r("button",{key:"ab0600ae69000cca80f53bea2836fee352ce5239",class:{"co-toggle-button":!0,"co-toggle-button--selected":this.selected,[`co-toggle-button--${this.size}`]:!0,"co-toggle-button--disabled":this.disabled,"co-toggle-button--icon-only":!(this.label||!this.iconLeft&&!this.iconRight)},type:"button",disabled:this.disabled,"aria-pressed":String(this.selected),onClick:this.handleClick},this.iconLeft&&r("co-icon",{key:"97ce9ecf36b55c5b8f64dde270e6df64c4c46e0c",name:this.iconLeft,size:o,weight:t}),this.label&&r("span",{key:"c0a75d2ca6d619ae7f0c3497b63dd27271e3e0af",class:"co-toggle-button__label"},this.label),this.iconRight&&r("co-icon",{key:"f5b45dd9ae7299c60be36ee596d5d50b6c2db4bc",name:this.iconRight,size:o,weight:t}))}};e.style=":host{display:inline-flex;--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='l']){--co-toggle-button-radius:var(--co-border-radius-lg)}:host([size='m']){--co-toggle-button-radius:var(--co-border-radius-sm)}:host([size='s']){--co-toggle-button-radius:var(--co-border-radius-xs)}:host([size='xs']){--co-toggle-button-radius:var(--co-border-radius-xs)}.co-toggle-button{display:inline-flex;width:var(--co-toggle-button-width, auto);align-items:center;justify-content:center;gap:var(--co-spacing-sm2);border:1px solid var(--co-semantic-border-subtle);border-top-left-radius:var(--co-tbr-tl, var(--co-toggle-button-radius));border-top-right-radius:var(--co-tbr-tr, var(--co-toggle-button-radius));border-bottom-right-radius:var(--co-tbr-br, var(--co-toggle-button-radius));border-bottom-left-radius:var(--co-tbr-bl, var(--co-toggle-button-radius));background:color-mix(in srgb, var(--co-semantic-surface-secondary) 35%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));color:var(--co-semantic-text-default);font-family:var(--co-font-family-primary);font-weight:500;cursor:pointer;transition:background 0.15s ease, border-color 0.15s ease, color 0.15s ease;white-space:nowrap;box-sizing:border-box;line-height:1}.co-toggle-button--l{height:48px;padding:0 var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-toggle-button--m{height:40px;padding:0 var(--co-spacing-md);font-size:var(--co-font-size-14)}.co-toggle-button--s{height:32px;padding:0 var(--co-spacing-sm2);font-size:var(--co-font-size-14)}.co-toggle-button--xs{height:24px;padding:0 var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-toggle-button--icon-only.co-toggle-button--l{width:48px;padding:0}.co-toggle-button--icon-only.co-toggle-button--m{width:40px;padding:0}.co-toggle-button--icon-only.co-toggle-button--s{width:32px;padding:0}.co-toggle-button--icon-only.co-toggle-button--xs{width:24px;padding:0}.co-toggle-button:hover:not(:disabled){background:var(--co-semantic-surface-hover)}.co-toggle-button--selected{background:var(--co-color-base-negro, #1f1c1b);color:var(--co-color-base-blanco, #fff);border-color:var(--co-color-base-negro, #1f1c1b)}.co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-gray-800, #0a0a0a);border-color:var(--co-color-gray-800, #0a0a0a)}.co-toggle-button--disabled{opacity:0.4;cursor:not-allowed}.co-toggle-button__label{line-height:1}@supports not (background: color-mix(in srgb, red, transparent)){.co-toggle-button{background:var(--co-semantic-surface-secondary)}}:host([variant='track']) .co-toggle-button{height:30px;border-radius:8px;border-color:transparent;background:transparent;color:var(--co-color-gray-500, #888888);box-shadow:none;padding:0 12px;-webkit-backdrop-filter:none;backdrop-filter:none}:host([variant='track']) .co-toggle-button.co-toggle-button--icon-only{width:34px;padding:0}:host([variant='track']) .co-toggle-button:hover:not(:disabled){background:transparent;color:var(--co-color-base-negro, #1f1c1b)}:host([variant='track']) .co-toggle-button--selected{background:var(--co-color-base-blanco, #fff);color:var(--co-color-base-negro, #1f1c1b);border-color:transparent;box-shadow:var(--co-shadow-sm, 0 1px 2px 0 rgba(26, 26, 26, 0.04))}:host([variant='track']) .co-toggle-button--selected:hover:not(:disabled){background:var(--co-color-base-blanco, #fff);border-color:transparent}";export{e as co_toggle_button}

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

@@ -0,0 +1 @@
+import{r as t,c as e,h as s,a as o}from"./p-BCEz3S-z.js";const i=class{constructor(s){t(this,s),this.coOpen=e(this,"coOpen",3),this.coClose=e(this,"coClose",3),this.placement="bottom-end",this.offset=4,this.autoClose=!0,this.open=!1,this.handleKeydown=t=>{if(this.open)switch(t.key){case"Escape":t.preventDefault(),t.stopPropagation(),this.open=!1;break;case"ArrowDown":case"ArrowUp":t.preventDefault(),this.moveFocus("ArrowDown"===t.key?1:-1)}},this.handlePopoverOpen=()=>{this.open=!0,this.coOpen.emit()},this.handlePopoverClose=()=>{this.open=!1,this.coClose.emit()}}handleMenuSelect(){this.autoClose&&(this.open=!1)}onOpenChange(t){t?(document.addEventListener("keydown",this.handleKeydown,!0),requestAnimationFrame((()=>this.focusFirstItem()))):document.removeEventListener("keydown",this.handleKeydown,!0)}disconnectedCallback(){document.removeEventListener("keydown",this.handleKeydown,!0)}async focusFirstItem(){var t,e;null===(e=null===(t=this.getMenuItems()[0])||void 0===t?void 0:t.focusItem)||void 0===e||e.call(t)}getMenuItems(){return Array.from(this.el.querySelectorAll("co-menu-item"))}moveFocus(t){var e,s;const o=this.getMenuItems().filter((t=>!t.disabled));if(0===o.length)return;const i=document.activeElement;let n=o.findIndex((t=>t===i||t.contains(i)));-1===n&&(n=t>0?-1:o.length),null===(s=null===(e=o[(n+t+o.length)%o.length])||void 0===e?void 0:e.focusItem)||void 0===s||s.call(e)}render(){return s("co-popover",{key:"1796401a56db5a123525da420b515349fa7e637f",placement:this.placement,offset:this.offset,open:this.open,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},s("slot",{key:"a81ef8c2fc0bbc3d34f2745f19c657633f168ee3",name:"trigger",slot:"trigger"}),s("div",{key:"a5b1324c7814922e18e92845257f7d2e5c638d13",class:"co-menu",role:"menu",style:this.width?{width:this.width,minWidth:this.width}:void 0},s("slot",{key:"8fef31bd0da92c62c4d196fcd8394df82898cf1c"})))}get el(){return o(this)}static get watchers(){return{open:[{onOpenChange:0}]}}};i.style=":host{display:contents}.co-menu{background:var(--co-semantic-surface-secondary, #fff);border-radius:var(--co-border-radius-sm, 12px);box-shadow:var(--co-shadow-lg, 0 4px 12px rgba(0, 0, 0, 0.08), 0 1px 3px rgba(0, 0, 0, 0.04)),     inset 0 0 0 1px var(--co-color-opacity-negro-8, rgba(31, 28, 27, 0.08));padding:var(--co-menu-padding, var(--co-spacing-xs, 4px));min-width:200px;display:flex;flex-direction:column;gap:2px;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14, 14px);color:var(--co-semantic-text-default)}";export{i as co_menu}

package/dist/cobalt/{p-b4bed98b.entry.js → p-e1b468c1.entry.js}

@@ -1 +1 @@
-import{r as a,h as c,a as o}from"./p-tT-aZV0-.js";const d=class{constructor(c){a(this,c),this.variant="elevated",this.padding="md",this.clickable=!1,this.stretch=!1,this.hasHeader=!1,this.hasFooter=!1,this.handleHeaderSlotChange=()=>{this.hasHeader=this.checkSlot("header")},this.handleFooterSlotChange=()=>{this.hasFooter=this.checkSlot("footer")}}checkSlot(a){var c,o,d;return(null!==(d=null===(o=null===(c=this.el.shadowRoot)||void 0===c?void 0:c.querySelector(`slot[name="${a}"]`))||void 0===o?void 0:o.assignedElements())&&void 0!==d?d:[]).length>0}render(){return c("div",{key:"accbb972f6881a7e13b37a5523d10a3614730603",class:{"co-card":!0,[`co-card--${this.variant}`]:!0,[`co-card--pad-${this.padding}`]:!0,"co-card--clickable":this.clickable,"co-card--stretch":this.stretch},part:"card",role:this.clickable?"button":void 0,tabIndex:this.clickable?0:void 0},c("div",{key:"282946088ac5d725587fbc21678e09b430ac2492",class:{"co-card__header":!0,"co-card__header--empty":!this.hasHeader},part:"header"},c("slot",{key:"7a23d56c1c2024fe163f6d4dc8d484cf8b718901",name:"header",onSlotchange:this.handleHeaderSlotChange})),c("div",{key:"dcec3cc0ab89d8e9b5abbc4bded028a18f5108a9",class:"co-card__body",part:"body"},c("slot",{key:"94b9b7db62590372a19b87372c2c288658848896"})),c("div",{key:"8aa4852f91fdaa4ad785b7d6f90f6c9d1dffef99",class:{"co-card__footer":!0,"co-card__footer--empty":!this.hasFooter},part:"footer"},c("slot",{key:"3417ff7a18b113f42b172593e86fafc8268c613a",name:"footer",onSlotchange:this.handleFooterSlotChange})))}get el(){return o(this)}};d.style=":host{display:block}:host([stretch]){height:100%}.co-card{display:flex;flex-direction:column;font-family:var(--co-font-family-primary);background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);overflow:hidden;box-sizing:border-box}.co-card--stretch{height:100%}.co-card--elevated{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06)}.co-card--outlined{border:1px solid var(--co-semantic-border-subtle)}.co-card--flat{background:var(--co-semantic-surface-muted)}.co-card--pad-none .co-card__header,.co-card--pad-none .co-card__body,.co-card--pad-none .co-card__footer{padding:0}.co-card--pad-none .co-card__header{border-bottom:none}.co-card--pad-none .co-card__footer{border-top:none}.co-card--pad-sm .co-card__header,.co-card--pad-sm .co-card__body,.co-card--pad-sm .co-card__footer{padding:var(--co-spacing-sm) var(--co-spacing-md)}.co-card--pad-md .co-card__header,.co-card--pad-md .co-card__body,.co-card--pad-md .co-card__footer{padding:var(--co-spacing-md) var(--co-spacing-lg)}.co-card--pad-lg .co-card__header,.co-card--pad-lg .co-card__body,.co-card--pad-lg .co-card__footer{padding:var(--co-spacing-lg) var(--co-spacing-xl)}.co-card__body{flex:1;display:flex;flex-direction:column}.co-card__header{border-bottom:1px solid var(--co-semantic-border-subtle)}.co-card__header--empty{display:none}.co-card__footer{border-top:1px solid var(--co-semantic-border-subtle)}.co-card__footer--empty{display:none}.co-card--clickable{cursor:pointer;transition:box-shadow 0.2s ease, transform 0.2s ease}.co-card--clickable:hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.06);transform:translateY(-2px)}.co-card--clickable:active{transform:translateY(0)}.co-card--clickable:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}";export{d as co_card}
+import{r as a,h as c,a as o}from"./p-BCEz3S-z.js";const r=class{constructor(c){a(this,c),this.variant="elevated",this.padding="md",this.clickable=!1,this.stretch=!1,this.hasHeader=!1,this.hasFooter=!1,this.handleHeaderSlotChange=()=>{this.hasHeader=this.checkSlot("header")},this.handleFooterSlotChange=()=>{this.hasFooter=this.checkSlot("footer")}}checkSlot(a){var c,o,r;return(null!==(r=null===(o=null===(c=this.el.shadowRoot)||void 0===c?void 0:c.querySelector(`slot[name="${a}"]`))||void 0===o?void 0:o.assignedElements())&&void 0!==r?r:[]).length>0}render(){return c("div",{key:"e1ea28f75af30a37b0a0792b9302c982c2b45094",class:{"co-card":!0,[`co-card--${this.variant}`]:!0,[`co-card--pad-${this.padding}`]:!0,"co-card--clickable":this.clickable,"co-card--stretch":this.stretch},part:"card",role:this.clickable?"button":void 0,tabIndex:this.clickable?0:void 0},c("div",{key:"e0019a733fcff7c2dfd83e828e7dd5e65febf833",class:{"co-card__header":!0,"co-card__header--empty":!this.hasHeader},part:"header"},c("slot",{key:"aff49ea9c68e0d7a9f01660204e7dee4adfce624",name:"header",onSlotchange:this.handleHeaderSlotChange})),c("div",{key:"4a72f6d3549a1495e39a18ce3ee940c49e336a84",class:"co-card__body",part:"body"},c("slot",{key:"48b574aac71e28f58938c8a7586f00f120a372f5"})),c("div",{key:"cc6bd0344905c13602383e0a6c89b725cbffe2fb",class:{"co-card__footer":!0,"co-card__footer--empty":!this.hasFooter},part:"footer"},c("slot",{key:"fb5bfec7c5b62715002cc002807889e81a2f5df4",name:"footer",onSlotchange:this.handleFooterSlotChange})))}get el(){return o(this)}};r.style=":host{display:block}:host([stretch]){height:100%}.co-card{display:flex;flex-direction:column;font-family:var(--co-font-family-primary);background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);overflow:hidden;box-sizing:border-box}.co-card--stretch{height:100%}.co-card--elevated{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06)}.co-card--outlined{border:1px solid var(--co-semantic-border-subtle)}.co-card--flat{background:var(--co-semantic-surface-muted)}.co-card--pad-none .co-card__header,.co-card--pad-none .co-card__body,.co-card--pad-none .co-card__footer{padding:0}.co-card--pad-none .co-card__header{border-bottom:none}.co-card--pad-none .co-card__footer{border-top:none}.co-card--pad-sm .co-card__header,.co-card--pad-sm .co-card__body,.co-card--pad-sm .co-card__footer{padding:var(--co-spacing-sm) var(--co-spacing-md)}.co-card--pad-md .co-card__header,.co-card--pad-md .co-card__body,.co-card--pad-md .co-card__footer{padding:var(--co-spacing-md) var(--co-spacing-lg)}.co-card--pad-lg .co-card__header,.co-card--pad-lg .co-card__body,.co-card--pad-lg .co-card__footer{padding:var(--co-spacing-lg) var(--co-spacing-xl)}.co-card__body{flex:1;display:flex;flex-direction:column}.co-card__header{border-bottom:1px solid var(--co-semantic-border-subtle)}.co-card__header--empty{display:none}.co-card__footer{border-top:1px solid var(--co-semantic-border-subtle)}.co-card__footer--empty{display:none}.co-card--clickable{cursor:pointer;transition:box-shadow 0.2s ease, transform 0.2s ease}.co-card--clickable:hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.06);transform:translateY(-2px)}.co-card--clickable:active{transform:translateY(0)}.co-card--clickable:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}";export{r as co_card}

package/dist/cobalt/{p-0d6a562d.entry.js → p-e4555fda.entry.js}

@@ -1 +1 @@
-import{r as e,c as i,h as o,a as t}from"./p-tT-aZV0-.js";import{R as r}from"./p-7FZXeBK4.js";const a={es:{uploadButton:"Cargar archivo",dropHint:"Arrastra y suelta archivos aquí",helperBoth:"Puedes subir hasta {n} archivos, cada uno hasta {x}",helperFiles:"Puedes subir hasta {n} archivos",helperBytes:"Cada archivo hasta {x}",uploadedTitle:"Archivos subidos",removeFile:"Eliminar archivo",copyUrl:"Copiar enlace",copied:"Copiado",dragToReorder:"Arrastra para reordenar",openPreview:"Abrir vista previa",errInvalidFormat:"Formato no permitido: .{x}",errTooLarge:"Archivo demasiado grande: {x}",errMaxFiles:"Puedes subir hasta {n} archivos"},en:{uploadButton:"Upload file",dropHint:"Drag and drop files here",helperBoth:"You can upload up to {n} files, each up to {x}",helperFiles:"You can upload up to {n} files",helperBytes:"Each file up to {x}",uploadedTitle:"Uploaded files",removeFile:"Remove file",copyUrl:"Copy link",copied:"Copied",dragToReorder:"Drag to reorder",openPreview:"Open preview",errInvalidFormat:"Invalid format: .{x}",errTooLarge:"File too large: {x}",errMaxFiles:"You can upload up to {n} files"},pt:{uploadButton:"Carregar arquivo",dropHint:"Arraste e solte arquivos aqui",helperBoth:"Você pode enviar até {n} arquivos, cada um até {x}",helperFiles:"Você pode enviar até {n} arquivos",helperBytes:"Cada arquivo até {x}",uploadedTitle:"Arquivos enviados",removeFile:"Remover arquivo",copyUrl:"Copiar link",copied:"Copiado",dragToReorder:"Arraste para reordenar",openPreview:"Abrir pré-visualização",errInvalidFormat:"Formato inválido: .{x}",errTooLarge:"Arquivo muito grande: {x}",errMaxFiles:"Você pode enviar até {n} arquivos"}};function s(e,i){var o,t;return e.replace("{n}",String(null!==(o=i.n)&&void 0!==o?o:"")).replace("{x}",null!==(t=i.x)&&void 0!==t?t:"")}function l(e){if(null==e||isNaN(e))return"";if(e<1024)return`${e} B`;const i=e=>e.toFixed(2).replace(/\.?0+$/,"");return e<1048576?`${i(e/1024)} KB`:`${i(e/1048576)} MB`}const c=new Set(["png","jpg","jpeg","gif","webp","svg","avif","bmp"]);function n(e){const i=(e.name||e.url||"").split("?")[0],o=i.lastIndexOf(".");return o>=0&&c.has(i.slice(o+1).toLowerCase())}function d(e){return"done"===e.status&&(!(!e.thumbnail&&!e.url)&&(!!e.thumbnail||n(e)))}function f(e){return n(e)?e.url||e.thumbnail:e.thumbnail||e.url}const h=class{constructor(o){e(this,o),this.coFilesSelected=i(this,"coFilesSelected",3),this.coRemove=i(this,"coRemove",3),this.coClear=i(this,"coClear",3),this.coReorder=i(this,"coReorder",3),this.coCopy=i(this,"coCopy",3),this.coPreviewOpen=i(this,"coPreviewOpen",3),this.disabled=!1,this.readonly=!1,this.required=!1,this.multiple=!1,this.maxFiles=100,this.status="default",this.layout="vertical",this.reorderable=!0,this.files="[]",this.dragOver=!1,this.localError="",this.copiedKey="",this.armedKey="",this.dragKey="",this.overKey="",this.failedPreviews=new Set,this.tempSeq=0,this.lastFilesStr="",this.lastParsed=[],this.handleDragOver=e=>{this.disabled||this.readonly||this.dragKey||(e.preventDefault(),this.dragOver=!0)},this.handleDragLeave=e=>{const i=e.relatedTarget;i&&e.currentTarget instanceof Node&&e.currentTarget.contains(i)||(this.dragOver=!1)},this.handleDrop=e=>{var i;e.preventDefault(),this.dragOver=!1,this.dragKey||(null===(i=e.dataTransfer)||void 0===i?void 0:i.files)&&this.handleFiles(e.dataTransfer.files)},this.handleBrowse=e=>{var i;this.disabled||this.readonly||e&&this.fromActionsSlot(e)||null===(i=this.inputEl)||void 0===i||i.click()},this.handleInputChange=e=>{const i=e.target;i.files&&this.handleFiles(i.files),i.value=""},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.handleRowDragEnd=()=>{this.resetDragState()}}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){window.removeEventListener("mouseup",this.disarmDrag),clearTimeout(this.copiedTimer),this.closeLightbox()}get parsedFiles(){const e=this.files;if("string"!=typeof e||!e.trim())return[];if(e===this.lastFilesStr)return this.lastParsed;let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o)}catch(e){}return this.lastFilesStr=e,this.lastParsed=i,i}get strings(){return a[function(e){const i=(e||"").toLowerCase();return i.startsWith("es")?"es":i.startsWith("pt")?"pt":"en"}(this.locale)]}get acceptList(){const e=this.accept;if(!e)return[];let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o.map(String))}catch(o){i=e.split(",")}return i.map((e=>e.trim().toLowerCase().replace(/^\./,""))).filter((e=>e&&"*"!==e))}get isInvalid(){return"error"===this.status||!!this.localError}get inputAccept(){const e=this.acceptList;if(e.length)return e.map((e=>e.includes("/")?e:`.${e}`)).join(",")}extOf(e){const i=e.lastIndexOf(".");return i>=0?e.slice(i+1).toLowerCase():""}validate(e){const i=this.acceptList;if(i.length){const o=this.extOf(e.name),t=i.includes(o),r=i.some((i=>i.includes("/")&&e.type===i));if(!t&&!r)return s(this.strings.errInvalidFormat,{x:o})}return this.maxBytes&&e.size>this.maxBytes?s(this.strings.errTooLarge,{x:l(e.size)}):null}handleFiles(e){if(this.disabled||this.readonly)return;this.localError="";const i=Array.from(e);if(!i.length)return;const o=this.multiple?i:i.slice(0,1);if(this.multiple){const e=this.maxFiles-this.parsedFiles.length;if(e<=0)return void(this.localError=s(this.strings.errMaxFiles,{n:this.maxFiles}));o.length>e&&(o.length=e)}const t=[],r=[];for(const e of o){const i=this.validate(e);i?this.localError=i:(t.push(e),r.push(`tmp-${Date.now()}-${this.tempSeq++}`))}t.length&&this.coFilesSelected.emit({files:t,tempIds:r})}fromActionsSlot(e){return e.composedPath().some((e=>{var i,o;return"actions"===(null===(o=(i=e).getAttribute)||void 0===o?void 0:o.call(i,"slot"))}))}keyFor(e){var i;return e.id||e.tempId||`${e.name}:${null!==(i=e.size)&&void 0!==i?i:""}`}handleCopy(e){var i;const o=e.url||"";if(!o)return;const t=this.keyFor(e);this.coCopy.emit({id:t,url:o}),(null===(i=navigator.clipboard)||void 0===i?void 0:i.writeText)&&navigator.clipboard.writeText(o).then((()=>{this.copiedKey=t,clearTimeout(this.copiedTimer),this.copiedTimer=setTimeout((()=>this.copiedKey=""),1500)})).catch((()=>{}))}handlePreviewOpen(e){const i=e.url||e.thumbnail;if(!i)return;this.coPreviewOpen.emit({id:this.keyFor(e),url:i});const o=this.parsedFiles.filter((e=>d(e)&&!this.failedPreviews.has(this.keyFor(e)))),t=o.map((e=>({src:f(e),thumbnail:e.thumbnail,alt:e.name}))),r=Math.max(0,o.findIndex((i=>this.keyFor(i)===this.keyFor(e))));this.closeLightbox();const a=document.createElement("co-lightbox");a.images=JSON.stringify(t),a.startIndex=r,this.locale&&(a.locale=this.locale),a.addEventListener("coClose",(()=>this.closeLightbox())),document.body.appendChild(a),this.lightboxEl=a,requestAnimationFrame((()=>{a.open=!0}))}closeLightbox(){const e=this.lightboxEl;this.lightboxEl=void 0,e&&(e.open=!1,setTimeout((()=>e.remove()),220))}handlePreviewError(e){this.failedPreviews=new Set([...this.failedPreviews,this.keyFor(e)])}handleRowDragStart(e,i){this.armedKey===i?(this.dragKey=i,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",i))):e.preventDefault()}handleRowDragOver(e,i){this.dragKey&&this.dragKey!==i&&(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.overKey=i)}handleRowDrop(e,i){e.preventDefault(),e.stopPropagation();const o=this.parsedFiles.map((e=>this.keyFor(e))),t=o.indexOf(this.dragKey),r=o.indexOf(i);this.resetDragState(),t<0||r<0||t===r||(o.splice(r,0,...o.splice(t,1)),this.coReorder.emit(o))}resetDragState(){this.armedKey="",this.dragKey="",this.overKey=""}capacityHint(e){const i=this.maxBytes?l(this.maxBytes):"";return this.multiple&&this.maxBytes?s(e.helperBoth,{n:this.maxFiles,x:i}):this.multiple?s(e.helperFiles,{n:this.maxFiles}):this.maxBytes?s(e.helperBytes,{x:i}):""}render(){const e=this.strings,i=this.parsedFiles,t=this.localError||this.helperText,a=!(this.readonly||(this.multiple?this.multiple&&i.length>=this.maxFiles:0!==i.length)),s="default"!==this.status?`co-file-field--${this.status}`:"",c=i.filter((e=>d(e)&&!this.failedPreviews.has(this.keyFor(e)))),n=this.reorderable&&this.multiple&&!this.disabled&&!this.readonly&&i.length>1,f=this.capacityHint(e);return o("div",{key:"31d820478276fee18bf2df79dd277ef1cbcf2ac2",class:{"co-file-field":!0,"co-file-field--disabled":this.disabled,"co-file-field--invalid":this.isInvalid,[s]:!!s},part:"wrapper"},this.label&&o("div",{key:"b7df2e7f427fb6306191c07aebd41b2a2c7303c6",class:"co-file-field__labels"},o("label",{key:"d3dcd5886777a09fea5d4082f4a941a24056184e",class:"co-file-field__label",part:"label"},this.label,o(r,{key:"6cf4505b762c9335798de30362e1eac8bc6e123c",required:this.required}))),a&&o("div",{key:"af761f6f87b10397bc3e5ebf3ee4c43c0c815449",class:{"co-file-field__dropzone":!0,"co-file-field__dropzone--drag":this.dragOver},part:"dropzone",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleBrowse,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.fromActionsSlot(e)||(e.preventDefault(),this.handleBrowse())},onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},o("button",{key:"72ab595ccd9a7f275cd214fcb17c15972057557a",class:"co-file-field__upload-btn",part:"upload-button",type:"button",tabIndex:-1},o("co-icon",{key:"686287ddfba61763e98e8753f078f8bc1ac98460",name:"file-arrow-up",size:18}),o("span",{key:"8faab79ab89c6a2fc83069ae7bcafb4b21feb416"},this.uploadButtonText||e.uploadButton)),o("span",{key:"761ab4b4e58490fe8e0024e6881a8d73fef5e7fd",class:"co-file-field__dropzone-text"},this.dropText||e.dropHint),f&&o("span",{key:"c6a88193c0aacefa6bd1534600ad56d3577b2228",class:"co-file-field__dropzone-hint"},f),o("div",{key:"ecd504e94b4ab9a1784868a357399e766b2dd68c",class:"co-file-field__actions",part:"actions"},o("slot",{key:"4e6572288387694e7e43cfa7fd58b4fb1952be2c",name:"actions"})),o("input",{key:"708ef841bab08935f125e6aa4338f67502b8689f",ref:e=>this.inputEl=e,class:"co-file-field__input",type:"file",multiple:this.multiple,accept:this.inputAccept,disabled:this.disabled,onChange:this.handleInputChange,"aria-hidden":"true",tabIndex:-1})),i.length>0&&o("div",{key:"f7423a91e47af3fbc4eb8257569df98da889bebf",class:"co-file-field__uploaded"},this.multiple&&o("div",{key:"da179d8d456ac934ee0d88679cb9866f3d9af3a9",class:"co-file-field__uploaded-title",part:"uploaded-title"},`${this.uploadedTitle||e.uploadedTitle} (${i.length})`),c.length>0&&o("div",{key:"73ffb49c6090eb21c471f9cfe145df23b8fb8592",class:"co-file-field__previews",part:"previews"},c.map((i=>o("button",{class:"co-file-field__preview",part:"preview",type:"button",key:`prev-${this.keyFor(i)}`,title:i.name,"aria-label":e.openPreview,onClick:()=>this.handlePreviewOpen(i)},o("img",{src:i.thumbnail||i.url,alt:i.name,loading:"lazy",onError:()=>this.handlePreviewError(i)}))))),o("ul",{key:"ecbc35245db8e66eca656423657a0223e33a156e",class:"co-file-field__list",part:"list"},i.map((i=>{const t=this.keyFor(i),r=n&&"done"===i.status;return o("li",{class:{"co-file-field__row":!0,[`co-file-field__row--${i.status}`]:!0,"co-file-field__row--dragging":this.dragKey===t,"co-file-field__row--drop-target":this.overKey===t},part:"row",key:t,draggable:this.armedKey===t,onDragStart:e=>this.handleRowDragStart(e,t),onDragOver:e=>this.handleRowDragOver(e,t),onDrop:e=>this.handleRowDrop(e,t),onDragEnd:this.handleRowDragEnd},r?o("span",{class:"co-file-field__drag-handle",part:"drag-handle",title:e.dragToReorder,onMouseDown:()=>this.armedKey=t},o("co-icon",{name:"list",size:18})):o("co-icon",{name:"error"===i.status?"warning-circle":"uploading"===i.status?"spinner-gap":"file",size:18,class:{"co-file-field__row-icon":!0,"co-file-field__row-icon--spin":"uploading"===i.status}}),o("div",{class:"co-file-field__row-body"},o("span",{class:"co-file-field__row-name",title:i.name},function(e,i=35){return!e||e.length<=i?e:`...${e.slice(-i)}`}(i.name)),"uploading"===i.status&&o("div",{class:"co-file-field__progress"},o("div",{class:"co-file-field__progress-bar",style:"number"==typeof i.progress?{width:`${i.progress}%`}:void 0})),"error"===i.status&&i.error&&o("span",{class:"co-file-field__row-error"},i.error)),null!=i.size&&o("span",{class:"co-file-field__row-size"},l(i.size)),"done"===i.status&&!!i.url&&o("button",{class:{"co-file-field__action":!0,"co-file-field__action--copied":this.copiedKey===t},type:"button",tabIndex:-1,title:this.copiedKey===t?e.copied:e.copyUrl,"aria-label":e.copyUrl,onClick:()=>this.handleCopy(i)},o("co-icon",{name:this.copiedKey===t?"check":"copy",size:18})),!this.disabled&&!this.readonly&&o("button",{class:"co-file-field__action",type:"button",tabIndex:-1,title:e.removeFile,"aria-label":e.removeFile,onClick:()=>this.coRemove.emit(t)},o("co-icon",{name:"trash",size:18})))})))),t&&o("div",{key:"e171dcd572d9b82734433eaa20f44c85c2c24735",class:{"co-file-field__helper":!0,"co-file-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&o("co-icon",{key:"3ba44c6324cd56a470dc4668a15b31c61b58b990",name:"warning-circle",size:14,class:"co-file-field__helper-icon"}),o("span",{key:"24c06c19e336ddb0f6a5266d9a9b84f7fbf3b80e",class:"co-file-field__helper-text"},t)))}get el(){return t(this)}};h.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-file-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-file-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-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-file-field__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-md);padding:var(--co-spacing-4xl) var(--co-spacing-2xl);background:color-mix(in srgb, var(--co-semantic-surface-hover) 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 dashed var(--co-semantic-border-default);border-radius:var(--co-border-radius-sm);cursor:pointer;text-align:center;transition:border-color 0.15s ease, background 0.15s ease}.co-file-field__dropzone:hover{border-color:var(--co-semantic-border-focus)}.co-file-field__dropzone--drag{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__upload-btn{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-md) var(--co-spacing-xl);margin-bottom:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:none;border-radius:var(--co-border-radius-full);box-shadow:var(--co-shadow-lg);font-family:inherit;font-size:var(--co-font-size-16);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;cursor:pointer;transition:box-shadow 0.15s ease, transform 0.15s ease}.co-file-field__upload-btn:hover{box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));transform:translateY(-1px)}.co-file-field__upload-btn co-icon{display:inline-flex;flex-shrink:0}.co-file-field__dropzone-text{color:var(--co-semantic-text-default);font-size:var(--co-font-size-18);line-height:1.25}.co-file-field__dropzone-hint{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);line-height:1.25}.co-file-field__actions{display:contents}.co-file-field__input{display:none}.co-file-field__uploaded{display:flex;flex-direction:column;gap:var(--co-spacing-lg);margin-top:var(--co-spacing-sm2)}.co-file-field__uploaded-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-22);font-weight:500;letter-spacing:-0.03em;line-height:1.25}.co-file-field__previews{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 282px));gap:var(--co-spacing-md)}.co-file-field__preview{padding:0;border:none;border-radius:var(--co-border-radius-sm);overflow:hidden;aspect-ratio:3 / 2;background:var(--co-semantic-surface-hover);cursor:pointer}.co-file-field__preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.2s ease}.co-file-field__preview:hover img{transform:scale(1.02)}.co-file-field__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__row{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-xl);background:var(--co-semantic-surface-hover);border:1px solid transparent;border-radius:var(--co-border-radius-sm)}.co-file-field__row--error{border-color:var(--co-semantic-status-error)}.co-file-field__row--dragging{opacity:0.5}.co-file-field__row--drop-target{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__drag-handle{flex-shrink:0;display:flex;align-items:center;color:var(--co-semantic-text-secondary);cursor:grab}.co-file-field__drag-handle:active{cursor:grabbing}.co-file-field__row-icon{flex-shrink:0;color:var(--co-semantic-text-secondary);display:flex;align-items:center}.co-file-field__row--error .co-file-field__row-icon{color:var(--co-semantic-status-error)}.co-file-field__row-icon--spin{animation:co-file-spin 0.8s linear infinite}@keyframes co-file-spin{to{transform:rotate(360deg)}}.co-file-field__row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-file-field__row-name{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-file-field__row-error{color:var(--co-semantic-status-error);font-size:var(--co-font-size-12)}.co-file-field__row-size{flex-shrink:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1;white-space:nowrap}.co-file-field__progress{position:relative;height:4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-hover);overflow:hidden}.co-file-field__progress-bar{position:absolute;inset:0;width:40%;border-radius:var(--co-border-radius-full);background:var(--co-semantic-border-focus);transition:width 0.2s ease}.co-file-field__progress-bar:not([style]){animation:co-file-indeterminate 1.2s ease-in-out infinite}@keyframes co-file-indeterminate{0%{left:-40%}100%{left:100%}}.co-file-field__action{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-secondary);transition:color 0.15s ease}.co-file-field__action:hover{color:var(--co-semantic-text-default)}.co-file-field__action--copied,.co-file-field__action--copied:hover{color:var(--co-color-primary-verde)}.co-file-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-file-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-file-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);line-height:1}.co-file-field--disabled{opacity:0.6;pointer-events:none}.co-file-field--invalid .co-file-field__dropzone,.co-file-field--error .co-file-field__dropzone{border-color:var(--co-semantic-status-error)}.co-file-field__helper--error .co-file-field__helper-icon,.co-file-field__helper--error .co-file-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-file-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-file-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-file-field__label{white-space:normal}:host([layout='horizontal']) .co-file-field>:not(.co-file-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-file-field__dropzone{background:var(--co-semantic-surface-hover)}}";export{h as co_file_field}
+import{r as e,c as i,h as o,a as t}from"./p-BCEz3S-z.js";import{R as r}from"./p-C-d15gih.js";const a={es:{uploadButton:"Cargar archivo",dropHint:"Arrastra y suelta archivos aquí",helperBoth:"Puedes subir hasta {n} archivos, cada uno hasta {x}",helperFiles:"Puedes subir hasta {n} archivos",helperBytes:"Cada archivo hasta {x}",uploadedTitle:"Archivos subidos",removeFile:"Eliminar archivo",copyUrl:"Copiar enlace",copied:"Copiado",dragToReorder:"Arrastra para reordenar",openPreview:"Abrir vista previa",errInvalidFormat:"Formato no permitido: .{x}",errTooLarge:"Archivo demasiado grande: {x}",errMaxFiles:"Puedes subir hasta {n} archivos"},en:{uploadButton:"Upload file",dropHint:"Drag and drop files here",helperBoth:"You can upload up to {n} files, each up to {x}",helperFiles:"You can upload up to {n} files",helperBytes:"Each file up to {x}",uploadedTitle:"Uploaded files",removeFile:"Remove file",copyUrl:"Copy link",copied:"Copied",dragToReorder:"Drag to reorder",openPreview:"Open preview",errInvalidFormat:"Invalid format: .{x}",errTooLarge:"File too large: {x}",errMaxFiles:"You can upload up to {n} files"},pt:{uploadButton:"Carregar arquivo",dropHint:"Arraste e solte arquivos aqui",helperBoth:"Você pode enviar até {n} arquivos, cada um até {x}",helperFiles:"Você pode enviar até {n} arquivos",helperBytes:"Cada arquivo até {x}",uploadedTitle:"Arquivos enviados",removeFile:"Remover arquivo",copyUrl:"Copiar link",copied:"Copiado",dragToReorder:"Arraste para reordenar",openPreview:"Abrir pré-visualização",errInvalidFormat:"Formato inválido: .{x}",errTooLarge:"Arquivo muito grande: {x}",errMaxFiles:"Você pode enviar até {n} arquivos"}};function s(e,i){var o,t;return e.replace("{n}",String(null!==(o=i.n)&&void 0!==o?o:"")).replace("{x}",null!==(t=i.x)&&void 0!==t?t:"")}function l(e){if(null==e||isNaN(e))return"";if(e<1024)return`${e} B`;const i=e=>e.toFixed(2).replace(/\.?0+$/,"");return e<1048576?`${i(e/1024)} KB`:`${i(e/1048576)} MB`}const c=new Set(["png","jpg","jpeg","gif","webp","svg","avif","bmp"]);function n(e){const i=(e.name||e.url||"").split("?")[0],o=i.lastIndexOf(".");return o>=0&&c.has(i.slice(o+1).toLowerCase())}function d(e){return"done"===e.status&&(!(!e.thumbnail&&!e.url)&&(!!e.thumbnail||n(e)))}function f(e){return n(e)?e.url||e.thumbnail:e.thumbnail||e.url}const h=class{constructor(o){e(this,o),this.coFilesSelected=i(this,"coFilesSelected",3),this.coRemove=i(this,"coRemove",3),this.coClear=i(this,"coClear",3),this.coReorder=i(this,"coReorder",3),this.coCopy=i(this,"coCopy",3),this.coPreviewOpen=i(this,"coPreviewOpen",3),this.disabled=!1,this.readonly=!1,this.required=!1,this.multiple=!1,this.maxFiles=100,this.status="default",this.layout="vertical",this.reorderable=!0,this.files="[]",this.dragOver=!1,this.localError="",this.copiedKey="",this.armedKey="",this.dragKey="",this.overKey="",this.failedPreviews=new Set,this.tempSeq=0,this.lastFilesStr="",this.lastParsed=[],this.handleDragOver=e=>{this.disabled||this.readonly||this.dragKey||(e.preventDefault(),this.dragOver=!0)},this.handleDragLeave=e=>{const i=e.relatedTarget;i&&e.currentTarget instanceof Node&&e.currentTarget.contains(i)||(this.dragOver=!1)},this.handleDrop=e=>{var i;e.preventDefault(),this.dragOver=!1,this.dragKey||(null===(i=e.dataTransfer)||void 0===i?void 0:i.files)&&this.handleFiles(e.dataTransfer.files)},this.handleBrowse=e=>{var i;this.disabled||this.readonly||e&&this.fromActionsSlot(e)||null===(i=this.inputEl)||void 0===i||i.click()},this.handleInputChange=e=>{const i=e.target;i.files&&this.handleFiles(i.files),i.value=""},this.disarmDrag=()=>{this.armedKey&&!this.dragKey&&(this.armedKey="")},this.handleRowDragEnd=()=>{this.resetDragState()}}connectedCallback(){window.addEventListener("mouseup",this.disarmDrag)}disconnectedCallback(){window.removeEventListener("mouseup",this.disarmDrag),clearTimeout(this.copiedTimer),this.closeLightbox()}get parsedFiles(){const e=this.files;if("string"!=typeof e||!e.trim())return[];if(e===this.lastFilesStr)return this.lastParsed;let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o)}catch(e){}return this.lastFilesStr=e,this.lastParsed=i,i}get strings(){return a[function(e){const i=(e||"").toLowerCase();return i.startsWith("es")?"es":i.startsWith("pt")?"pt":"en"}(this.locale)]}get acceptList(){const e=this.accept;if(!e)return[];let i=[];try{const o=JSON.parse(e);Array.isArray(o)&&(i=o.map(String))}catch(o){i=e.split(",")}return i.map((e=>e.trim().toLowerCase().replace(/^\./,""))).filter((e=>e&&"*"!==e))}get isInvalid(){return"error"===this.status||!!this.localError}get inputAccept(){const e=this.acceptList;if(e.length)return e.map((e=>e.includes("/")?e:`.${e}`)).join(",")}extOf(e){const i=e.lastIndexOf(".");return i>=0?e.slice(i+1).toLowerCase():""}validate(e){const i=this.acceptList;if(i.length){const o=this.extOf(e.name),t=i.includes(o),r=i.some((i=>i.includes("/")&&e.type===i));if(!t&&!r)return s(this.strings.errInvalidFormat,{x:o})}return this.maxBytes&&e.size>this.maxBytes?s(this.strings.errTooLarge,{x:l(e.size)}):null}handleFiles(e){if(this.disabled||this.readonly)return;this.localError="";const i=Array.from(e);if(!i.length)return;const o=this.multiple?i:i.slice(0,1);if(this.multiple){const e=this.maxFiles-this.parsedFiles.length;if(e<=0)return void(this.localError=s(this.strings.errMaxFiles,{n:this.maxFiles}));o.length>e&&(o.length=e)}const t=[],r=[];for(const e of o){const i=this.validate(e);i?this.localError=i:(t.push(e),r.push(`tmp-${Date.now()}-${this.tempSeq++}`))}t.length&&this.coFilesSelected.emit({files:t,tempIds:r})}fromActionsSlot(e){return e.composedPath().some((e=>{var i,o;return"actions"===(null===(o=(i=e).getAttribute)||void 0===o?void 0:o.call(i,"slot"))}))}keyFor(e){var i;return e.id||e.tempId||`${e.name}:${null!==(i=e.size)&&void 0!==i?i:""}`}handleCopy(e){var i;const o=e.url||"";if(!o)return;const t=this.keyFor(e);this.coCopy.emit({id:t,url:o}),(null===(i=navigator.clipboard)||void 0===i?void 0:i.writeText)&&navigator.clipboard.writeText(o).then((()=>{this.copiedKey=t,clearTimeout(this.copiedTimer),this.copiedTimer=setTimeout((()=>this.copiedKey=""),1500)})).catch((()=>{}))}handlePreviewOpen(e){const i=e.url||e.thumbnail;if(!i)return;this.coPreviewOpen.emit({id:this.keyFor(e),url:i});const o=this.parsedFiles.filter((e=>d(e)&&!this.failedPreviews.has(this.keyFor(e)))),t=o.map((e=>({src:f(e),thumbnail:e.thumbnail,alt:e.name}))),r=Math.max(0,o.findIndex((i=>this.keyFor(i)===this.keyFor(e))));this.closeLightbox();const a=document.createElement("co-lightbox");a.images=JSON.stringify(t),a.startIndex=r,this.locale&&(a.locale=this.locale),a.addEventListener("coClose",(()=>this.closeLightbox())),document.body.appendChild(a),this.lightboxEl=a,requestAnimationFrame((()=>{a.open=!0}))}closeLightbox(){const e=this.lightboxEl;this.lightboxEl=void 0,e&&(e.open=!1,setTimeout((()=>e.remove()),220))}handlePreviewError(e){this.failedPreviews=new Set([...this.failedPreviews,this.keyFor(e)])}handleRowDragStart(e,i){this.armedKey===i?(this.dragKey=i,e.dataTransfer&&(e.dataTransfer.effectAllowed="move",e.dataTransfer.setData("text/plain",i))):e.preventDefault()}handleRowDragOver(e,i){this.dragKey&&this.dragKey!==i&&(e.preventDefault(),e.dataTransfer&&(e.dataTransfer.dropEffect="move"),this.overKey=i)}handleRowDrop(e,i){e.preventDefault(),e.stopPropagation();const o=this.parsedFiles.map((e=>this.keyFor(e))),t=o.indexOf(this.dragKey),r=o.indexOf(i);this.resetDragState(),t<0||r<0||t===r||(o.splice(r,0,...o.splice(t,1)),this.coReorder.emit(o))}resetDragState(){this.armedKey="",this.dragKey="",this.overKey=""}capacityHint(e){const i=this.maxBytes?l(this.maxBytes):"";return this.multiple&&this.maxBytes?s(e.helperBoth,{n:this.maxFiles,x:i}):this.multiple?s(e.helperFiles,{n:this.maxFiles}):this.maxBytes?s(e.helperBytes,{x:i}):""}render(){const e=this.strings,i=this.parsedFiles,t=this.localError||this.helperText,a=!(this.readonly||(this.multiple?this.multiple&&i.length>=this.maxFiles:0!==i.length)),s="default"!==this.status?`co-file-field--${this.status}`:"",c=i.filter((e=>d(e)&&!this.failedPreviews.has(this.keyFor(e)))),n=this.reorderable&&this.multiple&&!this.disabled&&!this.readonly&&i.length>1,f=this.capacityHint(e);return o("div",{key:"6f0c0d55291904a925ddf87b444279443b123414",class:{"co-file-field":!0,"co-file-field--disabled":this.disabled,"co-file-field--invalid":this.isInvalid,[s]:!!s},part:"wrapper"},this.label&&o("div",{key:"e3d624d4b904358132fcbdcf68c283a6fb1bcabb",class:"co-file-field__labels"},o("label",{key:"d96a9d10db3c9eaae4bf5e4d1bc3986f3f111c3c",class:"co-file-field__label",part:"label"},this.label,o(r,{key:"6810c17061391ead3343daf9cd06d71d3b03706c",required:this.required}))),a&&o("div",{key:"b910dfaa918f1c6d04d4d817a67100b74b6f156f",class:{"co-file-field__dropzone":!0,"co-file-field__dropzone--drag":this.dragOver},part:"dropzone",role:"button",tabIndex:this.disabled?-1:0,onClick:this.handleBrowse,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||this.fromActionsSlot(e)||(e.preventDefault(),this.handleBrowse())},onDragOver:this.handleDragOver,onDragLeave:this.handleDragLeave,onDrop:this.handleDrop},o("button",{key:"a2a02be018cc925718943411aa28da509a2a2a96",class:"co-file-field__upload-btn",part:"upload-button",type:"button",tabIndex:-1},o("co-icon",{key:"bb1879d1397ae93c5da975cbdbe6b7c1c907c490",name:"file-arrow-up",size:18}),o("span",{key:"e4ad56d293a8bfcc082b7b6579dfefd9a02846bc"},this.uploadButtonText||e.uploadButton)),o("span",{key:"e9c32bdcd65a3138b08b38e52aa909c82b8d2047",class:"co-file-field__dropzone-text"},this.dropText||e.dropHint),f&&o("span",{key:"417fa71efaf202fc7a1483e02bca170d35d4bf9f",class:"co-file-field__dropzone-hint"},f),o("div",{key:"3697aa6c3ccc065ea9bf999f931bd8efb46ea26f",class:"co-file-field__actions",part:"actions"},o("slot",{key:"b6cfb211a32883ca0a37a775a8442f1d7a60b1d2",name:"actions"})),o("input",{key:"2c8a8a4c7a5ec3b633d78f3d2194d5457a3c1be3",ref:e=>this.inputEl=e,class:"co-file-field__input",type:"file",multiple:this.multiple,accept:this.inputAccept,disabled:this.disabled,onChange:this.handleInputChange,"aria-hidden":"true",tabIndex:-1})),i.length>0&&o("div",{key:"793833955268b59bb86366b578558b0a25af3faf",class:"co-file-field__uploaded"},this.multiple&&o("div",{key:"d4141eed0257861c6640d0c91e4599278591619b",class:"co-file-field__uploaded-title",part:"uploaded-title"},`${this.uploadedTitle||e.uploadedTitle} (${i.length})`),c.length>0&&o("div",{key:"22e632b0c0050bab853d481366ae970db13935cf",class:"co-file-field__previews",part:"previews"},c.map((i=>o("button",{class:"co-file-field__preview",part:"preview",type:"button",key:`prev-${this.keyFor(i)}`,title:i.name,"aria-label":e.openPreview,onClick:()=>this.handlePreviewOpen(i)},o("img",{src:i.thumbnail||i.url,alt:i.name,loading:"lazy",onError:()=>this.handlePreviewError(i)}))))),o("ul",{key:"f4ae0f81158f1d69ca0dbde29a2358c13f7dce20",class:"co-file-field__list",part:"list"},i.map((i=>{const t=this.keyFor(i),r=n&&"done"===i.status;return o("li",{class:{"co-file-field__row":!0,[`co-file-field__row--${i.status}`]:!0,"co-file-field__row--dragging":this.dragKey===t,"co-file-field__row--drop-target":this.overKey===t},part:"row",key:t,draggable:this.armedKey===t,onDragStart:e=>this.handleRowDragStart(e,t),onDragOver:e=>this.handleRowDragOver(e,t),onDrop:e=>this.handleRowDrop(e,t),onDragEnd:this.handleRowDragEnd},r?o("span",{class:"co-file-field__drag-handle",part:"drag-handle",title:e.dragToReorder,onMouseDown:()=>this.armedKey=t},o("co-icon",{name:"list",size:18})):o("co-icon",{name:"error"===i.status?"warning-circle":"uploading"===i.status?"spinner-gap":"file",size:18,class:{"co-file-field__row-icon":!0,"co-file-field__row-icon--spin":"uploading"===i.status}}),o("div",{class:"co-file-field__row-body"},o("span",{class:"co-file-field__row-name",title:i.name},function(e,i=35){return!e||e.length<=i?e:`...${e.slice(-i)}`}(i.name)),"uploading"===i.status&&o("div",{class:"co-file-field__progress"},o("div",{class:"co-file-field__progress-bar",style:"number"==typeof i.progress?{width:`${i.progress}%`}:void 0})),"error"===i.status&&i.error&&o("span",{class:"co-file-field__row-error"},i.error)),null!=i.size&&o("span",{class:"co-file-field__row-size"},l(i.size)),"done"===i.status&&!!i.url&&o("button",{class:{"co-file-field__action":!0,"co-file-field__action--copied":this.copiedKey===t},type:"button",tabIndex:-1,title:this.copiedKey===t?e.copied:e.copyUrl,"aria-label":e.copyUrl,onClick:()=>this.handleCopy(i)},o("co-icon",{name:this.copiedKey===t?"check":"copy",size:18})),!this.disabled&&!this.readonly&&o("button",{class:"co-file-field__action",type:"button",tabIndex:-1,title:e.removeFile,"aria-label":e.removeFile,onClick:()=>this.coRemove.emit(t)},o("co-icon",{name:"trash",size:18})))})))),t&&o("div",{key:"3c08efc8106a55cb9b52cca4b85a460b03284fbb",class:{"co-file-field__helper":!0,"co-file-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&o("co-icon",{key:"3e011f947147f1af67cd21222e26cd2ac3860c4a",name:"warning-circle",size:14,class:"co-file-field__helper-icon"}),o("span",{key:"788a4a68794a0474289798cb5c48f75403d06bac",class:"co-file-field__helper-text"},t)))}get el(){return t(this)}};h.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-file-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs)}.co-file-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-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-file-field__dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-md);padding:var(--co-spacing-4xl) var(--co-spacing-2xl);background:color-mix(in srgb, var(--co-semantic-surface-hover) 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 dashed var(--co-semantic-border-field);border-radius:var(--co-border-radius-sm);cursor:pointer;text-align:center;transition:border-color 0.15s ease, background 0.15s ease}.co-file-field__dropzone:hover{border-color:var(--co-semantic-border-focus)}.co-file-field__dropzone--drag{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__upload-btn{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-md) var(--co-spacing-xl);margin-bottom:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);color:var(--co-semantic-text-default);border:none;border-radius:var(--co-border-radius-full);box-shadow:var(--co-shadow-lg);font-family:inherit;font-size:var(--co-font-size-16);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;cursor:pointer;transition:box-shadow 0.15s ease, transform 0.15s ease}.co-file-field__upload-btn:hover{box-shadow:var(--co-shadow-xl, var(--co-shadow-lg));transform:translateY(-1px)}.co-file-field__upload-btn co-icon{display:inline-flex;flex-shrink:0}.co-file-field__dropzone-text{color:var(--co-semantic-text-default);font-size:var(--co-font-size-18);line-height:1.25}.co-file-field__dropzone-hint{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);line-height:1.25}.co-file-field__actions{display:contents}.co-file-field__input{display:none}.co-file-field__uploaded{display:flex;flex-direction:column;gap:var(--co-spacing-lg);margin-top:var(--co-spacing-sm2)}.co-file-field__uploaded-title{color:var(--co-semantic-text-default);font-size:var(--co-font-size-22);font-weight:500;letter-spacing:-0.03em;line-height:1.25}.co-file-field__previews{display:grid;grid-template-columns:repeat(auto-fill, minmax(240px, 282px));gap:var(--co-spacing-md)}.co-file-field__preview{padding:0;border:none;border-radius:var(--co-border-radius-sm);overflow:hidden;aspect-ratio:3 / 2;background:var(--co-semantic-surface-hover);cursor:pointer}.co-file-field__preview img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 0.2s ease}.co-file-field__preview:hover img{transform:scale(1.02)}.co-file-field__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-file-field__row{display:flex;align-items:center;gap:var(--co-spacing-lg);padding:var(--co-spacing-xl);background:var(--co-semantic-surface-hover);border:1px solid transparent;border-radius:var(--co-border-radius-sm)}.co-file-field__row--error{border-color:var(--co-semantic-status-error)}.co-file-field__row--dragging{opacity:0.5}.co-file-field__row--drop-target{border-color:var(--co-semantic-border-focus);background:var(--co-semantic-surface-hover)}.co-file-field__drag-handle{flex-shrink:0;display:flex;align-items:center;color:var(--co-semantic-text-secondary);cursor:grab}.co-file-field__drag-handle:active{cursor:grabbing}.co-file-field__row-icon{flex-shrink:0;color:var(--co-semantic-text-secondary);display:flex;align-items:center}.co-file-field__row--error .co-file-field__row-icon{color:var(--co-semantic-status-error)}.co-file-field__row-icon--spin{animation:co-file-spin 0.8s linear infinite}@keyframes co-file-spin{to{transform:rotate(360deg)}}.co-file-field__row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xs)}.co-file-field__row-name{color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-file-field__row-error{color:var(--co-semantic-status-error);font-size:var(--co-font-size-12)}.co-file-field__row-size{flex-shrink:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);line-height:1;white-space:nowrap}.co-file-field__progress{position:relative;height:4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-hover);overflow:hidden}.co-file-field__progress-bar{position:absolute;inset:0;width:40%;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info);transition:width 0.2s ease}.co-file-field__progress-bar:not([style]){animation:co-file-indeterminate 1.2s ease-in-out infinite}@keyframes co-file-indeterminate{0%{left:-40%}100%{left:100%}}.co-file-field__action{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-secondary);transition:color 0.15s ease}.co-file-field__action:hover{color:var(--co-semantic-text-default)}.co-file-field__action--copied,.co-file-field__action--copied:hover{color:var(--co-color-primary-verde)}.co-file-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-file-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-file-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);line-height:1}.co-file-field--disabled{opacity:0.6;pointer-events:none}.co-file-field--invalid .co-file-field__dropzone,.co-file-field--error .co-file-field__dropzone{border-color:var(--co-semantic-status-error)}.co-file-field__helper--error .co-file-field__helper-icon,.co-file-field__helper--error .co-file-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-file-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-file-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-file-field__label{white-space:normal}:host([layout='horizontal']) .co-file-field>:not(.co-file-field__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-file-field__dropzone{background:var(--co-semantic-surface-hover)}}";export{h as co_file_field}

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

@@ -0,0 +1 @@
+import{r as e,c as t,h as i,a as r}from"./p-BCEz3S-z.js";import{R as a}from"./p-C-d15gih.js";import{g as s}from"./p-C1DCLOEl.js";import{i as o,t as c,p as n,c as l,a as d,b as h,s as p,d as g,f as u}from"./p-tPYikBRJ.js";const m=class{constructor(i){e(this,i),this.coRangeStartChange=t(this,"coRangeStartChange",7),this.coRangeEndChange=t(this,"coRangeEndChange",7),this.coRangeChange=t(this,"coRangeChange",7),this.coApply=t(this,"coApply",7),this.coCancel=t(this,"coCancel",7),this.coClear=t(this,"coClear",7),this.coOpen=t(this,"coOpen",3),this.coClose=t(this,"coClose",3),this.value="",this.locale="es-CO",this.displayFormat="d MMM yyyy",this.firstDayOfWeek=1,this.presets=!0,this.allowSameDay=!0,this.clearable=!0,this.applyOnSelect=!1,this.disabled=!1,this.readonly=!1,this.invalid=!1,this.required=!1,this.layout="vertical",this.size="md",this.variant="default",this.placement="bottom-start",this.open=!1,this.mobileBreakpoint=600,this.draftFrom=null,this.draftTo=null,this.isMobile=!1,this.mqlHandler=e=>{this.isMobile=e.matches},this.onPopoverOpen=()=>{this.open||(this.open=!0,this.coOpen.emit()),this.syncDraftFromValue()},this.onPopoverClose=()=>{this.open&&(this.open=!1,this.coClose.emit()),this.syncDraftFromValue()},this.onRootKeyDown=e=>{"Escape"===e.key&&this.open&&(e.stopPropagation(),this.handleCancel())},this.onCalendarRange=e=>{this.updateDraft(e.detail.start,e.detail.end)},this.onFromChange=e=>{this.updateDraft(e.detail,this.draftTo)},this.onToChange=e=>{this.updateDraft(this.draftFrom,e.detail)},this.openSheet=()=>{this.disabled||this.open||(this.syncDraftFromValue(),this.open=!0,this.coOpen.emit())},this.handleApply=()=>{this.canApply&&(this.value=JSON.stringify({from:this.draftFrom,to:this.draftTo}),this.coApply.emit({from:this.draftFrom,to:this.draftTo}),this.open=!1)},this.handleCancel=()=>{this.coCancel.emit(),this.syncDraftFromValue(),this.open=!1},this.handleClear=()=>{this.value="",this.draftFrom=null,this.draftTo=null,this.coClear.emit(),this.coRangeChange.emit({from:null,to:null}),this.open=!1}}componentWillLoad(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}connectedCallback(){this.mql=window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`),this.isMobile=this.mql.matches,this.mql.addEventListener("change",this.mqlHandler)}disconnectedCallback(){var e;null===(e=this.mql)||void 0===e||e.removeEventListener("change",this.mqlHandler)}onValueChange(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}parseValue(){if(!this.value)return{from:null,to:null};try{const e=JSON.parse(this.value);return{from:o(e.from)?e.from:null,to:o(e.to)?e.to:null}}catch(e){return{from:null,to:null}}}get committed(){return this.parseValue()}inclusiveDays(e,t){const i=c(n(t)).getTime()-c(n(e)).getTime();return Math.round(i/864e5)+1}get canApply(){const e=this.draftFrom,t=this.draftTo;if(!e||!t)return!1;if(l(e,t)>0)return!1;if(!this.allowSameDay&&0===l(e,t))return!1;const i=this.inclusiveDays(e,t);return!(this.minRangeDays&&i<this.minRangeDays||this.maxRangeDays&&i>this.maxRangeDays)}syncDraftFromValue(){const e=this.parseValue();this.draftFrom=e.from,this.draftTo=e.to}updateDraft(e,t){const i=this.draftFrom,r=this.draftTo;this.draftFrom=e,this.draftTo=t,e!==i&&this.coRangeStartChange.emit(e),t!==r&&this.coRangeEndChange.emit(t),this.coRangeChange.emit({from:e,to:t}),this.applyOnSelect&&this.canApply&&this.scheduleApply()}scheduleApply(){clearTimeout(this.applyTimer),this.applyTimer=setTimeout((()=>{this.canApply&&this.handleApply()}),250)}applyPreset(e){const t=d();let i=null,r=null;switch(e){case"today":i=t,r=t;break;case"yesterday":i=g(t,-1),r=i;break;case"last7Days":r=t,i=g(t,-6);break;case"last14Days":r=t,i=g(t,-13);break;case"last30Days":r=t,i=g(t,-29);break;case"last90Days":r=t,i=g(t,-89);break;case"thisWeek":i=function(e,t){const i=n(e);if(!i)return e;const r=c(i).getDay();return g(e,-(r-t+7)%7)}(t,this.firstDayOfWeek),r=g(i,6);break;case"thisMonth":i=p(t),r=_(t);break;case"lastMonth":{const e=h(t,-1);i=p(e),r=_(e);break}case"thisYear":{const e=n(t).year;i=`${e}-01-01`,r=`${e}-12-31`;break}case"lastYear":{const e=n(t).year-1;i=`${e}-01-01`,r=`${e}-12-31`;break}case"custom":i=null,r=null}this.updateDraft(i,r)}get hasCommitted(){const e=this.committed;return!(!e.from&&!e.to)}triggerText(e){const t=this.committed,i=t.from?u(t.from,this.displayFormat,this.locale):null,r=t.to?u(t.to,this.displayFormat,this.locale):null;return i&&r?`${i} → ${r}`:i?`${i} → …`:this.placeholder||e.setDate}presetItems(e){const t=function(e){if(Array.isArray(e))return e;if("string"==typeof e&&e.trim()){const t=e.trim();try{const e=JSON.parse(t);if(Array.isArray(e))return e.map(String)}catch(e){}return t.split(",").map((e=>e.trim())).filter(Boolean)}return[]}(this.presetIds);return(t.length?t:["today","yesterday","last7Days","last30Days","thisWeek","thisMonth","lastMonth","custom"]).map((t=>{var i;return{id:t,label:null!==(i=e[t])&&void 0!==i?i:t}}))}renderTriggerChildren(e,t){var r;return[i("co-icon",{name:"calendar",size:16,class:"co-date-range-picker__icon"}),i("span",{class:{"co-date-range-picker__trigger-text":!0,"co-date-range-picker__trigger-text--placeholder":!this.hasCommitted}},this.triggerText(e)),t&&i("button",{class:"co-date-range-picker__clear",type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:e=>{e.stopPropagation(),this.handleClear()},"aria-label":null!==(r=this.clearLabel)&&void 0!==r?r:e.clear},i("co-icon",{name:"x-circle",size:16,weight:"fill"})),i("co-icon",{name:"caret-down",size:14,class:"co-date-range-picker__caret"})]}renderPanel(e,t){var r,a,s,o,c,n;return i("div",{class:"co-date-range-picker__panel"},i("div",{class:"co-date-range-picker__fields"},i("co-date-field",{class:"co-date-range-picker__field",label:null!==(r=this.fromLabel)&&void 0!==r?r:e.from,value:this.draftFrom,min:this.min,max:null!==(a=this.draftTo)&&void 0!==a?a:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onFromChange}),i("co-date-field",{class:"co-date-range-picker__field",label:null!==(s=this.toLabel)&&void 0!==s?s:e.to,value:this.draftTo,min:null!==(o=this.draftFrom)&&void 0!==o?o:this.min,max:this.max,locale:this.locale,displayFormat:this.displayFormat,clearable:!1,onCoChange:this.onToChange})),i("div",{class:{"co-date-range-picker__body":!0,"co-date-range-picker__body--touch":t}},this.presets&&i("div",{class:"co-date-range-picker__presets"},this.presetItems(e).map((e=>i("button",{key:e.id,type:"button",class:"co-date-range-picker__preset",onClick:()=>this.applyPreset(e.id)},e.label)))),i("co-calendar",{mode:"range","data-touch":t?"":void 0,rangeStart:this.draftFrom,rangeEnd:this.draftTo,min:this.min,max:this.max,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,onCoRangeSelect:this.onCalendarRange})),i("div",{class:"co-date-range-picker__footer"},i("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--ghost",onClick:this.handleCancel},null!==(c=this.cancelLabel)&&void 0!==c?c:e.cancel),i("button",{type:"button",class:"co-date-range-picker__btn co-date-range-picker__btn--primary",disabled:!this.canApply,onClick:this.handleApply},null!==(n=this.applyLabel)&&void 0!==n?n:e.apply)))}renderHelper(e,t){return t?i("div",{class:{"co-date-range-picker__helper":!0,"co-date-range-picker__helper--error":e},part:"helper"},e&&i("co-icon",{name:"warning-circle",size:14}),i("span",null,t)):null}render(){const e=s(this.locale),t=this.invalid,r=t?this.errorMessage:this.helperText,o=this.clearable&&this.hasCommitted&&!this.disabled&&!this.readonly,c={"co-date-range-picker__trigger":!0,"co-date-range-picker__trigger--open":this.open,"co-date-range-picker__trigger--disabled":this.disabled,"co-date-range-picker__trigger--flat":"flat"===this.variant};return this.isMobile?i("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&i("label",{class:"co-date-range-picker__label",part:"label"},this.label,i(a,{required:this.required})),i("div",{class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false",onClick:this.openSheet},this.renderTriggerChildren(e,o)),i("co-drawer",{position:"bottom",open:this.open,heading:e.selectDate,onCoClose:this.handleCancel},this.renderPanel(e,!0)),this.renderHelper(t,r)):i("div",{class:{"co-date-range-picker":!0,"co-date-range-picker--invalid":t,[`co-date-range-picker--${this.size}`]:!0},onKeyDown:this.onRootKeyDown},this.label&&i("label",{class:"co-date-range-picker__label",part:"label"},this.label,i(a,{required:this.required})),i("co-popover",{open:this.open,placement:this.placement,offset:4,closeOnEscape:!1,onCoOpen:this.onPopoverOpen,onCoClose:this.onPopoverClose},i("div",{slot:"trigger",class:c,part:"trigger",role:"button",tabIndex:this.disabled?-1:0,"aria-haspopup":"dialog","aria-expanded":this.open?"true":"false"},this.renderTriggerChildren(e,o)),this.open&&this.renderPanel(e,!1)),this.renderHelper(t,r))}get el(){return r(this)}static get watchers(){return{value:[{onValueChange:0}]}}};function _(e){return g(p(h(e,1)),-1)}m.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14)}.co-date-range-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-date-range-picker__label{font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-secondary);line-height:1;padding:0 var(--co-spacing-xs)}.co-date-range-picker co-popover{display:block;width:100%}.co-date-range-picker--s .co-date-range-picker__trigger{min-height:28px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--sm .co-date-range-picker__trigger{min-height:32px;padding:0 var(--co-spacing-sm)}.co-date-range-picker--lg .co-date-range-picker__trigger{min-height:48px;padding:0 var(--co-spacing-lg)}.co-date-range-picker__trigger{display:inline-flex;align-items:center;gap:var(--co-spacing-sm2);width:100%;min-height:40px;padding:0 var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);cursor:pointer;color:var(--co-semantic-text-default);box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-date-range-picker__trigger--flat{background:transparent;border-color:transparent}.co-date-range-picker__trigger--open{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-date-range-picker__trigger--disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker--invalid .co-date-range-picker__trigger{border-color:var(--co-semantic-status-error)}.co-date-range-picker__icon,.co-date-range-picker__caret{color:var(--co-semantic-text-muted);flex-shrink:0}.co-date-range-picker__trigger-text{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-date-range-picker__trigger-text--placeholder{color:var(--co-semantic-text-muted)}.co-date-range-picker__clear{background:none;border:0;padding:0;cursor:pointer;color:var(--co-semantic-text-muted);display:inline-flex;align-items:center;flex-shrink:0}.co-date-range-picker__clear:hover{color:var(--co-semantic-text-default)}.co-date-range-picker__panel{display:flex;flex-direction:column;gap:var(--co-spacing-md);padding:var(--co-spacing-md);min-width:280px}.co-date-range-picker__fields{display:grid;grid-template-columns:1fr 1fr;gap:var(--co-spacing-sm)}.co-date-range-picker__body{display:flex;gap:var(--co-spacing-md);align-items:flex-start}.co-date-range-picker__body--touch{flex-direction:column;align-items:stretch}.co-date-range-picker__body--touch .co-date-range-picker__presets{flex-direction:row;flex-wrap:wrap;min-width:0;border-right:0;padding-right:0;border-bottom:1px solid var(--co-semantic-border-subtle);padding-bottom:var(--co-spacing-sm)}.co-date-range-picker__body--touch co-calendar{align-self:center}.co-date-range-picker__presets{display:flex;flex-direction:column;gap:var(--co-spacing-xxs);min-width:120px;border-right:1px solid var(--co-semantic-border-subtle);padding-right:var(--co-spacing-md)}.co-date-range-picker__preset{text-align:left;background:none;border:0;padding:var(--co-spacing-xs) var(--co-spacing-sm);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);cursor:pointer;transition:background 0.1s ease}.co-date-range-picker__preset:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__footer{display:flex;justify-content:flex-end;gap:var(--co-spacing-sm);padding-top:var(--co-spacing-sm);border-top:1px solid var(--co-semantic-border-subtle)}.co-date-range-picker__btn{padding:var(--co-spacing-xs) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);font-size:var(--co-font-size-14);font-family:inherit;font-weight:500;cursor:pointer;border:0}.co-date-range-picker__btn--ghost{background:transparent;color:var(--co-semantic-text-default)}.co-date-range-picker__btn--ghost:hover{background:var(--co-semantic-surface-hover)}.co-date-range-picker__btn--primary{background:var(--co-semantic-surface-primary);color:var(--co-semantic-on-primary)}.co-date-range-picker__btn--primary:hover:not(:disabled){opacity:0.88}.co-date-range-picker__btn--primary:disabled{opacity:0.5;cursor:not-allowed}.co-date-range-picker__helper{display:inline-flex;align-items:center;gap:var(--co-spacing-xs);font-size:var(--co-font-size-14);color:var(--co-semantic-text-muted);padding:0 var(--co-spacing-xs)}.co-date-range-picker__helper--error{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-date-range-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-range-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-range-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-range-picker>:not(.co-date-range-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{m as co_date_range_picker}

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

@@ -0,0 +1 @@
+import{r as t,c as i,h as s,a as e}from"./p-BCEz3S-z.js";import{R as o}from"./p-C-d15gih.js";import{g as a}from"./p-C1DCLOEl.js";const r=class{constructor(s){t(this,s),this.coInput=i(this,"coInput",7),this.coChange=i(this,"coChange",7),this.coInvalid=i(this,"coInvalid",7),this.coClear=i(this,"coClear",7),this.coFocus=i(this,"coFocus",7),this.coBlur=i(this,"coBlur",7),this.coOpen=i(this,"coOpen",3),this.coClose=i(this,"coClose",3),this.value=null,this.locale="es-CO",this.displayFormat="d MMM yyyy",this.firstDayOfWeek=1,this.size="md",this.variant="default",this.disabled=!1,this.readonly=!1,this.required=!1,this.clearable=!0,this.invalid=!1,this.layout="vertical",this.placement="bottom-start",this.closeOnSelect=!0,this.open=!1,this.mobileBreakpoint=600,this.isMobile=!1,this.internalInvalid=!1,this.pendingFocusGrid=!1,this.pendingFocusField=!1,this.mqlHandler=t=>{this.isMobile=t.matches},this.onFieldChange=t=>{this.value=t.detail,this.internalInvalid=!1,this.coChange.emit(t.detail)},this.onFieldInput=t=>{this.coInput.emit(t.detail)},this.onFieldInvalid=t=>{this.internalInvalid=!0,this.coInvalid.emit(t.detail)},this.onFieldClear=()=>{this.value=null,this.internalInvalid=!1,this.coClear.emit()},this.onFieldKeyDown=t=>{"ArrowDown"===t.key&&(t.preventDefault(),this.open||this.setOpen(!0),this.pendingFocusGrid=!0,this.calendarEl&&this.focusGridSoon())},this.onCalendarSelect=t=>{this.value=t.detail,this.internalInvalid=!1,this.coChange.emit(t.detail),this.closeOnSelect&&(this.setOpen(!1),this.pendingFocusField=!0)},this.onPopoverOpen=()=>{this.open||(this.open=!0,this.coOpen.emit())},this.onPopoverClose=()=>{this.open&&(this.open=!1,this.coClose.emit())},this.onRootKeyDown=t=>{"Escape"===t.key&&this.open&&(t.stopPropagation(),this.setOpen(!1),this.pendingFocusField=!0)}}connectedCallback(){this.mql=window.matchMedia(`(max-width: ${this.mobileBreakpoint}px)`),this.isMobile=this.mql.matches,this.mql.addEventListener("change",this.mqlHandler)}disconnectedCallback(){var t;null===(t=this.mql)||void 0===t||t.removeEventListener("change",this.mqlHandler)}get isInvalid(){return this.invalid||this.internalInvalid}setOpen(t){this.open!==t&&(this.open=t,t?this.coOpen.emit():this.coClose.emit())}focusGridSoon(){requestAnimationFrame((()=>{var t,i;null===(i=null===(t=this.calendarEl)||void 0===t?void 0:t.focusGrid)||void 0===i||i.call(t)}))}componentDidRender(){var t,i;this.pendingFocusGrid&&this.open&&this.calendarEl&&(this.pendingFocusGrid=!1,this.focusGridSoon()),this.pendingFocusField&&(this.pendingFocusField=!1,null===(i=null===(t=this.fieldEl)||void 0===t?void 0:t.focusInput)||void 0===i||i.call(t))}renderField(){return s("co-date-field",{ref:t=>this.fieldEl=t,"data-variant":this.variant,value:this.value,min:this.min,max:this.max,disabledDates:this.disabledDates,disabledDaysOfWeek:this.disabledDaysOfWeek,locale:this.locale,displayFormat:this.displayFormat,placeholder:this.placeholder,size:this.size,name:this.name,disabled:this.disabled,readonly:this.readonly,required:this.required,clearable:this.clearable,invalid:this.isInvalid,onCoChange:this.onFieldChange,onCoInput:this.onFieldInput,onCoInvalid:this.onFieldInvalid,onCoClear:this.onFieldClear,onCoFocus:()=>this.coFocus.emit(),onCoBlur:()=>this.coBlur.emit()})}renderCalendar(t){return s("co-calendar",{ref:t=>this.calendarEl=t,"data-touch":t?"":void 0,value:this.value,min:this.min,max:this.max,disabledDates:this.disabledDates,disabledDaysOfWeek:this.disabledDaysOfWeek,locale:this.locale,firstDayOfWeek:this.firstDayOfWeek,onCoSelect:this.onCalendarSelect})}renderHelper(){const t=this.isInvalid?this.errorMessage:this.helperText;return t?s("div",{class:{"co-date-picker__helper":!0,"co-date-picker__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&s("co-icon",{name:"warning-circle",size:14}),s("span",null,t)):null}render(){if(this.isMobile){const t=a(this.locale);return s("div",{class:"co-date-picker co-date-picker--mobile",onKeyDown:this.onRootKeyDown},this.label&&s("label",{class:"co-date-picker__label",part:"label"},this.label,s(o,{required:this.required})),s("div",{class:"co-date-picker__trigger",onClick:()=>!this.disabled&&this.setOpen(!0)},this.renderField()),s("co-drawer",{position:"bottom",open:this.open,heading:t.selectDate,onCoClose:()=>this.setOpen(!1)},s("div",{class:"co-date-picker__sheet"},this.renderCalendar(!0))),this.renderHelper())}return s("div",{class:"co-date-picker",onKeyDown:this.onRootKeyDown},this.label&&s("label",{class:"co-date-picker__label",part:"label"},this.label,s(o,{required:this.required})),s("co-popover",{open:this.open,placement:this.placement,offset:4,closeOnEscape:!1,onCoOpen:this.onPopoverOpen,onCoClose:this.onPopoverClose},s("div",{slot:"trigger",class:"co-date-picker__trigger",onKeyDown:this.onFieldKeyDown},this.renderField()),this.open&&s("div",{class:"co-date-picker__panel"},this.renderCalendar(!1))),this.renderHelper())}get el(){return e(this)}};r.style=":host{display:block;font-family:var(--co-font-family-primary)}.co-date-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}co-date-field[data-variant='flat']::part(field){background:transparent;border-color:transparent}.co-date-picker__label{padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-date-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-date-picker__helper--error{color:var(--co-semantic-status-error)}.co-date-picker co-popover{display:block;width:100%}.co-date-picker__trigger{display:block;width:100%;cursor:text}.co-date-picker__panel{padding:var(--co-spacing-md)}.co-date-picker__sheet{display:flex;justify-content:center;padding:var(--co-spacing-sm) 0 var(--co-spacing-lg)}:host([layout='horizontal']) .co-date-picker{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-date-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-date-picker__label{white-space:normal}:host([layout='horizontal']) .co-date-picker>:not(.co-date-picker__label){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}";export{r as co_date_picker}

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

@@ -0,0 +1 @@
+import{r as e,c as i,h as t,a as s}from"./p-BCEz3S-z.js";import{R as a}from"./p-C-d15gih.js";import{F as o}from"./p-D5gr2ent.js";const r=class{constructor(t){e(this,t),this.coChange=i(this,"coChange",7),this.coInput=i(this,"coInput",7),this.coClear=i(this,"coClear",7),this.coFocus=i(this,"coFocus",7),this.coBlur=i(this,"coBlur",7),this.value="[]",this.placeholder="",this.required=!1,this.disabled=!1,this.readonly=!1,this.clearable=!0,this.allowDuplicates=!1,this.invalid=!1,this.layout="vertical",this.size="md",this.draft="",this.editingIndex=null,this.editingDraft="",this.hasFocus=!1,this.handleClearAll=()=>{var e;this.hasValue&&(this.commit([]),this.coClear.emit(),null===(e=this.inputEl)||void 0===e||e.focus())},this.handleInput=e=>{this.draft=e.target.value,this.coInput.emit(this.draft)},this.handleKeyDown=e=>{"Enter"!==e.key&&"Tab"!==e.key&&","!==e.key?"Backspace"===e.key&&""===this.draft&&this.hasValue&&(e.preventDefault(),this.removeTag(this.tags.length-1)):this.draft.trim()&&(e.preventDefault(),this.addTag())},this.handleFocus=()=>{this.hasFocus=!0,this.coFocus.emit()},this.handleBlur=()=>{this.draft.trim()&&this.addTag(),this.hasFocus=!1,this.coBlur.emit()},this.handleEditKeyDown=e=>{"Enter"===e.key?(e.preventDefault(),this.saveEdit()):"Escape"===e.key&&(e.preventDefault(),this.cancelEdit())},this.handleFieldClick=()=>{var e;this.disabled||this.readonly||null===this.editingIndex&&(null===(e=this.inputEl)||void 0===e||e.focus())}}onEditingIndexChange(e){null!==e&&requestAnimationFrame((()=>{var e;return null===(e=this.editEl)||void 0===e?void 0:e.focus()}))}get tags(){if(Array.isArray(this.value))return this.value.map((e=>String(e)));if("string"==typeof this.value&&this.value.trim())try{const e=JSON.parse(this.value);if(Array.isArray(e))return e.map((e=>String(e)))}catch(e){}return[]}get hasValue(){return this.tags.length>0}get isInvalid(){return this.invalid}get atCapacity(){return"number"==typeof this.maxTags&&this.tags.length>=this.maxTags}commit(e){this.value=JSON.stringify(e),this.coChange.emit(e)}addTag(){const e=this.draft.trim();if(this.draft="",!e||this.atCapacity)return;const i=this.tags;!this.allowDuplicates&&i.includes(e)||this.commit([...i,e])}removeTag(e){const i=this.tags.filter(((i,t)=>t!==e));this.commit(i)}startEdit(e){var i;this.disabled||this.readonly||(this.editingIndex=e,this.editingDraft=null!==(i=this.tags[e])&&void 0!==i?i:"")}saveEdit(){if(null===this.editingIndex)return;const e=this.editingIndex,i=this.editingDraft.trim(),t=this.tags;if(this.editingIndex=null,this.editingDraft="",!i)return void this.commit(t.filter(((i,t)=>t!==e)));if(!this.allowDuplicates&&t.some(((t,s)=>s!==e&&t===i)))return void this.commit(t.filter(((i,t)=>t!==e)));const s=[...t];s[e]=i,this.commit(s)}cancelEdit(){this.editingIndex=null,this.editingDraft=""}render(){const e=this.tags,i=this.clearable&&this.hasValue&&!this.disabled&&!this.readonly,s=this.isInvalid?this.errorMessage:this.helperText,r=!this.readonly&&!this.atCapacity;return t("div",{key:"3b98e21db568fa88fc353e855330cf40fcec03f8",class:{"co-tags-field":!0,"co-tags-field--disabled":this.disabled,"co-tags-field--focused":this.hasFocus,"co-tags-field--filled":this.hasValue,"co-tags-field--invalid":this.isInvalid,[`co-tags-field--${this.size}`]:!0},part:"wrapper"},this.label&&t("div",{key:"5a2e5da6096a2c5b660c3e884d2d4b0dbe9128bb",class:"co-tags-field__labels"},t("label",{key:"51403414e956b9205bf88d6cf8a6c43ad4806de9",class:"co-tags-field__label",part:"label"},this.label,t(a,{key:"19ab6f22b8615a52b5487c8661f112a1861e6c09",required:this.required}))),t("div",{key:"67052a465dc337616565f0309d3de6f9dce5e82f",class:"co-tags-field__field-row"},t("div",{key:"cb350c84d48e7eeb2cc5620291466bab58e9cabe",class:"co-tags-field__field",part:"field",onClick:this.handleFieldClick},t("div",{key:"6cd869c8b7da5280475016b3e89a0bcf42da3cc7",class:"co-tags-field__input-wrapper"},e.map(((e,i)=>this.editingIndex===i?t("input",{key:`edit-${i}`,ref:e=>this.editEl=e,class:"co-tags-field__edit",type:"text",value:this.editingDraft,onInput:e=>this.editingDraft=e.target.value,onKeyDown:this.handleEditKeyDown,onBlur:()=>this.saveEdit()}):t(o,{key:`chip-${i}-${e}`,baseClass:"co-tags-field__chip",label:e,title:e,onChipDblClick:()=>this.startEdit(i),onRemove:this.disabled||this.readonly?void 0:e=>{e.stopPropagation(),this.removeTag(i)}}))),r&&t("input",{key:"616f9c3e45ee685e4f05241a9d718c02b585f87f",ref:e=>this.inputEl=e,class:"co-tags-field__native",type:"text",autocomplete:"off",value:this.draft,placeholder:0===e.length?this.placeholder:"",disabled:this.disabled,required:this.required&&0===e.length,"aria-invalid":this.isInvalid?"true":"false","aria-label":this.label?void 0:"Tags",onInput:this.handleInput,onFocus:this.handleFocus,onBlur:this.handleBlur,onKeyDown:this.handleKeyDown,part:"input"})),this.clearable&&t("button",{key:"1846e3cb5e3f8d4bd532e598e69dbb5508589bc7",class:{"co-tags-field__clear":!0,"co-tags-field__clear--hidden":!i},type:"button",tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:this.handleClearAll,"aria-label":"Clear all",part:"clear"},t("co-icon",{key:"2c31acff9b897ef7394e087e24cb6ad1954a5b6a",name:"x-circle",size:16,weight:"fill"})))),this.name&&t("input",{key:"5fb8c29516afc9e92bd29a9702a67028434d4e07",type:"hidden",name:this.name,value:JSON.stringify(e)}),s&&t("div",{key:"8e71625ae0d1d1ac3de1b92c1520229669ba8fb6",class:{"co-tags-field__helper":!0,"co-tags-field__helper--error":this.isInvalid},part:"helper"},this.isInvalid&&t("co-icon",{key:"865454377e41eca5fa36b8a7cb1bfe39b4e6afaa",name:"warning-circle",size:14,class:"co-tags-field__helper-icon"}),t("span",{key:"d4d7f2f106bcccd3e11cdf1eb759a4b1d9de22f3",class:"co-tags-field__helper-text"},s)))}get el(){return s(this)}static get watchers(){return{editingIndex:[{onEditingIndexChange:0}]}}};r.style=":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-tags-field{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-tags-field__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-tags-field__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}.co-tags-field__field-row{display:flex;align-items:stretch}.co-tags-field__field{display:flex;align-items:flex-start;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);transition:border-color 0.15s ease, box-shadow 0.15s ease;min-height:40px;box-sizing:border-box;flex:1;min-width:0;cursor:text}.co-tags-field__input-wrapper{flex:1;display:flex;flex-wrap:wrap;align-items:center;gap:var(--co-spacing-sm);min-width:0;min-height:22px;padding:0}.co-tags-field--s .co-tags-field__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-tags-field--sm .co-tags-field__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-tags-field--lg .co-tags-field__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-tags-field__chip{display:inline-flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-sm2);background:var(--co-semantic-surface-hover);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-14);line-height:1;max-width:240px;cursor:pointer;user-select:none}.co-tags-field__chip-label{color:var(--co-semantic-text-default);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-tags-field__chip-remove{display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.1s ease;flex-shrink:0}.co-tags-field__chip-remove:hover{color:var(--co-semantic-text-default)}.co-tags-field__native{flex:1;min-width:80px;border:none;outline:none;background:transparent;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;color:var(--co-semantic-text-default);padding:0;margin:0}.co-tags-field__native::placeholder{color:var(--co-semantic-text-muted)}.co-tags-field__edit{border:1px solid var(--co-semantic-border-focus);border-radius:var(--co-border-radius-xxs);outline:none;background:var(--co-semantic-surface-page);font-family:inherit;font-size:var(--co-font-size-12);line-height:1;color:var(--co-semantic-text-default);padding:var(--co-spacing-xxs) var(--co-spacing-xs);margin:0;min-width:60px}.co-tags-field__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;padding:0;margin:var(--co-spacing-xxs) 0 0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-tags-field__clear--hidden{visibility:hidden;pointer-events:none}.co-tags-field__clear:hover{color:var(--co-semantic-text-default)}.co-tags-field__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-tags-field__helper-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-tags-field__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;letter-spacing:var(--co-font-letter-spacing-body)}.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-tags-field--disabled{opacity:0.6;pointer-events:none}.co-tags-field--disabled .co-tags-field__labels .co-tags-field__label{color:var(--co-semantic-text-disabled)}.co-tags-field--disabled .co-tags-field__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-tags-field--invalid .co-tags-field__field{border-color:var(--co-semantic-status-error)}.co-tags-field--invalid.co-tags-field--focused .co-tags-field__field{border-color:var(--co-semantic-status-error);box-shadow:0 0 0 2px rgba(170, 46, 27, 0.12)}.co-tags-field__helper--error .co-tags-field__helper-icon,.co-tags-field__helper--error .co-tags-field__helper-text{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-tags-field{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-tags-field__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-tags-field__label{white-space:normal}:host([layout='horizontal']) .co-tags-field>:not(.co-tags-field__labels){grid-column:2;min-width:0}";export{r as co_tags_field}