@sme.up/ketchup 10.3.2 → 10.3.4

package/dist/collection/components/kup-txt/kup-txt.js

@@ -74,7 +74,7 @@ export class KupTxt {
     }
     render() {
         const value = this.getValue();
-        return (h(Host, { key: '05b83ab932103ec9ebeeff7bfaffc3d2def6d945' }, h("style", { key: 'd1207c1f47fa24a6acecbc49a765e9f2926f3c7d' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'fce2b328dbb5bbb4255548bed43e429fc28fec40', id: componentWrapperId }, h("div", { key: '399fb51322b4b0567738f7f7472eae2ea3f40261', innerHTML: value }))));
+        return (h(Host, { key: '205fec845d1dac2f25d9544f15d435177c4eabf1' }, h("style", { key: '76e70793d8aaa42a5a8e05450ccd54f1e0c5b579' }, __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.setKupStyle(this.rootElement)), h("div", { key: 'ff15e4cd8d075189d268c97d3d7d5c9df46cf5cd', id: componentWrapperId }, h("div", { key: '0be7e4dbcee7c30e5c5a6b6c2d15701e12bc8a1d', innerHTML: value }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupTxt_kupManager, "f").theme.unregister(this);

package/dist/collection/components/kup-typography/kup-typography.js

@@ -235,7 +235,7 @@ export class KupTypography {
         const classObjParent = {
             'kup-typography--wrap': props.toolbar ? true : false,
         };
-        return (h(Host, { key: '22068fe2fcabd3b184e705e2a0137837669df2da' }, h("style", { key: '3c4a8811380ce6e6ec12a7077325f3dcb143020c' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '927cbb930fb3e0763817e8ad6fb41b521ddf1ad1', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: 'd504a5c8621c4746331225eda11131a5db079edf' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: '9073be54945f7345b754079388130e149ddac338' }, infoIcon, { onClick: async (event) => {
+        return (h(Host, { key: 'fc9ed8df1a7996737fa318223fa4a26c048af0da' }, h("style", { key: '7ab80157cf8d7d13198e389b5c2005bc23379f50' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '4058a007f7338cb3f4c69e9b7ab8bb2bc0c5d29f', id: componentWrapperId, class: classObjParent, onClick: () => this.onKupClick }, h(FTypography, Object.assign({ key: '039db543cb870340827953a4c43b092d7dfcb936' }, props)), this.infoIcon && (h(FImage, Object.assign({ key: '3c7ff0751057b4ef2d2f02eadd0f4f069288545a' }, infoIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.infoCallBack();
@@ -246,7 +246,7 @@ export class KupTypography {
                 else {
                     this.kupManager.debug.logMessage(this, 'Toolbar data is empty, not opening dropdown.');
                 }
-            } }))), this.toolbar && (h(FImage, Object.assign({ key: 'e02ac6db825761a824b4fcc36fd74690bd004cf1' }, toolbarIcon, { onClick: async (event) => {
+            } }))), this.toolbar && (h(FImage, Object.assign({ key: 'd66f1503ff3d22223d14f0247cfaaf725352935b' }, toolbarIcon, { onClick: async (event) => {
                 event.stopPropagation();
                 const el = event.currentTarget;
                 const data = await this.toolbarCallback();

package/dist/collection/components/kup-typography-list/kup-typography-list.js

@@ -160,7 +160,7 @@ export class KupTypographyList {
     }
     render() {
         const typograhy = this.renderTypographys();
-        return (h(Host, { key: 'eea4a39316b0a3fc506de4c5c7702e70491b6299' }, h("style", { key: 'f5aaa171df25731eca862abd4a58fb797485ad52' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: 'fb7234ec56efe23662c9ae7a1496200f3cb3ece5', id: componentWrapperId }, h("div", { key: '7be6b9baa1785f2da9e092a91bd8d96a7256dd25', class: "typographies-wrapper" }, typograhy))));
+        return (h(Host, { key: '58356b7523f44ef17cd4a535119254b6efed5b7a' }, h("style", { key: 'be31c2f145c03693055bc90fa818781e985b0c0a' }, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { key: '899b21cbcf02ebca7791c9983a1893c8625252ab', id: componentWrapperId }, h("div", { key: '87e0370fa8d496f789bd047f33a39cf2a40952e3', class: "typographies-wrapper" }, typograhy))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);

package/dist/collection/f-components/f-cell/f-cell-declarations.js

@@ -107,6 +107,7 @@ export const FCellShapes = {
     TABLE: 'TBL',
     TEXT_FIELD: 'ITX',
     TIME: 'TIM',
+    IMAGE_LIST: 'IML',
 };
 /**
  * Supported cell types.
@@ -144,6 +145,7 @@ export var FCellTypes;
     FCellTypes["TABLE"] = "table";
     FCellTypes["TIME"] = "time";
     FCellTypes["LABEL"] = "label";
+    FCellTypes["IMAGE_LIST"] = "image-list";
 })(FCellTypes || (FCellTypes = {}));
 export const editableTypes = [
     FCellTypes.AUTOCOMPLETE,

package/dist/collection/f-components/f-cell/f-cell.js

@@ -217,11 +217,13 @@ const MainRADAdapter = (options, _fieldLabel, currentValue, cell) => {
     return Object.assign(Object.assign({}, cell.data), newData);
 };
 const MainCMBandACPAdapter = (options, fieldLabel, currentValue, cell, _id) => {
-    var _a;
-    if (!((_a = cell.data) === null || _a === void 0 ? void 0 : _a.data) && options) {
-        const configCMandACP = CMBandACPAdapter(currentValue, fieldLabel, []);
-        configCMandACP.data['kup-list'].data = optionsTreeComboAdapter(options, currentValue);
-        return configCMandACP;
+    if (options) {
+        const configCMBandACP = CMBandACPAdapter(currentValue, fieldLabel, []);
+        configCMBandACP.data['kup-list'].data = optionsTreeComboAdapter(options, currentValue);
+        if (!cell.data) {
+            return configCMBandACP;
+        }
+        return Object.assign(Object.assign({}, configCMBandACP), cell.data);
     }
 };
 const optionsTreeComboAdapter = (options, currentValue) => {
@@ -593,6 +595,9 @@ function setCell(cellType, subcomponentProps, content, classObj, cell, column, p
             return h(FSwitch, Object.assign({}, subcomponentProps));
         case FCellTypes.LABEL:
             return h(FLabel, { text: cell.value, classes: "f-cell__text" });
+        case FCellTypes.IMAGE_LIST:
+            const activeNode = cell.data.data.find((node) => node.value === cell.value) || null;
+            return (h("kup-image-list", Object.assign({ ripple: true }, cell.data, { "onKup-imagelist-click": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE), activeNode: activeNode })));
         default:
             return (h("div", { class: "f-cell__text" }, cell.data.displayMode
                 ? adaptContentToDisplayMode(cell, content, '-')
@@ -878,6 +883,9 @@ function cellEvent(e, props, cellType, cellEventName) {
                     cell.data.data = e.detail.comp.data;
                 }
                 break;
+            case FCellTypes.IMAGE_LIST:
+                value = e.detail
+                    .details.cell.value;
         }
         if (cell.obj) {
             cell.obj.k = value === null || value === void 0 ? void 0 : value.toString();

package/dist/collection/f-components/f-chip/f-chip-declarations.js

@@ -11,6 +11,7 @@ export var FChipType;
     FChipType["CHOICE"] = "choice";
     FChipType["FILTER"] = "filter";
     FChipType["INPUT"] = "input";
+    // HAS_FILTER = 'has-filter',
     FChipType["STANDARD"] = "standard";
 })(FChipType || (FChipType = {}));
 /**

package/dist/collection/f-components/f-chip/f-chip.js

@@ -69,8 +69,9 @@ function createChipList(props, isChoice, isFilter, isInput) {
             }
         }
         function createChip(chip, disabled) {
+            var _a;
             const onlyIcon = !!(chip.icon && !chip.value);
-            let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''} ${disabled && 'chip--disabled'}`;
+            let componentClass = `chip ${onlyIcon ? 'chip--only-icon' : ''} ${disabled ? 'chip--disabled' : ''}`;
             let iconEl = [];
             let iconClass = 'chip__icon chip__icon--leading';
             if (isFilter || isChoice) {
@@ -100,13 +101,18 @@ function createChipList(props, isChoice, isFilter, isInput) {
             let chipText = getIdOfItemByDisplayMode(chip, chip.value == '' ? ItemsDisplayMode.CODE : props.displayMode, ' - ');
             return (h("div", { class: componentClass, "data-value": chip.id, onClick: props.onClick && props.onClick[i]
                     ? props.onClick[i].bind(props.onClick[i], chip)
+                    : null, onContextMenu: props.onContextMenu && props.onContextMenu[i]
+                    ? props.onContextMenu[i].bind(props.onContextMenu[i], chip)
                     : null, role: "row", title: chip.title ? chip.title : '' }, h("span", { class: "chip-set__indent" }), iconEl, h("span", { role: "gridcell" }, h("span", { role: "button", tabindex: i, class: "chip__primary-action",
                 // @ts-ignore
                 value: chip.id, checked: chip.checked, onBlur: props.onBlur && props.onBlur[i]
                     ? props.onBlur[i].bind(props.onBlur[i], chip)
                     : null, onFocus: props.onFocus && props.onFocus[i]
                     ? props.onFocus[i].bind(props.onFocus[i], chip)
-                    : null }, h("span", { class: "chip__text" }, chipText))), isInput ? (h("span", { role: "gridcell" }, h("span", { tabindex: "-1", class: `kup-icon chip__icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onIconClick && props.onIconClick[i]
+                    : null }, h("span", { class: "chip__text" }, chipText))), ((_a = props.hasFilter) === null || _a === void 0 ? void 0 : _a[i]) && (h("span", { role: "gridcell" }, h("span", { tabindex: "-1", class: `kup-icon chip__icon ${KupThemeIconValues.FILTER_REMOVE.replace('--', '')}`, onClick: props.onClearFilterClick &&
+                    props.onClearFilterClick[i]
+                    ? props.onClearFilterClick[i].bind(props.onClearFilterClick[i], chip)
+                    : null }))), isInput ? (h("span", { role: "gridcell" }, h("span", { tabindex: "-1", class: `kup-icon chip__icon ${KupThemeIconValues.CLEAR.replace('--', '')}`, onClick: props.onIconClick && props.onIconClick[i]
                     ? props.onIconClick[i].bind(props.onIconClick[i], chip)
                     : null }))) : null));
         }

package/dist/collection/managers/kup-data/kup-data-cell-helper.js

@@ -31,9 +31,9 @@ export function getCellValue(dataset, column, sorted, univocal) {
     extractColumnValues(rows, column, values, univocal);
     if (sorted == true) {
         values.sort((n1, n2) => {
-            return compareValues(null, kupObjects.isDate(n1.obj)
+            return compareValues(n1.obj, kupObjects.isDate(n1.obj) || kupObjects.isNumber(n1.obj)
                 ? n1.value
-                : getValueForDisplay2(n1, column), null, kupObjects.isDate(n2.obj)
+                : getValueForDisplay2(n1, column), n2.obj, kupObjects.isDate(n2.obj) || kupObjects.isNumber(n2.obj)
                 ? n2.value
                 : getValueForDisplay2(n2, column), SortMode.A);
         });

package/dist/collection/managers/kup-data/kup-data-declarations.js

@@ -14,3 +14,8 @@ export var DropDownAction;
     DropDownAction["CODVER"] = "cod_ver";
     DropDownAction["COMMAND"] = "command";
 })(DropDownAction || (DropDownAction = {}));
+export var UseAsValue;
+(function (UseAsValue) {
+    UseAsValue["KEY"] = "Key";
+    UseAsValue["DEC"] = "Dec";
+})(UseAsValue || (UseAsValue = {}));

package/dist/collection/managers/kup-data/kup-data.js

@@ -88,6 +88,8 @@ export class KupData {
                             return FCellTypes.TIME;
                         case FCellShapes.LABEL:
                             return FCellTypes.LABEL;
+                        case FCellShapes.IMAGE_LIST:
+                            return FCellTypes.IMAGE_LIST;
                     }
                 }
                 if (dom.ketchup.objects.isBar(obj)) {

package/dist/collection/utils/filters/filters.js

@@ -224,7 +224,7 @@ export class Filters {
                     .match(FILTER_ANALYZER);
                 if (filterMatch) {
                     const [_, operator, _startWildcard, filterNum, _endWildcard,] = filterMatch;
-                    const numericFilterValue = dom.ketchup.math.numberifySafe(filterNum);
+                    const numericFilterValue = dom.ketchup.math.numberifySafe(filterNum, true);
                     if (!isNaN(numericFilterValue)) {
                         checkByRegularExpression = false;
                         switch (operator) {

package/dist/collection/utils/kup-column-menu/kup-column-menu.js

@@ -39,15 +39,14 @@ export class KupColumnMenu {
         dom.ketchup.dynamicPosition.stop(card);
     }
     /**
-     * Function called to reposition the column menu card to the appropriate column.
+     * Function called to reposition the column menu card to the appropriate selector.
      * @param {KupDataTable | KupTree} comp - Component using the column menu.
      */
-    reposition(comp, card) {
+    reposition(comp, card, wrapperSelector) {
         const root = comp.rootElement.shadowRoot;
         if (root) {
             if (card) {
-                const column = card.dataset.column;
-                const wrapper = root.querySelector('th[data-column="' + column + '"]');
+                const wrapper = root.querySelector(wrapperSelector);
                 if (dom.ketchup.dynamicPosition.isRegistered(card)) {
                     dom.ketchup.dynamicPosition.changeAnchor(card, wrapper);
                 }

package/dist/components/index.js

@@ -1,5 +1,5 @@
 export { g as getAssetPath, s as setAssetPath, a as setNonce, b as setPlatformOptions } from './p-ef8cbd35.js';
-import { K as KupManager } from './p-9859e801.js';
+import { K as KupManager } from './p-af2d3d26.js';
 
 /** used for obtain a KupManager instance without a dom document (for UT)  */
 function newKupManager(init) {

package/dist/components/kup-accordion.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupThemeColorValues, d as KupDynamicPositionPlacement } from './p-9859e801.js';
-import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u } from './p-55fda958.js';
+import { k as kupManagerInstance, a as KupComponentSizing, g as getProps, s as setProps, b as KupThemeIconValues, c as KupThemeColorValues, d as KupDynamicPositionPlacement } from './p-af2d3d26.js';
+import { M as MDCRipple, F as FImage, c as componentWrapperId, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, E as defineCustomElement$v } from './p-9b35cce9.js';
 
 /**
  * Props of the kup-accordion component.
@@ -432,7 +432,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-accordion", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-accordion", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-image-list", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-accordion":
             if (!customElements.get(tagName)) {
@@ -441,90 +441,95 @@ function defineCustomElement$1() {
             break;
         case "kup-autocomplete":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "kup-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "kup-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "kup-button-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "kup-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-chart":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-color-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-data-table":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "kup-dropdown-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "kup-file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "kup-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "kup-gauge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "kup-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "kup-image-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }

package/dist/components/kup-activity-timeline.js

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, F as Fragment, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory, n as getCellValueForDisplay } from './p-9859e801.js';
-import { c as componentWrapperId, E as sortRows, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, F as FImage } from './p-55fda958.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory, n as getCellValueForDisplay } from './p-af2d3d26.js';
+import { c as componentWrapperId, G as sortRows, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s, C as defineCustomElement$t, D as defineCustomElement$u, E as defineCustomElement$v, F as FImage } from './p-9b35cce9.js';
 
 var KupActivityTimelineProps;
 (function (KupActivityTimelineProps) {
@@ -199,7 +199,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-activity-timeline", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-activity-timeline", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-file-upload", "kup-form", "kup-gauge", "kup-image", "kup-image-list", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-activity-timeline":
             if (!customElements.get(tagName)) {
@@ -208,90 +208,95 @@ function defineCustomElement$1() {
             break;
         case "kup-autocomplete":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "kup-badge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "kup-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "kup-button-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "kup-card":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-chart":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-checkbox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-chip":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-color-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-combobox":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-data-table":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-date-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "kup-dropdown-button":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "kup-file-upload":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "kup-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "kup-gauge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "kup-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "kup-image-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$d();
             }

package/dist/components/kup-autocomplete.js

@@ -1,4 +1,4 @@
-import { K as KupAutocomplete$1, D as defineCustomElement$1 } from './p-55fda958.js';
+import { K as KupAutocomplete$1, E as defineCustomElement$1 } from './p-9b35cce9.js';
 
 const KupAutocomplete = KupAutocomplete$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-badge.js

@@ -1,4 +1,4 @@
-import { G as KupBadge$1, C as defineCustomElement$1 } from './p-55fda958.js';
+import { H as KupBadge$1, D as defineCustomElement$1 } from './p-9b35cce9.js';
 
 const KupBadge = KupBadge$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-box.js

@@ -1,4 +1,4 @@
-import { K as KupBox$1, d as defineCustomElement$1 } from './p-3ba7c133.js';
+import { K as KupBox$1, d as defineCustomElement$1 } from './p-4b555010.js';
 
 const KupBox = KupBox$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-button-list.js

@@ -1,4 +1,4 @@
-import { S as KupButtonList$1, A as defineCustomElement$1 } from './p-55fda958.js';
+import { T as KupButtonList$1, B as defineCustomElement$1 } from './p-9b35cce9.js';
 
 const KupButtonList = KupButtonList$1;
 const defineCustomElement = defineCustomElement$1;

package/dist/components/kup-button.js

@@ -1,4 +1,4 @@
-import { R as KupButton$1, B as defineCustomElement$1 } from './p-55fda958.js';
+import { S as KupButton$1, C as defineCustomElement$1 } from './p-9b35cce9.js';
 
 const KupButton = KupButton$1;
 const defineCustomElement = defineCustomElement$1;