@dropi/ui 0.1.45 → 0.1.48

package/dist/collection/components/dropi-table/dropi-table.js

@@ -237,7 +237,7 @@ export class DropiTable {
         const allSelected = rows.length > 0 && this.selectedKeys.size === rows.length;
         const hasActions = this.parsedRowActions.length > 0;
         const cols = this.visibleColumns;
-        return (h("div", { class: "table-container" }, (this.showSearch || this.showColumnSelector || this.tableTitle) && (h("div", { class: "search-container" }, this.tableTitle && h("div", { class: "table-title Body-L-Bold" }, this.tableTitle), h("div", { class: `search-actions${this.showSearch ? '' : ' only-filter'}` }, this.showSearch && (h("dropi-input", { placeholder: "Buscar", value: this.searchTerm, onDropiInput: (e) => {
+        return (h("div", { class: "table-container" }, (this.showSearch || this.showColumnSelector || this.tableTitle) && (h("div", { class: "search-container" }, this.tableTitle && h("div", { class: "table-title Body-L-Bold" }, this.tableTitle), h("div", { class: `search-actions${this.showSearch ? '' : ' only-filter'}` }, this.showSearch && (h("dropi-input", { inputId: "_table-search", name: "_table-search", placeholder: "Buscar", value: this.searchTerm, onDropiInput: (e) => {
                 this.searchTerm = e.detail;
                 this.dropiSearch.emit(e.detail);
                 this.dropiSearchChangeAngular.emit(e.detail);
@@ -248,11 +248,11 @@ export class DropiTable {
                 else
                     next.add(col.key);
                 this.hiddenColumns = next;
-            } }, h("dropi-checkbox", { checked: !this.hiddenColumns.has(col.key) }), h("span", null, col.label)))), h("div", { class: "column-selector-footer" }, h("div", { class: "column-selector-all", onClick: () => {
+            } }, h("dropi-checkbox", { name: "_table-col-toggle", checked: !this.hiddenColumns.has(col.key) }), h("span", null, col.label)))), h("div", { class: "column-selector-footer" }, h("div", { class: "column-selector-all", onClick: () => {
                 this.hiddenColumns = this.hiddenColumns.size === 0
                     ? new Set(this.parsedColumns.map(c => c.key))
                     : new Set();
-            } }, h("dropi-checkbox", { checked: this.hiddenColumns.size === 0 }), h("span", null, "Mostrar / Ocultar todo"))))))))))), h("div", { class: `table-wrapper${hasActions ? ' has-sticky-actions' : ''}` }, h("table", { class: `custom-table${this.showCheckbox ? ' has-checkbox' : ''}` }, h("thead", null, h("tr", null, this.showCheckbox && (h("th", { class: "checkbox-header" }, h("dropi-checkbox", { checked: allSelected, onDropiChange: (e) => this.toggleAll(e.detail) }))), cols.map(col => (h("th", { class: { sortable: !!col.sortable, 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }, style: { textAlign: col.align || 'center', minWidth: col.minWidth, maxWidth: col.maxWidth }, onClick: () => this.handleSort(col) }, h("div", { class: `headers-container${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}` }, h("div", { class: `headers${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}` }, h("span", null, col.label), col.sortable && (h("div", { class: "order-icons" }, h("dropi-icon", { name: "Caret-up", iconWidth: "12px", iconHeight: "12px", color: this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200' }), h("dropi-icon", { name: "Caret-down", iconWidth: "12px", iconHeight: "12px", color: !this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200' })))))))), hasActions && h("th", { class: "actions-header actions" }, "Acciones"))), h("tbody", null, this.loading ? (Array.from({ length: 5 }).map(() => (h("tr", { class: "table-row" }, this.showCheckbox && h("td", null, h("div", { class: "skeleton skeleton--sm" })), cols.map(() => h("td", null, h("div", { class: "skeleton" }))), hasActions && h("td", null))))) : rows.length === 0 ? (h("tr", null, h("td", { colSpan: cols.length + (this.showCheckbox ? 1 : 0) + (hasActions ? 1 : 0) }, h("div", { class: "empty-table" }, h("div", { class: "empty-message-container" }, this.emptyMessage))))) : (rows.map((row, i) => (h("tr", { class: "table-row", onClick: () => this.dropiRowClick.emit({ row, index: i }) }, this.showCheckbox && (h("td", { onClick: (e) => e.stopPropagation() }, h("dropi-checkbox", { checked: this.selectedKeys.has(i), onDropiChange: () => this.toggleRow(i) }))), cols.map(col => (h("td", { class: { 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }, style: { minWidth: col.minWidth, maxWidth: col.maxWidth, overflow: col.maxWidth ? 'hidden' : undefined } }, h("div", { class: "cell-content", style: { textAlign: col.align || 'center' } }, this.renderCellValue(row[col.key]))))), hasActions && (h("td", { class: "action-button actions", onClick: (e) => e.stopPropagation() }, this.parsedRowActions.length > 2 ? (h("div", { style: { display: "flex", justifyContent: "center", width: "100%" } }, h("dropi-icon", { class: "action-icon", name: "Menu-dots-vertical", iconWidth: "24px", iconHeight: "24px", color: "Gray-Gray-500", onClick: () => this.openActionRow = this.openActionRow === i ? -1 : i }), this.openActionRow === i && (h("div", { class: "actions-menu" }, this.parsedRowActions.map(action => (h("div", { class: "action-item", onClick: () => { this.openActionRow = -1; this.dropiAction.emit({ row, action }); this.dropiActionClick.emit({ row, action }); } }, h("dropi-icon", { name: action.icon, iconWidth: "20px", iconHeight: "20px", color: action.iconColor || 'Gray-Gray-500' }), action.label))))))) : (h("div", { class: "short-actions" }, this.parsedRowActions.map(action => (h("dropi-icon", { class: "action-icon", name: action.icon, iconWidth: "24px", iconHeight: "24px", color: action.iconColor || 'Gray-Gray-500', onClick: () => { this.dropiAction.emit({ row, action }); this.dropiActionClick.emit({ row, action }); } })))))))))))))), this.showPaginator && (h("div", { class: "pagination" }, h("div", { class: "page-size-selector" }, h("label", null, "Mostrar"), h("select", { onChange: (e) => {
+            } }, h("dropi-checkbox", { name: "_table-col-toggle-all", checked: this.hiddenColumns.size === 0 }), h("span", null, "Mostrar / Ocultar todo"))))))))))), h("div", { class: `table-wrapper${hasActions ? ' has-sticky-actions' : ''}` }, h("table", { class: `custom-table${this.showCheckbox ? ' has-checkbox' : ''}` }, h("thead", null, h("tr", null, this.showCheckbox && (h("th", { class: "checkbox-header" }, h("dropi-checkbox", { name: "_table-select-all", checked: allSelected, onDropiChange: (e) => this.toggleAll(e.detail) }))), cols.map(col => (h("th", { class: { sortable: !!col.sortable, 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }, style: { textAlign: col.align || 'center', minWidth: col.minWidth, maxWidth: col.maxWidth }, onClick: () => this.handleSort(col) }, h("div", { class: `headers-container${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}` }, h("div", { class: `headers${col.align === 'left' ? ' align-left' : col.align === 'right' ? ' align-right' : ''}` }, h("span", null, col.label), col.sortable && (h("div", { class: "order-icons" }, h("dropi-icon", { name: "Caret-up", iconWidth: "12px", iconHeight: "12px", color: this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200' }), h("dropi-icon", { name: "Caret-down", iconWidth: "12px", iconHeight: "12px", color: !this.sortAsc ? 'Gray-Gray-500' : 'Gray-Gray-200' })))))))), hasActions && h("th", { class: "actions-header actions" }, "Acciones"))), h("tbody", null, this.loading ? (Array.from({ length: 5 }).map(() => (h("tr", { class: "table-row" }, this.showCheckbox && h("td", null, h("div", { class: "skeleton skeleton--sm" })), cols.map(() => h("td", null, h("div", { class: "skeleton" }))), hasActions && h("td", null))))) : rows.length === 0 ? (h("tr", null, h("td", { colSpan: cols.length + (this.showCheckbox ? 1 : 0) + (hasActions ? 1 : 0) }, h("div", { class: "empty-table" }, h("div", { class: "empty-message-container" }, this.emptyMessage))))) : (rows.map((row, i) => (h("tr", { class: "table-row", onClick: () => this.dropiRowClick.emit({ row, index: i }) }, this.showCheckbox && (h("td", { onClick: (e) => e.stopPropagation() }, h("dropi-checkbox", { name: "_table-row-select", checked: this.selectedKeys.has(i), onDropiChange: () => this.toggleRow(i) }))), cols.map(col => (h("td", { class: { 'low-opacity': !!col.disabledColumn, 'highlight-column': !!col.highlightColumn }, style: { minWidth: col.minWidth, maxWidth: col.maxWidth, overflow: col.maxWidth ? 'hidden' : undefined } }, h("div", { class: "cell-content", style: { textAlign: col.align || 'center' } }, this.renderCellValue(row[col.key]))))), hasActions && (h("td", { class: "action-button actions", onClick: (e) => e.stopPropagation() }, this.parsedRowActions.length > 2 ? (h("div", { style: { display: "flex", justifyContent: "center", width: "100%" } }, h("dropi-icon", { class: "action-icon", name: "Menu-dots-vertical", iconWidth: "24px", iconHeight: "24px", color: "Gray-Gray-500", onClick: () => this.openActionRow = this.openActionRow === i ? -1 : i }), this.openActionRow === i && (h("div", { class: "actions-menu" }, this.parsedRowActions.map(action => (h("div", { class: "action-item", onClick: () => { this.openActionRow = -1; this.dropiAction.emit({ row, action }); this.dropiActionClick.emit({ row, action }); } }, h("dropi-icon", { name: action.icon, iconWidth: "20px", iconHeight: "20px", color: action.iconColor || 'Gray-Gray-500' }), action.label))))))) : (h("div", { class: "short-actions" }, this.parsedRowActions.map(action => (h("dropi-icon", { class: "action-icon", name: action.icon, iconWidth: "24px", iconHeight: "24px", color: action.iconColor || 'Gray-Gray-500', onClick: () => { this.dropiAction.emit({ row, action }); this.dropiActionClick.emit({ row, action }); } })))))))))))))), this.showPaginator && (h("div", { class: "pagination" }, h("div", { class: "page-size-selector" }, h("label", null, "Mostrar"), h("select", { onChange: (e) => {
                 this.pageSize = Number(e.target.value);
                 this.currentPage = 1;
                 this.dropiPageSizeChange.emit(this.pageSize);
@@ -286,7 +286,7 @@ export class DropiTable {
                     "references": {
                         "TableColumn": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-table/dropi-table.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-table/dropi-table.tsx",
                             "id": "src/components/dropi-table/dropi-table.tsx::TableColumn"
                         }
                     }
@@ -312,7 +312,7 @@ export class DropiTable {
                     "references": {
                         "TableRow": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-table/dropi-table.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-table/dropi-table.tsx",
                             "id": "src/components/dropi-table/dropi-table.tsx::TableRow"
                         }
                     }
@@ -743,7 +743,7 @@ export class DropiTable {
                     "references": {
                         "SortDir": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-table/dropi-table.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-table/dropi-table.tsx",
                             "id": "src/components/dropi-table/dropi-table.tsx::SortDir"
                         }
                     }
@@ -779,7 +779,7 @@ export class DropiTable {
                     "references": {
                         "TableRow": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-table/dropi-table.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-table/dropi-table.tsx",
                             "id": "src/components/dropi-table/dropi-table.tsx::TableRow"
                         }
                     }
@@ -845,7 +845,7 @@ export class DropiTable {
                     "references": {
                         "TableRow": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-table/dropi-table.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-table/dropi-table.tsx",
                             "id": "src/components/dropi-table/dropi-table.tsx::TableRow"
                         }
                     }

package/dist/collection/components/dropi-tabs/dropi-tabs.js

@@ -64,7 +64,7 @@ export class DropiTabs {
                     "references": {
                         "TabItem": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tabs/dropi-tabs.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tabs/dropi-tabs.tsx",
                             "id": "src/components/dropi-tabs/dropi-tabs.tsx::TabItem"
                         }
                     }
@@ -165,7 +165,7 @@ export class DropiTabs {
                     "references": {
                         "TabItem": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tabs/dropi-tabs.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tabs/dropi-tabs.tsx",
                             "id": "src/components/dropi-tabs/dropi-tabs.tsx::TabItem"
                         }
                     }

package/dist/collection/components/dropi-tag/dropi-tag.js

@@ -98,7 +98,7 @@ export class DropiTag {
                     "references": {
                         "TagVariant": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tag/dropi-tag.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tag/dropi-tag.tsx",
                             "id": "src/components/dropi-tag/dropi-tag.tsx::TagVariant"
                         }
                     }
@@ -124,7 +124,7 @@ export class DropiTag {
                     "references": {
                         "TagType": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tag/dropi-tag.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tag/dropi-tag.tsx",
                             "id": "src/components/dropi-tag/dropi-tag.tsx::TagType"
                         }
                     }
@@ -150,7 +150,7 @@ export class DropiTag {
                     "references": {
                         "TagState": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tag/dropi-tag.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tag/dropi-tag.tsx",
                             "id": "src/components/dropi-tag/dropi-tag.tsx::TagState"
                         }
                     }

package/dist/collection/components/dropi-tag-type-product/dropi-tag-type-product.js

@@ -7,7 +7,7 @@ export class DropiTagTypeProduct {
     /** Label text. Default: VARIABLE */
     label = 'VARIABLE';
     render() {
-        return h("div", { key: '6d27b4fc40c66e6bfd8400e4727aa9a9c2e8dc8c', class: "type-variation" }, this.label);
+        return h("div", { key: '89083374c365448b4862687559ce311e258ee031', class: "type-variation" }, this.label);
     }
     static get is() { return "dropi-tag-type-product"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropi-text-area/dropi-text-area.js

@@ -7,9 +7,9 @@ import { h } from "@stencil/core";
 export class DropiTextArea {
     internals;
     /** Input id. Defaults to label. */
-    id = '';
+    inputId;
     /** Name for native form submission */
-    name = '';
+    name;
     /** Label shown above the textarea */
     label = '';
     /** Placeholder text */
@@ -43,8 +43,8 @@ export class DropiTextArea {
     textAreaPropertiesChanged(val) {
         if (!val)
             return;
-        if (val.id !== undefined)
-            this.id = val.id;
+        if (val.inputId !== undefined)
+            this.inputId = val.inputId;
         if (val.label !== undefined)
             this.label = val.label;
         if (val.placeholder !== undefined)
@@ -87,7 +87,7 @@ export class DropiTextArea {
         this.dropiBlur.emit();
     }
     get resolvedId() {
-        return this.id || this.label;
+        return this.inputId || this.name;
     }
     get isInvalid() {
         return this.hasError && this.touched;
@@ -98,12 +98,12 @@ export class DropiTextArea {
     render() {
         const showAsterisk = this.required && this.showObligatoryAsterisk && !this.disabled;
         const showHelper = this.textHelper || this.isInvalid;
-        return (h("div", { key: '8c25826a54d1f0bec06d8f70211d2bcd873d59a6', class: "textarea-wrapper" }, this.label && (h("label", { key: '58a578753a1248b185d2763aedf50eaaa152c791', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: 'cf31923103a7594f552df4ec86885f78d0c31779', class: "asterisk" }, " *"))), h("div", { key: '6ea60b6286fd4438389cfda0580379d8fe013adc', class: "textarea-container" }, h("textarea", { key: 'fc5e495d80bfd665e55480668b9fa7ed62651984', id: this.resolvedId, class: {
+        return (h("div", { key: '0b5292b24d3e4f2b56d69e985ede73be0f9a1338', class: "textarea-wrapper" }, this.label && (h("label", { key: '19a45a83b92bed4b98da68389f5eee6affce9eb2', htmlFor: this.resolvedId, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : 'var(--Gray-Gray-600)' } }, this.label, showAsterisk && h("span", { key: 'e67602dbd7095504c4c1bf574d03a01a5238b561', class: "asterisk" }, " *"))), h("div", { key: '1d858e327147e87ca9df03d38e7bb90e0464fe31', class: "textarea-container" }, h("textarea", { key: 'c50cab6f4126a99628bd0aa6f2843fec43b27edf', id: this.resolvedId, class: {
                 'form-control': true,
                 'Body-M-Regular': true,
                 'form-control-valid': !this.isInvalid && this.touched && !!this.value,
                 'form-control-invalid': this.isInvalid,
-            }, rows: this.rows, placeholder: this.placeholder, maxLength: this.maxLength, minLength: this.minLength, disabled: this.disabled, required: this.required, style: { resize: this.resize }, onInput: (e) => this.handleInput(e), onFocus: () => this.dropiFocus.emit(), onBlur: () => this.handleBlur() }, this.value), this.maxLength > 0 && (h("div", { key: '07c350ce7a2e56b466229450645e6faece3d284b', class: "char-counter" }, this.charCount, "/", this.maxLength))), showHelper && (h("div", { key: 'c9fbd9a21b7e26fbd9571fc524b6f706404145d3', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: '8fc6e34849f9e3175097597280a3bea9defb6bb0', name: "Warning-circle", iconWidth: "12px", iconHeight: "12px", color: "Error-Error-500" })), h("span", { key: '68bf62627efb3de92afe54f7803e322f5a0462e4', class: { 'invalid-color': this.isInvalid }, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : undefined } }, this.textHelper)))));
+            }, rows: this.rows, placeholder: this.placeholder, maxLength: this.maxLength, minLength: this.minLength, disabled: this.disabled, required: this.required, style: { resize: this.resize }, onInput: (e) => this.handleInput(e), onFocus: () => this.dropiFocus.emit(), onBlur: () => this.handleBlur() }, this.value), this.maxLength > 0 && (h("div", { key: 'f62af4910cccf74bbbc7bad4064228545fba5d88', class: "char-counter" }, this.charCount, "/", this.maxLength))), showHelper && (h("div", { key: 'ca4ac5b41128f27dee5363aca453dc1f085d9e61', class: "form-control-helper" }, this.isInvalid && (h("dropi-icon", { key: 'a9c83edecd20dd318dd6ba7e4cc0d41ad748278a', name: "Warning-circle", iconWidth: "12px", iconHeight: "12px", color: "Error-Error-500" })), h("span", { key: '09efa2feba4a232e453cc99f64d98eac9fd76632', class: { 'invalid-color': this.isInvalid }, style: { color: this.disabled ? 'var(--Gray-Gray-400)' : undefined } }, this.textHelper)))));
     }
     static get is() { return "dropi-text-area"; }
     static get encapsulation() { return "shadow"; }
@@ -120,7 +120,7 @@ export class DropiTextArea {
     }
     static get properties() {
         return {
-            "id": {
+            "inputId": {
                 "type": "string",
                 "mutable": true,
                 "complexType": {
@@ -128,7 +128,7 @@ export class DropiTextArea {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -137,8 +137,7 @@ export class DropiTextArea {
                 "getter": false,
                 "setter": false,
                 "reflect": false,
-                "attribute": "id",
-                "defaultValue": "''"
+                "attribute": "input-id"
             },
             "name": {
                 "type": "string",
@@ -148,7 +147,7 @@ export class DropiTextArea {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -157,8 +156,7 @@ export class DropiTextArea {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
-                "attribute": "name",
-                "defaultValue": "''"
+                "attribute": "name"
             },
             "label": {
                 "type": "string",
@@ -288,7 +286,7 @@ export class DropiTextArea {
                     "references": {
                         "ResizeMode": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-text-area/dropi-text-area.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-text-area/dropi-text-area.tsx",
                             "id": "src/components/dropi-text-area/dropi-text-area.tsx::ResizeMode"
                         }
                     }
@@ -414,7 +412,7 @@ export class DropiTextArea {
                     "references": {
                         "TextAreaProperties": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-text-area/dropi-text-area.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-text-area/dropi-text-area.tsx",
                             "id": "src/components/dropi-text-area/dropi-text-area.tsx::TextAreaProperties"
                         }
                     }

package/dist/collection/components/dropi-time-line/dropi-time-line.js

@@ -47,7 +47,7 @@ export class DropiTimeLine {
                     "references": {
                         "TimelineStep": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-time-line/dropi-time-line.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-time-line/dropi-time-line.tsx",
                             "id": "src/components/dropi-time-line/dropi-time-line.tsx::TimelineStep"
                         }
                     }

package/dist/collection/components/dropi-toast/dropi-toast.js

@@ -128,7 +128,7 @@ export class DropiToast {
                         },
                         "ToastMessage": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-toast/dropi-toast.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-toast/dropi-toast.tsx",
                             "id": "src/components/dropi-toast/dropi-toast.tsx::ToastMessage"
                         },
                         "ToastItem": {

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

@@ -9,7 +9,7 @@ export class DropiTooltip {
     /** Whether the tooltip has an outline style (matches Angular `outlined`) */
     outlined = false;
     render() {
-        return (h("div", { key: '1c580849e5fdfc99ecfedc7c14508dfd50b789c9', class: { 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined } }, h("slot", { key: '8881e587966e67408a725e36a5a45828755e10a6' }), this.text && (h("div", { key: 'f4f1c4a1d47e3324fe4d9af25d46342c4c650a0f', class: "tooltip-simple-bubble" }, this.text))));
+        return (h("div", { key: '42891ce799b8a62c9b389ee1f76104f69124f5be', class: { 'tooltip-simple': true, 'tooltip-simple--outlined': this.outlined } }, h("slot", { key: '2ef06f971f67c995bdf1ce3be6209f2173cca63d' }), this.text && (h("div", { key: '9417b2ca92cd320abe686d1cb71a18ff5cfc09e7', class: "tooltip-simple-bubble" }, this.text))));
     }
     static get is() { return "dropi-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/dropi-tooltip-v2/dropi-tooltip.js

@@ -209,7 +209,7 @@ export class DropiTooltipV2 {
                     "references": {
                         "TooltipPosition": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tooltip-v2/dropi-tooltip.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tooltip-v2/dropi-tooltip.tsx",
                             "id": "src/components/dropi-tooltip-v2/dropi-tooltip.tsx::TooltipPosition"
                         }
                     }
@@ -235,7 +235,7 @@ export class DropiTooltipV2 {
                     "references": {
                         "ArrowPosition": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tooltip-v2/dropi-tooltip.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tooltip-v2/dropi-tooltip.tsx",
                             "id": "src/components/dropi-tooltip-v2/dropi-tooltip.tsx::ArrowPosition"
                         }
                     }
@@ -261,7 +261,7 @@ export class DropiTooltipV2 {
                     "references": {
                         "TooltipTrigger": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-tooltip-v2/dropi-tooltip.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-tooltip-v2/dropi-tooltip.tsx",
                             "id": "src/components/dropi-tooltip-v2/dropi-tooltip.tsx::TooltipTrigger"
                         }
                     }

package/dist/collection/components/dropi-vertical-steps/dropi-vertical-steps.js

@@ -67,7 +67,7 @@ export class DropiVerticalSteps {
                     "references": {
                         "VerticalStep": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-vertical-steps/dropi-vertical-steps.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-vertical-steps/dropi-vertical-steps.tsx",
                             "id": "src/components/dropi-vertical-steps/dropi-vertical-steps.tsx::VerticalStep"
                         }
                     }

package/dist/collection/components/dropi-youtube-lazy-video/dropi-youtube-lazy-video.js

@@ -24,7 +24,7 @@ export class DropiYoutubeLazyVideo {
         return `https://www.youtube.com/embed/${this.videoId}?autoplay=1&rel=0&modestbranding=1`;
     }
     render() {
-        return (h("div", { key: 'c3fadb91dcf1c32964ed0f0cb847ab3d874f2d7a', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (h("div", { key: '7bc533e24d3221d8c4dd763e629ec836642d504f', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, h("img", { key: '6e47aefd8e8fab4ecf8b6a7160bc5557ecace088', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), h("button", { key: '1acb93790a95117c78d5855807f24dac76b98008', class: "play-button", "aria-label": "Reproducir video" }, h("dropi-icon", { key: '09974fac159a0c88b160c8044f88e1c3dfab79c0', name: "Play", iconWidth: "17px", iconHeight: "21px", color: "Neutral-White" })))), this.isPlaying && (h("iframe", { key: '7650e6f8f8591cc1b24e0958e0924e5eff118ad9', src: this.videoUrl, title: this.videoTitle, frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "lazy" }))));
+        return (h("div", { key: '04b1c8c4c089306ddd94072510066e6687dea8da', class: `video-wrapper${this.isPlaying ? ' playing' : ''}` }, !this.isPlaying && (h("div", { key: '2c5c6a08d986b03bbb3d3f81bc167736518ac201', class: "thumbnail", onClick: () => { this.isPlaying = true; } }, h("img", { key: '7fcf622e553c278b5121ad6361d6a35eb1e7aa5d', src: this.thumbnail, alt: `Video thumbnail ${this.videoId}` }), h("button", { key: 'f99709c40c48f5b94d201ae0b8933152307253ba', class: "play-button", "aria-label": "Reproducir video" }, h("dropi-icon", { key: 'ad31b427514ca7f2fe29deee2bb01e72fee49d35', name: "Play", iconWidth: "17px", iconHeight: "21px", color: "Neutral-White" })))), this.isPlaying && (h("iframe", { key: '98b418bc525fedb92852d6bb67434affad36eb87', src: this.videoUrl, title: this.videoTitle, frameborder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, loading: "lazy" }))));
     }
     static get is() { return "dropi-youtube-lazy-video"; }
     static get encapsulation() { return "shadow"; }