@riverty/web-components 5.3.0 → 5.4.0

package/dist/collection/components/toast/toast.js

@@ -22,6 +22,12 @@ export class Toast {
          * @default 3000
         */
         this.delay = 3000;
+        /**
+         * Defines the behavior of the component's dismissing.
+         * - `auto`: The component will be dismissed automatically after number of ms set by `delay` property.
+         * - `manual`: The component requires explicit user action to close.
+         * @default "auto"
+         */
         this.dismissMode = 'auto';
         /** Provides content for `aria-label` attribute of the dismiss button. */
         this.dismissLabel = 'Dismiss the toast';
@@ -152,14 +158,14 @@ export class Toast {
             name: trailingIcon,
             size: 'm'
         };
-        return (h(Host, { key: '735ca672ada6e0f18e779c7e7c4e91b6b43eb0ee', id: this.uniqueId, role: `${this.isError ? 'alert' : 'status'}`, "aria-live": "polite", "aria-label": `${headline}`, "aria-hidden": `${this.isOpen ? 'false' : 'true'}` }, h("div", { key: '19111d35a3c74aad69c8eeb5a154110036bc2329', class: "r-toast" }, this.hasLeading &&
-            h("div", { key: '32487682215fc8f91c7bb965bc23c5d02b50bf90', class: "r-toast--leading" }, this.hasLeadingSlot && h("slot", { key: '505a8ecdd125547c5cad80551874550242185246', name: "leading" }), this.hasLeadingIcon && h("r-icon", Object.assign({ key: '174bf4165ce4f8248487a7da3c71893fe8504643', class: "r-toast--leading-icon" }, leadingIconAttrs))), h("div", { key: '74afa923a018a691e447fbdf1c06cd5bdf7b5595', class: "r-toast--main" }, this.hasHeadline &&
-            h("h2", { key: '0ecdf558a2b39e63dc9b266d5a26f9072fc44393', class: "r-toast--headline" }, h("slot", { key: '39d80961d678b1be93967947376bdb1437eef085', name: "headline" }, headline)), this.hasContent &&
-            h("div", { key: 'b411b3ae8ccb35d5ce842ccbe58945551449e046', class: "r-toast--content r-typography" }, h("slot", { key: 'f9caff50220e64aa8bfd3af06dac4459bd2a9e82', onSlotchange: this.handleSlotChange })), this.hasAction &&
-            h("div", { key: '1146e7225be5beaf570eceffff1a436e149949e0', class: "r-toast--action" }, h("slot", { key: 'eabb6a214421c354a6981a27f515c609ef2b5c57', name: "action" }, this.hasActionLink &&
-                h("a", Object.assign({ key: '953f8df836eea20e60cc3d91b0eaa244343890dc', class: "r-toast--action-link" }, actionAttrs), action)))), this.hasTrailing &&
-            h("div", { key: 'e085ed23280a9d055827465832cc9f1f13929c8e', class: "r-toast--trailing" }, this.hasTrailingSlot && h("slot", { key: 'dfc64ef44af689f3d86eaa1a56afbbc8fd7cca9d', name: "trailing" }), this.isDismissManual &&
-                h("r-icon-button", Object.assign({ key: 'c3037f5d1a0226786d0c8a349cb7788058d5882e' }, trailingIconAttrs, { class: "r-toast--trailing-button", onClick: this.handleTrailingButtonClick, "aria-label": this.dismissLabel }), h("slot", { key: '217cdf1724599ca9d59e87209f4ca31b738394a5', name: "dismiss" }))))));
+        return (h(Host, { key: 'f5413c4a9e1335b4a4e2f37cef036acbc7c05770', id: this.uniqueId, role: `${this.isError ? 'alert' : 'status'}`, "aria-live": "polite", "aria-label": `${headline}`, "aria-hidden": `${this.isOpen ? 'false' : 'true'}` }, h("div", { key: '3a222a7eaac62655c1cc7361865321c6a130f1fc', class: "r-toast" }, this.hasLeading &&
+            h("div", { key: '91d8dd470641658118be1e7c99c4e2cf648fce5f', class: "r-toast--leading" }, this.hasLeadingSlot && h("slot", { key: '2c877ff1c79839e66c5f7ec79926a4f5eb807d02', name: "leading" }), this.hasLeadingIcon && h("r-icon", Object.assign({ key: 'f238d9fc8eb6f0360bc97587e0b3ab9b2d077314', class: "r-toast--leading-icon" }, leadingIconAttrs))), h("div", { key: '568bb66c165a3f3d9e52c74fc51673283e3789f8', class: "r-toast--main" }, this.hasHeadline &&
+            h("h2", { key: '2267cbc787dfe1d9de4b35bc81981c3fe0df8deb', class: "r-toast--headline" }, h("slot", { key: '0a64068708db344d785db7d94fdb7edfcdf4fb7e', name: "headline" }, headline)), this.hasContent &&
+            h("div", { key: 'e4b198949b659f7724ca2191145da9e577546bdf', class: "r-toast--content r-typography" }, h("slot", { key: 'bd063b802fd04ee1606e4934511a2f48ec2c9304', onSlotchange: this.handleSlotChange })), this.hasAction &&
+            h("div", { key: '38c9af908aa62379cf9c914426bfb7d7ba707608', class: "r-toast--action" }, h("slot", { key: 'e25437e3a9298f21a9e6c7fd1b86cccaa096b44d', name: "action" }, this.hasActionLink &&
+                h("a", Object.assign({ key: '9cae694c50dd9aab6acde4924dce66ec7823c5b9', class: "r-toast--action-link" }, actionAttrs), action)))), this.hasTrailing &&
+            h("div", { key: 'fd7207cb911423a81a3ac80a26cbc025e5689e16', class: "r-toast--trailing" }, this.hasTrailingSlot && h("slot", { key: '5bcd5167e2299f62c20ed80be93dd06a8303dcab', name: "trailing" }), this.isDismissManual &&
+                h("r-icon-button", Object.assign({ key: 'c33a87247c3ff02dc3ed4d4205f20fcdf2259f2e' }, trailingIconAttrs, { class: "r-toast--trailing-button", onClick: this.handleTrailingButtonClick, "aria-label": this.dismissLabel }), h("slot", { key: '05ddb2629df06aaa350c88b442df7894a2f4bcd7', name: "dismiss" }))))));
     }
     static get is() { return "r-toast"; }
     static get encapsulation() { return "shadow"; }
@@ -405,8 +411,11 @@ export class Toast {
                 "required": false,
                 "optional": false,
                 "docs": {
-                    "tags": [],
-                    "text": ""
+                    "tags": [{
+                            "name": "default",
+                            "text": "\"auto\""
+                        }],
+                    "text": "Defines the behavior of the component's dismissing.\n- `auto`: The component will be dismissed automatically after number of ms set by `delay` property.\n- `manual`: The component requires explicit user action to close."
                 },
                 "getter": false,
                 "setter": false,

package/dist/collection/components/toast-group/toast-group.js

@@ -12,7 +12,7 @@ export class ToastGroup {
         this.updateHiddenState();
     }
     render() {
-        return (h(Host, { key: '08295a30da71cd722c6bac43859958b73ba66f67' }, h("div", { key: '74153035c46d0dd8951e7e380d28dcf924d2772b', class: "r-toast-group" }, h("slot", { key: '5f550f96d9dad032c71f5f99194b15c133d08cc3', onSlotchange: this.updateHiddenState }))));
+        return (h(Host, { key: 'cd72702e1eee0d746e85c2022038972dea391dba' }, h("div", { key: '86bce60683eab444715fa266d39cada11bf19ce4', class: "r-toast-group" }, h("slot", { key: '594c29dc3b2ba4762d8a5b7876a47923d11f6f86', onSlotchange: this.updateHiddenState }))));
     }
     static get is() { return "r-toast-group"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/tooltip/tooltip.js

@@ -253,7 +253,7 @@ export class Tooltip {
             role: 'tooltip',
             'aria-hidden': `${!isShown}`
         };
-        return (h(Host, Object.assign({ key: '19402aacbdc178fff3e8eb00f1cd72d38b6c18a6' }, hostAttrs, { onMouseenter: this.handleHover, onMouseleave: this.removeTooltip }), h("div", { key: '4ab3a49a4ef39602f6936ae07fbac05ed8021c0d', class: "r-tooltip" }, h("div", Object.assign({ key: 'ea44584afdecdbfec1911f76d3303f79f4806150', class: "r-tooltip--trigger", onFocus: this.handleFocus, onBlur: this.removeTooltip }, triggerAttrs), h("slot", { key: '8fb43cf1df37d799c7a043dd7f5bfa8757482cb9' })), h("div", Object.assign({ key: 'd418113c21d2605237010626470483d29e8f3187', class: "r-tooltip--content" }, contentAttrs), text), h("div", { key: '373a2d65a2f8a77af0931c3de90f1302c7aca557', class: "r-tooltip--arrow" }))));
+        return (h(Host, Object.assign({ key: 'e168f9f1212433eb17769c11260f546e441ca274' }, hostAttrs, { onMouseenter: this.handleHover, onMouseleave: this.removeTooltip }), h("div", { key: 'b8ea713c2b09b6053af73ac7d26a30f210c90e94', class: "r-tooltip" }, h("div", Object.assign({ key: '19cc679ec640dc98f167077e0bab16423e186258', class: "r-tooltip--trigger", onFocus: this.handleFocus, onBlur: this.removeTooltip }, triggerAttrs), h("slot", { key: '17266fefef386f3b417d8e7d112e0345aa98e878' })), h("div", Object.assign({ key: 'e53283c02be43833362277fc8fe78e99c4a9adba', class: "r-tooltip--content" }, contentAttrs), text), h("div", { key: '98f1caf44ec7bd286cb8126022692d825f4ab617', class: "r-tooltip--arrow" }))));
     }
     static get is() { return "r-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/esm/loader.js

@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy(JSON.parse("[[\"r-pagination\",[[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\",[[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],\"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\",[[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\",[[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],\"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\"]}]]],[\"r-input-code\",[[257,\"r-input-code\",{\"form\":[1],\"name\":[1],\"length\":[2],\"disabled\":[516],\"novalidate\":[4],\"required\":[4],\"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\",[[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],\"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\",[[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\",[[257,\"r-textarea\",{\"form\":[1],\"novalidate\":[4],\"name\":[513],\"value\":[1537],\"placeholder\":[1],\"rows\":[2],\"cols\":[2],\"resize\":[513],\"disabled\":[4],\"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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[257,\"r-stepper\",{\"completed\":[514],\"completeSteps\":[514,\"complete-steps\"],\"total\":[2]}]]],[\"r-accordion-item\",[[257,\"r-accordion-item\",{\"header\":[1],\"expanded\":[1540]},[[8,\"click\",\"handleClick\"]]]]],[\"r-accordion-trigger\",[[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\",[[257,\"r-badge\",{\"variant\":[1],\"iconAriaLabel\":[1,\"icon-aria-label\"],\"iconVisible\":[4,\"icon-visible\"]}]]],[\"r-list-item\",[[257,\"r-list-item\",{\"headline\":[1],\"subtext\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"trailingIcon\":[1,\"trailing-icon\"],\"trailingIconSrc\":[1,\"trailing-icon-src\"],\"trailingText\":[1,\"trailing-text\"],\"alignment\":[513],\"divider\":[516],\"href\":[1],\"disabled\":[516],\"variant\":[513],\"expanded\":[1540],\"toggleSubitems\":[64]}]]],[\"r-accordion\",[[257,\"r-accordion\",{\"multiple\":[516],\"size\":[513]}]]],[\"r-accordion-panel\",[[257,\"r-accordion-panel\",{\"trigger\":[1],\"expanded\":[516],\"disabled\":[516]}]]],[\"r-accordion-section\",[[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\",[[257,\"r-design-system-devtools\",{\"designTokens\":[4,\"design-tokens\"]}]]],[\"r-popover-action\",[[257,\"r-popover-action\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-content\",[[257,\"r-popover-content\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-headline\",[[257,\"r-popover-headline\"]]],[\"r-popover-trigger\",[[257,\"r-popover-trigger\",{\"setFocus\":[64],\"setBlur\":[64]}]]],[\"r-progress-bar\",[[257,\"r-progress-bar\",{\"progress\":[514],\"rAriaLabel\":[513,\"r-aria-label\"]}]]],[\"r-radio-button-description\",[[257,\"r-radio-button-description\"]]],[\"r-radio-button-leading\",[[257,\"r-radio-button-leading\"]]],[\"r-radio-button-title\",[[257,\"r-radio-button-title\"]]],[\"r-radio-button-trailing\",[[257,\"r-radio-button-trailing\"]]],[\"r-skip-link\",[[257,\"r-skip-link\",{\"position\":[513]}]]],[\"r-tab\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"r-tab-panel\",[[257,\"r-tab-panel\",{\"active\":[516],\"tabId\":[513,\"tab-id\"]}]]],[\"r-tabs\",[[257,\"r-tabs\",{\"navigation\":[4],\"activeTab\":[32]},[[0,\"tabChange\",\"tabChangeAction\"],[0,\"moveTabFocus\",\"moveTabFocusAction\"]]]]],[\"r-tabs-list\",[[257,\"r-tabs-list\"]]],[\"r-toast-group\",[[257,\"r-toast-group\"]]],[\"r-icon\",[[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\",[[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\",[[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\",[[257,\"r-stepper-item\",{\"complete\":[516],\"active\":[516],\"icon\":[513],\"number\":[514],\"stepNumber\":[514,\"step-number\"]}]]],[\"r-input\",[[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],\"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\",[[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\",[[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\",[[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\",[[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);
+  return bootstrapLazy(JSON.parse("[[\"r-pagination\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[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\",[[257,\"r-stepper\",{\"completed\":[514],\"completeSteps\":[514,\"complete-steps\"],\"total\":[2]}]]],[\"r-accordion-item\",[[257,\"r-accordion-item\",{\"header\":[1],\"expanded\":[1540]},[[8,\"click\",\"handleClick\"]]]]],[\"r-accordion-trigger\",[[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\",[[257,\"r-badge\",{\"variant\":[1],\"iconAriaLabel\":[1,\"icon-aria-label\"],\"iconVisible\":[4,\"icon-visible\"]}]]],[\"r-list-item\",[[257,\"r-list-item\",{\"headline\":[1],\"subtext\":[1],\"description\":[1],\"leadingIcon\":[1,\"leading-icon\"],\"leadingIconSrc\":[1,\"leading-icon-src\"],\"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\",[[257,\"r-accordion\",{\"multiple\":[516],\"size\":[513]}]]],[\"r-accordion-panel\",[[257,\"r-accordion-panel\",{\"trigger\":[1],\"expanded\":[516],\"disabled\":[516]}]]],[\"r-accordion-section\",[[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\",[[257,\"r-design-system-devtools\",{\"designTokens\":[4,\"design-tokens\"]}]]],[\"r-popover-action\",[[257,\"r-popover-action\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-content\",[[257,\"r-popover-content\",{\"setFocus\":[64],\"setBlur\":[64],\"getActiveElements\":[64]}]]],[\"r-popover-headline\",[[257,\"r-popover-headline\"]]],[\"r-popover-trigger\",[[257,\"r-popover-trigger\",{\"setFocus\":[64],\"setBlur\":[64]}]]],[\"r-progress-bar\",[[257,\"r-progress-bar\",{\"progress\":[514],\"rAriaLabel\":[513,\"r-aria-label\"]}]]],[\"r-radio-button-description\",[[257,\"r-radio-button-description\"]]],[\"r-radio-button-leading\",[[257,\"r-radio-button-leading\"]]],[\"r-radio-button-title\",[[257,\"r-radio-button-title\"]]],[\"r-radio-button-trailing\",[[257,\"r-radio-button-trailing\"]]],[\"r-skip-link\",[[257,\"r-skip-link\",{\"position\":[513]}]]],[\"r-tab\",[[257,\"r-tab\",{\"disabled\":[516],\"active\":[516],\"panelId\":[513,\"panel-id\"]}]]],[\"r-tab-panel\",[[257,\"r-tab-panel\",{\"active\":[516],\"tabId\":[513,\"tab-id\"]}]]],[\"r-tabs\",[[257,\"r-tabs\",{\"navigation\":[4],\"activeTab\":[32]},[[0,\"tabChange\",\"tabChangeAction\"],[0,\"moveTabFocus\",\"moveTabFocusAction\"]]]]],[\"r-tabs-list\",[[257,\"r-tabs-list\"]]],[\"r-toast-group\",[[257,\"r-toast-group\"]]],[\"r-icon\",[[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\",[[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\",[[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\",[[257,\"r-stepper-item\",{\"complete\":[516],\"active\":[516],\"icon\":[513],\"number\":[514],\"stepNumber\":[514,\"step-number\"]}]]],[\"r-input\",[[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],\"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\",[[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\",[[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\",[[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\",[[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);
 };
 
 export { defineCustomElements };

package/dist/esm/r-badge.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-CTxpqopm.js';
 
-const badgeCss = ":host([variant=information]){--r-badge--color:var(--r-status-info-regular, #466882);--r-badge--border-color:var(--r-status-info-regular, #466882);--r-badge--background-color:var(--r-status-info-soft, #f8fafb)}:host([variant=success]){--r-badge--color:var(--r-status-success-regular, #298535);--r-badge--border-color:var(--r-status-success-regular, #298535);--r-badge--background-color:var(--r-status-success-soft, #f7fdf8)}:host([variant=warning]){--r-badge--color:var(--r-status-warning-regular, #f26a20);--r-badge--border-color:var(--r-status-warning-regular, #f26a20);--r-badge--background-color:var(--r-status-warning-soft, #fef9f5)}:host([variant=error]){--r-badge--color:var(--r-status-error-regular, #da1e28);--r-badge--border-color:var(--r-status-error-regular, #da1e28);--r-badge--background-color:var(--r-status-error-soft, #fef6f6)}:host{display:var(--display, inline-flex);line-height:var(--line-height, var(--r-line-height-s, 1.2))}.r-badge{display:var(--r-badge--display, inline-flex);justify-content:var(--r-badge--justify-content, center);align-items:var(--r-badge--align-items, center);gap:var(--r-badge--gap, var(--r-spacing-025, 0.25rem));padding:var(--r-badge--padding, 0.05rem 0.5rem);margin:var(--r-badge--margin, 0);color:var(--r-badge--color, var(--r-status-info-regular, #466882));border-width:var(--r-badge--border-width, 1.2px);border-style:var(--r-badge--border-style, solid);border-color:var(--r-badge--border-color, var(--r-status-info-regular, #466882));border-radius:var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));background-color:var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-badge--box-sizing, border-box);font-family:var(--r-badge--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-badge--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-badge--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-badge--line-height, var(--r-line-height-m, 1.5));text-transform:var(--r-badge--text-transform, none)}.r-badge slot:not([name=icon]){color:var(--r-badge--text--color, var(--r-text-regular, #282828))}";
+const badgeCss = ":host([variant=information]){--r-badge--icon--color:var(--r-status-info-regular, #466882);--r-badge--border-color:var(--r-status-info-regular, #466882);--r-badge--background-color:var(--r-status-info-soft, #f8fafb)}:host([variant=success]){--r-badge--icon--color:var(--r-status-success-regular, #298535);--r-badge--border-color:var(--r-status-success-regular, #298535);--r-badge--background-color:var(--r-status-success-soft, #f7fdf8)}:host([variant=warning]){--r-badge--icon--color:var(--r-status-warning-regular, #f26a20);--r-badge--border-color:var(--r-status-warning-regular, #f26a20);--r-badge--background-color:var(--r-status-warning-soft, #fef9f5)}:host([variant=error]){--r-badge--icon--color:var(--r-status-error-regular, #da1e28);--r-badge--border-color:var(--r-status-error-regular, #da1e28);--r-badge--background-color:var(--r-status-error-soft, #fef6f6)}:host{display:var(--display, inline-flex);line-height:var(--line-height, var(--r-line-height-s, 1.2))}.r-badge{display:var(--r-badge--display, inline-flex);justify-content:var(--r-badge--justify-content, center);align-items:var(--r-badge--align-items, center);gap:var(--r-badge--gap, var(--r-spacing-025, 0.25rem));padding:var(--r-badge--padding, 0.05rem 0.5rem);margin:var(--r-badge--margin, 0);color:var(--r-badge--text--color, var(--r-text-regular, #282828));border-width:var(--r-badge--border-width, 1.2px);border-style:var(--r-badge--border-style, solid);border-color:var(--r-badge--border-color, var(--r-status-info-regular, #466882));border-radius:var(--r-badge--border-radius, var(--r-spacing-150, 1.5rem));background-color:var(--r-badge--background-color, var(--r-status-info-soft, #f8fafb));box-sizing:var(--r-badge--box-sizing, border-box);font-family:var(--r-badge--font-family, var(--r-font-family-text, system-ui));font-weight:var(--r-badge--font-weight, var(--r-font-weight-regular, 400));font-size:var(--r-badge--font-size, var(--r-font-size-300, 0.875rem));line-height:var(--r-badge--line-height, var(--r-line-height-m, 1.5));text-transform:var(--r-badge--text-transform, none)}.r-badge slot[name=icon]{color:var(--r-badge--icon--color, var(--r-status-info-regular, #466882))}";
 
 const RBadge = class {
     constructor(hostRef) {

package/dist/esm/r-dialog.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-CTxpqopm.js';
 
-const dialogCss = ":host([size=small]){--r-dialog--width:375px;--r-dialog--max-height:250px}:host([size=medium]){--r-dialog--width:600px;--r-dialog--max-height:600px}:host([size=large]){--r-dialog--width:800px;--r-dialog--max-height:720px}@media (max-width: 800px){:host([size=large]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 780px){:host([size=large]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}@media (max-width: 600px){:host([size=medium]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 700px){:host([size=medium]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}:host{top:var(--top, auto);right:var(--right, auto);bottom:var(--bottom, auto);left:var(--left, auto)}.r-dialog{border:var(--r-dialog--border, none);padding:var(--r-dialog--padding, 24px 0);box-sizing:var(--r-dialog--box-sizing, border-box);overflow:var(--r-dialog--overflow, hidden);width:var(--r-dialog--width, auto);height:var(--r-dialog--height, auto);background-color:var(--r-dialog--background-color, var(--r-background-softest));margin:var(--r-dialog--margin, auto);max-height:var(--r-dialog--max-height, auto)}.r-dialog--content{display:var(--r-dialog--content--display, flex);flex-direction:var(--r-dialog--content--flex-direction, column);gap:var(--r-dialog--content--gap, 24px);color:var(--r-dialog--content--color, var(--r-text-regular));height:var(--r-dialog--content--height, 100%)}.r-dialog--headline{font-family:var(--r-dialog--headline--font-family, var(--r-font-family-heading, sans-serif));font-size:var(--r-dialog--headline--font-size, var(--r-font-size-500));font-weight:var(--r-dialog--headline--font-weight, var(--r-font-weight-light));margin:var(--r-dialog--headline--margin, 0);flex:var(--r-dialog--headline--flex, 1)}.r-dialog--close{--r-button--display:var(--r-dialog--close--dispaly, flex);--r-button--padding:var(--r-dialog--close--padding, 0)}.r-dialog--header{display:var(--r-dialog--header--display, flex);justify-content:var(--r-dialog--header--justify-content, space-between);align-items:var(--r-dialog--header--align-items, start);gap:var(--r-dialog--header--gap, 32px);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog--body{font-family:var(--r-dialog--body--font-family, var(--r-font-family-text));font-size:var(--r-dialog--body--font-size, var(--r-font-size-desktop-400));line-height:var(--r-dialog--body--line-height, var(--r-line-height-m));flex-grow:var(--r-dialog--body--flex-grow, 1);overflow-y:var(--r-dialog--body--overflow, auto);justify-self:var(--r-dialog--body--justify-self, stretch);padding:var(--r-dialog--body--padding, 0 24px)}.r-dialog--body{scrollbar-width:auto;scrollbar-color:var(--r-border-softer) #ffffff}.r-dialog--body::-webkit-scrollbar{width:16px}.r-dialog--body::-webkit-scrollbar-track{background:#ffffff}.r-dialog--body::-webkit-scrollbar-thumb{background-color:var(--r-border-softer);border-radius:10px;border:3px solid #ffffff}.r-dialog--footer{margin-top:var(--r-dialog--footer--margin-top, auto)}.r-dialog--footer ::slotted(*){display:var(--r-dialog--footer--display, flex);flex-direction:var(--r-dialog--footer--flex-direction, row);flex-wrap:var(--r-dialog--footer--flex-wrap, nowrap);justify-content:var(--r-dialog--footer--justify-content, flex-start);gap:var(--r-dialog--footer--gap, 16px);align-items:var(--r-dialog--footer--align-items, end);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog::backdrop{background:var(--backdrop--background-color, rgba(0, 0, 0, 0.25))}";
+const dialogCss = ":host([size=small]){--r-dialog--width:23.4375rem;--r-dialog--max-height:15.625rem}:host([size=medium]){--r-dialog--width:37.5rem;--r-dialog--max-height:37.5rem}:host([size=large]){--r-dialog--width:50rem;--r-dialog--max-height:45rem}@media (max-width: 50rem){:host([size=large]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 48.75rem){:host([size=large]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}@media (max-width: 37.5rem){:host([size=medium]){--r-dialog--width:100%;--right:0;--left:0;--r-dialog--footer--flex-wrap:wrap}}@media (max-height: 43.75rem){:host([size=medium]){--r-dialog--margin:18px auto;--top:0;--bottom:0}}:host{top:var(--top, auto);right:var(--right, auto);bottom:var(--bottom, auto);left:var(--left, auto)}.r-dialog{border:var(--r-dialog--border, none);padding:var(--r-dialog--padding, 24px 0);box-sizing:var(--r-dialog--box-sizing, border-box);overflow:var(--r-dialog--overflow, hidden);width:var(--r-dialog--width, auto);height:var(--r-dialog--height, auto);background-color:var(--r-dialog--background-color, var(--r-background-softest));margin:var(--r-dialog--margin, auto);max-height:var(--r-dialog--max-height, auto)}.r-dialog--content{display:var(--r-dialog--content--display, flex);flex-direction:var(--r-dialog--content--flex-direction, column);gap:var(--r-dialog--content--gap, var(--r-spacing-150, 1.5rem));color:var(--r-dialog--content--color, var(--r-text-regular));height:var(--r-dialog--content--height, 100%)}.r-dialog--headline{font-family:var(--r-dialog--headline--font-family, var(--r-font-family-heading, sans-serif));font-size:var(--r-dialog--headline--font-size, var(--r-font-size-500));font-weight:var(--r-dialog--headline--font-weight, var(--r-font-weight-light));margin:var(--r-dialog--headline--margin, 0);flex:var(--r-dialog--headline--flex, 1)}.r-dialog--close{--r-button--display:var(--r-dialog--close--dispaly, flex);--r-button--padding:var(--r-dialog--close--padding, 0)}.r-dialog--header{display:var(--r-dialog--header--display, flex);justify-content:var(--r-dialog--header--justify-content, space-between);align-items:var(--r-dialog--header--align-items, start);gap:var(--r-dialog--header--gap, 32px);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog--body{font-family:var(--r-dialog--body--font-family, var(--r-font-family-text));font-size:var(--r-dialog--body--font-size, var(--r-font-size-desktop-400));line-height:var(--r-dialog--body--line-height, var(--r-line-height-m));flex-grow:var(--r-dialog--body--flex-grow, 1);overflow-y:var(--r-dialog--body--overflow, auto);justify-self:var(--r-dialog--body--justify-self, stretch);padding:var(--r-dialog--body--padding, 0 24px)}.r-dialog--body{scrollbar-width:auto;scrollbar-color:var(--r-border-softer) #ffffff}.r-dialog--body::-webkit-scrollbar{width:var(--r-spacing-100, 1rem)}.r-dialog--body::-webkit-scrollbar-track{background:#ffffff}.r-dialog--body::-webkit-scrollbar-thumb{background-color:var(--r-border-softer);border-radius:10px;border:3px solid #ffffff}.r-dialog--footer{margin-top:var(--r-dialog--footer--margin-top, auto)}.r-dialog--footer ::slotted(*){display:var(--r-dialog--footer--display, flex);flex-direction:var(--r-dialog--footer--flex-direction, row);flex-wrap:var(--r-dialog--footer--flex-wrap, nowrap);justify-content:var(--r-dialog--footer--justify-content, flex-start);gap:var(--r-dialog--footer--gap, var(--r-spacing-100, 1rem));align-items:var(--r-dialog--footer--align-items, end);padding:var(--r-dialog--header--padding, 0 24px)}.r-dialog::backdrop{background:var(--backdrop--background-color, rgba(0, 0, 0, 0.25))}";
 
 const Dialog = class {
     constructor(hostRef) {
@@ -46,6 +46,10 @@ const Dialog = class {
     get isFooterSlot() {
         return this.isElContent('[slot="footer"]');
     }
+    get dialogLabel() {
+        var _a, _b;
+        return this.headline || ((_b = (_a = this.host.querySelector('[slot="header"]')) === null || _a === void 0 ? void 0 : _a.textContent) === null || _b === void 0 ? void 0 : _b.trim());
+    }
     /** Method to display a modal dialog */
     async showModal() {
         var _a;
@@ -96,15 +100,10 @@ const Dialog = class {
         }
     }
     render() {
-        const dialogAttributes = {};
-        if (this.headline)
-            dialogAttributes['aria-label'] = this.headline;
-        else
-            dialogAttributes['aria-labelledby'] = `${this.uniqueId}-header`;
-        return (h(Host, { key: '23427ba9d9f03664531358d3fbe0569877c9513c', "aria-hidden": `${!this.isOpen}`, open: this.isOpen }, h("dialog", Object.assign({ key: 'c6f293d973cde224d9d27374b39864fb28b275c4', class: "r-dialog" }, dialogAttributes, { ref: el => this.dialogElement = el, style: { '--r-dialog--body--height': this.bodyHeight } }), h("div", { key: 'dc73eacc3a1bc3def51885ad24483985fab7cede', class: "r-dialog--content" }, h("header", { key: '9ddc70786cb12a717b6227b98a3c4d44e104312b', class: "r-dialog--header", id: `${this.uniqueId}-header` }, this.isHeaderSlot &&
-            h("slot", { key: '8d26a5a964413fb01f02b1e8f6cfb117542ce9f4', name: "header" }), this.headline &&
-            h("h2", { key: '1f8162d2e29954d85cff0399bf3e1f7925412e6b', class: "r-dialog--headline" }, this.headline), h("r-icon-button", { key: '0a8cc96bafd58d0fcf8f6015fd82f6dc4a5fcecb', class: "r-dialog--close", name: "cross", size: "s", onRClick: this.onTriggerClick, label: this.closeAriaLabel })), h("div", { key: '097c2842a846beea54ee7d538398b9448b802197', class: "r-dialog--body" }, this.bodyText, h("slot", { key: '478c1e533eb2b08e712282b9576fa866d970d658' }), h("slot", { key: '91f1808e09d5b017434f0ad9866aadab0327648a', name: "form" })), this.isFooterSlot &&
-            h("footer", { key: '1117949acf47a6a0d44855f7bd994d0158e68f58', class: "r-dialog--footer" }, h("slot", { key: 'e651ffd3f6e49bc77913e0d0e09cf578b6c9914c', name: "footer" }))))));
+        return (h(Host, { key: '737d76e776ac2cc3defa0901468561001e7b37b7', open: this.isOpen }, h("dialog", { key: 'df31d5f76bc8abad74bd5cba18a16a56a8b8e516', class: "r-dialog", "aria-label": this.dialogLabel, ref: el => this.dialogElement = el, style: { '--r-dialog--body--height': this.bodyHeight } }, h("div", { key: 'f908c6c99cbec0916d188b281a4442ff3f37d6f9', class: "r-dialog--content" }, h("div", { key: '93c2edbbb270490d7cdc306eb0caffd62abb81c1', class: "r-dialog--header", id: `${this.uniqueId}-header` }, this.isHeaderSlot &&
+            h("slot", { key: '543cc36c2025cb4057dd0df625516b0440e9df4a', name: "header" }), this.headline &&
+            h("h2", { key: 'b27a24af0db0e6f8ea77fb4b0673035b2dfd847f', class: "r-dialog--headline" }, this.headline), h("r-icon-button", { key: 'c16463cb0447ce47a98243d07815d2501191bf7a', class: "r-dialog--close", name: "cross", size: "s", onRClick: this.onTriggerClick, label: this.closeAriaLabel })), h("div", { key: '03086587139a96d9c0fdf1ac5ab76cb5cf1da47b', class: "r-dialog--body" }, this.bodyText, h("slot", { key: 'c4c97478413cab5a2dccbf9ef3ff8d973851e8f8' }), h("slot", { key: 'd8f5ea4b6cddfa9cf67c1c5a8938f607ceca5b26', name: "form" })), this.isFooterSlot &&
+            h("div", { key: '1c029e0888e4484bcf522f869b6a7efd341950dd', class: "r-dialog--footer" }, h("slot", { key: 'f186b361e2012e7910a8fad251d2811545574c17', name: "footer" }))))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/r-hint_3.entry.js

@@ -55,9 +55,9 @@ const RLabel = class {
             size: 's',
             color: tooltipIconColor
         };
-        return (h(Host, { key: '1bcaecd6616128ccab32f8a1ff4f46f1072190ac' }, h("div", { key: 'ab619a29898eb4e7a49ac5dd07f2b1b98aac17a2', class: "r-label" }, h("span", { key: 'ac0e0ea909ef6da765676b6b30ecc65d39664bcf', class: "r-label--slot" }, h("slot", { key: 'cf6014703ae7afeed874e017cef48d99aa32eddb' }), fieldIndicator &&
-            h("span", { key: '11e2435c41fbe76ca0b64d9eacc59c10ff87233d', class: "r-label--marker" }, fieldIndicator)), tooltip &&
-            h("span", { key: 'c9ed9b4fe5f084e23d24a8687dcc186bd3380b05', class: "r-label--tooltip-icon" }, h("r-tooltip", Object.assign({ key: '78f51c815bc28429edae7ad52f3150aafe3a5211' }, tooltipAttrs), h("r-icon", Object.assign({ key: 'e890282aaf5b66d805ee6212cf8c69abae3cde7e' }, tooltipIconAttrs)))))));
+        return (h(Host, { key: '06097c8d9963d79b783b245a934832e3f8e7596b' }, h("div", { key: '2a3a8ddd22fddedb8e7a7472f81c05201ea26a77', class: "r-label" }, h("span", { key: '9d1814759bb2b3f8784a73aa75b215a19985f482', class: "r-label--slot" }, h("slot", { key: 'd472e83f02841c979bbfcc36c54068141de0d380' }), fieldIndicator &&
+            h("span", { key: 'f275ed855ebd8a684a35ce9b074b0e04471dcfe2', class: "r-label--marker" }, fieldIndicator)), tooltip &&
+            h("span", { key: 'aa336cbb979d0866e8f586c1596b9d9f38925023', class: "r-label--tooltip-icon" }, h("r-tooltip", Object.assign({ key: '245cd576fadb1b31ca2041a9b3d9b5a9a63e381d' }, tooltipAttrs), h("r-icon", Object.assign({ key: 'f83ce1d9d0ab51b3c5394866b01b1998559ddc68' }, tooltipIconAttrs)))))));
     }
 };
 RLabel.style = labelCss;
@@ -320,7 +320,7 @@ const Tooltip = class {
             role: 'tooltip',
             'aria-hidden': `${!isShown}`
         };
-        return (h(Host, Object.assign({ key: '19402aacbdc178fff3e8eb00f1cd72d38b6c18a6' }, hostAttrs, { onMouseenter: this.handleHover, onMouseleave: this.removeTooltip }), h("div", { key: '4ab3a49a4ef39602f6936ae07fbac05ed8021c0d', class: "r-tooltip" }, h("div", Object.assign({ key: 'ea44584afdecdbfec1911f76d3303f79f4806150', class: "r-tooltip--trigger", onFocus: this.handleFocus, onBlur: this.removeTooltip }, triggerAttrs), h("slot", { key: '8fb43cf1df37d799c7a043dd7f5bfa8757482cb9' })), h("div", Object.assign({ key: 'd418113c21d2605237010626470483d29e8f3187', class: "r-tooltip--content" }, contentAttrs), text), h("div", { key: '373a2d65a2f8a77af0931c3de90f1302c7aca557', class: "r-tooltip--arrow" }))));
+        return (h(Host, Object.assign({ key: 'e168f9f1212433eb17769c11260f546e441ca274' }, hostAttrs, { onMouseenter: this.handleHover, onMouseleave: this.removeTooltip }), h("div", { key: 'b8ea713c2b09b6053af73ac7d26a30f210c90e94', class: "r-tooltip" }, h("div", Object.assign({ key: '19cc679ec640dc98f167077e0bab16423e186258', class: "r-tooltip--trigger", onFocus: this.handleFocus, onBlur: this.removeTooltip }, triggerAttrs), h("slot", { key: '17266fefef386f3b417d8e7d112e0345aa98e878' })), h("div", Object.assign({ key: 'e53283c02be43833362277fc8fe78e99c4a9adba', class: "r-tooltip--content" }, contentAttrs), text), h("div", { key: '98f1caf44ec7bd286cb8126022692d825f4ab617', class: "r-tooltip--arrow" }))));
     }
     get element() { return getElement(this); }
     static get watchers() { return {

package/dist/esm/r-icon-button.entry.js

@@ -63,11 +63,11 @@ const IconButton = class {
             name,
             size
         };
-        const buttonTemplate = () => (h("button", Object.assign({ key: '10255e43b3838a0ab5b5648a344b86b1c34a0336', type: "button", class: "r-icon-button", "aria-label": `${this.host.getAttribute('aria-label')}` }, buttonAttrs, { onClick: this._handleClick, onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.nativeElement = el) }), name ?
+        const buttonTemplate = () => (h("button", Object.assign({ key: '9edaaa1a459ffc088ec0b5817a06636634a8a700', type: "button", class: "r-icon-button", "aria-label": this.host.getAttribute('aria-label') || null }, buttonAttrs, { onClick: this._handleClick, onFocus: this.onFocus, onBlur: this.onBlur, ref: (el) => (this.nativeElement = el) }), name ?
             h("r-icon", Object.assign({}, iconAttrs))
             :
-                h("r-icon", { size: size, class: "r-icon-button--icon" }, h("slot", null)), h("span", { key: '53280a82f43c5ee8e67e49cd5e701a7b9341306c', class: "r-icon-button--label visually-hidden" }, this.label), h("span", { key: '64efb96c8c4d534747645bcb0e5233317a4543be', class: "r-icon-button--target-area" })));
-        return (h(Host, { key: 'e71f878f023efe096a81bba7e7c237cefb0094d1' }, !disabled && tooltipText ?
+                h("r-icon", { size: size, class: "r-icon-button--icon" }, h("slot", null)), h("span", { key: 'f1a386a189634b597a1744520aba2b862e206278', class: "r-icon-button--label visually-hidden" }, this.label), h("span", { key: 'c66d4aaabec9fc5ef871d520c7037b94bb1a6f2b', class: "r-icon-button--target-area" })));
+        return (h(Host, { key: '8de48d1041bb285a3bff1b831eb24619f61e8d00' }, !disabled && tooltipText ?
             h("r-tooltip", { text: tooltipText, position: tooltipPosition }, buttonTemplate())
             :
                 buttonTemplate()));

package/dist/esm/r-input-code.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-CTxpqopm.js';
 import { a as appendControlToFormData } from './formData-DvLT8-y3.js';
 
-const inputCodeCss = ":host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host slot[name=trailing]{display:flex;margin-left:auto}:host(:hover:not([disabled]:not([disabled=false]))){--r-input-code--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:focus-within:not([disabled]:not([disabled=false]))){--r-input-code--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input-code--container--outline:2px solid var(--r-border-focused);--r-input-code--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false]))){--r-input-code--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([full-width]:not([full-width=false])){display:flex}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-input-code--container--opacity:0.4;--r-input-code--container--cursor:not-allowed;--r-input-code--container--pointer-events:none;--r-input-code--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input-code--container--border-color:var(--r-status-error-regular, #da1e28);--r-input-code--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input-code--label-container{display:var(--r-input-code--label-container--display, flex);gap:var(--r-input-code--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input-code--label-container--align-items, center);justify-content:var(--r-input-code--label-container--align-items, space-between)}.r-input-code--label-container ::slotted([slot=popover]){display:var(--r-input-code--popover--display, inline-flex);height:var(--r-input-code--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input-code--popover--align-items, center);justify-content:var(--r-input-code--popover--justify-content, center);margin-right:var(--r-input-code--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input-code--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input-code--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input-code--container{position:var(--r-input-code--container--position, relative);display:var(--r-input-code--container--display, flex);align-items:var(--r-input-code--container--align-items, center);gap:var(--r-input-code--container--gap, 0.625em);height:var(--r-input-code--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input-code--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input-code--container--border-width, 1px);border-style:var(--r-input-code--container--border-style, solid);border-color:var(--r-input-code--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input-code--container--box-sizing, border-box);box-shadow:var(--r-input-code--container--box-shadow, none);outline:var(--r-input-code--container--outline, none);outline-offset:var(--r-input-code--container--outline-offset, 0);padding-top:var(--r-input-code--container--padding-top, 0.8em);padding-right:var(--r-input-code--container--padding-right, 0.7em);padding-bottom:var(--r-input-code--container--padding-bottom, 0.8em);padding-left:var(--r-input-code--container--padding-left, 0.7em);opacity:var(--r-input-code--container--opacity, 1);pointer-events:var(--r-input-code--container--pointer-events, auto);line-height:var(--r-input-code--container--line-height, 1);cursor:var(--r-input-code--container--cursor, inherit);margin-top:var(--r-input-code--container--margin-top, var(--r-spacing-025, 0.25rem));margin-bottom:var(--r-input-code--container--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-input-code--input{width:var(--r-input-code--input--width, 0.725rem);outline:var(--r-input-code--input--outline, none);font-size:var(--r-input-code--input--font-size, 1rem);text-align:var(--r-input-code--input--text-align, center);background-color:var(--r-input-code--input--background-color, transparent);border-width:var(--r-input-code--input--border-width, 0 0 1px 0);border-style:var(--r-input-code--input--border-style, solid);border-color:var(--r-input-code--input--border-color, var(--r-text-soft))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";
+const inputCodeCss = ":host{display:inline-flex;flex-direction:column;vertical-align:top;--r-label--margin-bottom:0}:host slot{display:contents}:host slot[name=trailing]{display:flex;margin-left:auto}:host([readonly]:not([readonly=false])){--r-input-code--container--background-color:var(--r-background-soft, #f3f1f0);--r-input-code--container--border-color:transparent transparent var(--r-border-soft, #686868) transparent;--r-input-code--container--cursor:text}:host(:hover:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-hovered, rgba(40, 40, 40, 0.04))}:host(:focus-within:not([disabled]:not([disabled=false]))){--r-input-code--container--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-input-code--container--outline:2px solid var(--r-border-focused);--r-input-code--container--outline-offset:2px}:host(:active:not([disabled]:not([disabled=false])):not([readonly]:not([readonly=false]))){--r-input-code--container--background-color:var(--r-background-interactive-pressed, rgba(40, 40, 40, 0.12))}:host([full-width]:not([full-width=false])){display:flex}:host([disabled]:not([disabled=false])){cursor:not-allowed;--r-input-code--container--opacity:0.4;--r-input-code--container--cursor:not-allowed;--r-input-code--container--pointer-events:none;--r-input-code--container--background-color:transparent}:host([invalid]:not([invalid=false])){--r-input-code--container--border-color:var(--r-status-error-regular, #da1e28);--r-input-code--container--background-color:var(--r-status-error-soft, #fef6f6)}.r-input-code--label-container{display:var(--r-input-code--label-container--display, flex);gap:var(--r-input-code--label-container--gap, var(--r-spacing-100, 1rem));align-items:var(--r-input-code--label-container--align-items, center);justify-content:var(--r-input-code--label-container--align-items, space-between)}.r-input-code--label-container ::slotted([slot=popover]){display:var(--r-input-code--popover--display, inline-flex);height:var(--r-input-code--popover--height, var(--r-spacing-150, 1.5));align-items:var(--r-input-code--popover--align-items, center);justify-content:var(--r-input-code--popover--justify-content, center);margin-right:var(--r-input-code--popover--margin-right, -0.25rem);--r-popover--trigger--min-width:var(--r-input-code--popover-trigger--min-width, var(--r-spacing-150, 1.5));--r-popover--trigger--min-height:var(--r-input-code--popover--trigger--min-height, var(--r-spacing-150, 1.5))}.r-input-code--container{position:var(--r-input-code--container--position, relative);display:var(--r-input-code--container--display, flex);align-items:var(--r-input-code--container--align-items, center);gap:var(--r-input-code--container--gap, 0.625em);height:var(--r-input-code--container--height, var(--r-spacing-275, 2.75rem));background-color:var(--r-input-code--container--background-color, var(--r-background-softest, #fff));border-width:var(--r-input-code--container--border-width, 1px);border-style:var(--r-input-code--container--border-style, solid);border-color:var(--r-input-code--container--border-color, var(--r-border-soft, #686868));box-sizing:var(--r-input-code--container--box-sizing, border-box);box-shadow:var(--r-input-code--container--box-shadow, none);outline:var(--r-input-code--container--outline, none);outline-offset:var(--r-input-code--container--outline-offset, 0);padding-top:var(--r-input-code--container--padding-top, 0.8em);padding-right:var(--r-input-code--container--padding-right, 0.7em);padding-bottom:var(--r-input-code--container--padding-bottom, 0.8em);padding-left:var(--r-input-code--container--padding-left, 0.7em);opacity:var(--r-input-code--container--opacity, 1);pointer-events:var(--r-input-code--container--pointer-events, auto);line-height:var(--r-input-code--container--line-height, 1);cursor:var(--r-input-code--container--cursor, inherit);margin-top:var(--r-input-code--container--margin-top, var(--r-spacing-025, 0.25rem));margin-bottom:var(--r-input-code--container--margin-bottom, var(--r-spacing-025, 0.25rem))}.r-input-code--input{width:var(--r-input-code--input--width, 0.725rem);outline:var(--r-input-code--input--outline, none);font-size:var(--r-input-code--input--font-size, 1rem);text-align:var(--r-input-code--input--text-align, center);background-color:var(--r-input-code--input--background-color, transparent);border-width:var(--r-input-code--input--border-width, 0 0 1px 0);border-style:var(--r-input-code--input--border-style, solid);border-color:var(--r-input-code--input--border-color, var(--r-text-soft))}.r-input-code--trailing{display:var(--r-input-code--trailing--display, flex);margin-left:var(--r-input-code--trailing--margin-left, auto);align-items:var(--r-input-code--trailing--align-items, center);gap:var(--r-input-code--trailing--gap, 0.625rem)}.r-input-code--readonly-icon{color:var(--r-input-code--readonly-icon--color, var(--r-icon-soft, #686868))}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}";
 
 const InputCode = class {
     constructor(hostRef) {
@@ -28,6 +28,8 @@ const InputCode = class {
         this.inputs = [];
         this.handleInput = (index, event) => {
             var _a;
+            if (this.readonly)
+                return;
             const input = event.target;
             const value = input.value.slice(-1);
             this.values[index] = value;
@@ -39,6 +41,8 @@ const InputCode = class {
         };
         this.handleKeyDown = (index, event) => {
             var _a, _b, _c;
+            if (this.readonly)
+                return;
             const key = event.key;
             if (key === 'Backspace') {
                 if (!this.values[index] && index > 0) {
@@ -78,6 +82,8 @@ const InputCode = class {
         };
         this.handlePaste = async (event) => {
             var _a;
+            if (this.readonly)
+                return;
             event.preventDefault();
             const pasted = event.clipboardData.getData('text').slice(0, this.length);
             this.values = pasted.split('').concat(new Array(this.length).fill('')).slice(0, this.length);
@@ -126,6 +132,8 @@ const InputCode = class {
             });
         };
         this.onResetForm = async () => {
+            if (this.readonly)
+                return;
             this.reset();
             this.validityState = null;
             this.validityMessage = null;
@@ -162,6 +170,8 @@ const InputCode = class {
      */
     async reset() {
         var _a;
+        if (this.readonly)
+            return;
         this.values = new Array(this.length).fill('');
         (_a = this.inputs[0]) === null || _a === void 0 ? void 0 : _a.focus();
     }
@@ -246,13 +256,17 @@ const InputCode = class {
             return `${uniqueId}-hint`;
         return null;
     }
+    get hasTrailingSlot() {
+        return !!this.host.querySelector('[slot="trailing"]');
+    }
     componentWillLoad() {
         this.setValue(this.value);
     }
     render() {
-        const { form, name, novalidate, required, disabled, label, fieldIndicator, hint, uniqueId, valid } = this;
+        const { form, name, novalidate, required, disabled, label, fieldIndicator, hint, uniqueId, valid, readonly } = this;
         const inputAttrs = {
             id: uniqueId,
+            readonly,
             form,
             name,
             novalidate,
@@ -266,13 +280,15 @@ const InputCode = class {
             id: `${uniqueId}-label`,
             fieldIndicator
         } : {};
-        return (h(Host, { key: '21c24c54dab7a321b76b0fe43c56c2002e71c6ba', value: this.value, onClick: this.onHostClick }, h("div", { key: '20e0f7bd4caaf67b3b24f8ddddfa2c4758baca87', class: "r-input-code--label-container" }, h("label", { key: '57555ebc91e7c0cd87395eeb85878c9a8c5298d1', htmlFor: uniqueId }, label ?
+        return (h(Host, { key: '7c77442f0a5b39e6baca0e0a19b07e5c28388267', value: this.value, onClick: this.onHostClick }, h("div", { key: 'e9d80a3cbb3f8afcbfce17da69bbe881112307c5', class: "r-input-code--label-container" }, h("label", { key: 'dfdc795d969466e71d82492dd142773fbad93f6b', htmlFor: uniqueId }, label ?
             h("r-label", Object.assign({}, labelAttr), label)
             :
-                h("slot", { name: "label" })), h("slot", { key: '858364e0940037842c2daba33fce0405e9bede4f', name: "popover" })), hint &&
-            h("r-hint", { key: '2f8197c1bedf2a173c21ad5b749fc70fc739f58d', id: `${uniqueId}-hint`, role: "note" }, hint), h("div", { key: '89ab6e25c2274d74bf335e306759da7882d7fce8', class: "r-input-code--container", role: "group", "aria-labelledby": `${uniqueId}-label`, "aria-describedby": this.groupDescribedby }, h("slot", { key: 'cfb9ed388a51a3c8ba71160264c30093815e09eb', name: "leading" }), Array.from({ length: this.length }).map((_, i) => (h("input", { class: "r-input-code--input", key: i, id: `${uniqueId}-input-section-${i}`, "aria-label": `${this.ariaCharacterLabel || 'Character'}: ${i + 1}`, "aria-invalid": `${this.invalid || false}`, value: this.values[i], ref: el => this.inputs[i] = el, maxlength: 1, disabled: this.disabled, required: this.required, onInput: this.createInputHandler(i), onKeyDown: this.createKeyDownHandler(i), onPaste: this.handlePaste }))), h("input", Object.assign({ key: '7cb823ab4fdae6e426f1b463cc6a24fb92b7dfd6', type: "hidden" }, inputAttrs, { value: this.values.join(''), ref: el => this.nativeElement = el })), h("slot", { key: '2cc6c8837176ec3a50697511c7787f1de80057ca', name: "trailing" }, valid &&
-            h("r-icon", { key: '6aa4c20fba9e24a2176fef57e761a28ba5b5cd5b', name: "circled-check", size: "s", color: "var(--r-status-success-regular)" }))), h("slot", { key: '6597bd3d299be110dfc0b7c2b2cf5faa597a388e', name: "message" }, this.hasMessage &&
-            h("r-hint", { key: '8a901746d9c029856157d1da45d106c91e8105ec', "aria-live": "polite", id: `${uniqueId}-message`, variant: "error" }, this.message))));
+                h("slot", { name: "label" })), h("slot", { key: 'f68f02578abd8be8fceea4bdaf1af657f07f5327', name: "popover" })), hint &&
+            h("r-hint", { key: '784b4a072ee504c99873d8e7744c1c055cbdd52a', id: `${uniqueId}-hint`, role: "note" }, hint), h("div", { key: 'b9b458b9b18859132145848135118aacf6c43ab2', class: "r-input-code--container", role: "group", "aria-labelledby": `${uniqueId}-label`, "aria-describedby": this.groupDescribedby }, h("slot", { key: '34d0391987a526d9672ff457fbfd34c153099dbc', name: "leading" }), Array.from({ length: this.length }).map((_, i) => (h("input", { class: "r-input-code--input", key: i, id: `${uniqueId}-input-section-${i}`, "aria-label": `${this.ariaCharacterLabel || 'Character'}: ${i + 1}`, "aria-invalid": `${this.invalid || false}`, value: this.values[i], ref: el => this.inputs[i] = el, maxlength: 1, disabled: this.disabled, required: this.required, readonly: readonly, onInput: this.createInputHandler(i), onKeyDown: this.createKeyDownHandler(i), onPaste: this.handlePaste }))), h("input", Object.assign({ key: '029bcca9a6907090058ea65de36cc3aea106ad25', type: "hidden" }, inputAttrs, { value: this.values.join(''), ref: el => this.nativeElement = el })), h("div", { key: 'a91256c17340a75fe1e5a7942c9ede1089bd477c', class: "r-input-code--trailing" }, this.readonly &&
+            h("r-icon", { key: '28df1a0823e8b6c94a26fe8dac6838d663da26b7', class: "r-input-code--readonly-icon", name: "pen-disabled", size: "s" }), this.hasTrailingSlot &&
+            h("slot", { key: '13dee654a15b7104fbe66408ba6c0a8d4b839a2c', name: "trailing" }, valid &&
+                h("r-icon", { key: '85f0413d86b7366229fe07af87a7bdd5368f8a22', name: "circled-check", size: "s", color: "var(--r-status-success-regular)" })))), h("slot", { key: 'cf9e23001dec5216a2c35144b9282dee25d5fe50', name: "message" }, this.hasMessage &&
+            h("r-hint", { key: '0c642fbeef09ec9c5ce1e2a6272bb27160be05c0', "aria-live": "polite", id: `${uniqueId}-message`, variant: "error" }, this.message))));
     }
     get host() { return getElement(this); }
     static get watchers() { return {