@covalent/components 8.1.0 → 8.2.0-beta.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_commonjsHelpers-ZPn_iTGj.mjs +28 -0
- package/_commonjsHelpers-fFrWAeZI.js +1 -0
- package/action-ribbon.js +2 -3
- package/action-ribbon.mjs +9 -10
- package/alert.js +2 -3
- package/alert.mjs +9 -10
- package/app-shell/app-shell.d.ts +6 -1
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +3 -4
- package/app-shell.mjs +65 -51
- package/{base-element-67ae173f.mjs → base-element--jaKdI-8.mjs} +2 -2
- package/{base-element-58a3f9ea.js → base-element-atp_8bvP.js} +1 -1
- package/button.js +2 -3
- package/button.mjs +15 -16
- package/card.js +2 -3
- package/card.mjs +4 -5
- package/check-list-item.js +10 -12
- package/check-list-item.mjs +65 -65
- package/checkbox.js +1 -2
- package/checkbox.mjs +23 -25
- package/chip-M5Vb5Kd6.js +492 -0
- package/chip-m2mKzWQT.mjs +3115 -0
- package/chip-set.js +75 -0
- package/chip-set.mjs +531 -0
- package/chip.js +1 -0
- package/chip.mjs +12 -0
- package/circular-progress.js +1 -1
- package/circular-progress.mjs +7 -7
- package/{class-map-4b94b017.mjs → class-map-YPXv0Hj4.mjs} +1 -1
- package/{class-map-b5efe8da.js → class-map-wtcW44Of.js} +1 -1
- package/code-snippet.js +12 -1
- package/code-snippet.mjs +12251 -7
- package/{dialog-82b03745.js → dialog-SpbwRuWY.js} +6 -7
- package/{dialog-3ca1b701.mjs → dialog-tIMorfuj.mjs} +60 -62
- package/dialog.js +1 -1
- package/dialog.mjs +10 -10
- package/{directive-helpers-0ce1f995.js → directive-helpers--rJ2jf3N.js} +1 -1
- package/{directive-helpers-e3ea6592.mjs → directive-helpers-9566lOOl.mjs} +1 -1
- package/drawer.js +2 -3
- package/drawer.mjs +11 -12
- package/empty-state.js +1 -2
- package/empty-state.mjs +5 -6
- package/{event-options-78d6cf94.mjs → event-options-0xzSdemG.mjs} +1 -1
- package/{event-options-3f5eb195.js → event-options-2TJPtsKy.js} +1 -1
- package/expansion-panel-item.js +24 -0
- package/expansion-panel-item.mjs +106 -0
- package/expansion-panel.js +7 -0
- package/expansion-panel.mjs +59 -0
- package/{form-element-c553d6f5.js → form-element-5s8gft-A.js} +1 -1
- package/{form-element-ffcf59ff.mjs → form-element-gM33WEq3.mjs} +4 -4
- package/formfield.js +79 -0
- package/formfield.mjs +275 -0
- package/{foundation-786bf879.js → foundation-1Vzfdey_.js} +1 -1
- package/{foundation-39dc72d2.mjs → foundation-3Wg80pI7.mjs} +1 -1
- package/icon-button.js +2 -3
- package/icon-button.mjs +14 -15
- package/icon-check-toggle.js +4 -5
- package/icon-check-toggle.mjs +22 -24
- package/icon-radio-toggle.js +4 -5
- package/icon-radio-toggle.mjs +25 -27
- package/icon.js +1 -5
- package/icon.mjs +15 -21
- package/{if-defined-c367f208.mjs → if-defined-BH_l2PVl.mjs} +1 -1
- package/{if-defined-f1c45245.js → if-defined-lAIUwAsA.js} +1 -1
- package/index.js +1 -568
- package/index.mjs +124 -3741
- package/{inert.esm-359d4581.mjs → inert.esm-vhZXthJr.mjs} +1 -1
- package/linear-progress.js +2 -3
- package/linear-progress.mjs +12 -13
- package/list/check-list-item.d.ts.map +1 -1
- package/list/radio-list-item.d.ts.map +1 -1
- package/list-item-F2e6aWaj.mjs +11 -0
- package/list-item-Ze98reWt.js +5 -0
- package/list-item.js +7 -1
- package/list-item.mjs +37 -16
- package/list.js +3 -8
- package/list.mjs +31 -37
- package/menu.js +1 -5
- package/menu.mjs +28 -34
- package/{mwc-checkbox.css-b3434429.js → mwc-checkbox.css-JOD-Qh-9.js} +42 -2
- package/{mwc-checkbox.css-8f4f1a9b.mjs → mwc-checkbox.css-c44nPIEs.mjs} +198 -3
- package/{mwc-drawer-base-135de8a5.mjs → mwc-drawer-base-8e_1aSuf.mjs} +24 -26
- package/{mwc-drawer-base-798b11f8.js → mwc-drawer-base-Fv3JVYPS.js} +5 -5
- package/{mwc-icon-bf656cf5.mjs → mwc-icon-eaW72Ei7.mjs} +6 -5
- package/{mwc-icon-f87639bc.js → mwc-icon-r2y4-AXI.js} +2 -2
- package/{mwc-line-ripple-directive-b24a914e.mjs → mwc-line-ripple-directive-Q_HMRGPE.mjs} +6 -6
- package/{mwc-line-ripple-directive-a6b39a3c.js → mwc-line-ripple-directive-iRoAkPnW.js} +1 -1
- package/{mwc-list-item.css-b0009fc7.mjs → mwc-list-item.css-d-SHhq7Q.mjs} +199 -7
- package/{mwc-list-item.css-25adc0c4.js → mwc-list-item.css-yJ5bjNGc.js} +28 -5
- package/mwc-list.css-DjU8XB1m.js +111 -0
- package/{mwc-list-base-76e37212.mjs → mwc-list.css-_OVL_dbR.mjs} +213 -212
- package/{mwc-menu-base-c4bc88ea.mjs → mwc-menu.css-cKtc1ZD4.mjs} +74 -75
- package/mwc-menu.css-qavo4jer.js +190 -0
- package/{mwc-radio-base-a374fbd9.mjs → mwc-radio.css-_lt-Vcvl.mjs} +123 -117
- package/mwc-radio.css-h_Wv0Eag.js +105 -0
- package/{mwc-slider.css-c7107d94.js → mwc-slider.css-lCfMVbO5.js} +1 -1
- package/{mwc-slider.css-8b6f275c.mjs → mwc-slider.css-md7hPAE7.mjs} +11 -11
- package/{mwc-tab-base-be0c887f.mjs → mwc-tab.css-lT5vTf5I.mjs} +127 -123
- package/{mwc-tab-base-f28722aa.js → mwc-tab.css-q4Jsbyp5.js} +26 -22
- package/{mwc-top-app-bar-base-aec60f27.js → mwc-top-app-bar-base-8qOIX1me.js} +3 -3
- package/{mwc-top-app-bar-base-55da3fe4.mjs → mwc-top-app-bar-base-nm6mdCR3.mjs} +12 -13
- package/nav-list-item.js +6 -7
- package/nav-list-item.mjs +38 -39
- package/package.json +16 -1
- package/{query-d843aa92.mjs → query-1WmuF6Bq.mjs} +1 -1
- package/{query-assigned-nodes-99eae71d.js → query-assigned-nodes-1p7z6CEm.js} +1 -1
- package/{query-assigned-nodes-df691e78.mjs → query-assigned-nodes-6yHI5ePh.mjs} +1 -1
- package/{query-680f1868.js → query-duvhtfSs.js} +1 -1
- package/radio-list-item.js +10 -12
- package/radio-list-item.mjs +62 -62
- package/radio.js +1 -2
- package/radio.mjs +23 -25
- package/{ripple-handlers-f37f21cf.mjs → ripple-handlers-BwaZu9Ps.mjs} +16 -17
- package/{ripple-handlers-5d5b21db.js → ripple-handlers-HeGhXgD2.js} +8 -8
- package/select.js +10 -15
- package/select.mjs +139 -147
- package/side-sheet.js +1 -2
- package/side-sheet.mjs +11 -12
- package/slider-range.js +1 -1
- package/slider-range.mjs +14 -14
- package/slider.js +1 -1
- package/slider.mjs +16 -16
- package/snackbar.js +10 -11
- package/snackbar.mjs +34 -36
- package/{state-0974a8e5.js → state-LqPxt99W.js} +1 -1
- package/{state-b5e865db.mjs → state-inNZe6rL.mjs} +1 -1
- package/status-header-item.js +1 -2
- package/status-header-item.mjs +3 -4
- package/status-header.js +2 -3
- package/status-header.mjs +4 -5
- package/{style-map-88d2563f.js → style-map-66_3wrLx.js} +1 -1
- package/{style-map-bc3ed3e0.mjs → style-map-8yp6DGeh.mjs} +2 -2
- package/style.css +1 -1
- package/switch.js +2 -3
- package/switch.mjs +15 -16
- package/tab-bar.js +18 -22
- package/tab-bar.mjs +195 -203
- package/tab.js +1 -6
- package/tab.mjs +26 -32
- package/text-lockup.js +1 -2
- package/text-lockup.mjs +8 -9
- package/textarea.js +15 -19
- package/textarea.mjs +59 -65
- package/textfield/textfield.d.ts +1 -0
- package/textfield/textfield.d.ts.map +1 -1
- package/textfield-7aU1kEO6.mjs +936 -0
- package/textfield-jvevIGSw.js +136 -0
- package/textfield.js +3 -7
- package/textfield.mjs +33 -36
- package/toolbar.js +1 -2
- package/toolbar.mjs +9 -10
- package/tooltip.js +2 -3
- package/tooltip.mjs +9 -10
- package/top-app-bar-fixed.js +6 -6
- package/top-app-bar-fixed.mjs +27 -28
- package/{top-app-bar-f83386e0.mjs → top-app-bar-h0V-USh_.mjs} +2 -3
- package/{top-app-bar-a531c1b4.js → top-app-bar-qcW2ucE3.js} +2 -3
- package/top-app-bar.js +1 -1
- package/top-app-bar.mjs +9 -9
- package/tree-list-item.js +1 -2
- package/tree-list-item.mjs +6 -7
- package/tree-list.js +1 -2
- package/tree-list.mjs +2 -3
- package/{tslib.es6-f3e988cd.mjs → tslib.es6-S8SvF2K1.mjs} +5 -5
- package/typography.js +1 -2
- package/typography.mjs +3 -4
- package/code-snippet-2137b11c.js +0 -13
- package/code-snippet-ccca324f.mjs +0 -12278
- package/list-item-04b6ffa1.js +0 -8
- package/list-item-1c4f9e23.mjs +0 -32
- package/mwc-checkbox-base-3d8c9549.js +0 -41
- package/mwc-checkbox-base-f10fd709.mjs +0 -198
- package/mwc-list-base-400b00e2.js +0 -111
- package/mwc-list-item-base-297d86b0.js +0 -28
- package/mwc-list-item-base-fe4398c3.mjs +0 -202
- package/mwc-menu-base-c75ca473.js +0 -190
- package/mwc-radio-base-913e02e2.js +0 -101
- package/mwc-radio.css-4e140252.js +0 -5
- package/mwc-radio.css-7454bb11.mjs +0 -10
- package/textfield-62e16cc2.js +0 -133
- package/textfield-63d1859a.mjs +0 -932
- /package/{aria-property-849c8816.js → aria-property-52VAcg_f.js} +0 -0
- /package/{aria-property-fa2717fe.mjs → aria-property-wYjPNXcK.mjs} +0 -0
- /package/{inert.esm-2cee6f2e.js → inert.esm-TSRtlTFV.js} +0 -0
- /package/{observer-a096ab43.js → observer-LlGBroG9.js} +0 -0
- /package/{observer-be7b92e2.mjs → observer-cKAgu-MI.mjs} +0 -0
- /package/{property-9b6ea53b.mjs → property-K7hFBmOi.mjs} +0 -0
- /package/{property-57f6f6fe.js → property-iZpLBvy-.js} +0 -0
- /package/{query-assigned-elements-f623705d.js → query-assigned-elements-j_5ZiL65.js} +0 -0
- /package/{query-assigned-elements-4a39219d.mjs → query-assigned-elements-yFWOzcsT.mjs} +0 -0
- /package/{tslib.es6-98719205.js → tslib.es6-5xG0QhxF.js} +0 -0
- /package/{utils-a8190a39.js → utils-W3ENJhq-.js} +0 -0
- /package/{utils-2932417c.mjs → utils-xAXEDL0Y.mjs} +0 -0
@@ -1,30 +1,24 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import { B as j } from "./base-element-
|
5
|
-
import { o as
|
6
|
-
import { a as
|
7
|
-
import { n as a } from "./property-
|
8
|
-
import { t as b } from "./state-
|
9
|
-
import { i as
|
10
|
-
import { o as P } from "./class-map-
|
11
|
-
import { o as
|
12
|
-
/**
|
13
|
-
* @license
|
14
|
-
* Copyright 2021 Google LLC
|
15
|
-
* SPDX-LIcense-Identifier: Apache-2.0
|
16
|
-
*/
|
17
|
-
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}`;
|
1
|
+
import { b as o, _ as U, a as B, c as q } from "./tslib.es6-S8SvF2K1.mjs";
|
2
|
+
import { e as V, x as F, i as K } from "./query-assigned-elements-yFWOzcsT.mjs";
|
3
|
+
import { s as Q, L as Y } from "./mwc-list.css-_OVL_dbR.mjs";
|
4
|
+
import { B as j } from "./base-element--jaKdI-8.mjs";
|
5
|
+
import { o as I } from "./observer-cKAgu-MI.mjs";
|
6
|
+
import { a as Z, d as J, b as tt } from "./utils-xAXEDL0Y.mjs";
|
7
|
+
import { n as a } from "./property-K7hFBmOi.mjs";
|
8
|
+
import { t as b } from "./state-inNZe6rL.mjs";
|
9
|
+
import { i as N } from "./query-1WmuF6Bq.mjs";
|
10
|
+
import { o as P } from "./class-map-YPXv0Hj4.mjs";
|
11
|
+
import { o as et } from "./style-map-8yp6DGeh.mjs";
|
18
12
|
/**
|
19
13
|
* @license
|
20
14
|
* Copyright 2020 Google LLC
|
21
15
|
* SPDX-License-Identifier: Apache-2.0
|
22
16
|
*/
|
23
|
-
let k = class extends
|
17
|
+
let k = class extends Y {
|
24
18
|
};
|
25
|
-
k.styles = [
|
19
|
+
k.styles = [Q];
|
26
20
|
k = o([
|
27
|
-
|
21
|
+
V("mwc-list")
|
28
22
|
], k);
|
29
23
|
/**
|
30
24
|
* @license
|
@@ -332,8 +326,8 @@ var X = (
|
|
332
326
|
}, e.prototype.autoposition = function() {
|
333
327
|
var t;
|
334
328
|
this.measurements = this.getAutoLayoutmeasurements();
|
335
|
-
var i = this.getoriginCorner(), s = this.getMenuSurfaceMaxHeight(i), r = this.hasBit(i, c.BOTTOM) ? "bottom" : "top", l = this.hasBit(i, c.RIGHT) ? "right" : "left",
|
336
|
-
_.width /
|
329
|
+
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);
|
330
|
+
_.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);
|
337
331
|
}, e.prototype.getAutoLayoutmeasurements = function() {
|
338
332
|
var t = this.adapter.getAnchorDimensions(), i = this.adapter.getBodyDimensions(), s = this.adapter.getWindowDimensions(), r = this.adapter.getWindowScroll();
|
339
333
|
return t || (t = {
|
@@ -359,21 +353,21 @@ var X = (
|
|
359
353
|
windowScroll: r
|
360
354
|
};
|
361
355
|
}, e.prototype.getoriginCorner = function() {
|
362
|
-
var t = this.originCorner, i = this.measurements, s = i.viewportDistance, r = i.anchorSize, l = i.surfaceSize,
|
363
|
-
|
364
|
-
var
|
365
|
-
!
|
366
|
-
var
|
367
|
-
|
368
|
-
var
|
369
|
-
A ? (
|
370
|
-
var
|
371
|
-
return G && $ &&
|
356
|
+
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, _;
|
357
|
+
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);
|
358
|
+
var O = _ - l.height > 0;
|
359
|
+
!O && S > _ + this.openBottomBias && (t = this.setBit(t, c.BOTTOM));
|
360
|
+
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;
|
361
|
+
f && T ? A = !E : A = E;
|
362
|
+
var x, w;
|
363
|
+
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);
|
364
|
+
var D = x - l.width > 0, G = w - l.width > 0, $ = this.hasBit(t, c.FLIP_RTL) && this.hasBit(t, c.RIGHT);
|
365
|
+
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;
|
372
366
|
}, e.prototype.getMenuSurfaceMaxHeight = function(t) {
|
373
367
|
if (this.maxHeight > 0)
|
374
368
|
return this.maxHeight;
|
375
|
-
var i = this.measurements.viewportDistance, s = 0, r = this.hasBit(t, c.BOTTOM), l = this.hasBit(this.anchorCorner, c.BOTTOM),
|
376
|
-
return r ? (s = i.top + this.anchorMargin.top -
|
369
|
+
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;
|
370
|
+
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;
|
377
371
|
}, e.prototype.getHorizontalOriginOffset = function(t) {
|
378
372
|
var i = this.measurements.anchorSize, s = this.hasBit(t, c.RIGHT), r = this.hasBit(this.anchorCorner, c.RIGHT);
|
379
373
|
if (s) {
|
@@ -385,21 +379,21 @@ var X = (
|
|
385
379
|
var i = this.measurements.anchorSize, s = this.hasBit(t, c.BOTTOM), r = this.hasBit(this.anchorCorner, c.BOTTOM), l = 0;
|
386
380
|
return s ? l = r ? i.height - this.anchorMargin.top : -this.anchorMargin.bottom : l = r ? i.height + this.anchorMargin.bottom : this.anchorMargin.top, l;
|
387
381
|
}, e.prototype.adjustPositionForHoistedElement = function(t) {
|
388
|
-
var i, s, r = this.measurements, l = r.windowScroll,
|
382
|
+
var i, s, r = this.measurements, l = r.windowScroll, p = r.viewportDistance, L = r.surfaceSize, S = r.viewportSize, _ = Object.keys(t);
|
389
383
|
try {
|
390
|
-
for (var
|
391
|
-
var T =
|
384
|
+
for (var O = q(_), f = O.next(); !f.done; f = O.next()) {
|
385
|
+
var T = f.value, E = t[T] || 0;
|
392
386
|
if (this.isHorizontallyCenteredOnViewport && (T === "left" || T === "right")) {
|
393
|
-
t[T] = (
|
387
|
+
t[T] = (S.width - L.width) / 2;
|
394
388
|
continue;
|
395
389
|
}
|
396
|
-
E +=
|
390
|
+
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;
|
397
391
|
}
|
398
392
|
} catch (A) {
|
399
393
|
i = { error: A };
|
400
394
|
} finally {
|
401
395
|
try {
|
402
|
-
|
396
|
+
f && !f.done && (s = O.return) && s.call(O);
|
403
397
|
} finally {
|
404
398
|
if (i)
|
405
399
|
throw i.error;
|
@@ -421,13 +415,12 @@ var X = (
|
|
421
415
|
}, e;
|
422
416
|
}(W)
|
423
417
|
);
|
424
|
-
const st = X;
|
425
418
|
/**
|
426
419
|
* @license
|
427
420
|
* Copyright 2020 Google LLC
|
428
421
|
* SPDX-License-Identifier: Apache-2.0
|
429
422
|
*/
|
430
|
-
const
|
423
|
+
const st = {
|
431
424
|
TOP_LEFT: m.TOP_LEFT,
|
432
425
|
TOP_RIGHT: m.TOP_RIGHT,
|
433
426
|
BOTTOM_LEFT: m.BOTTOM_LEFT,
|
@@ -439,7 +432,7 @@ const ot = {
|
|
439
432
|
};
|
440
433
|
class u extends j {
|
441
434
|
constructor() {
|
442
|
-
super(...arguments), this.mdcFoundationClass =
|
435
|
+
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 = () => {
|
443
436
|
};
|
444
437
|
}
|
445
438
|
render() {
|
@@ -450,7 +443,7 @@ class u extends j {
|
|
450
443
|
return F`
|
451
444
|
<div
|
452
445
|
class=${P(e)}
|
453
|
-
style="${
|
446
|
+
style="${et(t)}"
|
454
447
|
@keydown=${this.onKeydown}
|
455
448
|
@opened=${this.registerBodyClick}
|
456
449
|
@closed=${this.deregisterBodyClick}>
|
@@ -478,7 +471,7 @@ class u extends j {
|
|
478
471
|
return F`<slot></slot>`;
|
479
472
|
}
|
480
473
|
createAdapter() {
|
481
|
-
return Object.assign(Object.assign({},
|
474
|
+
return Object.assign(Object.assign({}, Z(this.mdcRoot)), { hasAnchor: () => !!this.anchor, notifyClose: () => {
|
482
475
|
const e = { bubbles: !0, composed: !0 }, t = new CustomEvent("closed", e);
|
483
476
|
this.open = !1, this.mdcRoot.dispatchEvent(t);
|
484
477
|
}, notifyClosing: () => {
|
@@ -492,8 +485,8 @@ class u extends j {
|
|
492
485
|
this.mdcRoot.dispatchEvent(t);
|
493
486
|
}, isElementInContainer: () => !1, isRtl: () => this.mdcRoot ? getComputedStyle(this.mdcRoot).direction === "rtl" : !1, setTransformOrigin: (e) => {
|
494
487
|
this.mdcRoot && (this.styleTransformOrigin = e);
|
495
|
-
}, isFocused: () =>
|
496
|
-
const e =
|
488
|
+
}, isFocused: () => J(this), saveFocus: () => {
|
489
|
+
const e = tt(), t = e.length;
|
497
490
|
t || (this.previouslyFocused = null), this.previouslyFocused = e[t - 1];
|
498
491
|
}, restoreFocus: () => {
|
499
492
|
this.previouslyFocused && "focus" in this.previouslyFocused && this.previouslyFocused.focus();
|
@@ -543,14 +536,14 @@ class u extends j {
|
|
543
536
|
}
|
544
537
|
}
|
545
538
|
o([
|
546
|
-
|
539
|
+
N(".mdc-menu-surface")
|
547
540
|
], u.prototype, "mdcRoot", void 0);
|
548
541
|
o([
|
549
|
-
|
542
|
+
N("slot")
|
550
543
|
], u.prototype, "slotElement", void 0);
|
551
544
|
o([
|
552
545
|
a({ type: Boolean }),
|
553
|
-
|
546
|
+
I(function(n) {
|
554
547
|
this.mdcFoundation && !this.fixed && this.mdcFoundation.setIsHoisted(n);
|
555
548
|
})
|
556
549
|
], u.prototype, "absolute", void 0);
|
@@ -559,31 +552,31 @@ o([
|
|
559
552
|
], u.prototype, "fullwidth", void 0);
|
560
553
|
o([
|
561
554
|
a({ type: Boolean }),
|
562
|
-
|
555
|
+
I(function(n) {
|
563
556
|
this.mdcFoundation && !this.absolute && this.mdcFoundation.setFixedPosition(n);
|
564
557
|
})
|
565
558
|
], u.prototype, "fixed", void 0);
|
566
559
|
o([
|
567
560
|
a({ type: Number }),
|
568
|
-
|
561
|
+
I(function(n) {
|
569
562
|
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 }));
|
570
563
|
})
|
571
564
|
], u.prototype, "x", void 0);
|
572
565
|
o([
|
573
566
|
a({ type: Number }),
|
574
|
-
|
567
|
+
I(function(n) {
|
575
568
|
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 }));
|
576
569
|
})
|
577
570
|
], u.prototype, "y", void 0);
|
578
571
|
o([
|
579
572
|
a({ type: Boolean }),
|
580
|
-
|
573
|
+
I(function(n) {
|
581
574
|
this.mdcFoundation && this.mdcFoundation.setQuickOpen(n);
|
582
575
|
})
|
583
576
|
], u.prototype, "quick", void 0);
|
584
577
|
o([
|
585
578
|
a({ type: Boolean, reflect: !0 }),
|
586
|
-
|
579
|
+
I(function(n, e) {
|
587
580
|
this.onOpenChanged(n, e);
|
588
581
|
})
|
589
582
|
], u.prototype, "open", void 0);
|
@@ -592,13 +585,13 @@ o([
|
|
592
585
|
], u.prototype, "stayOpenOnBodyClick", void 0);
|
593
586
|
o([
|
594
587
|
b(),
|
595
|
-
|
588
|
+
I(function(n) {
|
596
589
|
this.mdcFoundation && (n ? this.mdcFoundation.setAnchorCorner(n) : this.mdcFoundation.setAnchorCorner(n));
|
597
590
|
})
|
598
591
|
], u.prototype, "bitwiseCorner", void 0);
|
599
592
|
o([
|
600
593
|
a({ type: String }),
|
601
|
-
|
594
|
+
I(function(n) {
|
602
595
|
if (this.mdcFoundation) {
|
603
596
|
const e = n === "START" || n === "END", t = this.previousMenuCorner === null, i = !t && n !== this.previousMenuCorner;
|
604
597
|
e && (i || t && n === "END") && (this.bitwiseCorner = this.bitwiseCorner ^ c.RIGHT, this.mdcFoundation.flipCornerHorizontally(), this.previousMenuCorner = n);
|
@@ -607,9 +600,9 @@ o([
|
|
607
600
|
], u.prototype, "menuCorner", void 0);
|
608
601
|
o([
|
609
602
|
a({ type: String }),
|
610
|
-
|
603
|
+
I(function(n) {
|
611
604
|
if (this.mdcFoundation && n) {
|
612
|
-
let e =
|
605
|
+
let e = st[n];
|
613
606
|
this.menuCorner === "END" && (e = e ^ c.RIGHT), this.bitwiseCorner = e;
|
614
607
|
}
|
615
608
|
})
|
@@ -637,7 +630,7 @@ o([
|
|
637
630
|
* Copyright 2021 Google LLC
|
638
631
|
* SPDX-LIcense-Identifier: Apache-2.0
|
639
632
|
*/
|
640
|
-
const
|
633
|
+
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)}`;
|
641
634
|
/**
|
642
635
|
* @license
|
643
636
|
* Copyright 2020 Google LLC
|
@@ -645,9 +638,9 @@ const rt = V`.mdc-menu-surface{display:none;position:absolute;box-sizing:border-
|
|
645
638
|
*/
|
646
639
|
let z = class extends u {
|
647
640
|
};
|
648
|
-
z.styles = [
|
641
|
+
z.styles = [ot];
|
649
642
|
z = o([
|
650
|
-
|
643
|
+
V("mwc-menu-surface")
|
651
644
|
], z);
|
652
645
|
/**
|
653
646
|
* @license
|
@@ -682,7 +675,7 @@ var H = {
|
|
682
675
|
LIST_SELECTOR: ".mdc-list,.mdc-deprecated-list",
|
683
676
|
SELECTED_EVENT: "MDCMenu:selected",
|
684
677
|
SKIP_RESTORE_FOCUS: "data-menu-item-skip-restore-focus"
|
685
|
-
},
|
678
|
+
}, rt = {
|
686
679
|
FOCUS_ROOT_INDEX: -1
|
687
680
|
}, C;
|
688
681
|
(function(n) {
|
@@ -710,7 +703,7 @@ var H = {
|
|
710
703
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
711
704
|
* THE SOFTWARE.
|
712
705
|
*/
|
713
|
-
var
|
706
|
+
var g, y, d = {
|
714
707
|
LIST_ITEM_ACTIVATED_CLASS: "mdc-list-item--activated",
|
715
708
|
LIST_ITEM_CLASS: "mdc-list-item",
|
716
709
|
LIST_ITEM_DISABLED_CLASS: "mdc-list-item--disabled",
|
@@ -719,9 +712,9 @@ var O, y, d = {
|
|
719
712
|
LIST_ITEM_PRIMARY_TEXT_CLASS: "mdc-list-item__primary-text",
|
720
713
|
ROOT: "mdc-list"
|
721
714
|
};
|
722
|
-
|
723
|
-
var
|
724
|
-
"" + d.LIST_ITEM_CLASS + d.LIST_ITEM_CLASS +
|
715
|
+
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";
|
716
|
+
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);
|
717
|
+
"" + 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];
|
725
718
|
/**
|
726
719
|
* @license
|
727
720
|
* Copyright 2018 Google Inc.
|
@@ -744,7 +737,7 @@ var x = (y = {}, y["" + d.LIST_ITEM_ACTIVATED_CLASS] = "mdc-deprecated-list-item
|
|
744
737
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
745
738
|
* THE SOFTWARE.
|
746
739
|
*/
|
747
|
-
var
|
740
|
+
var at = (
|
748
741
|
/** @class */
|
749
742
|
function(n) {
|
750
743
|
U(e, n);
|
@@ -766,7 +759,7 @@ var dt = (
|
|
766
759
|
configurable: !0
|
767
760
|
}), Object.defineProperty(e, "numbers", {
|
768
761
|
get: function() {
|
769
|
-
return
|
762
|
+
return rt;
|
770
763
|
},
|
771
764
|
enumerable: !1,
|
772
765
|
configurable: !0
|
@@ -864,7 +857,6 @@ var dt = (
|
|
864
857
|
}, e;
|
865
858
|
}(W)
|
866
859
|
);
|
867
|
-
const lt = dt;
|
868
860
|
/**
|
869
861
|
* @license
|
870
862
|
* Copyright 2020 Google LLC
|
@@ -872,7 +864,7 @@ const lt = dt;
|
|
872
864
|
*/
|
873
865
|
class h extends j {
|
874
866
|
constructor() {
|
875
|
-
super(...arguments), this.mdcFoundationClass =
|
867
|
+
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;
|
876
868
|
}
|
877
869
|
get listElement() {
|
878
870
|
return this.listElement_ ? this.listElement_ : (this.listElement_ = this.renderRoot.querySelector("mwc-list"), this.listElement_);
|
@@ -1078,10 +1070,10 @@ class h extends j {
|
|
1078
1070
|
}
|
1079
1071
|
}
|
1080
1072
|
o([
|
1081
|
-
|
1073
|
+
N(".mdc-menu")
|
1082
1074
|
], h.prototype, "mdcRoot", void 0);
|
1083
1075
|
o([
|
1084
|
-
|
1076
|
+
N("slot")
|
1085
1077
|
], h.prototype, "slotElement", void 0);
|
1086
1078
|
o([
|
1087
1079
|
a({ type: Object })
|
@@ -1136,10 +1128,17 @@ o([
|
|
1136
1128
|
], h.prototype, "stayOpenOnBodyClick", void 0);
|
1137
1129
|
o([
|
1138
1130
|
a({ type: String }),
|
1139
|
-
|
1131
|
+
I(function(n) {
|
1140
1132
|
this.mdcFoundation && this.mdcFoundation.setDefaultFocusState(C[n]);
|
1141
1133
|
})
|
1142
1134
|
], h.prototype, "defaultFocus", void 0);
|
1135
|
+
/**
|
1136
|
+
* @license
|
1137
|
+
* Copyright 2021 Google LLC
|
1138
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
1139
|
+
*/
|
1140
|
+
const _t = K`mwc-list ::slotted([mwc-list-item]:not([twoline])),mwc-list ::slotted([noninteractive]:not([twoline])){height:var(--mdc-menu-item-height, 48px)}`;
|
1143
1141
|
export {
|
1144
|
-
h as M
|
1142
|
+
h as M,
|
1143
|
+
_t as s
|
1145
1144
|
};
|
@@ -0,0 +1,190 @@
|
|
1
|
+
"use strict";const o=require("./tslib.es6-5xG0QhxF.js"),A=require("./query-assigned-elements-j_5ZiL65.js"),U=require("./mwc-list.css-DjU8XB1m.js"),q=require("./base-element-atp_8bvP.js"),E=require("./observer-LlGBroG9.js"),D=require("./utils-W3ENJhq-.js"),a=require("./property-iZpLBvy-.js"),v=require("./state-LqPxt99W.js"),F=require("./query-duvhtfSs.js"),P=require("./class-map-wtcW44Of.js"),j=require("./style-map-66_3wrLx.js");/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2020 Google LLC
|
4
|
+
* SPDX-License-Identifier: Apache-2.0
|
5
|
+
*/let k=class extends U.ListBase{};k.styles=[U.styles];k=o.__decorate([A.e("mwc-list")],k);/**
|
6
|
+
* @license
|
7
|
+
* Copyright 2018 Google Inc.
|
8
|
+
*
|
9
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
10
|
+
* of this software and associated documentation files (the "Software"), to deal
|
11
|
+
* in the Software without restriction, including without limitation the rights
|
12
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
13
|
+
* copies of the Software, and to permit persons to whom the Software is
|
14
|
+
* furnished to do so, subject to the following conditions:
|
15
|
+
*
|
16
|
+
* The above copyright notice and this permission notice shall be included in
|
17
|
+
* all copies or substantial portions of the Software.
|
18
|
+
*
|
19
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
20
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
21
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
22
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
23
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
24
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
25
|
+
* THE SOFTWARE.
|
26
|
+
*/var W={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"},X={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(", ")},x={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={}));/**
|
27
|
+
* @license
|
28
|
+
* Copyright 2016 Google Inc.
|
29
|
+
*
|
30
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
31
|
+
* of this software and associated documentation files (the "Software"), to deal
|
32
|
+
* in the Software without restriction, including without limitation the rights
|
33
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
34
|
+
* copies of the Software, and to permit persons to whom the Software is
|
35
|
+
* furnished to do so, subject to the following conditions:
|
36
|
+
*
|
37
|
+
* The above copyright notice and this permission notice shall be included in
|
38
|
+
* all copies or substantial portions of the Software.
|
39
|
+
*
|
40
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
41
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
42
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
43
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
44
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
45
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
46
|
+
* THE SOFTWARE.
|
47
|
+
*/var V=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}();/**
|
48
|
+
* @license
|
49
|
+
* Copyright 2018 Google Inc.
|
50
|
+
*
|
51
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
52
|
+
* of this software and associated documentation files (the "Software"), to deal
|
53
|
+
* in the Software without restriction, including without limitation the rights
|
54
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
55
|
+
* copies of the Software, and to permit persons to whom the Software is
|
56
|
+
* furnished to do so, subject to the following conditions:
|
57
|
+
*
|
58
|
+
* The above copyright notice and this permission notice shall be included in
|
59
|
+
* all copies or substantial portions of the Software.
|
60
|
+
*
|
61
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
62
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
63
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
64
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
65
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
66
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
67
|
+
* THE SOFTWARE.
|
68
|
+
*/var K=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 W},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return X},enumerable:!1,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return x},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()},x.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()},x.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",p=this.getHorizontalOriginOffset(i),M=this.getVerticalOriginOffset(i),I=this.measurements,S=I.anchorSize,g=I.surfaceSize,f=(e={},e[c]=p,e[r]=M,e);S.width/g.width>x.ANCHOR_TO_MENU_SURFACE_WIDTH_RATIO&&(c="center"),(this.isHoistedElement||this.isFixedPosition)&&this.adjustPositionForHoistedElement(f),this.adapter.setTransformOrigin(c+" "+r),this.adapter.setPosition(f),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,p=t.numbers.MARGIN_TO_EDGE,M=this.hasBit(this.anchorCorner,l.BOTTOM),I,S;M?(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 g=S-c.height>0;!g&&I>S+this.openBottomBias&&(e=this.setBit(e,l.BOTTOM));var f=this.adapter.isRtl(),T=this.hasBit(this.anchorCorner,l.FLIP_RTL),_=this.hasBit(this.anchorCorner,l.RIGHT)||this.hasBit(e,l.RIGHT),C=!1;f&&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 N=w-c.width>0,G=B-c.width>0,$=this.hasBit(e,l.FLIP_RTL)&&this.hasBit(e,l.RIGHT);return G&&$&&f||!N&&$?e=this.unsetBit(e,l.RIGHT):(N&&C&&f||N&&!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),p=t.numbers.MARGIN_TO_EDGE;return r?(s=i.top+this.anchorMargin.top-p,c||(s+=this.measurements.anchorSize.height)):(s=i.bottom-this.anchorMargin.bottom+this.measurements.anchorSize.height-p,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,p=r.viewportDistance,M=r.surfaceSize,I=r.viewportSize,S=Object.keys(e);try{for(var g=o.__values(S),f=g.next();!f.done;f=g.next()){var T=f.value,_=e[T]||0;if(this.isHorizontallyCenteredOnViewport&&(T==="left"||T==="right")){e[T]=(I.width-M.width)/2;continue}_+=p[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{f&&!f.done&&(s=g.return)&&s.call(g)}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()},x.TOUCH_EVENT_WAIT_MS)},t.prototype.hasBit=function(e,i){return!!(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}(V);/**
|
69
|
+
* @license
|
70
|
+
* Copyright 2020 Google LLC
|
71
|
+
* SPDX-License-Identifier: Apache-2.0
|
72
|
+
*/const Q={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 q.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=K,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.x`
|
73
|
+
<div
|
74
|
+
class=${P.o(t)}
|
75
|
+
style="${j.o(e)}"
|
76
|
+
@keydown=${this.onKeydown}
|
77
|
+
@opened=${this.registerBodyClick}
|
78
|
+
@closed=${this.deregisterBodyClick}>
|
79
|
+
${this.renderContent()}
|
80
|
+
</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.x`<slot></slot>`}createAdapter(){return Object.assign(Object.assign({},D.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:()=>D.doesElementContainFocus(this),saveFocus:()=>{const t=D.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.n({type:Boolean}),E.observer(function(n){this.mdcFoundation&&!this.fixed&&this.mdcFoundation.setIsHoisted(n)})],h.prototype,"absolute",void 0);o.__decorate([a.n({type:Boolean})],h.prototype,"fullwidth",void 0);o.__decorate([a.n({type:Boolean}),E.observer(function(n){this.mdcFoundation&&!this.absolute&&this.mdcFoundation.setFixedPosition(n)})],h.prototype,"fixed",void 0);o.__decorate([a.n({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.n({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.n({type:Boolean}),E.observer(function(n){this.mdcFoundation&&this.mdcFoundation.setQuickOpen(n)})],h.prototype,"quick",void 0);o.__decorate([a.n({type:Boolean,reflect:!0}),E.observer(function(n,t){this.onOpenChanged(n,t)})],h.prototype,"open",void 0);o.__decorate([a.n({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.n({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.n({type:String}),E.observer(function(n){if(this.mdcFoundation&&n){let t=Q[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);/**
|
81
|
+
* @license
|
82
|
+
* Copyright 2021 Google LLC
|
83
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
84
|
+
*/const Y=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)}`;/**
|
85
|
+
* @license
|
86
|
+
* Copyright 2020 Google LLC
|
87
|
+
* SPDX-License-Identifier: Apache-2.0
|
88
|
+
*/let z=class extends h{};z.styles=[Y];z=o.__decorate([A.e("mwc-menu-surface")],z);/**
|
89
|
+
* @license
|
90
|
+
* Copyright 2018 Google Inc.
|
91
|
+
*
|
92
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
93
|
+
* of this software and associated documentation files (the "Software"), to deal
|
94
|
+
* in the Software without restriction, including without limitation the rights
|
95
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
96
|
+
* copies of the Software, and to permit persons to whom the Software is
|
97
|
+
* furnished to do so, subject to the following conditions:
|
98
|
+
*
|
99
|
+
* The above copyright notice and this permission notice shall be included in
|
100
|
+
* all copies or substantial portions of the Software.
|
101
|
+
*
|
102
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
103
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
104
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
105
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
106
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
107
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
108
|
+
* THE SOFTWARE.
|
109
|
+
*/var H={MENU_SELECTED_LIST_ITEM:"mdc-menu-item--selected",MENU_SELECTION_GROUP:"mdc-menu__selection-group",ROOT:"mdc-menu"},R={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"},Z={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={}));/**
|
110
|
+
* @license
|
111
|
+
* Copyright 2018 Google Inc.
|
112
|
+
*
|
113
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
114
|
+
* of this software and associated documentation files (the "Software"), to deal
|
115
|
+
* in the Software without restriction, including without limitation the rights
|
116
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
117
|
+
* copies of the Software, and to permit persons to whom the Software is
|
118
|
+
* furnished to do so, subject to the following conditions:
|
119
|
+
*
|
120
|
+
* The above copyright notice and this permission notice shall be included in
|
121
|
+
* all copies or substantial portions of the Software.
|
122
|
+
*
|
123
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
124
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
125
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
126
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
127
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
128
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
129
|
+
* THE SOFTWARE.
|
130
|
+
*/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 L=(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+L[d.LIST_ITEM_CLASS]+L[d.LIST_ITEM_CLASS],""+d.LIST_ITEM_CLASS+d.LIST_ITEM_CLASS+d.LIST_ITEM_CLASS+d.LIST_ITEM_CLASS+L[d.LIST_ITEM_CLASS]+L[d.LIST_ITEM_CLASS]+L[d.LIST_ITEM_CLASS]+L[d.LIST_ITEM_CLASS];/**
|
131
|
+
* @license
|
132
|
+
* Copyright 2018 Google Inc.
|
133
|
+
*
|
134
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
135
|
+
* of this software and associated documentation files (the "Software"), to deal
|
136
|
+
* in the Software without restriction, including without limitation the rights
|
137
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
138
|
+
* copies of the Software, and to permit persons to whom the Software is
|
139
|
+
* furnished to do so, subject to the following conditions:
|
140
|
+
*
|
141
|
+
* The above copyright notice and this permission notice shall be included in
|
142
|
+
* all copies or substantial portions of the Software.
|
143
|
+
*
|
144
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
145
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
146
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
147
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
148
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
149
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
150
|
+
* THE SOFTWARE.
|
151
|
+
*/var J=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 R},enumerable:!1,configurable:!0}),Object.defineProperty(t,"numbers",{get:function(){return Z},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,R.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)},K.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,R.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,R.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,R.ARIA_DISABLED_ATTR,"false")):(this.adapter.addClassToElementAtIndex(e,d.LIST_ITEM_DISABLED_CLASS),this.adapter.addAttributeToElementAtIndex(e,R.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}(V);/**
|
152
|
+
* @license
|
153
|
+
* Copyright 2020 Google LLC
|
154
|
+
* SPDX-License-Identifier: Apache-2.0
|
155
|
+
*/class u extends q.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=J,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.x`
|
156
|
+
<mwc-menu-surface
|
157
|
+
?hidden=${!this.open}
|
158
|
+
.anchor=${this.anchor}
|
159
|
+
.open=${this.open}
|
160
|
+
.quick=${this.quick}
|
161
|
+
.corner=${this.corner}
|
162
|
+
.x=${this.x}
|
163
|
+
.y=${this.y}
|
164
|
+
.absolute=${this.absolute}
|
165
|
+
.fixed=${this.fixed}
|
166
|
+
.fullwidth=${this.fullwidth}
|
167
|
+
.menuCorner=${this.menuCorner}
|
168
|
+
?stayOpenOnBodyClick=${this.stayOpenOnBodyClick}
|
169
|
+
class=${P.o(t)}
|
170
|
+
@closed=${this.onClosed}
|
171
|
+
@opened=${this.onOpened}
|
172
|
+
@keydown=${this.onKeydown}>
|
173
|
+
${this.renderList()}
|
174
|
+
</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.x`
|
175
|
+
<mwc-list
|
176
|
+
rootTabbable
|
177
|
+
.innerAriaLabel=${this.innerAriaLabel}
|
178
|
+
.innerRole=${this.innerRole}
|
179
|
+
.multi=${this.multi}
|
180
|
+
class=${P.o(e)}
|
181
|
+
.itemRoles=${t}
|
182
|
+
.wrapFocus=${this.wrapFocus}
|
183
|
+
.activatable=${this.activatable}
|
184
|
+
@action=${this.onAction}>
|
185
|
+
<slot></slot>
|
186
|
+
</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.n({type:Object})],u.prototype,"anchor",void 0);o.__decorate([a.n({type:Boolean,reflect:!0})],u.prototype,"open",void 0);o.__decorate([a.n({type:Boolean})],u.prototype,"quick",void 0);o.__decorate([a.n({type:Boolean})],u.prototype,"wrapFocus",void 0);o.__decorate([a.n({type:String})],u.prototype,"innerRole",void 0);o.__decorate([a.n({type:String})],u.prototype,"innerAriaLabel",void 0);o.__decorate([a.n({type:String})],u.prototype,"corner",void 0);o.__decorate([a.n({type:Number})],u.prototype,"x",void 0);o.__decorate([a.n({type:Number})],u.prototype,"y",void 0);o.__decorate([a.n({type:Boolean})],u.prototype,"absolute",void 0);o.__decorate([a.n({type:Boolean})],u.prototype,"multi",void 0);o.__decorate([a.n({type:Boolean})],u.prototype,"activatable",void 0);o.__decorate([a.n({type:Boolean})],u.prototype,"fixed",void 0);o.__decorate([a.n({type:Boolean})],u.prototype,"forceGroupSelection",void 0);o.__decorate([a.n({type:Boolean})],u.prototype,"fullwidth",void 0);o.__decorate([a.n({type:String})],u.prototype,"menuCorner",void 0);o.__decorate([a.n({type:Boolean})],u.prototype,"stayOpenOnBodyClick",void 0);o.__decorate([a.n({type:String}),E.observer(function(n){this.mdcFoundation&&this.mdcFoundation.setDefaultFocusState(b[n])})],u.prototype,"defaultFocus",void 0);/**
|
187
|
+
* @license
|
188
|
+
* Copyright 2021 Google LLC
|
189
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
190
|
+
*/const ee=A.i`mwc-list ::slotted([mwc-list-item]:not([twoline])),mwc-list ::slotted([noninteractive]:not([twoline])){height:var(--mdc-menu-item-height, 48px)}`;exports.MenuBase=u;exports.styles=ee;
|