q2-tecton-elements 1.13.0 → 1.14.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 (159) hide show
  1. package/dist/cjs/click-elsewhere.cjs.entry.js +1 -1
  2. package/dist/cjs/{icons-08ffe5c9.js → icons-e2bc9ee9.js} +1 -1
  3. package/dist/cjs/{index-7febb200.js → index-0128397d.js} +41 -1
  4. package/dist/cjs/{index-dd823ee6.js → index-0fec9f3b.js} +1 -1
  5. package/dist/cjs/loader.cjs.js +2 -2
  6. package/dist/cjs/q2-avatar.cjs.entry.js +2 -2
  7. package/dist/cjs/q2-badge.cjs.entry.js +1 -1
  8. package/dist/cjs/q2-btn_2.cjs.entry.js +5 -5
  9. package/dist/cjs/q2-calendar.cjs.entry.js +5 -4
  10. package/dist/cjs/q2-card.cjs.entry.js +2 -2
  11. package/dist/cjs/q2-carousel-pane.cjs.entry.js +2 -2
  12. package/dist/cjs/q2-carousel.cjs.entry.js +2 -2
  13. package/dist/cjs/q2-chart-donut.cjs.entry.js +39976 -0
  14. package/dist/cjs/q2-checkbox-group.cjs.entry.js +2 -2
  15. package/dist/cjs/q2-checkbox.cjs.entry.js +10 -13
  16. package/dist/cjs/q2-dropdown-item.cjs.entry.js +2 -2
  17. package/dist/cjs/q2-dropdown.cjs.entry.js +4 -4
  18. package/dist/cjs/q2-editable-field.cjs.entry.js +2 -2
  19. package/dist/cjs/q2-icon.cjs.entry.js +3 -3
  20. package/dist/cjs/q2-input.cjs.entry.js +3 -3
  21. package/dist/cjs/q2-loading-element.cjs.entry.js +2 -2
  22. package/dist/cjs/q2-loc.cjs.entry.js +2 -2
  23. package/dist/cjs/q2-message.cjs.entry.js +2 -2
  24. package/dist/cjs/q2-optgroup.cjs.entry.js +2 -2
  25. package/dist/cjs/q2-option-list.cjs.entry.js +2 -2
  26. package/dist/cjs/q2-option.cjs.entry.js +1 -1
  27. package/dist/cjs/q2-pagination.cjs.entry.js +3 -3
  28. package/dist/cjs/q2-pill.cjs.entry.js +2 -2
  29. package/dist/cjs/q2-radio-group.cjs.entry.js +19 -11
  30. package/dist/cjs/q2-radio.cjs.entry.js +3 -3
  31. package/dist/cjs/q2-section.cjs.entry.js +2 -2
  32. package/dist/cjs/q2-select.cjs.entry.js +16 -8
  33. package/dist/cjs/q2-stepper-pane.cjs.entry.js +2 -2
  34. package/dist/cjs/q2-stepper-vertical.cjs.entry.js +2 -2
  35. package/dist/cjs/q2-stepper.cjs.entry.js +2 -2
  36. package/dist/cjs/q2-tab-container.cjs.entry.js +2 -2
  37. package/dist/cjs/q2-tab-pane.cjs.entry.js +1 -1
  38. package/dist/cjs/q2-tag.cjs.entry.js +2 -2
  39. package/dist/cjs/q2-tecton-elements.cjs.js +2 -2
  40. package/dist/cjs/q2-textarea.cjs.entry.js +2 -2
  41. package/dist/cjs/{shapes-305746b5.js → shapes-c1a60d46.js} +1 -1
  42. package/dist/cjs/tecton-tab-pane.cjs.entry.js +1 -1
  43. package/dist/collection/collection-manifest.json +1 -0
  44. package/dist/collection/components/q2-btn/index.js +18 -1
  45. package/dist/collection/components/q2-btn/styles.css +6 -0
  46. package/dist/collection/components/q2-calendar/index.js +2 -1
  47. package/dist/collection/components/q2-calendar/styles.css +7 -0
  48. package/dist/collection/components/q2-chart-donut/index.js +628 -0
  49. package/dist/collection/components/q2-chart-donut/styles.css +140 -0
  50. package/dist/collection/components/q2-checkbox/index.js +31 -16
  51. package/dist/collection/components/q2-checkbox/styles.css +111 -139
  52. package/dist/collection/components/q2-dropdown/index.js +18 -1
  53. package/dist/collection/components/q2-dropdown/styles.css +5 -0
  54. package/dist/collection/components/q2-input/index.js +18 -1
  55. package/dist/collection/components/q2-pagination/index.js +1 -1
  56. package/dist/collection/components/q2-radio/styles.css +21 -18
  57. package/dist/collection/components/q2-radio-group/index.js +44 -15
  58. package/dist/collection/components/q2-radio-group/styles.css +36 -32
  59. package/dist/collection/components/q2-select/index.js +13 -5
  60. package/dist/collection/components/q2-select/styles.css +7 -2
  61. package/dist/esm/click-elsewhere.entry.js +1 -1
  62. package/dist/esm/{icons-b1e11526.js → icons-ed54e307.js} +1 -1
  63. package/dist/esm/{index-0ff8de52.js → index-14e81efa.js} +1 -1
  64. package/dist/esm/{index-dbfb3ecc.js → index-6d5ed7cc.js} +41 -1
  65. package/dist/esm/loader.js +2 -2
  66. package/dist/esm/q2-avatar.entry.js +2 -2
  67. package/dist/esm/q2-badge.entry.js +1 -1
  68. package/dist/esm/q2-btn_2.entry.js +5 -5
  69. package/dist/esm/q2-calendar.entry.js +5 -4
  70. package/dist/esm/q2-card.entry.js +2 -2
  71. package/dist/esm/q2-carousel-pane.entry.js +2 -2
  72. package/dist/esm/q2-carousel.entry.js +2 -2
  73. package/dist/esm/q2-chart-donut.entry.js +39972 -0
  74. package/dist/esm/q2-checkbox-group.entry.js +2 -2
  75. package/dist/esm/q2-checkbox.entry.js +10 -13
  76. package/dist/esm/q2-dropdown-item.entry.js +2 -2
  77. package/dist/esm/q2-dropdown.entry.js +4 -4
  78. package/dist/esm/q2-editable-field.entry.js +2 -2
  79. package/dist/esm/q2-icon.entry.js +3 -3
  80. package/dist/esm/q2-input.entry.js +3 -3
  81. package/dist/esm/q2-loading-element.entry.js +2 -2
  82. package/dist/esm/q2-loc.entry.js +2 -2
  83. package/dist/esm/q2-message.entry.js +2 -2
  84. package/dist/esm/q2-optgroup.entry.js +2 -2
  85. package/dist/esm/q2-option-list.entry.js +2 -2
  86. package/dist/esm/q2-option.entry.js +1 -1
  87. package/dist/esm/q2-pagination.entry.js +3 -3
  88. package/dist/esm/q2-pill.entry.js +2 -2
  89. package/dist/esm/q2-radio-group.entry.js +19 -11
  90. package/dist/esm/q2-radio.entry.js +3 -3
  91. package/dist/esm/q2-section.entry.js +2 -2
  92. package/dist/esm/q2-select.entry.js +16 -8
  93. package/dist/esm/q2-stepper-pane.entry.js +2 -2
  94. package/dist/esm/q2-stepper-vertical.entry.js +2 -2
  95. package/dist/esm/q2-stepper.entry.js +2 -2
  96. package/dist/esm/q2-tab-container.entry.js +2 -2
  97. package/dist/esm/q2-tab-pane.entry.js +1 -1
  98. package/dist/esm/q2-tag.entry.js +2 -2
  99. package/dist/esm/q2-tecton-elements.js +2 -2
  100. package/dist/esm/q2-textarea.entry.js +2 -2
  101. package/dist/esm/{shapes-cff4e1f0.js → shapes-c32e3ba2.js} +1 -1
  102. package/dist/esm/tecton-tab-pane.entry.js +1 -1
  103. package/dist/q2-tecton-elements/p-0675f9c8.entry.js +1 -0
  104. package/dist/q2-tecton-elements/{p-fdfbe75b.entry.js → p-09464226.entry.js} +1 -1
  105. package/dist/q2-tecton-elements/{p-10264ecb.entry.js → p-0e13d5ba.entry.js} +1 -1
  106. package/dist/q2-tecton-elements/{p-d5218cd6.entry.js → p-17cffd7d.entry.js} +1 -1
  107. package/dist/q2-tecton-elements/{p-2846ab94.entry.js → p-1eed57aa.entry.js} +1 -1
  108. package/dist/q2-tecton-elements/p-2a44f9b8.entry.js +1 -0
  109. package/dist/q2-tecton-elements/{p-2c15414c.entry.js → p-3796397e.entry.js} +1 -1
  110. package/dist/q2-tecton-elements/{p-a5562aaa.entry.js → p-37f1984c.entry.js} +1 -1
  111. package/dist/q2-tecton-elements/p-3cfc0cb4.entry.js +1 -0
  112. package/dist/q2-tecton-elements/{p-dd02cf8d.js → p-431bf43e.js} +1 -1
  113. package/dist/q2-tecton-elements/{p-ede12fc1.entry.js → p-58e42fc5.entry.js} +1 -1
  114. package/dist/q2-tecton-elements/{p-3fe98e3e.entry.js → p-627df469.entry.js} +1 -1
  115. package/dist/q2-tecton-elements/{p-327cca41.entry.js → p-65e2df25.entry.js} +1 -1
  116. package/dist/q2-tecton-elements/{p-ca7a3380.entry.js → p-663cb6e8.entry.js} +1 -1
  117. package/dist/q2-tecton-elements/{p-e0e7ae8b.entry.js → p-6ced7858.entry.js} +1 -1
  118. package/dist/q2-tecton-elements/{p-6fec9235.entry.js → p-706249e1.entry.js} +1 -1
  119. package/dist/q2-tecton-elements/{p-5bbf2bfe.entry.js → p-7249de38.entry.js} +1 -1
  120. package/dist/q2-tecton-elements/{p-824aebd9.js → p-73154834.js} +1 -1
  121. package/dist/q2-tecton-elements/p-85cff6ec.entry.js +1 -0
  122. package/dist/q2-tecton-elements/{p-49b2abc4.entry.js → p-87f448ab.entry.js} +1 -1
  123. package/dist/q2-tecton-elements/{p-3a420dbf.entry.js → p-882eaf0f.entry.js} +1 -1
  124. package/dist/q2-tecton-elements/{p-45eb7739.entry.js → p-8f815678.entry.js} +1 -1
  125. package/dist/q2-tecton-elements/{p-00e8f782.entry.js → p-92886dbe.entry.js} +1 -1
  126. package/dist/q2-tecton-elements/{p-255b2b4c.js → p-93c00587.js} +1 -1
  127. package/dist/q2-tecton-elements/{p-221abbf6.entry.js → p-9725d55f.entry.js} +1 -1
  128. package/dist/q2-tecton-elements/{p-430a979b.entry.js → p-9af46ffc.entry.js} +1 -1
  129. package/dist/q2-tecton-elements/{p-1305ec5f.entry.js → p-9d8a963b.entry.js} +1 -1
  130. package/dist/q2-tecton-elements/{p-123cdfb9.entry.js → p-ad685b67.entry.js} +1 -1
  131. package/dist/q2-tecton-elements/{p-148391d6.entry.js → p-b066cdd1.entry.js} +1 -1
  132. package/dist/q2-tecton-elements/{p-27736b6b.entry.js → p-bd6c6239.entry.js} +1 -1
  133. package/dist/q2-tecton-elements/{p-0900bec1.entry.js → p-c4eff511.entry.js} +1 -1
  134. package/dist/q2-tecton-elements/p-c5691700.js +1 -0
  135. package/dist/q2-tecton-elements/p-cc57b8b1.entry.js +1 -0
  136. package/dist/q2-tecton-elements/{p-1dfaee64.entry.js → p-cf9e8120.entry.js} +1 -1
  137. package/dist/q2-tecton-elements/{p-4ab30466.entry.js → p-d46efe36.entry.js} +1 -1
  138. package/dist/q2-tecton-elements/p-d5d2b3c9.entry.js +1 -0
  139. package/dist/q2-tecton-elements/{p-2bc1de01.entry.js → p-e435159b.entry.js} +1 -1
  140. package/dist/q2-tecton-elements/{p-c20cbb2d.entry.js → p-ea2a290e.entry.js} +1 -1
  141. package/dist/q2-tecton-elements/p-eeb4a008.entry.js +39 -0
  142. package/dist/q2-tecton-elements/{p-d33e152c.entry.js → p-fbfb3615.entry.js} +1 -1
  143. package/dist/q2-tecton-elements/q2-tecton-elements.esm.js +1 -1
  144. package/dist/types/components/q2-btn/index.d.ts +1 -0
  145. package/dist/types/components/q2-chart-donut/index.d.ts +89 -0
  146. package/dist/types/components/q2-checkbox/index.d.ts +1 -1
  147. package/dist/types/components/q2-dropdown/index.d.ts +1 -0
  148. package/dist/types/components/q2-input/index.d.ts +1 -0
  149. package/dist/types/components/q2-radio-group/index.d.ts +4 -2
  150. package/dist/types/components.d.ts +48 -0
  151. package/dist/types/util.d.ts +1 -0
  152. package/package.json +3 -2
  153. package/dist/q2-tecton-elements/p-2caa89fd.js +0 -1
  154. package/dist/q2-tecton-elements/p-3abcb09d.entry.js +0 -1
  155. package/dist/q2-tecton-elements/p-50e218c7.entry.js +0 -1
  156. package/dist/q2-tecton-elements/p-a4ae89cc.entry.js +0 -1
  157. package/dist/q2-tecton-elements/p-ae4fed23.entry.js +0 -1
  158. package/dist/q2-tecton-elements/p-b2302cd3.entry.js +0 -1
  159. package/dist/q2-tecton-elements/p-d52b435e.entry.js +0 -1
@@ -65,14 +65,15 @@ button {
65
65
  }
66
66
 
67
67
  :host {
68
- margin-top: var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));
69
- margin-right: var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));
70
68
  display: block;
71
69
  }
72
- :host .radio-container {
70
+
71
+ .radio-container {
72
+ margin-top: var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));
73
+ margin-right: var(--tct-radio-margin-horizontal, var(--tct-scale-3, 15px));
73
74
  margin-bottom: var(--tct-radio-margin-vertical, var(--tct-scale-2, 10px));
74
75
  }
75
- :host .radio-container label[for] {
76
+ .radio-container label[for] {
76
77
  font-weight: var(--tct-radio-font-weight, var(--tct-checkbox-font-weight, 400));
77
78
  align-items: center;
78
79
  cursor: pointer;
@@ -81,59 +82,60 @@ button {
81
82
  grid-template-columns: 18px 1fr;
82
83
  gap: var(--tct-scale-1, var(--app-scale-1, 5px));
83
84
  }
84
- :host .radio-container svg {
85
+ .radio-container svg {
85
86
  border-radius: 50%;
86
87
  transition: box-shadow var(--tct-tween-1, var(--app-tween-1, 0.2s ease));
87
88
  outline: 0;
88
89
  width: 100%;
89
90
  }
90
- :host .radio-container circle:nth-child(1) {
91
+ .radio-container circle:nth-child(1) {
91
92
  stroke-width: 2;
92
93
  stroke: var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));
93
94
  }
94
- :host .radio-container input:focus + label svg {
95
+ .radio-container input:focus + label svg {
95
96
  box-shadow: var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));
96
97
  }
97
- :host .radio-container input:focus + label circle:nth-child(1) {
98
+ .radio-container input:focus + label circle:nth-child(1) {
98
99
  stroke: var(--tct-radio-focus-stroke-color, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));
99
100
  }
100
- :host .radio-container input:checked + label circle:nth-child(1) {
101
+ .radio-container input:checked + label circle:nth-child(1) {
101
102
  background-color: var(--tct-radio-checked-bg, transparent);
102
103
  stroke: var(--tct-radio-checked-stroke-color, var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc))))));
103
104
  }
104
- :host .radio-container input:checked + label .label-content {
105
+ .radio-container input:checked + label .label-content {
105
106
  font-weight: var(--tct-checkbox-selected-font-weight, 600);
106
107
  letter-spacing: var(--tct-checkbox-selected-letter-spacing, 0.25);
107
108
  }
108
- :host .radio-container input:checked + label circle:nth-child(2) {
109
+ .radio-container input:checked + label circle:nth-child(2) {
109
110
  fill: var(--tct-radio-checked-fill, var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e)));
110
111
  }
111
- :host .radio-tile {
112
+
113
+ .radio-tile {
112
114
  flex-basis: 100px;
113
115
  flex-grow: 0;
114
116
  flex-wrap: wrap;
115
117
  }
116
- :host .radio-tile label[for] {
118
+ .radio-tile label[for] {
117
119
  align-items: center;
118
120
  border-radius: 3px;
119
121
  border: 2px solid var(--tct-radio-stroke-color, var(--tct-gray-11, var(--t-gray-11, var(--tct-gray-l1, var(--app-gray-l1, #cccccc)))));
120
122
  cursor: pointer;
121
123
  display: block;
122
- padding: 1rem;
124
+ padding: 10px;
123
125
  position: relative;
124
126
  text-align: center;
125
127
  transition: border-color var(--tct-tween-1, var(--app-tween-1, 0.2s ease));
126
128
  white-space: nowrap;
127
129
  }
128
- :host .radio-tile input:focus + label {
130
+ .radio-tile input:focus + label, .radio-tile input:focus:checked + label {
129
131
  border-color: #0079c1;
130
132
  box-shadow: var(--tct-global-focus, var(--const-global-focus, 0 0 0 2px #33b4ff));
131
133
  }
132
- :host .radio-tile input:checked + label {
134
+ .radio-tile input:checked + label {
133
135
  border-color: var(--tct-checkbox-check-stroke-color, var(--t-checkbox-fill, #2e2e2e));
134
136
  box-shadow: inset 0 0 0 2px #ffffff;
135
137
  }
136
- :host .radio-tile input:checked + label:after {
138
+ .radio-tile input:checked + label:after {
137
139
  border-bottom-width: 3px;
138
140
  border-bottom: 5px solid #0079c1;
139
141
  border-left-width: 5px;
@@ -148,7 +150,8 @@ button {
148
150
  position: absolute;
149
151
  width: 0;
150
152
  }
151
- :host input:disabled + label {
153
+
154
+ input:disabled + label {
152
155
  cursor: not-allowed;
153
156
  opacity: var(--tct-disabled-opacity, var(--app-disabled-opacity, 0.4));
154
157
  }
@@ -11,7 +11,7 @@ export class Q2RadioGroup {
11
11
  this.nameUpdated();
12
12
  this.disabledUpdated();
13
13
  this.readonlyUpdated();
14
- this.tileLayoutUpdated();
14
+ this.tileLayoutUpdated(this.tileLayout);
15
15
  };
16
16
  this.onInnerRadioChange = (event) => {
17
17
  event.stopImmediatePropagation();
@@ -26,6 +26,8 @@ export class Q2RadioGroup {
26
26
  /////// LIFECYCLE HOOK ///////
27
27
  componentWillLoad() {
28
28
  this.onMutationObserved();
29
+ if (this.tilelayout)
30
+ this.tileLayout = this.tilelayout;
29
31
  }
30
32
  componentDidLoad() {
31
33
  const observer = new MutationObserver(this.onMutationObserved);
@@ -53,9 +55,12 @@ export class Q2RadioGroup {
53
55
  const readonly = this.readonly;
54
56
  this.radioElements.forEach(radio => (radio.groupReadonly = readonly));
55
57
  }
56
- tileLayoutUpdated() {
58
+ tilelayoutUpdated(tilelayout) {
59
+ this.tileLayout = tilelayout;
60
+ }
61
+ tileLayoutUpdated(tileLayout) {
57
62
  this.radioElements.forEach(radio => {
58
- radio.groupTileLayout = this.tilelayout;
63
+ radio.groupTileLayout = tileLayout;
59
64
  });
60
65
  }
61
66
  onHostElementChange(event) {
@@ -111,23 +116,27 @@ export class Q2RadioGroup {
111
116
  }
112
117
  render() {
113
118
  const showLabel = this.label || this.optional || this.readonly;
114
- return (h("div", null,
115
- showLabel && h("div", { class: "group-legend" }, this.labelDOM()),
116
- h("fieldset", { class: `q2-radio-fieldset ${this.hasError ? 'has-error' : ''}`, onChange: this.onInnerRadioChange, "aria-required": `${!this.optional}`, "aria-readonly": `${this.readonly}` },
117
- showLabel && h("legend", { class: "sr-only" }, this.labelDOM()),
118
- this.hasError ? (h("div", { class: `error-icon-container ${!showLabel && 'no-label'}` },
119
- h("q2-icon", { class: "h(4) w(4) mrg-b(2)", type: "error" }))) : (''),
119
+ const { hasError } = this;
120
+ const showLabelRow = showLabel || hasError;
121
+ return (h(Fragment, null,
122
+ showLabelRow && (h("div", { class: "label-row" },
123
+ showLabel && h("div", { class: "group-legend" }, this.labelDOM()),
124
+ hasError && (h("q2-icon", { type: "error", "test-id": "iconError" })))),
125
+ h("fieldset", { onChange: this.onInnerRadioChange, "aria-required": `${!this.optional}`, "aria-readonly": `${this.readonly}` },
126
+ showLabel && h("legend", { class: "sr" }, this.labelDOM()),
120
127
  this.inputDom())));
121
128
  }
122
129
  inputDom() {
123
- if (this.tilelayout) {
130
+ if (this.tileLayout) {
124
131
  const { tileAlignment } = this;
125
132
  const alignment = ['left', 'center', 'right'].includes(tileAlignment) ? tileAlignment : 'center';
126
- return (h("div", { class: `flexed ${alignment}` },
127
- h("slot", null)));
133
+ return (h("div", { class: `tile-container ${alignment}` },
134
+ h("div", { class: "options-container" },
135
+ h("slot", null))));
128
136
  }
129
137
  else {
130
- return h("slot", null);
138
+ return (h("div", { class: "options-container" },
139
+ h("slot", null)));
131
140
  }
132
141
  }
133
142
  static get is() { return "q2-radio-group"; }
@@ -242,7 +251,7 @@ export class Q2RadioGroup {
242
251
  "attribute": "readonly",
243
252
  "reflect": true
244
253
  },
245
- "tilelayout": {
254
+ "tileLayout": {
246
255
  "type": "boolean",
247
256
  "mutable": false,
248
257
  "complexType": {
@@ -256,7 +265,7 @@ export class Q2RadioGroup {
256
265
  "tags": [],
257
266
  "text": ""
258
267
  },
259
- "attribute": "tilelayout",
268
+ "attribute": "tile-layout",
260
269
  "reflect": true
261
270
  },
262
271
  "tileAlignment": {
@@ -294,6 +303,23 @@ export class Q2RadioGroup {
294
303
  "attribute": "has-error",
295
304
  "reflect": true,
296
305
  "defaultValue": "false"
306
+ },
307
+ "tilelayout": {
308
+ "type": "boolean",
309
+ "mutable": false,
310
+ "complexType": {
311
+ "original": "boolean",
312
+ "resolved": "boolean",
313
+ "references": {}
314
+ },
315
+ "required": false,
316
+ "optional": false,
317
+ "docs": {
318
+ "tags": [],
319
+ "text": ""
320
+ },
321
+ "attribute": "tilelayout",
322
+ "reflect": true
297
323
  }
298
324
  }; }
299
325
  static get events() { return [{
@@ -327,6 +353,9 @@ export class Q2RadioGroup {
327
353
  "methodName": "readonlyUpdated"
328
354
  }, {
329
355
  "propName": "tilelayout",
356
+ "methodName": "tilelayoutUpdated"
357
+ }, {
358
+ "propName": "tileLayout",
330
359
  "methodName": "tileLayoutUpdated"
331
360
  }]; }
332
361
  static get listeners() { return [{
@@ -72,40 +72,25 @@ fieldset {
72
72
  padding: 0;
73
73
  margin: 0;
74
74
  border: 0;
75
- }
76
- fieldset.has-error {
77
- border-color: var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));
78
- border-width: 1px;
79
- border-style: solid;
80
- border-radius: var(--tct-border-radius-1, var(--app-border-radius-1, 2px));
81
75
  position: relative;
82
76
  }
83
- fieldset.has-error .error-icon-container {
84
- top: 8px;
85
- right: 8px;
86
- position: absolute;
87
- width: 40%;
88
- text-align: right;
89
- background: linear-gradient(to right, transparent, white);
77
+
78
+ .label-row {
79
+ display: grid;
80
+ grid-template-columns: 1fr 24px;
81
+ grid-template-areas: "label icon";
82
+ gap: var(--app-scale-1x, 5px);
90
83
  }
91
- fieldset.has-error legend + div.error-icon-container.no-label {
92
- top: 28px;
84
+ .label-row q2-icon {
85
+ grid-area: icon;
86
+ margin-top: -2px;
87
+ margin-bottom: -2px;
93
88
  }
94
89
 
95
90
  .group-legend {
96
91
  font-weight: 600;
97
92
  }
98
93
 
99
- legend.sr-only {
100
- position: absolute;
101
- width: 1px;
102
- height: 1px;
103
- padding: 0;
104
- margin: -1px;
105
- overflow: hidden;
106
- border: 0;
107
- }
108
-
109
94
  .optional-tag {
110
95
  margin-left: var(--tct-input-label-optional-margin-left, var(--t-input-label-optional-margin-left, var(--tct-scale-1, var(--app-scale-1, 5px))));
111
96
  color: var(--tct-input-label-optional-font-color, var(--t-input-label-optional-font-color, var(--t-textA, var(--t-a11y-gray-color, rgba(77, 77, 77, 0.77)))));
@@ -113,16 +98,35 @@ legend.sr-only {
113
98
  font-weight: var(--tct-input-label-optional-font-weight, var(--t-input-label-optional-font-weight, 400));
114
99
  }
115
100
 
116
- .flexed {
117
- margin: 0;
101
+ .tile-container,
102
+ .tile-container .options-container {
118
103
  display: flex;
119
- flex-wrap: wrap;
120
104
  align-items: center;
121
105
  justify-content: center;
106
+ flex-wrap: wrap;
107
+ }
108
+
109
+ .options-container {
110
+ --comp-default-margin: var(--app-scale-1x, 5px) 0;
111
+ --comp-options-margin: var(--tct-radio-group-options-margin, var(--t-radio-group-options-margin, var(--comp-default-margin, 5px 0)));
112
+ margin: var(--comp-options-margin);
113
+ padding: var(--tct-radio-group-options-padding, var(--t-radio-group-options-padding, var(--app-scale-1x, 5px)));
114
+ border-width: 1px;
115
+ border-color: transparent;
116
+ border-style: solid;
117
+ border-radius: var(--tct-border-radius-1, var(--app-border-radius-1, 2px));
118
+ }
119
+ :host([has-error]) .options-container {
120
+ border-color: var(--tct-input-error-border-color, var(--const-stoplight-alert, #c30000));
121
+ }
122
+
123
+ .tile-container.left {
124
+ justify-content: start;
122
125
  }
123
- .flexed.left {
124
- justify-content: left;
126
+ .tile-container.right {
127
+ justify-content: end;
125
128
  }
126
- .flexed.right {
127
- justify-content: right;
129
+ .tile-container .options-container {
130
+ gap: var(--tct-radio-group-tile-gap, var(--t-radio-group-tile-gap, var(--app-scale-2x, 10px)));
131
+ justify-content: inherit;
128
132
  }
@@ -12,6 +12,7 @@ export class Q2Select {
12
12
  this.optional = false;
13
13
  this.dropdownOpen = false;
14
14
  this.onlyShowingSelected = false;
15
+ this.searchText = '';
15
16
  this.hasCustomDisplay = false;
16
17
  this.inputFocused = false;
17
18
  this.scheduledAfterRender = [];
@@ -229,10 +230,17 @@ export class Q2Select {
229
230
  };
230
231
  this.inputInputHandler = (event) => {
231
232
  event.stopPropagation();
233
+ const inputValue = this.inputField.value;
234
+ const eventValue = event.detail.value;
235
+ const didChangeText = inputValue !== eventValue;
236
+ const shouldClearValue = !!this.value && didChangeText;
237
+ if (shouldClearValue) {
238
+ this.selectOption('');
239
+ }
232
240
  if (!this.dropdownOpen)
233
241
  this.openDropdownWithoutActiveElement();
234
- this.searchText = event.detail.value;
235
- this.input.emit({ query: event.detail.value });
242
+ this.searchText = eventValue;
243
+ this.input.emit({ query: eventValue });
236
244
  };
237
245
  this.inputFocusHandler = () => {
238
246
  this.inputFocused = true;
@@ -575,11 +583,11 @@ export class Q2Select {
575
583
  }, 1000);
576
584
  }
577
585
  clickHandler(event) {
578
- const target = event.target;
579
- if (target.localName !== 'q2-option' || target.disabled) {
586
+ const selected = event.target.closest('q2-option');
587
+ if (!selected || (selected.hasAttribute('disabled') && selected.getAttribute('disabled') !== 'false')) {
580
588
  return;
581
589
  }
582
- this.selectOption(target.value, true);
590
+ this.selectOption(selected.getAttribute('value'), true);
583
591
  }
584
592
  /* tslint:enable:cyclomatic-complexity */
585
593
  keydownHandler(event) {
@@ -118,10 +118,15 @@ button {
118
118
  right: 0;
119
119
  }
120
120
 
121
+ :host([block]) q2-btn,
122
+ :host([block]) {
123
+ display: block;
124
+ }
125
+
121
126
  :host {
122
127
  display: block;
123
- margin-top: var(--tct-select-margin-top, var(--app-scale-4, 30px));
124
- margin-bottom: var(--tct-select-margin-bottom, var(--app-scale-4, 30px));
128
+ margin-top: var(--tct-select-margin-top, var(--t-select-margin-top, var(--app-scale-6x, 30px)));
129
+ margin-bottom: var(--tct-select-margin-bottom, var(--t-select-margin-bottom, var(--app-scale-6x, 30px)));
125
130
  }
126
131
 
127
132
  .q2-select-container {
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, c as createEvent, g as getElement } from './index-dbfb3ecc.js';
1
+ import { r as registerInstance, c as createEvent, g as getElement } from './index-6d5ed7cc.js';
2
2
 
3
3
  const ClickElsewhere = class {
4
4
  constructor(hostRef) {
@@ -1,4 +1,4 @@
1
- import { h } from './index-dbfb3ecc.js';
1
+ import { h } from './index-6d5ed7cc.js';
2
2
 
3
3
  const icons = {
4
4
  a11y: {
@@ -1,4 +1,4 @@
1
- import { h } from './index-dbfb3ecc.js';
1
+ import { h } from './index-6d5ed7cc.js';
2
2
 
3
3
  function createCommonjsModule(fn, basedir, module) {
4
4
  return module = {
@@ -176,6 +176,7 @@ const isComplexType = (o) => {
176
176
  // export function h(nodeName: string | d.FunctionalComponent, vnodeData: d.PropsType, ...children: d.ChildType[]): d.VNode;
177
177
  const h = (nodeName, vnodeData, ...children) => {
178
178
  let child = null;
179
+ let key = null;
179
180
  let slotName = null;
180
181
  let simple = false;
181
182
  let lastSimple = false;
@@ -204,6 +205,10 @@ const h = (nodeName, vnodeData, ...children) => {
204
205
  };
205
206
  walk(children);
206
207
  if (vnodeData) {
208
+ // normalize class / classname attributes
209
+ if (vnodeData.key) {
210
+ key = vnodeData.key;
211
+ }
207
212
  if (vnodeData.name) {
208
213
  slotName = vnodeData.name;
209
214
  }
@@ -228,6 +233,9 @@ const h = (nodeName, vnodeData, ...children) => {
228
233
  if (vNodeChildren.length > 0) {
229
234
  vnode.$children$ = vNodeChildren;
230
235
  }
236
+ {
237
+ vnode.$key$ = key;
238
+ }
231
239
  {
232
240
  vnode.$name$ = slotName;
233
241
  }
@@ -244,6 +252,9 @@ const newVNode = (tag, text) => {
244
252
  {
245
253
  vnode.$attrs$ = null;
246
254
  }
255
+ {
256
+ vnode.$key$ = null;
257
+ }
247
258
  {
248
259
  vnode.$name$ = null;
249
260
  }
@@ -325,6 +336,8 @@ const setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
325
336
  }
326
337
  }
327
338
  }
339
+ else if (memberName === 'key')
340
+ ;
328
341
  else if (memberName === 'ref') {
329
342
  // minifier will clean this up
330
343
  if (newValue) {
@@ -612,6 +625,8 @@ const removeVnodes = (vnodes, startIdx, endIdx, vnode, elm) => {
612
625
  const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
613
626
  let oldStartIdx = 0;
614
627
  let newStartIdx = 0;
628
+ let idxInOld = 0;
629
+ let i = 0;
615
630
  let oldEndIdx = oldCh.length - 1;
616
631
  let oldStartVnode = oldCh[0];
617
632
  let oldEndVnode = oldCh[oldEndIdx];
@@ -619,6 +634,7 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
619
634
  let newStartVnode = newCh[0];
620
635
  let newEndVnode = newCh[newEndIdx];
621
636
  let node;
637
+ let elmToMove;
622
638
  while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
623
639
  if (oldStartVnode == null) {
624
640
  // Vnode might have been moved left
@@ -664,7 +680,29 @@ const updateChildren = (parentElm, oldCh, newVNode, newCh) => {
664
680
  newStartVnode = newCh[++newStartIdx];
665
681
  }
666
682
  else {
683
+ // createKeyToOldIdx
684
+ idxInOld = -1;
667
685
  {
686
+ for (i = oldStartIdx; i <= oldEndIdx; ++i) {
687
+ if (oldCh[i] && oldCh[i].$key$ !== null && oldCh[i].$key$ === newStartVnode.$key$) {
688
+ idxInOld = i;
689
+ break;
690
+ }
691
+ }
692
+ }
693
+ if (idxInOld >= 0) {
694
+ elmToMove = oldCh[idxInOld];
695
+ if (elmToMove.$tag$ !== newStartVnode.$tag$) {
696
+ node = createElm(oldCh && oldCh[newStartIdx], newVNode, idxInOld, parentElm);
697
+ }
698
+ else {
699
+ patch(elmToMove, newStartVnode);
700
+ oldCh[idxInOld] = undefined;
701
+ node = elmToMove.$elm$;
702
+ }
703
+ newStartVnode = newCh[++newStartIdx];
704
+ }
705
+ else {
668
706
  // new element
669
707
  node = createElm(oldCh && oldCh[newStartIdx], newVNode, newStartIdx, parentElm);
670
708
  newStartVnode = newCh[++newStartIdx];
@@ -690,7 +728,9 @@ const isSameVnode = (vnode1, vnode2) => {
690
728
  if (vnode1.$tag$ === 'slot') {
691
729
  return vnode1.$name$ === vnode2.$name$;
692
730
  }
693
- return true;
731
+ {
732
+ return vnode1.$key$ === vnode2.$key$;
733
+ }
694
734
  }
695
735
  return false;
696
736
  };
@@ -1,4 +1,4 @@
1
- import { p as promiseResolve, b as bootstrapLazy } from './index-dbfb3ecc.js';
1
+ import { p as promiseResolve, b as bootstrapLazy } from './index-6d5ed7cc.js';
2
2
 
3
3
  /*
4
4
  Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
@@ -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\"],\"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\"],\"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-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\"]]]]],[\"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\"]]]]],[\"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-pill\",[[1,\"q2-pill\",{\"disabled\":[516],\"active\":[1540],\"open\":[1540],\"multiple\":[516],\"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]},[[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],\"tileAlignment\":[513,\"tile-alignment\"],\"hasError\":[516,\"has-error\"]},[[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-badge\",[[1,\"q2-badge\",{\"value\":[514],\"maxLength\":[514,\"max-length\"],\"position\":[513],\"size\":[513],\"theme\":[513],\"status\":[513]}]]],[\"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],\"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\"],\"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]}]]],[\"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\":[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],\"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],\"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\"]]]]]]"), 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-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\"],\"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-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\"]]]]],[\"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\"]]]]],[\"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],\"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-badge\",[[1,\"q2-badge\",{\"value\":[514],\"maxLength\":[514,\"max-length\"],\"position\":[513],\"size\":[513],\"theme\":[513],\"status\":[513]}]]],[\"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],\"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\"],\"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]}]]],[\"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\"]]]]],[\"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);
14
14
  });
15
15
  };
16
16
 
@@ -1,5 +1,5 @@
1
- import { r as registerInstance, h, g as getElement } from './index-dbfb3ecc.js';
2
- import { i as icons } from './icons-b1e11526.js';
1
+ import { r as registerInstance, h, g as getElement } from './index-6d5ed7cc.js';
2
+ import { i as icons } from './icons-ed54e307.js';
3
3
 
4
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: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
 
@@ -1,4 +1,4 @@
1
- import { r as registerInstance, h, F as Fragment, g as getElement } from './index-dbfb3ecc.js';
1
+ import { r as registerInstance, h, F as Fragment, g as getElement } from './index-6d5ed7cc.js';
2
2
 
3
3
  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}:host{display:inline-block}.badge-wrapper{--comp-badge-background:var(--t-primary, #61c4ff);--comp-badge-color:var(--t-primary-text, #ffffff)}:host([status=info]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-info, #0079C1);--comp-badge-color:var(--const-stoplight-info-text, #ffffff)}:host([status=alert]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-alert, #C30000);--comp-badge-color:var(--const-stoplight-alert-text, #ffffff)}:host([status=warning]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-warning, #F0B400);--comp-badge-color:var(--const-stoplight-warning-text, #423535)}:host([status=success]) .badge-wrapper{--comp-badge-background:var(--const-stoplight-success, #0E8A00);--comp-badge-color:var(--const-stoplight-success-text, #ffffff)}:host([theme=primary]) .badge-wrapper{--comp-badge-background:var(--t-primary, #61c4ff);--comp-badge-color:var(--t-primary-text, #ffffff);--comp-badge-border-color:var(--t-primary-l1, #61c4ff)}:host([theme=secondary]) .badge-wrapper{--comp-badge-background:var(--t-secondary, #61c4ff);--comp-badge-color:var(--t-secondary-text, #ffffff);--comp-badge-border-color:var(--t-secondary-l1, #61c4ff)}:host([theme=tertiary]) .badge-wrapper{--comp-badge-background:var(--t-tertiary, #0079C1);--comp-badge-color:var(--t-tertiary-text, #000000);--comp-badge-border-color:var(--t-tertiary-l1, #61c4ff)}.badge{font-size:10px;line-height:16px;height:16px;min-width:16px;background-color:var(--comp-badge-background);text-align:center;padding:0 4px;color:var(--comp-badge-color);border-color:var(--comp-badge-border-color);border-width:thin;border-radius:8px}.badge.size-large{font-size:14px;height:22px;min-width:22px;border-radius:11px;line-height:22px;padding:0 6px}.badge-wrapper{display:flex;align-items:center;justify-content:center}";
4
4