@sme.up/ketchup 11.0.0-SNAPSHOT-20250224081053 → 11.0.0-SNAPSHOT-20250224140011

package/dist/components/{p-b53352c2.js → p-44cbe2fa.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, 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 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-5e1c7ef8.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, 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 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-32e825d1.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';
 
@@ -4957,7 +4957,9 @@ const FRadio = (props) => {
             [`radio--${props.type}`]: props.type ? true : false,
         };
         radioList.push(h("div", { class: `form-field 
-                  ${props.leadingLabel ? ' form-field--align-end' : ''} ${props.disabled ? 'radio--disabled' : ''}` },
+                  ${props.leadingLabel ? ' form-field--align-end' : ''} ${props.disabled ? 'radio--disabled' : ''} ${radioType === FRadioType.CHEVRON ? 'form--chevron' : ''}`, onClick: props.onChange
+                ? props.onChange.bind(props.onChange, i)
+                : null },
             h("div", { class: classObj },
                 radioType === FRadioType.RADIO ? (h("input", { class: "radio__native-control", type: "radio", name: "radio-element", value: data.value, checked: data.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange
                         ? props.onChange.bind(props.onChange, i)
@@ -4967,9 +4969,11 @@ const FRadio = (props) => {
                 radioType === FRadioType.RADIO && (h("div", { class: "radio__background" },
                     h("div", { class: "radio__outer-circle" }),
                     h("div", { class: "radio__inner-circle" })))),
-            h("label", { htmlFor: 'radio-element', onClick: props.onChange
+            h("div", { class: "label-wrapper", onClick: props.onChange
                     ? props.onChange.bind(props.onChange, i)
-                    : null }, data.label ? data.label : '')));
+                    : null },
+                radioType === FRadioType.CHEVRON && (h(FImage, { resource: data.icon, sizeX: "14px", sizeY: "14px" })),
+                h("label", { htmlFor: 'radio-element' }, data.label ? data.label : ''))));
     }
     const styleObj = {
         '--kup_radio_columns': hasColumns
@@ -15954,7 +15958,7 @@ function defineCustomElement$s() {
     } });
 }
 
-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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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 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:var(--kup-label-01-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:var(--kup-heading-compact-01-font-size, 14px);line-height:18px;font-weight:600;letter-spacing:0.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:var(--kup-heading-01-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;min-width:175px;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;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}.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)}";
 const KupToolbarStyle0 = kupToolbarCss;
 
 var __classPrivateFieldGet$9 = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -17757,11 +17761,14 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
         this.kupBlur = createEvent(this, "kup-tabbar-blur", 6);
         this.kupClick = createEvent(this, "kup-tabbar-click", 6);
         this.kupIconClick = createEvent(this, "kup-tabbar-iconclick", 6);
+        this.kupInfoIconClick = createEvent(this, "kup-tabbar-infoiconclick", 6);
         this.kupFocus = createEvent(this, "kup-tabbar-focus", 6);
         this.kupItemClick = createEvent(this, "kup-tabbar-itemclick", 6);
         /*-------------------------------------------------*/
         /*       I n t e r n a l   V a r i a b l e s       */
         /*-------------------------------------------------*/
+        this.toolbarState = [];
+        this.infoState = [];
         /**
          * Instance of the KupManager class.
          */
@@ -17775,11 +17782,13 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
         this.value = '';
         this.customStyle = '';
         this.data = null;
+        this.infoIcon = false;
         this.variant = KupTabbarStyling.FLAT;
         this.dense = false;
         this.ripple = false;
         this.toolbar = false;
-        this.toolbarData = undefined;
+        this.toolbarCallback = undefined;
+        this.infoCallback = undefined;
     }
     onKupBlur(i, node) {
         this.kupBlur.emit({
@@ -17802,16 +17811,22 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
             node: node,
         });
     }
-    onKupIconClick(i, node, el) {
+    onKupIconClick(el) {
+        if (!el) {
+            this.kupManager.debug.logMessage(this, 'onKupIconClick: Element is null');
+            return;
+        }
         __classPrivateFieldSet$5(this, _KupTabBar_dropDownActionCardAnchor, el, "f");
-        this.kupIconClick.emit({
-            comp: this,
-            id: this.rootElement.id,
-            index: i,
-            node: node,
-        });
         this.createDropDownToolbarList();
     }
+    onKupInfoIconClick(el) {
+        if (!el) {
+            this.kupManager.debug.logMessage(this, 'onKupIconClick: Element is null');
+            return;
+        }
+        __classPrivateFieldSet$5(this, _KupTabBar_dropDownActionCardAnchor, el, "f");
+        this.createDropDownInfoList();
+    }
     onKupFocus(i, node) {
         this.kupFocus.emit({
             comp: this,
@@ -17887,15 +17902,27 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
             this.kupManager.dynamicPosition.stop(this.toolbarList);
             this.kupManager.removeClickCallback(__classPrivateFieldGet$7(this, _KupTabBar_clickCbDropCard, "f"));
             this.toolbarList.remove();
+            this.kupManager.dynamicPosition.unregister([this.toolbarList]);
             this.toolbarList = null;
         }
     }
+    /**
+     * Create dropdown list for toolbar
+     */
     createDropDownToolbarList() {
+        if (!__classPrivateFieldGet$7(this, _KupTabBar_dropDownActionCardAnchor, "f")) {
+            this.kupManager.debug.logMessage(this, 'createDropDownToolbarList: Anchor is null!');
+            return;
+        }
         if (this.toolbarList) {
             this.closeRowToolbarList();
         }
+        if (this.toolbarState.length === 0) {
+            this.kupManager.debug.logMessage(this, 'No toolbar state available.');
+            return;
+        }
         const listEl = document.createElement('kup-toolbar');
-        listEl.data = this.toolbarData;
+        listEl.data = this.toolbarState;
         listEl.addEventListener('kup-toolbar-click', (e) => {
             this.onKupToolbarItemClick(e);
             setTimeout(() => {
@@ -17912,10 +17939,57 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
         this.kupManager.addClickCallback(__classPrivateFieldGet$7(this, _KupTabBar_clickCbDropCard, "f"), true);
         this.rootElement.shadowRoot.appendChild(this.toolbarList);
         requestAnimationFrame(() => {
+            if (!__classPrivateFieldGet$7(this, _KupTabBar_dropDownActionCardAnchor, "f")) {
+                this.kupManager.debug.logMessage(this, 'DropDown anchor is still null after delay!');
+                return;
+            }
             this.kupManager.dynamicPosition.register(this.toolbarList, __classPrivateFieldGet$7(this, _KupTabBar_dropDownActionCardAnchor, "f"), 0, KupDynamicPositionPlacement.AUTO, true);
             this.kupManager.dynamicPosition.start(this.toolbarList);
         });
     }
+    /**
+     * Create dropdown list for tab info icon
+     */
+    createDropDownInfoList() {
+        if (!__classPrivateFieldGet$7(this, _KupTabBar_dropDownActionCardAnchor, "f")) {
+            this.kupManager.debug.logMessage(this, 'createDropDownToolbarList: Anchor is null!');
+            return;
+        }
+        if (this.infoList) {
+            this.closeInfoDataList();
+        }
+        if (this.infoState.length === 0) {
+            this.kupManager.debug.logMessage(this, 'No toolbar state available.');
+            return;
+        }
+        const listEl = document.createElement('kup-list');
+        listEl.data = this.infoState;
+        this.infoList = listEl;
+        __classPrivateFieldSet$5(this, _KupTabBar_clickCbDropCard, {
+            cb: () => {
+                this.closeInfoDataList();
+            },
+            el: this.infoList,
+        }, "f");
+        this.kupManager.addClickCallback(__classPrivateFieldGet$7(this, _KupTabBar_clickCbDropCard, "f"), true);
+        this.rootElement.shadowRoot.appendChild(this.infoList);
+        requestAnimationFrame(() => {
+            this.kupManager.dynamicPosition.register(this.infoList, __classPrivateFieldGet$7(this, _KupTabBar_dropDownActionCardAnchor, "f"), 0, KupDynamicPositionPlacement.AUTO, true);
+            this.kupManager.dynamicPosition.start(this.infoList);
+        });
+    }
+    /**
+     * Destroy dropdown list for tab info icon
+     */
+    closeInfoDataList() {
+        if (this.infoList) {
+            this.kupManager.dynamicPosition.stop(this.infoList);
+            this.kupManager.removeClickCallback(__classPrivateFieldGet$7(this, _KupTabBar_clickCbDropCard, "f"));
+            this.infoList.remove();
+            this.kupManager.dynamicPosition.unregister([this.infoList]);
+            this.infoList = null;
+        }
+    }
     consistencyCheck() {
         let activeTabs = 0;
         let lastActiveOccurrence = 0;
@@ -17976,10 +18050,29 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
                 'kup-dense': this.dense,
                 'kup-danger': node.danger,
             };
-            const tabEl = (h$1("f-button", { class: tabClass, role: "tab", "aria-selected": this.data[i].active ? true : false, tabIndex: i, title: node.title ? node.title : null, onBlur: () => this.onKupBlur(i, node), onClick: () => this.onKupClick(i, node), onFocus: () => this.onKupFocus(i, node) }, h$1("span", { class: "tab__content" }, node.icon ? (h$1(FImage, { color: `var(${KupThemeColorValues.PRIMARY})`, resource: node.icon, placeholderResource: node.placeholderIcon, wrapperClass: "tab__icon" })) : null, node.value ? (h$1("span", { class: "tab__text-label" }, this.data[i].value)) : null), this.toolbar && (h$1(FImage, { resource: "more_vert", sizeX: "16px", sizeY: "16px", onClick: (event) => {
+            const tabEl = (h$1("f-button", { class: tabClass, role: "tab", "aria-selected": this.data[i].active ? true : false, tabIndex: i, title: node.title ? node.title : null, onBlur: () => this.onKupBlur(i, node), onClick: () => this.onKupClick(i, node), onFocus: () => this.onKupFocus(i, node) }, h$1("span", { class: "tab__content" }, node.icon ? (h$1(FImage, { color: `var(${KupThemeColorValues.PRIMARY})`, resource: node.icon, placeholderResource: node.placeholderIcon, wrapperClass: "tab__icon" })) : null, node.value ? (h$1("span", { class: "tab__text-label" }, this.data[i].value)) : null), this.infoIcon && (h$1(FImage, { resource: "info_outline", sizeX: "16px", sizeY: "16px", onClick: async (event) => {
+                    event.stopPropagation();
+                    const el = event.currentTarget;
+                    const data = await this.infoCallback();
+                    this.infoState = data;
+                    if (this.infoState.length > 0) {
+                        this.onKupInfoIconClick(el);
+                    }
+                    else {
+                        this.kupManager.debug.logMessage(this, 'InfoIcon data is empty, not opening dropdown.');
+                    }
+                }, wrapperClass: "tab__iconToolbar iconInfo" })), this.toolbar && (h$1(FImage, { resource: "more_vert", sizeX: "16px", sizeY: "16px", onClick: async (event) => {
                     event.stopPropagation();
-                    this.onKupIconClick(i, node, event.currentTarget);
-                }, wrapperClass: "tab__iconToolbar" })), h$1("span", { class: `tab-indicator ${node.active ? ' tab-indicator--active' : ''}` }, h$1("span", { class: "tab-indicator__content tab-indicator__content--underline" }))));
+                    const el = event.currentTarget;
+                    const data = await this.toolbarCallback();
+                    this.toolbarState = data;
+                    if (this.toolbarState.length > 0) {
+                        this.onKupIconClick(el);
+                    }
+                    else {
+                        this.kupManager.debug.logMessage(this, 'Toolbar data is empty, not opening dropdown.');
+                    }
+                }, wrapperClass: "tab__iconToolbar iconToolbar" })), h$1("span", { class: `tab-indicator ${node.active ? ' tab-indicator--active' : ''}` }, h$1("span", { class: "tab-indicator__content tab-indicator__content--underline" }))));
             tabBar.push(tabEl);
         }
         const tabbarRole = {
@@ -17992,6 +18085,12 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
     disconnectedCallback() {
         this.kupManager.scrollOnHover.unregister(this.scrollArea);
         this.kupManager.theme.unregister(this);
+        if (this.toolbarList) {
+            this.kupManager.dynamicPosition.unregister([this.toolbarList]);
+        }
+        if (this.infoList) {
+            this.kupManager.dynamicPosition.unregister([this.infoList]);
+        }
     }
     get rootElement() { return this; }
     static get watchers() { return {
@@ -18001,11 +18100,13 @@ const KupTabBar = /*@__PURE__*/ proxyCustomElement(class KupTabBar extends H {
 }, [1, "kup-tab-bar", {
         "customStyle": [1, "custom-style"],
         "data": [16],
+        "infoIcon": [4, "info-icon"],
         "variant": [1],
         "dense": [4],
         "ripple": [4],
         "toolbar": [4],
-        "toolbarData": [16],
+        "toolbarCallback": [16],
+        "infoCallback": [16],
         "value": [32],
         "getProps": [64],
         "getSelectedNode": [64],
@@ -30397,7 +30498,7 @@ const KupCard = /*@__PURE__*/ proxyCustomElement(class KupCard extends H {
         if (root) {
             const card = this.rootElement;
             const dragHandle = root.querySelector('#' + KupCardIds.DRAG_HANDLE);
-            const isResizable = !!!root.querySelector('.' + KupCardCSSClasses.DIALOG_UNRESIZABLE);
+            const isResizable = !card.classList.contains(KupCardCSSClasses.DIALOG_UNRESIZABLE);
             if (!this.kupManager.interact.isRegistered(card)) {
                 this.kupManager.interact.dialogify(card, dragHandle ? dragHandle : null, {
                     isResizable: isResizable,

package/dist/components/{p-92885e0c.js → p-52d74af0.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './p-5e1c7ef8.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-b53352c2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps } from './p-32e825d1.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-44cbe2fa.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './p-5882e117.js';
 
 var toastuiEditor = {exports: {}};

package/dist/components/{p-118aa9fc.js → p-94e6cac6.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, ad as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, aj as KupDragEffect, ax as kupDraggableAttr, al as KupDropEventTypes, J as KupLanguageSearch } from './p-5e1c7ef8.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-b53352c2.js';
+import { k as kupManagerInstance, ad as identify, g as getProps, s as setProps, Y as SortMode, L as getColumnByName, d as KupLanguageGeneric, c as KupThemeIconValues, u as KupDebugCategory, a7 as KupPointerEventTypes, aj as KupDragEffect, ax as kupDraggableAttr, al as KupDropEventTypes, J as KupLanguageSearch } from './p-32e825d1.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-44cbe2fa.js';
 
 /**
  * Props of the kup-box component.

package/dist/components/{p-ff68c33a.js → p-9d7a7c0c.js}

@@ -1,6 +1,6 @@
 import { p as proxyCustomElement, H, f as forceUpdate, h, d as Host } from './p-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-5e1c7ef8.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-b53352c2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, u as KupDebugCategory } from './p-32e825d1.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-44cbe2fa.js';
 
 /**
  * Props of the kup-grid component.

package/dist/components/{p-cb94bb7e.js → p-e88b69ec.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-2e5f2e07.js';
-import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-5e1c7ef8.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-b53352c2.js';
+import { k as kupManagerInstance, g as getProps, s as setProps, b as KupThemeColorValues, u as KupDebugCategory, L as getColumnByName, D as KupDataNewColumnTypes } from './p-32e825d1.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-44cbe2fa.js';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.

package/dist/esm/{f-cell-a29edd09.js → f-cell-5f2f74c5.js}

@@ -1,11 +1,11 @@
 import { h, g as getAssetPath, F as Fragment } from './index-c9246a86.js';
-import { an as editableTypes, ao as kupTypes, Q as FCellClasses, aa as FCellTypes, d as KupThemeColorValues, al as CHIAdapter, aj as RADAdapter, ai as CMBandACPAdapter, ap as KupTagNames, F as FCellShapes, af as getCellValueForDisplay, a as KupComponentSizing, aq as fullWidthFieldsComps, I as ItemsDisplayMode, ar as autoCenterComps, as as adaptContentToDisplayMode, at as FCellEvents, au as isForceUppercase, av as isForceLowercase, e as KupDebugCategory } from './kup-manager-d79d88c3.js';
+import { an as editableTypes, ao as kupTypes, Q as FCellClasses, aa as FCellTypes, d as KupThemeColorValues, al as CHIAdapter, aj as RADAdapter, ai as CMBandACPAdapter, ap as KupTagNames, F as FCellShapes, af as getCellValueForDisplay, a as KupComponentSizing, aq as fullWidthFieldsComps, I as ItemsDisplayMode, ar as autoCenterComps, as as adaptContentToDisplayMode, at as FCellEvents, au as isForceUppercase, av as isForceLowercase, e as KupDebugCategory } from './kup-manager-909a5372.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { F as FCheckbox } from './f-checkbox-da4d8229.js';
-import { F as FChipType, c as FChip } from './f-chip-2aa77517.js';
+import { F as FChipType, c as FChip } from './f-chip-b7c5cd17.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { F as FObjectField } from './f-object-field-8c26a9db.js';
-import { F as FTextField } from './f-text-field-f89f1b7d.js';
+import { F as FObjectField } from './f-object-field-31371da2.js';
+import { F as FTextField } from './f-text-field-48d66e25.js';
 
 /*-------------------------------------------------*/
 /*                C o m p o n e n t                */
@@ -129,7 +129,9 @@ const FRadio = (props) => {
             [`radio--${props.type}`]: props.type ? true : false,
         };
         radioList.push(h("div", { class: `form-field 
-                  ${props.leadingLabel ? ' form-field--align-end' : ''} ${props.disabled ? 'radio--disabled' : ''}` },
+                  ${props.leadingLabel ? ' form-field--align-end' : ''} ${props.disabled ? 'radio--disabled' : ''} ${radioType === FRadioType.CHEVRON ? 'form--chevron' : ''}`, onClick: props.onChange
+                ? props.onChange.bind(props.onChange, i)
+                : null },
             h("div", { class: classObj },
                 radioType === FRadioType.RADIO ? (h("input", { class: "radio__native-control", type: "radio", name: "radio-element", value: data.value, checked: data.checked, disabled: props.disabled, onBlur: props.onBlur, onChange: props.onChange
                         ? props.onChange.bind(props.onChange, i)
@@ -139,9 +141,11 @@ const FRadio = (props) => {
                 radioType === FRadioType.RADIO && (h("div", { class: "radio__background" },
                     h("div", { class: "radio__outer-circle" }),
                     h("div", { class: "radio__inner-circle" })))),
-            h("label", { htmlFor: 'radio-element', onClick: props.onChange
+            h("div", { class: "label-wrapper", onClick: props.onChange
                     ? props.onChange.bind(props.onChange, i)
-                    : null }, data.label ? data.label : '')));
+                    : null },
+                radioType === FRadioType.CHEVRON && (h(FImage, { resource: data.icon, sizeX: "14px", sizeY: "14px" })),
+                h("label", { htmlFor: 'radio-element' }, data.label ? data.label : ''))));
     }
     const styleObj = {
         '--kup_radio_columns': hasColumns

package/dist/esm/{f-chip-2aa77517.js → f-chip-b7c5cd17.js}

@@ -1,6 +1,6 @@
 import { h } from './index-c9246a86.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
-import { b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-d79d88c3.js';
+import { b as KupThemeIconValues, h as KupLanguageGeneric } from './kup-manager-909a5372.js';
 
 /**
  * Types of the f-chip component.

package/dist/esm/{f-object-field-8c26a9db.js → f-object-field-31371da2.js}

@@ -1,8 +1,8 @@
 import { h } from './index-c9246a86.js';
-import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-d79d88c3.js';
+import { a as KupComponentSizing, k as kupManagerInstance, c as KupDynamicPositionPlacement } from './kup-manager-909a5372.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
-import { F as FTextField } from './f-text-field-f89f1b7d.js';
+import { F as FTextField } from './f-text-field-48d66e25.js';
 
 const STATE = new WeakMap();
 const FObjectField = (props) => {

package/dist/esm/{f-paginator-utils-b7da730d.js → f-paginator-utils-0055c484.js}

@@ -1,5 +1,5 @@
 import { h } from './index-c9246a86.js';
-import { I as ItemsDisplayMode, aw as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-d79d88c3.js';
+import { I as ItemsDisplayMode, aw as KupLanguagePage, r as KupLanguageRow, a as KupComponentSizing, h as KupLanguageGeneric } from './kup-manager-909a5372.js';
 import { F as FButton } from './f-button-f1040575.js';
 import { a as FButtonStyling } from './f-button-declarations-6c8f8abe.js';
 

package/dist/esm/{f-text-field-f89f1b7d.js → f-text-field-48d66e25.js}

@@ -1,5 +1,5 @@
 import { h, g as getAssetPath } from './index-c9246a86.js';
-import { b as KupThemeIconValues } from './kup-manager-d79d88c3.js';
+import { b as KupThemeIconValues } from './kup-manager-909a5372.js';
 import { F as FImage } from './f-image-9b15e9ac.js';
 
 const dom = document.documentElement;

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-import { K as KupManager } from './kup-manager-d79d88c3.js';
+import { K as KupManager } from './kup-manager-909a5372.js';
 import './kup-dates-da19044e.js';
 import './index-c9246a86.js';