@scania/tegel 1.3.3 → 1.5.0

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

@@ -1,52 +1,52 @@
 import { EventEmitter } from '../../stencil-public-runtime';
 export declare class TdsDatetime {
-  /** Text-input for focus state */
-  textInput?: HTMLInputElement;
-  /** Sets input type */
-  type: 'datetime-local' | 'date' | 'time';
-  /** Value of the input text */
-  value: string;
-  /** Sets min value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00" */
-  min: string;
-  /** Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00" */
-  max: string;
-  /** Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for date-time: YY-MM-DDTHH-MM */
-  defaultValue: string | 'none';
-  /** Set input in disabled state */
-  disabled: boolean;
-  /** Size of the input */
-  size: 'sm' | 'md' | 'lg';
-  /** Resets min width rule */
-  noMinWidth: boolean;
-  /** Set the variant of the Datetime component. */
-  modeVariant: 'primary' | 'secondary';
-  /** Name property */
-  name: string;
-  /** Error state of input */
-  state: string;
-  /** Autofocus for input */
-  autofocus: boolean;
-  /** Label text for the component */
-  label: string;
-  /** Helper text for the component */
-  helper: string;
-  /** Listen to the focus state of the input */
-  focusInput: boolean;
-  /** Change event for the Datetime */
-  tdsChange: EventEmitter;
-  /** Blur event for the Datetime */
-  tdsBlur: EventEmitter<FocusEvent>;
-  /** Focus event for the Datetime */
-  tdsFocus: EventEmitter<FocusEvent>;
-  getDefaultValue: () => string;
-  componentWillLoad(): void;
-  handleFocusIn(): void;
-  handleFocusOut(): void;
-  handleInput(e: any): void;
-  handleChange(e: Event): void;
-  /** Set the input as focus when clicking the whole Datetime with suffix/prefix */
-  handleFocusClick(e: any): void;
-  /** Set the input as focus when clicking the whole Datetime with suffix/prefix */
-  handleBlur(e: any): void;
-  render(): any;
+    /** Text-input for focus state */
+    textInput?: HTMLInputElement;
+    /** Sets input type */
+    type: 'datetime-local' | 'date' | 'time';
+    /** Value of the input text */
+    value: string;
+    /** Sets min value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00" */
+    min: string;
+    /** Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00" */
+    max: string;
+    /** Default value of the component. Format for time: HH-MM. Format for date: YY-MM-DD. Format for date-time: YY-MM-DDTHH-MM */
+    defaultValue: string | 'none';
+    /** Set input in disabled state */
+    disabled: boolean;
+    /** Size of the input */
+    size: 'sm' | 'md' | 'lg';
+    /** Resets min width rule */
+    noMinWidth: boolean;
+    /** Set the variant of the Datetime component. */
+    modeVariant: 'primary' | 'secondary';
+    /** Name property */
+    name: string;
+    /** Error state of input */
+    state: string;
+    /** Autofocus for input */
+    autofocus: boolean;
+    /** Label text for the component */
+    label: string;
+    /** Helper text for the component */
+    helper: string;
+    /** Listen to the focus state of the input */
+    focusInput: boolean;
+    /** Change event for the Datetime */
+    tdsChange: EventEmitter;
+    /** Blur event for the Datetime */
+    tdsBlur: EventEmitter<FocusEvent>;
+    /** Focus event for the Datetime */
+    tdsFocus: EventEmitter<FocusEvent>;
+    getDefaultValue: () => string;
+    componentWillLoad(): void;
+    handleFocusIn(): void;
+    handleFocusOut(): void;
+    handleInput(e: any): void;
+    handleChange(e: Event): void;
+    /** Set the input as focus when clicking the whole Datetime with suffix/prefix */
+    handleFocusClick(e: any): void;
+    /** Set the input as focus when clicking the whole Datetime with suffix/prefix */
+    handleBlur(e: any): void;
+    render(): any;
 }

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

@@ -1,5 +1,5 @@
 export declare class Divider {
-  /** Orientation of the Divider, horizontal if not specified. */
-  orientation: 'horizontal' | 'vertical';
-  render(): any;
+    /** Orientation of the Divider, horizontal if not specified. */
+    orientation: 'horizontal' | 'vertical';
+    render(): any;
 }

package/dist/types/components/dropdown/dropdown-option/dropdown-option.d.ts

@@ -4,35 +4,35 @@ import { TdsCheckboxCustomEvent } from '../../../components';
  * @slot <default> - <b>Unnamed slot.</b> For the option label text.
  */
 export declare class TdsDropdownOption {
-  host: HTMLElement;
-  /** Value for the Dropdown option. */
-  value: string;
-  /** Sets the option as disabled. */
-  disabled: boolean;
-  selected: boolean;
-  multiselect: boolean;
-  size: 'sm' | 'md' | 'lg';
-  private parentElement;
-  private label;
-  /** Method to select/deselect an option. */
-  setSelected(selected: boolean): Promise<void>;
-  /** Click event for the Dropdown option. */
-  tdsSelect: EventEmitter<{
-    selected: boolean;
+    host: HTMLElement;
+    /** Value for the Dropdown option. */
     value: string;
-  }>;
-  /** Focus event for the Dropdown option. */
-  tdsFocus: EventEmitter<FocusEvent>;
-  /** Blur event for the Dropdown option. */
-  tdsBlur: EventEmitter<FocusEvent>;
-  componentWillRender: () => void;
-  handleSingleSelect: () => void;
-  handleMultiselect: (event: TdsCheckboxCustomEvent<{
-    checkboxId: string;
-    checked: boolean;
-    value?: string;
-  }>) => void;
-  handleFocus: (event: any) => void;
-  handleBlur: (event: any) => void;
-  render(): any;
+    /** Sets the option as disabled. */
+    disabled: boolean;
+    selected: boolean;
+    multiselect: boolean;
+    size: 'sm' | 'md' | 'lg';
+    private parentElement;
+    private label;
+    /** Method to select/deselect an option. */
+    setSelected(selected: boolean): Promise<void>;
+    /** Click event for the Dropdown option. */
+    tdsSelect: EventEmitter<{
+        selected: boolean;
+        value: string;
+    }>;
+    /** Focus event for the Dropdown option. */
+    tdsFocus: EventEmitter<FocusEvent>;
+    /** Blur event for the Dropdown option. */
+    tdsBlur: EventEmitter<FocusEvent>;
+    componentWillRender: () => void;
+    handleSingleSelect: () => void;
+    handleMultiselect: (event: TdsCheckboxCustomEvent<{
+        checkboxId: string;
+        checked: boolean;
+        value?: string;
+    }>) => void;
+    handleFocus: (event: any) => void;
+    handleBlur: (event: any) => void;
+    render(): any;
 }

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

@@ -3,104 +3,107 @@ import { EventEmitter } from '../../stencil-public-runtime';
  * @slot <default> - <b>Unnamed slot.</b> For dropdown option elements.
  */
 export declare class TdsDropdown {
-  host: HTMLElement;
-  /** Name for the Dropdowns input element. */
-  name: string;
-  /** Sets the Dropdown in a disabled state */
-  disabled: 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';
-  /** The direction the Dropdown should open, auto if not specified. */
-  openDirection: 'up' | 'down' | 'auto';
-  /** Placeholder text for the Dropdown. */
-  placeholder: string;
-  /** The size of the Dropdown. */
-  size: 'sm' | 'md' | 'lg';
-  /** Sets the Dropdown in an error state */
-  error: boolean;
-  /** Enables multiselect in the Dropdown. */
-  multiselect: boolean;
-  /** Enables filtration in the Dropdown. */
-  filter: boolean;
-  /** Normalizes input text for fuzzier search */
-  normalizeText: boolean;
-  /** Text that is displayed if filter is used and there are no options that matches the search. */
-  noResultText: string;
-  /** Default value selected in the Dropdown. */
-  defaultValue: string;
-  open: boolean;
-  value: string[];
-  filterResult: number;
-  filterFocus: boolean;
-  private dropdownList;
-  private inputElement;
-  /** Method that resets the Dropdown, marks all children as non-selected and resets the value to null. */
-  reset(): Promise<void>;
-  /** Method for setting the value of the Dropdown.
-   *
-   * Single selection example:
-   *
-   * <code>
-   *  dropdown.setValue('option-1', 'Option 1');
-   * </code>
-   *
-   * Multiselect example:
-   *
-   * <code>
-   *  dropdown.setValue(['option-1', 'option-2']);
-   * </code>
-   */
-  setValue(value: string | string[], label?: string): Promise<{
-    value: string;
-    label: string;
-  }[]>;
-  /**
-   * @internal
-   */
-  appendValue(value: string): Promise<void>;
-  /** Method for removing a selected value in the Dropdown. */
-  removeValue(oldValue: string): Promise<{
-    value: string;
-    label: string;
-  }[]>;
-  /** Method for closing the Dropdown. */
-  close(): Promise<void>;
-  /** Change event for the Dropdown. */
-  tdsChange: EventEmitter<{
+    host: HTMLElement;
+    /** Name for the Dropdowns input element. */
     name: string;
-    value: string;
-  }>;
-  /** Focus event for the Dropdown. */
-  tdsFocus: EventEmitter<FocusEvent>;
-  /** Blur event for the Dropdown. */
-  tdsBlur: EventEmitter<FocusEvent>;
-  /** Input event for the Dropdown. */
-  tdsInput: EventEmitter<InputEvent>;
-  onAnyClick(event: MouseEvent): void;
-  onKeyDown(event: KeyboardEvent): Promise<void>;
-  handleOpenState(): void;
-  componentWillLoad(): void;
-  /** Method to check if we should normalize text */
-  private normalizeString;
-  /** Method that resets the dropdown without emitting an event. */
-  private internalReset;
-  private setDefaultOption;
-  private selectChildrenAsSelectedBasedOnSelectionProp;
-  private getChildren;
-  getOpenDirection: () => "up" | "down";
-  private getSelectedChildren;
-  private getSelectedChildrenLabels;
-  private getValue;
-  private setValueAttribute;
-  private handleFilter;
-  private handleFocus;
-  private handleBlur;
-  private handleChange;
-  render(): any;
+    /** Sets the Dropdown in a disabled state */
+    disabled: 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';
+    /** The direction the Dropdown should open, auto if not specified. */
+    openDirection: 'up' | 'down' | 'auto';
+    /** Placeholder text for the Dropdown. */
+    placeholder: string;
+    /** The size of the Dropdown. */
+    size: 'sm' | 'md' | 'lg';
+    /** Sets the Dropdown in an error state */
+    error: boolean;
+    /** Enables multiselect in the Dropdown. */
+    multiselect: boolean;
+    /** Enables filtration in the Dropdown. */
+    filter: boolean;
+    /** Normalizes input text for fuzzier search */
+    normalizeText: boolean;
+    /** Text that is displayed if filter is used and there are no options that matches the search.
+     * Setting it to an empty string disables message from showing up. */
+    noResultText?: string;
+    /** Default value selected in the Dropdown. */
+    defaultValue: string;
+    open: boolean;
+    value: string[];
+    filterResult: number;
+    filterFocus: boolean;
+    private dropdownList;
+    private inputElement;
+    /** Method that resets the Dropdown, marks all children as non-selected and resets the value to null. */
+    reset(): Promise<void>;
+    /** Method for setting the value of the Dropdown.
+     *
+     * Single selection example:
+     *
+     * <code>
+     *  dropdown.setValue('option-1', 'Option 1');
+     * </code>
+     *
+     * Multiselect example:
+     *
+     * <code>
+     *  dropdown.setValue(['option-1', 'option-2']);
+     * </code>
+     */
+    setValue(value: string | string[], label?: string): Promise<{
+        value: string;
+        label: string;
+    }[]>;
+    /**
+     * @internal
+     */
+    appendValue(value: string): Promise<void>;
+    /** Method for removing a selected value in the Dropdown. */
+    removeValue(oldValue: string): Promise<{
+        value: string;
+        label: string;
+    }[]>;
+    /** Method for closing the Dropdown. */
+    close(): Promise<void>;
+    /** Change event for the Dropdown. */
+    tdsChange: EventEmitter<{
+        name: string;
+        value: string;
+    }>;
+    /** Focus event for the Dropdown. */
+    tdsFocus: EventEmitter<FocusEvent>;
+    /** Blur event for the Dropdown. */
+    tdsBlur: EventEmitter<FocusEvent>;
+    /** Input event for the Dropdown. */
+    tdsInput: EventEmitter<InputEvent>;
+    onAnyClick(event: MouseEvent): void;
+    onKeyDown(event: KeyboardEvent): Promise<void>;
+    handleOpenState(): void;
+    componentWillLoad(): void;
+    /** Method to check if we should normalize text */
+    private normalizeString;
+    /** Method that resets the dropdown without emitting an event. */
+    private internalReset;
+    private setDefaultOption;
+    private selectChildrenAsSelectedBasedOnSelectionProp;
+    private getChildren;
+    getOpenDirection: () => "up" | "down";
+    private handleToggleOpen;
+    private focusInputElement;
+    private getSelectedChildren;
+    private getSelectedChildrenLabels;
+    private getValue;
+    private setValueAttribute;
+    private handleFilter;
+    private handleFocus;
+    private handleBlur;
+    private handleChange;
+    render(): any;
 }

package/dist/types/components/footer/footer-group/footer-group.d.ts

@@ -2,16 +2,16 @@
  * @slot <default> - <b>Unnamed slot.</b> For footer items.
  */
 export declare class TdsFooterGroup {
-  host: HTMLElement;
-  /** Title text for the link group, only valid on top part of Footer. */
-  titleText: string;
-  /** In mobile, this indicates when the group (if it's in the top part) is opened/closed. */
-  open: boolean;
-  /** If the group is placed in the main part of the Footer,
-   * it can have either start or end as a slot position otherwise undefined. */
-  private slotPosition;
-  /** Indicates if a group is part of the top part of the Footer. */
-  private topPartGroup;
-  connectedCallback(): void;
-  render(): any;
+    host: HTMLElement;
+    /** Title text for the link group, only valid on top part of Footer. */
+    titleText: string;
+    /** In mobile, this indicates when the group (if it's in the top part) is opened/closed. */
+    open: boolean;
+    /** If the group is placed in the main part of the Footer,
+     * it can have either start or end as a slot position otherwise undefined. */
+    private slotPosition;
+    /** Indicates if a group is part of the top part of the Footer. */
+    private topPartGroup;
+    connectedCallback(): void;
+    render(): any;
 }

package/dist/types/components/footer/footer-item/footer-item.d.ts

@@ -2,8 +2,8 @@
  * @slot <default> - <b>Unnamed slot.</b> For slotting a link, button, or similar.
  */
 export declare class TdsFooterItem {
-  host: HTMLElement;
-  private parentIsTopPart;
-  connectedCallback(): void;
-  render(): any;
+    host: HTMLElement;
+    private parentIsTopPart;
+    connectedCallback(): void;
+    render(): any;
 }

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

@@ -1,11 +1,13 @@
 /**
  * @slot top - Slot for the top part of the Footer.
  * @slot start - Slot for start (left side) of the Footers main part.
- * @slot end - Slot for end (right side) of the Footers main part.
+ * @slot end - Slot for the end (right side) of the Footers main part.
+ * @slot copyright - Slot for copyright area (bottom left) of the Footer.
  */
 export declare class TdsFooter {
-  host: HTMLElement;
-  /** Mode variant of the component, based on current mode. */
-  modeVariant: 'primary' | 'secondary';
-  render(): any;
+    host: HTMLElement;
+    /** Mode variant of the component, based on current mode. */
+    modeVariant: 'primary' | 'secondary';
+    copyrightText: string;
+    render(): any;
 }

package/dist/types/components/header/core-header-item/core-header-item.d.ts

@@ -2,5 +2,5 @@
  * @slot <default> - <b>Unnamed slot.</b> For content.
  */
 export declare class TdsCoreHeaderItem {
-  render(): any;
+    render(): any;
 }

package/dist/types/components/header/header-brand-symbol/header-brand-symbol.d.ts

@@ -2,6 +2,6 @@
  * @slot <default> - <b>Unnamed slot.</b> For a link.
  */
 export declare class TdsHeaderBrandSymbol {
-  host: HTMLElement;
-  render(): any;
+    host: HTMLElement;
+    render(): any;
 }

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

@@ -4,18 +4,18 @@
  * @slot label - Slot for a label text in the dropdown button.
  */
 export declare class TdsHeaderDropdown {
-  host: HTMLElement;
-  /** The label of the button that opens the dropdown.
-   * This is an alternative to the label slot. */
-  label: string;
-  /** If the dropdown icon (downwards chevron) should be hidden. */
-  noDropdownIcon: boolean;
-  /** If the button that opens the dropdown should appear selected. */
-  selected: boolean;
-  open: boolean;
-  buttonEl?: HTMLButtonElement;
-  private uuid;
-  onAnyClick(event: MouseEvent): void;
-  toggleDropdown(): void;
-  render(): any;
+    host: HTMLElement;
+    /** The label of the button that opens the dropdown.
+     * This is an alternative to the label slot. */
+    label: string;
+    /** If the dropdown icon (downwards chevron) should be hidden. */
+    noDropdownIcon: boolean;
+    /** If the button that opens the dropdown should appear selected. */
+    selected: boolean;
+    open: boolean;
+    buttonEl?: HTMLButtonElement;
+    private uuid;
+    onAnyClick(event: MouseEvent): void;
+    toggleDropdown(): void;
+    render(): any;
 }

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

@@ -2,14 +2,14 @@
  * @slot <default> - <b>Unnamed slot.</b> For a dropdown list item.
  */
 export declare class TdsHeaderDropdownList {
-  host: HTMLElement;
-  private slotListeners;
-  /** The size of the component. */
-  size: 'lg' | 'md';
-  headingElement: HTMLElement;
-  componentWillLoad(): void;
-  componentDidLoad(): void;
-  processAssignedElements(slot: HTMLSlotElement): void;
-  disconnectedCallback(): void;
-  render(): any;
+    host: HTMLElement;
+    private slotListeners;
+    /** The size of the component. */
+    size: 'lg' | 'md';
+    headingElement: HTMLElement;
+    componentWillLoad(): void;
+    componentDidLoad(): void;
+    processAssignedElements(slot: HTMLSlotElement): void;
+    disconnectedCallback(): void;
+    render(): any;
 }

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

@@ -2,10 +2,10 @@
  * @slot <default> - <b>Unnamed slot.</b> For a link or button element.
  */
 export declare class TdsHeaderDropdownListItem {
-  host: HTMLElement;
-  /** If the link should appear selected. */
-  selected: boolean;
-  /** The size of the component. */
-  size: 'md' | 'lg';
-  render(): any;
+    host: HTMLElement;
+    /** If the link should appear selected. */
+    selected: boolean;
+    /** The size of the component. */
+    size: 'md' | 'lg';
+    render(): any;
 }

package/dist/types/components/header/header-dropdown-list-user/header-dropdown-list-user.d.ts

@@ -3,14 +3,14 @@
  * @slot header - Slot for the header.
  */
 export declare class TdsHeaderDropdownListLgUser {
-  /** Image URL. */
-  imgUrl: string;
-  /** Image alt text. */
-  imgAlt: string;
-  /** Header text, usually the users first name and last name. */
-  header: string;
-  /** Subheader text. */
-  subheader: string;
-  host: HTMLElement;
-  render(): any;
+    /** Image URL. */
+    imgUrl: string;
+    /** Image alt text. */
+    imgAlt: string;
+    /** Header text, usually the users first name and last name. */
+    header: string;
+    /** Subheader text. */
+    subheader: string;
+    host: HTMLElement;
+    render(): any;
 }

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

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

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

@@ -2,18 +2,18 @@
  * @slot <default> - <b>Unnamed slot.</b> For a link or button element.
  */
 export declare class TdsHeaderItem {
-  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;
-  /** If the button should appear selected. */
-  selected: boolean;
-  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;
-  componentDidLoad(): void;
-  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;
+    /** If the button should appear selected. */
+    selected: boolean;
+    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;
+    componentDidLoad(): void;
+    render(): any;
 }

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

@@ -2,14 +2,14 @@
  * @slot <default> - <b>Unnamed slot.</b> For a launcher list (or grid) element.
  */
 export declare class TdsHeaderLauncher {
-  host: HTMLElement;
-  open: boolean;
-  buttonEl?: HTMLTdsHeaderLauncherButtonElement;
-  hasListTypeMenu: boolean;
-  private uuid;
-  private ariaAttributes;
-  onAnyClick(event: MouseEvent): void;
-  componentDidLoad(): void;
-  toggleLauncher(): void;
-  render(): any;
+    host: HTMLElement;
+    open: boolean;
+    buttonEl?: HTMLTdsHeaderLauncherButtonElement;
+    hasListTypeMenu: boolean;
+    private uuid;
+    private ariaAttributes;
+    onAnyClick(event: MouseEvent): void;
+    componentDidLoad(): void;
+    toggleLauncher(): void;
+    render(): any;
 }