@covalent/components 6.0.1 → 6.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (193) hide show
  1. package/action-ribbon.mjs +9 -7
  2. package/alert.mjs +13 -11
  3. package/app-shell.mjs +10 -4
  4. package/aria-property.mjs +41 -0
  5. package/base-element.mjs +28 -0
  6. package/button.mjs +180 -13
  7. package/card.mjs +3 -3
  8. package/check-list-item.mjs +92 -14
  9. package/checkbox.mjs +26 -14
  10. package/circular-progress.mjs +144 -10
  11. package/class-map.mjs +62 -0
  12. package/code-snippet.mjs +6 -5
  13. package/covalent.mjs +2 -2
  14. package/covalent.umd.js +3339 -137
  15. package/dialog.mjs +750 -15
  16. package/directive-helpers.mjs +11 -0
  17. package/drawer.mjs +26 -15
  18. package/empty-state.mjs +4 -4
  19. package/event-options.mjs +14 -0
  20. package/form-element.mjs +50 -0
  21. package/foundation.mjs +152 -0
  22. package/foundation2.mjs +60 -0
  23. package/icon-button.mjs +130 -15
  24. package/icon-check-toggle.mjs +18 -8
  25. package/icon-radio-toggle.mjs +29 -18
  26. package/icon.mjs +19 -13
  27. package/if-defined.mjs +10 -0
  28. package/inert.esm.mjs +640 -0
  29. package/linear-progress.mjs +178 -15
  30. package/list-expansion.mjs +33 -22
  31. package/list-item.mjs +19 -20
  32. package/list.mjs +26 -13
  33. package/menu.mjs +32 -13
  34. package/mwc-checkbox-base.mjs +198 -0
  35. package/mwc-checkbox.css.mjs +10 -0
  36. package/mwc-drawer-base.mjs +335 -0
  37. package/mwc-icon.mjs +26 -0
  38. package/mwc-line-ripple-directive.mjs +653 -0
  39. package/mwc-list-base.mjs +840 -0
  40. package/mwc-list-item-base.mjs +202 -0
  41. package/mwc-list-item.css.mjs +17 -0
  42. package/mwc-menu-base.mjs +1145 -0
  43. package/mwc-radio-base.mjs +528 -0
  44. package/mwc-radio.css.mjs +10 -0
  45. package/mwc-slider.css.mjs +956 -0
  46. package/mwc-tab-base.mjs +694 -0
  47. package/mwc-top-app-bar-base.mjs +380 -0
  48. package/nav-list-item.mjs +28 -20
  49. package/observer.mjs +32 -0
  50. package/package.json +9 -2
  51. package/property.mjs +20 -0
  52. package/query-assigned-elements.mjs +615 -0
  53. package/query-assigned-nodes.mjs +17 -0
  54. package/query.mjs +25 -0
  55. package/radio-list-item.mjs +93 -12
  56. package/radio.mjs +28 -15
  57. package/ripple-handlers.mjs +761 -0
  58. package/select.mjs +1257 -15
  59. package/side-sheet.mjs +21 -16
  60. package/slider-range.mjs +438 -11
  61. package/slider.mjs +253 -13
  62. package/snackbar.mjs +456 -15
  63. package/src/action-ribbon/action-ribbon-base.d.ts +30 -0
  64. package/src/action-ribbon/action-ribbon-base.d.ts.map +1 -0
  65. package/src/action-ribbon/action-ribbon.d.ts +15 -0
  66. package/src/action-ribbon/action-ribbon.d.ts.map +1 -0
  67. package/src/alert/alert-base.d.ts +31 -0
  68. package/src/alert/alert-base.d.ts.map +1 -0
  69. package/src/alert/alert.d.ts +15 -0
  70. package/src/alert/alert.d.ts.map +1 -0
  71. package/src/app-shell/app-shell.d.ts +26 -0
  72. package/src/app-shell/app-shell.d.ts.map +1 -0
  73. package/src/button/button.d.ts +10 -0
  74. package/src/button/button.d.ts.map +1 -0
  75. package/src/card/card-base.d.ts +25 -0
  76. package/src/card/card-base.d.ts.map +1 -0
  77. package/src/card/card.d.ts +10 -0
  78. package/src/card/card.d.ts.map +1 -0
  79. package/src/checkbox/checkbox.d.ts +10 -0
  80. package/src/checkbox/checkbox.d.ts.map +1 -0
  81. package/src/chips/chip-base.d.ts +52 -0
  82. package/src/chips/chip-base.d.ts.map +1 -0
  83. package/src/chips/chip-set-base.d.ts +33 -0
  84. package/src/chips/chip-set-base.d.ts.map +1 -0
  85. package/src/chips/chip-set.d.ts +15 -0
  86. package/src/chips/chip-set.d.ts.map +1 -0
  87. package/src/chips/chip.d.ts +15 -0
  88. package/src/chips/chip.d.ts.map +1 -0
  89. package/src/chips/foundation.d.ts +60 -0
  90. package/src/chips/foundation.d.ts.map +1 -0
  91. package/src/circular-progress/circular-progress.d.ts +10 -0
  92. package/src/circular-progress/circular-progress.d.ts.map +1 -0
  93. package/src/code-snippet/code-snippet.d.ts +21 -0
  94. package/src/code-snippet/code-snippet.d.ts.map +1 -0
  95. package/src/dialog/dialog.d.ts +10 -0
  96. package/src/dialog/dialog.d.ts.map +1 -0
  97. package/src/drawer/drawer.d.ts +10 -0
  98. package/src/drawer/drawer.d.ts.map +1 -0
  99. package/src/empty-state/empty-state.d.ts +16 -0
  100. package/src/empty-state/empty-state.d.ts.map +1 -0
  101. package/src/formfield/formfield.d.ts +10 -0
  102. package/src/formfield/formfield.d.ts.map +1 -0
  103. package/src/icon/icon.d.ts +10 -0
  104. package/src/icon/icon.d.ts.map +1 -0
  105. package/src/icon-button/icon-button.d.ts +10 -0
  106. package/src/icon-button/icon-button.d.ts.map +1 -0
  107. package/src/icon-checkbox/icon-check-toggle.d.ts +15 -0
  108. package/src/icon-checkbox/icon-check-toggle.d.ts.map +1 -0
  109. package/src/icon-radio/icon-radio-toggle.d.ts +14 -0
  110. package/src/icon-radio/icon-radio-toggle.d.ts.map +1 -0
  111. package/src/index.d.ts +3 -0
  112. package/src/index.d.ts.map +1 -0
  113. package/src/linear-progress/linear-progress.d.ts +10 -0
  114. package/src/linear-progress/linear-progress.d.ts.map +1 -0
  115. package/src/list/check-list-item.d.ts +10 -0
  116. package/src/list/check-list-item.d.ts.map +1 -0
  117. package/src/list/list-expansion.d.ts +18 -0
  118. package/src/list/list-expansion.d.ts.map +1 -0
  119. package/src/list/list-item.d.ts +12 -0
  120. package/src/list/list-item.d.ts.map +1 -0
  121. package/src/list/list.d.ts +10 -0
  122. package/src/list/list.d.ts.map +1 -0
  123. package/src/list/nav-list-item.d.ts +12 -0
  124. package/src/list/nav-list-item.d.ts.map +1 -0
  125. package/src/list/radio-list-item.d.ts +10 -0
  126. package/src/list/radio-list-item.d.ts.map +1 -0
  127. package/src/menu/menu.d.ts +10 -0
  128. package/src/menu/menu.d.ts.map +1 -0
  129. package/src/radio/radio.d.ts +10 -0
  130. package/src/radio/radio.d.ts.map +1 -0
  131. package/src/select/select.d.ts +10 -0
  132. package/src/select/select.d.ts.map +1 -0
  133. package/src/side-sheet/side-sheet.d.ts +18 -0
  134. package/src/side-sheet/side-sheet.d.ts.map +1 -0
  135. package/src/slider/slider-range.d.ts +10 -0
  136. package/src/slider/slider-range.d.ts.map +1 -0
  137. package/src/slider/slider.d.ts +10 -0
  138. package/src/slider/slider.d.ts.map +1 -0
  139. package/src/snackbar/snackbar.d.ts +10 -0
  140. package/src/snackbar/snackbar.d.ts.map +1 -0
  141. package/src/status-header/status-header-base.d.ts +9 -0
  142. package/src/status-header/status-header-base.d.ts.map +1 -0
  143. package/src/status-header/status-header-item.d.ts +17 -0
  144. package/src/status-header/status-header-item.d.ts.map +1 -0
  145. package/src/status-header/status-header.d.ts +15 -0
  146. package/src/status-header/status-header.d.ts.map +1 -0
  147. package/src/switch/switch.d.ts +10 -0
  148. package/src/switch/switch.d.ts.map +1 -0
  149. package/src/tab/tab-bar.d.ts +10 -0
  150. package/src/tab/tab-bar.d.ts.map +1 -0
  151. package/src/tab/tab.d.ts +10 -0
  152. package/src/tab/tab.d.ts.map +1 -0
  153. package/src/text-lockup/text-lockup.d.ts +17 -0
  154. package/src/text-lockup/text-lockup.d.ts.map +1 -0
  155. package/src/textarea/textarea.d.ts +10 -0
  156. package/src/textarea/textarea.d.ts.map +1 -0
  157. package/src/textfield/textfield.d.ts +10 -0
  158. package/src/textfield/textfield.d.ts.map +1 -0
  159. package/src/toolbar/toolbar.d.ts +10 -0
  160. package/src/toolbar/toolbar.d.ts.map +1 -0
  161. package/src/tooltip/tooltip.d.ts +27 -0
  162. package/src/tooltip/tooltip.d.ts.map +1 -0
  163. package/src/top-app-bar/top-app-bar-fixed.d.ts +10 -0
  164. package/src/top-app-bar/top-app-bar-fixed.d.ts.map +1 -0
  165. package/src/top-app-bar/top-app-bar.d.ts +10 -0
  166. package/src/top-app-bar/top-app-bar.d.ts.map +1 -0
  167. package/src/tree-list/tree-list-item.d.ts +16 -0
  168. package/src/tree-list/tree-list-item.d.ts.map +1 -0
  169. package/src/tree-list/tree-list.d.ts +11 -0
  170. package/src/tree-list/tree-list.d.ts.map +1 -0
  171. package/src/typography/typography.d.ts +12 -0
  172. package/src/typography/typography.d.ts.map +1 -0
  173. package/state.mjs +12 -0
  174. package/status-header-item.mjs +16 -16
  175. package/status-header.mjs +5 -5
  176. package/style-map.mjs +40 -0
  177. package/switch.mjs +531 -15
  178. package/tab-bar.mjs +1030 -13
  179. package/tab.mjs +29 -15
  180. package/text-lockup.mjs +8 -8
  181. package/textarea.mjs +111 -16
  182. package/textfield.mjs +34 -18
  183. package/textfield2.mjs +929 -2
  184. package/toolbar.mjs +8 -3
  185. package/tooltip.mjs +1153 -96
  186. package/top-app-bar-fixed.mjs +78 -18
  187. package/top-app-bar.mjs +19 -15
  188. package/top-app-bar2.mjs +9 -2
  189. package/tree-list-item.mjs +3 -3
  190. package/tree-list.mjs +6 -7
  191. package/tslib.es6.mjs +82 -0
  192. package/typography.mjs +8 -8
  193. package/utils.mjs +52 -0
@@ -0,0 +1,653 @@
1
+ import { _ as u, a as d, b as a } from "./tslib.es6.mjs";
2
+ import { y as _, i as v, e as E } from "./query-assigned-elements.mjs";
3
+ import { B as y } from "./base-element.mjs";
4
+ import { e as h } from "./property.mjs";
5
+ import { i as f } from "./query.mjs";
6
+ import { o as L, e as m, i as b, t as l } from "./class-map.mjs";
7
+ /**
8
+ * @license
9
+ * Copyright 2016 Google Inc.
10
+ *
11
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
12
+ * of this software and associated documentation files (the "Software"), to deal
13
+ * in the Software without restriction, including without limitation the rights
14
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
15
+ * copies of the Software, and to permit persons to whom the Software is
16
+ * furnished to do so, subject to the following conditions:
17
+ *
18
+ * The above copyright notice and this permission notice shall be included in
19
+ * all copies or substantial portions of the Software.
20
+ *
21
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
22
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
23
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
24
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
25
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
26
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
27
+ * THE SOFTWARE.
28
+ */
29
+ var C = (
30
+ /** @class */
31
+ function() {
32
+ function t(e) {
33
+ e === void 0 && (e = {}), this.adapter = e;
34
+ }
35
+ return Object.defineProperty(t, "cssClasses", {
36
+ get: function() {
37
+ return {};
38
+ },
39
+ enumerable: !1,
40
+ configurable: !0
41
+ }), Object.defineProperty(t, "strings", {
42
+ get: function() {
43
+ return {};
44
+ },
45
+ enumerable: !1,
46
+ configurable: !0
47
+ }), Object.defineProperty(t, "numbers", {
48
+ get: function() {
49
+ return {};
50
+ },
51
+ enumerable: !1,
52
+ configurable: !0
53
+ }), Object.defineProperty(t, "defaultAdapter", {
54
+ get: function() {
55
+ return {};
56
+ },
57
+ enumerable: !1,
58
+ configurable: !0
59
+ }), t.prototype.init = function() {
60
+ }, t.prototype.destroy = function() {
61
+ }, t;
62
+ }()
63
+ );
64
+ /**
65
+ * @license
66
+ * Copyright 2018 Google Inc.
67
+ *
68
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
69
+ * of this software and associated documentation files (the "Software"), to deal
70
+ * in the Software without restriction, including without limitation the rights
71
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
72
+ * copies of the Software, and to permit persons to whom the Software is
73
+ * furnished to do so, subject to the following conditions:
74
+ *
75
+ * The above copyright notice and this permission notice shall be included in
76
+ * all copies or substantial portions of the Software.
77
+ *
78
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
79
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
80
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
81
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
82
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
83
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
84
+ * THE SOFTWARE.
85
+ */
86
+ var x = {
87
+ NOTCH_ELEMENT_SELECTOR: ".mdc-notched-outline__notch"
88
+ }, p = {
89
+ // This should stay in sync with $mdc-notched-outline-padding * 2.
90
+ NOTCH_ELEMENT_PADDING: 8
91
+ }, A = {
92
+ NO_LABEL: "mdc-notched-outline--no-label",
93
+ OUTLINE_NOTCHED: "mdc-notched-outline--notched",
94
+ OUTLINE_UPGRADED: "mdc-notched-outline--upgraded"
95
+ };
96
+ /**
97
+ * @license
98
+ * Copyright 2017 Google Inc.
99
+ *
100
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
101
+ * of this software and associated documentation files (the "Software"), to deal
102
+ * in the Software without restriction, including without limitation the rights
103
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
104
+ * copies of the Software, and to permit persons to whom the Software is
105
+ * furnished to do so, subject to the following conditions:
106
+ *
107
+ * The above copyright notice and this permission notice shall be included in
108
+ * all copies or substantial portions of the Software.
109
+ *
110
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
111
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
112
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
113
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
114
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
115
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
116
+ * THE SOFTWARE.
117
+ */
118
+ var P = (
119
+ /** @class */
120
+ function(t) {
121
+ u(e, t);
122
+ function e(n) {
123
+ return t.call(this, d(d({}, e.defaultAdapter), n)) || this;
124
+ }
125
+ return Object.defineProperty(e, "strings", {
126
+ get: function() {
127
+ return x;
128
+ },
129
+ enumerable: !1,
130
+ configurable: !0
131
+ }), Object.defineProperty(e, "cssClasses", {
132
+ get: function() {
133
+ return A;
134
+ },
135
+ enumerable: !1,
136
+ configurable: !0
137
+ }), Object.defineProperty(e, "numbers", {
138
+ get: function() {
139
+ return p;
140
+ },
141
+ enumerable: !1,
142
+ configurable: !0
143
+ }), Object.defineProperty(e, "defaultAdapter", {
144
+ /**
145
+ * See {@link MDCNotchedOutlineAdapter} for typing information on parameters and return types.
146
+ */
147
+ get: function() {
148
+ return {
149
+ addClass: function() {
150
+ },
151
+ removeClass: function() {
152
+ },
153
+ setNotchWidthProperty: function() {
154
+ },
155
+ removeNotchWidthProperty: function() {
156
+ }
157
+ };
158
+ },
159
+ enumerable: !1,
160
+ configurable: !0
161
+ }), e.prototype.notch = function(n) {
162
+ var o = e.cssClasses.OUTLINE_NOTCHED;
163
+ n > 0 && (n += p.NOTCH_ELEMENT_PADDING), this.adapter.setNotchWidthProperty(n), this.adapter.addClass(o);
164
+ }, e.prototype.closeNotch = function() {
165
+ var n = e.cssClasses.OUTLINE_NOTCHED;
166
+ this.adapter.removeClass(n), this.adapter.removeNotchWidthProperty();
167
+ }, e;
168
+ }(C)
169
+ );
170
+ /**
171
+ * @license
172
+ * Copyright 2019 Google LLC
173
+ * SPDX-License-Identifier: Apache-2.0
174
+ */
175
+ class s extends y {
176
+ constructor() {
177
+ super(...arguments), this.mdcFoundationClass = P, this.width = 0, this.open = !1, this.lastOpen = this.open;
178
+ }
179
+ createAdapter() {
180
+ return {
181
+ addClass: (e) => this.mdcRoot.classList.add(e),
182
+ removeClass: (e) => this.mdcRoot.classList.remove(e),
183
+ setNotchWidthProperty: (e) => this.notchElement.style.setProperty("width", `${e}px`),
184
+ removeNotchWidthProperty: () => this.notchElement.style.removeProperty("width")
185
+ };
186
+ }
187
+ openOrClose(e, n) {
188
+ this.mdcFoundation && (e && n !== void 0 ? this.mdcFoundation.notch(n) : this.mdcFoundation.closeNotch());
189
+ }
190
+ render() {
191
+ this.openOrClose(this.open, this.width);
192
+ const e = L({
193
+ "mdc-notched-outline--notched": this.open
194
+ });
195
+ return _`
196
+ <span class="mdc-notched-outline ${e}">
197
+ <span class="mdc-notched-outline__leading"></span>
198
+ <span class="mdc-notched-outline__notch">
199
+ <slot></slot>
200
+ </span>
201
+ <span class="mdc-notched-outline__trailing"></span>
202
+ </span>`;
203
+ }
204
+ }
205
+ a([
206
+ f(".mdc-notched-outline")
207
+ ], s.prototype, "mdcRoot", void 0);
208
+ a([
209
+ h({ type: Number })
210
+ ], s.prototype, "width", void 0);
211
+ a([
212
+ h({ type: Boolean, reflect: !0 })
213
+ ], s.prototype, "open", void 0);
214
+ a([
215
+ f(".mdc-notched-outline__notch")
216
+ ], s.prototype, "notchElement", void 0);
217
+ /**
218
+ * @license
219
+ * Copyright 2021 Google LLC
220
+ * SPDX-LIcense-Identifier: Apache-2.0
221
+ */
222
+ const O = v`.mdc-notched-outline{display:flex;position:absolute;top:0;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] .mdc-notched-outline,.mdc-notched-outline[dir=rtl]{text-align:right}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{box-sizing:border-box;height:100%;border-top:1px solid;border-bottom:1px solid;pointer-events:none}.mdc-notched-outline__leading{border-left:1px solid;border-right:none;width:12px}[dir=rtl] .mdc-notched-outline__leading,.mdc-notched-outline__leading[dir=rtl]{border-left:none;border-right:1px solid}.mdc-notched-outline__trailing{border-left:none;border-right:1px solid;flex-grow:1}[dir=rtl] .mdc-notched-outline__trailing,.mdc-notched-outline__trailing[dir=rtl]{border-left:1px solid;border-right:none}.mdc-notched-outline__notch{flex:0 0 auto;width:auto;max-width:calc(100% - 12px * 2)}.mdc-notched-outline .mdc-floating-label{display:inline-block;position:relative;max-width:100%}.mdc-notched-outline .mdc-floating-label--float-above{text-overflow:clip}.mdc-notched-outline--upgraded .mdc-floating-label--float-above{max-width:calc(100% / 0.75)}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-left:0;padding-right:8px;border-top:none}[dir=rtl] .mdc-notched-outline--notched .mdc-notched-outline__notch,.mdc-notched-outline--notched .mdc-notched-outline__notch[dir=rtl]{padding-left:8px;padding-right:0}.mdc-notched-outline--no-label .mdc-notched-outline__notch{display:none}:host{display:block;position:absolute;right:0;left:0;box-sizing:border-box;width:100%;max-width:100%;height:100%;text-align:left;pointer-events:none}[dir=rtl] :host,:host([dir=rtl]){text-align:right}::slotted(.mdc-floating-label){display:inline-block;position:relative;top:17px;bottom:auto;max-width:100%}::slotted(.mdc-floating-label--float-above){text-overflow:clip}.mdc-notched-outline--upgraded ::slotted(.mdc-floating-label--float-above){max-width:calc(100% / 0.75)}.mdc-notched-outline .mdc-notched-outline__leading{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}[dir=rtl] .mdc-notched-outline .mdc-notched-outline__leading,.mdc-notched-outline .mdc-notched-outline__leading[dir=rtl]{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}@supports(top: max(0%)){.mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports(top: max(0%)){.mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2)}}.mdc-notched-outline .mdc-notched-outline__trailing{border-top-left-radius:0;border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:4px;border-bottom-right-radius:var(--mdc-shape-small, 4px);border-bottom-left-radius:0}[dir=rtl] .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-notched-outline .mdc-notched-outline__trailing[dir=rtl]{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:0;border-bottom-right-radius:0;border-bottom-left-radius:4px;border-bottom-left-radius:var(--mdc-shape-small, 4px)}.mdc-notched-outline__leading,.mdc-notched-outline__notch,.mdc-notched-outline__trailing{border-color:var(--mdc-notched-outline-border-color, var(--mdc-theme-primary, #6200ee));border-width:1px;border-width:var(--mdc-notched-outline-stroke-width, 1px)}.mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0;padding-top:var(--mdc-notched-outline-notch-offset, 0)}`;
223
+ /**
224
+ * @license
225
+ * Copyright 2019 Google LLC
226
+ * SPDX-License-Identifier: Apache-2.0
227
+ */
228
+ let c = class extends s {
229
+ };
230
+ c.styles = [O];
231
+ c = a([
232
+ E("mwc-notched-outline")
233
+ ], c);
234
+ /**
235
+ * @license
236
+ * Copyright 2016 Google Inc.
237
+ *
238
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
239
+ * of this software and associated documentation files (the "Software"), to deal
240
+ * in the Software without restriction, including without limitation the rights
241
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
242
+ * copies of the Software, and to permit persons to whom the Software is
243
+ * furnished to do so, subject to the following conditions:
244
+ *
245
+ * The above copyright notice and this permission notice shall be included in
246
+ * all copies or substantial portions of the Software.
247
+ *
248
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
249
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
250
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
251
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
252
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
253
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
254
+ * THE SOFTWARE.
255
+ */
256
+ var N = (
257
+ /** @class */
258
+ function() {
259
+ function t(e) {
260
+ e === void 0 && (e = {}), this.adapter = e;
261
+ }
262
+ return Object.defineProperty(t, "cssClasses", {
263
+ get: function() {
264
+ return {};
265
+ },
266
+ enumerable: !1,
267
+ configurable: !0
268
+ }), Object.defineProperty(t, "strings", {
269
+ get: function() {
270
+ return {};
271
+ },
272
+ enumerable: !1,
273
+ configurable: !0
274
+ }), Object.defineProperty(t, "numbers", {
275
+ get: function() {
276
+ return {};
277
+ },
278
+ enumerable: !1,
279
+ configurable: !0
280
+ }), Object.defineProperty(t, "defaultAdapter", {
281
+ get: function() {
282
+ return {};
283
+ },
284
+ enumerable: !1,
285
+ configurable: !0
286
+ }), t.prototype.init = function() {
287
+ }, t.prototype.destroy = function() {
288
+ }, t;
289
+ }()
290
+ );
291
+ /**
292
+ * @license
293
+ * Copyright 2016 Google Inc.
294
+ *
295
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
296
+ * of this software and associated documentation files (the "Software"), to deal
297
+ * in the Software without restriction, including without limitation the rights
298
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
299
+ * copies of the Software, and to permit persons to whom the Software is
300
+ * furnished to do so, subject to the following conditions:
301
+ *
302
+ * The above copyright notice and this permission notice shall be included in
303
+ * all copies or substantial portions of the Software.
304
+ *
305
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
306
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
307
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
308
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
309
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
310
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
311
+ * THE SOFTWARE.
312
+ */
313
+ var I = {
314
+ LABEL_FLOAT_ABOVE: "mdc-floating-label--float-above",
315
+ LABEL_REQUIRED: "mdc-floating-label--required",
316
+ LABEL_SHAKE: "mdc-floating-label--shake",
317
+ ROOT: "mdc-floating-label"
318
+ };
319
+ /**
320
+ * @license
321
+ * Copyright 2016 Google Inc.
322
+ *
323
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
324
+ * of this software and associated documentation files (the "Software"), to deal
325
+ * in the Software without restriction, including without limitation the rights
326
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
327
+ * copies of the Software, and to permit persons to whom the Software is
328
+ * furnished to do so, subject to the following conditions:
329
+ *
330
+ * The above copyright notice and this permission notice shall be included in
331
+ * all copies or substantial portions of the Software.
332
+ *
333
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
334
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
335
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
336
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
337
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
338
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
339
+ * THE SOFTWARE.
340
+ */
341
+ var T = (
342
+ /** @class */
343
+ function(t) {
344
+ u(e, t);
345
+ function e(n) {
346
+ var o = t.call(this, d(d({}, e.defaultAdapter), n)) || this;
347
+ return o.shakeAnimationEndHandler = function() {
348
+ o.handleShakeAnimationEnd();
349
+ }, o;
350
+ }
351
+ return Object.defineProperty(e, "cssClasses", {
352
+ get: function() {
353
+ return I;
354
+ },
355
+ enumerable: !1,
356
+ configurable: !0
357
+ }), Object.defineProperty(e, "defaultAdapter", {
358
+ /**
359
+ * See {@link MDCFloatingLabelAdapter} for typing information on parameters and return types.
360
+ */
361
+ get: function() {
362
+ return {
363
+ addClass: function() {
364
+ },
365
+ removeClass: function() {
366
+ },
367
+ getWidth: function() {
368
+ return 0;
369
+ },
370
+ registerInteractionHandler: function() {
371
+ },
372
+ deregisterInteractionHandler: function() {
373
+ }
374
+ };
375
+ },
376
+ enumerable: !1,
377
+ configurable: !0
378
+ }), e.prototype.init = function() {
379
+ this.adapter.registerInteractionHandler("animationend", this.shakeAnimationEndHandler);
380
+ }, e.prototype.destroy = function() {
381
+ this.adapter.deregisterInteractionHandler("animationend", this.shakeAnimationEndHandler);
382
+ }, e.prototype.getWidth = function() {
383
+ return this.adapter.getWidth();
384
+ }, e.prototype.shake = function(n) {
385
+ var o = e.cssClasses.LABEL_SHAKE;
386
+ n ? this.adapter.addClass(o) : this.adapter.removeClass(o);
387
+ }, e.prototype.float = function(n) {
388
+ var o = e.cssClasses, r = o.LABEL_FLOAT_ABOVE, g = o.LABEL_SHAKE;
389
+ n ? this.adapter.addClass(r) : (this.adapter.removeClass(r), this.adapter.removeClass(g));
390
+ }, e.prototype.setRequired = function(n) {
391
+ var o = e.cssClasses.LABEL_REQUIRED;
392
+ n ? this.adapter.addClass(o) : this.adapter.removeClass(o);
393
+ }, e.prototype.handleShakeAnimationEnd = function() {
394
+ var n = e.cssClasses.LABEL_SHAKE;
395
+ this.adapter.removeClass(n);
396
+ }, e;
397
+ }(N)
398
+ );
399
+ /**
400
+ * @license
401
+ * Copyright 2018 Google LLC
402
+ * SPDX-License-Identifier: Apache-2.0
403
+ */
404
+ const D = (t) => ({
405
+ addClass: (e) => t.classList.add(e),
406
+ removeClass: (e) => t.classList.remove(e),
407
+ getWidth: () => t.scrollWidth,
408
+ registerInteractionHandler: (e, n) => {
409
+ t.addEventListener(e, n);
410
+ },
411
+ deregisterInteractionHandler: (e, n) => {
412
+ t.removeEventListener(e, n);
413
+ }
414
+ });
415
+ class H extends b {
416
+ constructor(e) {
417
+ switch (super(e), this.foundation = null, this.previousPart = null, e.type) {
418
+ case l.ATTRIBUTE:
419
+ case l.PROPERTY:
420
+ break;
421
+ default:
422
+ throw new Error("FloatingLabel directive only support attribute and property parts");
423
+ }
424
+ }
425
+ /**
426
+ * There is no PropertyPart in Lit 2 so far. For more info see:
427
+ * https://github.com/lit/lit/issues/1863
428
+ */
429
+ update(e, [n]) {
430
+ if (e !== this.previousPart) {
431
+ this.foundation && this.foundation.destroy(), this.previousPart = e;
432
+ const o = e.element;
433
+ o.classList.add("mdc-floating-label");
434
+ const r = D(o);
435
+ this.foundation = new T(r), this.foundation.init();
436
+ }
437
+ return this.render(n);
438
+ }
439
+ render(e) {
440
+ return this.foundation;
441
+ }
442
+ }
443
+ const W = m(H);
444
+ /**
445
+ * @license
446
+ * Copyright 2016 Google Inc.
447
+ *
448
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
449
+ * of this software and associated documentation files (the "Software"), to deal
450
+ * in the Software without restriction, including without limitation the rights
451
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
452
+ * copies of the Software, and to permit persons to whom the Software is
453
+ * furnished to do so, subject to the following conditions:
454
+ *
455
+ * The above copyright notice and this permission notice shall be included in
456
+ * all copies or substantial portions of the Software.
457
+ *
458
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
459
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
460
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
461
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
462
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
463
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
464
+ * THE SOFTWARE.
465
+ */
466
+ var R = (
467
+ /** @class */
468
+ function() {
469
+ function t(e) {
470
+ e === void 0 && (e = {}), this.adapter = e;
471
+ }
472
+ return Object.defineProperty(t, "cssClasses", {
473
+ get: function() {
474
+ return {};
475
+ },
476
+ enumerable: !1,
477
+ configurable: !0
478
+ }), Object.defineProperty(t, "strings", {
479
+ get: function() {
480
+ return {};
481
+ },
482
+ enumerable: !1,
483
+ configurable: !0
484
+ }), Object.defineProperty(t, "numbers", {
485
+ get: function() {
486
+ return {};
487
+ },
488
+ enumerable: !1,
489
+ configurable: !0
490
+ }), Object.defineProperty(t, "defaultAdapter", {
491
+ get: function() {
492
+ return {};
493
+ },
494
+ enumerable: !1,
495
+ configurable: !0
496
+ }), t.prototype.init = function() {
497
+ }, t.prototype.destroy = function() {
498
+ }, t;
499
+ }()
500
+ );
501
+ /**
502
+ * @license
503
+ * Copyright 2018 Google Inc.
504
+ *
505
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
506
+ * of this software and associated documentation files (the "Software"), to deal
507
+ * in the Software without restriction, including without limitation the rights
508
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
509
+ * copies of the Software, and to permit persons to whom the Software is
510
+ * furnished to do so, subject to the following conditions:
511
+ *
512
+ * The above copyright notice and this permission notice shall be included in
513
+ * all copies or substantial portions of the Software.
514
+ *
515
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
516
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
517
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
518
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
519
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
520
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
521
+ * THE SOFTWARE.
522
+ */
523
+ var i = {
524
+ LINE_RIPPLE_ACTIVE: "mdc-line-ripple--active",
525
+ LINE_RIPPLE_DEACTIVATING: "mdc-line-ripple--deactivating"
526
+ };
527
+ /**
528
+ * @license
529
+ * Copyright 2018 Google Inc.
530
+ *
531
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
532
+ * of this software and associated documentation files (the "Software"), to deal
533
+ * in the Software without restriction, including without limitation the rights
534
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
535
+ * copies of the Software, and to permit persons to whom the Software is
536
+ * furnished to do so, subject to the following conditions:
537
+ *
538
+ * The above copyright notice and this permission notice shall be included in
539
+ * all copies or substantial portions of the Software.
540
+ *
541
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
542
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
543
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
544
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
545
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
546
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
547
+ * THE SOFTWARE.
548
+ */
549
+ var w = (
550
+ /** @class */
551
+ function(t) {
552
+ u(e, t);
553
+ function e(n) {
554
+ var o = t.call(this, d(d({}, e.defaultAdapter), n)) || this;
555
+ return o.transitionEndHandler = function(r) {
556
+ o.handleTransitionEnd(r);
557
+ }, o;
558
+ }
559
+ return Object.defineProperty(e, "cssClasses", {
560
+ get: function() {
561
+ return i;
562
+ },
563
+ enumerable: !1,
564
+ configurable: !0
565
+ }), Object.defineProperty(e, "defaultAdapter", {
566
+ /**
567
+ * See {@link MDCLineRippleAdapter} for typing information on parameters and return types.
568
+ */
569
+ get: function() {
570
+ return {
571
+ addClass: function() {
572
+ },
573
+ removeClass: function() {
574
+ },
575
+ hasClass: function() {
576
+ return !1;
577
+ },
578
+ setStyle: function() {
579
+ },
580
+ registerEventHandler: function() {
581
+ },
582
+ deregisterEventHandler: function() {
583
+ }
584
+ };
585
+ },
586
+ enumerable: !1,
587
+ configurable: !0
588
+ }), e.prototype.init = function() {
589
+ this.adapter.registerEventHandler("transitionend", this.transitionEndHandler);
590
+ }, e.prototype.destroy = function() {
591
+ this.adapter.deregisterEventHandler("transitionend", this.transitionEndHandler);
592
+ }, e.prototype.activate = function() {
593
+ this.adapter.removeClass(i.LINE_RIPPLE_DEACTIVATING), this.adapter.addClass(i.LINE_RIPPLE_ACTIVE);
594
+ }, e.prototype.setRippleCenter = function(n) {
595
+ this.adapter.setStyle("transform-origin", n + "px center");
596
+ }, e.prototype.deactivate = function() {
597
+ this.adapter.addClass(i.LINE_RIPPLE_DEACTIVATING);
598
+ }, e.prototype.handleTransitionEnd = function(n) {
599
+ var o = this.adapter.hasClass(i.LINE_RIPPLE_DEACTIVATING);
600
+ n.propertyName === "opacity" && o && (this.adapter.removeClass(i.LINE_RIPPLE_ACTIVE), this.adapter.removeClass(i.LINE_RIPPLE_DEACTIVATING));
601
+ }, e;
602
+ }(R)
603
+ );
604
+ /**
605
+ * @license
606
+ * Copyright 2019 Google LLC
607
+ * SPDX-License-Identifier: Apache-2.0
608
+ */
609
+ const B = (t) => ({
610
+ addClass: (e) => t.classList.add(e),
611
+ removeClass: (e) => t.classList.remove(e),
612
+ hasClass: (e) => t.classList.contains(e),
613
+ setStyle: (e, n) => t.style.setProperty(e, n),
614
+ registerEventHandler: (e, n) => {
615
+ t.addEventListener(e, n);
616
+ },
617
+ deregisterEventHandler: (e, n) => {
618
+ t.removeEventListener(e, n);
619
+ }
620
+ });
621
+ class F extends b {
622
+ constructor(e) {
623
+ switch (super(e), this.previousPart = null, this.foundation = null, e.type) {
624
+ case l.ATTRIBUTE:
625
+ case l.PROPERTY:
626
+ return;
627
+ default:
628
+ throw new Error("LineRipple only support attribute and property parts.");
629
+ }
630
+ }
631
+ /**
632
+ * There is no PropertyPart in Lit 2 so far. For more info see:
633
+ * https://github.com/lit/lit/issues/1863
634
+ */
635
+ update(e, n) {
636
+ if (this.previousPart !== e) {
637
+ this.foundation && this.foundation.destroy(), this.previousPart = e;
638
+ const o = e.element;
639
+ o.classList.add("mdc-line-ripple");
640
+ const r = B(o);
641
+ this.foundation = new w(r), this.foundation.init();
642
+ }
643
+ return this.render();
644
+ }
645
+ render() {
646
+ return this.foundation;
647
+ }
648
+ }
649
+ const G = m(F);
650
+ export {
651
+ W as f,
652
+ G as l
653
+ };