@covalent/components 8.1.0 → 8.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/_commonjsHelpers-ZPn_iTGj.mjs +28 -0
- package/_commonjsHelpers-fFrWAeZI.js +1 -0
- package/action-ribbon.js +2 -3
- package/action-ribbon.mjs +9 -10
- package/alert.js +2 -3
- package/alert.mjs +9 -10
- package/app-shell/app-shell.d.ts +6 -1
- package/app-shell/app-shell.d.ts.map +1 -1
- package/app-shell.js +3 -4
- package/app-shell.mjs +65 -51
- package/{base-element-67ae173f.mjs → base-element--jaKdI-8.mjs} +2 -2
- package/{base-element-58a3f9ea.js → base-element-atp_8bvP.js} +1 -1
- package/button.js +2 -3
- package/button.mjs +15 -16
- package/card.js +2 -3
- package/card.mjs +4 -5
- package/check-list-item.js +10 -12
- package/check-list-item.mjs +65 -65
- package/checkbox.js +1 -2
- package/checkbox.mjs +23 -25
- package/chip-M5Vb5Kd6.js +492 -0
- package/chip-m2mKzWQT.mjs +3115 -0
- package/chip-set.js +75 -0
- package/chip-set.mjs +531 -0
- package/chip.js +1 -0
- package/chip.mjs +12 -0
- package/circular-progress.js +1 -1
- package/circular-progress.mjs +7 -7
- package/{class-map-4b94b017.mjs → class-map-YPXv0Hj4.mjs} +1 -1
- package/{class-map-b5efe8da.js → class-map-wtcW44Of.js} +1 -1
- package/code-snippet.js +12 -1
- package/code-snippet.mjs +12251 -7
- package/{dialog-82b03745.js → dialog-SpbwRuWY.js} +6 -7
- package/{dialog-3ca1b701.mjs → dialog-tIMorfuj.mjs} +60 -62
- package/dialog.js +1 -1
- package/dialog.mjs +10 -10
- package/{directive-helpers-0ce1f995.js → directive-helpers--rJ2jf3N.js} +1 -1
- package/{directive-helpers-e3ea6592.mjs → directive-helpers-9566lOOl.mjs} +1 -1
- package/drawer.js +2 -3
- package/drawer.mjs +11 -12
- package/empty-state.js +1 -2
- package/empty-state.mjs +5 -6
- package/{event-options-78d6cf94.mjs → event-options-0xzSdemG.mjs} +1 -1
- package/{event-options-3f5eb195.js → event-options-2TJPtsKy.js} +1 -1
- package/expansion-panel-item.js +24 -0
- package/expansion-panel-item.mjs +106 -0
- package/expansion-panel.js +7 -0
- package/expansion-panel.mjs +59 -0
- package/{form-element-c553d6f5.js → form-element-5s8gft-A.js} +1 -1
- package/{form-element-ffcf59ff.mjs → form-element-gM33WEq3.mjs} +4 -4
- package/formfield.js +79 -0
- package/formfield.mjs +275 -0
- package/{foundation-786bf879.js → foundation-1Vzfdey_.js} +1 -1
- package/{foundation-39dc72d2.mjs → foundation-3Wg80pI7.mjs} +1 -1
- package/icon-button.js +2 -3
- package/icon-button.mjs +14 -15
- package/icon-check-toggle.js +4 -5
- package/icon-check-toggle.mjs +22 -24
- package/icon-radio-toggle.js +4 -5
- package/icon-radio-toggle.mjs +25 -27
- package/icon.js +1 -5
- package/icon.mjs +15 -21
- package/{if-defined-c367f208.mjs → if-defined-BH_l2PVl.mjs} +1 -1
- package/{if-defined-f1c45245.js → if-defined-lAIUwAsA.js} +1 -1
- package/index.js +1 -568
- package/index.mjs +124 -3741
- package/{inert.esm-359d4581.mjs → inert.esm-vhZXthJr.mjs} +1 -1
- package/linear-progress.js +2 -3
- package/linear-progress.mjs +12 -13
- package/list/check-list-item.d.ts.map +1 -1
- package/list/radio-list-item.d.ts.map +1 -1
- package/list-item-F2e6aWaj.mjs +11 -0
- package/list-item-Ze98reWt.js +5 -0
- package/list-item.js +7 -1
- package/list-item.mjs +37 -16
- package/list.js +3 -8
- package/list.mjs +31 -37
- package/menu.js +1 -5
- package/menu.mjs +28 -34
- package/{mwc-checkbox.css-b3434429.js → mwc-checkbox.css-JOD-Qh-9.js} +42 -2
- package/{mwc-checkbox.css-8f4f1a9b.mjs → mwc-checkbox.css-c44nPIEs.mjs} +198 -3
- package/{mwc-drawer-base-135de8a5.mjs → mwc-drawer-base-8e_1aSuf.mjs} +24 -26
- package/{mwc-drawer-base-798b11f8.js → mwc-drawer-base-Fv3JVYPS.js} +5 -5
- package/{mwc-icon-bf656cf5.mjs → mwc-icon-eaW72Ei7.mjs} +6 -5
- package/{mwc-icon-f87639bc.js → mwc-icon-r2y4-AXI.js} +2 -2
- package/{mwc-line-ripple-directive-b24a914e.mjs → mwc-line-ripple-directive-Q_HMRGPE.mjs} +6 -6
- package/{mwc-line-ripple-directive-a6b39a3c.js → mwc-line-ripple-directive-iRoAkPnW.js} +1 -1
- package/{mwc-list-item.css-b0009fc7.mjs → mwc-list-item.css-d-SHhq7Q.mjs} +199 -7
- package/{mwc-list-item.css-25adc0c4.js → mwc-list-item.css-yJ5bjNGc.js} +28 -5
- package/mwc-list.css-DjU8XB1m.js +111 -0
- package/{mwc-list-base-76e37212.mjs → mwc-list.css-_OVL_dbR.mjs} +213 -212
- package/{mwc-menu-base-c4bc88ea.mjs → mwc-menu.css-cKtc1ZD4.mjs} +74 -75
- package/mwc-menu.css-qavo4jer.js +190 -0
- package/{mwc-radio-base-a374fbd9.mjs → mwc-radio.css-_lt-Vcvl.mjs} +123 -117
- package/mwc-radio.css-h_Wv0Eag.js +105 -0
- package/{mwc-slider.css-c7107d94.js → mwc-slider.css-lCfMVbO5.js} +1 -1
- package/{mwc-slider.css-8b6f275c.mjs → mwc-slider.css-md7hPAE7.mjs} +11 -11
- package/{mwc-tab-base-be0c887f.mjs → mwc-tab.css-lT5vTf5I.mjs} +127 -123
- package/{mwc-tab-base-f28722aa.js → mwc-tab.css-q4Jsbyp5.js} +26 -22
- package/{mwc-top-app-bar-base-aec60f27.js → mwc-top-app-bar-base-8qOIX1me.js} +3 -3
- package/{mwc-top-app-bar-base-55da3fe4.mjs → mwc-top-app-bar-base-nm6mdCR3.mjs} +12 -13
- package/nav-list-item.js +6 -7
- package/nav-list-item.mjs +38 -39
- package/package.json +16 -1
- package/{query-d843aa92.mjs → query-1WmuF6Bq.mjs} +1 -1
- package/{query-assigned-nodes-99eae71d.js → query-assigned-nodes-1p7z6CEm.js} +1 -1
- package/{query-assigned-nodes-df691e78.mjs → query-assigned-nodes-6yHI5ePh.mjs} +1 -1
- package/{query-680f1868.js → query-duvhtfSs.js} +1 -1
- package/radio-list-item.js +10 -12
- package/radio-list-item.mjs +62 -62
- package/radio.js +1 -2
- package/radio.mjs +23 -25
- package/{ripple-handlers-f37f21cf.mjs → ripple-handlers-BwaZu9Ps.mjs} +16 -17
- package/{ripple-handlers-5d5b21db.js → ripple-handlers-HeGhXgD2.js} +8 -8
- package/select.js +10 -15
- package/select.mjs +139 -147
- package/side-sheet.js +1 -2
- package/side-sheet.mjs +11 -12
- package/slider-range.js +1 -1
- package/slider-range.mjs +14 -14
- package/slider.js +1 -1
- package/slider.mjs +16 -16
- package/snackbar.js +10 -11
- package/snackbar.mjs +34 -36
- package/{state-0974a8e5.js → state-LqPxt99W.js} +1 -1
- package/{state-b5e865db.mjs → state-inNZe6rL.mjs} +1 -1
- package/status-header-item.js +1 -2
- package/status-header-item.mjs +3 -4
- package/status-header.js +2 -3
- package/status-header.mjs +4 -5
- package/{style-map-88d2563f.js → style-map-66_3wrLx.js} +1 -1
- package/{style-map-bc3ed3e0.mjs → style-map-8yp6DGeh.mjs} +2 -2
- package/style.css +1 -1
- package/switch.js +2 -3
- package/switch.mjs +15 -16
- package/tab-bar.js +18 -22
- package/tab-bar.mjs +195 -203
- package/tab.js +1 -6
- package/tab.mjs +26 -32
- package/text-lockup.js +1 -2
- package/text-lockup.mjs +8 -9
- package/textarea.js +15 -19
- package/textarea.mjs +59 -65
- package/textfield/textfield.d.ts +1 -0
- package/textfield/textfield.d.ts.map +1 -1
- package/textfield-7aU1kEO6.mjs +936 -0
- package/textfield-jvevIGSw.js +136 -0
- package/textfield.js +3 -7
- package/textfield.mjs +33 -36
- package/toolbar.js +1 -2
- package/toolbar.mjs +9 -10
- package/tooltip.js +2 -3
- package/tooltip.mjs +9 -10
- package/top-app-bar-fixed.js +6 -6
- package/top-app-bar-fixed.mjs +27 -28
- package/{top-app-bar-f83386e0.mjs → top-app-bar-h0V-USh_.mjs} +2 -3
- package/{top-app-bar-a531c1b4.js → top-app-bar-qcW2ucE3.js} +2 -3
- package/top-app-bar.js +1 -1
- package/top-app-bar.mjs +9 -9
- package/tree-list-item.js +1 -2
- package/tree-list-item.mjs +6 -7
- package/tree-list.js +1 -2
- package/tree-list.mjs +2 -3
- package/{tslib.es6-f3e988cd.mjs → tslib.es6-S8SvF2K1.mjs} +5 -5
- package/typography.js +1 -2
- package/typography.mjs +3 -4
- package/code-snippet-2137b11c.js +0 -13
- package/code-snippet-ccca324f.mjs +0 -12278
- package/list-item-04b6ffa1.js +0 -8
- package/list-item-1c4f9e23.mjs +0 -32
- package/mwc-checkbox-base-3d8c9549.js +0 -41
- package/mwc-checkbox-base-f10fd709.mjs +0 -198
- package/mwc-list-base-400b00e2.js +0 -111
- package/mwc-list-item-base-297d86b0.js +0 -28
- package/mwc-list-item-base-fe4398c3.mjs +0 -202
- package/mwc-menu-base-c75ca473.js +0 -190
- package/mwc-radio-base-913e02e2.js +0 -101
- package/mwc-radio.css-4e140252.js +0 -5
- package/mwc-radio.css-7454bb11.mjs +0 -10
- package/textfield-62e16cc2.js +0 -133
- package/textfield-63d1859a.mjs +0 -932
- /package/{aria-property-849c8816.js → aria-property-52VAcg_f.js} +0 -0
- /package/{aria-property-fa2717fe.mjs → aria-property-wYjPNXcK.mjs} +0 -0
- /package/{inert.esm-2cee6f2e.js → inert.esm-TSRtlTFV.js} +0 -0
- /package/{observer-a096ab43.js → observer-LlGBroG9.js} +0 -0
- /package/{observer-be7b92e2.mjs → observer-cKAgu-MI.mjs} +0 -0
- /package/{property-9b6ea53b.mjs → property-K7hFBmOi.mjs} +0 -0
- /package/{property-57f6f6fe.js → property-iZpLBvy-.js} +0 -0
- /package/{query-assigned-elements-f623705d.js → query-assigned-elements-j_5ZiL65.js} +0 -0
- /package/{query-assigned-elements-4a39219d.mjs → query-assigned-elements-yFWOzcsT.mjs} +0 -0
- /package/{tslib.es6-98719205.js → tslib.es6-5xG0QhxF.js} +0 -0
- /package/{utils-a8190a39.js → utils-W3ENJhq-.js} +0 -0
- /package/{utils-2932417c.mjs → utils-xAXEDL0Y.mjs} +0 -0
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";const
|
1
|
+
"use strict";const a=require("./tslib.es6-5xG0QhxF.js"),c=require("./query-assigned-elements-j_5ZiL65.js"),_=require("./base-element-atp_8bvP.js"),r=require("./property-iZpLBvy-.js"),p=require("./query-duvhtfSs.js"),b=require("./class-map-wtcW44Of.js"),v=require("./utils-W3ENJhq-.js"),y=require("./ripple-handlers-HeGhXgD2.js"),x=require("./observer-LlGBroG9.js"),C=require("./state-LqPxt99W.js"),I=require("./event-options-2TJPtsKy.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2016 Google Inc.
|
4
4
|
*
|
@@ -19,7 +19,7 @@
|
|
19
19
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
20
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
21
|
* THE SOFTWARE.
|
22
|
-
*/var
|
22
|
+
*/var R=function(){function e(t){t===void 0&&(t={}),this.adapter=t}return Object.defineProperty(e,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),e.prototype.init=function(){},e.prototype.destroy=function(){},e}();/**
|
23
23
|
* @license
|
24
24
|
* Copyright 2018 Google Inc.
|
25
25
|
*
|
@@ -40,7 +40,7 @@
|
|
40
40
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
41
41
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
42
42
|
* THE SOFTWARE.
|
43
|
-
*/var
|
43
|
+
*/var w={ACTIVE:"mdc-tab-indicator--active",FADE:"mdc-tab-indicator--fade",NO_TRANSITION:"mdc-tab-indicator--no-transition"},A={CONTENT_SELECTOR:".mdc-tab-indicator__content"};/**
|
44
44
|
* @license
|
45
45
|
* Copyright 2018 Google Inc.
|
46
46
|
*
|
@@ -61,7 +61,7 @@
|
|
61
61
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
62
62
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
63
63
|
* THE SOFTWARE.
|
64
|
-
*/var
|
64
|
+
*/var d=function(e){a.__extends(t,e);function t(i){return e.call(this,a.__assign(a.__assign({},t.defaultAdapter),i))||this}return Object.defineProperty(t,"cssClasses",{get:function(){return w},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return A},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},computeContentClientRect:function(){return{top:0,right:0,bottom:0,left:0,width:0,height:0}},setContentStyleProperty:function(){}}},enumerable:!1,configurable:!0}),t.prototype.computeContentClientRect=function(){return this.adapter.computeContentClientRect()},t}(R);/**
|
65
65
|
* @license
|
66
66
|
* Copyright 2018 Google Inc.
|
67
67
|
*
|
@@ -82,7 +82,7 @@
|
|
82
82
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
83
83
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
84
84
|
* THE SOFTWARE.
|
85
|
-
*/var
|
85
|
+
*/var E=function(e){a.__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.prototype.activate=function(){this.adapter.addClass(d.cssClasses.ACTIVE)},t.prototype.deactivate=function(){this.adapter.removeClass(d.cssClasses.ACTIVE)},t}(d);/**
|
86
86
|
* @license
|
87
87
|
* Copyright 2018 Google Inc.
|
88
88
|
*
|
@@ -103,23 +103,23 @@
|
|
103
103
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
104
104
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
105
105
|
* THE SOFTWARE.
|
106
|
-
*/var
|
106
|
+
*/var T=function(e){a.__extends(t,e);function t(){return e!==null&&e.apply(this,arguments)||this}return t.prototype.activate=function(i){if(!i){this.adapter.addClass(d.cssClasses.ACTIVE);return}var o=this.computeContentClientRect(),f=i.width/o.width,m=i.left-o.left;this.adapter.addClass(d.cssClasses.NO_TRANSITION),this.adapter.setContentStyleProperty("transform","translateX("+m+"px) scaleX("+f+")"),this.computeContentClientRect(),this.adapter.removeClass(d.cssClasses.NO_TRANSITION),this.adapter.addClass(d.cssClasses.ACTIVE),this.adapter.setContentStyleProperty("transform","")},t.prototype.deactivate=function(){this.adapter.removeClass(d.cssClasses.ACTIVE)},t}(d);/**
|
107
107
|
* @license
|
108
108
|
* Copyright 2018 Google LLC
|
109
109
|
* SPDX-License-Identifier: Apache-2.0
|
110
|
-
*/class
|
111
|
-
<span class="mdc-tab-indicator ${
|
112
|
-
<span class="mdc-tab-indicator__content ${
|
110
|
+
*/class l extends _.BaseElement{constructor(){super(...arguments),this.icon="",this.fade=!1}get mdcFoundationClass(){return this.fade?E:T}render(){const t={"mdc-tab-indicator__content--icon":this.icon,"material-icons":this.icon,"mdc-tab-indicator__content--underline":!this.icon};return c.x`
|
111
|
+
<span class="mdc-tab-indicator ${b.o({"mdc-tab-indicator--fade":this.fade})}">
|
112
|
+
<span class="mdc-tab-indicator__content ${b.o(t)}">${this.icon}</span>
|
113
113
|
</span>
|
114
|
-
`}updated(t){t.has("fade")&&this.createFoundation()}createAdapter(){return Object.assign(Object.assign({},
|
114
|
+
`}updated(t){t.has("fade")&&this.createFoundation()}createAdapter(){return Object.assign(Object.assign({},v.addHasRemoveClass(this.mdcRoot)),{computeContentClientRect:()=>this.contentElement.getBoundingClientRect(),setContentStyleProperty:(t,i)=>this.contentElement.style.setProperty(t,i)})}computeContentClientRect(){return this.mdcFoundation.computeContentClientRect()}activate(t){this.mdcFoundation.activate(t)}deactivate(){this.mdcFoundation.deactivate()}}a.__decorate([p.i(".mdc-tab-indicator")],l.prototype,"mdcRoot",void 0);a.__decorate([p.i(".mdc-tab-indicator__content")],l.prototype,"contentElement",void 0);a.__decorate([r.n()],l.prototype,"icon",void 0);a.__decorate([r.n({type:Boolean})],l.prototype,"fade",void 0);/**
|
115
115
|
* @license
|
116
116
|
* Copyright 2021 Google LLC
|
117
117
|
* SPDX-LIcense-Identifier: Apache-2.0
|
118
|
-
*/const
|
118
|
+
*/const O=c.i`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-color:#6200ee;border-color:var(--mdc-theme-primary, #6200ee)}.mdc-tab-indicator .mdc-tab-indicator__content--icon{color:#018786;color:var(--mdc-theme-secondary, #018786)}.mdc-tab-indicator .mdc-tab-indicator__content--underline{border-top-width:2px}.mdc-tab-indicator .mdc-tab-indicator__content--icon{height:34px;font-size:34px}.mdc-tab-indicator{display:flex;position:absolute;top:0;left:0;justify-content:center;width:100%;height:100%;pointer-events:none;z-index:1}.mdc-tab-indicator__content{transform-origin:left;opacity:0}.mdc-tab-indicator__content--underline{align-self:flex-end;box-sizing:border-box;width:100%;border-top-style:solid}.mdc-tab-indicator__content--icon{align-self:center;margin:0 auto}.mdc-tab-indicator--active .mdc-tab-indicator__content{opacity:1}.mdc-tab-indicator .mdc-tab-indicator__content{transition:250ms transform cubic-bezier(0.4, 0, 0.2, 1)}.mdc-tab-indicator--no-transition .mdc-tab-indicator__content{transition:none}.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition:150ms opacity linear}.mdc-tab-indicator--active.mdc-tab-indicator--fade .mdc-tab-indicator__content{transition-delay:100ms}`;/**
|
119
119
|
* @license
|
120
120
|
* Copyright 2018 Google LLC
|
121
121
|
* SPDX-License-Identifier: Apache-2.0
|
122
|
-
*/let
|
122
|
+
*/let h=class extends l{};h.styles=[O];h=a.__decorate([c.e("mwc-tab-indicator")],h);/**
|
123
123
|
* @license
|
124
124
|
* Copyright 2016 Google Inc.
|
125
125
|
*
|
@@ -140,7 +140,7 @@
|
|
140
140
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
141
141
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
142
142
|
* THE SOFTWARE.
|
143
|
-
*/var
|
143
|
+
*/var k=function(){function e(t){t===void 0&&(t={}),this.adapter=t}return Object.defineProperty(e,"cssClasses",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(e,"strings",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(e,"numbers",{get:function(){return{}},enumerable:!1,configurable:!0}),Object.defineProperty(e,"defaultAdapter",{get:function(){return{}},enumerable:!1,configurable:!0}),e.prototype.init=function(){},e.prototype.destroy=function(){},e}();/**
|
144
144
|
* @license
|
145
145
|
* Copyright 2018 Google Inc.
|
146
146
|
*
|
@@ -161,7 +161,7 @@
|
|
161
161
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
162
162
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
163
163
|
* THE SOFTWARE.
|
164
|
-
*/var
|
164
|
+
*/var u={ACTIVE:"mdc-tab--active"},s={ARIA_SELECTED:"aria-selected",CONTENT_SELECTOR:".mdc-tab__content",INTERACTED_EVENT:"MDCTab:interacted",RIPPLE_SELECTOR:".mdc-tab__ripple",TABINDEX:"tabIndex",TAB_INDICATOR_SELECTOR:".mdc-tab-indicator"};/**
|
165
165
|
* @license
|
166
166
|
* Copyright 2018 Google Inc.
|
167
167
|
*
|
@@ -182,16 +182,16 @@
|
|
182
182
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
183
183
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
184
184
|
* THE SOFTWARE.
|
185
|
-
*/var
|
185
|
+
*/var g=function(e){a.__extends(t,e);function t(i){var o=e.call(this,a.__assign(a.__assign({},t.defaultAdapter),i))||this;return o.focusOnActivate=!0,o}return Object.defineProperty(t,"cssClasses",{get:function(){return u},enumerable:!1,configurable:!0}),Object.defineProperty(t,"strings",{get:function(){return s},enumerable:!1,configurable:!0}),Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},removeClass:function(){},hasClass:function(){return!1},setAttr:function(){},activateIndicator:function(){},deactivateIndicator:function(){},notifyInteracted:function(){},getOffsetLeft:function(){return 0},getOffsetWidth:function(){return 0},getContentOffsetLeft:function(){return 0},getContentOffsetWidth:function(){return 0},focus:function(){}}},enumerable:!1,configurable:!0}),t.prototype.handleClick=function(){this.adapter.notifyInteracted()},t.prototype.isActive=function(){return this.adapter.hasClass(u.ACTIVE)},t.prototype.setFocusOnActivate=function(i){this.focusOnActivate=i},t.prototype.activate=function(i){this.adapter.addClass(u.ACTIVE),this.adapter.setAttr(s.ARIA_SELECTED,"true"),this.adapter.setAttr(s.TABINDEX,"0"),this.adapter.activateIndicator(i),this.focusOnActivate&&this.adapter.focus()},t.prototype.deactivate=function(){this.isActive()&&(this.adapter.removeClass(u.ACTIVE),this.adapter.setAttr(s.ARIA_SELECTED,"false"),this.adapter.setAttr(s.TABINDEX,"-1"),this.adapter.deactivateIndicator())},t.prototype.computeDimensions=function(){var i=this.adapter.getOffsetWidth(),o=this.adapter.getOffsetLeft(),f=this.adapter.getContentOffsetWidth(),m=this.adapter.getContentOffsetLeft();return{contentLeft:o+m,contentRight:o+m+f,rootLeft:o,rootRight:o+i}},t}(k);/**
|
186
186
|
* @license
|
187
187
|
* Copyright 2018 Google LLC
|
188
188
|
* SPDX-License-Identifier: Apache-2.0
|
189
|
-
*/let
|
190
|
-
<span class="mdc-tab__icon material-icons"><slot name="icon">${this.icon}</slot></span>`);let o=
|
191
|
-
<span class="mdc-tab__text-label">${this.label}</span>`),
|
189
|
+
*/let F=0;class n extends _.BaseElement{constructor(){super(...arguments),this.mdcFoundationClass=g,this.label="",this.icon="",this.hasImageIcon=!1,this.isFadingIndicator=!1,this.minWidth=!1,this.isMinWidthIndicator=!1,this.indicatorIcon="",this.stacked=!1,this.focusOnActivate=!0,this._active=!1,this.initFocus=!1,this.shouldRenderRipple=!1,this.useStateLayerCustomProperties=!1,this.rippleElement=null,this.rippleHandlers=new y.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple.then(t=>this.rippleElement=t),this.ripple))}get active(){return this._active}connectedCallback(){this.dir=document.dir,super.connectedCallback()}firstUpdated(){super.firstUpdated(),this.id=this.id||`mdc-tab-${++F}`}render(){const t={"mdc-tab--min-width":this.minWidth,"mdc-tab--stacked":this.stacked};let i=c.x``;(this.hasImageIcon||this.icon)&&(i=c.x`
|
190
|
+
<span class="mdc-tab__icon material-icons"><slot name="icon">${this.icon}</slot></span>`);let o=c.x``;return this.label&&(o=c.x`
|
191
|
+
<span class="mdc-tab__text-label">${this.label}</span>`),c.x`
|
192
192
|
<button
|
193
193
|
@click="${this.handleClick}"
|
194
|
-
class="mdc-tab ${
|
194
|
+
class="mdc-tab ${b.o(t)}"
|
195
195
|
role="tab"
|
196
196
|
aria-selected="false"
|
197
197
|
tabindex="-1"
|
@@ -210,7 +210,11 @@
|
|
210
210
|
</span>
|
211
211
|
${this.isMinWidthIndicator?"":this.renderIndicator()}
|
212
212
|
${this.renderRipple()}
|
213
|
-
</button>`}renderIndicator(){return
|
213
|
+
</button>`}renderIndicator(){return c.x`<mwc-tab-indicator
|
214
214
|
.icon="${this.indicatorIcon}"
|
215
|
-
.fade="${this.isFadingIndicator}"></mwc-tab-indicator>`}renderRipple(){return this.shouldRenderRipple?
|
216
|
-
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"></mwc-ripple>`:""}createAdapter(){return Object.assign(Object.assign({},
|
215
|
+
.fade="${this.isFadingIndicator}"></mwc-tab-indicator>`}renderRipple(){return this.shouldRenderRipple?c.x`<mwc-ripple primary
|
216
|
+
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"></mwc-ripple>`:""}createAdapter(){return Object.assign(Object.assign({},v.addHasRemoveClass(this.mdcRoot)),{setAttr:(t,i)=>this.mdcRoot.setAttribute(t,i),activateIndicator:async t=>{await this.tabIndicator.updateComplete,this.tabIndicator.activate(t)},deactivateIndicator:async()=>{await this.tabIndicator.updateComplete,this.tabIndicator.deactivate()},notifyInteracted:()=>this.dispatchEvent(new CustomEvent(g.strings.INTERACTED_EVENT,{detail:{tabId:this.id},bubbles:!0,composed:!0,cancelable:!0})),getOffsetLeft:()=>this.offsetLeft,getOffsetWidth:()=>this.mdcRoot.offsetWidth,getContentOffsetLeft:()=>this._contentElement.offsetLeft,getContentOffsetWidth:()=>this._contentElement.offsetWidth,focus:()=>{this.initFocus?this.initFocus=!1:this.mdcRoot.focus()}})}activate(t){t||(this.initFocus=!0),this.mdcFoundation?(this.mdcFoundation.activate(t),this.setActive(this.mdcFoundation.isActive())):this.updateComplete.then(()=>{this.mdcFoundation.activate(t),this.setActive(this.mdcFoundation.isActive())})}deactivate(){this.mdcFoundation.deactivate(),this.setActive(this.mdcFoundation.isActive())}setActive(t){const i=this.active;i!==t&&(this._active=t,this.requestUpdate("active",i))}computeDimensions(){return this.mdcFoundation.computeDimensions()}computeIndicatorClientRect(){return this.tabIndicator.computeContentClientRect()}focus(){this.mdcRoot.focus(),this.handleFocus()}handleClick(){this.handleFocus(),this.mdcFoundation.handleClick()}handleFocus(){this.handleRippleFocus()}handleBlur(){this.handleRippleBlur()}handleRippleMouseDown(t){const i=()=>{window.removeEventListener("mouseup",i),this.handleRippleDeactivate()};window.addEventListener("mouseup",i),this.rippleHandlers.startPress(t)}handleRippleTouchStart(t){this.rippleHandlers.startPress(t)}handleRippleDeactivate(){this.rippleHandlers.endPress()}handleRippleMouseEnter(){this.rippleHandlers.startHover()}handleRippleMouseLeave(){this.rippleHandlers.endHover()}handleRippleFocus(){this.rippleHandlers.startFocus()}handleRippleBlur(){this.rippleHandlers.endFocus()}get isRippleActive(){var t;return((t=this.rippleElement)===null||t===void 0?void 0:t.isActive)||!1}}n.shadowRootOptions={mode:"open",delegatesFocus:!0};a.__decorate([p.i(".mdc-tab")],n.prototype,"mdcRoot",void 0);a.__decorate([p.i("mwc-tab-indicator")],n.prototype,"tabIndicator",void 0);a.__decorate([r.n()],n.prototype,"label",void 0);a.__decorate([r.n()],n.prototype,"icon",void 0);a.__decorate([r.n({type:Boolean})],n.prototype,"hasImageIcon",void 0);a.__decorate([r.n({type:Boolean})],n.prototype,"isFadingIndicator",void 0);a.__decorate([r.n({type:Boolean})],n.prototype,"minWidth",void 0);a.__decorate([r.n({type:Boolean})],n.prototype,"isMinWidthIndicator",void 0);a.__decorate([r.n({type:Boolean,reflect:!0,attribute:"active"})],n.prototype,"active",null);a.__decorate([r.n()],n.prototype,"indicatorIcon",void 0);a.__decorate([r.n({type:Boolean})],n.prototype,"stacked",void 0);a.__decorate([x.observer(async function(e){await this.updateComplete,this.mdcFoundation.setFocusOnActivate(e)}),r.n({type:Boolean})],n.prototype,"focusOnActivate",void 0);a.__decorate([p.i(".mdc-tab__content")],n.prototype,"_contentElement",void 0);a.__decorate([C.t()],n.prototype,"shouldRenderRipple",void 0);a.__decorate([C.t()],n.prototype,"useStateLayerCustomProperties",void 0);a.__decorate([y.e("mwc-ripple")],n.prototype,"ripple",void 0);a.__decorate([I.e({passive:!0})],n.prototype,"handleRippleTouchStart",null);/**
|
217
|
+
* @license
|
218
|
+
* Copyright 2021 Google LLC
|
219
|
+
* SPDX-LIcense-Identifier: Apache-2.0
|
220
|
+
*/const z=c.i`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-button-font-size, 0.875rem);line-height:2.25rem;line-height:var(--mdc-typography-button-line-height, 2.25rem);font-weight:500;font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:0.0892857143em;letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);text-decoration:none;text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:uppercase;text-transform:var(--mdc-typography-button-text-transform, uppercase);position:relative}.mdc-tab .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mdc-tab .mdc-tab__icon{color:rgba(0, 0, 0, 0.54);fill:currentColor}.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:8px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc( 100% + -12px );width:calc( 100% + -8px );margin-top:-2px;z-index:2}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring::after{content:"";border:2px solid transparent;border-radius:10px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused.mdc-tab--active .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus.mdc-tab--active .mdc-tab__focus-ring::after{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:8px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc( 100% + -8px );width:calc( 100% + -8px );z-index:2}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring{border-color:CanvasText}}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring::after{content:"";border:2px solid transparent;border-radius:10px;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:calc(100% + 4px);width:calc(100% + 4px)}@media screen and (forced-colors: active){.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__focus-ring::after,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__focus-ring::after{border-color:CanvasText}}.mdc-tab__content{position:relative}.mdc-tab__icon{width:24px;height:24px;font-size:24px}.mdc-tab--active .mdc-tab__text-label{color:#6200ee;color:var(--mdc-theme-primary, #6200ee)}.mdc-tab--active .mdc-tab__icon{color:#6200ee;color:var(--mdc-theme-primary, #6200ee);fill:currentColor}.mdc-tab{background:none}.mdc-tab{min-width:90px;padding-right:24px;padding-left:24px;display:flex;flex:1 0 auto;justify-content:center;box-sizing:border-box;margin:0;padding-top:0;padding-bottom:0;border:none;outline:none;text-align:center;white-space:nowrap;cursor:pointer;-webkit-appearance:none;z-index:1}.mdc-tab::-moz-focus-inner{padding:0;border:0}.mdc-tab--min-width{flex:0 1 auto}.mdc-tab__content{display:flex;align-items:center;justify-content:center;height:inherit;pointer-events:none}.mdc-tab__text-label{transition:150ms color linear;display:inline-block;line-height:1;z-index:2}.mdc-tab__icon{transition:150ms color linear;z-index:2}.mdc-tab--stacked .mdc-tab__content{flex-direction:column;align-items:center;justify-content:center}.mdc-tab--stacked .mdc-tab__text-label{padding-top:6px;padding-bottom:4px}.mdc-tab--active .mdc-tab__text-label,.mdc-tab--active .mdc-tab__icon{transition-delay:100ms}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-tab{--mdc-ripple-fg-size: 0;--mdc-ripple-left: 0;--mdc-ripple-top: 0;--mdc-ripple-fg-scale: 1;--mdc-ripple-fg-translate-end: 0;--mdc-ripple-fg-translate-start: 0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.mdc-tab .mdc-tab__ripple::before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-tab .mdc-tab__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-tab.mdc-ripple-upgraded--unbounded .mdc-tab__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-tab.mdc-ripple-upgraded--foreground-activation .mdc-tab__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.mdc-tab.mdc-ripple-upgraded--foreground-deactivation .mdc-tab__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-tab.mdc-ripple-upgraded .mdc-tab__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-tab .mdc-tab__ripple::before,.mdc-tab .mdc-tab__ripple::after{background-color:#6200ee;background-color:var(--mdc-ripple-color, var(--mdc-theme-primary, #6200ee))}.mdc-tab:hover .mdc-tab__ripple::before,.mdc-tab.mdc-ripple-surface--hover .mdc-tab__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-tab.mdc-ripple-upgraded--background-focused .mdc-tab__ripple::before,.mdc-tab:not(.mdc-ripple-upgraded):focus .mdc-tab__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-tab:not(.mdc-ripple-upgraded) .mdc-tab__ripple::after{transition:opacity 150ms linear}.mdc-tab:not(.mdc-ripple-upgraded):active .mdc-tab__ripple::after{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-tab.mdc-ripple-upgraded{--mdc-ripple-fg-opacity:var(--mdc-ripple-press-opacity, 0.12)}.mdc-tab__ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;will-change:transform,opacity}:host{outline:none;flex:1 0 auto;display:flex;justify-content:center;-webkit-tap-highlight-color:transparent}.mdc-tab{height:var(--mdc-tab-height, 48px);margin-left:0;margin-right:0;padding-right:var(--mdc-tab-horizontal-padding, 24px);padding-left:var(--mdc-tab-horizontal-padding, 24px)}.mdc-tab--stacked{height:var(--mdc-tab-stacked-height, 72px)}.mdc-tab::-moz-focus-inner{border:0}.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label{padding-left:8px;padding-right:0}[dir=rtl] .mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label,.mdc-tab:not(.mdc-tab--stacked) .mdc-tab__icon+.mdc-tab__text-label[dir=rtl]{padding-left:0;padding-right:8px}.mdc-tab:not(.mdc-tab--active) .mdc-tab__text-label{color:var(--mdc-tab-text-label-color-default, rgba(0, 0, 0, 0.6))}.mdc-tab:not(.mdc-tab--active) .mdc-tab__icon{color:var(--mdc-tab-color-default, rgba(0, 0, 0, 0.54))}`;exports.TabBase=n;exports.styles=z;
|
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";const i=require("./tslib.es6-
|
1
|
+
"use strict";const i=require("./tslib.es6-5xG0QhxF.js"),p=require("./property-iZpLBvy-.js"),l=require("./query-assigned-elements-j_5ZiL65.js"),m=require("./base-element-atp_8bvP.js"),g=require("./utils-W3ENJhq-.js"),T=require("./query-duvhtfSs.js"),f=require("./class-map-wtcW44Of.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2018 Google Inc.
|
4
4
|
*
|
@@ -82,7 +82,7 @@
|
|
82
82
|
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
83
83
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
84
84
|
* THE SOFTWARE.
|
85
|
-
*/var o=0,v=function(r){i.__extends(e,r);function e(t){var s=r.call(this,t)||this;return s.wasDocked=!0,s.isDockedShowing=!0,s.currentAppBarOffsetTop=0,s.isCurrentlyBeingResized=!1,s.resizeThrottleId=o,s.resizeDebounceId=o,s.lastScrollPosition=s.adapter.getViewportScrollY(),s.topAppBarHeight=s.adapter.getTopAppBarHeight(),s}return e.prototype.destroy=function(){r.prototype.destroy.call(this),this.adapter.setStyle("top","")},e.prototype.handleTargetScroll=function(){var t=Math.max(this.adapter.getViewportScrollY(),0),s=t-this.lastScrollPosition;this.lastScrollPosition=t,this.isCurrentlyBeingResized||(this.currentAppBarOffsetTop-=s,this.currentAppBarOffsetTop>0?this.currentAppBarOffsetTop=0:Math.abs(this.currentAppBarOffsetTop)>this.topAppBarHeight&&(this.currentAppBarOffsetTop=-this.topAppBarHeight),this.moveTopAppBar())},e.prototype.handleWindowResize=function(){var t=this;this.resizeThrottleId||(this.resizeThrottleId=setTimeout(function(){t.resizeThrottleId=o,t.throttledResizeHandler()},a.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)),this.isCurrentlyBeingResized=!0,this.resizeDebounceId&&clearTimeout(this.resizeDebounceId),this.resizeDebounceId=setTimeout(function(){t.handleTargetScroll(),t.isCurrentlyBeingResized=!1,t.resizeDebounceId=o},a.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)},e.prototype.checkForUpdate=function(){var t=-this.topAppBarHeight,s=this.currentAppBarOffsetTop<0,c=this.currentAppBarOffsetTop>t,h=s&&c;if(h)this.wasDocked=!1;else if(this.wasDocked){if(this.isDockedShowing!==c)return this.isDockedShowing=c,!0}else return this.wasDocked=!0,!0;return h},e.prototype.moveTopAppBar=function(){if(this.checkForUpdate()){var t=this.currentAppBarOffsetTop;Math.abs(t)>=this.topAppBarHeight&&(t=-a.MAX_TOP_APP_BAR_HEIGHT),this.adapter.setStyle("top",t+"px")}},e.prototype.throttledResizeHandler=function(){var t=this.adapter.getTopAppBarHeight();this.topAppBarHeight!==t&&(this.wasDocked=!1,this.currentAppBarOffsetTop-=this.topAppBarHeight-t,this.topAppBarHeight=t),this.handleTargetScroll()},e}(S)
|
85
|
+
*/var o=0,v=function(r){i.__extends(e,r);function e(t){var s=r.call(this,t)||this;return s.wasDocked=!0,s.isDockedShowing=!0,s.currentAppBarOffsetTop=0,s.isCurrentlyBeingResized=!1,s.resizeThrottleId=o,s.resizeDebounceId=o,s.lastScrollPosition=s.adapter.getViewportScrollY(),s.topAppBarHeight=s.adapter.getTopAppBarHeight(),s}return e.prototype.destroy=function(){r.prototype.destroy.call(this),this.adapter.setStyle("top","")},e.prototype.handleTargetScroll=function(){var t=Math.max(this.adapter.getViewportScrollY(),0),s=t-this.lastScrollPosition;this.lastScrollPosition=t,this.isCurrentlyBeingResized||(this.currentAppBarOffsetTop-=s,this.currentAppBarOffsetTop>0?this.currentAppBarOffsetTop=0:Math.abs(this.currentAppBarOffsetTop)>this.topAppBarHeight&&(this.currentAppBarOffsetTop=-this.topAppBarHeight),this.moveTopAppBar())},e.prototype.handleWindowResize=function(){var t=this;this.resizeThrottleId||(this.resizeThrottleId=setTimeout(function(){t.resizeThrottleId=o,t.throttledResizeHandler()},a.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)),this.isCurrentlyBeingResized=!0,this.resizeDebounceId&&clearTimeout(this.resizeDebounceId),this.resizeDebounceId=setTimeout(function(){t.handleTargetScroll(),t.isCurrentlyBeingResized=!1,t.resizeDebounceId=o},a.DEBOUNCE_THROTTLE_RESIZE_TIME_MS)},e.prototype.checkForUpdate=function(){var t=-this.topAppBarHeight,s=this.currentAppBarOffsetTop<0,c=this.currentAppBarOffsetTop>t,h=s&&c;if(h)this.wasDocked=!1;else if(this.wasDocked){if(this.isDockedShowing!==c)return this.isDockedShowing=c,!0}else return this.wasDocked=!0,!0;return h},e.prototype.moveTopAppBar=function(){if(this.checkForUpdate()){var t=this.currentAppBarOffsetTop;Math.abs(t)>=this.topAppBarHeight&&(t=-a.MAX_TOP_APP_BAR_HEIGHT),this.adapter.setStyle("top",t+"px")}},e.prototype.throttledResizeHandler=function(){var t=this.adapter.getTopAppBarHeight();this.topAppBarHeight!==t&&(this.wasDocked=!1,this.currentAppBarOffsetTop-=this.topAppBarHeight-t,this.topAppBarHeight=t),this.handleTargetScroll()},e}(S);/**
|
86
86
|
* @license
|
87
87
|
* Copyright 2019 Google LLC
|
88
88
|
* SPDX-License-Identifier: Apache-2.0
|
@@ -107,4 +107,4 @@
|
|
107
107
|
* @license
|
108
108
|
* Copyright 2018 Google LLC
|
109
109
|
* SPDX-License-Identifier: Apache-2.0
|
110
|
-
*/class u extends n{constructor(){super(...arguments),this.mdcFoundationClass=
|
110
|
+
*/class u extends n{constructor(){super(...arguments),this.mdcFoundationClass=v,this.prominent=!1,this.dense=!1,this.handleResize=()=>{this.mdcFoundation.handleWindowResize()}}barClasses(){return{"mdc-top-app-bar--dense":this.dense,"mdc-top-app-bar--prominent":this.prominent,"center-title":this.centerTitle}}contentClasses(){return{"mdc-top-app-bar--fixed-adjust":!this.dense&&!this.prominent,"mdc-top-app-bar--dense-fixed-adjust":this.dense&&!this.prominent,"mdc-top-app-bar--prominent-fixed-adjust":!this.dense&&this.prominent,"mdc-top-app-bar--dense-prominent-fixed-adjust":this.dense&&this.prominent}}registerListeners(){super.registerListeners(),window.addEventListener("resize",this.handleResize,d)}unregisterListeners(){super.unregisterListeners(),window.removeEventListener("resize",this.handleResize)}}i.__decorate([p.n({type:Boolean,reflect:!0})],u.prototype,"prominent",void 0);i.__decorate([p.n({type:Boolean,reflect:!0})],u.prototype,"dense",void 0);exports.TopAppBarBase=u;exports.passiveEventOptionsIfSupported=d;
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import { _ as f, a as u,
|
2
|
-
import { n as p } from "./property-
|
3
|
-
import { x as c } from "./query-assigned-elements-
|
4
|
-
import { B as _ } from "./base-element-
|
5
|
-
import { a as A, s as S } from "./utils-
|
6
|
-
import { i as g } from "./query-
|
7
|
-
import { o as h } from "./class-map-
|
1
|
+
import { _ as f, a as u, b as s } from "./tslib.es6-S8SvF2K1.mjs";
|
2
|
+
import { n as p } from "./property-K7hFBmOi.mjs";
|
3
|
+
import { x as c } from "./query-assigned-elements-yFWOzcsT.mjs";
|
4
|
+
import { B as _ } from "./base-element--jaKdI-8.mjs";
|
5
|
+
import { a as A, s as S } from "./utils-xAXEDL0Y.mjs";
|
6
|
+
import { i as g } from "./query-1WmuF6Bq.mjs";
|
7
|
+
import { o as h } from "./class-map-YPXv0Hj4.mjs";
|
8
8
|
/**
|
9
9
|
* @license
|
10
10
|
* Copyright 2018 Google Inc.
|
@@ -65,7 +65,7 @@ var v = {
|
|
65
65
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
66
66
|
* THE SOFTWARE.
|
67
67
|
*/
|
68
|
-
var
|
68
|
+
var y = (
|
69
69
|
/** @class */
|
70
70
|
function() {
|
71
71
|
function r(e) {
|
@@ -122,7 +122,7 @@ var B = (
|
|
122
122
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
123
123
|
* THE SOFTWARE.
|
124
124
|
*/
|
125
|
-
var
|
125
|
+
var B = (
|
126
126
|
/** @class */
|
127
127
|
function(r) {
|
128
128
|
f(e, r);
|
@@ -182,7 +182,7 @@ var y = (
|
|
182
182
|
}, e.prototype.handleNavigationClick = function() {
|
183
183
|
this.adapter.notifyNavigationIconClicked();
|
184
184
|
}, e;
|
185
|
-
}(
|
185
|
+
}(y)
|
186
186
|
);
|
187
187
|
/**
|
188
188
|
* @license
|
@@ -206,7 +206,7 @@ var y = (
|
|
206
206
|
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
207
207
|
* THE SOFTWARE.
|
208
208
|
*/
|
209
|
-
var n = 0,
|
209
|
+
var n = 0, O = (
|
210
210
|
/** @class */
|
211
211
|
function(r) {
|
212
212
|
f(e, r);
|
@@ -245,9 +245,8 @@ var n = 0, C = (
|
|
245
245
|
var t = this.adapter.getTopAppBarHeight();
|
246
246
|
this.topAppBarHeight !== t && (this.wasDocked = !1, this.currentAppBarOffsetTop -= this.topAppBarHeight - t, this.topAppBarHeight = t), this.handleTargetScroll();
|
247
247
|
}, e;
|
248
|
-
}(
|
248
|
+
}(B)
|
249
249
|
);
|
250
|
-
const O = C;
|
251
250
|
/**
|
252
251
|
* @license
|
253
252
|
* Copyright 2019 Google LLC
|
package/nav-list-item.js
CHANGED
@@ -1,5 +1,4 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-
|
2
|
-
`;var m=Object.defineProperty,g=Object.getOwnPropertyDescriptor,n=(o,e,t,i)=>{for(var r=i>1?void 0:i?g(e,t):e,s=o.length-1,l;s>=0;s--)(l=o[s])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&m(e,t,r),r};exports.CovalentNavRailListItem=class extends c.CovalentListItem{constructor(){super(...arguments),this.open=!1,this.hasChildren=!1,this.activated=!1,this.lastKeySelected=0}_toggleOpen(){this.open=!this.open}_handleKeydown(e){const t=this.expansionPanelElements[0],i=t?t==null?void 0:t.getFocusedItemIndex():0,r=(t==null?void 0:t.items.length)??0;if(this.hasChildren){if(e.code==="Enter"){e.preventDefault(),e.stopImmediatePropagation(),e.target.hasChildren?this._toggleOpen():this._deselectHeader(e);return}if(this.open){if(e.code==="ArrowUp"&&i===0&&this.lastKeySelected===0&&!e.target.hasChildren){e.preventDefault(),e.stopImmediatePropagation(),t.items[0].blur(),this.focus();return}e.code==="ArrowDown"&&i===-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(0),this.lastKeySelected=0),e.code==="ArrowUp"&&i!==-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i),(e.code==="ArrowDown"||e.code==="ArrowUp")&&i!==-1&&this.lastKeySelected<r-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i)}}}_handleRequestSelected(e){const t=e;this.hasChildren&&t.detail.selected===!1&&t.detail.source==="property"&&this._deselectChildren()}_deselectChildren(){this.expansionPanelElements.forEach(e=>{e.items.forEach(t=>t.selected=!1)})}_deselectHeader(e){e.preventDefault(),e.stopImmediatePropagation(),this.fireRequestSelected(!1,"interaction"),this.activated=!1}renderExpansionItem(){const e=this.renderText(),t=this.graphic?this.renderGraphic():a.A,i=this.hasMeta?this.renderMeta():a.A,r=this.open?"arrow_drop_down":"arrow_right",s=a.x`<cv-icon class="expansion-icon">${r}</cv-icon>`;return a.x`
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("./query-assigned-elements-j_5ZiL65.js"),c=require("./property-iZpLBvy-.js"),h=require("./list-item.js"),d=require("./list-item-Ze98reWt.js"),p=require("./mwc-list-item.css-yJ5bjNGc.js");require("./tslib.es6-5xG0QhxF.js");require("./ripple-handlers-HeGhXgD2.js");require("./base-element-atp_8bvP.js");require("./utils-W3ENJhq-.js");require("./state-LqPxt99W.js");require("./query-duvhtfSs.js");require("./class-map-wtcW44Of.js");require("./style-map-66_3wrLx.js");require("./observer-LlGBroG9.js");const m=":host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 28px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%)}::slotted(.section-selector){display:none;position:absolute;top:0;right:0}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--mdc-theme-primary)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{margin-left:var(--cv-list-item-graphic-margin-left, 12px)}:host([graphic=avatar]){padding:0}:host([graphic=avatar]) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;margin-right:0;border-radius:0;height:48px;font-size:0;padding:0 0 0 15px}:host([hasChildren]){flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 12px}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-primary)}.expansion-header{border-radius:var(--cv-list-item-border-radius);position:relative;height:48px;width:100%;overflow:hidden;display:flex;flex-shrink:0;align-items:center}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, -12px);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}";var g=Object.defineProperty,u=Object.getOwnPropertyDescriptor,n=(o,e,t,i)=>{for(var r=i>1?void 0:i?u(e,t):e,s=o.length-1,l;s>=0;s--)(l=o[s])&&(r=(i?l(e,t,r):l(r))||r);return i&&r&&g(e,t,r),r};exports.CovalentNavRailListItem=class extends h.CovalentListItem{constructor(){super(...arguments),this.open=!1,this.hasChildren=!1,this.activated=!1,this.lastKeySelected=0}_toggleOpen(){this.open=!this.open}_handleKeydown(e){const t=this.expansionPanelElements[0],i=t?t==null?void 0:t.getFocusedItemIndex():0,r=(t==null?void 0:t.items.length)??0;if(this.hasChildren){if(e.code==="Enter"){e.preventDefault(),e.stopImmediatePropagation(),e.target.hasChildren?this._toggleOpen():this._deselectHeader(e);return}if(this.open){if(e.code==="ArrowUp"&&i===0&&this.lastKeySelected===0&&!e.target.hasChildren){e.preventDefault(),e.stopImmediatePropagation(),t.items[0].blur(),this.focus();return}e.code==="ArrowDown"&&i===-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(0),this.lastKeySelected=0),e.code==="ArrowUp"&&i!==-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i),(e.code==="ArrowDown"||e.code==="ArrowUp")&&i!==-1&&this.lastKeySelected<r-1&&(e.preventDefault(),e.stopImmediatePropagation(),t.focusItemAtIndex(i),this.lastKeySelected=i)}}}_handleRequestSelected(e){const t=e;this.hasChildren&&t.detail.selected===!1&&t.detail.source==="property"&&this._deselectChildren()}_deselectChildren(){this.expansionPanelElements.forEach(e=>{e.items.forEach(t=>t.selected=!1)})}_deselectHeader(e){e.preventDefault(),e.stopImmediatePropagation(),this.fireRequestSelected(!1,"interaction"),this.activated=!1}renderExpansionItem(){const e=this.renderText(),t=this.graphic?this.renderGraphic():a.A,i=this.hasMeta?this.renderMeta():a.A,r=this.open?"arrow_drop_down":"arrow_right",s=a.x`<cv-icon class="expansion-icon">${r}</cv-icon>`;return a.x`
|
3
2
|
<div
|
4
3
|
@mousedown=${this._toggleOpen}
|
5
4
|
@touchstart="${this._toggleOpen}"
|
@@ -12,11 +11,11 @@
|
|
12
11
|
<slot name="expansion-panel"></slot>
|
13
12
|
</div>
|
14
13
|
`}connectedCallback(){super.connectedCallback(),this.addEventListener("keydown",this._handleKeydown),this.addEventListener("request-selected",this._handleRequestSelected)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("keydown",this._handleKeydown),this.addEventListener("request-selected",this._handleRequestSelected)}render(){return this.hasChildren?this.renderExpansionItem():super.render()}};exports.CovalentNavRailListItem.styles=[a.i`
|
15
|
-
${a.r(
|
14
|
+
${a.r(p.styles)}
|
16
15
|
`,a.i`
|
17
|
-
${a.r(d.styles
|
16
|
+
${a.r(d.styles)}
|
18
17
|
`,a.i`
|
19
|
-
${a.r(
|
18
|
+
${a.r(d.covalentStyles)}
|
20
19
|
`,a.i`
|
21
|
-
${a.r(
|
22
|
-
`];n([a.l({slot:"expansion-panel",flatten:!0})],exports.CovalentNavRailListItem.prototype,"expansionPanelElements",2);n([
|
20
|
+
${a.r(m)}
|
21
|
+
`];n([a.l({slot:"expansion-panel",flatten:!0})],exports.CovalentNavRailListItem.prototype,"expansionPanelElements",2);n([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"open",2);n([c.n({type:Boolean,reflect:!0})],exports.CovalentNavRailListItem.prototype,"hasChildren",2);exports.CovalentNavRailListItem=n([a.e("cv-nav-list-item")],exports.CovalentNavRailListItem);const v=exports.CovalentNavRailListItem;exports.default=v;
|
package/nav-list-item.mjs
CHANGED
@@ -1,25 +1,24 @@
|
|
1
|
-
import { i as
|
2
|
-
import { n as m } from "./property-
|
3
|
-
import {
|
4
|
-
import { s as
|
5
|
-
import "./mwc-list-item-
|
6
|
-
import "./tslib.es6-
|
7
|
-
import "./ripple-handlers-
|
8
|
-
import "./base-element-
|
9
|
-
import "./utils-
|
10
|
-
import "./state-
|
11
|
-
import "./query-
|
12
|
-
import "./class-map-
|
13
|
-
import "./style-map-
|
14
|
-
import "./observer-
|
15
|
-
const w =
|
16
|
-
|
17
|
-
var
|
18
|
-
|
19
|
-
|
20
|
-
return a && s && b(t, i, s), s;
|
1
|
+
import { i as a, r as n, l as g, A as p, x as c, e as f } from "./query-assigned-elements-yFWOzcsT.mjs";
|
2
|
+
import { n as m } from "./property-K7hFBmOi.mjs";
|
3
|
+
import { CovalentListItem as u } from "./list-item.mjs";
|
4
|
+
import { s as v, c as x } from "./list-item-F2e6aWaj.mjs";
|
5
|
+
import { s as y } from "./mwc-list-item.css-d-SHhq7Q.mjs";
|
6
|
+
import "./tslib.es6-S8SvF2K1.mjs";
|
7
|
+
import "./ripple-handlers-BwaZu9Ps.mjs";
|
8
|
+
import "./base-element--jaKdI-8.mjs";
|
9
|
+
import "./utils-xAXEDL0Y.mjs";
|
10
|
+
import "./state-inNZe6rL.mjs";
|
11
|
+
import "./query-1WmuF6Bq.mjs";
|
12
|
+
import "./class-map-YPXv0Hj4.mjs";
|
13
|
+
import "./style-map-8yp6DGeh.mjs";
|
14
|
+
import "./observer-cKAgu-MI.mjs";
|
15
|
+
const w = ":host{font-family:var(--mdc-typography-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:600;line-height:var(--mdc-typography-body2-line-height);text-align:left;border-radius:var(--cv-list-item-border-radius, 28px);transition:border-radius .1s ease-out;width:var(--cv-list-item-width, 100%)}::slotted(.section-selector){display:none;position:absolute;top:0;right:0}:host([activated]) ::slotted(cv-icon[slot=graphic]){color:var(--mdc-theme-primary)}:host([graphic=avatar]) .mdc-deprecated-list-item__graphic{margin-left:var(--cv-list-item-graphic-margin-left, 12px)}:host([graphic=avatar]){padding:0}:host([graphic=avatar]) ::slotted(cv-icon[slot=graphic]){margin-left:8px;background:transparent}:host([graphic=avatar]:not([twoline])){height:48px}:host(.beta-list-item){--mdc-theme-primary: var(--mdc-theme-surface-caution);--mdc-list-item-meta-size: 20px;--mdc-list-item-graphic-size: 40px;--mdc-list-item-graphic-margin: 0;--mdc-typography-subtitle1-font-size: var( --mdc-typography-subtitle2-font-size );--mdc-typography-body2-font-size: var(--mdc-typography-caption-font-size);margin-bottom:8px;margin-right:0;border-radius:0;height:48px;font-size:0;padding:0 0 0 15px}:host([hasChildren]){flex-direction:column;overflow:visible;height:inherit!important;background:none;padding:0;--mdc-list-side-padding: 0;--cv-list-item-graphic-margin-left: 12px}:host([hasChildren][open]:hover:not([activated])) .expansion-header{--mdc-ripple-color: transparent}:host([hasChildren][open]:hover:not([activated])) .expansion-header:hover{--mdc-ripple-color: var(--mdc-theme-primary)}.expansion-header{border-radius:var(--cv-list-item-border-radius);position:relative;height:48px;width:100%;overflow:hidden;display:flex;flex-shrink:0;align-items:center}.expansion-header-inner{padding:0 16px}.expansion-icon{margin-right:var(--cv-list-item-expansion-icon-margin, -12px);font-size:var(--cv-list-item-expansion-icon-size, --mdc-icon-size);color:var(--cv-list-item-text-icon-on-background, var(--mdc-theme-text-icon-on-background))}.expansion-panel{display:block;width:100%;height:var(--cv-list-menu-height, 0);--mdc-list-side-padding: 72px;transition:transform .15s ease-out;overflow:hidden}:host([open][hasChildren]:not([twoline])){height:inherit;display:flex;flex-direction:column;border-radius:0}:host([open][hasChildren]:not([twoline])) .expansion-panel{transition:min-height .25s ease-in;height:var(--cv-list-menu-height, inherit)}";
|
16
|
+
var b = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, d = (e, t, i, o) => {
|
17
|
+
for (var r = o > 1 ? void 0 : o ? _(t, i) : t, l = e.length - 1, h; l >= 0; l--)
|
18
|
+
(h = e[l]) && (r = (o ? h(t, i, r) : h(r)) || r);
|
19
|
+
return o && r && b(t, i, r), r;
|
21
20
|
};
|
22
|
-
let
|
21
|
+
let s = class extends u {
|
23
22
|
constructor() {
|
24
23
|
super(...arguments), this.open = !1, this.hasChildren = !1, this.activated = !1, this.lastKeySelected = 0;
|
25
24
|
}
|
@@ -27,7 +26,7 @@ let r = class extends u {
|
|
27
26
|
this.open = !this.open;
|
28
27
|
}
|
29
28
|
_handleKeydown(e) {
|
30
|
-
const t = this.expansionPanelElements[0], i = t ? t == null ? void 0 : t.getFocusedItemIndex() : 0,
|
29
|
+
const t = this.expansionPanelElements[0], i = t ? t == null ? void 0 : t.getFocusedItemIndex() : 0, o = (t == null ? void 0 : t.items.length) ?? 0;
|
31
30
|
if (this.hasChildren) {
|
32
31
|
if (e.code === "Enter") {
|
33
32
|
e.preventDefault(), e.stopImmediatePropagation(), e.target.hasChildren ? this._toggleOpen() : this._deselectHeader(e);
|
@@ -38,7 +37,7 @@ let r = class extends u {
|
|
38
37
|
e.preventDefault(), e.stopImmediatePropagation(), t.items[0].blur(), this.focus();
|
39
38
|
return;
|
40
39
|
}
|
41
|
-
e.code === "ArrowDown" && i === -1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(0), this.lastKeySelected = 0), e.code === "ArrowUp" && i !== -1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(i), this.lastKeySelected = i), (e.code === "ArrowDown" || e.code === "ArrowUp") && i !== -1 && this.lastKeySelected <
|
40
|
+
e.code === "ArrowDown" && i === -1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(0), this.lastKeySelected = 0), e.code === "ArrowUp" && i !== -1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(i), this.lastKeySelected = i), (e.code === "ArrowDown" || e.code === "ArrowUp") && i !== -1 && this.lastKeySelected < o - 1 && (e.preventDefault(), e.stopImmediatePropagation(), t.focusItemAtIndex(i), this.lastKeySelected = i);
|
42
41
|
}
|
43
42
|
}
|
44
43
|
}
|
@@ -55,7 +54,7 @@ let r = class extends u {
|
|
55
54
|
e.preventDefault(), e.stopImmediatePropagation(), this.fireRequestSelected(!1, "interaction"), this.activated = !1;
|
56
55
|
}
|
57
56
|
renderExpansionItem() {
|
58
|
-
const e = this.renderText(), t = this.graphic ? this.renderGraphic() : p, i = this.hasMeta ? this.renderMeta() : p,
|
57
|
+
const e = this.renderText(), t = this.graphic ? this.renderGraphic() : p, i = this.hasMeta ? this.renderMeta() : p, o = this.open ? "arrow_drop_down" : "arrow_right", r = c`<cv-icon class="expansion-icon">${o}</cv-icon>`;
|
59
58
|
return c`
|
60
59
|
<div
|
61
60
|
@mousedown=${this._toggleOpen}
|
@@ -63,7 +62,7 @@ let r = class extends u {
|
|
63
62
|
@keydown=${this._toggleOpen}
|
64
63
|
class="expansion-header"
|
65
64
|
>
|
66
|
-
${this.renderRipple()} ${
|
65
|
+
${this.renderRipple()} ${r} ${t} ${e} ${i}
|
67
66
|
</div>
|
68
67
|
<div class="expansion-panel" @click=${this._deselectHeader}>
|
69
68
|
<slot name="expansion-panel"></slot>
|
@@ -80,34 +79,34 @@ let r = class extends u {
|
|
80
79
|
return this.hasChildren ? this.renderExpansionItem() : super.render();
|
81
80
|
}
|
82
81
|
};
|
83
|
-
|
84
|
-
|
85
|
-
${n(x)}
|
86
|
-
`,
|
87
|
-
o`
|
82
|
+
s.styles = [
|
83
|
+
a`
|
88
84
|
${n(y)}
|
89
85
|
`,
|
90
|
-
|
86
|
+
a`
|
91
87
|
${n(v)}
|
92
88
|
`,
|
93
|
-
|
89
|
+
a`
|
90
|
+
${n(x)}
|
91
|
+
`,
|
92
|
+
a`
|
94
93
|
${n(w)}
|
95
94
|
`
|
96
95
|
];
|
97
96
|
d([
|
98
97
|
g({ slot: "expansion-panel", flatten: !0 })
|
99
|
-
],
|
98
|
+
], s.prototype, "expansionPanelElements", 2);
|
100
99
|
d([
|
101
100
|
m({ type: Boolean, reflect: !0 })
|
102
|
-
],
|
101
|
+
], s.prototype, "open", 2);
|
103
102
|
d([
|
104
103
|
m({ type: Boolean, reflect: !0 })
|
105
|
-
],
|
106
|
-
|
104
|
+
], s.prototype, "hasChildren", 2);
|
105
|
+
s = d([
|
107
106
|
f("cv-nav-list-item")
|
108
|
-
],
|
109
|
-
const q =
|
107
|
+
], s);
|
108
|
+
const q = s;
|
110
109
|
export {
|
111
|
-
|
110
|
+
s as CovalentNavRailListItem,
|
112
111
|
q as default
|
113
112
|
};
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@covalent/components",
|
3
|
-
"version": "8.
|
3
|
+
"version": "8.2.0",
|
4
4
|
"description": "a catalog of material components for covalent",
|
5
5
|
"main": "./index.js",
|
6
6
|
"module": "./index.mjs",
|
@@ -80,6 +80,21 @@
|
|
80
80
|
"import": "./empty-state.mjs",
|
81
81
|
"require": "./empty-state.js"
|
82
82
|
},
|
83
|
+
"./expansion-panel": {
|
84
|
+
"types": "./expansion-panel/expansion-panel.d.ts",
|
85
|
+
"import": "./expansion-panel.mjs",
|
86
|
+
"require": "./expansion-panel.js"
|
87
|
+
},
|
88
|
+
"./expansion-panel-item": {
|
89
|
+
"types": "./expansion-panel/expansion-panel-item.d.ts",
|
90
|
+
"import": "./expansion-panel-item.mjs",
|
91
|
+
"require": "./expansion-panel-item.js"
|
92
|
+
},
|
93
|
+
"./formfield": {
|
94
|
+
"types": "./formfield/formfield.d.ts",
|
95
|
+
"import": "./formfield.mjs",
|
96
|
+
"require": "./formfield.js"
|
97
|
+
},
|
83
98
|
"./icon": {
|
84
99
|
"types": "./icon/icon.d.ts",
|
85
100
|
"import": "./icon.mjs",
|
package/radio-list-item.js
CHANGED
@@ -1,27 +1,25 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
2
|
-
* @license
|
3
|
-
* Copyright 2021 Google LLC
|
4
|
-
* SPDX-LIcense-Identifier: Apache-2.0
|
5
|
-
*/const f=c.i`.mdc-touch-target-wrapper{display:inline}.mdc-radio{padding:calc((40px - 20px) / 2)}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.54)}.mdc-radio .mdc-radio__native-control:enabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__native-control:enabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:#018786;border-color:var(--mdc-theme-secondary, #018786)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:rgba(0, 0, 0, 0.38)}.mdc-radio .mdc-radio__background::before{background-color:#018786;background-color:var(--mdc-theme-secondary, #018786)}.mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:GrayText}.mdc-radio.mdc-radio--disabled [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio.mdc-radio--disabled .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:GrayText}}.mdc-radio{display:inline-block;position:relative;flex:0 0 auto;box-sizing:content-box;width:20px;height:20px;cursor:pointer;will-change:opacity,transform,border-color,color}.mdc-radio__background{display:inline-block;position:relative;box-sizing:border-box;width:20px;height:20px}.mdc-radio__background::before{position:absolute;transform:scale(0, 0);border-radius:50%;opacity:0;pointer-events:none;content:"";transition:opacity 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__outer-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;border-width:2px;border-style:solid;border-radius:50%;transition:border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__inner-circle{position:absolute;top:0;left:0;box-sizing:border-box;width:100%;height:100%;transform:scale(0, 0);border-width:10px;border-style:solid;border-radius:50%;transition:transform 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1),border-color 120ms 0ms cubic-bezier(0.4, 0, 0.6, 1)}.mdc-radio__native-control{position:absolute;margin:0;padding:0;opacity:0;cursor:inherit;z-index:1}.mdc-radio--touch{margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-radio--touch .mdc-radio__native-control{top:calc((40px - 48px) / 2);right:calc((40px - 48px) / 2);left:calc((40px - 48px) / 2);width:48px;height:48px}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring{pointer-events:none;border:2px solid transparent;border-radius:6px;box-sizing:content-box;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:100%;width:100%}@media screen and (forced-colors: active){.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring{border-color:CanvasText}}.mdc-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring::after{content:"";border:2px solid transparent;border-radius:8px;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-radio.mdc-ripple-upgraded--background-focused .mdc-radio__focus-ring::after,.mdc-radio:not(.mdc-ripple-upgraded):focus .mdc-radio__focus-ring::after{border-color:CanvasText}}.mdc-radio__native-control:checked+.mdc-radio__background,.mdc-radio__native-control:disabled+.mdc-radio__background{transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__outer-circle{transition:border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio--disabled{cursor:default;pointer-events:none}.mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__inner-circle{transform:scale(0.5);transition:transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1),border-color 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}.mdc-radio__native-control:disabled+.mdc-radio__background,[aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background{cursor:default}.mdc-radio__native-control:focus+.mdc-radio__background::before{transform:scale(1);opacity:.12;transition:opacity 120ms 0ms cubic-bezier(0, 0, 0.2, 1),transform 120ms 0ms cubic-bezier(0, 0, 0.2, 1)}:host{display:inline-block;outline:none}.mdc-radio{vertical-align:bottom}.mdc-radio .mdc-radio__native-control:enabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-unchecked-color, rgba(0, 0, 0, 0.54))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:not(:checked)+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control:checked+.mdc-radio__background .mdc-radio__outer-circle,.mdc-radio .mdc-radio__native-control:disabled:checked+.mdc-radio__background .mdc-radio__outer-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}.mdc-radio [aria-disabled=true] .mdc-radio__native-control+.mdc-radio__background .mdc-radio__inner-circle,.mdc-radio .mdc-radio__native-control:disabled+.mdc-radio__background .mdc-radio__inner-circle{border-color:var(--mdc-radio-disabled-color, rgba(0, 0, 0, 0.38))}`;/**
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./tslib.es6-5xG0QhxF.js"),r=require("./query-assigned-elements-j_5ZiL65.js"),u=require("./mwc-radio.css-h_Wv0Eag.js"),p=require("./property-iZpLBvy-.js"),m=require("./query-duvhtfSs.js"),f=require("./class-map-wtcW44Of.js"),g=require("./if-defined-lAIUwAsA.js"),_=require("./mwc-list-item.css-yJ5bjNGc.js"),h=require("./list-item-Ze98reWt.js");require("./ripple-handlers-HeGhXgD2.js");require("./base-element-atp_8bvP.js");require("./utils-W3ENJhq-.js");require("./state-LqPxt99W.js");require("./style-map-66_3wrLx.js");require("./aria-property-52VAcg_f.js");require("./form-element-5s8gft-A.js");require("./observer-LlGBroG9.js");require("./event-options-2TJPtsKy.js");/**
|
6
2
|
* @license
|
7
3
|
* Copyright 2018 Google LLC
|
8
4
|
* SPDX-License-Identifier: Apache-2.0
|
9
|
-
*/let
|
5
|
+
*/let d=class extends u.RadioBase{};d.styles=[u.styles];d=c.__decorate([r.e("mwc-radio")],d);/**
|
10
6
|
* @license
|
11
7
|
* Copyright 2020 Google LLC
|
12
8
|
* SPDX-License-Identifier: Apache-2.0
|
13
|
-
*/class
|
9
|
+
*/class l extends _.ListItemBase{constructor(){super(...arguments),this.left=!1,this.graphic="control",this._changeFromClick=!1}render(){const s={"mdc-deprecated-list-item__graphic":this.left,"mdc-deprecated-list-item__meta":!this.left},e=this.renderText(),i=this.graphic&&this.graphic!=="control"&&!this.left?this.renderGraphic():r.x``,t=this.hasMeta&&this.left?this.renderMeta():r.x``,a=this.renderRipple();return r.x`
|
14
10
|
${a}
|
15
|
-
${
|
16
|
-
${this.left?"":
|
11
|
+
${i}
|
12
|
+
${this.left?"":e}
|
17
13
|
<mwc-radio
|
18
14
|
global
|
19
|
-
class=${
|
15
|
+
class=${f.o(s)}
|
20
16
|
tabindex=${this.tabindex}
|
21
17
|
name=${g.l(this.group===null?void 0:this.group)}
|
22
18
|
.checked=${this.selected}
|
23
19
|
?disabled=${this.disabled}
|
24
20
|
@checked=${this.onChange}>
|
25
21
|
</mwc-radio>
|
26
|
-
${this.left?
|
27
|
-
${
|
22
|
+
${this.left?e:""}
|
23
|
+
${t}`}onClick(){this._changeFromClick=!0,super.onClick()}async onChange(s){const e=s.target;this.selected===e.checked||(this._skipPropRequest=!0,this.selected=e.checked,await this.updateComplete,this._skipPropRequest=!1,this._changeFromClick||this.fireRequestSelected(this.selected,"interaction")),this._changeFromClick=!1}}c.__decorate([m.i("slot")],l.prototype,"slotElement",void 0);c.__decorate([m.i("mwc-radio")],l.prototype,"radioElement",void 0);c.__decorate([p.n({type:Boolean})],l.prototype,"left",void 0);c.__decorate([p.n({type:String,reflect:!0})],l.prototype,"graphic",void 0);var q=Object.defineProperty,v=Object.getOwnPropertyDescriptor,C=(o,s,e,i)=>{for(var t=i>1?void 0:i?v(s,e):s,a=o.length-1,n;a>=0;a--)(n=o[a])&&(t=(i?n(s,e,t):n(t))||t);return i&&t&&q(s,e,t),t};exports.CovalentRadioListItem=class extends l{};exports.CovalentRadioListItem.styles=[_.styles,h.styles,r.i`
|
24
|
+
${r.r(h.covalentStyles)}
|
25
|
+
`];exports.CovalentRadioListItem=C([r.e("cv-radio-list-item")],exports.CovalentRadioListItem);const y=exports.CovalentRadioListItem;exports.default=y;
|