@covalent/components 6.0.3 → 6.0.5

package/mwc-menu-base.mjs

@@ -1,32 +1,12 @@
-import { b as o, _ as U, a as B, c as q } from "./tslib.es6.mjs";
-import { i as V, e as K, y as F } from "./query-assigned-elements.mjs";
-import { L as Q } from "./mwc-list-base.mjs";
-import { B as j } from "./base-element.mjs";
-import { o as g } from "./observer.mjs";
-import { a as Y, d as Z, b as J } from "./utils.mjs";
-import { e as a } from "./property.mjs";
-import { t as b } from "./state.mjs";
-import { i as D } from "./query.mjs";
-import { o as P } from "./class-map.mjs";
-import { i as tt } from "./style-map.mjs";
-/**
+"use strict";const o=require("./tslib.es6.mjs"),A=require("./query-assigned-elements.mjs"),K=require("./mwc-list-base.mjs"),U=require("./base-element.mjs"),E=require("./observer.mjs"),N=require("./utils.mjs"),a=require("./property.mjs"),v=require("./state.mjs"),F=require("./query.mjs"),P=require("./class-map.mjs"),j=require("./style-map.mjs");/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-LIcense-Identifier: Apache-2.0
- */
-const et = V`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`;
-/**
+ */const W=A.i`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}:host{display:block}.mdc-deprecated-list{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:1rem;font-size:var(--mdc-typography-subtitle1-font-size, 1rem);line-height:1.75rem;line-height:var(--mdc-typography-subtitle1-line-height, 1.75rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);line-height:1.5rem;margin:0;padding:8px 0;list-style-type:none;color:rgba(0, 0, 0, 0.87);color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));padding:var(--mdc-list-vertical-padding, 8px) 0}.mdc-deprecated-list:focus{outline:none}.mdc-deprecated-list-item{height:48px}.mdc-deprecated-list--dense{padding-top:4px;padding-bottom:4px;font-size:.812rem}.mdc-deprecated-list ::slotted([divider]){height:0;margin:0;border:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-deprecated-list ::slotted([divider][padded]){margin:0 var(--mdc-list-side-padding, 16px)}.mdc-deprecated-list ::slotted([divider][inset]){margin-left:var(--mdc-list-inset-margin, 72px);margin-right:0;width:calc( 100% - var(--mdc-list-inset-margin, 72px) )}[dir=rtl] .mdc-deprecated-list ::slotted([divider][inset]),.mdc-deprecated-list ::slotted([divider][inset][dir=rtl]){margin-left:0;margin-right:var(--mdc-list-inset-margin, 72px)}.mdc-deprecated-list ::slotted([divider][inset][padded]){width:calc( 100% - var(--mdc-list-inset-margin, 72px) - var(--mdc-list-side-padding, 16px) )}.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:40px}.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 20px}.mdc-deprecated-list--two-line.mdc-deprecated-list--dense ::slotted([mwc-list-item]),.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list-item]){height:60px}.mdc-deprecated-list--avatar-list.mdc-deprecated-list--dense ::slotted([mwc-list]){--mdc-list-item-graphic-size: 36px}:host([noninteractive]){pointer-events:none;cursor:default}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text){display:block;margin-top:0;line-height:normal;margin-bottom:-20px}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::before{display:inline-block;width:0;height:24px;content:"";vertical-align:0}.mdc-deprecated-list--dense ::slotted(.mdc-deprecated-list-item__primary-text)::after{display:inline-block;width:0;height:20px;content:"";vertical-align:-20px}`;/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */
-let k = class extends Q {
-};
-k.styles = [et];
-k = o([
-  K("mwc-list")
-], k);
-/**
+ */let k=class extends K.ListBase{};k.styles=[W];k=o.__decorate([A.e("mwc-list")],k);/**
  * @license
  * Copyright 2018 Google Inc.
  *
@@ -47,59 +27,7 @@ k = o([
  * 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 = {
-  ANCHOR: "mdc-menu-surface--anchor",
-  ANIMATING_CLOSED: "mdc-menu-surface--animating-closed",
-  ANIMATING_OPEN: "mdc-menu-surface--animating-open",
-  FIXED: "mdc-menu-surface--fixed",
-  IS_OPEN_BELOW: "mdc-menu-surface--is-open-below",
-  OPEN: "mdc-menu-surface--open",
-  ROOT: "mdc-menu-surface"
-}, nt = {
-  CLOSED_EVENT: "MDCMenuSurface:closed",
-  CLOSING_EVENT: "MDCMenuSurface:closing",
-  OPENED_EVENT: "MDCMenuSurface:opened",
-  OPENING_EVENT: "MDCMenuSurface:opening",
-  FOCUSABLE_ELEMENTS: [
-    "button:not(:disabled)",
-    '[href]:not([aria-disabled="true"])',
-    "input:not(:disabled)",
-    "select:not(:disabled)",
-    "textarea:not(:disabled)",
-    '[tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])'
-  ].join(", ")
-}, M = {
-  /** Total duration of menu-surface open animation. */
-  TRANSITION_OPEN_DURATION: 120,
-  /** Total duration of menu-surface close animation. */
-  TRANSITION_CLOSE_DURATION: 75,
-  /**
-   * Margin left to the edge of the viewport when menu-surface is at maximum
-   * possible height. Also used as a viewport margin.
-   */
-  MARGIN_TO_EDGE: 32,
-  /**
-   * Ratio of anchor width to menu-surface width for switching from corner
-   * positioning to center positioning.
-   */
-  ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO: 0.67,
-  /**
-   * Amount of time to wait before restoring focus when closing the menu
-   * surface. This is important because if a touch event triggered the menu
-   * close, and the subsequent mouse event occurs after focus is restored, then
-   * the restored focus would be lost.
-   */
-  TOUCH_EVENT_WAIT_MS: 30
-}, c;
-(function(n) {
-  n[n.BOTTOM = 1] = "BOTTOM", n[n.CENTER = 2] = "CENTER", n[n.RIGHT = 4] = "RIGHT", n[n.FLIP_RTL = 8] = "FLIP_RTL";
-})(c || (c = {}));
-var m;
-(function(n) {
-  n[n.TOP_LEFT = 0] = "TOP_LEFT", n[n.TOP_RIGHT = 4] = "TOP_RIGHT", n[n.BOTTOM_LEFT = 1] = "BOTTOM_LEFT", n[n.BOTTOM_RIGHT = 5] = "BOTTOM_RIGHT", n[n.TOP_START = 8] = "TOP_START", n[n.TOP_END = 12] = "TOP_END", n[n.BOTTOM_START = 9] = "BOTTOM_START", n[n.BOTTOM_END = 13] = "BOTTOM_END";
-})(m || (m = {}));
-/**
+ */var X={ANCHOR:"mdc-menu-surface--anchor",ANIMATING_CLOSED:"mdc-menu-surface--animating-closed",ANIMATING_OPEN:"mdc-menu-surface--animating-open",FIXED:"mdc-menu-surface--fixed",IS_OPEN_BELOW:"mdc-menu-surface--is-open-below",OPEN:"mdc-menu-surface--open",ROOT:"mdc-menu-surface"},Q={CLOSED_EVENT:"MDCMenuSurface:closed",CLOSING_EVENT:"MDCMenuSurface:closing",OPENED_EVENT:"MDCMenuSurface:opened",OPENING_EVENT:"MDCMenuSurface:opening",FOCUSABLE_ELEMENTS:["button:not(:disabled)",'[href]:not([aria-disabled="true"])',"input:not(:disabled)","select:not(:disabled)","textarea:not(:disabled)",'[tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])'].join(", ")},L={TRANSITION_OPEN_DURATION:120,TRANSITION_CLOSE_DURATION:75,MARGIN_TO_EDGE:32,ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO:.67,TOUCH_EVENT_WAIT_MS:30},l;(function(n){n[n.BOTTOM=1]="BOTTOM",n[n.CENTER=2]="CENTER",n[n.RIGHT=4]="RIGHT",n[n.FLIP_RTL=8]="FLIP_RTL"})(l||(l={}));var m;(function(n){n[n.TOP_LEFT=0]="TOP_LEFT",n[n.TOP_RIGHT=4]="TOP_RIGHT",n[n.BOTTOM_LEFT=1]="BOTTOM_LEFT",n[n.BOTTOM_RIGHT=5]="BOTTOM_RIGHT",n[n.TOP_START=8]="TOP_START",n[n.TOP_END=12]="TOP_END",n[n.BOTTOM_START=9]="BOTTOM_START",n[n.BOTTOM_END=13]="BOTTOM_END"})(m||(m={}));/**
  * @license
  * Copyright 2016 Google Inc.
  *
@@ -120,43 +48,7 @@ var m;
  * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
- */
-var W = (
-  /** @class */
-  function() {
-    function n(e) {
-      e === void 0 && (e = {}), this.adapter = e;
-    }
-    return Object.defineProperty(n, "cssClasses", {
-      get: function() {
-        return {};
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(n, "strings", {
-      get: function() {
-        return {};
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(n, "numbers", {
-      get: function() {
-        return {};
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(n, "defaultAdapter", {
-      get: function() {
-        return {};
-      },
-      enumerable: !1,
-      configurable: !0
-    }), n.prototype.init = function() {
-    }, n.prototype.destroy = function() {
-    }, n;
-  }()
-);
-/**
+ */var q=function(){function n(t){t===void 0&&(t={}),this.adapter=t}return Object.defineProperty(n,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(n,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(n,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(n,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),n.prototype.init=function(){},n.prototype.destroy=function(){},n}();/**
  * @license
  * Copyright 2018 Google Inc.
  *
@@ -177,479 +69,27 @@ var W = (
  * 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 = (
-  /** @class */
-  function(n) {
-    U(e, n);
-    function e(t) {
-      var i = n.call(this, B(B({}, e.defaultAdapter), t)) || this;
-      return i.isSurfaceOpen = !1, i.isQuickOpen = !1, i.isHoistedElement = !1, i.isFixedPosition = !1, i.isHorizontallyCenteredOnViewport = !1, i.maxHeight = 0, i.openBottomBias = 0, i.openAnimationEndTimerId = 0, i.closeAnimationEndTimerId = 0, i.animationRequestId = 0, i.anchorCorner = m.TOP_START, i.originCorner = m.TOP_START, i.anchorMargin = { top: 0, right: 0, bottom: 0, left: 0 }, i.position = { x: 0, y: 0 }, i;
-    }
-    return Object.defineProperty(e, "cssClasses", {
-      get: function() {
-        return it;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "strings", {
-      get: function() {
-        return nt;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "numbers", {
-      get: function() {
-        return M;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "Corner", {
-      get: function() {
-        return m;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "defaultAdapter", {
-      /**
-       * @see {@link MDCMenuSurfaceAdapter} for typing information on parameters and return types.
-       */
-      get: function() {
-        return {
-          addClass: function() {
-          },
-          removeClass: function() {
-          },
-          hasClass: function() {
-            return !1;
-          },
-          hasAnchor: function() {
-            return !1;
-          },
-          isElementInContainer: function() {
-            return !1;
-          },
-          isFocused: function() {
-            return !1;
-          },
-          isRtl: function() {
-            return !1;
-          },
-          getInnerDimensions: function() {
-            return { height: 0, width: 0 };
-          },
-          getAnchorDimensions: function() {
-            return null;
-          },
-          getWindowDimensions: function() {
-            return { height: 0, width: 0 };
-          },
-          getBodyDimensions: function() {
-            return { height: 0, width: 0 };
-          },
-          getWindowScroll: function() {
-            return { x: 0, y: 0 };
-          },
-          setPosition: function() {
-          },
-          setMaxHeight: function() {
-          },
-          setTransformOrigin: function() {
-          },
-          saveFocus: function() {
-          },
-          restoreFocus: function() {
-          },
-          notifyClose: function() {
-          },
-          notifyClosing: function() {
-          },
-          notifyOpen: function() {
-          },
-          notifyOpening: function() {
-          }
-        };
-      },
-      enumerable: !1,
-      configurable: !0
-    }), e.prototype.init = function() {
-      var t = e.cssClasses, i = t.ROOT, s = t.OPEN;
-      if (!this.adapter.hasClass(i))
-        throw new Error(i + " class required in root element.");
-      this.adapter.hasClass(s) && (this.isSurfaceOpen = !0);
-    }, e.prototype.destroy = function() {
-      clearTimeout(this.openAnimationEndTimerId), clearTimeout(this.closeAnimationEndTimerId), cancelAnimationFrame(this.animationRequestId);
-    }, e.prototype.setAnchorCorner = function(t) {
-      this.anchorCorner = t;
-    }, e.prototype.flipCornerHorizontally = function() {
-      this.originCorner = this.originCorner ^ c.RIGHT;
-    }, e.prototype.setAnchorMargin = function(t) {
-      this.anchorMargin.top = t.top || 0, this.anchorMargin.right = t.right || 0, this.anchorMargin.bottom = t.bottom || 0, this.anchorMargin.left = t.left || 0;
-    }, e.prototype.setIsHoisted = function(t) {
-      this.isHoistedElement = t;
-    }, e.prototype.setFixedPosition = function(t) {
-      this.isFixedPosition = t;
-    }, e.prototype.isFixed = function() {
-      return this.isFixedPosition;
-    }, e.prototype.setAbsolutePosition = function(t, i) {
-      this.position.x = this.isFinite(t) ? t : 0, this.position.y = this.isFinite(i) ? i : 0;
-    }, e.prototype.setIsHorizontallyCenteredOnViewport = function(t) {
-      this.isHorizontallyCenteredOnViewport = t;
-    }, e.prototype.setQuickOpen = function(t) {
-      this.isQuickOpen = t;
-    }, e.prototype.setMaxHeight = function(t) {
-      this.maxHeight = t;
-    }, e.prototype.setOpenBottomBias = function(t) {
-      this.openBottomBias = t;
-    }, e.prototype.isOpen = function() {
-      return this.isSurfaceOpen;
-    }, e.prototype.open = function() {
-      var t = this;
-      this.isSurfaceOpen || (this.adapter.notifyOpening(), this.adapter.saveFocus(), this.isQuickOpen ? (this.isSurfaceOpen = !0, this.adapter.addClass(e.cssClasses.OPEN), this.dimensions = this.adapter.getInnerDimensions(), this.autoposition(), this.adapter.notifyOpen()) : (this.adapter.addClass(e.cssClasses.ANIMATING_OPEN), this.animationRequestId = requestAnimationFrame(function() {
-        t.dimensions = t.adapter.getInnerDimensions(), t.autoposition(), t.adapter.addClass(e.cssClasses.OPEN), t.openAnimationEndTimerId = setTimeout(function() {
-          t.openAnimationEndTimerId = 0, t.adapter.removeClass(e.cssClasses.ANIMATING_OPEN), t.adapter.notifyOpen();
-        }, M.TRANSITION_OPEN_DURATION);
-      }), this.isSurfaceOpen = !0));
-    }, e.prototype.close = function(t) {
-      var i = this;
-      if (t === void 0 && (t = !1), !!this.isSurfaceOpen) {
-        if (this.adapter.notifyClosing(), this.isQuickOpen) {
-          this.isSurfaceOpen = !1, t || this.maybeRestoreFocus(), this.adapter.removeClass(e.cssClasses.OPEN), this.adapter.removeClass(e.cssClasses.IS_OPEN_BELOW), this.adapter.notifyClose();
-          return;
-        }
-        this.adapter.addClass(e.cssClasses.ANIMATING_CLOSED), requestAnimationFrame(function() {
-          i.adapter.removeClass(e.cssClasses.OPEN), i.adapter.removeClass(e.cssClasses.IS_OPEN_BELOW), i.closeAnimationEndTimerId = setTimeout(function() {
-            i.closeAnimationEndTimerId = 0, i.adapter.removeClass(e.cssClasses.ANIMATING_CLOSED), i.adapter.notifyClose();
-          }, M.TRANSITION_CLOSE_DURATION);
-        }), this.isSurfaceOpen = !1, t || this.maybeRestoreFocus();
-      }
-    }, e.prototype.handleBodyClick = function(t) {
-      var i = t.target;
-      this.adapter.isElementInContainer(i) || this.close();
-    }, e.prototype.handleKeydown = function(t) {
-      var i = t.keyCode, s = t.key, r = s === "Escape" || i === 27;
-      r && this.close();
-    }, e.prototype.autoposition = function() {
-      var t;
-      this.measurements = this.getAutoLayoutmeasurements();
-      var i = this.getoriginCorner(), s = this.getMenuSurfaceMaxHeight(i), r = this.hasBit(i, c.BOTTOM) ? "bottom" : "top", l = this.hasBit(i, c.RIGHT) ? "right" : "left", f = this.getHorizontalOriginOffset(i), R = this.getVerticalOriginOffset(i), I = this.measurements, _ = I.anchorSize, S = I.surfaceSize, p = (t = {}, t[l] = f, t[r] = R, t);
-      _.width / S.width > M.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO && (l = "center"), (this.isHoistedElement || this.isFixedPosition) && this.adjustPositionForHoistedElement(p), this.adapter.setTransformOrigin(l + " " + r), this.adapter.setPosition(p), this.adapter.setMaxHeight(s ? s + "px" : ""), this.hasBit(i, c.BOTTOM) || this.adapter.addClass(e.cssClasses.IS_OPEN_BELOW);
-    }, e.prototype.getAutoLayoutmeasurements = function() {
-      var t = this.adapter.getAnchorDimensions(), i = this.adapter.getBodyDimensions(), s = this.adapter.getWindowDimensions(), r = this.adapter.getWindowScroll();
-      return t || (t = {
-        top: this.position.y,
-        right: this.position.x,
-        bottom: this.position.y,
-        left: this.position.x,
-        width: 0,
-        height: 0
-      }), {
-        anchorSize: t,
-        bodySize: i,
-        surfaceSize: this.dimensions,
-        viewportDistance: {
-          // tslint:disable:object-literal-sort-keys Positional properties are more readable when they're grouped together
-          top: t.top,
-          right: s.width - t.right,
-          bottom: s.height - t.bottom,
-          left: t.left
-          // tslint:enable:object-literal-sort-keys
-        },
-        viewportSize: s,
-        windowScroll: r
-      };
-    }, e.prototype.getoriginCorner = function() {
-      var t = this.originCorner, i = this.measurements, s = i.viewportDistance, r = i.anchorSize, l = i.surfaceSize, f = e.numbers.MARGIN_TO_EDGE, R = this.hasBit(this.anchorCorner, c.BOTTOM), I, _;
-      R ? (I = s.top - f + this.anchorMargin.bottom, _ = s.bottom - f - this.anchorMargin.bottom) : (I = s.top - f + this.anchorMargin.top, _ = s.bottom - f + r.height - this.anchorMargin.top);
-      var S = _ - l.height > 0;
-      !S && I > _ + this.openBottomBias && (t = this.setBit(t, c.BOTTOM));
-      var p = this.adapter.isRtl(), T = this.hasBit(this.anchorCorner, c.FLIP_RTL), E = this.hasBit(this.anchorCorner, c.RIGHT) || this.hasBit(t, c.RIGHT), A = !1;
-      p && T ? A = !E : A = E;
-      var L, w;
-      A ? (L = s.left + r.width + this.anchorMargin.right, w = s.right - this.anchorMargin.right) : (L = s.left + this.anchorMargin.left, w = s.right + r.width - this.anchorMargin.left);
-      var N = L - l.width > 0, G = w - l.width > 0, $ = this.hasBit(t, c.FLIP_RTL) && this.hasBit(t, c.RIGHT);
-      return G && $ && p || !N && $ ? t = this.unsetBit(t, c.RIGHT) : (N && A && p || N && !A && E || !G && L >= w) && (t = this.setBit(t, c.RIGHT)), t;
-    }, e.prototype.getMenuSurfaceMaxHeight = function(t) {
-      if (this.maxHeight > 0)
-        return this.maxHeight;
-      var i = this.measurements.viewportDistance, s = 0, r = this.hasBit(t, c.BOTTOM), l = this.hasBit(this.anchorCorner, c.BOTTOM), f = e.numbers.MARGIN_TO_EDGE;
-      return r ? (s = i.top + this.anchorMargin.top - f, l || (s += this.measurements.anchorSize.height)) : (s = i.bottom - this.anchorMargin.bottom + this.measurements.anchorSize.height - f, l && (s -= this.measurements.anchorSize.height)), s;
-    }, e.prototype.getHorizontalOriginOffset = function(t) {
-      var i = this.measurements.anchorSize, s = this.hasBit(t, c.RIGHT), r = this.hasBit(this.anchorCorner, c.RIGHT);
-      if (s) {
-        var l = r ? i.width - this.anchorMargin.left : this.anchorMargin.right;
-        return this.isHoistedElement || this.isFixedPosition ? l - (this.measurements.viewportSize.width - this.measurements.bodySize.width) : l;
-      }
-      return r ? i.width - this.anchorMargin.right : this.anchorMargin.left;
-    }, e.prototype.getVerticalOriginOffset = function(t) {
-      var i = this.measurements.anchorSize, s = this.hasBit(t, c.BOTTOM), r = this.hasBit(this.anchorCorner, c.BOTTOM), l = 0;
-      return s ? l = r ? i.height - this.anchorMargin.top : -this.anchorMargin.bottom : l = r ? i.height + this.anchorMargin.bottom : this.anchorMargin.top, l;
-    }, e.prototype.adjustPositionForHoistedElement = function(t) {
-      var i, s, r = this.measurements, l = r.windowScroll, f = r.viewportDistance, R = r.surfaceSize, I = r.viewportSize, _ = Object.keys(t);
-      try {
-        for (var S = q(_), p = S.next(); !p.done; p = S.next()) {
-          var T = p.value, E = t[T] || 0;
-          if (this.isHorizontallyCenteredOnViewport && (T === "left" || T === "right")) {
-            t[T] = (I.width - R.width) / 2;
-            continue;
-          }
-          E += f[T], this.isFixedPosition || (T === "top" ? E += l.y : T === "bottom" ? E -= l.y : T === "left" ? E += l.x : E -= l.x), t[T] = E;
-        }
-      } catch (A) {
-        i = { error: A };
-      } finally {
-        try {
-          p && !p.done && (s = S.return) && s.call(S);
-        } finally {
-          if (i)
-            throw i.error;
-        }
-      }
-    }, e.prototype.maybeRestoreFocus = function() {
-      var t = this, i = this.adapter.isFocused(), s = this.adapter.getOwnerDocument ? this.adapter.getOwnerDocument() : document, r = s.activeElement && this.adapter.isElementInContainer(s.activeElement);
-      (i || r) && setTimeout(function() {
-        t.adapter.restoreFocus();
-      }, M.TOUCH_EVENT_WAIT_MS);
-    }, e.prototype.hasBit = function(t, i) {
-      return Boolean(t & i);
-    }, e.prototype.setBit = function(t, i) {
-      return t | i;
-    }, e.prototype.unsetBit = function(t, i) {
-      return t ^ i;
-    }, e.prototype.isFinite = function(t) {
-      return typeof t == "number" && isFinite(t);
-    }, e;
-  }(W)
-);
-const st = X;
-/**
+ */var V=function(n){o.__extends(t,n);function t(e){var i=n.call(this,o.__assign(o.__assign({},t.defaultAdapter),e))||this;return i.isSurfaceOpen=!1,i.isQuickOpen=!1,i.isHoistedElement=!1,i.isFixedPosition=!1,i.isHorizontallyCenteredOnViewport=!1,i.maxHeight=0,i.openBottomBias=0,i.openAnimationEndTimerId=0,i.closeAnimationEndTimerId=0,i.animationRequestId=0,i.anchorCorner=m.TOP_START,i.originCorner=m.TOP_START,i.anchorMargin={top:0,right:0,bottom:0,left:0},i.position={x:0,y:0},i}return Object.defineProperty(t,"cssClasses",{get:function(){return X},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return Q},enumerable:!1,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return L},enumerable:!1,configurable:!0}),Object.defineProperty(t,"Corner",{get:function(){return m},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},hasAnchor:function(){return!1},isElementInContainer:function(){return!1},isFocused:function(){return!1},isRtl:function(){return!1},getInnerDimensions:function(){return{height:0,width:0}},getAnchorDimensions:function(){return null},getWindowDimensions:function(){return{height:0,width:0}},getBodyDimensions:function(){return{height:0,width:0}},getWindowScroll:function(){return{x:0,y:0}},setPosition:function(){},setMaxHeight:function(){},setTransformOrigin:function(){},saveFocus:function(){},restoreFocus:function(){},notifyClose:function(){},notifyClosing:function(){},notifyOpen:function(){},notifyOpening:function(){}}},enumerable:!1,configurable:!0}),t.prototype.init=function(){var e=t.cssClasses,i=e.ROOT,s=e.OPEN;if(!this.adapter.hasClass(i))throw new Error(i+" class required in root element.");this.adapter.hasClass(s)&&(this.isSurfaceOpen=!0)},t.prototype.destroy=function(){clearTimeout(this.openAnimationEndTimerId),clearTimeout(this.closeAnimationEndTimerId),cancelAnimationFrame(this.animationRequestId)},t.prototype.setAnchorCorner=function(e){this.anchorCorner=e},t.prototype.flipCornerHorizontally=function(){this.originCorner=this.originCorner^l.RIGHT},t.prototype.setAnchorMargin=function(e){this.anchorMargin.top=e.top||0,this.anchorMargin.right=e.right||0,this.anchorMargin.bottom=e.bottom||0,this.anchorMargin.left=e.left||0},t.prototype.setIsHoisted=function(e){this.isHoistedElement=e},t.prototype.setFixedPosition=function(e){this.isFixedPosition=e},t.prototype.isFixed=function(){return this.isFixedPosition},t.prototype.setAbsolutePosition=function(e,i){this.position.x=this.isFinite(e)?e:0,this.position.y=this.isFinite(i)?i:0},t.prototype.setIsHorizontallyCenteredOnViewport=function(e){this.isHorizontallyCenteredOnViewport=e},t.prototype.setQuickOpen=function(e){this.isQuickOpen=e},t.prototype.setMaxHeight=function(e){this.maxHeight=e},t.prototype.setOpenBottomBias=function(e){this.openBottomBias=e},t.prototype.isOpen=function(){return this.isSurfaceOpen},t.prototype.open=function(){var e=this;this.isSurfaceOpen||(this.adapter.notifyOpening(),this.adapter.saveFocus(),this.isQuickOpen?(this.isSurfaceOpen=!0,this.adapter.addClass(t.cssClasses.OPEN),this.dimensions=this.adapter.getInnerDimensions(),this.autoposition(),this.adapter.notifyOpen()):(this.adapter.addClass(t.cssClasses.ANIMATING_OPEN),this.animationRequestId=requestAnimationFrame(function(){e.dimensions=e.adapter.getInnerDimensions(),e.autoposition(),e.adapter.addClass(t.cssClasses.OPEN),e.openAnimationEndTimerId=setTimeout(function(){e.openAnimationEndTimerId=0,e.adapter.removeClass(t.cssClasses.ANIMATING_OPEN),e.adapter.notifyOpen()},L.TRANSITION_OPEN_DURATION)}),this.isSurfaceOpen=!0))},t.prototype.close=function(e){var i=this;if(e===void 0&&(e=!1),!!this.isSurfaceOpen){if(this.adapter.notifyClosing(),this.isQuickOpen){this.isSurfaceOpen=!1,e||this.maybeRestoreFocus(),this.adapter.removeClass(t.cssClasses.OPEN),this.adapter.removeClass(t.cssClasses.IS_OPEN_BELOW),this.adapter.notifyClose();return}this.adapter.addClass(t.cssClasses.ANIMATING_CLOSED),requestAnimationFrame(function(){i.adapter.removeClass(t.cssClasses.OPEN),i.adapter.removeClass(t.cssClasses.IS_OPEN_BELOW),i.closeAnimationEndTimerId=setTimeout(function(){i.closeAnimationEndTimerId=0,i.adapter.removeClass(t.cssClasses.ANIMATING_CLOSED),i.adapter.notifyClose()},L.TRANSITION_CLOSE_DURATION)}),this.isSurfaceOpen=!1,e||this.maybeRestoreFocus()}},t.prototype.handleBodyClick=function(e){var i=e.target;this.adapter.isElementInContainer(i)||this.close()},t.prototype.handleKeydown=function(e){var i=e.keyCode,s=e.key,r=s==="Escape"||i===27;r&&this.close()},t.prototype.autoposition=function(){var e;this.measurements=this.getAutoLayoutmeasurements();var i=this.getoriginCorner(),s=this.getMenuSurfaceMaxHeight(i),r=this.hasBit(i,l.BOTTOM)?"bottom":"top",c=this.hasBit(i,l.RIGHT)?"right":"left",f=this.getHorizontalOriginOffset(i),M=this.getVerticalOriginOffset(i),y=this.measurements,I=y.anchorSize,S=y.surfaceSize,p=(e={},e[c]=f,e[r]=M,e);I.width/S.width>L.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO&&(c="center"),(this.isHoistedElement||this.isFixedPosition)&&this.adjustPositionForHoistedElement(p),this.adapter.setTransformOrigin(c+" "+r),this.adapter.setPosition(p),this.adapter.setMaxHeight(s?s+"px":""),this.hasBit(i,l.BOTTOM)||this.adapter.addClass(t.cssClasses.IS_OPEN_BELOW)},t.prototype.getAutoLayoutmeasurements=function(){var e=this.adapter.getAnchorDimensions(),i=this.adapter.getBodyDimensions(),s=this.adapter.getWindowDimensions(),r=this.adapter.getWindowScroll();return e||(e={top:this.position.y,right:this.position.x,bottom:this.position.y,left:this.position.x,width:0,height:0}),{anchorSize:e,bodySize:i,surfaceSize:this.dimensions,viewportDistance:{top:e.top,right:s.width-e.right,bottom:s.height-e.bottom,left:e.left},viewportSize:s,windowScroll:r}},t.prototype.getoriginCorner=function(){var e=this.originCorner,i=this.measurements,s=i.viewportDistance,r=i.anchorSize,c=i.surfaceSize,f=t.numbers.MARGIN_TO_EDGE,M=this.hasBit(this.anchorCorner,l.BOTTOM),y,I;M?(y=s.top-f+this.anchorMargin.bottom,I=s.bottom-f-this.anchorMargin.bottom):(y=s.top-f+this.anchorMargin.top,I=s.bottom-f+r.height-this.anchorMargin.top);var S=I-c.height>0;!S&&y>I+this.openBottomBias&&(e=this.setBit(e,l.BOTTOM));var p=this.adapter.isRtl(),T=this.hasBit(this.anchorCorner,l.FLIP_RTL),_=this.hasBit(this.anchorCorner,l.RIGHT)||this.hasBit(e,l.RIGHT),C=!1;p&&T?C=!_:C=_;var w,B;C?(w=s.left+r.width+this.anchorMargin.right,B=s.right-this.anchorMargin.right):(w=s.left+this.anchorMargin.left,B=s.right+r.width-this.anchorMargin.left);var D=w-c.width>0,G=B-c.width>0,$=this.hasBit(e,l.FLIP_RTL)&&this.hasBit(e,l.RIGHT);return G&&$&&p||!D&&$?e=this.unsetBit(e,l.RIGHT):(D&&C&&p||D&&!C&&_||!G&&w>=B)&&(e=this.setBit(e,l.RIGHT)),e},t.prototype.getMenuSurfaceMaxHeight=function(e){if(this.maxHeight>0)return this.maxHeight;var i=this.measurements.viewportDistance,s=0,r=this.hasBit(e,l.BOTTOM),c=this.hasBit(this.anchorCorner,l.BOTTOM),f=t.numbers.MARGIN_TO_EDGE;return r?(s=i.top+this.anchorMargin.top-f,c||(s+=this.measurements.anchorSize.height)):(s=i.bottom-this.anchorMargin.bottom+this.measurements.anchorSize.height-f,c&&(s-=this.measurements.anchorSize.height)),s},t.prototype.getHorizontalOriginOffset=function(e){var i=this.measurements.anchorSize,s=this.hasBit(e,l.RIGHT),r=this.hasBit(this.anchorCorner,l.RIGHT);if(s){var c=r?i.width-this.anchorMargin.left:this.anchorMargin.right;return this.isHoistedElement||this.isFixedPosition?c-(this.measurements.viewportSize.width-this.measurements.bodySize.width):c}return r?i.width-this.anchorMargin.right:this.anchorMargin.left},t.prototype.getVerticalOriginOffset=function(e){var i=this.measurements.anchorSize,s=this.hasBit(e,l.BOTTOM),r=this.hasBit(this.anchorCorner,l.BOTTOM),c=0;return s?c=r?i.height-this.anchorMargin.top:-this.anchorMargin.bottom:c=r?i.height+this.anchorMargin.bottom:this.anchorMargin.top,c},t.prototype.adjustPositionForHoistedElement=function(e){var i,s,r=this.measurements,c=r.windowScroll,f=r.viewportDistance,M=r.surfaceSize,y=r.viewportSize,I=Object.keys(e);try{for(var S=o.__values(I),p=S.next();!p.done;p=S.next()){var T=p.value,_=e[T]||0;if(this.isHorizontallyCenteredOnViewport&&(T==="left"||T==="right")){e[T]=(y.width-M.width)/2;continue}_+=f[T],this.isFixedPosition||(T==="top"?_+=c.y:T==="bottom"?_-=c.y:T==="left"?_+=c.x:_-=c.x),e[T]=_}}catch(C){i={error:C}}finally{try{p&&!p.done&&(s=S.return)&&s.call(S)}finally{if(i)throw i.error}}},t.prototype.maybeRestoreFocus=function(){var e=this,i=this.adapter.isFocused(),s=this.adapter.getOwnerDocument?this.adapter.getOwnerDocument():document,r=s.activeElement&&this.adapter.isElementInContainer(s.activeElement);(i||r)&&setTimeout(function(){e.adapter.restoreFocus()},L.TOUCH_EVENT_WAIT_MS)},t.prototype.hasBit=function(e,i){return Boolean(e&i)},t.prototype.setBit=function(e,i){return e|i},t.prototype.unsetBit=function(e,i){return e^i},t.prototype.isFinite=function(e){return typeof e=="number"&&isFinite(e)},t}(q);const Y=V;/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */
-const ot = {
-  TOP_LEFT: m.TOP_LEFT,
-  TOP_RIGHT: m.TOP_RIGHT,
-  BOTTOM_LEFT: m.BOTTOM_LEFT,
-  BOTTOM_RIGHT: m.BOTTOM_RIGHT,
-  TOP_START: m.TOP_START,
-  TOP_END: m.TOP_END,
-  BOTTOM_START: m.BOTTOM_START,
-  BOTTOM_END: m.BOTTOM_END
-};
-class u extends j {
-  constructor() {
-    super(...arguments), this.mdcFoundationClass = st, this.absolute = !1, this.fullwidth = !1, this.fixed = !1, this.x = null, this.y = null, this.quick = !1, this.open = !1, this.stayOpenOnBodyClick = !1, this.bitwiseCorner = m.TOP_START, this.previousMenuCorner = null, this.menuCorner = "START", this.corner = "TOP_START", this.styleTop = "", this.styleLeft = "", this.styleRight = "", this.styleBottom = "", this.styleMaxHeight = "", this.styleTransformOrigin = "", this.anchor = null, this.previouslyFocused = null, this.previousAnchor = null, this.onBodyClickBound = () => {
-    };
-  }
-  render() {
-    return this.renderSurface();
-  }
-  renderSurface() {
-    const e = this.getRootClasses(), t = this.getRootStyles();
-    return F`
+ */const Z={TOP_LEFT:m.TOP_LEFT,TOP_RIGHT:m.TOP_RIGHT,BOTTOM_LEFT:m.BOTTOM_LEFT,BOTTOM_RIGHT:m.BOTTOM_RIGHT,TOP_START:m.TOP_START,TOP_END:m.TOP_END,BOTTOM_START:m.BOTTOM_START,BOTTOM_END:m.BOTTOM_END};class h extends U.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=Y,this.absolute=!1,this.fullwidth=!1,this.fixed=!1,this.x=null,this.y=null,this.quick=!1,this.open=!1,this.stayOpenOnBodyClick=!1,this.bitwiseCorner=m.TOP_START,this.previousMenuCorner=null,this.menuCorner="START",this.corner="TOP_START",this.styleTop="",this.styleLeft="",this.styleRight="",this.styleBottom="",this.styleMaxHeight="",this.styleTransformOrigin="",this.anchor=null,this.previouslyFocused=null,this.previousAnchor=null,this.onBodyClickBound=()=>{}}render(){return this.renderSurface()}renderSurface(){const t=this.getRootClasses(),e=this.getRootStyles();return A.y`
       <div
-          class=${P(e)}
-          style="${tt(t)}"
+          class=${P.o(t)}
+          style="${j.i(e)}"
           @keydown=${this.onKeydown}
           @opened=${this.registerBodyClick}
           @closed=${this.deregisterBodyClick}>
         ${this.renderContent()}
-      </div>`;
-  }
-  getRootClasses() {
-    return {
-      "mdc-menu-surface": !0,
-      "mdc-menu-surface--fixed": this.fixed,
-      "mdc-menu-surface--fullwidth": this.fullwidth
-    };
-  }
-  getRootStyles() {
-    return {
-      top: this.styleTop,
-      left: this.styleLeft,
-      right: this.styleRight,
-      bottom: this.styleBottom,
-      "max-height": this.styleMaxHeight,
-      "transform-origin": this.styleTransformOrigin
-    };
-  }
-  renderContent() {
-    return F`<slot></slot>`;
-  }
-  createAdapter() {
-    return Object.assign(Object.assign({}, Y(this.mdcRoot)), { hasAnchor: () => !!this.anchor, notifyClose: () => {
-      const e = { bubbles: !0, composed: !0 }, t = new CustomEvent("closed", e);
-      this.open = !1, this.mdcRoot.dispatchEvent(t);
-    }, notifyClosing: () => {
-      const e = { bubbles: !0, composed: !0 }, t = new CustomEvent("closing", e);
-      this.mdcRoot.dispatchEvent(t);
-    }, notifyOpen: () => {
-      const e = { bubbles: !0, composed: !0 }, t = new CustomEvent("opened", e);
-      this.open = !0, this.mdcRoot.dispatchEvent(t);
-    }, notifyOpening: () => {
-      const e = { bubbles: !0, composed: !0 }, t = new CustomEvent("opening", e);
-      this.mdcRoot.dispatchEvent(t);
-    }, isElementInContainer: () => !1, isRtl: () => this.mdcRoot ? getComputedStyle(this.mdcRoot).direction === "rtl" : !1, setTransformOrigin: (e) => {
-      this.mdcRoot && (this.styleTransformOrigin = e);
-    }, isFocused: () => Z(this), saveFocus: () => {
-      const e = J(), t = e.length;
-      t || (this.previouslyFocused = null), this.previouslyFocused = e[t - 1];
-    }, restoreFocus: () => {
-      this.previouslyFocused && "focus" in this.previouslyFocused && this.previouslyFocused.focus();
-    }, getInnerDimensions: () => {
-      const e = this.mdcRoot;
-      return e ? { width: e.offsetWidth, height: e.offsetHeight } : { width: 0, height: 0 };
-    }, getAnchorDimensions: () => {
-      const e = this.anchor;
-      return e ? e.getBoundingClientRect() : null;
-    }, getBodyDimensions: () => ({
-      width: document.body.clientWidth,
-      height: document.body.clientHeight
-    }), getWindowDimensions: () => ({
-      width: window.innerWidth,
-      height: window.innerHeight
-    }), getWindowScroll: () => ({
-      x: window.pageXOffset,
-      y: window.pageYOffset
-    }), setPosition: (e) => {
-      this.mdcRoot && (this.styleLeft = "left" in e ? `${e.left}px` : "", this.styleRight = "right" in e ? `${e.right}px` : "", this.styleTop = "top" in e ? `${e.top}px` : "", this.styleBottom = "bottom" in e ? `${e.bottom}px` : "");
-    }, setMaxHeight: async (e) => {
-      this.mdcRoot && (this.styleMaxHeight = e, await this.updateComplete, this.styleMaxHeight = `var(--mdc-menu-max-height, ${e})`);
-    } });
-  }
-  onKeydown(e) {
-    this.mdcFoundation && this.mdcFoundation.handleKeydown(e);
-  }
-  onBodyClick(e) {
-    if (this.stayOpenOnBodyClick)
-      return;
-    e.composedPath().indexOf(this) === -1 && this.close();
-  }
-  registerBodyClick() {
-    this.onBodyClickBound = this.onBodyClick.bind(this), document.body.addEventListener("click", this.onBodyClickBound, { passive: !0, capture: !0 });
-  }
-  deregisterBodyClick() {
-    document.body.removeEventListener("click", this.onBodyClickBound, { capture: !0 });
-  }
-  onOpenChanged(e, t) {
-    this.mdcFoundation && (e ? this.mdcFoundation.open() : t !== void 0 && this.mdcFoundation.close());
-  }
-  close() {
-    this.open = !1;
-  }
-  show() {
-    this.open = !0;
-  }
-}
-o([
-  D(".mdc-menu-surface")
-], u.prototype, "mdcRoot", void 0);
-o([
-  D("slot")
-], u.prototype, "slotElement", void 0);
-o([
-  a({ type: Boolean }),
-  g(function(n) {
-    this.mdcFoundation && !this.fixed && this.mdcFoundation.setIsHoisted(n);
-  })
-], u.prototype, "absolute", void 0);
-o([
-  a({ type: Boolean })
-], u.prototype, "fullwidth", void 0);
-o([
-  a({ type: Boolean }),
-  g(function(n) {
-    this.mdcFoundation && !this.absolute && this.mdcFoundation.setFixedPosition(n);
-  })
-], u.prototype, "fixed", void 0);
-o([
-  a({ type: Number }),
-  g(function(n) {
-    this.mdcFoundation && this.y !== null && n !== null && (this.mdcFoundation.setAbsolutePosition(n, this.y), this.mdcFoundation.setAnchorMargin({ left: n, top: this.y, right: -n, bottom: this.y }));
-  })
-], u.prototype, "x", void 0);
-o([
-  a({ type: Number }),
-  g(function(n) {
-    this.mdcFoundation && this.x !== null && n !== null && (this.mdcFoundation.setAbsolutePosition(this.x, n), this.mdcFoundation.setAnchorMargin({ left: this.x, top: n, right: -this.x, bottom: n }));
-  })
-], u.prototype, "y", void 0);
-o([
-  a({ type: Boolean }),
-  g(function(n) {
-    this.mdcFoundation && this.mdcFoundation.setQuickOpen(n);
-  })
-], u.prototype, "quick", void 0);
-o([
-  a({ type: Boolean, reflect: !0 }),
-  g(function(n, e) {
-    this.onOpenChanged(n, e);
-  })
-], u.prototype, "open", void 0);
-o([
-  a({ type: Boolean })
-], u.prototype, "stayOpenOnBodyClick", void 0);
-o([
-  b(),
-  g(function(n) {
-    this.mdcFoundation && (n ? this.mdcFoundation.setAnchorCorner(n) : this.mdcFoundation.setAnchorCorner(n));
-  })
-], u.prototype, "bitwiseCorner", void 0);
-o([
-  a({ type: String }),
-  g(function(n) {
-    if (this.mdcFoundation) {
-      const e = n === "START" || n === "END", t = this.previousMenuCorner === null, i = !t && n !== this.previousMenuCorner;
-      e && (i || t && n === "END") && (this.bitwiseCorner = this.bitwiseCorner ^ c.RIGHT, this.mdcFoundation.flipCornerHorizontally(), this.previousMenuCorner = n);
-    }
-  })
-], u.prototype, "menuCorner", void 0);
-o([
-  a({ type: String }),
-  g(function(n) {
-    if (this.mdcFoundation && n) {
-      let e = ot[n];
-      this.menuCorner === "END" && (e = e ^ c.RIGHT), this.bitwiseCorner = e;
-    }
-  })
-], u.prototype, "corner", void 0);
-o([
-  b()
-], u.prototype, "styleTop", void 0);
-o([
-  b()
-], u.prototype, "styleLeft", void 0);
-o([
-  b()
-], u.prototype, "styleRight", void 0);
-o([
-  b()
-], u.prototype, "styleBottom", void 0);
-o([
-  b()
-], u.prototype, "styleMaxHeight", void 0);
-o([
-  b()
-], u.prototype, "styleTransformOrigin", void 0);
-/**
+      </div>`}getRootClasses(){return{"mdc-menu-surface":!0,"mdc-menu-surface--fixed":this.fixed,"mdc-menu-surface--fullwidth":this.fullwidth}}getRootStyles(){return{top:this.styleTop,left:this.styleLeft,right:this.styleRight,bottom:this.styleBottom,"max-height":this.styleMaxHeight,"transform-origin":this.styleTransformOrigin}}renderContent(){return A.y`<slot></slot>`}createAdapter(){return Object.assign(Object.assign({},N.addHasRemoveClass(this.mdcRoot)),{hasAnchor:()=>!!this.anchor,notifyClose:()=>{const t={bubbles:!0,composed:!0},e=new CustomEvent("closed",t);this.open=!1,this.mdcRoot.dispatchEvent(e)},notifyClosing:()=>{const t={bubbles:!0,composed:!0},e=new CustomEvent("closing",t);this.mdcRoot.dispatchEvent(e)},notifyOpen:()=>{const t={bubbles:!0,composed:!0},e=new CustomEvent("opened",t);this.open=!0,this.mdcRoot.dispatchEvent(e)},notifyOpening:()=>{const t={bubbles:!0,composed:!0},e=new CustomEvent("opening",t);this.mdcRoot.dispatchEvent(e)},isElementInContainer:()=>!1,isRtl:()=>this.mdcRoot?getComputedStyle(this.mdcRoot).direction==="rtl":!1,setTransformOrigin:t=>{this.mdcRoot&&(this.styleTransformOrigin=t)},isFocused:()=>N.doesElementContainFocus(this),saveFocus:()=>{const t=N.deepActiveElementPath(),e=t.length;e||(this.previouslyFocused=null),this.previouslyFocused=t[e-1]},restoreFocus:()=>{this.previouslyFocused&&"focus"in this.previouslyFocused&&this.previouslyFocused.focus()},getInnerDimensions:()=>{const t=this.mdcRoot;return t?{width:t.offsetWidth,height:t.offsetHeight}:{width:0,height:0}},getAnchorDimensions:()=>{const t=this.anchor;return t?t.getBoundingClientRect():null},getBodyDimensions:()=>({width:document.body.clientWidth,height:document.body.clientHeight}),getWindowDimensions:()=>({width:window.innerWidth,height:window.innerHeight}),getWindowScroll:()=>({x:window.pageXOffset,y:window.pageYOffset}),setPosition:t=>{this.mdcRoot&&(this.styleLeft="left"in t?`${t.left}px`:"",this.styleRight="right"in t?`${t.right}px`:"",this.styleTop="top"in t?`${t.top}px`:"",this.styleBottom="bottom"in t?`${t.bottom}px`:"")},setMaxHeight:async t=>{this.mdcRoot&&(this.styleMaxHeight=t,await this.updateComplete,this.styleMaxHeight=`var(--mdc-menu-max-height, ${t})`)}})}onKeydown(t){this.mdcFoundation&&this.mdcFoundation.handleKeydown(t)}onBodyClick(t){if(this.stayOpenOnBodyClick)return;t.composedPath().indexOf(this)===-1&&this.close()}registerBodyClick(){this.onBodyClickBound=this.onBodyClick.bind(this),document.body.addEventListener("click",this.onBodyClickBound,{passive:!0,capture:!0})}deregisterBodyClick(){document.body.removeEventListener("click",this.onBodyClickBound,{capture:!0})}onOpenChanged(t,e){this.mdcFoundation&&(t?this.mdcFoundation.open():e!==void 0&&this.mdcFoundation.close())}close(){this.open=!1}show(){this.open=!0}}o.__decorate([F.i(".mdc-menu-surface")],h.prototype,"mdcRoot",void 0);o.__decorate([F.i("slot")],h.prototype,"slotElement",void 0);o.__decorate([a.e({type:Boolean}),E.observer(function(n){this.mdcFoundation&&!this.fixed&&this.mdcFoundation.setIsHoisted(n)})],h.prototype,"absolute",void 0);o.__decorate([a.e({type:Boolean})],h.prototype,"fullwidth",void 0);o.__decorate([a.e({type:Boolean}),E.observer(function(n){this.mdcFoundation&&!this.absolute&&this.mdcFoundation.setFixedPosition(n)})],h.prototype,"fixed",void 0);o.__decorate([a.e({type:Number}),E.observer(function(n){this.mdcFoundation&&this.y!==null&&n!==null&&(this.mdcFoundation.setAbsolutePosition(n,this.y),this.mdcFoundation.setAnchorMargin({left:n,top:this.y,right:-n,bottom:this.y}))})],h.prototype,"x",void 0);o.__decorate([a.e({type:Number}),E.observer(function(n){this.mdcFoundation&&this.x!==null&&n!==null&&(this.mdcFoundation.setAbsolutePosition(this.x,n),this.mdcFoundation.setAnchorMargin({left:this.x,top:n,right:-this.x,bottom:n}))})],h.prototype,"y",void 0);o.__decorate([a.e({type:Boolean}),E.observer(function(n){this.mdcFoundation&&this.mdcFoundation.setQuickOpen(n)})],h.prototype,"quick",void 0);o.__decorate([a.e({type:Boolean,reflect:!0}),E.observer(function(n,t){this.onOpenChanged(n,t)})],h.prototype,"open",void 0);o.__decorate([a.e({type:Boolean})],h.prototype,"stayOpenOnBodyClick",void 0);o.__decorate([v.t(),E.observer(function(n){this.mdcFoundation&&(n?this.mdcFoundation.setAnchorCorner(n):this.mdcFoundation.setAnchorCorner(n))})],h.prototype,"bitwiseCorner",void 0);o.__decorate([a.e({type:String}),E.observer(function(n){if(this.mdcFoundation){const t=n==="START"||n==="END",e=this.previousMenuCorner===null,i=!e&&n!==this.previousMenuCorner;t&&(i||e&&n==="END")&&(this.bitwiseCorner=this.bitwiseCorner^l.RIGHT,this.mdcFoundation.flipCornerHorizontally(),this.previousMenuCorner=n)}})],h.prototype,"menuCorner",void 0);o.__decorate([a.e({type:String}),E.observer(function(n){if(this.mdcFoundation&&n){let t=Z[n];this.menuCorner==="END"&&(t=t^l.RIGHT),this.bitwiseCorner=t}})],h.prototype,"corner",void 0);o.__decorate([v.t()],h.prototype,"styleTop",void 0);o.__decorate([v.t()],h.prototype,"styleLeft",void 0);o.__decorate([v.t()],h.prototype,"styleRight",void 0);o.__decorate([v.t()],h.prototype,"styleBottom",void 0);o.__decorate([v.t()],h.prototype,"styleMaxHeight",void 0);o.__decorate([v.t()],h.prototype,"styleTransformOrigin",void 0);/**
  * @license
  * Copyright 2021 Google LLC
  * SPDX-LIcense-Identifier: Apache-2.0
- */
-const rt = V`.mdc-menu-surface{display:none;position:absolute;box-sizing:border-box;max-width:calc(100vw - 32px);max-width:var(--mdc-menu-max-width, calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:var(--mdc-menu-max-height, calc(100vh - 32px));margin:0;padding:0;transform:scale(1);transform-origin:top left;opacity:0;overflow:auto;will-change:transform,opacity;z-index:8;transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1),height 250ms cubic-bezier(0, 0, 0.2, 1);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);color:#000;color:var(--mdc-theme-on-surface, #000);border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);transform-origin-left:top left;transform-origin-right:top right}.mdc-menu-surface:focus{outline:none}.mdc-menu-surface--animating-open{display:inline-block;transform:scale(0.8);opacity:0}.mdc-menu-surface--open{display:inline-block;transform:scale(1);opacity:1}.mdc-menu-surface--animating-closed{display:inline-block;opacity:0;transition:opacity .075s linear}[dir=rtl] .mdc-menu-surface,.mdc-menu-surface[dir=rtl]{transform-origin-left:top right;transform-origin-right:top left}.mdc-menu-surface--anchor{position:relative;overflow:visible}.mdc-menu-surface--fixed{position:fixed}.mdc-menu-surface--fullwidth{width:100%}:host(:not([open])){display:none}.mdc-menu-surface{z-index:8;z-index:var(--mdc-menu-z-index, 8);min-width:112px;min-width:var(--mdc-menu-min-width, 112px)}`;
-/**
+ */const J=A.i`.mdc-menu-surface{display:none;position:absolute;box-sizing:border-box;max-width:calc(100vw - 32px);max-width:var(--mdc-menu-max-width, calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:var(--mdc-menu-max-height, calc(100vh - 32px));margin:0;padding:0;transform:scale(1);transform-origin:top left;opacity:0;overflow:auto;will-change:transform,opacity;z-index:8;transition:opacity .03s linear,transform .12s cubic-bezier(0, 0, 0.2, 1),height 250ms cubic-bezier(0, 0, 0.2, 1);box-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),0px 8px 10px 1px rgba(0, 0, 0, 0.14),0px 3px 14px 2px rgba(0,0,0,.12);background-color:#fff;background-color:var(--mdc-theme-surface, #fff);color:#000;color:var(--mdc-theme-on-surface, #000);border-radius:4px;border-radius:var(--mdc-shape-medium, 4px);transform-origin-left:top left;transform-origin-right:top right}.mdc-menu-surface:focus{outline:none}.mdc-menu-surface--animating-open{display:inline-block;transform:scale(0.8);opacity:0}.mdc-menu-surface--open{display:inline-block;transform:scale(1);opacity:1}.mdc-menu-surface--animating-closed{display:inline-block;opacity:0;transition:opacity .075s linear}[dir=rtl] .mdc-menu-surface,.mdc-menu-surface[dir=rtl]{transform-origin-left:top right;transform-origin-right:top left}.mdc-menu-surface--anchor{position:relative;overflow:visible}.mdc-menu-surface--fixed{position:fixed}.mdc-menu-surface--fullwidth{width:100%}:host(:not([open])){display:none}.mdc-menu-surface{z-index:8;z-index:var(--mdc-menu-z-index, 8);min-width:112px;min-width:var(--mdc-menu-min-width, 112px)}`;/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */
-let z = class extends u {
-};
-z.styles = [rt];
-z = o([
-  K("mwc-menu-surface")
-], z);
-/**
+ */let z=class extends h{};z.styles=[J];z=o.__decorate([A.e("mwc-menu-surface")],z);/**
  * @license
  * Copyright 2018 Google Inc.
  *
@@ -670,25 +110,7 @@ z = o([
  * 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 H = {
-  MENU_SELECTED_LIST_ITEM: "mdc-menu-item--selected",
-  MENU_SELECTION_GROUP: "mdc-menu__selection-group",
-  ROOT: "mdc-menu"
-}, v = {
-  ARIA_CHECKED_ATTR: "aria-checked",
-  ARIA_DISABLED_ATTR: "aria-disabled",
-  CHECKBOX_SELECTOR: 'input[type="checkbox"]',
-  LIST_SELECTOR: ".mdc-list,.mdc-deprecated-list",
-  SELECTED_EVENT: "MDCMenu:selected",
-  SKIP_RESTORE_FOCUS: "data-menu-item-skip-restore-focus"
-}, at = {
-  FOCUS_ROOT_INDEX: -1
-}, C;
-(function(n) {
-  n[n.NONE = 0] = "NONE", n[n.LIST_ROOT = 1] = "LIST_ROOT", n[n.FIRST_ITEM = 2] = "FIRST_ITEM", n[n.LAST_ITEM = 3] = "LAST_ITEM";
-})(C || (C = {}));
-/**
+ */var H={MENU_SELECTED_LIST_ITEM:"mdc-menu-item--selected",MENU_SELECTION_GROUP:"mdc-menu__selection-group",ROOT:"mdc-menu"},x={ARIA_CHECKED_ATTR:"aria-checked",ARIA_DISABLED_ATTR:"aria-disabled",CHECKBOX_SELECTOR:'input[type="checkbox"]',LIST_SELECTOR:".mdc-list,.mdc-deprecated-list",SELECTED_EVENT:"MDCMenu:selected",SKIP_RESTORE_FOCUS:"data-menu-item-skip-restore-focus"},ee={FOCUS_ROOT_INDEX:-1},b;(function(n){n[n.NONE=0]="NONE",n[n.LIST_ROOT=1]="LIST_ROOT",n[n.FIRST_ITEM=2]="FIRST_ITEM",n[n.LAST_ITEM=3]="LAST_ITEM"})(b||(b={}));/**
  * @license
  * Copyright 2018 Google Inc.
  *
@@ -709,20 +131,7 @@ var H = {
  * 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 O, y, d = {
-  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"
-};
-O = {}, O["" + d.LIST_ITEM_ACTIVATED_CLASS] = "mdc-list-item--activated", O["" + d.LIST_ITEM_CLASS] = "mdc-list-item", O["" + d.LIST_ITEM_DISABLED_CLASS] = "mdc-list-item--disabled", O["" + d.LIST_ITEM_SELECTED_CLASS] = "mdc-list-item--selected", O["" + d.LIST_ITEM_PRIMARY_TEXT_CLASS] = "mdc-list-item__primary-text", O["" + d.ROOT] = "mdc-list";
-var x = (y = {}, y["" + d.LIST_ITEM_ACTIVATED_CLASS] = "mdc-deprecated-list-item--activated", y["" + d.LIST_ITEM_CLASS] = "mdc-deprecated-list-item", y["" + d.LIST_ITEM_DISABLED_CLASS] = "mdc-deprecated-list-item--disabled", y["" + d.LIST_ITEM_SELECTED_CLASS] = "mdc-deprecated-list-item--selected", y["" + d.LIST_ITEM_TEXT_CLASS] = "mdc-deprecated-list-item__text", y["" + d.LIST_ITEM_PRIMARY_TEXT_CLASS] = "mdc-deprecated-list-item__primary-text", y["" + d.ROOT] = "mdc-deprecated-list", y);
-"" + d.LIST_ITEM_CLASS + d.LIST_ITEM_CLASS + x[d.LIST_ITEM_CLASS] + x[d.LIST_ITEM_CLASS], "" + d.LIST_ITEM_CLASS + d.LIST_ITEM_CLASS + d.LIST_ITEM_CLASS + d.LIST_ITEM_CLASS + x[d.LIST_ITEM_CLASS] + x[d.LIST_ITEM_CLASS] + x[d.LIST_ITEM_CLASS] + x[d.LIST_ITEM_CLASS];
-/**
+ */var O,g,d={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"};O={},O[""+d.LIST_ITEM_ACTIVATED_CLASS]="mdc-list-item--activated",O[""+d.LIST_ITEM_CLASS]="mdc-list-item",O[""+d.LIST_ITEM_DISABLED_CLASS]="mdc-list-item--disabled",O[""+d.LIST_ITEM_SELECTED_CLASS]="mdc-list-item--selected",O[""+d.LIST_ITEM_PRIMARY_TEXT_CLASS]="mdc-list-item__primary-text",O[""+d.ROOT]="mdc-list";var R=(g={},g[""+d.LIST_ITEM_ACTIVATED_CLASS]="mdc-deprecated-list-item--activated",g[""+d.LIST_ITEM_CLASS]="mdc-deprecated-list-item",g[""+d.LIST_ITEM_DISABLED_CLASS]="mdc-deprecated-list-item--disabled",g[""+d.LIST_ITEM_SELECTED_CLASS]="mdc-deprecated-list-item--selected",g[""+d.LIST_ITEM_TEXT_CLASS]="mdc-deprecated-list-item__text",g[""+d.LIST_ITEM_PRIMARY_TEXT_CLASS]="mdc-deprecated-list-item__primary-text",g[""+d.ROOT]="mdc-deprecated-list",g);""+d.LIST_ITEM_CLASS+d.LIST_ITEM_CLASS+R[d.LIST_ITEM_CLASS]+R[d.LIST_ITEM_CLASS],""+d.LIST_ITEM_CLASS+d.LIST_ITEM_CLASS+d.LIST_ITEM_CLASS+d.LIST_ITEM_CLASS+R[d.LIST_ITEM_CLASS]+R[d.LIST_ITEM_CLASS]+R[d.LIST_ITEM_CLASS]+R[d.LIST_ITEM_CLASS];/**
  * @license
  * Copyright 2018 Google Inc.
  *
@@ -743,158 +152,11 @@ var x = (y = {}, y["" + d.LIST_ITEM_ACTIVATED_CLASS] = "mdc-deprecated-list-item
  * 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 dt = (
-  /** @class */
-  function(n) {
-    U(e, n);
-    function e(t) {
-      var i = n.call(this, B(B({}, e.defaultAdapter), t)) || this;
-      return i.closeAnimationEndTimerId = 0, i.defaultFocusState = C.LIST_ROOT, i.selectedIndex = -1, i;
-    }
-    return Object.defineProperty(e, "cssClasses", {
-      get: function() {
-        return H;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "strings", {
-      get: function() {
-        return v;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "numbers", {
-      get: function() {
-        return at;
-      },
-      enumerable: !1,
-      configurable: !0
-    }), Object.defineProperty(e, "defaultAdapter", {
-      /**
-       * @see {@link MDCMenuAdapter} for typing information on parameters and return types.
-       */
-      get: function() {
-        return {
-          addClassToElementAtIndex: function() {
-          },
-          removeClassFromElementAtIndex: function() {
-          },
-          addAttributeToElementAtIndex: function() {
-          },
-          removeAttributeFromElementAtIndex: function() {
-          },
-          getAttributeFromElementAtIndex: function() {
-            return null;
-          },
-          elementContainsClass: function() {
-            return !1;
-          },
-          closeSurface: function() {
-          },
-          getElementIndex: function() {
-            return -1;
-          },
-          notifySelected: function() {
-          },
-          getMenuItemCount: function() {
-            return 0;
-          },
-          focusItemAtIndex: function() {
-          },
-          focusListRoot: function() {
-          },
-          getSelectedSiblingOfItemAtIndex: function() {
-            return -1;
-          },
-          isSelectableItemAtIndex: function() {
-            return !1;
-          }
-        };
-      },
-      enumerable: !1,
-      configurable: !0
-    }), e.prototype.destroy = function() {
-      this.closeAnimationEndTimerId && clearTimeout(this.closeAnimationEndTimerId), this.adapter.closeSurface();
-    }, e.prototype.handleKeydown = function(t) {
-      var i = t.key, s = t.keyCode, r = i === "Tab" || s === 9;
-      r && this.adapter.closeSurface(
-        /** skipRestoreFocus */
-        !0
-      );
-    }, e.prototype.handleItemAction = function(t) {
-      var i = this, s = this.adapter.getElementIndex(t);
-      if (!(s < 0)) {
-        this.adapter.notifySelected({ index: s });
-        var r = this.adapter.getAttributeFromElementAtIndex(s, v.SKIP_RESTORE_FOCUS) === "true";
-        this.adapter.closeSurface(r), this.closeAnimationEndTimerId = setTimeout(function() {
-          var l = i.adapter.getElementIndex(t);
-          l >= 0 && i.adapter.isSelectableItemAtIndex(l) && i.setSelectedIndex(l);
-        }, X.numbers.TRANSITION_CLOSE_DURATION);
-      }
-    }, e.prototype.handleMenuSurfaceOpened = function() {
-      switch (this.defaultFocusState) {
-        case C.FIRST_ITEM:
-          this.adapter.focusItemAtIndex(0);
-          break;
-        case C.LAST_ITEM:
-          this.adapter.focusItemAtIndex(this.adapter.getMenuItemCount() - 1);
-          break;
-        case C.NONE:
-          break;
-        default:
-          this.adapter.focusListRoot();
-          break;
-      }
-    }, e.prototype.setDefaultFocusState = function(t) {
-      this.defaultFocusState = t;
-    }, e.prototype.getSelectedIndex = function() {
-      return this.selectedIndex;
-    }, e.prototype.setSelectedIndex = function(t) {
-      if (this.validatedIndex(t), !this.adapter.isSelectableItemAtIndex(t))
-        throw new Error("MDCMenuFoundation: No selection group at specified index.");
-      var i = this.adapter.getSelectedSiblingOfItemAtIndex(t);
-      i >= 0 && (this.adapter.removeAttributeFromElementAtIndex(i, v.ARIA_CHECKED_ATTR), this.adapter.removeClassFromElementAtIndex(i, H.MENU_SELECTED_LIST_ITEM)), this.adapter.addClassToElementAtIndex(t, H.MENU_SELECTED_LIST_ITEM), this.adapter.addAttributeToElementAtIndex(t, v.ARIA_CHECKED_ATTR, "true"), this.selectedIndex = t;
-    }, e.prototype.setEnabled = function(t, i) {
-      this.validatedIndex(t), i ? (this.adapter.removeClassFromElementAtIndex(t, d.LIST_ITEM_DISABLED_CLASS), this.adapter.addAttributeToElementAtIndex(t, v.ARIA_DISABLED_ATTR, "false")) : (this.adapter.addClassToElementAtIndex(t, d.LIST_ITEM_DISABLED_CLASS), this.adapter.addAttributeToElementAtIndex(t, v.ARIA_DISABLED_ATTR, "true"));
-    }, e.prototype.validatedIndex = function(t) {
-      var i = this.adapter.getMenuItemCount(), s = t >= 0 && t < i;
-      if (!s)
-        throw new Error("MDCMenuFoundation: No list item at specified index.");
-    }, e;
-  }(W)
-);
-const lt = dt;
-/**
+ */var te=function(n){o.__extends(t,n);function t(e){var i=n.call(this,o.__assign(o.__assign({},t.defaultAdapter),e))||this;return i.closeAnimationEndTimerId=0,i.defaultFocusState=b.LIST_ROOT,i.selectedIndex=-1,i}return Object.defineProperty(t,"cssClasses",{get:function(){return H},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return x},enumerable:!1,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return ee},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClassToElementAtIndex:function(){},removeClassFromElementAtIndex:function(){},addAttributeToElementAtIndex:function(){},removeAttributeFromElementAtIndex:function(){},getAttributeFromElementAtIndex:function(){return null},elementContainsClass:function(){return!1},closeSurface:function(){},getElementIndex:function(){return-1},notifySelected:function(){},getMenuItemCount:function(){return 0},focusItemAtIndex:function(){},focusListRoot:function(){},getSelectedSiblingOfItemAtIndex:function(){return-1},isSelectableItemAtIndex:function(){return!1}}},enumerable:!1,configurable:!0}),t.prototype.destroy=function(){this.closeAnimationEndTimerId&&clearTimeout(this.closeAnimationEndTimerId),this.adapter.closeSurface()},t.prototype.handleKeydown=function(e){var i=e.key,s=e.keyCode,r=i==="Tab"||s===9;r&&this.adapter.closeSurface(!0)},t.prototype.handleItemAction=function(e){var i=this,s=this.adapter.getElementIndex(e);if(!(s<0)){this.adapter.notifySelected({index:s});var r=this.adapter.getAttributeFromElementAtIndex(s,x.SKIP_RESTORE_FOCUS)==="true";this.adapter.closeSurface(r),this.closeAnimationEndTimerId=setTimeout(function(){var c=i.adapter.getElementIndex(e);c>=0&&i.adapter.isSelectableItemAtIndex(c)&&i.setSelectedIndex(c)},V.numbers.TRANSITION_CLOSE_DURATION)}},t.prototype.handleMenuSurfaceOpened=function(){switch(this.defaultFocusState){case b.FIRST_ITEM:this.adapter.focusItemAtIndex(0);break;case b.LAST_ITEM:this.adapter.focusItemAtIndex(this.adapter.getMenuItemCount()-1);break;case b.NONE:break;default:this.adapter.focusListRoot();break}},t.prototype.setDefaultFocusState=function(e){this.defaultFocusState=e},t.prototype.getSelectedIndex=function(){return this.selectedIndex},t.prototype.setSelectedIndex=function(e){if(this.validatedIndex(e),!this.adapter.isSelectableItemAtIndex(e))throw new Error("MDCMenuFoundation: No selection group at specified index.");var i=this.adapter.getSelectedSiblingOfItemAtIndex(e);i>=0&&(this.adapter.removeAttributeFromElementAtIndex(i,x.ARIA_CHECKED_ATTR),this.adapter.removeClassFromElementAtIndex(i,H.MENU_SELECTED_LIST_ITEM)),this.adapter.addClassToElementAtIndex(e,H.MENU_SELECTED_LIST_ITEM),this.adapter.addAttributeToElementAtIndex(e,x.ARIA_CHECKED_ATTR,"true"),this.selectedIndex=e},t.prototype.setEnabled=function(e,i){this.validatedIndex(e),i?(this.adapter.removeClassFromElementAtIndex(e,d.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(e,x.ARIA_DISABLED_ATTR,"false")):(this.adapter.addClassToElementAtIndex(e,d.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(e,x.ARIA_DISABLED_ATTR,"true"))},t.prototype.validatedIndex=function(e){var i=this.adapter.getMenuItemCount(),s=e>=0&&e<i;if(!s)throw new Error("MDCMenuFoundation: No list item at specified index.")},t}(q);const ie=te;/**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: Apache-2.0
- */
-class h extends j {
-  constructor() {
-    super(...arguments), this.mdcFoundationClass = lt, this.listElement_ = null, this.anchor = null, this.open = !1, this.quick = !1, this.wrapFocus = !1, this.innerRole = "menu", this.innerAriaLabel = null, this.corner = "TOP_START", this.x = null, this.y = null, this.absolute = !1, this.multi = !1, this.activatable = !1, this.fixed = !1, this.forceGroupSelection = !1, this.fullwidth = !1, this.menuCorner = "START", this.stayOpenOnBodyClick = !1, this.defaultFocus = "LIST_ROOT", this._listUpdateComplete = null;
-  }
-  get listElement() {
-    return this.listElement_ ? this.listElement_ : (this.listElement_ = this.renderRoot.querySelector("mwc-list"), this.listElement_);
-  }
-  get items() {
-    const e = this.listElement;
-    return e ? e.items : [];
-  }
-  get index() {
-    const e = this.listElement;
-    return e ? e.index : -1;
-  }
-  get selected() {
-    const e = this.listElement;
-    return e ? e.selected : null;
-  }
-  render() {
-    return this.renderSurface();
-  }
-  renderSurface() {
-    const e = this.getSurfaceClasses();
-    return F`
+ */class u extends U.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=ie,this.listElement_=null,this.anchor=null,this.open=!1,this.quick=!1,this.wrapFocus=!1,this.innerRole="menu",this.innerAriaLabel=null,this.corner="TOP_START",this.x=null,this.y=null,this.absolute=!1,this.multi=!1,this.activatable=!1,this.fixed=!1,this.forceGroupSelection=!1,this.fullwidth=!1,this.menuCorner="START",this.stayOpenOnBodyClick=!1,this.defaultFocus="LIST_ROOT",this._listUpdateComplete=null}get listElement(){return this.listElement_?this.listElement_:(this.listElement_=this.renderRoot.querySelector("mwc-list"),this.listElement_)}get items(){const t=this.listElement;return t?t.items:[]}get index(){const t=this.listElement;return t?t.index:-1}get selected(){const t=this.listElement;return t?t.selected:null}render(){return this.renderSurface()}renderSurface(){const t=this.getSurfaceClasses();return A.y`
       <mwc-menu-surface
         ?hidden=${!this.open}
         .anchor=${this.anchor}
@@ -908,238 +170,21 @@ class h extends j {
         .fullwidth=${this.fullwidth}
         .menuCorner=${this.menuCorner}
         ?stayOpenOnBodyClick=${this.stayOpenOnBodyClick}
-        class=${P(e)}
+        class=${P.o(t)}
         @closed=${this.onClosed}
         @opened=${this.onOpened}
         @keydown=${this.onKeydown}>
       ${this.renderList()}
-    </mwc-menu-surface>`;
-  }
-  getSurfaceClasses() {
-    return {
-      "mdc-menu": !0,
-      "mdc-menu-surface": !0
-    };
-  }
-  renderList() {
-    const e = this.innerRole === "menu" ? "menuitem" : "option", t = this.renderListClasses();
-    return F`
+    </mwc-menu-surface>`}getSurfaceClasses(){return{"mdc-menu":!0,"mdc-menu-surface":!0}}renderList(){const t=this.innerRole==="menu"?"menuitem":"option",e=this.renderListClasses();return A.y`
       <mwc-list
           rootTabbable
           .innerAriaLabel=${this.innerAriaLabel}
           .innerRole=${this.innerRole}
           .multi=${this.multi}
-          class=${P(t)}
-          .itemRoles=${e}
+          class=${P.o(e)}
+          .itemRoles=${t}
           .wrapFocus=${this.wrapFocus}
           .activatable=${this.activatable}
           @action=${this.onAction}>
         <slot></slot>
-      </mwc-list>`;
-  }
-  renderListClasses() {
-    return {
-      "mdc-deprecated-list": !0
-    };
-  }
-  createAdapter() {
-    return {
-      addClassToElementAtIndex: (e, t) => {
-        const i = this.listElement;
-        if (!i)
-          return;
-        const s = i.items[e];
-        s && (t === "mdc-menu-item--selected" ? this.forceGroupSelection && !s.selected && i.toggle(e, !0) : s.classList.add(t));
-      },
-      removeClassFromElementAtIndex: (e, t) => {
-        const i = this.listElement;
-        if (!i)
-          return;
-        const s = i.items[e];
-        s && (t === "mdc-menu-item--selected" ? s.selected && i.toggle(e, !1) : s.classList.remove(t));
-      },
-      addAttributeToElementAtIndex: (e, t, i) => {
-        const s = this.listElement;
-        if (!s)
-          return;
-        const r = s.items[e];
-        r && r.setAttribute(t, i);
-      },
-      removeAttributeFromElementAtIndex: (e, t) => {
-        const i = this.listElement;
-        if (!i)
-          return;
-        const s = i.items[e];
-        s && s.removeAttribute(t);
-      },
-      getAttributeFromElementAtIndex: (e, t) => {
-        const i = this.listElement;
-        if (!i)
-          return null;
-        const s = i.items[e];
-        return s ? s.getAttribute(t) : null;
-      },
-      elementContainsClass: (e, t) => e.classList.contains(t),
-      closeSurface: () => {
-        this.open = !1;
-      },
-      getElementIndex: (e) => {
-        const t = this.listElement;
-        return t ? t.items.indexOf(e) : -1;
-      },
-      notifySelected: () => {
-      },
-      getMenuItemCount: () => {
-        const e = this.listElement;
-        return e ? e.items.length : 0;
-      },
-      focusItemAtIndex: (e) => {
-        const t = this.listElement;
-        if (!t)
-          return;
-        const i = t.items[e];
-        i && i.focus();
-      },
-      focusListRoot: () => {
-        this.listElement && this.listElement.focus();
-      },
-      getSelectedSiblingOfItemAtIndex: (e) => {
-        const t = this.listElement;
-        if (!t)
-          return -1;
-        const i = t.items[e];
-        if (!i || !i.group)
-          return -1;
-        for (let s = 0; s < t.items.length; s++) {
-          if (s === e)
-            continue;
-          const r = t.items[s];
-          if (r.selected && r.group === i.group)
-            return s;
-        }
-        return -1;
-      },
-      isSelectableItemAtIndex: (e) => {
-        const t = this.listElement;
-        if (!t)
-          return !1;
-        const i = t.items[e];
-        return i ? i.hasAttribute("group") : !1;
-      }
-    };
-  }
-  onKeydown(e) {
-    this.mdcFoundation && this.mdcFoundation.handleKeydown(e);
-  }
-  onAction(e) {
-    const t = this.listElement;
-    if (this.mdcFoundation && t) {
-      const i = e.detail.index, s = t.items[i];
-      s && this.mdcFoundation.handleItemAction(s);
-    }
-  }
-  onOpened() {
-    this.open = !0, this.mdcFoundation && this.mdcFoundation.handleMenuSurfaceOpened();
-  }
-  onClosed() {
-    this.open = !1;
-  }
-  // tslint:disable:ban-ts-ignore
-  async getUpdateComplete() {
-    return await this._listUpdateComplete, await super.getUpdateComplete();
-  }
-  // tslint:enable:ban-ts-ignore
-  async firstUpdated() {
-    super.firstUpdated();
-    const e = this.listElement;
-    e && (this._listUpdateComplete = e.updateComplete, await this._listUpdateComplete);
-  }
-  select(e) {
-    const t = this.listElement;
-    t && t.select(e);
-  }
-  close() {
-    this.open = !1;
-  }
-  show() {
-    this.open = !0;
-  }
-  getFocusedItemIndex() {
-    const e = this.listElement;
-    return e ? e.getFocusedItemIndex() : -1;
-  }
-  focusItemAtIndex(e) {
-    const t = this.listElement;
-    t && t.focusItemAtIndex(e);
-  }
-  layout(e = !0) {
-    const t = this.listElement;
-    t && t.layout(e);
-  }
-}
-o([
-  D(".mdc-menu")
-], h.prototype, "mdcRoot", void 0);
-o([
-  D("slot")
-], h.prototype, "slotElement", void 0);
-o([
-  a({ type: Object })
-], h.prototype, "anchor", void 0);
-o([
-  a({ type: Boolean, reflect: !0 })
-], h.prototype, "open", void 0);
-o([
-  a({ type: Boolean })
-], h.prototype, "quick", void 0);
-o([
-  a({ type: Boolean })
-], h.prototype, "wrapFocus", void 0);
-o([
-  a({ type: String })
-], h.prototype, "innerRole", void 0);
-o([
-  a({ type: String })
-], h.prototype, "innerAriaLabel", void 0);
-o([
-  a({ type: String })
-], h.prototype, "corner", void 0);
-o([
-  a({ type: Number })
-], h.prototype, "x", void 0);
-o([
-  a({ type: Number })
-], h.prototype, "y", void 0);
-o([
-  a({ type: Boolean })
-], h.prototype, "absolute", void 0);
-o([
-  a({ type: Boolean })
-], h.prototype, "multi", void 0);
-o([
-  a({ type: Boolean })
-], h.prototype, "activatable", void 0);
-o([
-  a({ type: Boolean })
-], h.prototype, "fixed", void 0);
-o([
-  a({ type: Boolean })
-], h.prototype, "forceGroupSelection", void 0);
-o([
-  a({ type: Boolean })
-], h.prototype, "fullwidth", void 0);
-o([
-  a({ type: String })
-], h.prototype, "menuCorner", void 0);
-o([
-  a({ type: Boolean })
-], h.prototype, "stayOpenOnBodyClick", void 0);
-o([
-  a({ type: String }),
-  g(function(n) {
-    this.mdcFoundation && this.mdcFoundation.setDefaultFocusState(C[n]);
-  })
-], h.prototype, "defaultFocus", void 0);
-export {
-  h as M
-};
+      </mwc-list>`}renderListClasses(){return{"mdc-deprecated-list":!0}}createAdapter(){return{addClassToElementAtIndex:(t,e)=>{const i=this.listElement;if(!i)return;const s=i.items[t];s&&(e==="mdc-menu-item--selected"?this.forceGroupSelection&&!s.selected&&i.toggle(t,!0):s.classList.add(e))},removeClassFromElementAtIndex:(t,e)=>{const i=this.listElement;if(!i)return;const s=i.items[t];s&&(e==="mdc-menu-item--selected"?s.selected&&i.toggle(t,!1):s.classList.remove(e))},addAttributeToElementAtIndex:(t,e,i)=>{const s=this.listElement;if(!s)return;const r=s.items[t];r&&r.setAttribute(e,i)},removeAttributeFromElementAtIndex:(t,e)=>{const i=this.listElement;if(!i)return;const s=i.items[t];s&&s.removeAttribute(e)},getAttributeFromElementAtIndex:(t,e)=>{const i=this.listElement;if(!i)return null;const s=i.items[t];return s?s.getAttribute(e):null},elementContainsClass:(t,e)=>t.classList.contains(e),closeSurface:()=>{this.open=!1},getElementIndex:t=>{const e=this.listElement;return e?e.items.indexOf(t):-1},notifySelected:()=>{},getMenuItemCount:()=>{const t=this.listElement;return t?t.items.length:0},focusItemAtIndex:t=>{const e=this.listElement;if(!e)return;const i=e.items[t];i&&i.focus()},focusListRoot:()=>{this.listElement&&this.listElement.focus()},getSelectedSiblingOfItemAtIndex:t=>{const e=this.listElement;if(!e)return-1;const i=e.items[t];if(!i||!i.group)return-1;for(let s=0;s<e.items.length;s++){if(s===t)continue;const r=e.items[s];if(r.selected&&r.group===i.group)return s}return-1},isSelectableItemAtIndex:t=>{const e=this.listElement;if(!e)return!1;const i=e.items[t];return i?i.hasAttribute("group"):!1}}}onKeydown(t){this.mdcFoundation&&this.mdcFoundation.handleKeydown(t)}onAction(t){const e=this.listElement;if(this.mdcFoundation&&e){const i=t.detail.index,s=e.items[i];s&&this.mdcFoundation.handleItemAction(s)}}onOpened(){this.open=!0,this.mdcFoundation&&this.mdcFoundation.handleMenuSurfaceOpened()}onClosed(){this.open=!1}async getUpdateComplete(){return await this._listUpdateComplete,await super.getUpdateComplete()}async firstUpdated(){super.firstUpdated();const t=this.listElement;t&&(this._listUpdateComplete=t.updateComplete,await this._listUpdateComplete)}select(t){const e=this.listElement;e&&e.select(t)}close(){this.open=!1}show(){this.open=!0}getFocusedItemIndex(){const t=this.listElement;return t?t.getFocusedItemIndex():-1}focusItemAtIndex(t){const e=this.listElement;e&&e.focusItemAtIndex(t)}layout(t=!0){const e=this.listElement;e&&e.layout(t)}}o.__decorate([F.i(".mdc-menu")],u.prototype,"mdcRoot",void 0);o.__decorate([F.i("slot")],u.prototype,"slotElement",void 0);o.__decorate([a.e({type:Object})],u.prototype,"anchor",void 0);o.__decorate([a.e({type:Boolean,reflect:!0})],u.prototype,"open",void 0);o.__decorate([a.e({type:Boolean})],u.prototype,"quick",void 0);o.__decorate([a.e({type:Boolean})],u.prototype,"wrapFocus",void 0);o.__decorate([a.e({type:String})],u.prototype,"innerRole",void 0);o.__decorate([a.e({type:String})],u.prototype,"innerAriaLabel",void 0);o.__decorate([a.e({type:String})],u.prototype,"corner",void 0);o.__decorate([a.e({type:Number})],u.prototype,"x",void 0);o.__decorate([a.e({type:Number})],u.prototype,"y",void 0);o.__decorate([a.e({type:Boolean})],u.prototype,"absolute",void 0);o.__decorate([a.e({type:Boolean})],u.prototype,"multi",void 0);o.__decorate([a.e({type:Boolean})],u.prototype,"activatable",void 0);o.__decorate([a.e({type:Boolean})],u.prototype,"fixed",void 0);o.__decorate([a.e({type:Boolean})],u.prototype,"forceGroupSelection",void 0);o.__decorate([a.e({type:Boolean})],u.prototype,"fullwidth",void 0);o.__decorate([a.e({type:String})],u.prototype,"menuCorner",void 0);o.__decorate([a.e({type:Boolean})],u.prototype,"stayOpenOnBodyClick",void 0);o.__decorate([a.e({type:String}),E.observer(function(n){this.mdcFoundation&&this.mdcFoundation.setDefaultFocusState(b[n])})],u.prototype,"defaultFocus",void 0);exports.MenuBase=u;