@oiz/stzh-components 3.0.0 → 3.1.0

package/dist/types/components/stzh-pagetitle-home/stzh-pagetitle-home.d.ts

@@ -0,0 +1,16 @@
+/**
+ * @slot heading - Slot for `stzh-heading` element
+ * @slot image - Slot for `stzh-figure` or `img` element
+ * @slot subheading - Slot for `stzh-text` element
+ * @slot readspeaker - Slot for `stzh-readspeaker` element
+ */
+export declare class StzhPagetitleHome {
+  element: HTMLStzhPagetitleHomeElement;
+  isSmall: boolean;
+  private mediaChangeHandler;
+  private init;
+  componentDidRender(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/stzh-panorama/stzh-panorama.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { PanoramaScene, StzhPanoramaLoadEvent, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent } from "../../index";
+import { PanoramaScene, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaLoadEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent } from "../../index";
 import { StzhPanoramaLocalizedText } from "./stzh-panorama.localization";
 import "pannellum";
 /**
@@ -10,6 +10,8 @@ export declare class StzhPanorama {
   localization: StzhPanoramaLocalizedText;
   /** Caption */
   caption: string;
+  /** Heading */
+  heading: string;
   /** Copyright */
   copyright: string;
   /** Current scene */
@@ -20,6 +22,10 @@ export declare class StzhPanorama {
   autoload: boolean;
   /** 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. */
   orientationOnByDefault: boolean;
+  /** If set to false, moving/paning/zooming controls will be hidden. e.g. when embedding the panorama into content columns. */
+  showControls: boolean;
+  /** If set to false, hotspots will be hidden. e.g. when embedding the panorama into content columns. */
+  showHotspots: boolean;
   /**
    * Available scenes
    *

package/dist/types/components/stzh-panorama/stzh-panorama.localization.d.ts

@@ -13,6 +13,7 @@ export type StzhPanoramaLocalizedText = StzhLocaleComponent & {
   zoomIn: string;
   zoomOut: string;
   by: string;
+  moreInformation: string;
   loadButtonLabel: string;
   loadingLabel: string;
   bylineLabel: string;

package/dist/types/components/stzh-pi-content-navigation/stzh-pi-content-navigation.d.ts

@@ -0,0 +1,36 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhPiCardNavigationClickEvent } from "../../index";
+/**
+ * @slot heading - Heading text (alternative for heading property)
+ * @slot lead - Lead text (alternative for lead property)
+ * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)
+ */
+export declare class StzhPiContentNavigation {
+  /** Href of card */
+  href: string;
+  /** target if the button is used as link (if href used)  */
+  target: string;
+  /**
+   * For Adobe Analytics.
+   * Will be rendered as value of `s-object-id` attribute to the link elements.
+   * Default value will be taken from `heading` prop/slot.
+   */
+  analyticsId: string;
+  /** Content navigation level */
+  navigationLevel: "1" | "2" | "3" | "4";
+  /** Heading (alternative for heading slot) */
+  heading: string;
+  /** Heading level */
+  headingLevel: "1" | "2" | "3" | "4";
+  /** Lead text (alternative for lead slot) */
+  lead: string;
+  element: HTMLStzhListElement;
+  /** Click event (if href is used) */
+  stzhClick: EventEmitter<StzhPiCardNavigationClickEvent>;
+  private titleLinkElement;
+  private headingTextElement;
+  private handleCardClick;
+  componentDidRender(): void;
+  renderHeading(): DocumentFragment;
+  render(): any;
+}

package/dist/types/components/stzh-pi-menu/stzh-pi-menu.d.ts

@@ -0,0 +1,62 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhPiMenuClosedEvent, StzhPiMenuCloseEvent, StzhPiMenuItemClickEvent, StzhPiMenuOpenedEvent, StzhPiMenuOpenEvent, StzhPiPagetitleMenuItem } from "../../index";
+import { StzhPiMenuLocalization } from "./stzh-pi-menu.localization";
+export declare class StzhPiMenu {
+  /** Translation strings */
+  localization: StzhPiMenuLocalization;
+  /** Breakout from layout */
+  breakout: boolean;
+  /** Menu navigation items */
+  menuItems: StzhPiPagetitleMenuItem[] | string;
+  private _menuItems;
+  /** Whether fold is open */
+  open: boolean;
+  /** Heading title */
+  heading: string;
+  /** Heading title */
+  subheading: string;
+  /** Heading level, for accessibility, no visual impact */
+  headingLevel: "1" | "2" | "3" | "4";
+  /**
+   * For Adobe Analytics.
+   * Will be rendered as value of `s-object-id` attribute to the button element.
+   * Default value will be taken from `heading` prop.
+   */
+  analyticsId: string;
+  element: HTMLStzhPiMenuElement;
+  /** Open event */
+  stzhOpen: EventEmitter<StzhPiMenuOpenEvent>;
+  /** Opened event (after animation) */
+  stzhOpened: EventEmitter<StzhPiMenuOpenedEvent>;
+  /** Close event */
+  stzhClose: EventEmitter<StzhPiMenuCloseEvent>;
+  /** Closed event (after animation) */
+  stzhClosed: EventEmitter<StzhPiMenuClosedEvent>;
+  /** Metanav item click event */
+  stzhMenuItemClick: EventEmitter<StzhPiMenuItemClickEvent>;
+  menuItemsWatcher(newValue: StzhPiPagetitleMenuItem[] | string): void;
+  openWatcher(newValue: boolean): Promise<void>;
+  /** Show piMenu item content */
+  show(): Promise<void>;
+  /** Hide content */
+  hide(): Promise<void>;
+  /** Toggle piMenu item content */
+  toggle(): Promise<void>;
+  rootTabindex: number;
+  private toggledByMethod;
+  private bodyElement;
+  private buttonElement;
+  private headingElement;
+  private piMenuId;
+  private focusedByInput;
+  isSmallOrMedium: boolean;
+  private mediaChangeHandler;
+  private handleHeaderClick;
+  private onRootFocus;
+  private handleMenuItemClick;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  connectedCallback(): Promise<void>;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/stzh-pi-menu/stzh-pi-menu.localization.d.ts

@@ -0,0 +1,4 @@
+import { StzhLocaleComponent } from "../../utils/translation-utils";
+export type StzhPiMenuLocalization = StzhLocaleComponent & {
+  menuLabel: string;
+};

package/dist/types/components/stzh-pi-pagetitle/stzh-pi-pagetitle.d.ts

@@ -0,0 +1,20 @@
+/**
+ * @slot heading - Slot for `stzh-heading` element
+ * @slot image - Slot for `stzh-figure` or `img` element
+ * @slot lead - Slot for `stzh-text` element
+ * @slot readspeaker - Slot for `stzh-readspeaker` element
+ */
+export declare class StzhPiPagetitle {
+  /** Level */
+  level: 1 | 2 | 3 | 4;
+  /** Author of the content */
+  author: string;
+  /** Date of the content */
+  date: string;
+  element: HTMLStzhPiPagetitleElement;
+  private init;
+  handleLevelChange(level: number): void;
+  componentDidLoad(): Promise<void>;
+  connectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/stzh-pi-quote/stzh-pi-quote.d.ts

@@ -0,0 +1,5 @@
+export declare class StzhPiQuote {
+  element: HTMLStzhListElement;
+  text: string;
+  render(): any;
+}

package/dist/types/components/stzh-pi-teaser/stzh-pi-teaser.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhPiTeaserClickEvent } from "../../index";
+/**
+ * @slot heading - Heading text (alternative for heading property)
+ * @slot lead - Lead text (alternative for lead property)
+ * @slot image - Image (rendered within ratio 2:1, hence the different slot name to prevent naming collision)
+ */
+export declare class StzhPiTeaser {
+  /** Href of card */
+  href: string;
+  /** target if the button is used as link (if href used)  */
+  target: string;
+  /**
+   * For Adobe Analytics.
+   * Will be rendered as value of `s-object-id` attribute to the link elements.
+   * Default value will be taken from `heading` prop/slot.
+   */
+  analyticsId: string;
+  /** Dateline */
+  dateline: string;
+  /** Heading (alternative for heading slot) */
+  heading: string;
+  /** Heading level */
+  headingLevel: "1" | "2" | "3" | "4";
+  /** Lead text (alternative for lead slot) */
+  lead: string;
+  /** Date */
+  date: string;
+  element: HTMLStzhListElement;
+  /** Click event (if href is used) */
+  stzhClick: EventEmitter<StzhPiTeaserClickEvent>;
+  private titleLinkElement;
+  private headingTextElement;
+  private handleCardClick;
+  componentDidRender(): void;
+  renderHeading(): DocumentFragment;
+  render(): any;
+}

package/dist/types/components/stzh-progressbar/stzh-progressbar.d.ts

@@ -34,6 +34,10 @@ export declare class StzhProgressbar {
   stepsLarge: number;
   /** Number of steps to show above ultra breakpoint */
   stepsUltra: number;
+  /**
+   * Whether all the progressbar-items are clickable.
+   */
+  clickDisabled: boolean;
   currentSteps: number;
   element: HTMLStzhProgressbarElement;
   /**

package/dist/types/components/stzh-progressbar-item/stzh-progressbar-item.d.ts

@@ -14,6 +14,10 @@ export declare class StzhProgressbarItem {
   dotted: boolean;
   step: number;
   icon: string;
+  /**
+   * Whether the progressbar-item is clickable.
+   */
+  clickDisabled: boolean;
   /**
    * For Adobe Analytics.
    * Will be rendered as value of `s-object-id` attribute to the button element.

package/dist/types/components/stzh-radio/stzh-radio.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhRadioChangeEvent, StzhRadioFocusEvent, StzhRadioBlurEvent } from "../../index";
+import { StzhRadioBlurEvent, StzhRadioChangeEvent, StzhRadioFocusEvent } from "../../index";
 import { StzhLocaleComponent } from "../../utils/translation-utils";
 /**
  * @slot - Slot for label content
@@ -21,7 +21,7 @@ export declare class StzhRadio {
   invalid: boolean;
   /** Required status */
   required: boolean;
-  /** Hide `(optional)` label (or use `required` inside form ot hide it) */
+  /** Hide `(optional)` label (or use `required` inside form to hide it) */
   hideOptional: boolean;
   /** Checked status */
   checked: boolean;

package/dist/types/components/stzh-radiogroup/stzh-radiogroup.d.ts

@@ -22,7 +22,7 @@ export declare class StzhRadiogroup {
   invalid: boolean;
   /** Required status */
   required: boolean;
-  /** Hide `(optional)` label (or use `required` inside form ot hide it) */
+  /** Hide `(optional)` label (or use `required` inside form to hide it) */
   hideOptional: boolean;
   /** Select a radio by value */
   value: string;

package/dist/types/components/stzh-search/stzh-search.d.ts

@@ -1,4 +1,5 @@
-import { StzhSearchResult } from "../../index";
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhSearchChipsResult, StzhSearchOverlayCloseClickEvent, StzhSearchResult } from "../../index";
 import { StzhSearchLocalizedText } from "./stzh-search.localization";
 /**
  * @slot filters-main - Slot for main filters
@@ -9,6 +10,8 @@ export declare class StzhSearch {
   localization: StzhSearchLocalizedText;
   /** Variant */
   variant: "default" | "teaser";
+  /** Whether it should be rendered as overlay or not. */
+  breakout: boolean;
   /** Whether search results should be automatically fetched when a main filters has changed. */
   autofetchMainFilters: boolean;
   /** Whether search results should be automatically fetched when a aside filters has changed. */
@@ -41,6 +44,8 @@ export declare class StzhSearch {
   resultHeadingLevel: "1" | "2" | "3" | "4";
   /** Empty text */
   emptyText: string;
+  /** Empty text */
+  heading: string;
   /** Empty link href */
   emptyLinkHref: string;
   /** Empty link label */
@@ -53,11 +58,15 @@ export declare class StzhSearch {
   loading: boolean;
   error: string;
   results: StzhSearchResult[];
+  chipResultsHeading: string;
+  chipResults: StzhSearchChipsResult[];
   resultsHeading: string;
   hasRequiredParams: boolean;
   firstFetched: boolean;
   initiallyFetched: boolean;
   isDetailsOpen: boolean;
+  /** Search overlay close click event */
+  stzhOverlayCloseClick: EventEmitter<StzhSearchOverlayCloseClickEvent>;
   private currentController;
   private params;
   private formElement;
@@ -71,6 +80,7 @@ export declare class StzhSearch {
   private handleMoreClick;
   private handleMediaChange;
   private handleFormReset;
+  private handleOverlayCloseClick;
   componentDidLoad(): Promise<void>;
   componentWillLoad(): Promise<void>;
   connectedCallback(): void;

package/dist/types/components/stzh-section/stzh-section.d.ts

@@ -4,7 +4,7 @@
  */
 export declare class StzhSection {
   /** Variant */
-  variant: "default" | "highlight";
+  variant: "default" | "highlight" | "contextbox";
   /** Background color */
   background: "default" | "secondary";
   /** Margin top spacing */

package/dist/types/components/stzh-textandimage/stzh-textandimage.d.ts

@@ -5,6 +5,8 @@
 export declare class StzhTextandimage {
   /** Size variant */
   size: "default" | "small" | "large";
+  /** Image position */
+  imagePosition: "left" | "right";
   element: HTMLStzhTextandimageElement;
   private observer;
   private init;

package/dist/types/components/stzh-timepicker/stzh-timepicker.d.ts

@@ -40,7 +40,7 @@ export declare class StzhTimepicker {
   invalid: boolean;
   /** Required status */
   required: boolean;
-  /** Hide `(optional)` label (or use `required` inside form ot hide it) */
+  /** Hide `(optional)` label (or use `required` inside form to hide it) */
   hideOptional: boolean;
   /** Size variant */
   size: "default" | "small";

package/dist/types/components/stzh-toggle/stzh-toggle.d.ts

@@ -21,7 +21,7 @@ export declare class StzhToggle {
   invalid: boolean;
   /** Required status */
   required: boolean;
-  /** Hide `(optional)` label (or use `required` inside form ot hide it) */
+  /** Hide `(optional)` label (or use `required` inside form to hide it) */
   hideOptional: boolean;
   /** Checked status */
   checked: boolean;

package/dist/types/components/stzh-tooltip/stzh-tooltip.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhTooltipOpenEvent, StzhTooltipOpenedEvent, StzhTooltipCloseEvent, StzhTooltipClosedEvent } from "../../index";
+import { StzhTooltipClosedEvent, StzhTooltipCloseEvent, StzhTooltipOpenedEvent, StzhTooltipOpenEvent } from "../../index";
 import { Placement } from "@floating-ui/dom";
 import { StzhTooltipLocalizedText } from "./stzh-tooltip.localization";
 /**
@@ -17,6 +17,8 @@ export declare class StzhTooltip {
   placement: Placement;
   /** Position strategy */
   strategy: "absolute" | "fixed";
+  /** Visual type */
+  type: "overlay" | "button";
   /** Shifting of tooltip content */
   size: "default" | "small";
   /** Shifting of tooltip content */

package/dist/types/components/stzh-upload/stzh-upload.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhUploadFilesItem, StzhUploadFileAddedEvent, StzhUploadFilesAddedEvent, StzhUploadFileRemoveEvent, StzhUploadFileRemovedEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent, StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent } from "../../index";
-import { StzhUploadLocalizedText } from './stzh-upload.localization';
+import { StzhUploadCanceledEvent, StzhUploadCanceledMultipleEvent, StzhUploadCompleteEvent, StzhUploadCompleteMultipleEvent, StzhUploadErrorEvent, StzhUploadErrorMultipleEvent, StzhUploadFileAddedEvent, StzhUploadFileRemovedEvent, StzhUploadFileRemoveEvent, StzhUploadFilesAddedEvent, StzhUploadFilesItem, StzhUploadProcessingEvent, StzhUploadProcessingMultipleEvent, StzhUploadProgressEvent, StzhUploadProgressTotalEvent, StzhUploadSendingEvent, StzhUploadSendingMultipleEvent, StzhUploadSuccessEvent, StzhUploadSuccessMultipleEvent } from "../../index";
+import { StzhUploadLocalizedText } from "./stzh-upload.localization";
 import "../../libraries/dropzone/dropzone";
 /**
  * @slot error - Slot for error