@scania/tegel 1.29.0 → 1.30.0

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

@@ -20,7 +20,7 @@ export declare class TdsDatetime {
     noMinWidth: boolean;
     /** Set the variant of the Datetime component. */
     modeVariant: 'primary' | 'secondary';
-    /** Name property */
+    /** Name property. Uses a unique ID as fallback if not specified. */
     name: string;
     /** Error state of input */
     state: string;
@@ -28,6 +28,8 @@ export declare class TdsDatetime {
     autofocus: boolean;
     /** Label text for the component */
     label: string;
+    /** Position of the label */
+    labelPosition: 'inside' | 'outside' | 'no-label';
     /** Helper text for the component */
     helper: string;
     /** Value for the aria-label attribute */

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

@@ -122,5 +122,6 @@ export declare class TdsDropdown {
     componentDidRender(): void;
     disconnectedCallback(): void;
     connectedCallback(): void;
+    private updateDropdownListInertState;
     render(): any;
 }

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

@@ -1,5 +1,6 @@
 import { IconNames } from '../../types/Icons';
 export declare class Icon {
+    host: HTMLTdsIconElement;
     /** 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: IconNames;
@@ -14,7 +15,8 @@ export declare class Icon {
     icons_object: string;
     arrayOfIcons: any[];
     componentWillLoad(): void;
-    arrayDataWatcher(newValue: string): void;
+    private detectAndSetBrand;
+    private arrayDataWatcher;
     setIcons: () => any[];
     render(): any;
 }

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

@@ -55,6 +55,7 @@ export declare class TdsSlider {
     private resetEventListenerAdded;
     private formElement;
     private ariaLiveElement;
+    private roundToStep;
     /** Sends the value of the slider when changed. Fires after mouse up and touch end events. */
     tdsChange: EventEmitter<{
         value: string;

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

@@ -12,5 +12,6 @@ export declare class TdsTableBodyInputWrapper {
     componentWillLoad(): void;
     private handleSlotChange;
     private validateSlot;
+    private moveToNextEditableCell;
     render(): any;
 }

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

@@ -21,6 +21,8 @@ export declare class TdsTableBodyRowExpandable {
     /** Sets isExpanded state to true or false internally */
     /** Enables auto-collapse of other expandable rows when one row is expanded */
     autoCollapse: boolean;
+    /** Aria label for the expand button, providing an accessible description */
+    tdsAriaLabelExpandButton: string;
     /** Sets isExpanded state to true or fals internally */
     isExpanded: boolean;
     tableId: string;

package/dist/types/components/table/table-header-cell/table-header-cell.d.ts

@@ -16,6 +16,8 @@ export declare class TdsTableHeaderCell {
     textAlign: 'left' | 'start' | 'right' | 'end' | 'center';
     /** Disables internal padding. Useful when passing other components to cell. */
     disablePadding: boolean;
+    /** Aria label for the sort button, providing an accessible description */
+    tdsAriaLabelSortButton?: string;
     textAlignState: string;
     sortingDirection: 'asc' | 'desc' | undefined;
     sortedByMyKey: boolean;
@@ -60,5 +62,6 @@ export declare class TdsTableHeaderCell {
     sortButtonClick: () => void;
     headerCellContent: () => any;
     onHeadCellHover: (key: any) => void;
+    private getAriaSort;
     render(): any;
 }

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

@@ -8,6 +8,8 @@ export declare class TdsTableToolbar {
     tableTitle: string;
     /** Enables preview of searchbar */
     filter: boolean;
+    /** Aria label for the search input, providing an accessible description */
+    tdsSearchAriaLabel: string;
     verticalDividers: boolean;
     compactDesign: boolean;
     noMinWidth: boolean;

package/dist/types/components.d.ts

@@ -342,6 +342,10 @@ export namespace Components {
           * Label text for the component
          */
         "label": string;
+        /**
+          * Position of the label
+         */
+        "labelPosition": 'inside' | 'outside' | 'no-label';
         /**
           * Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
          */
@@ -355,7 +359,7 @@ export namespace Components {
          */
         "modeVariant": 'primary' | 'secondary';
         /**
-          * Name property
+          * Name property. Uses a unique ID as fallback if not specified.
          */
         "name": string;
         /**
@@ -575,6 +579,10 @@ export namespace Components {
           * Enables sorting on that column
          */
         "sortable": boolean;
+        /**
+          * Aria label for the sort button, providing an accessible description
+         */
+        "tdsAriaLabelSortButton"?: string;
         /**
           * Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
          */
@@ -1378,6 +1386,10 @@ export namespace Components {
           * ID for the table row. Randomly generated if not specified.
          */
         "rowId": string;
+        /**
+          * Aria label for the expand button, providing an accessible description
+         */
+        "tdsAriaLabelExpandButton": string;
     }
     interface TdsTableFooter {
         /**
@@ -1439,6 +1451,10 @@ export namespace Components {
           * Adds title to the Table
          */
         "tableTitle": string;
+        /**
+          * Aria label for the search input, providing an accessible description
+         */
+        "tdsSearchAriaLabel": string;
     }
     interface TdsTextField {
         /**
@@ -3205,6 +3221,10 @@ declare namespace LocalJSX {
           * Label text for the component
          */
         "label"?: string;
+        /**
+          * Position of the label
+         */
+        "labelPosition"?: 'inside' | 'outside' | 'no-label';
         /**
           * Sets max value. Example for different types: datetime="2023-01-31T00:00" date="2023-01-01" time="15:00"
          */
@@ -3218,7 +3238,7 @@ declare namespace LocalJSX {
          */
         "modeVariant"?: 'primary' | 'secondary';
         /**
-          * Name property
+          * Name property. Uses a unique ID as fallback if not specified.
          */
         "name"?: string;
         /**
@@ -3468,6 +3488,10 @@ declare namespace LocalJSX {
           * Enables sorting on that column
          */
         "sortable"?: boolean;
+        /**
+          * Aria label for the sort button, providing an accessible description
+         */
+        "tdsAriaLabelSortButton"?: string;
         /**
           * Setting for text align, default is "left". Other accepted values are "left", "start", "right" or "end".
          */
@@ -4276,6 +4300,10 @@ declare namespace LocalJSX {
           * ID for the table row. Randomly generated if not specified.
          */
         "rowId"?: string;
+        /**
+          * Aria label for the expand button, providing an accessible description
+         */
+        "tdsAriaLabelExpandButton"?: string;
     }
     interface TdsTableFooter {
         /**
@@ -4360,6 +4388,10 @@ declare namespace LocalJSX {
           * Adds title to the Table
          */
         "tableTitle"?: string;
+        /**
+          * Aria label for the search input, providing an accessible description
+         */
+        "tdsSearchAriaLabel"?: string;
     }
     interface TdsTextField {
         /**

package/dist/types/types/Icons.d.ts

@@ -1 +1,3 @@
-export type IconNames = '24v_battery_inactive' | '24v_battery' | 'acceleration_inactive' | 'acceleration' | 'adblue_inactive' | 'adblue' | 'arrow_diagonal' | 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'audio_inactive' | 'audio' | 'award' | 'back' | 'backward_inactive' | 'backward' | 'bento' | 'bug_inactive' | 'bug' | 'burger' | 'bus_inactive' | 'bus' | 'calendar_inactive' | 'calendar' | 'camera_inactive' | 'camera' | 'card' | 'cart' | 'charging_complete' | 'charging_failed' | 'charging_speed_inactive' | 'charging_speed' | 'charging_stopped' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'clock_inactive' | 'clock' | 'contact_inactive' | 'contact' | 'cookie_inactive' | 'cookie' | 'coolant_level_inactive' | 'coolant_level' | 'copy' | 'cross' | 'cup_inactive' | 'cup' | 'dashboard' | 'department_inactive' | 'department' | 'departure_scheduling_inactive' | 'departure_scheduling' | 'diamond_inactive' | 'diamond' | 'document_check' | 'document_doc' | 'document_eye' | 'document_pdf' | 'document_plus_inactive' | 'document_plus' | 'document_ppt' | 'document_tool' | 'document_wrong' | 'document_xls' | 'document' | 'dollar' | 'doner' | 'double_kebab' | 'download' | 'driving_licence_inactive' | 'driving_licence' | 'drop_inactive' | 'drop' | 'edit_inactive' | 'edit' | 'email' | 'engine_inactive' | 'engine' | 'environment_inactive' | 'environment' | 'error' | 'exit' | 'expand_inactive' | 'expand' | 'export_inactive' | 'export' | 'eye_inactive' | 'eye' | 'face_dissatisfied' | 'face_neutral' | 'face_satisfied' | 'factory_inactive' | 'factory' | 'ferry_inactive' | 'ferry' | 'filters_inactive' | 'filters' | 'flash_inactive' | 'flash' | 'folder' | 'forward_inactive' | 'forward' | 'fuel_gauge_inactive' | 'fuel_gauge' | 'fuel_inactive' | 'fuel' | 'gift inactive' | 'gift' | 'global' | 'guided_tour_inactive' | 'guided_tour' | 'hatch_open_1' | 'hatch_open_2' | 'hatch_open_inactive' | 'hatch_open' | 'heart_inactive' | 'heart' | 'heating_inactive_screen' | 'history_inactive' | 'history' | 'home_inactive' | 'home' | 'idea_inactive' | 'idea' | 'image_add' | 'image_inactive' | 'image_set' | 'image' | 'info' | 'insights' | 'kebab' | 'key_inactive' | 'key' | 'layer_inactive' | 'layer' | 'link_broken' | 'link' | 'list_inactive' | 'list' | 'lock_inactive' | 'lock' | 'map_cursor_inactive' | 'map_cursor' | 'maximize_fullscreen' | 'meatballs' | 'merge_inactive' | 'merge' | 'message_inactive' | 'message' | 'mileage_inactive' | 'mileage' | 'minimize_fullscreen' | 'minus' | 'navigate_inactive' | 'navigate' | 'notification_inactive' | 'notification' | 'oil_level_inactive' | 'oil_level' | 'pause_inactive' | 'pause' | 'phone_inactive' | 'phone' | 'pie_chart' | 'pin_inactive' | 'pin' | 'placeholder' | 'play_inactive' | 'play' | 'plus' | 'powerplug_inactive' | 'powerplug' | 'print_inactive' | 'print' | 'privacy_inactive' | 'privacy' | 'profile_inactive' | 'profile' | 'proportions_inactive' | 'proportions' | 'range_inactive' | 'range' | 'redirect' | 'refresh_inactive' | 'refresh' | 'reload_inactive' | 'reload' | 'repeat' | 'report_inactive' | 'report' | 'route_inactive' | 'route' | 'save_inactive' | 'save' | 'search' | 'send_inactive' | 'send' | 'settings' | 'share' | 'skip_backwards' | 'skip_forward' | 'smartphone_inactive' | 'smartphone' | 'sorting' | 'speedometer_inactive' | 'speedometer' | 'star' | 'support' | 'target_inactive' | 'target' | 'temperature_inactive' | 'temperature' | 'text_inactive' | 'text' | 'thumbs_down' | 'thumbs_up' | 'tick' | 'timer' | 'tool_inactive' | 'tool' | 'trailer_inactive' | 'trailer' | 'trash_inactive' | 'trash' | 'truck_inactive' | 'truck' | 'undo_inactive' | 'undo' | 'unlock' | 'upload' | 'video_inactive' | 'video' | 'wallet' | 'warning' | 'weight_inactive' | 'weight' | 'wifi_inactive' | 'wifi' | 'windscreen_heating_inactive' | 'windscreen_heating';
+import { ScaniaIconNames } from './ScaniaIcons';
+import { TratonIconNames } from './TratonIcons';
+export type IconNames = ScaniaIconNames | TratonIconNames;

package/dist/types/types/ScaniaIcons.d.ts

@@ -0,0 +1 @@
+export type ScaniaIconNames = '24v_battery_inactive' | '24v_battery' | 'acceleration_inactive' | 'acceleration' | 'adblue_inactive' | 'adblue' | 'arrow_diagonal' | 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'audio_inactive' | 'audio' | 'award' | 'back' | 'backward_inactive' | 'backward' | 'bento' | 'bug_inactive' | 'bug' | 'burger' | 'bus_inactive' | 'bus' | 'calendar_inactive' | 'calendar' | 'camera_inactive' | 'camera' | 'card' | 'cart' | 'charging_complete' | 'charging_failed' | 'charging_speed_inactive' | 'charging_speed' | 'charging_stopped' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'clock_inactive' | 'clock' | 'contact_inactive' | 'contact' | 'cookie_inactive' | 'cookie' | 'coolant_level_inactive' | 'coolant_level' | 'copy' | 'cross' | 'cup_inactive' | 'cup' | 'dashboard' | 'department_inactive' | 'department' | 'departure_scheduling_inactive' | 'departure_scheduling' | 'diamond_inactive' | 'diamond' | 'document_check' | 'document_doc' | 'document_eye' | 'document_pdf' | 'document_plus_inactive' | 'document_plus' | 'document_ppt' | 'document_tool' | 'document_wrong' | 'document_xls' | 'document' | 'dollar' | 'doner' | 'double_kebab' | 'download' | 'driving_licence_inactive' | 'driving_licence' | 'drop_inactive' | 'drop' | 'edit_inactive' | 'edit' | 'email' | 'engine_inactive' | 'engine' | 'environment_inactive' | 'environment' | 'error' | 'exit' | 'expand_inactive' | 'expand' | 'export_inactive' | 'export' | 'eye_inactive' | 'eye' | 'face_dissatisfied' | 'face_neutral' | 'face_satisfied' | 'factory_inactive' | 'factory' | 'ferry_inactive' | 'ferry' | 'filters_inactive' | 'filters' | 'flash_inactive' | 'flash' | 'folder' | 'forward_inactive' | 'forward' | 'fuel_gauge_inactive' | 'fuel_gauge' | 'fuel_inactive' | 'fuel' | 'gift inactive' | 'gift' | 'global' | 'guided_tour_inactive' | 'guided_tour' | 'hatch_open_1' | 'hatch_open_2' | 'hatch_open_inactive' | 'hatch_open' | 'heart_inactive' | 'heart' | 'heating_inactive_screen' | 'history_inactive' | 'history' | 'home_inactive' | 'home' | 'idea_inactive' | 'idea' | 'image_add' | 'image_inactive' | 'image_set' | 'image' | 'info' | 'insights' | 'kebab' | 'key_inactive' | 'key' | 'layer_inactive' | 'layer' | 'link_broken' | 'link' | 'list_inactive' | 'list' | 'lock_inactive' | 'lock' | 'map_cursor_inactive' | 'map_cursor' | 'maximize_fullscreen' | 'meatballs' | 'merge_inactive' | 'merge' | 'message_inactive' | 'message' | 'mileage_inactive' | 'mileage' | 'minimize_fullscreen' | 'minus' | 'navigate_inactive' | 'navigate' | 'notification_inactive' | 'notification' | 'oil_level_inactive' | 'oil_level' | 'pause_inactive' | 'pause' | 'phone_inactive' | 'phone' | 'pie_chart' | 'pin_inactive' | 'pin' | 'placeholder' | 'play_inactive' | 'play' | 'plus' | 'powerplug_inactive' | 'powerplug' | 'print_inactive' | 'print' | 'privacy_inactive' | 'privacy' | 'profile_inactive' | 'profile' | 'proportions_inactive' | 'proportions' | 'range_inactive' | 'range' | 'redirect' | 'refresh_inactive' | 'refresh' | 'reload_inactive' | 'reload' | 'repeat' | 'report_inactive' | 'report' | 'route_inactive' | 'route' | 'save_inactive' | 'save' | 'search' | 'send_inactive' | 'send' | 'settings' | 'share' | 'skip_backwards' | 'skip_forward' | 'smartphone_inactive' | 'smartphone' | 'sorting' | 'speedometer_inactive' | 'speedometer' | 'star' | 'support' | 'target_inactive' | 'target' | 'temperature_inactive' | 'temperature' | 'text_inactive' | 'text' | 'thumbs_down' | 'thumbs_up' | 'tick' | 'timer' | 'tool_inactive' | 'tool' | 'trailer_inactive' | 'trailer' | 'trash_inactive' | 'trash' | 'truck_inactive' | 'truck' | 'undo_inactive' | 'undo' | 'unlock' | 'upload' | 'video_inactive' | 'video' | 'wallet' | 'warning' | 'weight_inactive' | 'weight' | 'wifi_inactive' | 'wifi' | 'windscreen_heating_inactive' | 'windscreen_heating';

package/dist/types/types/TratonIcons.d.ts

@@ -0,0 +1 @@
+export type TratonIconNames = 'arrow_diagonal' | 'arrow_down' | 'arrow_left' | 'arrow_right' | 'arrow_up' | 'bento' | 'burger' | 'calendar' | 'chevron_down' | 'chevron_left' | 'chevron_right' | 'chevron_up' | 'cross' | 'edit' | 'error' | 'info' | 'minus' | 'notification' | 'plus' | 'print' | 'refresh' | 'search' | 'share' | 'sorting' | 'star' | 'tick' | 'truck' | 'warning';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@scania/tegel",
-  "version": "1.29.0",
+  "version": "1.30.0",
   "description": "Tegel Design System",
   "type": "module",
   "keywords": [

package/dist/tegel/p-05da560e.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,h as i,g as e}from"./p-2049fab2.js";import{g as d}from"./p-11648030.js";const r=class{constructor(i){s(this,i),this.tdsChange=t(this,"tdsChange",6),this.tdsInput=t(this,"tdsInput",6),this.wrapperElement=null,this.thumbElement=null,this.thumbInnerElement=null,this.trackElement=null,this.trackFillElement=null,this.thumbGrabbed=!1,this.thumbLeft=0,this.tickValues=[],this.useControls=!1,this.useInput=!1,this.useSmall=!1,this.useSnapping=!1,this.supposedValueSlot=-1,this.resizeObserverAdded=!1,this.resetEventListenerAdded=!1,this.ariaLiveElement=null,this.announcementDebounceTimeout=null,this.resetToInitialValue=()=>{this.forceValueUpdate(this.initialValue),this.reset()},this.label="",this.value="0",this.min="0",this.max="100",this.ticks="0",this.showTickNumbers=!1,this.tooltip=!1,this.disabled=!1,this.readOnly=!1,this.controls=!1,this.input=!1,this.step="1",this.name="",this.thumbSize="lg",this.snap=!1,this.tdsAriaLabel="",this.sliderId=d(),this.tdsReadOnlyAriaLabel=""}async reset(){this.componentWillLoad(),this.componentDidLoad()}handleKeydown(s){switch(s.key){case"ArrowLeft":case"ArrowDown":case"-":this.stepLeft(s),this.announceValueChange();break;case"ArrowRight":case"ArrowUp":case"+":this.stepRight(s),this.announceValueChange();break;case"Home":this.setToMinValue(),this.announceValueChange();break;case"End":this.setToMaxValue(),this.announceValueChange()}}handleRelease(s){this.thumbGrabbed?(this.thumbGrabbed=!1,this.thumbInnerElement.classList.remove("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","false"),this.updateValue(s),this.trackElement.focus()):(s.target===this.trackElement||s.target===this.trackFillElement)&&(this.thumbCore(s),this.trackElement.focus())}handleMove(s){this.thumbGrabbed&&this.thumbCore(s)}handleValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.updateTrack()}setToMinValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.min)}setToMaxValue(){this.readOnly||this.disabled||this.forceValueUpdate(this.max)}updateSupposedValueSlot(s){const t=parseInt(this.ticks),i=this.getTrackWidth(),e=Math.round(i/(t+1)),d=Math.round(s/e)*e;let r=0;return d>=0&&d<=i?r=d:d>i?r=i:d<0&&(r=0),this.supposedValueSlot=Math.round(r/e),d}thumbCore(s){const t=parseInt(this.ticks),i=this.trackElement.getBoundingClientRect();let e=0;"mousemove"===s.type||"mouseup"===s.type?e=s.clientX-i.left:"touchmove"===s.type?e=s.touches[0].clientX-i.left:console.warn("Slider component: Unsupported event!"),this.supposedValueSlot=-1,this.useSnapping&&t>0&&(e=this.updateSupposedValueSlot(e)),this.thumbLeft=this.constrainThumb(e),this.thumbElement.style.left=`${this.thumbLeft}px`,this.updateValue(s)}updateTrack(){const s=this.getTrackWidth();this.trackFillElement&&(this.trackFillElement.style.width=this.thumbLeft/s*100+"%")}announceValueChange(){this.ariaLiveElement&&(clearTimeout(this.announcementDebounceTimeout),this.announcementDebounceTimeout=setTimeout((()=>{this.ariaLiveElement.textContent=`${this.label?this.label+" ":""}${this.value} of ${this.max}`}),50))}updateValue(s){const t=this.getTrackWidth(),i=parseFloat(this.min),e=parseFloat(this.max);if(this.useSnapping&&this.supposedValueSlot>=0){const s=this.tickValues[this.supposedValueSlot];this.value=s.toString(),this.calculateThumbLeftFromValue(s)}else this.value=Math.round(i+this.thumbLeft/t*(e-i)).toString();this.updateTrack(),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsInput.emit({value:this.value}),"touchend"!==s.type&&"mouseup"!==s.type||(this.tdsChange.emit({value:this.value}),this.announceValueChange())}forceValueUpdate(s){this.calculateThumbLeftFromValue(s),this.value=s,this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`)),this.tdsChange.emit({value:this.value}),this.updateTrack(),this.announceValueChange()}constrainThumb(s){const t=this.getTrackWidth();return s<0?0:s>t?t:s}getTrackWidth(){if(!this.trackElement)return 0;const s=this.trackElement.getBoundingClientRect();return s.right-s.left}calculateThumbLeftFromValue(s){const t=s,i=this.getTrackWidth(),e=t-parseFloat(this.min),d=parseFloat(this.max)-parseFloat(this.min);this.thumbLeft=e/d*i,this.updateSupposedValueSlot(this.thumbLeft),this.thumbElement&&(this.thumbElement.style.left=`${this.thumbLeft}px`,this.thumbElement.setAttribute("aria-valuenow",this.value))}updateSliderValueOnInputChange(s){let t=parseInt(s.target.value);t!==parseInt(this.value)&&(t<parseFloat(this.min)?t=parseFloat(this.min):t>parseFloat(this.max)&&(t=parseFloat(this.max)),this.forceValueUpdate(String(t)))}handleInputFieldEnterPress(s){s.stopPropagation(),"Enter"===s.key&&(this.updateSliderValueOnInputChange(s),s.target.blur())}grabThumb(){this.readOnly||(this.thumbGrabbed=!0,this.thumbInnerElement.classList.add("pressed"),this.thumbElement&&this.thumbElement.setAttribute("aria-grabbed","true"))}calculateInputSizeFromMax(){return this.max.length}controlsStep(s,t){if(this.readOnly||this.disabled)return;const i=parseInt(this.ticks);if(this.useSnapping&&i>0)this.supposedValueSlot+=s>0?1:-1,this.supposedValueSlot<0?this.supposedValueSlot=0:this.supposedValueSlot>i+1&&(this.supposedValueSlot=i+1),this.updateValue(t);else{const t=this.getTrackWidth(),i=this.thumbLeft/t;let e=parseFloat(this.min)+i*(parseFloat(this.max)-parseFloat(this.min));e+=s,e=Math.round(e),e<parseFloat(this.min)?e=parseFloat(this.min):e>parseFloat(this.max)&&(e=parseFloat(this.max)),this.value=`${e}`,this.forceValueUpdate(this.value)}}stepLeft(s){this.controlsStep(-parseInt(this.step),s)}stepRight(s){this.controlsStep(parseInt(this.step),s)}componentWillLoad(){const s=parseInt(this.ticks);if(s>0){this.tickValues=[parseFloat(this.min)];const t=(parseFloat(this.max)-parseFloat(this.min))/(s+1);for(let i=1;i<s+1;i++)this.tickValues.push(parseFloat(this.min)+Math.round(t*i));this.tickValues.push(parseFloat(this.max))}this.useInput=!1,this.useControls=!1,this.controls?this.useControls=!0:this.input&&(this.useInput=!0),this.useSmall="sm"===this.thumbSize,this.useSnapping=this.snap,parseFloat(this.min)>parseFloat(this.max)&&(console.warn("min-prop must have a higher value than max-prop for the component to work correctly."),this.disabled=!0)}componentDidLoad(){this.resizeObserverAdded||(this.resizeObserverAdded=!0,new ResizeObserver((()=>{this.calculateThumbLeftFromValue(this.value),this.updateTrack()})).observe(this.wrapperElement)),this.calculateThumbLeftFromValue(this.value),this.updateTrack(),this.initialValue||(this.initialValue=this.value),this.thumbElement&&(this.thumbElement.setAttribute("aria-valuenow",this.value),this.thumbElement.setAttribute("aria-valuetext",`${this.value} of ${this.max}`),this.thumbElement.tabIndex=this.disabled?-1:0)}componentDidRender(){this.resetEventListenerAdded||(this.formElement=this.host.closest("form"),this.formElement&&(this.formElement.addEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!0))}connectedCallback(){this.readOnly&&!this.tdsReadOnlyAriaLabel&&console.warn("tds-slider: tdsAriaLabel is reccomended when readonly is true"),this.resetEventListenerAdded&&this.formElement&&(this.formElement.removeEventListener("reset",this.resetToInitialValue),this.resetEventListenerAdded=!1)}render(){const s=this.readOnly?this.tdsReadOnlyAriaLabel:this.label||this.tdsAriaLabel;return i("div",{key:"ae3c809f6515fd13d7a793093bbae92f58f5564f",class:{"tds-slider-wrapper":!0,"read-only":this.readOnly}},i("input",{key:"da5c23da29030150199cb0ecf0831ea37bdee587",class:"tds-slider-native-element",type:"range",name:this.name,min:this.min,max:this.max,value:this.value,disabled:this.disabled}),i("div",{key:"1f772fd989ae370bb3324814514b85ce4c1b9b76",class:"sr-only","aria-live":"assertive",ref:s=>{this.ariaLiveElement=s}}),i("div",{key:"1fa7632ba2f333ff9465a4c0e191b913e07c4151",class:{"tds-slider":!0,disabled:this.disabled,"tds-slider-small":this.useSmall},ref:s=>{this.wrapperElement=s},"aria-disabled":this.disabled?"true":"false"},i("label",{key:"7c5a0db184f8cb084ee8f6a3c6f55d657a07c001",id:`${this.sliderId}-label`,class:this.showTickNumbers&&"offset"},this.label),this.useInput&&i("div",{key:"dc3ff32d52c287383abcb697d8986759b5b36cda",class:"tds-slider__input-values"},i("div",{key:"5fd2e123dcd760a3b51a14d73b8659e3fbf119c0",class:"tds-slider__input-value min-value"},this.min)),this.useControls&&i("div",{key:"36e64d4a59ee41db8bca2b8ca4a230089a31c720",class:"tds-slider__controls"},i("div",{key:"8c6d28a4fbce3e4182380c107c82807cb723857a",class:"tds-slider__control tds-slider__control-minus",onClick:s=>this.stepLeft(s),role:"button","aria-label":"Decrease value",tabindex:this.disabled||this.readOnly?"-1":"0"},i("tds-icon",{key:"9eed66d33d28e9347c29b168f749762505673bf3",name:"minus",size:"16px"}))),i("div",{key:"79811abd81171a7ebc1ccae29fe44680c397bbe6",class:"tds-slider-inner",tabIndex:-1},this.tickValues.length>0&&i("div",{key:"fd6fd8c10e31396fdfab4b84cd9c5776273472b2",class:"tds-slider__value-dividers-wrapper"},i("div",{key:"458184b314a2b335aac32d6b7cf06bf8589c0724",class:"tds-slider__value-dividers"},this.tickValues.map((s=>i("div",{class:"tds-slider__value-divider"},this.showTickNumbers&&i("span",null,s)))))),i("div",{key:"a335e4acbf68e5da66d9933b49ae004832ba7c52",class:"tds-slider__track",ref:s=>{this.trackElement=s},tabindex:this.disabled?"-1":"0",role:"presentation",onFocus:()=>{this.thumbElement&&this.thumbElement.focus()}},i("div",{key:"c6b2f77f3e2292e9a5d8fa8e04b5e7b86a96660c",class:"tds-slider__track-fill",ref:s=>{this.trackFillElement=s}}),i("div",{key:"37eb10d60292ee19ef938055e088867cb7bddb0a",class:"tds-slider__thumb",ref:s=>{this.thumbElement=s},onMouseDown:()=>this.grabThumb(),onTouchStart:()=>this.grabThumb(),role:"slider","aria-valuemin":this.min,"aria-valuemax":this.max,"aria-valuenow":this.value,"aria-valuetext":`${this.value} of ${this.max}`,"aria-labelledby":`${this.sliderId}-label`,"aria-grabbed":this.thumbGrabbed?"true":"false","aria-label":s,tabindex:this.disabled?"-1":"0"},this.tooltip&&i("div",{key:"e5a39e8a3ec0b9acb8afa685f6c29385c78683a4",class:"tds-slider__value"},this.value,i("svg",{key:"93606eddab33f49a3efb0dd646f974ddba6a4bc3",width:"18",height:"14",viewBox:"0 0 18 14",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{key:"3c6ca10c001f16da9a7e1f1bef893e4814984914",d:"M8.15882 12.6915L0.990487 1.54076C0.562658 0.875246 1.0405 0 1.83167 0H16.1683C16.9595 0 17.4373 0.875246 17.0095 1.54076L9.84118 12.6915C9.44754 13.3038 8.55246 13.3038 8.15882 12.6915Z",fill:"currentColor"}))),i("div",{key:"249ffe32d90c760c507c6b32bd5a658eeab8dc71",class:"tds-slider__thumb-inner",ref:s=>{this.thumbInnerElement=s}})))),this.useInput&&i("div",{key:"a0687a2bfbc33fd5670b2aaa1e84c9bce67936cd",class:"tds-slider__input-values"},i("div",{key:"9525015fb94d886ea4047e9af88f3030fb1c7647",class:"tds-slider__input-value",onClick:s=>this.stepLeft(s)},this.max),i("div",{key:"7b8c7970d0e9e8ce8a061ddc17d09fa4acf9d9ae",class:"tds-slider__input-field-wrapper"},i("input",{key:"84f1a30c962e0db6143fa6066fa525e00c0d7a7b",size:this.calculateInputSizeFromMax(),class:"tds-slider__input-field",value:this.value,"aria-label":this.readOnly?this.tdsReadOnlyAriaLabel:void 0,onBlur:s=>this.updateSliderValueOnInputChange(s),onKeyDown:s=>this.handleInputFieldEnterPress(s),type:"number",min:this.min,max:this.max}))),this.useControls&&i("div",{key:"ab1e745fffc531b52cf2e50a279a9efb31ec2b9d",class:"tds-slider__controls"},i("div",{key:"4f80f207d1f15e67c7e56319cd543ee9869ecc36",class:"tds-slider__control tds-slider__control-plus",onClick:s=>this.stepRight(s),role:"button","aria-label":"Increase value",tabindex:this.disabled||this.readOnly?"-1":"0"},i("tds-icon",{key:"cf33d13ccce6d7c6cbda844e0dfac431bb429ce0",name:"plus",size:"16px"})))))}get host(){return e(this)}static get watchers(){return{value:["handleValueUpdate"]}}};r.style='tds-slider{box-sizing:border-box;width:100%}tds-slider *{box-sizing:border-box}tds-slider input[type=range].tds-slider-native-element{display:none}tds-slider .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.tds-slider-wrapper{width:100%}.tds-slider-wrapper.read-only{pointer-events:none}.tds-slider-wrapper:focus-within{outline:2px solid var(--tds-blue-400);outline-offset:2px;border-radius:var(--tds-spacing-element-4)}.tds-slider{width:100%;display:flex;flex-wrap:nowrap;padding-top:65px}.tds-slider .tds-slider-inner{width:100%;height:20px;position:relative}.tds-slider .tds-slider__controls{position:relative;top:-25px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:pointer}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus{padding:18px 18px 18px 0}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus{padding:18px 0 18px 18px}.tds-slider .tds-slider__input-values{position:relative;top:-25px;display:flex;flex-wrap:nowrap;align-items:center}.tds-slider .tds-slider__input-values .tds-slider__input-value{user-select:none;padding:18px;color:var(--tds-grey-700);font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls)}.tds-slider .tds-slider__input-values .tds-slider__input-value.min-value{padding-left:0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper{background-color:var(--tds-slider-inputfield-background);display:flex;align-items:center;justify-content:center;border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{font:var(--tds-detail-02);letter-spacing:var(--tds-detail-02-ls);color:var(--tds-slider-input-inputfield-color);border:0;background-color:transparent;text-align:center;padding:12px;box-shadow:inset 0 -1px 0 var(--tds-slider-inputfield-box-shadow);border-radius:4px 4px 0 0}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:hover{box-shadow:inset 0 -1px 0 var(--tds-grey-600)}.tds-slider .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field:focus{box-shadow:inset 0 -2px 0 var(--tds-blue-400);outline:0}.tds-slider label{font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);user-select:none;position:absolute;color:var(--tds-slider-label-color);padding-bottom:16px;transform:translateY(-100%)}.tds-slider label.offset{padding-bottom:34px}.tds-slider .tds-slider__value{font:var(--tds-detail-01);letter-spacing:var(--tds-detail-01-ls);user-select:none;border-radius:4px;padding:8px;position:absolute;transform:translate(-50%, -100%);top:-24px;background-color:var(--tds-slider-value-tooltip-background);color:var(--tds-slider-value-tooltip-color)}.tds-slider .tds-slider__value svg{color:var(--tds-slider-value-tooltip-background);position:absolute;left:50%;transform:translateX(-50%);top:34px}.tds-slider .tds-slider__thumb{position:absolute}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner{width:20px;height:20px;border-radius:100%;background-color:var(--tds-slider-thumb-color);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);cursor:pointer}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner::before{content:" ";display:none;width:48px;height:48px;background-color:var(--tds-slider-thumb-color);position:absolute;border-radius:100%;top:50%;left:50%;transform:translate(-50%, -50%)}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner:hover::before{display:block;opacity:0.08}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:24px;height:24px}.tds-slider .tds-slider__thumb .tds-slider__thumb-inner.pressed::before{display:block;opacity:0.16 !important}.tds-slider .tds-slider__value-dividers-wrapper{position:relative;width:100%;pointer-events:none}.tds-slider .tds-slider__value-dividers{pointer-events:none;position:absolute;display:flex;justify-content:space-between;width:100%}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider{transform:translateY(-50%);height:16px;background-color:var(--tds-slider-divider-color);color:var(--tds-slider-divider-values-color);width:1px}.tds-slider .tds-slider__value-dividers .tds-slider__value-divider span{display:block;user-select:none;color:var(-tds-grey-700);font:var(--tds-detail-05);letter-spacing:var(--tds-detail-05-ls);position:relative;top:-7px;left:50%;transform:translate(-50%, -100%);width:50px;text-align:center}.tds-slider .tds-slider__track{width:100%;height:2px;border-radius:1px;background-color:var(--tds-slider-track-color);position:relative;cursor:pointer}.tds-slider .tds-slider__track::after{content:"";position:absolute;left:0;right:0;top:-10px;bottom:-10px;cursor:pointer;z-index:0}.tds-slider .tds-slider__track:focus{outline:0}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner{width:24px;height:24px}.tds-slider .tds-slider__track:focus .tds-slider__thumb .tds-slider__thumb-inner::before{display:block;opacity:0.08}.tds-slider .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-track-fill-color);border-radius:2px;height:4px;position:absolute;left:0;top:-1px}.tds-slider .tds-slider__track .tds-slider__thumb{z-index:1}.tds-slider.disabled{cursor:not-allowed}.tds-slider.disabled>*{pointer-events:none}.tds-slider.disabled label{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus svg,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus svg{fill:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-value{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper{pointer-events:none}.tds-slider.disabled .tds-slider__input-values .tds-slider__input-field-wrapper input.tds-slider__input-field{color:var(--tds-slider-disabled);pointer-events:none}.tds-slider.disabled .tds-slider__value{display:none}.tds-slider.disabled .tds-slider__track{cursor:not-allowed}.tds-slider.disabled .tds-slider__track .tds-slider__track-fill{background-color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__value-dividers .tds-slider__value-divider span{color:var(--tds-slider-disabled)}.tds-slider.disabled .tds-slider__thumb{pointer-events:none}.tds-slider.disabled .tds-slider__thumb .tds-slider__thumb-inner{background-color:var(--tds-slider-disabled);cursor:default}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner{width:16px;height:16px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner::before{width:40px;height:40px}.tds-slider.tds-slider-small .tds-slider__thumb .tds-slider__thumb-inner.pressed{width:20px;height:20px}.tds-slider .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-controls-color)}.tds-slider.disabled .tds-slider__controls .tds-slider__control{cursor:default}.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-minus tds-icon,.tds-slider.disabled .tds-slider__controls .tds-slider__control.tds-slider__control-plus tds-icon{color:var(--tds-slider-disabled)}';export{r as tds_slider}

package/dist/tegel/p-0bd4fd5c.entry.js

@@ -1 +0,0 @@
-import{r as e,h as t,H as s,g as a}from"./p-2049fab2.js";import{i as o}from"./p-0bd4c19c.js";import"./p-3fe9cbbf.js";const i=class{constructor(t){e(this,t),this.tdsAriaLabel=void 0}connectedCallback(){this.tdsAriaLabel||console.warn("Tegel Header Hamburger component: missing tdsAriaLabel prop")}render(){const e=Object.assign({},o(this.host));return t(s,{key:"8bec5bb46e8aaa4913a246e1ef4823b12599d9fb"},t("tds-header-item",{key:"ddfd826c0f40bf2408961e78351e6c6dc3c6d36f"},t("button",Object.assign({key:"6dea0e5d6ba5cfacb13e267e5f6cf5644fbe16ee"},e,{"aria-label":this.tdsAriaLabel}),t("tds-icon",{key:"8fbefe929bbec4603259718fece833366ee6dff0",class:"icon",name:"burger",size:"20px"}))))}get host(){return a(this)}};i.style=":host{color:var(--tds-white)}:host tds-header-item{display:block}:host .icon{position:relative;margin-left:-6px;left:3px;transition:background 0.2s ease-in-out, color 0.2s ease-in-out}@media screen and (min-width: 992px){:host tds-header-item{display:none}:host([persistent]) tds-header-item{display:block}}";export{i as tds_header_hamburger}