@covalent/components 8.2.0-beta.1 → 8.2.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/action-ribbon.js +3 -2
- package/action-ribbon.mjs +10 -9
- package/alert.js +3 -2
- package/alert.mjs +10 -9
- package/app-shell.js +2 -1
- package/app-shell.mjs +20 -19
- package/{base-element-atp_8bvP.js → base-element-58a3f9ea.js} +1 -1
- package/{base-element--jaKdI-8.mjs → base-element-67ae173f.mjs} +2 -2
- package/button.js +3 -2
- package/button.mjs +16 -15
- package/card.js +3 -2
- package/card.mjs +5 -4
- package/check-list-item.js +15 -11
- package/check-list-item.mjs +68 -62
- package/checkbox.js +2 -1
- package/checkbox.mjs +25 -23
- package/circular-progress.js +1 -1
- package/circular-progress.mjs +7 -7
- package/{class-map-YPXv0Hj4.mjs → class-map-4b94b017.mjs} +1 -1
- package/{class-map-wtcW44Of.js → class-map-b5efe8da.js} +1 -1
- package/code-snippet-2137b11c.js +13 -0
- package/code-snippet-ccca324f.mjs +12278 -0
- package/code-snippet.js +1 -12
- package/code-snippet.mjs +7 -12251
- package/{dialog-tIMorfuj.mjs → dialog-3ca1b701.mjs} +62 -60
- package/{dialog-SpbwRuWY.js → dialog-82b03745.js} +7 -6
- package/dialog.js +1 -1
- package/dialog.mjs +10 -10
- package/{directive-helpers--rJ2jf3N.js → directive-helpers-0ce1f995.js} +1 -1
- package/{directive-helpers-9566lOOl.mjs → directive-helpers-e3ea6592.mjs} +1 -1
- package/drawer.js +3 -2
- package/drawer.mjs +12 -11
- package/empty-state.js +2 -1
- package/empty-state.mjs +6 -5
- package/{event-options-2TJPtsKy.js → event-options-3f5eb195.js} +1 -1
- package/{event-options-0xzSdemG.mjs → event-options-78d6cf94.mjs} +1 -1
- package/{form-element-5s8gft-A.js → form-element-c553d6f5.js} +1 -1
- package/{form-element-gM33WEq3.mjs → form-element-ffcf59ff.mjs} +4 -4
- package/{foundation-3Wg80pI7.mjs → foundation-39dc72d2.mjs} +1 -1
- package/{foundation-1Vzfdey_.js → foundation-786bf879.js} +1 -1
- package/icon-button.js +3 -2
- package/icon-button.mjs +15 -14
- package/icon-check-toggle.js +5 -4
- package/icon-check-toggle.mjs +24 -22
- package/icon-radio-toggle.js +5 -4
- package/icon-radio-toggle.mjs +27 -25
- package/icon.js +5 -1
- package/icon.mjs +21 -15
- package/{if-defined-BH_l2PVl.mjs → if-defined-c367f208.mjs} +1 -1
- package/{if-defined-lAIUwAsA.js → if-defined-f1c45245.js} +1 -1
- package/index.js +560 -1
- package/index.mjs +3654 -124
- package/{inert.esm-vhZXthJr.mjs → inert.esm-359d4581.mjs} +1 -1
- package/linear-progress.js +3 -2
- package/linear-progress.mjs +13 -12
- package/{mwc-list-item.css-d-SHhq7Q.mjs → list-item-1fc0d619.mjs} +9 -199
- package/{mwc-list-item.css-yJ5bjNGc.js → list-item-209613bf.js} +6 -28
- package/list-item.js +3 -3
- package/list-item.mjs +25 -25
- package/list.js +8 -3
- package/list.mjs +37 -31
- package/menu.js +5 -1
- package/menu.mjs +34 -28
- package/mwc-checkbox-base-3d8c9549.js +41 -0
- package/mwc-checkbox-base-f10fd709.mjs +198 -0
- package/{mwc-checkbox.css-c44nPIEs.mjs → mwc-checkbox.css-8f4f1a9b.mjs} +3 -198
- package/{mwc-checkbox.css-JOD-Qh-9.js → mwc-checkbox.css-b3434429.js} +2 -42
- package/{mwc-drawer-base-8e_1aSuf.mjs → mwc-drawer-base-135de8a5.mjs} +26 -24
- package/{mwc-drawer-base-Fv3JVYPS.js → mwc-drawer-base-798b11f8.js} +5 -5
- package/{mwc-icon-eaW72Ei7.mjs → mwc-icon-bf656cf5.mjs} +5 -6
- package/{mwc-icon-r2y4-AXI.js → mwc-icon-f87639bc.js} +2 -2
- package/{mwc-line-ripple-directive-iRoAkPnW.js → mwc-line-ripple-directive-a6b39a3c.js} +1 -1
- package/{mwc-line-ripple-directive-Q_HMRGPE.mjs → mwc-line-ripple-directive-b24a914e.mjs} +6 -6
- package/mwc-list-base-400b00e2.js +111 -0
- package/{mwc-list.css-_OVL_dbR.mjs → mwc-list-base-76e37212.mjs} +212 -213
- package/mwc-list-item-base-297d86b0.js +28 -0
- package/mwc-list-item-base-fe4398c3.mjs +202 -0
- package/{mwc-menu.css-cKtc1ZD4.mjs → mwc-menu-base-c4bc88ea.mjs} +75 -74
- package/mwc-menu-base-c75ca473.js +190 -0
- package/mwc-radio-base-913e02e2.js +101 -0
- package/{mwc-radio.css-_lt-Vcvl.mjs → mwc-radio-base-a374fbd9.mjs} +117 -123
- package/mwc-radio.css-4e140252.js +5 -0
- package/mwc-radio.css-7454bb11.mjs +10 -0
- package/{mwc-slider.css-md7hPAE7.mjs → mwc-slider.css-8b6f275c.mjs} +11 -11
- package/{mwc-slider.css-lCfMVbO5.js → mwc-slider.css-c7107d94.js} +1 -1
- package/{mwc-tab.css-lT5vTf5I.mjs → mwc-tab-base-be0c887f.mjs} +123 -127
- package/{mwc-tab.css-q4Jsbyp5.js → mwc-tab-base-f28722aa.js} +22 -26
- package/{mwc-top-app-bar-base-nm6mdCR3.mjs → mwc-top-app-bar-base-55da3fe4.mjs} +13 -12
- package/{mwc-top-app-bar-base-8qOIX1me.js → mwc-top-app-bar-base-aec60f27.js} +3 -3
- package/nav-list-item.js +6 -5
- package/nav-list-item.mjs +38 -37
- package/package.json +1 -1
- package/{query-duvhtfSs.js → query-680f1868.js} +1 -1
- package/{query-assigned-nodes-1p7z6CEm.js → query-assigned-nodes-99eae71d.js} +1 -1
- package/{query-assigned-nodes-6yHI5ePh.mjs → query-assigned-nodes-df691e78.mjs} +1 -1
- package/{query-1WmuF6Bq.mjs → query-d843aa92.mjs} +1 -1
- package/radio-list-item.js +13 -9
- package/radio-list-item.mjs +64 -58
- package/radio.js +2 -1
- package/radio.mjs +25 -23
- package/{ripple-handlers-HeGhXgD2.js → ripple-handlers-5d5b21db.js} +8 -8
- package/{ripple-handlers-BwaZu9Ps.mjs → ripple-handlers-f37f21cf.mjs} +17 -16
- package/select.js +15 -10
- package/select.mjs +147 -139
- package/side-sheet.js +2 -1
- package/side-sheet.mjs +12 -11
- 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 +11 -10
- package/snackbar.mjs +36 -34
- package/{state-LqPxt99W.js → state-0974a8e5.js} +1 -1
- package/{state-inNZe6rL.mjs → state-b5e865db.mjs} +1 -1
- package/status-header-item.js +2 -1
- package/status-header-item.mjs +4 -3
- package/status-header.js +3 -2
- package/status-header.mjs +5 -4
- package/{style-map-66_3wrLx.js → style-map-88d2563f.js} +1 -1
- package/{style-map-8yp6DGeh.mjs → style-map-bc3ed3e0.mjs} +2 -2
- package/style.css +1 -1
- package/switch.js +3 -2
- package/switch.mjs +16 -15
- package/tab-bar.js +22 -18
- package/tab-bar.mjs +203 -195
- package/tab.js +6 -1
- package/tab.mjs +32 -26
- package/text-lockup.js +2 -1
- package/text-lockup.mjs +9 -8
- package/textarea.js +19 -15
- package/textarea.mjs +65 -59
- package/textfield-62e16cc2.js +133 -0
- package/textfield-63d1859a.mjs +932 -0
- package/textfield.js +7 -3
- package/textfield.mjs +36 -30
- package/toolbar.js +2 -1
- package/toolbar.mjs +10 -9
- package/tooltip.js +3 -2
- package/tooltip.mjs +10 -9
- package/{top-app-bar-qcW2ucE3.js → top-app-bar-a531c1b4.js} +3 -2
- package/{top-app-bar-h0V-USh_.mjs → top-app-bar-f83386e0.mjs} +3 -2
- package/top-app-bar-fixed.js +6 -6
- package/top-app-bar-fixed.mjs +28 -27
- package/top-app-bar.js +1 -1
- package/top-app-bar.mjs +9 -9
- package/tree-list-item.js +2 -1
- package/tree-list-item.mjs +7 -6
- package/tree-list.js +2 -1
- package/tree-list.mjs +3 -2
- package/{tslib.es6-S8SvF2K1.mjs → tslib.es6-f3e988cd.mjs} +5 -5
- package/typography.js +2 -1
- package/typography.mjs +4 -3
- package/_commonjsHelpers-ZPn_iTGj.mjs +0 -28
- package/_commonjsHelpers-fFrWAeZI.js +0 -1
- package/chip-M5Vb5Kd6.js +0 -492
- package/chip-m2mKzWQT.mjs +0 -3115
- package/chip-set.js +0 -75
- package/chip-set.mjs +0 -531
- package/chip.js +0 -1
- package/chip.mjs +0 -12
- package/expansion-panel-item.js +0 -24
- package/expansion-panel-item.mjs +0 -106
- package/expansion-panel.js +0 -7
- package/expansion-panel.mjs +0 -59
- package/formfield.js +0 -79
- package/formfield.mjs +0 -275
- package/list-item-F2e6aWaj.mjs +0 -11
- package/list-item-Ze98reWt.js +0 -5
- package/mwc-list.css-DjU8XB1m.js +0 -111
- package/mwc-menu.css-qavo4jer.js +0 -190
- package/mwc-radio.css-h_Wv0Eag.js +0 -105
- package/textfield-7aU1kEO6.mjs +0 -936
- package/textfield-jvevIGSw.js +0 -136
- /package/{aria-property-52VAcg_f.js → aria-property-849c8816.js} +0 -0
- /package/{aria-property-wYjPNXcK.mjs → aria-property-fa2717fe.mjs} +0 -0
- /package/{inert.esm-TSRtlTFV.js → inert.esm-2cee6f2e.js} +0 -0
- /package/{observer-LlGBroG9.js → observer-a096ab43.js} +0 -0
- /package/{observer-cKAgu-MI.mjs → observer-be7b92e2.mjs} +0 -0
- /package/{property-iZpLBvy-.js → property-57f6f6fe.js} +0 -0
- /package/{property-K7hFBmOi.mjs → property-9b6ea53b.mjs} +0 -0
- /package/{query-assigned-elements-yFWOzcsT.mjs → query-assigned-elements-4a39219d.mjs} +0 -0
- /package/{query-assigned-elements-j_5ZiL65.js → query-assigned-elements-f623705d.js} +0 -0
- /package/{tslib.es6-5xG0QhxF.js → tslib.es6-98719205.js} +0 -0
- /package/{utils-xAXEDL0Y.mjs → utils-2932417c.mjs} +0 -0
- /package/{utils-W3ENJhq-.js → utils-a8190a39.js} +0 -0
package/tab-bar.mjs
CHANGED
@@ -1,27 +1,33 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import { B as
|
5
|
-
import { e as
|
6
|
-
import { i as
|
7
|
-
import { a as
|
8
|
-
import { o as
|
9
|
-
import { n as
|
10
|
-
import "./class-map-
|
11
|
-
import "./ripple-handlers-
|
12
|
-
import "./state-
|
13
|
-
import "./style-map-
|
1
|
+
import { f as u, _ as g, a as S, e as P } from "./tslib.es6-f3e988cd.mjs";
|
2
|
+
import { i as R, e as x, x as I } from "./query-assigned-elements-4a39219d.mjs";
|
3
|
+
import { T as O } from "./mwc-tab-base-be0c887f.mjs";
|
4
|
+
import { B as w } from "./base-element-67ae173f.mjs";
|
5
|
+
import { e as D } from "./event-options-78d6cf94.mjs";
|
6
|
+
import { i as b } from "./query-d843aa92.mjs";
|
7
|
+
import { a as M } from "./utils-2932417c.mjs";
|
8
|
+
import { o as K } from "./observer-be7b92e2.mjs";
|
9
|
+
import { n as W } from "./property-9b6ea53b.mjs";
|
10
|
+
import "./class-map-4b94b017.mjs";
|
11
|
+
import "./ripple-handlers-f37f21cf.mjs";
|
12
|
+
import "./state-b5e865db.mjs";
|
13
|
+
import "./style-map-bc3ed3e0.mjs";
|
14
|
+
/**
|
15
|
+
* @license
|
16
|
+
* Copyright 2021 Google LLC
|
17
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
18
|
+
*/
|
19
|
+
const F = R`.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))}`;
|
14
20
|
/**
|
15
21
|
* @license
|
16
22
|
* Copyright 2018 Google LLC
|
17
23
|
* SPDX-License-Identifier: Apache-2.0
|
18
24
|
*/
|
19
|
-
let
|
25
|
+
let A = class extends O {
|
20
26
|
};
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
],
|
27
|
+
A.styles = [F];
|
28
|
+
A = u([
|
29
|
+
x("mwc-tab")
|
30
|
+
], A);
|
25
31
|
/**
|
26
32
|
* @license
|
27
33
|
* Copyright 2018 Google Inc.
|
@@ -44,9 +50,9 @@ R = f([
|
|
44
50
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
45
51
|
* THE SOFTWARE.
|
46
52
|
*/
|
47
|
-
function
|
48
|
-
var t =
|
49
|
-
return t.call(
|
53
|
+
function k(o, e) {
|
54
|
+
var t = o.matches || o.webkitMatchesSelector || o.msMatchesSelector;
|
55
|
+
return t.call(o, e);
|
50
56
|
}
|
51
57
|
/**
|
52
58
|
* @license
|
@@ -70,39 +76,39 @@ function Y(n, e) {
|
|
70
76
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
71
77
|
* THE SOFTWARE.
|
72
78
|
*/
|
73
|
-
var
|
79
|
+
var Y = (
|
74
80
|
/** @class */
|
75
81
|
function() {
|
76
|
-
function
|
82
|
+
function o(e) {
|
77
83
|
e === void 0 && (e = {}), this.adapter = e;
|
78
84
|
}
|
79
|
-
return Object.defineProperty(
|
85
|
+
return Object.defineProperty(o, "cssClasses", {
|
80
86
|
get: function() {
|
81
87
|
return {};
|
82
88
|
},
|
83
89
|
enumerable: !1,
|
84
90
|
configurable: !0
|
85
|
-
}), Object.defineProperty(
|
91
|
+
}), Object.defineProperty(o, "strings", {
|
86
92
|
get: function() {
|
87
93
|
return {};
|
88
94
|
},
|
89
95
|
enumerable: !1,
|
90
96
|
configurable: !0
|
91
|
-
}), Object.defineProperty(
|
97
|
+
}), Object.defineProperty(o, "numbers", {
|
92
98
|
get: function() {
|
93
99
|
return {};
|
94
100
|
},
|
95
101
|
enumerable: !1,
|
96
102
|
configurable: !0
|
97
|
-
}), Object.defineProperty(
|
103
|
+
}), Object.defineProperty(o, "defaultAdapter", {
|
98
104
|
get: function() {
|
99
105
|
return {};
|
100
106
|
},
|
101
107
|
enumerable: !1,
|
102
108
|
configurable: !0
|
103
|
-
}),
|
104
|
-
},
|
105
|
-
},
|
109
|
+
}), o.prototype.init = function() {
|
110
|
+
}, o.prototype.destroy = function() {
|
111
|
+
}, o;
|
106
112
|
}()
|
107
113
|
);
|
108
114
|
/**
|
@@ -127,11 +133,11 @@ var N = (
|
|
127
133
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
128
134
|
* THE SOFTWARE.
|
129
135
|
*/
|
130
|
-
var
|
136
|
+
var z = {
|
131
137
|
ANIMATING: "mdc-tab-scroller--animating",
|
132
138
|
SCROLL_AREA_SCROLL: "mdc-tab-scroller__scroll-area--scroll",
|
133
139
|
SCROLL_TEST: "mdc-tab-scroller__test"
|
134
|
-
},
|
140
|
+
}, N = {
|
135
141
|
AREA_SELECTOR: ".mdc-tab-scroller__scroll-area",
|
136
142
|
CONTENT_SELECTOR: ".mdc-tab-scroller__scroll-content"
|
137
143
|
};
|
@@ -159,11 +165,11 @@ var V = {
|
|
159
165
|
*/
|
160
166
|
var C = (
|
161
167
|
/** @class */
|
162
|
-
|
163
|
-
function
|
168
|
+
function() {
|
169
|
+
function o(e) {
|
164
170
|
this.adapter = e;
|
165
171
|
}
|
166
|
-
return
|
172
|
+
return o;
|
167
173
|
}()
|
168
174
|
);
|
169
175
|
/**
|
@@ -188,27 +194,27 @@ var C = (
|
|
188
194
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
189
195
|
* THE SOFTWARE.
|
190
196
|
*/
|
191
|
-
var
|
197
|
+
var V = (
|
192
198
|
/** @class */
|
193
|
-
function(
|
194
|
-
|
199
|
+
function(o) {
|
200
|
+
g(e, o);
|
195
201
|
function e() {
|
196
|
-
return
|
202
|
+
return o !== null && o.apply(this, arguments) || this;
|
197
203
|
}
|
198
204
|
return e.prototype.getScrollPositionRTL = function() {
|
199
205
|
var t = this.adapter.getScrollAreaScrollLeft(), r = this.calculateScrollEdges().right;
|
200
206
|
return Math.round(r - t);
|
201
207
|
}, e.prototype.scrollToRTL = function(t) {
|
202
|
-
var r = this.calculateScrollEdges(),
|
208
|
+
var r = this.calculateScrollEdges(), a = this.adapter.getScrollAreaScrollLeft(), n = this.clampScrollValue(r.right - t);
|
203
209
|
return {
|
204
|
-
finalScrollPosition:
|
205
|
-
scrollDelta:
|
210
|
+
finalScrollPosition: n,
|
211
|
+
scrollDelta: n - a
|
206
212
|
};
|
207
213
|
}, e.prototype.incrementScrollRTL = function(t) {
|
208
|
-
var r = this.adapter.getScrollAreaScrollLeft(),
|
214
|
+
var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(r - t);
|
209
215
|
return {
|
210
|
-
finalScrollPosition:
|
211
|
-
scrollDelta:
|
216
|
+
finalScrollPosition: a,
|
217
|
+
scrollDelta: a - r
|
212
218
|
};
|
213
219
|
}, e.prototype.getAnimatingScrollPosition = function(t) {
|
214
220
|
return t;
|
@@ -246,27 +252,27 @@ var j = (
|
|
246
252
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
247
253
|
* THE SOFTWARE.
|
248
254
|
*/
|
249
|
-
var
|
255
|
+
var j = (
|
250
256
|
/** @class */
|
251
|
-
function(
|
252
|
-
|
257
|
+
function(o) {
|
258
|
+
g(e, o);
|
253
259
|
function e() {
|
254
|
-
return
|
260
|
+
return o !== null && o.apply(this, arguments) || this;
|
255
261
|
}
|
256
262
|
return e.prototype.getScrollPositionRTL = function(t) {
|
257
263
|
var r = this.adapter.getScrollAreaScrollLeft();
|
258
264
|
return Math.round(t - r);
|
259
265
|
}, e.prototype.scrollToRTL = function(t) {
|
260
|
-
var r = this.adapter.getScrollAreaScrollLeft(),
|
266
|
+
var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(-t);
|
261
267
|
return {
|
262
|
-
finalScrollPosition:
|
263
|
-
scrollDelta:
|
268
|
+
finalScrollPosition: a,
|
269
|
+
scrollDelta: a - r
|
264
270
|
};
|
265
271
|
}, e.prototype.incrementScrollRTL = function(t) {
|
266
|
-
var r = this.adapter.getScrollAreaScrollLeft(),
|
272
|
+
var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(r - t);
|
267
273
|
return {
|
268
|
-
finalScrollPosition:
|
269
|
-
scrollDelta:
|
274
|
+
finalScrollPosition: a,
|
275
|
+
scrollDelta: a - r
|
270
276
|
};
|
271
277
|
}, e.prototype.getAnimatingScrollPosition = function(t, r) {
|
272
278
|
return t - r;
|
@@ -304,27 +310,27 @@ var B = (
|
|
304
310
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
305
311
|
* THE SOFTWARE.
|
306
312
|
*/
|
307
|
-
var
|
313
|
+
var H = (
|
308
314
|
/** @class */
|
309
|
-
function(
|
310
|
-
|
315
|
+
function(o) {
|
316
|
+
g(e, o);
|
311
317
|
function e() {
|
312
|
-
return
|
318
|
+
return o !== null && o.apply(this, arguments) || this;
|
313
319
|
}
|
314
320
|
return e.prototype.getScrollPositionRTL = function(t) {
|
315
321
|
var r = this.adapter.getScrollAreaScrollLeft();
|
316
322
|
return Math.round(r - t);
|
317
323
|
}, e.prototype.scrollToRTL = function(t) {
|
318
|
-
var r = this.adapter.getScrollAreaScrollLeft(),
|
324
|
+
var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(t);
|
319
325
|
return {
|
320
|
-
finalScrollPosition:
|
321
|
-
scrollDelta: r -
|
326
|
+
finalScrollPosition: a,
|
327
|
+
scrollDelta: r - a
|
322
328
|
};
|
323
329
|
}, e.prototype.incrementScrollRTL = function(t) {
|
324
|
-
var r = this.adapter.getScrollAreaScrollLeft(),
|
330
|
+
var r = this.adapter.getScrollAreaScrollLeft(), a = this.clampScrollValue(r + t);
|
325
331
|
return {
|
326
|
-
finalScrollPosition:
|
327
|
-
scrollDelta: r -
|
332
|
+
finalScrollPosition: a,
|
333
|
+
scrollDelta: r - a
|
328
334
|
};
|
329
335
|
}, e.prototype.getAnimatingScrollPosition = function(t, r) {
|
330
336
|
return t + r;
|
@@ -362,23 +368,23 @@ var X = (
|
|
362
368
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
363
369
|
* THE SOFTWARE.
|
364
370
|
*/
|
365
|
-
var
|
371
|
+
var B = (
|
366
372
|
/** @class */
|
367
|
-
function(
|
368
|
-
|
373
|
+
function(o) {
|
374
|
+
g(e, o);
|
369
375
|
function e(t) {
|
370
|
-
var r =
|
376
|
+
var r = o.call(this, S(S({}, e.defaultAdapter), t)) || this;
|
371
377
|
return r.isAnimating = !1, r;
|
372
378
|
}
|
373
379
|
return Object.defineProperty(e, "cssClasses", {
|
374
380
|
get: function() {
|
375
|
-
return
|
381
|
+
return z;
|
376
382
|
},
|
377
383
|
enumerable: !1,
|
378
384
|
configurable: !0
|
379
385
|
}), Object.defineProperty(e, "strings", {
|
380
386
|
get: function() {
|
381
|
-
return
|
387
|
+
return N;
|
382
388
|
},
|
383
389
|
enumerable: !1,
|
384
390
|
configurable: !0
|
@@ -460,10 +466,10 @@ var $ = (
|
|
460
466
|
var r = /\((.+?)\)/.exec(t);
|
461
467
|
if (!r)
|
462
468
|
return 0;
|
463
|
-
var
|
464
|
-
|
465
|
-
var
|
466
|
-
return
|
469
|
+
var a = r[1], n = P(a.split(","), 6);
|
470
|
+
n[0], n[1], n[2], n[3];
|
471
|
+
var i = n[4];
|
472
|
+
return n[5], parseFloat(i);
|
467
473
|
}, e.prototype.clampScrollValue = function(t) {
|
468
474
|
var r = this.calculateScrollEdges();
|
469
475
|
return Math.min(Math.max(r.left, t), r.right);
|
@@ -477,10 +483,10 @@ var $ = (
|
|
477
483
|
right: t - r
|
478
484
|
};
|
479
485
|
}, e.prototype.scrollToImpl = function(t) {
|
480
|
-
var r = this.getScrollPosition(),
|
486
|
+
var r = this.getScrollPosition(), a = this.clampScrollValue(t), n = a - r;
|
481
487
|
this.animate({
|
482
|
-
finalScrollPosition:
|
483
|
-
scrollDelta:
|
488
|
+
finalScrollPosition: a,
|
489
|
+
scrollDelta: n
|
484
490
|
});
|
485
491
|
}, e.prototype.scrollToImplRTL = function(t) {
|
486
492
|
var r = this.getRTLScroller().scrollToRTL(t);
|
@@ -488,10 +494,10 @@ var $ = (
|
|
488
494
|
}, e.prototype.getIncrementScrollOperation = function(t) {
|
489
495
|
if (this.isRTL())
|
490
496
|
return this.getRTLScroller().incrementScrollRTL(t);
|
491
|
-
var r = this.getScrollPosition(),
|
497
|
+
var r = this.getScrollPosition(), a = t + r, n = this.clampScrollValue(a), i = n - r;
|
492
498
|
return {
|
493
|
-
finalScrollPosition:
|
494
|
-
scrollDelta:
|
499
|
+
finalScrollPosition: n,
|
500
|
+
scrollDelta: i
|
495
501
|
};
|
496
502
|
}, e.prototype.animate = function(t) {
|
497
503
|
var r = this;
|
@@ -510,22 +516,23 @@ var $ = (
|
|
510
516
|
this.adapter.setScrollAreaScrollLeft(t - 1);
|
511
517
|
var r = this.adapter.getScrollAreaScrollLeft();
|
512
518
|
if (r < 0)
|
513
|
-
return this.adapter.setScrollAreaScrollLeft(t), new
|
514
|
-
var
|
515
|
-
return this.adapter.setScrollAreaScrollLeft(t),
|
519
|
+
return this.adapter.setScrollAreaScrollLeft(t), new j(this.adapter);
|
520
|
+
var a = this.adapter.computeScrollAreaClientRect(), n = this.adapter.computeScrollContentClientRect(), i = Math.round(n.right - a.right);
|
521
|
+
return this.adapter.setScrollAreaScrollLeft(t), i === r ? new H(this.adapter) : new V(this.adapter);
|
516
522
|
}, e.prototype.isRTL = function() {
|
517
523
|
return this.adapter.getScrollContentStyleValue("direction") === "rtl";
|
518
524
|
}, e;
|
519
|
-
}(
|
525
|
+
}(Y)
|
520
526
|
);
|
527
|
+
const X = B;
|
521
528
|
/**
|
522
529
|
* @license
|
523
530
|
* Copyright 2018 Google LLC
|
524
531
|
* SPDX-License-Identifier: Apache-2.0
|
525
532
|
*/
|
526
|
-
class
|
533
|
+
class v extends w {
|
527
534
|
constructor() {
|
528
|
-
super(...arguments), this.mdcFoundationClass =
|
535
|
+
super(...arguments), this.mdcFoundationClass = X, this._scrollbarHeight = -1;
|
529
536
|
}
|
530
537
|
_handleInteraction() {
|
531
538
|
this.mdcFoundation.handleInteraction();
|
@@ -549,7 +556,7 @@ class b extends x {
|
|
549
556
|
`;
|
550
557
|
}
|
551
558
|
createAdapter() {
|
552
|
-
return Object.assign(Object.assign({},
|
559
|
+
return Object.assign(Object.assign({}, M(this.mdcRoot)), { eventTargetMatchesSelector: (e, t) => k(e, t), addScrollAreaClass: (e) => this.scrollAreaElement.classList.add(e), setScrollAreaStyleProperty: (e, t) => this.scrollAreaElement.style.setProperty(e, t), setScrollContentStyleProperty: (e, t) => this.scrollContentElement.style.setProperty(e, t), getScrollContentStyleValue: (e) => window.getComputedStyle(this.scrollContentElement).getPropertyValue(e), setScrollAreaScrollLeft: (e) => this.scrollAreaElement.scrollLeft = e, getScrollAreaScrollLeft: () => this.scrollAreaElement.scrollLeft, getScrollContentOffsetWidth: () => this.scrollContentElement.offsetWidth, getScrollAreaOffsetWidth: () => this.scrollAreaElement.offsetWidth, computeScrollAreaClientRect: () => this.scrollAreaElement.getBoundingClientRect(), computeScrollContentClientRect: () => this.scrollContentElement.getBoundingClientRect(), computeHorizontalScrollbarHeight: () => (this._scrollbarHeight === -1 && (this.scrollAreaElement.style.overflowX = "scroll", this._scrollbarHeight = this.scrollAreaElement.offsetHeight - this.scrollAreaElement.clientHeight, this.scrollAreaElement.style.overflowX = ""), this._scrollbarHeight) });
|
553
560
|
}
|
554
561
|
/**
|
555
562
|
* Returns the current visual scroll position
|
@@ -581,35 +588,35 @@ class b extends x {
|
|
581
588
|
this.mdcFoundation.scrollTo(e);
|
582
589
|
}
|
583
590
|
}
|
584
|
-
|
585
|
-
|
586
|
-
],
|
587
|
-
|
588
|
-
|
589
|
-
],
|
590
|
-
|
591
|
-
|
592
|
-
],
|
593
|
-
|
594
|
-
|
595
|
-
],
|
591
|
+
u([
|
592
|
+
b(".mdc-tab-scroller")
|
593
|
+
], v.prototype, "mdcRoot", void 0);
|
594
|
+
u([
|
595
|
+
b(".mdc-tab-scroller__scroll-area")
|
596
|
+
], v.prototype, "scrollAreaElement", void 0);
|
597
|
+
u([
|
598
|
+
b(".mdc-tab-scroller__scroll-content")
|
599
|
+
], v.prototype, "scrollContentElement", void 0);
|
600
|
+
u([
|
601
|
+
D({ passive: !0 })
|
602
|
+
], v.prototype, "_handleInteraction", null);
|
596
603
|
/**
|
597
604
|
* @license
|
598
605
|
* Copyright 2021 Google LLC
|
599
606
|
* SPDX-LIcense-Identifier: Apache-2.0
|
600
607
|
*/
|
601
|
-
const
|
608
|
+
const $ = R`.mdc-tab-scroller{overflow-y:hidden}.mdc-tab-scroller.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-scroller__test{position:absolute;top:-9999px;width:100px;height:100px;overflow-x:scroll}.mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:touch;display:flex;overflow-x:hidden}.mdc-tab-scroller__scroll-area::-webkit-scrollbar,.mdc-tab-scroller__test::-webkit-scrollbar{display:none}.mdc-tab-scroller__scroll-area--scroll{overflow-x:scroll}.mdc-tab-scroller__scroll-content{position:relative;display:flex;flex:1 0 auto;transform:none;will-change:transform}.mdc-tab-scroller--align-start .mdc-tab-scroller__scroll-content{justify-content:flex-start}.mdc-tab-scroller--align-end .mdc-tab-scroller__scroll-content{justify-content:flex-end}.mdc-tab-scroller--align-center .mdc-tab-scroller__scroll-content{justify-content:center}.mdc-tab-scroller--animating .mdc-tab-scroller__scroll-area{-webkit-overflow-scrolling:auto}:host{display:flex}.mdc-tab-scroller{flex:1}`;
|
602
609
|
/**
|
603
610
|
* @license
|
604
611
|
* Copyright 2018 Google LLC
|
605
612
|
* SPDX-License-Identifier: Apache-2.0
|
606
613
|
*/
|
607
|
-
let
|
614
|
+
let E = class extends v {
|
608
615
|
};
|
609
|
-
|
610
|
-
|
611
|
-
|
612
|
-
],
|
616
|
+
E.styles = [$];
|
617
|
+
E = u([
|
618
|
+
x("mwc-tab-scroller")
|
619
|
+
], E);
|
613
620
|
/**
|
614
621
|
* @license
|
615
622
|
* Copyright 2016 Google Inc.
|
@@ -632,39 +639,39 @@ _ = f([
|
|
632
639
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
633
640
|
* THE SOFTWARE.
|
634
641
|
*/
|
635
|
-
var
|
642
|
+
var G = (
|
636
643
|
/** @class */
|
637
644
|
function() {
|
638
|
-
function
|
645
|
+
function o(e) {
|
639
646
|
e === void 0 && (e = {}), this.adapter = e;
|
640
647
|
}
|
641
|
-
return Object.defineProperty(
|
648
|
+
return Object.defineProperty(o, "cssClasses", {
|
642
649
|
get: function() {
|
643
650
|
return {};
|
644
651
|
},
|
645
652
|
enumerable: !1,
|
646
653
|
configurable: !0
|
647
|
-
}), Object.defineProperty(
|
654
|
+
}), Object.defineProperty(o, "strings", {
|
648
655
|
get: function() {
|
649
656
|
return {};
|
650
657
|
},
|
651
658
|
enumerable: !1,
|
652
659
|
configurable: !0
|
653
|
-
}), Object.defineProperty(
|
660
|
+
}), Object.defineProperty(o, "numbers", {
|
654
661
|
get: function() {
|
655
662
|
return {};
|
656
663
|
},
|
657
664
|
enumerable: !1,
|
658
665
|
configurable: !0
|
659
|
-
}), Object.defineProperty(
|
666
|
+
}), Object.defineProperty(o, "defaultAdapter", {
|
660
667
|
get: function() {
|
661
668
|
return {};
|
662
669
|
},
|
663
670
|
enumerable: !1,
|
664
671
|
configurable: !0
|
665
|
-
}),
|
666
|
-
},
|
667
|
-
},
|
672
|
+
}), o.prototype.init = function() {
|
673
|
+
}, o.prototype.destroy = function() {
|
674
|
+
}, o;
|
668
675
|
}()
|
669
676
|
);
|
670
677
|
/**
|
@@ -689,7 +696,7 @@ var U = (
|
|
689
696
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
690
697
|
* THE SOFTWARE.
|
691
698
|
*/
|
692
|
-
var
|
699
|
+
var l = {
|
693
700
|
ARROW_LEFT_KEY: "ArrowLeft",
|
694
701
|
ARROW_RIGHT_KEY: "ArrowRight",
|
695
702
|
END_KEY: "End",
|
@@ -699,7 +706,7 @@ var i = {
|
|
699
706
|
TAB_ACTIVATED_EVENT: "MDCTabBar:activated",
|
700
707
|
TAB_SCROLLER_SELECTOR: ".mdc-tab-scroller",
|
701
708
|
TAB_SELECTOR: ".mdc-tab"
|
702
|
-
},
|
709
|
+
}, p = {
|
703
710
|
ARROW_LEFT_KEYCODE: 37,
|
704
711
|
ARROW_RIGHT_KEYCODE: 39,
|
705
712
|
END_KEYCODE: 35,
|
@@ -730,37 +737,37 @@ var i = {
|
|
730
737
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
731
738
|
* THE SOFTWARE.
|
732
739
|
*/
|
733
|
-
var
|
734
|
-
|
735
|
-
|
736
|
-
|
737
|
-
|
738
|
-
|
739
|
-
|
740
|
-
var
|
741
|
-
|
742
|
-
|
743
|
-
|
744
|
-
|
745
|
-
|
746
|
-
|
747
|
-
var
|
740
|
+
var m = /* @__PURE__ */ new Set();
|
741
|
+
m.add(l.ARROW_LEFT_KEY);
|
742
|
+
m.add(l.ARROW_RIGHT_KEY);
|
743
|
+
m.add(l.END_KEY);
|
744
|
+
m.add(l.HOME_KEY);
|
745
|
+
m.add(l.ENTER_KEY);
|
746
|
+
m.add(l.SPACE_KEY);
|
747
|
+
var h = /* @__PURE__ */ new Map();
|
748
|
+
h.set(p.ARROW_LEFT_KEYCODE, l.ARROW_LEFT_KEY);
|
749
|
+
h.set(p.ARROW_RIGHT_KEYCODE, l.ARROW_RIGHT_KEY);
|
750
|
+
h.set(p.END_KEYCODE, l.END_KEY);
|
751
|
+
h.set(p.HOME_KEYCODE, l.HOME_KEY);
|
752
|
+
h.set(p.ENTER_KEYCODE, l.ENTER_KEY);
|
753
|
+
h.set(p.SPACE_KEYCODE, l.SPACE_KEY);
|
754
|
+
var U = (
|
748
755
|
/** @class */
|
749
|
-
function(
|
750
|
-
|
756
|
+
function(o) {
|
757
|
+
g(e, o);
|
751
758
|
function e(t) {
|
752
|
-
var r =
|
759
|
+
var r = o.call(this, S(S({}, e.defaultAdapter), t)) || this;
|
753
760
|
return r.useAutomaticActivation = !1, r;
|
754
761
|
}
|
755
762
|
return Object.defineProperty(e, "strings", {
|
756
763
|
get: function() {
|
757
|
-
return
|
764
|
+
return l;
|
758
765
|
},
|
759
766
|
enumerable: !1,
|
760
767
|
configurable: !0
|
761
768
|
}), Object.defineProperty(e, "numbers", {
|
762
769
|
get: function() {
|
763
|
-
return
|
770
|
+
return p;
|
764
771
|
},
|
765
772
|
enumerable: !1,
|
766
773
|
configurable: !0
|
@@ -820,8 +827,8 @@ var L = (
|
|
820
827
|
}, e.prototype.activateTab = function(t) {
|
821
828
|
var r = this.adapter.getPreviousActiveTabIndex();
|
822
829
|
if (!(!this.indexIsInRange(t) || t === r)) {
|
823
|
-
var
|
824
|
-
r !== -1 && (this.adapter.deactivateTabAtIndex(r),
|
830
|
+
var a;
|
831
|
+
r !== -1 && (this.adapter.deactivateTabAtIndex(r), a = this.adapter.getTabIndicatorClientRectAtIndex(r)), this.adapter.activateTabAtIndex(t, a), this.scrollIntoView(t), this.adapter.notifyTabActivated(t);
|
825
832
|
}
|
826
833
|
}, e.prototype.handleKeyDown = function(t) {
|
827
834
|
var r = this.getKeyFromEvent(t);
|
@@ -829,15 +836,15 @@ var L = (
|
|
829
836
|
if (this.isActivationKey(r) || t.preventDefault(), this.useAutomaticActivation) {
|
830
837
|
if (this.isActivationKey(r))
|
831
838
|
return;
|
832
|
-
var
|
833
|
-
this.adapter.setActiveTab(
|
839
|
+
var a = this.determineTargetFromKey(this.adapter.getPreviousActiveTabIndex(), r);
|
840
|
+
this.adapter.setActiveTab(a), this.scrollIntoView(a);
|
834
841
|
} else {
|
835
|
-
var
|
842
|
+
var n = this.adapter.getFocusedTabIndex();
|
836
843
|
if (this.isActivationKey(r))
|
837
|
-
this.adapter.setActiveTab(
|
844
|
+
this.adapter.setActiveTab(n);
|
838
845
|
else {
|
839
|
-
var
|
840
|
-
this.adapter.focusTabAtIndex(
|
846
|
+
var a = this.determineTargetFromKey(n, r);
|
847
|
+
this.adapter.focusTabAtIndex(a), this.scrollIntoView(a);
|
841
848
|
}
|
842
849
|
}
|
843
850
|
}, e.prototype.handleTabInteraction = function(t) {
|
@@ -859,49 +866,50 @@ var L = (
|
|
859
866
|
this.scrollIntoViewImpl(t);
|
860
867
|
}
|
861
868
|
}, e.prototype.determineTargetFromKey = function(t, r) {
|
862
|
-
var
|
863
|
-
return
|
864
|
-
}, e.prototype.calculateScrollIncrement = function(t, r,
|
865
|
-
var
|
866
|
-
return r < t ? Math.min(c, 0) : Math.max(
|
867
|
-
}, e.prototype.calculateScrollIncrementRTL = function(t, r,
|
868
|
-
var s = this.adapter.getTabDimensionsAtIndex(r),
|
869
|
-
return r > t ? Math.max(
|
870
|
-
}, e.prototype.findAdjacentTabIndexClosestToEdge = function(t, r,
|
871
|
-
var
|
872
|
-
return c ? t - 1 :
|
873
|
-
}, e.prototype.findAdjacentTabIndexClosestToEdgeRTL = function(t, r,
|
874
|
-
var s =
|
875
|
-
return
|
869
|
+
var a = this.isRTL(), n = this.adapter.getTabListLength() - 1, i = r === l.END_KEY, s = r === l.ARROW_LEFT_KEY && !a || r === l.ARROW_RIGHT_KEY && a, d = r === l.ARROW_RIGHT_KEY && !a || r === l.ARROW_LEFT_KEY && a, c = t;
|
870
|
+
return i ? c = n : s ? c -= 1 : d ? c += 1 : c = 0, c < 0 ? c = n : c > n && (c = 0), c;
|
871
|
+
}, e.prototype.calculateScrollIncrement = function(t, r, a, n) {
|
872
|
+
var i = this.adapter.getTabDimensionsAtIndex(r), s = i.contentLeft - a - n, d = i.contentRight - a, c = d - p.EXTRA_SCROLL_AMOUNT, f = s + p.EXTRA_SCROLL_AMOUNT;
|
873
|
+
return r < t ? Math.min(c, 0) : Math.max(f, 0);
|
874
|
+
}, e.prototype.calculateScrollIncrementRTL = function(t, r, a, n, i) {
|
875
|
+
var s = this.adapter.getTabDimensionsAtIndex(r), d = i - s.contentLeft - a, c = i - s.contentRight - a - n, f = c + p.EXTRA_SCROLL_AMOUNT, y = d - p.EXTRA_SCROLL_AMOUNT;
|
876
|
+
return r > t ? Math.max(f, 0) : Math.min(y, 0);
|
877
|
+
}, e.prototype.findAdjacentTabIndexClosestToEdge = function(t, r, a, n) {
|
878
|
+
var i = r.rootLeft - a, s = r.rootRight - a - n, d = i + s, c = i < 0 || d < 0, f = s > 0 || d > 0;
|
879
|
+
return c ? t - 1 : f ? t + 1 : -1;
|
880
|
+
}, e.prototype.findAdjacentTabIndexClosestToEdgeRTL = function(t, r, a, n, i) {
|
881
|
+
var s = i - r.rootLeft - n - a, d = i - r.rootRight - a, c = s + d, f = s > 0 || c > 0, y = d < 0 || c < 0;
|
882
|
+
return f ? t + 1 : y ? t - 1 : -1;
|
876
883
|
}, e.prototype.getKeyFromEvent = function(t) {
|
877
|
-
return
|
884
|
+
return m.has(t.key) ? t.key : h.get(t.keyCode);
|
878
885
|
}, e.prototype.isActivationKey = function(t) {
|
879
|
-
return t ===
|
886
|
+
return t === l.SPACE_KEY || t === l.ENTER_KEY;
|
880
887
|
}, e.prototype.indexIsInRange = function(t) {
|
881
888
|
return t >= 0 && t < this.adapter.getTabListLength();
|
882
889
|
}, e.prototype.isRTL = function() {
|
883
890
|
return this.adapter.isRTL();
|
884
891
|
}, e.prototype.scrollIntoViewImpl = function(t) {
|
885
|
-
var r = this.adapter.getScrollPosition(),
|
886
|
-
if (this.indexIsInRange(
|
887
|
-
var s = this.calculateScrollIncrement(t,
|
892
|
+
var r = this.adapter.getScrollPosition(), a = this.adapter.getOffsetWidth(), n = this.adapter.getTabDimensionsAtIndex(t), i = this.findAdjacentTabIndexClosestToEdge(t, n, r, a);
|
893
|
+
if (this.indexIsInRange(i)) {
|
894
|
+
var s = this.calculateScrollIncrement(t, i, r, a);
|
888
895
|
this.adapter.incrementScroll(s);
|
889
896
|
}
|
890
897
|
}, e.prototype.scrollIntoViewImplRTL = function(t) {
|
891
|
-
var r = this.adapter.getScrollPosition(),
|
898
|
+
var r = this.adapter.getScrollPosition(), a = this.adapter.getOffsetWidth(), n = this.adapter.getTabDimensionsAtIndex(t), i = this.adapter.getScrollContentWidth(), s = this.findAdjacentTabIndexClosestToEdgeRTL(t, n, r, a, i);
|
892
899
|
if (this.indexIsInRange(s)) {
|
893
|
-
var
|
894
|
-
this.adapter.incrementScroll(
|
900
|
+
var d = this.calculateScrollIncrementRTL(t, s, r, a, i);
|
901
|
+
this.adapter.incrementScroll(d);
|
895
902
|
}
|
896
903
|
}, e;
|
897
|
-
}(
|
904
|
+
}(G)
|
898
905
|
);
|
906
|
+
const L = U;
|
899
907
|
/**
|
900
908
|
* @license
|
901
909
|
* Copyright 2018 Google LLC
|
902
910
|
* SPDX-License-Identifier: Apache-2.0
|
903
911
|
*/
|
904
|
-
class
|
912
|
+
class _ extends w {
|
905
913
|
constructor() {
|
906
914
|
super(...arguments), this.mdcFoundationClass = L, this.activeIndex = 0, this._previousActiveIndex = -1;
|
907
915
|
}
|
@@ -923,7 +931,7 @@ class v extends x {
|
|
923
931
|
}
|
924
932
|
// TODO(sorvell): probably want to memoize this and use a `slotChange` event
|
925
933
|
_getTabs() {
|
926
|
-
return this.tabsSlot.assignedNodes({ flatten: !0 }).filter((e) => e instanceof
|
934
|
+
return this.tabsSlot.assignedNodes({ flatten: !0 }).filter((e) => e instanceof O);
|
927
935
|
}
|
928
936
|
_getTab(e) {
|
929
937
|
return this._getTabs()[e];
|
@@ -989,40 +997,40 @@ class v extends x {
|
|
989
997
|
this.mdcFoundation.scrollIntoView(e);
|
990
998
|
}
|
991
999
|
}
|
992
|
-
|
993
|
-
|
994
|
-
],
|
995
|
-
|
996
|
-
|
997
|
-
],
|
998
|
-
|
999
|
-
|
1000
|
-
],
|
1001
|
-
|
1002
|
-
|
1000
|
+
u([
|
1001
|
+
b(".mdc-tab-bar")
|
1002
|
+
], _.prototype, "mdcRoot", void 0);
|
1003
|
+
u([
|
1004
|
+
b("mwc-tab-scroller")
|
1005
|
+
], _.prototype, "scrollerElement", void 0);
|
1006
|
+
u([
|
1007
|
+
b("slot")
|
1008
|
+
], _.prototype, "tabsSlot", void 0);
|
1009
|
+
u([
|
1010
|
+
K(async function() {
|
1003
1011
|
await this.updateComplete, this.activeIndex !== this._previousActiveIndex && this.mdcFoundation.activateTab(this.activeIndex);
|
1004
1012
|
}),
|
1005
|
-
|
1006
|
-
],
|
1013
|
+
W({ type: Number })
|
1014
|
+
], _.prototype, "activeIndex", void 0);
|
1007
1015
|
/**
|
1008
1016
|
* @license
|
1009
1017
|
* Copyright 2021 Google LLC
|
1010
1018
|
* SPDX-LIcense-Identifier: Apache-2.0
|
1011
1019
|
*/
|
1012
|
-
const
|
1013
|
-
var
|
1014
|
-
for (var
|
1015
|
-
(
|
1016
|
-
return r &&
|
1020
|
+
const q = R`.mdc-tab-bar{width:100%}.mdc-tab{height:48px}.mdc-tab--stacked{height:72px}:host{display:block}.mdc-tab-bar{flex:1}mwc-tab{--mdc-tab-height: 48px;--mdc-tab-stacked-height: 72px}`;
|
1021
|
+
var J = Object.defineProperty, Q = Object.getOwnPropertyDescriptor, Z = (o, e, t, r) => {
|
1022
|
+
for (var a = r > 1 ? void 0 : r ? Q(e, t) : e, n = o.length - 1, i; n >= 0; n--)
|
1023
|
+
(i = o[n]) && (a = (r ? i(e, t, a) : i(a)) || a);
|
1024
|
+
return r && a && J(e, t, a), a;
|
1017
1025
|
};
|
1018
|
-
let
|
1026
|
+
let T = class extends _ {
|
1019
1027
|
};
|
1020
|
-
|
1021
|
-
|
1022
|
-
|
1023
|
-
],
|
1024
|
-
const ht =
|
1028
|
+
T.styles = [q];
|
1029
|
+
T = Z([
|
1030
|
+
x("cv-tab-bar")
|
1031
|
+
], T);
|
1032
|
+
const ht = T;
|
1025
1033
|
export {
|
1026
|
-
|
1034
|
+
T as CovalentTabBar,
|
1027
1035
|
ht as default
|
1028
1036
|
};
|