@sme.up/ketchup 9.5.0 → 9.5.1

package/dist/components/kup-openai-interface.js

@@ -1,301 +0,0 @@
-import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager.js';
-import { c as componentWrapperId, F as FImage, d as defineCustomElement$2, a as defineCustomElement$3, b as defineCustomElement$4, e as defineCustomElement$5, f as defineCustomElement$6, g as defineCustomElement$7, h as defineCustomElement$8, i as defineCustomElement$9, j as defineCustomElement$a, k as defineCustomElement$b, l as defineCustomElement$c, m as defineCustomElement$d, n as defineCustomElement$e, o as defineCustomElement$f, p as defineCustomElement$g, q as defineCustomElement$h, r as defineCustomElement$i, s as defineCustomElement$j, t as defineCustomElement$k, u as defineCustomElement$l, v as defineCustomElement$m, w as defineCustomElement$n, x as defineCustomElement$o, y as defineCustomElement$p, z as defineCustomElement$q, A as defineCustomElement$r, B as defineCustomElement$s } from './kup-autocomplete2.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 = /*@__PURE__*/ proxyCustomElement(class KupOpenAiInterface extends HTMLElement {
-    constructor() {
-        super();
-        this.__registerHost();
-        this.__attachShadow();
-        this.kupReady = 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 = 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 getProps(this, KupOpenAiInterfaceProps, descriptions);
-    }
-    /**
-     * This method is used to trigger a new render of the component.
-     */
-    async refresh() {
-        forceUpdate(this);
-    }
-    /**
-     * Sets the props to the component.
-     * @param {GenericObject} props - Object containing props that will be set to the component.
-     */
-    async setProps(props) {
-        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 (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "openai-interface-wrapper" }, h("div", { class: "actions", id: "drag-handle" }, h("div", { class: "header" }, this.dialogTitle ? (h("div", { class: "header__title" }, this.dialogTitle)) : null, h(FImage, { onClick: () => this.kupManager.hideOpenAI(), sizeX: "1.25em", sizeY: "1.25em", resource: "clear", wrapperClass: "header__close" })), h("kup-text-field", Object.assign({}, textAreaProps, { ref: (el) => (this.textArea = el) })), h("kup-button", Object.assign({}, buttonProps, { ref: (el) => (this.button = el), "onKup-button-click": () => __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_openAiInteract).call(this) })), 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 this; }
-    static get style() { return kupOpenaiInterfaceCss; }
-}, [1, "kup-openai-interface", {
-        "customStyle": [1, "custom-style"],
-        "data": [1040],
-        "dialogTitle": [1, "dialog-title"],
-        "label": [1],
-        "getProps": [64],
-        "refresh": [64],
-        "setProps": [64]
-    }]);
-_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;
-};
-function defineCustomElement$1() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["kup-openai-interface", "kup-autocomplete", "kup-badge", "kup-button", "kup-button-list", "kup-card", "kup-chart", "kup-checkbox", "kup-chip", "kup-color-picker", "kup-combobox", "kup-data-table", "kup-date-picker", "kup-dialog", "kup-dropdown-button", "kup-form", "kup-gauge", "kup-image", "kup-list", "kup-progress-bar", "kup-radio", "kup-rating", "kup-spinner", "kup-switch", "kup-tab-bar", "kup-text-field", "kup-time-picker", "kup-tree"];
-    components.forEach(tagName => { switch (tagName) {
-        case "kup-openai-interface":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, KupOpenAiInterface);
-            }
-            break;
-        case "kup-autocomplete":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "kup-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "kup-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "kup-button-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "kup-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "kup-chart":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$n();
-            }
-            break;
-        case "kup-checkbox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$m();
-            }
-            break;
-        case "kup-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$l();
-            }
-            break;
-        case "kup-color-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$k();
-            }
-            break;
-        case "kup-combobox":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$j();
-            }
-            break;
-        case "kup-data-table":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$i();
-            }
-            break;
-        case "kup-date-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$h();
-            }
-            break;
-        case "kup-dialog":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "kup-dropdown-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "kup-form":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "kup-gauge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "kup-image":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "kup-list":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "kup-progress-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "kup-radio":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "kup-rating":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "kup-spinner":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "kup-switch":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "kup-tab-bar":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "kup-text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "kup-time-picker":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "kup-tree":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-    } });
-}
-
-const KupOpenaiInterface = KupOpenAiInterface;
-const defineCustomElement = defineCustomElement$1;
-
-export { KupOpenaiInterface, defineCustomElement };

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

@@ -1,142 +0,0 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-59f83f91.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-e33d8d8c.js';
-import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FImage } from './f-image-5434b351.js';
-import './kup-dates-15f89ea2.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) {
-        registerInstance(this, hostRef);
-        this.kupReady = 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 = 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 getProps(this, KupOpenAiInterfaceProps, descriptions);
-    }
-    /**
-     * This method is used to trigger a new render of the component.
-     */
-    async refresh() {
-        forceUpdate(this);
-    }
-    /**
-     * Sets the props to the component.
-     * @param {GenericObject} props - Object containing props that will be set to the component.
-     */
-    async setProps(props) {
-        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 (h(Host, null, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: "openai-interface-wrapper" }, h("div", { class: "actions", id: "drag-handle" }, h("div", { class: "header" }, this.dialogTitle ? (h("div", { class: "header__title" }, this.dialogTitle)) : null, h(FImage, { onClick: () => this.kupManager.hideOpenAI(), sizeX: "1.25em", sizeY: "1.25em", resource: "clear", wrapperClass: "header__close" })), h("kup-text-field", Object.assign({}, textAreaProps, { ref: (el) => (this.textArea = el) })), h("kup-button", Object.assign({}, buttonProps, { ref: (el) => (this.button = el), "onKup-button-click": () => __classPrivateFieldGet(this, _KupOpenAiInterface_instances, "m", _KupOpenAiInterface_openAiInteract).call(this) })), 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 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;
-
-export { KupOpenAiInterface as kup_openai_interface };