@limetech/lime-elements 37.25.0 → 37.26.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 (89) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/dist/cjs/{dom-ee8ee17d.js → debounce-2e5f4b7e.js} +1 -31
  3. package/dist/cjs/debounce-2e5f4b7e.js.map +1 -0
  4. package/dist/cjs/dom-81eaa633.js +34 -0
  5. package/dist/cjs/dom-81eaa633.js.map +1 -0
  6. package/dist/cjs/lime-elements.cjs.js +1 -1
  7. package/dist/cjs/{limel-action-bar-item_2.cjs.entry.js → limel-action-bar_3.cjs.entry.js} +106 -1
  8. package/dist/cjs/limel-action-bar_3.cjs.entry.js.map +1 -0
  9. package/dist/cjs/{limel-breadcrumbs_3.cjs.entry.js → limel-breadcrumbs_4.cjs.entry.js} +519 -20
  10. package/dist/cjs/limel-breadcrumbs_4.cjs.entry.js.map +1 -0
  11. package/dist/cjs/{limel-input-field_3.cjs.entry.js → limel-dynamic-label_4.cjs.entry.js} +75 -494
  12. package/dist/cjs/limel-dynamic-label_4.cjs.entry.js.map +1 -0
  13. package/dist/cjs/limel-picker.cjs.entry.js +3 -2
  14. package/dist/cjs/limel-picker.cjs.entry.js.map +1 -1
  15. package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js +153 -116
  16. package/dist/cjs/limel-prosemirror-adapter.cjs.entry.js.map +1 -1
  17. package/dist/cjs/loader.cjs.js +1 -1
  18. package/dist/collection/components/text-editor/prosemirror-adapter/menu/menu-commands.js +77 -0
  19. package/dist/collection/components/text-editor/prosemirror-adapter/menu/menu-commands.js.map +1 -0
  20. package/dist/collection/components/text-editor/prosemirror-adapter/menu/menu-items.js +53 -0
  21. package/dist/collection/components/text-editor/prosemirror-adapter/menu/menu-items.js.map +1 -0
  22. package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js +34 -9
  23. package/dist/collection/components/text-editor/prosemirror-adapter/prosemirror-adapter.js.map +1 -1
  24. package/dist/esm/{dom-ae531ebc.js → debounce-9a05c91c.js} +2 -31
  25. package/dist/esm/debounce-9a05c91c.js.map +1 -0
  26. package/dist/esm/dom-0b0170a0.js +32 -0
  27. package/dist/esm/dom-0b0170a0.js.map +1 -0
  28. package/dist/esm/lime-elements.js +1 -1
  29. package/dist/esm/{limel-action-bar-item_2.entry.js → limel-action-bar_3.entry.js} +107 -3
  30. package/dist/esm/limel-action-bar_3.entry.js.map +1 -0
  31. package/dist/esm/{limel-breadcrumbs_3.entry.js → limel-breadcrumbs_4.entry.js} +501 -3
  32. package/dist/esm/limel-breadcrumbs_4.entry.js.map +1 -0
  33. package/dist/esm/{limel-input-field_3.entry.js → limel-dynamic-label_4.entry.js} +70 -490
  34. package/dist/esm/limel-dynamic-label_4.entry.js.map +1 -0
  35. package/dist/esm/limel-picker.entry.js +2 -1
  36. package/dist/esm/limel-picker.entry.js.map +1 -1
  37. package/dist/esm/limel-prosemirror-adapter.entry.js +153 -116
  38. package/dist/esm/limel-prosemirror-adapter.entry.js.map +1 -1
  39. package/dist/esm/loader.js +1 -1
  40. package/dist/lime-elements/lime-elements.esm.js +1 -1
  41. package/dist/lime-elements/lime-elements.esm.js.map +1 -1
  42. package/dist/lime-elements/p-18c97232.js +2 -0
  43. package/dist/lime-elements/p-18c97232.js.map +1 -0
  44. package/dist/lime-elements/p-2bff59a1.entry.js +2 -0
  45. package/dist/lime-elements/p-2bff59a1.entry.js.map +1 -0
  46. package/dist/lime-elements/p-3ab8d3e9.entry.js +68 -0
  47. package/dist/lime-elements/p-3ab8d3e9.entry.js.map +1 -0
  48. package/dist/lime-elements/p-5e7b7b03.js +2 -0
  49. package/dist/lime-elements/p-5e7b7b03.js.map +1 -0
  50. package/dist/lime-elements/p-5fcdb9d2.entry.js +2 -0
  51. package/dist/lime-elements/{p-3e90be0a.entry.js.map → p-5fcdb9d2.entry.js.map} +1 -1
  52. package/dist/lime-elements/{p-60317f5c.entry.js → p-db7ce0f8.entry.js} +2 -2
  53. package/dist/lime-elements/p-db7ce0f8.entry.js.map +1 -0
  54. package/dist/lime-elements/p-e4424368.entry.js +2 -0
  55. package/dist/lime-elements/p-e4424368.entry.js.map +1 -0
  56. package/dist/types/components/text-editor/prosemirror-adapter/menu/menu-commands.d.ts +12 -0
  57. package/dist/types/components/text-editor/prosemirror-adapter/menu/menu-items.d.ts +4 -0
  58. package/dist/types/components/text-editor/prosemirror-adapter/prosemirror-adapter.d.ts +4 -1
  59. package/package.json +1 -1
  60. package/dist/cjs/dom-ee8ee17d.js.map +0 -1
  61. package/dist/cjs/limel-action-bar-item_2.cjs.entry.js.map +0 -1
  62. package/dist/cjs/limel-action-bar.cjs.entry.js +0 -113
  63. package/dist/cjs/limel-action-bar.cjs.entry.js.map +0 -1
  64. package/dist/cjs/limel-breadcrumbs_3.cjs.entry.js.map +0 -1
  65. package/dist/cjs/limel-dynamic-label_2.cjs.entry.js +0 -91
  66. package/dist/cjs/limel-dynamic-label_2.cjs.entry.js.map +0 -1
  67. package/dist/cjs/limel-input-field_3.cjs.entry.js.map +0 -1
  68. package/dist/esm/dom-ae531ebc.js.map +0 -1
  69. package/dist/esm/limel-action-bar-item_2.entry.js.map +0 -1
  70. package/dist/esm/limel-action-bar.entry.js +0 -109
  71. package/dist/esm/limel-action-bar.entry.js.map +0 -1
  72. package/dist/esm/limel-breadcrumbs_3.entry.js.map +0 -1
  73. package/dist/esm/limel-dynamic-label_2.entry.js +0 -86
  74. package/dist/esm/limel-dynamic-label_2.entry.js.map +0 -1
  75. package/dist/esm/limel-input-field_3.entry.js.map +0 -1
  76. package/dist/lime-elements/p-3e90be0a.entry.js +0 -2
  77. package/dist/lime-elements/p-497a0b69.entry.js +0 -68
  78. package/dist/lime-elements/p-497a0b69.entry.js.map +0 -1
  79. package/dist/lime-elements/p-60317f5c.entry.js.map +0 -1
  80. package/dist/lime-elements/p-6eeb61e4.entry.js +0 -2
  81. package/dist/lime-elements/p-6eeb61e4.entry.js.map +0 -1
  82. package/dist/lime-elements/p-714d6937.js +0 -2
  83. package/dist/lime-elements/p-714d6937.js.map +0 -1
  84. package/dist/lime-elements/p-a2d19673.entry.js +0 -2
  85. package/dist/lime-elements/p-a2d19673.entry.js.map +0 -1
  86. package/dist/lime-elements/p-af964180.entry.js +0 -2
  87. package/dist/lime-elements/p-af964180.entry.js.map +0 -1
  88. package/dist/lime-elements/p-da62cd3f.entry.js +0 -2
  89. package/dist/lime-elements/p-da62cd3f.entry.js.map +0 -1
@@ -7,13 +7,21 @@ const makeEnterClickable = require('./make-enter-clickable-c116ac4f.js');
7
7
  const randomString = require('./random-string-c8445652.js');
8
8
  const getIconProps = require('./get-icon-props-50be7440.js');
9
9
  const keycodes = require('./keycodes-3949f425.js');
10
+ const linkHelper = require('./link-helper-b7e6c8df.js');
11
+ const config = require('./config-e7e1a299.js');
12
+ const component = require('./component-37425b99.js');
13
+ const debounce = require('./debounce-2e5f4b7e.js');
10
14
  const eq = require('./eq-9a943b00.js');
11
15
  const zipObject = require('./zipObject-93a471fa.js');
12
- const component = require('./component-b37fd9bc.js');
16
+ const component$1 = require('./component-b37fd9bc.js');
13
17
  const ponyfill = require('./ponyfill-98ca4766.js');
14
- const component$1 = require('./component-cba208a8.js');
15
- const component$2 = require('./component-a4eb183b.js');
18
+ const component$2 = require('./component-cba208a8.js');
19
+ const component$3 = require('./component-a4eb183b.js');
20
+ require('./component-55b926ef.js');
16
21
  require('./isObject-e28b7997.js');
22
+ require('./toNumber-062ea29c.js');
23
+ require('./isSymbol-d22b2798.js');
24
+ require('./isObjectLike-3e3f0cba.js');
17
25
  require('./_assignValue-7c18d8d6.js');
18
26
  require('./_defineProperty-8f56146d.js');
19
27
  require('./_getNative-60328036.js');
@@ -94,6 +102,496 @@ const Breadcrumbs = class {
94
102
  };
95
103
  Breadcrumbs.style = breadcrumbsCss;
96
104
 
105
+ const inputFieldCss = "@charset \"UTF-8\";: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 );--mdc-theme-error:var(\n --lime-error-background-color,\n rgb(var(--color-red-dark))\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 rgb(var(--contrast-1500))\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:133.3333333333%}.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:inherit;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, inherit));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,.mdc-floating-label--required[dir=rtl]{}[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 .mdc-text-field__input::placeholder{color:rgb(var(--contrast-900)) !important}:host(limel-input-field:focus),:host(limel-input-field:focus-visible),:host(limel-input-field:focus-within),:host(limel-input-field[invalid]:not([invalid=false])),:host(limel-input-field[invalid=true]){--limel-h-l-grid-template-rows-transition-speed:0.46s;--limel-h-l-grid-template-rows:1fr}:host(limel-input-field){--limel-h-l-grid-template-rows-transition-speed:0.3s;--limel-h-l-grid-template-rows:0fr}:host(limel-input-field:focus) limel-helper-line,:host(limel-input-field:focus-visible) limel-helper-line,:host(limel-input-field:focus-within) limel-helper-line,:host(limel-input-field:hover) limel-helper-line{will-change:grid-template-rows}@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:inherit;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, inherit));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:inherit;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, inherit));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,[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__input[dir=rtl],.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,[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],.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-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl]{}[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 (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active), (-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 (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active), (-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 (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active), (-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active), (-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}}@media screen and (forced-colors: active){.mdc-text-field--disabled .mdc-text-field__input{background-color:Window}.mdc-text-field--disabled .mdc-floating-label{z-index:1}}.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--ltr-text[dir=rtl]{}[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--ltr-text.mdc-text-field--end-aligned[dir=rtl]{}[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:inherit;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, inherit));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:inherit;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, inherit));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{color:rgb(var(--contrast-900));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.25rem}.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{color:rgb(var(--contrast-900));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__input,.mdc-floating-label{font-family:inherit}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(var(--contrast-1200), 1)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(var(--contrast-1400), 1)}.mdc-text-field.mdc-text-field--disabled .mdc-floating-label{color:rgba(var(--contrast-1200), 0.5)}.mdc-text-field.mdc-text-field--disabled .mdc-text-field__input{color:rgba(var(--contrast-1400), 0.5)}.mdc-floating-label--float-above{transform:translateY(-1.6875rem) scale(0.75) !important}.mdc-text-field--with-leading-icon .mdc-floating-label--float-above{transform:translateY(-1.5625rem) translateX(-1.25rem) scale(0.75) !important}.lime-empty-value-for-readonly{z-index:1;position:absolute;top:0.875rem;left:1rem}.lime-looks-like-input-value{line-height:1.75rem;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:rgba(var(--contrast-1400), 1);font-size:0.875rem;font-weight:400;letter-spacing:0.009375em}.mdc-text-field--disabled .lime-looks-like-input-value{cursor:not-allowed;opacity:0.4}.lime-text-field--empty .mdc-text-field__icon--trailing,.lime-text-field--empty a.lime-trailing-icon-for-link{cursor:not-allowed;opacity:0.4;pointer-events:none;box-shadow:none !important}.mdc-text-field{width:100%}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix,.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon{color:rgb(var(--contrast-900))}.mdc-text-field.mdc-text-field--disabled .mdc-text-field__affix,.mdc-text-field.mdc-text-field--disabled .mdc-text-field__icon{color:rgb(var(--contrast-700))}.lime-formatted-input{display:none;width:calc(100% - 1.25rem);z-index:1;pointer-events:none}:not(.mdc-text-field--focused):not(.mdc-text-field--invalid) .lime-formatted-input{display:block}.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}:not(.mdc-text-field--focused):not(.mdc-text-field--invalid).lime-text-field--readonly .mdc-text-field__input[type=number]{visibility:hidden}.autocomplete-list-container{position:relative}.autocomplete-list{background-color:var(--lime-elevated-surface-background-color);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::placeholder{color:rgb(var(--contrast-900)) !important}input.mdc-text-field__input::-webkit-search-cancel-button{transition:color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;cursor:pointer;color:var(--mdc-theme-on-surface);background-color:rgb(var(--contrast-900));cursor:pointer;height:1.25rem;width:1.25rem;border-radius:50%;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;top:0;bottom:0;margin:auto}input.mdc-text-field__input::-webkit-search-cancel-button:hover{color:var(--mdc-theme-on-surface);background-color:rgb(var(--contrast-1100));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:active{transform:none}.mdc-text-field--label-floating input.mdc-text-field__input::-webkit-search-cancel-button{opacity:1}: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}:host([type=url]) .mdc-text-field.lime-text-field--readonly .mdc-text-field__input,:host([type=email]) .mdc-text-field.lime-text-field--readonly .mdc-text-field__input,:host([type=urlAsText]) .mdc-text-field.lime-text-field--readonly .mdc-text-field__input,:host([type=tel]) .mdc-text-field.lime-text-field--readonly .mdc-text-field__input{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 2.75rem)}:host([type=textarea]) .mdc-text-field.lime-text-field--readonly .mdc-text-field__resizer{pointer-events:all}.mdc-text-field.mdc-text-field--outlined{height:2.5rem}.mdc-text-field--with-trailing-icon .mdc-text-field__icon--trailing,.mdc-text-field--with-trailing-icon a.lime-trailing-icon-for-link{padding:0.25rem;margin-right:0.25rem}.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-text-field__icon--leading{margin-left:0.25rem}.mdc-text-field--outlined.mdc-text-field--with-leading-icon .mdc-floating-label{left:1.5rem}";
106
+
107
+ const InputField = class {
108
+ constructor(hostRef) {
109
+ index.registerInstance(this, hostRef);
110
+ this.change = index.createEvent(this, "change", 7);
111
+ this.action = index.createEvent(this, "action", 7);
112
+ this.completionsList = [];
113
+ this.initialize = () => {
114
+ const element = this.limelInputField.shadowRoot.querySelector('.mdc-text-field');
115
+ if (!element) {
116
+ return;
117
+ }
118
+ this.mdcTextField = new component.MDCTextField(element);
119
+ this.mapCompletions();
120
+ window.addEventListener('resize', this.layout, { passive: true });
121
+ this.limelInputField.addEventListener('focus', this.setFocus);
122
+ };
123
+ this.mapCompletions = () => {
124
+ this.completionsList = [...this.completions].map((item) => {
125
+ return { text: item };
126
+ });
127
+ };
128
+ this.setFocus = () => {
129
+ this.mdcTextField.focus();
130
+ };
131
+ this.getContainerClassList = () => {
132
+ const classList = {
133
+ 'mdc-text-field': true,
134
+ 'mdc-text-field--no-label': !this.label,
135
+ 'mdc-text-field--outlined': true,
136
+ 'mdc-text-field--invalid': this.isInvalid(),
137
+ 'mdc-text-field--disabled': this.disabled || this.readonly,
138
+ 'lime-text-field--readonly': this.readonly,
139
+ 'mdc-text-field--required': this.required,
140
+ 'lime-text-field--empty': !this.value,
141
+ 'lime-has-prefix': this.hasPrefix(),
142
+ 'lime-has-suffix': this.hasSuffix(),
143
+ };
144
+ if (this.type === 'textarea') {
145
+ classList['mdc-text-field--textarea'] = true;
146
+ classList['has-helper-line'] =
147
+ !!this.helperText || !!this.maxlength;
148
+ }
149
+ else {
150
+ classList['mdc-text-field--with-leading-icon'] = !!this.leadingIcon;
151
+ classList['mdc-text-field--with-trailing-icon'] =
152
+ !!this.getTrailingIcon();
153
+ }
154
+ return classList;
155
+ };
156
+ this.renderInput = (properties) => {
157
+ if (this.type === 'textarea') {
158
+ return;
159
+ }
160
+ const type = this.type === 'urlAsText' ? 'text' : this.type;
161
+ return (index.h("input", Object.assign({}, properties, { type: type, pattern: this.pattern, onWheel: this.handleWheel, onKeyDown: this.onKeyDown, value: this.value, placeholder: this.placeholder })));
162
+ };
163
+ this.renderTextarea = (properties) => {
164
+ if (this.type !== 'textarea') {
165
+ return;
166
+ }
167
+ return (index.h("span", { class: "mdc-text-field__resizer" }, index.h("textarea", Object.assign({}, properties, { placeholder: this.placeholder }), this.value)));
168
+ };
169
+ this.layout = () => {
170
+ var _a;
171
+ (_a = this.mdcTextField) === null || _a === void 0 ? void 0 : _a.layout();
172
+ };
173
+ this.getAdditionalProps = () => {
174
+ const props = {};
175
+ if (this.type === 'number') {
176
+ props.step = this.step;
177
+ }
178
+ if (this.type === 'number' && Number.isInteger(this.min)) {
179
+ props.min = this.min;
180
+ }
181
+ if (this.type === 'number' && Number.isInteger(this.max)) {
182
+ props.max = this.max;
183
+ }
184
+ if (this.minlength) {
185
+ props.minlength = this.minlength;
186
+ }
187
+ if (this.maxlength) {
188
+ props.maxlength = this.maxlength;
189
+ }
190
+ return props;
191
+ };
192
+ this.onFocus = () => {
193
+ this.isFocused = true;
194
+ this.showCompletions = true;
195
+ };
196
+ this.onBlur = () => {
197
+ this.isFocused = false;
198
+ this.isModified = true;
199
+ };
200
+ this.hasHelperText = () => {
201
+ return this.helperText !== null && this.helperText !== undefined;
202
+ };
203
+ this.hasHelperLine = () => {
204
+ return this.maxlength || this.hasHelperText();
205
+ };
206
+ this.renderHelperLine = () => {
207
+ const text = this.value || '';
208
+ const length = text.length;
209
+ if (!this.hasHelperLine()) {
210
+ return;
211
+ }
212
+ return (index.h("limel-helper-line", { helperTextId: this.helperTextId, helperText: this.helperText, length: length, maxLength: this.maxlength, invalid: this.isInvalid() }));
213
+ };
214
+ this.renderEmptyValueForReadonly = () => {
215
+ if (this.readonly && !this.value) {
216
+ return (index.h("span", { class: "lime-empty-value-for-readonly lime-looks-like-input-value" }, "\u2013"));
217
+ }
218
+ };
219
+ this.renderSuffix = () => {
220
+ if (!this.hasSuffix() || this.type === 'textarea') {
221
+ return;
222
+ }
223
+ const classList = {
224
+ 'mdc-text-field__affix': true,
225
+ 'mdc-text-field__affix--suffix': true,
226
+ };
227
+ return index.h("span", { class: classList }, this.suffix);
228
+ };
229
+ this.hasSuffix = () => {
230
+ return this.suffix !== null && this.suffix !== undefined;
231
+ };
232
+ this.renderPrefix = () => {
233
+ if (!this.hasPrefix() || this.type === 'textarea') {
234
+ return;
235
+ }
236
+ const classList = {
237
+ 'mdc-text-field__affix': true,
238
+ 'mdc-text-field__affix--prefix': true,
239
+ };
240
+ return index.h("span", { class: classList }, this.prefix);
241
+ };
242
+ this.hasPrefix = () => {
243
+ return this.prefix !== null && this.prefix !== undefined;
244
+ };
245
+ this.isInvalid = () => {
246
+ if (this.readonly) {
247
+ // A readonly field can never be invalid.
248
+ return false;
249
+ }
250
+ if (this.invalid) {
251
+ // `this.invalid` is set by the consumer. If the consumer explicitly
252
+ // told us to consider the field invalid, we consider it invalid
253
+ // regardless of what our internal validation thinks, and regardless
254
+ // of whether the field has been modified.
255
+ return true;
256
+ }
257
+ if (!this.isModified) {
258
+ return false;
259
+ }
260
+ const element = this.getInputElement();
261
+ return !(element && element.checkValidity());
262
+ };
263
+ this.getInputElement = () => {
264
+ let elementName = 'input';
265
+ if (this.type === 'textarea') {
266
+ elementName = 'textarea';
267
+ }
268
+ return this.limelInputField.shadowRoot.querySelector(elementName);
269
+ };
270
+ this.renderLabel = () => {
271
+ const labelClassList = {
272
+ 'mdc-floating-label': true,
273
+ 'mdc-floating-label--float-above': !!this.value || this.isFocused || this.readonly,
274
+ };
275
+ if (!this.label) {
276
+ return;
277
+ }
278
+ return (index.h("span", { class: "mdc-notched-outline__notch" }, index.h("span", { class: labelClassList, id: this.labelId }, this.label)));
279
+ };
280
+ this.renderLeadingIcon = () => {
281
+ if (this.type === 'textarea') {
282
+ return;
283
+ }
284
+ if (this.leadingIcon) {
285
+ return (index.h("i", { class: "material-icons mdc-text-field__icon mdc-text-field__icon--leading" }, index.h("limel-icon", { name: this.leadingIcon })));
286
+ }
287
+ };
288
+ this.renderTrailingLinkOrButton = () => {
289
+ if (this.type === 'textarea') {
290
+ return;
291
+ }
292
+ const html = [];
293
+ const trailingIcon = this.getTrailingIcon();
294
+ if (!this.isInvalid() && this.hasLink()) {
295
+ html.push(this.renderLinkIcon(this.getLink(), trailingIcon));
296
+ }
297
+ else if (trailingIcon) {
298
+ html.push(this.renderTrailingIcon(trailingIcon));
299
+ }
300
+ return html;
301
+ };
302
+ this.hasLink = () => {
303
+ return (this.showLink &&
304
+ ['email', 'tel', 'url', 'urlAsText'].includes(this.type));
305
+ };
306
+ this.getLink = () => {
307
+ const props = { href: '' };
308
+ switch (this.type) {
309
+ case 'email':
310
+ props.href = `mailto:${this.value}`;
311
+ break;
312
+ case 'tel':
313
+ props.href = `tel:${this.value}`;
314
+ break;
315
+ default:
316
+ props.href = linkHelper.getHref(this.value);
317
+ props.target = linkHelper.getTarget(this.value);
318
+ }
319
+ return props;
320
+ };
321
+ this.renderLinkIcon = (linkProps, icon) => {
322
+ // If the trailing icon uses the class `mdc-text-field__icon--trailing`,
323
+ // MDC attaches a click handler to it, which apparently runs
324
+ // `preventDefault()` on the event. For links, we don't want that,
325
+ // so instead of `mdc-text-field__icon--trailing`, we use our own class
326
+ // `lime-trailing-icon-for-link`, which uses all the same styling. /Ads
327
+ return (index.h("a", Object.assign({}, linkProps, { class: "material-icons mdc-text-field__icon lime-trailing-icon-for-link", tabindex: this.disabled || !this.value ? '-1' : '0', role: "button" }), index.h("limel-icon", { name: icon })));
328
+ };
329
+ this.renderTrailingIcon = (icon) => {
330
+ const props = {
331
+ tabIndex: this.isInvalid() ? '-1' : '0',
332
+ };
333
+ if (!this.isInvalid()) {
334
+ props.onKeyPress = this.handleIconKeyPress;
335
+ props.onClick = this.handleIconClick;
336
+ props.role = 'button';
337
+ }
338
+ return (index.h("i", Object.assign({ class: "material-icons mdc-text-field__icon mdc-text-field__icon--trailing" }, props), index.h("limel-icon", { name: icon })));
339
+ };
340
+ this.getTrailingIcon = () => {
341
+ if (this.isInvalid()) {
342
+ return 'high_importance';
343
+ }
344
+ if (this.trailingIcon) {
345
+ return this.trailingIcon;
346
+ }
347
+ if (this.showLink && this.type === 'email') {
348
+ return 'filled_message';
349
+ }
350
+ if (this.showLink && this.type === 'tel') {
351
+ return 'phone';
352
+ }
353
+ if (this.showLink &&
354
+ (this.type === 'url' || this.type === 'urlAsText')) {
355
+ return 'external_link';
356
+ }
357
+ };
358
+ this.renderFormattedNumber = () => {
359
+ if (this.type !== 'number') {
360
+ return;
361
+ }
362
+ let renderValue = this.value;
363
+ if (this.formatNumber && this.value) {
364
+ renderValue = new Intl.NumberFormat(this.locale).format(Number(this.value));
365
+ }
366
+ return (index.h("span", { class: "lime-formatted-input lime-looks-like-input-value" }, renderValue));
367
+ };
368
+ /**
369
+ * Key handler for the input field
370
+ * Will change focus to the first/last item in the dropdown list to enable selection with the keyboard
371
+ *
372
+ * @param event - event
373
+ */
374
+ this.onKeyDown = (event) => {
375
+ this.showCompletions = true;
376
+ const isForwardTab = (event.key === keycodes.TAB || event.keyCode === keycodes.TAB_KEY_CODE) &&
377
+ !event.altKey &&
378
+ !event.metaKey &&
379
+ !event.shiftKey;
380
+ const isUp = event.key === keycodes.ARROW_UP || event.keyCode === keycodes.ARROW_UP_KEY_CODE;
381
+ const isDown = event.key === keycodes.ARROW_DOWN || event.keyCode === keycodes.ARROW_DOWN_KEY_CODE;
382
+ if (event.keyCode === keycodes.TAB_KEY_CODE && event.shiftKey) {
383
+ this.showCompletions = false;
384
+ }
385
+ if (!isForwardTab && !isUp && !isDown) {
386
+ return;
387
+ }
388
+ const list = document.querySelector(` #${this.portalId} limel-list`);
389
+ if (!list) {
390
+ return;
391
+ }
392
+ event.preventDefault();
393
+ if (isForwardTab || isDown) {
394
+ const listElement = list.shadowRoot.querySelector('.mdc-deprecated-list-item:first-child');
395
+ listElement.focus();
396
+ return;
397
+ }
398
+ if (isUp) {
399
+ const listElement = list.shadowRoot.querySelector('.mdc-deprecated-list-item:last-child');
400
+ listElement.focus();
401
+ }
402
+ };
403
+ this.handleCompletionChange = (event) => {
404
+ event.stopPropagation();
405
+ if (!event.detail) {
406
+ return;
407
+ }
408
+ this.showCompletions = false;
409
+ /*
410
+ This change event doesn't need to be debounced in itself, but we want
411
+ to make absolutely sure that an earlier change event that *has* been
412
+ debounced doesn't emit after this one. Therefore, we run this through
413
+ the same debounced emitter function. /Ads
414
+ */
415
+ this.changeEmitter(event.detail.text);
416
+ };
417
+ this.renderAutocompleteList = () => {
418
+ if (this.type === 'textarea' || !this.completions.length) {
419
+ return;
420
+ }
421
+ const dropdownZIndex = getComputedStyle(this.limelInputField).getPropertyValue('--dropdown-z-index');
422
+ return (index.h("limel-portal", { visible: this.showCompletions, containerId: this.portalId, inheritParentWidth: true, containerStyle: { 'z-index': dropdownZIndex } }, index.h("limel-menu-surface", { open: this.showCompletions, allowClicksElement: this.limelInputField, style: {
423
+ '--mdc-menu-min-width': '100%',
424
+ 'max-height': 'inherit',
425
+ display: 'flex',
426
+ }, onDismiss: this.handleCloseMenu }, this.renderListResult())));
427
+ };
428
+ this.renderListResult = () => {
429
+ const filteredCompletions = this.filterCompletions(this.value);
430
+ if (!filteredCompletions || filteredCompletions.length === 0) {
431
+ return null;
432
+ }
433
+ return (index.h("limel-list", { onChange: this.handleCompletionChange, onKeyDown: this.handleKeyDownInDropdown, type: "selectable", items: filteredCompletions }));
434
+ };
435
+ this.handleKeyDownInDropdown = (event) => {
436
+ const keyFound = [keycodes.TAB, keycodes.ESCAPE, keycodes.ENTER].includes(event.key);
437
+ const keyCodeFound = [
438
+ keycodes.TAB_KEY_CODE,
439
+ keycodes.ESCAPE_KEY_CODE,
440
+ keycodes.ENTER_KEY_CODE,
441
+ ].includes(event.keyCode);
442
+ if (keyFound || keyCodeFound) {
443
+ this.setFocus();
444
+ }
445
+ };
446
+ this.handleCloseMenu = () => {
447
+ this.showCompletions = false;
448
+ };
449
+ this.filterCompletions = (filter) => {
450
+ if (!filter) {
451
+ return this.completionsList;
452
+ }
453
+ return this.completionsList.filter((completion) => completion.text.toLowerCase().indexOf(filter.toLowerCase()) >
454
+ -1);
455
+ };
456
+ this.handleChange = (event) => {
457
+ event.stopPropagation();
458
+ let value = event.target.value;
459
+ if (this.type === 'number') {
460
+ if (!value && event.data) {
461
+ event.stopPropagation();
462
+ return;
463
+ }
464
+ if (value) {
465
+ value = Number(value);
466
+ }
467
+ }
468
+ this.changeEmitter(value);
469
+ };
470
+ this.changeEmitter = (value) => {
471
+ this.change.emit(value);
472
+ };
473
+ this.handleIconClick = () => {
474
+ if (!this.isInvalid()) {
475
+ this.action.emit();
476
+ }
477
+ };
478
+ this.handleIconKeyPress = (event) => {
479
+ const isEnter = event.key === keycodes.ENTER || event.keyCode === keycodes.ENTER_KEY_CODE;
480
+ const isSpace = event.key === keycodes.SPACE || event.keyCode === keycodes.SPACE_KEY_CODE;
481
+ if ((isSpace || isEnter) && !this.isInvalid()) {
482
+ this.action.emit();
483
+ }
484
+ };
485
+ this.handleWheel = () => {
486
+ // This empty event handler is here to circumvent a bug.
487
+ // In some browsers (Chrome for example), hovering the input with
488
+ // the input focused, and scrolling, will both change the value
489
+ // AND scroll the page. We would prefer to never change the value
490
+ // on scroll, instead always scrolling the page, but since we
491
+ // haven't found a way to do that, this is the next best thing, as
492
+ // it prevents the page from being scrolled, but only in the
493
+ // circumstances when the value is changed by the scrolling.
494
+ // Please test THOROUGHLY if you remove this event handler 😄
495
+ };
496
+ this.disabled = false;
497
+ this.readonly = false;
498
+ this.invalid = false;
499
+ this.label = undefined;
500
+ this.placeholder = undefined;
501
+ this.helperText = undefined;
502
+ this.prefix = undefined;
503
+ this.suffix = undefined;
504
+ this.required = false;
505
+ this.value = undefined;
506
+ this.trailingIcon = undefined;
507
+ this.leadingIcon = undefined;
508
+ this.pattern = undefined;
509
+ this.type = 'text';
510
+ this.formatNumber = true;
511
+ this.step = 'any';
512
+ this.max = undefined;
513
+ this.min = undefined;
514
+ this.maxlength = undefined;
515
+ this.minlength = undefined;
516
+ this.completions = [];
517
+ this.showLink = false;
518
+ this.locale = config.globalConfig.defaultLocale;
519
+ this.isFocused = false;
520
+ this.isModified = false;
521
+ this.showCompletions = false;
522
+ const debounceTimeout = 300;
523
+ this.changeEmitter = debounce.debounce(this.changeEmitter, debounceTimeout);
524
+ this.portalId = randomString.createRandomString();
525
+ this.helperTextId = randomString.createRandomString();
526
+ this.labelId = randomString.createRandomString();
527
+ }
528
+ connectedCallback() {
529
+ this.initialize();
530
+ }
531
+ componentDidLoad() {
532
+ this.initialize();
533
+ }
534
+ disconnectedCallback() {
535
+ if (this.mdcTextField) {
536
+ this.mdcTextField.destroy();
537
+ }
538
+ window.removeEventListener('resize', this.layout);
539
+ this.limelInputField.removeEventListener('focus', this.setFocus);
540
+ }
541
+ componentDidUpdate() {
542
+ if (this.invalid) {
543
+ this.mdcTextField.valid = false;
544
+ }
545
+ }
546
+ render() {
547
+ const properties = this.getAdditionalProps();
548
+ properties['aria-labelledby'] = this.labelId;
549
+ properties.class = 'mdc-text-field__input';
550
+ properties.onInput = this.handleChange;
551
+ properties.onFocus = this.onFocus;
552
+ properties.onBlur = this.onBlur;
553
+ properties.required = this.required;
554
+ properties.readonly = this.readonly;
555
+ properties.disabled = this.disabled || this.readonly;
556
+ let ariaControls = '';
557
+ if (this.hasHelperText()) {
558
+ ariaControls += this.helperTextId;
559
+ properties['aria-describedby'] = this.helperTextId;
560
+ }
561
+ if (this.renderAutocompleteList()) {
562
+ if (ariaControls) {
563
+ ariaControls += ' ';
564
+ }
565
+ ariaControls += this.portalId;
566
+ }
567
+ if (ariaControls) {
568
+ properties['aria-controls'] = ariaControls;
569
+ }
570
+ return [
571
+ index.h("label", { class: this.getContainerClassList() }, index.h("span", { class: "mdc-notched-outline", tabindex: "-1" }, index.h("span", { class: "mdc-notched-outline__leading" }), this.renderLabel(), index.h("span", { class: "mdc-notched-outline__trailing" })), this.renderLeadingIcon(), this.renderEmptyValueForReadonly(), this.renderPrefix(), this.renderFormattedNumber(), this.renderInput(properties), this.renderSuffix(), this.renderTextarea(properties), this.renderTrailingLinkOrButton()),
572
+ this.renderHelperLine(),
573
+ this.renderAutocompleteList(),
574
+ ];
575
+ }
576
+ valueWatcher(newValue) {
577
+ if (!this.mdcTextField) {
578
+ return;
579
+ }
580
+ if (newValue !== this.mdcTextField.value) {
581
+ this.mdcTextField.value = newValue || '';
582
+ }
583
+ }
584
+ completionsWatcher() {
585
+ this.mapCompletions();
586
+ }
587
+ get limelInputField() { return index.getElement(this); }
588
+ static get watchers() { return {
589
+ "value": ["valueWatcher"],
590
+ "completions": ["completionsWatcher"]
591
+ }; }
592
+ };
593
+ InputField.style = inputFieldCss;
594
+
97
595
  const menuCss = ":host(limel-menu){isolation:isolate;position:relative;display:inline-block;--badge-background-color:var(\n --notification-badge-background-color,\n rgb(var(--color-red-default))\n );--badge-text-color:var(\n --notification-badge-text-color,\n rgb(var(--color-white))\n )}:host([hidden]){display:none}.menu__trigger{border-color:transparent;border-width:1px;border-style:solid;background:none;color:rgb(var(--contrast-800));height:2.25rem}.menu__trigger-enabled:hover{border-color:rgb(var(--contrast-800));color:rgb(var(--contrast-1100))}.mdc-menu-surface--anchor{position:relative}limel-badge{position:absolute;top:-0.25rem;right:-0.25rem}";
98
596
 
99
597
  const DEFAULT_ROOT_BREADCRUMBS_ITEM = {
@@ -589,9 +1087,9 @@ var DefaultFocusState;
589
1087
  * THE SOFTWARE.
590
1088
  */
591
1089
  var MDCMenuFoundation = /** @class */ (function (_super) {
592
- component.__extends(MDCMenuFoundation, _super);
1090
+ component$1.__extends(MDCMenuFoundation, _super);
593
1091
  function MDCMenuFoundation(adapter) {
594
- var _this = _super.call(this, component.__assign(component.__assign({}, MDCMenuFoundation.defaultAdapter), adapter)) || this;
1092
+ var _this = _super.call(this, component$1.__assign(component$1.__assign({}, MDCMenuFoundation.defaultAdapter), adapter)) || this;
595
1093
  _this.closeAnimationEndTimerId = 0;
596
1094
  _this.defaultFocusState = DefaultFocusState.LIST_ROOT;
597
1095
  _this.selectedIndex = -1;
@@ -675,7 +1173,7 @@ var MDCMenuFoundation = /** @class */ (function (_super) {
675
1173
  _this.adapter.isSelectableItemAtIndex(recomputedIndex)) {
676
1174
  _this.setSelectedIndex(recomputedIndex);
677
1175
  }
678
- }, component$1.MDCMenuSurfaceFoundation.numbers.TRANSITION_CLOSE_DURATION);
1176
+ }, component$2.MDCMenuSurfaceFoundation.numbers.TRANSITION_CLOSE_DURATION);
679
1177
  };
680
1178
  MDCMenuFoundation.prototype.handleMenuSurfaceOpened = function () {
681
1179
  switch (this.defaultFocusState) {
@@ -731,11 +1229,11 @@ var MDCMenuFoundation = /** @class */ (function (_super) {
731
1229
  MDCMenuFoundation.prototype.setEnabled = function (index, isEnabled) {
732
1230
  this.validatedIndex(index);
733
1231
  if (isEnabled) {
734
- this.adapter.removeClassFromElementAtIndex(index, component$1.cssClasses.LIST_ITEM_DISABLED_CLASS);
1232
+ this.adapter.removeClassFromElementAtIndex(index, component$2.cssClasses.LIST_ITEM_DISABLED_CLASS);
735
1233
  this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'false');
736
1234
  }
737
1235
  else {
738
- this.adapter.addClassToElementAtIndex(index, component$1.cssClasses.LIST_ITEM_DISABLED_CLASS);
1236
+ this.adapter.addClassToElementAtIndex(index, component$2.cssClasses.LIST_ITEM_DISABLED_CLASS);
739
1237
  this.adapter.addAttributeToElementAtIndex(index, strings.ARIA_DISABLED_ATTR, 'true');
740
1238
  }
741
1239
  };
@@ -747,7 +1245,7 @@ var MDCMenuFoundation = /** @class */ (function (_super) {
747
1245
  }
748
1246
  };
749
1247
  return MDCMenuFoundation;
750
- }(component.MDCFoundation));
1248
+ }(component$1.MDCFoundation));
751
1249
 
752
1250
  /**
753
1251
  * @license
@@ -772,7 +1270,7 @@ var MDCMenuFoundation = /** @class */ (function (_super) {
772
1270
  * THE SOFTWARE.
773
1271
  */
774
1272
  var MDCMenu = /** @class */ (function (_super) {
775
- component.__extends(MDCMenu, _super);
1273
+ component$1.__extends(MDCMenu, _super);
776
1274
  function MDCMenu() {
777
1275
  return _super !== null && _super.apply(this, arguments) || this;
778
1276
  }
@@ -780,8 +1278,8 @@ var MDCMenu = /** @class */ (function (_super) {
780
1278
  return new MDCMenu(root);
781
1279
  };
782
1280
  MDCMenu.prototype.initialize = function (menuSurfaceFactory, listFactory) {
783
- if (menuSurfaceFactory === void 0) { menuSurfaceFactory = function (el) { return new component$1.MDCMenuSurface(el); }; }
784
- if (listFactory === void 0) { listFactory = function (el) { return new component$1.MDCList(el); }; }
1281
+ if (menuSurfaceFactory === void 0) { menuSurfaceFactory = function (el) { return new component$2.MDCMenuSurface(el); }; }
1282
+ if (listFactory === void 0) { listFactory = function (el) { return new component$2.MDCList(el); }; }
785
1283
  this.menuSurfaceFactory = menuSurfaceFactory;
786
1284
  this.listFactory = listFactory;
787
1285
  };
@@ -805,18 +1303,18 @@ var MDCMenu = /** @class */ (function (_super) {
805
1303
  this.handleMenuSurfaceOpened = function () {
806
1304
  _this.foundation.handleMenuSurfaceOpened();
807
1305
  };
808
- this.menuSurface.listen(component$1.MDCMenuSurfaceFoundation.strings.OPENED_EVENT, this.handleMenuSurfaceOpened);
1306
+ this.menuSurface.listen(component$2.MDCMenuSurfaceFoundation.strings.OPENED_EVENT, this.handleMenuSurfaceOpened);
809
1307
  this.listen('keydown', this.handleKeydown);
810
- this.listen(component$1.MDCListFoundation.strings.ACTION_EVENT, this.handleItemAction);
1308
+ this.listen(component$2.MDCListFoundation.strings.ACTION_EVENT, this.handleItemAction);
811
1309
  };
812
1310
  MDCMenu.prototype.destroy = function () {
813
1311
  if (this.list) {
814
1312
  this.list.destroy();
815
1313
  }
816
1314
  this.menuSurface.destroy();
817
- this.menuSurface.unlisten(component$1.MDCMenuSurfaceFoundation.strings.OPENED_EVENT, this.handleMenuSurfaceOpened);
1315
+ this.menuSurface.unlisten(component$2.MDCMenuSurfaceFoundation.strings.OPENED_EVENT, this.handleMenuSurfaceOpened);
818
1316
  this.unlisten('keydown', this.handleKeydown);
819
- this.unlisten(component$1.MDCListFoundation.strings.ACTION_EVENT, this.handleItemAction);
1317
+ this.unlisten(component$2.MDCListFoundation.strings.ACTION_EVENT, this.handleItemAction);
820
1318
  _super.prototype.destroy.call(this);
821
1319
  };
822
1320
  Object.defineProperty(MDCMenu.prototype, "open", {
@@ -931,7 +1429,7 @@ var MDCMenu = /** @class */ (function (_super) {
931
1429
  * radio lists, and an array of numbers for checkbox lists.
932
1430
  */
933
1431
  get: function () {
934
- return this.list ? this.list.selectedIndex : component$1.numbers.UNSET_INDEX;
1432
+ return this.list ? this.list.selectedIndex : component$2.numbers.UNSET_INDEX;
935
1433
  },
936
1434
  /**
937
1435
  * Sets the selected index of the list. Only applicable to select menus.
@@ -1083,7 +1581,7 @@ var MDCMenu = /** @class */ (function (_super) {
1083
1581
  return new MDCMenuFoundation(adapter);
1084
1582
  };
1085
1583
  return MDCMenu;
1086
- }(component.MDCComponent));
1584
+ }(component$1.MDCComponent));
1087
1585
 
1088
1586
  class MenuListRenderer {
1089
1587
  constructor() {
@@ -1283,7 +1781,7 @@ const MenuList = class {
1283
1781
  this.mdcMenu = new MDCMenu(element);
1284
1782
  this.mdcMenu.hasTypeahead = true;
1285
1783
  this.mdcMenu.wrapFocus = true;
1286
- this.mdcMenu.items.forEach((item) => new component$2.MDCRipple(item));
1784
+ this.mdcMenu.items.forEach((item) => new component$3.MDCRipple(item));
1287
1785
  };
1288
1786
  this.setupListeners = () => {
1289
1787
  if (!this.mdcMenu) {
@@ -1366,7 +1864,8 @@ const MenuList = class {
1366
1864
  MenuList.style = menuListCss;
1367
1865
 
1368
1866
  exports.limel_breadcrumbs = Breadcrumbs;
1867
+ exports.limel_input_field = InputField;
1369
1868
  exports.limel_menu = Menu;
1370
1869
  exports.limel_menu_list = MenuList;
1371
1870
 
1372
- //# sourceMappingURL=limel-breadcrumbs_3.cjs.entry.js.map
1871
+ //# sourceMappingURL=limel-breadcrumbs_4.cjs.entry.js.map