@hortiview/shared-components 0.0.11176 → 0.0.11587

package/dist/components/ChipCard/ChipCard.js

@@ -1,25 +1,1775 @@
-import "../../assets/ChipCard.css";
-import { jsx as i } from "react/jsx-runtime";
-import { Card as e, Chips as o } from "@element/react-components";
-import { OverflowTooltip as a } from "../OverflowTooltip/OverflowTooltip.js";
-const d = "_entityContainer_1g0x2_1", c = {
-  entityContainer: d
-}, C = ({ label: t, icon: r, className: n = "" }) => /* @__PURE__ */ i(
-  e,
+import { jsx as lt } from "react/jsx-runtime";
+import { o as Ut, e as jt, i as qt, C as $t } from "../../index.es-6TJ1S8Jr.js";
+import { _ as Kt, c as ut, P as l } from "../../identity-DLWZln-X.js";
+import C, { useEffect as ft, useState as $, useMemo as ht, useCallback as I, useRef as Mt, forwardRef as Xt, useImperativeHandle as zt } from "react";
+import { u as Jt, f as Qt, h as Zt } from "../../index.es-da0cf7oE.js";
+import { e as te, c as A, b as U } from "../../tslib.es6-BDCynO9F.js";
+import { M as _t, a as Et } from "../../component-neHBNHRu.js";
+import { M as et, b as kt } from "../../component-DsB0poTj.js";
+import { n as ee, i as ie, K as L } from "../../keyboard-Bpt0aBqQ.js";
+import { I as Rt } from "../../index.es-3043KTnb.js";
+import { g as ne } from "../../_commonjsHelpers-BkfeUUK-.js";
+import { b as oe } from "../../isArray-DN9s620O.js";
+import { OverflowTooltip as re } from "../OverflowTooltip/OverflowTooltip.js";
+import '../../assets/ChipCard.css';var ae = qt ? window : null, Nt = function(o) {
+  return !!o.addEventListener;
+}, Ot = function(o) {
+  return !!o.on;
+}, dt = function(o, e, t, i) {
+  t === void 0 && (t = ae), ft(function() {
+    if (e && t)
+      return Nt(t) ? Ut(t, o, e, i) : Ot(t) && t.on(o, e, i), function() {
+        Nt(t) ? jt(t, o, e, i) : Ot(t) && t.off(o, e, i);
+      };
+  }, [o, e, t, JSON.stringify(i)]);
+}, se = function(o) {
+  o === void 0 && (o = {});
+  var e = $(o), t = e[0], i = e[1], n = ht(function() {
+    return {
+      set: function(s, d) {
+        i(function(E) {
+          var _;
+          return A(A({}, E), (_ = {}, _[s] = d, _));
+        });
+      },
+      setAll: function(s) {
+        i(s);
+      },
+      remove: function(s) {
+        i(function(d) {
+          var E = d, _ = s;
+          E[_];
+          var g = te(E, [typeof _ == "symbol" ? _ : _ + ""]);
+          return g;
+        });
+      },
+      reset: function() {
+        return i(o);
+      }
+    };
+  }, [i]), r = A({ get: I(function(s) {
+    return t[s];
+  }, [t]) }, n);
+  return [t, r];
+};
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var F;
+(function(o) {
+  o[o.UNSPECIFIED = 0] = "UNSPECIFIED", o[o.CLICK = 1] = "CLICK", o[o.BACKSPACE_KEY = 2] = "BACKSPACE_KEY", o[o.DELETE_KEY = 3] = "DELETE_KEY", o[o.SPACEBAR_KEY = 4] = "SPACEBAR_KEY", o[o.ENTER_KEY = 5] = "ENTER_KEY";
+})(F || (F = {}));
+var y = {
+  ARIA_HIDDEN: "aria-hidden",
+  INTERACTION_EVENT: "MDCChipTrailingAction:interaction",
+  NAVIGATION_EVENT: "MDCChipTrailingAction:navigation",
+  TAB_INDEX: "tabindex"
+};
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var Yt = (
+  /** @class */
+  function(o) {
+    U(e, o);
+    function e(t) {
+      return o.call(this, A(A({}, e.defaultAdapter), t)) || this;
+    }
+    return Object.defineProperty(e, "strings", {
+      get: function() {
+        return y;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          focus: function() {
+          },
+          getAttribute: function() {
+            return null;
+          },
+          setAttribute: function() {
+          },
+          notifyInteraction: function() {
+          },
+          notifyNavigation: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.handleClick = function(t) {
+      t.stopPropagation(), this.adapter.notifyInteraction(F.CLICK);
+    }, e.prototype.handleKeydown = function(t) {
+      t.stopPropagation();
+      var i = ee(t);
+      if (this.shouldNotifyInteractionFromKey_(i)) {
+        var n = this.getTriggerFromKey_(i);
+        this.adapter.notifyInteraction(n);
+        return;
+      }
+      if (ie(t)) {
+        this.adapter.notifyNavigation(i);
+        return;
+      }
+    }, e.prototype.removeFocus = function() {
+      this.adapter.setAttribute(y.TAB_INDEX, "-1");
+    }, e.prototype.focus = function() {
+      this.adapter.setAttribute(y.TAB_INDEX, "0"), this.adapter.focus();
+    }, e.prototype.isNavigable = function() {
+      return this.adapter.getAttribute(y.ARIA_HIDDEN) !== "true";
+    }, e.prototype.shouldNotifyInteractionFromKey_ = function(t) {
+      var i = t === L.ENTER || t === L.SPACEBAR, n = t === L.BACKSPACE || t === L.DELETE;
+      return i || n;
+    }, e.prototype.getTriggerFromKey_ = function(t) {
+      return t === L.SPACEBAR ? F.SPACEBAR_KEY : t === L.ENTER ? F.ENTER_KEY : t === L.DELETE ? F.DELETE_KEY : t === L.BACKSPACE ? F.BACKSPACE_KEY : F.UNSPECIFIED;
+    }, e;
+  }(_t)
+);
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var xt = (
+  /** @class */
+  function(o) {
+    U(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "ripple", {
+      get: function() {
+        return this.ripple_;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.initialize = function(t) {
+      t === void 0 && (t = function(n, r) {
+        return new et(n, r);
+      });
+      var i = et.createAdapter(this);
+      this.ripple_ = t(this.root, new kt(i));
+    }, e.prototype.initialSyncWithDOM = function() {
+      var t = this;
+      this.handleClick_ = function(i) {
+        t.foundation.handleClick(i);
+      }, this.handleKeydown_ = function(i) {
+        t.foundation.handleKeydown(i);
+      }, this.listen("click", this.handleClick_), this.listen("keydown", this.handleKeydown_);
+    }, e.prototype.destroy = function() {
+      this.ripple_.destroy(), this.unlisten("click", this.handleClick_), this.unlisten("keydown", this.handleKeydown_), o.prototype.destroy.call(this);
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, i = {
+        focus: function() {
+          t.root.focus();
+        },
+        getAttribute: function(n) {
+          return t.root.getAttribute(n);
+        },
+        notifyInteraction: function(n) {
+          return t.emit(
+            y.INTERACTION_EVENT,
+            { trigger: n },
+            !0
+            /* shouldBubble */
+          );
+        },
+        notifyNavigation: function(n) {
+          t.emit(
+            y.NAVIGATION_EVENT,
+            { key: n },
+            !0
+            /* shouldBubble */
+          );
+        },
+        setAttribute: function(n, r) {
+          t.root.setAttribute(n, r);
+        }
+      };
+      return new Yt(i);
+    }, e.prototype.isNavigable = function() {
+      return this.foundation.isNavigable();
+    }, e.prototype.focus = function() {
+      this.foundation.focus();
+    }, e.prototype.removeFocus = function() {
+      this.foundation.removeFocus();
+    }, e;
+  }(Et)
+);
+/**
+ * @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 T;
+(function(o) {
+  o.LEFT = "left", o.RIGHT = "right";
+})(T || (T = {}));
+var O;
+(function(o) {
+  o.PRIMARY = "primary", o.TRAILING = "trailing", o.NONE = "none";
+})(O || (O = {}));
+var a = {
+  ADDED_ANNOUNCEMENT_ATTRIBUTE: "data-mdc-chip-added-announcement",
+  ARIA_CHECKED: "aria-checked",
+  ARROW_DOWN_KEY: "ArrowDown",
+  ARROW_LEFT_KEY: "ArrowLeft",
+  ARROW_RIGHT_KEY: "ArrowRight",
+  ARROW_UP_KEY: "ArrowUp",
+  BACKSPACE_KEY: "Backspace",
+  CHECKMARK_SELECTOR: ".mdc-chip__checkmark",
+  DELETE_KEY: "Delete",
+  END_KEY: "End",
+  ENTER_KEY: "Enter",
+  ENTRY_ANIMATION_NAME: "mdc-chip-entry",
+  HOME_KEY: "Home",
+  IE_ARROW_DOWN_KEY: "Down",
+  IE_ARROW_LEFT_KEY: "Left",
+  IE_ARROW_RIGHT_KEY: "Right",
+  IE_ARROW_UP_KEY: "Up",
+  IE_DELETE_KEY: "Del",
+  INTERACTION_EVENT: "MDCChip:interaction",
+  LEADING_ICON_SELECTOR: ".mdc-chip__icon--leading",
+  NAVIGATION_EVENT: "MDCChip:navigation",
+  PRIMARY_ACTION_SELECTOR: ".mdc-chip__primary-action",
+  REMOVED_ANNOUNCEMENT_ATTRIBUTE: "data-mdc-chip-removed-announcement",
+  REMOVAL_EVENT: "MDCChip:removal",
+  SELECTION_EVENT: "MDCChip:selection",
+  SPACEBAR_KEY: " ",
+  TAB_INDEX: "tabindex",
+  TRAILING_ACTION_SELECTOR: ".mdc-chip-trailing-action",
+  TRAILING_ICON_INTERACTION_EVENT: "MDCChip:trailingIconInteraction",
+  TRAILING_ICON_SELECTOR: ".mdc-chip__icon--trailing"
+}, f = {
+  CHECKMARK: "mdc-chip__checkmark",
+  CHIP_EXIT: "mdc-chip--exit",
+  DELETABLE: "mdc-chip--deletable",
+  EDITABLE: "mdc-chip--editable",
+  EDITING: "mdc-chip--editing",
+  HIDDEN_LEADING_ICON: "mdc-chip__icon--leading-hidden",
+  LEADING_ICON: "mdc-chip__icon--leading",
+  PRIMARY_ACTION: "mdc-chip__primary-action",
+  PRIMARY_ACTION_FOCUSED: "mdc-chip--primary-action-focused",
+  SELECTED: "mdc-chip--selected",
+  TEXT: "mdc-chip__text",
+  TRAILING_ACTION: "mdc-chip__trailing-action",
+  TRAILING_ICON: "mdc-chip__icon--trailing"
+}, m = /* @__PURE__ */ new Set();
+m.add(a.ARROW_LEFT_KEY);
+m.add(a.ARROW_RIGHT_KEY);
+m.add(a.ARROW_DOWN_KEY);
+m.add(a.ARROW_UP_KEY);
+m.add(a.END_KEY);
+m.add(a.HOME_KEY);
+m.add(a.IE_ARROW_LEFT_KEY);
+m.add(a.IE_ARROW_RIGHT_KEY);
+m.add(a.IE_ARROW_DOWN_KEY);
+m.add(a.IE_ARROW_UP_KEY);
+var P = /* @__PURE__ */ new Set();
+P.add(a.ARROW_UP_KEY);
+P.add(a.ARROW_DOWN_KEY);
+P.add(a.HOME_KEY);
+P.add(a.END_KEY);
+P.add(a.IE_ARROW_UP_KEY);
+P.add(a.IE_ARROW_DOWN_KEY);
+/**
+ * @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 St = {
+  bottom: 0,
+  height: 0,
+  left: 0,
+  right: 0,
+  top: 0,
+  width: 0
+}, G;
+(function(o) {
+  o[o.SHOULD_FOCUS = 0] = "SHOULD_FOCUS", o[o.SHOULD_NOT_FOCUS = 1] = "SHOULD_NOT_FOCUS";
+})(G || (G = {}));
+var Ct = (
+  /** @class */
+  function(o) {
+    U(e, o);
+    function e(t) {
+      var i = o.call(this, A(A({}, e.defaultAdapter), t)) || this;
+      return i.shouldRemoveOnTrailingIconClick_ = !0, i.shouldFocusPrimaryActionOnClick_ = !0, i;
+    }
+    return Object.defineProperty(e, "strings", {
+      get: function() {
+        return a;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return f;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          addClass: function() {
+          },
+          addClassToLeadingIcon: function() {
+          },
+          eventTargetHasClass: function() {
+            return !1;
+          },
+          focusPrimaryAction: function() {
+          },
+          focusTrailingAction: function() {
+          },
+          getAttribute: function() {
+            return null;
+          },
+          getCheckmarkBoundingClientRect: function() {
+            return St;
+          },
+          getComputedStyleValue: function() {
+            return "";
+          },
+          getRootBoundingClientRect: function() {
+            return St;
+          },
+          hasClass: function() {
+            return !1;
+          },
+          hasLeadingIcon: function() {
+            return !1;
+          },
+          isRTL: function() {
+            return !1;
+          },
+          isTrailingActionNavigable: function() {
+            return !1;
+          },
+          notifyEditFinish: function() {
+          },
+          notifyEditStart: function() {
+          },
+          notifyInteraction: function() {
+          },
+          notifyNavigation: function() {
+          },
+          notifyRemoval: function() {
+          },
+          notifySelection: function() {
+          },
+          notifyTrailingIconInteraction: function() {
+          },
+          removeClass: function() {
+          },
+          removeClassFromLeadingIcon: function() {
+          },
+          removeTrailingActionFocus: function() {
+          },
+          setPrimaryActionAttr: function() {
+          },
+          setStyleProperty: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.isSelected = function() {
+      return this.adapter.hasClass(f.SELECTED);
+    }, e.prototype.isEditable = function() {
+      return this.adapter.hasClass(f.EDITABLE);
+    }, e.prototype.isEditing = function() {
+      return this.adapter.hasClass(f.EDITING);
+    }, e.prototype.setSelected = function(t) {
+      this.setSelected_(t), this.notifySelection_(t);
+    }, e.prototype.setSelectedFromChipSet = function(t, i) {
+      this.setSelected_(t), i && this.notifyIgnoredSelection_(t);
+    }, e.prototype.getShouldRemoveOnTrailingIconClick = function() {
+      return this.shouldRemoveOnTrailingIconClick_;
+    }, e.prototype.setShouldRemoveOnTrailingIconClick = function(t) {
+      this.shouldRemoveOnTrailingIconClick_ = t;
+    }, e.prototype.setShouldFocusPrimaryActionOnClick = function(t) {
+      this.shouldFocusPrimaryActionOnClick_ = t;
+    }, e.prototype.getDimensions = function() {
+      var t = this, i = function() {
+        return t.adapter.getRootBoundingClientRect();
+      }, n = function() {
+        return t.adapter.getCheckmarkBoundingClientRect();
+      };
+      if (!this.adapter.hasLeadingIcon()) {
+        var r = n();
+        if (r) {
+          var s = i();
+          return {
+            bottom: s.bottom,
+            height: s.height,
+            left: s.left,
+            right: s.right,
+            top: s.top,
+            width: s.width + r.height
+          };
+        }
+      }
+      return i();
+    }, e.prototype.beginExit = function() {
+      this.adapter.addClass(f.CHIP_EXIT);
+    }, e.prototype.handleClick = function() {
+      this.adapter.notifyInteraction(), this.setPrimaryActionFocusable_(this.getFocusBehavior_());
+    }, e.prototype.handleDoubleClick = function() {
+      this.isEditable() && this.startEditing();
+    }, e.prototype.handleTransitionEnd = function(t) {
+      var i = this, n = this.adapter.eventTargetHasClass(t.target, f.CHIP_EXIT), r = t.propertyName === "width", s = t.propertyName === "opacity";
+      if (n && s) {
+        var d = this.adapter.getComputedStyleValue("width");
+        requestAnimationFrame(function() {
+          i.adapter.setStyleProperty("width", d), i.adapter.setStyleProperty("padding", "0"), i.adapter.setStyleProperty("margin", "0"), requestAnimationFrame(function() {
+            i.adapter.setStyleProperty("width", "0");
+          });
+        });
+        return;
+      }
+      if (n && r) {
+        this.removeFocus();
+        var E = this.adapter.getAttribute(a.REMOVED_ANNOUNCEMENT_ATTRIBUTE);
+        this.adapter.notifyRemoval(E);
+      }
+      if (s) {
+        var _ = this.adapter.eventTargetHasClass(t.target, f.LEADING_ICON) && this.adapter.hasClass(f.SELECTED), g = this.adapter.eventTargetHasClass(t.target, f.CHECKMARK) && !this.adapter.hasClass(f.SELECTED);
+        if (_) {
+          this.adapter.addClassToLeadingIcon(f.HIDDEN_LEADING_ICON);
+          return;
+        }
+        if (g) {
+          this.adapter.removeClassFromLeadingIcon(f.HIDDEN_LEADING_ICON);
+          return;
+        }
+      }
+    }, e.prototype.handleFocusIn = function(t) {
+      this.eventFromPrimaryAction_(t) && this.adapter.addClass(f.PRIMARY_ACTION_FOCUSED);
+    }, e.prototype.handleFocusOut = function(t) {
+      this.eventFromPrimaryAction_(t) && (this.isEditing() && this.finishEditing(), this.adapter.removeClass(f.PRIMARY_ACTION_FOCUSED));
+    }, e.prototype.handleTrailingActionInteraction = function() {
+      this.adapter.notifyTrailingIconInteraction(), this.removeChip_();
+    }, e.prototype.handleKeydown = function(t) {
+      if (this.isEditing()) {
+        this.shouldFinishEditing(t) && (t.preventDefault(), this.finishEditing());
+        return;
+      }
+      if (this.isEditable() && this.shouldStartEditing(t) && (t.preventDefault(), this.startEditing()), this.shouldNotifyInteraction_(t)) {
+        this.adapter.notifyInteraction(), this.setPrimaryActionFocusable_(this.getFocusBehavior_());
+        return;
+      }
+      if (this.isDeleteAction_(t)) {
+        t.preventDefault(), this.removeChip_();
+        return;
+      }
+      m.has(t.key) && (t.preventDefault(), this.focusNextAction_(t.key, O.PRIMARY));
+    }, e.prototype.handleTrailingActionNavigation = function(t) {
+      return this.focusNextAction_(t.detail.key, O.TRAILING);
+    }, e.prototype.removeFocus = function() {
+      this.adapter.setPrimaryActionAttr(a.TAB_INDEX, "-1"), this.adapter.removeTrailingActionFocus();
+    }, e.prototype.focusPrimaryAction = function() {
+      this.setPrimaryActionFocusable_(G.SHOULD_FOCUS);
+    }, e.prototype.focusTrailingAction = function() {
+      var t = this.adapter.isTrailingActionNavigable();
+      if (t) {
+        this.adapter.setPrimaryActionAttr(a.TAB_INDEX, "-1"), this.adapter.focusTrailingAction();
+        return;
+      }
+      this.focusPrimaryAction();
+    }, e.prototype.setPrimaryActionFocusable_ = function(t) {
+      this.adapter.setPrimaryActionAttr(a.TAB_INDEX, "0"), t === G.SHOULD_FOCUS && this.adapter.focusPrimaryAction(), this.adapter.removeTrailingActionFocus();
+    }, e.prototype.getFocusBehavior_ = function() {
+      return this.shouldFocusPrimaryActionOnClick_ ? G.SHOULD_FOCUS : G.SHOULD_NOT_FOCUS;
+    }, e.prototype.focusNextAction_ = function(t, i) {
+      var n = this.adapter.isTrailingActionNavigable(), r = this.getDirection_(t);
+      if (P.has(t) || !n)
+        return this.adapter.notifyNavigation(t, i);
+      if (i === O.PRIMARY && r === T.RIGHT)
+        return this.focusTrailingAction();
+      if (i === O.TRAILING && r === T.LEFT)
+        return this.focusPrimaryAction();
+      this.adapter.notifyNavigation(t, O.NONE);
+    }, e.prototype.getDirection_ = function(t) {
+      var i = this.adapter.isRTL(), n = t === a.ARROW_LEFT_KEY || t === a.IE_ARROW_LEFT_KEY, r = t === a.ARROW_RIGHT_KEY || t === a.IE_ARROW_RIGHT_KEY;
+      return !i && n || i && r ? T.LEFT : T.RIGHT;
+    }, e.prototype.removeChip_ = function() {
+      this.shouldRemoveOnTrailingIconClick_ && this.beginExit();
+    }, e.prototype.shouldStartEditing = function(t) {
+      return this.eventFromPrimaryAction_(t) && t.key === a.ENTER_KEY;
+    }, e.prototype.shouldFinishEditing = function(t) {
+      return t.key === a.ENTER_KEY;
+    }, e.prototype.shouldNotifyInteraction_ = function(t) {
+      return t.key === a.ENTER_KEY || t.key === a.SPACEBAR_KEY;
+    }, e.prototype.isDeleteAction_ = function(t) {
+      var i = this.adapter.hasClass(f.DELETABLE);
+      return i && (t.key === a.BACKSPACE_KEY || t.key === a.DELETE_KEY || t.key === a.IE_DELETE_KEY);
+    }, e.prototype.setSelected_ = function(t) {
+      t ? (this.adapter.addClass(f.SELECTED), this.adapter.setPrimaryActionAttr(a.ARIA_CHECKED, "true")) : (this.adapter.removeClass(f.SELECTED), this.adapter.setPrimaryActionAttr(a.ARIA_CHECKED, "false"));
+    }, e.prototype.notifySelection_ = function(t) {
+      this.adapter.notifySelection(t, !1);
+    }, e.prototype.notifyIgnoredSelection_ = function(t) {
+      this.adapter.notifySelection(t, !0);
+    }, e.prototype.eventFromPrimaryAction_ = function(t) {
+      return this.adapter.eventTargetHasClass(t.target, f.PRIMARY_ACTION);
+    }, e.prototype.startEditing = function() {
+      this.adapter.addClass(f.EDITING), this.adapter.notifyEditStart();
+    }, e.prototype.finishEditing = function() {
+      this.adapter.removeClass(f.EDITING), this.adapter.notifyEditFinish();
+    }, e;
+  }(_t)
+);
+/**
+ * @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 wt = (
+  /** @class */
+  function(o) {
+    U(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return Object.defineProperty(e.prototype, "selected", {
+      /**
+       * @return Whether the chip is selected.
+       */
+      get: function() {
+        return this.foundation.isSelected();
+      },
+      /**
+       * Sets selected state on the chip.
+       */
+      set: function(t) {
+        this.foundation.setSelected(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "shouldRemoveOnTrailingIconClick", {
+      /**
+       * @return Whether a trailing icon click should trigger exit/removal of the chip.
+       */
+      get: function() {
+        return this.foundation.getShouldRemoveOnTrailingIconClick();
+      },
+      /**
+       * Sets whether a trailing icon click should trigger exit/removal of the chip.
+       */
+      set: function(t) {
+        this.foundation.setShouldRemoveOnTrailingIconClick(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "setShouldFocusPrimaryActionOnClick", {
+      /**
+       * Sets whether a clicking on the chip should focus the primary action.
+       */
+      set: function(t) {
+        this.foundation.setShouldFocusPrimaryActionOnClick(t);
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "ripple", {
+      get: function() {
+        return this.ripple_;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "id", {
+      get: function() {
+        return this.root.id;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.attachTo = function(t) {
+      return new e(t);
+    }, e.prototype.initialize = function(t, i) {
+      var n = this;
+      t === void 0 && (t = function(d, E) {
+        return new et(d, E);
+      }), i === void 0 && (i = function(d) {
+        return new xt(d);
+      }), this.leadingIcon_ = this.root.querySelector(a.LEADING_ICON_SELECTOR), this.checkmark_ = this.root.querySelector(a.CHECKMARK_SELECTOR), this.primaryAction_ = this.root.querySelector(a.PRIMARY_ACTION_SELECTOR);
+      var r = this.root.querySelector(a.TRAILING_ACTION_SELECTOR);
+      r && (this.trailingAction_ = i(r));
+      var s = A(A({}, et.createAdapter(this)), { computeBoundingRect: function() {
+        return n.foundation.getDimensions();
+      } });
+      this.ripple_ = t(this.root, new kt(s));
+    }, e.prototype.initialSyncWithDOM = function() {
+      var t = this;
+      this.handleTrailingActionInteraction_ = function() {
+        t.foundation.handleTrailingActionInteraction();
+      }, this.handleTrailingActionNavigation_ = function(i) {
+        t.foundation.handleTrailingActionNavigation(i);
+      }, this.handleClick_ = function() {
+        t.foundation.handleClick();
+      }, this.handleKeydown_ = function(i) {
+        t.foundation.handleKeydown(i);
+      }, this.handleTransitionEnd_ = function(i) {
+        t.foundation.handleTransitionEnd(i);
+      }, this.handleFocusIn_ = function(i) {
+        t.foundation.handleFocusIn(i);
+      }, this.handleFocusOut_ = function(i) {
+        t.foundation.handleFocusOut(i);
+      }, this.listen("transitionend", this.handleTransitionEnd_), this.listen("click", this.handleClick_), this.listen("keydown", this.handleKeydown_), this.listen("focusin", this.handleFocusIn_), this.listen("focusout", this.handleFocusOut_), this.trailingAction_ && (this.listen(y.INTERACTION_EVENT, this.handleTrailingActionInteraction_), this.listen(y.NAVIGATION_EVENT, this.handleTrailingActionNavigation_));
+    }, e.prototype.destroy = function() {
+      this.ripple_.destroy(), this.unlisten("transitionend", this.handleTransitionEnd_), this.unlisten("keydown", this.handleKeydown_), this.unlisten("click", this.handleClick_), this.unlisten("focusin", this.handleFocusIn_), this.unlisten("focusout", this.handleFocusOut_), this.trailingAction_ && (this.unlisten(y.INTERACTION_EVENT, this.handleTrailingActionInteraction_), this.unlisten(y.NAVIGATION_EVENT, this.handleTrailingActionNavigation_)), o.prototype.destroy.call(this);
+    }, e.prototype.beginExit = function() {
+      this.foundation.beginExit();
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, i = {
+        addClass: function(n) {
+          return t.root.classList.add(n);
+        },
+        addClassToLeadingIcon: function(n) {
+          t.leadingIcon_ && t.leadingIcon_.classList.add(n);
+        },
+        eventTargetHasClass: function(n, r) {
+          return n ? n.classList.contains(r) : !1;
+        },
+        focusPrimaryAction: function() {
+          t.primaryAction_ && t.primaryAction_.focus();
+        },
+        focusTrailingAction: function() {
+          t.trailingAction_ && t.trailingAction_.focus();
+        },
+        getAttribute: function(n) {
+          return t.root.getAttribute(n);
+        },
+        getCheckmarkBoundingClientRect: function() {
+          return t.checkmark_ ? t.checkmark_.getBoundingClientRect() : null;
+        },
+        getComputedStyleValue: function(n) {
+          return window.getComputedStyle(t.root).getPropertyValue(n);
+        },
+        getRootBoundingClientRect: function() {
+          return t.root.getBoundingClientRect();
+        },
+        hasClass: function(n) {
+          return t.root.classList.contains(n);
+        },
+        hasLeadingIcon: function() {
+          return !!t.leadingIcon_;
+        },
+        isRTL: function() {
+          return window.getComputedStyle(t.root).getPropertyValue("direction") === "rtl";
+        },
+        isTrailingActionNavigable: function() {
+          return t.trailingAction_ ? t.trailingAction_.isNavigable() : !1;
+        },
+        notifyInteraction: function() {
+          return t.emit(
+            a.INTERACTION_EVENT,
+            { chipId: t.id },
+            !0
+            /* shouldBubble */
+          );
+        },
+        notifyNavigation: function(n, r) {
+          return t.emit(
+            a.NAVIGATION_EVENT,
+            { chipId: t.id, key: n, source: r },
+            !0
+            /* shouldBubble */
+          );
+        },
+        notifyRemoval: function(n) {
+          t.emit(
+            a.REMOVAL_EVENT,
+            { chipId: t.id, removedAnnouncement: n },
+            !0
+            /* shouldBubble */
+          );
+        },
+        notifySelection: function(n, r) {
+          return t.emit(
+            a.SELECTION_EVENT,
+            { chipId: t.id, selected: n, shouldIgnore: r },
+            !0
+            /* shouldBubble */
+          );
+        },
+        notifyTrailingIconInteraction: function() {
+          return t.emit(
+            a.TRAILING_ICON_INTERACTION_EVENT,
+            { chipId: t.id },
+            !0
+            /* shouldBubble */
+          );
+        },
+        notifyEditStart: function() {
+        },
+        notifyEditFinish: function() {
+        },
+        removeClass: function(n) {
+          return t.root.classList.remove(n);
+        },
+        removeClassFromLeadingIcon: function(n) {
+          t.leadingIcon_ && t.leadingIcon_.classList.remove(n);
+        },
+        removeTrailingActionFocus: function() {
+          t.trailingAction_ && t.trailingAction_.removeFocus();
+        },
+        setPrimaryActionAttr: function(n, r) {
+          t.primaryAction_ && t.primaryAction_.setAttribute(n, r);
+        },
+        setStyleProperty: function(n, r) {
+          return t.root.style.setProperty(n, r);
+        }
+      };
+      return new Ct(i);
+    }, e.prototype.setSelectedFromChipSet = function(t, i) {
+      this.foundation.setSelectedFromChipSet(t, i);
+    }, e.prototype.focusPrimaryAction = function() {
+      this.foundation.focusPrimaryAction();
+    }, e.prototype.focusTrailingAction = function() {
+      this.foundation.focusTrailingAction();
+    }, e.prototype.removeFocus = function() {
+      this.foundation.removeFocus();
+    }, e.prototype.remove = function() {
+      var t = this.root.parentNode;
+      t !== null && t.removeChild(this.root);
+    }, e;
+  }(Et)
+);
+/**
+ * @license
+ * Copyright 2020 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var pt;
+(function(o) {
+  o.POLITE = "polite", o.ASSERTIVE = "assertive";
+})(pt || (pt = {}));
+var ce = "data-mdc-dom-announce";
+function le(o, e) {
+  de.getInstance().say(o, e);
+}
+var de = (
+  /** @class */
+  function() {
+    function o() {
+      this.liveRegions = /* @__PURE__ */ new Map();
+    }
+    return o.getInstance = function() {
+      return o.instance || (o.instance = new o()), o.instance;
+    }, o.prototype.say = function(e, t) {
+      t === void 0 && (t = pt.POLITE);
+      var i = this.getLiveRegion(t);
+      i.textContent = "", setTimeout(function() {
+        i.textContent = e, document.addEventListener("click", n);
+      }, 1);
+      function n() {
+        i.textContent = "", document.removeEventListener("click", n);
+      }
+    }, o.prototype.getLiveRegion = function(e) {
+      var t = this.liveRegions.get(e);
+      if (t && document.body.contains(t))
+        return t;
+      var i = this.createLiveRegion(e);
+      return this.liveRegions.set(e, i), i;
+    }, o.prototype.createLiveRegion = function(e) {
+      var t = document.createElement("div");
+      return t.style.position = "absolute", t.style.top = "-9999px", t.style.left = "-9999px", t.style.height = "1px", t.style.overflow = "hidden", t.setAttribute("aria-atomic", "true"), t.setAttribute("aria-live", e), t.setAttribute(ce, "true"), document.body.appendChild(t), t;
+    }, o;
+  }()
+);
+/**
+ * @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 = {
+  CHIP_SELECTOR: ".mdc-chip"
+}, q = {
+  CHOICE: "mdc-chip-set--choice",
+  FILTER: "mdc-chip-set--filter"
+};
+/**
+ * @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 It = (
+  /** @class */
+  function(o) {
+    U(e, o);
+    function e(t) {
+      var i = o.call(this, A(A({}, e.defaultAdapter), t)) || this;
+      return i.selectedChipIds_ = [], i;
+    }
+    return Object.defineProperty(e, "strings", {
+      get: function() {
+        return Ht;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "cssClasses", {
+      get: function() {
+        return q;
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e, "defaultAdapter", {
+      get: function() {
+        return {
+          announceMessage: function() {
+          },
+          focusChipPrimaryActionAtIndex: function() {
+          },
+          focusChipTrailingActionAtIndex: function() {
+          },
+          getChipListCount: function() {
+            return -1;
+          },
+          getIndexOfChipById: function() {
+            return -1;
+          },
+          hasClass: function() {
+            return !1;
+          },
+          isRTL: function() {
+            return !1;
+          },
+          removeChipAtIndex: function() {
+          },
+          removeFocusFromChipAtIndex: function() {
+          },
+          selectChipAtIndex: function() {
+          }
+        };
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.getSelectedChipIds = function() {
+      return this.selectedChipIds_.slice();
+    }, e.prototype.select = function(t) {
+      this.select_(t, !1);
+    }, e.prototype.handleChipInteraction = function(t) {
+      var i = t.chipId, n = this.adapter.getIndexOfChipById(i);
+      this.removeFocusFromChipsExcept_(n), (this.adapter.hasClass(q.CHOICE) || this.adapter.hasClass(q.FILTER)) && this.toggleSelect_(i);
+    }, e.prototype.handleChipSelection = function(t) {
+      var i = t.chipId, n = t.selected, r = t.shouldIgnore;
+      if (!r) {
+        var s = this.selectedChipIds_.indexOf(i) >= 0;
+        n && !s ? this.select(i) : !n && s && this.deselect_(i);
+      }
+    }, e.prototype.handleChipRemoval = function(t) {
+      var i = t.chipId, n = t.removedAnnouncement;
+      n && this.adapter.announceMessage(n);
+      var r = this.adapter.getIndexOfChipById(i);
+      this.deselectAndNotifyClients_(i), this.adapter.removeChipAtIndex(r);
+      var s = this.adapter.getChipListCount() - 1;
+      if (!(s < 0)) {
+        var d = Math.min(r, s);
+        this.removeFocusFromChipsExcept_(d), this.adapter.focusChipTrailingActionAtIndex(d);
+      }
+    }, e.prototype.handleChipNavigation = function(t) {
+      var i = t.chipId, n = t.key, r = t.source, s = this.adapter.getChipListCount() - 1, d = this.adapter.getIndexOfChipById(i);
+      if (!(d === -1 || !m.has(n))) {
+        var E = this.adapter.isRTL(), _ = n === a.ARROW_LEFT_KEY || n === a.IE_ARROW_LEFT_KEY, g = n === a.ARROW_RIGHT_KEY || n === a.IE_ARROW_RIGHT_KEY, S = n === a.ARROW_DOWN_KEY || n === a.IE_ARROW_DOWN_KEY, k = !E && g || E && _ || S, R = n === a.HOME_KEY, b = n === a.END_KEY;
+        k ? d++ : R ? d = 0 : b ? d = s : d--, !(d < 0 || d > s) && (this.removeFocusFromChipsExcept_(d), this.focusChipAction_(d, n, r));
+      }
+    }, e.prototype.focusChipAction_ = function(t, i, n) {
+      var r = P.has(i);
+      if (r && n === O.PRIMARY)
+        return this.adapter.focusChipPrimaryActionAtIndex(t);
+      if (r && n === O.TRAILING)
+        return this.adapter.focusChipTrailingActionAtIndex(t);
+      var s = this.getDirection_(i);
+      if (s === T.LEFT)
+        return this.adapter.focusChipTrailingActionAtIndex(t);
+      if (s === T.RIGHT)
+        return this.adapter.focusChipPrimaryActionAtIndex(t);
+    }, e.prototype.getDirection_ = function(t) {
+      var i = this.adapter.isRTL(), n = t === a.ARROW_LEFT_KEY || t === a.IE_ARROW_LEFT_KEY, r = t === a.ARROW_RIGHT_KEY || t === a.IE_ARROW_RIGHT_KEY;
+      return !i && n || i && r ? T.LEFT : T.RIGHT;
+    }, e.prototype.deselect_ = function(t, i) {
+      i === void 0 && (i = !1);
+      var n = this.selectedChipIds_.indexOf(t);
+      if (n >= 0) {
+        this.selectedChipIds_.splice(n, 1);
+        var r = this.adapter.getIndexOfChipById(t);
+        this.adapter.selectChipAtIndex(
+          r,
+          /** isSelected */
+          !1,
+          i
+        );
+      }
+    }, e.prototype.deselectAndNotifyClients_ = function(t) {
+      this.deselect_(t, !0);
+    }, e.prototype.toggleSelect_ = function(t) {
+      this.selectedChipIds_.indexOf(t) >= 0 ? this.deselectAndNotifyClients_(t) : this.selectAndNotifyClients_(t);
+    }, e.prototype.removeFocusFromChipsExcept_ = function(t) {
+      for (var i = this.adapter.getChipListCount(), n = 0; n < i; n++)
+        n !== t && this.adapter.removeFocusFromChipAtIndex(n);
+    }, e.prototype.selectAndNotifyClients_ = function(t) {
+      this.select_(t, !0);
+    }, e.prototype.select_ = function(t, i) {
+      if (!(this.selectedChipIds_.indexOf(t) >= 0)) {
+        if (this.adapter.hasClass(q.CHOICE) && this.selectedChipIds_.length > 0) {
+          var n = this.selectedChipIds_[0], r = this.adapter.getIndexOfChipById(n);
+          this.selectedChipIds_ = [], this.adapter.selectChipAtIndex(
+            r,
+            /** isSelected */
+            !1,
+            i
+          );
+        }
+        this.selectedChipIds_.push(t);
+        var s = this.adapter.getIndexOfChipById(t);
+        this.adapter.selectChipAtIndex(
+          s,
+          /** isSelected */
+          !0,
+          i
+        );
+      }
+    }, e;
+  }(_t)
+);
+/**
+ * @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 it = Ct.strings, bt = it.INTERACTION_EVENT, Dt = it.SELECTION_EVENT, Lt = it.REMOVAL_EVENT, Ft = it.NAVIGATION_EVENT, ue = It.strings.CHIP_SELECTOR, Pt = 0, he = (
+  /** @class */
+  function(o) {
+    U(e, o);
+    function e() {
+      return o !== null && o.apply(this, arguments) || this;
+    }
+    return e.attachTo = function(t) {
+      return new e(t);
+    }, Object.defineProperty(e.prototype, "chips", {
+      get: function() {
+        return this.chips_.slice();
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(e.prototype, "selectedChipIds", {
+      /**
+       * @return An array of the IDs of all selected chips.
+       */
+      get: function() {
+        return this.foundation.getSelectedChipIds();
+      },
+      enumerable: !1,
+      configurable: !0
+    }), e.prototype.initialize = function(t) {
+      t === void 0 && (t = function(i) {
+        return new wt(i);
+      }), this.chipFactory_ = t, this.chips_ = this.instantiateChips_(this.chipFactory_);
+    }, e.prototype.initialSyncWithDOM = function() {
+      var t = this;
+      this.chips_.forEach(function(i) {
+        i.id && i.selected && t.foundation.select(i.id);
+      }), this.handleChipInteraction_ = function(i) {
+        return t.foundation.handleChipInteraction(i.detail);
+      }, this.handleChipSelection_ = function(i) {
+        return t.foundation.handleChipSelection(i.detail);
+      }, this.handleChipRemoval_ = function(i) {
+        return t.foundation.handleChipRemoval(i.detail);
+      }, this.handleChipNavigation_ = function(i) {
+        return t.foundation.handleChipNavigation(i.detail);
+      }, this.listen(bt, this.handleChipInteraction_), this.listen(Dt, this.handleChipSelection_), this.listen(Lt, this.handleChipRemoval_), this.listen(Ft, this.handleChipNavigation_);
+    }, e.prototype.destroy = function() {
+      this.chips_.forEach(function(t) {
+        t.destroy();
+      }), this.unlisten(bt, this.handleChipInteraction_), this.unlisten(Dt, this.handleChipSelection_), this.unlisten(Lt, this.handleChipRemoval_), this.unlisten(Ft, this.handleChipNavigation_), o.prototype.destroy.call(this);
+    }, e.prototype.addChip = function(t) {
+      t.id = t.id || "mdc-chip-" + ++Pt, this.chips_.push(this.chipFactory_(t));
+    }, e.prototype.getDefaultFoundation = function() {
+      var t = this, i = {
+        announceMessage: function(n) {
+          le(n);
+        },
+        focusChipPrimaryActionAtIndex: function(n) {
+          t.chips_[n].focusPrimaryAction();
+        },
+        focusChipTrailingActionAtIndex: function(n) {
+          t.chips_[n].focusTrailingAction();
+        },
+        getChipListCount: function() {
+          return t.chips_.length;
+        },
+        getIndexOfChipById: function(n) {
+          return t.findChipIndex_(n);
+        },
+        hasClass: function(n) {
+          return t.root.classList.contains(n);
+        },
+        isRTL: function() {
+          return window.getComputedStyle(t.root).getPropertyValue("direction") === "rtl";
+        },
+        removeChipAtIndex: function(n) {
+          n >= 0 && n < t.chips_.length && (t.chips_[n].destroy(), t.chips_[n].remove(), t.chips_.splice(n, 1));
+        },
+        removeFocusFromChipAtIndex: function(n) {
+          t.chips_[n].removeFocus();
+        },
+        selectChipAtIndex: function(n, r, s) {
+          n >= 0 && n < t.chips_.length && t.chips_[n].setSelectedFromChipSet(r, s);
+        }
+      };
+      return new It(i);
+    }, e.prototype.instantiateChips_ = function(t) {
+      var i = [].slice.call(this.root.querySelectorAll(ue));
+      return i.map(function(n) {
+        return n.id = n.id || "mdc-chip-" + ++Pt, t(n);
+      });
+    }, e.prototype.findChipIndex_ = function(t) {
+      for (var i = 0; i < this.chips_.length; i++)
+        if (this.chips_[i].id === t)
+          return i;
+      return -1;
+    }, e;
+  }(Et)
+);
+/**
+ * @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.
+ */
+const pe = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  MDCChip: wt,
+  MDCChipFoundation: Ct,
+  MDCChipSet: he,
+  MDCChipSetFoundation: It,
+  MDCChipTrailingAction: xt,
+  MDCChipTrailingActionFoundation: Yt,
+  chipCssClasses: f,
+  chipSetCssClasses: q,
+  chipSetStrings: Ht,
+  chipStrings: a,
+  trailingActionStrings: y
+}, Symbol.toStringTag, { value: "Module" }));
+var fe = oe();
+const _e = /* @__PURE__ */ ne(fe), Ee = {
+  /**
+   * The property on each chip  that represents the id. If one is not provided material will generate an automatic ID.
+   *
+   * Defaults to **empty string**.
+   */
+  chipIdField: l.string,
+  /**
+   * The property on each chip that is used as a unique key.
+   *
+   * Defaults to **'id'**.
+   */
+  chipKeyField: l.string,
+  /**
+   * The property for the label on each chip. The `labelRenderer` overrides the rendering of the label field
+   *
+   * Defaults to **'label'**.
+   */
+  chipLabelField: l.string,
+  /**
+   * Array of chips to manager and render.
+   *
+   * Defaults to **[]**.
+   */
+  chips: l.array.isRequired,
+  /**
+   * Prevent the user from interacting with the chips.
+   *
+   * Defaults to **false**.
+   */
+  disabled: l.bool,
+  /**
+   * Allows chips to be dynamically added and removed upon trailing icon interaction.
+   *
+   * Defaults to **false**.
+   */
+  input: l.bool,
+  /**
+   * Returns the label to be rendered on each chip. Receives the chipData.
+   *
+   * Defaults to **null**.
+   */
+  labelRenderer: l.oneOfType([l.node, l.func]),
+  /**
+   * Leading icon render function. `chip` and `iconProps` is passed into the params. `iconProps` contains all the props for the icon component. If unused, a material icon rendering the `leadingIconField` of each chip is used
+   *
+   * Defaults to **null**.
+   */
+  leadingIcon: l.func,
+  /**
+   * Leading icon property name for each chip. The leading icon property can either be a string corresponding to an icon, or an object containing all the properties for the icon component.
+   *
+   * Defaults to **'leadingIcon'**.
+   */
+  leadingIconField: l.string,
+  /**
+   * Fired when the chip is interacted with (via click/tap or Enter key).
+   *
+   * Defaults to **null**.
+   */
+  onInteraction: l.func,
+  /**
+   * Fired when a chip is removed.
+   *
+   * Defaults to **null**.
+   */
+  onRemoval: l.func,
+  /**
+   * Fired when the chips are removed (*input chips* only).
+   *
+   * Defaults to **null**.
+   */
+  onUpdateChips: l.func,
+  /**
+   * Fired when the selected chips are updated (choice and filter chips only).
+   *
+   * Defaults to **null**.
+   */
+  onUpdateSelectedChips: l.func,
+  /**
+   * Prevents choice chips from being deselected upon interaction.
+   *
+   * Defaults to **false**.
+   */
+  preventChoiceDeselection: l.bool,
+  /**
+   * Chips do not break on a newline. The user must scroll horizontally if there is any overflow.
+   *
+   * Defaults to **false**.
+   */
+  scrollable: l.bool,
+  /**
+   * Array of currently selected chips.
+   *
+   * Defaults to **[]**.
+   */
+  selectedChips: l.array,
+  /**
+   * Filter enables selection of multiple chips and will add a check mark to selected chips. Choice allows only one selected chip.
+   *
+   * Defaults to **'default'**.
+   */
+  selectionType: l.oneOf(["default", "choice", "filter"]),
+  /**
+   * Trailing icon render function. `chip` and `iconProps` is passed into the params. `iconProps` contains all the props for the icon component. If unused, a material icon rendering the `trailingIconField` of each chip is used
+   *
+   * Defaults to **null**.
+   */
+  trailingIcon: l.func,
+  /**
+   * Trailing icon property name for each chip. The trailing icon property can either be a string corresponding to an icon, or an object containing all the properties for the icon component.
+   *
+   * Defaults to **'trailingIcon'**.
+   */
+  trailingIconField: l.string,
+  /**
+   * Shows chips as `filled` or `outlined`.
+   *
+   * Defaults to **'filled'**.
+   */
+  variant: l.oneOf(["filled", "outlined"])
+}, Ce = {
+  chipIdField: "",
+  chipKeyField: "id",
+  chipLabelField: "label",
+  chips: [],
+  disabled: !1,
+  input: !1,
+  labelRenderer: null,
+  leadingIcon: null,
+  leadingIconField: "leadingIcon",
+  preventChoiceDeselection: !1,
+  scrollable: !1,
+  selectedChips: [],
+  selectionType: "default",
+  trailingIcon: null,
+  trailingIconField: "trailingIcon",
+  variant: "filled"
+}, Ie = {
+  /**
+   * Chip data to be rendered. If no `label` is passed in, `chipData` will be used. If using an object, use the `chipLabelField` to set property to be rendered as the label. You may also set `leadingIconField` and `trailingIconField`, as well as labelRenderer for additional control.
+   *
+   * Defaults to **null**.
+   */
+  chipData: l.any.isRequired,
+  /**
+   * The property on the chip that represents the id. If one is not provided material will generate an automatic ID.
+   *
+   * Defaults to **empty string**.
+   */
+  chipIdField: l.string,
+  /**
+   * The property on the chip that is the label. The default slot overrides the rendering of the label.
+   *
+   * Defaults to **empty string**.
+   */
+  chipLabelField: l.string.isRequired,
+  /**
+   * Prevent the user from interacting with the chip.
+   *
+   * Defaults to **false**.
+   */
+  disabled: l.bool,
+  /**
+   * Custom id.
+   *
+   * Defaults to **undefined**.
+   */
+  id: l.string,
+  /**
+   * If the chip is selected on mount.
+   *
+   * Defaults to **null**.
+   */
+  initiallySelected: l.bool.isRequired,
+  /**
+   * Allows chip to be dynamically added and removed upon trailing icon interaction.
+   *
+   * Defaults to **null**.
+   */
+  input: l.bool.isRequired,
+  /**
+   * The label to be rendered on each chip. Optionally `chipData` and `chipLabelField` may be used instead of `label`.
+   *
+   * Defaults to **null**.
+   */
+  label: l.node,
+  /**
+   * Returns the label to be rendered on each chip. Receives the chipData.
+   *
+   * Defaults to **null**.
+   */
+  labelRenderer: l.oneOfType([l.node, l.func]),
+  /**
+   * Slot for leading icon. `chip` and `iconProps` is passed into the slots params. `iconProps` contains all the props for the icon component. If there is no leading icon, a material icon rendering the `leadingIconPropName` of each chip is used.
+   *
+   * Defaults to **null**.
+   */
+  leadingIcon: l.func,
+  /**
+   * Leading icon property name for the chip. The leading icon property can either be a string corresponding to an icon, or an object containing all the properties for the icon component.
+   *
+   * Defaults to **empty string**.
+   */
+  leadingIconField: l.string.isRequired,
+  /**
+   * Called when chip is clicked.
+   *
+   * Defaults to **null**.
+   */
+  onClick: l.func,
+  /**
+   * Fired when the chip is destroyed.
+   *
+   * Defaults to **null**.
+   */
+  onDestroy: l.func,
+  /**
+   * Called when Enter is pressed.
+   *
+   * Defaults to **null**.
+   */
+  onEnter: l.func,
+  /**
+   * Fired when the chip is mounted.
+   *
+   * Defaults to **null**.
+   */
+  onMounted: l.func,
+  /**
+   * The type`filter` enables selection of multiple chips and will add a check mark to selected chips. The type`choice` allows only one selected chip.
+   *
+   * Defaults to **'default'**.
+   */
+  selectionType: l.oneOf(["default", "choice", "filter"]),
+  /**
+   * Slot for trailing icon. `chip` and `iconProps` is passed into the slots params. `iconProps` contains all the props for the icon component. If there is no trailing icon, a material icon rendering the `trailingIconPropName` of each chip is used.
+   *
+   * Defaults to **null**.
+   */
+  trailingIcon: l.func,
+  /**
+   * Trailing icon property name for the chip. The trailing icon property can either be a string corresponding to an icon, or an object containing all the properties for the icon component.
+   *
+   * Defaults to **empty string**.
+   */
+  trailingIconField: l.string.isRequired,
+  /**
+   * Applies the selected style.
+   *
+   * Defaults to **'filled'**.
+   */
+  variant: l.oneOf(["filled", "outlined"]).isRequired
+}, ge = {
+  chipData: null,
+  chipIdField: "",
+  chipLabelField: "",
+  disabled: !1,
+  id: void 0,
+  initiallySelected: null,
+  input: null,
+  label: null,
+  labelRenderer: null,
+  leadingIcon: null,
+  leadingIconField: "",
+  selectionType: "default",
+  trailingIcon: null,
+  trailingIconField: "",
+  variant: "filled"
+}, Bt = (o, e) => {
+  var t;
+  const i = o == null || (t = o.chipData) === null || t === void 0 ? void 0 : t[e];
+  if (i) {
+    if (typeof i == "string")
+      return {
+        icon: i
+      };
+    if (typeof i == "object")
+      return i;
+    Zt(`${e} chip field must be of type string or object`);
+  }
+  return {};
+}, me = (o) => {
+  const e = Bt(o, o.leadingIconField), t = o.initiallySelected ? "mdc-chip__icon--leading-hidden" : "";
+  return {
+    chip: o.chipData,
+    iconProps: {
+      ...e,
+      className: `mdc-chip__icon mdc-chip__icon--leading ${t}`,
+      tabIndex: "-1",
+      role: "gridcell"
+    }
+  };
+}, ye = (o) => {
+  const {
+    icon: e,
+    ...t
+  } = Bt(o, o.trailingIconField);
+  return {
+    chip: o.chipData,
+    iconProps: {
+      ...t,
+      icon: e || "cancel",
+      className: "mdc-chip__icon mdc-chip__icon--trailing mdc-chip-trailing-action",
+      role: "button",
+      tabIndex: "0"
+    }
+  };
+}, Ae = /* @__PURE__ */ C.createElement("span", {
+  className: "mdc-chip__checkmark"
+}, /* @__PURE__ */ C.createElement("svg", {
+  className: "mdc-chip__checkmark-svg",
+  viewBox: "-2 -3 30 30"
+}, /* @__PURE__ */ C.createElement("path", {
+  className: "mdc-chip__checkmark-path",
+  fill: "none",
+  stroke: "black",
+  d: "M1.73,12.91 8.1,19.28 22.79,4.59"
+}))), nt = /* @__PURE__ */ Xt((o, e) => {
+  const {
+    chipData: t,
+    chipIdField: i,
+    chipLabelField: n,
+    disabled: r,
+    id: s,
+    initiallySelected: d,
+    input: E,
+    label: _,
+    labelRenderer: g,
+    leadingIcon: S,
+    leadingIconField: k,
+    onDestroy: R,
+    onMounted: b,
+    selectionType: X,
+    trailingIcon: Y,
+    trailingIconField: N,
+    variant: z,
+    onClick: x,
+    onEnter: w,
+    ...j
+  } = o, [rt] = $(() => {
+    var u;
+    return s || i && (t == null || (u = t[i]) === null || u === void 0 ? void 0 : u.toString()) || Qt();
+  }), K = Mt();
+  zt(e, () => K.current, []), ft(() => (b?.(t, K.current), () => {
+    R?.(t);
+  }), []);
+  let H, B;
+  const V = me(o);
+  if (S ? B = S(V) : V.iconProps.icon && (B = /* @__PURE__ */ C.createElement(Rt, V.iconProps)), E) {
+    const u = ye(o);
+    Y ? H = Y(u) : H = /* @__PURE__ */ C.createElement(Rt, u.iconProps);
+  }
+  const D = () => _ || (g ? g({
+    chip: t
+  }) : _e(t) ? t[n] : t), at = ut("lmnt", "mdc-chip", "mdc-chip--touch", d && "mdc-chip--selected", z === "outlined" && "mdc-chip--outline", r && "lmnt-chip--disabled"), h = (u) => {
+    r || x?.(u);
+  }, st = (u) => {
+    u.key === "Enter" && w?.(u);
+  };
+  return /* @__PURE__ */ C.createElement("div", Kt({
+    ref: K,
+    className: at,
+    id: rt,
+    role: "row",
+    onClick: h,
+    tabIndex: 0,
+    onKeyUp: st
+  }, j), /* @__PURE__ */ C.createElement("div", {
+    className: "lmnt mdc-chip__ripple"
+  }), B, X === "filter" && Ae, /* @__PURE__ */ C.createElement("span", {
+    role: "gridcell"
+  }, /* @__PURE__ */ C.createElement("span", {
+    role: "checkbox",
+    "aria-checked": "false",
+    tabIndex: "0",
+    className: "mdc-chip__primary-action"
+  }, /* @__PURE__ */ C.createElement("span", {
+    className: "mdc-chip__text"
+  }, D()))), H);
+});
+nt.displayName = "Chip";
+nt.propTypes = Ie;
+nt.defaultProps = ge;
+var ve = /* @__PURE__ */ C.memo(nt);
+const {
+  MDCChipSet: Te
+} = {
+  ...pe
+}, Re = (o) => {
+  const e = Te.attachTo(o);
+  return e.foundation.adapter.removeChipAtIndex = (t) => {
+    t >= 0 && t < e.chips_.length && (e.chips_[t].destroy(), e.chips_.splice(t, 1));
+  }, e;
+}, ot = (o) => {
+  let {
+    children: e,
+    chipIdField: t,
+    chipKeyField: i,
+    chipLabelField: n,
+    chips: r,
+    input: s,
+    labelRenderer: d,
+    leadingIcon: E,
+    leadingIconField: _,
+    onInteraction: g,
+    onRemoval: S,
+    onUpdateChips: k,
+    onUpdateSelectedChips: R,
+    preventChoiceDeselection: b,
+    scrollable: X,
+    selectedChips: Y,
+    selectionType: N,
+    trailingIcon: z,
+    trailingIconField: x,
+    variant: w,
+    disabled: j,
+    ...rt
+  } = o;
+  const K = Mt(!1), [H, {
+    remove: B,
+    set: V
+  }] = se(), [D, at] = $(null), [h, st] = $(null), u = I((c) => c[i] || c, [i]), [gt] = $(() => new Set(Y.map((c) => u(c)))), mt = ht(() => new Set(Y.map((c) => u(c))), [u, Y]);
+  Jt(() => {
+    K.current = !1;
+    const c = D ? Re(D) : null;
+    return st(c), () => {
+      c && (K.current = !0, c.destroy());
+    };
+  }, [D]);
+  const v = I((c) => H[u(c)], [H, u]), J = I((c) => r.find((p) => v(p) === c), [r, v]), Q = I((c) => h?.chips.find((p) => p.id === c), [h]), yt = I((c) => mt.has(u(c)), [u, mt]), At = I((c) => !!gt.has(u(c)), [u, gt]), vt = I((c, p) => {
+    V(u(c), p.id), h?.addChip(p);
+  }, [V, u, h]), Z = I(() => {
+    if (R) {
+      const c = new Set(h?.selectedChipIds);
+      R(r.filter((p) => c.has(v(p))));
+    }
+  }, [h, R, r, v]), ct = I(() => {
+    N !== "choice" && Z();
+  }, [N, Z]), tt = I((c) => {
+    if (!s)
+      return;
+    const p = new Set(h?.chips.map((M) => M.id)), W = r.filter((M) => p.has(v(M)));
+    k && k(W), S && S(c);
+  }, [r, v, s, h, S, k]), Vt = I((c) => {
+    tt(J(c.detail.chipId));
+  }, [J, tt]), Wt = I((c) => {
+    if (g) {
+      const p = J(c.detail.chipId);
+      g(p);
+    }
+    if (N === "choice") {
+      if (b) {
+        const p = Q(c.detail.chipId);
+        if (!p.selected) {
+          p.selected = !0;
+          return;
+        }
+      }
+      Z();
+    }
+  }, [Z, J, Q, g, b, N]), Tt = I((c) => {
+    if (K.current)
+      return;
+    const p = v(c), W = u(c);
+    B(W), Q(p) && (h.foundation.handleChipRemoval({
+      chipId: p
+    }), ct(), tt(c));
+  }, [v, u, Q, h, tt, ct, B]);
+  ft(() => {
+    const c = new Map(h?.chips.map((p) => [p.id, p]));
+    for (const p of r) {
+      const W = yt(p), M = c.get(v(p));
+      M && W !== M.selected && (M.selected = W);
+    }
+  }, [r, v, yt, h]), dt("MDCChip:removal", Vt, D), dt("MDCChip:selection", ct, D), dt("MDCChip:interaction", Wt, D);
+  const Gt = ht(() => r.map((c) => /* @__PURE__ */ C.createElement(ve, {
+    key: u(c),
+    chipData: c,
+    chipIdField: t,
+    chipLabelField: n,
+    initiallySelected: At(c),
+    input: s,
+    label: c[n],
+    labelRenderer: d,
+    leadingIcon: E,
+    leadingIconField: _,
+    onDestroy: Tt,
+    onMounted: vt,
+    selectionType: N,
+    trailingIcon: z,
+    trailingIconField: x,
+    variant: w,
+    disabled: j || c.disabled
+  })), [t, n, r, j, u, s, At, d, E, _, Tt, vt, N, z, x, w]);
+  return /* @__PURE__ */ C.createElement("div", Kt({
+    className: ut("lmnt", X && "mdc-chip-set-scrollable-wrapper")
+  }, rt), /* @__PURE__ */ C.createElement("div", {
+    ref: at,
+    role: "grid",
+    className: ut("lmnt", "mdc-chip-set", N === "choice" && "mdc-chip-set--choice", N === "filter" && "mdc-chip-set--filter", s && "mdc-chip-set--input", X && "mdc-chip-set--input-scroll", j && "lmnt-chips--disabled")
+  }, Gt));
+};
+ot.displayName = "Chips";
+ot.propTypes = Ee;
+ot.defaultProps = Ce;
+var Ne = /* @__PURE__ */ C.memo(ot);
+const Oe = "_entityContainer_1g0x2_1", Se = {
+  entityContainer: Oe
+}, Ve = ({ label: o, icon: e, className: t = "" }) => /* @__PURE__ */ lt(
+  $t,
   {
     "data-testid": "chip-card",
     variant: "flat",
     bodyAlignment: "centered",
     themeColor: "primary-50",
-    className: `${c.entityContainer} ${n}`,
-    children: /* @__PURE__ */ i(a, { id: `chip_card_${t}`, text: t, children: /* @__PURE__ */ i(
-      o,
+    className: `${Se.entityContainer} ${t}`,
+    children: /* @__PURE__ */ lt(re, { id: `chip_card_${o}`, text: o, children: /* @__PURE__ */ lt(
+      Ne,
       {
-        "data-testid": `${t}-chip`,
+        "data-testid": `${o}-chip`,
         chips: [
           {
-            label: t,
-            leadingIcon: r
+            label: o,
+            leadingIcon: e
           }
         ],
         variant: "outlined"
@@ -28,5 +1778,5 @@ const d = "_entityContainer_1g0x2_1", c = {
   }
 );
 export {
-  C as ChipCard
+  Ve as ChipCard
 };