@oiz/stzh-components 2.11.0-beta1 → 2.11.0

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

@@ -0,0 +1 @@
+{"file":"stzh-logo.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,WAAW,GAAG,01BAA01B;;MCsBj2BA,UAAQ;;;;;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,QACE,EAAC,IAAI,QACH,WACE,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,IAAI,IAEf,eAAa,CACT,CACD,EACP;GACH;;;;;;;;;;;;;;;;;;;;;;;;;","names":["StzhLogo"],"sources":["src/components/stzh-logo/stzh-logo.scss?tag=stzh-logo&encapsulation=shadow","src/components/stzh-logo/stzh-logo.tsx"],"sourcesContent":[":host {\n  --width: auto;\n  --height: auto;\n\n  ::slotted(img) {\n    width: var(--width);\n    height: var(--height);\n  }\n}\n\n.stzh-logo {\n  svg {\n    width: var(--width);\n    height: var(--height);\n  }\n}\n","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"],"version":3}

package/dist/components/stzh-panorama.js

@@ -228,6 +228,7 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
     };
     this.localization = undefined;
     this.caption = "";
+    this.copyright = "";
     this.scene = undefined;
     this.sceneFadeDuration = 500;
     this.autoload = true;
@@ -255,7 +256,7 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
     // 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;
   }
@@ -403,7 +404,7 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
     }));
     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 })))));
   }
@@ -421,6 +422,7 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
 }, [0, "stzh-panorama", {
     "localization": [16],
     "caption": [1],
+    "copyright": [1],
     "scene": [1025],
     "sceneFadeDuration": [2, "scene-fade-duration"],
     "autoload": [4],