@scania/tegel 1.3.3 → 1.5.0

package/dist/types/components/header/header-launcher-button/header-launcher-button.d.ts

@@ -1,8 +1,8 @@
 export declare class TdsHeaderLauncherButton {
-  host: HTMLElement;
-  /** If the button should appear active. Can be used when the button is
-   * triggering a dropdown, and the dropdown is open, for example. */
-  active: boolean;
-  private ariaAttributes;
-  render(): any;
+    host: HTMLElement;
+    /** If the button should appear active. Can be used when the button is
+     * triggering a dropdown, and the dropdown is open, for example. */
+    active: boolean;
+    private ariaAttributes;
+    render(): any;
 }

package/dist/types/components/header/header-launcher-grid/header-launcher-grid.d.ts

@@ -2,8 +2,8 @@
  * @slot <default> - <b>Unnamed slot.</b> For a grid item element.
  */
 export declare class TdsHeaderLauncherGrid {
-  host: HTMLElement;
-  headingElement: HTMLElement;
-  componentWillLoad(): void;
-  render(): any;
+    host: HTMLElement;
+    headingElement: HTMLElement;
+    componentWillLoad(): void;
+    render(): any;
 }

package/dist/types/components/header/header-launcher-grid-item/header-launcher-grid-item.d.ts

@@ -2,5 +2,5 @@
  * @slot <default> - <b>Unnamed slot.</b> For a link or button element.
  */
 export declare class TdsHeaderLauncherGridItem {
-  render(): any;
+    render(): any;
 }

package/dist/types/components/header/header-launcher-grid-title/header-launcher-grid-title.d.ts

@@ -2,6 +2,6 @@
  * @slot <default> - <b>Unnamed slot.</b> For the title text.
  */
 export declare class TdsHeaderLauncherGridTitle {
-  private uuid;
-  render(): any;
+    private uuid;
+    render(): any;
 }

package/dist/types/components/header/header-launcher-list/header-launcher-list.d.ts

@@ -2,6 +2,6 @@
  * @slot <default> - <b>Unnamed slot.</b> For list items.
  */
 export declare class TdsHeaderLauncherList {
-  uuid: string;
-  render(): any;
+    uuid: string;
+    render(): any;
 }

package/dist/types/components/header/header-launcher-list-item/header-launcher-list-item.d.ts

@@ -2,5 +2,5 @@
  * @slot <default> - <b>Unnamed slot.</b> For a link or button element.
  */
 export declare class TdsHeaderLauncherListItem {
-  render(): any;
+    render(): any;
 }

package/dist/types/components/header/header-launcher-list-title/header-launcher-list-title.d.ts

@@ -2,7 +2,7 @@
  * @slot <default> - <b>Unnamed slot.</b> For the title text.
  */
 export declare class TdsHeaderLauncherListTitle {
-  host: HTMLElement;
-  private uuid;
-  render(): any;
+    host: HTMLElement;
+    private uuid;
+    render(): any;
 }

package/dist/types/components/header/header-title/header-title.d.ts

@@ -2,5 +2,5 @@
  * @slot <default> - <b>Unnamed slot.</b> For the header title text.
  */
 export declare class TdsHeaderTitle {
-  render(): any;
+    render(): any;
 }

package/dist/types/components/header/header.d.ts

@@ -5,10 +5,10 @@
  * @slot end - Slot for the end (right side) of the header.
  */
 export declare class TdsHeader {
-  host: HTMLElement;
-  private observer;
-  constructor();
-  componentDidLoad(): void;
-  disconnectedCallback(): void;
-  render(): any;
+    host: HTMLElement;
+    private observer;
+    constructor();
+    componentDidLoad(): void;
+    disconnectedCallback(): void;
+    render(): any;
 }

package/dist/types/components/icon/icon.d.ts

@@ -1,14 +1,17 @@
 export declare class Icon {
-  /** Pass a name of the icon. For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library */
-  name: string;
-  /** Pass a size of icon as a string, for example: 32px, 1rem, 4em... */
-  size: string;
-  /** Override the default title for the svg. */
-  svgTitle: string;
-  icons_object: string;
-  arrayOfIcons: any[];
-  componentWillLoad(): void;
-  arrayDataWatcher(newValue: string): void;
-  setIcons: () => any[];
-  render(): any;
+    /** Pass the name of the icon.
+     * For icon names, refer to Storybook Icon controls dropdown or https://tegel.scania.com/foundations/icons/icon-library */
+    name: string;
+    /** Pass a size of icon as a string, for example, 32px, 1rem, 4em... */
+    size: string;
+    /** Override the default title for the svg. */
+    svgTitle?: string;
+    /** Set description for the svg. */
+    svgDescription?: string;
+    icons_object: string;
+    arrayOfIcons: any[];
+    componentWillLoad(): void;
+    arrayDataWatcher(newValue: string): void;
+    setIcons: () => any[];
+    render(): any;
 }

package/dist/types/components/link/link.d.ts

@@ -2,11 +2,11 @@
  * @slot <default> - <b>Unnamed slot.</b> For a link element. Eg. <code>&lt;a><a></code>.
  */
 export declare class TdsLink {
-  host: HTMLElement;
-  /** Disables the Link */
-  disabled: boolean;
-  /** Displays the Link with an underline. */
-  underline: boolean;
-  connectedCallback(): void;
-  render(): any;
+    host: HTMLElement;
+    /** Disables the Link */
+    disabled: boolean;
+    /** Displays the Link with an underline. */
+    underline: boolean;
+    connectedCallback(): void;
+    render(): any;
 }

package/dist/types/components/message/message.d.ts

@@ -2,16 +2,16 @@
  * @slot <default> - <b>Unnamed slot.</b> For the extended message. Not visible on minimal messages.
  */
 export declare class TdsMessage {
-  /** Header text for the component. */
-  header: string;
-  /** Variant of the component, based on current mode. */
-  modeVariant: 'primary' | 'secondary';
-  /** Variant of Message. */
-  variant: 'information' | 'error' | 'warning' | 'success';
-  /** Removes the icon in the Message. */
-  noIcon: boolean;
-  /** Minimal Message styling. */
-  minimal: boolean;
-  getIconName: () => "info" | "error" | "warning" | "tick";
-  render(): any;
+    /** Header text for the component. */
+    header: string;
+    /** Variant of the component, based on current mode. */
+    modeVariant: 'primary' | 'secondary';
+    /** Variant of Message. */
+    variant: 'information' | 'error' | 'warning' | 'success';
+    /** Removes the icon in the Message. */
+    noIcon: boolean;
+    /** Minimal Message styling. */
+    minimal: boolean;
+    getIconName: () => "info" | "error" | "warning" | "tick";
+    render(): any;
 }

package/dist/types/components/modal/modal.d.ts

@@ -5,39 +5,39 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot actions - Slot for extra buttons
  * */
 export declare class TdsModal {
-  host: HTMLElement;
-  /** Sets the header of the Modal. */
-  header: string;
-  /** Disables closing Modal on clicking on overlay area. */
-  prevent: boolean;
-  /** Size of Modal  */
-  size: 'xs' | 'sm' | 'md' | 'lg';
-  /** Changes the position behaviour of the actions slot.  */
-  actionsPosition: 'sticky' | 'static';
-  /** CSS selector for the element that will show the Modal. */
-  selector: string;
-  /** Element that will show the Modal (takes priority over selector) */
-  referenceEl?: HTMLElement | null;
-  /** Controls whether the Modal is shown or not. If this is set hiding and showing
-   * will be decided by this prop and will need to be controlled from the outside. */
-  show: boolean;
-  isShown: boolean;
-  /** Shows the Modal.  */
-  showModal(): Promise<void>;
-  /** Closes the Modal. */
-  closeModal(): Promise<void>;
-  /** Emits when the Modal is closed. */
-  tdsClose: EventEmitter<any>;
-  connectedCallback(): void;
-  handleClose: (event: any) => void;
-  handleShow: () => void;
-  /** Checks if click on Modal is on overlay, if so it closes the Modal if prevent is not true. */
-  handleOverlayClick: (event: PointerEvent) => void;
-  /** Adds an event listener to the reference element that shows/closes the Modal. */
-  initializeReferenceElement: (referenceEl: HTMLElement) => void;
-  /** Check if there is a referenceElement or selector and adds event listener to them if so. */
-  setShowButton: () => void;
-  /** Adds an event listener to the dismiss buttons that closes the Modal. */
-  setDismissButtons(): void;
-  render(): any;
+    host: HTMLElement;
+    /** Sets the header of the Modal. */
+    header: string;
+    /** Disables closing Modal on clicking on overlay area. */
+    prevent: boolean;
+    /** Size of Modal  */
+    size: 'xs' | 'sm' | 'md' | 'lg';
+    /** Changes the position behaviour of the actions slot.  */
+    actionsPosition: 'sticky' | 'static';
+    /** CSS selector for the element that will show the Modal. */
+    selector: string;
+    /** Element that will show the Modal (takes priority over selector) */
+    referenceEl?: HTMLElement | null;
+    /** Controls whether the Modal is shown or not. If this is set hiding and showing
+     * will be decided by this prop and will need to be controlled from the outside. */
+    show: boolean;
+    isShown: boolean;
+    /** Shows the Modal.  */
+    showModal(): Promise<void>;
+    /** Closes the Modal. */
+    closeModal(): Promise<void>;
+    /** Emits when the Modal is closed. */
+    tdsClose: EventEmitter<any>;
+    connectedCallback(): void;
+    handleClose: (event: any) => void;
+    handleShow: () => void;
+    /** Checks if click on Modal is on overlay, if so it closes the Modal if prevent is not true. */
+    handleOverlayClick: (event: PointerEvent) => void;
+    /** Adds an event listener to the reference element that shows/closes the Modal. */
+    initializeReferenceElement: (referenceEl: HTMLElement) => void;
+    /** Check if there is a referenceElement or selector and adds event listener to them if so. */
+    setShowButton: () => void;
+    /** Adds an event listener to the dismiss buttons that closes the Modal. */
+    setDismissButtons(): void;
+    render(): any;
 }

package/dist/types/components/popover-canvas/popover-canvas.d.ts

@@ -4,24 +4,24 @@ import { Attributes } from '../../types/Attributes';
  * @slot <default> - <b>Unnamed slot.</b> For the contents of the popover.
  */
 export declare class TdsPopoverCanvas {
-  host: HTMLTdsPopoverCanvasElement;
-  /** The CSS-selector for an element that will trigger the Popover */
-  selector: string;
-  /** Element that will trigger the Popover (takes priority over selector) */
-  referenceEl?: HTMLElement | null;
-  /** Controls whether the Popover is shown or not. If this is set hiding and showing
-   * will be decided by this prop and will need to be controlled from the outside.
-   */
-  show: boolean;
-  /** Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement */
-  placement: Placement;
-  /** Sets the offset skidding */
-  offsetSkidding: number;
-  /** Sets the offset distance */
-  offsetDistance: number;
-  /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
-  modifiers: Object[];
-  inheritedAttributes: Attributes;
-  componentWillLoad(): void;
-  render(): any;
+    host: HTMLTdsPopoverCanvasElement;
+    /** The CSS-selector for an element that will trigger the Popover */
+    selector: string;
+    /** Element that will trigger the Popover (takes priority over selector) */
+    referenceEl?: HTMLElement | null;
+    /** Controls whether the Popover is shown or not. If this is set hiding and showing
+     * will be decided by this prop and will need to be controlled from the outside.
+     */
+    show: boolean;
+    /** Decides the placement of the Popover Canvas. See https://popper.js.org/docs/v2/constructors/#placement */
+    placement: Placement;
+    /** Sets the offset skidding */
+    offsetSkidding: number;
+    /** Sets the offset distance */
+    offsetDistance: number;
+    /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
+    modifiers: Object[];
+    inheritedAttributes: Attributes;
+    componentWillLoad(): void;
+    render(): any;
 }

package/dist/types/components/popover-core/popover-core.d.ts

@@ -1,47 +1,47 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 import type { Placement, Instance } from '@popperjs/core';
 export declare class TdsPopoverCore {
-  host: HTMLTdsPopoverCoreElement;
-  /** The CSS-selector for an element that will trigger the pop-over */
-  selector: string;
-  /** Element that will trigger the pop-over (takes priority over selector) */
-  referenceEl?: HTMLElement | null;
-  /** Decides if the Popover Menu should be visible from the start */
-  show: boolean;
-  /** Decides the placement of the Popover Menu */
-  placement: Placement;
-  /** Sets the offset skidding */
-  offsetSkidding: number;
-  /** Sets the offset distance */
-  offsetDistance: number;
-  /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
-  modifiers: Object[];
-  /** What triggers the popover to show */
-  trigger: 'click' | 'hover' | 'hover-popover';
-  /** Decides if the popover should hide automatically.
-   * Alternatevly it can be hidden externally based on emitted events. */
-  autoHide: boolean;
-  renderedShowValue: boolean;
-  popperInstance: Instance | null;
-  target?: HTMLElement | null;
-  isShown: boolean;
-  /** @internal Show event. */
-  tdsShow: EventEmitter<{}>;
-  /** @internal Close event. */
-  tdsClose: EventEmitter<{}>;
-  onAnyClick(event: MouseEvent): void;
-  componentWillLoad(): void;
-  onShowChange(newValue: boolean): void;
-  onReferenceElChanged(newValue: HTMLElement, oldValue: HTMLElement): void;
-  onTriggerChanged(newValue: 'click' | 'hover' | 'hover-popover'): void;
-  private setIsShown;
-  private onClickTarget;
-  private handleShow;
-  private handleHide;
-  private initialize;
-  private cleanUp;
-  componentDidLoad(): void;
-  componentDidRender(): void;
-  disconnectedCallback(): void;
-  render(): any;
+    host: HTMLTdsPopoverCoreElement;
+    /** The CSS-selector for an element that will trigger the pop-over */
+    selector: string;
+    /** Element that will trigger the pop-over (takes priority over selector) */
+    referenceEl?: HTMLElement | null;
+    /** Decides if the Popover Menu should be visible from the start */
+    show: boolean;
+    /** Decides the placement of the Popover Menu */
+    placement: Placement;
+    /** Sets the offset skidding */
+    offsetSkidding: number;
+    /** Sets the offset distance */
+    offsetDistance: number;
+    /** Array of modifier objects to pass to popper.js. See https://popper.js.org/docs/v2/modifiers/ */
+    modifiers: Object[];
+    /** What triggers the popover to show */
+    trigger: 'click' | 'hover' | 'hover-popover';
+    /** Decides if the popover should hide automatically.
+     * Alternatevly it can be hidden externally based on emitted events. */
+    autoHide: boolean;
+    renderedShowValue: boolean;
+    popperInstance: Instance | null;
+    target?: HTMLElement | null;
+    isShown: boolean;
+    /** @internal Show event. */
+    tdsShow: EventEmitter<{}>;
+    /** @internal Close event. */
+    tdsClose: EventEmitter<{}>;
+    onAnyClick(event: MouseEvent): void;
+    componentWillLoad(): void;
+    onShowChange(newValue: boolean): void;
+    onReferenceElChanged(newValue: HTMLElement, oldValue: HTMLElement): void;
+    onTriggerChanged(newValue: 'click' | 'hover' | 'hover-popover'): void;
+    private setIsShown;
+    private onClickTarget;
+    private handleShow;
+    private handleHide;
+    private initialize;
+    private cleanUp;
+    componentDidLoad(): void;
+    componentDidRender(): void;
+    disconnectedCallback(): void;
+    render(): any;
 }

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

@@ -1,5 +1,5 @@
 export declare class TdsPopoverMenuItem {
-  /** Disables the Popover Menu Item */
-  disabled: boolean;
-  render(): any;
+    /** Disables the Popover Menu Item */
+    disabled: boolean;
+    render(): any;
 }

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

@@ -4,25 +4,25 @@ import { Attributes } from '../../types/Attributes';
  * @slot <default> - <b>Unnamed slot.</b> For the list of menu items.
  */
 export declare class TdsPopoverMenu {
-  host: HTMLTdsPopoverMenuElement;
-  /** The CSS-selector for an element that will trigger the pop-over */
-  selector: string;
-  /** Element that will trigger the pop-over (takes priority over selector) */
-  referenceEl?: HTMLElement | null;
-  /** Controls whether the Popover is shown or not. If this is set hiding and showing
-   * will be decided by this prop and will need to be controlled from the outside. This
-   * also means that clicking outside of the popover won't close it.
-   */
-  show: boolean;
-  /** Decides the placement of the Popover Menu */
-  placement: Placement;
-  /** Sets the offset skidding */
-  offsetSkidding: number;
-  /** Sets the offset distance */
-  offsetDistance: number;
-  /** If true this unsets the width (160px) of the Popover Menu */
-  fluidWidth: boolean;
-  inheritedAttributes: Attributes;
-  componentWillLoad(): void;
-  render(): any;
+    host: HTMLTdsPopoverMenuElement;
+    /** The CSS-selector for an element that will trigger the pop-over */
+    selector: string;
+    /** Element that will trigger the pop-over (takes priority over selector) */
+    referenceEl?: HTMLElement | null;
+    /** Controls whether the Popover is shown or not. If this is set hiding and showing
+     * will be decided by this prop and will need to be controlled from the outside. This
+     * also means that clicking outside of the popover won't close it.
+     */
+    show: boolean;
+    /** Decides the placement of the Popover Menu */
+    placement: Placement;
+    /** Sets the offset skidding */
+    offsetSkidding: number;
+    /** Sets the offset distance */
+    offsetDistance: number;
+    /** If true this unsets the width (160px) of the Popover Menu */
+    fluidWidth: boolean;
+    inheritedAttributes: Attributes;
+    componentWillLoad(): void;
+    render(): any;
 }

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

@@ -3,26 +3,26 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot label - Slot for the label text.
  */
 export declare class TdsRadioButton {
-  host: HTMLElement;
-  /** Name of Radio Button, used for reference. */
-  name: string;
-  /** Value of input. */
-  value: string;
-  /** Unique Radio Button identifier. */
-  radioId: string;
-  /** Decides if the Radio Button is checked or not. */
-  checked: boolean;
-  /** Decides if the Radio Button is required or not. */
-  required: boolean;
-  /** Decides if the Radio Button is disabled or not. */
-  disabled: boolean;
-  /** Sends unique Radio Button identifier and status when it is checked.
-   * If no ID is specified, a random one will be generated.
-   * To use this listener, don't use the randomized ID, use a specific one of your choosing. */
-  tdsChange: EventEmitter<{
-    radioId: string;
+    host: HTMLElement;
+    /** Name of Radio Button, used for reference. */
+    name: string;
+    /** Value of input. */
     value: string;
-  }>;
-  handleChange: () => void;
-  render(): any;
+    /** Unique Radio Button identifier. */
+    radioId: string;
+    /** Decides if the Radio Button is checked or not. */
+    checked: boolean;
+    /** Decides if the Radio Button is required or not. */
+    required: boolean;
+    /** Decides if the Radio Button is disabled or not. */
+    disabled: boolean;
+    /** Sends unique Radio Button identifier and status when it is checked.
+     * If no ID is specified, a random one will be generated.
+     * To use this listener, don't use the randomized ID, use a specific one of your choosing. */
+    tdsChange: EventEmitter<{
+        radioId: string;
+        value: string;
+    }>;
+    handleChange: () => void;
+    render(): 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;
 }