@sme.up/ketchup 9.4.0 → 9.5.1

package/dist/collection/components/kup-data-table/kup-data-table.js

@@ -1091,11 +1091,19 @@ export class KupDataTable {
         }
         return (h("kup-card", { customStyle: "::slotted(kup-switch) { width: max-content !important; } ::slotted(*) { margin: auto !important; } ::slotted(.customize-element) { margin: auto !important; padding: 0 1em 1em 1em !important; width: max-content !important; } ::slotted(.customize-element):nth-child(1) { padding-top: 1em !important; }", isMenu: true, layoutFamily: KupCardFamily.FREE, ref: (el) => {
                 __classPrivateFieldSet(this, _KupDataTable_customizeTopPanelRef, el, "f");
-            }, sizeX: "360px", sizeY: "300px" }, density, grid, fontsize, transpose, h("kup-switch", { class: "customize-element", checked: this.dragEnabled, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.DRAG_AND_DROP), leadingLabel: true, "onkup-switch-change": () => (this.dragEnabled = !this.dragEnabled) }), h("kup-switch", { class: "customize-element", checked: this.editableData, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EDITABLE), leadingLabel: true, "onkup-switch-change": () => (this.editableData = !this.editableData) }), h("kup-button", { title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
+            }, sizeX: "360px", sizeY: "300px" }, density, grid, fontsize, transpose, h("kup-switch", { class: "customize-element", checked: this.dragEnabled, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.DRAG_AND_DROP), leadingLabel: true, "onkup-switch-change": () => (this.dragEnabled = !this.dragEnabled) }), h("kup-switch", { class: "customize-element", checked: this.editableData, label: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EDITABLE), leadingLabel: true, "onkup-switch-change": () => (this.editableData = !this.editableData) }), h("div", { style: {
+                display: 'grid',
+                'grid-template-columns': 'repeat(2, auto)',
+                width: 'max-content',
+            } }, h("kup-button", { title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
                 ' Magic Box ' +
                 '(' +
                 __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
-                ')', icon: "auto-fix", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").toggleMagicBox() }), totalsMatrix));
+                ')', icon: "auto-fix", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").toggleMagicBox() }), __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAI && __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAI.url ? (h("kup-button", { title: __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.TOGGLE) +
+                ' Open AI ' +
+                '(' +
+                __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").language.translate(KupLanguageGeneric.EXPERIMENTAL_FEAT) +
+                ')', icon: "open-ai", "onkup-button-click": () => __classPrivateFieldGet(this, _KupDataTable_kupManager, "f").openAI.show(this.data) })) : null), totalsMatrix));
     }
     render() {
         __classPrivateFieldSet(this, _KupDataTable_thRefs, [], "f");

package/dist/collection/components/kup-dialog/kup-dialog.css

@@ -20,11 +20,11 @@
   width: 100%;
 }
 
-[fade-in] {
+:host([fade-in]) {
   opacity: 0;
 }
-[fade-in] ::slotted {
-  display: none;
+:host([fade-in]) ::slotted {
+  opacity: 0;
 }
 
 .header {

package/dist/collection/components/kup-dialog/kup-dialog.js

@@ -14,13 +14,14 @@ var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (
         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 _KupDialog_header, _KupDialog_kupManager;
+var _KupDialog_header, _KupDialog_kupManager, _KupDialog_recalcSafeguard;
 import { forceUpdate, h, Host, } from "@stencil/core";
 import { FImage } from "../../f-components/f-image/f-image";
 import { kupManagerInstance } from "../../managers/kup-manager/kup-manager";
 import { getProps, setProps } from "../../utils/utils";
 import { componentWrapperId } from "../../variables/GenericVariables";
 import { KupDialogProps, } from "./kup-dialog-declarations";
+import { KupDebugCategory } from "../../managers/kup-debug/kup-debug-declarations";
 export class KupDialog {
     constructor() {
         /*-------------------------------------------------*/
@@ -28,6 +29,7 @@ export class KupDialog {
         /*-------------------------------------------------*/
         _KupDialog_header.set(this, null);
         _KupDialog_kupManager.set(this, kupManagerInstance());
+        _KupDialog_recalcSafeguard.set(this, 0);
         this.autoCenter = { onReady: true };
         this.customStyle = '';
         this.header = { icons: { close: true } };
@@ -61,11 +63,25 @@ export class KupDialog {
      * Places the dialog at the center of the screen.
      */
     async recalcPosition() {
+        var _a;
         const rect = this.rootElement.getBoundingClientRect();
+        if (!rect.x && !rect.y) {
+            __classPrivateFieldGet(this, _KupDialog_kupManager, "f").debug.logMessage(this, `recalcPosition() ran before the component finished being drawn. Running again (attempt #${__classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f")}).`, KupDebugCategory.INFO);
+            if (__classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f") < 50) {
+                __classPrivateFieldSet(this, _KupDialog_recalcSafeguard, (_a = __classPrivateFieldGet(this, _KupDialog_recalcSafeguard, "f"), _a++, _a), "f");
+                setTimeout(async () => this.recalcPosition(), 50);
+                return;
+            }
+            else {
+                __classPrivateFieldGet(this, _KupDialog_kupManager, "f").debug.logMessage(this, `Too many attempts centering the dialog.`, KupDebugCategory.WARNING);
+            }
+        }
+        __classPrivateFieldSet(this, _KupDialog_recalcSafeguard, 0, "f");
         const left = window.innerWidth / 2 - rect.width / 2;
         const top = window.innerHeight / 2 - rect.height / 2;
         this.rootElement.style.setProperty('--kup_dialog_left', left + 'px');
         this.rootElement.style.setProperty('--kup_dialog_top', top + 'px');
+        this.rootElement.removeAttribute('fade-in');
     }
     /**
      * This method is used to trigger a new render of the component.
@@ -91,9 +107,7 @@ export class KupDialog {
         var _a;
         __classPrivateFieldGet(this, _KupDialog_kupManager, "f").interact.dialogify(this.rootElement, __classPrivateFieldGet(this, _KupDialog_header, "f") ? __classPrivateFieldGet(this, _KupDialog_header, "f") : null, !this.resizable);
         if ((_a = this.autoCenter) === null || _a === void 0 ? void 0 : _a.onReady) {
-            this.recalcPosition().then(() => {
-                this.rootElement.removeAttribute('fade-in');
-            });
+            this.recalcPosition();
         }
         else {
             this.rootElement.removeAttribute('fade-in');
@@ -476,4 +490,4 @@ export class KupDialog {
     }
     static get elementRef() { return "rootElement"; }
 }
-_KupDialog_header = new WeakMap(), _KupDialog_kupManager = new WeakMap();
+_KupDialog_header = new WeakMap(), _KupDialog_kupManager = new WeakMap(), _KupDialog_recalcSafeguard = new WeakMap();

package/dist/collection/components/kup-image/assets/svg/open-ai.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"/></svg>

package/dist/collection/managers/kup-manager/kup-manager.js

@@ -18,6 +18,7 @@ import { KupMath } from "../kup-math/kup-math";
 import { KupTooltip } from "../kup-tooltip/kup-tooltip";
 import { setAssetPath } from "@stencil/core";
 import html2canvas from "html2canvas";
+import { KupOpenAI } from "../kup-openai/kup-openai";
 const dom = document.documentElement;
 /**
  * This class controls every other Ketchup utility suite.
@@ -29,6 +30,8 @@ export 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 */
+        let openAIUrl = 'https://kokosstaging.smeup.com';
         if (overrides) {
             const assetsPath = overrides.assetsPath;
             const dates = overrides.dates;
@@ -39,6 +42,9 @@ export class KupManager {
             const scrollOnHover = overrides.scrollOnHover;
             const theme = overrides.theme;
             const tooltip = overrides.tooltip;
+            if (overrides.openAIUrl) {
+                openAIUrl = overrides.openAIUrl;
+            }
             if (assetsPath) {
                 setAssetPath(assetsPath);
             }
@@ -89,6 +95,7 @@ export class KupManager {
         this.interact = new KupInteract(dialogZIndex, dialogRestrictContainer);
         this.language = new KupLanguage(languageList, languageName);
         this.magicBox = null;
+        this.openAI = new KupOpenAI(openAIUrl);
         this.math = new KupMath();
         this.overrides = overrides ? overrides : null;
         this.objects = new KupObjects(objectsList);

package/dist/collection/managers/kup-openai/kup-openai-declarations.js

@@ -0,0 +1 @@
+export {};

package/dist/collection/managers/kup-openai/kup-openai.js

@@ -0,0 +1,248 @@
+var __classPrivateFieldGet = (this && this.__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 _KupOpenAI_instances, _KupOpenAI_setError, _KupOpenAI_invalidPassword, _KupOpenAI_create, _KupOpenAI_connect, _KupOpenAI_disconnect;
+import { KupCardFamily } from "../../components/kup-card/kup-card-declarations";
+import { KupDebugCategory } from "../kup-debug/kup-debug-declarations";
+const dom = document.documentElement;
+export class KupOpenAI {
+    /**
+     * Initializes KupOpenAI.
+     */
+    constructor(url) {
+        _KupOpenAI_instances.add(this);
+        this.card = null;
+        this.data = null;
+        this.dialog = null;
+        this.sessionInfo = null;
+        this.url = null;
+        this.container = document.createElement('div');
+        this.container.setAttribute('kup-openai', '');
+        document.body.appendChild(this.container);
+        this.url = url;
+    }
+    getCardOptions() {
+        if (!this.card.data) {
+            this.card.data = {};
+        }
+        if (!this.card.data.options) {
+            this.card.data.options = {
+                submitCb: this.chat,
+                authCb: this.auth,
+            };
+        }
+        return this.card.data.options;
+    }
+    /**
+     * Shows the component
+     * @param data
+     * @param options
+     */
+    show(data) {
+        this.data = data;
+        // Creates the card or updates it with new options
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_create).call(this);
+    }
+    /**
+     * Hides the component.
+     */
+    hide() {
+        this.card.remove();
+        this.card = null;
+        this.dialog.remove();
+        this.dialog = null;
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_disconnect).call(this);
+    }
+    async auth(event) {
+        console.log('cacca');
+        const openAI = dom.ketchup.openAI;
+        if (!openAI.url) {
+            return;
+        }
+        const pwd = await event.detail.comp.getValue();
+        let response = null;
+        try {
+            response = await fetch(openAI.url + '/api/auth', {
+                method: 'POST',
+                headers: {
+                    'Content-Type': 'application/json',
+                },
+                body: JSON.stringify({ data: pwd }),
+            });
+        }
+        catch (e) {
+            __classPrivateFieldGet(openAI, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(openAI, e.message, openAI);
+            return;
+        }
+        if (response) {
+            if (response.status != 200) {
+                __classPrivateFieldGet(openAI, _KupOpenAI_instances, "m", _KupOpenAI_invalidPassword).call(openAI, event);
+                //this.#setError(await response.text());
+                return;
+            }
+            const responseJson = await response.json();
+            if (responseJson.status == 'ok') {
+                openAI.getCardOptions().state = 'connecting';
+                openAI.card.refresh();
+                __classPrivateFieldGet(openAI, _KupOpenAI_instances, "m", _KupOpenAI_connect).call(openAI);
+                return;
+            }
+        }
+        openAI.getCardOptions().state = 'error';
+        openAI.card.refresh();
+    }
+    async chat(disableInteractivity, inputArea) {
+        const communicate = async (question) => {
+            if (!openAI.url) {
+                return;
+            }
+            if (!openAI.sessionInfo) {
+                return;
+            }
+            const responseMessages = [];
+            let response = null;
+            try {
+                response = await fetch(openAI.url + '/api/chat', {
+                    method: 'POST',
+                    headers: {
+                        'Content-Type': 'application/json',
+                    },
+                    body: JSON.stringify({
+                        fileId: openAI.sessionInfo.fileId,
+                        threadId: openAI.sessionInfo.threadId,
+                        question: question,
+                    }),
+                });
+            }
+            catch (e) {
+                __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, e.message, openAI);
+            }
+            if (response) {
+                if (response.status != 200) {
+                    __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, await response.text(), openAI);
+                    return;
+                }
+                const responseJson = await response.json();
+                if (responseJson && responseJson.messages) {
+                    responseMessages.push(...responseJson.messages);
+                }
+            }
+            return responseMessages;
+        };
+        const openAI = dom.ketchup.openAI;
+        if (!openAI.card) {
+            return;
+        }
+        disableInteractivity(true);
+        openAI.getCardOptions().messages = await communicate(await inputArea.getValue());
+        openAI.card.refresh();
+        disableInteractivity(false);
+    }
+}
+_KupOpenAI_instances = new WeakSet(), _KupOpenAI_setError = function _KupOpenAI_setError(message, _this, dontRefreshCard) {
+    if (!_this) {
+        _this = this;
+    }
+    dom.ketchup.debug.logMessage(_this, message, KupDebugCategory.ERROR);
+    if (dontRefreshCard) {
+        return;
+    }
+    _this.getCardOptions().state = 'error';
+    _this.card.refresh();
+}, _KupOpenAI_invalidPassword = function _KupOpenAI_invalidPassword(event) {
+    const field = event.detail.comp;
+    field.helper = 'Invalid password.';
+    field.rootElement.classList.add('kup-danger');
+    field.refresh();
+}, _KupOpenAI_create = function _KupOpenAI_create() {
+    this.card = document.createElement('kup-card');
+    this.card.layoutFamily = KupCardFamily.BUILT_IN;
+    this.card.layoutNumber = 7;
+    this.card.sizeX = '100%';
+    this.card.sizeY = '100%';
+    this.dialog = document.createElement('kup-dialog');
+    this.dialog.header = {
+        title: 'Chat with Data',
+        icons: { close: true },
+    };
+    this.dialog.id = 'openai';
+    this.dialog.modal = { closeOnBackdropClick: false };
+    this.dialog.sizeX = '50vw';
+    this.dialog.sizeY = '50vh';
+    this.dialog.addEventListener('kup-dialog-close', () => this.hide());
+    this.dialog.appendChild(this.card);
+    this.container.appendChild(this.dialog);
+    if (!this.url) {
+        this.getCardOptions().state = 'error';
+    }
+    else {
+        this.getCardOptions().state = 'authentication';
+    }
+}, _KupOpenAI_connect = async function _KupOpenAI_connect() {
+    if (!this.url) {
+        return;
+    }
+    let response = null;
+    try {
+        response = await fetch(this.url + '/api/init', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({ data: this.data }),
+        });
+    }
+    catch (e) {
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, e.message);
+        return;
+    }
+    if (response) {
+        if (response.status != 200) {
+            __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, await response.text());
+            return;
+        }
+        const responseJson = await response.json();
+        this.sessionInfo = {
+            fileId: responseJson.fileId,
+            threadId: responseJson.threadId,
+        };
+        this.getCardOptions().state = 'ready';
+        this.card.refresh();
+        return;
+    }
+    this.getCardOptions().state = 'error';
+    this.card.refresh();
+}, _KupOpenAI_disconnect = async function _KupOpenAI_disconnect() {
+    if (!this.url) {
+        return;
+    }
+    if (!this.sessionInfo) {
+        return;
+    }
+    let response = null;
+    try {
+        response = await fetch(this.url + '/api/finalize', {
+            method: 'POST',
+            headers: {
+                'Content-Type': 'application/json',
+            },
+            body: JSON.stringify({
+                fileId: this.sessionInfo.fileId,
+                threadId: this.sessionInfo.threadId,
+            }),
+        });
+    }
+    catch (e) {
+        __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, e.message, undefined, true);
+    }
+    this.sessionInfo = null;
+    if (response) {
+        if (response.status != 200) {
+            __classPrivateFieldGet(this, _KupOpenAI_instances, "m", _KupOpenAI_setError).call(this, await response.text(), undefined, true);
+        }
+    }
+};