@oiz/stzh-components 0.0.0-pretest → 1.4.0-npmjstest

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;
-}

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

@@ -1,57 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhToggleChangeEvent, StzhToggleFocusEvent, StzhToggleBlurEvent } 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 StzhToggle {
-  /** Translation strings */
-  localization: StzhLocaleComponent;
-  /** Whether the toggle is disabled */
-  disabled: boolean;
-  /** Name of the input element */
-  name: string;
-  /** 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;
-  /** Position of label */
-  labelPosition: "right" | "left";
-  /** 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 input (this will be overwritten if description prop or slot is used) */
-  a11yDescribedby: string;
-  /** Focus input field */
-  setFocus(): Promise<void>;
-  /** Change event */
-  stzhChange: EventEmitter<StzhToggleChangeEvent>;
-  /** Focus event */
-  stzhFocus: EventEmitter<StzhToggleFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhToggleBlurEvent>;
-  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-tooltip/stzh-tooltip.d.ts

@@ -1,78 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhTooltipOpenEvent, StzhTooltipOpenedEvent, StzhTooltipCloseEvent, StzhTooltipClosedEvent } from "../../index";
-import { Placement } from "@floating-ui/dom";
-import { StzhTooltipLocalizedText } from "./stzh-tooltip.localization";
-/**
- * @slot Trigger element inside
- * @slot content - Content of tooltip
- */
-export declare class StzhTooltip {
-  /** Whether tooltip should be open */
-  open: boolean;
-  /** Label of tooltip (used for screenreaders) */
-  label: string;
-  /** Content of tooltip (use instead of content slot) */
-  content: string;
-  /** Default placement of tooltip relative to trigger element */
-  placement: Placement;
-  /** Shifting of tooltip content */
-  skidding: number;
-  /** Distance from tooltip content to trigger (default: arrow height + 8px = 16) */
-  distance: number;
-  /** Whether tooltip is interactive */
-  interactive: boolean;
-  /**
-   * Controls how the tooltip is activated. Possible options include `click`, `hover`, `focus`, and `manual`. Multiple
-   * options can be passed by separating them with a space. When manual is used, the tooltip must be activated
-   * programmatically.
-   */
-  trigger: string;
-  private _trigger;
-  /** Translation strings */
-  localization: StzhTooltipLocalizedText;
-  element: HTMLStzhTooltipElement;
-  /** Tooltip open event */
-  stzhOpen: EventEmitter<StzhTooltipOpenEvent>;
-  /** Tooltip opened event (after animation) */
-  stzhOpened: EventEmitter<StzhTooltipOpenedEvent>;
-  /** Tooltip close event */
-  stzhClose: EventEmitter<StzhTooltipCloseEvent>;
-  /** Tooltip closed event (after animation) */
-  stzhClosed: EventEmitter<StzhTooltipClosedEvent>;
-  /** Show tooltip content */
-  show(): Promise<void>;
-  /** Hide tooltip content */
-  hide(): Promise<void>;
-  /** Toggle tooltip content */
-  toggle(): Promise<void>;
-  update(): Promise<void>;
-  openWatcher(newValue: boolean): Promise<void>;
-  triggerWatcher(newValue: string): void;
-  handleDocumentClick(event: MouseEvent): void;
-  computedPlacement: Placement;
-  private toggledByMethod;
-  private middlewareData;
-  private triggerElement;
-  private contentElement;
-  private arrowElement;
-  private autoUpdateCleanup;
-  private labelId;
-  private trap;
-  private isHovering;
-  private hasTrigger;
-  private onEscKey;
-  private computePosition;
-  private onClickTrigger;
-  private onMouseEnterTrigger;
-  private onMouseLeaveTrigger;
-  private onFocusTrigger;
-  private onBlurTrigger;
-  private onMouseMoveDocument;
-  componentWillLoad(): Promise<void>;
-  componentDidRender(): void;
-  componentDidUpdate(): void;
-  componentDidLoad(): void;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}