@sme.up/ketchup 9.2.0 → 9.3.0

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

@@ -1,143 +1,144 @@
-import { r as registerInstance, h, d as getElement } from './index-99c17b08.js';
-import { k as kupManagerInstance } from './kup-manager-9a9d2dbb.js';
+import { r as registerInstance, h, d as getElement } from './index-59f83f91.js';
+import { k as kupManagerInstance } from './kup-manager-bfea4e6f.js';
+import './kup-dates-15f89ea2.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%}";
 
 const KupQlik = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        /**
+         * Instance of the KupManager class.
+         */
+        this.kupManager = kupManagerInstance();
+        this.config = undefined;
+        this.qlik = undefined;
+        this.appid = '';
+        this.app = false;
+        this.grid = [];
+        this.debug = false;
+        this.fluid = false;
+        this.bordered = false;
+        this.defobjsize = '400px';
+        this.divlist = [];
+    }
     /**
-     * Instance of the KupManager class.
+     * Get objects from qlik and assign id to html div
+     * @param grid
      */
-    this.kupManager = kupManagerInstance();
-    this.config = undefined;
-    this.qlik = undefined;
-    this.appid = '';
-    this.app = false;
-    this.grid = [];
-    this.debug = false;
-    this.fluid = false;
-    this.bordered = false;
-    this.defobjsize = '400px';
-    this.divlist = [];
-  }
-  /**
-   * Get objects from qlik and assign id to html div
-   * @param grid
-   */
-  getObjects(grid) {
-    let noSelections;
-    return new Promise((resolve) => {
-      grid.rows.forEach((row) => {
-        row.columns.forEach((column) => {
-          noSelections = false;
-          if (column.noSelections)
-            noSelections = column.noSelections;
-          this.app.getObject(column.obj, column.obj, {
-            noInteraction: false,
-            noSelections: noSelections,
-          });
+    getObjects(grid) {
+        let noSelections;
+        return new Promise((resolve) => {
+            grid.rows.forEach((row) => {
+                row.columns.forEach((column) => {
+                    noSelections = false;
+                    if (column.noSelections)
+                        noSelections = column.noSelections;
+                    this.app.getObject(column.obj, column.obj, {
+                        noInteraction: false,
+                        noSelections: noSelections,
+                    });
+                });
+            });
+            resolve(true);
         });
-      });
-      resolve(true);
-    });
-  }
-  /**
-   * Do field selection in Qlik app
-   * @param grid
-   */
-  doSelection(grid) {
-    return new Promise((resolve) => {
-      if (grid.selections) {
-        grid.selections.forEach((selection) => {
-          this.app
-            .field(selection.field)
-            .selectValues(selection.values, false, true);
+    }
+    /**
+     * Do field selection in Qlik app
+     * @param grid
+     */
+    doSelection(grid) {
+        return new Promise((resolve) => {
+            if (grid.selections) {
+                grid.selections.forEach((selection) => {
+                    this.app
+                        .field(selection.field)
+                        .selectValues(selection.values, false, true);
+                });
+            }
+            resolve(true);
         });
-      }
-      resolve(true);
-    });
-  }
-  /**
-   * Set dimamic variable "divlist" with grid structure before render
-   * @param grid
-   */
-  setRender(grid) {
-    return new Promise((resolve) => {
-      this.divlist = [];
-      grid.rows.forEach((row) => {
-        let tmp = [];
-        row.columns.forEach((column) => {
-          let style = 'qvobject ';
-          if (this.bordered) {
-            style = style + 'bordered ';
-          }
-          style =
-            style +
-              'width-' +
-              column.colDim +
-              ' size-' +
-              column.size;
-          if (column.obj != '')
-            tmp.push(h("div", { id: column.obj, class: style }));
-          else
-            tmp.push(h("div", { class: style }));
+    }
+    /**
+     * Set dimamic variable "divlist" with grid structure before render
+     * @param grid
+     */
+    setRender(grid) {
+        return new Promise((resolve) => {
+            this.divlist = [];
+            grid.rows.forEach((row) => {
+                let tmp = [];
+                row.columns.forEach((column) => {
+                    let style = 'qvobject ';
+                    if (this.bordered) {
+                        style = style + 'bordered ';
+                    }
+                    style =
+                        style +
+                            'width-' +
+                            column.colDim +
+                            ' size-' +
+                            column.size;
+                    if (column.obj != '')
+                        tmp.push(h("div", { id: column.obj, class: style }));
+                    else
+                        tmp.push(h("div", { class: style }));
+                });
+                this.divlist.push(h("div", { class: "kup-qlik-row" }, tmp));
+            });
+            resolve(true);
         });
-        this.divlist.push(h("div", { class: "kup-qlik-row" }, tmp));
-      });
-      resolve(true);
-    });
-  }
-  componentWillLoad() {
-    this.kupManager.debug.logLoad(this, false);
-  }
-  componentDidLoad() {
-    this.kupManager.debug.logLoad(this, true);
-  }
-  componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
-    this.setRender(this.grid);
-  }
-  render() {
-    let classLayout = null;
-    let layoutStyle = null;
-    if (this.fluid) {
-      classLayout = {
-        ['kup-qlik-container-fluid']: true,
-      };
     }
-    else {
-      classLayout = {
-        ['kup-qlik-container']: true,
-      };
+    componentWillLoad() {
+        this.kupManager.debug.logLoad(this, false);
     }
-    layoutStyle = {
-      ['--lyo_obj-height']: this.defobjsize,
-    };
-    return (h("div", { class: classLayout, style: layoutStyle }, this.divlist));
-  }
-  componentDidRender() {
-    if (this.debug) {
-      console.log('Grid', this.grid);
+    componentDidLoad() {
+        this.kupManager.debug.logLoad(this, true);
     }
-    if (this.qlik) {
-      if (this.appid != '' && !this.app) {
-        this.app = this.qlik.openApp(this.appid, this.config);
-      }
-      else {
+    componentWillRender() {
+        this.kupManager.debug.logRender(this, false);
+        this.setRender(this.grid);
+    }
+    render() {
+        let classLayout = null;
+        let layoutStyle = null;
+        if (this.fluid) {
+            classLayout = {
+                ['kup-qlik-container-fluid']: true,
+            };
+        }
+        else {
+            classLayout = {
+                ['kup-qlik-container']: true,
+            };
+        }
+        layoutStyle = {
+            ['--lyo_obj-height']: this.defobjsize,
+        };
+        return (h("div", { class: classLayout, style: layoutStyle }, this.divlist));
+    }
+    componentDidRender() {
         if (this.debug) {
-          console.log('App already open:', this.app);
+            console.log('Grid', this.grid);
         }
-      }
-      if (this.app) {
-        this.getObjects(this.grid).then(() => {
-          this.doSelection(this.grid);
-        });
-      }
+        if (this.qlik) {
+            if (this.appid != '' && !this.app) {
+                this.app = this.qlik.openApp(this.appid, this.config);
+            }
+            else {
+                if (this.debug) {
+                    console.log('App already open:', this.app);
+                }
+            }
+            if (this.app) {
+                this.getObjects(this.grid).then(() => {
+                    this.doSelection(this.grid);
+                });
+            }
+        }
+        this.kupManager.debug.logRender(this, true);
     }
-    this.kupManager.debug.logRender(this, true);
-  }
-  get rootElement() { return getElement(this); }
+    get rootElement() { return getElement(this); }
 };
 KupQlik.style = kupQlikCss;
 

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

@@ -1,9 +1,10 @@
-import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, d as getElement } from './index-99c17b08.js';
-import { k as kupManagerInstance, g as getProps, s as setProps } from './kup-manager-9a9d2dbb.js';
+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-bfea4e6f.js';
 import { c as componentWrapperId } from './GenericVariables-d8d0541e.js';
-import { F as FButton } from './f-button-0bce6587.js';
-import './f-button-declarations-8a009df1.js';
-import './f-image-727453df.js';
+import { F as FButton } from './f-button-5ccc2e50.js';
+import './kup-dates-15f89ea2.js';
+import './f-button-declarations-9bdc6f26.js';
+import './f-image-c5063342.js';
 
 const snackbarClass = 'snackbar';
 /**
@@ -12,112 +13,112 @@ const snackbarClass = 'snackbar';
  */
 var KupSnackbarProps;
 (function (KupSnackbarProps) {
-  KupSnackbarProps["actionButton"] = "Set of FButton props to set the action button.";
-  KupSnackbarProps["closeButton"] = "When true, the hide button will be displayed.";
-  KupSnackbarProps["customStyle"] = "Custom style of the component.";
-  KupSnackbarProps["text"] = "Sets the textual content of the snackbar.";
-  KupSnackbarProps["timeout"] = "Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds.";
+    KupSnackbarProps["actionButton"] = "Set of FButton props to set the action button.";
+    KupSnackbarProps["closeButton"] = "When true, the hide button will be displayed.";
+    KupSnackbarProps["customStyle"] = "Custom style of the component.";
+    KupSnackbarProps["text"] = "Sets the textual content of the snackbar.";
+    KupSnackbarProps["timeout"] = "Defaults at null, when set the snackbar will automatically disappear after the specified amount of milliseconds.";
 })(KupSnackbarProps || (KupSnackbarProps = {}));
 
 const kupSnackbarCss = ":host{animation:snackbar-show 125ms;bottom:0;box-sizing:border-box;display:block;left:0;outline:none;pointer-events:none;position:fixed;transition:opacity 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms, -webkit-transform 0.15s cubic-bezier(0, 0, 0.2, 1) 0ms;width:100%;z-index:calc(var(--kup-navbar-zindex) + 1)}:host(:not([kup-visible])){display:none}#kup-component{box-sizing:border-box;display:flex;justify-content:center;height:100%;padding:8px;width:100%}.snackbar{align-items:center;background:var(--kup-navbar-background-color);border-radius:5px;box-shadow:var(--kup-box-shadow);color:var(--kup-navbar-color);display:flex;justify-content:space-between;max-width:672px;min-height:48px;min-width:344px}.snackbar__text{padding:14px 16px;pointer-events:all;word-break:break-word}.snackbar__buttons{--kup-button-primary-color:var(--kup-navbar-color);--kup-button-primary-color-rgb:var(--kup-navbar-color-rgb);--kup-button-primary-color-h:var(--kup-navbar-color-h);--kup-button-primary-color-s:var(--kup-navbar-color-s);--kup-button-primary-color-l:var(--kup-navbar-color-l);align-items:center;display:flex;justify-content:flex-end;margin-right:8px;pointer-events:all;width:max-content}.snackbar__close{--kup-button-font-size:11px;margin-left:8px;pointer-events:all}@keyframes snackbar-show{from{transform:scale(0.5);opacity:0}to{transform:scale(1);opacity:1}}:host(.kup-top){bottom:unset;top:var(--kup-navbar-height, 0)}";
 
 const KupSnackbar = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.kupActionClick = createEvent(this, "kup-snackbar-actionclick", 6);
-    this.kupTimeoutComplete = createEvent(this, "kup-snackbar-timeoutcomplete", 6);
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        this.kupActionClick = createEvent(this, "kup-snackbar-actionclick", 6);
+        this.kupTimeoutComplete = createEvent(this, "kup-snackbar-timeoutcomplete", 6);
+        /*-------------------------------------------------*/
+        /*       I n t e r n a l   V a r i a b l e s       */
+        /*-------------------------------------------------*/
+        /**
+         * Instance of the KupManager class.
+         */
+        this.kupManager = kupManagerInstance();
+        this.visible = false;
+        this.actionButton = null;
+        this.closeButton = true;
+        this.customStyle = '';
+        this.text = '';
+        this.timeout = null;
+    }
+    onKupActionClick() {
+        this.hide();
+        this.kupActionClick.emit({
+            comp: this,
+            id: this.rootElement.id,
+        });
+    }
+    onKupTimeoutComplete() {
+        this.kupTimeoutComplete.emit({
+            comp: this,
+            id: this.rootElement.id,
+        });
+    }
     /*-------------------------------------------------*/
-    /*       I n t e r n a l   V a r i a b l e s       */
+    /*           P u b l i c   M e t h o d s           */
     /*-------------------------------------------------*/
     /**
-     * Instance of the KupManager class.
+     * 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.
      */
-    this.kupManager = kupManagerInstance();
-    this.visible = false;
-    this.actionButton = null;
-    this.closeButton = true;
-    this.customStyle = '';
-    this.text = '';
-    this.timeout = null;
-  }
-  onKupActionClick() {
-    this.hide();
-    this.kupActionClick.emit({
-      comp: this,
-      id: this.rootElement.id,
-    });
-  }
-  onKupTimeoutComplete() {
-    this.kupTimeoutComplete.emit({
-      comp: this,
-      id: this.rootElement.id,
-    });
-  }
-  /*-------------------------------------------------*/
-  /*           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, KupSnackbarProps, descriptions);
-  }
-  /**
-   * Hides the snackbar.
-   */
-  async hide() {
-    this.visible = false;
-  }
-  /**
-   * 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, KupSnackbarProps, props);
-  }
-  /**
-   * Displays the snackbar.
-   */
-  async show() {
-    this.visible = true;
-  }
-  /*-------------------------------------------------*/
-  /*          L i f e c y c l e   H o o k s          */
-  /*-------------------------------------------------*/
-  componentWillLoad() {
-    this.kupManager.debug.logLoad(this, false);
-    this.kupManager.theme.register(this);
-  }
-  componentDidLoad() {
-    this.kupManager.debug.logLoad(this, true);
-  }
-  componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
-  }
-  componentDidRender() {
-    if (this.timeout && this.visible) {
-      setTimeout(() => {
-        this.hide();
-        this.onKupTimeoutComplete();
-      }, this.timeout);
+    async getProps(descriptions) {
+        return getProps(this, KupSnackbarProps, descriptions);
+    }
+    /**
+     * Hides the snackbar.
+     */
+    async hide() {
+        this.visible = false;
+    }
+    /**
+     * 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, KupSnackbarProps, props);
+    }
+    /**
+     * Displays the snackbar.
+     */
+    async show() {
+        this.visible = true;
+    }
+    /*-------------------------------------------------*/
+    /*          L i f e c y c l e   H o o k s          */
+    /*-------------------------------------------------*/
+    componentWillLoad() {
+        this.kupManager.debug.logLoad(this, false);
+        this.kupManager.theme.register(this);
+    }
+    componentDidLoad() {
+        this.kupManager.debug.logLoad(this, true);
+    }
+    componentWillRender() {
+        this.kupManager.debug.logRender(this, false);
+    }
+    componentDidRender() {
+        if (this.timeout && this.visible) {
+            setTimeout(() => {
+                this.hide();
+                this.onKupTimeoutComplete();
+            }, this.timeout);
+        }
+        this.kupManager.debug.logRender(this, true);
+    }
+    render() {
+        return (h(Host, { "kup-visible": this.visible }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: snackbarClass }, h("div", { class: `${snackbarClass}__text` }, this.text), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
+    }
+    disconnectedCallback() {
+        this.kupManager.theme.unregister(this);
     }
-    this.kupManager.debug.logRender(this, true);
-  }
-  render() {
-    return (h(Host, { "kup-visible": this.visible }, h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)), h("div", { id: componentWrapperId }, h("div", { class: snackbarClass }, h("div", { class: `${snackbarClass}__text` }, this.text), this.actionButton || this.closeButton ? (h("div", { class: `${snackbarClass}__buttons` }, this.actionButton ? (h("div", { class: `${snackbarClass}__action` }, h(FButton, Object.assign({}, this.actionButton, { onClick: () => this.onKupActionClick() })))) : null, this.closeButton ? (h("div", { class: `${snackbarClass}__close` }, h(FButton, { icon: "close", onClick: () => this.hide() }))) : null)) : null))));
-  }
-  disconnectedCallback() {
-    this.kupManager.theme.unregister(this);
-  }
-  get rootElement() { return getElement(this); }
+    get rootElement() { return getElement(this); }
 };
 KupSnackbar.style = kupSnackbarCss;