@oiz/stzh-components 2.12.0-beta1 → 2.12.0-beta2

package/dist/types/components/stzh-page-skiplinks/stzh-page-skiplinks.d.ts

@@ -0,0 +1,11 @@
+/**
+ * @slot - Slot for `stzh-skiplink` elements
+ */
+export declare class StzhPageSkiplinks {
+  element: HTMLStzhMetanavElement;
+  private observer;
+  private init;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,29 @@
+import { ShareService } from "../../index";
+/**
+ * @slot logo - Slot for a logo image
+ */
+export declare class StzhPagebottom {
+  /** Share Title */
+  shareTitle: string;
+  /** URL of current site (uses full URL by default) */
+  shareUrl: string;
+  /**
+   * Array of enabled share buttons.
+   * Possible services: `facebook` / `twitter` / `linkedin` / `xing` / `mail`
+   */
+  shareServices: ShareService[] | string;
+  /** Whether to show share */
+  shareDisabled: boolean;
+  /** Logo href */
+  logoHref: string;
+  /**
+   * For Adobe Analytics.
+   * Will be rendered as value of `s-object-id` attribute to the logo link element.
+   * Default value will be "Footer Logo"
+   */
+  logoAnalyticsId: string;
+  /** Whether to display border */
+  withBorder: boolean;
+  element: HTMLStzhPagebottomElement;
+  render(): any;
+}

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

@@ -0,0 +1,15 @@
+/**
+ * @slot heading - Slot for `stzh-heading` element
+ * @slot image - Slot for `stzh-figure` or `img` element
+ * @slot lead - Slot for `stzh-text` element
+ * @slot action-left - Slot e.g. for `stzh-readspeaker` or `stzh-link` element
+ * @slot action-right - Slot e.g. for `stzh-readspeaker` or `stzh-link` element
+ */
+export declare class StzhPagetitle {
+  element: HTMLStzhPagetitleElement;
+  private observer;
+  private init;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,25 @@
+/**
+ * @slot image - Slot for `picture` or `img` element
+ * @slot lead - Slot for `stzh-text` element
+ * @slot back-link - Slot for `stzh-link` element
+ */
+export declare class StzhPagetitleHero {
+  /** Heading */
+  heading: string;
+  /** Lead author */
+  leadAuthor: string;
+  /** Subtitle */
+  subtitle: string;
+  element: HTMLStzhPagetitleHeroElement;
+  private fitty;
+  private mainTitleElement;
+  private observer;
+  private destroyFitty;
+  private init;
+  private reinitFitty;
+  componentWillUpdate(): Promise<void>;
+  componentDidRender(): Promise<void>;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

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

@@ -0,0 +1,52 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhPaginationChangeEvent } from "../../index";
+import { StzhPaginationLocalizedText } from "./stzh-pagination.localization";
+/**
+ */
+export declare class StzhPagination {
+  /** Total pages available. */
+  total: number;
+  /** Name of the hidden date picker input. */
+  name: string;
+  /** Current page. */
+  value: number;
+  /** Label for dropdown */
+  label: string;
+  /** Whether label is hidden. */
+  labelHidden: boolean;
+  /** Whether the element is readonly or not */
+  readonly: boolean;
+  /** Whether the element is disabled or not */
+  disabled: boolean;
+  /** 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[];
+  /** 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;
+  /** Size variant */
+  size: "default" | "small";
+  /** Id of the element which describes the input */
+  a11yDescribedby: string;
+  /**  Translation strings. */
+  localization: StzhPaginationLocalizedText;
+  /** Pagination change event */
+  stzhChange: EventEmitter<StzhPaginationChangeEvent>;
+  element: HTMLStzhPaginationElement;
+  /** Set current page to previous */
+  prev(): Promise<void>;
+  /** Set current page to next */
+  next(): Promise<void>;
+  private input;
+  private gotoPage;
+  private onRootFocus;
+  private onInputChange;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,74 @@
+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

@@ -0,0 +1,73 @@
+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

@@ -0,0 +1,12 @@
+/**
+ * @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

@@ -0,0 +1,59 @@
+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;
+  /**
+   * Return infos about rendered progressbar items.
+   * Array of objects including: hide (whether step is hidden)
+   * / passed (whether step has been passed)
+   * / current (whether step is currently active)
+   * / dotted (whether step has dotted style active)
+   * / first|last (whether step is first or last)
+   * / label
+   */
+  getItemData(): Promise<any[]>;
+  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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1,57 @@
+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

@@ -0,0 +1,66 @@
+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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,18 @@
+/**
+ * @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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1,12 @@
+/**
+ * @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

@@ -0,0 +1,21 @@
+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

@@ -0,0 +1,22 @@
+/**
+ * @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;
+}