@prolibu-suite/cobalt-core 0.8.0 → 0.9.0

package/dist/components/co-action-bar.js

@@ -1 +1 @@
-import{t as a,p as i,H as t,c as o,h as e}from"./index.js";import{d as s}from"./p-DbISGXT_.js";import{d as n}from"./p-DZX7cEqP.js";const c=i(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coDismiss=o(this,"coDismiss",7),this.open=!1,this.dismissible=!0,this.position="none",this.liveText="",this.animated=!1,this.handleDismiss=()=>{this.coDismiss.emit()}}onLabelChange(a){void 0!==this.liveTimer&&clearTimeout(this.liveTimer),this.liveTimer=setTimeout((()=>{this.liveTimer=void 0,this.liveText=null!=a?a:""}),600)}componentWillLoad(){var a;this.liveText=null!==(a=this.label)&&void 0!==a?a:""}componentDidLoad(){const a=()=>this.animated=!0;"function"==typeof requestAnimationFrame?this.rafId=requestAnimationFrame(a):a()}disconnectedCallback(){void 0!==this.liveTimer&&(clearTimeout(this.liveTimer),this.liveTimer=void 0),void 0!==this.rafId&&"function"==typeof cancelAnimationFrame&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}render(){return e("div",{key:"c350ea38a12157a5cefe26f303ef7100938d55c9",class:{"co-action-bar":!0,"co-action-bar--open":this.open,"co-action-bar--animated":this.animated},part:"bar",role:"group","aria-label":this.ariaLabelText||this.label,"aria-hidden":this.open?null:"true"},e("span",{key:"9f2d3d5729fd150e5aa0c487067c7c8ad6cd8b59",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"d2617507df8f2b48a743c1bb20482d9cc2e227df",class:"co-action-bar__label",part:"label"},e("slot",{key:"aad415247f017bd8ea38e38f84a0cd768a2f6f38",name:"label"},this.label)),e("div",{key:"8999cd574e430246824effda0bfa531d62a3530a",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"f06636fd076da38bc07982637f7def5d75df733e"})),!1!==this.dismissible&&e("co-icon-button",{key:"4227fa464073430c67190ac4afc6c6534b627934",class:"co-action-bar__dismiss",part:"dismiss",icon:"x",variant:"ghost",surface:"dark",size:"xs",label:"Dismiss",onClick:this.handleDismiss}))}static get watchers(){return{label:[{onLabelChange:0}]}}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);pointer-events:none}:host([position='bottom-center']){position:fixed;left:50%;transform:translateX(-50%);bottom:var(--co-action-bar-offset, 24px);z-index:var(--co-action-bar-z, 1000);max-width:calc(100vw - 2 * var(--co-action-bar-inline-margin, 24px))}.co-action-bar{position:relative;display:flex;align-items:center;box-sizing:border-box;max-width:100%;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-lg);border-radius:var(--co-border-radius-lg);background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);box-shadow:var(--co-shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.co-action-bar--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.co-action-bar--animated{transition:opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms}.co-action-bar--animated.co-action-bar--open{transition:opacity 180ms ease, transform 180ms ease, visibility 0s}@media (prefers-reduced-motion: reduce){.co-action-bar{transform:none}.co-action-bar--animated{transition:opacity 180ms ease, visibility 0s linear 180ms}.co-action-bar--animated.co-action-bar--open{transition:opacity 180ms ease, visibility 0s}}.co-action-bar__label{font-size:var(--co-font-size-14);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;padding-right:var(--co-spacing-xs)}.co-action-bar__actions{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}::slotted(hr){width:1px;height:24px;flex-shrink:0;align-self:center;margin:0 var(--co-spacing-xs);border:none;padding:0;background:color-mix(in srgb, var(--co-color-base-blanco, #fff) 28%, transparent)}.co-action-bar__dismiss{flex-shrink:0}.co-action-bar__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}"}},[257,"co-action-bar",{open:[516],label:[1],dismissible:[4],position:[513],ariaLabelText:[1,"aria-label-text"],liveText:[32],animated:[32]},void 0,{label:[{onLabelChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-action-bar","co-icon","co-icon-button"].forEach((i=>{switch(i){case"co-action-bar":customElements.get(a(i))||customElements.define(a(i),c);break;case"co-icon":customElements.get(a(i))||s();break;case"co-icon-button":customElements.get(a(i))||n()}}))}r();const l=c,d=r;export{l as CoActionBar,d as defineCustomElement}
+import{t as a,p as i,H as o,c as t,h as e}from"./index.js";import{d as n}from"./p-BCnjq3jN.js";import{d as s}from"./p-2zy1K6zg.js";const c=i(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coDismiss=t(this,"coDismiss",7),this.open=!1,this.dismissible=!0,this.position="none",this.liveText="",this.animated=!1,this.handleDismiss=()=>{this.coDismiss.emit()}}onLabelChange(a){void 0!==this.liveTimer&&clearTimeout(this.liveTimer),this.liveTimer=setTimeout((()=>{this.liveTimer=void 0,this.liveText=null!=a?a:""}),600)}componentWillLoad(){var a;this.liveText=null!==(a=this.label)&&void 0!==a?a:""}componentDidLoad(){const a=()=>this.animated=!0;"function"==typeof requestAnimationFrame?this.rafId=requestAnimationFrame(a):a()}disconnectedCallback(){void 0!==this.liveTimer&&(clearTimeout(this.liveTimer),this.liveTimer=void 0),void 0!==this.rafId&&"function"==typeof cancelAnimationFrame&&(cancelAnimationFrame(this.rafId),this.rafId=void 0)}render(){return e("div",{key:"3548a603f2b815a2fd08c49325645d18da63300d",class:{"co-action-bar":!0,"co-action-bar--open":this.open,"co-action-bar--animated":this.animated},part:"bar",role:"group","aria-label":this.ariaLabelText||this.label,"aria-hidden":this.open?null:"true"},e("span",{key:"113c8106d50409e1feb1a3393bd6bfee512eae53",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"a1d97aca67706c3d5260af28ea5bd6e5c2bce224",class:"co-action-bar__label",part:"label"},e("slot",{key:"91d58fee83bf5b234481e8bc9353e7fb94faf946",name:"label"},this.label)),e("div",{key:"cc710ea2bdabe99bab3e2b03dbfe0d79b9508f42",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"41e26a49665ed6294826b1630cd27039abd1240f"})),!1!==this.dismissible&&e("co-icon-button",{key:"1b7253ca63195f9169144634984d5da3c8142f7d",class:"co-action-bar__dismiss",part:"dismiss",icon:"x",variant:"ghost",surface:"dark",size:"xs",label:"Dismiss",onClick:this.handleDismiss}))}static get watchers(){return{label:[{onLabelChange:0}]}}static get style(){return":host{display:inline-flex;font-family:var(--co-font-family-primary);pointer-events:none}:host([position='bottom-center']){position:fixed;left:50%;transform:translateX(-50%);bottom:var(--co-action-bar-offset, 24px);z-index:var(--co-action-bar-z, 1000);max-width:calc(100vw - 2 * var(--co-action-bar-inline-margin, 24px))}.co-action-bar{position:relative;display:flex;align-items:center;box-sizing:border-box;max-width:100%;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md) var(--co-spacing-sm2) var(--co-spacing-lg);border-radius:var(--co-border-radius-lg);background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);box-shadow:var(--co-shadow-lg);opacity:0;transform:translateY(8px);pointer-events:none;visibility:hidden}.co-action-bar--open{opacity:1;transform:translateY(0);pointer-events:auto;visibility:visible}.co-action-bar--animated{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s linear var(--co-motion-duration-base)}.co-action-bar--animated.co-action-bar--open{transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out), visibility 0s}.co-action-bar__label{font-size:var(--co-font-size-14);font-weight:500;letter-spacing:var(--co-font-letter-spacing-body);line-height:1;white-space:nowrap;flex-shrink:0;padding-right:var(--co-spacing-xs)}.co-action-bar__actions{display:flex;align-items:center;gap:var(--co-spacing-xs);min-width:0}::slotted(hr){width:1px;height:24px;flex-shrink:0;align-self:center;margin:0 var(--co-spacing-xs);border:none;padding:0;background:color-mix(in srgb, var(--co-color-base-blanco, #fff) 28%, transparent)}.co-action-bar__dismiss{flex-shrink:0}.co-action-bar__live{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap}"}},[257,"co-action-bar",{open:[516],label:[1],dismissible:[4],position:[513],ariaLabelText:[1,"aria-label-text"],liveText:[32],animated:[32]},void 0,{label:[{onLabelChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-action-bar","co-icon","co-icon-button"].forEach((i=>{switch(i){case"co-action-bar":customElements.get(a(i))||customElements.define(a(i),c);break;case"co-icon":customElements.get(a(i))||n();break;case"co-icon-button":customElements.get(a(i))||s()}}))}r();const l=c,d=r;export{l as CoActionBar,d as defineCustomElement}

package/dist/components/co-app-shell.js

@@ -1 +1 @@
-import{t as e,p as a,H as r,c as o,h as t,a as c}from"./index.js";const s=a(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return t(c,{key:"7a45ab21e3ad256e25f05df33ad827931532c34a"},t("aside",{key:"5ca5469a35e630b4ab01be23cae46efc43cb1519",class:"sidebar",part:"sidebar"},t("div",{key:"f4243197b46e67b4d632aa8abad803b07f471bb2",class:"sidebar__header",part:"sidebar-header"},t("slot",{key:"b609c8272c05f7e4cbb2c8ae1ab0c24430541f84",name:"sidebar-header"})),t("div",{key:"72ca1118e1eeb6b5f3467c16c82dac60c4dc4042",class:"sidebar__body",part:"sidebar-body"},t("slot",{key:"48c65d150a4836996cf7406f32142bcb86e545df",name:"sidebar"})),t("div",{key:"be09567b81d7abae1738decfd30b9b7b6edb47f2",class:"sidebar__footer",part:"sidebar-footer"},t("slot",{key:"d202466aa14916d7fd3be163a615ce1156151150",name:"sidebar-footer"}))),t("div",{key:"d8b6f0cfdf0c4123b413d5d8bad78813fb7ba1a9",class:"main",part:"main"},t("div",{key:"0efa85801eaa0cd339875ff4a1fd9cedcd715751",class:"main__card",part:"card"},t("header",{key:"befa647b3822ed055166c3e2da9aca9fb54c1204",class:"main__header",part:"header"},t("slot",{key:"b08034b07963d178f3b8e9cee16d3975f97a7b90",name:"navbar"})),t("main",{key:"3b0adfc33dd08b08fb2edf84a5f098c0ff7d1003",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},t("slot",{key:"4c38a0a04548bc6cd2cc04d9b3fb095f5548fdde"})))))}static get style(){return':host{display:flex;height:100vh;overflow:hidden;background:var(--co-app-shell-bg, linear-gradient(     180deg,     var(--co-color-base-off-white) 0%,     var(--co-color-neutral-100) 50%,     var(--co-color-neutral-100) 100%   ));font-family:var(--co-font-family-primary)}.sidebar{display:flex;flex-direction:column;width:256px;height:100%;flex-shrink:0;overflow:hidden;transition:width 0.2s ease;padding:var(--co-spacing-sm);padding-right:0;box-sizing:border-box}:host([sidebar-mode="min"]) .sidebar{--co-sidebar-min-width:64px;width:var(--co-sidebar-min-width);align-items:flex-start;padding:var(--co-spacing-sm) 0}.sidebar__header{flex-shrink:0}.sidebar__body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar__body:hover{scrollbar-color:var(--co-color-opacity-blanco-16) transparent}.sidebar__body::-webkit-scrollbar{width:6px}.sidebar__body::-webkit-scrollbar-track{background:transparent}.sidebar__body::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.sidebar__body:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}.sidebar__body:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}.sidebar__body:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}.sidebar__footer{flex-shrink:0}:host([sidebar-mode="min"]) .sidebar__header,:host([sidebar-mode="min"]) .sidebar__body,:host([sidebar-mode="min"]) .sidebar__footer{display:flex;flex-direction:column;align-items:center;width:var(--co-sidebar-min-width, 64px)}:host([sidebar-mode="min"]) .sidebar__header{gap:var(--co-spacing-sm);padding-bottom:var(--co-spacing-md)}:host([sidebar-mode="min"]) .sidebar__body{scrollbar-width:none}:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar{width:0}.main{display:flex;flex-direction:column;flex:1;min-width:0;padding:0;margin:var(--co-spacing-sm);margin-left:0;min-height:0;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))     drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));--co-shell-r:var(--co-border-radius-md);--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>")}.main__card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0;-webkit-mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat}.main__header{flex-shrink:0}.main__content{flex:1;min-height:0;overflow:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.main__content:hover{scrollbar-color:var(--co-color-opacity-negro-16) transparent}.main__content::-webkit-scrollbar{width:6px;height:6px}.main__content::-webkit-scrollbar-track{background:transparent}.main__content::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.main__content:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-negro-16)}.main__content:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-negro-25)}.main__content:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-negro-50)}.main__content--card{background:var(--co-semantic-surface-secondary)}'}},[257,"co-app-shell",{sidebarMode:[1537,"sidebar-mode"],contentCard:[4,"content-card"]}]);function i(){"undefined"!=typeof customElements&&["co-app-shell"].forEach((a=>{"co-app-shell"===a&&(customElements.get(e(a))||customElements.define(e(a),s))}))}i();const d=s,l=i;export{d as CoAppShell,l as defineCustomElement}
+import{t as a,p as e,H as r,c as o,h as t,a as s}from"./index.js";const c=e(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return t(s,{key:"b81530338deb27cbf6cd7477f68c39bc9218bc00"},t("aside",{key:"023cd3028d18aad6d3ad18c17dd9ae66560e167c",class:"sidebar",part:"sidebar"},t("div",{key:"3287855013349c3e75b315ea6f8da35a28e473dd",class:"sidebar__header",part:"sidebar-header"},t("slot",{key:"bd82a6bca22dcb0058fe08f7e4b0fb3a5ed51fae",name:"sidebar-header"})),t("div",{key:"0226a4f9f41645ab7e89da48e6e5324c2755334d",class:"sidebar__body",part:"sidebar-body"},t("slot",{key:"151d6e2dfb2ba62627d8f30d89fd0a7827b28429",name:"sidebar"})),t("div",{key:"a5d1e73173da9a4b08bfe56fc22ed4a3ec494abe",class:"sidebar__footer",part:"sidebar-footer"},t("slot",{key:"5531392bd7d8fd37407d6b423a125e4db168e7cd",name:"sidebar-footer"}))),t("div",{key:"542b36579d0aa7703c5509d96c29d180ca4477ca",class:"main",part:"main"},t("div",{key:"9dc426144097434cf92c936aa9ff1495300a113f",class:"main__card",part:"card"},t("header",{key:"1045a59aab51c9bcbdc81d270fd67f68f037164a",class:"main__header",part:"header"},t("slot",{key:"5770b6d5ec74a4a66dbbd78975e56166f3ae7481",name:"navbar"})),t("main",{key:"c9e972900a046985f29004fa637e26149bb8d7de",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},t("slot",{key:"f7fec778bc6365da00b6c780c948618c88be489b"})))))}static get style(){return':host{display:flex;height:100vh;overflow:hidden;background:var(--co-app-shell-bg, linear-gradient(     180deg,     var(--co-color-base-off-white) 0%,     var(--co-color-neutral-100) 50%,     var(--co-color-neutral-100) 100%   ));font-family:var(--co-font-family-primary)}.sidebar{display:flex;flex-direction:column;width:256px;height:100%;flex-shrink:0;overflow:hidden;transition:width var(--co-motion-duration-base) var(--co-motion-ease-out);padding:var(--co-spacing-sm);padding-right:0;box-sizing:border-box}:host([sidebar-mode="min"]) .sidebar{--co-sidebar-min-width:64px;width:var(--co-sidebar-min-width);align-items:flex-start;padding:var(--co-spacing-sm) 0}.sidebar__header{flex-shrink:0}.sidebar__body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar__body:hover{scrollbar-color:var(--co-color-opacity-blanco-16) transparent}.sidebar__body::-webkit-scrollbar{width:6px}.sidebar__body::-webkit-scrollbar-track{background:transparent}.sidebar__body::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.sidebar__body:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}.sidebar__body:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}.sidebar__body:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}.sidebar__footer{flex-shrink:0}:host([sidebar-mode="min"]) .sidebar__header,:host([sidebar-mode="min"]) .sidebar__body,:host([sidebar-mode="min"]) .sidebar__footer{display:flex;flex-direction:column;align-items:center;width:var(--co-sidebar-min-width, 64px)}:host([sidebar-mode="min"]) .sidebar__header{gap:var(--co-spacing-sm);padding-bottom:var(--co-spacing-md)}:host([sidebar-mode="min"]) .sidebar__body{scrollbar-width:none}:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar{width:0}.main{display:flex;flex-direction:column;flex:1;min-width:0;padding:0;margin:var(--co-spacing-sm);margin-left:0;min-height:0;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))     drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));--co-shell-r:var(--co-border-radius-md);--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>")}.main__card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0;-webkit-mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat}.main__header{flex-shrink:0}.main__content{flex:1;min-height:0;overflow:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.main__content:hover{scrollbar-color:var(--co-color-opacity-negro-16) transparent}.main__content::-webkit-scrollbar{width:6px;height:6px}.main__content::-webkit-scrollbar-track{background:transparent}.main__content::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.main__content:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-negro-16)}.main__content:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-negro-25)}.main__content:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-negro-50)}.main__content--card{background:var(--co-semantic-surface-secondary)}'}},[257,"co-app-shell",{sidebarMode:[1537,"sidebar-mode"],contentCard:[4,"content-card"]}]);function i(){"undefined"!=typeof customElements&&["co-app-shell"].forEach((e=>{"co-app-shell"===e&&(customElements.get(a(e))||customElements.define(a(e),c))}))}i();const d=c,n=i;export{d as CoAppShell,n as defineCustomElement}

package/dist/components/co-audio-player.js

@@ -1 +1 @@
-import{t,p as i,H as a,c as e,h as s}from"./index.js";import{d as o}from"./p-DbISGXT_.js";function r(t){const i=Math.max(0,Math.floor(t||0));return`${Math.floor(i/60)}:${(""+i%60).padStart(2,"0")}`}function c(t,i){const a=t.length;if(!a||i<=0)return[];const e=Math.max(1,Math.floor(a/i)),s=[];for(let o=0;o<i;o++){let i=0;const r=o*e;for(let s=r;s<r+e&&s<a;s++){const a=Math.abs(t[s]);a>i&&(i=a)}s.push(.12+.88*i)}return s}function n(t){if(t<=0)return[];const i=[];for(let a=0;a<t;a++)i.push(.12+(.6*Math.sin(a/Math.max(1,t)*Math.PI)+.3)*(.75+.25*Math.abs(Math.sin(1.7*a)))*.88);return i}const h=i(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coPlay=e(this,"coPlay",7),this.coPause=e(this,"coPause",7),this.coEnded=e(this,"coEnded",7),this.coError=e(this,"coError",7),this.compact=!1,this.bars=64,this.barDensity=3,this.preload="metadata",this.downloadFilename="audio",this.noDownload=!1,this.isPlaying=!1,this.isLoading=!1,this.hasError=!1,this.currentTime=0,this.duration=0,this.peaks=[],this.containerWidth=0,this.playbackRate=1,this.rawChannelData=null,this.onMeta=()=>{var t;this.duration=(null===(t=this.audio)||void 0===t?void 0:t.duration)||0},this.onCanPlay=()=>{this.isLoading=!1},this.onWaiting=()=>{this.isLoading=!0},this.onTime=()=>{var t;this.currentTime=(null===(t=this.audio)||void 0===t?void 0:t.currentTime)||0},this.onEnded=()=>{this.isPlaying=!1,this.currentTime=0,this.coEnded.emit()},this.onErr=t=>{this.isLoading=!1,this.hasError=!0,this.coError.emit(t)},this.toggle=()=>{this.audio&&!this.hasError&&(this.isPlaying?(this.audio.pause(),this.isPlaying=!1,this.coPause.emit()):this.audio.play().then((()=>{this.isPlaying=!0,this.coPlay.emit()})).catch((()=>{})))},this.SPEEDS=[1,1.5,2,.5],this.cycleSpeed=()=>{const t=this.SPEEDS.indexOf(this.playbackRate);this.playbackRate=this.SPEEDS[(t+1)%this.SPEEDS.length],this.audio&&(this.audio.playbackRate=this.playbackRate)},this.seekAt=t=>{if(!this.audio||!this.waveEl||!this.duration)return;const i=function(t,i){return i.width?Math.max(0,Math.min(1,(t-i.left)/i.width)):0}(t,this.waveEl.getBoundingClientRect());this.audio.currentTime=i*this.duration,this.currentTime=this.audio.currentTime},this.onWaveKey=t=>{if(" "===t.key||"Enter"===t.key)return t.preventDefault(),void this.toggle();if(this.audio&&this.duration){if("ArrowRight"===t.key)this.audio.currentTime=Math.min(this.duration,this.audio.currentTime+5);else{if("ArrowLeft"!==t.key)return;this.audio.currentTime=Math.max(0,this.audio.currentTime-5)}this.currentTime=this.audio.currentTime}}}get effectiveBars(){return this.containerWidth>0?Math.max(24,Math.floor(this.containerWidth/this.barDensity)):this.bars}componentWillLoad(){this.init()}componentDidLoad(){if("undefined"==typeof ResizeObserver||!this.waveEl)return;this.resizeObserver=new ResizeObserver((t=>{var i;for(const a of t){const t=(null===(i=a.contentRect)||void 0===i?void 0:i.width)||a.target.clientWidth||0;t>2&&Math.abs(t-this.containerWidth)>2&&(this.containerWidth=t,this.rebuildBars())}})),this.resizeObserver.observe(this.waveEl);const t=this.waveEl.clientWidth||0;t>2&&(this.containerWidth=t,this.rebuildBars())}disconnectedCallback(){var t;this.teardown(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0}onSrcChange(){this.init()}rebuildBars(){this.peaks=this.rawChannelData?c(this.rawChannelData,this.effectiveBars):n(this.effectiveBars)}init(){if(this.teardown(),this.rawChannelData=null,this.peaks=n(this.effectiveBars),this.currentTime=0,this.duration=0,this.playbackRate=1,this.hasError=!1,!this.src)return;if(this.isLoading=!0,this.extractPeaks(this.src),"undefined"==typeof Audio)return;const t=new Audio;t.preload=this.preload,t.crossOrigin="anonymous",t.src=this.src,t.addEventListener("loadedmetadata",this.onMeta),t.addEventListener("timeupdate",this.onTime),t.addEventListener("ended",this.onEnded),t.addEventListener("error",this.onErr),t.addEventListener("canplay",this.onCanPlay),t.addEventListener("waiting",this.onWaiting),this.audio=t}teardown(){this.audio&&(this.audio.pause(),this.audio.removeEventListener("loadedmetadata",this.onMeta),this.audio.removeEventListener("timeupdate",this.onTime),this.audio.removeEventListener("ended",this.onEnded),this.audio.removeEventListener("error",this.onErr),this.audio.removeEventListener("canplay",this.onCanPlay),this.audio.removeEventListener("waiting",this.onWaiting),this.audio.src="",this.audio=void 0),this.isPlaying=!1}async extractPeaks(t){try{const i=window.AudioContext||window.webkitAudioContext;if(!i||"undefined"==typeof fetch)return;const a=new i,e=await(await fetch(t)).arrayBuffer(),s=await a.decodeAudioData(e);this.rawChannelData=s.getChannelData(0),this.peaks=c(this.rawChannelData,this.effectiveBars),a.close()}catch(t){this.rawChannelData=null,this.peaks=n(this.effectiveBars)}}async download(){if(this.src&&"undefined"!=typeof fetch)try{const t=await(await fetch(this.src)).blob(),i=URL.createObjectURL(t),a=document.createElement("a");a.href=i,a.download=this.downloadFilename,document.body.appendChild(a),a.click(),a.remove(),URL.revokeObjectURL(i)}catch(t){}}render(){const t=Math.max(1,3*this.peaks.length),i=this.duration?this.currentTime/this.duration*100:0,a=(t,i,a=!1)=>s("rect",{key:"ffe5ce97626e52c12e60b953b62d237f14acb582",x:3*i,y:20-40*t/2,width:1.8,height:Math.max(40*t,2),rx:.6,class:{"co-audio-player__bar":!0,"co-audio-player__bar--played":a}});return s("div",{key:"012710aded6ca183e80d7fde087cb0fdf413249b",class:{"co-audio-player":!0,"co-audio-player--compact":this.compact,"co-audio-player--error":this.hasError,"co-audio-player--playing":this.isPlaying},part:"player"},s("button",{key:"2505b88e97e73fd39aa31e3dad5e7fe0c1b94c80",type:"button",class:"co-audio-player__play",part:"play","aria-label":this.hasError?"Audio no disponible":this.isPlaying?"Pausar":"Reproducir","aria-busy":this.isLoading?"true":"false",disabled:this.hasError||!this.src,onClick:this.toggle},s("co-icon",{key:"e0e0d2dd5f6e0578ba80a3c235e5c221a6e8fe21",name:this.hasError?"warning-circle":this.isPlaying?"pause":"play",weight:"fill",size:this.compact?12:14})),s("div",{key:"d2b32119c69c64d2f68d469fe4ae056780446322",class:"co-audio-player__wave",part:"wave",role:"slider",tabindex:"0","aria-label":"Progreso de reproducción","aria-valuemin":0,"aria-valuemax":Math.floor(this.duration),"aria-valuenow":Math.floor(this.currentTime),ref:t=>this.waveEl=t,onClick:t=>this.seekAt(t.clientX),onKeyDown:this.onWaveKey},s("svg",{key:"fb9643df152d2d0b119580954f639cb3a9c2cd66",class:"co-audio-player__svg",viewBox:`0 0 ${t} 40`,preserveAspectRatio:"none","aria-hidden":"true"},this.peaks.map(((t,i)=>a(t,i))),s("clipPath",{key:"c2901cfe7c7e910bd53c8c92894b2d2395cde270",id:"co-ap-clip"},s("rect",{key:"8129a85201e09ba6646b08ed0075798b0a0b0dfc",x:"0",y:"0",width:i/100*t,height:40})),s("g",{key:"69bc1780122d48f1a545d1c59bf7ed6536285ed2","clip-path":"url(#co-ap-clip)"},this.peaks.map(((t,i)=>a(t,i,!0)))))),s("span",{key:"3747622619bd81545f85e7eb2f9c19b1aca6e7c2",class:"co-audio-player__time",part:"time"},r(this.currentTime)," / ",r(this.duration)),!this.compact&&s("button",{key:"84341856fb2e0b6a094c673a727370b148190e30",type:"button",class:"co-audio-player__speed",part:"speed","aria-label":`Velocidad de reproducción ${this.playbackRate}x`,onClick:this.cycleSpeed},this.playbackRate,"x"),!this.compact&&!this.noDownload&&s("button",{key:"d6767d185317f20299b40c4050a806d88165682f",type:"button",class:"co-audio-player__dl",part:"download","aria-label":"Descargar",onClick:()=>this.download()},s("co-icon",{key:"a0f0a09cdf705ecf15e0156cf93011f89f41ffa5",name:"download-simple",size:14})))}static get watchers(){return{src:[{onSrcChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary)}.co-audio-player{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-sm) var(--co-spacing-md);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);min-width:180px}.co-audio-player--compact{gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-sm);min-width:140px}.co-audio-player__play{flex:0 0 auto;width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);display:inline-flex;align-items:center;justify-content:center}.co-audio-player--compact .co-audio-player__play{width:24px;height:24px}.co-audio-player__play:disabled{opacity:.5;cursor:not-allowed}.co-audio-player__play:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-audio-player__wave{flex:1;height:40px;min-width:0;cursor:pointer;display:flex;align-items:center}.co-audio-player__wave:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px;border-radius:var(--co-border-radius-xxs)}.co-audio-player__svg{width:100%;height:100%;display:block}.co-audio-player__bar{fill:var(--co-semantic-border-field);transition:fill .15s}.co-audio-player__wave:hover .co-audio-player__bar{fill:var(--co-semantic-text-muted)}.co-audio-player__bar--played{fill:var(--co-semantic-surface-primary)}.co-audio-player__time{flex:0 0 auto;font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums;min-width:62px;text-align:right}.co-audio-player__speed{flex:0 0 auto;border:none;background:transparent;cursor:pointer;padding:2px 4px;color:var(--co-semantic-text-muted);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.co-audio-player__speed:hover{color:var(--co-semantic-text-default)}.co-audio-player__speed:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px;border-radius:var(--co-border-radius-xxs)}.co-audio-player__dl{flex:0 0 auto;border:none;background:transparent;cursor:pointer;padding:2px;color:var(--co-semantic-text-muted);display:inline-flex}.co-audio-player__dl:hover{color:var(--co-semantic-text-default)}.co-audio-player__dl:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-audio-player--error .co-audio-player__wave{opacity:.5}.co-audio-player--error .co-audio-player__play{background:var(--co-color-status-error);color:var(--co-semantic-text-inverse);opacity:1}@media (prefers-reduced-motion: reduce){.co-audio-player__bar{transition:none}}"}},[1,"co-audio-player",{src:[1],compact:[4],bars:[2],barDensity:[2,"bar-density"],preload:[1],downloadFilename:[1,"download-filename"],noDownload:[4,"no-download"],isPlaying:[32],isLoading:[32],hasError:[32],currentTime:[32],duration:[32],peaks:[32],containerWidth:[32],playbackRate:[32]},void 0,{src:[{onSrcChange:0}]}]);function d(){"undefined"!=typeof customElements&&["co-audio-player","co-icon"].forEach((i=>{switch(i){case"co-audio-player":customElements.get(t(i))||customElements.define(t(i),h);break;case"co-icon":customElements.get(t(i))||o()}}))}d();const l=h,u=d;export{l as CoAudioPlayer,u as defineCustomElement}
+import{t,p as i,H as a,c as e,h as s}from"./index.js";import{d as o}from"./p-BCnjq3jN.js";function r(t){const i=Math.max(0,Math.floor(t||0));return`${Math.floor(i/60)}:${(""+i%60).padStart(2,"0")}`}function c(t,i){const a=t.length;if(!a||i<=0)return[];const e=Math.max(1,Math.floor(a/i)),s=[];for(let o=0;o<i;o++){let i=0;const r=o*e;for(let s=r;s<r+e&&s<a;s++){const a=Math.abs(t[s]);a>i&&(i=a)}s.push(.12+.88*i)}return s}function h(t){if(t<=0)return[];const i=[];for(let a=0;a<t;a++)i.push(.12+(.6*Math.sin(a/Math.max(1,t)*Math.PI)+.3)*(.75+.25*Math.abs(Math.sin(1.7*a)))*.88);return i}const n=i(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coPlay=e(this,"coPlay",7),this.coPause=e(this,"coPause",7),this.coEnded=e(this,"coEnded",7),this.coError=e(this,"coError",7),this.compact=!1,this.bars=64,this.barDensity=3,this.preload="metadata",this.downloadFilename="audio",this.noDownload=!1,this.isPlaying=!1,this.isLoading=!1,this.hasError=!1,this.currentTime=0,this.duration=0,this.peaks=[],this.containerWidth=0,this.playbackRate=1,this.rawChannelData=null,this.onMeta=()=>{var t;this.duration=(null===(t=this.audio)||void 0===t?void 0:t.duration)||0},this.onCanPlay=()=>{this.isLoading=!1},this.onWaiting=()=>{this.isLoading=!0},this.onTime=()=>{var t;this.currentTime=(null===(t=this.audio)||void 0===t?void 0:t.currentTime)||0},this.onEnded=()=>{this.isPlaying=!1,this.currentTime=0,this.coEnded.emit()},this.onErr=t=>{this.isLoading=!1,this.hasError=!0,this.coError.emit(t)},this.toggle=()=>{this.audio&&!this.hasError&&(this.isPlaying?(this.audio.pause(),this.isPlaying=!1,this.coPause.emit()):this.audio.play().then((()=>{this.isPlaying=!0,this.coPlay.emit()})).catch((()=>{})))},this.SPEEDS=[1,1.5,2,.5],this.cycleSpeed=()=>{const t=this.SPEEDS.indexOf(this.playbackRate);this.playbackRate=this.SPEEDS[(t+1)%this.SPEEDS.length],this.audio&&(this.audio.playbackRate=this.playbackRate)},this.seekAt=t=>{if(!this.audio||!this.waveEl||!this.duration)return;const i=function(t,i){return i.width?Math.max(0,Math.min(1,(t-i.left)/i.width)):0}(t,this.waveEl.getBoundingClientRect());this.audio.currentTime=i*this.duration,this.currentTime=this.audio.currentTime},this.onWaveKey=t=>{if(" "===t.key||"Enter"===t.key)return t.preventDefault(),void this.toggle();if(this.audio&&this.duration){if("ArrowRight"===t.key)this.audio.currentTime=Math.min(this.duration,this.audio.currentTime+5);else{if("ArrowLeft"!==t.key)return;this.audio.currentTime=Math.max(0,this.audio.currentTime-5)}this.currentTime=this.audio.currentTime}}}get effectiveBars(){return this.containerWidth>0?Math.max(24,Math.floor(this.containerWidth/this.barDensity)):this.bars}componentWillLoad(){this.init()}componentDidLoad(){if("undefined"==typeof ResizeObserver||!this.waveEl)return;this.resizeObserver=new ResizeObserver((t=>{var i;for(const a of t){const t=(null===(i=a.contentRect)||void 0===i?void 0:i.width)||a.target.clientWidth||0;t>2&&Math.abs(t-this.containerWidth)>2&&(this.containerWidth=t,this.rebuildBars())}})),this.resizeObserver.observe(this.waveEl);const t=this.waveEl.clientWidth||0;t>2&&(this.containerWidth=t,this.rebuildBars())}disconnectedCallback(){var t;this.teardown(),null===(t=this.resizeObserver)||void 0===t||t.disconnect(),this.resizeObserver=void 0}onSrcChange(){this.init()}rebuildBars(){this.peaks=this.rawChannelData?c(this.rawChannelData,this.effectiveBars):h(this.effectiveBars)}init(){if(this.teardown(),this.rawChannelData=null,this.peaks=h(this.effectiveBars),this.currentTime=0,this.duration=0,this.playbackRate=1,this.hasError=!1,!this.src)return;if(this.isLoading=!0,this.extractPeaks(this.src),"undefined"==typeof Audio)return;const t=new Audio;t.preload=this.preload,t.crossOrigin="anonymous",t.src=this.src,t.addEventListener("loadedmetadata",this.onMeta),t.addEventListener("timeupdate",this.onTime),t.addEventListener("ended",this.onEnded),t.addEventListener("error",this.onErr),t.addEventListener("canplay",this.onCanPlay),t.addEventListener("waiting",this.onWaiting),this.audio=t}teardown(){this.audio&&(this.audio.pause(),this.audio.removeEventListener("loadedmetadata",this.onMeta),this.audio.removeEventListener("timeupdate",this.onTime),this.audio.removeEventListener("ended",this.onEnded),this.audio.removeEventListener("error",this.onErr),this.audio.removeEventListener("canplay",this.onCanPlay),this.audio.removeEventListener("waiting",this.onWaiting),this.audio.src="",this.audio=void 0),this.isPlaying=!1}async extractPeaks(t){try{const i=window.AudioContext||window.webkitAudioContext;if(!i||"undefined"==typeof fetch)return;const a=new i,e=await(await fetch(t)).arrayBuffer(),s=await a.decodeAudioData(e);this.rawChannelData=s.getChannelData(0),this.peaks=c(this.rawChannelData,this.effectiveBars),a.close()}catch(t){this.rawChannelData=null,this.peaks=h(this.effectiveBars)}}async download(){if(this.src&&"undefined"!=typeof fetch)try{const t=await(await fetch(this.src)).blob(),i=URL.createObjectURL(t),a=document.createElement("a");a.href=i,a.download=this.downloadFilename,document.body.appendChild(a),a.click(),a.remove(),URL.revokeObjectURL(i)}catch(t){}}render(){const t=Math.max(1,3*this.peaks.length),i=this.duration?this.currentTime/this.duration*100:0,a=(t,i,a=!1)=>s("rect",{key:"4775b84d9af61824dcd56d79aca4d198802fd9ab",x:3*i,y:20-40*t/2,width:1.8,height:Math.max(40*t,2),rx:.6,class:{"co-audio-player__bar":!0,"co-audio-player__bar--played":a}});return s("div",{key:"b1e8e33109602b0f88c2d95a1bc004d282ae1985",class:{"co-audio-player":!0,"co-audio-player--compact":this.compact,"co-audio-player--error":this.hasError,"co-audio-player--playing":this.isPlaying},part:"player"},s("button",{key:"37c0b83df324d87382aa6c3c1793597f74f9cefe",type:"button",class:"co-audio-player__play",part:"play","aria-label":this.hasError?"Audio no disponible":this.isPlaying?"Pausar":"Reproducir","aria-busy":this.isLoading?"true":"false",disabled:this.hasError||!this.src,onClick:this.toggle},s("co-icon",{key:"5dd0f24e7ca67fa080e4e9dd8b0512b322d5e53e",name:this.hasError?"warning-circle":this.isPlaying?"pause":"play",weight:"fill",size:this.compact?12:14})),s("div",{key:"ad0e201fec15d2cebf9d049c83a19221f9a00f68",class:"co-audio-player__wave",part:"wave",role:"slider",tabindex:"0","aria-label":"Progreso de reproducción","aria-valuemin":0,"aria-valuemax":Math.floor(this.duration),"aria-valuenow":Math.floor(this.currentTime),ref:t=>this.waveEl=t,onClick:t=>this.seekAt(t.clientX),onKeyDown:this.onWaveKey},s("svg",{key:"2407820a1b05cfd4f433a15824be006698353d05",class:"co-audio-player__svg",viewBox:`0 0 ${t} 40`,preserveAspectRatio:"none","aria-hidden":"true"},this.peaks.map(((t,i)=>a(t,i))),s("clipPath",{key:"ef30411f2c3db0167adbe22828c3eff9fbc9faf9",id:"co-ap-clip"},s("rect",{key:"c63779f30c3cc18b5e44d33f243ab8ddf209bb06",x:"0",y:"0",width:i/100*t,height:40})),s("g",{key:"0d56c6299e0affdea922048205365ced7e5b135b","clip-path":"url(#co-ap-clip)"},this.peaks.map(((t,i)=>a(t,i,!0)))))),s("span",{key:"d123e909e5c0641968d5d5c18f11a48e416a9ccc",class:"co-audio-player__time",part:"time"},r(this.currentTime)," / ",r(this.duration)),!this.compact&&s("button",{key:"ec9bf8ec5d81105dfc8346d69f6cd63b127a3d72",type:"button",class:"co-audio-player__speed",part:"speed","aria-label":`Velocidad de reproducción ${this.playbackRate}x`,onClick:this.cycleSpeed},this.playbackRate,"x"),!this.compact&&!this.noDownload&&s("button",{key:"28be3e9a09967e836fde4a4422971edb576998f0",type:"button",class:"co-audio-player__dl",part:"download","aria-label":"Descargar",onClick:()=>this.download()},s("co-icon",{key:"fad58b255cc75b70f692136c516913131c25677c",name:"download-simple",size:14})))}static get watchers(){return{src:[{onSrcChange:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary)}.co-audio-player{display:flex;align-items:center;gap:var(--co-spacing-md);padding:var(--co-spacing-sm) var(--co-spacing-md);border:1px solid var(--co-semantic-border-default);border-radius:var(--co-border-radius-xs);background:var(--co-semantic-surface-secondary);min-width:180px}.co-audio-player--compact{gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-sm);min-width:140px}.co-audio-player__play{flex:0 0 auto;width:28px;height:28px;border:none;border-radius:50%;cursor:pointer;background:var(--co-semantic-surface-primary);color:var(--co-semantic-text-inverse);display:inline-flex;align-items:center;justify-content:center}.co-audio-player--compact .co-audio-player__play{width:24px;height:24px}.co-audio-player__play:disabled{opacity:.5;cursor:not-allowed}.co-audio-player__play:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-audio-player__wave{flex:1;height:40px;min-width:0;cursor:pointer;display:flex;align-items:center}.co-audio-player__wave:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px;border-radius:var(--co-border-radius-xxs)}.co-audio-player__svg{width:100%;height:100%;display:block}.co-audio-player__bar{fill:var(--co-semantic-border-field);transition:fill var(--co-motion-duration-fast)}.co-audio-player__wave:hover .co-audio-player__bar{fill:var(--co-semantic-text-muted)}.co-audio-player__bar--played{fill:var(--co-semantic-surface-primary)}.co-audio-player__time{flex:0 0 auto;font-size:var(--co-font-size-12);color:var(--co-semantic-text-muted);font-variant-numeric:tabular-nums;min-width:62px;text-align:right}.co-audio-player__speed{flex:0 0 auto;border:none;background:transparent;cursor:pointer;padding:2px 4px;color:var(--co-semantic-text-muted);font-family:var(--co-font-family-primary);font-size:var(--co-font-size-12);font-variant-numeric:tabular-nums;min-width:34px;text-align:center}.co-audio-player__speed:hover{color:var(--co-semantic-text-default)}.co-audio-player__speed:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px;border-radius:var(--co-border-radius-xxs)}.co-audio-player__dl{flex:0 0 auto;border:none;background:transparent;cursor:pointer;padding:2px;color:var(--co-semantic-text-muted);display:inline-flex}.co-audio-player__dl:hover{color:var(--co-semantic-text-default)}.co-audio-player__dl:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}.co-audio-player--error .co-audio-player__wave{opacity:.5}.co-audio-player--error .co-audio-player__play{background:var(--co-color-status-error);color:var(--co-semantic-text-inverse);opacity:1}"}},[1,"co-audio-player",{src:[1],compact:[4],bars:[2],barDensity:[2,"bar-density"],preload:[1],downloadFilename:[1,"download-filename"],noDownload:[4,"no-download"],isPlaying:[32],isLoading:[32],hasError:[32],currentTime:[32],duration:[32],peaks:[32],containerWidth:[32],playbackRate:[32]},void 0,{src:[{onSrcChange:0}]}]);function d(){"undefined"!=typeof customElements&&["co-audio-player","co-icon"].forEach((i=>{switch(i){case"co-audio-player":customElements.get(t(i))||customElements.define(t(i),n);break;case"co-icon":customElements.get(t(i))||o()}}))}d();const l=n,u=d;export{l as CoAudioPlayer,u as defineCustomElement}

package/dist/components/co-autocomplete.js

@@ -1 +1 @@
-import{t as e,p as t,H as o,c,h as a}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{d as i}from"./p-uZ2D6ESV.js";import{d as r}from"./p-CfeNhAHW.js";import{d as l}from"./p-DbISGXT_.js";import{d as n}from"./p-DzoNGEDU.js";import{d as p}from"./p-D0wrmRH8.js";import{d as h}from"./p-cteJszd-.js";const d=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=c(this,"coSearch",7),this.coChange=c(this,"coChange",7),this.coClear=c(this,"coClear",7),this.required=!1,this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.layout="vertical",this.size="md",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.searchDebounce=300,this.emptyMessage="No results",this.isOpen=!1,this.query="",this.focused=!1,this.handleInput=e=>{const t=e.target.value;this.query=t,this.debounceTimer&&clearTimeout(this.debounceTimer),t.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(t)),this.searchDebounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=e=>{var t;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null}),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleChipRemove=e=>{const t=this.selectedValues.filter((t=>t!==e));this.value=JSON.stringify(t),this.coChange.emit({value:t,item:{_id:e,label:e}})},this.handleListChange=e=>{this.multiple?(this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})):(this.value=e.value,this.query=e.item.label,this.isOpen=!1,this.coChange.emit({value:e.value,item:e.item}))},this.handleInputKeyDown=async e=>{"Escape"!==e.key?this.isOpen&&this.optionListEl&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Enter"!==e.key||(e.preventDefault(),await this.optionListEl.handleKey(e))):this.isOpen=!1}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}componentWillLoad(){this.syncQueryFromValue()}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0),this.focused||this.syncQueryFromValue()}onValueChange(){this.syncQueryFromValue()}syncQueryFromValue(){if(!this.multiple&&"string"==typeof this.value&&this.value){const e=this.parsedOptions.find((e=>e.value===this.value));this.query=e?e.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}render(){const e=this.parsedOptions,t=this.selectedValues;return a("div",{key:"a152ee025b4c76813f8783ba1cd0e6791a7372ee",class:{"co-autocomplete":!0,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,["co-autocomplete--"+this.size]:!0,["co-autocomplete--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&a("div",{key:"484443890da0c01c028716095ef2215f56b64e93",class:"co-autocomplete__labels"},this.label&&a("label",{key:"24fc760c0fa0322e1952d948e8daf463a4999226",class:"co-autocomplete__label"},this.label,a(s,{key:"250f449b8d860d5476652dd906b5405e76cba1d1",required:this.required})),this.secondaryLabel&&a("span",{key:"5f7b6c3b0308cc031336d945ce629aa06495404d",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"632abdc8eb131cf8f5c482487d377d9297c11ad6",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"7c1f1af01c2a9b9686de933a38d4da0302f40cbc",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"bfe9c9fbce1c7050f928128fb77f8bf5018903d1",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return a("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),a("input",{key:"fc621839dde68853a1b28231551e6cb0a6f415e7",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleInputKeyDown}),this.loading&&a("div",{key:"fbe41e89ca6202a4de04a09437f1f11f756f25eb",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"e3096cd897d7a98fa7cd203d21eb57dc6ce961a5",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"3211cf54fcdae0a73afb62e2b6cb25081486f3a7",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"9c5e500a17c9486b6834c46be9e95c0e0fea6beb",class:"co-autocomplete__dropdown"},a("co-option-list",{key:"b44c39253a07c470dc5e059223fce58548e8d02d",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,disabled:e.disabled})))),value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",virtual:!0,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListChange(e.detail)})),this.helperText&&a("div",{key:"30ac040bfef45e66d1b18bfdda9b5b07b8f2c3d5",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"a4fc8c4c9695c13cd515d9b7562986a62bf07110",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"4a7f3031b62c451e0561024d232331b1c7679a07",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange: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-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__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-autocomplete__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-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);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;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-status-error)}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__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 rgba(31, 28, 27, 0.08);overflow:hidden;padding:var(--co-spacing-sm2)}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-status-error)}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-status-success)}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-color-status-review)}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-autocomplete{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-autocomplete__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-autocomplete__label{white-space:normal}:host([layout='horizontal']) .co-autocomplete>:not(.co-autocomplete__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-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],size:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],searchDebounce:[2,"search-debounce"],emptyMessage:[1,"empty-message"],isOpen:[32],query:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function u(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),d);break;case"co-avatar":customElements.get(e(t))||i();break;case"co-chip":customElements.get(e(t))||r();break;case"co-icon":customElements.get(e(t))||l();break;case"co-loader":customElements.get(e(t))||n();break;case"co-option-list":customElements.get(e(t))||p();break;case"co-tooltip":customElements.get(e(t))||h()}}))}u();const m=d,f=u;export{m as CoAutocomplete,f as defineCustomElement}
+import{t as e,p as t,H as o,c,h as a}from"./index.js";import{R as i}from"./p-CWneqh4n.js";import{d as s}from"./p-BUE9mBqk.js";import{d as r}from"./p-xvWmYN3W.js";import{d as l}from"./p-BCnjq3jN.js";import{d as n}from"./p-DzoNGEDU.js";import{d as p}from"./p-CkQqqKRp.js";import{d as h}from"./p-ushHimOL.js";const d=t(class extends o{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSearch=c(this,"coSearch",7),this.coChange=c(this,"coChange",7),this.coClear=c(this,"coClear",7),this.required=!1,this.placeholder="Search…",this.disabled=!1,this.clearable=!0,this.layout="vertical",this.size="md",this.status="default",this.options="[]",this.value="",this.multiple=!1,this.loading=!1,this.minChars=1,this.searchDebounce=300,this.emptyMessage="No results",this.isOpen=!1,this.query="",this.focused=!1,this.handleInput=e=>{const t=e.target.value;this.query=t,this.debounceTimer&&clearTimeout(this.debounceTimer),t.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(t)),this.searchDebounce),this.isOpen=!0):this.isOpen=!1},this.handleFocus=()=>{this.focused=!0,this.query.length>=this.minChars&&this.parsedOptions.length>0&&(this.isOpen=!0)},this.handleClear=e=>{var t;e.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit({value:this.multiple?[]:"",item:null}),null===(t=this.inputEl)||void 0===t||t.focus()},this.handleChipRemove=e=>{const t=this.selectedValues.filter((t=>t!==e));this.value=JSON.stringify(t),this.coChange.emit({value:t,item:{_id:e,label:e}})},this.handleListChange=e=>{if(null==e.value)return this.value=this.multiple?"[]":"",this.query="",this.isOpen=!1,void this.coChange.emit({value:null,item:null});this.multiple?(this.value=JSON.stringify(e.value),this.coChange.emit({value:e.value,item:e.item})):(this.value=e.value,this.query=e.item.label,this.isOpen=!1,this.coChange.emit({value:e.value,item:e.item}))},this.handleInputKeyDown=async e=>{"Escape"!==e.key?this.isOpen&&this.optionListEl&&("ArrowDown"!==e.key&&"ArrowUp"!==e.key&&"Enter"!==e.key||(e.preventDefault(),await this.optionListEl.handleKey(e))):this.isOpen=!1}}get parsedOptions(){let e=this.options;if("string"==typeof e)try{e=JSON.parse(e)}catch(e){return[]}return Array.isArray(e)?e.map((e=>"string"==typeof e?{label:e,value:e}:e)):[]}get selectedValues(){if(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(e){return this.value?[this.value]:[]}return this.value}return"string"==typeof this.value&&this.value?[this.value]:[]}get hasValue(){return this.selectedValues.length>0}get statusIcon(){return{error:"warning-circle",success:"check-circle",warning:"warning",info:"info"}[this.status]||null}componentWillLoad(){this.syncQueryFromValue()}onOptionsChange(){this.query.length>=this.minChars&&(this.isOpen=!0),this.focused||this.syncQueryFromValue()}onValueChange(){this.syncQueryFromValue()}syncQueryFromValue(){if(!this.multiple&&"string"==typeof this.value&&this.value){const e=this.parsedOptions.find((e=>e.value===this.value));this.query=e?e.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(e){this.el.contains(e.target)||(this.isOpen=!1,this.focused=!1)}render(){const e=this.parsedOptions,t=this.selectedValues;return a("div",{key:"0fad340e2daa5ee4b56e28325d5eaec4d60d7188",class:{"co-autocomplete":!0,"co-autocomplete--disabled":this.disabled,"co-autocomplete--focused":this.focused,["co-autocomplete--"+this.size]:!0,["co-autocomplete--"+this.status]:"default"!==this.status}},(this.label||this.secondaryLabel)&&a("div",{key:"a724b6267fd6dbe267725f3619677e043843c96c",class:"co-autocomplete__labels"},this.label&&a("label",{key:"45c176c82f0967c6ff0f1f323d36834d247f8ac6",class:"co-autocomplete__label"},this.label,a(i,{key:"52940ac88fa7ba5f2b662990a66b0ad84d728ecc",required:this.required})),this.secondaryLabel&&a("span",{key:"5eac2ccf44d59067f7ca070561c18c9b45b4cfc1",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"4837e011ac491a34efdfb84bd80f2baa52c4f451",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"1a46dba433dec3b8dec82b6d2e93cee0575f5673",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"95054c8e5ec371ba04f6fa5938d74babffef473f",class:"co-autocomplete__chips"},t.map((e=>{const t=this.parsedOptions.find((t=>t.value===e));return a("co-chip",{label:t?t.label:e,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(e)})}))),a("input",{key:"016887bf4fa1872bafd1ba60a7fb960ca89e8b76",ref:e=>this.inputEl=e,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus,onKeyDown:this.handleInputKeyDown}),this.loading&&a("div",{key:"eac7e752a8d8f18b866c5fe4283707e851355328",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"aac8dcfced13e8abf3bb6beb0fa56124814804ea",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"8a5605cfe09eb17ca65c9fd97662ceec893431b7",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"7263c42e73656db3ee8d1c1c2f5f5cd941b0e40b",class:"co-autocomplete__dropdown"},a("co-option-list",{key:"32071562943c992b0013451c8b89da20590554cf",ref:e=>this.optionListEl=e,items:JSON.stringify(e.map((e=>({_id:e.value,label:e.label,icon:e.icon,disabled:e.disabled})))),value:this.multiple?JSON.stringify(this.selectedValues):this.selectedValues[0]||"",multiple:this.multiple,selectedAffordance:"check",virtual:!0,loading:this.loading,emptyMessage:this.emptyMessage,onCoChange:e=>this.handleListChange(e.detail)})),this.helperText&&a("div",{key:"47ba4956d829c700700a7509e8fd2fc58dd6e4d9",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"b4363e83a7258241d23f4911c1f6fb352330c19d",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"952777047bd27a6604daea9531f26ce5aab0c475",class:"co-autocomplete__helper-text"},this.helperText)))}get el(){return this}static get watchers(){return{options:[{onOptionsChange: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-autocomplete{display:flex;flex-direction:column;gap:var(--co-spacing-sm2);position:relative}.co-autocomplete__labels{display:flex;align-items:center;justify-content:space-between;padding:0 var(--co-spacing-xs);gap:var(--co-spacing-sm2)}.co-autocomplete__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-autocomplete__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-autocomplete--disabled .co-autocomplete__label,.co-autocomplete--disabled .co-autocomplete__secondary-label{color:var(--co-semantic-text-disabled)}.co-autocomplete__field{display:flex;align-items:center;flex-wrap:wrap;gap:var(--co-spacing-xs);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;transition:border-color var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-status-error)}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__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 rgba(31, 28, 27, 0.08);overflow:hidden;padding:var(--co-spacing-sm2)}.co-autocomplete__helper{display:flex;align-items:center;gap:var(--co-spacing-xs);padding:0 var(--co-spacing-xs)}.co-autocomplete__helper-icon{flex-shrink:0;display:flex;align-items:center}.co-autocomplete__helper-text{color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__helper--error .co-autocomplete__helper-icon,.co-autocomplete__helper--error .co-autocomplete__helper-text{color:var(--co-semantic-status-error)}.co-autocomplete__helper--success .co-autocomplete__helper-icon,.co-autocomplete__helper--success .co-autocomplete__helper-text{color:var(--co-semantic-status-success)}.co-autocomplete__helper--warning .co-autocomplete__helper-icon,.co-autocomplete__helper--warning .co-autocomplete__helper-text{color:var(--co-color-status-review)}.co-autocomplete__helper--info .co-autocomplete__helper-icon,.co-autocomplete__helper--info .co-autocomplete__helper-text{color:var(--co-semantic-status-info)}:host([layout='horizontal']) .co-autocomplete{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-autocomplete__labels{grid-column:1;grid-row:1;padding-top:var(--co-spacing-sm2);min-width:0}:host([layout='horizontal']) .co-autocomplete__label{white-space:normal}:host([layout='horizontal']) .co-autocomplete>:not(.co-autocomplete__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-autocomplete",{label:[1],required:[4],secondaryLabel:[1,"secondary-label"],placeholder:[1],disabled:[4],iconLeft:[1,"icon-left"],clearable:[4],helperText:[1,"helper-text"],layout:[513],size:[513],status:[1],options:[1],value:[1025],multiple:[4],loading:[4],minChars:[2,"min-chars"],searchDebounce:[2,"search-debounce"],emptyMessage:[1,"empty-message"],isOpen:[32],query:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function u(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),d);break;case"co-avatar":customElements.get(e(t))||s();break;case"co-chip":customElements.get(e(t))||r();break;case"co-icon":customElements.get(e(t))||l();break;case"co-loader":customElements.get(e(t))||n();break;case"co-option-list":customElements.get(e(t))||p();break;case"co-tooltip":customElements.get(e(t))||h()}}))}u();const m=d,f=u;export{m as CoAutocomplete,f as defineCustomElement}

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

@@ -1 +1 @@
-import{t as a,p as t,H as o,c as e,h as r}from"./index.js";import{d as i}from"./p-uZ2D6ESV.js";import{d as s}from"./p-DbISGXT_.js";import{d as c}from"./p-cteJszd-.js";const n={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},l={xl:"var(--co-font-size-26)",lg:"var(--co-font-size-22)",md:"var(--co-font-size-18)",sm:"var(--co-font-size-16)",xs:"var(--co-font-size-12)",xxs:"var(--co-font-size-10)"},v=t(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coClick=e(this,"coClick",3),this.items=[],this.max=4,this.size="xs",this.shape="circle",this.interactive=!1,this.activate=()=>{this.coClick.emit()}}accessibleLabel(a){return this.label?this.label:a.map((a=>a.name||a.text)).filter(Boolean).join(", ")}render(){var a,t;const o=Array.isArray(this.items)?this.items:[],e=this.max>0?this.max:o.length,i=o.slice(0,e),s=Math.max(0,o.length-e),c=null!==(a=n[this.size])&&void 0!==a?a:n.xs,v=null!==(t=l[this.size])&&void 0!==t?t:l.xs,p=o.slice(e).map((a=>a.name||a.text)).filter(Boolean).join(", "),u=this.interactive?"button":"div",d=this.interactive?{type:"button","aria-label":this.accessibleLabel(o),onClick:this.activate}:{role:"group"};return r(u,Object.assign({key:"efe3aa5c3a13c33d220caf93f8ce7dfc929f9833",class:{"co-avatar-group":!0,"co-avatar-group--interactive":this.interactive}},d),i.map(((a,t)=>{var o,e,i;return r("co-avatar",{key:t,class:"co-avatar-group__avatar",type:null!==(o=a.type)&&void 0!==o?o:a.src?"image":a.icon?"icon":"text",size:this.size,shape:null!==(e=a.shape)&&void 0!==e?e:this.shape,text:a.text,src:a.src,icon:null!==(i=a.icon)&&void 0!==i?i:"user",color:a.color,"ring-color":a.ringColor,name:a.name||a.text||""})})),s>0&&r("co-tooltip",{key:"b6dffe856f5984d2e2731e84d9d4a46cfcfa0c7b",class:"co-avatar-group__slot",content:p,placement:"bottom"},r("div",{key:"b7fe90ee1800ede2bdc3b8674d6ab0dcdfa4ac48",class:"co-avatar-group__overflow",style:{width:c+"px",height:c+"px",fontSize:v},role:"img","aria-label":"+"+s},"+",s)))}static get style(){return":host{display:inline-flex}.co-avatar-group{display:inline-flex;align-items:center}.co-avatar-group--interactive{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;border-radius:var(--co-border-radius-full);outline:none;transition:opacity 0.12s ease}.co-avatar-group--interactive:hover{opacity:0.88}.co-avatar-group--interactive:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus)}.co-avatar-group__slot{display:inline-flex;align-items:center;line-height:0}.co-avatar-group>*:not(:first-child){margin-left:calc(-1 * var(--co-avatar-group-overlap, var(--co-spacing-sm)))}.co-avatar-group__avatar::part(avatar),.co-avatar-group__overflow{box-shadow:0 0 0 var(--co-avatar-group-ring-width, 2px) var(--co-semantic-surface-page)}.co-avatar-group__avatar,.co-avatar-group__overflow{vertical-align:middle}.co-avatar-group__overflow{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}"}},[1,"co-avatar-group",{items:[16],max:[2],size:[1],shape:[1],interactive:[4],label:[1]}]);function p(){"undefined"!=typeof customElements&&["co-avatar-group","co-avatar","co-icon","co-tooltip"].forEach((t=>{switch(t){case"co-avatar-group":customElements.get(a(t))||customElements.define(a(t),v);break;case"co-avatar":customElements.get(a(t))||i();break;case"co-icon":customElements.get(a(t))||s();break;case"co-tooltip":customElements.get(a(t))||c()}}))}p();const u=v,d=p;export{u as CoAvatarGroup,d as defineCustomElement}
+import{t as a,p as o,H as t,c as e,h as r}from"./index.js";import{d as i}from"./p-BUE9mBqk.js";import{d as s}from"./p-BCnjq3jN.js";import{d as c}from"./p-ushHimOL.js";const n={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},l={xl:"var(--co-font-size-26)",lg:"var(--co-font-size-22)",md:"var(--co-font-size-18)",sm:"var(--co-font-size-16)",xs:"var(--co-font-size-12)",xxs:"var(--co-font-size-10)"},v=o(class extends t{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coClick=e(this,"coClick",3),this.items=[],this.max=4,this.size="xs",this.shape="circle",this.interactive=!1,this.activate=()=>{this.coClick.emit()}}accessibleLabel(a){return this.label?this.label:a.map((a=>a.name||a.text)).filter(Boolean).join(", ")}render(){var a,o;const t=Array.isArray(this.items)?this.items:[],e=this.max>0?this.max:t.length,i=t.slice(0,e),s=Math.max(0,t.length-e),c=null!==(a=n[this.size])&&void 0!==a?a:n.xs,v=null!==(o=l[this.size])&&void 0!==o?o:l.xs,p=t.slice(e).map((a=>a.name||a.text)).filter(Boolean).join(", "),u=this.interactive?"button":"div",d=this.interactive?{type:"button","aria-label":this.accessibleLabel(t),onClick:this.activate}:{role:"group"};return r(u,Object.assign({key:"efe3aa5c3a13c33d220caf93f8ce7dfc929f9833",class:{"co-avatar-group":!0,"co-avatar-group--interactive":this.interactive}},d),i.map(((a,o)=>{var t,e,i;return r("co-avatar",{key:o,class:"co-avatar-group__avatar",type:null!==(t=a.type)&&void 0!==t?t:a.src?"image":a.icon?"icon":"text",size:this.size,shape:null!==(e=a.shape)&&void 0!==e?e:this.shape,text:a.text,src:a.src,icon:null!==(i=a.icon)&&void 0!==i?i:"user",color:a.color,"ring-color":a.ringColor,name:a.name||a.text||""})})),s>0&&r("co-tooltip",{key:"b6dffe856f5984d2e2731e84d9d4a46cfcfa0c7b",class:"co-avatar-group__slot",content:p,placement:"bottom"},r("div",{key:"b7fe90ee1800ede2bdc3b8674d6ab0dcdfa4ac48",class:"co-avatar-group__overflow",style:{width:c+"px",height:c+"px",fontSize:v},role:"img","aria-label":"+"+s},"+",s)))}static get style(){return":host{display:inline-flex}.co-avatar-group{display:inline-flex;align-items:center}.co-avatar-group--interactive{appearance:none;-webkit-appearance:none;background:none;border:0;margin:0;padding:0;font:inherit;color:inherit;cursor:pointer;border-radius:var(--co-border-radius-full);outline:none;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-out)}.co-avatar-group--interactive:hover{opacity:0.88}.co-avatar-group--interactive:focus-visible{box-shadow:0 0 0 2px var(--co-semantic-surface-page), 0 0 0 4px var(--co-semantic-border-focus)}.co-avatar-group__slot{display:inline-flex;align-items:center;line-height:0}.co-avatar-group>*:not(:first-child){margin-left:calc(-1 * var(--co-avatar-group-overlap, var(--co-spacing-sm)))}.co-avatar-group__avatar::part(avatar),.co-avatar-group__overflow{box-shadow:0 0 0 var(--co-avatar-group-ring-width, 2px) var(--co-semantic-surface-page)}.co-avatar-group__avatar,.co-avatar-group__overflow{vertical-align:middle}.co-avatar-group__overflow{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;border-radius:var(--co-border-radius-full);background:var(--co-semantic-surface-muted);color:var(--co-semantic-text-secondary);font-family:var(--co-font-family-primary);font-weight:600;line-height:1;letter-spacing:var(--co-font-letter-spacing-body);flex-shrink:0;user-select:none;-webkit-font-smoothing:antialiased}"}},[1,"co-avatar-group",{items:[16],max:[2],size:[1],shape:[1],interactive:[4],label:[1]}]);function p(){"undefined"!=typeof customElements&&["co-avatar-group","co-avatar","co-icon","co-tooltip"].forEach((o=>{switch(o){case"co-avatar-group":customElements.get(a(o))||customElements.define(a(o),v);break;case"co-avatar":customElements.get(a(o))||i();break;case"co-icon":customElements.get(a(o))||s();break;case"co-tooltip":customElements.get(a(o))||c()}}))}p();const u=v,d=p;export{u as CoAvatarGroup,d as defineCustomElement}

package/dist/components/co-avatar.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-uZ2D6ESV.js";const p=o,r=s;export{p as CoAvatar,r as defineCustomElement}
+import{C as o,d as s}from"./p-BUE9mBqk.js";const m=o,p=s;export{m as CoAvatar,p as defineCustomElement}

package/dist/components/co-badge.js

@@ -1 +1 @@
-import{t as e,p as a,H as s,h as c}from"./index.js";const t=a(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="large",this.color="default"}render(){return c("span",{key:"f0a6e6e5bd63a5ce3ffac291312880ab7baad1be",class:{"co-badge":!0,["co-badge--"+this.size]:!0,["co-badge--"+this.color]:!0},part:"badge"})}static get style(){return":host{display:inline-flex}.co-badge{display:inline-block;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-badge--large{width:16px;height:16px}.co-badge--small{width:6px;height:6px}.co-badge--default{background:var(--co-semantic-surface-primary)}.co-badge--success{background:var(--co-semantic-status-success)}.co-badge--error{background:var(--co-semantic-status-error)}.co-badge--warning{background:var(--co-semantic-status-warning)}.co-badge--info{background:var(--co-semantic-status-info)}"}},[1,"co-badge",{size:[1],color:[1]}]);function o(){"undefined"!=typeof customElements&&["co-badge"].forEach((a=>{"co-badge"===a&&(customElements.get(e(a))||customElements.define(e(a),t))}))}o();const r=t,d=o;export{r as CoBadge,d as defineCustomElement}
+import{t as e,p as a,H as s,h as c}from"./index.js";const t=a(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.size="large",this.color="default"}render(){return c("span",{key:"8e24eae365e19b27d3af88bda2b292b8087ccbe7",class:{"co-badge":!0,["co-badge--"+this.size]:!0,["co-badge--"+this.color]:!0},part:"badge"})}static get style(){return":host{display:inline-flex}.co-badge{display:inline-block;border-radius:var(--co-border-radius-full);flex-shrink:0}.co-badge--large{width:16px;height:16px}.co-badge--small{width:6px;height:6px}.co-badge--default{background:var(--co-semantic-surface-primary)}.co-badge--success{background:var(--co-semantic-status-success)}.co-badge--error{background:var(--co-semantic-status-error)}.co-badge--warning{background:var(--co-semantic-status-warning)}.co-badge--info{background:var(--co-semantic-status-info)}"}},[1,"co-badge",{size:[1],color:[1]}]);function o(){"undefined"!=typeof customElements&&["co-badge"].forEach((a=>{"co-badge"===a&&(customElements.get(e(a))||customElements.define(e(a),t))}))}o();const r=t,d=o;export{r as CoBadge,d as defineCustomElement}

package/dist/components/co-bottom-sheet.js

@@ -1 +1 @@
-import{t,p as e,H as o,c as s,h as i}from"./index.js";function h(t,e=48){return t<=0?0:e*(1-1/(t/e+1))}const a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coClose=s(this,"coClose",3),this.coOpen=s(this,"coOpen",3),this.coAfterOpen=s(this,"coAfterOpen",3),this.coAfterClose=s(this,"coAfterClose",3),this.open=!1,this.heading="",this.maxHeight="85dvh",this.dismissible=!0,this.closeOnOverlay=!0,this.closeOnEscape=!0,this.showHandle=!0,this.hasFooter=!1,this.hasHeaderSlot=!1,this.tracker=function(t=100,e=8){let o=[];return{add(s,i){o.push({t:s,y:i}),o.length>e&&o.shift(),o=o.filter((e=>s-e.t<=t))},velocity(){if(o.length<2)return 0;const t=o[0],e=o[o.length-1],s=e.t-t.t;return s<8?0:(e.y-t.y)/s},reset(){o=[]}}}(),this.armed=!1,this.engaged=!1,this.fromBody=!1,this.startY=0,this.startX=0,this.startScrollTop=0,this.sheetHeight=0,this.dismissPending=!1,this.pendingAfter=null,this.handleBackdropClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleFooterSlotChange=t=>{this.hasFooter=this.slotHasContent(t)},this.handleHeaderSlotChange=t=>{this.hasHeaderSlot=this.slotHasContent(t)},this.handleTransitionEnd=t=>{"transform"===t.propertyName&&t.target===this.sheetEl&&("open"===this.pendingAfter&&this.open&&this.coAfterOpen.emit(),"close"!==this.pendingAfter||this.open||this.coAfterClose.emit(),this.pendingAfter=null)},this.handleGripPointerDown=t=>{this.arm(t,!1)},this.handleBodyPointerDown=t=>{this.arm(t,!0)},this.handlePointerMove=t=>{if(!this.armed||!t.isPrimary)return;const e=t.clientY-this.startY,o=t.clientX-this.startX;if(!this.engaged){const s=this.fromBody?8:4;if(Math.abs(e)<s)return;if(this.fromBody){const t=!!this.bodyEl&&this.bodyEl.scrollHeight>this.bodyEl.clientHeight;if(this.startScrollTop>0||Math.abs(e)<=Math.abs(o)||e<0&&t)return void this.disarm()}this.engage(t,t.currentTarget)}const s=t.clientY-this.startY;let i;i=s>=0?this.dismissible?s:h(s):-h(-s),this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${i}px, 0)`),this.backdropEl&&this.sheetHeight>0&&(this.backdropEl.style.opacity=1-Math.min(Math.max(i/this.sheetHeight,0),1)+""),this.tracker.add(t.timeStamp,t.clientY)},this.handlePointerUp=t=>{if(!this.armed)return;const e=this.engaged,o=e?Math.max(t.clientY-this.startY,0):0,s=this.tracker.velocity();if(this.disarm(),!e)return;const i=function({offset:t,height:e,velocity:o,dismissible:s}){return s?o>=.5&&t>=24?"dismiss":o<=-.15?"restore":e>0&&t>=.45*e?"dismiss":"restore":"restore"}({offset:o,height:this.sheetHeight,velocity:s,dismissible:this.dismissible});"dismiss"===i?(this.dismissPending=!0,this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${this.sheetHeight}px, 0)`),this.backdropEl&&(this.backdropEl.style.opacity="0"),this.coClose.emit(),this.dismissFallback=setTimeout((()=>{this.open&&this.dismissPending&&(this.dismissPending=!1,this.clearInlineStyles())}),500)):this.clearInlineStyles()},this.handlePointerCancel=()=>{this.armed&&(this.disarm(),this.clearInlineStyles())},this.touchBlocker=t=>{(this.engaged||this.armed&&this.startScrollTop<=0&&t.touches[0].clientY-this.startY>0)&&t.preventDefault()}}onOpenChange(t,e){t!==e&&(this.pendingAfter=t?"open":"close",t?(this.coOpen.emit(),this.clearInlineStyles()):(this.dismissPending=!1,this.dismissFallback&&clearTimeout(this.dismissFallback),requestAnimationFrame((()=>this.clearInlineStyles()))))}handleKey(t){this.open&&this.closeOnEscape&&"Escape"===t.key&&this.coClose.emit()}disconnectedCallback(){this.detachTouchBlocker(),this.dismissFallback&&clearTimeout(this.dismissFallback)}clearInlineStyles(){this.sheetEl&&(this.sheetEl.style.transform=""),this.backdropEl&&(this.backdropEl.style.opacity="")}slotHasContent(t){return t.target.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(t.textContent||"").trim()))}arm(t,e){this.open&&!this.dismissPending&&t.isPrimary&&(this.armed=!0,this.engaged=!1,this.fromBody=e,this.startY=t.clientY,this.startX=t.clientX,this.startScrollTop=e&&this.bodyEl?this.bodyEl.scrollTop:0,e&&this.attachTouchBlocker())}engage(t,e){var o,s;this.engaged=!0,this.startY=t.clientY,this.sheetHeight=(null===(o=this.sheetEl)||void 0===o?void 0:o.getBoundingClientRect().height)||0,null===(s=this.sheetEl)||void 0===s||s.classList.add("co-bottom-sheet--dragging");try{null==e||e.setPointerCapture(t.pointerId)}catch(t){}this.tracker.reset(),this.tracker.add(t.timeStamp,t.clientY)}disarm(){var t;this.armed=!1,this.engaged=!1,null===(t=this.sheetEl)||void 0===t||t.classList.remove("co-bottom-sheet--dragging"),this.detachTouchBlocker()}attachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.addEventListener("touchmove",this.touchBlocker,{passive:!1})}detachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.removeEventListener("touchmove",this.touchBlocker)}render(){return i("div",{key:"ba3db3d99801b70af3d5adc93c83868e2b2df3e2",class:{"co-bottom-sheet-root":!0,"co-bottom-sheet-root--open":this.open}},i("div",{key:"1003cdf6554d5594a3cd6ce51850cf767e76f5e2",class:"co-bottom-sheet__backdrop",part:"backdrop",onClick:this.handleBackdropClick,ref:t=>this.backdropEl=t}),i("section",{key:"8474a75c0b2bcf05e91f56274bbeef93e471b28f",class:{"co-bottom-sheet":!0,"co-bottom-sheet--open":this.open},part:"sheet",role:"dialog","aria-modal":"true","aria-labelledby":this.heading?"co-bottom-sheet-heading":void 0,style:{"--co-bottom-sheet-max-height":this.maxHeight},onTransitionEnd:this.handleTransitionEnd,ref:t=>this.sheetEl=t},i("div",{key:"a0c45bd9389353b7c28a85cf02002e417e9295cd",class:"co-bottom-sheet__grip",onPointerDown:this.handleGripPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel},this.showHandle&&i("div",{key:"36251f7b8031cb20ac95b9b8f674d094a5240789",class:"co-bottom-sheet__handle",part:"handle","aria-hidden":"true"}),i("header",{key:"f6533a7ed9bf8985cf3712f6587fd129557aed75",class:{"co-bottom-sheet__header":!0,"co-bottom-sheet__header--show":this.hasHeaderSlot||!!this.heading},part:"header"},i("slot",{key:"b7061e6c4d48b1a221805962ab55153e06edecf7",name:"header",onSlotchange:this.handleHeaderSlotChange},this.heading&&i("h2",{key:"8180cb9cc8e1c234475cc02d7fdab3bc94fa7f31",class:"co-bottom-sheet__heading",id:"co-bottom-sheet-heading"},this.heading)))),i("div",{key:"e8094b7c7c0919b0cc724404b2c97c4c18b031c9",class:"co-bottom-sheet__body",part:"body",onPointerDown:this.handleBodyPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,ref:t=>this.bodyEl=t},i("slot",{key:"0b9271b2ad92c1a8f7bcfde66955ceb026b0fffd"})),i("footer",{key:"016e2c9974dc2a1c88aacfd0d5a7a6b6e10f1033",class:{"co-bottom-sheet__footer":!0,"co-bottom-sheet__footer--show":this.hasFooter},part:"footer"},i("slot",{key:"5d571808b9b49eca346b7ce30525cab841b3ff4a",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.co-bottom-sheet__backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0, 0, 0, 0.4);-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity 0.25s ease}.co-bottom-sheet-root--open .co-bottom-sheet__backdrop{opacity:1;pointer-events:auto;transition:opacity 0.12s ease}.co-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column;height:auto;max-height:var(--co-bottom-sheet-max-height, 85dvh);background:var(--co-semantic-surface-page);font-family:var(--co-font-family-primary);border-radius:var(--co-border-radius-xl) var(--co-border-radius-xl) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12);transform:translateY(100%);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);will-change:transform;overflow:hidden;visibility:hidden}.co-bottom-sheet--open{transform:translateY(0);visibility:visible}.co-bottom-sheet:not(.co-bottom-sheet--open){transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1), visibility 0s linear 0.25s}.co-bottom-sheet--dragging,.co-bottom-sheet-root:has(.co-bottom-sheet--dragging) .co-bottom-sheet__backdrop{transition:none !important}.co-bottom-sheet__grip{flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.co-bottom-sheet--dragging .co-bottom-sheet__grip{cursor:grabbing}.co-bottom-sheet__handle{width:40px;height:4px;margin:var(--co-spacing-sm) auto var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-semantic-border-default)}.co-bottom-sheet__header{padding:0 var(--co-spacing-xl)}.co-bottom-sheet__header--show{padding-bottom:var(--co-spacing-sm)}.co-bottom-sheet__heading{margin:0;font-size:var(--co-font-size-16);font-weight:700;color:var(--co-semantic-text-default)}.co-bottom-sheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}.co-bottom-sheet__footer{flex-shrink:0;display:none}.co-bottom-sheet__footer--show{display:block;border-top:1px solid var(--co-semantic-border-default);padding:var(--co-spacing-md) var(--co-spacing-xl)     calc(var(--co-spacing-lg) + env(safe-area-inset-bottom, 0px));background:var(--co-semantic-surface-page)}@media (prefers-reduced-motion: reduce){.co-bottom-sheet,.co-bottom-sheet:not(.co-bottom-sheet--open),.co-bottom-sheet__backdrop{transition-duration:0.01s !important}}"}},[257,"co-bottom-sheet",{open:[1540],heading:[513],maxHeight:[513,"max-height"],dismissible:[4],closeOnOverlay:[4,"close-on-overlay"],closeOnEscape:[4,"close-on-escape"],showHandle:[516,"show-handle"],hasFooter:[32],hasHeaderSlot:[32]},[[4,"keydown","handleKey"]],{open:[{onOpenChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-bottom-sheet"].forEach((e=>{"co-bottom-sheet"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}r();const c=a,n=r;export{c as CoBottomSheet,n as defineCustomElement}
+import{t,p as o,H as e,c as s,h as i}from"./index.js";function h(t,o=48){return t<=0?0:o*(1-1/(t/o+1))}const a=o(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coClose=s(this,"coClose",3),this.coOpen=s(this,"coOpen",3),this.coAfterOpen=s(this,"coAfterOpen",3),this.coAfterClose=s(this,"coAfterClose",3),this.open=!1,this.heading="",this.maxHeight="85dvh",this.dismissible=!0,this.closeOnOverlay=!0,this.closeOnEscape=!0,this.showHandle=!0,this.hasFooter=!1,this.hasHeaderSlot=!1,this.tracker=function(t=100,o=8){let e=[];return{add(s,i){e.push({t:s,y:i}),e.length>o&&e.shift(),e=e.filter((o=>s-o.t<=t))},velocity(){if(e.length<2)return 0;const t=e[0],o=e[e.length-1],s=o.t-t.t;return s<8?0:(o.y-t.y)/s},reset(){e=[]}}}(),this.armed=!1,this.engaged=!1,this.fromBody=!1,this.startY=0,this.startX=0,this.startScrollTop=0,this.sheetHeight=0,this.dismissPending=!1,this.pendingAfter=null,this.handleBackdropClick=()=>{this.closeOnOverlay&&this.coClose.emit()},this.handleFooterSlotChange=t=>{this.hasFooter=this.slotHasContent(t)},this.handleHeaderSlotChange=t=>{this.hasHeaderSlot=this.slotHasContent(t)},this.handleTransitionEnd=t=>{"transform"===t.propertyName&&t.target===this.sheetEl&&("open"===this.pendingAfter&&this.open&&this.coAfterOpen.emit(),"close"!==this.pendingAfter||this.open||this.coAfterClose.emit(),this.pendingAfter=null)},this.handleGripPointerDown=t=>{this.arm(t,!1)},this.handleBodyPointerDown=t=>{this.arm(t,!0)},this.handlePointerMove=t=>{if(!this.armed||!t.isPrimary)return;const o=t.clientY-this.startY,e=t.clientX-this.startX;if(!this.engaged){const s=this.fromBody?8:4;if(Math.abs(o)<s)return;if(this.fromBody){const t=!!this.bodyEl&&this.bodyEl.scrollHeight>this.bodyEl.clientHeight;if(this.startScrollTop>0||Math.abs(o)<=Math.abs(e)||o<0&&t)return void this.disarm()}this.engage(t,t.currentTarget)}const s=t.clientY-this.startY;let i;i=s>=0?this.dismissible?s:h(s):-h(-s),this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${i}px, 0)`),this.backdropEl&&this.sheetHeight>0&&(this.backdropEl.style.opacity=1-Math.min(Math.max(i/this.sheetHeight,0),1)+""),this.tracker.add(t.timeStamp,t.clientY)},this.handlePointerUp=t=>{if(!this.armed)return;const o=this.engaged,e=o?Math.max(t.clientY-this.startY,0):0,s=this.tracker.velocity();if(this.disarm(),!o)return;const i=function({offset:t,height:o,velocity:e,dismissible:s}){return s?e>=.5&&t>=24?"dismiss":e<=-.15?"restore":o>0&&t>=.45*o?"dismiss":"restore":"restore"}({offset:e,height:this.sheetHeight,velocity:s,dismissible:this.dismissible});"dismiss"===i?(this.dismissPending=!0,this.sheetEl&&(this.sheetEl.style.transform=`translate3d(0, ${this.sheetHeight}px, 0)`),this.backdropEl&&(this.backdropEl.style.opacity="0"),this.coClose.emit(),this.dismissFallback=setTimeout((()=>{this.open&&this.dismissPending&&(this.dismissPending=!1,this.clearInlineStyles())}),500)):this.clearInlineStyles()},this.handlePointerCancel=()=>{this.armed&&(this.disarm(),this.clearInlineStyles())},this.touchBlocker=t=>{(this.engaged||this.armed&&this.startScrollTop<=0&&t.touches[0].clientY-this.startY>0)&&t.preventDefault()}}onOpenChange(t,o){t!==o&&(this.pendingAfter=t?"open":"close",t?(this.coOpen.emit(),this.clearInlineStyles()):(this.dismissPending=!1,this.dismissFallback&&clearTimeout(this.dismissFallback),requestAnimationFrame((()=>this.clearInlineStyles()))))}handleKey(t){this.open&&this.closeOnEscape&&"Escape"===t.key&&this.coClose.emit()}disconnectedCallback(){this.detachTouchBlocker(),this.dismissFallback&&clearTimeout(this.dismissFallback)}clearInlineStyles(){this.sheetEl&&(this.sheetEl.style.transform=""),this.backdropEl&&(this.backdropEl.style.opacity="")}slotHasContent(t){return t.target.assignedNodes({flatten:!0}).some((t=>t.nodeType===Node.ELEMENT_NODE||t.nodeType===Node.TEXT_NODE&&""!==(t.textContent||"").trim()))}arm(t,o){this.open&&!this.dismissPending&&t.isPrimary&&(this.armed=!0,this.engaged=!1,this.fromBody=o,this.startY=t.clientY,this.startX=t.clientX,this.startScrollTop=o&&this.bodyEl?this.bodyEl.scrollTop:0,o&&this.attachTouchBlocker())}engage(t,o){var e,s;this.engaged=!0,this.startY=t.clientY,this.sheetHeight=(null===(e=this.sheetEl)||void 0===e?void 0:e.getBoundingClientRect().height)||0,null===(s=this.sheetEl)||void 0===s||s.classList.add("co-bottom-sheet--dragging");try{null==o||o.setPointerCapture(t.pointerId)}catch(t){}this.tracker.reset(),this.tracker.add(t.timeStamp,t.clientY)}disarm(){var t;this.armed=!1,this.engaged=!1,null===(t=this.sheetEl)||void 0===t||t.classList.remove("co-bottom-sheet--dragging"),this.detachTouchBlocker()}attachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.addEventListener("touchmove",this.touchBlocker,{passive:!1})}detachTouchBlocker(){var t;null===(t=this.bodyEl)||void 0===t||t.removeEventListener("touchmove",this.touchBlocker)}render(){return i("div",{key:"cbb30d66c27b5abd51309a1e55a920656a1a0c6a",class:{"co-bottom-sheet-root":!0,"co-bottom-sheet-root--open":this.open}},i("div",{key:"0b6d164ff4a4520eb9f7cb54991540ba30a9d1e0",class:"co-bottom-sheet__backdrop",part:"backdrop",onClick:this.handleBackdropClick,ref:t=>this.backdropEl=t}),i("section",{key:"d0a06e9c2ef7389dee933edf6251e0578a78ca71",class:{"co-bottom-sheet":!0,"co-bottom-sheet--open":this.open},part:"sheet",role:"dialog","aria-modal":"true","aria-labelledby":this.heading?"co-bottom-sheet-heading":void 0,style:{"--co-bottom-sheet-max-height":this.maxHeight},onTransitionEnd:this.handleTransitionEnd,ref:t=>this.sheetEl=t},i("div",{key:"749d7123e579ab46b63f6ccd14df28af0890f2fd",class:"co-bottom-sheet__grip",onPointerDown:this.handleGripPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel},this.showHandle&&i("div",{key:"1c007545c0ab262abe4a2276fe10c18068c1d5c7",class:"co-bottom-sheet__handle",part:"handle","aria-hidden":"true"}),i("header",{key:"d1be5c0085c6dc30009ab792b91e86e97477861d",class:{"co-bottom-sheet__header":!0,"co-bottom-sheet__header--show":this.hasHeaderSlot||!!this.heading},part:"header"},i("slot",{key:"2163362b13cf19b1221f9655ec5b4b09085a2b6c",name:"header",onSlotchange:this.handleHeaderSlotChange},this.heading&&i("h2",{key:"c2f8f34cc167b14d62ac4a27396c8c72e05ab274",class:"co-bottom-sheet__heading",id:"co-bottom-sheet-heading"},this.heading)))),i("div",{key:"a89e7b39bd72311b5b0ccd5358c9f9e45618fa86",class:"co-bottom-sheet__body",part:"body",onPointerDown:this.handleBodyPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel,ref:t=>this.bodyEl=t},i("slot",{key:"4424ce944ef083fc9c760774b30d66b48320fe8a"})),i("footer",{key:"b3452533a6d25a0528c3f0456ce3413e9dcccef4",class:{"co-bottom-sheet__footer":!0,"co-bottom-sheet__footer--show":this.hasFooter},part:"footer"},i("slot",{key:"d697688035f2767aef0894f9cdf2b99bce9d2fb6",name:"footer",onSlotchange:this.handleFooterSlotChange}))))}get el(){return this}static get watchers(){return{open:[{onOpenChange:0}]}}static get style(){return":host{display:contents}.co-bottom-sheet__backdrop{position:fixed;inset:0;z-index:1000;background:rgba(0, 0, 0, 0.4);-webkit-backdrop-filter:blur(var(--co-overlay-blur, 2px));backdrop-filter:blur(var(--co-overlay-blur, 2px));opacity:0;pointer-events:none;transition:opacity var(--co-motion-duration-fast) var(--co-motion-ease-in)}.co-bottom-sheet-root--open .co-bottom-sheet__backdrop{opacity:1;pointer-events:auto;transition:opacity var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-bottom-sheet{position:fixed;left:0;right:0;bottom:0;z-index:1001;display:flex;flex-direction:column;height:auto;max-height:var(--co-bottom-sheet-max-height, 85dvh);background:var(--co-semantic-surface-page);font-family:var(--co-font-family-primary);border-radius:var(--co-border-radius-xl) var(--co-border-radius-xl) 0 0;box-shadow:0 -4px 24px rgba(0, 0, 0, 0.12);transform:translateY(100%);transition:transform var(--co-motion-duration-slow) var(--co-motion-ease-in-out);will-change:transform;overflow:hidden;visibility:hidden}.co-bottom-sheet--open{transform:translateY(0);visibility:visible}.co-bottom-sheet:not(.co-bottom-sheet--open){transition:transform var(--co-motion-duration-slow) var(--co-motion-ease-in-out), visibility 0s linear var(--co-motion-duration-slow)}.co-bottom-sheet--dragging,.co-bottom-sheet-root:has(.co-bottom-sheet--dragging) .co-bottom-sheet__backdrop{transition:none !important}.co-bottom-sheet__grip{flex-shrink:0;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;cursor:grab}.co-bottom-sheet--dragging .co-bottom-sheet__grip{cursor:grabbing}.co-bottom-sheet__handle{width:40px;height:4px;margin:var(--co-spacing-sm) auto var(--co-spacing-xs);border-radius:var(--co-border-radius-full);background:var(--co-semantic-border-default)}.co-bottom-sheet__header{padding:0 var(--co-spacing-xl)}.co-bottom-sheet__header--show{padding-bottom:var(--co-spacing-sm)}.co-bottom-sheet__heading{margin:0;font-size:var(--co-font-size-16);font-weight:700;color:var(--co-semantic-text-default)}.co-bottom-sheet__body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}.co-bottom-sheet__footer{flex-shrink:0;display:none}.co-bottom-sheet__footer--show{display:block;border-top:1px solid var(--co-semantic-border-default);padding:var(--co-spacing-md) var(--co-spacing-xl)     calc(var(--co-spacing-lg) + env(safe-area-inset-bottom, 0px));background:var(--co-semantic-surface-page)}"}},[257,"co-bottom-sheet",{open:[1540],heading:[513],maxHeight:[513,"max-height"],dismissible:[4],closeOnOverlay:[4,"close-on-overlay"],closeOnEscape:[4,"close-on-escape"],showHandle:[516,"show-handle"],hasFooter:[32],hasHeaderSlot:[32]},[[4,"keydown","handleKey"]],{open:[{onOpenChange:0}]}]);function r(){"undefined"!=typeof customElements&&["co-bottom-sheet"].forEach((o=>{"co-bottom-sheet"===o&&(customElements.get(t(o))||customElements.define(t(o),a))}))}r();const n=a,c=r;export{n as CoBottomSheet,c as defineCustomElement}

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

@@ -1 +1 @@
-import{C as s,d as o}from"./p-BC6sxVVr.js";const r=s,p=o;export{r as CoBreadcrumbItem,p as defineCustomElement}
+import{C as o,d as s}from"./p-BiefJDu3.js";const p=o,r=s;export{p as CoBreadcrumbItem,r as defineCustomElement}

package/dist/components/co-breadcrumb.js

@@ -1 +1 @@
-import{t,p as e,H as r,h as a,a as s}from"./index.js";import{d as c}from"./p-BC6sxVVr.js";import{d as o}from"./p-DbISGXT_.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.separator="caret-right",this.handleSlotChange=()=>this.propagateSeparator()}watchSeparator(){this.propagateSeparator()}componentDidLoad(){this.propagateSeparator()}propagateSeparator(){this.el.querySelectorAll("co-breadcrumb-item").forEach((t=>{t.separator=this.separator}))}parseItems(){if(!this.items)return null;try{const t=JSON.parse(this.items);return Array.isArray(t)?t:null}catch(t){return null}}render(){const t=this.parseItems();return a(s,{key:"8ab383589f78948c7f11d38d4e25fa5509a56dbc",part:"breadcrumb",role:"navigation","aria-label":"Breadcrumb"},t?t.map(((e,r)=>a("co-breadcrumb-item",{key:r,label:e.label,value:e.value,icon:e.icon,separator:this.separator,current:r===t.length-1}))):a("slot",{onSlotchange:this.handleSlotChange}))}get el(){return this}static get watchers(){return{separator:[{watchSeparator:0}]}}static get style(){return":host{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);min-width:0}"}},[257,"co-breadcrumb",{separator:[1],items:[1]},void 0,{separator:[{watchSeparator:0}]}]);function n(){"undefined"!=typeof customElements&&["co-breadcrumb","co-breadcrumb-item","co-icon"].forEach((e=>{switch(e){case"co-breadcrumb":customElements.get(t(e))||customElements.define(t(e),i);break;case"co-breadcrumb-item":customElements.get(t(e))||c();break;case"co-icon":customElements.get(t(e))||o()}}))}n();const m=i,u=n;export{m as CoBreadcrumb,u as defineCustomElement}
+import{t,p as e,H as r,h as a,a as s}from"./index.js";import{d as c}from"./p-BiefJDu3.js";import{d as o}from"./p-BCnjq3jN.js";const i=e(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.separator="caret-right",this.handleSlotChange=()=>this.propagateSeparator()}watchSeparator(){this.propagateSeparator()}componentDidLoad(){this.propagateSeparator()}propagateSeparator(){this.el.querySelectorAll("co-breadcrumb-item").forEach((t=>{t.separator=this.separator}))}parseItems(){if(!this.items)return null;try{const t=JSON.parse(this.items);return Array.isArray(t)?t:null}catch(t){return null}}render(){const t=this.parseItems();return a(s,{key:"25dce93deb73a903ac025ffeed54ca53ab1f22e3",part:"breadcrumb",role:"navigation","aria-label":"Breadcrumb"},t?t.map(((e,r)=>a("co-breadcrumb-item",{key:r,label:e.label,value:e.value,icon:e.icon,separator:this.separator,current:r===t.length-1}))):a("slot",{onSlotchange:this.handleSlotChange}))}get el(){return this}static get watchers(){return{separator:[{watchSeparator:0}]}}static get style(){return":host{display:flex;align-items:center;gap:var(--co-spacing-xs, 4px);min-width:0}"}},[257,"co-breadcrumb",{separator:[1],items:[1]},void 0,{separator:[{watchSeparator:0}]}]);function n(){"undefined"!=typeof customElements&&["co-breadcrumb","co-breadcrumb-item","co-icon"].forEach((e=>{switch(e){case"co-breadcrumb":customElements.get(t(e))||customElements.define(t(e),i);break;case"co-breadcrumb-item":customElements.get(t(e))||c();break;case"co-icon":customElements.get(t(e))||o()}}))}n();const m=i,u=n;export{m as CoBreadcrumb,u as defineCustomElement}

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

@@ -1 +1 @@
-import{t as o,p as t,H as r,h as u}from"./index.js";const e=t(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="stroke",this.size="m",this.direction="row",this.disabled=!1}render(){return u("div",{key:"fe4b05941d1bf86586c7e4f2c93fe9644ea027d3",class:{"co-button-group":!0,["co-button-group--"+this.direction]:!0,["co-button-group--"+this.variant]:!0,"co-button-group--disabled":this.disabled},role:"group"},u("slot",{key:"c583ee5dd23aceea08c3178b93b6f1227101e96e"}))}static get style(){return":host{display:inline-flex}.co-button-group{display:inline-flex;gap:0}.co-button-group--row{flex-direction:row}.co-button-group--column{flex-direction:column}.co-button-group--row ::slotted(co-button){--co-btn-border-radius:0}.co-button-group--row ::slotted(co-button:first-child){--co-btn-border-radius-left:var(--co-border-radius-xs)}.co-button-group--row ::slotted(co-button:last-child){--co-btn-border-radius-right:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button){--co-btn-border-radius:0;width:100%}.co-button-group--column ::slotted(co-button:first-child){--co-btn-border-radius-top:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button:last-child){--co-btn-border-radius-bottom:var(--co-border-radius-xs)}.co-button-group--stroke.co-button-group--row ::slotted(co-button:not(:first-child)){margin-left:-1px}.co-button-group--stroke.co-button-group--column ::slotted(co-button:not(:first-child)){margin-top:-1px}.co-button-group--disabled{opacity:0.4;pointer-events:none}"}},[257,"co-button-group",{variant:[1],size:[1],direction:[1],disabled:[4]}]);function n(){"undefined"!=typeof customElements&&["co-button-group"].forEach((t=>{"co-button-group"===t&&(customElements.get(o(t))||customElements.define(o(t),e))}))}n();const c=e,s=n;export{c as CoButtonGroup,s as defineCustomElement}
+import{t as o,p as t,H as r,h as u}from"./index.js";const n=t(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="stroke",this.size="m",this.direction="row",this.disabled=!1}render(){return u("div",{key:"3d04106570e94fdd1787e5a1336b84b523c22607",class:{"co-button-group":!0,["co-button-group--"+this.direction]:!0,["co-button-group--"+this.variant]:!0,"co-button-group--disabled":this.disabled},role:"group"},u("slot",{key:"6121a73fbe3f565b251f4db3f9d2ab45450f0a3c"}))}static get style(){return":host{display:inline-flex}.co-button-group{display:inline-flex;gap:0}.co-button-group--row{flex-direction:row}.co-button-group--column{flex-direction:column}.co-button-group--row ::slotted(co-button){--co-btn-border-radius:0}.co-button-group--row ::slotted(co-button:first-child){--co-btn-border-radius-left:var(--co-border-radius-xs)}.co-button-group--row ::slotted(co-button:last-child){--co-btn-border-radius-right:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button){--co-btn-border-radius:0;width:100%}.co-button-group--column ::slotted(co-button:first-child){--co-btn-border-radius-top:var(--co-border-radius-xs)}.co-button-group--column ::slotted(co-button:last-child){--co-btn-border-radius-bottom:var(--co-border-radius-xs)}.co-button-group--stroke.co-button-group--row ::slotted(co-button:not(:first-child)){margin-left:-1px}.co-button-group--stroke.co-button-group--column ::slotted(co-button:not(:first-child)){margin-top:-1px}.co-button-group--disabled{opacity:0.4;pointer-events:none}"}},[257,"co-button-group",{variant:[1],size:[1],direction:[1],disabled:[4]}]);function s(){"undefined"!=typeof customElements&&["co-button-group"].forEach((t=>{"co-button-group"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))}s();const c=n,e=s;export{c as CoButtonGroup,e as defineCustomElement}

package/dist/components/co-button.js

@@ -1 +1 @@
-import{C as s,d as o}from"./p-ChLib-si.js";const i=s,p=o;export{i as CoButton,p as defineCustomElement}
+import{C as o,d as s}from"./p-CmxZEGYq.js";const m=o,p=s;export{m as CoButton,p as defineCustomElement}

package/dist/components/co-calendar-month.js

@@ -1 +1 @@
-import{C as o,d as p}from"./p-BQFperIX.js";const r=o,s=p;export{r as CoCalendarMonth,s as defineCustomElement}
+import{C as o,d as s}from"./p-CJNo2JDc.js";const p=o,r=s;export{p as CoCalendarMonth,r as defineCustomElement}

package/dist/components/co-calendar-timegrid.js

@@ -1 +1 @@
-import{C as o,d as p}from"./p-CDWXNRpo.js";const s=o,r=p;export{s as CoCalendarTimegrid,r as defineCustomElement}
+import{C as o,d as s}from"./p-Bh2__nEw.js";const p=o,r=s;export{p as CoCalendarTimegrid,r as defineCustomElement}

package/dist/components/co-calendar.js

@@ -1 +1 @@
-import{C as o,d as s}from"./p-mUoTCiYa.js";const a=o,m=s;export{a as CoCalendar,m as defineCustomElement}
+import{C as s,d as o}from"./p-Ce0ZJcks.js";const p=s,r=o;export{p as CoCalendar,r as defineCustomElement}

package/dist/components/co-card.js

@@ -1 +1 @@
-import{t as c,p as o,H as a,h as d}from"./index.js";const r=o(class extends a{constructor(c){super(),!1!==c&&this.__registerHost(),this.__attachShadow(),this.variant="elevated",this.padding="md",this.clickable=!1,this.stretch=!1,this.hasHeader=!1,this.hasFooter=!1,this.handleHeaderSlotChange=()=>{this.hasHeader=this.checkSlot("header")},this.handleFooterSlotChange=()=>{this.hasFooter=this.checkSlot("footer")}}checkSlot(c){var o,a,d;return(null!==(d=null===(a=null===(o=this.el.shadowRoot)||void 0===o?void 0:o.querySelector(`slot[name="${c}"]`))||void 0===a?void 0:a.assignedElements())&&void 0!==d?d:[]).length>0}render(){return d("div",{key:"52e3eb679a025b1b53854b38063b6fa951cf9f70",class:{"co-card":!0,["co-card--"+this.variant]:!0,["co-card--pad-"+this.padding]:!0,"co-card--clickable":this.clickable,"co-card--stretch":this.stretch},part:"card",role:this.clickable?"button":void 0,tabIndex:this.clickable?0:void 0},d("div",{key:"753b2277a6629673e8583774e126b2472709221d",class:{"co-card__header":!0,"co-card__header--empty":!this.hasHeader},part:"header"},d("slot",{key:"f73192e7fa291c8a2d831a0f9db7ebe8a7ef8907",name:"header",onSlotchange:this.handleHeaderSlotChange})),d("div",{key:"2916b424d3cb1feacf438678132d10217df51ad9",class:"co-card__body",part:"body"},d("slot",{key:"f957907056567d135c3de5d412251911c7cf8db0"})),d("div",{key:"f1f183b7d3eacbd11787e0cc3d0ef438f8272480",class:{"co-card__footer":!0,"co-card__footer--empty":!this.hasFooter},part:"footer"},d("slot",{key:"2171a95906d5b862c7b39a756cafee17d86f7dbc",name:"footer",onSlotchange:this.handleFooterSlotChange})))}get el(){return this}static get style(){return":host{display:block}:host([stretch]){height:100%}.co-card{display:flex;flex-direction:column;font-family:var(--co-font-family-primary);background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);overflow:hidden;box-sizing:border-box}.co-card--stretch{height:100%}.co-card--elevated{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06)}.co-card--outlined{border:1px solid var(--co-semantic-border-subtle)}.co-card--flat{background:var(--co-semantic-surface-muted)}.co-card--pad-none .co-card__header,.co-card--pad-none .co-card__body,.co-card--pad-none .co-card__footer{padding:0}.co-card--pad-none .co-card__header{border-bottom:none}.co-card--pad-none .co-card__footer{border-top:none}.co-card--pad-sm .co-card__header,.co-card--pad-sm .co-card__body,.co-card--pad-sm .co-card__footer{padding:var(--co-spacing-sm) var(--co-spacing-md)}.co-card--pad-md .co-card__header,.co-card--pad-md .co-card__body,.co-card--pad-md .co-card__footer{padding:var(--co-spacing-md) var(--co-spacing-lg)}.co-card--pad-lg .co-card__header,.co-card--pad-lg .co-card__body,.co-card--pad-lg .co-card__footer{padding:var(--co-spacing-lg) var(--co-spacing-xl)}.co-card__body{flex:1;display:flex;flex-direction:column}.co-card__header{border-bottom:1px solid var(--co-semantic-border-subtle)}.co-card__header--empty{display:none}.co-card__footer{border-top:1px solid var(--co-semantic-border-subtle)}.co-card__footer--empty{display:none}.co-card--clickable{cursor:pointer;transition:box-shadow 0.2s ease, transform 0.2s ease}.co-card--clickable:hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.06);transform:translateY(-2px)}.co-card--clickable:active{transform:translateY(0)}.co-card--clickable:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}"}},[257,"co-card",{variant:[1],padding:[1],clickable:[4],stretch:[516],hasHeader:[32],hasFooter:[32]}]);function e(){"undefined"!=typeof customElements&&["co-card"].forEach((o=>{"co-card"===o&&(customElements.get(c(o))||customElements.define(c(o),r))}))}e();const t=r,s=e;export{t as CoCard,s as defineCustomElement}
+import{t as o,p as c,H as a,h as d}from"./index.js";const r=c(class extends a{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.variant="elevated",this.padding="md",this.clickable=!1,this.stretch=!1,this.hasHeader=!1,this.hasFooter=!1,this.handleHeaderSlotChange=()=>{this.hasHeader=this.checkSlot("header")},this.handleFooterSlotChange=()=>{this.hasFooter=this.checkSlot("footer")}}checkSlot(o){var c,a,d;return(null!==(d=null===(a=null===(c=this.el.shadowRoot)||void 0===c?void 0:c.querySelector(`slot[name="${o}"]`))||void 0===a?void 0:a.assignedElements())&&void 0!==d?d:[]).length>0}render(){return d("div",{key:"c0d3f41a0cff0f996107efeb837028cb9df5622f",class:{"co-card":!0,["co-card--"+this.variant]:!0,["co-card--pad-"+this.padding]:!0,"co-card--clickable":this.clickable,"co-card--stretch":this.stretch},part:"card",role:this.clickable?"button":void 0,tabIndex:this.clickable?0:void 0},d("div",{key:"89c672edd380accecd0f6a56095b62d3d240e59d",class:{"co-card__header":!0,"co-card__header--empty":!this.hasHeader},part:"header"},d("slot",{key:"96adc4a95d1c92b04c2ba9dd30cf9397c593a71a",name:"header",onSlotchange:this.handleHeaderSlotChange})),d("div",{key:"996fa0fbf2d208968302546d22874cec83a7ee14",class:"co-card__body",part:"body"},d("slot",{key:"437234dfa32ac3d4b70f03db835f10a772ce462f"})),d("div",{key:"45c69a6951e26da78ef1ee010cb88fed12e69c91",class:{"co-card__footer":!0,"co-card__footer--empty":!this.hasFooter},part:"footer"},d("slot",{key:"0d782397843ed0c0219ad846712dff60df87a1b2",name:"footer",onSlotchange:this.handleFooterSlotChange})))}get el(){return this}static get style(){return":host{display:block}:host([stretch]){height:100%}.co-card{display:flex;flex-direction:column;font-family:var(--co-font-family-primary);background:var(--co-semantic-surface-page);border-radius:var(--co-border-radius-lg);overflow:hidden;box-sizing:border-box}.co-card--stretch{height:100%}.co-card--elevated{box-shadow:0 1px 3px rgba(0, 0, 0, 0.08), 0 2px 8px rgba(0, 0, 0, 0.06)}.co-card--outlined{border:1px solid var(--co-semantic-border-subtle)}.co-card--flat{background:var(--co-semantic-surface-muted)}.co-card--pad-none .co-card__header,.co-card--pad-none .co-card__body,.co-card--pad-none .co-card__footer{padding:0}.co-card--pad-none .co-card__header{border-bottom:none}.co-card--pad-none .co-card__footer{border-top:none}.co-card--pad-sm .co-card__header,.co-card--pad-sm .co-card__body,.co-card--pad-sm .co-card__footer{padding:var(--co-spacing-sm) var(--co-spacing-md)}.co-card--pad-md .co-card__header,.co-card--pad-md .co-card__body,.co-card--pad-md .co-card__footer{padding:var(--co-spacing-md) var(--co-spacing-lg)}.co-card--pad-lg .co-card__header,.co-card--pad-lg .co-card__body,.co-card--pad-lg .co-card__footer{padding:var(--co-spacing-lg) var(--co-spacing-xl)}.co-card__body{flex:1;display:flex;flex-direction:column}.co-card__header{border-bottom:1px solid var(--co-semantic-border-subtle)}.co-card__header--empty{display:none}.co-card__footer{border-top:1px solid var(--co-semantic-border-subtle)}.co-card__footer--empty{display:none}.co-card--clickable{cursor:pointer;transition:box-shadow var(--co-motion-duration-base) var(--co-motion-ease-out), transform var(--co-motion-duration-base) var(--co-motion-ease-out)}.co-card--clickable:hover{box-shadow:0 4px 16px rgba(0, 0, 0, 0.1), 0 8px 24px rgba(0, 0, 0, 0.06);transform:translateY(-2px)}.co-card--clickable:active{transform:translateY(0)}.co-card--clickable:focus-visible{outline:2px solid var(--co-semantic-border-focus);outline-offset:2px}"}},[257,"co-card",{variant:[1],padding:[1],clickable:[4],stretch:[516],hasHeader:[32],hasFooter:[32]}]);function e(){"undefined"!=typeof customElements&&["co-card"].forEach((c=>{"co-card"===c&&(customElements.get(o(c))||customElements.define(o(c),r))}))}e();const t=r,s=e;export{t as CoCard,s as defineCustomElement}

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

@@ -1 +1 @@
-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}
+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:"1c40138cc7732c414e5355dc9e0e77a1424f005e",role:"group","aria-roledescription":"slide"},o("slot",{key:"55d8ca50e2831597de8c142abecd1400394bc546"}))}static get style(){return":host{display:block;flex:0 0 100%;min-width:100%;box-sizing:border-box}"}},[257,"co-carousel-item"]);function i(){"undefined"!=typeof customElements&&["co-carousel-item"].forEach((t=>{"co-carousel-item"===t&&(customElements.get(e(t))||customElements.define(e(t),r))}))}i();const n=r,a=i;export{n as CoCarouselItem,a as defineCustomElement}

package/dist/components/co-carousel.js

@@ -1 +1 @@
-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}
+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-CnNpoKwg.js";import{d as c}from"./p-BCnjq3jN.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:"6f8c3beab5f19295967112e74f2e6a6851ea5540"},o("div",{key:"b9c208d9157085b462812114dec5ff08269147d2",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:"eae4ec92ae6e6fdbe79b5a519bafc6673aef2b79",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:"a322e37ee9c414b38215de1ba2ba3f2f0a0a1bba",class:"co-carousel__track",part:"track",style:c,"aria-live":this.rotating?"off":"polite"},o("slot",{key:"f4fcfbe79986c5883acc1f04f2fb064991713b7d",onSlotchange:this.handleSlotChange}))),this.arrows&&s&&o("button",{key:"8c2b328e0d4303079b50d498f36e1148dbd10236",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:"126f86fe6944188ff046a1257a911d3478b571d1",name:"caret-left",size:18,weight:"bold"})),this.arrows&&s&&o("button",{key:"1139fadd622c526aaed8e0603dfec25215257ca4",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:"d10dececc05054417ce07c15e435f516e3836f64",name:"caret-right",size:18,weight:"bold"})),this.dots&&s&&o("div",{key:"97c9b77dc7b838b75ee152f3f2cbdc85025b8df8",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 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-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}
+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-BCnjq3jN.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 var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);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-BnkGlFYy.js";const p=o,r=s;export{p as CoCheckbox,r as defineCustomElement}
+import{C as o,d as s}from"./p-Cv5yuGLz.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-CfeNhAHW.js";const p=o,r=s;export{p as CoChip,r as defineCustomElement}
+import{C as o,d as s}from"./p-xvWmYN3W.js";const m=o,p=s;export{m as CoChip,p 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-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}
+import{t as o,p as e,H as r,c,h as i}from"./index.js";import{R as a}from"./p-CWneqh4n.js";import{d as t}from"./p-BCnjq3jN.js";import{d as s}from"./p-DTJsO_Eg.js";const n=[{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"}],l=e(class extends r{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coChange=c(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 n}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:"39bee984713a560a11494da8bcceab036edc81d5",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:"765670fbc4a69ebf4879c0df7e92b3ba0981a110",class:"co-color-picker__label"},this.label,i(a,{key:"0c6e39571005901dbe0dd2ebf00403a9974cb3ff",required:this.required})),i("co-popover",{key:"67265bd33c0925214d995147c8903c2006b06eee",open:this.isOpen,placement:"bottom-start",matchWidth:!0,offset:4,onCoOpen:this.handlePopoverOpen,onCoClose:this.handlePopoverClose},i("div",{key:"a4e2faa594b882fae5bf8de6e45a1724da4960c9",slot:"trigger",class:"co-color-picker__trigger"},i("span",{key:"5a51908a5b101c580e2485080f7fbcad16ab686a",class:"co-color-picker__swatch",style:{background:e?this.value:"transparent"}}),i("span",{key:"e24a5ffb3e920b01326658bca60d677035ab29ad",class:"co-color-picker__value "+(e?"":"co-color-picker__value--empty")},e?this.value:this.placeholder)),this.isOpen&&i("div",{key:"637e89f21b39dcb734b368d45b7d0d6461a0a0a8",class:"co-color-picker__panel"},i("div",{key:"0cf67e473e847afe6219eb39279a971a37f25c60",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:"217066b5de2b03887e4dc98e13802eadcf0c02f7",class:"co-color-picker__hex-row"},i("span",{key:"11d1ef4a88cad73e838357b924c0e72d1088ba50",class:"co-color-picker__hex-prefix"},"#"),i("span",{key:"c2669ea08315ba1597468a1a7d8570fa83d069df",class:"co-color-picker__hex-value"},this.value.replace(/^#/,"")),i("button",{key:"86683f2cc0e34bb7f38fdc7a5722a6670b5df4bf",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:"73e74f4d090c64e991dbf08a618ff1a3560cfce9",name:this.copied?"check":"copy",size:16}))))),this.helperText&&i("div",{key:"ed69274b319c7113aa8f04dca3efbc58de520040",class:"co-color-picker__helper"},this.statusIcon&&i("co-icon",{key:"8cf77ec66eb909c1fd669422f77980a5b4a87939",name:this.statusIcon,size:14,weight:"fill",class:"co-color-picker__helper-icon"}),i("span",{key:"965655ec9f90401dcfac3f73872e78ab0d3dcae6",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 var(--co-motion-duration-fast) var(--co-motion-ease-out), box-shadow var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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 var(--co-motion-duration-fast) var(--co-motion-ease-out), border-color var(--co-motion-duration-fast) var(--co-motion-ease-out);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 var(--co-motion-duration-fast) var(--co-motion-ease-out), background var(--co-motion-duration-fast) var(--co-motion-ease-out)}.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),l);break;case"co-icon":customElements.get(o(e))||t();break;case"co-popover":customElements.get(o(e))||s()}}))}p();const d=l,f=p;export{d as CoColorPicker,f as defineCustomElement}