@ukic/web-components 2.1.0-beta.14 → 2.1.0-beta.16

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

@@ -1,6 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcInformationStatusOrEmpty, IcMenuOption, IcSearchMatchPositions } from "../../utils/types";
-import { IcValueEventDetail } from "../../interface";
+import { IcInformationStatusOrEmpty, IcMenuOption, IcSearchMatchPositions, IcValueEventDetail } from "../../utils/types";
 import { IcOptionSelectEventDetail } from "../ic-menu/ic-menu.types";
 export declare class Select {
   private nativeSelectElement;
@@ -21,6 +20,7 @@ export declare class Select {
   private hasTimedOut;
   private blurredBecauseButtonPressed;
   private retryButtonClick;
+  private searchableMenuItemSelected;
   /**
    * The label for the select.
    */
@@ -70,7 +70,7 @@ export declare class Select {
    */
   validationText?: string;
   /**
-   * The value of the currently selected option.
+   * The value of the select, reflected by the value of the currently selected option. For the searchable variant, the value is also reflected by the user input.
    */
   value?: string;
   /**
@@ -110,7 +110,7 @@ export declare class Select {
    */
   emptyOptionListText: string;
   /**
-   * Specify whether to disable the built in filtering for a searchable variant. For example, if options will already be filtered from external source.
+   * If `true`, the built in filtering will be disabled for a searchable variant. For example, if options will already be filtered from external source.
    */
   disableFilter?: boolean;
   /**
@@ -118,15 +118,15 @@ export declare class Select {
    */
   timeout?: number;
   /**
-   * Change the message displayed whilst the options are being loaded externally.
+   * The message displayed whilst the options are being loaded externally.
    */
   loadingLabel?: string;
   /**
-   * Change the message displayed when external loading times out.
+   * The message displayed when external loading times out.
    */
   loadingErrorLabel?: string;
   /**
-   * Trigger loading state when fetching options asyncronously
+   * If `true`, the loading state will be triggered when fetching options asyncronously.
    */
   loading?: boolean;
   open: boolean;
@@ -151,20 +151,20 @@ export declare class Select {
    */
   icChange: EventEmitter<IcValueEventDetail>;
   /**
-   * Emitted when clear button clicked.
+   * Emitted when the clear button is clicked.
    */
   icClear: EventEmitter<void>;
   /**
-   * Emitted when select gains focus.
+   * Emitted when the select gains focus.
    */
   icFocus: EventEmitter<void>;
   /**
-   * Emitted when select loses focus.
+   * Emitted when the select loses focus.
    */
   icBlur: EventEmitter<void>;
   /**
-   * Emitted when option is highlighted within the menu.
-   * Highlighting a menu item will trigger an `icChange/onIcChange` due to the value being updated.
+   * Emitted when an option is highlighted within the menu.
+   * Highlighting a menu item will also trigger an `icChange/onIcChange` due to the value being updated.
    */
   icOptionSelect: EventEmitter<IcOptionSelectEventDetail>;
   /**
@@ -172,7 +172,7 @@ export declare class Select {
    */
   icInput: EventEmitter<IcValueEventDetail>;
   /**
-   * Emitted when the 'retry loading' button is clicked
+   * Emitted when the 'retry loading' button is clicked for a searchable variant.
    */
   icRetryLoad: EventEmitter<IcValueEventDetail>;
   host: HTMLIcSelectElement;
@@ -184,7 +184,6 @@ export declare class Select {
   private updateOnChangeDebounce;
   private emitIcChange;
   private emitImmediateIcChange;
-  private isMenuEnabled;
   private setOptionsValuesFromLabels;
   private setUngroupedOptions;
   private setTextColor;
@@ -195,6 +194,7 @@ export declare class Select {
   private handleCustomSelectChange;
   private handleMenuChange;
   private handleMenuKeyPress;
+  private handleMenuValueChange;
   private handleFocusIndicatorDisplay;
   private handleMouseDown;
   private isExternalFiltering;

package/dist/types/components/ic-side-navigation/ic-side-navigation.d.ts

@@ -49,6 +49,7 @@ export declare class SideNavigation {
   deviceSize: number;
   deviceSizeAppTitle: number;
   hasSecondaryNavigation: boolean;
+  private IC_NAVIGATION_ITEM;
   private ANIMATION_DURATION;
   themeChangeHandler(ev: CustomEvent): void;
   private emitSideNavigationExpanded;

package/dist/types/components/ic-skeleton/ic-skeleton.types.d.ts

@@ -1 +1 @@
-export declare type IcSkeletonVariants = "rectangle" | "text" | "circle";
+export type IcSkeletonVariants = "rectangle" | "text" | "circle";

package/dist/types/components/ic-status-tag/ic-status-tag.types.d.ts

@@ -1,2 +1,2 @@
-export declare type IcStatusTagStatuses = "neutral" | "success" | "warning" | "danger";
-export declare type IcStatusTagAppearance = "filled" | "outlined";
+export type IcStatusTagStatuses = "neutral" | "success" | "warning" | "danger";
+export type IcStatusTagAppearance = "filled" | "outlined";

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

@@ -1,3 +1,3 @@
-export declare type IcStepVariants = "default" | "compact";
-export declare type IcStepStatuses = "optional" | "required";
-export declare type IcStepTypes = "active" | "current" | "completed" | "disabled";
+export type IcStepVariants = "default" | "compact";
+export type IcStepStatuses = "optional" | "required";
+export type IcStepTypes = "active" | "current" | "completed" | "disabled";

package/dist/types/components/ic-stepper/ic-stepper.types.d.ts

@@ -1 +1 @@
-export declare type IcStepperAlignment = "left" | "full-width";
+export type IcStepperAlignment = "left" | "full-width";

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

@@ -46,6 +46,7 @@ export declare class Tab {
    * Sets focus on the tab.
    */
   setFocus(): Promise<void>;
+  componentWillLoad(): void;
   componentDidUpdate(): void;
   connectedCallback(): void;
   disconnectedCallback(): void;

package/dist/types/components/ic-text-field/ic-text-field.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcAutocompleteTypes, IcAutocorrectStates, IcInformationStatusOrEmpty, IcValueEventDetail } from "../../interface";
+import { IcAutocompleteTypes, IcAutocorrectStates, IcInformationStatusOrEmpty, IcValueEventDetail } from "../../utils/types";
 import { IcAriaAutocompleteTypes, IcTextFieldInputModes, IcTextFieldTypes } from "./ic-text-field.types";
 /**
  * @slot icon - Content will be placed to the left of the text input.

package/dist/types/components/ic-text-field/ic-text-field.types.d.ts

@@ -1,3 +1,3 @@
-export declare type IcTextFieldTypes = "email" | "password" | "tel" | "text" | "url" | "number" | "search";
-export declare type IcTextFieldInputModes = "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
-export declare type IcAriaAutocompleteTypes = "inline" | "list" | undefined;
+export type IcTextFieldTypes = "email" | "password" | "tel" | "text" | "url" | "number" | "search";
+export type IcTextFieldInputModes = "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+export type IcAriaAutocompleteTypes = "inline" | "list" | undefined;

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

@@ -1 +1 @@
-export declare type ActionAreaElementTypes = HTMLIcButtonElement | HTMLIcLinkElement;
+export type ActionAreaElementTypes = HTMLIcButtonElement | HTMLIcLinkElement;

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

@@ -1 +1 @@
-export declare type IcTooltipPlacements = "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start";
+export type IcTooltipPlacements = "top-start" | "top" | "top-end" | "right-start" | "right" | "right-end" | "bottom-end" | "bottom" | "bottom-start" | "left-end" | "left" | "left-start";

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

@@ -9,5 +9,32 @@ export declare class Typography {
    * If `true`, appropriate top and bottom margins will be applied to the typography.
    */
   applyVerticalMargins?: boolean;
+  /**
+   * The number of lines to display before truncating the text, only used for the 'body' variant.
+   */
+  maxLines?: number;
+  expanded: boolean;
+  truncated: boolean;
+  truncButtonFocussed: boolean;
+  private truncWrapperEl;
+  private resizeObserver;
+  private resizeInterval;
+  private lastWidth;
+  private lastMarkerTop;
+  private truncatedHeight;
+  private marker;
+  private focusBtnFromKeyboard;
+  watchExpandedHandler(): void;
+  private toggleExpanded;
+  private checkMaxLines;
+  private checkMarkerPosition;
+  private getElementTop;
+  private runResizeObserver;
+  private resizeObserverCallback;
+  private truncButtonFocus;
+  private truncButtonBlur;
+  private truncButtonFocusFromMouse;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
   render(): any;
 }