@yoobic/yobi 8.7.5 → 8.7.6

package/dist/design-system/yoo-kpi.entry.js

@@ -1,150 +0,0 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-23b437f1.js';
-import { H as isWeb, t as translate } from './index-339f53e6.js';
-import { l as getPhotoSVG } from './annotations-helpers-59172717.js';
-import './index-c1ffdb32.js';
-import './lodash-8307f78b.js';
-import './_commonjsHelpers-f4d11124.js';
-import './index-8968d0fb.js';
-
-const kpiCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}:host .photo-container{position:relative;width:100%;height:100%}:host .photo-container yoo-form-carousel{display:block;-ms-flex:1;flex:1;height:100%;overflow:hidden}:host .animated-illustration{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100%}:host .animated-illustration yoo-animated-illustration{height:6.25rem}:host .animated-illustration div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem)}";
-
-const YooKpiComponent = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.kpiClick = createEvent(this, "kpiClick", 7);
-    this.kpiDoubleClick = createEvent(this, "kpiDoubleClick", 7);
-    this.kpiLegendItemClick = createEvent(this, "kpiLegendItemClick", 7);
-    this.kpiLinkClick = createEvent(this, "kpiLinkClick", 7);
-    this.kpiEdited = createEvent(this, "kpiEdited", 7);
-    this.fetchDetails = createEvent(this, "fetchDetails", 7);
-    this.openInFullscreen = createEvent(this, "openInFullscreen", 7);
-    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()));
-  }
-  get host() { return getElement(this); }
-};
-YooKpiComponent.style = kpiCss;
-
-export { YooKpiComponent as yoo_kpi };