@scania/tegel 1.3.3 → 1.5.0

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/slider/slider.d.ts

@@ -1,81 +1,81 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TdsSlider {
-  /** Text for label */
-  label: string;
-  /** Initial value */
-  value: string;
-  /** Minimum value */
-  min: string;
-  /** Maximum value */
-  max: string;
-  /** Number of tick markers (tick for min- and max-value will be added automatically) */
-  ticks: string;
-  /** Decide to show numbers above the tick markers or not  */
-  showTickNumbers: boolean;
-  /** Decide to show the tooltip or not */
-  tooltip: boolean;
-  /** Sets the disabled state for the whole component  */
-  disabled: boolean;
-  /** Sets the read only state for the whole component  */
-  readOnly: boolean;
-  /** Decide to show the controls or not */
-  controls: boolean;
-  /** Decide to show the input field or not */
-  input: boolean;
-  /** Defines how much to increment/decrement the value when using controls */
-  step: string;
-  /** Name property (will be inherited by the native slider component) */
-  name: string;
-  /** Sets the size of the thumb */
-  thumbSize: 'sm' | 'lg';
-  /** Snap to the tick's grid */
-  snap: boolean;
-  /** ID for the Slider's input element, randomly generated if not specified. */
-  sliderId: string;
-  private wrapperElement;
-  private thumbElement;
-  private thumbInnerElement;
-  private trackElement;
-  private trackFillElement;
-  private thumbGrabbed;
-  private thumbLeft;
-  private tickValues;
-  private useControls;
-  private useInput;
-  private useSmall;
-  private useSnapping;
-  private supposedValueSlot;
-  private resizeObserverAdded;
-  /** Sends the value of the slider when changed. */
-  tdsChange: EventEmitter<{
+    /** Text for label */
+    label: string;
+    /** Initial value */
     value: string;
-  }>;
-  /** Public method to re-initialise the slider if some configuration props are changed */
-  reset(): Promise<void>;
-  handleKeydown(event: any): void;
-  handleMouseUp(): void;
-  handleTouchEnd(): void;
-  handleMouseMove(event: any): void;
-  handleTouchMove(event: any): void;
-  handleValueUpdate(newValue: string): void;
-  private updateSupposedValueSlot;
-  private thumbCore;
-  private updateTrack;
-  private updateValue;
-  private forceValueUpdate;
-  private constrainThumb;
-  private getTrackWidth;
-  private calculateThumbLeftFromValue;
-  /** Updates the slider value based on the current input value */
-  private updateSliderValueOnInputChange;
-  /** Updates the slider value based on the current input value when enter is pressed */
-  private handleInputFieldEnterPress;
-  private grabThumb;
-  private calculateInputSizeFromMax;
-  private controlsStep;
-  private stepLeft;
-  private stepRight;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  render(): any;
+    /** Minimum value */
+    min: string;
+    /** Maximum value */
+    max: string;
+    /** Number of tick markers (tick for min- and max-value will be added automatically) */
+    ticks: string;
+    /** Decide to show numbers above the tick markers or not  */
+    showTickNumbers: boolean;
+    /** Decide to show the tooltip or not */
+    tooltip: boolean;
+    /** Sets the disabled state for the whole component  */
+    disabled: boolean;
+    /** Sets the read only state for the whole component  */
+    readOnly: boolean;
+    /** Decide to show the controls or not */
+    controls: boolean;
+    /** Decide to show the input field or not */
+    input: boolean;
+    /** Defines how much to increment/decrement the value when using controls */
+    step: string;
+    /** Name property (will be inherited by the native slider component) */
+    name: string;
+    /** Sets the size of the thumb */
+    thumbSize: 'sm' | 'lg';
+    /** Snap to the tick's grid */
+    snap: boolean;
+    /** ID for the Slider's input element, randomly generated if not specified. */
+    sliderId: string;
+    private wrapperElement;
+    private thumbElement;
+    private thumbInnerElement;
+    private trackElement;
+    private trackFillElement;
+    private thumbGrabbed;
+    private thumbLeft;
+    private tickValues;
+    private useControls;
+    private useInput;
+    private useSmall;
+    private useSnapping;
+    private supposedValueSlot;
+    private resizeObserverAdded;
+    /** Sends the value of the slider when changed. */
+    tdsChange: EventEmitter<{
+        value: string;
+    }>;
+    /** Public method to re-initialise the slider if some configuration props are changed */
+    reset(): Promise<void>;
+    handleKeydown(event: any): void;
+    handleMouseUp(): void;
+    handleTouchEnd(): void;
+    handleMouseMove(event: any): void;
+    handleTouchMove(event: any): void;
+    handleValueUpdate(newValue: string): void;
+    private updateSupposedValueSlot;
+    private thumbCore;
+    private updateTrack;
+    private updateValue;
+    private forceValueUpdate;
+    private constrainThumb;
+    private getTrackWidth;
+    private calculateThumbLeftFromValue;
+    /** Updates the slider value based on the current input value */
+    private updateSliderValueOnInputChange;
+    /** Updates the slider value based on the current input value when enter is pressed */
+    private handleInputFieldEnterPress;
+    private grabThumb;
+    private calculateInputSizeFromMax;
+    private controlsStep;
+    private stepLeft;
+    private stepRight;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    render(): any;
 }

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

@@ -1,7 +1,7 @@
 export declare class TdsSpinner {
-  /** Size of the Spinner */
-  size: 'xs' | 'sm' | 'md' | 'lg';
-  /** Variant of the Spinner */
-  variant: 'standard' | 'inverted';
-  render(): any;
+    /** Size of the Spinner */
+    size: 'xs' | 'sm' | 'md' | 'lg';
+    /** Variant of the Spinner */
+    variant: 'standard' | 'inverted';
+    render(): any;
 }

package/dist/types/components/stepper/step/step.d.ts

@@ -3,18 +3,18 @@ import { InternalTdsStepperPropChange } from '../stepper';
  * @slot label - Slot for the label text.
  */
 export declare class TdsStep {
-  /** Index of the step. Will be displayed in the step if the state is current/upcoming. */
-  index: string;
-  /** State of the Step */
-  state: 'current' | 'error' | 'success' | 'upcoming';
-  hideLabels: boolean;
-  size: 'sm' | 'lg';
-  orientation: 'horizontal' | 'vertical';
-  labelPosition: 'aside' | 'below';
-  el: HTMLElement;
-  private stepperEl;
-  private stepperId;
-  componentWillLoad(): void;
-  handlePropsChange(event: CustomEvent<InternalTdsStepperPropChange>): void;
-  render(): any;
+    /** Index of the step. Will be displayed in the step if the state is current/upcoming. */
+    index: string;
+    /** State of the Step */
+    state: 'current' | 'error' | 'success' | 'upcoming';
+    hideLabels: boolean;
+    size: 'sm' | 'lg';
+    orientation: 'horizontal' | 'vertical';
+    labelPosition: 'aside' | 'below';
+    el: HTMLElement;
+    private stepperEl;
+    private stepperId;
+    componentWillLoad(): void;
+    handlePropsChange(event: CustomEvent<InternalTdsStepperPropChange>): void;
+    render(): any;
 }

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

@@ -1,40 +1,40 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 type TdsStepperProps = {
-  orientation: 'horizontal' | 'vertical';
-  labelPosition: 'aside' | 'below';
-  size: 'sm' | 'lg';
-  hideLabels: boolean;
+    orientation: 'horizontal' | 'vertical';
+    labelPosition: 'aside' | 'below';
+    size: 'sm' | 'lg';
+    hideLabels: boolean;
 };
 export type InternalTdsStepperPropChange = {
-  stepperId: string;
-  changed: Array<keyof TdsStepperProps>;
+    stepperId: string;
+    changed: Array<keyof TdsStepperProps>;
 } & Partial<TdsStepperProps>;
 /**
  * @slot <default> - <b>Unnamed slot.</b> For the step elements.
  */
 export declare class TdsStepper {
-  host: HTMLElement;
-  /** The orientation the Steps */
-  orientation: 'horizontal' | 'vertical';
-  /** Text position, only available on a direction: horizontal */
-  labelPosition: 'aside' | 'below';
-  /** Size of the component and it's children. */
-  size: 'sm' | 'lg';
-  /** Hides the label for the child components if true. */
-  hideLabels: boolean;
-  /** ID used for internal Stepper functionality and events, must be unique.
-   *
-   * **NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper,
-   * as the default ID is random and will be different every time.
-   */
-  stepperId: string;
-  componentWillLoad(): void;
-  /** @internal Broadcasts changes in props to the Stepper children */
-  internalTdsPropsChange: EventEmitter<InternalTdsStepperPropChange>;
-  handleDirectionChange(): void;
-  handleLabelPositionChange(): void;
-  handleSizeChange(): void;
-  handleHideLabelsChange(): void;
-  render(): any;
+    host: HTMLElement;
+    /** The orientation the Steps */
+    orientation: 'horizontal' | 'vertical';
+    /** Text position, only available on a direction: horizontal */
+    labelPosition: 'aside' | 'below';
+    /** Size of the component and it's children. */
+    size: 'sm' | 'lg';
+    /** Hides the label for the child components if true. */
+    hideLabels: boolean;
+    /** ID used for internal Stepper functionality and events, must be unique.
+     *
+     * **NOTE**: If you're listening for Stepper events, you need to set this ID yourself to identify the Stepper,
+     * as the default ID is random and will be different every time.
+     */
+    stepperId: string;
+    componentWillLoad(): void;
+    /** @internal Broadcasts changes in props to the Stepper children */
+    internalTdsPropsChange: EventEmitter<InternalTdsStepperPropChange>;
+    handleDirectionChange(): void;
+    handleLabelPositionChange(): void;
+    handleSizeChange(): void;
+    handleHideLabelsChange(): void;
+    render(): any;
 }
 export {};

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

@@ -1,54 +1,54 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
 type Props = {
-  verticalDividers: boolean;
-  compactDesign: boolean;
-  noMinWidth: boolean;
-  multiselect: boolean;
-  expandableRows: boolean;
-  responsive: boolean;
-  modeVariant: 'primary' | 'secondary' | null;
-  textAlign: string;
+    verticalDividers: boolean;
+    compactDesign: boolean;
+    noMinWidth: boolean;
+    multiselect: boolean;
+    expandableRows: boolean;
+    responsive: boolean;
+    modeVariant: 'primary' | 'secondary' | null;
+    textAlign: string;
 };
 export type InternalTdsTablePropChange = {
-  tableId: string;
-  changed: Array<keyof Props>;
+    tableId: string;
+    changed: Array<keyof Props>;
 } & Partial<Props>;
 /**
  * @slot <default> - <b>Unnamed slot.</b> For the table contents.
  */
 export declare class TdsTable {
-  /** Enables style with vertical dividers between columns */
-  verticalDividers: boolean;
-  /** Enables style where Table toolbar, rows and footer are less high */
-  compactDesign: boolean;
-  /** Enables to customize width on Table columns */
-  noMinWidth: boolean;
-  /** Enables multiselect feature of Table */
-  multiselect: boolean;
-  /** Enables extended row feature of Table */
-  expandableRows: boolean;
-  /** Enables Table to take 100% available width with equal spacing of columns */
-  responsive: boolean;
-  /** Variant of the component, based on current mode. */
-  modeVariant: 'primary' | 'secondary';
-  /** ID used for internal Table functionality and events, must be unique.
-   *
-   * **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table,
-   * as the default ID is random and will be different every time.
-   */
-  tableId: string;
-  host: HTMLElement;
-  /** @internal Broadcasts changes to the Table props */
-  internalTdsTablePropChange: EventEmitter<InternalTdsTablePropChange>;
-  emitInternalTdsPropChange(changedValueName: keyof Props, changedValue: Props[keyof Props]): void;
-  /** Returns all selected rows data. */
-  getSelectedRows(): Promise<any[]>;
-  multiselectChanged(newValue: boolean): void;
-  enableExpandableRowsChanged(newValue: boolean): void;
-  compactDesignChanged(newValue: boolean): void;
-  verticalDividersChanged(newValue: boolean): void;
-  noMinWidthChanged(newValue: boolean): void;
-  modeVariantChanged(newValue: 'primary' | 'secondary' | null): void;
-  render(): any;
+    /** Enables style with vertical dividers between columns */
+    verticalDividers: boolean;
+    /** Enables style where Table toolbar, rows and footer are less high */
+    compactDesign: boolean;
+    /** Enables to customize width on Table columns */
+    noMinWidth: boolean;
+    /** Enables multiselect feature of Table */
+    multiselect: boolean;
+    /** Enables extended row feature of Table */
+    expandableRows: boolean;
+    /** Enables Table to take 100% available width with equal spacing of columns */
+    responsive: boolean;
+    /** Variant of the component, based on current mode. */
+    modeVariant: 'primary' | 'secondary';
+    /** ID used for internal Table functionality and events, must be unique.
+     *
+     * **NOTE**: If you're listening for Table events, you need to set this ID yourself to identify the Table,
+     * as the default ID is random and will be different every time.
+     */
+    tableId: string;
+    host: HTMLElement;
+    /** @internal Broadcasts changes to the Table props */
+    internalTdsTablePropChange: EventEmitter<InternalTdsTablePropChange>;
+    emitInternalTdsPropChange(changedValueName: keyof Props, changedValue: Props[keyof Props]): void;
+    /** Returns all selected rows data. */
+    getSelectedRows(): Promise<any[]>;
+    multiselectChanged(newValue: boolean): void;
+    enableExpandableRowsChanged(newValue: boolean): void;
+    compactDesignChanged(newValue: boolean): void;
+    verticalDividersChanged(newValue: boolean): void;
+    noMinWidthChanged(newValue: boolean): void;
+    modeVariantChanged(newValue: 'primary' | 'secondary' | null): void;
+    render(): any;
 }
 export {};

package/dist/types/components/table/table-body/table-body.d.ts

@@ -4,21 +4,21 @@ import { InternalTdsTablePropChange } from '../table/table';
  * @slot no-result - Slot for no result message when using filtering.
  */
 export declare class TdsTableBody {
-  host: HTMLElement;
-  multiselect: boolean;
-  enablePaginationTableBody: boolean;
-  expandableRows: boolean;
-  multiselectArray: any[];
-  multiselectArrayJSON: string;
-  mainCheckboxStatus: boolean;
-  columnsNumber: number;
-  tableId: string;
-  tableEl: HTMLTdsTableElement;
-  internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
-  bodyCheckBoxClicked: () => void;
-  bodyCheckboxListener(): void;
-  connectedCallback(): void;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  render(): any;
+    host: HTMLElement;
+    multiselect: boolean;
+    enablePaginationTableBody: boolean;
+    expandableRows: boolean;
+    multiselectArray: any[];
+    multiselectArrayJSON: string;
+    mainCheckboxStatus: boolean;
+    columnsNumber: number;
+    tableId: string;
+    tableEl: HTMLTdsTableElement;
+    internalTdsPropChangeListener(event: CustomEvent<InternalTdsTablePropChange>): void;
+    bodyCheckBoxClicked: () => void;
+    bodyCheckboxListener(): void;
+    connectedCallback(): void;
+    componentWillLoad(): void;
+    componentWillRender(): void;
+    render(): any;
 }