@siemens/ix 1.5.0 → 1.6.0

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

@@ -0,0 +1,78 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+/**
+ * @since 1.6.0
+ */
+export declare class CardList {
+  /**
+   * Name the card list
+   */
+  label: string;
+  /**
+   * Collapse the list
+   */
+  collapse: boolean;
+  /**
+   * List style
+   */
+  listStyle: 'stack' | 'scroll';
+  /**
+   * Maximal visible cards
+   *
+   * @internal
+   */
+  maxVisibleCards: number;
+  /**
+   * Overwrite the default show all count.
+   * */
+  showAllCount: number | undefined;
+  /**
+   * Suppress the overflow handling of child elements
+   */
+  suppressOverflowHandling: boolean;
+  /**
+   * i18n Show all button
+   */
+  i18nShowAll: string;
+  /**
+   * i18n More cards available
+   */
+  i18nMoreCards: string;
+  /**
+   * Fire event when the collapse state is changed by the user
+   */
+  collapseChanged: EventEmitter<boolean>;
+  /**
+   * Fire event when the collapse state is changed by the user
+   */
+  showAllClick: EventEmitter<{
+    nativeEvent: MouseEvent;
+  }>;
+  /**
+   * Fire event when the show more card is clicked.
+   */
+  showMoreCardClick: EventEmitter<{
+    nativeEvent: MouseEvent;
+  }>;
+  hostElement: HTMLIxCardListElement;
+  private hasOverflowingElements;
+  private numberOfOverflowingElements;
+  private numberOfAllChildElements;
+  private leftScrollDistance;
+  private rightScrollDistance;
+  private observer;
+  private onCardListVisibilityToggle;
+  private onShowAllClick;
+  private getListChildren;
+  private changeVisibilityOfSlotChildren;
+  private registerOverflowHandler;
+  private shouldHandleOverflow;
+  private get listElement();
+  private onCardListScroll;
+  private isShowMoreCardVisible;
+  private getOpacityFromScrollDistance;
+  private computeMaskLayer;
+  private detectOverflow;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+}

package/dist/types/components/card-title/card-title.d.ts

@@ -0,0 +1,8 @@
+/**
+ * @slot title-actions - Place additional actions inside title
+ *
+ * @since 1.6.0
+ */
+export declare class CardHeader {
+  render(): any;
+}

package/dist/types/components/content-header/content-header.d.ts

@@ -0,0 +1,25 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type ContentHeaderVariant = 'Primary' | 'Secondary';
+export declare class ContentHeader {
+  /**
+   * Variant of content header
+   */
+  variant: ContentHeaderVariant;
+  /**
+   * Title of Header
+   */
+  headerTitle: string;
+  /**
+   * Subtitle of Header
+   */
+  headerSubtitle: string | undefined;
+  /**
+   * Display a back button
+   */
+  hasBackButton: boolean;
+  /**
+   * Triggered when back button is clicked
+   */
+  backButtonClick: EventEmitter<void>;
+  render(): any;
+}

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

@@ -40,7 +40,7 @@ export declare class Drawer {
    * Toggle or define show state of drawer
    * @param show Overwrite toggle state with boolean
    */
-  toggleDrawer(show: boolean): Promise<void>;
+  toggleDrawer(show?: boolean): Promise<void>;
   private onCloseClicked;
   private clickedOutside;
   private slideOutRight;

package/dist/types/components/empty-state/empty-state.d.ts

@@ -0,0 +1,32 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+export type EmptyStateLayout = 'large' | 'compact' | 'compactBreak';
+/**
+ * @since 1.6.0
+ */
+export declare class EmptyState {
+  /**
+   * Optional empty state layout - one of 'large', 'compact' or 'compactBreak'
+   */
+  layout: EmptyStateLayout;
+  /**
+   * Optional empty state icon
+   */
+  icon: string;
+  /**
+   * Empty state header
+   */
+  header: string;
+  /**
+   * Optional empty state sub header
+   */
+  subHeader: string;
+  /**
+   * Optional empty state action
+   */
+  action: string;
+  /**
+   * Empty state action click event
+   */
+  actionClick: EventEmitter<void>;
+  render(): any;
+}

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

@@ -12,6 +12,11 @@ export declare class ExpandingSearch {
    * Default value
    */
   value: string;
+  /**
+   * If true the search field will fill all available horizontal space of it's parent container when expanded.
+   * @since 1.6.0
+   */
+  fullWidth: boolean;
   isFieldChanged: boolean;
   expanded: boolean;
   hasFocus: boolean;

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

@@ -47,6 +47,7 @@ export declare class IconButton implements Button {
    * Type of the button
    */
   type: 'button' | 'submit';
+  private getIconSizeClass;
   private getIconButtonClasses;
   render(): any;
 }

package/dist/types/components/key-value/key-value.d.ts

@@ -0,0 +1,25 @@
+export type KeyValueLabelPosition = 'top' | 'left';
+/**
+ * @slot custom-value - Optional custom value at key value instead of text value
+ *
+ * @since 1.6.0
+ */
+export declare class KeyValue {
+  /**
+   * Optional key value icon
+   */
+  icon: string;
+  /**
+   * Key value label
+   */
+  label: string;
+  /**
+   * Optional key value label position - 'top' or 'left'
+   */
+  labelPosition: KeyValueLabelPosition;
+  /**
+   * Optional key value text value
+   */
+  value: string;
+  render(): any;
+}

package/dist/types/components/key-value-list/key-value-list.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @since 1.6.0
+ */
+export declare class KeyValueList {
+  /**
+   * Optional striped key value list style
+   */
+  striped: boolean;
+  render(): any;
+}

package/dist/types/components/layout/css-grid/builder.d.ts

@@ -0,0 +1 @@
+export declare function templateBuilder(inputTemplate: string[][]): string;

package/dist/types/components/layout/css-grid/css-grid-item.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @internal
+ */
+export declare class CssGridItem {
+  /**
+   * Grid item name
+   */
+  itemName: string;
+  render(): any;
+}

package/dist/types/components/layout/css-grid/css-grid.d.ts

@@ -0,0 +1,18 @@
+export type CssGridTemplateType = 'sm' | 'md' | 'lg';
+/**
+ * @internal
+ */
+export declare class CssGrid {
+  /**
+   * Define css grid template
+   */
+  templates: Partial<Record<CssGridTemplateType, string[][]>>;
+  currentTemplate: string[][];
+  private disposeMediaQueryListener;
+  private mediaQueries;
+  componentWillRender(): void;
+  disconnectedCallback(): void;
+  private findNextTemplate;
+  private applyTemplate;
+  render(): any;
+}

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

@@ -31,7 +31,13 @@ export declare class MapNavigation {
   get overlay(): Element;
   componentDidRender(): void;
   private appendMenu;
-  private toggleSidebar;
+  /**
+   * Change the visibility of the sidebar
+   *
+   * @param show new visibility state
+   * @since 1.6.0
+   */
+  toggleSidebar(show?: boolean): Promise<void>;
   private closeSidebar;
   private openSidebar;
   /**

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

@@ -16,7 +16,7 @@ export declare class MenuItem {
    */
   tabIcon: string;
   /**
-   * Show notification cound on tab
+   * Show notification count on tab
    */
   notifications: number;
   /**
@@ -29,7 +29,9 @@ export declare class MenuItem {
   disabled: boolean;
   hostElement: HTMLIxMenuItemElement;
   title: string;
-  get tabLabel(): Element;
-  componentDidRender(): void;
+  private observer;
+  componentWillRender(): void;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
   render(): any;
 }

package/dist/types/components/push-card/push-card.d.ts

@@ -0,0 +1,28 @@
+import { CardVariant } from '../card/card';
+export type PushCardVariant = CardVariant;
+/**
+ * @since 1.6.0
+ */
+export declare class PushCard {
+  /**
+   * Card icon
+   */
+  icon: string | undefined;
+  /**
+   * Card KPI value
+   */
+  notification: string;
+  /**
+   * Card heading
+   */
+  heading: string;
+  /**
+   * Card subheading
+   */
+  subheading: string;
+  /**
+   * Card variant
+   */
+  variant: PushCardVariant;
+  render(): any;
+}

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

@@ -67,6 +67,10 @@ export declare class TimePicker {
   get minutes(): number;
   get seconds(): number;
   private _time;
+  private setInputValue;
+  private updateAndEmitTime;
+  private toggleInputValue;
+  private toggleHourInputWithRef;
   private updateInput;
   private changeReference;
   private setHourAccordingToReference;
@@ -76,5 +80,8 @@ export declare class TimePicker {
    * Get current time
    */
   getCurrentTime(): Promise<string>;
+  private getDisplayedHour;
+  private getMaxDisplayedHour;
+  private getMaxHour;
   render(): any;
 }

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

@@ -30,7 +30,6 @@ export declare class Toast {
    */
   closeToast: EventEmitter;
   progress: number;
-  isRunning: boolean;
   touched: boolean;
   host: HTMLIxToastElement;
   private getIcon;

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

@@ -1,11 +1,16 @@
-import { TypographyVariants } from './types';
+export type TypographyVariants = 'x-small' | 'small' | 'caption' | 'caption-single' | 'default' | 'default-single' | 'default-title' | 'default-title-single' | 'large' | 'large-single' | 'large-title' | 'large-title-single' | 'h2' | 'display-large';
+export type TypographyColors = 'contrast' | 'std' | 'soft' | 'weak' | 'inv-contrast' | 'inv-std' | 'inv-soft' | 'inv-weak' | 'alarm';
 /**
  * @internal
  */
 export declare class IxTypography {
   /**
-   * Font variant
+   * Font variant based on theme variables
    */
   variant: TypographyVariants;
+  /**
+   * Text color based on theme variables
+   */
+  color: TypographyColors;
   render(): any;
 }