@covalent/components 6.0.1 → 6.0.3

package/mwc-list-base.mjs

@@ -0,0 +1,840 @@
+import { b as p } from "./tslib.es6.mjs";
+import { i as z, e as B, y as P } from "./query-assigned-elements.mjs";
+import { L as H } from "./mwc-list-item-base.mjs";
+import { B as K } from "./base-element.mjs";
+import { o as L } from "./observer.mjs";
+import { i as V, d as X, b as G } from "./utils.mjs";
+import { e as I } from "./property.mjs";
+import { i as $ } from "./query.mjs";
+import { o as k } from "./query-assigned-nodes.mjs";
+import { l as U } from "./if-defined.mjs";
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const j = z`:host{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;height:48px;display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:var(--mdc-list-side-padding, 16px);padding-right:var(--mdc-list-side-padding, 16px);outline:none;height:48px;color:rgba(0,0,0,.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host:focus{outline:none}:host([activated]){color:#6200ee;color:var(--mdc-theme-primary, #6200ee);--mdc-ripple-color: var( --mdc-theme-primary, #6200ee )}:host([activated]) .mdc-deprecated-list-item__graphic{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}:host([activated]) .fake-activated-ripple::before{position:absolute;display:block;top:0;bottom:0;left:0;right:0;width:100%;height:100%;pointer-events:none;z-index:1;content:"";opacity:0.12;opacity:var(--mdc-ripple-activated-opacity, 0.12);background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-deprecated-list-item__graphic{flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;display:inline-flex}.mdc-deprecated-list-item__graphic ::slotted(*){flex-shrink:0;align-items:center;justify-content:center;fill:currentColor;width:100%;height:100%;text-align:center}.mdc-deprecated-list-item__meta{width:var(--mdc-list-item-meta-size, 24px);height:var(--mdc-list-item-meta-size, 24px);margin-left:auto;margin-right:0;color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-item__meta.multi{width:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:var(--mdc-list-item-meta-size, 24px);line-height:var(--mdc-list-item-meta-size, 24px)}.mdc-deprecated-list-item__meta ::slotted(.material-icons),.mdc-deprecated-list-item__meta ::slotted(mwc-icon){line-height:var(--mdc-list-item-meta-size, 24px) !important}.mdc-deprecated-list-item__meta ::slotted(:not(.material-icons):not(mwc-icon)){-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.75rem;font-size:var(--mdc-typography-caption-font-size, 0.75rem);line-height:1.25rem;line-height:var(--mdc-typography-caption-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit)}[dir=rtl] .mdc-deprecated-list-item__meta,.mdc-deprecated-list-item__meta[dir=rtl]{margin-left:0;margin-right:auto}.mdc-deprecated-list-item__meta ::slotted(*){width:100%;height:100%}.mdc-deprecated-list-item__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mdc-deprecated-list-item__text ::slotted([for]),.mdc-deprecated-list-item__text[for]{pointer-events:none}.mdc-deprecated-list-item__primary-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;margin-bottom:-20px;display:block}.mdc-deprecated-list-item__primary-text::before{display:inline-block;width:0;height:32px;content:"";vertical-align:0}.mdc-deprecated-list-item__primary-text::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}.mdc-deprecated-list-item__secondary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-body2-font-size, 0.875rem);line-height:1.25rem;line-height:var(--mdc-typography-body2-line-height, 1.25rem);font-weight:400;font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:0.0178571429em;letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);text-decoration:inherit;text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-body2-text-transform, inherit);text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;margin-top:0;line-height:normal;display:block}.mdc-deprecated-list-item__secondary-text::before{display:inline-block;width:0;height:20px;content:"";vertical-align:0}.mdc-deprecated-list--dense .mdc-deprecated-list-item__secondary-text{font-size:inherit}* ::slotted(a),a{color:inherit;text-decoration:none}:host([twoline]){height:72px}:host([twoline]) .mdc-deprecated-list-item__text{align-self:flex-start}:host([disabled]),:host([noninteractive]){cursor:default;pointer-events:none}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*){opacity:.38}:host([disabled]) .mdc-deprecated-list-item__text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__primary-text ::slotted(*),:host([disabled]) .mdc-deprecated-list-item__secondary-text ::slotted(*){color:#000;color:var(--mdc-theme-on-surface, #000)}.mdc-deprecated-list-item__secondary-text ::slotted(*){color:rgba(0, 0, 0, 0.54);color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-deprecated-list-item__graphic ::slotted(*){background-color:transparent;color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-deprecated-list-group__subheader ::slotted(*){color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 40px);height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 40px);line-height:var(--mdc-list-item-graphic-size, 40px)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 40px) !important}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic ::slotted(*){border-radius:50%}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic,:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic,:host([graphic=control]) .mdc-deprecated-list-item__graphic{margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 16px)}[dir=rtl] :host([graphic=avatar]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=medium]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=large]) .mdc-deprecated-list-item__graphic,[dir=rtl] :host([graphic=control]) .mdc-deprecated-list-item__graphic,:host([graphic=avatar]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=medium]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=large]) .mdc-deprecated-list-item__graphic[dir=rtl],:host([graphic=control]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 16px);margin-right:0}:host([graphic=icon]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 24px);height:var(--mdc-list-item-graphic-size, 24px);margin-left:0;margin-right:var(--mdc-list-item-graphic-margin, 32px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 24px);line-height:var(--mdc-list-item-graphic-size, 24px)}:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=icon]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 24px) !important}[dir=rtl] :host([graphic=icon]) .mdc-deprecated-list-item__graphic,:host([graphic=icon]) .mdc-deprecated-list-item__graphic[dir=rtl]{margin-left:var(--mdc-list-item-graphic-margin, 32px);margin-right:0}:host([graphic=avatar]:not([twoLine])),:host([graphic=icon]:not([twoLine])){height:56px}:host([graphic=medium]:not([twoLine])),:host([graphic=large]:not([twoLine])){height:72px}:host([graphic=medium]) .mdc-deprecated-list-item__graphic,:host([graphic=large]) .mdc-deprecated-list-item__graphic{width:var(--mdc-list-item-graphic-size, 56px);height:var(--mdc-list-item-graphic-size, 56px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic.multi,:host([graphic=large]) .mdc-deprecated-list-item__graphic.multi{width:auto}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(*),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(*){width:var(--mdc-list-item-graphic-size, 56px);line-height:var(--mdc-list-item-graphic-size, 56px)}:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=medium]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(.material-icons),:host([graphic=large]) .mdc-deprecated-list-item__graphic ::slotted(mwc-icon){line-height:var(--mdc-list-item-graphic-size, 56px) !important}:host([graphic=large]){padding-left:0px}`;
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+let F = class extends H {
+};
+F.styles = [j];
+F = p([
+  B("mwc-list-item")
+], F);
+/**
+ * @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 = (
+  /** @class */
+  function() {
+    function r(e) {
+      e === void 0 && (e = {}), this.adapter = e;
+    }
+    return Object.defineProperty(r, "cssClasses", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(r, "strings", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(r, "numbers", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), Object.defineProperty(r, "defaultAdapter", {
+      get: function() {
+        return {};
+      },
+      enumerable: !1,
+      configurable: !0
+    }), r.prototype.init = function() {
+    }, r.prototype.destroy = function() {
+    }, 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 a = {
+  UNKNOWN: "Unknown",
+  BACKSPACE: "Backspace",
+  ENTER: "Enter",
+  SPACEBAR: "Spacebar",
+  PAGE_UP: "PageUp",
+  PAGE_DOWN: "PageDown",
+  END: "End",
+  HOME: "Home",
+  ARROW_LEFT: "ArrowLeft",
+  ARROW_UP: "ArrowUp",
+  ARROW_RIGHT: "ArrowRight",
+  ARROW_DOWN: "ArrowDown",
+  DELETE: "Delete",
+  ESCAPE: "Escape",
+  TAB: "Tab"
+}, c = /* @__PURE__ */ new Set();
+c.add(a.BACKSPACE);
+c.add(a.ENTER);
+c.add(a.SPACEBAR);
+c.add(a.PAGE_UP);
+c.add(a.PAGE_DOWN);
+c.add(a.END);
+c.add(a.HOME);
+c.add(a.ARROW_LEFT);
+c.add(a.ARROW_UP);
+c.add(a.ARROW_RIGHT);
+c.add(a.ARROW_DOWN);
+c.add(a.DELETE);
+c.add(a.ESCAPE);
+c.add(a.TAB);
+var h = {
+  BACKSPACE: 8,
+  ENTER: 13,
+  SPACEBAR: 32,
+  PAGE_UP: 33,
+  PAGE_DOWN: 34,
+  END: 35,
+  HOME: 36,
+  ARROW_LEFT: 37,
+  ARROW_UP: 38,
+  ARROW_RIGHT: 39,
+  ARROW_DOWN: 40,
+  DELETE: 46,
+  ESCAPE: 27,
+  TAB: 9
+}, l = /* @__PURE__ */ new Map();
+l.set(h.BACKSPACE, a.BACKSPACE);
+l.set(h.ENTER, a.ENTER);
+l.set(h.SPACEBAR, a.SPACEBAR);
+l.set(h.PAGE_UP, a.PAGE_UP);
+l.set(h.PAGE_DOWN, a.PAGE_DOWN);
+l.set(h.END, a.END);
+l.set(h.HOME, a.HOME);
+l.set(h.ARROW_LEFT, a.ARROW_LEFT);
+l.set(h.ARROW_UP, a.ARROW_UP);
+l.set(h.ARROW_RIGHT, a.ARROW_RIGHT);
+l.set(h.ARROW_DOWN, a.ARROW_DOWN);
+l.set(h.DELETE, a.DELETE);
+l.set(h.ESCAPE, a.ESCAPE);
+l.set(h.TAB, a.TAB);
+var S = /* @__PURE__ */ new Set();
+S.add(a.PAGE_UP);
+S.add(a.PAGE_DOWN);
+S.add(a.END);
+S.add(a.HOME);
+S.add(a.ARROW_LEFT);
+S.add(a.ARROW_UP);
+S.add(a.ARROW_RIGHT);
+S.add(a.ARROW_DOWN);
+function A(r) {
+  var e = r.key;
+  if (c.has(e))
+    return e;
+  var t = l.get(r.keyCode);
+  return t || a.UNKNOWN;
+}
+/**
+ * @license
+ * Copyright 2018 Google Inc.
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ */
+var x, E, n = {
+  LIST_ITEM_ACTIVATED_CLASS: "mdc-list-item--activated",
+  LIST_ITEM_CLASS: "mdc-list-item",
+  LIST_ITEM_DISABLED_CLASS: "mdc-list-item--disabled",
+  LIST_ITEM_SELECTED_CLASS: "mdc-list-item--selected",
+  LIST_ITEM_TEXT_CLASS: "mdc-list-item__text",
+  LIST_ITEM_PRIMARY_TEXT_CLASS: "mdc-list-item__primary-text",
+  ROOT: "mdc-list"
+};
+x = {}, x["" + n.LIST_ITEM_ACTIVATED_CLASS] = "mdc-list-item--activated", x["" + n.LIST_ITEM_CLASS] = "mdc-list-item", x["" + n.LIST_ITEM_DISABLED_CLASS] = "mdc-list-item--disabled", x["" + n.LIST_ITEM_SELECTED_CLASS] = "mdc-list-item--selected", x["" + n.LIST_ITEM_PRIMARY_TEXT_CLASS] = "mdc-list-item__primary-text", x["" + n.ROOT] = "mdc-list";
+var v = (E = {}, E["" + n.LIST_ITEM_ACTIVATED_CLASS] = "mdc-deprecated-list-item--activated", E["" + n.LIST_ITEM_CLASS] = "mdc-deprecated-list-item", E["" + n.LIST_ITEM_DISABLED_CLASS] = "mdc-deprecated-list-item--disabled", E["" + n.LIST_ITEM_SELECTED_CLASS] = "mdc-deprecated-list-item--selected", E["" + n.LIST_ITEM_TEXT_CLASS] = "mdc-deprecated-list-item__text", E["" + n.LIST_ITEM_PRIMARY_TEXT_CLASS] = "mdc-deprecated-list-item__primary-text", E["" + n.ROOT] = "mdc-deprecated-list", E), C = {
+  ACTION_EVENT: "MDCList:action",
+  SELECTION_CHANGE_EVENT: "MDCList:selectionChange",
+  ARIA_CHECKED: "aria-checked",
+  ARIA_CHECKED_CHECKBOX_SELECTOR: '[role="checkbox"][aria-checked="true"]',
+  ARIA_CHECKED_RADIO_SELECTOR: '[role="radio"][aria-checked="true"]',
+  ARIA_CURRENT: "aria-current",
+  ARIA_DISABLED: "aria-disabled",
+  ARIA_ORIENTATION: "aria-orientation",
+  ARIA_ORIENTATION_HORIZONTAL: "horizontal",
+  ARIA_ROLE_CHECKBOX_SELECTOR: '[role="checkbox"]',
+  ARIA_SELECTED: "aria-selected",
+  ARIA_INTERACTIVE_ROLES_SELECTOR: '[role="listbox"], [role="menu"]',
+  ARIA_MULTI_SELECTABLE_SELECTOR: '[aria-multiselectable="true"]',
+  CHECKBOX_RADIO_SELECTOR: 'input[type="checkbox"], input[type="radio"]',
+  CHECKBOX_SELECTOR: 'input[type="checkbox"]',
+  CHILD_ELEMENTS_TO_TOGGLE_TABINDEX: `
+    .` + n.LIST_ITEM_CLASS + ` button:not(:disabled),
+    .` + n.LIST_ITEM_CLASS + ` a,
+    .` + v[n.LIST_ITEM_CLASS] + ` button:not(:disabled),
+    .` + v[n.LIST_ITEM_CLASS] + ` a
+  `,
+  DEPRECATED_SELECTOR: ".mdc-deprecated-list",
+  FOCUSABLE_CHILD_ELEMENTS: `
+    .` + n.LIST_ITEM_CLASS + ` button:not(:disabled),
+    .` + n.LIST_ITEM_CLASS + ` a,
+    .` + n.LIST_ITEM_CLASS + ` input[type="radio"]:not(:disabled),
+    .` + n.LIST_ITEM_CLASS + ` input[type="checkbox"]:not(:disabled),
+    .` + v[n.LIST_ITEM_CLASS] + ` button:not(:disabled),
+    .` + v[n.LIST_ITEM_CLASS] + ` a,
+    .` + v[n.LIST_ITEM_CLASS] + ` input[type="radio"]:not(:disabled),
+    .` + v[n.LIST_ITEM_CLASS] + ` input[type="checkbox"]:not(:disabled)
+  `,
+  RADIO_SELECTOR: 'input[type="radio"]',
+  SELECTED_ITEM_SELECTOR: '[aria-selected="true"], [aria-current="true"]'
+}, m = {
+  UNSET_INDEX: -1,
+  TYPEAHEAD_BUFFER_CLEAR_TIMEOUT_MS: 300
+};
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+const D = (r, e) => r - e, q = (r, e) => {
+  const t = Array.from(r), i = Array.from(e), s = { added: [], removed: [] }, d = t.sort(D), o = i.sort(D);
+  let _ = 0, b = 0;
+  for (; _ < d.length || b < o.length; ) {
+    const f = d[_], g = o[b];
+    if (f === g) {
+      _++, b++;
+      continue;
+    }
+    if (f !== void 0 && (g === void 0 || f < g)) {
+      s.removed.push(f), _++;
+      continue;
+    }
+    if (g !== void 0 && (f === void 0 || g < f)) {
+      s.added.push(g), b++;
+      continue;
+    }
+  }
+  return s;
+}, Z = ["input", "button", "textarea", "select"];
+function R(r) {
+  return r instanceof Set;
+}
+const O = (r) => {
+  const e = r === m.UNSET_INDEX ? /* @__PURE__ */ new Set() : r;
+  return R(e) ? new Set(e) : /* @__PURE__ */ new Set([e]);
+};
+class N extends Y {
+  constructor(e) {
+    super(Object.assign(Object.assign({}, N.defaultAdapter), e)), this.isMulti_ = !1, this.wrapFocus_ = !1, this.isVertical_ = !0, this.selectedIndex_ = m.UNSET_INDEX, this.focusedItemIndex_ = m.UNSET_INDEX, this.useActivatedClass_ = !1, this.ariaCurrentAttrValue_ = null;
+  }
+  static get strings() {
+    return C;
+  }
+  static get numbers() {
+    return m;
+  }
+  static get defaultAdapter() {
+    return {
+      focusItemAtIndex: () => {
+      },
+      getFocusedElementIndex: () => 0,
+      getListItemCount: () => 0,
+      isFocusInsideList: () => !1,
+      isRootFocused: () => !1,
+      notifyAction: () => {
+      },
+      notifySelected: () => {
+      },
+      getSelectedStateForElementIndex: () => !1,
+      setDisabledStateForElementIndex: () => {
+      },
+      getDisabledStateForElementIndex: () => !1,
+      setSelectedStateForElementIndex: () => {
+      },
+      setActivatedStateForElementIndex: () => {
+      },
+      setTabIndexForElementIndex: () => {
+      },
+      setAttributeForElementIndex: () => {
+      },
+      getAttributeForElementIndex: () => null
+    };
+  }
+  /**
+   * Sets the private wrapFocus_ variable.
+   */
+  setWrapFocus(e) {
+    this.wrapFocus_ = e;
+  }
+  /**
+   * Sets the private wrapFocus_ variable.
+   */
+  setMulti(e) {
+    this.isMulti_ = e;
+    const t = this.selectedIndex_;
+    if (e) {
+      if (!R(t)) {
+        const i = t === m.UNSET_INDEX;
+        this.selectedIndex_ = i ? /* @__PURE__ */ new Set() : /* @__PURE__ */ new Set([t]);
+      }
+    } else if (R(t))
+      if (t.size) {
+        const i = Array.from(t).sort(D);
+        this.selectedIndex_ = i[0];
+      } else
+        this.selectedIndex_ = m.UNSET_INDEX;
+  }
+  /**
+   * Sets the isVertical_ private variable.
+   */
+  setVerticalOrientation(e) {
+    this.isVertical_ = e;
+  }
+  /**
+   * Sets the useActivatedClass_ private variable.
+   */
+  setUseActivatedClass(e) {
+    this.useActivatedClass_ = e;
+  }
+  getSelectedIndex() {
+    return this.selectedIndex_;
+  }
+  setSelectedIndex(e) {
+    this.isIndexValid_(e) && (this.isMulti_ ? this.setMultiSelectionAtIndex_(O(e)) : this.setSingleSelectionAtIndex_(e));
+  }
+  /**
+   * Focus in handler for the list items.
+   */
+  handleFocusIn(e, t) {
+    t >= 0 && this.adapter.setTabIndexForElementIndex(t, 0);
+  }
+  /**
+   * Focus out handler for the list items.
+   */
+  handleFocusOut(e, t) {
+    t >= 0 && this.adapter.setTabIndexForElementIndex(t, -1), setTimeout(() => {
+      this.adapter.isFocusInsideList() || this.setTabindexToFirstSelectedItem_();
+    }, 0);
+  }
+  /**
+   * Key handler for the list.
+   */
+  handleKeydown(e, t, i) {
+    const s = A(e) === "ArrowLeft", d = A(e) === "ArrowUp", o = A(e) === "ArrowRight", _ = A(e) === "ArrowDown", b = A(e) === "Home", f = A(e) === "End", g = A(e) === "Enter", W = A(e) === "Spacebar";
+    if (this.adapter.isRootFocused()) {
+      d || f ? (e.preventDefault(), this.focusLastElement()) : (_ || b) && (e.preventDefault(), this.focusFirstElement());
+      return;
+    }
+    let T = this.adapter.getFocusedElementIndex();
+    if (T === -1 && (T = i, T < 0))
+      return;
+    let y;
+    if (this.isVertical_ && _ || !this.isVertical_ && o)
+      this.preventDefaultEvent(e), y = this.focusNextElement(T);
+    else if (this.isVertical_ && d || !this.isVertical_ && s)
+      this.preventDefaultEvent(e), y = this.focusPrevElement(T);
+    else if (b)
+      this.preventDefaultEvent(e), y = this.focusFirstElement();
+    else if (f)
+      this.preventDefaultEvent(e), y = this.focusLastElement();
+    else if ((g || W) && t) {
+      const M = e.target;
+      if (M && M.tagName === "A" && g)
+        return;
+      this.preventDefaultEvent(e), this.setSelectedIndexOnAction_(T, !0);
+    }
+    this.focusedItemIndex_ = T, y !== void 0 && (this.setTabindexAtIndex_(y), this.focusedItemIndex_ = y);
+  }
+  /**
+   * Click handler for the list.
+   */
+  handleSingleSelection(e, t, i) {
+    e !== m.UNSET_INDEX && (this.setSelectedIndexOnAction_(e, t, i), this.setTabindexAtIndex_(e), this.focusedItemIndex_ = e);
+  }
+  /**
+   * Focuses the next element on the list.
+   */
+  focusNextElement(e) {
+    const t = this.adapter.getListItemCount();
+    let i = e + 1;
+    if (i >= t)
+      if (this.wrapFocus_)
+        i = 0;
+      else
+        return e;
+    return this.adapter.focusItemAtIndex(i), i;
+  }
+  /**
+   * Focuses the previous element on the list.
+   */
+  focusPrevElement(e) {
+    let t = e - 1;
+    if (t < 0)
+      if (this.wrapFocus_)
+        t = this.adapter.getListItemCount() - 1;
+      else
+        return e;
+    return this.adapter.focusItemAtIndex(t), t;
+  }
+  focusFirstElement() {
+    return this.adapter.focusItemAtIndex(0), 0;
+  }
+  focusLastElement() {
+    const e = this.adapter.getListItemCount() - 1;
+    return this.adapter.focusItemAtIndex(e), e;
+  }
+  /**
+   * @param itemIndex Index of the list item
+   * @param isEnabled Sets the list item to enabled or disabled.
+   */
+  setEnabled(e, t) {
+    this.isIndexValid_(e) && this.adapter.setDisabledStateForElementIndex(e, !t);
+  }
+  /**
+   * Ensures that preventDefault is only called if the containing element
+   * doesn't consume the event, and it will cause an unintended scroll.
+   */
+  preventDefaultEvent(e) {
+    const i = `${e.target.tagName}`.toLowerCase();
+    Z.indexOf(i) === -1 && e.preventDefault();
+  }
+  setSingleSelectionAtIndex_(e, t = !0) {
+    this.selectedIndex_ !== e && (this.selectedIndex_ !== m.UNSET_INDEX && (this.adapter.setSelectedStateForElementIndex(this.selectedIndex_, !1), this.useActivatedClass_ && this.adapter.setActivatedStateForElementIndex(this.selectedIndex_, !1)), t && this.adapter.setSelectedStateForElementIndex(e, !0), this.useActivatedClass_ && this.adapter.setActivatedStateForElementIndex(e, !0), this.setAriaForSingleSelectionAtIndex_(e), this.selectedIndex_ = e, this.adapter.notifySelected(e));
+  }
+  setMultiSelectionAtIndex_(e, t = !0) {
+    const i = O(this.selectedIndex_), s = q(i, e);
+    if (!(!s.removed.length && !s.added.length)) {
+      for (const d of s.removed)
+        t && this.adapter.setSelectedStateForElementIndex(d, !1), this.useActivatedClass_ && this.adapter.setActivatedStateForElementIndex(d, !1);
+      for (const d of s.added)
+        t && this.adapter.setSelectedStateForElementIndex(d, !0), this.useActivatedClass_ && this.adapter.setActivatedStateForElementIndex(d, !0);
+      this.selectedIndex_ = e, this.adapter.notifySelected(e, s);
+    }
+  }
+  /**
+   * Sets aria attribute for single selection at given index.
+   */
+  setAriaForSingleSelectionAtIndex_(e) {
+    this.selectedIndex_ === m.UNSET_INDEX && (this.ariaCurrentAttrValue_ = this.adapter.getAttributeForElementIndex(e, C.ARIA_CURRENT));
+    const t = this.ariaCurrentAttrValue_ !== null, i = t ? C.ARIA_CURRENT : C.ARIA_SELECTED;
+    this.selectedIndex_ !== m.UNSET_INDEX && this.adapter.setAttributeForElementIndex(this.selectedIndex_, i, "false");
+    const s = t ? this.ariaCurrentAttrValue_ : "true";
+    this.adapter.setAttributeForElementIndex(e, i, s);
+  }
+  setTabindexAtIndex_(e) {
+    this.focusedItemIndex_ === m.UNSET_INDEX && e !== 0 ? this.adapter.setTabIndexForElementIndex(0, -1) : this.focusedItemIndex_ >= 0 && this.focusedItemIndex_ !== e && this.adapter.setTabIndexForElementIndex(this.focusedItemIndex_, -1), this.adapter.setTabIndexForElementIndex(e, 0);
+  }
+  setTabindexToFirstSelectedItem_() {
+    let e = 0;
+    typeof this.selectedIndex_ == "number" && this.selectedIndex_ !== m.UNSET_INDEX ? e = this.selectedIndex_ : R(this.selectedIndex_) && this.selectedIndex_.size > 0 && (e = Math.min(...this.selectedIndex_)), this.setTabindexAtIndex_(e);
+  }
+  isIndexValid_(e) {
+    if (e instanceof Set) {
+      if (!this.isMulti_)
+        throw new Error("MDCListFoundation: Array of index is only supported for checkbox based list");
+      if (e.size === 0)
+        return !0;
+      {
+        let t = !1;
+        for (const i of e)
+          if (t = this.isIndexInRange_(i), t)
+            break;
+        return t;
+      }
+    } else if (typeof e == "number") {
+      if (this.isMulti_)
+        throw new Error("MDCListFoundation: Expected array of index for checkbox based list but got number: " + e);
+      return e === m.UNSET_INDEX || this.isIndexInRange_(e);
+    } else
+      return !1;
+  }
+  isIndexInRange_(e) {
+    const t = this.adapter.getListItemCount();
+    return e >= 0 && e < t;
+  }
+  /**
+   * Sets selected index on user action, toggles checkbox / radio based on
+   * toggleCheckbox value. User interaction should not toggle list item(s) when
+   * disabled.
+   */
+  setSelectedIndexOnAction_(e, t, i) {
+    if (this.adapter.getDisabledStateForElementIndex(e))
+      return;
+    let s = e;
+    this.isMulti_ && (s = /* @__PURE__ */ new Set([e])), this.isIndexValid_(s) && (this.isMulti_ ? this.toggleMultiAtIndex(e, i, t) : t || i ? this.setSingleSelectionAtIndex_(e, t) : this.selectedIndex_ === e && this.setSingleSelectionAtIndex_(m.UNSET_INDEX), t && this.adapter.notifyAction(e));
+  }
+  toggleMultiAtIndex(e, t, i = !0) {
+    let s = !1;
+    t === void 0 ? s = !this.adapter.getSelectedStateForElementIndex(e) : s = t;
+    const d = O(this.selectedIndex_);
+    s ? d.add(e) : d.delete(e), this.setMultiSelectionAtIndex_(d, i);
+  }
+}
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+function J(r, e = 50) {
+  let t;
+  return function(i = !0) {
+    clearTimeout(t), t = setTimeout(() => {
+      r(i);
+    }, e);
+  };
+}
+const w = (r) => r.hasAttribute("mwc-list-item");
+function Q() {
+  const r = this.itemsReadyResolver;
+  this.itemsReady = new Promise((e) => this.itemsReadyResolver = e), r();
+}
+class u extends K {
+  constructor() {
+    super(), this.mdcAdapter = null, this.mdcFoundationClass = N, this.activatable = !1, this.multi = !1, this.wrapFocus = !1, this.itemRoles = null, this.innerRole = null, this.innerAriaLabel = null, this.rootTabbable = !1, this.previousTabindex = null, this.noninteractive = !1, this.itemsReadyResolver = () => {
+    }, this.itemsReady = Promise.resolve([]), this.items_ = [];
+    const e = J(this.layout.bind(this));
+    this.debouncedLayout = (t = !0) => {
+      Q.call(this), e(t);
+    };
+  }
+  // tslint:disable:ban-ts-ignore
+  async getUpdateComplete() {
+    const e = await super.getUpdateComplete();
+    return await this.itemsReady, e;
+  }
+  get items() {
+    return this.items_;
+  }
+  updateItems() {
+    var e;
+    const t = (e = this.assignedElements) !== null && e !== void 0 ? e : [], i = [];
+    for (const o of t)
+      w(o) && (i.push(o), o._managingList = this), o.hasAttribute("divider") && !o.hasAttribute("role") && o.setAttribute("role", "separator");
+    this.items_ = i;
+    const s = /* @__PURE__ */ new Set();
+    if (this.items_.forEach((o, _) => {
+      this.itemRoles ? o.setAttribute("role", this.itemRoles) : o.removeAttribute("role"), o.selected && s.add(_);
+    }), this.multi)
+      this.select(s);
+    else {
+      const o = s.size ? s.entries().next().value[1] : -1;
+      this.select(o);
+    }
+    const d = new Event("items-updated", { bubbles: !0, composed: !0 });
+    this.dispatchEvent(d);
+  }
+  get selected() {
+    const e = this.index;
+    if (!R(e))
+      return e === -1 ? null : this.items[e];
+    const t = [];
+    for (const i of e)
+      t.push(this.items[i]);
+    return t;
+  }
+  get index() {
+    return this.mdcFoundation ? this.mdcFoundation.getSelectedIndex() : -1;
+  }
+  render() {
+    const e = this.innerRole === null ? void 0 : this.innerRole, t = this.innerAriaLabel === null ? void 0 : this.innerAriaLabel, i = this.rootTabbable ? "0" : "-1";
+    return P`
+      <!-- @ts-ignore -->
+      <ul
+          tabindex=${i}
+          role="${U(e)}"
+          aria-label="${U(t)}"
+          class="mdc-deprecated-list"
+          @keydown=${this.onKeydown}
+          @focusin=${this.onFocusIn}
+          @focusout=${this.onFocusOut}
+          @request-selected=${this.onRequestSelected}
+          @list-item-rendered=${this.onListItemConnected}>
+        <slot></slot>
+        ${this.renderPlaceholder()}
+      </ul>
+    `;
+  }
+  renderPlaceholder() {
+    var e;
+    const t = (e = this.assignedElements) !== null && e !== void 0 ? e : [];
+    return this.emptyMessage !== void 0 && t.length === 0 ? P`
+        <mwc-list-item noninteractive>${this.emptyMessage}</mwc-list-item>
+      ` : null;
+  }
+  firstUpdated() {
+    super.firstUpdated(), this.items.length || (this.mdcFoundation.setMulti(this.multi), this.layout());
+  }
+  onFocusIn(e) {
+    if (this.mdcFoundation && this.mdcRoot) {
+      const t = this.getIndexOfTarget(e);
+      this.mdcFoundation.handleFocusIn(e, t);
+    }
+  }
+  onFocusOut(e) {
+    if (this.mdcFoundation && this.mdcRoot) {
+      const t = this.getIndexOfTarget(e);
+      this.mdcFoundation.handleFocusOut(e, t);
+    }
+  }
+  onKeydown(e) {
+    if (this.mdcFoundation && this.mdcRoot) {
+      const t = this.getIndexOfTarget(e), i = e.target, s = w(i);
+      this.mdcFoundation.handleKeydown(e, s, t);
+    }
+  }
+  onRequestSelected(e) {
+    if (this.mdcFoundation) {
+      let t = this.getIndexOfTarget(e);
+      if (t === -1 && (this.layout(), t = this.getIndexOfTarget(e), t === -1) || this.items[t].disabled)
+        return;
+      const s = e.detail.selected, d = e.detail.source;
+      this.mdcFoundation.handleSingleSelection(t, d === "interaction", s), e.stopPropagation();
+    }
+  }
+  getIndexOfTarget(e) {
+    const t = this.items, i = e.composedPath();
+    for (const s of i) {
+      let d = -1;
+      if (V(s) && w(s) && (d = t.indexOf(s)), d !== -1)
+        return d;
+    }
+    return -1;
+  }
+  createAdapter() {
+    return this.mdcAdapter = {
+      getListItemCount: () => this.mdcRoot ? this.items.length : 0,
+      getFocusedElementIndex: this.getFocusedItemIndex,
+      getAttributeForElementIndex: (e, t) => {
+        if (!this.mdcRoot)
+          return "";
+        const s = this.items[e];
+        return s ? s.getAttribute(t) : "";
+      },
+      setAttributeForElementIndex: (e, t, i) => {
+        if (!this.mdcRoot)
+          return;
+        const s = this.items[e];
+        s && s.setAttribute(t, i);
+      },
+      focusItemAtIndex: (e) => {
+        const t = this.items[e];
+        t && t.focus();
+      },
+      setTabIndexForElementIndex: (e, t) => {
+        const i = this.items[e];
+        i && (i.tabindex = t);
+      },
+      notifyAction: (e) => {
+        const t = { bubbles: !0, composed: !0 };
+        t.detail = { index: e };
+        const i = new CustomEvent("action", t);
+        this.dispatchEvent(i);
+      },
+      notifySelected: (e, t) => {
+        const i = { bubbles: !0, composed: !0 };
+        i.detail = { index: e, diff: t };
+        const s = new CustomEvent("selected", i);
+        this.dispatchEvent(s);
+      },
+      isFocusInsideList: () => X(this),
+      isRootFocused: () => {
+        const e = this.mdcRoot;
+        return e.getRootNode().activeElement === e;
+      },
+      setDisabledStateForElementIndex: (e, t) => {
+        const i = this.items[e];
+        i && (i.disabled = t);
+      },
+      getDisabledStateForElementIndex: (e) => {
+        const t = this.items[e];
+        return t ? t.disabled : !1;
+      },
+      setSelectedStateForElementIndex: (e, t) => {
+        const i = this.items[e];
+        i && (i.selected = t);
+      },
+      getSelectedStateForElementIndex: (e) => {
+        const t = this.items[e];
+        return t ? t.selected : !1;
+      },
+      setActivatedStateForElementIndex: (e, t) => {
+        const i = this.items[e];
+        i && (i.activated = t);
+      }
+    }, this.mdcAdapter;
+  }
+  selectUi(e, t = !1) {
+    const i = this.items[e];
+    i && (i.selected = !0, i.activated = t);
+  }
+  deselectUi(e) {
+    const t = this.items[e];
+    t && (t.selected = !1, t.activated = !1);
+  }
+  select(e) {
+    this.mdcFoundation && this.mdcFoundation.setSelectedIndex(e);
+  }
+  toggle(e, t) {
+    this.multi && this.mdcFoundation.toggleMultiAtIndex(e, t);
+  }
+  onListItemConnected(e) {
+    const t = e.target;
+    this.layout(this.items.indexOf(t) === -1);
+  }
+  layout(e = !0) {
+    e && this.updateItems();
+    const t = this.items[0];
+    for (const i of this.items)
+      i.tabindex = -1;
+    t && (this.noninteractive ? this.previousTabindex || (this.previousTabindex = t) : t.tabindex = 0), this.itemsReadyResolver();
+  }
+  getFocusedItemIndex() {
+    if (!this.mdcRoot || !this.items.length)
+      return -1;
+    const e = G();
+    if (!e.length)
+      return -1;
+    for (let t = e.length - 1; t >= 0; t--) {
+      const i = e[t];
+      if (w(i))
+        return this.items.indexOf(i);
+    }
+    return -1;
+  }
+  focusItemAtIndex(e) {
+    for (const t of this.items)
+      if (t.tabindex === 0) {
+        t.tabindex = -1;
+        break;
+      }
+    this.items[e].tabindex = 0, this.items[e].focus();
+  }
+  focus() {
+    const e = this.mdcRoot;
+    e && e.focus();
+  }
+  blur() {
+    const e = this.mdcRoot;
+    e && e.blur();
+  }
+}
+p([
+  I({ type: String })
+], u.prototype, "emptyMessage", void 0);
+p([
+  $(".mdc-deprecated-list")
+], u.prototype, "mdcRoot", void 0);
+p([
+  k("", !0, "*")
+], u.prototype, "assignedElements", void 0);
+p([
+  k("", !0, '[tabindex="0"]')
+], u.prototype, "tabbableElements", void 0);
+p([
+  I({ type: Boolean }),
+  L(function(r) {
+    this.mdcFoundation && this.mdcFoundation.setUseActivatedClass(r);
+  })
+], u.prototype, "activatable", void 0);
+p([
+  I({ type: Boolean }),
+  L(function(r, e) {
+    this.mdcFoundation && this.mdcFoundation.setMulti(r), e !== void 0 && this.layout();
+  })
+], u.prototype, "multi", void 0);
+p([
+  I({ type: Boolean }),
+  L(function(r) {
+    this.mdcFoundation && this.mdcFoundation.setWrapFocus(r);
+  })
+], u.prototype, "wrapFocus", void 0);
+p([
+  I({ type: String }),
+  L(function(r, e) {
+    e !== void 0 && this.updateItems();
+  })
+], u.prototype, "itemRoles", void 0);
+p([
+  I({ type: String })
+], u.prototype, "innerRole", void 0);
+p([
+  I({ type: String })
+], u.prototype, "innerAriaLabel", void 0);
+p([
+  I({ type: Boolean })
+], u.prototype, "rootTabbable", void 0);
+p([
+  I({ type: Boolean, reflect: !0 }),
+  L(function(r) {
+    var e, t;
+    if (r) {
+      const i = (t = (e = this.tabbableElements) === null || e === void 0 ? void 0 : e[0]) !== null && t !== void 0 ? t : null;
+      this.previousTabindex = i, i && i.setAttribute("tabindex", "-1");
+    } else
+      !r && this.previousTabindex && (this.previousTabindex.setAttribute("tabindex", "0"), this.previousTabindex = null);
+  })
+], u.prototype, "noninteractive", void 0);
+export {
+  u as L
+};