@oiz/stzh-components 2.12.0-beta1 → 2.12.0

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

@@ -0,0 +1,104 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhInputChangeEvent, StzhInputChangedEvent, StzhInputFocusEvent, StzhInputBlurEvent } 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
+ * @slot button-right - Slot for right button
+ */
+export declare class StzhInput {
+  /** Translation strings */
+  localization: StzhLocaleComponent;
+  /** Whether the input is a textarea or an input field */
+  multiline: boolean;
+  /** Rows attribute if input element is textarea */
+  rows: number;
+  /** If input field, this defines the type (if `search`, a search icon will be displayed) */
+  type: "text" | "search" | "password" | "email" | "url" | "tel" | "number";
+  /** If input type is number, this will be the step size  */
+  step: number;
+  /** If input type is number, this will be the minimum step number  */
+  min: number;
+  /** If input type is number, this will be the maximum step number  */
+  max: number;
+  /** If input type is number and this property is true, this will show the spin buttons on hover/focus */
+  showSpin: boolean;
+  /** Whether the element is readonly or not */
+  readonly: boolean;
+  /** Whether the element is disabled or not */
+  disabled: boolean;
+  /** Whether clearable button is showing when input field has value and is enabled (button-right slot not usable anymore when true) */
+  clearable: boolean;
+  /** Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing */
+  showMarker: boolean;
+  /** Minimum of characters */
+  minlength: number;
+  /** Maxlength of characters */
+  maxlength: number;
+  /** The name of the input element */
+  name: string;
+  /** The value of the input element */
+  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;
+  /**
+   * Specify inputmode.
+   * See [MDN](https://developer.mozilla.org/de/docs/Web/HTML/Global_attributes/inputmode) for possible values
+   */
+  inputmode: string;
+  /**
+   * Specify what the user agent has to provide as automated assistance.
+   * See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete) for possible values
+   */
+  autocomplete: string;
+  /** Whether autocomplete should be turned off  */
+  noAutocomplete: boolean;
+  /** Label */
+  label: string;
+  /** Whether label should be visually hidden. */
+  labelHidden: boolean;
+  /** Size variant */
+  size: "default" | "small";
+  /** Id for element which describes the input (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
+  a11yDescribedby: string;
+  /** Whether the input is filled or not */
+  filled: boolean;
+  element: HTMLStzhInputElement;
+  /** Focus input field */
+  setFocus(): Promise<void>;
+  /** Input change event */
+  stzhChange: EventEmitter<StzhInputChangeEvent>;
+  /** Input changed event */
+  stzhChanged: EventEmitter<StzhInputChangedEvent>;
+  /** Input focus event */
+  stzhFocus: EventEmitter<StzhInputFocusEvent>;
+  /** Input blur event */
+  stzhBlur: EventEmitter<StzhInputBlurEvent>;
+  valueWatcher(newValue: string): void;
+  errorWatcher(newValue: string | string[]): void;
+  typeWatcher(newValue: string): void;
+  private input;
+  private inputId;
+  private focusedByInput;
+  private onClearClick;
+  private onInput;
+  private onChange;
+  private onRootFocus;
+  private onFocus;
+  private onBlur;
+  private renderTextarea;
+  private renderInput;
+  componentWillLoad(): Promise<void>;
+  render(): any;
+}

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

@@ -0,0 +1,7 @@
+/**
+ * @slot - Slot for any element that will be inverted.
+ */
+export declare class StzhInvert {
+  element: HTMLStzhInvertElement;
+  render(): any;
+}

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

@@ -0,0 +1,19 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+import { StzhLangnavChangeEvent } from "../../index";
+/**
+ */
+export declare class StzhLangnav {
+  /** Active language of langnav */
+  languageActive: string;
+  /** Available language in langnav  */
+  languages: any[] | string;
+  /** Popover placement */
+  popoverPlacement: "bottom" | "top";
+  /** Whether to prevent the default behaviour of changing the `location.href` */
+  preventUrlchange: boolean;
+  element: HTMLStzhLangnavElement;
+  /** Langnav change event */
+  stzhChange: EventEmitter<StzhLangnavChangeEvent>;
+  private handleChange;
+  render(): any;
+}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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