@oiz/stzh-components 3.0.0 → 3.1.0

package/dist/components/stzh-panorama.js

@@ -1,9 +1,10 @@
-import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$a } from './stzh-badge2.js';
-import { d as defineCustomElement$9 } from './stzh-button2.js';
-import { d as defineCustomElement$8 } from './stzh-dropdown2.js';
-import { d as defineCustomElement$7 } from './stzh-figure2.js';
-import { d as defineCustomElement$6 } from './stzh-icon2.js';
+import { proxyCustomElement, HTMLElement, createEvent, h, Host, Fragment } from '@stencil/core/internal/client';
+import { d as defineCustomElement$b } from './stzh-badge2.js';
+import { d as defineCustomElement$a } from './stzh-button2.js';
+import { d as defineCustomElement$9 } from './stzh-dropdown2.js';
+import { d as defineCustomElement$8 } from './stzh-figure2.js';
+import { d as defineCustomElement$7 } from './stzh-icon2.js';
+import { d as defineCustomElement$6 } from './stzh-link2.js';
 import { d as defineCustomElement$5 } from './stzh-popover2.js';
 import { d as defineCustomElement$4 } from './stzh-ratio2.js';
 import { d as defineCustomElement$3 } from './stzh-text2.js';
@@ -120,7 +121,7 @@ c){if(!b.hotSpots)return !1;for(var d=0;d<b.hotSpots.length;d++)if(b.hotSpots[d]
 function(){Za=!0;clearTimeout(Qa);C&&C.destroy();Sa&&(g.removeEventListener("mousemove",ua,!1),g.removeEventListener("mouseup",ma,!1),s.removeEventListener("mozfullscreenchange",d,!1),s.removeEventListener("webkitfullscreenchange",d,!1),s.removeEventListener("msfullscreenchange",d,!1),s.removeEventListener("fullscreenchange",d,!1),E.removeEventListener("resize",z,!1),E.removeEventListener("orientationchange",z,!1),s.removeEventListener("keydown",V,!1),s.removeEventListener("keyup",R,!1),s.removeEventListener("blur",
 $,!1),g.removeEventListener("mouseleave",ma,!1));s.innerHTML="";s.classList.remove("pnlm-container");};}return {viewer:function(g,k){return new Ba(g,k)}}}(window,document);
 
-const stzhPanoramaCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}: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);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica, \"Nimbus Sans L\", \"Liberation Sans\", Arial, sans-serif;background:#f4f4f4 url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%22100%22%20viewBox%3D%220%200%2067%20100%22%3E%0A%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20d%3D%22M33.5%2C50%2C0%2C63%2C33.5%2C75%2C67%2C63%2C33.5%2C50m-33.5-50%2C67%2C25m-0.5%2C0%2C0%2C75m-66.5-75%2C67-25m-33.5%2C75%2C0%2C25m0-100%2C0%2C50%22%2F%3E%0A%3C%2Fsvg%3E%0A\") repeat;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content}.pnlm-container *{box-sizing:content-box}.pnlm-ui{position:absolute;width:100%;height:100%;z-index:1}.pnlm-grab{cursor:-webkit-grab;cursor:grab;cursor:url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A\") 12 8, default}.pnlm-grabbing{cursor:-webkit-grabbing;cursor:grabbing;cursor:url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A\") 12 8, default}.pnlm-sprite{background-image:url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A\")}.pnlm-container:-webkit-full-screen{height:100% !important;width:100% !important;position:static !important}.pnlm-container:fullscreen{height:100% !important;width:100% !important;position:static !important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:0.25rem;background-color:#fff;border:0.0625rem solid #999;border-color:rgba(0, 0, 0, 0.4);border-radius:0.1875rem;cursor:pointer;z-index:2;transform:translateZ(624.9375rem)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:0.25rem;z-index:1}.pnlm-zoom-controls{width:1.625rem;height:3.25rem}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:0.1875rem 0.1875rem 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -1.625rem;border-top:0.0625rem solid #ddd;border-top-color:rgba(0, 0, 0, 0.1);border-radius:0 0 0.1875rem 0.1875rem}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:1.625rem;height:1.625rem}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:1.625rem;height:1.625rem;margin:-0.8125rem 0 0 -0.8125rem;background-color:rgba(255, 255, 255, 0.5);border-radius:0.8125rem;display:none}.pnlm-orientation-button-inactive{background-position:0 -9.75rem}.pnlm-orientation-button-active{background-position:0 -11.375rem}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -3.25rem}.pnlm-fullscreen-toggle-button-active{background-position:0 -4.875rem}.pnlm-panorama-info{position:absolute;bottom:0.25rem;background-color:rgba(0, 0, 0, 0.7);border-radius:0 0.1875rem 0.1875rem 0;padding-right:0.625rem;color:#fff;text-align:left;display:none;z-index:2;transform:translateZ(624.9375rem)}.pnlm-title-box{position:relative;font-size:1.25rem;display:table;padding-left:0.3125rem;margin-bottom:0.1875rem}.pnlm-author-box{position:relative;font-size:0.75rem;display:table;padding-left:0.3125rem}.pnlm-load-box{position:absolute;top:50%;left:50%;width:12.5rem;height:9.375rem;margin:-4.6875rem 0 0 -6.25rem;background-color:rgba(0, 0, 0, 0.7);border-radius:0.1875rem;text-align:center;font-size:1.25rem;display:none;color:#fff}.pnlm-load-box p{margin:1.25rem 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:1.25rem;height:1.25rem;margin:-0.625rem 0 0 -0.625rem;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:0.625rem;width:0.625rem;background-color:#fff;position:relative}@keyframes pnlm-mv{from{left:0;top:0}25%{left:0.625rem;top:0}50%{left:0.625rem;top:0.625rem}75%{left:0;top:0.625rem}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:12.5rem;height:6.25rem;margin:-3.125rem 0 0 -6.25rem;background-color:rgba(0, 0, 0, 0.7);border-radius:0.1875rem;text-align:center;font-size:1.25rem;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:rgba(0, 0, 0, 0.8)}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:0.9375rem;position:absolute;top:50%;left:50%;width:12.5rem;height:9.375rem;margin:-4.6875rem 0 0 -6.25rem;background-color:#000;border-radius:0.1875rem;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a,.pnlm-author-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 0.3125rem 0 0.3125rem}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:0.6875rem;line-height:0.6875rem;color:#fff;padding:0.3125rem 0.5rem 0.3125rem 0.5rem;background:rgba(0, 0, 0, 0.7);border-radius:0.1875rem;position:absolute;top:3.125rem;left:3.125rem;display:none;opacity:0;transition:opacity 0.3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:1.625rem;width:1.625rem;border-radius:0.8125rem}.pnlm-hotspot:hover{background-color:rgba(255, 255, 255, 0.2)}.pnlm-hotspot.pnlm-info{background-position:0 -6.5rem}.pnlm-hotspot.pnlm-scene{background-position:0 -8.125rem}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:0.1875rem;background-color:rgba(0, 0, 0, 0.7);color:#fff;text-align:center;max-width:12.5rem;padding:0.3125rem 0.625rem;margin-left:-13.75rem;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:\"\";position:absolute;width:0;height:0;border-width:0.625rem;border-style:solid;border-color:rgba(0, 0, 0, 0.7) transparent transparent transparent;bottom:-1.25rem;left:-0.625rem;margin:0 50%}.pnlm-compass{position:absolute;width:3.125rem;height:3.125rem;right:0.25rem;bottom:0.25rem;border-radius:1.5625rem;background-image:url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A\");cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;transform-origin:0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:9.375rem;margin:0 auto;border:#fff 0.0625rem solid;height:0.375rem}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:0.75rem}.pnlm-fade-img{position:absolute;top:0;left:0}.pnlm-pointer{cursor:pointer}stzh-panorama{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}stzh-panorama[hidden]{display:none}stzh-panorama::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-panorama::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-panorama *,stzh-panorama *::before,stzh-panorama *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-panorama .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-panorama .stzh-fylingfocus-focused{outline-style:none !important}stzh-panorama .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-panorama{}.stzh-panorama__hotspot{width:2.5rem;height:2.5rem}.stzh-panorama stzh-button.stzh-panorama__hotspot-button,.stzh-panorama stzh-button.stzh-panorama__control{--box-shadow:var(--stzh-box-shadow-popover);--border-width:0px}.stzh-panorama stzh-button.stzh-panorama__hotspot-button.is-info{--cursor:default}.stzh-panorama__hotspot-tooltip{white-space:nowrap}.stzh-panorama__controls{bottom:var(--stzh-space-small);right:var(--stzh-space-small);z-index:2;pointer-events:none;position:absolute;display:flex;flex-direction:column;gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-panorama__controls{bottom:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-panorama__controls{bottom:var(--stzh-space-large)}}@media screen and (min-width: 900px){.stzh-panorama__controls{right:var(--stzh-space-medium)}}@media screen and (min-width: 1260px){.stzh-panorama__controls{right:var(--stzh-space-large)}}@media print{.stzh-panorama__controls{display:none}}.stzh-panorama__control{pointer-events:all}.stzh-panorama__zoom-control{display:flex;flex-direction:column;box-shadow:var(--stzh-box-shadow-popover);border-radius:var(--stzh-button-border-radius);visibility:hidden}.stzh-panorama__zoom-control stzh-button.stzh-panorama__control{--box-shadow:none}.stzh-panorama__zoom-control stzh-button.stzh-panorama__control.is-zoom-in{--border-radius:var(--stzh-button-border-radius) var(--stzh-button-border-radius) 0 0;margin-bottom:0.125rem}.stzh-panorama__zoom-control stzh-button.stzh-panorama__control.is-zoom-out{--border-radius:0 0 var(--stzh-button-border-radius) var(--stzh-button-border-radius)}.stzh-panorama__outside-controls{margin-top:var(--stzh-space-xxlarge);display:flex;flex-wrap:wrap;-moz-column-gap:var(--stzh-space-small);column-gap:var(--stzh-space-small);row-gap:var(--stzh-space-xsmall)}@media screen and (min-width: 900px){.stzh-panorama__outside-controls{margin-top:var(--stzh-space-xxxlarge)}}@media screen and (min-width: 1260px){.stzh-panorama__outside-controls{margin-top:var(--stzh-space-xxxxlarge)}}@media print{.stzh-panorama__outside-controls{display:none}}.stzh-panorama__outside-scenes-control{--border-color:var(--stzh-color-primary);width:auto}.stzh-panorama--is-fullscreen .stzh-panorama__zoom-control{visibility:visible}";
+const stzhPanoramaCss = ":host{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}:host[hidden]{display:none}:host::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}:host::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}: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);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}:host .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}:host .stzh-fylingfocus-focused{outline-style:none !important}:host .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.pnlm-container{margin:0;padding:0;overflow:hidden;position:relative;cursor:default;width:100%;height:100%;font-family:Helvetica, \"Nimbus Sans L\", \"Liberation Sans\", Arial, sans-serif;background:#f4f4f4 url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2267%22%20height%3D%22100%22%20viewBox%3D%220%200%2067%20100%22%3E%0A%3Cpath%20stroke%3D%22%23ccc%22%20fill%3D%22none%22%20d%3D%22M33.5%2C50%2C0%2C63%2C33.5%2C75%2C67%2C63%2C33.5%2C50m-33.5-50%2C67%2C25m-0.5%2C0%2C0%2C75m-66.5-75%2C67-25m-33.5%2C75%2C0%2C25m0-100%2C0%2C50%22%2F%3E%0A%3C%2Fsvg%3E%0A\") repeat;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;user-select:none;outline:0;line-height:1.4;contain:content}.pnlm-container *{box-sizing:content-box}.pnlm-ui{position:absolute;width:100%;height:100%;z-index:1}.pnlm-grab{cursor:-webkit-grab;cursor:grab;cursor:url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s6.38-6.73%204.64-8.24-3.47%201.01-3.47%201.01%203.61-5.72%201.41-6.49c-2.2-0.769-3.33%204.36-3.33%204.36s0.873-5.76-1.06-5.76-1.58%205.39-1.58%205.39-0.574-4.59-2.18-4.12c-1.61%200.468-0.572%205.51-0.572%205.51s-1.58-4.89-2.93-3.79c-1.35%201.11%200.258%205.25%200.572%206.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A\") 12 8, default}.pnlm-grabbing{cursor:-webkit-grabbing;cursor:grabbing;cursor:url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2226%22%20width%3D%2226%22%3E%0A%3Cpath%20stroke%3D%22%23000%22%20stroke-width%3D%221px%22%20fill%3D%22%23fff%22%20d%3D%22m15.3%2020.5s5.07-5.29%203.77-6.74c-1.31-1.45-2.53%200.14-2.53%200.14s2.74-3.29%200.535-4.06c-2.2-0.769-2.52%201.3-2.52%201.3s0.81-2.13-1.12-2.13-1.52%201.77-1.52%201.77-0.261-1.59-1.87-1.12c-1.61%200.468-0.874%202.17-0.874%202.17s-0.651-1.55-2-0.445c-1.35%201.11-0.68%202.25-0.365%203.62%200.836%202.43%202.03%202.94%202.17%205.55%22%2F%3E%0A%3C%2Fsvg%3E%0A\") 12 8, default}.pnlm-sprite{background-image:url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%22208%22%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22117%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20fill-opacity%3D%22.78%22%20cy%3D%22143%22%20cx%3D%2213%22%20r%3D%2211%22%20fill%3D%22%23fff%22%2F%3E%0A%3Ccircle%20cy%3D%22169%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cy%3D%22195%22%20cx%3D%2213%22%20r%3D%227%22%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%222%22%2F%3E%0A%3Ccircle%20cx%3D%2213%22%20cy%3D%22195%22%20r%3D%222.5%22%2F%3E%0A%3Cpath%20d%3D%22m5%2083v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-5%205v6h6v-6zm-5%205v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20110a7%207%200%200%200%20-7%207%207%207%200%200%200%207%207%207%207%200%200%200%207%20-7%207%207%200%200%200%20-7%20-7zm-1%203h2v2h-2zm0%203h2v5h-2z%22%2F%3E%0A%3Cpath%20d%3D%22m5%2057v6h2v-4h4v-2zm10%200v2h4v4h2v-6zm-10%2010v6h6v-2h-4v-4zm14%200v4h-4v2h6v-6z%22%2F%3E%0A%3Cpath%20d%3D%22m17%2038v2h-8v-2z%22%2F%3E%0A%3Cpath%20d%3D%22m12%209v3h-3v2h3v3h2v-3h3v-2h-3v-3z%22%2F%3E%0A%3Cpath%20d%3D%22m13%20136-6.125%206.125h4.375v7.875h3.5v-7.875h4.375z%22%2F%3E%0A%3Cpath%20d%3D%22m10.428%20173.33v-5.77l5-2.89v5.77zm1-1.73%203-1.73-3.001-1.74z%22%2F%3E%0A%3C%2Fsvg%3E%0A\")}.pnlm-container:-webkit-full-screen{height:100% !important;width:100% !important;position:static !important}.pnlm-container:fullscreen{height:100% !important;width:100% !important;position:static !important}.pnlm-render-container{cursor:inherit;position:absolute;height:100%;width:100%}.pnlm-controls{margin-top:0.25rem;background-color:#fff;border:0.0625rem solid #999;border-color:rgba(0, 0, 0, 0.4);border-radius:0.1875rem;cursor:pointer;z-index:2;transform:translateZ(624.9375rem)}.pnlm-control:hover{background-color:#f8f8f8}.pnlm-controls-container{position:absolute;top:0;left:0.25rem;z-index:1}.pnlm-zoom-controls{width:1.625rem;height:3.25rem}.pnlm-zoom-in{width:100%;height:50%;position:absolute;top:0;border-radius:0.1875rem 0.1875rem 0 0}.pnlm-zoom-out{width:100%;height:50%;position:absolute;bottom:0;background-position:0 -1.625rem;border-top:0.0625rem solid #ddd;border-top-color:rgba(0, 0, 0, 0.1);border-radius:0 0 0.1875rem 0.1875rem}.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator{width:1.625rem;height:1.625rem}.pnlm-hot-spot-debug-indicator{position:absolute;top:50%;left:50%;width:1.625rem;height:1.625rem;margin:-0.8125rem 0 0 -0.8125rem;background-color:rgba(255, 255, 255, 0.5);border-radius:0.8125rem;display:none}.pnlm-orientation-button-inactive{background-position:0 -9.75rem}.pnlm-orientation-button-active{background-position:0 -11.375rem}.pnlm-fullscreen-toggle-button-inactive{background-position:0 -3.25rem}.pnlm-fullscreen-toggle-button-active{background-position:0 -4.875rem}.pnlm-panorama-info{position:absolute;bottom:0.25rem;background-color:rgba(0, 0, 0, 0.7);border-radius:0 0.1875rem 0.1875rem 0;padding-right:0.625rem;color:#fff;text-align:left;display:none;z-index:2;transform:translateZ(624.9375rem)}.pnlm-title-box{position:relative;font-size:1.25rem;display:table;padding-left:0.3125rem;margin-bottom:0.1875rem}.pnlm-author-box{position:relative;font-size:0.75rem;display:table;padding-left:0.3125rem}.pnlm-load-box{position:absolute;top:50%;left:50%;width:12.5rem;height:9.375rem;margin:-4.6875rem 0 0 -6.25rem;background-color:rgba(0, 0, 0, 0.7);border-radius:0.1875rem;text-align:center;font-size:1.25rem;display:none;color:#fff}.pnlm-load-box p{margin:1.25rem 0}.pnlm-lbox{position:absolute;top:50%;left:50%;width:1.25rem;height:1.25rem;margin:-0.625rem 0 0 -0.625rem;display:none}.pnlm-loading{animation-duration:1.5s;-webkit-animation-duration:1.5s;animation-name:pnlm-mv;-webkit-animation-name:pnlm-mv;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-timing-function:linear;-webkit-animation-timing-function:linear;height:0.625rem;width:0.625rem;background-color:#fff;position:relative}@keyframes pnlm-mv{from{left:0;top:0}25%{left:0.625rem;top:0}50%{left:0.625rem;top:0.625rem}75%{left:0;top:0.625rem}to{left:0;top:0}}.pnlm-load-button{position:absolute;top:50%;left:50%;width:12.5rem;height:6.25rem;margin:-3.125rem 0 0 -6.25rem;background-color:rgba(0, 0, 0, 0.7);border-radius:0.1875rem;text-align:center;font-size:1.25rem;display:table;color:#fff;cursor:pointer}.pnlm-load-button:hover{background-color:rgba(0, 0, 0, 0.8)}.pnlm-load-button p{display:table-cell;vertical-align:middle}.pnlm-info-box{font-size:0.9375rem;position:absolute;top:50%;left:50%;width:12.5rem;height:9.375rem;margin:-4.6875rem 0 0 -6.25rem;background-color:#000;border-radius:0.1875rem;display:table;text-align:center;color:#fff;table-layout:fixed}.pnlm-info-box a,.pnlm-author-box a{color:#fff;word-wrap:break-word;overflow-wrap:break-word}.pnlm-info-box p{display:table-cell;vertical-align:middle;padding:0 0.3125rem 0 0.3125rem}.pnlm-error-msg{display:none}.pnlm-about-msg{font-size:0.6875rem;line-height:0.6875rem;color:#fff;padding:0.3125rem 0.5rem 0.3125rem 0.5rem;background:rgba(0, 0, 0, 0.7);border-radius:0.1875rem;position:absolute;top:3.125rem;left:3.125rem;display:none;opacity:0;transition:opacity 0.3s ease-in-out;z-index:1}.pnlm-about-msg a:link,.pnlm-about-msg a:visited{color:#fff}.pnlm-about-msg a:hover,.pnlm-about-msg a:active{color:#eee}.pnlm-hotspot-base{position:absolute;visibility:hidden;cursor:default;vertical-align:middle;top:0;z-index:1}.pnlm-hotspot{height:1.625rem;width:1.625rem;border-radius:0.8125rem}.pnlm-hotspot:hover{background-color:rgba(255, 255, 255, 0.2)}.pnlm-hotspot.pnlm-info{background-position:0 -6.5rem}.pnlm-hotspot.pnlm-scene{background-position:0 -8.125rem}div.pnlm-tooltip span{visibility:hidden;position:absolute;border-radius:0.1875rem;background-color:rgba(0, 0, 0, 0.7);color:#fff;text-align:center;max-width:12.5rem;padding:0.3125rem 0.625rem;margin-left:-13.75rem;cursor:default}div.pnlm-tooltip:hover span{visibility:visible}div.pnlm-tooltip:hover span:after{content:\"\";position:absolute;width:0;height:0;border-width:0.625rem;border-style:solid;border-color:rgba(0, 0, 0, 0.7) transparent transparent transparent;bottom:-1.25rem;left:-0.625rem;margin:0 50%}.pnlm-compass{position:absolute;width:3.125rem;height:3.125rem;right:0.25rem;bottom:0.25rem;border-radius:1.5625rem;background-image:url(\"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2250%22%20width%3D%2250%22%3E%0A%3Cpath%20d%3D%22m24.5078%206-3.2578%2018h7.5l-3.25781-18h-0.984376zm-3.2578%2020%203.2578%2018h0.9844l3.2578-18h-7.5zm1.19531%200.9941h5.10938l-2.5547%2014.1075-2.5547-14.1075z%22%2F%3E%0A%3C%2Fsvg%3E%0A\");cursor:default;display:none}.pnlm-world{position:absolute;left:50%;top:50%}.pnlm-face{position:absolute;transform-origin:0 0}.pnlm-dragfix,.pnlm-preview-img{position:absolute;height:100%;width:100%}.pnlm-preview-img{background-size:cover;background-position:center}.pnlm-lbar{width:9.375rem;margin:0 auto;border:#fff 0.0625rem solid;height:0.375rem}.pnlm-lbar-fill{background:#fff;height:100%;width:0}.pnlm-lmsg{font-size:0.75rem}.pnlm-fade-img{position:absolute;top:0;left:0}.pnlm-pointer{cursor:pointer}stzh-panorama{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);color:var(--stzh-base-color);box-sizing:border-box;display:block;}stzh-panorama[hidden]{display:none}stzh-panorama::-moz-selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-panorama::selection{color:var(--stzh-selection-color);background-color:var(--stzh-selection-background-color)}stzh-panorama *,stzh-panorama *::before,stzh-panorama *::after{box-sizing:border-box;text-underline-offset:var(--stzh-link-text-underline-offset);text-decoration-thickness:var(--stzh-link-text-decoration-thickness);-webkit-text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink);text-decoration-skip-ink:var(--stzh-link-text-decoration-skip-ink)}stzh-panorama .has-focus{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.125rem}stzh-panorama .stzh-fylingfocus-focused{outline-style:none !important}stzh-panorama .stzh-fylingfocus-focused::-moz-focus-inner{border:0 !important}.stzh-panorama__hotspot{width:2.5rem;height:2.5rem}.stzh-panorama stzh-button.stzh-panorama__hotspot-button,.stzh-panorama stzh-button.stzh-panorama__control{--box-shadow:var(--stzh-box-shadow-popover);--border-width:0px}.stzh-panorama stzh-button.stzh-panorama__hotspot-button.is-info{--cursor:default}.stzh-panorama__hotspot-tooltip{white-space:nowrap}.stzh-panorama__sceneselector{bottom:var(--stzh-space-xsmall);left:var(--stzh-space-xsmall);z-index:2;position:absolute;display:flex;gap:var(--stzh-space-xsmall)}@media print{.stzh-panorama__sceneselector{display:none}}@media screen and (min-width: 900px){.stzh-panorama__sceneselector{bottom:var(--stzh-space-large);left:var(--stzh-space-large)}}.stzh-panorama__sceneselector-dropdown{--color:var(--stzh-color-grey80);--hover-color:var(--stzh-color-grey90);--icon-angle-color:var(--stzh-color-grey80);--hover-icon-angle-color:var(--stzh-color-grey80);--border-color:var(--stzh-color-white);--hover-border-color:var(--stzh-color-white);--focus-border-color:var(--stzh-color-white);--focus-background-color:var(--stzh-color-white)}.stzh-panorama__sceneselector-dropdown *{box-sizing:border-box}.stzh-panorama__copyright{background-color:var(--stzh-color-black50op);color:var(--stzh-color-white80op);padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium);padding-top:var(--stzh-space-xsmall);padding-bottom:var(--stzh-space-xsmall);white-space:nowrap;display:flex;justify-content:center;align-items:center}.stzh-panorama__controls{bottom:var(--stzh-space-xsmall);right:var(--stzh-space-xsmall);z-index:2;pointer-events:none;position:absolute;display:flex;flex-direction:row;gap:var(--stzh-space-xxsmall)}@media print{.stzh-panorama__controls{display:none}}@media screen and (min-width: 900px){.stzh-panorama__controls{bottom:var(--stzh-space-large);right:var(--stzh-space-large)}}.stzh-panorama__control{pointer-events:all}.stzh-panorama__control--show-medium{visibility:hidden}@media screen and (min-width: 900px){.stzh-panorama__control--show-medium{visibility:visible}}";
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
   var t = {};
@@ -159,7 +160,7 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
       if (options.type === "scene") {
         element.classList.add(CLASS_HOTSPOT_BUTTON_SCENE);
       }
-      else if (options.url) {
+      else if (options.url && !options.text) {
         element.classList.add(CLASS_HOTSPOT_BUTTON_LINK);
         element.setAttribute("href", options.url);
         element.setAttribute("target", "_blank");
@@ -175,9 +176,30 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
       if (options.text) {
         const tooltip = document.createElement("stzh-tooltip");
         tooltip.label = this.localization.hotspotLabel;
-        tooltip.content = options.text;
         tooltip.placement = "top";
+        tooltip.type = "button";
         tooltip.className = CLASS_HOTSPOT_TOOLTIP;
+        if (options.url) {
+          const tooltipContentSlot = document.createElement("div");
+          tooltipContentSlot.slot = "content";
+          const text = document.createElement("stzh-text");
+          text.font = "heavy";
+          text.curve = "caption";
+          text.textContent = options.text;
+          tooltipContentSlot.appendChild(text);
+          const link = document.createElement("stzh-link");
+          link.label = this.localization.moreInformation;
+          link.href = options.url;
+          link.target = "_blank";
+          link.icon = "arrow-right";
+          link.iconPosition = "right";
+          link.size = "small";
+          tooltipContentSlot.appendChild(link);
+          tooltip.appendChild(tooltipContentSlot);
+        }
+        else {
+          tooltip.content = options.text;
+        }
         tooltip.appendChild(element);
         hotspotDiv.appendChild(tooltip);
       }
@@ -185,13 +207,13 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
         hotspotDiv.appendChild(element);
       }
       // prevent that you can do panorama actions with arrow keys, zooming with shift etc.
-      element.addEventListener("keydown", (event) => {
+      element.addEventListener("keydown", event => {
         event.stopPropagation();
       });
     };
     this.handleSceneDropdownChange = async (event) => {
       const target = event.target;
-      const scene = await target.getValue();
+      const scene = (await target.getValue());
       this.scene = scene;
     };
     this.handleControlsKeydown = (event) => {
@@ -229,11 +251,14 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
     };
     this.localization = undefined;
     this.caption = "";
+    this.heading = "";
     this.copyright = "";
     this.scene = undefined;
     this.sceneFadeDuration = 500;
     this.autoload = true;
     this.orientationOnByDefault = false;
+    this.showControls = true;
+    this.showHotspots = true;
     this.scenes = undefined;
     this.isOrientationSupported = false;
     this.isOrientationActive = false;
@@ -258,9 +283,11 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
     }
     const scenesLib = {};
     // copy object and modify scene hotspots to build own more accessible elements
-    this._scenes.forEach((scene) => {
+    this._scenes.forEach(scene => {
       const { sceneId, imageTitle, imageSrc, imageAuthor, imageType, hotspots } = scene, sceneParams = __rest(scene, ["sceneId", "imageTitle", "imageSrc", "imageAuthor", "imageType", "hotspots"]);
-      scenesLib[sceneId] = Object.assign(Object.assign({}, sceneParams), { title: imageTitle, author: imageAuthor ? `${this.localization.by} ${imageAuthor}` : "", type: imageType, panorama: imageSrc, hotSpots: hotspots.map(hotSpot => (Object.assign(Object.assign({}, hotSpot), { URL: "", cssClass: CLASS_HOTSPOT, createTooltipFunc: this.createTooltip, createTooltipArgs: Object.assign(Object.assign({}, hotSpot), { url: hotSpot.url }) }))) });
+      scenesLib[sceneId] = Object.assign(Object.assign({}, sceneParams), { type: imageType, panorama: imageSrc, hotSpots: this.showHotspots
+          ? hotspots.map(hotSpot => (Object.assign(Object.assign({}, hotSpot), { URL: "", cssClass: CLASS_HOTSPOT, createTooltipFunc: this.createTooltip, createTooltipArgs: Object.assign(Object.assign({}, hotSpot), { url: hotSpot.url }) })))
+          : undefined });
     });
     this._scenesLibrary = scenesLib;
   }
@@ -302,9 +329,10 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
    * If the action is already runing/animating, add the value to the current position and set as new target.
    */
   executeAction(name, getter, setter, value) {
-    this.actionRunning[name] = typeof this.actionRunning[name] !== "undefined" && this.actionRunning[name] !== 0
-      ? this.actionRunning[name] + value
-      : getter() + value;
+    this.actionRunning[name] =
+      typeof this.actionRunning[name] !== "undefined" && this.actionRunning[name] !== 0
+        ? this.actionRunning[name] + value
+        : getter() + value;
     setter(this.actionRunning[name], this.controlAnimationTime, () => {
       this.actionRunning = { [name]: 0 };
     });
@@ -332,7 +360,7 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
           genericWebGLError: this.localization.genericWebGLError,
           textureSizeError: this.localization.textureSizeError,
           unknownError: this.localization.unknownError,
-        }
+        },
       },
     });
     this.viewer.on("load", () => {
@@ -341,7 +369,7 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
         this.updateOrientationState();
         this.scene = this.viewer.getScene();
         this.stzhLoad.emit({
-          component: "stzh-panorama"
+          component: "stzh-panorama",
         });
       }
     });
@@ -353,7 +381,7 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
       this.isFullscreen = status;
       this.stzhFullscreenChange.emit({
         component: "stzh-panorama",
-        value: this.isFullscreen
+        value: this.isFullscreen,
       });
     });
     this.viewer.on("scenechange", (sceneId) => {
@@ -361,19 +389,19 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
       this.containerElement.focus();
       this.stzhSceneChange.emit({
         component: "stzh-panorama",
-        value: sceneId
+        value: sceneId,
       });
     });
     this.viewer.on("zoomchange", (zoom) => {
       this.stzhZoomChange.emit({
         component: "stzh-panorama",
-        value: zoom
+        value: zoom,
       });
     });
     this.viewer.on("animatefinished", (data) => {
       this.stzhChange.emit({
         component: "stzh-panorama",
-        value: data
+        value: data,
       });
     });
   }
@@ -401,17 +429,16 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
       "stzh-panorama--is-motion": this.isOrientationActive,
       "stzh-panorama--is-fullscreen": this.isFullscreen,
     };
-    const sceneOptions = this._scenes
-      .map(({ sceneId, imageTitle }) => ({
+    const sceneOptions = this._scenes.map(({ sceneId, imageTitle }) => ({
       value: sceneId,
-      text: imageTitle
+      text: imageTitle,
     }));
-    const currentScene = this._scenes
-      .find(({ sceneId }) => sceneId === this.scene);
-    return (h(Host, null, h("div", { class: classes }, h("stzh-figure", { class: "stzh-panorama__figure", caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", null, h("div", { ref: (el) => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, h("div", { class: "stzh-panorama__zoom-control" }, h("stzh-button", { class: "stzh-panorama__control is-zoom-in", variant: "secondary", a11yLabel: this.localization.zoomIn, icon: "plus", iconOnly: true, size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { class: "stzh-panorama__control is-zoom-out", variant: "secondary", a11yLabel: this.localization.zoomOut, icon: "minus", iconOnly: true, size: "small", onClick: () => this.action("zoomOut") })), this.isOrientationSupported &&
-      h("stzh-button", { class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive ? this.localization.stopOrientation : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", iconOnly: true, size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") }), h("stzh-button", { class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isFullscreen ? this.localization.disableFullscreenLabel : this.localization.enableFullscreenLabel, icon: this.isFullscreen ? "shrink" : "expand", iconOnly: true, size: "small", onClick: () => this.action("fullscreen") }))))), h("div", { class: "stzh-panorama__outside-controls" }, h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }), this.isOrientationSupported &&
-      h("stzh-button", { class: "stzh-panorama__outside-control", variant: "secondary", label: this.isOrientationActive ? this.localization.stopOrientation : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.isFullscreen ? this.localization.disableFullscreenLabel : this.localization.enableFullscreenLabel, variant: "secondary", icon: "expand", size: "small", onClick: () => this.action("fullscreen") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), h("stzh-button", { class: "stzh-panorama__outside-control", label: this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), sceneOptions.length > 1 &&
-      h("stzh-dropdown", { class: "stzh-panorama__outside-scenes-control", size: "small", label: this.localization.sceneLabel, labelHidden: true, noSearch: true, items: [this.scene], options: sceneOptions, onStzhChange: this.handleSceneDropdownChange })))));
+    const currentScene = this._scenes.find(({ sceneId }) => sceneId === this.scene);
+    return (h(Host, null, h("div", { class: classes }, h("stzh-figure", { class: "stzh-panorama__figure", heading: this.heading, caption: currentScene.caption || this.caption, copyright: currentScene.copyright || this.copyright }, h("stzh-ratio", null, h("div", { ref: el => (this.containerElement = el), class: "stzh-panorama__container", tabindex: "0" }, h("div", { class: "stzh-panorama__sceneselector" }, sceneOptions.length > 1 && (h("stzh-dropdown", { class: "stzh-panorama__sceneselector-dropdown", size: "small", popoverPlacement: "top", label: this.localization.sceneLabel, labelHidden: true, noSearch: true, items: [this.scene], options: sceneOptions, onStzhChange: this.handleSceneDropdownChange })), h("div", { class: "stzh-panorama__copyright" }, currentScene.imageAuthor || currentScene.copyright || this.copyright)), h("div", { class: "stzh-panorama__controls", onKeyDown: this.handleControlsKeydown }, this.showControls && (h(Fragment, null, h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panLeft, variant: "secondary", icon: "arrow-left", size: "small", onClick: () => this.action("panLeft") }), h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panRight, variant: "secondary", icon: "arrow-right", size: "small", onClick: () => this.action("panRight") }), h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panUp, variant: "secondary", icon: "arrow-up", size: "small", onClick: () => this.action("panUp") }), h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.panDown, variant: "secondary", icon: "arrow-down", size: "small", onClick: () => this.action("panDown") }), h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomIn, variant: "secondary", icon: "plus", size: "small", onClick: () => this.action("zoomIn") }), h("stzh-button", { class: "stzh-panorama__control stzh-panorama__control--show-medium", iconOnly: true, "a11y-label": this.localization.zoomOut, variant: "secondary", icon: "minus", size: "small", onClick: () => this.action("zoomOut") }))), this.isOrientationSupported && (h("stzh-button", { class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isOrientationActive
+        ? this.localization.stopOrientation
+        : this.localization.startOrientation, icon: this.isOrientationActive ? "target-bullet" : "target", iconOnly: true, size: "small", onClick: () => this.action(this.isOrientationActive ? "stopOrientation" : "startOrientation") })), h("stzh-button", { class: "stzh-panorama__control", variant: "secondary", a11yLabel: this.isFullscreen
+        ? this.localization.disableFullscreenLabel
+        : this.localization.enableFullscreenLabel, icon: this.isFullscreen ? "shrink" : "expand", iconOnly: true, size: "small", onClick: () => this.action("fullscreen") }))))))));
   }
   get element() { return this; }
   static get watchers() { return {
@@ -427,11 +454,14 @@ const StzhPanorama$1 = /*@__PURE__*/ proxyCustomElement(class StzhPanorama exten
 }, [0, "stzh-panorama", {
     "localization": [16],
     "caption": [1],
+    "heading": [1],
     "copyright": [1],
     "scene": [1025],
     "sceneFadeDuration": [2, "scene-fade-duration"],
     "autoload": [4],
     "orientationOnByDefault": [4, "orientation-on-by-default"],
+    "showControls": [4, "show-controls"],
+    "showHotspots": [4, "show-hotspots"],
     "scenes": [1],
     "isOrientationSupported": [32],
     "isOrientationActive": [32],
@@ -450,7 +480,7 @@ function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["stzh-panorama", "stzh-badge", "stzh-button", "stzh-dropdown", "stzh-figure", "stzh-icon", "stzh-popover", "stzh-ratio", "stzh-text", "stzh-tooltip"];
+  const components = ["stzh-panorama", "stzh-badge", "stzh-button", "stzh-dropdown", "stzh-figure", "stzh-icon", "stzh-link", "stzh-popover", "stzh-ratio", "stzh-text", "stzh-tooltip"];
   components.forEach(tagName => { switch (tagName) {
     case "stzh-panorama":
       if (!customElements.get(tagName)) {
@@ -459,25 +489,30 @@ function defineCustomElement$1() {
       break;
     case "stzh-badge":
       if (!customElements.get(tagName)) {
-        defineCustomElement$a();
+        defineCustomElement$b();
       }
       break;
     case "stzh-button":
       if (!customElements.get(tagName)) {
-        defineCustomElement$9();
+        defineCustomElement$a();
       }
       break;
     case "stzh-dropdown":
       if (!customElements.get(tagName)) {
-        defineCustomElement$8();
+        defineCustomElement$9();
       }
       break;
     case "stzh-figure":
       if (!customElements.get(tagName)) {
-        defineCustomElement$7();
+        defineCustomElement$8();
       }
       break;
     case "stzh-icon":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$7();
+      }
+      break;
+    case "stzh-link":
       if (!customElements.get(tagName)) {
         defineCustomElement$6();
       }