@riverty/web-components 5.5.0 → 5.6.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.
- package/CHANGELOG.md +15 -0
- package/README.md +3 -3
- package/custom-elements.json +19 -15
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/r-accordion.cjs.entry.js +1 -1
- package/dist/cjs/r-button.cjs.entry.js +1 -1
- package/dist/cjs/r-checkbox.cjs.entry.js +4 -4
- package/dist/cjs/r-hint_3.cjs.entry.js +135 -37
- package/dist/cjs/r-icon-button.cjs.entry.js +3 -3
- package/dist/cjs/r-icon.cjs.entry.js +2 -2
- package/dist/cjs/r-input-date.cjs.entry.js +6 -6
- package/dist/cjs/r-input-password.cjs.entry.js +2 -2
- package/dist/cjs/r-input-phone-number.cjs.entry.js +4 -4
- package/dist/cjs/r-input.cjs.entry.js +3 -1
- package/dist/cjs/r-radio-group.cjs.entry.js +6 -6
- package/dist/cjs/r-select.cjs.entry.js +2 -2
- package/dist/cjs/r-toast.cjs.entry.js +8 -9
- package/dist/cjs/web-components.cjs.js +1 -1
- package/dist/collection/components/accordion/accordion.js +1 -2
- package/dist/collection/components/button/button.js +1 -2
- package/dist/collection/components/checkbox/checkbox.js +4 -5
- package/dist/collection/components/icon/bundled-icons/riverty-kit.json +1 -1
- package/dist/collection/components/icon/icon.js +2 -2
- package/dist/collection/components/icon/riverty-kit.js +1 -1
- package/dist/collection/components/icon-button/icon-button.js +3 -4
- package/dist/collection/components/input/input.js +22 -1
- package/dist/collection/components/input-date/input-date.js +7 -7
- package/dist/collection/components/input-password/input-password.js +3 -3
- package/dist/collection/components/input-phone-number/input-phone-number.js +5 -5
- package/dist/collection/components/label/label.js +4 -4
- package/dist/collection/components/radio-group/radio-group.js +7 -7
- package/dist/collection/components/select/select.js +3 -4
- package/dist/collection/components/textarea/textarea.js +1 -1
- package/dist/collection/components/toast/toast.js +10 -11
- package/dist/collection/components/tooltip/tooltip.css +6 -71
- package/dist/collection/components/tooltip/tooltip.js +135 -33
- package/dist/esm/loader.js +1 -1
- package/dist/esm/r-accordion.entry.js +1 -1
- package/dist/esm/r-button.entry.js +1 -1
- package/dist/esm/r-checkbox.entry.js +4 -4
- package/dist/esm/r-hint_3.entry.js +135 -37
- package/dist/esm/r-icon-button.entry.js +3 -3
- package/dist/esm/r-icon.entry.js +2 -2
- package/dist/esm/r-input-date.entry.js +6 -6
- package/dist/esm/r-input-password.entry.js +2 -2
- package/dist/esm/r-input-phone-number.entry.js +4 -4
- package/dist/esm/r-input.entry.js +3 -1
- package/dist/esm/r-radio-group.entry.js +6 -6
- package/dist/esm/r-select.entry.js +2 -2
- package/dist/esm/r-toast.entry.js +8 -9
- package/dist/esm/web-components.js +1 -1
- package/dist/types/components/accordion/accordion.d.ts +0 -1
- package/dist/types/components/button/button.d.ts +0 -1
- package/dist/types/components/checkbox/checkbox.d.ts +0 -1
- package/dist/types/components/icon/exports.d.ts +1 -0
- package/dist/types/components/icon/icon-data.d.ts +1 -0
- package/dist/types/components/icon/icon.d.ts +1 -1
- package/dist/types/components/icon/riverty-kit.d.ts +1 -0
- package/dist/types/components/icon-button/icon-button.d.ts +0 -1
- package/dist/types/components/input/input.d.ts +5 -0
- package/dist/types/components/input-date/input-date.d.ts +1 -1
- package/dist/types/components/input-password/input-password.d.ts +1 -1
- package/dist/types/components/input-phone-number/input-phone-number.d.ts +1 -1
- package/dist/types/components/label/label.d.ts +1 -1
- package/dist/types/components/radio-group/radio-group.d.ts +1 -1
- package/dist/types/components/select/select.d.ts +1 -2
- package/dist/types/components/textarea/textarea.d.ts +3 -3
- package/dist/types/components/toast/toast.d.ts +1 -3
- package/dist/types/components/tooltip/tooltip.d.ts +12 -4
- package/dist/types/components.d.ts +28 -40
- package/dist/web-components/bundled-icons/riverty-kit.json +1 -1
- package/dist/web-components/{p-7fccc301.entry.js → p-1ae69897.entry.js} +1 -1
- package/dist/web-components/p-29a1e75f.entry.js +1 -0
- package/dist/web-components/{p-43eff76a.entry.js → p-44be9992.entry.js} +1 -1
- package/dist/web-components/{p-0735fd75.entry.js → p-72c0c0d8.entry.js} +1 -1
- package/dist/web-components/{p-28718c50.entry.js → p-8028c2a9.entry.js} +1 -1
- package/dist/web-components/{p-00eb6986.entry.js → p-828cb164.entry.js} +1 -1
- package/dist/web-components/{p-a683612d.entry.js → p-96ddeb7f.entry.js} +1 -1
- package/dist/web-components/{p-24bbf3b6.entry.js → p-9b08e9ee.entry.js} +1 -1
- package/dist/web-components/{p-99ba15d9.entry.js → p-9e50120b.entry.js} +1 -1
- package/dist/web-components/{p-2265dae1.entry.js → p-a5be3395.entry.js} +1 -1
- package/dist/web-components/p-b2cec978.entry.js +1 -0
- package/dist/web-components/{p-ad4292d8.entry.js → p-d3ff65b0.entry.js} +1 -1
- package/dist/web-components/p-f770e22b.entry.js +1 -0
- package/dist/web-components/web-components.esm.js +1 -1
- package/package.json +2 -1
- package/dist/web-components/p-0f4eea22.entry.js +0 -1
- package/dist/web-components/p-c09a863b.entry.js +0 -1
- package/dist/web-components/p-f22696e0.entry.js +0 -1
package/dist/esm/loader.js
CHANGED
|
@@ -5,7 +5,7 @@ import { g as globalScripts } from './app-globals-DQuL1Twl.js';
|
|
|
5
5
|
const defineCustomElements = async (win, options) => {
|
|
6
6
|
if (typeof window === 'undefined') return undefined;
|
|
7
7
|
await globalScripts();
|
|
8
|
-
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],\"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\",[[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\",[[262,\"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);
|
|
8
|
+
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],\"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\",[[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\",[[262,\"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],\"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\",[[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);
|
|
9
9
|
};
|
|
10
10
|
|
|
11
11
|
export { defineCustomElements };
|
|
@@ -13,7 +13,7 @@ const Accordion = class {
|
|
|
13
13
|
this.size = 'l';
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h(Host, { key: '
|
|
16
|
+
return (h(Host, { key: '623360f15eff8713b2b6228d5b1793c035495b32' }, h("div", { key: '95bf78640b2e1376a7bb6f5e3f0b31b447a110a7', class: "r-accordion" }, h("slot", { key: '4de98884581aa2510d22127ce8e86fbc323b528f' }))));
|
|
17
17
|
}
|
|
18
18
|
get host() { return getElement(this); }
|
|
19
19
|
};
|
|
@@ -131,7 +131,7 @@ const Button = class {
|
|
|
131
131
|
position: iconPosition
|
|
132
132
|
};
|
|
133
133
|
const TagName = isLink ? 'a' : 'button';
|
|
134
|
-
return (h(Host, { key: '
|
|
134
|
+
return (h(Host, { key: '0b48f424b11006ab76b94efcc9c2bf8f09b34102' }, h(TagName, Object.assign({ key: '3ce6a6d4a585fb785d44c9da2e41a6257ff83577', class: "r-button" }, attrs, { "aria-label": rAriaLabel || null, ref: (el) => (this.nativeElement = el), onClick: this.handleClick }), h("span", { key: '1a554fd1567c800d7ba10d8862e9fd90ede883a4', class: "r-button--slot" }, icon && h("r-icon", Object.assign({ key: '3a05d454414ce42b0a1ead502d0a7df48c35a647', name: icon }, iconAttrs, { size: "s" })), this.hasIconSlot && h("slot", { key: '723ad285f16dea5a7e007a46a47e308942366b92', name: "icon" }), h("div", { key: 'bf7829917767fa2d578508bbfa5c4456579f6766', style: { display: 'contents' } }, h("slot", { key: '59ecb9a9901fe5084af9d42ad408c7413e0c3d1f', onSlotchange: this.handleSlotChange }))))));
|
|
135
135
|
}
|
|
136
136
|
get host() { return getElement(this); }
|
|
137
137
|
static get watchers() { return {
|
|
@@ -233,13 +233,13 @@ const Checkbox = class {
|
|
|
233
233
|
checked,
|
|
234
234
|
indeterminate
|
|
235
235
|
};
|
|
236
|
-
return (h(Host, { key: '
|
|
236
|
+
return (h(Host, { key: '79d7e8e080149a1ed8fee3d407f40da28d89e113', onClick: this.handleClick }, h("div", { key: '4a55be6beed582b9fbcea98da4c3728f63d8bf2f', class: "r-checkbox" }, h("input", Object.assign({ key: '482806370c082d8928222922b2182ad212c9fd16', class: "r-checkbox--input", type: "checkbox" }, inputAttrs, { id: `${uniqueId}-input`, ref: el => this.nativeElement = el, "aria-describedby": this.hasMessage ? `${uniqueId}-message` : null, "aria-required": `${this.required || false}`, "aria-invalid": `${this.invalid || false}` })), h("div", { key: 'f3650c5055c733f8f55e0d1e684df2ef18629271', class: "r-checkbox--box", "aria-hidden": "true" }, this.checked ?
|
|
237
237
|
h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("path", { d: "M8.80019 15.8988L4.6002 11.6988L3.2002 13.0988L8.80019 18.6988L20.8002 6.69883L19.4002 5.29883L8.80019 15.8988Z", fill: "currentColor" }))
|
|
238
238
|
: this.indeterminate ?
|
|
239
239
|
h("svg", { viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("rect", { x: "4", y: "11", width: "16", height: "2", fill: "currentColor" }))
|
|
240
|
-
: null), h("div", { key: '
|
|
241
|
-
h("r-hint", { key: '
|
|
242
|
-
h("r-hint", { key: '
|
|
240
|
+
: null), h("div", { key: 'debd71ef2e1fcf46414c0bd93e6ee3cb35d58649', class: "r-checkbox--description" }, h("label", { key: '1698497afd3be427dd98b9c8292464ca8e805269', class: "r-checkbox--label", id: `${uniqueId}-label`, htmlFor: `${uniqueId}-input` }, h("slot", { key: 'a7d0646be5338917b042ce0cd49d32c920585153' })), h("div", { key: '8f6f206dcb74cff5acaac4b58dcc9792f4f3367c', id: `${uniqueId}-message`, class: !this.hasMessage ? 'visually-hidden' : 'r-checkbox--message', "aria-live": "polite", "aria-atomic": "true" }, this.hasInvalidMessage &&
|
|
241
|
+
h("r-hint", { key: '5fdb37b61532b821c87966b6763a20d58e3929ab', variant: "error" }, error || this.customErrorMessage || this.validityMessage), this.hasValidMessage &&
|
|
242
|
+
h("r-hint", { key: '74ff89cd4066b93a3d0f28271ca3f9fcfcdbd976', variant: "success" }, this.validMessage))))));
|
|
243
243
|
}
|
|
244
244
|
get host() { return getElement(this); }
|
|
245
245
|
static get watchers() { return {
|
|
@@ -55,14 +55,14 @@ const RLabel = class {
|
|
|
55
55
|
size: 's',
|
|
56
56
|
color: tooltipIconColor
|
|
57
57
|
};
|
|
58
|
-
return (h(Host, { key: '
|
|
59
|
-
h("span", { key: '
|
|
60
|
-
h("span", { key: '
|
|
58
|
+
return (h(Host, { key: '2d7da94197a774e5b3399ff59dba01f946f0d8df' }, h("div", { key: '56baaf39a736e1f504502c9f49b4cf5fbff2f911', class: "r-label" }, h("span", { key: '5b0032c31e83b628d73a207eeaa915368edc7237', class: "r-label--slot" }, h("slot", { key: 'fbcd30c185b9eef55ea43c8ca8b082a0308953e2' }), fieldIndicator &&
|
|
59
|
+
h("span", { key: '0d355d5857e515e735dc543d3416540e0a0ffdba', class: "r-label--marker" }, fieldIndicator)), tooltip &&
|
|
60
|
+
h("span", { key: 'b450b3e7ee2b33dbdc02d9fce04bd2ef6a97713d', class: "r-label--tooltip-icon" }, h("r-tooltip", Object.assign({ key: 'a1b2a24a312b7eabd5acd43273658bce3199ef1b' }, tooltipAttrs), h("r-icon", Object.assign({ key: 'c22f6349b9c67a82b29f4a5758a77fb1b2910b75' }, tooltipIconAttrs)))))));
|
|
61
61
|
}
|
|
62
62
|
};
|
|
63
63
|
RLabel.style = labelCss;
|
|
64
64
|
|
|
65
|
-
const tooltipCss = ":host{display:inline-block;--r-tooltip--position:relative;--r-tooltip--content--position:
|
|
65
|
+
const tooltipCss = ":host{display:inline-block;--r-tooltip--position:relative;--r-tooltip--content--position:fixed;--r-tooltip--content--display:none;--r-tooltip--content--color:var(--r-text-inverse);--r-tooltip--content--background-color:var(--r-background-inverse);--r-tooltip--content--font-family:var(--r-font-family-text);--r-tooltip--content--font-weight:var(--r-font-weight-regular);--r-tooltip--content--font-size:var(--r-font-size-200);--r-tooltip--content--line-height:var(--r-line-height-s);--r-tooltip--content--min-width:32px;--r-tooltip--content--max-width:300px;--r-tooltip--content--min-height:32px;--r-tooltip--content--padding:var(--r-spacing-050) var(--r-spacing-100);--r-tooltip--content--width:max-width;--r-tooltip--content--word-break:break-word;--r-tooltip--content--box-sizing:border-box;--r-tooltip--content--justify-content:center;--r-tooltip--content--align-items:center;--r-tooltip--content--z-index:0;--r-tooltip--arrow--display:none;--r-tooltip--arrow--position:fixed;--r-tooltip--arrow--width:12px;--r-tooltip--arrow--height:12px;--r-tooltip--arrow--transform:rotate(180deg);--r-tooltip--arrow--inner-content:\"\";--r-tooltip--arrow--inner--width:12px;--r-tooltip--arrow--inner--height:6px;--r-tooltip--arrow--inner--background-color:var(--r-tooltip--content--background-color);--r-tooltip--arrow--inner--clip-path:polygon(50% 0%, 0% 100%, 100% 100%);--r-tooltip--arrow--inner--border-radius:0;--r-tooltip--arrow--inner--align-self:flex-end}:host slot{display:contents}:host([data-position=bottom]){--r-tooltip--arrow--transform:rotate(0)}:host([data-position=right]){--r-tooltip--arrow--transform:rotate(270deg)}:host([data-position=left]){--r-tooltip--arrow--transform:rotate(90deg)}.r-tooltip{position:var(--r-tooltip--position)}.r-tooltip:has(.r-tooltip--content--visible){--r-tooltip--content--width:max-content;--r-tooltip--content--display:flex;--r-tooltip--content--z-index:1060;--r-tooltip--arrow--display:flex;--r-tooltip--arrow--inner--display:block}.r-tooltip--trigger{color:var(--r-tooltip--trigger--color, inherit);box-shadow:var(--r-tooltip--trigger--box-shadow, none);outline:var(--r-tooltip--trigger--outline, none);outline-offset:var(--r-tooltip--trigger--outline-offset, 0)}.r-tooltip--trigger:focus{--r-tooltip--trigger--box-shadow:0 0 0 6px var(--r-border-focused-outlined);--r-tooltip--trigger--outline:2px solid var(--r-border-focused);--r-tooltip--trigger--outline-offset:2px}.r-tooltip--content{position:var(--r-tooltip--content--position);display:var(--r-tooltip--content--display);color:var(--r-tooltip--content--color);background-color:var(--r-tooltip--content--background-color);font-family:var(--r-tooltip--content--font-family);font-weight:var(--r-tooltip--content--font-weight);font-size:var(--r-tooltip--content--font-size);line-height:var(--r-tooltip--content--line-height);min-width:var(--r-tooltip--content--min-width);max-width:var(--r-tooltip--content--max-width);min-height:var(--r-tooltip--content--min-height);padding:var(--r-tooltip--content--padding);width:var(--r-tooltip--content--width);word-break:var(--r-tooltip--content--word-break);box-sizing:var(--r-tooltip--content--box-sizing);z-index:var(--r-tooltip--content--z-index)}.r-tooltip--arrow{display:var(--r-tooltip--arrow--display);position:var(--r-tooltip--arrow--position);width:var(--r-tooltip--arrow--width);height:var(--r-tooltip--arrow--height);transform:var(--r-tooltip--arrow--transform)}.r-tooltip--arrow:after{content:var(--r-tooltip--arrow--inner-content);display:var(--r-tooltip--arrow--inner--display);width:var(--r-tooltip--arrow--inner--width);height:var(--r-tooltip--arrow--inner--height);background-color:var(--r-tooltip--arrow--inner--background-color);clip-path:var(--r-tooltip--arrow--inner--clip-path);border-radius:var(--r-tooltip--arrow--inner--border-radius);align-self:var(--r-tooltip--arrow--inner--align-self)}";
|
|
66
66
|
|
|
67
67
|
const OFFSET = 20;
|
|
68
68
|
const Tooltip = class {
|
|
@@ -76,6 +76,71 @@ const Tooltip = class {
|
|
|
76
76
|
this.arrowPositionState = 'left';
|
|
77
77
|
this.isShown = false;
|
|
78
78
|
this.uniqueId = `r-tooltip-${Date.now().toString(32)}${Math.random().toString(32)}`.replace(/\./g, '');
|
|
79
|
+
this.getOffsetLeft = (arrowPosition) => {
|
|
80
|
+
var _a, _b, _c;
|
|
81
|
+
const offsetLeft = Math.abs(((_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) - ((_c = (_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.width));
|
|
82
|
+
switch (arrowPosition) {
|
|
83
|
+
case 'center':
|
|
84
|
+
return offsetLeft / 2;
|
|
85
|
+
case 'right':
|
|
86
|
+
return offsetLeft;
|
|
87
|
+
default:
|
|
88
|
+
return 0;
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
this.alignTooltipPosition = () => {
|
|
92
|
+
var _a, _b, _c, _d, _e, _f, _g;
|
|
93
|
+
const offsetHeight = Math.abs(((_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) - ((_c = (_b = this.tooltip) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.height)) / 2;
|
|
94
|
+
const offsetLeft = this.getOffsetLeft(this.arrowPositionState);
|
|
95
|
+
const hostHeight = ((_e = (_d = this.element) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect()) === null || _e === void 0 ? void 0 : _e.height) + this.arrowHeight || 0;
|
|
96
|
+
const hostWidth = ((_g = (_f = this.element) === null || _f === void 0 ? void 0 : _f.getBoundingClientRect()) === null || _g === void 0 ? void 0 : _g.width) + this.arrowWidth || 0;
|
|
97
|
+
switch (this.positionState) {
|
|
98
|
+
case 'top':
|
|
99
|
+
this.alignPosition(this.tooltip, -offsetLeft, -this.tooltipContainerHeight);
|
|
100
|
+
break;
|
|
101
|
+
case 'bottom':
|
|
102
|
+
this.alignPosition(this.tooltip, -offsetLeft, hostHeight);
|
|
103
|
+
break;
|
|
104
|
+
case 'left':
|
|
105
|
+
this.alignPosition(this.tooltip, -this.tooltipContainerWidth, -offsetHeight);
|
|
106
|
+
break;
|
|
107
|
+
case 'right':
|
|
108
|
+
this.alignPosition(this.tooltip, hostWidth, -offsetHeight);
|
|
109
|
+
break;
|
|
110
|
+
}
|
|
111
|
+
};
|
|
112
|
+
this.alignArrowPosition = () => {
|
|
113
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
114
|
+
const offsetHeight = Math.abs(((_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) - ((_c = (_b = this.arrow) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect()) === null || _c === void 0 ? void 0 : _c.height)) / 2;
|
|
115
|
+
const offsetLeft = Math.abs(((_d = this.element) === null || _d === void 0 ? void 0 : _d.getBoundingClientRect().width) - ((_f = (_e = this.arrow) === null || _e === void 0 ? void 0 : _e.getBoundingClientRect()) === null || _f === void 0 ? void 0 : _f.width)) / 2;
|
|
116
|
+
const hostHeight = ((_h = (_g = this.element) === null || _g === void 0 ? void 0 : _g.getBoundingClientRect()) === null || _h === void 0 ? void 0 : _h.height) || 0;
|
|
117
|
+
const hostWidth = ((_k = (_j = this.element) === null || _j === void 0 ? void 0 : _j.getBoundingClientRect()) === null || _k === void 0 ? void 0 : _k.width) || 0;
|
|
118
|
+
switch (this.positionState) {
|
|
119
|
+
case 'top':
|
|
120
|
+
this.alignPosition(this.arrow, offsetLeft, -this.arrowHeight);
|
|
121
|
+
break;
|
|
122
|
+
case 'bottom':
|
|
123
|
+
this.alignPosition(this.arrow, offsetLeft, hostHeight);
|
|
124
|
+
break;
|
|
125
|
+
case 'left':
|
|
126
|
+
this.alignPosition(this.arrow, -this.arrowWidth, offsetHeight);
|
|
127
|
+
break;
|
|
128
|
+
case 'right':
|
|
129
|
+
this.alignPosition(this.arrow, hostWidth, offsetHeight);
|
|
130
|
+
break;
|
|
131
|
+
}
|
|
132
|
+
};
|
|
133
|
+
this.alignPosition = (element, offsetLeft, offsetTop) => {
|
|
134
|
+
var _a;
|
|
135
|
+
if (!element) {
|
|
136
|
+
return;
|
|
137
|
+
}
|
|
138
|
+
let elementOffset = (_a = this.element) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
|
|
139
|
+
let left = elementOffset.left + offsetLeft;
|
|
140
|
+
let top = elementOffset.top + offsetTop;
|
|
141
|
+
element.style.left = `${left > 0 ? left : 0}px`;
|
|
142
|
+
element.style.top = `${top}px`;
|
|
143
|
+
};
|
|
79
144
|
/**
|
|
80
145
|
* Listen on hovering tooltip element and update tooltip position if needed
|
|
81
146
|
*/
|
|
@@ -93,11 +158,22 @@ const Tooltip = class {
|
|
|
93
158
|
};
|
|
94
159
|
this.showTooltip = () => {
|
|
95
160
|
this.isShown = true;
|
|
96
|
-
this.
|
|
161
|
+
this.tooltip.classList.add('r-tooltip--content--visible');
|
|
97
162
|
};
|
|
98
163
|
this.removeTooltip = () => {
|
|
99
164
|
this.isShown = false;
|
|
100
|
-
this.
|
|
165
|
+
this.tooltip.style.width = 'max-content';
|
|
166
|
+
this.tooltip.classList.remove('r-tooltip--content--visible');
|
|
167
|
+
};
|
|
168
|
+
this.handleScroll = () => {
|
|
169
|
+
if (!this.isShown) {
|
|
170
|
+
return;
|
|
171
|
+
}
|
|
172
|
+
if (!this.isOnScreen) {
|
|
173
|
+
this.removeTooltip();
|
|
174
|
+
return;
|
|
175
|
+
}
|
|
176
|
+
this.setCorrectPosition();
|
|
101
177
|
};
|
|
102
178
|
}
|
|
103
179
|
/**
|
|
@@ -126,30 +202,47 @@ const Tooltip = class {
|
|
|
126
202
|
this.removeTooltip();
|
|
127
203
|
}
|
|
128
204
|
}
|
|
129
|
-
/**
|
|
130
|
-
* Tooltip element value
|
|
131
|
-
*/
|
|
132
|
-
get tooltipValue() {
|
|
133
|
-
var _a, _b;
|
|
134
|
-
return (_b = (_a = this.element) === null || _a === void 0 ? void 0 : _a.shadowRoot) === null || _b === void 0 ? void 0 : _b.getElementById(this.uniqueId);
|
|
135
|
-
}
|
|
136
205
|
/**
|
|
137
206
|
* Parent with non visible overflow
|
|
138
207
|
*/
|
|
139
208
|
get overflowedParent() {
|
|
140
209
|
return this.findOverflowParent(this.element.parentElement);
|
|
141
210
|
}
|
|
211
|
+
get arrowWidth() {
|
|
212
|
+
var _a;
|
|
213
|
+
return ((_a = this.arrow) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().width) || 0;
|
|
214
|
+
}
|
|
215
|
+
get arrowHeight() {
|
|
216
|
+
var _a;
|
|
217
|
+
return ((_a = this.arrow) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().height) || 0;
|
|
218
|
+
}
|
|
219
|
+
get tooltipContainerWidth() {
|
|
220
|
+
var _a, _b;
|
|
221
|
+
return ((_b = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.width) + this.arrowWidth || 0;
|
|
222
|
+
}
|
|
223
|
+
get tooltipContainerHeight() {
|
|
224
|
+
var _a, _b;
|
|
225
|
+
return ((_b = (_a = this.tooltip) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect()) === null || _b === void 0 ? void 0 : _b.height) + this.arrowHeight || 0;
|
|
226
|
+
}
|
|
142
227
|
/**
|
|
143
228
|
* Available space at the top
|
|
144
229
|
*/
|
|
145
230
|
get top() {
|
|
146
|
-
return
|
|
231
|
+
return this.element.getBoundingClientRect().top;
|
|
147
232
|
}
|
|
148
233
|
/**
|
|
149
234
|
* Available space on the left
|
|
150
235
|
*/
|
|
151
236
|
get left() {
|
|
152
|
-
return
|
|
237
|
+
return this.element.getBoundingClientRect().left;
|
|
238
|
+
}
|
|
239
|
+
get isOnScreen() {
|
|
240
|
+
const parent = this.overflowedParent || document.documentElement;
|
|
241
|
+
const parentRect = parent.getBoundingClientRect();
|
|
242
|
+
const elementRect = this.element.getBoundingClientRect();
|
|
243
|
+
const isVerticallyVisible = elementRect.top >= parentRect.top && elementRect.bottom <= parentRect.bottom;
|
|
244
|
+
const isHorizontallyVisible = elementRect.left >= parentRect.left && elementRect.right <= parentRect.right;
|
|
245
|
+
return isVerticallyVisible && isHorizontallyVisible;
|
|
153
246
|
}
|
|
154
247
|
/**
|
|
155
248
|
* Available space at the bottom
|
|
@@ -158,7 +251,7 @@ const Tooltip = class {
|
|
|
158
251
|
function calculateBottomSpace(element) {
|
|
159
252
|
return window.innerHeight - element.getBoundingClientRect().top - element.getBoundingClientRect().height;
|
|
160
253
|
}
|
|
161
|
-
return
|
|
254
|
+
return calculateBottomSpace(this.element);
|
|
162
255
|
}
|
|
163
256
|
/**
|
|
164
257
|
* Available space on the right
|
|
@@ -167,35 +260,31 @@ const Tooltip = class {
|
|
|
167
260
|
function calculateRightSpace(element) {
|
|
168
261
|
return window.innerWidth - element.getBoundingClientRect().left - element.getBoundingClientRect().width;
|
|
169
262
|
}
|
|
170
|
-
return
|
|
263
|
+
return calculateRightSpace(this.element);
|
|
171
264
|
}
|
|
172
265
|
/**
|
|
173
266
|
* Defines which horizontal placement is available
|
|
174
267
|
*/
|
|
175
268
|
get horizontalPlacement() {
|
|
176
|
-
|
|
177
|
-
return ((_a = this.tooltipValue) === null || _a === void 0 ? void 0 : _a.offsetWidth) + OFFSET < this.left ? 'left' : 'right';
|
|
269
|
+
return this.tooltipContainerWidth + OFFSET < this.left ? 'left' : 'right';
|
|
178
270
|
}
|
|
179
271
|
/**
|
|
180
272
|
* Defines which vertical placement is available
|
|
181
273
|
*/
|
|
182
274
|
get verticalPlacement() {
|
|
183
|
-
|
|
184
|
-
return ((_a = this.tooltipValue) === null || _a === void 0 ? void 0 : _a.offsetHeight) + OFFSET < this.top ? 'top' : 'bottom';
|
|
275
|
+
return this.tooltipContainerHeight + OFFSET < this.top ? 'top' : 'bottom';
|
|
185
276
|
}
|
|
186
277
|
/**
|
|
187
278
|
* Checks if there is enough space for placing tooltip vertically
|
|
188
279
|
*/
|
|
189
280
|
get isEnoughSpaceVertically() {
|
|
190
|
-
|
|
191
|
-
return ((_a = this.tooltipValue) === null || _a === void 0 ? void 0 : _a.offsetHeight) + OFFSET < this.top || ((_b = this.tooltipValue) === null || _b === void 0 ? void 0 : _b.offsetHeight) + OFFSET < this.bottom;
|
|
281
|
+
return this.tooltipContainerHeight + OFFSET < this.top || this.tooltipContainerHeight + OFFSET < this.bottom;
|
|
192
282
|
}
|
|
193
283
|
/**
|
|
194
284
|
* Checks if there is enough space for placing tooltip horizontally
|
|
195
285
|
*/
|
|
196
286
|
get isEnoughSpaceHorizontally() {
|
|
197
|
-
|
|
198
|
-
return ((_a = this.tooltipValue) === null || _a === void 0 ? void 0 : _a.offsetWidth) + OFFSET < this.left || ((_b = this.tooltipValue) === null || _b === void 0 ? void 0 : _b.offsetWidth) + OFFSET < this.right;
|
|
287
|
+
return this.tooltipContainerWidth + OFFSET < this.left || this.tooltipContainerWidth + OFFSET < this.right;
|
|
199
288
|
}
|
|
200
289
|
get activeElement() {
|
|
201
290
|
return this.element.querySelector('r-button, r-icon-button, a, button, [tabindex]:not([tabindex="-1"])');
|
|
@@ -210,13 +299,16 @@ const Tooltip = class {
|
|
|
210
299
|
* Listen to active child element
|
|
211
300
|
*/
|
|
212
301
|
componentDidLoad() {
|
|
213
|
-
var _a, _b;
|
|
302
|
+
var _a, _b, _c;
|
|
214
303
|
(_a = this.activeElement) === null || _a === void 0 ? void 0 : _a.addEventListener('focus', () => {
|
|
215
304
|
this.handleFocus();
|
|
216
305
|
});
|
|
217
306
|
(_b = this.activeElement) === null || _b === void 0 ? void 0 : _b.addEventListener('blur', () => {
|
|
218
307
|
this.removeTooltip();
|
|
219
308
|
});
|
|
309
|
+
(_c = this.overflowedParent) === null || _c === void 0 ? void 0 : _c.addEventListener('scroll', () => {
|
|
310
|
+
this.handleScroll();
|
|
311
|
+
});
|
|
220
312
|
}
|
|
221
313
|
/**
|
|
222
314
|
* Finds first element's parent with not visible overflow.
|
|
@@ -265,25 +357,32 @@ const Tooltip = class {
|
|
|
265
357
|
* First it checks the available space for a defined position and then sets the new one based on the available space.
|
|
266
358
|
*/
|
|
267
359
|
setCorrectPosition() {
|
|
268
|
-
|
|
269
|
-
if (!this.tooltipValue || !this.isShown) {
|
|
360
|
+
if (!this.tooltip || !this.isShown) {
|
|
270
361
|
return;
|
|
271
362
|
}
|
|
272
363
|
switch (this.position) {
|
|
273
364
|
case 'top':
|
|
274
|
-
this.positionState =
|
|
365
|
+
this.positionState = this.tooltipContainerHeight + OFFSET < this.top ? this.position : this.getAlternativePosition();
|
|
275
366
|
break;
|
|
276
367
|
case 'bottom':
|
|
277
|
-
this.positionState =
|
|
368
|
+
this.positionState = this.tooltipContainerHeight + OFFSET < this.bottom ? this.position : this.getAlternativePosition();
|
|
278
369
|
break;
|
|
279
370
|
case 'left':
|
|
280
|
-
this.positionState =
|
|
371
|
+
this.positionState = this.tooltipContainerWidth + OFFSET < this.left ? this.position : this.getAlternativePosition();
|
|
281
372
|
break;
|
|
282
373
|
case 'right':
|
|
283
|
-
this.positionState =
|
|
374
|
+
this.positionState = this.tooltipContainerWidth + OFFSET < this.right ? this.position : this.getAlternativePosition();
|
|
284
375
|
break;
|
|
285
376
|
}
|
|
286
377
|
this.adjustArrowPosition();
|
|
378
|
+
this.alignTooltipPosition();
|
|
379
|
+
this.alignArrowPosition();
|
|
380
|
+
// allow tooltip content wrap and recalculate position
|
|
381
|
+
if (this.tooltip.style.width === 'fit-content') {
|
|
382
|
+
return;
|
|
383
|
+
}
|
|
384
|
+
this.tooltip.style.width = 'fit-content';
|
|
385
|
+
this.alignTooltipPosition();
|
|
287
386
|
}
|
|
288
387
|
/**
|
|
289
388
|
* Adjusts arrow correct position.
|
|
@@ -291,10 +390,9 @@ const Tooltip = class {
|
|
|
291
390
|
* For right & left tooltip positions there is only one position = "center".
|
|
292
391
|
*/
|
|
293
392
|
adjustArrowPosition() {
|
|
294
|
-
|
|
295
|
-
const
|
|
296
|
-
|
|
297
|
-
if (isEnoughTooltipSpaceLeft && isEnoughTooltipSpaceRight || this.positionState === 'left' || this.positionState === 'right') {
|
|
393
|
+
const isEnoughTooltipSpaceLeft = this.tooltipContainerWidth / 2 + OFFSET < this.left;
|
|
394
|
+
const isEnoughTooltipSpaceRight = this.tooltipContainerWidth / 2 + OFFSET < this.right;
|
|
395
|
+
if (isEnoughTooltipSpaceLeft && isEnoughTooltipSpaceRight || !isEnoughTooltipSpaceLeft && !isEnoughTooltipSpaceRight || this.positionState === 'left' || this.positionState === 'right') {
|
|
298
396
|
this.arrowPositionState = 'center';
|
|
299
397
|
}
|
|
300
398
|
else if (!isEnoughTooltipSpaceLeft) {
|
|
@@ -320,7 +418,7 @@ const Tooltip = class {
|
|
|
320
418
|
role: 'tooltip',
|
|
321
419
|
'aria-hidden': `${!isShown}`
|
|
322
420
|
};
|
|
323
|
-
return (h(Host, Object.assign({ key: '
|
|
421
|
+
return (h(Host, Object.assign({ key: 'f0b2e0117f0604d325becbcc05686433fbd3d506' }, hostAttrs, { onMouseenter: this.handleHover, onMouseleave: this.removeTooltip }), h("div", { key: '2f5ff7638dedddd04dac78a2131438457211354b', class: "r-tooltip" }, h("div", Object.assign({ key: 'cb562089f6e7ac27b99ba09953c2f28f29e3e649', class: "r-tooltip--trigger", onFocus: this.handleFocus, onBlur: this.removeTooltip }, triggerAttrs), h("slot", { key: '2e09b16563b9aa325ff64f10af1ad5f4728a2417' })), h("div", Object.assign({ key: 'ffe53881e5ec5335073a7adf2ed5479f3a56f00f', class: "r-tooltip--content", ref: (el) => this.tooltip = el }, contentAttrs), text), h("div", { key: '3f85fb76e934b18d5963d125699d00776c6abbac', ref: (el) => this.arrow = el, class: "r-tooltip--arrow" }))));
|
|
324
422
|
}
|
|
325
423
|
get element() { return getElement(this); }
|
|
326
424
|
static get watchers() { return {
|
|
@@ -63,11 +63,11 @@ const IconButton = class {
|
|
|
63
63
|
name,
|
|
64
64
|
size
|
|
65
65
|
};
|
|
66
|
-
const buttonTemplate = () => (h("button", Object.assign({ key: '
|
|
66
|
+
const buttonTemplate = () => (h("button", Object.assign({ key: 'ce7c3beb7c5fdbff3b47011289fe730dddf844f5', 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 ?
|
|
67
67
|
h("r-icon", Object.assign({}, iconAttrs))
|
|
68
68
|
:
|
|
69
|
-
h("r-icon", { size: size, class: "r-icon-button--icon" }, h("slot", null)), h("span", { key: '
|
|
70
|
-
return (h(Host, { key: '
|
|
69
|
+
h("r-icon", { size: size, class: "r-icon-button--icon" }, h("slot", null)), h("span", { key: '914c52bcfa15416981670f65cc4c009dd887003a', class: "r-icon-button--label visually-hidden" }, this.label), h("span", { key: 'e30a94256908de2c81f42d294e68a5e5524055c0', class: "r-icon-button--target-area" })));
|
|
70
|
+
return (h(Host, { key: 'b894237ccf791815719dc96ab85b7717141afdaf' }, !disabled && tooltipText ?
|
|
71
71
|
h("r-tooltip", { text: tooltipText, position: tooltipPosition }, buttonTemplate())
|
|
72
72
|
:
|
|
73
73
|
buttonTemplate()));
|