@covalent/components 8.2.0 → 8.2.1

package/mwc-list-item-base-297d86b0.js

@@ -0,0 +1,28 @@
+"use strict";const s=require("./tslib.es6-98719205.js"),c=require("./ripple-handlers-5d5b21db.js"),l=require("./observer-a096ab43.js"),r=require("./query-assigned-elements-f623705d.js"),n=require("./property-57f6f6fe.js"),d=require("./state-0974a8e5.js"),p=require("./query-680f1868.js"),h=require("./class-map-b5efe8da.js");/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */class t extends r.s{constructor(){super(...arguments),this.value="",this.group=null,this.tabindex=-1,this.disabled=!1,this.twoline=!1,this.activated=!1,this.graphic=null,this.multipleGraphics=!1,this.hasMeta=!1,this.noninteractive=!1,this.selected=!1,this.shouldRenderRipple=!1,this._managingList=null,this.boundOnClick=this.onClick.bind(this),this._firstChanged=!0,this._skipPropRequest=!1,this.rippleHandlers=new c.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple)),this.listeners=[{target:this,eventNames:["click"],cb:()=>{this.onClick()}},{target:this,eventNames:["mouseenter"],cb:this.rippleHandlers.startHover},{target:this,eventNames:["mouseleave"],cb:this.rippleHandlers.endHover},{target:this,eventNames:["focus"],cb:this.rippleHandlers.startFocus},{target:this,eventNames:["blur"],cb:this.rippleHandlers.endFocus},{target:this,eventNames:["mousedown","touchstart"],cb:e=>{const i=e.type;this.onDown(i==="mousedown"?"mouseup":"touchend",e)}}]}get text(){const e=this.textContent;return e?e.trim():""}render(){const e=this.renderText(),i=this.graphic?this.renderGraphic():r.x``,o=this.hasMeta?this.renderMeta():r.x``;return r.x`
+      ${this.renderRipple()}
+      ${i}
+      ${e}
+      ${o}`}renderRipple(){return this.shouldRenderRipple?r.x`
+      <mwc-ripple
+        .activated=${this.activated}>
+      </mwc-ripple>`:this.activated?r.x`<div class="fake-activated-ripple"></div>`:""}renderGraphic(){const e={multi:this.multipleGraphics};return r.x`
+      <span class="mdc-deprecated-list-item__graphic material-icons ${h.o(e)}">
+        <slot name="graphic"></slot>
+      </span>`}renderMeta(){return r.x`
+      <span class="mdc-deprecated-list-item__meta material-icons">
+        <slot name="meta"></slot>
+      </span>`}renderText(){const e=this.twoline?this.renderTwoline():this.renderSingleLine();return r.x`
+      <span class="mdc-deprecated-list-item__text">
+        ${e}
+      </span>`}renderSingleLine(){return r.x`<slot></slot>`}renderTwoline(){return r.x`
+      <span class="mdc-deprecated-list-item__primary-text">
+        <slot></slot>
+      </span>
+      <span class="mdc-deprecated-list-item__secondary-text">
+        <slot name="secondary"></slot>
+      </span>
+    `}onClick(){this.fireRequestSelected(!this.selected,"interaction")}onDown(e,i){const o=()=>{window.removeEventListener(e,o),this.rippleHandlers.endPress()};window.addEventListener(e,o),this.rippleHandlers.startPress(i)}fireRequestSelected(e,i){if(this.noninteractive)return;const o=new CustomEvent("request-selected",{bubbles:!0,composed:!0,detail:{source:i,selected:e}});this.dispatchEvent(o)}connectedCallback(){super.connectedCallback(),this.noninteractive||this.setAttribute("mwc-list-item","");for(const e of this.listeners)for(const i of e.eventNames)e.target.addEventListener(i,e.cb,{passive:!0})}disconnectedCallback(){super.disconnectedCallback();for(const e of this.listeners)for(const i of e.eventNames)e.target.removeEventListener(i,e.cb);this._managingList&&(this._managingList.debouncedLayout?this._managingList.debouncedLayout(!0):this._managingList.layout(!0))}firstUpdated(){const e=new Event("list-item-rendered",{bubbles:!0,composed:!0});this.dispatchEvent(e)}}s.__decorate([p.i("slot")],t.prototype,"slotElement",void 0);s.__decorate([c.e("mwc-ripple")],t.prototype,"ripple",void 0);s.__decorate([n.n({type:String})],t.prototype,"value",void 0);s.__decorate([n.n({type:String,reflect:!0})],t.prototype,"group",void 0);s.__decorate([n.n({type:Number,reflect:!0})],t.prototype,"tabindex",void 0);s.__decorate([n.n({type:Boolean,reflect:!0}),l.observer(function(a){a?this.setAttribute("aria-disabled","true"):this.setAttribute("aria-disabled","false")})],t.prototype,"disabled",void 0);s.__decorate([n.n({type:Boolean,reflect:!0})],t.prototype,"twoline",void 0);s.__decorate([n.n({type:Boolean,reflect:!0})],t.prototype,"activated",void 0);s.__decorate([n.n({type:String,reflect:!0})],t.prototype,"graphic",void 0);s.__decorate([n.n({type:Boolean})],t.prototype,"multipleGraphics",void 0);s.__decorate([n.n({type:Boolean})],t.prototype,"hasMeta",void 0);s.__decorate([n.n({type:Boolean,reflect:!0}),l.observer(function(a){a?(this.removeAttribute("aria-checked"),this.removeAttribute("mwc-list-item"),this.selected=!1,this.activated=!1,this.tabIndex=-1):this.setAttribute("mwc-list-item","")})],t.prototype,"noninteractive",void 0);s.__decorate([n.n({type:Boolean,reflect:!0}),l.observer(function(a){const e=this.getAttribute("role"),i=e==="gridcell"||e==="option"||e==="row"||e==="tab";if(i&&a?this.setAttribute("aria-selected","true"):i&&this.setAttribute("aria-selected","false"),this._firstChanged){this._firstChanged=!1;return}this._skipPropRequest||this.fireRequestSelected(a,"property")})],t.prototype,"selected",void 0);s.__decorate([d.t()],t.prototype,"shouldRenderRipple",void 0);s.__decorate([d.t()],t.prototype,"_managingList",void 0);exports.ListItemBase=t;

package/mwc-list-item-base-fe4398c3.mjs

@@ -0,0 +1,202 @@
+import { f as t } from "./tslib.es6-f3e988cd.mjs";
+import { e as c, R as d } from "./ripple-handlers-f37f21cf.mjs";
+import { o as l } from "./observer-be7b92e2.mjs";
+import { s as h, x as n } from "./query-assigned-elements-4a39219d.mjs";
+import { n as r } from "./property-9b6ea53b.mjs";
+import { t as p } from "./state-b5e865db.mjs";
+import { i as u } from "./query-d843aa92.mjs";
+import { o as m } from "./class-map-4b94b017.mjs";
+/**
+ * @license
+ * Copyright 2020 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+class s extends h {
+  constructor() {
+    super(...arguments), this.value = "", this.group = null, this.tabindex = -1, this.disabled = !1, this.twoline = !1, this.activated = !1, this.graphic = null, this.multipleGraphics = !1, this.hasMeta = !1, this.noninteractive = !1, this.selected = !1, this.shouldRenderRipple = !1, this._managingList = null, this.boundOnClick = this.onClick.bind(this), this._firstChanged = !0, this._skipPropRequest = !1, this.rippleHandlers = new d(() => (this.shouldRenderRipple = !0, this.ripple)), this.listeners = [
+      {
+        target: this,
+        eventNames: ["click"],
+        cb: () => {
+          this.onClick();
+        }
+      },
+      {
+        target: this,
+        eventNames: ["mouseenter"],
+        cb: this.rippleHandlers.startHover
+      },
+      {
+        target: this,
+        eventNames: ["mouseleave"],
+        cb: this.rippleHandlers.endHover
+      },
+      {
+        target: this,
+        eventNames: ["focus"],
+        cb: this.rippleHandlers.startFocus
+      },
+      {
+        target: this,
+        eventNames: ["blur"],
+        cb: this.rippleHandlers.endFocus
+      },
+      {
+        target: this,
+        eventNames: ["mousedown", "touchstart"],
+        cb: (e) => {
+          const i = e.type;
+          this.onDown(i === "mousedown" ? "mouseup" : "touchend", e);
+        }
+      }
+    ];
+  }
+  get text() {
+    const e = this.textContent;
+    return e ? e.trim() : "";
+  }
+  render() {
+    const e = this.renderText(), i = this.graphic ? this.renderGraphic() : n``, a = this.hasMeta ? this.renderMeta() : n``;
+    return n`
+      ${this.renderRipple()}
+      ${i}
+      ${e}
+      ${a}`;
+  }
+  renderRipple() {
+    return this.shouldRenderRipple ? n`
+      <mwc-ripple
+        .activated=${this.activated}>
+      </mwc-ripple>` : this.activated ? n`<div class="fake-activated-ripple"></div>` : "";
+  }
+  renderGraphic() {
+    const e = {
+      multi: this.multipleGraphics
+    };
+    return n`
+      <span class="mdc-deprecated-list-item__graphic material-icons ${m(e)}">
+        <slot name="graphic"></slot>
+      </span>`;
+  }
+  renderMeta() {
+    return n`
+      <span class="mdc-deprecated-list-item__meta material-icons">
+        <slot name="meta"></slot>
+      </span>`;
+  }
+  renderText() {
+    const e = this.twoline ? this.renderTwoline() : this.renderSingleLine();
+    return n`
+      <span class="mdc-deprecated-list-item__text">
+        ${e}
+      </span>`;
+  }
+  renderSingleLine() {
+    return n`<slot></slot>`;
+  }
+  renderTwoline() {
+    return n`
+      <span class="mdc-deprecated-list-item__primary-text">
+        <slot></slot>
+      </span>
+      <span class="mdc-deprecated-list-item__secondary-text">
+        <slot name="secondary"></slot>
+      </span>
+    `;
+  }
+  onClick() {
+    this.fireRequestSelected(!this.selected, "interaction");
+  }
+  onDown(e, i) {
+    const a = () => {
+      window.removeEventListener(e, a), this.rippleHandlers.endPress();
+    };
+    window.addEventListener(e, a), this.rippleHandlers.startPress(i);
+  }
+  fireRequestSelected(e, i) {
+    if (this.noninteractive)
+      return;
+    const a = new CustomEvent("request-selected", { bubbles: !0, composed: !0, detail: { source: i, selected: e } });
+    this.dispatchEvent(a);
+  }
+  connectedCallback() {
+    super.connectedCallback(), this.noninteractive || this.setAttribute("mwc-list-item", "");
+    for (const e of this.listeners)
+      for (const i of e.eventNames)
+        e.target.addEventListener(i, e.cb, { passive: !0 });
+  }
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    for (const e of this.listeners)
+      for (const i of e.eventNames)
+        e.target.removeEventListener(i, e.cb);
+    this._managingList && (this._managingList.debouncedLayout ? this._managingList.debouncedLayout(!0) : this._managingList.layout(!0));
+  }
+  // composed flag, event fire through shadow root and up through composed tree
+  firstUpdated() {
+    const e = new Event("list-item-rendered", { bubbles: !0, composed: !0 });
+    this.dispatchEvent(e);
+  }
+}
+t([
+  u("slot")
+], s.prototype, "slotElement", void 0);
+t([
+  c("mwc-ripple")
+], s.prototype, "ripple", void 0);
+t([
+  r({ type: String })
+], s.prototype, "value", void 0);
+t([
+  r({ type: String, reflect: !0 })
+], s.prototype, "group", void 0);
+t([
+  r({ type: Number, reflect: !0 })
+], s.prototype, "tabindex", void 0);
+t([
+  r({ type: Boolean, reflect: !0 }),
+  l(function(o) {
+    o ? this.setAttribute("aria-disabled", "true") : this.setAttribute("aria-disabled", "false");
+  })
+], s.prototype, "disabled", void 0);
+t([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "twoline", void 0);
+t([
+  r({ type: Boolean, reflect: !0 })
+], s.prototype, "activated", void 0);
+t([
+  r({ type: String, reflect: !0 })
+], s.prototype, "graphic", void 0);
+t([
+  r({ type: Boolean })
+], s.prototype, "multipleGraphics", void 0);
+t([
+  r({ type: Boolean })
+], s.prototype, "hasMeta", void 0);
+t([
+  r({ type: Boolean, reflect: !0 }),
+  l(function(o) {
+    o ? (this.removeAttribute("aria-checked"), this.removeAttribute("mwc-list-item"), this.selected = !1, this.activated = !1, this.tabIndex = -1) : this.setAttribute("mwc-list-item", "");
+  })
+], s.prototype, "noninteractive", void 0);
+t([
+  r({ type: Boolean, reflect: !0 }),
+  l(function(o) {
+    const e = this.getAttribute("role"), i = e === "gridcell" || e === "option" || e === "row" || e === "tab";
+    if (i && o ? this.setAttribute("aria-selected", "true") : i && this.setAttribute("aria-selected", "false"), this._firstChanged) {
+      this._firstChanged = !1;
+      return;
+    }
+    this._skipPropRequest || this.fireRequestSelected(o, "property");
+  })
+], s.prototype, "selected", void 0);
+t([
+  p()
+], s.prototype, "shouldRenderRipple", void 0);
+t([
+  p()
+], s.prototype, "_managingList", void 0);
+export {
+  s as L
+};

package/{mwc-menu.css-cKtc1ZD4.mjs → mwc-menu-base-c4bc88ea.mjs}

@@ -1,24 +1,30 @@
-import { b as o, _ as U, a as B, c as q } from "./tslib.es6-S8SvF2K1.mjs";
-import { e as V, x as F, i as K } from "./query-assigned-elements-yFWOzcsT.mjs";
-import { s as Q, L as Y } from "./mwc-list.css-_OVL_dbR.mjs";
-import { B as j } from "./base-element--jaKdI-8.mjs";
-import { o as I } from "./observer-cKAgu-MI.mjs";
-import { a as Z, d as J, b as tt } from "./utils-xAXEDL0Y.mjs";
-import { n as a } from "./property-K7hFBmOi.mjs";
-import { t as b } from "./state-inNZe6rL.mjs";
-import { i as N } from "./query-1WmuF6Bq.mjs";
-import { o as P } from "./class-map-YPXv0Hj4.mjs";
-import { o as et } from "./style-map-8yp6DGeh.mjs";
+import { f as o, _ as U, a as B, b as q } from "./tslib.es6-f3e988cd.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-76e37212.mjs";
+import { B as j } from "./base-element-67ae173f.mjs";
+import { o as g } from "./observer-be7b92e2.mjs";
+import { a as Y, d as Z, b as J } from "./utils-2932417c.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-4b94b017.mjs";
+import { o as tt } from "./style-map-bc3ed3e0.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}`;
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-let k = class extends Y {
+let k = class extends Q {
 };
-k.styles = [Q];
+k.styles = [et];
 k = o([
-  V("mwc-list")
+  K("mwc-list")
 ], k);
 /**
  * @license
@@ -326,8 +332,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", p = this.getHorizontalOriginOffset(i), L = this.getVerticalOriginOffset(i), S = this.measurements, _ = S.anchorSize, O = S.surfaceSize, f = (t = {}, t[l] = p, t[r] = L, t);
-      _.width / O.width > M.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);
+      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 = {
@@ -353,21 +359,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, p = e.numbers.MARGIN_TO_EDGE, L = this.hasBit(this.anchorCorner, c.BOTTOM), S, _;
-      L ? (S = s.top - p + this.anchorMargin.bottom, _ = s.bottom - p - this.anchorMargin.bottom) : (S = s.top - p + this.anchorMargin.top, _ = s.bottom - p + r.height - this.anchorMargin.top);
-      var O = _ - l.height > 0;
-      !O && 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 x, w;
-      A ? (x = s.left + r.width + this.anchorMargin.right, w = s.right - this.anchorMargin.right) : (x = s.left + this.anchorMargin.left, w = s.right + r.width - this.anchorMargin.left);
-      var D = x - 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 && x >= w) && (t = this.setBit(t, c.RIGHT)), t;
+      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), 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;
+      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) {
@@ -379,21 +385,21 @@ 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, p = r.viewportDistance, L = r.surfaceSize, S = r.viewportSize, _ = Object.keys(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 O = q(_), f = O.next(); !f.done; f = O.next()) {
-          var T = f.value, E = t[T] || 0;
+        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] = (S.width - L.width) / 2;
+            t[T] = (I.width - R.width) / 2;
             continue;
           }
-          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;
+          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 {
-          f && !f.done && (s = O.return) && s.call(O);
+          p && !p.done && (s = S.return) && s.call(S);
         } finally {
           if (i)
             throw i.error;
@@ -415,12 +421,13 @@ var X = (
     }, e;
   }(W)
 );
+const st = X;
 /**
  * @license
  * Copyright 2020 Google LLC
  * SPDX-License-Identifier: Apache-2.0
  */
-const st = {
+const ot = {
   TOP_LEFT: m.TOP_LEFT,
   TOP_RIGHT: m.TOP_RIGHT,
   BOTTOM_LEFT: m.BOTTOM_LEFT,
@@ -432,7 +439,7 @@ const st = {
 };
 class u extends j {
   constructor() {
-    super(...arguments), this.mdcFoundationClass = X, 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 = 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() {
@@ -443,7 +450,7 @@ class u extends j {
     return F`
       <div
           class=${P(e)}
-          style="${et(t)}"
+          style="${tt(t)}"
           @keydown=${this.onKeydown}
           @opened=${this.registerBodyClick}
           @closed=${this.deregisterBodyClick}>
@@ -471,7 +478,7 @@ class u extends j {
     return F`<slot></slot>`;
   }
   createAdapter() {
-    return Object.assign(Object.assign({}, Z(this.mdcRoot)), { hasAnchor: () => !!this.anchor, notifyClose: () => {
+    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: () => {
@@ -485,8 +492,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: () => J(this), saveFocus: () => {
-      const e = tt(), t = e.length;
+    }, 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();
@@ -536,14 +543,14 @@ class u extends j {
   }
 }
 o([
-  N(".mdc-menu-surface")
+  D(".mdc-menu-surface")
 ], u.prototype, "mdcRoot", void 0);
 o([
-  N("slot")
+  D("slot")
 ], u.prototype, "slotElement", void 0);
 o([
   a({ type: Boolean }),
-  I(function(n) {
+  g(function(n) {
     this.mdcFoundation && !this.fixed && this.mdcFoundation.setIsHoisted(n);
   })
 ], u.prototype, "absolute", void 0);
@@ -552,31 +559,31 @@ o([
 ], u.prototype, "fullwidth", void 0);
 o([
   a({ type: Boolean }),
-  I(function(n) {
+  g(function(n) {
     this.mdcFoundation && !this.absolute && this.mdcFoundation.setFixedPosition(n);
   })
 ], u.prototype, "fixed", void 0);
 o([
   a({ type: Number }),
-  I(function(n) {
+  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 }),
-  I(function(n) {
+  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 }),
-  I(function(n) {
+  g(function(n) {
     this.mdcFoundation && this.mdcFoundation.setQuickOpen(n);
   })
 ], u.prototype, "quick", void 0);
 o([
   a({ type: Boolean, reflect: !0 }),
-  I(function(n, e) {
+  g(function(n, e) {
     this.onOpenChanged(n, e);
   })
 ], u.prototype, "open", void 0);
@@ -585,13 +592,13 @@ o([
 ], u.prototype, "stayOpenOnBodyClick", void 0);
 o([
   b(),
-  I(function(n) {
+  g(function(n) {
     this.mdcFoundation && (n ? this.mdcFoundation.setAnchorCorner(n) : this.mdcFoundation.setAnchorCorner(n));
   })
 ], u.prototype, "bitwiseCorner", void 0);
 o([
   a({ type: String }),
-  I(function(n) {
+  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);
@@ -600,9 +607,9 @@ o([
 ], u.prototype, "menuCorner", void 0);
 o([
   a({ type: String }),
-  I(function(n) {
+  g(function(n) {
     if (this.mdcFoundation && n) {
-      let e = st[n];
+      let e = ot[n];
       this.menuCorner === "END" && (e = e ^ c.RIGHT), this.bitwiseCorner = e;
     }
   })
@@ -630,7 +637,7 @@ o([
  * Copyright 2021 Google LLC
  * SPDX-LIcense-Identifier: Apache-2.0
  */
-const ot = K`.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 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)}`;
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -638,9 +645,9 @@ const ot = K`.mdc-menu-surface{display:none;position:absolute;box-sizing:border-
  */
 let z = class extends u {
 };
-z.styles = [ot];
+z.styles = [rt];
 z = o([
-  V("mwc-menu-surface")
+  K("mwc-menu-surface")
 ], z);
 /**
  * @license
@@ -675,7 +682,7 @@ var H = {
   LIST_SELECTOR: ".mdc-list,.mdc-deprecated-list",
   SELECTED_EVENT: "MDCMenu:selected",
   SKIP_RESTORE_FOCUS: "data-menu-item-skip-restore-focus"
-}, rt = {
+}, at = {
   FOCUS_ROOT_INDEX: -1
 }, C;
 (function(n) {
@@ -703,7 +710,7 @@ var H = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var g, y, d = {
+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",
@@ -712,9 +719,9 @@ var g, y, d = {
   LIST_ITEM_PRIMARY_TEXT_CLASS: "mdc-list-item__primary-text",
   ROOT: "mdc-list"
 };
-g = {}, g["" + d.LIST_ITEM_ACTIVATED_CLASS] = "mdc-list-item--activated", g["" + d.LIST_ITEM_CLASS] = "mdc-list-item", g["" + d.LIST_ITEM_DISABLED_CLASS] = "mdc-list-item--disabled", g["" + d.LIST_ITEM_SELECTED_CLASS] = "mdc-list-item--selected", g["" + d.LIST_ITEM_PRIMARY_TEXT_CLASS] = "mdc-list-item__primary-text", g["" + d.ROOT] = "mdc-list";
-var R = (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 + 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];
+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];
 /**
  * @license
  * Copyright 2018 Google Inc.
@@ -737,7 +744,7 @@ var R = (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 at = (
+var dt = (
   /** @class */
   function(n) {
     U(e, n);
@@ -759,7 +766,7 @@ var at = (
       configurable: !0
     }), Object.defineProperty(e, "numbers", {
       get: function() {
-        return rt;
+        return at;
       },
       enumerable: !1,
       configurable: !0
@@ -857,6 +864,7 @@ var at = (
     }, e;
   }(W)
 );
+const lt = dt;
 /**
  * @license
  * Copyright 2020 Google LLC
@@ -864,7 +872,7 @@ var at = (
  */
 class h extends j {
   constructor() {
-    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;
+    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_);
@@ -1070,10 +1078,10 @@ class h extends j {
   }
 }
 o([
-  N(".mdc-menu")
+  D(".mdc-menu")
 ], h.prototype, "mdcRoot", void 0);
 o([
-  N("slot")
+  D("slot")
 ], h.prototype, "slotElement", void 0);
 o([
   a({ type: Object })
@@ -1128,17 +1136,10 @@ o([
 ], h.prototype, "stayOpenOnBodyClick", void 0);
 o([
   a({ type: String }),
-  I(function(n) {
+  g(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 _t = K`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,
-  _t as s
+  h as M
 };