@sme.up/ketchup 9.3.0 → 9.5.0

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

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f2f4159.js');
-const kupManager = require('./kup-manager-c63f4fb9.js');
+const kupManager = require('./kup-manager-f90f1b6d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fImage = require('./f-image-e16fe10d.js');
-const fButton = require('./f-button-4caf541a.js');
+const fImage = require('./f-image-33be7baf.js');
+const fButton = require('./f-button-033ed6d4.js');
 const fButtonDeclarations = require('./f-button-declarations-51ef6d9a.js');
-const fCell = require('./f-cell-979c26ea.js');
+const fCell = require('./f-cell-ef276797.js');
 const component = require('./component-cb3b32f5.js');
 require('./kup-dates-0e59b05d.js');
 require('./f-checkbox-41864e53.js');
-require('./f-text-field-2fac8078.js');
-require('./f-chip-8957940b.js');
+require('./f-text-field-f03e97f8.js');
+require('./f-chip-d4e26a2b.js');
 
 /**
  * Props of the kup-image-list component.

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f2f4159.js');
-const kupManager = require('./kup-manager-c63f4fb9.js');
+const kupManager = require('./kup-manager-f90f1b6d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-0e59b05d.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f2f4159.js');
-const kupManager = require('./kup-manager-c63f4fb9.js');
+const kupManager = require('./kup-manager-f90f1b6d.js');
 const fButtonDeclarations = require('./f-button-declarations-51ef6d9a.js');
-const fImage = require('./f-image-e16fe10d.js');
+const fImage = require('./f-image-33be7baf.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-0e59b05d.js');
 

package/dist/cjs/{kup-manager-c63f4fb9.js → kup-manager-f90f1b6d.js}

@@ -17587,6 +17587,8 @@ class KupManager {
      */
     constructor(overrides) {
         let datesLocale = null, debugActive = null, debugAutoprint = null, debugLogLimit = null, dialogRestrictContainer = null, dialogZIndex = null, languageList = null, languageName = null, objectsList = null, scrollOnHoverDelay = null, scrollOnHoverStep = null, themeList = null, themeName = null, tooltipDelay = null, tooltipFCellCallbacks = null;
+        /** POI VIA */
+        this.openAIInterface = { url: 'https://kokosstaging.smeup.com' };
         if (overrides) {
             const assetsPath = overrides.assetsPath;
             const dates = overrides.dates;
@@ -17597,6 +17599,7 @@ class KupManager {
             const scrollOnHover = overrides.scrollOnHover;
             const theme = overrides.theme;
             const tooltip = overrides.tooltip;
+            const openAIUrl = overrides.openAIUrl;
             if (assetsPath) {
                 index.setAssetPath(assetsPath);
             }
@@ -17639,6 +17642,9 @@ class KupManager {
                     ? tooltip.fCellCallbacks
                     : null;
             }
+            if (openAIUrl) {
+                this.openAIInterface = { url: openAIUrl };
+            }
         }
         this.data = new KupData();
         this.dates = new kupDates.KupDates(datesLocale);
@@ -17647,6 +17653,7 @@ class KupManager {
         this.interact = new KupInteract(dialogZIndex, dialogRestrictContainer);
         this.language = new KupLanguage(languageList, languageName);
         this.magicBox = null;
+        this.openAI = null;
         this.math = new KupMath();
         this.overrides = overrides ? overrides : null;
         this.objects = new KupObjects(objectsList);
@@ -17759,6 +17766,123 @@ class KupManager {
             this.hideMagicBox();
         }
     }
+    /**
+     * Creates OpenAI component interface.
+     */
+    async showOpenAI(data) {
+        if (!this.openAIInterface || !this.openAIInterface.url) {
+            return;
+        }
+        if (this.openAI) {
+            return;
+        }
+        const response = await fetch(this.openAIInterface.url + '/api/init', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ data: data }),
+        });
+        console.log('kup-manager.showOpenAI() response', response);
+        if (response) {
+            if (response.status != 200) {
+                this.debug.logMessage(this, await response.text(), exports.KupDebugCategory.ERROR);
+                return;
+            }
+            const responseJson = await response.json();
+            this.openAIInterface.sessionInfo = {
+                fileId: responseJson.fileId,
+                threadId: responseJson.threadId,
+            };
+        }
+        this.openAI = document.createElement('kup-openai-interface');
+        this.openAI.id = 'kup-openai-interface';
+        this.openAI.style.position = 'fixed';
+        this.openAI.style.left = 'calc(50% - 250px)';
+        this.openAI.style.top = 'calc(50% - 85px)';
+        this.openAI.data = data;
+        document.body.appendChild(this.openAI);
+    }
+    /**
+     * Removes OpenAI component interface.
+     */
+    async hideOpenAI() {
+        if (!this.openAI) {
+            return;
+        }
+        this.openAI.remove();
+        this.openAI = null;
+        if (!this.openAIInterface || !this.openAIInterface.url) {
+            return;
+        }
+        if (!this.openAIInterface.sessionInfo) {
+            return;
+        }
+        const response = await fetch(this.openAIInterface.url + '/api/finalize', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                fileId: this.openAIInterface.sessionInfo.fileId,
+                threadId: this.openAIInterface.sessionInfo.threadId,
+            }),
+        });
+        console.log('kup-manager.hideOpenAI() response', response);
+        if (response) {
+            if (response.status != 200) {
+                this.debug.logMessage(this, await response.text(), exports.KupDebugCategory.ERROR);
+                return;
+            }
+            this.openAIInterface.sessionInfo = null;
+        }
+    }
+    /**
+     * Creates or removes OpenAI component interface depending on its existence.
+     */
+    toggleOpenAI(data) {
+        if (!this.openAI) {
+            this.showOpenAI(data);
+        }
+        else {
+            this.hideOpenAI();
+        }
+    }
+    async interactOpenAI(question) {
+        if (!this.openAI) {
+            return;
+        }
+        if (!this.openAIInterface || !this.openAIInterface.url) {
+            return;
+        }
+        if (!this.openAIInterface.sessionInfo) {
+            return;
+        }
+        const responseArray = [];
+        const response = await fetch(this.openAIInterface.url + '/api/chat', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                fileId: this.openAIInterface.sessionInfo.fileId,
+                threadId: this.openAIInterface.sessionInfo.threadId,
+                question: question,
+            }),
+        });
+        console.log('kup-manager.interactOpenAI() response', response);
+        if (response) {
+            if (response.status != 200) {
+                this.debug.logMessage(this, await response.text(), exports.KupDebugCategory.ERROR);
+                return;
+            }
+            const responseJson = await response.json();
+            if (responseJson && responseJson.messages) {
+                responseArray.push(...responseJson.messages);
+            }
+        }
+        return responseArray;
+    }
     /**
      * Sets both locale and language library-wide.
      * @param {KupDatesLocales} locale - The supported locale.
@@ -17883,6 +18007,7 @@ exports.iconColumn = iconColumn;
 exports.identify = identify;
 exports.keyColumn = keyColumn;
 exports.kupDragActiveAttr = kupDragActiveAttr;
+exports.kupDraggableAttr = kupDraggableAttr;
 exports.kupDraggableCellAttr = kupDraggableCellAttr;
 exports.kupDraggableColumnAttr = kupDraggableColumnAttr;
 exports.kupDraggableRowAttr = kupDraggableRowAttr;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f2f4159.js');
-const kupManager = require('./kup-manager-c63f4fb9.js');
+const kupManager = require('./kup-manager-f90f1b6d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-0e59b05d.js');
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f2f4159.js');
-const kupManager = require('./kup-manager-c63f4fb9.js');
+const kupManager = require('./kup-manager-f90f1b6d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fTextField = require('./f-text-field-2fac8078.js');
+const fTextField = require('./f-text-field-f03e97f8.js');
 const fTextFieldMdc = require('./f-text-field-mdc-08a06162.js');
 require('./kup-dates-0e59b05d.js');
 require('./component-cb3b32f5.js');

package/dist/cjs/kup-openai-interface.cjs.entry.js

@@ -0,0 +1,146 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-8f2f4159.js');
+const kupManager = require('./kup-manager-f90f1b6d.js');
+const GenericVariables = require('./GenericVariables-1d52ba57.js');
+const fImage = require('./f-image-33be7baf.js');
+require('./kup-dates-0e59b05d.js');
+
+/**
+ * Props of the kup-openai-interface component.
+ * Used to export every prop in an object.
+ */
+var KupOpenAiInterfaceProps;
+(function (KupOpenAiInterfaceProps) {
+    KupOpenAiInterfaceProps["customStyle"] = "Custom style of the component.";
+    KupOpenAiInterfaceProps["data"] = "Sets the data that will be used for OpenAI comunication.";
+    KupOpenAiInterfaceProps["dialogTitle"] = "Sets the dialog title";
+    KupOpenAiInterfaceProps["label"] = "Sets the text area label";
+})(KupOpenAiInterfaceProps || (KupOpenAiInterfaceProps = {}));
+
+const kupOpenaiInterfaceCss = ":host{--kup_dialog_header_height:var(--kup-dialog-header-height, 2em);background-color:var(--kup-background-color);color:var(--kup-text-color);display:block;height:auto;min-width:500px;width:500px}.header{background-color:var(--kup-title-background-color);color:var(--kup-title-color);display:flex;flex-direction:row;height:var(--kup_dialog_header_height);position:relative;width:100%}.header__title{font-weight:bold;line-height:2em;padding-left:0.5em;padding-right:2em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header__close.f-image{--kup-icon-color:var(--kup-title-color);cursor:pointer;margin-right:0;transition:opacity 0.25s;position:absolute;right:0;background:var(--kup-title-background-color);height:var(--kup_image_height);width:var(--kup_image_width)}.header__close.f-image:hover{opacity:0.5}.header__close.f-image .f-image__icon{height:var(--kup_image_height);width:var(--kup_image_width)}kup-text-field{padding-top:12px;padding-right:3px;padding-left:3px}kup-button{padding-top:8px;padding-left:3px;padding-bottom:2px}kup-data-table{padding-top:8px;padding-left:3px;padding-bottom:2px}";
+
+var __classPrivateFieldGet = (undefined && undefined.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f)
+        throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+        throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _KupOpenAiInterface_instances, _KupOpenAiInterface_openAiInteract, _KupOpenAiInterface_dataTableData;
+const KupOpenAiInterface = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.kupReady = index.createEvent(this, "kup-openai-interface-ready", 6);
+        _KupOpenAiInterface_instances.add(this);
+        /*-------------------------------------------------*/
+        /*       I n t e r n a l   V a r i a b l e s       */
+        /*-------------------------------------------------*/
+        this.dragHandler = null;
+        this.kupManager = kupManager.kupManagerInstance();
+        this.textArea = null;
+        this.dataTable = null;
+        this.button = null;
+        this.messages = [];
+        this.customStyle = '';
+        this.data = null;
+        this.dialogTitle = 'Open AI integration';
+        this.label = 'Insert natural language request...';
+    }
+    /*-------------------------------------------------*/
+    /*           P u b l i c   M e t h o d s           */
+    /*-------------------------------------------------*/
+    /**
+     * Used to retrieve component's props values.
+     * @param {boolean} descriptions - When provided and true, the result will be the list of props with their description.
+     * @returns {Promise<GenericObject>} List of props as object, each key will be a prop.
+     */
+    async getProps(descriptions) {
+        return kupManager.getProps(this, KupOpenAiInterfaceProps, descriptions);
+    }
+    /**
+     * This method is used to trigger a new render of the component.
+     */
+    async refresh() {
+        index.forceUpdate(this);
+    }
+    /**
+     * Sets the props to the component.
+     * @param {GenericObject} props - Object containing props that will be set to the component.
+     */
+    async setProps(props) {
+        kupManager.setProps(this, KupOpenAiInterfaceProps, props);
+    }
+    /*-------------------------------------------------*/
+    /*          L i f e c y c l e   H o o k s          */
+    /*-------------------------------------------------*/
+    componentWillLoad() {
+        this.kupManager.debug.logLoad(this, false);
+        this.kupManager.language.register(this);
+        this.kupManager.theme.register(this);
+    }
+    componentDidLoad() {
+        this.dragHandler =
+            this.rootElement.shadowRoot.querySelector('#drag-handle');
+        this.kupManager.interact.dialogify(this.rootElement, this.dragHandler);
+        this.kupReady.emit({
+            comp: this,
+            id: this.rootElement.id,
+        });
+        this.kupManager.debug.logLoad(this, true);
+    }
+    componentWillRender() {
+        this.kupManager.debug.logRender(this, false);
+    }
+    componentDidRender() {
+        this.kupManager.debug.logRender(this, true);
+    }
+    render() {
+        const dataTableProps = {};
+        dataTableProps.data = __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_dataTableData).call(this);
+        const textAreaProps = {};
+        textAreaProps.textArea = true;
+        textAreaProps.label = this.label;
+        const buttonProps = {};
+        buttonProps.label = 'Confirm';
+        buttonProps.icon = 'check';
+        buttonProps.showSpinner = false;
+        return (index.h(index.Host, null, index.h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), index.h("div", { id: GenericVariables.componentWrapperId }, index.h("div", { class: "openai-interface-wrapper" }, index.h("div", { class: "actions", id: "drag-handle" }, index.h("div", { class: "header" }, this.dialogTitle ? (index.h("div", { class: "header__title" }, this.dialogTitle)) : null, index.h(fImage.FImage, { onClick: () => this.kupManager.hideOpenAI(), sizeX: "1.25em", sizeY: "1.25em", resource: "clear", wrapperClass: "header__close" })), index.h("kup-text-field", Object.assign({}, textAreaProps, { ref: (el) => (this.textArea = el) })), index.h("kup-button", Object.assign({}, buttonProps, { ref: (el) => (this.button = el), "onKup-button-click": () => __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_openAiInteract).call(this) })), index.h("kup-data-table", Object.assign({}, dataTableProps, { ref: (el) => (this.dataTable = el) })))))));
+    }
+    disconnectedCallback() {
+        this.kupManager.language.unregister(this);
+        this.kupManager.theme.unregister(this);
+    }
+    get rootElement() { return index.getElement(this); }
+};
+_KupOpenAiInterface_instances = new WeakSet(), _KupOpenAiInterface_openAiInteract =
+    /*-------------------------------------------------*/
+    /*           P r i v a t e   M e t h o d s         */
+    /*-------------------------------------------------*/
+    async function _KupOpenAiInterface_openAiInteract() {
+        this.button.showSpinner = true;
+        this.messages = await this.kupManager.interactOpenAI(await this.textArea.getValue());
+        this.dataTable.data = __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_dataTableData).call(this);
+        this.button.showSpinner = false;
+    }, _KupOpenAiInterface_dataTableData = function _KupOpenAiInterface_dataTableData() {
+    const data = {};
+    data.columns = [{ name: 'mess', title: 'Message' }];
+    data.rows = [];
+    if (this.messages) {
+        for (let i = 0; i < this.messages.length; i++) {
+            const mess = this.messages[i];
+            if (mess) {
+                data.rows.push({
+                    unselectable: true,
+                    cells: { mess: { value: mess } },
+                });
+            }
+        }
+    }
+    return data;
+};
+KupOpenAiInterface.style = kupOpenaiInterfaceCss;
+
+exports.kup_openai_interface = KupOpenAiInterface;

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f2f4159.js');
-const kupManager = require('./kup-manager-c63f4fb9.js');
+const kupManager = require('./kup-manager-f90f1b6d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-0e59b05d.js');
 

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f2f4159.js');
-const kupManager$1 = require('./kup-manager-c63f4fb9.js');
+const kupManager$1 = require('./kup-manager-f90f1b6d.js');
 const kupPlannerDeclarations = require('./kup-planner-declarations-d3dec885.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 const kupDates = require('./kup-dates-0e59b05d.js');
-const fTextField = require('./f-text-field-2fac8078.js');
+const fTextField = require('./f-text-field-f03e97f8.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-8f2f4159.js');
-const kupManager = require('./kup-manager-c63f4fb9.js');
+const kupManager = require('./kup-manager-f90f1b6d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
 require('./kup-dates-0e59b05d.js');
 

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

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-8f2f4159.js');
-const kupManager = require('./kup-manager-c63f4fb9.js');
+const kupManager = require('./kup-manager-f90f1b6d.js');
 require('./kup-dates-0e59b05d.js');
 
 const kupQlikCss = ".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-8f2f4159.js');
-const kupManager = require('./kup-manager-c63f4fb9.js');
+const kupManager = require('./kup-manager-f90f1b6d.js');
 const GenericVariables = require('./GenericVariables-1d52ba57.js');
-const fButton = require('./f-button-4caf541a.js');
+const fButton = require('./f-button-033ed6d4.js');
 require('./kup-dates-0e59b05d.js');
 require('./f-button-declarations-51ef6d9a.js');
-require('./f-image-e16fe10d.js');
+require('./f-image-33be7baf.js');
 
 const snackbarClass = 'snackbar';
 /**