@oiz/stzh-components 0.0.1-pretest → 1.5.0-alpha

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-menu-item/stzh-menu-item.d.ts

@@ -1,35 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhMenuItemFocusEvent, StzhMenuItemBlurEvent } from "../../index";
-/**
- * @slot - Slot for any content
- */
-export declare class StzhMenuItem {
-  /** Badge */
-  badge: string;
-  /** Icon (use instead of icon slot) */
-  icon: string;
-  /** Whether the button is active */
-  active: boolean;
-  /** 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;
-  /** Whether the button is disabled */
-  disabled: boolean;
-  /** Accessible label for screen readers to replace visible text */
-  a11yLabel: string;
-  element: HTMLStzhMenuItemElement;
-  /** Focus menu item */
-  setFocus(): Promise<void>;
-  /** Focus event */
-  stzhFocus: EventEmitter<StzhMenuItemFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhMenuItemBlurEvent>;
-  private menuItem;
-  private onFocus;
-  private onBlur;
-  private renderInner;
-  render(): any;
-}

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

@@ -1,36 +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)
- */
-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-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-pagetitle/stzh-pagetitle.d.ts

@@ -1,11 +0,0 @@
-/**
- * @slot image - Slot for image
- */
-export declare class StzhPagetitle {
-  element: HTMLStzhPagetitleElement;
-  private observer;
-  private init;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,73 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhPopoverOpenEvent, StzhPopoverOpenedEvent, StzhPopoverCloseEvent, StzhPopoverClosedEvent } from "../../index";
-import { Placement } from '@floating-ui/dom';
-import { StzhPopoverLocalizedText } from './stzh-popover.localization';
-/**
- * @slot - Trigger element for popover
- * @slot content - Any element used as popover content
- * @slot action - `stzh-button` element
- * @slot label - Label for mobile view (alternative for label property)
- *
- * @prop --min-width: Minimum width of popover above small breakpoint
- */
-export declare class StzhPopover {
-  /** Whether popover should be open */
-  open: boolean;
-  /** Default placement of popover relative to trigger element */
-  placement: Placement;
-  /** Variant */
-  variant: "default" | "tooltip";
-  /** Shifting of popover content */
-  skidding: number;
-  /** Distance from popover content to trigger. "8" when default variant, "16" when tooltip variant (arrow height + 8px). */
-  distance: number;
-  /** Label for mobile view (use label slot as alternative) */
-  label: string;
-  /** Translation strings. */
-  localization: StzhPopoverLocalizedText;
-  element: HTMLStzhPopoverElement;
-  /** Popover open event */
-  stzhOpen: EventEmitter<StzhPopoverOpenEvent>;
-  /** Popover opened event (after animation) */
-  stzhOpened: EventEmitter<StzhPopoverOpenedEvent>;
-  /** Popover close event */
-  stzhClose: EventEmitter<StzhPopoverCloseEvent>;
-  /** Popover closed event (after animation) */
-  stzhClosed: EventEmitter<StzhPopoverClosedEvent>;
-  /** Show popover content */
-  show(): Promise<void>;
-  /** Hide popover content */
-  hide(): Promise<void>;
-  /** Toggle popover content */
-  toggle(): Promise<void>;
-  update(): Promise<void>;
-  handleOutsideClick(event: MouseEvent): void;
-  openWatcher(newValue: boolean): Promise<void>;
-  distanceWatcher(newValue: number): void;
-  computedPlacement: Placement;
-  private contentWrapperElement;
-  private contentElement;
-  private arrowElement;
-  private triggerElement;
-  private dialogElement;
-  private autoUpdateCleanup;
-  private initialTouchX;
-  private initialTouchY;
-  private labelId;
-  private trap;
-  private toggledByMethod;
-  private handleKeydown;
-  private onClickTrigger;
-  private computePosition;
-  private handleTouchStart;
-  private handleTouchEnd;
-  componentWillLoad(): Promise<void>;
-  private popoverShown;
-  private popoverHidden;
-  componentDidRender(): void;
-  componentDidUpdate(): void;
-  componentDidLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,42 +0,0 @@
-import { StzhProgressbarDataItem } from '../../index';
-/**
- * @slot - Slot for any text content
- */
-export declare class StzhProgressbar {
-  /**
-   * Step data (JSON array with objects that have `label` attribute and optional `icon`, if icon instead of step number should be displayed):
-   *
-   * ```
-   * {
-   *   "label": "Step Label"
-   *   "icon": "clock"
-   * }
-   * ```
-   */
-  data: StzhProgressbarDataItem[] | string;
-  private _data;
-  /** Index of the item that be active */
-  index: number;
-  /** Number of steps to show below small breakpoint */
-  steps: number;
-  /** Number of steps to show above small breakpoint */
-  stepsSmall: number;
-  /** Number of steps to show above medium breakpoint */
-  stepsMedium: number;
-  /** Number of steps to show above large breakpoint */
-  stepsLarge: number;
-  /** Number of steps to show above ultra breakpoint */
-  stepsUltra: number;
-  currentSteps: number;
-  element: HTMLStzhProgressbarElement;
-  dataWatcher(newValue: any[] | string): void;
-  private lastItemIndex;
-  private maxStepIndex;
-  private withinLastFewSteps;
-  private getItemAttributes;
-  private setCurrentSteps;
-  componentWillLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,55 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhRadioChangeEvent, StzhRadioFocusEvent, StzhRadioBlurEvent } from "../../index";
-import { StzhLocaleComponent } from "../../utils/translation-utils";
-/**
- * @slot - Slot for label content
- * @slot description - Slot for description
- * @slot description-long - Slot for long description (in popover)
- * @slot error - Slot for error
- */
-export declare class StzhRadio {
-  /** Translation strings */
-  localization: StzhLocaleComponent;
-  /** Whether the element is disabled or not */
-  disabled: boolean;
-  /** The name of the input element */
-  name: string;
-  /** The value of the input element */
-  value: string;
-  /** Invalid status */
-  invalid: boolean;
-  /** Required status */
-  required: boolean;
-  /** Append text to label depending if field is optional/required. true -> show "(optional)", false -> show noting */
-  showMarker: boolean;
-  /** Checked status */
-  checked: boolean;
-  /** Label */
-  label: string;
-  /** Description message (use description slot as alternative) */
-  description: string;
-  /** Long description message appearing in a popover (use description-long slot as alternative) */
-  descriptionLong: string;
-  /** One or multiple error message (use error slot as alternative) */
-  error: string | string[];
-  private _error;
-  /** Id for element which describes the radio button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
-  a11yDescribedby: string;
-  /** Focus input field */
-  setFocus(): Promise<void>;
-  /** Input change event */
-  stzhChange: EventEmitter<StzhRadioChangeEvent>;
-  /** Input focus event */
-  stzhFocus: EventEmitter<StzhRadioFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhRadioBlurEvent>;
-  errorWatcher(newValue: string | string[]): void;
-  element: HTMLStzhRadioElement;
-  private input;
-  private inputId;
-  private onInput;
-  private onFocus;
-  private onBlur;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

@@ -1,64 +0,0 @@
-import { StzhRadioChangeEvent } from "../../index";
-import { StzhLocaleComponent } from "../../utils/translation-utils";
-/**
- * @slot - Slot for `stzh-radio` elements
- * @slot description - Slot for description
- * @slot description-long - Slot for long description (in popover)
- * @slot error - Slot for error
- */
-export declare class StzhRadiogroup {
-  /** Translation strings */
-  localization: StzhLocaleComponent;
-  /** Whether the element is disabled or not */
-  disabled: boolean;
-  /** The name of the input radio elements */
-  name: string;
-  /** The legend */
-  legend: string;
-  /** Hide legend to show only for screenreaders */
-  hideLegend: boolean;
-  /** Invalid status */
-  invalid: boolean;
-  /** Required status */
-  required: boolean;
-  /** Append text to label depending if field is optional/required. true -> show "(optional)", false -> show noting */
-  showMarker: boolean;
-  /** Select a radio by value */
-  value: string;
-  /** Direction */
-  direction: "vertical" | "horizontal";
-  /** Description message (use description slot as alternative) */
-  description: string;
-  /** Long description message appearing in a popover (use description-long slot as alternative) */
-  descriptionLong: string;
-  /** One or multiple error message (use error slot as alternative) */
-  error: string | string[];
-  private _error;
-  /** Current checked radio element (readonly) */
-  checkedRadio: HTMLStzhRadioElement | null;
-  /** Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid, required, hide-marker) */
-  preventUpdateProperties: string[];
-  /** Host element */
-  element: HTMLElement;
-  watchName(newValue: string): void;
-  watchDisabled(newValue: boolean): void;
-  watchInvalid(newValue: boolean): void;
-  watchRequired(newValue: boolean): void;
-  watchValue(newValue: string): void;
-  errorWatcher(newValue: string | string[]): void;
-  onChange(event: CustomEvent<StzhRadioChangeEvent>): void;
-  /** Radio elements */
-  private radios;
-  private radiogroupId;
-  private observer;
-  private updateRadiosProperty;
-  private updateCheckedRadioByValue;
-  private uncheckRadios;
-  private init;
-  componentWillLoad(): Promise<void>;
-  componentShouldUpdate(_newValue: any, _oldValue: any, prop: string): boolean;
-  componentDidRender(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,18 +0,0 @@
-/**
- * @slot - Slot for label
- */
-export declare class StzhReadspeaker {
-  /** RS url of site (e.g. https://app-eu.readspeaker.com/cgi-bin/rsent?customerid=4490&lang=de_de&readid=content&url=https://www.stadt-zuerich.ch/portal/de/index/service/kontakt.html) */
-  href: string;
-  /** RS event ID */
-  eventId: string;
-  element: HTMLStzhReadspeakerElement;
-  addClickEvents(): void;
-  private readspeakerLink;
-  private observer;
-  private onLinkClick;
-  private init;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,14 +0,0 @@
-/**
- * @slot - Text content that should be styled
- */
-export declare class StzhRichtext {
-  /** Selector to recognize external link and attach an icon */
-  externalLinkSelector: string;
-  /** Icon used for marking external links */
-  externalLinkIcon: string;
-  element: HTMLStzhRichtextElement;
-  private externalLinks;
-  private addExternalLinkIcons;
-  componentDidRender(): void;
-  render(): any;
-}

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

@@ -1,28 +0,0 @@
-import { StzhSaptchaLocalizedText } from './stzh-saptcha.localization';
-/**
- * @slot - Slot for content
- */
-export declare class StzhSaptcha {
-  /** Translation strings */
-  localization: StzhSaptchaLocalizedText;
-  /** Numbers shown to user for selection */
-  numbers: number[] | string;
-  private _numbers;
-  /** The value of the input element */
-  value: string;
-  /** Name of input */
-  name: string;
-  /** One or multiple error message */
-  error: string | string[];
-  private _error;
-  /** Invalid status */
-  invalid: boolean;
-  /** Whether the element is disabled or not */
-  disabled: boolean;
-  element: HTMLStzhSaptchaElement;
-  numbersWatcher(newValue: number[] | string): void;
-  errorWatcher(newValue: string | string[]): void;
-  private saptchaId;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

@@ -1,72 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhServiceCardAction, StzhServicecardCollapseEvent, StzhServicecardSubtitleClickEvent, StzhServicecardStarClickEvent, StzhServicecardActionClickEvent } from "../../index";
-import { StzhServicecardLocalizedText } from './stzh-servicecard.localization';
-/**
- * @slot left - Slot for left column for any elements
- * @slot middle - Slot for middle column for any elements
- * @slot right - Slot for right column for any elements
- */
-export declare class StzhServicecard {
-  /** Translation strings */
-  localization: StzhServicecardLocalizedText;
-  /** Whether card is collapsed or not */
-  collapsed: boolean;
-  /** Whether card was starred */
-  starred: boolean;
-  /** Whether card star is displayed */
-  starrable: boolean;
-  /** Heading */
-  heading: string;
-  /** Subtitle */
-  subtitle: string | string[];
-  private _subtitles;
-  /** Card actions */
-  actions: string | StzhServiceCardAction[];
-  private _actions;
-  /** Whether subtitle should be rendered as button and event `stzhSubtitleClick` executed on click */
-  subtitleInteractive: boolean;
-  /** Type */
-  type: "default" | "alert";
-  /** Middle column position variant (positioning behaviour on tablet) */
-  middleVariant: "to-right" | "to-left";
-  /** Set middle column vertical spacing */
-  middleVerticalSpacing: "default" | "none";
-  /** Set right column vertical spacing */
-  rightVerticalSpacing: "default" | "none";
-  /** Whether sorting should be disabled */
-  sortableDisabled: boolean;
-  /** Whether card is collapsible */
-  collapsible: boolean;
-  /** Whether movement menu items should be shown */
-  hideMovementActions: boolean;
-  element: HTMLStzhServicecardElement;
-  /** Collapse event */
-  stzhCollapse: EventEmitter<StzhServicecardCollapseEvent>;
-  /** Subtitle click event */
-  stzhSubtitleClick: EventEmitter<StzhServicecardSubtitleClickEvent>;
-  /** Star click event */
-  stzhStarClick: EventEmitter<StzhServicecardStarClickEvent>;
-  /** Action click event */
-  stzhActionClick: EventEmitter<StzhServicecardActionClickEvent>;
-  handleResize(): void;
-  subtitleWatcher(newValue: string[] | string): void;
-  actionsWatcher(newValue: StzhServiceCardAction[] | string): void;
-  private observer;
-  private nodeChange;
-  private mainElement;
-  private headerElement;
-  private headerLeftElement;
-  private headerRightElement;
-  private debounceResize;
-  private update;
-  private headerClick;
-  private subtitleClick;
-  private starToggleClick;
-  private actionClick;
-  private arrowUpClick;
-  private arrowDownClick;
-  componentWillLoad(): Promise<void>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,23 +0,0 @@
-import { StzhServicecardListLocalizedText } from './stzh-servicecard-list.localization';
-/**
- * @slot - Slot for `stzh-servicecard` elements
- * @slot description - Slot for description
- */
-export declare class StzhServicecardList {
-  /** Translation strings */
-  localization: StzhServicecardListLocalizedText;
-  /** Whether sorting should be disabled */
-  sortableDisabled: boolean;
-  /** Whether collapse/expand toggle link */
-  showToggleLink: boolean;
-  /** HTML attribute that is used by the `toArray()` of sortable method */
-  sortableDataIdAttribute: string;
-  element: HTMLStzhServicecardListElement;
-  collapseListener(): void;
-  allCollapsed: boolean;
-  private collapseClick;
-  private updateCollapsedState;
-  componentWillLoad(): Promise<void>;
-  componentDidLoad(): void;
-  render(): any;
-}

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

@@ -1,52 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhSortableUpdateEvent } from "../../index";
-import { StzhSortableLocalizedText } from "./stzh-sortable.localization";
-/**
- * @slot - Slot for any elements
- */
-export declare class StzhSortable {
-  /** Translation strings. */
-  localization: StzhSortableLocalizedText;
-  /** Wether sorting is disabled or not */
-  disabled: boolean;
-  /** HTML attribute that is used by the `toArray()` method */
-  dataIdAttribute: string;
-  /** Container  */
-  container: HTMLElement | Function;
-  /** Filtered elements that should prevent dragging inside the drag item elements */
-  filterElements: any[] | string;
-  private _filterElements;
-  element: HTMLStzhSortableElement;
-  /** Serializes the sortable's item data-id's (dataIdAttr option) into an array of string */
-  toArray(): Promise<string[]>;
-  /** Sorts the elements according to the array */
-  sort(order: String[], useAnimation?: boolean): Promise<any>;
-  /** Move item */
-  moveItem(item: HTMLElement, direction: "up" | "down"): Promise<void>;
-  filterElementsWatcher(newValue: any[] | string): void;
-  /** Update event */
-  stzhUpdate: EventEmitter<StzhSortableUpdateEvent>;
-  private sortable;
-  private sortableId;
-  private containerElement;
-  private ariaLiveElement;
-  private observer;
-  private selectedItem;
-  private resetItemOnBlur;
-  private lastIndex;
-  private getContainer;
-  private updateAriaLive;
-  private getIndexOfSelectedItem;
-  private resetActiveItem;
-  private focusItem;
-  private init;
-  private updated;
-  private onKeydown;
-  private onBlur;
-  componentWillLoad(): Promise<void>;
-  componentWillUpdate(): void;
-  componentDidRender(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,14 +0,0 @@
-/**
- */
-export declare class StzhStatus {
-  /** Percent */
-  percent: number;
-  /** Whether to hide/show loadingbar */
-  withLoadingbar: boolean;
-  /** Label */
-  label: string;
-  /** Type */
-  type: "default" | "success" | "warning" | "error" | "info";
-  element: HTMLStzhStatusElement;
-  render(): any;
-}

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

@@ -1,33 +0,0 @@
-/**
- * @slot - Slot for table element
- * @slot heading - Slot for `stzh-heading`
- * @slot search - Slot for search `stzh-input` element
- *
- * @prop --max-height: Maximum height of table
- * @prop --min-width: Minium width of table
- * @prop --cell-padding: Cells padding
- */
-export declare class StzhTable {
-  /** Columns that should be sticky on the left side (column indexes separated by comma) */
-  fixedLeft: number;
-  /** Columns that should be sticky on the right side (column indexes separated by comma) */
-  fixedRight: number;
-  hasScrollLeft: boolean;
-  hasScrollRight: boolean;
-  isScrollable: boolean;
-  cellsStickyLeft: number[];
-  cellsStickyRight: number[];
-  element: HTMLStzhTableElement;
-  fixedCellWatcher(): void;
-  handleResize(): void;
-  private tableWrapper;
-  private observer;
-  private debounceScroll;
-  private updateCellClasses;
-  private updateScrollStates;
-  private init;
-  private handleScroll;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}