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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +0,0 @@
-/**
- * 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

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

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

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

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

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

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