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

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

@@ -0,0 +1,31 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SelectItem {
+  hostElement: HTMLIxSelectItemElement;
+  /**
+   * Displayed name of the item
+   */
+  label: string;
+  /**
+   * Item value
+   */
+  value: any;
+  /**
+   * Whether the item is selected.
+   */
+  selected: boolean;
+  /**
+   * ***Internal***
+   */
+  hover: boolean;
+  /**
+   * Item clicked
+   */
+  itemClick: EventEmitter<string>;
+  /**
+   * Internal
+   * @param event
+   */
+  onItemClick(event?: CustomEvent<HTMLIxDropdownItemElement>): Promise<void>;
+  componentDidRender(): void;
+  render(): any;
+}

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

@@ -0,0 +1,11 @@
+export declare class Spinner {
+  /**
+   * Variant of spinner
+   */
+  variant: 'primary' | 'sencodary' | 'secondary';
+  /**
+   * Size of spinner
+   */
+  size: 'medium' | 'large';
+  render(): any;
+}

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

@@ -0,0 +1,57 @@
+import { Placement } from '@popperjs/core';
+import { EventEmitter } from '../../stencil-public-runtime';
+import { Buttons } from '../utils/button-variants';
+export declare class SplitButton {
+  hostElement: HTMLIxSplitButtonElement;
+  /**
+   * Color variant of button
+   */
+  variant: Buttons;
+  /**
+   * Button outline variant
+   */
+  outline: boolean;
+  /**
+   * Button invisible
+   *
+   * @deprecated use ghost property
+   */
+  invisible: boolean;
+  /**
+   * Button invisible
+   */
+  ghost: boolean;
+  /**
+   * Button label
+   */
+  label: string;
+  /**
+   * Button icon
+   */
+  icon: string;
+  /**
+   * Splitbutton icon
+   */
+  splitIcon: string;
+  /**
+   * Disabled
+   */
+  disabled: boolean;
+  /**
+   * Placement of the dropdown
+   */
+  placement: Placement;
+  toggle: boolean;
+  /**
+   * Button clicked
+   */
+  buttonClick: EventEmitter<MouseEvent>;
+  private popover;
+  private popperInstance;
+  get splitItems(): HTMLIxSplitButtonItemElement[];
+  private clickOutside;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  private toggleDropdown;
+  render(): any;
+}

package/dist/types/components/split-button-item/split-button-item.d.ts

@@ -0,0 +1,17 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class SplitButtonItem {
+  /**
+   * Dropdown icon
+   */
+  icon: string;
+  /**
+   * Dropdown label
+   */
+  label: string;
+  /**
+   * Dropdown item clicked
+   */
+  itemClick: EventEmitter<MouseEvent>;
+  hostElement: HTMLIxSplitButtonItemElement;
+  render(): any;
+}

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

@@ -0,0 +1,36 @@
+export declare class TabItem {
+  /**
+   * Set selected tab
+   */
+  selected: boolean;
+  /**
+   * Set disabled tab
+   */
+  disabled: boolean;
+  /**
+   * Set small size tab
+   */
+  small: boolean;
+  /**
+   * Set icon only tab
+   */
+  icon: boolean;
+  /**
+   * Set rounded tab
+   */
+  rounded: boolean;
+  /**
+   * Set counter value
+   */
+  counter: number;
+  /**
+   * Set layout width style
+   */
+  layout: 'auto' | 'stretched';
+  /**
+   * Set selected placement
+   */
+  placement: 'bottom' | 'top';
+  private tabItemClasses;
+  render(): any;
+}

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

@@ -0,0 +1,46 @@
+export declare class Tabs {
+  hostElement: HTMLIxTabsElement;
+  /**
+   * Set tab items to small size
+   */
+  small: boolean;
+  /**
+   * Set rounded tabs
+   */
+  rounded: boolean;
+  /**
+   * Set default selected tab by index
+   */
+  selected: number;
+  /**
+   * Set layout width style
+   */
+  layout: 'auto' | 'stretched';
+  /**
+   * Set placement style
+   */
+  placement: 'bottom' | 'top';
+  totalItems: number;
+  currentScrollAmount: number;
+  scrollAmount: number;
+  scrollActionAmount: number;
+  private clickAction;
+  onWindowResize(): number;
+  private getTabs;
+  private getTab;
+  private getTabsWrapper;
+  private showArrows;
+  private showPreviousArrow;
+  private showNextArrow;
+  private getArrowStyle;
+  private move;
+  private moveTabToView;
+  private setSelected;
+  private clickTab;
+  private dragStart;
+  private dragMove;
+  private dragStop;
+  componentDidRender(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

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

@@ -0,0 +1,7 @@
+export declare class Tile {
+  /**
+   * Size of the tile - one of 'small', 'medium' or 'large'
+   */
+  size: 'small' | 'medium' | 'big';
+  render(): any;
+}

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

@@ -0,0 +1,80 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { DateTime } from 'luxon';
+import { DateTimeCardCorners } from '../date-time-card/date-time-card';
+export declare class TimePicker {
+  hostElement: HTMLIxTimePickerElement;
+  /**
+   * Format of time string
+   *
+   * @since 1.1.0
+   */
+  format: string;
+  /**
+   * Corner style
+   */
+  corners: DateTimeCardCorners;
+  /**
+   * @deprecated - will get removed with next major release
+   */
+  individual: boolean;
+  /**
+   * Show hour input
+   */
+  showHour: boolean;
+  /**
+   * Show minutes input
+   */
+  showMinutes: boolean;
+  /**
+   * Show seconds input
+   */
+  showSeconds: boolean;
+  /**
+   * 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;
+  /**
+   * Set time reference
+   */
+  timeReference: 'AM' | 'PM';
+  /**
+   * Text of date select button
+   *
+   * @since 1.1.0
+   */
+  textSelectTime: string;
+  /**
+   * Time event
+   */
+  done: EventEmitter<string>;
+  /**
+   * Time change event
+   */
+  timeChange: EventEmitter<string>;
+  hourInputRef: HTMLInputElement;
+  minuteInputRef: HTMLInputElement;
+  secondInputRef: HTMLInputElement;
+  referenceInputRef: HTMLInputElement;
+  get hour(): import("luxon").HourNumbers;
+  get minutes(): import("luxon").SecondNumbers;
+  get seconds(): import("luxon").SecondNumbers;
+  private _time;
+  private updateInput;
+  private changeReference;
+  private setHourAccordingToReference;
+  private emitTimeChange;
+  componentWillLoad(): void;
+  /**
+   * Get current time
+   */
+  getCurrentTime(): Promise<DateTime>;
+  render(): any;
+}

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

@@ -0,0 +1,25 @@
+import { TypedEvent } from '../utils/typed-event';
+import { ToastConfig } from './toast-utils';
+export declare class ToastContainer {
+  host: HTMLIxToastContainerElement;
+  /**
+   */
+  containerId: string;
+  /**
+   */
+  containerClass: string;
+  /**
+   */
+  position: string;
+  get hostContainer(): HTMLElement;
+  componentDidLoad(): void;
+  /**
+   * Display a toast message
+   * @param config
+   */
+  showToast(config: ToastConfig): Promise<{
+    onClose: TypedEvent<any>;
+    close: (result?: any) => void;
+  }>;
+  render(): any;
+}

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

@@ -0,0 +1,33 @@
+export declare type ToastType = 'info' | 'success' | 'error' | 'warning';
+export interface ToastConfig {
+  title?: string;
+  message: string | HTMLElement;
+  type?: ToastType;
+  autoClose?: boolean;
+  autoCloseDelay?: number;
+  icon?: string;
+  iconColor?: string;
+}
+declare function toast(config: ToastConfig): Promise<{
+  onClose: import("../utils/typed-event").TypedEvent<any>;
+  close: (result?: any) => void;
+}>;
+declare namespace toast {
+  var info: (config: ToastConfig) => Promise<{
+    onClose: import("../utils/typed-event").TypedEvent<any>;
+    close: (result?: any) => void;
+  }>;
+  var error: (config: ToastConfig) => Promise<{
+    onClose: import("../utils/typed-event").TypedEvent<any>;
+    close: (result?: any) => void;
+  }>;
+  var success: (config: ToastConfig) => Promise<{
+    onClose: import("../utils/typed-event").TypedEvent<any>;
+    close: (result?: any) => void;
+  }>;
+  var warning: (config: ToastConfig) => Promise<{
+    onClose: import("../utils/typed-event").TypedEvent<any>;
+    close: (result?: any) => void;
+  }>;
+}
+export { toast };

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

@@ -0,0 +1,39 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { ToastType } from './toast-utils';
+export declare class Toast {
+  /**
+   * Toast type
+   */
+  type: ToastType;
+  /**
+   * Toast title
+   */
+  toastTitle: string;
+  /**
+   * Autoclose title after delay
+   */
+  autoCloseDelay: number;
+  /**
+   * Autoclose behavior
+   */
+  autoClose: boolean;
+  /**
+   * Icon of toast
+   */
+  icon: string;
+  /**
+   * Icon color of toast
+   */
+  iconColor: string;
+  /**
+   * Toast closed
+   */
+  closeToast: EventEmitter;
+  progress: number;
+  isRunning: boolean;
+  touched: boolean;
+  host: HTMLIxToastElement;
+  private getIcon;
+  private close;
+  render(): any;
+}

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

@@ -0,0 +1,45 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class CuiToggle {
+  /**
+   * Whether the slide-toggle element is checked or not.
+   */
+  checked: boolean;
+  /**
+   * Whether the slide-toggle element is disabled or not.
+   */
+  disabled: boolean;
+  /**
+   * If true the control is in indeterminate state
+   */
+  indeterminate: boolean;
+  /**
+   * Basic and status colors from color palette
+   * @deprecated - Has no effect on the rendered control
+   */
+  color: string;
+  /**
+   * Text for on state
+   */
+  textOn: string;
+  /**
+   * Text for off state
+   */
+  textOff: string;
+  /**
+   * Text for indeterminate state
+   */
+  textIndeterminate: string;
+  /**
+   * Hide `on` and `off` text
+   */
+  hideText: boolean;
+  /**
+   * An event will be dispatched each time the slide-toggle changes its value.
+   */
+  checkedChange: EventEmitter<boolean>;
+  hostElement: HTMLIxToggleElement;
+  onKeyDown(event: KeyboardEvent): Promise<void>;
+  private emitChange;
+  private getText;
+  render(): any;
+}

package/dist/types/components/tree/tree-model.d.ts

@@ -0,0 +1,17 @@
+export declare type TreeItemId = string;
+export declare type TreeContext = Record<string, TreeItemContext>;
+export declare type TreeModel<T> = Record<TreeItemId, TreeItem<T>>;
+export declare type UpdateCallback = (treeItem: TreeItem<any>, context: TreeContext) => void;
+export interface TreeItem<T> {
+  id: TreeItemId;
+  data: T;
+  hasChildren: boolean;
+  children: TreeItemId[];
+}
+export interface TreeItemVisual<T> extends TreeItem<T> {
+  level: number;
+}
+export interface TreeItemContext {
+  isExpanded: boolean;
+  isSelected: boolean;
+}

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

@@ -0,0 +1,44 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { TreeContext, TreeModel, UpdateCallback } from './tree-model';
+export declare class Tree {
+  host: HTMLIxTreeElement;
+  /**
+   * Initial root element will not be rendered
+   */
+  root: string;
+  /**
+   * Tree modal
+   */
+  model: TreeModel<any>;
+  /**
+   * Render function of tree items
+   */
+  renderItem: <T = any>(index: number, data: T, dataList: Array<T>, context: TreeContext, update: (callback: UpdateCallback) => void) => HTMLElement;
+  /**
+   * Selection and collapsed state management
+   */
+  context: TreeContext;
+  /**
+   * Context changed
+   */
+  contextChange: EventEmitter<TreeContext>;
+  /**
+   * Emits removed nodes
+   */
+  nodeRemoved: EventEmitter<any>;
+  private hyperlist;
+  private toggleListener;
+  private itemClickListener;
+  private updates;
+  private observer;
+  private getVirtualizerOptions;
+  private setContext;
+  private getContext;
+  private buildTreeList;
+  componentDidLoad(): void;
+  componentWillRender(): void;
+  disconnectedCallback(): void;
+  modelChange(): void;
+  private refreshList;
+  render(): any;
+}

package/dist/types/components/tree-item/default-tree-item.d.ts

@@ -0,0 +1,6 @@
+import { TreeItem, TreeItemContext, UpdateCallback } from '../tree/tree-model';
+export interface DefaultTreeItemData {
+  name: string;
+}
+export declare type DefaultTreeItem = TreeItem<DefaultTreeItemData>;
+export declare function renderDefaultItem(item: DefaultTreeItem, context: TreeItemContext, update: (_: UpdateCallback) => void): HTMLIxTreeItemElement;

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

@@ -0,0 +1,25 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { TreeItemContext } from '../tree/tree-model';
+export declare class TreeItem {
+  /**
+   * Text
+   */
+  text: string;
+  /**
+   * Has tree item children
+   */
+  hasChildren: boolean;
+  /**
+   * Context
+   */
+  context: TreeItemContext;
+  /**
+   * Expand/Collapsed toggled
+   */
+  toggle: EventEmitter<void>;
+  /**
+   * Clicked
+   */
+  itemClick: EventEmitter<void>;
+  render(): any;
+}

package/dist/types/components/upload/upload-file-state.d.ts

@@ -0,0 +1,6 @@
+export declare enum UploadFileState {
+  SELECT_FILE = "SELECT_FILE",
+  LOADING = "LOADING",
+  UPLOAD_FAILED = "UPLOAD_FAILED",
+  UPLOAD_SUCCESSED = "UPLOAD_SUCCESSED"
+}

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

@@ -0,0 +1,70 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { UploadFileState } from './upload-file-state';
+export declare class Upload {
+  /**
+   * The accept attribute specifies the types of files that the server accepts (that can be submitted through a file upload).
+   * [accept]{@link https://www.w3schools.com/tags/att_input_accept.asp}
+   */
+  accept: string;
+  /**
+   * If multiple is true the user can drop or select multiple files
+   */
+  multiple: boolean;
+  /**
+   * Whether the text should wrap to more than one line
+   */
+  multiline: boolean;
+  /**
+   * Disable all input events
+   */
+  disabled: boolean;
+  /**
+   * After a file is uploaded you can set the upload component to a defined state
+   */
+  state: UploadFileState;
+  /**
+   * Will be used by state = UploadFileState.SELECT_FILE
+   */
+  selectFileText: string;
+  /**
+   * Will be used by state = UploadFileState.LOADING
+   */
+  loadingText: string;
+  /**
+   * Will be used by state = UploadFileState.UPLOAD_FAILED
+   */
+  uploadFailedText: string;
+  /**
+   * Will be used by state = UploadFileState.UPLOAD_SUCCESSED
+   */
+  uploadSuccessText: string;
+  /**
+   * Label for upload file button
+   */
+  i18nUploadFile: string;
+  /**
+   * Text for disabled state
+   */
+  i18nUploadDisabled: string;
+  /**
+   * You get an array of Files after drop-action or browse action is finished
+   */
+  filesChanged: EventEmitter<Array<File>>;
+  hostElement: HTMLIxUploadElement;
+  get inputElement(): HTMLInputElement;
+  isFileOver: boolean;
+  private filesToUpload;
+  constructor();
+  private fileDropped;
+  private fileOver;
+  private fileLeave;
+  private fileChangeEvent;
+  private convertToFileArray;
+  private renderUploadState;
+  /**
+   * Set files
+   * @param obj
+   */
+  setFilesToUpload(obj: any): Promise<void>;
+  render(): any;
+}

package/dist/types/components/utils/animation.d.ts

@@ -0,0 +1,7 @@
+export default abstract class Animation {
+  static readonly shortTime = 0;
+  static readonly defaultTime = 150;
+  static readonly mediumTime = 300;
+  static readonly slowTime = 500;
+  static readonly xSlowTime = 1000;
+}

package/dist/types/components/utils/button-variants.d.ts

@@ -0,0 +1 @@
+export declare type Buttons = 'Primary' | 'Secondary';

package/dist/types/components/utils/mutation-observer.d.ts

@@ -0,0 +1 @@
+export declare const createMutationObserver: (callback: MutationCallback) => MutationObserver;

package/dist/types/components/utils/notification-color.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Icon colors representing common notification states (e.g. alarm, info).
+ */
+export declare type NotificationColor = 'color-std-text' | 'color-info' | 'color-warning' | 'color-success' | 'color-alarm';

package/dist/types/components/utils/popover.util.d.ts

@@ -0,0 +1,9 @@
+export declare class Popover {
+  private readonly hostElement;
+  private readonly popoverElement;
+  private readonly outsideCallback;
+  constructor(hostElement: HTMLElement, popoverElement: HTMLElement, outsideCallback: (e: Event) => void);
+  outside(e: Event): void;
+  open(maxWidth?: number): void;
+  destroy(): void;
+}

package/dist/types/components/utils/rwd.util.d.ts

@@ -0,0 +1,2 @@
+export declare const convertToRemString: (value: number) => string;
+export declare const convertToAbbreviationString: (num: number) => string;

package/dist/types/components/utils/toggle-theme.d.ts

@@ -0,0 +1 @@
+export declare const toggleVariant: () => void;

package/dist/types/components/utils/typed-event.d.ts

@@ -0,0 +1,15 @@
+export interface Listener<T> {
+  (event: T): any;
+}
+export interface Disposable {
+  dispose(): void;
+}
+export declare class TypedEvent<T> {
+  private readonly listeners;
+  private listenersOncer;
+  on: (listener: Listener<T>) => Disposable;
+  once: (listener: Listener<T>) => void;
+  off: (listener: Listener<T>) => void;
+  emit: (event: T) => void;
+  pipe: (te: TypedEvent<T>) => Disposable;
+}