@dropi/ui 0.1.45 → 0.1.46

package/dist/collection/components/dropi-simple-stepper/dropi-simple-stepper.js

@@ -86,7 +86,7 @@ export class DropiSimpleStepper {
                     "references": {
                         "StepperType": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-simple-stepper/dropi-simple-stepper.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-simple-stepper/dropi-simple-stepper.tsx",
                             "id": "src/components/dropi-simple-stepper/dropi-simple-stepper.tsx::StepperType"
                         }
                     }
@@ -152,7 +152,7 @@ export class DropiSimpleStepper {
                     "references": {
                         "FlowMode": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-simple-stepper/dropi-simple-stepper.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-simple-stepper/dropi-simple-stepper.tsx",
                             "id": "src/components/dropi-simple-stepper/dropi-simple-stepper.tsx::FlowMode"
                         }
                     }

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

@@ -70,7 +70,7 @@ export class DropiSkeleton {
                     "references": {
                         "SkeletonVariant": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-skeleton/dropi-skeleton.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-skeleton/dropi-skeleton.tsx",
                             "id": "src/components/dropi-skeleton/dropi-skeleton.tsx::SkeletonVariant"
                         }
                     }

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

@@ -125,7 +125,7 @@ export class DropiSteps {
                     "references": {
                         "StepLabel": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-steps/dropi-steps.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-steps/dropi-steps.tsx",
                             "id": "src/components/dropi-steps/dropi-steps.tsx::StepLabel"
                         }
                     }
@@ -151,7 +151,7 @@ export class DropiSteps {
                     "references": {
                         "StepState": {
                             "location": "local",
-                            "path": "/Users/mac-ti/Documents/dropi/dropi-ui/src/components/dropi-steps/dropi-steps.tsx",
+                            "path": "/Users/20kdropi/Documents/Dropi/ui-dropi/src/components/dropi-steps/dropi-steps.tsx",
                             "id": "src/components/dropi-steps/dropi-steps.tsx::StepState"
                         }
                     }

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

@@ -6,7 +6,7 @@ import { h } from "@stencil/core";
 export class DropiSwitch {
     internals;
     /** Name for native form submission */
-    name = '';
+    name;
     /** Whether the switch is on */
     isChecked = false;
     /** Whether the switch is disabled */
@@ -25,7 +25,7 @@ export class DropiSwitch {
         this.dropiChange.emit(this.isChecked);
     }
     render() {
-        return (h("label", { key: 'b3321fd96a1487210a920f5494708dc2eb05f10c', class: "toggle-switch" }, h("input", { key: 'ee7cfecf443a1c839ce145ade18cc3ff15924816', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onChange: (e) => this.onToggleChange(e) }), h("span", { key: 'c0800bd9a7f52cf666b3e475265da223b852be9a', class: "slider" })));
+        return (h("label", { key: 'bb9809e03c3f5f4f6892731d7147eda5313a799b', class: "toggle-switch" }, h("input", { key: 'b0be8bb8c22705ae04ca6f12d2009bac0c6cd629', type: "checkbox", checked: this.isChecked, disabled: this.disabled, onChange: (e) => this.onToggleChange(e) }), h("span", { key: '4073dacb4c17d1fdc2009a9e7329caffade3c932', class: "slider" })));
     }
     static get is() { return "dropi-switch"; }
     static get encapsulation() { return "shadow"; }
@@ -50,7 +50,7 @@ export class DropiSwitch {
                     "resolved": "string",
                     "references": {}
                 },
-                "required": false,
+                "required": true,
                 "optional": false,
                 "docs": {
                     "tags": [],
@@ -59,8 +59,7 @@ export class DropiSwitch {
                 "getter": false,
                 "setter": false,
                 "reflect": true,
-                "attribute": "name",
-                "defaultValue": "''"
+                "attribute": "name"
             },
             "isChecked": {
                 "type": "boolean",

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-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-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/components/dropi-accordion-item.js

@@ -1 +1 @@
-import{t as e,p as o,H as t,h as i}from"./index.js";import{d as c}from"./p-B9rJd-Rf.js";const a=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?this.contentRef.scrollHeight+"px":"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return i("div",{key:"98de1df9b82f0e4e5e72702b7eaca12c0ed92586",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},i("button",{key:"bd5c3e6ea29feb33e5280908c98929369dc7377e",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":this.open+"",disabled:this.disabled},i("span",{key:"ced161eb1187d50b7eb2002081cd3fc008c9a16f",class:"accordion-header-left"},this.preIcon&&i("dropi-icon",{key:"09a157623f0978153b57e85a79d7beeca3faf9ab",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),i("span",{key:"649617f263370d1314e3145c07a3a29ce5c807b5",class:"accordion-title"},this.sectionTitle)),i("span",{key:"d99e3933a40ffa4b1da8091a8b6d767011f1bf6f",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},i("dropi-icon",{key:"3d12ae988429fea2612c0c32c12cd81a486ad255",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),i("div",{key:"cedff4803c6fa83ae9dc5cb3ce68f48150cdef67",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},i("div",{key:"a37dd42bf39cf08479d847286860e78a1d80a233",class:"accordion-content"},i("slot",{key:"d797eac747716be1af2a6addbefe583be4a816b1"}))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{display:block;border-bottom:1px solid var(--Gray-Gray-100)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}"}},[769,"dropi-accordion-item",{sectionTitle:[1,"section-title"],index:[2],open:[1540],disabled:[4],preIcon:[1,"pre-icon"],contentHeight:[32]},void 0,{open:[{openChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-accordion-item","dropi-icon"].forEach((o=>{switch(o){case"dropi-accordion-item":customElements.get(e(o))||customElements.define(e(o),a);break;case"dropi-icon":customElements.get(e(o))||c()}}))}n();const d=a,s=n;export{d as DropiAccordionItem,s as defineCustomElement}
+import{t as e,p as o,H as t,h as i}from"./index.js";import{d as c}from"./p-CL1y944C.js";const a=o(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow()}get el(){return this}sectionTitle="";index;open=!1;disabled=!1;preIcon="";contentHeight="0px";contentRef;openChanged(e){this.updateHeight(e)}componentDidLoad(){this.updateHeight(this.open)}updateHeight(e){this.contentRef&&(this.contentHeight=e?this.contentRef.scrollHeight+"px":"0px")}handleToggle(){this.disabled||(this.el.closest("dropi-accordion"),this.open=!this.open,setTimeout((()=>this.updateHeight(this.open)),0))}render(){return i("div",{key:"98de1df9b82f0e4e5e72702b7eaca12c0ed92586",class:{"accordion-item":!0,"accordion-item--open":this.open,"accordion-item--disabled":this.disabled}},i("button",{key:"bd5c3e6ea29feb33e5280908c98929369dc7377e",class:"accordion-header",onClick:()=>this.handleToggle(),"aria-expanded":this.open+"",disabled:this.disabled},i("span",{key:"ced161eb1187d50b7eb2002081cd3fc008c9a16f",class:"accordion-header-left"},this.preIcon&&i("dropi-icon",{key:"09a157623f0978153b57e85a79d7beeca3faf9ab",name:this.preIcon,iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"}),i("span",{key:"649617f263370d1314e3145c07a3a29ce5c807b5",class:"accordion-title"},this.sectionTitle)),i("span",{key:"d99e3933a40ffa4b1da8091a8b6d767011f1bf6f",class:{"accordion-chevron":!0,"accordion-chevron--open":this.open}},i("dropi-icon",{key:"3d12ae988429fea2612c0c32c12cd81a486ad255",name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))),i("div",{key:"cedff4803c6fa83ae9dc5cb3ce68f48150cdef67",class:"accordion-body",style:{maxHeight:this.contentHeight},ref:e=>this.contentRef=e},i("div",{key:"a37dd42bf39cf08479d847286860e78a1d80a233",class:"accordion-content"},i("slot",{key:"d797eac747716be1af2a6addbefe583be4a816b1"}))))}static get watchers(){return{open:[{openChanged:0}]}}static get style(){return":host{display:block;border-bottom:1px solid var(--Gray-Gray-100)}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px;background:white;border:none;cursor:pointer;text-align:left}.accordion-header-left{display:flex;align-items:center;gap:8px}.accordion-title{font-size:var(--font-size-m);font-weight:var(--font-weight-semibold);color:var(--Gray-Gray-700)}.accordion-chevron{transition:transform 0.3s ease}.accordion-chevron--open{transform:rotate(180deg)}.accordion-body{overflow:hidden;transition:max-height 0.3s ease-out}.accordion-content{padding:0 16px 16px 16px}"}},[769,"dropi-accordion-item",{sectionTitle:[1,"section-title"],index:[2],open:[1540],disabled:[4],preIcon:[1,"pre-icon"],contentHeight:[32]},void 0,{open:[{openChanged:0}]}]);function n(){"undefined"!=typeof customElements&&["dropi-accordion-item","dropi-icon"].forEach((o=>{switch(o){case"dropi-accordion-item":customElements.get(e(o))||customElements.define(e(o),a);break;case"dropi-icon":customElements.get(e(o))||c()}}))}n();const d=a,s=n;export{d as DropiAccordionItem,s as defineCustomElement}

package/dist/components/dropi-alert-modal.js

@@ -1 +1 @@
-import{t,p as i,H as e,c as s,h as a}from"./index.js";import{d as o}from"./p-Dnx3uXgo.js";import{d}from"./p-B9rJd-Rf.js";import{d as n}from"./p-Bw8zPxUl.js";const l=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropiPrimaryClick=s(this,"dropiPrimaryClick"),this.dropiSecondaryClick=s(this,"dropiSecondaryClick"),this.dropiVisibleChange=s(this,"dropiVisibleChange"),this.dropiHide=s(this,"dropiHide")}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;isWhiteLabel=!1;params=null;paramsChanged(t){t&&(void 0!==t.tittle&&(this.tittle=t.tittle),void 0!==t.type&&(this.type=t.type),void 0!==t.message&&(this.message=t.message),void 0!==t.primaryButton&&(this.primaryButton=t.primaryButton),void 0!==t.secondaryButton&&(this.secondaryButton=t.secondaryButton),void 0!==t.loadingTitle&&(this.loadingTitle=t.loadingTitle),void 0!==t.loadingMessage&&(this.loadingMessage=t.loadingMessage),void 0!==t.closable&&(this.closable=t.closable),void 0!==t.displayButtons&&(this.displayButtons=t.displayButtons))}dropiPrimaryClick;dropiSecondaryClick;dropiVisibleChange;dropiHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimaryClick.emit(!0),this.isStep||(this.visible=!1,this.dropiVisibleChange.emit(!1))}handleSecondary(){this.dropiSecondaryClick.emit(!0),this.visible=!1,this.dropiVisibleChange.emit(!1)}onModalHide(){this.visible=!1,this.dropiVisibleChange.emit(!1),this.dropiHide.emit()}render(){const t=this.loading?"loading":this.type;return a("dropi-modal",{key:"322c59ea0a067a4c0cb28a5ffbe9cbc0c642eee6",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onDropiHide:()=>this.onModalHide()},a("div",{key:"06530f3da45738d1ed75a4e8b5b8b0b80dfd2647",class:"body-alert"},this.lottieMap[t]&&a("div",{key:"7a4ab4fbbdf3cbbacfa22f918d212b788f4392a4",class:"lottie-img"+("loading"===t?" lottie-img--loading":"")},a("lottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",loop:!0,autoplay:!0})),a("div",{key:"0e72f42d10c59047e82df8b2842affd38ab60fc7",class:"content-alert"},a("h2",{key:"8262de8fbcf5b87fbac34740d34d99d0b6ff921d"},this.loading?this.loadingTitle:this.tittle),a("p",{key:"ca9c734e0b9686bff7e2616ae98224446ac0ca33"},this.loading?this.loadingMessage:this.message)),a("div",{key:"1b5edb3af1044cb0dd0b57a425517b1d824672be",class:"custom-content"},a("slot",{key:"57f4a8acdbcf8a11445f7c8233355bb4ac46c9ab"})),!this.loading&&this.displayButtons&&a("div",{key:"32580f42d98f628b4c1d1f300b5a3aaaa1be2486",class:"actions"},this.secondaryButton&&a("dropi-button",{key:"dcf8707a7f4d8b80126a10022dd6de1c0ea44dc7",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),a("dropi-button",{key:"3ed494fc7a83021174c4d006ae4327348d400e93",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}static get style(){return":host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:visible;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}"}},[772,"dropi-alert-modal",{visible:[1544],type:[1025],tittle:[1025],message:[1025],primaryButton:[1025,"primary-button"],secondaryButton:[1025,"secondary-button"],loading:[4],closable:[1028],displayButtons:[1028,"display-buttons"],loadingTitle:[1025,"loading-title"],loadingMessage:[1025,"loading-message"],isStep:[4,"is-step"],baseZIndex:[2,"base-z-index"],isWhiteLabel:[4,"is-white-label"],params:[8],show:[64],hide:[64]},void 0,{params:[{paramsChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-alert-modal","dropi-button","dropi-icon","dropi-modal"].forEach((i=>{switch(i){case"dropi-alert-modal":customElements.get(t(i))||customElements.define(t(i),l);break;case"dropi-button":customElements.get(t(i))||o();break;case"dropi-icon":customElements.get(t(i))||d();break;case"dropi-modal":customElements.get(t(i))||n()}}))}r();const c=l,h=r;export{c as DropiAlertModal,h as defineCustomElement}
+import{t,p as i,H as e,c as s,h as a}from"./index.js";import{d as o}from"./p-DSffXVlZ.js";import{d}from"./p-CL1y944C.js";import{d as n}from"./p-Bw8zPxUl.js";const l=i(class extends e{constructor(t){super(),!1!==t&&this.__registerHost(),this.dropiPrimaryClick=s(this,"dropiPrimaryClick"),this.dropiSecondaryClick=s(this,"dropiSecondaryClick"),this.dropiVisibleChange=s(this,"dropiVisibleChange"),this.dropiHide=s(this,"dropiHide")}visible=!1;type="question";tittle="";message="";primaryButton="Accept";secondaryButton="";loading=!1;closable=!1;displayButtons=!0;loadingTitle="Loading";loadingMessage="Please wait a moment";isStep=!1;baseZIndex=0;isWhiteLabel=!1;params=null;paramsChanged(t){t&&(void 0!==t.tittle&&(this.tittle=t.tittle),void 0!==t.type&&(this.type=t.type),void 0!==t.message&&(this.message=t.message),void 0!==t.primaryButton&&(this.primaryButton=t.primaryButton),void 0!==t.secondaryButton&&(this.secondaryButton=t.secondaryButton),void 0!==t.loadingTitle&&(this.loadingTitle=t.loadingTitle),void 0!==t.loadingMessage&&(this.loadingMessage=t.loadingMessage),void 0!==t.closable&&(this.closable=t.closable),void 0!==t.displayButtons&&(this.displayButtons=t.displayButtons))}dropiPrimaryClick;dropiSecondaryClick;dropiVisibleChange;dropiHide;lottieMap={question:"/assets/lottie-files/question.json",warning:"/assets/lottie-files/warning.json",success:"/assets/lottie-files/success.json",error:"/assets/lottie-files/failure.json",loading:"/assets/lottie-files/loading.json"};componentWillLoad(){this.params&&this.paramsChanged(this.params)}async show(){this.visible=!0}async hide(){this.visible=!1}handlePrimary(){this.dropiPrimaryClick.emit(!0),this.isStep||(this.visible=!1,this.dropiVisibleChange.emit(!1))}handleSecondary(){this.dropiSecondaryClick.emit(!0),this.visible=!1,this.dropiVisibleChange.emit(!1)}onModalHide(){this.visible=!1,this.dropiVisibleChange.emit(!1),this.dropiHide.emit()}render(){const t=this.loading?"loading":this.type;return a("dropi-modal",{key:"322c59ea0a067a4c0cb28a5ffbe9cbc0c642eee6",visible:this.visible,showHeader:this.closable,showCloseIcon:this.closable,dismissable:!1,closeOnEscape:!1,showFooter:!1,size:"s",onDropiHide:()=>this.onModalHide()},a("div",{key:"06530f3da45738d1ed75a4e8b5b8b0b80dfd2647",class:"body-alert"},this.lottieMap[t]&&a("div",{key:"7a4ab4fbbdf3cbbacfa22f918d212b788f4392a4",class:"lottie-img"+("loading"===t?" lottie-img--loading":"")},a("lottie-player",{key:t,src:this.lottieMap[t],background:"transparent",speed:"1",loop:!0,autoplay:!0})),a("div",{key:"0e72f42d10c59047e82df8b2842affd38ab60fc7",class:"content-alert"},a("h2",{key:"8262de8fbcf5b87fbac34740d34d99d0b6ff921d"},this.loading?this.loadingTitle:this.tittle),a("p",{key:"ca9c734e0b9686bff7e2616ae98224446ac0ca33"},this.loading?this.loadingMessage:this.message)),a("div",{key:"1b5edb3af1044cb0dd0b57a425517b1d824672be",class:"custom-content"},a("slot",{key:"57f4a8acdbcf8a11445f7c8233355bb4ac46c9ab"})),!this.loading&&this.displayButtons&&a("div",{key:"32580f42d98f628b4c1d1f300b5a3aaaa1be2486",class:"actions"},this.secondaryButton&&a("dropi-button",{key:"dcf8707a7f4d8b80126a10022dd6de1c0ea44dc7",text:this.secondaryButton,severity:"secondary",onDropiClick:()=>this.handleSecondary(),fullWidth:!0}),a("dropi-button",{key:"3ed494fc7a83021174c4d006ae4327348d400e93",text:this.primaryButton,severity:"primary",onDropiClick:()=>this.handlePrimary(),fullWidth:!0}))))}static get watchers(){return{params:[{paramsChanged:0}]}}static get style(){return":host{display:contents}.body-alert{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--Size-3);width:100%;flex:1;overflow:visible;padding-bottom:var(--Size-2)}.lottie-img{width:120px;height:120px;overflow:hidden;flex-shrink:0;align-self:center;margin-top:-8px;margin-bottom:var(--Size-2)}.lottie-img lottie-player{display:block;width:120px;height:120px}.lottie-img--loading{width:100%;height:120px;overflow:hidden;display:flex;align-items:center;justify-content:center}.lottie-img--loading lottie-player{width:300px;height:auto;flex-shrink:0}.content-alert{text-align:center;width:100%;display:flex;flex-direction:column;align-items:center}.content-alert h2{color:var(--Gray-Gray-800);font-size:19px;font-weight:var(--font-weight-semibold);margin:0}.content-alert p{color:var(--Gray-Gray-500);font-size:var(--font-size-s);margin-bottom:var(--Size-2);overflow-wrap:anywhere;max-height:100px;overflow:auto}.custom-content{width:100%;text-align:left;margin-top:var(--Size-2);display:flex;flex-direction:column;gap:var(--Size-3)}.actions{display:flex;gap:var(--Size-3);width:100%}.actions dropi-button{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.actions{flex-direction:column}.actions dropi-button{width:100%}}"}},[772,"dropi-alert-modal",{visible:[1544],type:[1025],tittle:[1025],message:[1025],primaryButton:[1025,"primary-button"],secondaryButton:[1025,"secondary-button"],loading:[4],closable:[1028],displayButtons:[1028,"display-buttons"],loadingTitle:[1025,"loading-title"],loadingMessage:[1025,"loading-message"],isStep:[4,"is-step"],baseZIndex:[2,"base-z-index"],isWhiteLabel:[4,"is-white-label"],params:[8],show:[64],hide:[64]},void 0,{params:[{paramsChanged:0}]}]);function r(){"undefined"!=typeof customElements&&["dropi-alert-modal","dropi-button","dropi-icon","dropi-modal"].forEach((i=>{switch(i){case"dropi-alert-modal":customElements.get(t(i))||customElements.define(t(i),l);break;case"dropi-button":customElements.get(t(i))||o();break;case"dropi-icon":customElements.get(t(i))||d();break;case"dropi-modal":customElements.get(t(i))||n()}}))}r();const c=l,h=r;export{c as DropiAlertModal,h as defineCustomElement}

package/dist/components/dropi-alert.js

@@ -1 +1 @@
-import{D as s,d as o}from"./p-DYAsdhfM.js";const p=s,r=o;export{p as DropiAlert,r as defineCustomElement}
+import{D as o,d as s}from"./p-1u2h41fl.js";const p=o,r=s;export{p as DropiAlert,r as defineCustomElement}

package/dist/components/dropi-banner-external.js

@@ -1 +1 @@
-import{t as e,p as i,H as r,c as t,h as n}from"./index.js";import{d as s}from"./p-B9rJd-Rf.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bannerClick=t(this,"bannerClick"),this.isVisible=t(this,"isVisible")}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;get el(){return this}componentWillLoad(){this.imageUrl||(this.imageUrl=this.el.getAttribute("imageUrl")||this.el.getAttribute("image-url")||this.el.getAttribute("imageurl")||"")}bannerClick;isVisible;handleClick(e){this.link||(e.preventDefault(),this.bannerClick.emit())}closeBanner(e){e.preventDefault(),e.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const e=n("div",{class:"inner"},n("img",{src:this.imageUrl,alt:this.alt}),n("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:e=>this.closeBanner(e)},n("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})));return n("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?n("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:e=>this.handleClick(e)},e):n("div",{class:"click-wrapper",onClick:e=>this.handleClick(e)},e))}static get style(){return":host{display:block;width:100%}.dropi-banner-external{display:block;width:100%;position:relative;margin-bottom:16px;border-radius:var(--Border-2, 8px)}.dropi-banner-external a{display:block;text-decoration:none}.click-wrapper{cursor:pointer}.inner{position:relative;display:block}.inner img{display:block;width:100%;height:auto;border-radius:var(--Border-2, 8px);max-width:1220px;margin:auto}.close-btn{position:absolute;top:4px;right:4px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.15s ease}.close-btn:hover{background:rgba(255, 255, 255, 1)}"}},[513,"dropi-banner-external",{imageUrl:[1,"image-url"],link:[1],alt:[1],backgroundColor:[1,"background-color"],slugName:[1,"slug-name"],viewOnWhiteBrand:[4,"view-on-white-brand"],viewOnlyCountries:[16],closed:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-banner-external","dropi-icon"].forEach((i=>{switch(i){case"dropi-banner-external":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}a();const l=o,c=a;export{l as DropiBannerExternal,c as defineCustomElement}
+import{t as e,p as i,H as r,c as t,h as n}from"./index.js";import{d as s}from"./p-CL1y944C.js";const o=i(class extends r{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.bannerClick=t(this,"bannerClick"),this.isVisible=t(this,"isVisible")}imageUrl="";link="";alt="";backgroundColor="transparent";slugName="";viewOnWhiteBrand=!1;viewOnlyCountries=[];closed=!1;get el(){return this}componentWillLoad(){this.imageUrl||(this.imageUrl=this.el.getAttribute("imageUrl")||this.el.getAttribute("image-url")||this.el.getAttribute("imageurl")||"")}bannerClick;isVisible;handleClick(e){this.link||(e.preventDefault(),this.bannerClick.emit())}closeBanner(e){e.preventDefault(),e.stopPropagation(),this.closed=!0,this.isVisible.emit(!1)}render(){if(this.closed||!this.imageUrl)return null;const e=n("div",{class:"inner"},n("img",{src:this.imageUrl,alt:this.alt}),n("button",{class:"close-btn","aria-label":"Cerrar banner",onClick:e=>this.closeBanner(e)},n("dropi-icon",{name:"Close-small",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-600"})));return n("div",{class:"dropi-banner-external",style:{background:this.backgroundColor}},this.link?n("a",{href:this.link,target:"_blank",rel:"noopener noreferrer",onClick:e=>this.handleClick(e)},e):n("div",{class:"click-wrapper",onClick:e=>this.handleClick(e)},e))}static get style(){return":host{display:block;width:100%}.dropi-banner-external{display:block;width:100%;position:relative;margin-bottom:16px;border-radius:var(--Border-2, 8px)}.dropi-banner-external a{display:block;text-decoration:none}.click-wrapper{cursor:pointer}.inner{position:relative;display:block}.inner img{display:block;width:100%;height:auto;border-radius:var(--Border-2, 8px);max-width:1220px;margin:auto}.close-btn{position:absolute;top:4px;right:4px;background:rgba(255, 255, 255, 0.8);border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background 0.15s ease}.close-btn:hover{background:rgba(255, 255, 255, 1)}"}},[513,"dropi-banner-external",{imageUrl:[1,"image-url"],link:[1],alt:[1],backgroundColor:[1,"background-color"],slugName:[1,"slug-name"],viewOnWhiteBrand:[4,"view-on-white-brand"],viewOnlyCountries:[16],closed:[32]}]);function a(){"undefined"!=typeof customElements&&["dropi-banner-external","dropi-icon"].forEach((i=>{switch(i){case"dropi-banner-external":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-icon":customElements.get(e(i))||s()}}))}a();const l=o,c=a;export{l as DropiBannerExternal,c as defineCustomElement}

package/dist/components/dropi-breadcrumb.js

@@ -1 +1 @@
-import{t as e,p as r,H as a,c as o,h as i}from"./index.js";import{d as t}from"./p-B9rJd-Rf.js";const c=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiNavigate=o(this,"dropiNavigate")}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const e=this.parsedItems;return i("nav",{key:"c4546d7a0c7852e01f685176b5365f1e0082ad24",class:"breadcrumb","aria-label":"Breadcrumb"},i("div",{key:"924ab634ae4e71f6bd39a67b4b3889cdca20234d",class:"crumb-list"},i("div",{key:"e7b1b285bdd497a028a041ada1eb8b34f77384b0",class:"crumb-home"},i("a",{key:"9e288d5f5761daed20b35dbf056c7de9c2e7b8e3",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:e=>{e.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},i("dropi-icon",{key:"803ab6d710976b341f19ad7d49fde670acc2c466",name:this.homeIconName,iconWidth:"16px",color:"Gray-Gray-500"})),e.length>0&&i("dropi-icon",{key:"44d1cad9efa9cbc6a52bc26a2229af6680cd8733",name:"Dropdown-Right",iconWidth:"16px",color:"Gray-Gray-500"})),e.map(((r,a)=>{const o=a===e.length-1;return i("div",{class:"crumb",key:a},!o||this.lastItemClickable?i("a",{class:"crumb-link Body-S-Regular"+(r.disabled?" disabled":""),href:r.url||r.routerLink||"#",onClick:e=>{e.preventDefault(),r.disabled||this.dropiNavigate.emit(r)}},r.label):i("span",{class:"current Body-S-Regular","aria-current":"page"},r.label),!o&&i("dropi-icon",{name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"}))}))))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}"}},[513,"dropi-breadcrumb",{items:[1],homeRoute:[1,"home-route"],homeIconName:[1,"home-icon-name"],lastItemClickable:[4,"last-item-clickable"]}]);function n(){"undefined"!=typeof customElements&&["dropi-breadcrumb","dropi-icon"].forEach((r=>{switch(r){case"dropi-breadcrumb":customElements.get(e(r))||customElements.define(e(r),c);break;case"dropi-icon":customElements.get(e(r))||t()}}))}n();const s=c,d=n;export{s as DropiBreadcrumb,d as defineCustomElement}
+import{t as e,p as r,H as a,c as o,h as i}from"./index.js";import{d as t}from"./p-CL1y944C.js";const c=r(class extends a{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiNavigate=o(this,"dropiNavigate")}items=[];homeRoute="/";homeIconName="Home";lastItemClickable=!1;dropiNavigate;get parsedItems(){if("string"==typeof this.items)try{return JSON.parse(this.items)}catch{return[]}return this.items}render(){const e=this.parsedItems;return i("nav",{key:"c4546d7a0c7852e01f685176b5365f1e0082ad24",class:"breadcrumb","aria-label":"Breadcrumb"},i("div",{key:"924ab634ae4e71f6bd39a67b4b3889cdca20234d",class:"crumb-list"},i("div",{key:"e7b1b285bdd497a028a041ada1eb8b34f77384b0",class:"crumb-home"},i("a",{key:"9e288d5f5761daed20b35dbf056c7de9c2e7b8e3",href:this.homeRoute,class:"home-link","aria-label":"Inicio",onClick:e=>{e.preventDefault(),this.dropiNavigate.emit(this.homeRoute)}},i("dropi-icon",{key:"803ab6d710976b341f19ad7d49fde670acc2c466",name:this.homeIconName,iconWidth:"16px",color:"Gray-Gray-500"})),e.length>0&&i("dropi-icon",{key:"44d1cad9efa9cbc6a52bc26a2229af6680cd8733",name:"Dropdown-Right",iconWidth:"16px",color:"Gray-Gray-500"})),e.map(((r,a)=>{const o=a===e.length-1;return i("div",{class:"crumb",key:a},!o||this.lastItemClickable?i("a",{class:"crumb-link Body-S-Regular"+(r.disabled?" disabled":""),href:r.url||r.routerLink||"#",onClick:e=>{e.preventDefault(),r.disabled||this.dropiNavigate.emit(r)}},r.label):i("span",{class:"current Body-S-Regular","aria-current":"page"},r.label),!o&&i("dropi-icon",{name:"Dropdown-Right",iconWidth:"16px",iconHeight:"16px",color:"Gray-Gray-500"}))}))))}static get style(){return":host{display:block}*,*::before,*::after{box-sizing:border-box}.breadcrumb{margin:0}.crumb-list{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.crumb-home{display:flex;padding-right:4px;align-items:center;gap:4px}.home-link{display:inline-flex;align-items:center;color:var(--Gray-Gray-500, #69738c);text-decoration:none;transition:color 0.2s ease}.home-link:hover{color:var(--Gray-Gray-700, #32394d)}.crumb{display:flex;padding:0 4px;align-items:center;gap:8px}.crumb-link{color:var(--Gray-Gray-500, #69738c);text-align:center;cursor:pointer;text-decoration:none;transition:color 0.2s ease;font-size:var(--font-size-s, 12px)}.crumb-link:hover{color:var(--Gray-Gray-700, #32394d);text-decoration:underline}.crumb-link.disabled{pointer-events:none;color:var(--Gray-Gray-300, #a1a8b8);cursor:not-allowed;text-decoration:none}.current{color:var(--Gray-Gray-700, #32394d);cursor:default;font-size:var(--font-size-s, 12px)}"}},[513,"dropi-breadcrumb",{items:[1],homeRoute:[1,"home-route"],homeIconName:[1,"home-icon-name"],lastItemClickable:[4,"last-item-clickable"]}]);function n(){"undefined"!=typeof customElements&&["dropi-breadcrumb","dropi-icon"].forEach((r=>{switch(r){case"dropi-breadcrumb":customElements.get(e(r))||customElements.define(e(r),c);break;case"dropi-icon":customElements.get(e(r))||t()}}))}n();const s=c,d=n;export{s as DropiBreadcrumb,d as defineCustomElement}

package/dist/components/dropi-button.js

@@ -1 +1 @@
-import{D as o,d as s}from"./p-Dnx3uXgo.js";const p=o,r=s;export{p as DropiButton,r as defineCustomElement}
+import{D as o,d as s}from"./p-DSffXVlZ.js";const f=o,p=s;export{f as DropiButton,p as defineCustomElement}

package/dist/components/dropi-card-checkbox.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as r,h as a}from"./index.js";import{d as c}from"./p-Qrac2GRu.js";const o=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=r(this,"dropiChange")}type="default";state="checked";title="Tittle";description="";extraInfo="";extraInfoDescription="";disabled=!1;dropiChange;get isChecked(){return"checked"===this.state}handleClick(){this.disabled||(this.state=this.isChecked?"default":"checked",this.dropiChange.emit(this.isChecked))}render(){return a("div",{key:"b9004c813a03956904cfed8484cac2d8290be86f",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.isChecked&&"with card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},a("dropi-checkbox",{key:"0c5c50811559c6472173fced2f04eee4626f118f",checked:this.isChecked,disabled:this.disabled}),a("div",{key:"1cb17bf8aea55a498d451922942b4fba6d99492c",class:"container-text"},a("div",{key:"6e2eab2ae82c13cb4e7a654cc989530cee1122c6",class:"title-check"},this.title),this.description&&a("div",{key:"040e5d8f633975bf3eb806835aae8aa308b1d4f8",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&a("div",{key:"a5c794b5f2fa249b309b2fb00a759aea5b9e0d6c",class:"extra-info"},this.extraInfo&&a("div",{key:"1587e1a0801312fa8e759af2a367b36f842e1354"},this.extraInfo),this.extraInfoDescription&&a("h4",{key:"930811071657dfbbeff7c2bdc4cd2c2776d38177"},this.extraInfoDescription)))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-weight:var(--font-weight-semibold);color:inherit;line-height:inherit}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}"}},[513,"dropi-card-checkbox",{type:[1],state:[1025],title:[1],description:[1],extraInfo:[1,"extra-info"],extraInfoDescription:[1,"extra-info-description"],disabled:[4]}]);function s(){"undefined"!=typeof customElements&&["dropi-card-checkbox","dropi-checkbox"].forEach((i=>{switch(i){case"dropi-card-checkbox":customElements.get(e(i))||customElements.define(e(i),o);break;case"dropi-checkbox":customElements.get(e(i))||c()}}))}s();const d=o,n=s;export{d as DropiCardCheckbox,n as defineCustomElement}
+import{t as e,p as i,H as t,c as r,h as a}from"./index.js";import{d as c}from"./p-DskHH-sZ.js";const d=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=r(this,"dropiChange")}type="default";state="checked";title="Tittle";description="";extraInfo="";extraInfoDescription="";disabled=!1;dropiChange;get isChecked(){return"checked"===this.state}handleClick(){this.disabled||(this.state=this.isChecked?"default":"checked",this.dropiChange.emit(this.isChecked))}render(){return a("div",{key:"b9004c813a03956904cfed8484cac2d8290be86f",class:{"container-card-check":!0,"default-card":"default"===this.type,"is-checked":this.isChecked&&"with card"===this.type,disabled:this.disabled},onClick:()=>this.handleClick()},a("dropi-checkbox",{key:"7ac16d56fb2f3a0e415274f1e767ccddf49dc35d",name:"_card-checkbox",checked:this.isChecked,disabled:this.disabled}),a("div",{key:"a7d782c96ef6a5fad7e98ea2b7c5e5db09dfefe4",class:"container-text"},a("div",{key:"4cb9ecb3ec80a1ce375cefb044aedd8a6818f1f1",class:"title-check"},this.title),this.description&&a("div",{key:"2f763eba23e8e1c52392cf251d6492e46d9d8c7c",class:"description-text"},this.description)),(this.extraInfo||this.extraInfoDescription)&&a("div",{key:"f853d59072a10b4f9e924c6e62132ea3b7c5feca",class:"extra-info"},this.extraInfo&&a("div",{key:"3c198762cd1e70622419959e39c0be41d51b1273"},this.extraInfo),this.extraInfoDescription&&a("h4",{key:"dc98cf76aa221d1a6cd49002376be6b9c3dcff3a"},this.extraInfoDescription)))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.container-card-check{padding:var(--Size-4, 16px);border:1px solid var(--Gray-Gray-200, #c3c9d9);border-radius:var(--Size-2, 8px);width:100%;display:flex;align-items:center;gap:var(--Size-3, 12px);cursor:pointer;height:66px;overflow:hidden;transition:background 0.15s ease, border-color 0.15s ease}.container-card-check.disabled{border-radius:var(--Border-2, 8px);border:1px solid var(--Gray-Gray-100, #e6eaf2);background-color:var(--Gray-Gray-50, #f7f8fa);cursor:default}.container-card-check.disabled .title-check,.container-card-check.disabled .description-text,.container-card-check.disabled .extra-info{color:var(--Gray-Gray-400, #858ea6)}.container-text{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:start;overflow:hidden}.title-check{color:var(--Gray-Gray-700, #32394d);font-size:var(--font-size-m, 14px);font-weight:var(--font-weight-regular, 400);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.description-text{color:var(--Gray-Gray-500, #69738c);font-size:var(--font-size-s, 12px);margin-top:var(--Size-1, 4px);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.extra-info{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:4px;flex-shrink:0;font-size:var(--font-size-s, 12px);color:var(--Gray-Gray-600, #475066)}.extra-info h4{margin:0;font-weight:var(--font-weight-semibold);color:inherit;line-height:inherit}.default-card{border:none}.is-checked{background:var(--Primary-Primary-50, #fff8f0);border:1px solid var(--Primary-Primary-500, #f49a3d)}"}},[513,"dropi-card-checkbox",{type:[1],state:[1025],title:[1],description:[1],extraInfo:[1,"extra-info"],extraInfoDescription:[1,"extra-info-description"],disabled:[4]}]);function o(){"undefined"!=typeof customElements&&["dropi-card-checkbox","dropi-checkbox"].forEach((i=>{switch(i){case"dropi-card-checkbox":customElements.get(e(i))||customElements.define(e(i),d);break;case"dropi-checkbox":customElements.get(e(i))||c()}}))}o();const s=d,n=o;export{s as DropiCardCheckbox,n as defineCustomElement}

package/dist/components/dropi-card-product.js

@@ -1 +1 @@
-import{t as e,p as i,H as t,c as a,h as o}from"./index.js";import{d as r}from"./p-B9rJd-Rf.js";import{d as s}from"./p-D7GP-lmt.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiProductClick=a(this,"dropiProductClick"),this.dropiFavoriteChange=a(this,"dropiFavoriteChange"),this.dropiAddProduct=a(this,"dropiAddProduct"),this.dropiSupplierClick=a(this,"dropiSupplierClick")}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;dropiProductClick;dropiFavoriteChange;dropiAddProduct;dropiSupplierClick;formatPrice(e){return null==e?"0":e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return o("div",{key:"2fe4ce42e1c331a99fd1171c82e6e48bfb5dbff0",class:"dropi-card-product",onClick:()=>this.dropiProductClick.emit()},o("div",{key:"3f94077ee059e347f3ff4fff808a3a3f3a0ac827",class:"product-image-container"},o("div",{key:"1d6e8181cc630ab03efc90e316c349dfe9765b46",class:"product-image"},o("img",{key:"f6647c21ac24d378482c6e6fe5220d6d18ff694b",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&o("button",{key:"37c23af5e1345e2f2b2ac42dd38f88eb17254889",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.dropiFavoriteChange.emit(this.isFavorite)},"aria-label":"Favorito"},o("dropi-icon",{key:"c6d6c87dcb5ae0f9a0d416667a3d39c7e153b7a6",name:this.isFavorite?"Heart-solid":"Heart",iconWidth:"18px",iconHeight:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),o("div",{key:"66dbcb028acb35e9a43502e9ff9a00fd2ebf8bf2",class:"product-info"},this.supplierCategory&&o("dropi-ilustration-icon",{key:"fd3d94e953a6b91418decc09ed426755a85bac1b",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),o("div",{key:"45817e3bb0bfdaa0ec8cb4a23fdac1bb943e93dc",class:"product-header"},this.category&&o("span",{key:"c721519a5339a2ac40d20c283bbe8797b78e4b27",class:"category"},this.category),o("div",{key:"49f5013738dfffcdb83dfde628f5d1d21164c3d2",class:"stock-info"},o("span",{key:"bd49d5069d07b3ae10ac9c85a4b84bbb573f926e",class:"stock-label"},"Stock:"),o("span",{key:"d0eefb88240c13c9c56e7470e79cbacc9d86caf4",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),o("h3",{key:"a880d0df13af0b75d553daf18e876905b93e6ef1",class:"product-name"},this.productName),this.supplier&&o("div",{key:"faa82e269979084e7510b6a17fb1f3caee8ad181",class:"supplier-info"},o("span",{key:"b4b223620c58cb30945b1c6be50559614937eb5f",class:"supplier-label"},"Proveedor:"),o("span",{key:"989580f42383c3b6adb6484a493d1293a2a11904",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),o("div",{key:"451c1ab830c7ab38c4e414e94f11f63ffcf86162",class:"price-container"},o("div",{key:"755f3f8aac6f7b1d458d28b74dec2734b42794a6",class:"price-item"},o("span",{key:"fff0a718b4f22641adcd28bbcb7e81a0f21755e9",class:"price-label"},"Precio proveedor"),o("span",{key:"5bb6843a4a293195f0dbda5c3eccfc4f38c719b1",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),o("div",{key:"468b1d7596ec5d727846a087b5d89461c5fef858",class:"price-item"},o("span",{key:"91b15e4d58d27997b2dfdb9c73fd417a8f8ba5fb",class:"price-label"},"Precio sugerido"),o("span",{key:"378483760ffac07491f5b65b37d5e27d41423ec5",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),o("div",{key:"71467832049894083ea3454618a12d082cb15844",class:"separator"}),this.showAddButton&&o("div",{key:"f9f0450e3dfa2b91ae7caa468811cc739d7a280e",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},o("dropi-icon",{key:"50a9fad974460c2728fb1fca74628d093cbb1875",name:"Shopping-cart-arrow-rigth",iconWidth:"20px",iconHeight:"20px",color:"#f49a3d"}),o("span",{key:"f5ac44dd20e01bc644e863c3cbf51e3493821e70",class:"button-text"},"Enviar a cliente")))}static get style(){return":host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}"}},[513,"dropi-card-product",{image:[1],productName:[1,"product-name"],salePrice:[2,"sale-price"],suggestedPrice:[2,"suggested-price"],currency:[1],supplier:[1],category:[1],stock:[2],supplierCategory:[1,"supplier-category"],showFavorite:[4,"show-favorite"],isFavorite:[1028,"is-favorite"],showAddButton:[4,"show-add-button"]}]);function n(){"undefined"!=typeof customElements&&["dropi-card-product","dropi-icon","dropi-ilustration-icon"].forEach((i=>{switch(i){case"dropi-card-product":customElements.get(e(i))||customElements.define(e(i),c);break;case"dropi-icon":customElements.get(e(i))||r();break;case"dropi-ilustration-icon":customElements.get(e(i))||s()}}))}n();const d=c,f=n;export{d as DropiCardProduct,f as defineCustomElement}
+import{t as e,p as i,H as t,c as a,h as o}from"./index.js";import{d as r}from"./p-CL1y944C.js";import{d as s}from"./p-BBtJlnY0.js";const c=i(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiProductClick=a(this,"dropiProductClick"),this.dropiFavoriteChange=a(this,"dropiFavoriteChange"),this.dropiAddProduct=a(this,"dropiAddProduct"),this.dropiSupplierClick=a(this,"dropiSupplierClick")}image="";productName="";salePrice=0;suggestedPrice=0;currency="$";supplier="";category="";stock=0;supplierCategory="";showFavorite=!0;isFavorite=!1;showAddButton=!0;dropiProductClick;dropiFavoriteChange;dropiAddProduct;dropiSupplierClick;formatPrice(e){return null==e?"0":e.toLocaleString("es-CO")}get inStock(){return this.stock>0}getStockColor(){return 0===this.stock?"var(--Error-Error-500, #f46a6b)":this.stock<=10?"var(--Warning-Warning-500, #f59e0b)":"var(--Success-Success-500, #0abb87)"}render(){return o("div",{key:"2fe4ce42e1c331a99fd1171c82e6e48bfb5dbff0",class:"dropi-card-product",onClick:()=>this.dropiProductClick.emit()},o("div",{key:"3f94077ee059e347f3ff4fff808a3a3f3a0ac827",class:"product-image-container"},o("div",{key:"1d6e8181cc630ab03efc90e316c349dfe9765b46",class:"product-image"},o("img",{key:"f6647c21ac24d378482c6e6fe5220d6d18ff694b",src:this.image||"",alt:this.productName,onError:e=>{e.target.src="./assets/utils/no-image.jpg"},class:this.image?"":"error-img"}),this.showFavorite&&o("button",{key:"37c23af5e1345e2f2b2ac42dd38f88eb17254889",class:{"favorite-button":!0,"favorite-active":this.isFavorite},onClick:e=>{e.stopPropagation(),this.isFavorite=!this.isFavorite,this.dropiFavoriteChange.emit(this.isFavorite)},"aria-label":"Favorito"},o("dropi-icon",{key:"c6d6c87dcb5ae0f9a0d416667a3d39c7e153b7a6",name:this.isFavorite?"Heart-solid":"Heart",iconWidth:"18px",iconHeight:"18px",color:this.isFavorite?"#fff":"#858ea6"})))),o("div",{key:"66dbcb028acb35e9a43502e9ff9a00fd2ebf8bf2",class:"product-info"},this.supplierCategory&&o("dropi-ilustration-icon",{key:"fd3d94e953a6b91418decc09ed426755a85bac1b",class:"supplier-insignia",type:"insignia",stateInsignia:this.supplierCategory,tagProduct:!0}),o("div",{key:"45817e3bb0bfdaa0ec8cb4a23fdac1bb943e93dc",class:"product-header"},this.category&&o("span",{key:"c721519a5339a2ac40d20c283bbe8797b78e4b27",class:"category"},this.category),o("div",{key:"49f5013738dfffcdb83dfde628f5d1d21164c3d2",class:"stock-info"},o("span",{key:"bd49d5069d07b3ae10ac9c85a4b84bbb573f926e",class:"stock-label"},"Stock:"),o("span",{key:"d0eefb88240c13c9c56e7470e79cbacc9d86caf4",class:"stock-value",style:{color:this.getStockColor()}},0===this.stock?"Agotado":this.stock))),o("h3",{key:"a880d0df13af0b75d553daf18e876905b93e6ef1",class:"product-name"},this.productName),this.supplier&&o("div",{key:"faa82e269979084e7510b6a17fb1f3caee8ad181",class:"supplier-info"},o("span",{key:"b4b223620c58cb30945b1c6be50559614937eb5f",class:"supplier-label"},"Proveedor:"),o("span",{key:"989580f42383c3b6adb6484a493d1293a2a11904",class:"supplier-name",onClick:e=>{e.stopPropagation(),this.dropiSupplierClick.emit()}},this.supplier)),o("div",{key:"451c1ab830c7ab38c4e414e94f11f63ffcf86162",class:"price-container"},o("div",{key:"755f3f8aac6f7b1d458d28b74dec2734b42794a6",class:"price-item"},o("span",{key:"fff0a718b4f22641adcd28bbcb7e81a0f21755e9",class:"price-label"},"Precio proveedor"),o("span",{key:"5bb6843a4a293195f0dbda5c3eccfc4f38c719b1",class:"price-value"},this.currency," ",this.formatPrice(this.salePrice))),o("div",{key:"468b1d7596ec5d727846a087b5d89461c5fef858",class:"price-item"},o("span",{key:"91b15e4d58d27997b2dfdb9c73fd417a8f8ba5fb",class:"price-label"},"Precio sugerido"),o("span",{key:"378483760ffac07491f5b65b37d5e27d41423ec5",class:"price-value"},this.currency," ",this.formatPrice(this.suggestedPrice))))),o("div",{key:"71467832049894083ea3454618a12d082cb15844",class:"separator"}),this.showAddButton&&o("div",{key:"f9f0450e3dfa2b91ae7caa468811cc739d7a280e",class:{"action-button":!0,"action-button--disabled":!this.inStock},onClick:e=>{e.stopPropagation(),this.inStock&&this.dropiAddProduct.emit()}},o("dropi-icon",{key:"50a9fad974460c2728fb1fca74628d093cbb1875",name:"Shopping-cart-arrow-rigth",iconWidth:"20px",iconHeight:"20px",color:"#f49a3d"}),o("span",{key:"f5ac44dd20e01bc644e863c3cbf51e3493821e70",class:"button-text"},"Enviar a cliente")))}static get style(){return":host{display:block;font-family:'Inter', sans-serif}*,*::before,*::after{box-sizing:border-box}.dropi-card-product{position:relative;background:#ffffff;border-radius:8px;overflow:hidden;transition:all 0.2s ease-in-out;cursor:pointer;display:flex;flex-direction:column;height:100%;box-sizing:border-box;width:100%;max-width:450px;box-shadow:none}.product-image-container{padding:4px;flex-shrink:0}.product-image{position:relative;width:100%;aspect-ratio:1;border-radius:8px;border:1px solid #c3c9d9;overflow:hidden;display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.product-image img{width:100%;height:100%;object-fit:cover;border-radius:8px}.product-image img.error-img{object-fit:contain}.favorite-button{position:absolute;bottom:5px;right:6px;border-radius:8px;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;z-index:2;display:flex;align-items:center;justify-content:center;width:42px;height:40px;background:#ffffff;border:1px solid #858ea6}.favorite-button.favorite-active{background:var(--Primary-Primary-500, #f49a3d);border:1px solid var(--Primary-Primary-500, #f49a3d)}.product-info{position:relative;padding:8px;display:flex;flex-direction:column;gap:4px;flex:1;justify-content:space-between}.supplier-insignia{position:absolute;top:-24px;left:0px}.product-header{display:flex;justify-content:space-between;align-items:center;width:100%;height:26px}.category{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;flex:1}.stock-info{display:flex;align-items:center;gap:2px;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5}.stock-label{color:#69738c}.stock-value{font-weight:500}.product-name{color:#32394d;font-family:'Inter', sans-serif;font-size:16px;font-weight:500;line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.supplier-info{font-family:'Inter', sans-serif;font-size:12px;line-height:1.2}.supplier-label{color:#69738c;font-weight:400}.supplier-name{color:#50a5f1;font-weight:400;margin-left:4px;cursor:pointer}.price-container{display:flex;gap:8px;margin-top:4px}.price-item{flex:1;display:flex;flex-direction:column}.price-label{color:#69738c;font-family:'Inter', sans-serif;font-size:12px;font-weight:400;line-height:1.5;height:18px;min-width:max-content}.price-value{color:#32394d;font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;margin-top:2px}.separator{height:1px;background:#e6eaf2;margin:0;flex-shrink:0}.action-button{background:#ffffff;border:none;border-top:1px solid #e6eaf2;padding:12px;cursor:pointer;transition:all 0.2s ease-in-out;display:flex;align-items:center;justify-content:center;gap:8px;height:40px;flex-shrink:0}.action-button--disabled{opacity:0.3;cursor:not-allowed}.button-text{font-family:'Inter', sans-serif;font-size:14px;font-weight:700;line-height:1.1;color:#f49a3d;text-align:center;white-space:nowrap}"}},[513,"dropi-card-product",{image:[1],productName:[1,"product-name"],salePrice:[2,"sale-price"],suggestedPrice:[2,"suggested-price"],currency:[1],supplier:[1],category:[1],stock:[2],supplierCategory:[1,"supplier-category"],showFavorite:[4,"show-favorite"],isFavorite:[1028,"is-favorite"],showAddButton:[4,"show-add-button"]}]);function n(){"undefined"!=typeof customElements&&["dropi-card-product","dropi-icon","dropi-ilustration-icon"].forEach((i=>{switch(i){case"dropi-card-product":customElements.get(e(i))||customElements.define(e(i),c);break;case"dropi-icon":customElements.get(e(i))||r();break;case"dropi-ilustration-icon":customElements.get(e(i))||s()}}))}n();const d=c,f=n;export{d as DropiCardProduct,f as defineCustomElement}

package/dist/components/dropi-card-section.js

@@ -1 +1 @@
-import{t as e,p as t,H as i,c as r,h as s}from"./index.js";import{d as o}from"./p-B9rJd-Rf.js";import{d as c}from"./p-Dd1g1gjR.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=r(this,"dropiChange"),this.dropiClick=r(this,"dropiClick")}title="title";description="Description";typeElement="dropdown";type="important";isChecked=!1;dropiChange;dropiClick;render(){return s("div",{key:"06fe2a580fb23484419ea4b1c41a265facb722de",class:"card-section"},s("div",{key:"1020ea256b0311a200a721387b3ecb8d0f3809ab",class:"card-section__text"},"important"===this.type?s("h5",{class:"card-section__title card-section__title--important"},this.title):s("h6",{class:"card-section__title"},this.title),this.description&&s("p",{key:"52ea93b6b2736c4c6e3ebb953c2878db90d34b4c",class:"card-section__desc"},this.description)),s("div",{key:"7ec0ed96e43b45256fd5dec5ee24b0dfd6488403",class:"card-section__control"},"switch"===this.typeElement?s("dropi-switch",{isChecked:this.isChecked,onDropiChange:e=>{this.isChecked=e.detail,this.dropiChange.emit(e.detail)}}):s("button",{class:"card-section__dropdown-btn",onClick:()=>this.dropiClick.emit(),"aria-label":"Expandir"},s("dropi-icon",{name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}"}},[513,"dropi-card-section",{title:[1],description:[1],typeElement:[1,"type-element"],type:[1],isChecked:[1028,"is-checked"]}]);function a(){"undefined"!=typeof customElements&&["dropi-card-section","dropi-icon","dropi-switch"].forEach((t=>{switch(t){case"dropi-card-section":customElements.get(e(t))||customElements.define(e(t),n);break;case"dropi-icon":customElements.get(e(t))||o();break;case"dropi-switch":customElements.get(e(t))||c()}}))}a();const d=n,p=a;export{d as DropiCardSection,p as defineCustomElement}
+import{t as e,p as t,H as i,c as s,h as r}from"./index.js";import{d as o}from"./p-CL1y944C.js";import{d as c}from"./p-BwOjDv2h.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.dropiChange=s(this,"dropiChange"),this.dropiClick=s(this,"dropiClick")}title="title";description="Description";typeElement="dropdown";type="important";isChecked=!1;dropiChange;dropiClick;render(){return r("div",{key:"06fe2a580fb23484419ea4b1c41a265facb722de",class:"card-section"},r("div",{key:"1020ea256b0311a200a721387b3ecb8d0f3809ab",class:"card-section__text"},"important"===this.type?r("h5",{class:"card-section__title card-section__title--important"},this.title):r("h6",{class:"card-section__title"},this.title),this.description&&r("p",{key:"52ea93b6b2736c4c6e3ebb953c2878db90d34b4c",class:"card-section__desc"},this.description)),r("div",{key:"7ec0ed96e43b45256fd5dec5ee24b0dfd6488403",class:"card-section__control"},"switch"===this.typeElement?r("dropi-switch",{name:"_card-section-switch",isChecked:this.isChecked,onDropiChange:e=>{this.isChecked=e.detail,this.dropiChange.emit(e.detail)}}):r("button",{class:"card-section__dropdown-btn",onClick:()=>this.dropiClick.emit(),"aria-label":"Expandir"},r("dropi-icon",{name:"Dropdown-down",iconWidth:"20px",iconHeight:"20px",color:"Gray-Gray-500"}))))}static get style(){return":host{display:block;width:100%}*,*::before,*::after{box-sizing:border-box}.card-section{display:flex;align-items:center;justify-content:space-between;gap:var(--Size-4, 16px);padding:var(--Size-3, 12px) var(--Size-4, 16px);background:var(--Neutral-White, #ffffff);border:1px solid var(--Gray-Gray-100, #e6eaf2);border-radius:var(--Border-2, 8px)}.card-section__text{flex:1}.card-section__title{margin:0 0 4px;font-family:inherit;font-weight:var(--font-weight-bold, 700);color:var(--Gray-Gray-800, #1f2433)}h5.card-section__title{font-size:var(--font-size-m, 14px)}h6.card-section__title{font-size:var(--font-size-s, 12px)}.card-section__desc{margin:0;font-size:var(--font-size-xs, 10px);color:var(--Gray-Gray-500, #69738c)}.card-section__control{flex-shrink:0}.card-section__dropdown-btn{display:flex;align-items:center;background:none;border:none;padding:0;cursor:pointer}"}},[513,"dropi-card-section",{title:[1],description:[1],typeElement:[1,"type-element"],type:[1],isChecked:[1028,"is-checked"]}]);function a(){"undefined"!=typeof customElements&&["dropi-card-section","dropi-icon","dropi-switch"].forEach((t=>{switch(t){case"dropi-card-section":customElements.get(e(t))||customElements.define(e(t),n);break;case"dropi-icon":customElements.get(e(t))||o();break;case"dropi-switch":customElements.get(e(t))||c()}}))}a();const d=n,p=a;export{d as DropiCardSection,p as defineCustomElement}