@sme.up/ketchup 5.2.1-SNAPSHOT → 6.0.0

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

@@ -1,1205 +0,0 @@
-import { Component, Element, Event, forceUpdate, h, Host, Method, Prop, State, Watch, } from '@stencil/core';
-import { ViewMode, KupTooltipProps, } from './kup-tooltip-declarations';
-import { kupManagerInstance, } from '../../managers/kup-manager/kup-manager';
-import { kupDynamicPositionAttribute, } from '../../managers/kup-dynamic-position/kup-dynamic-position-declarations';
-import { KupLanguageGeneric } from '../../managers/kup-language/kup-language-declarations';
-import { KupCardFamily } from '../kup-card/kup-card-declarations';
-import { getProps, setProps } from '../../utils/utils';
-import { componentWrapperId } from '../../variables/GenericVariables';
-export class KupTooltip {
-  constructor() {
-    this.visible = false;
-    /**
-     * Custom style of the component.
-     * @default ""
-     * @see https://ketchup.smeup.com/ketchup-showcase/#/customization
-     */
-    this.customStyle = '';
-    /**
-     * Timeout for loadDetail
-     */
-    this.detailTimeout = 800;
-    /**
-     * Layout used to display the items
-     */
-    this.layout = '1';
-    /**
-     * Timeout for tooltip
-     */
-    this.loadTimeout = 1000;
-    /**
-     * Owner of this tooltip
-     */
-    this.owner = 'not-set';
-    /**
-     * Instance of the KupManager class.
-     */
-    this.kupManager = kupManagerInstance();
-    this.viewMode = ViewMode.TOOLTIP;
-    this.firstLoad = false;
-    this._mouseIsOn = false;
-    this.waitingServerResponse = false;
-    this.clickCb = null;
-  }
-  onElementChanged() {
-    if (this.relatedObject != null) {
-      this.loadAll();
-    }
-    else {
-      this.resetAll();
-    }
-  }
-  onDataChanged() {
-    this.kupManager.removeClickCallback(this.clickCb);
-    this.waitingServerResponse = false;
-    if (this.relatedObject == null) {
-      this.kupManager.dynamicPosition.stop(this.rootElement);
-      this.onElementChanged();
-      return;
-    }
-    if (this.data == null) {
-      this.kupManager.dynamicPosition.stop(this.rootElement);
-      this.relatedObject = null;
-      return;
-    }
-    if (!this.kupManager.dynamicPosition.isRegistered(this.rootElement)) {
-      this.kupManager.dynamicPosition.register(this.rootElement, this.relatedObject.element);
-    }
-    else {
-      this.kupManager.dynamicPosition.changeAnchor(this.rootElement, this.relatedObject.element);
-    }
-    if (!this.clickCb) {
-      this.clickCb = {
-        cb: () => {
-          this.data = null;
-          this.kupManager.dynamicPosition.stop(this.rootElement);
-          this.kupManager.removeClickCallback(this.clickCb);
-        },
-        el: this.rootElement,
-      };
-    }
-    this.kupManager.addClickCallback(this.clickCb, true);
-    this.kupManager.dynamicPosition.start(this.rootElement);
-    this.visible = true;
-    this.startLoadDetail(true);
-  }
-  onTooltipDetailChanged() {
-    if (this.relatedObject == null) {
-      this.onElementChanged();
-      return;
-    }
-    if (this.data == null) {
-      this.relatedObject = null;
-      return;
-    }
-    this.waitingServerResponse = false;
-  }
-  // ---- Public methods  ----
-  /**
-   * This method is used to trigger a new render of the component.
-   */
-  async refresh() {
-    forceUpdate(this);
-  }
-  async setTooltipInfo(relatedObject) {
-    //console.log('tooltip setTooltipInfo');
-    this.resetAll();
-    this.relatedObject = relatedObject;
-  }
-  async unsetTooltipInfo() {
-    if (!this.mouseIsOn() && !this.isCardLayout()) {
-      //console.log('tooltip unsetTooltipInfo');
-      this.onMouseLeave();
-    }
-    else {
-      //console.log('tooltip unsetTooltipInfo mouseIsoN');
-    }
-  }
-  /**
-   * 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, KupTooltipProps, descriptions);
-  }
-  /**
-   * Sets the props to the component.
-   * @param {GenericObject} props - Object containing props that will be set to the component.
-   */
-  async setProps(props) {
-    setProps(this, KupTooltipProps, props);
-  }
-  // ---- Private methods ----
-  mouseIsOn() {
-    return this._mouseIsOn || this.waitingServerResponse;
-  }
-  hasDetailData() {
-    return !!this.detailData && !!this.detailData.rows;
-  }
-  hasCellOptionsData() {
-    return this.cellOptions != null;
-  }
-  hasActionsData() {
-    return (this.hasDetailData() &&
-      !!this.detailData.actions &&
-      !!this.detailData.actions.command);
-  }
-  startLoadDetail(withTimeout) {
-    if (!this.hasDetail()) {
-      return;
-    }
-    this.waitingServerResponse = true;
-    // loading detail
-    var timeoutMs = withTimeout == true ? this.detailTimeout : 0;
-    this.loadDetailTimeout = setTimeout(() => {
-      this.loadDetail();
-      this.firstLoad = true;
-    }, timeoutMs);
-  }
-  resetTimeouts() {
-    this.resetTooltipTimeout();
-    this.resetLoadDetailTimeout();
-    this.resetMouseLeaveTimeout();
-  }
-  resetTooltipTimeout() {
-    if (this.tooltipTimeout) {
-      clearTimeout(this.tooltipTimeout);
-      this.tooltipTimeout = null;
-    }
-  }
-  resetLoadDetailTimeout() {
-    if (this.loadDetailTimeout) {
-      clearTimeout(this.loadDetailTimeout);
-      this.loadDetailTimeout = null;
-    }
-  }
-  resetMouseLeaveTimeout() {
-    if (this.mouseLeaveTimeout) {
-      clearTimeout(this.mouseLeaveTimeout);
-      this.mouseLeaveTimeout = null;
-    }
-  }
-  isViewModeTooltip() {
-    return this.viewMode == ViewMode.TOOLTIP;
-  }
-  isViewModeCellOptions() {
-    return this.viewMode == ViewMode.CELL_OPTIONS;
-  }
-  loadDetail() {
-    this.resetLoadDetailTimeout();
-    if (this.relatedObject == null) {
-      this.resetAll();
-      return;
-    }
-    if (this.data == null) {
-      this.resetAll();
-      return;
-    }
-    if (this.isViewModeTooltip()) {
-      this.cellOptions = null;
-      this.kupTooltipLoadDetail.emit({
-        comp: this,
-        id: this.rootElement.id,
-        relatedObject: this.relatedObject,
-      });
-    }
-    else if (this.isViewModeCellOptions()) {
-      this.detailData = null;
-      this.kupTooltipLoadCellOptions.emit({
-        comp: this,
-        id: this.rootElement.id,
-        relatedObject: this.relatedObject,
-      });
-    }
-  }
-  getRows() {
-    return this.hasDetailData() ? this.detailData.rows : [];
-  }
-  getImage() {
-    if (this.data) {
-      return this.data.image;
-    }
-    return '';
-  }
-  getTitle() {
-    let datatitle = '';
-    if (this.data) {
-      datatitle = this.data.title;
-    }
-    const title = (h("div", null,
-      h("div", { class: "title ellipsis", onClick: (event) => this.onDefaultOptionClick(event) }, datatitle),
-      h("kup-button", { icon: "open-in-new", "onkup-button-click": (event) => this.onDefaultActionClick(event), title: this.kupManager.language.translate(KupLanguageGeneric.OPEN_IN_NEW_TAB) }),
-      h("kup-button", { icon: "search", "onkup-button-click": (event) => this.onDefaultPreviewClick(event), title: this.kupManager.language.translate(KupLanguageGeneric.INFO) })));
-    return title;
-  }
-  getContent() {
-    return this.data ? this.data.content : {};
-  }
-  getObj() {
-    const nullObj = { t: '', p: '', k: '', url: '' };
-    return this.data ? this.data.obj : nullObj;
-  }
-  // ---- Listeners ----
-  loadAll() {
-    this.resetAll();
-    this.prepareLoadData();
-  }
-  prepareLoadData() {
-    this.waitingServerResponse = true;
-    this.tooltipTimeout = setTimeout(() => {
-      if (this.relatedObject == null) {
-        return;
-      }
-      this.kupTooltipLoadData.emit({
-        comp: this,
-        id: this.rootElement.id,
-        relatedObject: this.relatedObject,
-      });
-    }, this.loadTimeout);
-  }
-  onActionCommandClick(event, action) {
-    //console.log("Emit kup-tooltip-actioncommandclick: " + JSON.stringify(action));
-    // Blocco la propagazione del onkup-button-click per evitare che lo stesso click
-    // sia gestito da due handler differenti, creando problemi sulla navigazione
-    event.stopPropagation();
-    this.kupActionCommandClick.emit({
-      comp: this,
-      id: this.rootElement.id,
-      actionCommand: action,
-      relatedObject: this.relatedObject,
-    });
-  }
-  onDefaultActionClick(event) {
-    //Evento di default al click
-    event.stopPropagation();
-    this.kupDefaultActionClick.emit({
-      comp: this,
-      id: this.rootElement.id,
-      obj: this.getObj(),
-    });
-  }
-  onDefaultPreviewClick(event) {
-    //Evento di default al click
-    event.stopPropagation();
-    this.kupDefaultPreviewClick.emit({
-      comp: this,
-      id: this.rootElement.id,
-      obj: this.getObj(),
-    });
-  }
-  onDefaultOptionClick(event) {
-    //Evento di default al click
-    event.stopPropagation();
-    this.kupDefaultOptionClick.emit({
-      comp: this,
-      id: this.rootElement.id,
-      obj: this.getObj(),
-    });
-  }
-  onMouseEnter() {
-    // Cancello il mouseLeaveTimeout così se l'utente
-    // esce e rientra rimanendo nell'intervallo di 500ms
-    // il tip non si chiude
-    this.resetMouseLeaveTimeout();
-    this._mouseIsOn = true;
-  }
-  onMouseLeave() {
-    this.resetMouseLeaveTimeout();
-    if (!this.waitingServerResponse) {
-      let timeout = 800;
-      this.mouseLeaveTimeout = setTimeout(() => {
-        this.relatedObject = null;
-        this.firstLoad = false;
-      }, timeout);
-    }
-  }
-  onKupTreeNodeExpand(e) {
-    e.stopPropagation();
-    if (e.detail.usesDynamicExpansion != true) {
-      return;
-    }
-    if (e.detail.dynamicExpansionRequireChildren != true) {
-      return;
-    }
-    // TreeNode is now expanded -> Fires expanded event
-    this.kupTreeNodeExpand.emit({
-      comp: this,
-      id: this.rootElement.id,
-      treeNodePath: e.detail.treeNodePath,
-      treeNode: e.detail.treeNode,
-      usesDynamicExpansion: e.detail.usesDynamicExpansion,
-      dynamicExpansionRequireChildren: e.detail.dynamicExpansionRequireChildren,
-      tree: e.detail.comp,
-    });
-  }
-  onKupTreeNodeSelected(e) {
-    e.stopPropagation();
-    this.kupTreeNodeSelected.emit({
-      comp: this,
-      id: this.rootElement.id,
-      treeNodePath: e.detail.treeNodePath,
-      treeNode: e.detail.treeNode,
-      columnName: e.detail.columnName,
-      auto: e.detail.auto,
-      tree: e.detail.comp,
-    });
-  }
-  onKupTreeNodeButtonClick(e) {
-    e.stopPropagation();
-    this.kupTreeNodeButtonClick.emit({
-      comp: this,
-      id: this.rootElement.id,
-      treeNodePath: e.detail.treeNodePath,
-      treeNode: e.detail.treeNode,
-      column: e.detail.column,
-      columnName: e.detail.columnName,
-      auto: e.detail.auto,
-      tree: e.detail.comp,
-    });
-  }
-  onKupTreeNodeDblClick(e) {
-    e.stopPropagation();
-    this.kupTreeNodeDblClick.emit({
-      comp: this,
-      id: this.rootElement.id,
-      treeNodePath: e.detail.treeNodePath,
-      treeNode: e.detail.treeNode,
-    });
-  }
-  onKupTreeDynamicMassExpansion(e) {
-    e.stopPropagation();
-    this.kupTreeDynamicMassExpansion.emit({
-      comp: this,
-      id: this.rootElement.id,
-      treeNodePath: e.detail.treeNodePath,
-      treeNode: e.detail.treeNode,
-      expandAll: e.detail.expandAll,
-    });
-  }
-  resetAll() {
-    // reset timeouts
-    this.resetTimeouts();
-    // reset data
-    this.data = null;
-    this.detailData = null;
-    this.cellOptions = null;
-    // reset visibility
-    this.visible = false;
-    this._mouseIsOn = false;
-    this.waitingServerResponse = false;
-    this.viewMode = ViewMode.TOOLTIP;
-  }
-  // ---- Render methods ----
-  getDefaultLayout() {
-    return [
-      h("div", { class: "left" },
-        h("img", { class: "image-container", src: this.getImage() })),
-      h("div", { class: "right" },
-        h("h3", null, this.getTitle()),
-        this.getInfos()),
-    ];
-  }
-  getLayout2() {
-    return (h("div", null,
-      h("h3", null, this.getTitle())));
-  }
-  getLayout3() {
-    return [
-      h("div", null,
-        h("h4", null, this.getTitle())),
-      this.getInfos(),
-    ];
-  }
-  getLayout4() {
-    var info = null;
-    var listMenu = null;
-    var content = this.getContent();
-    if (content) {
-      info = content[`info1`];
-      listMenu = content[`listMenu`];
-    }
-    if (info || listMenu) {
-      let htmlMarkup = h("div", { innerHTML: info ? info.value : '' });
-      return [
-        h("kup-card", { data: {
-            list: listMenu ? [listMenu] : [],
-            text: [info ? info.label : ''],
-          }, id: "dialog-card-5", layoutNumber: 5, layoutFamily: KupCardFamily.DIALOG, onClick: (e) => e.stopPropagation(), sizeX: "300px", sizeY: "auto" }, htmlMarkup),
-      ];
-    }
-  }
-  getLayout5() {
-    var content = this.getContent();
-    var asBoxData = null;
-    var listMenuData = null;
-    if (content) {
-      var asBoxContent = content[`asBoxContent`];
-      if (asBoxContent) {
-        asBoxData = asBoxContent[`data`];
-      }
-      var listMenu = content[`listMenu`];
-      if (listMenu) {
-        listMenuData = listMenu[`data`];
-      }
-    }
-    var items = [];
-    if (asBoxData != null) {
-      items.push(h("kup-box", { data: asBoxData, showSelection: false, showTooltipOnRightClick: false, tooltipEnabled: false, class: "kup-left-aligned kup-top-aligned kup-borderless kup-paddingless" }));
-    }
-    if (listMenuData != null) {
-      items.push(h("kup-list", { data: listMenuData }));
-    }
-    return items;
-  }
-  getInfos() {
-    let infos = null;
-    const content = this.getContent();
-    if (content) {
-      infos = [];
-      for (let i = 1; i <= 2; i++) {
-        const info = content[`info${i}`];
-        if (info && info.label && info.value) {
-          if (info.label != '' && info.value != '') {
-            infos.push(h("div", null,
-              h("div", { class: "label ellipsis" }, info.label),
-              h("div", { class: "value ellipsis" }, info.value)));
-          }
-        }
-      }
-    }
-    return infos;
-  }
-  hasDetail() {
-    switch (this.layout) {
-      case '4': {
-        return false;
-      }
-      case '5': {
-        return false;
-      }
-      default: {
-        return true;
-      }
-    }
-  }
-  isCardLayout() {
-    switch (this.layout) {
-      case '4': {
-        return true;
-      }
-      default: {
-        return false;
-      }
-    }
-  }
-  getCardLayoutContent() {
-    switch (this.layout) {
-      case '4': {
-        return this.getLayout4();
-      }
-      default: {
-        return null;
-      }
-    }
-  }
-  createTooltip() {
-    if (this.data == null) {
-      return null;
-    }
-    let mainContent = null;
-    const mainContentClass = {};
-    switch (this.layout) {
-      case '2': {
-        mainContent = this.getLayout2();
-        mainContentClass['layout2'] = true;
-        break;
-      }
-      case '3': {
-        mainContent = this.getLayout3();
-        mainContentClass['layout3'] = true;
-        break;
-      }
-      case '4': {
-        /** why are you here??? */
-        break;
-      }
-      case '5': {
-        /** why are you here??? */
-        break;
-      }
-      default: {
-        mainContent = this.getDefaultLayout();
-        break;
-      }
-    }
-    let detailContent = null;
-    let detailActions = [];
-    if (this.hasDetailData()) {
-      detailContent = this.getRows().map((row) => row.cells['label'].value === '' ||
-        row.cells['value'].value === '' ? (h("span", null)) : (h("div", { class: "detail-row" },
-        h("div", { class: "detail-row__label ellipsis" }, row.cells['label'].value),
-        h("div", { class: "detail-row__value ellipsis" }, row.cells['value'].value))));
-      if (this.hasActionsData()) {
-        detailActions = this.detailData.actions.command
-          .slice(0, 5)
-          .map((action) => (h("div", { class: "detail-actions__box" },
-          h("kup-button", { title: action.text, icon: action.icon, "onkup-button-click": (event) => this.onActionCommandClick(event, action) }))));
-      }
-    }
-    if (this.hasCellOptionsData()) {
-      detailContent = [
-        h("kup-tree", Object.assign({ class: "kup-full-width", showFilter: true }, this.cellOptions.config, this.cellOptions, { tooltipEnabled: false, "onkup-tree-nodecollapse": (e) => e.stopPropagation(), "onkup-tree-nodeexpand": (e) => this.onKupTreeNodeExpand(e), "onkup-tree-nodeselected": (e) => this.onKupTreeNodeSelected(e), "onkup-tree-buttonclick": (e) => this.onKupTreeNodeButtonClick(e), "onkup-tree-didload": (e) => e.stopPropagation(), "onkup-tree-didunload": (e) => e.stopPropagation(), "onkup-tree-nodedblclick": (e) => this.onKupTreeNodeDblClick(e), "onkup-tree-dynamicmassexpansion": (e) => this.onKupTreeDynamicMassExpansion(e) })),
-      ];
-    }
-    if (this.hasDetailData() ||
-      this.hasCellOptionsData() ||
-      this.firstLoad) {
-      detailActions = [
-        ...detailActions,
-        h("div", { class: "detail-actions__box" },
-          h("kup-button", { title: this.getTooltipForShowOptionsButton(), icon: this.getIconForShowOptionsButton(), "onkup-button-click": () => this.onShowRightClickOptions(), onClick: (e) => e.stopPropagation() })),
-      ];
-    }
-    const detailClass = {
-      visible: this.hasDetailData() || this.hasCellOptionsData(),
-      [this.viewMode]: true,
-      'detail-loaded': this.firstLoad,
-    };
-    return [
-      h("div", { id: "main-content", class: mainContentClass }, mainContent),
-      h("div", { id: "detail", class: detailClass }, detailContent),
-      h("div", { id: "detail-actions", hidden: detailActions == null || detailActions.length == 0 }, detailActions),
-    ];
-  }
-  getTooltipForShowOptionsButton() {
-    if (this.isViewModeTooltip()) {
-      return this.kupManager.language.translate(KupLanguageGeneric.SHOW_ROW_OPTIONS);
-    }
-    else if (this.isViewModeCellOptions()) {
-      return this.kupManager.language.translate(KupLanguageGeneric.SHOW_TOOLTIP_INFO);
-    }
-    else {
-      return '???';
-    }
-  }
-  getIconForShowOptionsButton() {
-    if (this.isViewModeTooltip()) {
-      return 'menu';
-    }
-    else if (this.isViewModeCellOptions()) {
-      return 'menu';
-    }
-    else {
-      return '???';
-    }
-  }
-  onShowRightClickOptions() {
-    this.viewMode =
-      this.viewMode == ViewMode.TOOLTIP
-        ? ViewMode.CELL_OPTIONS
-        : ViewMode.TOOLTIP;
-    this.startLoadDetail(false);
-  }
-  //---- Lifecycle hooks ----
-  componentWillLoad() {
-    this.kupManager.debug.logLoad(this, false);
-    this.kupManager.language.register(this);
-  }
-  componentDidLoad() {
-    this.kupManager.debug.logLoad(this, true);
-  }
-  componentWillRender() {
-    this.kupManager.debug.logRender(this, false);
-  }
-  componentDidRender() {
-    this.kupManager.debug.logRender(this, true);
-  }
-  render() {
-    if (this.isCardLayout()) {
-      return this.getCardLayoutContent();
-    }
-    return (h(Host, null,
-      h("style", null, this.kupManager.theme.setKupStyle(this.rootElement)),
-      h("div", { id: componentWrapperId },
-        h("div", { id: "wrapper", onMouseEnter: (ev) => {
-            this.onMouseEnter();
-            ev.stopPropagation();
-          }, onMouseLeave: (ev) => {
-            this.onMouseLeave();
-            ev.stopPropagation();
-          } },
-          h("div", { id: "tooltip", hidden: !this.visible, onClick: (e) => e.stopPropagation() }, this.layout == '5'
-            ? this.getLayout5()
-            : this.createTooltip())))));
-  }
-  disconnectedCallback() {
-    this.kupManager.language.unregister(this);
-    const dynamicPositionElements = this.rootElement.shadowRoot.querySelectorAll('[' + kupDynamicPositionAttribute + ']');
-    if (dynamicPositionElements.length > 0) {
-      this.kupManager.dynamicPosition.unregister(Array.prototype.slice.call(dynamicPositionElements));
-    }
-  }
-  static get is() { return "kup-tooltip"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["kup-tooltip.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["kup-tooltip.css"]
-  }; }
-  static get properties() { return {
-    "cellOptions": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "TooltipCellOptions",
-        "resolved": "TooltipCellOptions",
-        "references": {
-          "TooltipCellOptions": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Data for cell options"
-      }
-    },
-    "customStyle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [{
-            "name": "default",
-            "text": "\"\""
-          }, {
-            "name": "see",
-            "text": "https://ketchup.smeup.com/ketchup-showcase/#/customization"
-          }],
-        "text": "Custom style of the component."
-      },
-      "attribute": "custom-style",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "data": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "TooltipData",
-        "resolved": "TooltipData",
-        "references": {
-          "TooltipData": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Data for top section"
-      }
-    },
-    "detailData": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "TooltipDetailData",
-        "resolved": "TooltipDetailData",
-        "references": {
-          "TooltipDetailData": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Data for the detail"
-      }
-    },
-    "detailTimeout": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Timeout for loadDetail"
-      },
-      "attribute": "detail-timeout",
-      "reflect": false,
-      "defaultValue": "800"
-    },
-    "layout": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Layout used to display the items"
-      },
-      "attribute": "layout",
-      "reflect": false,
-      "defaultValue": "'1'"
-    },
-    "loadTimeout": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Timeout for tooltip"
-      },
-      "attribute": "load-timeout",
-      "reflect": false,
-      "defaultValue": "1000"
-    },
-    "owner": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Owner of this tooltip"
-      },
-      "attribute": "owner",
-      "reflect": false,
-      "defaultValue": "'not-set'"
-    },
-    "relatedObject": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "TooltipRelatedObject",
-        "resolved": "TooltipRelatedObject",
-        "references": {
-          "TooltipRelatedObject": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Container element for tooltip"
-      }
-    }
-  }; }
-  static get states() { return {
-    "visible": {}
-  }; }
-  static get events() { return [{
-      "method": "kupTooltipLoadData",
-      "name": "kup-tooltip-loaddata",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipLoadEventPayload",
-        "resolved": "KupTooltipLoadEventPayload",
-        "references": {
-          "KupTooltipLoadEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupTooltipLoadDetail",
-      "name": "kup-tooltip-loaddetail",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipLoadEventPayload",
-        "resolved": "KupTooltipLoadEventPayload",
-        "references": {
-          "KupTooltipLoadEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupTooltipLoadCellOptions",
-      "name": "kup-tooltip-loadcelloptions",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipLoadEventPayload",
-        "resolved": "KupTooltipLoadEventPayload",
-        "references": {
-          "KupTooltipLoadEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupActionCommandClick",
-      "name": "kup-tooltip-actioncommandclick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipActionCommandClickEventPayload",
-        "resolved": "KupTooltipActionCommandClickEventPayload",
-        "references": {
-          "KupTooltipActionCommandClickEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupDefaultActionClick",
-      "name": "kup-tooltip-defaultactionclick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipDefaultEventPayload",
-        "resolved": "KupTooltipDefaultEventPayload",
-        "references": {
-          "KupTooltipDefaultEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupDefaultPreviewClick",
-      "name": "kup-tooltip-defaultpreviewclick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipDefaultEventPayload",
-        "resolved": "KupTooltipDefaultEventPayload",
-        "references": {
-          "KupTooltipDefaultEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupDefaultOptionClick",
-      "name": "kup-tooltip-defaultoptionclick",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipDefaultEventPayload",
-        "resolved": "KupTooltipDefaultEventPayload",
-        "references": {
-          "KupTooltipDefaultEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupTreeNodeExpand",
-      "name": "kup-tooltip-treenodeexpand",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipTreeNodeExpandEventPayload",
-        "resolved": "KupTooltipTreeNodeExpandEventPayload",
-        "references": {
-          "KupTooltipTreeNodeExpandEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupTreeNodeButtonClick",
-      "name": "kup-tooltip-treenodebuttonclick",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipTreeNodeButtonClickEventPayload",
-        "resolved": "KupTooltipTreeNodeButtonClickEventPayload",
-        "references": {
-          "KupTooltipTreeNodeButtonClickEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupTreeNodeSelected",
-      "name": "kup-tooltip-treenodeselected",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": "Fired when a node of the tree has been selected"
-      },
-      "complexType": {
-        "original": "KupTooltipTreeNodeSelectedEventPayload",
-        "resolved": "KupTooltipTreeNodeSelectedEventPayload",
-        "references": {
-          "KupTooltipTreeNodeSelectedEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupTreeNodeDblClick",
-      "name": "kup-tooltip-treenodedblclick",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipTreeNodeDblClickEventPayload",
-        "resolved": "KupTooltipTreeNodeDblClickEventPayload",
-        "references": {
-          "KupTooltipTreeNodeDblClickEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }, {
-      "method": "kupTreeDynamicMassExpansion",
-      "name": "kup-tooltip-treedynamicmassexpansion",
-      "bubbles": true,
-      "cancelable": false,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "KupTooltipTreeDynamicMassExpansionEventPayload",
-        "resolved": "KupTooltipTreeDynamicMassExpansionEventPayload",
-        "references": {
-          "KupTooltipTreeDynamicMassExpansionEventPayload": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        }
-      }
-    }]; }
-  static get methods() { return {
-    "refresh": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "This method is used to trigger a new render of the component.",
-        "tags": []
-      }
-    },
-    "setTooltipInfo": {
-      "complexType": {
-        "signature": "(relatedObject: TooltipRelatedObject) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "TooltipRelatedObject": {
-            "location": "import",
-            "path": "./kup-tooltip-declarations"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "unsetTooltipInfo": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "getProps": {
-      "complexType": {
-        "signature": "(descriptions?: boolean) => Promise<GenericObject>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "descriptions - When provided and true, the result will be the list of props with their description."
-              }],
-            "text": "- When provided and true, the result will be the list of props with their description."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "GenericObject": {
-            "location": "import",
-            "path": "../../types/GenericTypes"
-          }
-        },
-        "return": "Promise<GenericObject>"
-      },
-      "docs": {
-        "text": "Used to retrieve component's props values.",
-        "tags": [{
-            "name": "param",
-            "text": "descriptions - When provided and true, the result will be the list of props with their description."
-          }, {
-            "name": "returns",
-            "text": "List of props as object, each key will be a prop."
-          }]
-      }
-    },
-    "setProps": {
-      "complexType": {
-        "signature": "(props: GenericObject) => Promise<void>",
-        "parameters": [{
-            "tags": [{
-                "name": "param",
-                "text": "props - Object containing props that will be set to the component."
-              }],
-            "text": "- Object containing props that will be set to the component."
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          },
-          "GenericObject": {
-            "location": "import",
-            "path": "../../types/GenericTypes"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "Sets the props to the component.",
-        "tags": [{
-            "name": "param",
-            "text": "props - Object containing props that will be set to the component."
-          }]
-      }
-    }
-  }; }
-  static get elementRef() { return "rootElement"; }
-  static get watchers() { return [{
-      "propName": "relatedObject",
-      "methodName": "onElementChanged"
-    }, {
-      "propName": "data",
-      "methodName": "onDataChanged"
-    }, {
-      "propName": "cellOptions",
-      "methodName": "onTooltipDetailChanged"
-    }, {
-      "propName": "detailData",
-      "methodName": "onTooltipDetailChanged"
-    }]; }
-}