@prolibu-suite/cobalt-core 0.7.0 → 0.8.0

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

@@ -1 +1 @@
-import{t as e,p as t,H as s,h as o,a}from"./index.js";const r=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(a,{key:"70a79bb97b8a0dd47b48c1df02e58a63d9a0f712",role:"group","aria-roledescription":"slide"},o("slot",{key:"9b639772cf96b15aa38ff4b2821ef9ca2a7faa53"}))}static get style(){return":host{display:block;flex:0 0 100%;min-width:100%;box-sizing:border-box}"}},[257,"co-carousel-item"]);function c(){"undefined"!=typeof customElements&&["co-carousel-item"].forEach((t=>{"co-carousel-item"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}c();const i=r,n=c;export{i as CoCarouselItem,n as defineCustomElement}
+import{t as e,p as t,H as s,h as o,a as c}from"./index.js";const r=t(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}render(){return o(c,{key:"ae04768a65db80be93705a0ff9d0852ae2e6d0cc",role:"group","aria-roledescription":"slide"},o("slot",{key:"7a9f94454ca5e2574b4161ed06d863728c88a814"}))}static get style(){return":host{display:block;flex:0 0 100%;min-width:100%;box-sizing:border-box}"}},[257,"co-carousel-item"]);function a(){"undefined"!=typeof customElements&&["co-carousel-item"].forEach((t=>{"co-carousel-item"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}a();const i=r,n=a;export{i as CoCarouselItem,n as defineCustomElement}

package/dist/components/co-carousel.js

@@ -1 +1 @@
-import{p as t,H as s,c as i,h as o,a as e,t as a}from"./index.js";import{l as r}from"./p-C1DCLOEl.js";import{d as c}from"./p-B3U63yZw.js";const l={es:{prevSlide:"Diapositiva anterior",nextSlide:"Diapositiva siguiente",goToSlide:"Ir a la diapositiva {i}",pickSlide:"Elegir diapositiva",carouselLabel:"Carrusel",slideLabel:"{i} de {n}"},en:{prevSlide:"Previous slide",nextSlide:"Next slide",goToSlide:"Go to slide {i}",pickSlide:"Choose slide",carouselLabel:"Carousel",slideLabel:"{i} of {n}"},pt:{prevSlide:"Slide anterior",nextSlide:"Próximo slide",goToSlide:"Ir para o slide {i}",pickSlide:"Escolher slide",carouselLabel:"Carrossel",slideLabel:"{i} de {n}"}};function h(t){return l[r(t)]}const n=t(class t extends s{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.coSlideChange=i(this,"coSlideChange",7),this.value=0,this.autoplay=!1,this.interval=6e3,this.loop=!0,this.arrows=!0,this.dots=!0,this.pauseOnHover=!0,this.swipe=!0,this.aspectRatio="auto",this.locale="es",this.itemCount=0,this.dragDx=0,this.dragging=!1,this.rotating=!1,this.hovering=!1,this.focusWithin=!1,this.reducedMotion=!1,this.pointerStartX=0,this.pointerStartY=0,this.pointerId=-1,this.suppressClick=!1,this.handleSlotChange=()=>{this.refreshItems()},this.handleVisibilityChange=()=>{document.hidden?this.stopAutoplay():this.restartAutoplay()},this.handleMotionChange=t=>{this.reducedMotion=t.matches,this.restartAutoplay()},this.handleMouseEnter=()=>{this.hovering=!0,this.pauseOnHover&&this.stopAutoplay()},this.handleMouseLeave=()=>{this.hovering=!1,this.restartAutoplay()},this.handleFocusIn=()=>{this.focusWithin=!0,this.stopAutoplay()},this.handleFocusOut=t=>{t.relatedTarget&&this.el.contains(t.relatedTarget)||(this.focusWithin=!1,this.restartAutoplay())},this.handlePointerDown=t=>{this.dragging||!this.swipe||this.itemCount<=1||"mouse"===t.pointerType&&0!==t.button||(this.suppressClick=!1,this.pointerId=t.pointerId,this.pointerStartX=t.clientX,this.pointerStartY=t.clientY,this.dragDx=0)},this.handlePointerMove=s=>{var i;if(s.pointerId!==this.pointerId)return;const o=s.clientX-this.pointerStartX,e=s.clientY-this.pointerStartY;if(!this.dragging){if(Math.abs(o)<t.DRAG_SLOP||Math.abs(o)<Math.abs(e))return;this.dragging=!0,null===(i=this.viewportEl)||void 0===i||i.setPointerCapture(s.pointerId)}this.dragDx=o},this.handlePointerUp=s=>{var i;if(s.pointerId!==this.pointerId)return;if(this.pointerId=-1,!this.dragging)return;const o=this.dragDx;this.dragging=!1,this.dragDx=0,this.suppressClick=!0,null===(i=this.viewportEl)||void 0===i||i.releasePointerCapture(s.pointerId),o<=-t.SWIPE_THRESHOLD?this.advance(1):o>=t.SWIPE_THRESHOLD&&this.advance(-1),this.restartAutoplay()},this.handlePointerCancel=t=>{t.pointerId===this.pointerId&&(this.pointerId=-1,this.dragging=!1,this.dragDx=0,this.suppressClick=!1)},this.handleClickCapture=t=>{this.suppressClick&&(this.suppressClick=!1,t.preventDefault(),t.stopPropagation())},this.handleKeyDown=t=>{"ArrowRight"===t.key?(t.preventDefault(),this.advance(1)):"ArrowLeft"===t.key&&(t.preventDefault(),this.advance(-1))}}componentWillLoad(){var t,s;"undefined"!=typeof window&&window.matchMedia&&(this.motionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.reducedMotion=this.motionQuery.matches,null===(s=(t=this.motionQuery).addEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange))}componentDidLoad(){this.refreshItems(),document.addEventListener("visibilitychange",this.handleVisibilityChange),this.restartAutoplay()}disconnectedCallback(){var t,s;this.stopAutoplay(),document.removeEventListener("visibilitychange",this.handleVisibilityChange),null===(s=null===(t=this.motionQuery)||void 0===t?void 0:t.removeEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange)}watchValue(){const t=this.clampIndex(this.value);t===this.value?this.syncItems():this.value=t}watchLocale(){this.syncItems()}watchAutoplay(){this.restartAutoplay()}async next(){this.advance(1)}async prev(){this.advance(-1)}async goTo(t){this.setActive(this.clampIndex(t))}getItems(){return Array.from(this.el.querySelectorAll(":scope > co-carousel-item"))}refreshItems(){const t=this.getItems();this.itemCount=t.length,this.value>0&&this.value>=this.itemCount&&(this.value=Math.max(0,this.itemCount-1)),this.syncItems(),this.restartAutoplay()}syncItems(){const t=this.getItems(),s=t.length,i=h(this.locale);t.forEach(((t,o)=>{const e=o===this.value;t.setAttribute("aria-label",i.slideLabel.replace("{i}",o+1+"").replace("{n}",s+"")),t.setAttribute("aria-hidden",e?"false":"true"),t.toggleAttribute("inert",!e)}))}clampIndex(t){return 0===this.itemCount?0:Math.max(0,Math.min(this.itemCount-1,t))}setActive(t){t===this.value||t<0||t>=this.itemCount||(this.value=t,this.coSlideChange.emit(t))}advance(t){if(this.itemCount<=1)return;let s=this.value+t;if(s>=this.itemCount){if(!this.loop)return;s=0}else if(s<0){if(!this.loop)return;s=this.itemCount-1}this.setActive(s)}restartAutoplay(){this.stopAutoplay(),!this.autoplay||this.itemCount<=1||this.reducedMotion||this.pauseOnHover&&this.hovering||this.focusWithin||"undefined"!=typeof document&&document.hidden||(this.timer=setInterval((()=>{this.dragging||(!this.loop&&this.value>=this.itemCount-1?this.stopAutoplay():this.advance(1))}),Math.max(1e3,this.interval)),this.rotating=!0)}stopAutoplay(){this.timer&&(clearInterval(this.timer),this.timer=void 0),this.rotating=!1}render(){const t=h(this.locale),s=this.itemCount>1,i=this.loop||this.value>0,a=this.loop||this.value<this.itemCount-1,r="co-carousel--"+this.aspectRatio.replace(":","-"),c={transform:this.dragging?`translateX(calc(${100*-this.value}% + ${this.dragDx}px))`:`translateX(${100*-this.value}%)`};return this.dragging&&(c.transition="none"),o(e,{key:"29c8bdeb6a2c402aa46e6a1b3a442abbb8f9967c"},o("div",{key:"5a57b4b999cdac0def308039ba0a4edcfba9adf5",class:{"co-carousel":!0,[r]:!0},part:"container",role:"region","aria-roledescription":"carousel","aria-label":t.carouselLabel,tabindex:0,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut},o("div",{key:"a20cec4e9d8144868ac4f53f72d536272def9119",class:"co-carousel__viewport",part:"viewport",ref:t=>this.viewportEl=t,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,onClickCapture:this.handleClickCapture},o("div",{key:"98755bee7cd2d8da45a8ffb2abcd048f0de440ad",class:"co-carousel__track",part:"track",style:c,"aria-live":this.rotating?"off":"polite"},o("slot",{key:"a3e9a2bffb93be5ebb60ba61130ab362f3793ccb",onSlotchange:this.handleSlotChange}))),this.arrows&&s&&o("button",{key:"516649b789c44ba235991f6fe3c6aab2a6a2fcf7",class:{"co-carousel__arrow":!0,"co-carousel__arrow--prev":!0,"co-carousel__arrow--disabled":!i},part:"arrow-prev",type:"button","aria-label":t.prevSlide,disabled:!i,onClick:()=>this.advance(-1)},o("co-icon",{key:"ffcddd1e02ce1d699052290e8df6ab2463b27a20",name:"caret-left",size:18,weight:"bold"})),this.arrows&&s&&o("button",{key:"a7d6989b1c18d3598dc6c7c9e6606b2cf31fc026",class:{"co-carousel__arrow":!0,"co-carousel__arrow--next":!0,"co-carousel__arrow--disabled":!a},part:"arrow-next",type:"button","aria-label":t.nextSlide,disabled:!a,onClick:()=>this.advance(1)},o("co-icon",{key:"9e26adf68047395cd0cb265cfeaba3b4af6b950e",name:"caret-right",size:18,weight:"bold"})),this.dots&&s&&o("div",{key:"d64ee6b57da49e5025c6f5a6faa3f58ba6855f49",class:"co-carousel__dots",part:"dots",role:"group","aria-label":t.pickSlide},Array.from({length:this.itemCount},((s,i)=>o("button",{class:{"co-carousel__dot":!0,"co-carousel__dot--active":i===this.value},part:"dot",type:"button","aria-current":i===this.value?"true":void 0,"aria-label":t.goToSlide.replace("{i}",i+1+""),onClick:()=>this.setActive(i)}))))))}get el(){return this}static get watchers(){return{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);--co-carousel-arrow-size:36px;--co-carousel-arrow-bg:var(--co-semantic-surface-page);--co-carousel-arrow-color:var(--co-semantic-text-default);--co-carousel-dot-size:6px;--co-carousel-dot-color:var(--co-semantic-border-default);--co-carousel-dot-active-color:var(--co-semantic-text-default);--co-carousel-transition:320ms cubic-bezier(0.25, 0.8, 0.4, 1)}.co-carousel{position:relative;width:100%;outline:none}.co-carousel:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:2px;border-radius:var(--co-border-radius-sm)}.co-carousel--16-9{aspect-ratio:16 / 9}.co-carousel--4-3{aspect-ratio:4 / 3}.co-carousel--1-1{aspect-ratio:1 / 1}.co-carousel--21-9{aspect-ratio:21 / 9}.co-carousel--auto{aspect-ratio:unset}.co-carousel--16-9 .co-carousel__viewport,.co-carousel--4-3 .co-carousel__viewport,.co-carousel--1-1 .co-carousel__viewport,.co-carousel--21-9 .co-carousel__viewport{position:absolute;inset:0}.co-carousel__viewport{overflow:hidden;width:100%;height:100%;touch-action:pan-y}.co-carousel__track{display:flex;width:100%;height:100%;transition:transform var(--co-carousel-transition);will-change:transform}@media (prefers-reduced-motion: reduce){.co-carousel__track{transition:none}}.co-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--co-carousel-arrow-size);height:var(--co-carousel-arrow-size);display:flex;align-items:center;justify-content:center;border:1px solid var(--co-semantic-border-subtle);border-radius:50%;background:var(--co-carousel-arrow-bg);color:var(--co-carousel-arrow-color);cursor:pointer;padding:0;opacity:0.9;transition:opacity 120ms ease, background 120ms ease;z-index:1}.co-carousel__arrow:hover{opacity:1;background:var(--co-semantic-surface-hover)}.co-carousel__arrow:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:1px}.co-carousel__arrow--prev{left:var(--co-spacing-sm, 8px)}.co-carousel__arrow--next{right:var(--co-spacing-sm, 8px)}.co-carousel__arrow--disabled{opacity:0.35;cursor:default;pointer-events:none}.co-carousel__dots{position:absolute;left:50%;bottom:var(--co-spacing-sm, 8px);transform:translateX(-50%);display:flex;gap:6px;padding:6px 10px;border-radius:var(--co-border-radius-xl);background:color-mix(in srgb, var(--co-semantic-surface-page) 65%, transparent);backdrop-filter:blur(4px);z-index:1}.co-carousel__dot{width:var(--co-carousel-dot-size);height:var(--co-carousel-dot-size);border-radius:50%;border:none;padding:0;background:var(--co-carousel-dot-color);cursor:pointer;transition:background 120ms ease, width 200ms ease}.co-carousel__dot--active{background:var(--co-carousel-dot-active-color);width:calc(var(--co-carousel-dot-size) * 2.6);border-radius:var(--co-border-radius-xl)}.co-carousel__dot:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:1px}"}},[257,"co-carousel",{value:[1538],autoplay:[4],interval:[2],loop:[4],arrows:[4],dots:[4],pauseOnHover:[4,"pause-on-hover"],swipe:[4],aspectRatio:[1,"aspect-ratio"],locale:[1],itemCount:[32],dragDx:[32],dragging:[32],rotating:[32],next:[64],prev:[64],goTo:[64]},void 0,{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}]);function d(){"undefined"!=typeof customElements&&["co-carousel","co-icon"].forEach((t=>{switch(t){case"co-carousel":customElements.get(a(t))||customElements.define(a(t),n);break;case"co-icon":customElements.get(a(t))||c()}}))}n.DRAG_SLOP=8,n.SWIPE_THRESHOLD=40,d();const u=n,p=d;export{u as CoCarousel,p as defineCustomElement}
+import{p as t,H as s,c as i,h as e,a as o,t as a}from"./index.js";import{l as r}from"./p-CnNpoKwg.js";import{d as c}from"./p-DbISGXT_.js";const l={es:{prevSlide:"Diapositiva anterior",nextSlide:"Diapositiva siguiente",goToSlide:"Ir a la diapositiva {i}",pickSlide:"Elegir diapositiva",carouselLabel:"Carrusel",slideLabel:"{i} de {n}"},en:{prevSlide:"Previous slide",nextSlide:"Next slide",goToSlide:"Go to slide {i}",pickSlide:"Choose slide",carouselLabel:"Carousel",slideLabel:"{i} of {n}"},pt:{prevSlide:"Slide anterior",nextSlide:"Próximo slide",goToSlide:"Ir para o slide {i}",pickSlide:"Escolher slide",carouselLabel:"Carrossel",slideLabel:"{i} de {n}"}};function h(t){return l[r(t)]}const n=t(class t extends s{constructor(s){super(),!1!==s&&this.__registerHost(),this.__attachShadow(),this.coSlideChange=i(this,"coSlideChange",7),this.value=0,this.autoplay=!1,this.interval=6e3,this.loop=!0,this.arrows=!0,this.dots=!0,this.pauseOnHover=!0,this.swipe=!0,this.aspectRatio="auto",this.locale="es",this.itemCount=0,this.dragDx=0,this.dragging=!1,this.rotating=!1,this.hovering=!1,this.focusWithin=!1,this.reducedMotion=!1,this.pointerStartX=0,this.pointerStartY=0,this.pointerId=-1,this.suppressClick=!1,this.handleSlotChange=()=>{this.refreshItems()},this.handleVisibilityChange=()=>{document.hidden?this.stopAutoplay():this.restartAutoplay()},this.handleMotionChange=t=>{this.reducedMotion=t.matches,this.restartAutoplay()},this.handleMouseEnter=()=>{this.hovering=!0,this.pauseOnHover&&this.stopAutoplay()},this.handleMouseLeave=()=>{this.hovering=!1,this.restartAutoplay()},this.handleFocusIn=()=>{this.focusWithin=!0,this.stopAutoplay()},this.handleFocusOut=t=>{t.relatedTarget&&this.el.contains(t.relatedTarget)||(this.focusWithin=!1,this.restartAutoplay())},this.handlePointerDown=t=>{this.dragging||!this.swipe||this.itemCount<=1||"mouse"===t.pointerType&&0!==t.button||(this.suppressClick=!1,this.pointerId=t.pointerId,this.pointerStartX=t.clientX,this.pointerStartY=t.clientY,this.dragDx=0)},this.handlePointerMove=s=>{var i;if(s.pointerId!==this.pointerId)return;const e=s.clientX-this.pointerStartX,o=s.clientY-this.pointerStartY;if(!this.dragging){if(Math.abs(e)<t.DRAG_SLOP||Math.abs(e)<Math.abs(o))return;this.dragging=!0,null===(i=this.viewportEl)||void 0===i||i.setPointerCapture(s.pointerId)}this.dragDx=e},this.handlePointerUp=s=>{var i;if(s.pointerId!==this.pointerId)return;if(this.pointerId=-1,!this.dragging)return;const e=this.dragDx;this.dragging=!1,this.dragDx=0,this.suppressClick=!0,null===(i=this.viewportEl)||void 0===i||i.releasePointerCapture(s.pointerId),e<=-t.SWIPE_THRESHOLD?this.advance(1):e>=t.SWIPE_THRESHOLD&&this.advance(-1),this.restartAutoplay()},this.handlePointerCancel=t=>{t.pointerId===this.pointerId&&(this.pointerId=-1,this.dragging=!1,this.dragDx=0,this.suppressClick=!1)},this.handleClickCapture=t=>{this.suppressClick&&(this.suppressClick=!1,t.preventDefault(),t.stopPropagation())},this.handleKeyDown=t=>{"ArrowRight"===t.key?(t.preventDefault(),this.advance(1)):"ArrowLeft"===t.key&&(t.preventDefault(),this.advance(-1))}}componentWillLoad(){var t,s;"undefined"!=typeof window&&window.matchMedia&&(this.motionQuery=window.matchMedia("(prefers-reduced-motion: reduce)"),this.reducedMotion=this.motionQuery.matches,null===(s=(t=this.motionQuery).addEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange))}componentDidLoad(){this.refreshItems(),document.addEventListener("visibilitychange",this.handleVisibilityChange),this.restartAutoplay()}disconnectedCallback(){var t,s;this.stopAutoplay(),document.removeEventListener("visibilitychange",this.handleVisibilityChange),null===(s=null===(t=this.motionQuery)||void 0===t?void 0:t.removeEventListener)||void 0===s||s.call(t,"change",this.handleMotionChange)}watchValue(){const t=this.clampIndex(this.value);t===this.value?this.syncItems():this.value=t}watchLocale(){this.syncItems()}watchAutoplay(){this.restartAutoplay()}async next(){this.advance(1)}async prev(){this.advance(-1)}async goTo(t){this.setActive(this.clampIndex(t))}getItems(){return Array.from(this.el.querySelectorAll(":scope > co-carousel-item"))}refreshItems(){const t=this.getItems();this.itemCount=t.length,this.value>0&&this.value>=this.itemCount&&(this.value=Math.max(0,this.itemCount-1)),this.syncItems(),this.restartAutoplay()}syncItems(){const t=this.getItems(),s=t.length,i=h(this.locale);t.forEach(((t,e)=>{const o=e===this.value;t.setAttribute("aria-label",i.slideLabel.replace("{i}",e+1+"").replace("{n}",s+"")),t.setAttribute("aria-hidden",o?"false":"true"),t.toggleAttribute("inert",!o)}))}clampIndex(t){return 0===this.itemCount?0:Math.max(0,Math.min(this.itemCount-1,t))}setActive(t){t===this.value||t<0||t>=this.itemCount||(this.value=t,this.coSlideChange.emit(t))}advance(t){if(this.itemCount<=1)return;let s=this.value+t;if(s>=this.itemCount){if(!this.loop)return;s=0}else if(s<0){if(!this.loop)return;s=this.itemCount-1}this.setActive(s)}restartAutoplay(){this.stopAutoplay(),!this.autoplay||this.itemCount<=1||this.reducedMotion||this.pauseOnHover&&this.hovering||this.focusWithin||"undefined"!=typeof document&&document.hidden||(this.timer=setInterval((()=>{this.dragging||(!this.loop&&this.value>=this.itemCount-1?this.stopAutoplay():this.advance(1))}),Math.max(1e3,this.interval)),this.rotating=!0)}stopAutoplay(){this.timer&&(clearInterval(this.timer),this.timer=void 0),this.rotating=!1}render(){const t=h(this.locale),s=this.itemCount>1,i=this.loop||this.value>0,a=this.loop||this.value<this.itemCount-1,r="co-carousel--"+this.aspectRatio.replace(":","-"),c={transform:this.dragging?`translateX(calc(${100*-this.value}% + ${this.dragDx}px))`:`translateX(${100*-this.value}%)`};return this.dragging&&(c.transition="none"),e(o,{key:"2e2d00e6956b5de4af5950ad6725a77023420f11"},e("div",{key:"40878a4740b4ad9bf70cf9816d7edc89b8bafeda",class:{"co-carousel":!0,[r]:!0},part:"container",role:"region","aria-roledescription":"carousel","aria-label":t.carouselLabel,tabindex:0,onKeyDown:this.handleKeyDown,onMouseEnter:this.handleMouseEnter,onMouseLeave:this.handleMouseLeave,onFocusin:this.handleFocusIn,onFocusout:this.handleFocusOut},e("div",{key:"5c0ec11025ae5c6eb3a88b10595c243a9b910671",class:"co-carousel__viewport",part:"viewport",ref:t=>this.viewportEl=t,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,onClickCapture:this.handleClickCapture},e("div",{key:"746d85f914bc24ca86ad88005fe95a214de7cd31",class:"co-carousel__track",part:"track",style:c,"aria-live":this.rotating?"off":"polite"},e("slot",{key:"b33c34a9cb6e03af50176094a89b1c79d363f13d",onSlotchange:this.handleSlotChange}))),this.arrows&&s&&e("button",{key:"4f30b56e84da8f7e15b6cea71a0238f5cd19f39e",class:{"co-carousel__arrow":!0,"co-carousel__arrow--prev":!0,"co-carousel__arrow--disabled":!i},part:"arrow-prev",type:"button","aria-label":t.prevSlide,disabled:!i,onClick:()=>this.advance(-1)},e("co-icon",{key:"09eaa1a665762f7e2b372eb264860e182e411d17",name:"caret-left",size:18,weight:"bold"})),this.arrows&&s&&e("button",{key:"7026bfe945ee42ef7b0f9194ecf6a04f0ef1ab1c",class:{"co-carousel__arrow":!0,"co-carousel__arrow--next":!0,"co-carousel__arrow--disabled":!a},part:"arrow-next",type:"button","aria-label":t.nextSlide,disabled:!a,onClick:()=>this.advance(1)},e("co-icon",{key:"564f5bc3bef0b0ce23e8be91bed8e37540209a7b",name:"caret-right",size:18,weight:"bold"})),this.dots&&s&&e("div",{key:"b19aed5296fa2f3547e85e6c439589703809bae3",class:"co-carousel__dots",part:"dots",role:"group","aria-label":t.pickSlide},Array.from({length:this.itemCount},((s,i)=>e("button",{class:{"co-carousel__dot":!0,"co-carousel__dot--active":i===this.value},part:"dot",type:"button","aria-current":i===this.value?"true":void 0,"aria-label":t.goToSlide.replace("{i}",i+1+""),onClick:()=>this.setActive(i)}))))))}get el(){return this}static get watchers(){return{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);--co-carousel-arrow-size:36px;--co-carousel-arrow-bg:var(--co-semantic-surface-page);--co-carousel-arrow-color:var(--co-semantic-text-default);--co-carousel-dot-size:6px;--co-carousel-dot-color:var(--co-semantic-border-default);--co-carousel-dot-active-color:var(--co-semantic-text-default);--co-carousel-transition:320ms cubic-bezier(0.25, 0.8, 0.4, 1)}.co-carousel{position:relative;width:100%;outline:none}.co-carousel:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:2px;border-radius:var(--co-border-radius-sm)}.co-carousel--16-9{aspect-ratio:16 / 9}.co-carousel--4-3{aspect-ratio:4 / 3}.co-carousel--1-1{aspect-ratio:1 / 1}.co-carousel--21-9{aspect-ratio:21 / 9}.co-carousel--auto{aspect-ratio:unset}.co-carousel--16-9 .co-carousel__viewport,.co-carousel--4-3 .co-carousel__viewport,.co-carousel--1-1 .co-carousel__viewport,.co-carousel--21-9 .co-carousel__viewport{position:absolute;inset:0}.co-carousel__viewport{overflow:hidden;width:100%;height:100%;touch-action:pan-y}.co-carousel__track{display:flex;width:100%;height:100%;transition:transform var(--co-carousel-transition);will-change:transform}@media (prefers-reduced-motion: reduce){.co-carousel__track{transition:none}}.co-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--co-carousel-arrow-size);height:var(--co-carousel-arrow-size);display:flex;align-items:center;justify-content:center;border:1px solid var(--co-semantic-border-subtle);border-radius:50%;background:var(--co-carousel-arrow-bg);color:var(--co-carousel-arrow-color);cursor:pointer;padding:0;opacity:0.9;transition:opacity 120ms ease, background 120ms ease;z-index:1}.co-carousel__arrow:hover{opacity:1;background:var(--co-semantic-surface-hover)}.co-carousel__arrow:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:1px}.co-carousel__arrow--prev{left:var(--co-spacing-sm, 8px)}.co-carousel__arrow--next{right:var(--co-spacing-sm, 8px)}.co-carousel__arrow--disabled{opacity:0.35;cursor:default;pointer-events:none}.co-carousel__dots{position:absolute;left:50%;bottom:var(--co-spacing-sm, 8px);transform:translateX(-50%);display:flex;gap:6px;padding:6px 10px;border-radius:var(--co-border-radius-xl);background:color-mix(in srgb, var(--co-semantic-surface-page) 65%, transparent);backdrop-filter:blur(4px);z-index:1}.co-carousel__dot{width:var(--co-carousel-dot-size);height:var(--co-carousel-dot-size);border-radius:50%;border:none;padding:0;background:var(--co-carousel-dot-color);cursor:pointer;transition:background 120ms ease, width 200ms ease}.co-carousel__dot--active{background:var(--co-carousel-dot-active-color);width:calc(var(--co-carousel-dot-size) * 2.6);border-radius:var(--co-border-radius-xl)}.co-carousel__dot:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:1px}"}},[257,"co-carousel",{value:[1538],autoplay:[4],interval:[2],loop:[4],arrows:[4],dots:[4],pauseOnHover:[4,"pause-on-hover"],swipe:[4],aspectRatio:[1,"aspect-ratio"],locale:[1],itemCount:[32],dragDx:[32],dragging:[32],rotating:[32],next:[64],prev:[64],goTo:[64]},void 0,{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}]);function u(){"undefined"!=typeof customElements&&["co-carousel","co-icon"].forEach((t=>{switch(t){case"co-carousel":customElements.get(a(t))||customElements.define(a(t),n);break;case"co-icon":customElements.get(a(t))||c()}}))}n.DRAG_SLOP=8,n.SWIPE_THRESHOLD=40,u();const d=n,p=u;export{d as CoCarousel,p as defineCustomElement}

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

@@ -1 +1 @@
-import{t as o,p as e,H as c,c as r,h as t}from"./index.js";import{d as a}from"./p-B3U63yZw.js";const s=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.layout="vertical",this.status="default",this.value="[]",this.options=[],this.direction="column",this.size="small",this.disabled=!1,this.handleToggle=o=>{if(this.disabled)return;const e=[...this.selectedValues],c=e.indexOf(o);c>=0?e.splice(c,1):e.push(o),this.value=JSON.stringify(e),this.coChange.emit(e)}}onValueChange(){}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const o=this.label||this.secondaryLabel,e=this.parsedOptions,c=this.selectedValues;return t("div",{key:"d3f34e7ee59ebcc1494ee6aabef1e4c476044dbd",class:{"co-checkbox-group":!0,"co-checkbox-group--disabled":this.disabled,["co-checkbox-group--"+this.status]:"default"!==this.status},role:"group","aria-label":this.label||""},o&&t("div",{key:"a47de05988ae37497154fc80e8cbf5f6f62bb1d4",class:"co-checkbox-group__labels"},this.label&&t("span",{key:"fc39ff62eeea3136584a0667e71d816958a1ed57",class:"co-checkbox-group__label"},this.label),this.secondaryLabel&&t("span",{key:"205c1cbdbfcba6d882c7f4c27bfd633e55acea0f",class:"co-checkbox-group__secondary-label"},this.secondaryLabel)),t("div",{key:"33d6b03de2f2ba30afe1d1865a43ade7b8344f96",class:{"co-checkbox-group__options":!0,["co-checkbox-group__options--"+this.direction]:!0}},e.map((o=>{const e=this.disabled||!!o.disabled,r=c.includes(o.value);return t("div",{class:{"co-checkbox-group__item":!0,"co-checkbox-group__item--disabled":e},onClick:()=>!e&&this.handleToggle(o.value)},t("span",{class:{"co-checkbox-group__box":!0,["co-checkbox-group__box--"+this.size]:!0,"co-checkbox-group__box--checked":r,"co-checkbox-group__box--disabled":e},role:"checkbox","aria-checked":r+"","aria-label":o.label}),t("span",{class:"co-checkbox-group__option-label"},o.label))}))),this.helperText&&t("div",{key:"7ac076bf100f66eb851d7e76e0b052d42fef69f8",class:"co-checkbox-group__helper co-checkbox-group__helper--"+this.status},this.statusIcon&&t("co-icon",{key:"7a13362e9a77a13ebb1e127ee57c10e7f64110fb",name:this.statusIcon,size:14,weight:"fill",class:"co-checkbox-group__helper-icon"}),t("span",{key:"44e9f68fd19c5a50affde1eb743c3fc8e5eef8e4",class:"co-checkbox-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-checkbox-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-checkbox-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-checkbox-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-checkbox-group--disabled .co-checkbox-group__label,.co-checkbox-group--disabled .co-checkbox-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__options{display:flex;gap:var(--co-spacing-md)}.co-checkbox-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-checkbox-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-checkbox-group__item--disabled{cursor:not-allowed}.co-checkbox-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-checkbox-group__item--disabled .co-checkbox-group__option-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;transition:background 0.15s ease, border-color 0.15s ease;overflow:hidden}.co-checkbox-group__box--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs)}.co-checkbox-group__box--large{width:24px;height:24px;border-radius:var(--co-spacing-sm)}.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background: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));border:1px solid var(--co-semantic-border-subtle)}.co-checkbox-group__box--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox-group__box--checked::after{content:'';display:block;box-sizing:border-box;border-style:solid;border-color:var(--co-semantic-on-primary);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-15%)}.co-checkbox-group__box--small.co-checkbox-group__box--checked::after{width:7px;height:4px}.co-checkbox-group__box--large.co-checkbox-group__box--checked::after{width:10px;height:6px}.co-checkbox-group__box--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox-group--error .co-checkbox-group__box:not(.co-checkbox-group__box--checked){border-color:var(--co-semantic-status-error)}.co-checkbox-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-checkbox-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-checkbox-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-checkbox-group__helper--error .co-checkbox-group__helper-icon,.co-checkbox-group__helper--error .co-checkbox-group__helper-text{color:var(--co-semantic-status-error)}.co-checkbox-group__helper--success .co-checkbox-group__helper-icon,.co-checkbox-group__helper--success .co-checkbox-group__helper-text{color:var(--co-semantic-status-success)}.co-checkbox-group__helper--warning .co-checkbox-group__helper-icon,.co-checkbox-group__helper--warning .co-checkbox-group__helper-text{color:var(--co-color-status-review)}.co-checkbox-group__helper--info .co-checkbox-group__helper-icon,.co-checkbox-group__helper--info .co-checkbox-group__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-checkbox-group{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-checkbox-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-checkbox-group__label{white-space:normal}:host([layout='horizontal']) .co-checkbox-group>:not(.co-checkbox-group__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:transparent}}"}},[1,"co-checkbox-group",{label:[1],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],layout:[513],status:[1],value:[1025],options:[1],direction:[1],size:[1],disabled:[4]},void 0,{value:[{onValueChange:0}]}]);function i(){"undefined"!=typeof customElements&&["co-checkbox-group","co-icon"].forEach((e=>{switch(e){case"co-checkbox-group":customElements.get(o(e))||customElements.define(o(e),s);break;case"co-icon":customElements.get(o(e))||a()}}))}i();const n=s,l=i;export{n as CoCheckboxGroup,l as defineCustomElement}
+import{t as o,p as e,H as c,c as r,h as t}from"./index.js";import{d as a}from"./p-DbISGXT_.js";const s=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.layout="vertical",this.status="default",this.value="[]",this.options=[],this.direction="column",this.size="small",this.disabled=!1,this.handleToggle=o=>{if(this.disabled)return;const e=[...this.selectedValues],c=e.indexOf(o);c>=0?e.splice(c,1):e.push(o),this.value=JSON.stringify(e),this.coChange.emit(e)}}onValueChange(){}get parsedOptions(){let o=this.options;if("string"==typeof o)try{o=JSON.parse(o)}catch(o){return[]}return Array.isArray(o)?o.map((o=>"string"==typeof o?{label:o,value:o}:o)):[]}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}render(){const o=this.label||this.secondaryLabel,e=this.parsedOptions,c=this.selectedValues;return t("div",{key:"d3f34e7ee59ebcc1494ee6aabef1e4c476044dbd",class:{"co-checkbox-group":!0,"co-checkbox-group--disabled":this.disabled,["co-checkbox-group--"+this.status]:"default"!==this.status},role:"group","aria-label":this.label||""},o&&t("div",{key:"a47de05988ae37497154fc80e8cbf5f6f62bb1d4",class:"co-checkbox-group__labels"},this.label&&t("span",{key:"fc39ff62eeea3136584a0667e71d816958a1ed57",class:"co-checkbox-group__label"},this.label),this.secondaryLabel&&t("span",{key:"205c1cbdbfcba6d882c7f4c27bfd633e55acea0f",class:"co-checkbox-group__secondary-label"},this.secondaryLabel)),t("div",{key:"33d6b03de2f2ba30afe1d1865a43ade7b8344f96",class:{"co-checkbox-group__options":!0,["co-checkbox-group__options--"+this.direction]:!0}},e.map((o=>{const e=this.disabled||!!o.disabled,r=c.includes(o.value);return t("div",{class:{"co-checkbox-group__item":!0,"co-checkbox-group__item--disabled":e},onClick:()=>!e&&this.handleToggle(o.value)},t("span",{class:{"co-checkbox-group__box":!0,["co-checkbox-group__box--"+this.size]:!0,"co-checkbox-group__box--checked":r,"co-checkbox-group__box--disabled":e},role:"checkbox","aria-checked":r+"","aria-label":o.label}),t("span",{class:"co-checkbox-group__option-label"},o.label))}))),this.helperText&&t("div",{key:"7ac076bf100f66eb851d7e76e0b052d42fef69f8",class:"co-checkbox-group__helper co-checkbox-group__helper--"+this.status},this.statusIcon&&t("co-icon",{key:"7a13362e9a77a13ebb1e127ee57c10e7f64110fb",name:this.statusIcon,size:14,weight:"fill",class:"co-checkbox-group__helper-icon"}),t("span",{key:"44e9f68fd19c5a50affde1eb743c3fc8e5eef8e4",class:"co-checkbox-group__helper-text"},this.helperText)))}static get watchers(){return{value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-checkbox-group{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-checkbox-group__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;cursor:default}.co-checkbox-group__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-checkbox-group--disabled .co-checkbox-group__label,.co-checkbox-group--disabled .co-checkbox-group__secondary-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__options{display:flex;gap:var(--co-spacing-md)}.co-checkbox-group__options--column{flex-direction:column;gap:var(--co-spacing-sm2)}.co-checkbox-group__options--row{flex-direction:row;flex-wrap:wrap;gap:var(--co-spacing-md)}.co-checkbox-group__item{display:flex;align-items:center;gap:var(--co-spacing-sm2);cursor:pointer;user-select:none}.co-checkbox-group__item--disabled{cursor:not-allowed}.co-checkbox-group__option-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap}.co-checkbox-group__item--disabled .co-checkbox-group__option-label{color:var(--co-semantic-text-disabled)}.co-checkbox-group__box{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;transition:background 0.15s ease, border-color 0.15s ease;overflow:hidden}.co-checkbox-group__box--small{width:16px;height:16px;border-radius:var(--co-border-radius-xxs)}.co-checkbox-group__box--large{width:24px;height:24px;border-radius:var(--co-spacing-sm)}.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background: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));border:1px solid var(--co-semantic-border-subtle)}.co-checkbox-group__box--checked{background:var(--co-semantic-surface-primary);border:none}.co-checkbox-group__box--checked::after{content:'';display:block;box-sizing:border-box;border-style:solid;border-color:var(--co-semantic-on-primary);border-width:0 0 1.5px 1.5px;transform:rotate(-45deg) translateY(-15%)}.co-checkbox-group__box--small.co-checkbox-group__box--checked::after{width:7px;height:4px}.co-checkbox-group__box--large.co-checkbox-group__box--checked::after{width:10px;height:6px}.co-checkbox-group__box--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-checkbox-group--error .co-checkbox-group__box:not(.co-checkbox-group__box--checked){border-color:var(--co-semantic-status-error)}.co-checkbox-group__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-checkbox-group__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-checkbox-group__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-checkbox-group__helper--error .co-checkbox-group__helper-icon,.co-checkbox-group__helper--error .co-checkbox-group__helper-text{color:var(--co-semantic-status-error)}.co-checkbox-group__helper--success .co-checkbox-group__helper-icon,.co-checkbox-group__helper--success .co-checkbox-group__helper-text{color:var(--co-semantic-status-success)}.co-checkbox-group__helper--warning .co-checkbox-group__helper-icon,.co-checkbox-group__helper--warning .co-checkbox-group__helper-text{color:var(--co-color-status-review)}.co-checkbox-group__helper--info .co-checkbox-group__helper-icon,.co-checkbox-group__helper--info .co-checkbox-group__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-checkbox-group{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-checkbox-group__labels{grid-column:1;grid-row:1;padding-top:0;min-width:0}:host([layout='horizontal']) .co-checkbox-group__label{white-space:normal}:host([layout='horizontal']) .co-checkbox-group>:not(.co-checkbox-group__labels){grid-column:2;min-width:0}@supports not (background: color-mix(in srgb, red, transparent)){.co-checkbox-group__box:not(.co-checkbox-group__box--checked){background:transparent}}"}},[1,"co-checkbox-group",{label:[1],secondaryLabel:[1,"secondary-label"],helperText:[1,"helper-text"],layout:[513],status:[1],value:[1025],options:[1],direction:[1],size:[1],disabled:[4]},void 0,{value:[{onValueChange:0}]}]);function i(){"undefined"!=typeof customElements&&["co-checkbox-group","co-icon"].forEach((e=>{switch(e){case"co-checkbox-group":customElements.get(o(e))||customElements.define(o(e),s);break;case"co-icon":customElements.get(o(e))||a()}}))}i();const n=s,l=i;export{n as CoCheckboxGroup,l as defineCustomElement}

package/dist/components/co-checkbox.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-DKvTqEaf.js";const a=o,p=s;export{a as CoCheckbox,p as defineCustomElement}
+import{C as o,d as s}from"./p-BnkGlFYy.js";const p=o,r=s;export{p as CoCheckbox,r as defineCustomElement}

package/dist/components/co-chip.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-B0b9Etx4.js";const t=o,p=s;export{t as CoChip,p as defineCustomElement}
+import{C as o,d as s}from"./p-CfeNhAHW.js";const p=o,r=s;export{p as CoChip,r as defineCustomElement}

package/dist/components/co-color-picker.js

@@ -1 +1 @@
-import{t as o,p as e,H as c,c as r,h as i}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as t}from"./p-B3U63yZw.js";import{d as s}from"./p-CmCsm4L-.js";const l=[{name:"Green",value:"#02A270"},{name:"Yellow",value:"#FDBF00"},{name:"Blue",value:"#2563EB"},{name:"Pink",value:"#F32A73"},{name:"Red",value:"#EB1E1E"},{name:"Orange",value:"#F0821E"},{name:"Teal",value:"#00AFAF"},{name:"Light blue",value:"#00BEE6"},{name:"Electric blue",value:"#000AFF"},{name:"Violet",value:"#5F4BD7"},{name:"Burgundy",value:"#811137"},{name:"Olive",value:"#AAB43C"}],n=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.value="",this.placeholder="Select color",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.presets="",this.isOpen=!1,this.copied=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1}}get parsedPresets(){if(Array.isArray(this.presets))return this.presets.map((o=>"string"==typeof o?{name:o,value:o}:o));if("string"==typeof this.presets&&this.presets.trim())try{const o=JSON.parse(this.presets);if(Array.isArray(o))return o.map((o=>"string"==typeof o?{name:o,value:o}:o))}catch(o){}return l}handleSwatchClick(o){this.value=o,this.coChange.emit(o),this.isOpen=!1}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning"}[this.status]||null}async handleCopy(){if(this.value)try{await navigator.clipboard.writeText(this.value),this.copied=!0,setTimeout((()=>{this.copied=!1}),1500)}catch(o){}}render(){const o=this.parsedPresets,e=!!this.value;return i("div",{key:"bf1e124470ecaf6d214835e8bc01d481496c1c20",class:`co-color-picker co-color-picker--${this.size} ${"default"!==this.status?"co-color-picker--"+this.status:""} ${this.isOpen?"co-color-picker--open":""} ${this.disabled?"co-color-picker--disabled":""}`},this.label&&i("label",{key:"af52a09e440de00f4f1951715043dfcc24291653",class:"co-color-picker__label"},this.label,i(a,{key:"f6a5f5c10920f7289993d9d965e3b2eeff1e9a08",required:this.required})),i("co-popover",{key:"865fe6f411d3f2312b1b1d0a089aae7ae19b4e6f",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},i("div",{key:"29feea25617531aec3072b6002a2cd3c13eb25e2",slot:"trigger",class:"co-color-picker__trigger"},i("span",{key:"60ccd85b737ba09947ef2b5a9e64a0647bebfa6c",class:"co-color-picker__swatch",style:{background:e?this.value:"transparent"}}),i("span",{key:"1fae7ddf9b14ed14a9603cf9d9ed45b358d735b1",class:"co-color-picker__value "+(e?"":"co-color-picker__value--empty")},e?this.value:this.placeholder)),this.isOpen&&i("div",{key:"6cea80c1c13136d9526ab93d667c209bd1871f02",class:"co-color-picker__panel"},i("div",{key:"637520727a4452a3de87a0a11715804a8a2cfe2f",class:"co-color-picker__grid"},o.map((o=>{var e;return i("button",{type:"button",key:o.value,class:"co-color-picker__grid-item "+(o.value.toUpperCase()===(null===(e=this.value)||void 0===e?void 0:e.toUpperCase())?"co-color-picker__grid-item--selected":""),style:{background:o.value},title:o.name,onClick:()=>this.handleSwatchClick(o.value)})}))),e&&i("div",{key:"21c2ea411903edcd18b40e91afdec27344e55185",class:"co-color-picker__hex-row"},i("span",{key:"ab7ec79d4edaf97e957735a64bb2cd806acdb8a2",class:"co-color-picker__hex-prefix"},"#"),i("span",{key:"2526d185d375c0ac45c0ac088c3820e28bd94853",class:"co-color-picker__hex-value"},this.value.replace(/^#/,"")),i("button",{key:"b2a5e1905f629bce7e910261eaa9731bef53110b",type:"button",class:"co-color-picker__copy-btn "+(this.copied?"co-color-picker__copy-btn--copied":""),title:"Copy",onClick:()=>this.handleCopy()},i("co-icon",{key:"c642e0f8093ae192cd23439e8cd80694f90d2ecf",name:this.copied?"check":"copy",size:16}))))),this.helperText&&i("div",{key:"f66cf310df66ac16283afa1d47974a71af66816b",class:"co-color-picker__helper"},this.statusIcon&&i("co-icon",{key:"c9578df8cc86de8ab277f44a72fae56f5f586004",name:this.statusIcon,size:14,weight:"fill",class:"co-color-picker__helper-icon"}),i("span",{key:"c9b47133735bba79269e62d80b402766c4a8b019",class:"co-color-picker__helper-text"},this.helperText)))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__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-color-picker co-popover{display:block;width:100%}.co-color-picker__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-color-picker--s .co-color-picker__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-color-picker--sm .co-color-picker__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-color-picker--lg .co-color-picker__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-color-picker--s .co-color-picker__swatch,.co-color-picker--sm .co-color-picker__swatch{width:18px;height:18px}.co-color-picker__trigger:hover{border-color:var(--co-semantic-border-default)}.co-color-picker--open .co-color-picker__trigger{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-color-picker--error .co-color-picker__trigger{border-color:var(--co-color-status-error)}.co-color-picker__swatch{width:22px;height:22px;box-sizing:border-box;border-radius:var(--co-border-radius-full);border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-color-picker__value{flex:1;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);font-weight:500;text-transform:uppercase}.co-color-picker__value--empty{color:var(--co-semantic-text-muted);font-weight:400}.co-color-picker__panel{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:var(--co-spacing-sm2)}.co-color-picker__grid-item{width:32px;height:32px;border-radius:var(--co-border-radius-xxs);border:2px solid transparent;cursor:pointer;transition:transform 0.1s ease, border-color 0.1s ease;box-sizing:border-box}.co-color-picker__grid-item:hover{transform:scale(1.1)}.co-color-picker__grid-item--selected{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__hex-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-color-picker__hex-prefix{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:500}.co-color-picker__hex-value{flex:1;font-size:var(--co-font-size-14);font-family:var(--co-font-family-mono, monospace);color:var(--co-semantic-text-default);text-transform:uppercase;user-select:all}.co-color-picker__copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color 0.15s ease, background 0.15s ease}.co-color-picker__copy-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__copy-btn--copied{color:var(--co-color-status-success)}.co-color-picker__helper{display: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-color-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-color-picker--error .co-color-picker__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-color-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-color-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-color-picker__label{white-space:normal}:host([layout='horizontal']) .co-color-picker>:not(.co-color-picker__label){grid-column:2;min-width:0}"}},[1,"co-color-picker",{value:[1025],label:[1],placeholder:[1],disabled:[4],required:[4],status:[1],helperText:[1,"helper-text"],layout:[513],size:[513],name:[1],presets:[1],isOpen:[32],copied:[32]}]);function p(){"undefined"!=typeof customElements&&["co-color-picker","co-icon","co-popover"].forEach((e=>{switch(e){case"co-color-picker":customElements.get(o(e))||customElements.define(o(e),n);break;case"co-icon":customElements.get(o(e))||t();break;case"co-popover":customElements.get(o(e))||s()}}))}p();const d=n,h=p;export{d as CoColorPicker,h as defineCustomElement}
+import{t as o,p as e,H as c,c as r,h as i}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as t}from"./p-DbISGXT_.js";import{d as s}from"./p-BdArvV6T.js";const l=[{name:"Green",value:"#02A270"},{name:"Yellow",value:"#FDBF00"},{name:"Blue",value:"#2563EB"},{name:"Pink",value:"#F32A73"},{name:"Red",value:"#EB1E1E"},{name:"Orange",value:"#F0821E"},{name:"Teal",value:"#00AFAF"},{name:"Light blue",value:"#00BEE6"},{name:"Electric blue",value:"#000AFF"},{name:"Violet",value:"#5F4BD7"},{name:"Burgundy",value:"#811137"},{name:"Olive",value:"#AAB43C"}],n=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.value="",this.placeholder="Select color",this.disabled=!1,this.required=!1,this.status="default",this.layout="vertical",this.size="md",this.presets="",this.isOpen=!1,this.copied=!1,this.handlePopoverOpen=()=>{this.isOpen=!0},this.handlePopoverClose=()=>{this.isOpen=!1}}get parsedPresets(){if(Array.isArray(this.presets))return this.presets.map((o=>"string"==typeof o?{name:o,value:o}:o));if("string"==typeof this.presets&&this.presets.trim())try{const o=JSON.parse(this.presets);if(Array.isArray(o))return o.map((o=>"string"==typeof o?{name:o,value:o}:o))}catch(o){}return l}handleSwatchClick(o){this.value=o,this.coChange.emit(o),this.isOpen=!1}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning"}[this.status]||null}async handleCopy(){if(this.value)try{await navigator.clipboard.writeText(this.value),this.copied=!0,setTimeout((()=>{this.copied=!1}),1500)}catch(o){}}render(){const o=this.parsedPresets,e=!!this.value;return i("div",{key:"49d28cf02d9f34c887f7e14a062d8fa2a5c59d1a",class:`co-color-picker co-color-picker--${this.size} ${"default"!==this.status?"co-color-picker--"+this.status:""} ${this.isOpen?"co-color-picker--open":""} ${this.disabled?"co-color-picker--disabled":""}`},this.label&&i("label",{key:"a4b178f117d73a45a9d2ba0374646ab408b2fd6f",class:"co-color-picker__label"},this.label,i(a,{key:"5be202bbcf4edfd7c565069213f749aaefef9319",required:this.required})),i("co-popover",{key:"3f4435572ce8597f29d7feba26c9c5fe00c58b28",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},i("div",{key:"f9980b7fa0c89648bc65dbf65017ae4489420fd5",slot:"trigger",class:"co-color-picker__trigger"},i("span",{key:"d98f1d31fbede3d4c080e12789e5adf17f158510",class:"co-color-picker__swatch",style:{background:e?this.value:"transparent"}}),i("span",{key:"73071f85034a2014e254001b1511dc89cbfdf526",class:"co-color-picker__value "+(e?"":"co-color-picker__value--empty")},e?this.value:this.placeholder)),this.isOpen&&i("div",{key:"75d0b455d0e74e642e8be472a1a4e436731f307a",class:"co-color-picker__panel"},i("div",{key:"f881490c55ce08e145fccfc6a9bd0759826a0542",class:"co-color-picker__grid"},o.map((o=>{var e;return i("button",{type:"button",key:o.value,class:"co-color-picker__grid-item "+(o.value.toUpperCase()===(null===(e=this.value)||void 0===e?void 0:e.toUpperCase())?"co-color-picker__grid-item--selected":""),style:{background:o.value},title:o.name,onClick:()=>this.handleSwatchClick(o.value)})}))),e&&i("div",{key:"f909b634288d07472da28289a0baa98cf3fe372b",class:"co-color-picker__hex-row"},i("span",{key:"566a04e86a1a0efc9f42458a893e7416b95427aa",class:"co-color-picker__hex-prefix"},"#"),i("span",{key:"18898c82c2aaf7c7b87c39c5d9d70bd31d3d04cc",class:"co-color-picker__hex-value"},this.value.replace(/^#/,"")),i("button",{key:"bbdcfe3eb919ce5e09d288c496c445c58d3084ae",type:"button",class:"co-color-picker__copy-btn "+(this.copied?"co-color-picker__copy-btn--copied":""),title:"Copy",onClick:()=>this.handleCopy()},i("co-icon",{key:"599526103113f33ba8e96a3700e047730956feb4",name:this.copied?"check":"copy",size:16}))))),this.helperText&&i("div",{key:"8c1550acdddf738736fcf1ea371a4d97eb3ff6b3",class:"co-color-picker__helper"},this.statusIcon&&i("co-icon",{key:"5465917158f37b874e7ae91c7b41d21f9953f607",name:this.statusIcon,size:14,weight:"fill",class:"co-color-picker__helper-icon"}),i("span",{key:"f530d23a12e501a3574e6b9ecbf04f71c2bba160",class:"co-color-picker__helper-text"},this.helperText)))}get el(){return this}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1}.co-color-picker{display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-color-picker--disabled{opacity:0.5;pointer-events:none}.co-color-picker__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-color-picker co-popover{display:block;width:100%}.co-color-picker__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-color-picker--s .co-color-picker__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-color-picker--sm .co-color-picker__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-color-picker--lg .co-color-picker__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-color-picker--s .co-color-picker__swatch,.co-color-picker--sm .co-color-picker__swatch{width:18px;height:18px}.co-color-picker__trigger:hover{border-color:var(--co-semantic-border-default)}.co-color-picker--open .co-color-picker__trigger{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-color-picker--error .co-color-picker__trigger{border-color:var(--co-color-status-error)}.co-color-picker__swatch{width:22px;height:22px;box-sizing:border-box;border-radius:var(--co-border-radius-full);border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-color-picker__value{flex:1;font-size:inherit;font-family:inherit;color:var(--co-semantic-text-default);font-weight:500;text-transform:uppercase}.co-color-picker__value--empty{color:var(--co-semantic-text-muted);font-weight:400}.co-color-picker__panel{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-md)}.co-color-picker__grid{display:grid;grid-template-columns:repeat(8, 1fr);gap:var(--co-spacing-sm2)}.co-color-picker__grid-item{width:32px;height:32px;border-radius:var(--co-border-radius-xxs);border:2px solid transparent;cursor:pointer;transition:transform 0.1s ease, border-color 0.1s ease;box-sizing:border-box}.co-color-picker__grid-item:hover{transform:scale(1.1)}.co-color-picker__grid-item--selected{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px color-mix(in srgb, var(--co-semantic-border-focus) 25%, transparent)}.co-color-picker__hex-row{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-xs) var(--co-spacing-sm);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-color-picker__hex-prefix{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:500}.co-color-picker__hex-value{flex:1;font-size:var(--co-font-size-14);font-family:var(--co-font-family-mono, monospace);color:var(--co-semantic-text-default);text-transform:uppercase;user-select:all}.co-color-picker__copy-btn{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-xs);border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);border-radius:var(--co-border-radius-xxs);transition:color 0.15s ease, background 0.15s ease}.co-color-picker__copy-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-color-picker__copy-btn--copied{color:var(--co-color-status-success)}.co-color-picker__helper{display: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-color-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-color-picker--error .co-color-picker__helper{color:var(--co-semantic-status-error)}:host([layout='horizontal']) .co-color-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-color-picker__label{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-color-picker__label{white-space:normal}:host([layout='horizontal']) .co-color-picker>:not(.co-color-picker__label){grid-column:2;min-width:0}"}},[1,"co-color-picker",{value:[1025],label:[1],placeholder:[1],disabled:[4],required:[4],status:[1],helperText:[1,"helper-text"],layout:[513],size:[513],name:[1],presets:[1],isOpen:[32],copied:[32]}]);function p(){"undefined"!=typeof customElements&&["co-color-picker","co-icon","co-popover"].forEach((e=>{switch(e){case"co-color-picker":customElements.get(o(e))||customElements.define(o(e),n);break;case"co-icon":customElements.get(o(e))||t();break;case"co-popover":customElements.get(o(e))||s()}}))}p();const d=n,f=p;export{d as CoColorPicker,f as defineCustomElement}

package/dist/components/co-column-picker.js

@@ -1 +1 @@
-import{h as e,t as c,p as o,H as t,c as r}from"./index.js";import{n as i}from"./p-CQY6Ul7q.js";import{d as n}from"./p-DKvTqEaf.js";import{d as s}from"./p-B0b9Etx4.js";import{d as a}from"./p-B3U63yZw.js";function l(e){return e?e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").replace(/^\w/,(e=>e.toUpperCase())):""}function p(e){return(e+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function d(e,c){if(!c)return p(e);const o=c.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return p(e).replace(RegExp(`(${o})`,"gi"),"<mark>$1</mark>")}function u(e,c){const o=new Set(e),t={};for(const o of e){const e=o.split(".");let r=t;for(let o=0;o<e.length;o++){const t=e[o],i=e.slice(0,o+1).join(".");if(!r[t]){const n=o===e.length-1&&(null==c?void 0:c.get(i))||t;r[t]={label:n,key:i,childrenMap:{}}}o<e.length-1&&(r=r[t].childrenMap)}}const r=e=>Object.values(e).map((e=>{const c=r(e.childrenMap),t=c.length>0,i=t&&o.has(e.key),n={label:e.label,key:e.key,fullPath:e.key,children:t?c:null};return i&&n.children&&n.children.unshift({label:e.label,key:e.key+".__self",fullPath:e.key,children:null,isSelf:!0}),n}));return h(r(t))}function h(e){return[...e].sort(((e,c)=>{if(e.isSelf)return-1;if(c.isSelf)return 1;const o=e.children&&e.children.length>0,t=c.children&&c.children.length>0;return!o&&t?-1:o&&!t?1:e.label.localeCompare(c.label)})).map((e=>Object.assign(Object.assign({},e),{children:e.children?h(e.children):null})))}function m(e,c){const o=i(c);return e.map((e=>{const t=i(e.label).includes(o),r=i(l(e.label)).includes(o),n=i(e.fullPath).includes(o);if(!e.children||0===e.children.length)return t||r||n?e:null;const s=m(e.children,c);return t||r||s.length>0?Object.assign(Object.assign({},e),{children:s.length>0?s:e.children}):null})).filter(Boolean)}function f(e){const c=[];for(const o of e)o.children&&0!==o.children.length?c.push(...f(o.children)):c.push(o.fullPath);return c}const _=c=>{const{node:o,depth:t,selected:r,expandedKeys:i,disabled:n,query:s,onOptionClick:a,onParentCheck:p,onToggleExpand:u}=c,h=!o.children||0===o.children.length,m=i.has(o.key),b=h&&r.includes(o.fullPath);let k=!1,x=!1,g=0,v=0;if(!h&&o.children){const e=f(o.children);v=e.length,g=e.filter((e=>r.includes(e))).length,k=v>0&&g===v,x=g>0}return e("div",{class:"co-column-picker__node"},e("div",{class:{"co-column-picker__node-row":!0,"co-column-picker__node-row--leaf":h,"co-column-picker__node-row--parent":!h,"co-column-picker__node-row--expanded":!h&&m,"co-column-picker__node-row--selected":h&&b},style:{paddingLeft:20*t+10+"px"},onClick:e=>h?a(o.fullPath):u(o.key,e)},e("co-checkbox",{checked:h?b:k,indeterminate:!h&&x&&!k,disabled:n,onClick:e=>{e.stopPropagation(),h?a(o.fullPath):p(o)}}),e("span",{class:{"co-column-picker__node-label":!0,"co-column-picker__node-label--parent":!h,"co-column-picker__node-label--self":!!o.isSelf},innerHTML:d(l(o.label),s)}),o.isSelf&&e("span",{class:"co-column-picker__self-tag"},"self"),!h&&e("span",{class:"co-column-picker__node-counter"},g>0&&[e("span",{class:"co-column-picker__counter-selected"},g),e("span",{class:"co-column-picker__counter-sep"},"/")],e("span",{class:"co-column-picker__counter-total"},v)),!h&&e("span",{class:{"co-column-picker__chevron":!0,"co-column-picker__chevron--open":m},onClick:e=>u(o.key,e)},e("co-icon",{name:"caret-right",size:16}))),!h&&m&&o.children&&e("div",{class:"co-column-picker__node-children",style:{"--guide-left":20*t+19+"px"}},o.children.map((c=>e(_,{node:c,depth:t+1,selected:r,expandedKeys:i,disabled:n,query:s,onOptionClick:a,onParentCheck:p,onToggleExpand:u})))))},b=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.coClear=r(this,"coClear",7),this.coSearch=r(this,"coSearch",7),this.options="[]",this.value="[]",this.multiple=!0,this.disabled=!1,this.showToolbar=!0,this.showSearch=!0,this.clearable=!0,this.placeholder="Select…",this.maxHeight=220,this.emptyText="No results found",this.selectAllText="Select all",this.clearText="Clear",this.expandText="Expand",this.collapseText="Collapse",this.selectedText="selected",this.sections="[]",this.status="default",this.isOpen=!1,this.query="",this.expandedKeys=new Set,this.focused=!1,this.handleFieldClick=()=>{this.disabled||(this.isOpen=!this.isOpen,this.focused=!0,this.isOpen&&requestAnimationFrame((()=>{var e;return null===(e=this.searchInputEl)||void 0===e?void 0:e.focus()})))},this.handleSearchInput=e=>{this.query=e.target.value,this.coSearch.emit(this.query),this.query&&(this.expandedKeys=function(e,c,o){const t=i(c),r=new Set(o),n=e=>{var c;let o=!1;for(const s of e)if(null===(c=s.children)||void 0===c?void 0:c.length){const e=n(s.children),c=i(s.label).includes(t)||i(l(s.label)).includes(t);(e||c)&&(r.add(s.key),o=!0)}else(i(s.label).includes(t)||i(l(s.label)).includes(t))&&(o=!0);return o};return n(e),r}(this.getTree(),this.query,this.expandedKeys))},this.handleSearchClear=e=>{var c;e.stopPropagation(),this.query="",this.coSearch.emit(""),null===(c=this.searchInputEl)||void 0===c||c.focus()},this.handleClear=e=>{e.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit([])},this.handleSelectAll=()=>{this.disabled||this.emitSelection(f(this.getTree()))},this.handleDeselectAll=()=>{this.disabled||(this.value="[]",this.coClear.emit(),this.coChange.emit([]))},this.handleExpandAll=()=>{this.expandedKeys=function(e){const c=new Set,o=e=>{var t;for(const r of e)(null===(t=r.children)||void 0===t?void 0:t.length)&&(c.add(r.key),o(r.children))};return o(e),c}(this.getTree())},this.handleCollapseAll=()=>{this.expandedKeys=new Set},this.handleOptionClick=e=>{if(!this.disabled)if(this.multiple){const c=[...this.selectedValues],o=c.indexOf(e);o>=0?c.splice(o,1):c.push(e),this.emitSelection(c)}else this.emitSelection([e]),this.isOpen=!1},this.handleParentCheck=e=>{if(this.disabled)return;const c=f(e.children||[]),o=[...this.selectedValues];if(c.every((e=>o.includes(e))))this.emitSelection(o.filter((e=>!c.includes(e))));else{for(const e of c)o.includes(e)||o.push(e);this.emitSelection(o)}},this.handleChipRemove=(e,c)=>{c.stopPropagation(),this.disabled||this.emitSelection(this.selectedValues.filter((c=>c!==e)))},this.handleToggleExpand=(e,c)=>{c.stopPropagation();const o=new Set(this.expandedKeys);o.has(e)?o.delete(e):o.add(e),this.expandedKeys=o}}get parsedOptions(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return[]}return Array.isArray(c)?c.map((e=>"string"==typeof e?e:e.value)):[]}(this.options)}get parsedSections(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return[]}return Array.isArray(c)?c:[]}(this.sections)}get selectedValues(){return function(e){if("string"==typeof e)try{return JSON.parse(e)}catch(c){return e?[e]:[]}return Array.isArray(e)?e:[]}(this.value)}get optionLabelMap(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return new Map}if(!Array.isArray(c))return new Map;const o=new Map;for(const e of c)"string"==typeof e?o.set(e,l(e.split(".").pop()||e)):o.set(e.value,e.label||e.value);return o}(this.options)}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}emitSelection(e){this.value=JSON.stringify(e),this.coChange.emit(e)}onOptionsChange(){this.expandedKeys=function(e,c,o){if(!c.length)return o;const t=new Set(o),r=e=>{var o;for(const i of e)(null===(o=i.children)||void 0===o?void 0:o.length)&&(f(i.children).some((e=>c.includes(e)))&&t.add(i.key),r(i.children))};return r(e),t}(this.getTree(),this.selectedValues,this.expandedKeys)}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}getTree(){return u(this.parsedOptions,this.optionLabelMap)}getSectionedTree(){const e=this.parsedSections;if(!e.length)return[];const c=this.parsedOptions;return e.map((o=>{const t=c.filter((c=>o.prefix?c.startsWith(o.prefix+"."):!e.some((e=>e.prefix&&c.startsWith(e.prefix+".")))));return Object.assign(Object.assign({},o),{nodes:h(u(t,this.optionLabelMap))})})).filter((e=>e.nodes.length>0))}renderField(){const c=this.selectedValues,o=this.optionLabelMap;return e("div",{class:{"co-column-picker__field":!0,"co-column-picker__field--focused":this.focused,"co-column-picker__field--disabled":this.disabled,"co-column-picker__field--open":this.isOpen},onClick:this.handleFieldClick},this.multiple&&c.length>0&&e("div",{class:"co-column-picker__field-chips"},c.map((c=>e("co-chip",{label:o.get(c)||l(c.split(".").pop()||c),size:"small",removable:!this.disabled,onCoRemove:e=>this.handleChipRemove(c,e)})))),!this.multiple&&c.length>0&&e("span",{class:"co-column-picker__field-text"},c.map((e=>o.get(e)||l(e.split(".").pop()||e))).join(", ")),0===c.length&&e("span",{class:"co-column-picker__field-placeholder"},this.placeholder),e("div",{class:"co-column-picker__field-actions"},this.clearable&&this.hasValue&&!this.disabled&&e("button",{class:"co-column-picker__field-clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},e("co-icon",{name:"x-circle",size:16,weight:"fill"})),e("co-icon",{name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-column-picker__field-caret"})))}renderTree(){const c={selected:this.selectedValues,expandedKeys:this.expandedKeys,disabled:this.disabled,query:this.query,onOptionClick:this.handleOptionClick,onParentCheck:this.handleParentCheck,onToggleExpand:this.handleToggleExpand};if(this.parsedSections.length>0){const o=this.getSectionedTree(),t=this.query?o.map((e=>Object.assign(Object.assign({},e),{nodes:m(e.nodes,this.query)}))).filter((e=>e.nodes.length>0)):o;return t.length?e("div",{class:"co-column-picker__tree"},t.map((o=>[e("div",{class:"co-column-picker__section-header"},e("span",{class:"co-column-picker__section-label"},o.label),o.prefix&&e("span",{class:"co-column-picker__section-prefix"},"(",o.prefix,")")),...o.nodes.map((o=>e(_,Object.assign({node:o,depth:0},c))))]))):this.renderEmpty()}const o=this.getTree(),t=this.query?m(o,this.query):o;return t.length?e("div",{class:"co-column-picker__tree"},t.map((o=>e(_,Object.assign({node:o,depth:0},c))))):this.renderEmpty()}renderEmpty(){return e("div",{class:"co-column-picker__empty"},e("co-icon",{name:"magnifying-glass",size:40,class:"co-column-picker__empty-icon"}),e("span",null,this.emptyText))}render(){return e("div",{key:"6b8c6cfe2e881d0cba238960fae867205aae32c9",class:{"co-column-picker":!0,"co-column-picker--open":this.isOpen,"co-column-picker--disabled":this.disabled,"co-column-picker--focused":this.focused,["co-column-picker--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&e("div",{key:"b390d0401f69250a1a926f933d181be9a57e4f09",class:"co-column-picker__labels"},this.label&&e("label",{key:"6a073085876d0a24fc0e6083645de267c63ae16a",class:"co-column-picker__label"},this.label),this.secondaryLabel&&e("span",{key:"cd41ce02c3bee55bb80fc05cfbc69c662e747c5d",class:"co-column-picker__secondary-label"},this.secondaryLabel)),this.renderField(),this.isOpen&&e("div",{key:"e508300691a608eba74f0eed4564d3eb00d473ce",class:"co-column-picker__dropdown"},this.showSearch&&e("div",{key:"849fa75718686b0616ba36af36eacf2445e68e95",class:"co-column-picker__search"},e("co-icon",{key:"5a5ff7c464cc5966164621e7c60e58e87cd42c6d",name:"magnifying-glass",size:14,class:"co-column-picker__search-icon"}),e("input",{key:"2e4c97aa689ffbec464e63b27ff502cfdea1da20",ref:e=>this.searchInputEl=e,class:"co-column-picker__search-input",type:"text",value:this.query,placeholder:this.placeholder,onInput:this.handleSearchInput,onClick:e=>e.stopPropagation()}),this.query&&e("button",{key:"2ee4f153a3c3ac3788338c94a7864602630f59fb",class:"co-column-picker__search-clear",type:"button",onClick:this.handleSearchClear},e("co-icon",{key:"281833ffc8f4a0bbe0287c55733fc0fdcd5cd1b6",name:"x",size:14}))),this.showToolbar&&this.multiple&&e("div",{key:"cd4c8b1f1bfd728f118668aec42e486a4a9cbaae",class:"co-column-picker__toolbar"},e("button",{key:"c903f236b2c08a8d879c2b04eaaa54dc719ce7e2",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleSelectAll},this.selectAllText),e("button",{key:"42846fde5f9f53eb7bfe40b61781fd9ce7fbdb51",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleDeselectAll},this.clearText),e("span",{key:"fda2bf84b90e2523cd27d35eca52c99b9b036101",class:"co-column-picker__toolbar-sep"}),e("button",{key:"2e084ef4652b9286a917849b790f053b65a33096",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleExpandAll},this.expandText),e("button",{key:"e853c6a5177863da0ed836b46cf4d446801b2c33",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleCollapseAll},this.collapseText),e("span",{key:"e68c03ccbdd3ae1f1402caacd08454574614ec9f",style:{flex:"1"}}),this.selectedValues.length>0&&e("span",{key:"e132ebee1af4b1b73d7587589c9f6de5d6c663b0",class:"co-column-picker__toolbar-counter"},this.selectedValues.length," ",this.selectedText)),e("div",{key:"ee5c9f8d58f0a36073bd2dc206b5113002464f6d",class:"co-column-picker__scroll",style:{maxHeight:this.maxHeight+"px"}},this.renderTree())),this.helperText&&e("div",{key:"15e9d64ea94e93119198cf33a375927f37d4f795",class:"co-column-picker__helper co-column-picker__helper--"+this.status},this.statusIcon&&e("co-icon",{key:"75539629763f3efc4a8c354954a3c0d166e108df",name:this.statusIcon,size:14,weight:"fill",class:"co-column-picker__helper-icon"}),e("span",{key:"b84d6dee0cc0fc6cbe91aa67599e26a71e1a3a3c",class:"co-column-picker__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-column-picker{display:flex;flex-direction:column;gap:var(--co-spacing-xs);position:relative}.co-column-picker__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-column-picker__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-column-picker__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-column-picker--disabled .co-column-picker__label,.co-column-picker--disabled .co-column-picker__secondary-label{color:var(--co-semantic-text-disabled)}.co-column-picker__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-md);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-column-picker__field--focused{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-column-picker__field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-column-picker--error .co-column-picker__field{border-color:var(--co-semantic-status-error)}.co-column-picker--success .co-column-picker__field{border-color:var(--co-semantic-status-success)}.co-column-picker--warning .co-column-picker__field{border-color:var(--co-color-status-review)}.co-column-picker--info .co-column-picker__field{border-color:var(--co-semantic-status-info)}.co-column-picker__field-text{flex:1;min-width:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-column-picker__field-placeholder{flex:1;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-column-picker__field-chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs);flex:1}.co-column-picker__field-actions{display:flex;align-items:center;gap:var(--co-spacing-xs);flex-shrink:0;margin-left:auto}.co-column-picker__field-clear{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-column-picker__field-clear:hover{color:var(--co-semantic-text-default)}.co-column-picker__field-caret{color:var(--co-semantic-text-muted);display:flex;align-items:center;transition:color 0.15s ease}.co-column-picker__field--open .co-column-picker__field-caret{color:var(--co-semantic-text-default)}.co-column-picker__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px var(--co-color-opacity-negro-8);overflow:hidden}.co-column-picker__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle);transition:border-color 0.2s ease}.co-column-picker__search:focus-within{border-color:var(--co-semantic-border-focus)}.co-column-picker__search-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-column-picker__search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);line-height:1.4;padding:0}.co-column-picker__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-column-picker__search-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--co-semantic-text-muted);padding:0;border-radius:var(--co-border-radius-xxs);transition:all 0.15s ease}.co-column-picker__search-clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-column-picker__toolbar{display:flex;align-items:center;gap:2px;padding:var(--co-spacing-xs) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-column-picker__toolbar-sep{width:1px;height:14px;background:var(--co-semantic-border-subtle);margin:0 var(--co-spacing-xs)}.co-column-picker__toolbar-btn{border:none;background:none;font-size:11.5px;font-family:inherit;color:var(--co-semantic-text-muted);cursor:pointer;padding:3px var(--co-spacing-xs);font-weight:500;transition:all 0.15s ease;border-radius:var(--co-border-radius-xxs);line-height:1.4}.co-column-picker__toolbar-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-column-picker__toolbar-counter{font-size:11.5px;font-weight:500;color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums;padding:2px var(--co-spacing-xs);background:var(--co-semantic-surface-muted);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-column-picker__scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--co-semantic-border-default) transparent}.co-column-picker__scroll::-webkit-scrollbar{width:6px}.co-column-picker__scroll::-webkit-scrollbar-track{background:transparent}.co-column-picker__scroll::-webkit-scrollbar-thumb{background:var(--co-semantic-border-default);border-radius:var(--co-border-radius-full)}.co-column-picker__tree{padding:var(--co-spacing-xs) 0}.co-column-picker__node{user-select:none}.co-column-picker__node-row{display:flex;align-items:center;min-height:34px;padding:0 12px 0 10px;gap:var(--co-spacing-xs);cursor:pointer;transition:background-color 0.1s ease}.co-column-picker__node-row:hover{background-color:var(--co-semantic-surface-hover)}.co-column-picker__node-row--parent:hover{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-row--expanded{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-row--selected{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-label{flex:1;font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.co-column-picker__node-label--parent{font-weight:600;text-transform:capitalize}.co-column-picker__node-label--self{font-weight:400;color:var(--co-semantic-text-muted);text-transform:none}.co-column-picker__node-label mark{background:color-mix(in srgb, var(--co-color-primary-amarillo) 30%, transparent);color:inherit;padding:0 1px;border-radius:1px}.co-column-picker__self-tag{flex-shrink:0;font-size:10px;font-weight:500;color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:1px 6px;border-radius:var(--co-border-radius-xxs);border:1px solid var(--co-semantic-border-subtle);text-transform:lowercase}.co-column-picker__node-counter{flex-shrink:0;font-size:11px;font-weight:400;color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums}.co-column-picker__counter-selected{font-weight:600;color:var(--co-semantic-text-default)}.co-column-picker__counter-sep{color:var(--co-semantic-border-default);margin:0 1px}.co-column-picker__counter-total{color:var(--co-semantic-text-muted)}.co-column-picker__chevron{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--co-semantic-text-muted);margin-left:var(--co-spacing-xs);transition:transform 0.2s ease, color 0.2s ease}.co-column-picker__chevron:hover{color:var(--co-semantic-text-default)}.co-column-picker__chevron--open{transform:rotate(90deg);color:var(--co-semantic-text-default)}.co-column-picker__node-children{position:relative}.co-column-picker__node-children::before{content:'';position:absolute;left:var(--guide-left, 19px);top:0;bottom:0;width:1px;background:var(--co-semantic-border-default)}.co-column-picker__section-header{display:flex;align-items:center;gap:6px;padding:var(--co-spacing-xs) var(--co-spacing-md) var(--co-spacing-xs);margin-top:var(--co-spacing-xs);border-top:1px solid var(--co-semantic-border-subtle)}.co-column-picker__section-header:first-child{margin-top:0;border-top:none}.co-column-picker__section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--co-semantic-text-secondary)}.co-column-picker__section-prefix{font-size:10px;font-weight:500;color:var(--co-semantic-text-muted);opacity:0.75}.co-column-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-xs);padding:40px 16px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-column-picker__empty-icon{color:var(--co-semantic-border-default)}.co-column-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-column-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-column-picker__helper-text{font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1.4;color:var(--co-semantic-text-muted)}.co-column-picker__helper--error .co-column-picker__helper-text,.co-column-picker__helper--error .co-column-picker__helper-icon{color:var(--co-semantic-status-error)}.co-column-picker__helper--success .co-column-picker__helper-text,.co-column-picker__helper--success .co-column-picker__helper-icon{color:var(--co-semantic-status-success)}.co-column-picker__helper--warning .co-column-picker__helper-text,.co-column-picker__helper--warning .co-column-picker__helper-icon{color:var(--co-color-status-review)}.co-column-picker__helper--info .co-column-picker__helper-text,.co-column-picker__helper--info .co-column-picker__helper-icon{color:var(--co-semantic-status-info)}"}},[1,"co-column-picker",{label:[1],secondaryLabel:[1,"secondary-label"],options:[1],value:[1025],multiple:[4],disabled:[4],showToolbar:[4,"show-toolbar"],showSearch:[4,"show-search"],clearable:[4],placeholder:[1],maxHeight:[2,"max-height"],emptyText:[1,"empty-text"],selectAllText:[1,"select-all-text"],clearText:[1,"clear-text"],expandText:[1,"expand-text"],collapseText:[1,"collapse-text"],selectedText:[1,"selected-text"],sections:[1],status:[1],helperText:[1,"helper-text"],isOpen:[32],query:[32],expandedKeys:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}]}]);function k(){"undefined"!=typeof customElements&&["co-column-picker","co-checkbox","co-chip","co-icon"].forEach((e=>{switch(e){case"co-column-picker":customElements.get(c(e))||customElements.define(c(e),b);break;case"co-checkbox":customElements.get(c(e))||n();break;case"co-chip":customElements.get(c(e))||s();break;case"co-icon":customElements.get(c(e))||a()}}))}k();const x=b,g=k;export{x as CoColumnPicker,g as defineCustomElement}
+import{h as e,t as c,p as o,H as t,c as r}from"./index.js";import{n as i}from"./p-CQY6Ul7q.js";import{d as n}from"./p-BnkGlFYy.js";import{d as s}from"./p-CfeNhAHW.js";import{d as a}from"./p-DbISGXT_.js";function l(e){return e?e.replace(/([a-z])([A-Z])/g,"$1 $2").replace(/[_-]+/g," ").replace(/^\w/,(e=>e.toUpperCase())):""}function d(e){return(e+"").replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;")}function p(e,c){if(!c)return d(e);const o=c.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return d(e).replace(RegExp(`(${o})`,"gi"),"<mark>$1</mark>")}function u(e,c){const o=new Set(e),t={};for(const o of e){const e=o.split(".");let r=t;for(let o=0;o<e.length;o++){const t=e[o],i=e.slice(0,o+1).join(".");if(!r[t]){const n=o===e.length-1&&(null==c?void 0:c.get(i))||t;r[t]={label:n,key:i,childrenMap:{}}}o<e.length-1&&(r=r[t].childrenMap)}}const r=e=>Object.values(e).map((e=>{const c=r(e.childrenMap),t=c.length>0,i=t&&o.has(e.key),n={label:e.label,key:e.key,fullPath:e.key,children:t?c:null};return i&&n.children&&n.children.unshift({label:e.label,key:e.key+".__self",fullPath:e.key,children:null,isSelf:!0}),n}));return h(r(t))}function h(e){return[...e].sort(((e,c)=>{if(e.isSelf)return-1;if(c.isSelf)return 1;const o=e.children&&e.children.length>0,t=c.children&&c.children.length>0;return!o&&t?-1:o&&!t?1:e.label.localeCompare(c.label)})).map((e=>Object.assign(Object.assign({},e),{children:e.children?h(e.children):null})))}function m(e,c){const o=i(c);return e.map((e=>{const t=i(e.label).includes(o),r=i(l(e.label)).includes(o),n=i(e.fullPath).includes(o);if(!e.children||0===e.children.length)return t||r||n?e:null;const s=m(e.children,c);return t||r||s.length>0?Object.assign(Object.assign({},e),{children:s.length>0?s:e.children}):null})).filter(Boolean)}function f(e){const c=[];for(const o of e)o.children&&0!==o.children.length?c.push(...f(o.children)):c.push(o.fullPath);return c}const _=c=>{const{node:o,depth:t,selected:r,expandedKeys:i,disabled:n,query:s,onOptionClick:a,onParentCheck:d,onToggleExpand:u}=c,h=!o.children||0===o.children.length,m=i.has(o.key),b=h&&r.includes(o.fullPath);let k=!1,x=!1,g=0,v=0;if(!h&&o.children){const e=f(o.children);v=e.length,g=e.filter((e=>r.includes(e))).length,k=v>0&&g===v,x=g>0}return e("div",{class:"co-column-picker__node"},e("div",{class:{"co-column-picker__node-row":!0,"co-column-picker__node-row--leaf":h,"co-column-picker__node-row--parent":!h,"co-column-picker__node-row--expanded":!h&&m,"co-column-picker__node-row--selected":h&&b},style:{paddingLeft:20*t+10+"px"},onClick:e=>h?a(o.fullPath):u(o.key,e)},e("co-checkbox",{checked:h?b:k,indeterminate:!h&&x&&!k,disabled:n,onClick:e=>{e.stopPropagation(),h?a(o.fullPath):d(o)}}),e("span",{class:{"co-column-picker__node-label":!0,"co-column-picker__node-label--parent":!h,"co-column-picker__node-label--self":!!o.isSelf},innerHTML:p(l(o.label),s)}),o.isSelf&&e("span",{class:"co-column-picker__self-tag"},"self"),!h&&e("span",{class:"co-column-picker__node-counter"},g>0&&[e("span",{class:"co-column-picker__counter-selected"},g),e("span",{class:"co-column-picker__counter-sep"},"/")],e("span",{class:"co-column-picker__counter-total"},v)),!h&&e("span",{class:{"co-column-picker__chevron":!0,"co-column-picker__chevron--open":m},onClick:e=>u(o.key,e)},e("co-icon",{name:"caret-right",size:16}))),!h&&m&&o.children&&e("div",{class:"co-column-picker__node-children",style:{"--guide-left":20*t+19+"px"}},o.children.map((c=>e(_,{node:c,depth:t+1,selected:r,expandedKeys:i,disabled:n,query:s,onOptionClick:a,onParentCheck:d,onToggleExpand:u})))))},b=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coChange=r(this,"coChange",7),this.coClear=r(this,"coClear",7),this.coSearch=r(this,"coSearch",7),this.options="[]",this.value="[]",this.multiple=!0,this.disabled=!1,this.showToolbar=!0,this.showSearch=!0,this.clearable=!0,this.placeholder="Select…",this.maxHeight=220,this.emptyText="No results found",this.selectAllText="Select all",this.clearText="Clear",this.expandText="Expand",this.collapseText="Collapse",this.selectedText="selected",this.sections="[]",this.status="default",this.isOpen=!1,this.query="",this.expandedKeys=new Set,this.focused=!1,this.handleFieldClick=()=>{this.disabled||(this.isOpen=!this.isOpen,this.focused=!0,this.isOpen&&requestAnimationFrame((()=>{var e;return null===(e=this.searchInputEl)||void 0===e?void 0:e.focus()})))},this.handleSearchInput=e=>{this.query=e.target.value,this.coSearch.emit(this.query),this.query&&(this.expandedKeys=function(e,c,o){const t=i(c),r=new Set(o),n=e=>{var c;let o=!1;for(const s of e)if(null===(c=s.children)||void 0===c?void 0:c.length){const e=n(s.children),c=i(s.label).includes(t)||i(l(s.label)).includes(t);(e||c)&&(r.add(s.key),o=!0)}else(i(s.label).includes(t)||i(l(s.label)).includes(t))&&(o=!0);return o};return n(e),r}(this.getTree(),this.query,this.expandedKeys))},this.handleSearchClear=e=>{var c;e.stopPropagation(),this.query="",this.coSearch.emit(""),null===(c=this.searchInputEl)||void 0===c||c.focus()},this.handleClear=e=>{e.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit([])},this.handleSelectAll=()=>{this.disabled||this.emitSelection(f(this.getTree()))},this.handleDeselectAll=()=>{this.disabled||(this.value="[]",this.coClear.emit(),this.coChange.emit([]))},this.handleExpandAll=()=>{this.expandedKeys=function(e){const c=new Set,o=e=>{var t;for(const r of e)(null===(t=r.children)||void 0===t?void 0:t.length)&&(c.add(r.key),o(r.children))};return o(e),c}(this.getTree())},this.handleCollapseAll=()=>{this.expandedKeys=new Set},this.handleOptionClick=e=>{if(!this.disabled)if(this.multiple){const c=[...this.selectedValues],o=c.indexOf(e);o>=0?c.splice(o,1):c.push(e),this.emitSelection(c)}else this.emitSelection([e]),this.isOpen=!1},this.handleParentCheck=e=>{if(this.disabled)return;const c=f(e.children||[]),o=[...this.selectedValues];if(c.every((e=>o.includes(e))))this.emitSelection(o.filter((e=>!c.includes(e))));else{for(const e of c)o.includes(e)||o.push(e);this.emitSelection(o)}},this.handleChipRemove=(e,c)=>{c.stopPropagation(),this.disabled||this.emitSelection(this.selectedValues.filter((c=>c!==e)))},this.handleToggleExpand=(e,c)=>{c.stopPropagation();const o=new Set(this.expandedKeys);o.has(e)?o.delete(e):o.add(e),this.expandedKeys=o}}get parsedOptions(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return[]}return Array.isArray(c)?c.map((e=>"string"==typeof e?e:e.value)):[]}(this.options)}get parsedSections(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return[]}return Array.isArray(c)?c:[]}(this.sections)}get selectedValues(){return function(e){if("string"==typeof e)try{return JSON.parse(e)}catch(c){return e?[e]:[]}return Array.isArray(e)?e:[]}(this.value)}get optionLabelMap(){return function(e){let c=e;if("string"==typeof c)try{c=JSON.parse(c)}catch(e){return new Map}if(!Array.isArray(c))return new Map;const o=new Map;for(const e of c)"string"==typeof e?o.set(e,l(e.split(".").pop()||e)):o.set(e.value,e.label||e.value);return o}(this.options)}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}emitSelection(e){this.value=JSON.stringify(e),this.coChange.emit(e)}onOptionsChange(){this.expandedKeys=function(e,c,o){if(!c.length)return o;const t=new Set(o),r=e=>{var o;for(const i of e)(null===(o=i.children)||void 0===o?void 0:o.length)&&(f(i.children).some((e=>c.includes(e)))&&t.add(i.key),r(i.children))};return r(e),t}(this.getTree(),this.selectedValues,this.expandedKeys)}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}getTree(){return u(this.parsedOptions,this.optionLabelMap)}getSectionedTree(){const e=this.parsedSections;if(!e.length)return[];const c=this.parsedOptions;return e.map((o=>{const t=c.filter((c=>o.prefix?c.startsWith(o.prefix+"."):!e.some((e=>e.prefix&&c.startsWith(e.prefix+".")))));return Object.assign(Object.assign({},o),{nodes:h(u(t,this.optionLabelMap))})})).filter((e=>e.nodes.length>0))}renderField(){const c=this.selectedValues,o=this.optionLabelMap;return e("div",{class:{"co-column-picker__field":!0,"co-column-picker__field--focused":this.focused,"co-column-picker__field--disabled":this.disabled,"co-column-picker__field--open":this.isOpen},onClick:this.handleFieldClick},this.multiple&&c.length>0&&e("div",{class:"co-column-picker__field-chips"},c.map((c=>e("co-chip",{label:o.get(c)||l(c.split(".").pop()||c),size:"small",removable:!this.disabled,onCoRemove:e=>this.handleChipRemove(c,e)})))),!this.multiple&&c.length>0&&e("span",{class:"co-column-picker__field-text"},c.map((e=>o.get(e)||l(e.split(".").pop()||e))).join(", ")),0===c.length&&e("span",{class:"co-column-picker__field-placeholder"},this.placeholder),e("div",{class:"co-column-picker__field-actions"},this.clearable&&this.hasValue&&!this.disabled&&e("button",{class:"co-column-picker__field-clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},e("co-icon",{name:"x-circle",size:16,weight:"fill"})),e("co-icon",{name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-column-picker__field-caret"})))}renderTree(){const c={selected:this.selectedValues,expandedKeys:this.expandedKeys,disabled:this.disabled,query:this.query,onOptionClick:this.handleOptionClick,onParentCheck:this.handleParentCheck,onToggleExpand:this.handleToggleExpand};if(this.parsedSections.length>0){const o=this.getSectionedTree(),t=this.query?o.map((e=>Object.assign(Object.assign({},e),{nodes:m(e.nodes,this.query)}))).filter((e=>e.nodes.length>0)):o;return t.length?e("div",{class:"co-column-picker__tree"},t.map((o=>[e("div",{class:"co-column-picker__section-header"},e("span",{class:"co-column-picker__section-label"},o.label),o.prefix&&e("span",{class:"co-column-picker__section-prefix"},"(",o.prefix,")")),...o.nodes.map((o=>e(_,Object.assign({node:o,depth:0},c))))]))):this.renderEmpty()}const o=this.getTree(),t=this.query?m(o,this.query):o;return t.length?e("div",{class:"co-column-picker__tree"},t.map((o=>e(_,Object.assign({node:o,depth:0},c))))):this.renderEmpty()}renderEmpty(){return e("div",{class:"co-column-picker__empty"},e("co-icon",{name:"magnifying-glass",size:40,class:"co-column-picker__empty-icon"}),e("span",null,this.emptyText))}render(){return e("div",{key:"a80fc1d3dcad1747d1d806300b81c3e72a10beb9",class:{"co-column-picker":!0,"co-column-picker--open":this.isOpen,"co-column-picker--disabled":this.disabled,"co-column-picker--focused":this.focused,["co-column-picker--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&e("div",{key:"ca8bc69a870b65f4b16026875a0feb799e8e70d3",class:"co-column-picker__labels"},this.label&&e("label",{key:"173aa03b66e2fec3f9157f92fbda875d1a23a2dd",class:"co-column-picker__label"},this.label),this.secondaryLabel&&e("span",{key:"46f6e14d50567ecc0cf3ef11e1f5b554700aaad3",class:"co-column-picker__secondary-label"},this.secondaryLabel)),this.renderField(),this.isOpen&&e("div",{key:"bd9f290112ac732bf1d79762402eb9e487e529ba",class:"co-column-picker__dropdown"},this.showSearch&&e("div",{key:"b21d0dafb2c65cb0571e8cf070e757f03a2d668d",class:"co-column-picker__search"},e("co-icon",{key:"48eac4a99e9badddcada4fe6b927b918c28bd59d",name:"magnifying-glass",size:14,class:"co-column-picker__search-icon"}),e("input",{key:"8f59474e4d593c9b9a6dceba72f13f57aa0faced",ref:e=>this.searchInputEl=e,class:"co-column-picker__search-input",type:"text",value:this.query,placeholder:this.placeholder,onInput:this.handleSearchInput,onClick:e=>e.stopPropagation()}),this.query&&e("button",{key:"85db810426d03c4beace3ef5895a467dd2215807",class:"co-column-picker__search-clear",type:"button",onClick:this.handleSearchClear},e("co-icon",{key:"616eb12fac37df98e30426bb431bf282f35c384c",name:"x",size:14}))),this.showToolbar&&this.multiple&&e("div",{key:"7fd12775dd7b756b1e6193a6a6d792ae688bfddb",class:"co-column-picker__toolbar"},e("button",{key:"50821fab94549af6b92e911bbe8e2cff821e3b45",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleSelectAll},this.selectAllText),e("button",{key:"978f21c455f5651f6f62c35aebda69cda4967676",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleDeselectAll},this.clearText),e("span",{key:"744cc9367dbe98058ddb6a71d3742b0c5867f372",class:"co-column-picker__toolbar-sep"}),e("button",{key:"0369927d132be8feed66e0d4fcd077a937f60c0e",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleExpandAll},this.expandText),e("button",{key:"779a95a5949d2f6e09d593ab8e09b92fc027bd60",class:"co-column-picker__toolbar-btn",type:"button",onClick:this.handleCollapseAll},this.collapseText),e("span",{key:"b33b051ee96dfd5b74929644429b11003ade8eb4",style:{flex:"1"}}),this.selectedValues.length>0&&e("span",{key:"3e1f360328307d2493bbde4867767c36342608b8",class:"co-column-picker__toolbar-counter"},this.selectedValues.length," ",this.selectedText)),e("div",{key:"2c36eed809b92c5114a9300ddfbd53347fcb5391",class:"co-column-picker__scroll",style:{maxHeight:this.maxHeight+"px"}},this.renderTree())),this.helperText&&e("div",{key:"66a8cd7433e2f556227187631fec18975319ea3b",class:"co-column-picker__helper co-column-picker__helper--"+this.status},this.statusIcon&&e("co-icon",{key:"05b34fe973453b6c7ad30ccd426ff2994072b97b",name:this.statusIcon,size:14,weight:"fill",class:"co-column-picker__helper-icon"}),e("span",{key:"a7bc18db7dd835f3384279a7bcc8d536db2f2fab",class:"co-column-picker__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-column-picker{display:flex;flex-direction:column;gap:var(--co-spacing-xs);position:relative}.co-column-picker__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-xs)}.co-column-picker__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-column-picker__secondary-label{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1;white-space:nowrap;text-align:right}.co-column-picker--disabled .co-column-picker__label,.co-column-picker--disabled .co-column-picker__secondary-label{color:var(--co-semantic-text-disabled)}.co-column-picker__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-md);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-column-picker__field--focused{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-column-picker__field--disabled{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-column-picker--error .co-column-picker__field{border-color:var(--co-semantic-status-error)}.co-column-picker--success .co-column-picker__field{border-color:var(--co-semantic-status-success)}.co-column-picker--warning .co-column-picker__field{border-color:var(--co-color-status-review)}.co-column-picker--info .co-column-picker__field{border-color:var(--co-semantic-status-info)}.co-column-picker__field-text{flex:1;min-width:0;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-column-picker__field-placeholder{flex:1;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400}.co-column-picker__field-chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs);flex:1}.co-column-picker__field-actions{display:flex;align-items:center;gap:var(--co-spacing-xs);flex-shrink:0;margin-left:auto}.co-column-picker__field-clear{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-column-picker__field-clear:hover{color:var(--co-semantic-text-default)}.co-column-picker__field-caret{color:var(--co-semantic-text-muted);display:flex;align-items:center;transition:color 0.15s ease}.co-column-picker__field--open .co-column-picker__field-caret{color:var(--co-semantic-text-default)}.co-column-picker__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px var(--co-color-opacity-negro-8);overflow:hidden}.co-column-picker__search{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:var(--co-spacing-xs) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle);transition:border-color 0.2s ease}.co-column-picker__search:focus-within{border-color:var(--co-semantic-border-focus)}.co-column-picker__search-icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-column-picker__search-input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-14);font-family:inherit;color:var(--co-semantic-text-default);line-height:1.4;padding:0}.co-column-picker__search-input::placeholder{color:var(--co-semantic-text-muted)}.co-column-picker__search-clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border:none;background:none;cursor:pointer;color:var(--co-semantic-text-muted);padding:0;border-radius:var(--co-border-radius-xxs);transition:all 0.15s ease}.co-column-picker__search-clear:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-column-picker__toolbar{display:flex;align-items:center;gap:2px;padding:var(--co-spacing-xs) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-subtle)}.co-column-picker__toolbar-sep{width:1px;height:14px;background:var(--co-semantic-border-subtle);margin:0 var(--co-spacing-xs)}.co-column-picker__toolbar-btn{border:none;background:none;font-size:11.5px;font-family:inherit;color:var(--co-semantic-text-muted);cursor:pointer;padding:3px var(--co-spacing-xs);font-weight:500;transition:all 0.15s ease;border-radius:var(--co-border-radius-xxs);line-height:1.4}.co-column-picker__toolbar-btn:hover{color:var(--co-semantic-text-default);background:var(--co-semantic-surface-hover)}.co-column-picker__toolbar-counter{font-size:11.5px;font-weight:500;color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums;padding:2px var(--co-spacing-xs);background:var(--co-semantic-surface-muted);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xxs)}.co-column-picker__scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--co-semantic-border-default) transparent}.co-column-picker__scroll::-webkit-scrollbar{width:6px}.co-column-picker__scroll::-webkit-scrollbar-track{background:transparent}.co-column-picker__scroll::-webkit-scrollbar-thumb{background:var(--co-semantic-border-default);border-radius:var(--co-border-radius-full)}.co-column-picker__tree{padding:var(--co-spacing-xs) 0}.co-column-picker__node{user-select:none}.co-column-picker__node-row{display:flex;align-items:center;min-height:34px;padding:0 12px 0 10px;gap:var(--co-spacing-xs);cursor:pointer;transition:background-color 0.1s ease}.co-column-picker__node-row:hover{background-color:var(--co-semantic-surface-hover)}.co-column-picker__node-row--parent:hover{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-row--expanded{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-row--selected{background-color:var(--co-semantic-surface-muted)}.co-column-picker__node-label{flex:1;font-size:var(--co-font-size-14);font-weight:400;color:var(--co-semantic-text-default);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.co-column-picker__node-label--parent{font-weight:600;text-transform:capitalize}.co-column-picker__node-label--self{font-weight:400;color:var(--co-semantic-text-muted);text-transform:none}.co-column-picker__node-label mark{background:color-mix(in srgb, var(--co-color-primary-amarillo) 30%, transparent);color:inherit;padding:0 1px;border-radius:1px}.co-column-picker__self-tag{flex-shrink:0;font-size:10px;font-weight:500;color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:1px 6px;border-radius:var(--co-border-radius-xxs);border:1px solid var(--co-semantic-border-subtle);text-transform:lowercase}.co-column-picker__node-counter{flex-shrink:0;font-size:11px;font-weight:400;color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums}.co-column-picker__counter-selected{font-weight:600;color:var(--co-semantic-text-default)}.co-column-picker__counter-sep{color:var(--co-semantic-border-default);margin:0 1px}.co-column-picker__counter-total{color:var(--co-semantic-text-muted)}.co-column-picker__chevron{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--co-semantic-text-muted);margin-left:var(--co-spacing-xs);transition:transform 0.2s ease, color 0.2s ease}.co-column-picker__chevron:hover{color:var(--co-semantic-text-default)}.co-column-picker__chevron--open{transform:rotate(90deg);color:var(--co-semantic-text-default)}.co-column-picker__node-children{position:relative}.co-column-picker__node-children::before{content:'';position:absolute;left:var(--guide-left, 19px);top:0;bottom:0;width:1px;background:var(--co-semantic-border-default)}.co-column-picker__section-header{display:flex;align-items:center;gap:6px;padding:var(--co-spacing-xs) var(--co-spacing-md) var(--co-spacing-xs);margin-top:var(--co-spacing-xs);border-top:1px solid var(--co-semantic-border-subtle)}.co-column-picker__section-header:first-child{margin-top:0;border-top:none}.co-column-picker__section-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:var(--co-semantic-text-secondary)}.co-column-picker__section-prefix{font-size:10px;font-weight:500;color:var(--co-semantic-text-muted);opacity:0.75}.co-column-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--co-spacing-xs);padding:40px 16px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.co-column-picker__empty-icon{color:var(--co-semantic-border-default)}.co-column-picker__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-column-picker__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-column-picker__helper-text{font-size:var(--co-font-size-12, 12px);font-weight:400;line-height:1.4;color:var(--co-semantic-text-muted)}.co-column-picker__helper--error .co-column-picker__helper-text,.co-column-picker__helper--error .co-column-picker__helper-icon{color:var(--co-semantic-status-error)}.co-column-picker__helper--success .co-column-picker__helper-text,.co-column-picker__helper--success .co-column-picker__helper-icon{color:var(--co-semantic-status-success)}.co-column-picker__helper--warning .co-column-picker__helper-text,.co-column-picker__helper--warning .co-column-picker__helper-icon{color:var(--co-color-status-review)}.co-column-picker__helper--info .co-column-picker__helper-text,.co-column-picker__helper--info .co-column-picker__helper-icon{color:var(--co-semantic-status-info)}"}},[1,"co-column-picker",{label:[1],secondaryLabel:[1,"secondary-label"],options:[1],value:[1025],multiple:[4],disabled:[4],showToolbar:[4,"show-toolbar"],showSearch:[4,"show-search"],clearable:[4],placeholder:[1],maxHeight:[2,"max-height"],emptyText:[1,"empty-text"],selectAllText:[1,"select-all-text"],clearText:[1,"clear-text"],expandText:[1,"expand-text"],collapseText:[1,"collapse-text"],selectedText:[1,"selected-text"],sections:[1],status:[1],helperText:[1,"helper-text"],isOpen:[32],query:[32],expandedKeys:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}]}]);function k(){"undefined"!=typeof customElements&&["co-column-picker","co-checkbox","co-chip","co-icon"].forEach((e=>{switch(e){case"co-column-picker":customElements.get(c(e))||customElements.define(c(e),b);break;case"co-checkbox":customElements.get(c(e))||n();break;case"co-chip":customElements.get(c(e))||s();break;case"co-icon":customElements.get(c(e))||a()}}))}k();const x=b,g=k;export{x as CoColumnPicker,g as defineCustomElement}

package/dist/components/co-combobox.js

@@ -1 +1 @@
-import{t as o,p as e,H as t,c,h as i}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{r as a}from"./p-CQY6Ul7q.js";import{d as r}from"./p-T0UfY6rA.js";import{d as n}from"./p-B0b9Etx4.js";import{d as l}from"./p-B3U63yZw.js";import{d as h}from"./p-CQ-8domm.js";import{d as b}from"./p-DzoNGEDU.js";import{d}from"./p-CYi6V_Ss.js";import{d as m}from"./p-CmCsm4L-.js";import{d as p}from"./p-9aNhJfTT.js";const f=e(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=c(this,"coChange",7),this.coOpen=c(this,"coOpen",3),this.coClose=c(this,"coClose",3),this.coClear=c(this,"coClear",7),this.coFooterPrimary=c(this,"coFooterPrimary",7),this.coFooterSecondary=c(this,"coFooterSecondary",7),this.required=!1,this.placeholder="",this.disabled=!1,this.clearable=!0,this.searchable=!1,this.searchPlaceholder="Search",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New Tags",this.options="[]",this.emptyMessage="No results found",this.value="[]",this.multiple=!0,this.size="md",this.status="default",this.layout="vertical",this.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.pendingFocus=!1,this.handleTriggerClick=o=>{this.disabled&&o.stopPropagation()},this.handlePopoverOpen=()=>{console.log("[co-combobox] handlePopoverOpen called"),this.isOpen=!0},this.handlePopoverClose=()=>{console.log("[co-combobox] handlePopoverClose called"),this.isOpen=!1},this.handleClear=o=>{o.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null})},this.handleListChange=o=>{if(this.multiple){const e=o.value;this.value=JSON.stringify(e),this.coChange.emit({value:e,item:o.item})}else{const e=o.value;this.value=JSON.stringify([e]),this.isOpen=!1,this.coChange.emit({value:e,item:o.item})}},this.handleListRemove=o=>{const e=this.selectedValues.filter((e=>e!==o));this.value=JSON.stringify(e),this.coChange.emit({value:e,item:{_id:o,label:o}})},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}normalizeOptions(o){return o.map((o=>"string"==typeof o?{label:o,value:o}:o))}get parsedOptions(){if("string"==typeof this.options)try{return this.normalizeOptions(JSON.parse(this.options))}catch(o){return[]}return this.normalizeOptions(this.options)}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get filteredOptions(){return this.searchQuery?a(this.parsedOptions,this.searchQuery,(o=>o.label)):this.parsedOptions}get listItemsJson(){return JSON.stringify(this.filteredOptions.map((o=>({_id:o.value,label:o.label,icon:o.icon}))))}get displayText(){const o=this.selectedValues;if(0===o.length)return"";const e=this.parsedOptions.find((e=>e.value===o[0]));return e?e.label:o[0]}get selectedOptions(){return this.selectedValues.map((o=>this.parsedOptions.find((e=>e.value===o)))).filter((o=>!!o))}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(o){o?(this.searchQuery="",this.pendingFocus=!0,this.coOpen.emit()):this.coClose.emit()}onValueChange(){}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>{this.calcOverflow()}))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}componentDidRender(){var o,e,t;this.chipContainerEl&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.observe(this.chipContainerEl)),this.calcOverflow(),this.pendingFocus&&(null===(t=this.optionListEl)||void 0===t?void 0:t.isConnected)&&(this.pendingFocus=!1,this.optionListEl.focusSearch())}calcOverflow(){if(!this.multiple||!this.chipContainerEl)return;const o=this.chipContainerEl,e=Array.from(o.querySelectorAll("co-chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const t=o.getBoundingClientRect().right;let c=0;for(let o=e.length-1;o>=0&&e[o].getBoundingClientRect().right>t+1;o--)c++;c!==this.overflowCount&&(this.overflowCount=c)}render(){return i("div",{key:"49723329c7a66fc87bac2280c36993aa7488e723",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,["co-combobox--"+this.size]:!0},part:"wrapper"},(this.label||this.secondaryLabel)&&i("div",{key:"a32ea355689787cf5e4175964284512bd10041f7",class:"co-combobox__labels"},this.label&&i("label",{key:"2ec23463de4b263fbbf3669fe7c6930719b97572",class:"co-combobox__label",part:"label"},this.label,i(s,{key:"0fab4c10366d9f773eeef6912904a43e376685b5",required:this.required})),this.secondaryLabel&&i("span",{key:"3117d08e3d61799b840b6e12fd9bce7ed0eb74e8",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),i("co-popover",{key:"28d93c37ef62f757ae27f25621036aac8bb3e752",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},i("div",{key:"6e390e5d89d6e26abf75d3d8619bacb3e479388f",slot:"trigger",class:"co-combobox__trigger",part:"trigger",onClick:this.handleTriggerClick},this.iconLeft&&i("co-icon",{key:"f0df056dcd2a6b6990e920efb88daadde3e1fee1",name:this.iconLeft,size:16,class:"co-combobox__icon"}),i("div",{key:"b25c9da054983f6d572f7d63ac063a9735871753",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>i("co-chip",{size:"small","icon-mode":"both",label:o.label},i("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),i("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:e=>{e.stopPropagation(),this.handleListRemove(o.value)}})))):i("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&i("span",{key:"ac7ff27f3d4149260f441b3b81fba8b92d49bedf",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&i("button",{key:"ad11ddb7806a2b1cfe044f6d1773ac9e19c5afb9",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},i("co-icon",{key:"634a149b26996d648cb88095e80531314d0c13dd",name:"x-circle",size:16,weight:"fill"})),i("co-icon",{key:"8ac8d146143869b39c6f3908a3580220dab41642",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),i("div",{key:"82f61579e15806878fa2b0e3797e20b77a8d5465",class:"co-combobox__dropdown",part:"dropdown"},this.isOpen&&i("co-option-list",{key:"b697324b29132b95d7c9d593f36452052933f22e",ref:o=>this.optionListEl=o,items:this.listItemsJson,value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",removableItems:this.multiple,virtual:!0,searchable:this.searchable,searchPlaceholder:this.searchPlaceholder,searchDebounce:0,highlightMatches:!0,emptyMessage:this.emptyMessage,onCoSearch:o=>{this.searchQuery=o.detail},onCoChange:o=>this.handleListChange(o.detail),onCoRemoveItem:o=>this.handleListRemove(o.detail)},this.showFooter&&i("co-list-footer",{key:"151517f62b1188dd7ea3a3c53f69be9260e2cbd8",slot:"footer",secondaryLabel:this.footerSecondaryLabel,primaryLabel:this.footerPrimaryLabel,onCoSecondary:this.handleFooterSecondary,onCoPrimary:this.handleFooterPrimary})))),this.helperText&&i("div",{key:"d6b65a3aa77340142038818d43cce73c39914897",class:"co-combobox__helper co-combobox__helper--"+this.status,part:"helper"},this.statusIcon&&i("co-icon",{key:"e77f399023eab01cb6de4dd356a9dc897da58755",name:this.statusIcon,size:14,weight:"fill",class:"co-combobox__helper-icon"}),i("span",{key:"cad08054732494180772c881622362e9d592df26",class:"co-combobox__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease;overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:22px;padding:0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info, #2d6cc5);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-status-error)}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-status-success)}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-color-status-review)}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-combobox{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-combobox__label{white-space:normal}:host([layout='horizontal']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[1,"co-combobox",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],searchable:[4],searchPlaceholder:[1,"search-placeholder"],showFooter:[4,"show-footer"],footerPrimaryLabel:[1,"footer-primary-label"],footerSecondaryLabel:[1,"footer-secondary-label"],options:[1],emptyMessage:[1,"empty-message"],value:[1025],multiple:[4],size:[513],helperText:[1,"helper-text"],status:[1],layout:[513],isOpen:[32],searchQuery:[32],overflowCount:[32]},void 0,{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}]);function x(){"undefined"!=typeof customElements&&["co-combobox","co-avatar","co-chip","co-icon","co-list-footer","co-loader","co-option-list","co-popover","co-tooltip"].forEach((e=>{switch(e){case"co-combobox":customElements.get(o(e))||customElements.define(o(e),f);break;case"co-avatar":customElements.get(o(e))||r();break;case"co-chip":customElements.get(o(e))||n();break;case"co-icon":customElements.get(o(e))||l();break;case"co-list-footer":customElements.get(o(e))||h();break;case"co-loader":customElements.get(o(e))||b();break;case"co-option-list":customElements.get(o(e))||d();break;case"co-popover":customElements.get(o(e))||m();break;case"co-tooltip":customElements.get(o(e))||p()}}))}x();const g=f,u=x;export{g as CoCombobox,u as defineCustomElement}
+import{t as o,p as e,H as t,c,h as i}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{r as a}from"./p-CQY6Ul7q.js";import{d as r}from"./p-uZ2D6ESV.js";import{d as n}from"./p-CfeNhAHW.js";import{d as l}from"./p-DbISGXT_.js";import{d as h}from"./p-BXtiFFM2.js";import{d as b}from"./p-DzoNGEDU.js";import{d}from"./p-D0wrmRH8.js";import{d as m}from"./p-BdArvV6T.js";import{d as p}from"./p-cteJszd-.js";const f=e(class extends t{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=c(this,"coChange",7),this.coOpen=c(this,"coOpen",3),this.coClose=c(this,"coClose",3),this.coClear=c(this,"coClear",7),this.coFooterPrimary=c(this,"coFooterPrimary",7),this.coFooterSecondary=c(this,"coFooterSecondary",7),this.required=!1,this.placeholder="",this.disabled=!1,this.clearable=!0,this.searchable=!1,this.searchPlaceholder="Search",this.showFooter=!1,this.footerPrimaryLabel="Ok",this.footerSecondaryLabel="New Tags",this.options="[]",this.emptyMessage="No results found",this.value="[]",this.multiple=!0,this.size="md",this.status="default",this.layout="vertical",this.isOpen=!1,this.searchQuery="",this.overflowCount=0,this.pendingFocus=!1,this.handleTriggerClick=o=>{this.disabled&&o.stopPropagation()},this.handlePopoverOpen=()=>{console.log("[co-combobox] handlePopoverOpen called"),this.isOpen=!0},this.handlePopoverClose=()=>{console.log("[co-combobox] handlePopoverClose called"),this.isOpen=!1},this.handleClear=o=>{o.stopPropagation(),this.value="[]",this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null})},this.handleListChange=o=>{if(this.multiple){const e=o.value;this.value=JSON.stringify(e),this.coChange.emit({value:e,item:o.item})}else{const e=o.value;this.value=JSON.stringify([e]),this.isOpen=!1,this.coChange.emit({value:e,item:o.item})}},this.handleListRemove=o=>{const e=this.selectedValues.filter((e=>e!==o));this.value=JSON.stringify(e),this.coChange.emit({value:e,item:{_id:o,label:o}})},this.handleFooterPrimary=()=>{this.coFooterPrimary.emit(),this.isOpen=!1},this.handleFooterSecondary=()=>{this.coFooterSecondary.emit()}}normalizeOptions(o){return o.map((o=>"string"==typeof o?{label:o,value:o}:o))}get parsedOptions(){if("string"==typeof this.options)try{return this.normalizeOptions(JSON.parse(this.options))}catch(o){return[]}return this.normalizeOptions(this.options)}get selectedValues(){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){return[]}return this.value}get filteredOptions(){return this.searchQuery?a(this.parsedOptions,this.searchQuery,(o=>o.label)):this.parsedOptions}get listItemsJson(){return JSON.stringify(this.filteredOptions.map((o=>({_id:o.value,label:o.label,icon:o.icon}))))}get displayText(){const o=this.selectedValues;if(0===o.length)return"";const e=this.parsedOptions.find((e=>e.value===o[0]));return e?e.label:o[0]}get selectedOptions(){return this.selectedValues.map((o=>this.parsedOptions.find((e=>e.value===o)))).filter((o=>!!o))}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}onOpenChange(o){o?(this.searchQuery="",this.pendingFocus=!0,this.coOpen.emit()):this.coClose.emit()}onValueChange(){}connectedCallback(){this.resizeObserver=new ResizeObserver((()=>{this.calcOverflow()}))}disconnectedCallback(){var o;null===(o=this.resizeObserver)||void 0===o||o.disconnect()}componentDidRender(){var o,e,t;this.chipContainerEl&&(null===(o=this.resizeObserver)||void 0===o||o.disconnect(),null===(e=this.resizeObserver)||void 0===e||e.observe(this.chipContainerEl)),this.calcOverflow(),this.pendingFocus&&(null===(t=this.optionListEl)||void 0===t?void 0:t.isConnected)&&(this.pendingFocus=!1,this.optionListEl.focusSearch())}calcOverflow(){if(!this.multiple||!this.chipContainerEl)return;const o=this.chipContainerEl,e=Array.from(o.querySelectorAll("co-chip"));if(0===e.length)return void(0!==this.overflowCount&&(this.overflowCount=0));const t=o.getBoundingClientRect().right;let c=0;for(let o=e.length-1;o>=0&&e[o].getBoundingClientRect().right>t+1;o--)c++;c!==this.overflowCount&&(this.overflowCount=c)}render(){return i("div",{key:"49723329c7a66fc87bac2280c36993aa7488e723",class:{"co-combobox":!0,"co-combobox--open":this.isOpen,"co-combobox--disabled":this.disabled,["co-combobox--"+this.size]:!0},part:"wrapper"},(this.label||this.secondaryLabel)&&i("div",{key:"a32ea355689787cf5e4175964284512bd10041f7",class:"co-combobox__labels"},this.label&&i("label",{key:"2ec23463de4b263fbbf3669fe7c6930719b97572",class:"co-combobox__label",part:"label"},this.label,i(s,{key:"0fab4c10366d9f773eeef6912904a43e376685b5",required:this.required})),this.secondaryLabel&&i("span",{key:"3117d08e3d61799b840b6e12fd9bce7ed0eb74e8",class:"co-combobox__secondary-label",part:"secondary-label"},this.secondaryLabel)),i("co-popover",{key:"28d93c37ef62f757ae27f25621036aac8bb3e752",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},i("div",{key:"6e390e5d89d6e26abf75d3d8619bacb3e479388f",slot:"trigger",class:"co-combobox__trigger",part:"trigger",onClick:this.handleTriggerClick},this.iconLeft&&i("co-icon",{key:"f0df056dcd2a6b6990e920efb88daadde3e1fee1",name:this.iconLeft,size:16,class:"co-combobox__icon"}),i("div",{key:"b25c9da054983f6d572f7d63ac063a9735871753",class:"co-combobox__input-wrapper",ref:o=>this.chipContainerEl=o},this.multiple&&this.hasValue?this.selectedOptions.map((o=>i("co-chip",{size:"small","icon-mode":"both",label:o.label},i("co-icon",{slot:"icon-left",name:o.icon||"circle",size:10}),i("co-icon",{slot:"icon-right",name:"x-circle",size:10,weight:"fill",onClick:e=>{e.stopPropagation(),this.handleListRemove(o.value)}})))):i("span",{class:{"co-combobox__text":!0,"co-combobox__text--placeholder":!this.hasValue}},this.hasValue?this.displayText:this.placeholder)),this.multiple&&this.overflowCount>0&&i("span",{key:"ac7ff27f3d4149260f441b3b81fba8b92d49bedf",class:"co-combobox__overflow-badge"},this.overflowCount),this.clearable&&this.hasValue&&!this.disabled&&i("button",{key:"ad11ddb7806a2b1cfe044f6d1773ac9e19c5afb9",class:"co-combobox__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear selection",part:"clear"},i("co-icon",{key:"634a149b26996d648cb88095e80531314d0c13dd",name:"x-circle",size:16,weight:"fill"})),i("co-icon",{key:"8ac8d146143869b39c6f3908a3580220dab41642",name:this.isOpen?"caret-up":"caret-down",size:16,class:"co-combobox__caret"})),i("div",{key:"82f61579e15806878fa2b0e3797e20b77a8d5465",class:"co-combobox__dropdown",part:"dropdown"},this.isOpen&&i("co-option-list",{key:"b697324b29132b95d7c9d593f36452052933f22e",ref:o=>this.optionListEl=o,items:this.listItemsJson,value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",removableItems:this.multiple,virtual:!0,searchable:this.searchable,searchPlaceholder:this.searchPlaceholder,searchDebounce:0,highlightMatches:!0,emptyMessage:this.emptyMessage,onCoSearch:o=>{this.searchQuery=o.detail},onCoChange:o=>this.handleListChange(o.detail),onCoRemoveItem:o=>this.handleListRemove(o.detail)},this.showFooter&&i("co-list-footer",{key:"151517f62b1188dd7ea3a3c53f69be9260e2cbd8",slot:"footer",secondaryLabel:this.footerSecondaryLabel,primaryLabel:this.footerPrimaryLabel,onCoSecondary:this.handleFooterSecondary,onCoPrimary:this.handleFooterPrimary})))),this.helperText&&i("div",{key:"d6b65a3aa77340142038818d43cce73c39914897",class:"co-combobox__helper co-combobox__helper--"+this.status,part:"helper"},this.statusIcon&&i("co-icon",{key:"e77f399023eab01cb6de4dd356a9dc897da58755",name:this.statusIcon,size:14,weight:"fill",class:"co-combobox__helper-icon"}),i("span",{key:"cad08054732494180772c881622362e9d592df26",class:"co-combobox__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);letter-spacing:var(--co-font-letter-spacing-body);line-height:1;position:relative}.co-combobox{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-combobox__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-combobox__label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;cursor:default}.co-combobox__secondary-label{color:var(--co-semantic-text-secondary);font-size:var(--co-font-size-14);font-weight:400;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;text-align:right}.co-combobox__trigger{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);background:var(--co-semantic-surface-page);border:1px solid var(--co-semantic-border-field);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;cursor:pointer;transition:border-color 0.15s ease, box-shadow 0.15s ease;overflow:hidden}.co-combobox--s .co-combobox__trigger{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-combobox--sm .co-combobox__trigger{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-combobox--lg .co-combobox__trigger{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-combobox--open .co-combobox__trigger{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-combobox--disabled .co-combobox__trigger{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-combobox__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__icon{color:var(--co-semantic-text-disabled)}.co-combobox__input-wrapper{flex:1;display:flex;align-items:center;flex-wrap:nowrap;gap:4px;min-width:0;min-height:22px;padding:0;overflow:hidden}.co-combobox__input-wrapper co-chip{--co-chip-max-width:120px;--co-chip-bg:var(--co-semantic-surface-muted);--co-chip-color:var(--co-semantic-text-default);--co-chip-border:1px solid var(--co-semantic-border-subtle);flex-shrink:0}.co-combobox__overflow-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 4px;border-radius:var(--co-border-radius-full);background:var(--co-semantic-status-info, #2d6cc5);color:var(--co-color-base-blanco, #fff);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-10);font-weight:600;line-height:1;white-space:nowrap}.co-combobox__text{color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:inherit;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.co-combobox__text--placeholder{color:var(--co-semantic-text-muted)}.co-combobox--disabled .co-combobox__text{color:var(--co-semantic-text-disabled)}.co-combobox__clear{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-combobox__clear:hover{color:var(--co-semantic-text-default)}.co-combobox__caret{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-combobox--disabled .co-combobox__caret{color:var(--co-semantic-text-disabled)}.co-combobox__dropdown{padding:var(--co-spacing-md);display:flex;flex-direction:column;gap:var(--co-spacing-sm2)}.co-combobox__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-combobox__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-combobox__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-combobox__helper--error .co-combobox__helper-icon,.co-combobox__helper--error .co-combobox__helper-text{color:var(--co-semantic-status-error)}.co-combobox__helper--success .co-combobox__helper-icon,.co-combobox__helper--success .co-combobox__helper-text{color:var(--co-semantic-status-success)}.co-combobox__helper--warning .co-combobox__helper-icon,.co-combobox__helper--warning .co-combobox__helper-text{color:var(--co-color-status-review)}.co-combobox__helper--info .co-combobox__helper-icon,.co-combobox__helper--info .co-combobox__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-combobox{display:grid;grid-template-columns:var(--co-field-label-width, max-content) 1fr;align-items:start;column-gap:var(--co-spacing-md);row-gap:var(--co-spacing-sm2)}:host([layout='horizontal']) .co-combobox__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-combobox__label{white-space:normal}:host([layout='horizontal']) .co-combobox>:not(.co-combobox__labels){grid-column:2;min-width:0}.co-field-required{margin-left:2px;color:var(--co-color-status-error)}.co-field-required__caption{margin-left:4px;color:var(--co-semantic-text-muted);font-size:var(--co-font-size-12);font-weight:400}.co-field-required__caption::before{content:var(--co-field-required-text, ' (required)')}"}},[1,"co-combobox",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],searchable:[4],searchPlaceholder:[1,"search-placeholder"],showFooter:[4,"show-footer"],footerPrimaryLabel:[1,"footer-primary-label"],footerSecondaryLabel:[1,"footer-secondary-label"],options:[1],emptyMessage:[1,"empty-message"],value:[1025],multiple:[4],size:[513],helperText:[1,"helper-text"],status:[1],layout:[513],isOpen:[32],searchQuery:[32],overflowCount:[32]},void 0,{isOpen:[{onOpenChange:0}],value:[{onValueChange:0}]}]);function x(){"undefined"!=typeof customElements&&["co-combobox","co-avatar","co-chip","co-icon","co-list-footer","co-loader","co-option-list","co-popover","co-tooltip"].forEach((e=>{switch(e){case"co-combobox":customElements.get(o(e))||customElements.define(o(e),f);break;case"co-avatar":customElements.get(o(e))||r();break;case"co-chip":customElements.get(o(e))||n();break;case"co-icon":customElements.get(o(e))||l();break;case"co-list-footer":customElements.get(o(e))||h();break;case"co-loader":customElements.get(o(e))||b();break;case"co-option-list":customElements.get(o(e))||d();break;case"co-popover":customElements.get(o(e))||m();break;case"co-tooltip":customElements.get(o(e))||p()}}))}x();const g=f,u=x;export{g as CoCombobox,u as defineCustomElement}

package/dist/components/co-command-search.js

@@ -1 +1 @@
-import{t as e,p as a,H as o,c,h as t}from"./index.js";import{r as s}from"./p-CQY6Ul7q.js";import{d as r}from"./p-T0UfY6rA.js";import{d as i}from"./p-B0b9Etx4.js";import{d as n}from"./p-B3U63yZw.js";import{d}from"./p-DzoNGEDU.js";import{d as l}from"./p-CYi6V_Ss.js";import{d as h}from"./p-Bul6EdDX.js";import{d as m}from"./p-9aNhJfTT.js";const p=a(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=c(this,"coSelect",7),this.coClose=c(this,"coClose",7),this.coSearch=c(this,"coSearch",7),this.coScopeChange=c(this,"coScopeChange",1),this.coBackspaceEmpty=c(this,"coBackspaceEmpty",1),this.coChipRemove=c(this,"coChipRemove",1),this.coTabSelect=c(this,"coTabSelect",1),this.coMoreTabs=c(this,"coMoreTabs",1),this.open=!1,this.placeholder="Search...",this.items=[],this.emptyMessage="No results found",this.async=!1,this.loading=!1,this.chips="[]",this.tabs="[]",this.activeTab="",this.hasMore=!1,this.moreLabel="More",this.favorites="[]",this.query="",this.handleInput=e=>{this.query=e.target.value,this.coSearch.emit(this.query)},this.handleKeyDown=e=>{var a,o;if(function(e,a){return"Backspace"===e&&""===a}(e.key,this.query))return e.preventDefault(),void this.coBackspaceEmpty.emit(this.query);switch(e.key){case"ArrowDown":case"ArrowUp":case"Enter":e.preventDefault(),null===(a=this.optionListEl)||void 0===a||a.handleKey(e);break;case"Escape":e.preventDefault(),this.close();break;case"Tab":e.preventDefault(),null===(o=this.optionListEl)||void 0===o||o.handleKey(new KeyboardEvent("keydown",{key:e.shiftKey?"ArrowUp":"ArrowDown"}))}},this.handleListPick=e=>{const a=this.filteredItems.find((a=>a.value===e));a&&this.selectItem(a)},this.handleOverlayClick=()=>{this.close()},this.handlePanelClick=e=>{e.stopPropagation()},this.handleTriggerClick=()=>{this.open=!0}}get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch(e){return[]}return this.items}get filteredItems(){return function(e,a,o){return o?e:a?s(e,a,(e=>[e.label,e.value])):e}(this.parsedItems,this.query,this.async)}get parsedChips(){try{const e="string"==typeof this.chips?JSON.parse(this.chips):this.chips;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedTabs(){try{const e="string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedFavorites(){try{const e="string"==typeof this.favorites?JSON.parse(this.favorites):this.favorites;return Array.isArray(e)?e:[]}catch(e){return[]}}onActiveTabChange(e){e&&(this.query=""),requestAnimationFrame((()=>{var e;const a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('.co-command-search__tab[aria-selected="true"]');null==a||a.scrollIntoView({inline:"nearest",block:"nearest"})}))}onOpenChange(e){e&&(this.query="",requestAnimationFrame((()=>{var e;return null===(e=this.inputEl)||void 0===e?void 0:e.focus()})))}selectItem(e){!function(e){return!0===e.keepOpen}(e)?(this.coSelect.emit(e.value),this.close()):this.coScopeChange.emit(e.value)}close(){this.open=!1,this.coClose.emit()}render(){const e=this.filteredItems;return[t("div",{key:"6e45f5a53f39f516cc8a3eb43180b4c6f6c413fd",class:"co-command-search__trigger",onClick:this.handleTriggerClick},t("slot",{key:"0dbbb33bf84b9a0fcf94d71802b87a2d0d240522",name:"trigger"})),t("co-overlay",{key:"b7f46dde81f6f3462b550c3ccde29388604f9404",open:this.open,onCoClose:this.handleOverlayClick},t("div",{key:"745f5b7e2a31897b88303deb6b49ba3787b7c7b8",class:{"co-command-search":!0,"co-command-search--open":this.open},part:"panel",role:"dialog","aria-modal":"true","aria-label":"Command palette",onClick:this.handlePanelClick},t("div",{key:"90f367e679c3e971cbe7823e766152cb02b2a018",class:"co-command-search__input-row",part:"input-row"},t("co-icon",{key:"f084dde02745550de0ebe92840f4a3f62e7eb543",name:"magnifying-glass",size:20}),this.parsedChips.map(((e,a)=>t("span",{class:"co-command-search__facet-chip"},e.icon&&t("co-icon",{name:e.icon,size:12}),t("span",{class:"co-command-search__facet-chip-label"},e.label),t("button",{class:"co-command-search__facet-chip-remove",type:"button","aria-label":"Remove filter "+e.label,onClick:e=>{e.stopPropagation(),this.coChipRemove.emit(a)}},t("co-icon",{name:"x",size:10,weight:"bold"}))))),t("input",{key:"d00091dd6ba08d3924a00965b769eec12bade9da",class:"co-command-search__input",type:"text",placeholder:this.placeholder,value:this.query,onInput:this.handleInput,onKeyDown:this.handleKeyDown,ref:e=>this.inputEl=e,part:"input",role:"combobox","aria-expanded":this.open?"true":"false","aria-autocomplete":"list"}),this.loading&&t("co-loader",{key:"b7c60019d203f7575535a0d12525c55441ba9f69",class:"co-command-search__loading",part:"loading",size:"sm"}),t("span",{key:"6bb4a4c2745b060f5fc118ce42eeb233709e6cde",class:"co-command-search__shortcut"},"ESC")),(this.parsedTabs.length>0||this.hasMore)&&t("div",{key:"bc77af8a7d44a3156af87c1e0fb16392acca7aa8",class:"co-command-search__tabs",part:"tabs",role:"tablist"},this.parsedTabs.map((e=>{const a=e.value===this.activeTab;return t("co-chip",{class:"co-command-search__tab",role:"tab","aria-selected":a?"true":"false",clickable:!0,selected:a,variant:a?"filled":"outlined",color:a?"primary":"default",iconLeft:e.icon,label:e.label,onCoClick:()=>this.coTabSelect.emit(a?"":e.value)})})),this.hasMore&&t("co-chip",{key:"ac6931618eacc84c32006f53c8e0c5bbfec3d929",class:"co-command-search__tab co-command-search__tab--more",clickable:!0,variant:"outlined",label:this.moreLabel,iconRight:"caret-down",onCoClick:()=>this.coMoreTabs.emit()})),t("div",{key:"cd70456639c4e41268ddfff11f921c7a1dbede7e",class:"co-command-search__results",part:"results"},this.parsedFavorites.length>0&&!this.query&&t("div",{key:"024125d66406fb564e972f207f10972e7bbd944f",class:"co-command-search__fav",part:"favorites"},t("div",{key:"9b165c53215a7818efe9ca3ee7d601df25f03e7e",class:"co-command-search__fav-grid"},this.parsedFavorites.map((e=>t("button",{class:"co-command-search__fav-card",type:"button",onClick:()=>this.coSelect.emit(e.value)},t("span",{class:"co-command-search__fav-icon",style:{background:e.color||"var(--co-semantic-surface-muted)"}},t("co-icon",{name:e.icon||"circle",size:26,weight:"fill"})),t("span",{class:"co-command-search__fav-label"},e.label)))))),t("co-option-list",{key:"f1f97b1606aaafab94cc8f9d2ab66ce4948cae0b",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,description:e.subtitle,group:e.section,disabled:e.disabled})))),autoHighlight:!0,highlightMatches:!0,highlightTerm:this.query,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListPick(e.detail.item._id)}))))]}get el(){return this}static get watchers(){return{activeTab:[{onActiveTabChange:0}],open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}co-overlay{--co-overlay-bg:rgba(0, 0, 0, 0.16)}.co-command-search__trigger{display:contents}.co-command-search{display:flex;flex-direction:column;width:90vw;max-width:560px;max-height:420px;background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);box-shadow:0 8px 32px rgba(0, 0, 0, 0.12);overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px) scale(0.98);opacity:0;transition:transform 0.15s ease, opacity 0.15s ease;margin-top:-15vh}.co-command-search--open{transform:translateY(0) scale(1);opacity:1}.co-command-search__input-row{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md) var(--co-spacing-lg);border-bottom:1px solid var(--co-semantic-border-default);color:var(--co-semantic-text-muted)}.co-command-search__input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-16);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);min-width:0}.co-command-search__input::placeholder{color:var(--co-semantic-text-muted)}.co-command-search__shortcut{font-size:var(--co-font-size-10);color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:2px var(--co-spacing-xs);border-radius:var(--co-border-radius-xxs);font-weight:500;line-height:1.4;flex-shrink:0}.co-command-search__results{flex:1;overflow-y:auto;padding:var(--co-spacing-xs) 0}.co-command-search__loading{flex-shrink:0;display:flex;align-items:center}.co-command-search__facet-chip{display:inline-flex;align-items:center;gap:2px;padding:2px var(--co-spacing-xs);background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:500;white-space:nowrap;flex-shrink:0}.co-command-search__facet-chip-label{max-width:110px;overflow:hidden;text-overflow:ellipsis}.co-command-search__facet-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;border-radius:var(--co-border-radius-full);background:rgba(255, 255, 255, 0.25);color:inherit;cursor:pointer;padding:0;line-height:1;transition:background 0.1s ease}.co-command-search__facet-chip-remove:hover{background:rgba(255, 255, 255, 0.4)}.co-command-search__tabs{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md);overflow-x:auto;border-bottom:1px solid var(--co-semantic-border-default);scroll-padding-right:104px}.co-command-search__tab{flex:0 0 auto}.co-command-search__tab--more{position:sticky;right:0;padding-left:var(--co-spacing-sm);background:var(--co-semantic-surface-page);box-shadow:-12px 0 10px -4px var(--co-semantic-surface-page)}.co-command-search__fav{padding:var(--co-spacing-sm) var(--co-spacing-lg) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-default)}.co-command-search__fav-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));gap:var(--co-spacing-xs)}.co-command-search__fav-card{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-xs);background:transparent;border:none;border-radius:var(--co-border-radius-sm);cursor:pointer;font-family:inherit;text-align:center;min-width:0;transition:background 0.12s ease}.co-command-search__fav-card:hover{background:var(--co-semantic-surface-hover)}.co-command-search__fav-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-command-search__fav-icon{flex:none;width:50px;height:50px;border-radius:var(--co-border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--co-color-base-blanco, #fff);box-shadow:0 2px 6px rgba(0, 0, 0, 0.14)}.co-command-search__fav-label{font-size:var(--co-font-size-12);font-weight:500;line-height:1.2;color:var(--co-semantic-text-default);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}"}},[257,"co-command-search",{open:[1540],placeholder:[1],items:[1],emptyMessage:[1,"empty-message"],async:[516],loading:[516],chips:[513],tabs:[1],activeTab:[1,"active-tab"],hasMore:[4,"has-more"],moreLabel:[1,"more-label"],favorites:[1],query:[32]},void 0,{activeTab:[{onActiveTabChange:0}],open:[{onOpenChange:0}]}]);function f(){"undefined"!=typeof customElements&&["co-command-search","co-avatar","co-chip","co-icon","co-loader","co-option-list","co-overlay","co-tooltip"].forEach((a=>{switch(a){case"co-command-search":customElements.get(e(a))||customElements.define(e(a),p);break;case"co-avatar":customElements.get(e(a))||r();break;case"co-chip":customElements.get(e(a))||i();break;case"co-icon":customElements.get(e(a))||n();break;case"co-loader":customElements.get(e(a))||d();break;case"co-option-list":customElements.get(e(a))||l();break;case"co-overlay":customElements.get(e(a))||h();break;case"co-tooltip":customElements.get(e(a))||m()}}))}f();const b=p,u=f;export{b as CoCommandSearch,u as defineCustomElement}
+import{t as e,p as a,H as o,c,h as t}from"./index.js";import{r as s}from"./p-CQY6Ul7q.js";import{d as r}from"./p-uZ2D6ESV.js";import{d as i}from"./p-CfeNhAHW.js";import{d as n}from"./p-DbISGXT_.js";import{d}from"./p-DzoNGEDU.js";import{d as h}from"./p-D0wrmRH8.js";import{d as l}from"./p-CVCEiwOS.js";import{d as m}from"./p-cteJszd-.js";const p=a(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSelect=c(this,"coSelect",7),this.coClose=c(this,"coClose",7),this.coSearch=c(this,"coSearch",7),this.coScopeChange=c(this,"coScopeChange",1),this.coBackspaceEmpty=c(this,"coBackspaceEmpty",1),this.coChipRemove=c(this,"coChipRemove",1),this.coTabSelect=c(this,"coTabSelect",1),this.coMoreTabs=c(this,"coMoreTabs",1),this.open=!1,this.placeholder="Search...",this.items=[],this.emptyMessage="No results found",this.async=!1,this.loading=!1,this.chips="[]",this.tabs="[]",this.activeTab="",this.hasMore=!1,this.moreLabel="More",this.favorites="[]",this.query="",this.handleInput=e=>{this.query=e.target.value,this.coSearch.emit(this.query)},this.handleKeyDown=e=>{var a,o;if(function(e,a){return"Backspace"===e&&""===a}(e.key,this.query))return e.preventDefault(),void this.coBackspaceEmpty.emit(this.query);switch(e.key){case"ArrowDown":case"ArrowUp":case"Enter":e.preventDefault(),null===(a=this.optionListEl)||void 0===a||a.handleKey(e);break;case"Escape":e.preventDefault(),this.close();break;case"Tab":e.preventDefault(),null===(o=this.optionListEl)||void 0===o||o.handleKey(new KeyboardEvent("keydown",{key:e.shiftKey?"ArrowUp":"ArrowDown"}))}},this.handleListPick=e=>{const a=this.filteredItems.find((a=>a.value===e));a&&this.selectItem(a)},this.handleOverlayClick=()=>{this.close()},this.handlePanelClick=e=>{e.stopPropagation()},this.handleTriggerClick=()=>{this.open=!0}}get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch(e){return[]}return this.items}get filteredItems(){return function(e,a,o){return o?e:a?s(e,a,(e=>[e.label,e.value])):e}(this.parsedItems,this.query,this.async)}get parsedChips(){try{const e="string"==typeof this.chips?JSON.parse(this.chips):this.chips;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedTabs(){try{const e="string"==typeof this.tabs?JSON.parse(this.tabs):this.tabs;return Array.isArray(e)?e:[]}catch(e){return[]}}get parsedFavorites(){try{const e="string"==typeof this.favorites?JSON.parse(this.favorites):this.favorites;return Array.isArray(e)?e:[]}catch(e){return[]}}onActiveTabChange(e){e&&(this.query=""),requestAnimationFrame((()=>{var e;const a=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector('.co-command-search__tab[aria-selected="true"]');null==a||a.scrollIntoView({inline:"nearest",block:"nearest"})}))}onOpenChange(e){e&&(this.query="",requestAnimationFrame((()=>{var e;return null===(e=this.inputEl)||void 0===e?void 0:e.focus()})))}selectItem(e){!function(e){return!0===e.keepOpen}(e)?(this.coSelect.emit(e.value),this.close()):this.coScopeChange.emit(e.value)}close(){this.open=!1,this.coClose.emit()}render(){const e=this.filteredItems;return[t("div",{key:"6e45f5a53f39f516cc8a3eb43180b4c6f6c413fd",class:"co-command-search__trigger",onClick:this.handleTriggerClick},t("slot",{key:"0dbbb33bf84b9a0fcf94d71802b87a2d0d240522",name:"trigger"})),t("co-overlay",{key:"b7f46dde81f6f3462b550c3ccde29388604f9404",open:this.open,onCoClose:this.handleOverlayClick},t("div",{key:"745f5b7e2a31897b88303deb6b49ba3787b7c7b8",class:{"co-command-search":!0,"co-command-search--open":this.open},part:"panel",role:"dialog","aria-modal":"true","aria-label":"Command palette",onClick:this.handlePanelClick},t("div",{key:"90f367e679c3e971cbe7823e766152cb02b2a018",class:"co-command-search__input-row",part:"input-row"},t("co-icon",{key:"f084dde02745550de0ebe92840f4a3f62e7eb543",name:"magnifying-glass",size:20}),this.parsedChips.map(((e,a)=>t("span",{class:"co-command-search__facet-chip"},e.icon&&t("co-icon",{name:e.icon,size:12}),t("span",{class:"co-command-search__facet-chip-label"},e.label),t("button",{class:"co-command-search__facet-chip-remove",type:"button","aria-label":"Remove filter "+e.label,onClick:e=>{e.stopPropagation(),this.coChipRemove.emit(a)}},t("co-icon",{name:"x",size:10,weight:"bold"}))))),t("input",{key:"d00091dd6ba08d3924a00965b769eec12bade9da",class:"co-command-search__input",type:"text",placeholder:this.placeholder,value:this.query,onInput:this.handleInput,onKeyDown:this.handleKeyDown,ref:e=>this.inputEl=e,part:"input",role:"combobox","aria-expanded":this.open?"true":"false","aria-autocomplete":"list"}),this.loading&&t("co-loader",{key:"b7c60019d203f7575535a0d12525c55441ba9f69",class:"co-command-search__loading",part:"loading",size:"sm"}),t("span",{key:"6bb4a4c2745b060f5fc118ce42eeb233709e6cde",class:"co-command-search__shortcut"},"ESC")),(this.parsedTabs.length>0||this.hasMore)&&t("div",{key:"bc77af8a7d44a3156af87c1e0fb16392acca7aa8",class:"co-command-search__tabs",part:"tabs",role:"tablist"},this.parsedTabs.map((e=>{const a=e.value===this.activeTab;return t("co-chip",{class:"co-command-search__tab",role:"tab","aria-selected":a?"true":"false",clickable:!0,selected:a,variant:a?"filled":"outlined",color:a?"primary":"default",iconLeft:e.icon,label:e.label,onCoClick:()=>this.coTabSelect.emit(a?"":e.value)})})),this.hasMore&&t("co-chip",{key:"ac6931618eacc84c32006f53c8e0c5bbfec3d929",class:"co-command-search__tab co-command-search__tab--more",clickable:!0,variant:"outlined",label:this.moreLabel,iconRight:"caret-down",onCoClick:()=>this.coMoreTabs.emit()})),t("div",{key:"cd70456639c4e41268ddfff11f921c7a1dbede7e",class:"co-command-search__results",part:"results"},this.parsedFavorites.length>0&&!this.query&&t("div",{key:"024125d66406fb564e972f207f10972e7bbd944f",class:"co-command-search__fav",part:"favorites"},t("div",{key:"9b165c53215a7818efe9ca3ee7d601df25f03e7e",class:"co-command-search__fav-grid"},this.parsedFavorites.map((e=>t("button",{class:"co-command-search__fav-card",type:"button",onClick:()=>this.coSelect.emit(e.value)},t("span",{class:"co-command-search__fav-icon",style:{background:e.color||"var(--co-semantic-surface-muted)"}},t("co-icon",{name:e.icon||"circle",size:26,weight:"fill"})),t("span",{class:"co-command-search__fav-label"},e.label)))))),t("co-option-list",{key:"f1f97b1606aaafab94cc8f9d2ab66ce4948cae0b",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,description:e.subtitle,group:e.section,disabled:e.disabled})))),autoHighlight:!0,highlightMatches:!0,highlightTerm:this.query,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListPick(e.detail.item._id)}))))]}get el(){return this}static get watchers(){return{activeTab:[{onActiveTabChange:0}],open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}co-overlay{--co-overlay-bg:rgba(0, 0, 0, 0.16)}.co-command-search__trigger{display:contents}.co-command-search{display:flex;flex-direction:column;width:90vw;max-width:560px;max-height:420px;background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);box-shadow:0 8px 32px rgba(0, 0, 0, 0.12);overflow:hidden;font-family:var(--co-font-family-primary);transform:translateY(8px) scale(0.98);opacity:0;transition:transform 0.15s ease, opacity 0.15s ease;margin-top:-15vh}.co-command-search--open{transform:translateY(0) scale(1);opacity:1}.co-command-search__input-row{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md) var(--co-spacing-lg);border-bottom:1px solid var(--co-semantic-border-default);color:var(--co-semantic-text-muted)}.co-command-search__input{flex:1;border:none;outline:none;background:transparent;font-size:var(--co-font-size-16);font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);min-width:0}.co-command-search__input::placeholder{color:var(--co-semantic-text-muted)}.co-command-search__shortcut{font-size:var(--co-font-size-10);color:var(--co-semantic-text-muted);background:var(--co-semantic-surface-muted);padding:2px var(--co-spacing-xs);border-radius:var(--co-border-radius-xxs);font-weight:500;line-height:1.4;flex-shrink:0}.co-command-search__results{flex:1;overflow-y:auto;padding:var(--co-spacing-xs) 0}.co-command-search__loading{flex-shrink:0;display:flex;align-items:center}.co-command-search__facet-chip{display:inline-flex;align-items:center;gap:2px;padding:2px var(--co-spacing-xs);background:var(--co-color-primary-azul);color:var(--co-color-base-blanco, #fff);border-radius:var(--co-border-radius-full);font-size:var(--co-font-size-12);font-weight:500;white-space:nowrap;flex-shrink:0}.co-command-search__facet-chip-label{max-width:110px;overflow:hidden;text-overflow:ellipsis}.co-command-search__facet-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;border-radius:var(--co-border-radius-full);background:rgba(255, 255, 255, 0.25);color:inherit;cursor:pointer;padding:0;line-height:1;transition:background 0.1s ease}.co-command-search__facet-chip-remove:hover{background:rgba(255, 255, 255, 0.4)}.co-command-search__tabs{display:flex;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-md);overflow-x:auto;border-bottom:1px solid var(--co-semantic-border-default);scroll-padding-right:104px}.co-command-search__tab{flex:0 0 auto}.co-command-search__tab--more{position:sticky;right:0;padding-left:var(--co-spacing-sm);background:var(--co-semantic-surface-page);box-shadow:-12px 0 10px -4px var(--co-semantic-surface-page)}.co-command-search__fav{padding:var(--co-spacing-sm) var(--co-spacing-lg) var(--co-spacing-md);border-bottom:1px solid var(--co-semantic-border-default)}.co-command-search__fav-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(88px, 1fr));gap:var(--co-spacing-xs)}.co-command-search__fav-card{display:flex;flex-direction:column;align-items:center;gap:var(--co-spacing-sm);padding:var(--co-spacing-sm) var(--co-spacing-xs);background:transparent;border:none;border-radius:var(--co-border-radius-sm);cursor:pointer;font-family:inherit;text-align:center;min-width:0;transition:background 0.12s ease}.co-command-search__fav-card:hover{background:var(--co-semantic-surface-hover)}.co-command-search__fav-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-command-search__fav-icon{flex:none;width:50px;height:50px;border-radius:var(--co-border-radius-sm);display:flex;align-items:center;justify-content:center;color:var(--co-color-base-blanco, #fff);box-shadow:0 2px 6px rgba(0, 0, 0, 0.14)}.co-command-search__fav-label{font-size:var(--co-font-size-12);font-weight:500;line-height:1.2;color:var(--co-semantic-text-default);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}"}},[257,"co-command-search",{open:[1540],placeholder:[1],items:[1],emptyMessage:[1,"empty-message"],async:[516],loading:[516],chips:[513],tabs:[1],activeTab:[1,"active-tab"],hasMore:[4,"has-more"],moreLabel:[1,"more-label"],favorites:[1],query:[32]},void 0,{activeTab:[{onActiveTabChange:0}],open:[{onOpenChange:0}]}]);function f(){"undefined"!=typeof customElements&&["co-command-search","co-avatar","co-chip","co-icon","co-loader","co-option-list","co-overlay","co-tooltip"].forEach((a=>{switch(a){case"co-command-search":customElements.get(e(a))||customElements.define(e(a),p);break;case"co-avatar":customElements.get(e(a))||r();break;case"co-chip":customElements.get(e(a))||i();break;case"co-icon":customElements.get(e(a))||n();break;case"co-loader":customElements.get(e(a))||d();break;case"co-option-list":customElements.get(e(a))||h();break;case"co-overlay":customElements.get(e(a))||l();break;case"co-tooltip":customElements.get(e(a))||m()}}))}f();const b=p,u=f;export{b as CoCommandSearch,u as defineCustomElement}

package/dist/components/co-data-table-pagination.js

@@ -1 +1 @@
-import{t as a,p as o,H as i,c as e,h as t}from"./index.js";import{d as n}from"./p-B3U63yZw.js";const c=o(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coPageChange=e(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 t("div",{key:"9bda0302cc65a11065744a33ce2c48ad2d86f905",class:"co-pagination",part:"pagination"},t("div",{key:"2605fca75f90b5f764ca8f070d79654d0653d6eb",class:"co-pagination__section"},t("span",{key:"2296d9f00584bf8243cf6b1c32eeb8ce79b14fdc",class:"co-pagination__label"},this.jumpToPageLabel),t("input",{key:"7a6a3a24ed99d708940f6da784d05f7c490d2f42",type:"text",class:"co-pagination__jump-input",value:this.jumpToValue||this.page+"",onInput:a=>{this.jumpToValue=a.target.value},onKeyDown:a=>this.handleJumpToPage(a),onFocus:a=>{a.target.select()},part:"jump-input"})),t("div",{key:"5d8af4318ba1a8e4e5c13862e7ea3877ae6b3bc4",class:"co-pagination__section co-pagination__section--page-size"},t("div",{key:"758ea59d9e614de2d7a5ebc3fe93e3af2cc28ae6",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},t("span",{key:"841f93bea5d817cdd42f076b1a056da6a3707cb2",class:"co-pagination__page-size-value"},this.pageSize),t("span",{key:"8e381335184c0790c3379f0223239c7c478030c3",class:"co-pagination__label"},this.perPageLabel),t("co-icon",{key:"415dd90e5fb5f41071a35f4214f4d02387740c71",name:"caret-down",size:14})),this.showPageSizeDropdown&&t("div",{key:"845b73359db84f19583ec716d79c1dc8310f87b3",class:"co-pagination__page-size-dropdown",part:"dropdown"},this.parsedPageSizes.map((a=>t("button",{class:{"co-pagination__page-size-option":!0,"co-pagination__page-size-option--active":a===this.pageSize},onClick:()=>this.changePageSize(a)},a))))),t("div",{key:"55bf44bc21ed00c5058ad0197621cfcb1d81ec2d",class:"co-pagination__spacer"}),t("div",{key:"2c2a5384f9fda9a3de7c1abc3f2adca9f413e7e6",class:"co-pagination__section"},t("span",{key:"6f1b81541df05323f428db30e88e467c0aa93a21",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),t("div",{key:"50c630088453b650deb17c77c4cfef90e5275ccb",class:"co-pagination__section co-pagination__nav"},t("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?t("span",{class:"co-pagination__ellipsis"},"…"):t("button",{class:{"co-pagination__page-btn":!0,"co-pagination__page-btn--active":a===this.page},onClick:()=>this.goToPage(a)},a))),t("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}]}}static get style(){return":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)}"}},[1,"co-data-table-pagination",{page:[1538],pageSize:[1538,"page-size"],totalCount:[2,"total-count"],pageSizes:[1,"page-sizes"],perPageLabel:[1,"per-page-label"],recordsLabel:[1,"records-label"],jumpToPageLabel:[1,"jump-to-page-label"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],parsedPageSizes:[32],jumpToValue:[32],showPageSizeDropdown:[32]},void 0,{pageSizes:[{parsePageSizes:0}]}]);function s(){"undefined"!=typeof customElements&&["co-data-table-pagination","co-icon"].forEach((o=>{switch(o){case"co-data-table-pagination":customElements.get(a(o))||customElements.define(a(o),c);break;case"co-icon":customElements.get(a(o))||n()}}))}s();const r=c,p=s;export{r as CoDataTablePagination,p as defineCustomElement}
+import{t as a,p as o,H as i,c as e,h as t}from"./index.js";import{d as n}from"./p-DbISGXT_.js";const c=o(class extends i{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coPageChange=e(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 t("div",{key:"ad2d4cf540fbae67f997c4e8800316297815a9c2",class:"co-pagination",part:"pagination"},t("div",{key:"df28ba06ed542fe90c20d1fa1b7fa0c9d52b70d9",class:"co-pagination__section"},t("span",{key:"f4342d215bcee3af2ad7a21b48807a56da1fd83a",class:"co-pagination__label"},this.jumpToPageLabel),t("input",{key:"8a43bbddf9541755d699bf945bbd9f3f2d86a24c",type:"text",class:"co-pagination__jump-input",value:this.jumpToValue||this.page+"",onInput:a=>{this.jumpToValue=a.target.value},onKeyDown:a=>this.handleJumpToPage(a),onFocus:a=>{a.target.select()},part:"jump-input"})),t("div",{key:"0c6dda33a8fb2b5117b92a450fd69fe5f441cacc",class:"co-pagination__section co-pagination__section--page-size"},t("div",{key:"ac831c093350dba3acfa1411d56df5fb1593144f",class:"co-pagination__page-size-trigger",onClick:()=>{this.showPageSizeDropdown=!this.showPageSizeDropdown}},t("span",{key:"259a54e96723ef0b7f6cef648665d446bf049c83",class:"co-pagination__page-size-value"},this.pageSize),t("span",{key:"692fc67a27fa66edce0e1fda13fd4de1c9b76a6b",class:"co-pagination__label"},this.perPageLabel),t("co-icon",{key:"3cd29507bea87f9b9e079acd587b137e9e2ab66f",name:"caret-down",size:14})),this.showPageSizeDropdown&&t("div",{key:"4ea1fdbfe7c1eb5b7fb67003ef38391e8e9045a4",class:"co-pagination__page-size-dropdown",part:"dropdown"},this.parsedPageSizes.map((a=>t("button",{class:{"co-pagination__page-size-option":!0,"co-pagination__page-size-option--active":a===this.pageSize},onClick:()=>this.changePageSize(a)},a))))),t("div",{key:"2fd3277a44095c93825d8f7b11f6ae159edf9606",class:"co-pagination__spacer"}),t("div",{key:"a3d16fd95c6c6e791818c6d1be760b5163187b90",class:"co-pagination__section"},t("span",{key:"dc536a071d1ca0b2bc3485bfc0c3aaecfd2178c0",class:"co-pagination__count"},this.totalCount.toLocaleString()," ",this.recordsLabel)),t("div",{key:"415d04a264767e615fa742da1d7b3e509352555f",class:"co-pagination__section co-pagination__nav"},t("button",{key:"6b49bbb0cb284e1c0cdc38858412e3599d4a1206",class:"co-pagination__nav-btn",disabled:this.page<=1,onClick:()=>this.goToPage(this.page-1),part:"prev-btn"},this.previousLabel),a.map((a=>"..."===a?t("span",{class:"co-pagination__ellipsis"},"…"):t("button",{class:{"co-pagination__page-btn":!0,"co-pagination__page-btn--active":a===this.page},onClick:()=>this.goToPage(a)},a))),t("button",{key:"146515ae084df5f5e8d783a2e2c3f0d46ab971a3",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}]}}static get style(){return":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)}"}},[1,"co-data-table-pagination",{page:[1538],pageSize:[1538,"page-size"],totalCount:[2,"total-count"],pageSizes:[1,"page-sizes"],perPageLabel:[1,"per-page-label"],recordsLabel:[1,"records-label"],jumpToPageLabel:[1,"jump-to-page-label"],previousLabel:[1,"previous-label"],nextLabel:[1,"next-label"],parsedPageSizes:[32],jumpToValue:[32],showPageSizeDropdown:[32]},void 0,{pageSizes:[{parsePageSizes:0}]}]);function s(){"undefined"!=typeof customElements&&["co-data-table-pagination","co-icon"].forEach((o=>{switch(o){case"co-data-table-pagination":customElements.get(a(o))||customElements.define(a(o),c);break;case"co-icon":customElements.get(a(o))||n()}}))}s();const r=c,p=s;export{r as CoDataTablePagination,p as defineCustomElement}