@pine-ds/core 3.25.0 → 3.25.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/pds-combobox.js +45 -4
- package/components/pds-combobox.js.map +1 -1
- package/dist/cjs/pds-combobox.cjs.entry.js +45 -4
- package/dist/cjs/pds-combobox.entry.cjs.js.map +1 -1
- package/dist/collection/components/pds-combobox/pds-combobox.js +46 -5
- package/dist/collection/components/pds-combobox/pds-combobox.js.map +1 -1
- package/dist/docs.json +2 -2
- package/dist/esm/pds-combobox.entry.js +45 -4
- package/dist/esm/pds-combobox.entry.js.map +1 -1
- package/dist/esm-es5/pds-combobox.entry.js +1 -1
- package/dist/esm-es5/pds-combobox.entry.js.map +1 -1
- package/dist/pine-core/{p-3321448e.system.entry.js → p-4d2c4f5d.system.entry.js} +3 -3
- package/dist/pine-core/p-4d2c4f5d.system.entry.js.map +1 -0
- package/dist/pine-core/{p-1208f3f4.entry.js → p-57e36acc.entry.js} +2 -2
- package/dist/pine-core/p-57e36acc.entry.js.map +1 -0
- package/dist/pine-core/p-DA-RbdlV.system.js +1 -1
- package/dist/pine-core/p-DCcwKJEN.system.js.map +1 -0
- package/dist/pine-core/pds-combobox.entry.esm.js.map +1 -1
- package/dist/pine-core/pine-core.esm.js +1 -1
- package/dist/types/components/pds-combobox/pds-combobox.d.ts +14 -0
- package/dist/types/components.d.ts +2 -2
- package/dist/vscode.html-data.json +1 -1
- package/hydrate/index.js +45 -4
- package/hydrate/index.mjs +45 -4
- package/package.json +2 -2
- package/dist/pine-core/p-1208f3f4.entry.js.map +0 -1
- package/dist/pine-core/p-3321448e.system.entry.js.map +0 -1
- package/dist/pine-core/p-D0ED3Slj.system.js.map +0 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{p as e,g as n,b as a}from"./p-C_yp7uLt.js";export{s as setNonce}from"./p-C_yp7uLt.js";var i=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};i().then((async e=>{await n();return a(JSON.parse('[["p-b49dfc1f",[[321,"pds-multiselect",{"componentId":[1,"component-id"],"label":[1],"placeholder":[1],"searchPlaceholder":[1,"search-placeholder"],"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"],"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"],"isOpen":[32],"searchQuery":[32],"highlightedIndex":[32],"internalOptions":[32],"selectedItems":[32],"currentPage":[32],"hasMore":[32],"creating":[32],"removalAnnouncement":[32],"setFocus":[64],"clear":[64]},[[8,"keydown","handleWindowKeyDown"]],{"debounce":["setupDebounce"],"value":["valueChanged"],"options":["optionsChanged"],"internalOptions":["internalOptionsChanged"]}]]],["p-1208f3f4",[[321,"pds-combobox",{"componentId":[1,"component-id"],"name":[513],"customOptionLayouts":[4,"custom-option-layouts"],"customTriggerContent":[4,"custom-trigger-content"],"disabled":[4],"dropdownPlacement":[1,"dropdown-placement"],"dropdownWidth":[1,"dropdown-width"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"mode":[1],"placeholder":[1],"trigger":[1],"triggerWidth":[1,"trigger-width"],"triggerVariant":[1,"trigger-variant"],"triggerShape":[1,"trigger-shape"],"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],"selectedOption":[32],"selectedOptionLayoutContent":[32],"selectedOptionChipProps":[32],"internalOptions":[32],"currentPage":[32],"hasMore":[32],"setFocus":[64],"getSelectedValue":[64]},null,{"debounce":["setupDebounce"],"options":["optionsChanged"],"value":["handleValueChange"],"selectedOption":["handleSelectedOptionChange"]}]]],["p-c16dc54e",[[257,"pds-alert",{"componentId":[1,"component-id"],"heading":[1],"small":[4],"dismissible":[4],"hideIcon":[4,"hide-icon"],"variant":[1],"hasActionsContent":[32]}]]],["p-78c25934",[[257,"pds-copytext",{"border":[516],"componentId":[1,"component-id"],"fullWidth":[4,"full-width"],"truncate":[4],"value":[1]},null,{"truncate":["handleTruncateChange"],"value":["handleValueChange"]}]]],["p-b25c2d6b",[[257,"pds-table-head",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"border":[516],"background":[516]}]]],["p-540cc2b1",[[257,"pds-table-row",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"hasDivider":[32],"isLastRow":[32]}]]],["p-9b3a5038",[[257,"pds-dropdown-menu-item",{"componentId":[1,"component-id"],"destructive":[4],"disabled":[516],"download":[1],"href":[1],"external":[516],"target":[513],"hasFocus":[32],"clickItem":[64]}]]],["p-b600e6a7",[[257,"pds-property",{"componentId":[1,"component-id"],"icon":[1]}]]],["p-53698627",[[257,"pds-accordion",{"componentId":[1,"component-id"],"isOpen":[1540,"open"]},null,{"isOpen":["handleOpenState"]}]]],["p-5ab1ae44",[[257,"pds-avatar",{"alt":[1],"badge":[4],"componentId":[1,"component-id"],"dropdown":[4],"image":[1],"initials":[1],"size":[513],"variant":[513]}]]],["p-99343ac6",[[257,"pds-dropdown-menu",{"componentId":[1,"component-id"],"placement":[1],"currentFocusIndex":[32]},[[8,"keydown","handleKeyDown"],[8,"click","handleWindowClick"]]]]],["p-5eba0eed",[[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"]]]]],["p-feb666bb",[[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"],"value":["valueChanged"]}]]],["p-8d887560",[[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],"_hasImage":[32]}]]],["p-8911278b",[[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"],"disabled":["handlePropsChange"],"invalid":["handlePropsChange"],"required":["handlePropsChange"]}]]],["p-ae7f32cd",[[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"],"multiple":["multipleChanged"]}]]],["p-00024af8",[[262,"pds-sortable-item",{"enableActions":[4,"enable-actions"],"componentId":[1,"component-id"],"showHandle":[1028,"show-handle"]}]]],["p-b175be8e",[[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]},null,{"checked":["checkedChanged"]}]]],["p-a99138df",[[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],"hasFocus":[32],"hasAction":[32],"setFocus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"],"maxLength":["maxLengthChanged"]}]]],["p-097a9e35",[[257,"pds-toast",{"componentId":[1,"component-id"],"dismissible":[4],"duration":[2],"icon":[1],"type":[1],"isVisible":[32],"isAnimatingOut":[32],"dismiss":[64]},null,{"duration":["handleDurationChange"]}]]],["p-feb34c51",[[260,"mock-pds-modal",{"componentId":[1,"component-id"],"size":[1],"scrollable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"open":[1028],"showModal":[64],"hideModal":[64]}]]],["p-afa702b7",[[257,"pds-container",{"size":[1],"tag":[1],"centered":[4]}]]],["p-f418ab61",[[257,"pds-divider",{"componentId":[1,"component-id"],"offset":[1],"vertical":[4]}]]],["p-16c99374",[[257,"pds-dropdown-menu-separator",{"componentId":[1,"component-id"],"disabled":[4]}]]],["p-8771e85a",[[257,"pds-filters",{"componentId":[1,"component-id"]}]]],["p-0b370949",[[257,"pds-image",{"alt":[1],"componentId":[1,"component-id"],"height":[2],"loading":[1],"sizes":[1],"src":[1],"srcset":[1],"width":[2]}]]],["p-f4eec381",[[260,"pds-modal",{"backdropDismiss":[4,"backdrop-dismiss"],"componentId":[1,"component-id"],"open":[1028],"size":[1],"scrollable":[4],"focusableElementsArray":[32],"showModal":[64],"hideModal":[64]},null,{"open":["handleOpenChange"]}]]],["p-dcf0eb78",[[260,"pds-modal-content",{"border":[1537],"contentMaxHeight":[32]}]]],["p-d8f68dae",[[260,"pds-modal-footer"]]],["p-6b153192",[[260,"pds-modal-header"]]],["p-356aea4b",[[257,"pds-popover",{"popoverTargetAction":[1,"popover-target-action"],"popoverType":[1,"popover-type"],"componentId":[1,"component-id"],"maxWidth":[2,"max-width"],"placement":[513],"active":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["p-7047497f",[[257,"pds-progress",{"animated":[4],"componentId":[1,"component-id"],"fillColor":[1,"fill-color"],"label":[1],"percent":[2],"showPercent":[4,"show-percent"]}]]],["p-9b71468c",[[256,"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"]}]]],["p-3d057491",[[262,"pds-sortable",{"border":[516],"disabled":[516],"componentId":[1,"component-id"],"dividers":[516],"handleType":[1,"handle-type"]},null,{"disabled":["handleDisabledChange"]}]]],["p-7d46955b",[[260,"pds-tab",{"disabled":[4],"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"index":[2],"selected":[4]}]]],["p-348c17bf",[[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"]]]]],["p-8ab0fe54",[[257,"pds-table-body"]]],["p-5a07cff6",[[260,"pds-tabpanel",{"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"selected":[1028]}]]],["p-3e6ca680",[[257,"pds-tabs",{"tablistLabel":[1,"tablist-label"],"componentId":[1,"component-id"],"variant":[1],"activeTabName":[1025,"active-tab-name"],"activeTabIndex":[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["p-aaba036c",[[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"]}]]],["p-7c23fcf5",[[257,"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]},[[16,"keydown","handleFormKeyDown"]]]]],["p-7b1cebb9",[[257,"pds-link",{"color":[1],"download":[1],"componentId":[1,"component-id"],"external":[4],"target":[1],"variant":[1],"fontSize":[1,"font-size"],"href":[1]}]]],["p-4542a964",[[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]}]]],["p-4b5a97ad",[[257,"pds-table-cell",{"cellAlign":[1,"cell-align"],"truncate":[4],"tableScrolling":[32]},null,{"truncate":["handleTruncateChange"]}]]],["p-d26019b2",[[257,"pds-chip",{"componentId":[1,"component-id"],"dot":[4],"icon":[1],"large":[4],"size":[1],"sentiment":[1],"variant":[1],"removeUrl":[1,"remove-url"],"removeHttpMethod":[1,"remove-http-method"],"removeTarget":[1,"remove-target"]}]]],["p-175f34e1",[[257,"pds-text",{"align":[1],"color":[1],"decoration":[1],"gutter":[1],"italic":[4],"size":[1],"weight":[1],"tag":[1],"truncate":[516]},null,{"truncate":["handleTruncateChange"]}]]],["p-b3a36a0e",[[257,"pds-icon",{"color":[1],"flipRtl":[4,"flip-rtl"],"icon":[8],"name":[513],"size":[513],"src":[1],"ariaLabel":[32],"isVisible":[32],"svgContent":[32]},null,{"size":["updateStyles"],"color":["updateStyles"],"name":["onIconPropertyChange"],"src":["onIconPropertyChange"],"icon":["onIconPropertyChange"]}]]],["p-4f2ff60a",[[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]},null,{"checked":["updateIndeterminate","checkedChanged"]}]]],["p-3b32b411",[[257,"pds-loader",{"isLoading":[4,"is-loading"],"showLabel":[4,"show-label"],"size":[513],"variant":[1]}]]],["p-26cdbf99",[[256,"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],"borderColor":[1,"border-color"],"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"]}]]]]'),e)}));
|
|
1
|
+
import{p as e,g as n,b as a}from"./p-C_yp7uLt.js";export{s as setNonce}from"./p-C_yp7uLt.js";var i=()=>{const n=import.meta.url;const a={};if(n!==""){a.resourcesUrl=new URL(".",n).href}return e(a)};i().then((async e=>{await n();return a(JSON.parse('[["p-b49dfc1f",[[321,"pds-multiselect",{"componentId":[1,"component-id"],"label":[1],"placeholder":[1],"searchPlaceholder":[1,"search-placeholder"],"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"],"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"],"isOpen":[32],"searchQuery":[32],"highlightedIndex":[32],"internalOptions":[32],"selectedItems":[32],"currentPage":[32],"hasMore":[32],"creating":[32],"removalAnnouncement":[32],"setFocus":[64],"clear":[64]},[[8,"keydown","handleWindowKeyDown"]],{"debounce":["setupDebounce"],"value":["valueChanged"],"options":["optionsChanged"],"internalOptions":["internalOptionsChanged"]}]]],["p-57e36acc",[[321,"pds-combobox",{"componentId":[1,"component-id"],"name":[513],"customOptionLayouts":[4,"custom-option-layouts"],"customTriggerContent":[4,"custom-trigger-content"],"disabled":[4],"dropdownPlacement":[1,"dropdown-placement"],"dropdownWidth":[1,"dropdown-width"],"hideLabel":[4,"hide-label"],"label":[1],"maxHeight":[1,"max-height"],"mode":[1],"placeholder":[1],"trigger":[1],"triggerWidth":[1,"trigger-width"],"triggerVariant":[1,"trigger-variant"],"triggerShape":[1,"trigger-shape"],"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],"selectedOption":[32],"selectedOptionLayoutContent":[32],"selectedOptionChipProps":[32],"internalOptions":[32],"currentPage":[32],"hasMore":[32],"setFocus":[64],"getSelectedValue":[64]},null,{"debounce":["setupDebounce"],"options":["optionsChanged"],"value":["handleValueChange"],"selectedOption":["handleSelectedOptionChange"]}]]],["p-c16dc54e",[[257,"pds-alert",{"componentId":[1,"component-id"],"heading":[1],"small":[4],"dismissible":[4],"hideIcon":[4,"hide-icon"],"variant":[1],"hasActionsContent":[32]}]]],["p-78c25934",[[257,"pds-copytext",{"border":[516],"componentId":[1,"component-id"],"fullWidth":[4,"full-width"],"truncate":[4],"value":[1]},null,{"truncate":["handleTruncateChange"],"value":["handleValueChange"]}]]],["p-b25c2d6b",[[257,"pds-table-head",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"border":[516],"background":[516]}]]],["p-540cc2b1",[[257,"pds-table-row",{"indeterminate":[1028],"isSelected":[1028,"is-selected"],"hasDivider":[32],"isLastRow":[32]}]]],["p-9b3a5038",[[257,"pds-dropdown-menu-item",{"componentId":[1,"component-id"],"destructive":[4],"disabled":[516],"download":[1],"href":[1],"external":[516],"target":[513],"hasFocus":[32],"clickItem":[64]}]]],["p-b600e6a7",[[257,"pds-property",{"componentId":[1,"component-id"],"icon":[1]}]]],["p-53698627",[[257,"pds-accordion",{"componentId":[1,"component-id"],"isOpen":[1540,"open"]},null,{"isOpen":["handleOpenState"]}]]],["p-5ab1ae44",[[257,"pds-avatar",{"alt":[1],"badge":[4],"componentId":[1,"component-id"],"dropdown":[4],"image":[1],"initials":[1],"size":[513],"variant":[513]}]]],["p-99343ac6",[[257,"pds-dropdown-menu",{"componentId":[1,"component-id"],"placement":[1],"currentFocusIndex":[32]},[[8,"keydown","handleKeyDown"],[8,"click","handleWindowClick"]]]]],["p-5eba0eed",[[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"]]]]],["p-feb666bb",[[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"],"value":["valueChanged"]}]]],["p-8d887560",[[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],"_hasImage":[32]}]]],["p-8911278b",[[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"],"disabled":["handlePropsChange"],"invalid":["handlePropsChange"],"required":["handlePropsChange"]}]]],["p-ae7f32cd",[[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"],"multiple":["multipleChanged"]}]]],["p-00024af8",[[262,"pds-sortable-item",{"enableActions":[4,"enable-actions"],"componentId":[1,"component-id"],"showHandle":[1028,"show-handle"]}]]],["p-b175be8e",[[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]},null,{"checked":["checkedChanged"]}]]],["p-a99138df",[[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],"hasFocus":[32],"hasAction":[32],"setFocus":[64]},null,{"debounce":["debounceChanged"],"value":["valueChanged"],"maxLength":["maxLengthChanged"]}]]],["p-097a9e35",[[257,"pds-toast",{"componentId":[1,"component-id"],"dismissible":[4],"duration":[2],"icon":[1],"type":[1],"isVisible":[32],"isAnimatingOut":[32],"dismiss":[64]},null,{"duration":["handleDurationChange"]}]]],["p-feb34c51",[[260,"mock-pds-modal",{"componentId":[1,"component-id"],"size":[1],"scrollable":[4],"backdropDismiss":[4,"backdrop-dismiss"],"open":[1028],"showModal":[64],"hideModal":[64]}]]],["p-afa702b7",[[257,"pds-container",{"size":[1],"tag":[1],"centered":[4]}]]],["p-f418ab61",[[257,"pds-divider",{"componentId":[1,"component-id"],"offset":[1],"vertical":[4]}]]],["p-16c99374",[[257,"pds-dropdown-menu-separator",{"componentId":[1,"component-id"],"disabled":[4]}]]],["p-8771e85a",[[257,"pds-filters",{"componentId":[1,"component-id"]}]]],["p-0b370949",[[257,"pds-image",{"alt":[1],"componentId":[1,"component-id"],"height":[2],"loading":[1],"sizes":[1],"src":[1],"srcset":[1],"width":[2]}]]],["p-f4eec381",[[260,"pds-modal",{"backdropDismiss":[4,"backdrop-dismiss"],"componentId":[1,"component-id"],"open":[1028],"size":[1],"scrollable":[4],"focusableElementsArray":[32],"showModal":[64],"hideModal":[64]},null,{"open":["handleOpenChange"]}]]],["p-dcf0eb78",[[260,"pds-modal-content",{"border":[1537],"contentMaxHeight":[32]}]]],["p-d8f68dae",[[260,"pds-modal-footer"]]],["p-6b153192",[[260,"pds-modal-header"]]],["p-356aea4b",[[257,"pds-popover",{"popoverTargetAction":[1,"popover-target-action"],"popoverType":[1,"popover-type"],"componentId":[1,"component-id"],"maxWidth":[2,"max-width"],"placement":[513],"active":[32],"show":[64],"hide":[64],"toggle":[64]}]]],["p-7047497f",[[257,"pds-progress",{"animated":[4],"componentId":[1,"component-id"],"fillColor":[1,"fill-color"],"label":[1],"percent":[2],"showPercent":[4,"show-percent"]}]]],["p-9b71468c",[[256,"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"]}]]],["p-3d057491",[[262,"pds-sortable",{"border":[516],"disabled":[516],"componentId":[1,"component-id"],"dividers":[516],"handleType":[1,"handle-type"]},null,{"disabled":["handleDisabledChange"]}]]],["p-7d46955b",[[260,"pds-tab",{"disabled":[4],"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"index":[2],"selected":[4]}]]],["p-348c17bf",[[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"]]]]],["p-8ab0fe54",[[257,"pds-table-body"]]],["p-5a07cff6",[[260,"pds-tabpanel",{"name":[1],"parentComponentId":[1,"parent-component-id"],"variant":[1],"selected":[1028]}]]],["p-3e6ca680",[[257,"pds-tabs",{"tablistLabel":[1,"tablist-label"],"componentId":[1,"component-id"],"variant":[1],"activeTabName":[1025,"active-tab-name"],"activeTabIndex":[1026,"active-tab-index"]},[[16,"pdsTabClick","tabClickHandler"],[0,"keydown","handleKeyDown"]]]]],["p-aaba036c",[[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"]}]]],["p-7c23fcf5",[[257,"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]},[[16,"keydown","handleFormKeyDown"]]]]],["p-7b1cebb9",[[257,"pds-link",{"color":[1],"download":[1],"componentId":[1,"component-id"],"external":[4],"target":[1],"variant":[1],"fontSize":[1,"font-size"],"href":[1]}]]],["p-4542a964",[[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]}]]],["p-4b5a97ad",[[257,"pds-table-cell",{"cellAlign":[1,"cell-align"],"truncate":[4],"tableScrolling":[32]},null,{"truncate":["handleTruncateChange"]}]]],["p-d26019b2",[[257,"pds-chip",{"componentId":[1,"component-id"],"dot":[4],"icon":[1],"large":[4],"size":[1],"sentiment":[1],"variant":[1],"removeUrl":[1,"remove-url"],"removeHttpMethod":[1,"remove-http-method"],"removeTarget":[1,"remove-target"]}]]],["p-175f34e1",[[257,"pds-text",{"align":[1],"color":[1],"decoration":[1],"gutter":[1],"italic":[4],"size":[1],"weight":[1],"tag":[1],"truncate":[516]},null,{"truncate":["handleTruncateChange"]}]]],["p-b3a36a0e",[[257,"pds-icon",{"color":[1],"flipRtl":[4,"flip-rtl"],"icon":[8],"name":[513],"size":[513],"src":[1],"ariaLabel":[32],"isVisible":[32],"svgContent":[32]},null,{"size":["updateStyles"],"color":["updateStyles"],"name":["onIconPropertyChange"],"src":["onIconPropertyChange"],"icon":["onIconPropertyChange"]}]]],["p-4f2ff60a",[[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]},null,{"checked":["updateIndeterminate","checkedChanged"]}]]],["p-3b32b411",[[257,"pds-loader",{"isLoading":[4,"is-loading"],"showLabel":[4,"show-label"],"size":[513],"variant":[1]}]]],["p-26cdbf99",[[256,"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],"borderColor":[1,"border-color"],"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"]}]]]]'),e)}));
|
|
2
2
|
//# sourceMappingURL=pine-core.esm.js.map
|
|
@@ -63,6 +63,8 @@ export declare class PdsCombobox implements BasePdsProps {
|
|
|
63
63
|
maxHeight?: string;
|
|
64
64
|
/**
|
|
65
65
|
* Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).
|
|
66
|
+
* In filter mode, reopening the menu while the input still shows the label of the selected option temporarily lists
|
|
67
|
+
* all options until you type (so you can switch to a different choice without clearing the field first).
|
|
66
68
|
* @default 'filter'
|
|
67
69
|
*/
|
|
68
70
|
mode: 'filter' | 'select-only';
|
|
@@ -208,6 +210,12 @@ export declare class PdsCombobox implements BasePdsProps {
|
|
|
208
210
|
private fetchTimeoutTimer?;
|
|
209
211
|
private observer?;
|
|
210
212
|
private originalSearchEmitter?;
|
|
213
|
+
/**
|
|
214
|
+
* In filter mode, after choosing an option the input still shows the label and would
|
|
215
|
+
* otherwise filter the list to matching substrings only. While this flag is true,
|
|
216
|
+
* the list shows every option until the user types (then normal filtering applies).
|
|
217
|
+
*/
|
|
218
|
+
private expandFilterListWhileOpen;
|
|
211
219
|
connectedCallback(): void;
|
|
212
220
|
componentWillLoad(): void;
|
|
213
221
|
componentDidLoad(): void;
|
|
@@ -231,6 +239,12 @@ export declare class PdsCombobox implements BasePdsProps {
|
|
|
231
239
|
private isOptionSelected;
|
|
232
240
|
private setSelectedOption;
|
|
233
241
|
private filterOptions;
|
|
242
|
+
private clearExpandFilterList;
|
|
243
|
+
/**
|
|
244
|
+
* When reopening the dropdown in filter mode with the input still showing the
|
|
245
|
+
* committed selection label, show the full option list until the user edits the query.
|
|
246
|
+
*/
|
|
247
|
+
private prepareExpandFilterListOnOpen;
|
|
234
248
|
private openDropdownPositioning;
|
|
235
249
|
private handleInput;
|
|
236
250
|
private handleInputClick;
|
|
@@ -976,7 +976,7 @@ export namespace Components {
|
|
|
976
976
|
*/
|
|
977
977
|
"maxHeight"?: string;
|
|
978
978
|
/**
|
|
979
|
-
* Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).
|
|
979
|
+
* Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options). In filter mode, reopening the menu while the input still shows the label of the selected option temporarily lists all options until you type (so you can switch to a different choice without clearing the field first).
|
|
980
980
|
* @default 'filter'
|
|
981
981
|
*/
|
|
982
982
|
"mode": 'filter' | 'select-only';
|
|
@@ -4059,7 +4059,7 @@ declare namespace LocalJSX {
|
|
|
4059
4059
|
*/
|
|
4060
4060
|
"maxHeight"?: string;
|
|
4061
4061
|
/**
|
|
4062
|
-
* Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).
|
|
4062
|
+
* Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options). In filter mode, reopening the menu while the input still shows the label of the selected option temporarily lists all options until you type (so you can switch to a different choice without clearing the field first).
|
|
4063
4063
|
* @default 'filter'
|
|
4064
4064
|
*/
|
|
4065
4065
|
"mode"?: 'filter' | 'select-only';
|
|
@@ -7325,7 +7325,7 @@
|
|
|
7325
7325
|
"name": "mode",
|
|
7326
7326
|
"description": {
|
|
7327
7327
|
"kind": "markdown",
|
|
7328
|
-
"value": "Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).\n\n**Type:** `\"filter\" | \"select-only\"`\n\n**Default:** `'filter'`"
|
|
7328
|
+
"value": "Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).\nIn filter mode, reopening the menu while the input still shows the label of the selected option temporarily lists\nall options until you type (so you can switch to a different choice without clearing the field first).\n\n**Type:** `\"filter\" | \"select-only\"`\n\n**Default:** `'filter'`"
|
|
7329
7329
|
},
|
|
7330
7330
|
"values": [
|
|
7331
7331
|
{
|
package/hydrate/index.js
CHANGED
|
@@ -7839,6 +7839,8 @@ class PdsCombobox {
|
|
|
7839
7839
|
this.hideLabel = false;
|
|
7840
7840
|
/**
|
|
7841
7841
|
* Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).
|
|
7842
|
+
* In filter mode, reopening the menu while the input still shows the label of the selected option temporarily lists
|
|
7843
|
+
* all options until you type (so you can switch to a different choice without clearing the field first).
|
|
7842
7844
|
* @default 'filter'
|
|
7843
7845
|
*/
|
|
7844
7846
|
this.mode = 'filter';
|
|
@@ -7941,8 +7943,15 @@ class PdsCombobox {
|
|
|
7941
7943
|
this.optionEls = [];
|
|
7942
7944
|
this.allItems = [];
|
|
7943
7945
|
this.isUpdatingFromSelection = false;
|
|
7946
|
+
/**
|
|
7947
|
+
* In filter mode, after choosing an option the input still shows the label and would
|
|
7948
|
+
* otherwise filter the list to matching substrings only. While this flag is true,
|
|
7949
|
+
* the list shows every option until the user types (then normal filtering applies).
|
|
7950
|
+
*/
|
|
7951
|
+
this.expandFilterListWhileOpen = false;
|
|
7944
7952
|
this.handleInput = (e) => {
|
|
7945
7953
|
const target = e.target;
|
|
7954
|
+
this.clearExpandFilterList();
|
|
7946
7955
|
this.displayText = target.value;
|
|
7947
7956
|
this.isOpen = true;
|
|
7948
7957
|
this.filterOptions();
|
|
@@ -7958,19 +7967,26 @@ class PdsCombobox {
|
|
|
7958
7967
|
// Open dropdown when input is clicked (but not when tabbed into)
|
|
7959
7968
|
if (!this.isOpen) {
|
|
7960
7969
|
this.isOpen = true;
|
|
7970
|
+
this.prepareExpandFilterListOnOpen();
|
|
7961
7971
|
this.filterOptions();
|
|
7962
7972
|
// Trigger initial fetch if async and no options loaded yet
|
|
7963
7973
|
if (this.asyncUrl && this.internalOptions.length === 0) {
|
|
7964
7974
|
this.debouncedFetchAsyncOptions(this.displayText, 1);
|
|
7965
7975
|
}
|
|
7966
7976
|
this.setInitialHighlightedIndex();
|
|
7967
|
-
setTimeout(() =>
|
|
7977
|
+
setTimeout(() => {
|
|
7978
|
+
this.openDropdownPositioning();
|
|
7979
|
+
if (this.trigger === 'input' && this.expandFilterListWhileOpen && this.inputEl) {
|
|
7980
|
+
this.inputEl.select();
|
|
7981
|
+
}
|
|
7982
|
+
}, 0);
|
|
7968
7983
|
}
|
|
7969
7984
|
};
|
|
7970
7985
|
this.handleKeyDown = (e) => {
|
|
7971
7986
|
if (!this.isOpen && (e.key === 'ArrowDown' || e.key === 'ArrowUp' || (e.altKey && e.key === 'ArrowDown'))) {
|
|
7972
7987
|
e.preventDefault();
|
|
7973
7988
|
this.isOpen = true;
|
|
7989
|
+
this.prepareExpandFilterListOnOpen();
|
|
7974
7990
|
this.filterOptions();
|
|
7975
7991
|
// Set highlighted index immediately for testing
|
|
7976
7992
|
this.setInitialHighlightedIndex();
|
|
@@ -8063,6 +8079,7 @@ class PdsCombobox {
|
|
|
8063
8079
|
e.preventDefault();
|
|
8064
8080
|
this.isOpen = false;
|
|
8065
8081
|
this.highlightedIndex = -1;
|
|
8082
|
+
this.clearExpandFilterList();
|
|
8066
8083
|
this.isArrowKeyNavigationMode = false; // Reset arrow-key navigation mode
|
|
8067
8084
|
this.restoreFocusToTrigger();
|
|
8068
8085
|
break;
|
|
@@ -8070,6 +8087,7 @@ class PdsCombobox {
|
|
|
8070
8087
|
// Allow normal tab behavior to close dropdown and move focus
|
|
8071
8088
|
this.isOpen = false;
|
|
8072
8089
|
this.highlightedIndex = -1;
|
|
8090
|
+
this.clearExpandFilterList();
|
|
8073
8091
|
this.isArrowKeyNavigationMode = false; // Reset arrow-key navigation mode
|
|
8074
8092
|
break;
|
|
8075
8093
|
}
|
|
@@ -8101,6 +8119,7 @@ class PdsCombobox {
|
|
|
8101
8119
|
this.onButtonTriggerClick = () => {
|
|
8102
8120
|
this.isOpen = !this.isOpen;
|
|
8103
8121
|
if (this.isOpen) {
|
|
8122
|
+
this.prepareExpandFilterListOnOpen();
|
|
8104
8123
|
this.filterOptions();
|
|
8105
8124
|
// Trigger initial fetch if async and no options loaded yet
|
|
8106
8125
|
if (this.asyncUrl && this.internalOptions.length === 0) {
|
|
@@ -8114,6 +8133,7 @@ class PdsCombobox {
|
|
|
8114
8133
|
}
|
|
8115
8134
|
else {
|
|
8116
8135
|
// Reset navigation mode when closing
|
|
8136
|
+
this.clearExpandFilterList();
|
|
8117
8137
|
this.isArrowKeyNavigationMode = false;
|
|
8118
8138
|
}
|
|
8119
8139
|
};
|
|
@@ -8123,6 +8143,7 @@ class PdsCombobox {
|
|
|
8123
8143
|
e.preventDefault();
|
|
8124
8144
|
e.stopPropagation(); // Prevent the event from bubbling and triggering click
|
|
8125
8145
|
this.isOpen = true;
|
|
8146
|
+
this.prepareExpandFilterListOnOpen();
|
|
8126
8147
|
this.filterOptions();
|
|
8127
8148
|
// Set highlighted index immediately
|
|
8128
8149
|
this.setInitialHighlightedIndex();
|
|
@@ -8137,6 +8158,7 @@ class PdsCombobox {
|
|
|
8137
8158
|
if (this.isOpen) {
|
|
8138
8159
|
this.isOpen = false;
|
|
8139
8160
|
this.highlightedIndex = -1;
|
|
8161
|
+
this.clearExpandFilterList();
|
|
8140
8162
|
this.updateAriaActiveDescendant(); // Clear aria-activedescendant
|
|
8141
8163
|
this.restoreFocusToTrigger();
|
|
8142
8164
|
}
|
|
@@ -8164,6 +8186,7 @@ class PdsCombobox {
|
|
|
8164
8186
|
if (!isRelatedTargetInCombobox && !isRelatedTargetInListbox) {
|
|
8165
8187
|
this.isOpen = false;
|
|
8166
8188
|
this.highlightedIndex = -1;
|
|
8189
|
+
this.clearExpandFilterList();
|
|
8167
8190
|
this.isArrowKeyNavigationMode = false; // Reset arrow-key navigation mode
|
|
8168
8191
|
this.updateAriaActiveDescendant(); // Clear aria-activedescendant
|
|
8169
8192
|
// If there's a selected option but the display text doesn't match, restore the selected option's display text
|
|
@@ -8561,7 +8584,7 @@ class PdsCombobox {
|
|
|
8561
8584
|
if (this.allItems.length === 0 && this.optionEls.length > 0) {
|
|
8562
8585
|
this.allItems = [...this.optionEls];
|
|
8563
8586
|
}
|
|
8564
|
-
if (this.mode === 'select-only') {
|
|
8587
|
+
if (this.mode === 'select-only' || this.expandFilterListWhileOpen) {
|
|
8565
8588
|
this.filteredItems = [...this.allItems];
|
|
8566
8589
|
}
|
|
8567
8590
|
else {
|
|
@@ -8602,6 +8625,23 @@ class PdsCombobox {
|
|
|
8602
8625
|
}
|
|
8603
8626
|
this.highlightedIndex = -1;
|
|
8604
8627
|
}
|
|
8628
|
+
clearExpandFilterList() {
|
|
8629
|
+
this.expandFilterListWhileOpen = false;
|
|
8630
|
+
}
|
|
8631
|
+
/**
|
|
8632
|
+
* When reopening the dropdown in filter mode with the input still showing the
|
|
8633
|
+
* committed selection label, show the full option list until the user edits the query.
|
|
8634
|
+
*/
|
|
8635
|
+
prepareExpandFilterListOnOpen() {
|
|
8636
|
+
if (this.mode === 'filter' &&
|
|
8637
|
+
this.selectedOption &&
|
|
8638
|
+
this.displayText === this.getOptionLabel(this.selectedOption)) {
|
|
8639
|
+
this.expandFilterListWhileOpen = true;
|
|
8640
|
+
}
|
|
8641
|
+
else {
|
|
8642
|
+
this.expandFilterListWhileOpen = false;
|
|
8643
|
+
}
|
|
8644
|
+
}
|
|
8605
8645
|
openDropdownPositioning() {
|
|
8606
8646
|
if (this.triggerEl && this.listboxEl) {
|
|
8607
8647
|
// Apply width and max-height BEFORE positioning calculations
|
|
@@ -8877,6 +8917,7 @@ class PdsCombobox {
|
|
|
8877
8917
|
// The @Watch('selectedOption') will handle displayText, value, and form internals
|
|
8878
8918
|
this.setSelectedOption(option);
|
|
8879
8919
|
this.isOpen = false;
|
|
8920
|
+
this.clearExpandFilterList();
|
|
8880
8921
|
this.pdsComboboxChange.emit({ value: option.value });
|
|
8881
8922
|
}
|
|
8882
8923
|
renderDropdown() {
|
|
@@ -9035,10 +9076,10 @@ class PdsCombobox {
|
|
|
9035
9076
|
]
|
|
9036
9077
|
.filter(Boolean)
|
|
9037
9078
|
.join(' ');
|
|
9038
|
-
return (hAsync(Host, { key: '
|
|
9079
|
+
return (hAsync(Host, { key: '28c9653028e7fd67ccd8361a84108fbe11b1303f' }, hAsync("div", { key: 'd9a3d6c4d3ca1c6135501e702be8beeffcafdf0d', class: "pds-combobox", tabIndex: -1, onFocusout: this.onComboboxFocusOut, part: "combobox" }, this.label && !this.hideLabel && (hAsync("label", { key: '8832180ca4ee60506d464115aff2503d3aeb6c52', htmlFor: this.componentId, class: "pds-combobox__label" }, this.label)), this.trigger === 'input' ? (hAsync("div", { class: "pds-combobox__input-wrapper", style: { width: this.triggerWidth } }, hAsync("input", { ref: el => {
|
|
9039
9080
|
this.inputEl = el;
|
|
9040
9081
|
this.triggerEl = el;
|
|
9041
|
-
}, class: "pds-combobox__input", type: "text", role: "combobox", "aria-autocomplete": "list", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "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" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, 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())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, 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: "button-trigger" }, this.renderButtonTriggerContent())), hAsync("div", { key: '
|
|
9082
|
+
}, class: "pds-combobox__input", type: "text", role: "combobox", "aria-autocomplete": "list", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "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" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, 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())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, 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: "button-trigger" }, this.renderButtonTriggerContent())), hAsync("div", { key: '3f2ac580f226fc9a0bf72539804d0b514a93f5b8', style: { display: 'none' } }, hAsync("slot", { key: '075205fb4fed8d0e4aec43531593444c1ab8e1cd', onSlotchange: () => this.updateOptions() })), this.renderDropdown())));
|
|
9042
9083
|
}
|
|
9043
9084
|
static get formAssociated() { return true; }
|
|
9044
9085
|
get el() { return getElement(this); }
|
package/hydrate/index.mjs
CHANGED
|
@@ -7837,6 +7837,8 @@ class PdsCombobox {
|
|
|
7837
7837
|
this.hideLabel = false;
|
|
7838
7838
|
/**
|
|
7839
7839
|
* Determines the combobox mode: 'filter' (filter options as you type) or 'select-only' (show all options).
|
|
7840
|
+
* In filter mode, reopening the menu while the input still shows the label of the selected option temporarily lists
|
|
7841
|
+
* all options until you type (so you can switch to a different choice without clearing the field first).
|
|
7840
7842
|
* @default 'filter'
|
|
7841
7843
|
*/
|
|
7842
7844
|
this.mode = 'filter';
|
|
@@ -7939,8 +7941,15 @@ class PdsCombobox {
|
|
|
7939
7941
|
this.optionEls = [];
|
|
7940
7942
|
this.allItems = [];
|
|
7941
7943
|
this.isUpdatingFromSelection = false;
|
|
7944
|
+
/**
|
|
7945
|
+
* In filter mode, after choosing an option the input still shows the label and would
|
|
7946
|
+
* otherwise filter the list to matching substrings only. While this flag is true,
|
|
7947
|
+
* the list shows every option until the user types (then normal filtering applies).
|
|
7948
|
+
*/
|
|
7949
|
+
this.expandFilterListWhileOpen = false;
|
|
7942
7950
|
this.handleInput = (e) => {
|
|
7943
7951
|
const target = e.target;
|
|
7952
|
+
this.clearExpandFilterList();
|
|
7944
7953
|
this.displayText = target.value;
|
|
7945
7954
|
this.isOpen = true;
|
|
7946
7955
|
this.filterOptions();
|
|
@@ -7956,19 +7965,26 @@ class PdsCombobox {
|
|
|
7956
7965
|
// Open dropdown when input is clicked (but not when tabbed into)
|
|
7957
7966
|
if (!this.isOpen) {
|
|
7958
7967
|
this.isOpen = true;
|
|
7968
|
+
this.prepareExpandFilterListOnOpen();
|
|
7959
7969
|
this.filterOptions();
|
|
7960
7970
|
// Trigger initial fetch if async and no options loaded yet
|
|
7961
7971
|
if (this.asyncUrl && this.internalOptions.length === 0) {
|
|
7962
7972
|
this.debouncedFetchAsyncOptions(this.displayText, 1);
|
|
7963
7973
|
}
|
|
7964
7974
|
this.setInitialHighlightedIndex();
|
|
7965
|
-
setTimeout(() =>
|
|
7975
|
+
setTimeout(() => {
|
|
7976
|
+
this.openDropdownPositioning();
|
|
7977
|
+
if (this.trigger === 'input' && this.expandFilterListWhileOpen && this.inputEl) {
|
|
7978
|
+
this.inputEl.select();
|
|
7979
|
+
}
|
|
7980
|
+
}, 0);
|
|
7966
7981
|
}
|
|
7967
7982
|
};
|
|
7968
7983
|
this.handleKeyDown = (e) => {
|
|
7969
7984
|
if (!this.isOpen && (e.key === 'ArrowDown' || e.key === 'ArrowUp' || (e.altKey && e.key === 'ArrowDown'))) {
|
|
7970
7985
|
e.preventDefault();
|
|
7971
7986
|
this.isOpen = true;
|
|
7987
|
+
this.prepareExpandFilterListOnOpen();
|
|
7972
7988
|
this.filterOptions();
|
|
7973
7989
|
// Set highlighted index immediately for testing
|
|
7974
7990
|
this.setInitialHighlightedIndex();
|
|
@@ -8061,6 +8077,7 @@ class PdsCombobox {
|
|
|
8061
8077
|
e.preventDefault();
|
|
8062
8078
|
this.isOpen = false;
|
|
8063
8079
|
this.highlightedIndex = -1;
|
|
8080
|
+
this.clearExpandFilterList();
|
|
8064
8081
|
this.isArrowKeyNavigationMode = false; // Reset arrow-key navigation mode
|
|
8065
8082
|
this.restoreFocusToTrigger();
|
|
8066
8083
|
break;
|
|
@@ -8068,6 +8085,7 @@ class PdsCombobox {
|
|
|
8068
8085
|
// Allow normal tab behavior to close dropdown and move focus
|
|
8069
8086
|
this.isOpen = false;
|
|
8070
8087
|
this.highlightedIndex = -1;
|
|
8088
|
+
this.clearExpandFilterList();
|
|
8071
8089
|
this.isArrowKeyNavigationMode = false; // Reset arrow-key navigation mode
|
|
8072
8090
|
break;
|
|
8073
8091
|
}
|
|
@@ -8099,6 +8117,7 @@ class PdsCombobox {
|
|
|
8099
8117
|
this.onButtonTriggerClick = () => {
|
|
8100
8118
|
this.isOpen = !this.isOpen;
|
|
8101
8119
|
if (this.isOpen) {
|
|
8120
|
+
this.prepareExpandFilterListOnOpen();
|
|
8102
8121
|
this.filterOptions();
|
|
8103
8122
|
// Trigger initial fetch if async and no options loaded yet
|
|
8104
8123
|
if (this.asyncUrl && this.internalOptions.length === 0) {
|
|
@@ -8112,6 +8131,7 @@ class PdsCombobox {
|
|
|
8112
8131
|
}
|
|
8113
8132
|
else {
|
|
8114
8133
|
// Reset navigation mode when closing
|
|
8134
|
+
this.clearExpandFilterList();
|
|
8115
8135
|
this.isArrowKeyNavigationMode = false;
|
|
8116
8136
|
}
|
|
8117
8137
|
};
|
|
@@ -8121,6 +8141,7 @@ class PdsCombobox {
|
|
|
8121
8141
|
e.preventDefault();
|
|
8122
8142
|
e.stopPropagation(); // Prevent the event from bubbling and triggering click
|
|
8123
8143
|
this.isOpen = true;
|
|
8144
|
+
this.prepareExpandFilterListOnOpen();
|
|
8124
8145
|
this.filterOptions();
|
|
8125
8146
|
// Set highlighted index immediately
|
|
8126
8147
|
this.setInitialHighlightedIndex();
|
|
@@ -8135,6 +8156,7 @@ class PdsCombobox {
|
|
|
8135
8156
|
if (this.isOpen) {
|
|
8136
8157
|
this.isOpen = false;
|
|
8137
8158
|
this.highlightedIndex = -1;
|
|
8159
|
+
this.clearExpandFilterList();
|
|
8138
8160
|
this.updateAriaActiveDescendant(); // Clear aria-activedescendant
|
|
8139
8161
|
this.restoreFocusToTrigger();
|
|
8140
8162
|
}
|
|
@@ -8162,6 +8184,7 @@ class PdsCombobox {
|
|
|
8162
8184
|
if (!isRelatedTargetInCombobox && !isRelatedTargetInListbox) {
|
|
8163
8185
|
this.isOpen = false;
|
|
8164
8186
|
this.highlightedIndex = -1;
|
|
8187
|
+
this.clearExpandFilterList();
|
|
8165
8188
|
this.isArrowKeyNavigationMode = false; // Reset arrow-key navigation mode
|
|
8166
8189
|
this.updateAriaActiveDescendant(); // Clear aria-activedescendant
|
|
8167
8190
|
// If there's a selected option but the display text doesn't match, restore the selected option's display text
|
|
@@ -8559,7 +8582,7 @@ class PdsCombobox {
|
|
|
8559
8582
|
if (this.allItems.length === 0 && this.optionEls.length > 0) {
|
|
8560
8583
|
this.allItems = [...this.optionEls];
|
|
8561
8584
|
}
|
|
8562
|
-
if (this.mode === 'select-only') {
|
|
8585
|
+
if (this.mode === 'select-only' || this.expandFilterListWhileOpen) {
|
|
8563
8586
|
this.filteredItems = [...this.allItems];
|
|
8564
8587
|
}
|
|
8565
8588
|
else {
|
|
@@ -8600,6 +8623,23 @@ class PdsCombobox {
|
|
|
8600
8623
|
}
|
|
8601
8624
|
this.highlightedIndex = -1;
|
|
8602
8625
|
}
|
|
8626
|
+
clearExpandFilterList() {
|
|
8627
|
+
this.expandFilterListWhileOpen = false;
|
|
8628
|
+
}
|
|
8629
|
+
/**
|
|
8630
|
+
* When reopening the dropdown in filter mode with the input still showing the
|
|
8631
|
+
* committed selection label, show the full option list until the user edits the query.
|
|
8632
|
+
*/
|
|
8633
|
+
prepareExpandFilterListOnOpen() {
|
|
8634
|
+
if (this.mode === 'filter' &&
|
|
8635
|
+
this.selectedOption &&
|
|
8636
|
+
this.displayText === this.getOptionLabel(this.selectedOption)) {
|
|
8637
|
+
this.expandFilterListWhileOpen = true;
|
|
8638
|
+
}
|
|
8639
|
+
else {
|
|
8640
|
+
this.expandFilterListWhileOpen = false;
|
|
8641
|
+
}
|
|
8642
|
+
}
|
|
8603
8643
|
openDropdownPositioning() {
|
|
8604
8644
|
if (this.triggerEl && this.listboxEl) {
|
|
8605
8645
|
// Apply width and max-height BEFORE positioning calculations
|
|
@@ -8875,6 +8915,7 @@ class PdsCombobox {
|
|
|
8875
8915
|
// The @Watch('selectedOption') will handle displayText, value, and form internals
|
|
8876
8916
|
this.setSelectedOption(option);
|
|
8877
8917
|
this.isOpen = false;
|
|
8918
|
+
this.clearExpandFilterList();
|
|
8878
8919
|
this.pdsComboboxChange.emit({ value: option.value });
|
|
8879
8920
|
}
|
|
8880
8921
|
renderDropdown() {
|
|
@@ -9033,10 +9074,10 @@ class PdsCombobox {
|
|
|
9033
9074
|
]
|
|
9034
9075
|
.filter(Boolean)
|
|
9035
9076
|
.join(' ');
|
|
9036
|
-
return (hAsync(Host, { key: '
|
|
9077
|
+
return (hAsync(Host, { key: '28c9653028e7fd67ccd8361a84108fbe11b1303f' }, hAsync("div", { key: 'd9a3d6c4d3ca1c6135501e702be8beeffcafdf0d', class: "pds-combobox", tabIndex: -1, onFocusout: this.onComboboxFocusOut, part: "combobox" }, this.label && !this.hideLabel && (hAsync("label", { key: '8832180ca4ee60506d464115aff2503d3aeb6c52', htmlFor: this.componentId, class: "pds-combobox__label" }, this.label)), this.trigger === 'input' ? (hAsync("div", { class: "pds-combobox__input-wrapper", style: { width: this.triggerWidth } }, hAsync("input", { ref: el => {
|
|
9037
9078
|
this.inputEl = el;
|
|
9038
9079
|
this.triggerEl = el;
|
|
9039
|
-
}, class: "pds-combobox__input", type: "text", role: "combobox", "aria-autocomplete": "list", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "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" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, 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())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, 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: "button-trigger" }, this.renderButtonTriggerContent())), hAsync("div", { key: '
|
|
9080
|
+
}, class: "pds-combobox__input", type: "text", role: "combobox", "aria-autocomplete": "list", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "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" }), hAsync("pds-icon", { icon: "enlarge", "aria-hidden": "true", class: "pds-combobox__input-icon" }))) : this.trigger === 'chip' ? (hAsync("div", { class: this.getChipTriggerClass(), style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, 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())) : (hAsync("div", { class: triggerClass, style: { width: this.triggerWidth }, role: "combobox", "aria-haspopup": "listbox", "aria-controls": "pds-combobox-listbox", "aria-activedescendant": this.isOpen && this.highlightedIndex >= 0 ? `pds-combobox-option-${this.highlightedIndex}` : undefined, "aria-expanded": this.isOpen ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": this.hideLabel ? this.label : undefined, 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: "button-trigger" }, this.renderButtonTriggerContent())), hAsync("div", { key: '3f2ac580f226fc9a0bf72539804d0b514a93f5b8', style: { display: 'none' } }, hAsync("slot", { key: '075205fb4fed8d0e4aec43531593444c1ab8e1cd', onSlotchange: () => this.updateOptions() })), this.renderDropdown())));
|
|
9040
9081
|
}
|
|
9041
9082
|
static get formAssociated() { return true; }
|
|
9042
9083
|
get el() { return getElement(this); }
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pine-ds/core",
|
|
3
|
-
"version": "3.25.
|
|
3
|
+
"version": "3.25.1",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"description": "Base components for Pine Design System",
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
"@babel/preset-env": "^7.22.10",
|
|
86
86
|
"@chromatic-com/storybook": "^4.1.3",
|
|
87
87
|
"@mdx-js/rollup": "^3.1.1",
|
|
88
|
-
"@pine-ds/doc-components": "^3.25.
|
|
88
|
+
"@pine-ds/doc-components": "^3.25.1",
|
|
89
89
|
"@stencil-community/eslint-plugin": "^0.8.0",
|
|
90
90
|
"@stencil/react-output-target": "^0.5.3",
|
|
91
91
|
"@stencil/sass": "^3.2.0",
|