@limetech/lime-elements 34.1.0-next.6 → 34.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (170) hide show
  1. package/dist/cjs/{_arrayIncludesWith-d69e30af.js → _arrayIncludesWith-36a6fafb.js} +7 -6
  2. package/dist/cjs/{_assignValue-493aac17.js → _assignValue-c9fc3712.js} +2 -2
  3. package/dist/cjs/{_defineProperty-c081d04c.js → _defineProperty-8351e789.js} +4 -3
  4. package/dist/cjs/{checkbox.template-d4423721.js → checkbox.template-312308d8.js} +9 -1
  5. package/dist/cjs/eq-9a943b00.js +75 -0
  6. package/dist/cjs/{isArrayLike-2bebb99c.js → isArrayLike-ac53bdac.js} +1 -30
  7. package/dist/cjs/{isEqual-1ce0c121.js → isEqual-e3b9c27c.js} +21 -19
  8. package/dist/cjs/{eq-3b43a5ca.js → isObject-e28b7997.js} +0 -71
  9. package/dist/cjs/isObjectLike-3e3f0cba.js +31 -0
  10. package/dist/cjs/{isSymbol-4666002c.js → isSymbol-d22b2798.js} +3 -3
  11. package/dist/cjs/lime-elements.cjs.js +1 -1
  12. package/dist/cjs/limel-checkbox.cjs.entry.js +3 -3
  13. package/dist/cjs/limel-chip-set.cjs.entry.js +50 -28
  14. package/dist/cjs/limel-code-editor.cjs.entry.js +1 -1
  15. package/dist/cjs/limel-color-picker-palette_2.cjs.entry.js +188 -0
  16. package/dist/cjs/limel-color-picker.cjs.entry.js +51 -0
  17. package/dist/cjs/limel-file.cjs.entry.js +1 -1
  18. package/dist/cjs/{limel-flatpickr-adapter_2.cjs.entry.js → limel-flatpickr-adapter.cjs.entry.js} +8 -801
  19. package/dist/cjs/limel-form.cjs.entry.js +59 -26
  20. package/dist/cjs/limel-grid.cjs.entry.js +1 -1
  21. package/dist/cjs/limel-input-field.cjs.entry.js +713 -0
  22. package/dist/cjs/limel-list_3.cjs.entry.js +2431 -0
  23. package/dist/cjs/limel-menu-list.cjs.entry.js +1 -1
  24. package/dist/cjs/limel-menu.cjs.entry.js +5 -4
  25. package/dist/cjs/limel-picker.cjs.entry.js +1 -1
  26. package/dist/cjs/limel-progress-flow-item.cjs.entry.js +1 -1
  27. package/dist/cjs/limel-slider.cjs.entry.js +69 -13
  28. package/dist/cjs/limel-tab-bar.cjs.entry.js +7 -5
  29. package/dist/cjs/limel-table.cjs.entry.js +9 -7
  30. package/dist/cjs/{limel-tooltip.cjs.entry.js → limel-tooltip_2.cjs.entry.js} +16 -0
  31. package/dist/cjs/loader.cjs.js +1 -1
  32. package/dist/cjs/{pickBy-64252559.js → pickBy-88b0430a.js} +10 -10
  33. package/dist/cjs/toNumber-062ea29c.js +99 -0
  34. package/dist/cjs/{zipObject-2f430e94.js → zipObject-4050a45f.js} +1 -1
  35. package/dist/collection/collection-manifest.json +2 -0
  36. package/dist/collection/components/checkbox/checkbox.css +96 -0
  37. package/dist/collection/components/checkbox/checkbox.js +19 -1
  38. package/dist/collection/components/checkbox/checkbox.template.js +9 -1
  39. package/dist/collection/components/chip-set/chip-set.css +14 -0
  40. package/dist/collection/components/chip-set/chip-set.js +75 -35
  41. package/dist/collection/components/code-editor/code-editor.css +7 -0
  42. package/dist/collection/components/color-picker/color-picker-palette.css +1239 -0
  43. package/dist/collection/components/color-picker/color-picker-palette.js +135 -0
  44. package/dist/collection/components/color-picker/color-picker.css +108 -0
  45. package/dist/collection/components/color-picker/color-picker.js +189 -0
  46. package/dist/collection/components/color-picker/swatches.js +29 -0
  47. package/dist/collection/components/file/file.js +1 -1
  48. package/dist/collection/components/form/adapters/widget-adapter.js +4 -1
  49. package/dist/collection/components/form/form.js +50 -0
  50. package/dist/collection/components/form/templates/array-field-collapsible-item.js +8 -8
  51. package/dist/collection/components/form/templates/common.js +1 -1
  52. package/dist/collection/components/form/widgets/select.js +3 -4
  53. package/dist/collection/components/grid/grid.css +1 -1
  54. package/dist/collection/components/input-field/input-field.css +13 -0
  55. package/dist/collection/components/list/list-renderer.js +17 -0
  56. package/dist/collection/components/list/list.css +423 -3
  57. package/dist/collection/components/list/list.js +1 -0
  58. package/dist/collection/components/menu-list/menu-list.css +1408 -60
  59. package/dist/collection/components/picker/picker.js +18 -1
  60. package/dist/collection/components/progress-flow/progress-flow-item/progress-flow-item.css +1 -2
  61. package/dist/collection/components/slider/slider.js +69 -13
  62. package/dist/esm/{_arrayIncludesWith-3f5ce249.js → _arrayIncludesWith-b5d3fd9e.js} +5 -4
  63. package/dist/esm/{_assignValue-94fb6adc.js → _assignValue-08fe10bc.js} +2 -2
  64. package/dist/esm/{_defineProperty-cbf98a2a.js → _defineProperty-8c869077.js} +2 -1
  65. package/dist/esm/{checkbox.template-dbdd27c8.js → checkbox.template-4be69ce6.js} +9 -1
  66. package/dist/esm/eq-c1c7f528.js +72 -0
  67. package/dist/esm/{isArrayLike-14db8f02.js → isArrayLike-dd37ba9a.js} +2 -30
  68. package/dist/esm/{isEqual-4d982635.js → isEqual-4f22635f.js} +5 -3
  69. package/dist/esm/{eq-f40dd1d6.js → isObject-c74e273c.js} +1 -70
  70. package/dist/esm/isObjectLike-38996507.js +29 -0
  71. package/dist/esm/{isSymbol-84252d8e.js → isSymbol-5bf20921.js} +2 -2
  72. package/dist/esm/lime-elements.js +1 -1
  73. package/dist/esm/limel-checkbox.entry.js +3 -3
  74. package/dist/esm/limel-chip-set.entry.js +50 -28
  75. package/dist/esm/limel-code-editor.entry.js +1 -1
  76. package/dist/esm/limel-color-picker-palette_2.entry.js +183 -0
  77. package/dist/esm/limel-color-picker.entry.js +47 -0
  78. package/dist/esm/limel-file.entry.js +1 -1
  79. package/dist/esm/{limel-flatpickr-adapter_2.entry.js → limel-flatpickr-adapter.entry.js} +8 -800
  80. package/dist/esm/limel-form.entry.js +55 -22
  81. package/dist/esm/limel-grid.entry.js +1 -1
  82. package/dist/esm/limel-input-field.entry.js +709 -0
  83. package/dist/esm/limel-list_3.entry.js +2425 -0
  84. package/dist/esm/limel-menu-list.entry.js +1 -1
  85. package/dist/esm/limel-menu.entry.js +5 -4
  86. package/dist/esm/limel-picker.entry.js +1 -1
  87. package/dist/esm/limel-progress-flow-item.entry.js +1 -1
  88. package/dist/esm/limel-slider.entry.js +69 -13
  89. package/dist/esm/limel-tab-bar.entry.js +7 -5
  90. package/dist/esm/limel-table.entry.js +9 -7
  91. package/dist/esm/{limel-tooltip.entry.js → limel-tooltip_2.entry.js} +16 -1
  92. package/dist/esm/loader.js +1 -1
  93. package/dist/esm/{pickBy-c485c1b5.js → pickBy-8a849e46.js} +5 -5
  94. package/dist/esm/toNumber-a6ed64f0.js +97 -0
  95. package/dist/esm/{zipObject-53fcafb3.js → zipObject-22e88ce9.js} +1 -1
  96. package/dist/lime-elements/lime-elements.esm.js +1 -1
  97. package/dist/lime-elements/{p-fc691234.entry.js → p-03aa01b5.entry.js} +2 -2
  98. package/dist/lime-elements/p-090bc949.js +1 -0
  99. package/dist/lime-elements/p-0c121e2f.js +1 -0
  100. package/dist/lime-elements/{p-c6b97214.entry.js → p-0ce9165f.entry.js} +1 -1
  101. package/dist/lime-elements/p-13f0e4f4.entry.js +1 -0
  102. package/dist/lime-elements/p-1876a96a.entry.js +1 -0
  103. package/dist/lime-elements/{p-425a0596.js → p-1a64b531.js} +1 -1
  104. package/dist/lime-elements/p-365098fe.js +1 -0
  105. package/dist/lime-elements/p-379955f4.js +1 -0
  106. package/dist/lime-elements/p-426d11b4.js +1 -0
  107. package/dist/lime-elements/p-440084ea.js +1 -0
  108. package/dist/lime-elements/p-468e940e.entry.js +16 -0
  109. package/dist/lime-elements/p-46af5a60.entry.js +82 -0
  110. package/dist/lime-elements/p-4bc5d3fc.entry.js +1 -0
  111. package/dist/lime-elements/p-511d71e0.entry.js +1 -0
  112. package/dist/lime-elements/{p-11d5a71a.entry.js → p-5170a62c.entry.js} +1 -1
  113. package/dist/lime-elements/{p-ab049a50.entry.js → p-58cbe99d.entry.js} +1 -1
  114. package/dist/lime-elements/p-5a9ecd77.entry.js +73 -0
  115. package/dist/lime-elements/p-6003f817.entry.js +1 -0
  116. package/dist/lime-elements/p-622be09b.entry.js +126 -0
  117. package/dist/lime-elements/p-7f43b0c4.js +1 -0
  118. package/dist/lime-elements/p-858c6b82.js +1 -0
  119. package/dist/lime-elements/p-8a2c1038.entry.js +16 -0
  120. package/dist/lime-elements/{p-a1153d2a.entry.js → p-8ad5e143.entry.js} +1 -1
  121. package/dist/lime-elements/{p-b386bfeb.entry.js → p-a2cf74c1.entry.js} +1 -1
  122. package/dist/lime-elements/p-a77cbb08.entry.js +1 -0
  123. package/dist/lime-elements/p-c93050d6.js +1 -0
  124. package/dist/lime-elements/p-d529bb7d.js +1 -0
  125. package/dist/lime-elements/p-eda23c05.js +1 -0
  126. package/dist/lime-elements/{p-ff0217b3.entry.js → p-f2c706b8.entry.js} +1 -1
  127. package/dist/lime-elements/p-f83213b8.js +1 -0
  128. package/dist/lime-elements/{p-23d59a30.entry.js → p-fbe6100e.entry.js} +1 -1
  129. package/dist/types/components/checkbox/checkbox.d.ts +5 -0
  130. package/dist/types/components/checkbox/checkbox.template.d.ts +1 -0
  131. package/dist/types/components/chip-set/chip-set.d.ts +12 -0
  132. package/dist/types/components/color-picker/color-picker-palette.d.ts +32 -0
  133. package/dist/types/components/color-picker/color-picker.d.ts +54 -0
  134. package/dist/types/components/color-picker/swatches.d.ts +4 -0
  135. package/dist/types/components/form/form.d.ts +7 -1
  136. package/dist/types/components/list/list-item.types.d.ts +14 -0
  137. package/dist/types/components/list/list-renderer.d.ts +2 -0
  138. package/dist/types/components/list/list.d.ts +1 -0
  139. package/dist/types/components/picker/picker.d.ts +4 -0
  140. package/dist/types/components/slider/slider.d.ts +8 -0
  141. package/dist/types/components.d.ts +147 -1
  142. package/package.json +1 -1
  143. package/dist/cjs/limel-list_2.cjs.entry.js +0 -485
  144. package/dist/cjs/limel-popover.cjs.entry.js +0 -116
  145. package/dist/cjs/limel-portal.cjs.entry.js +0 -1935
  146. package/dist/cjs/limel-tooltip-content.cjs.entry.js +0 -22
  147. package/dist/esm/limel-list_2.entry.js +0 -480
  148. package/dist/esm/limel-popover.entry.js +0 -112
  149. package/dist/esm/limel-portal.entry.js +0 -1931
  150. package/dist/esm/limel-tooltip-content.entry.js +0 -18
  151. package/dist/lime-elements/p-1cf833c8.entry.js +0 -16
  152. package/dist/lime-elements/p-227d2c5a.entry.js +0 -1
  153. package/dist/lime-elements/p-3ce2d46a.js +0 -1
  154. package/dist/lime-elements/p-77afe6dd.entry.js +0 -1
  155. package/dist/lime-elements/p-7c4d91f5.js +0 -1
  156. package/dist/lime-elements/p-845e645a.entry.js +0 -1
  157. package/dist/lime-elements/p-89b5a983.js +0 -1
  158. package/dist/lime-elements/p-8bbe3720.js +0 -1
  159. package/dist/lime-elements/p-8d8bd2ab.entry.js +0 -73
  160. package/dist/lime-elements/p-8e4ff107.js +0 -1
  161. package/dist/lime-elements/p-acfbf7ac.js +0 -1
  162. package/dist/lime-elements/p-b5d6abc3.entry.js +0 -126
  163. package/dist/lime-elements/p-bbc1bb01.entry.js +0 -1
  164. package/dist/lime-elements/p-c0765c9b.js +0 -1
  165. package/dist/lime-elements/p-df55ee67.entry.js +0 -82
  166. package/dist/lime-elements/p-e28a4246.entry.js +0 -1
  167. package/dist/lime-elements/p-ee7355e7.js +0 -1
  168. package/dist/lime-elements/p-f4495f59.entry.js +0 -1
  169. package/dist/lime-elements/p-fbe32287.entry.js +0 -16
  170. package/dist/lime-elements/p-fc610f15.js +0 -1
@@ -1,113 +1,15 @@
1
- import { r as registerInstance, c as createEvent, h, g as getElement } from './index-2316f345.js';
1
+ import { r as registerInstance, c as createEvent, h } from './index-2316f345.js';
2
2
  import { t as translate } from './translations-682e905e.js';
3
3
  import { c as createCommonjsModule, a as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-5ec8f9b7.js';
4
4
  import { D as DateFormatter } from './dateFormatter-c9b41548.js';
5
5
  import { m as moment } from './moment-8dadd938.js';
6
6
  import { i as isIOSDevice, a as isAndroidDevice } from './device-39db3b5f.js';
7
- import { i as isObject$1, e as eq, r as root } from './eq-f40dd1d6.js';
8
- import { a as isArrayLike$1, c as isIndex } from './isArrayLike-14db8f02.js';
9
- import { i as isSymbol } from './isSymbol-84252d8e.js';
10
- import { c as TAB_KEY_CODE, T as TAB, A as ARROW_UP, e as ARROW_UP_KEY_CODE, f as ARROW_DOWN, g as ARROW_DOWN_KEY_CODE, b as ESCAPE, E as ENTER, d as ESCAPE_KEY_CODE, a as ENTER_KEY_CODE, S as SPACE, h as SPACE_KEY_CODE } from './keycodes-9f971b46.js';
11
- import { g as getHref, a as getTarget } from './link-helper-b08fe56c.js';
12
- import { c as createRandomString } from './random-string-2246b81e.js';
13
- import { M as MDCTextField } from './component-2630c3d7.js';
14
- import './component-d682c974.js';
15
- import './component-429e92ee.js';
16
- import './ponyfill-30263d5e.js';
17
- import './component-89e0ce26.js';
18
-
19
- /** Used to match a single whitespace character. */
20
- var reWhitespace = /\s/;
21
-
22
- /**
23
- * Used by `_.trim` and `_.trimEnd` to get the index of the last non-whitespace
24
- * character of `string`.
25
- *
26
- * @private
27
- * @param {string} string The string to inspect.
28
- * @returns {number} Returns the index of the last non-whitespace character.
29
- */
30
- function trimmedEndIndex(string) {
31
- var index = string.length;
32
-
33
- while (index-- && reWhitespace.test(string.charAt(index))) {}
34
- return index;
35
- }
36
-
37
- /** Used to match leading whitespace. */
38
- var reTrimStart = /^\s+/;
39
-
40
- /**
41
- * The base implementation of `_.trim`.
42
- *
43
- * @private
44
- * @param {string} string The string to trim.
45
- * @returns {string} Returns the trimmed string.
46
- */
47
- function baseTrim(string) {
48
- return string
49
- ? string.slice(0, trimmedEndIndex(string) + 1).replace(reTrimStart, '')
50
- : string;
51
- }
52
-
53
- /** Used as references for various `Number` constants. */
54
- var NAN = 0 / 0;
55
-
56
- /** Used to detect bad signed hexadecimal string values. */
57
- var reIsBadHex = /^[-+]0x[0-9a-f]+$/i;
58
-
59
- /** Used to detect binary string values. */
60
- var reIsBinary = /^0b[01]+$/i;
61
-
62
- /** Used to detect octal string values. */
63
- var reIsOctal = /^0o[0-7]+$/i;
64
-
65
- /** Built-in method references without a dependency on `root`. */
66
- var freeParseInt = parseInt;
67
-
68
- /**
69
- * Converts `value` to a number.
70
- *
71
- * @static
72
- * @memberOf _
73
- * @since 4.0.0
74
- * @category Lang
75
- * @param {*} value The value to process.
76
- * @returns {number} Returns the number.
77
- * @example
78
- *
79
- * _.toNumber(3.2);
80
- * // => 3.2
81
- *
82
- * _.toNumber(Number.MIN_VALUE);
83
- * // => 5e-324
84
- *
85
- * _.toNumber(Infinity);
86
- * // => Infinity
87
- *
88
- * _.toNumber('3.2');
89
- * // => 3.2
90
- */
91
- function toNumber(value) {
92
- if (typeof value == 'number') {
93
- return value;
94
- }
95
- if (isSymbol(value)) {
96
- return NAN;
97
- }
98
- if (isObject$1(value)) {
99
- var other = typeof value.valueOf == 'function' ? value.valueOf() : value;
100
- value = isObject$1(other) ? (other + '') : other;
101
- }
102
- if (typeof value != 'string') {
103
- return value === 0 ? value : +value;
104
- }
105
- value = baseTrim(value);
106
- var isBinary = reIsBinary.test(value);
107
- return (isBinary || reIsOctal.test(value))
108
- ? freeParseInt(value.slice(2), isBinary ? 2 : 8)
109
- : (reIsBadHex.test(value) ? NAN : +value);
110
- }
7
+ import { e as eq } from './eq-c1c7f528.js';
8
+ import { i as isArrayLike$1, b as isIndex } from './isArrayLike-dd37ba9a.js';
9
+ import { i as isObject$1 } from './isObject-c74e273c.js';
10
+ import { t as toNumber } from './toNumber-a6ed64f0.js';
11
+ import './isSymbol-5bf20921.js';
12
+ import './isObjectLike-38996507.js';
111
13
 
112
14
  /** Used as references for various `Number` constants. */
113
15
  var INFINITY = 1 / 0,
@@ -172,212 +74,6 @@ function isIterateeCall(value, index, object) {
172
74
  return false;
173
75
  }
174
76
 
175
- /**
176
- * Gets the timestamp of the number of milliseconds that have elapsed since
177
- * the Unix epoch (1 January 1970 00:00:00 UTC).
178
- *
179
- * @static
180
- * @memberOf _
181
- * @since 2.4.0
182
- * @category Date
183
- * @returns {number} Returns the timestamp.
184
- * @example
185
- *
186
- * _.defer(function(stamp) {
187
- * console.log(_.now() - stamp);
188
- * }, _.now());
189
- * // => Logs the number of milliseconds it took for the deferred invocation.
190
- */
191
- var now = function() {
192
- return root.Date.now();
193
- };
194
-
195
- /** Error message constants. */
196
- var FUNC_ERROR_TEXT = 'Expected a function';
197
-
198
- /* Built-in method references for those with the same name as other `lodash` methods. */
199
- var nativeMax$1 = Math.max,
200
- nativeMin = Math.min;
201
-
202
- /**
203
- * Creates a debounced function that delays invoking `func` until after `wait`
204
- * milliseconds have elapsed since the last time the debounced function was
205
- * invoked. The debounced function comes with a `cancel` method to cancel
206
- * delayed `func` invocations and a `flush` method to immediately invoke them.
207
- * Provide `options` to indicate whether `func` should be invoked on the
208
- * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
209
- * with the last arguments provided to the debounced function. Subsequent
210
- * calls to the debounced function return the result of the last `func`
211
- * invocation.
212
- *
213
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
214
- * invoked on the trailing edge of the timeout only if the debounced function
215
- * is invoked more than once during the `wait` timeout.
216
- *
217
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
218
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
219
- *
220
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
221
- * for details over the differences between `_.debounce` and `_.throttle`.
222
- *
223
- * @static
224
- * @memberOf _
225
- * @since 0.1.0
226
- * @category Function
227
- * @param {Function} func The function to debounce.
228
- * @param {number} [wait=0] The number of milliseconds to delay.
229
- * @param {Object} [options={}] The options object.
230
- * @param {boolean} [options.leading=false]
231
- * Specify invoking on the leading edge of the timeout.
232
- * @param {number} [options.maxWait]
233
- * The maximum time `func` is allowed to be delayed before it's invoked.
234
- * @param {boolean} [options.trailing=true]
235
- * Specify invoking on the trailing edge of the timeout.
236
- * @returns {Function} Returns the new debounced function.
237
- * @example
238
- *
239
- * // Avoid costly calculations while the window size is in flux.
240
- * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
241
- *
242
- * // Invoke `sendMail` when clicked, debouncing subsequent calls.
243
- * jQuery(element).on('click', _.debounce(sendMail, 300, {
244
- * 'leading': true,
245
- * 'trailing': false
246
- * }));
247
- *
248
- * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
249
- * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
250
- * var source = new EventSource('/stream');
251
- * jQuery(source).on('message', debounced);
252
- *
253
- * // Cancel the trailing debounced invocation.
254
- * jQuery(window).on('popstate', debounced.cancel);
255
- */
256
- function debounce$1(func, wait, options) {
257
- var lastArgs,
258
- lastThis,
259
- maxWait,
260
- result,
261
- timerId,
262
- lastCallTime,
263
- lastInvokeTime = 0,
264
- leading = false,
265
- maxing = false,
266
- trailing = true;
267
-
268
- if (typeof func != 'function') {
269
- throw new TypeError(FUNC_ERROR_TEXT);
270
- }
271
- wait = toNumber(wait) || 0;
272
- if (isObject$1(options)) {
273
- leading = !!options.leading;
274
- maxing = 'maxWait' in options;
275
- maxWait = maxing ? nativeMax$1(toNumber(options.maxWait) || 0, wait) : maxWait;
276
- trailing = 'trailing' in options ? !!options.trailing : trailing;
277
- }
278
-
279
- function invokeFunc(time) {
280
- var args = lastArgs,
281
- thisArg = lastThis;
282
-
283
- lastArgs = lastThis = undefined;
284
- lastInvokeTime = time;
285
- result = func.apply(thisArg, args);
286
- return result;
287
- }
288
-
289
- function leadingEdge(time) {
290
- // Reset any `maxWait` timer.
291
- lastInvokeTime = time;
292
- // Start the timer for the trailing edge.
293
- timerId = setTimeout(timerExpired, wait);
294
- // Invoke the leading edge.
295
- return leading ? invokeFunc(time) : result;
296
- }
297
-
298
- function remainingWait(time) {
299
- var timeSinceLastCall = time - lastCallTime,
300
- timeSinceLastInvoke = time - lastInvokeTime,
301
- timeWaiting = wait - timeSinceLastCall;
302
-
303
- return maxing
304
- ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
305
- : timeWaiting;
306
- }
307
-
308
- function shouldInvoke(time) {
309
- var timeSinceLastCall = time - lastCallTime,
310
- timeSinceLastInvoke = time - lastInvokeTime;
311
-
312
- // Either this is the first call, activity has stopped and we're at the
313
- // trailing edge, the system time has gone backwards and we're treating
314
- // it as the trailing edge, or we've hit the `maxWait` limit.
315
- return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
316
- (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
317
- }
318
-
319
- function timerExpired() {
320
- var time = now();
321
- if (shouldInvoke(time)) {
322
- return trailingEdge(time);
323
- }
324
- // Restart the timer.
325
- timerId = setTimeout(timerExpired, remainingWait(time));
326
- }
327
-
328
- function trailingEdge(time) {
329
- timerId = undefined;
330
-
331
- // Only invoke if we have `lastArgs` which means `func` has been
332
- // debounced at least once.
333
- if (trailing && lastArgs) {
334
- return invokeFunc(time);
335
- }
336
- lastArgs = lastThis = undefined;
337
- return result;
338
- }
339
-
340
- function cancel() {
341
- if (timerId !== undefined) {
342
- clearTimeout(timerId);
343
- }
344
- lastInvokeTime = 0;
345
- lastArgs = lastCallTime = lastThis = timerId = undefined;
346
- }
347
-
348
- function flush() {
349
- return timerId === undefined ? result : trailingEdge(now());
350
- }
351
-
352
- function debounced() {
353
- var time = now(),
354
- isInvoking = shouldInvoke(time);
355
-
356
- lastArgs = arguments;
357
- lastThis = this;
358
- lastCallTime = time;
359
-
360
- if (isInvoking) {
361
- if (timerId === undefined) {
362
- return leadingEdge(lastCallTime);
363
- }
364
- if (maxing) {
365
- // Handle invocations in a tight loop.
366
- clearTimeout(timerId);
367
- timerId = setTimeout(timerExpired, wait);
368
- return invokeFunc(lastCallTime);
369
- }
370
- }
371
- if (timerId === undefined) {
372
- timerId = setTimeout(timerExpired, wait);
373
- }
374
- return result;
375
- }
376
- debounced.cancel = cancel;
377
- debounced.flush = flush;
378
- return debounced;
379
- }
380
-
381
77
  /* Built-in method references for those with the same name as other `lodash` methods. */
382
78
  var nativeCeil = Math.ceil,
383
79
  nativeMax = Math.max;
@@ -7539,492 +7235,4 @@ let DatePickerCalendar = class {
7539
7235
  };
7540
7236
  DatePickerCalendar.style = flatpickrAdapterCss;
7541
7237
 
7542
- const inputFieldCss = ":host{--mdc-theme-primary:var(\n --lime-primary-color,\n rgb(var(--color-teal-default))\n );--mdc-theme-secondary:var(\n --lime-secondary-color,\n rgb(var(--contrast-1100))\n );--mdc-theme-on-primary:var(\n --lime-on-primary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-secondary:var(\n --lime-on-secondary-color,\n rgb(var(--contrast-100))\n );--mdc-theme-text-disabled-on-background:var(\n --lime-text-disabled-on-background-color,\n rgba(var(--contrast-1700), 0.38)\n );--mdc-theme-text-primary-on-background:var(\n --lime-text-primary-on-background-color,\n rgba(var(--contrast-1700), 0.87)\n );--mdc-theme-text-secondary-on-background:var(\n --lime-text-secondary-on-background-color,\n rgba(var(--contrast-1700), 0.54)\n );--lime-error-text-color:rgb(var(--color-red-darker));--mdc-theme-surface:var(\n --lime-surface-background-color,\n rgb(var(--contrast-100))\n );--mdc-theme-on-surface:var(\n --lime-on-surface-color,\n var(--lime-text-primary-on-background-color)\n )}.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}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);position:absolute;left:0;-webkit-transform-origin:left top;transform-origin:left top;line-height:1.15rem;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:text;overflow:hidden;will-change:transform;transition:transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1)}[dir=rtl] .mdc-floating-label,.mdc-floating-label[dir=rtl]{right:0;left:auto;-webkit-transform-origin:right top;transform-origin:right top;text-align:right}.mdc-floating-label--float-above{cursor:auto}.mdc-floating-label--required::after{margin-left:1px;margin-right:0px;content:\"*\"}[dir=rtl] .mdc-floating-label--required::after,.mdc-floating-label--required[dir=rtl]::after{margin-left:0;margin-right:1px}.mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-standard 250ms 1}@keyframes mdc-floating-label-shake-float-above-standard{0%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-106%) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-106%) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-106%) scale(0.75)}}:host{position:relative;display:block}:host([hidden]){display:none}:host([type=textarea]){height:var(--textarea-height, 100%)}:host([type=textarea]) .mdc-text-field.mdc-text-field--textarea{height:var(--textarea-height, 100%)}:host([type=textarea]) .mdc-text-field.mdc-text-field--textarea .mdc-text-field__input{margin-top:0.5rem;margin-bottom:0}:host([type=textarea]) .mdc-text-field.mdc-text-field--textarea.has-helper-line{--heightOfHelperText:0.9375rem;height:calc( var(--textarea-height, 100%) - var(--heightOfHelperText) )}@keyframes mdc-ripple-fg-radius-in{from{animation-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transform:translate(var(--mdc-ripple-fg-translate-start, 0)) scale(1)}to{transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}}@keyframes mdc-ripple-fg-opacity-in{from{animation-timing-function:linear;opacity:0}to{opacity:var(--mdc-ripple-fg-opacity, 0)}}@keyframes mdc-ripple-fg-opacity-out{from{animation-timing-function:linear;opacity:var(--mdc-ripple-fg-opacity, 0)}to{opacity:0}}.mdc-text-field--filled{--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}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{position:absolute;border-radius:50%;opacity:0;pointer-events:none;content:\"\"}.mdc-text-field--filled .mdc-text-field__ripple::before{transition:opacity 15ms linear, background-color 15ms linear;z-index:1;z-index:var(--mdc-ripple-z-index, 1)}.mdc-text-field--filled .mdc-text-field__ripple::after{z-index:0;z-index:var(--mdc-ripple-z-index, 0)}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::before{transform:scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{top:0;left:0;transform:scale(0);transform-origin:center center}.mdc-text-field--filled.mdc-ripple-upgraded--unbounded .mdc-text-field__ripple::after{top:var(--mdc-ripple-top, 0);left:var(--mdc-ripple-left, 0)}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-activation .mdc-text-field__ripple::after{animation:mdc-ripple-fg-radius-in 225ms forwards, mdc-ripple-fg-opacity-in 75ms forwards}.mdc-text-field--filled.mdc-ripple-upgraded--foreground-deactivation .mdc-text-field__ripple::after{animation:mdc-ripple-fg-opacity-out 150ms;transform:translate(var(--mdc-ripple-fg-translate-end, 0)) scale(var(--mdc-ripple-fg-scale, 1))}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{top:calc(50% - 100%);left:calc(50% - 100%);width:200%;height:200%}.mdc-text-field--filled.mdc-ripple-upgraded .mdc-text-field__ripple::after{width:var(--mdc-ripple-fg-size, 100%);height:var(--mdc-ripple-fg-size, 100%)}.mdc-text-field__ripple{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mdc-text-field{border-top-left-radius:4px;border-top-left-radius:var(--mdc-shape-small, 4px);border-top-right-radius:4px;border-top-right-radius:var(--mdc-shape-small, 4px);border-bottom-right-radius:0;border-bottom-left-radius:0;display:inline-flex;align-items:baseline;padding:0 16px;position:relative;box-sizing:border-box;overflow:hidden;will-change:opacity, transform, color}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.54)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.54)}}.mdc-text-field .mdc-text-field__input{caret-color:#26a69a;caret-color:var(--mdc-theme-primary, #26a69a)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing,.mdc-text-field:not(.mdc-text-field--disabled) a.lime-trailing-icon-for-link{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field .mdc-floating-label{top:50%;transform:translateY(-50%);pointer-events:none}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);width:100%;min-width:0;border:none;border-radius:0;background:none;appearance:none;padding:0}.mdc-text-field__input::-ms-clear{display:none}.mdc-text-field__input::-webkit-calendar-picker-indicator{display:none}.mdc-text-field__input:focus{outline:none}.mdc-text-field__input:invalid{box-shadow:none}@media all{.mdc-text-field__input::placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field__input:-ms-input-placeholder{transition:opacity 67ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0}}@media all{.mdc-text-field--no-label .mdc-text-field__input::placeholder,.mdc-text-field--focused .mdc-text-field__input::placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}@media all{.mdc-text-field--no-label .mdc-text-field__input:-ms-input-placeholder,.mdc-text-field--focused .mdc-text-field__input:-ms-input-placeholder{transition-delay:40ms;transition-duration:110ms;opacity:1}}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.875rem;font-size:var(--mdc-typography-subtitle1-font-size, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:0.009375em;letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);text-decoration:inherit;text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-subtitle1-text-transform, inherit);height:28px;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1);opacity:0;white-space:nowrap}.mdc-text-field--label-floating .mdc-text-field__affix,.mdc-text-field--no-label .mdc-text-field__affix{opacity:1}@supports (-webkit-hyphens: none){.mdc-text-field--outlined .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field__affix--prefix,.mdc-text-field__affix--prefix[dir=rtl]{padding-left:2px;padding-right:0}.mdc-text-field--end-aligned .mdc-text-field__affix--prefix{padding-left:0;padding-right:12px}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--end-aligned .mdc-text-field__affix--prefix[dir=rtl]{padding-left:12px;padding-right:0}.mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field__affix--suffix,.mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:12px}.mdc-text-field--end-aligned .mdc-text-field__affix--suffix{padding-left:2px;padding-right:0}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--end-aligned .mdc-text-field__affix--suffix[dir=rtl]{padding-left:0;padding-right:2px}.mdc-text-field--filled{height:56px}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:rgba(0, 0, 0, 0.87);background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:0.04;opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{transition-duration:75ms;opacity:0.12;opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled::before{display:inline-block;width:0;height:40px;content:\"\";vertical-align:0}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:#26a69a;border-bottom-color:var(--mdc-theme-primary, #26a69a)}.mdc-text-field--filled .mdc-floating-label{left:16px;right:initial}[dir=rtl] .mdc-text-field--filled .mdc-floating-label,.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:16px}.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-106%) scale(0.75)}.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{height:100%}.mdc-text-field--filled.mdc-text-field--no-label .mdc-floating-label{display:none}.mdc-text-field--filled.mdc-text-field--no-label::before{display:none}@supports (-webkit-hyphens: none){.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__affix{align-items:center;align-self:center;display:inline-flex;height:100%}}.mdc-text-field--outlined{height:56px;overflow:visible}.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) scale(1)}.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) scale(0.75)}.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined{0%{transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--outlined .mdc-text-field__input{height:100%}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#26a69a;border-color:var(--mdc-theme-primary, #26a69a)}.mdc-text-field--outlined .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-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined .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-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading{width:max(12px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch{max-width:calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2)}}.mdc-text-field--outlined .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-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing,.mdc-text-field--outlined .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)}@supports (top: max(0%)){.mdc-text-field--outlined{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined{padding-right:max(16px, var(--mdc-shape-small, 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}@supports (top: max(0%)){.mdc-text-field--outlined+.mdc-text-field-helper-line{padding-right:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-left:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-leading-icon{padding-right:max(16px, var(--mdc-shape-small, 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-right:0}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon,.mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:max(16px, var(--mdc-shape-small, 4px))}}.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-right:0}@supports (top: max(0%)){.mdc-text-field--outlined.mdc-text-field--with-trailing-icon{padding-left:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0}@supports (top: max(0%)){[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon,.mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl]{padding-right:max(16px, calc(var(--mdc-shape-small, 4px) + 4px))}}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:1px}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{content:none}.mdc-text-field--outlined .mdc-floating-label{left:4px;right:initial}[dir=rtl] .mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:4px}.mdc-text-field--outlined .mdc-text-field__input{display:flex;border:none !important;background-color:transparent}.mdc-text-field--outlined .mdc-notched-outline{z-index:1}.mdc-text-field--textarea{flex-direction:column;align-items:center;width:auto;height:auto;padding:0;transition:none}.mdc-text-field--textarea .mdc-floating-label{top:19px}.mdc-text-field--textarea .mdc-floating-label:not(.mdc-floating-label--float-above){transform:none}.mdc-text-field--textarea .mdc-text-field__input{flex-grow:1;height:auto;min-height:1.5rem;overflow-x:hidden;overflow-y:auto;box-sizing:border-box;resize:none;padding:0 16px;line-height:1.5rem}.mdc-text-field--textarea.mdc-text-field--filled::before{display:none}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--float-above{transform:translateY(-10.25px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--filled .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-filled 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-filled{0%{transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-10.25px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-10.25px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-10.25px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--filled .mdc-text-field__input{margin-top:23px;margin-bottom:9px}.mdc-text-field--textarea.mdc-text-field--filled.mdc-text-field--no-label .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-27.25px) scale(1)}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-24.75px) scale(0.75)}.mdc-text-field--textarea.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--textarea.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-textarea-outlined 250ms 1}@keyframes mdc-floating-label-shake-float-above-textarea-outlined{0%{transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 0%)) translateY(-24.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 0%)) translateY(-24.75px) scale(0.75)}100%{transform:translateX(calc(0 - 0%)) translateY(-24.75px) scale(0.75)}}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-text-field__input{margin-top:16px;margin-bottom:16px}.mdc-text-field--textarea.mdc-text-field--outlined .mdc-floating-label{top:18px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field__input{margin-bottom:2px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter{align-self:flex-end;padding:0 16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::after{display:inline-block;width:0;height:16px;content:\"\";vertical-align:-16px}.mdc-text-field--textarea.mdc-text-field--with-internal-counter .mdc-text-field-character-counter::before{display:none}.mdc-text-field__resizer{align-self:stretch;display:inline-flex;flex-direction:column;flex-grow:1;max-height:100%;max-width:100%;min-height:56px;min-width:fit-content;min-width:-moz-available;min-width:-webkit-fill-available;overflow:hidden;resize:both}.mdc-text-field--filled .mdc-text-field__resizer{transform:translateY(-1px)}.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--filled .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateY(1px)}.mdc-text-field--outlined .mdc-text-field__resizer{transform:translateX(-1px) translateY(-1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer,.mdc-text-field--outlined .mdc-text-field__resizer[dir=rtl]{transform:translateX(1px) translateY(-1px)}.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter{transform:translateX(1px) translateY(1px)}[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field__input[dir=rtl],[dir=rtl] .mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter,.mdc-text-field--outlined .mdc-text-field__resizer .mdc-text-field-character-counter[dir=rtl]{transform:translateX(-1px) translateY(1px)}.mdc-text-field--with-leading-icon{padding-left:0;padding-right:16px}[dir=rtl] .mdc-text-field--with-leading-icon,.mdc-text-field--with-leading-icon[dir=rtl]{padding-left:16px;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 48px);left:48px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label[dir=rtl]{left:initial;right:48px}.mdc-text-field--with-leading-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label{left:36px;right:initial}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label[dir=rtl]{left:initial;right:36px}.mdc-text-field--with-leading-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{transform:translateY(-37.25px) translateX(-32px) scale(1)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-37.25px) translateX(32px) scale(1)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--float-above{font-size:0.75rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{transform:translateY(-34.75px) translateX(-32px) scale(0.75)}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl],[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above[dir=rtl]{transform:translateY(-34.75px) translateX(32px) scale(0.75)}.mdc-text-field--with-leading-icon.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:1rem}.mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon{0%{transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - 32px)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - 32px)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - 32px)) translateY(-34.75px) scale(0.75)}}[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined .mdc-floating-label--shake,.mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] .mdc-floating-label--shake{animation:mdc-floating-label-shake-float-above-text-field-outlined-leading-icon 250ms 1}@keyframes mdc-floating-label-shake-float-above-text-field-outlined-leading-icon-rtl{0%{transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}33%{animation-timing-function:cubic-bezier(0.5, 0, 0.701732, 0.495819);transform:translateX(calc(4% - -32px)) translateY(-34.75px) scale(0.75)}66%{animation-timing-function:cubic-bezier(0.302435, 0.381352, 0.55, 0.956352);transform:translateX(calc(-4% - -32px)) translateY(-34.75px) scale(0.75)}100%{transform:translateX(calc(0 - -32px)) translateY(-34.75px) scale(0.75)}}.mdc-text-field--with-trailing-icon{padding-left:16px;padding-right:0}[dir=rtl] .mdc-text-field--with-trailing-icon,.mdc-text-field--with-trailing-icon[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 64px)}.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 64px / 0.75)}.mdc-text-field--with-trailing-icon.mdc-text-field--outlined :not(.mdc-notched-outline--notched) .mdc-notched-outline__notch{max-width:calc(100% - 60px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon{padding-left:0;padding-right:0}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label{max-width:calc(100% - 96px)}.mdc-text-field--with-leading-icon.mdc-text-field--with-trailing-icon.mdc-text-field--filled .mdc-floating-label--float-above{max-width:calc(100% / 0.75 - 96px / 0.75)}.mdc-text-field-helper-line{display:flex;justify-content:space-between;box-sizing:border-box}.mdc-text-field+.mdc-text-field-helper-line{padding-right:16px;padding-left:16px}.mdc-form-field>.mdc-text-field+label{align-self:flex-start}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(38, 166, 154, 0.87)}.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:2px}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-helper-text:not(.mdc-text-field-helper-text--validation-msg){opacity:1}.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:2px}.mdc-text-field--focused.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:#b00020;caret-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing,.mdc-text-field--invalid:not(.mdc-text-field--disabled) a.lime-trailing-icon-for-link{color:#b00020;color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:#b00020;border-bottom-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:#b00020;border-color:var(--mdc-theme-error, #b00020)}.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{opacity:1}.mdc-text-field--disabled{pointer-events:none}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing,.mdc-text-field--disabled a.lime-trailing-icon-for-link{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing,.mdc-text-field--disabled a.lime-trailing-icon-for-link{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}.mdc-text-field--disabled .mdc-floating-label{cursor:default}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mdc-text-field--disabled.mdc-text-field--filled .mdc-text-field__ripple{display:none}.mdc-text-field--disabled .mdc-text-field__input{pointer-events:auto}.mdc-text-field--end-aligned .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl]{text-align:left}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix{direction:ltr}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{padding-left:0;padding-right:2px}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{padding-left:12px;padding-right:0}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--leading,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--leading{order:1}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--suffix{order:2}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__input,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__input{order:3}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__affix--prefix{order:4}[dir=rtl] .mdc-text-field--ltr-text .mdc-text-field__icon--trailing,[dir=rtl] .mdc-text-field--ltr-text a.lime-trailing-icon-for-link,.mdc-text-field--ltr-text[dir=rtl] .mdc-text-field__icon--trailing,.mdc-text-field--ltr-text[dir=rtl] a.lime-trailing-icon-for-link{order:5}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__input,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__input{text-align:right}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--prefix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--prefix{padding-right:12px}[dir=rtl] .mdc-text-field--ltr-text.mdc-text-field--end-aligned .mdc-text-field__affix--suffix,.mdc-text-field--ltr-text.mdc-text-field--end-aligned[dir=rtl] .mdc-text-field__affix--suffix{padding-left:2px}.mdc-text-field-helper-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.6875rem;font-size:var(--mdc-typography-caption-font-size, 0.6875rem);line-height:0.875rem;line-height:var(--mdc-typography-caption-line-height, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin:0;opacity:0;will-change:opacity;transition:opacity 150ms 0ms cubic-bezier(0.4, 0, 0.2, 1)}.mdc-text-field-helper-text::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}.mdc-text-field-helper-text--persistent{transition:none;opacity:1;will-change:initial}.mdc-text-field-character-counter{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:Roboto, sans-serif;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:0.6875rem;font-size:var(--mdc-typography-caption-font-size, 0.6875rem);line-height:0.875rem;line-height:var(--mdc-typography-caption-line-height, 0.875rem);font-weight:400;font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:0.0333333333em;letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);text-decoration:inherit;text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:inherit;text-transform:var(--mdc-typography-caption-text-transform, inherit);display:block;margin-top:0;line-height:normal;margin-left:auto;margin-right:0;padding-left:16px;padding-right:0;white-space:nowrap}.mdc-text-field-character-counter::before{display:inline-block;width:0;height:16px;content:\"\";vertical-align:0}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{margin-left:0;margin-right:auto}[dir=rtl] .mdc-text-field-character-counter,.mdc-text-field-character-counter[dir=rtl]{padding-left:0;padding-right:16px}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex=\"-1\"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-text-field__icon--trailing,a.lime-trailing-icon-for-link{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,[dir=rtl] a.lime-trailing-icon-for-link,.mdc-text-field__icon--trailing[dir=rtl],a[dir=rtl].lime-trailing-icon-for-link{margin-left:0px;margin-right:0px}.mdc-text-field__icon{align-self:center;cursor:pointer}.mdc-text-field__icon:not([tabindex]),.mdc-text-field__icon[tabindex=\"-1\"]{cursor:default;pointer-events:none}.mdc-text-field__icon svg{display:block}.mdc-text-field__icon--leading{margin-left:16px;margin-right:8px}[dir=rtl] .mdc-text-field__icon--leading,.mdc-text-field__icon--leading[dir=rtl]{margin-left:8px;margin-right:16px}.mdc-text-field__icon--trailing,a.lime-trailing-icon-for-link{padding:12px;margin-left:0px;margin-right:0px}[dir=rtl] .mdc-text-field__icon--trailing,[dir=rtl] a.lime-trailing-icon-for-link,.mdc-text-field__icon--trailing[dir=rtl],a[dir=rtl].lime-trailing-icon-for-link{margin-left:0px;margin-right:0px}.mdc-text-field.mdc-text-field--outlined{transition:background-color 0.2s ease;border-radius:0.25rem}.mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__leading,.mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__notch,.mdc-text-field.mdc-text-field--outlined .mdc-notched-outline__trailing{transition:border-color 0.2s ease}.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled){background-color:rgba(var(--contrast-200), 0.5)}.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled):hover{background-color:rgba(var(--contrast-200), 1)}.mdc-text-field.mdc-text-field--outlined.mdc-text-field--focused{background-color:rgba(var(--contrast-100), 0.8)}.mdc-text-field.mdc-text-field--outlined.mdc-text-field--disabled{background-color:transparent}.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(.force-invalid) .mdc-notched-outline__leading,.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(.force-invalid) .mdc-notched-outline__notch,.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(.force-invalid) .mdc-notched-outline__trailing{border-color:rgba(var(--contrast-700), 0.65)}.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(.force-invalid):not(.mdc-text-field--focused):not(.mdc-text-field--invalid):not(.force-invalid):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(.force-invalid):not(.mdc-text-field--focused):not(.mdc-text-field--invalid):not(.force-invalid):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(.force-invalid):not(.mdc-text-field--focused):not(.mdc-text-field--invalid):not(.force-invalid):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(var(--contrast-700), 1)}.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(.force-invalid).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(.force-invalid).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--invalid):not(.force-invalid).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-primary)}.mdc-text-field .mdc-notched-outline__leading,.mdc-text-field .mdc-notched-outline__notch,.mdc-text-field .mdc-notched-outline__trailing,.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field.mdc-text-field--focused .mdc-notched-outline__trailing{border-width:1px}.mdc-text-field.mdc-text-field--focused.mdc-text-field--outlined .mdc-notched-outline--notched .mdc-notched-outline__notch{padding-top:0}.mdc-text-field__icon{flex-shrink:0}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .mdc-text-field__input{background-color:transparent;color:rgba(var(--contrast-1400), 1)}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .lime-looks-like-input-value{color:rgba(var(--contrast-1400), 1);opacity:1}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .mdc-floating-label{color:rgba(var(--contrast-1200), 1)}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .mdc-notched-outline__leading,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .mdc-notched-outline__notch,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly .mdc-notched-outline__trailing{border-color:transparent}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--lime-error-text-color)}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--invalid .mdc-text-field__icon--trailing,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--invalid a.lime-trailing-icon-for-link{color:var(--lime-error-text-color)}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon input.mdc-text-field__input{pointer-events:none}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link{width:calc(100% - 1rem);position:absolute;left:0;display:flex;justify-content:flex-end;align-items:center;pointer-events:auto;color:rgba(var(--contrast-1200), 1);border-radius:0.25rem}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing limel-icon,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link limel-icon{width:1.5rem;margin-right:0.5rem}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon:hover .mdc-text-field__icon--trailing:hover,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon:hover a.lime-trailing-icon-for-link:hover{box-shadow:var(--button-shadow-hovered)}.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon:hover .mdc-text-field__icon--trailing:active,.mdc-text-field.mdc-text-field--disabled.lime-text-field--readonly.mdc-text-field--with-trailing-icon:hover a.lime-trailing-icon-for-link:active{box-shadow:var(--button-shadow-pressed)}.mdc-text-field--outlined.mdc-text-field--with-leading-icon.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined.mdc-text-field--textarea.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined.mdc-text-field--textarea .mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined.mdc-notched-outline--upgraded .mdc-floating-label--float-above,.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:0.875rem}.mdc-text-field--disabled{background-color:transparent}.mdc-text-field__icon{width:1.5rem;height:1.5rem}.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing,.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link{transition:background-color 0.2s ease, box-shadow 0.3s ease;border-radius:50%;padding:0.5rem}.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:focus,.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:focus{outline:none}.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:focus-visible,.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:focus-visible{box-shadow:0 0 0 0.125rem var(--mdc-theme-primary) !important}.mdc-text-field--with-trailing-icon:hover .mdc-text-field__icon--trailing,.mdc-text-field--with-trailing-icon:hover a.lime-trailing-icon-for-link{box-shadow:var(--button-shadow-normal);background-color:rgba(var(--contrast-100), 0.4)}.mdc-text-field--with-trailing-icon:hover .mdc-text-field__icon--trailing:hover,.mdc-text-field--with-trailing-icon:hover a.lime-trailing-icon-for-link:hover{background-color:rgb(var(--contrast-100));box-shadow:var(--button-shadow-hovered)}.mdc-text-field--with-trailing-icon:hover .mdc-text-field__icon--trailing:active,.mdc-text-field--with-trailing-icon:hover a.lime-trailing-icon-for-link:active{box-shadow:var(--button-shadow-pressed)}.mdc-text-field--with-trailing-icon.mdc-text-field--disabled:hover .mdc-text-field__icon--trailing,.mdc-text-field--with-trailing-icon.mdc-text-field--disabled:hover a.lime-trailing-icon-for-link,.mdc-text-field--with-trailing-icon.mdc-text-field--invalid:hover .mdc-text-field__icon--trailing,.mdc-text-field--with-trailing-icon.mdc-text-field--invalid:hover a.lime-trailing-icon-for-link{box-shadow:none;background-color:transparent}.mdc-text-field--with-trailing-icon.mdc-text-field--disabled:hover .mdc-text-field__icon--trailing:hover,.mdc-text-field--with-trailing-icon.mdc-text-field--disabled:hover a.lime-trailing-icon-for-link:hover,.mdc-text-field--with-trailing-icon.mdc-text-field--invalid:hover .mdc-text-field__icon--trailing:hover,.mdc-text-field--with-trailing-icon.mdc-text-field--invalid:hover a.lime-trailing-icon-for-link:hover{background-color:transparent;box-shadow:none}.mdc-text-field--with-trailing-icon.mdc-text-field--disabled:hover .mdc-text-field__icon--trailing:active,.mdc-text-field--with-trailing-icon.mdc-text-field--disabled:hover a.lime-trailing-icon-for-link:active,.mdc-text-field--with-trailing-icon.mdc-text-field--invalid:hover .mdc-text-field__icon--trailing:active,.mdc-text-field--with-trailing-icon.mdc-text-field--invalid:hover a.lime-trailing-icon-for-link:active{box-shadow:none}.mdc-text-field--with-trailing-icon.mdc-text-field--invalid i.mdc-text-field__icon.mdc-text-field__icon--trailing limel-icon{color:var(--lime-error-text-color)}.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing,.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link{margin-right:0.5rem}.mdc-text-field{width:100%}.lime-empty-value-for-readonly{width:calc(100% - 1.25rem);z-index:1}.lime-looks-like-input-value{font-family:Roboto, sans-serif;line-height:1.75rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-size:0.875rem;font-weight:400;letter-spacing:0.009375em}.mdc-text-field--disabled .lime-looks-like-input-value{cursor:not-allowed;pointer-events:none;opacity:0.4}.lime-formatted-input{width:calc(100% - 1.25rem);z-index:1;position:absolute;top:0.9rem;pointer-events:none;opacity:0}:not(.mdc-text-field--focused):not(.mdc-text-field--invalid) .lime-formatted-input{opacity:1}.lime-formatted-input+.mdc-text-field__input{z-index:2}:not(.mdc-text-field--focused):not(.mdc-text-field--invalid) .mdc-text-field__input[type=number]{color:transparent;-webkit-text-fill-color:transparent}.autocomplete-list-container{position:relative}.autocomplete-list{background-color:white;position:absolute;top:0;left:0;right:0;max-height:12.5rem;overflow-y:auto}.mdc-deprecated-list-item{cursor:pointer}input.mdc-text-field__input::-webkit-search-cancel-button{transition:background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;height:1.25rem;width:1.25rem;border-radius:50%;background-color:#babac0;background-repeat:no-repeat;background-position:center;background-size:0.75rem;background-image:url(\"data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><defs/><path fill='rgb(255,255,255)' d='M7.219 5.781L5.78 7.22 14.563 16 5.78 24.781 7.22 26.22 16 17.437l8.781 8.782 1.438-1.438L17.437 16l8.782-8.781L24.78 5.78 16 14.563z'/></svg>\");-webkit-appearance:none;position:absolute;right:0.5rem;top:0;bottom:0;margin:auto}input.mdc-text-field__input::-webkit-search-cancel-button:hover{box-shadow:var(--button-shadow-hovered)}input.mdc-text-field__input::-webkit-search-cancel-button:active{box-shadow:var(--button-shadow-pressed);transform:translate3d(0, 0.08rem, 0)}input.mdc-text-field__input::-webkit-search-cancel-button:hover{background-color:#757580}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(var(--contrast-1200), 1)}.mdc-text-field-character-counter{transition:opacity 0.2s ease;opacity:0}.mdc-text-field--focused+.mdc-text-field-helper-line .mdc-text-field-character-counter{opacity:1}.mdc-text-field-character-counter:before{height:0.75rem}.mdc-text-field-helper-text:before{height:0.75rem}:host([type=url]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing limel-icon,:host([type=url]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link limel-icon,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing limel-icon,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link limel-icon{color:rgb(var(--color-blue-default))}:host([type=url]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover,:host([type=url]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover{background-color:rgb(var(--color-blue-default))}:host([type=url]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover limel-icon,:host([type=url]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover limel-icon,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover limel-icon,:host([type=urlAsText]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover limel-icon{color:rgb(var(--color-white))}:host([type=tel]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing limel-icon,:host([type=tel]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link limel-icon{color:rgb(var(--color-green-default))}:host([type=tel]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover,:host([type=tel]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover{background-color:rgb(var(--color-green-default))}:host([type=tel]) .mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing:hover limel-icon,:host([type=tel]) .mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link:hover limel-icon{color:rgb(var(--color-white))}:host([type=url]) .mdc-text-field.lime-text-field--readonly:hover .lime-looks-like-input-value,:host([type=url]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input,:host([type=urlAsText]) .mdc-text-field.lime-text-field--readonly:hover .lime-looks-like-input-value,:host([type=urlAsText]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input,:host([type=tel]) .mdc-text-field.lime-text-field--readonly:hover .lime-looks-like-input-value,:host([type=tel]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input{color:rgb(var(--color-white))}:host([type=url]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input,:host([type=urlAsText]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input,:host([type=tel]) .mdc-text-field.lime-text-field--readonly:hover .mdc-text-field__input{z-index:1}";
7543
-
7544
- const helperTextId = 'tf-helper-text';
7545
- let InputField = class {
7546
- constructor(hostRef) {
7547
- registerInstance(this, hostRef);
7548
- this.change = createEvent(this, "change", 7);
7549
- this.action = createEvent(this, "action", 7);
7550
- /**
7551
- * Set to `true` to disable the field.
7552
- * Use `disabled` to indicate that the field can normally be interacted
7553
- * with, but is currently disabled. This tells the user that if certain
7554
- * requirements are met, the field may become enabled again.
7555
- */
7556
- this.disabled = false;
7557
- /**
7558
- * Set to `true` to make the field read-only.
7559
- * Use `readonly` when the field is only there to present the data it holds,
7560
- * and will not become possible for the current user to edit.
7561
- */
7562
- this.readonly = false;
7563
- /**
7564
- * Set to `true` to indicate that the current value of the input field is
7565
- * invalid.
7566
- */
7567
- this.invalid = false;
7568
- /**
7569
- * Set to `true` to indicate that the field is required.
7570
- */
7571
- this.required = false;
7572
- /**
7573
- * Type of input.
7574
- *
7575
- * Note** regarding type `url`: `limel-input` uses the native validation
7576
- * built into the browser for many types of input fields. The native
7577
- * validation for `url` is very strict, and does not allow relative urls,
7578
- * nor any other formats that are not a "fully qualified" url. To allow
7579
- * such urls, use the type `urlAsText` instead. `urlAsText` works exactly
7580
- * like `text` in all regards, except that it enables use of the `showLink`
7581
- * property.
7582
- */
7583
- this.type = 'text';
7584
- /**
7585
- * Set to `true` to format the current value of the input field only
7586
- * if the field is of type number.
7587
- * The number format is determined by the current language of the browser.
7588
- */
7589
- this.formatNumber = true;
7590
- /**
7591
- * Incremental values that are valid if the field type is `number`.
7592
- */
7593
- this.step = 'any';
7594
- /**
7595
- * list of suggestions `value` can autocomplete to.
7596
- */
7597
- this.completions = [];
7598
- /**
7599
- * For inputs of type `email`, `tel`, `url`, and `urlAsText`, set this to
7600
- * `true` to show a trailing icon with a `mailto:`,`tel:`, or normal link,
7601
- * respectively. The default icon can be overridden using the `trailingIcon`
7602
- * property.
7603
- */
7604
- this.showLink = false;
7605
- this.isFocused = false;
7606
- this.isModified = false;
7607
- this.showCompletions = false;
7608
- this.completionsList = [];
7609
- this.initialize = () => {
7610
- const element = this.limelInputField.shadowRoot.querySelector('.mdc-text-field');
7611
- if (!element) {
7612
- return;
7613
- }
7614
- this.mdcTextField = new MDCTextField(element);
7615
- this.completionsList = [...this.completions].map((item) => {
7616
- return { text: item };
7617
- });
7618
- window.addEventListener('resize', this.layout, { passive: true });
7619
- this.limelInputField.addEventListener('focus', this.setFocus);
7620
- };
7621
- this.setFocus = () => {
7622
- this.mdcTextField.focus();
7623
- };
7624
- this.getContainerClassList = () => {
7625
- const classList = {
7626
- 'mdc-text-field': true,
7627
- 'mdc-text-field--outlined': true,
7628
- 'mdc-text-field--invalid': this.isInvalid(),
7629
- 'mdc-text-field--disabled': this.disabled || this.readonly,
7630
- 'lime-text-field--readonly': this.readonly,
7631
- 'mdc-text-field--required': this.required,
7632
- 'mdc-text-field--with-trailing-icon': !!this.getTrailingIcon(),
7633
- };
7634
- if (this.type === 'textarea') {
7635
- classList['mdc-text-field--textarea'] = true;
7636
- classList['has-helper-line'] =
7637
- !!this.helperText || !!this.maxlength;
7638
- }
7639
- else {
7640
- classList['mdc-text-field--with-leading-icon'] = !!this.leadingIcon;
7641
- }
7642
- return classList;
7643
- };
7644
- this.renderInput = (properties) => {
7645
- if (this.type === 'textarea') {
7646
- return;
7647
- }
7648
- const type = this.type === 'urlAsText' ? 'text' : this.type;
7649
- return (h("input", Object.assign({}, properties, { type: type, pattern: this.pattern, onWheel: this.handleWheel, onKeyDown: this.onKeyDown, value: this.value })));
7650
- };
7651
- this.renderTextarea = (properties) => {
7652
- if (this.type !== 'textarea') {
7653
- return;
7654
- }
7655
- return (h("span", { class: "mdc-text-field__resizer" }, h("textarea", Object.assign({}, properties), this.value)));
7656
- };
7657
- this.layout = () => {
7658
- var _a;
7659
- (_a = this.mdcTextField) === null || _a === void 0 ? void 0 : _a.layout();
7660
- };
7661
- this.getAdditionalProps = () => {
7662
- const props = {};
7663
- if (this.type === 'number') {
7664
- props.step = this.step;
7665
- }
7666
- if (this.type === 'number' && Number.isInteger(this.min)) {
7667
- props.min = this.min;
7668
- }
7669
- if (this.type === 'number' && Number.isInteger(this.max)) {
7670
- props.max = this.max;
7671
- }
7672
- if (this.minlength) {
7673
- props.minlength = this.minlength;
7674
- }
7675
- if (this.maxlength) {
7676
- props.maxlength = this.maxlength;
7677
- }
7678
- return props;
7679
- };
7680
- this.onFocus = () => {
7681
- this.isFocused = true;
7682
- this.showCompletions = true;
7683
- };
7684
- this.onBlur = () => {
7685
- this.isFocused = false;
7686
- this.isModified = true;
7687
- };
7688
- this.renderHelperLine = () => {
7689
- if (!this.maxlength && !this.hasHelperText()) {
7690
- return;
7691
- }
7692
- return (h("div", { tabIndex: -1, class: "mdc-text-field-helper-line" }, this.renderHelperText(), this.renderCharacterCounter()));
7693
- };
7694
- this.renderEmptyValueForReadonly = () => {
7695
- if (this.readonly && !this.value) {
7696
- return (h("span", { class: "lime-empty-value-for-readonly lime-looks-like-input-value" }, "\u2013"));
7697
- }
7698
- };
7699
- this.renderHelperText = () => {
7700
- if (!this.hasHelperText()) {
7701
- return;
7702
- }
7703
- const classList = {
7704
- 'mdc-text-field-helper-text': true,
7705
- 'mdc-text-field-helper-text--validation-msg': this.isInvalid(),
7706
- };
7707
- return (h("p", { class: classList, id: helperTextId }, this.helperText));
7708
- };
7709
- this.hasHelperText = () => {
7710
- return this.helperText !== null && this.helperText !== undefined;
7711
- };
7712
- this.renderCharacterCounter = () => {
7713
- if (!this.maxlength || this.type === 'number') {
7714
- return;
7715
- }
7716
- const text = this.value || '';
7717
- const label = `${text.length} / ${this.maxlength}`;
7718
- return h("div", { class: "mdc-text-field-character-counter" }, label);
7719
- };
7720
- this.isInvalid = () => {
7721
- if (this.readonly) {
7722
- // A readonly field can never be invalid.
7723
- return false;
7724
- }
7725
- if (this.invalid) {
7726
- // `this.invalid` is set by the consumer. If the consumer explicitly
7727
- // told us to consider the field invalid, we consider it invalid
7728
- // regardless of what our internal validation thinks, and regardless
7729
- // of whether the field has been modified.
7730
- return true;
7731
- }
7732
- if (!this.isModified) {
7733
- return false;
7734
- }
7735
- const element = this.getInputElement();
7736
- return !(element && element.checkValidity());
7737
- };
7738
- this.getInputElement = () => {
7739
- let elementName = 'input';
7740
- if (this.type === 'textarea') {
7741
- elementName = 'textarea';
7742
- }
7743
- return this.limelInputField.shadowRoot.querySelector(elementName);
7744
- };
7745
- this.renderLeadingIcon = () => {
7746
- if (this.type === 'textarea') {
7747
- return;
7748
- }
7749
- if (this.leadingIcon) {
7750
- return (h("i", { class: "material-icons mdc-text-field__icon mdc-text-field__icon--leading" }, h("limel-icon", { name: this.leadingIcon })));
7751
- }
7752
- };
7753
- this.renderTrailingLinkOrButton = () => {
7754
- if (this.type === 'textarea') {
7755
- return;
7756
- }
7757
- const html = [];
7758
- const trailingIcon = this.getTrailingIcon();
7759
- if (!this.isInvalid() && this.hasLink()) {
7760
- html.push(this.renderLinkIcon(this.getLink(), trailingIcon));
7761
- }
7762
- else if (trailingIcon) {
7763
- html.push(this.renderTrailingIcon(trailingIcon));
7764
- }
7765
- return html;
7766
- };
7767
- this.hasLink = () => {
7768
- return (this.showLink &&
7769
- ['email', 'tel', 'url', 'urlAsText'].includes(this.type));
7770
- };
7771
- this.getLink = () => {
7772
- const props = { href: '' };
7773
- switch (this.type) {
7774
- case 'email':
7775
- props.href = `mailto:${this.value}`;
7776
- break;
7777
- case 'tel':
7778
- props.href = `tel:${this.value}`;
7779
- break;
7780
- default:
7781
- props.href = getHref(this.value);
7782
- props.target = getTarget(this.value);
7783
- }
7784
- return props;
7785
- };
7786
- this.renderLinkIcon = (linkProps, icon) => {
7787
- // If the trailing icon uses the class `mdc-text-field__icon--trailing`,
7788
- // MDC attaches a click handler to it, which apparently runs
7789
- // `preventDefault()` on the event. For links, we don't want that,
7790
- // so instead of `mdc-text-field__icon--trailing`, we use our own class
7791
- // `lime-trailing-icon-for-link`, which uses all the same styling. /Ads
7792
- return (h("a", Object.assign({}, linkProps, { class: "material-icons mdc-text-field__icon lime-trailing-icon-for-link", tabindex: this.disabled ? '-1' : '0', role: "button" }), h("limel-icon", { name: icon })));
7793
- };
7794
- this.renderTrailingIcon = (icon) => {
7795
- const props = {
7796
- tabIndex: this.isInvalid() ? '-1' : '0',
7797
- };
7798
- if (!this.isInvalid()) {
7799
- props.onKeyPress = this.handleIconKeyPress;
7800
- props.onClick = this.handleIconClick;
7801
- props.role = 'button';
7802
- }
7803
- return (h("i", Object.assign({ class: "material-icons mdc-text-field__icon mdc-text-field__icon--trailing" }, props), h("limel-icon", { name: icon })));
7804
- };
7805
- this.getTrailingIcon = () => {
7806
- if (this.isInvalid()) {
7807
- return 'high_importance';
7808
- }
7809
- if (this.trailingIcon) {
7810
- return this.trailingIcon;
7811
- }
7812
- if (this.showLink && this.type === 'email') {
7813
- return 'filled_message';
7814
- }
7815
- if (this.showLink && this.type === 'tel') {
7816
- return 'phone';
7817
- }
7818
- if (this.showLink &&
7819
- (this.type === 'url' || this.type === 'urlAsText')) {
7820
- return 'external_link';
7821
- }
7822
- };
7823
- this.renderFormattedNumber = () => {
7824
- if (this.type !== 'number') {
7825
- return;
7826
- }
7827
- let renderValue = this.value;
7828
- if (this.formatNumber && this.value) {
7829
- renderValue = new Intl.NumberFormat(navigator.language).format(Number(this.value));
7830
- }
7831
- return (h("span", { class: "lime-formatted-input lime-looks-like-input-value" }, renderValue));
7832
- };
7833
- /**
7834
- * Key handler for the input field
7835
- * Will change focus to the first/last item in the dropdown list to enable selection with the keyboard
7836
- *
7837
- * @param {KeyboardEvent} event event
7838
- * @returns {void}
7839
- */
7840
- this.onKeyDown = (event) => {
7841
- this.showCompletions = true;
7842
- const isForwardTab = (event.key === TAB || event.keyCode === TAB_KEY_CODE) &&
7843
- !event.altKey &&
7844
- !event.metaKey &&
7845
- !event.shiftKey;
7846
- const isUp = event.key === ARROW_UP || event.keyCode === ARROW_UP_KEY_CODE;
7847
- const isDown = event.key === ARROW_DOWN || event.keyCode === ARROW_DOWN_KEY_CODE;
7848
- if (event.keyCode === TAB_KEY_CODE && event.shiftKey) {
7849
- this.showCompletions = false;
7850
- }
7851
- if (!isForwardTab && !isUp && !isDown) {
7852
- return;
7853
- }
7854
- const list = document.querySelector(` #${this.portalId} limel-list`);
7855
- if (!list) {
7856
- return;
7857
- }
7858
- event.preventDefault();
7859
- if (isForwardTab || isDown) {
7860
- const listElement = list.shadowRoot.querySelector('.mdc-deprecated-list-item:first-child');
7861
- listElement.focus();
7862
- return;
7863
- }
7864
- if (isUp) {
7865
- const listElement = list.shadowRoot.querySelector('.mdc-deprecated-list-item:last-child');
7866
- listElement.focus();
7867
- }
7868
- };
7869
- this.handleCompletionChange = (event) => {
7870
- event.stopPropagation();
7871
- if (!event.detail) {
7872
- return;
7873
- }
7874
- this.showCompletions = false;
7875
- /*
7876
- This change event doesn't need to be debounced in itself, but we want
7877
- to make absolutely sure that an earlier change event that *has* been
7878
- debounced doesn't emit after this one. Therefore, we run this through
7879
- the same debounced emitter function. /Ads
7880
- */
7881
- this.changeEmitter(event.detail.text);
7882
- };
7883
- this.renderAutocompleteList = () => {
7884
- if (this.type === 'textarea' || !this.completions.length) {
7885
- return;
7886
- }
7887
- return this.renderDropdown();
7888
- };
7889
- this.renderPortal = (content = null) => {
7890
- const dropdownZIndex = getComputedStyle(this.limelInputField).getPropertyValue('--dropdown-z-index');
7891
- return (h("limel-portal", { visible: this.showCompletions, containerId: this.portalId, inheritParentWidth: true, containerStyle: { 'z-index': dropdownZIndex } }, h("limel-menu-surface", { open: this.showCompletions, allowClicksElement: this.limelInputField, style: {
7892
- '--menu-surface-width': '100%',
7893
- 'max-height': 'inherit',
7894
- display: 'flex',
7895
- }, onDismiss: this.handleCloseMenu }, content)));
7896
- };
7897
- this.renderDropdown = () => {
7898
- const content = this.renderListResult();
7899
- return this.renderPortal(content);
7900
- };
7901
- this.renderListResult = () => {
7902
- const filteredCompletions = this.filterCompletions(this.value);
7903
- if (!filteredCompletions || filteredCompletions.length === 0) {
7904
- return null;
7905
- }
7906
- return (h("limel-list", { onChange: this.handleCompletionChange, onKeyDown: this.handleKeyDownInDropdown, type: "selectable", items: filteredCompletions }));
7907
- };
7908
- this.handleKeyDownInDropdown = (event) => {
7909
- const keyFound = [TAB, ESCAPE, ENTER].includes(event.key);
7910
- const keyCodeFound = [
7911
- TAB_KEY_CODE,
7912
- ESCAPE_KEY_CODE,
7913
- ENTER_KEY_CODE,
7914
- ].includes(event.keyCode);
7915
- if (keyFound || keyCodeFound) {
7916
- this.setFocus();
7917
- }
7918
- };
7919
- this.handleCloseMenu = () => {
7920
- this.showCompletions = false;
7921
- };
7922
- this.filterCompletions = (filter) => {
7923
- if (!filter) {
7924
- return this.completionsList;
7925
- }
7926
- return this.completionsList.filter((completion) => completion.text.toLowerCase().indexOf(filter.toLowerCase()) > -1);
7927
- };
7928
- this.handleChange = (event) => {
7929
- event.stopPropagation();
7930
- let value = event.target.value;
7931
- if (this.type === 'number') {
7932
- if (!value && event.data) {
7933
- event.stopPropagation();
7934
- return;
7935
- }
7936
- if (value) {
7937
- value = Number(value);
7938
- }
7939
- }
7940
- this.changeEmitter(value);
7941
- };
7942
- this.changeEmitter = (value) => {
7943
- this.change.emit(value);
7944
- };
7945
- this.handleIconClick = () => {
7946
- if (!this.isInvalid()) {
7947
- this.action.emit();
7948
- }
7949
- };
7950
- this.handleIconKeyPress = (event) => {
7951
- const isEnter = event.key === ENTER || event.keyCode === ENTER_KEY_CODE;
7952
- const isSpace = event.key === SPACE || event.keyCode === SPACE_KEY_CODE;
7953
- if ((isSpace || isEnter) && !this.isInvalid()) {
7954
- this.action.emit();
7955
- }
7956
- };
7957
- this.handleWheel = () => {
7958
- // This empty event handler is here to circumvent a bug.
7959
- // In some browsers (Chrome for example), hovering the input with
7960
- // the input focused, and scrolling, will both change the value
7961
- // AND scroll the page. We would prefer to never change the value
7962
- // on scroll, instead always scrolling the page, but since we
7963
- // haven't found a way to do that, this is the next best thing, as
7964
- // it prevents the page from being scrolled, but only in the
7965
- // circumstances when the value is changed by the scrolling.
7966
- // Please test THOROUGHLY if you remove this event handler 😄
7967
- };
7968
- const debounceTimeout = 300;
7969
- this.changeEmitter = debounce$1(this.changeEmitter, debounceTimeout);
7970
- this.portalId = createRandomString();
7971
- }
7972
- connectedCallback() {
7973
- this.initialize();
7974
- }
7975
- componentDidLoad() {
7976
- this.initialize();
7977
- }
7978
- disconnectedCallback() {
7979
- if (this.mdcTextField) {
7980
- this.mdcTextField.destroy();
7981
- }
7982
- window.removeEventListener('resize', this.layout);
7983
- this.limelInputField.removeEventListener('focus', this.setFocus);
7984
- }
7985
- componentDidUpdate() {
7986
- if (this.invalid) {
7987
- this.mdcTextField.valid = false;
7988
- }
7989
- }
7990
- render() {
7991
- const labelId = 'tf-input-label';
7992
- const properties = this.getAdditionalProps();
7993
- properties['aria-labelledby'] = labelId;
7994
- properties.class = 'mdc-text-field__input';
7995
- properties.onInput = this.handleChange;
7996
- properties.onFocus = this.onFocus;
7997
- properties.onBlur = this.onBlur;
7998
- properties.required = this.required;
7999
- properties.readonly = this.readonly;
8000
- properties.disabled = this.disabled || this.readonly;
8001
- if (this.hasHelperText()) {
8002
- properties['aria-controls'] = helperTextId;
8003
- properties['aria-describedby'] = helperTextId;
8004
- }
8005
- const labelClassList = {
8006
- 'mdc-floating-label': true,
8007
- 'mdc-floating-label--float-above': !!this.value || this.isFocused || this.readonly,
8008
- };
8009
- return [
8010
- h("label", { class: this.getContainerClassList() }, h("span", { class: "mdc-notched-outline", tabindex: "-1" }, h("span", { class: "mdc-notched-outline__leading" }), h("span", { class: "mdc-notched-outline__notch" }, h("span", { class: labelClassList, id: labelId }, this.label)), h("span", { class: "mdc-notched-outline__trailing" })), this.renderLeadingIcon(), this.renderEmptyValueForReadonly(), this.renderInput(properties), this.renderTextarea(properties), this.renderFormattedNumber(), this.renderTrailingLinkOrButton()),
8011
- this.renderHelperLine(),
8012
- this.renderAutocompleteList(),
8013
- ];
8014
- }
8015
- valueWatcher(newValue) {
8016
- if (!this.mdcTextField) {
8017
- return;
8018
- }
8019
- if (newValue !== this.mdcTextField.value) {
8020
- this.mdcTextField.value = newValue || '';
8021
- }
8022
- }
8023
- get limelInputField() { return getElement(this); }
8024
- static get watchers() { return {
8025
- "value": ["valueWatcher"]
8026
- }; }
8027
- };
8028
- InputField.style = inputFieldCss;
8029
-
8030
- export { DatePickerCalendar as limel_flatpickr_adapter, InputField as limel_input_field };
7238
+ export { DatePickerCalendar as limel_flatpickr_adapter };