@yoobic/yobi 8.1.0-110 → 8.1.0-113

package/dist/cjs/yoo-form-image-map.cjs.entry.js

@@ -1,78 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-5997cc7d.js');
-const index$1 = require('./index-be749aab.js');
-require('./lodash-597bda6d.js');
-require('./_commonjsHelpers-94df2ea7.js');
-require('./index-a8ba239d.js');
-
-const formImageMapCss = ":host{display:block;overflow:visible}:host .image{background-color:transparent;-webkit-perspective:1000px;perspective:1000px}:host .image .inner-container{position:relative;width:100%;height:100%;margin:0 auto;overflow:hidden;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transition:-webkit-transform 0.8s;transition:-webkit-transform 0.8s;transition:transform 0.8s;transition:transform 0.8s, -webkit-transform 0.8s}:host .image .inner-container yoo-img{border-radius:var(--border-radius-08, 0.5rem)}:host .image .inner-container .hotspot-container{position:absolute;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;cursor:pointer}:host .image .inner-container .hotspot-container .hotspot{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:var(--success-20, rgba(58, 167, 109, 0.2));border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d);border-radius:var(--border-radius-08, 0.5rem);-webkit-transition:background-color 250ms ease-in-out;transition:background-color 250ms ease-in-out}:host .image .inner-container .hotspot-container .hotspot.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-color:var(--app-color, #5a30f4)}:host .detail-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:var(--spacing-32, 2rem) var(--spacing-16, 1rem)}:host .detail-container .detail-description{padding:var(--spacing-24, 1.5rem) var(--spacing-16, 1rem);color:var(--light, #ffffff);text-align:center}:host .detail-container yoo-img:before{display:block;width:0;height:0;padding-bottom:75%;content:\"\"}:host([detailed-view]){background:transparent !important}:host(.web) .detail-container{width:40%;max-width:37.5rem;margin:var(--spacing-32, 2rem) auto}:host(.web) .detail-container .detail-description{padding:var(--spacing-32, 2rem) 0}:host(.web) .detail-container .button{margin:auto}:host(:not(.web)) .detail-container{height:100%;overflow:auto}:host(:not(.web)) .button{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:100%}:host(:not(.web)) .button yoo-button{width:100%}:host([animated]) .image-container{--image-index:0;-webkit-transform:translateY(100vh);transform:translateY(100vh);-webkit-animation-name:slide-up;animation-name:slide-up;-webkit-animation-duration:0.4s;animation-duration:0.4s;-webkit-animation-timing-function:var(--ease-out-quad);animation-timing-function:var(--ease-out-quad);-webkit-animation-delay:calc(0.5s + var(--image-index) * 0.1s);animation-delay:calc(0.5s + var(--image-index) * 0.1s);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}";
-
-const YooFormImageMapComponent = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.validityChanged = index.createEvent(this, "validityChanged", 7);
-    this.animated = true;
-    this.validity = false;
-    this.hotspotRevealed = 0;
-  }
-  onValidityChanged() {
-    this.validityChanged.emit(this.validity);
-  }
-  updateValidity() {
-    this.validity = this.hotspotRevealed >= this.value.hotspots.length;
-  }
-  renderImageContainer() {
-    var _a;
-    return (index.h("section", { class: "image" }, index.h("div", { class: "inner-container" }, ((_a = this.value) === null || _a === void 0 ? void 0 : _a.image) && index.h("yoo-img", { allowCloudinary: false, contained: true, src: this.value.image }), this.renderHotspots())));
-  }
-  renderHotspots() {
-    var _a, _b;
-    return (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.hotspots) === null || _b === void 0 ? void 0 : _b.map((a, i) => {
-      return (index.h("div", { class: "hotspot-container", style: this.getHotspotContainerStyle(a), onClick: () => this.hotspotClicked(a, i) }, index.h("div", { class: "hotspot", id: `zone-${i}`, style: this.getHotspotStyle(a) })));
-    });
-  }
-  getHotspotContainerStyle(hotspot) {
-    const left = hotspot.percentRect.x + '%';
-    const top = hotspot.percentRect.y + '%';
-    const width = hotspot.percentRect.width + '%';
-    const height = hotspot.percentRect.height + '%';
-    const transform = 'rotate(' + hotspot.rotation + 'rad)';
-    return { left, top, width, height, transform };
-  }
-  getHotspotStyle(hotspot) {
-    if (hotspot.revealed)
-      return;
-    return {
-      backgroundColor: this.value.hotspotColor + '66',
-      borderColor: this.value.hotspotColor
-    };
-  }
-  hotspotClicked(hotspot, index) {
-    index$1.showModal('yoo-form-image-map', { detailedView: true, selectedHotspot: hotspot }, 'bg-dark-40 fullscreen', index$1.getModalAnimation('Enter', 'X', true), index$1.getModalAnimation('Leave', 'X', true), true).then(() => {
-      if (!this.value.hotspots[index].revealed) {
-        this.hotspotRevealed += 1;
-        this.value.hotspots[index].revealed = true;
-        this.updateValidity();
-      }
-    });
-  }
-  renderDetailedView() {
-    return [
-      index.h("yoo-navbar", { class: "transparent" }, index.h("yoo-icon", { slot: "start", name: "close", onClick: () => index$1.closeModal(null) })),
-      index.h("div", { class: "detail-container" }, index.h("yoo-img", { src: this.selectedHotspot.image, contained: true, type: "background" }), index.h("div", { class: "detail-description", innerHTML: index$1.replaceAllLinks(index$1.parseMarkDown(index$1.translateMulti(this.selectedHotspot.description)), true) }), index.h("div", { class: "button" }, index.h("yoo-button", { onClick: () => index$1.closeModal(null), color: "app-color", size: index$1.isWeb(this.host) ? 'medium' : 'large' }, index$1.translate('YOOBICDONE'))))
-    ];
-  }
-  render() {
-    return (index.h(index.Host, { class: { web: index$1.isWeb(this.host) && !this.livePreview } }, this.detailedView ? this.renderDetailedView() : this.renderImageContainer()));
-  }
-  get host() { return index.getElement(this); }
-  static get watchers() { return {
-    "validity": ["onValidityChanged"]
-  }; }
-};
-YooFormImageMapComponent.style = formImageMapCss;
-
-exports.yoo_form_image_map = YooFormImageMapComponent;

package/dist/collection/components/form/form-hotzone-creator/form-hotzone-creator.js

@@ -1,378 +0,0 @@
-import { getCssColor, hexToRgbArray, intersectionObserve, translate, translateMulti } from '@shared/utils';
-import { Component, Element, Event, forceUpdate, h, Host, Prop } from '@stencil/core';
-import { 
-//  Editor factory method
-appendDefaultEditor, 
-// Default image reader and writer
-createDefaultImageReader, createDefaultImageWriter, 
-// User interface and plugin locale objects
-locale_en_gb, 
-// Because we use the annotate plugin we also need
-// to import the markup editor locale and the shape preprocessor
-markup_editor_locale_en_gb, 
-// Plugins we want to use
-plugin_annotate, plugin_annotate_locale_en_gb, 
-// Method used to register the plugins
-setPlugins } from '../image-cropper-dialog/pintura/pintura';
-// This registers the plugins with Pintura Image Editor
-setPlugins(plugin_annotate);
-export class YooFormHotzoneCreatorComponent {
-  constructor() {
-    this.value = {};
-  }
-  componentWillLoad() {
-    this.value.hotspotColor = this.value.hotspotColor || getCssColor('app-color');
-    this.hotspotColorRgb = hexToRgbArray(this.value.hotspotColor);
-    this.value.hotspots = this.value.hotspots || [];
-  }
-  componentDidLoad() {
-    this.value.image && this.initEditor();
-    this.observeVisibility();
-  }
-  disconnectedCallback() {
-    var _b;
-    this.removeIntersectionObserver();
-    (_b = this.editor) === null || _b === void 0 ? void 0 : _b.destroy();
-  }
-  observeVisibility() {
-    this.observer = intersectionObserve(this.host, () => {
-      // Unselect all shapes to prevent editor errors
-      this.selectShape(null);
-    }, {});
-  }
-  removeIntersectionObserver() {
-    if (this.observer) {
-      this.observer.unobserve(this.host);
-      this.observer.disconnect();
-      this.observer = undefined;
-    }
-  }
-  initEditor() {
-    var _b, _c, _d, _e, _f;
-    const locale = {
-      ...locale_en_gb,
-      ...plugin_annotate_locale_en_gb,
-      ...markup_editor_locale_en_gb
-    };
-    this.editor = appendDefaultEditor(this.outerContainer, {
-      src: this.value.image,
-      imageReader: createDefaultImageReader(),
-      imageWriter: createDefaultImageWriter({
-        targetSize: {
-          fit: 'contain',
-          upscale: true
-        }
-      }),
-      locale,
-      util: 'annotate',
-      enableToolbar: false,
-      enableUtils: false,
-      enableButtonClose: false,
-      enableButtonExport: false,
-      enableNavigateHistory: false,
-      // Disable shape controls
-      markupEditorShapeStyleControls: {},
-      annotateActiveTool: 'rectangle',
-      willRenderCanvas: (shapes, _state) => {
-        shapes.annotationShapes.map(s => {
-          s.backgroundColor = [...this.hotspotColorRgb, 0.4];
-          s.strokeColor = this.hotspotColorRgb;
-          s.strokeWidth = 1;
-          s.disableReorder = true;
-        });
-        return {
-          ...shapes
-        };
-      }
-    });
-    (_b = this.editor) === null || _b === void 0 ? void 0 : _b.on('load', (_res) => {
-      this.editorContainer.hidden = !this.value.image;
-      if (!this.value.hotspots) {
-        // Init default first hotzone
-        const newShape = this.createDefaultShape();
-        this.editor.imageAnnotation = [newShape];
-        const newHotspot = this.shapeToHotspot(newShape, null, null);
-        this.value.hotspots = [newHotspot];
-      }
-      else {
-        // Init existing shapes
-        this.value.hotspots.map(h => {
-          const newShape = this.hotspotToShape(h);
-          this.editor.imageAnnotation = [...this.editor.imageAnnotation, newShape];
-        });
-      }
-      this.updateDeletableHotspot();
-      this.onDataChanged();
-    });
-    (_c = this.editor) === null || _c === void 0 ? void 0 : _c.on('addshape', (shape) => {
-      const newHotspot = this.shapeToHotspot(shape, null, null);
-      this.value.hotspots = [...this.value.hotspots, newHotspot];
-      this.selectShape(this.editor.imageAnnotation.length - 1);
-      this.updateDeletableHotspot();
-      this.onDataChanged();
-    });
-    (_d = this.editor) === null || _d === void 0 ? void 0 : _d.on('updateshape', (shape) => {
-      const selectedHotspotIndex = this.value.hotspots.findIndex(h => h.id === shape.id);
-      this.value.hotspots[selectedHotspotIndex].percentRect = new DOMRect(parseFloat(shape.x + ''), parseFloat(shape.y + ''), parseFloat(shape.width + ''), parseFloat(shape.height + '')),
-        this.value.hotspots[selectedHotspotIndex].rotation = shape.rotation;
-      this.onDataChanged();
-    });
-    (_e = this.editor) === null || _e === void 0 ? void 0 : _e.on('removeshape', (shape) => {
-      const selectedHotspotIndex = this.value.hotspots.findIndex(h => h.id === shape.id);
-      this.value.hotspots.splice(selectedHotspotIndex, 1);
-      this.updateDeletableHotspot();
-      this.onDataChanged();
-    });
-    (_f = this.editor) === null || _f === void 0 ? void 0 : _f.on('selectshape', (_shape) => {
-      forceUpdate(this);
-    });
-  }
-  selectShape(index) {
-    var _b, _c;
-    (_c = (_b = this.editor) === null || _b === void 0 ? void 0 : _b.imageAnnotation) === null || _c === void 0 ? void 0 : _c.map((a, i) => {
-      if (i === index) {
-        a.isSelected = !a.isSelected;
-      }
-      else {
-        a.isSelected = false;
-      }
-      return a;
-    });
-    this.refreshShapes();
-    forceUpdate(this);
-  }
-  refreshShapes() {
-    var _b;
-    if (!((_b = this.editor) === null || _b === void 0 ? void 0 : _b.imageAnnotation))
-      return;
-    this.editor.imageAnnotation = [...this.editor.imageAnnotation];
-  }
-  hotspotToShape(hotspot) {
-    var _b;
-    return {
-      id: hotspot.id,
-      x: hotspot.percentRect.x + '%',
-      y: hotspot.percentRect.y + '%',
-      width: hotspot.percentRect.width + '%',
-      height: hotspot.percentRect.height + '%',
-      rotation: (_b = hotspot.rotation) !== null && _b !== void 0 ? _b : 0
-    };
-  }
-  shapeToHotspot(shape, image, description) {
-    var _b;
-    return {
-      id: shape.id,
-      percentRect: new DOMRect(parseFloat(shape.x + ''), parseFloat(shape.y + ''), parseFloat(shape.width + ''), parseFloat(shape.height + '')),
-      rotation: (_b = shape.rotation) !== null && _b !== void 0 ? _b : 0,
-      image: image,
-      description: description
-    };
-  }
-  onDataChanged(event) {
-    forceUpdate(this);
-    if (event)
-      event.stopPropagation();
-    this.inputChanged.emit(this.value);
-  }
-  onBgImageUpdated(ev) {
-    this.value.image = ev.detail;
-    this.editorContainer.hidden = !this.value.image;
-    this.value.hotspots = null;
-    this.initEditor();
-    this.onDataChanged(ev);
-  }
-  onHotspotImageUpdated(ev, index) {
-    this.value.hotspots[index].image = ev.detail;
-    this.onDataChanged(ev);
-  }
-  onHotspotDescriptionUpdated(ev, index) {
-    this.value.hotspots[index].description = ev.detail;
-    this.onDataChanged(ev);
-  }
-  onAddHotspotClicked() {
-    const newShape = this.createDefaultShape();
-    newShape.disableReorder = true;
-    this.editor.imageAnnotation = [...this.editor.imageAnnotation, newShape];
-    const newHotspot = this.shapeToHotspot(newShape, null, null);
-    this.value.hotspots = [...this.value.hotspots, newHotspot];
-    this.selectShape(this.editor.imageAnnotation.length - 1);
-    this.updateDeletableHotspot();
-    this.onDataChanged();
-  }
-  createDefaultShape() {
-    return {
-      x: '30%',
-      y: '30%',
-      width: '40%',
-      height: '40%'
-    };
-  }
-  onDeleteHotspotClicked(index) {
-    this.value.hotspots.splice(index, 1);
-    this.editor.imageAnnotation[index].isSelected = false;
-    this.editor.imageAnnotation.splice(index, 1);
-    this.updateDeletableHotspot();
-    this.onDataChanged();
-  }
-  updateDeletableHotspot() {
-    var _b;
-    const isLastHotspotRemaining = ((_b = this.value.hotspots) === null || _b === void 0 ? void 0 : _b.length) <= 1;
-    this.editor.imageAnnotation.map(a => a.disableRemove = isLastHotspotRemaining);
-  }
-  updateColorPicker(ev) {
-    const color = ev.detail.substring(0, 7); // remove alpha
-    this.value.hotspotColor = color;
-    this.hotspotColorRgb = hexToRgbArray(color);
-    this.onDataChanged(ev);
-    this.refreshShapes();
-  }
-  renderBgImagePicker() {
-    var _b;
-    return (h("div", { class: "image-picker-container" },
-      h("h2", { class: "title" }, translate('IMAGE')),
-      h("yoo-form-capture", { required: true, allowLibrary: true, allowUnsplash: true, value: (_b = this.value.image) !== null && _b !== void 0 ? _b : null, onInputChanged: (ev) => this.onBgImageUpdated(ev) })));
-  }
-  renderColorPicker() {
-    return (h("div", { class: "color-picker-container" },
-      h("h2", { class: "title" }, translate('HOTSPOTCOLOUR')),
-      h("yoo-form-color-field", { value: this.value.hotspotColor, allowOther: true, rteColors: true, onInputChanged: (ev) => this.updateColorPicker(ev) })));
-  }
-  renderPreview() {
-    return (h("div", { ref: (el) => (this.editorContainer = el), hidden: true },
-      h("h2", { class: "title" }, translate('PREVIEW')),
-      h("div", { class: "preview-container", ref: (el) => (this.outerContainer = el) }),
-      this.renderHotspotEditor()));
-  }
-  renderEditorHeader() {
-    return h("div", { class: "editor-header" },
-      h("yoo-button", { color: "app-color", class: "add-filter", onClick: () => this.onAddHotspotClicked() },
-        h("yoo-icon", { name: "circle-plus", color: "light", slot: "start", size: "small" }),
-        translate('ADDHOTSPOT')),
-      h("yoo-info-text", { icon: "info", text: translate('CLICKONAHOTSPOTTOEDIT') }));
-  }
-  renderHotspotEditor() {
-    var _b, _c;
-    const isLastHotspotRemaining = ((_b = this.value.hotspots) === null || _b === void 0 ? void 0 : _b.length) <= 1;
-    return ([
-      this.renderEditorHeader(),
-      (_c = this.value.hotspots) === null || _c === void 0 ? void 0 : _c.map((_a, i) => {
-        var _b, _c;
-        return [
-          h("yoo-collapsible", { class: "form", collapsed: !((_c = (_b = this.editor) === null || _b === void 0 ? void 0 : _b.imageAnnotation[i]) === null || _c === void 0 ? void 0 : _c.isSelected), onContentShown: () => this.selectShape(i), header: translate('HOTSPOT') + ' ' + (i + 1), isDeletable: isLastHotspotRemaining ? false : true, onDeleteClicked: () => this.onDeleteHotspotClicked(i) },
-            h("div", { class: "collapsible-container" },
-              h("div", { class: "image-container" },
-                h("h2", { class: "title" }, translate('IMAGE')),
-                h("yoo-form-capture", { required: true, allowLibrary: true, allowUnsplash: true, value: this.value.hotspots[i].image, onInputChanged: (ev) => { this.onHotspotImageUpdated(ev, i); } })),
-              h("div", { class: "description-container" },
-                h("div", { class: "description-header" },
-                  h("h2", { class: "title" },
-                    translate('DESCRIPTION'),
-                    h("span", { class: "optional" }, translate('IMAGE'))),
-                  h("yoo-tooltip", { content: translateMulti('HELPERIMAGEMAPDESCRIPTION') },
-                    h("yoo-icon", { name: "help", size: "small", color: "stable-alt" }))),
-                h("yoo-form-text-area", { value: this.value.hotspots[i].description, onInputChanged: (ev) => { this.onHotspotDescriptionUpdated(ev, i); }, onTranslationValueUpdated: (ev) => {
-                    ev.stopImmediatePropagation();
-                    this.translationValueUpdated.emit(ev.detail);
-                  }, translations: this.translations })))),
-          this.value.hotspots[i + 1] && h("div", { class: "divider" })
-        ];
-      })
-    ]);
-  }
-  render() {
-    return (this.value &&
-      h(Host, null,
-        h("div", { class: "container" },
-          this.renderBgImagePicker(),
-          this.renderColorPicker()),
-        !this.disconnected && this.renderPreview()));
-  }
-  static get is() { return "yoo-form-hotzone-creator"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["form-hotzone-creator.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["form-hotzone-creator.css"]
-  }; }
-  static get properties() { return {
-    "value": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IHotzoneValue",
-        "resolved": "IHotzoneValue",
-        "references": {
-          "IHotzoneValue": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "{}"
-    },
-    "translations": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ITranslation[]",
-        "resolved": "ITranslation[]",
-        "references": {
-          "ITranslation": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    }
-  }; }
-  static get events() { return [{
-      "method": "inputChanged",
-      "name": "inputChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "IHotzoneValue",
-        "resolved": "IHotzoneValue",
-        "references": {
-          "IHotzoneValue": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
-        }
-      }
-    }, {
-      "method": "translationValueUpdated",
-      "name": "translationValueUpdated",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ key: string, value: string }",
-        "resolved": "{ key: string; value: string; }",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "host"; }
-}

package/dist/collection/components/form/form-image-map/form-image-map.js

@@ -1,212 +0,0 @@
-import { closeModal, getModalAnimation, isWeb, parseMarkDown, replaceAllLinks, showModal, translate, translateMulti } from '@shared/utils';
-import { Component, Element, Event, h, Host, Prop, State, Watch } from '@stencil/core';
-export class YooFormImageMapComponent {
-  constructor() {
-    this.animated = true;
-    this.validity = false;
-    this.hotspotRevealed = 0;
-  }
-  onValidityChanged() {
-    this.validityChanged.emit(this.validity);
-  }
-  updateValidity() {
-    this.validity = this.hotspotRevealed >= this.value.hotspots.length;
-  }
-  renderImageContainer() {
-    var _a;
-    return (h("section", { class: "image" },
-      h("div", { class: "inner-container" },
-        ((_a = this.value) === null || _a === void 0 ? void 0 : _a.image) && h("yoo-img", { allowCloudinary: false, contained: true, src: this.value.image }),
-        this.renderHotspots())));
-  }
-  renderHotspots() {
-    var _a, _b;
-    return (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.hotspots) === null || _b === void 0 ? void 0 : _b.map((a, i) => {
-      return (h("div", { class: "hotspot-container", style: this.getHotspotContainerStyle(a), onClick: () => this.hotspotClicked(a, i) },
-        h("div", { class: "hotspot", id: `zone-${i}`, style: this.getHotspotStyle(a) })));
-    });
-  }
-  getHotspotContainerStyle(hotspot) {
-    const left = hotspot.percentRect.x + '%';
-    const top = hotspot.percentRect.y + '%';
-    const width = hotspot.percentRect.width + '%';
-    const height = hotspot.percentRect.height + '%';
-    const transform = 'rotate(' + hotspot.rotation + 'rad)';
-    return { left, top, width, height, transform };
-  }
-  getHotspotStyle(hotspot) {
-    if (hotspot.revealed)
-      return;
-    return {
-      backgroundColor: this.value.hotspotColor + '66',
-      borderColor: this.value.hotspotColor
-    };
-  }
-  hotspotClicked(hotspot, index) {
-    showModal('yoo-form-image-map', { detailedView: true, selectedHotspot: hotspot }, 'bg-dark-40 fullscreen', getModalAnimation('Enter', 'X', true), getModalAnimation('Leave', 'X', true), true).then(() => {
-      if (!this.value.hotspots[index].revealed) {
-        this.hotspotRevealed += 1;
-        this.value.hotspots[index].revealed = true;
-        this.updateValidity();
-      }
-    });
-  }
-  renderDetailedView() {
-    return [
-      h("yoo-navbar", { class: "transparent" },
-        h("yoo-icon", { slot: "start", name: "close", onClick: () => closeModal(null) })),
-      h("div", { class: "detail-container" },
-        h("yoo-img", { src: this.selectedHotspot.image, contained: true, type: "background" }),
-        h("div", { class: "detail-description", innerHTML: replaceAllLinks(parseMarkDown(translateMulti(this.selectedHotspot.description)), true) }),
-        h("div", { class: "button" },
-          h("yoo-button", { onClick: () => closeModal(null), color: "app-color", size: isWeb(this.host) ? 'medium' : 'large' }, translate('YOOBICDONE'))))
-    ];
-  }
-  render() {
-    return (h(Host, { class: { web: isWeb(this.host) && !this.livePreview } }, this.detailedView ? this.renderDetailedView() : this.renderImageContainer()));
-  }
-  static get is() { return "yoo-form-image-map"; }
-  static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["form-image-map.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["form-image-map.css"]
-  }; }
-  static get properties() { return {
-    "livePreview": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "live-preview",
-      "reflect": false
-    },
-    "animated": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "animated",
-      "reflect": true,
-      "defaultValue": "true"
-    },
-    "value": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IHotzoneValue",
-        "resolved": "IHotzoneValue",
-        "references": {
-          "IHotzoneValue": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "selectedHotspot": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IHotzoneHotspot",
-        "resolved": "IHotzoneHotspot",
-        "references": {
-          "IHotzoneHotspot": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "detailedView": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "detailed-view",
-      "reflect": true
-    },
-    "validity": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "validity",
-      "reflect": false,
-      "defaultValue": "false"
-    }
-  }; }
-  static get states() { return {
-    "hotspotRevealed": {}
-  }; }
-  static get events() { return [{
-      "method": "validityChanged",
-      "name": "validityChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
-  static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "validity",
-      "methodName": "onValidityChanged"
-    }]; }
-}

package/dist/design-system/index-c570c080.js

@@ -1 +0,0 @@
-import './localForage-331f959d.js';

package/dist/design-system/swiper-7dbb2596.js

@@ -1,11 +0,0 @@
-import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-bcfa23aa.js';
-export { S as Swiper } from './yoo-ion-slides-bcfa23aa.js';
-import './index-cd058683.js';
-import './index-979657d3.js';
-import './lodash-eb23e844.js';
-import './_commonjsHelpers-f4d11124.js';
-import './index-aeefcb3f.js';
-import './common-helpers-bfd5c70f.js';
-import './theme-f0f992d8.js';
-
-Swiper.use([Pagination, Autoplay, Scrollbar]);