@siemens/ix 1.0.0-beta.2

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,46 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { DateTimeCardCorners } from '../date-time-card/date-time-card';
+export declare class TimePicker {
+  hostElement: HTMLIxTimePickerElement;
+  /**
+   * Set corners style
+   */
+  corners: DateTimeCardCorners;
+  /**
+   * set styles
+   */
+  individual: boolean;
+  /**
+   * Show Hour Input
+   */
+  showHour: boolean;
+  /**
+   * Show Minutes Input
+   */
+  showMinutes: boolean;
+  /**
+   * Show Seconds Input
+   */
+  showSeconds: boolean;
+  /**
+   * Show Time Reference Input
+   */
+  showTimeReference: boolean;
+  /**
+   * Time event
+   */
+  done: EventEmitter<string>;
+  /**
+   * Time change event
+   */
+  timeChange: EventEmitter<string>;
+  hourInputRef: HTMLInputElement;
+  minuteInputRef: HTMLInputElement;
+  secondInputRef: HTMLInputElement;
+  referenceInputRef: HTMLInputElement;
+  private time;
+  private updateInput;
+  private changeReference;
+  private setHourAccordingToReference;
+  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;
+}

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

@@ -0,0 +1,31 @@
+import '@popperjs/core';
+import { Placement } from '@popperjs/core';
+/**
+ * @slot tooltip-message - Custom tooltip message with html support
+ */
+export declare class ValidationTooltip {
+  hostElement: HTMLIxValidationTooltipElement;
+  /**
+   * Message of the tooltip
+   */
+  message: string;
+  /**
+   * Placement of the tooltip
+   */
+  placement: Placement;
+  isInputValid: boolean;
+  private popper?;
+  private onSubmitBind;
+  private onInputFocusBind;
+  private observer;
+  get arrow(): Element;
+  get inputElement(): HTMLInputElement;
+  get formElement(): HTMLFormElement;
+  get tooltipElement(): HTMLElement;
+  componentDidLoad(): void;
+  private onInputFocus;
+  private onSubmit;
+  disconnectedCallback(): void;
+  validationChanged(): void;
+  render(): any;
+}

package/dist/types/components/workflow-step/workflow-step.d.ts

@@ -0,0 +1,35 @@
+export declare class WorkflowStep {
+  hostElement: HTMLIxWorkflowStepElement;
+  /**
+   * Select orientation
+   */
+  vertical: boolean;
+  /**
+   * Set disabled
+   */
+  disabled: boolean;
+  /**
+   * Set status
+   */
+  status: 'open' | 'success' | 'done' | 'warning' | 'error';
+  /**
+   * Activate navigation click
+   */
+  clickable: boolean;
+  /**
+   * Set selected
+   */
+  selected: boolean;
+  /**
+   * Activate navigation click
+   */
+  position: 'first' | 'last' | 'undefined';
+  iconName: 'circle' | 'circle-dot' | 'success' | 'warning' | 'error';
+  iconColor: string;
+  private customIconSlot;
+  private select;
+  selectedHandler(): void;
+  watchPropHandler(): void;
+  componentDidLoad(): void;
+  render(): any;
+}

package/dist/types/components/workflow-steps/workflow-steps.d.ts

@@ -0,0 +1,29 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export declare class WorkflowSteps {
+  hostElement: HTMLIxWorkflowStepsElement;
+  /**
+   * Select orientation
+   */
+  vertical: boolean;
+  /**
+   * Select linear mode
+   */
+  linear: boolean;
+  /**
+   * Activate navigation click
+   */
+  clickable: boolean;
+  /**
+   * Activate navigation click
+   */
+  selectedIndex: number;
+  /**
+   * On step selected event
+   */
+  stepSelected: EventEmitter<number>;
+  private getSteps;
+  private deselectAll;
+  componentDidRender(): void;
+  componentWillRender(): void;
+  render(): any;
+}