@oiz/stzh-components 3.0.0 → 3.1.0

package/dist/collection/components/stzh-panorama/stzh-panorama.css

@@ -81,6 +81,9 @@
 /**
  * Pagetitle
  */
+/**
+ * TopnewsMostsearched
+ */
 /**
  * Calendar
  */
@@ -638,9 +641,6 @@ stzh-panorama .stzh-fylingfocus-focused::-moz-focus-inner {
   border: 0 !important;
 }
 
-.stzh-panorama {
-  /* Fullscreen */
-}
 .stzh-panorama__hotspot {
   width: 2.5rem;
   height: 2.5rem;
@@ -656,88 +656,79 @@ stzh-panorama .stzh-fylingfocus-focused::-moz-focus-inner {
 .stzh-panorama__hotspot-tooltip {
   white-space: nowrap;
 }
-.stzh-panorama__controls {
-  bottom: var(--stzh-space-small);
-  right: var(--stzh-space-small);
+.stzh-panorama__sceneselector {
+  bottom: var(--stzh-space-xsmall);
+  left: var(--stzh-space-xsmall);
   z-index: 2;
-  pointer-events: none;
   position: absolute;
   display: flex;
-  flex-direction: column;
   gap: var(--stzh-space-xsmall);
 }
-@media screen and (min-width: 900px) {
-  .stzh-panorama__controls {
-    bottom: var(--stzh-space-medium);
+@media print {
+  .stzh-panorama__sceneselector {
+    display: none;
   }
 }
-@media screen and (min-width: 1260px) {
-  .stzh-panorama__controls {
+@media screen and (min-width: 900px) {
+  .stzh-panorama__sceneselector {
     bottom: var(--stzh-space-large);
+    left: var(--stzh-space-large);
   }
 }
-@media screen and (min-width: 900px) {
-  .stzh-panorama__controls {
-    right: var(--stzh-space-medium);
-  }
+.stzh-panorama__sceneselector-dropdown {
+  --color: var(--stzh-color-grey80);
+  --hover-color: var(--stzh-color-grey90);
+  --icon-angle-color: var(--stzh-color-grey80);
+  --hover-icon-angle-color: var(--stzh-color-grey80);
+  --border-color: var(--stzh-color-white);
+  --hover-border-color: var(--stzh-color-white);
+  --focus-border-color: var(--stzh-color-white);
+  --focus-background-color: var(--stzh-color-white);
+}
+.stzh-panorama__sceneselector-dropdown * {
+  box-sizing: border-box;
 }
-@media screen and (min-width: 1260px) {
-  .stzh-panorama__controls {
-    right: var(--stzh-space-large);
-  }
+.stzh-panorama__copyright {
+  background-color: var(--stzh-color-black50op);
+  color: var(--stzh-color-white80op);
+  padding-left: var(--stzh-space-medium);
+  padding-right: var(--stzh-space-medium);
+  padding-top: var(--stzh-space-xsmall);
+  padding-bottom: var(--stzh-space-xsmall);
+  white-space: nowrap;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.stzh-panorama__controls {
+  bottom: var(--stzh-space-xsmall);
+  right: var(--stzh-space-xsmall);
+  z-index: 2;
+  pointer-events: none;
+  position: absolute;
+  display: flex;
+  flex-direction: row;
+  gap: var(--stzh-space-xxsmall);
 }
 @media print {
   .stzh-panorama__controls {
     display: none;
   }
 }
+@media screen and (min-width: 900px) {
+  .stzh-panorama__controls {
+    bottom: var(--stzh-space-large);
+    right: var(--stzh-space-large);
+  }
+}
 .stzh-panorama__control {
   pointer-events: all;
 }
-.stzh-panorama__zoom-control {
-  display: flex;
-  flex-direction: column;
-  box-shadow: var(--stzh-box-shadow-popover);
-  border-radius: var(--stzh-button-border-radius);
+.stzh-panorama__control--show-medium {
   visibility: hidden;
 }
-.stzh-panorama__zoom-control stzh-button.stzh-panorama__control {
-  --box-shadow: none;
-}
-.stzh-panorama__zoom-control stzh-button.stzh-panorama__control.is-zoom-in {
-  --border-radius: var(--stzh-button-border-radius) var(--stzh-button-border-radius) 0 0;
-  margin-bottom: 0.125rem;
-}
-.stzh-panorama__zoom-control stzh-button.stzh-panorama__control.is-zoom-out {
-  --border-radius: 0 0 var(--stzh-button-border-radius) var(--stzh-button-border-radius);
-}
-.stzh-panorama__outside-controls {
-  margin-top: var(--stzh-space-xxlarge);
-  display: flex;
-  flex-wrap: wrap;
-  -moz-column-gap: var(--stzh-space-small);
-       column-gap: var(--stzh-space-small);
-  row-gap: var(--stzh-space-xsmall);
-}
 @media screen and (min-width: 900px) {
-  .stzh-panorama__outside-controls {
-    margin-top: var(--stzh-space-xxxlarge);
-  }
-}
-@media screen and (min-width: 1260px) {
-  .stzh-panorama__outside-controls {
-    margin-top: var(--stzh-space-xxxxlarge);
+  .stzh-panorama__control--show-medium {
+    visibility: visible;
   }
-}
-@media print {
-  .stzh-panorama__outside-controls {
-    display: none;
-  }
-}
-.stzh-panorama__outside-scenes-control {
-  --border-color: var(--stzh-color-primary);
-  width: auto;
-}
-.stzh-panorama--is-fullscreen .stzh-panorama__zoom-control {
-  visibility: visible;
 }

package/dist/collection/components/stzh-panorama/stzh-panorama.js

@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     }
   return t;
 };
-import { Host, h, } from "@stencil/core";
+import { Fragment, h, Host } from "@stencil/core";
 import "pannellum";
 const CLASS_HOTSPOT = "stzh-panorama__hotspot";
 const CLASS_HOTSPOT_TOOLTIP = "stzh-panorama__hotspot-tooltip";
@@ -33,7 +33,7 @@ export class StzhPanorama {
       if (options.type === "scene") {
         element.classList.add(CLASS_HOTSPOT_BUTTON_SCENE);
       }
-      else if (options.url) {
+      else if (options.url && !options.text) {
         element.classList.add(CLASS_HOTSPOT_BUTTON_LINK);
         element.setAttribute("href", options.url);
         element.setAttribute("target", "_blank");
@@ -49,9 +49,30 @@ export class StzhPanorama {
       if (options.text) {
         const tooltip = document.createElement("stzh-tooltip");
         tooltip.label = this.localization.hotspotLabel;
-        tooltip.content = options.text;
         tooltip.placement = "top";
+        tooltip.type = "button";
         tooltip.className = CLASS_HOTSPOT_TOOLTIP;
+        if (options.url) {
+          const tooltipContentSlot = document.createElement("div");
+          tooltipContentSlot.slot = "content";
+          const text = document.createElement("stzh-text");
+          text.font = "heavy";
+          text.curve = "caption";
+          text.textContent = options.text;
+          tooltipContentSlot.appendChild(text);
+          const link = document.createElement("stzh-link");
+          link.label = this.localization.moreInformation;
+          link.href = options.url;
+          link.target = "_blank";
+          link.icon = "arrow-right";
+          link.iconPosition = "right";
+          link.size = "small";
+          tooltipContentSlot.appendChild(link);
+          tooltip.appendChild(tooltipContentSlot);
+        }
+        else {
+          tooltip.content = options.text;
+        }
         tooltip.appendChild(element);
         hotspotDiv.appendChild(tooltip);
       }
@@ -59,13 +80,13 @@ export class StzhPanorama {
         hotspotDiv.appendChild(element);
       }
       // prevent that you can do panorama actions with arrow keys, zooming with shift etc.
-      element.addEventListener("keydown", (event) => {
+      element.addEventListener("keydown", event => {
         event.stopPropagation();
       });
     };
     this.handleSceneDropdownChange = async (event) => {
       const target = event.target;
-      const scene = await target.getValue();
+      const scene = (await target.getValue());
       this.scene = scene;
     };
     this.handleControlsKeydown = (event) => {
@@ -103,11 +124,14 @@ export class StzhPanorama {
     };
     this.localization = undefined;
     this.caption = "";
+    this.heading = "";
     this.copyright = "";
     this.scene = undefined;
     this.sceneFadeDuration = 500;
     this.autoload = true;
     this.orientationOnByDefault = false;
+    this.showControls = true;
+    this.showHotspots = true;
     this.scenes = undefined;
     this.isOrientationSupported = false;
     this.isOrientationActive = false;
@@ -132,9 +156,11 @@ export class StzhPanorama {
     }
     const scenesLib = {};
     // copy object and modify scene hotspots to build own more accessible elements
-    this._scenes.forEach((scene) => {
+    this._scenes.forEach(scene => {
       const { sceneId, imageTitle, imageSrc, imageAuthor, imageType, hotspots } = scene, sceneParams = __rest(scene, ["sceneId", "imageTitle", "imageSrc", "imageAuthor", "imageType", "hotspots"]);
-      scenesLib[sceneId] = Object.assign(Object.assign({}, sceneParams), { title: imageTitle, author: imageAuthor ? `${this.localization.by} ${imageAuthor}` : "", type: imageType, panorama: imageSrc, hotSpots: hotspots.map(hotSpot => (Object.assign(Object.assign({}, hotSpot), { URL: "", cssClass: CLASS_HOTSPOT, createTooltipFunc: this.createTooltip, createTooltipArgs: Object.assign(Object.assign({}, hotSpot), { url: hotSpot.url }) }))) });
+      scenesLib[sceneId] = Object.assign(Object.assign({}, sceneParams), { type: imageType, panorama: imageSrc, hotSpots: this.showHotspots
+          ? hotspots.map(hotSpot => (Object.assign(Object.assign({}, hotSpot), { URL: "", cssClass: CLASS_HOTSPOT, createTooltipFunc: this.createTooltip, createTooltipArgs: Object.assign(Object.assign({}, hotSpot), { url: hotSpot.url }) })))
+          : undefined });
     });
     this._scenesLibrary = scenesLib;
   }
@@ -176,9 +202,10 @@ export class StzhPanorama {
    * If the action is already runing/animating, add the value to the current position and set as new target.
    */
   executeAction(name, getter, setter, value) {
-    this.actionRunning[name] = typeof this.actionRunning[name] !== "undefined" && this.actionRunning[name] !== 0
-      ? this.actionRunning[name] + value
-      : getter() + value;
+    this.actionRunning[name] =
+      typeof this.actionRunning[name] !== "undefined" && this.actionRunning[name] !== 0
+        ? this.actionRunning[name] + value
+        : getter() + value;
     setter(this.actionRunning[name], this.controlAnimationTime, () => {
       this.actionRunning = { [name]: 0 };
     });
@@ -206,7 +233,7 @@ export class StzhPanorama {
           genericWebGLError: this.localization.genericWebGLError,
           textureSizeError: this.localization.textureSizeError,
           unknownError: this.localization.unknownError,
-        }
+        },
       },
     });
     this.viewer.on("load", () => {
@@ -215,7 +242,7 @@ export class StzhPanorama {
         this.updateOrientationState();
         this.scene = this.viewer.getScene();
         this.stzhLoad.emit({
-          component: "stzh-panorama"
+          component: "stzh-panorama",
         });
       }
     });
@@ -227,7 +254,7 @@ export class StzhPanorama {
       this.isFullscreen = status;
       this.stzhFullscreenChange.emit({
         component: "stzh-panorama",
-        value: this.isFullscreen
+        value: this.isFullscreen,
       });
     });
     this.viewer.on("scenechange", (sceneId) => {
@@ -235,19 +262,19 @@ export class StzhPanorama {
       this.containerElement.focus();
       this.stzhSceneChange.emit({
         component: "stzh-panorama",
-        value: sceneId
+        value: sceneId,
       });
     });
     this.viewer.on("zoomchange", (zoom) => {
       this.stzhZoomChange.emit({
         component: "stzh-panorama",
-        value: zoom
+        value: zoom,
       });
     });
     this.viewer.on("animatefinished", (data) => {
       this.stzhChange.emit({
         component: "stzh-panorama",
-        value: data
+        value: data,
       });
     });
   }
@@ -275,17 +302,16 @@ export class StzhPanorama {
       "stzh-panorama--is-motion": this.isOrientationActive,
       "stzh-panorama--is-fullscreen": this.isFullscreen,
     };
-    const sceneOptions = this._scenes
-      .map(({ sceneId, imageTitle }) => ({
+    const sceneOptions = this._scenes.map(({ sceneId, imageTitle }) => ({
       value: sceneId,
-      text: imageTitle
+      text: imageTitle,
     }));
-    const currentScene = this._scenes
-      .find(({ sceneId }) => sceneId === this.scene);
-    return (h(Host, null, h("div", { class: classes }, h("stzh-figure", { class: "stzh-panorama__figure", caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", null, h("div", { ref: (el) => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, h("div", { class: "stzh-panorama__zoom-control" }, h("stzh-button", { class: "stzh-panorama__control is-zoom-in", variant: "secondary", a11yLabel: this.localization.zoomIn, icon: "plus", iconOnly: true, size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { class: "stzh-panorama__control is-zoom-out", variant: "secondary", a11yLabel: this.localization.zoomOut, icon: "minus", iconOnly: true, size: "small", onClick: () => this.action("zoomOut") })), this.isOrientationSupported &&
-      h("stzh-button", { class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive ? this.localization.stopOrientation : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", iconOnly: true, size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") }), h("stzh-button", { class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isFullscreen ? this.localization.disableFullscreenLabel : this.localization.enableFullscreenLabel, icon: this.isFullscreen ? "shrink" : "expand", iconOnly: true, size: "small", onClick: () => this.action("fullscreen") }))))), h("div", { class: "stzh-panorama__outside-controls" }, h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }), this.isOrientationSupported &&
-      h("stzh-button", { class: "stzh-panorama__outside-control", variant: "secondary", label: this.isOrientationActive ? this.localization.stopOrientation : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.isFullscreen ? this.localization.disableFullscreenLabel : this.localization.enableFullscreenLabel, variant: "secondary", icon: "expand", size: "small", onClick: () => this.action("fullscreen") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), sceneOptions.length > 1 &&
-      h("stzh-dropdown", { class: "stzh-panorama__outside-scenes-control", size: "small", label: this.localization.sceneLabel, labelHidden: true, noSearch: true, items: [this.scene], options: sceneOptions, onStzhChange: this.handleSceneDropdownChange })))));
+    const currentScene = this._scenes.find(({ sceneId }) => sceneId === this.scene);
+    return (h(Host, null, h("div", { class: classes }, h("stzh-figure", { class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", null, h("div", { ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { class: "stzh-panorama__sceneselector-dropdown", size: "small", popoverPlacement: "top", label: this.localization.sceneLabel, labelHidden: true, noSearch: true, items: [this.scene], options: sceneOptions, onStzhChange: this.handleSceneDropdownChange })), h("div", { class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright)), h("div", { class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, null, h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }))), this.isOrientationSupported && (h("stzh-button", { class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive
+        ? this.localization.stopOrientation
+        : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", iconOnly: true, size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") })), h("stzh-button", { class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isFullscreen
+        ? this.localization.disableFullscreenLabel
+        : this.localization.enableFullscreenLabel, icon: this.isFullscreen ? "shrink" : "expand", iconOnly: true, size: "small", onClick: () => this.action("fullscreen") }))))))));
   }
   static get is() { return "stzh-panorama"; }
   static get originalStyleUrls() {
@@ -305,7 +331,7 @@ export class StzhPanorama {
         "mutable": false,
         "complexType": {
           "original": "StzhPanoramaLocalizedText",
-          "resolved": "StzhLocaleComponent & { hotspotLabel: string; sceneLabel: string; enableFullscreenLabel: string; disableFullscreenLabel: string; panUp: string; panDown: string; panLeft: string; panRight: string; startOrientation: string; stopOrientation: string; zoomIn: string; zoomOut: string; by: string; loadButtonLabel: string; loadingLabel: string; bylineLabel: string; noPanoramaError: string; fileAccessError: string; malformedURLError: string; iOS8WebGLError: string; genericWebGLError: string; textureSizeError: string; unknownError: string; }",
+          "resolved": "StzhLocaleComponent & { hotspotLabel: string; sceneLabel: string; enableFullscreenLabel: string; disableFullscreenLabel: string; panUp: string; panDown: string; panLeft: string; panRight: string; startOrientation: string; stopOrientation: string; zoomIn: string; zoomOut: string; by: string; moreInformation: string; loadButtonLabel: string; loadingLabel: string; bylineLabel: string; noPanoramaError: string; fileAccessError: string; malformedURLError: string; iOS8WebGLError: string; genericWebGLError: string; textureSizeError: string; unknownError: string; }",
           "references": {
             "StzhPanoramaLocalizedText": {
               "location": "import",
@@ -339,6 +365,24 @@ export class StzhPanorama {
         "reflect": false,
         "defaultValue": "\"\""
       },
+      "heading": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Heading"
+        },
+        "attribute": "heading",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
       "copyright": {
         "type": "string",
         "mutable": false,
@@ -428,6 +472,42 @@ export class StzhPanorama {
         "reflect": false,
         "defaultValue": "false"
       },
+      "showControls": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If set to false, moving/paning/zooming controls will be hidden. e.g. when embedding the panorama into content columns."
+        },
+        "attribute": "show-controls",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "showHotspots": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "If set to false, hotspots will be hidden. e.g. when embedding the panorama into content columns."
+        },
+        "attribute": "show-hotspots",
+        "reflect": false,
+        "defaultValue": "true"
+      },
       "scenes": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/stzh-panorama/stzh-panorama.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-panorama.js","sourceRoot":"","sources":["../../../../src/components/stzh-panorama/stzh-panorama.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n  Method,\n  Watch,\n  // Listen,\n  State,\n  Event,\n  EventEmitter,\n} from \"@stencil/core\";\n\nimport {\n  PanoramaScene,\n  PanoramaScenesLibrary,\n  StzhDropdownChangeEvent,\n  StzhPanoramaLoadEvent,\n  StzhPanoramaChangeEvent,\n  StzhPanoramaFullscreenChangeEvent,\n  StzhPanoramaSceneChangeEvent,\n  StzhPanoramaZoomChangeEvent\n} from \"../../index\";\n\nimport { StzhPanoramaLocalizedText } from \"./stzh-panorama.localization\";\n\nimport \"pannellum\";\n\nconst CLASS_HOTSPOT = \"stzh-panorama__hotspot\";\nconst CLASS_HOTSPOT_TOOLTIP = \"stzh-panorama__hotspot-tooltip\";\nconst CLASS_HOTSPOT_BUTTON = \"stzh-panorama__hotspot-button\";\nconst CLASS_HOTSPOT_BUTTON_SCENE = \"is-scene\";\nconst CLASS_HOTSPOT_BUTTON_INFO = \"is-info\";\nconst CLASS_HOTSPOT_BUTTON_LINK = \"is-link\";\n\nconst ICON_HOTSPOT_SCENE = \"arrow-up\";\nconst ICON_HOTSPOT_DEFAULT = \"info-help\";\n\n/**\n *\n */\n@Component({\n  tag: \"stzh-panorama\",\n  styleUrl: \"stzh-panorama.scss\",\n})\nexport class StzhPanorama {\n  /** Translation strings */\n  @Prop() localization: StzhPanoramaLocalizedText;\n\n  /** Caption */\n  @Prop() caption: string = \"\";\n\n  /** Copyright */\n  @Prop() copyright: string = \"\";\n\n  /** Current scene */\n  @Prop({ mutable: true }) scene: string;\n\n  /** Fade duration on scene change */\n  @Prop() sceneFadeDuration = 500;\n\n  /** Whether to autoload panorama on pageload */\n  @Prop() autoload: boolean = true;\n\n  /** If set to true, device orientation control will be used when the panorama is loaded, if the device supports it. If false, device orientation control needs to be activated by pressing a button. */\n  @Prop() orientationOnByDefault: boolean = false;\n\n  /**\n   * Available scenes\n   *\n   * An array of objects including `sceneId`, `imageTitle`, `imageSrc`, optionally `imageAuthor`, `imageType`, `caption`, `pitch`, `yaw`, `hfov` and `hotspots`\n   * `hotspots` can be an array of objects including `pitch`, `yaw`, `type`, `text`, optionally `url`, `id`, `sceneId`, `targetPitch` and `targetYaw`\n   *\n   * See also https://pannellum.org/documentation/reference/\n   */\n  @Prop() scenes: PanoramaScene[] | string;\n  private _scenes: PanoramaScene[];\n  private _scenesLibrary: PanoramaScenesLibrary;\n\n  @Element() element: HTMLStzhFigureElement;\n\n  /** Get viewer instance */\n  @Method()\n  async getViewer(): Promise<any> {\n    return this.viewer;\n  }\n\n  @Watch(\"scenes\")\n  scenesWatcher(newValue: PanoramaScene[] | string) {\n    if (!this.localization) {\n      return;\n    }\n\n    if (typeof newValue === \"string\") {\n      this._scenes = JSON.parse(newValue);\n    } else if (newValue) {\n      this._scenes = newValue;\n    } else {\n      throw new Error('\"scenes\" is empty');\n    }\n\n    const scenesLib: PanoramaScenesLibrary = {};\n\n    // copy object and modify scene hotspots to build own more accessible elements\n    this._scenes.forEach((scene) => {\n      const {\n        sceneId,\n        imageTitle,\n        imageSrc,\n        imageAuthor,\n        imageType,\n        hotspots,\n        ...sceneParams\n      } = scene;\n\n      scenesLib[sceneId] = {\n        ...sceneParams,\n        title: imageTitle,\n        author: imageAuthor ? `${this.localization.by} ${imageAuthor}` : \"\",\n        type: imageType,\n        panorama: imageSrc,\n        hotSpots: hotspots.map(hotSpot => ({\n          ...hotSpot,\n          URL: \"\", // switch hotspot into non url info spot to be able to create accessible link\n          cssClass: CLASS_HOTSPOT,\n          createTooltipFunc: this.createTooltip,\n          createTooltipArgs: { ...hotSpot, url: hotSpot.url },\n        }))\n      };\n    });\n\n    this._scenesLibrary = scenesLib;\n  }\n\n  @Watch(\"scene\")\n  sceneWatcher(newValue: string) {\n    this.viewer.loadScene(newValue);\n  }\n\n  @Watch(\"autoload\")\n  @Watch(\"scenes\")\n  @Watch(\"type\")\n  @Watch(\"localization\")\n  @Watch(\"orientationOnByDefault\")\n  @Watch(\"sceneFadeDuration\")\n  updateWatcher() {\n    if (this.viewer) {\n      this.viewer.destroy();\n      this.viewer = null;\n    }\n  }\n\n  // @Listen(\"load\", { target: \"window\" })\n  // @Listen(\"deviceorientation\", { target: \"window\" })\n  // @Listen(\"pageshow\", { target: \"window\" })\n  // handleLoad() {\n  //   if (this.viewer) {\n  //     requestAnimationFrame(() => {\n  //       this.viewer.resize();\n  //     });\n  //   }\n  // }\n\n  /** Load event */\n  @Event() stzhLoad: EventEmitter<StzhPanoramaLoadEvent>;\n\n  /** Change event */\n  @Event() stzhChange: EventEmitter<StzhPanoramaChangeEvent>;\n\n  /** Fullscreen change event */\n  @Event() stzhFullscreenChange: EventEmitter<StzhPanoramaFullscreenChangeEvent>;\n\n  /** Scene change event */\n  @Event() stzhSceneChange: EventEmitter<StzhPanoramaSceneChangeEvent>;\n\n  /** Zoom change event */\n  @Event() stzhZoomChange: EventEmitter<StzhPanoramaZoomChangeEvent>;\n\n  @State() isOrientationSupported = false;\n  @State() isOrientationActive = false;\n  @State() isFullscreen = false;\n\n  private viewer: any;\n  private containerElement: HTMLElement;\n  private actionRunning: { [key: string]: number } = {};\n  private controlAnimationTime: number = 500;\n\n  private createTooltip = (hotspotDiv, options) => {\n\t\tconst element = document.createElement(\"stzh-button\");\n    element.classList.add(CLASS_HOTSPOT_BUTTON);\n\n\t\tif (options.type === \"scene\") {\n\t\t\telement.classList.add(CLASS_HOTSPOT_BUTTON_SCENE);\n\t\t} else if (options.url) {\n\t\t\telement.classList.add(CLASS_HOTSPOT_BUTTON_LINK);\n\t\t\telement.setAttribute(\"href\", options.url);\n\t\t\telement.setAttribute(\"target\", \"_blank\");\n\t\t} else {\n\t\t\telement.classList.add(CLASS_HOTSPOT_BUTTON_INFO);\n\t\t}\n\n    element.icon = options.type === \"scene\" ? ICON_HOTSPOT_SCENE : ICON_HOTSPOT_DEFAULT;\n    element.iconOnly = true;\n    element.rounded = true;\n    element.size = \"small\";\n    element.variant = \"secondary\";\n\n\t\tif (options.text) {\n      const tooltip = document.createElement(\"stzh-tooltip\");\n      tooltip.label = this.localization.hotspotLabel;\n      tooltip.content = options.text;\n      tooltip.placement = \"top\";\n\t\t\ttooltip.className = CLASS_HOTSPOT_TOOLTIP;\n\n      tooltip.appendChild(element);\n      hotspotDiv.appendChild(tooltip);\n\t\t} else {\n      hotspotDiv.appendChild(element);\n    }\n\n    // prevent that you can do panorama actions with arrow keys, zooming with shift etc.\n\t\telement.addEventListener(\"keydown\", (event) => {\n\t\t\tevent.stopPropagation();\n\t\t});\n  }\n\n  private handleSceneDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const target: HTMLStzhDropdownElement = event.target as HTMLStzhDropdownElement;\n    const scene = await target.getValue() as string;\n    this.scene = scene;\n  }\n\n  private handleControlsKeydown = (event: KeyboardEvent) => {\n    // prevent that you can do panorama actions with arrow keys, zooming with shift etc.\n\t\tevent.stopPropagation();\n  }\n\n  private action = (type: \"zoomIn\" | \"zoomOut\" | \"fullscreen\" | \"startOrientation\" | \"stopOrientation\" | \"panUp\" | \"panDown\" | \"panLeft\" | \"panRight\") => {\n    if (![\"startOrientation\", \"fullscreen\"].includes(type)) {\n      this.stopOrientation();\n    }\n\n    if (type === \"zoomIn\") {\n      this.executeAction(\"zoomIn\", this.viewer.getHfov, this.viewer.setHfov, -10);\n    } else if (type === \"zoomOut\") {\n      this.executeAction(\"zoomOut\", this.viewer.getHfov, this.viewer.setHfov, +10);\n    } else if (type === \"fullscreen\") {\n\t\t\tthis.viewer.toggleFullscreen();\n    } else  if (type === \"startOrientation\") {\n      this.startOrientation();\n    } else if (type === \"panUp\") {\n      this.executeAction(\"panUp\", this.viewer.getPitch, this.viewer.setPitch, +10);\n    } else if (type === \"panDown\") {\n      this.executeAction(\"panDown\", this.viewer.getPitch, this.viewer.setPitch, -10);\n    } else if (type === \"panLeft\") {\n      this.executeAction(\"panLeft\", this.viewer.getYaw, this.viewer.setYaw, -10);\n    } else if (type === \"panRight\") {\n\t\t\tthis.executeAction(\"panRight\", this.viewer.getYaw, this.viewer.setYaw, +10);\n    }\n  }\n\n  private stopOrientation() {\n    if (this.viewer.isOrientationActive()) {\n      this.viewer.stopOrientation();\n\n      // trigger touchstart event to reset panorama rotation correctly\n      // old preview code:\n      // const evt = document.createEvent(\"HTMLEvents\");\n      // evt.initEvent(\"touchstart\", false, true);\n      // $(document).find(\".pnlm-dragfix\").get(0).dispatchEvent(evt);\n      // alternative: https://gist.github.com/morewry/538efb737ed9c4e432e4\n\n      var e = new window.Event(\"touchstart\");\n      this.element.querySelector(\".pnlm-dragfix\").dispatchEvent(e);\n\n      this.updateOrientationState();\n    }\n  }\n\n  private startOrientation() {\n\t\tif (this.viewer.isOrientationSupported()) {\n      this.viewer.startOrientation();\n      this.updateOrientationState();\n\t\t}\n  }\n\n  private updateOrientationState() {\n    this.isOrientationSupported = this.viewer.isOrientationSupported();\n    this.isOrientationActive = this.isOrientationSupported && this.viewer.isOrientationActive();\n  }\n\n\t/**\n\t * Execute a button control action.\n\t * If the action is already runing/animating, add the value to the current position and set as new target.\n\t */\n\tprivate executeAction(name, getter, setter, value) {\n\t\tthis.actionRunning[name] = typeof this.actionRunning[name] !== \"undefined\" && this.actionRunning[name] !== 0\n      ? this.actionRunning[name] + value\n      : getter() + value;\n\n\t\tsetter(this.actionRunning[name], this.controlAnimationTime, () => {\n\t\t\tthis.actionRunning = { [name]: 0 };\n\t\t});\n\t}\n\n  private initViewer() {\n\t\tthis.viewer = window.pannellum.viewer(\n      this.containerElement,\n      // https://pannellum.org/documentation/reference/\n      {\n        scenes: this._scenesLibrary,\n\t\t\t\tdefault: {\n\t\t\t\t\tfirstScene: this.scene,\n\t\t\t\t\tshowControls: false, // we show our own controls (zoom in/out and fullscreen)\n\t\t\t\t\tsceneFadeDuration: this.sceneFadeDuration,\n\t\t\t\t\tautoLoad: this.autoload,\n\t\t\t\t\tcompass: false,\n\t\t\t\t\torientationOnByDefault: this.orientationOnByDefault,\n\t\t\t\t\tstrings: {\n\t\t\t\t\t\tloadButtonLabel: this.localization.loadButtonLabel,\n\t\t\t\t\t\tloadingLabel: this.localization.loadingLabel,\n\t\t\t\t\t\tbylineLabel: this.localization.bylineLabel,\n\t\t\t\t\t\tnoPanoramaError: this.localization.noPanoramaError,\n\t\t\t\t\t\tfileAccessError: this.localization.fileAccessError,\n\t\t\t\t\t\tmalformedURLError: this.localization.malformedURLError,\n\t\t\t\t\t\tiOS8WebGLError: this.localization.iOS8WebGLError,\n\t\t\t\t\t\tgenericWebGLError: this.localization.genericWebGLError,\n\t\t\t\t\t\ttextureSizeError: this.localization.textureSizeError,\n\t\t\t\t\t\tunknownError: this.localization.unknownError,\n\t\t\t\t\t}\n\t\t\t\t},\n      }\n    );\n\n    this.viewer.on(\"load\", () => {\n      if (this.viewer) {\n\t  \t  // update classes for orientation control when a new scene has been loaded\n        this.updateOrientationState();\n        this.scene = this.viewer.getScene();\n\n        this.stzhLoad.emit({\n          component: \"stzh-panorama\"\n        });\n      }\n    });\n\n\t\tthis.viewer.on(\"touchstart\", () => {\n\t\t  // update classes for orientation control when user interacts with panorama\n\t\t\tthis.updateOrientationState();\n\t\t});\n\n    this.viewer.on(\"fullscreenchange\", (status: boolean) => {\n      this.isFullscreen = status;\n\n      this.stzhFullscreenChange.emit({\n        component: \"stzh-panorama\",\n        value: this.isFullscreen\n      });\n    });\n\n    this.viewer.on(\"scenechange\", (sceneId: string) => {\n      // set focus back to container when scene has been changed\n\t\t\tthis.containerElement.focus();\n\n      this.stzhSceneChange.emit({\n        component: \"stzh-panorama\",\n        value: sceneId\n      });\n    });\n\n    this.viewer.on(\"zoomchange\", (zoom: number) => {\n      this.stzhZoomChange.emit({\n        component: \"stzh-panorama\",\n        value: zoom\n      });\n    });\n\n    this.viewer.on(\"animatefinished\", (data: { pitch: number, yaw: number, hfov: number }) => {\n      this.stzhChange.emit({\n        component: \"stzh-panorama\",\n        value: data\n      });\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"panorama\");\n    }\n\n    this.scenesWatcher(this.scenes);\n  }\n\n  async componentDidRender() {\n    if (this.viewer) {\n      return;\n    }\n\n    this.initViewer();\n  }\n\n  disconnectedCallback() {\n    if (this.viewer) {\n      this.viewer.destroy();\n      this.viewer = null;\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-panorama\": true,\n      \"stzh-panorama--is-motion\": this.isOrientationActive,\n      \"stzh-panorama--is-fullscreen\": this.isFullscreen,\n    };\n\n    const sceneOptions = this._scenes\n      .map(({ sceneId, imageTitle }) => ({\n        value: sceneId,\n        text: imageTitle\n      }));\n\n    const currentScene = this._scenes\n      .find(({ sceneId }) => sceneId === this.scene);\n\n    return (\n      <Host>\n        <div class={classes}>\n          <stzh-figure\n            class=\"stzh-panorama__figure\"\n            caption={currentScene.caption || this.caption}\n            copyright={currentScene.copyright || this.copyright}\n          >\n            <stzh-ratio>\n              <div\n                ref={(el) => (this.containerElement = el as HTMLElement)}\n                class=\"stzh-panorama__container\"\n                tabindex=\"0\"\n              >\n                <div class=\"stzh-panorama__controls\" onKeyDown={this.handleControlsKeydown}>\n                  <div class=\"stzh-panorama__zoom-control\">\n                    <stzh-button class=\"stzh-panorama__control is-zoom-in\" variant=\"secondary\" a11yLabel={this.localization.zoomIn} icon=\"plus\" iconOnly={true} size=\"small\" onClick={() => this.action(\"zoomIn\")}></stzh-button>\n                    <stzh-button class=\"stzh-panorama__control is-zoom-out\" variant=\"secondary\" a11yLabel={this.localization.zoomOut} icon=\"minus\" iconOnly={true} size=\"small\" onClick={() => this.action(\"zoomOut\")}></stzh-button>\n                  </div>\n\n                  {this.isOrientationSupported &&\n                    <stzh-button\n                      class=\"stzh-panorama__control\"\n                      variant=\"secondary\"\n                      a11yLabel={this.isOrientationActive ? this.localization.stopOrientation : this.localization.startOrientation}\n                      icon={this.isOrientationActive ? \"target-bullet\" : \"target\"}\n                      iconOnly={true}\n                      size=\"small\"\n                      onClick={() => this.action(this.isOrientationActive ? \"stopOrientation\" : \"startOrientation\")}\n                    ></stzh-button>\n                  }\n\n                  <stzh-button\n                    class=\"stzh-panorama__control\"\n                    variant=\"secondary\"\n                    a11yLabel={this.isFullscreen ? this.localization.disableFullscreenLabel : this.localization.enableFullscreenLabel}\n                    icon={this.isFullscreen ? \"shrink\" : \"expand\"}\n                    iconOnly={true}\n                    size=\"small\"\n                    onClick={() => this.action(\"fullscreen\")}\n                  ></stzh-button>\n                </div>\n              </div>\n            </stzh-ratio>\n          </stzh-figure>\n\n          <div class=\"stzh-panorama__outside-controls\">\n            <stzh-button class=\"stzh-panorama__outside-control\" label={this.localization.zoomIn} variant=\"secondary\" icon=\"plus\" size=\"small\" onClick={() => this.action(\"zoomIn\")}></stzh-button>\n            <stzh-button class=\"stzh-panorama__outside-control\" label={this.localization.zoomOut} variant=\"secondary\" icon=\"minus\" size=\"small\" onClick={() => this.action(\"zoomOut\")}></stzh-button>\n            {this.isOrientationSupported &&\n              <stzh-button\n                class=\"stzh-panorama__outside-control\"\n                variant=\"secondary\"\n                label={this.isOrientationActive ? this.localization.stopOrientation : this.localization.startOrientation}\n                icon={this.isOrientationActive ? \"target-bullet\" : \"target\"}\n                size=\"small\"\n                onClick={() => this.action(this.isOrientationActive ? \"stopOrientation\" : \"startOrientation\")}\n              ></stzh-button>\n            }\n            <stzh-button class=\"stzh-panorama__outside-control\" label={this.isFullscreen ? this.localization.disableFullscreenLabel : this.localization.enableFullscreenLabel} variant=\"secondary\" icon=\"expand\" size=\"small\" onClick={() => this.action(\"fullscreen\")}></stzh-button>\n            <stzh-button class=\"stzh-panorama__outside-control\" label={this.localization.panUp} variant=\"secondary\" icon=\"arrow-up\" size=\"small\" onClick={() => this.action(\"panUp\")}></stzh-button>\n            <stzh-button class=\"stzh-panorama__outside-control\" label={this.localization.panDown} variant=\"secondary\" icon=\"arrow-down\" size=\"small\" onClick={() => this.action(\"panDown\")}></stzh-button>\n            <stzh-button class=\"stzh-panorama__outside-control\" label={this.localization.panLeft} variant=\"secondary\" icon=\"arrow-left\" size=\"small\" onClick={() => this.action(\"panLeft\")}></stzh-button>\n            <stzh-button class=\"stzh-panorama__outside-control\" label={this.localization.panRight} variant=\"secondary\" icon=\"arrow-right\" size=\"small\" onClick={() => this.action(\"panRight\")}></stzh-button>\n            {sceneOptions.length > 1 &&\n              <stzh-dropdown\n                class=\"stzh-panorama__outside-scenes-control\"\n                size=\"small\"\n                label={this.localization.sceneLabel}\n                labelHidden={true}\n                noSearch={true}\n                items={[this.scene]}\n                options={sceneOptions}\n                onStzhChange={this.handleSceneDropdownChange}\n              ></stzh-dropdown>\n            }\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-panorama.js","sourceRoot":"","sources":["../../../../src/components/stzh-panorama/stzh-panorama.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Fragment, h, Host, Method, Prop, State, Watch } from \"@stencil/core\";\n\nimport {\n  PanoramaScene,\n  PanoramaScenesLibrary,\n  StzhDropdownChangeEvent,\n  StzhPanoramaChangeEvent,\n  StzhPanoramaFullscreenChangeEvent,\n  StzhPanoramaLoadEvent,\n  StzhPanoramaSceneChangeEvent,\n  StzhPanoramaZoomChangeEvent,\n} from \"../../index\";\n\nimport { StzhPanoramaLocalizedText } from \"./stzh-panorama.localization\";\n\nimport \"pannellum\";\n\nconst CLASS_HOTSPOT = \"stzh-panorama__hotspot\";\nconst CLASS_HOTSPOT_TOOLTIP = \"stzh-panorama__hotspot-tooltip\";\nconst CLASS_HOTSPOT_BUTTON = \"stzh-panorama__hotspot-button\";\nconst CLASS_HOTSPOT_BUTTON_SCENE = \"is-scene\";\nconst CLASS_HOTSPOT_BUTTON_INFO = \"is-info\";\nconst CLASS_HOTSPOT_BUTTON_LINK = \"is-link\";\n\nconst ICON_HOTSPOT_SCENE = \"arrow-up\";\nconst ICON_HOTSPOT_DEFAULT = \"info-help\";\n\n/**\n *\n */\n@Component({\n  tag: \"stzh-panorama\",\n  styleUrl: \"stzh-panorama.scss\",\n})\nexport class StzhPanorama {\n  /** Translation strings */\n  @Prop() localization: StzhPanoramaLocalizedText;\n\n  /** Caption */\n  @Prop() caption: string = \"\";\n\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Copyright */\n  @Prop() copyright: string = \"\";\n\n  /** Current scene */\n  @Prop({ mutable: true }) scene: string;\n\n  /** Fade duration on scene change */\n  @Prop() sceneFadeDuration = 500;\n\n  /** Whether to autoload panorama on pageload */\n  @Prop() autoload: boolean = true;\n\n  /** If set to true, device orientation control will be used when the panorama is loaded, if the device supports it. If false, device orientation control needs to be activated by pressing a button. */\n  @Prop() orientationOnByDefault: boolean = false;\n\n  /** If set to false, moving/paning/zooming controls will be hidden. e.g. when embedding the panorama into content columns. */\n  @Prop() showControls: boolean = true;\n\n  /** If set to false, hotspots will be hidden. e.g. when embedding the panorama into content columns. */\n  @Prop() showHotspots: boolean = true;\n\n  /**\n   * Available scenes\n   *\n   * An array of objects including `sceneId`, `imageTitle`, `imageSrc`, optionally `imageAuthor`, `imageType`, `caption`, `pitch`, `yaw`, `hfov` and `hotspots`\n   * `hotspots` can be an array of objects including `pitch`, `yaw`, `type`, `text`, optionally `url`, `id`, `sceneId`, `targetPitch` and `targetYaw`\n   *\n   * See also https://pannellum.org/documentation/reference/\n   */\n  @Prop() scenes: PanoramaScene[] | string;\n  private _scenes: PanoramaScene[];\n  private _scenesLibrary: PanoramaScenesLibrary;\n\n  @Element() element: HTMLStzhFigureElement;\n\n  /** Get viewer instance */\n  @Method()\n  async getViewer(): Promise<any> {\n    return this.viewer;\n  }\n\n  @Watch(\"scenes\")\n  scenesWatcher(newValue: PanoramaScene[] | string) {\n    if (!this.localization) {\n      return;\n    }\n\n    if (typeof newValue === \"string\") {\n      this._scenes = JSON.parse(newValue);\n    } else if (newValue) {\n      this._scenes = newValue;\n    } else {\n      throw new Error('\"scenes\" is empty');\n    }\n\n    const scenesLib: PanoramaScenesLibrary = {};\n\n    // copy object and modify scene hotspots to build own more accessible elements\n    this._scenes.forEach(scene => {\n      const { sceneId, imageTitle, imageSrc, imageAuthor, imageType, hotspots, ...sceneParams } = scene;\n\n      scenesLib[sceneId] = {\n        ...sceneParams,\n        type: imageType,\n        panorama: imageSrc,\n        hotSpots: this.showHotspots\n          ? hotspots.map(hotSpot => ({\n              ...hotSpot,\n              URL: \"\", // switch hotspot into non url info spot to be able to create accessible link\n              cssClass: CLASS_HOTSPOT,\n              createTooltipFunc: this.createTooltip,\n              createTooltipArgs: { ...hotSpot, url: hotSpot.url },\n            }))\n          : undefined,\n      };\n    });\n\n    this._scenesLibrary = scenesLib;\n  }\n\n  @Watch(\"scene\")\n  sceneWatcher(newValue: string) {\n    this.viewer.loadScene(newValue);\n  }\n\n  @Watch(\"autoload\")\n  @Watch(\"scenes\")\n  @Watch(\"type\")\n  @Watch(\"localization\")\n  @Watch(\"orientationOnByDefault\")\n  @Watch(\"sceneFadeDuration\")\n  updateWatcher() {\n    if (this.viewer) {\n      this.viewer.destroy();\n      this.viewer = null;\n    }\n  }\n\n  // @Listen(\"load\", { target: \"window\" })\n  // @Listen(\"deviceorientation\", { target: \"window\" })\n  // @Listen(\"pageshow\", { target: \"window\" })\n  // handleLoad() {\n  //   if (this.viewer) {\n  //     requestAnimationFrame(() => {\n  //       this.viewer.resize();\n  //     });\n  //   }\n  // }\n\n  /** Load event */\n  @Event() stzhLoad: EventEmitter<StzhPanoramaLoadEvent>;\n\n  /** Change event */\n  @Event() stzhChange: EventEmitter<StzhPanoramaChangeEvent>;\n\n  /** Fullscreen change event */\n  @Event()\n  stzhFullscreenChange: EventEmitter<StzhPanoramaFullscreenChangeEvent>;\n\n  /** Scene change event */\n  @Event() stzhSceneChange: EventEmitter<StzhPanoramaSceneChangeEvent>;\n\n  /** Zoom change event */\n  @Event() stzhZoomChange: EventEmitter<StzhPanoramaZoomChangeEvent>;\n\n  @State() isOrientationSupported = false;\n  @State() isOrientationActive = false;\n  @State() isFullscreen = false;\n\n  private viewer: any;\n  private containerElement: HTMLElement;\n  private actionRunning: { [key: string]: number } = {};\n  private controlAnimationTime: number = 500;\n\n  private createTooltip = (hotspotDiv, options) => {\n    const element = document.createElement(\"stzh-button\");\n    element.classList.add(CLASS_HOTSPOT_BUTTON);\n\n    if (options.type === \"scene\") {\n      element.classList.add(CLASS_HOTSPOT_BUTTON_SCENE);\n    } else if (options.url && !options.text) {\n      element.classList.add(CLASS_HOTSPOT_BUTTON_LINK);\n      element.setAttribute(\"href\", options.url);\n      element.setAttribute(\"target\", \"_blank\");\n    } else {\n      element.classList.add(CLASS_HOTSPOT_BUTTON_INFO);\n    }\n\n    element.icon = options.type === \"scene\" ? ICON_HOTSPOT_SCENE : ICON_HOTSPOT_DEFAULT;\n    element.iconOnly = true;\n    element.rounded = true;\n    element.size = \"small\";\n    element.variant = \"secondary\";\n\n    if (options.text) {\n      const tooltip = document.createElement(\"stzh-tooltip\");\n      tooltip.label = this.localization.hotspotLabel;\n      tooltip.placement = \"top\";\n      tooltip.type = \"button\";\n      tooltip.className = CLASS_HOTSPOT_TOOLTIP;\n\n      if (options.url) {\n        const tooltipContentSlot = document.createElement(\"div\");\n        tooltipContentSlot.slot = \"content\";\n\n        const text = document.createElement(\"stzh-text\");\n        text.font = \"heavy\";\n        text.curve = \"caption\";\n        text.textContent = options.text;\n        tooltipContentSlot.appendChild(text);\n\n        const link = document.createElement(\"stzh-link\");\n        link.label = this.localization.moreInformation;\n        link.href = options.url;\n        link.target = \"_blank\";\n        link.icon = \"arrow-right\";\n        link.iconPosition = \"right\";\n        link.size = \"small\";\n        tooltipContentSlot.appendChild(link);\n\n        tooltip.appendChild(tooltipContentSlot);\n      } else {\n        tooltip.content = options.text;\n      }\n\n      tooltip.appendChild(element);\n      hotspotDiv.appendChild(tooltip);\n    } else {\n      hotspotDiv.appendChild(element);\n    }\n\n    // prevent that you can do panorama actions with arrow keys, zooming with shift etc.\n    element.addEventListener(\"keydown\", event => {\n      event.stopPropagation();\n    });\n  };\n\n  private handleSceneDropdownChange = async (event: CustomEvent<StzhDropdownChangeEvent>) => {\n    const target: HTMLStzhDropdownElement = event.target as HTMLStzhDropdownElement;\n    const scene = (await target.getValue()) as string;\n    this.scene = scene;\n  };\n\n  private handleControlsKeydown = (event: KeyboardEvent) => {\n    // prevent that you can do panorama actions with arrow keys, zooming with shift etc.\n    event.stopPropagation();\n  };\n\n  private action = (\n    type:\n      | \"zoomIn\"\n      | \"zoomOut\"\n      | \"fullscreen\"\n      | \"startOrientation\"\n      | \"stopOrientation\"\n      | \"panUp\"\n      | \"panDown\"\n      | \"panLeft\"\n      | \"panRight\"\n  ) => {\n    if (![\"startOrientation\", \"fullscreen\"].includes(type)) {\n      this.stopOrientation();\n    }\n\n    if (type === \"zoomIn\") {\n      this.executeAction(\"zoomIn\", this.viewer.getHfov, this.viewer.setHfov, -10);\n    } else if (type === \"zoomOut\") {\n      this.executeAction(\"zoomOut\", this.viewer.getHfov, this.viewer.setHfov, +10);\n    } else if (type === \"fullscreen\") {\n      this.viewer.toggleFullscreen();\n    } else if (type === \"startOrientation\") {\n      this.startOrientation();\n    } else if (type === \"panUp\") {\n      this.executeAction(\"panUp\", this.viewer.getPitch, this.viewer.setPitch, +10);\n    } else if (type === \"panDown\") {\n      this.executeAction(\"panDown\", this.viewer.getPitch, this.viewer.setPitch, -10);\n    } else if (type === \"panLeft\") {\n      this.executeAction(\"panLeft\", this.viewer.getYaw, this.viewer.setYaw, -10);\n    } else if (type === \"panRight\") {\n      this.executeAction(\"panRight\", this.viewer.getYaw, this.viewer.setYaw, +10);\n    }\n  };\n\n  private stopOrientation() {\n    if (this.viewer.isOrientationActive()) {\n      this.viewer.stopOrientation();\n\n      // trigger touchstart event to reset panorama rotation correctly\n      // old preview code:\n      // const evt = document.createEvent(\"HTMLEvents\");\n      // evt.initEvent(\"touchstart\", false, true);\n      // $(document).find(\".pnlm-dragfix\").get(0).dispatchEvent(evt);\n      // alternative: https://gist.github.com/morewry/538efb737ed9c4e432e4\n\n      var e = new window.Event(\"touchstart\");\n      this.element.querySelector(\".pnlm-dragfix\").dispatchEvent(e);\n\n      this.updateOrientationState();\n    }\n  }\n\n  private startOrientation() {\n    if (this.viewer.isOrientationSupported()) {\n      this.viewer.startOrientation();\n      this.updateOrientationState();\n    }\n  }\n\n  private updateOrientationState() {\n    this.isOrientationSupported = this.viewer.isOrientationSupported();\n    this.isOrientationActive = this.isOrientationSupported && this.viewer.isOrientationActive();\n  }\n\n  /**\n   * Execute a button control action.\n   * If the action is already runing/animating, add the value to the current position and set as new target.\n   */\n  private executeAction(name, getter, setter, value) {\n    this.actionRunning[name] =\n      typeof this.actionRunning[name] !== \"undefined\" && this.actionRunning[name] !== 0\n        ? this.actionRunning[name] + value\n        : getter() + value;\n\n    setter(this.actionRunning[name], this.controlAnimationTime, () => {\n      this.actionRunning = { [name]: 0 };\n    });\n  }\n\n  private initViewer() {\n    this.viewer = window.pannellum.viewer(\n      this.containerElement,\n      // https://pannellum.org/documentation/reference/\n      {\n        scenes: this._scenesLibrary,\n        default: {\n          firstScene: this.scene,\n          showControls: false, // we show our own controls (zoom in/out and fullscreen)\n          sceneFadeDuration: this.sceneFadeDuration,\n          autoLoad: this.autoload,\n          compass: false,\n          orientationOnByDefault: this.orientationOnByDefault,\n          strings: {\n            loadButtonLabel: this.localization.loadButtonLabel,\n            loadingLabel: this.localization.loadingLabel,\n            bylineLabel: this.localization.bylineLabel,\n            noPanoramaError: this.localization.noPanoramaError,\n            fileAccessError: this.localization.fileAccessError,\n            malformedURLError: this.localization.malformedURLError,\n            iOS8WebGLError: this.localization.iOS8WebGLError,\n            genericWebGLError: this.localization.genericWebGLError,\n            textureSizeError: this.localization.textureSizeError,\n            unknownError: this.localization.unknownError,\n          },\n        },\n      }\n    );\n\n    this.viewer.on(\"load\", () => {\n      if (this.viewer) {\n        // update classes for orientation control when a new scene has been loaded\n        this.updateOrientationState();\n        this.scene = this.viewer.getScene();\n\n        this.stzhLoad.emit({\n          component: \"stzh-panorama\",\n        });\n      }\n    });\n\n    this.viewer.on(\"touchstart\", () => {\n      // update classes for orientation control when user interacts with panorama\n      this.updateOrientationState();\n    });\n\n    this.viewer.on(\"fullscreenchange\", (status: boolean) => {\n      this.isFullscreen = status;\n\n      this.stzhFullscreenChange.emit({\n        component: \"stzh-panorama\",\n        value: this.isFullscreen,\n      });\n    });\n\n    this.viewer.on(\"scenechange\", (sceneId: string) => {\n      // set focus back to container when scene has been changed\n      this.containerElement.focus();\n\n      this.stzhSceneChange.emit({\n        component: \"stzh-panorama\",\n        value: sceneId,\n      });\n    });\n\n    this.viewer.on(\"zoomchange\", (zoom: number) => {\n      this.stzhZoomChange.emit({\n        component: \"stzh-panorama\",\n        value: zoom,\n      });\n    });\n\n    this.viewer.on(\"animatefinished\", (data: { pitch: number; yaw: number; hfov: number }) => {\n      this.stzhChange.emit({\n        component: \"stzh-panorama\",\n        value: data,\n      });\n    });\n  }\n\n  async componentWillLoad() {\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"panorama\");\n    }\n\n    this.scenesWatcher(this.scenes);\n  }\n\n  async componentDidRender() {\n    if (this.viewer) {\n      return;\n    }\n\n    this.initViewer();\n  }\n\n  disconnectedCallback() {\n    if (this.viewer) {\n      this.viewer.destroy();\n      this.viewer = null;\n    }\n  }\n\n  render() {\n    const classes = {\n      \"stzh-panorama\": true,\n      \"stzh-panorama--is-motion\": this.isOrientationActive,\n      \"stzh-panorama--is-fullscreen\": this.isFullscreen,\n    };\n\n    const sceneOptions = this._scenes.map(({ sceneId, imageTitle }) => ({\n      value: sceneId,\n      text: imageTitle,\n    }));\n\n    const currentScene = this._scenes.find(({ sceneId }) => sceneId === this.scene);\n\n    return (\n      <Host>\n        <div class={classes}>\n          <stzh-figure\n            class=\"stzh-panorama__figure\"\n            heading={this.heading}\n            caption={currentScene.caption || this.caption}\n            copyright={currentScene.copyright || this.copyright}\n          >\n            <stzh-ratio>\n              <div\n                ref={el => (this.containerElement = el as HTMLElement)}\n                class=\"stzh-panorama__container\"\n                tabindex=\"0\"\n              >\n                <div class=\"stzh-panorama__sceneselector\">\n                  {sceneOptions.length > 1 && (\n                    <stzh-dropdown\n                      class={\"stzh-panorama__sceneselector-dropdown\"}\n                      size={\"small\"}\n                      popoverPlacement={\"top\"}\n                      label={this.localization.sceneLabel}\n                      labelHidden={true}\n                      noSearch={true}\n                      items={[this.scene]}\n                      options={sceneOptions}\n                      onStzhChange={this.handleSceneDropdownChange}\n                    ></stzh-dropdown>\n                  )}\n                  <div class=\"stzh-panorama__copyright\">\n                    {currentScene.imageAuthor || currentScene.copyright || this.copyright}\n                  </div>\n                </div>\n                <div class=\"stzh-panorama__controls\" onKeyDown={this.handleControlsKeydown}>\n                  {this.showControls && (\n                    <Fragment>\n                      <stzh-button\n                        class=\"stzh-panorama__control stzh-panorama__control--show-medium\"\n                        iconOnly={true}\n                        a11y-label={this.localization.panLeft}\n                        variant=\"secondary\"\n                        icon=\"arrow-left\"\n                        size=\"small\"\n                        onClick={() => this.action(\"panLeft\")}\n                      ></stzh-button>\n                      <stzh-button\n                        class=\"stzh-panorama__control stzh-panorama__control--show-medium\"\n                        iconOnly={true}\n                        a11y-label={this.localization.panRight}\n                        variant=\"secondary\"\n                        icon=\"arrow-right\"\n                        size=\"small\"\n                        onClick={() => this.action(\"panRight\")}\n                      ></stzh-button>\n                      <stzh-button\n                        class=\"stzh-panorama__control stzh-panorama__control--show-medium\"\n                        iconOnly={true}\n                        a11y-label={this.localization.panUp}\n                        variant=\"secondary\"\n                        icon=\"arrow-up\"\n                        size=\"small\"\n                        onClick={() => this.action(\"panUp\")}\n                      ></stzh-button>\n                      <stzh-button\n                        class=\"stzh-panorama__control stzh-panorama__control--show-medium\"\n                        iconOnly={true}\n                        a11y-label={this.localization.panDown}\n                        variant=\"secondary\"\n                        icon=\"arrow-down\"\n                        size=\"small\"\n                        onClick={() => this.action(\"panDown\")}\n                      ></stzh-button>\n                      <stzh-button\n                        class=\"stzh-panorama__control stzh-panorama__control--show-medium\"\n                        iconOnly={true}\n                        a11y-label={this.localization.zoomIn}\n                        variant=\"secondary\"\n                        icon=\"plus\"\n                        size=\"small\"\n                        onClick={() => this.action(\"zoomIn\")}\n                      ></stzh-button>\n                      <stzh-button\n                        class=\"stzh-panorama__control stzh-panorama__control--show-medium\"\n                        iconOnly={true}\n                        a11y-label={this.localization.zoomOut}\n                        variant=\"secondary\"\n                        icon=\"minus\"\n                        size=\"small\"\n                        onClick={() => this.action(\"zoomOut\")}\n                      ></stzh-button>\n                    </Fragment>\n                  )}\n\n                  {this.isOrientationSupported && (\n                    <stzh-button\n                      class=\"stzh-panorama__control\"\n                      variant=\"secondary\"\n                      a11yLabel={\n                        this.isOrientationActive\n                          ? this.localization.stopOrientation\n                          : this.localization.startOrientation\n                      }\n                      icon={this.isOrientationActive ? \"target-bullet\" : \"target\"}\n                      iconOnly={true}\n                      size=\"small\"\n                      onClick={() => this.action(this.isOrientationActive ? \"stopOrientation\" : \"startOrientation\")}\n                    ></stzh-button>\n                  )}\n\n                  <stzh-button\n                    class=\"stzh-panorama__control\"\n                    variant=\"secondary\"\n                    a11yLabel={\n                      this.isFullscreen\n                        ? this.localization.disableFullscreenLabel\n                        : this.localization.enableFullscreenLabel\n                    }\n                    icon={this.isFullscreen ? \"shrink\" : \"expand\"}\n                    iconOnly={true}\n                    size=\"small\"\n                    onClick={() => this.action(\"fullscreen\")}\n                  ></stzh-button>\n                </div>\n              </div>\n            </stzh-ratio>\n          </stzh-figure>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/stzh-panorama/stzh-panorama.localization.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-panorama.localization.js","sourceRoot":"","sources":["../../../../src/components/stzh-panorama/stzh-panorama.localization.ts"],"names":[],"mappings":"","sourcesContent":["import { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nexport type StzhPanoramaLocalizedText = StzhLocaleComponent & {\n  hotspotLabel: string\n  sceneLabel: string\n  enableFullscreenLabel: string\n  disableFullscreenLabel: string\n  panUp: string\n  panDown: string\n  panLeft: string\n  panRight: string\n  startOrientation: string\n  stopOrientation: string\n  zoomIn: string\n  zoomOut: string\n  by: string\n\n  // library strings:\n  loadButtonLabel: string\n  loadingLabel: string\n  bylineLabel: string\n  noPanoramaError: string\n  fileAccessError: string\n  malformedURLError: string\n  iOS8WebGLError: string\n  genericWebGLError: string\n  textureSizeError: string\n  unknownError: string\n}\n"]}
+{"version":3,"file":"stzh-panorama.localization.js","sourceRoot":"","sources":["../../../../src/components/stzh-panorama/stzh-panorama.localization.ts"],"names":[],"mappings":"","sourcesContent":["import { StzhLocaleComponent } from \"../../utils/translation-utils\";\n\nexport type StzhPanoramaLocalizedText = StzhLocaleComponent & {\n  hotspotLabel: string\n  sceneLabel: string\n  enableFullscreenLabel: string\n  disableFullscreenLabel: string\n  panUp: string\n  panDown: string\n  panLeft: string\n  panRight: string\n  startOrientation: string\n  stopOrientation: string\n  zoomIn: string\n  zoomOut: string\n  by: string\n  moreInformation: string\n\n  // library strings:\n  loadButtonLabel: string\n  loadingLabel: string\n  bylineLabel: string\n  noPanoramaError: string\n  fileAccessError: string\n  malformedURLError: string\n  iOS8WebGLError: string\n  genericWebGLError: string\n  textureSizeError: string\n  unknownError: string\n}\n"]}