@hortiview/shared-components 0.0.4529 → 0.0.4540

package/dist/component-D1YrRAXe.js

@@ -0,0 +1,673 @@
+import { a as b, b as I, c as T, _ as v } from "./tslib.es6-BOWp4lfV.js";
+/**
+ * @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 E = (
+  /** @class */
+  function() {
+    function a(i) {
+      i === void 0 && (i = {}), this.adapter = i;
+    }
+    return Object.defineProperty(a, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(a, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(a, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(a, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), a.prototype.init = function() {
+    }, a.prototype.destroy = function() {
+    }, a;
+  }()
+);
+/**
+ * @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 D = (
+  /** @class */
+  function() {
+    function a(i, t) {
+      for (var e = [], n = 2; n < arguments.length; n++)
+        e[n - 2] = arguments[n];
+      this.root = i, this.initialize.apply(this, b([], I(e))), this.foundation = t === void 0 ? this.getDefaultFoundation() : t, this.foundation.init(), this.initialSyncWithDOM();
+    }
+    return a.attachTo = function(i) {
+      return new a(i, new E({}));
+    }, a.prototype.initialize = function() {
+    }, a.prototype.getDefaultFoundation = function() {
+      throw new Error("Subclasses must override getDefaultFoundation to return a properly configured foundation class");
+    }, a.prototype.initialSyncWithDOM = function() {
+    }, a.prototype.destroy = function() {
+      this.foundation.destroy();
+    }, a.prototype.listen = function(i, t, e) {
+      this.root.addEventListener(i, t, e);
+    }, a.prototype.unlisten = function(i, t, e) {
+      this.root.removeEventListener(i, t, e);
+    }, a.prototype.emit = function(i, t, e) {
+      e === void 0 && (e = !1);
+      var n;
+      typeof CustomEvent == "function" ? n = new CustomEvent(i, {
+        bubbles: e,
+        detail: t
+      }) : (n = document.createEvent("CustomEvent"), n.initCustomEvent(i, e, !1, t)), this.root.dispatchEvent(n);
+    }, a;
+  }()
+);
+/**
+ * @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.
+ */
+function P(a, i) {
+  if (a.closest)
+    return a.closest(i);
+  for (var t = a; t; ) {
+    if (S(t, i))
+      return t;
+    t = t.parentElement;
+  }
+  return null;
+}
+function S(a, i) {
+  var t = a.matches || a.webkitMatchesSelector || a.msMatchesSelector;
+  return t.call(a, i);
+}
+function M(a) {
+  var i = a;
+  if (i.offsetParent !== null)
+    return i.scrollWidth;
+  var t = i.cloneNode(!0);
+  t.style.setProperty("position", "absolute"), t.style.setProperty("transform", "translate(-9999px, -9999px)"), document.documentElement.appendChild(t);
+  var e = t.scrollWidth;
+  return document.documentElement.removeChild(t), e;
+}
+/**
+ * @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.
+ */
+function f(a) {
+  return a === void 0 && (a = window), R(a) ? { passive: !0 } : !1;
+}
+function R(a) {
+  a === void 0 && (a = window);
+  var i = !1;
+  try {
+    var t = {
+      // This function will be called when the browser
+      // attempts to access the passive property.
+      get passive() {
+        return i = !0, !1;
+      }
+    }, e = function() {
+    };
+    a.document.addEventListener("test", e, t), a.document.removeEventListener("test", e, t);
+  } catch {
+    i = !1;
+  }
+  return i;
+}
+/**
+ * @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 w = {
+  // Ripple is a special case where the "root" component is really a "mixin" of sorts,
+  // given that it's an 'upgrade' to an existing component. That being said it is the root
+  // CSS class that all other CSS classes derive from.
+  BG_FOCUSED: "mdc-ripple-upgraded--background-focused",
+  FG_ACTIVATION: "mdc-ripple-upgraded--foreground-activation",
+  FG_DEACTIVATION: "mdc-ripple-upgraded--foreground-deactivation",
+  ROOT: "mdc-ripple-upgraded",
+  UNBOUNDED: "mdc-ripple-upgraded--unbounded"
+}, F = {
+  VAR_FG_SCALE: "--mdc-ripple-fg-scale",
+  VAR_FG_SIZE: "--mdc-ripple-fg-size",
+  VAR_FG_TRANSLATE_END: "--mdc-ripple-fg-translate-end",
+  VAR_FG_TRANSLATE_START: "--mdc-ripple-fg-translate-start",
+  VAR_LEFT: "--mdc-ripple-left",
+  VAR_TOP: "--mdc-ripple-top"
+}, g = {
+  DEACTIVATION_TIMEOUT_MS: 225,
+  FG_DEACTIVATION_MS: 150,
+  INITIAL_ORIGIN_SCALE: 0.6,
+  PADDING: 10,
+  TAP_DELAY_MS: 300
+  // Delay between touch and simulated mouse events on touch devices
+}, l;
+function V(a, i) {
+  i === void 0 && (i = !1);
+  var t = a.CSS, e = l;
+  if (typeof l == "boolean" && !i)
+    return l;
+  var n = t && typeof t.supports == "function";
+  if (!n)
+    return !1;
+  var r = t.supports("--css-vars", "yes"), s = t.supports("(--css-vars: yes)") && t.supports("color", "#00000000");
+  return e = r || s, i || (l = e), e;
+}
+function O(a, i, t) {
+  if (!a)
+    return { x: 0, y: 0 };
+  var e = i.x, n = i.y, r = e + t.left, s = n + t.top, o, u;
+  if (a.type === "touchstart") {
+    var c = a;
+    o = c.changedTouches[0].pageX - r, u = c.changedTouches[0].pageY - s;
+  } else {
+    var d = a;
+    o = d.pageX - r, u = d.pageY - s;
+  }
+  return { x: o, y: u };
+}
+/**
+ * @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 = [
+  "touchstart",
+  "pointerdown",
+  "mousedown",
+  "keydown"
+], C = [
+  "touchend",
+  "pointerup",
+  "mouseup",
+  "contextmenu"
+], p = [], H = (
+  /** @class */
+  function(a) {
+    T(i, a);
+    function i(t) {
+      var e = a.call(this, v(v({}, i.defaultAdapter), t)) || this;
+      return e.activationAnimationHasEnded_ = !1, e.activationTimer_ = 0, e.fgDeactivationRemovalTimer_ = 0, e.fgScale_ = "0", e.frame_ = { width: 0, height: 0 }, e.initialSize_ = 0, e.layoutFrame_ = 0, e.maxRadius_ = 0, e.unboundedCoords_ = { left: 0, top: 0 }, e.activationState_ = e.defaultActivationState_(), e.activationTimerCallback_ = function() {
+        e.activationAnimationHasEnded_ = !0, e.runDeactivationUXLogicIfReady_();
+      }, e.activateHandler_ = function(n) {
+        return e.activate_(n);
+      }, e.deactivateHandler_ = function() {
+        return e.deactivate_();
+      }, e.focusHandler_ = function() {
+        return e.handleFocus();
+      }, e.blurHandler_ = function() {
+        return e.handleBlur();
+      }, e.resizeHandler_ = function() {
+        return e.layout();
+      }, e;
+    }
+    return Object.defineProperty(i, "cssClasses", {
+      get: function() {
+        return w;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(i, "strings", {
+      get: function() {
+        return F;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(i, "numbers", {
+      get: function() {
+        return g;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(i, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          browserSupportsCssVars: function() {
+            return !0;
+          },
+          computeBoundingRect: function() {
+            return { top: 0, right: 0, bottom: 0, left: 0, width: 0, height: 0 };
+          },
+          containsEventTarget: function() {
+            return !0;
+          },
+          deregisterDocumentInteractionHandler: function() {
+          },
+          deregisterInteractionHandler: function() {
+          },
+          deregisterResizeHandler: function() {
+          },
+          getWindowPageOffset: function() {
+            return { x: 0, y: 0 };
+          },
+          isSurfaceActive: function() {
+            return !0;
+          },
+          isSurfaceDisabled: function() {
+            return !0;
+          },
+          isUnbounded: function() {
+            return !0;
+          },
+          registerDocumentInteractionHandler: function() {
+          },
+          registerInteractionHandler: function() {
+          },
+          registerResizeHandler: function() {
+          },
+          removeClass: function() {
+          },
+          updateCssVariable: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), i.prototype.init = function() {
+      var t = this, e = this.supportsPressRipple_();
+      if (this.registerRootHandlers_(e), e) {
+        var n = i.cssClasses, r = n.ROOT, s = n.UNBOUNDED;
+        requestAnimationFrame(function() {
+          t.adapter.addClass(r), t.adapter.isUnbounded() && (t.adapter.addClass(s), t.layoutInternal_());
+        });
+      }
+    }, i.prototype.destroy = function() {
+      var t = this;
+      if (this.supportsPressRipple_()) {
+        this.activationTimer_ && (clearTimeout(this.activationTimer_), this.activationTimer_ = 0, this.adapter.removeClass(i.cssClasses.FG_ACTIVATION)), this.fgDeactivationRemovalTimer_ && (clearTimeout(this.fgDeactivationRemovalTimer_), this.fgDeactivationRemovalTimer_ = 0, this.adapter.removeClass(i.cssClasses.FG_DEACTIVATION));
+        var e = i.cssClasses, n = e.ROOT, r = e.UNBOUNDED;
+        requestAnimationFrame(function() {
+          t.adapter.removeClass(n), t.adapter.removeClass(r), t.removeCssVars_();
+        });
+      }
+      this.deregisterRootHandlers_(), this.deregisterDeactivationHandlers_();
+    }, i.prototype.activate = function(t) {
+      this.activate_(t);
+    }, i.prototype.deactivate = function() {
+      this.deactivate_();
+    }, i.prototype.layout = function() {
+      var t = this;
+      this.layoutFrame_ && cancelAnimationFrame(this.layoutFrame_), this.layoutFrame_ = requestAnimationFrame(function() {
+        t.layoutInternal_(), t.layoutFrame_ = 0;
+      });
+    }, i.prototype.setUnbounded = function(t) {
+      var e = i.cssClasses.UNBOUNDED;
+      t ? this.adapter.addClass(e) : this.adapter.removeClass(e);
+    }, i.prototype.handleFocus = function() {
+      var t = this;
+      requestAnimationFrame(function() {
+        return t.adapter.addClass(i.cssClasses.BG_FOCUSED);
+      });
+    }, i.prototype.handleBlur = function() {
+      var t = this;
+      requestAnimationFrame(function() {
+        return t.adapter.removeClass(i.cssClasses.BG_FOCUSED);
+      });
+    }, i.prototype.supportsPressRipple_ = function() {
+      return this.adapter.browserSupportsCssVars();
+    }, i.prototype.defaultActivationState_ = function() {
+      return {
+        activationEvent: void 0,
+        hasDeactivationUXRun: !1,
+        isActivated: !1,
+        isProgrammatic: !1,
+        wasActivatedByPointer: !1,
+        wasElementMadeActive: !1
+      };
+    }, i.prototype.registerRootHandlers_ = function(t) {
+      var e = this;
+      t && (y.forEach(function(n) {
+        e.adapter.registerInteractionHandler(n, e.activateHandler_);
+      }), this.adapter.isUnbounded() && this.adapter.registerResizeHandler(this.resizeHandler_)), this.adapter.registerInteractionHandler("focus", this.focusHandler_), this.adapter.registerInteractionHandler("blur", this.blurHandler_);
+    }, i.prototype.registerDeactivationHandlers_ = function(t) {
+      var e = this;
+      t.type === "keydown" ? this.adapter.registerInteractionHandler("keyup", this.deactivateHandler_) : C.forEach(function(n) {
+        e.adapter.registerDocumentInteractionHandler(n, e.deactivateHandler_);
+      });
+    }, i.prototype.deregisterRootHandlers_ = function() {
+      var t = this;
+      y.forEach(function(e) {
+        t.adapter.deregisterInteractionHandler(e, t.activateHandler_);
+      }), this.adapter.deregisterInteractionHandler("focus", this.focusHandler_), this.adapter.deregisterInteractionHandler("blur", this.blurHandler_), this.adapter.isUnbounded() && this.adapter.deregisterResizeHandler(this.resizeHandler_);
+    }, i.prototype.deregisterDeactivationHandlers_ = function() {
+      var t = this;
+      this.adapter.deregisterInteractionHandler("keyup", this.deactivateHandler_), C.forEach(function(e) {
+        t.adapter.deregisterDocumentInteractionHandler(e, t.deactivateHandler_);
+      });
+    }, i.prototype.removeCssVars_ = function() {
+      var t = this, e = i.strings, n = Object.keys(e);
+      n.forEach(function(r) {
+        r.indexOf("VAR_") === 0 && t.adapter.updateCssVariable(e[r], null);
+      });
+    }, i.prototype.activate_ = function(t) {
+      var e = this;
+      if (!this.adapter.isSurfaceDisabled()) {
+        var n = this.activationState_;
+        if (!n.isActivated) {
+          var r = this.previousActivationEvent_, s = r && t !== void 0 && r.type !== t.type;
+          if (!s) {
+            n.isActivated = !0, n.isProgrammatic = t === void 0, n.activationEvent = t, n.wasActivatedByPointer = n.isProgrammatic ? !1 : t !== void 0 && (t.type === "mousedown" || t.type === "touchstart" || t.type === "pointerdown");
+            var o = t !== void 0 && p.length > 0 && p.some(function(u) {
+              return e.adapter.containsEventTarget(u);
+            });
+            if (o) {
+              this.resetActivationState_();
+              return;
+            }
+            t !== void 0 && (p.push(t.target), this.registerDeactivationHandlers_(t)), n.wasElementMadeActive = this.checkElementMadeActive_(t), n.wasElementMadeActive && this.animateActivation_(), requestAnimationFrame(function() {
+              p = [], !n.wasElementMadeActive && t !== void 0 && (t.key === " " || t.keyCode === 32) && (n.wasElementMadeActive = e.checkElementMadeActive_(t), n.wasElementMadeActive && e.animateActivation_()), n.wasElementMadeActive || (e.activationState_ = e.defaultActivationState_());
+            });
+          }
+        }
+      }
+    }, i.prototype.checkElementMadeActive_ = function(t) {
+      return t !== void 0 && t.type === "keydown" ? this.adapter.isSurfaceActive() : !0;
+    }, i.prototype.animateActivation_ = function() {
+      var t = this, e = i.strings, n = e.VAR_FG_TRANSLATE_START, r = e.VAR_FG_TRANSLATE_END, s = i.cssClasses, o = s.FG_DEACTIVATION, u = s.FG_ACTIVATION, c = i.numbers.DEACTIVATION_TIMEOUT_MS;
+      this.layoutInternal_();
+      var d = "", h = "";
+      if (!this.adapter.isUnbounded()) {
+        var _ = this.getFgTranslationCoordinates_(), m = _.startPoint, A = _.endPoint;
+        d = m.x + "px, " + m.y + "px", h = A.x + "px, " + A.y + "px";
+      }
+      this.adapter.updateCssVariable(n, d), this.adapter.updateCssVariable(r, h), clearTimeout(this.activationTimer_), clearTimeout(this.fgDeactivationRemovalTimer_), this.rmBoundedActivationClasses_(), this.adapter.removeClass(o), this.adapter.computeBoundingRect(), this.adapter.addClass(u), this.activationTimer_ = setTimeout(function() {
+        return t.activationTimerCallback_();
+      }, c);
+    }, i.prototype.getFgTranslationCoordinates_ = function() {
+      var t = this.activationState_, e = t.activationEvent, n = t.wasActivatedByPointer, r;
+      n ? r = O(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : r = {
+        x: this.frame_.width / 2,
+        y: this.frame_.height / 2
+      }, r = {
+        x: r.x - this.initialSize_ / 2,
+        y: r.y - this.initialSize_ / 2
+      };
+      var s = {
+        x: this.frame_.width / 2 - this.initialSize_ / 2,
+        y: this.frame_.height / 2 - this.initialSize_ / 2
+      };
+      return { startPoint: r, endPoint: s };
+    }, i.prototype.runDeactivationUXLogicIfReady_ = function() {
+      var t = this, e = i.cssClasses.FG_DEACTIVATION, n = this.activationState_, r = n.hasDeactivationUXRun, s = n.isActivated, o = r || !s;
+      o && this.activationAnimationHasEnded_ && (this.rmBoundedActivationClasses_(), this.adapter.addClass(e), this.fgDeactivationRemovalTimer_ = setTimeout(function() {
+        t.adapter.removeClass(e);
+      }, g.FG_DEACTIVATION_MS));
+    }, i.prototype.rmBoundedActivationClasses_ = function() {
+      var t = i.cssClasses.FG_ACTIVATION;
+      this.adapter.removeClass(t), this.activationAnimationHasEnded_ = !1, this.adapter.computeBoundingRect();
+    }, i.prototype.resetActivationState_ = function() {
+      var t = this;
+      this.previousActivationEvent_ = this.activationState_.activationEvent, this.activationState_ = this.defaultActivationState_(), setTimeout(function() {
+        return t.previousActivationEvent_ = void 0;
+      }, i.numbers.TAP_DELAY_MS);
+    }, i.prototype.deactivate_ = function() {
+      var t = this, e = this.activationState_;
+      if (e.isActivated) {
+        var n = v({}, e);
+        e.isProgrammatic ? (requestAnimationFrame(function() {
+          return t.animateDeactivation_(n);
+        }), this.resetActivationState_()) : (this.deregisterDeactivationHandlers_(), requestAnimationFrame(function() {
+          t.activationState_.hasDeactivationUXRun = !0, t.animateDeactivation_(n), t.resetActivationState_();
+        }));
+      }
+    }, i.prototype.animateDeactivation_ = function(t) {
+      var e = t.wasActivatedByPointer, n = t.wasElementMadeActive;
+      (e || n) && this.runDeactivationUXLogicIfReady_();
+    }, i.prototype.layoutInternal_ = function() {
+      var t = this;
+      this.frame_ = this.adapter.computeBoundingRect();
+      var e = Math.max(this.frame_.height, this.frame_.width), n = function() {
+        var s = Math.sqrt(Math.pow(t.frame_.width, 2) + Math.pow(t.frame_.height, 2));
+        return s + i.numbers.PADDING;
+      };
+      this.maxRadius_ = this.adapter.isUnbounded() ? e : n();
+      var r = Math.floor(e * i.numbers.INITIAL_ORIGIN_SCALE);
+      this.adapter.isUnbounded() && r % 2 !== 0 ? this.initialSize_ = r - 1 : this.initialSize_ = r, this.fgScale_ = "" + this.maxRadius_ / this.initialSize_, this.updateLayoutCssVars_();
+    }, i.prototype.updateLayoutCssVars_ = function() {
+      var t = i.strings, e = t.VAR_FG_SIZE, n = t.VAR_LEFT, r = t.VAR_TOP, s = t.VAR_FG_SCALE;
+      this.adapter.updateCssVariable(e, this.initialSize_ + "px"), this.adapter.updateCssVariable(s, this.fgScale_), this.adapter.isUnbounded() && (this.unboundedCoords_ = {
+        left: Math.round(this.frame_.width / 2 - this.initialSize_ / 2),
+        top: Math.round(this.frame_.height / 2 - this.initialSize_ / 2)
+      }, this.adapter.updateCssVariable(n, this.unboundedCoords_.left + "px"), this.adapter.updateCssVariable(r, this.unboundedCoords_.top + "px"));
+    }, i;
+  }(E)
+);
+/**
+ * @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 U = (
+  /** @class */
+  function(a) {
+    T(i, a);
+    function i() {
+      var t = a !== null && a.apply(this, arguments) || this;
+      return t.disabled = !1, t;
+    }
+    return i.attachTo = function(t, e) {
+      e === void 0 && (e = { isUnbounded: void 0 });
+      var n = new i(t);
+      return e.isUnbounded !== void 0 && (n.unbounded = e.isUnbounded), n;
+    }, i.createAdapter = function(t) {
+      return {
+        addClass: function(e) {
+          return t.root.classList.add(e);
+        },
+        browserSupportsCssVars: function() {
+          return V(window);
+        },
+        computeBoundingRect: function() {
+          return t.root.getBoundingClientRect();
+        },
+        containsEventTarget: function(e) {
+          return t.root.contains(e);
+        },
+        deregisterDocumentInteractionHandler: function(e, n) {
+          return document.documentElement.removeEventListener(e, n, f());
+        },
+        deregisterInteractionHandler: function(e, n) {
+          return t.root.removeEventListener(e, n, f());
+        },
+        deregisterResizeHandler: function(e) {
+          return window.removeEventListener("resize", e);
+        },
+        getWindowPageOffset: function() {
+          return { x: window.pageXOffset, y: window.pageYOffset };
+        },
+        isSurfaceActive: function() {
+          return S(t.root, ":active");
+        },
+        isSurfaceDisabled: function() {
+          return !!t.disabled;
+        },
+        isUnbounded: function() {
+          return !!t.unbounded;
+        },
+        registerDocumentInteractionHandler: function(e, n) {
+          return document.documentElement.addEventListener(e, n, f());
+        },
+        registerInteractionHandler: function(e, n) {
+          return t.root.addEventListener(e, n, f());
+        },
+        registerResizeHandler: function(e) {
+          return window.addEventListener("resize", e);
+        },
+        removeClass: function(e) {
+          return t.root.classList.remove(e);
+        },
+        updateCssVariable: function(e, n) {
+          return t.root.style.setProperty(e, n);
+        }
+      };
+    }, Object.defineProperty(i.prototype, "unbounded", {
+      get: function() {
+        return !!this.unbounded_;
+      },
+      set: function(t) {
+        this.unbounded_ = !!t, this.setUnbounded_();
+      },
+      enumerable: !1,
+      configurable: !0
+    }), i.prototype.activate = function() {
+      this.foundation.activate();
+    }, i.prototype.deactivate = function() {
+      this.foundation.deactivate();
+    }, i.prototype.layout = function() {
+      this.foundation.layout();
+    }, i.prototype.getDefaultFoundation = function() {
+      return new H(i.createAdapter(this));
+    }, i.prototype.initialSyncWithDOM = function() {
+      var t = this.root;
+      this.unbounded = "mdcRippleIsUnbounded" in t.dataset;
+    }, i.prototype.setUnbounded_ = function() {
+      this.foundation.setUnbounded(!!this.unbounded_);
+    }, i;
+  }(D)
+);
+export {
+  U as M,
+  E as a,
+  f as b,
+  D as c,
+  H as d,
+  M as e,
+  P as f,
+  S as m
+};

package/dist/components/BaseView/BaseView.d.ts

@@ -41,6 +41,10 @@ type BaseViewProps = {
      * listMaxHeight is the max height of the list, @default 'calc(100vh - 200px)'
      */
     listMaxHeight?: string;
+    /**
+     * searchPlaceholder is the placeholder of the search input, @default ''
+     */
+    searchPlaceholder?: string;
     /**
      * routerLinkElement is the element to be used for the elements link, use react-router Link component for the best experience.
      * If the element has `noNavigation=false` and the `routerLinkElement` is undefined an `<a>` tag is used.
@@ -51,5 +55,5 @@ type BaseViewProps = {
 /**
  * `BaseView` is a layout component that displays a main (a list) and a detail section.
  */
-export declare const BaseView: ({ action, heading, elements, emptyText, hasSearch, isSorted, className, withAvatar, listMaxHeight, pathname, routerLinkElement, }: BaseViewProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseView: ({ action, heading, elements, emptyText, hasSearch, isSorted, className, withAvatar, listMaxHeight, pathname, routerLinkElement, searchPlaceholder, }: BaseViewProps) => import("react/jsx-runtime").JSX.Element;
 export {};