@covalent/components 6.2.1 → 6.2.3
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 +35 -30
- package/alert.js +6 -6
- package/alert.mjs +19 -14
- package/app-shell.js +8 -8
- package/app-shell.mjs +12 -6
- package/aria-property-fa2717fe.mjs +41 -0
- package/base-element-c3dc926e.mjs +28 -0
- package/base-element-d5abe37a.js +5 -0
- package/button.js +9 -9
- package/button.mjs +25 -16
- package/card.js +8 -8
- package/card.mjs +17 -15
- package/check-list-item.js +9 -9
- package/check-list-item.mjs +26 -17
- package/checkbox.js +2 -2
- package/checkbox.mjs +29 -20
- package/circular-progress.js +29 -29
- package/circular-progress.mjs +14 -10
- package/class-map-08c84aeb.mjs +62 -0
- package/class-map-50b8edb4.js +9 -0
- package/code-snippet.js +9 -9
- package/code-snippet.mjs +10 -7
- package/{dialog2.mjs → dialog-85c21333.mjs} +56 -50
- package/dialog-8ee07177.js +162 -0
- package/dialog.js +1 -1
- package/dialog.mjs +14 -162
- package/directive-helpers-725a181d.mjs +11 -0
- package/directive-helpers-fce8cf91.js +5 -0
- package/drawer.js +3 -3
- package/drawer.mjs +15 -9
- package/empty-state.js +5 -5
- package/empty-state.mjs +6 -4
- package/event-options-3937d997.mjs +14 -0
- package/event-options-7bc382d8.js +5 -0
- package/form-element-6dbd7afa.mjs +50 -0
- package/{form-element.mjs → form-element-d4e7bcdb.js} +2 -2
- package/foundation-2334d146.mjs +60 -0
- package/{foundation.mjs → foundation-3f55a9dc.js} +3 -3
- package/foundation-c580100a.mjs +152 -0
- package/icon-button.js +8 -8
- package/icon-button.mjs +25 -16
- package/icon-check-toggle.js +9 -9
- package/icon-check-toggle.mjs +20 -11
- package/icon-radio-toggle.js +5 -5
- package/icon-radio-toggle.mjs +34 -25
- package/icon.js +2 -2
- package/icon.mjs +9 -8
- package/if-defined-639ed018.mjs +10 -0
- package/if-defined-cb12d481.js +5 -0
- package/index.js +1 -1
- package/index.mjs +124 -114
- package/inert.esm-359d4581.mjs +640 -0
- package/linear-progress.js +12 -12
- package/linear-progress.mjs +23 -17
- package/{list2.mjs → list-d616957b.mjs} +7 -6
- package/list-defdaa3b.js +5 -0
- package/list-expansion.js +8 -8
- package/list-expansion.mjs +43 -34
- package/list-item-3fa66f09.js +9 -0
- package/list-item-d5c05e10.mjs +44 -0
- package/list-item.js +1 -1
- package/list-item.mjs +18 -9
- package/list.js +1 -1
- package/list.mjs +20 -5
- package/menu.js +2 -2
- package/menu.mjs +29 -20
- package/mwc-checkbox-base-10e977f2.mjs +198 -0
- package/{mwc-checkbox-base.mjs → mwc-checkbox-base-435c1f1d.js} +6 -6
- package/mwc-checkbox.css-956e3d6c.js +5 -0
- package/mwc-checkbox.css-b7abc7fd.mjs +10 -0
- package/mwc-drawer-base-b2b772c3.mjs +335 -0
- package/{mwc-drawer-base.mjs → mwc-drawer-base-f44fcf34.js} +11 -11
- package/mwc-icon-b96fb867.js +9 -0
- package/mwc-icon-c7013880.mjs +26 -0
- package/{mwc-line-ripple-directive.mjs → mwc-line-ripple-directive-a97ce725.js} +16 -16
- package/mwc-line-ripple-directive-c3e1f04a.mjs +653 -0
- package/mwc-list-base-7d5f7278.js +111 -0
- package/mwc-list-base-c0f8af1c.mjs +840 -0
- package/mwc-list-item-base-803b9771.js +28 -0
- package/mwc-list-item-base-acef0223.mjs +202 -0
- package/mwc-list-item.css-401e2407.js +9 -0
- package/mwc-list-item.css-b5481d96.mjs +17 -0
- package/mwc-menu-base-8970b43d.mjs +1145 -0
- package/{mwc-menu-base.mjs → mwc-menu-base-ac49fe54.js} +20 -20
- package/{mwc-radio-base.mjs → mwc-radio-base-442d495a.js} +11 -11
- package/mwc-radio-base-c29e6f42.mjs +528 -0
- package/mwc-radio.css-388ad26d.js +5 -0
- package/mwc-radio.css-4694aa9c.mjs +10 -0
- package/mwc-slider.css-336f809b.mjs +956 -0
- package/{mwc-slider.css.mjs → mwc-slider.css-48f02f1e.js} +20 -20
- package/{mwc-tab-base.mjs → mwc-tab-base-1a19b299.js} +22 -22
- package/mwc-tab-base-7fb3d339.mjs +694 -0
- package/{mwc-top-app-bar-base.mjs → mwc-top-app-bar-base-14e0a018.js} +10 -10
- package/mwc-top-app-bar-base-79c87e69.mjs +380 -0
- package/nav-list-item.js +10 -10
- package/nav-list-item.mjs +36 -28
- package/{observer.mjs → observer-a096ab43.js} +1 -1
- package/observer-be7b92e2.mjs +32 -0
- package/package.json +1 -1
- package/property-074570d1.js +5 -0
- package/property-ca27685b.mjs +20 -0
- package/query-1e7846ea.mjs +25 -0
- package/query-2ba749b7.js +5 -0
- package/query-assigned-elements-07e38f46.js +33 -0
- package/query-assigned-elements-514e5265.mjs +615 -0
- package/query-assigned-nodes-9ec0fa5f.js +5 -0
- package/query-assigned-nodes-bea12e0c.mjs +17 -0
- package/radio-list-item.js +10 -10
- package/radio-list-item.mjs +33 -24
- package/radio.js +2 -2
- package/radio.mjs +28 -19
- package/ripple-handlers-2176f137.js +107 -0
- package/ripple-handlers-227497d3.mjs +761 -0
- package/select.js +28 -28
- package/select.mjs +31 -21
- package/side-sheet.js +4 -4
- package/side-sheet.mjs +14 -8
- package/slider-range.js +7 -7
- package/slider-range.mjs +72 -64
- package/slider.js +3 -3
- package/slider.mjs +29 -21
- package/snackbar.js +15 -15
- package/snackbar.mjs +27 -21
- package/state-6f7e570d.mjs +12 -0
- package/state-949232e6.js +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-2cb0fb63.mjs +40 -0
- package/style-map-3056a771.js +5 -0
- package/switch.js +18 -18
- package/switch.mjs +31 -22
- package/tab-bar.js +21 -21
- package/tab-bar.mjs +23 -14
- package/tab.js +3 -3
- package/tab.mjs +15 -6
- package/text-lockup.js +5 -5
- package/text-lockup.mjs +8 -6
- package/textarea.js +14 -14
- package/textarea.mjs +28 -20
- package/{textfield2.mjs → textfield-276b0ded.mjs} +28 -21
- package/textfield-507c6a06.js +133 -0
- package/textfield.js +3 -3
- package/textfield.mjs +41 -132
- package/toolbar.js +3 -3
- package/toolbar.mjs +10 -4
- package/tooltip.js +12 -12
- package/tooltip.mjs +13 -9
- package/top-app-bar-34e85527.js +6 -0
- package/{top-app-bar2.mjs → top-app-bar-a236c3bc.mjs} +1 -1
- 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 +30 -6
- 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-6b53b818.js +1 -0
- package/tslib.es6-b5e819a6.mjs +82 -0
- package/typography.js +4 -4
- package/typography.mjs +12 -11
- package/utils-a8190a39.js +5 -0
- package/utils-dc65fdc9.mjs +52 -0
- package/directive-helpers.mjs +0 -5
- package/if-defined.mjs +0 -5
- package/list-item2.mjs +0 -43
- package/mwc-checkbox.css.mjs +0 -5
- package/mwc-icon.mjs +0 -9
- package/mwc-list-base.mjs +0 -111
- package/mwc-list-item-base.mjs +0 -28
- package/mwc-list-item.css.mjs +0 -9
- package/mwc-radio.css.mjs +0 -5
- package/mwc-ripple.mjs +0 -175
- package/ripple-handlers.mjs +0 -5
- /package/{aria-property.mjs → aria-property-849c8816.js} +0 -0
- /package/{foundation2.mjs → foundation-e830bd94.js} +0 -0
- /package/{inert.esm.mjs → inert.esm-2cee6f2e.js} +0 -0
@@ -0,0 +1,60 @@
|
|
1
|
+
/**
|
2
|
+
* @license
|
3
|
+
* Copyright 2016 Google Inc.
|
4
|
+
*
|
5
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
6
|
+
* of this software and associated documentation files (the "Software"), to deal
|
7
|
+
* in the Software without restriction, including without limitation the rights
|
8
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
9
|
+
* copies of the Software, and to permit persons to whom the Software is
|
10
|
+
* furnished to do so, subject to the following conditions:
|
11
|
+
*
|
12
|
+
* The above copyright notice and this permission notice shall be included in
|
13
|
+
* all copies or substantial portions of the Software.
|
14
|
+
*
|
15
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
16
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
17
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
18
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
19
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
20
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
21
|
+
* THE SOFTWARE.
|
22
|
+
*/
|
23
|
+
var n = (
|
24
|
+
/** @class */
|
25
|
+
function() {
|
26
|
+
function e(t) {
|
27
|
+
t === void 0 && (t = {}), this.adapter = t;
|
28
|
+
}
|
29
|
+
return Object.defineProperty(e, "cssClasses", {
|
30
|
+
get: function() {
|
31
|
+
return {};
|
32
|
+
},
|
33
|
+
enumerable: !1,
|
34
|
+
configurable: !0
|
35
|
+
}), Object.defineProperty(e, "strings", {
|
36
|
+
get: function() {
|
37
|
+
return {};
|
38
|
+
},
|
39
|
+
enumerable: !1,
|
40
|
+
configurable: !0
|
41
|
+
}), Object.defineProperty(e, "numbers", {
|
42
|
+
get: function() {
|
43
|
+
return {};
|
44
|
+
},
|
45
|
+
enumerable: !1,
|
46
|
+
configurable: !0
|
47
|
+
}), Object.defineProperty(e, "defaultAdapter", {
|
48
|
+
get: function() {
|
49
|
+
return {};
|
50
|
+
},
|
51
|
+
enumerable: !1,
|
52
|
+
configurable: !0
|
53
|
+
}), e.prototype.init = function() {
|
54
|
+
}, e.prototype.destroy = function() {
|
55
|
+
}, e;
|
56
|
+
}()
|
57
|
+
);
|
58
|
+
export {
|
59
|
+
n as M
|
60
|
+
};
|
@@ -1,4 +1,4 @@
|
|
1
|
-
"use strict";const a=require("./
|
1
|
+
"use strict";const a=require("./tslib.es6-6b53b818.js"),f=require("./foundation-e830bd94.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2020 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 s={CLOSING:"mdc-banner--closing",OPEN:"mdc-banner--open",OPENING:"mdc-banner--opening"},d={BANNER_ANIMATION_CLOSE_TIME_MS:250,BANNER_ANIMATION_OPEN_TIME_MS:300},
|
22
|
+
*/var s={CLOSING:"mdc-banner--closing",OPEN:"mdc-banner--open",OPENING:"mdc-banner--opening"},d={BANNER_ANIMATION_CLOSE_TIME_MS:250,BANNER_ANIMATION_OPEN_TIME_MS:300},p={CLOSED:"MDCBanner:closed",CLOSING:"MDCBanner:closing",OPENED:"MDCBanner:opened",OPENING:"MDCBanner:opening",ACTION_CLICKED:"MDCBanner:actionClicked"},m={CONTENT:".mdc-banner__content",PRIMARY_ACTION:".mdc-banner__primary-action",SECONDARY_ACTION:".mdc-banner__secondary-action",TEXT:".mdc-banner__text"};exports.CloseReason=void 0;(function(e){e[e.PRIMARY=0]="PRIMARY",e[e.SECONDARY=1]="SECONDARY",e[e.UNSPECIFIED=2]="UNSPECIFIED"})(exports.CloseReason||(exports.CloseReason={}));var c;(function(e){e[e.PRIMARY=0]="PRIMARY",e[e.SECONDARY=1]="SECONDARY",e[e.UNKNOWN=2]="UNKNOWN"})(c||(c={}));/**
|
23
23
|
* @license
|
24
24
|
* Copyright 2020 Google Inc.
|
25
25
|
*
|
@@ -40,4 +40,4 @@
|
|
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 r=s.OPENING,
|
43
|
+
*/var r=s.OPENING,u=s.OPEN,o=s.CLOSING,h=function(e){a.__extends(t,e);function t(n){var i=e.call(this,a.__assign(a.__assign({},t.defaultAdapter),n))||this;return i.isOpened=!1,i.animationFrame=0,i.animationTimer=0,i}return Object.defineProperty(t,"defaultAdapter",{get:function(){return{addClass:function(){},getContentHeight:function(){return 0},notifyClosed:function(){},notifyClosing:function(){},notifyOpened:function(){},notifyOpening:function(){},notifyActionClicked:function(){},releaseFocus:function(){},removeClass:function(){},setStyleProperty:function(){},trapFocus:function(){}}},enumerable:!1,configurable:!0}),t.prototype.destroy=function(){cancelAnimationFrame(this.animationFrame),this.animationFrame=0,clearTimeout(this.animationTimer),this.animationTimer=0},t.prototype.open=function(){var n=this;this.isOpened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(o),this.adapter.addClass(r);var i=this.adapter.getContentHeight();this.animationFrame=requestAnimationFrame(function(){n.adapter.addClass(u),n.adapter.setStyleProperty("height",i+"px"),n.animationTimer=setTimeout(function(){n.handleAnimationTimerEnd(),n.adapter.trapFocus(),n.adapter.notifyOpened()},d.BANNER_ANIMATION_OPEN_TIME_MS)})},t.prototype.close=function(n){var i=this;this.isOpened&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=0,this.isOpened=!1,this.adapter.notifyClosing(n),this.adapter.addClass(o),this.adapter.setStyleProperty("height","0"),this.adapter.removeClass(u),this.adapter.removeClass(r),clearTimeout(this.animationTimer),this.animationTimer=setTimeout(function(){i.adapter.releaseFocus(),i.handleAnimationTimerEnd(),i.adapter.notifyClosed(n)},d.BANNER_ANIMATION_CLOSE_TIME_MS))},t.prototype.isOpen=function(){return this.isOpened},t.prototype.handlePrimaryActionClick=function(n){n===void 0&&(n=!1),n?this.adapter.notifyActionClicked(0):this.close(exports.CloseReason.PRIMARY)},t.prototype.handleSecondaryActionClick=function(n){n===void 0&&(n=!1),n?this.adapter.notifyActionClicked(1):this.close(exports.CloseReason.SECONDARY)},t.prototype.layout=function(){var n=this.adapter.getContentHeight();this.adapter.setStyleProperty("height",n+"px")},t.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(r),this.adapter.removeClass(o)},t}(f.MDCFoundation);exports.MDCBannerFoundation=h;exports.events=p;exports.selectors=m;
|
@@ -0,0 +1,152 @@
|
|
1
|
+
import { a as f, b as d } from "./tslib.es6-b5e819a6.mjs";
|
2
|
+
import { M as m } from "./foundation-2334d146.mjs";
|
3
|
+
/**
|
4
|
+
* @license
|
5
|
+
* Copyright 2020 Google Inc.
|
6
|
+
*
|
7
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
8
|
+
* of this software and associated documentation files (the "Software"), to deal
|
9
|
+
* in the Software without restriction, including without limitation the rights
|
10
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
11
|
+
* copies of the Software, and to permit persons to whom the Software is
|
12
|
+
* furnished to do so, subject to the following conditions:
|
13
|
+
*
|
14
|
+
* The above copyright notice and this permission notice shall be included in
|
15
|
+
* all copies or substantial portions of the Software.
|
16
|
+
*
|
17
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
18
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
19
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
20
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
21
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
22
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
23
|
+
* THE SOFTWARE.
|
24
|
+
*/
|
25
|
+
var s = {
|
26
|
+
CLOSING: "mdc-banner--closing",
|
27
|
+
OPEN: "mdc-banner--open",
|
28
|
+
OPENING: "mdc-banner--opening"
|
29
|
+
}, c = {
|
30
|
+
BANNER_ANIMATION_CLOSE_TIME_MS: 250,
|
31
|
+
BANNER_ANIMATION_OPEN_TIME_MS: 300
|
32
|
+
}, C = {
|
33
|
+
CLOSED: "MDCBanner:closed",
|
34
|
+
CLOSING: "MDCBanner:closing",
|
35
|
+
OPENED: "MDCBanner:opened",
|
36
|
+
OPENING: "MDCBanner:opening",
|
37
|
+
ACTION_CLICKED: "MDCBanner:actionClicked"
|
38
|
+
}, l = {
|
39
|
+
CONTENT: ".mdc-banner__content",
|
40
|
+
PRIMARY_ACTION: ".mdc-banner__primary-action",
|
41
|
+
SECONDARY_ACTION: ".mdc-banner__secondary-action",
|
42
|
+
TEXT: ".mdc-banner__text"
|
43
|
+
}, a;
|
44
|
+
(function(e) {
|
45
|
+
e[e.PRIMARY = 0] = "PRIMARY", e[e.SECONDARY = 1] = "SECONDARY", e[e.UNSPECIFIED = 2] = "UNSPECIFIED";
|
46
|
+
})(a || (a = {}));
|
47
|
+
var u;
|
48
|
+
(function(e) {
|
49
|
+
e[e.PRIMARY = 0] = "PRIMARY", e[e.SECONDARY = 1] = "SECONDARY", e[e.UNKNOWN = 2] = "UNKNOWN";
|
50
|
+
})(u || (u = {}));
|
51
|
+
/**
|
52
|
+
* @license
|
53
|
+
* Copyright 2020 Google Inc.
|
54
|
+
*
|
55
|
+
* Permission is hereby granted, free of charge, to any person obtaining a copy
|
56
|
+
* of this software and associated documentation files (the "Software"), to deal
|
57
|
+
* in the Software without restriction, including without limitation the rights
|
58
|
+
* to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
|
59
|
+
* copies of the Software, and to permit persons to whom the Software is
|
60
|
+
* furnished to do so, subject to the following conditions:
|
61
|
+
*
|
62
|
+
* The above copyright notice and this permission notice shall be included in
|
63
|
+
* all copies or substantial portions of the Software.
|
64
|
+
*
|
65
|
+
* THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
|
66
|
+
* IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
|
67
|
+
* FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
|
68
|
+
* AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
|
69
|
+
* LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
|
70
|
+
* OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
|
71
|
+
* THE SOFTWARE.
|
72
|
+
*/
|
73
|
+
var r = s.OPENING, p = s.OPEN, o = s.CLOSING, O = (
|
74
|
+
/** @class */
|
75
|
+
function(e) {
|
76
|
+
f(t, e);
|
77
|
+
function t(n) {
|
78
|
+
var i = e.call(this, d(d({}, t.defaultAdapter), n)) || this;
|
79
|
+
return i.isOpened = !1, i.animationFrame = 0, i.animationTimer = 0, i;
|
80
|
+
}
|
81
|
+
return Object.defineProperty(t, "defaultAdapter", {
|
82
|
+
get: function() {
|
83
|
+
return {
|
84
|
+
addClass: function() {
|
85
|
+
},
|
86
|
+
getContentHeight: function() {
|
87
|
+
return 0;
|
88
|
+
},
|
89
|
+
notifyClosed: function() {
|
90
|
+
},
|
91
|
+
notifyClosing: function() {
|
92
|
+
},
|
93
|
+
notifyOpened: function() {
|
94
|
+
},
|
95
|
+
notifyOpening: function() {
|
96
|
+
},
|
97
|
+
notifyActionClicked: function() {
|
98
|
+
},
|
99
|
+
releaseFocus: function() {
|
100
|
+
},
|
101
|
+
removeClass: function() {
|
102
|
+
},
|
103
|
+
setStyleProperty: function() {
|
104
|
+
},
|
105
|
+
trapFocus: function() {
|
106
|
+
}
|
107
|
+
};
|
108
|
+
},
|
109
|
+
enumerable: !1,
|
110
|
+
configurable: !0
|
111
|
+
}), t.prototype.destroy = function() {
|
112
|
+
cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, clearTimeout(this.animationTimer), this.animationTimer = 0;
|
113
|
+
}, t.prototype.open = function() {
|
114
|
+
var n = this;
|
115
|
+
this.isOpened = !0, this.adapter.notifyOpening(), this.adapter.removeClass(o), this.adapter.addClass(r);
|
116
|
+
var i = this.adapter.getContentHeight();
|
117
|
+
this.animationFrame = requestAnimationFrame(function() {
|
118
|
+
n.adapter.addClass(p), n.adapter.setStyleProperty("height", i + "px"), n.animationTimer = setTimeout(function() {
|
119
|
+
n.handleAnimationTimerEnd(), n.adapter.trapFocus(), n.adapter.notifyOpened();
|
120
|
+
}, c.BANNER_ANIMATION_OPEN_TIME_MS);
|
121
|
+
});
|
122
|
+
}, t.prototype.close = function(n) {
|
123
|
+
var i = this;
|
124
|
+
this.isOpened && (cancelAnimationFrame(this.animationFrame), this.animationFrame = 0, this.isOpened = !1, this.adapter.notifyClosing(n), this.adapter.addClass(o), this.adapter.setStyleProperty("height", "0"), this.adapter.removeClass(p), this.adapter.removeClass(r), clearTimeout(this.animationTimer), this.animationTimer = setTimeout(function() {
|
125
|
+
i.adapter.releaseFocus(), i.handleAnimationTimerEnd(), i.adapter.notifyClosed(n);
|
126
|
+
}, c.BANNER_ANIMATION_CLOSE_TIME_MS));
|
127
|
+
}, t.prototype.isOpen = function() {
|
128
|
+
return this.isOpened;
|
129
|
+
}, t.prototype.handlePrimaryActionClick = function(n) {
|
130
|
+
n === void 0 && (n = !1), n ? this.adapter.notifyActionClicked(
|
131
|
+
0
|
132
|
+
/* PRIMARY */
|
133
|
+
) : this.close(a.PRIMARY);
|
134
|
+
}, t.prototype.handleSecondaryActionClick = function(n) {
|
135
|
+
n === void 0 && (n = !1), n ? this.adapter.notifyActionClicked(
|
136
|
+
1
|
137
|
+
/* SECONDARY */
|
138
|
+
) : this.close(a.SECONDARY);
|
139
|
+
}, t.prototype.layout = function() {
|
140
|
+
var n = this.adapter.getContentHeight();
|
141
|
+
this.adapter.setStyleProperty("height", n + "px");
|
142
|
+
}, t.prototype.handleAnimationTimerEnd = function() {
|
143
|
+
this.animationTimer = 0, this.adapter.removeClass(r), this.adapter.removeClass(o);
|
144
|
+
}, t;
|
145
|
+
}(m)
|
146
|
+
);
|
147
|
+
export {
|
148
|
+
a as C,
|
149
|
+
O as M,
|
150
|
+
C as e,
|
151
|
+
l as s
|
152
|
+
};
|
package/icon-button.js
CHANGED
@@ -1,15 +1,15 @@
|
|
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 n=require("./query-assigned-elements-07e38f46.js"),e=require("./tslib.es6-6b53b818.js"),p=require("./ripple-handlers-2176f137.js"),u=require("./aria-property-849c8816.js"),s=require("./property-074570d1.js"),m=require("./state-949232e6.js"),b=require("./event-options-7bc382d8.js"),h=require("./query-2ba749b7.js"),f=require("./if-defined-cb12d481.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");/**
|
2
2
|
* @license
|
3
3
|
* Copyright 2018 Google LLC
|
4
4
|
* SPDX-License-Identifier: Apache-2.0
|
5
|
-
*/class
|
5
|
+
*/class o extends n.s{constructor(){super(...arguments),this.disabled=!1,this.icon="",this.shouldRenderRipple=!1,this.rippleHandlers=new p.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple))}renderRipple(){return this.shouldRenderRipple?n.y`
|
6
6
|
<mwc-ripple
|
7
7
|
.disabled="${this.disabled}"
|
8
8
|
unbounded>
|
9
|
-
</mwc-ripple>`:""}focus(){const t=this.buttonElement;t&&(this.rippleHandlers.startFocus(),t.focus())}blur(){const t=this.buttonElement;t&&(this.rippleHandlers.endFocus(),t.blur())}render(){return
|
9
|
+
</mwc-ripple>`:""}focus(){const t=this.buttonElement;t&&(this.rippleHandlers.startFocus(),t.focus())}blur(){const t=this.buttonElement;t&&(this.rippleHandlers.endFocus(),t.blur())}render(){return n.y`<button
|
10
10
|
class="mdc-icon-button mdc-icon-button--display-flex"
|
11
11
|
aria-label="${this.ariaLabel||this.icon}"
|
12
|
-
aria-haspopup="${
|
12
|
+
aria-haspopup="${f.l(this.ariaHasPopup)}"
|
13
13
|
?disabled="${this.disabled}"
|
14
14
|
@focus="${this.handleRippleFocus}"
|
15
15
|
@blur="${this.handleRippleBlur}"
|
@@ -20,13 +20,13 @@
|
|
20
20
|
@touchend="${this.handleRippleDeactivate}"
|
21
21
|
@touchcancel="${this.handleRippleDeactivate}"
|
22
22
|
>${this.renderRipple()}
|
23
|
-
${this.icon?
|
23
|
+
${this.icon?n.y`<i class="material-icons">${this.icon}</i>`:""}
|
24
24
|
<span
|
25
25
|
><slot></slot
|
26
26
|
></span>
|
27
|
-
</button>`}handleRippleMouseDown(t){const
|
27
|
+
</button>`}handleRippleMouseDown(t){const c=()=>{window.removeEventListener("mouseup",c),this.handleRippleDeactivate()};window.addEventListener("mouseup",c),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()}}e.__decorate([s.e({type:Boolean,reflect:!0})],o.prototype,"disabled",void 0);e.__decorate([s.e({type:String})],o.prototype,"icon",void 0);e.__decorate([u.ariaProperty,s.e({type:String,attribute:"aria-label"})],o.prototype,"ariaLabel",void 0);e.__decorate([u.ariaProperty,s.e({type:String,attribute:"aria-haspopup"})],o.prototype,"ariaHasPopup",void 0);e.__decorate([h.i("button")],o.prototype,"buttonElement",void 0);e.__decorate([p.e("mwc-ripple")],o.prototype,"ripple",void 0);e.__decorate([m.t()],o.prototype,"shouldRenderRipple",void 0);e.__decorate([b.e({passive:!0})],o.prototype,"handleRippleMouseDown",null);e.__decorate([b.e({passive:!0})],o.prototype,"handleRippleTouchStart",null);/**
|
28
28
|
* @license
|
29
29
|
* Copyright 2021 Google LLC
|
30
30
|
* SPDX-LIcense-Identifier: Apache-2.0
|
31
|
-
*/const
|
32
|
-
`;var
|
31
|
+
*/const g=n.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-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`,_=`:host{color:var(--mdc-theme-text-icon-on-background)}
|
32
|
+
`;var v=Object.defineProperty,x=Object.getOwnPropertyDescriptor,y=(r,t,c,d)=>{for(var i=d>1?void 0:d?x(t,c):t,l=r.length-1,a;l>=0;l--)(a=r[l])&&(i=(d?a(t,c,i):a(i))||i);return d&&i&&v(t,c,i),i};exports.CovalentIconButton=class extends o{};exports.CovalentIconButton.styles=[g,n.i`${n.r(_)}`];exports.CovalentIconButton=y([n.e("cv-icon-button")],exports.CovalentIconButton);const w=exports.CovalentIconButton;exports.default=w;
|
package/icon-button.mjs
CHANGED
@@ -1,15 +1,24 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import { R as
|
4
|
-
import {
|
1
|
+
import { s as h, y as p, i as u, r as f, e as g } from "./query-assigned-elements-514e5265.mjs";
|
2
|
+
import { _ as n } from "./tslib.es6-b5e819a6.mjs";
|
3
|
+
import { e as _, R as x } from "./ripple-handlers-227497d3.mjs";
|
4
|
+
import { a as m } from "./aria-property-fa2717fe.mjs";
|
5
|
+
import { e as d } from "./property-ca27685b.mjs";
|
6
|
+
import { t as v } from "./state-6f7e570d.mjs";
|
7
|
+
import { e as b } from "./event-options-3937d997.mjs";
|
8
|
+
import { i as y } from "./query-1e7846ea.mjs";
|
9
|
+
import { l as w } from "./if-defined-639ed018.mjs";
|
10
|
+
import "./base-element-c3dc926e.mjs";
|
11
|
+
import "./utils-dc65fdc9.mjs";
|
12
|
+
import "./class-map-08c84aeb.mjs";
|
13
|
+
import "./style-map-2cb0fb63.mjs";
|
5
14
|
/**
|
6
15
|
* @license
|
7
16
|
* Copyright 2018 Google LLC
|
8
17
|
* SPDX-License-Identifier: Apache-2.0
|
9
18
|
*/
|
10
|
-
class t extends
|
19
|
+
class t extends h {
|
11
20
|
constructor() {
|
12
|
-
super(...arguments), this.disabled = !1, this.icon = "", this.shouldRenderRipple = !1, this.rippleHandlers = new
|
21
|
+
super(...arguments), this.disabled = !1, this.icon = "", this.shouldRenderRipple = !1, this.rippleHandlers = new x(() => (this.shouldRenderRipple = !0, this.ripple));
|
13
22
|
}
|
14
23
|
/** @soyTemplate */
|
15
24
|
renderRipple() {
|
@@ -89,26 +98,26 @@ n([
|
|
89
98
|
d({ type: String, attribute: "aria-haspopup" })
|
90
99
|
], t.prototype, "ariaHasPopup", void 0);
|
91
100
|
n([
|
92
|
-
|
101
|
+
y("button")
|
93
102
|
], t.prototype, "buttonElement", void 0);
|
94
103
|
n([
|
95
|
-
|
104
|
+
_("mwc-ripple")
|
96
105
|
], t.prototype, "ripple", void 0);
|
97
106
|
n([
|
98
|
-
|
107
|
+
v()
|
99
108
|
], t.prototype, "shouldRenderRipple", void 0);
|
100
109
|
n([
|
101
|
-
|
110
|
+
b({ passive: !0 })
|
102
111
|
], t.prototype, "handleRippleMouseDown", null);
|
103
112
|
n([
|
104
|
-
|
113
|
+
b({ passive: !0 })
|
105
114
|
], t.prototype, "handleRippleTouchStart", null);
|
106
115
|
/**
|
107
116
|
* @license
|
108
117
|
* Copyright 2021 Google LLC
|
109
118
|
* SPDX-LIcense-Identifier: Apache-2.0
|
110
119
|
*/
|
111
|
-
const R =
|
120
|
+
const R = u`.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-icon-button{font-size:24px;width:48px;height:48px;padding:12px}.mdc-icon-button .mdc-icon-button__focus-ring{display:none}.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{display:block;max-height:48px;max-width:48px}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{border-color:CanvasText}}@media screen and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__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)and (forced-colors: active){.mdc-icon-button.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring::after,.mdc-icon-button:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring::after{border-color:CanvasText}}.mdc-icon-button.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mdc-icon-button.mdc-icon-button--reduced-size.mdc-ripple-upgraded--background-focused .mdc-icon-button__focus-ring,.mdc-icon-button.mdc-icon-button--reduced-size:not(.mdc-ripple-upgraded):focus .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{color:rgba(0, 0, 0, 0.38);color:var(--mdc-theme-text-disabled-on-light, rgba(0, 0, 0, 0.38))}.mdc-icon-button svg,.mdc-icon-button img{width:24px;height:24px}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}.mdc-icon-button{display:inline-block;position:relative;box-sizing:border-box;border:none;outline:none;background-color:transparent;fill:currentColor;color:inherit;text-decoration:none;cursor:pointer;user-select:none;z-index:0;overflow:visible}.mdc-icon-button .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mdc-icon-button:disabled{cursor:default;pointer-events:none}.mdc-icon-button--display-flex{align-items:center;display:inline-flex;justify-content:center}.mdc-icon-button__icon{display:inline-block}.mdc-icon-button__icon.mdc-icon-button__icon--on{display:none}.mdc-icon-button--on .mdc-icon-button__icon{display:none}.mdc-icon-button--on .mdc-icon-button__icon.mdc-icon-button__icon--on{display:inline-block}.mdc-icon-button__link{height:100%;left:0;outline:none;position:absolute;top:0;width:100%}:host{display:inline-block;outline:none}:host([disabled]){pointer-events:none}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block}:host{--mdc-ripple-color: currentcolor;-webkit-tap-highlight-color:transparent}:host,.mdc-icon-button{vertical-align:top}.mdc-icon-button{width:var(--mdc-icon-button-size, 48px);height:var(--mdc-icon-button-size, 48px);padding:calc( (var(--mdc-icon-button-size, 48px) - var(--mdc-icon-size, 24px)) / 2 )}.mdc-icon-button i,.mdc-icon-button svg,.mdc-icon-button img,.mdc-icon-button ::slotted(*){display:block;width:var(--mdc-icon-size, 24px);height:var(--mdc-icon-size, 24px)}`, $ = `:host{color:var(--mdc-theme-text-icon-on-background)}
|
112
121
|
`;
|
113
122
|
var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, H = (s, o, i, c) => {
|
114
123
|
for (var e = c > 1 ? void 0 : c ? z(o, i) : o, l = s.length - 1, a; l >= 0; l--)
|
@@ -117,12 +126,12 @@ var k = Object.defineProperty, z = Object.getOwnPropertyDescriptor, H = (s, o, i
|
|
117
126
|
};
|
118
127
|
let r = class extends t {
|
119
128
|
};
|
120
|
-
r.styles = [R,
|
129
|
+
r.styles = [R, u`${f($)}`];
|
121
130
|
r = H([
|
122
|
-
|
131
|
+
g("cv-icon-button")
|
123
132
|
], r);
|
124
|
-
const
|
133
|
+
const U = r;
|
125
134
|
export {
|
126
135
|
r as CovalentIconButton,
|
127
|
-
|
136
|
+
U as default
|
128
137
|
};
|
package/icon-check-toggle.js
CHANGED
@@ -1,15 +1,15 @@
|
|
1
|
-
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const
|
2
|
-
`;var
|
3
|
-
<div class="${
|
1
|
+
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./query-assigned-elements-07e38f46.js"),l=require("./property-074570d1.js"),p=require("./class-map-50b8edb4.js"),s=require("./style-map-3056a771.js"),h=require("./mwc-checkbox-base-435c1f1d.js"),g=require("./mwc-checkbox.css-956e3d6c.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./aria-property-849c8816.js");require("./form-element-d4e7bcdb.js");require("./event-options-7bc382d8.js");require("./if-defined-cb12d481.js");const m=`:host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--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);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0%);left:var(--mdc-ripple-left, 0%);width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);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);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}
|
2
|
+
`;var f=Object.defineProperty,u=Object.getOwnPropertyDescriptor,c=(a,r,t,o)=>{for(var e=o>1?void 0:o?u(r,t):r,n=a.length-1,d;n>=0;n--)(d=a[n])&&(e=(o?d(r,t,e):d(e))||e);return o&&e&&f(r,t,e),e};exports.CovalentIconCheckToggle=class extends h.CheckboxBase{constructor(){super(...arguments),this.width="200",this.height="160",this.iconOnly=!1}render(){const r={checked:this.checked,cornerFill:this.checked},t={showCheck:this.checked},o={"--width":this.width=="fill"?"100%":`${this.width}px`,"--height":`${this.height}px`};return i.y`
|
3
|
+
<div class="${p.o(r)} container" style="${s.i(o)}" @click="${this._handleClick}">
|
4
4
|
<input type="checkbox" class="mdc-checkbox__native-control"></input>
|
5
5
|
<div class="mdc-toggle__background">
|
6
|
-
<svg class="mdc-toggle__checkmark ${
|
7
|
-
<path class="mdc-toggle__checkmark-path ${
|
6
|
+
<svg class="mdc-toggle__checkmark ${p.o(t)}" viewBox="0 0 24 24">
|
7
|
+
<path class="mdc-toggle__checkmark-path ${p.o(t)}" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></path>
|
8
8
|
</svg>
|
9
9
|
</div>
|
10
10
|
<slot name="icon"></slot>
|
11
|
-
${this.iconOnly?"":
|
11
|
+
${this.iconOnly?"":i.y`<div><slot name="text"></slot></div>`}
|
12
12
|
</div>
|
13
|
-
`}_handleClick(){this.checked=!this.checked}};exports.CovalentIconCheckToggle.styles=[
|
14
|
-
${
|
15
|
-
`,
|
13
|
+
`}_handleClick(){this.checked=!this.checked}};exports.CovalentIconCheckToggle.styles=[i.i`
|
14
|
+
${i.r(m)}
|
15
|
+
`,g.styles];c([l.e()],exports.CovalentIconCheckToggle.prototype,"width",2);c([l.e()],exports.CovalentIconCheckToggle.prototype,"height",2);c([l.e({type:Boolean})],exports.CovalentIconCheckToggle.prototype,"iconOnly",2);exports.CovalentIconCheckToggle=c([i.e("cv-checkbox-icon")],exports.CovalentIconCheckToggle);const v=exports.CovalentIconCheckToggle;exports.default=v;
|
package/icon-check-toggle.mjs
CHANGED
@@ -1,10 +1,19 @@
|
|
1
|
-
import {
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import "./
|
5
|
-
import "./
|
6
|
-
import "./
|
7
|
-
import "./
|
1
|
+
import { i as m, r as h, y as l, e as f } from "./query-assigned-elements-514e5265.mjs";
|
2
|
+
import { e as s } from "./property-ca27685b.mjs";
|
3
|
+
import { o as d } from "./class-map-08c84aeb.mjs";
|
4
|
+
import { i as g } from "./style-map-2cb0fb63.mjs";
|
5
|
+
import { C as y } from "./mwc-checkbox-base-10e977f2.mjs";
|
6
|
+
import { s as v } from "./mwc-checkbox.css-b7abc7fd.mjs";
|
7
|
+
import "./tslib.es6-b5e819a6.mjs";
|
8
|
+
import "./ripple-handlers-227497d3.mjs";
|
9
|
+
import "./base-element-c3dc926e.mjs";
|
10
|
+
import "./utils-dc65fdc9.mjs";
|
11
|
+
import "./state-6f7e570d.mjs";
|
12
|
+
import "./query-1e7846ea.mjs";
|
13
|
+
import "./aria-property-fa2717fe.mjs";
|
14
|
+
import "./form-element-6dbd7afa.mjs";
|
15
|
+
import "./event-options-3937d997.mjs";
|
16
|
+
import "./if-defined-639ed018.mjs";
|
8
17
|
const u = `:host .mdc-toggle__background{position:absolute;top:4px;right:4px;width:15px;height:15px;border:none;color:var(--mdc-theme-text-icon-on-dark)}:host .mdc-toggle__checkmark-path{transition:stroke-dashoffset .18s cubic-bezier(.4,0,.6,1) 0ms;stroke:currentcolor;stroke-width:3.12px;stroke-dashoffset:29.7833;stroke-dasharray:29.7833}:host .showCheck{stroke-dashoffset:0;opacity:1}:host([width=fill]){width:100%}.container{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--width);height:var(--height);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background);--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);will-change:transform,opacity}.container:before,.container:after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:""}.container:before{transition:opacity 15ms linear,background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.container:after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.container.mdc-ripple-upgraded:before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.container.mdc-ripple-upgraded:after{top:0;left:0;transform:scale(0);transform-origin:center center}.container.mdc-ripple-upgraded--unbounded:after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.container.mdc-ripple-upgraded--foreground-activation:after{animation:mdc-ripple-fg-radius-in 225ms forwards,mdc-ripple-fg-opacity-in 75ms forwards}.container.mdc-ripple-upgraded--foreground-deactivation:after{animation:mdc-ripple-fg-opacity-out .15s;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.container:before,.container:after{top:0%;left:0%;width:100%;height:100%}.container.mdc-ripple-upgraded:before,.container.mdc-ripple-upgraded:after{top:var(--mdc-ripple-top, 0%);left:var(--mdc-ripple-left, 0%);width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container.mdc-ripple-upgraded:after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.container:before,.container:after{background-color:#000;background-color:var(--mdc-ripple-color, #000)}.container:hover:before,.container.mdc-ripple-surface--hover:before{opacity:.04;opacity:var(--mdc-ripple-hover-opacity, .04)}.container.mdc-ripple-upgraded--background-focused:before,.container:not(.mdc-ripple-upgraded):focus:before{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-focus-opacity, .12)}.container:not(.mdc-ripple-upgraded):after{transition:opacity .15s linear}.container:not(.mdc-ripple-upgraded):active:after{transition-duration:75ms;opacity:.12;opacity:var(--mdc-ripple-press-opacity, .12)}.container.mdc-ripple-upgraded{--mdc-ripple-fg-opacity: var(--mdc-ripple-press-opacity, .12)}.container:after,.container:before{border-radius:8px}.container:hover{cursor:pointer}.cornerFill{background:linear-gradient(225deg,var(--mdc-theme-secondary) 28px,transparent 0)}.checked{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}.checked:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);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);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}
|
9
18
|
`;
|
10
19
|
var b = Object.defineProperty, k = Object.getOwnPropertyDescriptor, c = (i, e, o, a) => {
|
@@ -48,8 +57,8 @@ let t = class extends y {
|
|
48
57
|
}
|
49
58
|
};
|
50
59
|
t.styles = [
|
51
|
-
|
52
|
-
${
|
60
|
+
m`
|
61
|
+
${h(u)}
|
53
62
|
`,
|
54
63
|
v
|
55
64
|
];
|
@@ -65,8 +74,8 @@ c([
|
|
65
74
|
t = c([
|
66
75
|
f("cv-checkbox-icon")
|
67
76
|
], t);
|
68
|
-
const
|
77
|
+
const A = t;
|
69
78
|
export {
|
70
79
|
t as CovalentIconCheckToggle,
|
71
|
-
|
80
|
+
A as default
|
72
81
|
};
|
package/icon-radio-toggle.js
CHANGED
@@ -1,8 +1,8 @@
|
|
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-07e38f46.js"),l=require("./mwc-radio-base-442d495a.js"),s=require("./mwc-radio.css-388ad26d.js"),h=require("./property-074570d1.js");require("./tslib.es6-6b53b818.js");require("./ripple-handlers-2176f137.js");require("./base-element-d5abe37a.js");require("./utils-a8190a39.js");require("./state-949232e6.js");require("./query-2ba749b7.js");require("./class-map-50b8edb4.js");require("./style-map-3056a771.js");require("./aria-property-849c8816.js");require("./form-element-d4e7bcdb.js");require("./observer-a096ab43.js");require("./event-options-7bc382d8.js");require("./if-defined-cb12d481.js");const p=`:host .mdc-radio__background{position:absolute;top:8px;right:8px}:host([width=fill]){width:100%}.mdc-radio{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;row-gap:8px;width:var(--cv-icon-radio-width, 200px);height:var(--cv-icon-radio-height, 160px);border:solid 2px var(--mdc-theme-border);border-radius:8px;color:var(--mdc-theme-text-primary-on-background)}.mdc-radio--touch .mdc-radio__native-control{width:100%;height:100%}:host([checked]) .mdc-radio{border:solid 2px var(--mdc-theme-primary);background-color:var(--mdc-theme-surface-primary-highlight)}:host([checked]) .mdc-radio:hover{background-color:var(--mdc-theme-surface-primary-highlight-hover)}[name=icon]::slotted(*){font-size:40px;color:var(--mdc-theme-text-icon-on-background)}[name=text]::slotted(*){color:var(--mdc-theme-text-primary-on-background);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);letter-spacing:.4px}[name=text]::slotted(*:last-child){color:var(--mdc-theme-text-secondary-on-background);font-family:var(--mdc-typography-body2-font-family);font-size:var(--mdc-typography-body2-font-size);font-weight:var(--mdc-typography-body2-font-weight);line-height:var(--mdc-typography-body2-line-height)}
|
2
|
+
`;var g=Object.defineProperty,m=Object.getOwnPropertyDescriptor,d=(a,t,i,r)=>{for(var e=r>1?void 0:r?m(t,i):t,n=a.length-1,c;n>=0;n--)(c=a[n])&&(e=(r?c(t,i,e):c(e))||e);return r&&e&&g(t,i,e),e};exports.CovalentIconRadioToggle=class extends l.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=o.y`<slot name="icon"></slot>`,i=this.iconOnly?"":o.y`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?o.y`<mwc-ripple
|
3
3
|
accent
|
4
4
|
.internalUseStateLayerCustomProperties="${this.useStateLayerCustomProperties}"
|
5
5
|
.disabled="${this.disabled}"
|
6
|
-
></mwc-ripple>`:"";return
|
7
|
-
${
|
8
|
-
`];d([
|
6
|
+
></mwc-ripple>`:"";return o.y`${t}${i}${r}`}};exports.CovalentIconRadioToggle.styles=[s.styles,o.i`
|
7
|
+
${o.r(p)}
|
8
|
+
`];d([h.e({type:Boolean})],exports.CovalentIconRadioToggle.prototype,"iconOnly",2);exports.CovalentIconRadioToggle=d([o.e("cv-radio-icon")],exports.CovalentIconRadioToggle);const y=exports.CovalentIconRadioToggle;exports.default=y;
|