@yoobic/yobi 8.7.10 → 8.7.12

package/dist/collection/feature-communicate/feed/chart-bar/chart-bar.js

@@ -0,0 +1,197 @@
+import { getSession, translate } from '@shared/utils';
+import { h, Host } from '@stencil/core';
+import { getAppContext } from '@yobi/utils/helpers/common-helpers';
+import { compact, flatten, max, sum, uniq } from 'lodash-es';
+export class YooChartBarComponent {
+  constructor() {
+    this.heading = undefined;
+    this.footerText = 'YOOBICSMARTVOTES';
+    this.isFullScreen = undefined;
+    this.data = undefined;
+    this.size = 'large';
+    this.color = 'app-color';
+  }
+  getTotal() {
+    return sum(this.data.map((e) => e.y || 0)) || 1;
+  }
+  getMax() {
+    return max(this.data.map((e) => e.y));
+  }
+  getTotalVotes() {
+    const users = uniq(compact(flatten(this.data.map((e) => e.users || []))));
+    return (users === null || users === void 0 ? void 0 : users.length) || 0;
+  }
+  renderBar(entry) {
+    var _a;
+    const percentage = Math.round((entry.y || 0) / this.getTotal() * 100);
+    const isMax = entry.y === this.getMax();
+    const isSelected = ((_a = entry.users) === null || _a === void 0 ? void 0 : _a.indexOf(getSession().userId)) >= 0;
+    return h("div", { class: { bar: true, selected: isSelected, bordered: percentage <= 0, maximum: isMax }, onClick: () => this.barClicked.emit(entry) }, percentage > 0 && h("div", { class: "bar-background", style: { width: percentage + '%' } }), h("div", { class: "bar-title" }, h("span", { class: "title" }, entry.name, " "), isSelected && h("yoo-icon", { color: this.color, name: "tick", size: this.size === 'large' ? 'medium' : this.size })), h("div", { class: "bar-value" }, percentage, "%"));
+  }
+  renderTotalVotes() {
+    const total = this.getTotalVotes();
+    return h("div", { class: "total" }, translate(this.footerText, { smart_count: total, count: total.toLocaleString() }));
+  }
+  render() {
+    var _a;
+    return h(Host, { class: getAppContext(this.host), dir: document.dir, size: this.size }, h("div", { class: "container" }, h("div", { class: "header" }, h("div", { class: "title" }, this.heading)), h("div", { class: "bars" }, (_a = this.data) === null || _a === void 0 ? void 0 : _a.map((entry) => this.renderBar(entry))), this.renderTotalVotes()));
+  }
+  static get is() { return "yoo-chart-bar"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["chart-bar.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["chart-bar.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "heading",
+        "reflect": false
+      },
+      "footerText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "footer-text",
+        "reflect": false,
+        "defaultValue": "'YOOBICSMARTVOTES'"
+      },
+      "isFullScreen": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-full-screen",
+        "reflect": false
+      },
+      "data": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IChartBarEntry[]",
+          "resolved": "IChartBarEntry[]",
+          "references": {
+            "IChartBarEntry": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      },
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TSize",
+          "resolved": "\"extra-extra-extra-large\" | \"extra-extra-large\" | \"extra-large\" | \"extra-small\" | \"large\" | \"medium\" | \"small\"",
+          "references": {
+            "TSize": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": true,
+        "defaultValue": "'large'"
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TColor",
+          "resolved": "string",
+          "references": {
+            "TColor": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": true,
+        "defaultValue": "'app-color'"
+      }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "barClicked",
+        "name": "barClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IChartBarEntry",
+          "resolved": "IChartBarEntry",
+          "references": {
+            "IChartBarEntry": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        }
+      }];
+  }
+  static get elementRef() { return "host"; }
+}

package/dist/design-system/{annotations-helpers-cca56794.js → annotations-helpers-0f885853.js}

@@ -1,5 +1,5 @@
-import './index-18312453.js';
-import { b9 as getUUID } from './index-2c0b5394.js';
+import './index-fcad4af8.js';
+import { b9 as getUUID } from './index-bd6fd8e6.js';
 
 function isAnnotationEmpty(annotation) {
   return !(annotation === null || annotation === void 0 ? void 0 : annotation.text);

package/dist/design-system/{buffer-es6-082a0404.js → buffer-es6-617d33e3.js}

@@ -1,4 +1,4 @@
-import { g as global } from './lodash-294b93ba.js';
+import { g as global } from './lodash-04b11500.js';
 
 var lookup = [];
 var revLookup = [];

package/dist/{esm/button.factory-a27c9ca6.js → design-system/button.factory-82fe7e07.js}

@@ -1,4 +1,4 @@
-import { ae as translateMulti } from './index-2c0b5394.js';
+import { ae as translateMulti } from './index-bd6fd8e6.js';
 import { h } from './index-23b437f1.js';
 
 const getButton = (button) => {

package/dist/{esm/camera-helpers-67e755f7.js → design-system/camera-helpers-b23da26b.js}

@@ -1,5 +1,5 @@
-import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-2c0b5394.js';
-import './index-18312453.js';
+import { ct as cordova, cu as AwesomeCordovaNativePlugin, cv as cordovaPropertyGet, cw as cordovaPropertySet, cx as registerPlugin, ag as getSession, cy as getDeviceModel, cz as getDevicePlatform, cA as isIonic, l as isNativeMobile, m as isAndroid, M as isIOS, B as getMediaDevices, G as showModal, E as getModalAnimation, H as isWeb } from './index-bd6fd8e6.js';
+import './index-fcad4af8.js';
 
 var __extends$2 = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {
@@ -249,7 +249,7 @@ var CameraResultType;
 })(CameraResultType || (CameraResultType = {}));
 
 const Camera = registerPlugin('Camera', {
-    web: () => import('./web-357ab075.js').then(m => new m.CameraWeb()),
+    web: () => import('./web-51db545c.js').then(m => new m.CameraWeb()),
 });
 
 var MediaPictureOptions;

package/dist/{esm/chat-helpers-58eaaa6b.js → design-system/chat-helpers-d3a63244.js}

@@ -1,6 +1,6 @@
-import './index-18312453.js';
-import { a as isArray } from './lodash-294b93ba.js';
-import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-2c0b5394.js';
+import './index-fcad4af8.js';
+import { a as isArray } from './lodash-04b11500.js';
+import { t as translate, av as isFile, aw as replaceAtTagToMentionTag, ax as replaceAllLinks, ae as translateMulti } from './index-bd6fd8e6.js';
 
 /**
  * Get the proper data format for a single message aswell as grouped messages

package/dist/design-system/{common-helpers-e978e280.js → common-helpers-7e61c241.js}

@@ -1,6 +1,6 @@
-import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-2c0b5394.js';
-import './index-18312453.js';
-import { E as get } from './lodash-294b93ba.js';
+import { E as getModalAnimation, F as findDevice, t as translate, G as showModal, H as isWeb, I as debounce, J as querySelectorDeep$1, l as isNativeMobile, S as ScreenOrientation, K as isRTL, L as isIphoneX, n as isIpadPro, p as isTablet, k as isFullScreenFalse, M as isIOS, m as isAndroid, N as setAnimation, O as animations, P as getCssColor, Y as YOOBICON_ENTITIES_MAP, Q as startOf, R as isDateBefore, T as dateDiffInCalendarDays, U as isDateAfter, V as getAsyncExtraData, W as findParent, X as isNativeFilePath, D as cleanupWKWebViewFilePath, Z as Cloudinary, $ as getProtocol, a0 as CloudinaryGradientLayer } from './index-bd6fd8e6.js';
+import './index-fcad4af8.js';
+import { E as get } from './lodash-04b11500.js';
 
 function getDefaultModalAnimation(host) {
   return ['Enter', 'Leave'].map((v) => getModalAnimation(v, 'X', { host, reversedSlide: true }));