@riverty/web-components 5.6.0 → 5.8.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (134) hide show
  1. package/CHANGELOG.md +56 -0
  2. package/custom-elements.json +28 -3
  3. package/dist/cjs/loader.cjs.js +1 -1
  4. package/dist/cjs/r-alert.cjs.entry.js +24 -8
  5. package/dist/cjs/r-badge.cjs.entry.js +1 -1
  6. package/dist/cjs/r-button.cjs.entry.js +1 -1
  7. package/dist/cjs/r-checkbox-group.cjs.entry.js +28 -14
  8. package/dist/cjs/r-checkbox.cjs.entry.js +25 -10
  9. package/dist/cjs/r-hint_3.cjs.entry.js +1 -1
  10. package/dist/cjs/r-icon-button.cjs.entry.js +1 -1
  11. package/dist/cjs/r-icon.cjs.entry.js +1 -1
  12. package/dist/cjs/r-input-code.cjs.entry.js +30 -17
  13. package/dist/cjs/r-input-date.cjs.entry.js +86 -16
  14. package/dist/cjs/r-input-password.cjs.entry.js +25 -9
  15. package/dist/cjs/r-input-phone-number.cjs.entry.js +27 -14
  16. package/dist/cjs/r-input.cjs.entry.js +27 -14
  17. package/dist/cjs/r-pagination.cjs.entry.js +1 -1
  18. package/dist/cjs/r-popover-action.cjs.entry.js +1 -1
  19. package/dist/cjs/r-popover.cjs.entry.js +1 -1
  20. package/dist/cjs/r-radio-button.cjs.entry.js +1 -1
  21. package/dist/cjs/r-radio-group.cjs.entry.js +21 -17
  22. package/dist/cjs/r-select.cjs.entry.js +113 -19
  23. package/dist/cjs/r-textarea.cjs.entry.js +19 -6
  24. package/dist/cjs/r-toast.cjs.entry.js +50 -19
  25. package/dist/cjs/web-components.cjs.js +1 -1
  26. package/dist/collection/components/alert/alert.css +56 -16
  27. package/dist/collection/components/alert/alert.js +48 -11
  28. package/dist/collection/components/alert/exports.js +1 -1
  29. package/dist/collection/components/badge/badge.css +8 -8
  30. package/dist/collection/components/button/button.css +6 -7
  31. package/dist/collection/components/checkbox/checkbox.js +45 -10
  32. package/dist/collection/components/checkbox-group/checkbox-group.css +2 -2
  33. package/dist/collection/components/checkbox-group/checkbox-group.js +47 -13
  34. package/dist/collection/components/hint/hint.css +1 -1
  35. package/dist/collection/components/icon/bundled-icons/riverty-kit.json +1 -1
  36. package/dist/collection/components/icon/riverty-kit.js +1 -1
  37. package/dist/collection/components/icon-button/icon-button.css +0 -7
  38. package/dist/collection/components/input/input.css +1 -1
  39. package/dist/collection/components/input/input.js +46 -13
  40. package/dist/collection/components/input-code/input-code.css +1 -1
  41. package/dist/collection/components/input-code/input-code.js +49 -16
  42. package/dist/collection/components/input-date/input-date.css +1 -1
  43. package/dist/collection/components/input-date/input-date.js +235 -16
  44. package/dist/collection/components/input-password/input-password.js +45 -9
  45. package/dist/collection/components/input-phone-number/input-phone-number.js +47 -14
  46. package/dist/collection/components/pagination/pagination.css +23 -23
  47. package/dist/collection/components/popover/popover.css +11 -3
  48. package/dist/collection/components/popover-action/popover-action.css +3 -5
  49. package/dist/collection/components/radio-button/radio-button.css +1 -1
  50. package/dist/collection/components/radio-group/radio-group.css +2 -2
  51. package/dist/collection/components/radio-group/radio-group.js +21 -17
  52. package/dist/collection/components/select/select.css +2 -2
  53. package/dist/collection/components/select/select.js +193 -21
  54. package/dist/collection/components/textarea/textarea.css +1 -1
  55. package/dist/collection/components/textarea/textarea.js +38 -5
  56. package/dist/collection/components/toast/toast.css +29 -21
  57. package/dist/collection/components/toast/toast.js +94 -20
  58. package/dist/esm/loader.js +1 -1
  59. package/dist/esm/r-alert.entry.js +24 -8
  60. package/dist/esm/r-badge.entry.js +1 -1
  61. package/dist/esm/r-button.entry.js +1 -1
  62. package/dist/esm/r-checkbox-group.entry.js +28 -14
  63. package/dist/esm/r-checkbox.entry.js +25 -10
  64. package/dist/esm/r-hint_3.entry.js +1 -1
  65. package/dist/esm/r-icon-button.entry.js +1 -1
  66. package/dist/esm/r-icon.entry.js +1 -1
  67. package/dist/esm/r-input-code.entry.js +30 -17
  68. package/dist/esm/r-input-date.entry.js +86 -16
  69. package/dist/esm/r-input-password.entry.js +25 -9
  70. package/dist/esm/r-input-phone-number.entry.js +27 -14
  71. package/dist/esm/r-input.entry.js +27 -14
  72. package/dist/esm/r-pagination.entry.js +1 -1
  73. package/dist/esm/r-popover-action.entry.js +1 -1
  74. package/dist/esm/r-popover.entry.js +1 -1
  75. package/dist/esm/r-radio-button.entry.js +1 -1
  76. package/dist/esm/r-radio-group.entry.js +21 -17
  77. package/dist/esm/r-select.entry.js +113 -19
  78. package/dist/esm/r-textarea.entry.js +19 -6
  79. package/dist/esm/r-toast.entry.js +50 -19
  80. package/dist/esm/web-components.js +1 -1
  81. package/dist/types/components/alert/alert.d.ts +3 -0
  82. package/dist/types/components/alert/exports.d.ts +1 -1
  83. package/dist/types/components/checkbox/checkbox.d.ts +5 -0
  84. package/dist/types/components/checkbox-group/checkbox-group.d.ts +6 -0
  85. package/dist/types/components/input/input.d.ts +5 -0
  86. package/dist/types/components/input-code/input-code.d.ts +5 -0
  87. package/dist/types/components/input-date/input-date.d.ts +30 -0
  88. package/dist/types/components/input-password/input-password.d.ts +5 -0
  89. package/dist/types/components/input-phone-number/input-phone-number.d.ts +5 -0
  90. package/dist/types/components/radio-group/radio-group.d.ts +1 -2
  91. package/dist/types/components/select/select.d.ts +34 -2
  92. package/dist/types/components/textarea/textarea.d.ts +5 -0
  93. package/dist/types/components/toast/toast.d.ts +10 -2
  94. package/dist/types/components.d.ts +143 -8
  95. package/dist/web-components/bundled-icons/riverty-kit.json +1 -1
  96. package/dist/web-components/p-15ac0fdd.entry.js +1 -0
  97. package/dist/web-components/p-1c956370.entry.js +1 -0
  98. package/dist/web-components/p-2a512983.entry.js +1 -0
  99. package/dist/web-components/p-2e18e762.entry.js +1 -0
  100. package/dist/web-components/{p-72c0c0d8.entry.js → p-3078b2b8.entry.js} +1 -1
  101. package/dist/web-components/p-56da04d8.entry.js +1 -0
  102. package/dist/web-components/p-5744d75c.entry.js +1 -0
  103. package/dist/web-components/p-5bbd6e3c.entry.js +1 -0
  104. package/dist/web-components/p-5e6aabd8.entry.js +1 -0
  105. package/dist/web-components/p-656229de.entry.js +1 -0
  106. package/dist/web-components/p-6a4f3836.entry.js +1 -0
  107. package/dist/web-components/p-7775228c.entry.js +1 -0
  108. package/dist/web-components/{p-29a1e75f.entry.js → p-7ad8e78b.entry.js} +1 -1
  109. package/dist/web-components/p-8563a1ab.entry.js +1 -0
  110. package/dist/web-components/p-ad9b2a48.entry.js +1 -0
  111. package/dist/web-components/{p-e49b1ec3.entry.js → p-b2f03016.entry.js} +1 -1
  112. package/dist/web-components/p-b87ad83b.entry.js +1 -0
  113. package/dist/web-components/{p-77155630.entry.js → p-b98ab649.entry.js} +1 -1
  114. package/dist/web-components/{p-f1e22caa.entry.js → p-d1379ac6.entry.js} +1 -1
  115. package/dist/web-components/p-dbe579e8.entry.js +1 -0
  116. package/dist/web-components/p-f2577a3c.entry.js +1 -0
  117. package/dist/web-components/web-components.esm.js +1 -1
  118. package/package.json +6 -6
  119. package/dist/web-components/p-1ae69897.entry.js +0 -1
  120. package/dist/web-components/p-230e44ae.entry.js +0 -1
  121. package/dist/web-components/p-44be9992.entry.js +0 -1
  122. package/dist/web-components/p-4652635a.entry.js +0 -1
  123. package/dist/web-components/p-8028c2a9.entry.js +0 -1
  124. package/dist/web-components/p-828cb164.entry.js +0 -1
  125. package/dist/web-components/p-89136369.entry.js +0 -1
  126. package/dist/web-components/p-8c577cda.entry.js +0 -1
  127. package/dist/web-components/p-96ddeb7f.entry.js +0 -1
  128. package/dist/web-components/p-9b08e9ee.entry.js +0 -1
  129. package/dist/web-components/p-9eb1f262.entry.js +0 -1
  130. package/dist/web-components/p-a58124c4.entry.js +0 -1
  131. package/dist/web-components/p-a5be3395.entry.js +0 -1
  132. package/dist/web-components/p-b2cec978.entry.js +0 -1
  133. package/dist/web-components/p-d3ff65b0.entry.js +0 -1
  134. package/dist/web-components/p-f770e22b.entry.js +0 -1
@@ -2,7 +2,7 @@
2
2
 
3
3
  var index = require('./index-DJ4H_bFj.js');
4
4
 
5
- const toastCss = ":host([status=info]){--r-toast--border-color:var(--r-status-info-regular, #466882);--r-toast--background-color:var(--r-status-info-soft, #f8fafb);--r-toast--leading-icon--color:var(--r-status-info-regular, #466882)}:host([status=warning]){--r-toast--border-color:var(--r-status-warning-regular, #f26a20);--r-toast--background-color:var(--r-status-warning-soft, #fef9f5);--r-toast--leading-icon--color:var(--r-status-warning-strong, #89411A)}:host([status=error]){--r-toast--border-color:var(--r-status-error-regular, #da1e28);--r-toast--background-color:var(--r-status-error-soft, #fef6f6);--r-toast--leading-icon--color:var(--r-status-error-regular, #da1e28)}:host([status=success]){--r-toast--border-color:var(--r-status-success-regular, #298535);--r-toast--background-color:var(--r-status-success-soft, #f7fdf8);--r-toast--leading-icon--color:var(--r-status-success-regular, #298535)}:host([is-content=false]){--r-toast--content--display:none}:host([headline]){--r-toast--content--margin-top:var(--r-spacing-050, 0.5rem)}:host([data-visually-hidden=true]){--r-toast--host--transition:all 0.15s;--r-toast--host--transition-delay:0.15s;--r-toast--host--opacity:0;--r-toast--host--height-expanded:0}:host{animation-duration:var(--r-toast--host--animation-duration, 0.3s);animation-fill-mode:var(--r-toast--host--animation-fill-mode, forwards);animation-name:var(--r-toast--host--animation-name, none);box-sizing:var(--r-toast--host--box-sizing, border-box);display:var(--r-toast--host--display, block);height:var(--r-toast--host--height, var(--r-toast--host--height-expanded, auto));opacity:var(--r-toast--host--opacity, 1);overflow:var(--r-toast--host--overflow, hidden);position:var(--r-toast--host--position, relative);transition:var(--r-toast--host--transition, all 0.3s);transition-delay:var(--r-toast--host--transition-delay, 0s)}:host ::slotted(p){margin:0}:host ::slotted(p+p),:host ::slotted(p+ul),:host ::slotted(p+ol){margin-top:1rem}:host .r-toast--action-link:hover{--r-toast--action--color:var(--r-text-strong, #000000)}:host .r-toast--action-link:focus{outline:var(--r-toast--action-link--outline, 2px solid var(--r-border-focused, #0071e3));box-shadow:var(--r-toast--action-link--box-shadow, 0 0 0 1px var(--r-border-focused-outlined, #fff), 0 0 0 3px var(--r-border-focused, #0071e3), 0 0 0 4px var(--r-border-focused-outlined, #fff))}:host .r-toast--trailing-button{--r-button--width:2.75rem;--r-button--height:2.75rem;--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:transparent;--r-button--background-color:transparent;position:relative;top:-8px;right:-8px}:host .r-toast--trailing-button:hover{--r-button--color:var(--r-text-strong, #000000);--r-button--background-color:var(--r-background-interactive-hovered, #000000)}:host .r-toast--trailing-button:active{--r-button--transform:scale(0.94)}@media (prefers-reduced-motion){:host{--r-toast--transition:none;--r-toast--host--animation-name:none}}.r-toast{font-family:var(--r-toast--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-toast--font-size, var(--r-font-size-400, 1rem));display:var(--r-toast--display, flex);flex-direction:var(--r-toast--flex-direction, row);align-items:var(--r-toast--align-items, stretch);gap:var(--r-toast--gap, var(--r-spacing-075, 0.75rem));padding:var(--r-toast--padding, 16px);border-width:var(--r-toast--border-width, 1px);border-style:var(--r-toast--border-style, solid);border-color:var(--r-toast--border-color, var(--r-status-info-regular, #466882));background-color:var(--r-toast--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-toast--box-sizing, border-box);transition:var(--r-toast--transition, all 0.3s)}.r-toast--main{flex:var(--r-toast--content--flex, 1)}.r-toast--leading-icon{color:var(--r-toast--leading-icon--color, var(--r-status-info-regular, #466882));margin-top:var(--r-toast--leading-icon--margin-top, 0)}.r-toast--headline{color:var(--r-toast--headline--color, var(--r-text-regular, #282828));font-size:var(--r-toast--headline--font-size, var(--r-font-size-400, 1rem));font-weight:var(--r-toast--headline--font-weight, var(--r-font-weight-semibold, 600));line-height:var(--r-toast--headline--line-height, 1);margin:var(--r-toast--headline--margin, 0)}.r-toast--content{display:var(--r-toast--content--display, block);color:var(--r-toast--content--color, var(--r-text-regular, #282828));line-height:var(--r-toast--content--line-height, var(--r-line-height-m, 1.5));font-size:var(--r-toast--content--font-size, var(--r-font-size-300, 0.875rem));font-weight:var(--r-toast--content--font-weight, var(--r-font-weight-light, 300));margin-top:var(--r-toast--content--margin-top, 0)}.r-toast--action{display:var(--r-toast--action--display, flex);margin-top:var(--r-toast--action--margin-top, var(--r-spacing-050, 0.5rem));color:var(--r-toast--action--color, var(--r-text-regular, #282828));font-size:var(--r-toast--action--font-size, var(--r-font-size-300, 0.875rem));font-weight:var(--r-toast--action--font-weight, var(--r-font-weight-light, 300))}.r-toast--action-link{color:var(--r-toast--action--color, var(--r-text-regular, #282828))}.r-toast--action ::slotted(*){font-size:inherit;color:inherit}.r-toast--action ::slotted(a){color:var(--r-toast--action--color, var(--r-text-regular, #282828))}";
5
+ const toastCss = ":host([status=info]){--r-toast--border-color:var(--r-status-info-regular, #3e5c73);--r-toast--background-color:var(--r-status-info-soft, #f8fafb);--r-toast--leading-icon--color:var(--r-status-info-regular, #3e5c73)}:host([status=warning]){--r-toast--border-color:var(--r-status-warning-regular, #ff7429);--r-toast--background-color:var(--r-status-warning-soft, #fef9f5);--r-toast--leading-icon--color:var(--r-status-warning-regular, #89411A)}:host([status=error]){--r-toast--border-color:var(--r-status-error-regular, #b00c15);--r-toast--background-color:var(--r-status-error-soft, #fef6f6);--r-toast--leading-icon--color:var(--r-status-error-regular, #b00c15)}:host([status=success]){--r-toast--border-color:var(--r-status-success-regular, #298535);--r-toast--background-color:var(--r-status-success-soft, #f7fdf8);--r-toast--leading-icon--color:var(--r-status-success-regular, #298535)}:host([is-content=false]){--r-toast--content--display:none}:host([headline]){--r-toast--content--margin-top:var(--r-spacing-050, 0.5rem)}:host([data-visually-hidden=true]){--r-toast--host--transition:all 0.15s;--r-toast--host--transition-delay:0.15s;--r-toast--host--opacity:0;--r-toast--host--height-expanded:0}:host{animation-duration:var(--r-toast--host--animation-duration, 0.3s);animation-fill-mode:var(--r-toast--host--animation-fill-mode, forwards);animation-name:var(--r-toast--host--animation-name, none);box-sizing:var(--r-toast--host--box-sizing, border-box);display:var(--r-toast--host--display, block);height:var(--r-toast--host--height, var(--r-toast--host--height-expanded, auto));opacity:var(--r-toast--host--opacity, 1);overflow:var(--r-toast--host--overflow, hidden);position:var(--r-toast--host--position, relative);transition:var(--r-toast--host--transition, all 0.3s);transition-delay:var(--r-toast--host--transition-delay, 0s)}:host ::slotted(p){margin:0}:host ::slotted(p+p),:host ::slotted(p+ul),:host ::slotted(p+ol){margin-top:1rem}:host .r-toast--trailing-button{--r-button--width:2.75rem;--r-button--height:2.75rem;--r-button--color:var(--r-text-regular, #282828);--r-button--border-color:transparent;--r-button--background-color:transparent;position:relative;top:-8px;right:-8px}:host .r-toast--trailing-button:hover{--r-button--color:var(--r-text-strong, #000000);--r-button--background-color:var(--r-background-interactive-hovered, #000000)}:host .r-toast--trailing-button:active{--r-button--transform:scale(0.94)}@media (prefers-reduced-motion){:host{--r-toast--transition:none;--r-toast--host--animation-name:none}}.r-toast{font-family:var(--r-toast--font-family, var(--r-font-family-text, system-ui));font-size:var(--r-toast--font-size, var(--r-font-size-400, 1rem));display:var(--r-toast--display, flex);flex-direction:var(--r-toast--flex-direction, row);align-items:var(--r-toast--align-items, stretch);gap:var(--r-toast--gap, var(--r-spacing-050, 0.5rem));padding:var(--r-toast--padding, 12px);border-width:var(--r-toast--border-width, 1px);border-style:var(--r-toast--border-style, solid);border-color:var(--r-toast--border-color, var(--r-status-info-regular, #3e5c73));background-color:var(--r-toast--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-toast--box-sizing, border-box);transition:var(--r-toast--transition, all 0.3s)}.r-toast--main{flex:var(--r-toast--content--flex, 1)}.r-toast--leading-icon{color:var(--r-toast--leading-icon--color, var(--r-status-info-regular, #3e5c73));margin-top:var(--r-toast--leading-icon--margin-top, 0);margin-right:var(--r-toast--leading-icon--margin-right, var(--r-spacing-025, 0.25rem))}.r-toast--headline{color:var(--r-toast--headline--color, var(--r-text-regular, #282828));font-size:var(--r-toast--headline--font-size, var(--r-font-size-400, 1rem));font-weight:var(--r-toast--headline--font-weight, var(--r-font-weight-semibold, 600));line-height:var(--r-toast--headline--line-height, var(--r-line-height-m, 1.5));margin:var(--r-toast--headline--margin, 0)}.r-toast--content{display:var(--r-toast--content--display, block);color:var(--r-toast--content--color, var(--r-text-regular, #282828));line-height:var(--r-toast--content--line-height, var(--r-line-height-m, 1.5));font-size:var(--r-toast--content--font-size, var(--r-font-size-300, 0.875rem));font-weight:var(--r-toast--content--font-weight, var(--r-font-weight-regular, 400));margin-top:var(--r-toast--content--margin-top, 0)}.r-toast--action{display:var(--r-toast--action--display, flex);margin-top:var(--r-toast--action--margin-top, var(--r-spacing-050, 0.5rem));color:var(--r-toast--action--color, var(--r-text-regular, #282828));font-size:var(--r-toast--action--font-size, var(--r-font-size-300, 0.875rem));font-weight:var(--r-toast--action--font-weight, var(--r-font-weight-light, 300))}.r-toast--action-link,.r-toast--action ::slotted(r-button){--r-button--background-color:transparent;--r-button--border-width:0;--r-button--color:var(--r-text-regular);--r-button--padding:10px 2px 18px 2px;--r-button--slot--text-decoration:underline;--r-button--slot--text-underline-offset:9px}.r-toast--action-link:hover,.r-toast--action ::slotted(r-button:hover:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-hovered)}.r-toast--action-link:active,.r-toast--action ::slotted(r-button:active:not([disabled]):not([disabled=true])){--r-button--background-color:var(--r-background-interactive-pressed)}.r-toast--action ::slotted(*){font-size:inherit;color:inherit}.r-toast--action ::slotted(a){color:var(--r-toast--action--color, var(--r-text-regular, #282828))}";
6
6
 
7
7
  const Toast = class {
8
8
  constructor(hostRef) {
@@ -19,6 +19,13 @@ const Toast = class {
19
19
  * Options are: "info", "success", "warning", or "error".
20
20
  * @default 'info' */
21
21
  this.status = 'info';
22
+ /** Sets role="alert" and will be announced to screen reader users */
23
+ this.announced = true;
24
+ /**
25
+ * Defines whether the leading icon is visible.
26
+ * @default true
27
+ * */
28
+ this.leadingIconVisible = true;
22
29
  /** Specifies an optional icon for the trailing slot of the dialog.
23
30
  * @default 'cross'
24
31
  * */
@@ -35,9 +42,9 @@ const Toast = class {
35
42
  * Defines the behavior of the component's dismissing.
36
43
  * - `auto`: The component will be dismissed automatically after number of ms set by `delay` property.
37
44
  * - `manual`: The component requires explicit user action to close.
38
- * @default "auto"
45
+ * @default "manual"
39
46
  */
40
- this.dismissMode = 'auto';
47
+ this.dismissMode = 'manual';
41
48
  /** Provides content for `aria-label` attribute of the dismiss button. */
42
49
  this.dismissLabel = 'Dismiss the toast';
43
50
  /** Defines amount of time im miliseconds before toast is removed from DOM.
@@ -50,6 +57,11 @@ const Toast = class {
50
57
  const el = this.host.querySelector(selector);
51
58
  return el !== null && (el === null || el === void 0 ? void 0 : el.textContent.trim().length) > 0;
52
59
  };
60
+ this.getElContent = (selector) => {
61
+ var _a;
62
+ const el = this.host.querySelector(selector);
63
+ return (_a = el === null || el === void 0 ? void 0 : el.textContent) === null || _a === void 0 ? void 0 : _a.trim();
64
+ };
53
65
  this.startDelayTimer = () => {
54
66
  const time = this.delay;
55
67
  this.delayTimer = setTimeout(() => {
@@ -109,15 +121,11 @@ const Toast = class {
109
121
  handleOpenChange() {
110
122
  this.isOpen ? this.hide() : this.reveal();
111
123
  }
112
- get hasLeadingIcon() {
113
- var _a;
114
- return ((_a = this.leadingIcon) === null || _a === void 0 ? void 0 : _a.length) > 0;
115
- }
116
124
  get hasLeadingSlot() {
117
125
  return this.hasElContent('[slot="leading"]');
118
126
  }
119
127
  get hasLeading() {
120
- return this.hasLeadingIcon || this.hasLeadingSlot;
128
+ return this.leadingIconVisible || this.hasLeadingSlot;
121
129
  }
122
130
  get hasTrailingSlot() {
123
131
  return this.hasElContent('[slot="trailing"]');
@@ -153,28 +161,51 @@ const Toast = class {
153
161
  get isError() {
154
162
  return this.status === 'error';
155
163
  }
164
+ get leadingIconName() {
165
+ if (this.leadingIcon)
166
+ return this.leadingIcon;
167
+ switch (this.status) {
168
+ case 'info':
169
+ return 'circled-information-i';
170
+ case 'success':
171
+ return 'circled-check';
172
+ case 'warning':
173
+ return 'circled-exclamation-mark';
174
+ case 'error':
175
+ return 'triangle-with-exclamation-mark';
176
+ default:
177
+ return 'circled-information-i';
178
+ }
179
+ }
156
180
  componentWillLoad() {
157
181
  this.open ? this.reveal() : this.hide();
158
182
  }
159
183
  render() {
160
- const { headline, href, action, target, leadingIcon, trailingIcon } = this;
184
+ const { headline, href, action, target, trailingIcon } = this;
185
+ const hostAttrs = this.announced ? {
186
+ role: 'alert',
187
+ 'aria-live': this.isError ? 'assertive' : 'polite'
188
+ } : {
189
+ role: 'region',
190
+ 'aria-label': this.getElContent('[slot="headline"]') || this.headline || null
191
+ };
161
192
  const actionAttrs = { href, target };
162
193
  const leadingIconAttrs = {
163
- name: leadingIcon,
164
- size: 's'
194
+ name: this.leadingIconName,
195
+ size: 'm'
165
196
  };
166
197
  const trailingIconAttrs = {
167
198
  name: trailingIcon,
168
199
  size: 'm'
169
200
  };
170
- return (index.h(index.Host, { key: 'ecccac165e35c1d3479db71c8da83d676592a428', id: this.uniqueId, role: "alert", "aria-live": `${this.isError ? 'assertive' : 'polite'}`, "data-visually-hidden": `${this.isOpen ? 'false' : 'true'}` }, index.h("div", { key: '18c27be9270236a6a4ca4de0bd10a64e6dd5532f', class: "r-toast" }, this.hasLeading &&
171
- index.h("div", { key: '16d69b95a0b843efeec05449d71762abc3bb55be', class: "r-toast--leading" }, this.hasLeadingSlot && index.h("slot", { key: 'acfa65e5150af0b2e2a06752e9d4b329bebebf1f', name: "leading" }), this.hasLeadingIcon && index.h("r-icon", Object.assign({ key: 'ecaddd2b51d91276e2eb20a1e992e0eeea541668', class: "r-toast--leading-icon" }, leadingIconAttrs))), index.h("div", { key: '7cc6d9af5dfc4cf78a10071fb97e4e280ddbe8c4', class: "r-toast--main" }, this.hasHeadline &&
172
- index.h("h2", { key: '88f4dae62b41098d730fb05f731ddf6dace827fd', class: "r-toast--headline" }, index.h("slot", { key: '93beeba62659efa72d5d6254ea63f9da23666936', name: "headline" }, headline)), this.hasContent &&
173
- index.h("div", { key: 'b38a7111b06b93eb93141bf470a74e4ccbc701be', class: "r-toast--content r-typography" }, index.h("slot", { key: '8d734d4d579be0cee0a512a1c8017f7c11f6a4d7', onSlotchange: this.handleSlotChange })), this.hasAction &&
174
- index.h("div", { key: '8cd04075e9c01e8478f0cd443d0711f23f9b072a', class: "r-toast--action" }, index.h("slot", { key: '788ec92aa6dd9141500004fd2f7bf99423cb6a8d', name: "action" }, this.hasActionLink &&
175
- index.h("a", Object.assign({ key: 'd1ed349333ac36d5ef64a00f4b86055c6593567a', class: "r-toast--action-link" }, actionAttrs), action)))), this.hasTrailing &&
176
- index.h("div", { key: '6fac76c40a13c7ad0ad417f7ea4793df130258db', class: "r-toast--trailing" }, this.hasTrailingSlot && index.h("slot", { key: '96a11d4d0a2fed9303cbe6cac872504b177e8143', name: "trailing" }), this.isDismissManual &&
177
- index.h("r-icon-button", Object.assign({ key: 'e1a913e0cfdebb82cd5b657a8c6847be4fbe9bf4' }, trailingIconAttrs, { class: "r-toast--trailing-button", onClick: this.handleTrailingButtonClick, "aria-label": this.dismissLabel }), index.h("slot", { key: '1df0a1d761630c7c6b004078b0e9db5d33179a0e', name: "dismiss" }))))));
201
+ return (index.h(index.Host, Object.assign({ key: 'f2eeed32d8cb3a36f985060b2301d5c4952740a3' }, hostAttrs, { id: this.uniqueId, "data-visually-hidden": `${this.isOpen ? 'false' : 'true'}` }), index.h("div", { key: '6dbcb19980495059a97ed6e2cf77b865c62f1d88', class: "r-toast" }, this.hasLeading &&
202
+ index.h("div", { key: 'f3a7de9a3045b7e0d965d956d0dc36ac03dfb3f6', class: "r-toast--leading" }, this.hasLeadingSlot && index.h("slot", { key: '942830d225925446c5e1bc6f5fc9e47caf8e2530', name: "leading" }), this.leadingIconVisible && index.h("r-icon", Object.assign({ key: '4c4bdd20f9c69c59d4763d638dc2f3730eee581c', class: "r-toast--leading-icon" }, leadingIconAttrs))), index.h("div", { key: '81180a1217f10f7cf4f630fd7866551deb8c3de2', class: "r-toast--main" }, this.hasHeadline &&
203
+ index.h("h2", { key: '2e22c9900e8f407739869a696f5d2dc8ec638caf', class: "r-toast--headline" }, index.h("slot", { key: '9a123b8a5456bd5f881981a9c89c5d35f15e9415', name: "headline" }, headline)), this.hasContent &&
204
+ index.h("div", { key: '34b506b6ef0ec533cec80c902d566ad428f55c7f', class: "r-toast--content r-typography" }, index.h("slot", { key: '6231fd58c33b9219a780838f35a2177661113cfb', onSlotchange: this.handleSlotChange })), this.hasAction &&
205
+ index.h("div", { key: 'a856b17da30fa647b04e667b5d401b613490d2e7', class: "r-toast--action" }, index.h("slot", { key: '9c64432a3c76ba430de1ed680b336fce9cc2bf6a', name: "action" }, this.hasActionLink &&
206
+ index.h("r-button", Object.assign({ key: '05d60b75ac3eabfd75c3b30f38d8a6f36a7d9b84', class: "r-toast--action-link", variant: "text-inline", size: "small" }, actionAttrs), action)))), this.hasTrailing &&
207
+ index.h("div", { key: 'b5926bf99dd9bcf8a2783577156fbeb6ef14c889', class: "r-toast--trailing" }, this.hasTrailingSlot && index.h("slot", { key: 'ba860676e3af6ab4998ed5a2ce3691eefc01511a', name: "trailing" }), this.isDismissManual &&
208
+ index.h("r-icon-button", Object.assign({ key: '19827fa126fa17763abd4f7efd1459b68e3bfa3f' }, trailingIconAttrs, { class: "r-toast--trailing-button", onClick: this.handleTrailingButtonClick, label: this.dismissLabel }), index.h("slot", { key: 'f398a89d77917a391a1bd883cdd40d87985931ff', name: "dismiss" }))))));
178
209
  }
179
210
  get host() { return index.getElement(this); }
180
211
  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\"],\"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\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-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\"],\"showed\":[32],\"validityState\":[32],\"validityMessage\":[32],\"passwordVisibilityTimer\":[32],\"toggleShow\":[64],\"showPassword\":[64],\"hidePassword\":[64],\"getValue\":[64],\"setValue\":[64]}]]],[\"r-checkbox-group.cjs\",[[257,\"r-checkbox-group\",{\"form\":[1],\"name\":[1],\"value\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"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],\"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],\"tooltip\":[513],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"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],\"reportValidity\":[64],\"reset\":[64]},null,{\"value\":[\"watchValueChange\"],\"disabled\":[\"handleDisabledChange\"],\"required\":[\"handleRequiredChange\"],\"readonly\":[\"handleReadonlyChange\"],\"label\":[\"handleLabelChange\"]}]]],[\"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],\"values\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"reset\":[64],\"setValue\":[64]},null,{\"values\":[\"handleValuesChange\"]}]]],[\"r-input-date.cjs\",[[257,\"r-input-date\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"format\":[1537],\"value\":[1537],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"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\"],\"customErrorMessage\":[1,\"custom-error-message\"],\"currentValues\":[32],\"delimiter\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"setValue\":[64],\"getFormat\":[64],\"setFormat\":[64],\"reset\":[64]},null,{\"format\":[\"handleFormatChange\"],\"value\":[\"handleValueChange\"]}]]],[\"r-radio-group.cjs\",[[257,\"r-radio-group\",{\"form\":[513],\"name\":[513],\"value\":[1537],\"novalidate\":[4],\"label\":[1],\"required\":[4],\"fieldIndicator\":[1,\"field-indicator\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"hint\":[1],\"variant\":[513],\"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-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\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"optional\":[4],\"optionalText\":[1,\"optional-text\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"validityState\":[32],\"validityMessage\":[32],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"setFocus\":[64],\"setBlur\":[64],\"setSelectionRange\":[64],\"setRangeText\":[64],\"setCustomValidity\":[64],\"reportValidity\":[64]}]]],[\"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-popover.cjs\",[[257,\"r-popover\",{\"open\":[516],\"size\":[513],\"dismissMode\":[513,\"dismiss-mode\"],\"dismissAriaLabel\":[1,\"dismiss-aria-label\"],\"triggerAction\":[513,\"trigger-action\"],\"triggerAriaLabel\":[1,\"trigger-aria-label\"],\"containerAriaLabel\":[1,\"container-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-toast.cjs\",[[257,\"r-toast\",{\"open\":[516],\"status\":[513],\"leadingIcon\":[1,\"leading-icon\"],\"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\"],\"dismissable\":[4],\"isOpen\":[32],\"dismiss\":[64],\"reveal\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"open\":[\"handleOpenChange\"]}]]],[\"r-alert.cjs\",[[257,\"r-alert\",{\"status\":[513],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"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-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],\"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]}]]],[\"r-accordion-item.cjs\",[[257,\"r-accordion-item\",{\"header\":[1],\"expanded\":[1540]},[[8,\"click\",\"handleClick\"]]]]],[\"r-accordion-trigger.cjs\",[[257,\"r-accordion-trigger\",{\"panel\":[1],\"expanded\":[516],\"disabled\":[516],\"splitted\":[4],\"icon\":[1],\"iconSize\":[1,\"icon-size\"],\"iconPosition\":[1,\"icon-position\"],\"iconExpanded\":[1,\"icon-expanded\"],\"iconCollapsed\":[1,\"icon-collapsed\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSize\":[1,\"leading-icon-size\"]},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],\"subtext\":[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],\"toggleSubitems\":[64]}]]],[\"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-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.cjs\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"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-tabs-list.cjs\",[[257,\"r-tabs-list\"]]],[\"r-toast-group.cjs\",[[262,\"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],\"tooltip\":[513],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"placeholder\":[513],\"hint\":[513],\"disabled\":[516],\"disabledIcon\":[1,\"disabled-icon\"],\"required\":[516],\"fieldIndicator\":[513,\"field-indicator\"],\"optional\":[4],\"optionalText\":[513,\"optional-text\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[513],\"fullWidth\":[516,\"full-width\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"tralingIconSize\":[1,\"traling-icon-size\"],\"listboxPosition\":[1,\"listbox-position\"],\"validMessage\":[513,\"valid-message\"],\"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],\"isNewValue\":[32],\"focusedOption\":[32],\"isValueFocused\":[32],\"isNoResultsFound\":[32],\"setReadonly\":[64],\"clearReadonly\":[64],\"setValue\":[64],\"getValue\":[64],\"reset\":[64],\"resetValidation\":[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],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"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]},null,{\"checked\":[\"handleCheckedChange\"]}]]],[\"r-stepper-item.cjs\",[[257,\"r-stepper-item\",{\"complete\":[516],\"active\":[516],\"icon\":[513],\"number\":[514],\"stepNumber\":[514,\"step-number\"]}]]],[\"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],\"optional\":[4],\"optionalText\":[1,\"optional-text\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"hint\":[1],\"icon\":[513],\"iconColor\":[1,\"icon-color\"],\"iconPosition\":[1,\"icon-position\"],\"iconSubmit\":[4,\"icon-submit\"],\"fullWidth\":[516,\"full-width\"],\"showValid\":[516,\"show-valid\"],\"valid\":[1540],\"validMarker\":[516,\"valid-marker\"],\"validMarkerIcon\":[513,\"valid-marker-icon\"],\"validMessage\":[1,\"valid-message\"],\"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],\"autofocus\":[516],\"readonly\":[516],\"validityState\":[32],\"validityMessage\":[32],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"setSelectionRange\":[64],\"getValue\":[64],\"setValue\":[64]},null,{\"value\":[\"handleValueChange\"]}]]],[\"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],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]},null,{\"icon\":[\"handleIconChange\"]}]]],[\"r-hint_3.cjs\",[[257,\"r-label\",{\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[513,\"tooltip-icon-color\"],\"fieldIndicator\":[513,\"field-indicator\"]}],[257,\"r-hint\",{\"invalid\":[516],\"variant\":[513],\"icon\":[1]}],[257,\"r-tooltip\",{\"text\":[1],\"position\":[513],\"positionState\":[32],\"arrowPositionState\":[32],\"isShown\":[32]},[[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"],[8,\"keydown\",\"handleKeydown\"]],{\"position\":[\"handleVerticalPosition\"]}]]],[\"r-icon-button.cjs\",[[257,\"r-icon-button\",{\"label\":[1],\"name\":[513],\"size\":[513],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"variant\":[513],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]}]]]]"), 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\"],\"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\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"hint\":[1],\"fullWidth\":[516,\"full-width\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[1],\"disabled\":[516],\"readonly\":[516],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-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\"],\"showed\":[32],\"validityState\":[32],\"validityMessage\":[32],\"passwordVisibilityTimer\":[32],\"toggleShow\":[64],\"showPassword\":[64],\"hidePassword\":[64],\"getValue\":[64],\"setValue\":[64],\"checkValidity\":[64]}]]],[\"r-checkbox-group.cjs\",[[257,\"r-checkbox-group\",{\"form\":[1],\"name\":[1],\"value\":[1],\"required\":[516],\"valueMissingMessage\":[1,\"value-missing-message\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"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],\"tooltip\":[513],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"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-alert.cjs\",[[257,\"r-alert\",{\"status\":[513],\"announced\":[516],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"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-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],\"values\":[32],\"validityState\":[32],\"validityMessage\":[32],\"getValue\":[64],\"reset\":[64],\"setValue\":[64],\"checkValidity\":[64]},null,{\"values\":[\"handleValuesChange\"]}]]],[\"r-input-date.cjs\",[[257,\"r-input-date\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"format\":[1537],\"value\":[1537],\"label\":[513],\"fieldIndicator\":[1,\"field-indicator\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"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-radio-group.cjs\",[[257,\"r-radio-group\",{\"form\":[513],\"name\":[513],\"value\":[1537],\"novalidate\":[4],\"label\":[1],\"required\":[4],\"fieldIndicator\":[1,\"field-indicator\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"valueMissingMessage\":[1,\"value-missing-message\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"customErrorMessage\":[1,\"custom-error-message\"],\"hint\":[1],\"variant\":[513],\"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-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\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"invalid\":[1540],\"error\":[1],\"label\":[1],\"fieldIndicator\":[1,\"field-indicator\"],\"optional\":[4],\"optionalText\":[1,\"optional-text\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"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-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\"],\"dismissable\":[4],\"isOpen\":[32],\"dismiss\":[64],\"reveal\":[64],\"hide\":[64],\"toggle\":[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-popover.cjs\",[[257,\"r-popover\",{\"open\":[516],\"size\":[513],\"dismissMode\":[513,\"dismiss-mode\"],\"dismissAriaLabel\":[1,\"dismiss-aria-label\"],\"triggerAction\":[513,\"trigger-action\"],\"triggerAriaLabel\":[1,\"trigger-aria-label\"],\"containerAriaLabel\":[1,\"container-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-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],\"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]}]]],[\"r-accordion-item.cjs\",[[257,\"r-accordion-item\",{\"header\":[1],\"expanded\":[1540]},[[8,\"click\",\"handleClick\"]]]]],[\"r-accordion-trigger.cjs\",[[257,\"r-accordion-trigger\",{\"panel\":[1],\"expanded\":[516],\"disabled\":[516],\"splitted\":[4],\"icon\":[1],\"iconSize\":[1,\"icon-size\"],\"iconPosition\":[1,\"icon-position\"],\"iconExpanded\":[1,\"icon-expanded\"],\"iconCollapsed\":[1,\"icon-collapsed\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSize\":[1,\"leading-icon-size\"]},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],\"subtext\":[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],\"toggleSubitems\":[64]}]]],[\"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-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.cjs\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"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-tabs-list.cjs\",[[257,\"r-tabs-list\"]]],[\"r-toast-group.cjs\",[[262,\"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],\"tooltip\":[513],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"placeholder\":[513],\"hint\":[513],\"disabled\":[516],\"disabledIcon\":[1,\"disabled-icon\"],\"required\":[516],\"fieldIndicator\":[513,\"field-indicator\"],\"optional\":[4],\"optionalText\":[513,\"optional-text\"],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"invalid\":[1540],\"error\":[513],\"fullWidth\":[516,\"full-width\"],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"leadingIconSize\":[1,\"leading-icon-size\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"tralingIconSize\":[1,\"traling-icon-size\"],\"listboxPosition\":[1,\"listbox-position\"],\"validMessage\":[513,\"valid-message\"],\"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],\"showValid\":[4,\"show-valid\"],\"valid\":[1540],\"validMessage\":[1,\"valid-message\"],\"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\"]}]]],[\"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],\"optional\":[4],\"optionalText\":[1,\"optional-text\"],\"tooltip\":[1],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[1,\"tooltip-icon-color\"],\"hint\":[1],\"icon\":[513],\"iconColor\":[1,\"icon-color\"],\"iconPosition\":[1,\"icon-position\"],\"iconSubmit\":[4,\"icon-submit\"],\"fullWidth\":[516,\"full-width\"],\"showValid\":[516,\"show-valid\"],\"valid\":[1540],\"validMarker\":[516,\"valid-marker\"],\"validMarkerIcon\":[513,\"valid-marker-icon\"],\"validMessage\":[1,\"valid-message\"],\"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],\"autofocus\":[516],\"readonly\":[516],\"validityState\":[32],\"validityMessage\":[32],\"setFocus\":[64],\"setBlur\":[64],\"select\":[64],\"getSelectionStart\":[64],\"getSelectionEnd\":[64],\"setSelectionRange\":[64],\"getValue\":[64],\"setValue\":[64],\"checkValidity\":[64]},null,{\"value\":[\"handleValueChange\"]}]]],[\"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],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]},null,{\"icon\":[\"handleIconChange\"]}]]],[\"r-hint_3.cjs\",[[257,\"r-label\",{\"tooltip\":[1],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipIcon\":[1,\"tooltip-icon\"],\"tooltipIconColor\":[513,\"tooltip-icon-color\"],\"fieldIndicator\":[513,\"field-indicator\"]}],[257,\"r-hint\",{\"invalid\":[516],\"variant\":[513],\"icon\":[1]}],[257,\"r-tooltip\",{\"text\":[1],\"position\":[513],\"positionState\":[32],\"arrowPositionState\":[32],\"isShown\":[32]},[[9,\"scroll\",\"handleScrolling\"],[9,\"resize\",\"handleResizing\"],[8,\"keydown\",\"handleKeydown\"]],{\"position\":[\"handleVerticalPosition\"]}]]],[\"r-icon-button.cjs\",[[257,\"r-icon-button\",{\"label\":[1],\"name\":[513],\"size\":[513],\"tooltipPosition\":[1,\"tooltip-position\"],\"tooltipText\":[1,\"tooltip-text\"],\"disabled\":[516],\"variant\":[513],\"triggerClick\":[64],\"setFocus\":[64],\"setBlur\":[64]}]]]]"), options);
23
23
  });
24
24
 
25
25
  exports.setNonce = index.setNonce;
@@ -1,21 +1,38 @@
1
1
  :host([status=info]) {
2
2
  --color: var(--r-status-info-soft, #f8fafb);
3
- --background-color: var(--r-status-info-regular, #466882);
4
- }
5
-
6
- :host([status=success]) {
7
- --color: var(--r-status-success-soft, #f7fdf8);
8
- --background-color: var(--r-status-success-regular, #298535);
3
+ --background-color: var(--r-status-info-regular, #3e5c73);
9
4
  }
10
5
 
11
6
  :host([status=warning]) {
12
- --color: var(--r-color-grey-charcoal-400, #282828);
13
- --background-color: var(--r-status-warning-regular, #f26a20);
7
+ --color: var(--r-text-warning, #000000);
8
+ --r-alert--leading-icon--color: var(--r-icon-warning, #000000);
9
+ --background-color: var(--r-status-warning-regular, #ff7429);
14
10
  }
15
11
 
16
12
  :host([status=error]) {
17
13
  --color: var(--r-status-error-soft, #fef6f6);
18
- --background-color: var(--r-status-error-regular, #da1e28);
14
+ --background-color: var(--r-status-error-regular, #b00c15);
15
+ }
16
+
17
+ :host([status=error]) r-icon-button:hover,
18
+ :host([status=info]) r-icon-button:hover {
19
+ --r-icon-button--background-color: var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04));
20
+ }
21
+ :host([status=error]) r-icon-button:active,
22
+ :host([status=info]) r-icon-button:active {
23
+ --r-icon-button--background-color: var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12));
24
+ }
25
+ :host([status=error]) .r-alert--link:hover,
26
+ :host([status=error]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])),
27
+ :host([status=info]) .r-alert--link:hover,
28
+ :host([status=info]) ::slotted(r-button:hover:not([disabled]):not([disabled=true])) {
29
+ --r-button--background-color: var(--r-background-interactive-hovered-inverse, rgba(243, 241, 240, 0.04));
30
+ }
31
+ :host([status=error]) .r-alert--link:active,
32
+ :host([status=error]) ::slotted(r-button:active:not([disabled]):not([disabled=true])),
33
+ :host([status=info]) .r-alert--link:active,
34
+ :host([status=info]) ::slotted(r-button:active:not([disabled]):not([disabled=true])) {
35
+ --r-button--background-color--active: var(--r-background-interactive-pressed-inverse, rgba(243, 241, 240, 0.12));
19
36
  }
20
37
 
21
38
  :host([aria-hidden=true]) {
@@ -29,7 +46,7 @@
29
46
  :host {
30
47
  display: var(--display, block);
31
48
  color: var(--color, var(--r-status-info-soft, #f8fafb));
32
- background-color: var(--background-color, var(--r-status-info-regular, #466882));
49
+ background-color: var(--background-color, var(--r-status-info-regular, #3e5c73));
33
50
  position: var(--position, relative);
34
51
  width: var(--width, 100%);
35
52
  left: var(--left, 0);
@@ -38,23 +55,25 @@
38
55
  opacity: var(--opacity, 1);
39
56
  z-index: var(--z-index, unset);
40
57
  font-family: var(--font-family, var(--r-font-family-text, system-ui));
41
- font-size: var(--font-size, var(--r-font-size-400, 16px));
58
+ font-size: var(--font-size, var(--r-font-size-400, 1rem));
42
59
  font-weight: var(--font-weight, var(--r-font-weight-regular, 400));
43
60
  }
61
+ @media (prefers-reduced-motion) {
62
+ :host {
63
+ transition: none;
64
+ }
65
+ }
44
66
 
45
67
  .r-alert {
46
68
  display: var(--r-alert--display, grid);
47
69
  grid-template-columns: var(--r-alert--grid-template-columns, auto 1fr auto);
48
70
  gap: var(--r-alert--gap, var(--r-spacing-100, 1rem));
49
- padding: var(--r-alert--padding, var(--r-spacing-100, 1rem));
71
+ padding: var(--r-alert--padding, 16px);
50
72
  box-sizing: var(--r-alert--box-sizing, border-box);
51
73
  }
52
74
  .r-alert:empty {
53
75
  --r-alert--display: none;
54
76
  }
55
- .r-alert a {
56
- color: var(--color);
57
- }
58
77
  .r-alert--main {
59
78
  display: var(--r-alert--main--display, flex);
60
79
  flex-flow: var(--r-alert--main--flex-flow, column);
@@ -67,7 +86,28 @@
67
86
  line-height: var(--r-alert--headline--line-height, var(--r-line-height-m, 1.5));
68
87
  margin: var(--r-alert--headline--margin, 0);
69
88
  }
70
- .r-alert--trailing r-button {
89
+ .r-alert--leading {
90
+ color: var(--r-alert--leading-icon--color, var(--color));
91
+ }
92
+ .r-alert--trailing r-icon-button {
71
93
  --r-button--padding: 0;
72
94
  --r-button--color: var(--color);
73
95
  }
96
+ .r-alert--link,
97
+ .r-alert ::slotted(r-button) {
98
+ --r-button--background-color: transparent;
99
+ --r-button--border-width: 0;
100
+ --r-button--color: var(--r-alert--link--color, var(--color));
101
+ --r-button--padding: 10px 2px 18px 2px;
102
+ --r-button--slot--text-decoration: underline;
103
+ --r-button--slot--text-underline-offset: 9px;
104
+ }
105
+ .r-alert--link:hover,
106
+ .r-alert ::slotted(r-button:hover:not([disabled]):not([disabled=true])) {
107
+ --r-button--background-color: var(--r-background-interactive-hovered);
108
+ }
109
+ .r-alert--link:active,
110
+ .r-alert ::slotted(r-button:active:not([disabled]):not([disabled=true])) {
111
+ --r-button--color--active: var(--r-alert--link--color, var(--color));
112
+ --r-button--background-color--active: var(--r-background-interactive-pressed);
113
+ }
@@ -3,17 +3,21 @@ export class Alert {
3
3
  constructor() {
4
4
  /** Alert status controls apperance according to the status */
5
5
  this.status = 'info';
6
+ /** Sets role="alert" and will be announced to screen reader users */
7
+ this.announced = true;
6
8
  /** Defines an icon size to be presented in leading slot*/
7
9
  this.leadingIconSize = 'm';
10
+ /** Defines an icon to be presented in trailing slot */
11
+ this.trailingIcon = 'cross';
8
12
  /** Defines an icon size to be presented in trailing slot*/
9
- this.trailingIconSize = 's';
13
+ this.trailingIconSize = 'm';
10
14
  /**
11
15
  * Defines the target for the linked URL when `href` is provided.
12
16
  * Options: `"_blank"`, `"_self"`, `"_parent"`, `"_top"`.
13
17
  */
14
18
  this.target = '_self';
15
19
  /** Text content for an alert dismiss button */
16
- this.dismissButtonAriaLabel = 'close-button';
20
+ this.dismissButtonAriaLabel = 'Dismiss alert';
17
21
  this.isElContent = (selector) => {
18
22
  const el = this.host.querySelector(selector);
19
23
  return el !== null && (el === null || el === void 0 ? void 0 : el.textContent.trim().length) > 0;
@@ -74,11 +78,23 @@ export class Alert {
74
78
  get isDelay() {
75
79
  return this.delay && this.delay >= 0;
76
80
  }
81
+ get headlineSlotContent() {
82
+ var _a;
83
+ const el = this.host.querySelector('[slot="headline"]');
84
+ return (_a = el === null || el === void 0 ? void 0 : el.textContent) === null || _a === void 0 ? void 0 : _a.trim();
85
+ }
77
86
  componentDidLoad() {
78
87
  if (this.isDelay)
79
88
  this.startCollapseTimer();
80
89
  }
81
90
  render() {
91
+ const hostAttrs = this.announced ? {
92
+ role: 'alert',
93
+ 'aria-live': this.status === 'info' ? 'polite' : 'assertive'
94
+ } : {
95
+ role: 'region',
96
+ 'aria-label': this.headlineSlotContent || this.headline || null
97
+ };
82
98
  const leadingIconAttrs = {
83
99
  name: this.leadingIcon,
84
100
  src: this.leadingIconSrc,
@@ -89,14 +105,14 @@ export class Alert {
89
105
  src: this.trailingIconSrc,
90
106
  size: this.trailingIconSize
91
107
  };
92
- return (h(Host, { key: 'f97ea22cbaacceb5954cbf084ddbe85975266463' }, h("div", { key: '8a2de8f27af0cb57bf429fbe0ae75557d6505111', class: "r-alert" }, this.isLeading &&
93
- h("div", { key: '6ecab67bd5eb14b06ad13f1c5257c43ff5c5acdc', class: "r-alert--leading" }, h("slot", { key: '106fad47e317120e6bdc47a4509fe3b330a43451', name: "leading" }), this.isLeadingIcon && h("r-icon", Object.assign({ key: '4d2b589d2d6179eecdaec7f2be5e265fcaf5e82b' }, leadingIconAttrs))), this.isMain ?
108
+ return (h(Host, Object.assign({ key: '21f71227b2d8e749b9c222553324b7a518db6c00' }, hostAttrs), h("div", { key: '04545eb2e7f5aa149e08b1098a09b7bbd41b8f8b', class: "r-alert" }, this.isLeading &&
109
+ h("div", { key: '697fcb773c8688605bc369ecd562595f841c8b86', class: "r-alert--leading" }, h("slot", { key: 'e4f2341b214b5813c05663b98ebaf59144a29a21', name: "leading" }), this.isLeadingIcon && h("r-icon", Object.assign({ key: '94d64589b0b6063ba22b1b044a03505e8accc03a' }, leadingIconAttrs))), this.isMain ?
94
110
  h("div", { class: "r-alert--main" }, h("slot", { name: "headline" }, this.isHeadline && h("h3", { class: "r-alert--headline" }, this.headline)), h("slot", { name: "content" }, this.isContent && h("div", { class: "r-alert--content" }, this.content)), h("slot", { name: "link" }, this.isLink &&
95
- h("a", { class: "r-alert--link", href: this.href, target: this.target }, this.linkText)), h("slot", null))
111
+ h("r-button", { class: "r-alert--link", variant: "text-inline", size: "small", href: this.href, target: this.target }, this.linkText)), h("slot", null))
96
112
  :
97
113
  h("slot", null), this.isTrailing &&
98
- h("div", { key: '2bc31060546003c180d235f3992df5c1fdf31f30', class: "r-alert--trailing" }, h("slot", { key: '7816f3c023dd174dfe0b385ad282ad9356f7a45d', name: "trailing" }), this.isTrailingIcon &&
99
- h("r-button", { key: '493fdd793b54ba34ebe6453d668d9251874b8409', variant: "blank", onClick: this.handleTrailingButtonClick, "r-aria-label": this.dismissButtonAriaLabel || trailingIconAttrs.name }, h("r-icon", Object.assign({ key: '9148348328646173144d98d2c2f58ea67ed20c88' }, trailingIconAttrs)))))));
114
+ h("div", { key: '5ff4fffe810c9239edde784eae84640241881b26', class: "r-alert--trailing" }, h("slot", { key: '633dc2f469d7e5d30d3168cad9f09d2d571907b0', name: "trailing" }, this.isTrailingIcon &&
115
+ h("r-icon-button", { key: '32bf203995271d64ad7ba57a979c5894d9da152d', name: !this.trailingIconSrc ? this.trailingIcon : null, onClick: this.handleTrailingButtonClick, label: this.dismissButtonAriaLabel }, this.trailingIconSrc && h("r-icon", Object.assign({ key: 'b3dcf618e5910745944600065c622ff6e19a953d' }, trailingIconAttrs))))))));
100
116
  }
101
117
  static get is() { return "r-alert"; }
102
118
  static get encapsulation() { return "shadow"; }
@@ -118,7 +134,7 @@ export class Alert {
118
134
  "mutable": false,
119
135
  "complexType": {
120
136
  "original": "AlertStatus",
121
- "resolved": "\"error\" | \"info\" | \"success\" | \"warning\"",
137
+ "resolved": "\"error\" | \"info\" | \"warning\"",
122
138
  "references": {
123
139
  "AlertStatus": {
124
140
  "location": "import",
@@ -138,6 +154,26 @@ export class Alert {
138
154
  "reflect": true,
139
155
  "defaultValue": "'info'"
140
156
  },
157
+ "announced": {
158
+ "type": "boolean",
159
+ "attribute": "announced",
160
+ "mutable": false,
161
+ "complexType": {
162
+ "original": "boolean",
163
+ "resolved": "boolean",
164
+ "references": {}
165
+ },
166
+ "required": false,
167
+ "optional": false,
168
+ "docs": {
169
+ "tags": [],
170
+ "text": "Sets role=\"alert\" and will be announced to screen reader users"
171
+ },
172
+ "getter": false,
173
+ "setter": false,
174
+ "reflect": true,
175
+ "defaultValue": "true"
176
+ },
141
177
  "leadingIcon": {
142
178
  "type": "string",
143
179
  "attribute": "leading-icon",
@@ -231,7 +267,8 @@ export class Alert {
231
267
  },
232
268
  "getter": false,
233
269
  "setter": false,
234
- "reflect": false
270
+ "reflect": false,
271
+ "defaultValue": "'cross'"
235
272
  },
236
273
  "trailingIconSrc": {
237
274
  "type": "string",
@@ -276,7 +313,7 @@ export class Alert {
276
313
  "getter": false,
277
314
  "setter": false,
278
315
  "reflect": false,
279
- "defaultValue": "'s'"
316
+ "defaultValue": "'m'"
280
317
  },
281
318
  "headline": {
282
319
  "type": "string",
@@ -417,7 +454,7 @@ export class Alert {
417
454
  "getter": false,
418
455
  "setter": false,
419
456
  "reflect": false,
420
- "defaultValue": "'close-button'"
457
+ "defaultValue": "'Dismiss alert'"
421
458
  }
422
459
  };
423
460
  }
@@ -1,2 +1,2 @@
1
- export const alertStatusArray = ['info', 'warning', 'success', 'error'];
1
+ export const alertStatusArray = ['info', 'warning', 'error'];
2
2
  export const alertTargetArray = ['_blank', '_self', '_parent', '_top'];
@@ -1,6 +1,6 @@
1
1
  :host([variant=information]) {
2
- --r-badge--icon--color: var(--r-status-info-regular, #466882);
3
- --r-badge--border-color: var(--r-status-info-regular, #466882);
2
+ --r-badge--icon--color: var(--r-status-info-regular, #3e5c73);
3
+ --r-badge--border-color: var(--r-status-info-regular, #3e5c73);
4
4
  --r-badge--background-color: var(--r-status-info-soft, #f8fafb);
5
5
  }
6
6
 
@@ -11,14 +11,14 @@
11
11
  }
12
12
 
13
13
  :host([variant=warning]) {
14
- --r-badge--icon--color: var(--r-status-warning-regular, #f26a20);
15
- --r-badge--border-color: var(--r-status-warning-regular, #f26a20);
14
+ --r-badge--icon--color: var(--r-status-warning-regular, #ff7429);
15
+ --r-badge--border-color: var(--r-status-warning-regular, #ff7429);
16
16
  --r-badge--background-color: var(--r-status-warning-soft, #fef9f5);
17
17
  }
18
18
 
19
19
  :host([variant=error]) {
20
- --r-badge--icon--color: var(--r-status-error-regular, #da1e28);
21
- --r-badge--border-color: var(--r-status-error-regular, #da1e28);
20
+ --r-badge--icon--color: var(--r-status-error-regular, #b00c15);
21
+ --r-badge--border-color: var(--r-status-error-regular, #b00c15);
22
22
  --r-badge--background-color: var(--r-status-error-soft, #fef6f6);
23
23
  }
24
24
 
@@ -37,7 +37,7 @@
37
37
  color: var(--r-badge--text--color, var(--r-text-regular, #282828));
38
38
  border-width: var(--r-badge--border-width, 1.2px);
39
39
  border-style: var(--r-badge--border-style, solid);
40
- border-color: var(--r-badge--border-color, var(--r-status-info-regular, #466882));
40
+ border-color: var(--r-badge--border-color, var(--r-status-info-regular, #3e5c73));
41
41
  border-radius: var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));
42
42
  background-color: var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));
43
43
  box-sizing: var(--r-badge--box-sizing, border-box);
@@ -48,5 +48,5 @@
48
48
  text-transform: var(--r-badge--text-transform, none);
49
49
  }
50
50
  .r-badge slot[name=icon] {
51
- color: var(--r-badge--icon--color, var(--r-status-info-regular, #466882));
51
+ color: var(--r-badge--icon--color, var(--r-status-info-regular, #3e5c73));
52
52
  }