@oiz/stzh-components 2.5.0-alpha-carousel → 2.5.0-beta

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, ShareService, Space, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, 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, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhVbzLinechipBlurEvent, StzhVbzLinechipFocusEvent, StzhVbzMajortickerDisturbance, StzhVbzMajortickerDisturbanceFetchedEvent, VBZ } from "./index";
+import { ContactNumber, Font, Layout, OlmapLayer, ShareService, Space, StzhAccordionItemBlurEvent, StzhAccordionItemClosedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemFocusEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemOpenEvent, StzhActionsetItem, StzhActionsetItemClickEvent, 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, StzhDatepickerChangeEvent, StzhDialogCloseEvent, StzhDialogOpenEvent, StzhDropdowCloseEvent, StzhDropdowInitEvent, StzhDropdownBlurEvent, StzhDropdownChangeEvent, StzhDropdownFocusEvent, StzhDropdownItemAddEvent, StzhDropdownItemRemoveEvent, StzhDropdownOpenEvent, StzhDropdownOptionAddEvent, StzhDropdownOptionRemoveEvent, StzhGhettoboxCloseEvent, StzhGhettoboxOpenEvent, StzhInputBlurEvent, StzhInputChangeEvent, StzhInputFocusEvent, StzhLangnavChangeEvent, StzhLinkBlurEvent, StzhLinkFocusEvent, StzhMenuItemBlurEvent, StzhMenuItemFocusEvent, StzhMessageCloseEvent, StzhMessageOpenEvent, StzhMicrositeTeaserlistTag, StzhOlmapInitializedEvent, StzhOlmapMoveEndEvent, StzhOlmapMoveStartEvent, StzhOlmapPostRenderEvent, StzhOverlayCloseEvent, StzhOverlayOpenEvent, StzhPopoverClosedEvent, StzhPopoverCloseEvent, StzhPopoverOpenedEvent, StzhPopoverOpenEvent, StzhProgressbarDataItem, StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent, StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent, StzhSortableDisableEvent, StzhSortableUpdateEvent, StzhStickyStuckBottomEvent, StzhStickyStuckTopEvent, StzhToggleBlurEvent, StzhToggleChangeEvent, StzhToggleFocusEvent, StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, 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 { StzhAppointmentsLocalizedText } from "./components/stzh-appointments/stzh-appointments.localization";
@@ -401,6 +401,8 @@ export namespace Components {
          */
         "variant": "default" | "secondary" | "input" | "tertiary";
     }
+    interface StzhButtongroup {
+    }
     interface StzhCalendar {
         /**
           * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday.
@@ -1033,7 +1035,7 @@ export namespace Components {
          */
         "hideBorder": boolean;
         /**
-          * Items in datalist Array of objects that must at least include `value` attribute. Can optionally contain `leadingIcon`, `label`, `meta`, `icon`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels: `[{"value":"Value 1", "label": "Label 1"}, {"value":"Value 2", "label": "Label 2", "items": [...]}]`
+          * Items in datalist Array of objects that must at least include `value` attribute. Can optionally contain `leadingIcon`, `label`, `meta`, `icon`, `iconLabel`, `iconTooltip`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels: `[{"value":"Value 1", "label": "Label 1"}, {"value":"Value 2", "label": "Label 2", "items": [...]}]`
          */
         "items": StzhDatalistItemEntry[] | string;
     }
@@ -1066,6 +1068,14 @@ export namespace Components {
           * Icon of action button (if href is used, will only be for presentation and default to link icon)
          */
         "icon": string;
+        /**
+          * Overwrite aria-label of action button (default aria label is `label` and `value`).
+         */
+        "iconLabel": string;
+        /**
+          * Tooltip content of action button. Overwrites aria-label (set by default or `iconLabel`) of action button.
+         */
+        "iconTooltip": string;
         /**
           * Label
          */
@@ -1114,10 +1124,6 @@ export namespace Components {
           * Description
          */
         "description": string;
-        /**
-          * External href
-         */
-        "externalHref": string;
         /**
           * Heading
          */
@@ -1126,6 +1132,10 @@ export namespace Components {
           * URL the item should link to
          */
         "href": string;
+        /**
+          * Icon (`arrow-right` by default or `external-link` if rel="*external*" is used)
+         */
+        "icon": string;
         /**
           * Loading status
          */
@@ -1138,10 +1148,18 @@ export namespace Components {
           * Meta
          */
         "meta": StzhDatamessagelistItemEntryMeta[] | string;
+        /**
+          * Rel (if href is used)
+         */
+        "rel": string;
         /**
           * Tags
          */
         "tags": StzhDatamessagelistItemEntryTag[] | string;
+        /**
+          * Target (if href is used)
+         */
+        "target": string;
         /**
           * Whether item should be displayed in unread state
          */
@@ -1374,6 +1392,10 @@ export namespace Components {
           * Returns the value of the control. If multiple items can be selected, this returns an array, otherwise a string.
          */
         "getValue": () => Promise<string | string[]>;
+        /**
+          * Hide dropdown popover
+         */
+        "hide": () => Promise<any>;
         /**
           * Icon (use instead of icon slot)
          */
@@ -1386,6 +1408,10 @@ export namespace Components {
           * Invalid status
          */
         "invalid": boolean;
+        /**
+          * Current open state (readonly)
+         */
+        "isOpen": boolean;
         /**
           * Set selected options. Can be array set with JS or as JSON string. To get the current (user) selected options, use `getItems` method.
          */
@@ -1442,6 +1468,10 @@ export namespace Components {
           * Prevent option search
          */
         "noSearch": boolean;
+        /**
+          * Initial open state
+         */
+        "open": boolean;
         /**
           * Show the dropdown immediately when the control receives focus.
          */
@@ -1469,7 +1499,7 @@ export namespace Components {
         /**
           * Popover placement
          */
-        "popoverPlacement": "bottom" | "top";
+        "popoverPlacement": "bottom" | "bottom-end" | "bottom-center" | "top" | "top-end" | "top-center";
         /**
           * If true, the load function will be called upon control initialization (with an empty search). Alternatively it can be set to 'focus' to call the load function when control receives focus.
          */
@@ -1498,6 +1528,10 @@ export namespace Components {
           * Set new value
          */
         "setValue": (newValue: string | string[], silent?: boolean) => Promise<void>;
+        /**
+          * Show dropdown popover
+         */
+        "show": () => Promise<any>;
         /**
           * Show text in label depending if field is optional/required
          */
@@ -2108,7 +2142,11 @@ export namespace Components {
         /**
           * Enable user location tracking
          */
-        "enableLocationTracking": () => Promise<void>;
+        "enableLocationTracking": (centerOnFirstGeoPositionChange?: boolean) => Promise<void>;
+        /**
+          * Get distance between two points in meters
+         */
+        "getDistance": (startCoords: any, endCoords: any) => Promise<any>;
         /**
           * Get map
          */
@@ -2162,9 +2200,13 @@ export namespace Components {
          */
         "setIconMarkerInactive": (marker: any) => Promise<void>;
         /**
-          * Zoom
+          * Initial zoom
          */
         "zoom": number;
+        /**
+          * Zoom set when location is enabled
+         */
+        "zoomLocation": number;
     }
     interface StzhOverlay {
         /**
@@ -3035,6 +3077,10 @@ export namespace Components {
           * Show alert icon
          */
         "alert": boolean;
+        /**
+          * Whether fold disabled
+         */
+        "disabled": boolean;
         /**
           * Whether it is a global disturbance
          */
@@ -3366,6 +3412,12 @@ declare global {
         prototype: HTMLStzhButtonElement;
         new (): HTMLStzhButtonElement;
     };
+    interface HTMLStzhButtongroupElement extends Components.StzhButtongroup, HTMLStencilElement {
+    }
+    var HTMLStzhButtongroupElement: {
+        prototype: HTMLStzhButtongroupElement;
+        new (): HTMLStzhButtongroupElement;
+    };
     interface HTMLStzhCalendarElement extends Components.StzhCalendar, HTMLStencilElement {
     }
     var HTMLStzhCalendarElement: {
@@ -3904,6 +3956,7 @@ declare global {
         "stzh-audio": HTMLStzhAudioElement;
         "stzh-badge": HTMLStzhBadgeElement;
         "stzh-button": HTMLStzhButtonElement;
+        "stzh-buttongroup": HTMLStzhButtongroupElement;
         "stzh-calendar": HTMLStzhCalendarElement;
         "stzh-card": HTMLStzhCardElement;
         "stzh-card-list": HTMLStzhCardListElement;
@@ -4034,6 +4087,10 @@ declare namespace LocalJSX {
           * Icon (use instead of icon slot)
          */
         "icon"?: string;
+        /**
+          * Input blur event
+         */
+        "onStzhBlur"?: (event: StzhAccordionItemCustomEvent<StzhAccordionItemBlurEvent>) => void;
         /**
           * Close event
          */
@@ -4042,6 +4099,10 @@ declare namespace LocalJSX {
           * Closed event (after animation)
          */
         "onStzhClosed"?: (event: StzhAccordionItemCustomEvent<StzhAccordionItemClosedEvent>) => void;
+        /**
+          * Focus event
+         */
+        "onStzhFocus"?: (event: StzhAccordionItemCustomEvent<StzhAccordionItemFocusEvent>) => void;
         /**
           * Open event
          */
@@ -4397,6 +4458,8 @@ declare namespace LocalJSX {
          */
         "variant"?: "default" | "secondary" | "input" | "tertiary";
     }
+    interface StzhButtongroup {
+    }
     interface StzhCalendar {
         /**
           * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc. Default is Monday.
@@ -5080,7 +5143,7 @@ declare namespace LocalJSX {
          */
         "hideBorder"?: boolean;
         /**
-          * Items in datalist Array of objects that must at least include `value` attribute. Can optionally contain `leadingIcon`, `label`, `meta`, `icon`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels: `[{"value":"Value 1", "label": "Label 1"}, {"value":"Value 2", "label": "Label 2", "items": [...]}]`
+          * Items in datalist Array of objects that must at least include `value` attribute. Can optionally contain `leadingIcon`, `label`, `meta`, `icon`, `iconLabel`, `iconTooltip`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels: `[{"value":"Value 1", "label": "Label 1"}, {"value":"Value 2", "label": "Label 2", "items": [...]}]`
          */
         "items"?: StzhDatalistItemEntry[] | string;
         /**
@@ -5121,6 +5184,14 @@ declare namespace LocalJSX {
           * Icon of action button (if href is used, will only be for presentation and default to link icon)
          */
         "icon"?: string;
+        /**
+          * Overwrite aria-label of action button (default aria label is `label` and `value`).
+         */
+        "iconLabel"?: string;
+        /**
+          * Tooltip content of action button. Overwrites aria-label (set by default or `iconLabel`) of action button.
+         */
+        "iconTooltip"?: string;
         /**
           * Label
          */
@@ -5173,10 +5244,6 @@ declare namespace LocalJSX {
           * Description
          */
         "description"?: string;
-        /**
-          * External href
-         */
-        "externalHref"?: string;
         /**
           * Heading
          */
@@ -5185,6 +5252,10 @@ declare namespace LocalJSX {
           * URL the item should link to
          */
         "href"?: string;
+        /**
+          * Icon (`arrow-right` by default or `external-link` if rel="*external*" is used)
+         */
+        "icon"?: string;
         /**
           * Loading status
          */
@@ -5205,10 +5276,18 @@ declare namespace LocalJSX {
           * Click event
          */
         "onStzhClick"?: (event: StzhDatamessagelistItemCustomEvent<StzhDatamessagelistItemClickEvent>) => void;
+        /**
+          * Rel (if href is used)
+         */
+        "rel"?: string;
         /**
           * Tags
          */
         "tags"?: StzhDatamessagelistItemEntryTag[] | string;
+        /**
+          * Target (if href is used)
+         */
+        "target"?: string;
         /**
           * Whether item should be displayed in unread state
          */
@@ -5446,6 +5525,10 @@ declare namespace LocalJSX {
           * Invalid status
          */
         "invalid"?: boolean;
+        /**
+          * Current open state (readonly)
+         */
+        "isOpen"?: boolean;
         /**
           * Set selected options. Can be array set with JS or as JSON string. To get the current (user) selected options, use `getItems` method.
          */
@@ -5507,7 +5590,7 @@ declare namespace LocalJSX {
          */
         "onStzhChange"?: (event: StzhDropdownCustomEvent<StzhDropdownChangeEvent>) => void;
         /**
-          * Dropdown focus event
+          * Dropdown close event
          */
         "onStzhClose"?: (event: StzhDropdownCustomEvent<StzhDropdowCloseEvent>) => void;
         /**
@@ -5519,25 +5602,29 @@ declare namespace LocalJSX {
          */
         "onStzhInit"?: (event: StzhDropdownCustomEvent<StzhDropdowInitEvent>) => void;
         /**
-          * Dropdown focus event
+          * Dropdown item added event
          */
         "onStzhItemAdd"?: (event: StzhDropdownCustomEvent<StzhDropdownItemAddEvent>) => void;
         /**
-          * Dropdown focus event
+          * Dropdown item removed event
          */
         "onStzhItemRemove"?: (event: StzhDropdownCustomEvent<StzhDropdownItemRemoveEvent>) => void;
         /**
-          * Dropdown focus event
+          * Dropdown open event
          */
         "onStzhOpen"?: (event: StzhDropdownCustomEvent<StzhDropdownOpenEvent>) => void;
         /**
-          * Dropdown focus event
+          * Dropdown option added event
          */
         "onStzhOptionAdd"?: (event: StzhDropdownCustomEvent<StzhDropdownOptionAddEvent>) => void;
         /**
-          * Dropdown focus event
+          * Dropdown option removed event
          */
         "onStzhOptionRemove"?: (event: StzhDropdownCustomEvent<StzhDropdownOptionRemoveEvent>) => void;
+        /**
+          * Initial open state
+         */
+        "open"?: boolean;
         /**
           * Show the dropdown immediately when the control receives focus.
          */
@@ -5565,7 +5652,7 @@ declare namespace LocalJSX {
         /**
           * Popover placement
          */
-        "popoverPlacement"?: "bottom" | "top";
+        "popoverPlacement"?: "bottom" | "bottom-end" | "bottom-center" | "top" | "top-end" | "top-center";
         /**
           * If true, the load function will be called upon control initialization (with an empty search). Alternatively it can be set to 'focus' to call the load function when control receives focus.
          */
@@ -6261,9 +6348,13 @@ declare namespace LocalJSX {
          */
         "scaleControl"?: boolean;
         /**
-          * Zoom
+          * Initial zoom
          */
         "zoom"?: number;
+        /**
+          * Zoom set when location is enabled
+         */
+        "zoomLocation"?: number;
     }
     interface StzhOverlay {
         /**
@@ -7241,6 +7332,10 @@ declare namespace LocalJSX {
           * Show alert icon
          */
         "alert"?: boolean;
+        /**
+          * Whether fold disabled
+         */
+        "disabled"?: boolean;
         /**
           * Whether it is a global disturbance
          */
@@ -7365,6 +7460,7 @@ declare namespace LocalJSX {
         "stzh-audio": StzhAudio;
         "stzh-badge": StzhBadge;
         "stzh-button": StzhButton;
+        "stzh-buttongroup": StzhButtongroup;
         "stzh-calendar": StzhCalendar;
         "stzh-card": StzhCard;
         "stzh-card-list": StzhCardList;
@@ -7465,6 +7561,7 @@ declare module "@stencil/core" {
             "stzh-audio": LocalJSX.StzhAudio & JSXBase.HTMLAttributes<HTMLStzhAudioElement>;
             "stzh-badge": LocalJSX.StzhBadge & JSXBase.HTMLAttributes<HTMLStzhBadgeElement>;
             "stzh-button": LocalJSX.StzhButton & JSXBase.HTMLAttributes<HTMLStzhButtonElement>;
+            "stzh-buttongroup": LocalJSX.StzhButtongroup & JSXBase.HTMLAttributes<HTMLStzhButtongroupElement>;
             "stzh-calendar": LocalJSX.StzhCalendar & JSXBase.HTMLAttributes<HTMLStzhCalendarElement>;
             "stzh-card": LocalJSX.StzhCard & JSXBase.HTMLAttributes<HTMLStzhCardElement>;
             "stzh-card-list": LocalJSX.StzhCardList & JSXBase.HTMLAttributes<HTMLStzhCardListElement>;

package/dist/types/index.d.ts

@@ -248,6 +248,8 @@ export type StzhDatalistItemEntry = {
   label?: string;
   meta?: string;
   icon?: string;
+  iconLabel?: string;
+  iconTooltip?: string;
   href?: string;
   rel?: string;
   target?: string;
@@ -447,6 +449,14 @@ export type StzhAccordionItemCloseEvent = {
 export type StzhAccordionItemClosedEvent = {
   component: "stzh-accordion-item";
 };
+export type StzhAccordionItemFocusEvent = {
+  component: "stzh-accordion-item";
+  originalEvent: FocusEvent;
+};
+export type StzhAccordionItemBlurEvent = {
+  component: "stzh-accordion-item";
+  originalEvent: FocusEvent;
+};
 export type StzhTooltipOpenEvent = {
   component: "stzh-tooltip";
 };
@@ -505,6 +515,9 @@ export type StzhDropdowCloseEvent = {
 };
 export type StzhDropdownFocusEvent = {
   component: "stzh-dropdown";
+  originalEvent: {
+    target: Element;
+  };
 };
 export type StzhDropdownBlurEvent = {
   component: "stzh-dropdown";
@@ -622,6 +635,7 @@ export type StzhUploadCompleteMultipleEvent = {
   component: "stzh-upload";
   files: StzhUploadFile[];
 };
+export type StzhFocusEvent = StzhAccordionItemFocusEvent | StzhButtonFocusEvent | StzhCheckboxFocusEvent | StzhChipFocusEvent | StzhDropdownFocusEvent | StzhInputFocusEvent | StzhLinkFocusEvent | StzhMenuItemFocusEvent | StzhRadioFocusEvent | StzhToggleFocusEvent | StzhVbzLinechipFocusEvent;
 export type StzhCalendarDateDisabledPredicate = (date: Date) => boolean;
 export declare namespace Layout {
   type Justify = "start" | "end" | "center" | "between" | "around" | "evenly";

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

@@ -0,0 +1,5 @@
+export declare const createBaseFocusTrapOptions: () => {
+  returnFocusOnDeactivate: boolean;
+  onActivate: () => void;
+  setReturnFocus: (node: any) => any;
+};

package/dist/vscode-data.json

@@ -644,6 +644,14 @@
         }
       ]
     },
+    {
+      "name": "stzh-buttongroup",
+      "description": {
+        "kind": "markdown",
+        "value": "The STZH buttongroup component."
+      },
+      "attributes": []
+    },
     {
       "name": "stzh-calendar",
       "description": {
@@ -1478,7 +1486,7 @@
         },
         {
           "name": "items",
-          "description": "Items in datalist\nArray of objects that must at least include `value` attribute.\nCan optionally contain `leadingIcon`, `label`, `meta`, `icon`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels:\n`[{\"value\":\"Value 1\", \"label\": \"Label 1\"}, {\"value\":\"Value 2\", \"label\": \"Label 2\", \"items\": [...]}]`"
+          "description": "Items in datalist\nArray of objects that must at least include `value` attribute.\nCan optionally contain `leadingIcon`, `label`, `meta`, `icon`, `iconLabel`, `iconTooltip`, `href`, `statusLabel`, `statusType` attribute and be nested to display deeper levels:\n`[{\"value\":\"Value 1\", \"label\": \"Label 1\"}, {\"value\":\"Value 2\", \"label\": \"Label 2\", \"items\": [...]}]`"
         }
       ]
     },
@@ -1525,6 +1533,14 @@
           "name": "icon",
           "description": "Icon of action button (if href is used, will only be for presentation and default to link icon)"
         },
+        {
+          "name": "icon-label",
+          "description": "Overwrite aria-label of action button (default aria label is `label` and `value`)."
+        },
+        {
+          "name": "icon-tooltip",
+          "description": "Tooltip content of action button. Overwrites aria-label (set by default or `iconLabel`) of action button."
+        },
         {
           "name": "label",
           "description": "Label"
@@ -1599,10 +1615,6 @@
           "name": "description",
           "description": "Description"
         },
-        {
-          "name": "external-href",
-          "description": "External href"
-        },
         {
           "name": "heading",
           "description": "Heading"
@@ -1611,6 +1623,10 @@
           "name": "href",
           "description": "URL the item should link to"
         },
+        {
+          "name": "icon",
+          "description": "Icon (`arrow-right` by default or `external-link` if rel=\"*external*\" is used)"
+        },
         {
           "name": "loading-status",
           "description": "Loading status",
@@ -1627,10 +1643,18 @@
           "name": "meta",
           "description": "Meta"
         },
+        {
+          "name": "rel",
+          "description": "Rel (if href is used)"
+        },
         {
           "name": "tags",
           "description": "Tags"
         },
+        {
+          "name": "target",
+          "description": "Target (if href is used)"
+        },
         {
           "name": "unread",
           "description": "Whether item should be displayed in unread state"
@@ -1898,6 +1922,10 @@
           "name": "invalid",
           "description": "Invalid status"
         },
+        {
+          "name": "is-open",
+          "description": "Current open state (readonly)"
+        },
         {
           "name": "items",
           "description": "Set selected options. Can be array set with JS or as JSON string.\nTo get the current (user) selected options, use `getItems` method."
@@ -1942,6 +1970,10 @@
           "name": "no-search",
           "description": "Prevent option search"
         },
+        {
+          "name": "open",
+          "description": "Initial open state"
+        },
         {
           "name": "open-on-focus",
           "description": "Show the dropdown immediately when the control receives focus."
@@ -1973,8 +2005,20 @@
             {
               "name": "bottom"
             },
+            {
+              "name": "bottom-center"
+            },
+            {
+              "name": "bottom-end"
+            },
             {
               "name": "top"
+            },
+            {
+              "name": "top-center"
+            },
+            {
+              "name": "top-end"
             }
           ]
         },
@@ -3355,7 +3399,11 @@
         },
         {
           "name": "zoom",
-          "description": "Zoom"
+          "description": "Initial zoom"
+        },
+        {
+          "name": "zoom-location",
+          "description": "Zoom set when location is enabled"
         }
       ]
     },
@@ -4577,7 +4625,7 @@
       "name": "stzh-text",
       "description": {
         "kind": "markdown",
-        "value": "The STZH text component.\n\nStyle slotted text elements with correct font family and predefined font curves or sizes.\n\n```html\n<!-- use curve p2 (default curve is p1) -->\n<stzh-text curve=\"p2\">\n  <p>Laboris laborum aute id laboris</p>\n</stzh-text>\n\n<!-- lead text -->\n<stzh-text lead>\n  <p>Laboris laborum aute id laboris</p>\n</stzh-text>\n\n<!-- heavy text -->\n<stzh-text font=\"heavy\">\n  <p>Laboris laborum aute id laboris</p>\n</stzh-text>\n```"
+        "value": "The STZH text component.\n\nStyles slotted text elements with correct font family and predefined font curves or sizes.\n`stzh-icon` elements can also be placed inside the element and will have a width/height according to the font size.\n\n```html\n<!-- use curve p2 (default curve is p1) -->\n<stzh-text curve=\"p2\">\n  <p>Laboris laborum aute id laboris</p>\n</stzh-text>\n\n<!-- lead text -->\n<stzh-text lead>\n  <p>Laboris laborum aute id laboris</p>\n</stzh-text>\n\n<!-- heavy text -->\n<stzh-text font=\"heavy\">\n  <p>Laboris laborum aute id laboris</p>\n</stzh-text>\n\n<!-- with icon -->\n<stzh-text>\n  <p><stzh-icon name=\"info-help\"></stzh-icon> Laboris laborum aute id laboris</p>\n</stzh-text>\n```"
       },
       "attributes": [
         {
@@ -5208,6 +5256,10 @@
           "name": "alert",
           "description": "Show alert icon"
         },
+        {
+          "name": "disabled",
+          "description": "Whether fold disabled"
+        },
         {
           "name": "global",
           "description": "Whether it is a global disturbance"

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oiz/stzh-components",
-    "version": "2.5.0-alpha-carousel",
+    "version": "2.5.0-beta",
     "description": "STZH Web Components Library",
     "main": "dist/index.cjs.js",
     "module": "dist/index.js",

package/dist/stzh-components/p-013d269a.system.entry.js

@@ -1 +0,0 @@
-var __awaiter=this&&this.__awaiter||function(t,e,i,o){function n(t){return t instanceof i?t:new i((function(e){e(t)}))}return new(i||(i=Promise))((function(i,s){function r(t){try{a(o.next(t))}catch(e){s(e)}}function c(t){try{a(o["throw"](t))}catch(e){s(e)}}function a(t){t.done?i(t.value):n(t.value).then(r,c)}a((o=o.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var i={label:0,sent:function(){if(s[0]&1)throw s[1];return s[1]},trys:[],ops:[]},o,n,s,r;return r={next:c(0),throw:c(1),return:c(2)},typeof Symbol==="function"&&(r[Symbol.iterator]=function(){return this}),r;function c(t){return function(e){return a([t,e])}}function a(c){if(o)throw new TypeError("Generator is already executing.");while(r&&(r=0,c[0]&&(i=0)),i)try{if(o=1,n&&(s=c[0]&2?n["return"]:c[0]?n["throw"]||((s=n["return"])&&s.call(n),0):n.next)&&!(s=s.call(n,c[1])).done)return s;if(n=0,s)c=[c[0]&2,s.value];switch(c[0]){case 0:case 1:s=c;break;case 4:i.label++;return{value:c[1],done:false};case 5:i.label++;n=c[1];c=[0];continue;case 7:c=i.ops.pop();i.trys.pop();continue;default:if(!(s=i.trys,s=s.length>0&&s[s.length-1])&&(c[0]===6||c[0]===2)){i=0;continue}if(c[0]===3&&(!s||c[1]>s[0]&&c[1]<s[3])){i.label=c[1];break}if(c[0]===6&&i.label<s[1]){i.label=s[1];s=c;break}if(s&&i.label<s[2]){i.label=s[2];i.ops.push(c);break}if(s[2])i.ops.pop();i.trys.pop();continue}c=e.call(t,i)}catch(a){c=[6,a];n=0}finally{o=s=0}if(c[0]&5)throw c[1];return{value:c[0]?c[1]:void 0,done:true}}};System.register(["./p-36e72c1d.system.js","./p-5318ba20.system.js","./p-5494f37d.system.js"],(function(t){"use strict";var e,i,o,n,s,r,c,a,h;return{setters:[function(t){e=t.r;i=t.e;o=t.h;n=t.c;s=t.g},function(t){r=t.w},function(t){c=t.s;a=t.a;h=t.b}],execute:function(){var d='.sc-stzh-accordion-item-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-accordion-item-h{display:none}.sc-stzh-accordion-item-h *.sc-stzh-accordion-item,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::before,.sc-stzh-accordion-item-h *.sc-stzh-accordion-item::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-accordion-item-h{--trigger-size:1.3125rem;--content-background:var(--stzh-accordion-content-background);--icon-size:var(--stzh-icon-size-small)}.sc-stzh-accordion-item-h .sc-stzh-accordion-item-s>stzh-icon,.stzh-accordion-item__icon.sc-stzh-accordion-item{--size:var(--icon-size)}.stzh-accordion-item__heading.sc-stzh-accordion-item{position:relative;margin:0}.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-default-font-size, var(--stzh-font-milli-font-size));line-height:var(--stzh-font-curve-p1-default-text-line-height, var(--stzh-font-milli-text-line-height));letter-spacing:var(--stzh-font-curve-p1-default-text-letter-spacing);font-family:inherit;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-medium);border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:3.75rem;border:0.0625rem solid var(--stzh-base-border-color);color:var(--stzh-color-primary, var(--stzh-color-zueriblue));text-align:left;-webkit-transition-property:color, background-color, border-color;transition-property:color, background-color, border-color;-webkit-transition-duration:var(--stzh-base-transition-animation-speed);transition-duration:var(--stzh-base-transition-animation-speed);cursor:pointer}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-p1-medium-font-size, var(--stzh-font-centi-font-size));line-height:var(--stzh-font-curve-p1-medium-text-line-height, var(--stzh-font-centi-text-line-height));letter-spacing:var(--stzh-font-curve-p1-medium-text-letter-spacing)}}.stzh-accordion-item__button.sc-stzh-accordion-item:hover,.stzh-accordion-item__button.sc-stzh-accordion-item:focus{color:var(--stzh-color-primary-hover, var(--stzh-color-zueribluedark))}.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-medium);padding-right:var(--stzh-space-medium)}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-left:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-right:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-right:var(--stzh-space-xlarge)}}.stzh-accordion-item__button-text.sc-stzh-accordion-item{-ms-flex-positive:1;flex-grow:1}.stzh-accordion-item__button-icon.sc-stzh-accordion-item{position:relative;width:var(--trigger-size);height:var(--trigger-size);margin-left:var(--stzh-space-medium)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{position:absolute;top:50%;left:50%;content:"";display:block;width:var(--trigger-size);height:0.0625rem;-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s;-webkit-transform-origin:top left;transform-origin:top left;background-color:currentColor}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::before{-webkit-transform:rotate(180deg) translate(-50%, -50%);transform:rotate(180deg) translate(-50%, -50%)}.stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(90deg) translate(-50%, -50%);transform:rotate(90deg) translate(-50%, -50%)}.stzh-accordion-item__content.sc-stzh-accordion-item{overflow:hidden;background-color:var(--content-background)}.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-medium);padding-bottom:var(--stzh-space-xlarge)}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-large)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-top:var(--stzh-space-xlarge)}}@media screen and (min-width: 1024px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-bottom:var(--stzh-space-xxlarge)}}@media screen and (min-width: 1260px){.stzh-accordion-item__content-inner.sc-stzh-accordion-item{padding-bottom:var(--stzh-space-xxxlarge)}}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item{-ms-flex-item-align:start;align-self:flex-start}.stzh-accordion-item__icon-wrapper.sc-stzh-accordion-item:not(:empty){margin-right:var(--stzh-space-xsmall)}.stzh-accordion-item__badge.sc-stzh-accordion-item{position:absolute;right:-0.3125rem;top:-0.3125rem}.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-base-color);-webkit-transition:color var(--stzh-base-transition-animation-speed);transition:color var(--stzh-base-transition-animation-speed)}.stzh-accordion-item__description.sc-stzh-accordion-item{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))}@media screen and (min-width: 1024px){.stzh-accordion-item__description.sc-stzh-accordion-item{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-accordion-item__heading.sc-stzh-accordion-item,.stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item__subtitle.sc-stzh-accordion-item{display:block}.stzh-accordion-item--has-description.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item,.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{padding:var(--stzh-space-medium)}.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-family:var(--stzh-font-family-heavy);font-weight:var(--stzh-font-weight-heavy);font-style:normal;font-size:var(--stzh-font-curve-h2-default-font-size, var(--stzh-font-deci-font-size));line-height:var(--stzh-font-curve-h2-default-heading-line-height, var(--stzh-font-deci-heading-line-height));letter-spacing:var(--stzh-font-curve-h2-default-heading-letter-spacing)}@media screen and (min-width: 600px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-small-font-size, var(--stzh-font-deca-font-size));line-height:var(--stzh-font-curve-h2-small-heading-line-height, var(--stzh-font-deca-text-line-height));letter-spacing:var(--stzh-font-curve-h2-small-heading-letter-spacing, var(--stzh-font-deca-text-letter-spacing))}}@media screen and (min-width: 1024px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-medium-font-size, var(--stzh-font-hecto-font-size));line-height:var(--stzh-font-curve-h2-medium-heading-line-height, var(--stzh-font-hecto-text-line-height));letter-spacing:var(--stzh-font-curve-h2-medium-heading-letter-spacing, var(--stzh-font-hecto-text-letter-spacing))}}@media screen and (min-width: 1440px){.stzh-accordion-item--has-subtitle.sc-stzh-accordion-item .stzh-accordion-item__heading.sc-stzh-accordion-item{font-size:var(--stzh-font-curve-h2-ultra-font-size, var(--stzh-font-kilo-font-size));line-height:var(--stzh-font-curve-h2-ultra-heading-line-height, var(--stzh-font-kilo-text-line-height));letter-spacing:var(--stzh-font-curve-h2-ultra-heading-letter-spacing, var(--stzh-font-kilo-text-letter-spacing))}}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{color:var(--stzh-color-white);background-color:var(--stzh-color-primary, var(--stzh-color-zueriblue));border-color:var(--stzh-color-primary, var(--stzh-color-zueriblue))}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__description.sc-stzh-accordion-item,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__subtitle.sc-stzh-accordion-item{color:var(--stzh-color-white)}.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::before,.stzh-accordion-item--is-open.sc-stzh-accordion-item .stzh-accordion-item__button-icon.sc-stzh-accordion-item::after{-webkit-transform:rotate(0) translate(-50%, -50%);transform:rotate(0) translate(-50%, -50%)}.stzh-accordion-item--is-disabled.sc-stzh-accordion-item .stzh-accordion-item__button.sc-stzh-accordion-item{cursor:not-allowed;color:var(--stzh-color-grey61);border-color:transparent;background-color:var(--stzh-color-black8)}';var l={keyframes:[{height:"0",opacity:"0"},{height:"auto",opacity:"1"}],options:{duration:300,easing:"linear"}};var m={keyframes:[{height:"auto",opacity:"1"},{height:"0",opacity:"0"}],options:{duration:300,easing:"linear"}};var z=0;var u=t("stzh_accordion_item",function(){function t(t){var o=this;e(this,t);this.stzhOpen=i(this,"stzhOpen",7);this.stzhOpened=i(this,"stzhOpened",7);this.stzhClose=i(this,"stzhClose",7);this.stzhClosed=i(this,"stzhClosed",7);this.toggledByMethod=false;this.handleHeaderClick=function(){o.toggle()};this.onButtonKeydown=function(t){var e=null;if(t.key==="ArrowDown"){e="next"}else if(t.key==="ArrowUp"){e="prev"}else if(t.key==="Home"){e="first"}else if(t.key==="End"){e="last"}else if(t.key==="PageDown"&&t.ctrlKey){e="next"}else if(t.key==="PageUp"&&t.ctrlKey){e="prev"}if(e){t.preventDefault();var i=o.element.closest("stzh-accordion");i.setItemFocus(o.element,e)}};this.onContentKeydown=function(t){if(!t.ctrlKey){return}var e=null;if(t.key==="PageDown"){e="next"}else if(t.key==="PageUp"){e="prev"}if(e){t.preventDefault();var i=o.element.closest("stzh-accordion");i.setItemFocus(o.element,e)}};this.open=false;this.disabled=false;this.heading="";this.subtitle="";this.description="";this.icon="";this.badge="";this.badgeEmpty=false;this.badgeType="default";this.headingLevel="3"}t.prototype.openWatcher=function(t){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(e){switch(e.label){case 0:if(!this.bodyElement){return[2]}if(!t)return[3,3];if(this.toggledByMethod){this.stzhOpen.emit({component:"stzh-accordion-item"})}return[4,c(this.bodyElement)];case 1:e.sent();this.bodyElement.hidden=false;return[4,a(this.bodyElement,h(l.keyframes,this.bodyElement.scrollHeight),l.options)];case 2:e.sent();this.bodyElement.style.height="auto";this.bodyElement.style.overflow="visible";if(this.toggledByMethod){this.stzhOpened.emit({component:"stzh-accordion-item"})}return[3,6];case 3:if(this.toggledByMethod){this.stzhClose.emit({component:"stzh-accordion-item"})}return[4,c(this.bodyElement)];case 4:e.sent();this.bodyElement.style.overflow="hidden";return[4,a(this.bodyElement,h(m.keyframes,this.bodyElement.scrollHeight),m.options)];case 5:e.sent();this.bodyElement.hidden=true;this.bodyElement.style.height="0px";if(this.toggledByMethod){this.stzhClosed.emit({component:"stzh-accordion-item"})}e.label=6;case 6:this.toggledByMethod=false;return[2]}}))}))};t.prototype.show=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){if(this.open||this.disabled){return[2]}this.toggledByMethod=true;this.open=true;return[2,r(this.element,"stzhOpened")]}))}))};t.prototype.hide=function(){return __awaiter(this,void 0,void 0,(function(){var t;return __generator(this,(function(e){t=this.element.closest("stzh-accordion");if(!this.open||this.disabled||t&&!t.collapsible){return[2]}this.toggledByMethod=true;this.open=false;return[2,r(this.element,"stzhClosed")]}))}))};t.prototype.toggle=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:if(!this.open)return[3,2];return[4,this.hide()];case 1:return[2,t.sent()];case 2:return[4,this.show()];case 3:return[2,t.sent()]}}))}))};t.prototype.setFocus=function(){return __awaiter(this,void 0,void 0,(function(){return __generator(this,(function(t){this.buttonElement.focus();return[2]}))}))};t.prototype.componentWillLoad=function(){this.accordionItemId="stzh-accordion-item-".concat(z++)};t.prototype.componentDidLoad=function(){this.bodyElement.hidden=!this.open;this.bodyElement.style.height=this.open?"auto":"0px";this.bodyElement.style.overflow=this.open?"visible":"hidden"};t.prototype.render=function(){var t=this;var e="h".concat(this.headingLevel);var i={"stzh-accordion-item":true,"stzh-accordion-item--has-description":!!this.description,"stzh-accordion-item--has-subtitle":!!this.subtitle,"stzh-accordion-item--is-open":this.open,"stzh-accordion-item--is-disabled":this.disabled};return o(n,null,o("div",{class:i},o(e,{id:"".concat(this.accordionItemId,"-header"),class:"stzh-accordion-item__heading",onClick:this.handleHeaderClick},o("button",{ref:function(e){return t.buttonElement=e},class:"stzh-accordion-item__button","aria-controls":"".concat(this.accordionItemId,"-content"),"aria-expanded":"".concat(this.open?"true":"false"),disabled:this.disabled,onKeyDown:this.onButtonKeydown,type:"button"},o("span",{class:"stzh-accordion-item__icon-wrapper"},this.icon?o("stzh-icon",{class:"stzh-accordion-item__icon",name:this.icon}):o("slot",{name:"icon"})),o("span",{class:"stzh-accordion-item__button-text"},o("span",{class:"stzh-accordion-item__subtitle"},this.subtitle),o("span",{class:"stzh-accordion-item__heading"},this.heading),o("span",{class:"stzh-accordion-item__description"},this.description)),o("span",{class:"stzh-accordion-item__button-icon"}),(this.badge||this.badgeEmpty)&&o("stzh-badge",{class:"stzh-accordion-item__badge",label:this.badge,type:this.badgeType}))),o("div",{id:"".concat(this.accordionItemId,"-content"),ref:function(e){return t.bodyElement=e},class:"stzh-accordion-item__content","aria-labelledby":"".concat(this.accordionItemId,"-header"),role:"region",onKeyDown:this.onContentKeydown},o("div",{class:"stzh-accordion-item__content-inner"},o("slot",null)))))};Object.defineProperty(t.prototype,"element",{get:function(){return s(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openWatcher"]}},enumerable:false,configurable:true});return t}());u.style=d}}}));

package/dist/stzh-components/p-0759cd7e.entry.js

@@ -1 +0,0 @@
-import{r as t,h,c as i}from"./p-99a3742a.js";const s=class{constructor(h){t(this,h),this.variant="default"}render(){return h(i,null,h("section",{class:{"stzh-section":!0,[`stzh-section--${this.variant}`]:!0}},h("slot",null)))}};s.style='.sc-stzh-section-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-section-h{display:none}.sc-stzh-section-h *.sc-stzh-section,.sc-stzh-section-h *.sc-stzh-section::before,.sc-stzh-section-h *.sc-stzh-section::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-section-h{clear:both;--background-color:var(--stzh-section-background-color)}.sc-stzh-section-h::after{content:"";display:table;clear:both}[variant=highlight].sc-stzh-section-h{--stzh-base-color:var(--stzh-color-grey61);--background-color:var(--stzh-section-highlight-background-color);--highlight-horizontal-padding:var(--stzh-section-highlight-horizontal-padding);--highlight-padding:var(--stzh-space-medium) var(--highlight-horizontal-padding)}@media screen and (min-width: 600px){[variant=highlight].sc-stzh-section-h{--highlight-padding:var(--stzh-space-medium) var(--highlight-horizontal-padding) var(--stzh-space-large)}}@media screen and (min-width: 1024px){[variant=highlight].sc-stzh-section-h{--highlight-padding:var(--stzh-space-large) var(--highlight-horizontal-padding) var(--stzh-space-xlarge)}}@media screen and (min-width: 1260px){[variant=highlight].sc-stzh-section-h{--highlight-padding:var(--stzh-space-xlarge) var(--highlight-horizontal-padding) var(--stzh-space-xxlarge)}}.stzh-section--highlight.sc-stzh-section{background-color:var(--background-color);padding:var(--highlight-padding)}';export{s as stzh_section}

package/dist/stzh-components/p-0930004d.entry.js

@@ -1 +0,0 @@
-import{r as s,h as i,c as l}from"./p-99a3742a.js";const t=class{constructor(i){s(this,i)}render(){return i(l,null,i("div",{class:{"stzh-visuallyhidden":!0}},i("slot",null)))}};t.style=".sc-stzh-visuallyhidden-h{font-family:var(--stzh-font-family-regular);font-weight:var(--stzh-font-weight-regular);font-style:normal;color:var(--stzh-base-color);-webkit-box-sizing:border-box;box-sizing:border-box;display:block}[hidden].sc-stzh-visuallyhidden-h{display:none}.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::before,.sc-stzh-visuallyhidden-h *.sc-stzh-visuallyhidden::after{-webkit-box-sizing:border-box;box-sizing:border-box}.sc-stzh-visuallyhidden-h .sc-stzh-visuallyhidden-s>*:not(:focus):not(:active){border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(100%);clip-path:inset(100%);width:0.0625rem;height:0.0625rem;overflow:hidden;padding:0;position:absolute}";export{t as stzh_visuallyhidden}