@sme.up/ketchup 11.0.0-SNAPSHOT-20250423072854 → 11.0.0-SNAPSHOT-20250423145732

package/dist/components/{p-62f09bf9.js → p-17fb3b04.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-e383d94a.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-8c56a96c.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-1d9c2709.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-35dc9602.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-e383d94a.js → p-1d9c2709.js}

@@ -8544,6 +8544,26 @@ function adaptContentToDisplayMode(cell, content, separator) {
             return (_d = content !== null && content !== void 0 ? content : code) !== null && _d !== void 0 ? _d : '';
     }
 }
+function getSizeOfInputElement(data, displayMode, size) {
+    var _a, _b;
+    if ((_a = data['kup-text-field']) === null || _a === void 0 ? void 0 : _a.size) {
+        return (_b = data['kup-text-field']) === null || _b === void 0 ? void 0 : _b.size;
+    }
+    else {
+        switch (displayMode) {
+            case ItemsDisplayMode.CODE:
+                return size || 15;
+            case ItemsDisplayMode.DESCRIPTION:
+                return 35;
+            case ItemsDisplayMode.CODE_AND_DESC:
+            case ItemsDisplayMode.CODE_AND_DESC_ALIAS:
+            case ItemsDisplayMode.DESC_AND_CODE:
+                return 50;
+            default:
+                return 35;
+        }
+    }
+}
 
 /**
  * This regular expression returns a match with the following groups:
@@ -19860,4 +19880,4 @@ function kupManagerInstance() {
     return dom.ketchup;
 }
 
-export { KupLanguageGrouping as $, KupLanguageTotals as A, KupLanguageColumn as B, CHIAdapter as C, KupDataNewColumnTypes as D, KupCardSubEvents as E, FCellClasses as F, KupCardIds as G, KupLanguageRow as H, ItemsDisplayMode as I, KupLanguageSearch as J, KupManager as K, getColumnByName as L, KupObjects as M, formatToNumber as N, Filters as O, getValueForDisplay as P, getValueForDisplay2 as Q, RADAdapter as R, KupData as S, compareCell as T, TotalMode as U, getRegExpFromString as V, CHKAdapter as W, SWTAdapter as X, SortMode as Y, GroupLabelDisplayMode as Z, SelectionMode as _, KupComponentSizing as a, KupLanguageCheckbox as a0, FILTER_ANALYZER as a1, KupLanguagePage as a2, addColumnValueFromRow as a3, KupGlobalFilterMode as a4, TotalLabel as a5, isNegativeNumber as a6, KupPointerEventTypes as a7, kupDynamicPositionAttribute as a8, identify as a9, KupCellElementsPosition as aA, submitPositionAdapter as aB, KupCellProps as aC, KupLanguageDashboard as aD, kupDropEvent as aE, kupDraggableRowAttr as aF, KupListProps as aa, KupCardFamily as ab, KupListRole as ac, KupLanguageUpload as ad, LoadMoreMode as ae, PaginatorPos as af, ShowGrid as ag, KupPerfTuningPriority as ah, kupDraggableColumnAttr as ai, kupDragActiveAttr as aj, KupDragEffect as ak, kupDraggableCellAttr as al, KupDropEventTypes as am, DataTableAreasEnum as an, TypesToDuplicate as ao, FixedCellsClasses as ap, FixedCellsCSSVarsBase as aq, KupLanguageFontsize as ar, KupLanguageDensity as as, KupLanguageGrid as at, KupDataTableProps as au, iconColumn as av, keyColumn as aw, fieldColumn as ax, KupCardProps as ay, kupDraggableAttr as az, KupThemeIconValues as b, KupThemeColorValues as c, KupDynamicPositionPlacement as d, KupLanguageGeneric as e, editableTypes as f, getProps as g, kupTypes as h, FCellTypes as i, CMBandACPAdapter as j, kupManagerInstance as k, KupTagNames as l, FCellShapes as m, getCellValueForDisplay as n, fullWidthFieldsComps as o, autoCenterComps as p, FCellEvents as q, isForceUppercase as r, setProps as s, isForceLowercase as t, KupDebugCategory as u, adaptContentToDisplayMode as v, FCellPadding as w, fillString as x, KupCardBuiltInClockElements as y, KupCardCSSClasses as z };
+export { KupLanguageGrouping as $, KupLanguageTotals as A, KupLanguageColumn as B, CHIAdapter as C, KupDataNewColumnTypes as D, KupCardSubEvents as E, FCellClasses as F, KupCardIds as G, KupLanguageRow as H, ItemsDisplayMode as I, KupLanguageSearch as J, KupManager as K, getColumnByName as L, KupObjects as M, formatToNumber as N, Filters as O, getValueForDisplay as P, getValueForDisplay2 as Q, RADAdapter as R, KupData as S, compareCell as T, TotalMode as U, getRegExpFromString as V, CHKAdapter as W, SWTAdapter as X, SortMode as Y, GroupLabelDisplayMode as Z, SelectionMode as _, KupComponentSizing as a, KupLanguageCheckbox as a0, FILTER_ANALYZER as a1, KupLanguagePage as a2, addColumnValueFromRow as a3, KupGlobalFilterMode as a4, TotalLabel as a5, isNegativeNumber as a6, KupPointerEventTypes as a7, kupDynamicPositionAttribute as a8, identify as a9, kupDraggableAttr as aA, KupCellElementsPosition as aB, submitPositionAdapter as aC, KupCellProps as aD, KupLanguageDashboard as aE, kupDropEvent as aF, kupDraggableRowAttr as aG, KupListProps as aa, KupCardFamily as ab, KupListRole as ac, KupLanguageUpload as ad, LoadMoreMode as ae, PaginatorPos as af, ShowGrid as ag, KupPerfTuningPriority as ah, kupDraggableColumnAttr as ai, kupDragActiveAttr as aj, KupDragEffect as ak, kupDraggableCellAttr as al, KupDropEventTypes as am, DataTableAreasEnum as an, TypesToDuplicate as ao, FixedCellsClasses as ap, FixedCellsCSSVarsBase as aq, KupLanguageFontsize as ar, KupLanguageDensity as as, KupLanguageGrid as at, KupDataTableProps as au, iconColumn as av, keyColumn as aw, fieldColumn as ax, getSizeOfInputElement as ay, KupCardProps as az, KupThemeIconValues as b, KupThemeColorValues as c, KupDynamicPositionPlacement as d, KupLanguageGeneric as e, editableTypes as f, getProps as g, kupTypes as h, FCellTypes as i, CMBandACPAdapter as j, kupManagerInstance as k, KupTagNames as l, FCellShapes as m, getCellValueForDisplay as n, fullWidthFieldsComps as o, autoCenterComps as p, FCellEvents as q, isForceUppercase as r, setProps as s, isForceLowercase as t, KupDebugCategory as u, adaptContentToDisplayMode as v, FCellPadding as w, fillString as x, KupCardBuiltInClockElements as y, KupCardCSSClasses as z };

package/dist/components/{p-8c56a96c.js → p-35dc9602.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-ef8cbd35.js';
-import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, 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 identify, aa as KupListProps, ab as KupCardFamily, ac as KupListRole, ad as KupLanguageUpload, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as KupPerfTuningPriority, ai as kupDraggableColumnAttr, aj as kupDragActiveAttr, ak as KupDragEffect, al as kupDraggableCellAttr, am as KupDropEventTypes, an as DataTableAreasEnum, ao as TypesToDuplicate, ap as FixedCellsClasses, aq as FixedCellsCSSVarsBase, ar as KupLanguageFontsize, as as KupLanguageDensity, at as KupLanguageGrid, au as KupDataTableProps, av as iconColumn, aw as keyColumn, ax as fieldColumn, ay as KupCardProps } from './p-e383d94a.js';
+import { b as KupThemeIconValues, I as ItemsDisplayMode, e as KupLanguageGeneric, a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement, f as editableTypes, h as kupTypes, F as FCellClasses, i as FCellTypes, c as KupThemeColorValues, C as CHIAdapter, R as RADAdapter, j as CMBandACPAdapter, l as KupTagNames, m as FCellShapes, n as getCellValueForDisplay, o as fullWidthFieldsComps, p as autoCenterComps, q as FCellEvents, r as isForceUppercase, t as isForceLowercase, u as KupDebugCategory, v as adaptContentToDisplayMode, w as FCellPadding, x as fillString, y as KupCardBuiltInClockElements, z as KupCardCSSClasses, A as KupLanguageTotals, B as KupLanguageColumn, D as KupDataNewColumnTypes, E as KupCardSubEvents, G as KupCardIds, H as KupLanguageRow, J as KupLanguageSearch, L as getColumnByName, M as KupObjects, N as formatToNumber, O as Filters, P as getValueForDisplay, Q as getValueForDisplay2, S as KupData, T as compareCell, U as TotalMode, V as getRegExpFromString, W as CHKAdapter, X as SWTAdapter, Y as SortMode, Z as GroupLabelDisplayMode, _ as SelectionMode, $ as KupLanguageGrouping, a0 as KupLanguageCheckbox, 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 identify, aa as KupListProps, ab as KupCardFamily, ac as KupListRole, ad as KupLanguageUpload, ae as LoadMoreMode, af as PaginatorPos, ag as ShowGrid, ah as KupPerfTuningPriority, ai as kupDraggableColumnAttr, aj as kupDragActiveAttr, ak as KupDragEffect, al as kupDraggableCellAttr, am as KupDropEventTypes, an as DataTableAreasEnum, ao as TypesToDuplicate, ap as FixedCellsClasses, aq as FixedCellsCSSVarsBase, ar as KupLanguageFontsize, as as KupLanguageDensity, at as KupLanguageGrid, au as KupDataTableProps, av as iconColumn, aw as keyColumn, ax as fieldColumn, ay as getSizeOfInputElement, az as KupCardProps } from './p-1d9c2709.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';
 
@@ -4155,6 +4155,7 @@ var KupAutocompleteProps;
     KupAutocompleteProps["showDropDownIcon"] = "When true shows the drop-down icon, for open list.";
     KupAutocompleteProps["showMarker"] = "When true shows a small marker on the component";
     KupAutocompleteProps["legacyLook"] = "When true enables the monospaces look for the ACP component";
+    KupAutocompleteProps["size"] = "Sets the size of the input element";
 })(KupAutocompleteProps || (KupAutocompleteProps = {}));
 
 function getIdOfItemByDisplayMode(item, mode, separator) {
@@ -10905,6 +10906,7 @@ var KupComboboxProps;
     KupComboboxProps["leadingLabel"] = "When set to true, the label will be on the left of the component.";
     KupComboboxProps["showMarker"] = "When true shows a small marker on the component";
     KupComboboxProps["legacyLook"] = "When true enables the monospaced look for the CMB component";
+    KupComboboxProps["size"] = "Sets the size of the input element";
 })(KupComboboxProps || (KupComboboxProps = {}));
 
 /**
@@ -23323,7 +23325,7 @@ const KupDatePicker = /*@__PURE__*/ proxyCustomElement(class KupDatePicker exten
                 showPreviousNextMonthDays: this.showPreviousNextMonthDays,
             },
         };
-        return (h$1(Host, { key: 'a03e07c3e6d570fbb5a8e8769a02b4aa348e9380' }, h$1("style", { key: '816dfa6ef5fd2127a376e068ba8fcfbc1dfb21c8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'e4bb69bdc77b97e8350bfa3b2a957209a477af9f', id: componentWrapperId }, h$1(FTextField, Object.assign({ key: '2cc6075725e8b552694f63fd9991c04f9fb8b307' }, textfieldData, { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, maxLength: (_a = textfieldData.maxLength) !== null && _a !== void 0 ? _a : 10, id: this.rootElement.id + '_text-field', value: this.getDateForOutput(), onBlur: () => this.onKupBlur(), onChange: (e) => this.onKupChange(e), onClearIconClick: () => this.onKupClearIconClick(), onClick: () => this.onKupClick(), onFocus: () => this.onKupFocus(), onIconClick: () => this.onKupIconClick(), onKeyDown: (e) => this.onKupTextFieldSubmit(e), onInput: (e) => this.onKupInput(e) }), h$1("div", { key: '3c6edb7597be87e7198669853ed784fc4c869e52', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h$1("kup-card", { key: '65aaa4afa63314ae1513f8c1b753ada672020c9f', ref: (el) => (this.pickerContainerEl = el), data: cardData, layoutFamily: KupCardFamily.BUILT_IN, sizeX: "300px", sizeY: "auto", isMenu: true, "onkup-card-click": (ev) => {
+        return (h$1(Host, { key: 'a03e07c3e6d570fbb5a8e8769a02b4aa348e9380' }, h$1("style", { key: '816dfa6ef5fd2127a376e068ba8fcfbc1dfb21c8' }, this.kupManager.theme.setKupStyle(this.rootElement)), h$1("div", { key: 'e4bb69bdc77b97e8350bfa3b2a957209a477af9f', id: componentWrapperId }, h$1(FTextField, Object.assign({ key: '6d291279dd6b655608099114e025d5b01c1393ed' }, textfieldData, { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, maxLength: (_a = textfieldData.maxLength) !== null && _a !== void 0 ? _a : 10, size: 10, id: this.rootElement.id + '_text-field', value: this.getDateForOutput(), onBlur: () => this.onKupBlur(), onChange: (e) => this.onKupChange(e), onClearIconClick: () => this.onKupClearIconClick(), onClick: () => this.onKupClick(), onFocus: () => this.onKupFocus(), onIconClick: () => this.onKupIconClick(), onKeyDown: (e) => this.onKupTextFieldSubmit(e), onInput: (e) => this.onKupInput(e) }), h$1("div", { key: '9cdc2b185d39e8433be1a71ff606ef25305ee61a', id: this.rootElement.id + '_card', class: "kup-date-picker-card" }, h$1("kup-card", { key: '3e60a51375f3014510f7278de2a05a29043965ac', ref: (el) => (this.pickerContainerEl = el), data: cardData, layoutFamily: KupCardFamily.BUILT_IN, sizeX: "300px", sizeY: "auto", isMenu: true, "onkup-card-click": (ev) => {
                 if (ev.detail.value != null &&
                     ev.detail.value != '')
                     this.onKupDatePickerItemClick(ev.detail.value);
@@ -28399,6 +28401,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         this.trailingIcon = false;
         this.showMarker = false;
         this.legacyLook = false;
+        this.size = undefined;
     }
     onKupBlur() {
         if (!__classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_isListOpened).call(this)) {
@@ -28644,10 +28647,11 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
                 : false,
             showMarker: this.showMarker,
             legacyLook: this.legacyLook,
+            size: getSizeOfInputElement(this.data, this.displayMode, this.size),
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: '14efed4255d6011e47c4d8ed082a9d3b4bcb7022', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: '40bd6260f4c820d6e7044eb8a06af5be7446ef07' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'b1b1f8c81924bcb1504d2d01c299d696742d8748', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '01cb2f2f1ac521b3f9d20b490950513ccf57d1d6' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
+        return (h$1(Host, { key: '29ee128f42d9dfa84d8cf2aba313e5a3bd47bff8', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1("style", { key: 'd285405d7c331dd8d5b82436c6b64f9be8d44b0b' }, __classPrivateFieldGet$2(this, _KupCombobox_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: '3617dc523f5f54cdc224076d69889253434bad80', id: componentWrapperId, style: __classPrivateFieldGet$2(this, _KupCombobox_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '75aae9e7d37b316ae3fdceb5b017b81aea3d7ce0' }, props, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, trailingIcon: true, icon: this.showDropDownIcon
                 ? KupThemeIconValues.DROPDOWN
                 : null, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupIconClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => this.onKupInput(), onIconClick: () => this.onKupIconClick() }))), __classPrivateFieldGet$2(this, _KupCombobox_instances, "m", _KupCombobox_prepList).call(this)));
     }
@@ -28686,6 +28690,7 @@ const KupCombobox = /*@__PURE__*/ proxyCustomElement(class KupCombobox extends H
         "trailingIcon": [4, "trailing-icon"],
         "showMarker": [4, "show-marker"],
         "legacyLook": [4, "legacy-look"],
+        "size": [2],
         "displayedValue": [32],
         "value": [32],
         "getProps": [64],
@@ -32439,7 +32444,7 @@ var __classPrivateFieldSet = (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 _KupAutocomplete_instances, _KupAutocomplete_elStyle, _KupAutocomplete_listEl, _KupAutocomplete_kupManager, _KupAutocomplete_textfieldWrapper, _KupAutocomplete_textfieldEl, _KupAutocomplete_clickCb, _KupAutocomplete_inputTimeout, _KupAutocomplete_openList, _KupAutocomplete_closeList, _KupAutocomplete_isListOpened, _KupAutocomplete_consistencyCheck, _KupAutocomplete_prepList, _KupAutocomplete_calcSize;
+var _KupAutocomplete_instances, _KupAutocomplete_elStyle, _KupAutocomplete_listEl, _KupAutocomplete_kupManager, _KupAutocomplete_textfieldWrapper, _KupAutocomplete_textfieldEl, _KupAutocomplete_clickCb, _KupAutocomplete_inputTimeout, _KupAutocomplete_openList, _KupAutocomplete_closeList, _KupAutocomplete_isListOpened, _KupAutocomplete_consistencyCheck, _KupAutocomplete_prepList;
 const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete extends H {
     constructor() {
         super();
@@ -32493,6 +32498,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         this.trailingIcon = false;
         this.placeholder = 'Type code or description';
         this.legacyLook = false;
+        this.size = undefined;
     }
     onKupBlur() {
         if (!__classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_isListOpened).call(this)) {
@@ -32759,12 +32765,12 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
                 ? true
                 : false,
             showMarker: this.showMarker,
-            size: __classPrivateFieldGet(this, _KupAutocomplete_instances, "m", _KupAutocomplete_calcSize).call(this),
             legacyLook: this.legacyLook,
+            size: getSizeOfInputElement(this.data, this.displayMode, this.size),
         };
         const fullHeight = this.rootElement.classList.contains('kup-full-height');
         const fullWidth = this.rootElement.classList.contains('kup-full-width');
-        return (h$1(Host, { key: '503d438a5dc7841c9964ff428dd008fc518c9796', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: 'fef588946861ab352eec1a342e686c01c1fad999' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'c99845f0b2764d868f020336eab6f062547a3be2', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '0b19a7941ced93e974018e1e7e0309a51f7c2d68' }, props, { icon: this.showDropDownIcon
+        return (h$1(Host, { key: '424293f46ebd26b4443d43c82523f62758c37fe9', class: `${fullHeight ? 'kup-full-height' : ''} ${fullWidth ? 'kup-full-width' : ''}`, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1("style", { key: '798a3c816503a8ea3cc6f669dd2a70dd1e69082b' }, __classPrivateFieldGet(this, _KupAutocomplete_kupManager, "f").theme.setKupStyle(this.rootElement)), h$1("div", { key: 'f8335d6cd172195a73134f714d9155e6cdb5795a', id: componentWrapperId, style: __classPrivateFieldGet(this, _KupAutocomplete_elStyle, "f") }, h$1(FTextField, Object.assign({ key: '57c73b5c6f3b8cb705b85e4c1908a91ff77d10d4' }, props, { icon: this.showDropDownIcon
                 ? KupThemeIconValues.SEARCH
                 : null, trailingIcon: true }, this.data['kup-text-field'], { disabled: this.disabled, fullHeight: fullHeight, fullWidth: fullWidth, value: this.displayedValue, onBlur: () => this.onKupBlur(), onClick: () => this.onKupClick(), onChange: (e) => this.onKupChange(e.target.value), onFocus: () => this.onKupFocus(), onInput: () => {
                 window.clearTimeout(__classPrivateFieldGet(this, _KupAutocomplete_inputTimeout, "f"));
@@ -32810,6 +32816,7 @@ const KupAutocomplete = /*@__PURE__*/ proxyCustomElement(class KupAutocomplete e
         "trailingIcon": [4, "trailing-icon"],
         "placeholder": [1],
         "legacyLook": [4, "legacy-look"],
+        "size": [2],
         "displayedValue": [32],
         "value": [32],
         "getProps": [64],
@@ -32893,26 +32900,6 @@ _KupAutocomplete_elStyle = new WeakMap(), _KupAutocomplete_listEl = new WeakMap(
     }
 }, _KupAutocomplete_prepList = function _KupAutocomplete_prepList() {
     return (h$1("kup-list", Object.assign({ displayMode: this.listDisplayMode }, this.data['kup-list'], { isMenu: true, "onkup-list-click": (e) => this.onKupItemClick(e), ref: (el) => (__classPrivateFieldSet(this, _KupAutocomplete_listEl, el, "f")) })));
-}, _KupAutocomplete_calcSize = function _KupAutocomplete_calcSize() {
-    var _a, _b;
-    // Explicitly setting size from sub-components props, if present
-    if ((_a = this.data['kup-text-field']) === null || _a === void 0 ? void 0 : _a.size) {
-        return (_b = this.data['kup-text-field']) === null || _b === void 0 ? void 0 : _b.size;
-    }
-    else {
-        switch (this.displayMode) {
-            case ItemsDisplayMode.CODE:
-                return 15;
-            case ItemsDisplayMode.DESCRIPTION:
-                return 35;
-            case ItemsDisplayMode.CODE_AND_DESC:
-            case ItemsDisplayMode.CODE_AND_DESC_ALIAS:
-            case ItemsDisplayMode.DESC_AND_CODE:
-                return 50;
-            default:
-                return 35;
-        }
-    }
 };
 function defineCustomElement() {
     if (typeof customElements === "undefined") {

package/dist/components/{p-c5bbbc76.js → p-742c5782.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host, g as getAssetPath } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, c as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-e383d94a.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-8c56a96c.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, c as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-1d9c2709.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-35dc9602.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/components/{p-fed42ed4.js → p-f99f1104.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-e383d94a.js';
-import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-8c56a96c.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-1d9c2709.js';
+import { c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t } from './p-35dc9602.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};

package/dist/components/{p-3b6c433c.js → p-fe412301.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-ef8cbd35.js';
-import { k as kupManagerInstance, a9 as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, e as KupLanguageGeneric, b as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, ak as KupDragEffect, az as kupDraggableAttr, am as KupDropEventTypes, J as KupLanguageSearch } from './p-e383d94a.js';
-import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, Q as FPaginator } from './p-8c56a96c.js';
+import { k as kupManagerInstance, a9 as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, e as KupLanguageGeneric, b as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, ak as KupDragEffect, aA as kupDraggableAttr, am as KupDropEventTypes, J as KupLanguageSearch } from './p-1d9c2709.js';
+import { H as filterRows, I as paginateRows, E as sortRows, J as pageChange, L as rowsPerPageChange, F as FImage, N as FCell, O as FChip, P as FTextFieldMDC, c as componentWrapperId, d as defineCustomElement$1, a as defineCustomElement$2, b as defineCustomElement$3, e as defineCustomElement$4, f as defineCustomElement$5, g as defineCustomElement$6, h as defineCustomElement$7, i as defineCustomElement$8, j as defineCustomElement$9, k as defineCustomElement$a, l as defineCustomElement$b, m as defineCustomElement$c, n as defineCustomElement$d, o as defineCustomElement$e, p as defineCustomElement$f, q as defineCustomElement$g, r as defineCustomElement$h, s as defineCustomElement$i, t as defineCustomElement$j, u as defineCustomElement$k, v as defineCustomElement$l, w as defineCustomElement$m, x as defineCustomElement$n, y as defineCustomElement$o, z as defineCustomElement$p, A as defineCustomElement$q, B as defineCustomElement$r, C as defineCustomElement$s, D as defineCustomElement$t, Q as FPaginator } from './p-35dc9602.js';
 
 /**
  * Props of the kup-box component.

package/dist/esm/{f-cell-a8886d5a.js → f-cell-4d613861.js}

@@ -1,11 +1,11 @@
 import { h, F as Fragment } from './index-9b0f4a0d.js';
-import { ap as editableTypes, aq as kupTypes, R as FCellClasses, ac as FCellTypes, d as KupThemeColorValues, an as CHIAdapter, al as RADAdapter, ak as CMBandACPAdapter, ar as KupTagNames, F as FCellShapes, ah as getCellValueForDisplay, a as KupComponentSizing, as as fullWidthFieldsComps, I as ItemsDisplayMode, at as autoCenterComps, au as adaptContentToDisplayMode, av as FCellEvents, aw as isForceUppercase, ax as isForceLowercase, e as KupDebugCategory } from './kup-manager-b5ad3d51.js';
+import { aq as editableTypes, ar as kupTypes, U as FCellClasses, ad as FCellTypes, e as KupThemeColorValues, ao as CHIAdapter, am as RADAdapter, al as CMBandACPAdapter, as as KupTagNames, F as FCellShapes, ai as getCellValueForDisplay, a as KupComponentSizing, at as fullWidthFieldsComps, I as ItemsDisplayMode, au as autoCenterComps, av as adaptContentToDisplayMode, aw as FCellEvents, ax as isForceUppercase, ay as isForceLowercase, f as KupDebugCategory } from './kup-manager-c8030cd9.js';
 import { F as FButton } from './f-button-3c8f4506.js';
 import { F as FCheckbox } from './f-checkbox-5cdd1cad.js';
-import { F as FChipType, d as FChip } from './f-chip-b86587e4.js';
+import { F as FChipType, d as FChip } from './f-chip-09db06c5.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { F as FObjectField } from './f-object-field-89aa608e.js';
-import { F as FTextField } from './f-text-field-f6a5fdf9.js';
+import { F as FObjectField } from './f-object-field-b4580cc1.js';
+import { F as FTextField } from './f-text-field-9680ab00.js';
 
 var FRadioType;
 (function (FRadioType) {

package/dist/esm/{f-chip-b86587e4.js → f-chip-09db06c5.js}

@@ -1,6 +1,6 @@
 import { h } from './index-9b0f4a0d.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
-import { I as ItemsDisplayMode, b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-b5ad3d51.js';
+import { I as ItemsDisplayMode, c as KupThemeIconValues, i as KupLanguageGeneric } from './kup-manager-c8030cd9.js';
 
 function getIdOfItemByDisplayMode(item, mode, separator) {
     const { id, value } = item;

package/dist/esm/{f-object-field-89aa608e.js → f-object-field-b4580cc1.js}

@@ -1,8 +1,8 @@
 import { h } from './index-9b0f4a0d.js';
-import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-b5ad3d51.js';
+import { a as KupComponentSizing, k as kupManagerInstance, d as KupDynamicPositionPlacement } from './kup-manager-c8030cd9.js';
 import { F as FButton } from './f-button-3c8f4506.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-f6a5fdf9.js';
+import { F as FTextField } from './f-text-field-9680ab00.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-933f4988.js → f-paginator-utils-77038e53.js}

@@ -1,5 +1,5 @@
 import { h } from './index-9b0f4a0d.js';
-import { I as ItemsDisplayMode, ay as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-b5ad3d51.js';
+import { I as ItemsDisplayMode, az as KupLanguagePage, t as KupLanguageRow, a as KupComponentSizing, i as KupLanguageGeneric } from './kup-manager-c8030cd9.js';
 import { F as FButton } from './f-button-3c8f4506.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 

package/dist/esm/{f-text-field-f6a5fdf9.js → f-text-field-9680ab00.js}

@@ -1,5 +1,5 @@
 import { h, g as getAssetPath } from './index-9b0f4a0d.js';
-import { b as KupThemeIconValues } from './kup-manager-b5ad3d51.js';
+import { c as KupThemeIconValues } from './kup-manager-c8030cd9.js';
 import { F as FImage } from './f-image-a2ecd7c3.js';
 
 const dom = document.documentElement;

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-b5ad3d51.js';
+import { K as KupManager } from './kup-manager-c8030cd9.js';
 import './kup-dates-da19044e.js';
 import './index-9b0f4a0d.js';