@prolibu-suite/cobalt-core 0.11.0 → 0.11.2

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

@@ -1 +1 @@
-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-B3kKOgsA.js";import{d as s}from"./p-BcXdId8y.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:"44994727b254742807ea5f9aa8eab97e621b623c",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:"0a2c1c9a2d78c91616c7453cf464e6d0b35604e3",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"dc0f171a5daf70f1bc9d17cd9208449d778686b6",class:"co-action-bar__label",part:"label"},e("slot",{key:"68255bae861d9f3c5bdf1ebf49983487dfcc0086",name:"label"},this.label)),e("div",{key:"38b1b684b3c5b9aeddaf146219d977d9438804fa",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"6856aa1045f7a716fe33fc7b99f125175053325d"})),!1!==this.dismissible&&e("co-icon-button",{key:"558f6857a0e8128fdd7ead83947b27069d473539",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(100% - 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}
+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-KK2vAKs-.js";import{d as s}from"./p-DsuFNmTI.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:"142b59b00b772502ea25dfb13537b9b3dd546080",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:"8d250df3de2ac4a0c656f90e43f113d0cf2725e2",class:"co-action-bar__live","aria-live":"polite"},this.liveText),e("span",{key:"0787a2c1d6a145dd95c6cca688b8a410c50dd8db",class:"co-action-bar__label",part:"label"},e("slot",{key:"ece9079fc9e5a06a75b4f9ff4da8d5b9c0362bbf",name:"label"},this.label)),e("div",{key:"29a587420ce044ee0fa1502bef229c15ab287a79",class:"co-action-bar__actions",part:"actions"},e("slot",{key:"359ce62b1f45b4c3292ee575b5a4bcf9c684fc07"})),!1!==this.dismissible&&e("co-icon-button",{key:"66439f013f0e3de6f184f6e600cd1eb5bca3b004",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(100% - 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,b=r;export{l as CoActionBar,b as defineCustomElement}

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

@@ -1 +1 @@
-import{t as r,p as a,H as e,c as o,h as s,a as t}from"./index.js";const c=a(class extends e{constructor(r){super(),!1!==r&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return s(t,{key:"6c6062fe507ad4000b316f249063d4adeb781bc2"},s("aside",{key:"627e78f81460aecf933757d743a1517545055b90",class:"sidebar",part:"sidebar"},s("div",{key:"f76c26b2b7a702b1652cde3ec891f232b5974ffb",class:"sidebar__header",part:"sidebar-header"},s("slot",{key:"72f4e04eea092d465742874633eab234b7eb8dd5",name:"sidebar-header"})),s("div",{key:"9a1490ddb0cd566d8711b6b611d685500c2f2d3e",class:"sidebar__body",part:"sidebar-body"},s("slot",{key:"35c209d25f06da6627c4b09fe3e60fbf45f5f766",name:"sidebar"})),s("div",{key:"6b976c9326cd0fcb267910c3016d8c73a08ce793",class:"sidebar__footer",part:"sidebar-footer"},s("slot",{key:"66274387d3b63e0dd04369c29f4efa60de7c915e",name:"sidebar-footer"}))),s("div",{key:"6bb53ff220634d5363447c11a485c5c316a0a926",class:"main co-sq-elevation co-sq-elevation-fallback",part:"main"},s("div",{key:"a394d95b686319a3b6d24af6ea85b12c677c50d3",class:"main__card co-sq-clip",part:"card"},s("header",{key:"a71028e8efd157c9e38691a94e61c0e20d60c06d",class:"main__header",part:"header"},s("slot",{key:"a8e9e4efc55445d49f117f35740cf43241d867af",name:"navbar"})),s("main",{key:"b0dcd0b69e185076bbf0c3f7e102712a87bca4a0",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},s("slot",{key:"e0709811ba6219c5a71253440df09b4872264968"})))))}static get style(){return'.co-sq-elevation{border-radius:var(--co-sq-r);corner-shape:squircle;box-shadow:var(--co-sq-shadow)}.co-sq-clip{overflow:hidden;border-radius:var(--co-sq-r);corner-shape:squircle}@supports not (corner-shape: squircle){.co-sq-elevation{box-shadow:none}.co-sq-elevation-fallback{filter:var(--co-sq-drop-shadow)}.co-sq-clip{border-radius:0;--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>");-webkit-mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,       linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,       linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,       linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,       linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat}}: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;contain:layout;--co-shell-r:var(--co-border-radius-md);--co-sq-r:var(--co-shell-r);--co-sq-shadow:var(--co-app-shell-shadow, 0 1px 4px rgba(31, 28, 27, 0.06), 0 10px 56px rgba(31, 28, 27, 0.12));--co-sq-drop-shadow:var(--co-app-shell-drop-shadow, drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12)))}.main__card{flex:1;min-height:0;display:flex;flex-direction:column}.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(r(a))||customElements.define(r(a),c))}))}i();const d=c,n=i;export{d as CoAppShell,n as defineCustomElement}
+import{t as a,p as r,H as e,c as o,h as c,a as s}from"./index.js";const t=r(class extends e{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return c(s,{key:"94ecab3775bfc41a8579c1d1c76c9312160aebad"},c("aside",{key:"3ddf6675b4d7ce1697c48e3e5885c1e303cdbc5f",class:"sidebar",part:"sidebar"},c("div",{key:"b64ecb693c193e4c8b4ac1e2facce961487e56cf",class:"sidebar__header",part:"sidebar-header"},c("slot",{key:"83d961e15824aea7b5fa7cc9da616d2e05da0cce",name:"sidebar-header"})),c("div",{key:"971f6ae8a723d811f2062963ab370a803284d5f8",class:"sidebar__body",part:"sidebar-body"},c("slot",{key:"be55e67e6344346e92eaf086fa139bc3e763949d",name:"sidebar"})),c("div",{key:"5b6680a3368ce37e0e34f99e8544e0007d1131c2",class:"sidebar__footer",part:"sidebar-footer"},c("slot",{key:"b0f72b695b2d5fd89e30d64982f9f43370c81341",name:"sidebar-footer"}))),c("div",{key:"fa85fc8ea88350e90df48e3853429641d6527014",class:"main co-sq-elevation co-sq-elevation-fallback",part:"main"},c("div",{key:"7a258e3649bb03756d8e56c69e1777bb9006cd53",class:"main__card co-sq-clip",part:"card"},c("header",{key:"bdfc99ad70e4c9772da3e8c99d631d2f7cbd7436",class:"main__header",part:"header"},c("slot",{key:"f697503aac1963ba4c86e57d45e5e5a3fe4781ee",name:"navbar"})),c("main",{key:"ca66e612ed04f5f829a0b75ac509c01012a6b4a5",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},c("slot",{key:"b99b1ea67e4ae8c059a3dcb03c0a04bbc2af569b"})))))}static get style(){return'.co-sq-elevation{border-radius:var(--co-sq-r);corner-shape:squircle;box-shadow:var(--co-sq-shadow)}.co-sq-clip{overflow:hidden;border-radius:var(--co-sq-r);corner-shape:squircle}@supports not (corner-shape: squircle){.co-sq-elevation{box-shadow:none}.co-sq-elevation-fallback{filter:var(--co-sq-drop-shadow)}.co-sq-clip{border-radius:0;--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>");-webkit-mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,       linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,       linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-tr) top right / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-bl) bottom left / var(--co-sq-r) var(--co-sq-r) no-repeat,       var(--co-sq-br) bottom right / var(--co-sq-r) var(--co-sq-r) no-repeat,       linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-sq-r) + 2px) no-repeat,       linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-sq-r) + 2px) 100% no-repeat}}: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;contain:layout;--co-shell-r:var(--co-border-radius-md);--co-sq-r:var(--co-shell-r);--co-sq-shadow:var(--co-app-shell-shadow, 0 1px 4px rgba(31, 28, 27, 0.06), 0 10px 56px rgba(31, 28, 27, 0.12));--co-sq-drop-shadow:var(--co-app-shell-drop-shadow, drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06)) drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12)))}.main__card{flex:1;min-height:0;display:flex;flex-direction:column}.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((r=>{"co-app-shell"===r&&(customElements.get(a(r))||customElements.define(a(r),t))}))}i();const d=t,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 s,h as e}from"./index.js";import{d as o}from"./p-B3kKOgsA.js";function r(t){if(!Number.isFinite(t)||t<0)return"--:--";const i=Math.floor(t);return`${Math.floor(i/60)}:${(""+i%60).padStart(2,"0")}`}function c(t,i){const a=t.length;if(!a||i<=0)return[];const s=Math.max(1,Math.floor(a/i)),e=[];for(let o=0;o<i;o++){let i=0;const r=o*s;for(let e=r;e<r+s&&e<a;e++){const a=Math.abs(t[e]);a>i&&(i=a)}e.push(.12+.88*i)}return e}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=s(this,"coPlay",7),this.coPause=s(this,"coPause",7),this.coEnded=s(this,"coEnded",7),this.coError=s(this,"coError",7),this.coTimeUpdate=s(this,"coTimeUpdate",3),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=NaN,this.peaks=[],this.containerWidth=0,this.playbackRate=1,this.rawChannelData=null,this.decodedDuration=NaN,this.loadToken=0,this.onMeta=()=>{this.syncDuration(),this.applyPendingSeek()},this.pendingSeek=null,this.onCanPlay=()=>{this.isLoading=!1,this.applyPendingSeek()},this.onWaiting=()=>{this.isLoading=!0},this.onTime=()=>{var t;this.currentTime=(null===(t=this.audio)||void 0===t?void 0:t.currentTime)||0,this.coTimeUpdate.emit({currentTime:this.currentTime,duration:this.knownDuration})},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=>{const i=this.knownDuration;if(!this.audio||!this.waveEl||!i)return;const a=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=a*i,this.currentTime=this.audio.currentTime},this.onWaveKey=t=>{if(" "===t.key||"Enter"===t.key)return t.preventDefault(),void this.toggle();if(!this.audio)return;const i=this.knownDuration,a=this.audio.currentTime;if("ArrowRight"===t.key)this.audio.currentTime=i?Math.min(i,a+5):a+5;else{if("ArrowLeft"!==t.key)return;this.audio.currentTime=Math.max(0,a-5)}this.currentTime=this.audio.currentTime}}get knownDuration(){return Number.isFinite(this.duration)&&this.duration>0?this.duration:0}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.loadToken++,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(){this.teardown();const t=++this.loadToken;if(this.rawChannelData=null,this.decodedDuration=NaN,this.peaks=h(this.effectiveBars),this.currentTime=0,this.duration=NaN,this.playbackRate=1,this.hasError=!1,!this.src)return;if(this.isLoading=!0,this.extractPeaks(this.src,t),"undefined"==typeof Audio)return;const i=new Audio;i.preload=this.preload,i.crossOrigin="anonymous",i.src=this.src,i.addEventListener("loadedmetadata",this.onMeta),i.addEventListener("timeupdate",this.onTime),i.addEventListener("ended",this.onEnded),i.addEventListener("error",this.onErr),i.addEventListener("canplay",this.onCanPlay),i.addEventListener("waiting",this.onWaiting),this.audio=i}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,i){var a;let s;try{const a=window.OfflineAudioContext||window.webkitOfflineAudioContext,e=window.AudioContext||window.webkitAudioContext;if(!a&&!e||"undefined"==typeof fetch)return;s=a?new a(1,1,44100):new e;const o=await(await fetch(t)).arrayBuffer(),r=await s.decodeAudioData(o);if(i!==this.loadToken)return;this.rawChannelData=r.getChannelData(0),this.decodedDuration=r.duration,this.peaks=c(this.rawChannelData,this.effectiveBars)}catch(t){if(i!==this.loadToken)return;this.rawChannelData=null,this.decodedDuration=NaN,this.peaks=h(this.effectiveBars)}finally{try{await(null===(a=null==s?void 0:s.close)||void 0===a?void 0:a.call(s))}catch(t){}}i===this.loadToken&&this.syncDuration()}syncDuration(){var t,i;const a=function(t,i){return Number.isFinite(t)&&t>0?t:Number.isFinite(i)&&i>0?i:NaN}(null!==(i=null===(t=this.audio)||void 0===t?void 0:t.duration)&&void 0!==i?i:NaN,this.decodedDuration);Object.is(a,this.duration)||(this.duration=a)}applyPendingSeek(){if(null==this.pendingSeek||!this.audio)return;const t=this.pendingSeek;this.pendingSeek=null,this.audio.currentTime=t,this.currentTime=this.audio.currentTime,this.coTimeUpdate.emit({currentTime:this.currentTime,duration:this.knownDuration})}async seek(t){var i;if(!this.audio||!Number.isFinite(t))return;const a=this.knownDuration,s=Math.max(0,a?Math.min(a,t):t);this.audio.currentTime=s,Math.abs((null!==(i=this.audio.currentTime)&&void 0!==i?i:0)-s)>.05&&(this.pendingSeek=s),this.currentTime=s,this.coTimeUpdate.emit({currentTime:this.currentTime,duration:a})}async play(){if(this.audio&&!this.isPlaying&&!this.hasError)try{await this.audio.play(),this.isPlaying=!0,this.coPlay.emit()}catch(t){}}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.knownDuration,a=i?this.currentTime/i*100:0,s=i?Math.floor(i):void 0,o=(t,i,a=!1)=>e("rect",{key:"613a55cc16a6e30b15cc4536d4b4c2be36d8e9cb",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 e("div",{key:"c280d66da131a1275e55504ed6c7f149e4426a81",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"},e("button",{key:"66069dccca38a00ac2792dddb261ca086d7116ad",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},e("co-icon",{key:"7340e5754252c37e173aec9f5a1238a67f5ef0c5",name:this.hasError?"warning-circle":this.isPlaying?"pause":"play",weight:"fill",size:this.compact?12:14})),e("div",{key:"40d64e320e18543586503779780956da58865a89",class:"co-audio-player__wave",part:"wave",role:"slider",tabindex:"0","aria-label":"Progreso de reproducción","aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":Math.floor(this.currentTime),ref:t=>this.waveEl=t,onClick:t=>this.seekAt(t.clientX),onKeyDown:this.onWaveKey},e("svg",{key:"5ab7bd2f636bd6148ac99c72aa7e65919fa7b130",class:"co-audio-player__svg",viewBox:`0 0 ${t} 40`,preserveAspectRatio:"none","aria-hidden":"true"},this.peaks.map(((t,i)=>o(t,i))),e("clipPath",{key:"f9d0efe655633d90d9bbb3c4c13f73ac5669e2f8",id:"co-ap-clip"},e("rect",{key:"fce2341eb132c30c9cf460e5ebe528c1b4dbc881",x:"0",y:"0",width:a/100*t,height:40})),e("g",{key:"cf22c83391dd8e303f49a845eab2d3735ca5cc72","clip-path":"url(#co-ap-clip)"},this.peaks.map(((t,i)=>o(t,i,!0)))))),e("span",{key:"3cf02ddb3e26cab7964b295d188bb65122b30014",class:"co-audio-player__time",part:"time"},r(this.currentTime)," / ",r(this.duration)),!this.compact&&e("button",{key:"01768f7846ac3727b9e5cdd2578e7d805b10337e",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&&e("button",{key:"451b5775bcf1ed6482d915f63bf7fe2c4c380b7b",type:"button",class:"co-audio-player__dl",part:"download","aria-label":"Descargar",onClick:()=>this.download()},e("co-icon",{key:"2798eec7e679f74f9fa7e25e6f8d1b88fac068e7",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],seek:[64],play:[64]},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}
+import{t,p as i,H as a,c as s,h as e}from"./index.js";import{d as o}from"./p-KK2vAKs-.js";function r(t){if(!Number.isFinite(t)||t<0)return"--:--";const i=Math.floor(t);return`${Math.floor(i/60)}:${(""+i%60).padStart(2,"0")}`}function c(t,i){const a=t.length;if(!a||i<=0)return[];const s=Math.max(1,Math.floor(a/i)),e=[];for(let o=0;o<i;o++){let i=0;const r=o*s;for(let e=r;e<r+s&&e<a;e++){const a=Math.abs(t[e]);a>i&&(i=a)}e.push(.12+.88*i)}return e}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=s(this,"coPlay",7),this.coPause=s(this,"coPause",7),this.coEnded=s(this,"coEnded",7),this.coError=s(this,"coError",7),this.coTimeUpdate=s(this,"coTimeUpdate",3),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=NaN,this.peaks=[],this.containerWidth=0,this.playbackRate=1,this.rawChannelData=null,this.decodedDuration=NaN,this.loadToken=0,this.onMeta=()=>{this.syncDuration(),this.applyPendingSeek()},this.pendingSeek=null,this.onCanPlay=()=>{this.isLoading=!1,this.applyPendingSeek()},this.onWaiting=()=>{this.isLoading=!0},this.onTime=()=>{var t;this.currentTime=(null===(t=this.audio)||void 0===t?void 0:t.currentTime)||0,this.coTimeUpdate.emit({currentTime:this.currentTime,duration:this.knownDuration})},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=>{const i=this.knownDuration;if(!this.audio||!this.waveEl||!i)return;const a=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=a*i,this.currentTime=this.audio.currentTime},this.onWaveKey=t=>{if(" "===t.key||"Enter"===t.key)return t.preventDefault(),void this.toggle();if(!this.audio)return;const i=this.knownDuration,a=this.audio.currentTime;if("ArrowRight"===t.key)this.audio.currentTime=i?Math.min(i,a+5):a+5;else{if("ArrowLeft"!==t.key)return;this.audio.currentTime=Math.max(0,a-5)}this.currentTime=this.audio.currentTime}}get knownDuration(){return Number.isFinite(this.duration)&&this.duration>0?this.duration:0}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.loadToken++,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(){this.teardown();const t=++this.loadToken;if(this.rawChannelData=null,this.decodedDuration=NaN,this.peaks=h(this.effectiveBars),this.currentTime=0,this.duration=NaN,this.playbackRate=1,this.hasError=!1,!this.src)return;if(this.isLoading=!0,this.extractPeaks(this.src,t),"undefined"==typeof Audio)return;const i=new Audio;i.preload=this.preload,i.crossOrigin="anonymous",i.src=this.src,i.addEventListener("loadedmetadata",this.onMeta),i.addEventListener("timeupdate",this.onTime),i.addEventListener("ended",this.onEnded),i.addEventListener("error",this.onErr),i.addEventListener("canplay",this.onCanPlay),i.addEventListener("waiting",this.onWaiting),this.audio=i}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,i){var a;let s;try{const a=window.OfflineAudioContext||window.webkitOfflineAudioContext,e=window.AudioContext||window.webkitAudioContext;if(!a&&!e||"undefined"==typeof fetch)return;s=a?new a(1,1,44100):new e;const o=await(await fetch(t)).arrayBuffer(),r=await s.decodeAudioData(o);if(i!==this.loadToken)return;this.rawChannelData=r.getChannelData(0),this.decodedDuration=r.duration,this.peaks=c(this.rawChannelData,this.effectiveBars)}catch(t){if(i!==this.loadToken)return;this.rawChannelData=null,this.decodedDuration=NaN,this.peaks=h(this.effectiveBars)}finally{try{await(null===(a=null==s?void 0:s.close)||void 0===a?void 0:a.call(s))}catch(t){}}i===this.loadToken&&this.syncDuration()}syncDuration(){var t,i;const a=function(t,i){return Number.isFinite(t)&&t>0?t:Number.isFinite(i)&&i>0?i:NaN}(null!==(i=null===(t=this.audio)||void 0===t?void 0:t.duration)&&void 0!==i?i:NaN,this.decodedDuration);Object.is(a,this.duration)||(this.duration=a)}applyPendingSeek(){if(null==this.pendingSeek||!this.audio)return;const t=this.pendingSeek;this.pendingSeek=null,this.audio.currentTime=t,this.currentTime=this.audio.currentTime,this.coTimeUpdate.emit({currentTime:this.currentTime,duration:this.knownDuration})}async seek(t){var i;if(!this.audio||!Number.isFinite(t))return;const a=this.knownDuration,s=Math.max(0,a?Math.min(a,t):t);this.audio.currentTime=s,Math.abs((null!==(i=this.audio.currentTime)&&void 0!==i?i:0)-s)>.05&&(this.pendingSeek=s),this.currentTime=s,this.coTimeUpdate.emit({currentTime:this.currentTime,duration:a})}async play(){if(this.audio&&!this.isPlaying&&!this.hasError)try{await this.audio.play(),this.isPlaying=!0,this.coPlay.emit()}catch(t){}}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.knownDuration,a=i?this.currentTime/i*100:0,s=i?Math.floor(i):void 0,o=(t,i,a=!1)=>e("rect",{key:"4b294190b3be5e7cf15282d43e7e51164a3dda4c",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 e("div",{key:"0758a438c4a71e822de94f8b41219945f62ae62d",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"},e("button",{key:"4c4161e7ba7344a9c6a32dcc8fd92c300b750d95",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},e("co-icon",{key:"ea749ee1cf627a49e3859029ca274170c8d69c63",name:this.hasError?"warning-circle":this.isPlaying?"pause":"play",weight:"fill",size:this.compact?12:14})),e("div",{key:"f39bf8bf114860a672979fa53287672dccea1b7f",class:"co-audio-player__wave",part:"wave",role:"slider",tabindex:"0","aria-label":"Progreso de reproducción","aria-valuemin":0,"aria-valuemax":s,"aria-valuenow":Math.floor(this.currentTime),ref:t=>this.waveEl=t,onClick:t=>this.seekAt(t.clientX),onKeyDown:this.onWaveKey},e("svg",{key:"2145f303271ca676988999b5ea7d76ab384c5e2d",class:"co-audio-player__svg",viewBox:`0 0 ${t} 40`,preserveAspectRatio:"none","aria-hidden":"true"},this.peaks.map(((t,i)=>o(t,i))),e("clipPath",{key:"6014c9f96f5df60086265a5e01344be80ebff741",id:"co-ap-clip"},e("rect",{key:"5857fa3098fc0eb9df58b643c2b44316cf819ae8",x:"0",y:"0",width:a/100*t,height:40})),e("g",{key:"241608ddfdb863ba5b18444ed2bffb39e72abeb5","clip-path":"url(#co-ap-clip)"},this.peaks.map(((t,i)=>o(t,i,!0)))))),e("span",{key:"18f190b8b23f8939da5dd2c230214d42a5b330c1",class:"co-audio-player__time",part:"time"},r(this.currentTime)," / ",r(this.duration)),!this.compact&&e("button",{key:"4a29cae938ab347997bc76e0cfe5621b402730f7",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&&e("button",{key:"c451449e629584bc3937b27b31b1124e510af91e",type:"button",class:"co-audio-player__dl",part:"download","aria-label":"Descargar",onClick:()=>this.download()},e("co-icon",{key:"f4d014129829ab57ddae0d3e32b1e0930f1bc288",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],seek:[64],play:[64]},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 i}from"./p-CWneqh4n.js";import{d as s}from"./p-BOqtnWTJ.js";import{d as r}from"./p-CfJgypOl.js";import{d as l}from"./p-B3kKOgsA.js";import{d as n}from"./p-BQltjDw5.js";import{d as p}from"./p-BH184F0X.js";import{d as h}from"./p-f2xwcrXa.js";import{d}from"./p-FA1kBmZ-.js";const u=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;}.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 m(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-kbd","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),u);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-kbd":customElements.get(e(t))||n();break;case"co-loader":customElements.get(e(t))||p();break;case"co-option-list":customElements.get(e(t))||h();break;case"co-tooltip":customElements.get(e(t))||d()}}))}m();const f=u,b=m;export{f as CoAutocomplete,b 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-VcrjNCew.js";import{d as r}from"./p-C_6szR7t.js";import{d as l}from"./p-KK2vAKs-.js";import{d as n}from"./p-8XzG8pzY.js";import{d as p}from"./p-BH184F0X.js";import{d as h}from"./p-Cnfd6Zze.js";import{d}from"./p-9VoFSbIH.js";const u=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:"02fe5e70777f1a39038af676c76032ae1fbecbc8",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:"a9237e72752d5d3921d70cb2d63a160625db7e62",class:"co-autocomplete__labels"},this.label&&a("label",{key:"f1284520b961bf6598e4b9c8a3d943b8b1aa847f",class:"co-autocomplete__label"},this.label,a(i,{key:"6c40530c3e2dca2b3adef8a8ce00c256b7070b48",required:this.required})),this.secondaryLabel&&a("span",{key:"37a0de4ba199f1bc6503543e18261623642c00cf",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"30ff3eacbf9634085b212135356c3edbef6e8df9",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"3b8c564aae36e7db59c39fcc31fda7d98f55fae8",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&t.length>0&&a("div",{key:"df7f0b08d2b456a048368f80c828ee83502b0a20",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:"e2d9cfa48001c20aa9e8a4ef5800135172b2aff9",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:"e58449cb033553a123f3c2b1daa9b9c62a571273",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"ea8021e0807cd0eece9933f84772f5f497d2a63c",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"67a2f961d0ece0178811aa04fd9e5a082976ef6a",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"562cc6f307edd60c361c60974d0423550d8f681a",class:"co-autocomplete__dropdown"},a("co-option-list",{key:"3dec3da0d38adb8986b57960c74b697ffbc211dd",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:"5c21f62defe09b0160aeec8eaeaa881408dbe964",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"166ccdb5f1e308bb0212c473881bb36a33a8d2e4",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"bf4b038b665c269484b3bf841b19c92d5b0ceb27",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;}.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 m(){"undefined"!=typeof customElements&&["co-autocomplete","co-avatar","co-chip","co-icon","co-kbd","co-loader","co-option-list","co-tooltip"].forEach((t=>{switch(t){case"co-autocomplete":customElements.get(e(t))||customElements.define(e(t),u);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-kbd":customElements.get(e(t))||n();break;case"co-loader":customElements.get(e(t))||p();break;case"co-option-list":customElements.get(e(t))||h();break;case"co-tooltip":customElements.get(e(t))||d()}}))}m();const f=u,b=m;export{f as CoAutocomplete,b as defineCustomElement}

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

@@ -1 +1 @@
-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-BOqtnWTJ.js";import{d as s}from"./p-B3kKOgsA.js";import{d as c}from"./p-BQltjDw5.js";import{d as n}from"./p-FA1kBmZ-.js";const l={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},v={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)"},p=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=l[this.size])&&void 0!==a?a:l.xs,n=null!==(o=v[this.size])&&void 0!==o?o:v.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:n},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 u(){"undefined"!=typeof customElements&&["co-avatar-group","co-avatar","co-icon","co-kbd","co-tooltip"].forEach((o=>{switch(o){case"co-avatar-group":customElements.get(a(o))||customElements.define(a(o),p);break;case"co-avatar":customElements.get(a(o))||i();break;case"co-icon":customElements.get(a(o))||s();break;case"co-kbd":customElements.get(a(o))||c();break;case"co-tooltip":customElements.get(a(o))||n()}}))}u();const d=p,f=u;export{d as CoAvatarGroup,f 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-VcrjNCew.js";import{d as s}from"./p-KK2vAKs-.js";import{d as c}from"./p-8XzG8pzY.js";import{d as n}from"./p-9VoFSbIH.js";const l={xl:80,lg:64,md:56,sm:48,xs:32,xxs:24},v={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)"},p=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=l[this.size])&&void 0!==a?a:l.xs,n=null!==(o=v[this.size])&&void 0!==o?o:v.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:"7e14b71d5b7391c15fcba50aa43964fdf65282e3",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:"f3cc2f5a9f1ceac07ea3b665e6bd0c87804d27ae",class:"co-avatar-group__slot",content:p,placement:"bottom"},r("div",{key:"c0b5fcb8df88917b06a2a9b36f1c2798f10730ff",class:"co-avatar-group__overflow",style:{width:c+"px",height:c+"px",fontSize:n},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 u(){"undefined"!=typeof customElements&&["co-avatar-group","co-avatar","co-icon","co-kbd","co-tooltip"].forEach((o=>{switch(o){case"co-avatar-group":customElements.get(a(o))||customElements.define(a(o),p);break;case"co-avatar":customElements.get(a(o))||i();break;case"co-icon":customElements.get(a(o))||s();break;case"co-kbd":customElements.get(a(o))||c();break;case"co-tooltip":customElements.get(a(o))||n()}}))}u();const d=p,f=u;export{d as CoAvatarGroup,f as defineCustomElement}

package/dist/components/co-avatar.js

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

package/dist/components/co-badge.js

@@ -1 +1 @@
-import{t as a,p as e,H as o,h as t}from"./index.js";const s=e(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.size="large",this.color="default",this.animated=!1}render(){return t("span",{key:"be0a55884e7afcf9761712b0318ad46f54a82786",class:{"co-badge":!0,["co-badge--"+this.size]:!0,["co-badge--"+this.color]:!0,"co-badge--animated":this.animated},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)}.co-badge--animated{animation:co-badge-pop var(--co-motion-duration-slower) var(--co-motion-ease-spring) both}@keyframes co-badge-pop{from{transform:scale(0);opacity:0;filter:blur(var(--co-motion-blur-sm))}to{transform:scale(1);opacity:1;filter:none}}"}},[1,"co-badge",{size:[1],color:[1],animated:[4]}]);function r(){"undefined"!=typeof customElements&&["co-badge"].forEach((e=>{"co-badge"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}r();const c=s,i=r;export{c as CoBadge,i as defineCustomElement}
+import{t as a,p as e,H as o,h as t}from"./index.js";const s=e(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.size="large",this.color="default",this.animated=!1}render(){return t("span",{key:"b22315d54caf4150b599d5a8b576a08e68f8bfea",class:{"co-badge":!0,["co-badge--"+this.size]:!0,["co-badge--"+this.color]:!0,"co-badge--animated":this.animated},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)}.co-badge--animated{animation:co-badge-pop var(--co-motion-duration-slower) var(--co-motion-ease-spring) both}@keyframes co-badge-pop{from{transform:scale(0);opacity:0;filter:blur(var(--co-motion-blur-sm))}to{transform:scale(1);opacity:1;filter:none}}"}},[1,"co-badge",{size:[1],color:[1],animated:[4]}]);function r(){"undefined"!=typeof customElements&&["co-badge"].forEach((e=>{"co-badge"===e&&(customElements.get(a(e))||customElements.define(a(e),s))}))}r();const c=s,i=r;export{c as CoBadge,i as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as o,H as e,c as s,h as i}from"./index.js";import{s as h}from"./p-CBX_oabB.js";function a(t,o=48){return t<=0?0:o*(1-1/(t/o+1))}const r=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=h(t)},this.handleHeaderSlotChange=t=>{this.hasHeaderSlot=h(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:a(s):-a(-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="")}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:"9afac86d3b0bdab25d92b283b079304b2801fdcf",class:{"co-bottom-sheet-root":!0,"co-bottom-sheet-root--open":this.open}},i("div",{key:"bc0152d32c577d2aafadcdcaae065aacb7442350",class:"co-bottom-sheet__backdrop",part:"backdrop",onClick:this.handleBackdropClick,ref:t=>this.backdropEl=t}),i("section",{key:"457847247df72eb810149148e0a02a13152b86c1",class:{"co-bottom-sheet":!0,"co-bottom-sheet--open":this.open},part:"sheet",role:"dialog","aria-modal":"true","aria-labelledby":this.hasHeaderSlot?"co-bottom-sheet-header":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:"b4acb6f614163fafe7c29c40664a646788cdb05b",class:"co-bottom-sheet__grip",onPointerDown:this.handleGripPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel},this.showHandle&&i("div",{key:"f72127311b1e3bf8939eac0bc227b98f8418e6f7",class:"co-bottom-sheet__handle",part:"handle","aria-hidden":"true"}),i("header",{key:"ba1be5188eb0e6eb3a0add620be5da8a99e65978",class:{"co-bottom-sheet__header":!0,"co-bottom-sheet__header--show":this.hasHeaderSlot||!!this.heading},part:"header",id:"co-bottom-sheet-header"},i("slot",{key:"53ab489d36588e8c7e604d16ae63b871a62cc833",name:"header",onSlotchange:this.handleHeaderSlotChange},this.heading&&i("h2",{key:"4519555ec9333f9c0af56e86cc67f7bad914e1b5",class:"co-bottom-sheet__heading",id:"co-bottom-sheet-heading"},this.heading)))),i("div",{key:"141df16f223b8a82fc1f412466669f999cbdba8a",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:"5299c10f8854ee5f32794608502777e08dc9cec7"})),i("footer",{key:"b3ec3a0aa7779829783aea2d64fde9b2199ed73c",class:{"co-bottom-sheet__footer":!0,"co-bottom-sheet__footer--show":this.hasFooter},part:"footer"},i("slot",{key:"d97f14b88decd35ccfbb4cc7e4f63446ef30a4b5",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 n(){"undefined"!=typeof customElements&&["co-bottom-sheet"].forEach((o=>{"co-bottom-sheet"===o&&(customElements.get(t(o))||customElements.define(t(o),r))}))}n();const c=r,d=n;export{c as CoBottomSheet,d as defineCustomElement}
+import{t,p as o,H as e,c as s,h as i}from"./index.js";import{s as h}from"./p-CBX_oabB.js";function a(t,o=48){return t<=0?0:o*(1-1/(t/o+1))}const r=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=h(t)},this.handleHeaderSlotChange=t=>{this.hasHeaderSlot=h(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:a(s):-a(-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="")}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:"43f05669ad96312f6bd2ee1c1d4698538f029e2c",class:{"co-bottom-sheet-root":!0,"co-bottom-sheet-root--open":this.open}},i("div",{key:"86040a5efd513a6c06bbe551f82bcdc619817ea3",class:"co-bottom-sheet__backdrop",part:"backdrop",onClick:this.handleBackdropClick,ref:t=>this.backdropEl=t}),i("section",{key:"46155a318f952b9be717a47497f1f513d3cf970f",class:{"co-bottom-sheet":!0,"co-bottom-sheet--open":this.open},part:"sheet",role:"dialog","aria-modal":"true","aria-labelledby":this.hasHeaderSlot?"co-bottom-sheet-header":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:"8b4a140b235f9803f71fb8717763651557ec6ca6",class:"co-bottom-sheet__grip",onPointerDown:this.handleGripPointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerUp,onPointerCancel:this.handlePointerCancel},this.showHandle&&i("div",{key:"0c61ae9e1faf72485cf5b8c529041f740831d3a1",class:"co-bottom-sheet__handle",part:"handle","aria-hidden":"true"}),i("header",{key:"cd7116cd2b12c66e6cde63753dab12eaab31d04c",class:{"co-bottom-sheet__header":!0,"co-bottom-sheet__header--show":this.hasHeaderSlot||!!this.heading},part:"header",id:"co-bottom-sheet-header"},i("slot",{key:"8343901cfdb86eef24e3bbc7e7a9d270eeed6ed0",name:"header",onSlotchange:this.handleHeaderSlotChange},this.heading&&i("h2",{key:"31874876e8fb9db7cf7ae57f3f704a569d4fb797",class:"co-bottom-sheet__heading",id:"co-bottom-sheet-heading"},this.heading)))),i("div",{key:"126a26708b6d4b70c8bb74f6a4cd7fe43f74e725",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:"c8f5034ea3de0265d05203befc31e961f8340694"})),i("footer",{key:"a2d40f9d6056df561388fa213995595a84044cd1",class:{"co-bottom-sheet__footer":!0,"co-bottom-sheet__footer--show":this.hasFooter},part:"footer"},i("slot",{key:"0d97eb87bc4de74db631629a478bd01ce5a473a6",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 n(){"undefined"!=typeof customElements&&["co-bottom-sheet"].forEach((o=>{"co-bottom-sheet"===o&&(customElements.get(t(o))||customElements.define(t(o),r))}))}n();const c=r,d=n;export{c as CoBottomSheet,d as defineCustomElement}

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

@@ -1 +1 @@
-import{C as o,d as r}from"./p-DfcPGitr.js";const s=o,t=r;export{s as CoBreadcrumbItem,t as defineCustomElement}
+import{C as o,d as r}from"./p-COozgrEk.js";const s=o,p=r;export{s as CoBreadcrumbItem,p 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-DfcPGitr.js";import{d as o}from"./p-B3kKOgsA.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:"c57f833d27edfc2848a8f72de1805968e9536b72",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-COozgrEk.js";import{d as o}from"./p-KK2vAKs-.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:"e368c6a9c2842ee88e66d72d33164653b623616b",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 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:"5975d27cfd432bfd859212059c4bc79d2d8107d2",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:"90c9338e9d00c71ae09189ebd0e70d8fa11e3825"}))}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 c(){"undefined"!=typeof customElements&&["co-button-group"].forEach((t=>{"co-button-group"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))}c();const s=n,e=c;export{s as CoButtonGroup,e 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:"2240bc00c44e532340b3ae288cc9df099b9e1846",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:"0a719f1a5f21883f5923cd9f20a818f467339846"}))}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 c(){"undefined"!=typeof customElements&&["co-button-group"].forEach((t=>{"co-button-group"===t&&(customElements.get(o(t))||customElements.define(o(t),n))}))}c();const s=n,e=c;export{s as CoButtonGroup,e as defineCustomElement}

package/dist/components/co-button.js

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

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

@@ -1 +1 @@
-import{C as o,d as s}from"./p-ChwSnCFf.js";const p=o,r=s;export{p as CoCalendarMonth,r as defineCustomElement}
+import{C as o,d as s}from"./p-CiYPJW0B.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 s}from"./p-Dg-Ti_Bf.js";const p=o,r=s;export{p as CoCalendarTimegrid,r as defineCustomElement}
+import{C as o,d as s}from"./p-Dnz99Ox_.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-BZDl9aFl.js";const a=o,p=s;export{a as CoCalendar,p as defineCustomElement}
+import{C as o,d as s}from"./p-D4XP17VP.js";const p=o,r=s;export{p as CoCalendar,r as defineCustomElement}

package/dist/components/co-card.js

@@ -1 +1 @@
-import{t as o,p as a,H as c,h as r}from"./index.js";const e=a(class extends c{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 a,c,r;return(null!==(r=null===(c=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector(`slot[name="${o}"]`))||void 0===c?void 0:c.assignedElements())&&void 0!==r?r:[]).length>0}render(){return r("div",{key:"e1ba367c02ad068e72d2daa1f90e2bbdcf262290",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},r("div",{key:"265eae5ea9ca7765fa84c135d3141b21a1495212",class:{"co-card__header":!0,"co-card__header--empty":!this.hasHeader},part:"header"},r("slot",{key:"c639a5613b94a6cd5afadee4a508de80744f61a5",name:"header",onSlotchange:this.handleHeaderSlotChange})),r("div",{key:"ace57349938320967253d0a6a32600c9a8580a47",class:"co-card__body",part:"body"},r("slot",{key:"85b3b510c8004fe9753bce5de6a1c39754d09b38"})),r("div",{key:"011b688e835090f81c85d5207fc80fc7794b48fe",class:{"co-card__footer":!0,"co-card__footer--empty":!this.hasFooter},part:"footer"},r("slot",{key:"565877135c3a16cbce2a8e15b0c9c4bc76dfbec1",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 d(){"undefined"!=typeof customElements&&["co-card"].forEach((a=>{"co-card"===a&&(customElements.get(o(a))||customElements.define(o(a),e))}))}d();const t=e,s=d;export{t as CoCard,s as defineCustomElement}
+import{t as o,p as a,H as c,h as d}from"./index.js";const r=a(class extends c{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 a,c,d;return(null!==(d=null===(c=null===(a=this.el.shadowRoot)||void 0===a?void 0:a.querySelector(`slot[name="${o}"]`))||void 0===c?void 0:c.assignedElements())&&void 0!==d?d:[]).length>0}render(){return d("div",{key:"662e725ff539d1696eeaa99a42f8160df8ba13ae",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:"63b8d7696663831f6151d66ea17855ce85421045",class:{"co-card__header":!0,"co-card__header--empty":!this.hasHeader},part:"header"},d("slot",{key:"b4318780fa0d1fb8c9475056d59b9dd3bf055594",name:"header",onSlotchange:this.handleHeaderSlotChange})),d("div",{key:"20d5231348b8031688380b08a8222f4bd3f68575",class:"co-card__body",part:"body"},d("slot",{key:"2946cc5d8d80cbc23f98e710b97cb77d542a019e"})),d("div",{key:"90dd12b60204cbd2e1ddb6752c8e6a413db7f860",class:{"co-card__footer":!0,"co-card__footer--empty":!this.hasFooter},part:"footer"},d("slot",{key:"de9d77a21962ed35d2862059d13910b1067d1573",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((a=>{"co-card"===a&&(customElements.get(o(a))||customElements.define(o(a),r))}))}e();const t=r,s=e;export{t as CoCard,s as defineCustomElement}

package/dist/components/co-carousel.js

@@ -1 +1 @@
-import{p as t,H as s,c as i,h as o,a as e,t as a}from"./index.js";import{l as r}from"./p-jYd9gu_c.js";import{d as c}from"./p-B3kKOgsA.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:"0a6bcad3e638f000faa62e097ea7ca5ddd4befa2"},o("div",{key:"ba81a5bb37400232010808adadc81e5cfe6c269e",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:"6cd3d1580bfcbc6cc37f5a6595249d7fa99eec76",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:"ee2d7b97a3efbf4571544eb05c070df5b766578b",class:"co-carousel__track",part:"track",style:c,"aria-live":this.rotating?"off":"polite"},o("slot",{key:"bea154687ae5058c2faaab4e5dfbeb620e6cde20",onSlotchange:this.handleSlotChange}))),this.arrows&&s&&o("button",{key:"78a660846e64ba45bb20af846d9a96b6d16f349b",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:"8994f7c1f5ca4d2f980b713686a3646f9da4ac02",name:"caret-left",size:18,weight:"bold"})),this.arrows&&s&&o("button",{key:"abcbe009342b5894fdb8ac21f5999e5acf7e5dbb",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:"ca6bb4aadcaa416f72e0b8073cdebc86d1c907a5",name:"caret-right",size:18,weight:"bold"})),this.dots&&s&&o("div",{key:"7f1d08a6845604507e010db822fbb4ce13ee4904",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}
+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-jYd9gu_c.js";import{d as c}from"./p-KK2vAKs-.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:"893a30dd314f5d04c78c1824317b80db6d4326d4"},o("div",{key:"799a7edfbd023adf57ea1e3dfb90fdd8e864954c",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:"d6227b5963125ff1e2f9433d63d6ffb632e2f50a",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:"74b2910ef5d37bd94f054984eb80f090c6a4f878",class:"co-carousel__track",part:"track",style:c,"aria-live":this.rotating?"off":"polite"},o("slot",{key:"b590ed5dd8ee443cf5875f929280cf860284cf3d",onSlotchange:this.handleSlotChange}))),this.arrows&&s&&o("button",{key:"92d9002c893bd3d200bc290cadb0cdf87fb2a493",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:"8608c83fb246ec45c2f34eb221d1f25dac51c680",name:"caret-left",size:18,weight:"bold"})),this.arrows&&s&&o("button",{key:"d1279fa7a3ebef36f2d590e5834a2b0484c2f6b3",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:"cfa98cc4aad1e658e63b7411638522687f6c3650",name:"caret-right",size:18,weight:"bold"})),this.dots&&s&&o("div",{key:"98fbe34ec71504ff2089f380cce0354b52753d08",class:"co-carousel__dots",part:"dots",role:"group","aria-label":t.pickSlide},Array.from({length:this.itemCount},((s,i)=>o("button",{class:{"co-carousel__dot":!0,"co-carousel__dot--active":i===this.value},part:"dot",type:"button","aria-current":i===this.value?"true":void 0,"aria-label":t.goToSlide.replace("{i}",i+1+""),onClick:()=>this.setActive(i)}))))))}get el(){return this}static get watchers(){return{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}}static get style(){return":host{display:block;font-family:var(--co-font-family-primary);--co-carousel-arrow-size:36px;--co-carousel-arrow-bg:var(--co-semantic-surface-page);--co-carousel-arrow-color:var(--co-semantic-text-default);--co-carousel-dot-size:6px;--co-carousel-dot-color:var(--co-semantic-border-default);--co-carousel-dot-active-color:var(--co-semantic-text-default);--co-carousel-transition:320ms cubic-bezier(0.25, 0.8, 0.4, 1)}.co-carousel{position:relative;width:100%;outline:none}.co-carousel:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:2px;border-radius:var(--co-border-radius-sm)}.co-carousel--16-9{aspect-ratio:16 / 9}.co-carousel--4-3{aspect-ratio:4 / 3}.co-carousel--1-1{aspect-ratio:1 / 1}.co-carousel--21-9{aspect-ratio:21 / 9}.co-carousel--auto{aspect-ratio:unset}.co-carousel--16-9 .co-carousel__viewport,.co-carousel--4-3 .co-carousel__viewport,.co-carousel--1-1 .co-carousel__viewport,.co-carousel--21-9 .co-carousel__viewport{position:absolute;inset:0}.co-carousel__viewport{overflow:hidden;width:100%;height:100%;touch-action:pan-y}.co-carousel__track{display:flex;width:100%;height:100%;transition:transform var(--co-carousel-transition);will-change:transform}@media (prefers-reduced-motion: reduce){.co-carousel__track{transition:none}}.co-carousel__arrow{position:absolute;top:50%;transform:translateY(-50%);width:var(--co-carousel-arrow-size);height:var(--co-carousel-arrow-size);display:flex;align-items:center;justify-content:center;border:1px solid var(--co-semantic-border-subtle);border-radius:50%;background:var(--co-carousel-arrow-bg);color:var(--co-carousel-arrow-color);cursor:pointer;padding:0;opacity:0.9;transition:opacity 120ms ease, background 120ms ease;z-index:1}.co-carousel__arrow:hover{opacity:1;background:var(--co-semantic-surface-hover)}.co-carousel__arrow:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:1px}.co-carousel__arrow--prev{left:var(--co-spacing-sm, 8px)}.co-carousel__arrow--next{right:var(--co-spacing-sm, 8px)}.co-carousel__arrow--disabled{opacity:0.35;cursor:default;pointer-events:none}.co-carousel__dots{position:absolute;left:50%;bottom:var(--co-spacing-sm, 8px);transform:translateX(-50%);display:flex;gap:6px;padding:6px 10px;border-radius:var(--co-border-radius-xl);background:color-mix(in srgb, var(--co-semantic-surface-page) 65%, transparent);backdrop-filter:blur(4px);z-index:1}.co-carousel__dot{width:var(--co-carousel-dot-size);height:var(--co-carousel-dot-size);border-radius:50%;border:none;padding:0;background:var(--co-carousel-dot-color);cursor:pointer;transition:background 120ms ease, width 200ms ease}.co-carousel__dot--active{background:var(--co-carousel-dot-active-color);width:calc(var(--co-carousel-dot-size) * 2.6);border-radius:var(--co-border-radius-xl)}.co-carousel__dot:focus-visible{outline:2px solid var(--co-semantic-border-focus-ring);outline-offset:1px}"}},[257,"co-carousel",{value:[1538],autoplay:[4],interval:[2],loop:[4],arrows:[4],dots:[4],pauseOnHover:[4,"pause-on-hover"],swipe:[4],aspectRatio:[1,"aspect-ratio"],locale:[1],itemCount:[32],dragDx:[32],dragging:[32],rotating:[32],next:[64],prev:[64],goTo:[64]},void 0,{value:[{watchValue:0}],locale:[{watchLocale:0}],autoplay:[{watchAutoplay:0}],interval:[{watchAutoplay:0}]}]);function d(){"undefined"!=typeof customElements&&["co-carousel","co-icon"].forEach((t=>{switch(t){case"co-carousel":customElements.get(a(t))||customElements.define(a(t),n);break;case"co-icon":customElements.get(a(t))||c()}}))}n.DRAG_SLOP=8,n.SWIPE_THRESHOLD=40,d();const u=n,p=d;export{u as CoCarousel,p as defineCustomElement}

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-B3kKOgsA.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);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-KK2vAKs-.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:"9b4ee043c35d0be7da49ca2881671830d900dcb7",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:"fca5265d4bd96a5792840319443f48f4871f9e10",class:"co-checkbox-group__labels"},this.label&&t("span",{key:"b53daed7cea22897e978dc83eee817d0b67e73d2",class:"co-checkbox-group__label"},this.label),this.secondaryLabel&&t("span",{key:"88eb49c68465e27f53f91cdf73d9748effca7d8b",class:"co-checkbox-group__secondary-label"},this.secondaryLabel)),t("div",{key:"dae5337bf83e5dbc46e0afc6fd6eed5bb4aee6db",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:"af541135d225b51ad80e39edd3d6947f2567dd75",class:"co-checkbox-group__helper co-checkbox-group__helper--"+this.status},this.statusIcon&&t("co-icon",{key:"52297bb73168c15af67b65eedaf6349a7c5dd6f3",name:this.statusIcon,size:14,weight:"fill",class:"co-checkbox-group__helper-icon"}),t("span",{key:"3ebd17867c2d36b0483d7620476bc5502c36fd73",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);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 p,d as o}from"./p-Dp650Gpp.js";const s=p,r=o;export{s as CoCheckbox,r as defineCustomElement}
+import{C as o,d as s}from"./p-BRZci8B3.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 p}from"./p-CfJgypOl.js";const s=o,r=p;export{s as CoChip,r as defineCustomElement}
+import{C as s,d as o}from"./p-C_6szR7t.js";const t=s,p=o;export{t as CoChip,p as defineCustomElement}

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

@@ -1 +1 @@
-import{t,p as o,H as r,c as i,h as a}from"./index.js";import{c as s,a as e}from"./p-COJdaKBU.js";const n=o(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coInput=i(this,"coInput",7),this.coChange=i(this,"coChange",7),this.hue=0,this.saturation=100,this.value=100,this.disabled=!1,this.dragging=!1,this.changedInGesture=!1,this.handlePointerDown=t=>{var o;this.disabled||0!==t.button||this.dragging||(t.preventDefault(),null===(o=this.areaEl)||void 0===o||o.focus({preventScroll:!0}),this.capturePointer(t),this.dragging=!0,this.activePointerId=t.pointerId,this.changedInGesture=!1,this.applyPointer(t))},this.handlePointerMove=t=>{this.isActivePointer(t)&&this.applyPointer(t)},this.handlePointerEnd=t=>{if(!this.isActivePointer(t))return;this.dragging=!1,this.activePointerId=void 0,this.releasePointer(t);const o=this.changedInGesture;this.changedInGesture=!1,o&&this.coChange.emit(this.detail)},this.handleKeyDown=t=>{if(this.disabled)return;const o=t.shiftKey?10:1;let r=0,i=0;switch(t.key){case"ArrowRight":r=o;break;case"ArrowLeft":r=-o;break;case"ArrowUp":i=o;break;case"ArrowDown":i=-o;break;default:return}t.preventDefault();const a=s(this.saturation+r,0,100),e=s(this.value+i,0,100);this.commitInput(a,e)&&this.coChange.emit(this.detail)}}get detail(){return{saturation:this.saturation,value:this.value}}isActivePointer(t){return this.dragging&&t.pointerId==this.activePointerId}capturePointer(t){const o=this.areaEl;if(o&&"function"==typeof o.setPointerCapture&&null!=t.pointerId)try{o.setPointerCapture(t.pointerId)}catch(t){}}releasePointer(t){const o=this.areaEl;if(o&&"function"==typeof o.releasePointerCapture&&null!=t.pointerId)try{o.releasePointerCapture(t.pointerId)}catch(t){}}applyPointer(t){var o;const r=null===(o=this.areaEl)||void 0===o?void 0:o.getBoundingClientRect();if(!r||r.width<=0||r.height<=0)return;const i=100*s((t.clientX-r.left)/r.width,0,1),a=100*(1-s((t.clientY-r.top)/r.height,0,1));this.commitInput(i,a)}commitInput(t,o){return(t!==this.saturation||o!==this.value)&&(this.saturation=t,this.value=o,this.dragging&&(this.changedInGesture=!0),this.coInput.emit(this.detail),!0)}render(){var t,o,r;const i=null!==(t=this.hue)&&void 0!==t?t:0,n=s(null!==(o=this.saturation)&&void 0!==o?o:100,0,100),c=s(null!==(r=this.value)&&void 0!==r?r:100,0,100),h=e({h:i,s:n,v:c});return a("div",{key:"e8915d2faeda1cdb28b509b5180b51ac43c5d9ca",class:{"co-color-area":!0,"co-color-area--disabled":this.disabled,"co-color-area--dragging":this.dragging},style:{"--co-color-area-hue":i+""},role:"slider",tabIndex:this.disabled?-1:0,"aria-label":this.label||void 0,"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":Math.round(n)+"","aria-valuetext":`S ${Math.round(n)}% V ${Math.round(c)}%`,"aria-disabled":this.disabled?"true":void 0,ref:t=>this.areaEl=t,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerEnd,onPointerCancel:this.handlePointerEnd,onKeyDown:this.handleKeyDown},a("div",{key:"9aa7ce683df8b57debdd13c70136d19a53cd4ca0",class:"co-color-thumb co-color-area__thumb",part:"thumb",style:{left:n+"%",top:100-c+"%","--co-color-thumb-fill":h}}))}get el(){return this}static get style(){return".co-color-thumb{position:absolute;box-sizing:border-box;width:var(--co-color-thumb-size, 16px);height:var(--co-color-thumb-size, 16px);border-radius:var(--co-border-radius-full);border:4px solid var(--co-color-base-blanco, #fff);background:var(--co-color-thumb-fill, transparent);box-shadow:0 0 0 1px var(--co-color-thumb-hairline, var(--co-semantic-border-hairline)),     var(--co-shadow-lg);transform:translate(-50%, -50%);pointer-events:none;transition:left var(--co-motion-duration-instant) var(--co-motion-ease-out),     top var(--co-motion-duration-instant) var(--co-motion-ease-out)}:host{display:block;width:100%;--co-color-area-radius:var(--co-border-radius-xs);}.co-color-area{position:relative;box-sizing:border-box;width:100%;aspect-ratio:236 / 200;border-radius:var(--co-color-area-radius);background:linear-gradient(to top, #000, transparent),     linear-gradient(to right, #fff, hsl(var(--co-color-area-hue, 0) 100% 50%));cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.co-color-area--disabled{opacity:0.4;cursor:not-allowed}.co-color-area--dragging .co-color-area__thumb{transition:none}.co-color-area:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus)}"}},[1,"co-color-area",{hue:[2],saturation:[1026],value:[1026],disabled:[4],label:[1],dragging:[32]}]);function c(){"undefined"!=typeof customElements&&["co-color-area"].forEach((o=>{"co-color-area"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}c();const h=n,l=c;export{h as CoColorArea,l as defineCustomElement}
+import{t,p as o,H as r,c as i,h as s}from"./index.js";import{c as a,a as e}from"./p-COJdaKBU.js";const n=o(class extends r{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.coInput=i(this,"coInput",7),this.coChange=i(this,"coChange",7),this.hue=0,this.saturation=100,this.value=100,this.disabled=!1,this.dragging=!1,this.changedInGesture=!1,this.handlePointerDown=t=>{var o;this.disabled||0!==t.button||this.dragging||(t.preventDefault(),null===(o=this.areaEl)||void 0===o||o.focus({preventScroll:!0}),this.capturePointer(t),this.dragging=!0,this.activePointerId=t.pointerId,this.changedInGesture=!1,this.applyPointer(t))},this.handlePointerMove=t=>{this.isActivePointer(t)&&this.applyPointer(t)},this.handlePointerEnd=t=>{if(!this.isActivePointer(t))return;this.dragging=!1,this.activePointerId=void 0,this.releasePointer(t);const o=this.changedInGesture;this.changedInGesture=!1,o&&this.coChange.emit(this.detail)},this.handleKeyDown=t=>{if(this.disabled)return;const o=t.shiftKey?10:1;let r=0,i=0;switch(t.key){case"ArrowRight":r=o;break;case"ArrowLeft":r=-o;break;case"ArrowUp":i=o;break;case"ArrowDown":i=-o;break;default:return}t.preventDefault();const s=a(this.saturation+r,0,100),e=a(this.value+i,0,100);this.commitInput(s,e)&&this.coChange.emit(this.detail)}}get detail(){return{saturation:this.saturation,value:this.value}}isActivePointer(t){return this.dragging&&t.pointerId==this.activePointerId}capturePointer(t){const o=this.areaEl;if(o&&"function"==typeof o.setPointerCapture&&null!=t.pointerId)try{o.setPointerCapture(t.pointerId)}catch(t){}}releasePointer(t){const o=this.areaEl;if(o&&"function"==typeof o.releasePointerCapture&&null!=t.pointerId)try{o.releasePointerCapture(t.pointerId)}catch(t){}}applyPointer(t){var o;const r=null===(o=this.areaEl)||void 0===o?void 0:o.getBoundingClientRect();if(!r||r.width<=0||r.height<=0)return;const i=100*a((t.clientX-r.left)/r.width,0,1),s=100*(1-a((t.clientY-r.top)/r.height,0,1));this.commitInput(i,s)}commitInput(t,o){return(t!==this.saturation||o!==this.value)&&(this.saturation=t,this.value=o,this.dragging&&(this.changedInGesture=!0),this.coInput.emit(this.detail),!0)}render(){var t,o,r;const i=null!==(t=this.hue)&&void 0!==t?t:0,n=a(null!==(o=this.saturation)&&void 0!==o?o:100,0,100),c=a(null!==(r=this.value)&&void 0!==r?r:100,0,100),h=e({h:i,s:n,v:c});return s("div",{key:"6611eb74820088bdd7fd23a915cc5f0fd4b29f17",class:{"co-color-area":!0,"co-color-area--disabled":this.disabled,"co-color-area--dragging":this.dragging},style:{"--co-color-area-hue":i+""},role:"slider",tabIndex:this.disabled?-1:0,"aria-label":this.label||void 0,"aria-valuemin":"0","aria-valuemax":"100","aria-valuenow":Math.round(n)+"","aria-valuetext":`S ${Math.round(n)}% V ${Math.round(c)}%`,"aria-disabled":this.disabled?"true":void 0,ref:t=>this.areaEl=t,onPointerDown:this.handlePointerDown,onPointerMove:this.handlePointerMove,onPointerUp:this.handlePointerEnd,onPointerCancel:this.handlePointerEnd,onKeyDown:this.handleKeyDown},s("div",{key:"480fedf78cd542849742c351c64f1a1f6ec91cbd",class:"co-color-thumb co-color-area__thumb",part:"thumb",style:{left:n+"%",top:100-c+"%","--co-color-thumb-fill":h}}))}get el(){return this}static get style(){return".co-color-thumb{position:absolute;box-sizing:border-box;width:var(--co-color-thumb-size, 16px);height:var(--co-color-thumb-size, 16px);border-radius:var(--co-border-radius-full);border:4px solid var(--co-color-base-blanco, #fff);background:var(--co-color-thumb-fill, transparent);box-shadow:0 0 0 1px var(--co-color-thumb-hairline, var(--co-semantic-border-hairline)),     var(--co-shadow-lg);transform:translate(-50%, -50%);pointer-events:none;transition:left var(--co-motion-duration-instant) var(--co-motion-ease-out),     top var(--co-motion-duration-instant) var(--co-motion-ease-out)}:host{display:block;width:100%;--co-color-area-radius:var(--co-border-radius-xs);}.co-color-area{position:relative;box-sizing:border-box;width:100%;aspect-ratio:236 / 200;border-radius:var(--co-color-area-radius);background:linear-gradient(to top, #000, transparent),     linear-gradient(to right, #fff, hsl(var(--co-color-area-hue, 0) 100% 50%));cursor:crosshair;touch-action:none;user-select:none;-webkit-user-select:none;outline:none}.co-color-area--disabled{opacity:0.4;cursor:not-allowed}.co-color-area--dragging .co-color-area__thumb{transition:none}.co-color-area:focus-visible{outline:none;box-shadow:0 0 0 2px var(--co-semantic-border-focus)}"}},[1,"co-color-area",{hue:[2],saturation:[1026],value:[1026],disabled:[4],label:[1],dragging:[32]}]);function c(){"undefined"!=typeof customElements&&["co-color-area"].forEach((o=>{"co-color-area"===o&&(customElements.get(t(o))||customElements.define(t(o),n))}))}c();const h=n,l=c;export{h as CoColorArea,l as defineCustomElement}