@yoobic/yobi 8.2.0-1 → 8.2.0-4

package/dist/collection/components/form/form-phone-number/form-phone-number.js

@@ -3,7 +3,7 @@ import { Component, Element, Event, h, Host, Listen, Prop, State, Watch } from '
 import { formatIncompletePhoneNumber, getCountries, getCountryCallingCode, getExampleNumber, parsePhoneNumberFromString } from 'libphonenumber-js';
 import * as examples from 'libphonenumber-js/examples.mobile.json';
 import { getGeolocation } from '../../../utils/helpers/geolocation-helpers';
-import { Dialog, Error, Input, List, Search } from './parts';
+import { Error, Input, List, Search } from './parts';
 const getRegionalIndicatorSymbol = (letter) => String.fromCodePoint(0x1f1e6 - 65 + letter.toUpperCase().charCodeAt(0));
 const getCountryFlag = (country) => getRegionalIndicatorSymbol(country[0]) + getRegionalIndicatorSymbol(country[1]);
 export class YooFormPhoneNumberComponent {
@@ -32,6 +32,11 @@ export class YooFormPhoneNumberComponent {
      * If `true`, the user cannot edit the value.
      */
     this.readonly = false;
+    /**
+     * Whether to use geolocation (will remove loader)
+     */
+    this.useGeolocation = true;
+    this.isLoading = false;
   }
   get phoneNumber() {
     return this.value && parsePhoneNumberFromString(this.value);
@@ -58,7 +63,7 @@ export class YooFormPhoneNumberComponent {
       }))
         .sort((country1, country2) => country1.label.localeCompare(country2.label));
       this.options = this.countries;
-      getGeolocation().then(({ countryCode }) => (this.geolocation = this.countries.find(({ code }) => code === countryCode)));
+      this.updateGeolocation();
       this.updateInputStates();
     }
   }
@@ -82,6 +87,14 @@ export class YooFormPhoneNumberComponent {
       this.updateValue(phoneNumber);
     }
   }
+  updateGeolocation() {
+    if (this.useGeolocation) {
+      this.isLoading = true;
+      getGeolocation()
+        .then(({ countryCode }) => (this.geolocation = this.countries.find(({ code }) => code === countryCode)))
+        .finally(() => (this.isLoading = false));
+    }
+  }
   updateValue(phoneNumber) {
     var _a;
     const value = (_a = phoneNumber === null || phoneNumber === void 0 ? void 0 : phoneNumber.number) === null || _a === void 0 ? void 0 : _a.toString();
@@ -101,17 +114,20 @@ export class YooFormPhoneNumberComponent {
     var _a;
     const internationalNumber = this.readonly && ((_a = this.phoneNumber) === null || _a === void 0 ? void 0 : _a.formatInternational());
     return (h(Host, null,
-      this.readonly && h("yoo-link", { size: this.size, href: `tel:${internationalNumber}` }, internationalNumber),
+      !this.isLoading && this.readonly && h("yoo-link", { size: this.size, href: `tel:${internationalNumber}` }, internationalNumber),
       !this.readonly && [
-        h(Input, { clearable: this.clearable, country: this.selectedCountry, disabled: this.disabled, focusedOnce: this.focusedOnce, name: this.name, placeholder: this.placeholder || getExampleNumber(this.selectedCountry.code, examples).formatNational(), required: this.required, size: this.size, valid: this.valid, value: this.nationalNumber, onChange: (value) => (this.nationalNumber = value), onFocus: () => (this.focusedOnce = true), onToggleCountries: () => (this.expanded = !this.expanded) }),
+        h(Input, { isLoading: this.isLoading, clearable: this.clearable, country: this.selectedCountry, disabled: this.disabled, focusedOnce: this.focusedOnce, name: this.name, placeholder: this.placeholder || getExampleNumber(this.selectedCountry.code, examples).formatNational(), required: this.required, size: this.size, valid: this.valid, value: this.nationalNumber, onChange: (value) => (this.nationalNumber = value), onFocus: () => (this.focusedOnce = true), onToggleCountries: () => (this.expanded = !this.expanded) }),
         h(Error, { hidden: this.disabled || this.expanded || !this.focusedOnce || this.valid, message: translate('INCORRECTFORMAT') }),
-        h(Dialog, { hidden: !this.expanded },
-          h(Search, { disabled: this.disabled, size: this.size, onChange: (search) => (this.options = this.countries.filter((country) => country.toString().toLowerCase().includes(search.toLowerCase()))) }),
-          h("hr", null),
-          h(List, { geolocation: this.geolocation, options: this.options, value: this.selectedCountry, onChange: (country) => {
-              this.country = country;
-              this.expanded = false;
-            } }))
+        h("yoo-context-dialog", { hidden: !this.expanded, class: "absolute" }, this.isLoading
+          ? h("yoo-loader", { size: "extra-large" })
+          : [
+            h(Search, { disabled: this.disabled, size: this.size, onChange: (search) => (this.options = this.countries.filter((country) => country.toString().toLowerCase().includes(search.toLowerCase()))) }),
+            h("hr", null),
+            h(List, { options: this.options, value: this.selectedCountry, onChange: (country) => {
+                this.country = country;
+                this.expanded = false;
+              } })
+          ])
       ]));
   }
   static get is() { return "yoo-form-phone-number"; }
@@ -286,6 +302,24 @@ export class YooFormPhoneNumberComponent {
       },
       "attribute": "value",
       "reflect": false
+    },
+    "useGeolocation": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": "Whether to use geolocation (will remove loader)"
+      },
+      "attribute": "use-geolocation",
+      "reflect": false,
+      "defaultValue": "true"
     }
   }; }
   static get states() { return {
@@ -293,7 +327,8 @@ export class YooFormPhoneNumberComponent {
     "focusedOnce": {},
     "geolocation": {},
     "nationalNumber": {},
-    "options": {}
+    "options": {},
+    "isLoading": {}
   }; }
   static get events() { return [{
       "method": "inputChanged",

package/dist/collection/components/form/form-phone-number/parts/index.js

@@ -1,4 +1,3 @@
-export * from './dialog';
 export * from './error';
 export * from './input';
 export * from './list';

package/dist/collection/components/form/form-phone-number/parts/input.js

@@ -1,8 +1,9 @@
 import { h } from '@stencil/core';
-export const Input = ({ clearable, country, disabled, focusedOnce, name, placeholder, required, size, valid, value, onChange, onFocus, onToggleCountries }) => (h("div", { class: { input: true, invalid: focusedOnce && !valid } },
-  h("strong", { class: "clickable country-code", onClick: onToggleCountries },
-    country.flag,
-    " +",
-    country.callingCode),
+export const Input = ({ isLoading, clearable, country, disabled, focusedOnce, name, placeholder, required, size, valid, value, onChange, onFocus, onToggleCountries }) => (h("div", { class: { input: true, invalid: focusedOnce && !valid } },
+  h("strong", { class: "clickable country-code", onClick: onToggleCountries }, isLoading ? h("yoo-loader", { size: size === 'small'
+      ? 'extra-small'
+      : size === 'medium'
+        ? 'small'
+        : 'medium' }) : `${country.flag} +${country.callingCode}`),
   h("input", { disabled: disabled, name: name, placeholder: placeholder, required: required, type: "tel", value: value, onFocus: onFocus, onInput: (event) => onChange(event.target.value) }),
   clearable && (h("yoo-icon", { class: "clickable", name: "cross", hidden: !value, size: size === 'large' ? 'medium' : 'small', onMouseDown: (event) => event.preventDefault(), onClick: () => onChange(null) }))));

package/dist/collection/components/form/form-phone-number/parts/list.js

@@ -1,6 +1,4 @@
 import { h } from '@stencil/core';
 import { ListItem } from './list-item';
-const getOptions = (options, geolocation) => (geolocation ? options.filter((option) => option !== geolocation) : options);
-export const List = ({ geolocation, options, value, onChange }) => (h("ul", null,
-  geolocation && h(ListItem, { option: geolocation, onClick: () => geolocation !== value && onChange(geolocation) }),
-  getOptions(options, geolocation).map((option) => (h(ListItem, { option: option, onClick: () => option !== value && onChange(option) })))));
+const getOptions = (options, value) => (value ? options.filter((option) => option !== value) : options);
+export const List = ({ value, options, onChange }) => (h("ul", null, getOptions(options, value).map((option) => (h(ListItem, { option: option, onClick: () => onChange(option) })))));

package/dist/collection/components/form/form-pricecheck/form-pricecheck.js

@@ -141,7 +141,7 @@ export class YooFormPricecheckComponent {
           form.header = product.title;
           form.slides = [
             {
-              title: 'GENERAL',
+              title: 'YOOBICGENERAL',
               items: [
                 { name: 'product', readonly: true, type: FormFieldType.catalog, check: true },
                 {

package/dist/collection/components/form/form-recap-step/form-recap-step.js

@@ -132,7 +132,7 @@ export class YooFormRecapStepComponent {
       "mutable": false,
       "complexType": {
         "original": "TIconName",
-        "resolved": "\"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"circle\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
+        "resolved": "\"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
         "references": {
           "TIconName": {
             "location": "import",

package/dist/collection/components/form/form-swipe-cards/form-swipe-cards.js

@@ -123,6 +123,13 @@ export class YooFormSwipeCardsComponent {
     if (!this.showInstructionView) {
       this.initDraggable();
     }
+    const showCategoriesWarning = this.livePreview && !this.hasTwoCategories;
+    if (showCategoriesWarning) {
+      showWarningAlert(this.host, true, 'NOTFULFILLEDCATEGORIES');
+    }
+    else {
+      this.showValuesWarning();
+    }
   }
   updateCardsData() {
     if (this.hasDataChanged) {
@@ -149,6 +156,9 @@ export class YooFormSwipeCardsComponent {
     return (_a = this.cardsElements) === null || _a === void 0 ? void 0 : _a.find((cardElement) => (cardElement === null || cardElement === void 0 ? void 0 : cardElement.id) === id);
   }
   spyOnValuesChanged() {
+    this.showValuesWarning();
+  }
+  showValuesWarning() {
     if (this.hasTwoCategories && this.livePreview) {
       this.hasEmptyValues = !!this.numberEmptyItems.text || !!this.numberEmptyItems.image;
       this.hasDuplicatesValues = this.hasText && hasDuplicates(this.values);
@@ -414,7 +424,8 @@ export class YooFormSwipeCardsComponent {
     ]);
   }
   renderBanner() {
-    return this.livePreview && h("yoo-banner", null);
+    return this.livePreview && h("yoo-banner", null,
+      h("p", { slot: "content" }));
   }
   render() {
     return (h(Host, { ...(this.formHeight && { style: { height: `${this.formHeight}px` } }), class: { ...getAppContext(this.host), 'swiper-no-swiping': !this.readonly } },

package/dist/collection/components/form/form-task/form-task.js

@@ -128,12 +128,12 @@ export class YooFormTaskComponent {
       : null;
   }
   renderReadonly() {
-    return (h("div", { class: { readonly: true, pdf: this.isPdf } }, this.value && this.value.length > 0 ? [this.hideTitle ? null : h("div", { class: "title" }, translate('ACTIONS')), this.renderTasks()] : null));
+    return (h("div", { class: { readonly: true, pdf: this.isPdf } }, this.value && this.value.length > 0 ? [this.hideTitle ? null : h("div", { class: "title" }, translate('YOOBICACTIONS')), this.renderTasks()] : null));
   }
   renderEditable() {
     var _a, _b, _c;
     return (h("div", { class: { 'outer-container': true, empty: !((_a = this.value) === null || _a === void 0 ? void 0 : _a.length), pdf: this.isPdf } },
-      ((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) ? h("div", { class: "title" }, translate('ACTIONS')) : null,
+      ((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) ? h("div", { class: "title" }, translate('YOOBICACTIONS')) : null,
       this.renderTasks(),
       this.type === 'todo' || this.type === 'task' ? (h("div", { class: { newtask: true, nomargin: !((_c = this.value) === null || _c === void 0 ? void 0 : _c.length) } },
         h("yoo-button", { color: "stable-light", onClick: () => this.onAddNewTask() },

package/dist/collection/components/form/form-text-editor/form-text-editor.css

@@ -211,15 +211,6 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   border: none;
   border-radius: 0;
 }
-:host .container.fullscreen.fr-toolbar-open .fr-wrapper {
-  height: calc(100% - 6.25rem) !important;
-}
-:host .container.fullscreen .fr-wrapper {
-  height: calc(100% - 2.5625rem) !important;
-}
-:host .container.fullscreen .fr-wrapper iframe {
-  height: 100% !important;
-}
 
 :host(.link) {
   display: flex;

package/dist/collection/components/form/form-text-editor/form-text-editor.js

@@ -274,9 +274,9 @@ export class YooFormTextEditorComponent {
       toolbarInline: false,
       toolbarButtons: {
         moreRich: {
-          buttons: compact(['yooUploadButton', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'yooDocumentImporterButton', 'insertFile', 'insertHR']),
+          buttons: ['yooUploadButton', 'yooDocumentImporterButton', 'emoticons', 'insertImage', 'insertVideo', 'insertTable', 'insertLink', 'specialCharacters', 'insertFile', 'insertHR'],
           align: 'left',
-          buttonsVisible: this.isFullscreen ? 6 : 2
+          buttonsVisible: this.isFullscreen ? 7 : 2
         },
         moreText: {
           buttons: ['bold', 'italic', 'underline', 'textColor', 'backgroundColor', 'strikeThrough', 'subscript', 'superscript', 'fontFamily', 'fontSize', 'clearFormatting'],

package/dist/collection/components/form/form-time/form-time.js

@@ -1,7 +1,6 @@
-import { DatePicker } from '@ionic-native/date-picker';
-import { dateAdd, dateFormat, dateSub, getCurrentLanguage, getHours, getRoundedMinutes, is24Hour, isAndroid, isDateAfter, isDateBefore, isNativeMobile, pipes, roundToNearestMinutes, setDateMilliseconds, setDateMinutes, setDateSeconds, translate } from '@shared/utils';
+import { dateAdd, dateFormat, dateSub, getHours, getRoundedMinutes, is24Hour, isDateAfter, isDateBefore, pipes, roundToNearestMinutes, setDateMilliseconds, setDateMinutes, setDateSeconds, translate } from '@shared/utils';
 import { Component, Event, h, Prop, State } from '@stencil/core';
-import { blurActiveElement, convertValueForInputType, formatMinMaxDate, getTimeDisplayValue, onInputBlurred, onInputClear, onInputFocused, setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
+import { setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
 const MINUTES_INCREMENT_SIZE = 5;
 export class YooFormTimeComponent {
   constructor() {
@@ -10,8 +9,6 @@ export class YooFormTimeComponent {
     this.clearable = true;
     this.isSchedule = false;
     this.is24Hour = true;
-    this.isNativeMobileTimePicker = false;
-    this.isNativeMobileTimePickerOpen = false;
     this.timePeriod = 'AM';
     this.setCurrentTime = () => {
       const selectedHours = this.hoursInput.value;
@@ -30,7 +27,6 @@ export class YooFormTimeComponent {
   }
   componentWillLoad() {
     setValidator(this);
-    this.isNativeMobileTimePicker = isNativeMobile();
     this.is24Hour = is24Hour();
     if (!this.value) {
       this.value = new Date();
@@ -113,71 +109,6 @@ export class YooFormTimeComponent {
     }
     return result;
   }
-  onInputClick(ev) {
-    const ANDROID_NATIVE_TIME_PICKER_LOAD_TIME = 1000;
-    ev.stopPropagation();
-    if (this.isNativeMobileTimePicker) {
-      blurActiveElement(ev);
-      // Picker only opens in Android if it receives a date object
-      // https://github.com/VitaliiBlagodir/cordova-plugin-datepicker/commit/473f1bdc31bc68163b85bdb842516ed320876fa3
-      let initValue = this.value ? (isAndroid() && typeof this.value === 'string' ? new Date(this.value) : this.value) : new Date();
-      initValue = roundToNearestMinutes(initValue, 5);
-      const { minDate, maxDate } = formatMinMaxDate(this.minDate, this.maxDate);
-      if (!this.isNativeMobileTimePickerOpen) {
-        this.isNativeMobileTimePickerOpen = true;
-        if (isAndroid()) {
-          // This is to fix an issue with the Android back button
-          // Another istance of the time picker can not be opened once a date picker is open
-          setTimeout(() => {
-            this.isNativeMobileTimePicker = false;
-          }, ANDROID_NATIVE_TIME_PICKER_LOAD_TIME);
-        }
-        DatePicker.show({
-          date: initValue,
-          mode: this.type,
-          is24Hour: this.is24Hour,
-          maxDate,
-          minDate,
-          okText: translate('YOOBICOK'),
-          cancelText: translate('CANCEL'),
-          todayText: translate('TODAY'),
-          nowText: this.isSchedule ? '' : translate('NOW'),
-          doneButtonLabel: translate('YOOBICDONE'),
-          cancelButtonLabel: translate('CANCEL'),
-          locale: getCurrentLanguage(),
-          minuteInterval: this.minuteInterval,
-          androidTheme: DatePicker.ANDROID_THEMES.THEME_DEVICE_DEFAULT_LIGHT
-        })
-          .then((date) => {
-          this.isNativeMobileTimePickerOpen = false;
-          const value = convertValueForInputType(date, this.type);
-          setValueAndValidateInput(value, this);
-        }, () => {
-          this.isNativeMobileTimePickerOpen = false;
-        })
-          .catch(() => {
-          this.isNativeMobileTimePickerOpen = false;
-        });
-      }
-    }
-    else {
-      if (!this.isNativeMobileTimePickerOpen) {
-        this.isNativeMobileTimePickerOpen = true;
-      }
-    }
-  }
-  onDateInputFocused(ev) {
-    // prevent the native date picker fired up when the input is focused
-    if (this.isNativeMobileTimePicker) {
-      ev.stopPropagation();
-      ev.preventDefault();
-      return;
-    }
-    onInputFocused(this, '.outer-container');
-  }
-  onClearClicked() {
-    onInputClear(this);
-  }
   getIconSize() {
     return this.size === 'medium' ? 'small' : 'medium';
   }
@@ -215,23 +146,13 @@ export class YooFormTimeComponent {
       h("input", { name: "hours", ref: (el) => (this.hoursInput = el), class: "input-hours", type: "text", value: this.value ? this.getDisplayHours(this.value) : this.getDisplayHours(new Date()), required: this.required, readonly: true }),
       this.renderTimeControls('h')));
   }
-  renderInputField() {
-    return (h("input", { name: "time", class: this.isNativeMobileTimePicker ? 'native' : '', type: "", value: getTimeDisplayValue(this.value), required: this.required, onFocus: (ev) => this.onDateInputFocused(ev), onClick: (ev) => this.onInputClick(ev), onBlur: (ev) => onInputBlurred(ev, this, '.outer-container') }));
-  }
-  renderNativeInput() {
-    return (h("div", { class: "outer-container" },
-      h("div", { class: "icon-prefix" },
-        h("yoo-icon", { size: this.getIconSize(), name: "alarm" })),
-      h("div", { class: "input-container flex" }, this.renderInputField()),
-      this.value && this.clearable ? (h("div", { class: "icon-suffix clear", onClick: () => this.onClearClicked() },
-        h("yoo-icon", { size: this.getIconSize(), name: "cross" }))) : null,
-      h("div", { class: "icon-suffix toggle" },
-        h("yoo-icon", { size: this.getIconSize(), name: "arrow-down" }))));
-  }
   renderAddButton() {
     return (h("yoo-button", { color: "app-color", class: "expanded", onClick: this.setCurrentTime }, translate('YOOBICADD')));
   }
-  renderCustomInput() {
+  renderReadonly() {
+    return h("div", { class: "readonly" }, pipes.dateFormat.transform(this.value, 'LT'));
+  }
+  renderEditable() {
     return (h("div", { class: "time-input-container" },
       h("div", { class: "time-input-header" }, translate('YOOBICTIME')),
       h("div", { class: "flex time-inputs" },
@@ -240,12 +161,6 @@ export class YooFormTimeComponent {
         !this.is24Hour && this.renderAmPmContainer(),
         this.type === 'time' && this.renderAddButton())));
   }
-  renderReadonly() {
-    return h("div", { class: "readonly" }, pipes.dateFormat.transform(this.value, 'LT'));
-  }
-  renderEditable() {
-    return isNativeMobile() ? this.renderNativeInput() : this.renderCustomInput();
-  }
   render() {
     return this.readonly ? this.renderReadonly() : this.renderEditable();
   }
@@ -522,8 +437,6 @@ export class YooFormTimeComponent {
   }; }
   static get states() { return {
     "is24Hour": {},
-    "isNativeMobileTimePicker": {},
-    "isNativeMobileTimePickerOpen": {},
     "timePeriod": {}
   }; }
   static get events() { return [{

package/dist/collection/components/form/form-todo-dialog/form-todo-dialog.js

@@ -139,7 +139,7 @@ export class YooFormTodoDialogComponent {
           h("div", { class: "menu-right" },
             h("div", { class: "menu-title" }, translate('LINKEDTO')),
             h("div", { class: "menu-content menu-requestor" },
-              h("yoo-form-dynamic", { class: "inline transparent", slides: [{ title: 'GENERAL', items: [field] }], data: { [field.name]: { value: this.todo.fieldValue, ...this.todo.fieldExtra } }, forceReadonly: true, onFormValidityChanged: (ev) => ev.stopPropagation(), suffix: ".value", animated: false, showRecap: false }))))));
+              h("yoo-form-dynamic", { class: "inline transparent", slides: [{ title: 'YOOBICGENERAL', items: [field] }], data: { [field.name]: { value: this.todo.fieldValue, ...this.todo.fieldExtra } }, forceReadonly: true, onFormValidityChanged: (ev) => ev.stopPropagation(), suffix: ".value", animated: false, showRecap: false }))))));
     }
   }
   renderTasks() {
@@ -147,7 +147,7 @@ export class YooFormTodoDialogComponent {
     return (h("div", { slot: "end" },
       h("div", { class: "tasks" },
         h("div", { class: "field-placeholder" },
-          h("yoo-form-input-container", { field: { title: translate('ACTIONS') }, hideOptional: true },
+          h("yoo-form-input-container", { field: { title: translate('YOOBICACTIONS') }, hideOptional: true },
             h("div", { class: "input-container" },
               h("yoo-form-input", { ref: (el) => (this.formInputTaskEditEl = el), class: "task-edit", onInputChanged: (event) => this.onInputChanged(event), onValidityChanged: (ev) => ev.stopPropagation(), onEnterPressed: () => this.onEnterPressed(), size: isWeb(this.host) ? 'medium' : 'large' }),
               h("div", { class: "icon" },

package/dist/collection/components/form/form-todo-single/form-todo-single.js

@@ -153,7 +153,7 @@ export class YooFormTodoSingleComponent {
           h("div", { class: "menu-right" },
             h("div", { class: "menu-title" }, translate('LINKEDTO')),
             h("div", { class: "menu-content menu-requestor" },
-              h("yoo-form-dynamic", { class: "inline transparent", slides: [{ title: 'GENERAL', items: [field] }], data: { [field.name]: { value: todo.fieldValue, ...todo.fieldExtra } }, forceReadonly: true, onFormValidityChanged: (ev) => ev.stopPropagation(), suffix: ".value", animated: false, showRecap: false }))))));
+              h("yoo-form-dynamic", { class: "inline transparent", slides: [{ title: 'YOOBICGENERAL', items: [field] }], data: { [field.name]: { value: todo.fieldValue, ...todo.fieldExtra } }, forceReadonly: true, onFormValidityChanged: (ev) => ev.stopPropagation(), suffix: ".value", animated: false, showRecap: false }))))));
     }
   }
   render() {
@@ -165,7 +165,7 @@ export class YooFormTodoSingleComponent {
     return (h("div", { class: "outer-container" },
       h("div", { class: "title" },
         h("yoo-badge", { class: "count", color: "dark", text: total.toString() }),
-        translate('ACTIONS', { smart_count: total })),
+        translate('YOOBICACTIONS', { smart_count: total })),
       this.valuesState
         ? this.valuesState.map((todo, index) => {
           var _a, _b, _c, _d, _e, _f;

package/dist/collection/components/form/form-toggle/form-toggle.js

@@ -247,7 +247,7 @@ export class YooFormToggleComponent {
       "mutable": false,
       "complexType": {
         "original": "TIconName",
-        "resolved": "\"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"circle\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
+        "resolved": "\"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
         "references": {
           "TIconName": {
             "location": "import",

package/dist/collection/components/form/form-uploader/form-uploader.css

@@ -233,30 +233,19 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
   display: none;
 }
 .form-uploader .filepond--drop-label {
-  color: var(--stable, #adadad);
-}
-.form-uploader .filepond--panel-root {
+  color: var(--text-color, #807f83);
   background-color: var(--stable-light, #f1f1f1);
-  border: 2px dashed var(--stable-alt, #d0d0d0);
+  border: var(--border-width-02, 0.125rem) dashed var(--stable, #adadad);
+  border-radius: var(--border-radius-08, 0.5rem);
+}
+.form-uploader .filepond--list-scroller {
+  margin-top: 1.8rem;
 }
 
 .filepond--root.file-uploader {
   height: var(--uploader-height);
   margin-bottom: 0;
 }
-.filepond--root.file-uploader .filepond--drip {
-  background-color: var(--stable-light-60, rgba(241, 241, 241, 0.6));
-  border: 2px dashed var(--dark, #000000);
-}
-
-.form-uploader.mobile.single .filepond--root,
-.form-uploader.web.single .filepond--root {
-  height: 6rem;
-}
-.form-uploader.mobile.single .filepond--root.file-uploader,
-.form-uploader.web.single .filepond--root.file-uploader {
-  height: 6rem;
-}
 
 .form-uploader.mobile.multiple .filepond--root {
   height: 9.375rem;

package/dist/collection/components/form/slides-media/slides-media.js

@@ -372,7 +372,7 @@ export class YooSlidesMediaComponent {
   renderImageTitle(item) {
     return h("mark", null,
       " ",
-      item.imageTitle);
+      translateMulti(item.imageTitle));
   }
   onSlideDidChange(ev) {
     // This method gets called when an image is opened for an index !== 0
@@ -433,7 +433,7 @@ export class YooSlidesMediaComponent {
         item.missiondescription && this.renderMissionDescription(item),
         !!title && [translate('YOOBICIN'), h("mark", null,
             " ",
-            ' "' + title + '" '), translate('MISSION')],
+            ' "' + translateMulti(title) + '" '), translate('MISSION')],
         item.imageTitle && this.renderImageTitle(item)),
       !!((_b = item === null || item === void 0 ? void 0 : item.tags) === null || _b === void 0 ? void 0 : _b.length) && h("div", { class: "tags" }, item.tags.map((tag) => `#${translateMulti(tag)}`)),
       this.renderBottomContainerActionButtons(item)));