@siemens/ix 1.1.0-beta.0 → 1.1.0-beta.2

package/dist/types/components/datetime-picker/datetime-picker.d.ts

@@ -1,128 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-import { DateTimeSelectEvent } from './event';
-export declare class DatePicker {
-  /**
-   * Set range size
-   */
-  range: boolean;
-  /**
-   * Show hour input
-   */
-  showHour: boolean;
-  /**
-   * Show minutes input
-   */
-  showMinutes: boolean;
-  /**
-   * Show seconds input
-   */
-  showSeconds: boolean;
-  /**
-   * The earliest date that can be selected by the date picker.
-   * If not set there will be no restriction.
-   *
-   * @since 1.1.0
-   */
-  minDate: string;
-  /**
-   * The latest date that can be selected by the date picker.
-   * If not set there will be no restriction.
-   *
-   * @since 1.1.0
-   */
-  maxDate: string;
-  /**
-   * Date format string.
-   * See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.
-   *
-   * @since 1.1.0
-   */
-  dateFormat: string;
-  /**
-   * Time format string.
-   * See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.
-   *
-   * @since 1.1.0
-   */
-  timeFormat: string;
-  /**
-   * Picker date. If the picker is in range mode this property is the start date.
-   *
-   * Format is based on `format`
-   *
-   * @since 1.1.0
-   */
-  from: string;
-  /**
-   * Picker date. If the picker is in range mode this property is the end date.
-   * If the picker is not in range mode leave this value `null`
-   *
-   * Format is based on `format`
-   *
-   * @since 1.1.0
-   */
-  to: string | null;
-  /**
-   * Select time with format string
-   *
-   * @since 1.1.0
-   */
-  time: string;
-  /**
-   * Show time reference input
-   *
-   * @since 1.1.0 time reference is default aligned with formt tt
-   */
-  showTimeReference: any;
-  /**
-   * Default behavior of the done event is to join the two events (date and time) into one combined string output.
-   * This combination can be configured over the delimiter
-   *
-   * @since 1.1.0
-   */
-  eventDelimiter: string;
-  /**
-   * Set time reference
-   */
-  timeReference: 'AM' | 'PM';
-  /**
-   * Text of date select button
-   *
-   * @since 1.1.0
-   */
-  textSelectDate: string;
-  /**
-   * Done event
-   *
-   * Set `doneEventDelimiter` to null or undefine to get the typed event
-   */
-  done: EventEmitter<string>;
-  /**
-   * Time change
-   *
-   * @since 1.1.0
-   */
-  timeChange: EventEmitter<string>;
-  /**
-   * Date change
-   *
-   * @since 1.1.0
-   */
-  dateChange: EventEmitter<string | Omit<DateTimeSelectEvent, 'time'>>;
-  /**
-   * Date selection event is fired after confirm button is pressend
-   *
-   * @since 1.1.0
-   */
-  dateSelect: EventEmitter<DateTimeSelectEvent>;
-  private datePickerElement;
-  private timePickerElement;
-  private _from;
-  private _to;
-  private _time;
-  private onDone;
-  private onDateChange;
-  private onTimeChange;
-  componentDidLoad(): void;
-  render(): any;
-}

package/dist/types/components/datetime-picker/event.d.ts

@@ -1,5 +0,0 @@
-export interface DateTimeSelectEvent {
-  from: string;
-  to: string;
-  time: string;
-}

package/dist/types/components/drawer/drawer.d.ts

@@ -1,49 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Drawer {
-  /**
-   * Show or hide the drawer
-   */
-  show: boolean;
-  /**
-   * Fired in case of an outside click during drawer showed state
-   */
-  closeOnClickOutside: boolean;
-  /**
-   * Render the drawer with maximum height
-   */
-  fullHeight: boolean;
-  /**
-   * Min width interpreted as REM
-   */
-  minWidth: number;
-  /**
-   * Max width interpreted as REM
-   */
-  maxWidth: number;
-  /**
-   * Width interpreted as REM if not set to 'auto'
-   */
-  width: number | 'auto';
-  /**
-   * Fire event after drawer is open
-   */
-  open: EventEmitter;
-  /**
-   * Fire event after drawer is close
-   */
-  drawerClose: EventEmitter;
-  private static duration;
-  private callback;
-  private divElement?;
-  onShowChanged(newValue: boolean): void;
-  /**
-   * Toggle or define show state of drawer
-   * @param show Overwrite toggle state with boolean
-   */
-  toggleDrawer(show: boolean): Promise<void>;
-  private onCloseClicked;
-  private clickedOutside;
-  private slideOutRight;
-  private slideInRight;
-  render(): any;
-}

package/dist/types/components/dropdown/dropdown.d.ts

@@ -1,70 +0,0 @@
-import { Placement, PositioningStrategy } from '@popperjs/core';
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Dropdown {
-  hostElement: HTMLIxDropdownElement;
-  /**
-   * Show dropdown
-   */
-  show: boolean;
-  /**
-   * Define an element that triggers the dropdown.
-   * A trigger can either be a string that will be interprated as id attribute or a DOM element.
-   */
-  trigger: string | HTMLElement;
-  /**
-   * Define an anchor element
-   */
-  anchor: string | HTMLElement;
-  /**
-   * Close behavior
-   */
-  closeBehavior: 'inside' | 'outside' | 'both' | boolean;
-  /**
-   * Placement of the dropdown
-   */
-  placement: Placement;
-  /**
-   * Position strategy
-   */
-  positioningStrategy: PositioningStrategy;
-  /**
-   * Adjust dropdown width to the parent width
-   * @deprecated - property has a typo and will get removed in the next major version. Use `adjustDropdownWidthToReferenceWidth` instead.
-   */
-  adjustDropdownWidthToReferenceWith: boolean;
-  /**
-   * Adjust dropdown width to the parent width
-   */
-  adjustDropdownWidthToReferenceWidth: boolean;
-  /**
-   * An optional header shown at the top of the dropdown
-   */
-  header?: string;
-  /**
-   * Fire event after visibility of dropdown has changed
-   */
-  showChanged: EventEmitter<boolean>;
-  private popperInstance;
-  private triggerElement?;
-  private anchorElement?;
-  private dropdownRef;
-  private openBind;
-  constructor();
-  get dropdownItems(): HTMLIxDropdownItemElement[];
-  private resolveElement;
-  componentDidLoad(): Promise<void>;
-  private registerListener;
-  private unregisterListener;
-  componentDidRender(): void;
-  changedShow(newShow: boolean): Promise<void>;
-  changedTrigger(newTriggerValue: string | HTMLElement, oldTriggerValue: string | HTMLElement): void;
-  clickOutside(event: Event): void;
-  private open;
-  private close;
-  disconnectedCallback(): void;
-  /**
-   * Update position of dropdown
-   */
-  updatePosition(): Promise<void>;
-  render(): any;
-}

package/dist/types/components/dropdown-item/dropdown-item.d.ts

@@ -1,33 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class DropdownItem {
-  hostElement: HTMLIxDropdownItemElement;
-  /**
-   * Label of dropdown item
-   */
-  label: string;
-  /**
-   * Icon of dropdown item
-   */
-  icon: string;
-  /**
-   * Display hover state
-   */
-  hover: boolean;
-  /**
-   * Disable item and remove event listeners
-   */
-  disabled: boolean;
-  /**
-   * Whether the item is checked or not. If true a checkmark will mark the item as checked.
-   */
-  checked: boolean;
-  /**
-   * Click on item
-   */
-  itemClick: EventEmitter<HTMLIxDropdownItemElement>;
-  /**
-   * Internal usage only
-   */
-  emitItemClick(): Promise<void>;
-  render(): any;
-}

package/dist/types/components/event-list/event-list.d.ts

@@ -1,31 +0,0 @@
-export declare class EventList {
-  private readonly mutationObserver;
-  private static readonly fadeOutDuration;
-  private static readonly fadeInDuration;
-  el: HTMLIxEventListElement;
-  /**
-   * Determines the height of list items.
-   * This can either be one of two predefined sizes ('S' or 'L') or an absolute pixel value.
-   * In case a number is supplied it will get converted to rem internally.
-   * Defaults to 'S'.
-   */
-  itemHeight: 'S' | 'L' | number;
-  /**
-   * Make event-list items more compact
-   */
-  compact: boolean;
-  /**
-   * Animate state change transitions. Defaults to 'true'.
-   */
-  animated: boolean;
-  /**
-   * Display a chevron icon in list items. Defaults to 'false'
-   */
-  chevron: boolean;
-  componentDidLoad(): void;
-  private onMutation;
-  private setCustomHeight;
-  private triggerFadeOut;
-  private triggerFadeIn;
-  render(): any;
-}

package/dist/types/components/event-list-item/event-list-item.d.ts

@@ -1,34 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class EventListItem {
-  el: HTMLIxEventListItemElement;
-  /**
-   * Color of the status indicator.
-   * Allowed values are all Core UI color names.
-   */
-  color: string;
-  /**
-   * Show event list item as selected
-   */
-  selected: boolean;
-  /**
-   * Disable event list item
-   */
-  disabled: boolean;
-  /**
-   * Show chevron on right side of the event list item
-   */
-  chevron: boolean;
-  /**
-   * Opacity of the status indicator.
-   * Defaults to 1.0
-   *
-   * @deprecated Will be removed in 7.0.0. Use color with alpha value.
-   */
-  opacity: number;
-  /**
-   * Event list item click
-   */
-  itemClick: EventEmitter;
-  handleItemClick(): void;
-  render(): any;
-}

package/dist/types/components/expanding-search/expanding-search.d.ts

@@ -1,31 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class ExpandingSearch {
-  /**
-   * Search icon
-   */
-  icon: string;
-  /**
-   * Placeholder text
-   */
-  placeholder: string;
-  /**
-   * Default value
-   */
-  value: string;
-  isFieldChanged: boolean;
-  expanded: boolean;
-  hasFocus: boolean;
-  /**
-   * Value changed
-   */
-  valueChange: EventEmitter<string>;
-  private expandInput;
-  private collapseInput;
-  private clearInput;
-  private onChange;
-  private textInput?;
-  constructor();
-  private focusTextInput;
-  private clearClicked;
-  render(): any;
-}

package/dist/types/components/filter-chip/filter-chip.d.ts

@@ -1,14 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class FilterChip {
-  el: HTMLIxFilterChipElement;
-  /**
-   * If true the filter chip will be in disabled state
-   */
-  disabled: boolean;
-  /**
-   * Close clicked
-   */
-  closeClick: EventEmitter<void>;
-  private onCloseClick;
-  render(): any;
-}

package/dist/types/components/flip-tile/flip-tile-state.d.ts

@@ -1,7 +0,0 @@
-export declare enum FlipTileState {
-  None = "None",
-  Info = "Info",
-  Warning = "Warning",
-  Alarm = "Alarm",
-  Primary = "Primary"
-}

package/dist/types/components/flip-tile/flip-tile.d.ts

@@ -1,22 +0,0 @@
-import { FlipTileState } from './flip-tile-state';
-export declare class FlipTile {
-  private readonly ANIMATION_DURATION;
-  private contentContainerElement;
-  private contentItems;
-  hostElement: HTMLIxFlipTileElement;
-  index: number;
-  isFlipAnimationActive: boolean;
-  /**
-   * Variation of the Flip
-   */
-  state: FlipTileState;
-  /**
-   * Tmp property name
-   */
-  footer: string;
-  componentDidLoad(): void;
-  private toggleIndex;
-  private toggleContentItem;
-  private doFlipAnimation;
-  render(): any;
-}

package/dist/types/components/flip-tile-content/flip-tile-content.d.ts

@@ -1,3 +0,0 @@
-export declare class FlipTileContent {
-  render(): any;
-}

package/dist/types/components/group/group.d.ts

@@ -1,59 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class Group {
-  /**
-   * Prevent header from being selectable
-   */
-  suppressHeaderSelection: boolean;
-  /**
-   * Group header
-   */
-  header: string;
-  /**
-   * Group header subtitle
-   */
-  subHeader: string;
-  /**
-   * Whether the group is collapsed or expanded. Defaults to true.
-   */
-  collapsed: boolean;
-  /**
-   * Whether the group is selected.
-   */
-  selected: boolean;
-  /**
-   * The index of the selected group entry.
-   * If undefined no group item is selected.
-   */
-  index: number;
-  /**
-   * Expand the group if the header is clicked
-   */
-  expandOnHeaderClick: boolean;
-  /**
-   * Emits when whole group gets selected.
-   */
-  selectGroup: EventEmitter<boolean>;
-  /**
-   * Emits when group item gets selected.
-   */
-  selectItem: EventEmitter<number>;
-  /**
-   * Group collapsed
-   */
-  collapsedChanged: EventEmitter<boolean>;
-  hostElement: HTMLIxGroupElement;
-  get dropdownItems(): HTMLIxGroupDropdownItemElement[];
-  get groupItems(): Array<HTMLIxGroupItemElement>;
-  get groupContent(): Element;
-  get footer(): Element;
-  dropdownTriggerRef: HTMLElement;
-  constructor();
-  onKeyDown(event: KeyboardEvent): Promise<void>;
-  private onExpandClick;
-  private onHeaderClick;
-  private onItemClick;
-  private setGroupSelection;
-  componentWillRender(): void;
-  componentDidLoad(): void;
-  render(): any;
-}

package/dist/types/components/group-dropdown-item/group-dropdown-item.d.ts

@@ -1,11 +0,0 @@
-export declare class GroupDropdownItem {
-  /**
-   * Group dropdown label
-   */
-  label: string;
-  /**
-   * Group dropdown icon
-   */
-  icon: string;
-  render(): any;
-}

package/dist/types/components/group-item/group-item.d.ts

@@ -1,39 +0,0 @@
-import { EventEmitter } from '../../stencil-public-runtime';
-export declare class GroupItem {
-  hostElement: HTMLIxGroupItemElement;
-  /**
-   * Group item icon
-   */
-  icon: string;
-  /**
-   * Group item text
-   */
-  text: string;
-  /**
-   * Group item secondary text
-   */
-  secondaryText: string;
-  /**
-   * Supress the selection of the group
-   */
-  suppressSelection: boolean;
-  /**
-   * Show selected state
-   */
-  selected: boolean;
-  /**
-   * The elements tabindex attribute will get set accordingly.
-   * If true tabindex will be 0, -1 otherwise.
-   */
-  focusable: boolean;
-  /**
-   * Selection changed
-   */
-  selectedChanged: EventEmitter<HTMLIxGroupItemElement>;
-  /**
-   * Index
-   */
-  index: number;
-  clickListen(): void;
-  render(): any;
-}

package/dist/types/components/icon/icon.d.ts

@@ -1,15 +0,0 @@
-export declare class Icon {
-  /**
-   * Size of the icon
-   */
-  size: '12' | '16' | '24' | '32';
-  /**
-   * Color of the icon
-   */
-  color: string;
-  /**
-   * Use one of our defined icon names e.g. `copy`.
-   */
-  name: string;
-  render(): any;
-}

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

@@ -1,51 +0,0 @@
-import { Button } from '../button/button';
-export declare class IconButton implements Button {
-  /**
-   * Variant of button
-   */
-  variant: 'Primary' | 'Secondary';
-  /**
-   * Button outline
-   */
-  outline: boolean;
-  /**
-   * Button invisible
-   *
-   * @deprecated use ghost property
-   */
-  invisible: boolean;
-  /**
-   * Button invisible
-   */
-  ghost: boolean;
-  /**
-   * Button in oval shape
-   */
-  oval: boolean;
-  /**
-   * Button icon
-   */
-  icon: string;
-  /**
-   * Size of icon in button
-   */
-  size: '32' | '24' | '16' | '12';
-  /**
-   * Color of icon in  button
-   */
-  color: string;
-  /**
-   * Selected state only working with outline or invisible
-   */
-  selected: boolean;
-  /**
-   * Disabled
-   */
-  disabled: boolean;
-  /**
-   * Type of the button
-   */
-  type: 'button' | 'submit';
-  private getIconButtonClasses;
-  render(): any;
-}

package/dist/types/components/input-group/input-group.d.ts

@@ -1,5 +0,0 @@
-export declare class InputGroup {
-  host: HTMLIxInputGroupElement;
-  componentDidRender(): void;
-  render(): any;
-}

package/dist/types/components/kpi/kpi.d.ts

@@ -1,25 +0,0 @@
-export declare class Kpi {
-  /**
-   *
-   */
-  label: string;
-  /**
-   *
-   */
-  value: string | number;
-  /**
-   *
-   */
-  unit: string;
-  /**
-   *
-   */
-  state: 'neutral' | 'warning' | 'alarm';
-  /**
-   *
-   */
-  orientation: 'horizontal' | 'vertical';
-  private getStateIcon;
-  private getTooltipText;
-  render(): any;
-}