@hortiview/shared-components 0.0.4723 → 0.0.4724

package/dist/components/SearchBar/SearchBar.js

@@ -1,2053 +1,31 @@
-import { jsx as De } from "react/jsx-runtime";
-import { s as mt } from "../../searchBar.module-9gKyrZRT.js";
-import { P as r, _ as re, c as V, d as O, w as bt, m as ve, e as Ge } from "../../index.es-Cct4Uapb.js";
-import c, { forwardRef as Ie, useRef as I, useImperativeHandle as We, useEffect as _, useState as B, useMemo as vt, useCallback as Se } from "react";
-import { M as It, a as xt, N as Tt, F as He, T as yt } from "../../index.es-Ba9oZK_n.js";
-import { _ as C, a as f } from "../../tslib.es6-CIXEwqhg.js";
-import { a as z, b as Y, d as ie, M as we, m as Ct, f as Et } from "../../component-Rx4bNsGO.js";
-import { c as Lt, I as ze } from "../../index.es-InSNsV4f.js";
-import { I as Ot } from "../../index.es-Cj9DW-2T.js";
-/**
- * @license
- * Copyright 2018 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.
- */
-var P = {
-  LINE_RIPPLE_ACTIVE: "mdc-line-ripple--active",
-  LINE_RIPPLE_DEACTIVATING: "mdc-line-ripple--deactivating"
-};
-/**
- * @license
- * Copyright 2018 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.
- */
-var At = (
-  /** @class */
-  function(a) {
-    C(t, a);
-    function t(e) {
-      var n = a.call(this, f(f({}, t.defaultAdapter), e)) || this;
-      return n.transitionEndHandler_ = function(i) {
-        return n.handleTransitionEnd(i);
-      }, n;
-    }
-    return Object.defineProperty(t, "cssClasses", {
-      get: function() {
-        return P;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t, "defaultAdapter", {
-      /**
-       * See {@link MDCLineRippleAdapter} for typing information on parameters and return types.
-       */
-      get: function() {
-        return {
-          addClass: function() {
-          },
-          removeClass: function() {
-          },
-          hasClass: function() {
-            return !1;
-          },
-          setStyle: function() {
-          },
-          registerEventHandler: function() {
-          },
-          deregisterEventHandler: function() {
-          }
-        };
-      },
-      enumerable: !1,
-      configurable: !0
-    }), t.prototype.init = function() {
-      this.adapter.registerEventHandler("transitionend", this.transitionEndHandler_);
-    }, t.prototype.destroy = function() {
-      this.adapter.deregisterEventHandler("transitionend", this.transitionEndHandler_);
-    }, t.prototype.activate = function() {
-      this.adapter.removeClass(P.LINE_RIPPLE_DEACTIVATING), this.adapter.addClass(P.LINE_RIPPLE_ACTIVE);
-    }, t.prototype.setRippleCenter = function(e) {
-      this.adapter.setStyle("transform-origin", e + "px center");
-    }, t.prototype.deactivate = function() {
-      this.adapter.addClass(P.LINE_RIPPLE_DEACTIVATING);
-    }, t.prototype.handleTransitionEnd = function(e) {
-      var n = this.adapter.hasClass(P.LINE_RIPPLE_DEACTIVATING);
-      e.propertyName === "opacity" && n && (this.adapter.removeClass(P.LINE_RIPPLE_ACTIVE), this.adapter.removeClass(P.LINE_RIPPLE_DEACTIVATING));
-    }, t;
-  }(z)
-);
-/**
- * @license
- * Copyright 2018 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.
- */
-var Ye = (
-  /** @class */
-  function(a) {
-    C(t, a);
-    function t() {
-      return a !== null && a.apply(this, arguments) || this;
-    }
-    return t.attachTo = function(e) {
-      return new t(e);
-    }, t.prototype.activate = function() {
-      this.foundation.activate();
-    }, t.prototype.deactivate = function() {
-      this.foundation.deactivate();
-    }, t.prototype.setRippleCenter = function(e) {
-      this.foundation.setRippleCenter(e);
-    }, t.prototype.getDefaultFoundation = function() {
-      var e = this, n = {
-        addClass: function(i) {
-          return e.root.classList.add(i);
-        },
-        removeClass: function(i) {
-          return e.root.classList.remove(i);
-        },
-        hasClass: function(i) {
-          return e.root.classList.contains(i);
-        },
-        setStyle: function(i, o) {
-          return e.root.style.setProperty(i, o);
-        },
-        registerEventHandler: function(i, o) {
-          return e.listen(i, o);
-        },
-        deregisterEventHandler: function(i, o) {
-          return e.unlisten(i, o);
-        }
-      };
-      return new At(n);
-    }, t;
-  }(Y)
-);
-/**
- * @license
- * Copyright 2019 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.
- */
-var Ke = {
-  ROOT: "mdc-text-field-character-counter"
-}, Rt = {
-  ROOT_SELECTOR: "." + Ke.ROOT
-};
-/**
- * @license
- * Copyright 2019 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.
- */
-var Je = (
-  /** @class */
-  function(a) {
-    C(t, a);
-    function t(e) {
-      return a.call(this, f(f({}, t.defaultAdapter), e)) || this;
-    }
-    return Object.defineProperty(t, "cssClasses", {
-      get: function() {
-        return Ke;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t, "strings", {
-      get: function() {
-        return Rt;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t, "defaultAdapter", {
-      /**
-       * See {@link MDCTextFieldCharacterCounterAdapter} for typing information on parameters and return types.
-       */
-      get: function() {
-        return {
-          setContent: function() {
-          }
-        };
-      },
-      enumerable: !1,
-      configurable: !0
-    }), t.prototype.setCounterValue = function(e, n) {
-      e = Math.min(e, n), this.adapter.setContent(e + " / " + n);
-    }, t;
-  }(z)
-);
-/**
- * @license
- * Copyright 2019 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.
- */
-var Nt = (
-  /** @class */
-  function(a) {
-    C(t, a);
-    function t() {
-      return a !== null && a.apply(this, arguments) || this;
-    }
-    return t.attachTo = function(e) {
-      return new t(e);
-    }, Object.defineProperty(t.prototype, "foundationForTextField", {
-      // Provided for access by MDCTextField component
-      get: function() {
-        return this.foundation;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), t.prototype.getDefaultFoundation = function() {
-      var e = this, n = {
-        setContent: function(i) {
-          e.root.textContent = i;
-        }
-      };
-      return new Je(n);
-    }, t;
-  }(Y)
-);
-/**
- * @license
- * Copyright 2016 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.
- */
-var x = {
-  ARIA_CONTROLS: "aria-controls",
-  ARIA_DESCRIBEDBY: "aria-describedby",
-  INPUT_SELECTOR: ".mdc-text-field__input",
-  LABEL_SELECTOR: ".mdc-floating-label",
-  LEADING_ICON_SELECTOR: ".mdc-text-field__icon--leading",
-  LINE_RIPPLE_SELECTOR: ".mdc-line-ripple",
-  OUTLINE_SELECTOR: ".mdc-notched-outline",
-  PREFIX_SELECTOR: ".mdc-text-field__affix--prefix",
-  SUFFIX_SELECTOR: ".mdc-text-field__affix--suffix",
-  TRAILING_ICON_SELECTOR: ".mdc-text-field__icon--trailing"
-}, ae = {
-  DISABLED: "mdc-text-field--disabled",
-  FOCUSED: "mdc-text-field--focused",
-  HELPER_LINE: "mdc-text-field-helper-line",
-  INVALID: "mdc-text-field--invalid",
-  LABEL_FLOATING: "mdc-text-field--label-floating",
-  NO_LABEL: "mdc-text-field--no-label",
-  OUTLINED: "mdc-text-field--outlined",
-  ROOT: "mdc-text-field",
-  TEXTAREA: "mdc-text-field--textarea",
-  WITH_LEADING_ICON: "mdc-text-field--with-leading-icon",
-  WITH_TRAILING_ICON: "mdc-text-field--with-trailing-icon"
-}, Me = {
-  LABEL_SCALE: 0.75
-}, Ft = [
-  "pattern",
-  "min",
-  "max",
-  "required",
-  "step",
-  "minlength",
-  "maxlength"
-], Pt = [
-  "color",
-  "date",
-  "datetime-local",
-  "month",
-  "range",
-  "time",
-  "week"
-];
-/**
- * @license
- * Copyright 2016 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.
- */
-var je = ["mousedown", "touchstart"], Be = ["click", "keydown"], Vt = (
-  /** @class */
-  function(a) {
-    C(t, a);
-    function t(e, n) {
-      n === void 0 && (n = {});
-      var i = a.call(this, f(f({}, t.defaultAdapter), e)) || this;
-      return i.isFocused_ = !1, i.receivedUserInput_ = !1, i.isValid_ = !0, i.useNativeValidation_ = !0, i.validateOnValueChange_ = !0, i.helperText_ = n.helperText, i.characterCounter_ = n.characterCounter, i.leadingIcon_ = n.leadingIcon, i.trailingIcon_ = n.trailingIcon, i.inputFocusHandler_ = function() {
-        return i.activateFocus();
-      }, i.inputBlurHandler_ = function() {
-        return i.deactivateFocus();
-      }, i.inputInputHandler_ = function() {
-        return i.handleInput();
-      }, i.setPointerXOffset_ = function(o) {
-        return i.setTransformOrigin(o);
-      }, i.textFieldInteractionHandler_ = function() {
-        return i.handleTextFieldInteraction();
-      }, i.validationAttributeChangeHandler_ = function(o) {
-        return i.handleValidationAttributeChange(o);
-      }, i;
-    }
-    return Object.defineProperty(t, "cssClasses", {
-      get: function() {
-        return ae;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t, "strings", {
-      get: function() {
-        return x;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t, "numbers", {
-      get: function() {
-        return Me;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "shouldAlwaysFloat_", {
-      get: function() {
-        var e = this.getNativeInput_().type;
-        return Pt.indexOf(e) >= 0;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "shouldFloat", {
-      get: function() {
-        return this.shouldAlwaysFloat_ || this.isFocused_ || !!this.getValue() || this.isBadInput_();
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "shouldShake", {
-      get: function() {
-        return !this.isFocused_ && !this.isValid() && !!this.getValue();
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t, "defaultAdapter", {
-      /**
-       * See {@link MDCTextFieldAdapter} for typing information on parameters and
-       * return types.
-       */
-      get: function() {
-        return {
-          addClass: function() {
-          },
-          removeClass: function() {
-          },
-          hasClass: function() {
-            return !0;
-          },
-          setInputAttr: function() {
-          },
-          removeInputAttr: function() {
-          },
-          registerTextFieldInteractionHandler: function() {
-          },
-          deregisterTextFieldInteractionHandler: function() {
-          },
-          registerInputInteractionHandler: function() {
-          },
-          deregisterInputInteractionHandler: function() {
-          },
-          registerValidationAttributeChangeHandler: function() {
-            return new MutationObserver(function() {
-            });
-          },
-          deregisterValidationAttributeChangeHandler: function() {
-          },
-          getNativeInput: function() {
-            return null;
-          },
-          isFocused: function() {
-            return !1;
-          },
-          activateLineRipple: function() {
-          },
-          deactivateLineRipple: function() {
-          },
-          setLineRippleTransformOrigin: function() {
-          },
-          shakeLabel: function() {
-          },
-          floatLabel: function() {
-          },
-          setLabelRequired: function() {
-          },
-          hasLabel: function() {
-            return !1;
-          },
-          getLabelWidth: function() {
-            return 0;
-          },
-          hasOutline: function() {
-            return !1;
-          },
-          notchOutline: function() {
-          },
-          closeOutline: function() {
-          }
-        };
-      },
-      enumerable: !1,
-      configurable: !0
-    }), t.prototype.init = function() {
-      var e = this;
-      this.adapter.hasLabel() && this.getNativeInput_().required && this.adapter.setLabelRequired(!0), this.adapter.isFocused() ? this.inputFocusHandler_() : this.adapter.hasLabel() && this.shouldFloat && (this.notchOutline(!0), this.adapter.floatLabel(!0), this.styleFloating_(!0)), this.adapter.registerInputInteractionHandler("focus", this.inputFocusHandler_), this.adapter.registerInputInteractionHandler("blur", this.inputBlurHandler_), this.adapter.registerInputInteractionHandler("input", this.inputInputHandler_), je.forEach(function(n) {
-        e.adapter.registerInputInteractionHandler(n, e.setPointerXOffset_);
-      }), Be.forEach(function(n) {
-        e.adapter.registerTextFieldInteractionHandler(n, e.textFieldInteractionHandler_);
-      }), this.validationObserver_ = this.adapter.registerValidationAttributeChangeHandler(this.validationAttributeChangeHandler_), this.setCharacterCounter_(this.getValue().length);
-    }, t.prototype.destroy = function() {
-      var e = this;
-      this.adapter.deregisterInputInteractionHandler("focus", this.inputFocusHandler_), this.adapter.deregisterInputInteractionHandler("blur", this.inputBlurHandler_), this.adapter.deregisterInputInteractionHandler("input", this.inputInputHandler_), je.forEach(function(n) {
-        e.adapter.deregisterInputInteractionHandler(n, e.setPointerXOffset_);
-      }), Be.forEach(function(n) {
-        e.adapter.deregisterTextFieldInteractionHandler(n, e.textFieldInteractionHandler_);
-      }), this.adapter.deregisterValidationAttributeChangeHandler(this.validationObserver_);
-    }, t.prototype.handleTextFieldInteraction = function() {
-      var e = this.adapter.getNativeInput();
-      e && e.disabled || (this.receivedUserInput_ = !0);
-    }, t.prototype.handleValidationAttributeChange = function(e) {
-      var n = this;
-      e.some(function(i) {
-        return Ft.indexOf(i) > -1 ? (n.styleValidity_(!0), n.adapter.setLabelRequired(n.getNativeInput_().required), !0) : !1;
-      }), e.indexOf("maxlength") > -1 && this.setCharacterCounter_(this.getValue().length);
-    }, t.prototype.notchOutline = function(e) {
-      if (!(!this.adapter.hasOutline() || !this.adapter.hasLabel()))
-        if (e) {
-          var n = this.adapter.getLabelWidth() * Me.LABEL_SCALE;
-          this.adapter.notchOutline(n);
-        } else
-          this.adapter.closeOutline();
-    }, t.prototype.activateFocus = function() {
-      this.isFocused_ = !0, this.styleFocused_(this.isFocused_), this.adapter.activateLineRipple(), this.adapter.hasLabel() && (this.notchOutline(this.shouldFloat), this.adapter.floatLabel(this.shouldFloat), this.styleFloating_(this.shouldFloat), this.adapter.shakeLabel(this.shouldShake)), this.helperText_ && (this.helperText_.isPersistent() || !this.helperText_.isValidation() || !this.isValid_) && this.helperText_.showToScreenReader();
-    }, t.prototype.setTransformOrigin = function(e) {
-      if (!(this.isDisabled() || this.adapter.hasOutline())) {
-        var n = e.touches, i = n ? n[0] : e, o = i.target.getBoundingClientRect(), l = i.clientX - o.left;
-        this.adapter.setLineRippleTransformOrigin(l);
-      }
-    }, t.prototype.handleInput = function() {
-      this.autoCompleteFocus(), this.setCharacterCounter_(this.getValue().length);
-    }, t.prototype.autoCompleteFocus = function() {
-      this.receivedUserInput_ || this.activateFocus();
-    }, t.prototype.deactivateFocus = function() {
-      this.isFocused_ = !1, this.adapter.deactivateLineRipple();
-      var e = this.isValid();
-      this.styleValidity_(e), this.styleFocused_(this.isFocused_), this.adapter.hasLabel() && (this.notchOutline(this.shouldFloat), this.adapter.floatLabel(this.shouldFloat), this.styleFloating_(this.shouldFloat), this.adapter.shakeLabel(this.shouldShake)), this.shouldFloat || (this.receivedUserInput_ = !1);
-    }, t.prototype.getValue = function() {
-      return this.getNativeInput_().value;
-    }, t.prototype.setValue = function(e) {
-      if (this.getValue() !== e && (this.getNativeInput_().value = e), this.setCharacterCounter_(e.length), this.validateOnValueChange_) {
-        var n = this.isValid();
-        this.styleValidity_(n);
-      }
-      this.adapter.hasLabel() && (this.notchOutline(this.shouldFloat), this.adapter.floatLabel(this.shouldFloat), this.styleFloating_(this.shouldFloat), this.validateOnValueChange_ && this.adapter.shakeLabel(this.shouldShake));
-    }, t.prototype.isValid = function() {
-      return this.useNativeValidation_ ? this.isNativeInputValid_() : this.isValid_;
-    }, t.prototype.setValid = function(e) {
-      this.isValid_ = e, this.styleValidity_(e);
-      var n = !e && !this.isFocused_ && !!this.getValue();
-      this.adapter.hasLabel() && this.adapter.shakeLabel(n);
-    }, t.prototype.setValidateOnValueChange = function(e) {
-      this.validateOnValueChange_ = e;
-    }, t.prototype.getValidateOnValueChange = function() {
-      return this.validateOnValueChange_;
-    }, t.prototype.setUseNativeValidation = function(e) {
-      this.useNativeValidation_ = e;
-    }, t.prototype.isDisabled = function() {
-      return this.getNativeInput_().disabled;
-    }, t.prototype.setDisabled = function(e) {
-      this.getNativeInput_().disabled = e, this.styleDisabled_(e);
-    }, t.prototype.setHelperTextContent = function(e) {
-      this.helperText_ && this.helperText_.setContent(e);
-    }, t.prototype.setLeadingIconAriaLabel = function(e) {
-      this.leadingIcon_ && this.leadingIcon_.setAriaLabel(e);
-    }, t.prototype.setLeadingIconContent = function(e) {
-      this.leadingIcon_ && this.leadingIcon_.setContent(e);
-    }, t.prototype.setTrailingIconAriaLabel = function(e) {
-      this.trailingIcon_ && this.trailingIcon_.setAriaLabel(e);
-    }, t.prototype.setTrailingIconContent = function(e) {
-      this.trailingIcon_ && this.trailingIcon_.setContent(e);
-    }, t.prototype.setCharacterCounter_ = function(e) {
-      if (this.characterCounter_) {
-        var n = this.getNativeInput_().maxLength;
-        if (n === -1)
-          throw new Error("MDCTextFieldFoundation: Expected maxlength html property on text input or textarea.");
-        this.characterCounter_.setCounterValue(e, n);
-      }
-    }, t.prototype.isBadInput_ = function() {
-      return this.getNativeInput_().validity.badInput || !1;
-    }, t.prototype.isNativeInputValid_ = function() {
-      return this.getNativeInput_().validity.valid;
-    }, t.prototype.styleValidity_ = function(e) {
-      var n = t.cssClasses.INVALID;
-      if (e ? this.adapter.removeClass(n) : this.adapter.addClass(n), this.helperText_) {
-        this.helperText_.setValidity(e);
-        var i = this.helperText_.isValidation();
-        if (!i)
-          return;
-        var o = this.helperText_.isVisible(), l = this.helperText_.getId();
-        o && l ? this.adapter.setInputAttr(x.ARIA_DESCRIBEDBY, l) : this.adapter.removeInputAttr(x.ARIA_DESCRIBEDBY);
-      }
-    }, t.prototype.styleFocused_ = function(e) {
-      var n = t.cssClasses.FOCUSED;
-      e ? this.adapter.addClass(n) : this.adapter.removeClass(n);
-    }, t.prototype.styleDisabled_ = function(e) {
-      var n = t.cssClasses, i = n.DISABLED, o = n.INVALID;
-      e ? (this.adapter.addClass(i), this.adapter.removeClass(o)) : this.adapter.removeClass(i), this.leadingIcon_ && this.leadingIcon_.setDisabled(e), this.trailingIcon_ && this.trailingIcon_.setDisabled(e);
-    }, t.prototype.styleFloating_ = function(e) {
-      var n = t.cssClasses.LABEL_FLOATING;
-      e ? this.adapter.addClass(n) : this.adapter.removeClass(n);
-    }, t.prototype.getNativeInput_ = function() {
-      var e = this.adapter ? this.adapter.getNativeInput() : null;
-      return e || {
-        disabled: !1,
-        maxLength: -1,
-        required: !1,
-        type: "input",
-        validity: {
-          badInput: !1,
-          valid: !0
-        },
-        value: ""
-      };
-    }, t;
-  }(z)
-);
-/**
- * @license
- * Copyright 2016 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.
- */
-var y = {
-  HELPER_TEXT_PERSISTENT: "mdc-text-field-helper-text--persistent",
-  HELPER_TEXT_VALIDATION_MSG: "mdc-text-field-helper-text--validation-msg",
-  ROOT: "mdc-text-field-helper-text"
-}, k = {
-  ARIA_HIDDEN: "aria-hidden",
-  ROLE: "role",
-  ROOT_SELECTOR: "." + y.ROOT
-};
-/**
- * @license
- * Copyright 2017 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.
- */
-var Qe = (
-  /** @class */
-  function(a) {
-    C(t, a);
-    function t(e) {
-      return a.call(this, f(f({}, t.defaultAdapter), e)) || this;
-    }
-    return Object.defineProperty(t, "cssClasses", {
-      get: function() {
-        return y;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t, "strings", {
-      get: function() {
-        return k;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t, "defaultAdapter", {
-      /**
-       * See {@link MDCTextFieldHelperTextAdapter} for typing information on parameters and return types.
-       */
-      get: function() {
-        return {
-          addClass: function() {
-          },
-          removeClass: function() {
-          },
-          hasClass: function() {
-            return !1;
-          },
-          getAttr: function() {
-            return null;
-          },
-          setAttr: function() {
-          },
-          removeAttr: function() {
-          },
-          setContent: function() {
-          }
-        };
-      },
-      enumerable: !1,
-      configurable: !0
-    }), t.prototype.getId = function() {
-      return this.adapter.getAttr("id");
-    }, t.prototype.isVisible = function() {
-      return this.adapter.getAttr(k.ARIA_HIDDEN) !== "true";
-    }, t.prototype.setContent = function(e) {
-      this.adapter.setContent(e);
-    }, t.prototype.isPersistent = function() {
-      return this.adapter.hasClass(y.HELPER_TEXT_PERSISTENT);
-    }, t.prototype.setPersistent = function(e) {
-      e ? this.adapter.addClass(y.HELPER_TEXT_PERSISTENT) : this.adapter.removeClass(y.HELPER_TEXT_PERSISTENT);
-    }, t.prototype.isValidation = function() {
-      return this.adapter.hasClass(y.HELPER_TEXT_VALIDATION_MSG);
-    }, t.prototype.setValidation = function(e) {
-      e ? this.adapter.addClass(y.HELPER_TEXT_VALIDATION_MSG) : this.adapter.removeClass(y.HELPER_TEXT_VALIDATION_MSG);
-    }, t.prototype.showToScreenReader = function() {
-      this.adapter.removeAttr(k.ARIA_HIDDEN);
-    }, t.prototype.setValidity = function(e) {
-      var n = this.adapter.hasClass(y.HELPER_TEXT_PERSISTENT), i = this.adapter.hasClass(y.HELPER_TEXT_VALIDATION_MSG), o = i && !e;
-      o ? (this.showToScreenReader(), this.adapter.setAttr(k.ROLE, "alert")) : this.adapter.removeAttr(k.ROLE), !n && !o && this.hide_();
-    }, t.prototype.hide_ = function() {
-      this.adapter.setAttr(k.ARIA_HIDDEN, "true");
-    }, t;
-  }(z)
-);
-/**
- * @license
- * Copyright 2017 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.
- */
-var Ze = (
-  /** @class */
-  function(a) {
-    C(t, a);
-    function t() {
-      return a !== null && a.apply(this, arguments) || this;
-    }
-    return t.attachTo = function(e) {
-      return new t(e);
-    }, Object.defineProperty(t.prototype, "foundationForTextField", {
-      // Provided for access by MDCTextField component
-      get: function() {
-        return this.foundation;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), t.prototype.getDefaultFoundation = function() {
-      var e = this, n = {
-        addClass: function(i) {
-          return e.root.classList.add(i);
-        },
-        removeClass: function(i) {
-          return e.root.classList.remove(i);
-        },
-        hasClass: function(i) {
-          return e.root.classList.contains(i);
-        },
-        getAttr: function(i) {
-          return e.root.getAttribute(i);
-        },
-        setAttr: function(i, o) {
-          return e.root.setAttribute(i, o);
-        },
-        removeAttr: function(i) {
-          return e.root.removeAttribute(i);
-        },
-        setContent: function(i) {
-          e.root.textContent = i;
-        }
-      };
-      return new Qe(n);
-    }, t;
-  }(Y)
-);
-/**
- * @license
- * Copyright 2016 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.
- */
-var ke = {
-  ICON_EVENT: "MDCTextField:icon",
-  ICON_ROLE: "button"
-}, Dt = {
-  ROOT: "mdc-text-field__icon"
-};
-/**
- * @license
- * Copyright 2017 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.
- */
-var Ue = ["click", "keydown"], qe = (
-  /** @class */
-  function(a) {
-    C(t, a);
-    function t(e) {
-      var n = a.call(this, f(f({}, t.defaultAdapter), e)) || this;
-      return n.savedTabIndex_ = null, n.interactionHandler_ = function(i) {
-        return n.handleInteraction(i);
-      }, n;
-    }
-    return Object.defineProperty(t, "strings", {
-      get: function() {
-        return ke;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t, "cssClasses", {
-      get: function() {
-        return Dt;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t, "defaultAdapter", {
-      /**
-       * See {@link MDCTextFieldIconAdapter} for typing information on parameters and return types.
-       */
-      get: function() {
-        return {
-          getAttr: function() {
-            return null;
-          },
-          setAttr: function() {
-          },
-          removeAttr: function() {
-          },
-          setContent: function() {
-          },
-          registerInteractionHandler: function() {
-          },
-          deregisterInteractionHandler: function() {
-          },
-          notifyIconAction: function() {
-          }
-        };
-      },
-      enumerable: !1,
-      configurable: !0
-    }), t.prototype.init = function() {
-      var e = this;
-      this.savedTabIndex_ = this.adapter.getAttr("tabindex"), Ue.forEach(function(n) {
-        e.adapter.registerInteractionHandler(n, e.interactionHandler_);
-      });
-    }, t.prototype.destroy = function() {
-      var e = this;
-      Ue.forEach(function(n) {
-        e.adapter.deregisterInteractionHandler(n, e.interactionHandler_);
-      });
-    }, t.prototype.setDisabled = function(e) {
-      this.savedTabIndex_ && (e ? (this.adapter.setAttr("tabindex", "-1"), this.adapter.removeAttr("role")) : (this.adapter.setAttr("tabindex", this.savedTabIndex_), this.adapter.setAttr("role", ke.ICON_ROLE)));
-    }, t.prototype.setAriaLabel = function(e) {
-      this.adapter.setAttr("aria-label", e);
-    }, t.prototype.setContent = function(e) {
-      this.adapter.setContent(e);
-    }, t.prototype.handleInteraction = function(e) {
-      var n = e.key === "Enter" || e.keyCode === 13;
-      (e.type === "click" || n) && (e.preventDefault(), this.adapter.notifyIconAction());
-    }, t;
-  }(z)
-);
-/**
- * @license
- * Copyright 2017 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.
- */
-var St = (
-  /** @class */
-  function(a) {
-    C(t, a);
-    function t() {
-      return a !== null && a.apply(this, arguments) || this;
-    }
-    return t.attachTo = function(e) {
-      return new t(e);
-    }, Object.defineProperty(t.prototype, "foundationForTextField", {
-      // Provided for access by MDCTextField component
-      get: function() {
-        return this.foundation;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), t.prototype.getDefaultFoundation = function() {
-      var e = this, n = {
-        getAttr: function(i) {
-          return e.root.getAttribute(i);
-        },
-        setAttr: function(i, o) {
-          return e.root.setAttribute(i, o);
-        },
-        removeAttr: function(i) {
-          return e.root.removeAttribute(i);
-        },
-        setContent: function(i) {
-          e.root.textContent = i;
-        },
-        registerInteractionHandler: function(i, o) {
-          return e.listen(i, o);
-        },
-        deregisterInteractionHandler: function(i, o) {
-          return e.unlisten(i, o);
-        },
-        notifyIconAction: function() {
-          return e.emit(
-            qe.strings.ICON_EVENT,
-            {},
-            !0
-            /* shouldBubble */
-          );
-        }
-      };
-      return new qe(n);
-    }, t;
-  }(Y)
-);
-/**
- * @license
- * Copyright 2016 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.
- */
-var Ht = (
-  /** @class */
-  function(a) {
-    C(t, a);
-    function t() {
-      return a !== null && a.apply(this, arguments) || this;
-    }
-    return t.attachTo = function(e) {
-      return new t(e);
-    }, t.prototype.initialize = function(e, n, i, o, l, s, p) {
-      e === void 0 && (e = function(u, de) {
-        return new we(u, de);
-      }), n === void 0 && (n = function(u) {
-        return new Ye(u);
-      }), i === void 0 && (i = function(u) {
-        return new Ze(u);
-      }), o === void 0 && (o = function(u) {
-        return new Nt(u);
-      }), l === void 0 && (l = function(u) {
-        return new St(u);
-      }), s === void 0 && (s = function(u) {
-        return new It(u);
-      }), p === void 0 && (p = function(u) {
-        return new xt(u);
-      }), this.input_ = this.root.querySelector(x.INPUT_SELECTOR);
-      var D = this.root.querySelector(x.LABEL_SELECTOR);
-      this.label_ = D ? s(D) : null;
-      var R = this.root.querySelector(x.LINE_RIPPLE_SELECTOR);
-      this.lineRipple_ = R ? n(R) : null;
-      var U = this.root.querySelector(x.OUTLINE_SELECTOR);
-      this.outline_ = U ? p(U) : null;
-      var ue = Qe.strings, A = this.root.nextElementSibling, K = A && A.classList.contains(ae.HELPER_LINE), h = K && A && A.querySelector(ue.ROOT_SELECTOR);
-      this.helperText_ = h ? i(h) : null;
-      var J = Je.strings, E = this.root.querySelector(J.ROOT_SELECTOR);
-      !E && K && A && (E = A.querySelector(J.ROOT_SELECTOR)), this.characterCounter_ = E ? o(E) : null;
-      var S = this.root.querySelector(x.LEADING_ICON_SELECTOR);
-      this.leadingIcon_ = S ? l(S) : null;
-      var Q = this.root.querySelector(x.TRAILING_ICON_SELECTOR);
-      this.trailingIcon_ = Q ? l(Q) : null, this.prefix_ = this.root.querySelector(x.PREFIX_SELECTOR), this.suffix_ = this.root.querySelector(x.SUFFIX_SELECTOR), this.ripple = this.createRipple_(e);
-    }, t.prototype.destroy = function() {
-      this.ripple && this.ripple.destroy(), this.lineRipple_ && this.lineRipple_.destroy(), this.helperText_ && this.helperText_.destroy(), this.characterCounter_ && this.characterCounter_.destroy(), this.leadingIcon_ && this.leadingIcon_.destroy(), this.trailingIcon_ && this.trailingIcon_.destroy(), this.label_ && this.label_.destroy(), this.outline_ && this.outline_.destroy(), a.prototype.destroy.call(this);
-    }, t.prototype.initialSyncWithDOM = function() {
-      this.disabled = this.input_.disabled;
-    }, Object.defineProperty(t.prototype, "value", {
-      get: function() {
-        return this.foundation.getValue();
-      },
-      /**
-       * @param value The value to set on the input.
-       */
-      set: function(e) {
-        this.foundation.setValue(e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "disabled", {
-      get: function() {
-        return this.foundation.isDisabled();
-      },
-      /**
-       * @param disabled Sets the Text Field disabled or enabled.
-       */
-      set: function(e) {
-        this.foundation.setDisabled(e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "valid", {
-      get: function() {
-        return this.foundation.isValid();
-      },
-      /**
-       * @param valid Sets the Text Field valid or invalid.
-       */
-      set: function(e) {
-        this.foundation.setValid(e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "required", {
-      get: function() {
-        return this.input_.required;
-      },
-      /**
-       * @param required Sets the Text Field to required.
-       */
-      set: function(e) {
-        this.input_.required = e;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "pattern", {
-      get: function() {
-        return this.input_.pattern;
-      },
-      /**
-       * @param pattern Sets the input element's validation pattern.
-       */
-      set: function(e) {
-        this.input_.pattern = e;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "minLength", {
-      get: function() {
-        return this.input_.minLength;
-      },
-      /**
-       * @param minLength Sets the input element's minLength.
-       */
-      set: function(e) {
-        this.input_.minLength = e;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "maxLength", {
-      get: function() {
-        return this.input_.maxLength;
-      },
-      /**
-       * @param maxLength Sets the input element's maxLength.
-       */
-      set: function(e) {
-        e < 0 ? this.input_.removeAttribute("maxLength") : this.input_.maxLength = e;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "min", {
-      get: function() {
-        return this.input_.min;
-      },
-      /**
-       * @param min Sets the input element's min.
-       */
-      set: function(e) {
-        this.input_.min = e;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "max", {
-      get: function() {
-        return this.input_.max;
-      },
-      /**
-       * @param max Sets the input element's max.
-       */
-      set: function(e) {
-        this.input_.max = e;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "step", {
-      get: function() {
-        return this.input_.step;
-      },
-      /**
-       * @param step Sets the input element's step.
-       */
-      set: function(e) {
-        this.input_.step = e;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "helperTextContent", {
-      /**
-       * Sets the helper text element content.
-       */
-      set: function(e) {
-        this.foundation.setHelperTextContent(e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "leadingIconAriaLabel", {
-      /**
-       * Sets the aria label of the leading icon.
-       */
-      set: function(e) {
-        this.foundation.setLeadingIconAriaLabel(e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "leadingIconContent", {
-      /**
-       * Sets the text content of the leading icon.
-       */
-      set: function(e) {
-        this.foundation.setLeadingIconContent(e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "trailingIconAriaLabel", {
-      /**
-       * Sets the aria label of the trailing icon.
-       */
-      set: function(e) {
-        this.foundation.setTrailingIconAriaLabel(e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "trailingIconContent", {
-      /**
-       * Sets the text content of the trailing icon.
-       */
-      set: function(e) {
-        this.foundation.setTrailingIconContent(e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "useNativeValidation", {
-      /**
-       * Enables or disables the use of native validation. Use this for custom validation.
-       * @param useNativeValidation Set this to false to ignore native input validation.
-       */
-      set: function(e) {
-        this.foundation.setUseNativeValidation(e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "prefixText", {
-      /**
-       * Gets the text content of the prefix, or null if it does not exist.
-       */
-      get: function() {
-        return this.prefix_ ? this.prefix_.textContent : null;
-      },
-      /**
-       * Sets the text content of the prefix, if it exists.
-       */
-      set: function(e) {
-        this.prefix_ && (this.prefix_.textContent = e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(t.prototype, "suffixText", {
-      /**
-       * Gets the text content of the suffix, or null if it does not exist.
-       */
-      get: function() {
-        return this.suffix_ ? this.suffix_.textContent : null;
-      },
-      /**
-       * Sets the text content of the suffix, if it exists.
-       */
-      set: function(e) {
-        this.suffix_ && (this.suffix_.textContent = e);
-      },
-      enumerable: !1,
-      configurable: !0
-    }), t.prototype.focus = function() {
-      this.input_.focus();
-    }, t.prototype.layout = function() {
-      var e = this.foundation.shouldFloat;
-      this.foundation.notchOutline(e);
-    }, t.prototype.getDefaultFoundation = function() {
-      var e = f(f(f(f(f({}, this.getRootAdapterMethods_()), this.getInputAdapterMethods_()), this.getLabelAdapterMethods_()), this.getLineRippleAdapterMethods_()), this.getOutlineAdapterMethods_());
-      return new Vt(e, this.getFoundationMap_());
-    }, t.prototype.getRootAdapterMethods_ = function() {
-      var e = this;
-      return {
-        addClass: function(n) {
-          return e.root.classList.add(n);
-        },
-        removeClass: function(n) {
-          return e.root.classList.remove(n);
-        },
-        hasClass: function(n) {
-          return e.root.classList.contains(n);
-        },
-        registerTextFieldInteractionHandler: function(n, i) {
-          e.listen(n, i);
-        },
-        deregisterTextFieldInteractionHandler: function(n, i) {
-          e.unlisten(n, i);
-        },
-        registerValidationAttributeChangeHandler: function(n) {
-          var i = function(s) {
-            return s.map(function(p) {
-              return p.attributeName;
-            }).filter(function(p) {
-              return p;
-            });
-          }, o = new MutationObserver(function(s) {
-            return n(i(s));
-          }), l = { attributes: !0 };
-          return o.observe(e.input_, l), o;
-        },
-        deregisterValidationAttributeChangeHandler: function(n) {
-          n.disconnect();
-        }
-      };
-    }, t.prototype.getInputAdapterMethods_ = function() {
-      var e = this;
-      return {
-        getNativeInput: function() {
-          return e.input_;
-        },
-        setInputAttr: function(n, i) {
-          e.input_.setAttribute(n, i);
-        },
-        removeInputAttr: function(n) {
-          e.input_.removeAttribute(n);
-        },
-        isFocused: function() {
-          return document.activeElement === e.input_;
-        },
-        registerInputInteractionHandler: function(n, i) {
-          e.input_.addEventListener(n, i, ie());
-        },
-        deregisterInputInteractionHandler: function(n, i) {
-          e.input_.removeEventListener(n, i, ie());
-        }
-      };
-    }, t.prototype.getLabelAdapterMethods_ = function() {
-      var e = this;
-      return {
-        floatLabel: function(n) {
-          return e.label_ && e.label_.float(n);
-        },
-        getLabelWidth: function() {
-          return e.label_ ? e.label_.getWidth() : 0;
-        },
-        hasLabel: function() {
-          return !!e.label_;
-        },
-        shakeLabel: function(n) {
-          return e.label_ && e.label_.shake(n);
-        },
-        setLabelRequired: function(n) {
-          return e.label_ && e.label_.setRequired(n);
-        }
-      };
-    }, t.prototype.getLineRippleAdapterMethods_ = function() {
-      var e = this;
-      return {
-        activateLineRipple: function() {
-          e.lineRipple_ && e.lineRipple_.activate();
-        },
-        deactivateLineRipple: function() {
-          e.lineRipple_ && e.lineRipple_.deactivate();
-        },
-        setLineRippleTransformOrigin: function(n) {
-          e.lineRipple_ && e.lineRipple_.setRippleCenter(n);
-        }
-      };
-    }, t.prototype.getOutlineAdapterMethods_ = function() {
-      var e = this;
-      return {
-        closeOutline: function() {
-          return e.outline_ && e.outline_.closeNotch();
-        },
-        hasOutline: function() {
-          return !!e.outline_;
-        },
-        notchOutline: function(n) {
-          return e.outline_ && e.outline_.notch(n);
-        }
-      };
-    }, t.prototype.getFoundationMap_ = function() {
-      return {
-        characterCounter: this.characterCounter_ ? this.characterCounter_.foundationForTextField : void 0,
-        helperText: this.helperText_ ? this.helperText_.foundationForTextField : void 0,
-        leadingIcon: this.leadingIcon_ ? this.leadingIcon_.foundationForTextField : void 0,
-        trailingIcon: this.trailingIcon_ ? this.trailingIcon_.foundationForTextField : void 0
-      };
-    }, t.prototype.createRipple_ = function(e) {
-      var n = this, i = this.root.classList.contains(ae.TEXTAREA), o = this.root.classList.contains(ae.OUTLINED);
-      if (i || o)
-        return null;
-      var l = f(f({}, we.createAdapter(this)), { isSurfaceActive: function() {
-        return Ct(n.input_, ":active");
-      }, registerInteractionHandler: function(s, p) {
-        return n.input_.addEventListener(s, p, ie());
-      }, deregisterInteractionHandler: function(s, p) {
-        return n.input_.removeEventListener(s, p, ie());
-      } });
-      return e(this.root, new Et(l));
-    }, t;
-  }(Y)
-);
-const wt = {
-  /**
-   *
-   *
-   * Defaults to **null**.
-   */
-  activated: r.bool,
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: r.string,
-  /**
-   *
-   *
-   * Defaults to **null**.
-   */
-  rippleCenter: r.string
-}, Mt = {
-  activated: null,
-  className: void 0,
-  rippleCenter: null
-}, oe = /* @__PURE__ */ Ie((a, t) => {
-  const {
-    activated: e,
-    rippleCenter: n,
-    className: i,
-    ...o
-  } = a, l = I(), s = I();
-  return We(t, () => s.current, []), _(() => (l.current = Ye.attachTo(s.current), () => {
-    l.current.destroy();
-  }), [s]), _(() => {
-    e ? l.current.activate() : l.current.deactivate();
-  }, [e]), _(() => {
-    n && l.current.setRippleCenter(n);
-  }, [n]), /* @__PURE__ */ c.createElement("div", re({
-    ref: s,
-    className: V("lmnt", "mdc-line-ripple", i)
-  }, o));
-});
-oe.displayName = "LineRipple";
-oe.propTypes = wt;
-oe.defaultProps = Mt;
-const se = /* @__PURE__ */ Ie((a, t) => {
-  const {
-    wrap: e,
-    children: n
-  } = a;
-  return e ? /* @__PURE__ */ c.createElement("span", {
-    ref: t,
-    className: "mdc-text-field__resizer"
-  }, n) : n;
-});
-se.displayName = "TextfieldSpanShim";
-se.propTypes = {
-  children: r.node,
-  wrap: r.bool
-};
-se.defaultProps = {
-  children: void 0,
-  wrap: !1
-};
-const jt = {
-  /**
-   * @deprecated _Use `fullWidth` instead._
-   *
-   * Applies a full-width style where the Textfield will fill its container.
-   *
-   * Defaults to **undefined**.
-   */
-  block: O(r.bool, "Textfield", "Use `fullWidth` instead."),
-  /**
-   * The css class name to be passed through to the component markup.
-   *
-   * Defaults to **undefined**.
-   */
-  className: r.string,
-  /**
-   * @deprecated _See `containerProps`._
-   *
-   * Add a custom class to the `Textfield` container.
-   *
-   * Defaults to **undefined**.
-   */
-  containerClass: O(r.string, "Textfield", "See `containerProps`."),
-  /**
-   * Properties to be added to the container of the textfield.
-   *
-   * Defaults to **undefined**.
-   */
-  containerProps: r.object,
-  /**
-   * Enables a character count. _Warning_ requires `maxlength` to be set.
-   *
-   * Defaults to **false**.
-   */
-  counter: r.bool,
-  /**
-   * The starting value of the Textfield when working in uncontrolled mode.
-   *
-   * Defaults to **undefined**.
-   */
-  defaultValue: r.oneOfType([r.string, r.number]),
-  /**
-   * The size of the Textfield will be reduced.
-   *
-   * Defaults to **false**.
-   */
-  dense: r.bool,
-  /**
-   * Textfield will be disabled.
-   *
-   * Defaults to **false**.
-   */
-  disabled: r.bool,
-  /**
-   * @deprecated _Use `variant='embedded'_
-   *
-   * An unfilled, non-outlined and full-width variant of Textfield, intended to be embedded in other components such as TopAppBar or TableHeader.
-   *
-   * Defaults to **undefined**.
-   */
-  embedded: O(r.bool, "Textfield", 'Use `variant="embedded"'),
-  /**
-   * @deprecated _Use variant='filled' instead._
-   *
-   * Apply filled style to the Textfield. Previously called primary.
-   *
-   * Defaults to **undefined**.
-   */
-  filled: O(r.bool, "Textfield", 'Use variant="filled" instead.'),
-  /**
-   * Sets the Textfield to the focused state.
-   *
-   * Defaults to **false**.
-   */
-  focused: r.bool,
-  /**
-   * The Textfield will expand to 100% width.
-   *
-   * Defaults to **false**.
-   */
-  fullWidth: r.bool,
-  /**
-   * Helper text to be displayed below Textfield, by default only visible on focus.
-   *
-   * Defaults to **null**.
-   */
-  helperText: r.node,
-  /**
-   * Randomly generated id for the helper text container element. May be overwritten.
-   *
-   * Defaults to **undefined**.
-   */
-  helperTextId: r.string,
-  /**
-   * Set the helper text to be permanently visible.
-   *
-   * Defaults to **false**.
-   */
-  helperTextPersistent: r.bool,
-  /**
-   * Set the helper text to use validation styles. Helper text changes with `valid` (e.g., helper text will appear red when `valid` is set to 'false').
-   *
-   * Defaults to **false**.
-   */
-  helperTextValidation: r.bool,
-  /**
-   * Randomly generated id for the input element. May be overwritten.
-   *
-   * Defaults to **undefined**.
-   */
-  id: r.string,
-  /**
-   * Floating input label. Note: full-width Textfields do not support floating labels - any label on a full-width Textfield will be automatically mapped to a placeholder.
-   *
-   * Defaults to **null**.
-   */
-  label: r.string,
-  /**
-   * Randomly generated id for the label element. May be overwritten.
-   *
-   * Defaults to **undefined**.
-   */
-  labelId: r.string,
-  /**
-   * Custom content to appear before the input.
-   *
-   * Defaults to **null**.
-   */
-  leadingContent: r.node,
-  /**
-   * Adds the given Icon or Icon Button to the left of the Textfield. Expects the name of a valid Material.io icon, however in React an icon or icon button component may be passed in instead for more control,
-   *
-   * Defaults to **null**.
-   */
-  leadingIcon: r.oneOfType([r.string, r.node]),
-  /**
-   * @deprecated _Use `maxlength` instead. The case of this prop has changed to be more consistent._
-   *
-   * Restricts the number of characters that can be entered, best used with counter.
-   *
-   * Defaults to **undefined**.
-   */
-  maxLength: O(r.number, "Textfield", "Use `maxlength` instead. The case of this prop has changed to be more consistent."),
-  /**
-   * Restricts the number of characters that can be entered, best used with counter.
-   *
-   * Defaults to **null**.
-   */
-  maxlength: bt(r.number, "Textfield", "counter"),
-  /**
-   * Prevents resizing when using `textarea`.
-   *
-   * Defaults to **true**.
-   */
-  noResize: r.bool,
-  /**
-   * Fired when focus leaves the input.
-   *
-   * Defaults to **null**.
-   */
-  onBlur: r.func,
-  /**
-   * Fired when each character is entered into the Textfield.
-   *
-   * Defaults to **null**.
-   */
-  onChange: r.func,
-  /**
-   * Fired when the input gains focus.
-   *
-   * Defaults to **null**.
-   */
-  onFocus: r.func,
-  /**
-   * @deprecated _Use `variant='outlined'` instead_
-   *
-   * Apply outlined style to the Textfield. Previously called secondary.
-   *
-   * Defaults to **undefined**.
-   */
-  outlined: O(r.bool, "Textfield", 'Use `variant="outlined"` instead'),
-  /**
-   * Non-floating label text, will be replaced when the user starts typing.
-   *
-   * Defaults to **null**.
-   */
-  placeholder: r.string,
-  /**
-   * Text that will appear before the label or value of the Textfield. It will be shown on focus. An example use-case might be a currency symbol such as `$`. _Warning:_ This cannot be used with `leadingIcon` or `textarea`.
-   *
-   * Defaults to **null**.
-   */
-  prefixText: r.string,
-  /**
-   * @deprecated _This feature is no longer supported. Use `variant='filled'` instead._
-   *
-   * Enable filled styling.
-   *
-   * Defaults to **undefined**.
-   */
-  primary: O(r.bool, "Textfield", 'This feature is no longer supported. Use `variant="filled"` instead.'),
-  /**
-   * @deprecated _Use `variant='embedded'`_
-   *
-   * Enabled search bar styling, including a full width style.
-   *
-   * Defaults to **undefined**.
-   */
-  search: O(r.bool, "Textfield", 'Use `variant="embedded"`'),
-  /**
-   * @deprecated _Use `variant='outlined'` instead._
-   *
-   * Apply secondary style to the Textfield.
-   *
-   * Defaults to **undefined**.
-   */
-  secondary: O(r.bool, "Textfield", 'Use `variant="outlined"` instead.'),
-  /**
-   * Text that will appear after the label or value of the Textfield. It will be shown on focus. An example use-case might be `.00` if handling currency. _Warning:_ This cannot be used with `trailingIcon` or `textarea`.
-   *
-   * Defaults to **null**.
-   */
-  suffixText: r.string,
-  /**
-   * Enabled multi-line text input. _Note_ `textarea` cannot be used with the embedded variant.
-   *
-   * Defaults to **false**.
-   */
-  textarea: r.bool,
-  /**
-   * If defined, a Tooltip will appear on the Textfield. Useful to show the full value, if the value is too long for the Textfield width. The object should be the needed Tooltip properties. Tooltip `text` prop will be set to the current value of the Textfield.  See Tooltip docs for available props.
-   *
-   * Defaults to **null**.
-   */
-  tooltip: r.oneOfType([r.bool, r.object]),
-  /**
-   * Custom content to appear after the input.
-   *
-   * Defaults to **null**.
-   */
-  trailingContent: r.node,
-  /**
-   * Adds the given Icon or Icon Button  to the right of the Textfield . Expects the name of a valid Material.io icon, however in React an icon icon button component may be passed in instead for more control.
-   *
-   * Defaults to **null**.
-   */
-  trailingIcon: r.oneOfType([r.string, r.node]),
-  /**
-   * Support for built-in input types. Browser support for some advanced types such as color or date may be limited or appear differently between browsers. _Note_  the `Datepicker` component should be preferred over the built-in date/time types as it offers more consistency and features._Note_ Slider type is not support, please use the Element `Slider` component instead.
-   *
-   * Defaults to **'text'**.
-   */
-  type: r.oneOf(["text", "password", "color", "email", "url", "number", "tel", "search", "datetime-local", "month", "time", "week", "date"]),
-  /**
-   * Applies an invalid style to the Textfield.
-   *
-   * Defaults to **true**.
-   */
-  valid: r.bool,
-  /**
-   * The current value of the Textfield component.
-   *
-   * Defaults to **undefined**.
-   */
-  value: r.oneOfType([r.string, r.number]),
-  /**
-   * Applies the selected styling to the Textfield. _Note_ `textarea` does not support the `embedded` variant.
-   *
-   * Defaults to **'filled'**.
-   */
-  variant: r.oneOf(["filled", "outlined", "embedded"])
-}, Bt = {
-  block: void 0,
-  className: void 0,
-  containerClass: void 0,
-  containerProps: void 0,
-  counter: !1,
-  defaultValue: void 0,
-  dense: !1,
-  disabled: !1,
-  embedded: void 0,
-  filled: void 0,
-  focused: !1,
-  fullWidth: !1,
-  helperText: null,
-  helperTextId: void 0,
-  helperTextPersistent: !1,
-  helperTextValidation: !1,
-  id: void 0,
-  label: null,
-  labelId: void 0,
-  leadingContent: null,
-  leadingIcon: null,
-  maxLength: void 0,
-  maxlength: null,
-  noResize: !0,
-  outlined: void 0,
-  placeholder: null,
-  prefixText: null,
-  primary: void 0,
-  search: void 0,
-  secondary: void 0,
-  suffixText: null,
-  textarea: !1,
-  tooltip: null,
-  trailingContent: null,
-  trailingIcon: null,
-  type: "text",
-  valid: !0,
-  value: void 0,
-  variant: "filled"
-}, Xe = (a, t) => a ? /* @__PURE__ */ c.createElement("div", {
-  className: "mdc-text-field-character-counter"
-}, "0 / ", t) : null, kt = (a) => {
-  const {
-    type: t
-  } = {
-    ...a
-  }, {
-    displayName: e
-  } = {
-    ...t
-  };
-  return typeof a == "string" ? /* @__PURE__ */ c.createElement(ze, {
-    role: "button",
-    className: "mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--leading",
-    icon: a
-  }) : Ge(a, {
-    className: V("mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--leading", e === "IconButton" && "lmnt-text-field__icon-button--leading"),
-    dense: e === "IconButton" ? !0 : void 0,
-    role: "button"
-  });
-}, Ut = (a) => {
-  const {
-    type: t
-  } = {
-    ...a
-  }, {
-    displayName: e
-  } = {
-    ...t
-  };
-  return typeof a == "string" ? /* @__PURE__ */ c.createElement(ze, {
-    className: "mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--trailing",
-    icon: a
-  }) : Ge(a, {
-    className: V("mdc-text-field__icon lmnt-text-field__icon mdc-text-field__icon--trailing", e === "IconButton" && "lmnt-text-field__icon-button--trailing"),
-    dense: e === "IconButton" ? !0 : void 0,
-    role: e === "IconButton" ? "button" : null
-  });
-}, le = /* @__PURE__ */ Ie((a, t) => {
-  const {
-    block: e,
-    className: n,
-    containerClass: i,
-    containerProps: o,
-    containerStyle: l,
-    counter: s,
-    defaultValue: p,
-    dense: D,
-    disabled: R,
-    embedded: U,
-    filled: ue,
-    focused: A,
-    fullWidth: K,
-    helperText: h,
-    helperTextId: J,
-    helperTextPersistent: E,
-    helperTextValidation: S,
-    id: Q,
-    label: u,
-    labelId: de,
-    leadingContent: $e,
-    leadingIcon: q,
-    maxLength: ce,
-    maxlength: Z,
-    noResize: $,
-    onBlur: xe,
-    outlined: et,
-    placeholder: tt,
-    prefixText: Te,
-    primary: nt = null,
-    search: it,
-    secondary: rt,
-    suffixText: ye,
-    textarea: g,
-    tooltip: b,
-    trailingContent: at,
-    trailingIcon: X,
-    type: Ce,
-    valid: H,
-    value: L,
-    variant: fe,
-    ...ot
-  } = a, {
-    hoisted: st,
-    position: Ee = "bottom"
-  } = b && typeof b == "object" ? b : {}, [ee] = B(() => Q || ve()), [pe] = B(() => J || ve()), [he] = B(() => de || ve()), [Le, lt] = B(!0), [_e, ut] = B(!1), [N, dt] = B(Z), ct = h || s && N, ft = g ? "textarea" : "input", pt = I(), Oe = I(), F = I(), m = I(), ge = I(), Ae = I(), Re = I(), te = I(), G = I(), ht = (X || q) && !g, w = vt(() => H ?? !0, [H]), M = !g && (U || it || fe === "embedded"), me = !U && (et || rt || fe === "outlined"), ne = !me && !M && (nt || ue || fe === "filled"), W = M || K || e, be = !M && !!u && !D;
-  _(() => (m.current = Ht.attachTo(ge.current), () => {
-    m.current.destroy();
-  }), [_e]), We(t, () => ({
-    mdc: m.current,
-    input: Ae.current,
-    container: Re.current,
-    label: ge.current
-  })), _(() => (h && typeof h == "string" && (F.current = new Ze(Oe.current)), () => {
-    F.current && F.current.destroy();
-  }), [h]), _(() => {
-    if (h) {
-      var d, v, T, j;
-      (d = F.current) === null || d === void 0 || d.foundation.setValidation(S), (v = F.current) === null || v === void 0 || v.foundation.setValidity(w), (T = F.current) === null || T === void 0 || T.foundation.setPersistent(E), (j = F.current) === null || j === void 0 || j.foundation.setContent(h);
-    }
-  }, [h, E, S, w]), _(() => {
-    p || (m.current.value = L || L === 0 ? L : ""), m.current.valid = w;
-  }, [m, L, w, p]), _(() => {
-    m.current.disabled = R;
-  }, [m, R]), _(() => {
-    dt(ce && !Z ? ce : Z);
-  }, [Z, ce]), _(() => {
-    ut(N > 0 && s);
-  }, [N, s]), _(() => {
-    lt(W || s || h);
-  }, [W, s, h]);
-  const _t = () => {
-    H !== void 0 && L !== null && (m.current.valid = H);
-  }, gt = (d) => {
-    xe && xe(d), _t();
-  }, Ne = () => {
-    m.current.value = "", m.current.valid = w;
-  };
-  _(() => (window.addEventListener("reset", Ne), () => {
-    window.removeEventListener("reset", Ne);
-  }), []), _(() => {
-    if (b) {
-      const d = [{
-        name: "flip",
-        options: {
-          enabled: !0,
-          padding: {
-            bottom: 32,
-            top: 32
-          }
-        }
-      }, {
-        name: "offset",
-        options: {
-          offset: [0, 12]
-        }
-      }];
-      G.current = Lt(pt.current, te.current, {
-        placement: Ee,
-        modifiers: d
-      });
-    }
-    return () => {
-      var d;
-      (d = G.current) === null || d === void 0 || d.destroy();
-    };
-  }, [Ee, st, b]);
-  const Fe = Se(() => {
-    if (L) {
-      const j = m.current.input_;
-      if (j.offsetWidth < j.scrollWidth) {
-        var d, v, T;
-        (d = te.current) === null || d === void 0 || d.setAttribute("data-show", ""), (v = G.current) === null || v === void 0 || v.setOptions((Ve) => ({
-          ...Ve,
-          modifiers: [...Ve.modifiers, {
-            name: "eventListeners",
-            enabled: !0
-          }]
-        })), (T = G.current) === null || T === void 0 || T.update();
-      }
-    }
-  }, [L]), Pe = Se(() => {
-    var d, v;
-    (d = te.current) === null || d === void 0 || d.removeAttribute("data-show"), (v = G.current) === null || v === void 0 || v.setOptions((T) => ({
-      ...T,
-      modifiers: [...T.modifiers, {
-        name: "eventListeners",
-        enabled: !1
-      }]
-    }));
-  }, []);
-  return /* @__PURE__ */ c.createElement("div", re({
-    ref: Re,
-    style: l,
-    className: V("lmnt", "lmnt-text-field--container", W && "lmnt-text-field--container-full-width", !W && Le && "lmnt-text-field--container-to-content-width", !Le && "lmnt-text-field-inline-container", i)
-  }, o, {
-    onMouseEnter: b && Fe,
-    onFocus: b && Fe,
-    onMouseLeave: b && Pe,
-    onBlur: b && Pe
-  }), $e, /* @__PURE__ */ c.createElement("label", {
-    htmlFor: ee,
-    ref: ge,
-    className: V(["lmnt", "mdc-text-field", "lmnt-text-field", M && "lmnt-text-field--embedded", W && "lmnt-text-field--full-width", ht && "lmnt-text-field--with-icon", !w && "mdc-text-field--invalid", R && "mdc-text-field--disabled", A && "mdc-text-field--focused", !be && "mdc-text-field--no-label", q && !g && "mdc-text-field--with-leading-icon", g && "mdc-text-field--textarea", g && s && N && !$ && "mdc-text-field--with-internal-counter", X && !g && "mdc-text-field--with-trailing-icon", ne && "mdc-text-field--filled", me && "mdc-text-field--outlined", D && "lmnt-text-field--dense", n])
-  }, ne && /* @__PURE__ */ c.createElement("span", {
-    className: "mdc-text-field__ripple"
-  }), q && !g && kt(q), Te && !q && !g && /* @__PURE__ */ c.createElement("span", {
-    className: "mdc-text-field__affix mdc-text-field__affix--prefix"
-  }, Te), /* @__PURE__ */ c.createElement(se, {
-    wrap: !$ && g
-  }, /* @__PURE__ */ c.createElement(ft, re({
-    "aria-controls": pe,
-    "aria-describedby": pe,
-    "aria-labelledby": he,
-    className: V("mdc-text-field__input", Ce === "color" && "lmnt-text-field__input--color"),
-    disabled: R,
-    id: ee,
-    type: Ce,
-    onBlur: gt,
-    defaultValue: p,
-    placeholder: tt || (M && u ? u : "") || (D && u ? u : ""),
-    maxLength: N,
-    ref: Ae,
-    value: L
-  }, ot)), !$ && Xe(_e, N)), X && !g && Ut(X), ye && !X && !g && /* @__PURE__ */ c.createElement("span", {
-    className: "mdc-text-field__affix mdc-text-field__affix--suffix"
-  }, ye), me && /* @__PURE__ */ c.createElement(Tt, null, be && /* @__PURE__ */ c.createElement(He, {
-    id: he,
-    htmlFor: ee
-  }, u)), ne && be && /* @__PURE__ */ c.createElement(He, {
-    id: he,
-    htmlFor: ee
-  }, u), (ne || M) && /* @__PURE__ */ c.createElement(oe, null)), at, ct && /* @__PURE__ */ c.createElement("div", {
-    className: "mdc-text-field-helper-line"
-  }, h && /* @__PURE__ */ c.createElement("div", {
-    ref: Oe,
-    id: pe,
-    "aria-hidden": E ? "false" : "true",
-    className: V(["mdc-text-field-helper-text", E && "mdc-text-field-helper-text--persistent", S && "mdc-text-field-helper-text--validation-msg"])
-  }, h), $ && Xe(_e, N)), b && /* @__PURE__ */ c.createElement(yt, re({
-    role: "tooltip"
-  }, b, {
-    ref: te,
-    text: L
-  })));
-});
-le.displayName = "Textfield";
-le.propTypes = jt;
-le.defaultProps = Bt;
-const Zt = ({
-  className: a = "",
-  dense: t = !1,
-  searchTerm: e,
-  setSearchTerm: n,
-  placeholder: i
-}) => /* @__PURE__ */ De(
-  le,
+import { jsx as a } from "react/jsx-runtime";
+import { Textfield as e, IconButton as s } from "@element/react-components";
+import { s as c } from "../../searchBar.module-9gKyrZRT.js";
+const m = ({
+  className: i = "",
+  dense: l = !1,
+  searchTerm: o,
+  setSearchTerm: t,
+  placeholder: n
+}) => /* @__PURE__ */ a(
+  e,
   {
-    className: `${a ?? ""} ${mt.searchbar}`,
-    dense: t,
+    className: `${i ?? ""} ${c.searchbar}`,
+    dense: l,
     variant: "outlined",
-    placeholder: i,
-    value: e,
-    onChange: (o) => n(o.target.value),
+    placeholder: n,
+    value: o,
+    onChange: (r) => t(r.target.value),
     fullWidth: !0,
-    trailingIcon: /* @__PURE__ */ De(
-      Ot,
+    trailingIcon: /* @__PURE__ */ a(
+      s,
       {
-        icon: e ? "close" : "search",
-        onClick: () => e ? n("") : void 0
+        icon: o ? "close" : "search",
+        onClick: () => o ? t("") : void 0
       }
     )
   }
 );
 export {
-  Zt as SearchBar
+  m as SearchBar
 };