@scania/tegel 1.3.3-event-types.0 → 1.4.0

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

@@ -1,235 +1,235 @@
 declare const _default: {
-  title: string;
-  argTypes: {
-    min: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: number;
-        };
-      };
-    };
-    max: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: number;
-        };
-      };
-    };
-    initialValue: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: number;
-        };
-      };
-    };
-    showLabel: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    labelText: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-    };
-    showTicks: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-    };
-    numTicks: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-      table: {
-        defaultValue: {
-          summary: number;
-        };
-      };
-    };
-    showTickNumbers: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    snapToTicks: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    showTooltip: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    showControls: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    step: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-      table: {
-        defaultValue: {
-          summary: number;
-        };
-      };
-    };
-    showInput: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      if: {
-        arg: string;
-        eq: boolean;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
-    };
-    thumbSize: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      options: string[];
-      table: {
-        defaultValue: {
-          summary: string;
-        };
-      };
-    };
-    readonly: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
+    title: string;
+    argTypes: {
+        min: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        max: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        initialValue: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        showLabel: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        labelText: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+        };
+        showTicks: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+        };
+        numTicks: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+            table: {
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        showTickNumbers: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        snapToTicks: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        showTooltip: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        showControls: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        step: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+            table: {
+                defaultValue: {
+                    summary: number;
+                };
+            };
+        };
+        showInput: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            if: {
+                arg: string;
+                eq: boolean;
+            };
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        thumbSize: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            table: {
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        readonly: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
+        disabled: {
+            name: string;
+            description: string;
+            control: {
+                type: string;
+            };
+            table: {
+                defaultValue: {
+                    summary: boolean;
+                };
+            };
+        };
     };
-    disabled: {
-      name: string;
-      description: string;
-      control: {
-        type: string;
-      };
-      table: {
-        defaultValue: {
-          summary: boolean;
-        };
-      };
+    parameters: {
+        notes: any;
+        design: {
+            name: string;
+            type: string;
+            url: string;
+        }[];
+    };
+    args: {
+        min: string;
+        max: string;
+        initialValue: string;
+        showLabel: boolean;
+        labelText: string;
+        showTicks: boolean;
+        numTicks: string;
+        showTickNumbers: boolean;
+        snapToTicks: boolean;
+        showTooltip: boolean;
+        showControls: boolean;
+        step: string;
+        showInput: boolean;
+        thumbSize: string;
+        readonly: boolean;
+        disabled: boolean;
     };
-  };
-  parameters: {
-    notes: any;
-    design: {
-      name: string;
-      type: string;
-      url: string;
-    }[];
-  };
-  args: {
-    min: string;
-    max: string;
-    initialValue: string;
-    showLabel: boolean;
-    labelText: string;
-    showTicks: boolean;
-    numTicks: string;
-    showTickNumbers: boolean;
-    snapToTicks: boolean;
-    showTooltip: boolean;
-    showControls: boolean;
-    step: string;
-    showInput: boolean;
-    thumbSize: string;
-    readonly: boolean;
-    disabled: boolean;
-  };
 };
 export default _default;
 export declare const Default: 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;
 }