q2-tecton-elements 1.15.1 → 1.16.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 (190) hide show
  1. package/dist/cjs/{index-0fec9f3b.js → index-afc50fbb.js} +18 -0
  2. package/dist/cjs/loader.cjs.js +1 -1
  3. package/dist/cjs/q2-avatar.cjs.entry.js +1 -1
  4. package/dist/cjs/{q2-input.cjs.entry.js → q2-badge_2.cjs.entry.js} +77 -18
  5. package/dist/cjs/q2-btn_2.cjs.entry.js +7 -6
  6. package/dist/cjs/q2-calendar.cjs.entry.js +2 -2
  7. package/dist/cjs/q2-card.cjs.entry.js +15 -8
  8. package/dist/cjs/q2-carousel-pane.cjs.entry.js +2 -2
  9. package/dist/cjs/q2-carousel.cjs.entry.js +2 -2
  10. package/dist/cjs/q2-chart-donut.cjs.entry.js +2 -2
  11. package/dist/cjs/q2-checkbox-group.cjs.entry.js +2 -2
  12. package/dist/cjs/q2-checkbox.cjs.entry.js +3 -3
  13. package/dist/cjs/q2-dropdown-item.cjs.entry.js +2 -2
  14. package/dist/cjs/q2-dropdown.cjs.entry.js +2 -2
  15. package/dist/cjs/q2-editable-field.cjs.entry.js +2 -2
  16. package/dist/cjs/q2-icon.cjs.entry.js +2 -2
  17. package/dist/cjs/q2-loc.cjs.entry.js +2 -2
  18. package/dist/cjs/q2-message.cjs.entry.js +2 -2
  19. package/dist/cjs/q2-optgroup.cjs.entry.js +2 -2
  20. package/dist/cjs/q2-option-list.cjs.entry.js +2 -2
  21. package/dist/cjs/q2-option.cjs.entry.js +12 -1
  22. package/dist/cjs/q2-pagination.cjs.entry.js +2 -2
  23. package/dist/cjs/q2-pill.cjs.entry.js +2 -2
  24. package/dist/cjs/q2-radio-group.cjs.entry.js +2 -2
  25. package/dist/cjs/q2-radio.cjs.entry.js +2 -2
  26. package/dist/cjs/q2-section.cjs.entry.js +2 -2
  27. package/dist/cjs/q2-select.cjs.entry.js +298 -199
  28. package/dist/cjs/q2-stepper-pane.cjs.entry.js +2 -2
  29. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +3 -2
  30. package/dist/cjs/q2-stepper.cjs.entry.js +2 -2
  31. package/dist/cjs/q2-tab-container.cjs.entry.js +2 -2
  32. package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
  33. package/dist/cjs/q2-tag.cjs.entry.js +2 -2
  34. package/dist/cjs/q2-tecton-elements.cjs.js +1 -1
  35. package/dist/cjs/q2-textarea.cjs.entry.js +2 -2
  36. package/dist/cjs/q2-tooltip.cjs.entry.js +33 -0
  37. package/dist/cjs/tecton-tab-pane.cjs.entry.js +1 -1
  38. package/dist/collection/collection-manifest.json +1 -0
  39. package/dist/collection/components/q2-avatar/styles.css +1 -1
  40. package/dist/collection/components/q2-badge/index.js +4 -7
  41. package/dist/collection/components/q2-badge/styles.css +19 -12
  42. package/dist/collection/components/q2-btn/index.js +7 -6
  43. package/dist/collection/components/q2-btn/styles.css +10 -12
  44. package/dist/collection/components/q2-calendar/styles.css +7 -7
  45. package/dist/collection/components/q2-card/index.js +33 -8
  46. package/dist/collection/components/q2-card/styles.css +33 -36
  47. package/dist/collection/components/q2-carousel/styles.css +1 -1
  48. package/dist/collection/components/q2-carousel-pane/styles.css +1 -1
  49. package/dist/collection/components/q2-chart-donut/styles.css +3 -2
  50. package/dist/collection/components/q2-checkbox/index.js +1 -1
  51. package/dist/collection/components/q2-checkbox/styles.css +2 -2
  52. package/dist/collection/components/q2-checkbox-group/styles.css +3 -3
  53. package/dist/collection/components/q2-dropdown/styles.css +6 -6
  54. package/dist/collection/components/q2-dropdown-item/styles.css +3 -3
  55. package/dist/collection/components/q2-editable-field/styles.css +4 -4
  56. package/dist/collection/components/q2-icon/styles.css +1 -1
  57. package/dist/collection/components/q2-input/index.js +90 -23
  58. package/dist/collection/components/q2-input/styles.css +33 -26
  59. package/dist/collection/components/q2-loading/styles.css +4 -4
  60. package/dist/collection/components/q2-loc/styles.css +1 -1
  61. package/dist/collection/components/q2-message/styles.css +19 -17
  62. package/dist/collection/components/q2-optgroup/styles.css +7 -11
  63. package/dist/collection/components/q2-option/index.js +15 -3
  64. package/dist/collection/components/q2-option/styles.css +12 -5
  65. package/dist/collection/components/q2-option-list/styles.css +5 -5
  66. package/dist/collection/components/q2-pagination/styles.css +1 -1
  67. package/dist/collection/components/q2-pill/styles.css +18 -17
  68. package/dist/collection/components/q2-radio/styles.css +2 -2
  69. package/dist/collection/components/q2-radio-group/styles.css +3 -3
  70. package/dist/collection/components/q2-section/styles.css +6 -6
  71. package/dist/collection/components/q2-select/index.js +314 -206
  72. package/dist/collection/components/q2-select/styles.css +24 -13
  73. package/dist/collection/components/q2-stepper/styles.css +19 -13
  74. package/dist/collection/components/q2-stepper-pane/styles.css +1 -1
  75. package/dist/collection/components/q2-stepper-vertical/index.js +1 -0
  76. package/dist/collection/components/q2-stepper-vertical/styles.css +14 -14
  77. package/dist/collection/components/q2-tab-container/styles.css +7 -7
  78. package/dist/collection/components/q2-tab-pane/styles.css +1 -1
  79. package/dist/collection/components/q2-tag/styles.css +4 -6
  80. package/dist/collection/components/q2-textarea/styles.css +2 -2
  81. package/dist/collection/components/q2-tooltip/index.js +120 -0
  82. package/dist/collection/components/q2-tooltip/styles.css +276 -0
  83. package/dist/collection/components/tecton-tab-pane/styles.css +1 -1
  84. package/dist/collection/utils/index.js +18 -2
  85. package/dist/esm/{index-14e81efa.js → index-2ca8c93c.js} +18 -2
  86. package/dist/esm/loader.js +1 -1
  87. package/dist/esm/q2-avatar.entry.js +1 -1
  88. package/dist/esm/{q2-input.entry.js → q2-badge_2.entry.js} +78 -20
  89. package/dist/esm/q2-btn_2.entry.js +7 -6
  90. package/dist/esm/q2-calendar.entry.js +2 -2
  91. package/dist/esm/q2-card.entry.js +15 -8
  92. package/dist/esm/q2-carousel-pane.entry.js +2 -2
  93. package/dist/esm/q2-carousel.entry.js +2 -2
  94. package/dist/esm/q2-chart-donut.entry.js +2 -2
  95. package/dist/esm/q2-checkbox-group.entry.js +2 -2
  96. package/dist/esm/q2-checkbox.entry.js +3 -3
  97. package/dist/esm/q2-dropdown-item.entry.js +2 -2
  98. package/dist/esm/q2-dropdown.entry.js +2 -2
  99. package/dist/esm/q2-editable-field.entry.js +2 -2
  100. package/dist/esm/q2-icon.entry.js +2 -2
  101. package/dist/esm/q2-loc.entry.js +2 -2
  102. package/dist/esm/q2-message.entry.js +2 -2
  103. package/dist/esm/q2-optgroup.entry.js +2 -2
  104. package/dist/esm/q2-option-list.entry.js +2 -2
  105. package/dist/esm/q2-option.entry.js +12 -1
  106. package/dist/esm/q2-pagination.entry.js +2 -2
  107. package/dist/esm/q2-pill.entry.js +2 -2
  108. package/dist/esm/q2-radio-group.entry.js +2 -2
  109. package/dist/esm/q2-radio.entry.js +2 -2
  110. package/dist/esm/q2-section.entry.js +2 -2
  111. package/dist/esm/q2-select.entry.js +298 -199
  112. package/dist/esm/q2-stepper-pane.entry.js +2 -2
  113. package/dist/esm/q2-stepper-vertical.entry.js +3 -2
  114. package/dist/esm/q2-stepper.entry.js +2 -2
  115. package/dist/esm/q2-tab-container.entry.js +2 -2
  116. package/dist/esm/q2-tab-pane.entry.js +1 -1
  117. package/dist/esm/q2-tag.entry.js +2 -2
  118. package/dist/esm/q2-tecton-elements.js +1 -1
  119. package/dist/esm/q2-textarea.entry.js +2 -2
  120. package/dist/esm/q2-tooltip.entry.js +29 -0
  121. package/dist/esm/tecton-tab-pane.entry.js +1 -1
  122. package/dist/q2-tecton-elements/{p-77263ed4.entry.js → p-0a8b8d14.entry.js} +1 -1
  123. package/dist/q2-tecton-elements/p-0b5fbbe8.entry.js +1 -0
  124. package/dist/q2-tecton-elements/p-0d00030f.entry.js +1 -0
  125. package/dist/q2-tecton-elements/{p-85cff6ec.entry.js → p-0e9c7220.entry.js} +1 -1
  126. package/dist/q2-tecton-elements/p-1b0f826e.entry.js +1 -0
  127. package/dist/q2-tecton-elements/p-1c430c2a.entry.js +1 -0
  128. package/dist/q2-tecton-elements/p-2d2008fd.entry.js +1 -0
  129. package/dist/q2-tecton-elements/p-34f99830.entry.js +1 -0
  130. package/dist/q2-tecton-elements/{p-ead64414.entry.js → p-35bde69c.entry.js} +1 -1
  131. package/dist/q2-tecton-elements/{p-d46efe36.entry.js → p-376988ef.entry.js} +1 -1
  132. package/dist/q2-tecton-elements/p-41fcf343.js +1 -0
  133. package/dist/q2-tecton-elements/p-49612230.entry.js +1 -0
  134. package/dist/q2-tecton-elements/{p-e3406026.entry.js → p-4b48fde6.entry.js} +1 -1
  135. package/dist/q2-tecton-elements/p-4ec2cb69.entry.js +1 -0
  136. package/dist/q2-tecton-elements/{p-ea2a290e.entry.js → p-5270b0ff.entry.js} +1 -1
  137. package/dist/q2-tecton-elements/{p-dc1ef3fa.entry.js → p-5e990654.entry.js} +1 -1
  138. package/dist/q2-tecton-elements/{p-60400f59.entry.js → p-60a7a11e.entry.js} +1 -1
  139. package/dist/q2-tecton-elements/p-677faf2c.entry.js +1 -0
  140. package/dist/q2-tecton-elements/p-6e10db80.entry.js +1 -0
  141. package/dist/q2-tecton-elements/p-6f884c60.entry.js +1 -0
  142. package/dist/q2-tecton-elements/{p-991d7d22.entry.js → p-822d3d6c.entry.js} +1 -1
  143. package/dist/q2-tecton-elements/p-8584c6bc.entry.js +1 -0
  144. package/dist/q2-tecton-elements/p-87766054.entry.js +1 -0
  145. package/dist/q2-tecton-elements/{p-b0dc920c.entry.js → p-879aa7ac.entry.js} +2 -2
  146. package/dist/q2-tecton-elements/p-92e9f290.entry.js +1 -0
  147. package/dist/q2-tecton-elements/{p-627df469.entry.js → p-b6c45ef6.entry.js} +1 -1
  148. package/dist/q2-tecton-elements/{p-cf9e8120.entry.js → p-b7dc4e93.entry.js} +1 -1
  149. package/dist/q2-tecton-elements/p-c59d601e.entry.js +1 -0
  150. package/dist/q2-tecton-elements/p-d040bf99.entry.js +1 -0
  151. package/dist/q2-tecton-elements/p-d79386c6.entry.js +1 -0
  152. package/dist/q2-tecton-elements/{p-fbfb3615.entry.js → p-dd3f64a7.entry.js} +1 -1
  153. package/dist/q2-tecton-elements/{p-58e42fc5.entry.js → p-dd792081.entry.js} +1 -1
  154. package/dist/q2-tecton-elements/p-ef2f68b2.entry.js +1 -0
  155. package/dist/q2-tecton-elements/{p-9b2bc894.entry.js → p-f617c54a.entry.js} +1 -1
  156. package/dist/q2-tecton-elements/p-f66adef0.entry.js +1 -0
  157. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  158. package/dist/types/components/q2-badge/index.d.ts +0 -1
  159. package/dist/types/components/q2-card/index.d.ts +1 -0
  160. package/dist/types/components/q2-input/index.d.ts +6 -2
  161. package/dist/types/components/q2-option/index.d.ts +2 -0
  162. package/dist/types/components/q2-select/index.d.ts +37 -24
  163. package/dist/types/components/q2-tooltip/index.d.ts +10 -0
  164. package/dist/types/components.d.ts +29 -0
  165. package/dist/types/utils/index.d.ts +3 -1
  166. package/dist/types/workspace/workspace/{tecton-production_release_1.15.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/elements/q2-tag-test.d.ts +0 -0
  167. package/dist/types/workspace/workspace/{tecton-production_release_1.15.x → Tecton_tecton-production_master}/packages/q2-tecton-elements/.stencil/test/helpers.d.ts +0 -0
  168. package/package.json +2 -2
  169. package/dist/cjs/q2-badge.cjs.entry.js +0 -41
  170. package/dist/esm/q2-badge.entry.js +0 -37
  171. package/dist/q2-tecton-elements/p-0e13d5ba.entry.js +0 -1
  172. package/dist/q2-tecton-elements/p-1b3c4cb2.entry.js +0 -1
  173. package/dist/q2-tecton-elements/p-2f13d873.entry.js +0 -1
  174. package/dist/q2-tecton-elements/p-37f1984c.entry.js +0 -1
  175. package/dist/q2-tecton-elements/p-3cfc0cb4.entry.js +0 -1
  176. package/dist/q2-tecton-elements/p-431bf43e.js +0 -1
  177. package/dist/q2-tecton-elements/p-50615a56.entry.js +0 -1
  178. package/dist/q2-tecton-elements/p-663cb6e8.entry.js +0 -1
  179. package/dist/q2-tecton-elements/p-6ced7858.entry.js +0 -1
  180. package/dist/q2-tecton-elements/p-704d7f41.entry.js +0 -1
  181. package/dist/q2-tecton-elements/p-7249de38.entry.js +0 -1
  182. package/dist/q2-tecton-elements/p-8a8c6374.entry.js +0 -1
  183. package/dist/q2-tecton-elements/p-8f815678.entry.js +0 -1
  184. package/dist/q2-tecton-elements/p-9af46ffc.entry.js +0 -1
  185. package/dist/q2-tecton-elements/p-9d8a963b.entry.js +0 -1
  186. package/dist/q2-tecton-elements/p-bd6c6239.entry.js +0 -1
  187. package/dist/q2-tecton-elements/p-c4eff511.entry.js +0 -1
  188. package/dist/q2-tecton-elements/p-d5ecb3ba.entry.js +0 -1
  189. package/dist/q2-tecton-elements/p-e0ddf788.entry.js +0 -1
  190. package/dist/q2-tecton-elements/p-e435159b.entry.js +0 -1
@@ -0,0 +1,276 @@
1
+ * {
2
+ box-sizing: border-box;
3
+ }
4
+
5
+ *:active {
6
+ outline: none;
7
+ }
8
+
9
+ *:focus {
10
+ outline: none;
11
+ box-shadow: var(--const-global-focus, 0 0 0 2px #33b4ff);
12
+ }
13
+
14
+ :host {
15
+ box-shadow: none !important;
16
+ }
17
+
18
+ ::-moz-focus-inner {
19
+ border: none;
20
+ }
21
+
22
+ input,
23
+ textarea,
24
+ button {
25
+ font-family: inherit;
26
+ font-size: inherit;
27
+ }
28
+
29
+ :host(.sr),
30
+ :host(.sr) button {
31
+ border: 0;
32
+ clip: rect(0 0 0 0);
33
+ height: 1px;
34
+ margin: -1px;
35
+ overflow: hidden;
36
+ padding: 0;
37
+ position: absolute;
38
+ width: 1px;
39
+ white-space: nowrap;
40
+ }
41
+
42
+ .sr,
43
+ .sr button {
44
+ border: 0;
45
+ clip: rect(0 0 0 0);
46
+ height: 1px;
47
+ margin: -1px;
48
+ overflow: hidden;
49
+ padding: 0;
50
+ position: absolute;
51
+ width: 1px;
52
+ white-space: nowrap;
53
+ }
54
+
55
+ .hidden {
56
+ display: none;
57
+ }
58
+
59
+ :host([hidden]) {
60
+ display: none;
61
+ }
62
+
63
+ .invisible {
64
+ visibility: hidden;
65
+ }
66
+
67
+ :host {
68
+ display: inline-block;
69
+ }
70
+
71
+ .tooltipped {
72
+ --comp-background: var(--tct-tooltip-background-color, var(--t-tooltip-background-color, var(--t-top-a3, rgba(13, 13, 13, 0.85))));
73
+ --comp-offset-default: calc(var(--app-scale-1x, 5px) * -1);
74
+ --comp-offset: var(--tct-tooltip-offset, var(--t-tooltip-offset, var(--comp-offset-default)));
75
+ --comp-position: var(--tct-tooltip-position, var(--t-tooltip-position, var(--app-scale-1x, 5px)));
76
+ --comp-body-offset-default: calc(var(--app-scale-3x, 15px) * -1);
77
+ --comp-body-offset: var(--tct-tooltip-body-offset, var(--t-tooltip-body-offset, var(--comp-body-offset-default)));
78
+ --comp-duration: var(--tct-tooltip-animation-duration, var(--t-tooltip-animation-duration, var(--app-duration-1, 0.2s)));
79
+ --comp-visible-duration: var(--tct-tooltip-animation-visible-duration, var(--t-tooltip-animation-visible-duration, 2s));
80
+ position: relative;
81
+ }
82
+ @keyframes tooltippedFade {
83
+ from {
84
+ opacity: 0;
85
+ }
86
+ to {
87
+ opacity: 1;
88
+ }
89
+ }
90
+ .tooltipped:before {
91
+ position: absolute;
92
+ z-index: 1000001;
93
+ width: 0;
94
+ height: 0;
95
+ color: var(--comp-background);
96
+ pointer-events: none;
97
+ content: "";
98
+ border: var(--tct-tooltip-arrow-size, var(--t-tooltip-arrow-size, var(--app-scale-1x, 5px))) solid transparent;
99
+ }
100
+ .tooltipped:after {
101
+ --comp-padding: var(--app-scale-1x, 5px) 8px;
102
+ position: absolute;
103
+ z-index: 1000000;
104
+ padding: var(--tct-tooltip-padding, var(--t-tooltip-padding, var(--comp-padding)));
105
+ font-weight: 600;
106
+ font-size: 12px;
107
+ line-height: 1.5;
108
+ color: var(--tct-tooltip-color, var(--t-tooltip-color, var(--app-white, #ffffff)));
109
+ text-align: center;
110
+ text-decoration: none;
111
+ text-shadow: none;
112
+ text-transform: none;
113
+ letter-spacing: normal;
114
+ word-wrap: break-word;
115
+ white-space: pre;
116
+ pointer-events: none;
117
+ content: attr(aria-label);
118
+ background: var(--comp-background);
119
+ border-radius: 3px;
120
+ }
121
+ .tooltipped[label][stencil-hydrated]:after {
122
+ content: attr(label);
123
+ }
124
+ .tooltipped:before, .tooltipped:after {
125
+ display: inline-block;
126
+ visibility: hidden;
127
+ opacity: 0;
128
+ transition: all var(--comp-duration) ease-in-out 0s;
129
+ }
130
+ .tooltipped:hover:before, .tooltipped:hover:after, .tooltipped:active:before, .tooltipped:active:after, .tooltipped:focus:before, .tooltipped:focus:after, .tooltipped:focus-within:before, .tooltipped:focus-within:after {
131
+ text-decoration: none;
132
+ visibility: visible;
133
+ opacity: 1;
134
+ }
135
+ .tooltipped:hover:before, .tooltipped:hover:after, .tooltipped:active:before, .tooltipped:active:after {
136
+ transition: all var(--comp-duration) ease-in-out;
137
+ }
138
+ .tooltipped:hover:before, .tooltipped:hover:after {
139
+ transition-delay: 1s;
140
+ }
141
+ .tooltipped:focus:before, .tooltipped:focus:after, .tooltipped:focus-within:before, .tooltipped:focus-within:after {
142
+ animation-timing-function: ease-in-out;
143
+ animation-fill-mode: forwards;
144
+ animation-name: tooltippedFade, tooltippedFade;
145
+ animation-direction: normal, reverse;
146
+ animation-duration: var(--comp-duration);
147
+ animation-delay: 0ms, calc(var(--comp-visible-duration) + var(--comp-duration));
148
+ }
149
+ .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:before, .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):hover:after, .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:before, .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):active:after, .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:before, .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus:after, .tooltipped:not([stencil-hydrated])[aria-label=""]:hover:before, .tooltipped:not([stencil-hydrated])[aria-label=""]:hover:after, .tooltipped:not([stencil-hydrated])[aria-label=""]:active:before, .tooltipped:not([stencil-hydrated])[aria-label=""]:active:after, .tooltipped:not([stencil-hydrated])[aria-label=""]:focus:before, .tooltipped:not([stencil-hydrated])[aria-label=""]:focus:after, .tooltipped:not([stencil-hydrated]):not([aria-label]):hover:before, .tooltipped:not([stencil-hydrated]):not([aria-label]):hover:after, .tooltipped:not([stencil-hydrated]):not([aria-label]):active:before, .tooltipped:not([stencil-hydrated]):not([aria-label]):active:after, .tooltipped:not([stencil-hydrated]):not([aria-label]):focus:before, .tooltipped:not([stencil-hydrated]):not([aria-label]):focus:after {
150
+ display: none;
151
+ }
152
+ .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:before, .tooltipped[stencil-hydrated]:not([label]):not([aria-label]):focus-within:after, .tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:before, .tooltipped:not([stencil-hydrated])[aria-label=""]:focus-within:after, .tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:before, .tooltipped:not([stencil-hydrated]):not([aria-label]):focus-within:after {
153
+ display: none;
154
+ }
155
+ .tooltipped-multiline:after {
156
+ width: max-content;
157
+ max-width: var(--tct-tooltip-max-width, var(--t-tooltip-max-width, 200px));
158
+ word-break: break-word;
159
+ word-wrap: normal;
160
+ white-space: pre-line;
161
+ border-collapse: separate;
162
+ text-align: left;
163
+ }
164
+ .tooltipped-multiline.tooltipped-s:after, .tooltipped-multiline.tooltipped-n:after {
165
+ right: auto;
166
+ left: 50%;
167
+ transform: translateX(-50%);
168
+ }
169
+ .tooltipped-multiline.tooltipped-w:after, .tooltipped-multiline.tooltipped-e:after {
170
+ right: 100%;
171
+ }
172
+ .tooltipped-multiline:hover:after, .tooltipped-multiline:active:after, .tooltipped-multiline:focus:after {
173
+ display: table-cell;
174
+ }
175
+ .tooltipped-multiline:focus-within:after {
176
+ display: table-cell;
177
+ }
178
+ .tooltipped-sticky:before, .tooltipped-sticky:after {
179
+ display: inline-block;
180
+ }
181
+ .tooltipped-sticky.tooltipped-multiline:after {
182
+ display: table-cell;
183
+ }
184
+ .tooltipped-s:after, .tooltipped-se:after, .tooltipped-sw:after {
185
+ top: 100%;
186
+ right: 50%;
187
+ margin-top: var(--comp-position);
188
+ }
189
+ .tooltipped-s:before, .tooltipped-se:before, .tooltipped-sw:before {
190
+ top: auto;
191
+ right: 50%;
192
+ bottom: var(--comp-offset);
193
+ margin-right: var(--comp-offset);
194
+ border-bottom-color: var(--comp-background);
195
+ }
196
+ .tooltipped-se:after {
197
+ right: auto;
198
+ left: 50%;
199
+ margin-left: var(--comp-body-offset);
200
+ }
201
+ .tooltipped-sw:after {
202
+ margin-right: var(--comp-body-offset);
203
+ }
204
+ .tooltipped-n:after, .tooltipped-ne:after, .tooltipped-nw:after {
205
+ right: 50%;
206
+ bottom: 100%;
207
+ margin-bottom: var(--comp-position);
208
+ }
209
+ .tooltipped-n:before, .tooltipped-ne:before, .tooltipped-nw:before {
210
+ top: var(--comp-offset);
211
+ right: 50%;
212
+ bottom: auto;
213
+ margin-right: var(--comp-offset);
214
+ border-top-color: var(--comp-background);
215
+ }
216
+ .tooltipped-ne:after {
217
+ right: auto;
218
+ left: 50%;
219
+ margin-left: var(--comp-body-offset);
220
+ }
221
+ .tooltipped-nw:after {
222
+ margin-right: var(--comp-body-offset);
223
+ }
224
+ .tooltipped-s:after, .tooltipped-n:after {
225
+ transform: translateX(50%);
226
+ }
227
+ .tooltipped-w:after {
228
+ right: 100%;
229
+ bottom: 50%;
230
+ margin-right: var(--comp-position);
231
+ transform: translateY(50%);
232
+ }
233
+ .tooltipped-w:before {
234
+ top: 50%;
235
+ bottom: 50%;
236
+ left: var(--comp-offset);
237
+ margin-top: var(--comp-offset);
238
+ border-left-color: var(--comp-background);
239
+ }
240
+ .tooltipped-e:after {
241
+ bottom: 50%;
242
+ left: 100%;
243
+ margin-left: var(--comp-position);
244
+ transform: translateY(50%);
245
+ }
246
+ .tooltipped-e:before {
247
+ top: 50%;
248
+ right: var(--comp-offset);
249
+ bottom: 50%;
250
+ margin-top: var(--comp-offset);
251
+ border-right-color: var(--comp-background);
252
+ }
253
+
254
+ .phone .tooltipped:not(.tooltip-popover):hover:before, .phone .tooltipped:not(.tooltip-popover):hover:after, .phone .tooltipped:not(.tooltip-popover):active:before, .phone .tooltipped:not(.tooltip-popover):active:after, .phone .tooltipped:not(.tooltip-popover):focus:before, .phone .tooltipped:not(.tooltip-popover):focus:after, .phone .tooltipped:not(.tooltip-popover):focus-within:before, .phone .tooltipped:not(.tooltip-popover):focus-within:after,
255
+ .tablet .tooltipped:not(.tooltip-popover):hover:before,
256
+ .tablet .tooltipped:not(.tooltip-popover):hover:after,
257
+ .tablet .tooltipped:not(.tooltip-popover):active:before,
258
+ .tablet .tooltipped:not(.tooltip-popover):active:after,
259
+ .tablet .tooltipped:not(.tooltip-popover):focus:before,
260
+ .tablet .tooltipped:not(.tooltip-popover):focus:after,
261
+ .tablet .tooltipped:not(.tooltip-popover):focus-within:before,
262
+ .tablet .tooltipped:not(.tooltip-popover):focus-within:after {
263
+ display: none;
264
+ }
265
+
266
+ .q2-tooltip-container {
267
+ display: inline-block;
268
+ transition: all var(--comp-duration) ease-in-out 0s;
269
+ }
270
+ .q2-tooltip-container.block {
271
+ display: block;
272
+ }
273
+ .q2-tooltip-container.persistent.tooltipped:before, .q2-tooltip-container.persistent.tooltipped:after {
274
+ visibility: visible;
275
+ opacity: 1;
276
+ }
@@ -8,7 +8,7 @@
8
8
 
9
9
  *:focus {
10
10
  outline: none;
11
- box-shadow: var(--const-global-focus);
11
+ box-shadow: var(--const-global-focus, 0 0 0 2px #33b4ff);
12
12
  }
13
13
 
14
14
  :host {
@@ -1,5 +1,8 @@
1
1
  import { h } from '@stencil/core';
2
- import smoothscroll from 'smoothscroll-polyfill';
2
+ import smoothScroll from 'smoothscroll-polyfill';
3
+ export function isRelatedTargetWithinHost(event, element) {
4
+ return event.relatedTarget !== element && !element.contains(event.relatedTarget);
5
+ }
3
6
  export function isEventFromElement(event, element) {
4
7
  var _a;
5
8
  return ((_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)[0]) === element;
@@ -10,7 +13,7 @@ export function overrideFocus(hostElement) {
10
13
  export function addSmoothScrollPolyfill() {
11
14
  if (!isSafari())
12
15
  return false;
13
- smoothscroll.polyfill();
16
+ smoothScroll.polyfill();
14
17
  return (window.__forceSmoothScrollPolyfill__ = true);
15
18
  }
16
19
  export function isFirefox() {
@@ -123,6 +126,7 @@ export function setPopProperties(target) {
123
126
  return (target.privatePopDirection = 'down');
124
127
  }
125
128
  else if (canShowFullSizeAbove || !minPopHeight) {
129
+ determinePopOffset(target);
126
130
  return (target.privatePopDirection = 'up');
127
131
  }
128
132
  // If full size will not fit and minHeight is set, then make as tall as possible
@@ -136,6 +140,18 @@ export function setPopProperties(target) {
136
140
  else {
137
141
  const maxAboveHeight = Math.max(topOffset, minPopHeight);
138
142
  dropdownContainer.style.maxHeight = `${maxAboveHeight}px`;
143
+ determinePopOffset(target);
139
144
  return (target.privatePopDirection = 'up');
140
145
  }
141
146
  }
147
+ const determinePopOffset = ({ dropdownContainer, inputField }) => {
148
+ var _a, _b;
149
+ if (!inputField)
150
+ return;
151
+ const inputFieldHeight = (_b = (_a = inputField.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.input-field')) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().height;
152
+ dropdownContainer.style.setProperty('--comp-dropup-offset', `${inputFieldHeight}px`);
153
+ };
154
+ export const resizeIframe = () => {
155
+ var _a, _b;
156
+ return (_b = (_a = window.TectonElements) === null || _a === void 0 ? void 0 : _a.resizeIframe) === null || _b === void 0 ? void 0 : _b.call(_a);
157
+ };
@@ -446,6 +446,9 @@ var smoothscroll = createCommonjsModule(function (module, exports) {
446
446
  }());
447
447
  });
448
448
 
449
+ function isRelatedTargetWithinHost(event, element) {
450
+ return event.relatedTarget !== element && !element.contains(event.relatedTarget);
451
+ }
449
452
  function isEventFromElement(event, element) {
450
453
  var _a;
451
454
  return ((_a = event.composedPath) === null || _a === void 0 ? void 0 : _a.call(event)[0]) === element;
@@ -559,6 +562,7 @@ function setPopProperties(target) {
559
562
  return (target.privatePopDirection = 'down');
560
563
  }
561
564
  else if (canShowFullSizeAbove || !minPopHeight) {
565
+ determinePopOffset(target);
562
566
  return (target.privatePopDirection = 'up');
563
567
  }
564
568
  // If full size will not fit and minHeight is set, then make as tall as possible
@@ -572,8 +576,20 @@ function setPopProperties(target) {
572
576
  else {
573
577
  const maxAboveHeight = Math.max(topOffset, minPopHeight);
574
578
  dropdownContainer.style.maxHeight = `${maxAboveHeight}px`;
579
+ determinePopOffset(target);
575
580
  return (target.privatePopDirection = 'up');
576
581
  }
577
582
  }
578
-
579
- export { isTouchDevice as a, addSmoothScrollPolyfill as b, createGuid as c, setMessageHeight as d, labelDOM as e, isFirefox as f, handleAriaLabel as h, isEventFromElement as i, loc as l, messagesDOM as m, nextPaint as n, overrideFocus as o, setPopProperties as s };
583
+ const determinePopOffset = ({ dropdownContainer, inputField }) => {
584
+ var _a, _b;
585
+ if (!inputField)
586
+ return;
587
+ const inputFieldHeight = (_b = (_a = inputField.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('.input-field')) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().height;
588
+ dropdownContainer.style.setProperty('--comp-dropup-offset', `${inputFieldHeight}px`);
589
+ };
590
+ const resizeIframe = () => {
591
+ var _a, _b;
592
+ return (_b = (_a = window.TectonElements) === null || _a === void 0 ? void 0 : _a.resizeIframe) === null || _b === void 0 ? void 0 : _b.call(_a);
593
+ };
594
+
595
+ export { isTouchDevice as a, isRelatedTargetWithinHost as b, createGuid as c, addSmoothScrollPolyfill as d, setMessageHeight as e, labelDOM as f, isFirefox as g, handleAriaLabel as h, isEventFromElement as i, loc as l, messagesDOM as m, nextPaint as n, overrideFocus as o, resizeIframe as r, setPopProperties as s };
@@ -10,7 +10,7 @@ const patchEsm = () => {
10
10
  const defineCustomElements = (win, options) => {
11
11
  if (typeof window === 'undefined') return Promise.resolve();
12
12
  return patchEsm().then(() => {
13
- return bootstrapLazy(JSON.parse("[[\"q2-icon\",[[1,\"q2-icon\",{\"type\":[513],\"label\":[513]}]]],[\"q2-calendar\",[[1,\"q2-calendar\",{\"value\":[1537],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"aria-label\"],\"optional\":[516],\"disabled\":[516],\"readonly\":[516],\"invalid\":[1540],\"typeable\":[516],\"placeholder\":[513],\"buttonLabel\":[513,\"button-label\"],\"disabledMsg\":[513,\"disabled-msg\"],\"calendarLabel\":[513,\"calendar-label\"],\"disclaimer\":[513],\"displayFormat\":[513,\"display-format\"],\"startDate\":[513,\"start-date\"],\"endDate\":[513,\"end-date\"],\"cutoffTime\":[513,\"cutoff-time\"],\"daysOfWeekChecksum\":[514,\"days-of-week-checksum\"],\"popDirection\":[513,\"pop-direction\"],\"assume\":[513],\"errors\":[1040],\"invalidDates\":[16],\"validDates\":[16],\"onsuccess\":[16],\"dropdownOpen\":[32],\"keyboardSelection\":[32],\"typedValue\":[32],\"dateList\":[32],\"hintMessage\":[32],\"hintMessageType\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"error\",\"defaultErrorHandler\"],[0,\"success\",\"defaultSuccessHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-dropdown\",[[1,\"q2-dropdown\",{\"type\":[513],\"icon\":[513],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"aria-label\"],\"disabled\":[516],\"popDirection\":[513,\"pop-direction\"],\"name\":[513],\"context\":[513],\"contextValue\":[513,\"context-value\"],\"resolvedType\":[513,\"resolved-type\"],\"block\":[516],\"dropdownOpen\":[32]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-select\",[[1,\"q2-select\",{\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"value\":[1025],\"ariaLabel\":[513,\"aria-label\"],\"selectedOptions\":[1032,\"selected-options\"],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"errors\":[16],\"multiple\":[516],\"minRows\":[2,\"min-rows\"],\"popDirection\":[513,\"pop-direction\"],\"searchable\":[516],\"multilineOptions\":[516,\"multiline-options\"],\"optional\":[516],\"dropdownOpen\":[32],\"onlyShowingSelected\":[32],\"activeOptionId\":[32],\"searchText\":[32],\"hasCustomDisplay\":[32],\"inputFocused\":[32],\"statusMessage\":[32]},[[0,\"change\",\"onHostElementChange\"],[0,\"input\",\"onHostElementInput\"],[0,\"focus\",\"delegateFocus\"],[0,\"click\",\"clickHandler\"],[0,\"keydown\",\"keydownHandler\"]]]]],[\"q2-editable-field\",[[1,\"q2-editable-field\",{\"value\":[1537],\"editing\":[1540],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"type\":[513],\"formatModifier\":[513,\"format-modifier\"],\"truncated\":[513],\"maxlength\":[514],\"persistentLabel\":[516,\"persistent-label\"],\"disabled\":[516],\"hints\":[16],\"errors\":[16]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pagination\",[[1,\"q2-pagination\",{\"recordType\":[1,\"record-type\"],\"perPage\":[2,\"per-page\"],\"total\":[514],\"page\":[1538],\"pages\":[1538],\"recordsOnly\":[1540,\"records-only\"],\"pagesOnly\":[1540,\"pages-only\"],\"isSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-tab-container\",[[1,\"q2-tab-container\",{\"value\":[1537],\"type\":[513],\"name\":[513],\"color\":[513],\"noPrint\":[516,\"no-print\"],\"hasLeft\":[32],\"hasRight\":[32],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"tabs\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[9,\"resize\",\"onResize\"],[0,\"focus\",\"onFocus\"],[0,\"badge\",\"onBadge\"]]]]],[\"q2-carousel\",[[4,\"q2-carousel\",{\"autoPlay\":[516,\"auto-play\"],\"fullWidthPanes\":[516,\"full-width-panes\"],\"hidePagination\":[516,\"hide-pagination\"],\"showNavigationArrows\":[516,\"show-navigation-arrows\"],\"ariaLabel\":[513,\"aria-label\"],\"label\":[513],\"index\":[1538],\"universalCarouselOptions\":[32],\"fullWidthDisplayOptions\":[32],\"activePaneIndex\":[32],\"applyFocus\":[32],\"applyPaginationFocus\":[32],\"autoPlayInProgress\":[32],\"compactMode\":[32],\"carouselWrapperWidth\":[32]},[[0,\"change\",\"onHostElementChange\"],[0,\"clickCarouselPane\",\"carouselPaneClicked\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-section\",[[1,\"q2-section\",{\"label\":[513],\"collapsible\":[516],\"noCollapseIcon\":[516,\"no-collapse-icon\"],\"expanded\":[1540],\"contentHeight\":[32],\"hasYieldedHeader\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper\",[[1,\"q2-stepper\",{\"currentStep\":[1538,\"current-step\"],\"stepCount\":[1026,\"step-count\"],\"lastEnabledStep\":[1026,\"last-enabled-step\"],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-card\",[[1,\"q2-card\",{\"title\":[513],\"description\":[513],\"avatarName\":[513,\"avatar-name\"],\"avatarInitials\":[513,\"avatar-initials\"],\"avatarIcon\":[513,\"avatar-icon\"],\"avatarSrc\":[513,\"avatar-src\"],\"isSmall\":[516,\"is-small\"],\"bar\":[513],\"isTouch\":[516,\"is-touch\"],\"url\":[513],\"target\":[513],\"isAutoTouch\":[32],\"isAutoSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-chart-donut\",[[1,\"q2-chart-donut\",{\"chartName\":[513,\"chart-name\"],\"summaryIcon\":[513,\"summary-icon\"],\"summaryName\":[513,\"summary-name\"],\"innerRadius\":[1025,\"inner-radius\"],\"outerRadius\":[1025,\"outer-radius\"],\"selectedOffset\":[2,\"selected-offset\"],\"hoverScaleSize\":[2,\"hover-scale-size\"],\"format\":[513],\"isClickable\":[516,\"is-clickable\"],\"data\":[16],\"selectedId\":[32],\"hoveredId\":[32],\"selectById\":[64],\"selectByIndex\":[64],\"clearSelection\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pill\",[[1,\"q2-pill\",{\"disabled\":[516],\"active\":[1540],\"open\":[1540],\"multiple\":[516],\"maxLength\":[514,\"max-length\"],\"label\":[513],\"value\":[513],\"theme\":[513],\"selectedOptions\":[1040],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-tag\",[[1,\"q2-tag\",{\"open\":[1540],\"role\":[513],\"label\":[513],\"theme\":[513],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-checkbox\",[[1,\"q2-checkbox\",{\"checked\":[1540],\"type\":[513],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"indeterminate\":[516],\"disabled\":[516],\"readonly\":[516],\"value\":[513],\"name\":[513],\"hasError\":[516,\"has-error\"],\"groupDisabled\":[516,\"group-disabled\"],\"alignment\":[513],\"description\":[513]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-checkbox-group\",[[1,\"q2-checkbox-group\",{\"label\":[513],\"value\":[1040],\"disabled\":[516],\"readonly\":[516],\"optional\":[516],\"hasError\":[516,\"has-error\"]},[[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-option\",[[1,\"q2-option\",{\"role\":[513],\"tabindex\":[513],\"display\":[513],\"value\":[513],\"disabled\":[516],\"optionId\":[513,\"option-id\"],\"disabledGroup\":[516,\"disabled-group\"],\"selected\":[516],\"hidden\":[516],\"multiline\":[516],\"active\":[516],\"noSelect\":[516,\"_no-select\"],\"_multiSelectHidden\":[516,\"_multiselecthidden\"]}]]],[\"q2-radio-group\",[[1,\"q2-radio-group\",{\"label\":[513],\"value\":[1025],\"disabled\":[516],\"name\":[513],\"optional\":[516],\"readonly\":[516],\"tileLayout\":[516,\"tile-layout\"],\"tileAlignment\":[513,\"tile-alignment\"],\"hasError\":[516,\"has-error\"],\"tilelayout\":[516]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"],[0,\"keydown\",\"keydownHandler\"]]]]],[\"q2-stepper-vertical\",[[1,\"q2-stepper-vertical\",{\"currentStepId\":[1537,\"current-step-id\"],\"structuredPanes\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-textarea\",[[1,\"q2-textarea\",{\"value\":[1025],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"hideMessages\":[516,\"hide-messages\"],\"optional\":[516],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[516],\"spellcheck\":[516],\"maxlength\":[1538],\"rows\":[514],\"cols\":[514],\"resize\":[513],\"errors\":[16],\"hints\":[16],\"hasFocus\":[32],\"downParams\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-carousel-pane\",[[4,\"q2-carousel-pane\",{\"index\":[2],\"siblingCount\":[2,\"sibling-count\"],\"isActivePane\":[516,\"is-active-pane\"],\"label\":[513]}]]],[\"q2-loading-element\",[[0,\"q2-loading-element\",{\"shape\":[513],\"width\":[513],\"height\":[513],\"borderRadius\":[513,\"border-radius\"]}]]],[\"q2-loc\",[[1,\"q2-loc\",{\"value\":[513],\"substitutions\":[16]}]]],[\"q2-optgroup\",[[1,\"q2-optgroup\",{\"disabled\":[516],\"label\":[513],\"hidden\":[32]}]]],[\"q2-radio\",[[1,\"q2-radio\",{\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"value\":[513],\"disabled\":[516],\"checked\":[516],\"name\":[513],\"ariaLabel\":[513,\"aria-label\"],\"groupDisabled\":[4,\"group-disabled\"],\"groupReadonly\":[4,\"group-readonly\"],\"groupTileLayout\":[4,\"group-tile-layout\"]},[[0,\"click\",\"onHostClick\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper-pane\",[[1,\"q2-stepper-pane\",{\"label\":[513],\"description\":[513],\"isActive\":[516,\"is-active\"],\"showWithChildren\":[516,\"show-with-children\"],\"status\":[513],\"isChildActive\":[32]},[[0,\"activeChange\",\"checkForActiveChildren\"]]]]],[\"q2-tab-pane\",[[1,\"q2-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"index\":[2],\"guid\":[2]}]]],[\"tecton-tab-pane\",[[1,\"tecton-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"index\":[2],\"guid\":[2],\"provided\":[516],\"url\":[513],\"moduleId\":[513,\"module-id\"],\"minHeight\":[513,\"min-height\"],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"authPayload\":[16],\"showForm\":[4,\"show-form\"],\"_showForm\":[32]}]]],[\"q2-dropdown-item\",[[1,\"q2-dropdown-item\",{\"disabled\":[516],\"removable\":[516],\"separator\":[516],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"value\":[513]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-avatar\",[[1,\"q2-avatar\",{\"name\":[513],\"initials\":[513],\"src\":[513],\"icon\":[1],\"badSrc\":[32],\"isLoaded\":[32]}]]],[\"q2-message\",[[1,\"q2-message\",{\"type\":[513],\"appearance\":[513],\"description\":[516],\"presentToggle\":[32],\"present\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-badge\",[[1,\"q2-badge\",{\"value\":[514],\"maxLength\":[514,\"max-length\"],\"position\":[513],\"size\":[513],\"theme\":[513],\"status\":[513]}]]],[\"q2-option-list\",[[1,\"q2-option-list\",{\"role\":[513],\"direction\":[513],\"open\":[1540],\"customSearch\":[516,\"custom-search\"],\"noSelect\":[516,\"no-select\"],\"align\":[513],\"selectedOptions\":[1040],\"multiple\":[516],\"disabled\":[516],\"type\":[1],\"hasOptions\":[32],\"toggle\":[64],\"setDefaultActiveElement\":[64],\"setActiveElement\":[64],\"handleExternalKeydown\":[64]},[[0,\"focus\",\"delegateFocus\"],[0,\"click\",\"handleClick\"]]]]],[\"q2-btn_2\",[[1,\"q2-btn\",{\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaHasPopup\":[1,\"aria-has-popup\"],\"ariaControls\":[1,\"aria-controls\"],\"ariaSelected\":[1,\"aria-selected\"],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"aria-label\"],\"tabIndex\":[2,\"tab-index\"],\"intent\":[513],\"disabled\":[516],\"type\":[513],\"loading\":[516],\"badge\":[516],\"active\":[516],\"fab\":[516],\"block\":[516],\"iconPosition\":[32]},[[2,\"click\",\"disable\"],[0,\"focus\",\"delegateFocus\"]]],[1,\"q2-loading\",{\"type\":[513],\"shape\":[513],\"modifiers\":[513],\"counts\":[513],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"inline\":[516]}]]],[\"q2-input\",[[1,\"q2-input\",{\"value\":[1025],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"type\":[513],\"placeholder\":[513],\"disabled\":[516],\"autocomplete\":[513],\"autocorrect\":[513],\"autocapitalize\":[513],\"hideMessages\":[516,\"hide-messages\"],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"readonly\":[516],\"clearable\":[516],\"optional\":[516],\"min\":[514],\"max\":[514],\"step\":[514],\"formatModifier\":[513,\"format-modifier\"],\"maxlength\":[1538],\"pseudo\":[516],\"showVisibilityToggle\":[516,\"show-visibility-toggle\"],\"textHidden\":[1540,\"text-hidden\"],\"ariaControls\":[1,\"aria-controls\"],\"role\":[1],\"ariaOwns\":[1,\"aria-owns\"],\"ariaLabel\":[513,\"aria-label\"],\"ariaHaspopup\":[1,\"aria-haspopup\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaActivedescendant\":[8,\"aria-activedescendant\"],\"current\":[1],\"errors\":[16],\"hints\":[16],\"formattedValueObject\":[32],\"hasFocus\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]]]],[\"click-elsewhere\",[[0,\"click-elsewhere\"]]]]"), options);
13
+ return bootstrapLazy(JSON.parse("[[\"q2-icon\",[[1,\"q2-icon\",{\"type\":[513],\"label\":[513]}]]],[\"q2-calendar\",[[1,\"q2-calendar\",{\"value\":[1537],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"aria-label\"],\"optional\":[516],\"disabled\":[516],\"readonly\":[516],\"invalid\":[1540],\"typeable\":[516],\"placeholder\":[513],\"buttonLabel\":[513,\"button-label\"],\"disabledMsg\":[513,\"disabled-msg\"],\"calendarLabel\":[513,\"calendar-label\"],\"disclaimer\":[513],\"displayFormat\":[513,\"display-format\"],\"startDate\":[513,\"start-date\"],\"endDate\":[513,\"end-date\"],\"cutoffTime\":[513,\"cutoff-time\"],\"daysOfWeekChecksum\":[514,\"days-of-week-checksum\"],\"popDirection\":[513,\"pop-direction\"],\"assume\":[513],\"errors\":[1040],\"invalidDates\":[16],\"validDates\":[16],\"onsuccess\":[16],\"dropdownOpen\":[32],\"keyboardSelection\":[32],\"typedValue\":[32],\"dateList\":[32],\"hintMessage\":[32],\"hintMessageType\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"error\",\"defaultErrorHandler\"],[0,\"success\",\"defaultSuccessHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-select\",[[1,\"q2-select\",{\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"value\":[1025],\"ariaLabel\":[1537,\"aria-label\"],\"selectedOptions\":[1032,\"selected-options\"],\"disabled\":[516],\"readonly\":[516],\"invalid\":[516],\"errors\":[16],\"multiple\":[516],\"minRows\":[2,\"min-rows\"],\"popDirection\":[513,\"pop-direction\"],\"searchable\":[516],\"multilineOptions\":[516,\"multiline-options\"],\"optional\":[516],\"dropdownOpen\":[32],\"onlyShowingSelected\":[32],\"activeOptionId\":[32],\"searchText\":[32],\"hasCustomDisplay\":[32],\"inputFocused\":[32],\"statusMessage\":[32],\"prioritizeSearch\":[32]},[[0,\"keydown\",\"keydownHandler\"],[0,\"change\",\"onHostElementChange\"],[0,\"input\",\"onHostElementInput\"],[0,\"focus\",\"delegateFocus\"],[0,\"focusout\",\"handleFocusout\"],[0,\"click\",\"clickHandler\"]]]]],[\"q2-dropdown\",[[1,\"q2-dropdown\",{\"type\":[513],\"icon\":[513],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"ariaLabel\":[513,\"aria-label\"],\"disabled\":[516],\"popDirection\":[513,\"pop-direction\"],\"name\":[513],\"context\":[513],\"contextValue\":[513,\"context-value\"],\"resolvedType\":[513,\"resolved-type\"],\"block\":[516],\"dropdownOpen\":[32]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-editable-field\",[[1,\"q2-editable-field\",{\"value\":[1537],\"editing\":[1540],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"type\":[513],\"formatModifier\":[513,\"format-modifier\"],\"truncated\":[513],\"maxlength\":[514],\"persistentLabel\":[516,\"persistent-label\"],\"disabled\":[516],\"hints\":[16],\"errors\":[16]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pagination\",[[1,\"q2-pagination\",{\"recordType\":[1,\"record-type\"],\"perPage\":[2,\"per-page\"],\"total\":[514],\"page\":[1538],\"pages\":[1538],\"recordsOnly\":[1540,\"records-only\"],\"pagesOnly\":[1540,\"pages-only\"],\"isSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-tab-container\",[[1,\"q2-tab-container\",{\"value\":[1537],\"type\":[513],\"name\":[513],\"color\":[513],\"noPrint\":[516,\"no-print\"],\"hasLeft\":[32],\"hasRight\":[32],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32],\"tabs\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[9,\"resize\",\"onResize\"],[0,\"focus\",\"onFocus\"],[0,\"badge\",\"onBadge\"]]]]],[\"q2-carousel\",[[4,\"q2-carousel\",{\"autoPlay\":[516,\"auto-play\"],\"fullWidthPanes\":[516,\"full-width-panes\"],\"hidePagination\":[516,\"hide-pagination\"],\"showNavigationArrows\":[516,\"show-navigation-arrows\"],\"ariaLabel\":[513,\"aria-label\"],\"label\":[513],\"index\":[1538],\"universalCarouselOptions\":[32],\"fullWidthDisplayOptions\":[32],\"activePaneIndex\":[32],\"applyFocus\":[32],\"applyPaginationFocus\":[32],\"autoPlayInProgress\":[32],\"compactMode\":[32],\"carouselWrapperWidth\":[32]},[[0,\"change\",\"onHostElementChange\"],[0,\"clickCarouselPane\",\"carouselPaneClicked\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-section\",[[1,\"q2-section\",{\"label\":[513],\"collapsible\":[516],\"noCollapseIcon\":[516,\"no-collapse-icon\"],\"expanded\":[1540],\"contentHeight\":[32],\"hasYieldedHeader\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper\",[[1,\"q2-stepper\",{\"currentStep\":[1538,\"current-step\"],\"stepCount\":[1026,\"step-count\"],\"lastEnabledStep\":[1026,\"last-enabled-step\"],\"scrollEnabled\":[32],\"showScrollLeft\":[32],\"showScrollRight\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-card\",[[1,\"q2-card\",{\"title\":[513],\"description\":[513],\"avatarName\":[513,\"avatar-name\"],\"avatarInitials\":[513,\"avatar-initials\"],\"avatarIcon\":[513,\"avatar-icon\"],\"avatarSrc\":[513,\"avatar-src\"],\"isSmall\":[516,\"is-small\"],\"bar\":[513],\"isStatic\":[516,\"is-static\"],\"isTouch\":[516,\"is-touch\"],\"url\":[513],\"target\":[513],\"isAutoTouch\":[32],\"isAutoSmall\":[32]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-chart-donut\",[[1,\"q2-chart-donut\",{\"chartName\":[513,\"chart-name\"],\"summaryIcon\":[513,\"summary-icon\"],\"summaryName\":[513,\"summary-name\"],\"innerRadius\":[1025,\"inner-radius\"],\"outerRadius\":[1025,\"outer-radius\"],\"selectedOffset\":[2,\"selected-offset\"],\"hoverScaleSize\":[2,\"hover-scale-size\"],\"format\":[513],\"isClickable\":[516,\"is-clickable\"],\"data\":[16],\"selectedId\":[32],\"hoveredId\":[32],\"selectById\":[64],\"selectByIndex\":[64],\"clearSelection\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-pill\",[[1,\"q2-pill\",{\"disabled\":[516],\"active\":[1540],\"open\":[1540],\"multiple\":[516],\"maxLength\":[514,\"max-length\"],\"label\":[513],\"value\":[513],\"theme\":[513],\"selectedOptions\":[1040],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-tag\",[[1,\"q2-tag\",{\"open\":[1540],\"role\":[513],\"label\":[513],\"theme\":[513],\"hasOptions\":[32]},[[0,\"focus\",\"delegateFocus\"],[0,\"optionListState\",\"optionListStateEvent\"]]]]],[\"q2-checkbox\",[[1,\"q2-checkbox\",{\"checked\":[1540],\"type\":[513],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"indeterminate\":[516],\"disabled\":[516],\"readonly\":[516],\"value\":[513],\"name\":[513],\"hasError\":[516,\"has-error\"],\"groupDisabled\":[516,\"group-disabled\"],\"alignment\":[513],\"description\":[513]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-checkbox-group\",[[1,\"q2-checkbox-group\",{\"label\":[513],\"value\":[1040],\"disabled\":[516],\"readonly\":[516],\"optional\":[516],\"hasError\":[516,\"has-error\"]},[[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-option\",[[1,\"q2-option\",{\"role\":[513],\"tabindex\":[513],\"display\":[1025],\"value\":[513],\"disabled\":[516],\"optionId\":[513,\"option-id\"],\"disabledGroup\":[516,\"disabled-group\"],\"selected\":[516],\"hidden\":[516],\"multiline\":[516],\"active\":[516],\"noSelect\":[516,\"_no-select\"],\"_multiSelectHidden\":[516,\"_multiselecthidden\"]}]]],[\"q2-radio-group\",[[1,\"q2-radio-group\",{\"label\":[513],\"value\":[1025],\"disabled\":[516],\"name\":[513],\"optional\":[516],\"readonly\":[516],\"tileLayout\":[516,\"tile-layout\"],\"tileAlignment\":[513,\"tile-alignment\"],\"hasError\":[516,\"has-error\"],\"tilelayout\":[516]},[[0,\"change\",\"onHostElementChange\"],[0,\"focus\",\"delegateFocus\"],[0,\"keydown\",\"keydownHandler\"]]]]],[\"q2-stepper-vertical\",[[1,\"q2-stepper-vertical\",{\"currentStepId\":[1537,\"current-step-id\"],\"structuredPanes\":[32]},[[0,\"change\",\"defaultChangeHandler\"],[0,\"focus\",\"delegateFocus\"],[0,\"statusChange\",\"statusChangeHandler\"]]]]],[\"q2-textarea\",[[1,\"q2-textarea\",{\"value\":[1025],\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"hideMessages\":[516,\"hide-messages\"],\"optional\":[516],\"placeholder\":[513],\"disabled\":[516],\"readonly\":[516],\"spellcheck\":[516],\"maxlength\":[1538],\"rows\":[514],\"cols\":[514],\"resize\":[513],\"errors\":[16],\"hints\":[16],\"hasFocus\":[32],\"downParams\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]]]],[\"q2-carousel-pane\",[[4,\"q2-carousel-pane\",{\"index\":[2],\"siblingCount\":[2,\"sibling-count\"],\"isActivePane\":[516,\"is-active-pane\"],\"label\":[513]}]]],[\"q2-loading-element\",[[0,\"q2-loading-element\",{\"shape\":[513],\"width\":[513],\"height\":[513],\"borderRadius\":[513,\"border-radius\"]}]]],[\"q2-loc\",[[1,\"q2-loc\",{\"value\":[513],\"substitutions\":[16]}]]],[\"q2-optgroup\",[[1,\"q2-optgroup\",{\"disabled\":[516],\"label\":[513],\"hidden\":[32]}]]],[\"q2-radio\",[[1,\"q2-radio\",{\"label\":[513],\"hideLabel\":[516,\"hide-label\"],\"value\":[513],\"disabled\":[516],\"checked\":[516],\"name\":[513],\"ariaLabel\":[513,\"aria-label\"],\"groupDisabled\":[4,\"group-disabled\"],\"groupReadonly\":[4,\"group-readonly\"],\"groupTileLayout\":[4,\"group-tile-layout\"]},[[0,\"click\",\"onHostClick\"],[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-stepper-pane\",[[1,\"q2-stepper-pane\",{\"label\":[513],\"description\":[513],\"isActive\":[516,\"is-active\"],\"showWithChildren\":[516,\"show-with-children\"],\"status\":[513],\"isChildActive\":[32]},[[0,\"activeChange\",\"checkForActiveChildren\"]]]]],[\"q2-tab-pane\",[[1,\"q2-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"index\":[2],\"guid\":[2]}]]],[\"q2-tooltip\",[[1,\"q2-tooltip\",{\"label\":[513],\"block\":[516],\"multiline\":[516],\"persistent\":[516],\"position\":[513]}]]],[\"tecton-tab-pane\",[[1,\"tecton-tab-pane\",{\"value\":[513],\"label\":[513],\"name\":[513],\"selected\":[516],\"index\":[2],\"guid\":[2],\"provided\":[516],\"url\":[513],\"moduleId\":[513,\"module-id\"],\"minHeight\":[513,\"min-height\"],\"badgeCount\":[514,\"badge-count\"],\"badgeDescription\":[513,\"badge-description\"],\"authPayload\":[16],\"showForm\":[4,\"show-form\"],\"_showForm\":[32]}]]],[\"q2-dropdown-item\",[[1,\"q2-dropdown-item\",{\"disabled\":[516],\"removable\":[516],\"separator\":[516],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"value\":[513]},[[0,\"focus\",\"onHostElementFocus\"]]]]],[\"q2-avatar\",[[1,\"q2-avatar\",{\"name\":[513],\"initials\":[513],\"src\":[513],\"icon\":[1],\"badSrc\":[32],\"isLoaded\":[32]}]]],[\"q2-message\",[[1,\"q2-message\",{\"type\":[513],\"appearance\":[513],\"description\":[516],\"presentToggle\":[32],\"present\":[64]},[[0,\"focus\",\"delegateFocus\"]]]]],[\"q2-option-list\",[[1,\"q2-option-list\",{\"role\":[513],\"direction\":[513],\"open\":[1540],\"customSearch\":[516,\"custom-search\"],\"noSelect\":[516,\"no-select\"],\"align\":[513],\"selectedOptions\":[1040],\"multiple\":[516],\"disabled\":[516],\"type\":[1],\"hasOptions\":[32],\"toggle\":[64],\"setDefaultActiveElement\":[64],\"setActiveElement\":[64],\"handleExternalKeydown\":[64]},[[0,\"focus\",\"delegateFocus\"],[0,\"click\",\"handleClick\"]]]]],[\"click-elsewhere\",[[0,\"click-elsewhere\"]]],[\"q2-btn_2\",[[1,\"q2-btn\",{\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaHasPopup\":[1,\"aria-has-popup\"],\"ariaControls\":[1,\"aria-controls\"],\"ariaSelected\":[1,\"aria-selected\"],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"ariaLabel\":[1537,\"aria-label\"],\"tabIndex\":[2,\"tab-index\"],\"intent\":[513],\"disabled\":[516],\"type\":[513],\"loading\":[516],\"badge\":[516],\"active\":[516],\"fab\":[516],\"block\":[516],\"iconPosition\":[32]},[[2,\"click\",\"disable\"],[0,\"focus\",\"delegateFocus\"]]],[1,\"q2-loading\",{\"type\":[513],\"shape\":[513],\"modifiers\":[513],\"counts\":[513],\"label\":[513],\"ariaLabel\":[513,\"aria-label\"],\"inline\":[516]}]]],[\"q2-badge_2\",[[1,\"q2-input\",{\"value\":[1025],\"label\":[1537],\"hideLabel\":[1540,\"hide-label\"],\"type\":[513],\"placeholder\":[513],\"disabled\":[516],\"autocomplete\":[513],\"autocorrect\":[513],\"autocapitalize\":[513],\"hideMessages\":[516,\"hide-messages\"],\"iconLeft\":[513,\"icon-left\"],\"iconRight\":[513,\"icon-right\"],\"readonly\":[516],\"clearable\":[516],\"optional\":[516],\"min\":[514],\"max\":[514],\"step\":[514],\"formatModifier\":[513,\"format-modifier\"],\"maxlength\":[1538],\"pseudo\":[516],\"showVisibilityToggle\":[516,\"show-visibility-toggle\"],\"textHidden\":[1540,\"text-hidden\"],\"badgeValue\":[513,\"badge-value\"],\"badgeTheme\":[513,\"badge-theme\"],\"ariaControls\":[1,\"aria-controls\"],\"role\":[1],\"ariaOwns\":[1,\"aria-owns\"],\"ariaLabel\":[1537,\"aria-label\"],\"ariaHaspopup\":[1,\"aria-haspopup\"],\"ariaExpanded\":[1,\"aria-expanded\"],\"ariaActivedescendant\":[8,\"aria-activedescendant\"],\"current\":[1],\"errors\":[16],\"hints\":[16],\"formattedValueObject\":[32],\"hasFocus\":[32]},[[0,\"focus\",\"onHostElementFocus\"],[0,\"change\",\"onHostElementChange\"]]],[1,\"q2-badge\",{\"value\":[514],\"maxLength\":[514,\"max-length\"],\"position\":[513],\"size\":[513],\"theme\":[513],\"status\":[513]}]]]]"), options);
14
14
  });
15
15
  };
16
16
 
@@ -1,7 +1,7 @@
1
1
  import { r as registerInstance, h, g as getElement } from './index-6d5ed7cc.js';
2
2
  import { i as icons } from './icons-ed54e307.js';
3
3
 
4
- const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.avatar-img{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:unset}.avatar-img-default{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:var(--tct-avatar-bg, #9e9e9e)}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background-color:var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 50px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-color, #ffffff);font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-br, var(--tct-avatar-img-br, 50%));background-color:var(--tct-avatar-fallback-bg, var(--tct-avatar-bg, #9e9e9e));display:flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-fallback-icon-size, 65%);--t-icon-fill:var(--tct-avatar-fallback-fill, transparent);--t-icon-stroke-primary:var(--tct-avatar-fallback-stroke-primary, currentcolor);--t-icon-stroke-secondary:var(--tct-avatar-fallback-stroke-secondary, currentcolor);color:var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff)));width:var(--t-icon-size);height:var(--t-icon-size)}";
4
+ const stylesCss = "*{box-sizing:border-box}*:active{outline:none}*:focus{outline:none;box-shadow:var(--const-global-focus, 0 0 0 2px #33b4ff)}:host{box-shadow:none !important}::-moz-focus-inner{border:none}input,textarea,button{font-family:inherit;font-size:inherit}:host(.sr),:host(.sr) button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.sr,.sr button{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.hidden{display:none}:host([hidden]){display:none}.invisible{visibility:hidden}.avatar-img{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:unset}.avatar-img-default{object-fit:cover;height:var(--tct-avatar-img-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-img-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-img-br, 50%);background-color:var(--tct-avatar-bg, #9e9e9e)}.avatar-initials{height:var(--tct-avatar-height, 44px);width:var(--tct-avatar-width, 44px);background-color:var(--tct-avatar-bg, var(--t-gray-8, #9e9e9e));border-radius:var(--tct-avatar-br, 50%)}.size-1{--tct-avatar-font-size:var(--tct-avatar-size-1, 60px)}.size-2{--tct-avatar-font-size:var(--tct-avatar-size-2, 50px)}.size-3{--tct-avatar-font-size:var(--tct-avatar-size-3, 40px)}.size-4{--tct-avatar-font-size:var(--tct-avatar-size-4, 30px)}text{fill:var(--tct-avatar-color, #ffffff);font-weight:var(--tct-avatar-font-weight, 200);font-size:var(--tct-avatar-font-size, 40px)}.fallback{height:var(--tct-avatar-fallback-height, var(--tct-avatar-height, 44px));width:var(--tct-avatar-fallback-width, var(--tct-avatar-width, 44px));border-radius:var(--tct-avatar-fallback-br, var(--tct-avatar-img-br, 50%));background-color:var(--tct-avatar-fallback-bg, var(--tct-avatar-bg, #9e9e9e));display:flex;align-items:center;justify-content:center}q2-icon{--t-icon-size:var(--tct-avatar-fallback-icon-size, 65%);--t-icon-fill:var(--tct-avatar-fallback-fill, transparent);--t-icon-stroke-primary:var(--tct-avatar-fallback-stroke-primary, currentcolor);--t-icon-stroke-secondary:var(--tct-avatar-fallback-stroke-secondary, currentcolor);color:var(--tct-avatar-fallback-color, var(--tct-avatar-color, var(--t-base, #ffffff)));width:var(--t-icon-size);height:var(--t-icon-size)}";
5
5
 
6
6
  const Q2Avatar = class {
7
7
  constructor(hostRef) {