@oiz/stzh-components 2.2.0-beta → 2.3.0-alpha

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import { StzhLocaleFormats } from './utils/translation-utils';
-export declare type WindowStzhComponents = {
+export type WindowStzhComponents = {
   version: string;
   locale: string;
   pathMedia: string;
@@ -16,18 +16,18 @@ declare global {
     proj4: any;
   }
 }
-export declare type StzhSortableUpdateEvent = {
+export type StzhSortableUpdateEvent = {
   component: "stzh-sortable";
   data: string[];
   item: HTMLElement;
   newIndex: number;
   oldIndex: number;
 };
-export declare type StzhSortableDisableEvent = {
+export type StzhSortableDisableEvent = {
   component: "stzh-sortable";
   disabled: boolean;
 };
-export declare type OlmapLayer = {
+export type OlmapLayer = {
   title?: string;
   thumbnailUrl: string;
   options: {
@@ -38,37 +38,37 @@ export declare type OlmapLayer = {
     extent: number[];
   };
 };
-export declare type StzhOlmapInitializedEvent = {
+export type StzhOlmapInitializedEvent = {
   component: "stzh-olmap";
 };
-export declare type StzhOlmapPostRenderEvent = {
+export type StzhOlmapPostRenderEvent = {
   component: "stzh-olmap";
 };
-export declare type StzhOlmapMoveStartEvent = {
+export type StzhOlmapMoveStartEvent = {
   component: "stzh-olmap";
 };
-export declare type StzhOlmapMoveEndEvent = {
+export type StzhOlmapMoveEndEvent = {
   component: "stzh-olmap";
 };
-export declare type StzhStickyStuckTopEvent = {
+export type StzhStickyStuckTopEvent = {
   component: "stzh-sticky";
   sticky: boolean;
 };
-export declare type StzhStickyStuckBottomEvent = {
+export type StzhStickyStuckBottomEvent = {
   component: "stzh-sticky";
   sticky: boolean;
 };
-export declare type StzhAnchornavItem = {
+export type StzhAnchornavItem = {
   label: string;
   href?: string;
   icon?: string;
 };
-export declare type StzhAnchornavItemClickEvent = {
+export type StzhAnchornavItemClickEvent = {
   component: "stzh-anchornav";
   item: StzhAnchornavItem;
   originalEvent: MouseEvent;
 };
-export declare type StzhActionsetItem = {
+export type StzhActionsetItem = {
   id: string;
   label?: string;
   icon?: string;
@@ -82,35 +82,35 @@ export declare type StzhActionsetItem = {
   badgePosition?: "icon" | "button";
   tooltipContent?: string;
 };
-export declare type StzhActionsetItemClickEvent = {
+export type StzhActionsetItemClickEvent = {
   component: "stzh-actionset";
   action: StzhActionsetItem;
   originalEvent: MouseEvent;
 };
-export declare type StzhAudioPlayEvent = {
+export type StzhAudioPlayEvent = {
   component: "stzh-audio";
 };
-export declare type StzhAudioPlayingEvent = {
+export type StzhAudioPlayingEvent = {
   component: "stzh-audio";
 };
-export declare type StzhAudioPauseEvent = {
+export type StzhAudioPauseEvent = {
   component: "stzh-audio";
 };
-export declare type StzhAudioReplayEvent = {
+export type StzhAudioReplayEvent = {
   component: "stzh-audio";
 };
-export declare type StzhAudioEndEvent = {
+export type StzhAudioEndEvent = {
   component: "stzh-audio";
 };
-export declare type StzhAudioEndedEvent = {
+export type StzhAudioEndedEvent = {
   component: "stzh-audio";
 };
-export declare type StzhAudioErrorEvent = {
+export type StzhAudioErrorEvent = {
   component: "stzh-audio";
   originalEvent: ErrorEvent;
 };
-export declare type ShareService = "facebook" | "twitter" | "linkedin" | "xing" | "mail";
-export declare type StzhCardHeaderAction = {
+export type ShareService = "facebook" | "twitter" | "linkedin" | "xing" | "mail";
+export type StzhCardHeaderAction = {
   id: string;
   label?: string;
   icon?: string;
@@ -119,30 +119,30 @@ export declare type StzhCardHeaderAction = {
   badgeType?: "default" | "success" | "warning" | "error" | "info";
   onlyCollapseText?: boolean;
 };
-export declare type StzhCardSubtitleClickEvent = {
+export type StzhCardSubtitleClickEvent = {
   component: "stzh-card";
 };
-export declare type StzhCardCollapseEvent = {
+export type StzhCardCollapseEvent = {
   component: "stzh-card";
   collapsed: boolean;
 };
-export declare type StzhCardClickEvent = {
+export type StzhCardClickEvent = {
   component: "stzh-card";
   originalEvent: MouseEvent;
 };
-export declare type StzhCardStarClickEvent = {
+export type StzhCardStarClickEvent = {
   component: "stzh-card";
   starred: boolean;
 };
-export declare type StzhCardHeaderActionClickEvent = {
+export type StzhCardHeaderActionClickEvent = {
   component: "stzh-card";
   action: StzhCardHeaderAction;
 };
-export declare type StzhMicrositeTeaserlistTag = {
+export type StzhMicrositeTeaserlistTag = {
   id: string;
   name: string;
 };
-export declare type StzhMicrositeTeaserlistItem = {
+export type StzhMicrositeTeaserlistItem = {
   title?: string;
   description?: string;
   image?: string;
@@ -150,87 +150,87 @@ export declare type StzhMicrositeTeaserlistItem = {
   tags: string[];
   teaserid: string;
 };
-export declare type StzhCardListCollapseAllEvent = {
+export type StzhCardListCollapseAllEvent = {
   component: "stzh-card-list";
   allCollapsed: boolean;
 };
-export declare type StzhCalendarChangeEvent = {
+export type StzhCalendarChangeEvent = {
   component: "stzh-calendar";
   valueAsDate: Date;
   value: string;
 };
-export declare type StzhDatepickerChangeEvent = {
+export type StzhDatepickerChangeEvent = {
   component: "stzh-datepicker";
   value: string;
   valueAsDate: Date;
 };
-export declare type StzhAppointmentsChangeEvent = {
+export type StzhAppointmentsChangeEvent = {
   component: "stzh-appointments";
   value: string;
 };
-export declare type StzhCheckboxChangeEvent = {
+export type StzhCheckboxChangeEvent = {
   component: "stzh-checkbox";
   originalEvent: InputEvent;
   value: string;
   checked: boolean;
 };
-export declare type StzhCheckboxFocusEvent = {
+export type StzhCheckboxFocusEvent = {
   component: "stzh-checkbox";
   originalEvent: FocusEvent;
 };
-export declare type StzhCheckboxBlurEvent = {
+export type StzhCheckboxBlurEvent = {
   component: "stzh-checkbox";
   originalEvent: FocusEvent;
 };
-export declare type StzhToggleChangeEvent = {
+export type StzhToggleChangeEvent = {
   component: "stzh-toggle";
   originalEvent: InputEvent;
   value: string;
   checked: boolean;
 };
-export declare type StzhToggleFocusEvent = {
+export type StzhToggleFocusEvent = {
   component: "stzh-toggle";
   originalEvent: FocusEvent;
 };
-export declare type StzhToggleBlurEvent = {
+export type StzhToggleBlurEvent = {
   component: "stzh-toggle";
   originalEvent: FocusEvent;
 };
-export declare type StzhButtonFocusEvent = {
+export type StzhButtonFocusEvent = {
   component: "stzh-button";
   originalEvent: FocusEvent;
 };
-export declare type StzhButtonBlurEvent = {
+export type StzhButtonBlurEvent = {
   component: "stzh-button";
   originalEvent: FocusEvent;
 };
-export declare type StzhButtonChangeEvent = {
+export type StzhButtonChangeEvent = {
   component: "stzh-button";
   originalEvent: InputEvent;
   value: string;
   checked: boolean;
 };
-export declare type StzhLinkFocusEvent = {
+export type StzhLinkFocusEvent = {
   component: "stzh-link";
   originalEvent: FocusEvent;
 };
-export declare type StzhLinkBlurEvent = {
+export type StzhLinkBlurEvent = {
   component: "stzh-link";
   originalEvent: FocusEvent;
 };
-export declare type StzhMenuItemFocusEvent = {
+export type StzhMenuItemFocusEvent = {
   component: "stzh-menu-item";
   originalEvent: FocusEvent;
 };
-export declare type StzhMenuItemBlurEvent = {
+export type StzhMenuItemBlurEvent = {
   component: "stzh-menu-item";
   originalEvent: FocusEvent;
 };
-export declare type StzhChipSelectChangeEvent = {
+export type StzhChipSelectChangeEvent = {
   component: "stzh-chip-select";
   value: string;
 };
-export declare type StzhDatalistItemEntry = {
+export type StzhDatalistItemEntry = {
   value: string;
   label?: string;
   meta?: string;
@@ -238,50 +238,51 @@ export declare type StzhDatalistItemEntry = {
   href?: string;
   rel?: string;
   target?: string;
+  nonInteractive?: boolean;
   items?: StzhDatalistItemEntry[];
 };
-export declare type StzhDatalistDirectionChangeEvent = {
+export type StzhDatalistDirectionChangeEvent = {
   component: "stzh-datalist";
   value: "vertical" | "horizontal";
 };
-export declare type StzhDatalistHideBorderChangeEvent = {
+export type StzhDatalistHideBorderChangeEvent = {
   component: "stzh-datalist";
   value: boolean;
 };
-export declare type StzhDatalistItemActionClickEvent = {
+export type StzhDatalistItemActionClickEvent = {
   component: "stzh-datalist-item";
   originalEvent: MouseEvent;
 };
-export declare type StzhDatamessagelistItemEntryMeta = {
+export type StzhDatamessagelistItemEntryMeta = {
   label: string;
   value: string;
 };
-export declare type StzhDatamessagelistItemEntryAction = {
+export type StzhDatamessagelistItemEntryAction = {
   id: string | number;
   icon: string;
   label: string;
   badge?: string;
 };
-export declare type StzhDatamessagelistItemEntryTag = {
+export type StzhDatamessagelistItemEntryTag = {
   icon: string;
   label: string;
   type: "default" | "important";
 };
-export declare type StzhDatamessagelistItemEntryLoadingStatus = {
+export type StzhDatamessagelistItemEntryLoadingStatus = {
   percent: number;
   label: string;
   type: "default" | "success" | "warning" | "error";
 };
-export declare type StzhDatamessagelistItemClickEvent = {
+export type StzhDatamessagelistItemClickEvent = {
   component: "stzh-datamessagelist-item";
   originalEvent: MouseEvent;
 };
-export declare type StzhDatamessagelistItemActionClickEvent = {
+export type StzhDatamessagelistItemActionClickEvent = {
   component: "stzh-datamessagelist-item";
   action: StzhDatamessagelistItemEntryAction;
   originalEvent: MouseEvent;
 };
-export declare type StzhChipSelectItem = {
+export type StzhChipSelectItem = {
   label: string;
   value: string;
   disabled?: boolean;
@@ -291,23 +292,23 @@ export declare type StzhChipSelectItem = {
   icon?: string;
   size?: "default" | "small";
 };
-export declare type StzhChipClickEvent = {
+export type StzhChipClickEvent = {
   component: "stzh-chip";
   originalEvent: MouseEvent;
 };
-export declare type StzhChipRemoveEvent = {
+export type StzhChipRemoveEvent = {
   component: "stzh-chip";
   originalEvent: MouseEvent;
 };
-export declare type StzhChipFocusEvent = {
+export type StzhChipFocusEvent = {
   component: "stzh-chip";
   originalEvent: FocusEvent;
 };
-export declare type StzhChipBlurEvent = {
+export type StzhChipBlurEvent = {
   component: "stzh-chip";
   originalEvent: FocusEvent;
 };
-export declare type StzhVbzMajortickerDisturbance = {
+export type StzhVbzMajortickerDisturbance = {
   id: string;
   head: string;
   text: string;
@@ -317,15 +318,15 @@ export declare type StzhVbzMajortickerDisturbance = {
   altEnd: string;
   infoUrl?: VbzTickerInfoUrl;
 };
-export declare type StzhVbzMajortickerDisturbanceFetchedEvent = {
+export type StzhVbzMajortickerDisturbanceFetchedEvent = {
   component: "stzh-vbz-majorticker";
   disturbance: StzhVbzMajortickerDisturbance | null;
 };
-export declare type VbzTickerInfoUrl = {
+export type VbzTickerInfoUrl = {
   name: string;
   url: string;
 };
-export declare type VbzTickerDisturbance = {
+export type VbzTickerDisturbance = {
   id: string;
   head: string;
   startDate: Date;
@@ -336,266 +337,272 @@ export declare type VbzTickerDisturbance = {
   infoUrl?: VbzTickerInfoUrl;
   category: typeof VBZ.DISTURBANCE_INFORMATION | typeof VBZ.DISTURBANCE_CONSTRUCTION | typeof VBZ.DISTURBANCE_NORMAL | typeof VBZ.DISTURBANCE_EVENT | typeof VBZ.DISTURBANCE_BUS;
 };
-export declare type VbzTickerLine = {
+export type VbzTickerLine = {
   line: VBZ.Lines;
   name: string;
   disturbances: VbzTickerDisturbance[];
   alert: boolean;
   category: "2" | "16" | "32" | "64" | "128" | "256" | "512";
 };
-export declare type StzhVbzLinechipFocusEvent = {
+export type StzhVbzLinechipLine = {
+  color: string;
+  background: string;
+  comment?: string;
+};
+export type StzhVbzLinechipFocusEvent = {
   component: "stzh-vbz-linechip";
   originalEvent: FocusEvent;
 };
-export declare type StzhVbzLinechipBlurEvent = {
+export type StzhVbzLinechipBlurEvent = {
   component: "stzh-vbz-linechip";
   originalEvent: FocusEvent;
 };
-export declare type StzhDialogOpenEvent = {
+export type StzhDialogOpenEvent = {
   component: "stzh-dialog";
 };
-export declare type StzhDialogCloseEvent = {
+export type StzhDialogCloseEvent = {
   component: "stzh-dialog";
 };
-export declare type ContactaddressNumber = {
+export type ContactNumber = {
   type: "tel" | "fax";
   label: string;
   number: string;
 };
-export declare type StzhContactaddressAvailabilityItem = {
+export type StzhContactAvailabilityItem = {
   weekday: string;
   hours: string[];
 };
-export declare type StzhOverlayOpenEvent = {
+export type StzhOverlayOpenEvent = {
   component: "stzh-overlay";
 };
-export declare type StzhOverlayCloseEvent = {
+export type StzhOverlayCloseEvent = {
   component: "stzh-overlay";
 };
-export declare type StzhMessageOpenEvent = {
+export type StzhMessageOpenEvent = {
   component: "stzh-message";
 };
-export declare type StzhMessageCloseEvent = {
+export type StzhMessageCloseEvent = {
   component: "stzh-message";
 };
-export declare type StzhGhettoboxOpenEvent = {
+export type StzhGhettoboxOpenEvent = {
   component: "stzh-ghettobox";
 };
-export declare type StzhGhettoboxCloseEvent = {
+export type StzhGhettoboxCloseEvent = {
   component: "stzh-ghettobox";
 };
-export declare type StzhInputChangeEvent = {
+export type StzhInputChangeEvent = {
   component: "stzh-input";
   originalEvent: InputEvent | MouseEvent;
   value: string;
 };
-export declare type StzhInputFocusEvent = {
+export type StzhInputFocusEvent = {
   component: "stzh-input";
   originalEvent: FocusEvent;
 };
-export declare type StzhInputBlurEvent = {
+export type StzhInputBlurEvent = {
   component: "stzh-input";
   originalEvent: FocusEvent;
 };
-export declare type StzhPopoverOpenEvent = {
+export type StzhPopoverOpenEvent = {
   component: "stzh-popover";
 };
-export declare type StzhPopoverOpenedEvent = {
+export type StzhPopoverOpenedEvent = {
   component: "stzh-popover";
 };
-export declare type StzhPopoverCloseEvent = {
+export type StzhPopoverCloseEvent = {
   component: "stzh-popover";
 };
-export declare type StzhPopoverClosedEvent = {
+export type StzhPopoverClosedEvent = {
   component: "stzh-popover";
 };
-export declare type StzhAccordionItemOpenEvent = {
+export type StzhAccordionItemOpenEvent = {
   component: "stzh-accordion-item";
 };
-export declare type StzhAccordionItemOpenedEvent = {
+export type StzhAccordionItemOpenedEvent = {
   component: "stzh-accordion-item";
 };
-export declare type StzhAccordionItemCloseEvent = {
+export type StzhAccordionItemCloseEvent = {
   component: "stzh-accordion-item";
 };
-export declare type StzhAccordionItemClosedEvent = {
+export type StzhAccordionItemClosedEvent = {
   component: "stzh-accordion-item";
 };
-export declare type StzhTooltipOpenEvent = {
+export type StzhTooltipOpenEvent = {
   component: "stzh-tooltip";
 };
-export declare type StzhTooltipOpenedEvent = {
+export type StzhTooltipOpenedEvent = {
   component: "stzh-tooltip";
 };
-export declare type StzhTooltipCloseEvent = {
+export type StzhTooltipCloseEvent = {
   component: "stzh-tooltip";
 };
-export declare type StzhTooltipClosedEvent = {
+export type StzhTooltipClosedEvent = {
   component: "stzh-tooltip";
 };
-export declare type StzhRadioChangeEvent = {
+export type StzhRadioChangeEvent = {
   component: "stzh-radio";
   originalEvent: InputEvent;
   value: string;
   checked: boolean;
 };
-export declare type StzhRadioFocusEvent = {
+export type StzhRadioFocusEvent = {
   component: "stzh-radio";
   originalEvent: FocusEvent;
 };
-export declare type StzhRadioBlurEvent = {
+export type StzhRadioBlurEvent = {
   component: "stzh-radio";
   originalEvent: FocusEvent;
 };
-export declare type StzhLangnavChangeEvent = {
+export type StzhLangnavChangeEvent = {
   component: "stzh-langnav";
   value: string;
 };
-export declare type StzhDropdownChangeEvent = {
+export type StzhDropdownChangeEvent = {
   component: "stzh-dropdown";
   value: string;
 };
-export declare type StzhDropdownItemAddEvent = {
+export type StzhDropdownItemAddEvent = {
   component: "stzh-dropdown";
   value: string;
 };
-export declare type StzhDropdownItemRemoveEvent = {
+export type StzhDropdownItemRemoveEvent = {
   component: "stzh-dropdown";
   value: string;
 };
-export declare type StzhDropdownOptionAddEvent = {
+export type StzhDropdownOptionAddEvent = {
   component: "stzh-dropdown";
   value: string;
 };
-export declare type StzhDropdownOptionRemoveEvent = {
+export type StzhDropdownOptionRemoveEvent = {
   component: "stzh-dropdown";
   value: string;
 };
-export declare type StzhDropdownOpenEvent = {
+export type StzhDropdownOpenEvent = {
   component: "stzh-dropdown";
 };
-export declare type StzhDropdowCloseEvent = {
+export type StzhDropdowCloseEvent = {
   component: "stzh-dropdown";
 };
-export declare type StzhDropdownFocusEvent = {
+export type StzhDropdownFocusEvent = {
   component: "stzh-dropdown";
 };
-export declare type StzhDropdownBlurEvent = {
+export type StzhDropdownBlurEvent = {
   component: "stzh-dropdown";
 };
-export declare type StzhDropdowInitEvent = {
+export type StzhDropdowInitEvent = {
   component: "stzh-dropdown";
 };
 /** Progressbar */
-export declare type StzhProgressbarDataItem = {
+export type StzhProgressbarDataItem = {
   label: string;
   icon?: string;
+  disabled?: boolean;
 };
-export declare type StzhProgressbarItemClickEvent = {
+export type StzhProgressbarItemClickEvent = {
   component: "stzh-progressbar-item";
   originalEvent: MouseEvent;
 };
-export declare type StzhProgressbarItemDottedClickEvent = {
+export type StzhProgressbarItemDottedClickEvent = {
   component: "stzh-progressbar-item";
   originalEvent: MouseEvent;
 };
-export declare type StzhUploadFilesItem = {
+export type StzhUploadFilesItem = {
   name: string;
   size: number;
   [key: string]: any;
 };
-export declare type StzhUploadFile = File & {
+export type StzhUploadFile = File & {
   xhr: XMLHttpRequest;
   status: string;
   upload: any;
   accepted: boolean;
   previewElement: HTMLElement;
 };
-export declare type StzhUploadFileAddedEvent = {
+export type StzhUploadFileAddedEvent = {
   component: "stzh-upload";
   file: StzhUploadFile;
 };
-export declare type StzhUploadFilesAddedEvent = {
+export type StzhUploadFilesAddedEvent = {
   component: "stzh-upload";
   files: StzhUploadFile[];
 };
-export declare type StzhUploadFileRemovedEvent = {
+export type StzhUploadFileRemovedEvent = {
   component: "stzh-upload";
   file: StzhUploadFile;
 };
-export declare type StzhUploadSendingEvent = {
+export type StzhUploadSendingEvent = {
   component: "stzh-upload";
   file: StzhUploadFile;
   xhr: XMLHttpRequest;
   formData: FormData;
 };
-export declare type StzhUploadSendingMultipleEvent = {
+export type StzhUploadSendingMultipleEvent = {
   component: "stzh-upload";
   files: StzhUploadFile[];
   xhr: XMLHttpRequest;
   formData: FormData;
 };
-export declare type StzhUploadProcessingEvent = {
+export type StzhUploadProcessingEvent = {
   component: "stzh-upload";
   file: StzhUploadFile;
 };
-export declare type StzhUploadProcessingMultipleEvent = {
+export type StzhUploadProcessingMultipleEvent = {
   component: "stzh-upload";
   files: StzhUploadFile[];
 };
-export declare type StzhUploadProgressEvent = {
+export type StzhUploadProgressEvent = {
   component: "stzh-upload";
   file: StzhUploadFile;
   progress: number;
   bytesSent: number;
 };
-export declare type StzhUploadProgressTotalEvent = {
+export type StzhUploadProgressTotalEvent = {
   component: "stzh-upload";
   totalUploadProgress: number;
   totalBytes: number;
   totalBytesSent: number;
 };
-export declare type StzhUploadErrorEvent = {
+export type StzhUploadErrorEvent = {
   component: "stzh-upload";
   file: StzhUploadFile;
   message: string;
   xhr: XMLHttpRequest;
 };
-export declare type StzhUploadErrorMultipleEvent = {
+export type StzhUploadErrorMultipleEvent = {
   component: "stzh-upload";
   files: StzhUploadFile[];
   message: string;
   xhr: XMLHttpRequest;
 };
-export declare type StzhUploadSuccessEvent = {
+export type StzhUploadSuccessEvent = {
   component: "stzh-upload";
   file: StzhUploadFile;
   responseText: string;
   event: ProgressEvent;
 };
-export declare type StzhUploadSuccessMultipleEvent = {
+export type StzhUploadSuccessMultipleEvent = {
   component: "stzh-upload";
   files: StzhUploadFile[];
   responseText: string;
   event: ProgressEvent;
 };
-export declare type StzhUploadCanceledEvent = {
+export type StzhUploadCanceledEvent = {
   component: "stzh-upload";
   file: StzhUploadFile;
 };
-export declare type StzhUploadCanceledMultipleEvent = {
+export type StzhUploadCanceledMultipleEvent = {
   component: "stzh-upload";
   files: StzhUploadFile[];
 };
-export declare type StzhUploadCompleteEvent = {
+export type StzhUploadCompleteEvent = {
   component: "stzh-upload";
   file: StzhUploadFile;
 };
-export declare type StzhUploadCompleteMultipleEvent = {
+export type StzhUploadCompleteMultipleEvent = {
   component: "stzh-upload";
   files: StzhUploadFile[];
 };
-export declare type StzhCalendarDateDisabledPredicate = (date: Date) => boolean;
+export type StzhCalendarDateDisabledPredicate = (date: Date) => boolean;
 export declare namespace Layout {
   type Justify = "start" | "end" | "center" | "between" | "around" | "evenly";
   type Items = "start" | "end" | "center" | "baseline" | "stretch";