@covalent/components 6.2.1 → 6.2.2
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 +34 -29
- package/alert.js +6 -6
- package/alert.mjs +18 -13
- package/app-shell.js +8 -8
- package/app-shell.mjs +9 -3
- package/base-element.mjs +5 -0
- package/button.js +9 -9
- package/button.mjs +23 -14
- package/card.js +8 -8
- package/card.mjs +17 -15
- package/check-list-item.js +9 -9
- package/check-list-item.mjs +20 -11
- package/checkbox.js +2 -2
- package/checkbox.mjs +26 -17
- package/circular-progress.js +29 -29
- package/circular-progress.mjs +13 -9
- package/class-map.mjs +9 -0
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +10 -7
- package/dialog.js +1 -1
- package/dialog.mjs +14 -14
- package/dialog2.mjs +55 -49
- package/directive-helpers.mjs +1 -1
- package/drawer.js +3 -3
- package/drawer.mjs +13 -7
- package/empty-state.js +5 -5
- package/empty-state.mjs +5 -3
- package/event-options.mjs +5 -0
- package/form-element.mjs +2 -2
- package/foundation.mjs +2 -2
- package/icon-button.js +8 -8
- package/icon-button.mjs +23 -14
- package/icon-check-toggle.js +9 -9
- package/icon-check-toggle.mjs +15 -6
- package/icon-radio-toggle.js +5 -5
- package/icon-radio-toggle.mjs +30 -21
- package/icon.js +2 -2
- package/icon.mjs +8 -7
- package/if-defined.mjs +1 -1
- package/index.js +1 -1
- package/index.mjs +100 -90
- package/linear-progress.js +12 -12
- package/linear-progress.mjs +23 -17
- package/list-expansion.js +8 -8
- package/list-expansion.mjs +38 -29
- package/list-item.js +1 -1
- package/list-item.mjs +6 -6
- package/list-item2.mjs +16 -15
- package/list.js +1 -1
- package/list.mjs +2 -2
- package/list2.mjs +6 -5
- package/menu.js +2 -2
- package/menu.mjs +25 -16
- package/mwc-checkbox-base.mjs +6 -6
- package/mwc-checkbox.css.mjs +2 -2
- package/mwc-drawer-base.mjs +11 -11
- package/mwc-icon.mjs +3 -3
- package/mwc-line-ripple-directive.mjs +16 -16
- package/mwc-list-base.mjs +25 -25
- package/mwc-list-item-base.mjs +11 -11
- package/mwc-list-item.css.mjs +3 -3
- package/mwc-menu-base.mjs +20 -20
- package/mwc-radio-base.mjs +11 -11
- package/mwc-radio.css.mjs +2 -2
- package/mwc-slider.css.mjs +20 -20
- package/mwc-tab-base.mjs +22 -22
- package/mwc-top-app-bar-base.mjs +10 -10
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +32 -24
- package/package.json +1 -1
- package/property.mjs +5 -0
- package/query-assigned-elements.mjs +33 -0
- package/query-assigned-nodes.mjs +5 -0
- package/query.mjs +5 -0
- package/radio-list-item.js +10 -10
- package/radio-list-item.mjs +27 -18
- package/radio.js +2 -2
- package/radio.mjs +22 -13
- package/ripple-handlers.mjs +104 -2
- package/select.js +28 -28
- package/select.mjs +25 -15
- package/side-sheet.js +4 -4
- package/side-sheet.mjs +12 -6
- package/slider-range.js +7 -7
- package/slider-range.mjs +69 -61
- package/slider.js +3 -3
- package/slider.mjs +26 -18
- package/snackbar.js +15 -15
- package/snackbar.mjs +26 -20
- package/state.mjs +5 -0
- package/status-header-item.js +4 -4
- package/status-header-item.mjs +14 -13
- package/status-header.js +6 -6
- package/status-header.mjs +9 -7
- package/style-map.mjs +5 -0
- package/switch.js +18 -18
- package/switch.mjs +30 -21
- package/tab-bar.js +21 -21
- package/tab-bar.mjs +22 -13
- package/tab.js +3 -3
- package/tab.mjs +13 -4
- package/text-lockup.js +5 -5
- package/text-lockup.mjs +8 -6
- package/textarea.js +14 -14
- package/textarea.mjs +23 -15
- package/textfield.js +3 -3
- package/textfield.mjs +39 -39
- package/textfield2.mjs +26 -19
- package/toolbar.js +3 -3
- package/toolbar.mjs +9 -3
- package/tooltip.js +12 -12
- package/tooltip.mjs +12 -8
- package/top-app-bar-fixed.js +5 -5
- package/top-app-bar-fixed.mjs +29 -23
- package/top-app-bar.js +3 -3
- package/top-app-bar.mjs +2 -2
- package/top-app-bar2.mjs +1 -1
- package/tree-list-item.js +8 -8
- package/tree-list-item.mjs +5 -3
- package/tree-list.js +3 -3
- package/tree-list.mjs +4 -4
- package/tslib.es6.mjs +1 -0
- package/typography.js +4 -4
- package/typography.mjs +12 -11
- package/utils.mjs +5 -0
- package/mwc-ripple.mjs +0 -175
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 c=require("./tslib.es6.mjs"),f=require("./query-assigned-elements.mjs"),C=require("./mwc-tab-base.mjs"),x=require("./base-element.mjs"),R=require("./event-options.mjs"),g=require("./query.mjs"),L=require("./utils.mjs"),I=require("./observer.mjs"),O=require("./property.mjs");require("./class-map.mjs");require("./ripple-handlers.mjs");require("./state.mjs");require("./style-map.mjs");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2021 Google LLC
|
4
4
|
* SPDX-LIcense-Identifier: Apache-2.0
|
5
|
-
*/const
|
5
|
+
*/const w=f.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))}`;/**
|
6
6
|
* @license
|
7
7
|
* Copyright 2018 Google LLC
|
8
8
|
* SPDX-License-Identifier: Apache-2.0
|
9
|
-
*/let
|
9
|
+
*/let T=class extends C.TabBase{};T.styles=[w];T=c.__decorate([f.e("mwc-tab")],T);/**
|
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 P(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 D=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 M={ANIMATING:"mdc-tab-scroller--animating",SCROLL_AREA_SCROLL:"mdc-tab-scroller__scroll-area--scroll",SCROLL_TEST:"mdc-tab-scroller__test"},K={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 A=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 W=function(o){c.__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}(A);/**
|
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 F=function(o){c.__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}(A);/**
|
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 k=function(o){c.__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}(A);/**
|
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 Y=function(o){c.__extends(e,o);function e(t){var r=o.call(this,c.__assign(c.__assign({},e.defaultAdapter),t))||this;return r.isAnimating=!1,r}return Object.defineProperty(e,"cssClasses",{get:function(){return M},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return K},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=c.__read(a.split(","),6);n[0],n[1],n[2],n[3];var i=n[4];return n[5],parseFloat(i)},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),i=n-r;return{finalScrollPosition:n,scrollDelta:i}},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 F(this.adapter);var a=this.adapter.computeScrollAreaClientRect(),n=this.adapter.computeScrollContentClientRect(),i=Math.round(n.right-a.right);return this.adapter.setScrollAreaScrollLeft(t),i===r?new k(this.adapter):new W(this.adapter)},e.prototype.isRTL=function(){return this.adapter.getScrollContentStyleValue("direction")==="rtl"},e}(D);const z=Y;/**
|
178
178
|
* @license
|
179
179
|
* Copyright 2018 Google LLC
|
180
180
|
* SPDX-License-Identifier: Apache-2.0
|
181
|
-
*/class
|
181
|
+
*/class _ extends x.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=z,this._scrollbarHeight=-1}_handleInteraction(){this.mdcFoundation.handleInteraction()}_handleTransitionEnd(e){this.mdcFoundation.handleTransitionEnd(e)}render(){return f.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({},L.addHasRemoveClass(this.mdcRoot)),{eventTargetMatchesSelector:(e,t)=>P(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)}}c.__decorate([g.i(".mdc-tab-scroller")],_.prototype,"mdcRoot",void 0);c.__decorate([g.i(".mdc-tab-scroller__scroll-area")],_.prototype,"scrollAreaElement",void 0);c.__decorate([g.i(".mdc-tab-scroller__scroll-content")],_.prototype,"scrollContentElement",void 0);c.__decorate([R.e({passive:!0})],_.prototype,"_handleInteraction",null);/**
|
194
194
|
* @license
|
195
195
|
* Copyright 2021 Google LLC
|
196
196
|
* SPDX-LIcense-Identifier: Apache-2.0
|
197
|
-
*/const
|
197
|
+
*/const N=f.i`.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 y=class extends _{};y.styles=[N];y=c.__decorate([f.e("mwc-tab-scroller")],y);/**
|
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 V=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 l={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 h=new Set;h.add(l.ARROW_LEFT_KEY);h.add(l.ARROW_RIGHT_KEY);h.add(l.END_KEY);h.add(l.HOME_KEY);h.add(l.ENTER_KEY);h.add(l.SPACE_KEY);var b=new Map;b.set(u.ARROW_LEFT_KEYCODE,l.ARROW_LEFT_KEY);b.set(u.ARROW_RIGHT_KEYCODE,l.ARROW_RIGHT_KEY);b.set(u.END_KEYCODE,l.END_KEY);b.set(u.HOME_KEYCODE,l.HOME_KEY);b.set(u.ENTER_KEYCODE,l.ENTER_KEY);b.set(u.SPACE_KEYCODE,l.SPACE_KEY);var j=function(o){c.__extends(e,o);function e(t){var r=o.call(this,c.__assign(c.__assign({},e.defaultAdapter),t))||this;return r.useAutomaticActivation=!1,r}return Object.defineProperty(e,"strings",{get:function(){return l},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,i=r===l.END_KEY,d=r===l.ARROW_LEFT_KEY&&!a||r===l.ARROW_RIGHT_KEY&&a,p=r===l.ARROW_RIGHT_KEY&&!a||r===l.ARROW_LEFT_KEY&&a,s=t;return i?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 i=this.adapter.getTabDimensionsAtIndex(r),d=i.contentLeft-a-n,p=i.contentRight-a,s=p-u.EXTRA_SCROLL_AMOUNT,m=d+u.EXTRA_SCROLL_AMOUNT;return r<t?Math.min(s,0):Math.max(m,0)},e.prototype.calculateScrollIncrementRTL=function(t,r,a,n,i){var d=this.adapter.getTabDimensionsAtIndex(r),p=i-d.contentLeft-a,s=i-d.contentRight-a-n,m=s+u.EXTRA_SCROLL_AMOUNT,S=p-u.EXTRA_SCROLL_AMOUNT;return r>t?Math.max(m,0):Math.min(S,0)},e.prototype.findAdjacentTabIndexClosestToEdge=function(t,r,a,n){var i=r.rootLeft-a,d=r.rootRight-a-n,p=i+d,s=i<0||p<0,m=d>0||p>0;return s?t-1:m?t+1:-1},e.prototype.findAdjacentTabIndexClosestToEdgeRTL=function(t,r,a,n,i){var d=i-r.rootLeft-n-a,p=i-r.rootRight-a,s=d+p,m=d>0||s>0,S=p<0||s<0;return m?t+1:S?t-1:-1},e.prototype.getKeyFromEvent=function(t){return h.has(t.key)?t.key:b.get(t.keyCode)},e.prototype.isActivationKey=function(t){return t===l.SPACE_KEY||t===l.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),i=this.findAdjacentTabIndexClosestToEdge(t,n,r,a);if(this.indexIsInRange(i)){var d=this.calculateScrollIncrement(t,i,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),i=this.adapter.getScrollContentWidth(),d=this.findAdjacentTabIndexClosestToEdgeRTL(t,n,r,a,i);if(this.indexIsInRange(d)){var p=this.calculateScrollIncrementRTL(t,d,r,a,i);this.adapter.incrementScroll(p)}},e}(V);const E=j;/**
|
265
265
|
* @license
|
266
266
|
* Copyright 2018 Google LLC
|
267
267
|
* SPDX-License-Identifier: Apache-2.0
|
268
|
-
*/class
|
268
|
+
*/class v extends x.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=E,this.activeIndex=0,this._previousActiveIndex=-1}_handleTabInteraction(e){this.mdcFoundation.handleTabInteraction(e)}_handleKeydown(e){this.mdcFoundation.handleKeyDown(e)}render(){return f.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 C.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(E.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)}}c.__decorate([g.i(".mdc-tab-bar")],v.prototype,"mdcRoot",void 0);c.__decorate([g.i("mwc-tab-scroller")],v.prototype,"scrollerElement",void 0);c.__decorate([g.i("slot")],v.prototype,"tabsSlot",void 0);c.__decorate([I.observer(async function(){await this.updateComplete,this.activeIndex!==this._previousActiveIndex&&this.mdcFoundation.activateTab(this.activeIndex)}),O.e({type:Number})],v.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 B=f.i`.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 H=Object.defineProperty,X=Object.getOwnPropertyDescriptor,q=(o,e,t,r)=>{for(var a=r>1?void 0:r?X(e,t):e,n=o.length-1,i;n>=0;n--)(i=o[n])&&(a=(r?i(e,t,a):i(a))||a);return r&&a&&H(e,t,a),a};exports.CovalentTabBar=class extends v{};exports.CovalentTabBar.styles=[B];exports.CovalentTabBar=q([f.e("cv-tab-bar")],exports.CovalentTabBar);const $=exports.CovalentTabBar;exports.default=$;
|
package/tab-bar.mjs
CHANGED
@@ -1,7 +1,16 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
1
|
+
import { _ as u, a as g, b as S, e as P } from "./tslib.es6.mjs";
|
2
|
+
import { i as R, e as x, y as I } from "./query-assigned-elements.mjs";
|
3
|
+
import { T as O } from "./mwc-tab-base.mjs";
|
4
|
+
import { B as w } from "./base-element.mjs";
|
5
|
+
import { e as D } from "./event-options.mjs";
|
6
|
+
import { i as b } from "./query.mjs";
|
7
|
+
import { a as M } from "./utils.mjs";
|
8
|
+
import { o as K } from "./observer.mjs";
|
9
|
+
import { e as W } from "./property.mjs";
|
10
|
+
import "./class-map.mjs";
|
4
11
|
import "./ripple-handlers.mjs";
|
12
|
+
import "./state.mjs";
|
13
|
+
import "./style-map.mjs";
|
5
14
|
/**
|
6
15
|
* @license
|
7
16
|
* Copyright 2021 Google LLC
|
@@ -13,7 +22,7 @@ const F = R`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");f
|
|
13
22
|
* Copyright 2018 Google LLC
|
14
23
|
* SPDX-License-Identifier: Apache-2.0
|
15
24
|
*/
|
16
|
-
let A = class extends
|
25
|
+
let A = class extends O {
|
17
26
|
};
|
18
27
|
A.styles = [F];
|
19
28
|
A = u([
|
@@ -521,7 +530,7 @@ const $ = B;
|
|
521
530
|
* Copyright 2018 Google LLC
|
522
531
|
* SPDX-License-Identifier: Apache-2.0
|
523
532
|
*/
|
524
|
-
class v extends
|
533
|
+
class v extends w {
|
525
534
|
constructor() {
|
526
535
|
super(...arguments), this.mdcFoundationClass = $, this._scrollbarHeight = -1;
|
527
536
|
}
|
@@ -532,7 +541,7 @@ class v extends I {
|
|
532
541
|
this.mdcFoundation.handleTransitionEnd(e);
|
533
542
|
}
|
534
543
|
render() {
|
535
|
-
return
|
544
|
+
return I`
|
536
545
|
<div class="mdc-tab-scroller">
|
537
546
|
<div class="mdc-tab-scroller__scroll-area"
|
538
547
|
@wheel="${this._handleInteraction}"
|
@@ -900,7 +909,7 @@ const L = U;
|
|
900
909
|
* Copyright 2018 Google LLC
|
901
910
|
* SPDX-License-Identifier: Apache-2.0
|
902
911
|
*/
|
903
|
-
class _ extends
|
912
|
+
class _ extends w {
|
904
913
|
constructor() {
|
905
914
|
super(...arguments), this.mdcFoundationClass = L, this.activeIndex = 0, this._previousActiveIndex = -1;
|
906
915
|
}
|
@@ -912,7 +921,7 @@ class _ extends I {
|
|
912
921
|
}
|
913
922
|
// TODO(sorvell): can scroller be optional for perf?
|
914
923
|
render() {
|
915
|
-
return
|
924
|
+
return I`
|
916
925
|
<div class="mdc-tab-bar" role="tablist"
|
917
926
|
@MDCTab:interacted="${this._handleTabInteraction}"
|
918
927
|
@keydown="${this._handleKeydown}">
|
@@ -922,7 +931,7 @@ class _ extends I {
|
|
922
931
|
}
|
923
932
|
// TODO(sorvell): probably want to memoize this and use a `slotChange` event
|
924
933
|
_getTabs() {
|
925
|
-
return this.tabsSlot.assignedNodes({ flatten: !0 }).filter((e) => e instanceof
|
934
|
+
return this.tabsSlot.assignedNodes({ flatten: !0 }).filter((e) => e instanceof O);
|
926
935
|
}
|
927
936
|
_getTab(e) {
|
928
937
|
return this._getTabs()[e];
|
@@ -998,10 +1007,10 @@ u([
|
|
998
1007
|
b("slot")
|
999
1008
|
], _.prototype, "tabsSlot", void 0);
|
1000
1009
|
u([
|
1001
|
-
|
1010
|
+
K(async function() {
|
1002
1011
|
await this.updateComplete, this.activeIndex !== this._previousActiveIndex && this.mdcFoundation.activateTab(this.activeIndex);
|
1003
1012
|
}),
|
1004
|
-
|
1013
|
+
W({ type: Number })
|
1005
1014
|
], _.prototype, "activeIndex", void 0);
|
1006
1015
|
/**
|
1007
1016
|
* @license
|
@@ -1020,8 +1029,8 @@ T.styles = [q];
|
|
1020
1029
|
T = Z([
|
1021
1030
|
x("cv-tab-bar")
|
1022
1031
|
], T);
|
1023
|
-
const
|
1032
|
+
const ht = T;
|
1024
1033
|
export {
|
1025
1034
|
T as CovalentTabBar,
|
1026
|
-
|
1035
|
+
ht as default
|
1027
1036
|
};
|
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("./query-assigned-elements.mjs"),n=require("./mwc-tab-base.mjs");require("./tslib.es6.mjs");require("./base-element.mjs");require("./utils.mjs");require("./property.mjs");require("./query.mjs");require("./class-map.mjs");require("./ripple-handlers.mjs");require("./state.mjs");require("./style-map.mjs");require("./observer.mjs");require("./event-options.mjs");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2021 Google LLC
|
4
4
|
* SPDX-LIcense-Identifier: Apache-2.0
|
5
|
-
*/const p=r.i
|
6
|
-
`;var l=Object.defineProperty,b=Object.getOwnPropertyDescriptor,s=(c,
|
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,e,d,a)=>{for(var t=a>1?void 0:a?b(e,d):e,i=c.length-1,o;i>=0;i--)(o=c[i])&&(t=(a?o(e,d,t):o(t))||t);return a&&t&&l(e,d,t),t};exports.CovalentTab=class extends n.TabBase{};exports.CovalentTab.styles=[p,r.i`${r.r(m)}`];exports.CovalentTab=s([r.e("cv-tab")],exports.CovalentTab);const f=exports.CovalentTab;exports.default=f;
|
package/tab.mjs
CHANGED
@@ -1,7 +1,16 @@
|
|
1
|
-
import {
|
1
|
+
import { i as n, r as p, e as m } from "./query-assigned-elements.mjs";
|
2
2
|
import { T as l } from "./mwc-tab-base.mjs";
|
3
|
-
import "./
|
3
|
+
import "./tslib.es6.mjs";
|
4
|
+
import "./base-element.mjs";
|
5
|
+
import "./utils.mjs";
|
6
|
+
import "./property.mjs";
|
7
|
+
import "./query.mjs";
|
8
|
+
import "./class-map.mjs";
|
4
9
|
import "./ripple-handlers.mjs";
|
10
|
+
import "./state.mjs";
|
11
|
+
import "./style-map.mjs";
|
12
|
+
import "./observer.mjs";
|
13
|
+
import "./event-options.mjs";
|
5
14
|
/**
|
6
15
|
* @license
|
7
16
|
* Copyright 2021 Google LLC
|
@@ -20,8 +29,8 @@ r.styles = [b, n`${p(s)}`];
|
|
20
29
|
r = u([
|
21
30
|
m("cv-tab")
|
22
31
|
], r);
|
23
|
-
const
|
32
|
+
const $ = r;
|
24
33
|
export {
|
25
34
|
r as CovalentTab,
|
26
|
-
|
35
|
+
$ as default
|
27
36
|
};
|
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 o=require("./query-assigned-elements.mjs"),n=require("./property.mjs"),l=require("./class-map.mjs"),y=`.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 h=Object.defineProperty,u=Object.getOwnPropertyDescriptor,a=(r,t,s,i)=>{for(var e=i>1?void 0:i?u(t,s):t,c=r.length-1,p;c>=0;c--)(p=r[c])&&(e=(i?p(t,s,e):p(e))||e);return i&&e&&h(t,s,e),e};exports.CovalentTextLockup=class extends o.s{constructor(){super(...arguments),this.scale="small",this.trailingSubText=!1}render(){const t={"subtext--trailing":this.trailingSubText};return t[`scale--${this.scale}`]=!0,this.state&&(t[`subtext-state--${this.state}`]=!0),o.y`<span class="${l.o(t)}"
|
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?o.y`<cv-icon>${this.icon}</cv-icon>`:o.b}};exports.CovalentTextLockup.styles=[o.i`
|
6
|
+
${o.r(y)}
|
7
|
+
`];a([n.e()],exports.CovalentTextLockup.prototype,"subText",2);a([n.e()],exports.CovalentTextLockup.prototype,"icon",2);a([n.e()],exports.CovalentTextLockup.prototype,"state",2);a([n.e()],exports.CovalentTextLockup.prototype,"scale",2);a([n.e({type:Boolean,reflect:!0})],exports.CovalentTextLockup.prototype,"trailingSubText",2);exports.CovalentTextLockup=a([o.e("cv-text-lockup")],exports.CovalentTextLockup);const g=exports.CovalentTextLockup;exports.default=g;
|
package/text-lockup.mjs
CHANGED
@@ -1,4 +1,6 @@
|
|
1
|
-
import {
|
1
|
+
import { i as h, r as y, s as m, y as l, b as g, e as f } from "./query-assigned-elements.mjs";
|
2
|
+
import { e as i } from "./property.mjs";
|
3
|
+
import { o as d } from "./class-map.mjs";
|
2
4
|
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)}
|
3
5
|
`;
|
4
6
|
var u = Object.defineProperty, b = Object.getOwnPropertyDescriptor, a = (o, r, n, s) => {
|
@@ -14,13 +16,13 @@ let t = class extends m {
|
|
14
16
|
const o = {
|
15
17
|
"subtext--trailing": this.trailingSubText
|
16
18
|
};
|
17
|
-
return o[`scale--${this.scale}`] = !0, this.state && (o[`subtext-state--${this.state}`] = !0), l`<span class="${
|
19
|
+
return o[`scale--${this.scale}`] = !0, this.state && (o[`subtext-state--${this.state}`] = !0), l`<span class="${d(o)}"
|
18
20
|
><span class="subtext">${this.renderIcon()}${this.subText}</span
|
19
21
|
><slot></slot
|
20
22
|
></span>`;
|
21
23
|
}
|
22
24
|
renderIcon() {
|
23
|
-
return this.icon ? l`<cv-icon>${this.icon}</cv-icon>` :
|
25
|
+
return this.icon ? l`<cv-icon>${this.icon}</cv-icon>` : g;
|
24
26
|
}
|
25
27
|
};
|
26
28
|
t.styles = [
|
@@ -44,10 +46,10 @@ a([
|
|
44
46
|
i({ type: Boolean, reflect: !0 })
|
45
47
|
], t.prototype, "trailingSubText", 2);
|
46
48
|
t = a([
|
47
|
-
|
49
|
+
f("cv-text-lockup")
|
48
50
|
], t);
|
49
|
-
const
|
51
|
+
const $ = t;
|
50
52
|
export {
|
51
53
|
t as CovalentTextLockup,
|
52
|
-
|
54
|
+
$ as default
|
53
55
|
};
|