@tylertech/forge 2.0.0 → 2.1.0

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

@@ -0,0 +1,1591 @@
+/**
+ * @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.JVQP6BJ3.js.map