@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.
Files changed (180) hide show
  1. package/action-ribbon.js +6 -6
  2. package/action-ribbon.mjs +35 -30
  3. package/alert.js +6 -6
  4. package/alert.mjs +19 -14
  5. package/app-shell.js +8 -8
  6. package/app-shell.mjs +12 -6
  7. package/aria-property-fa2717fe.mjs +41 -0
  8. package/base-element-c3dc926e.mjs +28 -0
  9. package/base-element-d5abe37a.js +5 -0
  10. package/button.js +9 -9
  11. package/button.mjs +25 -16
  12. package/card.js +8 -8
  13. package/card.mjs +17 -15
  14. package/check-list-item.js +9 -9
  15. package/check-list-item.mjs +26 -17
  16. package/checkbox.js +2 -2
  17. package/checkbox.mjs +29 -20
  18. package/circular-progress.js +29 -29
  19. package/circular-progress.mjs +14 -10
  20. package/class-map-08c84aeb.mjs +62 -0
  21. package/class-map-50b8edb4.js +9 -0
  22. package/code-snippet.js +9 -9
  23. package/code-snippet.mjs +10 -7
  24. package/{dialog2.mjs → dialog-85c21333.mjs} +56 -50
  25. package/dialog-8ee07177.js +162 -0
  26. package/dialog.js +1 -1
  27. package/dialog.mjs +14 -162
  28. package/directive-helpers-725a181d.mjs +11 -0
  29. package/directive-helpers-fce8cf91.js +5 -0
  30. package/drawer.js +3 -3
  31. package/drawer.mjs +15 -9
  32. package/empty-state.js +5 -5
  33. package/empty-state.mjs +6 -4
  34. package/event-options-3937d997.mjs +14 -0
  35. package/event-options-7bc382d8.js +5 -0
  36. package/form-element-6dbd7afa.mjs +50 -0
  37. package/{form-element.mjs → form-element-d4e7bcdb.js} +2 -2
  38. package/foundation-2334d146.mjs +60 -0
  39. package/{foundation.mjs → foundation-3f55a9dc.js} +3 -3
  40. package/foundation-c580100a.mjs +152 -0
  41. package/icon-button.js +8 -8
  42. package/icon-button.mjs +25 -16
  43. package/icon-check-toggle.js +9 -9
  44. package/icon-check-toggle.mjs +20 -11
  45. package/icon-radio-toggle.js +5 -5
  46. package/icon-radio-toggle.mjs +34 -25
  47. package/icon.js +2 -2
  48. package/icon.mjs +9 -8
  49. package/if-defined-639ed018.mjs +10 -0
  50. package/if-defined-cb12d481.js +5 -0
  51. package/index.js +1 -1
  52. package/index.mjs +124 -114
  53. package/inert.esm-359d4581.mjs +640 -0
  54. package/linear-progress.js +12 -12
  55. package/linear-progress.mjs +23 -17
  56. package/{list2.mjs → list-d616957b.mjs} +7 -6
  57. package/list-defdaa3b.js +5 -0
  58. package/list-expansion.js +8 -8
  59. package/list-expansion.mjs +43 -34
  60. package/list-item-3fa66f09.js +9 -0
  61. package/list-item-d5c05e10.mjs +44 -0
  62. package/list-item.js +1 -1
  63. package/list-item.mjs +18 -9
  64. package/list.js +1 -1
  65. package/list.mjs +20 -5
  66. package/menu.js +2 -2
  67. package/menu.mjs +29 -20
  68. package/mwc-checkbox-base-10e977f2.mjs +198 -0
  69. package/{mwc-checkbox-base.mjs → mwc-checkbox-base-435c1f1d.js} +6 -6
  70. package/mwc-checkbox.css-956e3d6c.js +5 -0
  71. package/mwc-checkbox.css-b7abc7fd.mjs +10 -0
  72. package/mwc-drawer-base-b2b772c3.mjs +335 -0
  73. package/{mwc-drawer-base.mjs → mwc-drawer-base-f44fcf34.js} +11 -11
  74. package/mwc-icon-b96fb867.js +9 -0
  75. package/mwc-icon-c7013880.mjs +26 -0
  76. package/{mwc-line-ripple-directive.mjs → mwc-line-ripple-directive-a97ce725.js} +16 -16
  77. package/mwc-line-ripple-directive-c3e1f04a.mjs +653 -0
  78. package/mwc-list-base-7d5f7278.js +111 -0
  79. package/mwc-list-base-c0f8af1c.mjs +840 -0
  80. package/mwc-list-item-base-803b9771.js +28 -0
  81. package/mwc-list-item-base-acef0223.mjs +202 -0
  82. package/mwc-list-item.css-401e2407.js +9 -0
  83. package/mwc-list-item.css-b5481d96.mjs +17 -0
  84. package/mwc-menu-base-8970b43d.mjs +1145 -0
  85. package/{mwc-menu-base.mjs → mwc-menu-base-ac49fe54.js} +20 -20
  86. package/{mwc-radio-base.mjs → mwc-radio-base-442d495a.js} +11 -11
  87. package/mwc-radio-base-c29e6f42.mjs +528 -0
  88. package/mwc-radio.css-388ad26d.js +5 -0
  89. package/mwc-radio.css-4694aa9c.mjs +10 -0
  90. package/mwc-slider.css-336f809b.mjs +956 -0
  91. package/{mwc-slider.css.mjs → mwc-slider.css-48f02f1e.js} +20 -20
  92. package/{mwc-tab-base.mjs → mwc-tab-base-1a19b299.js} +22 -22
  93. package/mwc-tab-base-7fb3d339.mjs +694 -0
  94. package/{mwc-top-app-bar-base.mjs → mwc-top-app-bar-base-14e0a018.js} +10 -10
  95. package/mwc-top-app-bar-base-79c87e69.mjs +380 -0
  96. package/nav-list-item.js +10 -10
  97. package/nav-list-item.mjs +36 -28
  98. package/{observer.mjs → observer-a096ab43.js} +1 -1
  99. package/observer-be7b92e2.mjs +32 -0
  100. package/package.json +1 -1
  101. package/property-074570d1.js +5 -0
  102. package/property-ca27685b.mjs +20 -0
  103. package/query-1e7846ea.mjs +25 -0
  104. package/query-2ba749b7.js +5 -0
  105. package/query-assigned-elements-07e38f46.js +33 -0
  106. package/query-assigned-elements-514e5265.mjs +615 -0
  107. package/query-assigned-nodes-9ec0fa5f.js +5 -0
  108. package/query-assigned-nodes-bea12e0c.mjs +17 -0
  109. package/radio-list-item.js +10 -10
  110. package/radio-list-item.mjs +33 -24
  111. package/radio.js +2 -2
  112. package/radio.mjs +28 -19
  113. package/ripple-handlers-2176f137.js +107 -0
  114. package/ripple-handlers-227497d3.mjs +761 -0
  115. package/select.js +28 -28
  116. package/select.mjs +31 -21
  117. package/side-sheet.js +4 -4
  118. package/side-sheet.mjs +14 -8
  119. package/slider-range.js +7 -7
  120. package/slider-range.mjs +72 -64
  121. package/slider.js +3 -3
  122. package/slider.mjs +29 -21
  123. package/snackbar.js +15 -15
  124. package/snackbar.mjs +27 -21
  125. package/state-6f7e570d.mjs +12 -0
  126. package/state-949232e6.js +5 -0
  127. package/status-header-item.js +4 -4
  128. package/status-header-item.mjs +14 -13
  129. package/status-header.js +6 -6
  130. package/status-header.mjs +9 -7
  131. package/style-map-2cb0fb63.mjs +40 -0
  132. package/style-map-3056a771.js +5 -0
  133. package/switch.js +18 -18
  134. package/switch.mjs +31 -22
  135. package/tab-bar.js +21 -21
  136. package/tab-bar.mjs +23 -14
  137. package/tab.js +3 -3
  138. package/tab.mjs +15 -6
  139. package/text-lockup.js +5 -5
  140. package/text-lockup.mjs +8 -6
  141. package/textarea.js +14 -14
  142. package/textarea.mjs +28 -20
  143. package/{textfield2.mjs → textfield-276b0ded.mjs} +28 -21
  144. package/textfield-507c6a06.js +133 -0
  145. package/textfield.js +3 -3
  146. package/textfield.mjs +41 -132
  147. package/toolbar.js +3 -3
  148. package/toolbar.mjs +10 -4
  149. package/tooltip.js +12 -12
  150. package/tooltip.mjs +13 -9
  151. package/top-app-bar-34e85527.js +6 -0
  152. package/{top-app-bar2.mjs → top-app-bar-a236c3bc.mjs} +1 -1
  153. package/top-app-bar-fixed.js +5 -5
  154. package/top-app-bar-fixed.mjs +29 -23
  155. package/top-app-bar.js +3 -3
  156. package/top-app-bar.mjs +30 -6
  157. package/tree-list-item.js +8 -8
  158. package/tree-list-item.mjs +5 -3
  159. package/tree-list.js +3 -3
  160. package/tree-list.mjs +4 -4
  161. package/tslib.es6-6b53b818.js +1 -0
  162. package/tslib.es6-b5e819a6.mjs +82 -0
  163. package/typography.js +4 -4
  164. package/typography.mjs +12 -11
  165. package/utils-a8190a39.js +5 -0
  166. package/utils-dc65fdc9.mjs +52 -0
  167. package/directive-helpers.mjs +0 -5
  168. package/if-defined.mjs +0 -5
  169. package/list-item2.mjs +0 -43
  170. package/mwc-checkbox.css.mjs +0 -5
  171. package/mwc-icon.mjs +0 -9
  172. package/mwc-list-base.mjs +0 -111
  173. package/mwc-list-item-base.mjs +0 -28
  174. package/mwc-list-item.css.mjs +0 -9
  175. package/mwc-radio.css.mjs +0 -5
  176. package/mwc-ripple.mjs +0 -175
  177. package/ripple-handlers.mjs +0 -5
  178. /package/{aria-property.mjs → aria-property-849c8816.js} +0 -0
  179. /package/{foundation2.mjs → foundation-e830bd94.js} +0 -0
  180. /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("./mwc-ripple.mjs"),u=require("./foundation2.mjs");/**
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},f={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(n){n[n.PRIMARY=0]="PRIMARY",n[n.SECONDARY=1]="SECONDARY",n[n.UNSPECIFIED=2]="UNSPECIFIED"})(exports.CloseReason||(exports.CloseReason={}));var c;(function(n){n[n.PRIMARY=0]="PRIMARY",n[n.SECONDARY=1]="SECONDARY",n[n.UNKNOWN=2]="UNKNOWN"})(c||(c={}));/**
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,p=s.OPEN,o=s.CLOSING,h=function(n){a.__extends(t,n);function t(e){var i=n.call(this,a.__assign(a.__assign({},t.defaultAdapter),e))||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 e=this;this.isOpened=!0,this.adapter.notifyOpening(),this.adapter.removeClass(o),this.adapter.addClass(r);var i=this.adapter.getContentHeight();this.animationFrame=requestAnimationFrame(function(){e.adapter.addClass(p),e.adapter.setStyleProperty("height",i+"px"),e.animationTimer=setTimeout(function(){e.handleAnimationTimerEnd(),e.adapter.trapFocus(),e.adapter.notifyOpened()},d.BANNER_ANIMATION_OPEN_TIME_MS)})},t.prototype.close=function(e){var i=this;this.isOpened&&(cancelAnimationFrame(this.animationFrame),this.animationFrame=0,this.isOpened=!1,this.adapter.notifyClosing(e),this.adapter.addClass(o),this.adapter.setStyleProperty("height","0"),this.adapter.removeClass(p),this.adapter.removeClass(r),clearTimeout(this.animationTimer),this.animationTimer=setTimeout(function(){i.adapter.releaseFocus(),i.handleAnimationTimerEnd(),i.adapter.notifyClosed(e)},d.BANNER_ANIMATION_CLOSE_TIME_MS))},t.prototype.isOpen=function(){return this.isOpened},t.prototype.handlePrimaryActionClick=function(e){e===void 0&&(e=!1),e?this.adapter.notifyActionClicked(0):this.close(exports.CloseReason.PRIMARY)},t.prototype.handleSecondaryActionClick=function(e){e===void 0&&(e=!1),e?this.adapter.notifyActionClicked(1):this.close(exports.CloseReason.SECONDARY)},t.prototype.layout=function(){var e=this.adapter.getContentHeight();this.adapter.setStyleProperty("height",e+"px")},t.prototype.handleAnimationTimerEnd=function(){this.animationTimer=0,this.adapter.removeClass(r),this.adapter.removeClass(o)},t}(u.MDCFoundation);exports.MDCBannerFoundation=h;exports.events=f;exports.selectors=m;
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 o=require("./mwc-ripple.mjs"),l=require("./aria-property.mjs"),a=require("./ripple-handlers.mjs"),p=require("./if-defined.mjs");/**
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 n extends o.s{constructor(){super(...arguments),this.disabled=!1,this.icon="",this.shouldRenderRipple=!1,this.rippleHandlers=new a.RippleHandlers(()=>(this.shouldRenderRipple=!0,this.ripple))}renderRipple(){return this.shouldRenderRipple?o.y`
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 o.y`<button
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="${p.l(this.ariaHasPopup)}"
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?o.y`<i class="material-icons">${this.icon}</i>`:""}
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 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()}}o.__decorate([o.e({type:Boolean,reflect:!0})],n.prototype,"disabled",void 0);o.__decorate([o.e({type:String})],n.prototype,"icon",void 0);o.__decorate([l.ariaProperty,o.e({type:String,attribute:"aria-label"})],n.prototype,"ariaLabel",void 0);o.__decorate([l.ariaProperty,o.e({type:String,attribute:"aria-haspopup"})],n.prototype,"ariaHasPopup",void 0);o.__decorate([o.i("button")],n.prototype,"buttonElement",void 0);o.__decorate([o.e$2("mwc-ripple")],n.prototype,"ripple",void 0);o.__decorate([o.t()],n.prototype,"shouldRenderRipple",void 0);o.__decorate([o.e$3({passive:!0})],n.prototype,"handleRippleMouseDown",null);o.__decorate([o.e$3({passive:!0})],n.prototype,"handleRippleTouchStart",null);/**
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 u=o.i$1`.material-icons{font-family:var(--mdc-icon-font, "Material Icons");font-weight:normal;font-style:normal;font-size:var(--mdc-icon-size, 24px);line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-feature-settings:"liga"}.mdc-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)}`,b=`:host{color:var(--mdc-theme-text-icon-on-background)}
32
- `;var m=Object.defineProperty,h=Object.getOwnPropertyDescriptor,f=(c,t,i,r)=>{for(var e=r>1?void 0:r?h(t,i):t,d=c.length-1,s;d>=0;d--)(s=c[d])&&(e=(r?s(t,i,e):s(e))||e);return r&&e&&m(t,i,e),e};exports.CovalentIconButton=class extends n{};exports.CovalentIconButton.styles=[u,o.i$1`${o.r(b)}`];exports.CovalentIconButton=f([o.e$1("cv-icon-button")],exports.CovalentIconButton);const g=exports.CovalentIconButton;exports.default=g;
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 { _ as n, t as h, e as d, i as f, f as g, g as u, s as _, y as p, b, r as x, c as v } from "./mwc-ripple.mjs";
2
- import { a as m } from "./aria-property.mjs";
3
- import { R as y } from "./ripple-handlers.mjs";
4
- import { l as w } from "./if-defined.mjs";
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 y(() => (this.shouldRenderRipple = !0, this.ripple));
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
- f("button")
101
+ y("button")
93
102
  ], t.prototype, "buttonElement", void 0);
94
103
  n([
95
- g("mwc-ripple")
104
+ _("mwc-ripple")
96
105
  ], t.prototype, "ripple", void 0);
97
106
  n([
98
- h()
107
+ v()
99
108
  ], t.prototype, "shouldRenderRipple", void 0);
100
109
  n([
101
- u({ passive: !0 })
110
+ b({ passive: !0 })
102
111
  ], t.prototype, "handleRippleMouseDown", null);
103
112
  n([
104
- u({ passive: !0 })
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 = b`.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)}
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, b`${x($)}`];
129
+ r.styles = [R, u`${f($)}`];
121
130
  r = H([
122
- v("cv-icon-button")
131
+ g("cv-icon-button")
123
132
  ], r);
124
- const B = r;
133
+ const U = r;
125
134
  export {
126
135
  r as CovalentIconButton,
127
- B as default
136
+ U as default
128
137
  };
@@ -1,15 +1,15 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./mwc-ripple.mjs"),p=require("./mwc-checkbox-base.mjs"),l=require("./mwc-checkbox.css.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./ripple-handlers.mjs");require("./if-defined.mjs");const s=`: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 h=Object.defineProperty,g=Object.getOwnPropertyDescriptor,i=(a,t,o,c)=>{for(var r=c>1?void 0:c?g(t,o):t,n=a.length-1,d;n>=0;n--)(d=a[n])&&(r=(c?d(t,o,r):d(r))||r);return c&&r&&h(t,o,r),r};exports.CovalentIconCheckToggle=class extends p.CheckboxBase{constructor(){super(...arguments),this.width="200",this.height="160",this.iconOnly=!1}render(){const t={checked:this.checked,cornerFill:this.checked},o={showCheck:this.checked},c={"--width":this.width=="fill"?"100%":`${this.width}px`,"--height":`${this.height}px`};return e.y`
3
- <div class="${e.o(t)} container" style="${e.i$2(c)}" @click="${this._handleClick}">
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 ${e.o(o)}" viewBox="0 0 24 24">
7
- <path class="mdc-toggle__checkmark-path ${e.o(o)}" fill="none" d="M1.73,12.91 8.1,19.28 22.79,4.59"></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?"":e.y`<div><slot name="text"></slot></div>`}
11
+ ${this.iconOnly?"":i.y`<div><slot name="text"></slot></div>`}
12
12
  </div>
13
- `}_handleClick(){this.checked=!this.checked}};exports.CovalentIconCheckToggle.styles=[e.i$1`
14
- ${e.r(s)}
15
- `,l.styles];i([e.e()],exports.CovalentIconCheckToggle.prototype,"width",2);i([e.e()],exports.CovalentIconCheckToggle.prototype,"height",2);i([e.e({type:Boolean})],exports.CovalentIconCheckToggle.prototype,"iconOnly",2);exports.CovalentIconCheckToggle=i([e.e$1("cv-checkbox-icon")],exports.CovalentIconCheckToggle);const m=exports.CovalentIconCheckToggle;exports.default=m;
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;
@@ -1,10 +1,19 @@
1
- import { b as h, r as m, e as s, y as l, o as d, h as g, c as f } from "./mwc-ripple.mjs";
2
- import { C as y } from "./mwc-checkbox-base.mjs";
3
- import { s as v } from "./mwc-checkbox.css.mjs";
4
- import "./aria-property.mjs";
5
- import "./form-element.mjs";
6
- import "./ripple-handlers.mjs";
7
- import "./if-defined.mjs";
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
- h`
52
- ${m(u)}
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 P = t;
77
+ const A = t;
69
78
  export {
70
79
  t as CovalentIconCheckToggle,
71
- P as default
80
+ A as default
72
81
  };
@@ -1,8 +1,8 @@
1
- "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./mwc-ripple.mjs"),l=require("./mwc-radio-base.mjs"),s=require("./mwc-radio.css.mjs");require("./aria-property.mjs");require("./form-element.mjs");require("./observer.mjs");require("./ripple-handlers.mjs");require("./if-defined.mjs");const h=`: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 p=Object.defineProperty,m=Object.getOwnPropertyDescriptor,d=(a,t,i,r)=>{for(var o=r>1?void 0:r?m(t,i):t,n=a.length-1,c;n>=0;n--)(c=a[n])&&(o=(r?c(t,i,o):c(o))||o);return r&&o&&p(t,i,o),o};exports.CovalentIconRadioToggle=class extends l.RadioBase{constructor(){super(...arguments),this.iconOnly=!1}renderRipple(){const t=e.y`<slot name="icon"></slot>`,i=this.iconOnly?"":e.y`<div><slot name="text"></slot></div>`,r=this.shouldRenderRipple?e.y`<mwc-ripple
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 e.y`${t}${i}${r}`}};exports.CovalentIconRadioToggle.styles=[s.styles,e.i$1`
7
- ${e.r(h)}
8
- `];d([e.e({type:Boolean})],exports.CovalentIconRadioToggle.prototype,"iconOnly",2);exports.CovalentIconRadioToggle=d([e.e$1("cv-radio-icon")],exports.CovalentIconRadioToggle);const g=exports.CovalentIconRadioToggle;exports.default=g;
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;