@sme.up/ketchup 9.6.6 → 9.6.7

package/dist/cjs/kup-cell.cjs.entry.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fCell = require('./f-cell-abe47ff4.js');
+const fCell = require('./f-cell-192e5b87.js');
 require('./kup-dates-e22ee32c.js');
 require('./f-checkbox-e19055aa.js');
-require('./f-text-field-4cacd928.js');
-require('./f-image-b22e12c9.js');
-require('./f-chip-d98809f9.js');
-require('./f-button-7de4ca64.js');
+require('./f-text-field-1efcecb6.js');
+require('./f-image-98e4e61d.js');
+require('./f-chip-be2dddb4.js');
+require('./f-button-3cc5c9ba.js');
 require('./f-button-declarations-51ef6d9a.js');
 
 /**

package/dist/cjs/kup-dashboard.cjs.entry.js

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const fButton = require('./f-button-7de4ca64.js');
+const fButton = require('./f-button-3cc5c9ba.js');
 const fCheckbox = require('./f-checkbox-e19055aa.js');
-const fTextField = require('./f-text-field-4cacd928.js');
+const fTextField = require('./f-text-field-1efcecb6.js');
 const fTextFieldMdc = require('./f-text-field-mdc-08a06162.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-51ef6d9a.js');
-require('./f-image-b22e12c9.js');
+require('./f-image-98e4e61d.js');
 require('./component-cb3b32f5.js');
 require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/kup-drawer.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/kup-echart.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/kup-editor.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-e22ee32c.js');
 
@@ -39125,6 +39125,7 @@ var KupEditorProps;
     KupEditorProps["initialEditType"] = "Initializes editor with the specified editor type. Suported values: \"markdown\", \"wysiwyg\".";
     KupEditorProps["initialValue"] = "Initializes editor with the specified string.";
     KupEditorProps["isReadOnly"] = "Defaults at false. When set, When set, the editor\u2019s content can\u2019t be changed..";
+    KupEditorProps["selectedTab"] = "Sets the markdown editor with the specified tab. Supported values: \"preview\", \"write\".";
     KupEditorProps["previewStyle"] = "Initializes editor with the specified preview type. Suported values: \"tab\", \"vertical\".";
     KupEditorProps["showSaveButton"] = "When set, a save button shown in the editor\u2019s toolbar.";
     KupEditorProps["showToolbar"] = "When set to false, the toolbar will not be shown.";
@@ -45923,6 +45924,7 @@ const KupEditor = class {
         this.initialValue = '';
         this.isReadOnly = false;
         this.previewStyle = 'vertical';
+        this.selectedTab = 'write';
         this.showSaveButton = true;
         this.showToolbar = true;
     }
@@ -45943,7 +45945,14 @@ const KupEditor = class {
         if (this.editor) {
             // to give focus to editor
             setTimeout(() => {
-                this.editor && this.editor.moveCursorToStart();
+                if (this.editor) {
+                    this.editor.moveCursorToStart();
+                    if (this.initialEditType === 'markdown' &&
+                        this.previewStyle === 'tab' &&
+                        this.selectedTab === 'preview') {
+                        this.updateMarkDownPreviewTab();
+                    }
+                }
             }, 100);
         }
     }
@@ -45982,6 +45991,13 @@ const KupEditor = class {
         }
         this.updateToolbarVisiblity();
     }
+    onMarkdownPreviewTabChanged() {
+        if ((this.initialEditType != 'markdown' &&
+            this.previewStyle != 'tab') ||
+            !this.editor)
+            return;
+        this.updateMarkDownPreviewTab();
+    }
     onShowSaveButtonChanged() {
         if (this.editor) {
             const toolbar = this.editor.getUI().getToolbar();
@@ -46163,6 +46179,15 @@ const KupEditor = class {
     onEditorAutoSave() {
         this.kupAutoSave.emit(this.getSaveAndAutoSaveProps());
     }
+    updateMarkDownPreviewTab() {
+        const tabSection = this.rootElement.querySelector('.te-markdown-tab-section');
+        if (!tabSection)
+            return;
+        this.selectedTab === 'preview' &&
+            tabSection.querySelector('button:last-child').click();
+        this.selectedTab === 'write' &&
+            tabSection.querySelector('button').click();
+    }
     getToolBarWithSaveButton(includeDefaultItems = true) {
         const options = {
             toolbarItems: [
@@ -46237,7 +46262,7 @@ const KupEditor = class {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").debug.logRender(this, true);
     }
     render() {
-        return (index.h(index.Host, { key: '3f805266152bcfa247db425e76489a602ba8195e' }, index.h("div", { key: '6393c5d731d432d926a755573e1087dfa453465b', id: GenericVariables.componentWrapperId }, index.h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
+        return (index.h(index.Host, { key: 'f414260cec0a8190bdd9f5958d7eef3199866068' }, index.h("div", { key: '285a3de0a62a09bac44d88a949f33d415ca433b6', id: GenericVariables.componentWrapperId }, index.h("div", { key: this.rootElement.id, ref: (el) => (this.editorRef = el), class: "kup-editor" }))));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupEditor_kupManager, "f").theme.unregister(this);
@@ -46250,6 +46275,7 @@ const KupEditor = class {
         "initialEditType": ["onInitialEditTypeChanged"],
         "isReadOnly": ["onIsReadOnlyChanged"],
         "previewStyle": ["onPreviewStyleChanged"],
+        "selectedTab": ["onMarkdownPreviewTabChanged"],
         "showSaveButton": ["onShowSaveButtonChanged"],
         "showToolbar": ["onShowToolBarChanged"],
         "autosaveTimer": ["onAutosaveTimerChanged"]

package/dist/cjs/kup-family-tree.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const fButton = require('./f-button-7de4ca64.js');
+const fButton = require('./f-button-3cc5c9ba.js');
 const fButtonDeclarations = require('./f-button-declarations-51ef6d9a.js');
-const fImage = require('./f-image-b22e12c9.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const fImage = require('./f-image-98e4e61d.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/kup-grid.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/kup-iframe.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 require('./kup-dates-e22ee32c.js');
 
 /**

package/dist/cjs/kup-image-list.cjs.entry.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fImage = require('./f-image-b22e12c9.js');
-const fButton = require('./f-button-7de4ca64.js');
+const fImage = require('./f-image-98e4e61d.js');
+const fButton = require('./f-button-3cc5c9ba.js');
 const fButtonDeclarations = require('./f-button-declarations-51ef6d9a.js');
-const fCell = require('./f-cell-abe47ff4.js');
+const fCell = require('./f-cell-192e5b87.js');
 const component = require('./component-cb3b32f5.js');
 require('./kup-dates-e22ee32c.js');
 require('./f-checkbox-e19055aa.js');
-require('./f-text-field-4cacd928.js');
-require('./f-chip-d98809f9.js');
+require('./f-text-field-1efcecb6.js');
+require('./f-chip-be2dddb4.js');
 
 /**
  * Props of the kup-image-list component.

package/dist/cjs/kup-input-panel.cjs.entry.js

@@ -3,16 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const fButton = require('./f-button-7de4ca64.js');
-const fCell = require('./f-cell-abe47ff4.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const fButton = require('./f-button-3cc5c9ba.js');
+const fCell = require('./f-cell-192e5b87.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const fTextFieldMdc = require('./f-text-field-mdc-08a06162.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./f-button-declarations-51ef6d9a.js');
-require('./f-image-b22e12c9.js');
+require('./f-image-98e4e61d.js');
 require('./f-checkbox-e19055aa.js');
-require('./f-text-field-4cacd928.js');
-require('./f-chip-d98809f9.js');
+require('./f-text-field-1efcecb6.js');
+require('./f-chip-be2dddb4.js');
 require('./kup-dates-e22ee32c.js');
 require('./component-cb3b32f5.js');
 
@@ -25,7 +25,7 @@ var KupInputPanelProps;
     KupInputPanelProps["optionsHandler"] = "Sets the callback function to recieve options";
 })(KupInputPanelProps || (KupInputPanelProps = {}));
 
-const kupInputPanelCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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_input_panel_background_color:var(--kup-input-panel-background-color,\n      var(--kup-background-color));--kup_input_panel_color:var(--kup-input-panel-color, var(--kup-text-color));--kup_input_panel_font_family:var(--kup-input-panel-font-family, var(--kup-font-family));--kup_input_panel_font_size:var(--kup-input-panel-font-size, var(--kup-font-size));--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative}:host .input-panel--column{flex-direction:column}:host .input-panel__section{display:grid}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}";
+const kupInputPanelCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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_input_panel_background_color:var(--kup-input-panel-background-color,\n      var(--kup-background-color));--kup_input_panel_color:var(--kup-input-panel-color, var(--kup-text-color));--kup_input_panel_font_family:var(--kup-input-panel-font-family, var(--kup-font-family));--kup_input_panel_font_size:var(--kup-input-panel-font-size, var(--kup-font-size));--kup_input_panel_label_alignment:var(--kup-input-panel-label-alignment);--kup_input_panel_label_width:var(--kup-input-panel-label-width);--kup_input_panel_padding:var(--kup-input-panel-padding, 1em 0)}:host .input-panel{background:var(--kup_input_panel_background_color);color:var(--kup_input_panel_color);display:flex;flex-grow:1;overflow:auto;padding:var(--kup_input_panel_padding);position:relative;gap:2rem}:host .input-panel--column{flex-direction:column}:host .input-panel__section{display:grid}:host .input-panel__section .f-cell__content>*{width:100%}:host .input-panel__horizontal-section{display:inline-grid}:host .input-panel .f-cell .f-checkbox .checkbox .checkbox__native-control{height:40px;width:40px}:host .input-panel__label_container{display:flex;flex-direction:column;justify-content:center}:host .input-panel__label_container>.f-cell{flex:1}";
 const KupInputPanelStyle0 = kupInputPanelCss;
 
 var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
@@ -44,7 +44,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 _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_renderSection, _KupInputPanel_renderField, _KupInputPanel_mapCells, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_tableOptionsAdapter;
+var _KupInputPanel_instances, _KupInputPanel_kupManager, _KupInputPanel_optionsAdapterMap, _KupInputPanel_originalData, _KupInputPanel_eventNames, _KupInputPanel_listeners, _KupInputPanel_renderRow, _KupInputPanel_renderCell, _KupInputPanel_getLabelComponent, _KupInputPanel_renderSection, _KupInputPanel_renderField, _KupInputPanel_mapCells, _KupInputPanel_reverseMapCells, _KupInputPanel_mapData, _KupInputPanel_slotData, _KupInputPanel_CHIAdapter, _KupInputPanel_GRAAdapter, _KupInputPanel_BTNAdapter, _KupInputPanel_CMBandACPAdapter, _KupInputPanel_CHKAdapter, _KupInputPanel_CLPAdapter, _KupInputPanel_ITXAdapter, _KupInputPanel_RADAdapter, _KupInputPanel_optionsTreeComboAdapter, _KupInputPanel_treeOptionsNodeAdapter, _KupInputPanel_tableOptionsAdapter, _KupInputPanel_getAutocompleteEventCallback;
 const dom = document.documentElement;
 const KupInputPanel = class {
     constructor(hostRef) {
@@ -62,6 +62,14 @@ const KupInputPanel = class {
             ['SmeupTable', __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_tableOptionsAdapter).bind(this)],
         ]));
         _KupInputPanel_originalData.set(this, null);
+        _KupInputPanel_eventNames.set(this, new Map([
+            [
+                kupManager.FCellTypes.AUTOCOMPLETE,
+                ['kup-autocomplete-input', 'kup-autocomplete-iconclick'],
+            ],
+            [kupManager.FCellTypes.COMBOBOX, ['kup-combobox-iconclick']],
+        ]));
+        _KupInputPanel_listeners.set(this, []);
         this.customStyle = '';
         this.data = null;
         this.hiddenSubmitButton = false;
@@ -75,8 +83,12 @@ const KupInputPanel = class {
     /*                  W a t c h e r s                */
     /*-------------------------------------------------*/
     onDataChanged() {
-        if (!__classPrivateFieldGet(this, _KupInputPanel_originalData, "f")) {
-            __classPrivateFieldSet(this, _KupInputPanel_originalData, structuredClone(this.data), "f");
+        __classPrivateFieldSet(this, _KupInputPanel_originalData, structuredClone(this.data), "f");
+        if (__classPrivateFieldGet(this, _KupInputPanel_listeners, "f").length) {
+            __classPrivateFieldGet(this, _KupInputPanel_listeners, "f").map(({ event, handler }) => {
+                this.rootElement.removeEventListener(event, handler);
+            });
+            __classPrivateFieldSet(this, _KupInputPanel_listeners, [], "f");
         }
         __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapCells).call(this, this.data);
     }
@@ -120,22 +132,6 @@ const KupInputPanel = class {
     componentDidLoad() {
         this.kupReady.emit({ comp: this, id: this.rootElement.id });
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logLoad(this, true);
-        // this.handleEventsCallbacks.map((cbData) => {
-        //     this.rootElement.addEventListener(cbData.eventName, (e: any) => {
-        //         const inputPanelEvent: InputPanelEvent = {
-        //             state: this.inputPanelCells.find((data) =>
-        //                 data.cells.find(
-        //                     (cell) => cell.column.name === e.detail.id
-        //                 )
-        //             ).cells,
-        //             data: {
-        //                 field: e.detail.id,
-        //                 value: e.detail.inputValue || e.detail.value,
-        //             },
-        //         };
-        //         cbData.eventCallback(inputPanelEvent);
-        //     });
-        // });
     }
     componentWillRender() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").debug.logRender(this, false);
@@ -157,7 +153,7 @@ const KupInputPanel = class {
                 index.h("p", null, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.translate(kupManager.KupLanguageGeneric.EMPTY_DATA)),
             ]
             : this.inputPanelCells.map((inputPanelCell) => __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_renderRow).call(this, inputPanelCell));
-        return (index.h(index.Host, { key: '6e78872e9b75498a6655f27837c5f1288578572b' }, index.h("style", { key: '6afe29e3990b45067aac30c0f11c98d9cd7948c2' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: 'c525883822492dfb322153c8f8a25470b370ad5c', id: GenericVariables.componentWrapperId }, inputPanelContent)));
+        return (index.h(index.Host, { key: 'ae9e00db322fcda0ee1f996c5ba7f92d337ab03c' }, index.h("style", { key: '0aea3b4b3c388f5887a5440d05a7cafa1f1c24aa' }, __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").theme.setKupStyle(this.rootElement)), index.h("div", { key: '181bc90607f56adf9b5ee12f0716693ed425cd88', id: GenericVariables.componentWrapperId }, inputPanelContent)));
     }
     disconnectedCallback() {
         __classPrivateFieldGet(this, _KupInputPanel_kupManager, "f").language.unregister(this);
@@ -168,7 +164,7 @@ const KupInputPanel = class {
         "data": ["onDataChanged"]
     }; }
 };
-_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
+_KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = new WeakMap(), _KupInputPanel_originalData = new WeakMap(), _KupInputPanel_eventNames = new WeakMap(), _KupInputPanel_listeners = new WeakMap(), _KupInputPanel_instances = new WeakSet(), _KupInputPanel_renderRow = function _KupInputPanel_renderRow(inputPanelCell) {
     var _a;
     const layout = inputPanelCell.row.layout;
     const horizontal = (layout === null || layout === void 0 ? void 0 : layout.horizontal) || false;
@@ -197,11 +193,24 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
         column,
         row,
         component: this,
-        editable: cell.isEditable,
+        editable: true,
         renderKup: true,
         setSizes: true,
     };
+    const label = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getLabelComponent).call(this, cell, column.title);
+    if (label) {
+        return (index.h("div", { class: { 'input-panel__label_container': true } }, label, index.h(fCell.FCell, Object.assign({}, cellProps))));
+    }
     return index.h(fCell.FCell, Object.assign({}, cellProps));
+}, _KupInputPanel_getLabelComponent = function _KupInputPanel_getLabelComponent(cell, label) {
+    if (!label) {
+        return null;
+    }
+    const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+    if (cellType === kupManager.FCellTypes.RADIO) {
+        return index.h("span", null, label);
+    }
+    return null;
 }, _KupInputPanel_renderSection = function _KupInputPanel_renderSection(cells, section) {
     var _a, _b, _c, _d;
     let content = [];
@@ -256,7 +265,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
                 .filter((column) => column.visible)
                 .map((column) => {
                 const cell = structuredClone(row.cells[column.name]);
-                const mappedCell = Object.assign(Object.assign({}, cell), { data: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapData).call(this, cell, column)), { id: column.name }), slotData: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_slotData).call(this, cell, column), isEditable: cell.editable });
+                const mappedCell = Object.assign(Object.assign({}, cell), { data: Object.assign(Object.assign({}, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_mapData).call(this, cell, column)), { disabled: !cell.editable, id: column.name }), slotData: __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_slotData).call(this, cell, column), isEditable: true });
                 return { column, cell: mappedCell };
             });
             return [...inpuPanelCells, { cells, row }];
@@ -304,7 +313,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
     ]);
     const adapter = dataAdapterMap.get(cellType);
     return adapter
-        ? adapter(options, fieldLabel, currentValue, cell.fun)
+        ? adapter(options, fieldLabel, currentValue, cell, col.name)
         : null;
 }, _KupInputPanel_slotData = function _KupInputPanel_slotData(cell, col) {
     const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
@@ -351,7 +360,7 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
             { data: { dropdownOnly: false, label: 'Valerio' } },
         ],
     };
-}, _KupInputPanel_CMBandACPAdapter = function _KupInputPanel_CMBandACPAdapter(rawOptions, fieldLabel, currentValue, fun) {
+}, _KupInputPanel_CMBandACPAdapter = function _KupInputPanel_CMBandACPAdapter(rawOptions, fieldLabel, currentValue, cell, id) {
     const configCMandACP = {
         data: {
             'kup-text-field': {
@@ -364,19 +373,29 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
                 data: [],
             },
         },
+        initialValue: currentValue,
         label: fieldLabel,
     };
-    const options = fun ? this.optionsHandler(fun) : rawOptions;
-    if (options instanceof Promise) {
-        options.then((data) => {
-            var _a;
-            return (configCMandACP.data['kup-list'].data =
-                (_a = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, data, currentValue)) !== null && _a !== void 0 ? _a : []);
+    if (cell.fun) {
+        const cellType = dom.ketchup.data.cell.getType(cell, cell.shape);
+        const evNames = __classPrivateFieldGet(this, _KupInputPanel_eventNames, "f").get(cellType);
+        if (!evNames) {
+            return;
+        }
+        evNames.map((evName) => {
+            const handler = (e) => {
+                __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_getAutocompleteEventCallback).call(this, e.detail, cell.fun, configCMandACP, id, currentValue);
+            };
+            this.rootElement.addEventListener(evName, handler);
+            __classPrivateFieldGet(this, _KupInputPanel_listeners, "f").push({
+                event: evName,
+                handler,
+            });
         });
     }
-    else if (options) {
+    else if (rawOptions) {
         configCMandACP.data['kup-list'].data =
-            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, options, currentValue);
+            __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, rawOptions, currentValue);
     }
     return configCMandACP;
 }, _KupInputPanel_CHKAdapter = function _KupInputPanel_CHKAdapter(_options, fieldLabel, currentValue) {
@@ -438,6 +457,17 @@ _KupInputPanel_kupManager = new WeakMap(), _KupInputPanel_optionsAdapterMap = ne
         }));
     })
         .flat();
+}, _KupInputPanel_getAutocompleteEventCallback = function _KupInputPanel_getAutocompleteEventCallback(detail, fun, data, id, currentValue) {
+    if (detail.id !== id ||
+        detail.open === false) {
+        return;
+    }
+    this.optionsHandler(fun, detail.inputValue, __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_reverseMapCells).call(this)).then((options) => {
+        var _a;
+        data.data['kup-list'].data =
+            (_a = __classPrivateFieldGet(this, _KupInputPanel_instances, "m", _KupInputPanel_optionsTreeComboAdapter).call(this, options, currentValue)) !== null && _a !== void 0 ? _a : [];
+        detail.comp.refresh();
+    });
 };
 KupInputPanel.style = KupInputPanelStyle0;
 

package/dist/cjs/kup-lazy.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/kup-magic-box.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const fButtonDeclarations = require('./f-button-declarations-51ef6d9a.js');
-const fImage = require('./f-image-b22e12c9.js');
+const fImage = require('./f-image-98e4e61d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/{kup-manager-118c4e57.js → kup-manager-72ad15fe.js}

@@ -5778,7 +5778,7 @@ const fCheckboxCss$1 = fCheckboxCss;
 const fChipCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.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:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.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}.f-chip{--kup_chip_background_color:var( --kup-chip-background-color, var(--kup-background-color) );--kup_chip_border_radius:var(--kup-chip-border-radius, 16px);--kup_chip_font_family:var(--kup-chip-font-family, var(--kup-font-family));--kup_chip_font_size:var(--kup-chip-font-size, var(--kup-font-size));--kup_chip_font_weight:var(--kup-chip-font-weight, var(--kup-font-weight));--kup_chip_height:var(--kup-chip-height, 32px);--kup_chip_indent_multiplier:var(--kup-chip-indent-multiplier, 10);--kup_chip_margin:var(--kup-chip-margin, 4px);--kup_chip_padding:var(--kup-chip-padding, 0 12px);--kup_chip_primary_color:var( --kup-chip-primary-color, var(--kup-primary-color) );--kup_chip_primary_color_rgb:var( --kup-chip-primary-color-rgb, var(--kup-primary-color-rgb) );--kup_chip_text_color:var(--kup-chip-text-color, var(--kup-text-color));--kup_chip_text_color_rgb:var( --kup-chip-text-color-rgb, var(--kup-text-color-rgb) );font-family:var(--kup_chip_font_family);font-size:var(--kup_chip_font_size)}.f-chip .chip-set{padding:4px;display:flex;flex-wrap:wrap;box-sizing:border-box}.f-chip .chip-set .chip-set__item{display:flex;flex-direction:column}.f-chip .chip-set .chip-set__wrapper{display:flex}.f-chip .chip-set .chip-set__wrapper .dropdown-icon{cursor:pointer;margin:auto 0;transform:rotate(180deg);transform-origin:unset}.f-chip .chip-set .chip-set__wrapper .dropdown-icon:hover{opacity:.75}.f-chip .chip-set .chip-set__wrapper--hidden-children .dropdown-icon{transform:unset}.f-chip .chip-set .chip-set__indent{width:calc(var(--kup_chip_margin)*var(--kup_chip_indent_offset)*var(--kup_chip_indent_multiplier))}.f-chip .chip-set .chip{align-items:center;background-color:var(--kup_chip_background_color);background-image:linear-gradient(to right, rgba(var(--kup_chip_text_color_rgb), 0.1) 0%, rgba(var(--kup_chip_text_color_rgb), 0.1) 0.1%, rgba(var(--kup_chip_text_color_rgb), 0.1));border-radius:var(--kup_chip_border_radius);border-width:0;box-sizing:border-box;color:var(--kup_chip_text_color);cursor:pointer;display:inline-flex;font-size:.875em;font-weight:var(--kup_chip_font_weight);height:var(--kup_chip_height);letter-spacing:0.0178571429em;margin:var(--kup_chip_margin);max-width:max-content;outline:none;padding:var(--kup_chip_padding);position:relative;text-decoration:inherit;text-transform:inherit}.f-chip .chip-set .chip .chip__icon--leading{color:var(--kup_chip_text_color)}.f-chip .chip-set .chip .chip__icon--leading:not(.chip__icon--leading-hidden){margin-left:-4px;margin-right:6px}.f-chip .chip-set .chip .chip__icon--leading .chip__icon--trailing{position:relative}.f-chip .chip-set .chip--only-icon .chip__icon.f-image{margin:0}.f-chip .chip-set .chip .chip__icon{border-radius:50%;outline:none;vertical-align:middle}.f-chip .chip-set .chip .chip__icon .chip_icon--leading:not(.chip__icon--leading-hidden){width:20px;height:20px;font-size:20px}.f-chip .chip-set .chip .chip__icon .f-image__icon{margin:auto;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-chip .chip-set .chip .chip__checkmark-svg{width:0;height:20px;transition:width 150ms cubic-bezier(0.4, 0, 0.2, 1)}.f-chip .chip-set .chip .chip__checkmark-path{transition:stroke-dashoffset 150ms 50ms cubic-bezier(0.4, 0, 0.6, 1);stroke-width:2px;stroke-dashoffset:29.7833385;stroke-dasharray:29.7833385}.f-chip .chip-set .chip svg path{color:var(--kup_chip_text_color);stroke:var(--kup_chip_text_color)}.f-chip .chip-set .chip .kup-icon{background:var(--kup_chip_text_color);display:block;width:18px;height:18px}.f-chip .chip-set .chip .chip__primary-action{outline:none}.f-chip .chip-set .chip .chip__primary-action .chip__text{white-space:nowrap}.f-chip .chip-set.chip-set--choice .chip--selected{background-color:var(--kup_chip_background_color);background-image:linear-gradient(to right, rgba(var(--kup_chip_primary_color_rgb), 0.25) 0%, rgba(var(--kup_chip_primary_color_rgb), 0.25) 0.1%, rgba(var(--kup_chip_primary_color_rgb), 0.25));color:var(--kup_chip_primary_color)}.f-chip .chip-set.chip-set--filter .chip__icon--leading{opacity:1;transition:opacity 75ms linear;transition-delay:-50ms}.f-chip .chip-set.chip-set--filter .chip__icon--leading+.chip__checkmark{opacity:0;transition:opacity 75ms linear;transition-delay:80ms}.f-chip .chip-set.chip-set--filter .chip__icon--leading+.chip__checkmark .chip__checkmark-svg{transition:width 0ms}.f-chip .chip-set.chip-set--filter .chip__icon--leading.chip__icon--leading-hidden{display:none;width:0;opacity:0}.f-chip .chip-set.chip-set--filter .chip__icon--leading.chip__icon--leading-hidden+.chip__checkmark{height:20px;width:20px;opacity:1}.f-chip .chip-set.chip-set--filter .chip--selected .chip__icon--leading{opacity:0}.f-chip .chip-set.chip-set--filter .chip--selected .chip__checkmark-path{stroke-dashoffset:0}.f-chip .chip-set.chip-set--filter .chip--selected .chip__checkmark{margin-left:-4px;margin-right:4px}.f-chip .chip-set.chip-set--filter .chip--selected .chip__checkmark .chip__checkmark-svg{height:20px;width:20px}.f-chip .chip-set.chip-set--input .kup-clear-icon{margin-left:4px;margin-right:-4px}.f-chip .chip-set.chip-set--input .kup-clear-icon:hover{opacity:.75}.f-chip :not(svg){transform-origin:0px 0px}.f-chip.kup-danger{--kup-chip-primary-color:var(--kup-danger-color);--kup-chip-primary-color-rgb:var(--kup-danger-color-rgb)}.f-chip.kup-info{--kup-chip-primary-color:var(--kup-info-color);--kup-chip-primary-color-rgb:var(--kup-info-color-rgb)}.f-chip.kup-secondary{--kup-chip-primary-color:var(--kup-secondary-color);--kup-chip-primary-color-rgb:var(--kup-secondary-color-rgb)}.f-chip.kup-success{--kup-chip-primary-color:var(--kup-success-color);--kup-chip-primary-color-rgb:var(--kup-success-color-rgb)}.f-chip.kup-warning{--kup-chip-primary-color:var(--kup-warning-color);--kup-chip-primary-color-rgb:var(--kup-warning-color-rgb)}.f-chip .kup-icon.kup-dropdown-icon{-webkit-mask:var(--kup-dropdown-icon);mask:var(--kup-dropdown-icon);transition:opacity 125ms,transform .15s}.f-chip .kup-icon.kup-clear-icon{-webkit-mask:var(--kup-clear-icon);mask:var(--kup-clear-icon)}";
 const fChipCss$1 = fChipCss;
 
-const fImageCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.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:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.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}.f-image{display:block;margin:auto;position:relative;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image.kup-fit img{max-width:max-content;object-fit:contain}.f-image img{display:block;margin:auto;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image .f-image__css{overflow:hidden;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image .f-image__icon{margin:auto;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image .css-step.bottom-aligned{bottom:0;position:absolute}";
+const fImageCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.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:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.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}.f-image{display:block;margin:auto;position:relative;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image.kup-fit img{max-width:max-content;object-fit:contain}.f-image img{display:block;margin:auto;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image .f-image__css{overflow:hidden;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image .f-image__icon{margin:auto;height:var(--kup_image_height, 100%);width:var(--kup_image_width, 100%)}.f-image .f-image__placeholder{height:100%;position:absolute;width:100%}.f-image .f-image__hidden{visibility:hidden}.f-image .css-step.bottom-aligned{bottom:0;position:absolute}";
 const fImageCss$1 = fImageCss;
 
 const fPaginatorCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:.16px}.kup-body-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:400;letter-spacing:.16px}.kup-code-01{font-family:var(--kup-font-family-monospace);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.32px}.kup-label-01{font-family:var(--kup-font-family);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.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:.16px}.kup-heading-01{font-family:var(--kup-font-family);font-size:14px;line-height:20px;font-weight:600;letter-spacing:.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}.f-paginator{margin:.5em 0;display:flex;flex-wrap:wrap;align-items:start}.f-paginator .prev-page,.f-paginator .next-page{margin:0 .25em}.f-paginator kup-combobox{display:inline-block;margin:0 .25em;z-index:0}.f-paginator kup-combobox.page-selector{width:100px}.f-paginator kup-combobox.rows-selector{width:150px}";

package/dist/cjs/kup-nav-bar.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/kup-numeric-picker.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-4cacd928.js');
+const fTextField = require('./f-text-field-1efcecb6.js');
 const fTextFieldMdc = require('./f-text-field-mdc-08a06162.js');
 require('./kup-dates-e22ee32c.js');
 require('./component-cb3b32f5.js');

package/dist/cjs/kup-pdf.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/kup-photo-frame.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/kup-planner.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager$1 = require('./kup-manager-118c4e57.js');
+const kupManager$1 = require('./kup-manager-72ad15fe.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-cb33663d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-e22ee32c.js');
-const fTextField = require('./f-text-field-4cacd928.js');
+const fTextField = require('./f-text-field-1efcecb6.js');
 const fTextFieldMdc = require('./f-text-field-mdc-08a06162.js');
 require('./component-cb3b32f5.js');
 

package/dist/cjs/kup-probe.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-e22ee32c.js');
 

package/dist/cjs/kup-qlik.cjs.entry.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 require('./kup-dates-e22ee32c.js');
 
 const kupQlikCss = ".kup-body-compact-01{font-family:var(--kup-font-family);font-size:14px;line-height:18px;font-weight:400;letter-spacing:0.16px}.kup-body-01{font-family:var(--kup-font-family);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}.kup-qlik-container-fluid{width:100%}.kup-qlik-container{width:100%}@media (min-width: 576px){.kup-qlik-container{width:576px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 768px){.kup-qlik-container{width:768px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 992px){.kup-qlik-container{width:992px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}@media (min-width: 1200px){.kup-qlik-container{width:1200px}.kup-qlik-row>.qvobject{flex:0 0 auto;min-width:100px;margin:0px auto 5px auto}}.kup-qlik-row{display:flex;display:ms-flexbox;flex-wrap:wrap;-ms-flex-wrap:wrap;margin-bottom:5px}.kup-qlik-row .size-M{height:var(--lyo_obj-height)}.kup-qlik-row .size-S{height:calc(var(--lyo_obj-height) / 2)}.kup-qlik-row .size-XS{height:calc(var(--lyo_obj-height) / 3)}.kup-qlik-row .size-L{height:calc(var(--lyo_obj-height) * 2)}.kup-qlik-row .size-XL{height:calc(var(--lyo_obj-height) * 3)}.kup-qlik-row .bordered{border:1px solid var(--kup-border-color, #969696)}.kup-qlik-row .width-1{width:8.3333%}.kup-qlik-row .width-2{width:16.6666%}.kup-qlik-row .width-3{width:25%}.kup-qlik-row .width-4{width:33.3333%}.kup-qlik-row .width-5{width:41.6666%}.kup-qlik-row .width-6{width:50%}.kup-qlik-row .width-7{width:58.3333%}.kup-qlik-row .width-8{width:66.6666%}.kup-qlik-row .width-9{width:75%}.kup-qlik-row .width-10{width:83.3333%}.kup-qlik-row .width-11{width:91.6666%}.kup-qlik-row .width-12{width:100%}";

package/dist/cjs/kup-snackbar.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-380e4fcd.js');
-const kupManager = require('./kup-manager-118c4e57.js');
+const kupManager = require('./kup-manager-72ad15fe.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fButton = require('./f-button-7de4ca64.js');
+const fButton = require('./f-button-3cc5c9ba.js');
 require('./kup-dates-e22ee32c.js');
 require('./f-button-declarations-51ef6d9a.js');
-require('./f-image-b22e12c9.js');
+require('./f-image-98e4e61d.js');
 
 const snackbarClass = 'snackbar';
 /**