@ukic/web-components 2.8.0 → 2.9.0

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

@@ -10,52 +10,52 @@ import { IcAlignment, IcSizesNoLarge } 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 alignment of the page header.
-   */
-  aligned?: IcAlignment;
-  /**
-   * If `true`, a border will be displayed along the bottom of the page header.
-   */
-  border?: boolean;
-  /**
-   * The title to render on the page header.
-   */
-  heading?: string;
-  /**
-   * 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.
-   */
-  reverseOrder?: boolean;
-  /**
-   * The size of the page header component.
-   */
-  size?: IcSizesNoLarge;
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-   */
-  small?: boolean;
-  /**
-   * If `true`, the page header will be sticky at all breakpoints.
-   */
-  sticky?: boolean;
-  /**
-   *  If `true`, the page header will only be sticky for viewport widths of 992px and above.
-   */
-  stickyDesktopOnly?: boolean;
-  /**
-   * The subtitle to render on the page header.
-   */
-  subheading?: string;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  private resizeObserverCallback;
-  private runResizeObserver;
-  private applyReverseOrder;
-  render(): any;
+    private resizeObserver;
+    el: HTMLIcPageHeaderElement;
+    actionContent: Node[];
+    areButtonsReversed: boolean;
+    deviceSize: number;
+    /**
+     * The alignment of the page header.
+     */
+    aligned?: IcAlignment;
+    /**
+     * If `true`, a border will be displayed along the bottom of the page header.
+     */
+    border?: boolean;
+    /**
+     * The title to render on the page header.
+     */
+    heading?: string;
+    /**
+     * 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.
+     */
+    reverseOrder?: boolean;
+    /**
+     * The size of the page header component.
+     */
+    size?: IcSizesNoLarge;
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+     */
+    small?: boolean;
+    /**
+     * If `true`, the page header will be sticky at all breakpoints.
+     */
+    sticky?: boolean;
+    /**
+     *  If `true`, the page header will only be sticky for viewport widths of 992px and above.
+     */
+    stickyDesktopOnly?: boolean;
+    /**
+     * The subtitle to render on the page header.
+     */
+    subheading?: string;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private resizeObserverCallback;
+    private runResizeObserver;
+    private applyReverseOrder;
+    render(): any;
 }

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

@@ -2,81 +2,82 @@ import { EventEmitter } from "../../stencil-public-runtime";
 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 number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
-   */
-  adjacentCount: number;
-  /**
-   * The appearance of the pagination, e.g. dark, light or the default.
-   */
-  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;
-  /**
-   * If `true`, the pagination will not allow interaction.
-   */
-  disabled: boolean;
-  /**
-   * If `true`, the current page of the simple pagination will not be displayed.
-   */
-  hideCurrentPage: boolean;
-  /**
-   * If `true`, the first and last page buttons will not be displayed.
-   */
-  hideFirstAndLastPageButton: boolean;
-  /**
-   * The label for the pagination item (applicable when simple pagination is being used).
-   */
-  label: string;
-  /**
-   * The total number of pages.
-   */
-  pages: number;
-  watchNumberPagesHandler(): void;
-  /**
-   * The type of pagination to be used.
-   */
-  type: IcPaginationTypes;
-  /**
-   * The current page displayed by the pagination.
-   */
-  currentPage: 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>;
-  private handleClickFirst;
-  private handleClickPrevious;
-  private handleClickNext;
-  private handleClickLast;
-  private firstButton;
-  private previousButton;
-  private nextButton;
-  private lastButton;
-  private renderStartEllipsis;
-  private renderEndEllipsis;
-  private renderStartItems;
-  private renderEndItems;
-  private renderMiddleItems;
-  render(): any;
+    el: HTMLIcPaginationElement;
+    endEllipsis: boolean;
+    endItems: number[];
+    midItems: number[];
+    startEllipsis: boolean;
+    startItems: number[];
+    /**
+     * The number of pages displayed adjacent to the current page when using 'complex' type pagination. Accepted values are 0, 1 & 2.
+     */
+    adjacentCount: number;
+    /**
+     * The appearance of the pagination, e.g. dark, light or the default.
+     */
+    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;
+    /**
+     * If `true`, the pagination will not allow interaction.
+     */
+    disabled: boolean;
+    /**
+     * If `true`, the current page of the simple pagination will not be displayed.
+     */
+    hideCurrentPage: boolean;
+    /**
+     * If `true`, the first and last page buttons will not be displayed.
+     */
+    hideFirstAndLastPageButton: boolean;
+    /**
+     * The label for the pagination item (applicable when simple pagination is being used).
+     */
+    label: string;
+    /**
+     * The total number of pages.
+     */
+    pages: number;
+    watchNumberPagesHandler(): void;
+    /**
+     * The type of pagination to be used.
+     */
+    type: IcPaginationTypes;
+    /**
+     * The current page displayed by the pagination.
+     */
+    currentPage: 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.
+     * @param {number} page The page number to set as the current page
+     */
+    setCurrentPage(page: number): Promise<void>;
+    private handleClickFirst;
+    private handleClickPrevious;
+    private handleClickNext;
+    private handleClickLast;
+    private firstButton;
+    private previousButton;
+    private nextButton;
+    private lastButton;
+    private renderStartEllipsis;
+    private renderEndEllipsis;
+    private renderStartItems;
+    private renderEndItems;
+    private renderMiddleItems;
+    render(): any;
 }

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

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

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

@@ -2,46 +2,46 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { IcPaginationItemType } from "./ic-pagination-item.types";
 import { IcThemeForeground } from "../../utils/types";
 export declare class PaginationItem {
-  el: HTMLIcPaginationItemElement;
-  /**
-   * The appearance of the pagination, e.g. dark, light or the default.
-   */
-  appearance: IcThemeForeground;
-  /**
-   * 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.
-   */
-  ariaOverride: boolean;
-  /**
-   * If `true`, the pagination item will be disabled.
-   */
-  disabled: boolean;
-  /**
-   * The label for the pagination item (applicable when simple pagination is being used).
-   */
-  label: string;
-  /**
-   * The current page number.
-   */
-  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;
+    el: HTMLIcPaginationItemElement;
+    /**
+     * The appearance of the pagination, e.g. dark, light or the default.
+     */
+    appearance: IcThemeForeground;
+    /**
+     * 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.
+     */
+    ariaOverride: boolean;
+    /**
+     * If `true`, the pagination item will be disabled.
+     */
+    disabled: boolean;
+    /**
+     * The label for the pagination item (applicable when simple pagination is being used).
+     */
+    label: string;
+    /**
+     * The current page number.
+     */
+    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-popover-menu/ic-popover-menu.d.ts

@@ -1,62 +1,62 @@
 export declare class PopoverMenu {
-  private anchorEl;
-  private ARIA_LABEL;
-  private backButton;
-  private currentFocus;
-  private popoverMenuEls;
-  private popperInstance;
-  el: HTMLIcPopoverMenuElement;
-  openingFromChild: boolean;
-  openingFromParent: boolean;
-  /**
-   * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.
-   */
-  anchor: string;
-  /**
-   * @internal The parent popover menu of a child popover menu.
-   */
-  parentLabel?: string;
-  /**
-   * @internal The parent popover menu of a child popover menu.
-   */
-  parentPopover?: HTMLIcPopoverMenuElement;
-  /**
-   * The unique identifier for a popover submenu.
-   */
-  submenuId?: string;
-  /**
-   * @internal The level of menu being displayed.
-   */
-  submenuLevel: number;
-  /**
-   * If `true`, the popover menu will be displayed.
-   */
-  open: boolean;
-  watchOpenHandler(): void;
-  disconnectedCallback(): void;
-  componentDidLoad(): void;
-  componentWillRender(): void;
-  componentDidRender(): void;
-  handleMenuItemClick(ev: CustomEvent): void;
-  handleSubmenuChange(ev: Event): void;
-  handleClick(ev: Event): void;
-  handleKeyDown(ev: KeyboardEvent): void;
-  /**
-   * @internal Opens the menu from the child menu.
-   */
-  openFromChild(): Promise<void>;
-  /**
-   * @internal Opens the menu from the parent menu.
-   */
-  openFromParent(): Promise<void>;
-  private setButtonFocus;
-  private findAnchorEl;
-  private isNotPopoverMenuEl;
-  private closeMenu;
-  private getNextItemToSelect;
-  private addMenuItems;
-  private getMenuAriaLabel;
-  private handleBackButtonClick;
-  private initPopperJS;
-  render(): any;
+    private anchorEl;
+    private ARIA_LABEL;
+    private backButton;
+    private currentFocus;
+    private popoverMenuEls;
+    private popperInstance;
+    el: HTMLIcPopoverMenuElement;
+    openingFromChild: boolean;
+    openingFromParent: boolean;
+    /**
+     * The ID of the element the popover menu will anchor itself to. This is required unless the popover is a submenu.
+     */
+    anchor: string;
+    /**
+     * @internal The parent popover menu of a child popover menu.
+     */
+    parentLabel?: string;
+    /**
+     * @internal The parent popover menu of a child popover menu.
+     */
+    parentPopover?: HTMLIcPopoverMenuElement;
+    /**
+     * The unique identifier for a popover submenu.
+     */
+    submenuId?: string;
+    /**
+     * @internal The level of menu being displayed.
+     */
+    submenuLevel: number;
+    /**
+     * If `true`, the popover menu will be displayed.
+     */
+    open: boolean;
+    watchOpenHandler(): void;
+    disconnectedCallback(): void;
+    componentDidLoad(): void;
+    componentWillRender(): void;
+    componentDidRender(): void;
+    handleMenuItemClick(ev: CustomEvent): void;
+    handleSubmenuChange(ev: Event): void;
+    handleClick(ev: Event): void;
+    handleKeyDown(ev: KeyboardEvent): void;
+    /**
+     * @internal Opens the menu from the child menu.
+     */
+    openFromChild(): Promise<void>;
+    /**
+     * @internal Opens the menu from the parent menu.
+     */
+    openFromParent(): Promise<void>;
+    private setButtonFocus;
+    private findAnchorEl;
+    private isNotPopoverMenuEl;
+    private closeMenu;
+    private getNextItemToSelect;
+    private addMenuItems;
+    private getMenuAriaLabel;
+    private handleBackButtonClick;
+    private initPopperJS;
+    render(): any;
 }

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

@@ -2,71 +2,71 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { IcInformationStatusOrEmpty, IcOrientation, IcSizesNoLarge, IcValueEventDetail } from "../../utils/types";
 import { IcChangeEventDetail } from "./ic-radio-group.types";
 export declare class RadioGroup {
-  private radioContainer;
-  private radioOptions;
-  private resizeObserver;
-  el: HTMLIcRadioGroupElement;
-  checkedValue: string;
-  currentOrientation: IcOrientation;
-  initialOrientation: IcOrientation;
-  selectedChild: number;
-  /**
-   * If `true`, the disabled state will be set.
-   */
-  disabled: boolean;
-  /**
-   * The helper text that will be displayed for additional field guidance.
-   */
-  helperText: string;
-  /**
-   * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
-   */
-  hideLabel: boolean;
-  /**
-   * The label for the radio group to be displayed.
-   */
-  label: string;
-  /**
-   * The name for the radio group to differentiate from other groups.
-   */
-  name: string;
-  /**
-   * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.
-   */
-  orientation: IcOrientation;
-  /**
-   * If `true`, the radio group will require a value.
-   */
-  required: boolean;
-  /**
-   * The size of the radio group component.
-   */
-  size?: IcSizesNoLarge;
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-   */
-  small?: boolean;
-  /**
-   * The validation status - e.g. 'error' | 'warning' | 'success'.
-   */
-  validationStatus: IcInformationStatusOrEmpty;
-  /**
-   * The validation text - e.g. 'error' | 'warning' | 'success'.
-   */
-  validationText: string;
-  orientationChangeHandler(): void;
-  /**
-   * Emitted when a user selects a radio.
-   */
-  icChange: EventEmitter<IcChangeEventDetail>;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  selectHandler(event: CustomEvent<IcValueEventDetail>): void;
-  changeHandler(): void;
-  private runResizeObserver;
-  private checkOrientation;
-  private handleKeyDown;
-  private getNextItemToSelect;
-  render(): any;
+    private radioContainer;
+    private radioOptions;
+    private resizeObserver;
+    el: HTMLIcRadioGroupElement;
+    checkedValue: string;
+    currentOrientation: IcOrientation;
+    initialOrientation: IcOrientation;
+    selectedChild: number;
+    /**
+     * If `true`, the disabled state will be set.
+     */
+    disabled: boolean;
+    /**
+     * The helper text that will be displayed for additional field guidance.
+     */
+    helperText: string;
+    /**
+     * If `true`, the label will be hidden and the required label value will be applied as an aria-label.
+     */
+    hideLabel: boolean;
+    /**
+     * The label for the radio group to be displayed.
+     */
+    label: string;
+    /**
+     * The name for the radio group to differentiate from other groups.
+     */
+    name: string;
+    /**
+     * The orientation of the radio buttons in the radio group. If there are more than two radio buttons in a radio group or either of the radio buttons use the `additional-field` slot, then the orientation will always be vertical.
+     */
+    orientation: IcOrientation;
+    /**
+     * If `true`, the radio group will require a value.
+     */
+    required: boolean;
+    /**
+     * The size of the radio group component.
+     */
+    size?: IcSizesNoLarge;
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+     */
+    small?: boolean;
+    /**
+     * The validation status - e.g. 'error' | 'warning' | 'success'.
+     */
+    validationStatus: IcInformationStatusOrEmpty;
+    /**
+     * The validation text - e.g. 'error' | 'warning' | 'success'.
+     */
+    validationText: string;
+    orientationChangeHandler(): void;
+    /**
+     * Emitted when a user selects a radio.
+     */
+    icChange: EventEmitter<IcChangeEventDetail>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    selectHandler(event: CustomEvent<IcValueEventDetail>): void;
+    changeHandler(): void;
+    private runResizeObserver;
+    private checkOrientation;
+    private handleKeyDown;
+    private getNextItemToSelect;
+    render(): any;
 }

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

@@ -1,7 +1,7 @@
 export interface IcChangeEventDetail {
-  value: string;
-  selectedOption: {
-    radio: HTMLIcRadioOptionElement;
-    textFieldValue?: string;
-  };
+    value: string;
+    selectedOption: {
+        radio: HTMLIcRadioOptionElement;
+        textFieldValue?: string;
+    };
 }