@oiz/stzh-components 2.11.1 → 2.12.0-beta1

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

@@ -1,58 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhStickyStuckTopEvent, StzhStickyStuckBottomEvent } from "../../index";
-/**
- *
- */
-export declare class StzhSticky {
-  /** Whether to disable sticking to top */
-  disableStickyTop: boolean;
-  /** Whether to disable sticking to bottom */
-  disableStickyBottom: boolean;
-  /** Whether to breakout container */
-  breakout: boolean;
-  /**
-   * Position type used.
-   *
-   * - sticky: used only css position sticky
-   * - fixed: uses position fixed with js for positioning (`data-stzh-sticky-container` can be used on a container element to limit sticky position)
-   */
-  position: "sticky" | "fixed";
-  disableStickyWatcher(): void;
-  element: HTMLStzhStickyElement;
-  isStuckTop: boolean;
-  isStuckBottom: boolean;
-  hasReachedTopLimit: boolean;
-  hasReachedBottomLimit: boolean;
-  isStuckTopWatcher(newValue: boolean): void;
-  isStuckBottomWatcher(newValue: boolean): void;
-  positionWatcher(newValue: string): void;
-  /** Sticky stuck top event */
-  stzhStuckTop: EventEmitter<StzhStickyStuckTopEvent>;
-  /** Sticky stuck bottom event */
-  stzhStuckBottom: EventEmitter<StzhStickyStuckBottomEvent>;
-  private observer;
-  private debounceScroll;
-  private debounceResize;
-  private stickyElement;
-  private spacerElement;
-  private windowHeight;
-  private scrollX;
-  private scrollY;
-  private fixedTop;
-  private fixedLeft;
-  private fixedHeight;
-  private fixedWidth;
-  private fixedLimit;
-  private updateStuck;
-  private getFixedLimit;
-  private setUnfixed;
-  private setFixed;
-  private handleScroll;
-  private handleResize;
-  private updateFixedByScroll;
-  private updateFixedByResize;
-  private observe;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,43 +0,0 @@
-/**
- * @slot - Slot for table element
- * @slot heading - Slot for `stzh-heading`
- * @slot search - Slot for search `stzh-input` element
- * @slot action-button - Slot for action `stzh-button` element
- * @slot list - Slot for list element showing on mobile
- * @slot pagination - Slot for action `stzh-pagination` element
- */
-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;
-  /**
-   * Whether to disable min-width of the table.
-   *
-   * If `false`, the default `min-width` is `700px`
-   * If `true`, the `min-width` is `none`, so the table will try to squeeze down content as much as possible.
-   *
-   * You can also overwrite the min-width via CSS with the custom property `--min-width`.
-   */
-  disableMinWidth: boolean;
-  hasScrollLeft: boolean;
-  hasScrollRight: boolean;
-  isScrollable: boolean;
-  cellsStickyLeft: number[];
-  cellsStickyRight: number[];
-  element: HTMLStzhTableElement;
-  fixedCellWatcher(): void;
-  private tableWrapper;
-  private observer;
-  private debounceScroll;
-  private debounceResize;
-  private resizeObserver;
-  private updateCellClasses;
-  private updateScrollStates;
-  private init;
-  handleResize: () => void;
-  private handleScroll;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,14 +0,0 @@
-/**
- * @slot left - Slot for left column content
- * @slot right - Slot for right column content
- */
-export declare class StzhTextandimage {
-  /** Whether to float left content */
-  floating: boolean;
-  /** Whether display columns fullwidth on every breakpoint (not just mobile) */
-  fullwidth: boolean;
-  /** Size variant */
-  size: "default" | "small" | "large";
-  element: HTMLStzhTextandimageElement;
-  render(): any;
-}

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

@@ -1,23 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhTimelineItemOpenEvent, StzhTimelineFoldableChangeEvent } from "../../index";
-/**
- * @slot - Slot for `stzh-timeline-item` elements
- */
-export declare class StzhTimeline {
-  /** Whether folds are foldable */
-  foldable: boolean;
-  /** Whether folds are collapsible */
-  collapsible: boolean;
-  /** Whether multiple folds can be opened at once */
-  multiselectable: boolean;
-  element: HTMLStzhTimelineElement;
-  /** Foldable change event */
-  stzhFoldableChange: EventEmitter<StzhTimelineFoldableChangeEvent>;
-  foldableWatcher(newValue: boolean): void;
-  openListener(event: CustomEvent<StzhTimelineItemOpenEvent>): void;
-  /** Set focus to timeline item */
-  setItemFocus(timelineItem: HTMLStzhTimelineItemElement, action: string): Promise<void>;
-  updateSteps(): Promise<void>;
-  private handleSlotchange;
-  render(): any;
-}

package/dist/types/components/stzh-timeline-item/stzh-timeline-item.d.ts

@@ -1,78 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhTimelineItemOpenEvent, StzhTimelineItemOpenedEvent, StzhTimelineItemCloseEvent, StzhTimelineItemClosedEvent, StzhTimelineItemFocusEvent, StzhTimelineItemBlurEvent } from "../../index";
-/**
- * @slot - Slot for any content
- * @slot icon - Slot for icon element
- */
-export declare class StzhTimelineItem {
-  /** Whether folds are foldable (overwrites `foldable` property from `timeline` parent) */
-  foldable: boolean;
-  /** Whether fold is collapsible (overwrites `collapsible` property from `timeline` parent) */
-  collapsible: boolean;
-  /** Whether fold is open */
-  open: boolean;
-  /** Whether fold disabled */
-  disabled: boolean;
-  /** Heading title */
-  heading: string;
-  /** Description */
-  description: string;
-  /** Step number shown inside bullet by default */
-  step: number;
-  /** Icon (use instead of icon slot) */
-  icon: string;
-  /** Badge */
-  badge: string;
-  /** Whether badge should be displayed empty */
-  badgeEmpty: boolean;
-  /** Badge type */
-  badgeType: "default" | "success" | "warning" | "error" | "info";
-  /** Heading level */
-  headingLevel: "1" | "2" | "3" | "4";
-  /**
-   * For Adobe Analytics.
-   * Will be rendered as value of `s-object-id` attribute to the button element.
-   * Default value will be taken from `heading` prop.
-   */
-  analyticsId: string;
-  element: HTMLStzhTimelineItemElement;
-  /** Open event */
-  stzhOpen: EventEmitter<StzhTimelineItemOpenEvent>;
-  /** Opened event (after animation) */
-  stzhOpened: EventEmitter<StzhTimelineItemOpenedEvent>;
-  /** Close event */
-  stzhClose: EventEmitter<StzhTimelineItemCloseEvent>;
-  /** Closed event (after animation) */
-  stzhClosed: EventEmitter<StzhTimelineItemClosedEvent>;
-  /** Show timeline item content */
-  show(): Promise<void>;
-  /** Hide timeline item content */
-  hide(): Promise<void>;
-  /** Toggle timeline item content */
-  toggle(): Promise<void>;
-  /** Set focus to button */
-  setFocus(): Promise<void>;
-  /** Focus event */
-  stzhFocus: EventEmitter<StzhTimelineItemFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhTimelineItemBlurEvent>;
-  openWatcher(newValue: boolean): Promise<void>;
-  foldableWatcher(newValue: boolean): void;
-  _foldable: boolean;
-  private toggledByMethod;
-  private bodyElement;
-  private buttonElement;
-  private timelineItemId;
-  private timeline;
-  private handleFoldableChange;
-  private handleHeaderClick;
-  private onFocus;
-  private onBlur;
-  private onButtonKeydown;
-  private onContentKeydown;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  connectedCallback(): Promise<void>;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,62 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhTimepickerChangeEvent } from "../../index";
-import { StzhTimepickerLocalizedText } from "./stzh-timepicker.localization";
-/**
- */
-export declare class StzhTimepicker {
-  /** Initial open state */
-  open: boolean;
-  /**
-   * Minimum time allowed to be picked in minutes. Can not be lower than 0.
-   * This setting can be used alone or together with the max property.
-   */
-  min: number;
-  /**
-   * Maximum time allowed to be picked in minutes. Can not be higher than 1440 (24h * 60).
-   * This setting can be used alone or together with the min property.
-   */
-  max: number;
-  /** Time added for each step in minutes. */
-  step: number;
-  /** Name of the hidden date picker input. */
-  name: string;
-  /** Value of dropdown (current selected time in format HH:MM). */
-  value: string;
-  /** Popover placement for the dropdown (if applicable) */
-  popoverPlacement: "bottom" | "bottom-end" | "bottom-center" | "top" | "top-end" | "top-center";
-  /** Label for dropdown */
-  label: string;
-  /** Whether the element is readonly or not */
-  readonly: boolean;
-  /** Whether the element is disabled or not */
-  disabled: boolean;
-  /** 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[];
-  /** Invalid status */
-  invalid: boolean;
-  /** Required status */
-  required: boolean;
-  /** Append text to label depending if field is optional/required. true -> show "(optional)", false -> show nothing */
-  showMarker: boolean;
-  /** Size variant */
-  size: "default" | "small";
-  /** Id of the element which describes the input */
-  a11yDescribedby: string;
-  /**  Translation strings. */
-  localization: StzhTimepickerLocalizedText;
-  /** Timepicker change event */
-  stzhChange: EventEmitter<StzhTimepickerChangeEvent>;
-  element: HTMLStzhTimepickerElement;
-  minMaxWatcher(): void;
-  private input;
-  private _dropdownOptions;
-  private onRootFocus;
-  private onDropdownChange;
-  private updateDropdownOptions;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

@@ -1,39 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhToastOpenEvent, StzhToastOpenedEvent, StzhToastCloseEvent, StzhToastClosedEvent, StzhToastType } from "../../index";
-import { StzhToastLocalizedText } from "./stzh-toast.localization";
-/**
- * @slot link - Slot for optional stzh-link element
- */
-export declare class StzhToast {
-  /** Label */
-  label: string;
-  /** Type */
-  type: StzhToastType;
-  /** Whether to hide close button */
-  hideClose: boolean;
-  /** Open state */
-  open: boolean;
-  /** Whether open animation should be played initially. */
-  initialOpenAnimation: boolean;
-  /** Translation strings. */
-  localization: StzhToastLocalizedText;
-  /** Toast open event */
-  stzhOpen: EventEmitter<StzhToastOpenEvent>;
-  /** Toast opened event (after animation)  */
-  stzhOpened: EventEmitter<StzhToastOpenedEvent>;
-  /** Toast close event */
-  stzhClose: EventEmitter<StzhToastCloseEvent>;
-  /** Toast closed event (after animation)  */
-  stzhClosed: EventEmitter<StzhToastClosedEvent>;
-  element: HTMLStzhToastElement;
-  openWatcher(newValue: boolean): Promise<void>;
-  show(): Promise<void>;
-  hide(): Promise<void>;
-  private toggledByMethod;
-  private rootElement;
-  private handleLinkSlotchange;
-  private onCloseButtonClick;
-  componentWillLoad(): Promise<void>;
-  componentDidLoad(): void;
-  render(): any;
-}

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

@@ -1,41 +0,0 @@
-import { StzhToastbarInitialToast, StzhToastType } from "../../index";
-/**
- * @slot - Slot for stzh-toast elements
- */
-export declare class StzhToastbar {
-  /**
-   * Time after toasts are hidden (in seconds).
-   * Toasts with type `error` will stay, until the user closes them manually.
-   */
-  hideAfter: number;
-  /**
-   * Maximum of toasts allowed to be shown.
-   * If more are created, oldest will be hidden, even if timeout not ended yet or toast type is `error`.
-   */
-  max: number;
-  /**
-   * Initial toasts.
-   *
-   * Array of objects that at least includes `label` and optionally `type`, `link` (object with `href` and `label`) `cookie` and `cookieExpires`:
-   * `[{"label": "Lorem ipsum", "link": { "label": "More info", "href": "https://example.com" }, "cookie": "cookie-banner", "cookieExpires": 365 }]`
-   *
-   * If `cookie` exists in an object, it will check for that cookie name first (prefixed with `stzh-components-toastbar-closed-`) and only show if cookie doesn't exist.
-   * `cookieExpires` sets the cookie lifetime (default 365 days, set 0 for session cookie).
-   */
-  initialToasts: StzhToastbarInitialToast[] | string;
-  private _initialToasts;
-  element: HTMLStzhToastbarElement;
-  /** Create new toast. */
-  toast(label: string, { type, link }?: {
-    type?: StzhToastType;
-    link?: HTMLStzhLinkElement;
-  }): Promise<HTMLStzhToastElement>;
-  initialToastsWatcher(newValue: any[] | string): void;
-  private toastAppended;
-  private toastsAppended;
-  private hideOverflowingItems;
-  private handleSlotchange;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  render(): any;
-}

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

@@ -1,59 +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 nothing */
-  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 focusedByInput;
-  private onInput;
-  private onRootFocus;
-  private onFocus;
-  private onBlur;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

@@ -1,80 +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;
-  /** Position strategy */
-  strategy: "absolute" | "fixed";
-  /** 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 id;
-  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;
-}