@scania/tegel 0.0.61 → 0.0.72

package/dist/types/components/side-menu/webcomponent/side-menu.d.ts

@@ -1,21 +1,27 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-export interface CollapsedEvent {
+export type CollapseEvent = {
   collapsed: boolean;
-}
+};
+type Props = {
+  collapsed: boolean;
+};
+export type InternalSddsSideMenuPropChange = {
+  changed: Array<keyof Props>;
+} & Partial<Props>;
 export declare class SddsSideMenu {
   host: HTMLSddsSideMenuElement;
-  /** Broadcasts collapsed state to child components. */
-  collapsedEventEmitter: EventEmitter<CollapsedEvent>;
-  /** If the side menu is open or not. */
+  /** Applicable only for mobile. If the side menu is open or not. */
   open: boolean;
-  /** If the side menu should always be shown on desktop screens to the side. */
+  /** Applicable only for desktop. If the side menu should always be shown. */
   persistent: boolean;
-  /** If the side menu is collapsed. Only a persistent desktop menu can be collapsed. */
+  /** If the side menu is collapsed. Only a persistent desktop menu can be collapsed.
+   * NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the sddsCollapse event. */
   collapsed: boolean;
   isUpperSlotEmpty: boolean;
   isClosed: boolean;
   isOpen: boolean;
   isClosing: boolean;
+  isCollapsed: boolean;
   isOpening: boolean;
   private matchesLgBreakpointMq;
   handleMatchesLgBreakpointChange: (e: MediaQueryListEvent) => void;
@@ -25,7 +31,15 @@ export declare class SddsSideMenu {
   onOpenChange(newVal: boolean, oldVal?: boolean): void;
   onCollapsedChange(newVal: boolean): void;
   onIsOpenChange(newVal: boolean): void;
+  /** Event that is emitted when the side menu is collapsed. */
+  sddsCollapse: EventEmitter<CollapseEvent>;
+  /** @internal Broadcasts collapsed state to child components. */
+  internalSddsCollapse: EventEmitter<CollapseEvent>;
+  /** @internal Broadcasts collapsed state to child components. */
+  internalSddsSideMenuPropChange: EventEmitter<InternalSddsSideMenuPropChange>;
+  collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
   setOpening(): Promise<void>;
   setClosing(): Promise<void>;
   render(): any;
 }
+export {};

package/dist/types/components/stepper/sdds-stepper.d.ts

@@ -1,4 +1,4 @@
-import { EventEmitter, HostElement } from '../../stencil-public-runtime';
+import { EventEmitter } from '../../stencil-public-runtime';
 type SddsStepperProps = {
   orientation: 'horizontal' | 'vertical';
   labelPosition: 'aside' | 'below';
@@ -10,7 +10,7 @@ export type InternalSddsStepperPropChange = {
   changed: Array<keyof SddsStepperProps>;
 } & Partial<SddsStepperProps>;
 export declare class SddsStepper {
-  host: HostElement;
+  host: HTMLElement;
   /** The orientation the children are layed out. */
   orientation: 'horizontal' | 'vertical';
   /** Text position, only available on direction:horizontal */

package/dist/types/components/tabs/inline-tabs/inline-tabs.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
-import { HostElement } from '../../../stencil-public-runtime';
 export declare class InlineTabsFullbleed {
+  host: HTMLElement;
   /** Variant of the tabs, primary= on white, secondary= on grey50 */
   modeVariant: 'primary' | 'secondary';
   /** Sets the default selected tab. */
@@ -8,7 +8,6 @@ export declare class InlineTabsFullbleed {
   /** Sets the selected tab.
    * If this is set all tab changes needs to be handled by the user. */
   selectedIndex: number;
-  host: HostElement;
   showLeftScroll: boolean;
   showRightScroll: boolean;
   buttonWidth: number;

package/dist/types/components/toast/sdds-toast.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { HostElement } from '../../stencil-public-runtime';
 export declare class SddsToast {
+  host: HTMLElement;
   /** ID for the toast. Randomly generated if not specified. */
   toastId: string;
   /** Header text for the component. */
@@ -13,7 +13,6 @@ export declare class SddsToast {
   hidden: boolean;
   /** ARIA role for the toast. */
   toastRole: 'alert' | 'log' | 'status';
-  host: HostElement;
   hasSubheader: boolean;
   hasLink: boolean;
   /** Hides the toast. */

package/dist/types/components/toggle/sdds-toggle.d.ts

@@ -1,6 +1,6 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { HostElement } from '../../stencil-public-runtime';
 export declare class SddsToggle {
+  host: HTMLElement;
   /** Sets the toggle as checked */
   checked: boolean;
   /** Make the toggle required */
@@ -15,7 +15,6 @@ export declare class SddsToggle {
   disabled: boolean;
   /** ID of the toggles input element, if not specifed it's randomly generated */
   toggleId: string;
-  host: HostElement;
   /** Toggles the toggle. */
   toggle(): Promise<{
     toggleId: string;

package/dist/types/components.d.ts

@@ -6,11 +6,13 @@
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Placement } from "@popperjs/core";
-import { CollapsedEvent } from "./components/side-menu/webcomponent/side-menu";
+import { CollapseEvent, InternalSddsSideMenuPropChange } from "./components/side-menu/webcomponent/side-menu";
+import { CollapseEvent as CollapseEvent1 } from "./components/side-menu/webcomponent/side-menu";
 import { InternalSddsStepperPropChange } from "./components/stepper/sdds-stepper";
 import { InternalSddsTablePropChange } from "./components/data-table/table/table";
 export { Placement } from "@popperjs/core";
-export { CollapsedEvent } from "./components/side-menu/webcomponent/side-menu";
+export { CollapseEvent, InternalSddsSideMenuPropChange } from "./components/side-menu/webcomponent/side-menu";
+export { CollapseEvent as CollapseEvent1 } from "./components/side-menu/webcomponent/side-menu";
 export { InternalSddsStepperPropChange } from "./components/stepper/sdds-stepper";
 export { InternalSddsTablePropChange } from "./components/data-table/table/table";
 export namespace Components {
@@ -440,6 +442,98 @@ export namespace Components {
          */
         "value": string;
     }
+    interface SddsDropdownOptionV2 {
+        /**
+          * Sets the option as disabled.
+         */
+        "disabled": boolean;
+        /**
+          * Method to select/deselect an option if the option is not disabled.
+         */
+        "setSelected": (selected: boolean) => Promise<void>;
+        /**
+          * Value for the dropdown option.
+         */
+        "value": string;
+    }
+    interface SddsDropdownV2 {
+        /**
+          * Method for closing the dropdown.
+         */
+        "close": () => Promise<void>;
+        /**
+          * Default value selected in the dropdown.
+         */
+        "defaultValue": string;
+        /**
+          * Sets the dropdown in a disabled state
+         */
+        "disabled": boolean;
+        /**
+          * Sets the dropdown in an error state
+         */
+        "error": boolean;
+        /**
+          * Enables filtration in the dropdown.
+         */
+        "filter": boolean;
+        /**
+          * Helper text for the dropdown.
+         */
+        "helper": string;
+        /**
+          * Label text for the dropdown.
+         */
+        "label": string;
+        /**
+          * Label text position
+         */
+        "labelPosition": 'inside' | 'outside';
+        /**
+          * Mode variant of the component, based on current mode.
+         */
+        "modeVariant": 'primary' | 'secondary';
+        /**
+          * Enables multiselect in the dropdown.
+         */
+        "multiselect": boolean;
+        /**
+          * Name for the dropdowns input element.
+         */
+        "name": string;
+        /**
+          * Text that is displayed if filter is used and there are no options that matches the search.
+         */
+        "noResultText": string;
+        /**
+          * The direction the dropdown should open, auto if not specified.
+         */
+        "openDirection": 'up' | 'down' | 'auto';
+        /**
+          * Populate the dropdown via a JSON array
+         */
+        "options": Array<{ value: string; label: string; disabled: boolean }>;
+        /**
+          * Placeholder text for the dropdown.
+         */
+        "placeholder": string;
+        /**
+          * Method for removing a selected value in the dropdown.
+         */
+        "removeValue": (oldValue: string) => Promise<{ value: string; label: string; }[]>;
+        /**
+          * Method that resets the dropdown.
+         */
+        "reset": () => Promise<void>;
+        /**
+          * Method for setting the value of the dropdown.
+         */
+        "setValue": (newValue: string, newValueLabel: string) => Promise<{ value: string; label: string; }[]>;
+        /**
+          * The size of the dropdown.
+         */
+        "size": 'sm' | 'md' | 'lg';
+    }
     interface SddsFolderTab {
         /**
           * Disables the tab.
@@ -799,15 +893,15 @@ export namespace Components {
     }
     interface SddsSideMenu {
         /**
-          * If the side menu is collapsed. Only a persistent desktop menu can be collapsed.
+          * If the side menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the sddsCollapse event.
          */
         "collapsed": boolean;
         /**
-          * If the side menu is open or not.
+          * Applicable only for mobile. If the side menu is open or not.
          */
         "open": boolean;
         /**
-          * If the side menu should always be shown on desktop screens to the side.
+          * Applicable only for desktop. If the side menu should always be shown.
          */
         "persistent": boolean;
     }
@@ -1038,14 +1132,6 @@ export namespace Components {
           * Prop to pass JSON string which enables automatic rendering of table rows and cells
          */
         "bodyData": any;
-        /**
-          * Disables inbuilt filtering logic, leaving user an option to create own filter functionality while listening to events from sdds-table-toolbar component for search term
-         */
-        "disableFilteringFunction": boolean;
-        /**
-          * Disables inbuilt sorting logic, leaving user an option to create own sorting functionality while listening to events from sdds-header-cell component for sorting
-         */
-        "disableSortingFunction": boolean;
         /**
           * Prop for showcase of rendering JSON in body-data, just for presentation purposes
          */
@@ -1060,32 +1146,24 @@ export namespace Components {
         "colSpan": number;
     }
     interface SddsTableFooter {
-        /**
-          * Prop for client to set max number of pages
-         */
-        "clientMaxPages": number;
-        /**
-          * Prop for client to set current page number
-         */
-        "clientPaginationValue": number;
         /**
           * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
          */
         "clientSetColumnsNumber": number;
         /**
-          * Disables inbuilt pagination logic, leaving user an option to create own pagination functionality while listening to events from sdds-table-footer component
+          * Prop for client to set max number of pages.
          */
-        "disablePaginationFunction": boolean;
+        "maxPages": number;
         /**
-          * Prop to enable client controlled pagination
+          * Enable pagination and show pagination controls
          */
-        "enableClientPagination": boolean;
+        "pagination": boolean;
         /**
-          * Enable pagination and show pagination controls
+          * Sets the pagination number.
          */
-        "enablePagination": boolean;
+        "paginationValue": number;
         /**
-          * Sets how many rows to display when pagination is enabled
+          * Sets how many rows to display when pagination is enabled.
          */
         "rowsPerPage": number;
     }
@@ -1352,6 +1430,14 @@ export interface SddsDropdownOptionCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsDropdownOptionElement;
 }
+export interface SddsDropdownOptionV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsDropdownOptionV2Element;
+}
+export interface SddsDropdownV2CustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsDropdownV2Element;
+}
 export interface SddsFolderTabsCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsFolderTabsElement;
@@ -1380,6 +1466,10 @@ export interface SddsSideMenuCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsSideMenuElement;
 }
+export interface SddsSideMenuCollapseButtonCustomEvent<T> extends CustomEvent<T> {
+    detail: T;
+    target: HTMLSddsSideMenuCollapseButtonElement;
+}
 export interface SddsSliderCustomEvent<T> extends CustomEvent<T> {
     detail: T;
     target: HTMLSddsSliderElement;
@@ -1541,6 +1631,18 @@ declare global {
         prototype: HTMLSddsDropdownOptionElement;
         new (): HTMLSddsDropdownOptionElement;
     };
+    interface HTMLSddsDropdownOptionV2Element extends Components.SddsDropdownOptionV2, HTMLStencilElement {
+    }
+    var HTMLSddsDropdownOptionV2Element: {
+        prototype: HTMLSddsDropdownOptionV2Element;
+        new (): HTMLSddsDropdownOptionV2Element;
+    };
+    interface HTMLSddsDropdownV2Element extends Components.SddsDropdownV2, HTMLStencilElement {
+    }
+    var HTMLSddsDropdownV2Element: {
+        prototype: HTMLSddsDropdownV2Element;
+        new (): HTMLSddsDropdownV2Element;
+    };
     interface HTMLSddsFolderTabElement extends Components.SddsFolderTab, HTMLStencilElement {
     }
     var HTMLSddsFolderTabElement: {
@@ -1926,6 +2028,8 @@ declare global {
         "sdds-dropdown": HTMLSddsDropdownElement;
         "sdds-dropdown-filter": HTMLSddsDropdownFilterElement;
         "sdds-dropdown-option": HTMLSddsDropdownOptionElement;
+        "sdds-dropdown-option-v2": HTMLSddsDropdownOptionV2Element;
+        "sdds-dropdown-v2": HTMLSddsDropdownV2Element;
         "sdds-folder-tab": HTMLSddsFolderTabElement;
         "sdds-folder-tabs": HTMLSddsFolderTabsElement;
         "sdds-footer": HTMLSddsFooterElement;
@@ -2460,6 +2564,112 @@ declare namespace LocalJSX {
          */
         "value"?: string;
     }
+    interface SddsDropdownOptionV2 {
+        /**
+          * Sets the option as disabled.
+         */
+        "disabled"?: boolean;
+        /**
+          * Blur event for the dropdown option.
+         */
+        "onSddsBlur"?: (event: SddsDropdownOptionV2CustomEvent<FocusEvent>) => void;
+        /**
+          * Focus event for the dropdown option.
+         */
+        "onSddsFocus"?: (event: SddsDropdownOptionV2CustomEvent<FocusEvent>) => void;
+        /**
+          * Click event for the dropdown option.
+         */
+        "onSddsSelect"?: (event: SddsDropdownOptionV2CustomEvent<{
+    selected: boolean;
+    value: string;
+  }>) => void;
+        /**
+          * Value for the dropdown option.
+         */
+        "value"?: string;
+    }
+    interface SddsDropdownV2 {
+        /**
+          * Default value selected in the dropdown.
+         */
+        "defaultValue"?: string;
+        /**
+          * Sets the dropdown in a disabled state
+         */
+        "disabled"?: boolean;
+        /**
+          * Sets the dropdown in an error state
+         */
+        "error"?: boolean;
+        /**
+          * Enables filtration in the dropdown.
+         */
+        "filter"?: boolean;
+        /**
+          * Helper text for the dropdown.
+         */
+        "helper"?: string;
+        /**
+          * Label text for the dropdown.
+         */
+        "label"?: string;
+        /**
+          * Label text position
+         */
+        "labelPosition"?: 'inside' | 'outside';
+        /**
+          * Mode variant of the component, based on current mode.
+         */
+        "modeVariant"?: 'primary' | 'secondary';
+        /**
+          * Enables multiselect in the dropdown.
+         */
+        "multiselect"?: boolean;
+        /**
+          * Name for the dropdowns input element.
+         */
+        "name"?: string;
+        /**
+          * Text that is displayed if filter is used and there are no options that matches the search.
+         */
+        "noResultText"?: string;
+        /**
+          * Blur event for the dropdown.
+         */
+        "onSddsBlur"?: (event: SddsDropdownV2CustomEvent<FocusEvent>) => void;
+        /**
+          * Change event for the dropdown.
+         */
+        "onSddsChange"?: (event: SddsDropdownV2CustomEvent<{
+    name: string;
+    value: string;
+  }>) => void;
+        /**
+          * Focus event for the dropdown.
+         */
+        "onSddsFocus"?: (event: SddsDropdownV2CustomEvent<FocusEvent>) => void;
+        /**
+          * Input event for the dropdown.
+         */
+        "onSddsInput"?: (event: SddsDropdownV2CustomEvent<InputEvent>) => void;
+        /**
+          * The direction the dropdown should open, auto if not specified.
+         */
+        "openDirection"?: 'up' | 'down' | 'auto';
+        /**
+          * Populate the dropdown via a JSON array
+         */
+        "options"?: Array<{ value: string; label: string; disabled: boolean }>;
+        /**
+          * Placeholder text for the dropdown.
+         */
+        "placeholder"?: string;
+        /**
+          * The size of the dropdown.
+         */
+        "size"?: 'sm' | 'md' | 'lg';
+    }
     interface SddsFolderTab {
         /**
           * Disables the tab.
@@ -2524,7 +2734,11 @@ declare namespace LocalJSX {
         /**
           * Sends unique table identifier,column key and sorting direction to the sdds-table-body component, can also be listened to in order to implement custom sorting logic.
          */
-        "onSddsSortChange"?: (event: SddsHeaderCellCustomEvent<any>) => void;
+        "onSddsSortChange"?: (event: SddsHeaderCellCustomEvent<{
+    tableId: string;
+    columnKey: string;
+    sortingDirection: 'asc' | 'desc';
+  }>) => void;
         /**
           * If passed as prop, enables sorting on that column
          */
@@ -2825,25 +3039,29 @@ declare namespace LocalJSX {
     }
     interface SddsSideMenu {
         /**
-          * If the side menu is collapsed. Only a persistent desktop menu can be collapsed.
+          * If the side menu is collapsed. Only a persistent desktop menu can be collapsed. NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the sddsCollapse event.
          */
         "collapsed"?: boolean;
         /**
-          * Broadcasts collapsed state to child components.
+          * Event that is emitted when the side menu is collapsed.
          */
-        "onSddsSideMenuCollapsed"?: (event: SddsSideMenuCustomEvent<CollapsedEvent>) => void;
+        "onSddsCollapse"?: (event: SddsSideMenuCustomEvent<CollapseEvent>) => void;
         /**
-          * If the side menu is open or not.
+          * Applicable only for mobile. If the side menu is open or not.
          */
         "open"?: boolean;
         /**
-          * If the side menu should always be shown on desktop screens to the side.
+          * Applicable only for desktop. If the side menu should always be shown.
          */
         "persistent"?: boolean;
     }
     interface SddsSideMenuCloseButton {
     }
     interface SddsSideMenuCollapseButton {
+        /**
+          * Event that is broadcasted when the collapse button is clicked. Prevent it to disable automatic collapsing, and set the collapsed prop on the side menu yourself.
+         */
+        "onSddsCollapse"?: (event: SddsSideMenuCollapseButtonCustomEvent<CollapseEvent1>) => void;
     }
     interface SddsSideMenuDropdown {
         /**
@@ -3071,14 +3289,6 @@ declare namespace LocalJSX {
           * Prop to pass JSON string which enables automatic rendering of table rows and cells
          */
         "bodyData"?: any;
-        /**
-          * Disables inbuilt filtering logic, leaving user an option to create own filter functionality while listening to events from sdds-table-toolbar component for search term
-         */
-        "disableFilteringFunction"?: boolean;
-        /**
-          * Disables inbuilt sorting logic, leaving user an option to create own sorting functionality while listening to events from sdds-header-cell component for sorting
-         */
-        "disableSortingFunction"?: boolean;
         /**
           * Prop for showcase of rendering JSON in body-data, just for presentation purposes
          */
@@ -3093,36 +3303,31 @@ declare namespace LocalJSX {
         "colSpan"?: number;
     }
     interface SddsTableFooter {
-        /**
-          * Prop for client to set max number of pages
-         */
-        "clientMaxPages"?: number;
-        /**
-          * Prop for client to set current page number
-         */
-        "clientPaginationValue"?: number;
         /**
           * In case that automatic count of columns does not work, user can manually set this one. Take in mind that expandable control is column too
          */
         "clientSetColumnsNumber"?: number;
         /**
-          * Disables inbuilt pagination logic, leaving user an option to create own pagination functionality while listening to events from sdds-table-footer component
+          * Prop for client to set max number of pages.
          */
-        "disablePaginationFunction"?: boolean;
+        "maxPages"?: number;
         /**
-          * Prop to enable client controlled pagination
+          * Event to send current page value to sdds-table-body component, can also be listened to in order to implement custom pagination logic.
          */
-        "enableClientPagination"?: boolean;
+        "onSddsPageChange"?: (event: SddsTableFooterCustomEvent<{
+    tableId: string;
+    paginationValue: number;
+  }>) => void;
         /**
           * Enable pagination and show pagination controls
          */
-        "enablePagination"?: boolean;
+        "pagination"?: boolean;
         /**
-          * Event to send current page value back to sdds-table-body component, can also be listened to in order to implement custom pagination logic.
+          * Sets the pagination number.
          */
-        "onSddsPageChange"?: (event: SddsTableFooterCustomEvent<any>) => void;
+        "paginationValue"?: number;
         /**
-          * Sets how many rows to display when pagination is enabled
+          * Sets how many rows to display when pagination is enabled.
          */
         "rowsPerPage"?: number;
     }
@@ -3136,7 +3341,10 @@ declare namespace LocalJSX {
         /**
           * Used for sending users input to main parent <sdds-table> component, can also be listened to in order to implement custom sorting logic.
          */
-        "onSddsFilter"?: (event: SddsTableToolbarCustomEvent<any>) => void;
+        "onSddsFilterChange"?: (event: SddsTableToolbarCustomEvent<{
+    tableId: string;
+    query: string;
+  }>) => void;
         /**
           * Adds title to the data-table
          */
@@ -3412,6 +3620,8 @@ declare namespace LocalJSX {
         "sdds-dropdown": SddsDropdown;
         "sdds-dropdown-filter": SddsDropdownFilter;
         "sdds-dropdown-option": SddsDropdownOption;
+        "sdds-dropdown-option-v2": SddsDropdownOptionV2;
+        "sdds-dropdown-v2": SddsDropdownV2;
         "sdds-folder-tab": SddsFolderTab;
         "sdds-folder-tabs": SddsFolderTabs;
         "sdds-footer": SddsFooter;
@@ -3497,6 +3707,8 @@ declare module "@stencil/core" {
             "sdds-dropdown": LocalJSX.SddsDropdown & JSXBase.HTMLAttributes<HTMLSddsDropdownElement>;
             "sdds-dropdown-filter": LocalJSX.SddsDropdownFilter & JSXBase.HTMLAttributes<HTMLSddsDropdownFilterElement>;
             "sdds-dropdown-option": LocalJSX.SddsDropdownOption & JSXBase.HTMLAttributes<HTMLSddsDropdownOptionElement>;
+            "sdds-dropdown-option-v2": LocalJSX.SddsDropdownOptionV2 & JSXBase.HTMLAttributes<HTMLSddsDropdownOptionV2Element>;
+            "sdds-dropdown-v2": LocalJSX.SddsDropdownV2 & JSXBase.HTMLAttributes<HTMLSddsDropdownV2Element>;
             "sdds-folder-tab": LocalJSX.SddsFolderTab & JSXBase.HTMLAttributes<HTMLSddsFolderTabElement>;
             "sdds-folder-tabs": LocalJSX.SddsFolderTabs & JSXBase.HTMLAttributes<HTMLSddsFolderTabsElement>;
             "sdds-footer": LocalJSX.SddsFooter & JSXBase.HTMLAttributes<HTMLSddsFooterElement>;

package/dist/types/stencil-public-runtime.d.ts

@@ -812,6 +812,7 @@ export declare namespace JSXBase {
         datetime?: string;
     }
     interface DialogHTMLAttributes<T> extends HTMLAttributes<T> {
+        onCancel?: (event: Event) => void;
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;

package/dist/types/utils/constants.d.ts

@@ -0,0 +1 @@
+export declare const ComponentsFolder = "Components";

package/dist/types/utils/utils.d.ts

@@ -10,10 +10,35 @@ export declare function demoFormat(first: string, middle: string, last: string):
  * @param disabled Disables the input if true.
  * @param additionalAttributes Additional attributes that should be passed to the input.
  */
-export declare const appendHiddenInput: (element: HTMLElement, name: string, value: string | undefined | null, disabled: boolean, additionalAttributes: {
+export declare const appendHiddenInput: (element: HTMLElement, name: string, value: string | undefined | null, disabled: boolean, additionalAttributes?: {
   key: string;
   value: string;
 }[]) => void;
+/**
+ * Appends a child element to the supplied parentElement.
+ * @param parentElement The element on which the child element with be appended.
+ * @param tag Tag for the child element.
+ * @param attributes List of attributes to be added on the child element.
+ * @param slot Slot for the child element.
+ * @param id Id for the child element.
+ */
+export declare const appendChildElement: (parentElement: HTMLElement, tag: string, attributes: Array<{
+  key: string;
+  value: string;
+}>, slot: any, id: string) => void;
+/**
+ * Find the next focusable element index in a list of focusable elements.
+ * @param items List of focusable elements, element with a attribute of disabled that is true will be skipped over.
+ * @param nextItemIndex The index in the list to start the search on.
+ */
+export declare const findNextFocusableItem: (items: any[], nextItemIndex: number) => number;
+/**
+ * Find the previous focusable element index in a list of focusable elements.
+ *
+ * @param items List of focusable elements, element with a attribute of disabled that is true will be skipped over.
+ * @param nextItemIndex The index in the list to start the search on.
+ */
+export declare const findPreviousFocusableItem: (items: any[], previousItemIndex: number) => number;
 export type Attributes = {
   [key: string]: any;
 };

package/loader/index.d.ts

@@ -11,7 +11,7 @@ export interface CustomElementsDefineOptions {
 export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
 export declare function applyPolyfills(): Promise<void>;
 
-/** 
+/**
  * Used to specify a nonce value that corresponds with an application's CSP.
  * When set, the nonce will be added to all dynamically created script and style tags at runtime.
  * Alternatively, the nonce value can be set on a meta tag in the DOM head