npm - @oiz/stzh-components - Versions diffs - 2.11.0-beta1 → 2.11.1 - Mend

@oiz/stzh-components 2.11.0-beta1 → 2.11.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (801) hide show

package/dist/cjs/stzh-logo.cjs.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"stzh-logo.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,WAAW,GAAG,01BAA01B;;MCsBj2B,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,QACEA,QAACC,UAAI,QACHD,iBACE,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,IAAI,IAEfA,qBAAa,CACT,CACD,EACP;GACH;;;;;;;","names":["h","Host"],"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/cjs/stzh-menu_2.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-45029280.js');
-const utils = require('./utils-77bc0ea1.js');
+const utils = require('./utils-01c0bbdd.js');
 require('./string-utils-5dd70320.js');
 const stzhMenuCss = ".sc-stzh-menu-h{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);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-menu-h{display:none}.sc-stzh-menu-h *.sc-stzh-menu,.sc-stzh-menu-h *.sc-stzh-menu::before,.sc-stzh-menu-h *.sc-stzh-menu::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-menu-h .has-focus.sc-stzh-menu{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu{outline-style:none !important}.sc-stzh-menu-h .stzh-fylingfocus-focused.sc-stzh-menu::-moz-focus-inner{border:0 !important}.sc-stzh-menu-h .sc-stzh-menu-s>stzh-hr{margin-top:var(--stzh-space-xsmall);margin-bottom:var(--stzh-space-xsmall)}.stzh-menu.sc-stzh-menu{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}";

package/dist/cjs/stzh-pagebottom.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-45029280.js');
-const utils = require('./utils-77bc0ea1.js');
+const utils = require('./utils-01c0bbdd.js');
 require('./string-utils-5dd70320.js');
 const stzhPagebottomCss = ".sc-stzh-pagebottom-h{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);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagebottom-h{display:none}.sc-stzh-pagebottom-h *.sc-stzh-pagebottom,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::before,.sc-stzh-pagebottom-h *.sc-stzh-pagebottom::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-pagebottom-h .has-focus.sc-stzh-pagebottom{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom{outline-style:none !important}.sc-stzh-pagebottom-h .stzh-fylingfocus-focused.sc-stzh-pagebottom::-moz-focus-inner{border:0 !important}@media print{.sc-stzh-pagebottom-h{display:none}}.sc-stzh-pagebottom-h .sc-stzh-pagebottom-s>[slot=logo]{height:2.375rem}.stzh-pagebottom.sc-stzh-pagebottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media screen and (min-width: 600px){.stzh-pagebottom.sc-stzh-pagebottom{-ms-flex-direction:row;flex-direction:row}}.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-default-font-size, var(--stzh-font-nano-font-size));line-height:var(--stzh-font-curve-caption-default-text-line-height, var(--stzh-font-nano-text-line-height));margin-bottom:var(--stzh-space-small)}@media screen and (min-width: 1024px){.stzh-pagebottom__share-title.sc-stzh-pagebottom{font-size:var(--stzh-font-curve-caption-medium-font-size, var(--stzh-font-micro-font-size));line-height:var(--stzh-font-curve-caption-medium-text-line-height, var(--stzh-font-micro-text-line-height))}}@media screen and (min-width: 600px){.stzh-pagebottom__logo.sc-stzh-pagebottom{margin-left:auto}}.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){display:block;margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 600px){.stzh-pagebottom__logo-link.sc-stzh-pagebottom:not(:empty){margin-top:0;margin-left:var(--stzh-space-xlarge)}}.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xlarge);border-top:0.0625rem solid var(--stzh-base-border-color)}@media screen and (min-width: 1024px){.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-pagebottom--has-border.sc-stzh-pagebottom{padding-top:var(--stzh-space-xxxlarge)}}";

package/dist/cjs/stzh-pagetitle-hero.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-45029280.js');
-const utils = require('./utils-77bc0ea1.js');
+const utils = require('./utils-01c0bbdd.js');
 const mediaUtils = require('./media-utils-5aabaff9.js');
 require('./string-utils-5dd70320.js');

package/dist/cjs/stzh-pagetitle.cjs.entry.js CHANGED Viewed

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-45029280.js');
-const utils = require('./utils-77bc0ea1.js');
+const utils = require('./utils-01c0bbdd.js');
 require('./string-utils-5dd70320.js');
 const stzhPagetitleCss = ".sc-stzh-pagetitle-h{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);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-pagetitle-h{display:none}.sc-stzh-pagetitle-h *.sc-stzh-pagetitle,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::before,.sc-stzh-pagetitle-h *.sc-stzh-pagetitle::after{-webkit-box-sizing:border-box;box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness)}.sc-stzh-pagetitle-h .has-focus.sc-stzh-pagetitle{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle{outline-style:none !important}.sc-stzh-pagetitle-h .stzh-fylingfocus-focused.sc-stzh-pagetitle::-moz-focus-inner{border:0 !important}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=heading]{margin-bottom:var(--stzh-space-xxxlarge)}}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{margin-top:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{margin-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=image]{margin-top:var(--stzh-space-xlarge)}}.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.sc-stzh-pagetitle-h .sc-stzh-pagetitle-s>[slot=lead]{margin-top:var(--stzh-space-xxxlarge)}}.stzh-pagetitle__actions.sc-stzh-pagetitle{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}.stzh-pagetitle__actions.sc-stzh-pagetitle:empty{display:none}";

package/dist/cjs/stzh-panorama.cjs.entry.js CHANGED Viewed

@@ -223,6 +223,7 @@ const StzhPanorama = class {
     };
     this.localization = undefined;
     this.caption = "";
+    this.copyright = "";
     this.scene = undefined;
     this.sceneFadeDuration = 500;
     this.autoload = true;
@@ -250,7 +251,7 @@ const StzhPanorama = class {
     // 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;
   }
@@ -398,7 +399,7 @@ const StzhPanorama = class {
     }));
     const currentScene = this._scenes
       .find(({ sceneId }) => sceneId === this.scene);
-    return (index.h(index.Host, null, index.h("div", { class: classes }, index.h("stzh-figure", { class: "stzh-panorama__figure", caption: currentScene.caption || this.caption, copyright: currentScene.imageAuthor }, index.h("stzh-ratio", null, index.h("div", { ref: (el) => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, index.h("div", { class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, index.h("div", { class: "stzh-panorama__zoom-control" }, index.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") }), index.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 (index.h(index.Host, null, index.h("div", { class: classes }, index.h("stzh-figure", { class: "stzh-panorama__figure", caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, index.h("stzh-ratio", null, index.h("div", { ref: (el) => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, index.h("div", { class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, index.h("div", { class: "stzh-panorama__zoom-control" }, index.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") }), index.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 &&
       index.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") }), index.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") }))))), index.h("div", { class: "stzh-panorama__outside-controls" }, index.h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), index.h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }), this.isOrientationSupported &&
       index.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") }), index.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") }), index.h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), index.h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), index.h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), index.h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), index.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 })))));
   }