@riverty/web-components 6.2.1 → 6.3.1

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 (206) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/README.md +78 -0
  3. package/custom-elements.json +4 -0
  4. package/dist/cjs/index-BnETQtSf.js +16 -16
  5. package/dist/cjs/index.cjs.js +35 -0
  6. package/dist/cjs/loader.cjs.js +1 -1
  7. package/dist/cjs/r-alert.cjs.entry.js +1 -1
  8. package/dist/cjs/r-badge.cjs.entry.js +3 -2
  9. package/dist/cjs/r-button.cjs.entry.js +1 -1
  10. package/dist/cjs/r-checkbox-group.cjs.entry.js +5 -0
  11. package/dist/cjs/r-checkbox.cjs.entry.js +9 -4
  12. package/dist/cjs/r-dialog.cjs.entry.js +2 -2
  13. package/dist/cjs/r-hint_2.cjs.entry.js +4 -4
  14. package/dist/cjs/r-icon-button_2.cjs.entry.js +43 -18
  15. package/dist/cjs/r-input-code.cjs.entry.js +11 -6
  16. package/dist/cjs/r-input-date.cjs.entry.js +11 -6
  17. package/dist/cjs/r-input-password.cjs.entry.js +8 -3
  18. package/dist/cjs/r-input-phone-number.cjs.entry.js +6 -6
  19. package/dist/cjs/r-input.cjs.entry.js +249 -33
  20. package/dist/cjs/r-pagination.cjs.entry.js +9 -3
  21. package/dist/cjs/r-panel.cjs.entry.js +2 -2
  22. package/dist/cjs/r-popover-action.cjs.entry.js +1 -1
  23. package/dist/cjs/r-popover-content.cjs.entry.js +1 -1
  24. package/dist/cjs/r-popover-headline.cjs.entry.js +1 -1
  25. package/dist/cjs/r-popover-trigger.cjs.entry.js +1 -1
  26. package/dist/cjs/r-popover.cjs.entry.js +2 -2
  27. package/dist/cjs/r-progress-bar.cjs.entry.js +1 -1
  28. package/dist/cjs/r-radio-button-description.cjs.entry.js +1 -1
  29. package/dist/cjs/r-radio-button-leading.cjs.entry.js +1 -1
  30. package/dist/cjs/r-radio-button-title.cjs.entry.js +1 -1
  31. package/dist/cjs/r-radio-button-trailing.cjs.entry.js +1 -1
  32. package/dist/cjs/r-radio-button.cjs.entry.js +5 -5
  33. package/dist/cjs/r-radio-group.cjs.entry.js +8 -5
  34. package/dist/cjs/r-select-option.cjs.entry.js +1 -1
  35. package/dist/cjs/r-select.cjs.entry.js +10 -4
  36. package/dist/cjs/r-skip-link.cjs.entry.js +1 -1
  37. package/dist/cjs/r-stepper-item.cjs.entry.js +2 -2
  38. package/dist/cjs/r-stepper.cjs.entry.js +1 -1
  39. package/dist/cjs/r-tab-panel.cjs.entry.js +1 -1
  40. package/dist/cjs/r-tab.cjs.entry.js +2 -2
  41. package/dist/cjs/r-tabs-list.cjs.entry.js +3 -3
  42. package/dist/cjs/r-tabs.cjs.entry.js +1 -1
  43. package/dist/cjs/r-toast-group.cjs.entry.js +1 -1
  44. package/dist/cjs/r-toast.cjs.entry.js +17 -9
  45. package/dist/cjs/web-components.cjs.js +1 -1
  46. package/dist/collection/components/alert/alert.css +1 -0
  47. package/dist/collection/components/badge/badge.css +10 -0
  48. package/dist/collection/components/badge/badge.js +5 -1
  49. package/dist/collection/components/button/button.js +1 -1
  50. package/dist/collection/components/checkbox/checkbox.js +30 -4
  51. package/dist/collection/components/checkbox-group/checkbox-group.js +26 -0
  52. package/dist/collection/components/dialog/dialog.js +2 -2
  53. package/dist/collection/components/hint/hint.js +2 -2
  54. package/dist/collection/components/icon-button/icon-button.js +3 -3
  55. package/dist/collection/components/input/exports.js +46 -0
  56. package/dist/collection/components/input/input.css +6 -0
  57. package/dist/collection/components/input/input.js +321 -32
  58. package/dist/collection/components/input-code/input-code.js +32 -6
  59. package/dist/collection/components/input-date/input-date.js +32 -6
  60. package/dist/collection/components/input-password/input-password.js +29 -3
  61. package/dist/collection/components/input-phone-number/input-phone-number.js +25 -6
  62. package/dist/collection/components/label/label.js +2 -2
  63. package/dist/collection/components/pagination/pagination.js +18 -3
  64. package/dist/collection/components/panel/panel.js +2 -2
  65. package/dist/collection/components/popover/popover.js +2 -2
  66. package/dist/collection/components/popover-action/popover-action.js +1 -1
  67. package/dist/collection/components/popover-content/popover-content.js +1 -1
  68. package/dist/collection/components/popover-headline/popover-headline.js +1 -1
  69. package/dist/collection/components/popover-trigger/popover-trigger.js +1 -1
  70. package/dist/collection/components/progress-bar/progress-bar.js +1 -1
  71. package/dist/collection/components/radio-button/radio-button.js +5 -5
  72. package/dist/collection/components/radio-button-description/radio-button-description.js +1 -1
  73. package/dist/collection/components/radio-button-leading/radio-button-leading.js +1 -1
  74. package/dist/collection/components/radio-button-title/radio-button-title.js +1 -1
  75. package/dist/collection/components/radio-button-trailing/radio-button-trailing.js +1 -1
  76. package/dist/collection/components/radio-group/radio-group.js +8 -5
  77. package/dist/collection/components/select/select.js +31 -4
  78. package/dist/collection/components/select-option/select-option.js +1 -1
  79. package/dist/collection/components/skip-link/skip-link.js +1 -1
  80. package/dist/collection/components/stepper/stepper.js +1 -1
  81. package/dist/collection/components/stepper-item/stepper-item.js +2 -2
  82. package/dist/collection/components/tab/tab.js +2 -2
  83. package/dist/collection/components/tab-panel/tab-panel.js +1 -1
  84. package/dist/collection/components/tabs/tabs.js +1 -1
  85. package/dist/collection/components/tabs-list/tabs-list.js +3 -3
  86. package/dist/collection/components/toast/toast.js +17 -9
  87. package/dist/collection/components/toast-group/toast-group.js +1 -1
  88. package/dist/collection/components/tooltip/tooltip.css +34 -63
  89. package/dist/collection/components/tooltip/tooltip.js +39 -14
  90. package/dist/collection/index.js +2 -1
  91. package/dist/collection/utils/version-checker.js +33 -0
  92. package/dist/esm/index-CTxpqopm.js +16 -16
  93. package/dist/esm/index.js +34 -0
  94. package/dist/esm/loader.js +1 -1
  95. package/dist/esm/r-alert.entry.js +1 -1
  96. package/dist/esm/r-badge.entry.js +3 -2
  97. package/dist/esm/r-button.entry.js +1 -1
  98. package/dist/esm/r-checkbox-group.entry.js +5 -0
  99. package/dist/esm/r-checkbox.entry.js +9 -4
  100. package/dist/esm/r-dialog.entry.js +2 -2
  101. package/dist/esm/r-hint_2.entry.js +4 -4
  102. package/dist/esm/r-icon-button_2.entry.js +43 -18
  103. package/dist/esm/r-input-code.entry.js +11 -6
  104. package/dist/esm/r-input-date.entry.js +11 -6
  105. package/dist/esm/r-input-password.entry.js +8 -3
  106. package/dist/esm/r-input-phone-number.entry.js +6 -6
  107. package/dist/esm/r-input.entry.js +249 -33
  108. package/dist/esm/r-pagination.entry.js +9 -3
  109. package/dist/esm/r-panel.entry.js +2 -2
  110. package/dist/esm/r-popover-action.entry.js +1 -1
  111. package/dist/esm/r-popover-content.entry.js +1 -1
  112. package/dist/esm/r-popover-headline.entry.js +1 -1
  113. package/dist/esm/r-popover-trigger.entry.js +1 -1
  114. package/dist/esm/r-popover.entry.js +2 -2
  115. package/dist/esm/r-progress-bar.entry.js +1 -1
  116. package/dist/esm/r-radio-button-description.entry.js +1 -1
  117. package/dist/esm/r-radio-button-leading.entry.js +1 -1
  118. package/dist/esm/r-radio-button-title.entry.js +1 -1
  119. package/dist/esm/r-radio-button-trailing.entry.js +1 -1
  120. package/dist/esm/r-radio-button.entry.js +5 -5
  121. package/dist/esm/r-radio-group.entry.js +8 -5
  122. package/dist/esm/r-select-option.entry.js +1 -1
  123. package/dist/esm/r-select.entry.js +10 -4
  124. package/dist/esm/r-skip-link.entry.js +1 -1
  125. package/dist/esm/r-stepper-item.entry.js +2 -2
  126. package/dist/esm/r-stepper.entry.js +1 -1
  127. package/dist/esm/r-tab-panel.entry.js +1 -1
  128. package/dist/esm/r-tab.entry.js +2 -2
  129. package/dist/esm/r-tabs-list.entry.js +3 -3
  130. package/dist/esm/r-tabs.entry.js +1 -1
  131. package/dist/esm/r-toast-group.entry.js +1 -1
  132. package/dist/esm/r-toast.entry.js +17 -9
  133. package/dist/esm/web-components.js +1 -1
  134. package/dist/types/components/badge/badge.d.ts +3 -0
  135. package/dist/types/components/checkbox/checkbox.d.ts +2 -0
  136. package/dist/types/components/checkbox-group/checkbox-group.d.ts +2 -0
  137. package/dist/types/components/input/exports.d.ts +45 -0
  138. package/dist/types/components/input/input.d.ts +66 -1
  139. package/dist/types/components/input-code/input-code.d.ts +2 -0
  140. package/dist/types/components/input-date/input-date.d.ts +2 -0
  141. package/dist/types/components/input-password/input-password.d.ts +2 -0
  142. package/dist/types/components/input-phone-number/input-phone-number.d.ts +2 -0
  143. package/dist/types/components/pagination/pagination.d.ts +1 -1
  144. package/dist/types/components/radio-group/radio-group.d.ts +1 -0
  145. package/dist/types/components/select/select.d.ts +2 -0
  146. package/dist/types/components/tooltip/tooltip.d.ts +1 -0
  147. package/dist/types/components.d.ts +63 -2
  148. package/dist/types/utils/version-checker.d.ts +1 -0
  149. package/dist/web-components/index.esm.js +1 -0
  150. package/dist/web-components/{p-253068b9.entry.js → p-01aefcf0.entry.js} +1 -1
  151. package/dist/web-components/p-05cb55db.entry.js +1 -0
  152. package/dist/web-components/{p-477614c5.entry.js → p-11b22309.entry.js} +1 -1
  153. package/dist/web-components/{p-562051aa.entry.js → p-2d878934.entry.js} +1 -1
  154. package/dist/web-components/p-325dbedf.entry.js +1 -0
  155. package/dist/web-components/{p-10cc9983.entry.js → p-34b9457b.entry.js} +1 -1
  156. package/dist/web-components/{p-e5b943a2.entry.js → p-36abd05a.entry.js} +1 -1
  157. package/dist/web-components/{p-d2447e30.entry.js → p-386d1ef9.entry.js} +1 -1
  158. package/dist/web-components/{p-4de76291.entry.js → p-3d67b77b.entry.js} +1 -1
  159. package/dist/web-components/{p-93435fcd.entry.js → p-4b12fbc0.entry.js} +1 -1
  160. package/dist/web-components/p-52f7b505.entry.js +1 -0
  161. package/dist/web-components/{p-bfc7e6c0.entry.js → p-57ebc474.entry.js} +1 -1
  162. package/dist/web-components/{p-a1086abe.entry.js → p-57edf7f4.entry.js} +1 -1
  163. package/dist/web-components/{p-cc363c3d.entry.js → p-69a24fe2.entry.js} +1 -1
  164. package/dist/web-components/{p-e67b13df.entry.js → p-6d92648c.entry.js} +1 -1
  165. package/dist/web-components/p-75052597.entry.js +1 -0
  166. package/dist/web-components/{p-9de3a1a5.entry.js → p-7b2c5b63.entry.js} +1 -1
  167. package/dist/web-components/p-7bf463ff.entry.js +1 -0
  168. package/dist/web-components/{p-8e125826.entry.js → p-838e43d4.entry.js} +1 -1
  169. package/dist/web-components/p-8c16d038.entry.js +1 -0
  170. package/dist/web-components/{p-075a8dc8.entry.js → p-8f8313de.entry.js} +1 -1
  171. package/dist/web-components/{p-3beacdab.entry.js → p-9026d5a2.entry.js} +1 -1
  172. package/dist/web-components/p-9c31c7c4.entry.js +1 -0
  173. package/dist/web-components/p-9c415b9c.entry.js +1 -0
  174. package/dist/web-components/p-b303b2cc.entry.js +1 -0
  175. package/dist/web-components/p-b8df041d.entry.js +1 -0
  176. package/dist/web-components/p-bc30844f.entry.js +1 -0
  177. package/dist/web-components/{p-bde44ec4.entry.js → p-c4a77a65.entry.js} +1 -1
  178. package/dist/web-components/{p-d0310ed4.entry.js → p-c549addf.entry.js} +1 -1
  179. package/dist/web-components/p-c65df19f.entry.js +1 -0
  180. package/dist/web-components/p-cf3f044d.entry.js +1 -0
  181. package/dist/web-components/p-d9778cfa.entry.js +1 -0
  182. package/dist/web-components/{p-44f87e16.entry.js → p-dbe4ccb8.entry.js} +1 -1
  183. package/dist/web-components/p-ded50850.entry.js +1 -0
  184. package/dist/web-components/{p-02b22f8e.entry.js → p-e5be895b.entry.js} +1 -1
  185. package/dist/web-components/{p-495ba3d2.entry.js → p-e6b34c1e.entry.js} +1 -1
  186. package/dist/web-components/p-ec3c4800.entry.js +1 -0
  187. package/dist/web-components/p-f670fd87.entry.js +1 -0
  188. package/dist/web-components/web-components.esm.js +1 -1
  189. package/package.json +3 -2
  190. package/dist/web-components/p-3b8c8951.entry.js +0 -1
  191. package/dist/web-components/p-4214867d.entry.js +0 -1
  192. package/dist/web-components/p-42c857e9.entry.js +0 -1
  193. package/dist/web-components/p-5b850e0f.entry.js +0 -1
  194. package/dist/web-components/p-6013dfc8.entry.js +0 -1
  195. package/dist/web-components/p-62e7ae04.entry.js +0 -1
  196. package/dist/web-components/p-71519d37.entry.js +0 -1
  197. package/dist/web-components/p-88f7b47f.entry.js +0 -1
  198. package/dist/web-components/p-8975a6a3.entry.js +0 -1
  199. package/dist/web-components/p-91cc0bde.entry.js +0 -1
  200. package/dist/web-components/p-947969d7.entry.js +0 -1
  201. package/dist/web-components/p-bbba6d79.entry.js +0 -1
  202. package/dist/web-components/p-c1030394.entry.js +0 -1
  203. package/dist/web-components/p-caf8f067.entry.js +0 -1
  204. package/dist/web-components/p-cf4ff357.entry.js +0 -1
  205. package/dist/web-components/p-dc9cca06.entry.js +0 -1
  206. package/dist/web-components/p-efec231a.entry.js +0 -1
@@ -327,6 +327,9 @@ const RadioGroup = class {
327
327
  var _a, _b;
328
328
  return ((_b = (_a = this.radioButtonElements[0]) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.querySelector('.r-radio-button--input')) || null;
329
329
  }
330
+ get hasValidationError() {
331
+ return this.validityState && this.validityState !== 'valid' && !!(this.validityMessage || this.customErrorMessage);
332
+ }
330
333
  passPropsToGroupItems(props = {}) {
331
334
  Object.entries(props).forEach(([key, value]) => {
332
335
  this.radioButtonElements.forEach(el => {
@@ -412,11 +415,11 @@ const RadioGroup = class {
412
415
  'aria-invalid': `${invalid || false}`,
413
416
  'aria-describedby': this.ariaDescribedBy
414
417
  };
415
- return (index.h(index.Host, { key: 'bd1b1d42f3efab78cf0a2cce7b1a1e2568f21765' }, index.h("fieldset", Object.assign({ key: 'c449667b014cf8aeea4176b0d94c82573b661182', class: "r-radio-group" }, fieldsetAttrs, { onClick: this.onLabelClick }), label &&
416
- index.h("legend", { key: '212e27fd8d20b31cf6d84078870ec59796bb59c6', class: "r-radio-group--label-container" }, index.h("r-label", { key: '69907b0e2bdb49bcdea00d1849bc0c5c4d3404ae', id: `${uniqueId}-label`, class: "r-radio-group--label", "field-indicator": fieldIndicator }, label), index.h("slot", { key: 'd208c147248154ba26ecc5b412233d2cf479bb68', name: "popover" })), hint &&
417
- index.h("r-hint", { key: 'b409e053226d88ac3619524b2d63864b49972985', id: `${uniqueId}-hint`, class: "r-radio-group--hint", role: "note" }, hint), index.h("div", { key: 'c8e98214e9b14f6fdcf97677b392abd14d653a56', class: "r-radio-group--content" }, index.h("slot", { key: '5e4aa07801e8f1bd7ec3262511d28f553d8740a7' })), index.h("div", { key: 'a576e8c91d33877eb677d5551ac18d10924586fd', id: `${uniqueId}-message`, "aria-live": "polite", role: "alert", class: "r-radio-group--message" }, invalid && error &&
418
- index.h("r-hint", { key: '98f7fa6855c0803ae5d31a3a248c146679204af9', variant: "error" }, error), this.validityState !== 'valid' && this.validityMessage &&
419
- index.h("r-hint", { key: 'de1997af842a7e5fdb887a830fd0fe701e4fa5ce', variant: "error" }, this.customErrorMessage || this.validityMessage)))));
418
+ return (index.h(index.Host, { key: 'a542762b5523cd568341316eb9e1d3ba328662f3' }, index.h("fieldset", Object.assign({ key: 'cd6877a67816eff8a423a60ef1e9079cab4ea21a', class: "r-radio-group" }, fieldsetAttrs, { onClick: this.onLabelClick }), label &&
419
+ index.h("legend", { key: '00adcfa6fa8296f295b48f90d19b11928fb580d6', class: "r-radio-group--label-container" }, index.h("r-label", { key: 'f353298317ffe0043dd0dae0905499ef17fa90ba', id: `${uniqueId}-label`, class: "r-radio-group--label", "field-indicator": fieldIndicator }, label), index.h("slot", { key: '5e9ecf61a1a65f20ed3e48006f2a913723bdfb38', name: "popover" })), hint &&
420
+ index.h("r-hint", { key: '0e266db62c6bb2f8a770502ab64ca7f2edc54d39', id: `${uniqueId}-hint`, class: "r-radio-group--hint", role: "note" }, hint), index.h("div", { key: '2d951da223a892721db7e5d858e52b27eebfcf98', class: "r-radio-group--content" }, index.h("slot", { key: '341225a7be93a07fa9c3e4c96241f84c8008b182' })), index.h("div", { key: '255d3bbd8fd5b192e4dd2cca03bb7b0e2bdefd0e', id: `${uniqueId}-message`, "aria-live": "polite", role: "alert", class: "r-radio-group--message" }, invalid && error &&
421
+ index.h("r-hint", { key: '7c91e92235c2d4bd36baf327ce0bf7ed18982886', variant: "error" }, error), this.hasValidationError &&
422
+ index.h("r-hint", { key: '522a8a74f88356d42929f9e1fe4ab2a4326d25d7', "aria-live": "polite", id: `${uniqueId}-message`, role: "alert", variant: "error" }, this.customErrorMessage || this.validityMessage)))));
420
423
  }
421
424
  get host() { return index.getElement(this); }
422
425
  };
@@ -121,7 +121,7 @@ const SelectOption = class {
121
121
  size: iconSize,
122
122
  color: iconColor
123
123
  };
124
- return (index.h(index.Host, { key: 'd75c7a753d325360d4bee79ef7b96fbedd2d9b96', id: uniqueId, role: "option", onClick: this.handleClick, onKeydown: this.handleKeydown, "aria-disabled": `${disabled}`, "aria-selected": `${this.isSelected}`, "data-value": this.definedValue, "data-focused": `${this.isFocused}` }, index.h("div", { key: '8d8d449a5352f90d7731df10ea011856537b02f4', class: "r-select-option" }, icon && index.h("span", { key: 'f74192805472c8023b921f0a2869772f4c007d78', class: "r-select-option--icon" }, index.h("r-icon", Object.assign({ key: '6ac112921c222e83df33b2cf0113f3b158a98407' }, iconAttributes))), !icon && hasIconSlot && index.h("span", { key: '8c5779ab3446a8d4b8880bf1f9958f02d32ca5e4', class: "r-select-option--icon" }, index.h("slot", { key: '05647b1a0f7fb6f3c996461a825d8d60bb966b50', name: "icon" })), index.h("span", { key: 'a4de330d788288995da81cd7cbe7a9f8e9ba44c0', class: "r-select-option--label" }, index.h("slot", { key: '2cb6ac3d005a3bf9b75b0c23d27cbf1930bc15cc' })))));
124
+ return (index.h(index.Host, { key: 'f55e1ac28062ff9c02ab76c3e1b9aede186743a2', id: uniqueId, role: "option", onClick: this.handleClick, onKeydown: this.handleKeydown, "aria-disabled": `${disabled}`, "aria-selected": `${this.isSelected}`, "data-value": this.definedValue, "data-focused": `${this.isFocused}` }, index.h("div", { key: '89a1ac5a1cf7e842eb2083469c802b41de0d24a2', class: "r-select-option" }, icon && index.h("span", { key: '97dfa1b0384b43175e42aab83d27afbca3ba954d', class: "r-select-option--icon" }, index.h("r-icon", Object.assign({ key: 'd22429de6f0f5e44e265a71626eb839129ab0792' }, iconAttributes))), !icon && hasIconSlot && index.h("span", { key: 'b660efa16353c5f0ad5953e576eb1dab6779da02', class: "r-select-option--icon" }, index.h("slot", { key: '99495694c323df2122e039414c1fdb1588b3e59f', name: "icon" })), index.h("span", { key: '0630026934eab56f02a309ae668667fbaf9ec1c9', class: "r-select-option--label" }, index.h("slot", { key: '2d4fb9319fc58ac4a838f1799046e4822f2bccf3' })))));
125
125
  }
126
126
  get host() { return index.getElement(this); }
127
127
  };
@@ -558,6 +558,11 @@ const Select = class {
558
558
  this.touched = false;
559
559
  this.dirty = false;
560
560
  }
561
+ /** Validates an element, displays provided message in case value is invalid. */
562
+ async setCustomValidity(message) {
563
+ this.customErrorMessage = message;
564
+ this.validateFormElement(this.nativeElement);
565
+ }
561
566
  /**
562
567
  * Validates the textarea without triggering UI and returns a boolean indicating its validity.
563
568
  * @returns A boolean indicating whether the textarea is valid.
@@ -1016,8 +1021,9 @@ const Select = class {
1016
1021
  return this.invalid && ((_a = this.error) === null || _a === void 0 ? void 0 : _a.length) > 0;
1017
1022
  }
1018
1023
  get hasValidationError() {
1019
- var _a;
1020
- return this.validityState !== 'valid' && ((_a = this.validityMessage) === null || _a === void 0 ? void 0 : _a.length) > 0;
1024
+ if (!this.validityState)
1025
+ return false;
1026
+ return this.validityState !== 'valid' && !!(this.validityMessage || this.customErrorMessage);
1021
1027
  }
1022
1028
  get hasMessage() {
1023
1029
  return this.hasError || this.hasValidationError;
@@ -1085,8 +1091,8 @@ const Select = class {
1085
1091
  disabled,
1086
1092
  required: isRequired
1087
1093
  };
1088
- return (index.h(index.Host, { key: 'f52fa96bdacace6070cd2baa15f8fab939d05916', "data-value": this.currentValue, expanded: !this.disabled && this.isExpanded, "data-listbox-position": this.listboxPositionState, "data-initial-value": this.initial['value'], "data-is-placeholder": `${!!this.isPlaceholder}`, "data-value-focused": `${!!this.isValueFocused}`, "data-option-focused": `${!!this.focusedOption}`, "data-validity-state": `${this.validityState || ''}`, "data-validity-message": `${this.validityMessage || ''}`, "data-readonly": `${!!this.isReadonly}`, "data-touched": `${this.touched}`, "data-dirty": `${this.dirty}` }, index.h("div", { key: '80326d43674f8caac11678ca4d5a6ca8178f9454', class: `r-select--label ${!internal ? 'r-select--label__margin-bottom' : ''}` }, index.h("div", { key: '25fa25960350a338c7c9156d38c974c0ad8a0861', class: internal ? 'visually-hidden' : 'r-select--label-container' }, index.h("label", { key: 'b52ac4d91e32df39459492bbeaf166d2a71d165c', id: `${uniqueId}-label`, onClick: this.isInteractive ? this.onValueClick : null }, index.h("r-label", Object.assign({ key: 'ac75955086f424e781baf66e6853cbc89ec20d56' }, labelAttr), label)), index.h("slot", { key: '4cd953da5c64a473070ce4b8a3e5721a36561685', name: "popover" })), hint &&
1089
- index.h("r-hint", { key: '2d6a2e9eae51d56f31886725274c637e76ab4d75', id: `${uniqueId}-hint`, class: "r-select--hint" }, hint)), index.h("div", { key: '8107a1d2475d11d6e827d7394ade84f9c4c85ea5', class: "r-select" }, index.h("select", Object.assign({ key: 'd7a60a4ff2f8f568da1ea90d859d5de78a1e73ef', class: "r-select--native", ref: el => this.nativeElement = el }, nativeAttrs)), index.h("div", { key: '9d49470c7e4cc179dfd93cb1233e2bbf86ac7641', class: "r-select--container" }, this.combobox ? this.renderCombobox(comboboxAttrs) : this.renderSelect(comboboxAttrs), index.h("div", Object.assign({ key: '9594f3439c7591a4e4ef359a205a55d1c56dbb80', role: "listbox", tabindex: "-1", id: `${uniqueId}-list`, class: "r-select--options", ref: el => this.listboxElement = el }, listboxAttrs), (this.isNoResultsFound || !((_a = this.optionElements) === null || _a === void 0 ? void 0 : _a.length)) && index.h("r-select-option", { key: 'ae0ef701ff3e7db4c17aba7d57265122c3bf6587', "data-no-results": "true", value: "no_results" }, this.noResultsFound), index.h("slot", { key: '012fcee55283c7bc5a3230ff23b692eca33d853b', onSlotchange: this.handleSlotChange })))), index.h("div", { key: '94fc769d8eeb0bd92f1d12d553b033a3de9ad8dc', id: `${uniqueId}-message`, "aria-live": "polite", "aria-atomic": "true", ref: (el) => this.messageContainer = el, class: this.hasMessage && !internal ? 'r-select--message' : 'visually-hidden' }, this.hasMessage && index.h("r-hint", { key: '881e60130bd3cbc9004aacbb027911357286a516', variant: this.invalid ? 'error' : 'success' }, this.hasError && this.error, this.hasValidationError && this.validityMessage))));
1094
+ return (index.h(index.Host, { key: '760b35180f5c0e716387bf92b886aef11d33a433', "data-value": this.currentValue, expanded: !this.disabled && this.isExpanded, "data-listbox-position": this.listboxPositionState, "data-initial-value": this.initial['value'], "data-is-placeholder": `${!!this.isPlaceholder}`, "data-value-focused": `${!!this.isValueFocused}`, "data-option-focused": `${!!this.focusedOption}`, "data-validity-state": `${this.validityState || ''}`, "data-validity-message": `${this.validityMessage || ''}`, "data-readonly": `${!!this.isReadonly}`, "data-touched": `${this.touched}`, "data-dirty": `${this.dirty}` }, index.h("div", { key: 'ba9308fb7a9d91d0464a723ac00916832ceaef9d', class: `r-select--label ${!internal ? 'r-select--label__margin-bottom' : ''}` }, index.h("div", { key: '6de28553dd9a44fd3f0d8b73fffdbaabc2d724d1', class: internal ? 'visually-hidden' : 'r-select--label-container' }, index.h("label", { key: 'f4eb1fbe89376b3f3d886d0acfb33616a0df9e61', id: `${uniqueId}-label`, onClick: this.isInteractive ? this.onValueClick : null }, index.h("r-label", Object.assign({ key: 'fa2829ffca13fe5640e75650646aa0dafe44d31c' }, labelAttr), label)), index.h("slot", { key: '27dca50b5e65eedd73c40992734134f1e52b15d3', name: "popover" })), hint &&
1095
+ index.h("r-hint", { key: '32ebd3a250e9917f51788347f8683095b701e694', id: `${uniqueId}-hint`, class: "r-select--hint" }, hint)), index.h("div", { key: '2e195fab570c59cd8e5c038ad2c395c08bc10592', class: "r-select" }, index.h("select", Object.assign({ key: '3ef7ca05510c50c2453f6c30e1faf3558c602a9c', class: "r-select--native", ref: el => this.nativeElement = el }, nativeAttrs)), index.h("div", { key: 'bf431b52523f3a810c60db6c20bae82f0bd12dc4', class: "r-select--container" }, this.combobox ? this.renderCombobox(comboboxAttrs) : this.renderSelect(comboboxAttrs), index.h("div", Object.assign({ key: 'e716d8ea4f124373a1f56f80e4c7f6b2399c6b09', role: "listbox", tabindex: "-1", id: `${uniqueId}-list`, class: "r-select--options", ref: el => this.listboxElement = el }, listboxAttrs), (this.isNoResultsFound || !((_a = this.optionElements) === null || _a === void 0 ? void 0 : _a.length)) && index.h("r-select-option", { key: '61e5bbcdff156c61f4f46c8fc2f8dddc30fe345a', "data-no-results": "true", value: "no_results" }, this.noResultsFound), index.h("slot", { key: '8b0949058681d8274aaac39d184a0e59ae91fec8', onSlotchange: this.handleSlotChange })))), index.h("div", { key: 'd007a8402ecea45df2d24b0169a30856a12c45a0', id: `${uniqueId}-message`, "aria-live": "polite", "aria-atomic": "true", ref: (el) => this.messageContainer = el, class: this.hasMessage && !internal ? 'r-select--message' : 'visually-hidden' }, this.hasMessage && index.h("r-hint", { key: '83ebfc3c344452d15213087284035853b54b1b3d', variant: this.invalid ? 'error' : 'success' }, this.hasError && this.error, this.hasValidationError && (this.customErrorMessage || this.validityMessage)))));
1090
1096
  }
1091
1097
  get host() { return index.getElement(this); }
1092
1098
  static get watchers() { return {
@@ -11,7 +11,7 @@ const SkipLink = class {
11
11
  this.position = 'center';
12
12
  }
13
13
  render() {
14
- return (index.h(index.Host, { key: '08280b6003ccf78bf96eba9778fd3ddcaebc8947' }, index.h("slot", { key: '7808e8156601912e0192fe0b74bdedda2c359e1c' })));
14
+ return (index.h(index.Host, { key: '0a243668431f65138c3bf66e40013eb4be72a2be' }, index.h("slot", { key: '65749c9f436173b7497d11a8f71e5237317e4d3e' })));
15
15
  }
16
16
  };
17
17
  SkipLink.style = skipLinkCss;
@@ -32,8 +32,8 @@ const StepperItem = class {
32
32
  }
33
33
  render() {
34
34
  const number = this.number || this.stepNumber;
35
- return (index.h(index.Host, { key: '4f55b5491ec5eee7cad6313fa85e7d6cc89b2178', role: "listitem", "aria-current": this.active ? 'step' : null }, index.h("div", { key: '2864f0e19f2f11af0f8674b9a701cd948024c085', class: "r-stepper-item" }, index.h("div", { key: 'de896ec98a13a4b20965a3ca58c5517a30de1f74', class: "r-stepper-item--indicator" }, this.complete ? (index.h("r-icon", { name: "check", size: "s" })) : this.icon ? (index.h("r-icon", { name: this.icon, iconAriaLabel: this.label, size: "s" })) : number !== undefined ? (index.h("span", { "aria-hidden": `${!this.hasOnlyVisuallyHiddenContent}`, class: "r-stepper-item--indicator--step-number" }, number)) : null), this.hasText &&
36
- index.h("div", { key: 'cf3b6b5e3f4454830ecce06a6b6c16225aadd93e', "data-visually-hidden-only": `${this.hasOnlyVisuallyHiddenContent}`, class: "r-stepper-item--text" }, index.h("slot", { key: '65bd1f231c445f9681750c71ef156297edbf05fb' })))));
35
+ return (index.h(index.Host, { key: '2a3f15db4e1214ddb2b9b9ca61f7be4f7cc93cdf', role: "listitem", "aria-current": this.active ? 'step' : null }, index.h("div", { key: '98026269db0de698e020ac591d99cb4ac8ff296b', class: "r-stepper-item" }, index.h("div", { key: '87227beabbe2200e0ac4e99fa4246a72eaaebf55', class: "r-stepper-item--indicator" }, this.complete ? (index.h("r-icon", { name: "check", size: "s" })) : this.icon ? (index.h("r-icon", { name: this.icon, iconAriaLabel: this.label, size: "s" })) : number !== undefined ? (index.h("span", { "aria-hidden": `${!this.hasOnlyVisuallyHiddenContent}`, class: "r-stepper-item--indicator--step-number" }, number)) : null), this.hasText &&
36
+ index.h("div", { key: '447f86dfda0e76666e5d313f088e45e7a0a86787', "data-visually-hidden-only": `${this.hasOnlyVisuallyHiddenContent}`, class: "r-stepper-item--text" }, index.h("slot", { key: '039013569ab20d64f2e067325f341b2d720acc19' })))));
37
37
  }
38
38
  get host() { return index.getElement(this); }
39
39
  };
@@ -87,7 +87,7 @@ const Stepper = class {
87
87
  }
88
88
  render() {
89
89
  const completed = this.completed || this.completeSteps;
90
- return (index.h(index.Host, { key: '9a8684fe78d610b90c824a8bd06371efc222b94a' }, index.h("ol", { key: '89c37db27cab79946f29e5302784f3a17c853cef', class: "r-stepper", "aria-label": this.label || null }, !this.hasSteps && Array.from({ length: this.total }, (_, index$1) => (index.h("r-stepper-item", { number: index$1 + 1, complete: completed > index$1, active: completed === index$1, key: index$1 }))), index.h("slot", { key: '92d043648fb9c12ca5222a569ec40a917798af5a', onSlotchange: this.handleSlotChange }))));
90
+ return (index.h(index.Host, { key: 'd4e3e3aca9a2c52e3549c686679ca6d110b715c0' }, index.h("ol", { key: '7cad36ede8507e3583f877ce3856df903f5ddd80', class: "r-stepper", "aria-label": this.label || null }, !this.hasSteps && Array.from({ length: this.total }, (_, index$1) => (index.h("r-stepper-item", { number: index$1 + 1, complete: completed > index$1, active: completed === index$1, key: index$1 }))), index.h("slot", { key: '4942b4293e607acc74afa59a49dd4b4ce0348f5e', onSlotchange: this.handleSlotChange }))));
91
91
  }
92
92
  get host() { return index.getElement(this); }
93
93
  static get watchers() { return {
@@ -18,7 +18,7 @@ const RTabPanel = class {
18
18
  active,
19
19
  'aria-labelledby': tabId
20
20
  };
21
- return (index.h(index.Host, Object.assign({ key: 'f58718704b5625e82bfa531bcbf2b6c94c2e1ae3', class: "r-typography" }, hostAttrs), index.h("div", { key: '75dc2720b47da749a4d1e168e20338b94724a369', class: "r-tab-panel" }, index.h("slot", { key: '9710a7fc07751091c4ec0c97ae1d205ae540fdfd' }))));
21
+ return (index.h(index.Host, Object.assign({ key: '22e44ca7e5addc5d912e8005374cf0b01149eabe', class: "r-typography" }, hostAttrs), index.h("div", { key: '4b9498ba0f513636a5cfa0c29eb8158ab9ebca70', class: "r-tab-panel" }, index.h("slot", { key: 'e6d9d6538663c6a3b6c6772242bb8b7a107f26c0' }))));
22
22
  }
23
23
  };
24
24
  RTabPanel.style = tabPanelCss;
@@ -51,9 +51,9 @@ const RTab = class {
51
51
  'aria-selected': `${active}`,
52
52
  'aria-disabled': `${disabled}`
53
53
  };
54
- return (index.h(index.Host, Object.assign({ key: '270a02c942f223ef5ac0f9f83d33c51bfd88c1c7', onClick: this.handleClick, onKeyUp: this.handleKeyup, onKeyDown: this.handleKeydown }, hostAttrs), index.h("span", { key: '60bbf17ad69478028579b61d03ca316a55ce52ea', class: "r-tab" }, disabled ?
54
+ return (index.h(index.Host, Object.assign({ key: 'b68ad2b51c624ef92886f791e2093951ec235042', onClick: this.handleClick, onKeyUp: this.handleKeyup, onKeyDown: this.handleKeydown }, hostAttrs), index.h("span", { key: '59898569007666db12270834489378d695b7b651', class: "r-tab" }, disabled ?
55
55
  index.h("r-icon", { class: "r-tab--disabled-icon", size: "s", name: "circle-slash" })
56
- : index.h("slot", { name: "icon" }), index.h("slot", { key: '5b0582bebdf14a0de908d23d2a08d80cf1850b50' }))));
56
+ : index.h("slot", { name: "icon" }), index.h("slot", { key: '5e3b5ace265b9884bd659311d23955c084da995b' }))));
57
57
  }
58
58
  get host() { return index.getElement(this); }
59
59
  };
@@ -164,9 +164,9 @@ const RTabsList = class {
164
164
  (_a = this.resizeObserver) === null || _a === void 0 ? void 0 : _a.disconnect();
165
165
  }
166
166
  render() {
167
- return (index.h(index.Host, { key: '19666af123fe058aa3e654c153ad84ec16861a59', scrollable: `${this.scrollable}`, role: "tablist" }, index.h("div", { key: '5de7241f57b419133f81ae565bf517873a8e9268', class: "r-tabs-list" }, this.scrollable &&
168
- index.h("div", { key: 'ff5edcbb61dd4ba9be3e0baf22822edbcbf8ec6d', "aria-hidden": "true", class: "r-tabs-list--scroll-button-container" }, this.renderScrollButton('left', this.firstItemVisible, this.scrollLeft, this.scrollLeftTooltip), !this.firstItemVisible && index.h("div", { key: '76fbeab529e2a7869ac7e946b1c0863969114888', class: "r-tabs-list--scroll-indicator" })), index.h("div", { key: 'd520b386242700c000daf85eba8d50fb014fc616', class: "r-tabs-list--tabs-container", ref: (el) => this.containerRef = el, onScroll: this.updateScrollState }, index.h("slot", { key: 'f8534275445ed4d32154519f0a8f592ee7ea3353' })), this.scrollable &&
169
- index.h("div", { key: '8ca03d4864eba5af975de4dd6dc6fd3c3e8be108', "aria-hidden": "true", class: "r-tabs-list--scroll-button-container" }, !this.lastItemVisible && index.h("div", { key: '1a0534b79bbe3273a73f48530a3a17ccac0d7826', class: "r-tabs-list--scroll-indicator" }), this.renderScrollButton('right', this.lastItemVisible, this.scrollRight, this.scrollRightTooltip)))));
167
+ return (index.h(index.Host, { key: '3a43356d4178acc008f6213b4f27488740582497', scrollable: `${this.scrollable}`, role: "tablist" }, index.h("div", { key: 'aa5fdb9a8e8445b083a9ac17d0b6c72f8693e181', class: "r-tabs-list" }, this.scrollable &&
168
+ index.h("div", { key: '2ba0a3eeae8fd073016af13c9781a20b3c1078cd', "aria-hidden": "true", class: "r-tabs-list--scroll-button-container" }, this.renderScrollButton('left', this.firstItemVisible, this.scrollLeft, this.scrollLeftTooltip), !this.firstItemVisible && index.h("div", { key: '132141c530c86a0cb5abb48ae5ab55fe00c33444', class: "r-tabs-list--scroll-indicator" })), index.h("div", { key: 'bbad4d5cf268fa5e15f2e83050ab4f40ec284cbc', class: "r-tabs-list--tabs-container", ref: (el) => this.containerRef = el, onScroll: this.updateScrollState }, index.h("slot", { key: '8531037917ff783f4467e232ffafff4f2fd0be1f' })), this.scrollable &&
169
+ index.h("div", { key: 'e39465fadb91478adf2f2ed529a89038ff6695c3', "aria-hidden": "true", class: "r-tabs-list--scroll-button-container" }, !this.lastItemVisible && index.h("div", { key: 'a4d5660cde041b1ab6ef77c8498e74a85fb79289', class: "r-tabs-list--scroll-indicator" }), this.renderScrollButton('right', this.lastItemVisible, this.scrollRight, this.scrollRightTooltip)))));
170
170
  }
171
171
  get host() { return index.getElement(this); }
172
172
  };
@@ -268,7 +268,7 @@ const RTabs = class {
268
268
  this._changeFocusTab(e.target, e.detail.keycode);
269
269
  }
270
270
  render() {
271
- return (index.h(index.Host, { key: '0737bf78e596f8fb9d4a2ec10f1503d1072f2683', class: "r-tabs" }, index.h("slot", { key: '5bc87b17930c9ea159ef29335c6b11f0f4c7d43e' })));
271
+ return (index.h(index.Host, { key: 'a1ff15e7b90774486932acd7035839fc8794e10b', class: "r-tabs" }, index.h("slot", { key: '4d8a00d7344c8cbc69896b43da740009fa54cab9' })));
272
272
  }
273
273
  get host() { return index.getElement(this); }
274
274
  };
@@ -37,7 +37,7 @@ const ToastGroup = class {
37
37
  this.observeSlotContentChange();
38
38
  }
39
39
  render() {
40
- return (index.h(index.Host, { key: '85ab80be1fca1d1a9c3dc2e17de616747748a4dd' }, index.h("div", { key: 'a88670978563caeb8f500f4b5f9af2bcd0ade386', class: "r-toast-group" }, index.h("slot", { key: 'ab1480a47cfae0cacc45de708d51e8a77b6dfb85' }))));
40
+ return (index.h(index.Host, { key: '9924942e0ad98ba7e26b0b816bc79546c43c6064' }, index.h("div", { key: 'ea11ad2d95cb84e15773ab1278ae2229a6fda25d', class: "r-toast-group" }, index.h("slot", { key: '047c070360fe1649a96b867456228892fa75cd26' }))));
41
41
  }
42
42
  get host() { return index.getElement(this); }
43
43
  };
@@ -105,7 +105,10 @@ const Toast = class {
105
105
  // This captures the current natural height for the animation
106
106
  this.updateHeightVariable();
107
107
  this.isOpen = false;
108
- this.toastDismiss.emit();
108
+ // Only emit if still connected to DOM
109
+ if (this.host.isConnected) {
110
+ this.toastDismiss.emit();
111
+ }
109
112
  this.animationCompleted = false;
110
113
  if (this.removalTimer)
111
114
  clearTimeout(this.removalTimer);
@@ -268,6 +271,11 @@ const Toast = class {
268
271
  }
269
272
  disconnectedCallback() {
270
273
  this.host.removeEventListener('animationend', this.handleAnimationEnd);
274
+ // Clear pending timers to prevent events from firing after component is removed
275
+ if (this.delayTimer)
276
+ clearTimeout(this.delayTimer);
277
+ if (this.removalTimer)
278
+ clearTimeout(this.removalTimer);
271
279
  }
272
280
  render() {
273
281
  const { headline, href, action, target, trailingIcon } = this;
@@ -287,14 +295,14 @@ const Toast = class {
287
295
  name: trailingIcon,
288
296
  size: 'm'
289
297
  };
290
- return (index.h(index.Host, Object.assign({ key: '4fa8a3d2db292941933f73437d823f3f6581d626' }, hostAttrs, { id: this.uniqueId, "data-visually-hidden": `${this.isOpen ? 'false' : 'true'}`, style: { visibility: this.isOpen ? 'visible' : 'hidden' } }), index.h("div", { key: '20506092a2459d836918da00f1670cf18730a42c', class: "r-toast" }, this.hasLeading &&
291
- index.h("div", { key: '384ce331ff3825bc01323bbb6f3972ccd4198223', class: "r-toast--leading" }, this.hasLeadingSlot && index.h("slot", { key: 'eb455c5729d37431b8576dfcaff6eceead5000bb', name: "leading" }), this.leadingIconVisible && index.h("r-icon", Object.assign({ key: '3b0b3e9d9516a072d5c3b5ca50ab3353cdf20053', class: "r-toast--leading-icon" }, leadingIconAttrs))), index.h("div", { key: 'dcfc949dda66a2437cbb4b3e2847266e55ab83d6', class: "r-toast--main" }, this.hasHeadline &&
292
- index.h("h2", { key: 'c1abf4f2b6abc7b53db6727ff09f027d4b2a940d', class: "r-toast--headline" }, index.h("slot", { key: '9b6a57199eac2a4e0f96d38cc0b3d02adc2bb279', name: "headline" }, headline)), this.hasContent &&
293
- index.h("div", { key: '6c182bd58efe6cd404ae7b20ee2464f3965b889d', class: "r-toast--content r-typography" }, index.h("slot", { key: 'a49fd6e859f1b512069fc3bed9c0c21da35d78cc', onSlotchange: this.handleSlotChange })), this.hasAction &&
294
- index.h("div", { key: 'b0282c4677483b96b3eac7ddbdb2e13ae245ebe2', class: "r-toast--action" }, index.h("slot", { key: 'e267d02a4e39a443865c1c0a62f3d6ed06e2a319', name: "action" }, this.hasActionLink &&
295
- index.h("r-button", Object.assign({ key: '8785094717619bd69c5e711873598b2fb7eeb5be', class: "r-toast--action-link", variant: "text-inline", size: "small" }, actionAttrs), action)))), this.hasTrailing &&
296
- index.h("div", { key: '066ecbc6346ed516aa9dd193505a26544bbdf92f', class: "r-toast--trailing" }, this.hasTrailingSlot && index.h("slot", { key: '890fd983d1208ea514b89aeaf394ae82c1d1ec55', name: "trailing" }), this.isDismissManual &&
297
- index.h("r-icon-button", Object.assign({ key: '2b9e06adc46cf1a726d5d78f7cedb2d1405b4c72' }, trailingIconAttrs, { class: "r-toast--trailing-button", onClick: this.handleTrailingButtonClick, label: this.dismissLabel }), index.h("slot", { key: '7349c7b3422f194852609c2cdf150a5dc4498aa9', name: "dismiss" }))))));
298
+ return (index.h(index.Host, Object.assign({ key: '011a8bc8e8a873265a9f239290f479d37c01bedf' }, hostAttrs, { id: this.uniqueId, "data-visually-hidden": `${this.isOpen ? 'false' : 'true'}`, style: { visibility: this.isOpen ? 'visible' : 'hidden' } }), index.h("div", { key: '04b15f304e0870df9d420f838463d23a5b44e0c8', class: "r-toast" }, this.hasLeading &&
299
+ index.h("div", { key: '1f093aa61c368f7cfaf250c1c67e9cdeeffc004f', class: "r-toast--leading" }, this.hasLeadingSlot && index.h("slot", { key: 'a60995cbcae0f7f89698696f8430e70905ffab52', name: "leading" }), this.leadingIconVisible && index.h("r-icon", Object.assign({ key: '4828bd01672cade715b713b9ae0fc711c4e3ae28', class: "r-toast--leading-icon" }, leadingIconAttrs))), index.h("div", { key: 'ff6be09bfb6c97c00fda03fe8b87cd41e7d6b5e3', class: "r-toast--main" }, this.hasHeadline &&
300
+ index.h("h2", { key: 'd127a98f7f215a490df84131fc213f83badce1ab', class: "r-toast--headline" }, index.h("slot", { key: 'b848f1596357d6806ca557b86bf18a7d476d7d61', name: "headline" }, headline)), this.hasContent &&
301
+ index.h("div", { key: 'a54472f865378dc9c0b387e3bd0b844bcef3e270', class: "r-toast--content r-typography" }, index.h("slot", { key: 'e5451f47f218f8c40c99acddbec8c36d683d00ca', onSlotchange: this.handleSlotChange })), this.hasAction &&
302
+ index.h("div", { key: 'da37911c654dd01adc69dbcb7e26fd06b29fef6d', class: "r-toast--action" }, index.h("slot", { key: 'b0a1aa508b2d9de350a1faa7ef7667c088f801fe', name: "action" }, this.hasActionLink &&
303
+ index.h("r-button", Object.assign({ key: 'b0473bb3b8d24ccd2b26a3e588ae58c21e026b59', class: "r-toast--action-link", variant: "text-inline", size: "small" }, actionAttrs), action)))), this.hasTrailing &&
304
+ index.h("div", { key: '69711c390acb6ca35f2ddfd350910f1e6c080f69', class: "r-toast--trailing" }, this.hasTrailingSlot && index.h("slot", { key: 'f5a1da0280b06c562c4b4c26a7d505c2cbf80903', name: "trailing" }), this.isDismissManual &&
305
+ index.h("r-icon-button", Object.assign({ key: '53f5d398b82066da7ebfba497efcc42845134e3c' }, trailingIconAttrs, { class: "r-toast--trailing-button", onClick: this.handleTrailingButtonClick, label: this.dismissLabel }), index.h("slot", { key: '0fa33220eff7b05ff9580bd62a658ee67b70c09e', name: "dismiss" }))))));
298
306
  }
299
307
  get host() { return index.getElement(this); }
300
308
  static get watchers() { return {
@@ -19,7 +19,7 @@ var patchBrowser = () => {
19
19
 
20
20
  patchBrowser().then(async (options) => {
21
21
  await appGlobals.globalScripts();
22
- return index.bootstrapLazy(JSON.parse("[[\"r-pagination.cjs\",[[257,\"r-pagination\",{\"arrows\":[1028],\"totalResults\":[514,\"total-results\"],\"pageActive\":[1538,\"page-active\"],\"itemsPerPage\":[1026,\"items-per-page\"],\"itemsPerPageOptions\":[16,\"items-per-page-options\"],\"variant\":[1],\"resultsLine\":[1028,\"results-line\"],\"startText\":[1,\"start-text\"],\"middleText\":[1,\"middle-text\"],\"endText\":[1,\"end-text\"],\"selectText\":[1,\"select-text\"],\"listBoxPosition\":[1,\"list-box-position\"],\"previousPageButtonLabel\":[1,\"previous-page-button-label\"],\"nextPageButtonLabel\":[1,\"next-page-button-label\"],\"firstPageButtonLabel\":[1,\"first-page-button-label\"],\"lastPageButtonLabel\":[1,\"last-page-button-label\"],\"pageLabel\":[1,\"page-label\"],\"ellipsisLabel\":[1,\"ellipsis-label\"],\"itemsPerPageLabel\":[1,\"items-per-page-label\"],\"total\":[32],\"active\":[32],\"previous\":[32],\"next\":[32],\"first\":[32],\"last\":[32]}]]],[\"r-input-password.cjs\",[[257,\"r-input-password\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"maxlength\":[2],\"minlength\":[2],\"pattern\":[1],\"valueMissingMessage\":[1,\"value-missing-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"tooShortMessage\":[1,\"too-short-message\"],\"patternMismatchMessage\":[1,\"pattern-mismatch-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"showPasswordAriaLabel\":[1,\"show-password-aria-label\"],\"hidePasswordAriaLabel\":[1,\"hide-password-aria-label\"],\"shownPasswordMessage\":[1,\"shown-password-message\"],\"hiddenPasswordMessage\":[1,\"hidden-password-message\"],\"passwordrules\":[1],\"autocomplete\":[1],\"showed\":[32],\"validityState\":[32],\"validityMessage\":[32],\"passwordVisibilityTimer\":[32],\"toggleShow\":[64],\"showPassword\":[64],\"hidePassword\":[64],\"getValue\":[64],\"setValue\":[64],\"checkValidity\":[64]}]]],[\"r-alert.cjs\",[[257,\"r-alert\",{\"status\":[513],\"announced\":[516],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"leadingIconVisible\":[4,\"leading-icon-visible\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingIconSize\":[1,\"trailing-icon-size\"],\"headline\":[1],\"content\":[1],\"href\":[1],\"linkText\":[1,\"link-text\"],\"target\":[1],\"delay\":[2],\"dismissButtonAriaLabel\":[1,\"dismiss-button-aria-label\"],\"delayTimer\":[32]}]]],[\"r-checkbox-group.cjs\",[[257,\"r-checkbox-group\",{\"form\":[1],\"name\":[1],\"value\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"help\":[1],\"helpIcon\":[1,\"help-icon\"],\"helpIconColor\":[1,\"help-icon-color\"],\"hint\":[1],\"showSelectAll\":[516,\"show-select-all\"],\"novalidate\":[4],\"checked\":[4],\"indetermitate\":[4],\"indeterminate\":[32],\"allChecked\":[32],\"noChecked\":[32],\"validityState\":[32],\"validityMessage\":[32],\"checkValidity\":[64],\"resetValidity\":[64],\"checkAll\":[64],\"uncheckAll\":[64]},[[0,\"rChange\",\"handleCheckboxChange\"]]]]],[\"r-input-phone-number.cjs\",[[257,\"r-input-phone-number\",{\"value\":[513],\"form\":[1],\"novalidate\":[4],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"name\":[1],\"inputLabel\":[1,\"input-label\"],\"countryCodeLabel\":[1,\"country-code-label\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[513,\"custom-error-message\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"fullWidth\":[516,\"full-width\"],\"fullPhoneNumber\":[32],\"phoneNumber\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"reset\":[64]},null,{\"value\":[\"watchValueChange\"],\"disabled\":[\"handleDisabledChange\"],\"required\":[\"handleRequiredChange\"],\"readonly\":[\"handleReadonlyChange\"],\"label\":[\"handleLabelChange\"]}]]],[\"r-toast.cjs\",[[257,\"r-toast\",{\"open\":[516],\"status\":[513],\"announced\":[516],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconVisible\":[4,\"leading-icon-visible\"],\"trailingIcon\":[1,\"trailing-icon\"],\"headline\":[513],\"href\":[1],\"action\":[1],\"target\":[1],\"delay\":[2],\"dismissMode\":[1,\"dismiss-mode\"],\"dismissLabel\":[1,\"dismiss-label\"],\"delayBeforeRemoval\":[2,\"delay-before-removal\"],\"isOpen\":[32],\"dismiss\":[64],\"reveal\":[64],\"hide\":[64],\"toggle\":[64],\"measureAndPrepareHeight\":[64]},null,{\"open\":[\"handleOpenChange\"]}]]],[\"r-dialog.cjs\",[[257,\"r-dialog\",{\"open\":[4],\"returnValue\":[1,\"return-value\"],\"headline\":[1],\"bodyText\":[1,\"body-text\"],\"bodyHeight\":[1,\"body-height\"],\"size\":[513],\"closeAriaLabel\":[513,\"close-aria-label\"],\"isOpen\":[32],\"showModal\":[64],\"close\":[64],\"toggle\":[64]},[[9,\"mouseup\",\"onMouseup\"]],{\"open\":[\"handleOpenChange\"]}]]],[\"r-input-code.cjs\",[[257,\"r-input-code\",{\"form\":[1],\"name\":[1],\"length\":[2],\"disabled\":[516],\"novalidate\":[4],\"required\":[4],\"readonly\":[516],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"invalid\":[1540],\"error\":[1],\"valid\":[1540],\"tooShortMessage\":[1,\"too-short-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"fullWidth\":[516,\"full-width\"],\"ariaCharacterLabel\":[1,\"aria-character-label\"],\"value\":[1537],\"inputmode\":[1],\"enterkeyhint\":[1],\"autocomplete\":[1],\"values\":[32],\"wasComplete\":[32],\"lastCompletedValue\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"reset\":[64],\"setValue\":[64],\"checkValidity\":[64],\"focusSegment\":[64],\"getSegmentValue\":[64],\"setSegmentValue\":[64]},null,{\"values\":[\"handleValuesChange\"],\"length\":[\"handleLengthChange\"]}]]],[\"r-input-date.cjs\",[[257,\"r-input-date\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"format\":[1537],\"value\":[1537],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"dayAriaLabel\":[513,\"day-aria-label\"],\"monthAriaLabel\":[513,\"month-aria-label\"],\"yearAriaLabel\":[513,\"year-aria-label\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"invalidDateMessage\":[1,\"invalid-date-message\"],\"min\":[513],\"max\":[513],\"rangeUnderflowMessage\":[1,\"range-underflow-message\"],\"rangeOverflowMessage\":[1,\"range-overflow-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"currentValues\":[32],\"delimiter\":[32],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"dirty\":[32],\"getValue\":[64],\"setValue\":[64],\"getFormat\":[64],\"setFormat\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64],\"reset\":[64],\"checkValidity\":[64]},null,{\"format\":[\"handleFormatChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-popover.cjs\",[[257,\"r-popover\",{\"open\":[516],\"dismissMode\":[513,\"dismiss-mode\"],\"dismissAriaLabel\":[1,\"dismiss-aria-label\"],\"triggerAction\":[513,\"trigger-action\"],\"triggerAriaLabel\":[1,\"trigger-aria-label\"],\"vertical\":[1],\"horizontal\":[1],\"positionState\":[32],\"isOpen\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"keyup\",\"onKeyup\"],[9,\"resize\",\"onResize\"],[9,\"scroll\",\"onScroll\"]],{\"open\":[\"handleOpenChange\"],\"isOpen\":[\"watchOpen\"],\"horizontal\":[\"handlePreferredPositionChange\"],\"vertical\":[\"handlePreferredPositionChange\"]}]]],[\"r-radio-group.cjs\",[[257,\"r-radio-group\",{\"form\":[513],\"name\":[513],\"value\":[1537],\"novalidate\":[4],\"label\":[1],\"required\":[4],\"fieldIndicator\":[1,\"field-indicator\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"hint\":[1],\"variant\":[513],\"autofocus\":[4],\"parentValue\":[1,\"parent-value\"],\"validityState\":[32],\"validityMessage\":[32],\"resetValidity\":[64],\"reset\":[64],\"setValue\":[64],\"getValue\":[64],\"clearValue\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"setCustomValidity\":[64],\"setFocus\":[64],\"setBlur\":[64]},[[0,\"rChange\",\"rChangeAction\"],[0,\"radioButtonClick\",\"radioButtonClickAction\"],[0,\"radioButtonKeydown\",\"radioButtonKeydownAction\"]]]]],[\"r-tabs-list.cjs\",[[257,\"r-tabs-list\",{\"variant\":[513],\"border\":[513],\"scrollLeftTooltip\":[1,\"scroll-left-tooltip\"],\"scrollRightTooltip\":[1,\"scroll-right-tooltip\"],\"scrollable\":[32],\"firstItemVisible\":[32],\"lastItemVisible\":[32]},[[0,\"tabChange\",\"tabChangeAction\"]]]]],[\"r-textarea.cjs\",[[257,\"r-textarea\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"rows\":[2],\"cols\":[2],\"resize\":[513],\"disabled\":[4],\"readonly\":[516],\"hint\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"maxlength\":[2],\"showCounter\":[4,\"show-counter\"],\"characterLimitReachedMessage\":[1,\"character-limit-reached-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"minlength\":[2],\"tooShortMessage\":[1,\"too-short-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"validityState\":[32],\"validityMessage\":[32],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"setFocus\":[64],\"setBlur\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"reportValidity\":[64]}]]],[\"r-panel.cjs\",[[257,\"r-panel\",{\"header\":[1],\"hasHeader\":[4,\"has-header\"],\"active\":[4],\"hasFooter\":[4,\"has-footer\"],\"variant\":[513],\"collapsed\":[4],\"logoLink\":[1,\"logo-link\"],\"labelCollapse\":[1,\"label-collapse\"],\"labelExpand\":[1,\"label-expand\"],\"currentLocation\":[32],\"isCollapsed\":[32],\"togglePanel\":[64],\"expandPanel\":[64],\"collapsePanel\":[64]},[[2,\"click\",\"toggleSubItems\"],[4,\"click\",\"handleDocumentClick\"]],{\"isCollapsed\":[\"handleCollapseChange\"],\"variant\":[\"watchVariant\"]}]]],[\"r-radio-button.cjs\",[[257,\"r-radio-button\",{\"form\":[513],\"name\":[1537],\"value\":[520],\"novalidate\":[4],\"invalid\":[516],\"required\":[516],\"disabled\":[516],\"autofocus\":[4],\"checked\":[1540],\"hint\":[1],\"error\":[1],\"description\":[1],\"icon\":[1],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64]}]]],[\"r-stepper.cjs\",[[257,\"r-stepper\",{\"completed\":[514],\"completeSteps\":[514,\"complete-steps\"],\"total\":[2],\"label\":[513],\"completedStepsLabel\":[513,\"completed-steps-label\"]},[[9,\"resize\",\"onResize\"]],{\"completedStepsLabel\":[\"handleCompletedStepsLabelChange\"]}]]],[\"r-accordion-trigger.cjs\",[[257,\"r-accordion-trigger\",{\"panel\":[1],\"expanded\":[516],\"disabled\":[516],\"splitted\":[4]},null,{\"expanded\":[\"updateExpanded\"]}]]],[\"r-badge.cjs\",[[257,\"r-badge\",{\"variant\":[1],\"iconAriaLabel\":[1,\"icon-aria-label\"],\"iconVisible\":[4,\"icon-visible\"]}]]],[\"r-list-item.cjs\",[[257,\"r-list-item\",{\"headline\":[1],\"description\":[1],\"truncateDescription\":[4,\"truncate-description\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"hideLeadingIcon\":[4,\"hide-leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingText\":[1,\"trailing-text\"],\"alignment\":[513],\"divider\":[516],\"href\":[513],\"disabled\":[516],\"variant\":[513],\"expanded\":[1540],\"active\":[516],\"toggleSubitems\":[64]}]]],[\"r-tab.cjs\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"r-accordion.cjs\",[[257,\"r-accordion\",{\"multiple\":[516],\"size\":[513]}]]],[\"r-accordion-panel.cjs\",[[257,\"r-accordion-panel\",{\"trigger\":[1],\"expanded\":[516],\"disabled\":[516]}]]],[\"r-accordion-section.cjs\",[[257,\"r-accordion-section\",{\"disabled\":[1540],\"expanded\":[1540],\"headingAriaLevel\":[514,\"heading-aria-level\"],\"isExpanded\":[32]},[[0,\"rClickTrigger\",\"rClickTriggerAction\"],[0,\"rKeyupTrigger\",\"rKeyupTriggerAction\"]],{\"expanded\":[\"expandedAction\"]}]]],[\"r-design-system-devtools.cjs\",[[257,\"r-design-system-devtools\",{\"designTokens\":[4,\"design-tokens\"]}]]],[\"r-illustration.cjs\",[[257,\"r-illustration\",{\"name\":[513],\"width\":[513],\"theme\":[513],\"minWidth\":[1,\"min-width\"],\"maxWidth\":[1,\"max-width\"],\"svgTitle\":[1,\"svg-title\"],\"svgDescription\":[1,\"svg-description\"],\"errorMessage\":[1,\"error-message\"],\"emptyImageTitle\":[1,\"empty-image-title\"],\"emptyMarkerTitle\":[1,\"empty-marker-title\"],\"detectedTheme\":[32],\"error\":[32]}]]],[\"r-popover-action.cjs\",[[257,\"r-popover-action\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-content.cjs\",[[257,\"r-popover-content\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-headline.cjs\",[[257,\"r-popover-headline\"]]],[\"r-popover-trigger.cjs\",[[257,\"r-popover-trigger\",{\"setFocus\":[64],\"setBlur\":[64]}]]],[\"r-progress-bar.cjs\",[[257,\"r-progress-bar\",{\"progress\":[514],\"rAriaLabel\":[513,\"r-aria-label\"]}]]],[\"r-radio-button-description.cjs\",[[257,\"r-radio-button-description\"]]],[\"r-radio-button-leading.cjs\",[[257,\"r-radio-button-leading\"]]],[\"r-radio-button-title.cjs\",[[257,\"r-radio-button-title\"]]],[\"r-radio-button-trailing.cjs\",[[257,\"r-radio-button-trailing\"]]],[\"r-skip-link.cjs\",[[257,\"r-skip-link\",{\"position\":[513]}]]],[\"r-tab-panel.cjs\",[[257,\"r-tab-panel\",{\"active\":[516],\"tabId\":[513,\"tab-id\"]}]]],[\"r-tabs.cjs\",[[257,\"r-tabs\",{\"navigation\":[4],\"activeTab\":[32]},[[0,\"tabChange\",\"tabChangeAction\"],[0,\"moveTabFocus\",\"moveTabFocusAction\"]]]]],[\"r-toast-group.cjs\",[[257,\"r-toast-group\"]]],[\"r-icon.cjs\",[[257,\"r-icon\",{\"name\":[513],\"src\":[1],\"kit\":[1],\"size\":[513],\"viewBox\":[1,\"view-box\"],\"color\":[1],\"variant\":[513],\"iconAriaLabel\":[1,\"icon-aria-label\"]}]]],[\"r-select.cjs\",[[257,\"r-select\",{\"form\":[513],\"novalidate\":[4],\"name\":[513],\"value\":[513],\"label\":[513],\"internal\":[516],\"placeholder\":[513],\"hint\":[513],\"disabled\":[516],\"required\":[516],\"fieldIndicator\":[513,\"field-indicator\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[513],\"fullWidth\":[516,\"full-width\"],\"listboxPosition\":[1,\"listbox-position\"],\"valueMissingMessage\":[513,\"value-missing-message\"],\"customErrorMessage\":[513,\"custom-error-message\"],\"expanded\":[4],\"readonly\":[516],\"combobox\":[516],\"toggleButtonAriaLabel\":[1,\"toggle-button-aria-label\"],\"noResultsFound\":[1,\"no-results-found\"],\"listboxPositionState\":[32],\"validityState\":[32],\"validityMessage\":[32],\"isExpanded\":[32],\"isReadonly\":[32],\"currentValue\":[32],\"valueToDisplay\":[32],\"isInitializing\":[32],\"isResetting\":[32],\"focusedOption\":[32],\"isValueFocused\":[32],\"isNoResultsFound\":[32],\"touched\":[32],\"dirty\":[32],\"setReadonly\":[64],\"clearReadonly\":[64],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"resetValidation\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"setFocus\":[64],\"setBlur\":[64],\"expand\":[64],\"collapse\":[64],\"getFocusedOption\":[64],\"setFocusedOption\":[64]},[[0,\"optionClick\",\"optionSelectAction\"],[0,\"rTooltipFocus\",\"tooltipFocusAction\"],[9,\"mouseup\",\"onMouseup\"],[8,\"keyup\",\"onKeyup\"],[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"]],{\"listboxPosition\":[\"handleListboxPositionChange\"],\"expanded\":[\"handleExpandedChange\"],\"readonly\":[\"handleReadonlyChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-checkbox.cjs\",[[257,\"r-checkbox\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[513],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"autofocus\":[4],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"getValidityState\":[64],\"setFocus\":[64],\"setBlur\":[64],\"check\":[64],\"uncheck\":[64],\"toggleChecked\":[64],\"setIndeterminate\":[64],\"clearIndeterminate\":[64],\"checkValidity\":[64]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"r-stepper-item.cjs\",[[257,\"r-stepper-item\",{\"complete\":[516],\"active\":[516],\"icon\":[513],\"number\":[514],\"stepNumber\":[514,\"step-number\"],\"label\":[513]}]]],[\"r-input.cjs\",[[257,\"r-input\",{\"form\":[1],\"novalidate\":[4],\"type\":[513],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"internal\":[516],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"required\":[516],\"maxlength\":[2],\"minlength\":[2],\"min\":[2],\"max\":[2],\"pattern\":[8],\"step\":[2],\"valueMissingMessage\":[1,\"value-missing-message\"],\"typeMismatchMessage\":[1,\"type-mismatch-message\"],\"patternMismatchMessage\":[1,\"pattern-mismatch-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"tooShortMessage\":[1,\"too-short-message\"],\"rangeOverflowMessage\":[1,\"range-overflow-message\"],\"rangeUnderflowMessage\":[1,\"range-underflow-message\"],\"stepMismatchMessage\":[1,\"step-mismatch-message\"],\"badInputMessage\":[1,\"bad-input-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"autocomplete\":[1],\"enterkeyhint\":[1],\"spellcheck\":[1540],\"autocapitalize\":[1],\"passwordrules\":[1],\"autofocus\":[516],\"readonly\":[516],\"inputmode\":[1],\"validityMarker\":[516,\"validity-marker\"],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"dirty\":[32],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"setSelectionRange\":[64],\"getValue\":[64],\"setValue\":[64],\"checkValidity\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64]},null,{\"value\":[\"handleValueChange\"],\"type\":[\"handleTypeChange\"]}]]],[\"r-select-option.cjs\",[[257,\"r-select-option\",{\"disabled\":[516],\"selected\":[516],\"value\":[513],\"label\":[513],\"icon\":[1],\"iconSize\":[1,\"icon-size\"],\"iconColor\":[1,\"icon-color\"],\"iconPosition\":[513,\"icon-position\"],\"isFocused\":[32],\"isSelected\":[32],\"setFocus\":[64],\"setBlur\":[64],\"setSelected\":[64],\"clearSelected\":[64]}]]],[\"r-button.cjs\",[[257,\"r-button\",{\"form\":[1],\"type\":[513],\"rAriaLabel\":[513,\"r-aria-label\"],\"size\":[513],\"variant\":[513],\"expanded\":[516],\"disabled\":[516],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"href\":[1],\"target\":[1],\"rAriaCurrent\":[1,\"r-aria-current\"],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]},null,{\"icon\":[\"handleIconChange\"]}]]],[\"r-icon-button_2.cjs\",[[257,\"r-icon-button\",{\"label\":[1],\"name\":[513],\"size\":[513],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"variant\":[513],\"rTabindex\":[514,\"r-tabindex\"],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]}],[257,\"r-tooltip\",{\"text\":[513],\"position\":[513],\"positionState\":[32],\"arrowPositionState\":[32],\"isShown\":[32]},[[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"],[8,\"keydown\",\"handleKeydown\"]],{\"position\":[\"handleVerticalPosition\"]}]]],[\"r-hint_2.cjs\",[[257,\"r-label\",{\"fieldIndicator\":[513,\"field-indicator\"]}],[257,\"r-hint\",{\"invalid\":[516],\"variant\":[513],\"icon\":[1]}]]]]"), options);
22
+ return index.bootstrapLazy(JSON.parse("[[\"r-pagination.cjs\",[[257,\"r-pagination\",{\"arrows\":[1028],\"totalResults\":[514,\"total-results\"],\"pageActive\":[1538,\"page-active\"],\"itemsPerPage\":[1026,\"items-per-page\"],\"itemsPerPageOptions\":[16,\"items-per-page-options\"],\"variant\":[1],\"resultsLine\":[1028,\"results-line\"],\"startText\":[1,\"start-text\"],\"middleText\":[1,\"middle-text\"],\"endText\":[1,\"end-text\"],\"selectText\":[1,\"select-text\"],\"listBoxPosition\":[1,\"list-box-position\"],\"previousPageButtonLabel\":[1,\"previous-page-button-label\"],\"nextPageButtonLabel\":[1,\"next-page-button-label\"],\"firstPageButtonLabel\":[1,\"first-page-button-label\"],\"lastPageButtonLabel\":[1,\"last-page-button-label\"],\"pageLabel\":[1,\"page-label\"],\"ellipsisLabel\":[1,\"ellipsis-label\"],\"itemsPerPageLabel\":[1,\"items-per-page-label\"],\"total\":[32],\"active\":[32],\"previous\":[32],\"next\":[32],\"first\":[32],\"last\":[32]},null,{\"totalResults\":[\"handlePropsChange\"],\"itemsPerPage\":[\"handlePropsChange\"],\"variant\":[\"handlePropsChange\"],\"pageActive\":[\"handlePropsChange\"]}]]],[\"r-input-password.cjs\",[[257,\"r-input-password\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"maxlength\":[2],\"minlength\":[2],\"pattern\":[1],\"valueMissingMessage\":[1,\"value-missing-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"tooShortMessage\":[1,\"too-short-message\"],\"patternMismatchMessage\":[1,\"pattern-mismatch-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"showPasswordAriaLabel\":[1,\"show-password-aria-label\"],\"hidePasswordAriaLabel\":[1,\"hide-password-aria-label\"],\"shownPasswordMessage\":[1,\"shown-password-message\"],\"hiddenPasswordMessage\":[1,\"hidden-password-message\"],\"passwordrules\":[1],\"autocomplete\":[1],\"showed\":[32],\"validityState\":[32],\"validityMessage\":[32],\"passwordVisibilityTimer\":[32],\"toggleShow\":[64],\"showPassword\":[64],\"hidePassword\":[64],\"getValue\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64]}]]],[\"r-alert.cjs\",[[257,\"r-alert\",{\"status\":[513],\"announced\":[516],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"leadingIconVisible\":[4,\"leading-icon-visible\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingIconSize\":[1,\"trailing-icon-size\"],\"headline\":[1],\"content\":[1],\"href\":[1],\"linkText\":[1,\"link-text\"],\"target\":[1],\"delay\":[2],\"dismissButtonAriaLabel\":[1,\"dismiss-button-aria-label\"],\"delayTimer\":[32]}]]],[\"r-checkbox-group.cjs\",[[257,\"r-checkbox-group\",{\"form\":[1],\"name\":[1],\"value\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"help\":[1],\"helpIcon\":[1,\"help-icon\"],\"helpIconColor\":[1,\"help-icon-color\"],\"hint\":[1],\"showSelectAll\":[516,\"show-select-all\"],\"novalidate\":[4],\"checked\":[4],\"indetermitate\":[4],\"indeterminate\":[32],\"allChecked\":[32],\"noChecked\":[32],\"validityState\":[32],\"validityMessage\":[32],\"setCustomValidity\":[64],\"checkValidity\":[64],\"resetValidity\":[64],\"checkAll\":[64],\"uncheckAll\":[64]},[[0,\"rChange\",\"handleCheckboxChange\"]]]]],[\"r-input-phone-number.cjs\",[[257,\"r-input-phone-number\",{\"value\":[513],\"form\":[1],\"novalidate\":[4],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"name\":[1],\"inputLabel\":[1,\"input-label\"],\"countryCodeLabel\":[1,\"country-code-label\"],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[513,\"custom-error-message\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"invalidPhoneNumberMessage\":[1,\"invalid-phone-number-message\"],\"fullWidth\":[516,\"full-width\"],\"fullPhoneNumber\":[32],\"phoneNumber\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"reset\":[64]},null,{\"value\":[\"watchValueChange\"],\"disabled\":[\"handleDisabledChange\"],\"required\":[\"handleRequiredChange\"],\"readonly\":[\"handleReadonlyChange\"],\"label\":[\"handleLabelChange\"]}]]],[\"r-toast.cjs\",[[257,\"r-toast\",{\"open\":[516],\"status\":[513],\"announced\":[516],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconVisible\":[4,\"leading-icon-visible\"],\"trailingIcon\":[1,\"trailing-icon\"],\"headline\":[513],\"href\":[1],\"action\":[1],\"target\":[1],\"delay\":[2],\"dismissMode\":[1,\"dismiss-mode\"],\"dismissLabel\":[1,\"dismiss-label\"],\"delayBeforeRemoval\":[2,\"delay-before-removal\"],\"isOpen\":[32],\"dismiss\":[64],\"reveal\":[64],\"hide\":[64],\"toggle\":[64],\"measureAndPrepareHeight\":[64]},null,{\"open\":[\"handleOpenChange\"]}]]],[\"r-dialog.cjs\",[[257,\"r-dialog\",{\"open\":[4],\"returnValue\":[1,\"return-value\"],\"headline\":[1],\"bodyText\":[1,\"body-text\"],\"bodyHeight\":[1,\"body-height\"],\"size\":[513],\"closeAriaLabel\":[513,\"close-aria-label\"],\"isOpen\":[32],\"showModal\":[64],\"close\":[64],\"toggle\":[64]},[[9,\"mouseup\",\"onMouseup\"]],{\"open\":[\"handleOpenChange\"]}]]],[\"r-input-code.cjs\",[[257,\"r-input-code\",{\"form\":[1],\"name\":[1],\"length\":[2],\"disabled\":[516],\"novalidate\":[4],\"required\":[4],\"readonly\":[516],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"invalid\":[1540],\"error\":[1],\"valid\":[1540],\"tooShortMessage\":[1,\"too-short-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"fullWidth\":[516,\"full-width\"],\"ariaCharacterLabel\":[1,\"aria-character-label\"],\"value\":[1537],\"inputmode\":[1],\"enterkeyhint\":[1],\"autocomplete\":[1],\"values\":[32],\"wasComplete\":[32],\"lastCompletedValue\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"reset\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"focusSegment\":[64],\"getSegmentValue\":[64],\"setSegmentValue\":[64]},null,{\"values\":[\"handleValuesChange\"],\"length\":[\"handleLengthChange\"]}]]],[\"r-input-date.cjs\",[[257,\"r-input-date\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"format\":[1537],\"value\":[1537],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"dayAriaLabel\":[513,\"day-aria-label\"],\"monthAriaLabel\":[513,\"month-aria-label\"],\"yearAriaLabel\":[513,\"year-aria-label\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"invalidDateMessage\":[1,\"invalid-date-message\"],\"min\":[513],\"max\":[513],\"rangeUnderflowMessage\":[1,\"range-underflow-message\"],\"rangeOverflowMessage\":[1,\"range-overflow-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"currentValues\":[32],\"delimiter\":[32],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"dirty\":[32],\"getValue\":[64],\"setValue\":[64],\"getFormat\":[64],\"setFormat\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64],\"reset\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64]},null,{\"format\":[\"handleFormatChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-popover.cjs\",[[257,\"r-popover\",{\"open\":[516],\"dismissMode\":[513,\"dismiss-mode\"],\"dismissAriaLabel\":[1,\"dismiss-aria-label\"],\"triggerAction\":[513,\"trigger-action\"],\"triggerAriaLabel\":[1,\"trigger-aria-label\"],\"vertical\":[1],\"horizontal\":[1],\"positionState\":[32],\"isOpen\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64],\"setFocus\":[64],\"setBlur\":[64]},[[8,\"keyup\",\"onKeyup\"],[9,\"resize\",\"onResize\"],[9,\"scroll\",\"onScroll\"]],{\"open\":[\"handleOpenChange\"],\"isOpen\":[\"watchOpen\"],\"horizontal\":[\"handlePreferredPositionChange\"],\"vertical\":[\"handlePreferredPositionChange\"]}]]],[\"r-radio-group.cjs\",[[257,\"r-radio-group\",{\"form\":[513],\"name\":[513],\"value\":[1537],\"novalidate\":[4],\"label\":[1],\"required\":[4],\"fieldIndicator\":[1,\"field-indicator\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"hint\":[1],\"variant\":[513],\"autofocus\":[4],\"parentValue\":[1,\"parent-value\"],\"validityState\":[32],\"validityMessage\":[32],\"resetValidity\":[64],\"reset\":[64],\"setValue\":[64],\"getValue\":[64],\"clearValue\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"setCustomValidity\":[64],\"setFocus\":[64],\"setBlur\":[64]},[[0,\"rChange\",\"rChangeAction\"],[0,\"radioButtonClick\",\"radioButtonClickAction\"],[0,\"radioButtonKeydown\",\"radioButtonKeydownAction\"]]]]],[\"r-tabs-list.cjs\",[[257,\"r-tabs-list\",{\"variant\":[513],\"border\":[513],\"scrollLeftTooltip\":[1,\"scroll-left-tooltip\"],\"scrollRightTooltip\":[1,\"scroll-right-tooltip\"],\"scrollable\":[32],\"firstItemVisible\":[32],\"lastItemVisible\":[32]},[[0,\"tabChange\",\"tabChangeAction\"]]]]],[\"r-textarea.cjs\",[[257,\"r-textarea\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"rows\":[2],\"cols\":[2],\"resize\":[513],\"disabled\":[4],\"readonly\":[516],\"hint\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"maxlength\":[2],\"showCounter\":[4,\"show-counter\"],\"characterLimitReachedMessage\":[1,\"character-limit-reached-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"minlength\":[2],\"tooShortMessage\":[1,\"too-short-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"validityState\":[32],\"validityMessage\":[32],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"setFocus\":[64],\"setBlur\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"reportValidity\":[64]}]]],[\"r-panel.cjs\",[[257,\"r-panel\",{\"header\":[1],\"hasHeader\":[4,\"has-header\"],\"active\":[4],\"hasFooter\":[4,\"has-footer\"],\"variant\":[513],\"collapsed\":[4],\"logoLink\":[1,\"logo-link\"],\"labelCollapse\":[1,\"label-collapse\"],\"labelExpand\":[1,\"label-expand\"],\"currentLocation\":[32],\"isCollapsed\":[32],\"togglePanel\":[64],\"expandPanel\":[64],\"collapsePanel\":[64]},[[2,\"click\",\"toggleSubItems\"],[4,\"click\",\"handleDocumentClick\"]],{\"isCollapsed\":[\"handleCollapseChange\"],\"variant\":[\"watchVariant\"]}]]],[\"r-radio-button.cjs\",[[257,\"r-radio-button\",{\"form\":[513],\"name\":[1537],\"value\":[520],\"novalidate\":[4],\"invalid\":[516],\"required\":[516],\"disabled\":[516],\"autofocus\":[4],\"checked\":[1540],\"hint\":[1],\"error\":[1],\"description\":[1],\"icon\":[1],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64]}]]],[\"r-stepper.cjs\",[[257,\"r-stepper\",{\"completed\":[514],\"completeSteps\":[514,\"complete-steps\"],\"total\":[2],\"label\":[513],\"completedStepsLabel\":[513,\"completed-steps-label\"]},[[9,\"resize\",\"onResize\"]],{\"completedStepsLabel\":[\"handleCompletedStepsLabelChange\"]}]]],[\"r-accordion-trigger.cjs\",[[257,\"r-accordion-trigger\",{\"panel\":[1],\"expanded\":[516],\"disabled\":[516],\"splitted\":[4]},null,{\"expanded\":[\"updateExpanded\"]}]]],[\"r-badge.cjs\",[[257,\"r-badge\",{\"variant\":[1],\"iconAriaLabel\":[1,\"icon-aria-label\"],\"iconVisible\":[4,\"icon-visible\"]}]]],[\"r-list-item.cjs\",[[257,\"r-list-item\",{\"headline\":[1],\"description\":[1],\"truncateDescription\":[4,\"truncate-description\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"hideLeadingIcon\":[4,\"hide-leading-icon\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingText\":[1,\"trailing-text\"],\"alignment\":[513],\"divider\":[516],\"href\":[513],\"disabled\":[516],\"variant\":[513],\"expanded\":[1540],\"active\":[516],\"toggleSubitems\":[64]}]]],[\"r-tab.cjs\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"r-accordion.cjs\",[[257,\"r-accordion\",{\"multiple\":[516],\"size\":[513]}]]],[\"r-accordion-panel.cjs\",[[257,\"r-accordion-panel\",{\"trigger\":[1],\"expanded\":[516],\"disabled\":[516]}]]],[\"r-accordion-section.cjs\",[[257,\"r-accordion-section\",{\"disabled\":[1540],\"expanded\":[1540],\"headingAriaLevel\":[514,\"heading-aria-level\"],\"isExpanded\":[32]},[[0,\"rClickTrigger\",\"rClickTriggerAction\"],[0,\"rKeyupTrigger\",\"rKeyupTriggerAction\"]],{\"expanded\":[\"expandedAction\"]}]]],[\"r-design-system-devtools.cjs\",[[257,\"r-design-system-devtools\",{\"designTokens\":[4,\"design-tokens\"]}]]],[\"r-illustration.cjs\",[[257,\"r-illustration\",{\"name\":[513],\"width\":[513],\"theme\":[513],\"minWidth\":[1,\"min-width\"],\"maxWidth\":[1,\"max-width\"],\"svgTitle\":[1,\"svg-title\"],\"svgDescription\":[1,\"svg-description\"],\"errorMessage\":[1,\"error-message\"],\"emptyImageTitle\":[1,\"empty-image-title\"],\"emptyMarkerTitle\":[1,\"empty-marker-title\"],\"detectedTheme\":[32],\"error\":[32]}]]],[\"r-popover-action.cjs\",[[257,\"r-popover-action\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-content.cjs\",[[257,\"r-popover-content\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-headline.cjs\",[[257,\"r-popover-headline\"]]],[\"r-popover-trigger.cjs\",[[257,\"r-popover-trigger\",{\"setFocus\":[64],\"setBlur\":[64]}]]],[\"r-progress-bar.cjs\",[[257,\"r-progress-bar\",{\"progress\":[514],\"rAriaLabel\":[513,\"r-aria-label\"]}]]],[\"r-radio-button-description.cjs\",[[257,\"r-radio-button-description\"]]],[\"r-radio-button-leading.cjs\",[[257,\"r-radio-button-leading\"]]],[\"r-radio-button-title.cjs\",[[257,\"r-radio-button-title\"]]],[\"r-radio-button-trailing.cjs\",[[257,\"r-radio-button-trailing\"]]],[\"r-skip-link.cjs\",[[257,\"r-skip-link\",{\"position\":[513]}]]],[\"r-tab-panel.cjs\",[[257,\"r-tab-panel\",{\"active\":[516],\"tabId\":[513,\"tab-id\"]}]]],[\"r-tabs.cjs\",[[257,\"r-tabs\",{\"navigation\":[4],\"activeTab\":[32]},[[0,\"tabChange\",\"tabChangeAction\"],[0,\"moveTabFocus\",\"moveTabFocusAction\"]]]]],[\"r-toast-group.cjs\",[[257,\"r-toast-group\"]]],[\"r-icon.cjs\",[[257,\"r-icon\",{\"name\":[513],\"src\":[1],\"kit\":[1],\"size\":[513],\"viewBox\":[1,\"view-box\"],\"color\":[1],\"variant\":[513],\"iconAriaLabel\":[1,\"icon-aria-label\"]}]]],[\"r-select.cjs\",[[257,\"r-select\",{\"form\":[513],\"novalidate\":[4],\"name\":[513],\"value\":[513],\"label\":[513],\"internal\":[516],\"placeholder\":[513],\"hint\":[513],\"disabled\":[516],\"required\":[516],\"fieldIndicator\":[513,\"field-indicator\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[513],\"fullWidth\":[516,\"full-width\"],\"listboxPosition\":[1,\"listbox-position\"],\"valueMissingMessage\":[513,\"value-missing-message\"],\"customErrorMessage\":[513,\"custom-error-message\"],\"expanded\":[4],\"readonly\":[516],\"combobox\":[516],\"toggleButtonAriaLabel\":[1,\"toggle-button-aria-label\"],\"noResultsFound\":[1,\"no-results-found\"],\"listboxPositionState\":[32],\"validityState\":[32],\"validityMessage\":[32],\"isExpanded\":[32],\"isReadonly\":[32],\"currentValue\":[32],\"valueToDisplay\":[32],\"isInitializing\":[32],\"isResetting\":[32],\"focusedOption\":[32],\"isValueFocused\":[32],\"isNoResultsFound\":[32],\"touched\":[32],\"dirty\":[32],\"setReadonly\":[64],\"clearReadonly\":[64],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"resetValidation\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"reportValidity\":[64],\"setFocus\":[64],\"setBlur\":[64],\"expand\":[64],\"collapse\":[64],\"getFocusedOption\":[64],\"setFocusedOption\":[64]},[[0,\"optionClick\",\"optionSelectAction\"],[0,\"rTooltipFocus\",\"tooltipFocusAction\"],[9,\"mouseup\",\"onMouseup\"],[8,\"keyup\",\"onKeyup\"],[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"]],{\"listboxPosition\":[\"handleListboxPositionChange\"],\"expanded\":[\"handleExpandedChange\"],\"readonly\":[\"handleReadonlyChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-checkbox.cjs\",[[257,\"r-checkbox\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[513],\"checked\":[1540],\"indeterminate\":[1540],\"disabled\":[516],\"autofocus\":[4],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"getValidityState\":[64],\"setFocus\":[64],\"setBlur\":[64],\"check\":[64],\"uncheck\":[64],\"toggleChecked\":[64],\"setIndeterminate\":[64],\"clearIndeterminate\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"r-stepper-item.cjs\",[[257,\"r-stepper-item\",{\"complete\":[516],\"active\":[516],\"icon\":[513],\"number\":[514],\"stepNumber\":[514,\"step-number\"],\"label\":[513]}]]],[\"r-input.cjs\",[[257,\"r-input\",{\"form\":[1],\"novalidate\":[4],\"type\":[513],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"internal\":[516],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"required\":[516],\"maxlength\":[2],\"minlength\":[2],\"min\":[2],\"max\":[2],\"pattern\":[8],\"step\":[2],\"valueMissingMessage\":[1,\"value-missing-message\"],\"typeMismatchMessage\":[1,\"type-mismatch-message\"],\"patternMismatchMessage\":[1,\"pattern-mismatch-message\"],\"tooLongMessage\":[1,\"too-long-message\"],\"tooShortMessage\":[1,\"too-short-message\"],\"rangeOverflowMessage\":[1,\"range-overflow-message\"],\"rangeUnderflowMessage\":[1,\"range-underflow-message\"],\"stepMismatchMessage\":[1,\"step-mismatch-message\"],\"badInputMessage\":[1,\"bad-input-message\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"autocomplete\":[1],\"enterkeyhint\":[1],\"spellcheck\":[1540],\"autocapitalize\":[1],\"passwordrules\":[1],\"autofocus\":[516],\"readonly\":[516],\"inputmode\":[1],\"validityMarker\":[516,\"validity-marker\"],\"slottedOptions\":[32],\"validityState\":[32],\"validityMessage\":[32],\"touched\":[32],\"dirty\":[32],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"setSelectionRange\":[64],\"getValue\":[64],\"setValue\":[64],\"setCustomValidity\":[64],\"checkValidity\":[64],\"isTouched\":[64],\"isDirty\":[64],\"markAsPristine\":[64]},null,{\"value\":[\"handleValueChange\"],\"type\":[\"handleTypeChange\"]}]]],[\"r-select-option.cjs\",[[257,\"r-select-option\",{\"disabled\":[516],\"selected\":[516],\"value\":[513],\"label\":[513],\"icon\":[1],\"iconSize\":[1,\"icon-size\"],\"iconColor\":[1,\"icon-color\"],\"iconPosition\":[513,\"icon-position\"],\"isFocused\":[32],\"isSelected\":[32],\"setFocus\":[64],\"setBlur\":[64],\"setSelected\":[64],\"clearSelected\":[64]}]]],[\"r-button.cjs\",[[257,\"r-button\",{\"form\":[1],\"type\":[513],\"rAriaLabel\":[513,\"r-aria-label\"],\"size\":[513],\"variant\":[513],\"expanded\":[516],\"disabled\":[516],\"icon\":[1],\"iconPosition\":[1,\"icon-position\"],\"href\":[1],\"target\":[1],\"rAriaCurrent\":[1,\"r-aria-current\"],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]},null,{\"icon\":[\"handleIconChange\"]}]]],[\"r-icon-button_2.cjs\",[[257,\"r-icon-button\",{\"label\":[1],\"name\":[513],\"size\":[513],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"variant\":[513],\"rTabindex\":[514,\"r-tabindex\"],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]}],[257,\"r-tooltip\",{\"text\":[513],\"position\":[513],\"positionState\":[32],\"arrowPositionState\":[32],\"isShown\":[32]},[[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"],[8,\"keydown\",\"handleKeydown\"]],{\"position\":[\"handleVerticalPosition\"]}]]],[\"r-hint_2.cjs\",[[257,\"r-label\",{\"fieldIndicator\":[513,\"field-indicator\"]}],[257,\"r-hint\",{\"invalid\":[516],\"variant\":[513],\"icon\":[1]}]]]]"), options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
@@ -98,6 +98,7 @@
98
98
  }
99
99
  .r-alert--content {
100
100
  margin-top: var(--r-alert--content--margin-top, 0);
101
+ line-height: var(--r-alert--content--line-height, 1.5);
101
102
  }
102
103
  .r-alert--link,
103
104
  .r-alert ::slotted(r-button) {
@@ -50,3 +50,13 @@
50
50
  .r-badge slot[name=icon] {
51
51
  color: var(--r-badge--icon--color, var(--r-status-info-regular, #3e5c73));
52
52
  }
53
+ .r-badge--icon {
54
+ display: var(--r-badge--icon--display, inline-flex);
55
+ }
56
+ .r-badge--content {
57
+ min-width: var(--r-badge--content--min-width, none);
58
+ max-width: var(--r-badge--content--max-width, none);
59
+ overflow: var(--r-badge--content--overflow, hidden);
60
+ white-space: var(--r-badge--content--white-space, nowrap);
61
+ text-overflow: var(--r-badge--content--text-overflow, ellipsis);
62
+ }
@@ -1,6 +1,9 @@
1
1
  import { Host, h } from "@stencil/core";
2
2
  /**
3
3
  * Informational element used to indicate the status of an object or action.
4
+ * @part base - The root container
5
+ * @part content - Text container
6
+ * @part icon - Icon container
4
7
  */
5
8
  export class RBadge {
6
9
  constructor() {
@@ -29,7 +32,8 @@ export class RBadge {
29
32
  const hostAttrs = {
30
33
  variant
31
34
  };
32
- return (h(Host, Object.assign({ key: '414f16e5a8bde16b295420ea689be3b528b6b9d7' }, hostAttrs), h("div", { key: 'd06b6b22be283666817326c82503080c247b3cb7', class: "r-badge" }, iconVisible && h("slot", { key: '38e1c8768bbc6560294f798ba635bb6a1ecd5ee1', name: "icon" }, h("r-icon", { key: 'da0d4672b3fd929deb32944faeb2cf6676dd0751', size: "s", name: this.iconName, iconAriaLabel: iconAriaLabel })), h("slot", { key: 'f0c3ce3e33ddb887af28e03cbd9af75f0fe0346e' }))));
35
+ return (h(Host, Object.assign({ key: 'eb69bab38f6edbd2b7bf39167636d856df4f2f4f' }, hostAttrs), h("div", { key: 'fb717045162261e2bc4b43c8a146017318506208', class: "r-badge", part: "base" }, iconVisible &&
36
+ h("div", { key: '2788afca3d65d02882322ef792c6f3621c59fdab', class: "r-badge--icon", part: "icon" }, h("slot", { key: '2b0f42fb2b94f4fb6a5dbf0af84ce4dfc9c3c683', name: "icon" }, h("r-icon", { key: '75c78bae30a4da3678b9d22279e120a391032a0e', size: "s", name: this.iconName, iconAriaLabel: iconAriaLabel }))), h("div", { key: '42d2f9703df945d460b42cce8d1be78bbc7a196a', class: "r-badge--content", part: "content" }, h("slot", { key: '62841850b79a7fb617a29b6280d00ddeb2158399' })))));
33
37
  }
34
38
  static get is() { return "r-badge"; }
35
39
  static get encapsulation() { return "shadow"; }
@@ -135,7 +135,7 @@ export class Button {
135
135
  position: iconPosition
136
136
  };
137
137
  const TagName = isLink ? 'a' : 'button';
138
- return (h(Host, { key: '031466e55efe7e99791d10758a20f4b37e907b00' }, h(TagName, Object.assign({ key: 'a3ae13e71992fd688a97ce7dda45d981cbc5dd6c', class: "r-button" }, attrs, { "aria-label": rAriaLabel || null, "aria-current": this.ariaCurrentValue, ref: (el) => (this.nativeElement = el), onClick: this.handleClick }), h("span", { key: 'da45d9ce4699302833b83c49b0767347fc4157e4', class: "r-button--slot" }, icon && h("r-icon", Object.assign({ key: 'dc20d6e8d16b4c179f2568467acda503eb0e89e2', name: icon }, iconAttrs, { size: "s" })), this.hasIconSlot && h("slot", { key: '43fbd25fd7d938ee2a7d872194ff72bc2d7695f3', name: "icon" }), h("div", { key: '26f26cf15e77c7e4b72992dee1a08851848fc0bd', style: { display: 'contents' } }, h("slot", { key: 'ce694ed33656d76e6e094a5655dc598ca6df4a5b', onSlotchange: this.handleSlotChange }))))));
138
+ return (h(Host, { key: 'e93ad739417293917e59c26f213c0fbf784ed4d7' }, h(TagName, Object.assign({ key: 'c447e81e5900ad18d0af96025d6f5634fd1e5d2f', class: "r-button" }, attrs, { "aria-label": rAriaLabel || null, "aria-current": this.ariaCurrentValue, ref: (el) => (this.nativeElement = el), onClick: this.handleClick }), h("span", { key: '4f2706c98face1c8ef1cc72ae186501f49540d39', class: "r-button--slot" }, icon && h("r-icon", Object.assign({ key: '916942e6657fa1f7e342d120111a381db7200470', name: icon }, iconAttrs, { size: "s" })), this.hasIconSlot && h("slot", { key: '961c37f8d825639256a8234dbae92bdc926c7263', name: "icon" }), h("div", { key: '19189a21d18b0145d6990dd3bfecfd8d85d37aa9', style: { display: 'contents' } }, h("slot", { key: 'da586b1e067dac24d0fb81e59599d3ee83a536f4', onSlotchange: this.handleSlotChange }))))));
139
139
  }
140
140
  static get is() { return "r-button"; }
141
141
  static get encapsulation() { return "shadow"; }
@@ -153,6 +153,11 @@ export class Checkbox {
153
153
  async clearIndeterminate() {
154
154
  this.indeterminate = false;
155
155
  }
156
+ /** Validates an element, displays provided message in case value is invalid. */
157
+ async setCustomValidity(message) {
158
+ this.customErrorMessage = message;
159
+ this.validateFormElement(this.nativeElement);
160
+ }
156
161
  /**
157
162
  * Validates the checkbox without triggering UI and returns a boolean indicating its validity.
158
163
  * @returns A boolean indicating whether the checkbox is valid.
@@ -201,7 +206,7 @@ export class Checkbox {
201
206
  }
202
207
  get hasValidationError() {
203
208
  var _a;
204
- return this.validityState !== 'valid' && ((_a = this.validityMessage) === null || _a === void 0 ? void 0 : _a.length) > 0;
209
+ return this.validityState && this.validityState !== 'valid' && ((_a = this.validityMessage) === null || _a === void 0 ? void 0 : _a.length) > 0;
205
210
  }
206
211
  get hasInvalidMessage() {
207
212
  if (!this.invalid)
@@ -249,12 +254,12 @@ export class Checkbox {
249
254
  indeterminate,
250
255
  autofocus
251
256
  };
252
- return (h(Host, { key: '06eb235ee3c0da6317a1b23d699e4964d7201111', onClick: this.handleClick }, h("div", { key: '8fa412dae7fdde690c5fc5efb11efb12ceb30d4f', class: "r-checkbox" }, h("input", Object.assign({ key: '7a192e581b959504c01a33168a58e452434e1f11', class: "r-checkbox--input", type: "checkbox" }, inputAttrs, { id: `${uniqueId}-input`, ref: el => this.nativeElement = el, "aria-describedby": this.hasInvalidMessage ? `${uniqueId}-message` : null, "aria-required": `${this.required || false}`, "aria-invalid": `${this.invalid || false}` })), h("div", { key: 'f22d560241a1f7ac083f90677d166087a99d0647', class: "r-checkbox--box", "aria-hidden": "true" }, this.checked ?
257
+ return (h(Host, { key: 'caf581918e9dabe998fde4118ba5d890e731cd4d', onClick: this.handleClick }, h("div", { key: 'a5f144a25be70960a5bde7b16b3a85aa57c24b9d', class: "r-checkbox" }, h("input", Object.assign({ key: 'd1505294bfc6b3f9b296c03df184078a061dcedd', class: "r-checkbox--input", type: "checkbox" }, inputAttrs, { id: `${uniqueId}-input`, ref: el => this.nativeElement = el, "aria-describedby": this.hasInvalidMessage ? `${uniqueId}-message` : null, "aria-required": `${this.required || false}`, "aria-invalid": `${this.invalid || false}` })), h("div", { key: '8fc3f4f251db2bc58f15851881d0122552c83a04', class: "r-checkbox--box", "aria-hidden": "true" }, this.checked ?
253
258
  h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M8.80019 15.8988L4.6002 11.6988L3.2002 13.0988L8.80019 18.6988L20.8002 6.69883L19.4002 5.29883L8.80019 15.8988Z", fill: "currentColor" }))
254
259
  : this.indeterminate ?
255
260
  h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { x: "4", y: "11", width: "16", height: "2", fill: "currentColor" }))
256
- : null), h("div", { key: '0dd969ea2f03ea289772a3c1d59841b93248d9bd', class: "r-checkbox--description" }, h("label", { key: '5ec66dcfbabb9c8a8362e8d246cf59aa411dce78', class: "r-checkbox--label", id: `${uniqueId}-label`, htmlFor: `${uniqueId}-input` }, h("slot", { key: 'c7755df4134ed6c2d321b513f0707adb26987000' })), h("div", { key: '49dfc099a6fe5e600ea246a4511a1f83d34f2f9e', id: `${uniqueId}-message`, class: !this.hasInvalidMessage ? 'visually-hidden' : 'r-checkbox--message', "aria-live": "polite", "aria-atomic": "true" }, this.hasInvalidMessage &&
257
- h("r-hint", { key: 'ee682a67c574da004bd8208f58fcd9ab6191f3bd', variant: "error" }, error || this.customErrorMessage || this.validityMessage))))));
261
+ : null), h("div", { key: 'e64607f95963658e0bbddd32564fd003d5d26b10', class: "r-checkbox--description" }, h("label", { key: 'ea592fe0ce74007f0a23ba9aaed73059597e9891', class: "r-checkbox--label", id: `${uniqueId}-label`, htmlFor: `${uniqueId}-input` }, h("slot", { key: 'e795b6c1e51724e95840532666e7fc3e29fd52a5' })), h("div", { key: 'ea461714f04e42bc81d488c7050783007d1edbe9', id: `${uniqueId}-message`, class: !this.hasInvalidMessage ? 'visually-hidden' : 'r-checkbox--message', "aria-live": "polite", "aria-atomic": "true" }, this.hasInvalidMessage &&
262
+ h("r-hint", { key: '7ed7bd758187daacd72d93f3aba91e9c9123c9fd', variant: "error" }, error || this.customErrorMessage || this.validityMessage))))));
258
263
  }
259
264
  static get is() { return "r-checkbox"; }
260
265
  static get encapsulation() { return "shadow"; }
@@ -745,6 +750,27 @@ export class Checkbox {
745
750
  "tags": []
746
751
  }
747
752
  },
753
+ "setCustomValidity": {
754
+ "complexType": {
755
+ "signature": "(message: string) => Promise<void>",
756
+ "parameters": [{
757
+ "name": "message",
758
+ "type": "string",
759
+ "docs": ""
760
+ }],
761
+ "references": {
762
+ "Promise": {
763
+ "location": "global",
764
+ "id": "global::Promise"
765
+ }
766
+ },
767
+ "return": "Promise<void>"
768
+ },
769
+ "docs": {
770
+ "text": "Validates an element, displays provided message in case value is invalid.",
771
+ "tags": []
772
+ }
773
+ },
748
774
  "checkValidity": {
749
775
  "complexType": {
750
776
  "signature": "() => Promise<boolean>",
@@ -63,6 +63,11 @@ export class CheckboxGroup {
63
63
  this.resetToInitial();
64
64
  };
65
65
  }
66
+ /** Validates the checkbox group, displays provided message in case value is invalid. */
67
+ async setCustomValidity(message) {
68
+ this.customErrorMessage = message;
69
+ this.validateGroup();
70
+ }
66
71
  /**
67
72
  * Validates the checkbox group without triggering UI and returns a boolean indicating its validity.
68
73
  * @returns A boolean indicating whether the checkbox is valid.
@@ -632,6 +637,27 @@ export class CheckboxGroup {
632
637
  }
633
638
  static get methods() {
634
639
  return {
640
+ "setCustomValidity": {
641
+ "complexType": {
642
+ "signature": "(message: string) => Promise<void>",
643
+ "parameters": [{
644
+ "name": "message",
645
+ "type": "string",
646
+ "docs": ""
647
+ }],
648
+ "references": {
649
+ "Promise": {
650
+ "location": "global",
651
+ "id": "global::Promise"
652
+ }
653
+ },
654
+ "return": "Promise<void>"
655
+ },
656
+ "docs": {
657
+ "text": "Validates the checkbox group, displays provided message in case value is invalid.",
658
+ "tags": []
659
+ }
660
+ },
635
661
  "checkValidity": {
636
662
  "complexType": {
637
663
  "signature": "() => Promise<boolean>",
@@ -87,8 +87,8 @@ export class Dialog {
87
87
  }
88
88
  }
89
89
  render() {
90
- return (h(Host, { key: '6f042592347577f063f6a80d2152b1149eadcb21', open: this.isOpen }, h("dialog", { key: 'fd3f19cf69a9077585bceccebaf0d0c9bccbaa86', class: "r-dialog", "aria-label": this.dialogLabel, ref: el => this.dialogElement = el, style: { '--r-dialog--body--height': this.bodyHeight } }, h("div", { key: '974e33afe5e96d3a67501d10a4ecd0486900ed64', class: "r-dialog--content" }, h("div", { key: '57bccc4346d7234564dc22c179a7e10051bd3af7', class: "r-dialog--header", id: `${this.uniqueId}-header` }, h("slot", { key: '0a59d6a775f11378f17be41665b2c71aecb17ff9', name: "header" }, (this.headline) &&
91
- h("h2", { key: '6dd6970be5bde3f92d87bef1cbbd7152ba72f88f', class: "r-dialog--headline" }, this.headline)), h("r-icon-button", { key: '37ad4f5b3366ae057240e5bcf2c7443aac3faa9b', class: "r-dialog--close", name: "cross", size: "s", onRClick: this.onTriggerClick, label: this.closeAriaLabel })), h("div", { key: '951dec5b1da5b13196916ed6b64fee89cad83a0e', class: "r-dialog--body" }, this.bodyText, h("slot", { key: '1797cb38116d9818aec51e2dc6982dad1a01cf02' }), h("slot", { key: '0f091bf0e6f6fdd16b79c69aca9814a0d76d7ee6', name: "form" })), h("slot", { key: '2b5a1cadfa9e7a13d8fc4ddca4cf69a1e4a1cb5e', name: "footer" })))));
90
+ return (h(Host, { key: '96033031c46b109824262a3e3f00c2a456ea5f4b', open: this.isOpen }, h("dialog", { key: '7b51f2b25bf9a7ca92e85ed6c83438e811365296', class: "r-dialog", "aria-label": this.dialogLabel, ref: el => this.dialogElement = el, style: { '--r-dialog--body--height': this.bodyHeight } }, h("div", { key: 'a0a1a2ee98bbb25230316c0caab69688b3dc568d', class: "r-dialog--content" }, h("div", { key: '4bc7bd1a95095d1d37b851cd9a21fcc7fbc9bebd', class: "r-dialog--header", id: `${this.uniqueId}-header` }, h("slot", { key: 'f62a3403ab59f43f52fa615cd943ab4b890c64a7', name: "header" }, (this.headline) &&
91
+ h("h2", { key: '4989da5584b245c658f9ec97a2ba9401fe8addb7', class: "r-dialog--headline" }, this.headline)), h("r-icon-button", { key: '3bcd4692d603a076965a6c3cf118cf989712a45b', class: "r-dialog--close", name: "cross", size: "s", onRClick: this.onTriggerClick, label: this.closeAriaLabel })), h("div", { key: '25b5bc324df34cd30ce2543b5cb7800ec2e188d1', class: "r-dialog--body" }, this.bodyText, h("slot", { key: '4d9693b8374b7f5cbdd641c5c17cde5b2ec12b09' }), h("slot", { key: 'a27b41566f1bce90d7a52599219017f078840451', name: "form" })), h("slot", { key: 'ca4a6bb595544fbd3cb173f63b0f385b4dcb3bd7', name: "footer" })))));
92
92
  }
93
93
  static get is() { return "r-dialog"; }
94
94
  static get encapsulation() { return "shadow"; }