@oiz/stzh-components 2.11.0-beta1 → 2.11.1

package/dist/types/index.d.ts

@@ -0,0 +1,899 @@
+import { StzhLocaleAdapter } from './utils/date-adapter';
+import { StzhLocaleComponent, StzhLocaleFormats, StzhLocaleGlobals } from './utils/translation-utils';
+export type WindowStzhComponents = {
+  version: string;
+  supportedLocales: string[];
+  defaultLocale: string;
+  translations: null | StzhLocaleComponent;
+  translationsLoading: Promise<StzhLocaleComponent>;
+  pathMedia: string;
+  pathTranslations: string;
+  cacheTranslations: boolean;
+  formats: StzhLocaleFormats;
+  labels: "flyout" | "fixed";
+  utils: {
+    getLocale: (element: HTMLElement) => string;
+    fetchTranslations: (host: HTMLElement, component: string) => Promise<StzhLocaleComponent & any>;
+    format: (date: Date, type: string) => string;
+    parse: (string: string, type: string) => Date;
+    formatSpan: (date: Date | string, date2: Date | string, type: string) => string;
+    parseSpan: (string: string, type: string) => [Date, Date, string];
+    createFormatParseAdapter: (formats: StzhLocaleFormats, globals: StzhLocaleGlobals) => StzhLocaleAdapter;
+  };
+};
+declare global {
+  interface Window {
+    stzhComponents: WindowStzhComponents;
+    pannellum: any;
+    Dropzone: any;
+    ReadSpeaker: any;
+    rspkr: any;
+    proj4: any;
+  }
+}
+export type StzhSortableUpdateEvent = {
+  component: "stzh-sortable";
+  data: string[];
+  item: HTMLElement;
+  newIndex: number;
+  oldIndex: number;
+};
+export type StzhSortableDisableEvent = {
+  component: "stzh-sortable";
+  disabled: boolean;
+};
+export type PanoramaScene = {
+  sceneId: string;
+  imageSrc: string;
+  imageTitle: string;
+  imageAuthor?: string;
+  imageType?: "equirectangular" | "cubemap" | "multires";
+  caption?: string;
+  copyright?: string;
+  pitch?: number;
+  yaw?: number;
+  hfov?: number;
+  hotspots: PanoramaSceneHotSpot[];
+};
+export type PanoramaScenesLibrary = {
+  [sceneKey: string]: {
+    title: string;
+    author: string;
+    panorama: string;
+    type?: "equirectangular" | "cubemap" | "multires";
+    pitch?: number;
+    yaw?: number;
+    hfov?: number;
+    hotSpots: PanoramaSceneHotSpot[];
+  };
+};
+export type PanoramaSceneHotSpot = {
+  pitch: number;
+  yaw: number;
+  type: string;
+  text: string;
+  url?: string;
+  id?: string;
+  sceneId?: string;
+  targetPitch?: number;
+  targetYaw?: number;
+  cssClass?: string;
+  createTooltipFunc?: Function;
+  createTooltipArgs?: any;
+};
+export type StzhPanoramaLoadEvent = {
+  component: "stzh-panorama";
+};
+export type StzhPanoramaChangeEvent = {
+  component: "stzh-panorama";
+  value: {
+    pitch: number;
+    yaw: number;
+    hfov: number;
+  };
+};
+export type StzhPanoramaFullscreenChangeEvent = {
+  component: "stzh-panorama";
+  value: boolean;
+};
+export type StzhPanoramaSceneChangeEvent = {
+  component: "stzh-panorama";
+  value: string;
+};
+export type StzhPanoramaZoomChangeEvent = {
+  component: "stzh-panorama";
+  value: number;
+};
+export type StzhIframeView = "iframe" | "cookiewall" | "preview";
+export type StzhIframeViewChangeEvent = {
+  component: "stzh-iframe";
+  value: StzhIframeView;
+};
+export type StzhIframePreviewSkipEvent = {
+  component: "stzh-iframe";
+};
+export type OlmapLayer = {
+  title?: string;
+  thumbnailUrl: string;
+  options: {
+    url: string;
+    layer: string;
+    matrixSet: string;
+    origin: number[];
+    extent: number[];
+  };
+};
+export type StzhOlmapInitializedEvent = {
+  component: "stzh-olmap";
+};
+export type StzhOlmapPostRenderEvent = {
+  component: "stzh-olmap";
+};
+export type StzhOlmapMoveStartEvent = {
+  component: "stzh-olmap";
+};
+export type StzhOlmapMoveEndEvent = {
+  component: "stzh-olmap";
+};
+export type StzhStickyStuckTopEvent = {
+  component: "stzh-sticky";
+  sticky: boolean;
+};
+export type StzhStickyStuckBottomEvent = {
+  component: "stzh-sticky";
+  sticky: boolean;
+};
+export type StzhDatatableRowClickEvent = {
+  component: "stzh-datatable";
+  row: any;
+  originalEvent: MouseEvent;
+};
+export type StzhDatatableCellClickEvent = {
+  component: "stzh-datatable";
+  row: any;
+  column: any;
+  cellIndex: number;
+  rowIndex: number;
+  originalEvent: MouseEvent;
+};
+export type StzhDatatableHeadingCellClickEvent = {
+  component: "stzh-datatable";
+  column: any;
+  index: number;
+  originalEvent: MouseEvent;
+};
+export type StzhDatatableSortClickEvent = {
+  component: "stzh-datatable";
+  column: any;
+  originalEvent: MouseEvent;
+};
+export type StzhDatatableSortByChangeEvent = {
+  component: "stzh-datatable";
+  value: string;
+  oldValue: string;
+};
+export type StzhDatatableSortDirectionChangeEvent = {
+  component: "stzh-datatable";
+  value: "asc" | "desc";
+  oldValue: "asc" | "desc";
+};
+export type StzhAnchornavItem = {
+  label: string;
+  href?: string;
+  icon?: string;
+};
+export type StzhAnchornavItemClickEvent = {
+  component: "stzh-anchornav";
+  item: StzhAnchornavItem;
+  originalEvent: MouseEvent;
+};
+export type StzhActionsetItem = {
+  id: string;
+  label?: string;
+  icon?: string;
+  iconPosition?: "left" | "right";
+  iconOnly?: boolean;
+  badge?: string;
+  badgeEmpty?: boolean;
+  badgeType?: "default" | "success" | "warning" | "error" | "info";
+  variant?: "default" | "secondary" | "input" | "tertiary";
+  size?: "default" | "small" | "tiny";
+  badgePosition?: "icon" | "button";
+  tooltipContent?: string;
+};
+export type StzhActionsetItemClickEvent = {
+  component: "stzh-actionset";
+  action: StzhActionsetItem;
+  originalEvent: MouseEvent;
+};
+export type StzhAudioPlayEvent = {
+  component: "stzh-audio";
+};
+export type StzhAudioPlayingEvent = {
+  component: "stzh-audio";
+};
+export type StzhAudioPauseEvent = {
+  component: "stzh-audio";
+};
+export type StzhAudioReplayEvent = {
+  component: "stzh-audio";
+};
+export type StzhAudioEndEvent = {
+  component: "stzh-audio";
+};
+export type StzhAudioEndedEvent = {
+  component: "stzh-audio";
+};
+export type StzhAudioErrorEvent = {
+  component: "stzh-audio";
+  originalEvent: ErrorEvent;
+};
+export type ShareService = "facebook" | "twitter" | "linkedin" | "xing" | "mail";
+export type StzhCardHeaderAction = {
+  id: string;
+  label?: string;
+  icon?: string;
+  badge?: string;
+  badgeEmpty?: boolean;
+  badgeType?: "default" | "success" | "warning" | "error" | "info";
+  onlyCollapseText?: boolean;
+};
+export type StzhCardSubtitleClickEvent = {
+  component: "stzh-card";
+};
+export type StzhCardCollapseEvent = {
+  component: "stzh-card";
+  collapsed: boolean;
+};
+export type StzhCardClickEvent = {
+  component: "stzh-card";
+  originalEvent: MouseEvent;
+};
+export type StzhCardStarClickEvent = {
+  component: "stzh-card";
+  starred: boolean;
+};
+export type StzhCardHeaderActionClickEvent = {
+  component: "stzh-card";
+  action: StzhCardHeaderAction;
+};
+export type StzhMicrositeTeaserlistTag = {
+  id: string;
+  name: string;
+};
+export type StzhMicrositeTeaserlistItem = {
+  title?: string;
+  description?: string;
+  image?: string;
+  link: string;
+  tags: string[];
+  teaserid: string;
+};
+export type StzhCardListCollapseAllEvent = {
+  component: "stzh-card-list";
+  allCollapsed: boolean;
+};
+export type StzhCalendarChangeEvent = {
+  component: "stzh-calendar";
+  valueAsDate: Date;
+  value: string;
+};
+export type StzhDatepickerChangeEvent = {
+  component: "stzh-datepicker";
+  value: string;
+  valueAsDate: Date;
+};
+export type StzhPaginationChangeEvent = {
+  component: "stzh-pagination";
+  page: number;
+};
+export type StzhTimepickerChangeEvent = {
+  component: "stzh-timepicker";
+  value: string;
+};
+export type StzhMonthyearpickerChangeEvent = {
+  component: "stzh-monthyearpicker";
+  value: string;
+  valueMonth: string;
+  valueYear: string;
+};
+export type StzhAmountChangeEvent = {
+  component: "stzh-amount";
+  value: string;
+};
+export type StzhAppointmentsChangeEvent = {
+  component: "stzh-appointments";
+  value: string;
+};
+export type StzhSkiplinkFocusEvent = {
+  component: "stzh-skiplink";
+  originalEvent: FocusEvent;
+};
+export type StzhSkiplinkBlurEvent = {
+  component: "stzh-skiplink";
+  originalEvent: FocusEvent;
+};
+export type StzhCheckboxChangeEvent = {
+  component: "stzh-checkbox";
+  originalEvent: InputEvent;
+  value: string;
+  checked: boolean;
+};
+export type StzhCheckboxFocusEvent = {
+  component: "stzh-checkbox";
+  originalEvent: FocusEvent;
+};
+export type StzhCheckboxBlurEvent = {
+  component: "stzh-checkbox";
+  originalEvent: FocusEvent;
+};
+export type StzhToggleChangeEvent = {
+  component: "stzh-toggle";
+  originalEvent: InputEvent;
+  value: string;
+  checked: boolean;
+};
+export type StzhToggleFocusEvent = {
+  component: "stzh-toggle";
+  originalEvent: FocusEvent;
+};
+export type StzhToggleBlurEvent = {
+  component: "stzh-toggle";
+  originalEvent: FocusEvent;
+};
+export type StzhButtonFocusEvent = {
+  component: "stzh-button";
+  originalEvent: FocusEvent;
+};
+export type StzhButtonBlurEvent = {
+  component: "stzh-button";
+  originalEvent: FocusEvent;
+};
+export type StzhButtonChangeEvent = {
+  component: "stzh-button";
+  originalEvent: InputEvent;
+  value: string;
+  checked: boolean;
+};
+export type StzhLinkFocusEvent = {
+  component: "stzh-link";
+  originalEvent: FocusEvent;
+};
+export type StzhLinkBlurEvent = {
+  component: "stzh-link";
+  originalEvent: FocusEvent;
+};
+export type StzhMenuItemFocusEvent = {
+  component: "stzh-menu-item";
+  originalEvent: FocusEvent;
+};
+export type StzhMenuItemBlurEvent = {
+  component: "stzh-menu-item";
+  originalEvent: FocusEvent;
+};
+export type StzhCarouselSlideStartEvent = {
+  component: "stzh-carousel";
+  index: number;
+};
+export type StzhCarouselSlidePassedEvent = {
+  component: "stzh-carousel";
+  index: number;
+};
+export type StzhCarouselSlideEndEvent = {
+  component: "stzh-carousel";
+  index: number;
+};
+export type StzhChipSelectChangeEvent = {
+  component: "stzh-chip-select";
+  value: string;
+};
+export type StzhGalleryItem = {
+  width: number;
+  height: number;
+  src: string;
+  srcLightbox?: string;
+  srcsetLightbox?: string;
+  alt?: string;
+  copyright?: string;
+  heading?: string;
+  headingLightbox?: string;
+  caption?: string;
+  captionLightbox?: string;
+  lightboxHtml?: string;
+  hideCounter?: boolean;
+};
+export type StzhDatalistItemEntry = {
+  value: string;
+  leadingIcon?: string;
+  label?: string;
+  meta?: string;
+  icon?: string;
+  iconLabel?: string;
+  iconTooltip?: string;
+  statusLabel?: string;
+  statusType?: "default" | "success" | "warning" | "error" | "info";
+  href?: string;
+  rel?: string;
+  target?: string;
+  items?: StzhDatalistItemEntry[];
+};
+export type StzhDatalistDirectionChangeEvent = {
+  component: "stzh-datalist";
+  value: "vertical" | "horizontal";
+};
+export type StzhDatalistHideBorderChangeEvent = {
+  component: "stzh-datalist";
+  value: boolean;
+};
+export type StzhDatalistItemActionClickEvent = {
+  component: "stzh-datalist-item";
+  originalEvent: MouseEvent;
+};
+export type StzhDatamessagelistItemEntryMeta = {
+  label: string;
+  value: string;
+};
+export type StzhDatamessagelistItemEntryAction = {
+  id: string | number;
+  icon: string;
+  label: string;
+  badge?: string;
+};
+export type StzhDatamessagelistItemEntryTag = {
+  icon: string;
+  label: string;
+  type: "default" | "important";
+};
+export type StzhDatamessagelistItemEntryLoadingStatus = {
+  percent: number;
+  label: string;
+  type: "default" | "success" | "warning" | "error";
+};
+export type StzhDatamessagelistItemClickEvent = {
+  component: "stzh-datamessagelist-item";
+  originalEvent: MouseEvent;
+};
+export type StzhDatamessagelistItemActionClickEvent = {
+  component: "stzh-datamessagelist-item";
+  action: StzhDatamessagelistItemEntryAction;
+  originalEvent: MouseEvent;
+};
+export type StzhChipSelectItem = {
+  label: string;
+  value: string;
+  disabled?: boolean;
+  variant?: "tag" | "filter" | "input";
+  type?: "default" | "secondary";
+  counter?: string;
+  icon?: string;
+  size?: "default" | "small";
+};
+export type StzhChipClickEvent = {
+  component: "stzh-chip";
+  originalEvent: MouseEvent;
+};
+export type StzhChipRemoveEvent = {
+  component: "stzh-chip";
+  originalEvent: MouseEvent;
+};
+export type StzhChipFocusEvent = {
+  component: "stzh-chip";
+  originalEvent: FocusEvent;
+};
+export type StzhChipBlurEvent = {
+  component: "stzh-chip";
+  originalEvent: FocusEvent;
+};
+export type StzhVbzMajortickerDisturbance = {
+  id: string;
+  head: string;
+  text: string;
+  startDate: Date;
+  endDate: Date;
+  altStart: string;
+  altEnd: string;
+  infoUrl?: VbzTickerInfoUrl;
+};
+export type StzhVbzMajortickerDisturbanceFetchedEvent = {
+  component: "stzh-vbz-majorticker";
+  disturbance: StzhVbzMajortickerDisturbance | null;
+};
+export type VbzTickerInfoUrl = {
+  name: string;
+  url: string;
+};
+export type VbzTickerDisturbance = {
+  id: string;
+  head: string;
+  startDate: Date;
+  endDate: Date;
+  altStart: string;
+  altEnd: string;
+  baseType?: string;
+  infoUrl?: VbzTickerInfoUrl;
+  category: typeof VBZ.DISTURBANCE_INFORMATION | typeof VBZ.DISTURBANCE_CONSTRUCTION | typeof VBZ.DISTURBANCE_NORMAL | typeof VBZ.DISTURBANCE_EVENT | typeof VBZ.DISTURBANCE_BUS;
+};
+export type VbzTickerLine = {
+  line: VBZ.Lines;
+  name: string;
+  disturbances: VbzTickerDisturbance[];
+  alert: boolean;
+  category: "2" | "16" | "32" | "64" | "128" | "256" | "512";
+};
+export type StzhVbzLinechipLine = {
+  color: string;
+  background: string;
+  comment?: string;
+};
+export type StzhVbzLinechipFocusEvent = {
+  component: "stzh-vbz-linechip";
+  originalEvent: FocusEvent;
+};
+export type StzhVbzLinechipBlurEvent = {
+  component: "stzh-vbz-linechip";
+  originalEvent: FocusEvent;
+};
+export type StzhClampClampEvent = {
+  component: "stzh-clamp";
+  clamped: boolean;
+};
+export type StzhClampExpandEvent = {
+  component: "stzh-clamp";
+  expanded: boolean;
+};
+export type StzhImagecomparisonChangeEvent = {
+  component: "stzh-imagecomparison";
+  originalEvent: InputEvent;
+  value: number;
+};
+export type StzhDialogOpenEvent = {
+  component: "stzh-dialog";
+};
+export type StzhDialogCloseEvent = {
+  component: "stzh-dialog";
+};
+export type ContactNumber = {
+  type: "tel" | "fax";
+  label: string;
+  number: string;
+  analyticsId?: string;
+};
+export type StzhContactAvailabilityItem = {
+  weekday: string;
+  hours: string[];
+};
+export type StzhOverlayOpenEvent = {
+  component: "stzh-overlay";
+};
+export type StzhOverlayCloseEvent = {
+  component: "stzh-overlay";
+};
+export type StzhMessageOpenEvent = {
+  component: "stzh-message";
+};
+export type StzhMessageCloseEvent = {
+  component: "stzh-message";
+};
+export type StzhToastbarInitialToast = {
+  label: string;
+  type?: StzhToastType;
+  link?: HTMLStzhLinkElement | {
+    href: string;
+    label: string;
+  };
+  cookie?: string;
+  cookieExpires?: number;
+};
+export type StzhToastType = "info" | "success" | "warning" | "error";
+export type StzhToastOpenEvent = {
+  component: "stzh-toast";
+};
+export type StzhToastCloseEvent = {
+  component: "stzh-toast";
+};
+export type StzhToastOpenedEvent = {
+  component: "stzh-toast";
+};
+export type StzhToastClosedEvent = {
+  component: "stzh-toast";
+};
+export type StzhGhettoboxOpenEvent = {
+  component: "stzh-ghettobox";
+};
+export type StzhGhettoboxCloseEvent = {
+  component: "stzh-ghettobox";
+};
+export type StzhInputChangeEvent = {
+  component: "stzh-input";
+  originalEvent: InputEvent | MouseEvent;
+  value: string;
+};
+export type StzhInputChangedEvent = {
+  component: "stzh-input";
+  originalEvent: InputEvent | MouseEvent;
+  value: string;
+};
+export type StzhInputFocusEvent = {
+  component: "stzh-input";
+  originalEvent: FocusEvent;
+};
+export type StzhInputBlurEvent = {
+  component: "stzh-input";
+  originalEvent: FocusEvent;
+};
+export type StzhPopoverOpenEvent = {
+  component: "stzh-popover";
+};
+export type StzhPopoverOpenedEvent = {
+  component: "stzh-popover";
+};
+export type StzhPopoverCloseEvent = {
+  component: "stzh-popover";
+};
+export type StzhPopoverClosedEvent = {
+  component: "stzh-popover";
+};
+export type StzhTimelineFoldableChangeEvent = {
+  component: "stzh-timeline";
+  value: boolean;
+};
+export type StzhTimelineItemOpenEvent = {
+  component: "stzh-timeline-item";
+};
+export type StzhTimelineItemOpenedEvent = {
+  component: "stzh-timeline-item";
+};
+export type StzhTimelineItemCloseEvent = {
+  component: "stzh-timeline-item";
+};
+export type StzhTimelineItemClosedEvent = {
+  component: "stzh-timeline-item";
+};
+export type StzhTimelineItemFocusEvent = {
+  component: "stzh-timeline-item";
+  originalEvent: FocusEvent;
+};
+export type StzhTimelineItemBlurEvent = {
+  component: "stzh-timeline-item";
+  originalEvent: FocusEvent;
+};
+export type StzhAccordionItemOpenEvent = {
+  component: "stzh-accordion-item";
+};
+export type StzhAccordionItemOpenedEvent = {
+  component: "stzh-accordion-item";
+};
+export type StzhAccordionItemCloseEvent = {
+  component: "stzh-accordion-item";
+};
+export type StzhAccordionItemClosedEvent = {
+  component: "stzh-accordion-item";
+};
+export type StzhAccordionItemFocusEvent = {
+  component: "stzh-accordion-item";
+  originalEvent: FocusEvent;
+};
+export type StzhAccordionItemBlurEvent = {
+  component: "stzh-accordion-item";
+  originalEvent: FocusEvent;
+};
+export type StzhTooltipOpenEvent = {
+  component: "stzh-tooltip";
+};
+export type StzhTooltipOpenedEvent = {
+  component: "stzh-tooltip";
+};
+export type StzhTooltipCloseEvent = {
+  component: "stzh-tooltip";
+};
+export type StzhTooltipClosedEvent = {
+  component: "stzh-tooltip";
+};
+export type StzhRadioChangeEvent = {
+  component: "stzh-radio";
+  originalEvent: InputEvent;
+  value: string;
+  checked: boolean;
+};
+export type StzhRadioFocusEvent = {
+  component: "stzh-radio";
+  originalEvent: FocusEvent;
+};
+export type StzhRadioBlurEvent = {
+  component: "stzh-radio";
+  originalEvent: FocusEvent;
+};
+export type StzhLangnavChangeEvent = {
+  component: "stzh-langnav";
+  value: string;
+};
+export type StzhDropdownOption = {
+  text: string;
+  value: string;
+};
+export type StzhDropdownChangeEvent = {
+  component: "stzh-dropdown";
+  value: string;
+};
+export type StzhDropdownItemAddEvent = {
+  component: "stzh-dropdown";
+  value: string;
+};
+export type StzhDropdownItemRemoveEvent = {
+  component: "stzh-dropdown";
+  value: string;
+};
+export type StzhDropdownOptionAddEvent = {
+  component: "stzh-dropdown";
+  value: string;
+};
+export type StzhDropdownOptionRemoveEvent = {
+  component: "stzh-dropdown";
+  value: string;
+};
+export type StzhDropdownOpenEvent = {
+  component: "stzh-dropdown";
+};
+export type StzhDropdowCloseEvent = {
+  component: "stzh-dropdown";
+};
+export type StzhDropdownFocusEvent = {
+  component: "stzh-dropdown";
+  originalEvent: {
+    target: Element;
+  };
+};
+export type StzhDropdownBlurEvent = {
+  component: "stzh-dropdown";
+};
+export type StzhDropdowInitEvent = {
+  component: "stzh-dropdown";
+};
+/** Progressbar */
+export type StzhProgressbarDataItem = {
+  label: string;
+  icon?: string;
+  disabled?: boolean;
+  analyticsId?: string;
+};
+export type StzhProgressbarItemClickEvent = {
+  component: "stzh-progressbar-item";
+  originalEvent: MouseEvent;
+  index: number;
+};
+export type StzhProgressbarItemDottedClickEvent = {
+  component: "stzh-progressbar-item";
+  originalEvent: MouseEvent;
+};
+export type StzhUploadFilesItem = {
+  name: string;
+  size: number;
+  [key: string]: any;
+};
+export type StzhUploadFile = File & {
+  xhr: XMLHttpRequest;
+  status: string;
+  upload: any;
+  accepted: boolean;
+  previewElement: HTMLElement;
+};
+export type StzhUploadFileAddedEvent = {
+  component: "stzh-upload";
+  file: StzhUploadFile;
+};
+export type StzhUploadFilesAddedEvent = {
+  component: "stzh-upload";
+  files: StzhUploadFile[];
+};
+export type StzhUploadFileRemoveEvent = {
+  component: "stzh-upload";
+  file: StzhUploadFile;
+};
+export type StzhUploadFileRemovedEvent = {
+  component: "stzh-upload";
+  file: StzhUploadFile;
+  force: boolean;
+};
+export type StzhUploadSendingEvent = {
+  component: "stzh-upload";
+  file: StzhUploadFile;
+  xhr: XMLHttpRequest;
+  formData: FormData;
+};
+export type StzhUploadSendingMultipleEvent = {
+  component: "stzh-upload";
+  files: StzhUploadFile[];
+  xhr: XMLHttpRequest;
+  formData: FormData;
+};
+export type StzhUploadProcessingEvent = {
+  component: "stzh-upload";
+  file: StzhUploadFile;
+};
+export type StzhUploadProcessingMultipleEvent = {
+  component: "stzh-upload";
+  files: StzhUploadFile[];
+};
+export type StzhUploadProgressEvent = {
+  component: "stzh-upload";
+  file: StzhUploadFile;
+  progress: number;
+  bytesSent: number;
+};
+export type StzhUploadProgressTotalEvent = {
+  component: "stzh-upload";
+  totalUploadProgress: number;
+  totalBytes: number;
+  totalBytesSent: number;
+};
+export type StzhUploadErrorEvent = {
+  component: "stzh-upload";
+  file: StzhUploadFile;
+  message: string;
+  xhr: XMLHttpRequest;
+};
+export type StzhUploadErrorMultipleEvent = {
+  component: "stzh-upload";
+  files: StzhUploadFile[];
+  message: string;
+  xhr: XMLHttpRequest;
+};
+export type StzhUploadSuccessEvent = {
+  component: "stzh-upload";
+  file: StzhUploadFile;
+  responseText: string;
+  event: ProgressEvent;
+};
+export type StzhUploadSuccessMultipleEvent = {
+  component: "stzh-upload";
+  files: StzhUploadFile[];
+  responseText: string;
+  event: ProgressEvent;
+};
+export type StzhUploadCanceledEvent = {
+  component: "stzh-upload";
+  file: StzhUploadFile;
+};
+export type StzhUploadCanceledMultipleEvent = {
+  component: "stzh-upload";
+  files: StzhUploadFile[];
+};
+export type StzhUploadCompleteEvent = {
+  component: "stzh-upload";
+  file: StzhUploadFile;
+};
+export type StzhUploadCompleteMultipleEvent = {
+  component: "stzh-upload";
+  files: StzhUploadFile[];
+};
+export type StzhFocusEvent = StzhAccordionItemFocusEvent | StzhButtonFocusEvent | StzhCheckboxFocusEvent | StzhChipFocusEvent | StzhDropdownFocusEvent | StzhInputFocusEvent | StzhLinkFocusEvent | StzhMenuItemFocusEvent | StzhRadioFocusEvent | StzhToggleFocusEvent | StzhVbzLinechipFocusEvent | StzhSkiplinkFocusEvent;
+export type StzhCalendarDateDisabledPredicate = (date: Date) => boolean;
+export declare namespace Layout {
+  type Ratio = "16:9" | "1:1" | "5:4" | "4:3" | "3:2" | "2:1" | "21:9";
+  type Justify = "start" | "end" | "center" | "between" | "around" | "evenly";
+  type Items = "start" | "end" | "center" | "baseline" | "stretch";
+  type JustifySelf = "auto" | Justify;
+  type AlignSelf = "auto" | Items;
+}
+export declare namespace Space {
+  type Sizes = "xxxsmall" | "xxsmall" | "xsmall" | "small" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | "xxxxlarge" | "big" | "xbig" | "huge" | "xhuge" | "none" | "inherit";
+  type Curves = "tiny" | "small" | "regular" | "medium" | "large" | "big" | "huge" | "none";
+}
+export declare namespace Font {
+  type Fonts = "light" | "regular" | "medium" | "heavy" | "default";
+  type Sizes = "pico" | "nano" | "micro" | "milli" | "centi" | "deci" | "regular" | "deca" | "hecto" | "kilo" | "mega" | "giga" | "hero" | "inherit";
+  type Curves = "p1" | "p2" | "caption" | "h4" | "h3" | "h2" | "h1" | "hero" | "default" | "none";
+}
+export declare namespace VBZ {
+  const BASE_TYPE_GLOBAL = "GLOBAL";
+  const CHANNEL_TICKER = "ticker";
+  const CHANNEL_INFO_URL_FILTER = "stadt-zuerich.ch/vbz";
+  const DISTURBANCE_GLOBAL = "__global__";
+  const DISTURBANCE_INFORMATION = "0";
+  const DISTURBANCE_CONSTRUCTION = "1";
+  const DISTURBANCE_NORMAL = "2";
+  const DISTURBANCE_EVENT = "4";
+  const DISTURBANCE_BUS = "5";
+  type Lines = "2" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "17" | "19" | "20" | "21" | "23" | "24" | "25" | "29" | "31" | "32" | "33" | "34" | "35" | "36" | "37" | "38" | "39" | "40" | "45" | "46" | "54" | "61" | "62" | "63" | "64" | "66" | "67" | "69" | "70" | "72" | "73" | "75" | "76" | "77" | "78" | "79" | "80" | "83" | "89" | "91" | "94" | "95" | "99" | "151" | "152" | "153" | "156" | "161" | "162" | "163" | "165" | "184" | "185" | "200" | "201" | "215" | "220" | "235" | "236" | "245" | "301" | "302" | "303" | "304" | "305" | "306" | "307" | "308" | "309" | "311" | "314" | "315" | "317" | "321" | "323" | "325" | "350" | "444" | "445" | "701" | "702" | "703" | "704" | "705" | "720" | "721" | "725" | "726" | "727" | "742" | "743" | "744" | "745" | "747" | "748" | "751" | "752" | "753" | "754" | "759" | "760" | "765" | "768" | "781" | "786" | "787" | "910" | "912" | "916" | "917" | "918" | "919" | "E" | "N" | "N1" | "N2" | "N4" | "N5" | "N6" | "N7" | "N8" | "N9" | "N10" | "N11" | "N12" | "N13" | "N14" | "N15" | "N16" | "N17" | "N18" | "N19" | "N30" | "N31" | "N32" | "N33" | "N34" | "N45" | "N72" | "N78" | "SN1" | "SN4" | "SN5" | "SN6" | "SN7" | "SN8" | "SN9" | "S2" | "S3" | "S4" | "S5" | "S6" | "S7" | "S8" | "S9" | "S10" | "S11" | "S14" | "S15" | "S16" | "S18" | "S19" | "S20" | "S21" | "S23" | "S24" | "S25";
+}
+export * from './components';