@oiz/stzh-components 2.11.0-beta1 → 2.11.1

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

@@ -0,0 +1,175 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhCarouselSlideStartEvent, StzhCarouselSlidePassedEvent, StzhCarouselSlideEndEvent } from "../../index";
+import { StzhCarouselLocalizedText } from "./stzh-carousel.localization";
+/**
+ * @slot - Slot any element
+ * @slot actions - Slot for `stzh-actions` element
+ */
+export declare class StzhCarousel {
+  /** Translation strings */
+  localization: StzhCarouselLocalizedText;
+  /** Carousel variant */
+  variant: "default" | "cards";
+  /** Whether carousel is disabled */
+  disabled: boolean;
+  /** Whether to remove inside/outside peek. */
+  noPeek: boolean;
+  /** Slides number */
+  slides: number;
+  /** Slides number above small breakpoint */
+  slidesSmall: number;
+  /** Slides number above medium breakpoint */
+  slidesMedium: number;
+  /** Slides number above large breakpoint */
+  slidesLarge: number;
+  /** Slides number above ultra breakpoint */
+  slidesUltra: number;
+  /** Active slide (readonly) */
+  slide: number;
+  /**
+   * Whether autoplay is enabled.
+   * Gets paused, when user has focus inside carousel element or hovers over it.
+   * Also when reduced motion media query is active or carousel is set disabled.
+   * Gets disabled permanently, when user interacts with carousel manually (clicks prev/next, scrolls or drags)
+   */
+  autoplay: boolean;
+  /** Timeout delay in milliseconds used for autoplay */
+  autoplayTimeout: number;
+  /** Whether scrolling & dragging should be disabled */
+  nonInteractive: boolean;
+  /** Whether drag with mouse should be disabled (still will be able to scroll with wheeling or arrow keys) */
+  preventMouseDrag: boolean;
+  /** Whether autoplay pause should be prevented when user hovers/focuses carousel */
+  preventAutoplayPause: boolean;
+  /** Whether autoplay stop should be prevented when user scroll or drags carousel */
+  preventAutoplayStop: boolean;
+  /**
+   * Enable all slides to be tabbable (will disable prev/next arrows from being tabbable).
+   * By default only the visible slides will be tabbable and the prev/next can be used to change slides
+   * (enabled when `variant` is set to `cards`).
+   */
+  tabThrough: boolean;
+  /** Timeout delay in milliseconds used to catch the end of scroll events */
+  scrollTimeout: number;
+  /** Minimum drag distance that needs to be reached to swipe to next/previous slide(s). */
+  distanceQuickSwipe: number;
+  /** Minimum drag distance that neeeds to be reached to prevent click on slide elements. */
+  distancePreventClick: number;
+  element: HTMLStzhCarouselElement;
+  /** Slide start event */
+  stzhSlideStart: EventEmitter<StzhCarouselSlideStartEvent>;
+  /** Slide passed event */
+  stzhSlidePassed: EventEmitter<StzhCarouselSlidePassedEvent>;
+  /** Slide end event */
+  stzhSlideEnd: EventEmitter<StzhCarouselSlideEndEvent>;
+  /** Scroll to a slide by index */
+  slideTo(index: any, behaviour?: "auto" | "smooth"): Promise<void>;
+  /** Scroll to previous snap point */
+  slideToPrevious(behaviour?: "auto" | "smooth"): Promise<void>;
+  /** Scroll to next snap point */
+  slideToNext(behaviour?: "auto" | "smooth"): Promise<void>;
+  disabledWatcher(): void;
+  preventMouseDragWatcher(): void;
+  autoplayRunningWatcher(): void;
+  snapAlignWatcher(): void;
+  inertWatcher(): void;
+  prevNextNavigationWatcher(): void;
+  prevNextHiddenWatcher(): void;
+  nextPrevDisabledWatcher(): void;
+  nextElementsWatcher(): void;
+  previousElementsWatcher(): void;
+  /** Whether autoplay is currently running */
+  autoplayRunning: boolean;
+  /** Whether autoplay is currently disabled by reduced motion media */
+  autoplayDisabledByMotionMedia: boolean;
+  /** Whether autoplay is currently disabled by mouse */
+  autoplayDisabledByMouse: boolean;
+  /** Whether autoplay is currently disabled by focus */
+  autoplayDisabledByFocus: boolean;
+  /** Whether autoplay is currently disabled by scroll */
+  autoplayDisabledByScroll: boolean;
+  /** Whether autoplay is currently disabled by drag */
+  autoplayDisabledByDrag: boolean;
+  /** Whether user is currently dragging with mouse */
+  dragging: boolean;
+  /** Whether user is currently scrolling */
+  scrolling: boolean;
+  /** Aria live text */
+  ariaLive: string;
+  /** Currently shown slides */
+  currentSlides: number;
+  /** How many slides should be moved currently */
+  currentSwipeSlides: number;
+  /** Slide elements */
+  slideElements: HTMLElement[];
+  /** Previous elements */
+  previousElements: HTMLElement[];
+  /** Next elements */
+  nextElements: HTMLElement[];
+  /** Navigation text elements */
+  navigationTextElements: HTMLElement[];
+  private scrollElement;
+  /** Unique generated id */
+  private carouselId;
+  /** Current scroll position */
+  private slideScrollLeft;
+  /** Flag whether scrolling was done by user or not */
+  private scrolledByAutoplay;
+  /** Timeout ID used to catch the end of scroll events */
+  private scrollTimeoutId;
+  /** Interval ID for autoplay */
+  private autoplayIntervalId;
+  /** Last drag event position */
+  private lastX;
+  /** Where the dragging started */
+  private startX;
+  /** Where the dragging started scroll position */
+  private startScrollLeft;
+  /** Timeout ID for a smooth drag release */
+  private disableTimeoutId;
+  /** Calculated size of a single item */
+  private itemSize;
+  /** Resize observer used to update item size */
+  private resizeObserver;
+  /** Mutation observer used to keep track of slides */
+  private mutationObserver;
+  /** Whether user has just stopped dragging */
+  private stoppedDragging;
+  private scrollToSlide;
+  /** Width of a slide  */
+  private sizingMethod;
+  /**
+   * Calculates the active slide.
+   * The scroll-snap-type property makes sure that the container snaps perfectly to integer multiples.
+   */
+  private calculateSlide;
+  private scrollToPreviousSnapPoint;
+  private scrollToNextSnapPoint;
+  private update;
+  private hasReachedLastSlide;
+  private onReducedMotionMediaChange;
+  private onMouseenter;
+  private onMouseleave;
+  private onFocusin;
+  private onFocusout;
+  private onPreviousClick;
+  private onNextClick;
+  private onSlideResize;
+  private onMutation;
+  private onScroll;
+  private onScrollEnd;
+  private onMediaChange;
+  /** Scroll the slider the appropriate amount of pixels and update the last event position */
+  private mouseMove;
+  /** Clear disable timeout, set up variables and styles and attach the listener. */
+  private startDragging;
+  /** User stopped dragging */
+  private stopDragging;
+  private checkClick;
+  private autoplayInterval;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,15 @@
+/**
+ * @slot caption - Slot for a caption as alternative for attribute
+ */
+export declare class StzhChart {
+  /** Chart id */
+  chartId: string;
+  /** Chart generation function */
+  create: Function;
+  element: HTMLStzhChartElement;
+  createWatcher(): void;
+  private chartElement;
+  private initialized;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -0,0 +1,57 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhCheckboxBlurEvent } from "../../index";
+import { StzhLocaleComponent } from "../../utils/translation-utils";
+/**
+ * @slot - Slot for label content
+ * @slot description - Slot for description
+ * @slot description-long - Slot for long description (in popover)
+ * @slot error - Slot for error
+ */
+export declare class StzhCheckbox {
+  /** Translation strings */
+  localization: StzhLocaleComponent;
+  /** Whether the checkbox is disabled */
+  disabled: boolean;
+  /** Name of the input element */
+  name: string;
+  /** Value of the input element */
+  value: string;
+  /** Invalid status */
+  invalid: boolean;
+  /** Required status */
+  required: boolean;
+  /** Checked status */
+  checked: boolean;
+  /** Label */
+  label: string;
+  /** Description message (use description slot as alternative) */
+  description: string;
+  /** Long description message appearing in a popover (use description-long slot as alternative) */
+  descriptionLong: string;
+  /** Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing */
+  showMarker: boolean;
+  /** One or multiple error message (use error slot as alternative) */
+  error: string | string[];
+  private _error;
+  /** Id for element which describes the input (this will be overwritten if description prop or slot is used) */
+  a11yDescribedby: string;
+  /** Focus input field */
+  setFocus(): Promise<void>;
+  /** Change event */
+  stzhChange: EventEmitter<StzhCheckboxChangeEvent>;
+  /** Focus event */
+  stzhFocus: EventEmitter<StzhCheckboxFocusEvent>;
+  /** Input blur event */
+  stzhBlur: EventEmitter<StzhCheckboxBlurEvent>;
+  errorWatcher(newValue: string | string[]): void;
+  element: HTMLStzhRadioElement;
+  private input;
+  private inputId;
+  private focusedByInput;
+  private onInput;
+  private onRootFocus;
+  private onFocus;
+  private onBlur;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,64 @@
+import { StzhCheckboxChangeEvent } from "../../index";
+import { StzhLocaleComponent } from "../../utils/translation-utils";
+/**
+ * @slot - Slot for `stzh-checkbox` elements
+ * @slot description - Slot for description
+ * @slot description-long - Slot for long description (in popover)
+ * @slot error - Slot for error
+ */
+export declare class StzhCheckboxgroup {
+  /** Translation strings */
+  localization: StzhLocaleComponent;
+  /** Whether the element is disabled or not */
+  disabled: boolean;
+  /** The name of the input checkbox elements */
+  name: string;
+  /** The legend */
+  legend: string;
+  /** Hide legend to show only for screenreaders */
+  hideLegend: boolean;
+  /** Invalid status */
+  invalid: boolean;
+  /** Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing */
+  showMarker: boolean;
+  /** Select a checkbox by value */
+  value: string[] | string;
+  private _value;
+  /** Direction */
+  direction: "vertical" | "horizontal";
+  /** Description message (use description slot as alternative) */
+  description: string;
+  /** Long description message appearing in a popover (use description-long slot as alternative) */
+  descriptionLong: string;
+  /** One or multiple error message (use error slot as alternative) */
+  error: string | string[];
+  private _error;
+  /** Current checked checkbox elements (readonly) */
+  checkedCheckbox: HTMLStzhCheckboxElement[] | null;
+  /** Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid) */
+  preventUpdateProperties: string[] | string;
+  private _preventUpdateProperties;
+  /** Host element */
+  element: HTMLElement;
+  watchName(newValue: string): void;
+  watchDisabled(newValue: boolean): void;
+  watchInvalid(newValue: boolean): void;
+  watchShowMarker(newValue: boolean): void;
+  watchValue(newValue: string[] | string): void;
+  errorWatcher(newValue: string | string[]): void;
+  preventUpdatePropertiesWatcher(newValue: string[] | string): void;
+  onChange(event: CustomEvent<StzhCheckboxChangeEvent>): void;
+  /** Checkbox elements */
+  private checkboxes;
+  private checkboxgroupId;
+  private observer;
+  private updateCheckboxesProperty;
+  private updateCheckedCheckboxByValue;
+  private init;
+  componentWillLoad(): Promise<void>;
+  componentShouldUpdate(_newValue: any, _oldValue: any, prop: string): boolean;
+  componentDidRender(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,74 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhChipClickEvent, StzhChipRemoveEvent, StzhChipFocusEvent, StzhChipBlurEvent } from "../../index";
+/**
+ * @slot - Slot for label
+ * @slot icon - Slot for icon
+ */
+export declare class StzhChip {
+  /** Label */
+  label: string;
+  /** Icon (use instead of icon slot) */
+  icon: string;
+  /** `href` if the chip should be used as link  */
+  href: string;
+  /** Target if the button is used as link (if `href` used)  */
+  target: string;
+  /** Whether chip is not interactive */
+  nonInteractive: boolean;
+  /** Whether remove button should be shown */
+  removable: boolean;
+  /** Variant */
+  variant: "tag" | "filter" | "input";
+  /** Size */
+  size: "default" | "small" | "large";
+  /** Type */
+  type: "default" | "secondary" | "important";
+  /** Counter */
+  counter: string;
+  /** Label of remove button for screenreaders */
+  removeLabel: string;
+  /** Active */
+  active: boolean;
+  /** Disabled */
+  disabled: boolean;
+  /** Tabindex of link/button */
+  a11yTabindex: string;
+  /** Accessible label for screen readers to replace visible text */
+  a11yLabel: string;
+  /** Id for element which describes the link/button */
+  a11yDescribedby: string;
+  /**
+   * For Adobe Analytics.
+   * Will be rendered as value of `s-object-id` attribute to the link/button element.
+   * Default value will be taken from `label` prop or default slot.
+   */
+  analyticsId: string;
+  /**
+   * For Adobe Analytics.
+   * Will be rendered as value of `s-object-id` attribute to the remove button element.
+   * Default value will be taken from `removeLabel` prop.
+   */
+  removeAnalyticsId: string;
+  element: HTMLStzhChipElement;
+  /** Focus menu item */
+  setFocus(): Promise<void>;
+  /** Chip click event */
+  stzhClick: EventEmitter<StzhChipClickEvent>;
+  /** Chip remove event */
+  stzhRemove: EventEmitter<StzhChipRemoveEvent>;
+  /** Focus event */
+  stzhFocus: EventEmitter<StzhChipFocusEvent>;
+  /** Input blur event */
+  stzhBlur: EventEmitter<StzhChipBlurEvent>;
+  private chip;
+  private text;
+  private focusedByInput;
+  componentDidRender(): void;
+  private renderInner;
+  private onRootFocus;
+  private onFocus;
+  private onBlur;
+  private onClick;
+  private onRemoveClick;
+  render(): any;
+}

package/dist/types/components/stzh-chip-select/stzh-chip-select.d.ts

@@ -0,0 +1,46 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhChipSelectItem, StzhChipSelectChangeEvent } from "../../index";
+import { StzhLocaleComponent } from "../../utils/translation-utils";
+/**
+ */
+export declare class StzhChipSelect {
+  /** Translation strings */
+  localization: StzhLocaleComponent;
+  /** The list of chips */
+  data: string | StzhChipSelectItem[];
+  private _data;
+  private _dataDropdown;
+  /** The name of the input element */
+  name: string;
+  /** Label */
+  label: string;
+  /** Value */
+  value: string;
+  /** Description message (use description slot as alternative) */
+  description: string;
+  /** Long description message appearing in a popover (use description-long slot as alternative) */
+  descriptionLong: string;
+  /** One or multiple error message (use error slot as alternative) */
+  error: string | string[];
+  private _error;
+  /** Invalid status */
+  invalid: boolean;
+  /** Required status */
+  required: boolean;
+  /** Whether all chips are disabled or not */
+  disabled: boolean;
+  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
+  a11yDescribedby: string;
+  activeFocusOptionIndex: number;
+  element: HTMLStzhChipSelectElement;
+  /** Change event */
+  stzhChange: EventEmitter<StzhChipSelectChangeEvent>;
+  dataWatcher(newValue: StzhChipSelectItem[] | string): void;
+  errorWatcher(newValue: string | string[]): void;
+  private id;
+  private handleChipClick;
+  private handleDropdownChange;
+  private handleKeydown;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,49 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhClampClampEvent, StzhClampExpandEvent } from "../../index";
+import { StzhClampLocalizedText } from "./stzh-clamp.localization";
+/**
+ *
+ */
+export declare class StzhClamp {
+  /** Translation strings */
+  localization: StzhClampLocalizedText;
+  /** Line number */
+  lines: number;
+  /** Line number above small breakpoint */
+  linesSmall: number;
+  /** Line number above medium breakpoint */
+  linesMedium: number;
+  /** Line number above large breakpoint */
+  linesLarge: number;
+  /** Line number above ultra breakpoint */
+  linesUltra: number;
+  /** Whether expand link is shown */
+  showExpandLink: boolean;
+  /** Whether clamping is expanded */
+  expanded: boolean;
+  /** Whether the text is currently clamped (readonly) */
+  clamped: boolean;
+  element: HTMLStzhClampElement;
+  /** Event when clamping state changed */
+  stzhClamp: EventEmitter<StzhClampClampEvent>;
+  /** Event when expanding state changed */
+  stzhExpand: EventEmitter<StzhClampExpandEvent>;
+  update(): Promise<void>;
+  private textElement;
+  private textCloneElement;
+  private debounceResize;
+  private resizeObserver;
+  private mutationObserver;
+  private renderPromiseResolve;
+  private updateClamped;
+  private handleResize;
+  private handleMutaton;
+  private handleExpandClick;
+  waitForNextRender(): Promise<unknown>;
+  componentWillLoad(): Promise<void>;
+  componentDidLoad(): void;
+  componentDidRender(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,54 @@
+import { ContactNumber, StzhContactAvailabilityItem } from "../../index";
+/**
+ * @slot image - slot for image
+ * @slot address - slot for address (alternative for `address` property or separate properties `street`, `streetInfo`, `postalCode` & `location`)
+ */
+export declare class StzhContact {
+  /** Type */
+  type: "Organization" | "Person";
+  /** Heading */
+  heading: string;
+  /** Main heading */
+  mainHeading: string;
+  /** Name */
+  name: string;
+  /** Address (alternative for address slot or separate properties `street`, `streetInfo`, `postalCode` & `location`) */
+  address: string;
+  /** Street */
+  street: string;
+  /** Additional street info */
+  streetInfo: string;
+  /** Postal code */
+  postalCode: string;
+  /** Location / city */
+  location: string;
+  /**
+   * Numbers
+   * Array of objects that can include the attributes `type` = `tel`|`fax`, `label`, `number`
+   * and optionally `analyticsId` for setting `s-object-id` to the link element
+   * (for Adobe Analytics, default value is `label` and `number`).
+   */
+  numbers: ContactNumber[] | string;
+  private _numbers;
+  /** Post office box heading */
+  poBoxHeading: string;
+  /** Post office box title */
+  poboxTitle: string;
+  /** Post office box postal code */
+  poboxPostalCode: string;
+  /** Post office box location / city */
+  poboxLocation: string;
+  /** Availability title */
+  availabilityTitle: string;
+  /** Availability times */
+  availability: string | StzhContactAvailabilityItem[];
+  private _availability;
+  private availabilityDataItems;
+  /** Whether to display border or not */
+  withBorder: boolean;
+  availabilityWatcher(newValue: string | StzhContactAvailabilityItem[]): void;
+  numbersWatcher(newValue: ContactNumber[] | string): void;
+  element: HTMLStzhFigureElement;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,51 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhDatalistItemEntry, StzhDatalistDirectionChangeEvent, StzhDatalistHideBorderChangeEvent } from "../../index";
+/**
+ */
+export declare class StzhDatalist {
+  /** Direction */
+  direction: "vertical" | "horizontal";
+  /** Direction above small breakpoint */
+  directionSmall: "vertical" | "horizontal" | "inherit";
+  /** Direction above medium breakpoint  */
+  directionMedium: "vertical" | "horizontal" | "inherit";
+  /** Direction above large breakpoint  */
+  directionLarge: "vertical" | "horizontal" | "inherit";
+  /** Direction above ultra breakpoint  */
+  directionUltra: "vertical" | "horizontal" | "inherit";
+  /** Hide border lines between items */
+  hideBorder: boolean;
+  /**
+   * Whether to disable min-width of datalist item label for the `horizontal` variant.
+   *
+   * If `false`, the default `min-width` is `144px` (for >= 800px) and `120px` (for < 800px).
+   * If `true`, the `min-width` is `none`, so the label column, will have the width of cell with the widest content.
+   *
+   * You can also overwrite the label min-width via CSS with the custom property `--item-label-min-width`.
+   */
+  disableLabelMinWidth: boolean;
+  /** Current direction in use (readonly)  */
+  currentDirection: "vertical" | "horizontal";
+  /**
+   * 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;
+  private _items;
+  /** Direction attribute change event */
+  stzhDirectionChange: EventEmitter<StzhDatalistDirectionChangeEvent>;
+  /** Hide border change event */
+  stzhHideBorderChange: EventEmitter<StzhDatalistHideBorderChangeEvent>;
+  element: HTMLStzhDatalistElement;
+  hideBorderWatcher(newValue: boolean): void;
+  directionWatcher(): void;
+  currentDirectionWatcher(newValue: "vertical" | "horizontal"): void;
+  itemsWatcher(newValue: any[] | string): void;
+  resizeHandler: () => void;
+  componentWillLoad(): Promise<void>;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,62 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhDatalistItemActionClickEvent } from "../../index";
+import { StzhLocaleComponent } from "../../utils/translation-utils";
+/**
+ * @slot - Slot for nested datalist
+ * @slot value - Slot for value (or use value slot instead)
+ */
+export declare class StzhDatalistItem {
+  /** Translation strings */
+  localization: StzhLocaleComponent;
+  /** Direction */
+  direction: "vertical" | "horizontal";
+  /** Link */
+  href: string;
+  /** Rel (if href is used) */
+  rel: string;
+  /** Target (if href is used) */
+  target: string;
+  /** Download attribute of link (if `href` used) */
+  download: string;
+  /** Leading icon */
+  leadingIcon: string;
+  /** 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 */
+  label: string;
+  /** Value (or use value slot instead) */
+  value: string;
+  /** Meta */
+  meta: string;
+  /** Status Label */
+  statusLabel: string;
+  /** Status Type */
+  statusType: "default" | "success" | "warning" | "error" | "info";
+  /** Hide border lines */
+  hideBorder: boolean;
+  /** Aria expanded of link/button */
+  a11yExpanded: boolean;
+  /** Aria controls of link/button */
+  a11yControls: string;
+  /** Whether rel contains external */
+  external: boolean;
+  /** Item action click event */
+  stzhItemActionClick: EventEmitter<StzhDatalistItemActionClickEvent>;
+  element: HTMLStzhDatalistItemElement;
+  externalWatcher(): void;
+  private datalist;
+  private datalistItemId;
+  private actionClick;
+  private handleDirectionChange;
+  private handleHideBorderChange;
+  private renderInner;
+  private renderLeadingIcon;
+  connectedCallback(): Promise<void>;
+  disconnectedCallback(): void;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,6 @@
+/**
+ */
+export declare class StzhDatamessagelist {
+  element: HTMLStzhDatamessagelistElement;
+  render(): any;
+}