@prolibu-suite/cobalt-core 0.3.0 → 0.4.0

package/dist/collection/components/co-toggle-button/co-toggle-button.js

@@ -5,6 +5,9 @@ export class CoToggleButton {
         this.value = '';
         this.size = 'm';
         this.disabled = false;
+        /** Visual variant. 'track' renders the button as a detached rounded pill for a
+         *  sunken toggle-button-group track. Normally set by the parent group. */
+        this.variant = 'connected';
         this.handleClick = () => {
             if (this.disabled)
                 return;
@@ -13,14 +16,15 @@ export class CoToggleButton {
         };
     }
     render() {
-        const iconSize = this.size === 'l' ? 20 : this.size === 'xs' ? 14 : 16;
-        return (h("button", { key: 'b8dd3d02b6494ae0984147116facf334bf6217b7', class: {
+        const iconSize = this.variant === 'track' ? 18 : this.size === 'l' ? 20 : this.size === 'xs' ? 14 : 16;
+        const iconWeight = this.selected && this.selectedIconWeight ? this.selectedIconWeight : undefined;
+        return (h("button", { key: 'd45897e4ecc1fadd3f51d48f16e325460edc9d64', class: {
                 'co-toggle-button': true,
                 'co-toggle-button--selected': this.selected,
                 [`co-toggle-button--${this.size}`]: true,
                 'co-toggle-button--disabled': this.disabled,
                 'co-toggle-button--icon-only': !this.label && (!!this.iconLeft || !!this.iconRight),
-            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, this.iconLeft && h("co-icon", { key: '76400887fc6373c1cce6aed8872f30562bd21e86', name: this.iconLeft, size: iconSize }), this.label && h("span", { key: 'c4658c1f800f20211b2eed6e5b44139362a7bf8d', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: '153f4a2a3c24a1e95ecdfe5f77d257421b21aec3', name: this.iconRight, size: iconSize })));
+            }, type: "button", disabled: this.disabled, "aria-pressed": String(this.selected), onClick: this.handleClick }, this.iconLeft && h("co-icon", { key: '923f577d048c1444b057cfb6d5f02e552cdd82da', name: this.iconLeft, size: iconSize, weight: iconWeight }), this.label && h("span", { key: '81720f7d05511ac48f43bea8bd1c0b7fd1b9fa1e', class: "co-toggle-button__label" }, this.label), this.iconRight && h("co-icon", { key: '8aa3946bb1434a02c182631f0d731a28e3ee3668', name: this.iconRight, size: iconSize, weight: iconWeight })));
     }
     static get is() { return "co-toggle-button"; }
     static get encapsulation() { return "shadow"; }
@@ -172,6 +176,45 @@ export class CoToggleButton {
                 "reflect": false,
                 "attribute": "disabled",
                 "defaultValue": "false"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'connected' | 'track'",
+                    "resolved": "\"connected\" | \"track\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Visual variant. 'track' renders the button as a detached rounded pill for a\nsunken toggle-button-group track. Normally set by the parent group."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'connected'"
+            },
+            "selectedIconWeight": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'regular' | 'fill'",
+                    "resolved": "\"fill\" | \"regular\" | undefined",
+                    "references": {}
+                },
+                "required": false,
+                "optional": true,
+                "docs": {
+                    "tags": [],
+                    "text": "When set, the leading/trailing icon renders at this weight while the button\nis selected (e.g. 'fill' for the active segment of a track toggle)."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "selected-icon-weight"
             }
         };
     }

package/dist/collection/components/co-toggle-button-group/co-toggle-button-group.css

@@ -77,3 +77,19 @@
   opacity: 0.4;
   pointer-events: none;
 }
+
+/* Track variant — a sunken gray track carrying detached rounded pills.
+   Placed after the base/connected rules so it overrides gap; the pills' own
+   chrome (radius, fill, shadow) lives in co-toggle-button[variant='track'].
+   We only neutralise the connected seam collapse (negative margins). */
+.co-toggle-button-group--track {
+  display: inline-flex;
+  gap: 2px;
+  padding: 3px;
+  border-radius: 10px;
+  background: var(--co-color-gray-100, #f6f6f6);
+}
+
+.co-toggle-button-group--track ::slotted(co-toggle-button) {
+  margin: 0 !important;
+}

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

@@ -9,6 +9,10 @@ export class CoToggleButtonGroup {
         this.direction = 'row';
         /** Stretch the group to fill its container; each button shares the width equally. */
         this.fullWidth = false;
+        /** 'connected' (default) keeps the seamless dark-fill segmented control.
+         *  'track' turns the group into a sunken gray track carrying detached rounded
+         *  pills (white + shadow when selected) — e.g. an icon-only view toggle. */
+        this.variant = 'connected';
     }
     get selectedValues() {
         if (this.multiple) {
@@ -27,6 +31,9 @@ export class CoToggleButtonGroup {
     syncChildren() {
         this.updateChildStates();
     }
+    syncVariant() {
+        this.updateChildStates();
+    }
     componentDidLoad() {
         this.updateChildStates();
     }
@@ -54,15 +61,17 @@ export class CoToggleButtonGroup {
         const children = this.el.querySelectorAll('co-toggle-button');
         children.forEach((child) => {
             child.selected = sel.includes(child.value);
+            child.variant = this.variant;
         });
     }
     render() {
-        return (h("div", { key: '68e2fbfac009b921d780c38c5b4abbd95eafbe38', class: {
+        return (h("div", { key: '64ff689a4bfa3d0725f552646bd1aeb353fc4df3', class: {
                 'co-toggle-button-group': true,
                 [`co-toggle-button-group--${this.direction}`]: true,
+                [`co-toggle-button-group--${this.variant}`]: true,
                 'co-toggle-button-group--disabled': this.disabled,
                 'co-toggle-button-group--full': this.fullWidth,
-            }, role: "group" }, h("slot", { key: 'a5b033a58961baed609e6bbd91cc4de26cad3fa2' })));
+            }, role: "group" }, h("slot", { key: '81baddbc7272bc588e877e9949397fe4947643a9' })));
     }
     static get is() { return "co-toggle-button-group"; }
     static get encapsulation() { return "shadow"; }
@@ -197,6 +206,26 @@ export class CoToggleButtonGroup {
                 "reflect": true,
                 "attribute": "full-width",
                 "defaultValue": "false"
+            },
+            "variant": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'connected' | 'track'",
+                    "resolved": "\"connected\" | \"track\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "'connected' (default) keeps the seamless dark-fill segmented control.\n'track' turns the group into a sunken gray track carrying detached rounded\npills (white + shadow when selected) \u2014 e.g. an icon-only view toggle."
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": true,
+                "attribute": "variant",
+                "defaultValue": "'connected'"
             }
         };
     }
@@ -223,6 +252,9 @@ export class CoToggleButtonGroup {
         return [{
                 "propName": "value",
                 "methodName": "syncChildren"
+            }, {
+                "propName": "variant",
+                "methodName": "syncVariant"
             }];
     }
     static get listeners() {

package/dist/collection/components/co-tooltip/co-tooltip.js

@@ -214,7 +214,7 @@ export class CoTooltip {
     // ── Render ─────────────────────────────────────────────────
     render() {
         const side = this.actualPlacement.split('-')[0];
-        return (h("div", { key: '638cd078ca415c24e4da46d9fb3a5ab4a25a9ee2', class: "co-tooltip" }, h("div", { key: '5a98d9c8a99122b1c26be38e7926716cf36c46c0', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: 'f481c969f09ced4838ba099d0dda1cbdbae4e32a' })), this.visible && this.content && (h("div", { key: '7b929dba8c546944723b2d2060b6f0bd521d9038', id: "tooltip-panel", class: {
+        return (h("div", { key: '407081c1161c66c3b92bba5b3749037c699a295a', class: "co-tooltip" }, h("div", { key: '4e474a3da2f5cefc0e169c3a13831d65db25141d', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, h("slot", { key: '9d45e56eb8558014da63636523804f7e2b8ee496' })), this.visible && this.content && (h("div", { key: '786c9d7b144327ef19659d7c11c606defedf1a6d', id: "tooltip-panel", class: {
                 'co-tooltip__panel': true,
                 [`co-tooltip__panel--${side}`]: true,
             }, role: "tooltip", popover: "manual", ref: (el) => {
@@ -223,7 +223,7 @@ export class CoTooltip {
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: 'a94520b95c5c2ebe6cb9488ae2e5c73d60000305', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: 'fed5b28f34c15892cec3a0f6271b8940efe869dc', class: "co-tooltip__content" }, this.content)))));
+            }, style: { maxWidth: this.maxWidth } }, this.arrow && h("div", { key: 'af27dae062092962e43a6bf99cc405d7b8179e1f', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), h("span", { key: 'a57899df6007a96dad58dd60b26092edea5cc3d8', class: "co-tooltip__content" }, this.content)))));
     }
     static get is() { return "co-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-transfer-list/co-transfer-list.js

@@ -117,11 +117,11 @@ export class CoTransferList {
         this.osInstances = [];
     }
     render() {
-        return (h("div", { key: '37944f666bd5a6824fe91ad6dc9340e3b390ceb1', class: {
+        return (h("div", { key: 'a4c5b8104be1db28bdabc04f0157893c41dca97a', class: {
                 'co-transfer-list': true,
                 'co-transfer-list--disabled': this.disabled,
                 [`co-transfer-list--${this.status}`]: this.status !== 'default',
-            } }, this.label && h("label", { key: '4a985cdd8b52be5f83b6215e3e3fcc53c5d1b118', class: "co-transfer-list__label" }, this.label), h("div", { key: '4993d0074a2a531d592c45c83b90e61f6c6ae7af', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), h("div", { key: '82888df2b21d56d5a33e5ba631642d022c0a6283', class: "co-transfer-list__actions" }, h("button", { key: 'f38c7faf334ffca06fb76a012bfd70168e43138c', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, h("co-icon", { key: 'ac56c7e5c87012f0f0c0371280efd2f089ee1625', name: "caret-double-right", size: 16 })), h("button", { key: '33d08d82d1a4d77f8edc9c9849147625f472b7d5', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, h("co-icon", { key: '411584fcbff3466454faab1c79f5df77607e9e2b', name: "caret-right", size: 16 })), h("button", { key: '7e626c5c042d8ae7cefe8c07ac6403af17b117fa', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, h("co-icon", { key: '60bb240a183b1dd8ffae584b72c95dfbb3612ccb', name: "caret-left", size: 16 })), h("button", { key: '688f9d2e86838f6b852d8bcc97be9b3fee88bf70', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, h("co-icon", { key: 'b0278c0fbd443627a8c0f23625ce1d8c48430e70', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (h("div", { key: '784beb84f5583d332ca8937b97e5fc2ed307e2bc', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: 'b66e10f1a23fb81dbaddd388ae088464a164ceee', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), h("span", { key: 'e0ca98142070b258f33698bbe79a51260bd70f72', class: "co-transfer-list__helper-text" }, this.helperText)))));
+            } }, this.label && h("label", { key: '09087d1dee8e5eddad6797b004adb0253e7358eb', class: "co-transfer-list__label" }, this.label), h("div", { key: '6705417ab5578a9067affc261578a5c57a5824ed', class: "co-transfer-list__body" }, this.renderList(this.leftItems, this.leftChecked, this.toggleLeftCheck, this.leftTitle), h("div", { key: '7c122e5de9742b693bad8bd5ac4b6e6a01d1ce0a', class: "co-transfer-list__actions" }, h("button", { key: '8293600e513527dfc3ab00d89a6ea08f9faba3ad', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllRight, "aria-label": "Move all right" }, h("co-icon", { key: '4bc6969a39b2691f9e81ab22968b2b02c450e6fe', name: "caret-double-right", size: 16 })), h("button", { key: '28d10fcb814bd54445970119c5d28e95dc290f45', class: "co-transfer-list__btn", disabled: this.disabled || this.leftChecked.size === 0, onClick: this.moveRight, "aria-label": "Move selected right" }, h("co-icon", { key: '89d8acce183eeeb77eec55362226771c0f76c60d', name: "caret-right", size: 16 })), h("button", { key: 'b2365d7f507086895fc5d2e2bff2eb507a6dca5d', class: "co-transfer-list__btn", disabled: this.disabled || this.rightChecked.size === 0, onClick: this.moveLeft, "aria-label": "Move selected left" }, h("co-icon", { key: 'e9947a0049407918c1e6bd0e38b7c035bf8b4531', name: "caret-left", size: 16 })), h("button", { key: '9834d51491259af22cc84306cb4c66dd600774a3', class: "co-transfer-list__btn", disabled: this.disabled, onClick: this.moveAllLeft, "aria-label": "Move all left" }, h("co-icon", { key: '89cb6c2bbd8647ef2bc589b054e6e6ca68fce023', name: "caret-double-left", size: 16 }))), this.renderList(this.rightItems, this.rightChecked, this.toggleRightCheck, this.rightTitle)), this.helperText && (h("div", { key: '2c4d8d446a88215cd4492078c7ca2b0b17b463b8', class: `co-transfer-list__helper co-transfer-list__helper--${this.status}` }, this.statusIcon && h("co-icon", { key: '0ae2ead4e24151fbfeaf3068b3fd03a16e0fdd83', name: this.statusIcon, size: 14, weight: "fill", class: "co-transfer-list__helper-icon" }), h("span", { key: '2b600a862af2f94d26c545f20f30d857e8625ebb', class: "co-transfer-list__helper-text" }, this.helperText)))));
     }
     static get is() { return "co-transfer-list"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/co-video/co-video.js

@@ -789,14 +789,14 @@ export class CoVideo {
     // ═══════════════════════════════════════════════════
     render() {
         const aspectClass = `co-video--${this.aspectRatio.replace(':', '-')}`;
-        return (h(Host, { key: '6c107daa400b98ec6f35e2229f948075ef57ec00' }, h("div", { key: '4c41f12bb65374d91c282e134ecf3129d4510268', class: {
+        return (h(Host, { key: 'b9ec731de1166f1669cae03cb58ccdd7f2d7739c' }, h("div", { key: '366893b040c2fe7a6bb79bfee6cf7750a768c2f3', class: {
                 'co-video': true,
                 [aspectClass]: true,
                 [`co-video--rounded-${this.rounded}`]: true,
                 'co-video--disabled': this.disabled,
                 'co-video--fullscreen': this.isFullscreen,
                 'co-video--playing': this.isPlaying,
-            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '164a8115e79d73bc3781ae16af99e5cfdcb54a1c', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: 'a03be76edc9eee1cc7dabc896190d4864dae729b', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
+            }, part: "container", ref: el => (this.containerEl = el), role: "region", "aria-label": this.t.player, tabindex: 0, onKeyDown: this.handleKeyDown, onMouseMove: this.handleContainerMouseMove, onMouseLeave: this.handleContainerMouseLeave, onTouchStart: this.handleContainerTouchStart }, h("video", { key: '017ef8e92b6bf6424cfc1582b518f8fc765d3b4d', ref: el => (this.videoEl = el), class: "co-video__native", part: "video", src: this.src || undefined, poster: undefined, preload: this.preload, loop: this.loop, playsinline: true, tabindex: -1, controlsList: this.allowDownload ? undefined : 'nodownload' }), this.renderPoster(), this.renderLoader(), this.renderBigPlayButton(), this.renderError(), h("div", { key: '79de41cc82a7b55eeb33011e50574c8e1602f9dc', class: "co-video__click-area", onClick: this.handleVideoAreaClick }), this.renderControls())));
     }
     static get is() { return "co-video"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/co-accordion.js

@@ -1 +1 @@
-import{t as o,p as e,H as c,c as i,h as a}from"./index.js";import{d as t}from"./p-BNKz39GA.js";const n=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",7),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return a("div",{key:"6ef26b2e6312391fcfc164f43dac68d63ba3af2d",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("button",{key:"0f094a6a90dacfd1a59de4f002dc6e1d2bde80c6",class:"co-accordion__header",type:"button","aria-expanded":this.open?"true":"false",disabled:this.disabled,onClick:this.handleToggle,part:"header"},a("span",{key:"406b3b06d8fa48df809652838f466bf8dae1b1d0",class:"co-accordion__heading-group"},a("span",{key:"72d56aadb1f7b6cfe110121a5f3ce7690b7580a9",class:"co-accordion__heading",part:"heading"},a("slot",{key:"25d921d62d196bd7bb20ed5a9a3cac3b96bb77fd",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"0b35302e165d304c61feaf616252f4be829b5b97",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"dfc194ec90f524edb9e65b150c3f920721126bfa",name:"subheading"},this.subheading))),a("span",{key:"6fb170bf34fb0be5ab9abb3c8c61f80076b02e4b",class:"co-accordion__caret",part:"caret"},a("co-icon",{key:"0929dae22a07eec32c8919844fe3c29292e65cdb",name:"caret-up",size:20}))),a("div",{key:"783e6bc3ba9090dad9d972a88830fc059f442432",class:"co-accordion__body",part:"body"},a("div",{key:"165c8cf24049cbec512542130f2e2b61b2c9e194",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"0a50328db4f4b9ab900912c34a250f4c9b136f8f"}))))}get el(){return this}static get style(){return":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:transparent;cursor:pointer;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px)}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--co-semantic-text-default);transition:transform 0.2s ease;transform:rotate(180deg);}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s ease}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:visibility 0s linear 0.25s}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:visibility 0s linear 0s}.co-accordion__header:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:4px;border-radius:var(--co-border-radius-xs, 8px)}.co-accordion--disabled .co-accordion__header{opacity:0.5;cursor:not-allowed}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function s(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((e=>{switch(e){case"co-accordion":customElements.get(o(e))||customElements.define(o(e),n);break;case"co-icon":customElements.get(o(e))||t()}}))}s();const d=n,r=s;export{d as CoAccordion,r as defineCustomElement}
+import{t as o,p as e,H as c,c as i,h as a}from"./index.js";import{d as t}from"./p-CUvAZhuM.js";const n=e(class extends c{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coToggle=i(this,"coToggle",7),this.open=!0,this.heading="",this.subheading="",this.disabled=!1,this.hasSubheadingSlot=!1,this.handleToggle=()=>{this.disabled||(this.open=!this.open,this.coToggle.emit(this.open))}}componentWillLoad(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}componentWillRender(){this.hasSubheadingSlot=!!this.el.querySelector('[slot="subheading"]')}get showSubheading(){return!(!this.subheading||!this.subheading.trim())||this.hasSubheadingSlot}render(){return a("div",{key:"b02710c9971c3ae95cbb4c40079d3ae1e418036d",class:{"co-accordion":!0,"co-accordion--open":this.open,"co-accordion--disabled":this.disabled},part:"accordion"},a("button",{key:"86aff3f181dba95ab19746f965d0b447c9b4fa0b",class:"co-accordion__header",type:"button","aria-expanded":this.open?"true":"false",disabled:this.disabled,onClick:this.handleToggle,part:"header"},a("span",{key:"d65d28f7da4020e2f239efbc6f9b39c102b7ee98",class:"co-accordion__heading-group"},a("span",{key:"ec0351bfc8b47d9492179956c2e36310f57c8ef6",class:"co-accordion__heading",part:"heading"},a("slot",{key:"e98a66c96a39e4c1921f51271d83a8df3a1f88d3",name:"header"},this.heading)),this.showSubheading&&a("span",{key:"b796a2b01a80a4d89dd91d227f526c55a7a0ca08",class:"co-accordion__subheading",part:"subheading"},a("slot",{key:"38e432cee4086bd16f07d083f153e34185078bb5",name:"subheading"},this.subheading))),a("span",{key:"5e3b4337895abe78540707015a81cd2c70b0790e",class:"co-accordion__caret",part:"caret"},a("co-icon",{key:"aae96eacf3fecf33c01f7a3d606b7a940f8d6300",name:"caret-up",size:20}))),a("div",{key:"e42966d61456ab7e28eec8d27133bf2e107f1d14",class:"co-accordion__body",part:"body"},a("div",{key:"cbe95c04acb6a05a0b23f04edc8b17089b6a41b3",class:"co-accordion__body-inner",part:"body-inner"},a("slot",{key:"dcad9757f8a37ea63fc70b861f6115651579c384"}))))}get el(){return this}static get style(){return":host{display:block}.co-accordion{display:flex;flex-direction:column;width:100%}.co-accordion__header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:none;background:transparent;cursor:pointer;font-family:var(--co-font-family-primary);color:var(--co-semantic-text-default);text-align:left}.co-accordion__heading-group{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--co-spacing-xxs, 2px)}.co-accordion__heading{font-size:var(--co-font-size-24);font-weight:500;line-height:1.25;letter-spacing:-0.03em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__subheading{font-size:var(--co-font-size-14);font-weight:400;line-height:1.3;letter-spacing:normal;color:var(--co-semantic-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.co-accordion__caret{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--co-semantic-text-default);transition:transform 0.2s ease;transform:rotate(180deg);}.co-accordion--open .co-accordion__caret{transform:rotate(0deg);}.co-accordion__body{display:grid;grid-template-rows:0fr;transition:grid-template-rows 0.25s ease}.co-accordion__body-inner{min-height:0;overflow:hidden;padding-top:var(--co-spacing-2xl);}.co-accordion--open .co-accordion__body{grid-template-rows:1fr}.co-accordion:not(.co-accordion--open) .co-accordion__body-inner{visibility:hidden;transition:visibility 0s linear 0.25s}.co-accordion--open .co-accordion__body-inner{visibility:visible;transition:visibility 0s linear 0s}.co-accordion__header:focus-visible{outline:2px solid var(--co-color-primary-azul, #2563eb);outline-offset:4px;border-radius:var(--co-border-radius-xs, 8px)}.co-accordion--disabled .co-accordion__header{opacity:0.5;cursor:not-allowed}"}},[257,"co-accordion",{open:[1540],heading:[1],subheading:[1],disabled:[4],hasSubheadingSlot:[32]}]);function s(){"undefined"!=typeof customElements&&["co-accordion","co-icon"].forEach((e=>{switch(e){case"co-accordion":customElements.get(o(e))||customElements.define(o(e),n);break;case"co-icon":customElements.get(o(e))||t()}}))}s();const r=n,d=s;export{r as CoAccordion,d as defineCustomElement}

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

@@ -1 +1 @@
-import{t as a,p as r,H as e,c as o,h as t,a as c}from"./index.js";const s=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 t(c,{key:"5df857b1122c6dd0589b86873e321a425ffd6dbc"},t("aside",{key:"4427047dcc3f1316398300e26bc0f8798dc25db2",class:"sidebar",part:"sidebar"},t("div",{key:"33652ac6919e6c5d9519fa4c2dcaa2820f356cc5",class:"sidebar__header",part:"sidebar-header"},t("slot",{key:"ec3a1a5979594acab40f90e44a344fb100db2c20",name:"sidebar-header"})),t("div",{key:"f0688f52d20a6edbf939728fde84cad7b86bf2b5",class:"sidebar__body",part:"sidebar-body"},t("slot",{key:"572aced266588d3b11894dfa012d218bf47a5adf",name:"sidebar"})),t("div",{key:"a8695d8875430d1dddc7d0e93c0cc69ad188aa50",class:"sidebar__footer",part:"sidebar-footer"},t("slot",{key:"d70f3553b94c62ffed5ee2a8e2a3e121945df1d7",name:"sidebar-footer"}))),t("div",{key:"3096910efd4d3c61d97d18284a3926273a60b220",class:"main",part:"main"},t("div",{key:"3f4b2591d4aaddd2fdc14cd3d51341783b5ce1ea",class:"main__card",part:"card"},t("header",{key:"d9c464d4a0246099d30b3102430afb00e8f248f6",class:"main__header",part:"header"},t("slot",{key:"94ec52ee636f22e5870b90d39a3b6cc3c6cc6920",name:"navbar"})),t("main",{key:"f521001dfda2cf8fc98931c291a6a0829367154a",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},t("slot",{key:"0f339d0bdfc1352551bc10c0ce3a54c4a757722e"})))))}static get style(){return':host{display:flex;height:100vh;overflow:hidden;background:var(--co-app-shell-bg, linear-gradient(     180deg,     var(--co-color-base-off-white) 0%,     var(--co-color-neutral-100) 50%,     var(--co-color-neutral-100) 100%   ));font-family:var(--co-font-family-primary)}.sidebar{display:flex;flex-direction:column;width:256px;height:100%;flex-shrink:0;overflow:hidden;transition:width 0.2s ease;padding:var(--co-spacing-sm);padding-right:0;box-sizing:border-box}:host([sidebar-mode="min"]) .sidebar{--co-sidebar-min-width:64px;width:var(--co-sidebar-min-width);align-items:flex-start;padding:var(--co-spacing-sm) 0}.sidebar__header{flex-shrink:0}.sidebar__body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar__body:hover{scrollbar-color:var(--co-color-opacity-blanco-16) transparent}.sidebar__body::-webkit-scrollbar{width:6px}.sidebar__body::-webkit-scrollbar-track{background:transparent}.sidebar__body::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.sidebar__body:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}.sidebar__body:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}.sidebar__body:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}.sidebar__footer{flex-shrink:0}:host([sidebar-mode="min"]) .sidebar__header,:host([sidebar-mode="min"]) .sidebar__body,:host([sidebar-mode="min"]) .sidebar__footer{display:flex;flex-direction:column;align-items:center;width:var(--co-sidebar-min-width, 64px)}:host([sidebar-mode="min"]) .sidebar__header{gap:var(--co-spacing-sm);padding-bottom:var(--co-spacing-md)}:host([sidebar-mode="min"]) .sidebar__body{scrollbar-width:none}:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar{width:0}.main{display:flex;flex-direction:column;flex:1;min-width:0;padding:0;margin:var(--co-spacing-sm);margin-left:0;min-height:0;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))     drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));--co-shell-r:var(--co-border-radius-md);--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>")}.main__card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0;-webkit-mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat}.main__header{flex-shrink:0}.main__content{flex:1;min-height:0;overflow:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.main__content:hover{scrollbar-color:var(--co-color-opacity-negro-16) transparent}.main__content::-webkit-scrollbar{width:6px;height:6px}.main__content::-webkit-scrollbar-track{background:transparent}.main__content::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.main__content:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-negro-16)}.main__content:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-negro-25)}.main__content:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-negro-50)}.main__content--card{background:var(--co-semantic-surface-secondary)}'}},[257,"co-app-shell",{sidebarMode:[1537,"sidebar-mode"],contentCard:[4,"content-card"]}]);function d(){"undefined"!=typeof customElements&&["co-app-shell"].forEach((r=>{"co-app-shell"===r&&(customElements.get(a(r))||customElements.define(a(r),s))}))}d();const i=s,l=d;export{i as CoAppShell,l as defineCustomElement}
+import{t as e,p as r,H as a,c as o,h as t,a as c}from"./index.js";const s=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.coSidebarModeChange=o(this,"coSidebarModeChange",7),this.sidebarMode="min",this.contentCard=!0}render(){return t(c,{key:"36bab4f303ed9bb7a4dc884800b59e1c21bd5950"},t("aside",{key:"6b60d962528d0416cb6d7f96726c09bc8f1fcb4f",class:"sidebar",part:"sidebar"},t("div",{key:"ff4707443560c1fbb428166011d6556140b4010d",class:"sidebar__header",part:"sidebar-header"},t("slot",{key:"1a43fd68d866678faa456fe0c1b138123344ee12",name:"sidebar-header"})),t("div",{key:"908525892ae44cc57c555766fffdf2cc0a81d947",class:"sidebar__body",part:"sidebar-body"},t("slot",{key:"b35c857069a4de2d43eafbf26d17d137f2ef38d3",name:"sidebar"})),t("div",{key:"9254bee67169b01113c938aa772bdab31c47b731",class:"sidebar__footer",part:"sidebar-footer"},t("slot",{key:"f4b9b7f91743da056d1f349f20cf16bec8aca993",name:"sidebar-footer"}))),t("div",{key:"46efc8e873f0c9f985cad87bbb9aeac1ad97a827",class:"main",part:"main"},t("div",{key:"5e43d38ca7383377025f19f65bd2c2c14828d758",class:"main__card",part:"card"},t("header",{key:"a34fa61e205561f40703c85d38101a46aca2c459",class:"main__header",part:"header"},t("slot",{key:"179c73f3055ed8c58fe27f9e6429c1ee1b1ca51e",name:"navbar"})),t("main",{key:"9ce5147a0e8d003dbf469e776babee36dd5ad236",class:{main__content:!0,"main__content--card":this.contentCard},part:"content"},t("slot",{key:"3c974bfff9cd265f45ebdf90a870ab0e294e8bf9"})))))}static get style(){return':host{display:flex;height:100vh;overflow:hidden;background:var(--co-app-shell-bg, linear-gradient(     180deg,     var(--co-color-base-off-white) 0%,     var(--co-color-neutral-100) 50%,     var(--co-color-neutral-100) 100%   ));font-family:var(--co-font-family-primary)}.sidebar{display:flex;flex-direction:column;width:256px;height:100%;flex-shrink:0;overflow:hidden;transition:width 0.2s ease;padding:var(--co-spacing-sm);padding-right:0;box-sizing:border-box}:host([sidebar-mode="min"]) .sidebar{--co-sidebar-min-width:64px;width:var(--co-sidebar-min-width);align-items:flex-start;padding:var(--co-spacing-sm) 0}.sidebar__header{flex-shrink:0}.sidebar__body{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar__body:hover{scrollbar-color:var(--co-color-opacity-blanco-16) transparent}.sidebar__body::-webkit-scrollbar{width:6px}.sidebar__body::-webkit-scrollbar-track{background:transparent}.sidebar__body::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.sidebar__body:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-blanco-16)}.sidebar__body:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-blanco-25)}.sidebar__body:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-blanco-50)}.sidebar__footer{flex-shrink:0}:host([sidebar-mode="min"]) .sidebar__header,:host([sidebar-mode="min"]) .sidebar__body,:host([sidebar-mode="min"]) .sidebar__footer{display:flex;flex-direction:column;align-items:center;width:var(--co-sidebar-min-width, 64px)}:host([sidebar-mode="min"]) .sidebar__header{gap:var(--co-spacing-sm);padding-bottom:var(--co-spacing-md)}:host([sidebar-mode="min"]) .sidebar__body{scrollbar-width:none}:host([sidebar-mode="min"]) .sidebar__body::-webkit-scrollbar{width:0}.main{display:flex;flex-direction:column;flex:1;min-width:0;padding:0;margin:var(--co-spacing-sm);margin-left:0;min-height:0;filter:drop-shadow(0 1px 2px rgba(31, 28, 27, 0.06))     drop-shadow(0 10px 28px rgba(31, 28, 27, 0.12));--co-shell-r:var(--co-border-radius-md);--co-sq-tl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 0L95 0L92.5 0L90 0L87.5 0.01L85 0.01L82.5 0.02L80 0.04L77.5 0.06L75 0.1L72.5 0.14L70 0.2L67.5 0.28L65 0.38L62.5 0.5L60 0.65L57.5 0.83L55 1.04L52.5 1.3L50 1.6L47.5 1.96L45 2.37L42.5 2.85L40 3.41L37.5 4.05L35 4.8L32.5 5.65L30 6.63L27.5 7.77L25 9.07L22.5 10.58L20 12.34L17.5 14.41L15 16.85L12.5 19.79L10 23.42L7.5 28.06L5 34.37L2.5 44.29L0 100L100 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-tr:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 0L5 0L7.5 0L10 0L12.5 0.01L15 0.01L17.5 0.02L20 0.04L22.5 0.06L25 0.1L27.5 0.14L30 0.2L32.5 0.28L35 0.38L37.5 0.5L40 0.65L42.5 0.83L45 1.04L47.5 1.3L50 1.6L52.5 1.96L55 2.37L57.5 2.85L60 3.41L62.5 4.05L65 4.8L67.5 5.65L70 6.63L72.5 7.77L75 9.07L77.5 10.58L80 12.34L82.5 14.41L85 16.85L87.5 19.79L90 23.42L92.5 28.06L95 34.37L97.5 44.29L100 100L0 100Z%27 fill=%27%23fff%27/></svg>");--co-sq-bl:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M0 0L2.5 55.71L5 65.63L7.5 71.94L10 76.58L12.5 80.21L15 83.15L17.5 85.59L20 87.66L22.5 89.42L25 90.93L27.5 92.23L30 93.37L32.5 94.35L35 95.2L37.5 95.95L40 96.59L42.5 97.15L45 97.63L47.5 98.04L50 98.4L52.5 98.7L55 98.96L57.5 99.17L60 99.35L62.5 99.5L65 99.62L67.5 99.72L70 99.8L72.5 99.86L75 99.9L77.5 99.94L80 99.96L82.5 99.98L85 99.99L87.5 99.99L90 100L92.5 100L95 100L97.5 100L100 100L100 0Z%27 fill=%27%23fff%27/></svg>");--co-sq-br:url("data:image/svg+xml,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 100 100%27 preserveAspectRatio=%27none%27><path d=%27M100 0L97.5 55.71L95 65.63L92.5 71.94L90 76.58L87.5 80.21L85 83.15L82.5 85.59L80 87.66L77.5 89.42L75 90.93L72.5 92.23L70 93.37L67.5 94.35L65 95.2L62.5 95.95L60 96.59L57.5 97.15L55 97.63L52.5 98.04L50 98.4L47.5 98.7L45 98.96L42.5 99.17L40 99.35L37.5 99.5L35 99.62L32.5 99.72L30 99.8L27.5 99.86L25 99.9L22.5 99.94L20 99.96L17.5 99.98L15 99.99L12.5 99.99L10 100L7.5 100L5 100L2.5 100L0 100L0 0Z%27 fill=%27%23fff%27/></svg>")}.main__card{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;border-radius:0;-webkit-mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat;mask:var(--co-sq-tl) top left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-tr) top right / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-bl) bottom left / var(--co-shell-r) var(--co-shell-r) no-repeat,     var(--co-sq-br) bottom right / var(--co-shell-r) var(--co-shell-r) no-repeat,     linear-gradient(#fff 0 0) center / 100% calc(100% - 2 * var(--co-shell-r) + 2px) no-repeat,     linear-gradient(#fff 0 0) center / calc(100% - 2 * var(--co-shell-r) + 2px) 100% no-repeat}.main__header{flex-shrink:0}.main__content{flex:1;min-height:0;overflow:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.main__content:hover{scrollbar-color:var(--co-color-opacity-negro-16) transparent}.main__content::-webkit-scrollbar{width:6px;height:6px}.main__content::-webkit-scrollbar-track{background:transparent}.main__content::-webkit-scrollbar-thumb{background:transparent;border-radius:9999px}.main__content:hover::-webkit-scrollbar-thumb{background:var(--co-color-opacity-negro-16)}.main__content:hover::-webkit-scrollbar-thumb:hover{background:var(--co-color-opacity-negro-25)}.main__content:hover::-webkit-scrollbar-thumb:active{background:var(--co-color-opacity-negro-50)}.main__content--card{background:var(--co-semantic-surface-secondary)}'}},[257,"co-app-shell",{sidebarMode:[1537,"sidebar-mode"],contentCard:[4,"content-card"]}]);function i(){"undefined"!=typeof customElements&&["co-app-shell"].forEach((r=>{"co-app-shell"===r&&(customElements.get(e(r))||customElements.define(e(r),s))}))}i();const d=s,l=i;export{d as CoAppShell,l as defineCustomElement}

package/dist/components/co-autocomplete.js

@@ -1 +1 @@
-import{p as o,H as e,c as r,h as a,t}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{i}from"./p-DqyWGweA.js";import{d as l}from"./p-Hzh9U2cM.js";import{d as c}from"./p-BNKz39GA.js";import{d as n}from"./p-DzoNGEDU.js";const d=o(class o extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coSearch=r(this,"coSearch",7),this.coChange=r(this,"coChange",7),this.coClear=r(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.debounce=300,this.emptyText="No results",this.isOpen=!1,this.query="",this.scrollTop=0,this.focused=!1,this.handleInput=o=>{const e=o.target.value;this.query=e,this.debounceTimer&&clearTimeout(this.debounceTimer),e.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(e)),this.debounce),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=o=>{var e;o.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit(this.multiple?[]:""),null===(e=this.inputEl)||void 0===e||e.focus()},this.handleOptionClick=o=>{if(this.multiple){const e=[...this.selectedValues],r=e.indexOf(o);r>=0?e.splice(r,1):e.push(o),this.value=JSON.stringify(e),this.coChange.emit(e)}else{this.value=o;const e=this.parsedOptions.find((e=>e.value===o));this.query=e?e.label:o,this.isOpen=!1,this.coChange.emit(o)}},this.handleChipRemove=o=>{const e=this.selectedValues.filter((e=>e!==o));this.value=JSON.stringify(e),this.coChange.emit(e)},this.handleOptionsScroll=o=>{this.scrollTop=o.target.scrollTop}}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(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){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 o=this.parsedOptions.find((o=>o.value===this.value));this.query=o?o.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(o){this.el.contains(o.target)||(this.isOpen=!1,this.focused=!1)}getVirtualSlice(e){const{ITEM_HEIGHT:r,VIEWPORT_ITEMS:a,OVERSCAN:t}=o,s=e.length,i=s*r,l=Math.max(0,Math.floor(this.scrollTop/r)-t);return{totalHeight:i,startIdx:l,endIdx:Math.min(s,l+a+2*t),offsetY:l*r}}componentDidRender(){this.isOpen&&this.optionsEl&&!this.osInstance?this.osInstance=i(this.optionsEl,(o=>{this.scrollTop=o.scrollTop})):!this.isOpen&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}disconnectedCallback(){var o;null===(o=this.osInstance)||void 0===o||o.destroy(),this.osInstance=void 0}render(){const o=this.parsedOptions,e=this.selectedValues;return a("div",{key:"dfab9ff6344118bbaa21bc911671f701ca321d14",class:{"co-autocomplete":!0,"co-autocomplete--open":this.isOpen,"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:"2870599c3af0b8a7ee0ced25f54f3dff7118506e",class:"co-autocomplete__labels"},this.label&&a("label",{key:"2bd76cb15d591d71430ff0ac592b8c2910fdb4ce",class:"co-autocomplete__label"},this.label,a(s,{key:"766aac3940792e1b04b48e44c76d02f754ded4c3",required:this.required})),this.secondaryLabel&&a("span",{key:"7f0baeed0eaf6b877e4ee7177e27d8553b6ed82a",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"faff4ef114f15478992548784a11127f2d14ba27",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"8638177d1a8a17e68849c2ffffc386ad76b6365d",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&e.length>0&&a("div",{key:"59ba38d7a3b44d1502e6668920850098b140e2a3",class:"co-autocomplete__chips"},e.map((o=>{const e=this.parsedOptions.find((e=>e.value===o));return a("co-chip",{label:e?e.label:o,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(o)})}))),a("input",{key:"0196cedcbccae1f159b3b3cf4575964a37398d6a",ref:o=>this.inputEl=o,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus}),this.loading&&a("div",{key:"b9ab823198d9268c6fb97f60ddb91f508006d27c",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"e13078152b14056cd0640f90c26e68e1b2faa65a",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"8db7105cb2865347cb0340b5c1f2a5b5f9da13d3",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"101741284b39462d6f080c35dbec305e911674a9",class:"co-autocomplete__dropdown"},this.loading&&0===o.length?a("div",{class:"co-autocomplete__loading"},a("co-loader",{size:"sm"})):0===o.length?a("div",{class:"co-autocomplete__empty"},this.emptyText):a("div",{class:"co-autocomplete__options",ref:o=>this.optionsEl=o,onScroll:this.handleOptionsScroll},(()=>{const{totalHeight:r,startIdx:t,endIdx:s,offsetY:i}=this.getVirtualSlice(o);return a("div",{class:"co-autocomplete__virtual-spacer",style:{height:r+"px",position:"relative"}},a("div",{style:{position:"absolute",top:i+"px",left:"0",right:"0"}},o.slice(t,s).map((o=>{const r=e.includes(o.value),t=!!o.disabled;return a("div",{class:{"co-autocomplete__option":!0,"co-autocomplete__option--selected":r,"co-autocomplete__option--disabled":t},onClick:()=>!t&&this.handleOptionClick(o.value)},o.icon&&a("co-icon",{name:o.icon,size:20,class:"co-autocomplete__option-icon"}),a("span",{class:"co-autocomplete__option-label"},o.label),r&&a("co-icon",{name:"check",size:16,class:"co-autocomplete__option-check"}))}))))})())),this.helperText&&a("div",{key:"10718ee7ba24570057e2f130ef950b304c510c02",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"e8d88e8278f9ea3b28f6b5767991e484d6fc7eb6",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"0a9a6ef20def10b8efe92c55d3e66f1acd34525f",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'.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);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:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-status-error)}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;padding:var(--co-spacing-sm2)}.co-autocomplete__options{max-height:calc(34px * 8);overflow-y:auto}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-autocomplete__option{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);cursor:pointer;transition:background 0.1s ease;min-height:32px;box-sizing:border-box}.co-autocomplete__option:hover{background:var(--co-semantic-surface-hover)}.co-autocomplete__option--selected{background:var(--co-semantic-surface-muted)}.co-autocomplete__option--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-autocomplete__option-icon{flex-shrink:0;color:var(--co-semantic-text-muted)}.co-autocomplete__option-label{flex:1;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-autocomplete__loading,.co-autocomplete__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-md);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.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)\')}@supports not (background: color-mix(in srgb, red, transparent)){.co-autocomplete__field{background:var(--co-semantic-surface-secondary)}}'}},[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"],debounce:[2],emptyText:[1,"empty-text"],isOpen:[32],query:[32],scrollTop:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function p(){"undefined"!=typeof customElements&&["co-autocomplete","co-chip","co-icon","co-loader"].forEach((o=>{switch(o){case"co-autocomplete":customElements.get(t(o))||customElements.define(t(o),d);break;case"co-chip":customElements.get(t(o))||l();break;case"co-icon":customElements.get(t(o))||c();break;case"co-loader":customElements.get(t(o))||n()}}))}d.ITEM_HEIGHT=34,d.VIEWPORT_ITEMS=8,d.OVERSCAN=3,p();const h=d,b=p;export{h as CoAutocomplete,b as defineCustomElement}
+import{p as o,H as e,c as r,h as a,t}from"./index.js";import{R as s}from"./p-CWneqh4n.js";import{i}from"./p-DqyWGweA.js";import{d as l}from"./p-CBzpUqwG.js";import{d as c}from"./p-CUvAZhuM.js";import{d as n}from"./p-DzoNGEDU.js";const d=o(class o extends e{constructor(o){super(),!1!==o&&this.__registerHost(),this.__attachShadow(),this.coSearch=r(this,"coSearch",7),this.coChange=r(this,"coChange",7),this.coClear=r(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.debounce=300,this.emptyText="No results",this.isOpen=!1,this.query="",this.scrollTop=0,this.focused=!1,this.handleInput=o=>{const e=o.target.value;this.query=e,this.debounceTimer&&clearTimeout(this.debounceTimer),e.length>=this.minChars?(this.debounceTimer=setTimeout((()=>this.coSearch.emit(e)),this.debounce),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=o=>{var e;o.stopPropagation(),this.query="",this.value=this.multiple?"[]":"",this.isOpen=!1,this.coClear.emit(),this.coChange.emit(this.multiple?[]:""),null===(e=this.inputEl)||void 0===e||e.focus()},this.handleOptionClick=o=>{if(this.multiple){const e=[...this.selectedValues],r=e.indexOf(o);r>=0?e.splice(r,1):e.push(o),this.value=JSON.stringify(e),this.coChange.emit(e)}else{this.value=o;const e=this.parsedOptions.find((e=>e.value===o));this.query=e?e.label:o,this.isOpen=!1,this.coChange.emit(o)}},this.handleChipRemove=o=>{const e=this.selectedValues.filter((e=>e!==o));this.value=JSON.stringify(e),this.coChange.emit(e)},this.handleOptionsScroll=o=>{this.scrollTop=o.target.scrollTop}}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(this.multiple){if("string"==typeof this.value)try{return JSON.parse(this.value)}catch(o){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 o=this.parsedOptions.find((o=>o.value===this.value));this.query=o?o.label:this.value}else this.multiple||this.value||(this.query="")}handleDocumentClick(o){this.el.contains(o.target)||(this.isOpen=!1,this.focused=!1)}getVirtualSlice(e){const{ITEM_HEIGHT:r,VIEWPORT_ITEMS:a,OVERSCAN:t}=o,s=e.length,i=s*r,l=Math.max(0,Math.floor(this.scrollTop/r)-t);return{totalHeight:i,startIdx:l,endIdx:Math.min(s,l+a+2*t),offsetY:l*r}}componentDidRender(){this.isOpen&&this.optionsEl&&!this.osInstance?this.osInstance=i(this.optionsEl,(o=>{this.scrollTop=o.scrollTop})):!this.isOpen&&this.osInstance&&(this.osInstance.destroy(),this.osInstance=void 0)}disconnectedCallback(){var o;null===(o=this.osInstance)||void 0===o||o.destroy(),this.osInstance=void 0}render(){const o=this.parsedOptions,e=this.selectedValues;return a("div",{key:"dfab9ff6344118bbaa21bc911671f701ca321d14",class:{"co-autocomplete":!0,"co-autocomplete--open":this.isOpen,"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:"2870599c3af0b8a7ee0ced25f54f3dff7118506e",class:"co-autocomplete__labels"},this.label&&a("label",{key:"2bd76cb15d591d71430ff0ac592b8c2910fdb4ce",class:"co-autocomplete__label"},this.label,a(s,{key:"766aac3940792e1b04b48e44c76d02f754ded4c3",required:this.required})),this.secondaryLabel&&a("span",{key:"7f0baeed0eaf6b877e4ee7177e27d8553b6ed82a",class:"co-autocomplete__secondary-label"},this.secondaryLabel)),a("div",{key:"faff4ef114f15478992548784a11127f2d14ba27",class:"co-autocomplete__field"},this.iconLeft&&a("co-icon",{key:"8638177d1a8a17e68849c2ffffc386ad76b6365d",name:this.iconLeft,size:16,class:"co-autocomplete__icon"}),this.multiple&&e.length>0&&a("div",{key:"59ba38d7a3b44d1502e6668920850098b140e2a3",class:"co-autocomplete__chips"},e.map((o=>{const e=this.parsedOptions.find((e=>e.value===o));return a("co-chip",{label:e?e.label:o,size:"small",removable:!0,onCoRemove:()=>this.handleChipRemove(o)})}))),a("input",{key:"0196cedcbccae1f159b3b3cf4575964a37398d6a",ref:o=>this.inputEl=o,class:"co-autocomplete__input",type:"text",value:this.query,placeholder:this.placeholder,disabled:this.disabled,onInput:this.handleInput,onFocus:this.handleFocus}),this.loading&&a("div",{key:"b9ab823198d9268c6fb97f60ddb91f508006d27c",class:"co-autocomplete__spinner"}),this.clearable&&(this.hasValue||this.query)&&!this.disabled&&a("button",{key:"e13078152b14056cd0640f90c26e68e1b2faa65a",class:"co-autocomplete__clear",type:"button",tabIndex:-1,onClick:this.handleClear,"aria-label":"Clear"},a("co-icon",{key:"8db7105cb2865347cb0340b5c1f2a5b5f9da13d3",name:"x-circle",size:16,weight:"fill"}))),this.isOpen&&a("div",{key:"101741284b39462d6f080c35dbec305e911674a9",class:"co-autocomplete__dropdown"},this.loading&&0===o.length?a("div",{class:"co-autocomplete__loading"},a("co-loader",{size:"sm"})):0===o.length?a("div",{class:"co-autocomplete__empty"},this.emptyText):a("div",{class:"co-autocomplete__options",ref:o=>this.optionsEl=o,onScroll:this.handleOptionsScroll},(()=>{const{totalHeight:r,startIdx:t,endIdx:s,offsetY:i}=this.getVirtualSlice(o);return a("div",{class:"co-autocomplete__virtual-spacer",style:{height:r+"px",position:"relative"}},a("div",{style:{position:"absolute",top:i+"px",left:"0",right:"0"}},o.slice(t,s).map((o=>{const r=e.includes(o.value),t=!!o.disabled;return a("div",{class:{"co-autocomplete__option":!0,"co-autocomplete__option--selected":r,"co-autocomplete__option--disabled":t},onClick:()=>!t&&this.handleOptionClick(o.value)},o.icon&&a("co-icon",{name:o.icon,size:20,class:"co-autocomplete__option-icon"}),a("span",{class:"co-autocomplete__option-label"},o.label),r&&a("co-icon",{name:"check",size:16,class:"co-autocomplete__option-check"}))}))))})())),this.helperText&&a("div",{key:"10718ee7ba24570057e2f130ef950b304c510c02",class:"co-autocomplete__helper co-autocomplete__helper--"+this.status},this.statusIcon&&a("co-icon",{key:"e8d88e8278f9ea3b28f6b5767991e484d6fc7eb6",name:this.statusIcon,size:14,weight:"fill",class:"co-autocomplete__helper-icon"}),a("span",{key:"0a9a6ef20def10b8efe92c55d3e66f1acd34525f",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'.os-size-observer,.os-size-observer-listener{scroll-behavior:auto !important;direction:inherit;pointer-events:none;overflow:hidden;visibility:hidden;box-sizing:border-box}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;left:0;top:0}.os-size-observer{z-index:-1;contain:strict;display:flex;flex-direction:row;flex-wrap:nowrap;padding:inherit;border:inherit;box-sizing:inherit;margin:-133px;top:0;right:0;bottom:0;left:0;transform:scale(0.1)}.os-size-observer::before{content:"";flex:none;box-sizing:inherit;padding:10px;width:10px;height:10px}.os-size-observer-appear{animation:os-size-observer-appear-animation 1ms forwards}.os-size-observer-listener{box-sizing:border-box;position:relative;flex:auto;padding:inherit;border:inherit;margin:-133px;transform:scale(calc(1 / 0.1))}.os-size-observer-listener.ltr{margin-right:-266px;margin-left:0}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty::before{content:"";width:100%;height:100%}.os-size-observer-listener:empty::before,.os-size-observer-listener>.os-size-observer-listener-item{display:block;position:relative;padding:inherit;border:inherit;box-sizing:content-box;flex:auto}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{right:0;bottom:0;overflow:hidden;direction:ltr;flex:none}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{from{cursor:auto}to{cursor:none}}.os-trinsic-observer{flex:none;box-sizing:border-box;position:relative;max-width:0px;max-height:1px;padding:0;margin:0;border:none;overflow:hidden;z-index:-1;height:0;top:calc(100% + 1px);contain:strict}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;height:1000%;min-height:1px;min-width:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{overflow:visible;margin:0}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;align-items:stretch !important;flex-direction:row !important;flex-wrap:nowrap !important;scroll-behavior:auto !important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;position:relative;flex:auto;height:auto;width:100%;min-width:0;padding:0;margin:0;border:none;z-index:0}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]::before{content:"";position:absolute;pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah)}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden !important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible !important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x) !important;overflow-y:var(--os-viewport-overflow-y) !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0 !important;line-height:0 !important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)::after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>*:not(#osFakeId){display:none !important;position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border-width:0 !important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto !important;scroll-snap-type:none !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden !important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden !important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{display:grid;grid-template:1fr/1fr}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{height:auto !important;width:auto !important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(     var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) *       var(--os-scroll-direction)   )}.os-scrollbar{contain:size layout;contain:size layout style;transition:opacity 0.15s, visibility 0.15s, top 0.15s, right 0.15s, bottom 0.15s, left 0.15s;pointer-events:none;position:absolute;opacity:0;visibility:hidden}body>.os-scrollbar{position:fixed;z-index:99999}.os-scrollbar-transitionless{transition:none !important}.os-scrollbar-track{position:relative;padding:0 !important;border:none !important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{right:auto;left:0}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none !important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0 !important;transition:none !important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type: size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{left:auto;transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-vertical .os-scrollbar-handle{top:auto;transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%))}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{right:auto;left:0}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{right:auto;left:0}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";position:absolute;left:0;right:0;top:0;bottom:0;display:block}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, height 0.15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity 0.15s, background-color 0.15s, border-color 0.15s, width 0.15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none !important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:rgba(0, 0, 0, 0.44);--os-handle-bg-hover:rgba(0, 0, 0, 0.55);--os-handle-bg-active:rgba(0, 0, 0, 0.66)}.os-theme-light{--os-handle-bg:rgba(255, 255, 255, 0.44);--os-handle-bg-hover:rgba(255, 255, 255, 0.55);--os-handle-bg-active:rgba(255, 255, 255, 0.66)}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar,[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar,[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar,html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{-webkit-appearance:none !important;appearance:none !important;display:none !important;width:0 !important;height:0 !important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:host{display:block;font-family:var(--co-font-family-primary);font-size:var(--co-font-size-14);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:color-mix(in srgb, var(--co-semantic-surface-secondary) 55%, transparent);-webkit-backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));backdrop-filter:blur(var(--co-glass-blur)) saturate(var(--co-glass-saturate));border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-xs);min-height:40px;box-sizing:border-box;transition:border-color 0.15s ease, box-shadow 0.15s ease}.co-autocomplete--s .co-autocomplete__field{min-height:28px;padding:var(--co-spacing-xxs) var(--co-spacing-sm);font-size:var(--co-font-size-12)}.co-autocomplete--sm .co-autocomplete__field{min-height:32px;padding:var(--co-spacing-xs) var(--co-spacing-sm);font-size:var(--co-font-size-14)}.co-autocomplete--lg .co-autocomplete__field{min-height:48px;padding:var(--co-spacing-sm) var(--co-spacing-lg);font-size:var(--co-font-size-16)}.co-autocomplete--focused .co-autocomplete__field{border-color:var(--co-semantic-border-focus);box-shadow:0 0 0 2px var(--co-semantic-border-focus-ring)}.co-autocomplete--disabled .co-autocomplete__field{background:var(--co-semantic-surface-disabled);border-color:transparent;cursor:not-allowed}.co-autocomplete--error .co-autocomplete__field{border-color:var(--co-semantic-status-error)}.co-autocomplete--success .co-autocomplete__field{border-color:var(--co-semantic-status-success)}.co-autocomplete--warning .co-autocomplete__field{border-color:var(--co-color-status-review)}.co-autocomplete--info .co-autocomplete__field{border-color:var(--co-semantic-status-info)}.co-autocomplete__icon{flex-shrink:0;color:var(--co-semantic-text-muted);display:flex;align-items:center}.co-autocomplete__chips{display:flex;flex-wrap:wrap;gap:var(--co-spacing-xs)}.co-autocomplete__input{flex:1;min-width:80px;border:none;background:transparent;color:var(--co-semantic-text-default);font-family:inherit;font-size:inherit;font-weight:400;line-height:1;padding:0;outline:none}.co-autocomplete__input::placeholder{color:var(--co-semantic-text-muted)}.co-autocomplete--disabled .co-autocomplete__input{color:var(--co-semantic-text-disabled);cursor:not-allowed}.co-autocomplete__clear{flex-shrink:0;display:flex;align-items:center;padding:0;margin:0;border:none;background:transparent;cursor:pointer;color:var(--co-semantic-text-muted);transition:color 0.15s ease}.co-autocomplete__clear:hover{color:var(--co-semantic-text-default)}.co-autocomplete__spinner{width:16px;height:16px;border:2px solid var(--co-semantic-border-subtle);border-top-color:var(--co-semantic-text-default);border-radius:var(--co-border-radius-full);animation:co-spin 0.6s linear infinite;flex-shrink:0}@keyframes co-spin{to{transform:rotate(360deg)}}.co-autocomplete__dropdown{position:absolute;top:100%;left:0;right:0;z-index:100;margin-top:var(--co-spacing-xs);background:var(--co-semantic-surface-secondary);border:1px solid var(--co-semantic-border-subtle);border-radius:var(--co-border-radius-sm, 12px);box-shadow:0 4px 16px rgba(31, 28, 27, 0.08);overflow:hidden;padding:var(--co-spacing-sm2)}.co-autocomplete__options{max-height:calc(34px * 8);overflow-y:auto}.os-scrollbar.os-theme-co{--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-bg:transparent;--os-handle-border-radius:var(--co-border-radius-full);--os-handle-bg:var(--co-color-opacity-negro-16);--os-handle-bg-hover:var(--co-color-opacity-negro-25);--os-handle-bg-active:var(--co-color-opacity-negro-50);--os-handle-min-size:24px}.co-autocomplete__option{display:flex;align-items:center;gap:var(--co-spacing-sm2);padding:var(--co-spacing-sm2) var(--co-spacing-md);border-radius:var(--co-border-radius-xs);cursor:pointer;transition:background 0.1s ease;min-height:32px;box-sizing:border-box}.co-autocomplete__option:hover{background:var(--co-semantic-surface-hover)}.co-autocomplete__option--selected{background:var(--co-semantic-surface-muted)}.co-autocomplete__option--disabled{opacity:0.4;cursor:not-allowed;pointer-events:none}.co-autocomplete__option-icon{flex-shrink:0;color:var(--co-semantic-text-muted)}.co-autocomplete__option-label{flex:1;color:var(--co-semantic-text-default);font-size:var(--co-font-size-14);font-weight:400;line-height:1}.co-autocomplete__option-check{flex-shrink:0;color:var(--co-semantic-text-default)}.co-autocomplete__loading,.co-autocomplete__empty{display:flex;align-items:center;justify-content:center;padding:var(--co-spacing-md);color:var(--co-semantic-text-muted);font-size:var(--co-font-size-14)}.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)\')}@supports not (background: color-mix(in srgb, red, transparent)){.co-autocomplete__field{background:var(--co-semantic-surface-secondary)}}'}},[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"],debounce:[2],emptyText:[1,"empty-text"],isOpen:[32],query:[32],scrollTop:[32],focused:[32]},[[4,"click","handleDocumentClick"]],{options:[{onOptionsChange:0}],value:[{onValueChange:0}]}]);function p(){"undefined"!=typeof customElements&&["co-autocomplete","co-chip","co-icon","co-loader"].forEach((o=>{switch(o){case"co-autocomplete":customElements.get(t(o))||customElements.define(t(o),d);break;case"co-chip":customElements.get(t(o))||l();break;case"co-icon":customElements.get(t(o))||c();break;case"co-loader":customElements.get(t(o))||n()}}))}d.ITEM_HEIGHT=34,d.VIEWPORT_ITEMS=8,d.OVERSCAN=3,p();const h=d,b=p;export{h as CoAutocomplete,b as defineCustomElement}

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

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

package/dist/components/co-avatar.js

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

package/dist/components/co-badge.js

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

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

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

package/dist/components/co-breadcrumb-item.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CoBreadcrumbItem extends Components.CoBreadcrumbItem, HTMLElement {}
+export const CoBreadcrumbItem: {
+    prototype: CoBreadcrumbItem;
+    new (): CoBreadcrumbItem;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

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

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

package/dist/components/co-breadcrumb.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface CoBreadcrumb extends Components.CoBreadcrumb, HTMLElement {}
+export const CoBreadcrumb: {
+    prototype: CoBreadcrumb;
+    new (): CoBreadcrumb;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/co-breadcrumb.js

@@ -0,0 +1 @@
+import{t,p as e,H as r,h as a,a as s}from"./index.js";import{d as c}from"./p-D7dk2gM7.js";import{d as o}from"./p-CUvAZhuM.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:"904d5f190213ccaeff86950071a170b52c548ceb",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}