@oiz/stzh-components 2.11.1 → 2.12.0-beta1

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

@@ -1,88 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhLinkFocusEvent, StzhLinkBlurEvent } from "../../index";
-import { StzhLocaleComponent } from "../../utils/translation-utils";
-/**
- * @slot - Slot for text content
- * @slot icon - Slot for icon element
- */
-export declare class StzhLink {
-  /** Translation strings */
-  localization: StzhLocaleComponent;
-  /** Icon (use instead of icon slot) */
-  icon: string;
-  /** Icon Position */
-  iconPosition: "left" | "right";
-  /** Size variant */
-  size: "default" | "small" | "inherit";
-  /** href attribute of the link */
-  href: string;
-  /** Rel (if href is used) */
-  rel: string;
-  /** target if the button is used as link (if href used)  */
-  target: string;
-  /** Download attribute of link (if `href` used) */
-  download: string;
-  /** type of the button, if used as button (if no href used) */
-  type: "button" | "submit" | "reset";
-  /** Variant style */
-  variant: "default" | "secondary";
-  /** Whether the link is full width */
-  fullwidth: boolean;
-  /** Text alignment */
-  textAlign: "left" | "center" | "right" | "space-between" | "default";
-  /** Badge text */
-  badge: string;
-  /** Badge type */
-  badgeType: "default" | "success" | "warning" | "error" | "info";
-  /** Whether badge should be displayed empty */
-  badgeEmpty: boolean;
-  /** Badge position */
-  badgePosition: "icon" | "link";
-  /** Disabled status */
-  disabled: boolean;
-  /** Active status */
-  active: boolean;
-  /** Whether only an icon is used inside the link */
-  iconOnly: boolean;
-  /** Label */
-  label: string;
-  /** Access key of link (usually a number e.g. 1) */
-  linkAccesskey: string;
-  /** Accessible label for screen readers to replace visible text */
-  a11yLabel: string;
-  /** Id for element which describes the button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
-  a11yDescribedby: string;
-  /** Aria expanded of link/button */
-  a11yExpanded: boolean;
-  /** Aria disabled of link/button */
-  a11yDisabled: boolean;
-  /** Aria controls of link/button */
-  a11yControls: string;
-  /** Tabindex of link/button */
-  a11yTabindex: 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;
-  element: HTMLStzhLinkElement;
-  /** Focus link */
-  setFocus(): Promise<void>;
-  /** Focus event */
-  stzhFocus: EventEmitter<StzhLinkFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhLinkBlurEvent>;
-  private link;
-  private text;
-  private focusedByInput;
-  private onRootFocus;
-  private onFocus;
-  private onBlur;
-  private renderIcon;
-  private renderContent;
-  private renderInner;
-  componentWillLoad(): Promise<void>;
-  componentDidRender(): void;
-  render(): any;
-}

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

@@ -1,9 +0,0 @@
-/**
- * @slot - Slot for `stzh-list-item`
- */
-export declare class StzhList {
-  /** Variant */
-  variant: "unordered" | "ordered" | "checklist";
-  element: HTMLStzhListElement;
-  render(): any;
-}

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

@@ -1,7 +0,0 @@
-/**
- * @slot - Slot for text
- */
-export declare class StzhListItem {
-  element: HTMLStzhListItemElement;
-  render(): any;
-}

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

@@ -1,13 +0,0 @@
-/**
- * @slot - Slot for label/text content
- */
-export declare class StzhLoader {
-  /** Size */
-  size: "default" | "small";
-  /** Label */
-  label: string;
-  /** Hide label text visually (still anounced for screenreaders) */
-  hideLabel: boolean;
-  element: HTMLStzhInputElement;
-  render(): any;
-}

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

@@ -1,12 +0,0 @@
-/**
- */
-export declare class StzhLoadingbar {
-  /** Percent */
-  percent: number;
-  /** Whether to hide/show percent */
-  hidePercent: boolean;
-  /** Label */
-  label: string;
-  element: HTMLStzhLoadingbarElement;
-  render(): any;
-}

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

@@ -1,9 +0,0 @@
-/**
- *
- */
-export declare class StzhLogo {
-  /** Type */
-  type: "none" | "stzh" | "vbz" | "aoz" | "pkzh" | "uvz";
-  element: HTMLStzhFigureElement;
-  render(): any;
-}

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

@@ -1,50 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhMenuItemFocusEvent, StzhMenuItemBlurEvent } from "../../index";
-/**
- * @slot - Slot for any content
- * @slot icon - Slot for `stzh-icon` element
- */
-export declare class StzhMenuItem {
-  /** Badge (only displayed if `icon` property or icon slot is used) */
-  badge: string;
-  /** Badge type */
-  badgeType: "default" | "success" | "warning" | "error" | "info";
-  /** Whether badge should be displayed empty */
-  badgeEmpty: boolean;
-  /** Whether the button is disabled */
-  disabled: boolean;
-  /** Whether the button is active */
-  active: boolean;
-  /** Icon (use instead of icon slot) */
-  icon: string;
-  /** Label */
-  label: string;
-  /** `href` if the button should be used as link  */
-  href: string;
-  /** Target if the button is used as link (if `href` used)  */
-  target: string;
-  /** Accessible label for screen readers to replace visible text */
-  a11yLabel: 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;
-  element: HTMLStzhMenuItemElement;
-  /** Focus menu item */
-  setFocus(): Promise<void>;
-  /** Focus event */
-  stzhFocus: EventEmitter<StzhMenuItemFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhMenuItemBlurEvent>;
-  private menuItem;
-  private text;
-  private focusedByInput;
-  private onRootFocus;
-  private onFocus;
-  private onBlur;
-  componentDidRender(): void;
-  private renderInner;
-  render(): any;
-}

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

@@ -1,37 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhMessageOpenEvent, StzhMessageCloseEvent } from "../../index";
-import { StzhMessageLocalizedText } from "./stzh-message.localization";
-/**
- * @slot - Slot for description content (use instead of description property)
-  * @slot link - Slot for optional stzh-link element
- */
-export declare class StzhMessage {
-  /** Label */
-  label: string;
-  /** Description (use instead of default slot) */
-  description: string;
-  /**
-   * Close cookie name key.
-   * Component will check for the cookie (stzh-components-message-close-{name})
-   * and if not empty (message already closed before) will hide the message.
-   */
-  closeKey: string;
-  /** Type */
-  type: "info" | "success" | "warning" | "error";
-  /** Whether to hide close button */
-  hideClose: boolean;
-  /** Translation strings. */
-  localization: StzhMessageLocalizedText;
-  /** Message open event */
-  stzhOpen: EventEmitter<StzhMessageOpenEvent>;
-  /** Message close event */
-  stzhClose: EventEmitter<StzhMessageCloseEvent>;
-  element: HTMLStzhMessageElement;
-  /** Open state */
-  open: boolean;
-  show(): Promise<void>;
-  hide(setCloseKey?: boolean): Promise<void>;
-  private onCloseButtonClick;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

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

package/dist/types/components/stzh-microsite-teaserlist/stzh-microsite-teaserlist.d.ts

@@ -1,33 +0,0 @@
-import { StzhMicrositeTeaserlistLocalizedText } from './stzh-microsite-teaserlist.localization';
-import { StzhMicrositeTeaserlistTag } from "../../index";
-/**
- * @see https://www.stadt-zuerich.ch/site/fuer-zueri/de/index.html
- * @see https://www.stadt-zuerich.ch/site/iazh/de/index.html
- */
-export declare class StzhMicrositeTeaserlist {
-  /** Translation strings */
-  localization: StzhMicrositeTeaserlistLocalizedText;
-  /** API URL (`{lang}` is replaced in the URL)  */
-  api: string;
-  /** Tags */
-  tags: string | StzhMicrositeTeaserlistTag[];
-  private _tags;
-  private _tagChips;
-  /** Numbers of item shown with each load more action */
-  stepItems: number;
-  element: HTMLStzhMicrositeTeaserlistElement;
-  /** Numbers of items currently shown */
-  showItems: number;
-  /** Active filter */
-  activeFilter: string;
-  filterHandler(): Promise<void>;
-  tagsWatcher(newValue: string | StzhMicrositeTeaserlistTag[]): Promise<void>;
-  apiWatcher(newValue: string): Promise<void>;
-  private items;
-  private filteredItems;
-  private filteredSlicedItems;
-  private handleChange;
-  private handleMoreClick;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

@@ -1,98 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhMonthyearpickerChangeEvent } from "../../index";
-import { StzhMonthyearpickerLocalizedText } from "./stzh-monthyearpicker.localization";
-/**
- */
-export declare class StzhMonthyearpicker {
-  /** Initial open state of month dropdown */
-  monthOpen: boolean;
-  /** Initial open state of year dropdown */
-  yearOpen: boolean;
-  /** Set which months to show (overwrites months from min/max) */
-  months: number[] | string;
-  private _months;
-  /** Set which years to show (overwrites years from min/max) */
-  years: number[] | string;
-  private _years;
-  /**
-   * Minimum month and year allowed to be picked in `YYYY-MM` format.
-   * This setting can be used alone or together with the `max` property.
-   */
-  min: string;
-  /**
-   * Maximum month and year allowed to be picked in `YYYY-MM` format.
-   * This setting can be used alone or together with the `min` property.
-   */
-  max: string;
-  /**
-   * Minimum year (will be overwritten if `min` is used).
-   * This setting can be used alone or together with the `maxYear` property.
-   */
-  minYear: number;
-  /**
-   * Maximum year (will be overwritten if `max` is used).
-   * This setting can be used alone or together with the `minYear` property.
-   */
-  maxYear: number;
-  /** Picker format. */
-  format: "default" | "creditcard";
-  /** Name of the hidden date picker input. */
-  name: string;
-  /** Value of hidden input (current selected year and month YYYY-MM). */
-  value: string;
-  /** Popover placement for the dropdown (if applicable) */
-  popoverPlacement: "bottom" | "bottom-end" | "bottom-center" | "top" | "top-end" | "top-center";
-  /** Month dropdown label */
-  monthLabel: string;
-  /** Year dropdown label */
-  yearLabel: string;
-  /** Whether the element is readonly or not */
-  readonly: boolean;
-  /** Whether the element is disabled or not */
-  disabled: 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";
-  /** Description message for month */
-  descriptionMonth: string;
-  /** Description message for year */
-  descriptionYear: string;
-  /** Long description message appearing in a popover for month */
-  descriptionLongMonth: string;
-  /** Long description message appearing in a popover for year */
-  descriptionLongYear: string;
-  /** One or multiple error message for month */
-  errorMonth: string | string[];
-  /** One or multiple error message for year */
-  errorYear: string | string[];
-  /** Invalid status for month */
-  invalidMonth: boolean;
-  /** Invalid status for year */
-  invalidYear: boolean;
-  /** Id of the element which describes the month dropdown */
-  a11yDescribedbyMonth: string;
-  /** Id of the element which describes the year dropdown */
-  a11yDescribedbyYear: string;
-  /**  Translation strings. */
-  localization: StzhMonthyearpickerLocalizedText;
-  /** Monthyearpicker change event */
-  stzhChange: EventEmitter<StzhMonthyearpickerChangeEvent>;
-  element: HTMLStzhMonthyearpickerElement;
-  monthsWatcher(newValue: number[] | string): void;
-  yearsWatcher(newValue: number[] | string): void;
-  minMaxWatcher(): void;
-  private monthsDropdown;
-  private dropdownMonthOptions;
-  private dropdownYearOptions;
-  private onRootFocus;
-  private onMonthsDropdownChange;
-  private onYearsDropdownChange;
-  private onChange;
-  private updateMonthOptions;
-  private updateYearOptions;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

@@ -1,124 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { OlmapLayer, StzhOlmapInitializedEvent, StzhOlmapPostRenderEvent, StzhOlmapMoveStartEvent, StzhOlmapMoveEndEvent } from "../../index";
-import { StzhOlmapLocalizedText } from "./stzh-olmap.localization";
-/**
- *
- */
-export declare class StzhOlmap {
-  /** Translation strings */
-  localization: StzhOlmapLocalizedText;
-  /** Hostname */
-  hostname: string;
-  /** Whether map scale should be shown */
-  scaleControl: boolean;
-  /** Whether map layer switch control is shown */
-  layerControl: boolean;
-  /** Whether map should be printable */
-  printControl: boolean;
-  /** Whether map should have a location control */
-  locationControl: boolean;
-  /** Active layer (`streets` or `satellite` can be used with default `layers` prop value) */
-  layer: string;
-  /** Initial zoom */
-  zoom: number;
-  /** Zoom set when location is enabled */
-  zoomLocation: number;
-  /** Initial center position */
-  center: string | [number, number];
-  private _center;
-  /** Whether to display an icon marker in the center */
-  centerMarker: boolean;
-  /** Minimal angle in radians to start a rotation */
-  pinchRotateThreshold: number;
-  /** Resolutions */
-  resolutions: string | number[];
-  private _resolutions;
-  /**
-   * Layers (maximum of two).
-   *
-   * Default layers `streets` and `satellite` are defined.
-   * If `streets` or `satellite` is used as key, they will have a default filled `title`.
-   */
-  layers: string | {
-    [key: string]: OlmapLayer;
-  };
-  private _layers;
-  element: HTMLStzhOlmapElement;
-  layersWatcher(newValue: string | {
-    [key: string]: OlmapLayer;
-  }): void;
-  resolutionsWatcher(newValue: string | number[]): void;
-  zoomWatcher(newValue: any): void;
-  scaleControlWatcher(newValue: boolean): void;
-  printControlWatcher(newValue: boolean): void;
-  layerControlWatcher(newValue: boolean): void;
-  locationControlWatcher(newValue: boolean): void;
-  layerWatcher(newValue: string): void;
-  centerWatcher(newValue: string | [number, number]): void;
-  centerMarkerWatcher(newValue: boolean): Promise<void>;
-  /** Get map */
-  getMap(): Promise<any>;
-  /** Add a icon marker to the icon layer. */
-  addIconMarker(coordinates: number[]): Promise<any>;
-  /** Remove icon marker from icon layer. */
-  removeIconMarker(marker: any): Promise<any>;
-  /** Set icon marker as active. */
-  setIconMarkerActive(marker: any): Promise<void>;
-  /** Set icon marker as inactive. */
-  setIconMarkerInactive(marker: any): Promise<void>;
-  /** Enable user location tracking */
-  enableLocationTracking(centerOnFirstGeoPositionChange?: boolean): Promise<void>;
-  /** Disable user location tracking */
-  disableLocationTracking(): Promise<void>;
-  /** Get distance between two points in meters */
-  getDistance(startCoords: any, endCoords: any): Promise<any>;
-  /** Olmap initialized event */
-  stzhInitialized: EventEmitter<StzhOlmapInitializedEvent>;
-  /** Olmap postrender event */
-  stzhPostRender: EventEmitter<StzhOlmapPostRenderEvent>;
-  /** Olmap movestart event */
-  stzhMoveStart: EventEmitter<StzhOlmapMoveStartEvent>;
-  /** Olmap moveend event */
-  stzhMoveEnd: EventEmitter<StzhOlmapMoveEndEvent>;
-  handleLoad(): void;
-  private map;
-  private mapElement;
-  private geolocation;
-  private printIframe;
-  private layersArray;
-  private rasterLayers;
-  private projections;
-  private positionMarkerOl;
-  private centerMarkerOl;
-  private positionLayer;
-  private iconLayer;
-  private geoPositionChanged;
-  private layerControlOl;
-  private layerControlElement;
-  private layerControlTextElement;
-  private layerControlImageElement;
-  private scaleControlOl;
-  private printControlOl;
-  private printControlElement;
-  private locationControlOl;
-  private locationControlElement;
-  private handlePostRender;
-  private handleMoveStart;
-  private handleMoveEnd;
-  private handleInsideModalOpen;
-  private handlePrintButtonClick;
-  private setLocationControlState;
-  private createMap;
-  private createRasterLayer;
-  private createLayerSource;
-  private creatRasterSource;
-  private createIconLayer;
-  private initMap;
-  componentShouldUpdate(_newValue: any, _oldValue: any, prop: string): boolean;
-  componentWillLoad(): Promise<void>;
-  componentWillUpdate(): void;
-  componentDidRender(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,34 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhOverlayOpenEvent, StzhOverlayCloseEvent } from "../../index";
-/**
- * @slot - Slot for any content
- */
-export declare class StzhOverlay {
-  /** Whether overlay is open */
-  open: boolean;
-  /** Stay in original position (true) or move to body (false) */
-  stay: boolean;
-  /** Accessible label for dialog */
-  a11yLabel: string;
-  /** Dialog open event */
-  stzhOpen: EventEmitter<StzhOverlayOpenEvent>;
-  /** Dialog close event */
-  stzhClose: EventEmitter<StzhOverlayCloseEvent>;
-  element: HTMLStzhOverlayElement;
-  show(): Promise<void>;
-  hide(): Promise<void>;
-  private trap;
-  private parentElement;
-  private dialogElement;
-  private getSiblings;
-  private disableSiblings;
-  private enableSiblings;
-  private dialogShown;
-  private dialogHidden;
-  connectedCallback(): void;
-  componentDidRender(): void;
-  componentDidUpdate(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

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

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

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

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

@@ -1,52 +0,0 @@
-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;
-}