@oiz/stzh-components 2.11.0-beta1 → 2.11.0

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { ContactNumber, Font, Layout, OlmapLayer, PanoramaScene, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatatableCellClickEvent, StzhDatatableHeadingCellClickEvent, StzhDatatableRowClickEvent, StzhDatatableSortByChangeEvent, StzhDatatableSortClickEvent, StzhDatatableSortDirectionChangeEvent, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhIframePreviewSkipEvent, StzhIframeViewChangeEvent, StzhImagecomparisonChangeEvent, StzhInputBlurEvent, StzhInputChangedEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPaginationChangeEvent, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaLoadEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSkiplinkBlurEvent, StzhSkiplinkFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTimelineFoldableChangeEvent, StzhTimelineItemBlurEvent, StzhTimelineItemClosedEvent, StzhTimelineItemCloseEvent, StzhTimelineItemFocusEvent, StzhTimelineItemOpenedEvent, StzhTimelineItemOpenEvent, StzhTimepickerChangeEvent, StzhToastbarInitialToast, StzhToastClosedEvent, StzhToastCloseEvent, StzhToastOpenedEvent, StzhToastOpenEvent, StzhToastType, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
+import { ContactNumber, Font, Layout, OlmapLayer, PanoramaScene, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatatableCellClickEvent, StzhDatatableHeadingCellClickEvent, StzhDatatableRowClickEvent, StzhDatatableSortByChangeEvent, StzhDatatableSortClickEvent, StzhDatatableSortDirectionChangeEvent, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGalleryItem, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhIframePreviewSkipEvent, StzhIframeViewChangeEvent, StzhImagecomparisonChangeEvent, StzhInputBlurEvent, StzhInputChangedEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPaginationChangeEvent, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaLoadEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSkiplinkBlurEvent, StzhSkiplinkFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTimelineFoldableChangeEvent, StzhTimelineItemBlurEvent, StzhTimelineItemClosedEvent, StzhTimelineItemCloseEvent, StzhTimelineItemFocusEvent, StzhTimelineItemOpenedEvent, StzhTimelineItemOpenEvent, StzhTimepickerChangeEvent, StzhToastbarInitialToast, StzhToastClosedEvent, StzhToastCloseEvent, StzhToastOpenedEvent, StzhToastOpenEvent, StzhToastType, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
 import { StzhActionsetLocalizedText } from "./components/stzh-actionset/stzh-actionset.localization";
 import { Placement } from "@floating-ui/dom";
 import { StzhAmountLocalizedText } from "./components/stzh-amount/stzh-amount.localization";
@@ -25,6 +25,7 @@ import { StzhDatepickerLocalizedText } from "./components/stzh-datepicker/stzh-d
 import { StzhDialogLocalizedText } from "./components/stzh-dialog/stzh-dialog.localization";
 import { StzhDropdownLocalizedText } from "./components/stzh-dropdown/stzh-dropdown.localization";
 import { StzhFooterLocalizedText } from "./components/stzh-footer/stzh-footer.localization";
+import { StzhGalleryLocalizedText } from "./components/stzh-gallery/stzh-gallery.localization";
 import { StzhGhettoboxLocalizedText } from "./components/stzh-ghettobox/stzh-ghettobox.localization";
 import { StzhIframeLocalizedText } from "./components/stzh-iframe/stzh-iframe.localization";
 import { StzhImagecomparisonLocalizedText } from "./components/stzh-imagecomparison/stzh-imagecomparison.localization";
@@ -46,7 +47,7 @@ import { StzhUploadLocalizedText } from "./components/stzh-upload/stzh-upload.lo
 import { StzhVbzMajortickerLocalizedText } from "./components/stzh-vbz-majorticker/stzh-vbz-majorticker.localization";
 import { StzhVbzTickerLocalizedText } from "./components/stzh-vbz-ticker/stzh-vbz-ticker.localization";
 import { StzhYoutubeLocalizedText } from "./components/stzh-youtube/stzh-youtube.localization";
-export { ContactNumber, Font, Layout, OlmapLayer, PanoramaScene, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatatableCellClickEvent, StzhDatatableHeadingCellClickEvent, StzhDatatableRowClickEvent, StzhDatatableSortByChangeEvent, StzhDatatableSortClickEvent, StzhDatatableSortDirectionChangeEvent, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhIframePreviewSkipEvent, StzhIframeViewChangeEvent, StzhImagecomparisonChangeEvent, StzhInputBlurEvent, StzhInputChangedEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPaginationChangeEvent, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaLoadEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSkiplinkBlurEvent, StzhSkiplinkFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTimelineFoldableChangeEvent, StzhTimelineItemBlurEvent, StzhTimelineItemClosedEvent, StzhTimelineItemCloseEvent, StzhTimelineItemFocusEvent, StzhTimelineItemOpenedEvent, StzhTimelineItemOpenEvent, StzhTimepickerChangeEvent, StzhToastbarInitialToast, StzhToastClosedEvent, StzhToastCloseEvent, StzhToastOpenedEvent, StzhToastOpenEvent, StzhToastType, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
+export { ContactNumber, Font, Layout, OlmapLayer, PanoramaScene, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, StzhAmountChangeEvent, StzhAnchornavItem, StzhAnchornavItemClickEvent, StzhAppointmentsChangeEvent, StzhAudioEndedEvent, StzhAudioEndEvent, StzhAudioErrorEvent, StzhAudioPauseEvent, StzhAudioPlayEvent, StzhAudioPlayingEvent, StzhAudioReplayEvent, StzhButtonBlurEvent, StzhButtonChangeEvent, StzhButtonFocusEvent, StzhCalendarChangeEvent, StzhCalendarDateDisabledPredicate, StzhCardClickEvent, StzhCardCollapseEvent, StzhCardHeaderAction, StzhCardHeaderActionClickEvent, StzhCardListCollapseAllEvent, StzhCardStarClickEvent, StzhCardSubtitleClickEvent, StzhCarouselSlideEndEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideStartEvent, StzhCheckboxBlurEvent, StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhChipBlurEvent, StzhChipClickEvent, StzhChipFocusEvent, StzhChipRemoveEvent, StzhChipSelectChangeEvent, StzhChipSelectItem, StzhClampClampEvent, StzhClampExpandEvent, StzhContactAvailabilityItem, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent, StzhDatalistItemActionClickEvent, StzhDatalistItemEntry, StzhDatamessagelistItemActionClickEvent, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryTag, StzhDatatableCellClickEvent, StzhDatatableHeadingCellClickEvent, StzhDatatableRowClickEvent, StzhDatatableSortByChangeEvent, StzhDatatableSortClickEvent, StzhDatatableSortDirectionChangeEvent, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOption, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGalleryItem, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhIframePreviewSkipEvent, StzhIframeViewChangeEvent, StzhImagecomparisonChangeEvent, StzhInputBlurEvent, StzhInputChangedEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhMonthyearpickerChangeEvent, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPaginationChangeEvent, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaLoadEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSkiplinkBlurEvent, StzhSkiplinkFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhTimelineFoldableChangeEvent, StzhTimelineItemBlurEvent, StzhTimelineItemClosedEvent, StzhTimelineItemCloseEvent, StzhTimelineItemFocusEvent, StzhTimelineItemOpenedEvent, StzhTimelineItemOpenEvent, StzhTimepickerChangeEvent, StzhToastbarInitialToast, StzhToastClosedEvent, StzhToastCloseEvent, StzhToastOpenedEvent, StzhToastOpenEvent, StzhToastType, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
 export { StzhActionsetLocalizedText } from "./components/stzh-actionset/stzh-actionset.localization";
 export { Placement } from "@floating-ui/dom";
 export { StzhAmountLocalizedText } from "./components/stzh-amount/stzh-amount.localization";
@@ -66,6 +67,7 @@ export { StzhDatepickerLocalizedText } from "./components/stzh-datepicker/stzh-d
 export { StzhDialogLocalizedText } from "./components/stzh-dialog/stzh-dialog.localization";
 export { StzhDropdownLocalizedText } from "./components/stzh-dropdown/stzh-dropdown.localization";
 export { StzhFooterLocalizedText } from "./components/stzh-footer/stzh-footer.localization";
+export { StzhGalleryLocalizedText } from "./components/stzh-gallery/stzh-gallery.localization";
 export { StzhGhettoboxLocalizedText } from "./components/stzh-ghettobox/stzh-ghettobox.localization";
 export { StzhIframeLocalizedText } from "./components/stzh-iframe/stzh-iframe.localization";
 export { StzhImagecomparisonLocalizedText } from "./components/stzh-imagecomparison/stzh-imagecomparison.localization";
@@ -522,7 +524,7 @@ export namespace Components {
          */
         "localization": StzhLocaleComponent;
         /**
-          * The name of the input element (if type is radio)
+          * The name of the input element (if type is button or radio)
          */
         "name": string;
         /**
@@ -554,7 +556,7 @@ export namespace Components {
          */
         "type": "button" | "submit" | "reset" | "radio";
         /**
-          * The value of the input element (if type is radio)
+          * The value of the input element (if type is button or radio)
          */
         "value": string;
         /**
@@ -1127,12 +1129,16 @@ export namespace Components {
          */
         "localization": StzhClampLocalizedText;
         /**
-          * Whether clamping is expanded
+          * Whether expand link is shown
          */
         "showExpandLink": boolean;
         "update": () => Promise<void>;
     }
     interface StzhContact {
+        /**
+          * Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`)
+         */
+        "address": string;
         /**
           * Availability times
          */
@@ -1865,6 +1871,25 @@ export namespace Components {
          */
         "withBorder": boolean;
     }
+    interface StzhGallery {
+        /**
+          * Images in gallery. Array of objects that must at least include `width`, `height` and `src` attribute: `[{"width": 2522, "height": 1075, "src": "media/images/example.jpg"}, {"width": 2050, "height": 1367, "src": "media/images/example2.jpg"}]`  Possible other optional properties are: `alt`: Alternative image description / `srcLightbox`: `src` for img tag inside lightbox (overwrites `src`) / `srcsetLightbox`: `srcset` for img tag inside lightbox / `copyright`: Copyright inside caption / `heading`: Heading inside caption / `headingLightbox`: Alternative heading for lightbox (overwrites `heading`) / `caption`: Caption / `captionLightbox`: Caption for lightbox (overwrites `caption`) / `lightboxHtml`: Alternative html content for lightbox caption / `hideCounter`: Whether to hide counter
+         */
+        "images": StzhGalleryItem[] | string;
+        /**
+          * Preview item that will be looked up and mapped to images in lightbox.
+         */
+        "itemElement": string;
+        /**
+          * Translation strings
+         */
+        "localization": StzhGalleryLocalizedText;
+        "openLightbox": (index?: number) => Promise<void>;
+        /**
+          * Variant: `carousel`: every image is displayed inside a carousel (default mode with more than on picture) / `single`: only one image is shown without carousel functionality (other images only reachable by lightbox) / `grid`: every image is displayed inside a grid / `custom`: nothing is rendered, only lightbox will be initialized, `stzh-figure` (`this.itemElement`) can be slotted in
+         */
+        "variant": "carousel" | "single" | "grid" | "custom";
+    }
     interface StzhGhettobox {
         /**
           * Name of cookie to compare its value with set `publishDate` to determine if ghettobox was already closed before by the user. If empty (""), no check is done and ghettobox will always be shown again after a refresh. Cookie name will be prefixed with `stzh-components-ghettobox-close-time-`.
@@ -2052,14 +2077,6 @@ export namespace Components {
           * Id for element which describes the label
          */
         "a11yDescribedby": string;
-        /**
-          * Caption
-         */
-        "caption": string;
-        /**
-          * Copyright
-         */
-        "copyright": string;
         /**
           * Hint left
          */
@@ -2373,6 +2390,12 @@ export namespace Components {
          */
         "percent": number;
     }
+    interface StzhLogo {
+        /**
+          * Type
+         */
+        "type": "none" | "stzh" | "vbz" | "aoz" | "pkzh" | "uvz";
+    }
     interface StzhMenu {
     }
     interface StzhMenuItem {
@@ -2836,6 +2859,10 @@ export namespace Components {
           * Caption
          */
         "caption": string;
+        /**
+          * Copyright
+         */
+        "copyright": string;
         /**
           * Get viewer instance
          */
@@ -3397,6 +3424,10 @@ export namespace Components {
           * Whether to disable sticking to top
          */
         "disableStickyTop": boolean;
+        /**
+          * Position type used.  - sticky: used only css position sticky - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)
+         */
+        "position": "sticky" | "fixed";
     }
     interface StzhTable {
         /**
@@ -4537,6 +4568,12 @@ declare global {
         prototype: HTMLStzhFooterElement;
         new (): HTMLStzhFooterElement;
     };
+    interface HTMLStzhGalleryElement extends Components.StzhGallery, HTMLStencilElement {
+    }
+    var HTMLStzhGalleryElement: {
+        prototype: HTMLStzhGalleryElement;
+        new (): HTMLStzhGalleryElement;
+    };
     interface HTMLStzhGhettoboxElement extends Components.StzhGhettobox, HTMLStencilElement {
     }
     var HTMLStzhGhettoboxElement: {
@@ -4639,6 +4676,12 @@ declare global {
         prototype: HTMLStzhLoadingbarElement;
         new (): HTMLStzhLoadingbarElement;
     };
+    interface HTMLStzhLogoElement extends Components.StzhLogo, HTMLStencilElement {
+    }
+    var HTMLStzhLogoElement: {
+        prototype: HTMLStzhLogoElement;
+        new (): HTMLStzhLogoElement;
+    };
     interface HTMLStzhMenuElement extends Components.StzhMenu, HTMLStencilElement {
     }
     var HTMLStzhMenuElement: {
@@ -5013,6 +5056,7 @@ declare global {
         "stzh-figure": HTMLStzhFigureElement;
         "stzh-flyingfocus": HTMLStzhFlyingfocusElement;
         "stzh-footer": HTMLStzhFooterElement;
+        "stzh-gallery": HTMLStzhGalleryElement;
         "stzh-ghettobox": HTMLStzhGhettoboxElement;
         "stzh-header": HTMLStzhHeaderElement;
         "stzh-heading": HTMLStzhHeadingElement;
@@ -5030,6 +5074,7 @@ declare global {
         "stzh-list-item": HTMLStzhListItemElement;
         "stzh-loader": HTMLStzhLoaderElement;
         "stzh-loadingbar": HTMLStzhLoadingbarElement;
+        "stzh-logo": HTMLStzhLogoElement;
         "stzh-menu": HTMLStzhMenuElement;
         "stzh-menu-item": HTMLStzhMenuItemElement;
         "stzh-message": HTMLStzhMessageElement;
@@ -5568,7 +5613,7 @@ declare namespace LocalJSX {
          */
         "localization"?: StzhLocaleComponent;
         /**
-          * The name of the input element (if type is radio)
+          * The name of the input element (if type is button or radio)
          */
         "name"?: string;
         /**
@@ -5608,7 +5653,7 @@ declare namespace LocalJSX {
          */
         "type"?: "button" | "submit" | "reset" | "radio";
         /**
-          * The value of the input element (if type is radio)
+          * The value of the input element (if type is button or radio)
          */
         "value"?: string;
         /**
@@ -6233,11 +6278,15 @@ declare namespace LocalJSX {
          */
         "onStzhExpand"?: (event: StzhClampCustomEvent<StzhClampExpandEvent>) => void;
         /**
-          * Whether clamping is expanded
+          * Whether expand link is shown
          */
         "showExpandLink"?: boolean;
     }
     interface StzhContact {
+        /**
+          * Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`)
+         */
+        "address"?: string;
         /**
           * Availability times
          */
@@ -7022,6 +7071,24 @@ declare namespace LocalJSX {
          */
         "withBorder"?: boolean;
     }
+    interface StzhGallery {
+        /**
+          * Images in gallery. Array of objects that must at least include `width`, `height` and `src` attribute: `[{"width": 2522, "height": 1075, "src": "media/images/example.jpg"}, {"width": 2050, "height": 1367, "src": "media/images/example2.jpg"}]`  Possible other optional properties are: `alt`: Alternative image description / `srcLightbox`: `src` for img tag inside lightbox (overwrites `src`) / `srcsetLightbox`: `srcset` for img tag inside lightbox / `copyright`: Copyright inside caption / `heading`: Heading inside caption / `headingLightbox`: Alternative heading for lightbox (overwrites `heading`) / `caption`: Caption / `captionLightbox`: Caption for lightbox (overwrites `caption`) / `lightboxHtml`: Alternative html content for lightbox caption / `hideCounter`: Whether to hide counter
+         */
+        "images"?: StzhGalleryItem[] | string;
+        /**
+          * Preview item that will be looked up and mapped to images in lightbox.
+         */
+        "itemElement"?: string;
+        /**
+          * Translation strings
+         */
+        "localization"?: StzhGalleryLocalizedText;
+        /**
+          * Variant: `carousel`: every image is displayed inside a carousel (default mode with more than on picture) / `single`: only one image is shown without carousel functionality (other images only reachable by lightbox) / `grid`: every image is displayed inside a grid / `custom`: nothing is rendered, only lightbox will be initialized, `stzh-figure` (`this.itemElement`) can be slotted in
+         */
+        "variant"?: "carousel" | "single" | "grid" | "custom";
+    }
     interface StzhGhettobox {
         /**
           * Name of cookie to compare its value with set `publishDate` to determine if ghettobox was already closed before by the user. If empty (""), no check is done and ghettobox will always be shown again after a refresh. Cookie name will be prefixed with `stzh-components-ghettobox-close-time-`.
@@ -7219,14 +7286,6 @@ declare namespace LocalJSX {
           * Id for element which describes the label
          */
         "a11yDescribedby"?: string;
-        /**
-          * Caption
-         */
-        "caption"?: string;
-        /**
-          * Copyright
-         */
-        "copyright"?: string;
         /**
           * Hint left
          */
@@ -7561,6 +7620,12 @@ declare namespace LocalJSX {
          */
         "percent"?: number;
     }
+    interface StzhLogo {
+        /**
+          * Type
+         */
+        "type"?: "none" | "stzh" | "vbz" | "aoz" | "pkzh" | "uvz";
+    }
     interface StzhMenu {
     }
     interface StzhMenuItem {
@@ -8024,6 +8089,10 @@ declare namespace LocalJSX {
           * Caption
          */
         "caption"?: string;
+        /**
+          * Copyright
+         */
+        "copyright"?: string;
         /**
           * Translation strings
          */
@@ -8632,6 +8701,10 @@ declare namespace LocalJSX {
           * Sticky stuck top event
          */
         "onStzhStuckTop"?: (event: StzhStickyCustomEvent<StzhStickyStuckTopEvent>) => void;
+        /**
+          * Position type used.  - sticky: used only css position sticky - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)
+         */
+        "position"?: "sticky" | "fixed";
     }
     interface StzhTable {
         /**
@@ -9473,6 +9546,7 @@ declare namespace LocalJSX {
         "stzh-figure": StzhFigure;
         "stzh-flyingfocus": StzhFlyingfocus;
         "stzh-footer": StzhFooter;
+        "stzh-gallery": StzhGallery;
         "stzh-ghettobox": StzhGhettobox;
         "stzh-header": StzhHeader;
         "stzh-heading": StzhHeading;
@@ -9490,6 +9564,7 @@ declare namespace LocalJSX {
         "stzh-list-item": StzhListItem;
         "stzh-loader": StzhLoader;
         "stzh-loadingbar": StzhLoadingbar;
+        "stzh-logo": StzhLogo;
         "stzh-menu": StzhMenu;
         "stzh-menu-item": StzhMenuItem;
         "stzh-message": StzhMessage;
@@ -9590,6 +9665,7 @@ declare module "@stencil/core" {
             "stzh-figure": LocalJSX.StzhFigure & JSXBase.HTMLAttributes<HTMLStzhFigureElement>;
             "stzh-flyingfocus": LocalJSX.StzhFlyingfocus & JSXBase.HTMLAttributes<HTMLStzhFlyingfocusElement>;
             "stzh-footer": LocalJSX.StzhFooter & JSXBase.HTMLAttributes<HTMLStzhFooterElement>;
+            "stzh-gallery": LocalJSX.StzhGallery & JSXBase.HTMLAttributes<HTMLStzhGalleryElement>;
             "stzh-ghettobox": LocalJSX.StzhGhettobox & JSXBase.HTMLAttributes<HTMLStzhGhettoboxElement>;
             "stzh-header": LocalJSX.StzhHeader & JSXBase.HTMLAttributes<HTMLStzhHeaderElement>;
             "stzh-heading": LocalJSX.StzhHeading & JSXBase.HTMLAttributes<HTMLStzhHeadingElement>;
@@ -9607,6 +9683,7 @@ declare module "@stencil/core" {
             "stzh-list-item": LocalJSX.StzhListItem & JSXBase.HTMLAttributes<HTMLStzhListItemElement>;
             "stzh-loader": LocalJSX.StzhLoader & JSXBase.HTMLAttributes<HTMLStzhLoaderElement>;
             "stzh-loadingbar": LocalJSX.StzhLoadingbar & JSXBase.HTMLAttributes<HTMLStzhLoadingbarElement>;
+            "stzh-logo": LocalJSX.StzhLogo & JSXBase.HTMLAttributes<HTMLStzhLogoElement>;
             "stzh-menu": LocalJSX.StzhMenu & JSXBase.HTMLAttributes<HTMLStzhMenuElement>;
             "stzh-menu-item": LocalJSX.StzhMenuItem & JSXBase.HTMLAttributes<HTMLStzhMenuItemElement>;
             "stzh-message": LocalJSX.StzhMessage & JSXBase.HTMLAttributes<HTMLStzhMessageElement>;

package/dist/types/utils/utils.d.ts

@@ -4,3 +4,8 @@ export declare function isStzhElement(element: Element): boolean;
 export declare function getMeta(name: any): string;
 export declare function parents(node: Element | Node): any[];
 export declare function childNodes(node: Element): any[];
+export declare function isVisible(element: HTMLElement): boolean;
+export declare function offset(element: any): {
+  top: number;
+  left: number;
+};

package/dist/vscode-data.json

@@ -693,7 +693,7 @@
         },
         {
           "name": "name",
-          "description": "The name of the input element (if type is radio)"
+          "description": "The name of the input element (if type is button or radio)"
         },
         {
           "name": "rel",
@@ -763,7 +763,7 @@
         },
         {
           "name": "value",
-          "description": "The value of the input element (if type is radio)"
+          "description": "The value of the input element (if type is button or radio)"
         },
         {
           "name": "variant",
@@ -1455,7 +1455,7 @@
         },
         {
           "name": "show-expand-link",
-          "description": "Whether clamping is expanded"
+          "description": "Whether expand link is shown"
         }
       ]
     },
@@ -1466,6 +1466,10 @@
         "value": "The STZH contact component."
       },
       "attributes": [
+        {
+          "name": "address",
+          "description": "Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`)"
+        },
         {
           "name": "availability",
           "description": "Availability times"
@@ -2373,6 +2377,9 @@
             {
               "name": "hero"
             },
+            {
+              "name": "none"
+            },
             {
               "name": "p1"
             },
@@ -2471,6 +2478,41 @@
         }
       ]
     },
+    {
+      "name": "stzh-gallery",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH gallery component (beta)."
+      },
+      "attributes": [
+        {
+          "name": "images",
+          "description": "Images in gallery.\nArray of objects that must at least include `width`, `height` and `src` attribute:\n`[{\"width\": 2522, \"height\": 1075, \"src\": \"media/images/example.jpg\"}, {\"width\": 2050, \"height\": 1367, \"src\": \"media/images/example2.jpg\"}]`\n\nPossible other optional properties are:\n`alt`: Alternative image description\n/ `srcLightbox`: `src` for img tag inside lightbox (overwrites `src`)\n/ `srcsetLightbox`: `srcset` for img tag inside lightbox\n/ `copyright`: Copyright inside caption\n/ `heading`: Heading inside caption\n/ `headingLightbox`: Alternative heading for lightbox (overwrites `heading`)\n/ `caption`: Caption\n/ `captionLightbox`: Caption for lightbox (overwrites `caption`)\n/ `lightboxHtml`: Alternative html content for lightbox caption\n/ `hideCounter`: Whether to hide counter"
+        },
+        {
+          "name": "item-element",
+          "description": "Preview item that will be looked up and mapped to images in lightbox."
+        },
+        {
+          "name": "variant",
+          "description": "Variant:\n`carousel`: every image is displayed inside a carousel (default mode with more than on picture)\n/ `single`: only one image is shown without carousel functionality (other images only reachable by lightbox)\n/ `grid`: every image is displayed inside a grid\n/ `custom`: nothing is rendered, only lightbox will be initialized, `stzh-figure` (`this.itemElement`) can be slotted in",
+          "values": [
+            {
+              "name": "carousel"
+            },
+            {
+              "name": "custom"
+            },
+            {
+              "name": "grid"
+            },
+            {
+              "name": "single"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "stzh-ghettobox",
       "description": {
@@ -2568,6 +2610,9 @@
             {
               "name": "hero"
             },
+            {
+              "name": "none"
+            },
             {
               "name": "p1"
             },
@@ -3070,21 +3115,13 @@
       "name": "stzh-imagecomparison",
       "description": {
         "kind": "markdown",
-        "value": "The STZH image comparison component (beta).\n\nCompare two images with each other. Please use images of the same ratio."
+        "value": "The STZH image comparison component (beta).\n\nCompare two images with each other. Please use images of the same ratio and wrap the element with an `stzh-ratio` element."
       },
       "attributes": [
         {
           "name": "a11y-describedby",
           "description": "Id for element which describes the label"
         },
-        {
-          "name": "caption",
-          "description": "Caption"
-        },
-        {
-          "name": "copyright",
-          "description": "Copyright"
-        },
         {
           "name": "hint-left",
           "description": "Hint left"
@@ -3571,6 +3608,39 @@
         }
       ]
     },
+    {
+      "name": "stzh-logo",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH logo component (beta)."
+      },
+      "attributes": [
+        {
+          "name": "type",
+          "description": "Type",
+          "values": [
+            {
+              "name": "aoz"
+            },
+            {
+              "name": "none"
+            },
+            {
+              "name": "pkzh"
+            },
+            {
+              "name": "stzh"
+            },
+            {
+              "name": "uvz"
+            },
+            {
+              "name": "vbz"
+            }
+          ]
+        }
+      ]
+    },
     {
       "name": "stzh-menu",
       "description": {
@@ -4130,6 +4200,10 @@
           "name": "caption",
           "description": "Caption"
         },
+        {
+          "name": "copyright",
+          "description": "Copyright"
+        },
         {
           "name": "orientation-on-by-default",
           "description": "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."
@@ -5401,7 +5475,7 @@
       "name": "stzh-sticky",
       "description": {
         "kind": "markdown",
-        "value": "The STZH sticky component.\n\nMakes slotted content sticky with help of `position: sticky` and adds additional events when element gets stucked. To make it work, parent elements are not allowed to have a overflow set to `auto`, `hidden` or `scroll`.\n\nWhen element is stuck `is-stuck` attribute will be added to the host element. Additionally `is-stuck-top` or `is-stuck-bottom` will be added."
+        "value": "The STZH sticky component.\n\nBy default makes slotted content sticky with help of `position: sticky` and adds additional events when element gets stucked. To make it work, parent elements are not allowed to have an overflow set to `auto`, `hidden` or `scroll`.\n\nIf the `stzh-sticky` element is nested inside elements that can not be set to `display: contents`, the property `position=\"fixed\"` can be set to use a less performant variant with fixed position which checks sticky behaviour on scroll. Optionally `data-stzh-sticky-container` can be set on the element that should be the top/bottom limit the sticky behaviour.\n\nWhen element is stuck `is-stuck` attribute will be added to the host element. Additionally `is-stuck-top` or `is-stuck-bottom` will also be added."
       },
       "attributes": [
         {
@@ -5415,6 +5489,18 @@
         {
           "name": "disable-sticky-top",
           "description": "Whether to disable sticking to top"
+        },
+        {
+          "name": "position",
+          "description": "Position type used.\n\n- sticky: used only css position sticky\n- fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)",
+          "values": [
+            {
+              "name": "fixed"
+            },
+            {
+              "name": "sticky"
+            }
+          ]
         }
       ]
     },
@@ -5471,6 +5557,9 @@
             {
               "name": "hero"
             },
+            {
+              "name": "none"
+            },
             {
               "name": "p1"
             },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oiz/stzh-components",
-  "version": "2.11.0-beta1",
+  "version": "2.11.0",
   "description": "STZH Web Components Library",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -99,6 +99,7 @@
     "ol": "^4.6.5",
     "pannellum": "^2.5.6",
     "photoswipe": "^5.4.2",
+    "photoswipe-dynamic-caption-plugin": "^1.2.7",
     "proj4": "^2.4.4",
     "scroll-into-view-if-needed": "^3.1.0",
     "sszvis": "^2.6.4",

package/dist/cjs/stzh-figure.cjs.entry.js

@@ -1,40 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const index = require('./index-45029280.js');
-const utils = require('./utils-77bc0ea1.js');
-require('./string-utils-5dd70320.js');
-
-const stzhFigureCss = ".sc-stzh-figure-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-figure-h{display:none}.sc-stzh-figure-h *.sc-stzh-figure,.sc-stzh-figure-h *.sc-stzh-figure::before,.sc-stzh-figure-h *.sc-stzh-figure::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-figure-h .has-focus.sc-stzh-figure{outline:var(--stzh-flyingfocus-color) solid 0.125rem;outline-offset:0.3125rem}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure{outline-style:none !important}.sc-stzh-figure-h .stzh-fylingfocus-focused.sc-stzh-figure::-moz-focus-inner{border:0 !important}.sc-stzh-figure-h .sc-stzh-figure-s>*{max-width:100%}.sc-stzh-figure-h[fullwidth]:not([fullwidth=false]) .sc-stzh-figure-s>*{width:100%}.stzh-figure.sc-stzh-figure{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0}.stzh-figure__element.sc-stzh-figure{display:-ms-flexbox;display:flex}@media print{.stzh-figure__element.sc-stzh-figure{page-break-inside:avoid;-moz-column-break-inside:avoid;-webkit-column-break-inside:avoid;break-inside:avoid}}.stzh-figure__caption-wrapper.sc-stzh-figure{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));display:-ms-flexbox;display:flex}@media screen and (min-width: 1024px){.stzh-figure__caption-wrapper.sc-stzh-figure{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))}}.stzh-figure__counter.sc-stzh-figure:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-figure__counter.sc-stzh-figure,.stzh-figure__heading.sc-stzh-figure{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:var(--stzh-font-style-heavy)}.stzh-figure__caption-text.sc-stzh-figure:not(:empty)+.stzh-figure__copyright.sc-stzh-figure:not(:empty){margin-left:var(--stzh-space-xxsmall)}.stzh-figure__copyright.sc-stzh-figure{font-family:var(--stzh-font-family-medium);font-weight:var(--stzh-font-weight-medium);font-style:var(--stzh-font-style-medium);font-size:var(--stzh-font-femto-font-size);line-height:var(--stzh-font-femto-text-line-height);letter-spacing:var(--stzh-font-curve---text-letter-spacing)}.stzh-figure--has-caption.sc-stzh-figure .stzh-figure__caption-wrapper.sc-stzh-figure{margin-top:var(--stzh-space-small)}";
-
-const StzhFigure = class {
-  constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.caption = "";
-    this.copyright = "";
-    this.counter = "";
-    this.heading = "";
-    this.fullwidth = true;
-  }
-  render() {
-    const captionSlotUsed = utils.hasSlot(this.element, 'caption');
-    const copyrightSlotUsed = utils.hasSlot(this.element, 'copyright');
-    const counterSlotUsed = utils.hasSlot(this.element, 'counter');
-    const headingSlotUsed = utils.hasSlot(this.element, 'heading');
-    const classes = {
-      "stzh-figure": true,
-      "stzh-figure--has-caption": !!this.caption || captionSlotUsed
-        || !!this.copyright || copyrightSlotUsed
-        || !!this.counter || counterSlotUsed
-        || !!this.heading || headingSlotUsed
-    };
-    return (index.h(index.Host, null, index.h("figure", { class: classes }, index.h("div", { class: "stzh-figure__element" }, index.h("slot", null)), index.h("figcaption", { class: "stzh-figure__caption-wrapper" }, index.h("div", { class: "stzh-figure__counter" }, this.counter ? this.counter : index.h("slot", { name: "counter" })), index.h("div", { class: "stzh-figure__text" }, index.h("div", { class: "stzh-figure__heading" }, this.heading ? this.heading : index.h("slot", { name: "heading" })), index.h("div", { class: "stzh-figure__caption" }, index.h("span", { class: "stzh-figure__caption-text" }, this.caption ? this.caption : index.h("slot", { name: "caption" })), index.h("span", { class: "stzh-figure__copyright" }, this.copyright ? this.copyright : index.h("slot", { name: "copyright" }))))))));
-  }
-  get element() { return index.getElement(this); }
-};
-StzhFigure.style = stzhFigureCss;
-
-exports.stzh_figure = StzhFigure;
-
-//# sourceMappingURL=stzh-figure.cjs.entry.js.map

package/dist/cjs/stzh-figure.cjs.entry.js.map

@@ -1 +0,0 @@
-{"file":"stzh-figure.entry.cjs.js","mappings":";;;;;;;;AAAA,MAAM,aAAa,GAAG,yvFAAyvF;;MCsBlwF,UAAU;;;mBAEK,EAAE;qBAGA,EAAE;mBAGJ,EAAE;mBAGF,EAAE;qBAGkB,IAAI;;EAIlD,MAAM;IACJ,MAAM,eAAe,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACzD,MAAM,iBAAiB,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;IAC7D,MAAM,eAAe,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IACzD,MAAM,eAAe,GAAGA,aAAO,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC;IAEzD,MAAM,OAAO,GAAG;MACd,aAAa,EAAE,IAAI;MACnB,0BAA0B,EACxB,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe;WAC9B,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,iBAAiB;WACrC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe;WACjC,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,eAAe;KACvC,CAAC;IAEF,QACEC,QAACC,UAAI,QACHD,oBAAQ,KAAK,EAAE,OAAO,IACpBA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,qBAAa,CACT,EACNA,wBAAY,KAAK,EAAC,8BAA8B,IAC9CA,iBAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAGA,kBAAM,IAAI,EAAC,SAAS,GAAQ,CACvD,EACNA,iBAAK,KAAK,EAAC,mBAAmB,IAC5BA,iBAAK,KAAK,EAAC,sBAAsB,IAC9B,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAGA,kBAAM,IAAI,EAAC,SAAS,GAAQ,CACvD,EACNA,iBAAK,KAAK,EAAC,sBAAsB,IAC/BA,kBAAM,KAAK,EAAC,2BAA2B,IACpC,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,GAAGA,kBAAM,IAAI,EAAC,SAAS,GAAQ,CACtD,EACPA,kBAAM,KAAK,EAAC,wBAAwB,IACjC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,GAAGA,kBAAM,IAAI,EAAC,WAAW,GAAQ,CAC5D,CACH,CACF,CACK,CACN,CACJ,EACP;GACH;;;;;;;","names":["hasSlot","h","Host"],"sources":["src/components/stzh-figure/stzh-figure.scss?tag=stzh-figure&encapsulation=scoped","src/components/stzh-figure/stzh-figure.tsx"],"sourcesContent":[":host {\n  ::slotted(*) {\n    max-width: 100%;\n  }\n}\n\n:host([fullwidth]:not([fullwidth=\"false\"])) ::slotted(*) {\n  width: 100%;\n}\n\n.stzh-figure {\n  display: flex;\n  flex-direction: column;\n  margin: 0;\n\n  &__element {\n    display: flex;\n\n    @media print {\n      page-break-inside: avoid;\n      break-inside: avoid;\n    }\n  }\n\n  &__caption-wrapper {\n    @include fontCurve('caption');\n    display: flex;\n  }\n\n  &__counter {\n    &:not(:empty) {\n      margin-right: space('xsmall');\n    }\n  }\n\n  &__counter,\n  &__heading {\n    @include font('heavy');\n  }\n\n  &__caption-text:not(:empty) + &__copyright:not(:empty) {\n    margin-left: space('xxsmall');\n  }\n\n  &__copyright {\n    @include font('medium');\n    @include fontSize('femto');\n  }\n\n  /* Has caption content */\n\n  &--has-caption &__caption-wrapper {\n    margin-top: space('small');\n  }\n}\n","import {\n  Component,\n  Host,\n  h,\n  Element,\n  Prop,\n} from \"@stencil/core\";\n\nimport { hasSlot } from \"../../utils/utils\";\n\n/**\n * @slot - Slot for e.g. image or video\n * @slot caption - Slot for a caption as alternative for attribute\n * @slot copyright - Slot for a copyright as alternative for attribute\n * @slot counter - Slot for a counter as alternative for attribute\n * @slot heading - Slot for a heading as alternative for attribute\n */\n@Component({\n  tag: \"stzh-figure\",\n  styleUrl: \"stzh-figure.scss\",\n  scoped: true\n})\nexport class StzhFigure {\n  /** Caption */\n  @Prop() caption: string = \"\";\n\n  /** Copyright */\n  @Prop() copyright: string = \"\";\n\n  /** Counter */\n  @Prop() counter: string = \"\";\n\n  /** Heading */\n  @Prop() heading: string = \"\";\n\n  /** Whether to stretch slotted content to fullwidth */\n  @Prop({ reflect: true }) fullwidth: boolean = true;\n\n  @Element() element: HTMLStzhFigureElement;\n\n  render() {\n    const captionSlotUsed = hasSlot(this.element, 'caption');\n    const copyrightSlotUsed = hasSlot(this.element, 'copyright');\n    const counterSlotUsed = hasSlot(this.element, 'counter');\n    const headingSlotUsed = hasSlot(this.element, 'heading');\n\n    const classes = {\n      \"stzh-figure\": true,\n      \"stzh-figure--has-caption\":\n        !!this.caption || captionSlotUsed\n        || !!this.copyright || copyrightSlotUsed\n        || !!this.counter || counterSlotUsed\n        || !!this.heading || headingSlotUsed\n    };\n\n    return (\n      <Host>\n        <figure class={classes}>\n          <div class=\"stzh-figure__element\">\n            <slot></slot>\n          </div>\n          <figcaption class=\"stzh-figure__caption-wrapper\">\n            <div class=\"stzh-figure__counter\">\n              {this.counter ? this.counter : <slot name=\"counter\"></slot>}\n            </div>\n            <div class=\"stzh-figure__text\">\n              <div class=\"stzh-figure__heading\">\n                {this.heading ? this.heading : <slot name=\"heading\"></slot>}\n              </div>\n              <div class=\"stzh-figure__caption\">\n                <span class=\"stzh-figure__caption-text\">\n                  {this.caption ? this.caption : <slot name=\"caption\"></slot>}\n                </span>\n                <span class=\"stzh-figure__copyright\">\n                  {this.copyright ? this.copyright : <slot name=\"copyright\"></slot>}\n                </span>\n              </div>\n            </div>\n          </figcaption>\n        </figure>\n      </Host>\n    );\n  }\n}\n"],"version":3}