@tylertech/forge 2.8.0 → 2.10.0

package/dist/esm/chunks/chunk.V2ELLBDP.js

@@ -1,1591 +0,0 @@
-/**
- * @license
- * Copyright 2022 Tyler Technologies, Inc. 
- * License: Apache-2.0
- */
-import {
-  getCorrectPropertyName
-} from "./chunk.LCWRP2UI.js";
-import {
-  MDCRipple,
-  MDCRippleFoundation,
-  applyPassive,
-  matches
-} from "./chunk.4HQ5VELO.js";
-import {
-  MDCComponent,
-  MDCFoundation,
-  __assign,
-  __extends
-} from "./chunk.5VKAVHLM.js";
-import {
-  FormFieldComponentDelegate
-} from "./chunk.HZISALRH.js";
-import {
-  COMPONENT_NAME_PREFIX,
-  CustomElement
-} from "./chunk.35U3UPDV.js";
-import {
-  BaseComponent
-} from "./chunk.VK6LIH3B.js";
-import {
-  attachShadowTemplate,
-  defineCustomElement,
-  emitEvent,
-  getShadowElement,
-  replaceShadowTemplate
-} from "./chunk.K2PCTUVN.js";
-import {
-  coerceBoolean,
-  coerceNumber,
-  isDefined
-} from "./chunk.MEFT5FQC.js";
-import {
-  __decorateClass
-} from "./chunk.LM5TVNZY.js";
-
-// node_modules/@material/slider/constants.js
-var cssClasses = {
-  DISABLED: "mdc-slider--disabled",
-  DISCRETE: "mdc-slider--discrete",
-  INPUT: "mdc-slider__input",
-  RANGE: "mdc-slider--range",
-  THUMB: "mdc-slider__thumb",
-  THUMB_FOCUSED: "mdc-slider__thumb--focused",
-  THUMB_KNOB: "mdc-slider__thumb-knob",
-  THUMB_TOP: "mdc-slider__thumb--top",
-  THUMB_WITH_INDICATOR: "mdc-slider__thumb--with-indicator",
-  TICK_MARKS: "mdc-slider--tick-marks",
-  TICK_MARKS_CONTAINER: "mdc-slider__tick-marks",
-  TICK_MARK_ACTIVE: "mdc-slider__tick-mark--active",
-  TICK_MARK_INACTIVE: "mdc-slider__tick-mark--inactive",
-  TRACK: "mdc-slider__track",
-  TRACK_ACTIVE: "mdc-slider__track--active_fill",
-  VALUE_INDICATOR_CONTAINER: "mdc-slider__value-indicator-container",
-  VALUE_INDICATOR_TEXT: "mdc-slider__value-indicator-text"
-};
-var numbers = {
-  STEP_SIZE: 1,
-  MIN_RANGE: 0,
-  THUMB_UPDATE_MIN_PX: 5
-};
-var attributes = {
-  ARIA_VALUETEXT: "aria-valuetext",
-  INPUT_DISABLED: "disabled",
-  INPUT_MIN: "min",
-  INPUT_MAX: "max",
-  INPUT_VALUE: "value",
-  INPUT_STEP: "step",
-  DATA_MIN_RANGE: "data-min-range"
-};
-var events = {
-  CHANGE: "MDCSlider:change",
-  INPUT: "MDCSlider:input"
-};
-var strings = {
-  VAR_VALUE_INDICATOR_CARET_LEFT: "--slider-value-indicator-caret-left",
-  VAR_VALUE_INDICATOR_CARET_RIGHT: "--slider-value-indicator-caret-right",
-  VAR_VALUE_INDICATOR_CARET_TRANSFORM: "--slider-value-indicator-caret-transform",
-  VAR_VALUE_INDICATOR_CONTAINER_LEFT: "--slider-value-indicator-container-left",
-  VAR_VALUE_INDICATOR_CONTAINER_RIGHT: "--slider-value-indicator-container-right",
-  VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM: "--slider-value-indicator-container-transform"
-};
-
-// node_modules/@material/animation/animationframe.js
-var AnimationFrame = function() {
-  function AnimationFrame2() {
-    this.rafIDs = /* @__PURE__ */ new Map();
-  }
-  AnimationFrame2.prototype.request = function(key, callback) {
-    var _this = this;
-    this.cancel(key);
-    var frameID = requestAnimationFrame(function(frame) {
-      _this.rafIDs.delete(key);
-      callback(frame);
-    });
-    this.rafIDs.set(key, frameID);
-  };
-  AnimationFrame2.prototype.cancel = function(key) {
-    var rafID = this.rafIDs.get(key);
-    if (rafID) {
-      cancelAnimationFrame(rafID);
-      this.rafIDs.delete(key);
-    }
-  };
-  AnimationFrame2.prototype.cancelAll = function() {
-    var _this = this;
-    this.rafIDs.forEach(function(_, key) {
-      _this.cancel(key);
-    });
-  };
-  AnimationFrame2.prototype.getQueue = function() {
-    var queue = [];
-    this.rafIDs.forEach(function(_, key) {
-      queue.push(key);
-    });
-    return queue;
-  };
-  return AnimationFrame2;
-}();
-
-// node_modules/@material/slider/types.js
-var TickMark;
-(function(TickMark2) {
-  TickMark2[TickMark2["ACTIVE"] = 0] = "ACTIVE";
-  TickMark2[TickMark2["INACTIVE"] = 1] = "INACTIVE";
-})(TickMark || (TickMark = {}));
-var Thumb;
-(function(Thumb2) {
-  Thumb2[Thumb2["START"] = 1] = "START";
-  Thumb2[Thumb2["END"] = 2] = "END";
-})(Thumb || (Thumb = {}));
-
-// node_modules/@material/slider/foundation.js
-var AnimationKeys;
-(function(AnimationKeys2) {
-  AnimationKeys2["SLIDER_UPDATE"] = "slider_update";
-})(AnimationKeys || (AnimationKeys = {}));
-var HAS_WINDOW = typeof window !== "undefined";
-var MDCSliderFoundation = function(_super) {
-  __extends(MDCSliderFoundation2, _super);
-  function MDCSliderFoundation2(adapter) {
-    var _this = _super.call(this, __assign(__assign({}, MDCSliderFoundation2.defaultAdapter), adapter)) || this;
-    _this.initialStylesRemoved = false;
-    _this.isDisabled = false;
-    _this.isDiscrete = false;
-    _this.step = numbers.STEP_SIZE;
-    _this.minRange = numbers.MIN_RANGE;
-    _this.hasTickMarks = false;
-    _this.isRange = false;
-    _this.thumb = null;
-    _this.downEventClientX = null;
-    _this.startThumbKnobWidth = 0;
-    _this.endThumbKnobWidth = 0;
-    _this.animFrame = new AnimationFrame();
-    return _this;
-  }
-  Object.defineProperty(MDCSliderFoundation2, "defaultAdapter", {
-    get: function() {
-      return {
-        hasClass: function() {
-          return false;
-        },
-        addClass: function() {
-          return void 0;
-        },
-        removeClass: function() {
-          return void 0;
-        },
-        addThumbClass: function() {
-          return void 0;
-        },
-        removeThumbClass: function() {
-          return void 0;
-        },
-        getAttribute: function() {
-          return null;
-        },
-        getInputValue: function() {
-          return "";
-        },
-        setInputValue: function() {
-          return void 0;
-        },
-        getInputAttribute: function() {
-          return null;
-        },
-        setInputAttribute: function() {
-          return null;
-        },
-        removeInputAttribute: function() {
-          return null;
-        },
-        focusInput: function() {
-          return void 0;
-        },
-        isInputFocused: function() {
-          return false;
-        },
-        shouldHideFocusStylesForPointerEvents: function() {
-          return false;
-        },
-        getThumbKnobWidth: function() {
-          return 0;
-        },
-        getValueIndicatorContainerWidth: function() {
-          return 0;
-        },
-        getThumbBoundingClientRect: function() {
-          return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
-        },
-        getBoundingClientRect: function() {
-          return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
-        },
-        isRTL: function() {
-          return false;
-        },
-        setThumbStyleProperty: function() {
-          return void 0;
-        },
-        removeThumbStyleProperty: function() {
-          return void 0;
-        },
-        setTrackActiveStyleProperty: function() {
-          return void 0;
-        },
-        removeTrackActiveStyleProperty: function() {
-          return void 0;
-        },
-        setValueIndicatorText: function() {
-          return void 0;
-        },
-        getValueToAriaValueTextFn: function() {
-          return null;
-        },
-        updateTickMarks: function() {
-          return void 0;
-        },
-        setPointerCapture: function() {
-          return void 0;
-        },
-        emitChangeEvent: function() {
-          return void 0;
-        },
-        emitInputEvent: function() {
-          return void 0;
-        },
-        emitDragStartEvent: function() {
-          return void 0;
-        },
-        emitDragEndEvent: function() {
-          return void 0;
-        },
-        registerEventHandler: function() {
-          return void 0;
-        },
-        deregisterEventHandler: function() {
-          return void 0;
-        },
-        registerThumbEventHandler: function() {
-          return void 0;
-        },
-        deregisterThumbEventHandler: function() {
-          return void 0;
-        },
-        registerInputEventHandler: function() {
-          return void 0;
-        },
-        deregisterInputEventHandler: function() {
-          return void 0;
-        },
-        registerBodyEventHandler: function() {
-          return void 0;
-        },
-        deregisterBodyEventHandler: function() {
-          return void 0;
-        },
-        registerWindowEventHandler: function() {
-          return void 0;
-        },
-        deregisterWindowEventHandler: function() {
-          return void 0;
-        }
-      };
-    },
-    enumerable: false,
-    configurable: true
-  });
-  MDCSliderFoundation2.prototype.init = function() {
-    var _this = this;
-    this.isDisabled = this.adapter.hasClass(cssClasses.DISABLED);
-    this.isDiscrete = this.adapter.hasClass(cssClasses.DISCRETE);
-    this.hasTickMarks = this.adapter.hasClass(cssClasses.TICK_MARKS);
-    this.isRange = this.adapter.hasClass(cssClasses.RANGE);
-    var min = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(attributes.INPUT_MIN, this.isRange ? Thumb.START : Thumb.END), attributes.INPUT_MIN);
-    var max = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(attributes.INPUT_MAX, Thumb.END), attributes.INPUT_MAX);
-    var value = this.convertAttributeValueToNumber(this.adapter.getInputAttribute(attributes.INPUT_VALUE, Thumb.END), attributes.INPUT_VALUE);
-    var valueStart = this.isRange ? this.convertAttributeValueToNumber(this.adapter.getInputAttribute(attributes.INPUT_VALUE, Thumb.START), attributes.INPUT_VALUE) : min;
-    var stepAttr = this.adapter.getInputAttribute(attributes.INPUT_STEP, Thumb.END);
-    var step = stepAttr ? this.convertAttributeValueToNumber(stepAttr, attributes.INPUT_STEP) : this.step;
-    var minRangeAttr = this.adapter.getAttribute(attributes.DATA_MIN_RANGE);
-    var minRange = minRangeAttr ? this.convertAttributeValueToNumber(minRangeAttr, attributes.DATA_MIN_RANGE) : this.minRange;
-    this.validateProperties({ min, max, value, valueStart, step, minRange });
-    this.min = min;
-    this.max = max;
-    this.value = value;
-    this.valueStart = valueStart;
-    this.step = step;
-    this.minRange = minRange;
-    this.numDecimalPlaces = getNumDecimalPlaces(this.step);
-    this.valueBeforeDownEvent = value;
-    this.valueStartBeforeDownEvent = valueStart;
-    this.mousedownOrTouchstartListener = this.handleMousedownOrTouchstart.bind(this);
-    this.moveListener = this.handleMove.bind(this);
-    this.pointerdownListener = this.handlePointerdown.bind(this);
-    this.pointerupListener = this.handlePointerup.bind(this);
-    this.thumbMouseenterListener = this.handleThumbMouseenter.bind(this);
-    this.thumbMouseleaveListener = this.handleThumbMouseleave.bind(this);
-    this.inputStartChangeListener = function() {
-      _this.handleInputChange(Thumb.START);
-    };
-    this.inputEndChangeListener = function() {
-      _this.handleInputChange(Thumb.END);
-    };
-    this.inputStartFocusListener = function() {
-      _this.handleInputFocus(Thumb.START);
-    };
-    this.inputEndFocusListener = function() {
-      _this.handleInputFocus(Thumb.END);
-    };
-    this.inputStartBlurListener = function() {
-      _this.handleInputBlur(Thumb.START);
-    };
-    this.inputEndBlurListener = function() {
-      _this.handleInputBlur(Thumb.END);
-    };
-    this.resizeListener = this.handleResize.bind(this);
-    this.registerEventHandlers();
-  };
-  MDCSliderFoundation2.prototype.destroy = function() {
-    this.deregisterEventHandlers();
-  };
-  MDCSliderFoundation2.prototype.setMin = function(value) {
-    this.min = value;
-    if (!this.isRange) {
-      this.valueStart = value;
-    }
-    this.updateUI();
-  };
-  MDCSliderFoundation2.prototype.setMax = function(value) {
-    this.max = value;
-    this.updateUI();
-  };
-  MDCSliderFoundation2.prototype.getMin = function() {
-    return this.min;
-  };
-  MDCSliderFoundation2.prototype.getMax = function() {
-    return this.max;
-  };
-  MDCSliderFoundation2.prototype.getValue = function() {
-    return this.value;
-  };
-  MDCSliderFoundation2.prototype.setValue = function(value) {
-    if (this.isRange && value < this.valueStart + this.minRange) {
-      throw new Error("end thumb value (" + value + ") must be >= start thumb " + ("value (" + this.valueStart + ") + min range (" + this.minRange + ")"));
-    }
-    this.updateValue(value, Thumb.END);
-  };
-  MDCSliderFoundation2.prototype.getValueStart = function() {
-    if (!this.isRange) {
-      throw new Error("`valueStart` is only applicable for range sliders.");
-    }
-    return this.valueStart;
-  };
-  MDCSliderFoundation2.prototype.setValueStart = function(valueStart) {
-    if (!this.isRange) {
-      throw new Error("`valueStart` is only applicable for range sliders.");
-    }
-    if (this.isRange && valueStart > this.value - this.minRange) {
-      throw new Error("start thumb value (" + valueStart + ") must be <= end thumb " + ("value (" + this.value + ") - min range (" + this.minRange + ")"));
-    }
-    this.updateValue(valueStart, Thumb.START);
-  };
-  MDCSliderFoundation2.prototype.setStep = function(value) {
-    this.step = value;
-    this.numDecimalPlaces = getNumDecimalPlaces(value);
-    this.updateUI();
-  };
-  MDCSliderFoundation2.prototype.setMinRange = function(value) {
-    if (!this.isRange) {
-      throw new Error("`minRange` is only applicable for range sliders.");
-    }
-    if (value < 0) {
-      throw new Error("`minRange` must be non-negative. " + ("Current value: " + value));
-    }
-    if (this.value - this.valueStart < value) {
-      throw new Error("start thumb value (" + this.valueStart + ") and end thumb value " + ("(" + this.value + ") must differ by at least " + value + "."));
-    }
-    this.minRange = value;
-  };
-  MDCSliderFoundation2.prototype.setIsDiscrete = function(value) {
-    this.isDiscrete = value;
-    this.updateValueIndicatorUI();
-    this.updateTickMarksUI();
-  };
-  MDCSliderFoundation2.prototype.getStep = function() {
-    return this.step;
-  };
-  MDCSliderFoundation2.prototype.getMinRange = function() {
-    if (!this.isRange) {
-      throw new Error("`minRange` is only applicable for range sliders.");
-    }
-    return this.minRange;
-  };
-  MDCSliderFoundation2.prototype.setHasTickMarks = function(value) {
-    this.hasTickMarks = value;
-    this.updateTickMarksUI();
-  };
-  MDCSliderFoundation2.prototype.getDisabled = function() {
-    return this.isDisabled;
-  };
-  MDCSliderFoundation2.prototype.setDisabled = function(disabled) {
-    this.isDisabled = disabled;
-    if (disabled) {
-      this.adapter.addClass(cssClasses.DISABLED);
-      if (this.isRange) {
-        this.adapter.setInputAttribute(attributes.INPUT_DISABLED, "", Thumb.START);
-      }
-      this.adapter.setInputAttribute(attributes.INPUT_DISABLED, "", Thumb.END);
-    } else {
-      this.adapter.removeClass(cssClasses.DISABLED);
-      if (this.isRange) {
-        this.adapter.removeInputAttribute(attributes.INPUT_DISABLED, Thumb.START);
-      }
-      this.adapter.removeInputAttribute(attributes.INPUT_DISABLED, Thumb.END);
-    }
-  };
-  MDCSliderFoundation2.prototype.getIsRange = function() {
-    return this.isRange;
-  };
-  MDCSliderFoundation2.prototype.layout = function(_a) {
-    var _b = _a === void 0 ? {} : _a, skipUpdateUI = _b.skipUpdateUI;
-    this.rect = this.adapter.getBoundingClientRect();
-    if (this.isRange) {
-      this.startThumbKnobWidth = this.adapter.getThumbKnobWidth(Thumb.START);
-      this.endThumbKnobWidth = this.adapter.getThumbKnobWidth(Thumb.END);
-    }
-    if (!skipUpdateUI) {
-      this.updateUI();
-    }
-  };
-  MDCSliderFoundation2.prototype.handleResize = function() {
-    this.layout();
-  };
-  MDCSliderFoundation2.prototype.handleDown = function(event) {
-    if (this.isDisabled)
-      return;
-    this.valueStartBeforeDownEvent = this.valueStart;
-    this.valueBeforeDownEvent = this.value;
-    var clientX = event.clientX != null ? event.clientX : event.targetTouches[0].clientX;
-    this.downEventClientX = clientX;
-    var value = this.mapClientXOnSliderScale(clientX);
-    this.thumb = this.getThumbFromDownEvent(clientX, value);
-    if (this.thumb === null)
-      return;
-    this.handleDragStart(event, value, this.thumb);
-    this.updateValue(value, this.thumb, { emitInputEvent: true });
-  };
-  MDCSliderFoundation2.prototype.handleMove = function(event) {
-    if (this.isDisabled)
-      return;
-    event.preventDefault();
-    var clientX = event.clientX != null ? event.clientX : event.targetTouches[0].clientX;
-    var dragAlreadyStarted = this.thumb != null;
-    this.thumb = this.getThumbFromMoveEvent(clientX);
-    if (this.thumb === null)
-      return;
-    var value = this.mapClientXOnSliderScale(clientX);
-    if (!dragAlreadyStarted) {
-      this.handleDragStart(event, value, this.thumb);
-      this.adapter.emitDragStartEvent(value, this.thumb);
-    }
-    this.updateValue(value, this.thumb, { emitInputEvent: true });
-  };
-  MDCSliderFoundation2.prototype.handleUp = function() {
-    var _a, _b;
-    if (this.isDisabled || this.thumb === null)
-      return;
-    if ((_b = (_a = this.adapter).shouldHideFocusStylesForPointerEvents) === null || _b === void 0 ? void 0 : _b.call(_a)) {
-      this.handleInputBlur(this.thumb);
-    }
-    var oldValue = this.thumb === Thumb.START ? this.valueStartBeforeDownEvent : this.valueBeforeDownEvent;
-    var newValue = this.thumb === Thumb.START ? this.valueStart : this.value;
-    if (oldValue !== newValue) {
-      this.adapter.emitChangeEvent(newValue, this.thumb);
-    }
-    this.adapter.emitDragEndEvent(newValue, this.thumb);
-    this.thumb = null;
-  };
-  MDCSliderFoundation2.prototype.handleThumbMouseenter = function() {
-    if (!this.isDiscrete || !this.isRange)
-      return;
-    this.adapter.addThumbClass(cssClasses.THUMB_WITH_INDICATOR, Thumb.START);
-    this.adapter.addThumbClass(cssClasses.THUMB_WITH_INDICATOR, Thumb.END);
-  };
-  MDCSliderFoundation2.prototype.handleThumbMouseleave = function() {
-    var _a, _b;
-    if (!this.isDiscrete || !this.isRange)
-      return;
-    if (!((_b = (_a = this.adapter).shouldHideFocusStylesForPointerEvents) === null || _b === void 0 ? void 0 : _b.call(_a)) && (this.adapter.isInputFocused(Thumb.START) || this.adapter.isInputFocused(Thumb.END)) || this.thumb) {
-      return;
-    }
-    this.adapter.removeThumbClass(cssClasses.THUMB_WITH_INDICATOR, Thumb.START);
-    this.adapter.removeThumbClass(cssClasses.THUMB_WITH_INDICATOR, Thumb.END);
-  };
-  MDCSliderFoundation2.prototype.handleMousedownOrTouchstart = function(event) {
-    var _this = this;
-    var moveEventType = event.type === "mousedown" ? "mousemove" : "touchmove";
-    this.adapter.registerBodyEventHandler(moveEventType, this.moveListener);
-    var upHandler = function() {
-      _this.handleUp();
-      _this.adapter.deregisterBodyEventHandler(moveEventType, _this.moveListener);
-      _this.adapter.deregisterEventHandler("mouseup", upHandler);
-      _this.adapter.deregisterEventHandler("touchend", upHandler);
-    };
-    this.adapter.registerBodyEventHandler("mouseup", upHandler);
-    this.adapter.registerBodyEventHandler("touchend", upHandler);
-    this.handleDown(event);
-  };
-  MDCSliderFoundation2.prototype.handlePointerdown = function(event) {
-    var isPrimaryButton = event.button === 0;
-    if (!isPrimaryButton)
-      return;
-    if (event.pointerId != null) {
-      this.adapter.setPointerCapture(event.pointerId);
-    }
-    this.adapter.registerEventHandler("pointermove", this.moveListener);
-    this.handleDown(event);
-  };
-  MDCSliderFoundation2.prototype.handleInputChange = function(thumb) {
-    var value = Number(this.adapter.getInputValue(thumb));
-    if (thumb === Thumb.START) {
-      this.setValueStart(value);
-    } else {
-      this.setValue(value);
-    }
-    this.adapter.emitChangeEvent(thumb === Thumb.START ? this.valueStart : this.value, thumb);
-    this.adapter.emitInputEvent(thumb === Thumb.START ? this.valueStart : this.value, thumb);
-  };
-  MDCSliderFoundation2.prototype.handleInputFocus = function(thumb) {
-    this.adapter.addThumbClass(cssClasses.THUMB_FOCUSED, thumb);
-    if (!this.isDiscrete)
-      return;
-    this.adapter.addThumbClass(cssClasses.THUMB_WITH_INDICATOR, thumb);
-    if (this.isRange) {
-      var otherThumb = thumb === Thumb.START ? Thumb.END : Thumb.START;
-      this.adapter.addThumbClass(cssClasses.THUMB_WITH_INDICATOR, otherThumb);
-    }
-  };
-  MDCSliderFoundation2.prototype.handleInputBlur = function(thumb) {
-    this.adapter.removeThumbClass(cssClasses.THUMB_FOCUSED, thumb);
-    if (!this.isDiscrete)
-      return;
-    this.adapter.removeThumbClass(cssClasses.THUMB_WITH_INDICATOR, thumb);
-    if (this.isRange) {
-      var otherThumb = thumb === Thumb.START ? Thumb.END : Thumb.START;
-      this.adapter.removeThumbClass(cssClasses.THUMB_WITH_INDICATOR, otherThumb);
-    }
-  };
-  MDCSliderFoundation2.prototype.handleDragStart = function(event, value, thumb) {
-    var _a, _b;
-    this.adapter.emitDragStartEvent(value, thumb);
-    this.adapter.focusInput(thumb);
-    if ((_b = (_a = this.adapter).shouldHideFocusStylesForPointerEvents) === null || _b === void 0 ? void 0 : _b.call(_a)) {
-      this.handleInputFocus(thumb);
-    }
-    event.preventDefault();
-  };
-  MDCSliderFoundation2.prototype.getThumbFromDownEvent = function(clientX, value) {
-    if (!this.isRange)
-      return Thumb.END;
-    var thumbStartRect = this.adapter.getThumbBoundingClientRect(Thumb.START);
-    var thumbEndRect = this.adapter.getThumbBoundingClientRect(Thumb.END);
-    var inThumbStartBounds = clientX >= thumbStartRect.left && clientX <= thumbStartRect.right;
-    var inThumbEndBounds = clientX >= thumbEndRect.left && clientX <= thumbEndRect.right;
-    if (inThumbStartBounds && inThumbEndBounds) {
-      return null;
-    }
-    if (inThumbStartBounds) {
-      return Thumb.START;
-    }
-    if (inThumbEndBounds) {
-      return Thumb.END;
-    }
-    if (value < this.valueStart) {
-      return Thumb.START;
-    }
-    if (value > this.value) {
-      return Thumb.END;
-    }
-    return value - this.valueStart <= this.value - value ? Thumb.START : Thumb.END;
-  };
-  MDCSliderFoundation2.prototype.getThumbFromMoveEvent = function(clientX) {
-    if (this.thumb !== null)
-      return this.thumb;
-    if (this.downEventClientX === null) {
-      throw new Error("`downEventClientX` is null after move event.");
-    }
-    var moveDistanceUnderThreshold = Math.abs(this.downEventClientX - clientX) < numbers.THUMB_UPDATE_MIN_PX;
-    if (moveDistanceUnderThreshold)
-      return this.thumb;
-    var draggedThumbToLeft = clientX < this.downEventClientX;
-    if (draggedThumbToLeft) {
-      return this.adapter.isRTL() ? Thumb.END : Thumb.START;
-    } else {
-      return this.adapter.isRTL() ? Thumb.START : Thumb.END;
-    }
-  };
-  MDCSliderFoundation2.prototype.updateUI = function(thumb) {
-    if (thumb) {
-      this.updateThumbAndInputAttributes(thumb);
-    } else {
-      this.updateThumbAndInputAttributes(Thumb.START);
-      this.updateThumbAndInputAttributes(Thumb.END);
-    }
-    this.updateThumbAndTrackUI(thumb);
-    this.updateValueIndicatorUI(thumb);
-    this.updateTickMarksUI();
-  };
-  MDCSliderFoundation2.prototype.updateThumbAndInputAttributes = function(thumb) {
-    if (!thumb)
-      return;
-    var value = this.isRange && thumb === Thumb.START ? this.valueStart : this.value;
-    var valueStr = String(value);
-    this.adapter.setInputAttribute(attributes.INPUT_VALUE, valueStr, thumb);
-    if (this.isRange && thumb === Thumb.START) {
-      this.adapter.setInputAttribute(attributes.INPUT_MIN, String(value + this.minRange), Thumb.END);
-    } else if (this.isRange && thumb === Thumb.END) {
-      this.adapter.setInputAttribute(attributes.INPUT_MAX, String(value - this.minRange), Thumb.START);
-    }
-    if (this.adapter.getInputValue(thumb) !== valueStr) {
-      this.adapter.setInputValue(valueStr, thumb);
-    }
-    var valueToAriaValueTextFn = this.adapter.getValueToAriaValueTextFn();
-    if (valueToAriaValueTextFn) {
-      this.adapter.setInputAttribute(attributes.ARIA_VALUETEXT, valueToAriaValueTextFn(value, thumb), thumb);
-    }
-  };
-  MDCSliderFoundation2.prototype.updateValueIndicatorUI = function(thumb) {
-    if (!this.isDiscrete)
-      return;
-    var value = this.isRange && thumb === Thumb.START ? this.valueStart : this.value;
-    this.adapter.setValueIndicatorText(value, thumb === Thumb.START ? Thumb.START : Thumb.END);
-    if (!thumb && this.isRange) {
-      this.adapter.setValueIndicatorText(this.valueStart, Thumb.START);
-    }
-  };
-  MDCSliderFoundation2.prototype.updateTickMarksUI = function() {
-    if (!this.isDiscrete || !this.hasTickMarks)
-      return;
-    var numTickMarksInactiveStart = (this.valueStart - this.min) / this.step;
-    var numTickMarksActive = (this.value - this.valueStart) / this.step + 1;
-    var numTickMarksInactiveEnd = (this.max - this.value) / this.step;
-    var tickMarksInactiveStart = Array.from({ length: numTickMarksInactiveStart }).fill(TickMark.INACTIVE);
-    var tickMarksActive = Array.from({ length: numTickMarksActive }).fill(TickMark.ACTIVE);
-    var tickMarksInactiveEnd = Array.from({ length: numTickMarksInactiveEnd }).fill(TickMark.INACTIVE);
-    this.adapter.updateTickMarks(tickMarksInactiveStart.concat(tickMarksActive).concat(tickMarksInactiveEnd));
-  };
-  MDCSliderFoundation2.prototype.mapClientXOnSliderScale = function(clientX) {
-    var xPos = clientX - this.rect.left;
-    var pctComplete = xPos / this.rect.width;
-    if (this.adapter.isRTL()) {
-      pctComplete = 1 - pctComplete;
-    }
-    var value = this.min + pctComplete * (this.max - this.min);
-    if (value === this.max || value === this.min) {
-      return value;
-    }
-    return Number(this.quantize(value).toFixed(this.numDecimalPlaces));
-  };
-  MDCSliderFoundation2.prototype.quantize = function(value) {
-    var numSteps = Math.round((value - this.min) / this.step);
-    return this.min + numSteps * this.step;
-  };
-  MDCSliderFoundation2.prototype.updateValue = function(value, thumb, _a) {
-    var _b = _a === void 0 ? {} : _a, emitInputEvent = _b.emitInputEvent;
-    value = this.clampValue(value, thumb);
-    if (this.isRange && thumb === Thumb.START) {
-      if (this.valueStart === value)
-        return;
-      this.valueStart = value;
-    } else {
-      if (this.value === value)
-        return;
-      this.value = value;
-    }
-    this.updateUI(thumb);
-    if (emitInputEvent) {
-      this.adapter.emitInputEvent(thumb === Thumb.START ? this.valueStart : this.value, thumb);
-    }
-  };
-  MDCSliderFoundation2.prototype.clampValue = function(value, thumb) {
-    value = Math.min(Math.max(value, this.min), this.max);
-    var thumbStartMovedPastThumbEnd = this.isRange && thumb === Thumb.START && value > this.value - this.minRange;
-    if (thumbStartMovedPastThumbEnd) {
-      return this.value - this.minRange;
-    }
-    var thumbEndMovedPastThumbStart = this.isRange && thumb === Thumb.END && value < this.valueStart + this.minRange;
-    if (thumbEndMovedPastThumbStart) {
-      return this.valueStart + this.minRange;
-    }
-    return value;
-  };
-  MDCSliderFoundation2.prototype.updateThumbAndTrackUI = function(thumb) {
-    var _this = this;
-    var _a = this, max = _a.max, min = _a.min;
-    var pctComplete = (this.value - this.valueStart) / (max - min);
-    var rangePx = pctComplete * this.rect.width;
-    var isRtl = this.adapter.isRTL();
-    var transformProp = HAS_WINDOW ? getCorrectPropertyName(window, "transform") : "transform";
-    if (this.isRange) {
-      var thumbLeftPos_1 = this.adapter.isRTL() ? (max - this.value) / (max - min) * this.rect.width : (this.valueStart - min) / (max - min) * this.rect.width;
-      var thumbRightPos_1 = thumbLeftPos_1 + rangePx;
-      this.animFrame.request(AnimationKeys.SLIDER_UPDATE, function() {
-        var trackAnimatesFromRight = !isRtl && thumb === Thumb.START || isRtl && thumb !== Thumb.START;
-        if (trackAnimatesFromRight) {
-          _this.adapter.setTrackActiveStyleProperty("transform-origin", "right");
-          _this.adapter.setTrackActiveStyleProperty("left", "auto");
-          _this.adapter.setTrackActiveStyleProperty("right", _this.rect.width - thumbRightPos_1 + "px");
-        } else {
-          _this.adapter.setTrackActiveStyleProperty("transform-origin", "left");
-          _this.adapter.setTrackActiveStyleProperty("right", "auto");
-          _this.adapter.setTrackActiveStyleProperty("left", thumbLeftPos_1 + "px");
-        }
-        _this.adapter.setTrackActiveStyleProperty(transformProp, "scaleX(" + pctComplete + ")");
-        var thumbStartPos = isRtl ? thumbRightPos_1 : thumbLeftPos_1;
-        var thumbEndPos = _this.adapter.isRTL() ? thumbLeftPos_1 : thumbRightPos_1;
-        if (thumb === Thumb.START || !thumb || !_this.initialStylesRemoved) {
-          _this.adapter.setThumbStyleProperty(transformProp, "translateX(" + thumbStartPos + "px)", Thumb.START);
-          _this.alignValueIndicator(Thumb.START, thumbStartPos);
-        }
-        if (thumb === Thumb.END || !thumb || !_this.initialStylesRemoved) {
-          _this.adapter.setThumbStyleProperty(transformProp, "translateX(" + thumbEndPos + "px)", Thumb.END);
-          _this.alignValueIndicator(Thumb.END, thumbEndPos);
-        }
-        _this.removeInitialStyles(isRtl);
-        _this.updateOverlappingThumbsUI(thumbStartPos, thumbEndPos, thumb);
-      });
-    } else {
-      this.animFrame.request(AnimationKeys.SLIDER_UPDATE, function() {
-        var thumbStartPos = isRtl ? _this.rect.width - rangePx : rangePx;
-        _this.adapter.setThumbStyleProperty(transformProp, "translateX(" + thumbStartPos + "px)", Thumb.END);
-        _this.alignValueIndicator(Thumb.END, thumbStartPos);
-        _this.adapter.setTrackActiveStyleProperty(transformProp, "scaleX(" + pctComplete + ")");
-        _this.removeInitialStyles(isRtl);
-      });
-    }
-  };
-  MDCSliderFoundation2.prototype.alignValueIndicator = function(thumb, thumbPos) {
-    if (!this.isDiscrete)
-      return;
-    var thumbHalfWidth = this.adapter.getThumbBoundingClientRect(thumb).width / 2;
-    var containerWidth = this.adapter.getValueIndicatorContainerWidth(thumb);
-    var sliderWidth = this.adapter.getBoundingClientRect().width;
-    if (containerWidth / 2 > thumbPos + thumbHalfWidth) {
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CARET_LEFT, thumbHalfWidth + "px", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CARET_RIGHT, "auto", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CARET_TRANSFORM, "translateX(-50%)", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CONTAINER_LEFT, "0", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CONTAINER_RIGHT, "auto", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM, "none", thumb);
-    } else if (containerWidth / 2 > sliderWidth - thumbPos + thumbHalfWidth) {
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CARET_LEFT, "auto", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CARET_RIGHT, thumbHalfWidth + "px", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CARET_TRANSFORM, "translateX(50%)", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CONTAINER_LEFT, "auto", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CONTAINER_RIGHT, "0", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM, "none", thumb);
-    } else {
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CARET_LEFT, "50%", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CARET_RIGHT, "auto", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CARET_TRANSFORM, "translateX(-50%)", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CONTAINER_LEFT, "50%", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CONTAINER_RIGHT, "auto", thumb);
-      this.adapter.setThumbStyleProperty(strings.VAR_VALUE_INDICATOR_CONTAINER_TRANSFORM, "translateX(-50%)", thumb);
-    }
-  };
-  MDCSliderFoundation2.prototype.removeInitialStyles = function(isRtl) {
-    if (this.initialStylesRemoved)
-      return;
-    var position = isRtl ? "right" : "left";
-    this.adapter.removeThumbStyleProperty(position, Thumb.END);
-    if (this.isRange) {
-      this.adapter.removeThumbStyleProperty(position, Thumb.START);
-    }
-    this.initialStylesRemoved = true;
-    this.resetTrackAndThumbAnimation();
-  };
-  MDCSliderFoundation2.prototype.resetTrackAndThumbAnimation = function() {
-    var _this = this;
-    if (!this.isDiscrete)
-      return;
-    var transitionProp = HAS_WINDOW ? getCorrectPropertyName(window, "transition") : "transition";
-    var transitionDefault = "none 0s ease 0s";
-    this.adapter.setThumbStyleProperty(transitionProp, transitionDefault, Thumb.END);
-    if (this.isRange) {
-      this.adapter.setThumbStyleProperty(transitionProp, transitionDefault, Thumb.START);
-    }
-    this.adapter.setTrackActiveStyleProperty(transitionProp, transitionDefault);
-    requestAnimationFrame(function() {
-      _this.adapter.removeThumbStyleProperty(transitionProp, Thumb.END);
-      _this.adapter.removeTrackActiveStyleProperty(transitionProp);
-      if (_this.isRange) {
-        _this.adapter.removeThumbStyleProperty(transitionProp, Thumb.START);
-      }
-    });
-  };
-  MDCSliderFoundation2.prototype.updateOverlappingThumbsUI = function(thumbStartPos, thumbEndPos, thumb) {
-    var thumbsOverlap = false;
-    if (this.adapter.isRTL()) {
-      var startThumbLeftEdge = thumbStartPos - this.startThumbKnobWidth / 2;
-      var endThumbRightEdge = thumbEndPos + this.endThumbKnobWidth / 2;
-      thumbsOverlap = endThumbRightEdge >= startThumbLeftEdge;
-    } else {
-      var startThumbRightEdge = thumbStartPos + this.startThumbKnobWidth / 2;
-      var endThumbLeftEdge = thumbEndPos - this.endThumbKnobWidth / 2;
-      thumbsOverlap = startThumbRightEdge >= endThumbLeftEdge;
-    }
-    if (thumbsOverlap) {
-      this.adapter.addThumbClass(cssClasses.THUMB_TOP, thumb || Thumb.END);
-      this.adapter.removeThumbClass(cssClasses.THUMB_TOP, thumb === Thumb.START ? Thumb.END : Thumb.START);
-    } else {
-      this.adapter.removeThumbClass(cssClasses.THUMB_TOP, Thumb.START);
-      this.adapter.removeThumbClass(cssClasses.THUMB_TOP, Thumb.END);
-    }
-  };
-  MDCSliderFoundation2.prototype.convertAttributeValueToNumber = function(attributeValue, attributeName) {
-    if (attributeValue === null) {
-      throw new Error("MDCSliderFoundation: `" + attributeName + "` must be non-null.");
-    }
-    var value = Number(attributeValue);
-    if (isNaN(value)) {
-      throw new Error("MDCSliderFoundation: `" + attributeName + "` value is `" + attributeValue + "`, but must be a number.");
-    }
-    return value;
-  };
-  MDCSliderFoundation2.prototype.validateProperties = function(_a) {
-    var min = _a.min, max = _a.max, value = _a.value, valueStart = _a.valueStart, step = _a.step, minRange = _a.minRange;
-    if (min >= max) {
-      throw new Error("MDCSliderFoundation: min must be strictly less than max. " + ("Current: [min: " + min + ", max: " + max + "]"));
-    }
-    if (step <= 0) {
-      throw new Error("MDCSliderFoundation: step must be a positive number. " + ("Current step: " + step));
-    }
-    if (this.isRange) {
-      if (value < min || value > max || valueStart < min || valueStart > max) {
-        throw new Error("MDCSliderFoundation: values must be in [min, max] range. " + ("Current values: [start value: " + valueStart + ", end value: ") + (value + ", min: " + min + ", max: " + max + "]"));
-      }
-      if (valueStart > value) {
-        throw new Error("MDCSliderFoundation: start value must be <= end value. " + ("Current values: [start value: " + valueStart + ", end value: " + value + "]"));
-      }
-      if (minRange < 0) {
-        throw new Error("MDCSliderFoundation: minimum range must be non-negative. " + ("Current min range: " + minRange));
-      }
-      if (value - valueStart < minRange) {
-        throw new Error("MDCSliderFoundation: start value and end value must differ by at least " + (minRange + ". Current values: [start value: " + valueStart + ", ") + ("end value: " + value + "]"));
-      }
-      var numStepsValueStartFromMin = (valueStart - min) / step;
-      var numStepsValueFromMin = (value - min) / step;
-      if (!Number.isInteger(parseFloat(numStepsValueStartFromMin.toFixed(6))) || !Number.isInteger(parseFloat(numStepsValueFromMin.toFixed(6)))) {
-        throw new Error("MDCSliderFoundation: Slider values must be valid based on the " + ("step value (" + step + "). Current values: [start value: ") + (valueStart + ", end value: " + value + ", min: " + min + "]"));
-      }
-    } else {
-      if (value < min || value > max) {
-        throw new Error("MDCSliderFoundation: value must be in [min, max] range. " + ("Current values: [value: " + value + ", min: " + min + ", max: " + max + "]"));
-      }
-      var numStepsValueFromMin = (value - min) / step;
-      if (!Number.isInteger(parseFloat(numStepsValueFromMin.toFixed(6)))) {
-        throw new Error("MDCSliderFoundation: Slider value must be valid based on the " + ("step value (" + step + "). Current value: " + value));
-      }
-    }
-  };
-  MDCSliderFoundation2.prototype.registerEventHandlers = function() {
-    this.adapter.registerWindowEventHandler("resize", this.resizeListener);
-    if (MDCSliderFoundation2.SUPPORTS_POINTER_EVENTS) {
-      this.adapter.registerEventHandler("pointerdown", this.pointerdownListener);
-      this.adapter.registerEventHandler("pointerup", this.pointerupListener);
-    } else {
-      this.adapter.registerEventHandler("mousedown", this.mousedownOrTouchstartListener);
-      this.adapter.registerEventHandler("touchstart", this.mousedownOrTouchstartListener);
-    }
-    if (this.isRange) {
-      this.adapter.registerThumbEventHandler(Thumb.START, "mouseenter", this.thumbMouseenterListener);
-      this.adapter.registerThumbEventHandler(Thumb.START, "mouseleave", this.thumbMouseleaveListener);
-      this.adapter.registerInputEventHandler(Thumb.START, "change", this.inputStartChangeListener);
-      this.adapter.registerInputEventHandler(Thumb.START, "focus", this.inputStartFocusListener);
-      this.adapter.registerInputEventHandler(Thumb.START, "blur", this.inputStartBlurListener);
-    }
-    this.adapter.registerThumbEventHandler(Thumb.END, "mouseenter", this.thumbMouseenterListener);
-    this.adapter.registerThumbEventHandler(Thumb.END, "mouseleave", this.thumbMouseleaveListener);
-    this.adapter.registerInputEventHandler(Thumb.END, "change", this.inputEndChangeListener);
-    this.adapter.registerInputEventHandler(Thumb.END, "focus", this.inputEndFocusListener);
-    this.adapter.registerInputEventHandler(Thumb.END, "blur", this.inputEndBlurListener);
-  };
-  MDCSliderFoundation2.prototype.deregisterEventHandlers = function() {
-    this.adapter.deregisterWindowEventHandler("resize", this.resizeListener);
-    if (MDCSliderFoundation2.SUPPORTS_POINTER_EVENTS) {
-      this.adapter.deregisterEventHandler("pointerdown", this.pointerdownListener);
-      this.adapter.deregisterEventHandler("pointerup", this.pointerupListener);
-    } else {
-      this.adapter.deregisterEventHandler("mousedown", this.mousedownOrTouchstartListener);
-      this.adapter.deregisterEventHandler("touchstart", this.mousedownOrTouchstartListener);
-    }
-    if (this.isRange) {
-      this.adapter.deregisterThumbEventHandler(Thumb.START, "mouseenter", this.thumbMouseenterListener);
-      this.adapter.deregisterThumbEventHandler(Thumb.START, "mouseleave", this.thumbMouseleaveListener);
-      this.adapter.deregisterInputEventHandler(Thumb.START, "change", this.inputStartChangeListener);
-      this.adapter.deregisterInputEventHandler(Thumb.START, "focus", this.inputStartFocusListener);
-      this.adapter.deregisterInputEventHandler(Thumb.START, "blur", this.inputStartBlurListener);
-    }
-    this.adapter.deregisterThumbEventHandler(Thumb.END, "mouseenter", this.thumbMouseenterListener);
-    this.adapter.deregisterThumbEventHandler(Thumb.END, "mouseleave", this.thumbMouseleaveListener);
-    this.adapter.deregisterInputEventHandler(Thumb.END, "change", this.inputEndChangeListener);
-    this.adapter.deregisterInputEventHandler(Thumb.END, "focus", this.inputEndFocusListener);
-    this.adapter.deregisterInputEventHandler(Thumb.END, "blur", this.inputEndBlurListener);
-  };
-  MDCSliderFoundation2.prototype.handlePointerup = function() {
-    this.handleUp();
-    this.adapter.deregisterEventHandler("pointermove", this.moveListener);
-  };
-  MDCSliderFoundation2.SUPPORTS_POINTER_EVENTS = HAS_WINDOW && Boolean(window.PointerEvent) && !isIOS();
-  return MDCSliderFoundation2;
-}(MDCFoundation);
-function isIOS() {
-  return [
-    "iPad Simulator",
-    "iPhone Simulator",
-    "iPod Simulator",
-    "iPad",
-    "iPhone",
-    "iPod"
-  ].includes(navigator.platform) || navigator.userAgent.includes("Mac") && "ontouchend" in document;
-}
-function getNumDecimalPlaces(n) {
-  var match = /(?:\.(\d+))?(?:[eE]([+\-]?\d+))?$/.exec(String(n));
-  if (!match)
-    return 0;
-  var fraction = match[1] || "";
-  var exponent = match[2] || 0;
-  return Math.max(0, (fraction === "0" ? 0 : fraction.length) - Number(exponent));
-}
-
-// node_modules/@material/slider/component.js
-var MDCSlider = function(_super) {
-  __extends(MDCSlider2, _super);
-  function MDCSlider2() {
-    var _this = _super !== null && _super.apply(this, arguments) || this;
-    _this.skipInitialUIUpdate = false;
-    _this.valueToAriaValueTextFn = null;
-    return _this;
-  }
-  MDCSlider2.attachTo = function(root, options) {
-    if (options === void 0) {
-      options = {};
-    }
-    return new MDCSlider2(root, void 0, options);
-  };
-  MDCSlider2.prototype.getDefaultFoundation = function() {
-    var _this = this;
-    var adapter = {
-      hasClass: function(className) {
-        return _this.root.classList.contains(className);
-      },
-      addClass: function(className) {
-        _this.root.classList.add(className);
-      },
-      removeClass: function(className) {
-        _this.root.classList.remove(className);
-      },
-      addThumbClass: function(className, thumb) {
-        _this.getThumbEl(thumb).classList.add(className);
-      },
-      removeThumbClass: function(className, thumb) {
-        _this.getThumbEl(thumb).classList.remove(className);
-      },
-      getAttribute: function(attribute) {
-        return _this.root.getAttribute(attribute);
-      },
-      getInputValue: function(thumb) {
-        return _this.getInput(thumb).value;
-      },
-      setInputValue: function(value, thumb) {
-        _this.getInput(thumb).value = value;
-      },
-      getInputAttribute: function(attribute, thumb) {
-        return _this.getInput(thumb).getAttribute(attribute);
-      },
-      setInputAttribute: function(attribute, value, thumb) {
-        _this.getInput(thumb).setAttribute(attribute, value);
-      },
-      removeInputAttribute: function(attribute, thumb) {
-        _this.getInput(thumb).removeAttribute(attribute);
-      },
-      focusInput: function(thumb) {
-        _this.getInput(thumb).focus();
-      },
-      isInputFocused: function(thumb) {
-        return _this.getInput(thumb) === document.activeElement;
-      },
-      shouldHideFocusStylesForPointerEvents: function() {
-        return false;
-      },
-      getThumbKnobWidth: function(thumb) {
-        return _this.getThumbEl(thumb).querySelector("." + cssClasses.THUMB_KNOB).getBoundingClientRect().width;
-      },
-      getThumbBoundingClientRect: function(thumb) {
-        return _this.getThumbEl(thumb).getBoundingClientRect();
-      },
-      getBoundingClientRect: function() {
-        return _this.root.getBoundingClientRect();
-      },
-      getValueIndicatorContainerWidth: function(thumb) {
-        return _this.getThumbEl(thumb).querySelector("." + cssClasses.VALUE_INDICATOR_CONTAINER).getBoundingClientRect().width;
-      },
-      isRTL: function() {
-        return getComputedStyle(_this.root).direction === "rtl";
-      },
-      setThumbStyleProperty: function(propertyName, value, thumb) {
-        _this.getThumbEl(thumb).style.setProperty(propertyName, value);
-      },
-      removeThumbStyleProperty: function(propertyName, thumb) {
-        _this.getThumbEl(thumb).style.removeProperty(propertyName);
-      },
-      setTrackActiveStyleProperty: function(propertyName, value) {
-        _this.trackActive.style.setProperty(propertyName, value);
-      },
-      removeTrackActiveStyleProperty: function(propertyName) {
-        _this.trackActive.style.removeProperty(propertyName);
-      },
-      setValueIndicatorText: function(value, thumb) {
-        var valueIndicatorEl = _this.getThumbEl(thumb).querySelector("." + cssClasses.VALUE_INDICATOR_TEXT);
-        valueIndicatorEl.textContent = String(value);
-      },
-      getValueToAriaValueTextFn: function() {
-        return _this.valueToAriaValueTextFn;
-      },
-      updateTickMarks: function(tickMarks) {
-        var tickMarksContainer = _this.root.querySelector("." + cssClasses.TICK_MARKS_CONTAINER);
-        if (!tickMarksContainer) {
-          tickMarksContainer = document.createElement("div");
-          tickMarksContainer.classList.add(cssClasses.TICK_MARKS_CONTAINER);
-          var track = _this.root.querySelector("." + cssClasses.TRACK);
-          track.appendChild(tickMarksContainer);
-        }
-        if (tickMarks.length !== tickMarksContainer.children.length) {
-          while (tickMarksContainer.firstChild) {
-            tickMarksContainer.removeChild(tickMarksContainer.firstChild);
-          }
-          _this.addTickMarks(tickMarksContainer, tickMarks);
-        } else {
-          _this.updateTickMarks(tickMarksContainer, tickMarks);
-        }
-      },
-      setPointerCapture: function(pointerId) {
-        _this.root.setPointerCapture(pointerId);
-      },
-      emitChangeEvent: function(value, thumb) {
-        _this.emit(events.CHANGE, { value, thumb });
-      },
-      emitInputEvent: function(value, thumb) {
-        _this.emit(events.INPUT, { value, thumb });
-      },
-      emitDragStartEvent: function(_, thumb) {
-        _this.getRipple(thumb).activate();
-      },
-      emitDragEndEvent: function(_, thumb) {
-        _this.getRipple(thumb).deactivate();
-      },
-      registerEventHandler: function(evtType, handler) {
-        _this.listen(evtType, handler);
-      },
-      deregisterEventHandler: function(evtType, handler) {
-        _this.unlisten(evtType, handler);
-      },
-      registerThumbEventHandler: function(thumb, evtType, handler) {
-        _this.getThumbEl(thumb).addEventListener(evtType, handler);
-      },
-      deregisterThumbEventHandler: function(thumb, evtType, handler) {
-        _this.getThumbEl(thumb).removeEventListener(evtType, handler);
-      },
-      registerInputEventHandler: function(thumb, evtType, handler) {
-        _this.getInput(thumb).addEventListener(evtType, handler);
-      },
-      deregisterInputEventHandler: function(thumb, evtType, handler) {
-        _this.getInput(thumb).removeEventListener(evtType, handler);
-      },
-      registerBodyEventHandler: function(evtType, handler) {
-        document.body.addEventListener(evtType, handler);
-      },
-      deregisterBodyEventHandler: function(evtType, handler) {
-        document.body.removeEventListener(evtType, handler);
-      },
-      registerWindowEventHandler: function(evtType, handler) {
-        window.addEventListener(evtType, handler);
-      },
-      deregisterWindowEventHandler: function(evtType, handler) {
-        window.removeEventListener(evtType, handler);
-      }
-    };
-    return new MDCSliderFoundation(adapter);
-  };
-  MDCSlider2.prototype.initialize = function(_a) {
-    var _b = _a === void 0 ? {} : _a, skipInitialUIUpdate = _b.skipInitialUIUpdate;
-    this.inputs = [].slice.call(this.root.querySelectorAll("." + cssClasses.INPUT));
-    this.thumbs = [].slice.call(this.root.querySelectorAll("." + cssClasses.THUMB));
-    this.trackActive = this.root.querySelector("." + cssClasses.TRACK_ACTIVE);
-    this.ripples = this.createRipples();
-    if (skipInitialUIUpdate) {
-      this.skipInitialUIUpdate = true;
-    }
-  };
-  MDCSlider2.prototype.initialSyncWithDOM = function() {
-    this.foundation.layout({ skipUpdateUI: this.skipInitialUIUpdate });
-  };
-  MDCSlider2.prototype.layout = function() {
-    this.foundation.layout();
-  };
-  MDCSlider2.prototype.getValueStart = function() {
-    return this.foundation.getValueStart();
-  };
-  MDCSlider2.prototype.setValueStart = function(valueStart) {
-    this.foundation.setValueStart(valueStart);
-  };
-  MDCSlider2.prototype.getValue = function() {
-    return this.foundation.getValue();
-  };
-  MDCSlider2.prototype.setValue = function(value) {
-    this.foundation.setValue(value);
-  };
-  MDCSlider2.prototype.getDisabled = function() {
-    return this.foundation.getDisabled();
-  };
-  MDCSlider2.prototype.setDisabled = function(disabled) {
-    this.foundation.setDisabled(disabled);
-  };
-  MDCSlider2.prototype.setValueToAriaValueTextFn = function(mapFn) {
-    this.valueToAriaValueTextFn = mapFn;
-  };
-  MDCSlider2.prototype.getThumbEl = function(thumb) {
-    return thumb === Thumb.END ? this.thumbs[this.thumbs.length - 1] : this.thumbs[0];
-  };
-  MDCSlider2.prototype.getInput = function(thumb) {
-    return thumb === Thumb.END ? this.inputs[this.inputs.length - 1] : this.inputs[0];
-  };
-  MDCSlider2.prototype.getRipple = function(thumb) {
-    return thumb === Thumb.END ? this.ripples[this.ripples.length - 1] : this.ripples[0];
-  };
-  MDCSlider2.prototype.addTickMarks = function(tickMarkContainer, tickMarks) {
-    var fragment = document.createDocumentFragment();
-    for (var i = 0; i < tickMarks.length; i++) {
-      var div = document.createElement("div");
-      var tickMarkClass = tickMarks[i] === TickMark.ACTIVE ? cssClasses.TICK_MARK_ACTIVE : cssClasses.TICK_MARK_INACTIVE;
-      div.classList.add(tickMarkClass);
-      fragment.appendChild(div);
-    }
-    tickMarkContainer.appendChild(fragment);
-  };
-  MDCSlider2.prototype.updateTickMarks = function(tickMarkContainer, tickMarks) {
-    var tickMarkEls = Array.from(tickMarkContainer.children);
-    for (var i = 0; i < tickMarkEls.length; i++) {
-      if (tickMarks[i] === TickMark.ACTIVE) {
-        tickMarkEls[i].classList.add(cssClasses.TICK_MARK_ACTIVE);
-        tickMarkEls[i].classList.remove(cssClasses.TICK_MARK_INACTIVE);
-      } else {
-        tickMarkEls[i].classList.add(cssClasses.TICK_MARK_INACTIVE);
-        tickMarkEls[i].classList.remove(cssClasses.TICK_MARK_ACTIVE);
-      }
-    }
-  };
-  MDCSlider2.prototype.createRipples = function() {
-    var ripples = [];
-    var rippleSurfaces = [].slice.call(this.root.querySelectorAll("." + cssClasses.THUMB));
-    var _loop_1 = function(i2) {
-      var rippleSurface = rippleSurfaces[i2];
-      var input = this_1.inputs[i2];
-      var adapter = __assign(__assign({}, MDCRipple.createAdapter(this_1)), { addClass: function(className) {
-        rippleSurface.classList.add(className);
-      }, computeBoundingRect: function() {
-        return rippleSurface.getBoundingClientRect();
-      }, deregisterInteractionHandler: function(evtType, handler) {
-        input.removeEventListener(evtType, handler);
-      }, isSurfaceActive: function() {
-        return matches(input, ":active");
-      }, isUnbounded: function() {
-        return true;
-      }, registerInteractionHandler: function(evtType, handler) {
-        input.addEventListener(evtType, handler, applyPassive());
-      }, removeClass: function(className) {
-        rippleSurface.classList.remove(className);
-      }, updateCssVariable: function(varName, value) {
-        rippleSurface.style.setProperty(varName, value);
-      } });
-      var ripple = new MDCRipple(rippleSurface, new MDCRippleFoundation(adapter));
-      ripple.unbounded = true;
-      ripples.push(ripple);
-    };
-    var this_1 = this;
-    for (var i = 0; i < rippleSurfaces.length; i++) {
-      _loop_1(i);
-    }
-    return ripples;
-  };
-  return MDCSlider2;
-}(MDCComponent);
-
-// dist/build/lib/staging/src/slider/slider-constants.ts
-var elementName = `${COMPONENT_NAME_PREFIX}slider`;
-var attributes2 = {
-  TYPE: "type",
-  VALUE: "value",
-  VALUE_START: "value-start",
-  MIN: "min",
-  MAX: "max",
-  STEP: "step",
-  DISABLED: "disabled",
-  COLOR: "color"
-};
-var selectors = {
-  ROOT: ".mdc-slider",
-  THUMB: ".mdc-slider__thumb[part=thumb],.mdc-slider__thumb[part='thumb-end']",
-  THUMB_START: ".mdc-slider__thumb[part='thumb-start']",
-  VALUE_INPUT: "input[id='value-input']",
-  VALUE_INPUT_START: "input[id='value-input-start']",
-  TRACK_CONTAINER: ".mdc-slider__track-container",
-  TRACK_ACTIVE_FILL: ".mdc-slider__track--active_fill"
-};
-var events2 = {
-  MDC_INPUT: "MDCSlider:input",
-  MDC_CHANGE: "MDCSlider:change",
-  FORGE_INPUT: "forge-slider-input",
-  FORGE_CHANGE: "forge-slider-change"
-};
-var SLIDER_CONSTANTS = {
-  elementName,
-  attributes: attributes2,
-  selectors,
-  events: events2
-};
-
-// dist/build/lib/staging/src/slider/slider.ts
-var continuousTemplate = '<template><div class="mdc-slider" part="root"><input class="mdc-slider__input" id="value-input" type="range" min="0" max="100" value="0" name="slider" aria-label="Choose value"><div class="mdc-slider__track" part="track"><div class="mdc-slider__track--inactive" part="track-inactive"></div><div class="mdc-slider__track--active" part="track-active"><div class="mdc-slider__track--active_fill" part="track-active-fill"></div></div></div><div class="mdc-slider__thumb" part="thumb"><div class="mdc-slider__thumb-knob" part="thumb-knob"></div></div></div></template>';
-var continuousRangeTemplate = '<template><div class="mdc-slider mdc-slider--range" part="root"><input class="mdc-slider__input" id="value-input" type="range" min="0" max="100" value="0" name="rangeStart" aria-label="Choose start range value"> <input class="mdc-slider__input" id="value-input-start" type="range" min="0" max="100" value="100" name="rangeEnd" aria-label="Choose end range value"><div class="mdc-slider__track" part="track"><div class="mdc-slider__track--inactive" part="track-inactive"></div><div class="mdc-slider__track--active" part="track-active"><div class="mdc-slider__track--active_fill" part="track-active-fill"></div></div></div><div class="mdc-slider__thumb" part="thumb-start"><div class="mdc-slider__thumb-knob" part="thumb-start-knob"></div></div><div class="mdc-slider__thumb" part="thumb-end"><div class="mdc-slider__thumb-knob" part="thumb-end-knob"></div></div></div></template>';
-var discreteTemplate = '<template><div class="mdc-slider mdc-slider--discrete" part="root"><input class="mdc-slider__input" id="value-input" type="range" min="0" max="100" value="50" name="slider" aria-label="Choose value"><div class="mdc-slider__track" part="track"><div class="mdc-slider__track--inactive" part="track-inactive"></div><div class="mdc-slider__track--active" part="track-active"><div class="mdc-slider__track--active_fill" part="track-active-fill"></div></div></div><div class="mdc-slider__thumb" part="thumb"><div class="mdc-slider__value-indicator-container" part="value-indicator-container"><div class="mdc-slider__value-indicator" part="value-indicator"><span class="mdc-slider__value-indicator-text" part="value-indicator-text">0</span></div></div><div class="mdc-slider__thumb-knob" part="thumb-knob"></div></div></div></template>';
-var discreteMarkersTemplate = '<template><div class="mdc-slider mdc-slider--discrete mdc-slider--tick-marks" part="root"><input class="mdc-slider__input" id="value-input" type="range" min="0" max="100" value="0" name="slider" step="10" aria-label="Choose value"><div class="mdc-slider__track" part="track"><div class="mdc-slider__track--inactive" part="track-inactive"></div><div class="mdc-slider__track--active" part="track-active"><div class="mdc-slider__track--active_fill" part="track-active-fill"></div></div><div class="mdc-slider__tick-marks" part="tick-marks-container"></div></div><div class="mdc-slider__thumb" part="thumb"><div class="mdc-slider__value-indicator-container" part="value-indicator-container"><div class="mdc-slider__value-indicator" part="value-indicator"><span class="mdc-slider__value-indicator-text" part="value-indicator-text">0</span></div></div><div class="mdc-slider__thumb-knob" part="thumb-knob"></div></div></div></template>';
-var discreteRangeTemplate = '<template><div class="mdc-slider mdc-slider--range mdc-slider--discrete" part="root"><input class="mdc-slider__input" id="value-input" type="range" min="0" max="100" value="0" step="10" name="rangeStart" aria-label="Choose start range value"> <input class="mdc-slider__input" id="value-input-start" type="range" min="0" max="100" value="0" step="10" name="rangeEnd" aria-label="Choose end range value"><div class="mdc-slider__track" part="track"><div class="mdc-slider__track--inactive" part="track-inactive"></div><div class="mdc-slider__track--active" part="track-active"><div class="mdc-slider__track--active_fill" part="track-active-fill"></div></div></div><div class="mdc-slider__thumb" part="thumb-start"><div class="mdc-slider__value-indicator-container" part="thumb-start-value-indicator-container"><div class="mdc-slider__value-indicator" part="thumb-start-value-indicator"><span class="mdc-slider__value-indicator-text" part="thumb-start-value-indicator-text">0</span></div></div><div class="mdc-slider__thumb-knob" part="thumb-start-knob"></div></div><div class="mdc-slider__thumb" part="thumb-end"><div class="mdc-slider__value-indicator-container" part="thumb-end-value-indicator-container"><div class="mdc-slider__value-indicator" part="thumb-end-value-indicator"><span class="mdc-slider__value-indicator-text" part="thumb-end-value-indicator-text">100</span></div></div><div class="mdc-slider__thumb-knob" part="thumb-end-knob"></div></div></div></template>';
-var discreteRangeMarkersTemplate = '<template><div class="mdc-slider mdc-slider--range mdc-slider--discrete mdc-slider--tick-marks" part="root"><input class="mdc-slider__input" id="value-input" type="range" min="0" max="100" value="0" step="10" name="rangeStart" aria-label="Choose start range value"> <input class="mdc-slider__input" id="value-input-start" type="range" min="0" max="100" value="0" step="10" name="rangeEnd" aria-label="Choose end range value"><div class="mdc-slider__track" part="track"><div class="mdc-slider__track--inactive" part="track-inactive"></div><div class="mdc-slider__track--active" part="track-active"><div class="mdc-slider__track--active_fill" part="track-active-fill"></div></div><div class="mdc-slider__tick-marks" part="tick-marks-container"></div></div><div class="mdc-slider__thumb" part="thumb-start"><div class="mdc-slider__value-indicator-container" part="thumb-start-value-indicator-container"><div class="mdc-slider__value-indicator" part="thumb-start-value-indicator"><span class="mdc-slider__value-indicator-text" part="thumb-start-value-indicator-text">0</span></div></div><div class="mdc-slider__thumb-knob" part="thumb-start-knob"></div></div><div class="mdc-slider__thumb" part="thumb-end"><div class="mdc-slider__value-indicator-container" part="thumb-end-value-indicator-container"><div class="mdc-slider__value-indicator" part="thumb-end-value-indicator"><span class="mdc-slider__value-indicator-text" part="thumb-end-value-indicator-text">100</span></div></div><div class="mdc-slider__thumb-knob" part="thumb-end-knob"></div></div></div></template>';
-var styles = '@-webkit-keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@keyframes mdc-ripple-fg-radius-in{from{-webkit-animation-timing-function:cubic-bezier(0.4,0,0.2,1);animation-timing-function:cubic-bezier(0.4,0,0.2,1);-webkit-transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1);transform:translate(var(--mdc-ripple-fg-translate-start,0)) scale(1)}to{-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}}@-webkit-keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-in{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@-webkit-keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}@keyframes mdc-ripple-fg-opacity-out{from{-webkit-animation-timing-function:linear;animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-slider__thumb{--mdc-ripple-fg-size:0;--mdc-ripple-left:0;--mdc-ripple-top:0;--mdc-ripple-fg-scale:1;--mdc-ripple-fg-translate-end:0;--mdc-ripple-fg-translate-start:0;-webkit-tap-highlight-color:transparent;will-change:transform,opacity}.mdc-slider__thumb::after,.mdc-slider__thumb::before{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-slider__thumb::before{-webkit-transition:opacity 15ms linear,background-color 15ms linear;transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index,1)}.mdc-slider__thumb::after{z-index:0;z-index:var(--mdc-ripple-z-index,0)}.mdc-slider__thumb.mdc-ripple-upgraded::before{-webkit-transform:scale(var(--mdc-ripple-fg-scale,1));transform:scale(var(--mdc-ripple-fg-scale,1))}.mdc-slider__thumb.mdc-ripple-upgraded::after{top:0;left:0;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:center center;transform-origin:center center}.mdc-slider__thumb.mdc-ripple-upgraded--unbounded::after{top:var(--mdc-ripple-top,0);left:var(--mdc-ripple-left,0)}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-activation::after{-webkit-animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards;animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-slider__thumb.mdc-ripple-upgraded--foreground-deactivation::after{-webkit-animation:mdc-ripple-fg-opacity-out 150ms;animation:mdc-ripple-fg-opacity-out 150ms;-webkit-transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1));transform:translate(var(--mdc-ripple-fg-translate-end,0)) scale(var(--mdc-ripple-fg-scale,1))}.mdc-slider__thumb::after,.mdc-slider__thumb::before{top:calc(50% - 50%);left:calc(50% - 50%);width:100%;height:100%}.mdc-slider__thumb.mdc-ripple-upgraded::after,.mdc-slider__thumb.mdc-ripple-upgraded::before{top:var(--mdc-ripple-top,calc(50% - 50%));left:var(--mdc-ripple-left,calc(50% - 50%));width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-slider__thumb.mdc-ripple-upgraded::after{width:var(--mdc-ripple-fg-size,100%);height:var(--mdc-ripple-fg-size,100%)}.mdc-slider__thumb::after,.mdc-slider__thumb::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.mdc-slider__thumb.mdc-ripple-surface--hover::before,.mdc-slider__thumb:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider{cursor:pointer;height:48px;margin:0 24px;position:relative;touch-action:pan-y}.mdc-slider .mdc-slider__track{height:4px;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:100%}.mdc-slider .mdc-slider__track--active,.mdc-slider .mdc-slider__track--inactive{display:-webkit-box;display:flex;height:100%;position:absolute;width:100%}.mdc-slider .mdc-slider__track--active{border-radius:3px;height:6px;overflow:hidden;top:-1px}.mdc-slider .mdc-slider__track--active_fill{border-top:6px solid;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;width:100%;position:relative;-webkit-transform-origin:left;transform-origin:left}.mdc-slider .mdc-slider__track--active_fill[dir=rtl],[dir=rtl] .mdc-slider .mdc-slider__track--active_fill{transform-origin:right}.mdc-slider .mdc-slider__track--inactive{border-radius:2px;height:4px;left:0;top:0}.mdc-slider .mdc-slider__track--inactive::before{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors:active){.mdc-slider .mdc-slider__track--inactive::before{border-color:CanvasText}}.mdc-slider .mdc-slider__track--active_fill{border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.mdc-slider.mdc-slider--disabled .mdc-slider__track--active_fill{border-color:#000;border-color:var(--mdc-theme-on-surface,#000)}.mdc-slider .mdc-slider__track--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);opacity:.24}.mdc-slider.mdc-slider--disabled .mdc-slider__track--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface,#000);opacity:.24}.mdc-slider .mdc-slider__value-indicator-container{bottom:44px;left:50%;left:var(--slider-value-indicator-container-left,50%);pointer-events:none;position:absolute;right:var(--slider-value-indicator-container-right);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:var(--slider-value-indicator-container-transform,translateX(-50%));transform:var(--slider-value-indicator-container-transform,translateX(-50%))}.mdc-slider .mdc-slider__value-indicator{-webkit-transition:-webkit-transform .1s 0s cubic-bezier(.4, 0, 1, 1);transition:-webkit-transform .1s 0s cubic-bezier(.4, 0, 1, 1);transition:transform .1s 0s cubic-bezier(.4, 0, 1, 1);transition:transform .1s 0s cubic-bezier(.4, 0, 1, 1),-webkit-transform .1s 0s cubic-bezier(.4, 0, 1, 1);-webkit-box-align:center;align-items:center;border-radius:4px;display:-webkit-box;display:flex;height:32px;padding:0 12px;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:bottom;transform-origin:bottom}.mdc-slider .mdc-slider__value-indicator::before{border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid;bottom:-5px;content:"";height:0;left:50%;left:var(--slider-value-indicator-caret-left,50%);position:absolute;right:var(--slider-value-indicator-caret-right);-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-transform:var(--slider-value-indicator-caret-transform,translateX(-50%));transform:var(--slider-value-indicator-caret-transform,translateX(-50%));width:0}.mdc-slider .mdc-slider__value-indicator::after{position:absolute;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;height:100%;top:0;left:0;border:1px solid transparent;border-radius:inherit;content:"";pointer-events:none}@media screen and (forced-colors:active){.mdc-slider .mdc-slider__value-indicator::after{border-color:CanvasText}}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator-container{pointer-events:auto}.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator{-webkit-transition:-webkit-transform .1s 0s cubic-bezier(0, 0, .2, 1);transition:-webkit-transform .1s 0s cubic-bezier(0, 0, .2, 1);transition:transform .1s 0s cubic-bezier(0, 0, .2, 1);transition:transform .1s 0s cubic-bezier(0, 0, .2, 1),-webkit-transform .1s 0s cubic-bezier(0, 0, .2, 1);-webkit-transform:scale(1);transform:scale(1)}@media (prefers-reduced-motion){.mdc-slider .mdc-slider__thumb--with-indicator .mdc-slider__value-indicator,.mdc-slider .mdc-slider__value-indicator{-webkit-transition:none;transition:none}}.mdc-slider .mdc-slider__value-indicator-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto,sans-serif;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:.875rem;font-size:var(--mdc-typography-subtitle2-font-size, .875rem);line-height:1.375rem;line-height:var(--mdc-typography-subtitle2-line-height, 1.375rem);font-weight:500;font-weight:var(--mdc-typography-subtitle2-font-weight,500);letter-spacing:.0071428571em;letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, .0071428571em);text-decoration:inherit;-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration,inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration,inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle2-text-transform,inherit)}.mdc-slider .mdc-slider__value-indicator{background-color:#000;opacity:.6}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:#000}.mdc-slider .mdc-slider__value-indicator{color:#fff;color:var(--mdc-theme-on-primary,#fff)}.mdc-slider .mdc-slider__thumb{display:-webkit-box;display:flex;height:48px;left:-24px;outline:0;position:absolute;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:48px}.mdc-slider .mdc-slider__thumb--top{z-index:1}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob{border-style:solid;border-width:1px;-webkit-box-sizing:content-box;box-sizing:content-box}.mdc-slider .mdc-slider__thumb-knob{-webkit-box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);box-shadow:0 2px 1px -1px rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 1px 3px 0 rgba(0,0,0,.12);border:10px solid;border-radius:50%;-webkit-box-sizing:border-box;box-sizing:border-box;height:20px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px}.mdc-slider .mdc-slider__thumb-knob{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);border-color:#6200ee;border-color:var(--mdc-theme-primary,#6200ee)}.mdc-slider .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob,.mdc-slider .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb-knob{background-color:#000;background-color:var(--mdc-theme-on-surface,#000);border-color:#000;border-color:var(--mdc-theme-on-surface,#000)}.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb--focused .mdc-slider__thumb-knob,.mdc-slider.mdc-slider--disabled .mdc-slider__thumb--top.mdc-slider__thumb:hover .mdc-slider__thumb-knob{border-color:#fff}.mdc-slider .mdc-slider__thumb::after,.mdc-slider .mdc-slider__thumb::before{background-color:#6200ee;background-color:var(--mdc-ripple-color,var(--mdc-theme-primary,#6200ee))}.mdc-slider .mdc-slider__thumb.mdc-ripple-surface--hover::before,.mdc-slider .mdc-slider__thumb:hover::before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded--background-focused::before,.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):focus::before{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded)::after{-webkit-transition:opacity 150ms linear;transition:opacity 150ms linear}.mdc-slider .mdc-slider__thumb:not(.mdc-ripple-upgraded):active::after{-webkit-transition-duration:75ms;transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.mdc-slider .mdc-slider__thumb.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-slider .mdc-slider__tick-marks{-webkit-box-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:flex;height:100%;-webkit-box-pack:justify;justify-content:space-between;padding:0 1px;position:absolute;width:100%}.mdc-slider .mdc-slider__tick-mark--active,.mdc-slider .mdc-slider__tick-mark--inactive{border-radius:50%;height:2px;width:2px}.mdc-slider .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary,#fff);opacity:.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--active{background-color:#fff;background-color:var(--mdc-theme-on-primary,#fff);opacity:.6}.mdc-slider .mdc-slider__tick-mark--inactive{background-color:#6200ee;background-color:var(--mdc-theme-primary,#6200ee);opacity:.6}.mdc-slider.mdc-slider--disabled .mdc-slider__tick-mark--inactive{background-color:#000;background-color:var(--mdc-theme-on-surface,#000);opacity:.6}.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{-webkit-transition:-webkit-transform 80ms ease;transition:-webkit-transform 80ms ease;transition:transform 80ms ease;transition:transform 80ms ease,-webkit-transform 80ms ease}@media (prefers-reduced-motion){.mdc-slider--discrete .mdc-slider__thumb,.mdc-slider--discrete .mdc-slider__track--active_fill{-webkit-transition:none;transition:none}}.mdc-slider--disabled{opacity:.38;cursor:auto}.mdc-slider--disabled .mdc-slider__thumb{pointer-events:none}.mdc-slider__input{cursor:pointer;left:0;margin:0;height:100%;opacity:0;pointer-events:none;position:absolute;top:0;width:100%}:host{display:block}:host([hidden]){display:none}.mdc-slider.mdc-slider--disabled{cursor:not-allowed}.mdc-slider .mdc-slider__value-indicator{background-color:var(--mdc-theme-on-surface)}.mdc-slider .mdc-slider__value-indicator::before{border-top-color:var(--mdc-theme-on-surface)}';
-var SliderComponent = class extends BaseComponent {
-  constructor() {
-    super();
-    this._type = "continuous";
-    this._value = 0;
-    this._valueStart = 0;
-    this._min = 0;
-    this._max = 100;
-    this._step = 0;
-    this._disabled = false;
-    this._mdcSliderUpdateListener = (evt) => this._onSliderUpdate(evt);
-  }
-  static get observedAttributes() {
-    return [
-      SLIDER_CONSTANTS.attributes.TYPE,
-      SLIDER_CONSTANTS.attributes.VALUE,
-      SLIDER_CONSTANTS.attributes.VALUE_START,
-      SLIDER_CONSTANTS.attributes.MAX,
-      SLIDER_CONSTANTS.attributes.MIN,
-      SLIDER_CONSTANTS.attributes.STEP,
-      SLIDER_CONSTANTS.attributes.DISABLED
-    ];
-  }
-  connectedCallback() {
-    this._initialize();
-  }
-  disconnectedCallback() {
-    if (this._mdcSlider) {
-      this._mdcSlider.destroy();
-    }
-  }
-  attributeChangedCallback(name, oldValue, newValue) {
-    switch (name) {
-      case SLIDER_CONSTANTS.attributes.TYPE:
-        this.type = newValue;
-        break;
-      case SLIDER_CONSTANTS.attributes.VALUE:
-        this.value = coerceNumber(newValue);
-        break;
-      case SLIDER_CONSTANTS.attributes.VALUE_START:
-        this.valueStart = coerceNumber(newValue);
-        break;
-      case SLIDER_CONSTANTS.attributes.MIN:
-        this.min = coerceNumber(newValue);
-        break;
-      case SLIDER_CONSTANTS.attributes.MAX:
-        this.max = coerceNumber(newValue);
-        break;
-      case SLIDER_CONSTANTS.attributes.STEP:
-        this.step = coerceNumber(newValue);
-        break;
-      case SLIDER_CONSTANTS.attributes.DISABLED:
-        this.disabled = coerceBoolean(newValue);
-        break;
-    }
-  }
-  _setTemplate(template) {
-    if (this.shadowRoot) {
-      replaceShadowTemplate(this, template, styles);
-    } else {
-      attachShadowTemplate(this, template, styles);
-    }
-  }
-  _initializeTemplate() {
-    switch (this._type) {
-      case "continuous":
-        this._setTemplate(continuousTemplate);
-        break;
-      case "continuous-range":
-        this._setTemplate(continuousRangeTemplate);
-        break;
-      case "discrete":
-        this._setTemplate(discreteTemplate);
-        break;
-      case "discrete-markers":
-        this._setTemplate(discreteMarkersTemplate);
-        break;
-      case "discrete-range":
-        this._setTemplate(discreteRangeTemplate);
-        break;
-      case "discrete-range-markers":
-        this._setTemplate(discreteRangeMarkersTemplate);
-        break;
-      default:
-        throw new Error(`Invalid slider type provided: ${this._type}. Must be one of "continuous", "continuous-range", "discrete", "discrete-markers", "discrete-range", "discrete-range-markers".`);
-    }
-  }
-  _initialize() {
-    this._initializeTemplate();
-    this._rootElement = getShadowElement(this, SLIDER_CONSTANTS.selectors.ROOT);
-    this._inputElement = getShadowElement(this, SLIDER_CONSTANTS.selectors.VALUE_INPUT);
-    this._inputElementStart = getShadowElement(this, SLIDER_CONSTANTS.selectors.VALUE_INPUT_START);
-    window.setTimeout(() => {
-      if (!this._rootElement) {
-        return;
-      }
-      if (this._mdcSlider) {
-        this._mdcSlider.destroy();
-      }
-      this._mdcSlider = new MDCSlider(this._rootElement);
-      this._syncToSlider();
-      this._mdcSlider.initialize();
-      this._rootElement.addEventListener(SLIDER_CONSTANTS.events.MDC_INPUT, this._mdcSliderUpdateListener);
-      this._rootElement.addEventListener(SLIDER_CONSTANTS.events.MDC_CHANGE, this._mdcSliderUpdateListener);
-    });
-  }
-  _onSliderUpdate(evt) {
-    evt.stopPropagation();
-    this._syncFromSlider();
-    const data = this._isRangeSlider ? { valueStart: this._valueStart, valueEnd: this._value } : { value: this._value };
-    const type = evt.type === SLIDER_CONSTANTS.events.MDC_CHANGE ? SLIDER_CONSTANTS.events.FORGE_CHANGE : SLIDER_CONSTANTS.events.FORGE_INPUT;
-    emitEvent(this, type, data);
-  }
-  _syncToSlider() {
-    this._mdcSlider.setValue(this._value);
-    if (this._isRangeSlider) {
-      this._mdcSlider.setValueStart(this._valueStart);
-    }
-    this._applyMin(this._min);
-    this._applyMax(this._max);
-    this._applyStep(this._step);
-    this._mdcSlider.setDisabled(this._disabled);
-  }
-  _syncFromSlider() {
-    this._value = this._mdcSlider.getValue();
-    if (this._isRangeSlider) {
-      this._valueStart = this._mdcSlider.getValueStart();
-    }
-    this.setAttribute(SLIDER_CONSTANTS.attributes.VALUE, this._value.toString());
-  }
-  _applyMin(min) {
-    var _a;
-    if (this._inputElement) {
-      this._inputElement.min = `${min}`;
-    }
-    if (this._inputElementStart) {
-      this._inputElementStart.min = `${min}`;
-    }
-    (_a = this._mdcSlider) == null ? void 0 : _a.layout();
-  }
-  _applyMax(max) {
-    var _a;
-    if (this._inputElement) {
-      this._inputElement.max = `${max}`;
-    }
-    if (this._inputElementStart) {
-      this._inputElementStart.max = `${max}`;
-    }
-    (_a = this._mdcSlider) == null ? void 0 : _a.layout();
-  }
-  _applyStep(step) {
-    var _a;
-    if (this._inputElement) {
-      this._inputElement.step = `${step}`;
-    }
-    if (this._inputElementStart) {
-      this._inputElementStart.step = `${step}`;
-    }
-    (_a = this._mdcSlider) == null ? void 0 : _a.layout();
-  }
-  get _isRangeSlider() {
-    return this._type.includes("range");
-  }
-  get type() {
-    return this._type;
-  }
-  set type(value) {
-    this._type = value;
-    if (this.isConnected) {
-      this._initialize();
-    }
-  }
-  get value() {
-    return this._value;
-  }
-  set value(value) {
-    if (this._value !== value) {
-      if (isNaN(value) || typeof value !== "number") {
-        value = 0;
-      }
-      this._value = value;
-      if (this._mdcSlider) {
-        this._mdcSlider.setValue(value);
-      }
-      this.setAttribute(SLIDER_CONSTANTS.attributes.VALUE, isDefined(this._value) ? this._value.toString() : "");
-    }
-  }
-  get valueStart() {
-    return this._valueStart;
-  }
-  set valueStart(value) {
-    if (this._valueStart !== value) {
-      this._valueStart = value;
-      if (this._mdcSlider) {
-        this._mdcSlider.setValueStart(value);
-      }
-      this.setAttribute(SLIDER_CONSTANTS.attributes.VALUE_START, isDefined(this._valueStart) ? this._valueStart.toString() : "");
-    }
-  }
-  get min() {
-    return this._min;
-  }
-  set min(value) {
-    if (this._min !== value) {
-      this._min = value;
-      if (this._mdcSlider) {
-        this._applyMin(this._min);
-      }
-      this.setAttribute(SLIDER_CONSTANTS.attributes.MIN, isDefined(this._min) ? this._min.toString() : "");
-    }
-  }
-  get max() {
-    return this._max;
-  }
-  set max(value) {
-    if (this._max !== value) {
-      this._max = value;
-      if (this._mdcSlider) {
-        this._applyMax(this._max);
-      }
-      this.setAttribute(SLIDER_CONSTANTS.attributes.MAX, isDefined(this._max) ? this._max.toString() : "");
-    }
-  }
-  get step() {
-    return this._step;
-  }
-  set step(value) {
-    if (this._step !== value) {
-      this._step = value;
-      if (this._mdcSlider) {
-        this._applyStep(this._step);
-      }
-      this.setAttribute(SLIDER_CONSTANTS.attributes.STEP, isDefined(this._step) ? this._step.toString() : "");
-    }
-  }
-  get disabled() {
-    return this._disabled;
-  }
-  set disabled(value) {
-    if (this._disabled !== value) {
-      this._disabled = value;
-      if (this._mdcSlider) {
-        this._mdcSlider.setDisabled(value);
-      }
-      this.setAttribute(SLIDER_CONSTANTS.attributes.DISABLED, isDefined(this._disabled) ? this._disabled.toString() : "");
-    }
-  }
-};
-SliderComponent = __decorateClass([
-  CustomElement({
-    name: SLIDER_CONSTANTS.elementName
-  })
-], SliderComponent);
-
-// dist/build/lib/staging/src/slider/slider-component-delegate.ts
-var SliderComponentDelegate = class extends FormFieldComponentDelegate {
-  constructor(config) {
-    super(config);
-  }
-  get value() {
-    return this._element.value;
-  }
-  set value(value) {
-    this._element.value = value;
-  }
-  get valueStart() {
-    return this._element.valueStart;
-  }
-  set valueStart(value) {
-    this._element.valueStart = value;
-  }
-  get disabled() {
-    return this._element.disabled;
-  }
-  set disabled(value) {
-    this._element.disabled = value;
-  }
-  onChange(listener) {
-    this._element.addEventListener("forge-slider-change", ({ detail }) => listener(detail));
-  }
-  onFocus(listener) {
-    this._element.addEventListener("focus", (evt) => listener(evt));
-  }
-  onBlur(listener) {
-    this._element.addEventListener("blur", (evt) => listener(evt));
-  }
-  _build() {
-    return document.createElement(SLIDER_CONSTANTS.elementName);
-  }
-};
-
-// dist/build/lib/staging/src/slider/index.ts
-function defineSliderComponent() {
-  defineCustomElement(SliderComponent);
-}
-
-export {
-  SLIDER_CONSTANTS,
-  SliderComponent,
-  SliderComponentDelegate,
-  defineSliderComponent
-};
-/**
- * @license
- * Copyright 2020 Google Inc.
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy
- * of this software and associated documentation files (the "Software"), to deal
- * in the Software without restriction, including without limitation the rights
- * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
- * copies of the Software, and to permit persons to whom the Software is
- * furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in
- * all copies or substantial portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
- * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
- * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
- * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
- * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
- * THE SOFTWARE.
- */
-//# sourceMappingURL=chunk.V2ELLBDP.js.map