@hortiview/default-components 1.0.1 → 1.2.0

package/dist/{component-DsB0poTj-B4NF-JCy.js → component-DsB0poTj-CmUZ4Kqw.js}

@@ -1,10 +1,42 @@
-import { h as T, f as b, p as v, a as E } from "./useTranslation-Bh0VR1ML.js";
-function I(r, i) {
-  var t = r.matches || r.webkitMatchesSelector || r.msMatchesSelector;
-  return t.call(r, i);
+import { h as T, f as E, p as v, a as S } from "./useTranslation-B6E1rHIA.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.
+ */
+function I(n, i) {
+  if (n.closest)
+    return n.closest(i);
+  for (var t = n; t; ) {
+    if (h(t, i))
+      return t;
+    t = t.parentElement;
+  }
+  return null;
 }
-function V(r) {
-  var i = r;
+function h(n, i) {
+  var t = n.matches || n.webkitMatchesSelector || n.msMatchesSelector;
+  return t.call(n, i);
+}
+function R(n) {
+  var i = n;
   if (i.offsetParent !== null)
     return i.scrollWidth;
   var t = i.cloneNode(!0);
@@ -12,28 +44,34 @@ function V(r) {
   var e = t.scrollWidth;
   return document.documentElement.removeChild(t), e;
 }
+const P = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  closest: I,
+  estimateScrollWidth: R,
+  matches: h
+}, Symbol.toStringTag, { value: "Module" }));
 var l;
-function S(r, i) {
+function D(n, i) {
   i === void 0 && (i = !1);
-  var t = r.CSS, e = l;
+  var t = n.CSS, e = l;
   if (typeof l == "boolean" && !i)
     return l;
   var a = t && typeof t.supports == "function";
   if (!a)
     return !1;
-  var n = t.supports("--css-vars", "yes"), o = t.supports("(--css-vars: yes)") && t.supports("color", "#00000000");
-  return e = n || o, i || (l = e), e;
+  var r = t.supports("--css-vars", "yes"), o = t.supports("(--css-vars: yes)") && t.supports("color", "#00000000");
+  return e = r || o, i || (l = e), e;
 }
-function R(r, i, t) {
-  if (!r)
+function H(n, i, t) {
+  if (!n)
     return { x: 0, y: 0 };
-  var e = i.x, a = i.y, n = e + t.left, o = a + t.top, s, u;
-  if (r.type === "touchstart") {
-    var c = r;
-    s = c.changedTouches[0].pageX - n, u = c.changedTouches[0].pageY - o;
+  var e = i.x, a = i.y, r = e + t.left, o = a + t.top, s, u;
+  if (n.type === "touchstart") {
+    var c = n;
+    s = c.changedTouches[0].pageX - r, u = c.changedTouches[0].pageY - o;
   } else {
-    var d = r;
-    s = d.pageX - n, u = d.pageY - o;
+    var d = n;
+    s = d.pageX - r, u = d.pageY - o;
   }
   return { x: s, y: u };
 }
@@ -59,11 +97,11 @@ function R(r, i, t) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-function p(r) {
-  return r === void 0 && (r = window), D(r) ? { passive: !0 } : !1;
+function p(n) {
+  return n === void 0 && (n = window), w(n) ? { passive: !0 } : !1;
 }
-function D(r) {
-  r === void 0 && (r = window);
+function w(n) {
+  n === void 0 && (n = window);
   var i = !1;
   try {
     var t = {
@@ -74,7 +112,7 @@ function D(r) {
       }
     }, e = function() {
     };
-    r.document.addEventListener("test", e, t), r.document.removeEventListener("test", e, t);
+    n.document.addEventListener("test", e, t), n.document.removeEventListener("test", e, t);
   } catch {
     i = !1;
   }
@@ -102,7 +140,7 @@ function D(r) {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var H = {
+var O = {
   // 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.
@@ -111,14 +149,14 @@ var H = {
   FG_DEACTIVATION: "mdc-ripple-upgraded--foreground-deactivation",
   ROOT: "mdc-ripple-upgraded",
   UNBOUNDED: "mdc-ripple-upgraded--unbounded"
-}, w = {
+}, 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"
-}, A = {
+}, y = {
   DEACTIVATION_TIMEOUT_MS: 225,
   FG_DEACTIVATION_MS: 150,
   INITIAL_ORIGIN_SCALE: 0.6,
@@ -148,7 +186,7 @@ var H = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var y = [
+var b = [
   "touchstart",
   "pointerdown",
   "mousedown",
@@ -158,12 +196,12 @@ var y = [
   "pointerup",
   "mouseup",
   "contextmenu"
-], f = [], O = (
+], f = [], V = (
   /** @class */
-  function(r) {
-    T(i, r);
+  function(n) {
+    T(i, n);
     function i(t) {
-      var e = r.call(this, v(v({}, i.defaultAdapter), t)) || this;
+      var e = n.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(a) {
@@ -180,19 +218,19 @@ var y = [
     }
     return Object.defineProperty(i, "cssClasses", {
       get: function() {
-        return H;
+        return O;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(i, "strings", {
       get: function() {
-        return w;
+        return F;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(i, "numbers", {
       get: function() {
-        return A;
+        return y;
       },
       enumerable: !1,
       configurable: !0
@@ -245,18 +283,18 @@ var y = [
     }), i.prototype.init = function() {
       var t = this, e = this.supportsPressRipple_();
       if (this.registerRootHandlers_(e), e) {
-        var a = i.cssClasses, n = a.ROOT, o = a.UNBOUNDED;
+        var a = i.cssClasses, r = a.ROOT, o = a.UNBOUNDED;
         requestAnimationFrame(function() {
-          t.adapter.addClass(n), t.adapter.isUnbounded() && (t.adapter.addClass(o), t.layoutInternal_());
+          t.adapter.addClass(r), t.adapter.isUnbounded() && (t.adapter.addClass(o), 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, a = e.ROOT, n = e.UNBOUNDED;
+        var e = i.cssClasses, a = e.ROOT, r = e.UNBOUNDED;
         requestAnimationFrame(function() {
-          t.adapter.removeClass(a), t.adapter.removeClass(n), t.removeCssVars_();
+          t.adapter.removeClass(a), t.adapter.removeClass(r), t.removeCssVars_();
         });
       }
       this.deregisterRootHandlers_(), this.deregisterDeactivationHandlers_();
@@ -295,7 +333,7 @@ var y = [
       };
     }, i.prototype.registerRootHandlers_ = function(t) {
       var e = this;
-      t && (y.forEach(function(a) {
+      t && (b.forEach(function(a) {
         e.adapter.registerInteractionHandler(a, 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) {
@@ -305,7 +343,7 @@ var y = [
       });
     }, i.prototype.deregisterRootHandlers_ = function() {
       var t = this;
-      y.forEach(function(e) {
+      b.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() {
@@ -315,15 +353,15 @@ var y = [
       });
     }, i.prototype.removeCssVars_ = function() {
       var t = this, e = i.strings, a = Object.keys(e);
-      a.forEach(function(n) {
-        n.indexOf("VAR_") === 0 && t.adapter.updateCssVariable(e[n], null);
+      a.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 a = this.activationState_;
         if (!a.isActivated) {
-          var n = this.previousActivationEvent_, o = n && t !== void 0 && n.type !== t.type;
+          var r = this.previousActivationEvent_, o = r && t !== void 0 && r.type !== t.type;
           if (!o) {
             a.isActivated = !0, a.isProgrammatic = t === void 0, a.activationEvent = t, a.wasActivatedByPointer = a.isProgrammatic ? !1 : t !== void 0 && (t.type === "mousedown" || t.type === "touchstart" || t.type === "pointerdown");
             var s = t !== void 0 && f.length > 0 && f.some(function(u) {
@@ -342,35 +380,35 @@ var y = [
     }, 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, a = e.VAR_FG_TRANSLATE_START, n = e.VAR_FG_TRANSLATE_END, o = i.cssClasses, s = o.FG_DEACTIVATION, u = o.FG_ACTIVATION, c = i.numbers.DEACTIVATION_TIMEOUT_MS;
+      var t = this, e = i.strings, a = e.VAR_FG_TRANSLATE_START, r = e.VAR_FG_TRANSLATE_END, o = i.cssClasses, s = o.FG_DEACTIVATION, u = o.FG_ACTIVATION, c = i.numbers.DEACTIVATION_TIMEOUT_MS;
       this.layoutInternal_();
-      var d = "", h = "";
+      var d = "", _ = "";
       if (!this.adapter.isUnbounded()) {
-        var _ = this.getFgTranslationCoordinates_(), m = _.startPoint, g = _.endPoint;
-        d = m.x + "px, " + m.y + "px", h = g.x + "px, " + g.y + "px";
+        var m = this.getFgTranslationCoordinates_(), g = m.startPoint, A = m.endPoint;
+        d = g.x + "px, " + g.y + "px", _ = A.x + "px, " + A.y + "px";
       }
-      this.adapter.updateCssVariable(a, d), this.adapter.updateCssVariable(n, h), clearTimeout(this.activationTimer_), clearTimeout(this.fgDeactivationRemovalTimer_), this.rmBoundedActivationClasses_(), this.adapter.removeClass(s), this.adapter.computeBoundingRect(), this.adapter.addClass(u), this.activationTimer_ = setTimeout(function() {
+      this.adapter.updateCssVariable(a, d), this.adapter.updateCssVariable(r, _), clearTimeout(this.activationTimer_), clearTimeout(this.fgDeactivationRemovalTimer_), this.rmBoundedActivationClasses_(), this.adapter.removeClass(s), 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, a = t.wasActivatedByPointer, n;
-      a ? n = R(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : n = {
+      var t = this.activationState_, e = t.activationEvent, a = t.wasActivatedByPointer, r;
+      a ? r = H(e, this.adapter.getWindowPageOffset(), this.adapter.computeBoundingRect()) : r = {
         x: this.frame_.width / 2,
         y: this.frame_.height / 2
-      }, n = {
-        x: n.x - this.initialSize_ / 2,
-        y: n.y - this.initialSize_ / 2
+      }, r = {
+        x: r.x - this.initialSize_ / 2,
+        y: r.y - this.initialSize_ / 2
       };
       var o = {
         x: this.frame_.width / 2 - this.initialSize_ / 2,
         y: this.frame_.height / 2 - this.initialSize_ / 2
       };
-      return { startPoint: n, endPoint: o };
+      return { startPoint: r, endPoint: o };
     }, i.prototype.runDeactivationUXLogicIfReady_ = function() {
-      var t = this, e = i.cssClasses.FG_DEACTIVATION, a = this.activationState_, n = a.hasDeactivationUXRun, o = a.isActivated, s = n || !o;
+      var t = this, e = i.cssClasses.FG_DEACTIVATION, a = this.activationState_, r = a.hasDeactivationUXRun, o = a.isActivated, s = r || !o;
       s && this.activationAnimationHasEnded_ && (this.rmBoundedActivationClasses_(), this.adapter.addClass(e), this.fgDeactivationRemovalTimer_ = setTimeout(function() {
         t.adapter.removeClass(e);
-      }, A.FG_DEACTIVATION_MS));
+      }, y.FG_DEACTIVATION_MS));
     }, i.prototype.rmBoundedActivationClasses_ = function() {
       var t = i.cssClasses.FG_ACTIVATION;
       this.adapter.removeClass(t), this.activationAnimationHasEnded_ = !1, this.adapter.computeBoundingRect();
@@ -400,16 +438,16 @@ var y = [
         return o + i.numbers.PADDING;
       };
       this.maxRadius_ = this.adapter.isUnbounded() ? e : a();
-      var n = Math.floor(e * i.numbers.INITIAL_ORIGIN_SCALE);
-      this.adapter.isUnbounded() && n % 2 !== 0 ? this.initialSize_ = n - 1 : this.initialSize_ = n, this.fgScale_ = "" + this.maxRadius_ / this.initialSize_, this.updateLayoutCssVars_();
+      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, a = t.VAR_LEFT, n = t.VAR_TOP, o = t.VAR_FG_SCALE;
+      var t = i.strings, e = t.VAR_FG_SIZE, a = t.VAR_LEFT, r = t.VAR_TOP, o = t.VAR_FG_SCALE;
       this.adapter.updateCssVariable(e, this.initialSize_ + "px"), this.adapter.updateCssVariable(o, 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(a, this.unboundedCoords_.left + "px"), this.adapter.updateCssVariable(n, this.unboundedCoords_.top + "px"));
+      }, this.adapter.updateCssVariable(a, this.unboundedCoords_.left + "px"), this.adapter.updateCssVariable(r, this.unboundedCoords_.top + "px"));
     }, i;
-  }(E)
+  }(S)
 );
 /**
  * @license
@@ -433,12 +471,12 @@ var y = [
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var U = (
+var N = (
   /** @class */
-  function(r) {
-    T(i, r);
+  function(n) {
+    T(i, n);
     function i() {
-      var t = r !== null && r.apply(this, arguments) || this;
+      var t = n !== null && n.apply(this, arguments) || this;
       return t.disabled = !1, t;
     }
     return i.attachTo = function(t, e) {
@@ -451,7 +489,7 @@ var U = (
           return t.root.classList.add(e);
         },
         browserSupportsCssVars: function() {
-          return S(window);
+          return D(window);
         },
         computeBoundingRect: function() {
           return t.root.getBoundingClientRect();
@@ -472,7 +510,7 @@ var U = (
           return { x: window.pageXOffset, y: window.pageYOffset };
         },
         isSurfaceActive: function() {
-          return I(t.root, ":active");
+          return h(t.root, ":active");
         },
         isSurfaceDisabled: function() {
           return !!t.disabled;
@@ -512,19 +550,21 @@ var U = (
     }, i.prototype.layout = function() {
       this.foundation.layout();
     }, i.prototype.getDefaultFoundation = function() {
-      return new O(i.createAdapter(this));
+      return new V(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;
-  }(b)
+  }(E)
 );
 export {
-  V as D,
-  O,
-  U,
-  I as _,
+  R as D,
+  P as M,
+  V as O,
+  N as U,
+  h as _,
+  I as b,
   p
 };