@covalent/components 9.1.0 → 9.1.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-DjF3Plf2.mjs → _commonjsHelpers-HP5nalso.mjs} +2 -2
- package/action-ribbon.js +2 -2
- package/action-ribbon.mjs +24 -24
- package/alert.js +3 -3
- package/alert.mjs +4 -4
- package/app-shell.js +1 -1
- package/app-shell.mjs +6 -6
- package/async-directive-2AOdKBUW.mjs +66 -0
- package/async-directive-DZ3MjSIj.js +5 -0
- package/badge.js +1 -1
- package/badge.mjs +6 -6
- package/{base-element-aUDWLn36.js → base-element-5ZU-p99q.js} +1 -1
- package/{base-element-C-U4OfWx.mjs → base-element-CzNmpVoz.mjs} +1 -1
- package/button.js +1 -1
- package/button.mjs +24 -24
- package/card.js +1 -1
- package/card.mjs +12 -12
- package/check-list-item.js +7 -7
- package/check-list-item.mjs +31 -31
- package/checkbox.js +1 -1
- package/checkbox.mjs +9 -9
- package/{chip-C8L37ovG.mjs → chip-5QP7xPTY.mjs} +6 -6
- package/{chip-BsDYOEFW.js → chip-CitHXhY7.js} +1 -1
- package/chip-set.js +1 -1
- package/chip-set.mjs +114 -114
- package/chip.js +1 -1
- package/chip.mjs +2 -2
- package/circular-progress.js +4 -4
- package/circular-progress.mjs +10 -10
- package/class-map-BHl5MHd7.mjs +36 -0
- package/class-map-PsUYVqvf.js +5 -0
- package/{code-editor-CSH3MdBF.js → code-editor-CCUZsYkN.js} +135 -137
- package/{code-editor-Bshyfjyn.mjs → code-editor-JaW-06cH.mjs} +8151 -8113
- package/code-editor.js +1 -1
- package/code-editor.mjs +2 -2
- package/code-snippet.js +1 -1
- package/code-snippet.mjs +7 -7
- package/{dialog-BoNH4r3n.mjs → dialog-BVmWYLqR.mjs} +194 -194
- package/{dialog-LUOzoMeO.js → dialog-DzaPP3Vt.js} +9 -9
- package/dialog.js +1 -1
- package/dialog.mjs +2 -2
- package/{directive-oAbCiebi.mjs → directive-B76A7YXI.mjs} +4 -4
- package/directive-C_VV3qwo.js +5 -0
- package/directive-helpers-6HCt_-zj.mjs +11 -0
- package/directive-helpers-BnUMbYHh.js +5 -0
- package/drawer.js +1 -1
- package/drawer.mjs +2 -2
- package/empty-state.js +1 -1
- package/empty-state.mjs +7 -7
- package/{event-options-CNykeE2u.mjs → event-options-D44mpm5S.mjs} +1 -1
- package/{event-options-BH8ks-kz.js → event-options-IG-2g8HU.js} +1 -1
- package/expansion-panel-item.js +1 -1
- package/expansion-panel-item.mjs +4 -4
- package/expansion-panel.js +1 -1
- package/expansion-panel.mjs +1 -1
- package/focused-page.js +1 -1
- package/focused-page.mjs +8 -8
- package/form-element--PS8uSRI.js +5 -0
- package/form-element-Dn0Lerng.mjs +50 -0
- package/formfield.js +4 -4
- package/formfield.mjs +13 -13
- package/{foundation-qQ4jzaAu.mjs → foundation-BYhAXCW_.mjs} +17 -15
- package/{foundation-PL3XY-m_.mjs → foundation-D6JHa7Lg.mjs} +4 -4
- package/{foundation-pgmPu2iJ.js → foundation-aT_gy6X8.js} +1 -1
- package/{foundation-CySCCTUE.js → foundation-sIsx2I_x.js} +2 -2
- package/full-screen-dialog.js +2 -2
- package/full-screen-dialog.mjs +12 -12
- package/{html-DrhRpsz9.mjs → html-DhKW0KfF.mjs} +1 -1
- package/{html-DUGRoHaj.js → html-S7zzCKH0.js} +1 -1
- package/icon/_icon-list.d.ts +4 -0
- package/icon/_icon-list.d.ts.map +1 -0
- package/icon/icon-demo.d.ts +14 -0
- package/icon/icon-demo.d.ts.map +1 -0
- package/icon-button-toggle.js +5 -5
- package/icon-button-toggle.mjs +35 -35
- package/icon-button.js +2 -2
- package/icon-button.mjs +28 -28
- package/icon-check-toggle.js +1 -1
- package/icon-check-toggle.mjs +6 -6
- package/icon-lockup.js +5 -5
- package/icon-lockup.mjs +6 -6
- package/icon-radio-toggle.js +4 -4
- package/icon-radio-toggle.mjs +8 -8
- package/icon.js +1 -1
- package/icon.mjs +14 -14
- package/{if-defined-D8C6ewRn.js → if-defined-B7G84qob.js} +1 -1
- package/{if-defined-BsNkRMMG.mjs → if-defined-DN7whKwy.mjs} +1 -1
- package/index.d.ts +1 -0
- package/index.d.ts.map +1 -1
- package/index.js +10 -1
- package/index.mjs +450 -112
- package/{javascript-DKtDcqDi.mjs → javascript-BtkevR81.mjs} +1 -1
- package/{javascript-54eqLOAw.js → javascript-fH54qAGk.js} +1 -1
- package/linear-progress.js +7 -7
- package/linear-progress.mjs +17 -17
- package/{list-item-BZVW1fmJ.js → list-item-BQ6SDTvW.js} +1 -1
- package/{list-item-DCzzLVZh.mjs → list-item-DuBDCnZ-.mjs} +1 -1
- package/list-item.js +2 -2
- package/list-item.mjs +16 -16
- package/list.js +1 -1
- package/list.mjs +16 -16
- package/menu.js +2 -2
- package/menu.mjs +11 -11
- package/{mwc-checkbox.css-Cd0yCOHu.js → mwc-checkbox.css-BV3dyB4C.js} +1 -1
- package/{mwc-checkbox.css-MBOzkrQg.mjs → mwc-checkbox.css-CNoj0V14.mjs} +31 -31
- package/{mwc-drawer-base-Dgs9327G.mjs → mwc-drawer-base-A-4s_ZnE.mjs} +10 -10
- package/{mwc-drawer-base-D-48lqfn.js → mwc-drawer-base-DWczEPvb.js} +3 -3
- package/{mwc-icon-BZRds8SY.mjs → mwc-icon-DTCUplqR.mjs} +2 -2
- package/{mwc-icon-BumH81hp.js → mwc-icon-Xgr698ax.js} +1 -1
- package/{mwc-icon-button.css-DJMY7U7e.mjs → mwc-icon-button.css-DJiDOS0_.mjs} +1 -1
- package/{mwc-icon-button.css-BtgKBOl3.js → mwc-icon-button.css-DOVWWyjA.js} +1 -1
- package/{mwc-line-ripple-directive-zhm5Zc8i.mjs → mwc-line-ripple-directive-TO37-41n.mjs} +34 -34
- package/{mwc-line-ripple-directive-DvPWr3ER.js → mwc-line-ripple-directive-r80jluoU.js} +4 -4
- package/{mwc-list-item.css-CtRq5wSu.js → mwc-list-item.css-CO1JlA8e.js} +10 -10
- package/{mwc-list-item.css-g34xqhLC.mjs → mwc-list-item.css-Cg9onxQ-.mjs} +11 -11
- package/{mwc-list.css-DFOdJyFB.mjs → mwc-list.css-C_-DVEme.mjs} +102 -102
- package/{mwc-list.css-CaMJWsDp.js → mwc-list.css-Deg9oBaO.js} +1 -1
- package/{mwc-menu.css-pxcxlTrh.js → mwc-menu.css-Dvr-f3_T.js} +18 -18
- package/{mwc-menu.css-BEiPghgR.mjs → mwc-menu.css-qpZxKN-g.mjs} +306 -306
- package/{mwc-radio.css-XRx0vL1k.mjs → mwc-radio.css-BiHC1R8I.mjs} +11 -11
- package/{mwc-radio.css-CVMtIq-L.js → mwc-radio.css-DjO4Rn44.js} +1 -1
- package/{mwc-slider.css-WrkrmqkL.js → mwc-slider.css-DFOaS04S.js} +13 -13
- package/{mwc-slider.css-2Bqk43z7.mjs → mwc-slider.css-Deh1__Ar.mjs} +290 -279
- package/{mwc-tab.css-B9yQpkYf.mjs → mwc-tab.css-2UrPKkNg.mjs} +34 -34
- package/{mwc-tab.css-CgdXMZBB.js → mwc-tab.css-sq5suZKe.js} +11 -11
- package/{mwc-top-app-bar-base-B0EW9eNk.mjs → mwc-top-app-bar-base-BIZGhVtM.mjs} +40 -40
- package/{mwc-top-app-bar-base-CSXRBOiX.js → mwc-top-app-bar-base-DUdOcIjS.js} +7 -7
- package/nav-list-item.js +3 -3
- package/nav-list-item.mjs +18 -18
- package/notebook-cell.js +1 -1
- package/notebook-cell.mjs +25 -25
- package/package.json +6 -1
- package/{property-DYTC_2-m.js → property-BRKnMYJe.js} +1 -1
- package/{python-CEXbOLXn.mjs → python-BkZeja0y.mjs} +1 -1
- package/{python-CzGtlN7c.js → python-C2_KOh3o.js} +1 -1
- package/query-BvlE-gMJ.js +5 -0
- package/query-DSO61t36.mjs +15 -0
- package/query-assigned-elements-BQszEgac.js +31 -0
- package/query-assigned-elements-DhyCP_2z.mjs +591 -0
- package/query-assigned-nodes-9DFnkxV8.js +5 -0
- package/query-assigned-nodes-B-jCihdA.mjs +17 -0
- package/radio-list-item.js +5 -5
- package/radio-list-item.mjs +24 -24
- package/radio.js +1 -1
- package/radio.mjs +9 -9
- package/{ripple-handlers-i3WPEBiO.mjs → ripple-handlers-BAdg-fJB.mjs} +72 -72
- package/{ripple-handlers-CzfSBjWo.js → ripple-handlers-BDmOLx8c.js} +5 -5
- package/select.js +12 -12
- package/select.mjs +119 -118
- package/side-sheet.js +1 -1
- package/side-sheet.mjs +8 -8
- package/slider-range.js +7 -7
- package/slider-range.mjs +39 -39
- package/slider.js +1 -1
- package/slider.mjs +18 -18
- package/snackbar.js +8 -8
- package/snackbar.mjs +21 -21
- package/{state-DaD9o2aK.mjs → state-B_tK3mBm.mjs} +2 -2
- package/{state-C3HoXfoa.js → state-Csv4sdJA.js} +1 -1
- package/status-dialog.js +1 -1
- package/status-dialog.mjs +7 -7
- package/status-header-item.js +1 -1
- package/status-header-item.mjs +18 -18
- package/status-header.js +1 -1
- package/status-header.mjs +2 -2
- package/style-map-3QfsA_1O.js +5 -0
- package/style-map-QxIETvrs.mjs +42 -0
- package/switch.js +6 -6
- package/switch.mjs +40 -40
- package/tab-bar.js +5 -5
- package/tab-bar.mjs +93 -93
- package/tab.js +1 -1
- package/tab.mjs +5 -5
- package/text-lockup.js +1 -1
- package/text-lockup.mjs +11 -11
- package/textarea.js +6 -6
- package/textarea.mjs +22 -22
- package/{textfield-BwmiygD8.js → textfield-CO6CFCCn.js} +30 -30
- package/{textfield-C6sUZIeA.mjs → textfield-WSgoABZn.mjs} +103 -103
- package/textfield.js +2 -2
- package/textfield.mjs +9 -9
- package/toolbar.js +1 -1
- package/toolbar.mjs +2 -2
- package/tooltip.js +3 -3
- package/tooltip.mjs +56 -55
- package/{top-app-bar-4SA3DjLX.mjs → top-app-bar-BvXNELe9.mjs} +1 -1
- package/{top-app-bar-CGjBuyiD.js → top-app-bar-Cvp1aN42.js} +1 -1
- package/top-app-bar-fixed.js +8 -8
- package/top-app-bar-fixed.mjs +35 -35
- package/top-app-bar.js +1 -1
- package/top-app-bar.mjs +12 -12
- package/tree-list-item.js +1 -1
- package/tree-list-item.mjs +5 -5
- package/tree-list.js +1 -1
- package/tree-list.mjs +5 -5
- package/tslib.es6-CISSdiiH.mjs +75 -0
- package/{typescript-DotYReBq.mjs → typescript-BUN0g4m9.mjs} +1 -1
- package/{typescript-D_zVB3gH.js → typescript-DzngJr4U.js} +1 -1
- package/typography.js +1 -1
- package/typography.mjs +10 -10
- package/async-directive-Cx1B9M5C.mjs +0 -66
- package/async-directive-y3fBDDSk.js +0 -5
- package/class-map-C1SJpero.mjs +0 -36
- package/class-map-C8G1ALWK.js +0 -5
- package/directive-C7oCP5Bh.js +0 -5
- package/directive-helpers-CllkNDrI.mjs +0 -11
- package/directive-helpers-Duf3sfLn.js +0 -5
- package/form-element-CxSqbssX.mjs +0 -50
- package/form-element-DwqUbs65.js +0 -5
- package/query-BBDQWsft.mjs +0 -15
- package/query-BxDs8ftQ.js +0 -5
- package/query-assigned-elements-4CafVNR8.js +0 -31
- package/query-assigned-elements-DCt2xozt.mjs +0 -591
- package/query-assigned-nodes-B9zBfkh6.mjs +0 -17
- package/query-assigned-nodes-CckKHm2z.js +0 -5
- package/style-map-BJBXlSqn.js +0 -5
- package/style-map-CCsABR5m.mjs +0 -42
- package/tslib.es6-pPsSiLLK.mjs +0 -75
@@ -1,14 +1,14 @@
|
|
1
|
-
import {
|
2
|
-
import { x as d, i as y, e as R } from "./query-assigned-elements-
|
3
|
-
import { B as C } from "./base-element-
|
4
|
-
import { n as
|
5
|
-
import { i as p } from "./query-
|
6
|
-
import { o as g } from "./class-map-
|
1
|
+
import { _ as b, a as f, b as i } from "./tslib.es6-CISSdiiH.mjs";
|
2
|
+
import { x as d, i as y, e as R } from "./query-assigned-elements-DhyCP_2z.mjs";
|
3
|
+
import { B as C } from "./base-element-CzNmpVoz.mjs";
|
4
|
+
import { n as o } from "./property-DJzm_oB9.mjs";
|
5
|
+
import { i as p } from "./query-DSO61t36.mjs";
|
6
|
+
import { o as g } from "./class-map-BHl5MHd7.mjs";
|
7
7
|
import { a as x } from "./utils-Dr5MegQq.mjs";
|
8
|
-
import {
|
8
|
+
import { e as w, R as T } from "./ripple-handlers-BAdg-fJB.mjs";
|
9
9
|
import { o as A } from "./observer-DQ8OfVDQ.mjs";
|
10
|
-
import { t as I } from "./state-
|
11
|
-
import { e as E } from "./event-options-
|
10
|
+
import { t as I } from "./state-B_tK3mBm.mjs";
|
11
|
+
import { e as E } from "./event-options-D44mpm5S.mjs";
|
12
12
|
/**
|
13
13
|
* @license
|
14
14
|
* Copyright 2016 Google Inc.
|
@@ -227,7 +227,7 @@ var D = (
|
|
227
227
|
this.adapter.addClass(c.cssClasses.ACTIVE);
|
228
228
|
return;
|
229
229
|
}
|
230
|
-
var
|
230
|
+
var r = this.computeContentClientRect(), h = a.width / r.width, m = a.left - r.left;
|
231
231
|
this.adapter.addClass(c.cssClasses.NO_TRANSITION), this.adapter.setContentStyleProperty("transform", "translateX(" + m + "px) scaleX(" + h + ")"), this.computeContentClientRect(), this.adapter.removeClass(c.cssClasses.NO_TRANSITION), this.adapter.addClass(c.cssClasses.ACTIVE), this.adapter.setContentStyleProperty("transform", "");
|
232
232
|
}, t.prototype.deactivate = function() {
|
233
233
|
this.adapter.removeClass(c.cssClasses.ACTIVE);
|
@@ -283,10 +283,10 @@ i([
|
|
283
283
|
p(".mdc-tab-indicator__content")
|
284
284
|
], l.prototype, "contentElement", void 0);
|
285
285
|
i([
|
286
|
-
|
286
|
+
o()
|
287
287
|
], l.prototype, "icon", void 0);
|
288
288
|
i([
|
289
|
-
|
289
|
+
o({ type: Boolean })
|
290
290
|
], l.prototype, "fade", void 0);
|
291
291
|
/**
|
292
292
|
* @license
|
@@ -421,8 +421,8 @@ var v = (
|
|
421
421
|
function(e) {
|
422
422
|
b(t, e);
|
423
423
|
function t(a) {
|
424
|
-
var
|
425
|
-
return
|
424
|
+
var r = e.call(this, f(f({}, t.defaultAdapter), a)) || this;
|
425
|
+
return r.focusOnActivate = !0, r;
|
426
426
|
}
|
427
427
|
return Object.defineProperty(t, "cssClasses", {
|
428
428
|
get: function() {
|
@@ -483,12 +483,12 @@ var v = (
|
|
483
483
|
}, t.prototype.deactivate = function() {
|
484
484
|
this.isActive() && (this.adapter.removeClass(u.ACTIVE), this.adapter.setAttr(s.ARIA_SELECTED, "false"), this.adapter.setAttr(s.TABINDEX, "-1"), this.adapter.deactivateIndicator());
|
485
485
|
}, t.prototype.computeDimensions = function() {
|
486
|
-
var a = this.adapter.getOffsetWidth(),
|
486
|
+
var a = this.adapter.getOffsetWidth(), r = this.adapter.getOffsetLeft(), h = this.adapter.getContentOffsetWidth(), m = this.adapter.getContentOffsetLeft();
|
487
487
|
return {
|
488
|
-
contentLeft:
|
489
|
-
contentRight:
|
490
|
-
rootLeft:
|
491
|
-
rootRight:
|
488
|
+
contentLeft: r + m,
|
489
|
+
contentRight: r + m + h,
|
490
|
+
rootLeft: r,
|
491
|
+
rootRight: r + a
|
492
492
|
};
|
493
493
|
}, t;
|
494
494
|
}(L)
|
@@ -501,7 +501,7 @@ var v = (
|
|
501
501
|
let P = 0;
|
502
502
|
class n extends C {
|
503
503
|
constructor() {
|
504
|
-
super(...arguments), this.mdcFoundationClass = v, this.label = "", this.icon = "", this.hasImageIcon = !1, this.isFadingIndicator = !1, this.minWidth = !1, this.isMinWidthIndicator = !1, this.indicatorIcon = "", this.stacked = !1, this.focusOnActivate = !0, this._active = !1, this.initFocus = !1, this.shouldRenderRipple = !1, this.useStateLayerCustomProperties = !1, this.rippleElement = null, this.rippleHandlers = new
|
504
|
+
super(...arguments), this.mdcFoundationClass = v, this.label = "", this.icon = "", this.hasImageIcon = !1, this.isFadingIndicator = !1, this.minWidth = !1, this.isMinWidthIndicator = !1, this.indicatorIcon = "", this.stacked = !1, this.focusOnActivate = !0, this._active = !1, this.initFocus = !1, this.shouldRenderRipple = !1, this.useStateLayerCustomProperties = !1, this.rippleElement = null, this.rippleHandlers = new T(() => (this.shouldRenderRipple = !0, this.ripple.then((t) => this.rippleElement = t), this.ripple));
|
505
505
|
}
|
506
506
|
get active() {
|
507
507
|
return this._active;
|
@@ -520,8 +520,8 @@ class n extends C {
|
|
520
520
|
let a = d``;
|
521
521
|
(this.hasImageIcon || this.icon) && (a = d`
|
522
522
|
<span class="mdc-tab__icon material-icons"><slot name="icon">${this.icon}</slot></span>`);
|
523
|
-
let
|
524
|
-
return this.label && (
|
523
|
+
let r = d``;
|
524
|
+
return this.label && (r = d`
|
525
525
|
<span class="mdc-tab__text-label">${this.label}</span>`), d`
|
526
526
|
<button
|
527
527
|
@click="${this.handleClick}"
|
@@ -539,7 +539,7 @@ class n extends C {
|
|
539
539
|
@touchcancel="${this.handleRippleDeactivate}">
|
540
540
|
<span class="mdc-tab__content">
|
541
541
|
${a}
|
542
|
-
${
|
542
|
+
${r}
|
543
543
|
${this.isMinWidthIndicator ? this.renderIndicator() : ""}
|
544
544
|
</span>
|
545
545
|
${this.isMinWidthIndicator ? "" : this.renderIndicator()}
|
@@ -639,37 +639,37 @@ i([
|
|
639
639
|
p("mwc-tab-indicator")
|
640
640
|
], n.prototype, "tabIndicator", void 0);
|
641
641
|
i([
|
642
|
-
|
642
|
+
o()
|
643
643
|
], n.prototype, "label", void 0);
|
644
644
|
i([
|
645
|
-
|
645
|
+
o()
|
646
646
|
], n.prototype, "icon", void 0);
|
647
647
|
i([
|
648
|
-
|
648
|
+
o({ type: Boolean })
|
649
649
|
], n.prototype, "hasImageIcon", void 0);
|
650
650
|
i([
|
651
|
-
|
651
|
+
o({ type: Boolean })
|
652
652
|
], n.prototype, "isFadingIndicator", void 0);
|
653
653
|
i([
|
654
|
-
|
654
|
+
o({ type: Boolean })
|
655
655
|
], n.prototype, "minWidth", void 0);
|
656
656
|
i([
|
657
|
-
|
657
|
+
o({ type: Boolean })
|
658
658
|
], n.prototype, "isMinWidthIndicator", void 0);
|
659
659
|
i([
|
660
|
-
|
660
|
+
o({ type: Boolean, reflect: !0, attribute: "active" })
|
661
661
|
], n.prototype, "active", null);
|
662
662
|
i([
|
663
|
-
|
663
|
+
o()
|
664
664
|
], n.prototype, "indicatorIcon", void 0);
|
665
665
|
i([
|
666
|
-
|
666
|
+
o({ type: Boolean })
|
667
667
|
], n.prototype, "stacked", void 0);
|
668
668
|
i([
|
669
669
|
A(async function(e) {
|
670
670
|
await this.updateComplete, this.mdcFoundation.setFocusOnActivate(e);
|
671
671
|
}),
|
672
|
-
|
672
|
+
o({ type: Boolean })
|
673
673
|
], n.prototype, "focusOnActivate", void 0);
|
674
674
|
i([
|
675
675
|
p(".mdc-tab__content")
|
@@ -681,7 +681,7 @@ i([
|
|
681
681
|
I()
|
682
682
|
], n.prototype, "useStateLayerCustomProperties", void 0);
|
683
683
|
i([
|
684
|
-
|
684
|
+
w("mwc-ripple")
|
685
685
|
], n.prototype, "ripple", void 0);
|
686
686
|
i([
|
687
687
|
E({ passive: !0 })
|
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";const a=require("./tslib.es6-CHeFCc6E.js"),c=require("./query-assigned-elements-
|
1
|
+
"use strict";const a=require("./tslib.es6-CHeFCc6E.js"),c=require("./query-assigned-elements-BQszEgac.js"),_=require("./base-element-5ZU-p99q.js"),o=require("./property-BRKnMYJe.js"),p=require("./query-BvlE-gMJ.js"),b=require("./class-map-PsUYVqvf.js"),v=require("./utils-wMBJ9n_n.js"),y=require("./ripple-handlers-BDmOLx8c.js"),x=require("./observer-N9cgkDqh.js"),C=require("./state-Csv4sdJA.js"),I=require("./event-options-IG-2g8HU.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2016 Google Inc.
|
4
4
|
*
|
@@ -61,7 +61,7 @@
|
|
61
61
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
62
62
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
63
63
|
* THE SOFTWARE.
|
64
|
-
*/var d=function(e){a.__extends(t,e);function t(
|
64
|
+
*/var d=function(e){a.__extends(t,e);function t(n){return e.call(this,a.__assign(a.__assign({},t.defaultAdapter),n))||this}return Object.defineProperty(t,"cssClasses",{get:function(){return w},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return A},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},computeContentClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},setContentStyleProperty:function(){}}},enumerable:!1,configurable:!0}),t.prototype.computeContentClientRect=function(){return this.adapter.computeContentClientRect()},t}(R);/**
|
65
65
|
* @license
|
66
66
|
* Copyright 2018 Google Inc.
|
67
67
|
*
|
@@ -103,7 +103,7 @@
|
|
103
103
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
104
104
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
105
105
|
* THE SOFTWARE.
|
106
|
-
*/var T=function(e){a.__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.prototype.activate=function(
|
106
|
+
*/var T=function(e){a.__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.prototype.activate=function(n){if(!n){this.adapter.addClass(d.cssClasses.ACTIVE);return}var r=this.computeContentClientRect(),f=n.width/r.width,m=n.left-r.left;this.adapter.addClass(d.cssClasses.NO_TRANSITION),this.adapter.setContentStyleProperty("transform","translateX("+m+"px) scaleX("+f+")"),this.computeContentClientRect(),this.adapter.removeClass(d.cssClasses.NO_TRANSITION),this.adapter.addClass(d.cssClasses.ACTIVE),this.adapter.setContentStyleProperty("transform","")},t.prototype.deactivate=function(){this.adapter.removeClass(d.cssClasses.ACTIVE)},t}(d);/**
|
107
107
|
* @license
|
108
108
|
* Copyright 2018 Google LLC
|
109
109
|
* SPDX-License-Identifier: Apache-2.0
|
@@ -111,7 +111,7 @@
|
|
111
111
|
<span class="mdc-tab-indicator ${b.o({"mdc-tab-indicator--fade":this.fade})}">
|
112
112
|
<span class="mdc-tab-indicator__content ${b.o(t)}">${this.icon}</span>
|
113
113
|
</span>
|
114
|
-
`}updated(t){t.has("fade")&&this.createFoundation()}createAdapter(){return Object.assign(Object.assign({},v.addHasRemoveClass(this.mdcRoot)),{computeContentClientRect:()=>this.contentElement.getBoundingClientRect(),setContentStyleProperty:(t,
|
114
|
+
`}updated(t){t.has("fade")&&this.createFoundation()}createAdapter(){return Object.assign(Object.assign({},v.addHasRemoveClass(this.mdcRoot)),{computeContentClientRect:()=>this.contentElement.getBoundingClientRect(),setContentStyleProperty:(t,n)=>this.contentElement.style.setProperty(t,n)})}computeContentClientRect(){return this.mdcFoundation.computeContentClientRect()}activate(t){this.mdcFoundation.activate(t)}deactivate(){this.mdcFoundation.deactivate()}}a.__decorate([p.i(".mdc-tab-indicator")],l.prototype,"mdcRoot",void 0);a.__decorate([p.i(".mdc-tab-indicator__content")],l.prototype,"contentElement",void 0);a.__decorate([o.n()],l.prototype,"icon",void 0);a.__decorate([o.n({type:Boolean})],l.prototype,"fade",void 0);/**
|
115
115
|
* @license
|
116
116
|
* Copyright 2021 Google LLC
|
117
117
|
* SPDX-LIcense-Identifier: Apache-2.0
|
@@ -182,12 +182,12 @@
|
|
182
182
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
183
183
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
184
184
|
* THE SOFTWARE.
|
185
|
-
*/var g=function(e){a.__extends(t,e);function t(
|
185
|
+
*/var g=function(e){a.__extends(t,e);function t(n){var r=e.call(this,a.__assign(a.__assign({},t.defaultAdapter),n))||this;return r.focusOnActivate=!0,r}return Object.defineProperty(t,"cssClasses",{get:function(){return u},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return s},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setAttr:function(){},activateIndicator:function(){},deactivateIndicator:function(){},notifyInteracted:function(){},getOffsetLeft:function(){return 0},getOffsetWidth:function(){return 0},getContentOffsetLeft:function(){return 0},getContentOffsetWidth:function(){return 0},focus:function(){}}},enumerable:!1,configurable:!0}),t.prototype.handleClick=function(){this.adapter.notifyInteracted()},t.prototype.isActive=function(){return this.adapter.hasClass(u.ACTIVE)},t.prototype.setFocusOnActivate=function(n){this.focusOnActivate=n},t.prototype.activate=function(n){this.adapter.addClass(u.ACTIVE),this.adapter.setAttr(s.ARIA_SELECTED,"true"),this.adapter.setAttr(s.TABINDEX,"0"),this.adapter.activateIndicator(n),this.focusOnActivate&&this.adapter.focus()},t.prototype.deactivate=function(){this.isActive()&&(this.adapter.removeClass(u.ACTIVE),this.adapter.setAttr(s.ARIA_SELECTED,"false"),this.adapter.setAttr(s.TABINDEX,"-1"),this.adapter.deactivateIndicator())},t.prototype.computeDimensions=function(){var n=this.adapter.getOffsetWidth(),r=this.adapter.getOffsetLeft(),f=this.adapter.getContentOffsetWidth(),m=this.adapter.getContentOffsetLeft();return{contentLeft:r+m,contentRight:r+m+f,rootLeft:r,rootRight:r+n}},t}(k);/**
|
186
186
|
* @license
|
187
187
|
* Copyright 2018 Google LLC
|
188
188
|
* SPDX-License-Identifier: Apache-2.0
|
189
|
-
*/let F=0;class
|
190
|
-
<span class="mdc-tab__icon material-icons"><slot name="icon">${this.icon}</slot></span>`);let
|
189
|
+
*/let F=0;class i extends _.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=g,this.label="",this.icon="",this.hasImageIcon=!1,this.isFadingIndicator=!1,this.minWidth=!1,this.isMinWidthIndicator=!1,this.indicatorIcon="",this.stacked=!1,this.focusOnActivate=!0,this._active=!1,this.initFocus=!1,this.shouldRenderRipple=!1,this.useStateLayerCustomProperties=!1,this.rippleElement=null,this.rippleHandlers=new y.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple.then(t=>this.rippleElement=t),this.ripple))}get active(){return this._active}connectedCallback(){this.dir=document.dir,super.connectedCallback()}firstUpdated(){super.firstUpdated(),this.id=this.id||`mdc-tab-${++F}`}render(){const t={"mdc-tab--min-width":this.minWidth,"mdc-tab--stacked":this.stacked};let n=c.x``;(this.hasImageIcon||this.icon)&&(n=c.x`
|
190
|
+
<span class="mdc-tab__icon material-icons"><slot name="icon">${this.icon}</slot></span>`);let r=c.x``;return this.label&&(r=c.x`
|
191
191
|
<span class="mdc-tab__text-label">${this.label}</span>`),c.x`
|
192
192
|
<button
|
193
193
|
@click="${this.handleClick}"
|
@@ -204,8 +204,8 @@
|
|
204
204
|
@touchend="${this.handleRippleDeactivate}"
|
205
205
|
@touchcancel="${this.handleRippleDeactivate}">
|
206
206
|
<span class="mdc-tab__content">
|
207
|
-
${
|
208
|
-
${
|
207
|
+
${n}
|
208
|
+
${r}
|
209
209
|
${this.isMinWidthIndicator?this.renderIndicator():""}
|
210
210
|
</span>
|
211
211
|
${this.isMinWidthIndicator?"":this.renderIndicator()}
|
@@ -213,8 +213,8 @@
|
|
213
213
|
</button>`}renderIndicator(){return c.x`<mwc-tab-indicator
|
214
214
|
.icon="${this.indicatorIcon}"
|
215
215
|
.fade="${this.isFadingIndicator}"></mwc-tab-indicator>`}renderRipple(){return this.shouldRenderRipple?c.x`<mwc-ripple primary
|
216
|
-
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"></mwc-ripple>`:""}createAdapter(){return Object.assign(Object.assign({},v.addHasRemoveClass(this.mdcRoot)),{setAttr:(t,
|
216
|
+
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"></mwc-ripple>`:""}createAdapter(){return Object.assign(Object.assign({},v.addHasRemoveClass(this.mdcRoot)),{setAttr:(t,n)=>this.mdcRoot.setAttribute(t,n),activateIndicator:async t=>{await this.tabIndicator.updateComplete,this.tabIndicator.activate(t)},deactivateIndicator:async()=>{await this.tabIndicator.updateComplete,this.tabIndicator.deactivate()},notifyInteracted:()=>this.dispatchEvent(new CustomEvent(g.strings.INTERACTED_EVENT,{detail:{tabId:this.id},bubbles:!0,composed:!0,cancelable:!0})),getOffsetLeft:()=>this.offsetLeft,getOffsetWidth:()=>this.mdcRoot.offsetWidth,getContentOffsetLeft:()=>this._contentElement.offsetLeft,getContentOffsetWidth:()=>this._contentElement.offsetWidth,focus:()=>{this.initFocus?this.initFocus=!1:this.mdcRoot.focus()}})}activate(t){t||(this.initFocus=!0),this.mdcFoundation?(this.mdcFoundation.activate(t),this.setActive(this.mdcFoundation.isActive())):this.updateComplete.then(()=>{this.mdcFoundation.activate(t),this.setActive(this.mdcFoundation.isActive())})}deactivate(){this.mdcFoundation.deactivate(),this.setActive(this.mdcFoundation.isActive())}setActive(t){const n=this.active;n!==t&&(this._active=t,this.requestUpdate("active",n))}computeDimensions(){return this.mdcFoundation.computeDimensions()}computeIndicatorClientRect(){return this.tabIndicator.computeContentClientRect()}focus(){this.mdcRoot.focus(),this.handleFocus()}handleClick(){this.handleFocus(),this.mdcFoundation.handleClick()}handleFocus(){this.handleRippleFocus()}handleBlur(){this.handleRippleBlur()}handleRippleMouseDown(t){const n=()=>{window.removeEventListener("mouseup",n),this.handleRippleDeactivate()};window.addEventListener("mouseup",n),this.rippleHandlers.startPress(t)}handleRippleTouchStart(t){this.rippleHandlers.startPress(t)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}get isRippleActive(){var t;return((t=this.rippleElement)===null||t===void 0?void 0:t.isActive)||!1}}i.shadowRootOptions={mode:"open",delegatesFocus:!0};a.__decorate([p.i(".mdc-tab")],i.prototype,"mdcRoot",void 0);a.__decorate([p.i("mwc-tab-indicator")],i.prototype,"tabIndicator",void 0);a.__decorate([o.n()],i.prototype,"label",void 0);a.__decorate([o.n()],i.prototype,"icon",void 0);a.__decorate([o.n({type:Boolean})],i.prototype,"hasImageIcon",void 0);a.__decorate([o.n({type:Boolean})],i.prototype,"isFadingIndicator",void 0);a.__decorate([o.n({type:Boolean})],i.prototype,"minWidth",void 0);a.__decorate([o.n({type:Boolean})],i.prototype,"isMinWidthIndicator",void 0);a.__decorate([o.n({type:Boolean,reflect:!0,attribute:"active"})],i.prototype,"active",null);a.__decorate([o.n()],i.prototype,"indicatorIcon",void 0);a.__decorate([o.n({type:Boolean})],i.prototype,"stacked",void 0);a.__decorate([x.observer(async function(e){await this.updateComplete,this.mdcFoundation.setFocusOnActivate(e)}),o.n({type:Boolean})],i.prototype,"focusOnActivate",void 0);a.__decorate([p.i(".mdc-tab__content")],i.prototype,"_contentElement",void 0);a.__decorate([C.t()],i.prototype,"shouldRenderRipple",void 0);a.__decorate([C.t()],i.prototype,"useStateLayerCustomProperties",void 0);a.__decorate([y.e("mwc-ripple")],i.prototype,"ripple",void 0);a.__decorate([I.e({passive:!0})],i.prototype,"handleRippleTouchStart",null);/**
|
217
217
|
* @license
|
218
218
|
* Copyright 2021 Google LLC
|
219
219
|
* SPDX-LIcense-Identifier: Apache-2.0
|
220
|
-
*/const z=c.i`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase);position:relative}.mdc-tab .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mdc-tab .mdc-tab__icon{color:rgba(0, 0, 0, 0.54);fill:currentColor}.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:8px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc( 100% + -12px );width:calc( 100% + -8px );margin-top:-2px;z-index:2}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring::after{content:"";border:2px solid transparent;border-radius:10px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring::after{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:8px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc( 100% + -8px );width:calc( 100% + -8px );z-index:2}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring::after{content:"";border:2px solid transparent;border-radius:10px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring::after{border-color:CanvasText}}.mdc-tab__content{position:relative}.mdc-tab__icon{width:24px;height:24px;font-size:24px}.mdc-tab--active .mdc-tab__text-label{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-tab--active .mdc-tab__icon{color:#6200ee;color:var(--mdc-theme-primary, #6200ee);fill:currentColor}.mdc-tab{background:none}.mdc-tab{min-width:90px;padding-right:24px;padding-left:24px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1}.mdc-tab::-moz-focus-inner{padding:0;border:0}.mdc-tab--min-width{flex:0 1 auto}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:150ms color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab__icon{transition:150ms color linear;z-index:2}.mdc-tab--stacked .mdc-tab__content{flex-direction:column;align-items:center;justify-content:center}.mdc-tab--stacked .mdc-tab__text-label{padding-top:6px;padding-bottom:4px}.mdc-tab--active .mdc-tab__text-label,.mdc-tab--active .mdc-tab__icon{transition-delay:100ms}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}@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}}.mdc-tab{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-tab .mdc-tab__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-tab .mdc-tab__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-tab:hover .mdc-tab__ripple::before,.mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after{transition:opacity 150ms linear}.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-tab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-tab__ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform,opacity}:host{outline:none;flex:1 0 auto;display:flex;justify-content:center;-webkit-tap-highlight-color:transparent}.mdc-tab{height:var(--mdc-tab-height, 48px);margin-left:0;margin-right:0;padding-right:var(--mdc-tab-horizontal-padding, 24px);padding-left:var(--mdc-tab-horizontal-padding, 24px)}.mdc-tab--stacked{height:var(--mdc-tab-stacked-height, 72px)}.mdc-tab::-moz-focus-inner{border:0}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}.mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label{color:var(--mdc-tab-text-label-color-default, rgba(0, 0, 0, 0.6))}.mdc-tab:not(.mdc-tab--active) .mdc-tab__icon{color:var(--mdc-tab-color-default, rgba(0, 0, 0, 0.54))}`;exports.TabBase=
|
220
|
+
*/const z=c.i`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase);position:relative}.mdc-tab .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mdc-tab .mdc-tab__icon{color:rgba(0, 0, 0, 0.54);fill:currentColor}.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:8px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc( 100% + -12px );width:calc( 100% + -8px );margin-top:-2px;z-index:2}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring::after{content:"";border:2px solid transparent;border-radius:10px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring::after{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:8px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc( 100% + -8px );width:calc( 100% + -8px );z-index:2}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring::after{content:"";border:2px solid transparent;border-radius:10px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring::after{border-color:CanvasText}}.mdc-tab__content{position:relative}.mdc-tab__icon{width:24px;height:24px;font-size:24px}.mdc-tab--active .mdc-tab__text-label{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-tab--active .mdc-tab__icon{color:#6200ee;color:var(--mdc-theme-primary, #6200ee);fill:currentColor}.mdc-tab{background:none}.mdc-tab{min-width:90px;padding-right:24px;padding-left:24px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1}.mdc-tab::-moz-focus-inner{padding:0;border:0}.mdc-tab--min-width{flex:0 1 auto}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:150ms color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab__icon{transition:150ms color linear;z-index:2}.mdc-tab--stacked .mdc-tab__content{flex-direction:column;align-items:center;justify-content:center}.mdc-tab--stacked .mdc-tab__text-label{padding-top:6px;padding-bottom:4px}.mdc-tab--active .mdc-tab__text-label,.mdc-tab--active .mdc-tab__icon{transition-delay:100ms}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}@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}}.mdc-tab{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-tab .mdc-tab__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-tab .mdc-tab__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-tab:hover .mdc-tab__ripple::before,.mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after{transition:opacity 150ms linear}.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-tab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-tab__ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform,opacity}:host{outline:none;flex:1 0 auto;display:flex;justify-content:center;-webkit-tap-highlight-color:transparent}.mdc-tab{height:var(--mdc-tab-height, 48px);margin-left:0;margin-right:0;padding-right:var(--mdc-tab-horizontal-padding, 24px);padding-left:var(--mdc-tab-horizontal-padding, 24px)}.mdc-tab--stacked{height:var(--mdc-tab-stacked-height, 72px)}.mdc-tab::-moz-focus-inner{border:0}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}.mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label{color:var(--mdc-tab-text-label-color-default, rgba(0, 0, 0, 0.6))}.mdc-tab:not(.mdc-tab--active) .mdc-tab__icon{color:var(--mdc-tab-color-default, rgba(0, 0, 0, 0.54))}`;exports.TabBase=i;exports.styles=z;
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import {
|
2
|
-
import { n as
|
3
|
-
import { x as
|
4
|
-
import { B as _ } from "./base-element-
|
5
|
-
import { a as
|
6
|
-
import { i as g } from "./query-
|
7
|
-
import { o as h } from "./class-map-
|
1
|
+
import { _ as f, a as u, b as s } from "./tslib.es6-CISSdiiH.mjs";
|
2
|
+
import { n as a } from "./property-DJzm_oB9.mjs";
|
3
|
+
import { x as l } from "./query-assigned-elements-DhyCP_2z.mjs";
|
4
|
+
import { B as _ } from "./base-element-CzNmpVoz.mjs";
|
5
|
+
import { a as S, s as A } from "./utils-Dr5MegQq.mjs";
|
6
|
+
import { i as g } from "./query-DSO61t36.mjs";
|
7
|
+
import { o as h } from "./class-map-BHl5MHd7.mjs";
|
8
8
|
/**
|
9
9
|
* @license
|
10
10
|
* Copyright 2018 Google Inc.
|
@@ -27,13 +27,13 @@ import { o as h } from "./class-map-C1SJpero.mjs";
|
|
27
27
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
28
28
|
* THE SOFTWARE.
|
29
29
|
*/
|
30
|
-
var
|
30
|
+
var y = {
|
31
31
|
FIXED_CLASS: "mdc-top-app-bar--fixed",
|
32
32
|
FIXED_SCROLLED_CLASS: "mdc-top-app-bar--fixed-scrolled",
|
33
33
|
SHORT_CLASS: "mdc-top-app-bar--short",
|
34
34
|
SHORT_COLLAPSED_CLASS: "mdc-top-app-bar--short-collapsed",
|
35
35
|
SHORT_HAS_ACTION_ITEM_CLASS: "mdc-top-app-bar--short-has-action-item"
|
36
|
-
},
|
36
|
+
}, c = {
|
37
37
|
DEBOUNCE_THROTTLE_RESIZE_TIME_MS: 100,
|
38
38
|
MAX_TOP_APP_BAR_HEIGHT: 128
|
39
39
|
}, T = {
|
@@ -65,7 +65,7 @@ var v = {
|
|
65
65
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
66
66
|
* THE SOFTWARE.
|
67
67
|
*/
|
68
|
-
var
|
68
|
+
var B = (
|
69
69
|
/** @class */
|
70
70
|
function() {
|
71
71
|
function r(e) {
|
@@ -122,7 +122,7 @@ var y = (
|
|
122
122
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
123
123
|
* THE SOFTWARE.
|
124
124
|
*/
|
125
|
-
var
|
125
|
+
var v = (
|
126
126
|
/** @class */
|
127
127
|
function(r) {
|
128
128
|
f(e, r);
|
@@ -137,13 +137,13 @@ var B = (
|
|
137
137
|
configurable: !0
|
138
138
|
}), Object.defineProperty(e, "cssClasses", {
|
139
139
|
get: function() {
|
140
|
-
return
|
140
|
+
return y;
|
141
141
|
},
|
142
142
|
enumerable: !1,
|
143
143
|
configurable: !0
|
144
144
|
}), Object.defineProperty(e, "numbers", {
|
145
145
|
get: function() {
|
146
|
-
return
|
146
|
+
return c;
|
147
147
|
},
|
148
148
|
enumerable: !1,
|
149
149
|
configurable: !0
|
@@ -182,7 +182,7 @@ var B = (
|
|
182
182
|
}, e.prototype.handleNavigationClick = function() {
|
183
183
|
this.adapter.notifyNavigationIconClicked();
|
184
184
|
}, e;
|
185
|
-
}(
|
185
|
+
}(B)
|
186
186
|
);
|
187
187
|
/**
|
188
188
|
* @license
|
@@ -206,13 +206,13 @@ var B = (
|
|
206
206
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
207
207
|
* THE SOFTWARE.
|
208
208
|
*/
|
209
|
-
var
|
209
|
+
var o = 0, C = (
|
210
210
|
/** @class */
|
211
211
|
function(r) {
|
212
212
|
f(e, r);
|
213
213
|
function e(t) {
|
214
214
|
var i = r.call(this, t) || this;
|
215
|
-
return i.wasDocked = !0, i.isDockedShowing = !0, i.currentAppBarOffsetTop = 0, i.isCurrentlyBeingResized = !1, i.resizeThrottleId =
|
215
|
+
return i.wasDocked = !0, i.isDockedShowing = !0, i.currentAppBarOffsetTop = 0, i.isCurrentlyBeingResized = !1, i.resizeThrottleId = o, i.resizeDebounceId = o, i.lastScrollPosition = i.adapter.getViewportScrollY(), i.topAppBarHeight = i.adapter.getTopAppBarHeight(), i;
|
216
216
|
}
|
217
217
|
return e.prototype.destroy = function() {
|
218
218
|
r.prototype.destroy.call(this), this.adapter.setStyle("top", "");
|
@@ -222,37 +222,37 @@ var n = 0, O = (
|
|
222
222
|
}, e.prototype.handleWindowResize = function() {
|
223
223
|
var t = this;
|
224
224
|
this.resizeThrottleId || (this.resizeThrottleId = setTimeout(function() {
|
225
|
-
t.resizeThrottleId =
|
226
|
-
},
|
227
|
-
t.handleTargetScroll(), t.isCurrentlyBeingResized = !1, t.resizeDebounceId =
|
228
|
-
},
|
225
|
+
t.resizeThrottleId = o, t.throttledResizeHandler();
|
226
|
+
}, c.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)), this.isCurrentlyBeingResized = !0, this.resizeDebounceId && clearTimeout(this.resizeDebounceId), this.resizeDebounceId = setTimeout(function() {
|
227
|
+
t.handleTargetScroll(), t.isCurrentlyBeingResized = !1, t.resizeDebounceId = o;
|
228
|
+
}, c.DEBOUNCE_THROTTLE_RESIZE_TIME_MS);
|
229
229
|
}, e.prototype.checkForUpdate = function() {
|
230
|
-
var t = -this.topAppBarHeight, i = this.currentAppBarOffsetTop < 0,
|
230
|
+
var t = -this.topAppBarHeight, i = this.currentAppBarOffsetTop < 0, p = this.currentAppBarOffsetTop > t, d = i && p;
|
231
231
|
if (d)
|
232
232
|
this.wasDocked = !1;
|
233
233
|
else if (this.wasDocked) {
|
234
|
-
if (this.isDockedShowing !==
|
235
|
-
return this.isDockedShowing =
|
234
|
+
if (this.isDockedShowing !== p)
|
235
|
+
return this.isDockedShowing = p, !0;
|
236
236
|
} else return this.wasDocked = !0, !0;
|
237
237
|
return d;
|
238
238
|
}, e.prototype.moveTopAppBar = function() {
|
239
239
|
if (this.checkForUpdate()) {
|
240
240
|
var t = this.currentAppBarOffsetTop;
|
241
|
-
Math.abs(t) >= this.topAppBarHeight && (t = -
|
241
|
+
Math.abs(t) >= this.topAppBarHeight && (t = -128), this.adapter.setStyle("top", t + "px");
|
242
242
|
}
|
243
243
|
}, e.prototype.throttledResizeHandler = function() {
|
244
244
|
var t = this.adapter.getTopAppBarHeight();
|
245
245
|
this.topAppBarHeight !== t && (this.wasDocked = !1, this.currentAppBarOffsetTop -= this.topAppBarHeight - t, this.topAppBarHeight = t), this.handleTargetScroll();
|
246
246
|
}, e;
|
247
|
-
}(
|
247
|
+
}(v)
|
248
248
|
);
|
249
249
|
/**
|
250
250
|
* @license
|
251
251
|
* Copyright 2019 Google LLC
|
252
252
|
* SPDX-License-Identifier: Apache-2.0
|
253
253
|
*/
|
254
|
-
const m =
|
255
|
-
class
|
254
|
+
const m = A ? { passive: !0 } : void 0;
|
255
|
+
class n extends _ {
|
256
256
|
constructor() {
|
257
257
|
super(...arguments), this.centerTitle = !1, this.handleTargetScroll = () => {
|
258
258
|
this.mdcFoundation.handleTargetScroll();
|
@@ -275,8 +275,8 @@ class o extends _ {
|
|
275
275
|
}
|
276
276
|
}
|
277
277
|
render() {
|
278
|
-
let e =
|
279
|
-
return this.centerTitle && (e =
|
278
|
+
let e = l`<span class="mdc-top-app-bar__title"><slot name="title"></slot></span>`;
|
279
|
+
return this.centerTitle && (e = l`<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-center">${e}</section>`), l`
|
280
280
|
<header class="mdc-top-app-bar ${h(this.barClasses())}">
|
281
281
|
<div class="mdc-top-app-bar__row">
|
282
282
|
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start" id="navigation">
|
@@ -296,7 +296,7 @@ class o extends _ {
|
|
296
296
|
`;
|
297
297
|
}
|
298
298
|
createAdapter() {
|
299
|
-
return Object.assign(Object.assign({},
|
299
|
+
return Object.assign(Object.assign({}, S(this.mdcRoot)), { setStyle: (e, t) => this.mdcRoot.style.setProperty(e, t), getTopAppBarHeight: () => this.mdcRoot.clientHeight, notifyNavigationIconClicked: () => {
|
300
300
|
this.dispatchEvent(new Event(T.NAVIGATION_EVENT, { bubbles: !0, cancelable: !0 }));
|
301
301
|
}, getViewportScrollY: () => this.scrollTarget instanceof Window ? this.scrollTarget.pageYOffset : this.scrollTarget.scrollTop, getTotalActionItems: () => this._actionItemsSlot.assignedNodes({ flatten: !0 }).length });
|
302
302
|
}
|
@@ -321,24 +321,24 @@ class o extends _ {
|
|
321
321
|
}
|
322
322
|
s([
|
323
323
|
g(".mdc-top-app-bar")
|
324
|
-
],
|
324
|
+
], n.prototype, "mdcRoot", void 0);
|
325
325
|
s([
|
326
326
|
g('slot[name="actionItems"]')
|
327
|
-
],
|
327
|
+
], n.prototype, "_actionItemsSlot", void 0);
|
328
328
|
s([
|
329
|
-
|
330
|
-
],
|
329
|
+
a({ type: Boolean })
|
330
|
+
], n.prototype, "centerTitle", void 0);
|
331
331
|
s([
|
332
|
-
|
333
|
-
],
|
332
|
+
a({ type: Object })
|
333
|
+
], n.prototype, "scrollTarget", null);
|
334
334
|
/**
|
335
335
|
* @license
|
336
336
|
* Copyright 2018 Google LLC
|
337
337
|
* SPDX-License-Identifier: Apache-2.0
|
338
338
|
*/
|
339
|
-
class b extends
|
339
|
+
class b extends n {
|
340
340
|
constructor() {
|
341
|
-
super(...arguments), this.mdcFoundationClass =
|
341
|
+
super(...arguments), this.mdcFoundationClass = C, this.prominent = !1, this.dense = !1, this.handleResize = () => {
|
342
342
|
this.mdcFoundation.handleWindowResize();
|
343
343
|
};
|
344
344
|
}
|
@@ -365,10 +365,10 @@ class b extends o {
|
|
365
365
|
}
|
366
366
|
}
|
367
367
|
s([
|
368
|
-
|
368
|
+
a({ type: Boolean, reflect: !0 })
|
369
369
|
], b.prototype, "prominent", void 0);
|
370
370
|
s([
|
371
|
-
|
371
|
+
a({ type: Boolean, reflect: !0 })
|
372
372
|
], b.prototype, "dense", void 0);
|
373
373
|
export {
|
374
374
|
b as T,
|
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";const i=require("./tslib.es6-CHeFCc6E.js"),
|
1
|
+
"use strict";const i=require("./tslib.es6-CHeFCc6E.js"),a=require("./property-BRKnMYJe.js"),c=require("./query-assigned-elements-BQszEgac.js"),_=require("./base-element-5ZU-p99q.js"),g=require("./utils-wMBJ9n_n.js"),T=require("./query-BvlE-gMJ.js"),f=require("./class-map-PsUYVqvf.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2018 Google Inc.
|
4
4
|
*
|
@@ -19,7 +19,7 @@
|
|
19
19
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
20
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
21
|
* THE SOFTWARE.
|
22
|
-
*/var b={FIXED_CLASS:"mdc-top-app-bar--fixed",FIXED_SCROLLED_CLASS:"mdc-top-app-bar--fixed-scrolled",SHORT_CLASS:"mdc-top-app-bar--short",SHORT_COLLAPSED_CLASS:"mdc-top-app-bar--short-collapsed",SHORT_HAS_ACTION_ITEM_CLASS:"mdc-top-app-bar--short-has-action-item"},
|
22
|
+
*/var b={FIXED_CLASS:"mdc-top-app-bar--fixed",FIXED_SCROLLED_CLASS:"mdc-top-app-bar--fixed-scrolled",SHORT_CLASS:"mdc-top-app-bar--short",SHORT_COLLAPSED_CLASS:"mdc-top-app-bar--short-collapsed",SHORT_HAS_ACTION_ITEM_CLASS:"mdc-top-app-bar--short-has-action-item"},l={DEBOUNCE_THROTTLE_RESIZE_TIME_MS:100,MAX_TOP_APP_BAR_HEIGHT:128},m={ACTION_ITEM_SELECTOR:".mdc-top-app-bar__action-item",NAVIGATION_EVENT:"MDCTopAppBar:nav",NAVIGATION_ICON_SELECTOR:".mdc-top-app-bar__navigation-icon",ROOT_SELECTOR:".mdc-top-app-bar",TITLE_SELECTOR:".mdc-top-app-bar__title"};/**
|
23
23
|
* @license
|
24
24
|
* Copyright 2016 Google Inc.
|
25
25
|
*
|
@@ -61,7 +61,7 @@
|
|
61
61
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
62
62
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
63
63
|
* THE SOFTWARE.
|
64
|
-
*/var S=function(r){i.__extends(e,r);function e(t){return r.call(this,i.__assign(i.__assign({},e.defaultAdapter),t))||this}return Object.defineProperty(e,"strings",{get:function(){return
|
64
|
+
*/var S=function(r){i.__extends(e,r);function e(t){return r.call(this,i.__assign(i.__assign({},e.defaultAdapter),t))||this}return Object.defineProperty(e,"strings",{get:function(){return m},enumerable:!1,configurable:!0}),Object.defineProperty(e,"cssClasses",{get:function(){return b},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return l},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setStyle:function(){},getTopAppBarHeight:function(){return 0},notifyNavigationIconClicked:function(){},getViewportScrollY:function(){return 0},getTotalActionItems:function(){return 0}}},enumerable:!1,configurable:!0}),e.prototype.handleTargetScroll=function(){},e.prototype.handleWindowResize=function(){},e.prototype.handleNavigationClick=function(){this.adapter.notifyNavigationIconClicked()},e}(A);/**
|
65
65
|
* @license
|
66
66
|
* Copyright 2018 Google Inc.
|
67
67
|
*
|
@@ -82,11 +82,11 @@
|
|
82
82
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
83
83
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
84
84
|
* THE SOFTWARE.
|
85
|
-
*/var o=0,
|
85
|
+
*/var o=0,y=function(r){i.__extends(e,r);function e(t){var s=r.call(this,t)||this;return s.wasDocked=!0,s.isDockedShowing=!0,s.currentAppBarOffsetTop=0,s.isCurrentlyBeingResized=!1,s.resizeThrottleId=o,s.resizeDebounceId=o,s.lastScrollPosition=s.adapter.getViewportScrollY(),s.topAppBarHeight=s.adapter.getTopAppBarHeight(),s}return e.prototype.destroy=function(){r.prototype.destroy.call(this),this.adapter.setStyle("top","")},e.prototype.handleTargetScroll=function(){var t=Math.max(this.adapter.getViewportScrollY(),0),s=t-this.lastScrollPosition;this.lastScrollPosition=t,this.isCurrentlyBeingResized||(this.currentAppBarOffsetTop-=s,this.currentAppBarOffsetTop>0?this.currentAppBarOffsetTop=0:Math.abs(this.currentAppBarOffsetTop)>this.topAppBarHeight&&(this.currentAppBarOffsetTop=-this.topAppBarHeight),this.moveTopAppBar())},e.prototype.handleWindowResize=function(){var t=this;this.resizeThrottleId||(this.resizeThrottleId=setTimeout(function(){t.resizeThrottleId=o,t.throttledResizeHandler()},l.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)),this.isCurrentlyBeingResized=!0,this.resizeDebounceId&&clearTimeout(this.resizeDebounceId),this.resizeDebounceId=setTimeout(function(){t.handleTargetScroll(),t.isCurrentlyBeingResized=!1,t.resizeDebounceId=o},l.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)},e.prototype.checkForUpdate=function(){var t=-this.topAppBarHeight,s=this.currentAppBarOffsetTop<0,p=this.currentAppBarOffsetTop>t,h=s&&p;if(h)this.wasDocked=!1;else if(this.wasDocked){if(this.isDockedShowing!==p)return this.isDockedShowing=p,!0}else return this.wasDocked=!0,!0;return h},e.prototype.moveTopAppBar=function(){if(this.checkForUpdate()){var t=this.currentAppBarOffsetTop;Math.abs(t)>=this.topAppBarHeight&&(t=-128),this.adapter.setStyle("top",t+"px")}},e.prototype.throttledResizeHandler=function(){var t=this.adapter.getTopAppBarHeight();this.topAppBarHeight!==t&&(this.wasDocked=!1,this.currentAppBarOffsetTop-=this.topAppBarHeight-t,this.topAppBarHeight=t),this.handleTargetScroll()},e}(S);/**
|
86
86
|
* @license
|
87
87
|
* Copyright 2019 Google LLC
|
88
88
|
* SPDX-License-Identifier: Apache-2.0
|
89
|
-
*/const d=g.supportsPassiveEventListener?{passive:!0}:void 0;class n extends
|
89
|
+
*/const d=g.supportsPassiveEventListener?{passive:!0}:void 0;class n extends _.BaseElement{constructor(){super(...arguments),this.centerTitle=!1,this.handleTargetScroll=()=>{this.mdcFoundation.handleTargetScroll()},this.handleNavigationClick=()=>{this.mdcFoundation.handleNavigationClick()}}get scrollTarget(){return this._scrollTarget||window}set scrollTarget(e){this.unregisterScrollListener();const t=this.scrollTarget;this._scrollTarget=e,this.updateRootPosition(),this.requestUpdate("scrollTarget",t),this.registerScrollListener()}updateRootPosition(){if(this.mdcRoot){const e=this.scrollTarget===window;this.mdcRoot.style.position=e?"":"absolute"}}render(){let e=c.x`<span class="mdc-top-app-bar__title"><slot name="title"></slot></span>`;return this.centerTitle&&(e=c.x`<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-center">${e}</section>`),c.x`
|
90
90
|
<header class="mdc-top-app-bar ${f.o(this.barClasses())}">
|
91
91
|
<div class="mdc-top-app-bar__row">
|
92
92
|
<section class="mdc-top-app-bar__section mdc-top-app-bar__section--align-start" id="navigation">
|
@@ -103,8 +103,8 @@
|
|
103
103
|
<div class="${f.o(this.contentClasses())}">
|
104
104
|
<slot></slot>
|
105
105
|
</div>
|
106
|
-
`}createAdapter(){return Object.assign(Object.assign({},g.addHasRemoveClass(this.mdcRoot)),{setStyle:(e,t)=>this.mdcRoot.style.setProperty(e,t),getTopAppBarHeight:()=>this.mdcRoot.clientHeight,notifyNavigationIconClicked:()=>{this.dispatchEvent(new Event(
|
106
|
+
`}createAdapter(){return Object.assign(Object.assign({},g.addHasRemoveClass(this.mdcRoot)),{setStyle:(e,t)=>this.mdcRoot.style.setProperty(e,t),getTopAppBarHeight:()=>this.mdcRoot.clientHeight,notifyNavigationIconClicked:()=>{this.dispatchEvent(new Event(m.NAVIGATION_EVENT,{bubbles:!0,cancelable:!0}))},getViewportScrollY:()=>this.scrollTarget instanceof Window?this.scrollTarget.pageYOffset:this.scrollTarget.scrollTop,getTotalActionItems:()=>this._actionItemsSlot.assignedNodes({flatten:!0}).length})}registerListeners(){this.registerScrollListener()}unregisterListeners(){this.unregisterScrollListener()}registerScrollListener(){this.scrollTarget.addEventListener("scroll",this.handleTargetScroll,d)}unregisterScrollListener(){this.scrollTarget.removeEventListener("scroll",this.handleTargetScroll)}firstUpdated(){super.firstUpdated(),this.updateRootPosition(),this.registerListeners()}disconnectedCallback(){super.disconnectedCallback(),this.unregisterListeners()}}i.__decorate([T.i(".mdc-top-app-bar")],n.prototype,"mdcRoot",void 0);i.__decorate([T.i('slot[name="actionItems"]')],n.prototype,"_actionItemsSlot",void 0);i.__decorate([a.n({type:Boolean})],n.prototype,"centerTitle",void 0);i.__decorate([a.n({type:Object})],n.prototype,"scrollTarget",null);/**
|
107
107
|
* @license
|
108
108
|
* Copyright 2018 Google LLC
|
109
109
|
* SPDX-License-Identifier: Apache-2.0
|
110
|
-
*/class u extends n{constructor(){super(...arguments),this.mdcFoundationClass=
|
110
|
+
*/class u extends n{constructor(){super(...arguments),this.mdcFoundationClass=y,this.prominent=!1,this.dense=!1,this.handleResize=()=>{this.mdcFoundation.handleWindowResize()}}barClasses(){return{"mdc-top-app-bar--dense":this.dense,"mdc-top-app-bar--prominent":this.prominent,"center-title":this.centerTitle}}contentClasses(){return{"mdc-top-app-bar--fixed-adjust":!this.dense&&!this.prominent,"mdc-top-app-bar--dense-fixed-adjust":this.dense&&!this.prominent,"mdc-top-app-bar--prominent-fixed-adjust":!this.dense&&this.prominent,"mdc-top-app-bar--dense-prominent-fixed-adjust":this.dense&&this.prominent}}registerListeners(){super.registerListeners(),window.addEventListener("resize",this.handleResize,d)}unregisterListeners(){super.unregisterListeners(),window.removeEventListener("resize",this.handleResize)}}i.__decorate([a.n({type:Boolean,reflect:!0})],u.prototype,"prominent",void 0);i.__decorate([a.n({type:Boolean,reflect:!0})],u.prototype,"dense",void 0);exports.TopAppBarBase=u;exports.passiveEventOptionsIfSupported=d;
|