@prolibu-suite/cobalt-core 0.9.1 → 0.9.2

package/custom-elements.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-07-31T16:48:55",
+  "timestamp": "2026-08-14T21:48:26",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.43.4",
@@ -1246,7 +1246,7 @@
             "references": {
               "AutocompleteOption": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-autocomplete/co-autocomplete.tsx",
                 "id": "src/components/co-autocomplete/co-autocomplete.tsx::AutocompleteOption"
               }
             }
@@ -2044,7 +2044,7 @@
             "references": {
               "CoAvatarGroupItem": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-avatar-group/co-avatar-group.tsx",
                 "id": "src/components/co-avatar-group/co-avatar-group.tsx::CoAvatarGroupItem"
               }
             }
@@ -6380,7 +6380,7 @@
             "references": {
               "CheckboxOption": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-checkbox-group/co-checkbox-group.tsx",
                 "id": "src/components/co-checkbox-group/co-checkbox-group.tsx::CheckboxOption"
               }
             }
@@ -8670,7 +8670,7 @@
             "references": {
               "ComboboxOption": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-combobox/co-combobox.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-combobox/co-combobox.tsx",
                 "id": "src/components/co-combobox/co-combobox.tsx::ComboboxOption"
               }
             }
@@ -9344,7 +9344,7 @@
             "references": {
               "CommandItem": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-command-search/co-command-search.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-command-search/co-command-search.tsx",
                 "id": "src/components/co-command-search/co-command-search.tsx::CommandItem"
               }
             }
@@ -9725,7 +9725,7 @@
             "references": {
               "CoDataTableColumn": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-data-table/co-data-table.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-data-table/co-data-table.tsx",
                 "id": "src/components/co-data-table/co-data-table.tsx::CoDataTableColumn"
               }
             }
@@ -13844,7 +13844,7 @@
             "references": {
               "DateRangeValue": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                 "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
               }
             }
@@ -13920,7 +13920,7 @@
             "references": {
               "DateRangeValue": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-date-range-picker/co-date-range-picker.tsx",
                 "id": "src/components/co-date-range-picker/co-date-range-picker.tsx::DateRangeValue"
               }
             }
@@ -16140,6 +16140,395 @@
         ]
       }
     },
+    {
+      "filePath": "src/components/co-emoji-picker/co-emoji-picker.tsx",
+      "encapsulation": "shadow",
+      "tag": "co-emoji-picker",
+      "docs": "Selector de emoji: buscador + strip de categorías + grilla virtualizada.\n\nEs un PRIMITIVO de panel, igual que co-option-list: no renderiza trigger ni\nchrome (popover/dialog/ancho). El host lo compone — típicamente dentro de un\n`<co-popover>` colgado de su propio botón.\n\nDataset: 1906 emoji del set RGI, empaquetados como texto (~16 KB gz). Los\nnombres localizados (es/pt) se cargan con `import()` dinámico solo cuando el\n`locale` los pide; en inglés no se descargan nunca.",
+      "docsTags": [
+        {
+          "name": "event",
+          "text": "coSelect - El emoji elegido: `{ emoji, name }`."
+        },
+        {
+          "name": "event",
+          "text": "coClose - Escape con el buscador vacío (el host decide si cierra)."
+        }
+      ],
+      "usage": {},
+      "props": [
+        {
+          "name": "columns",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "columns",
+          "reflectToAttr": false,
+          "docs": "Columnas de la grilla.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "8"
+            }
+          ],
+          "default": "8",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "emptyMessage",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "empty-message",
+          "reflectToAttr": false,
+          "docs": "Mensaje de \"sin resultados\". Vacío = el del `locale`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "label",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "label",
+          "reflectToAttr": false,
+          "docs": "aria-label del panel. Vacío = el del `locale`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "locale",
+          "type": "string | undefined",
+          "complexType": {
+            "original": "string",
+            "resolved": "string | undefined",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "locale",
+          "reflectToAttr": false,
+          "docs": "Locale de los textos de UI y de los nombres de emoji ('es' | 'en' | 'pt').",
+          "docsTags": [],
+          "values": [
+            {
+              "type": "string"
+            },
+            {
+              "type": "undefined"
+            }
+          ],
+          "optional": true,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "recent",
+          "type": "string[]",
+          "complexType": {
+            "original": "string[]",
+            "resolved": "string[]",
+            "references": {}
+          },
+          "mutable": false,
+          "reflectToAttr": false,
+          "docs": "Emoji usados recientemente, del más nuevo al más viejo. Se pintan como una\ncategoría propia al tope de la grilla; con la lista vacía la categoría no\nexiste (ni fila, ni header, ni botón en el strip).\n\nEl historial lo posee el CONSUMIDOR, igual que el tono. Ningún componente de\nCobalt escribe `localStorage`: el design system no conoce el scope de la\npreferencia (¿por usuario? ¿por workspace? ¿sincronizada al backend?) y\nescribir por su cuenta le impondría esa decisión a toda la suite. El\nconsumidor recibe `coSelect` y actualiza esta prop; `pushRecent()` de\n`emojiPickerLogic` implementa la política MRU si no la quiere reescribir.\n\nEs RECIENTES (orden temporal), no \"frecuentes\" (por conteo): lo último que\nusaste queda primero, sin contadores que se calcifiquen arriba con el uso.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "[]"
+            }
+          ],
+          "default": "[]",
+          "values": [
+            {
+              "type": "string[]"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "recentLimit",
+          "type": "number",
+          "complexType": {
+            "original": "number",
+            "resolved": "number",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "recent-limit",
+          "reflectToAttr": false,
+          "docs": "Tope de emoji recientes mostrados.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "16"
+            }
+          ],
+          "default": "16",
+          "values": [
+            {
+              "type": "number"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "searchPlaceholder",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "search-placeholder",
+          "reflectToAttr": false,
+          "docs": "Placeholder del buscador. Vacío = el del `locale`.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "searchable",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "searchable",
+          "reflectToAttr": true,
+          "docs": "Muestra el buscador.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "showCategories",
+          "type": "boolean",
+          "complexType": {
+            "original": "boolean",
+            "resolved": "boolean",
+            "references": {}
+          },
+          "mutable": false,
+          "attr": "show-categories",
+          "reflectToAttr": true,
+          "docs": "Muestra el strip de categorías.",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "true"
+            }
+          ],
+          "default": "true",
+          "values": [
+            {
+              "type": "boolean"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        },
+        {
+          "name": "skinTone",
+          "type": "string",
+          "complexType": {
+            "original": "string",
+            "resolved": "string",
+            "references": {}
+          },
+          "mutable": true,
+          "attr": "skin-tone",
+          "reflectToAttr": true,
+          "docs": "Tono de piel aplicado a toda la grilla: `''` (por defecto) | `'light'` |\n`'medium-light'` | `'medium'` | `'medium-dark'` | `'dark'`.\n\nEs `mutable`: el componente la actualiza al elegir un tono para que funcione\nsuelto, y emite `coSkinToneChange`. La PERSISTENCIA es del consumidor —\nCobalt no escribe storage (ver el comentario de `recent`).",
+          "docsTags": [
+            {
+              "name": "default",
+              "text": "''"
+            }
+          ],
+          "default": "''",
+          "values": [
+            {
+              "type": "string"
+            }
+          ],
+          "optional": false,
+          "required": false,
+          "getter": false,
+          "setter": false
+        }
+      ],
+      "methods": [],
+      "events": [
+        {
+          "event": "coClose",
+          "detail": "void",
+          "bubbles": false,
+          "complexType": {
+            "original": "void",
+            "resolved": "void",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": false,
+          "docs": "Emitido con Escape y el buscador ya vacío.",
+          "docsTags": []
+        },
+        {
+          "event": "coSelect",
+          "detail": "{ emoji: string; name: string; }",
+          "bubbles": false,
+          "complexType": {
+            "original": "{ emoji: string; name: string }",
+            "resolved": "{ emoji: string; name: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": false,
+          "docs": "Emitido al elegir un emoji. `emoji` ya viene con el tono aplicado.",
+          "docsTags": []
+        },
+        {
+          "event": "coSkinToneChange",
+          "detail": "{ skinTone: string; }",
+          "bubbles": false,
+          "complexType": {
+            "original": "{ skinTone: string }",
+            "resolved": "{ skinTone: string; }",
+            "references": {}
+          },
+          "cancelable": true,
+          "composed": false,
+          "docs": "Emitido al cambiar el tono de piel — el consumidor lo persiste.",
+          "docsTags": []
+        }
+      ],
+      "listeners": [],
+      "styles": [],
+      "slots": [],
+      "parts": [
+        {
+          "name": "categories",
+          "docs": ""
+        },
+        {
+          "name": "grid",
+          "docs": ""
+        },
+        {
+          "name": "input",
+          "docs": ""
+        },
+        {
+          "name": "panel",
+          "docs": ""
+        },
+        {
+          "name": "search",
+          "docs": ""
+        },
+        {
+          "name": "tones",
+          "docs": ""
+        }
+      ],
+      "states": [],
+      "dependents": [],
+      "dependencies": [
+        "co-icon"
+      ],
+      "dependencyGraph": {
+        "co-emoji-picker": [
+          "co-icon"
+        ]
+      }
+    },
     {
       "filePath": "src/components/co-empty-state/co-empty-state.tsx",
       "encapsulation": "shadow",
@@ -19003,6 +19392,7 @@
         "co-drawer",
         "co-drive-card",
         "co-drop-zone",
+        "co-emoji-picker",
         "co-empty-state",
         "co-event-calendar",
         "co-fab",
@@ -19115,6 +19505,9 @@
         "co-drop-zone": [
           "co-icon"
         ],
+        "co-emoji-picker": [
+          "co-icon"
+        ],
         "co-empty-state": [
           "co-icon"
         ],
@@ -25443,7 +25836,7 @@
             "references": {
               "PopoverPlacement": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-popover/co-popover.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-popover/co-popover.tsx",
                 "id": "src/components/co-popover/co-popover.tsx::PopoverPlacement"
               }
             }
@@ -26530,7 +26923,7 @@
             "references": {
               "RadioOption": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-radio-group/co-radio-group.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-radio-group/co-radio-group.tsx",
                 "id": "src/components/co-radio-group/co-radio-group.tsx::RadioOption"
               }
             }
@@ -28027,7 +28420,7 @@
             "references": {
               "RefFieldOption": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-ref-field/co-ref-field.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-ref-field/co-ref-field.tsx",
                 "id": "src/components/co-ref-field/co-ref-field.tsx::RefFieldOption"
               }
             }
@@ -30118,7 +30511,7 @@
             "references": {
               "CoSegment": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-segmented-bar/co-segmented-bar.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-segmented-bar/co-segmented-bar.tsx",
                 "id": "src/components/co-segmented-bar/co-segmented-bar.tsx::CoSegment"
               }
             }
@@ -30533,7 +30926,7 @@
             "references": {
               "SelectOption": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-select/co-select.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-select/co-select.tsx",
                 "id": "src/components/co-select/co-select.tsx::SelectOption"
               }
             }
@@ -31532,7 +31925,7 @@
             "references": {
               "NavigateDetail": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-sidebar-nav/co-sidebar-nav.tsx",
                 "id": "src/components/co-sidebar-nav/co-sidebar-nav.tsx::NavigateDetail"
               }
             }
@@ -34062,7 +34455,7 @@
             "references": {
               "CoToastActionsLayout": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-toast/co-toast.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-toast/co-toast.tsx",
                 "id": "src/components/co-toast/co-toast.tsx::CoToastActionsLayout"
               }
             }
@@ -34238,7 +34631,7 @@
             "references": {
               "CoToastVariant": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-toast/co-toast.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-toast/co-toast.tsx",
                 "id": "src/components/co-toast/co-toast.tsx::CoToastVariant"
               }
             }
@@ -35422,7 +35815,7 @@
             "references": {
               "TransferOption": {
                 "location": "local",
-                "path": "/Users/agox/Documents/Prolibu/prolibu-cobalt/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
+                "path": "/Users/agox/worktrees/cobalt-release/packages/core/src/components/co-transfer-list/co-transfer-list.tsx",
                 "id": "src/components/co-transfer-list/co-transfer-list.tsx::TransferOption"
               }
             }

package/dist/cjs/co-avatar_2.cjs.entry.js

@@ -322,7 +322,7 @@ const CoTooltip = class {
     // ── Render ─────────────────────────────────────────────────
     render() {
         const side = this.actualPlacement.split('-')[0];
-        return (index.h("div", { key: '530faa6db12a88e00f7af7331a23d3e350c3f8c5', class: "co-tooltip" }, index.h("div", { key: 'de0d1beac3ae5a253ef724b21321c81cdad86760', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, index.h("slot", { key: 'efc9d367cdcd83ea797996261482c09031e85db3' })), this.visible && this.content && (index.h("div", { key: '82fc28ee8eff7c7a0d9bbae39197853874d591fc', id: "tooltip-panel", class: {
+        return (index.h("div", { key: '0b716923cacfbf88ec2fbb06c2fcf3b641fcc778', class: "co-tooltip" }, index.h("div", { key: 'c6229d2d8680bca5b43560e7b424226dc920fe76', class: "co-tooltip__trigger", ref: (el) => (this.triggerEl = el), onMouseEnter: this.handleMouseEnter, onMouseLeave: this.handleMouseLeave, onPointerDown: this.handlePointerDown, onFocusin: this.handleFocusIn, onFocusout: this.handleFocusOut, onKeyDown: this.handleKeyDown, "aria-describedby": this.visible ? 'tooltip-panel' : undefined }, index.h("slot", { key: 'd295ed465e59b83768f1cbedfa29782e6f1ed49b' })), this.visible && this.content && (index.h("div", { key: '8b1ae750b750f1b935338f9829546be6ce632d0f', id: "tooltip-panel", class: {
                 'co-tooltip__panel': true,
                 [`co-tooltip__panel--${side}`]: true,
             }, role: "tooltip", popover: "manual", ref: (el) => {
@@ -331,7 +331,7 @@ const CoTooltip = class {
                     this.promotePanel();
                     this.scheduleUpdate();
                 }
-            }, style: { maxWidth: this.maxWidth } }, this.arrow && index.h("div", { key: '98744b724c3a165c4c6048731520f0fd2ac598ce', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), index.h("span", { key: '400b3c10dea6ded8e206d14326b424e01c4970ac', class: "co-tooltip__content" }, this.content)))));
+            }, style: { maxWidth: this.maxWidth } }, this.arrow && index.h("div", { key: 'a460586e3da5c050c24a290ae4271e3ca4656ca2', class: `co-tooltip__arrow co-tooltip__arrow--${side}` }), index.h("span", { key: 'ecb878eac97a22f9071d9e379a795cd560031ff7', class: "co-tooltip__content" }, this.content)))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/co-bottom-sheet.cjs.entry.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var index = require('./index-DK-2Lzmf.js');
+var slotContent = require('./slotContent-Bm9RcM_Q.js');
 
 /**
  * Pure gesture math for co-bottom-sheet (DOM-free, unit-tested).
@@ -99,10 +100,10 @@ const CoBottomSheet = class {
                 this.coClose.emit();
         };
         this.handleFooterSlotChange = (e) => {
-            this.hasFooter = this.slotHasContent(e);
+            this.hasFooter = slotContent.slotHasContent(e);
         };
         this.handleHeaderSlotChange = (e) => {
-            this.hasHeaderSlot = this.slotHasContent(e);
+            this.hasHeaderSlot = slotContent.slotHasContent(e);
         };
         this.handleTransitionEnd = (e) => {
             if (e.propertyName !== 'transform' || e.target !== this.sheetEl)
@@ -256,12 +257,6 @@ const CoBottomSheet = class {
         if (this.backdropEl)
             this.backdropEl.style.opacity = '';
     }
-    slotHasContent(e) {
-        return e.target
-            .assignedNodes({ flatten: true })
-            .some((node) => node.nodeType === Node.ELEMENT_NODE ||
-            (node.nodeType === Node.TEXT_NODE && (node.textContent || '').trim() !== ''));
-    }
     arm(e, fromBody) {
         if (!this.open || this.dismissPending || !e.isPrimary)
             return;
@@ -305,13 +300,17 @@ const CoBottomSheet = class {
         (_a = this.bodyEl) === null || _a === void 0 ? void 0 : _a.removeEventListener('touchmove', this.touchBlocker);
     }
     render() {
-        return (index.h("div", { key: 'ba3db3d99801b70af3d5adc93c83868e2b2df3e2', class: { 'co-bottom-sheet-root': true, 'co-bottom-sheet-root--open': this.open } }, index.h("div", { key: '1003cdf6554d5594a3cd6ce51850cf767e76f5e2', class: "co-bottom-sheet__backdrop", part: "backdrop", onClick: this.handleBackdropClick, ref: (el) => (this.backdropEl = el) }), index.h("section", { key: '8474a75c0b2bcf05e91f56274bbeef93e471b28f', class: { 'co-bottom-sheet': true, 'co-bottom-sheet--open': this.open }, part: "sheet", role: "dialog", "aria-modal": "true", "aria-labelledby": this.heading ? 'co-bottom-sheet-heading' : undefined, style: { '--co-bottom-sheet-max-height': this.maxHeight }, onTransitionEnd: this.handleTransitionEnd, ref: (el) => (this.sheetEl = el) }, index.h("div", { key: 'a0c45bd9389353b7c28a85cf02002e417e9295cd', class: "co-bottom-sheet__grip", onPointerDown: this.handleGripPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel }, this.showHandle && (index.h("div", { key: '36251f7b8031cb20ac95b9b8f674d094a5240789', class: "co-bottom-sheet__handle", part: "handle", "aria-hidden": "true" })), index.h("header", { key: 'f6533a7ed9bf8985cf3712f6587fd129557aed75', class: {
+        return (index.h("div", { key: '9c7c9c9dc4f1d627be8801afdaf3cc5999ead3be', class: { 'co-bottom-sheet-root': true, 'co-bottom-sheet-root--open': this.open } }, index.h("div", { key: '7de7991fdeb6338f3af4a31464f275cd4c9cd909', class: "co-bottom-sheet__backdrop", part: "backdrop", onClick: this.handleBackdropClick, ref: (el) => (this.backdropEl = el) }), index.h("section", { key: '81ef802c44978ca6db8d2322b0e98f0613d80ad9', class: { 'co-bottom-sheet': true, 'co-bottom-sheet--open': this.open }, part: "sheet", role: "dialog", "aria-modal": "true", "aria-labelledby": this.hasHeaderSlot
+                ? 'co-bottom-sheet-header'
+                : this.heading
+                    ? 'co-bottom-sheet-heading'
+                    : undefined, style: { '--co-bottom-sheet-max-height': this.maxHeight }, onTransitionEnd: this.handleTransitionEnd, ref: (el) => (this.sheetEl = el) }, index.h("div", { key: 'a66516cb09be2cf219ef1045802c476d9d9b938e', class: "co-bottom-sheet__grip", onPointerDown: this.handleGripPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel }, this.showHandle && (index.h("div", { key: '214e9765f91449e6f0773c2b5ad6991cf0bb6be8', class: "co-bottom-sheet__handle", part: "handle", "aria-hidden": "true" })), index.h("header", { key: '3d63d502be3511b543463709e882db231df40c9b', class: {
                 'co-bottom-sheet__header': true,
                 'co-bottom-sheet__header--show': this.hasHeaderSlot || !!this.heading,
-            }, part: "header" }, index.h("slot", { key: 'b7061e6c4d48b1a221805962ab55153e06edecf7', name: "header", onSlotchange: this.handleHeaderSlotChange }, this.heading && (index.h("h2", { key: '8180cb9cc8e1c234475cc02d7fdab3bc94fa7f31', class: "co-bottom-sheet__heading", id: "co-bottom-sheet-heading" }, this.heading))))), index.h("div", { key: 'e8094b7c7c0919b0cc724404b2c97c4c18b031c9', class: "co-bottom-sheet__body", part: "body", onPointerDown: this.handleBodyPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '0b9271b2ad92c1a8f7bcfde66955ceb026b0fffd' })), index.h("footer", { key: '016e2c9974dc2a1c88aacfd0d5a7a6b6e10f1033', class: {
+            }, part: "header", id: "co-bottom-sheet-header" }, index.h("slot", { key: '652d26a569389c0a4829fae4330141603fd0f072', name: "header", onSlotchange: this.handleHeaderSlotChange }, this.heading && (index.h("h2", { key: '6076038750176a915aad4acff2e0e6cc0f699d12', class: "co-bottom-sheet__heading", id: "co-bottom-sheet-heading" }, this.heading))))), index.h("div", { key: 'fb08ac38369623c07450a96409961086831be022', class: "co-bottom-sheet__body", part: "body", onPointerDown: this.handleBodyPointerDown, onPointerMove: this.handlePointerMove, onPointerUp: this.handlePointerUp, onPointerCancel: this.handlePointerCancel, ref: (el) => (this.bodyEl = el) }, index.h("slot", { key: '963205af45ba01d295afa648f8b37875e6f3adea' })), index.h("footer", { key: 'b72a488ea199acba8bc9d647a4b5d0eb3170a2c7', class: {
                 'co-bottom-sheet__footer': true,
                 'co-bottom-sheet__footer--show': this.hasFooter,
-            }, part: "footer" }, index.h("slot", { key: '5d571808b9b49eca346b7ce30525cab841b3ff4a', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
+            }, part: "footer" }, index.h("slot", { key: 'aeecf78508978fd5e5c068ac2b37bfaecb709e1e', name: "footer", onSlotchange: this.handleFooterSlotChange })))));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {