@siemens/ix 1.0.0-beta.2

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

@@ -0,0 +1,70 @@
+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

@@ -0,0 +1,33 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1,31 @@
+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

@@ -0,0 +1,14 @@
+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

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

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

@@ -0,0 +1,22 @@
+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

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

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

@@ -0,0 +1,59 @@
+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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1,15 @@
+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

@@ -0,0 +1,51 @@
+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

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

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

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

package/dist/types/components/map-navigation/map-navigation.d.ts

@@ -0,0 +1,59 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MapNavigation {
+  private static readonly defaultTime;
+  private static readonly slowTime;
+  hostElement: HTMLIxMapNavigationElement;
+  /**
+   * Application name
+   */
+  applicationName: string;
+  /**
+   * Navigation title
+   */
+  navigationTitle: string;
+  /**
+   * Hide the sidebar context menu button when set to true
+   */
+  hideContextMenu: boolean;
+  isSidebarOpen: boolean;
+  isAboutOpen: boolean;
+  isSettingsOpen: boolean;
+  /**
+   * Navigation toggled
+   */
+  navigationToggled: EventEmitter<boolean>;
+  /**
+   * Context menu clicked
+   */
+  contextMenuClick: EventEmitter<void>;
+  get menu(): HTMLIxMenuElement;
+  get menuOverlay(): Element;
+  get about(): HTMLIxMenuAboutElement;
+  get aboutItems(): HTMLIxMenuAboutItemElement;
+  get settings(): HTMLIxMenuSettingsElement;
+  get settingsItems(): HTMLIxMenuSettingsItemElement;
+  get mapNavMenu(): Element;
+  get sidebar(): Element;
+  get overlay(): Element;
+  componentDidRender(): void;
+  private appendMenu;
+  private appendAbout;
+  private appendSettings;
+  private toggleSidebar;
+  private closeSidebar;
+  private openSidebar;
+  /**
+   * Open a overlay inside content area
+   *
+   * @param name
+   * @param component
+   * @param icon
+   * @param color
+   */
+  openOverlay(name: string, component: HTMLElement, icon?: string, color?: string): Promise<void>;
+  /**
+   * Close current shown overlay
+   */
+  closeOverlay(): Promise<void>;
+  render(): any;
+}

package/dist/types/components/map-navigation-overlay/map-navigation-overlay.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class MapNavigationOverlay {
+  /**
+   * Title of overlay
+   */
+  name: string;
+  /**
+   * Icon of overlay
+   */
+  icon: string;
+  /**
+   * Color of icon
+   */
+  color: string;
+  /**
+   * Event closed
+   */
+  closeClick: EventEmitter;
+  render(): any;
+}

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

@@ -0,0 +1,143 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class Menu {
+  hostElement: HTMLIxMenuElement;
+  /**
+   * Is settings tab visible
+   */
+  showSettings: boolean;
+  /**
+   * Is about tab visible
+   */
+  showAbout: boolean;
+  /**
+   * Show toggle between light and dark variant. Only if the provided theme have implemented both!
+   */
+  enableToggleTheme: boolean;
+  /**
+   * Is settings tab is visible
+   */
+  enableSettings: boolean;
+  /**
+   * Internal
+   */
+  enableMapExpand: boolean;
+  /**
+   * Should only be set if you use ix-menu standalone
+   */
+  applicationName: string;
+  /**
+   * Should only be set if you use ix-menu standalone
+   */
+  applicationDescription: string;
+  /**
+   * Maximum number of menu items to show in case enough vertical space is available.
+   * Extra menu items will be collapsed to 'show more' menu item.
+   */
+  maxVisibleMenuItems: number;
+  /**
+   */
+  i18nLegal: string;
+  /**
+   */
+  i18nSettings: string;
+  /**
+   */
+  i18nToggleTheme: string;
+  /**
+   */
+  i18nExpand: string;
+  /**
+   */
+  i18nCollapse: string;
+  /**
+   */
+  i18nMore: string;
+  /**
+   * Expand menu
+   */
+  expand: boolean;
+  /**
+   * Menu expanded
+   */
+  expandChange: EventEmitter<boolean>;
+  /**
+   * Map Sidebar expanded
+   */
+  mapExpandChange: EventEmitter<boolean>;
+  showMoreItems: boolean;
+  visibleMenuItems: number;
+  countMoreNotifications: number;
+  mapExpand: boolean;
+  activeTab: HTMLIxMenuItemElement;
+  isMoreTabEmpty: boolean;
+  private readonly domObserver;
+  onWindowResize(): void;
+  private handleNodeMutation;
+  private onDomChange;
+  private readonly isVisible;
+  get popoverArea(): Element;
+  get overlayContainer(): Element;
+  get invisibleContainer(): Element;
+  get menu(): Element;
+  get menuItems(): Element[];
+  get menuBottomItems(): Element[];
+  get homeTab(): Element;
+  get moreItemsDropdown(): HTMLElement;
+  get isMoreItemsDropdownEmpty(): boolean;
+  get moreItemsDropdownItems(): NodeListOf<Element>;
+  get activeMoreTabContainer(): Element;
+  get activeMoreTab(): Element;
+  get aboutPopoverContainer(): HTMLElement;
+  get aboutPopover(): HTMLIxMenuAboutNewsElement;
+  get aboutTab(): HTMLElement;
+  get about(): HTMLIxMenuAboutElement;
+  get settings(): HTMLIxMenuSettingsElement;
+  get isSettingsEmpty(): boolean;
+  get avatarItem(): HTMLIxMenuAvatarElement;
+  private popoverListener;
+  private showTab;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  componentWillRender(): void;
+  componentDidRender(): void;
+  private appendFragments;
+  private resetActiveTab;
+  private isMenuItemActive;
+  private appendTabs;
+  private appendAvatar;
+  private getAboutPopoverVerticalPosition;
+  private appendAboutNewsPopover;
+  private appendSettings;
+  private appendAbout;
+  private getMoreNotificationsCount;
+  private getAvailableHeight;
+  private getMaxTabCount;
+  private toggleShowMoreDropdown;
+  /**
+   * Toggle map sidebar expand
+   * @param show
+   */
+  toggleMapExpand(show?: boolean): Promise<void>;
+  private skipAllOverlayAnimations;
+  private skipOverlayAnimationFor;
+  /**
+   * Toggle menu
+   * @param show
+   */
+  toggleMenu(show?: boolean): Promise<void>;
+  /**
+   * Toggle Settings tabs
+   * @param show
+   */
+  toggleSettings(show: boolean): Promise<void>;
+  /**
+   * Toggle About tabs
+   * @param show
+   */
+  toggleAbout(show: boolean): Promise<void>;
+  private resetOverlay;
+  private showMoreButton;
+  private getCollapseText;
+  private getCollapseIcon;
+  render(): any;
+}