@ukic/web-components 2.8.0 → 2.9.0

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

@@ -5,77 +5,77 @@ import { IcSizesNoLarge } from "../../utils/types";
  * @slot right-adornment - Content is placed to the right of switch before state label.
  */
 export declare class Switch {
-  private inputId;
-  el: HTMLIcSwitchElement;
-  checkedState: boolean;
-  initiallyChecked: boolean;
-  /**
-   * If `true`, the switch will display as checked.
-   */
-  checked?: boolean;
-  checkedChangeHandler(): void;
-  /**
-   * 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 aria-label applied to the switch when no visual 'name' is provided.
-   */
-  label: string;
-  /**
-   * The name of the control, which is submitted with the form data.
-   */
-  name?: string;
-  /**
-   * If `true`, the switch will render the On/Off state text.
-   */
-  showState?: boolean;
-  /**
-   * The size of the switch component.
-   */
-  size?: IcSizesNoLarge;
-  /**
-   * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
-   */
-  small?: boolean;
-  /**
-   * The value of the toggle does not mean if it's checked or not, use the `checked`
-   * property for that.
-   *
-   * The value of a toggle is analogous to the value of a `<input type="checkbox">`,
-   * it's only used when the toggle participates in a native `<form>`.
-   */
-  value?: string | null;
-  /**
-   * Emitted when the toggle loses focus.
-   */
-  icBlur: EventEmitter<void>;
-  /**
-   * Emitted when the value property has changed.
-   */
-  icChange: EventEmitter<IcSwitchChangeEventDetail>;
-  /**
-   * Emitted when the toggle has focus.
-   */
-  icFocus: EventEmitter<void>;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  /**
-   * Sets focus on the switch.
-   */
-  setFocus(): Promise<void>;
-  private handleChange;
-  private onFocus;
-  private onBlur;
-  private handleFormReset;
-  render(): any;
+    private inputId;
+    el: HTMLIcSwitchElement;
+    checkedState: boolean;
+    initiallyChecked: boolean;
+    /**
+     * If `true`, the switch will display as checked.
+     */
+    checked?: boolean;
+    checkedChangeHandler(): void;
+    /**
+     * 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 aria-label applied to the switch when no visual 'name' is provided.
+     */
+    label: string;
+    /**
+     * The name of the control, which is submitted with the form data.
+     */
+    name?: string;
+    /**
+     * If `true`, the switch will render the On/Off state text.
+     */
+    showState?: boolean;
+    /**
+     * The size of the switch component.
+     */
+    size?: IcSizesNoLarge;
+    /**
+     * @deprecated This prop should not be used anymore. Set prop `size` to "small" instead.
+     */
+    small?: boolean;
+    /**
+     * The value of the toggle does not mean if it's checked or not, use the `checked`
+     * property for that.
+     *
+     * The value of a toggle is analogous to the value of a `<input type="checkbox">`,
+     * it's only used when the toggle participates in a native `<form>`.
+     */
+    value?: string | null;
+    /**
+     * Emitted when the toggle loses focus.
+     */
+    icBlur: EventEmitter<void>;
+    /**
+     * Emitted when the value property has changed.
+     */
+    icChange: EventEmitter<IcSwitchChangeEventDetail>;
+    /**
+     * Emitted when the toggle has focus.
+     */
+    icFocus: EventEmitter<void>;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    /**
+     * Sets focus on the switch.
+     */
+    setFocus(): Promise<void>;
+    private handleChange;
+    private onFocus;
+    private onBlur;
+    private handleFormReset;
+    render(): any;
 }

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

@@ -1,4 +1,4 @@
 export interface IcSwitchChangeEventDetail {
-  value: string | null;
-  checked: boolean;
+    value: string | null;
+    checked: boolean;
 }

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

@@ -6,55 +6,55 @@ import { IcThemeForegroundNoDefault } from "../../utils/types";
  * @slot badge - Badge component displayed inline with the tab.
  */
 export declare class Tab {
-  private focusFromClick;
-  private focusTabId;
-  private isInitialRender;
-  el: HTMLIcTabElement;
-  /** @internal Determines whether the light or dark variant of the tabs should be displayed. */
-  appearance?: IcThemeForegroundNoDefault;
-  /** @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. */
-  contextId?: string;
-  /**
-   * If `true`, the disabled state will be set.
-   */
-  disabled?: boolean;
-  /** @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. */
-  selected?: boolean;
-  /** @internal The shared ID between panel and tab. */
-  tabId?: string;
-  /** @internal The position of the tab inside the tabs array in context. */
-  tabPosition?: number;
-  disabledWatchHandler(): void;
-  /**
-   * @internal Emitted when a tab is selected.
-   */
-  tabClick: EventEmitter<IcTabClickEventDetail>;
-  /**
-   * @internal Emitted when a tab is dynamically created.
-   */
-  tabCreated: EventEmitter<HTMLIcTabElement>;
-  /**
-   * @internal Emitted when a tab's disabled prop changes
-   */
-  tabEnabled: EventEmitter<void>;
-  /**
-   * @internal Emitted when a tab is focussed.
-   */
-  tabFocus: EventEmitter<IcTabClickEventDetail>;
-  /**
-   * @internal Emitted when a tab is unmounted.
-   */
-  tabRemoved: EventEmitter<void>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  componentWillLoad(): void;
-  componentDidUpdate(): void;
-  /**
-   * Sets focus on the tab.
-   */
-  setFocus(): Promise<void>;
-  private handleClick;
-  private handleFocus;
-  private handleMouseDown;
-  render(): any;
+    private focusFromClick;
+    private focusTabId;
+    private isInitialRender;
+    el: HTMLIcTabElement;
+    /** @internal Determines whether the light or dark variant of the tabs should be displayed. */
+    appearance?: IcThemeForegroundNoDefault;
+    /** @internal The unique context needed if using multiple tabs inside one another i.e. rendering another tabs inside a tab panel. */
+    contextId?: string;
+    /**
+     * If `true`, the disabled state will be set.
+     */
+    disabled?: boolean;
+    /** @internal If `true`, the tab will display with a selected indicator and tabIndex will be set. */
+    selected?: boolean;
+    /** @internal The shared ID between panel and tab. */
+    tabId?: string;
+    /** @internal The position of the tab inside the tabs array in context. */
+    tabPosition?: number;
+    disabledWatchHandler(): void;
+    /**
+     * @internal Emitted when a tab is selected.
+     */
+    tabClick: EventEmitter<IcTabClickEventDetail>;
+    /**
+     * @internal Emitted when a tab is dynamically created.
+     */
+    tabCreated: EventEmitter<HTMLIcTabElement>;
+    /**
+     * @internal Emitted when a tab's disabled prop changes
+     */
+    tabEnabled: EventEmitter<void>;
+    /**
+     * @internal Emitted when a tab is focussed.
+     */
+    tabFocus: EventEmitter<IcTabClickEventDetail>;
+    /**
+     * @internal Emitted when a tab is unmounted.
+     */
+    tabRemoved: EventEmitter<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    componentWillLoad(): void;
+    componentDidUpdate(): void;
+    /**
+     * Sets focus on the tab.
+     */
+    setFocus(): Promise<void>;
+    private handleClick;
+    private handleFocus;
+    private handleMouseDown;
+    render(): any;
 }

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

@@ -1,8 +1,8 @@
 export interface IcTabClickEventDetail {
-  tabId: string;
-  contextId: string;
-  position: number;
+    tabId: string;
+    contextId: string;
+    position: number;
 }
 export interface IcTabSelectEventDetail {
-  tabIndex: number;
+    tabIndex: number;
 }

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

@@ -2,63 +2,63 @@ import { EventEmitter } from "../../stencil-public-runtime";
 import { IcActivationTypes, IcThemeForegroundNoDefault } from "../../utils/types";
 import { IcTabClickEventDetail, IcTabSelectEventDetail } from "../ic-tab/ic-tab.types";
 export declare class TabContext {
-  private controlledMode;
-  private enabledTabs;
-  private focusedTabIndex;
-  private newTabPanels;
-  private newTabs;
-  private tabs;
-  private tabGroup;
-  private tabPanels;
-  el: HTMLIcTabContextElement;
-  selectedTab: number | null;
-  /**
-   * Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.
-   */
-  activationType?: IcActivationTypes;
-  /**
-   * The appearance of the tab context, e.g dark, or light.
-   */
-  appearance?: IcThemeForegroundNoDefault;
-  /**
-   * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.
-   */
-  contextId?: string;
-  /**
-   * The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.
-   */
-  selectedTabIndex?: number;
-  updateSelectedTab(newValue: number): void;
-  /**
-   * Emitted when a user selects a tab.
-   */
-  icTabSelect: EventEmitter<IcTabSelectEventDetail>;
-  /**
-   * @deprecated This event should not be used anymore. Use icTabSelect instead.
-   */
-  tabSelect: EventEmitter<IcTabSelectEventDetail>;
-  componentDidLoad(): void;
-  componentWillUpdate(): void;
-  disconnectedCallback(): void;
-  tabClickHandler(event: CustomEvent<IcTabClickEventDetail>): void;
-  tabCreatedHandler(ev: CustomEvent): void;
-  tabEnabledHandler(): void;
-  /**
-   * @internal Used to set tab/tab panel IDs when a tab/tab panel has been removed
-   */
-  tabRemovedHandler(hadFocus?: boolean): Promise<void>;
-  private linkTabs;
-  private getChildren;
-  private keydownHandler;
-  private attatchEventListeners;
-  private setControlledMode;
-  private setInitialTab;
-  private configureTabs;
-  private getEnabledTabs;
-  private getIndexOfEnabledTab;
-  private keyboardSelectTab;
-  private keyboardFocusTab;
-  private handleKeyBoardNavAutomatic;
-  private handleKeyBoardNavManual;
-  render(): any;
+    private controlledMode;
+    private enabledTabs;
+    private focusedTabIndex;
+    private newTabPanels;
+    private newTabs;
+    private tabs;
+    private tabGroup;
+    private tabPanels;
+    el: HTMLIcTabContextElement;
+    selectedTab: number | null;
+    /**
+     * Determines whether tabs have to be manually activated (by pressing 'Enter' or 'Space') when they receive focus using keyboard navigation.
+     */
+    activationType?: IcActivationTypes;
+    /**
+     * The appearance of the tab context, e.g dark, or light.
+     */
+    appearance?: IcThemeForegroundNoDefault;
+    /**
+     * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.
+     */
+    contextId?: string;
+    /**
+     * The selected tab to be controlled by the user. Must be used alongside the icTabSelect event to manage tab selection.
+     */
+    selectedTabIndex?: number;
+    updateSelectedTab(newValue: number): void;
+    /**
+     * Emitted when a user selects a tab.
+     */
+    icTabSelect: EventEmitter<IcTabSelectEventDetail>;
+    /**
+     * @deprecated This event should not be used anymore. Use icTabSelect instead.
+     */
+    tabSelect: EventEmitter<IcTabSelectEventDetail>;
+    componentDidLoad(): void;
+    componentWillUpdate(): void;
+    disconnectedCallback(): void;
+    tabClickHandler(event: CustomEvent<IcTabClickEventDetail>): void;
+    tabCreatedHandler(ev: CustomEvent): void;
+    tabEnabledHandler(): void;
+    /**
+     * @internal Used to set tab/tab panel IDs when a tab/tab panel has been removed
+     */
+    tabRemovedHandler(hadFocus?: boolean): Promise<void>;
+    private linkTabs;
+    private getChildren;
+    private keydownHandler;
+    private attatchEventListeners;
+    private setControlledMode;
+    private setInitialTab;
+    private configureTabs;
+    private getEnabledTabs;
+    private getIndexOfEnabledTab;
+    private keyboardSelectTab;
+    private keyboardFocusTab;
+    private handleKeyBoardNavAutomatic;
+    private handleKeyBoardNavManual;
+    render(): any;
 }

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

@@ -1,22 +1,22 @@
 import { IcThemeForegroundNoDefault } from "../../utils/types";
 export declare class TabGroup {
-  /**
-   * @internal The appearance of the tab group, e.g dark, or light.
-   */
-  appearance?: IcThemeForegroundNoDefault;
-  /**
-   * @deprecated This is no longer required.
-   * The context id is passed down from `ic-tab-context`
-   */
-  contextId?: string;
-  /**
-   * If `true`, the tabs and tab panels will be positioned separately.
-   */
-  inline?: boolean;
-  /**
-   * The label to describe the purpose of the set of tabs to screen reader users.
-   */
-  label: string;
-  componentDidLoad(): void;
-  render(): any;
+    /**
+     * @internal The appearance of the tab group, e.g dark, or light.
+     */
+    appearance?: IcThemeForegroundNoDefault;
+    /**
+     * @deprecated This is no longer required.
+     * The context id is passed down from `ic-tab-context`
+     */
+    contextId?: string;
+    /**
+     * If `true`, the tabs and tab panels will be positioned separately.
+     */
+    inline?: boolean;
+    /**
+     * The label to describe the purpose of the set of tabs to screen reader users.
+     */
+    label: string;
+    componentDidLoad(): void;
+    render(): any;
 }

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

@@ -1,37 +1,37 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcThemeForegroundNoDefault } from "../../utils/types";
 export declare class TabPanel {
-  el: HTMLIcTabPanelElement;
-  /**
-   * @internal The appearance of the tabs, e.g dark, or light.
-   */
-  appearance?: IcThemeForegroundNoDefault;
-  /**
-   * @deprecated This is no longer required.
-   * The context id is passed down from `ic-tab-context`
-   */
-  contextId?: string;
-  /**
-   * @internal The shared ID that links the panel and tab.
-   */
-  panelId?: string;
-  /**
-   * @internal The shared ID of the currently selected tab.
-   */
-  selectedTab?: string;
-  /**
-   * @internal The position of the tab panel inside the tabs array in context.
-   */
-  tabPosition?: number;
-  /**
-   * @internal Emitted when a tab panel is dynamically created.
-   */
-  tabPanelCreated: EventEmitter<HTMLIcTabPanelElement>;
-  /**
-   * @internal Emitted when a tab panel is unmounted.
-   */
-  tabPanelRemoved: EventEmitter<void>;
-  connectedCallback(): void;
-  disconnectedCallback(): void;
-  render(): any;
+    el: HTMLIcTabPanelElement;
+    /**
+     * @internal The appearance of the tabs, e.g dark, or light.
+     */
+    appearance?: IcThemeForegroundNoDefault;
+    /**
+     * @deprecated This is no longer required.
+     * The context id is passed down from `ic-tab-context`
+     */
+    contextId?: string;
+    /**
+     * @internal The shared ID that links the panel and tab.
+     */
+    panelId?: string;
+    /**
+     * @internal The shared ID of the currently selected tab.
+     */
+    selectedTab?: string;
+    /**
+     * @internal The position of the tab panel inside the tabs array in context.
+     */
+    tabPosition?: number;
+    /**
+     * @internal Emitted when a tab panel is dynamically created.
+     */
+    tabPanelCreated: EventEmitter<HTMLIcTabPanelElement>;
+    /**
+     * @internal Emitted when a tab panel is unmounted.
+     */
+    tabPanelRemoved: EventEmitter<void>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): any;
 }