@pine-ds/core 4.9.1 → 4.10.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/components/pds-checkbox2.js +1 -1
- package/components/pds-chip2.js +1 -1
- package/components/pds-combobox.js +2 -2
- package/components/pds-dropdown-menu.js +1 -1
- package/components/truncation-tooltip.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/pds-checkbox.cjs.entry.js +1 -1
- package/dist/cjs/pds-chip.cjs.entry.js +5 -3
- package/dist/cjs/pds-combobox.cjs.entry.js +101 -15
- package/dist/cjs/pds-copytext.cjs.entry.js +1 -1
- package/dist/cjs/pds-dropdown-menu.cjs.entry.js +58 -46
- package/dist/cjs/pds-table-cell.cjs.entry.js +1 -1
- package/dist/cjs/pds-text.cjs.entry.js +1 -1
- package/dist/cjs/pine-core.cjs.js +1 -1
- package/dist/cjs/{truncation-tooltip-DdB78RIe.js → truncation-tooltip-Bikp7n9I.js} +1 -1
- package/dist/collection/components/pds-checkbox/pds-checkbox.css +20 -14
- package/dist/collection/components/pds-chip/pds-chip.js +4 -2
- package/dist/collection/components/pds-combobox/grouped-options-panel.js +39 -1
- package/dist/collection/components/pds-combobox/pds-combobox.css +37 -1
- package/dist/collection/components/pds-combobox/pds-combobox.js +62 -14
- package/dist/collection/components/pds-combobox/stories/pds-combobox.stories.js +48 -0
- package/dist/collection/components/pds-dropdown-menu/pds-dropdown-menu.js +64 -46
- package/dist/collection/utils/truncation-tooltip.js +1 -1
- package/dist/docs.json +8 -2
- package/dist/esm/loader.js +1 -1
- package/dist/esm/pds-checkbox.entry.js +1 -1
- package/dist/esm/pds-chip.entry.js +5 -3
- package/dist/esm/pds-combobox.entry.js +101 -15
- package/dist/esm/pds-copytext.entry.js +1 -1
- package/dist/esm/pds-dropdown-menu.entry.js +58 -46
- package/dist/esm/pds-table-cell.entry.js +1 -1
- package/dist/esm/pds-text.entry.js +1 -1
- package/dist/esm/pine-core.js +1 -1
- package/dist/esm/{truncation-tooltip-CRSdYzpA.js → truncation-tooltip-DBcPipr9.js} +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/pds-checkbox.entry.js +1 -1
- package/dist/esm-es5/pds-chip.entry.js +1 -1
- package/dist/esm-es5/pds-combobox.entry.js +1 -1
- package/dist/esm-es5/pds-copytext.entry.js +1 -1
- package/dist/esm-es5/pds-dropdown-menu.entry.js +1 -1
- package/dist/esm-es5/pds-table-cell.entry.js +1 -1
- package/dist/esm-es5/pds-text.entry.js +1 -1
- package/dist/esm-es5/pine-core.js +1 -1
- package/dist/esm-es5/truncation-tooltip-DBcPipr9.js +1 -0
- package/dist/pine-core/p-0b7b3fc2.system.entry.js +3 -0
- package/dist/pine-core/{p-9a776443.entry.js → p-124a0a24.entry.js} +1 -1
- package/dist/pine-core/p-128c04e7.entry.js +1 -0
- package/dist/pine-core/{p-3d34b967.system.entry.js → p-3a1dc752.system.entry.js} +1 -1
- package/dist/pine-core/{p-20079552.system.entry.js → p-639acef8.system.entry.js} +1 -1
- package/dist/pine-core/{p-beb7a430.entry.js → p-97356d4b.entry.js} +1 -1
- package/dist/pine-core/p-BZVUD2on.js +1 -0
- package/dist/pine-core/p-Dj-z_ugg.system.js +1 -0
- package/dist/pine-core/p-XK45dzWR.system.js +1 -1
- package/dist/pine-core/{p-4d1a8803.entry.js → p-afc2f165.entry.js} +1 -1
- package/dist/pine-core/p-c6a9e62c.system.entry.js +1 -0
- package/dist/pine-core/p-da8b864a.entry.js +2 -0
- package/dist/pine-core/p-dd7ded84.entry.js +1 -0
- package/dist/pine-core/p-de455073.system.entry.js +1 -0
- package/dist/pine-core/{p-1cc39908.system.entry.js → p-eb56af4a.system.entry.js} +1 -1
- package/dist/pine-core/p-f354dbac.entry.js +1 -0
- package/dist/pine-core/{p-93fd7dd8.system.entry.js → p-f834cb07.system.entry.js} +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-combobox/combobox-interface.d.ts +26 -0
- package/dist/types/components/pds-combobox/grouped-options-panel.d.ts +17 -0
- package/dist/types/components/pds-combobox/pds-combobox.d.ts +12 -2
- package/dist/types/components/pds-dropdown-menu/pds-dropdown-menu.d.ts +4 -0
- package/dist/types/utils/truncation-tooltip.d.ts +1 -1
- package/hydrate/index.js +166 -66
- package/hydrate/index.mjs +166 -66
- package/package.json +2 -2
- package/dist/esm-es5/truncation-tooltip-CRSdYzpA.js +0 -1
- package/dist/pine-core/p-37718637.entry.js +0 -1
- package/dist/pine-core/p-383d84f4.entry.js +0 -2
- package/dist/pine-core/p-3e30a761.entry.js +0 -1
- package/dist/pine-core/p-54f1e86f.system.entry.js +0 -1
- package/dist/pine-core/p-73efb1ed.system.entry.js +0 -1
- package/dist/pine-core/p-DQyF6v9Q.system.js +0 -1
- package/dist/pine-core/p-DwQ5Tjis.js +0 -1
- package/dist/pine-core/p-b3d4f97a.system.entry.js +0 -3
- package/dist/pine-core/p-f018af99.entry.js +0 -1
|
@@ -19,7 +19,7 @@ var patchBrowser = () => {
|
|
|
19
19
|
|
|
20
20
|
patchBrowser().then(async (options) => {
|
|
21
21
|
await index.globalScripts();
|
|
22
|
-
return index.bootstrapLazy(JSON.parse("[[\"pds-multiselect.cjs\",[[321,\"pds-multiselect\",{\"componentId\":[1,\"component-id\"],\"label\":[1],\"placeholder\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"searchOptionsLabel\":[1,\"search-options-label\"],\"selectedItemsLabel\":[1,\"selected-items-label\"],\"optionsLabel\":[1,\"options-label\"],\"noOptionsFoundLabel\":[1,\"no-options-found-label\"],\"createOptionLabel\":[1,\"create-option-label\"],\"createOptionAriaLabel\":[1,\"create-option-aria-label\"],\"itemRemovedLabel\":[1,\"item-removed-label\"],\"pillRemoveLabel\":[1,\"pill-remove-label\"],\"selectedCountLabelOne\":[1,\"selected-count-label-one\"],\"selectedCountLabelOther\":[1,\"selected-count-label-other\"],\"selectedCountLabels\":[1,\"selected-count-labels\"],\"closePanelOnSelect\":[4,\"close-panel-on-select\"],\"name\":[1],\"value\":[1040],\"disabled\":[4],\"asyncUrl\":[1,\"async-url\"],\"asyncMethod\":[1,\"async-method\"],\"debounce\":[2],\"fetchTimeout\":[2,\"fetch-timeout\"],\"maxSelections\":[2,\"max-selections\"],\"maxHeight\":[1,\"max-height\"],\"triggerWidth\":[1,\"trigger-width\"],\"minWidth\":[1,\"min-width\"],\"panelWidth\":[1,\"panel-width\"],\"hideLabel\":[4,\"hide-label\"],\"hideSelectedItems\":[4,\"hide-selected-items\"],\"selectedDisplay\":[1,\"selected-display\"],\"pillPosition\":[1,\"pill-position\"],\"maxInlinePills\":[2,\"max-inline-pills\"],\"optionDisplay\":[1,\"option-display\"],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"invalid\":[4],\"required\":[4],\"loading\":[1028],\"options\":[16],\"formatResult\":[16],\"createUrl\":[1,\"create-url\"],\"csrfToken\":[1,\"csrf-token\"],\"csrfHeaderName\":[1,\"csrf-header-name\"],\"optionActions\":[4,\"option-actions\"],\"optionActionLabel\":[1,\"option-action-label\"],\"optionActionDescription\":[1,\"option-action-description\"],\"isOpen\":[32],\"searchQuery\":[32],\"highlightedIndex\":[32],\"internalOptions\":[32],\"selectedItems\":[32],\"currentPage\":[32],\"hasMore\":[32],\"creating\":[32],\"removalAnnouncement\":[32],\"slottedTriggerEl\":[32],\"setFocus\":[64],\"clear\":[64],\"refreshOptions\":[64]},[[6,\"keydown\",\"handleWindowKeyDown\"]],{\"debounce\":[{\"setupDebounce\":0}],\"value\":[{\"valueChanged\":0}],\"options\":[{\"optionsChanged\":0}],\"internalOptions\":[{\"internalOptionsChanged\":0}],\"isOpen\":[{\"isOpenChanged\":0}],\"disabled\":[{\"disabledChanged\":0}]}]]],[\"pds-combobox.cjs\",[[321,\"pds-combobox\",{\"componentId\":[1,\"component-id\"],\"name\":[513],\"customOptionLayouts\":[4,\"custom-option-layouts\"],\"customTriggerContent\":[4,\"custom-trigger-content\"],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"dropdownPlacement\":[1,\"dropdown-placement\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"dropdownMount\":[1,\"dropdown-mount\"],\"drillInBackLabel\":[1,\"drill-in-back-label\"],\"noOptionsFoundLabel\":[1,\"no-options-found-label\"],\"flyoutMaxWidth\":[1,\"flyout-max-width\"],\"flyoutMinWidth\":[1,\"flyout-min-width\"],\"groupDisplay\":[1,\"group-display\"],\"helperMessage\":[1,\"helper-message\"],\"hideLabel\":[4,\"hide-label\"],\"invalid\":[4],\"label\":[1],\"maxHeight\":[1,\"max-height\"],\"mode\":[1],\"panelSearch\":[4,\"panel-search\"],\"placeholder\":[1],\"searchOptionsLabel\":[1,\"search-options-label\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"trigger\":[1],\"triggerWidth\":[1,\"trigger-width\"],\"triggerVariant\":[1,\"trigger-variant\"],\"triggerShape\":[1,\"trigger-shape\"],\"truncate\":[516],\"chipSentiment\":[1,\"chip-sentiment\"],\"chipLarge\":[4,\"chip-large\"],\"chipIcon\":[1,\"chip-icon\"],\"chipDot\":[4,\"chip-dot\"],\"value\":[1025],\"asyncUrl\":[1,\"async-url\"],\"asyncMethod\":[1,\"async-method\"],\"debounce\":[2],\"fetchTimeout\":[2,\"fetch-timeout\"],\"loading\":[1028],\"options\":[16],\"formatResult\":[16],\"displayText\":[32],\"filteredItems\":[32],\"highlightedIndex\":[32],\"isOpen\":[32],\"openGroup\":[32],\"drillDirection\":[32],\"highlightedGroup\":[32],\"keyboardNavigating\":[32],\"revealedGroupLabel\":[32],\"pointerCanHover\":[32],\"panelQuery\":[32],\"flyoutFallback\":[32],\"selectedOption\":[32],\"selectedOptionLayoutContent\":[32],\"selectedOptionChipProps\":[32],\"internalOptions\":[32],\"currentPage\":[32],\"hasMore\":[32],\"setFocus\":[64],\"getSelectedValue\":[64],\"clear\":[64]},null,{\"groupDisplay\":[{\"groupDisplayChanged\":0}],\"openGroup\":[{\"openGroupChanged\":0}],\"flyoutFallback\":[{\"flyoutFallbackChanged\":0}],\"disabled\":[{\"disabledChanged\":0}],\"isOpen\":[{\"isOpenChanged\":0}],\"debounce\":[{\"setupDebounce\":0}],\"options\":[{\"optionsChanged\":0}],\"value\":[{\"handleValueChange\":0}],\"selectedOption\":[{\"handleSelectedOptionChange\":0}]}]]],[\"pds-alert.cjs\",[[257,\"pds-alert\",{\"componentId\":[1,\"component-id\"],\"heading\":[1],\"small\":[4],\"dismissible\":[4],\"hideIcon\":[4,\"hide-icon\"],\"variant\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"severityLabel\":[1,\"severity-label\"],\"hasActionsContent\":[32]}]]],[\"pds-copytext.cjs\",[[1,\"pds-copytext\",{\"border\":[1540],\"componentId\":[1,\"component-id\"],\"fullWidth\":[4,\"full-width\"],\"truncate\":[4],\"value\":[1]},null,{\"border\":[{\"restoreBorderDefault\":0}],\"truncate\":[{\"handleTruncateChange\":0}],\"value\":[{\"handleValueChange\":0}]}]]],[\"pds-table-head.cjs\",[[257,\"pds-table-head\",{\"indeterminate\":[1028],\"isSelected\":[1028,\"is-selected\"],\"border\":[516],\"background\":[516]}]]],[\"pds-table-row.cjs\",[[257,\"pds-table-row\",{\"indeterminate\":[1028],\"isSelected\":[1028,\"is-selected\"],\"hasDivider\":[32],\"isLastRow\":[32]}]]],[\"pds-datepicker.cjs\",[[65,\"pds-datepicker\",{\"applyLabel\":[1,\"apply-label\"],\"autoApply\":[4,\"auto-apply\"],\"cancelLabel\":[1,\"cancel-label\"],\"clearable\":[4],\"clearLabel\":[1,\"clear-label\"],\"componentId\":[1,\"component-id\"],\"customRangeLabel\":[1,\"custom-range-label\"],\"disabled\":[4],\"endTimeLabel\":[1,\"end-time-label\"],\"errorMessage\":[1,\"error-message\"],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"format\":[1],\"fullWidth\":[4,\"full-width\"],\"helperMessage\":[1,\"helper-message\"],\"hideLabel\":[4,\"hide-label\"],\"hourLabel\":[1,\"hour-label\"],\"invalid\":[4],\"invalidDateMessage\":[1,\"invalid-date-message\"],\"maxDateMessage\":[1,\"max-date-message\"],\"minDateMessage\":[1,\"min-date-message\"],\"label\":[1],\"locale\":[1],\"max\":[1],\"min\":[1],\"minuteIncrement\":[2,\"minute-increment\"],\"minuteLabel\":[1,\"minute-label\"],\"monthLabel\":[1,\"month-label\"],\"name\":[1],\"nextMonthLabel\":[1,\"next-month-label\"],\"periodLabel\":[1,\"period-label\"],\"placeholder\":[1],\"placement\":[1],\"presets\":[1],\"presetsLabel\":[1,\"presets-label\"],\"previousMonthLabel\":[1,\"previous-month-label\"],\"range\":[4],\"readonly\":[4],\"required\":[4],\"showDropdowns\":[4,\"show-dropdowns\"],\"startTimeLabel\":[1,\"start-time-label\"],\"timePicker\":[4,\"time-picker\"],\"timeLabel\":[1,\"time-label\"],\"triggerLabel\":[1,\"trigger-label\"],\"value\":[1025],\"yearLabel\":[1,\"year-label\"],\"isOpen\":[32],\"text\":[32],\"textError\":[32],\"activeDate\":[32],\"viewMonth\":[32],\"draftStart\":[32],\"draftEnd\":[32],\"startTime\":[32],\"endTime\":[32],\"previewDate\":[32],\"open\":[64],\"close\":[64],\"setFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"format\":[{\"contextChanged\":0}],\"locale\":[{\"contextChanged\":0}],\"timePicker\":[{\"contextChanged\":0}],\"range\":[{\"contextChanged\":0}],\"min\":[{\"contextChanged\":0}],\"max\":[{\"contextChanged\":0}],\"placement\":[{\"placementChanged\":0}],\"required\":[{\"requiredChanged\":0}],\"disabled\":[{\"interactivityChanged\":0}],\"readonly\":[{\"interactivityChanged\":0}]}]]],[\"pds-dropdown-menu-item.cjs\",[[257,\"pds-dropdown-menu-item\",{\"componentId\":[1,\"component-id\"],\"destructive\":[4],\"disabled\":[516],\"download\":[1],\"href\":[1],\"informational\":[516],\"external\":[516],\"externalLabel\":[1,\"external-label\"],\"target\":[513],\"hasFocus\":[32],\"clickItem\":[64]}]]],[\"pds-property.cjs\",[[257,\"pds-property\",{\"componentId\":[1,\"component-id\"],\"icon\":[1]}]]],[\"pds-accordion.cjs\",[[257,\"pds-accordion\",{\"componentId\":[1,\"component-id\"],\"isOpen\":[1540,\"open\"]},null,{\"isOpen\":[{\"handleOpenState\":0}]}]]],[\"pds-avatar.cjs\",[[1,\"pds-avatar\",{\"alt\":[1],\"badge\":[4],\"badgeLabel\":[1,\"badge-label\"],\"componentId\":[1,\"component-id\"],\"dropdown\":[4],\"image\":[1],\"initials\":[1],\"size\":[1537],\"status\":[513],\"statusLabel\":[1,\"status-label\"],\"statusRing\":[4,\"status-ring\"],\"variant\":[1537],\"triggerLabel\":[1,\"trigger-label\"]},null,{\"size\":[{\"restoreSizeDefault\":0}],\"variant\":[{\"restoreVariantDefault\":0}]}]]],[\"pds-drawer.cjs\",[[260,\"pds-drawer\",{\"componentId\":[1,\"component-id\"],\"open\":[1028],\"side\":[1],\"size\":[1],\"scrollable\":[4],\"modal\":[4],\"lightDismiss\":[4,\"light-dismiss\"],\"initialFocus\":[1,\"initial-focus\"]},[[0,\"pdsModalClose\",\"handleModalClose\"],[0,\"pdsModalOpen\",\"handleModalOpen\"],[5,\"pointerdown\",\"handleOutsidePointerDown\"]]]]],[\"pds-dropdown-menu.cjs\",[[257,\"pds-dropdown-menu\",{\"componentId\":[1,\"component-id\"],\"placement\":[1],\"currentFocusIndex\":[32],\"hasHeader\":[32]},[[6,\"keydown\",\"handleEscapeKeyDown\"],[8,\"keydown\",\"handleKeyDown\"],[8,\"click\",\"handleWindowClick\"]]]]],[\"pds-filter.cjs\",[[257,\"pds-filter\",{\"componentId\":[1,\"component-id\"],\"variant\":[1],\"icon\":[1],\"text\":[1],\"isOpen\":[32],\"showFilter\":[64],\"hideFilter\":[64]},[[9,\"resize\",\"handleWindowResize\"],[9,\"scroll\",\"handleWindowScroll\"],[4,\"toggle\",\"handlePopoverToggle\"],[4,\"click\",\"handleDocumentClick\"],[4,\"keydown\",\"handleEscapeKey\"]]]]],[\"pds-radio.cjs\",[[262,\"pds-radio\",{\"checked\":[4],\"componentId\":[1,\"component-id\"],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"hasBorder\":[4,\"has-border\"],\"invalid\":[4],\"label\":[1],\"hideLabel\":[4,\"hide-label\"],\"name\":[1],\"required\":[4],\"value\":[1],\"variant\":[1],\"_hasImage\":[32]}]]],[\"pds-radio-group.cjs\",[[262,\"pds-radio-group\",{\"componentId\":[1,\"component-id\"],\"direction\":[1],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"gap\":[1],\"disabled\":[4],\"invalid\":[4],\"groupLabel\":[1,\"group-label\"],\"name\":[1],\"required\":[4]},[[0,\"change\",\"handleRadioChange\"]],{\"name\":[{\"handlePropsChange\":0}],\"disabled\":[{\"handlePropsChange\":0}],\"invalid\":[{\"handlePropsChange\":0}],\"required\":[{\"handlePropsChange\":0}]}]]],[\"pds-select.cjs\",[[321,\"pds-select\",{\"autocomplete\":[1],\"componentId\":[1,\"component-id\"],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"hideLabel\":[4,\"hide-label\"],\"helperMessage\":[1,\"helper-message\"],\"invalid\":[4],\"label\":[1],\"multiple\":[4],\"name\":[1],\"required\":[4],\"highlight\":[516],\"value\":[1025]},null,{\"value\":[{\"valueChanged\":0}],\"multiple\":[{\"multipleChanged\":0}]}]]],[\"pds-sortable-item.cjs\",[[262,\"pds-sortable-item\",{\"enableActions\":[4,\"enable-actions\"],\"componentId\":[1,\"component-id\"],\"showHandle\":[1028,\"show-handle\"]}]]],[\"pds-switch.cjs\",[[321,\"pds-switch\",{\"componentId\":[1,\"component-id\"],\"checked\":[1028],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"hideLabel\":[4,\"hide-label\"],\"helperMessage\":[1,\"helper-message\"],\"invalid\":[4],\"label\":[1],\"name\":[1],\"required\":[4],\"value\":[1],\"hasLabelSlot\":[32]},null,{\"checked\":[{\"checkedChanged\":0}]}]]],[\"pds-textarea.cjs\",[[321,\"pds-textarea\",{\"autocomplete\":[1],\"componentId\":[1,\"component-id\"],\"disabled\":[4],\"debounce\":[2],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"invalid\":[1028],\"label\":[1],\"hideLabel\":[4,\"hide-label\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"rows\":[2],\"maxLength\":[514,\"max-length\"],\"highlight\":[516],\"value\":[1025],\"characterCountLabel\":[1,\"character-count-label\"],\"hasFocus\":[32],\"hasAction\":[32],\"setFocus\":[64]},null,{\"debounce\":[{\"debounceChanged\":0}],\"value\":[{\"valueChanged\":0}],\"maxLength\":[{\"maxLengthChanged\":0}]}]]],[\"pds-toast.cjs\",[[257,\"pds-toast\",{\"componentId\":[1,\"component-id\"],\"dismissible\":[4],\"duration\":[2],\"icon\":[1],\"type\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"severityLabel\":[1,\"severity-label\"],\"isVisible\":[32],\"isAnimatingOut\":[32],\"dismiss\":[64]},null,{\"duration\":[{\"handleDurationChange\":0}]}]]],[\"mock-pds-modal.cjs\",[[260,\"mock-pds-modal\",{\"componentId\":[1,\"component-id\"],\"size\":[1],\"scrollable\":[4],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"open\":[1028],\"showModal\":[64],\"hideModal\":[64]}]]],[\"pds-container.cjs\",[[257,\"pds-container\",{\"size\":[1],\"tag\":[1],\"centered\":[4]}]]],[\"pds-divider.cjs\",[[1,\"pds-divider\",{\"componentId\":[1,\"component-id\"],\"label\":[1],\"offset\":[1],\"vertical\":[4]}]]],[\"pds-drawer-content.cjs\",[[260,\"pds-drawer-content\"]]],[\"pds-drawer-footer.cjs\",[[260,\"pds-drawer-footer\"]]],[\"pds-drawer-header.cjs\",[[260,\"pds-drawer-header\"]]],[\"pds-dropdown-menu-separator.cjs\",[[1,\"pds-dropdown-menu-separator\",{\"componentId\":[1,\"component-id\"],\"disabled\":[4]}]]],[\"pds-filters.cjs\",[[257,\"pds-filters\",{\"componentId\":[1,\"component-id\"]}]]],[\"pds-image.cjs\",[[1,\"pds-image\",{\"alt\":[1],\"componentId\":[1,\"component-id\"],\"height\":[2],\"loading\":[1],\"sizes\":[1],\"src\":[1],\"srcset\":[1],\"width\":[2]}]]],[\"pds-modal-content.cjs\",[[260,\"pds-modal-content\",{\"border\":[1537],\"contentMaxHeight\":[32]}]]],[\"pds-modal-footer.cjs\",[[260,\"pds-modal-footer\"]]],[\"pds-modal-header.cjs\",[[260,\"pds-modal-header\"]]],[\"pds-popover.cjs\",[[257,\"pds-popover\",{\"popoverTargetAction\":[1,\"popover-target-action\"],\"openOn\":[1,\"open-on\"],\"popoverType\":[1,\"popover-type\"],\"componentId\":[1,\"component-id\"],\"maxWidth\":[2,\"max-width\"],\"padding\":[1],\"placement\":[1537],\"active\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"openOn\":[{\"openOnChanged\":0}],\"padding\":[{\"applyPadding\":0}],\"placement\":[{\"restorePlacementDefault\":0}]}]]],[\"pds-progress.cjs\",[[1,\"pds-progress\",{\"animated\":[4],\"componentId\":[1,\"component-id\"],\"fillColor\":[1,\"fill-color\"],\"label\":[1],\"percent\":[2],\"showPercent\":[4,\"show-percent\"]}]]],[\"pds-row.cjs\",[[0,\"pds-row\",{\"alignItems\":[1,\"align-items\"],\"border\":[4],\"colGap\":[1,\"col-gap\"],\"colGapBlock\":[1,\"col-gap-block\"],\"colGapInline\":[1,\"col-gap-inline\"],\"componentId\":[1,\"component-id\"],\"justifyContent\":[1,\"justify-content\"],\"minHeight\":[1,\"min-height\"],\"noWrap\":[4,\"no-wrap\"]}]]],[\"pds-sortable.cjs\",[[262,\"pds-sortable\",{\"border\":[516],\"disabled\":[516],\"componentId\":[1,\"component-id\"],\"dividers\":[516],\"handleType\":[1,\"handle-type\"]},null,{\"disabled\":[{\"handleDisabledChange\":0}]}]]],[\"pds-tab.cjs\",[[260,\"pds-tab\",{\"disabled\":[4],\"href\":[1],\"active\":[4],\"target\":[1],\"turboFrame\":[1,\"turbo-frame\"],\"turboAction\":[1,\"turbo-action\"],\"name\":[1],\"parentComponentId\":[1,\"parent-component-id\"],\"variant\":[1],\"index\":[2],\"selected\":[4],\"navMode\":[4,\"nav-mode\"]}]]],[\"pds-table.cjs\",[[257,\"pds-table\",{\"compact\":[4],\"componentId\":[1,\"component-id\"],\"responsive\":[4],\"fixedColumn\":[4,\"fixed-column\"],\"selectable\":[4],\"disableSelectAll\":[4,\"disable-select-all\"],\"rowDividers\":[516,\"row-dividers\"],\"defaultSortColumn\":[1,\"default-sort-column\"],\"defaultSortDirection\":[1,\"default-sort-direction\"],\"sortingColumn\":[32],\"sortingDirection\":[32]},[[0,\"pdsTableSort\",\"handleTableSort\"],[0,\"pdsTableSelectAll\",\"handleTableSelectAll\"],[0,\"pdsTableRowSelected\",\"handleTableSelect\"]]]]],[\"pds-table-body.cjs\",[[257,\"pds-table-body\"]]],[\"pds-tabpanel.cjs\",[[260,\"pds-tabpanel\",{\"name\":[1],\"parentComponentId\":[1,\"parent-component-id\"],\"variant\":[1],\"selected\":[1028],\"stretch\":[4]}]]],[\"pds-tabs.cjs\",[[257,\"pds-tabs\",{\"tablistLabel\":[1,\"tablist-label\"],\"componentId\":[1,\"component-id\"],\"variant\":[1],\"divider\":[4],\"stretch\":[4],\"nav\":[4],\"activeTabName\":[1025,\"active-tab-name\"],\"activeTabIndex\":[1026,\"active-tab-index\"]},[[16,\"pdsTabClick\",\"tabClickHandler\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"pds-tooltip.cjs\",[[260,\"pds-tooltip\",{\"content\":[1],\"componentId\":[1,\"component-id\"],\"hasArrow\":[4,\"has-arrow\"],\"htmlContent\":[4,\"html-content\"],\"placement\":[513],\"maxWidth\":[1,\"max-width\"],\"opened\":[1540],\"_isInteractiveOpen\":[32],\"showTooltip\":[64],\"hideTooltip\":[64]},null,{\"opened\":[{\"handleOpenToggle\":0}]}]]],[\"pds-button.cjs\",[[273,\"pds-button\",{\"componentId\":[1,\"component-id\"],\"download\":[1],\"disabled\":[516],\"fullWidth\":[4,\"full-width\"],\"href\":[1],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"loading\":[4],\"name\":[1],\"target\":[1],\"type\":[1],\"value\":[1],\"size\":[1],\"variant\":[1],\"hasStartContent\":[32],\"hasEndContent\":[32],\"forwardedAria\":[32]},[[16,\"keydown\",\"handleFormKeyDown\"]]]]],[\"pds-input.cjs\",[[321,\"pds-input\",{\"autocomplete\":[1],\"componentId\":[1,\"component-id\"],\"debounce\":[2],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"invalid\":[4],\"label\":[1],\"hideLabel\":[4,\"hide-label\"],\"max\":[1],\"maxlength\":[1],\"min\":[1],\"minlength\":[1],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"step\":[1],\"type\":[1],\"value\":[1032],\"fullWidth\":[4,\"full-width\"],\"highlight\":[516],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasPrepend\":[32],\"hasAppend\":[32],\"hasAction\":[32],\"hasFocus\":[32],\"setFocus\":[64]},null,{\"debounce\":[{\"debounceChanged\":0}],\"value\":[{\"valueChanged\":0}]}]]],[\"pds-link.cjs\",[[257,\"pds-link\",{\"active\":[516],\"color\":[1],\"download\":[1],\"componentId\":[1,\"component-id\"],\"external\":[4],\"externalLabel\":[1,\"external-label\"],\"target\":[1],\"variant\":[1],\"fontSize\":[1,\"font-size\"],\"href\":[1],\"turbo\":[1],\"turboFrame\":[1,\"turbo-frame\"],\"turboAction\":[1,\"turbo-action\"],\"turboMethod\":[1,\"turbo-method\"],\"turboConfirm\":[1,\"turbo-confirm\"],\"turboStream\":[1,\"turbo-stream\"],\"turboPrefetch\":[1,\"turbo-prefetch\"],\"turboPreload\":[1,\"turbo-preload\"]}]]],[\"pds-table-head-cell.cjs\",[[257,\"pds-table-head-cell\",{\"cellAlign\":[1,\"cell-align\"],\"sortable\":[4],\"sortingDirection\":[32],\"tableScrolling\":[32],\"isSelected\":[32],\"hasHeadBorder\":[32],\"hasHeadBackground\":[32],\"isActive\":[32],\"setActiveSort\":[64],\"clearActiveSort\":[64]}]]],[\"pds-modal.cjs\",[[260,\"pds-modal\",{\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"componentId\":[1,\"component-id\"],\"open\":[1028],\"size\":[1],\"scrollable\":[4],\"disableTopLayer\":[4,\"disable-top-layer\"],\"disableInitialFocus\":[4,\"disable-initial-focus\"],\"focusableElementsArray\":[32],\"showModal\":[64],\"hideModal\":[64]},null,{\"size\":[{\"sizeChanged\":0}],\"open\":[{\"handleOpenChange\":0}]}]]],[\"pds-table-cell.cjs\",[[257,\"pds-table-cell\",{\"cellAlign\":[1,\"cell-align\"],\"truncate\":[4],\"tableScrolling\":[32]},null,{\"truncate\":[{\"handleTruncateChange\":0}]}]]],[\"pds-chip.cjs\",[[257,\"pds-chip\",{\"componentId\":[1,\"component-id\"],\"dot\":[4],\"dotColor\":[1,\"dot-color\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"size\":[1],\"sentiment\":[1],\"variant\":[1],\"removeUrl\":[1,\"remove-url\"],\"removeHttpMethod\":[1,\"remove-http-method\"],\"removeTarget\":[1,\"remove-target\"],\"dismissLabel\":[1,\"dismiss-label\"],\"maxWidth\":[513,\"max-width\"]}]]],[\"pds-text.cjs\",[[257,\"pds-text\",{\"align\":[1],\"color\":[1],\"decoration\":[1],\"gutter\":[1],\"italic\":[4],\"size\":[1],\"weight\":[1],\"tag\":[1],\"truncate\":[516]},null,{\"truncate\":[{\"handleTruncateChange\":0}],\"size\":[{\"validateSize\":0}]}]]],[\"pds-icon.cjs\",[[1,\"pds-icon\",{\"color\":[1],\"flipRtl\":[4,\"flip-rtl\"],\"icon\":[8],\"name\":[513],\"size\":[513],\"src\":[1],\"inheritedAttributes\":[32],\"isFocusable\":[32],\"isVisible\":[32],\"svgContent\":[32]},null,{\"size\":[{\"updateStyles\":0}],\"color\":[{\"updateStyles\":0}],\"name\":[{\"onIconPropertyChange\":0}],\"src\":[{\"onIconPropertyChange\":0}],\"icon\":[{\"onIconPropertyChange\":0}]}]]],[\"pds-checkbox.cjs\",[[321,\"pds-checkbox\",{\"checked\":[1028],\"componentId\":[1,\"component-id\"],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"indeterminate\":[1028],\"invalid\":[4],\"label\":[1],\"hideLabel\":[4,\"hide-label\"],\"name\":[1],\"required\":[4],\"value\":[1],\"variant\":[1],\"hasLabelSlot\":[32]},null,{\"checked\":[{\"updateIndeterminate\":0},{\"checkedChanged\":0}]}]]],[\"pds-loader.cjs\",[[257,\"pds-loader\",{\"isLoading\":[4,\"is-loading\"],\"showLabel\":[4,\"show-label\"],\"size\":[1537],\"variant\":[1]},null,{\"size\":[{\"restoreSizeDefault\":0}]}]]],[\"pds-box.cjs\",[[0,\"pds-box\",{\"alignItems\":[1,\"align-items\"],\"alignItemsXs\":[1,\"align-items-xs\"],\"alignItemsSm\":[1,\"align-items-sm\"],\"alignItemsMd\":[1,\"align-items-md\"],\"alignItemsLg\":[1,\"align-items-lg\"],\"alignItemsXl\":[1,\"align-items-xl\"],\"alignSelf\":[1,\"align-self\"],\"alignSelfXs\":[1,\"align-self-xs\"],\"alignSelfSm\":[1,\"align-self-sm\"],\"alignSelfMd\":[1,\"align-self-md\"],\"alignSelfLg\":[1,\"align-self-lg\"],\"alignSelfXl\":[1,\"align-self-xl\"],\"auto\":[4],\"autoXs\":[4,\"auto-xs\"],\"autoSm\":[4,\"auto-sm\"],\"autoMd\":[4,\"auto-md\"],\"autoLg\":[4,\"auto-lg\"],\"autoXl\":[4,\"auto-xl\"],\"backgroundColor\":[1,\"background-color\"],\"border\":[4],\"borderBlockEnd\":[4,\"border-block-end\"],\"borderBlockStart\":[4,\"border-block-start\"],\"borderColor\":[1,\"border-color\"],\"borderInlineEnd\":[4,\"border-inline-end\"],\"borderInlineStart\":[4,\"border-inline-start\"],\"borderRadius\":[1,\"border-radius\"],\"direction\":[1],\"display\":[1],\"fit\":[4],\"fitXs\":[4,\"fit-xs\"],\"fitSm\":[4,\"fit-sm\"],\"fitMd\":[4,\"fit-md\"],\"fitLg\":[4,\"fit-lg\"],\"fitXl\":[4,\"fit-xl\"],\"gap\":[1],\"gapXs\":[1,\"gap-xs\"],\"gapSm\":[1,\"gap-sm\"],\"gapMd\":[1,\"gap-md\"],\"gapLg\":[1,\"gap-lg\"],\"gapXl\":[1,\"gap-xl\"],\"wrap\":[4],\"wrapXs\":[4,\"wrap-xs\"],\"wrapSm\":[4,\"wrap-sm\"],\"wrapMd\":[4,\"wrap-md\"],\"wrapLg\":[4,\"wrap-lg\"],\"wrapXl\":[4,\"wrap-xl\"],\"flex\":[1],\"justifyContent\":[1,\"justify-content\"],\"justifyContentXs\":[1,\"justify-content-xs\"],\"justifyContentSm\":[1,\"justify-content-sm\"],\"justifyContentMd\":[1,\"justify-content-md\"],\"justifyContentLg\":[1,\"justify-content-lg\"],\"justifyContentXl\":[1,\"justify-content-xl\"],\"marginBlockStart\":[1,\"margin-block-start\"],\"marginBlockStartXs\":[1,\"margin-block-start-xs\"],\"marginBlockStartSm\":[1,\"margin-block-start-sm\"],\"marginBlockStartMd\":[1,\"margin-block-start-md\"],\"marginBlockStartLg\":[1,\"margin-block-start-lg\"],\"marginBlockStartXl\":[1,\"margin-block-start-xl\"],\"marginInlineStart\":[1,\"margin-inline-start\"],\"marginInlineStartXs\":[1,\"margin-inline-start-xs\"],\"marginInlineStartSm\":[1,\"margin-inline-start-sm\"],\"marginInlineStartMd\":[1,\"margin-inline-start-md\"],\"marginInlineStartLg\":[1,\"margin-inline-start-lg\"],\"marginInlineStartXl\":[1,\"margin-inline-start-xl\"],\"marginInlineEnd\":[1,\"margin-inline-end\"],\"marginInlineEndXs\":[1,\"margin-inline-end-xs\"],\"marginInlineEndSm\":[1,\"margin-inline-end-sm\"],\"marginInlineEndMd\":[1,\"margin-inline-end-md\"],\"marginInlineEndLg\":[1,\"margin-inline-end-lg\"],\"marginInlineEndXl\":[1,\"margin-inline-end-xl\"],\"marginBlockEnd\":[1,\"margin-block-end\"],\"marginBlockEndXs\":[1,\"margin-block-end-xs\"],\"marginBlockEndSm\":[1,\"margin-block-end-sm\"],\"marginBlockEndMd\":[1,\"margin-block-end-md\"],\"marginBlockEndLg\":[1,\"margin-block-end-lg\"],\"marginBlockEndXl\":[1,\"margin-block-end-xl\"],\"minHeight\":[513,\"min-height\"],\"minWidth\":[513,\"min-width\"],\"offset\":[1],\"offsetXs\":[1,\"offset-xs\"],\"offsetSm\":[1,\"offset-sm\"],\"offsetMd\":[1,\"offset-md\"],\"offsetLg\":[1,\"offset-lg\"],\"offsetXl\":[1,\"offset-xl\"],\"padding\":[1],\"paddingXs\":[1,\"padding-xs\"],\"paddingSm\":[1,\"padding-sm\"],\"paddingMd\":[1,\"padding-md\"],\"paddingLg\":[1,\"padding-lg\"],\"paddingXl\":[1,\"padding-xl\"],\"paddingBlockStart\":[1,\"padding-block-start\"],\"paddingBlockStartXs\":[1,\"padding-block-start-xs\"],\"paddingBlockStartSm\":[1,\"padding-block-start-sm\"],\"paddingBlockStartMd\":[1,\"padding-block-start-md\"],\"paddingBlockStartLg\":[1,\"padding-block-start-lg\"],\"paddingBlockStartXl\":[1,\"padding-block-start-xl\"],\"paddingBlockEnd\":[1,\"padding-block-end\"],\"paddingBlockEndXs\":[1,\"padding-block-end-xs\"],\"paddingBlockEndSm\":[1,\"padding-block-end-sm\"],\"paddingBlockEndMd\":[1,\"padding-block-end-md\"],\"paddingBlockEndLg\":[1,\"padding-block-end-lg\"],\"paddingBlockEndXl\":[1,\"padding-block-end-xl\"],\"paddingInlineStart\":[1,\"padding-inline-start\"],\"paddingInlineStartXs\":[1,\"padding-inline-start-xs\"],\"paddingInlineStartSm\":[1,\"padding-inline-start-sm\"],\"paddingInlineStartMd\":[1,\"padding-inline-start-md\"],\"paddingInlineStartLg\":[1,\"padding-inline-start-lg\"],\"paddingInlineStartXl\":[1,\"padding-inline-start-xl\"],\"paddingInlineEnd\":[1,\"padding-inline-end\"],\"paddingInlineEndXs\":[1,\"padding-inline-end-xs\"],\"paddingInlineEndSm\":[1,\"padding-inline-end-sm\"],\"paddingInlineEndMd\":[1,\"padding-inline-end-md\"],\"paddingInlineEndLg\":[1,\"padding-inline-end-lg\"],\"paddingInlineEndXl\":[1,\"padding-inline-end-xl\"],\"shadow\":[1],\"size\":[1],\"sizeXs\":[1,\"size-xs\"],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"],\"sizeXl\":[1,\"size-xl\"]}]]]]"), options);
|
|
22
|
+
return index.bootstrapLazy(JSON.parse("[[\"pds-multiselect.cjs\",[[321,\"pds-multiselect\",{\"componentId\":[1,\"component-id\"],\"label\":[1],\"placeholder\":[1],\"searchPlaceholder\":[1,\"search-placeholder\"],\"searchOptionsLabel\":[1,\"search-options-label\"],\"selectedItemsLabel\":[1,\"selected-items-label\"],\"optionsLabel\":[1,\"options-label\"],\"noOptionsFoundLabel\":[1,\"no-options-found-label\"],\"createOptionLabel\":[1,\"create-option-label\"],\"createOptionAriaLabel\":[1,\"create-option-aria-label\"],\"itemRemovedLabel\":[1,\"item-removed-label\"],\"pillRemoveLabel\":[1,\"pill-remove-label\"],\"selectedCountLabelOne\":[1,\"selected-count-label-one\"],\"selectedCountLabelOther\":[1,\"selected-count-label-other\"],\"selectedCountLabels\":[1,\"selected-count-labels\"],\"closePanelOnSelect\":[4,\"close-panel-on-select\"],\"name\":[1],\"value\":[1040],\"disabled\":[4],\"asyncUrl\":[1,\"async-url\"],\"asyncMethod\":[1,\"async-method\"],\"debounce\":[2],\"fetchTimeout\":[2,\"fetch-timeout\"],\"maxSelections\":[2,\"max-selections\"],\"maxHeight\":[1,\"max-height\"],\"triggerWidth\":[1,\"trigger-width\"],\"minWidth\":[1,\"min-width\"],\"panelWidth\":[1,\"panel-width\"],\"hideLabel\":[4,\"hide-label\"],\"hideSelectedItems\":[4,\"hide-selected-items\"],\"selectedDisplay\":[1,\"selected-display\"],\"pillPosition\":[1,\"pill-position\"],\"maxInlinePills\":[2,\"max-inline-pills\"],\"optionDisplay\":[1,\"option-display\"],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"invalid\":[4],\"required\":[4],\"loading\":[1028],\"options\":[16],\"formatResult\":[16],\"createUrl\":[1,\"create-url\"],\"csrfToken\":[1,\"csrf-token\"],\"csrfHeaderName\":[1,\"csrf-header-name\"],\"optionActions\":[4,\"option-actions\"],\"optionActionLabel\":[1,\"option-action-label\"],\"optionActionDescription\":[1,\"option-action-description\"],\"isOpen\":[32],\"searchQuery\":[32],\"highlightedIndex\":[32],\"internalOptions\":[32],\"selectedItems\":[32],\"currentPage\":[32],\"hasMore\":[32],\"creating\":[32],\"removalAnnouncement\":[32],\"slottedTriggerEl\":[32],\"setFocus\":[64],\"clear\":[64],\"refreshOptions\":[64]},[[6,\"keydown\",\"handleWindowKeyDown\"]],{\"debounce\":[{\"setupDebounce\":0}],\"value\":[{\"valueChanged\":0}],\"options\":[{\"optionsChanged\":0}],\"internalOptions\":[{\"internalOptionsChanged\":0}],\"isOpen\":[{\"isOpenChanged\":0}],\"disabled\":[{\"disabledChanged\":0}]}]]],[\"pds-combobox.cjs\",[[321,\"pds-combobox\",{\"componentId\":[1,\"component-id\"],\"name\":[513],\"customOptionLayouts\":[4,\"custom-option-layouts\"],\"customTriggerContent\":[4,\"custom-trigger-content\"],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"dropdownPlacement\":[1,\"dropdown-placement\"],\"dropdownWidth\":[1,\"dropdown-width\"],\"dropdownMount\":[1,\"dropdown-mount\"],\"drillInBackLabel\":[1,\"drill-in-back-label\"],\"noOptionsFoundLabel\":[1,\"no-options-found-label\"],\"flyoutMaxWidth\":[1,\"flyout-max-width\"],\"flyoutMinWidth\":[1,\"flyout-min-width\"],\"groupDisplay\":[1,\"group-display\"],\"helperMessage\":[1,\"helper-message\"],\"hideLabel\":[4,\"hide-label\"],\"invalid\":[4],\"label\":[1],\"maxHeight\":[1,\"max-height\"],\"mode\":[1],\"panelSearch\":[4,\"panel-search\"],\"placeholder\":[1],\"searchOptionsLabel\":[1,\"search-options-label\"],\"searchPlaceholder\":[1,\"search-placeholder\"],\"trigger\":[1],\"triggerWidth\":[1,\"trigger-width\"],\"triggerVariant\":[1,\"trigger-variant\"],\"triggerShape\":[1,\"trigger-shape\"],\"truncate\":[516],\"chipSentiment\":[1,\"chip-sentiment\"],\"chipLarge\":[4,\"chip-large\"],\"chipIcon\":[1,\"chip-icon\"],\"chipDot\":[4,\"chip-dot\"],\"value\":[1025],\"asyncUrl\":[1,\"async-url\"],\"asyncMethod\":[1,\"async-method\"],\"debounce\":[2],\"fetchTimeout\":[2,\"fetch-timeout\"],\"loading\":[1028],\"options\":[16],\"formatResult\":[16],\"displayText\":[32],\"filteredItems\":[32],\"highlightedIndex\":[32],\"isOpen\":[32],\"openGroup\":[32],\"drillDirection\":[32],\"highlightedGroup\":[32],\"keyboardNavigating\":[32],\"revealedGroupLabel\":[32],\"pointerCanHover\":[32],\"panelQuery\":[32],\"flyoutFallback\":[32],\"selectedOption\":[32],\"selectedOptionLayoutContent\":[32],\"selectedOptionChipProps\":[32],\"internalOptions\":[32],\"currentPage\":[32],\"hasMore\":[32],\"setFocus\":[64],\"getSelectedValue\":[64],\"clear\":[64]},null,{\"groupDisplay\":[{\"groupDisplayChanged\":0}],\"openGroup\":[{\"openGroupChanged\":0}],\"flyoutFallback\":[{\"flyoutFallbackChanged\":0}],\"disabled\":[{\"disabledChanged\":0}],\"isOpen\":[{\"isOpenChanged\":0}],\"debounce\":[{\"setupDebounce\":0}],\"options\":[{\"optionsChanged\":0}],\"value\":[{\"handleValueChange\":0}],\"selectedOption\":[{\"handleSelectedOptionChange\":0}]}]]],[\"pds-alert.cjs\",[[257,\"pds-alert\",{\"componentId\":[1,\"component-id\"],\"heading\":[1],\"small\":[4],\"dismissible\":[4],\"hideIcon\":[4,\"hide-icon\"],\"variant\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"severityLabel\":[1,\"severity-label\"],\"hasActionsContent\":[32]}]]],[\"pds-copytext.cjs\",[[1,\"pds-copytext\",{\"border\":[1540],\"componentId\":[1,\"component-id\"],\"fullWidth\":[4,\"full-width\"],\"truncate\":[4],\"value\":[1]},null,{\"border\":[{\"restoreBorderDefault\":0}],\"truncate\":[{\"handleTruncateChange\":0}],\"value\":[{\"handleValueChange\":0}]}]]],[\"pds-table-head.cjs\",[[257,\"pds-table-head\",{\"indeterminate\":[1028],\"isSelected\":[1028,\"is-selected\"],\"border\":[516],\"background\":[516]}]]],[\"pds-table-row.cjs\",[[257,\"pds-table-row\",{\"indeterminate\":[1028],\"isSelected\":[1028,\"is-selected\"],\"hasDivider\":[32],\"isLastRow\":[32]}]]],[\"pds-datepicker.cjs\",[[65,\"pds-datepicker\",{\"applyLabel\":[1,\"apply-label\"],\"autoApply\":[4,\"auto-apply\"],\"cancelLabel\":[1,\"cancel-label\"],\"clearable\":[4],\"clearLabel\":[1,\"clear-label\"],\"componentId\":[1,\"component-id\"],\"customRangeLabel\":[1,\"custom-range-label\"],\"disabled\":[4],\"endTimeLabel\":[1,\"end-time-label\"],\"errorMessage\":[1,\"error-message\"],\"firstDayOfWeek\":[2,\"first-day-of-week\"],\"format\":[1],\"fullWidth\":[4,\"full-width\"],\"helperMessage\":[1,\"helper-message\"],\"hideLabel\":[4,\"hide-label\"],\"hourLabel\":[1,\"hour-label\"],\"invalid\":[4],\"invalidDateMessage\":[1,\"invalid-date-message\"],\"maxDateMessage\":[1,\"max-date-message\"],\"minDateMessage\":[1,\"min-date-message\"],\"label\":[1],\"locale\":[1],\"max\":[1],\"min\":[1],\"minuteIncrement\":[2,\"minute-increment\"],\"minuteLabel\":[1,\"minute-label\"],\"monthLabel\":[1,\"month-label\"],\"name\":[1],\"nextMonthLabel\":[1,\"next-month-label\"],\"periodLabel\":[1,\"period-label\"],\"placeholder\":[1],\"placement\":[1],\"presets\":[1],\"presetsLabel\":[1,\"presets-label\"],\"previousMonthLabel\":[1,\"previous-month-label\"],\"range\":[4],\"readonly\":[4],\"required\":[4],\"showDropdowns\":[4,\"show-dropdowns\"],\"startTimeLabel\":[1,\"start-time-label\"],\"timePicker\":[4,\"time-picker\"],\"timeLabel\":[1,\"time-label\"],\"triggerLabel\":[1,\"trigger-label\"],\"value\":[1025],\"yearLabel\":[1,\"year-label\"],\"isOpen\":[32],\"text\":[32],\"textError\":[32],\"activeDate\":[32],\"viewMonth\":[32],\"draftStart\":[32],\"draftEnd\":[32],\"startTime\":[32],\"endTime\":[32],\"previewDate\":[32],\"open\":[64],\"close\":[64],\"setFocus\":[64]},null,{\"value\":[{\"valueChanged\":0}],\"format\":[{\"contextChanged\":0}],\"locale\":[{\"contextChanged\":0}],\"timePicker\":[{\"contextChanged\":0}],\"range\":[{\"contextChanged\":0}],\"min\":[{\"contextChanged\":0}],\"max\":[{\"contextChanged\":0}],\"placement\":[{\"placementChanged\":0}],\"required\":[{\"requiredChanged\":0}],\"disabled\":[{\"interactivityChanged\":0}],\"readonly\":[{\"interactivityChanged\":0}]}]]],[\"pds-dropdown-menu-item.cjs\",[[257,\"pds-dropdown-menu-item\",{\"componentId\":[1,\"component-id\"],\"destructive\":[4],\"disabled\":[516],\"download\":[1],\"href\":[1],\"informational\":[516],\"external\":[516],\"externalLabel\":[1,\"external-label\"],\"target\":[513],\"hasFocus\":[32],\"clickItem\":[64]}]]],[\"pds-property.cjs\",[[257,\"pds-property\",{\"componentId\":[1,\"component-id\"],\"icon\":[1]}]]],[\"pds-accordion.cjs\",[[257,\"pds-accordion\",{\"componentId\":[1,\"component-id\"],\"isOpen\":[1540,\"open\"]},null,{\"isOpen\":[{\"handleOpenState\":0}]}]]],[\"pds-avatar.cjs\",[[1,\"pds-avatar\",{\"alt\":[1],\"badge\":[4],\"badgeLabel\":[1,\"badge-label\"],\"componentId\":[1,\"component-id\"],\"dropdown\":[4],\"image\":[1],\"initials\":[1],\"size\":[1537],\"status\":[513],\"statusLabel\":[1,\"status-label\"],\"statusRing\":[4,\"status-ring\"],\"variant\":[1537],\"triggerLabel\":[1,\"trigger-label\"]},null,{\"size\":[{\"restoreSizeDefault\":0}],\"variant\":[{\"restoreVariantDefault\":0}]}]]],[\"pds-drawer.cjs\",[[260,\"pds-drawer\",{\"componentId\":[1,\"component-id\"],\"open\":[1028],\"side\":[1],\"size\":[1],\"scrollable\":[4],\"modal\":[4],\"lightDismiss\":[4,\"light-dismiss\"],\"initialFocus\":[1,\"initial-focus\"]},[[0,\"pdsModalClose\",\"handleModalClose\"],[0,\"pdsModalOpen\",\"handleModalOpen\"],[5,\"pointerdown\",\"handleOutsidePointerDown\"]]]]],[\"pds-dropdown-menu.cjs\",[[257,\"pds-dropdown-menu\",{\"componentId\":[1,\"component-id\"],\"placement\":[1],\"currentFocusIndex\":[32],\"hasHeader\":[32]},[[6,\"keydown\",\"handleEscapeKeyDown\"],[6,\"keydown\",\"handleTabKeyDown\"],[8,\"keydown\",\"handleKeyDown\"],[8,\"click\",\"handleWindowClick\"]]]]],[\"pds-filter.cjs\",[[257,\"pds-filter\",{\"componentId\":[1,\"component-id\"],\"variant\":[1],\"icon\":[1],\"text\":[1],\"isOpen\":[32],\"showFilter\":[64],\"hideFilter\":[64]},[[9,\"resize\",\"handleWindowResize\"],[9,\"scroll\",\"handleWindowScroll\"],[4,\"toggle\",\"handlePopoverToggle\"],[4,\"click\",\"handleDocumentClick\"],[4,\"keydown\",\"handleEscapeKey\"]]]]],[\"pds-radio.cjs\",[[262,\"pds-radio\",{\"checked\":[4],\"componentId\":[1,\"component-id\"],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"hasBorder\":[4,\"has-border\"],\"invalid\":[4],\"label\":[1],\"hideLabel\":[4,\"hide-label\"],\"name\":[1],\"required\":[4],\"value\":[1],\"variant\":[1],\"_hasImage\":[32]}]]],[\"pds-radio-group.cjs\",[[262,\"pds-radio-group\",{\"componentId\":[1,\"component-id\"],\"direction\":[1],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"gap\":[1],\"disabled\":[4],\"invalid\":[4],\"groupLabel\":[1,\"group-label\"],\"name\":[1],\"required\":[4]},[[0,\"change\",\"handleRadioChange\"]],{\"name\":[{\"handlePropsChange\":0}],\"disabled\":[{\"handlePropsChange\":0}],\"invalid\":[{\"handlePropsChange\":0}],\"required\":[{\"handlePropsChange\":0}]}]]],[\"pds-select.cjs\",[[321,\"pds-select\",{\"autocomplete\":[1],\"componentId\":[1,\"component-id\"],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"hideLabel\":[4,\"hide-label\"],\"helperMessage\":[1,\"helper-message\"],\"invalid\":[4],\"label\":[1],\"multiple\":[4],\"name\":[1],\"required\":[4],\"highlight\":[516],\"value\":[1025]},null,{\"value\":[{\"valueChanged\":0}],\"multiple\":[{\"multipleChanged\":0}]}]]],[\"pds-sortable-item.cjs\",[[262,\"pds-sortable-item\",{\"enableActions\":[4,\"enable-actions\"],\"componentId\":[1,\"component-id\"],\"showHandle\":[1028,\"show-handle\"]}]]],[\"pds-switch.cjs\",[[321,\"pds-switch\",{\"componentId\":[1,\"component-id\"],\"checked\":[1028],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"hideLabel\":[4,\"hide-label\"],\"helperMessage\":[1,\"helper-message\"],\"invalid\":[4],\"label\":[1],\"name\":[1],\"required\":[4],\"value\":[1],\"hasLabelSlot\":[32]},null,{\"checked\":[{\"checkedChanged\":0}]}]]],[\"pds-textarea.cjs\",[[321,\"pds-textarea\",{\"autocomplete\":[1],\"componentId\":[1,\"component-id\"],\"disabled\":[4],\"debounce\":[2],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"invalid\":[1028],\"label\":[1],\"hideLabel\":[4,\"hide-label\"],\"name\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"rows\":[2],\"maxLength\":[514,\"max-length\"],\"highlight\":[516],\"value\":[1025],\"characterCountLabel\":[1,\"character-count-label\"],\"hasFocus\":[32],\"hasAction\":[32],\"setFocus\":[64]},null,{\"debounce\":[{\"debounceChanged\":0}],\"value\":[{\"valueChanged\":0}],\"maxLength\":[{\"maxLengthChanged\":0}]}]]],[\"pds-toast.cjs\",[[257,\"pds-toast\",{\"componentId\":[1,\"component-id\"],\"dismissible\":[4],\"duration\":[2],\"icon\":[1],\"type\":[1],\"dismissLabel\":[1,\"dismiss-label\"],\"severityLabel\":[1,\"severity-label\"],\"isVisible\":[32],\"isAnimatingOut\":[32],\"dismiss\":[64]},null,{\"duration\":[{\"handleDurationChange\":0}]}]]],[\"mock-pds-modal.cjs\",[[260,\"mock-pds-modal\",{\"componentId\":[1,\"component-id\"],\"size\":[1],\"scrollable\":[4],\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"open\":[1028],\"showModal\":[64],\"hideModal\":[64]}]]],[\"pds-container.cjs\",[[257,\"pds-container\",{\"size\":[1],\"tag\":[1],\"centered\":[4]}]]],[\"pds-divider.cjs\",[[1,\"pds-divider\",{\"componentId\":[1,\"component-id\"],\"label\":[1],\"offset\":[1],\"vertical\":[4]}]]],[\"pds-drawer-content.cjs\",[[260,\"pds-drawer-content\"]]],[\"pds-drawer-footer.cjs\",[[260,\"pds-drawer-footer\"]]],[\"pds-drawer-header.cjs\",[[260,\"pds-drawer-header\"]]],[\"pds-dropdown-menu-separator.cjs\",[[1,\"pds-dropdown-menu-separator\",{\"componentId\":[1,\"component-id\"],\"disabled\":[4]}]]],[\"pds-filters.cjs\",[[257,\"pds-filters\",{\"componentId\":[1,\"component-id\"]}]]],[\"pds-image.cjs\",[[1,\"pds-image\",{\"alt\":[1],\"componentId\":[1,\"component-id\"],\"height\":[2],\"loading\":[1],\"sizes\":[1],\"src\":[1],\"srcset\":[1],\"width\":[2]}]]],[\"pds-modal-content.cjs\",[[260,\"pds-modal-content\",{\"border\":[1537],\"contentMaxHeight\":[32]}]]],[\"pds-modal-footer.cjs\",[[260,\"pds-modal-footer\"]]],[\"pds-modal-header.cjs\",[[260,\"pds-modal-header\"]]],[\"pds-popover.cjs\",[[257,\"pds-popover\",{\"popoverTargetAction\":[1,\"popover-target-action\"],\"openOn\":[1,\"open-on\"],\"popoverType\":[1,\"popover-type\"],\"componentId\":[1,\"component-id\"],\"maxWidth\":[2,\"max-width\"],\"padding\":[1],\"placement\":[1537],\"active\":[32],\"show\":[64],\"hide\":[64],\"toggle\":[64]},null,{\"openOn\":[{\"openOnChanged\":0}],\"padding\":[{\"applyPadding\":0}],\"placement\":[{\"restorePlacementDefault\":0}]}]]],[\"pds-progress.cjs\",[[1,\"pds-progress\",{\"animated\":[4],\"componentId\":[1,\"component-id\"],\"fillColor\":[1,\"fill-color\"],\"label\":[1],\"percent\":[2],\"showPercent\":[4,\"show-percent\"]}]]],[\"pds-row.cjs\",[[0,\"pds-row\",{\"alignItems\":[1,\"align-items\"],\"border\":[4],\"colGap\":[1,\"col-gap\"],\"colGapBlock\":[1,\"col-gap-block\"],\"colGapInline\":[1,\"col-gap-inline\"],\"componentId\":[1,\"component-id\"],\"justifyContent\":[1,\"justify-content\"],\"minHeight\":[1,\"min-height\"],\"noWrap\":[4,\"no-wrap\"]}]]],[\"pds-sortable.cjs\",[[262,\"pds-sortable\",{\"border\":[516],\"disabled\":[516],\"componentId\":[1,\"component-id\"],\"dividers\":[516],\"handleType\":[1,\"handle-type\"]},null,{\"disabled\":[{\"handleDisabledChange\":0}]}]]],[\"pds-tab.cjs\",[[260,\"pds-tab\",{\"disabled\":[4],\"href\":[1],\"active\":[4],\"target\":[1],\"turboFrame\":[1,\"turbo-frame\"],\"turboAction\":[1,\"turbo-action\"],\"name\":[1],\"parentComponentId\":[1,\"parent-component-id\"],\"variant\":[1],\"index\":[2],\"selected\":[4],\"navMode\":[4,\"nav-mode\"]}]]],[\"pds-table.cjs\",[[257,\"pds-table\",{\"compact\":[4],\"componentId\":[1,\"component-id\"],\"responsive\":[4],\"fixedColumn\":[4,\"fixed-column\"],\"selectable\":[4],\"disableSelectAll\":[4,\"disable-select-all\"],\"rowDividers\":[516,\"row-dividers\"],\"defaultSortColumn\":[1,\"default-sort-column\"],\"defaultSortDirection\":[1,\"default-sort-direction\"],\"sortingColumn\":[32],\"sortingDirection\":[32]},[[0,\"pdsTableSort\",\"handleTableSort\"],[0,\"pdsTableSelectAll\",\"handleTableSelectAll\"],[0,\"pdsTableRowSelected\",\"handleTableSelect\"]]]]],[\"pds-table-body.cjs\",[[257,\"pds-table-body\"]]],[\"pds-tabpanel.cjs\",[[260,\"pds-tabpanel\",{\"name\":[1],\"parentComponentId\":[1,\"parent-component-id\"],\"variant\":[1],\"selected\":[1028],\"stretch\":[4]}]]],[\"pds-tabs.cjs\",[[257,\"pds-tabs\",{\"tablistLabel\":[1,\"tablist-label\"],\"componentId\":[1,\"component-id\"],\"variant\":[1],\"divider\":[4],\"stretch\":[4],\"nav\":[4],\"activeTabName\":[1025,\"active-tab-name\"],\"activeTabIndex\":[1026,\"active-tab-index\"]},[[16,\"pdsTabClick\",\"tabClickHandler\"],[0,\"keydown\",\"handleKeyDown\"]]]]],[\"pds-tooltip.cjs\",[[260,\"pds-tooltip\",{\"content\":[1],\"componentId\":[1,\"component-id\"],\"hasArrow\":[4,\"has-arrow\"],\"htmlContent\":[4,\"html-content\"],\"placement\":[513],\"maxWidth\":[1,\"max-width\"],\"opened\":[1540],\"_isInteractiveOpen\":[32],\"showTooltip\":[64],\"hideTooltip\":[64]},null,{\"opened\":[{\"handleOpenToggle\":0}]}]]],[\"pds-button.cjs\",[[273,\"pds-button\",{\"componentId\":[1,\"component-id\"],\"download\":[1],\"disabled\":[516],\"fullWidth\":[4,\"full-width\"],\"href\":[1],\"icon\":[1],\"iconOnly\":[4,\"icon-only\"],\"loading\":[4],\"name\":[1],\"target\":[1],\"type\":[1],\"value\":[1],\"size\":[1],\"variant\":[1],\"hasStartContent\":[32],\"hasEndContent\":[32],\"forwardedAria\":[32]},[[16,\"keydown\",\"handleFormKeyDown\"]]]]],[\"pds-input.cjs\",[[321,\"pds-input\",{\"autocomplete\":[1],\"componentId\":[1,\"component-id\"],\"debounce\":[2],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"invalid\":[4],\"label\":[1],\"hideLabel\":[4,\"hide-label\"],\"max\":[1],\"maxlength\":[1],\"min\":[1],\"minlength\":[1],\"name\":[1],\"pattern\":[1],\"placeholder\":[1],\"readonly\":[4],\"required\":[4],\"step\":[1],\"type\":[1],\"value\":[1032],\"fullWidth\":[4,\"full-width\"],\"highlight\":[516],\"hasPrefix\":[32],\"hasSuffix\":[32],\"hasPrepend\":[32],\"hasAppend\":[32],\"hasAction\":[32],\"hasFocus\":[32],\"setFocus\":[64]},null,{\"debounce\":[{\"debounceChanged\":0}],\"value\":[{\"valueChanged\":0}]}]]],[\"pds-link.cjs\",[[257,\"pds-link\",{\"active\":[516],\"color\":[1],\"download\":[1],\"componentId\":[1,\"component-id\"],\"external\":[4],\"externalLabel\":[1,\"external-label\"],\"target\":[1],\"variant\":[1],\"fontSize\":[1,\"font-size\"],\"href\":[1],\"turbo\":[1],\"turboFrame\":[1,\"turbo-frame\"],\"turboAction\":[1,\"turbo-action\"],\"turboMethod\":[1,\"turbo-method\"],\"turboConfirm\":[1,\"turbo-confirm\"],\"turboStream\":[1,\"turbo-stream\"],\"turboPrefetch\":[1,\"turbo-prefetch\"],\"turboPreload\":[1,\"turbo-preload\"]}]]],[\"pds-table-head-cell.cjs\",[[257,\"pds-table-head-cell\",{\"cellAlign\":[1,\"cell-align\"],\"sortable\":[4],\"sortingDirection\":[32],\"tableScrolling\":[32],\"isSelected\":[32],\"hasHeadBorder\":[32],\"hasHeadBackground\":[32],\"isActive\":[32],\"setActiveSort\":[64],\"clearActiveSort\":[64]}]]],[\"pds-modal.cjs\",[[260,\"pds-modal\",{\"backdropDismiss\":[4,\"backdrop-dismiss\"],\"componentId\":[1,\"component-id\"],\"open\":[1028],\"size\":[1],\"scrollable\":[4],\"disableTopLayer\":[4,\"disable-top-layer\"],\"disableInitialFocus\":[4,\"disable-initial-focus\"],\"focusableElementsArray\":[32],\"showModal\":[64],\"hideModal\":[64]},null,{\"size\":[{\"sizeChanged\":0}],\"open\":[{\"handleOpenChange\":0}]}]]],[\"pds-table-cell.cjs\",[[257,\"pds-table-cell\",{\"cellAlign\":[1,\"cell-align\"],\"truncate\":[4],\"tableScrolling\":[32]},null,{\"truncate\":[{\"handleTruncateChange\":0}]}]]],[\"pds-chip.cjs\",[[257,\"pds-chip\",{\"componentId\":[1,\"component-id\"],\"dot\":[4],\"dotColor\":[1,\"dot-color\"],\"icon\":[1],\"iconColor\":[1,\"icon-color\"],\"size\":[1],\"sentiment\":[1],\"variant\":[1],\"removeUrl\":[1,\"remove-url\"],\"removeHttpMethod\":[1,\"remove-http-method\"],\"removeTarget\":[1,\"remove-target\"],\"dismissLabel\":[1,\"dismiss-label\"],\"maxWidth\":[513,\"max-width\"]}]]],[\"pds-text.cjs\",[[257,\"pds-text\",{\"align\":[1],\"color\":[1],\"decoration\":[1],\"gutter\":[1],\"italic\":[4],\"size\":[1],\"weight\":[1],\"tag\":[1],\"truncate\":[516]},null,{\"truncate\":[{\"handleTruncateChange\":0}],\"size\":[{\"validateSize\":0}]}]]],[\"pds-icon.cjs\",[[1,\"pds-icon\",{\"color\":[1],\"flipRtl\":[4,\"flip-rtl\"],\"icon\":[8],\"name\":[513],\"size\":[513],\"src\":[1],\"inheritedAttributes\":[32],\"isFocusable\":[32],\"isVisible\":[32],\"svgContent\":[32]},null,{\"size\":[{\"updateStyles\":0}],\"color\":[{\"updateStyles\":0}],\"name\":[{\"onIconPropertyChange\":0}],\"src\":[{\"onIconPropertyChange\":0}],\"icon\":[{\"onIconPropertyChange\":0}]}]]],[\"pds-checkbox.cjs\",[[321,\"pds-checkbox\",{\"checked\":[1028],\"componentId\":[1,\"component-id\"],\"disabled\":[4],\"errorMessage\":[1,\"error-message\"],\"helperMessage\":[1,\"helper-message\"],\"indeterminate\":[1028],\"invalid\":[4],\"label\":[1],\"hideLabel\":[4,\"hide-label\"],\"name\":[1],\"required\":[4],\"value\":[1],\"variant\":[1],\"hasLabelSlot\":[32]},null,{\"checked\":[{\"updateIndeterminate\":0},{\"checkedChanged\":0}]}]]],[\"pds-loader.cjs\",[[257,\"pds-loader\",{\"isLoading\":[4,\"is-loading\"],\"showLabel\":[4,\"show-label\"],\"size\":[1537],\"variant\":[1]},null,{\"size\":[{\"restoreSizeDefault\":0}]}]]],[\"pds-box.cjs\",[[0,\"pds-box\",{\"alignItems\":[1,\"align-items\"],\"alignItemsXs\":[1,\"align-items-xs\"],\"alignItemsSm\":[1,\"align-items-sm\"],\"alignItemsMd\":[1,\"align-items-md\"],\"alignItemsLg\":[1,\"align-items-lg\"],\"alignItemsXl\":[1,\"align-items-xl\"],\"alignSelf\":[1,\"align-self\"],\"alignSelfXs\":[1,\"align-self-xs\"],\"alignSelfSm\":[1,\"align-self-sm\"],\"alignSelfMd\":[1,\"align-self-md\"],\"alignSelfLg\":[1,\"align-self-lg\"],\"alignSelfXl\":[1,\"align-self-xl\"],\"auto\":[4],\"autoXs\":[4,\"auto-xs\"],\"autoSm\":[4,\"auto-sm\"],\"autoMd\":[4,\"auto-md\"],\"autoLg\":[4,\"auto-lg\"],\"autoXl\":[4,\"auto-xl\"],\"backgroundColor\":[1,\"background-color\"],\"border\":[4],\"borderBlockEnd\":[4,\"border-block-end\"],\"borderBlockStart\":[4,\"border-block-start\"],\"borderColor\":[1,\"border-color\"],\"borderInlineEnd\":[4,\"border-inline-end\"],\"borderInlineStart\":[4,\"border-inline-start\"],\"borderRadius\":[1,\"border-radius\"],\"direction\":[1],\"display\":[1],\"fit\":[4],\"fitXs\":[4,\"fit-xs\"],\"fitSm\":[4,\"fit-sm\"],\"fitMd\":[4,\"fit-md\"],\"fitLg\":[4,\"fit-lg\"],\"fitXl\":[4,\"fit-xl\"],\"gap\":[1],\"gapXs\":[1,\"gap-xs\"],\"gapSm\":[1,\"gap-sm\"],\"gapMd\":[1,\"gap-md\"],\"gapLg\":[1,\"gap-lg\"],\"gapXl\":[1,\"gap-xl\"],\"wrap\":[4],\"wrapXs\":[4,\"wrap-xs\"],\"wrapSm\":[4,\"wrap-sm\"],\"wrapMd\":[4,\"wrap-md\"],\"wrapLg\":[4,\"wrap-lg\"],\"wrapXl\":[4,\"wrap-xl\"],\"flex\":[1],\"justifyContent\":[1,\"justify-content\"],\"justifyContentXs\":[1,\"justify-content-xs\"],\"justifyContentSm\":[1,\"justify-content-sm\"],\"justifyContentMd\":[1,\"justify-content-md\"],\"justifyContentLg\":[1,\"justify-content-lg\"],\"justifyContentXl\":[1,\"justify-content-xl\"],\"marginBlockStart\":[1,\"margin-block-start\"],\"marginBlockStartXs\":[1,\"margin-block-start-xs\"],\"marginBlockStartSm\":[1,\"margin-block-start-sm\"],\"marginBlockStartMd\":[1,\"margin-block-start-md\"],\"marginBlockStartLg\":[1,\"margin-block-start-lg\"],\"marginBlockStartXl\":[1,\"margin-block-start-xl\"],\"marginInlineStart\":[1,\"margin-inline-start\"],\"marginInlineStartXs\":[1,\"margin-inline-start-xs\"],\"marginInlineStartSm\":[1,\"margin-inline-start-sm\"],\"marginInlineStartMd\":[1,\"margin-inline-start-md\"],\"marginInlineStartLg\":[1,\"margin-inline-start-lg\"],\"marginInlineStartXl\":[1,\"margin-inline-start-xl\"],\"marginInlineEnd\":[1,\"margin-inline-end\"],\"marginInlineEndXs\":[1,\"margin-inline-end-xs\"],\"marginInlineEndSm\":[1,\"margin-inline-end-sm\"],\"marginInlineEndMd\":[1,\"margin-inline-end-md\"],\"marginInlineEndLg\":[1,\"margin-inline-end-lg\"],\"marginInlineEndXl\":[1,\"margin-inline-end-xl\"],\"marginBlockEnd\":[1,\"margin-block-end\"],\"marginBlockEndXs\":[1,\"margin-block-end-xs\"],\"marginBlockEndSm\":[1,\"margin-block-end-sm\"],\"marginBlockEndMd\":[1,\"margin-block-end-md\"],\"marginBlockEndLg\":[1,\"margin-block-end-lg\"],\"marginBlockEndXl\":[1,\"margin-block-end-xl\"],\"minHeight\":[513,\"min-height\"],\"minWidth\":[513,\"min-width\"],\"offset\":[1],\"offsetXs\":[1,\"offset-xs\"],\"offsetSm\":[1,\"offset-sm\"],\"offsetMd\":[1,\"offset-md\"],\"offsetLg\":[1,\"offset-lg\"],\"offsetXl\":[1,\"offset-xl\"],\"padding\":[1],\"paddingXs\":[1,\"padding-xs\"],\"paddingSm\":[1,\"padding-sm\"],\"paddingMd\":[1,\"padding-md\"],\"paddingLg\":[1,\"padding-lg\"],\"paddingXl\":[1,\"padding-xl\"],\"paddingBlockStart\":[1,\"padding-block-start\"],\"paddingBlockStartXs\":[1,\"padding-block-start-xs\"],\"paddingBlockStartSm\":[1,\"padding-block-start-sm\"],\"paddingBlockStartMd\":[1,\"padding-block-start-md\"],\"paddingBlockStartLg\":[1,\"padding-block-start-lg\"],\"paddingBlockStartXl\":[1,\"padding-block-start-xl\"],\"paddingBlockEnd\":[1,\"padding-block-end\"],\"paddingBlockEndXs\":[1,\"padding-block-end-xs\"],\"paddingBlockEndSm\":[1,\"padding-block-end-sm\"],\"paddingBlockEndMd\":[1,\"padding-block-end-md\"],\"paddingBlockEndLg\":[1,\"padding-block-end-lg\"],\"paddingBlockEndXl\":[1,\"padding-block-end-xl\"],\"paddingInlineStart\":[1,\"padding-inline-start\"],\"paddingInlineStartXs\":[1,\"padding-inline-start-xs\"],\"paddingInlineStartSm\":[1,\"padding-inline-start-sm\"],\"paddingInlineStartMd\":[1,\"padding-inline-start-md\"],\"paddingInlineStartLg\":[1,\"padding-inline-start-lg\"],\"paddingInlineStartXl\":[1,\"padding-inline-start-xl\"],\"paddingInlineEnd\":[1,\"padding-inline-end\"],\"paddingInlineEndXs\":[1,\"padding-inline-end-xs\"],\"paddingInlineEndSm\":[1,\"padding-inline-end-sm\"],\"paddingInlineEndMd\":[1,\"padding-inline-end-md\"],\"paddingInlineEndLg\":[1,\"padding-inline-end-lg\"],\"paddingInlineEndXl\":[1,\"padding-inline-end-xl\"],\"shadow\":[1],\"size\":[1],\"sizeXs\":[1,\"size-xs\"],\"sizeSm\":[1,\"size-sm\"],\"sizeMd\":[1,\"size-md\"],\"sizeLg\":[1,\"size-lg\"],\"sizeXl\":[1,\"size-xl\"]}]]]]"), options);
|
|
23
23
|
});
|
|
24
24
|
|
|
25
25
|
exports.setNonce = index.setNonce;
|
|
@@ -5,7 +5,7 @@ var portalTarget = require('./portal-target-e8WQ6dLx.js');
|
|
|
5
5
|
|
|
6
6
|
// Controls that clipped text can sit inside that already take focus, so the text adds no tab stop of its own.
|
|
7
7
|
// Not any `[tabindex]`: a focusable scroll region full of chips would show every chip's tooltip at once.
|
|
8
|
-
const FOCUSABLE_WRAPPER = 'a[href], button, summary, pds-button, pds-link, pds-tab, pds-dropdown-menu-item, [role="option"]';
|
|
8
|
+
const FOCUSABLE_WRAPPER = 'a[href], button, summary, pds-button, pds-link, pds-tab, pds-dropdown-menu-item, [role="option"], [role="treeitem"]';
|
|
9
9
|
/** CSS class prefix used for truncation tooltip portal elements */
|
|
10
10
|
const TOOLTIP_CLASS = 'pds-truncation-tooltip';
|
|
11
11
|
/**
|
|
@@ -34,19 +34,24 @@
|
|
|
34
34
|
background: var(--pine-color-accent);
|
|
35
35
|
border-color: var(--pine-color-accent-hover);
|
|
36
36
|
}
|
|
37
|
+
:host(.is-indeterminate) input:disabled {
|
|
38
|
+
background: var(--pine-color-background-container-disabled);
|
|
39
|
+
border-color: var(--pine-color-border-disabled);
|
|
40
|
+
}
|
|
41
|
+
:host(.is-indeterminate) input:disabled::after {
|
|
42
|
+
border-color: var(--pine-color-border);
|
|
43
|
+
}
|
|
37
44
|
:host(.is-indeterminate) input::after {
|
|
38
|
-
border:
|
|
39
|
-
border-block-
|
|
40
|
-
border-block-start: var(--pine-border-width-none);
|
|
41
|
-
border-inline-start: var(--pine-border-width-none);
|
|
45
|
+
border: var(--pine-border-width-none);
|
|
46
|
+
border-block-start: var(--pine-border-width) solid var(--pine-color-text-primary);
|
|
42
47
|
content: "";
|
|
43
48
|
display: block;
|
|
44
|
-
height:
|
|
45
|
-
inset
|
|
46
|
-
|
|
49
|
+
height: 0;
|
|
50
|
+
inset: 0;
|
|
51
|
+
margin: auto;
|
|
47
52
|
position: absolute;
|
|
48
|
-
transform:
|
|
49
|
-
width:
|
|
53
|
+
transform: none;
|
|
54
|
+
width: 8px;
|
|
50
55
|
}
|
|
51
56
|
|
|
52
57
|
input {
|
|
@@ -74,16 +79,17 @@ input:checked:hover {
|
|
|
74
79
|
border-color: var(--pine-color-accent-hover);
|
|
75
80
|
}
|
|
76
81
|
input:checked::after {
|
|
77
|
-
border:
|
|
82
|
+
border: var(--pine-border-width) solid var(--pine-color-text-primary);
|
|
78
83
|
border-block-start: var(--pine-border-width-none);
|
|
79
84
|
border-inline-start: var(--pine-border-width-none);
|
|
80
85
|
content: "";
|
|
81
86
|
display: block;
|
|
82
87
|
height: 7px;
|
|
83
88
|
inset-block-start: 50%;
|
|
84
|
-
inset-inline
|
|
89
|
+
inset-inline: 0;
|
|
90
|
+
margin-inline: auto;
|
|
85
91
|
position: absolute;
|
|
86
|
-
transform:
|
|
92
|
+
transform: translateY(-60%) rotate(43deg);
|
|
87
93
|
width: 4px;
|
|
88
94
|
}
|
|
89
95
|
input:disabled {
|
|
@@ -108,8 +114,8 @@ input:focus-visible {
|
|
|
108
114
|
outline: var(--pine-outline-focus);
|
|
109
115
|
}
|
|
110
116
|
|
|
111
|
-
:host-
|
|
112
|
-
transform:
|
|
117
|
+
:host(:not(.is-indeterminate)) input:checked:dir(rtl)::after {
|
|
118
|
+
transform: translateY(-60%) rotate(-43deg);
|
|
113
119
|
}
|
|
114
120
|
|
|
115
121
|
label {
|
|
@@ -98,12 +98,14 @@ export class PdsChip {
|
|
|
98
98
|
this.destroyTruncationTooltip();
|
|
99
99
|
if (this.labelTextEl) {
|
|
100
100
|
const wrapper = this.el.closest(FOCUSABLE_WRAPPER);
|
|
101
|
+
// Hidden from assistive tech, a tab stop would be focusable with no name; hover still reveals it.
|
|
102
|
+
const hidden = this.el.closest('[aria-hidden="true"]') !== null;
|
|
101
103
|
this.truncationCleanup = setupTruncationTooltip(Object.assign({ hostEl: this.el, contentEl: this.labelTextEl, getTooltipText: () => this.el.textContent || '',
|
|
102
104
|
// The dropdown variant's label span already sits inside
|
|
103
105
|
// `<button class="pds-chip__button">`, which is already focusable and
|
|
104
106
|
// bubbles focusin to the host — a tabindex on the span too would nest
|
|
105
107
|
// a second tab stop inside the button.
|
|
106
|
-
manageTabIndex: this.effectiveVariant !== 'dropdown' && !wrapper,
|
|
108
|
+
manageTabIndex: this.effectiveVariant !== 'dropdown' && !wrapper && !hidden,
|
|
107
109
|
// A wrapping control sits outside the host, so its focus never reaches the host's listener.
|
|
108
110
|
focusEl: wrapper !== null && wrapper !== void 0 ? wrapper : this.el }, besideListbox(wrapper)));
|
|
109
111
|
this.tooltipBoundEl = this.labelTextEl;
|
|
@@ -237,7 +239,7 @@ export class PdsChip {
|
|
|
237
239
|
const hostClass = this.classNames();
|
|
238
240
|
const hostStyles = this.hostStyles;
|
|
239
241
|
this.hostKeeper.record(hostClass, hostStyles);
|
|
240
|
-
return (h(Host, { key: '
|
|
242
|
+
return (h(Host, { key: '0e6b05bfeae1d3b7d5cc23e71aaad2fa00fc7ddf', class: hostClass, id: this.componentId, style: hostStyles }, this.setChipContent(), this.effectiveVariant === 'tag' && this.renderCloseButton()));
|
|
241
243
|
}
|
|
242
244
|
static get is() { return "pds-chip"; }
|
|
243
245
|
static get encapsulation() { return "shadow"; }
|
|
@@ -18,6 +18,44 @@ export function groupIconOf(optgroup) {
|
|
|
18
18
|
export function optionIconOf(option) {
|
|
19
19
|
return iconOf(option);
|
|
20
20
|
}
|
|
21
|
+
/** Every `pds-chip` sentiment: a sentiment added to `ChipSentimentType` fails to compile until it's listed. */
|
|
22
|
+
const BADGE_SENTIMENTS = {
|
|
23
|
+
accent: true,
|
|
24
|
+
brand: true,
|
|
25
|
+
danger: true,
|
|
26
|
+
info: true,
|
|
27
|
+
neutral: true,
|
|
28
|
+
solid: true,
|
|
29
|
+
subtle: true,
|
|
30
|
+
success: true,
|
|
31
|
+
warning: true,
|
|
32
|
+
};
|
|
33
|
+
const isBadgeSentiment = (value) => value !== null && Object.prototype.hasOwnProperty.call(BADGE_SENTIMENTS, value);
|
|
34
|
+
/**
|
|
35
|
+
* An option's badge from its `data-badge*` attributes, or null without a label. An unknown
|
|
36
|
+
* sentiment falls back to `neutral`, and an icon that isn't a Pine icon name is dropped: the
|
|
37
|
+
* badge is a `pds-chip`, whose `icon` also loads URLs.
|
|
38
|
+
*/
|
|
39
|
+
export function optionBadgeOf(option) {
|
|
40
|
+
return badgeOf(option);
|
|
41
|
+
}
|
|
42
|
+
/** An optgroup's badge from its `data-badge*` attributes, or null; the same check as an option's. */
|
|
43
|
+
export function groupBadgeOf(optgroup) {
|
|
44
|
+
return badgeOf(optgroup);
|
|
45
|
+
}
|
|
46
|
+
function badgeOf(element) {
|
|
47
|
+
var _a;
|
|
48
|
+
const label = (_a = element.getAttribute('data-badge')) === null || _a === void 0 ? void 0 : _a.trim();
|
|
49
|
+
if (label === undefined || label === '')
|
|
50
|
+
return null;
|
|
51
|
+
const sentiment = element.getAttribute('data-badge-sentiment');
|
|
52
|
+
const icon = element.getAttribute('data-badge-icon');
|
|
53
|
+
return {
|
|
54
|
+
label,
|
|
55
|
+
sentiment: isBadgeSentiment(sentiment) ? sentiment : 'neutral',
|
|
56
|
+
icon: icon !== null && PINE_ICON_NAME.test(icon) ? icon : null,
|
|
57
|
+
};
|
|
58
|
+
}
|
|
21
59
|
function iconOf(element) {
|
|
22
60
|
const icon = element.getAttribute('data-icon');
|
|
23
61
|
return icon !== null && PINE_ICON_NAME.test(icon) ? icon : null;
|
|
@@ -54,7 +92,7 @@ export function buildPanelEntries(items, position) {
|
|
|
54
92
|
if (optgroup !== null) {
|
|
55
93
|
let group = groups.get(optgroup);
|
|
56
94
|
if (!group) {
|
|
57
|
-
group = { optgroup, label: optgroup.label, icon: groupIconOf(optgroup), options: [] };
|
|
95
|
+
group = { optgroup, label: optgroup.label, icon: groupIconOf(optgroup), badge: groupBadgeOf(optgroup), options: [] };
|
|
58
96
|
groups.set(optgroup, group);
|
|
59
97
|
entries.push({ kind: 'group', group });
|
|
60
98
|
}
|
|
@@ -173,7 +173,10 @@
|
|
|
173
173
|
}
|
|
174
174
|
|
|
175
175
|
.pds-combobox__option--disabled .pds-combobox__option-chip,
|
|
176
|
-
.pds-combobox__option--disabled .pds-combobox__option-layout-wrapper
|
|
176
|
+
.pds-combobox__option--disabled .pds-combobox__option-layout-wrapper,
|
|
177
|
+
.pds-combobox__option--disabled .pds-combobox__option-badge,
|
|
178
|
+
.pds-combobox__group-row--disabled > .pds-combobox__group-row-trigger > .pds-combobox__group-badge,
|
|
179
|
+
.pds-combobox__group--disabled > .pds-combobox__group-label > .pds-combobox__group-badge {
|
|
177
180
|
opacity: 0.5;
|
|
178
181
|
}
|
|
179
182
|
|
|
@@ -197,6 +200,22 @@
|
|
|
197
200
|
flex-shrink: 0;
|
|
198
201
|
}
|
|
199
202
|
|
|
203
|
+
.pds-combobox__option--with-badge {
|
|
204
|
+
column-gap: var(--pine-dimension-xs);
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
.pds-combobox__option-badge,
|
|
208
|
+
.pds-combobox__group-badge {
|
|
209
|
+
flex-shrink: 0;
|
|
210
|
+
isolation: isolate;
|
|
211
|
+
margin-block: calc(var(--pine-dimension-025) * -1);
|
|
212
|
+
margin-inline-start: auto;
|
|
213
|
+
}
|
|
214
|
+
|
|
215
|
+
.pds-combobox__option--with-badge .pds-combobox__option-check {
|
|
216
|
+
margin-inline-start: calc(var(--pine-dimension-150) - var(--pine-dimension-xs));
|
|
217
|
+
}
|
|
218
|
+
|
|
200
219
|
.pds-combobox__option-check {
|
|
201
220
|
color: currentColor;
|
|
202
221
|
font-size: var(--pine-dimension-150);
|
|
@@ -246,6 +265,22 @@
|
|
|
246
265
|
flex-shrink: 0;
|
|
247
266
|
}
|
|
248
267
|
|
|
268
|
+
.pds-combobox__group-label--with-badge {
|
|
269
|
+
align-items: center;
|
|
270
|
+
column-gap: var(--pine-dimension-xs);
|
|
271
|
+
display: flex;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
.pds-combobox__group-label-text {
|
|
275
|
+
min-width: 0;
|
|
276
|
+
overflow-wrap: anywhere;
|
|
277
|
+
}
|
|
278
|
+
|
|
279
|
+
.pds-combobox__group-label > .pds-combobox__group-badge {
|
|
280
|
+
margin-block: calc(var(--pine-dimension-xs) * -1);
|
|
281
|
+
text-transform: none;
|
|
282
|
+
}
|
|
283
|
+
|
|
249
284
|
.pds-combobox__group-row {
|
|
250
285
|
list-style: none;
|
|
251
286
|
position: relative;
|
|
@@ -314,6 +349,7 @@
|
|
|
314
349
|
display: flex;
|
|
315
350
|
gap: var(--pine-dimension-xs);
|
|
316
351
|
min-width: 0;
|
|
352
|
+
overflow-wrap: anywhere;
|
|
317
353
|
}
|
|
318
354
|
|
|
319
355
|
.pds-combobox__group-row-caret {
|
|
@@ -4,7 +4,7 @@ import { autoUpdate, computePosition, flip, offset, shift } from "@floating-ui/d
|
|
|
4
4
|
import { cancelDebouncedEvent, debounceEvent, flushDebouncedEvent } from "../../utils/utils";
|
|
5
5
|
import { closest } from "../../utils/closest";
|
|
6
6
|
import DOMPurify from "dompurify";
|
|
7
|
-
import { FlyoutController, buildPanelEntries, findGroup, groupIconOf, groupLabelOf, isGroupDisabled, isOptionDisabled, optionIconOf, panelColumn, parentOptgroupOf, } from "./grouped-options-panel";
|
|
7
|
+
import { FlyoutController, buildPanelEntries, findGroup, groupBadgeOf, groupIconOf, groupLabelOf, isGroupDisabled, isOptionDisabled, optionBadgeOf, optionIconOf, panelColumn, parentOptgroupOf, } from "./grouped-options-panel";
|
|
8
8
|
/**
|
|
9
9
|
* @slot option - Option elements for the combobox dropdown
|
|
10
10
|
* @slot trigger-content - Custom content for the button trigger when customTriggerContent is true
|
|
@@ -1133,6 +1133,7 @@ export class PdsCombobox {
|
|
|
1133
1133
|
// Only strings group an option or name an icon; anything else from JS is ignored, not coerced.
|
|
1134
1134
|
if (typeof opt.icon === 'string' && opt.icon !== '')
|
|
1135
1135
|
optionEl.setAttribute('data-icon', opt.icon);
|
|
1136
|
+
this.setBadgeAttributes(optionEl, opt.badge);
|
|
1136
1137
|
if (typeof opt.group !== 'string' || opt.group === '') {
|
|
1137
1138
|
ungrouped.push(optionEl);
|
|
1138
1139
|
this.panelPositions.set(optionEl, position);
|
|
@@ -1149,6 +1150,8 @@ export class PdsCombobox {
|
|
|
1149
1150
|
if (!optgroup.hasAttribute('data-icon') && typeof opt.groupIcon === 'string' && opt.groupIcon !== '') {
|
|
1150
1151
|
optgroup.setAttribute('data-icon', opt.groupIcon);
|
|
1151
1152
|
}
|
|
1153
|
+
if (!optgroup.hasAttribute('data-badge'))
|
|
1154
|
+
this.setBadgeAttributes(optgroup, opt.groupBadge);
|
|
1152
1155
|
optgroup.appendChild(optionEl);
|
|
1153
1156
|
});
|
|
1154
1157
|
[...ungrouped, ...groupEntries].forEach(entry => {
|
|
@@ -1638,7 +1641,10 @@ export class PdsCombobox {
|
|
|
1638
1641
|
};
|
|
1639
1642
|
const reveal = () => {
|
|
1640
1643
|
e.preventDefault();
|
|
1641
|
-
|
|
1644
|
+
// The row's name, badge and all, as the row itself is named.
|
|
1645
|
+
const optgroup = current;
|
|
1646
|
+
const badge = groupBadgeOf(optgroup);
|
|
1647
|
+
this.revealedGroupLabel = badge === null ? optgroup.label : `${optgroup.label}, ${badge.label}`;
|
|
1642
1648
|
return true;
|
|
1643
1649
|
};
|
|
1644
1650
|
switch (e.key) {
|
|
@@ -2187,11 +2193,16 @@ export class PdsCombobox {
|
|
|
2187
2193
|
return;
|
|
2188
2194
|
const { optgroup, key, options, members } = group;
|
|
2189
2195
|
const groupIcon = groupIconOf(optgroup);
|
|
2196
|
+
const badge = groupBadgeOf(optgroup);
|
|
2190
2197
|
// As in the grouped displays: disabled when there's nothing left in it to choose.
|
|
2191
2198
|
const disabled = members.length > 0 && members.every(member => isOptionDisabled(member));
|
|
2192
|
-
rendered.push(h("li", { key: key, class: { 'pds-combobox__group': true, 'pds-combobox__group--disabled': disabled }, role: "group", "aria-label": optgroup.label, "aria-disabled": disabled ? 'true' : undefined }, h("div", { class: {
|
|
2199
|
+
rendered.push(h("li", { key: key, class: { 'pds-combobox__group': true, 'pds-combobox__group--disabled': disabled }, role: "group", "aria-label": badge === null ? optgroup.label : `${optgroup.label}, ${badge.label}`, "aria-disabled": disabled ? 'true' : undefined }, h("div", { class: {
|
|
2200
|
+
'pds-combobox__group-label': true,
|
|
2201
|
+
'pds-combobox__group-label--with-icon': groupIcon !== null,
|
|
2202
|
+
'pds-combobox__group-label--with-badge': badge !== null,
|
|
2203
|
+
}, "aria-hidden": "true" }, groupIcon !== null && (
|
|
2193
2204
|
// `name`, not `icon`: `icon` also loads URLs and data: SVGs, unsanitized.
|
|
2194
|
-
h("pds-icon", { name: groupIcon, size: "small", "aria-hidden": "true", class: "pds-combobox__group-icon" })), optgroup.label), h("ul", { class: "pds-combobox__group-list", role: "presentation" }, options)));
|
|
2205
|
+
h("pds-icon", { name: groupIcon, size: "small", "aria-hidden": "true", class: "pds-combobox__group-icon" })), badge === null ? optgroup.label : h("span", { class: "pds-combobox__group-label-text" }, optgroup.label), this.renderBadge(badge, 'pds-combobox__group-badge')), h("ul", { class: "pds-combobox__group-list", role: "presentation" }, options)));
|
|
2195
2206
|
group = null;
|
|
2196
2207
|
};
|
|
2197
2208
|
this.filteredItems.forEach((item, itemIdx) => {
|
|
@@ -2317,20 +2328,56 @@ export class PdsCombobox {
|
|
|
2317
2328
|
const isChip = this.isOptionChip(option);
|
|
2318
2329
|
const isDisabled = isOptionDisabled(option);
|
|
2319
2330
|
const tree = level !== undefined;
|
|
2320
|
-
|
|
2331
|
+
const badge = isLayout || isChip ? null : optionBadgeOf(option);
|
|
2332
|
+
return (h("li", { key: option.value, id: this.optionDomId(index), role: tree ? 'treeitem' : 'option', "aria-selected": isSelected ? 'true' : tree ? undefined : 'false', "aria-disabled": isDisabled ? 'true' : undefined, "aria-level": level, "aria-setsize": setsize, "aria-posinset": posinset, "aria-label": isLayout || isChip
|
|
2333
|
+
? option.getAttribute('aria-label') || this.getOptionLabel(option)
|
|
2334
|
+
: badge && `${this.getOptionLabel(option)}, ${badge.label}`, tabindex: this.usesBodyPortal || this.usesPanelSearch || tree ? '-1' : isHighlighted ? '0' : '-1', class: {
|
|
2321
2335
|
'pds-combobox__option': true,
|
|
2322
2336
|
'pds-combobox__option--highlighted': isHighlighted,
|
|
2323
2337
|
'pds-combobox__option--layout': isLayout,
|
|
2324
2338
|
'pds-combobox__option--chip': isChip,
|
|
2325
2339
|
'pds-combobox__option--disabled': isDisabled,
|
|
2326
|
-
|
|
2340
|
+
'pds-combobox__option--with-badge': badge !== null,
|
|
2341
|
+
}, "data-option-index": index, onMouseDown: this.onOptionMouseDown, onClick: this.onOptionClick, onMouseEnter: this.onOptionMouseEnter, onKeyDown: this.onOptionKeyDown }, isLayout ? (h("pds-box", { class: "pds-combobox__option-layout-wrapper", innerHTML: this.getOptionLayoutContent(option) })) : isChip ? (this.renderOptionChip(option)) : ([this.renderOptionLabel(option), this.renderOptionBadge(option)]), isSelected && h("pds-icon", { icon: "check", size: "regular", "aria-hidden": "true", class: "pds-combobox__option-check" })));
|
|
2327
2342
|
}
|
|
2328
|
-
/**
|
|
2343
|
+
/** Copies an `options` badge to an option's or optgroup's `data-badge*` attributes; only strings count. */
|
|
2344
|
+
setBadgeAttributes(element, badge) {
|
|
2345
|
+
if (typeof badge !== 'object' || badge === null)
|
|
2346
|
+
return;
|
|
2347
|
+
const { label, sentiment, icon } = badge;
|
|
2348
|
+
if (typeof label !== 'string' || label.trim() === '')
|
|
2349
|
+
return;
|
|
2350
|
+
element.setAttribute('data-badge', label);
|
|
2351
|
+
if (typeof sentiment === 'string')
|
|
2352
|
+
element.setAttribute('data-badge-sentiment', sentiment);
|
|
2353
|
+
if (typeof icon === 'string')
|
|
2354
|
+
element.setAttribute('data-badge-icon', icon);
|
|
2355
|
+
}
|
|
2356
|
+
/** An option's badge, after its text. */
|
|
2357
|
+
renderOptionBadge(option) {
|
|
2358
|
+
return this.renderBadge(optionBadgeOf(option), 'pds-combobox__option-badge');
|
|
2359
|
+
}
|
|
2360
|
+
/** A badge as a `pds-chip`: after an option's text, or a group's label. */
|
|
2361
|
+
renderBadge(badge, className) {
|
|
2362
|
+
var _a;
|
|
2363
|
+
if (badge === null)
|
|
2364
|
+
return null;
|
|
2365
|
+
return (h("pds-chip", { size: "sm", sentiment: badge.sentiment,
|
|
2366
|
+
// A Pine icon name only, checked by optionBadgeOf; pds-chip's `icon` also loads URLs.
|
|
2367
|
+
icon: (_a = badge.icon) !== null && _a !== void 0 ? _a : undefined,
|
|
2368
|
+
// A long label, often a translated one, truncates rather than squeezing the option's text.
|
|
2369
|
+
maxWidth: "50%", class: className }, badge.label));
|
|
2370
|
+
}
|
|
2371
|
+
/**
|
|
2372
|
+
* An option's text, after its `data-icon` when it has one. Beside a badge the text is always
|
|
2373
|
+
* wrapped, so it can shrink and wrap rather than push the badge out of the row.
|
|
2374
|
+
*/
|
|
2329
2375
|
renderOptionLabel(option) {
|
|
2330
2376
|
const icon = optionIconOf(option);
|
|
2331
2377
|
const label = this.truncate ? (h("span", { key: this.getOptionLabel(option), class: "pds-combobox__option-text" }, this.getOptionLabel(option))) : this.getOptionLabel(option);
|
|
2332
|
-
if (icon === null)
|
|
2333
|
-
return label;
|
|
2378
|
+
if (icon === null) {
|
|
2379
|
+
return optionBadgeOf(option) === null ? label : h("span", { class: "pds-combobox__option-label" }, label);
|
|
2380
|
+
}
|
|
2334
2381
|
return (h("span", { class: "pds-combobox__option-label" }, h("pds-icon", { name: icon, size: "regular", "aria-hidden": "true", class: "pds-combobox__option-icon" }), label));
|
|
2335
2382
|
}
|
|
2336
2383
|
/** The grouped panel's rows, in the order the panel draws them and the keyboard moves through. */
|
|
@@ -2369,7 +2416,8 @@ export class PdsCombobox {
|
|
|
2369
2416
|
}
|
|
2370
2417
|
/**
|
|
2371
2418
|
* Drilled into a group: its treeitem, expanded. Its row reads as a way back ("Back: Tag") and
|
|
2372
|
-
* leads its options.
|
|
2419
|
+
* leads its options. It leaves out the group's badge: the row is a way back, not a group to
|
|
2420
|
+
* choose, and the badge was on the row that opened it. An option's own badge still shows.
|
|
2373
2421
|
*/
|
|
2374
2422
|
renderGroupBackRow(group, { posinset, setsize }) {
|
|
2375
2423
|
const id = this.groupDomId(group.optgroup);
|
|
@@ -2398,9 +2446,9 @@ export class PdsCombobox {
|
|
|
2398
2446
|
'pds-combobox__group-row--highlighted': isCurrent && (flyout || this.keyboardNavigating),
|
|
2399
2447
|
'pds-combobox__group-row--keyboard': isCurrent && this.keyboardNavigating,
|
|
2400
2448
|
'pds-combobox__group-row--disabled': disabled,
|
|
2401
|
-
}, role: "treeitem", "aria-expanded": isOpen ? 'true' : 'false', "aria-disabled": disabled ? 'true' : undefined, "aria-level": 1, "aria-posinset": posinset, "aria-setsize": setsize, "aria-labelledby": `${id}-label`, "data-group-index": groupIndex, onMouseEnter: flyout ? this.onGroupRowMouseEnter : undefined, onMouseLeave: flyout ? this.onGroupRowMouseLeave : undefined }, h("div", { class: "pds-combobox__group-row-trigger", "data-group-index": groupIndex, onMouseDown: this.onOptionMouseDown, onMouseEnter: this.onGroupRowTriggerMouseEnter, onClick: this.onGroupRowClick }, h("span", { class: "pds-combobox__group-row-label", id: `${id}-label` }, group.icon !== null && (
|
|
2449
|
+
}, role: "treeitem", "aria-expanded": isOpen ? 'true' : 'false', "aria-disabled": disabled ? 'true' : undefined, "aria-level": 1, "aria-posinset": posinset, "aria-setsize": setsize, "aria-labelledby": group.badge === null ? `${id}-label` : undefined, "aria-label": group.badge === null ? undefined : `${group.label}, ${group.badge.label}`, "data-group-index": groupIndex, onMouseEnter: flyout ? this.onGroupRowMouseEnter : undefined, onMouseLeave: flyout ? this.onGroupRowMouseLeave : undefined }, h("div", { class: "pds-combobox__group-row-trigger", "data-group-index": groupIndex, onMouseDown: this.onOptionMouseDown, onMouseEnter: this.onGroupRowTriggerMouseEnter, onClick: this.onGroupRowClick }, h("span", { class: "pds-combobox__group-row-label", id: `${id}-label` }, group.icon !== null && (
|
|
2402
2450
|
// `name`, not `icon`: `icon` also loads URLs and data: SVGs, unsanitized.
|
|
2403
|
-
h("pds-icon", { name: group.icon, size: "regular", "aria-hidden": "true", class: "pds-combobox__group-icon" })), group.label), h("pds-icon", { name: "caret-right", size: "regular", "aria-hidden": "true", class: "pds-combobox__group-row-caret" })), isOpen && (h("ul", { class: "pds-combobox__flyout", role: "group", "aria-label": group.label, style: { minWidth: this.flyoutMinWidth, maxWidth: this.flyoutMaxWidth } }, this.renderGroupOptions(group)))));
|
|
2451
|
+
h("pds-icon", { name: group.icon, size: "regular", "aria-hidden": "true", class: "pds-combobox__group-icon" })), group.label), this.renderBadge(group.badge, 'pds-combobox__group-badge'), h("pds-icon", { name: "caret-right", size: "regular", "aria-hidden": "true", class: "pds-combobox__group-row-caret" })), isOpen && (h("ul", { class: "pds-combobox__flyout", role: "group", "aria-label": group.label, style: { minWidth: this.flyoutMinWidth, maxWidth: this.flyoutMaxWidth } }, this.renderGroupOptions(group)))));
|
|
2404
2452
|
}
|
|
2405
2453
|
// Helper method to render the caret icon
|
|
2406
2454
|
renderCaretIcon() {
|
|
@@ -2557,13 +2605,13 @@ export class PdsCombobox {
|
|
|
2557
2605
|
]
|
|
2558
2606
|
.filter(Boolean)
|
|
2559
2607
|
.join(' ');
|
|
2560
|
-
return (h(Host, { key: '
|
|
2608
|
+
return (h(Host, { key: '104eb1c4cdca4494b10dea660e27a98b0c18bf64', "aria-disabled": this.disabled ? 'true' : null }, h("div", { key: '2548ff2b304bb6a5a249b5059a0b60b55cdf2152', class: "pds-combobox", tabIndex: -1, onFocusout: this.onComboboxFocusOut, part: "combobox" }, this.hasVisibleLabel && (h("label", { key: '7a261c72452ca7a278e1067e41c6eed52f29edc8', htmlFor: this.trigger === 'input' ? this.componentId : undefined, id: this.labelId, class: "pds-combobox__label", onClick: this.onLabelClick }, this.label)), this.trigger === 'input' ? (h("div", { class: "pds-combobox__input-wrapper", style: { width: this.triggerWidth } }, h("input", { ref: el => {
|
|
2561
2609
|
this.inputEl = el;
|
|
2562
2610
|
this.triggerEl = el;
|
|
2563
2611
|
}, class: {
|
|
2564
2612
|
'pds-combobox__input': true,
|
|
2565
2613
|
'pds-combobox__input--invalid': this.isInvalid(),
|
|
2566
|
-
}, type: "text", role: "combobox", "aria-autocomplete": "list", "aria-haspopup": this.inputPopupRole === 'tree' ? 'tree' : undefined, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), h("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (h("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (h("div", { class: triggerClass, style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, onMouseEnter: this.truncate ? this.onButtonTriggerMouseEnter : undefined, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), this.renderMessages(), h("div", { key: '
|
|
2614
|
+
}, type: "text", role: "combobox", "aria-autocomplete": "list", "aria-haspopup": this.inputPopupRole === 'tree' ? 'tree' : undefined, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, id: this.componentId, value: this.displayText, placeholder: this.placeholder, disabled: this.disabled, onInput: this.handleInput, onClick: this.handleInputClick, onKeyDown: this.handleKeyDown, autocomplete: "off", part: "input" }), h("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (h("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, ref: el => (this.triggerEl = el), part: "chip-trigger" }, this.renderChipTriggerContent())) : (h("div", { class: triggerClass, style: { width: this.triggerWidth }, role: this.usesPanelSearch ? 'button' : 'combobox', "aria-haspopup": this.triggerPopupRole, "aria-controls": this.listboxId, "aria-describedby": assignDescription(this.componentId, this.isInvalid(), this.helperMessage, this.errorMessage), "aria-invalid": this.isInvalid() ? 'true' : undefined, "aria-activedescendant": this.usesPanelSearch ? undefined : this.activeDescendantId, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.triggerAriaLabel, "aria-labelledby": this.triggerLabelledBy, id: this.componentId, tabIndex: this.disabled ? -1 : 0, onClick: this.onButtonTriggerClick, "data-layout": this.customTriggerContent, onKeyDown: this.onButtonTriggerKeyDown, onKeyUp: this.onButtonTriggerKeyUp, onMouseEnter: this.truncate ? this.onButtonTriggerMouseEnter : undefined, ref: el => (this.triggerEl = el), part: "button-trigger" }, this.renderButtonTriggerContent())), this.renderMessages(), h("div", { key: 'ffd3bc72b34a7278f3fa706a236017a26b86ea3f', style: { display: 'none' } }, h("slot", { key: 'f47a81191ad7fd8c6bf63cf8ef39934cbf7fd28c', onSlotchange: () => this.updateOptions() })), this.renderDropdown(), this.groupDisplay !== 'inline' && [
|
|
2567
2615
|
h("span", { key: "drill-status", class: "visually-hidden", role: "status", "aria-live": "polite" }, this.isOpen && this.effectiveGroupDisplay === 'drill-in' && this.openGroup !== null ? this.openGroup.label : ''),
|
|
2568
2616
|
// Its own region: sharing one, revealing a row then opening it would leave the text the
|
|
2569
2617
|
// same, and opening the group would go unannounced.
|