@yoobic/yobi 8.5.0-3 → 8.5.0-8

package/dist/collection/components/form-creator/form-creator-live-preview/form-creator-live-preview.js

@@ -1,6 +1,6 @@
 import { devices } from '@shared/interfaces';
 import { getTranslateLanguageKeys, replaceSVGColors, translate, translateMulti } from '@shared/utils';
-import { Component, Event, forceUpdate, h, Host, Method, Prop, State } from '@stencil/core';
+import { forceUpdate, h, Host } from '@stencil/core';
 export class YooFormCreatorLivePreviewComponent {
   constructor() {
     this.mode = 'fullscreen';
@@ -34,49 +34,24 @@ export class YooFormCreatorLivePreviewComponent {
     }, TRANSITION_TIME);
   }
   renderLanguageSelector() {
-    return h("div", { class: "language-selector" },
-      h("yoo-form-autocomplete", { value: this.selectedLanguage, values: getTranslateLanguageKeys(this.availableLanguages), onInputChanged: (ev) => this.onLanguageChanged(ev), idOnly: true, entityType: "language", useTranslate: true, displayType: "card-list", forceHideSearch: true, iconPrefix: "feed", size: "medium" }));
+    return h("div", { class: "language-selector" }, h("yoo-form-autocomplete", { value: this.selectedLanguage, values: getTranslateLanguageKeys(this.availableLanguages), onInputChanged: (ev) => this.onLanguageChanged(ev), idOnly: true, entityType: "language", useTranslate: true, displayType: "card-list", forceHideSearch: true, iconPrefix: "feed", size: "medium" }));
   }
   renderHeader() {
     var _a;
     return [
-      h("yoo-header", { class: "secondary" },
-        h("yoo-navbar", { class: { 'top-navbar': true, 'no-heading': this.hideHeading } },
-          h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } },
-            !this.hideHeading && h("div", { class: "heading" },
-              this.mode === 'fullscreen' && this.renderFullscreenHeader(),
-              this.mode === 'panel' && this.renderPanelHeader()),
-            ((_a = this.availableLanguages) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this.hidden && this.renderLanguageSelector(),
-            this.showDevices && this.renderSubheader())))
+      h("yoo-header", { class: "secondary" }, h("yoo-navbar", { class: { 'top-navbar': true, 'no-heading': this.hideHeading } }, h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } }, !this.hideHeading && h("div", { class: "heading" }, this.mode === 'fullscreen' && this.renderFullscreenHeader(), this.mode === 'panel' && this.renderPanelHeader()), ((_a = this.availableLanguages) === null || _a === void 0 ? void 0 : _a.length) > 0 && !this.hidden && this.renderLanguageSelector(), this.showDevices && this.renderSubheader())))
     ];
   }
   renderFullscreenHeader() {
     return [
       h("div", { class: { title: true, 'align-left': !this.closable } }, translate(this.fullscreenHeading || 'LIVEPREVIEW')),
-      h("div", { class: "icons-container" },
-        this.showShare && !this.hidden && (h("yoo-tooltip", { content: translate('YOOBICSHAREPREVIEW'), hoverable: true, placement: "left" },
-          h("div", { onClick: () => this.shared.emit(), class: "icon-container" },
-            h("yoo-icon", { size: "medium", name: "share", color: "stable" })))),
-        this.closable && (h("div", { class: "icon-container", onClick: () => this.closeClicked.emit() },
-          h("yoo-icon", { name: this.hideHeaderTitle ? 'close' : 'left', color: "stable" }),
-          !this.hideHeaderTitle && h("div", { class: "campaign-title" }, translateMulti(this.missionDescriptionTitle)))),
-        !this.closable && (h("div", { class: "icon-container", onClick: () => this.fullscreenClicked.emit() },
-          h("yoo-icon", { name: "view", color: "stable" }))))
+      h("div", { class: "icons-container" }, this.showShare && !this.hidden && (h("yoo-tooltip", { content: translate('YOOBICSHAREPREVIEW'), hoverable: true, placement: "left" }, h("div", { onClick: () => this.shared.emit(), class: "icon-container" }, h("yoo-icon", { size: "medium", name: "share", color: "stable" })))), this.closable && (h("div", { class: "icon-container", onClick: () => this.closeClicked.emit() }, h("yoo-icon", { name: this.hideHeaderTitle ? 'close' : 'left', color: "stable" }), !this.hideHeaderTitle && h("div", { class: "campaign-title" }, translateMulti(this.missionDescriptionTitle)))), !this.closable && (h("div", { class: "icon-container", onClick: () => this.fullscreenClicked.emit() }, h("yoo-icon", { name: "view", color: "stable" }))))
     ];
   }
   renderPanelHeader() {
     return [
       !this.hidden && h("div", { class: "title" }, translate('LIVEPREVIEW')),
-      h("div", { class: "icons-container" },
-        this.showShare && !this.hidden && (h("yoo-tooltip", { content: translate('YOOBICSHAREPREVIEW'), hoverable: true, placement: "left" },
-          h("div", { onClick: () => this.shared.emit(), class: "icon-container" },
-            h("yoo-icon", { size: "medium", name: "share", color: "stable" })))),
-        !this.hidden && (h("yoo-tooltip", { content: translate('OPENPREVIEW'), hoverable: true, placement: "left" },
-          h("div", { onClick: () => this.openFullPageLivePreviewClicked.emit(), class: "icon-container" },
-            h("yoo-icon", { size: "medium", name: "view", color: "stable" })))),
-        h("yoo-tooltip", { content: translate(!this.hidden ? 'HIDEPREVIEW' : 'OPENPREVIEW'), hoverable: true, placement: "left" },
-          h("div", { onClick: () => this.toggleLivePreviewClicked(), class: "icon-container" },
-            h("yoo-icon", { size: "medium", name: "sidebar-right", color: this.hidden ? 'app-color' : 'stable' }))))
+      h("div", { class: "icons-container" }, this.showShare && !this.hidden && (h("yoo-tooltip", { content: translate('YOOBICSHAREPREVIEW'), hoverable: true, placement: "left" }, h("div", { onClick: () => this.shared.emit(), class: "icon-container" }, h("yoo-icon", { size: "medium", name: "share", color: "stable" })))), !this.hidden && (h("yoo-tooltip", { content: translate('OPENPREVIEW'), hoverable: true, placement: "left" }, h("div", { onClick: () => this.openFullPageLivePreviewClicked.emit(), class: "icon-container" }, h("yoo-icon", { size: "medium", name: "view", color: "stable" })))), h("yoo-tooltip", { content: translate(!this.hidden ? 'HIDEPREVIEW' : 'OPENPREVIEW'), hoverable: true, placement: "left" }, h("div", { onClick: () => this.toggleLivePreviewClicked(), class: "icon-container" }, h("yoo-icon", { size: "medium", name: "sidebar-right", color: this.hidden ? 'app-color' : 'stable' }))))
     ];
   }
   renderSubheader() {
@@ -87,409 +62,403 @@ export class YooFormCreatorLivePreviewComponent {
       { device: 'ipad', icon: 'tablet' },
       { device: 'macbook', icon: 'desktop' }
     ];
-    return (h("div", { class: "sub-header" },
-      h("div", { class: "icons-container" }, devices.map(({ device, icon }) => (h("div", { class: "icon-container", onClick: () => this.onDeviceClick(device) },
-        h("yoo-icon", { name: icon, color: selectedDevice === device ? 'app-color' : 'stable' })))))));
+    return (h("div", { class: "sub-header" }, h("div", { class: "icons-container" }, devices.map(({ device, icon }) => (h("div", { class: "icon-container", onClick: () => this.onDeviceClick(device) }, h("yoo-icon", { name: icon, color: selectedDevice === device ? 'app-color' : 'stable' })))))));
   }
   renderContent() {
     const hasDescription = this.showDescriptionAndFooter && (this.missionDescriptionTitle || this.missionDescriptionText);
-    return (h("div", { class: "columns-container", style: hasDescription ? { gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', margin: 'var(--spacing-24)' } : undefined },
-      hasDescription && h("div", { class: "description" },
-        this.missionDescriptionTitle && h("h1", { innerHTML: translateMulti(this.missionDescriptionTitle) }),
-        this.missionDescriptionText && h("p", { innerHTML: translateMulti(this.missionDescriptionText) })),
-      h("div", { class: "content" },
-        h("yoo-device", { class: "mobile app-creator-device", deviceEntry: this.selectedDevice, scaledContainerSelector: ".columns-container", resizeOnUpdate: this.mode === 'fullscreen' },
-          h("div", { class: "form-dynamic-container" },
-            this.missionDescriptionTitle && (h("yoo-header", null,
-              h("yoo-navbar", { class: "device-preview" },
-                h("yoo-truncate", null, translateMulti(this.missionDescriptionTitle))))),
-            h("div", { class: "slot-container" },
-              h("slot", { name: "livePreview" })))))));
+    return (h("div", { class: "columns-container", style: hasDescription ? { gridTemplateColumns: 'repeat(2, minmax(0, 1fr))', margin: 'var(--spacing-24)' } : undefined }, hasDescription && h("div", { class: "description" }, this.missionDescriptionTitle && h("h1", { innerHTML: translateMulti(this.missionDescriptionTitle) }), this.missionDescriptionText && h("p", { innerHTML: translateMulti(this.missionDescriptionText) })), h("div", { class: "content" }, h("yoo-device", { class: "mobile app-creator-device", deviceEntry: this.selectedDevice, scaledContainerSelector: ".columns-container", resizeOnUpdate: this.mode === 'fullscreen' }, h("div", { class: "form-dynamic-container" }, this.missionDescriptionTitle && (h("yoo-header", null, h("yoo-navbar", { class: "device-preview" }, h("yoo-truncate", null, translateMulti(this.missionDescriptionTitle))))), h("div", { class: "slot-container" }, h("slot", { name: "livePreview" })))))));
   }
   render() {
-    return (h(Host, null,
-      this.renderHeader(),
-      h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } },
-        this.renderContent(),
-        !!this.logo && h("yoo-img", { src: this.logo, cloudinaryOptions: { pad: true }, svgOptions: { afterLoad: (_, svgString) => replaceSVGColors(svgString) } }),
-        this.showDescriptionAndFooter && h("slot", { name: "footer" }))));
+    return (h(Host, null, this.renderHeader(), h("div", { class: { 'outer-container': true, 'not-closable': !this.closable } }, this.renderContent(), !!this.logo && h("yoo-img", { src: this.logo, cloudinaryOptions: { pad: true }, svgOptions: { afterLoad: (_, svgString) => replaceSVGColors(svgString) } }), this.showDescriptionAndFooter && h("slot", { name: "footer" }))));
   }
   static get is() { return "yoo-form-creator-live-preview"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["form-creator-live-preview.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["form-creator-live-preview.css"]
-  }; }
-  static get properties() { return {
-    "mode": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'fullscreen' | 'panel'",
-        "resolved": "\"fullscreen\" | \"panel\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mode",
-      "reflect": true,
-      "defaultValue": "'fullscreen'"
-    },
-    "missionDescriptionTitle": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mission-description-title",
-      "reflect": false
-    },
-    "missionDescriptionText": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "mission-description-text",
-      "reflect": false
-    },
-    "showDescriptionAndFooter": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-description-and-footer",
-      "reflect": false
-    },
-    "showDevices": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-devices",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "hideHeaderTitle": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-header-title",
-      "reflect": false
-    },
-    "logo": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "logo",
-      "reflect": false
-    },
-    "closable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "closable",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "hidden": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hidden",
-      "reflect": true,
-      "defaultValue": "false"
-    },
-    "showShare": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-share",
-      "reflect": false
-    },
-    "selectedLanguage": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "selected-language",
-      "reflect": false
-    },
-    "availableLanguages": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "string[]",
-        "resolved": "string[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "fullscreenHeading": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "fullscreen-heading",
-      "reflect": false
-    },
-    "hideHeading": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-heading",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "selectedDevice": {}
-  }; }
-  static get events() { return [{
-      "method": "shared",
-      "name": "shared",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "closeClicked",
-      "name": "closeClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "deviceChanged",
-      "name": "deviceChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "{ loaded: boolean }",
-        "resolved": "{ loaded: boolean; }",
-        "references": {}
-      }
-    }, {
-      "method": "fullscreenClicked",
-      "name": "fullscreenClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "openFullPageLivePreviewClicked",
-      "name": "openFullPageLivePreviewClicked",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "visibilityToggled",
-      "name": "visibilityToggled",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "languageChanged",
-      "name": "languageChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["form-creator-live-preview.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["form-creator-live-preview.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "mode": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'fullscreen' | 'panel'",
+          "resolved": "\"fullscreen\" | \"panel\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mode",
+        "reflect": true,
+        "defaultValue": "'fullscreen'"
+      },
+      "missionDescriptionTitle": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mission-description-title",
+        "reflect": false
+      },
+      "missionDescriptionText": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "mission-description-text",
+        "reflect": false
+      },
+      "showDescriptionAndFooter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-description-and-footer",
+        "reflect": false
+      },
+      "showDevices": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-devices",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "hideHeaderTitle": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-header-title",
+        "reflect": false
+      },
+      "logo": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "logo",
+        "reflect": false
+      },
+      "closable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "closable",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "hidden": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hidden",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "showShare": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-share",
+        "reflect": false
+      },
+      "selectedLanguage": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "selected-language",
+        "reflect": false
+      },
+      "availableLanguages": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "string[]",
+          "resolved": "string[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      },
+      "fullscreenHeading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "fullscreen-heading",
+        "reflect": false
+      },
+      "hideHeading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-heading",
+        "reflect": false
       }
-    }]; }
-  static get methods() { return {
-    "forceUpdate": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
-        },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
+    };
+  }
+  static get states() {
+    return {
+      "selectedDevice": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "shared",
+        "name": "shared",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "closeClicked",
+        "name": "closeClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "deviceChanged",
+        "name": "deviceChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "{ loaded: boolean }",
+          "resolved": "{ loaded: boolean; }",
+          "references": {}
+        }
+      }, {
+        "method": "fullscreenClicked",
+        "name": "fullscreenClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "openFullPageLivePreviewClicked",
+        "name": "openFullPageLivePreviewClicked",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "visibilityToggled",
+        "name": "visibilityToggled",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "languageChanged",
+        "name": "languageChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "forceUpdate": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
 }