@oiz/stzh-components 2.11.0-beta1 → 2.11.0

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

@@ -0,0 +1,134 @@
+/**
+ * Colors
+ */
+/*
+ * Base
+ */
+/**
+ * Flyingfocus
+ */
+/**
+ * Link
+ */
+/**
+ * Text
+ */
+/**
+ * Richtext
+ */
+/**
+ * Section
+ */
+/**
+ * Header
+ */
+/**
+ * Appnav
+ */
+/**
+ * Progressbar
+ */
+/**
+ * Loader
+ */
+/**
+ * Table
+ */
+/**
+ * Heading
+ */
+/**
+ * Menu (Item)
+ */
+/**
+ * Form Elements (Input / Checkbox / Radio / Select / Datepicker)
+ */
+/**
+ * Popover
+ */
+/**
+ * Tooltips
+ */
+/**
+ * Overlays / Dialogs
+ */
+/**
+ * Accordions
+ */
+/**
+ * Buttons
+ */
+/** Ratios */
+/** Toasts */
+/**
+ * Box Shadows
+ */
+/**
+ * Z-Indexes
+ * Inspired by https://www.duetds.com/tokens/#z-index
+ */
+/**
+ * Icon sizes
+ */
+/**
+ * Grid
+ */
+/**
+ * Breakpoints
+ */
+/**
+ * Container
+ */
+/**
+ * Ratios
+ */
+/**
+ * Spaces
+ */
+/**
+ * Fonts
+ */
+:host {
+  font-family: var(--stzh-font-family-regular);
+  font-weight: var(--stzh-font-weight-regular);
+  font-style: var(--stzh-font-style-regular);
+  color: var(--stzh-base-color);
+  box-sizing: border-box;
+  display: block;
+  /* default outline value, which will be applied to all elements receiving focus
+  the .has-focus class is used by the focus target */
+}
+:host[hidden] {
+  display: none;
+}
+:host *,
+:host *::before,
+:host *::after {
+  box-sizing: border-box;
+  text-underline-offset: var(--stzh-link-text-underline-offset);
+  text-decoration-thickness: var(--stzh-link-text-decoration-thickness);
+}
+:host .has-focus {
+  outline: var(--stzh-flyingfocus-color) solid 0.125rem;
+  outline-offset: 0.3125rem;
+}
+:host .stzh-fylingfocus-focused {
+  outline-style: none !important;
+}
+:host .stzh-fylingfocus-focused::-moz-focus-inner {
+  border: 0 !important;
+}
+
+:host {
+  --width: auto;
+  --height: auto;
+}
+:host ::slotted(img) {
+  width: var(--width);
+  height: var(--height);
+}
+
+.stzh-logo svg {
+  width: var(--width);
+  height: var(--height);
+}

package/dist/collection/components/stzh-logo/stzh-logo.e2e.js

@@ -0,0 +1,19 @@
+import { test } from "@playwright/test";
+import { visualDiff } from "../../../.build/test/utils";
+const URL = "components-logo";
+const STORIES = [
+  "default",
+  "slotted",
+];
+test.describe("logo", () => {
+  STORIES.forEach((storyId) => {
+    test(`story ${storyId} visual diff`, async ({ page }) => {
+      await visualDiff({
+        storyId,
+        page,
+        url: URL
+      });
+    });
+  });
+});
+//# sourceMappingURL=stzh-logo.e2e.js.map

package/dist/collection/components/stzh-logo/stzh-logo.e2e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stzh-logo.e2e.js","sourceRoot":"","sources":["../../../../src/components/stzh-logo/stzh-logo.e2e.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,MAAM,GAAG,GAAG,iBAAiB,CAAC;AAE9B,MAAM,OAAO,GAAG;EACd,SAAS;EACT,SAAS;CACV,CAAC;AAEF,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE;EACzB,OAAO,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IAC1B,IAAI,CAAC,SAAS,OAAO,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;MACtD,MAAM,UAAU,CAAC;QACf,OAAO;QACP,IAAI;QACJ,GAAG,EAAE,GAAG;OACT,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;EACL,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC","sourcesContent":["import { test } from \"@playwright/test\";\nimport { visualDiff } from \"../../../.build/test/utils\";\n\nconst URL = \"components-logo\";\n\nconst STORIES = [\n  \"default\",\n  \"slotted\",\n];\n\ntest.describe(\"logo\", () => {\n  STORIES.forEach((storyId) => {\n    test(`story ${storyId} visual diff`, async ({ page }) => {\n      await visualDiff({\n        storyId,\n        page,\n        url: URL\n      });\n    });\n  });\n});\n"]}

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

@@ -0,0 +1,72 @@
+import { Host, h, } from "@stencil/core";
+import StzhDefaultLogo from "./assets/stzh-default.svg";
+import VbzLogo from "./assets/vbz.svg";
+import AozLogo from "./assets/aoz.svg";
+import PkzhLogo from "./assets/pkzh.svg";
+import UvzLogo from "./assets/uvz.svg";
+/**
+ *
+ */
+export class StzhLogo {
+  constructor() {
+    this.type = "none";
+  }
+  render() {
+    const classes = {
+      "stzh-logo": true,
+    };
+    let logo = null;
+    if (this.type === "stzh") {
+      logo = StzhDefaultLogo;
+    }
+    else if (this.type === "vbz") {
+      logo = VbzLogo;
+    }
+    else if (this.type === "aoz") {
+      logo = AozLogo;
+    }
+    else if (this.type === "pkzh") {
+      logo = PkzhLogo;
+    }
+    else if (this.type === "uvz") {
+      logo = UvzLogo;
+    }
+    return (h(Host, null, h("div", { class: classes, innerHTML: logo }, h("slot", null))));
+  }
+  static get is() { return "stzh-logo"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["stzh-logo.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["stzh-logo.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "\"none\" | \"stzh\" | \"vbz\" | \"aoz\" | \"pkzh\" | \"uvz\"",
+          "resolved": "\"aoz\" | \"none\" | \"pkzh\" | \"stzh\" | \"uvz\" | \"vbz\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Type"
+        },
+        "attribute": "type",
+        "reflect": true,
+        "defaultValue": "\"none\""
+      }
+    };
+  }
+  static get elementRef() { return "element"; }
+}
+//# sourceMappingURL=stzh-logo.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stzh-logo.js","sourceRoot":"","sources":["../../../../src/components/stzh-logo/stzh-logo.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,OAAO,EACP,IAAI,GACL,MAAM,eAAe,CAAC;AAEvB,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,OAAO,MAAM,kBAAkB,CAAC;AACvC,OAAO,QAAQ,MAAM,mBAAmB,CAAC;AACzC,OAAO,OAAO,MAAM,kBAAkB,CAAC;AAEvC;;GAEG;AAMH,MAAM,OAAO,QAAQ;;gBAE+D,MAAM;;EAIxF,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,WAAW,EAAE,IAAI;KAClB,CAAC;IAEF,IAAI,IAAI,GAAG,IAAI,CAAC;IAEhB,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;MACxB,IAAI,GAAG,eAAe,CAAC;KACxB;SAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;MAC9B,IAAI,GAAG,OAAO,CAAC;KAChB;SAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;MAC9B,IAAI,GAAG,OAAO,CAAC;KAChB;SAAM,IAAI,IAAI,CAAC,IAAI,KAAK,MAAM,EAAE;MAC/B,IAAI,GAAG,QAAQ,CAAC;KACjB;SAAM,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,EAAE;MAC9B,IAAI,GAAG,OAAO,CAAC;KAChB;IAED,OAAO,CACL,EAAC,IAAI;MACH,WACE,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,IAAI;QAEf,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\nimport StzhDefaultLogo from './assets/stzh-default.svg';\nimport VbzLogo from './assets/vbz.svg';\nimport AozLogo from './assets/aoz.svg';\nimport PkzhLogo from './assets/pkzh.svg';\nimport UvzLogo from './assets/uvz.svg';\n\n/**\n *\n */\n@Component({\n  tag: \"stzh-logo\",\n  styleUrl: \"stzh-logo.scss\",\n  shadow: true\n})\nexport class StzhLogo {\n  /** Type */\n  @Prop({ reflect: true }) type: \"none\" | \"stzh\" | \"vbz\" | \"aoz\" | \"pkzh\" | \"uvz\" = \"none\";\n\n  @Element() element: HTMLStzhFigureElement;\n\n  render() {\n    const classes = {\n      \"stzh-logo\": true,\n    };\n\n    let logo = null;\n\n    if (this.type === \"stzh\") {\n      logo = StzhDefaultLogo;\n    } else if (this.type === \"vbz\") {\n      logo = VbzLogo;\n    } else if (this.type === \"aoz\") {\n      logo = AozLogo;\n    } else if (this.type === \"pkzh\") {\n      logo = PkzhLogo;\n    } else if (this.type === \"uvz\") {\n      logo = UvzLogo;\n    }\n\n    return (\n      <Host>\n        <div\n          class={classes}\n          innerHTML={logo}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/stzh-logo/stzh-logo.stories.js

@@ -0,0 +1,51 @@
+import { createComponentStory } from '../../utils/story-utils';
+import { withActions } from '@storybook/addon-actions/decorator';
+import readme from './readme.md?raw';
+import { withDesign } from 'storybook-addon-designs';
+import { getFigmaLink } from '../../../figma';
+
+const COMPONENT_NAME = 'stzh-logo';
+const story = createComponentStory(COMPONENT_NAME);
+
+const TEMPLATE = `
+<stzh-logo></stzh-logo>
+`;
+
+const TEMPLATE_SLOTTED = `
+<stzh-logo>
+  <img src="media/logo/stzh-two-lines.svg" />
+</stzh-logo>
+`;
+
+export default {
+  title: 'Components/Logo',
+  component: COMPONENT_NAME,
+  parameters: {
+    docs: {
+      description: {
+        component: readme
+      }
+    },
+    design: {
+      type: 'figma',
+      url: getFigmaLink('logo'),
+      allowFullscreen: true
+    }
+  },
+  decorators: [
+    withActions,
+    withDesign
+  ]
+};
+
+export const Default = {
+  render: (args) => story(args, TEMPLATE),
+  args: {
+    type: "stzh"
+  }
+};
+
+export const Slotted = {
+  render: (args) => story(args, TEMPLATE_SLOTTED),
+  args: {}
+};

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

@@ -103,6 +103,7 @@ export class StzhPanorama {
     };
     this.localization = undefined;
     this.caption = "";
+    this.copyright = "";
     this.scene = undefined;
     this.sceneFadeDuration = 500;
     this.autoload = true;
@@ -130,7 +131,7 @@ export class StzhPanorama {
     // copy object and modify scene hotspots to build own more accessible elements
     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), { 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), { title: imageTitle, author: 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 }) }))) });
     });
     this._scenesLibrary = scenesLib;
   }
@@ -278,7 +279,7 @@ export class StzhPanorama {
     }));
     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.imageAuthor }, 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 &&
+    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 ? "close" : "focus", 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: "focus", 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") }), 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 })))));
   }
@@ -334,6 +335,24 @@ export class StzhPanorama {
         "reflect": false,
         "defaultValue": "\"\""
       },
+      "copyright": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Copyright"
+        },
+        "attribute": "copyright",
+        "reflect": false,
+        "defaultValue": "\"\""
+      },
       "scene": {
         "type": "string",
         "mutable": true,

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  /** 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 (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        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    this.scenesWatcher(this.scenes);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"panorama\");\n    }\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.imageAuthor}\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 ? \"close\" : \"focus\"}\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=\"focus\" 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            <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          </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 {\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 (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,\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    this.scenesWatcher(this.scenes);\n\n    if (!this.localization) {\n      this.localization = await window.stzhComponents.utils.fetchTranslations(this.element, \"panorama\");\n    }\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 ? \"close\" : \"focus\"}\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=\"focus\" 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            <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          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/stzh-progressbar-item/stzh-progressbar-item.js

@@ -7,7 +7,8 @@ export class StzhProgressbarItem {
     this.onClick = (event) => {
       this.stzhClick.emit({
         component: "stzh-progressbar-item",
-        originalEvent: event
+        originalEvent: event,
+        index: Array.prototype.indexOf.call(this.element.parentNode.children, this.element),
       });
     };
     this.onDottedClick = (event) => {
@@ -278,7 +279,7 @@ export class StzhProgressbarItem {
         },
         "complexType": {
           "original": "StzhProgressbarItemClickEvent",
-          "resolved": "{ component: \"stzh-progressbar-item\"; originalEvent: MouseEvent; }",
+          "resolved": "{ component: \"stzh-progressbar-item\"; originalEvent: MouseEvent; index: number; }",
           "references": {
             "StzhProgressbarItemClickEvent": {
               "location": "import",

package/dist/collection/components/stzh-progressbar-item/stzh-progressbar-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"stzh-progressbar-item.js","sourceRoot":"","sources":["../../../../src/components/stzh-progressbar-item/stzh-progressbar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EAEN,MAAM,eAAe,CAAC;AAOvB;;GAEG;AAMH,MAAM,OAAO,mBAAmB;;IAuCtB,YAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;MACtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QAClB,SAAS,EAAE,uBAAuB;QAClC,aAAa,EAAE,KAAK;OACrB,CAAC,CAAC;IACL,CAAC,CAAA;IAEO,kBAAa,GAAG,CAAC,KAAiB,EAAE,EAAE;MAC5C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;QACxB,SAAS,EAAE,uBAAuB;QAClC,aAAa,EAAE,KAAK;OACrB,CAAC,CAAC;IACL,CAAC,CAAA;;oBAhD4C,KAAK;iBAER,KAAK;gBAEN,KAAK;kBAEH,KAAK;mBAEJ,KAAK;gBAER,KAAK;kBAEH,KAAK;gBAER,CAAC;gBAED,EAAE;;;EAkC1C,kBAAkB;IAChB,qBAAqB,CAAC,GAAG,EAAE;MACzB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;EACL,CAAC;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,uBAAuB,EAAE,IAAI;MAC7B,8BAA8B,EAAE,IAAI,CAAC,KAAK;MAC1C,6BAA6B,EAAE,IAAI,CAAC,IAAI;MACxC,+BAA+B,EAAE,IAAI,CAAC,MAAM;MAC5C,gCAAgC,EAAE,IAAI,CAAC,OAAO;MAC9C,6BAA6B,EAAE,IAAI,CAAC,IAAI;MACxC,+BAA+B,EAAE,IAAI,CAAC,MAAM;MAC5C,iCAAiC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;MAC9C,oCAAoC,EAAE,IAAI,CAAC,QAAQ;KACpD,CAAC;IAEF,MAAM,MAAM,GAAG,CACb,cACE,KAAK,EAAC,+BAA+B,EACrC,OAAO,EAAE,IAAI,CAAC,aAAa;MAE3B,iBAAW,KAAK,EAAC,oCAAoC,EAAC,IAAI,EAAC,iBAAiB,GAAa,CAClF,CACV,CAAC;IAEF,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,WAAK,KAAK,EAAE,OAAO;QAChB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,MAAM;QACnC,cACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAuB,CAAC,EACpD,KAAK,EAAC,+BAA+B,kBACvB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,QAAQ,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EACtD,OAAO,EAAE,IAAI,CAAC,OAAO;UAErB,YAAM,KAAK,EAAC,qCAAqC,IAC9C,IAAI,CAAC,IAAI;YACR,CAAC;cACD,iBAAW,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAc;YACjF,CAAC;cACD,EAAC,QAAQ;gBACP,YAAM,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,IAAI,CAAQ;gBAC7D,IAAI,CAAC,MAAM;kBACV,iBAAW,KAAK,EAAC,6BAA6B,EAAC,IAAI,EAAC,WAAW,GAAa,CAErE,CAER;UACP,YACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,EAAiB,CAAC,EAC5C,KAAK,EAAC,oCAAoC,IAEzC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAa,CACnC,CACA;QACR,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,IAAI,MAAM,CAChC,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Fragment,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhProgressbarItemClickEvent,\n  StzhProgressbarItemDottedClickEvent\n} from '../../index';\n\n/**\n * @slot - Slot for label (or use label prop)\n */\n@Component({\n  tag: \"stzh-progressbar-item\",\n  styleUrl: \"stzh-progressbar-item.scss\",\n  scoped: true\n})\nexport class StzhProgressbarItem {\n  @Prop({ reflect: true }) label: string;\n\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  @Prop({ reflect: true }) first: boolean = false;\n\n  @Prop({ reflect: true }) last: boolean = false;\n\n  @Prop({ reflect: true }) passed: boolean = false;\n\n  @Prop({ reflect: true }) current: boolean = false;\n\n  @Prop({ reflect: true }) hide: boolean = false;\n\n  @Prop({ reflect: true }) dotted: boolean = false;\n\n  @Prop({ reflect: true }) step: number = 1;\n\n  @Prop({ reflect: true }) icon: string = \"\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Click event */\n  @Event() stzhClick: EventEmitter<StzhProgressbarItemClickEvent>;\n\n  /** Dotted click event */\n  @Event() stzhDottedClick: EventEmitter<StzhProgressbarItemDottedClickEvent>;\n\n  @Element() element: HTMLStzhProgressbarItemElement;\n\n  private button: HTMLButtonElement;\n  private text: HTMLElement;\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-progressbar-item\",\n      originalEvent: event\n    });\n  }\n\n  private onDottedClick = (event: MouseEvent) => {\n    this.stzhDottedClick.emit({\n      component: \"stzh-progressbar-item\",\n      originalEvent: event\n    });\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.button.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n    });\n  }\n\n  render() {\n    const classes = {\n      \"stzh-progressbar-item\": true,\n      \"stzh-progressbar-item--first\": this.first,\n      \"stzh-progressbar-item--last\": this.last,\n      \"stzh-progressbar-item--passed\": this.passed,\n      \"stzh-progressbar-item--current\": this.current,\n      \"stzh-progressbar-item--hide\": this.hide,\n      \"stzh-progressbar-item--dotted\": this.dotted,\n      \"stzh-progressbar-item--has-icon\": !!this.icon,\n      \"stzh-progressbar-item--is-disabled\": this.disabled\n    };\n\n    const dotted = (\n      <button\n        class=\"stzh-progressbar-item__dotted\"\n        onClick={this.onDottedClick}\n      >\n        <stzh-icon class=\"stzh-progressbar-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n      </button>\n    );\n\n    return (\n      <Host role=\"listitem\">\n        <div class={classes}>\n          {this.last && this.dotted && dotted}\n          <button\n            ref={(el) => (this.button = el as HTMLButtonElement)}\n            class=\"stzh-progressbar-item__button\"\n            aria-pressed={this.current ? \"true\" : \"false\"}\n            disabled={(this.dotted && this.first) || this.disabled}\n            onClick={this.onClick}\n          >\n            <span class=\"stzh-progressbar-item__number-block\">\n              {this.icon\n                ?\n                <stzh-icon class=\"stzh-progressbar-item__user-icon\" name={this.icon}></stzh-icon>\n                :\n                <Fragment>\n                  <span class=\"stzh-progressbar-item__number\">{this.step}</span>\n                  {this.passed &&\n                    <stzh-icon class=\"stzh-progressbar-item__icon\" name=\"checkmark\"></stzh-icon>\n                  }\n                </Fragment>\n              }\n            </span>\n            <span\n              ref={(el) => (this.text = el as HTMLElement)}\n              class=\"stzh-progressbar-item__label-block\"\n            >\n              {this.label ? this.label : <slot></slot>}\n            </span>\n          </button>\n          {this.first && this.dotted && dotted}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-progressbar-item.js","sourceRoot":"","sources":["../../../../src/components/stzh-progressbar-item/stzh-progressbar-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,KAAK,EAEN,MAAM,eAAe,CAAC;AAOvB;;GAEG;AAMH,MAAM,OAAO,mBAAmB;;IAuCtB,YAAO,GAAG,CAAC,KAAiB,EAAE,EAAE;MACtC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QAClB,SAAS,EAAE,uBAAuB;QAClC,aAAa,EAAE,KAAK;QACpB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,EAAE,IAAI,CAAC,OAAO,CAAC;OACpF,CAAC,CAAC;IACL,CAAC,CAAA;IAEO,kBAAa,GAAG,CAAC,KAAiB,EAAE,EAAE;MAC5C,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;QACxB,SAAS,EAAE,uBAAuB;QAClC,aAAa,EAAE,KAAK;OACrB,CAAC,CAAC;IACL,CAAC,CAAA;;oBAjD4C,KAAK;iBAER,KAAK;gBAEN,KAAK;kBAEH,KAAK;mBAEJ,KAAK;gBAER,KAAK;kBAEH,KAAK;gBAER,CAAC;gBAED,EAAE;;;EAmC1C,kBAAkB;IAChB,qBAAqB,CAAC,GAAG,EAAE;MACzB,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,aAAa,EAAE,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACnF,CAAC,CAAC,CAAC;EACL,CAAC;EAED,MAAM;IACJ,MAAM,OAAO,GAAG;MACd,uBAAuB,EAAE,IAAI;MAC7B,8BAA8B,EAAE,IAAI,CAAC,KAAK;MAC1C,6BAA6B,EAAE,IAAI,CAAC,IAAI;MACxC,+BAA+B,EAAE,IAAI,CAAC,MAAM;MAC5C,gCAAgC,EAAE,IAAI,CAAC,OAAO;MAC9C,6BAA6B,EAAE,IAAI,CAAC,IAAI;MACxC,+BAA+B,EAAE,IAAI,CAAC,MAAM;MAC5C,iCAAiC,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI;MAC9C,oCAAoC,EAAE,IAAI,CAAC,QAAQ;KACpD,CAAC;IAEF,MAAM,MAAM,GAAG,CACb,cACE,KAAK,EAAC,+BAA+B,EACrC,OAAO,EAAE,IAAI,CAAC,aAAa;MAE3B,iBAAW,KAAK,EAAC,oCAAoC,EAAC,IAAI,EAAC,iBAAiB,GAAa,CAClF,CACV,CAAC;IAEF,OAAO,CACL,EAAC,IAAI,IAAC,IAAI,EAAC,UAAU;MACnB,WAAK,KAAK,EAAE,OAAO;QAChB,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,IAAI,MAAM;QACnC,cACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAAuB,CAAC,EACpD,KAAK,EAAC,+BAA+B,kBACvB,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAC7C,QAAQ,EAAE,CAAC,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,CAAC,QAAQ,EACtD,OAAO,EAAE,IAAI,CAAC,OAAO;UAErB,YAAM,KAAK,EAAC,qCAAqC,IAC9C,IAAI,CAAC,IAAI;YACR,CAAC;cACD,iBAAW,KAAK,EAAC,kCAAkC,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,GAAc;YACjF,CAAC;cACD,EAAC,QAAQ;gBACP,YAAM,KAAK,EAAC,+BAA+B,IAAE,IAAI,CAAC,IAAI,CAAQ;gBAC7D,IAAI,CAAC,MAAM;kBACV,iBAAW,KAAK,EAAC,6BAA6B,EAAC,IAAI,EAAC,WAAW,GAAa,CAErE,CAER;UACP,YACE,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,EAAiB,CAAC,EAC5C,KAAK,EAAC,oCAAoC,IAEzC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,eAAa,CACnC,CACA;QACR,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,MAAM,IAAI,MAAM,CAChC,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n  Element,\n  Fragment,\n  Event,\n  EventEmitter\n} from \"@stencil/core\";\n\nimport {\n  StzhProgressbarItemClickEvent,\n  StzhProgressbarItemDottedClickEvent\n} from '../../index';\n\n/**\n * @slot - Slot for label (or use label prop)\n */\n@Component({\n  tag: \"stzh-progressbar-item\",\n  styleUrl: \"stzh-progressbar-item.scss\",\n  scoped: true\n})\nexport class StzhProgressbarItem {\n  @Prop({ reflect: true }) label: string;\n\n  @Prop({ reflect: true }) disabled: boolean = false;\n\n  @Prop({ reflect: true }) first: boolean = false;\n\n  @Prop({ reflect: true }) last: boolean = false;\n\n  @Prop({ reflect: true }) passed: boolean = false;\n\n  @Prop({ reflect: true }) current: boolean = false;\n\n  @Prop({ reflect: true }) hide: boolean = false;\n\n  @Prop({ reflect: true }) dotted: boolean = false;\n\n  @Prop({ reflect: true }) step: number = 1;\n\n  @Prop({ reflect: true }) icon: string = \"\";\n\n  /**\n   * For Adobe Analytics.\n   * Will be rendered as value of `s-object-id` attribute to the button element.\n   * Default value will be taken from `label` prop or default slot.\n   */\n  @Prop() analyticsId: string;\n\n  /** Click event */\n  @Event() stzhClick: EventEmitter<StzhProgressbarItemClickEvent>;\n\n  /** Dotted click event */\n  @Event() stzhDottedClick: EventEmitter<StzhProgressbarItemDottedClickEvent>;\n\n  @Element() element: HTMLStzhProgressbarItemElement;\n\n  private button: HTMLButtonElement;\n  private text: HTMLElement;\n\n  private onClick = (event: MouseEvent) => {\n    this.stzhClick.emit({\n      component: \"stzh-progressbar-item\",\n      originalEvent: event,\n      index: Array.prototype.indexOf.call(this.element.parentNode.children, this.element),\n    });\n  }\n\n  private onDottedClick = (event: MouseEvent) => {\n    this.stzhDottedClick.emit({\n      component: \"stzh-progressbar-item\",\n      originalEvent: event\n    });\n  }\n\n  componentDidRender() {\n    requestAnimationFrame(() => {\n      this.button.setAttribute(\"s-object-id\", this.analyticsId || this.text.innerText);\n    });\n  }\n\n  render() {\n    const classes = {\n      \"stzh-progressbar-item\": true,\n      \"stzh-progressbar-item--first\": this.first,\n      \"stzh-progressbar-item--last\": this.last,\n      \"stzh-progressbar-item--passed\": this.passed,\n      \"stzh-progressbar-item--current\": this.current,\n      \"stzh-progressbar-item--hide\": this.hide,\n      \"stzh-progressbar-item--dotted\": this.dotted,\n      \"stzh-progressbar-item--has-icon\": !!this.icon,\n      \"stzh-progressbar-item--is-disabled\": this.disabled\n    };\n\n    const dotted = (\n      <button\n        class=\"stzh-progressbar-item__dotted\"\n        onClick={this.onDottedClick}\n      >\n        <stzh-icon class=\"stzh-progressbar-item__dotted-icon\" name=\"more-horizontal\"></stzh-icon>\n      </button>\n    );\n\n    return (\n      <Host role=\"listitem\">\n        <div class={classes}>\n          {this.last && this.dotted && dotted}\n          <button\n            ref={(el) => (this.button = el as HTMLButtonElement)}\n            class=\"stzh-progressbar-item__button\"\n            aria-pressed={this.current ? \"true\" : \"false\"}\n            disabled={(this.dotted && this.first) || this.disabled}\n            onClick={this.onClick}\n          >\n            <span class=\"stzh-progressbar-item__number-block\">\n              {this.icon\n                ?\n                <stzh-icon class=\"stzh-progressbar-item__user-icon\" name={this.icon}></stzh-icon>\n                :\n                <Fragment>\n                  <span class=\"stzh-progressbar-item__number\">{this.step}</span>\n                  {this.passed &&\n                    <stzh-icon class=\"stzh-progressbar-item__icon\" name=\"checkmark\"></stzh-icon>\n                  }\n                </Fragment>\n              }\n            </span>\n            <span\n              ref={(el) => (this.text = el as HTMLElement)}\n              class=\"stzh-progressbar-item__label-block\"\n            >\n              {this.label ? this.label : <slot></slot>}\n            </span>\n          </button>\n          {this.first && this.dotted && dotted}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

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

@@ -5,10 +5,10 @@ import { Host, h, } from "@stencil/core";
 export class StzhRow {
   constructor() {
     this.span = 12;
-    this.spanSmall = 0;
-    this.spanMedium = 0;
-    this.spanLarge = 0;
-    this.spanUltra = 0;
+    this.spanSmall = undefined;
+    this.spanMedium = undefined;
+    this.spanLarge = undefined;
+    this.spanUltra = undefined;
     this.justify = "start";
     this.items = "start";
     this.content = "start";
@@ -50,7 +50,7 @@ export class StzhRow {
           "text": "Default span of each cell"
         },
         "attribute": "span",
-        "reflect": false,
+        "reflect": true,
         "defaultValue": "12"
       },
       "spanSmall": {
@@ -68,8 +68,7 @@ export class StzhRow {
           "text": "Default span of each cell above small breakpoint"
         },
         "attribute": "span-small",
-        "reflect": false,
-        "defaultValue": "0"
+        "reflect": true
       },
       "spanMedium": {
         "type": "number",
@@ -86,8 +85,7 @@ export class StzhRow {
           "text": "Default span of each cell above medium breakpoint"
         },
         "attribute": "span-medium",
-        "reflect": false,
-        "defaultValue": "0"
+        "reflect": true
       },
       "spanLarge": {
         "type": "number",
@@ -104,8 +102,7 @@ export class StzhRow {
           "text": "Default span of each cell above large breakpoint"
         },
         "attribute": "span-large",
-        "reflect": false,
-        "defaultValue": "0"
+        "reflect": true
       },
       "spanUltra": {
         "type": "number",
@@ -122,8 +119,7 @@ export class StzhRow {
           "text": "Default span of each cell above ultra breakpoint"
         },
         "attribute": "span-ultra",
-        "reflect": false,
-        "defaultValue": "0"
+        "reflect": true
       },
       "justify": {
         "type": "string",

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

@@ -1 +1 @@
-{"version":3,"file":"stzh-row.js","sourceRoot":"","sources":["../../../../src/components/stzh-row/stzh-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,GACL,MAAM,eAAe,CAAC;AAIvB;;GAEG;AAMH,MAAM,OAAO,OAAO;;gBAEK,EAAE;qBAEG,CAAC;sBAEA,CAAC;qBAEF,CAAC;qBAED,CAAC;mBAGsB,OAAO;iBAGX,OAAO;mBAGH,OAAO;;EAE1D,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WACE,KAAK,EAAE;UACL,UAAU,EAAE,IAAI;UAChB,CAAC,qBAAqB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;UACrD,CAAC,mBAAmB,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;UAC/C,CAAC,qBAAqB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;SACtD;QAED,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-cell` elements\n */\n@Component({\n  tag: \"stzh-row\",\n  styleUrl: \"stzh-row.scss\",\n  shadow: true\n})\nexport class StzhRow {\n  /** Default span of each cell */\n  @Prop() span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop() spanSmall: number = 0;\n  /** Default span of each cell above medium breakpoint */\n  @Prop() spanMedium: number = 0;\n  /** Default span of each cell above large breakpoint */\n  @Prop() spanLarge: number = 0;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop() spanUltra: number = 0;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n  /** Utilities for controlling how rows are positioned in multi-row flex containers. */\n  @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-row\": true,\n            [`stzh-row--justify-${this.justify}`]: !!this.justify,\n            [`stzh-row--items-${this.items}`]: !!this.items,\n            [`stzh-row--content-${this.content}`]: !!this.content\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}
+{"version":3,"file":"stzh-row.js","sourceRoot":"","sources":["../../../../src/components/stzh-row/stzh-row.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,IAAI,EACJ,CAAC,EACD,IAAI,GACL,MAAM,eAAe,CAAC;AAIvB;;GAEG;AAMH,MAAM,OAAO,OAAO;;gBAEsB,EAAE;;;;;mBAWS,OAAO;iBAGX,OAAO;mBAGH,OAAO;;EAE1D,MAAM;IACJ,OAAO,CACL,EAAC,IAAI;MACH,WACE,KAAK,EAAE;UACL,UAAU,EAAE,IAAI;UAChB,CAAC,qBAAqB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;UACrD,CAAC,mBAAmB,IAAI,CAAC,KAAK,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK;UAC/C,CAAC,qBAAqB,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,OAAO;SACtD;QAED,eAAa,CACT,CACD,CACR,CAAC;EACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {\n  Component,\n  Host,\n  h,\n  Prop,\n} from \"@stencil/core\";\n\nimport { Layout } from \"../../index\";\n\n/**\n * @slot - Slot for `stzh-cell` elements\n */\n@Component({\n  tag: \"stzh-row\",\n  styleUrl: \"stzh-row.scss\",\n  shadow: true\n})\nexport class StzhRow {\n  /** Default span of each cell */\n  @Prop({ reflect: true }) span: number = 12;\n  /** Default span of each cell above small breakpoint */\n  @Prop({ reflect: true }) spanSmall: number;\n  /** Default span of each cell above medium breakpoint */\n  @Prop({ reflect: true }) spanMedium: number;\n  /** Default span of each cell above large breakpoint */\n  @Prop({ reflect: true }) spanLarge: number;\n  /** Default span of each cell above ultra breakpoint */\n  @Prop({ reflect: true }) spanUltra: number;\n\n  /** Controlling how cells are positioned along a container's main axis */\n  @Prop({ reflect: true }) justify: Layout.Justify = \"start\";\n\n  /** Control how cells items are positioned along a container's cross axis */\n  @Prop({ reflect: true }) items: Layout.Items = \"start\";\n\n  /** Utilities for controlling how rows are positioned in multi-row flex containers. */\n  @Prop({ reflect: true }) content: Layout.Justify = \"start\";\n\n  render() {\n    return (\n      <Host>\n        <div\n          class={{\n            \"stzh-row\": true,\n            [`stzh-row--justify-${this.justify}`]: !!this.justify,\n            [`stzh-row--items-${this.items}`]: !!this.items,\n            [`stzh-row--content-${this.content}`]: !!this.content\n          }}\n        >\n          <slot></slot>\n        </div>\n      </Host>\n    );\n  }\n}\n"]}