@scania/tegel 1.3.3-event-types.0 → 1.4.0

package/dist/types/components/radio-button/radio-button.stories.d.ts

@@ -1,39 +1,39 @@
 declare const _default: {
-  title: string;
-  parameters: {
-    notes: any;
-    layout: string;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    label: {
-      name: string;
-      description: string;
-      controls: {
-        type: string;
-      };
+    title: string;
+    parameters: {
+        notes: any;
+        layout: string;
+        design: {
+            name: string;
+            type: string;
+            url: string;
+        }[];
     };
-    disabled: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
+    argTypes: {
+        label: {
+            name: string;
+            description: string;
+            controls: {
+                type: string;
+            };
         };
-      };
+        disabled: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+    };
+    args: {
+        label: string;
+        disabled: boolean;
     };
-  };
-  args: {
-    label: string;
-    disabled: boolean;
-  };
 };
 export default _default;
 export declare const Default: any;

package/dist/types/components/side-menu/side-menu-close-button/side-menu-close-button.d.ts

@@ -1,4 +1,4 @@
 export declare class TdsSideMenuCloseButton {
-  host: HTMLElement;
-  render(): any;
+    host: HTMLElement;
+    render(): any;
 }

package/dist/types/components/side-menu/side-menu-collapse-button/side-menu-collapse-button.d.ts

@@ -4,16 +4,16 @@ import { CollapseEvent } from '../side-menu';
  * @slot <default>  - <b>Unnamed slot.</b> For the text label of the button.
  * */
 export declare class TdsSideMenuCollapseButton {
-  host: HTMLElement;
-  collapsed: boolean;
-  private sideMenuEl;
-  /** Event that is broadcast when the collapse button is clicked.
-   * Prevent it from disabling automatic collapsing, and set the collapsed prop on the Side Menu yourself. */
-  tdsCollapse: EventEmitter<CollapseEvent>;
-  /** @internal Event that is broadcast when the internal collapse state changes. Contains the future of the collapse state. */
-  internalTdsCollapse: EventEmitter<CollapseEvent>;
-  private handleClick;
-  collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
-  connectedCallback(): void;
-  render(): any;
+    host: HTMLElement;
+    collapsed: boolean;
+    private sideMenuEl;
+    /** Event that is broadcast when the collapse button is clicked.
+     * Prevent it from disabling automatic collapsing, and set the collapsed prop on the Side Menu yourself. */
+    tdsCollapse: EventEmitter<CollapseEvent>;
+    /** @internal Event that is broadcast when the internal collapse state changes. Contains the future of the collapse state. */
+    internalTdsCollapse: EventEmitter<CollapseEvent>;
+    private handleClick;
+    collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+    connectedCallback(): void;
+    render(): any;
 }

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

@@ -5,29 +5,29 @@ import { CollapseEvent } from '../side-menu';
  * @slot <default> - <b>Unnamed slot.</b> For injection of the <code>tds-side-menu-dropdown-list</code> subcomponent.
  * */
 export declare class TdsSideMenuDropdown {
-  host: HTMLElement;
-  /** If the dropdown should be open from the start. */
-  defaultOpen: boolean;
-  /** The label of the button that opens the dropdown.
-   * This is an alternative to the label slot. */
-  buttonLabel: string;
-  /** If the button that opens the dropdown should appear selected. */
-  selected: boolean;
-  open: boolean;
-  hoverState: {
-    isHovered: boolean;
-    updatedAt: number;
-  };
-  collapsed: boolean;
-  private sideMenuEl;
-  collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
-  onEventPointerEnter(): void;
-  onEventFocus(): void;
-  onEventPointerLeave(): void;
-  onEventBlur(): void;
-  setHoverStateOpen(): void;
-  setHoverStateClosed(): void;
-  getIsOpenState(): boolean;
-  connectedCallback(): void;
-  render(): any;
+    host: HTMLElement;
+    /** If the dropdown should be open from the start. */
+    defaultOpen: boolean;
+    /** The label of the button that opens the dropdown.
+     * This is an alternative to the label slot. */
+    buttonLabel: string;
+    /** If the button that opens the dropdown should appear selected. */
+    selected: boolean;
+    open: boolean;
+    hoverState: {
+        isHovered: boolean;
+        updatedAt: number;
+    };
+    collapsed: boolean;
+    private sideMenuEl;
+    collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+    onEventPointerEnter(): void;
+    onEventFocus(): void;
+    onEventPointerLeave(): void;
+    onEventBlur(): void;
+    setHoverStateOpen(): void;
+    setHoverStateClosed(): void;
+    getIsOpenState(): boolean;
+    connectedCallback(): void;
+    render(): any;
 }

package/dist/types/components/side-menu/side-menu-dropdown-list/side-menu-dropdown-list.d.ts

@@ -3,10 +3,10 @@ import { CollapseEvent } from '../side-menu';
  * @slot <default>  - <b>Unnamed slot.</b> For injection of <code>tds-side-menu-dropdown-list-item</code> subcomponents.
  * */
 export declare class TdsSideMenuDropdownList {
-  host: HTMLElement;
-  collapsed: boolean;
-  private sideMenuEl;
-  collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
-  connectedCallback(): void;
-  render(): any;
+    host: HTMLElement;
+    collapsed: boolean;
+    private sideMenuEl;
+    collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+    connectedCallback(): void;
+    render(): any;
 }

package/dist/types/components/side-menu/side-menu-dropdown-list-item/side-menu-dropdown-list-item.d.ts

@@ -3,14 +3,14 @@ import { CollapseEvent } from '../side-menu';
  * @slot <default> - <b>Unnamed slot.</b> For injecting a native <code>&lt;button></code> or <code>&lt;a></code> element.
  * */
 export declare class TdsSideMenuDropdownListItem {
-  host: HTMLElement;
-  /** If the item should appear selected. */
-  selected: boolean;
-  dropdownHasIcon: boolean;
-  collapsed: boolean;
-  private sideMenuEl;
-  collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  render(): any;
+    host: HTMLElement;
+    /** If the item should appear selected. */
+    selected: boolean;
+    dropdownHasIcon: boolean;
+    collapsed: boolean;
+    private sideMenuEl;
+    collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    render(): any;
 }

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

@@ -3,22 +3,22 @@ import { CollapseEvent } from '../side-menu';
  * @slot <default> - <b>Unnamed slot.</b> For injecting a native <code>&lt;button</code> and <code>&lt;a></code> element.
  * */
 export declare class TdsSideMenuItem {
-  host: HTMLTdsSideMenuItemElement;
-  /** If the item should appear selected. */
-  selected: boolean;
-  /** If the item should appear active. Can be used when the item is
-   * triggering a dropdown, and the dropdown is open, for example. */
-  active: boolean;
-  collapsed: boolean;
-  private sideMenuEl;
-  private slotEl;
-  updateSlotted(searchPredicate: (element: HTMLElement) => boolean, mutationCallback: (element: HTMLElement) => void): void;
-  /**
-   * This function is needed because we can't use CSS selectors to style something in the light dom
-   */
-  updateSlottedElements(): void;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
-  render(): any;
+    host: HTMLTdsSideMenuItemElement;
+    /** If the item should appear selected. */
+    selected: boolean;
+    /** If the item should appear active. Can be used when the item is
+     * triggering a dropdown, and the dropdown is open, for example. */
+    active: boolean;
+    collapsed: boolean;
+    private sideMenuEl;
+    private slotEl;
+    updateSlotted(searchPredicate: (element: HTMLElement) => boolean, mutationCallback: (element: HTMLElement) => void): void;
+    /**
+     * This function is needed because we can't use CSS selectors to style something in the light dom
+     */
+    updateSlottedElements(): void;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+    render(): any;
 }

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

@@ -1,3 +1,3 @@
 export declare class TdsSideMenuOverlay {
-  render(): any;
+    render(): any;
 }

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

@@ -2,13 +2,13 @@
  * @slot <default> - <b>Unnamed slot.</b> Used as alternative to props to inject <code><img...</code> element directly into the DOM.
  * */
 export declare class TdsSideMenuUser {
-  /** The heading text. */
-  heading: string;
-  /** The subheading text. */
-  subheading: string;
-  /** The image source. */
-  imgSrc: string;
-  /** The image alt text. */
-  imgAlt: string;
-  render(): any;
+    /** The heading text. */
+    heading: string;
+    /** The subheading text. */
+    subheading: string;
+    /** The image source. */
+    imgSrc: string;
+    /** The image alt text. */
+    imgAlt: string;
+    render(): any;
 }

package/dist/types/components/side-menu/side-menu-user-image/side-menu-user-image.d.ts

@@ -3,9 +3,9 @@
  * <b>Unnamed slot.</b> Used as alternative to props to inject <code><img...</code> element directly into the DOM.
  * */
 export declare class TdsSideMenuUserImage {
-  /** The image source. */
-  src: string;
-  /** The image alt text. */
-  alt: string;
-  render(): any;
+    /** The image source. */
+    src: string;
+    /** The image alt text. */
+    alt: string;
+    render(): any;
 }

package/dist/types/components/side-menu/side-menu-user-label/side-menu-user-label.d.ts

@@ -1,7 +1,7 @@
 export declare class TdsSideMenuUserLabel {
-  /** The heading text. */
-  heading: string;
-  /** The subheading text. */
-  subheading: string;
-  render(): any;
+    /** The heading text. */
+    heading: string;
+    /** The subheading text. */
+    subheading: string;
+    render(): any;
 }

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

@@ -1,12 +1,12 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export type CollapseEvent = {
-  collapsed: boolean;
+    collapsed: boolean;
 };
 type Props = {
-  collapsed: boolean;
+    collapsed: boolean;
 };
 export type InternalTdsSideMenuPropChange = {
-  changed: Array<keyof Props>;
+    changed: Array<keyof Props>;
 } & Partial<Props>;
 /**
  * @slot overlay - Used of injection of tds-side-menu-overlay
@@ -17,29 +17,30 @@ export type InternalTdsSideMenuPropChange = {
  * @slot sticky-end - Used for tds-side-menu-collapse-button component
  * */
 export declare class TdsSideMenu {
-  host: HTMLTdsSideMenuElement;
-  /** Applicable only for mobile. If the Side Menu is open or not. */
-  open: boolean;
-  /** 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.
-   * NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tds-Collapse event. */
-  collapsed: boolean;
-  isUpperSlotEmpty: boolean;
-  isCollapsed: boolean;
-  private matchesLgBreakpointMq;
-  handleMatchesLgBreakpointChange: (e: MediaQueryListEvent) => void;
-  connectedCallback(): void;
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  onCollapsedChange(newVal: boolean): void;
-  /** Event that is emitted when the Side Menu is collapsed. */
-  tdsCollapse: EventEmitter<CollapseEvent>;
-  /** @internal Broadcasts collapsed state to child components. */
-  internalTdsCollapse: EventEmitter<CollapseEvent>;
-  /** @internal Broadcasts collapsed state to child components. */
-  internalTdsSideMenuPropChange: EventEmitter<InternalTdsSideMenuPropChange>;
-  collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
-  render(): any;
+    host: HTMLTdsSideMenuElement;
+    /** Applicable only for mobile. If the Side Menu is open or not. */
+    open: boolean;
+    /** 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.
+     * NOTE: Only use this if you have prevented the automatic collapsing with preventDefault on the tdsCollapse event. */
+    collapsed: boolean;
+    isUpperSlotEmpty: boolean;
+    isCollapsed: boolean;
+    initialCollapsedState: boolean;
+    private matchesLgBreakpointMq;
+    handleMatchesLgBreakpointChange: (e: MediaQueryListEvent) => void;
+    connectedCallback(): void;
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    onCollapsedChange(newVal: boolean): void;
+    /** Event that is emitted when the Side Menu is collapsed. */
+    tdsCollapse: EventEmitter<CollapseEvent>;
+    /** @internal Broadcasts collapsed state to child components. */
+    internalTdsCollapse: EventEmitter<CollapseEvent>;
+    /** @internal Broadcasts collapsed state to child components. */
+    internalTdsSideMenuPropChange: EventEmitter<InternalTdsSideMenuPropChange>;
+    collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
+    render(): any;
 }
 export {};

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

@@ -1,65 +1,65 @@
 declare const _default: {
-  title: string;
-  parameters: {
-    notes: {
-      'Side Menu': any;
-      'Side Menu Item': any;
-      'Side Menu Dropdown': any;
-      'Side Menu Dropdown List': any;
-      'Side Menu Dropdown List Item': any;
-      'Side Menu User': any;
-      'Side Menu Collapse Button': any;
-      'Side Menu Close Button': any;
-      'Side Menu Overlay': any;
+    title: string;
+    parameters: {
+        notes: {
+            'Side Menu': any;
+            'Side Menu Item': any;
+            'Side Menu Dropdown': any;
+            'Side Menu Dropdown List': any;
+            'Side Menu Dropdown List Item': any;
+            'Side Menu User': any;
+            'Side Menu Collapse Button': any;
+            'Side Menu Close Button': any;
+            'Side Menu Overlay': any;
+        };
+        layout: string;
+        docs: {
+            source: {
+                state: string;
+            };
+        };
+        design: {
+            name: string;
+            type: string;
+            url: string;
+        }[];
     };
-    layout: string;
-    docs: {
-      source: {
-        state: string;
-      };
+    argTypes: {
+        persistent: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        collapsible: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
+        collapsed: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                truthy: boolean;
+            };
+        };
     };
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  argTypes: {
-    persistent: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
+    args: {
+        persistent: boolean;
+        collapsible: boolean;
+        collapsed: boolean;
     };
-    collapsible: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        truthy: boolean;
-      };
-    };
-    collapsed: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        truthy: boolean;
-      };
-    };
-  };
-  args: {
-    persistent: boolean;
-    collapsible: boolean;
-    collapsed: boolean;
-  };
 };
 export default _default;
 export declare const Default: any;