wabtec-internal-volt-basic-components 1.0.0

package/dist/collection/components/slider-range-continuous/vds-basic-slider-range-continuous.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-basic-slider-range-continuous.js","sourceRoot":"","sources":["../../../src/components/slider-range-continuous/vds-basic-slider-range-continuous.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Host, Prop, h, Event, EventEmitter, Element, State, Method } from '@stencil/core';\nimport { combineClasses } from '../../utils/combine-classes';\nimport { getPositionBasedOnValue, logWarnings, SliderRangeValueType } from '../../utils/slider.utils';\nimport { forceUpdate, HTMLStencilElement, Listen, Watch } from '@stencil/core/internal';\nimport { countDecimalPlaces } from '../../utils/number-utils';\n\n@Component({\n  tag: 'vds-basic-slider-range-continuous',\n  styleUrl: 'vds-basic-slider-range-continuous.scss',\n  shadow: true,\n})\nexport class VdsBasicSliderRangeContinuous {\n  /** Sets the start value of the slider.*/\n  @Prop() startValue: number;\n  /** Sets the start value of the slider.*/\n  @Prop() endValue: number;\n  /** Sets the size of the slider. */\n  @Prop() size: \"medium\" | \"large\" = \"medium\";\n  /** Sets the slider’s orientation. */\n  @Prop() orientation: \"horizontal\" | \"vertical\" = \"horizontal\";\n  /** Sets the slider on disabled state. */\n  @Prop() disabled: boolean = false;\n  /** Sets the min value of the slider (Min value should always be lower than the max value). */\n  @Prop() minValue: number = 0;\n  /** Sets the max value of the slider..*/\n  @Prop() maxValue: number = 100;\n  /** Sets the amount of advance of the slider. */\n  @Prop() step: number = 1;\n  /** Sets the aria label in slider */\n  @Prop() setAriaLabel: string;\n  /** Toggles the value over the thumb in the slider \n  * on - Always shows value over the thumb.\n  * off - Do not show the value over the thumb.\n  * auto - Shows value over the thumb when mouse hover.\n  */\n  @Prop() displayLabel: \"on\" | \"off\" | \"auto\" = \"on\";\n  /** Toggles the limit value (min and max) of the slider .*/\n  @Prop() displayLimits: boolean = true;\n  /** Sets colors of the slider.\n   * Track - ThemeColors\n   * TrackFill - ThemeColors\n   * Thumb - ThemeColors\n   * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n   */\n  @Prop() colors: { [key: string]: string } | string;\n  /** Sets the thumb icon */\n  @Prop() icon: string = \"thumb\";\n\n  /**  Emits updated input value */\n  @Event() changeRangeValue: EventEmitter<{ startValue: number; endValue: number }>;\n\n  @Element() host: HTMLElement;\n\n  @State() displayLabelShowValue: boolean;\n\n  startInputRangeEl: HTMLInputElement;\n  endInputRangeEl: HTMLInputElement;\n  startShownValue: string;\n  endShownValue: string;\n  startThumbPosition: string;\n  endThumbPosition: string;\n  trackRangeFillContainerEl: HTMLDivElement;\n  trackContentContainerEl: HTMLDivElement;\n  displayLabelStartEventTriggerIn: \"mouseover\" | \"focus\";\n  displayLabelEndEventTriggerIn: \"mouseover\" | \"focus\";\n  hasFocus: boolean;\n\n  componentWillRender(): void {\n    logWarnings({start: this.startValue, end: this.endValue}, this.maxValue, this.minValue);\n    this.setDefaultValues();\n  }\n\n  componentDidRender(): void {\n    this.setOutboundValues();\n  }\n\n  componentDidLoad(): void {\n    this.setInputStartValue();\n    this.setInputEndValue();\n    forceUpdate(this);\n  }\n\n  /**\n   * Sets the slider startValue and endValue to the specified value.\n   *\n   * @param { startValue: number; endValue: number } values - The new values for the slider.\n   * @returns {Promise<void>} A promise that resolves when the value is set.\n   */\n  @Method()\n  setValues({startValue, endValue}: { startValue: number; endValue: number }): Promise<void> {\n    this.startValue = startValue;\n    this.endValue = endValue;\n    return Promise.resolve();\n  }\n\n  /**\n   * Gets the slider startValue and endValue.\n   *\n   * @returns {Promise<{ startValue: number; endValue: number }>} A promise that resolves the values.\n   */\n  @Method()\n  getValues(): Promise<{ startValue: number; endValue: number }> {\n    return Promise.resolve({startValue: this.startValue, endValue: this.endValue});\n  }\n\n  /**\n   * Clears the slider range values by setting it to the minimum and maximun value respectively.\n   *\n   * @returns {Promise<void>} A promise that resolves when the value is cleared.\n   */\n  @Method()\n  clear(): Promise<void> {\n    this.startValue = this.minValue;\n    this.endValue = this.maxValue;\n    return Promise.resolve();\n  }\n\n  /**\n   * Focus the slider range by focusing start slider.\n   *\n   * @returns {Promise<void>} A promise that resolves when the first slider is focused.\n   */\n  @Method()\n  setFocus(): Promise<void> {\n    this.startInputRangeEl.focus();\n    return Promise.resolve();\n  }\n\n  /**\n   * Sets slider startThumbPosition, startShownValue.\n   * Calculates the start thumb position based on the value.\n   * Emits changeRangeValue event\n   * \n   * @returns {void}\n   */\n  @Watch(\"startValue\")\n  setInputStartValue(): void {\n    const stringValue = this.startValue.toString();\n    this.startThumbPosition = this.getValuePosition(this.startValue, this.startInputRangeEl);\n    this.startShownValue = stringValue;\n    this.changeRangeValue.emit({startValue: this.startValue, endValue: this.endValue});\n  }\n\n  /**\n   * Sets slider endThumbPosition, endShownValue.\n   * Calculates the end thumb position based on the value.\n   * Emits changeRangeValue event\n   * \n   * @returns {void}\n   */\n  @Watch(\"endValue\")\n  setInputEndValue(): void {\n    const stringValue = this.endValue.toString();\n    this.endThumbPosition = this.getValuePosition(this.endValue, this.endInputRangeEl);\n    this.endShownValue = stringValue;\n    this.changeRangeValue.emit({startValue: this.startValue, endValue: this.endValue});\n  }\n\n  /**\n   * Updates the thumb position and forces a component update on window resize.\n   *\n   * @ListensTo(\"resize\", {target: \"window\"})\n   */\n  @Listen(\"resize\", {target: \"window\"})\n  updateThumbAndTrackPosition(): void {\n    this.startThumbPosition = this.getValuePosition(this.startValue, this.startInputRangeEl);\n    this.endThumbPosition = this.getValuePosition(this.endValue, this.endInputRangeEl);\n    forceUpdate(this);\n  }\n\n  /**\n   * Focus the first slider when displayLabel is set to auto.\n   *\n   * @ListensTo(\"focus\")\n   */\n  @Listen(\"focus\")\n  setFocusOnDisplayLabelAuto(): void {\n    if (this.displayLabel === \"auto\") {\n      this.setFocus();\n    }\n  }\n  \n  /**\n   * Sets the initial value of the slider to the minimum and maximum value when start and end value are not provided.\n   * When values are provided, shownValues get set.\n   *\n   * @private\n   */\n  private setDefaultValues(): void {\n    if (this.startValue === undefined || this.startValue === null) {\n      this.startValue = this.minValue;\n      this.startShownValue = this.minValue.toString();\n    } else {\n      this.startShownValue = this.startValue.toString();\n    }\n\n    if (this.endValue === undefined || this.endValue === null) {\n      this.endValue = this.maxValue;\n      this.endShownValue = this.maxValue.toString();\n    } else {\n      this.endShownValue = this.endValue.toString();\n    }\n  }\n\n  /**\n   * Sets the values of the slider to the minimum and maximum value when start and end value are out of bound.\n   *\n   * @private\n   */\n  private setOutboundValues(): void {\n    if (this.startValue < this.minValue) {\n      this.startValue = this.minValue;\n      this.startShownValue = this.minValue.toString();\n    }\n\n    if (this.endValue > this.maxValue) {\n      this.endValue = this.maxValue;\n      this.endShownValue = this.maxValue.toString();\n    }\n  }\n\n  /**\n   * Calculates the CSS left position of the slider thumb based on the current value.\n   *\n   * @private\n   * @params value - number\n   * @params inputRangeEl - HTMLInputElement\n   * @returns {string} The calculated left position of the slider thumb as a CSS pixel value.\n   */\n  private getValuePosition(value: number, inputRangeEl: HTMLInputElement): string {\n    return getPositionBasedOnValue(inputRangeEl, this.host, this.maxValue, this.minValue, value, this.size);\n  }\n\n  /**\n   * Sets the start/end value of the slider range to the specified in the event.\n   *\n   * @private\n   * @param {InputEvent} evt - The event emitted by the input.\n   * @param {SliderRangeValueType} rangeType - start | end slider.\n   * @returns {void}\n   */\n  private handleInputRangeChange(evt: InputEvent, rangeType: SliderRangeValueType): void {\n    const target = evt.target as HTMLInputElement; \n    const rawValue = Number(target.value);\n\n    if (rangeType === \"start\" && rawValue >= this.minValue) {\n      const value = Math.min(rawValue, this.endValue);\n      this.startValue = value;\n      this.startInputRangeEl.value = value.toString();\n    }\n\n    if (rangeType === \"end\"  && rawValue <= this.maxValue) {\n      const value = Math.max(rawValue, this.startValue);\n      this.endValue = value;\n      this.endInputRangeEl.value = value.toString();\n    }\n  }\n\n  /**\n   * Handles mouseover or focus events on the slider. \n   * Sets the `displayLabelShowValue` flag to `true` to indicate that the display label should show the value.\n   * \n   * @private\n   * @param {SliderRangeValueType} rangeType - The type of range (either \"start\" or \"end\").\n   * @param {\"mouseover\" | \"focus\"} eventTrigger - The type of event that triggered this function.\n   * @returns {void}\n   */\n  private handleInputMouseoverOrFocus(rangeType: SliderRangeValueType, eventTrigger: \"mouseover\" | \"focus\") {\n    this.displayLabelShowValue = true;\n\n    if (rangeType === \"start\") {\n      this.displayLabelStartEventTriggerIn = eventTrigger;\n      setTimeout(() => {\n        this.startInputRangeEl.focus();\n      });\n    }\n\n    if (rangeType === \"end\") {\n      this.displayLabelEndEventTriggerIn = eventTrigger;\n      this.endInputRangeEl.focus();\n    }\n  }\n\n  /**\n   * Handles mouseleave or blur events on the slider. \n   * Sets the `displayLabelShowValue` flag to `false` to hide the value in the display label.\n   * \n   * @private\n   * @param {SliderRangeValueType} rangeType - The type of range (either \"start\" or \"end\").\n   * @returns {void}\n   */\n  private handleInputMouseleaveOrBlur(rangeType: SliderRangeValueType): void {\n    this.displayLabelShowValue = false;\n\n    if (rangeType === \"start\") {\n      this.displayLabelStartEventTriggerIn = undefined;\n    }\n\n    if (rangeType === \"end\") {\n      this.displayLabelEndEventTriggerIn = undefined;\n    }\n  }\n\n  /**\n   * Handles click events on the slider track. \n   * Calculates the corresponding value based on the click position and updates the slider's start or end value accordingly.\n   * \n   * @private\n   * @param {MouseEvent} evt - The mouse event object.\n   * @returns {void}\n   */\n  private handleTrackClick(evt: MouseEvent) {\n\t\tif (!this.disabled) {\n\t\t\t// Calc the related value to the pixel that was clicked.\n\t\t\tlet valueFromPixel = (evt.offsetX * (this.maxValue - this.minValue)) / this.trackContentContainerEl.offsetWidth + this.minValue;\n      const decimalPlaces = countDecimalPlaces(this.step);\n\n      valueFromPixel = decimalPlaces === 0 ? Math.round(valueFromPixel) : parseFloat(valueFromPixel.toFixed(decimalPlaces));\n\n      const closestValue = [this.startValue, this.endValue].reduce((a, b) => {\n        return Math.abs(b - valueFromPixel) < Math.abs(a - valueFromPixel) ? b : a;\n      });\n\n      switch(true) {\n        case closestValue === this.startValue && closestValue === this.endValue && valueFromPixel < closestValue:\n          this.startValue = valueFromPixel;\n          break;\n        case closestValue === this.startValue && closestValue === this.endValue && valueFromPixel > closestValue:\n          this.endValue = valueFromPixel;\n          break;\n        case closestValue === this.startValue:\n          this.startValue = valueFromPixel;\n          break;\n        case closestValue === this.endValue:\n          this.endValue = valueFromPixel;\n          break;\n      }\n    }\n\t}\n\n  /**\n   * Determines whether the value should be displayed in the label based on the current displayLabel setting.\n   *\n   * @private\n   * @returns {boolean} - True if the value should be displayed, false otherwise.\n   */\n  private getShowValue(): boolean {\n    let response = false;\n\n    switch(this.displayLabel) {\n      case \"off\":\n        response = false;\n        break;\n      case \"auto\":\n        response = this.displayLabelShowValue;\n        break;\n      case \"on\":\n        response = true;\n        break;\n      default:\n        response = false;\n    }\n\n    return response;\n  }\n\n  /**\n   * Sets the custom colors for the slider based on the colors property.\n   * This colors have to be css variables by preferences that work in both dark and light mode.\n   * \n   * Track - ThemeColors\n   * TrackFill - ThemeColors\n   * Thumb - ThemeColors\n   * Background - ThemeColors - When specified, trackfill and track won't work. It will only be one background display.\n   *\n   * @private\n   * @returns { [key: string]: string }\n   */\n  private setColors(): { [key: string]: string } {\n    const styles = {};\n    const colors = typeof this.colors === \"string\" ? JSON.parse(this.colors) : this.colors;\n\n    if (colors && colors[\"Track\"]) {\n      styles[\"--slider-track\"] = `var(--${colors[\"Track\"]})`;\n    }\n\n    if (colors && colors[\"TrackFill\"]) {\n      styles[\"--slider-track-fill\"] = `var(--${colors[\"TrackFill\"]})`;\n    }\n\n    if (colors && colors[\"Thumb\"]) {\n      styles[\"--slider-track-start-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n      styles[\"--slider-track-end-thumb\"] = `var(--${colors[\"Thumb\"]})`;\n    }\n\n    if (colors && colors[\"Background\"]) {\n      styles[\"--slider-background\"] = `var(--${colors[\"Background\"]})`;\n    }\n\n    return styles;\n  }\n  \n  private renderShownValue(rangeType: SliderRangeValueType): HTMLStencilElement {\n    if (rangeType === \"start\") {\n      return (\n        <div class={\"vds-slider-range__value-container\"}>\n          <div class=\"vds-slider-range__value-content\" style={{left: this.startThumbPosition}}>\n            <div class=\"vds-slider-range__value\">\n              <div class={\"vds__tooltip-container\"}>\n                <span class={\"vds__tooltip-container-text\"}>{this.startShownValue}</span>\n              </div>\n              {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n            </div>\n          </div>\n        </div>\n      )\n    }\n\n    if (rangeType === \"end\") {\n      return (\n        <div class={\"vds-slider-range__value-container\"}>\n          <div class=\"vds-slider-range__value-content\" style={{left: this.endThumbPosition}}>\n            <div class=\"vds-slider-range__value\">\n              <div class={\"vds__tooltip-container\"}>\n                <span class={\"vds__tooltip-container-text\"}>{this.endShownValue}</span>\n              </div>\n              {this.orientation !== \"vertical\" && <vds-icon class=\"tooltip-arrow\" svgIcon={\"caret-down-filled\"}></vds-icon>}\n            </div>\n          </div>\n        </div>\n      )\n    }\n  }\n\n  private renderValueReferences(): HTMLStencilElement {\n\t\treturn (\n\t\t\t<div class=\"vds-slider-range__value-reference-container\">\n\t\t\t\t<div\n\t\t\t\t\tclass={combineClasses(\n\t\t\t\t\t\t\"vds-slider-range__value-reference\"\n\t\t\t\t\t)}\n\t\t\t\t>\n          <span>{this.minValue}</span>\n          <span>{this.maxValue}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t);\n\t}\n\n  private renderSliders(): HTMLStencilElement {\n    return (\n      <div\n        class=\"vds-slider-range-input__content\"\n      >\n        <div\n          class={\"vds-slider-range\"}\n          onClick={(evt): void => this.handleTrackClick(evt)}\n          ref={(el) => {\n            if (el) {\n              this.trackContentContainerEl = el;\n            }\n          }}\n        >\n          <div class={\"vds-slider-range__track\"}></div>\n          <div\n            class={\"vds-slider-range__range\"}\n            style={{width: `calc(${this.endThumbPosition} - ${this.startThumbPosition})`, left: `${this.startThumbPosition}`}}\n            ref={(el) => {\n              this.trackRangeFillContainerEl = el;\n            }}\n          ></div>\n          <div\n            class={\"vds-slider-range__thumb vds-slider-range__thumb--start\"}\n            style={{left: `${this.startThumbPosition}`}}\n          >\n            <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb slider-start-thumb\"></vds-icon>\n          </div>\n          <div\n            class={\"vds-slider-range__thumb vds-slider-range__thumb--end\"}\n            style={{left: `${this.endThumbPosition}`}}\n          >\n            <vds-icon svgIcon={this.icon} size={this.size === \"medium\" ? \"1.25rem\" : \"1.5rem\"} class=\"slider-thumb slider-end-thumb\"></vds-icon>\n          </div>\n        </div>\n        <input\n          ref={(el): void => {\n            if (el) {\n              this.startInputRangeEl = el;\n            }\n          }}\n          class={combineClasses(\n            \"vds-slider-input\",\n            \"vds-slider-start-input\",\n            this.disabled ? \"vds-slider-input--disabled\" : \"\"\n          )}\n          type=\"range\"\n          step={this.step}\n          onInput={(evt): void => this.handleInputRangeChange(evt, \"start\")}\n          onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"start\", \"mouseover\")} : null}\n          onMouseLeave={this.displayLabel === \"auto\" && this.displayLabelStartEventTriggerIn === \"mouseover\" ? () => {this.handleInputMouseleaveOrBlur(\"start\")} : null}\n          onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"start\", \"focus\")} : null}\n          onBlur={this.displayLabel === \"auto\" && this.displayLabelStartEventTriggerIn === \"focus\" ? () => {this.handleInputMouseleaveOrBlur(\"start\")} : null}\n          min={this.minValue}\n          max={this.maxValue}\n          value={this.startValue}\n          disabled={this.disabled}\n        />\n        <input\n          ref={(el): void => {\n            if (el) {\n              this.endInputRangeEl = el;\n            }\n          }}\n          class={combineClasses(\n            \"vds-slider-input\",\n            \"vds-slider-end-input\",\n            this.disabled ? \"vds-slider-input--disabled\" : \"\"\n          )}\n          type=\"range\"\n          step={this.step}\n          onInput={(evt): void => this.handleInputRangeChange(evt, \"end\")}\n          onMouseOver={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"end\", \"mouseover\")} : null}\n          onMouseLeave={this.displayLabel === \"auto\" && this.displayLabelEndEventTriggerIn === \"mouseover\" ? () => {this.handleInputMouseleaveOrBlur(\"end\")} : null}\n          onFocus={this.displayLabel === \"auto\" ? () => {this.handleInputMouseoverOrFocus(\"end\", \"focus\")} : null}\n          onBlur={this.displayLabel === \"auto\" && this.displayLabelEndEventTriggerIn === \"focus\" ? () => {this.handleInputMouseleaveOrBlur(\"end\")} : null}\n          min={this.minValue}\n          max={this.maxValue}\n          value={this.endValue}\n          disabled={this.disabled}\n        />\n      </div>\n    );\n  }\n  \n  render() {\n    return (\n      <Host class={this.disabled ? \"vds-slider-range--disabled\" : \"\"}>\n        <div \n          class={combineClasses(\n            \"vds-slider-range__container\",\n            `vds-slider-range__container--${this.size}`,\n            `vds-slider-range__container--orientation-${this.orientation}`,\n            this.colors ? \"vds-slider-range__container--custom-colors\" : \"vds-slider-range__container--colors\",\n            this.disabled ? \"vds-slider-range__container--disabled\" : \"\",\n            this.displayLimits ? \"vds-slider-range__container--display-limits\" : \"\"\n          )}\n          style={this.setColors()}\n        >\n          <div\n            class={\"vds-slider-range__content\"}\n            aria-label={this.setAriaLabel}\n          >\n            {this.getShowValue() && this.renderShownValue(\"start\")}\n            {this.getShowValue() && this.renderShownValue(\"end\")}\n            {this.renderSliders()}\n          </div>\n          {this.displayLimits && this.renderValueReferences()}\n        </div>\n      </Host>\n    );\n  }\n}\n"]}

package/dist/collection/components/slider-range-continuous/vds-basic-slider-range-continuous.stories.js

@@ -0,0 +1,87 @@
+import { getIconsFromSpriteFile } from "../../utils/icon-utils";
+const ICON_LIST = getIconsFromSpriteFile();
+export default {
+    title: 'VDS/Components/Slider/Continuous Range',
+    parameters: {
+        docs: {
+            toc: true,
+        },
+    },
+    argTypes: {
+        size: {
+            options: ["medium", "large"],
+            control: { type: "select" }
+        },
+        orientation: {
+            options: ["horizontal", "vertical"],
+            control: { type: "select" }
+        },
+        displayLabel: {
+            options: ["on", "off", "auto"],
+            control: { type: "select" }
+        },
+        icon: {
+            options: [...ICON_LIST],
+            control: { type: "select" }
+        },
+        colors: {
+            options: [
+                undefined,
+                '{"Track": "track", "TrackFill": "track-fill", "Thumb": "thumb"}',
+                '{"Track": "color-border-brand", "TrackFill": "color-border-healthy", "Thumb": "color-border-caution"}'
+            ],
+            control: { type: "select" }
+        },
+    },
+};
+const styles = `
+    div {
+       margin: 60px;
+    }
+`;
+const codeTemplate = (args) => {
+    return `
+    <style>
+        ${styles}
+        ${args.orientation === "vertical" ? " div { width: 200px !important; margin-top: 100px; }" : ""}
+        vds-basic-slider-range-continuous {
+            --track: red;
+            --track-fill: blue;
+            --thumb: black;
+        }
+    </style>
+    <vds-basic-slider-range-continuous
+        start-value='${args.startValue}'
+        end-value='${args.endValue}'
+        size='${args.size}'
+        orientation='${args.orientation}'
+        disabled='${args.disabled}'
+        min-value='${args.minValue}'
+        max-value='${args.maxValue}'
+        step='${args.step}'
+        set-aria-label='${args.setAriaLabel}'
+        display-label='${args.displayLabel}'
+        display-limits='${args.displayLimits}'
+        icon='${args.icon}'
+        ${args.colors ? `colors='${args.colors}'` : ''}
+    >
+    </vds-basic-slider-range-continuous>
+`;
+};
+export const BasicUsage = codeTemplate.bind({});
+BasicUsage.args = {
+    startValue: "20",
+    endValue: "80",
+    size: "medium",
+    orientation: "horizontal",
+    disabled: false,
+    minValue: "0",
+    maxValue: "100",
+    step: "1",
+    setAriaLabel: "Vds-slider",
+    displayLabel: "on",
+    displayLimits: true,
+    colors: undefined,
+    icon: "thumb",
+};
+//# sourceMappingURL=vds-basic-slider-range-continuous.stories.js.map

package/dist/collection/components/slider-range-continuous/vds-basic-slider-range-continuous.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"vds-basic-slider-range-continuous.stories.js","sourceRoot":"","sources":["../../../src/components/slider-range-continuous/vds-basic-slider-range-continuous.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AAEhE,MAAM,SAAS,GAAG,sBAAsB,EAAE,CAAC;AAE3C,eAAe;IACX,KAAK,EAAE,wCAAwC;IAC/C,UAAU,EAAE;QACR,IAAI,EAAE;YACJ,GAAG,EAAE,IAAI;SACV;KACF;IACH,QAAQ,EAAE;QACN,IAAI,EAAE;YACF,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC5B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC9B;QACD,WAAW,EAAE;YACT,OAAO,EAAE,CAAE,YAAY,EAAE,UAAU,CAAC;YACpC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC9B;QACD,YAAY,EAAE;YACV,OAAO,EAAE,CAAE,IAAI,EAAE,KAAK,EAAE,MAAM,CAAC;YAC/B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC9B;QACD,IAAI,EAAE;YACF,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;YACvB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC9B;QACD,MAAM,EAAE;YACJ,OAAO,EAAE;gBACL,SAAS;gBACT,iEAAiE;gBACjE,uGAAuG;aAAC;YAC5G,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;SAC9B;KACJ;CACJ,CAAC;AAEF,MAAM,MAAM,GAAG;;;;CAId,CAAC;AAEF,MAAM,YAAY,GAAG,CAAC,IAAI,EAAE,EAAE;IAC1B,OAAO;;UAED,MAAM;UACN,IAAI,CAAC,WAAW,KAAK,UAAU,CAAC,CAAC,CAAC,sDAAsD,CAAC,CAAC,CAAC,EAAE;;;;;;;;uBAQhF,IAAI,CAAC,UAAU;qBACjB,IAAI,CAAC,QAAQ;gBAClB,IAAI,CAAC,IAAI;uBACF,IAAI,CAAC,WAAW;oBACnB,IAAI,CAAC,QAAQ;qBACZ,IAAI,CAAC,QAAQ;qBACb,IAAI,CAAC,QAAQ;gBAClB,IAAI,CAAC,IAAI;0BACC,IAAI,CAAC,YAAY;yBAClB,IAAI,CAAC,YAAY;0BAChB,IAAI,CAAC,aAAa;gBAC5B,IAAI,CAAC,IAAI;UACf,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,WAAW,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;;;CAGrD,CAAC;AACF,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAEhD,UAAU,CAAC,IAAI,GAAG;IACd,UAAU,EAAE,IAAI;IAChB,QAAQ,EAAE,IAAI;IACd,IAAI,EAAE,QAAQ;IACd,WAAW,EAAE,YAAY;IACzB,QAAQ,EAAE,KAAK;IACf,QAAQ,EAAE,GAAG;IACb,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,GAAG;IACT,YAAY,EAAE,YAAY;IAC1B,YAAY,EAAE,IAAI;IAClB,aAAa,EAAE,IAAI;IACnB,MAAM,EAAE,SAAS;IACjB,IAAI,EAAE,OAAO;CAChB,CAAA","sourcesContent":["import { getIconsFromSpriteFile } from \"../../utils/icon-utils\";\n\nconst ICON_LIST = getIconsFromSpriteFile();\n\nexport default {\n    title: 'VDS/Components/Slider/Continuous Range',\n    parameters: {\n        docs: {\n          toc: true,\n        },\n      },\n    argTypes: {\n        size: {\n            options: [\"medium\", \"large\"],\n            control: { type: \"select\" }\n        },\n        orientation: {\n            options: [ \"horizontal\", \"vertical\"],\n            control: { type: \"select\" }\n        },\n        displayLabel: {\n            options: [ \"on\", \"off\", \"auto\"],\n            control: { type: \"select\" }\n        },\n        icon: {\n            options: [...ICON_LIST],\n            control: { type: \"select\" }\n        },\n        colors: {\n            options: [\n                undefined,\n                '{\"Track\": \"track\", \"TrackFill\": \"track-fill\", \"Thumb\": \"thumb\"}',\n                '{\"Track\": \"color-border-brand\", \"TrackFill\": \"color-border-healthy\", \"Thumb\": \"color-border-caution\"}'],\n            control: { type: \"select\" }\n        },\n    },\n};\n\nconst styles = `\n    div {\n       margin: 60px;\n    }\n`;\n \nconst codeTemplate = (args) => {\n    return `\n    <style>\n        ${styles}\n        ${args.orientation === \"vertical\" ? \" div { width: 200px !important; margin-top: 100px; }\" : \"\"}\n        vds-basic-slider-range-continuous {\n            --track: red;\n            --track-fill: blue;\n            --thumb: black;\n        }\n    </style>\n    <vds-basic-slider-range-continuous\n        start-value='${args.startValue}'\n        end-value='${args.endValue}'\n        size='${args.size}'\n        orientation='${args.orientation}'\n        disabled='${args.disabled}'\n        min-value='${args.minValue}'\n        max-value='${args.maxValue}'\n        step='${args.step}'\n        set-aria-label='${args.setAriaLabel}'\n        display-label='${args.displayLabel}'\n        display-limits='${args.displayLimits}'\n        icon='${args.icon}'\n        ${args.colors ? `colors='${args.colors}'` : ''}\n    >\n    </vds-basic-slider-range-continuous>\n`;\n}\n\nexport const BasicUsage = codeTemplate.bind({});\n\nBasicUsage.args = {\n    startValue: \"20\",\n    endValue: \"80\",\n    size: \"medium\",\n    orientation: \"horizontal\",\n    disabled: false,\n    minValue: \"0\",\n    maxValue: \"100\",\n    step: \"1\",\n    setAriaLabel: \"Vds-slider\",\n    displayLabel: \"on\",\n    displayLimits: true,\n    colors: undefined,\n    icon: \"thumb\",\n}\n\n"]}