@oiz/stzh-components 2.11.1 → 2.12.0-beta1

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

@@ -1,74 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { PanoramaScene, StzhPanoramaLoadEvent, StzhPanoramaChangeEvent, StzhPanoramaFullscreenChangeEvent, StzhPanoramaSceneChangeEvent, StzhPanoramaZoomChangeEvent } from "../../index";
-import { StzhPanoramaLocalizedText } from "./stzh-panorama.localization";
-import "pannellum";
-/**
- *
- */
-export declare class StzhPanorama {
-  /** Translation strings */
-  localization: StzhPanoramaLocalizedText;
-  /** Caption */
-  caption: string;
-  /** Copyright */
-  copyright: string;
-  /** Current scene */
-  scene: string;
-  /** Fade duration on scene change */
-  sceneFadeDuration: number;
-  /** Whether to autoload panorama on pageload */
-  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;
-  /**
-   * Available scenes
-   *
-   * An array of objects including `sceneId`, `imageTitle`, `imageSrc`, optionally `imageAuthor`, `imageType`, `caption`, `pitch`, `yaw`, `hfov` and `hotspots`
-   * `hotspots` can be an array of objects including `pitch`, `yaw`, `type`, `text`, optionally `url`, `id`, `sceneId`, `targetPitch` and `targetYaw`
-   *
-   * See also https://pannellum.org/documentation/reference/
-   */
-  scenes: PanoramaScene[] | string;
-  private _scenes;
-  private _scenesLibrary;
-  element: HTMLStzhFigureElement;
-  /** Get viewer instance */
-  getViewer(): Promise<any>;
-  scenesWatcher(newValue: PanoramaScene[] | string): void;
-  sceneWatcher(newValue: string): void;
-  updateWatcher(): void;
-  /** Load event */
-  stzhLoad: EventEmitter<StzhPanoramaLoadEvent>;
-  /** Change event */
-  stzhChange: EventEmitter<StzhPanoramaChangeEvent>;
-  /** Fullscreen change event */
-  stzhFullscreenChange: EventEmitter<StzhPanoramaFullscreenChangeEvent>;
-  /** Scene change event */
-  stzhSceneChange: EventEmitter<StzhPanoramaSceneChangeEvent>;
-  /** Zoom change event */
-  stzhZoomChange: EventEmitter<StzhPanoramaZoomChangeEvent>;
-  isOrientationSupported: boolean;
-  isOrientationActive: boolean;
-  isFullscreen: boolean;
-  private viewer;
-  private containerElement;
-  private actionRunning;
-  private controlAnimationTime;
-  private createTooltip;
-  private handleSceneDropdownChange;
-  private handleControlsKeydown;
-  private action;
-  private stopOrientation;
-  private startOrientation;
-  private updateOrientationState;
-  /**
-   * Execute a button control action.
-   * If the action is already runing/animating, add the value to the current position and set as new target.
-   */
-  private executeAction;
-  private initViewer;
-  componentWillLoad(): Promise<void>;
-  componentDidRender(): Promise<void>;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,73 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhPopoverOpenEvent, StzhPopoverOpenedEvent, StzhPopoverCloseEvent, StzhPopoverClosedEvent } from "../../index";
-import { Placement } from "@floating-ui/dom";
-import { StzhPopoverLocalizedText } from "./stzh-popover.localization";
-/**
- * @slot - Trigger element for popover
- * @slot content - Any element used as popover content
- * @slot action - `stzh-button` element
- * @slot label - Label for mobile view (alternative for label property)
- */
-export declare class StzhPopover {
-  /** Whether popover should be open */
-  open: boolean;
-  /** Default placement of popover relative to trigger element */
-  placement: Placement;
-  /** Variant */
-  variant: "default" | "tooltip";
-  /** Shifting of popover content */
-  skidding: number;
-  /** Distance from popover content to trigger. "8" when default variant, "16" when tooltip variant (arrow height + 8px). */
-  distance: number;
-  /** Label for mobile view (use label slot as alternative) */
-  label: string;
-  /** Position strategy */
-  strategy: "absolute" | "fixed";
-  /** Translation strings. */
-  localization: StzhPopoverLocalizedText;
-  element: HTMLStzhPopoverElement;
-  /** Popover open event */
-  stzhOpen: EventEmitter<StzhPopoverOpenEvent>;
-  /** Popover opened event (after animation) */
-  stzhOpened: EventEmitter<StzhPopoverOpenedEvent>;
-  /** Popover close event */
-  stzhClose: EventEmitter<StzhPopoverCloseEvent>;
-  /** Popover closed event (after animation) */
-  stzhClosed: EventEmitter<StzhPopoverClosedEvent>;
-  /** Show popover content */
-  show(): Promise<void>;
-  /** Hide popover content */
-  hide(): Promise<void>;
-  /** Toggle popover content */
-  toggle(): Promise<void>;
-  update(): Promise<void>;
-  handleOutsideClick(event: MouseEvent): void;
-  openWatcher(newValue: boolean): Promise<void>;
-  distanceWatcher(newValue: number): void;
-  computedPlacement: Placement;
-  private contentWrapperElement;
-  private contentElement;
-  private arrowElement;
-  private triggerElement;
-  private dialogElement;
-  private autoUpdateCleanup;
-  private initialTouchX;
-  private initialTouchY;
-  private id;
-  private trap;
-  private toggledByMethod;
-  private handleKeydown;
-  private onClickTrigger;
-  private computePosition;
-  private handleTouchStart;
-  private handleTouchEnd;
-  componentWillLoad(): Promise<void>;
-  private popoverShown;
-  private popoverHidden;
-  componentDidRender(): void;
-  componentDidUpdate(): void;
-  componentDidLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,12 +0,0 @@
-/**
- * @slot - Slot for label
- */
-export declare class StzhPrint {
-  element: HTMLStzhPrintElement;
-  private observer;
-  private handleLinkClick;
-  private init;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,49 +0,0 @@
-import { StzhProgressbarDataItem } from '../../index';
-import { StzhProgressbarLocalizedText } from "./stzh-progressbar.localization";
-/**
- * @slot - Slot for any text content
- */
-export declare class StzhProgressbar {
-  /** Translation strings */
-  localization: StzhProgressbarLocalizedText;
-  /**
-   * Step data (JSON array with objects that have `label` attribute and optional:
-   * - `disabled`, if step should be disabled
-   * - `icon`, if icon instead of step number should be displayed):
-   * - `analyticsId`, for Adobe Analytics, rendered as `s-object-id` (default is `label`)
-   *
-   * ```
-   * {
-   *   "label": "Step Label"
-   *   "icon": "clock",
-   *   "disabled": true
-   * }
-   * ```
-   */
-  data: StzhProgressbarDataItem[] | string;
-  private _data;
-  /** Index of the item that be active */
-  index: number;
-  /** Number of steps to show below small breakpoint */
-  steps: number;
-  /** Number of steps to show above small breakpoint */
-  stepsSmall: number;
-  /** Number of steps to show above medium breakpoint */
-  stepsMedium: number;
-  /** Number of steps to show above large breakpoint */
-  stepsLarge: number;
-  /** Number of steps to show above ultra breakpoint */
-  stepsUltra: number;
-  currentSteps: number;
-  element: HTMLStzhProgressbarElement;
-  dataWatcher(newValue: any[] | string): void;
-  private lastItemIndex;
-  private maxStepIndex;
-  private withinLastFewSteps;
-  private getItemAttributes;
-  private setCurrentSteps;
-  componentWillLoad(): Promise<void>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,34 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhProgressbarItemClickEvent, StzhProgressbarItemDottedClickEvent } from '../../index';
-/**
- * @slot - Slot for label (or use label prop)
- */
-export declare class StzhProgressbarItem {
-  label: string;
-  disabled: boolean;
-  first: boolean;
-  last: boolean;
-  passed: boolean;
-  current: boolean;
-  hide: boolean;
-  dotted: boolean;
-  step: number;
-  icon: string;
-  /**
-   * For Adobe Analytics.
-   * Will be rendered as value of `s-object-id` attribute to the button element.
-   * Default value will be taken from `label` prop or default slot.
-   */
-  analyticsId: string;
-  /** Click event */
-  stzhClick: EventEmitter<StzhProgressbarItemClickEvent>;
-  /** Dotted click event */
-  stzhDottedClick: EventEmitter<StzhProgressbarItemDottedClickEvent>;
-  element: HTMLStzhProgressbarItemElement;
-  private button;
-  private text;
-  private onClick;
-  private onDottedClick;
-  componentDidRender(): void;
-  render(): any;
-}

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

@@ -1,57 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhRadioChangeEvent, StzhRadioFocusEvent, StzhRadioBlurEvent } 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 StzhRadio {
-  /** Translation strings */
-  localization: StzhLocaleComponent;
-  /** Whether the element is disabled or not */
-  disabled: boolean;
-  /** The name of the input element */
-  name: string;
-  /** The value of the input element */
-  value: string;
-  /** Invalid status */
-  invalid: boolean;
-  /** Required status */
-  required: boolean;
-  /** Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing */
-  showMarker: 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;
-  /** One or multiple error message (use error slot as alternative) */
-  error: string | string[];
-  private _error;
-  /** Id for element which describes the radio button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
-  a11yDescribedby: string;
-  /** Focus input field */
-  setFocus(): Promise<void>;
-  /** Input change event */
-  stzhChange: EventEmitter<StzhRadioChangeEvent>;
-  /** Input focus event */
-  stzhFocus: EventEmitter<StzhRadioFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhRadioBlurEvent>;
-  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-radiogroup/stzh-radiogroup.d.ts

@@ -1,66 +0,0 @@
-import { StzhRadioChangeEvent } from "../../index";
-import { StzhLocaleComponent } from "../../utils/translation-utils";
-/**
- * @slot - Slot for `stzh-radio`, `stzh-button[type="radio"]` or `stzh-card` elements
- * @slot description - Slot for description
- * @slot description-long - Slot for long description (in popover)
- * @slot error - Slot for error
- */
-export declare class StzhRadiogroup {
-  /** Translation strings */
-  localization: StzhLocaleComponent;
-  /** Whether the element is disabled or not */
-  disabled: boolean;
-  /** The name of the input radio elements, will define the radio group. If you have more than one radio group on a page, every group needs to have its own unique name */
-  name: string;
-  /** The legend */
-  legend: string;
-  /** Hide legend to show only for screenreaders */
-  hideLegend: boolean;
-  /** Invalid status */
-  invalid: boolean;
-  /** Required status */
-  required: boolean;
-  /** Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing */
-  showMarker: boolean;
-  /** Select a radio by value */
-  value: string;
-  /** 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 radio element (readonly) */
-  checkedRadio: HTMLStzhRadioElement | null;
-  /** Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker) */
-  preventUpdateProperties: string[] | string;
-  private _preventUpdateProperties;
-  /** Host element */
-  element: HTMLElement;
-  watchName(newValue: string): void;
-  watchDisabled(newValue: boolean): void;
-  watchInvalid(newValue: boolean): void;
-  watchRequired(newValue: boolean): void;
-  watchValue(newValue: string): void;
-  errorWatcher(newValue: string | string[]): void;
-  preventUpdatePropertiesWatcher(newValue: string[] | string): void;
-  onChange(event: CustomEvent<StzhRadioChangeEvent>): void;
-  /** Radio elements */
-  private radios;
-  private radiogroupId;
-  private observer;
-  private updateRadiosProperty;
-  private updateCheckedRadioByValue;
-  private uncheckRadios;
-  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-ratio/stzh-ratio.d.ts

@@ -1,22 +0,0 @@
-import { Layout } from "../../index";
-/**
- * @slot - Slot for e.g. image or video
- */
-export declare class StzhRatio {
-  /** Aspect ratio */
-  ratio: Layout.Ratio;
-  /** Aspect ratio above small breakpoint */
-  ratioSmall: Layout.Ratio | "inherit";
-  /** Aspect ratio above medium breakpoint */
-  ratioMedium: Layout.Ratio | "inherit";
-  /** Aspect ratio above large breakpoint */
-  ratioLarge: Layout.Ratio | "inherit";
-  /** Aspect ratio above ultra breakpoint */
-  ratioUltra: Layout.Ratio | "inherit";
-  /** Whether aspect ratio is in portrait mode */
-  portrait: boolean;
-  /** Fit mode */
-  fit: "cover" | "contain";
-  element: HTMLStzhRatioElement;
-  render(): any;
-}

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

@@ -1,18 +0,0 @@
-/**
- * @slot - Slot for label
- */
-export declare class StzhReadspeaker {
-  /** RS url of site (e.g. https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=4490&lang=de_de&readid=content&url=https://www.stadt-zuerich.ch/portal/de/index/service/kontakt.html) */
-  href: string;
-  /** RS event ID */
-  eventId: string;
-  element: HTMLStzhReadspeakerElement;
-  addClickEvents(): void;
-  private readspeakerLink;
-  private observer;
-  private onLinkClick;
-  private init;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,22 +0,0 @@
-import { StzhLocaleComponent } from "../../utils/translation-utils";
-/**
- * @slot - Text content that should be styled
- */
-export declare class StzhRichtext {
-  /** Translation strings */
-  localization: StzhLocaleComponent;
-  /** Whether first top margin of first child should be set to 0. */
-  removeFirstMargin: boolean;
-  /** Whether last bottom margin of last child should be set to 0. */
-  removeLastMargin: boolean;
-  /** Selector to recognize external link and attach an icon */
-  externalLinkSelector: string;
-  /** Icon used for marking external links */
-  externalLinkIcon: string;
-  element: HTMLStzhRichtextElement;
-  private externalLinks;
-  private addExternalLinkIcons;
-  componentWillLoad(): Promise<void>;
-  componentDidRender(): void;
-  render(): any;
-}

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

@@ -1,28 +0,0 @@
-import { StzhSaptchaLocalizedText } from './stzh-saptcha.localization';
-/**
- * @slot - Slot for content
- */
-export declare class StzhSaptcha {
-  /** Translation strings */
-  localization: StzhSaptchaLocalizedText;
-  /** Numbers shown to user for selection */
-  numbers: number[] | string;
-  private _numbers;
-  /** The value of the input element */
-  value: string;
-  /** Name of input */
-  name: string;
-  /** One or multiple error message */
-  error: string | string[];
-  private _error;
-  /** Invalid status */
-  invalid: boolean;
-  /** Whether the element is disabled or not */
-  disabled: boolean;
-  element: HTMLStzhSaptchaElement;
-  numbersWatcher(newValue: number[] | string): void;
-  errorWatcher(newValue: string | string[]): void;
-  private saptchaId;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

@@ -1,12 +0,0 @@
-/**
- * @slot - Slot for label
- */
-export declare class StzhScrollup {
-  element: HTMLStzhScrollupElement;
-  private observer;
-  private handleLinkClick;
-  private init;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,21 +0,0 @@
-import { ShareService } from "../../index";
-import { StzhShareLocalizedText } from "./stzh-share.localization";
-/**
- */
-export declare class StzhShare {
-  /** Translation strings */
-  localization: StzhShareLocalizedText;
-  /** URL of current site (uses full URL by default) */
-  url: string;
-  /**
-   * Array of enabled share buttons.
-   * Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`
-   */
-  services: ShareService[] | string;
-  private _services;
-  servicesWatcher(newValue: ShareService[] | string): void;
-  element: HTMLStzhShareElement;
-  private openPopup;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

@@ -1,22 +0,0 @@
-/**
- * @slot - Slot for any content
- */
-export declare class StzhShow {
-  /** Mikro */
-  mikro: boolean;
-  /** Small */
-  small: boolean;
-  /** Medium */
-  medium: boolean;
-  /** Large */
-  large: boolean;
-  /** Ultra */
-  ultra: boolean;
-  /** Hide from date */
-  hideFromDate: Date | string;
-  private _hideFromDate;
-  hideFromDateWatcher(newValue: Date | string): void;
-  element: HTMLStzhShowElement;
-  componentWillLoad(): void;
-  render(): any;
-}

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

@@ -1,14 +0,0 @@
-import { StzhDatalistItemEntry } from "../../index";
-/**
- */
-export declare class StzhSitemap {
-  /**
-   * Items in sitemap
-   * Array of objects that must at least include `value` attribute.
-   * Can optionally contain `label`, `meta`, `icon`, `href` attribute and be nested to display deeper levels:
-   * `[{"value":"Value 1", "label": "Label 1"}, {"value":"Value 2", "label": "Label 2", "items": [...]}]`
-   */
-  items: StzhDatalistItemEntry[] | string;
-  element: HTMLStzhSitemapElement;
-  render(): any;
-}

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

@@ -1,38 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhSkiplinkFocusEvent, StzhSkiplinkBlurEvent } from "../../index";
-/**
- * @slot - Slot for any text content
- */
-export declare class StzhSkiplink {
-  /** Label */
-  label: string;
-  /** href for linking to e.g. id of an element to skip to */
-  href: string;
-  /** Access key of link (usually a number e.g. 1) */
-  linkAccesskey: string;
-  /** Link title for description e.g. how to use skiplink with access key ([ALT + 1]) */
-  linkTitle: string;
-  /**
-   * For Adobe Analytics.
-   * Will be rendered as value of `s-object-id` attribute to the link element.
-   * Default value will be taken from `label` prop or default slot.
-   */
-  analyticsId: string;
-  /** Whether the skiplink is currently focused */
-  focused: boolean;
-  /** Focus event */
-  stzhFocus: EventEmitter<StzhSkiplinkFocusEvent>;
-  /** Blur event */
-  stzhBlur: EventEmitter<StzhSkiplinkBlurEvent>;
-  element: HTMLStzhSkiplinkElement;
-  focusinHandler(): void;
-  focusoutHandler(): void;
-  private link;
-  private text;
-  private focusedByInput;
-  private onRootFocus;
-  private onFocus;
-  private onBlur;
-  componentDidRender(): void;
-  render(): any;
-}

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

@@ -1,59 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhSortableUpdateEvent, StzhSortableDisableEvent } from "../../index";
-import { StzhSortableLocalizedText } from "./stzh-sortable.localization";
-/**
- * @slot - Slot for any elements
- */
-export declare class StzhSortable {
-  /** Translation strings. */
-  localization: StzhSortableLocalizedText;
-  /** Wether sorting is disabled or not */
-  disabled: boolean;
-  /** HTML attribute that is used by the `toArray()` method */
-  dataIdAttribute: string;
-  /** Container  */
-  container: HTMLElement | Function;
-  /** Algorithm how the ghost element will be cloned */
-  ghostClone: Function;
-  /** Filtered elements that should prevent dragging inside the drag item elements */
-  filterElements: any[] | string;
-  private _filterElements;
-  element: HTMLStzhSortableElement;
-  /** Serializes the sortable's item data-id's (dataIdAttr option) into an array of string */
-  toArray(): Promise<string[]>;
-  /** Sorts the elements according to the array */
-  sort(order: String[], useAnimation?: boolean): Promise<any>;
-  /** Move item */
-  moveItem(item: HTMLElement, direction: "up" | "down"): Promise<void>;
-  disabledWatcher(newValue: boolean): void;
-  filterElementsWatcher(newValue: any[] | string): void;
-  /** Update event */
-  stzhUpdate: EventEmitter<StzhSortableUpdateEvent>;
-  /** Disable event */
-  stzhDisable: EventEmitter<StzhSortableDisableEvent>;
-  private sortable;
-  private sortableId;
-  private containerElement;
-  private ariaLiveElement;
-  private observer;
-  private selectedItem;
-  private resetItemOnBlur;
-  private lastIndex;
-  private getContainer;
-  private updateAriaLive;
-  private getIndexOfSelectedItem;
-  private resetActiveItem;
-  private focusItem;
-  private setAttributes;
-  private unsetAttributes;
-  private init;
-  private updated;
-  private onKeydown;
-  private onBlur;
-  componentWillLoad(): Promise<void>;
-  componentWillUpdate(): void;
-  componentDidRender(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,14 +0,0 @@
-/**
- */
-export declare class StzhStatus {
-  /** Percent */
-  percent: number;
-  /** Whether to hide/show loadingbar */
-  withLoadingbar: boolean;
-  /** Label */
-  label: string;
-  /** Type */
-  type: "default" | "success" | "warning" | "error" | "info";
-  element: HTMLStzhStatusElement;
-  render(): any;
-}