@scania/tegel 0.0.7 → 0.0.8

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

@@ -1,9 +1,9 @@
 import type { Placement, Instance } from '@popperjs/core';
 export declare class PopoverMenu {
   popoverMenuElement: HTMLElement;
-  /** The CSS-selector for an element that will trigger the popover */
+  /** The CSS-selector for an element that will trigger the pop-over */
   selector: string;
-  /** Element that will trigger the popover (takes priority over selector) */
+  /** Element that will trigger the pop-over (takes priority over selector) */
   referenceEl: HTMLElement;
   /** Decides if the Popover Menu should be visible from the start */
   show: boolean;

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

@@ -1,23 +1,19 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { HostElement } from '../../stencil-public-runtime';
 export declare class RadioButton {
-  /** Name of radio button, used for reference. */
+  host: HTMLElement;
+  /** Name of Radio Button, used for reference. */
   name: string;
   /** Value of input. */
   value: string;
-  /** REMEMBER TO ENABLE ARIA PROPS ONCE ALIGNMET HAS BEEN MADE! */
-  /** Label mainly used for accesibility tools. */
-  /** Label mainly used for accesibility tools. */
-  /** Unique radio button identifier. */
+  /** Unique Radio Button identifier. */
   radioId: string;
-  /** Decides if the radio button is checked or not. */
+  /** Decides if the Radio Button is checked or not. */
   checked: boolean;
-  /** Decides if the radio button is required or not. */
+  /** Decides if the Radio Button is required or not. */
   required: boolean;
-  /** Decides if the radio button is disabled or not. */
+  /** Decides if the Radio Button is disabled or not. */
   disabled: boolean;
-  host: HostElement;
-  /** 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. */
+  /** 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. */
   sddsChange: EventEmitter<{
     radioId: string;
     value: string;

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

@@ -1,9 +1,16 @@
-import { CollapsedEvent } from '../side-menu';
+import { EventEmitter } from '../../../../stencil-public-runtime';
+import { CollapseEvent } from '../side-menu';
 export declare class SideMenuCollapseButton {
   host: HTMLElement;
   collapsed: boolean;
   private sideMenuEl;
-  collapsedSideMenuEventHandler(event: CustomEvent<CollapsedEvent>): void;
+  /** 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. */
+  sddsCollapse: EventEmitter<CollapseEvent>;
+  /** @internal Event that is broadcasted when the internal collapse state changes. Contains the future of the collapse state. */
+  internalSddsCollapse: EventEmitter<CollapseEvent>;
+  private handleClick;
+  collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
   connectedCallback(): void;
   render(): any;
 }

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

@@ -1,4 +1,4 @@
-import { CollapsedEvent } from '../side-menu';
+import { CollapseEvent } from '../side-menu';
 export declare class SideMenuDropdown {
   host: HTMLElement;
   /** If the dropdown should be open from the start. */
@@ -15,7 +15,7 @@ export declare class SideMenuDropdown {
   };
   collapsed: boolean;
   private sideMenuEl;
-  collapsedSideMenuEventHandler(event: CustomEvent<CollapsedEvent>): void;
+  collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
   onEventPointerEnter(): void;
   onEventFocus(): void;
   onEventPointerLeave(): void;

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

@@ -1,9 +1,9 @@
-import { CollapsedEvent } from '../side-menu';
+import { CollapseEvent } from '../side-menu';
 export declare class SideMenuDropdownList {
   host: HTMLElement;
   collapsed: boolean;
   private sideMenuEl;
-  collapsedSideMenuEventHandler(event: CustomEvent<CollapsedEvent>): void;
+  collapsedSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
   connectedCallback(): void;
   render(): any;
 }

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

@@ -1,4 +1,4 @@
-import { CollapsedEvent } from '../side-menu';
+import { CollapseEvent } from '../side-menu';
 export declare class SideMenuDropdownListItem {
   host: HTMLElement;
   /** If the item should appear selected. */
@@ -6,7 +6,7 @@ export declare class SideMenuDropdownListItem {
   dropdownHasIcon: boolean;
   collapsed: boolean;
   private sideMenuEl;
-  collapsedSideMenuEventHandeler(event: CustomEvent<CollapsedEvent>): void;
+  collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
   connectedCallback(): void;
   componentDidLoad(): void;
   render(): any;

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

@@ -1,4 +1,4 @@
-import { CollapsedEvent } from '../side-menu';
+import { CollapseEvent } from '../side-menu';
 export declare class SddsSideMenuItem {
   host: HTMLSddsSideMenuItemElement;
   /** If the item should appear selected. */
@@ -16,6 +16,6 @@ export declare class SddsSideMenuItem {
   updateSlottedElements(): void;
   connectedCallback(): void;
   componentDidLoad(): void;
-  collapsedSideMenuEventHandeler(event: CustomEvent<CollapsedEvent>): void;
+  collapseSideMenuEventHandler(event: CustomEvent<CollapseEvent>): void;
   render(): any;
 }

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

@@ -63,6 +63,7 @@ export declare class Slider {
   handleTouchEnd(): void;
   handleMouseMove(event: any): void;
   handleTouchMove(event: any): void;
+  updateSupposedValueSlot(localLeft: any): number;
   scrubberCore(event: any): void;
   updateTrack(): void;
   dispatchChangeEvent(): void;

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

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

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,26 +1,25 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { HostElement } from '../../stencil-public-runtime';
 export declare class SddsToast {
-  /** ID for the toast. Randomly generated if not specified. */
+  host: HTMLElement;
+  /** ID for the Toast. Randomly generated if not specified. */
   toastId: string;
   /** Header text for the component. */
   header: string;
   /** Subheader text for the component. */
   subheader: string;
-  /** Type of toast. */
+  /** Type of Toast. */
   type: 'information' | 'error' | 'warning' | 'success';
-  /** Hides the toast. */
+  /** Hides the Toast. */
   hidden: boolean;
-  /** ARIA role for the toast. */
+  /** ARIA role for the Toast. */
   toastRole: 'alert' | 'log' | 'status';
-  host: HostElement;
   hasSubheader: boolean;
   hasLink: boolean;
-  /** Hides the toast. */
+  /** Hides the Toast. */
   hideToast(): Promise<void>;
-  /** Shows the toast. */
+  /** Shows the Toast. */
   showToast(): Promise<void>;
-  /** Sends unique toast identifier component is closed. */
+  /** Sends unique Toast identifier when component is closed. */
   sddsClose: EventEmitter<{
     toastId: string;
   }>;

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

@@ -1,27 +1,26 @@
 import { EventEmitter } from '../../stencil-public-runtime';
-import { HostElement } from '../../stencil-public-runtime';
 export declare class SddsToggle {
-  /** Sets the toggle as checked */
+  host: HTMLElement;
+  /** Sets the Toggle as checked */
   checked: boolean;
-  /** Make the toggle required */
+  /** Make the Toggle required */
   required: boolean;
-  /** Size of the toggle */
+  /** Size of the Toggle */
   size: 'sm' | 'lg';
   /** Name of the toggles input element */
   name: string;
-  /** Headline for the toggle */
+  /** Headline for the Toggle */
   headline: string;
-  /** Sets the toggle in a disabled state */
+  /** Sets the Toggle in a disabled state */
   disabled: boolean;
-  /** ID of the toggles input element, if not specifed it's randomly generated */
+  /** ID of the Toggle's input element, if not specified it's randomly generated */
   toggleId: string;
-  host: HostElement;
-  /** Toggles the toggle. */
+  /** Toggles the Toggle. */
   toggle(): Promise<{
     toggleId: string;
     checked: boolean;
   }>;
-  /** Sends unique toggle identifier and status when it is toggled. */
+  /** Sends unique Toggle identifier and status when it is toggled. */
   sddsToggle: EventEmitter<{
     toggleId: string;
     checked: boolean;

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

@@ -1,16 +1,16 @@
 import type { Placement, Instance } from '@popperjs/core';
 export declare class Tooltip {
-  /** In case tooltip contains only text, no HTML, text can be passed by this prop */
+  /** In case Tooltip contains only text, no HTML, text can be passed by this prop */
   text: string;
-  /** The CSS-selector for an element that will trigger the tooltip */
+  /** The CSS-selector for an element that will trigger the Tooltip */
   selector: string;
-  /** Element that will trigger the tooltip (takes priority over selector) */
+  /** Element that will trigger the Tooltip (takes priority over selector) */
   referenceEl: HTMLElement;
-  /** Allow mouse over tooltip. Useful when tooltip contains clickable elements like link or button. */
+  /** Allow mouse over Tooltip. Useful when Tooltip contains clickable elements like link or button. */
   mouseOverTooltip: boolean;
   /** Prop in control of showing and hiding prop */
   show: boolean;
-  /** Placement of tooltip. */
+  /** Placement of Tooltip. */
   placement: Placement;
   popperInstance: Instance;
   target: any;