@ukic/web-components 2.7.0 → 2.9.0

package/dist/types/components/ic-data-row/ic-data-row.d.ts

@@ -5,38 +5,38 @@ import { IcSizesNoLarge } from "../../utils/types";
  * @slot end-component - Content will be displayed in the rightmost cell.
  */
 export declare class DataRow {
-  private hasEndComponent;
-  private resizeObserver;
-  el: HTMLIcDataRowElement;
-  deviceSize: number;
-  entitySize: "xl" | "m" | "xs";
-  /**
-   * The label in the leftmost cell of the row.
-   */
-  label: string;
-  /**
-   * The size of the data row component.
-   */
-  size?: IcSizesNoLarge;
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-   */
-  small?: boolean;
-  /**
-   * The value of the middle (right if no end-component supplied) cell of the row.
-   */
-  value: string;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  private runResizeObserver;
-  private checkLabelAbove;
-  /**
-   * Renders the label either as a ic-typography or slot. Slotted content takes precedence.
-   * @param label string - label of value
-   * @returns HTMLDivElement - returns label as slot or ic-typography with label as textContent
-   */
-  private renderLabel;
-  private labelEndComponent;
-  render(): any;
+    private hasEndComponent;
+    private resizeObserver;
+    el: HTMLIcDataRowElement;
+    deviceSize: number;
+    entitySize: "xl" | "m" | "xs";
+    /**
+     * The label in the leftmost cell of the row.
+     */
+    label: string;
+    /**
+     * The size of the data row component.
+     */
+    size?: IcSizesNoLarge;
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+     */
+    small?: boolean;
+    /**
+     * The value of the middle (right if no end-component supplied) cell of the row.
+     */
+    value: string;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    private runResizeObserver;
+    private checkLabelAbove;
+    /**
+     * Renders the label either as a ic-typography or slot. Slotted content takes precedence.
+     * @param label string - label of value
+     * @returns HTMLDivElement - returns label as slot or ic-typography with label as textContent
+     */
+    private renderLabel;
+    private labelEndComponent;
+    render(): any;
 }

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

@@ -6,132 +6,143 @@ import { EventEmitter } from "../../stencil-public-runtime";
  * @slot alert - Content will be placed at the top of the content area of the dialog.
  */
 export declare class Dialog {
-  private DATA_OVERFLOW;
-  private DATA_GETS_FOCUS;
-  private DATA_GETS_FOCUS_SELECTOR;
-  private DIALOG_CONTROLS;
-  private dialogEl;
-  private dialogHeight;
-  private focusedElementIndex;
-  private IC_TEXT_FIELD;
-  private IC_ACCORDION;
-  private interactiveElementList;
-  private resizeObserver;
-  private resizeTimeout;
-  private sourceElement;
-  private buttonOnclick0;
-  private buttonOnclick1;
-  private buttonOnclick2;
-  el: HTMLIcDialogElement;
-  dialogRendered: boolean;
-  fadeIn: boolean;
-  /**
-   * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a heading instead.
-   */
-  alertHeading?: string;
-  /**
-   * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a message instead.
-   */
-  alertMessage?: string;
-  /**
-   * If set to `false`, dialog controls will not be displayed overriding buttonProps or slotted dialog controls.
-   */
-  buttons?: boolean;
-  /**
-   * If set to `true`, the dialog will not close when the backdrop is clicked.
-   */
-  closeOnBackdropClick?: boolean;
-  /**
-   * If default buttons are displayed, sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.
-   */
-  destructive?: boolean;
-  /**
-   * Sets the dismiss label tooltip and aria label.
-   */
-  dismissLabel?: string;
-  /**
-   * If `true`, the close button will not be displayed.
-   */
-  hideCloseButton?: boolean;
-  /**
-   * Sets the heading for the dialog.
-   */
-  heading: string;
-  /**
-   * Sets the optional label for the dialog which appears above the heading.
-   */
-  label?: string;
-  /**
-   * If `true`, the dialog will be displayed.
-   */
-  open: boolean;
-  watchOpenHandler(): void;
-  /**
-   * Sets the maximum and minimum height and width for the dialog.
-   */
-  size?: "small" | "medium" | "large";
-  /**
-   * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a variant instead.
-   */
-  status?: "neutral" | "info" | "warning" | "error" | "success";
-  /**
-   * Sets the label and onclick functions for default buttons.
-   */
-  buttonProps?: {
-    label: string;
-    onclick: string;
-  }[];
-  watchPropHandler(): void;
-  /**
-   * Cancelation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.
-   */
-  icDialogCancelled: EventEmitter<void>;
-  /**
-   * Emitted when dialog has closed.
-   */
-  icDialogClosed: EventEmitter<void>;
-  /**
-   * Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.
-   */
-  icDialogConfirmed: EventEmitter<void>;
-  /**
-   * Emitted when dialog has opened.
-   */
-  icDialogOpened: EventEmitter<void>;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  handleKeyboard(ev: KeyboardEvent): void;
-  handleClick(ev: MouseEvent): void;
-  /**
-   * @deprecated This method should not be used anymore. Use open prop to set dialog visibility.
-   */
-  showDialog(): Promise<void>;
-  /**
-   * @deprecated This method should not be used anymore. Use open prop to set dialog visibility.
-   */
-  hideDialog(): Promise<void>;
-  /**
-   * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.
-   */
-  cancelDialog(): Promise<void>;
-  /**
-   * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.
-   */
-  confirmDialog(): Promise<void>;
-  private setContentOverflow;
-  private runResizeObserver;
-  private resizeObserverCallback;
-  private setInitialFocus;
-  private getFocusedElementIndex;
-  private setAlertVariant;
-  private closeIconClick;
-  private getInteractiveElements;
-  private getNextFocusEl;
-  private focusNextInteractiveElement;
-  private setButtonOnClick;
-  private getButtonOnclick;
-  private getButtonVariant;
-  private loopNextFocusIndexIfLastElement;
-  private setFocusIndexBasedOnShiftKey;
-  render(): any;
+    private backdropEl;
+    private contentArea;
+    private DATA_GETS_FOCUS;
+    private DATA_GETS_FOCUS_SELECTOR;
+    private DIALOG_CONTROLS;
+    private dialogEl;
+    private dialogHeight;
+    private focusedElementIndex;
+    private IC_TEXT_FIELD;
+    private IC_ACCORDION;
+    private interactiveElementList;
+    private resizeObserver;
+    private resizeTimeout;
+    private sourceElement;
+    private buttonOnclick0;
+    private buttonOnclick1;
+    private buttonOnclick2;
+    el: HTMLIcDialogElement;
+    dialogRendered: boolean;
+    fadeIn: boolean;
+    /**
+     * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a heading instead.
+     */
+    alertHeading?: string;
+    /**
+     * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a message instead.
+     */
+    alertMessage?: string;
+    /**
+     * If set to `false`, dialog controls will not be displayed overriding buttonProps or slotted dialog controls.
+     */
+    buttons?: boolean;
+    /**
+     * If set to `true`, the dialog will not close when the backdrop is clicked.
+     */
+    closeOnBackdropClick?: boolean;
+    /**
+     * If default buttons are displayed, sets the 'primary' or rightmost button to the destructive variant. Stops initial focus being set on the 'primary' or rightmost default or slotted button.
+     */
+    destructive?: boolean;
+    /**
+     * Sets the dismiss label tooltip and aria label.
+     */
+    dismissLabel?: string;
+    /**
+     * If set to `true`, the content area max height and overflow properties are removed allowing the dialog to stretch below the fold.
+     * This prop also prevents popover elements from being cut off within the content area.
+     */
+    disableHeightConstraint?: boolean;
+    /**
+     * If `true`, the close button will not be displayed.
+     */
+    hideCloseButton?: boolean;
+    /**
+     * Sets the heading for the dialog.
+     */
+    heading: string;
+    /**
+     * Sets the optional label for the dialog which appears above the heading.
+     */
+    label?: string;
+    /**
+     * If `true`, the dialog will be displayed.
+     */
+    open: boolean;
+    watchOpenHandler(): void;
+    /**
+     * Sets the maximum and minimum height and width for the dialog.
+     */
+    size?: "small" | "medium" | "large";
+    /**
+     * @deprecated This prop should not be used anymore. Use an ic-alert/IcAlert component within an alert slot with a variant instead.
+     */
+    status?: "neutral" | "info" | "warning" | "error" | "success";
+    /**
+     * Sets the label and onclick functions for default buttons.
+     */
+    buttonProps?: {
+        label: string;
+        onclick: string;
+    }[];
+    watchPropHandler(): void;
+    /**
+     * Cancelation event emitted when default 'Cancel' button clicked or 'cancelDialog' method is called.
+     */
+    icDialogCancelled: EventEmitter<void>;
+    /**
+     * Emitted when dialog has closed.
+     */
+    icDialogClosed: EventEmitter<void>;
+    /**
+     * Confirmation event emitted when default 'Confirm' primary button clicked or 'confirmDialog' method is called.
+     */
+    icDialogConfirmed: EventEmitter<void>;
+    /**
+     * Emitted when dialog has opened.
+     */
+    icDialogOpened: EventEmitter<void>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    handleKeyboard(ev: KeyboardEvent): void;
+    handleClick(ev: MouseEvent): void;
+    /**
+     * @deprecated This method should not be used anymore. Use open prop to set dialog visibility.
+     */
+    showDialog(): Promise<void>;
+    /**
+     * @deprecated This method should not be used anymore. Use open prop to set dialog visibility.
+     */
+    hideDialog(): Promise<void>;
+    /**
+     * Cancels the dialog. Used by the default 'Cancel' button or can be called manually to trigger cancelling of dialog.
+     */
+    cancelDialog(): Promise<void>;
+    /**
+     * Confirms the dialog. Used by the default 'Confirm' button or can be called manually to trigger confirming of dialog.
+     */
+    confirmDialog(): Promise<void>;
+    private dialogOpened;
+    private runResizeObserver;
+    private resizeObserverCallback;
+    private refreshInteractiveElementsOnSlotChange;
+    private removeSlotChangeListener;
+    private setInitialFocus;
+    private getFocusedElementIndex;
+    private setAlertVariant;
+    private closeIconClick;
+    private getInteractiveElements;
+    private getNextFocusEl;
+    private focusNextInteractiveElement;
+    private setButtonOnClick;
+    private getButtonOnclick;
+    private getButtonVariant;
+    private loopNextFocusIndexIfLastElement;
+    private setFocusIndexBasedOnShiftKey;
+    private renderDialog;
+    render(): any;
 }

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

@@ -1,6 +1,6 @@
 import { IcThemeForeground } from "../../utils/types";
 export declare class Divider {
-  foregroundColor: IcThemeForeground;
-  themeChangeHandler(ev: CustomEvent): void;
-  render(): any;
+    foregroundColor: IcThemeForeground;
+    themeChangeHandler(ev: CustomEvent): void;
+    render(): any;
 }

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

@@ -8,31 +8,31 @@ import { IcSizes } from "../../utils/types";
  * @slot body - Content will be rendered in place of the body prop.
  */
 export declare class EmptyState {
-  el: HTMLIcEmptyStateElement;
-  /**
-   * The alignment of the empty state container.
-   */
-  aligned?: IcEmptyStateAlignment;
-  /**
-   * The body text rendered in the empty state container.
-   */
-  body?: string;
-  /**
-   * The number of lines of body text to display before truncating.
-   */
-  bodyMaxLines?: number;
-  /**
-   * The title rendered in the empty state container.
-   */
-  heading?: string;
-  /**
-   * The size of the image or icon used in the image slot.
-   */
-  imageSize?: IcSizes;
-  /**
-   * The subtitle rendered in the empty state container.
-   */
-  subheading?: string;
-  componentDidLoad(): void;
-  render(): any;
+    el: HTMLIcEmptyStateElement;
+    /**
+     * The alignment of the empty state container.
+     */
+    aligned?: IcEmptyStateAlignment;
+    /**
+     * The body text rendered in the empty state container.
+     */
+    body?: string;
+    /**
+     * The number of lines of body text to display before truncating.
+     */
+    bodyMaxLines?: number;
+    /**
+     * The title rendered in the empty state container.
+     */
+    heading?: string;
+    /**
+     * The size of the image or icon used in the image slot.
+     */
+    imageSize?: IcSizes;
+    /**
+     * The subtitle rendered in the empty state container.
+     */
+    subheading?: string;
+    componentDidLoad(): void;
+    render(): any;
 }

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

@@ -8,45 +8,45 @@ import { IcFooterBreakpoints } from "./ic-footer.types";
  * @slot caption - Content will be rendered above Crown Copyright.
  */
 export declare class Footer {
-  private footerEl;
-  private resizeObserver;
-  el: HTMLIcFooterElement;
-  deviceSize: number;
-  foregroundColor: IcThemeForeground;
-  /**
-   * The alignment of the section containers used within the footer.
-   */
-  aligned?: IcAlignment;
-  /**
-   * The screen size breakpoint at which to switch to the small layout.
-   */
-  breakpoint?: IcFooterBreakpoints;
-  /**
-   * The caption displayed at the bottom of the footer.
-   */
-  caption: string;
-  /**
-   * If `true`, the footer will display the crown copyright at the bottom.
-   */
-  copyright: boolean;
-  /**
-   * The description displayed at the top of the footer.
-   */
-  description: string;
-  /**
-   * If `true`, the footer will be set up to handle link groups instead of standalone links.
-   */
-  groupLinks?: boolean;
-  /**
-   *  @internal Triggers on page resize and triggers style changes in footer links and link groups
-   */
-  footerResized: EventEmitter<void>;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  themeChangeHandler(ev: CustomEvent): void;
-  private isSmall;
-  private resizeObserverCallback;
-  private runResizeObserver;
-  render(): any;
+    private footerEl;
+    private resizeObserver;
+    el: HTMLIcFooterElement;
+    deviceSize: number;
+    foregroundColor: IcThemeForeground;
+    /**
+     * The alignment of the section containers used within the footer.
+     */
+    aligned?: IcAlignment;
+    /**
+     * The screen size breakpoint at which to switch to the small layout.
+     */
+    breakpoint?: IcFooterBreakpoints;
+    /**
+     * The caption displayed at the bottom of the footer.
+     */
+    caption: string;
+    /**
+     * If `true`, the footer will display the crown copyright at the bottom.
+     */
+    copyright: boolean;
+    /**
+     * The description displayed at the top of the footer.
+     */
+    description: string;
+    /**
+     * If `true`, the footer will be set up to handle link groups instead of standalone links.
+     */
+    groupLinks?: boolean;
+    /**
+     *  @internal Triggers on page resize and triggers style changes in footer links and link groups
+     */
+    footerResized: EventEmitter<void>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    themeChangeHandler(ev: CustomEvent): void;
+    private isSmall;
+    private resizeObserverCallback;
+    private runResizeObserver;
+    render(): any;
 }

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

@@ -1,41 +1,41 @@
 import { IcThemeForeground } from "../../utils/types";
 type FooterConfig = {
-  small: boolean;
-  grouped: boolean;
+    small: boolean;
+    grouped: boolean;
 };
 export declare class FooterLink {
-  el: HTMLIcFooterLinkElement;
-  deviceSize: number;
-  footerConfig: FooterConfig;
-  foregroundColor: IcThemeForeground;
-  /**
-   * If `true`, the user can save the linked URL instead of navigating to it.
-   */
-  download?: string | boolean;
-  /**
-   * The URL that the link points to.
-   */
-  href?: string;
-  /**
-   * The human language of the linked URL.
-   */
-  hreflang?: string;
-  /**
-   * How much of the referrer to send when following the link.
-   */
-  referrerpolicy?: ReferrerPolicy;
-  /**
-   * 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;
-  componentWillLoad(): void;
-  footerResizeHandler(): void;
-  footerThemeChangeHandler(ev: CustomEvent): void;
-  private inferConfig;
-  render(): any;
+    el: HTMLIcFooterLinkElement;
+    deviceSize: number;
+    footerConfig: FooterConfig;
+    foregroundColor: IcThemeForeground;
+    /**
+     * If `true`, the user can save the linked URL instead of navigating to it.
+     */
+    download?: string | boolean;
+    /**
+     * The URL that the link points to.
+     */
+    href?: string;
+    /**
+     * The human language of the linked URL.
+     */
+    hreflang?: string;
+    /**
+     * How much of the referrer to send when following the link.
+     */
+    referrerpolicy?: ReferrerPolicy;
+    /**
+     * 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;
+    componentWillLoad(): void;
+    footerResizeHandler(): void;
+    footerThemeChangeHandler(ev: CustomEvent): void;
+    private inferConfig;
+    render(): any;
 }
 export {};

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

@@ -1,19 +1,19 @@
 export declare class FooterLinkGroup {
-  el: HTMLIcFooterLinkGroupElement;
-  expanded: boolean;
-  deviceSize: number;
-  dropdownIconStyle: import("../../utils/types").IcThemeForeground;
-  small: boolean;
-  /**
-   * The title of the link group to be displayed.
-   */
-  groupTitle: string;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  footerResizeHandler(): void;
-  footerThemeChangeHandler(ev: CustomEvent): void;
-  private isSmall;
-  private handleKeydown;
-  private toggleExpanded;
-  render(): any;
+    el: HTMLIcFooterLinkGroupElement;
+    expanded: boolean;
+    deviceSize: number;
+    dropdownIconStyle: import("../../utils/types").IcThemeForeground;
+    small: boolean;
+    /**
+     * The title of the link group to be displayed.
+     */
+    groupTitle: string;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    footerResizeHandler(): void;
+    footerThemeChangeHandler(ev: CustomEvent): void;
+    private isSmall;
+    private handleKeydown;
+    private toggleExpanded;
+    render(): any;
 }