@sme.up/ketchup 11.0.0-SNAPSHOT-20250204102909 → 11.0.0-SNAPSHOT-20250204113836

package/dist/components/{p-15078d74.js → p-dd07188b.js}

@@ -1,5 +1,5 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h as h$1, d as Host, F as Fragment$1 } from './p-2e5f2e07.js';
-import { c as KupThemeIconValues, I as ItemsDisplayMode, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, b as KupThemeColorValues, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as getCellValueForDisplay, n as fullWidthFieldsComps, o as autoCenterComps, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as adaptContentToDisplayMode, v as FCellPadding, w as fillString, x as KupCardBuiltInClockElements, y as KupCardCSSClasses, z as KupLanguageTotals, A as KupLanguageColumn, B as KupDataNewColumnTypes, D as KupCardSubEvents, E as KupCardIds, G as KupLanguageRow, H as getColumnByName, J as KupObjects, L as formatToNumber, M as Filters, N as getValueForDisplay, O as getValueForDisplay2, P as KupData, Q as compareCell, T as TotalMode, S as getRegExpFromString, U as CHKAdapter, V as CHIAdapter, W as SWTAdapter, X as SortMode, Y as GroupLabelDisplayMode, Z as SelectionMode, _ as KupLanguageGrouping, $ as KupLanguageCheckbox, a0 as KupLanguageSearch, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as KupListProps, aa as KupCardFamily, ab as KupListRole, ac as identify, ad as LoadMoreMode, ae as PaginatorPos, af as ShowGrid, ag as kupDraggableColumnAttr, ah as kupDragActiveAttr, ai as KupDragEffect, aj as kupDraggableCellAttr, ak as KupDropEventTypes, al as FixedCellsClasses, am as FixedCellsCSSVarsBase, an as KupLanguageFontsize, ao as KupLanguageDensity, ap as KupLanguageGrid, aq as KupDataTableProps, ar as DataTableAreasEnum, as as iconColumn, at as keyColumn, au as fieldColumn, av as KupCardProps } from './p-3aff545d.js';
+import { c as KupThemeIconValues, I as ItemsDisplayMode, d as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, e as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, b as KupThemeColorValues, R as RADAdapter, C as CMBandACPAdapter, j as KupTagNames, l as FCellShapes, m as getCellValueForDisplay, n as fullWidthFieldsComps, o as autoCenterComps, p as FCellEvents, q as isForceUppercase, r as isForceLowercase, t as KupDebugCategory, u as adaptContentToDisplayMode, v as FCellPadding, w as fillString, x as KupCardBuiltInClockElements, y as KupCardCSSClasses, z as KupLanguageTotals, A as KupLanguageColumn, B as KupDataNewColumnTypes, D as KupCardSubEvents, E as KupCardIds, G as KupLanguageRow, H as getColumnByName, J as KupObjects, L as formatToNumber, M as Filters, N as getValueForDisplay, O as getValueForDisplay2, P as KupData, Q as compareCell, T as TotalMode, S as getRegExpFromString, U as CHKAdapter, V as CHIAdapter, W as SWTAdapter, X as SortMode, Y as GroupLabelDisplayMode, Z as SelectionMode, _ as KupLanguageGrouping, $ as KupLanguageCheckbox, a0 as KupLanguageSearch, a1 as FILTER_ANALYZER, a2 as KupLanguagePage, a3 as addColumnValueFromRow, a4 as KupGlobalFilterMode, g as getProps, s as setProps, a5 as TotalLabel, a6 as isNegativeNumber, a7 as KupPointerEventTypes, a8 as kupDynamicPositionAttribute, a9 as KupListProps, aa as KupCardFamily, ab as KupListRole, ac as KupLanguageUpload, ad as identify, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as kupDraggableColumnAttr, ai as kupDragActiveAttr, aj as KupDragEffect, ak as kupDraggableCellAttr, al as KupDropEventTypes, am as FixedCellsClasses, an as FixedCellsCSSVarsBase, ao as KupLanguageFontsize, ap as KupLanguageDensity, aq as KupLanguageGrid, ar as KupDataTableProps, as as DataTableAreasEnum, at as iconColumn, au as keyColumn, av as fieldColumn, aw as KupCardProps } from './p-98aafbf3.js';
 import { h, g as getAssetPath, F as Fragment } from './p-3aae989f.js';
 import { c as KupDateTimeFormatOptionsMonth, K as KupDatesFormats, a as KupDates } from './p-1581348d.js';
 
@@ -5433,6 +5433,8 @@ function setEditableCell(cellType, classObj, cell, column, props) {
                     (_b = (_a = cell.data) === null || _a === void 0 ? void 0 : _a.onInput) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                     cellEvent(e, props, cellType, FCellEvents.INPUT);
                 }, onBlur: (e) => cellEvent(e, props, cellType, FCellEvents.BLUR) })));
+        case FCellTypes.FILE_UPLOAD:
+            return h("kup-file-upload", Object.assign({}, cell.data));
         case FCellTypes.MULTI_AUTOCOMPLETE:
             return (h("kup-chip", Object.assign({ displayId: true }, cell.data, { type: FChipType.INPUT, enableInput: true, "onKup-chip-change": (e) => cellEvent(e, props, cellType, FCellEvents.UPDATE) }),
                 h("kup-autocomplete", Object.assign({ class: "kup-full-width", slot: "field", displayMode: ItemsDisplayMode.CODE_AND_DESC, selectMode: ItemsDisplayMode.CODE_AND_DESC, "onKup-autocomplete-blur": (e) => cellEvent(e, props, cellType, FCellEvents.BLUR), "onkup-autocomplete-input": (e) => cellEvent(e, props, cellType, FCellEvents.INPUT), "onkup-autocomplete-iconclick": (e) => cellEvent(e, props, cellType, FCellEvents.ICON_CLICK), showDropDownIcon: false }, cell.slotData, { error: cell.data.error, showMarker: (_a = cell.tooltip) !== null && _a !== void 0 ? _a : false }))));
@@ -12744,6 +12746,12 @@ var KupDropdownButtonProps;
     KupDropdownButtonProps["dropdownOnly"] = "Default value is false. When set to true, the arrow dropdown button is the only button displayed.";
 })(KupDropdownButtonProps || (KupDropdownButtonProps = {}));
 
+var KupFileUploadProps;
+(function (KupFileUploadProps) {
+    KupFileUploadProps["customStyle"] = "Custom style of the component.";
+    KupFileUploadProps["data"] = "Actual data of the input file upload.";
+})(KupFileUploadProps || (KupFileUploadProps = {}));
+
 /**
  * Props of the kup-gauge component.
  * Used to export every prop in an object.
@@ -13957,7 +13965,7 @@ class FiltersTreeItems extends FiltersRows {
 const kupTreeCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_tree_header_background_color:var(\n    --kup-tree-header-background-color,\n    var(--kup-layer-2)\n  );--kup_tree_body_background_color:var(\n    --kup-tree-body-background-color,\n    var(--kup-layer-1)\n  );--kup_tree_body_background_color_hover:var(\n    --kup-tree-body-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_tree_border_color:var(\n    --kup-tree-border-color,\n    var(--kup-border-subtle)\n  );--kup_tree_tr_outline_color:var(\n    --kup-tree-tr-outline-color,\n    var(--kup-border-interactive)\n  );--kup_tree_tr_background_color_hover:var(\n    --kup-tree-tr-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_tree_tr_background_color_focus:var(\n    --kup-tree-tr-background-color-focus,\n    var(--kup-layer-1-selected)\n  );--kup_tree_text_color:var(--kup-tree-text-color, var(--kup-text-secondary));--kup_tree_header_text_color:var(\n    --kup-tree-header-text-color,\n    var(--kup-text-primary)\n  );--kup_tree_color_rgb:var(--kup-tree-color-rgb, var(--kup-text-color-rgb));--kup_tree_font_family:var(--kup-tree-font-family, var(--kup-font-family));--kup_tree_filter_background_color:var(\n    --kup-tree-filter-background-color,\n    var(--kup-layer-1)\n  );--kup_tree_font_family_monospace:var(\n    --kup-tree-font-family-monospace,\n    var(--kup-font-family-monospace)\n  );--kup_tree_font_size:var(--kup-tree-font-size, var(--kup-font-size));--kup_tree_text_hover_color:var(\n    --kup-tree-text-hover-color,\n    var(--kup-text-primary)\n  );--kup-icon-color:var(--kup-tree-icon-color, var(--kup-text-secondary));display:block;font-family:var(--kup_tree_font_family);font-size:var(--kup_tree_font_size)}:host([prevent-x-scroll]) .wrapper{overflow-x:hidden}#kup-component{color:var(--kup_tree_text_color)}.density-dense .wrapper .kup-tree td:not(.grid-cell),.density-dense .wrapper .kup-tree th{padding:0 1.8em}.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree td:not(.grid-cell) .kup-tree__icon+.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon~.cell-content,.density-dense .wrapper .kup-tree th .kup-tree__icon+.cell-content{vertical-align:0.4em}.density-wide .wrapper .kup-tree td:not(.grid-cell),.density-wide .wrapper .kup-tree th{padding:0.75em 1.8em}.wrapper{overflow-x:auto}.wrapper .kup-tree{border-collapse:collapse;width:100%}.wrapper .kup-tree thead{display:none}.wrapper .kup-tree thead.header--is-visible{display:table-header-group;background-color:var(--kup_tree_header_background_color)}.wrapper .kup-tree thead.header--is-visible th{padding:0.8em 0.5em;font-size:1.1em}.wrapper .kup-tree thead.header--is-visible th span{color:var(--kup_tree_header_text_color);font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.wrapper .kup-tree thead th{text-align:left}.wrapper .kup-tree tbody{background-color:var(--kup_tree_body_background_color)}.wrapper .kup-tree tbody tr.kup-tree__node.kup-tree__node--first td .cell-content{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.wrapper .kup-tree tfoot{background-color:var(--kup_tree_body_background_color)}.wrapper .kup-tree tr,.wrapper .kup-tree td{font-size:1em;line-height:1em}.wrapper .kup-tree tr.mdc-ripple-surface,.wrapper .kup-tree td.mdc-ripple-surface{--mdc-ripple-fg-opacity:0.24}.wrapper .kup-tree tr.mdc-ripple-surface:before,.wrapper .kup-tree tr.mdc-ripple-surface:after,.wrapper .kup-tree td.mdc-ripple-surface:before,.wrapper .kup-tree td.mdc-ripple-surface:after{background-color:var(--kup_tree_primary_color)}.wrapper .kup-tree tr .kup-tree__icon~.cell-content,.wrapper .kup-tree tr .kup-tree__icon+.cell-content,.wrapper .kup-tree td .kup-tree__icon~.cell-content,.wrapper .kup-tree td .kup-tree__icon+.cell-content{display:inline-block;vertical-align:0.2em;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.wrapper .kup-tree td:not(.grid-cell),.wrapper .kup-tree th{padding:0.4em var(--kup-space-03)}.wrapper .kup-tree td{padding:0;white-space:nowrap}.wrapper .kup-tree__indent{display:inline-block;width:calc(1.8em * var(--kup_tree_node_depth, 0))}.wrapper .kup-tree__icon{display:inline-block;margin-right:0.4em;height:16px;min-width:16px;width:16px}.wrapper .kup-tree__node__expander{transition:transform 0.1s}.wrapper .kup-tree__node{cursor:default}.wrapper .kup-tree__node.with-dyn:not(.kup-tree__node--disabled){cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .wrapper .kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node:not(.kup-tree__node--disabled) .kup-icon.kup-tree__node__expander{cursor:pointer}.wrapper .kup-tree__node--disabled{opacity:0.4}.wrapper .kup-tree__node--disabled__expander{pointer-events:none}.wrapper .kup-tree__node .kup-icon:not(.is-image){background-color:var(--kup_tree_icon_color)}.wrapper .kup-tree__node .kup-icon.kup-tree__node__expander:not(.is-image){background-color:var(--kup_tree_text_color)}.wrapper .kup-tree__node .kup-icon.is-image img{display:block;height:auto;width:100%}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td{background-color:var(--kup_tree_tr_background_color_hover);color:var(--kup_tree_text_hover_color)}.wrapper .kup-tree__node:hover:not(.kup-tree__node--disabled):not(.kup-tree__node--selected) td .kup-icon{background-color:var(--kup_tree_text_hover_color)}.wrapper .kup-tree__node--selected:not(.kup-tree__node--disabled) td{background-color:var(--kup_tree_tr_background_color_focus)}.wrapper .kup-tree[data-show-columns] .kup-tree__node{border-bottom:solid 1px var(--kup_tree_border_color);border-left:2px solid transparent;box-sizing:content-box}#global-filter{background:var(--kup_tree_filter_background_color);position:sticky;top:0;z-index:1}#global-filter kup-text-field .f-text-field .mdc-text-field-container .mdc-text-field{border-bottom:none}.first-node .cell-content{font-weight:bold}.cell-content--ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:var(--kup_tree_content_width, auto)}.cell-content--highlighted{color:var(--kup_tree_text_on_primary_color);background-color:var(--kup_tree_primary_color)}.kup-icon.kup-filter-remove-icon:not(.f-image){background-color:var(--kup_tree_text_color);margin:0 0.25em;height:1em;width:1em;cursor:pointer;float:right;margin:0 0.25em;opacity:0.5}.grid-cell{height:0}.grid-cell .f-cell .f-cell__content{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}tfoot td{border-bottom:solid 1px var(--kup_tree_border_color);border-right:solid 1px var(--kup_tree_border_color);box-sizing:border-box;height:36px;text-align:right;font-weight:bold;padding:0.5em 0.3125em}tfoot td:hover{background-color:var(--kup_tree_body_background_color_hover)}tfoot td:first-of-type{border:none;border-right:solid 1px var(--kup_tree_border_color)}.hidden span{color:transparent;position:relative;text-overflow:ellipsis;transition:color 200ms}.hidden span:hover{color:var(--kup_tree_text_color)}.totals-value{font-weight:bold}.totals-value.danger-text{color:var(--kup-danger-color-60) !important}:host([as-accordion]) .wrapper .kup-tree thead{display:table-header-group}:host([as-accordion]) .wrapper .kup-tree thead tr{border-left:solid 1px var(--kup_tree_border_color);border-right:solid 1px var(--kup_tree_border_color)}:host([as-accordion]) .wrapper .kup-tree thead tr th span{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}:host([as-accordion]) .density-dense .first-node:not(.grid-cell){padding:0.5em 1em}:host([as-accordion]) .density-medium .first-node:not(.grid-cell){padding:1em 1.5em}:host([as-accordion]) .density-wide .first-node:not(.grid-cell){padding:1.75em 1.75em}:host([as-accordion]) .kup-tree__node--first{border:none;box-sizing:border-box;display:block}:host([as-accordion]) .kup-tree__node--first:hover,:host([as-accordion]) .kup-tree__node--first[data-is-expanded]{background-color:var(--kup_tree_tr_background_color_hover)}:host([as-accordion]) .kup-tree__node--first:hover .cell-content,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .cell-content{color:var(--kup_tree_text_hover_color)}:host([as-accordion]) .kup-tree__node--first:hover .kup-icon,:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-icon{background-color:var(--kup_tree_text_hover_color)}:host([as-accordion]) .kup-tree__node--first[data-is-expanded] .kup-dropdown-icon{transform:rotate(180deg)}:host([as-accordion]) .kup-tree__node--first .first-node{align-items:center;box-sizing:border-box;color:var(--kup_tree_text_color);cursor:pointer;display:flex;line-height:1.75em;text-align:left;transition:background-color 80ms, color 80ms;width:100%}:host([as-accordion]) .kup-tree__node--first .kup-tree__icon{margin-left:0;margin-right:var(--kup-space-03);min-width:1.5em}:host([as-accordion]) .kup-tree__node--first .cell-content{margin-right:0.5em;overflow:hidden;text-overflow:ellipsis;white-space:pre}:host([as-accordion]) .kup-tree__node--first .kup-dropdown-icon{background-color:var(--kup_tree_icon_color);height:1.5em;margin-left:auto;margin-right:0;min-width:1.5em;width:1.5em;transition:transform 0.1s}:host([as-accordion]) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border-top:1px solid var(--kup_tree_border_color)}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup-background-color);box-shadow:var(--kup-box-shadow);color:var(kup_tree_text_color);display:none;max-height:33vh;overflow:auto;position:relative;transform:none;transform-origin:unset;transition:height 0.2s;will-change:unset}.kup-menu.visible{display:block}.kup-icon.kup-collapsed-icon{-webkit-mask:var(--kup-collapsed-icon);mask:var(--kup-collapsed-icon)}.kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon)}.kup-icon.kup-expanded-icon{-webkit-mask:var(--kup-expanded-icon);mask:var(--kup-expanded-icon)}.kup-icon.kup-filter-remove-icon{-webkit-mask:var(--kup-filter-remove-icon);mask:var(--kup-filter-remove-icon)}:host(.kup-borderless) .first-node{border:none !important}:host(.kup-borderless) .kup-tree__node:not(.kup-tree__node--first)+.kup-tree__node--first{border:none !important}:host(.kup-full-width){min-width:100%}:host(.kup-full-width) table.kup-tree{min-width:100%}:host(.kup-layout-fixed) #kup-component table{table-layout:fixed;width:100%}:host(.kup-shaped) td.mdc-ripple-surface{border-radius:0 66px 66px 0}tr.clickable{cursor:pointer}";
 const KupTreeStyle0 = kupTreeCss;
 
-var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$a = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
         throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -14057,31 +14065,31 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
     persistState() {
         if (this.store && this.stateId) {
             let somethingChanged = false;
-            if (!__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
+            if (!__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.filters, this.filters)) {
                 this.state.filters = Object.assign({}, this.filters);
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {
+            if (!__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.density, this.density)) {
                 this.state.density = this.density;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.showFilters, this.showFilters)) {
+            if (!__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.showFilters, this.showFilters)) {
                 this.state.showFilters = this.showFilters;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.showFooter, this.showFooter)) {
+            if (!__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.showFooter, this.showFooter)) {
                 this.state.showFooter = this.showFooter;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.totals, this.totals)) {
+            if (!__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.totals, this.totals)) {
                 this.state.totals = Object.assign({}, this.totals);
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
+            if (!__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.globalFilter, this.globalFilter)) {
                 this.state.globalFilter = this.globalFilter;
                 somethingChanged = true;
             }
-            if (!__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
+            if (!__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").objects.deepEqual(this.state.globalFilterValue, this.globalFilterValue)) {
                 this.state.globalFilterValue = this.globalFilterValue;
                 somethingChanged = true;
             }
@@ -14260,7 +14268,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
      * @param {KupDataColumn} column - Column to hide.
      */
     async hideColumn(column) {
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").data.column.hide(this.columns, [column.name]);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").data.column.hide(this.columns, [column.name]);
         this.kupColumnRemove.emit({
             comp: this,
             id: this.rootElement.id,
@@ -14344,21 +14352,21 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
         return this.treeColumnVisible;
     }
     checkScrollOnHover() {
-        if (!__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").scrollOnHover.isRegistered(this.treeWrapperRef)) {
+        if (!__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").scrollOnHover.isRegistered(this.treeWrapperRef)) {
             if (this.scrollOnHover) {
-                __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").scrollOnHover.register(this.treeWrapperRef);
+                __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").scrollOnHover.register(this.treeWrapperRef);
             }
         }
         else {
             if (!this.scrollOnHover) {
-                __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").scrollOnHover.unregister(this.treeWrapperRef);
+                __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").scrollOnHover.unregister(this.treeWrapperRef);
             }
         }
     }
     onKupTreeNodeDblClick(treeNodeData, treeNodePath) {
         for (let index = 0; index < this.clickTimeout.length; index++) {
             clearTimeout(this.clickTimeout[index]);
-            __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").debug.logMessage(this, 'Cleared hdlTreeNodeClick timeout(' +
+            __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").debug.logMessage(this, 'Cleared hdlTreeNodeClick timeout(' +
                 this.clickTimeout[index] +
                 ').');
         }
@@ -14547,7 +14555,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
     }
     contextMenuHandler(e) {
         e.preventDefault();
-        const details = this.getEventDetails(__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").getEventPath(e.target, this.rootElement), e);
+        const details = this.getEventDetails(__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").getEventPath(e.target, this.rootElement), e);
         if (details.area === 'header') {
             if (details.th && details.column) {
                 this.openColumnMenu(details.column.name);
@@ -14570,7 +14578,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
             (this.expansionMode.toLowerCase() === KupTreeExpansionMode.NODE &&
                 !isExpandable(treeNodeData))) {
             const td = e
-                ? __classPrivateFieldGet$9(this, _KupTree_kupManager, "f")
+                ? __classPrivateFieldGet$a(this, _KupTree_kupManager, "f")
                     .getEventPath(e.target, this.rootElement)
                     .find((el) => {
                     if (el.tagName === 'TD')
@@ -14764,10 +14772,10 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
     refreshStructureState() {
         if (this.data) {
             if (this.data.columns) {
-                __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").debug.logMessage(this, 'Detected KupDataDataset: setting up tree as grid.', KupDebugCategory.WARNING);
+                __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").debug.logMessage(this, 'Detected KupDataDataset: setting up tree as grid.', KupDebugCategory.WARNING);
                 const data = this.data;
                 this.columns = data.columns;
-                this.data = __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").data.row.toNode(data);
+                this.data = __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").data.row.toNode(data);
                 this.showColumns = true;
                 this.showHeader = true;
             }
@@ -14816,7 +14824,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
             //---- Filter ----
             let filter = null;
             if (this.filtersColumnMenuInstance.hasFiltersForColumn(this.filters, column)) {
-                const svgLabel = __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.REMOVE_FILTERS) + `: '${this.getFilterValueForTooltip(column)}'`;
+                const svgLabel = __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.REMOVE_FILTERS) + `: '${this.getFilterValueForTooltip(column)}'`;
                 /**
                  * When column has a filter but filters must not be displayed, shows an icon to remove the filter.
                  * Upon click, the filter gets removed.
@@ -14891,9 +14899,9 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
                 expandClass += ` ${KupThemeIconValues.COLLAPSED.replace('--', '')}`;
             }
         }
-        let treeExpandIcon = (h$1("span", { title: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND) +
+        let treeExpandIcon = (h$1("span", { title: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND) +
                 '/' +
-                __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.COLLAPSE) +
+                __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.COLLAPSE) +
                 ' (CTRL + Click)', class: expandClass, onClick: this.expansionMode.toLowerCase() ===
                 KupTreeExpansionMode.DROPDOWN && !treeNodeData.disabled
                 ? (event) => {
@@ -14966,8 +14974,8 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
             }
         }
         let title = undefined;
-        if (!__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").objects.isEmptyKupObj(treeNodeData.obj) &&
-            __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").debug.isDebug()) {
+        if (!__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").objects.isEmptyKupObj(treeNodeData.obj) &&
+            __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").debug.isDebug()) {
             title =
                 treeNodeData.obj.t +
                     '; ' +
@@ -14990,7 +14998,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
                     'mdc-ripple-surface': this.ripple &&
                         !this.showColumns &&
                         !treeNodeData.disabled,
-                    'is-obj': !__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").objects.isEmptyKupObj(treeNodeData.obj),
+                    'is-obj': !__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").objects.isEmptyKupObj(treeNodeData.obj),
                 }, style: treeNodeData.style || null, title: title, onDblClick: () => {
                     this.onKupTreeNodeDblClick(treeNodeData, treeNodePath);
                 } }, this.asAccordion && !treeNodeDepth
@@ -15013,7 +15021,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
     }
     closeTotalMenu() {
         this.openedTotalMenu = null;
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").removeClickCallback(this.clickCb);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").removeClickCallback(this.clickCb);
     }
     isOpenedTotalMenuForColumn(column) {
         return this.openedTotalMenu === column;
@@ -15043,15 +15051,15 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
             let totalMenu = undefined;
             let menuLabel = TotalLabel.CALC;
             const translation = {
-                [TotalLabel.AVERAGE]: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.AVERAGE),
-                [TotalLabel.CALC]: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.CALCULATE),
-                [TotalLabel.CANC]: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.CANCEL),
-                [TotalLabel.COUNT]: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.COUNT),
-                [TotalLabel.DISTINCT]: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.DISTINCT),
-                [TotalLabel.MATH]: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.FORMULA),
-                [TotalLabel.MAX]: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.MAXIMUM),
-                [TotalLabel.MIN]: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.MINIMUM),
-                [TotalLabel.SUM]: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.SUM),
+                [TotalLabel.AVERAGE]: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.AVERAGE),
+                [TotalLabel.CALC]: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.CALCULATE),
+                [TotalLabel.CANC]: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.CANCEL),
+                [TotalLabel.COUNT]: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.COUNT),
+                [TotalLabel.DISTINCT]: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.DISTINCT),
+                [TotalLabel.MATH]: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.FORMULA),
+                [TotalLabel.MAX]: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.MAXIMUM),
+                [TotalLabel.MIN]: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.MINIMUM),
+                [TotalLabel.SUM]: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageTotals.SUM),
             };
             if (this.totals) {
                 const totalValue = this.totals[column.name];
@@ -15094,7 +15102,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
                         value: translation[TotalLabel.DISTINCT],
                     },
                 ];
-                if (__classPrivateFieldGet$9(this, _KupTree_kupManager, "f").objects.isNumber(column.obj)) {
+                if (__classPrivateFieldGet$a(this, _KupTree_kupManager, "f").objects.isNumber(column.obj)) {
                     listData.push({
                         id: TotalMode.SUM,
                         value: translation[TotalLabel.SUM],
@@ -15158,25 +15166,25 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
                 });
             }
         };
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").interact.on(this.treeWrapperRef, KupPointerEventTypes.TAP, tapCb);
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").interact.on(this.treeWrapperRef, KupPointerEventTypes.HOLD, holdCb);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").interact.on(this.treeWrapperRef, KupPointerEventTypes.TAP, tapCb);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").interact.on(this.treeWrapperRef, KupPointerEventTypes.HOLD, holdCb);
     }
     totalMenuPosition() {
         if (this.rootElement.shadowRoot) {
             const menu = this.rootElement.shadowRoot.querySelector('#totals-menu');
             if (menu) {
-                __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").dynamicPosition.register(menu, this.totalMenuCoords);
+                __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").dynamicPosition.register(menu, this.totalMenuCoords);
                 if (!this.clickCb) {
                     this.clickCb = {
                         cb: () => {
                             this.closeTotalMenu();
-                            __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").dynamicPosition.stop(menu);
+                            __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").dynamicPosition.stop(menu);
                         },
                         el: menu,
                     };
                 }
-                __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").addClickCallback(this.clickCb, true);
-                __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").dynamicPosition.start(menu);
+                __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").addClickCallback(this.clickCb, true);
+                __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").dynamicPosition.start(menu);
                 menu.menuVisible = true;
             }
         }
@@ -15231,9 +15239,9 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
     componentWillLoad() {
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").debug.logLoad(this, false);
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.register(this);
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").theme.register(this);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.register(this);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").theme.register(this);
         this.columnMenuInstance = new KupColumnMenu();
         this.initWithPersistedState();
         this.refreshStructureState();
@@ -15241,11 +15249,11 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
     componentDidLoad() {
         this.didLoadInteractables();
         this.kupDidLoad.emit({ comp: this, id: this.rootElement.id });
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").resize.observe(this.rootElement);
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").debug.logLoad(this, true);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").resize.observe(this.rootElement);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").debug.logRender(this, false);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").debug.logRender(this, false);
         if (this.showFooter && this.columns) {
             this.footer = calcTotals(this.totals, this.getColumns(), normalizeRows(this.getColumns(), this.nodesToRows()));
         }
@@ -15277,7 +15285,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
         this.persistState();
         // ***
         this.oldWidth = this.rootElement.clientWidth;
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").debug.logRender(this, true);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").debug.logRender(this, true);
     }
     render() {
         this.contentRefs = [];
@@ -15306,7 +15314,7 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
         }
         else {
             // There are no TreeNodes, so we print a single cell with a caption
-            treeNodes.push(h$1("tr", null, h$1("td", null, __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))));
+            treeNodes.push(h$1("tr", null, h$1("td", null, __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_DATA))));
         }
         // Calculates if header must be shown or not
         const visibleHeader = this.showHeader && this.showColumns;
@@ -15315,12 +15323,12 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
             this.data &&
             this.data.length &&
             this.data.length > 0) {
-            filterField = (h$1("div", { key: '9cdeb4a514c3c5f1f3e46461a7ca8bd8f099369a', id: "global-filter" }, h$1("kup-text-field", { key: '0f2958709b2b59ec89ee976706ac39113f315e40', fullWidth: true, label: __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
+            filterField = (h$1("div", { key: '9cdeb4a514c3c5f1f3e46461a7ca8bd8f099369a', id: "global-filter" }, h$1("kup-text-field", { key: '0f2958709b2b59ec89ee976706ac39113f315e40', fullWidth: true, label: __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, initialValue: this.globalFilterValue, "onkup-textfield-input": (event) => {
                     window.clearTimeout(this.globalFilterTimeout);
                     this.globalFilterTimeout = window.setTimeout(() => this.onGlobalFilterChange(event), 600);
                 } })));
         }
-        return (h$1(Host, { key: '3b523b6d53053f06d279ad1491560d94ac3856de' }, h$1("style", { key: '553fe40a90aee1ea496efc7c915fc555cbcb87ec' }, __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'a8ad04be8cae41d39b50cf76af10d6eef7ab5318', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '4664bfd1d6f76e03124bff6e3f99df67987f0e4a', class: "wrapper", ref: (el) => (this.treeWrapperRef =
+        return (h$1(Host, { key: '3b523b6d53053f06d279ad1491560d94ac3856de' }, h$1("style", { key: '553fe40a90aee1ea496efc7c915fc555cbcb87ec' }, __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'a8ad04be8cae41d39b50cf76af10d6eef7ab5318', id: componentWrapperId, class: wrapperClass, style: wrapperStyle }, filterField, h$1("div", { key: '4664bfd1d6f76e03124bff6e3f99df67987f0e4a', class: "wrapper", ref: (el) => (this.treeWrapperRef =
                 el) }, h$1("table", { key: 'cbf00e3699fa589771dfbb3fc5bdf9f672dae449', class: "kup-tree", "data-show-columns": this.showColumns, onContextMenu: (e) => {
                 e.preventDefault();
             } }, h$1("thead", { key: '8fb34b1b797f483d9a85492c6ceec1b482f7aa68', class: {
@@ -15331,19 +15339,19 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
             : null)))));
     }
     disconnectedCallback() {
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").language.unregister(this);
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").resize.unobserve(this.rootElement);
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").theme.unregister(this);
-        __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").interact.unregister([this.treeWrapperRef]);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").language.unregister(this);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").resize.unobserve(this.rootElement);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").theme.unregister(this);
+        __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").interact.unregister([this.treeWrapperRef]);
         const dynamicPositionElements = this.rootElement.shadowRoot.querySelectorAll('[' + kupDynamicPositionAttribute + ']');
         if (dynamicPositionElements.length > 0) {
-            __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").dynamicPosition.unregister(Array.prototype.slice.call(dynamicPositionElements));
+            __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").dynamicPosition.unregister(Array.prototype.slice.call(dynamicPositionElements));
         }
         if (this.columnMenuCard) {
             this.columnMenuCard.remove();
         }
         if (this.scrollOnHover) {
-            __classPrivateFieldGet$9(this, _KupTree_kupManager, "f").scrollOnHover.unregister(this.treeWrapperRef);
+            __classPrivateFieldGet$a(this, _KupTree_kupManager, "f").scrollOnHover.unregister(this.treeWrapperRef);
         }
         this.kupDidUnload.emit({ comp: this, id: this.rootElement.id });
     }
@@ -15405,11 +15413,11 @@ const KupTree = /*@__PURE__*/ proxyCustomElement(class KupTree extends H {
         "expanded": ["enrichStructureStateWhenChanged"]
     }]);
 _KupTree_kupManager = new WeakMap();
-function defineCustomElement$r() {
+function defineCustomElement$s() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-tree", "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-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-tree", "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-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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-tree":
             if (!customElements.get(tagName)) {
@@ -15486,69 +15494,74 @@ function defineCustomElement$r() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -15557,7 +15570,7 @@ function defineCustomElement$r() {
 const kupToolbarCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}.toolbar-container{width:fit-content;box-shadow:0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.05)}.component-type-chip{background-color:var(--kup-layer-2);color:var(--kup-text-disabled);padding:var(--kup-space-02) var(--kup-space-03);font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.parent-class{position:relative;cursor:pointer;width:200px;background-color:var(--kup-gray-color-10);display:flex;justify-content:space-between;padding:var(--kup-space-03);border-left:1px solid transparent;align-items:center}.parent-class.toolbar-item-disabled{background-color:var(--kup-gray-color-30);color:var(--kup-gray-color-40);cursor:not-allowed}.parent-class.toolbar-item-disabled .chevron-type-wrapper .f-image .iconWrapper .f-image__icon{background-color:var(--kup-gray-color-40) !important}.parent-class .toolbar-single-value-node{display:flex;gap:8px;align-items:center}.parent-class:hover:not(.toolbar-item-disabled):not(:has(>.f-cell)){background-color:var(--kup-gray-color-10-hover)}.parent-class:focus:not(:has(>.f-cell)){outline:2px solid var(--kup-border-interactive);outline-offset:-2px}.parent-class:active:not(:has(>.f-cell)){border-left:1px solid var(--kup-border-interactive)}.parent-class>.nested-class{position:absolute;top:0;left:100%;display:none;z-index:10;transition:display 0.2s ease;background-color:var(--kup-gray-color-10);box-shadow:0 10px 20px rgba(0, 0, 0, 0.1), 0 6px 6px rgba(0, 0, 0, 0.05);width:inherit;max-width:200px}.parent-class .chevron-right{float:right;margin:0;margin-left:var(--kup-space-03);font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.parent-class:hover:not(.toolbar-item-disabled)>.nested-class{display:block}.chevron-type-wrapper{display:flex;align-items:center;gap:var(--kup-space-03)}.chevron-type-wrapper .chevron-right{float:right;margin:0;margin-left:var(--kup-space-00);font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.nested-class .f-cell .f-cell__content{display:block}.nested-class .f-cell .f-cell__content .f-radio{gap:0}.nested-class .f-cell .f-cell__content .f-radio .form-field{cursor:pointer}.nested-class .f-cell .f-cell__content .f-radio .form-field:active,.nested-class .f-cell .f-cell__content .f-radio .form-field:focus{outline:2px solid var(--kup-border-interactive);outline-offset:-2px}.nested-class .f-cell .f-cell__content .f-radio .form-field:hover{background-color:var(--kup-gray-color-10-hover)}.nested-class .f-cell .f-cell__content .f-radio .form-field .radio{padding:var(--kup-space-03) 0 var(--kup-space-03) var(--kup-space-03)}.nested-class .f-cell .f-cell__content .f-radio .form-field label{width:100%;cursor:pointer;padding:var(--kup-space-03)}";
 const KupToolbarStyle0 = kupToolbarCss;
 
-var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
         throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -15586,7 +15599,7 @@ const KupToolbar = /*@__PURE__*/ proxyCustomElement(class KupToolbar extends H {
         this.showIcons = true;
     }
     onKupClick(index, node) {
-        __classPrivateFieldGet$8(this, _KupToolbar_instances, "m", _KupToolbar_handleClick).call(this, index, node);
+        __classPrivateFieldGet$9(this, _KupToolbar_instances, "m", _KupToolbar_handleClick).call(this, index, node);
     }
     /*-------------------------------------------------*/
     /*           P u b l i c   M e t h o d s           */
@@ -15627,7 +15640,7 @@ const KupToolbar = /*@__PURE__*/ proxyCustomElement(class KupToolbar extends H {
             : 'KUPCELL';
         const coltitle = treeNode.obj && treeNode.obj.t
             ? treeNode.obj.t + ';' + treeNode.obj.p
-            : __classPrivateFieldGet$8(this, _KupToolbar_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_OBJECT);
+            : __classPrivateFieldGet$9(this, _KupToolbar_kupManager, "f").language.translate(KupLanguageGeneric.EMPTY_OBJECT);
         return {
             name: colname,
             title: coltitle,
@@ -15637,11 +15650,11 @@ const KupToolbar = /*@__PURE__*/ proxyCustomElement(class KupToolbar extends H {
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
     componentWillLoad() {
-        __classPrivateFieldGet$8(this, _KupToolbar_kupManager, "f").debug.logLoad(this, false);
-        __classPrivateFieldGet$8(this, _KupToolbar_kupManager, "f").theme.register(this);
+        __classPrivateFieldGet$9(this, _KupToolbar_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet$9(this, _KupToolbar_kupManager, "f").theme.register(this);
     }
     componentDidLoad() {
-        __classPrivateFieldGet$8(this, _KupToolbar_kupManager, "f").debug.logLoad(this, true);
+        __classPrivateFieldGet$9(this, _KupToolbar_kupManager, "f").debug.logLoad(this, true);
         this.rootElement.addEventListener('kup-cell-update', (event) => {
             const index = event.detail.cell.value;
             const node = event.detail.cell;
@@ -15649,19 +15662,19 @@ const KupToolbar = /*@__PURE__*/ proxyCustomElement(class KupToolbar extends H {
         });
     }
     componentWillRender() {
-        __classPrivateFieldGet$8(this, _KupToolbar_kupManager, "f").debug.logRender(this, false);
+        __classPrivateFieldGet$9(this, _KupToolbar_kupManager, "f").debug.logRender(this, false);
     }
     componentDidRender() {
-        __classPrivateFieldGet$8(this, _KupToolbar_kupManager, "f").debug.logRender(this, true);
+        __classPrivateFieldGet$9(this, _KupToolbar_kupManager, "f").debug.logRender(this, true);
     }
     render() {
         if (!this.data || this.data.length === 0) {
             return;
         }
-        return (h$1(Host, null, h$1("style", null, __classPrivateFieldGet$8(this, _KupToolbar_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { id: componentWrapperId }, h$1("div", { class: "toolbar-container" }, this.data.map((item, index) => __classPrivateFieldGet$8(this, _KupToolbar_instances, "m", _KupToolbar_renderTreeNode).call(this, item, index))))));
+        return (h$1(Host, null, h$1("style", null, __classPrivateFieldGet$9(this, _KupToolbar_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { id: componentWrapperId }, h$1("div", { class: "toolbar-container" }, this.data.map((item, index) => __classPrivateFieldGet$9(this, _KupToolbar_instances, "m", _KupToolbar_renderTreeNode).call(this, item, index))))));
     }
     disconnectedCallback() {
-        __classPrivateFieldGet$8(this, _KupToolbar_kupManager, "f").theme.unregister(this);
+        __classPrivateFieldGet$9(this, _KupToolbar_kupManager, "f").theme.unregister(this);
     }
     get rootElement() { return this; }
     static get style() { return KupToolbarStyle0; }
@@ -15698,7 +15711,7 @@ _KupToolbar_kupManager = new WeakMap(), _KupToolbar_instances = new WeakSet(), _
                 : () => this.onKupClick(index, node), "data-alt": isDisabled ? 'This option is disabled' : '' }, singleItem, h$1("div", { class: "chevron-type-wrapper" }, node.componentType && (h$1("div", { class: "component-type-chip" }, node.componentType)), h$1("div", { style: { width: '14px', height: '14px' } }))))));
     }
     else {
-        return (h$1("div", { class: `parent-class ${isDisabled ? 'toolbar-item-disabled' : ''}`, tabindex: isDisabled ? -1 : 0 }, singleItem, h$1("div", { class: "chevron-type-wrapper" }, node.componentType && (h$1("div", { class: "component-type-chip" }, node.componentType)), h$1(FImage, { resource: "chevron-right", sizeX: "14px", sizeY: "14px", color: "var(--kup-text-secondary)", wrapperClass: "chevron-right" })), h$1("div", { class: "nested-class" }, __classPrivateFieldGet$8(this, _KupToolbar_instances, "m", _KupToolbar_renderNestedChildren).call(this, node.children, index))));
+        return (h$1("div", { class: `parent-class ${isDisabled ? 'toolbar-item-disabled' : ''}`, tabindex: isDisabled ? -1 : 0 }, singleItem, h$1("div", { class: "chevron-type-wrapper" }, node.componentType && (h$1("div", { class: "component-type-chip" }, node.componentType)), h$1(FImage, { resource: "chevron-right", sizeX: "14px", sizeY: "14px", color: "var(--kup-text-secondary)", wrapperClass: "chevron-right" })), h$1("div", { class: "nested-class" }, __classPrivateFieldGet$9(this, _KupToolbar_instances, "m", _KupToolbar_renderNestedChildren).call(this, node.children, index))));
     }
 }, _KupToolbar_handleClick = function _KupToolbar_handleClick(index, node) {
     this.kupClick.emit({
@@ -15708,13 +15721,13 @@ _KupToolbar_kupManager = new WeakMap(), _KupToolbar_instances = new WeakSet(), _
         index,
     });
 }, _KupToolbar_renderNestedChildren = function _KupToolbar_renderNestedChildren(children, parentIndex) {
-    return children.map((child, index) => __classPrivateFieldGet$8(this, _KupToolbar_instances, "m", _KupToolbar_renderTreeNode).call(this, child, parentIndex + index));
+    return children.map((child, index) => __classPrivateFieldGet$9(this, _KupToolbar_instances, "m", _KupToolbar_renderTreeNode).call(this, child, parentIndex + index));
 };
-function defineCustomElement$q() {
+function defineCustomElement$r() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-toolbar", "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-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-toolbar", "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-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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
@@ -15791,69 +15804,74 @@ function defineCustomElement$q() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -16272,7 +16290,7 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class KupTimePicker exten
         this.kupManager.debug.logRender(this, true);
     }
     render() {
-        return (h$1(Host, { key: '25aa426350acb007ed3b24a4bddba0c614f6a381' }, h$1("style", { key: 'e766a1994b663ea2bb82fee923969cd8f052064b' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '6f83be628e0800cbe0e75a15d9133d1bbf0cbe1d', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
+        return (h$1(Host, { key: 'dffe33755a510ef42a3ed226b9f2e47724ccb37f' }, h$1("style", { key: '9ca27904a2544e8bb01d43627b4e6289963fd0ab' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'cff01fdcd8fdf77c1c047ad38e0e52009a907ab3', id: componentWrapperId }, this.prepTextfield(this.getTimeForOutput()))));
     }
     disconnectedCallback() {
         this.kupManager.dates.unregister(this);
@@ -16306,11 +16324,11 @@ const KupTimePicker = /*@__PURE__*/ proxyCustomElement(class KupTimePicker exten
     }, [[4, "keyup", "listenKeyup"]], {
         "timeMinutesStep": ["watchTimeMinutesStep"]
     }]);
-function defineCustomElement$p() {
+function defineCustomElement$q() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-time-picker", "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-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-time-picker", "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-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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
@@ -16387,69 +16405,74 @@ function defineCustomElement$p() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -16458,7 +16481,7 @@ function defineCustomElement$p() {
 const kupTextFieldCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{display:block;font-size:var(--kup-font-size)}:host([full-width]){width:100%}:host([full-width]) #kup-component{width:100%}:host(.kup-full-height){height:100%}:host(.kup-full-height) #kup-component,:host(.kup-full-height) .f-text-field,:host(.kup-full-height) .mdc-text-field{height:100%}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:28px}:host(.kup-shaped) #kup-component .mdc-text-field.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing{width:28px}";
 const KupTextFieldStyle0 = kupTextFieldCss;
 
-var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$8 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
         throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -16527,7 +16550,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class KupTextField extends
     }
     onKupBlur(event) {
         const { target } = event;
-        __classPrivateFieldGet$7(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
+        __classPrivateFieldGet$8(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
         this.kupBlur.emit({
             comp: this,
             id: this.rootElement.id,
@@ -16536,7 +16559,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class KupTextField extends
     }
     onKupChange(event) {
         const { target } = event;
-        __classPrivateFieldGet$7(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
+        __classPrivateFieldGet$8(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
         this.kupChange.emit({
             comp: this,
             id: this.rootElement.id,
@@ -16545,7 +16568,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class KupTextField extends
     }
     onKupClick(event) {
         const { target } = event;
-        __classPrivateFieldGet$7(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
+        __classPrivateFieldGet$8(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
         this.kupClick.emit({
             comp: this,
             id: this.rootElement.id,
@@ -16587,7 +16610,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class KupTextField extends
         const { target } = event;
         if (event.key === 'Enter') {
             if (this.emitSubmitEventOnEnter == true) {
-                __classPrivateFieldGet$7(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
+                __classPrivateFieldGet$8(this, _KupTextField_instances, "m", _KupTextField_setValueFromEventTaget).call(this, target);
                 this.kupTextFieldSubmit.emit({
                     comp: this,
                     id: this.rootElement.id,
@@ -16666,7 +16689,7 @@ const KupTextField = /*@__PURE__*/ proxyCustomElement(class KupTextField extends
         }
         else {
             try {
-                this.inputEl.value = __classPrivateFieldGet$7(this, _KupTextField_instances, "m", _KupTextField_getValueForOutput).call(this);
+                this.inputEl.value = __classPrivateFieldGet$8(this, _KupTextField_instances, "m", _KupTextField_getValueForOutput).call(this);
             }
             catch (error) {
                 this.kupManager.debug.logMessage(this, "Couldn't set value on input element: '" + value + "'", KupDebugCategory.WARNING);
@@ -16853,11 +16876,11 @@ _KupTextField_instances = new WeakSet(), _KupTextField_getValueForOutput = funct
         this.value = target.value;
     }
 };
-function defineCustomElement$o() {
+function defineCustomElement$p() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-text-field", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-text-field", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-text-field":
             if (!customElements.get(tagName)) {
@@ -16934,64 +16957,69 @@ function defineCustomElement$o() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -17145,11 +17173,11 @@ const KupRadio = /*@__PURE__*/ proxyCustomElement(class KupRadio extends H {
         "refresh": [64],
         "setProps": [64]
     }]);
-function defineCustomElement$n() {
+function defineCustomElement$o() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-radio", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-radio", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-radio":
             if (!customElements.get(tagName)) {
@@ -17226,64 +17254,69 @@ function defineCustomElement$n() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -17301,7 +17334,7 @@ var __classPrivateFieldSet$5 = (undefined && undefined.__classPrivateFieldSet) |
         throw new TypeError("Cannot write private member to an object whose class did not declare it");
     return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
 };
-var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$7 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
         throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -17445,7 +17478,7 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
     closeRowToolbarList() {
         if (this.toolbarList) {
             this.kupManager.dynamicPosition.stop(this.toolbarList);
-            this.kupManager.removeClickCallback(__classPrivateFieldGet$6(this, _KupTabBar_clickCbDropCard, "f"));
+            this.kupManager.removeClickCallback(__classPrivateFieldGet$7(this, _KupTabBar_clickCbDropCard, "f"));
             this.toolbarList.remove();
             this.toolbarList = null;
         }
@@ -17469,10 +17502,10 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
             },
             el: this.toolbarList,
         }, "f");
-        this.kupManager.addClickCallback(__classPrivateFieldGet$6(this, _KupTabBar_clickCbDropCard, "f"), true);
+        this.kupManager.addClickCallback(__classPrivateFieldGet$7(this, _KupTabBar_clickCbDropCard, "f"), true);
         this.rootElement.shadowRoot.appendChild(this.toolbarList);
         requestAnimationFrame(() => {
-            this.kupManager.dynamicPosition.register(this.toolbarList, __classPrivateFieldGet$6(this, _KupTabBar_dropDownActionCardAnchor, "f"), 0, KupDynamicPositionPlacement.AUTO, true);
+            this.kupManager.dynamicPosition.register(this.toolbarList, __classPrivateFieldGet$7(this, _KupTabBar_dropDownActionCardAnchor, "f"), 0, KupDynamicPositionPlacement.AUTO, true);
             this.kupManager.dynamicPosition.start(this.toolbarList);
         });
     }
@@ -17575,11 +17608,11 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
         "ripple": ["applyRipple"]
     }]);
 _KupTabBar_clickCbDropCard = new WeakMap(), _KupTabBar_dropDownActionCardAnchor = new WeakMap();
-function defineCustomElement$m() {
+function defineCustomElement$n() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-tab-bar", "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-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-tab-bar", "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-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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
@@ -17656,69 +17689,74 @@ function defineCustomElement$m() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -17851,7 +17889,7 @@ const KupSwitch = /*@__PURE__*/ proxyCustomElement(class KupSwitch extends H {
             onChange: () => this.onKupChange(),
             onFocus: () => this.onKupFocus(),
         };
-        return (h$1(Host, { key: 'ccab27b5265a000c6620180353460ef3155b7956' }, h$1("style", { key: '3d2e9c0b0298e397eee1b2f5540d89ab9f4ee7e8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '49fcac8fcca3cf367a2747b7e764849c8562325a', id: componentWrapperId }, h$1(FSwitch, Object.assign({ key: '179a3ab9d3e23122c6090736b97dc657063b709f' }, props)))));
+        return (h$1(Host, { key: '2a170b39ec9bd03dd5c389f9eed702212ccc2825' }, h$1("style", { key: '6939e9e63441086335c0ce728bd3327e1c913411' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '5a814af6cdce48541f7010282e89c0b7d2390cbb', id: componentWrapperId }, h$1(FSwitch, Object.assign({ key: 'ef96c77675c6b65723061bf525f0f7e321e64b01' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -17870,11 +17908,11 @@ const KupSwitch = /*@__PURE__*/ proxyCustomElement(class KupSwitch extends H {
         "refresh": [64],
         "setProps": [64]
     }]);
-function defineCustomElement$l() {
+function defineCustomElement$m() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-switch", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-switch", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-switch":
             if (!customElements.get(tagName)) {
@@ -17951,64 +17989,69 @@ function defineCustomElement$l() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -18114,59 +18157,59 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends H {
             spinnerClass = 'spinner-v' + this.layout;
             if (this.layout === 7) {
                 spinnerEl = [
-                    h$1("div", { key: 'c0f87b32d2880e8d2967965b3aeb1d87e759bdfd', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: 'd2667329fcbf2bcfc49de04a1764fd120eb604e1', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '5a17ec63181387a41ec7efac3e577b64eb974f2a', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: 'd7b1f39f2a4021f33676ac35fff67c2f26ed62d0', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '5ae04fe212ddd0e5ef965ccbcd41c25790f141e4', class: "sk-spinner-v7-dot" }),
-                    h$1("div", { key: '637d9220f1dc84e9c0915da844edd6cb7a6c3974', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'd9e8be5e8b34f7f4a8a0434703bee6e157be1b63', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'b1bdcad24453ff4f730b7c58af9f3f1f495a6eff', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'da867e6a2d4a56b0bf5bddc134ed1027136ba064', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '82b30c602d8d4febbaf061c033ddc7e22642affc', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: 'ffcdea64b3b4f0063444413c43349c35448ccfa2', class: "sk-spinner-v7-dot" }),
+                    h$1("div", { key: '3bf58b200418d7b3614a8e4ad9f10ca2f795aede', class: "sk-spinner-v7-dot" }),
                 ];
             }
             if (this.layout === 9) {
                 spinnerEl = [
-                    h$1("div", { key: '910a32befcfeea4fdc278e00c381b08c3cc7b23c', class: "sk-spinner-v9-bounce1" }),
-                    h$1("div", { key: '3cfbe5f150100f3bec045cdcdb1afe9720930980', class: "sk-spinner-v9-bounce2" }),
+                    h$1("div", { key: '7eb08ef8b31172fe3ba643aaa449ab5419e269ed', class: "sk-spinner-v9-bounce1" }),
+                    h$1("div", { key: 'd2b116c1526eb2a94dcbfa929e871809d3d3748f', class: "sk-spinner-v9-bounce2" }),
                 ];
             }
             if (this.layout === 10) {
                 spinnerEl = [
-                    h$1("div", { key: 'c0856e6a5786baf3f010305cc7b97609cfc75430', class: "sk-spinner-v10-cube1" }),
-                    h$1("div", { key: 'dd49b7ffd40f91250a1edb1b8951b58b8a8e2469', class: "sk-spinner-v10-cube2" }),
+                    h$1("div", { key: '620f68c389d59a6a6cd4e1c6c29a6c2e9e7c55d8', class: "sk-spinner-v10-cube1" }),
+                    h$1("div", { key: '43da427d8379ee798eca33aa989fc53ca9edf6db', class: "sk-spinner-v10-cube2" }),
                 ];
             }
             if (this.layout === 12) {
                 spinnerEl = [
-                    h$1("div", { key: '442dd49006c37d95eb777efd9a64a8caa764f393', class: "sk-spinner-v12-dot1" }),
-                    h$1("div", { key: 'db42b8b389b3e35f3699f9c8b66e277a9c16805e', class: "sk-spinner-v12-dot2" }),
+                    h$1("div", { key: '29628c208192c8e5a99f3aa1ca56770ec1271a51', class: "sk-spinner-v12-dot1" }),
+                    h$1("div", { key: '9bbab46f67ad2aad4779b0a403c32ca0a2972edf', class: "sk-spinner-v12-dot2" }),
                 ];
             }
             if (this.layout === 13) {
                 spinnerEl = [
-                    h$1("div", { key: '25e9281e433baff05bf9b44d31644a18881e0d92', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
-                    h$1("div", { key: '41f2559432e090e2996f9bacff6d0f28fd7d14e4', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
-                    h$1("div", { key: 'abd925e4ca992ffb267c3f07feaf54c82c3f4b04', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
-                    h$1("div", { key: '2d6979df2d803dc0da9f1496cae8be0e6167014b', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
-                    h$1("div", { key: 'eecd7028d3e328b938c99749dbaf3a7f982f3118', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
-                    h$1("div", { key: 'aec197ce21b10163a590d2f023991c6a61f7a193', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
-                    h$1("div", { key: 'f49931a5693b0fb4c22e9edac5020989c1eebd18', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
-                    h$1("div", { key: '86a3ec2853084eb5fdbb5ca71ee4d11c4e140574', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
-                    h$1("div", { key: '102b5545aa6f4ae31c1691ec862a6402f44bd536', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
+                    h$1("div", { key: '7efa860923505f7285b5dbb58180b1a376aab300', class: "sk-spinner-v13-cube sk-spinner-v13-cube1" }),
+                    h$1("div", { key: '40550163fc379434f79e747fbd1bdfe53bc40fab', class: "sk-spinner-v13-cube sk-spinner-v13-cube2" }),
+                    h$1("div", { key: 'fddd2cf238b07e29c4a0cf61bc317434f6a11381', class: "sk-spinner-v13-cube sk-spinner-v13-cube3" }),
+                    h$1("div", { key: '198d810b5dde8b84c0a70b92fc5d1119fa1e9252', class: "sk-spinner-v13-cube sk-spinner-v13-cube4" }),
+                    h$1("div", { key: 'bf20ad081cb99c617bf341ab84562f7ff110c8eb', class: "sk-spinner-v13-cube sk-spinner-v13-cube5" }),
+                    h$1("div", { key: '947e8bd99e74f891424083c166741437a0523049', class: "sk-spinner-v13-cube sk-spinner-v13-cube6" }),
+                    h$1("div", { key: '9dfa58ef83f77871115c61956832b2c77e6f2b58', class: "sk-spinner-v13-cube sk-spinner-v13-cube7" }),
+                    h$1("div", { key: 'a0479158ef8e2cb8116ab5e04f62369f9234cb8c', class: "sk-spinner-v13-cube sk-spinner-v13-cube8" }),
+                    h$1("div", { key: '6d17905bd8f29755faa1f06b906f6038df60de39', class: "sk-spinner-v13-cube sk-spinner-v13-cube9" }),
                 ];
             }
             if (this.layout === 14) {
                 spinnerEl = [
-                    h$1("div", { key: '8d7270df5611149ab9fccaf7150b654cfdd813e1', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'cff87affb92512360d13f92567f2904f2282c2e9', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '07f4885a562b5ec07dcbdcdb28bc9ecff21ca2c4', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '8deb2cde206020840375c28247a1682b5b658499', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '8be740e770f6b17245392af95452a4bb94860d73', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '7d0477b8a48b03cfee6e263dccc9745f7aa0989a', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '5af02c740d957aa89931c5285041958ebcdc78d8', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '360c696c38e38ef022eebbcd4c923b0595c6a9ce', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '88082deb8513a5522856e73d0a2e59dfb0eed4b4', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'e6c9f4a09d3ef089d4c3c9a41d30cf259c72054a', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
-                    h$1("div", { key: 'c24dc3b66d10044d70350e61c23c413f29268f33', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
-                    h$1("div", { key: '45d6a198bd7b1e89fd35813b7a673a72c63ec5fb', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'c7c54b017299889f97ffac724cc854df2f785d8d', class: "sk-spinner-v14-circle1 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '6e0c491f023fa53aff13de97c536db976f8ad807', class: "sk-spinner-v14-circle2 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '3eb9618dded82002c896955322102ab1c5edbed0', class: "sk-spinner-v14-circle3 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'ca5f55fc315d180e9df0d8a6bf7c0df52f9bc4fd', class: "sk-spinner-v14-circle4 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'f653627358a0d717dd109a44e9c2be5e0b42be16', class: "sk-spinner-v14-circle5 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'bbbca5db1d1885a88dd372619e45c9e213068408', class: "sk-spinner-v14-circle6 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'a685096d2c0c3bd0638b4efe18f267564afcc167', class: "sk-spinner-v14-circle7 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '34d89964e41b9520d018f98f32ce6888864f2117', class: "sk-spinner-v14-circle8 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '34e25080ba83cb4e382e45b8d74dd8805bc00bf9', class: "sk-spinner-v14-circle9 sk-spinner-v14-circle" }),
+                    h$1("div", { key: 'e2e454f8caa409d13743b4d526f9997a38b98bb7', class: "sk-spinner-v14-circle10 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '31b2eabb2b348b0a8c3e6bb46e130a22c73371b4', class: "sk-spinner-v14-circle11 sk-spinner-v14-circle" }),
+                    h$1("div", { key: '6e05dfc6d58ec29ededbd3ffdbdddc3984c6345c', class: "sk-spinner-v14-circle12 sk-spinner-v14-circle" }),
                 ];
             }
         }
@@ -18185,7 +18228,7 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends H {
         else {
             elStyle = Object.assign(Object.assign({}, elStyle), { fontSize: '3px' });
         }
-        return (h$1(Host, { key: 'e87c0386288130a5d4dfe9d72df440193916fb3b', style: elStyle }, h$1("style", { key: '0496b84b5447eacf42eefa36bcdee02343020a92' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '46460375ac8857331173d56af8ab39f4c86d7b70', id: componentWrapperId, style: elStyle }, h$1("div", { key: '8cbfde7a6ad14881f101677ad2198ed94a83f12a', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h$1("div", { key: '6a6fb45e62f55e2d3df338de4e85f3c7f986f0c4', id: wrapperClass, style: elStyle }, h$1("div", { key: 'd10a919c3fb710224f9f80c764bc1d582e64c0a7', class: spinnerClass }, spinnerEl))))));
+        return (h$1(Host, { key: '3c4ecb099a610627191bdb34a40c1b44d4a769b6', style: elStyle }, h$1("style", { key: 'c89628f8825d7cbc22b64cdeb1707baaae8d1d38' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '3fd5ecca92397a1cc5b0c2dbc3843fe1403c1f42', id: componentWrapperId, style: elStyle }, h$1("div", { key: 'f6dc141c459cc87da063c4f03c0609b1c295988b', id: "loading-wrapper-master", class: masterClass, style: elStyle }, h$1("div", { key: 'acb6bd40542676fb484e7ceb0e15fd6164401fc9', id: wrapperClass, style: elStyle }, h$1("div", { key: '3ae4b174167a0a8a07127d5e85d95438434c091a', class: spinnerClass }, spinnerEl))))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18206,11 +18249,11 @@ const KupSpinner = /*@__PURE__*/ proxyCustomElement(class KupSpinner extends H {
         "refresh": [64],
         "setProps": [64]
     }]);
-function defineCustomElement$k() {
+function defineCustomElement$l() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-spinner", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-spinner", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-spinner":
             if (!customElements.get(tagName)) {
@@ -18287,64 +18330,69 @@ function defineCustomElement$k() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -18444,7 +18492,7 @@ const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends H {
                 : false,
             onClick: (i) => this.onKupClick(i),
         };
-        return (h$1(Host, { key: '20095fb51aa50672f0ebe4127b9dc0003d9c0719' }, h$1("style", { key: 'ec9990065a4a7661e89163f3ae0fb1cf13bdea42' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'd79e809d648195e494b1486b15323cc2ba79b076', id: componentWrapperId }, h$1(FRating, Object.assign({ key: 'ff7a1ecf8f215ebf043fcf33cea9ca1fe029df11' }, props)))));
+        return (h$1(Host, { key: '879a6ae98190a2e1084def50d40d01ed821c9660' }, h$1("style", { key: '0fa9425c1dbce6d801647b70a32394063ccce065' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '36bb228b8c86388fc981ebd556df4cad4e89d7bb', id: componentWrapperId }, h$1(FRating, Object.assign({ key: '2177af857eaca72423e6d4d3a4babba73691de51' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18460,11 +18508,11 @@ const KupRating = /*@__PURE__*/ proxyCustomElement(class KupRating extends H {
         "refresh": [64],
         "setProps": [64]
     }]);
-function defineCustomElement$j() {
+function defineCustomElement$k() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-rating", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-rating", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-rating":
             if (!customElements.get(tagName)) {
@@ -18541,64 +18589,69 @@ function defineCustomElement$j() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -18708,7 +18761,7 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
                 ? true
                 : false,
         };
-        return (h$1(Host, { key: '3d6d9fc74dc3f0118b4ace093a04ff2ad59cf6df' }, h$1("style", { key: '7dfe84c06d2663aba637406cb02989ddd1cca363' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '90ceb916676613610ecd11b4d2325605eedacd7a', id: componentWrapperId }, h$1(FProgressBar, Object.assign({ key: '032763ed336b976ee8dd04dde68f8e88f20aac6f' }, props)))));
+        return (h$1(Host, { key: 'e67a7bd17e8f831ccb6e964053d3e9bcc4f3cf74' }, h$1("style", { key: '5568051629371fd5f95b9b51441879380e5a9d67' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '65cffea374b2d2598a2e8debb8be1b4c5e6a0c41', id: componentWrapperId }, h$1(FProgressBar, Object.assign({ key: '22522650b68cc7ec26d99f06c4d1f3af417ba9f0' }, props)))));
     }
     disconnectedCallback() {
         this.kupManager.theme.unregister(this);
@@ -18727,11 +18780,11 @@ const KupProgressBar = /*@__PURE__*/ proxyCustomElement(class KupProgressBar ext
         "refresh": [64],
         "setProps": [64]
     }]);
-function defineCustomElement$i() {
+function defineCustomElement$j() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-progress-bar", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-progress-bar", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-progress-bar":
             if (!customElements.get(tagName)) {
@@ -18808,64 +18861,69 @@ function defineCustomElement$i() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -18874,7 +18932,7 @@ function defineCustomElement$i() {
 const kupListCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_list_background_color:var(\n    --kup-list-background-color,\n    var(--kup-layer-1)\n  );--kup_list_background_color_hover:var(\n    --kup-list-background-color-hover,\n    var(--kup-layer-1-hover)\n  );--kup_list_focus_color:var(--kup-list-focus-color, var(--kup-border-subtle));--kup_list_text_color:var(--kup-list-text-color, var(--kup-text-secondary));--kup_list_item_text_color:var(\n    --kup-list-item-text-color,\n    var(--kup-text-secondary)\n  );--kup_list_text_color_hover:var(\n    --kup-list-text-color-hover,\n    var(--kup-text-primary)\n  );--kup_list_font_family:var(--kup-list-font-family, var(--kup-font-family));--kup_list_font_size:var(--kup-list-font-size, var(--kup-font-size));--kup_list_font_weight:var(--kup-list-font-weight, 400);--kup_list_group_item_height:var(--kup-list-group-item-height, 3em);--kup_list_item_height:var(--kup_list_item_height_medium, 2.5em);--kup_list_item_height_small:var(--kup-list-item-height-small, 32px);--kup_list_item_height_medium:var(--kup-list-item-height-medium, 40px);--kup_list_item_height_large:var(--kup-list-item-height-large, 48px);--kup_list_item_padding_left:var(\n    --kup-list-item-padding,\n    var(--kup-space-05)\n  );--kup_list_box_shadow:var(\n    --kup-box-shadow,\n    0px 3px 6px 0 rgba(0, 0, 0, 0.3)\n  );--kup_list_item_padding_right:var(--kup-list-item-padding, 0.75em);--kup_list_max_height_as_menu:var(--kup-list-max-height-as-menu, 33vh);--kup_list_primary_color:var(\n    --kup-list-primary-color,\n    var(--kup-primary-color)\n  );--kup_list_primary_color_rgb:var(\n    --kup-list-primary-color-rgb,\n    var(--kup-primary-color-rgb)\n  );--kup_list_separator_color:var(\n    --kup-list-separator-color,\n    rgba(var(--kup-text-color-rgb), 0.25)\n  );--kup_list_transition:var(--kup-list-transition, 120ms);display:block;font-family:var(--kup_list_font_family);font-size:var(--kup_list_font_size);outline:none}.scroll-list{overflow-y:auto;max-height:var(--kup_list_max_height_as_menu)}.list{background:var(--kup_list_background_color);color:var(--kup_list_text_color);font-weight:var(--kup_list_font_weight);letter-spacing:0.009375em;line-height:1.5em;list-style-type:none;margin:0;padding:0;text-decoration:inherit;text-transform:inherit}.list--empty{padding:0}.list .list-item{display:-ms-flexbox;display:flex;height:var(--kup_list_item_height);position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;padding-left:var(--kup_list_item_padding_left);padding-right:calc(var(--kup_list_item_padding_left) + var(--kup_list_item_expand_padding, 0px));overflow:hidden;outline:none;transition:background-color var(--kup_list_transition), color var(--kup_list_transition)}.list .list-item[role=checkbox],.list .list-item[role=radio]{height:var(--kup_list_group_item_height)}.list .list-item:focus{outline:2px solid var(--kup-border-interactive);outline-offset:-2px}.list .list-item.list-item--activated,.list .list-item.list-item--activated .list-item__graphic,.list .list-item.list-item--selected,.list .list-item.list-item--selected .list-item__graphic{background-color:var(--kup_list_background_color_hover);color:var(--kup_list_text_color_hover)}.list .list-item .list-item__text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;color:var(--kup_list_item_text_color);font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.list .list-item .list-item__primary-text{-o-text-overflow:ellipsis;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;margin-bottom:-1.5em;display:block}.list .list-item .list-item__primary-text:before{display:inline-block;width:0;height:1.5em;content:\"\";vertical-align:0}.list .list-item .list-item__primary-text:after{display:inline-block;width:0;height:2em;content:\"\";vertical-align:-2em}.list .list-item .list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-o-text-overflow:ellipsis;-webkit-font-smoothing:antialiased;display:block;font-size:0.875em;font-weight:400;letter-spacing:0.0178571429em;line-height:1.25em;text-decoration:inherit;text-transform:inherit;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-top:0;line-height:normal;color:var(--kup_list_text_color);opacity:0.75}.list .list-item .kup-icon{margin:0;margin-right:8px}.list .list-item kup-checkbox{margin:0}.list .list-divider{background-color:var(--kup_list_separator_color);height:1px;padding:0;background-clip:content-box}.list.list--two-line .list-item{height:3.6em}.list.list--two-line .list-item__text{-ms-flex-item-align:start;align-self:flex-start}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item{cursor:pointer}.list:not(.list--non-interactive)>:not(.list-item--disabled).list-item label{cursor:pointer}.list:not(.list--non-interactive) .list-item:not(.list-item--selected):hover,.list:not(.list--non-interactive) .list-item:not(.list-item--selected).list-item--focused{background-color:var(--kup_list_background_color_hover);color:var(--kup_list_text_color_hover)}.list.text-hidden .list-item__text{display:none}.kup-menu{animation:fade-in 0.25s ease-out;background-color:var(--kup_list_background_color);box-shadow:var(--kup_list_box_shadow);border:1px solid var(--kup_list_focus_color);color:var(--kup-text-color);display:none;max-height:var(--kup_list_max_height_as_menu);position:relative;transform:none;transform-origin:unset;transition:height 0.2s;user-select:none;will-change:unset}.kup-menu.visible{display:block}.kup-menu .list-item__text{user-select:none;font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}:host([nested-list]){--kup_list_item_expand_padding:1.5em;max-width:250px}:host([nested-list]) .kup-menu{max-height:unset;overflow:visible}:host([nested-list]) kup-list{display:none;left:100%;position:absolute;top:0}:host([nested-list]) .list-item{overflow:visible}:host([nested-list]) .list-item__expand-icon{position:absolute;right:0}:host([nested-list]) .list-item:hover kup-list{display:block}:host(.kup-paddingless) .list{padding:0}:host(.kup-danger){--kup-list-primary-color:var(--kup-danger-color-60);--kup-list-primary-color-rgb:var(--kup-danger-color-rgb)}:host(.kup-info){--kup-list-primary-color:var(--kup-info-color);--kup-list-primary-color-rgb:var(--kup-info-color-rgb)}:host(.kup-secondary){--kup-list-primary-color:var(--kup-secondary-color);--kup-list-primary-color-rgb:var(--kup-secondary-color-rgb)}:host(.kup-success){--kup-list-primary-color:var(--kup-success-color-40);--kup-list-primary-color-rgb:var(--kup-success-color-rgb)}:host(.kup-warning){--kup-list-primary-color:var(--kup-warning-color-50);--kup-list-primary-color-rgb:var(--kup-warning-color-rgb)}";
 const KupListStyle0 = kupListCss;
 
-var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+var __classPrivateFieldGet$6 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
     if (kind === "a" && !f)
         throw new TypeError("Private accessor was defined without a getter");
     if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
@@ -18916,7 +18974,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         _KupList_previouslySelectedItemIndex.set(this, void 0);
         _KupList_previouslySelectedItemReached.set(this, void 0);
         _KupList_listenKeydown.set(this, (e) => {
-            if (this.keyboardNavigation && __classPrivateFieldGet$5(this, _KupList_listItems, "f")) {
+            if (this.keyboardNavigation && __classPrivateFieldGet$6(this, _KupList_listItems, "f")) {
                 switch (e.key) {
                     case 'ArrowDown':
                         e.preventDefault();
@@ -18931,7 +18989,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
                     case 'Enter':
                         e.preventDefault();
                         e.stopPropagation();
-                        __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_handleSelection).call(this, this.focused);
+                        __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_handleSelection).call(this, this.focused);
                         break;
                 }
             }
@@ -18965,7 +19023,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         });
     }
     onKupClick(index) {
-        __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_handleSelection).call(this, index);
+        __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_handleSelection).call(this, index);
     }
     /*-------------------------------------------------*/
     /*           P u b l i c   M e t h o d s           */
@@ -18974,7 +19032,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
      * Focuses the next element of the list.
      */
     async focusNext() {
-        if (__classPrivateFieldGet$5(this, _KupList_listItems, "f").length > 0) {
+        if (__classPrivateFieldGet$6(this, _KupList_listItems, "f").length > 0) {
             if (isNaN(this.focused) ||
                 this.focused === null ||
                 this.focused === undefined) {
@@ -18989,17 +19047,17 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
             else {
                 this.focused++;
             }
-            if (this.focused > __classPrivateFieldGet$5(this, _KupList_listItems, "f").length - 1) {
+            if (this.focused > __classPrivateFieldGet$6(this, _KupList_listItems, "f").length - 1) {
                 this.focused = 0;
             }
-            if (!__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemReached, "f") &&
-                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f")]) {
+            if (!__classPrivateFieldGet$6(this, _KupList_previouslySelectedItemReached, "f") &&
+                __classPrivateFieldGet$6(this, _KupList_listItems, "f")[__classPrivateFieldGet$6(this, _KupList_previouslySelectedItemIndex, "f")]) {
                 __classPrivateFieldSet$4(this, _KupList_previouslySelectedItemReached, true, "f");
-                this.focused = __classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f");
-                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f")].focus();
+                this.focused = __classPrivateFieldGet$6(this, _KupList_previouslySelectedItemIndex, "f");
+                __classPrivateFieldGet$6(this, _KupList_listItems, "f")[__classPrivateFieldGet$6(this, _KupList_previouslySelectedItemIndex, "f")].focus();
             }
-            else if (__classPrivateFieldGet$5(this, _KupList_listItems, "f")[this.focused]) {
-                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[this.focused].focus();
+            else if (__classPrivateFieldGet$6(this, _KupList_listItems, "f")[this.focused]) {
+                __classPrivateFieldGet$6(this, _KupList_listItems, "f")[this.focused].focus();
             }
         }
     }
@@ -19007,7 +19065,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
      * Focuses the previous element of the list.
      */
     async focusPrevious() {
-        if (__classPrivateFieldGet$5(this, _KupList_listItems, "f").length > 0) {
+        if (__classPrivateFieldGet$6(this, _KupList_listItems, "f").length > 0) {
             if (isNaN(this.focused) ||
                 this.focused === null ||
                 this.focused === undefined) {
@@ -19023,16 +19081,16 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
                 this.focused--;
             }
             if (this.focused < 0) {
-                this.focused = __classPrivateFieldGet$5(this, _KupList_listItems, "f").length - 1;
+                this.focused = __classPrivateFieldGet$6(this, _KupList_listItems, "f").length - 1;
             }
-            if (!__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemReached, "f") &&
-                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f")]) {
+            if (!__classPrivateFieldGet$6(this, _KupList_previouslySelectedItemReached, "f") &&
+                __classPrivateFieldGet$6(this, _KupList_listItems, "f")[__classPrivateFieldGet$6(this, _KupList_previouslySelectedItemIndex, "f")]) {
                 __classPrivateFieldSet$4(this, _KupList_previouslySelectedItemReached, true, "f");
-                this.focused = __classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f");
-                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[__classPrivateFieldGet$5(this, _KupList_previouslySelectedItemIndex, "f")].focus();
+                this.focused = __classPrivateFieldGet$6(this, _KupList_previouslySelectedItemIndex, "f");
+                __classPrivateFieldGet$6(this, _KupList_listItems, "f")[__classPrivateFieldGet$6(this, _KupList_previouslySelectedItemIndex, "f")].focus();
             }
-            else if (__classPrivateFieldGet$5(this, _KupList_listItems, "f")[this.focused]) {
-                __classPrivateFieldGet$5(this, _KupList_listItems, "f")[this.focused].focus();
+            else if (__classPrivateFieldGet$6(this, _KupList_listItems, "f")[this.focused]) {
+                __classPrivateFieldGet$6(this, _KupList_listItems, "f")[this.focused].focus();
             }
         }
     }
@@ -19071,7 +19129,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         if (index === undefined) {
             index = this.focused;
         }
-        __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_handleSelection).call(this, index);
+        __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_handleSelection).call(this, index);
     }
     /**
      * Sets the props to the component.
@@ -19082,11 +19140,11 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
     }
     async setFocus() {
         var _a;
-        (_a = __classPrivateFieldGet$5(this, _KupList_inputEl, "f")) === null || _a === void 0 ? void 0 : _a.focus();
+        (_a = __classPrivateFieldGet$6(this, _KupList_inputEl, "f")) === null || _a === void 0 ? void 0 : _a.focus();
     }
     async setBlur() {
         var _a;
-        (_a = __classPrivateFieldGet$5(this, _KupList_inputEl, "f")) === null || _a === void 0 ? void 0 : _a.blur();
+        (_a = __classPrivateFieldGet$6(this, _KupList_inputEl, "f")) === null || _a === void 0 ? void 0 : _a.blur();
     }
     onFilterValueChange(event) {
         var _a, _b;
@@ -19098,8 +19156,8 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
     /*          L i f e c y c l e   H o o k s          */
     /*-------------------------------------------------*/
     componentWillLoad() {
-        __classPrivateFieldGet$5(this, _KupList_kupManager, "f").debug.logLoad(this, false);
-        __classPrivateFieldGet$5(this, _KupList_kupManager, "f").theme.register(this);
+        __classPrivateFieldGet$6(this, _KupList_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet$6(this, _KupList_kupManager, "f").theme.register(this);
         for (let index = 0; index < this.data.length; index++) {
             const el = this.data[index];
             if (el.selected) {
@@ -19108,10 +19166,10 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         }
     }
     componentDidLoad() {
-        __classPrivateFieldGet$5(this, _KupList_kupManager, "f").debug.logLoad(this, true);
+        __classPrivateFieldGet$6(this, _KupList_kupManager, "f").debug.logLoad(this, true);
     }
     componentWillRender() {
-        __classPrivateFieldGet$5(this, _KupList_kupManager, "f").debug.logRender(this, false);
+        __classPrivateFieldGet$6(this, _KupList_kupManager, "f").debug.logRender(this, false);
     }
     componentDidRender() {
         var _a;
@@ -19131,7 +19189,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
             }
         }
         __classPrivateFieldSet$4(this, _KupList_previouslySelectedItemIndex, (_a = this.data.findIndex((node) => node.selected === true)) !== null && _a !== void 0 ? _a : 0, "f");
-        __classPrivateFieldGet$5(this, _KupList_kupManager, "f").debug.logRender(this, true);
+        __classPrivateFieldGet$6(this, _KupList_kupManager, "f").debug.logRender(this, true);
     }
     render() {
         __classPrivateFieldSet$4(this, _KupList_listItems, [], "f");
@@ -19145,7 +19203,7 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
                 wrapperClass += ' visible';
             }
         }
-        __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_checkRoleType).call(this);
+        __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_checkRoleType).call(this);
         if (this.selectable != true) {
             componentClass += ' list--non-interactive';
         }
@@ -19160,17 +19218,17 @@ const KupList = /*@__PURE__*/ proxyCustomElement(class KupList extends H {
         }
         let roleAttr = this.roleType;
         let ariaMultiSelectable = 'false';
-        if (__classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_isMultiSelection).call(this)) {
+        if (__classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_isMultiSelection).call(this)) {
             ariaMultiSelectable = 'true';
         }
         __classPrivateFieldSet$4(this, _KupList_radios, [], "f");
         let index = 0;
-        return (h$1(Host, { key: 'aebaed28a2ebf067d47b075ba423f5f05608c915' }, h$1("style", { key: '182d7eb8ce443c6ab4f135757d953e2c278dca73' }, __classPrivateFieldGet$5(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '0b59e4cb55a15d31b9d74737e836abecdc1b8eb8', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$5(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h$1("div", { class: filterClass }, __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h$1("div", { key: 'a8b4e04680be6753cafb6cb891d9a06486e0cf0b', class: listScrollClass }, h$1("ul", { key: '3b4bbd860fb478db8a98dfa3db8da31de82ddde4', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
-            .filter((item) => __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
-            .map((item) => __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
+        return (h$1(Host, { key: 'aebaed28a2ebf067d47b075ba423f5f05608c915' }, h$1("style", { key: '182d7eb8ce443c6ab4f135757d953e2c278dca73' }, __classPrivateFieldGet$6(this, _KupList_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '0b59e4cb55a15d31b9d74737e836abecdc1b8eb8', id: "kup-component", class: wrapperClass, onKeyDown: __classPrivateFieldGet$6(this, _KupList_listenKeydown, "f") }, this.showFilter ? (h$1("div", { class: filterClass }, __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_createFilterComponent).call(this))) : null, h$1("div", { key: 'a8b4e04680be6753cafb6cb891d9a06486e0cf0b', class: listScrollClass }, h$1("ul", { key: '3b4bbd860fb478db8a98dfa3db8da31de82ddde4', class: componentClass, role: roleAttr, "aria-multiselectable": ariaMultiSelectable }, this.data
+            .filter((item) => __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_itemCompliant).call(this, item))
+            .map((item) => __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_renderListItem).call(this, item, index++)))))));
     }
     disconnectedCallback() {
-        __classPrivateFieldGet$5(this, _KupList_kupManager, "f").theme.unregister(this);
+        __classPrivateFieldGet$6(this, _KupList_kupManager, "f").theme.unregister(this);
     }
     get rootElement() { return this; }
     static get style() { return KupListStyle0; }
@@ -19252,7 +19310,7 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
     if (this.showIcons == true &&
         item.icon != null &&
         item.icon.trim() != '') {
-        imageTag = __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_getIconTag).call(this, item.icon, item.placeholderIcon);
+        imageTag = __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_getIconTag).call(this, item.icon, item.placeholderIcon);
     }
     let primaryTextTag = [
         getIdOfItemByDisplayMode(item, item.id == '' ? ItemsDisplayMode.DESCRIPTION : this.displayMode, ' - '),
@@ -19268,9 +19326,9 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
     }
     let classAttr = 'list-item';
     let tabIndexAttr = item.selected == true ? '0' : '-1';
-    if (!__classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_isNested).call(this) &&
+    if (!__classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_isNested).call(this) &&
         item.selected == true &&
-        __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_isListBoxRule).call(this)) {
+        __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_isListBoxRule).call(this)) {
         classAttr += ' list-item--selected';
     }
     if (this.focused === index) {
@@ -19286,7 +19344,7 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
         imageTag,
         h$1("span", { class: "list-item__text" }, primaryTextTag, secTextTag),
     ];
-    if (__classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_isRadioButtonRule).call(this)) {
+    if (__classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_isRadioButtonRule).call(this)) {
         roleAttr = 'radio';
         ariaCheckedAttr = item.selected == true ? 'true' : 'false';
         let dataTmp = [
@@ -19300,12 +19358,12 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
             display: 'none',
         };
         innerSpanTag = [
-            h$1("span", { class: "list-item__graphic" }, h$1("input", { type: "radio", style: trickForMDC }), h$1("kup-radio", { data: dataTmp, id: this.rootElement.id + '_' + index, ref: (el) => (__classPrivateFieldGet$5(this, _KupList_radios, "f")[index] = el) })),
+            h$1("span", { class: "list-item__graphic" }, h$1("input", { type: "radio", style: trickForMDC }), h$1("kup-radio", { data: dataTmp, id: this.rootElement.id + '_' + index, ref: (el) => (__classPrivateFieldGet$6(this, _KupList_radios, "f")[index] = el) })),
             imageTag,
             h$1("label", { class: "list-item__text", htmlFor: this.rootElement.id + '_' + index }, primaryTextTag, secTextTag),
         ];
     }
-    else if (__classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_isCheckBoxRule).call(this)) {
+    else if (__classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_isCheckBoxRule).call(this)) {
         roleAttr = 'checkbox';
         ariaCheckedAttr = item.selected == true ? 'true' : 'false';
         let checkedAttr = item.selected == true ? true : false;
@@ -19323,14 +19381,14 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
         vNodes.push(h$1("li", { role: "separator", class: "list-divider" }));
     }
     vNodes.push(h$1("li", { ref: (el) => {
-            __classPrivateFieldGet$5(this, _KupList_listItems, "f").push(el);
+            __classPrivateFieldGet$6(this, _KupList_listItems, "f").push(el);
         }, class: classAttr, role: roleAttr, tabindex: tabIndexAttr, "data-id": item.id, "aria-selected": ariaSelectedAttr, "aria-checked": ariaCheckedAttr, onBlur: !this.selectable
             ? (e) => e.stopPropagation()
             : () => this.onKupBlur(), onFocus: !this.selectable
             ? (e) => e.stopPropagation()
             : () => this.onKupFocus(), onClick: !this.selectable
             ? (e) => e.stopPropagation()
-            : __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_isNested).call(this)
+            : __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_isNested).call(this)
                 ? (e) => {
                     e.stopPropagation();
                     this.onKupClick(index);
@@ -19351,7 +19409,7 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
     };
     return (h$1(FImage, Object.assign({}, propsFImage, { resource: icon, placeholderResource: placeholderIcon, wrapperClass: `icon-button__icon kup-icon` })));
 }, _KupList_isMultiSelection = function _KupList_isMultiSelection() {
-    return __classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_isCheckBoxRule).call(this);
+    return __classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_isCheckBoxRule).call(this);
 }, _KupList_isCheckBoxRule = function _KupList_isCheckBoxRule() {
     return this.roleType == KupListRole.GROUP;
 }, _KupList_isRadioButtonRule = function _KupList_isRadioButtonRule() {
@@ -19359,7 +19417,7 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
 }, _KupList_isListBoxRule = function _KupList_isListBoxRule() {
     return this.roleType == KupListRole.LISTBOX;
 }, _KupList_checkRoleType = function _KupList_checkRoleType() {
-    if (!__classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_isCheckBoxRule).call(this) && !__classPrivateFieldGet$5(this, _KupList_instances, "m", _KupList_isRadioButtonRule).call(this)) {
+    if (!__classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_isCheckBoxRule).call(this) && !__classPrivateFieldGet$6(this, _KupList_instances, "m", _KupList_isRadioButtonRule).call(this)) {
         this.roleType = KupListRole.LISTBOX;
     }
 }, _KupList_itemCompliant = function _KupList_itemCompliant(item) {
@@ -19369,15 +19427,15 @@ _KupList_kupManager = new WeakMap(), _KupList_inputEl = new WeakMap(), _KupList_
     return (item.id.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0 ||
         item.value.toLowerCase().indexOf(this.filter.toLowerCase()) >= 0);
 }, _KupList_createFilterComponent = function _KupList_createFilterComponent() {
-    return (h$1("div", { id: "global-filter", class: "filter" }, h$1(FTextField, { fullWidth: true, label: __classPrivateFieldGet$5(this, _KupList_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, value: this.filter, onInput: (event) => {
+    return (h$1("div", { id: "global-filter", class: "filter" }, h$1(FTextField, { fullWidth: true, label: __classPrivateFieldGet$6(this, _KupList_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), icon: KupThemeIconValues.SEARCH, value: this.filter, onInput: (event) => {
             this.onFilterValueChange(event);
         } })));
 };
-function defineCustomElement$h() {
+function defineCustomElement$i() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-list", "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-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-list", "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-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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-list":
             if (!customElements.get(tagName)) {
@@ -19454,69 +19512,74 @@ function defineCustomElement$h() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -19730,11 +19793,11 @@ const KupImage = /*@__PURE__*/ proxyCustomElement(class KupImage extends H {
         "refresh": [64],
         "setProps": [64]
     }]);
-function defineCustomElement$g() {
+function defineCustomElement$h() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-image", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-image", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-image":
             if (!customElements.get(tagName)) {
@@ -19811,64 +19874,69 @@ function defineCustomElement$g() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -20175,47 +20243,386 @@ const KupGauge = /*@__PURE__*/ proxyCustomElement(class KupGauge extends H {
                 ' ' +
                 this.measurementUnit));
         }
-        const width = { width: this.widthComponent };
-        return (h$1(Host, null, h$1("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { id: componentWrapperId, class: "gauge__container" }, h$1("svg", { class: "gauge", style: width, viewBox: `0 0 ${this.size} ${valueLabelYPosition}` }, h$1("g", { transform: `rotate(-90) translate(-${halvedSize}, ${halvedSize})` }, arcsElements), this.needleCircle ? (h$1("circle", { class: "gauge__needle-base", cx: halvedSize, cy: halvedSize, r: needleCircleRadius })) : null, h$1("path", { class: "gauge__needle", d: this.paintNeedle(needleLength, needleCircleRadius, halvedSize, halvedSize, this.calculateValuePercentage(this.value)) }), textElements, valueText))));
+        const width = { width: this.widthComponent };
+        return (h$1(Host, null, h$1("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { id: componentWrapperId, class: "gauge__container" }, h$1("svg", { class: "gauge", style: width, viewBox: `0 0 ${this.size} ${valueLabelYPosition}` }, h$1("g", { transform: `rotate(-90) translate(-${halvedSize}, ${halvedSize})` }, arcsElements), this.needleCircle ? (h$1("circle", { class: "gauge__needle-base", cx: halvedSize, cy: halvedSize, r: needleCircleRadius })) : null, h$1("path", { class: "gauge__needle", d: this.paintNeedle(needleLength, needleCircleRadius, halvedSize, halvedSize, this.calculateValuePercentage(this.value)) }), textElements, valueText))));
+    }
+    disconnectedCallback() {
+        this.kupManager.theme.unregister(this);
+    }
+    get rootElement() { return this; }
+    static get style() { return KupGaugeStyle0; }
+}, [1, "kup-gauge", {
+        "arcThickness": [2, "arc-thickness"],
+        "colors": [16],
+        "customStyle": [1, "custom-style"],
+        "firstThreshold": [2, "first-threshold"],
+        "labelDistance": [1026, "label-distance"],
+        "maxValue": [1026, "max-value"],
+        "measurementUnit": [1, "measurement-unit"],
+        "minValue": [1026, "min-value"],
+        "needleCircle": [4, "needle-circle"],
+        "onlyValue": [4, "only-value"],
+        "reverseColors": [4, "reverse-colors"],
+        "secondThreshold": [2, "second-threshold"],
+        "showLabels": [4, "show-labels"],
+        "showMaxmin": [4, "show-maxmin"],
+        "showValue": [4, "show-value"],
+        "size": [2],
+        "value": [1026],
+        "valueSize": [2, "value-size"],
+        "widthComponent": [1, "width-component"],
+        "getProps": [64],
+        "refresh": [64],
+        "setProps": [64]
+    }]);
+function defineCustomElement$g() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["kup-gauge", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-gauge":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, KupGauge);
+            }
+            break;
+        case "kup-autocomplete":
+            if (!customElements.get(tagName)) {
+                defineCustomElement();
+            }
+            break;
+        case "kup-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+        case "kup-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "kup-button-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "kup-card":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "kup-chart":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "kup-checkbox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "kup-chip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "kup-color-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "kup-combobox":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "kup-data-table":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "kup-date-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "kup-dialog":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "kup-dropdown-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "kup-file-upload":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "kup-gauge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "kup-image":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "kup-list":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$i();
+            }
+            break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
+        case "kup-rating":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$k();
+            }
+            break;
+        case "kup-spinner":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$l();
+            }
+            break;
+        case "kup-switch":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$m();
+            }
+            break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
+        case "kup-text-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$p();
+            }
+            break;
+        case "kup-time-picker":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$q();
+            }
+            break;
+        case "kup-toolbar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$r();
+            }
+            break;
+        case "kup-tree":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$s();
+            }
+            break;
+    } });
+}
+
+const kupFileUploadCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:var(--kup-body-compact-01-font-size, 14px);line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:var(--kup-body-01-font-size, 14px);line-height:20px;font-weight:400;letter-spacing:0.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:0.32px}.kup-caption-02{font-family:var(--kup-font-family);font-size:12px;line-height:15px;font-weight:500;letter-spacing:1px}.kup-caption-01{font-family:var(--kup-font-family);font-size:10px;line-height:13px;font-weight:400;letter-spacing:1px}.kup-small-label-01{font-family:var(--kup-font-family);font-size:6px;line-height:9px;font-weight:400;letter-spacing:1px}.kup-heading-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:0.16px}.kup-heading-02{font-family:var(--kup-font-family);font-size:16px;line-height:24px;font-weight:500;letter-spacing:0}.kup-heading-03{font-family:var(--kup-font-family);font-size:20px;line-height:28px;font-weight:400;letter-spacing:0}.kup-heading-04{font-family:var(--kup-font-family);font-size:28px;line-height:36px;font-weight:400;letter-spacing:0}.kup-heading-05{font-family:var(--kup-font-family);font-size:32px;line-height:40px;font-weight:300;letter-spacing:0}.kup-heading-06{font-family:var(--kup-font-family);font-size:42px;line-height:50px;font-weight:300;letter-spacing:0}.kup-heading-07{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:300;letter-spacing:0}.kup-heading-08{font-family:var(--kup-font-family);font-size:54px;line-height:64px;font-weight:600;letter-spacing:0}:host{--kup_upload_icon_color:var(--kup-upload-icon-color, var(--kup-icon-color));--kup_upload_border_color:var(\n    --kup-upload-border-color,\n    var(--kup-gray-color-30)\n  );flex:1}:host .file-upload-spinner>*{opacity:0.6;pointer-events:none}:host .file-upload-spinner>file-upload__spinner-container{opacity:1}:host .file-upload{display:flex;flex-direction:column;gap:1em;border:2px dashed var(--kup_upload_border_color);border-radius:4px;padding:1em;position:relative}:host .file-upload__buttons{display:flex;gap:1em;align-items:center;justify-content:center}:host .file-upload__buttons .spinner{height:48px;margin:auto;width:48px}:host .file-upload__list{display:flex;flex-direction:column;gap:1em}:host .file-upload__list__item{display:flex;gap:1em;align-items:center}:host .file-upload__list__item__preview{height:3em;width:3em;display:flex;align-items:center}:host .file-upload__list__item__desc{width:14em}:host .file-upload__list__item__clear{background-color:var(--kup_upload_icon_color);cursor:pointer;height:16px;width:16px;min-width:16px;min-height:16px;outline:none;pointer-events:all;-webkit-mask:var(--kup-clear-icon);mask:var(--kup-clear-icon)}:host .file-upload__list__item__clear:hover{background-color:var(--kup-danger-color-60)}:host .file-upload__spinner-container{height:calc(100% - 2em);width:20%;position:absolute;left:40%}";
+const KupFileUploadStyle0 = kupFileUploadCss;
+
+var __classPrivateFieldGet$5 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _KupFileUpload_instances, _KupFileUpload_kupManager, _KupFileUpload_previewMap, _KupFileUpload_handleClick, _KupFileUpload_handleFileChange, _KupFileUpload_handleFileRemove, _KupFileUpload_handleDrop, _KupFileUpload_handleCancel, _KupFileUpload_getPreview, _KupFileUpload_trimFileName, _KupFileUpload_uploadClick;
+const KupFileUpload = /*@__PURE__*/ proxyCustomElement(class KupFileUpload extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.kupReady = createEvent(this, "kup-file-upload-ready", 6);
+        this.kupUpload = createEvent(this, "kup-file-upload-upload", 6);
+        _KupFileUpload_instances.add(this);
+        //#endregion
+        //#region VARIABLES
+        /*-------------------------------------------------*/
+        /*       I n t e r n a l   V a r i a b l e s       */
+        /*-------------------------------------------------*/
+        _KupFileUpload_kupManager.set(this, kupManagerInstance());
+        _KupFileUpload_previewMap.set(this, new Map([
+            ['application/pdf', 'file-pdf'],
+            ['application/vnd.ms-excel', 'file-excel'],
+            [
+                'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+                'file-excel',
+            ],
+            ['application/msword', 'file-word'],
+            [
+                'application/vnd.openxmlformats-officedocument.wordprocessingml.document',
+                'file-word',
+            ],
+        ]));
+        this.customStyle = '';
+        this.data = null;
+        this.inputRef = undefined;
+        this.files = [];
+        this.uploadSuccess = false;
+        this.showSpinner = false;
+    }
+    //#endregion
+    //#region WATCHERS
+    /*-------------------------------------------------*/
+    /*                  W a t c h e r s                */
+    /*-------------------------------------------------*/
+    onDataChanged() { }
+    //#endregion
+    //#region PUBLIC METHODS
+    /*-------------------------------------------------*/
+    /*           P u b l i c   M e t h o d s           */
+    /*-------------------------------------------------*/
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    async getProps(descriptions) {
+        return getProps(this, KupFileUploadProps, descriptions);
+    }
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    async refresh() {
+        forceUpdate(this);
+    }
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    async setProps(props) {
+        setProps(this, KupFileUploadProps, props);
+    }
+    /**
+     * Sets upload has been successfull to show success message.
+     * @param {boolean} success - Boolean to set if upload has been successfull.
+     */
+    async setSuccess(success) {
+        this.setLoading(false);
+        if (success) {
+            __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).call(this);
+            this.uploadSuccess = success;
+        }
+    }
+    /**
+     * Sets to show spinner during upload.
+     * @param {boolean} loading - Boolean to set if is loading.
+     */
+    async setLoading(loading) {
+        this.showSpinner = loading;
+    }
+    //#endregion
+    //#region LIFECYCLE HOOKS
+    /*-------------------------------------------------*/
+    /*          L i f e c y c l e   H o o k s          */
+    /*-------------------------------------------------*/
+    componentWillLoad() {
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").debug.logLoad(this, false);
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.register(this);
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.register(this);
+    }
+    componentDidLoad() {
+        this.kupReady.emit({ comp: this, id: this.rootElement.id });
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").debug.logLoad(this, true);
+    }
+    componentWillRender() {
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").debug.logRender(this, false);
+    }
+    componentDidRender() {
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").debug.logRender(this, true);
+    }
+    render() {
+        return (h$1(Host, { key: 'fe4bf368d35a09d537000b666c22b8a796e841d8' }, h$1("style", { key: '7f795ecba5c7187f2752051561545a27fdb4eb76' }, __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '6f998101815936c02246f56816f03e9d43c3ce8d', id: componentWrapperId }, h$1("div", { key: 'aa518134c9ae9a1a3645e811c75b39da73c544b3', class: {
+                'file-upload': true,
+                'file-upload-spinner': this.showSpinner,
+            }, onDrop: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleDrop).bind(this), onDragOver: (event) => event.preventDefault() }, h$1("input", { key: 'ed848e17a8e40fec4b5c119a316ab5a6c09c9085', type: "file", ref: (el) => (this.inputRef = el), onChange: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileChange).bind(this), multiple: true, hidden: true }), h$1("div", { key: 'c713ff2f83975080221437cca9ead4534dd4ef9b', class: "file-upload__buttons" }, h$1(FButton, { key: 'bad9df6fe8d6f45fc414b3c25559333e887d3273', icon: "upload", label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.CHOOSE), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleClick).bind(this) }), h$1(FButton, { key: '3966f24556bce210cc2e84b0b34153ff7feb182c', icon: "save", disabled: !this.files.length, label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.UPLOAD), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_uploadClick).bind(this), styling: FButtonStyling.FLAT }), h$1(FButton, { key: '4c538a64d604496d0d65a1c9dc3bb88ddc92df19', icon: "clear", disabled: !this.files.length, label: __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageGeneric.ABORT), onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleCancel).bind(this), styling: FButtonStyling.FLAT })), this.uploadSuccess ? (h$1("span", null, __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.translate(KupLanguageUpload.SUCCESS))) : (h$1("div", { class: "file-upload__list" }, this.files.map((file, i) => (h$1("div", { class: "file-upload__list__item" }, h$1("div", { class: "file-upload__list__item__preview" }, h$1(FImage, { resource: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_getPreview).call(this, file) })), h$1("span", { class: "file-upload__list__item__desc", title: file.name }, __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_trimFileName).call(this, file.name)), h$1("span", { class: "file-upload__list__item__clear", onClick: __classPrivateFieldGet$5(this, _KupFileUpload_instances, "m", _KupFileUpload_handleFileRemove).bind(this, i) })))))), this.showSpinner && (h$1("div", { key: '54782b7a4ceb1a4626255256d4832ed24be43e36', class: "file-upload__spinner-container" }, h$1("kup-spinner", { key: '7da8a612be8f0a9a01e96308c7492650677f7b55', active: true, layout: 14, dimensions: "7px" })))))));
     }
     disconnectedCallback() {
-        this.kupManager.theme.unregister(this);
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").language.unregister(this);
+        __classPrivateFieldGet$5(this, _KupFileUpload_kupManager, "f").theme.unregister(this);
     }
     get rootElement() { return this; }
-    static get style() { return KupGaugeStyle0; }
-}, [1, "kup-gauge", {
-        "arcThickness": [2, "arc-thickness"],
-        "colors": [16],
+    static get watchers() { return {
+        "data": ["onDataChanged"]
+    }; }
+    static get style() { return KupFileUploadStyle0; }
+}, [1, "kup-file-upload", {
         "customStyle": [1, "custom-style"],
-        "firstThreshold": [2, "first-threshold"],
-        "labelDistance": [1026, "label-distance"],
-        "maxValue": [1026, "max-value"],
-        "measurementUnit": [1, "measurement-unit"],
-        "minValue": [1026, "min-value"],
-        "needleCircle": [4, "needle-circle"],
-        "onlyValue": [4, "only-value"],
-        "reverseColors": [4, "reverse-colors"],
-        "secondThreshold": [2, "second-threshold"],
-        "showLabels": [4, "show-labels"],
-        "showMaxmin": [4, "show-maxmin"],
-        "showValue": [4, "show-value"],
-        "size": [2],
-        "value": [1026],
-        "valueSize": [2, "value-size"],
-        "widthComponent": [1, "width-component"],
+        "data": [8],
+        "inputRef": [32],
+        "files": [32],
+        "uploadSuccess": [32],
+        "showSpinner": [32],
         "getProps": [64],
         "refresh": [64],
-        "setProps": [64]
+        "setProps": [64],
+        "setSuccess": [64],
+        "setLoading": [64]
+    }, undefined, {
+        "data": ["onDataChanged"]
     }]);
+_KupFileUpload_kupManager = new WeakMap(), _KupFileUpload_previewMap = new WeakMap(), _KupFileUpload_instances = new WeakSet(), _KupFileUpload_handleClick = function _KupFileUpload_handleClick() {
+    this.inputRef.click();
+}, _KupFileUpload_handleFileChange = function _KupFileUpload_handleFileChange(event) {
+    this.uploadSuccess = false;
+    const newFiles = Array.from(event.target.files);
+    this.files = [...this.files, ...newFiles];
+}, _KupFileUpload_handleFileRemove = function _KupFileUpload_handleFileRemove(index) {
+    this.files = [
+        ...this.files.splice(0, index),
+        ...this.files.splice(index + 1),
+    ];
+}, _KupFileUpload_handleDrop = function _KupFileUpload_handleDrop(event) {
+    event.preventDefault();
+    const droppedFiles = event.dataTransfer.files;
+    if (droppedFiles.length > 0) {
+        const newFiles = Array.from(droppedFiles);
+        this.files = [...this.files, ...newFiles];
+    }
+}, _KupFileUpload_handleCancel = function _KupFileUpload_handleCancel() {
+    this.files = [];
+}, _KupFileUpload_getPreview = function _KupFileUpload_getPreview(file) {
+    const previewIcon = __classPrivateFieldGet$5(this, _KupFileUpload_previewMap, "f").get(file.type);
+    if (!previewIcon) {
+        if (/^image\/.*/g.test(file.type)) {
+            return URL.createObjectURL(file);
+        }
+        if (/^video\/.*/g.test(file.type)) {
+            return 'video';
+        }
+        return 'file';
+    }
+    return previewIcon;
+}, _KupFileUpload_trimFileName = function _KupFileUpload_trimFileName(fileName) {
+    return (fileName === null || fileName === void 0 ? void 0 : fileName.length) > 20
+        ? fileName.slice(0, 9) + '...' + fileName.slice(-10)
+        : fileName;
+}, _KupFileUpload_uploadClick = function _KupFileUpload_uploadClick(e) {
+    e.stopPropagation();
+    this.kupUpload.emit({
+        comp: this,
+        id: this.rootElement.id,
+        files: this.files,
+    });
+    this.setLoading(true);
+};
 function defineCustomElement$f() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-gauge", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-file-upload", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
-                customElements.define(tagName, KupGauge);
+                customElements.define(tagName, KupFileUpload);
             }
             break;
         case "kup-autocomplete":
@@ -20288,64 +20695,69 @@ function defineCustomElement$f() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -20682,7 +21094,7 @@ function defineCustomElement$e() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-dropdown-button", "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-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-dropdown-button", "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-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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-dropdown-button":
             if (!customElements.get(tagName)) {
@@ -20759,69 +21171,74 @@ function defineCustomElement$e() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -21015,7 +21432,7 @@ function defineCustomElement$d() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-dialog", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-dialog", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-dialog":
             if (!customElements.get(tagName)) {
@@ -21092,64 +21509,69 @@ function defineCustomElement$d() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -21599,7 +22021,7 @@ function defineCustomElement$c() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-date-picker", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-date-picker", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-date-picker":
             if (!customElements.get(tagName)) {
@@ -21676,64 +22098,69 @@ function defineCustomElement$c() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -22176,7 +22603,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
     render() {
         let formContent = null;
         if (this.data.rows.length === 0) {
-            formContent = (h$1("p", { key: '4b4c768ddde3a3e5b716aa6c78f19d124fe472ff' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
+            formContent = (h$1("p", { key: 'f749de74f0497b4be1fb554de9e3c9cb1464f16d' }, this.kupManager.language.translate(KupLanguageGeneric.EMPTY_DATA)));
         }
         else {
             const rows = this.data.rows;
@@ -22187,7 +22614,7 @@ const KupForm = /*@__PURE__*/ proxyCustomElement(class KupForm extends H {
                 formContent.push(this.renderRow(rows[cnt++]));
             }
         }
-        return (h$1(Host, { key: 'fef68da43868f5b70c76102cc08fc53557b0feb8' }, h$1("style", { key: 'c8265a9f9c5a9bce97c8c2bbf64d3d7cbf1f57ee' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'de6c69d454396ebf0e82b5de27c7541132038eeb', id: componentWrapperId }, formContent)));
+        return (h$1(Host, { key: 'f32e3c7318dd06b37dda2c66fc35188671fd5c2b' }, h$1("style", { key: 'bda0f827c81efc66666670b3da38b699921855cf' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: '07ba4ba3f36154ee5457b340993f3fd54b202b30', id: componentWrapperId }, formContent)));
     }
     disconnectedCallback() {
         this.kupManager.language.unregister(this);
@@ -22218,7 +22645,7 @@ function defineCustomElement$b() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-form", "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-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-form", "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-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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-form":
             if (!customElements.get(tagName)) {
@@ -22295,69 +22722,74 @@ function defineCustomElement$b() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -23748,7 +24180,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         }
         let rows = null;
         if (__classPrivateFieldGet$3(this, _KupDataTable_paginatedRowsLength, "f") === 0) {
-            rows = (h$1("tr", { key: '4bdb78f1dce6687784b5812da74a9d10f8c47620', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '2d9d54cef9effb87966c6b99383453ee62163c5c', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
+            rows = (h$1("tr", { key: '43964b68259ee77d1eb2cc703fc4551c5ad085f8', ref: (el) => __classPrivateFieldGet$3(this, _KupDataTable_rowsRefs, "f").push(el) }, h$1("td", { key: '4c8df8bc2924d6844a58ea329e34d03f2ecb5f9c', colSpan: __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_calculateColspan).call(this) }, this.emptyDataLabel)));
         }
         else {
             rows = [];
@@ -23813,7 +24245,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 for (let i = 0; i < chipsData.length; i++) {
                     props.onIconClick.push(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_removeGroup).call(this, i));
                 }
-                groupChips = h$1(FChip, Object.assign({ key: '3a578a291bf8f436262d14ff2d00b3f2aa5ab90a' }, props));
+                groupChips = h$1(FChip, Object.assign({ key: '57d143c2c89aa93b7cccf8926201818f32f7666c' }, props));
             }
         }
         const tableClass = {
@@ -23845,7 +24277,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         if (this.headerIsPersistent &&
             this.tableHeight === undefined &&
             this.tableWidth === undefined) {
-            stickyEl = (h$1("sticky-header", { key: '8fb90e75ff222c9b2c5fd971e3b469bf2b1f9872', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '999bc17dcd252d23dea0e897956fad76032e7d62' }, h$1("tr-sticky", { key: '6121fd48a7a082abc91d96157a206814a348d99a' }, stickyHeader))));
+            stickyEl = (h$1("sticky-header", { key: '72143e2dd14c2ed457a8da40c41d88d0056ee11d', class: "hover-scrolling-child", hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_stickyTheadRef, el, "f")) }, h$1("thead-sticky", { key: '384803dc3e404b30e2b1bc5ad64f9d9e9e329b43' }, h$1("tr-sticky", { key: '1b9c1a17fc090a9f0c1bbcc964c54c4ecee962af' }, stickyHeader))));
         }
         let belowClass = 'below-wrapper';
         if (!!this.tableHeight || !!this.tableWidth) {
@@ -23891,7 +24323,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
         const useGlobalFilter = !this.legacyLook &&
             (this.globalFilter ||
                 this.getRows().length > __classPrivateFieldGet$3(this, _KupDataTable_DEFAULT_ROWS_FOR_GLOBAL_FILTER, "f"));
-        const compCreated = (h$1(Host, { key: '9f48efef161dd423feb3a3ad2f58b2ebc61eacdb', "onKup-drop": (e) => {
+        const compCreated = (h$1(Host, { key: '4076ece2048ed51fa61f083a93ceb3888f9de8eb', "onKup-drop": (e) => {
                 this.kupDataTableDrop.emit(e.detail);
             }, "onKup-cell-input": (e) => {
                 autoselectOnAction(e);
@@ -23906,11 +24338,11 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 this.kupDataTableObjectFieldOpenSearchMenu.emit(e.detail);
             }, "onKup-objectfield-selectedmenuitem": (e) => {
                 this.kupDataTableObjectFieldSelectedMenuItem.emit(e.detail);
-            } }, h$1("style", { key: 'c7312efbf2ac12ed8f80bcaeb8930c01b6f93af8' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: '0dbbdca925ba5a345faed699df2b79dfb641ff27', id: componentWrapperId, class: wrapClass }, h$1("div", { key: 'e868309fc39a4e7a319a861d2148929d588a6c8f', class: "group-wrapper" }, groupChips), h$1("div", { key: 'c3c38965aa6a74d9eabf71c379d9997397ab5c70', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
+            } }, h$1("style", { key: '675c3b5746de43ea52b8f97e07d7e03b94290494' }, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").theme.setKupStyle(this.rootElement)), this.updatableData ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_renderUpdateButtons).call(this) : null, h$1("div", { key: '1ed5d580d217b720947c25f381ce247342057af7', id: componentWrapperId, class: wrapClass }, h$1("div", { key: '84d8d0006e722229cc9d797f671db29bef09a0c8', class: "group-wrapper" }, groupChips), h$1("div", { key: '5c933f3495d308f993d77b6c9fe282cea4f517bc', class: "actions-wrapper", style: actionWrapperWidth }, useGlobalFilter ? (h$1("div", { id: "global-filter" }, h$1(FTextField, { fullWidth: true, icon: KupThemeIconValues.SEARCH, label: __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageSearch.SEARCH), value: this.globalFilterValue, onInput: (event) => {
                 const t = event.target;
                 window.clearTimeout(__classPrivateFieldGet$3(this, _KupDataTable_globalFilterTimeout, "f"));
                 __classPrivateFieldSet$2(this, _KupDataTable_globalFilterTimeout, window.setTimeout(() => __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onGlobalFilterChange).call(this, t), 600, t), "f");
-            } }))) : null, h$1("div", { key: 'f0d0a8ac568a99ad1ba111ee955405f03572b282', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
+            } }))) : null, h$1("div", { key: 'bb34804d5fc095b5bcc2bddd21801ffbdf4c74f3', class: "above-wrapper paginator-top" }, paginatorTop), this.insertMode !== '' &&
             this.selectedRows.length > 0 ? (h$1(FButton, { icon: "save", onClick: () => {
                 this.kupSave.emit({
                     comp: this,
@@ -23960,9 +24392,9 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     this.data.rows.unshift(row);
                     await this.refresh(true);
                 }
-            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: '1c7add2b380abf5936c157f0ea931d3b0be12bb3', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
+            }, sizing: KupComponentSizing.MEDIUM, styling: FButtonStyling.RAISED, title: "Insert row", wrapperClass: "insert-button" })) : null), h$1("div", { key: '8f342239d3aa4d1c7c5fce166a2b60909685d0e2', class: "droparea", ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_dropareaRef, el, "f")) }, this.showGroups ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnGroupArea).call(this) : null, this.removableColumns
             ? __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_columnRemoveArea).call(this)
-            : null), h$1("div", { key: 'c36d016d64f804c643c53b67f263f16bfb166f7f', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
+            : null), h$1("div", { key: 'c91e64e42b858a644c29b107fd9cb233d39a970f', style: elStyle, class: belowClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableAreaRef, el, "f")) }, this.showCustomization
             ? [
                 h$1("div", { class: "settings-trigger", onClick: () => {
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onCustomSettingsClick).call(this);
@@ -23971,7 +24403,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                     } }, h$1(FImage, { color: `var(${KupThemeColorValues.TITLE})`, resource: "settings", sizeX: "10px" })),
                 this.renderCustomizePanel(),
             ]
-            : null, h$1("table", { key: '3b2bc03989d1b3b548cbc8910c90878330af3a52', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
+            : null, h$1("table", { key: '2ab7c7256505b8326502f3a0c8f0e162a0c4f8e9', class: tableClass, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_tableRef, el, "f")), onMouseLeave: (ev) => {
                 ev.stopPropagation();
             }, onPointerDown: (e) => {
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
@@ -23979,7 +24411,7 @@ const KupDataTable = /*@__PURE__*/ proxyCustomElement(class KupDataTable extends
                 __classPrivateFieldSet$2(this, _KupDataTable_lastPointerDetails, __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_getEventDetails).call(this, __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").getEventPath(e.target, this.rootElement), e), "f");
             }, onContextMenu: (e) => {
                 e.preventDefault();
-            } }, h$1("thead", { key: 'df77fa43f4225444ae04b2d0daf0a26b62373356', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '1e8169fdc3ab48a34451ae001fd53d8b61d67400' }, header)), h$1("tbody", { key: '90d0d45589c9a12514949c3e14bda9ecbcef97a8' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
+            } }, h$1("thead", { key: '43664e89ccde104c0c41dd1449e1c89d441757aa', hidden: !this.showHeader, ref: (el) => (__classPrivateFieldSet$2(this, _KupDataTable_theadRef, el, "f")) }, h$1("tr", { key: '522d372292fd65339de510b1b9cd9c5174f450a3' }, header)), h$1("tbody", { key: '8447665b521befe969818f94cb0abab27f4c0da4' }, rows), this.showFooter && this.renderFooter()), stickyEl), paginatorBottom)));
         return compCreated;
     }
     disconnectedCallback() {
@@ -25647,6 +26079,17 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 break;
         }
     }
+    // Manage row selection on rowAction click
+    if (!td) {
+        this.kupRowSelected.emit({
+            comp: this,
+            id: this.rootElement.id,
+            selectedRows: this.selectedRows,
+            clickedRow: row,
+            clickedColumn: null,
+        });
+        return;
+    }
     // find clicked column
     const clickedColumn = td.dataset.column;
     // selecting clicked column
@@ -26202,6 +26645,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                     rowActions.forEach((action, index) => {
                         var _a;
                         const imageProp = __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.action.buildImageProp(action.icon, action.text || ((_a = action.column) === null || _a === void 0 ? void 0 : _a.title) || '', 'action', () => {
+                            __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, row, null, true);
                             this.kupRowActionItemClick.emit({
                                 comp: this,
                                 id: this.rootElement.id,
@@ -26219,6 +26663,7 @@ _KupDataTable_initialized = new WeakMap(), _KupDataTable_rows = new WeakMap(), _
                 else {
                     const textPopulatedRowActions = __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.action.createActionsWithText(rowActions);
                     const imageProp = __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").data.action.buildImageProp('chevron-down', __classPrivateFieldGet$3(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPAND), 'expander', (e) => {
+                        __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onRowClick).call(this, row, null, true);
                         __classPrivateFieldGet$3(this, _KupDataTable_instances, "m", _KupDataTable_onRowActionExpanderClick).call(this, e, row, textPopulatedRowActions);
                     });
                     actionsOnRow.push(imageProp);
@@ -26653,7 +27098,7 @@ function defineCustomElement$a() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-data-table", "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-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-data-table", "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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-data-table":
             if (!customElements.get(tagName)) {
@@ -26730,6 +27175,11 @@ function defineCustomElement$a() {
                 defineCustomElement$e();
             }
             break;
+        case "kup-file-upload":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
         case "kup-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
@@ -26737,67 +27187,67 @@ function defineCustomElement$a() {
             break;
         case "kup-gauge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "kup-image":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "kup-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "kup-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -27227,7 +27677,7 @@ function defineCustomElement$9() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-combobox", "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-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-combobox", "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-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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-combobox":
             if (!customElements.get(tagName)) {
@@ -27304,69 +27754,74 @@ function defineCustomElement$9() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -27640,7 +28095,7 @@ function defineCustomElement$8() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-color-picker", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-color-picker", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-color-picker":
             if (!customElements.get(tagName)) {
@@ -27717,64 +28172,69 @@ function defineCustomElement$8() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -28047,7 +28507,7 @@ function defineCustomElement$7() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-chip", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-chip", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-chip":
             if (!customElements.get(tagName)) {
@@ -28124,64 +28584,69 @@ function defineCustomElement$7() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -28351,7 +28816,7 @@ function defineCustomElement$6() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-checkbox", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-checkbox", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-checkbox":
             if (!customElements.get(tagName)) {
@@ -28428,64 +28893,69 @@ function defineCustomElement$6() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -29005,7 +29475,7 @@ function defineCustomElement$5() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-chart", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-chart", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-chart":
             if (!customElements.get(tagName)) {
@@ -29082,64 +29552,69 @@ function defineCustomElement$5() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -29597,7 +30072,7 @@ function defineCustomElement$4() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-card", "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-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-card", "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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-card":
             if (!customElements.get(tagName)) {
@@ -29674,6 +30149,11 @@ function defineCustomElement$4() {
                 defineCustomElement$e();
             }
             break;
+        case "kup-file-upload":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
         case "kup-form":
             if (!customElements.get(tagName)) {
                 defineCustomElement$b();
@@ -29681,67 +30161,67 @@ function defineCustomElement$4() {
             break;
         case "kup-gauge":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "kup-image":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "kup-list":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "kup-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -30070,7 +30550,7 @@ function defineCustomElement$3() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-button-list", "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-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-button-list", "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-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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-button-list":
             if (!customElements.get(tagName)) {
@@ -30147,69 +30627,74 @@ function defineCustomElement$3() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -30436,7 +30921,7 @@ function defineCustomElement$2() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-button", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-button", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-button":
             if (!customElements.get(tagName)) {
@@ -30513,64 +30998,69 @@ function defineCustomElement$2() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -30677,7 +31167,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-badge", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-toolbar", "kup-tree"];
+    const components = ["kup-badge", "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-gauge", "kup-image", "kup-list", "kup-progress-bar", "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-badge":
             if (!customElements.get(tagName)) {
@@ -30754,64 +31244,69 @@ function defineCustomElement$1() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "kup-rating":
+        case "kup-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "kup-spinner":
+        case "kup-rating":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "kup-switch":
+        case "kup-spinner":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "kup-tab-bar":
+        case "kup-switch":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
+        case "kup-tab-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$n();
+            }
+            break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
@@ -31292,7 +31787,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["kup-autocomplete", "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-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-autocomplete", "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-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"];
     components.forEach(tagName => { switch (tagName) {
         case "kup-autocomplete":
             if (!customElements.get(tagName)) {
@@ -31369,72 +31864,77 @@ function defineCustomElement() {
                 defineCustomElement$e();
             }
             break;
-        case "kup-gauge":
+        case "kup-file-upload":
             if (!customElements.get(tagName)) {
                 defineCustomElement$f();
             }
             break;
-        case "kup-image":
+        case "kup-gauge":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }
             break;
-        case "kup-list":
+        case "kup-image":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "kup-progress-bar":
+        case "kup-list":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
+        case "kup-progress-bar":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$j();
+            }
+            break;
         case "kup-radio":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "kup-rating":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "kup-spinner":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "kup-switch":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "kup-tab-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "kup-text-field":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "kup-time-picker":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "kup-toolbar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "kup-tree":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
     } });
 }
 
-export { FCheckbox as $, defineCustomElement$2 as A, defineCustomElement$1 as B, defineCustomElement as C, sortRows as D, KupBadge as E, FImage as F, filterRows as G, paginateRows as H, pageChange as I, rowsPerPageChange as J, KupAutocomplete as K, FCell as L, MDCRipple as M, FChip as N, FTextFieldMDC as O, FPaginator as P, KupButton as Q, KupButtonList as R, FButton as S, FChipType as T, KupCard as U, KupChart as V, KupCheckbox as W, KupChip as X, KupColorPicker as Y, KupCombobox as Z, FTextField as _, defineCustomElement$q as a, KupDataTable as a0, KupDatePicker as a1, KupDialog as a2, KupDropdownButton as a3, FButtonStyling as a4, KupForm as a5, KupGauge as a6, KupImage as a7, KupList as a8, FObjectField as a9, KupProgressBar as aa, KupRadio as ab, KupRating as ac, KupSpinner as ad, KupSwitch as ae, KupTabBar as af, KupTextField as ag, KupTimePicker as ah, KupToolbar as ai, KupTree as aj, defineCustomElement$p as b, componentWrapperId as c, defineCustomElement$r as d, defineCustomElement$o as e, defineCustomElement$m as f, defineCustomElement$l as g, defineCustomElement$k as h, defineCustomElement$j as i, defineCustomElement$n as j, defineCustomElement$i as k, defineCustomElement$h as l, defineCustomElement$g as m, defineCustomElement$f as n, defineCustomElement$b as o, defineCustomElement$e as p, defineCustomElement$d as q, defineCustomElement$c as r, defineCustomElement$a as s, defineCustomElement$9 as t, defineCustomElement$8 as u, defineCustomElement$7 as v, defineCustomElement$6 as w, defineCustomElement$5 as x, defineCustomElement$4 as y, defineCustomElement$3 as z };
+export { FTextField as $, defineCustomElement$3 as A, defineCustomElement$2 as B, defineCustomElement$1 as C, defineCustomElement as D, sortRows as E, FImage as F, KupBadge as G, filterRows as H, paginateRows as I, pageChange as J, KupAutocomplete as K, rowsPerPageChange as L, MDCRipple as M, FCell as N, FChip as O, FTextFieldMDC as P, FPaginator as Q, KupButton as R, KupButtonList as S, FButton as T, FChipType as U, KupCard as V, KupChart as W, KupCheckbox as X, KupChip as Y, KupColorPicker as Z, KupCombobox as _, defineCustomElement$r as a, FCheckbox as a0, KupDataTable as a1, KupDatePicker as a2, KupDialog as a3, KupDropdownButton as a4, FButtonStyling as a5, KupFileUpload as a6, KupForm as a7, KupGauge as a8, KupImage as a9, KupList as aa, FObjectField as ab, KupProgressBar as ac, KupRadio as ad, KupRating as ae, KupSpinner as af, KupSwitch as ag, KupTabBar as ah, KupTextField as ai, KupTimePicker as aj, KupToolbar as ak, KupTree as al, defineCustomElement$q as b, componentWrapperId as c, defineCustomElement$s as d, defineCustomElement$p as e, defineCustomElement$n as f, defineCustomElement$m as g, defineCustomElement$l as h, defineCustomElement$k as i, defineCustomElement$o as j, defineCustomElement$j as k, defineCustomElement$i as l, defineCustomElement$h as m, defineCustomElement$g as n, defineCustomElement$b as o, defineCustomElement$f as p, defineCustomElement$e as q, defineCustomElement$d as r, defineCustomElement$c as s, defineCustomElement$a as t, defineCustomElement$9 as u, defineCustomElement$8 as v, defineCustomElement$7 as w, defineCustomElement$6 as x, defineCustomElement$5 as y, defineCustomElement$4 as z };