@ukic/web-components 2.1.0-beta.15 → 2.1.0-beta.17

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

@@ -8,50 +8,50 @@ import { IcHeroContentAlignments } from "./ic-hero.types";
  */
 export declare class Hero {
   el: HTMLIcHeroElement;
+  foregroundColor: IcThemeForeground;
+  rightContent: boolean;
+  leftContentFullWidth: boolean;
+  scrollFactor: string;
   /**
-   * The heading of the hero.
-   */
-  heading: string;
-  /**
-   * The description for the hero.
-   */
-  subheading?: string;
-  /**
-   * The optional secondary heading, replaced by slotted right content.
-   */
-  secondaryHeading?: string;
-  /**
-   * The optional secondary subheading, replaced by slotted right content.
+   * The alignment of the hero.
    */
-  secondarySubheading?: string;
+  aligned: IcAlignment;
   /**
    * The optional background image.
    */
   backgroundImage?: string;
+  /**
+   * The alignment of the hero content.
+   */
+  contentAligned: IcHeroContentAlignments;
   /**
    * If `true`, the background image (if set) will not scroll using a parallax effect.
    */
   disableBackgroundParallax?: boolean;
   /**
-   * The alignment of the hero.
+   * The heading of the hero.
    */
-  aligned: IcAlignment;
+  heading: string;
   /**
-   * The alignment of the hero content.
+   * The optional secondary heading, replaced by slotted right content.
    */
-  contentAligned: IcHeroContentAlignments;
+  secondaryHeading?: string;
+  /**
+   * The optional secondary subheading, replaced by slotted right content.
+   */
+  secondarySubheading?: string;
   /**
    * If `true`, the small styling will be applied to the hero.
    */
   small: boolean;
-  rightContent: boolean;
-  scrollFactor: string;
-  leftContentFullWidth: boolean;
-  foregroundColor: IcThemeForeground;
-  themeChangeHandler(ev: CustomEvent): void;
-  doScroll(): void;
+  /**
+   * The description for the hero.
+   */
+  subheading?: string;
   componentWillLoad(): void;
   componentDidLoad(): void;
   componentWillRender(): void;
+  themeChangeHandler(ev: CustomEvent): void;
+  doScroll(): void;
   render(): any;
 }

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

@@ -1 +1 @@
-export declare type IcHeroContentAlignments = "left" | "center";
+export type IcHeroContentAlignments = "left" | "center";

package/dist/types/components/ic-horizontal-scroll/ic-horizontal-scroll.d.ts

@@ -1,25 +1,29 @@
 import { IcThemeForeground } from "../../utils/types";
 export declare class HorizontalScroll {
+  private buttonStateSet;
+  private isScrolling;
+  private itemOffsets;
+  private items;
+  private itemsContainerEl;
+  private resizeObserver;
+  private scrollDelay;
   el: HTMLIcHorizontalScrollElement;
+  firstItemVisible: boolean;
+  itemOverflow: boolean;
+  lastItemVisible: boolean;
   /**
    * The appearance of the horizontal scroll, e.g. dark, light or the default.
    */
   appearance?: IcThemeForeground;
-  firstItemVisible: boolean;
-  lastItemVisible: boolean;
-  itemOverflow: boolean;
-  private itemOffsets;
-  private itemsContainerEl;
-  private items;
-  private resizeObserver;
-  private isScrolling;
-  private scrollDelay;
-  private buttonStateSet;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
   /**
    * @internal if side scrolling enabled, scrolls the specified item into view.
    */
   scrollItemIntoView(itemPosition: number): Promise<void>;
-  itemFocusHandler(itemPosition: number): void;
+  private focusHandler;
+  private itemFocusHandler;
   private resizeObserverCallback;
   private runResizeObserver;
   private scrollLeft;
@@ -32,8 +36,5 @@ export declare class HorizontalScroll {
   private getCurrentLeftItem;
   private scrollHandler;
   private scrollStopped;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
   render(): any;
 }

package/dist/types/components/ic-input-component-container/ic-input-component-container.d.ts

@@ -3,38 +3,38 @@ import { IcInformationStatusOrEmpty } from "../../utils/types";
  * @slot left-icon - Content will be placed to the left of the input.
  */
 export declare class InputComponentContainer {
+  host: HTMLIcInputComponentContainerElement;
+  /**
+   *  If `true`, the dark variant of the input component container will be displayed.
+   */
+  dark?: boolean;
   /**
    *  If `true`, the disabled state will be set.
    */
   disabled: boolean;
   /**
-   *  If `true`, the readonly state will be set.
+   *  If `true`, the input component container will fill the width of the container it is in.
    */
-  readonly: boolean;
+  fullWidth: boolean;
   /**
-   * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.
+   *  If `true`, the input component container will allow for multiple lines.
    */
-  validationStatus: IcInformationStatusOrEmpty;
+  multiLine: boolean;
   /**
-   *  If `true`, the small styling will be applied to the input component container.
+   *  If `true`, the readonly state will be set.
    */
-  small: boolean;
+  readonly: boolean;
   /**
-   *  If `true`, the input component container will allow for multiple lines.
+   *  If `true`, the small styling will be applied to the input component container.
    */
-  multiLine: boolean;
+  small: boolean;
   /**
    *  If `true`, the validation will display inline.
    */
   validationInline: boolean;
   /**
-   *  If `true`, the dark variant of the input component container will be displayed.
-   */
-  dark?: boolean;
-  /**
-   *  If `true`, the input component container will fill the width of the container it is in.
+   * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.
    */
-  fullWidth: boolean;
-  host: HTMLIcInputComponentContainerElement;
+  validationStatus: IcInformationStatusOrEmpty;
   render(): any;
 }

package/dist/types/components/ic-input-label/ic-input-label.d.ts

@@ -1,12 +1,20 @@
 export declare class InputLabel {
   /**
-   * The ID of the form element the label is bound to.
+   * If `true`, the dark variant of the input label will be displayed.
    */
-  for: string;
+  dark?: boolean;
   /**
-   * If `true`, the input label will require a value.
+   * If `true`, the disabled state will be set.
    */
-  required: boolean;
+  disabled: boolean;
+  /**
+   * If `true`, the input label will display with error styling.
+   */
+  error?: boolean;
+  /**
+   * The ID of the form element the label is bound to.
+   */
+  for: string;
   /**
    * The helper text that will be displayed.
    */
@@ -15,22 +23,14 @@ export declare class InputLabel {
    * The text content of the label.
    */
   label: string;
-  /**
-   * If `true`, the disabled state will be set.
-   */
-  disabled: boolean;
   /**
    * If `true`, the readonly state will be set.
    */
   readonly: boolean;
   /**
-   * If `true`, the input label will display with error styling.
-   */
-  error?: boolean;
-  /**
-   * If `true`, the dark variant of the input label will be displayed.
+   * If `true`, the input label will require a value.
    */
-  dark?: boolean;
+  required: boolean;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ic-input-validation/ic-input-validation.d.ts

@@ -6,25 +6,25 @@ import { IcAriaLiveModeVariants } from "./ic-input-validation.types";
 export declare class InputValidation {
   el: HTMLIcInputValidationElement;
   /**
-   * The validation message to display.
+   *  The ARIA live mode to apply to the message.
    */
-  message: string;
+  ariaLiveMode: IcAriaLiveModeVariants;
   /**
    * The ID of the form element the validation is bound to.
    */
   for: string;
-  /**
-   * The status of the validation - e.g. 'error' | 'warning' | 'success'.
-   */
-  status: IcInformationStatusOrEmpty;
   /**
    *  If `true`, the input validation will fill the width of the container.
    */
   fullWidth: boolean;
   /**
-   *  The ARIA live mode to apply to the message.
+   * The validation message to display.
    */
-  ariaLiveMode: IcAriaLiveModeVariants;
+  message: string;
+  /**
+   * The status of the validation - e.g. 'error' | 'warning' | 'success'.
+   */
+  status: IcInformationStatusOrEmpty;
   componentDidLoad(): void;
   render(): any;
 }

package/dist/types/components/ic-input-validation/ic-input-validation.types.d.ts

@@ -1 +1 @@
-export declare type IcAriaLiveModeVariants = "polite" | "assertive";
+export type IcAriaLiveModeVariants = "polite" | "assertive";

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

@@ -6,6 +6,10 @@ export declare class Link {
   private inheritedAttributes;
   private routerSlot;
   el: HTMLIcLinkElement;
+  /**
+   * The appearance of the link, e.g. dark, light, or default.
+   */
+  appearance?: IcThemeForeground;
   /**
    * If `true`, the user can save the linked URL instead of navigating to it.
    */
@@ -26,25 +30,21 @@ export declare class Link {
    * The relationship of the linked URL as space-separated link types.
    */
   rel?: string;
-  /**
-   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
-   */
-  target?: string;
   /**
    * @deprecated This prop should not be used anymore. The 'open in new tab/window' icon will display automatically if target="_blank".
    */
   showIcon?: boolean;
   /**
-   * The appearance of the link, e.g. dark, light, or default.
+   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
    */
-  appearance?: IcThemeForeground;
+  target?: string;
+  componentWillLoad(): void;
   themeChangeHandler(ev: CustomEvent): void;
-  private updateTheme;
   /**
    * Sets focus on the link.
    */
   setFocus(): Promise<void>;
-  componentWillLoad(): void;
+  private updateTheme;
   private hasRouterSlot;
   render(): any;
 }

package/dist/types/components/ic-loading-indicator/ic-loading-indicator.d.ts

@@ -1,31 +1,29 @@
 import { IcLoadingSizes, IcLoadingTypes } from "./ic-loading-indicator.types";
 import { IcThemeForegroundNoDefault } from "../../utils/types";
 export declare class LoadingIndicator {
+  private circularMeter;
+  private innerElement?;
+  private interval;
+  private labelList;
+  private outerElement?;
   host: HTMLIcLoadingIndicatorElement;
+  circularDiameter: number;
+  circularLineWidth: number;
+  indeterminate: boolean;
+  indicatorLabel: string;
+  showSecond: boolean;
   /**
-   * The current amount of progress made.
-   * If not provided, component acts as an indeterminate loading indicator.
-   */
-  progress?: number;
-  /**
-   * The minimum value that the progress value can take.
-   * Used to calculate the proportional width of the progress bar.
-   */
-  min?: number;
-  /**
-   * The maximum value that the progress value can take.
-   * Used to calculate the proportional width of the progress bar.
-   */
-  max?: number;
-  /**
-   * The label to be displayed beneath the loading indicator.
-   * Display a changing label by separating multiple messages with forward slashes.
+   * The appearance of the loading indicator, e.g. dark or light.
    */
-  label?: string;
+  appearance?: IcThemeForegroundNoDefault;
   /**
    * The description that will be set as the aria-label of the loading indicator when not using a visible label.
    */
   description?: string;
+  /**
+   * If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.
+   */
+  fullWidth?: boolean;
   /**
    * @internal The step number of a compact step, managed by ic-step.
    */
@@ -34,6 +32,16 @@ export declare class LoadingIndicator {
    * The time in milliseconds before the label changes.
    */
   labelDuration?: number;
+  /**
+   * The maximum value that the progress value can take.
+   * Used to calculate the proportional width of the progress bar.
+   */
+  max?: number;
+  /**
+   * The minimum value that the progress value can take.
+   * Used to calculate the proportional width of the progress bar.
+   */
+  min?: number;
   /**
    * The size of the loading indicator.
    */
@@ -43,25 +51,22 @@ export declare class LoadingIndicator {
    */
   type?: IcLoadingTypes;
   /**
-   * If `true`, when linear, the full-width variant (i.e. without a border radius) will be displayed.
+   * The label to be displayed beneath the loading indicator.
+   * Display a changing label by separating multiple messages with forward slashes.
    */
-  fullWidth?: boolean;
+  label?: string;
+  watchPropHandler(): void;
   /**
-   * The appearance of the loading indicator, e.g. dark or light.
+   * The current amount of progress made.
+   * If not provided, component acts as an indeterminate loading indicator.
    */
-  appearance?: IcThemeForegroundNoDefault;
-  indicatorLabel: string;
-  indeterminate: boolean;
-  showSecond: boolean;
-  circularLineWidth: number;
-  circularDiameter: number;
-  watchPropHandler(): void;
+  progress?: number;
   watchProgressHandler(): void;
-  private outerElement?;
-  private innerElement?;
-  private labelList;
-  private circularMeter;
-  private interval;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillUpdate(): void;
+  componentDidUpdate(): void;
   private updateCircularProgressMeter;
   private getLabel;
   private getLabelVariant;
@@ -71,10 +76,5 @@ export declare class LoadingIndicator {
   private updateLabel;
   private setCircleXY;
   private setDashSteps;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillUpdate(): void;
-  componentDidUpdate(): void;
-  disconnectedCallback(): void;
   render(): any;
 }

package/dist/types/components/ic-loading-indicator/ic-loading-indicator.types.d.ts

@@ -1,5 +1,5 @@
-export declare type IcLoadingSizes = "default" | "small" | "large" | "icon";
-export declare type IcLoadingTypes = "circular" | "linear";
+export type IcLoadingSizes = "default" | "small" | "large" | "icon";
+export type IcLoadingTypes = "circular" | "linear";
 export interface IcLoadingCircleXYR {
   x: number;
   y: number;

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

@@ -2,82 +2,72 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { IcActivationTypes, IcMenuOption, IcValueEventDetail } from "../../utils/types";
 import { IcOptionSelectEventDetail, IcMenuChangeEventDetail, IcMenuOptionIdEventDetail } from "./ic-menu.types";
 export declare class Menu {
-  private menu;
-  private ungroupedOptions;
-  private popperInstance;
+  private firstRender;
+  private hasPreviouslyBlurred;
+  private hasTimedOut;
+  private isLoading;
   private isSearchBar;
   private isSearchableSelect;
+  private menu;
+  private popperInstance;
   private preventClickOpen;
-  private hasTimedOut;
-  private isLoading;
-  private hasPreviouslyBlurred;
+  private ungroupedOptions;
   host: HTMLIcMenuElement;
+  focusFromSearchKeypress: boolean;
+  initialOptionsListRender: boolean;
+  keyboardNav: boolean;
+  optionHighlighted: string;
+  preventIncorrectTabOrder: boolean;
   /**
-   * If `true`, the menu will be displayed open.
-   */
-  open: boolean;
-  /**
-   * The possible menu selection options.
-   */
-  options: IcMenuOption[];
-  /**
-   * If `true`, the small styling will be applied to the menu.
+   * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.
    */
-  small?: boolean;
+  activationType?: IcActivationTypes;
   /**
-   * The ID of the menu.
+   * The reference to an anchor element the menu will position itself from when rendered.
    */
-  menuId: string;
+  anchorEl: HTMLElement;
   /**
-   * The value of the currently selected option.
+   * @internal If `true`, autofocus will be applied on selected item when menu is open.
    */
-  value: string;
+  autoFocusOnSelected: boolean;
   /**
-   * Determines whether options manually set as values (by pressing 'Enter') when they receive focus using keyboard navigation.
+   *  If `true`, the menu will fill the width of the container.
    */
-  activationType?: IcActivationTypes;
+  fullWidth: boolean;
   /**
    * The reference to the input element.
    */
   inputEl: HTMLElement;
-  /**
-   * @internal - The parent element if ic-menu is nested inside another component.
-   */
-  parentEl?: HTMLElement;
   /**
    * The label for the input element.
    */
   inputLabel: string;
   /**
-   * The reference to an anchor element the menu will position itself from when rendered.
+   * The ID of the menu.
    */
-  anchorEl: HTMLElement;
+  menuId: string;
   /**
-   *  If `true`, the menu will fill the width of the container.
+   * If `true`, the menu will be displayed open.
    */
-  fullWidth: boolean;
+  open: boolean;
   /**
-   * @internal If `true`, autofocus will be applied on selected item when menu is open.
+   * @internal - The parent element if ic-menu is nested inside another component.
    */
-  autoFocusOnSelected: boolean;
-  keyboardNav: boolean;
-  optionHighlighted: string;
-  focusFromSearchKeypress: boolean;
-  initialOptionsListRender: boolean;
-  preventIncorrectTabOrder: boolean;
-  watchOptionsHandler(newOptions: IcMenuOption[]): void;
+  parentEl?: HTMLElement;
   /**
-   * @internal Emitted when an option is selected.
+   * If `true`, the small styling will be applied to the menu.
    */
-  menuOptionSelect: EventEmitter<IcOptionSelectEventDetail>;
+  small?: boolean;
   /**
-   * @internal Emitted when state of menu changes (i.e. open or close).
+   * The possible menu selection options.
    */
-  menuStateChange: EventEmitter<IcMenuChangeEventDetail>;
+  options: IcMenuOption[];
+  watchOptionsHandler(newOptions: IcMenuOption[]): void;
   /**
-   * @internal Emitted when an option has been highlighted
+   * The value of the currently selected option.
    */
-  menuOptionId: EventEmitter<IcMenuOptionIdEventDetail>;
+  value: string;
+  watchValueHandler(): void;
   /**
    * @internal Emitted when key is pressed while menu is open
    */
@@ -86,11 +76,21 @@ export declare class Menu {
     key: string;
   }>;
   /**
-   * @internal Emitted when the ungrouped options have been set.
+   * @internal Emitted when an option has been highlighted
    */
-  ungroupedOptionsSet: EventEmitter<{
-    options: IcMenuOption[];
-  }>;
+  menuOptionId: EventEmitter<IcMenuOptionIdEventDetail>;
+  /**
+   * @internal Emitted when an option is selected.
+   */
+  menuOptionSelect: EventEmitter<IcOptionSelectEventDetail>;
+  /**
+   * @internal Emitted when state of menu changes (i.e. open or close).
+   */
+  menuStateChange: EventEmitter<IcMenuChangeEventDetail>;
+  /**
+   * @internal Emitted when menu value changes.
+   */
+  menuValueChange: EventEmitter<IcValueEventDetail>;
   /**
    * @internal Emitted when the retry button is clicked
    */
@@ -101,11 +101,18 @@ export declare class Menu {
   timeoutBlur: EventEmitter<{
     ev: FocusEvent;
   }>;
-  private handleClearListener;
-  private handleSubmitSearch;
-  private handleMenuChange;
-  private setNextOptionValue;
-  private setPreviousOptionValue;
+  /**
+   * @internal Emitted when the ungrouped options have been set.
+   */
+  ungroupedOptionsSet: EventEmitter<{
+    options: IcMenuOption[];
+  }>;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentDidUpdate(): void;
+  componentDidRender(): void;
   /**
    * @internal If menu is opened with the mouse, emit menuStateChange custom event.
    */
@@ -120,6 +127,11 @@ export declare class Menu {
    * @internal Used to highlight the first option in the menu.
    */
   handleSetFirstOption(): Promise<void>;
+  private handleClearListener;
+  private handleSubmitSearch;
+  private handleMenuChange;
+  private setNextOptionValue;
+  private setPreviousOptionValue;
   private getParentEl;
   private arrowBehaviour;
   private setMenuOptions;
@@ -144,12 +156,6 @@ export declare class Menu {
   private loadUngroupedOptions;
   private setMenuScrollbar;
   private handleTimeoutBlur;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  componentDidUpdate(): void;
-  disconnectedCallback(): void;
   private optionContent;
   private displayOption;
   render(): any;