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

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

@@ -1,15 +0,0 @@
-import { StzhAccordionItemOpenEvent } from "../../index";
-/**
- * @slot - Slot for `stzh-accordion-item` elements
- */
-export declare class StzhAccordion {
-  /** Whether folds are collapsible */
-  collapsible: boolean;
-  /** Whether multiple folds can be opened at once */
-  multiselectable: boolean;
-  element: HTMLStzhAccordionElement;
-  openListener(event: CustomEvent<StzhAccordionItemOpenEvent>): void;
-  /** Set focus to accordion item */
-  setItemFocus(accordionItem: HTMLStzhAccordionItemElement, action: string): Promise<void>;
-  render(): any;
-}

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

@@ -1,44 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhAccordionItemOpenEvent, StzhAccordionItemOpenedEvent, StzhAccordionItemCloseEvent, StzhAccordionItemClosedEvent } from "../../index";
-/**
- * @slot - Slot for any content
- */
-export declare class StzhAccordionItem {
-  /** Whether fold is open */
-  open: boolean;
-  /** Whether fold disabled */
-  disabled: boolean;
-  /** Heading title */
-  heading: string;
-  /** Subtitle */
-  subtitle: string;
-  /** Heading level */
-  headingLevel: "1" | "2" | "3" | "4";
-  element: HTMLStzhAccordionItemElement;
-  /** Open event */
-  stzhOpen: EventEmitter<StzhAccordionItemOpenEvent>;
-  /** Opened event (after animation) */
-  stzhOpened: EventEmitter<StzhAccordionItemOpenedEvent>;
-  /** Close event */
-  stzhClose: EventEmitter<StzhAccordionItemCloseEvent>;
-  /** Closed event (after animation) */
-  stzhClosed: EventEmitter<StzhAccordionItemClosedEvent>;
-  openWatcher(newValue: boolean): Promise<void>;
-  private toggledByMethod;
-  private bodyElement;
-  private buttonElement;
-  private accordionItemId;
-  /** Show accordion item content */
-  show(): Promise<void>;
-  /** Hide accordion item content */
-  hide(): Promise<void>;
-  toggle(): Promise<void>;
-  /** Toggle accordion item content */
-  setFocus(): Promise<void>;
-  private handleHeaderClick;
-  private onButtonKeydown;
-  private onContentKeydown;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  render(): any;
-}

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

@@ -1,16 +0,0 @@
-/**
- * @slot primary - Slot for primary button
- * @slot secondary - Slot for secondary button
- */
-export declare class StzhActions {
-  /** Variant determining what position the action buttons are */
-  variant: "form" | "dialog" | "process";
-  /** With border separator */
-  withBorder: boolean;
-  element: HTMLStzhActionsElement;
-  private observer;
-  private init;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,17 +0,0 @@
-/**
- * @slot - Slot for `stzh-link` elements
- */
-export declare class StzhAppnav {
-  /** App title shown on tablet/desktop */
-  appTitle: string;
-  /** Status displayed next to app title (only displayed if `app-title` is defined) */
-  appStatus: string;
-  /** Link of app title (only used if `app-title` is defined) */
-  appHref: string;
-  element: HTMLStzhAppnavElement;
-  private observer;
-  private init;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
-}

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

@@ -1,73 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhAppointmentsChangeEvent } from "../../index";
-import { StzhLocaleAdapter } from "../../utils/date-adapter";
-import { StzhAppointmentsLocalizedText } from "./stzh-appointments.localization";
-/**
- * @slot - Slot for any content
- */
-export declare class StzhAppointments {
-  /** Translation strings */
-  localization: StzhAppointmentsLocalizedText;
-  /** Sort by */
-  sortBy: "start" | "place";
-  private _sortBy;
-  /** Initial selected values */
-  appointments: any[] | string;
-  private _appointments;
-  private appointmentsShown;
-  /** Current selected date (if undefined, earliest appointment date in list is taken or current selected one by value) */
-  currentDate: Date | string;
-  private _currentDate;
-  value: string;
-  name: string;
-  /** Nr of items shown */
-  showItems: number;
-  /** Nr of items shown when more link is clicked */
-  stepItems: number;
-  /** Overwrite default calendar title */
-  calendarTitle: string;
-  /** Overwrite default appointments title */
-  appointmentsTitle: string;
-  /**
-   * Date adapter, for custom parsing/formatting.
-   * Must be object with a `parse` function which accepts a `string` and returns a `Date`,
-   * and a `format` function which accepts a `Date` and returns a `string`.
-   */
-  dateAdapter: StzhLocaleAdapter;
-  element: HTMLStzhAppointmentsElement;
-  /** Appointments change event */
-  stzhChange: EventEmitter<StzhAppointmentsChangeEvent>;
-  currentDateWatcher(newValue: Date | string): void;
-  sortByWatcher(): void;
-  valueWatcher(): void;
-  appointmentsWatcher(newValue: any[] | string): void;
-  private dateByValue;
-  private earliestDate;
-  private latestDate;
-  private nextDate;
-  private showMoreLink;
-  private moreItemsLeft;
-  private showCalendar;
-  private showSort;
-  private showSortStart;
-  private showSortPlace;
-  private showAppointmentsTitle;
-  private allAppointsmentOnSameDay;
-  private sortOptions;
-  private inputElement;
-  private datepickerElement;
-  private datepickerElementMedium;
-  private updateDateByValue;
-  private getCurrentDateAppointments;
-  private setValueToFirstAppointmentOfCurrentDate;
-  private isDateDisabled;
-  private onNextActiveDateClick;
-  private onMoreClick;
-  private onDropdownChange;
-  private onDatepickerChange;
-  private onRadioChange;
-  componentWillLoad(): Promise<void>;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  render(): any;
-}

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

@@ -1,59 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhButtonFocusEvent, StzhButtonBlurEvent } from "../../index";
-/**
- * @slot - Slot for label/text content
- * @slot icon - Slot for icon element
- */
-export declare class StzhButton {
-  /** Display a badge aligned to button or icons */
-  badge: string;
-  /** Badge position */
-  badgePosition: "icon" | "button";
-  /** Whether the button is full width */
-  fullwidth: boolean;
-  /** Size variant */
-  size: "default" | "small" | "tiny";
-  /** Text alignment */
-  textAlign: "left" | "center" | "right" | "space-between" | "default";
-  /** Variant style */
-  variant: "default" | "secondary" | "input" | "tertiary";
-  /** Icon (use instead of icon slot) */
-  icon: string;
-  /** Icon Position */
-  iconPosition: "left" | "right";
-  /** `href` if the button should be used as link  */
-  href: string;
-  /** Target if the button is used as link (if `href` used)  */
-  target: string;
-  /** Type of the button */
-  type: "button" | "submit" | "reset";
-  /** Whether the button is disabled */
-  disabled: boolean;
-  /** Whether the button is active */
-  active: boolean;
-  /** Label */
-  label: string;
-  /** Effect/Animation used */
-  effect: "default" | "cta";
-  /** Whether only an icon is used inside the button */
-  iconOnly: boolean;
-  /** Accessible label for screen readers to replace visible text */
-  a11yLabel: string;
-  /** Id for element which describes the button (this will be overwritten if description prop or slot is used, used by stzh-radiogroup) */
-  a11yDescribedby: string;
-  element: HTMLStzhButtonElement;
-  /** Focus button */
-  setFocus(): Promise<void>;
-  /** Focus event */
-  stzhFocus: EventEmitter<StzhButtonFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhButtonBlurEvent>;
-  private button;
-  private onFocus;
-  private onBlur;
-  private onClick;
-  private renderIcon;
-  private renderContent;
-  private renderInner;
-  render(): any;
-}

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

@@ -1,76 +0,0 @@
-import { ComponentInterface, EventEmitter } from "../../stencil-public-runtime";
-import { DaysOfWeek } from "../../utils/date-utils";
-import { StzhCalendarChangeEvent } from "../../index";
-import { StzhCalendarDateDisabledPredicate } from "../../index";
-import { StzhCalendarLocalizedText } from "./stzh-calendar.localization";
-export declare class StzhCalendar implements ComponentInterface {
-  /** Date value. Must be in IS0-8601 format: YYYY-MM-DD. */
-  value: string;
-  /**
-   * Minimum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.
-   * This setting can be used alone or together with the max property.
-   */
-  min: string;
-  /**
-   * Maximum date allowed to be picked. Must be in IS0-8601 format: YYYY-MM-DD.
-   * This setting can be used alone or together with the min property.
-   */
-  max: string;
-  /**
-   * Which day is considered first day of the week? `0` for Sunday, `1` for Monday, etc.
-   * Default is Monday.
-   */
-  firstDayOfWeek: DaysOfWeek;
-  /**  Day names, month names, etc, used for localization. */
-  localization: StzhCalendarLocalizedText;
-  /**
-   * Controls which days are disabled and therefore disallowed.
-   * For example, this can be used to disallow selection of weekends.
-   */
-  isDateDisabled: StzhCalendarDateDisabledPredicate;
-  activeFocus: boolean;
-  focusedDay: Date;
-  /** Event emitted when a date is selected. */
-  stzhChange: EventEmitter<StzhCalendarChangeEvent>;
-  createDateFormatters(): void;
-  valueWatcher(newValue: string): void;
-  /** Set focused day element by a JS Date object */
-  setFocusedDay(day: Date): Promise<void>;
-  /** Set value by a JS Date object */
-  setDate(date: Date): Promise<void>;
-  element: HTMLStzhCalendarElement;
-  private monthSelectId;
-  private yearSelectId;
-  private dialogLabelId;
-  private initialTouchX;
-  private initialTouchY;
-  /**
-   * To format dates exclusively for the benefit of screen readers.
-   *
-   * We prefer DateTimeFormat over date.toLocaleDateString, as the former has
-   * better performance when formatting large number of dates. See:
-   * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date/toLocaleDateString#Performance
-   */
-  private dateFormatShort;
-  private enableActiveFocus;
-  private disableActiveFocus;
-  private addDays;
-  private addMonths;
-  private addYears;
-  private startOfWeek;
-  private endOfWeek;
-  private setMonth;
-  private setYear;
-  private handleTouchStart;
-  private handleTouchEnd;
-  private handleNextMonthClick;
-  private handlePreviousMonthClick;
-  private handleKeyboardNavigation;
-  private handleDaySelect;
-  private handleMonthSelect;
-  private handleYearSelect;
-  private processFocusedDayNode;
-  componentWillLoad(): Promise<void>;
-  connectedCallback(): void;
-  render(): any;
-}

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

@@ -1,55 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhCheckboxChangeEvent, StzhCheckboxFocusEvent, StzhCheckboxBlurEvent } 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 StzhCheckbox {
-  /** Translation strings */
-  localization: StzhLocaleComponent;
-  /** Whether the checkbox 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;
-  /** 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;
-  /** Append text to label depending if field is optional/required. true -> show "(optional)", false -> show noting */
-  showMarker: boolean;
-  /** 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<StzhCheckboxChangeEvent>;
-  /** Focus event */
-  stzhFocus: EventEmitter<StzhCheckboxFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhCheckboxBlurEvent>;
-  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-checkboxgroup/stzh-checkboxgroup.d.ts

@@ -1,62 +0,0 @@
-import { StzhCheckboxChangeEvent } from "../../index";
-import { StzhLocaleComponent } from "../../utils/translation-utils";
-/**
- * @slot - Slot for `stzh-checkbox` elements
- * @slot description - Slot for description
- * @slot description-long - Slot for long description (in popover)
- * @slot error - Slot for error
- */
-export declare class StzhCheckboxgroup {
-  /** Translation strings */
-  localization: StzhLocaleComponent;
-  /** Whether the element is disabled or not */
-  disabled: boolean;
-  /** The name of the input checkbox elements */
-  name: string;
-  /** The legend */
-  legend: string;
-  /** Hide legend to show only for screenreaders */
-  hideLegend: boolean;
-  /** Invalid status */
-  invalid: boolean;
-  /** Append text to label depending if field is optional/required. true -> show "(optional)", false -> show noting */
-  showMarker: boolean;
-  /** Select a checkbox by value */
-  value: string[] | string;
-  private _value;
-  /** 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 checkbox elements (readonly) */
-  checkedCheckbox: HTMLStzhCheckboxElement[] | null;
-  /** Prevent updating certain properties of radio elements (possible values inside array: disabled, invalid) */
-  preventUpdateProperties: string[];
-  /** Host element */
-  element: HTMLElement;
-  watchName(newValue: string): void;
-  watchDisabled(newValue: boolean): void;
-  watchInvalid(newValue: boolean): void;
-  watchShowMarker(newValue: boolean): void;
-  watchValue(newValue: string[] | string): void;
-  errorWatcher(newValue: string | string[]): void;
-  onChange(event: CustomEvent<StzhCheckboxChangeEvent>): void;
-  /** Checkbox elements */
-  private checkboxes;
-  private checkboxgroupId;
-  private observer;
-  private updateCheckboxesProperty;
-  private updateCheckedCheckboxByValue;
-  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-chip/stzh-chip.d.ts

@@ -1,47 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhChipClickEvent, StzhChipRemoveEvent, StzhChipFocusEvent, StzhChipBlurEvent } from "../../index";
-/**
- * @slot - Slot for label
- * @slot icon - Slot for icon
- */
-export declare class StzhChip {
-  /** Label */
-  label: string;
-  /** Icon (use instead of icon slot) */
-  icon: string;
-  /** Whether remove button should be shown */
-  removable: boolean;
-  /** Variant */
-  variant: "tag" | "filter" | "input";
-  /** Size */
-  size: "default" | "small";
-  /** Type */
-  type: "default" | "secondary" | "important";
-  /** Counter */
-  counter: string;
-  /** Label of remove button for screenreaders */
-  removeLabel: string;
-  /** Active */
-  active: boolean;
-  /** Disabled */
-  disabled: boolean;
-  /** Invert (only available for tag variant) */
-  invert: boolean;
-  element: HTMLStzhChipElement;
-  /** Focus menu item */
-  setFocus(): Promise<void>;
-  /** Chip click event */
-  stzhClick: EventEmitter<StzhChipClickEvent>;
-  /** Chip remove event */
-  stzhRemove: EventEmitter<StzhChipRemoveEvent>;
-  /** Focus event */
-  stzhFocus: EventEmitter<StzhChipFocusEvent>;
-  /** Input blur event */
-  stzhBlur: EventEmitter<StzhChipBlurEvent>;
-  private chip;
-  private onFocus;
-  private onBlur;
-  private onClick;
-  private onRemoveClick;
-  render(): any;
-}

package/dist/types/components/stzh-chip-select/stzh-chip-select.d.ts

@@ -1,23 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhChipSelectItem, StzhChipSelectChangeEvent } from "../../index";
-/**
- *
- */
-export declare class StzhChipSelect {
-  /** Data */
-  data: string | StzhChipSelectItem[];
-  private _data;
-  private _dataDropdown;
-  /** Label */
-  label: string;
-  /** Value */
-  value: string;
-  element: HTMLStzhChipSelectElement;
-  /** Change event */
-  stzhChange: EventEmitter<StzhChipSelectChangeEvent>;
-  dataWatcher(newValue: StzhChipSelectItem[] | string): void;
-  private chipClick;
-  private onDropdownChange;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

@@ -1,6 +0,0 @@
-/**
- */
-export declare class StzhDatamessagelist {
-  element: HTMLStzhDatamessagelistElement;
-  render(): any;
-}

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

@@ -1,44 +0,0 @@
-import { EventEmitter } from "../../stencil-public-runtime";
-import { StzhDatamessagelistItemEntryLoadingStatus, StzhDatamessagelistItemEntryMeta, StzhDatamessagelistItemEntryAction, StzhDatamessagelistItemEntryTag, StzhDatamessagelistItemClickEvent, StzhDatamessagelistItemActionClickEvent } from "../../index";
-import { StzhDatamessagelistItemLocalizedText } from './stzh-datamessagelist-item.localization';
-/**
- */
-export declare class StzhDatamessagelistItem {
-  /** Translation strings */
-  localization: StzhDatamessagelistItemLocalizedText;
-  /** Heading */
-  heading: string;
-  /** Whether item should be displayed in unread state */
-  unread: boolean;
-  /** URL the item should link to */
-  href: string;
-  /** Description */
-  description: string;
-  /** External href */
-  externalHref: string;
-  /** Loading status */
-  loadingStatus: StzhDatamessagelistItemEntryLoadingStatus | string;
-  private _loadingStatus;
-  /** Meta */
-  meta: StzhDatamessagelistItemEntryMeta[] | string;
-  private _meta;
-  /** Actions */
-  actions: StzhDatamessagelistItemEntryAction[] | string;
-  private _actions;
-  /** Tags */
-  tags: StzhDatamessagelistItemEntryTag[] | string;
-  private _tags;
-  element: HTMLStzhDatamessagelistItemElement;
-  /** Click event */
-  stzhClick: EventEmitter<StzhDatamessagelistItemClickEvent>;
-  /** Action click event */
-  stzhActionClick: EventEmitter<StzhDatamessagelistItemActionClickEvent>;
-  loadingStatusWatcher(newValue: StzhDatamessagelistItemEntryLoadingStatus | string): void;
-  metaWatcher(newValue: StzhDatamessagelistItemEntryMeta[] | string): void;
-  actionsWatcher(newValue: StzhDatamessagelistItemEntryAction[] | string): void;
-  tagsWatcher(newValue: StzhDatamessagelistItemEntryTag[] | string): void;
-  private actionClick;
-  private itemClick;
-  componentWillLoad(): Promise<void>;
-  render(): any;
-}

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

@@ -1,49 +0,0 @@
-import { StzhDatatableLocalizedText } from './stzh-datatable.localization';
-/**
- *
- */
-export declare class StzhDatatable {
-  /** Translation strings */
-  localization: StzhDatatableLocalizedText;
-  /** Label */
-  label: string;
-  /** Sort by given column key */
-  sortBy: string;
-  /** Sort direction */
-  sortDirection: "asc" | "desc";
-  /** Tokenize type */
-  tokenize: "strict" | "forward" | "reverse" | "full";
-  /** ID field */
-  idField: string;
-  /** Rows */
-  rows: any[] | string;
-  private _rows;
-  private _rowsManaged;
-  /** Columns */
-  columns: any[] | string;
-  private _columns;
-  query: string;
-  hasScrollLeft: boolean;
-  hasScrollRight: boolean;
-  isScrollable: boolean;
-  cellsStickyLeft: number[];
-  cellsStickyRight: number[];
-  element: HTMLStzhDatatableElement;
-  /** Toggle sort by a given column key like when clicking on a column header */
-  toggleSort(columnKey: string): Promise<void>;
-  rowsWatcher(newValue: any[] | string): void;
-  columnsWatcher(newValue: any[] | string): void;
-  handleResize(): void;
-  private input;
-  private searchIndex;
-  private tableWrapper;
-  private debounceScroll;
-  private updateScrollStates;
-  private handleScroll;
-  private buildSearchIndex;
-  private onInputChange;
-  componentWillLoad(): Promise<void>;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  render(): any;
-}