@covalent/components 8.23.2 → 9.0.0-beta.1

package/{mwc-menu-base-04586160.mjs → mwc-menu.css-BEiPghgR.mjs}

@@ -1,20 +1,14 @@
-import { _ as o, a as U, b as B, c as q } from "./tslib.es6-c4b0f3b1.mjs";
-import { i as V, e as K, x as F } from "./query-assigned-elements-4a39219d.mjs";
-import { L as Q } from "./mwc-list-base-402e1d8e.mjs";
-import { B as j } from "./base-element-acf30176.mjs";
-import { o as g } from "./observer-be7b92e2.mjs";
-import { a as Y, b as Z, d as J } from "./utils-dc65fdc9.mjs";
-import { n as a } from "./property-9b6ea53b.mjs";
-import { t as b } from "./state-b5e865db.mjs";
-import { i as D } from "./query-d843aa92.mjs";
-import { o as P } from "./class-map-6e504a9a.mjs";
-import { o as tt } from "./style-map-e7ec6d41.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}`;
+import { _ as o, a as U, b as B, c as X } from "./tslib.es6-pPsSiLLK.mjs";
+import { e as j, x as F, i as V } from "./query-assigned-elements-DCt2xozt.mjs";
+import { L as Q, s as Y } from "./mwc-list.css-DFOdJyFB.mjs";
+import { B as W } from "./base-element-C-U4OfWx.mjs";
+import { o as y } from "./observer-DQ8OfVDQ.mjs";
+import { a as J, d as Z, b as tt } from "./utils-Dr5MegQq.mjs";
+import { n as a } from "./property-DJzm_oB9.mjs";
+import { t as b } from "./state-DaD9o2aK.mjs";
+import { i as N } from "./query-BBDQWsft.mjs";
+import { o as H } from "./class-map-C1SJpero.mjs";
+import { o as et } from "./style-map-CCsABR5m.mjs";
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -22,9 +16,9 @@ const et = V`@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:c
  */
 let k = class extends Q {
 };
-k.styles = [et];
+k.styles = [Y];
 k = o([
-  K("mwc-list")
+  j("mwc-list")
 ], k);
 /**
  * @license
@@ -69,7 +63,7 @@ var it = {
     "textarea:not(:disabled)",
     '[tabindex]:not([tabindex="-1"]):not([aria-disabled="true"])'
   ].join(", ")
-}, M = {
+}, R = {
   /** Total duration of menu-surface open animation. */
   TRANSITION_OPEN_DURATION: 120,
   /** Total duration of menu-surface close animation. */
@@ -121,7 +115,7 @@ var m;
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var W = (
+var K = (
   /** @class */
   function() {
     function n(e) {
@@ -178,7 +172,7 @@ var W = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var X = (
+var q = (
   /** @class */
   function(n) {
     U(e, n);
@@ -200,7 +194,7 @@ var X = (
       configurable: !0
     }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return M;
+        return R;
       },
       enumerable: !1,
       configurable: !0
@@ -308,7 +302,7 @@ var X = (
       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);
+        }, R.TRANSITION_OPEN_DURATION);
       }), this.isSurfaceOpen = !0));
     }, e.prototype.close = function(t) {
       var i = this;
@@ -320,7 +314,7 @@ var X = (
         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);
+          }, R.TRANSITION_CLOSE_DURATION);
         }), this.isSurfaceOpen = !1, t || this.maybeRestoreFocus();
       }
     }, e.prototype.handleBodyClick = function(t) {
@@ -332,8 +326,8 @@ var X = (
     }, 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);
+      var i = this.getoriginCorner(), s = this.getMenuSurfaceMaxHeight(i), r = this.hasBit(i, c.BOTTOM) ? "bottom" : "top", l = this.hasBit(i, c.RIGHT) ? "right" : "left", p = this.getHorizontalOriginOffset(i), x = this.getVerticalOriginOffset(i), I = this.measurements, S = I.anchorSize, O = I.surfaceSize, f = (t = {}, t[l] = p, t[r] = x, t);
+      S.width / O.width > R.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO && (l = "center"), (this.isHoistedElement || this.isFixedPosition) && this.adjustPositionForHoistedElement(f), this.adapter.setTransformOrigin(l + " " + r), this.adapter.setPosition(f), 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 = {
@@ -359,21 +353,21 @@ var X = (
         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 t = this.originCorner, i = this.measurements, s = i.viewportDistance, r = i.anchorSize, l = i.surfaceSize, p = e.numbers.MARGIN_TO_EDGE, x = this.hasBit(this.anchorCorner, c.BOTTOM), I, S;
+      x ? (I = s.top - p + this.anchorMargin.bottom, S = s.bottom - p - this.anchorMargin.bottom) : (I = s.top - p + this.anchorMargin.top, S = s.bottom - p + r.height - this.anchorMargin.top);
+      var O = S - l.height > 0;
+      !O && I > S + this.openBottomBias && (t = this.setBit(t, c.BOTTOM));
+      var f = 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;
+      f && 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;
+      var D = L - l.width > 0, G = w - l.width > 0, $ = this.hasBit(t, c.FLIP_RTL) && this.hasBit(t, c.RIGHT);
+      return G && $ && f || !D && $ ? t = this.unsetBit(t, c.RIGHT) : (D && A && f || D && !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;
+      var i = this.measurements.viewportDistance, s = 0, r = this.hasBit(t, c.BOTTOM), l = this.hasBit(this.anchorCorner, c.BOTTOM), p = e.numbers.MARGIN_TO_EDGE;
+      return r ? (s = i.top + this.anchorMargin.top - p, l || (s += this.measurements.anchorSize.height)) : (s = i.bottom - this.anchorMargin.bottom + this.measurements.anchorSize.height - p, 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) {
@@ -385,31 +379,30 @@ var X = (
       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);
+      var i, s, r = this.measurements, l = r.windowScroll, p = r.viewportDistance, x = r.surfaceSize, I = r.viewportSize, S = Object.keys(t);
       try {
-        for (var S = q(_), p = S.next(); !p.done; p = S.next()) {
-          var T = p.value, E = t[T] || 0;
+        for (var O = X(S), f = O.next(); !f.done; f = O.next()) {
+          var T = f.value, E = t[T] || 0;
           if (this.isHorizontallyCenteredOnViewport && (T === "left" || T === "right")) {
-            t[T] = (I.width - R.width) / 2;
+            t[T] = (I.width - x.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;
+          E += p[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);
+          f && !f.done && (s = O.return) && s.call(O);
         } finally {
-          if (i)
-            throw i.error;
+          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);
+      }, R.TOUCH_EVENT_WAIT_MS);
     }, e.prototype.hasBit = function(t, i) {
       return !!(t & i);
     }, e.prototype.setBit = function(t, i) {
@@ -419,15 +412,14 @@ var X = (
     }, e.prototype.isFinite = function(t) {
       return typeof t == "number" && isFinite(t);
     }, e;
-  }(W)
+  }(K)
 );
-const st = X;
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const ot = {
+const st = {
   TOP_LEFT: m.TOP_LEFT,
   TOP_RIGHT: m.TOP_RIGHT,
   BOTTOM_LEFT: m.BOTTOM_LEFT,
@@ -437,9 +429,9 @@ const ot = {
   BOTTOM_START: m.BOTTOM_START,
   BOTTOM_END: m.BOTTOM_END
 };
-class u extends j {
+class u extends W {
   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 = () => {
+    super(...arguments), this.mdcFoundationClass = q, 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() {
@@ -449,8 +441,8 @@ class u extends j {
     const e = this.getRootClasses(), t = this.getRootStyles();
     return F`
       <div
-          class=${P(e)}
-          style="${tt(t)}"
+          class=${H(e)}
+          style="${et(t)}"
           @keydown=${this.onKeydown}
           @opened=${this.registerBodyClick}
           @closed=${this.deregisterBodyClick}>
@@ -478,7 +470,7 @@ class u extends j {
     return F`<slot></slot>`;
   }
   createAdapter() {
-    return Object.assign(Object.assign({}, Y(this.mdcRoot)), { hasAnchor: () => !!this.anchor, notifyClose: () => {
+    return Object.assign(Object.assign({}, J(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: () => {
@@ -492,8 +484,8 @@ class u extends j {
       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;
+    }, isFocused: () => tt(this), saveFocus: () => {
+      const e = Z(), t = e.length;
       t || (this.previouslyFocused = null), this.previouslyFocused = e[t - 1];
     }, restoreFocus: () => {
       this.previouslyFocused && "focus" in this.previouslyFocused && this.previouslyFocused.focus();
@@ -543,14 +535,14 @@ class u extends j {
   }
 }
 o([
-  D(".mdc-menu-surface")
+  N(".mdc-menu-surface")
 ], u.prototype, "mdcRoot", void 0);
 o([
-  D("slot")
+  N("slot")
 ], u.prototype, "slotElement", void 0);
 o([
   a({ type: Boolean }),
-  g(function(n) {
+  y(function(n) {
     this.mdcFoundation && !this.fixed && this.mdcFoundation.setIsHoisted(n);
   })
 ], u.prototype, "absolute", void 0);
@@ -559,31 +551,31 @@ o([
 ], u.prototype, "fullwidth", void 0);
 o([
   a({ type: Boolean }),
-  g(function(n) {
+  y(function(n) {
     this.mdcFoundation && !this.absolute && this.mdcFoundation.setFixedPosition(n);
   })
 ], u.prototype, "fixed", void 0);
 o([
   a({ type: Number }),
-  g(function(n) {
+  y(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) {
+  y(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) {
+  y(function(n) {
     this.mdcFoundation && this.mdcFoundation.setQuickOpen(n);
   })
 ], u.prototype, "quick", void 0);
 o([
   a({ type: Boolean, reflect: !0 }),
-  g(function(n, e) {
+  y(function(n, e) {
     this.onOpenChanged(n, e);
   })
 ], u.prototype, "open", void 0);
@@ -592,13 +584,13 @@ o([
 ], u.prototype, "stayOpenOnBodyClick", void 0);
 o([
   b(),
-  g(function(n) {
+  y(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) {
+  y(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);
@@ -607,9 +599,9 @@ o([
 ], u.prototype, "menuCorner", void 0);
 o([
   a({ type: String }),
-  g(function(n) {
+  y(function(n) {
     if (this.mdcFoundation && n) {
-      let e = ot[n];
+      let e = st[n];
       this.menuCorner === "END" && (e = e ^ c.RIGHT), this.bitwiseCorner = e;
     }
   })
@@ -637,7 +629,7 @@ o([
  * 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 ot = 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)}`;
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -645,9 +637,9 @@ const rt = V`.mdc-menu-surface{display:none;position:absolute;box-sizing:border-
  */
 let z = class extends u {
 };
-z.styles = [rt];
+z.styles = [ot];
 z = o([
-  K("mwc-menu-surface")
+  j("mwc-menu-surface")
 ], z);
 /**
  * @license
@@ -671,7 +663,7 @@ z = o([
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var H = {
+var P = {
   MENU_SELECTED_LIST_ITEM: "mdc-menu-item--selected",
   MENU_SELECTION_GROUP: "mdc-menu__selection-group",
   ROOT: "mdc-menu"
@@ -682,7 +674,7 @@ var H = {
   LIST_SELECTOR: ".mdc-list,.mdc-deprecated-list",
   SELECTED_EVENT: "MDCMenu:selected",
   SKIP_RESTORE_FOCUS: "data-menu-item-skip-restore-focus"
-}, at = {
+}, rt = {
   FOCUS_ROOT_INDEX: -1
 }, C;
 (function(n) {
@@ -710,7 +702,7 @@ var H = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var O, y, d = {
+var _, g, d = {
   LIST_ITEM_ACTIVATED_CLASS: "mdc-list-item--activated",
   LIST_ITEM_CLASS: "mdc-list-item",
   LIST_ITEM_DISABLED_CLASS: "mdc-list-item--disabled",
@@ -719,9 +711,9 @@ var O, y, d = {
   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];
+_ = {}, _["" + d.LIST_ITEM_ACTIVATED_CLASS] = "mdc-list-item--activated", _["" + d.LIST_ITEM_CLASS] = "mdc-list-item", _["" + d.LIST_ITEM_DISABLED_CLASS] = "mdc-list-item--disabled", _["" + d.LIST_ITEM_SELECTED_CLASS] = "mdc-list-item--selected", _["" + d.LIST_ITEM_PRIMARY_TEXT_CLASS] = "mdc-list-item__primary-text", _["" + d.ROOT] = "mdc-list";
+var M = (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 + M[d.LIST_ITEM_CLASS] + M[d.LIST_ITEM_CLASS], "" + d.LIST_ITEM_CLASS + d.LIST_ITEM_CLASS + d.LIST_ITEM_CLASS + d.LIST_ITEM_CLASS + M[d.LIST_ITEM_CLASS] + M[d.LIST_ITEM_CLASS] + M[d.LIST_ITEM_CLASS] + M[d.LIST_ITEM_CLASS];
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -744,7 +736,7 @@ var x = (y = {}, y["" + d.LIST_ITEM_ACTIVATED_CLASS] = "mdc-deprecated-list-item
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var dt = (
+var at = (
   /** @class */
   function(n) {
     U(e, n);
@@ -754,7 +746,7 @@ var dt = (
     }
     return Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return H;
+        return P;
       },
       enumerable: !1,
       configurable: !0
@@ -766,7 +758,7 @@ var dt = (
       configurable: !0
     }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return at;
+        return rt;
       },
       enumerable: !1,
       configurable: !0
@@ -830,7 +822,7 @@ var dt = (
         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);
+        }, q.numbers.TRANSITION_CLOSE_DURATION);
       }
     }, e.prototype.handleMenuSurfaceOpened = function() {
       switch (this.defaultFocusState) {
@@ -854,7 +846,7 @@ var dt = (
       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;
+      i >= 0 && (this.adapter.removeAttributeFromElementAtIndex(i, v.ARIA_CHECKED_ATTR), this.adapter.removeClassFromElementAtIndex(i, P.MENU_SELECTED_LIST_ITEM)), this.adapter.addClassToElementAtIndex(t, P.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) {
@@ -862,17 +854,16 @@ var dt = (
       if (!s)
         throw new Error("MDCMenuFoundation: No list item at specified index.");
     }, e;
-  }(W)
+  }(K)
 );
-const lt = dt;
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-class h extends j {
+class h extends W {
   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;
+    super(...arguments), this.mdcFoundationClass = at, 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_);
@@ -908,7 +899,7 @@ class h extends j {
         .fullwidth=${this.fullwidth}
         .menuCorner=${this.menuCorner}
         ?stayOpenOnBodyClick=${this.stayOpenOnBodyClick}
-        class=${P(e)}
+        class=${H(e)}
         @closed=${this.onClosed}
         @opened=${this.onOpened}
         @keydown=${this.onKeydown}>
@@ -929,7 +920,7 @@ class h extends j {
           .innerAriaLabel=${this.innerAriaLabel}
           .innerRole=${this.innerRole}
           .multi=${this.multi}
-          class=${P(t)}
+          class=${H(t)}
           .itemRoles=${e}
           .wrapFocus=${this.wrapFocus}
           .activatable=${this.activatable}
@@ -1078,10 +1069,10 @@ class h extends j {
   }
 }
 o([
-  D(".mdc-menu")
+  N(".mdc-menu")
 ], h.prototype, "mdcRoot", void 0);
 o([
-  D("slot")
+  N("slot")
 ], h.prototype, "slotElement", void 0);
 o([
   a({ type: Object })
@@ -1136,10 +1127,17 @@ o([
 ], h.prototype, "stayOpenOnBodyClick", void 0);
 o([
   a({ type: String }),
-  g(function(n) {
+  y(function(n) {
     this.mdcFoundation && this.mdcFoundation.setDefaultFocusState(C[n]);
   })
 ], h.prototype, "defaultFocus", void 0);
+/**
+ * @license
+ * Copyright 2021 Google LLC
+ * SPDX-LIcense-Identifier: Apache-2.0
+ */
+const St = V`mwc-list ::slotted([mwc-list-item]:not([twoline])),mwc-list ::slotted([noninteractive]:not([twoline])){height:var(--mdc-menu-item-height, 48px)}`;
 export {
-  h as M
+  h as M,
+  St as s
 };