@yoobic/yobi 8.5.0-2 → 8.5.0-20

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

@@ -1,5 +1,5 @@
 import { closeModal, downloadFile, findParent, getAsyncExtraData, getPermissions, getSession, intersectionObserve, isChromatic, isCloudinaryLink, isIntersectionObserverSupported, isNativeMobile, isNullOrUndefined, isPdf, isWeb, showActionSheet, showContextMenu, translate } from '@shared/utils';
-import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { isArray } from 'lodash-es';
 import { getAppContext, lockSwipes, showSlidesMedia } from '../../../utils/helpers/common-helpers';
 export class YooFormCarouselComponent {
@@ -311,9 +311,7 @@ export class YooFormCarouselComponent {
   }
   renderPdfImage() {
     return (h("div", { class: "pdf-container" }, this.mediaSrc.map((src, index) => {
-      return index === 0 ? (h("div", { class: "field-container" },
-        h("slot", { name: "image-title" }),
-        this.renderMediaByType(src, index))) : this.renderMediaByType(src, index);
+      return index === 0 ? (h("div", { class: "field-container" }, h("slot", { name: "image-title" }), this.renderMediaByType(src, index))) : this.renderMediaByType(src, index);
     })));
   }
   renderMultipleContent() {
@@ -324,28 +322,18 @@ export class YooFormCarouselComponent {
     if (this.isPdf) {
       return this.renderPdfImage();
     }
-    return (h(SlideWrapper, { ...attrs },
-      h("yoo-ion-slides", { ref: (el) => (this.ionSlides = el), onIonSlideTransitionEnd: (ev) => this.onIonSlideTransitionEnd(ev), onIonSlideTouchStart: !this.previewMode ? () => clearTimeout(this.paginationTimeout) : null, options: {
-          autoplay: false,
-          spaceBetween: 15,
-          ...(isDocument ? { slidesPerView: 1.2 } : {}),
-          ...(this.paginationType ? { pagination: { type: this.paginationType } } : {})
-        }, navigation: false }, this.mediaSrc.map((src, index) => this.renderSlide(src, index))),
-      !this.previewMode && this.mediaType !== 'audio' && !isDocument && (h("yoo-tag", { class: {
-          'media-counts-container': true,
-          active: this.showPhotoCounts
-        }, color: "dark-40", size: tagSize },
-        h("yoo-icon", { name: "multiple-photos", color: "light", size: tagSize, slot: "start" }),
-        h("div", { class: "text" }, `${this.currentActiveIndex + 1}/${this.mediaSrc.length}`))),
-      isWeb(this.host) && this.isMultiMedia(this.mediaSrc) && this.paginationType !== 'progressbar' && (h("div", { class: "slide-nav" },
-        this.currentActiveIndex > 0 && h("yoo-tag", { onClick: (ev) => this.onSlidePrev(ev), class: "left", icon: "left", color: "light", size: "medium" }),
-        this.currentActiveIndex < this.mediaSrc.length - 1 && (h("yoo-tag", { onClick: (ev) => this.onSlideNext(ev), class: "right", icon: "right", color: "light", size: "medium" }))))));
+    return (h(SlideWrapper, { ...attrs }, h("yoo-ion-slides", { ref: (el) => (this.ionSlides = el), onIonSlideTransitionEnd: (ev) => this.onIonSlideTransitionEnd(ev), onIonSlideTouchStart: !this.previewMode ? () => clearTimeout(this.paginationTimeout) : null, options: {
+        autoplay: false,
+        spaceBetween: 15,
+        ...(isDocument ? { slidesPerView: 1.2 } : {}),
+        ...(this.paginationType ? { pagination: { type: this.paginationType } } : {})
+      }, navigation: false }, this.mediaSrc.map((src, index) => this.renderSlide(src, index))), !this.previewMode && this.mediaType !== 'audio' && !isDocument && (h("yoo-tag", { class: {
+        'media-counts-container': true,
+        active: this.showPhotoCounts
+      }, color: "dark-40", size: tagSize }, h("yoo-icon", { name: "multiple-photos", color: "light", size: tagSize, slot: "start" }), h("div", { class: "text" }, `${this.currentActiveIndex + 1}/${this.mediaSrc.length}`))), isWeb(this.host) && this.isMultiMedia(this.mediaSrc) && this.paginationType !== 'progressbar' && (h("div", { class: "slide-nav" }, this.currentActiveIndex > 0 && h("yoo-tag", { onClick: (ev) => this.onSlidePrev(ev), class: "left", icon: "left", color: "light", size: "medium" }), this.currentActiveIndex < this.mediaSrc.length - 1 && (h("yoo-tag", { onClick: (ev) => this.onSlideNext(ev), class: "right", icon: "right", color: "light", size: "medium" }))))));
   }
   renderIconsContainer() {
-    return (this.paginationType !== 'progressbar' && h("div", { class: "icons-container" },
-      h("slot", { name: "start" }),
-      this.isMultiMedia(this.mediaSrc) && !this.isPdf && this.renderSlidePagination(),
-      h("slot", { name: "end" })));
+    return (this.paginationType !== 'progressbar' && h("div", { class: "icons-container" }, h("slot", { name: "start" }), this.isMultiMedia(this.mediaSrc) && !this.isPdf && this.renderSlidePagination(), h("slot", { name: "end" })));
   }
   render() {
     var _a;
@@ -357,620 +345,629 @@ export class YooFormCarouselComponent {
         auto: this.usePhotoEditor,
         'feed-detail': this.isFeed && this.previewMode,
         multiple
-      } },
-      h("div", { class: {
-          'media-container': true,
-          readonly: this.readonly
-        } },
-        h("slot", null),
-        this.renderMediaInner()),
-      h("slot", { name: "media-bottom" }),
-      h("div", { class: "icon-top-container" },
-        h("slot", { name: "icons-top" })),
-      !this.previewMode && !(this.mediaType === 'document' && !multiple) && this.renderIconsContainer()));
+      } }, h("div", { class: {
+        'media-container': true,
+        readonly: this.readonly
+      } }, h("slot", null), this.renderMediaInner()), h("slot", { name: "media-bottom" }), h("div", { class: "icon-top-container" }, h("slot", { name: "icons-top" })), !this.previewMode && !(this.mediaType === 'document' && !multiple) && this.renderIconsContainer()));
   }
   static get is() { return "yoo-form-carousel"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["form-carousel.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["form-carousel.css"]
-  }; }
-  static get properties() { return {
-    "mediaSrc": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(string | IFileInterface)[]",
-        "resolved": "(string | IFileInterface)[]",
-        "references": {
-          "IFileInterface": {
-            "location": "import",
-            "path": "@shared/interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["form-carousel.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["form-carousel.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "mediaSrc": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(string | IFileInterface)[]",
+          "resolved": "(string | IFileInterface)[]",
+          "references": {
+            "IFileInterface": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "annotations": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IPhotoAnnotation[][]",
-        "resolved": "IPhotoAnnotation[][]",
-        "references": {
-          "IPhotoAnnotation": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "annotations": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IPhotoAnnotation[][]",
+          "resolved": "IPhotoAnnotation[][]",
+          "references": {
+            "IPhotoAnnotation": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "drawings": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "mediaType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'photo' | 'video' | 'audio' | 'document'",
-        "resolved": "\"audio\" | \"document\" | \"photo\" | \"video\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "media-type",
-      "reflect": false,
-      "defaultValue": "'photo'"
-    },
-    "maxHeight": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max-height",
-      "reflect": false
-    },
-    "mediaDimension": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IMediaDimension[]",
-        "resolved": "IMediaDimension[]",
-        "references": {
-          "IMediaDimension": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      "drawings": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "usePhotoEditor": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "use-photo-editor",
-      "reflect": false
-    },
-    "currentSlideIndex": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "current-slide-index",
-      "reflect": false,
-      "defaultValue": "0"
-    },
-    "previewMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "preview-mode",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "preventAutoPlayMedia": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "prevent-auto-play-media",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "playerCommand": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "player-command",
-      "reflect": false
-    },
-    "hasGradient": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "has-gradient",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "allowPreview": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-preview",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly",
-      "reflect": false
-    },
-    "isFeed": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-feed",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "allowSwipeDownDismiss": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-swipe-down-dismiss",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "preventScaledUp": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "prevent-scaled-up",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "topBarActions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IButton[]",
-        "resolved": "IButton[]",
-        "references": {
-          "IButton": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "mediaType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'photo' | 'video' | 'audio' | 'document'",
+          "resolved": "\"audio\" | \"document\" | \"photo\" | \"video\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "media-type",
+        "reflect": false,
+        "defaultValue": "'photo'"
+      },
+      "maxHeight": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max-height",
+        "reflect": false
+      },
+      "mediaDimension": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IMediaDimension[]",
+          "resolved": "IMediaDimension[]",
+          "references": {
+            "IMediaDimension": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "contained": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "contained",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "allowOrientation": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-orientation",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isModalMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-modal-mode",
-      "reflect": false
-    },
-    "instant": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "instant",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "isPdf": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-pdf",
-      "reflect": false
-    },
-    "isVisible": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-visible",
-      "reflect": false
-    },
-    "paginationType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'bullets' | 'fraction' | 'progressbar' | 'custom'",
-        "resolved": "\"bullets\" | \"custom\" | \"fraction\" | \"progressbar\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "pagination-type",
-      "reflect": false
-    },
-    "displayPhotoCounter": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "display-photo-counter",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "hideSecondaryActions": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-secondary-actions",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "currentActiveIndex": {},
-    "showPhotoCounts": {},
-    "visibility": {}
-  }; }
-  static get events() { return [{
-      "method": "photoEditorClicked",
-      "name": "photoEditorClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "showDetail",
-      "name": "showDetail",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      }
-    }, {
-      "method": "slideChanges",
-      "name": "slideChanges",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      }
-    }, {
-      "method": "enteringViewPort",
-      "name": "enteringViewPort",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "imageZoomed",
-      "name": "imageZoomed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "resize": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
+      "usePhotoEditor": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-photo-editor",
+        "reflect": false
+      },
+      "currentSlideIndex": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "current-slide-index",
+        "reflect": false,
+        "defaultValue": "0"
+      },
+      "previewMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "preview-mode",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "preventAutoPlayMedia": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "prevent-auto-play-media",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "playerCommand": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "player-command",
+        "reflect": false
+      },
+      "hasGradient": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "has-gradient",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "allowPreview": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-preview",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "readonly",
+        "reflect": false
+      },
+      "isFeed": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-feed",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "allowSwipeDownDismiss": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-swipe-down-dismiss",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "preventScaledUp": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "prevent-scaled-up",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "topBarActions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IButton[]",
+          "resolved": "IButton[]",
+          "references": {
+            "IButton": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      },
+      "contained": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "contained",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "allowOrientation": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-orientation",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "isModalMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-modal-mode",
+        "reflect": false
+      },
+      "instant": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "instant",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "isPdf": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-pdf",
+        "reflect": false
+      },
+      "isVisible": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-visible",
+        "reflect": false
+      },
+      "paginationType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'bullets' | 'fraction' | 'progressbar' | 'custom'",
+          "resolved": "\"bullets\" | \"custom\" | \"fraction\" | \"progressbar\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "pagination-type",
+        "reflect": false
+      },
+      "displayPhotoCounter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "display-photo-counter",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "hideSecondaryActions": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-secondary-actions",
+        "reflect": false
       }
-    }
-  }; }
+    };
+  }
+  static get states() {
+    return {
+      "currentActiveIndex": {},
+      "showPhotoCounts": {},
+      "visibility": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "photoEditorClicked",
+        "name": "photoEditorClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "showDetail",
+        "name": "showDetail",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
+      }, {
+        "method": "slideChanges",
+        "name": "slideChanges",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        }
+      }, {
+        "method": "enteringViewPort",
+        "name": "enteringViewPort",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }, {
+        "method": "imageZoomed",
+        "name": "imageZoomed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "resize": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      }
+    };
+  }
   static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "isVisible",
-      "methodName": "updateVisibility"
-    }]; }
-  static get listeners() { return [{
-      "name": "blockMoves",
-      "method": "handlePinchZoom",
-      "target": undefined,
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "isVisible",
+        "methodName": "updateVisibility"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "blockMoves",
+        "method": "handlePinchZoom",
+        "target": undefined,
+        "capture": false,
+        "passive": false
+      }];
+  }
 }