@yoobic/yobi 8.7.4 → 8.7.6

package/dist/collection/feature-platform/insight/kpi/kpi.js

@@ -1,586 +0,0 @@
-import { isWeb, translate } from '@shared/utils-login';
-import { h, Host } from '@stencil/core';
-import { getPhotoSVG } from '@yobi/utils/helpers/annotations-helpers';
-export class YooKpiComponent {
-  constructor() {
-    this.type = undefined;
-    this.config = undefined;
-    this.photosSrc = undefined;
-    this.definition = undefined;
-    this.isFullScreen = undefined;
-    this.isFullHeight = undefined;
-    this.isFormPreview = undefined;
-    this.hideIfEmpty = undefined;
-    this.chartClass = undefined;
-    this.showTable = undefined;
-    this.disableResize = undefined;
-    this.disableAnimation = undefined;
-  }
-  async getSVG(width, height, x, y, margin = 0) {
-    var _a, _b;
-    if (this.chart) {
-      return this.chart.getSVG(width, height, x, y, margin);
-    }
-    else if (this.map) {
-      return this.map.getSVG(width, height, x, y, margin);
-    }
-    else if ((_a = this.photosSrc) === null || _a === void 0 ? void 0 : _a.length) {
-      return getPhotoSVG((_b = this.photosSrc[0]) === null || _b === void 0 ? void 0 : _b.value, width, height, x, y, margin);
-    }
-    else if (this.pivotTable) {
-      return this.pivotTable.getSVG(width, height, x, y, margin);
-    }
-    return Promise.resolve('');
-  }
-  async resize() {
-    if (this.chart) {
-      this.chart.resize();
-    }
-    else if (this.map) {
-      this.map.resize();
-    }
-  }
-  async export() {
-    if (this.chart) {
-      this.chart.export(this.getFileName());
-    }
-  }
-  async exportCSV() {
-    if (this.chart) {
-      this.chart.exportCSV(this.getFileName());
-    }
-    if (this.pivotTable) {
-      this.pivotTable.exportCSV(this.getFileName());
-    }
-  }
-  async exportXLSX() {
-    if (this.pivotTable) {
-      this.pivotTable.exportXLSX(this.getFileName());
-    }
-  }
-  async toogleToolsPanel() {
-    if (this.pivotTable) {
-      this.pivotTable.toogleToolsPanel();
-    }
-  }
-  getFileName() {
-    if (this.definition && this.definition.title) {
-      return this.definition.title;
-    }
-    return 'chart';
-  }
-  onEdited(ev) {
-    ev.stopPropagation();
-    this.kpiEdited.emit(ev.detail);
-  }
-  onChartClick(ev) {
-    ev.stopPropagation();
-    this.kpiClick.emit(ev.detail);
-  }
-  onChartDoubleClick(ev) {
-    ev.stopPropagation();
-    this.kpiDoubleClick.emit(ev.detail);
-  }
-  onChartLegendItemClick(ev) {
-    ev.stopPropagation();
-    this.kpiLegendItemClick.emit(ev.detail);
-  }
-  onMarkersSelect(ev) {
-    ev.stopPropagation();
-    this.kpiClick.emit(ev.detail.map((m) => m._id));
-  }
-  onKpiLinkClick(ev) {
-    ev.stopPropagation();
-    this.kpiLinkClick.emit(ev.detail);
-  }
-  renderBasedOnType() {
-    var _a, _b;
-    const chartClass = this.chartClass || '';
-    // if (this.showTable) {
-    //   chartClass += ' showtable';
-    // }
-    switch (this.type) {
-      case 'micro':
-        return h("yoo-chart-micro", { config: this.config, definition: this.definition, isFullScreen: this.isFullScreen });
-      case 'calendar':
-        return null;
-      case 'carousel':
-        return this.photosSrc ? (h("div", { class: "photo-container" }, h("yoo-form-carousel", { ref: (el) => (this.carousel = el), usePhotoEditor: true, navbarVisiblity: "hidden", mediaSrc: this.photosSrc.map((photo) => (photo.isImageRecognition && (photo === null || photo === void 0 ? void 0 : photo.drawings) || photo.value)), annotations: this.photosSrc.map((photo) => photo === null || photo === void 0 ? void 0 : photo.annotations), drawings: this.photosSrc.map((photo) => photo === null || photo === void 0 ? void 0 : photo.drawings), class: { light: true, 'form-preview': this.isFormPreview } }))) : (h("div", { class: "animated-illustration" }, h("yoo-animated-illustration", { type: "photos" }), h("div", null, translate('LISTEMPTY'))));
-      case 'grid':
-        return (h("yoo-pivot-table", { ref: (el) => (this.pivotTable = el), onEdited: (ev) => this.onEdited(ev), onRowClick: (ev) => this.onChartClick(ev), onRowDoubleClick: (ev) => this.onChartDoubleClick(ev), config: this.config, definition: this.definition, isFullScreen: this.isFullScreen, gridClass: "grid-alternate no-border", class: {
-            'rounded': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('rounded')
-          } }));
-      case 'map':
-        return (h("yoo-map", { class: "flex", ref: (el) => (this.map = el), markers: this.config.markers, useCluster: true, groupBy: "status", filterGroups: this.definition.mapFilters, showLegend: true, zoom: 2,
-          // showLegend={this.isFullScreen || isWeb(this.host) ? this.definition.showLegend : false}
-          showFullscreenControl: isWeb(this.host), onSelected: (ev) => this.onMarkersSelect(ev) }));
-      case 'chartio':
-      case 'external':
-        return (h("yoo-kpi-external", { config: this.config, definition: this.definition, onKpiLinkClick: (ev) => this.onKpiLinkClick(ev), onOpenInFullscreen: () => this.openInFullscreen.emit(true) }));
-      case 'chart':
-      default:
-        return (h("yoo-chart", { class: chartClass, ref: (el) => (this.chart = el), onChartClick: (ev) => this.onChartClick(ev), onChartDoubleClick: (ev) => this.onChartDoubleClick(ev), onChartLegendItemClick: (ev) => this.onChartLegendItemClick(ev), config: this.config, definition: this.definition, isFullScreen: this.isFullScreen, hideIfEmpty: this.hideIfEmpty, disableResize: this.disableResize, disableAnimation: this.disableAnimation }));
-    }
-  }
-  render() {
-    return (h(Host, { class: {
-        'full-height': this.isFullHeight,
-        web: isWeb(this.host)
-      } }, this.renderBasedOnType()));
-  }
-  static get is() { return "yoo-kpi"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["kpi.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["kpi.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "IKpiTypes",
-          "resolved": "\"calendar\" | \"carousel\" | \"chart\" | \"chartio\" | \"external\" | \"grid\" | \"map\" | \"micro\"",
-          "references": {
-            "IKpiTypes": {
-              "location": "import",
-              "path": "@yobi/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "type",
-        "reflect": false
-      },
-      "config": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "config",
-        "reflect": false
-      },
-      "photosSrc": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "any[]",
-          "resolved": "any[]",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "definition": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "IChartDefinition",
-          "resolved": "IChartDefinition",
-          "references": {
-            "IChartDefinition": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        }
-      },
-      "isFullScreen": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-full-screen",
-        "reflect": false
-      },
-      "isFullHeight": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-full-height",
-        "reflect": false
-      },
-      "isFormPreview": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "is-form-preview",
-        "reflect": false
-      },
-      "hideIfEmpty": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "hide-if-empty",
-        "reflect": false
-      },
-      "chartClass": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "chart-class",
-        "reflect": false
-      },
-      "showTable": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "show-table",
-        "reflect": false
-      },
-      "disableResize": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disable-resize",
-        "reflect": false
-      },
-      "disableAnimation": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disable-animation",
-        "reflect": false
-      }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "kpiClick",
-        "name": "kpiClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "kpiDoubleClick",
-        "name": "kpiDoubleClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "string[]",
-          "resolved": "string[]",
-          "references": {}
-        }
-      }, {
-        "method": "kpiLegendItemClick",
-        "name": "kpiLegendItemClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "kpiLinkClick",
-        "name": "kpiLinkClick",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "kpiEdited",
-        "name": "kpiEdited",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "IChartDefinition",
-          "resolved": "IChartDefinition",
-          "references": {
-            "IChartDefinition": {
-              "location": "import",
-              "path": "@shared/interfaces"
-            }
-          }
-        }
-      }, {
-        "method": "fetchDetails",
-        "name": "fetchDetails",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "openInFullscreen",
-        "name": "openInFullscreen",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "getSVG": {
-        "complexType": {
-          "signature": "(width: any, height: any, x: any, y: any, margin?: number) => Promise<string>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }, {
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<string>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "resize": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "export": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "exportCSV": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "exportXLSX": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      },
-      "toogleToolsPanel": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
-      }
-    };
-  }
-  static get elementRef() { return "host"; }
-}