@covalent/components 6.2.0 → 6.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 +6 -6
- package/action-ribbon.mjs +30 -35
- package/alert.js +6 -6
- package/alert.mjs +14 -19
- package/app-shell/app-shell.d.ts +2 -0
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +8 -8
- package/app-shell.mjs +44 -42
- package/button.js +9 -9
- package/button.mjs +16 -25
- package/card.js +8 -8
- package/card.mjs +15 -17
- package/check-list-item.js +9 -9
- package/check-list-item.mjs +17 -26
- package/checkbox.js +2 -2
- package/checkbox.mjs +20 -29
- package/circular-progress.js +29 -29
- package/circular-progress.mjs +10 -14
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +7 -10
- package/dialog.js +1 -1
- package/dialog.mjs +162 -14
- package/{dialog-85c21333.mjs → dialog2.mjs} +50 -56
- package/directive-helpers.mjs +5 -0
- package/drawer.js +3 -3
- package/drawer.mjs +9 -15
- package/empty-state.js +5 -5
- package/empty-state.mjs +4 -6
- package/{form-element-d4e7bcdb.js → form-element.mjs} +2 -2
- package/{foundation-3f55a9dc.js → foundation.mjs} +3 -3
- package/icon-button.js +8 -8
- package/icon-button.mjs +16 -25
- package/icon-check-toggle.js +9 -9
- package/icon-check-toggle.mjs +11 -20
- package/icon-radio/icon-radio-toggle.d.ts +2 -3
- package/icon-radio/icon-radio-toggle.d.ts.map +1 -1
- package/icon-radio-toggle.js +8 -14
- package/icon-radio-toggle.mjs +37 -64
- package/icon.js +2 -2
- package/icon.mjs +8 -9
- package/if-defined.mjs +5 -0
- package/index.js +1 -1
- package/index.mjs +114 -124
- package/linear-progress.js +12 -12
- package/linear-progress.mjs +17 -23
- package/list/list-expansion.d.ts +3 -2
- package/list/list-expansion.d.ts.map +1 -1
- package/list/list-item.d.ts.map +1 -1
- package/list/list.d.ts +5 -0
- package/list/list.d.ts.map +1 -1
- package/list-expansion.js +8 -8
- package/list-expansion.mjs +37 -41
- package/list-item.js +1 -1
- package/list-item.mjs +9 -18
- package/list-item2.mjs +43 -0
- package/list.js +1 -1
- package/list.mjs +5 -20
- package/{list-28b77a61.mjs → list2.mjs} +35 -16
- package/menu.js +2 -2
- package/menu.mjs +20 -29
- package/{mwc-checkbox-base-435c1f1d.js → mwc-checkbox-base.mjs} +6 -6
- package/mwc-checkbox.css.mjs +5 -0
- package/{mwc-drawer-base-f44fcf34.js → mwc-drawer-base.mjs} +11 -11
- package/mwc-icon.mjs +9 -0
- package/{mwc-line-ripple-directive-a97ce725.js → mwc-line-ripple-directive.mjs} +16 -16
- package/mwc-list-base.mjs +111 -0
- package/mwc-list-item-base.mjs +28 -0
- package/mwc-list-item.css.mjs +9 -0
- package/{mwc-menu-base-ac49fe54.js → mwc-menu-base.mjs} +20 -20
- package/{mwc-radio-base-442d495a.js → mwc-radio-base.mjs} +11 -11
- package/mwc-radio.css.mjs +5 -0
- package/mwc-ripple.mjs +175 -0
- package/{mwc-slider.css-48f02f1e.js → mwc-slider.css.mjs} +20 -20
- package/{mwc-tab-base-1a19b299.js → mwc-tab-base.mjs} +22 -22
- package/{mwc-top-app-bar-base-14e0a018.js → mwc-top-app-bar-base.mjs} +10 -10
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +28 -36
- package/{observer-a096ab43.js → observer.mjs} +1 -1
- package/package.json +1 -1
- package/radio-list-item.js +10 -10
- package/radio-list-item.mjs +24 -33
- package/radio.js +2 -2
- package/radio.mjs +19 -28
- package/ripple-handlers.mjs +5 -0
- package/select.js +28 -28
- package/select.mjs +21 -31
- package/side-sheet.js +4 -4
- package/side-sheet.mjs +8 -14
- package/slider-range.js +7 -7
- package/slider-range.mjs +64 -72
- package/slider.js +3 -3
- package/slider.mjs +21 -29
- package/snackbar.js +15 -15
- package/snackbar.mjs +21 -27
- package/status-header-item.js +4 -4
- package/status-header-item.mjs +13 -14
- package/status-header.js +6 -6
- package/status-header.mjs +7 -9
- package/style.css +1 -1
- package/switch.js +18 -18
- package/switch.mjs +22 -31
- package/tab-bar.js +21 -21
- package/tab-bar.mjs +14 -23
- package/tab.js +3 -3
- package/tab.mjs +6 -15
- package/text-lockup.js +5 -5
- package/text-lockup.mjs +6 -8
- package/textarea.js +14 -14
- package/textarea.mjs +20 -28
- package/textfield.js +3 -3
- package/textfield.mjs +132 -41
- package/{textfield-276b0ded.mjs → textfield2.mjs} +21 -28
- package/toolbar.js +3 -3
- package/toolbar.mjs +4 -10
- package/tooltip.js +12 -12
- package/tooltip.mjs +9 -13
- package/top-app-bar-fixed.js +5 -5
- package/top-app-bar-fixed.mjs +23 -29
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +6 -30
- package/{top-app-bar-a236c3bc.mjs → top-app-bar2.mjs} +1 -1
- package/tree-list-item.js +8 -8
- package/tree-list-item.mjs +3 -5
- package/tree-list.js +3 -3
- package/tree-list.mjs +4 -4
- package/typography.js +4 -4
- package/typography.mjs +11 -12
- package/aria-property-fa2717fe.mjs +0 -41
- package/base-element-c3dc926e.mjs +0 -28
- package/base-element-d5abe37a.js +0 -5
- package/class-map-08c84aeb.mjs +0 -62
- package/class-map-50b8edb4.js +0 -9
- package/dialog-8ee07177.js +0 -162
- package/directive-helpers-725a181d.mjs +0 -11
- package/directive-helpers-fce8cf91.js +0 -5
- package/event-options-3937d997.mjs +0 -14
- package/event-options-7bc382d8.js +0 -5
- package/form-element-6dbd7afa.mjs +0 -50
- package/foundation-2334d146.mjs +0 -60
- package/foundation-c580100a.mjs +0 -152
- package/if-defined-639ed018.mjs +0 -10
- package/if-defined-cb12d481.js +0 -5
- package/inert.esm-359d4581.mjs +0 -640
- package/list-170cca53.js +0 -5
- package/list-item-26ddcc43.js +0 -8
- package/list-item-c1e72538.mjs +0 -43
- package/mwc-checkbox-base-10e977f2.mjs +0 -198
- package/mwc-checkbox.css-956e3d6c.js +0 -5
- package/mwc-checkbox.css-b7abc7fd.mjs +0 -10
- package/mwc-drawer-base-b2b772c3.mjs +0 -335
- package/mwc-icon-b96fb867.js +0 -9
- package/mwc-icon-c7013880.mjs +0 -26
- package/mwc-line-ripple-directive-c3e1f04a.mjs +0 -653
- package/mwc-list-base-7d5f7278.js +0 -111
- package/mwc-list-base-c0f8af1c.mjs +0 -840
- package/mwc-list-item-base-803b9771.js +0 -28
- package/mwc-list-item-base-acef0223.mjs +0 -202
- package/mwc-list-item.css-401e2407.js +0 -9
- package/mwc-list-item.css-b5481d96.mjs +0 -17
- package/mwc-menu-base-8970b43d.mjs +0 -1145
- package/mwc-radio-base-c29e6f42.mjs +0 -528
- package/mwc-radio.css-388ad26d.js +0 -5
- package/mwc-radio.css-4694aa9c.mjs +0 -10
- package/mwc-slider.css-336f809b.mjs +0 -956
- package/mwc-tab-base-7fb3d339.mjs +0 -694
- package/mwc-top-app-bar-base-79c87e69.mjs +0 -380
- package/observer-be7b92e2.mjs +0 -32
- package/property-074570d1.js +0 -5
- package/property-ca27685b.mjs +0 -20
- package/query-1e7846ea.mjs +0 -25
- package/query-2ba749b7.js +0 -5
- package/query-assigned-elements-07e38f46.js +0 -33
- package/query-assigned-elements-514e5265.mjs +0 -615
- package/query-assigned-nodes-9ec0fa5f.js +0 -5
- package/query-assigned-nodes-bea12e0c.mjs +0 -17
- package/ripple-handlers-2176f137.js +0 -107
- package/ripple-handlers-227497d3.mjs +0 -761
- package/state-6f7e570d.mjs +0 -12
- package/state-949232e6.js +0 -5
- package/style-map-2cb0fb63.mjs +0 -40
- package/style-map-3056a771.js +0 -5
- package/textfield-507c6a06.js +0 -133
- package/top-app-bar-34e85527.js +0 -6
- package/tslib.es6-6b53b818.js +0 -1
- package/tslib.es6-b5e819a6.mjs +0 -82
- package/utils-a8190a39.js +0 -5
- package/utils-dc65fdc9.mjs +0 -52
- /package/{aria-property-849c8816.js → aria-property.mjs} +0 -0
- /package/{foundation-e830bd94.js → foundation2.mjs} +0 -0
- /package/{inert.esm-2cee6f2e.js → inert.esm.mjs} +0 -0
package/tab-bar.js
CHANGED
@@ -1,12 +1,12 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./mwc-ripple.mjs"),A=require("./mwc-tab-base.mjs"),E=require("./observer.mjs");require("./ripple-handlers.mjs");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2021 Google LLC
|
4
4
|
* SPDX-LIcense-Identifier: Apache-2.0
|
5
|
-
*/const
|
5
|
+
*/const C=i.i$1`.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))}`;/**
|
6
6
|
* @license
|
7
7
|
* Copyright 2018 Google LLC
|
8
8
|
* SPDX-License-Identifier: Apache-2.0
|
9
|
-
*/let
|
9
|
+
*/let v=class extends A.TabBase{};v.styles=[C];v=i.__decorate([i.e$1("mwc-tab")],v);/**
|
10
10
|
* @license
|
11
11
|
* Copyright 2018 Google Inc.
|
12
12
|
*
|
@@ -27,7 +27,7 @@
|
|
27
27
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
28
28
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
29
29
|
* THE SOFTWARE.
|
30
|
-
*/function
|
30
|
+
*/function R(o,e){var t=o.matches||o.webkitMatchesSelector||o.msMatchesSelector;return t.call(o,e)}/**
|
31
31
|
* @license
|
32
32
|
* Copyright 2016 Google Inc.
|
33
33
|
*
|
@@ -48,7 +48,7 @@
|
|
48
48
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
49
49
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
50
50
|
* THE SOFTWARE.
|
51
|
-
*/var
|
51
|
+
*/var x=function(){function o(e){e===void 0&&(e={}),this.adapter=e}return Object.defineProperty(o,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(o,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(o,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(o,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),o.prototype.init=function(){},o.prototype.destroy=function(){},o}();/**
|
52
52
|
* @license
|
53
53
|
* Copyright 2018 Google Inc.
|
54
54
|
*
|
@@ -69,7 +69,7 @@
|
|
69
69
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
70
70
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
71
71
|
* THE SOFTWARE.
|
72
|
-
*/var
|
72
|
+
*/var L={ANIMATING:"mdc-tab-scroller--animating",SCROLL_AREA_SCROLL:"mdc-tab-scroller__scroll-area--scroll",SCROLL_TEST:"mdc-tab-scroller__test"},I={AREA_SELECTOR:".mdc-tab-scroller__scroll-area",CONTENT_SELECTOR:".mdc-tab-scroller__scroll-content"};/**
|
73
73
|
* @license
|
74
74
|
* Copyright 2018 Google Inc.
|
75
75
|
*
|
@@ -90,7 +90,7 @@
|
|
90
90
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
91
91
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
92
92
|
* THE SOFTWARE.
|
93
|
-
*/var
|
93
|
+
*/var T=function(){function o(e){this.adapter=e}return o}();/**
|
94
94
|
* @license
|
95
95
|
* Copyright 2018 Google Inc.
|
96
96
|
*
|
@@ -111,7 +111,7 @@
|
|
111
111
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
112
112
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
113
113
|
* THE SOFTWARE.
|
114
|
-
*/var
|
114
|
+
*/var O=function(o){i.__extends(e,o);function e(){return o!==null&&o.apply(this,arguments)||this}return e.prototype.getScrollPositionRTL=function(){var t=this.adapter.getScrollAreaScrollLeft(),r=this.calculateScrollEdges().right;return Math.round(r-t)},e.prototype.scrollToRTL=function(t){var r=this.calculateScrollEdges(),a=this.adapter.getScrollAreaScrollLeft(),n=this.clampScrollValue(r.right-t);return{finalScrollPosition:n,scrollDelta:n-a}},e.prototype.incrementScrollRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft(),a=this.clampScrollValue(r-t);return{finalScrollPosition:a,scrollDelta:a-r}},e.prototype.getAnimatingScrollPosition=function(t){return t},e.prototype.calculateScrollEdges=function(){var t=this.adapter.getScrollContentOffsetWidth(),r=this.adapter.getScrollAreaOffsetWidth();return{left:0,right:t-r}},e.prototype.clampScrollValue=function(t){var r=this.calculateScrollEdges();return Math.min(Math.max(r.left,t),r.right)},e}(T);/**
|
115
115
|
* @license
|
116
116
|
* Copyright 2018 Google Inc.
|
117
117
|
*
|
@@ -132,7 +132,7 @@
|
|
132
132
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
133
133
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
134
134
|
* THE SOFTWARE.
|
135
|
-
*/var
|
135
|
+
*/var w=function(o){i.__extends(e,o);function e(){return o!==null&&o.apply(this,arguments)||this}return e.prototype.getScrollPositionRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft();return Math.round(t-r)},e.prototype.scrollToRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft(),a=this.clampScrollValue(-t);return{finalScrollPosition:a,scrollDelta:a-r}},e.prototype.incrementScrollRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft(),a=this.clampScrollValue(r-t);return{finalScrollPosition:a,scrollDelta:a-r}},e.prototype.getAnimatingScrollPosition=function(t,r){return t-r},e.prototype.calculateScrollEdges=function(){var t=this.adapter.getScrollContentOffsetWidth(),r=this.adapter.getScrollAreaOffsetWidth();return{left:r-t,right:0}},e.prototype.clampScrollValue=function(t){var r=this.calculateScrollEdges();return Math.max(Math.min(r.right,t),r.left)},e}(T);/**
|
136
136
|
* @license
|
137
137
|
* Copyright 2018 Google Inc.
|
138
138
|
*
|
@@ -153,7 +153,7 @@
|
|
153
153
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
154
154
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
155
155
|
* THE SOFTWARE.
|
156
|
-
*/var
|
156
|
+
*/var P=function(o){i.__extends(e,o);function e(){return o!==null&&o.apply(this,arguments)||this}return e.prototype.getScrollPositionRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft();return Math.round(r-t)},e.prototype.scrollToRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft(),a=this.clampScrollValue(t);return{finalScrollPosition:a,scrollDelta:r-a}},e.prototype.incrementScrollRTL=function(t){var r=this.adapter.getScrollAreaScrollLeft(),a=this.clampScrollValue(r+t);return{finalScrollPosition:a,scrollDelta:r-a}},e.prototype.getAnimatingScrollPosition=function(t,r){return t+r},e.prototype.calculateScrollEdges=function(){var t=this.adapter.getScrollContentOffsetWidth(),r=this.adapter.getScrollAreaOffsetWidth();return{left:t-r,right:0}},e.prototype.clampScrollValue=function(t){var r=this.calculateScrollEdges();return Math.min(Math.max(r.right,t),r.left)},e}(T);/**
|
157
157
|
* @license
|
158
158
|
* Copyright 2018 Google Inc.
|
159
159
|
*
|
@@ -174,11 +174,11 @@
|
|
174
174
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
175
175
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
176
176
|
* THE SOFTWARE.
|
177
|
-
*/var
|
177
|
+
*/var D=function(o){i.__extends(e,o);function e(t){var r=o.call(this,i.__assign(i.__assign({},e.defaultAdapter),t))||this;return r.isAnimating=!1,r}return Object.defineProperty(e,"cssClasses",{get:function(){return L},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return I},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{eventTargetMatchesSelector:function(){return!1},addClass:function(){},removeClass:function(){},addScrollAreaClass:function(){},setScrollAreaStyleProperty:function(){},setScrollContentStyleProperty:function(){},getScrollContentStyleValue:function(){return""},setScrollAreaScrollLeft:function(){},getScrollAreaScrollLeft:function(){return 0},getScrollContentOffsetWidth:function(){return 0},getScrollAreaOffsetWidth:function(){return 0},computeScrollAreaClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},computeScrollContentClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},computeHorizontalScrollbarHeight:function(){return 0}}},enumerable:!1,configurable:!0}),e.prototype.init=function(){var t=this.adapter.computeHorizontalScrollbarHeight();this.adapter.setScrollAreaStyleProperty("margin-bottom",-t+"px"),this.adapter.addScrollAreaClass(e.cssClasses.SCROLL_AREA_SCROLL)},e.prototype.getScrollPosition=function(){if(this.isRTL())return this.computeCurrentScrollPositionRTL();var t=this.calculateCurrentTranslateX(),r=this.adapter.getScrollAreaScrollLeft();return r-t},e.prototype.handleInteraction=function(){this.isAnimating&&this.stopScrollAnimation()},e.prototype.handleTransitionEnd=function(t){var r=t.target;!this.isAnimating||!this.adapter.eventTargetMatchesSelector(r,e.strings.CONTENT_SELECTOR)||(this.isAnimating=!1,this.adapter.removeClass(e.cssClasses.ANIMATING))},e.prototype.incrementScroll=function(t){t!==0&&this.animate(this.getIncrementScrollOperation(t))},e.prototype.incrementScrollImmediate=function(t){if(t!==0){var r=this.getIncrementScrollOperation(t);r.scrollDelta!==0&&(this.stopScrollAnimation(),this.adapter.setScrollAreaScrollLeft(r.finalScrollPosition))}},e.prototype.scrollTo=function(t){if(this.isRTL()){this.scrollToImplRTL(t);return}this.scrollToImpl(t)},e.prototype.getRTLScroller=function(){return this.rtlScrollerInstance||(this.rtlScrollerInstance=this.rtlScrollerFactory()),this.rtlScrollerInstance},e.prototype.calculateCurrentTranslateX=function(){var t=this.adapter.getScrollContentStyleValue("transform");if(t==="none")return 0;var r=/\((.+?)\)/.exec(t);if(!r)return 0;var a=r[1],n=i.__read(a.split(","),6);n[0],n[1],n[2],n[3];var l=n[4];return n[5],parseFloat(l)},e.prototype.clampScrollValue=function(t){var r=this.calculateScrollEdges();return Math.min(Math.max(r.left,t),r.right)},e.prototype.computeCurrentScrollPositionRTL=function(){var t=this.calculateCurrentTranslateX();return this.getRTLScroller().getScrollPositionRTL(t)},e.prototype.calculateScrollEdges=function(){var t=this.adapter.getScrollContentOffsetWidth(),r=this.adapter.getScrollAreaOffsetWidth();return{left:0,right:t-r}},e.prototype.scrollToImpl=function(t){var r=this.getScrollPosition(),a=this.clampScrollValue(t),n=a-r;this.animate({finalScrollPosition:a,scrollDelta:n})},e.prototype.scrollToImplRTL=function(t){var r=this.getRTLScroller().scrollToRTL(t);this.animate(r)},e.prototype.getIncrementScrollOperation=function(t){if(this.isRTL())return this.getRTLScroller().incrementScrollRTL(t);var r=this.getScrollPosition(),a=t+r,n=this.clampScrollValue(a),l=n-r;return{finalScrollPosition:n,scrollDelta:l}},e.prototype.animate=function(t){var r=this;t.scrollDelta!==0&&(this.stopScrollAnimation(),this.adapter.setScrollAreaScrollLeft(t.finalScrollPosition),this.adapter.setScrollContentStyleProperty("transform","translateX("+t.scrollDelta+"px)"),this.adapter.computeScrollAreaClientRect(),requestAnimationFrame(function(){r.adapter.addClass(e.cssClasses.ANIMATING),r.adapter.setScrollContentStyleProperty("transform","none")}),this.isAnimating=!0)},e.prototype.stopScrollAnimation=function(){this.isAnimating=!1;var t=this.getAnimatingScrollPosition();this.adapter.removeClass(e.cssClasses.ANIMATING),this.adapter.setScrollContentStyleProperty("transform","translateX(0px)"),this.adapter.setScrollAreaScrollLeft(t)},e.prototype.getAnimatingScrollPosition=function(){var t=this.calculateCurrentTranslateX(),r=this.adapter.getScrollAreaScrollLeft();return this.isRTL()?this.getRTLScroller().getAnimatingScrollPosition(r,t):r-t},e.prototype.rtlScrollerFactory=function(){var t=this.adapter.getScrollAreaScrollLeft();this.adapter.setScrollAreaScrollLeft(t-1);var r=this.adapter.getScrollAreaScrollLeft();if(r<0)return this.adapter.setScrollAreaScrollLeft(t),new w(this.adapter);var a=this.adapter.computeScrollAreaClientRect(),n=this.adapter.computeScrollContentClientRect(),l=Math.round(n.right-a.right);return this.adapter.setScrollAreaScrollLeft(t),l===r?new P(this.adapter):new O(this.adapter)},e.prototype.isRTL=function(){return this.adapter.getScrollContentStyleValue("direction")==="rtl"},e}(x);const M=D;/**
|
178
178
|
* @license
|
179
179
|
* Copyright 2018 Google LLC
|
180
180
|
* SPDX-License-Identifier: Apache-2.0
|
181
|
-
*/class
|
181
|
+
*/class b extends i.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=M,this._scrollbarHeight=-1}_handleInteraction(){this.mdcFoundation.handleInteraction()}_handleTransitionEnd(e){this.mdcFoundation.handleTransitionEnd(e)}render(){return i.y`
|
182
182
|
<div class="mdc-tab-scroller">
|
183
183
|
<div class="mdc-tab-scroller__scroll-area"
|
184
184
|
@wheel="${this._handleInteraction}"
|
@@ -190,15 +190,15 @@
|
|
190
190
|
<div class="mdc-tab-scroller__scroll-content"><slot></slot></div>
|
191
191
|
</div>
|
192
192
|
</div>
|
193
|
-
`}createAdapter(){return Object.assign(Object.assign({},
|
193
|
+
`}createAdapter(){return Object.assign(Object.assign({},i.addHasRemoveClass(this.mdcRoot)),{eventTargetMatchesSelector:(e,t)=>R(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)})}getScrollPosition(){return this.mdcFoundation.getScrollPosition()}getScrollContentWidth(){return this.scrollContentElement.offsetWidth}incrementScrollPosition(e){this.mdcFoundation.incrementScroll(e)}scrollToPosition(e){this.mdcFoundation.scrollTo(e)}}i.__decorate([i.i(".mdc-tab-scroller")],b.prototype,"mdcRoot",void 0);i.__decorate([i.i(".mdc-tab-scroller__scroll-area")],b.prototype,"scrollAreaElement",void 0);i.__decorate([i.i(".mdc-tab-scroller__scroll-content")],b.prototype,"scrollContentElement",void 0);i.__decorate([i.e$3({passive:!0})],b.prototype,"_handleInteraction",null);/**
|
194
194
|
* @license
|
195
195
|
* Copyright 2021 Google LLC
|
196
196
|
* SPDX-LIcense-Identifier: Apache-2.0
|
197
|
-
*/const
|
197
|
+
*/const K=i.i$1`.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}`;/**
|
198
198
|
* @license
|
199
199
|
* Copyright 2018 Google LLC
|
200
200
|
* SPDX-License-Identifier: Apache-2.0
|
201
|
-
*/let
|
201
|
+
*/let S=class extends b{};S.styles=[K];S=i.__decorate([i.e$1("mwc-tab-scroller")],S);/**
|
202
202
|
* @license
|
203
203
|
* Copyright 2016 Google Inc.
|
204
204
|
*
|
@@ -219,7 +219,7 @@
|
|
219
219
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
220
220
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
221
221
|
* THE SOFTWARE.
|
222
|
-
*/var
|
222
|
+
*/var W=function(){function o(e){e===void 0&&(e={}),this.adapter=e}return Object.defineProperty(o,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(o,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(o,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(o,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),o.prototype.init=function(){},o.prototype.destroy=function(){},o}();/**
|
223
223
|
* @license
|
224
224
|
* Copyright 2018 Google Inc.
|
225
225
|
*
|
@@ -240,7 +240,7 @@
|
|
240
240
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
241
241
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
242
242
|
* THE SOFTWARE.
|
243
|
-
*/var
|
243
|
+
*/var c={ARROW_LEFT_KEY:"ArrowLeft",ARROW_RIGHT_KEY:"ArrowRight",END_KEY:"End",ENTER_KEY:"Enter",HOME_KEY:"Home",SPACE_KEY:"Space",TAB_ACTIVATED_EVENT:"MDCTabBar:activated",TAB_SCROLLER_SELECTOR:".mdc-tab-scroller",TAB_SELECTOR:".mdc-tab"},u={ARROW_LEFT_KEYCODE:37,ARROW_RIGHT_KEYCODE:39,END_KEYCODE:35,ENTER_KEYCODE:13,EXTRA_SCROLL_AMOUNT:20,HOME_KEYCODE:36,SPACE_KEYCODE:32};/**
|
244
244
|
* @license
|
245
245
|
* Copyright 2018 Google Inc.
|
246
246
|
*
|
@@ -261,18 +261,18 @@
|
|
261
261
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
262
262
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
263
263
|
* THE SOFTWARE.
|
264
|
-
*/var
|
264
|
+
*/var m=new Set;m.add(c.ARROW_LEFT_KEY);m.add(c.ARROW_RIGHT_KEY);m.add(c.END_KEY);m.add(c.HOME_KEY);m.add(c.ENTER_KEY);m.add(c.SPACE_KEY);var h=new Map;h.set(u.ARROW_LEFT_KEYCODE,c.ARROW_LEFT_KEY);h.set(u.ARROW_RIGHT_KEYCODE,c.ARROW_RIGHT_KEY);h.set(u.END_KEYCODE,c.END_KEY);h.set(u.HOME_KEYCODE,c.HOME_KEY);h.set(u.ENTER_KEYCODE,c.ENTER_KEY);h.set(u.SPACE_KEYCODE,c.SPACE_KEY);var F=function(o){i.__extends(e,o);function e(t){var r=o.call(this,i.__assign(i.__assign({},e.defaultAdapter),t))||this;return r.useAutomaticActivation=!1,r}return Object.defineProperty(e,"strings",{get:function(){return c},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return u},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{scrollTo:function(){},incrementScroll:function(){},getScrollPosition:function(){return 0},getScrollContentWidth:function(){return 0},getOffsetWidth:function(){return 0},isRTL:function(){return!1},setActiveTab:function(){},activateTabAtIndex:function(){},deactivateTabAtIndex:function(){},focusTabAtIndex:function(){},getTabIndicatorClientRectAtIndex:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},getTabDimensionsAtIndex:function(){return{rootLeft:0,rootRight:0,contentLeft:0,contentRight:0}},getPreviousActiveTabIndex:function(){return-1},getFocusedTabIndex:function(){return-1},getIndexOfTabById:function(){return-1},getTabListLength:function(){return 0},notifyTabActivated:function(){}}},enumerable:!1,configurable:!0}),e.prototype.setUseAutomaticActivation=function(t){this.useAutomaticActivation=t},e.prototype.activateTab=function(t){var r=this.adapter.getPreviousActiveTabIndex();if(!(!this.indexIsInRange(t)||t===r)){var a;r!==-1&&(this.adapter.deactivateTabAtIndex(r),a=this.adapter.getTabIndicatorClientRectAtIndex(r)),this.adapter.activateTabAtIndex(t,a),this.scrollIntoView(t),this.adapter.notifyTabActivated(t)}},e.prototype.handleKeyDown=function(t){var r=this.getKeyFromEvent(t);if(r!==void 0)if(this.isActivationKey(r)||t.preventDefault(),this.useAutomaticActivation){if(this.isActivationKey(r))return;var a=this.determineTargetFromKey(this.adapter.getPreviousActiveTabIndex(),r);this.adapter.setActiveTab(a),this.scrollIntoView(a)}else{var n=this.adapter.getFocusedTabIndex();if(this.isActivationKey(r))this.adapter.setActiveTab(n);else{var a=this.determineTargetFromKey(n,r);this.adapter.focusTabAtIndex(a),this.scrollIntoView(a)}}},e.prototype.handleTabInteraction=function(t){this.adapter.setActiveTab(this.adapter.getIndexOfTabById(t.detail.tabId))},e.prototype.scrollIntoView=function(t){if(this.indexIsInRange(t)){if(t===0){this.adapter.scrollTo(0);return}if(t===this.adapter.getTabListLength()-1){this.adapter.scrollTo(this.adapter.getScrollContentWidth());return}if(this.isRTL()){this.scrollIntoViewImplRTL(t);return}this.scrollIntoViewImpl(t)}},e.prototype.determineTargetFromKey=function(t,r){var a=this.isRTL(),n=this.adapter.getTabListLength()-1,l=r===c.END_KEY,d=r===c.ARROW_LEFT_KEY&&!a||r===c.ARROW_RIGHT_KEY&&a,p=r===c.ARROW_RIGHT_KEY&&!a||r===c.ARROW_LEFT_KEY&&a,s=t;return l?s=n:d?s-=1:p?s+=1:s=0,s<0?s=n:s>n&&(s=0),s},e.prototype.calculateScrollIncrement=function(t,r,a,n){var l=this.adapter.getTabDimensionsAtIndex(r),d=l.contentLeft-a-n,p=l.contentRight-a,s=p-u.EXTRA_SCROLL_AMOUNT,f=d+u.EXTRA_SCROLL_AMOUNT;return r<t?Math.min(s,0):Math.max(f,0)},e.prototype.calculateScrollIncrementRTL=function(t,r,a,n,l){var d=this.adapter.getTabDimensionsAtIndex(r),p=l-d.contentLeft-a,s=l-d.contentRight-a-n,f=s+u.EXTRA_SCROLL_AMOUNT,_=p-u.EXTRA_SCROLL_AMOUNT;return r>t?Math.max(f,0):Math.min(_,0)},e.prototype.findAdjacentTabIndexClosestToEdge=function(t,r,a,n){var l=r.rootLeft-a,d=r.rootRight-a-n,p=l+d,s=l<0||p<0,f=d>0||p>0;return s?t-1:f?t+1:-1},e.prototype.findAdjacentTabIndexClosestToEdgeRTL=function(t,r,a,n,l){var d=l-r.rootLeft-n-a,p=l-r.rootRight-a,s=d+p,f=d>0||s>0,_=p<0||s<0;return f?t+1:_?t-1:-1},e.prototype.getKeyFromEvent=function(t){return m.has(t.key)?t.key:h.get(t.keyCode)},e.prototype.isActivationKey=function(t){return t===c.SPACE_KEY||t===c.ENTER_KEY},e.prototype.indexIsInRange=function(t){return t>=0&&t<this.adapter.getTabListLength()},e.prototype.isRTL=function(){return this.adapter.isRTL()},e.prototype.scrollIntoViewImpl=function(t){var r=this.adapter.getScrollPosition(),a=this.adapter.getOffsetWidth(),n=this.adapter.getTabDimensionsAtIndex(t),l=this.findAdjacentTabIndexClosestToEdge(t,n,r,a);if(this.indexIsInRange(l)){var d=this.calculateScrollIncrement(t,l,r,a);this.adapter.incrementScroll(d)}},e.prototype.scrollIntoViewImplRTL=function(t){var r=this.adapter.getScrollPosition(),a=this.adapter.getOffsetWidth(),n=this.adapter.getTabDimensionsAtIndex(t),l=this.adapter.getScrollContentWidth(),d=this.findAdjacentTabIndexClosestToEdgeRTL(t,n,r,a,l);if(this.indexIsInRange(d)){var p=this.calculateScrollIncrementRTL(t,d,r,a,l);this.adapter.incrementScroll(p)}},e}(W);const y=F;/**
|
265
265
|
* @license
|
266
266
|
* Copyright 2018 Google LLC
|
267
267
|
* SPDX-License-Identifier: Apache-2.0
|
268
|
-
*/class
|
268
|
+
*/class g extends i.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=y,this.activeIndex=0,this._previousActiveIndex=-1}_handleTabInteraction(e){this.mdcFoundation.handleTabInteraction(e)}_handleKeydown(e){this.mdcFoundation.handleKeyDown(e)}render(){return i.y`
|
269
269
|
<div class="mdc-tab-bar" role="tablist"
|
270
270
|
@MDCTab:interacted="${this._handleTabInteraction}"
|
271
271
|
@keydown="${this._handleKeydown}">
|
272
272
|
<mwc-tab-scroller><slot></slot></mwc-tab-scroller>
|
273
273
|
</div>
|
274
|
-
`}_getTabs(){return this.tabsSlot.assignedNodes({flatten:!0}).filter(e=>e instanceof
|
274
|
+
`}_getTabs(){return this.tabsSlot.assignedNodes({flatten:!0}).filter(e=>e instanceof A.TabBase)}_getTab(e){return this._getTabs()[e]}createAdapter(){return{scrollTo:e=>this.scrollerElement.scrollToPosition(e),incrementScroll:e=>this.scrollerElement.incrementScrollPosition(e),getScrollPosition:()=>this.scrollerElement.getScrollPosition(),getScrollContentWidth:()=>this.scrollerElement.getScrollContentWidth(),getOffsetWidth:()=>this.mdcRoot.offsetWidth,isRTL:()=>window.getComputedStyle(this.mdcRoot).getPropertyValue("direction")==="rtl",setActiveTab:e=>this.mdcFoundation.activateTab(e),activateTabAtIndex:(e,t)=>{const r=this._getTab(e);r!==void 0&&r.activate(t),this._previousActiveIndex=e},deactivateTabAtIndex:e=>{const t=this._getTab(e);t!==void 0&&t.deactivate()},focusTabAtIndex:e=>{const t=this._getTab(e);t!==void 0&&t.focus()},getTabIndicatorClientRectAtIndex:e=>{const t=this._getTab(e);return t!==void 0?t.computeIndicatorClientRect():new DOMRect},getTabDimensionsAtIndex:e=>{const t=this._getTab(e);return t!==void 0?t.computeDimensions():{rootLeft:0,rootRight:0,contentLeft:0,contentRight:0}},getPreviousActiveTabIndex:()=>this._previousActiveIndex,getFocusedTabIndex:()=>{const e=this._getTabs(),t=this.getRootNode().activeElement;return e.indexOf(t)},getIndexOfTabById:e=>{const t=this._getTabs();for(let r=0;r<t.length;r++)if(t[r].id===e)return r;return-1},getTabListLength:()=>this._getTabs().length,notifyTabActivated:e=>{this.activeIndex=e,this.dispatchEvent(new CustomEvent(y.strings.TAB_ACTIVATED_EVENT,{detail:{index:e},bubbles:!0,cancelable:!0}))}}}firstUpdated(){}async getUpdateComplete(){const e=await super.getUpdateComplete();return await this.scrollerElement.updateComplete,this.mdcFoundation===void 0&&this.createFoundation(),e}scrollIndexIntoView(e){this.mdcFoundation.scrollIntoView(e)}}i.__decorate([i.i(".mdc-tab-bar")],g.prototype,"mdcRoot",void 0);i.__decorate([i.i("mwc-tab-scroller")],g.prototype,"scrollerElement",void 0);i.__decorate([i.i("slot")],g.prototype,"tabsSlot",void 0);i.__decorate([E.observer(async function(){await this.updateComplete,this.activeIndex!==this._previousActiveIndex&&this.mdcFoundation.activateTab(this.activeIndex)}),i.e({type:Number})],g.prototype,"activeIndex",void 0);/**
|
275
275
|
* @license
|
276
276
|
* Copyright 2021 Google LLC
|
277
277
|
* SPDX-LIcense-Identifier: Apache-2.0
|
278
|
-
*/const
|
278
|
+
*/const k=i.i$1`.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}`;var Y=Object.defineProperty,z=Object.getOwnPropertyDescriptor,N=(o,e,t,r)=>{for(var a=r>1?void 0:r?z(e,t):e,n=o.length-1,l;n>=0;n--)(l=o[n])&&(a=(r?l(e,t,a):l(a))||a);return r&&a&&Y(e,t,a),a};exports.CovalentTabBar=class extends g{};exports.CovalentTabBar.styles=[k];exports.CovalentTabBar=N([i.e$1("cv-tab-bar")],exports.CovalentTabBar);const V=exports.CovalentTabBar;exports.default=V;
|
package/tab-bar.mjs
CHANGED
@@ -1,16 +1,7 @@
|
|
1
|
-
import { _ as u,
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import
|
5
|
-
import { e as D } from "./event-options-3937d997.mjs";
|
6
|
-
import { i as b } from "./query-1e7846ea.mjs";
|
7
|
-
import { a as M } from "./utils-dc65fdc9.mjs";
|
8
|
-
import { o as K } from "./observer-be7b92e2.mjs";
|
9
|
-
import { e as W } from "./property-ca27685b.mjs";
|
10
|
-
import "./class-map-08c84aeb.mjs";
|
11
|
-
import "./ripple-handlers-227497d3.mjs";
|
12
|
-
import "./state-6f7e570d.mjs";
|
13
|
-
import "./style-map-2cb0fb63.mjs";
|
1
|
+
import { b as R, _ as u, c as x, k as g, m as S, z as P, i as b, g as D, B as I, y as O, a as M, e as K } from "./mwc-ripple.mjs";
|
2
|
+
import { T as w } from "./mwc-tab-base.mjs";
|
3
|
+
import { o as W } from "./observer.mjs";
|
4
|
+
import "./ripple-handlers.mjs";
|
14
5
|
/**
|
15
6
|
* @license
|
16
7
|
* Copyright 2021 Google LLC
|
@@ -22,7 +13,7 @@ const F = R`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");f
|
|
22
13
|
* Copyright 2018 Google LLC
|
23
14
|
* SPDX-License-Identifier: Apache-2.0
|
24
15
|
*/
|
25
|
-
let A = class extends
|
16
|
+
let A = class extends w {
|
26
17
|
};
|
27
18
|
A.styles = [F];
|
28
19
|
A = u([
|
@@ -530,7 +521,7 @@ const $ = B;
|
|
530
521
|
* Copyright 2018 Google LLC
|
531
522
|
* SPDX-License-Identifier: Apache-2.0
|
532
523
|
*/
|
533
|
-
class v extends
|
524
|
+
class v extends I {
|
534
525
|
constructor() {
|
535
526
|
super(...arguments), this.mdcFoundationClass = $, this._scrollbarHeight = -1;
|
536
527
|
}
|
@@ -541,7 +532,7 @@ class v extends w {
|
|
541
532
|
this.mdcFoundation.handleTransitionEnd(e);
|
542
533
|
}
|
543
534
|
render() {
|
544
|
-
return
|
535
|
+
return O`
|
545
536
|
<div class="mdc-tab-scroller">
|
546
537
|
<div class="mdc-tab-scroller__scroll-area"
|
547
538
|
@wheel="${this._handleInteraction}"
|
@@ -909,7 +900,7 @@ const L = U;
|
|
909
900
|
* Copyright 2018 Google LLC
|
910
901
|
* SPDX-License-Identifier: Apache-2.0
|
911
902
|
*/
|
912
|
-
class _ extends
|
903
|
+
class _ extends I {
|
913
904
|
constructor() {
|
914
905
|
super(...arguments), this.mdcFoundationClass = L, this.activeIndex = 0, this._previousActiveIndex = -1;
|
915
906
|
}
|
@@ -921,7 +912,7 @@ class _ extends w {
|
|
921
912
|
}
|
922
913
|
// TODO(sorvell): can scroller be optional for perf?
|
923
914
|
render() {
|
924
|
-
return
|
915
|
+
return O`
|
925
916
|
<div class="mdc-tab-bar" role="tablist"
|
926
917
|
@MDCTab:interacted="${this._handleTabInteraction}"
|
927
918
|
@keydown="${this._handleKeydown}">
|
@@ -931,7 +922,7 @@ class _ extends w {
|
|
931
922
|
}
|
932
923
|
// TODO(sorvell): probably want to memoize this and use a `slotChange` event
|
933
924
|
_getTabs() {
|
934
|
-
return this.tabsSlot.assignedNodes({ flatten: !0 }).filter((e) => e instanceof
|
925
|
+
return this.tabsSlot.assignedNodes({ flatten: !0 }).filter((e) => e instanceof w);
|
935
926
|
}
|
936
927
|
_getTab(e) {
|
937
928
|
return this._getTabs()[e];
|
@@ -1007,10 +998,10 @@ u([
|
|
1007
998
|
b("slot")
|
1008
999
|
], _.prototype, "tabsSlot", void 0);
|
1009
1000
|
u([
|
1010
|
-
|
1001
|
+
W(async function() {
|
1011
1002
|
await this.updateComplete, this.activeIndex !== this._previousActiveIndex && this.mdcFoundation.activateTab(this.activeIndex);
|
1012
1003
|
}),
|
1013
|
-
|
1004
|
+
K({ type: Number })
|
1014
1005
|
], _.prototype, "activeIndex", void 0);
|
1015
1006
|
/**
|
1016
1007
|
* @license
|
@@ -1029,8 +1020,8 @@ T.styles = [q];
|
|
1029
1020
|
T = Z([
|
1030
1021
|
x("cv-tab-bar")
|
1031
1022
|
], T);
|
1032
|
-
const
|
1023
|
+
const it = T;
|
1033
1024
|
export {
|
1034
1025
|
T as CovalentTabBar,
|
1035
|
-
|
1026
|
+
it as default
|
1036
1027
|
};
|
package/tab.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./mwc-ripple.mjs"),n=require("./mwc-tab-base.mjs");require("./observer.mjs");require("./ripple-handlers.mjs");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2021 Google LLC
|
4
4
|
* SPDX-LIcense-Identifier: Apache-2.0
|
5
|
-
*/const p=r.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))}`,m=`:host{--mdc-tab-text-label-color-default: var( --mdc-theme-text-primary-on-background );--mdc-tab-color-default: var(--mdc-theme-text-icon-on-background)}:host .mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label{color:var(--mdc-theme-text-primary-on-background)}
|
6
|
-
`;var l=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(c,
|
5
|
+
*/const p=r.i$1`.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))}`,m=`:host{--mdc-tab-text-label-color-default: var( --mdc-theme-text-primary-on-background );--mdc-tab-color-default: var(--mdc-theme-text-icon-on-background)}:host .mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label{color:var(--mdc-theme-text-primary-on-background)}
|
6
|
+
`;var l=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(c,a,d,e)=>{for(var t=e>1?void 0:e?b(a,d):a,o=c.length-1,i;o>=0;o--)(i=c[o])&&(t=(e?i(a,d,t):i(t))||t);return e&&t&&l(a,d,t),t};exports.CovalentTab=class extends n.TabBase{};exports.CovalentTab.styles=[p,r.i$1`${r.r(m)}`];exports.CovalentTab=s([r.e$1("cv-tab")],exports.CovalentTab);const f=exports.CovalentTab;exports.default=f;
|
package/tab.mjs
CHANGED
@@ -1,16 +1,7 @@
|
|
1
|
-
import {
|
2
|
-
import { T as l } from "./mwc-tab-base
|
3
|
-
import "./
|
4
|
-
import "./
|
5
|
-
import "./utils-dc65fdc9.mjs";
|
6
|
-
import "./property-ca27685b.mjs";
|
7
|
-
import "./query-1e7846ea.mjs";
|
8
|
-
import "./class-map-08c84aeb.mjs";
|
9
|
-
import "./ripple-handlers-227497d3.mjs";
|
10
|
-
import "./state-6f7e570d.mjs";
|
11
|
-
import "./style-map-2cb0fb63.mjs";
|
12
|
-
import "./observer-be7b92e2.mjs";
|
13
|
-
import "./event-options-3937d997.mjs";
|
1
|
+
import { b as n, r as p, c as m } from "./mwc-ripple.mjs";
|
2
|
+
import { T as l } from "./mwc-tab-base.mjs";
|
3
|
+
import "./observer.mjs";
|
4
|
+
import "./ripple-handlers.mjs";
|
14
5
|
/**
|
15
6
|
* @license
|
16
7
|
* Copyright 2021 Google LLC
|
@@ -29,8 +20,8 @@ r.styles = [b, n`${p(s)}`];
|
|
29
20
|
r = u([
|
30
21
|
m("cv-tab")
|
31
22
|
], r);
|
32
|
-
const
|
23
|
+
const y = r;
|
33
24
|
export {
|
34
25
|
r as CovalentTab,
|
35
|
-
|
26
|
+
y as default
|
36
27
|
};
|
package/text-lockup.js
CHANGED
@@ -1,7 +1,7 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
2
|
-
`;var
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./mwc-ripple.mjs"),p=`.subtext--trailing{display:flex;flex-direction:column-reverse}.subtext{display:flex;align-items:center;--mdc-icon-size: 16px;color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height);margin-bottom:2px}.subtext cv-icon{margin-right:8px}slot{font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);margin-bottom:8px}.scale--large .subtext{--mdc-icon-size: 24px;font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);margin-bottom:2px}.scale--large slot{font-family:var(--mdc-typography-headline4-font-family);font-size:var(--mdc-typography-headline4-font-size);font-weight:var(--mdc-typography-headline4-font-weight);line-height:var(--mdc-typography-headline4-line-height);margin-bottom:8px}.subtext-state--positive .subtext{color:var(--mdc-theme-positive)}.subtext-state--negative .subtext{color:var(--mdc-theme-negative)}.subtext-state--caution .subtext{color:var(--mdc-theme-caution)}.subtext-state--active .subtext{color:var(--mdc-theme-accent)}
|
2
|
+
`;var l=Object.defineProperty,y=Object.getOwnPropertyDescriptor,a=(n,e,r,i)=>{for(var o=i>1?void 0:i?y(e,r):e,s=n.length-1,c;s>=0;s--)(c=n[s])&&(o=(i?c(e,r,o):c(o))||o);return i&&o&&l(e,r,o),o};exports.CovalentTextLockup=class extends t.s{constructor(){super(...arguments),this.scale="small",this.trailingSubText=!1}render(){const e={"subtext--trailing":this.trailingSubText};return e[`scale--${this.scale}`]=!0,this.state&&(e[`subtext-state--${this.state}`]=!0),t.y`<span class="${t.o(e)}"
|
3
3
|
><span class="subtext">${this.renderIcon()}${this.subText}</span
|
4
4
|
><slot></slot
|
5
|
-
></span>`}renderIcon(){return this.icon?
|
6
|
-
${
|
7
|
-
`];a([
|
5
|
+
></span>`}renderIcon(){return this.icon?t.y`<cv-icon>${this.icon}</cv-icon>`:t.b}};exports.CovalentTextLockup.styles=[t.i$1`
|
6
|
+
${t.r(p)}
|
7
|
+
`];a([t.e()],exports.CovalentTextLockup.prototype,"subText",2);a([t.e()],exports.CovalentTextLockup.prototype,"icon",2);a([t.e()],exports.CovalentTextLockup.prototype,"state",2);a([t.e()],exports.CovalentTextLockup.prototype,"scale",2);a([t.e({type:Boolean,reflect:!0})],exports.CovalentTextLockup.prototype,"trailingSubText",2);exports.CovalentTextLockup=a([t.e$1("cv-text-lockup")],exports.CovalentTextLockup);const h=exports.CovalentTextLockup;exports.default=h;
|
package/text-lockup.mjs
CHANGED
@@ -1,6 +1,4 @@
|
|
1
|
-
import {
|
2
|
-
import { e as i } from "./property-ca27685b.mjs";
|
3
|
-
import { o as d } from "./class-map-08c84aeb.mjs";
|
1
|
+
import { b as h, r as y, e as i, s as m, y as l, o as g, d as f, c as d } from "./mwc-ripple.mjs";
|
4
2
|
const v = `.subtext--trailing{display:flex;flex-direction:column-reverse}.subtext{display:flex;align-items:center;--mdc-icon-size: 16px;color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-caption-font-family);font-size:var(--mdc-typography-caption-font-size);font-weight:var(--mdc-typography-caption-font-weight);line-height:var(--mdc-typography-caption-line-height);margin-bottom:2px}.subtext cv-icon{margin-right:8px}slot{font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);margin-bottom:8px}.scale--large .subtext{--mdc-icon-size: 24px;font-family:var(--mdc-typography-body1-font-family);font-size:var(--mdc-typography-body1-font-size);font-weight:var(--mdc-typography-body1-font-weight);line-height:var(--mdc-typography-body1-line-height);margin-bottom:2px}.scale--large slot{font-family:var(--mdc-typography-headline4-font-family);font-size:var(--mdc-typography-headline4-font-size);font-weight:var(--mdc-typography-headline4-font-weight);line-height:var(--mdc-typography-headline4-line-height);margin-bottom:8px}.subtext-state--positive .subtext{color:var(--mdc-theme-positive)}.subtext-state--negative .subtext{color:var(--mdc-theme-negative)}.subtext-state--caution .subtext{color:var(--mdc-theme-caution)}.subtext-state--active .subtext{color:var(--mdc-theme-accent)}
|
5
3
|
`;
|
6
4
|
var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (o, r, n, s) => {
|
@@ -16,13 +14,13 @@ let t = class extends m {
|
|
16
14
|
const o = {
|
17
15
|
"subtext--trailing": this.trailingSubText
|
18
16
|
};
|
19
|
-
return o[`scale--${this.scale}`] = !0, this.state && (o[`subtext-state--${this.state}`] = !0), l`<span class="${
|
17
|
+
return o[`scale--${this.scale}`] = !0, this.state && (o[`subtext-state--${this.state}`] = !0), l`<span class="${g(o)}"
|
20
18
|
><span class="subtext">${this.renderIcon()}${this.subText}</span
|
21
19
|
><slot></slot
|
22
20
|
></span>`;
|
23
21
|
}
|
24
22
|
renderIcon() {
|
25
|
-
return this.icon ? l`<cv-icon>${this.icon}</cv-icon>` :
|
23
|
+
return this.icon ? l`<cv-icon>${this.icon}</cv-icon>` : f;
|
26
24
|
}
|
27
25
|
};
|
28
26
|
t.styles = [
|
@@ -46,10 +44,10 @@ a([
|
|
46
44
|
i({ type: Boolean, reflect: !0 })
|
47
45
|
], t.prototype, "trailingSubText", 2);
|
48
46
|
t = a([
|
49
|
-
|
47
|
+
d("cv-text-lockup")
|
50
48
|
], t);
|
51
|
-
const
|
49
|
+
const w = t;
|
52
50
|
export {
|
53
51
|
t as CovalentTextLockup,
|
54
|
-
|
52
|
+
w as default
|
55
53
|
};
|