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

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

@@ -5,14 +5,7 @@ import { IcMenuItemVariants } from "./ic-menu-item.types";
  */
 export declare class MenuItem {
   el: HTMLIcMenuItemElement;
-  /**
-   * The variant of the menu item.
-   */
-  variant: IcMenuItemVariants;
-  /**
-   * The label to display in the menu item.
-   */
-  label: string;
+  toggleChecked: boolean;
   /**
    * The description displayed in the menu item, below the label.
    */
@@ -26,37 +19,41 @@ export declare class MenuItem {
    */
   href?: string;
   /**
-   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+   * The human language of the linked URL.
    */
-  target?: string;
+  hreflang?: string;
   /**
-   * The relationship of the linked URL as space-separated link types.
+   * The label describing the keyboard shortcut for a menu item's action.
    */
-  rel?: string;
+  keyboardShortcut?: string;
   /**
-   * The human language of the linked URL.
+   * The label to display in the menu item.
    */
-  hreflang?: string;
+  label: string;
   /**
    * How much of the referrer to send when following the link.
    */
   referrerpolicy?: ReferrerPolicy;
   /**
-   * The label describing the keyboard shortcut for a menu item's action.
+   * The relationship of the linked URL as space-separated link types.
    */
-  keyboardShortcut?: string;
+  rel?: string;
   /**
    * This references the popover menu instance that the menu item is a trigger for. If this prop is set, then the variant will always be default.
    */
   submenuTriggerFor?: string;
   /**
-   * @internal Emitted when item loses focus.
+   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
    */
-  childBlur: EventEmitter<void>;
+  target?: string;
   /**
-   * @internal Emitted when the user clicks a menu item that triggers a popover menu instance.
+   * The variant of the menu item.
    */
-  triggerPopoverMenuInstance: EventEmitter<void>;
+  variant: IcMenuItemVariants;
+  /**
+   * @internal Emitted when item loses focus.
+   */
+  childBlur: EventEmitter<void>;
   /**
    * @internal Emitted when the user clicks a menu item.
    */
@@ -64,11 +61,14 @@ export declare class MenuItem {
     label: string;
     hasSubMenu: boolean;
   }>;
-  toggleChecked: boolean;
-  handleHostClick(e: Event): void;
-  private handleClick;
+  /**
+   * @internal Emitted when the user clicks a menu item that triggers a popover menu instance.
+   */
+  triggerPopoverMenuInstance: EventEmitter<void>;
   componentWillLoad(): void;
   componentDidLoad(): void;
+  handleHostClick(e: Event): void;
+  private handleClick;
   private getMenuItemAriaLabel;
   render(): any;
 }

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

@@ -1 +1 @@
-export declare type IcMenuItemVariants = "toggle" | "destructive" | "default";
+export type IcMenuItemVariants = "toggle" | "destructive" | "default";

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

@@ -4,42 +4,44 @@ import { IcNavButtonModes } from "./ic-navigation-button.types";
  * @slot icon - Content will be placed to the left of the button label.
  */
 export declare class NavigationButton {
+  private buttonEl;
+  private inheritedAttributes;
   el: HTMLIcNavigationButtonElement;
+  initialAppearance: IcThemeForeground;
   /**
-   * The label info to display.
-   */
-  label: string;
-  /**
-   * The URL that the link points to. This will render the button as an "a" tag.
-   */
-  href?: string;
-  /**
-   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
-   */
-  target?: string;
-  /**
-   * The relationship of the linked URL as space-separated link types.
+   * The display mode.
    */
-  rel?: string;
+  mode: IcNavButtonModes;
   /**
    * If `true`, the user can save the linked URL instead of navigating to it.
    */
   download?: string | boolean;
+  /**
+   * The URL that the link points to. This will render the button as an "a" tag.
+   */
+  href?: string;
   /**
    * The human language of the linked URL.
    */
   hreflang?: string;
+  /**
+   * The label info to display.
+   */
+  label: string;
   /**
    * How much of the referrer to send when following the link.
    */
   referrerpolicy?: ReferrerPolicy;
   /**
-   * The display mode.
+   * The relationship of the linked URL as space-separated link types.
    */
-  mode: IcNavButtonModes;
-  initialAppearance: IcThemeForeground;
-  private buttonEl;
-  private inheritedAttributes;
+  rel?: string;
+  /**
+   * The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+   */
+  target?: string;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   navBarMenuOpenHandler(): void;
   navBarMenuCloseHandler(): void;
   themeChangeHandler(ev: CustomEvent): void;
@@ -47,7 +49,5 @@ export declare class NavigationButton {
    * Sets focus on the native `button`.
    */
   setFocus(): Promise<void>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
   render(): any;
 }

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

@@ -1 +1 @@
-export declare type IcNavButtonModes = "navbar" | "menu";
+export type IcNavButtonModes = "navbar" | "menu";

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

@@ -1,25 +1,30 @@
 import { IcNavType } from "../../utils/types";
 export declare class NavigationGroup {
+  private dropdown;
+  private DYNAMIC_GROUPED_LINKS_HEIGHT_MS;
+  private groupEl;
+  private IC_NAVIGATION_ITEM;
+  private mouseGate;
+  private nodeName;
   el: HTMLIcNavigationGroupElement;
-  /**
-   * The label to display on the group.
-   */
-  label: string;
-  /**
-   *  If `true`, the group will be expandable in the side menu.
-   */
-  expandable: boolean;
-  dropdownOpen: boolean;
-  inTopNavSideMenu: boolean;
   deviceSize: number;
+  dropdownOpen: boolean;
+  expanded: boolean;
   focusStyle: import("../../utils/types").IcThemeForeground;
+  inTopNavSideMenu: boolean;
   navigationType: IcNavType | "";
   parentEl: HTMLElement;
-  expanded: boolean;
-  private groupEl;
-  private dropdown;
-  private DYNAMIC_GROUPED_LINKS_HEIGHT_MS;
-  private IC_NAVIGATION_ITEM;
+  /**
+   *  If `true`, the group will be expandable in the side menu.
+   */
+  expandable: boolean;
+  /**
+   * The label to display on the group.
+   */
+  label: string;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   childBlurHandler(): void;
   navItemClickHandler(): void;
   themeChangeHandler(ev: CustomEvent): void;
@@ -40,7 +45,7 @@ export declare class NavigationGroup {
   private handleTopNavKeydown;
   private handleKeydown;
   private handleMouseLeave;
-  private triggerShowDropdown;
+  private handleMouseEnter;
   private renderDropdownGroupedLinks;
   private renderGroupedLinks;
   /**
@@ -50,8 +55,5 @@ export declare class NavigationGroup {
   private getNavigationChildItemsHeight;
   private setInitialGroupedLinksWrapperHeight;
   private renderNavigationItems;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
   render(): any;
 }

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

@@ -4,61 +4,62 @@ import { IcNavType } from "../../utils/types";
  * @part link - The `<a>` within ic-navigation-item
  */
 export declare class NavigationItem {
+  private navigationSlot;
+  private isInitialRender;
+  private itemEl;
   el: HTMLIcNavigationItemElement;
+  deviceSize: number;
+  focusStyle: import("../../utils/types").IcThemeForeground;
+  inTopNavSideMenu: boolean;
+  isSideNavMobile: boolean;
+  isTopNavChild: boolean;
+  navigationType: IcNavType | "";
+  parentEl: HTMLElement;
+  sideNavExpanded: boolean;
   /**
-   * The label of the navigation item.
+   * @internal If `true`, the icon and label will be displayed when side navigation is collapsed.
    */
-  label: string;
+  collapsedIconLabel: boolean;
   /**
-   * The destination of the navigation item.
+   * @internal If `true`, the navigation item will be displayed within a tooltip.
    */
-  href: string;
+  displayNavigationTooltip: boolean;
   /**
-   *  The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
+   * If `true`, the user can save the linked URL instead of navigating to it.
    */
-  target?: string;
+  download?: string | boolean;
   /**
-   * The relationship of the linked URL as space-separated link types.
+   *  @internal If `true`, the navigation item will be expandable.
    */
-  rel?: string;
+  expandable: boolean;
   /**
-   * The human language of the linked URL.
+   * The destination of the navigation item.
    */
-  hreflang?: string;
+  href: string;
   /**
-   * How much of the referrer to send when following the link.
+   * The human language of the linked URL.
    */
-  referrerpolicy?: ReferrerPolicy;
+  hreflang?: string;
   /**
-   * If `true`, the user can save the linked URL instead of navigating to it.
+   * The label of the navigation item.
    */
-  download?: string | boolean;
+  label: string;
   /**
-   *  If `true`, the navigation item will be set in a selected state.
+   * The relationship of the linked URL as space-separated link types.
    */
-  selected: boolean;
+  rel?: string;
   /**
-   *  @internal If `true`, the navigation item will be expandable.
+   * How much of the referrer to send when following the link.
    */
-  expandable: boolean;
+  referrerpolicy?: ReferrerPolicy;
   /**
-   * @internal If `true`, the navigation item will be displayed within a tooltip.
+   *  If `true`, the navigation item will be set in a selected state.
    */
-  displayNavigationTooltip: boolean;
+  selected: boolean;
   /**
-   * @internal If `true`, the icon and label will be displayed when side navigation is collapsed.
+   *  The place to display the linked URL, as the name for a browsing context (a tab, window, or iframe).
    */
-  collapsedIconLabel: boolean;
-  isTopNavChild: boolean;
-  inTopNavSideMenu: boolean;
-  deviceSize: number;
-  focusStyle: import("../../utils/types").IcThemeForeground;
-  navigationType: IcNavType | "";
-  parentEl: HTMLElement;
-  sideNavExpanded: boolean;
-  isSideNavMobile: boolean;
-  private itemEl;
-  private navigationSlot;
+  target?: string;
   /**
    * @internal - Emitted when item loses focus.
    */
@@ -67,19 +68,18 @@ export declare class NavigationItem {
    * @internal - Emitted when navigation item clicked.
    */
   navItemClicked: EventEmitter<void>;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidUpdate(): void;
   themeChangeHandler(ev: CustomEvent): void;
-  private topNavResizedHandler;
-  private sideNavExpandHandler;
   /**
    * Sets focus on the nav item.
    */
   setFocus(): Promise<void>;
+  private displayDefaultNavigationItem;
+  private topNavResizedHandler;
+  private sideNavExpandHandler;
   private handleBlur;
   private handleClick;
-  componentWillLoad(): void;
-  private isInitialRender;
-  componentDidUpdate(): void;
-  disconnectedCallback(): void;
-  private displayDefaultNavigationItem;
   render(): any;
 }

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

@@ -4,33 +4,33 @@ import { EventEmitter } from "../../stencil-public-runtime";
  * @slot buttons - Content will be rendered above version info and below navigation.
  */
 export declare class NavigationMenu {
+  private closeButton;
+  private hasButtons;
+  private hasNavigation;
+  private lastTabStop;
+  private navBarEl;
+  private navGroupFirst;
+  private navItemAboveButtons;
   el: HTMLIcNavigationMenuElement;
-  /**
-   * The version info to display.
-   */
-  version: string;
   /**
    * The status info to display.
    */
   status: string;
+  /**
+   * The version info to display.
+   */
+  version: string;
   /**
    * @internal - Emitted when the menu is closed.
    */
   icNavigationMenuClose: EventEmitter<void>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
+  componentWillRender(): void;
   navItemClickHandler(): void;
   handleKeyDown(ev: KeyboardEvent): void;
-  private hasButtons;
-  private hasNavigation;
-  private navItemAboveButtons;
-  private navGroupFirst;
-  private lastTabStop;
-  private closeButton;
-  private navBarEl;
   private closeMenu;
   private focusCloseButton;
   private focusLastTabStop;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
   render(): any;
 }

package/dist/types/components/ic-page-header/ic-page-header.d.ts

@@ -10,27 +10,31 @@ import { IcAlignment } from "../../utils/types";
  * @slot tabs - Content will be rendered in the navigation area, below the title and action areas. Note: the stepper slot cannot be used when the tabs slot is being used.
  */
 export declare class PageHeader {
+  private resizeObserver;
   el: HTMLIcPageHeaderElement;
+  actionContent: Node[];
+  areButtonsReversed: boolean;
+  deviceSize: number;
   /**
-   * The title to render on the page header.
+   * The alignment of the page header.
    */
-  heading?: string;
+  aligned?: IcAlignment;
   /**
-   * The subtitle to render on the page header.
+   * If `true`, a border will be displayed along the bottom of the page header.
    */
-  subheading?: string;
+  border?: boolean;
   /**
-   * The alignment of the page header.
+   * The title to render on the page header.
    */
-  aligned?: IcAlignment;
+  heading?: string;
   /**
-   * If `true`, the small styling will be applied to the page header.
+   * If `true`, the reading pattern and tab order will change in the action area for viewport widths of above 576px and when actions have not wrapped.
    */
-  small?: boolean;
+  reverseOrder?: boolean;
   /**
-   * If `true`, a border will be displayed along the bottom of the page header.
+   * If `true`, the small styling will be applied to the page header.
    */
-  border?: boolean;
+  small?: boolean;
   /**
    * If `true`, the page header will be sticky at all breakpoints.
    */
@@ -40,18 +44,14 @@ export declare class PageHeader {
    */
   stickyDesktopOnly?: boolean;
   /**
-   * If `true`, the reading pattern and tab order will change in the action area for viewport widths of above 576px and when actions have not wrapped.
+   * The subtitle to render on the page header.
    */
-  reverseOrder?: boolean;
-  deviceSize: number;
-  areButtonsReversed: boolean;
-  actionContent: Node[];
-  private resizeObserver;
+  subheading?: string;
+  disconnectedCallback(): void;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   private resizeObserverCallback;
   private runResizeObserver;
   private applyReverseOrder;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
   render(): any;
 }

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

@@ -1,68 +1,69 @@
 import { EventEmitter } from "../../stencil-public-runtime";
-import { IcThemeForeground } from "../../interface";
+import { IcThemeForeground } from "../../utils/types";
 import { IcPaginationTypes, IcChangeEventDetail } from "./ic-pagination.types";
 export declare class Pagination {
   el: HTMLIcPaginationElement;
+  endEllipsis: boolean;
+  endItems: number[];
+  midItems: number[];
+  startEllipsis: boolean;
+  startItems: number[];
   /**
-   * The total number of pages.
+   * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
    */
-  pages: number;
+  adjacentCount: number;
   /**
-   * The type of pagination to be used.
+   * The appearance of the pagination, e.g. dark, light or the default.
    */
-  type: IcPaginationTypes;
+  appearance: IcThemeForeground;
+  /**
+   * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
+   */
+  boundaryCount: number;
   /**
    * The default page to display.
    */
   defaultPage: number;
   /**
-   * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
+   * If `true`, the pagination will not allow interaction.
    */
-  adjacentCount: number;
+  disabled: boolean;
   /**
-   * The number of pages displayed as boundary items to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
+   * If `true`, the current page of the simple pagination will not be displayed.
    */
-  boundaryCount: number;
+  hideCurrentPage: boolean;
   /**
    * If `true`, the first and last page buttons will not be displayed.
    */
   hideFirstAndLastPageButton: boolean;
   /**
-   * If `true`, the current page of the simple pagination will not be displayed.
-   */
-  hideCurrentPage: boolean;
-  /**
-   * If `true`, the pagination will not allow interaction.
+   * The label for the pagination item (applicable when simple pagination is being used).
    */
-  disabled: boolean;
+  label: string;
   /**
-   * The appearance of the pagination, e.g. dark, light or the default.
+   * The total number of pages.
    */
-  appearance: IcThemeForeground;
+  pages: number;
   /**
-   * The label for the pagination item (applicable when simple pagination is being used).
+   * The type of pagination to be used.
    */
-  label: string;
+  type: IcPaginationTypes;
   /**
    * The current page displayed by the pagination.
    */
   currentPage: number;
-  startEllipsis: boolean;
-  endEllipsis: boolean;
-  startItems: number[];
-  endItems: number[];
-  midItems: number[];
+  watchPageChangeHandler(): void;
   /**
    * Emitted when a page is selected.
    */
   icPageChange: EventEmitter<IcChangeEventDetail>;
+  componentWillLoad(): void;
+  componentDidLoad(): void;
   paginationItemClickHandler(ev: CustomEvent): void;
   /**
    * Sets the currently displayed page.
    */
   setCurrentPage(page: number): Promise<void>;
-  watchPageChangeHandler(): void;
-  componentDidLoad(): void;
   private handleClickFirst;
   private handleClickPrevious;
   private handleClickNext;
@@ -76,6 +77,5 @@ export declare class Pagination {
   private renderStartItems;
   private renderEndItems;
   private renderMiddleItems;
-  componentWillLoad(): void;
   render(): any;
 }

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

@@ -1,4 +1,4 @@
-export declare type IcPaginationTypes = "simple" | "complex";
+export type IcPaginationTypes = "simple" | "complex";
 export interface IcChangeEventDetail {
   value: number;
 }

package/dist/types/components/ic-pagination-item/ic-pagination-item.d.ts

@@ -1,46 +1,47 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcPaginationItemType } from "./ic-pagination-item.types";
-import { IcThemeForeground } from "../../interface";
+import { IcThemeForeground } from "../../utils/types";
 export declare class PaginationItem {
   el: HTMLIcPaginationItemElement;
   /**
-   * The current page number.
-   */
-  page: number | null;
-  /**
-   * If `true`, the pagination item will be selected.
+   * The appearance of the pagination, e.g. dark, light or the default.
    */
-  selected: boolean;
+  appearance: IcThemeForeground;
   /**
-   * The type of pagination item - 'page' or 'ellipsis'.
+   * If true the aria-label will be set to `Page X of Y`, where X is the current page and Y is the page count.
    */
-  type: IcPaginationItemType;
+  ariaOverride: boolean;
   /**
    * If `true`, the pagination item will be disabled.
    */
   disabled: boolean;
-  /**
-   * The appearance of the pagination, e.g. dark, light or the default.
-   */
-  appearance: IcThemeForeground;
   /**
    * The label for the pagination item (applicable when simple pagination is being used).
    */
   label: string;
   /**
-   * If true the aria-label will be set to `Page X of Y`, where X is the current page and Y is the page count.
+   * The current page number.
    */
-  ariaOverride: boolean;
+  page: number | null;
   /**
    * The total number of pages.
    */
   pages: number;
+  /**
+   * If `true`, the pagination item will be selected.
+   */
+  selected: boolean;
+  /**
+   * The type of pagination item - 'page' or 'ellipsis'.
+   */
+  type: IcPaginationItemType;
   /**
    * @internal - Emitted when a pagination item is clicked.
    */
   paginationItemClick: EventEmitter<{
     page: number;
   }>;
+  componentWillLoad(): void;
   private handleClick;
   render(): any;
 }

package/dist/types/components/ic-pagination-item/ic-pagination-item.types.d.ts

@@ -1 +1 @@
-export declare type IcPaginationItemType = "page" | "ellipsis" | "simple-current";
+export type IcPaginationItemType = "page" | "ellipsis" | "simple-current";