@keenmate/web-multiselect 1.12.0-rc08 → 2.0.0-rc02

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.
@@ -0,0 +1,443 @@
1
+ {
2
+ "$schema": "https://raw.githubusercontent.com/microsoft/vscode-html-languageservice/main/docs/customData.schema.json",
3
+ "version": 1.1,
4
+ "tags": [
5
+ {
6
+ "name": "web-multiselect",
7
+ "description": "\n---\n\n\n### **Events:**\n - **select** - An option was selected. `detail.option` is the selected option; `detail.selectedOptions`/`detail.selectedValues` are the full selection.\n- **deselect** - An option was removed from the selection. `detail.option` is that option.\n- **change** - The selection changed. `detail.selectedOptions`/`detail.selectedValues` are the full selection.\n\n### **Methods:**\n - **formResetCallback(): _void_** - Called by the browser when the surrounding <form> is reset. Clears the\r\npicker's selection so the control participates in the standard reset.\n\n\n\n\n\n### **CSS Properties:**\n - **--ms-rem** - Base sizing unit for proportional scaling (default: 10px) _(default: undefined)_\n- **--ms-accent-color** - Primary accent color _(default: undefined)_\n- **--ms-accent-color-hover** - Accent color on hover _(default: undefined)_\n- **--ms-accent-color-active** - Accent color when pressed _(default: undefined)_\n- **--ms-accent-color-light** - Light accent background _(default: undefined)_\n- **--ms-accent-color-light-hover** - Light accent hover _(default: undefined)_\n- **--ms-text-color-1** - Primary text color _(default: undefined)_\n- **--ms-text-color-2** - Secondary text color _(default: undefined)_\n- **--ms-text-color-3** - Tertiary text color _(default: undefined)_\n- **--ms-text-color-4** - Quaternary text color _(default: undefined)_\n- **--ms-text-color-on-accent** - Text on accent backgrounds _(default: undefined)_\n- **--ms-text-primary** - Legacy alias for text-color-1 _(default: undefined)_\n- **--ms-text-secondary** - Legacy alias for text-color-3 _(default: undefined)_\n- **--ms-primary-bg** - Hover/focus background (options, action buttons, counter); reads --base-hover-bg _(default: undefined)_\n- **--ms-primary-bg-hover** - Active/stronger background (counter badge text); reads --base-active-bg _(default: undefined)_\n- **--ms-border-color** - Default border color _(default: undefined)_\n- **--ms-border** - Full border shorthand _(default: undefined)_\n- **--ms-input-bg** - Input field background _(default: undefined)_\n- **--ms-input-color** - Input text color _(default: undefined)_\n- **--ms-input-border** - Input border _(default: undefined)_\n- **--ms-input-border-hover** - Input border on hover _(default: undefined)_\n- **--ms-input-border-focus** - Input border when focused _(default: undefined)_\n- **--ms-input-placeholder-color** - Placeholder text color _(default: undefined)_\n- **--ms-input-bg-disabled** - Disabled input background _(default: undefined)_\n- **--ms-input-padding** - Input padding _(default: undefined)_\n- **--ms-input-padding-right** - Input right padding (for toggle) _(default: undefined)_\n- **--ms-input-height** - Input height _(default: undefined)_\n- **--ms-input-font-size** - Input font size _(default: undefined)_\n- **--ms-input-border-width** - Input border width _(default: undefined)_\n- **--ms-input-border-radius** - Input border radius _(default: undefined)_\n- **--ms-input-text** - Input text color _(default: undefined)_\n- **--ms-input-size-xs-font** - XS size font _(default: undefined)_\n- **--ms-input-size-xs-padding-v** - XS vertical padding _(default: undefined)_\n- **--ms-input-size-xs-padding-h** - XS horizontal padding _(default: undefined)_\n- **--ms-input-size-xs-height** - XS input height _(default: undefined)_\n- **--ms-input-size-sm-font** - SM size font _(default: undefined)_\n- **--ms-input-size-sm-padding-v** - SM vertical padding _(default: undefined)_\n- **--ms-input-size-sm-padding-h** - SM horizontal padding _(default: undefined)_\n- **--ms-input-size-sm-height** - SM input height _(default: undefined)_\n- **--ms-input-size-md-font** - MD size font _(default: undefined)_\n- **--ms-input-size-md-padding-v** - MD vertical padding _(default: undefined)_\n- **--ms-input-size-md-padding-h** - MD horizontal padding _(default: undefined)_\n- **--ms-input-size-md-height** - MD input height _(default: undefined)_\n- **--ms-input-size-lg-font** - LG size font _(default: undefined)_\n- **--ms-input-size-lg-padding-v** - LG vertical padding _(default: undefined)_\n- **--ms-input-size-lg-padding-h** - LG horizontal padding _(default: undefined)_\n- **--ms-input-size-lg-height** - LG input height _(default: undefined)_\n- **--ms-input-size-xl-font** - XL size font _(default: undefined)_\n- **--ms-input-size-xl-padding-v** - XL vertical padding _(default: undefined)_\n- **--ms-input-size-xl-padding-h** - XL horizontal padding _(default: undefined)_\n- **--ms-input-size-xl-height** - XL input height _(default: undefined)_\n- **--ms-toggle-right** - Toggle icon right position _(default: undefined)_\n- **--ms-toggle-color** - Toggle icon color _(default: undefined)_\n- **--ms-toggle-icon-color** - Toggle icon color (semantic) _(default: undefined)_\n- **--ms-toggle-icon-color-open** - Toggle icon color when open _(default: undefined)_\n- **--ms-counter-offset** - Counter badge offset _(default: undefined)_\n- **--ms-counter-padding** - Counter badge padding _(default: undefined)_\n- **--ms-counter-bg** - Counter badge background _(default: undefined)_\n- **--ms-counter-color** - Counter badge text color _(default: undefined)_\n- **--ms-counter-font-size** - Counter badge font size _(default: undefined)_\n- **--ms-counter-font-weight** - Counter badge font weight _(default: undefined)_\n- **--ms-counter-border-radius** - Counter badge border radius _(default: undefined)_\n- **--ms-counter-bg-hover** - Counter badge hover background _(default: undefined)_\n- **--ms-counter-badge-bg** - Counter badge semantic background _(default: undefined)_\n- **--ms-counter-badge-bg-hover** - Counter badge semantic hover _(default: undefined)_\n- **--ms-counter-badge-color** - Counter badge semantic color _(default: undefined)_\n- **--ms-hint-padding** - Floating hint padding _(default: undefined)_\n- **--ms-hint-border** - Floating hint border _(default: undefined)_\n- **--ms-hint-border-radius** - Floating hint border radius _(default: undefined)_\n- **--ms-hint-box-shadow** - Floating hint shadow _(default: undefined)_\n- **--ms-hint-font-size** - Floating hint font size _(default: undefined)_\n- **--ms-hint-bg** - Floating hint background _(default: undefined)_\n- **--ms-hint-color** - Floating hint text color _(default: undefined)_\n- **--ms-hint-border-color** - Floating hint border color _(default: undefined)_\n- **--ms-dropdown-bg** - Dropdown background _(default: undefined)_\n- **--ms-dropdown-text-color** - Dropdown text color _(default: undefined)_\n- **--ms-dropdown-border** - Dropdown border _(default: undefined)_\n- **--ms-dropdown-border-color** - Dropdown border color _(default: undefined)_\n- **--ms-dropdown-border-radius** - Dropdown border radius _(default: undefined)_\n- **--ms-dropdown-box-shadow** - Dropdown shadow _(default: undefined)_\n- **--ms-dropdown-box-shadow-semantic** - Dropdown semantic shadow _(default: undefined)_\n- **--ms-dropdown-width** - Options dropdown width (defaults to the input width; also set via the dropdown-width attribute) _(default: undefined)_\n- **--ms-options-max-height** - Options list max height _(default: undefined)_\n- **--ms-z-index-dropdown** - Dropdown z-index _(default: undefined)_\n- **--ms-z-index-sticky** - Sticky elements z-index _(default: undefined)_\n- **--ms-actions-gap** - Actions row gap _(default: undefined)_\n- **--ms-actions-padding** - Actions row padding _(default: undefined)_\n- **--ms-actions-border-bottom** - Actions row border _(default: undefined)_\n- **--ms-actions-bg** - Actions row background _(default: undefined)_\n- **--ms-actions-border-color** - Actions row border color _(default: undefined)_\n- **--ms-action-btn-padding** - Action button padding _(default: undefined)_\n- **--ms-action-btn-font-size** - Action button font size _(default: undefined)_\n- **--ms-action-btn-border** - Action button border _(default: undefined)_\n- **--ms-action-btn-border-radius** - Action button border radius _(default: undefined)_\n- **--ms-action-btn-bg** - Action button background _(default: undefined)_\n- **--ms-action-btn-color** - Action button color _(default: undefined)_\n- **--ms-action-btn-bg-hover** - Action button hover background _(default: undefined)_\n- **--ms-action-btn-border-color-hover** - Action button hover border _(default: undefined)_\n- **--ms-action-button-bg** - Semantic action button background _(default: undefined)_\n- **--ms-action-button-bg-hover** - Semantic action button hover _(default: undefined)_\n- **--ms-action-button-border-color** - Semantic action button border _(default: undefined)_\n- **--ms-action-button-border-color-hover** - Semantic action button hover border _(default: undefined)_\n- **--ms-action-button-color** - Semantic action button color _(default: undefined)_\n- **--ms-options-padding** - Options container padding _(default: undefined)_\n- **--ms-group-border-top** - Group border top _(default: undefined)_\n- **--ms-group-margin-top** - Group margin top _(default: undefined)_\n- **--ms-group-padding-top** - Group padding top _(default: undefined)_\n- **--ms-group-border-color** - Group border color _(default: undefined)_\n- **--ms-group-label-padding** - Group label padding _(default: undefined)_\n- **--ms-group-label-font-size** - Group label font size _(default: undefined)_\n- **--ms-group-label-font-weight** - Group label font weight _(default: undefined)_\n- **--ms-group-label-color** - Group label color _(default: undefined)_\n- **--ms-group-label-transform** - Group label text transform _(default: undefined)_\n- **--ms-group-label-letter-spacing** - Group label letter spacing _(default: undefined)_\n- **--ms-option-gap** - Option content gap _(default: undefined)_\n- **--ms-option-padding** - Option padding _(default: undefined)_\n- **--ms-option-padding-h** - Option horizontal padding _(default: undefined)_\n- **--ms-option-color** - Option text color _(default: undefined)_\n- **--ms-option-bg** - Option background _(default: undefined)_\n- **--ms-option-bg-hover** - Option hover background _(default: undefined)_\n- **--ms-option-bg-focused** - Option focused background _(default: undefined)_\n- **--ms-option-outline-focused** - Option focus outline _(default: undefined)_\n- **--ms-option-focus-outline-offset** - Option focus outline offset _(default: undefined)_\n- **--ms-option-bg-matched** - Matched option background _(default: undefined)_\n- **--ms-option-border-matched** - Matched option border _(default: undefined)_\n- **--ms-option-bg-selected** - Selected option background _(default: undefined)_\n- **--ms-option-text-color** - Option text color (semantic) _(default: undefined)_\n- **--ms-option-color-hover** - Option hover color _(default: undefined)_\n- **--ms-option-color-focused** - Option focused color _(default: undefined)_\n- **--ms-option-outline-color-focused** - Option focus outline color _(default: undefined)_\n- **--ms-option-color-matched** - Matched option color _(default: undefined)_\n- **--ms-option-border-matched-color** - Matched option border color _(default: undefined)_\n- **--ms-option-bg-focused-hover** - Focused option hover background _(default: undefined)_\n- **--ms-option-bg-matched-hover** - Matched option hover background _(default: undefined)_\n- **--ms-option-bg-selected-focused** - Selected focused background _(default: undefined)_\n- **--ms-option-bg-selected-matched** - Selected matched background _(default: undefined)_\n- **--ms-option-disabled-bg** - Disabled option background _(default: undefined)_\n- **--ms-option-bg-disabled-selected** - Disabled selected background _(default: undefined)_\n- **--ms-disabled-opacity** - Disabled option opacity _(default: undefined)_\n- **--ms-option-content-gap** - Option content gap _(default: undefined)_\n- **--ms-option-icon-size** - Option icon size _(default: undefined)_\n- **--ms-option-icon-font-size** - Option icon font size _(default: undefined)_\n- **--ms-option-title-font-size** - Option title font size _(default: undefined)_\n- **--ms-option-title-color** - Option title color _(default: undefined)_\n- **--ms-option-subtitle-margin-top** - Option subtitle margin _(default: undefined)_\n- **--ms-option-subtitle-font-size** - Option subtitle font size _(default: undefined)_\n- **--ms-option-subtitle-line-height** - Option subtitle line height _(default: undefined)_\n- **--ms-option-subtitle-color** - Option subtitle color _(default: undefined)_\n- **--ms-option-mark-bg** - Search match highlight background _(default: undefined)_\n- **--ms-option-mark-color** - Search match highlight color _(default: undefined)_\n- **--ms-option-mark-font-weight** - Search match highlight weight _(default: undefined)_\n- **--ms-checkbox-margin-top** - Checkbox margin top _(default: undefined)_\n- **--ms-checkbox-margin-right** - Checkbox margin right _(default: undefined)_\n- **--ms-checkbox-margin-bottom** - Checkbox margin bottom _(default: undefined)_\n- **--ms-checkbox-margin-left** - Checkbox margin left _(default: undefined)_\n- **--ms-checkbox-size** - Checkbox size _(default: undefined)_\n- **--ms-checkbox-scale** - Checkbox scale _(default: undefined)_\n- **--ms-checkbox-align** - Checkbox alignment _(default: undefined)_\n- **--ms-checkbox-bg** - Checkbox background _(default: undefined)_\n- **--ms-checkbox-border** - Checkbox border _(default: undefined)_\n- **--ms-checkbox-border-radius** - Checkbox border radius _(default: undefined)_\n- **--ms-checkbox-checked-bg** - Checked checkbox background _(default: undefined)_\n- **--ms-checkbox-checked-border** - Checked checkbox border _(default: undefined)_\n- **--ms-checkbox-checkmark-color** - Checkmark color _(default: undefined)_\n- **--ms-checkbox-hover-border-color** - Checkbox hover border _(default: undefined)_\n- **--ms-checkbox-disabled-bg** - Disabled checkbox background _(default: undefined)_\n- **--ms-checkbox-disabled-border** - Disabled checkbox border _(default: undefined)_\n- **--ms-checkbox-checked-bg-hover** - Checked checkbox hover background _(default: undefined)_\n- **--ms-checkbox-checked-border-color-hover** - Checked checkbox hover border _(default: undefined)_\n- **--ms-state-min-height** - Shared min-height for the empty and loading states so the dropdown doesn't resize when swapping between them _(default: undefined)_\n- **--ms-empty-padding** - Empty state padding _(default: undefined)_\n- **--ms-empty-font-size** - Empty state font size _(default: undefined)_\n- **--ms-empty-color** - Empty state text color _(default: undefined)_\n- **--ms-loader-padding** - Loader padding _(default: undefined)_\n- **--ms-loader-gap** - Loader gap _(default: undefined)_\n- **--ms-loading-text-font-size** - Loading text font size _(default: undefined)_\n- **--ms-loading-text-color** - Loading text color _(default: undefined)_\n- **--ms-loading-color** - Loading color (semantic) _(default: undefined)_\n- **--ms-badges-gap** - Badges container gap _(default: undefined)_\n- **--ms-badges-margin-bottom** - Badges margin bottom _(default: undefined)_\n- **--ms-badges-margin-top** - Badges margin top _(default: undefined)_\n- **--ms-badges-margin-left** - Badges margin left _(default: undefined)_\n- **--ms-badges-margin-right** - Badges margin right _(default: undefined)_\n- **--ms-badge-gap** - Badge internal gap _(default: undefined)_\n- **--ms-badge-height** - Badge height _(default: undefined)_\n- **--ms-badge-font-size** - Badge font size _(default: undefined)_\n- **--ms-badge-font-weight** - Badge font weight _(default: undefined)_\n- **--ms-badge-border-radius** - Badge border radius _(default: undefined)_\n- **--ms-badge-bg** - Badge background _(default: undefined)_\n- **--ms-badge-bg-hover** - Badge hover background _(default: undefined)_\n- **--ms-badge-bg-active** - Badge active background _(default: undefined)_\n- **--ms-badge-text-padding** - Badge text padding _(default: undefined)_\n- **--ms-badge-text-bg** - Badge text background _(default: undefined)_\n- **--ms-badge-text-color** - Badge text color _(default: undefined)_\n- **--ms-badge-text-border** - Badge text border _(default: undefined)_\n- **--ms-badge-text-bg-hover** - Badge text hover background _(default: undefined)_\n- **--ms-badge-text-color-hover** - Badge text hover color _(default: undefined)_\n- **--ms-badge-remove-width** - Badge remove button width _(default: undefined)_\n- **--ms-badge-remove-bg** - Badge remove button background _(default: undefined)_\n- **--ms-badge-remove-color** - Badge remove button color _(default: undefined)_\n- **--ms-badge-remove-border** - Badge remove button border _(default: undefined)_\n- **--ms-badge-remove-font-size** - Badge remove button font size (unused since 1.10.0 — kept for backward-compat) _(default: undefined)_\n- **--ms-badge-remove-icon-size** - Badge remove X icon size (mask SVG) _(default: undefined)_\n- **--ms-badge-remove-bg-hover** - Badge remove button hover background _(default: undefined)_\n- **--ms-badge-remove-box-shadow-focus** - Badge remove button focus shadow _(default: undefined)_\n- **--ms-icon-remove** - Remove icon as CSS url() to a mask-friendly SVG; color comes from currentColor _(default: undefined)_\n- **--ms-badge-counter-bg** - Counter badge background _(default: undefined)_\n- **--ms-badge-counter-border** - Counter badge border _(default: undefined)_\n- **--ms-badge-counter-border-color** - Counter badge border color _(default: undefined)_\n- **--ms-badge-counter-border-radius** - Counter badge border radius _(default: undefined)_\n- **--ms-badge-counter-text-color** - Counter badge text color _(default: undefined)_\n- **--ms-badge-counter-text-bg** - Counter badge text background _(default: undefined)_\n- **--ms-badge-counter-remove-bg** - Counter badge remove background _(default: undefined)_\n- **--ms-badge-counter-remove-color** - Counter badge remove color _(default: undefined)_\n- **--ms-badge-counter-remove-bg-hover** - Counter badge remove hover background _(default: undefined)_\n- **--ms-more-badge-bg** - More badge background _(default: undefined)_\n- **--ms-more-badge-hover-bg** - More badge hover background _(default: undefined)_\n- **--ms-more-badge-active-bg** - More badge active background _(default: undefined)_\n- **--ms-count-display-margin-bottom** - Count display margin bottom _(default: undefined)_\n- **--ms-count-display-margin-top** - Count display margin top _(default: undefined)_\n- **--ms-count-display-margin-left** - Count display margin left _(default: undefined)_\n- **--ms-count-display-margin-right** - Count display margin right _(default: undefined)_\n- **--ms-counter-wrapper-bg** - Counter wrapper background _(default: undefined)_\n- **--ms-counter-wrapper-border** - Counter wrapper border _(default: undefined)_\n- **--ms-counter-wrapper-border-radius** - Counter wrapper border radius _(default: undefined)_\n- **--ms-counter-wrapper-padding** - Counter wrapper padding _(default: undefined)_\n- **--ms-counter-wrapper-gap** - Counter wrapper gap _(default: undefined)_\n- **--ms-counter-wrapper-bg-hover** - Counter wrapper hover background _(default: undefined)_\n- **--ms-counter-wrapper-border-color** - Counter wrapper border color _(default: undefined)_\n- **--ms-counter-wrapper-border-color-hover** - Counter wrapper hover border _(default: undefined)_\n- **--ms-count-text-bg** - Count text background _(default: undefined)_\n- **--ms-count-text-border** - Count text border _(default: undefined)_\n- **--ms-count-text-font-size** - Count text font size _(default: undefined)_\n- **--ms-count-text-color** - Count text color _(default: undefined)_\n- **--ms-count-clear-size** - Count clear button size _(default: undefined)_\n- **--ms-count-clear-bg** - Count clear button background _(default: undefined)_\n- **--ms-count-clear-color** - Count clear button color _(default: undefined)_\n- **--ms-count-clear-font-size** - Count clear button font size (unused since 1.10.0 — kept for backward-compat) _(default: undefined)_\n- **--ms-count-clear-icon-size** - Count clear X icon size (mask SVG) _(default: undefined)_\n- **--ms-count-clear-border-radius** - Count clear button border radius _(default: undefined)_\n- **--ms-count-clear-bg-hover** - Count clear button hover background _(default: undefined)_\n- **--ms-count-clear-color-hover** - Count clear button hover color _(default: undefined)_\n- **--ms-icon-clear** - Clear icon as CSS url() to a mask-friendly SVG; defaults to var(--ms-icon-remove) _(default: undefined)_\n- **--ms-tooltip-bg** - Tooltip background _(default: undefined)_\n- **--ms-tooltip-text-color** - Tooltip text color _(default: undefined)_\n- **--ms-tooltip-color** - Tooltip color _(default: undefined)_\n- **--ms-tooltip-padding** - Tooltip padding _(default: undefined)_\n- **--ms-tooltip-border-radius** - Tooltip border radius _(default: undefined)_\n- **--ms-tooltip-font-size** - Tooltip font size _(default: undefined)_\n- **--ms-tooltip-max-width** - Tooltip max width _(default: undefined)_\n- **--ms-tooltip-shadow** - Tooltip shadow _(default: undefined)_\n- **--ms-tooltip-z-index** - Tooltip z-index _(default: undefined)_\n- **--ms-z-index-popover** - Popover z-index _(default: undefined)_\n- **--ms-selected-popover-width** - Selected popover width _(default: undefined)_\n- **--ms-selected-popover-max-height** - Selected popover max height _(default: undefined)_\n- **--ms-selected-popover-border** - Selected popover border _(default: undefined)_\n- **--ms-selected-popover-border-radius** - Selected popover border radius _(default: undefined)_\n- **--ms-selected-popover-box-shadow** - Selected popover shadow _(default: undefined)_\n- **--ms-selected-popover-bg** - Selected popover background _(default: undefined)_\n- **--ms-selected-popover-border-color** - Selected popover border color _(default: undefined)_\n- **--ms-selected-popover-header-padding** - Popover header padding _(default: undefined)_\n- **--ms-selected-popover-header-bg** - Popover header background _(default: undefined)_\n- **--ms-selected-popover-header-border-bottom** - Popover header border _(default: undefined)_\n- **--ms-selected-popover-header-font-size** - Popover header font size _(default: undefined)_\n- **--ms-selected-popover-header-font-weight** - Popover header font weight _(default: undefined)_\n- **--ms-selected-popover-header-color** - Popover header color _(default: undefined)_\n- **--ms-selected-popover-header-border-color** - Popover header border color _(default: undefined)_\n- **--ms-popover-close-size** - Popover close button size _(default: undefined)_\n- **--ms-selected-popover-close-bg** - Popover close button background _(default: undefined)_\n- **--ms-selected-popover-close-color** - Popover close button color _(default: undefined)_\n- **--ms-selected-popover-close-font-size** - Popover close button font size (unused since 1.10.0 — kept for backward-compat) _(default: undefined)_\n- **--ms-selected-popover-close-icon-size** - Popover close X icon size (mask SVG) _(default: undefined)_\n- **--ms-selected-popover-close-border-radius** - Popover close button border radius _(default: undefined)_\n- **--ms-selected-popover-close-bg-hover** - Popover close button hover background _(default: undefined)_\n- **--ms-selected-popover-close-color-hover** - Popover close button hover color _(default: undefined)_\n- **--ms-selected-popover-body-gap** - Popover body gap _(default: undefined)_\n- **--ms-selected-popover-body-padding** - Popover body padding _(default: undefined)_\n- **--ms-selected-popover-body-max-height** - Popover body max height _(default: undefined)_\n- **--ms-font-size-2xs** - Extra extra small font size _(default: undefined)_\n- **--ms-font-size-xs** - Extra small font size _(default: undefined)_\n- **--ms-font-size-sm** - Small font size _(default: undefined)_\n- **--ms-font-size-base** - Base font size _(default: undefined)_\n- **--ms-font-size-lg** - Large font size _(default: undefined)_\n- **--ms-font-weight-normal** - Normal font weight _(default: undefined)_\n- **--ms-font-weight-medium** - Medium font weight _(default: undefined)_\n- **--ms-font-weight-semibold** - Semibold font weight _(default: undefined)_\n- **--ms-line-height-none** - No line height (1) _(default: undefined)_\n- **--ms-line-height-tight** - Tight line height _(default: undefined)_\n- **--ms-line-height-normal** - Normal line height _(default: undefined)_\n- **--ms-line-height-relaxed** - Relaxed line height _(default: undefined)_\n- **--ms-border-radius-sm** - Small border radius _(default: undefined)_\n- **--ms-border-radius-md** - Medium border radius _(default: undefined)_\n- **--ms-border-radius-lg** - Large border radius _(default: undefined)_\n- **--ms-border-radius** - Default border radius _(default: undefined)_\n- **--ms-spacing-xs** - Extra small spacing _(default: undefined)_\n- **--ms-spacing-sm** - Small spacing _(default: undefined)_\n- **--ms-spacing-md** - Medium spacing _(default: undefined)_\n- **--ms-spacing-lg** - Large spacing _(default: undefined)_\n- **--ms-transition-fast** - Fast transition duration _(default: undefined)_\n- **--ms-transition-normal** - Normal transition duration _(default: undefined)_\n- **--ms-easing-snappy** - Snappy easing function _(default: undefined)_\n- **--ms-placeholder-opacity** - Placeholder opacity _(default: undefined)_\n- **--ms-disabled-input-opacity** - Disabled input opacity _(default: undefined)_\n- **--ms-scrollbar-width** - Scrollbar width _(default: undefined)_\n- **--ms-scrollbar-track-bg** - Scrollbar track background _(default: undefined)_\n- **--ms-scrollbar-thumb-bg** - Scrollbar thumb background _(default: undefined)_\n- **--ms-scrollbar-thumb-bg-hover** - Scrollbar thumb hover background _(default: undefined)_\n- **--ms-scrollbar-thumb-border-radius** - Scrollbar thumb border radius _(default: undefined)_\n- **--ms-debug-bg** - Debug panel background _(default: undefined)_\n- **--ms-debug-border-color** - Debug panel border _(default: undefined)_\n- **--ms-debug-text-color** - Debug panel text _(default: undefined)_\n- **--ms-debug-border-radius** - Debug panel corner radius _(default: undefined)_\n- **--ms-debug-summary-color** - Debug section heading color _(default: undefined)_\n- **--ms-debug-summary-bg-hover** - Debug section heading hover background _(default: undefined)_\n- **--ms-debug-summary-outline-color** - Debug section heading focus outline _(default: undefined)_\n- **--ms-debug-summary-border-radius** - Debug section heading corner radius _(default: undefined)_\n- **--ms-debug-stats-bg** - Debug stats nested panel background _(default: undefined)_\n- **--ms-debug-stats-border-radius** - Debug stats nested panel corner radius _(default: undefined)_\n- **--ms-debug-bullet-color** - Debug stat bullet marker color _(default: undefined)_\n- **--ms-transform-center-y** - Center Y transform _(default: undefined)_\n- **--ms-transform-rotate-180** - 180 degree rotation _(default: undefined)_\n- **--ms-transform-scale-hover** - Hover scale transform _(default: undefined)_\n- **--ms-transform-scale-active** - Active scale transform _(default: undefined)_\n- **--ms-order-first** - Order first (-1) _(default: undefined)_",
8
+ "attributes": [
9
+ {
10
+ "name": "search-hint",
11
+ "description": "Small hint text shown beneath the search input.",
12
+ "values": []
13
+ },
14
+ {
15
+ "name": "search-placeholder",
16
+ "description": "Placeholder text for the search input.",
17
+ "values": []
18
+ },
19
+ {
20
+ "name": "select-placeholder",
21
+ "description": "Placeholder shown on the control when nothing is selected.",
22
+ "values": []
23
+ },
24
+ {
25
+ "name": "no-data-placeholder",
26
+ "description": "Text shown when there are no options at all.",
27
+ "values": []
28
+ },
29
+ {
30
+ "name": "dropdown-min-width",
31
+ "description": "Minimum width of the dropdown panel (any CSS length).",
32
+ "values": []
33
+ },
34
+ {
35
+ "name": "dropdown-max-width",
36
+ "description": "Maximum width of the dropdown panel (any CSS length).",
37
+ "values": []
38
+ },
39
+ {
40
+ "name": "max-height",
41
+ "description": "Maximum height of the dropdown list before it scrolls.",
42
+ "values": []
43
+ },
44
+ {
45
+ "name": "empty-message",
46
+ "description": "Message shown when a search yields no matches.",
47
+ "values": []
48
+ },
49
+ {
50
+ "name": "loading-message",
51
+ "description": "Message shown while options are loading.",
52
+ "values": []
53
+ },
54
+ {
55
+ "name": "remove-button-tooltip-text",
56
+ "description": "Tooltip text for a badge remove (×) button.",
57
+ "values": []
58
+ },
59
+ {
60
+ "name": "name",
61
+ "description": "HTML form field name/id used for the hidden input(s).",
62
+ "values": []
63
+ },
64
+ {
65
+ "name": "dropdown-width",
66
+ "description": "Fixed dropdown width; mirrored to the `--ms-dropdown-width` CSS variable.",
67
+ "values": []
68
+ },
69
+ {
70
+ "name": "selected-popover-width",
71
+ "description": "Selected-items popover width; mirrored to `--ms-selected-popover-width`.",
72
+ "values": []
73
+ },
74
+ {
75
+ "name": "value-member",
76
+ "description": "Property name on an option object that holds its value.",
77
+ "values": []
78
+ },
79
+ {
80
+ "name": "display-value-member",
81
+ "description": "Property name that holds an option display label.",
82
+ "values": []
83
+ },
84
+ {
85
+ "name": "search-value-member",
86
+ "description": "Property name searched against (falls back to the display value).",
87
+ "values": []
88
+ },
89
+ {
90
+ "name": "icon-member",
91
+ "description": "Property name that holds an option icon.",
92
+ "values": []
93
+ },
94
+ {
95
+ "name": "subtitle-member",
96
+ "description": "Property name that holds an option subtitle.",
97
+ "values": []
98
+ },
99
+ {
100
+ "name": "full-title-member",
101
+ "description": "Property name that holds an option full/long title.",
102
+ "values": []
103
+ },
104
+ {
105
+ "name": "group-member",
106
+ "description": "Property name used to group options under headers.",
107
+ "values": []
108
+ },
109
+ {
110
+ "name": "disabled-member",
111
+ "description": "Property name that marks an option disabled.",
112
+ "values": []
113
+ },
114
+ {
115
+ "name": "path-member",
116
+ "description": "Property name holding a node materialized tree path.",
117
+ "values": []
118
+ },
119
+ {
120
+ "name": "parent-path-member",
121
+ "description": "Property name holding a node parent path.",
122
+ "values": []
123
+ },
124
+ {
125
+ "name": "level-member",
126
+ "description": "Property name holding a node depth level.",
127
+ "values": []
128
+ },
129
+ {
130
+ "name": "has-children-member",
131
+ "description": "Property name flagging that a node has children.",
132
+ "values": []
133
+ },
134
+ {
135
+ "name": "is-selectable-member",
136
+ "description": "Property name marking whether a node can be selected.",
137
+ "values": []
138
+ },
139
+ {
140
+ "name": "tree-path-separator",
141
+ "description": "Separator between segments in a materialized tree path.",
142
+ "values": []
143
+ },
144
+ {
145
+ "name": "checkbox-mode",
146
+ "description": "Tree checkbox interaction.\n- `independent` (default) — toggles only the clicked node.\n- `cascade` — checks a node whole subtree and shows a tristate (checked / indeterminate / unchecked) box on branches.\n\nTree + multiple only.",
147
+ "values": [{ "name": "independent" }, { "name": "cascade" }]
148
+ },
149
+ {
150
+ "name": "cascade-select-policy",
151
+ "description": "In `cascade` mode, which values a selection emits (badges / form / change):\n- `rolled-up` (default) — minimal cover: a fully-selected subtree collapses to its root; partially-selected branches emit their individually-checked descendants.\n- `leaves` — only the checked leaf-level nodes.\n- `all` — every fully-checked node (branches and leaves).",
152
+ "values": [
153
+ { "name": "rolled-up" },
154
+ { "name": "leaves" },
155
+ { "name": "all" }
156
+ ]
157
+ },
158
+ {
159
+ "name": "badges-display-mode",
160
+ "description": "How the current selection is shown in the control.",
161
+ "values": [
162
+ { "name": "badges" },
163
+ { "name": "count" },
164
+ { "name": "compact" },
165
+ { "name": "partial" },
166
+ { "name": "none" }
167
+ ]
168
+ },
169
+ {
170
+ "name": "badges-position",
171
+ "description": "Where the badges/selection appear relative to the input.",
172
+ "values": [
173
+ { "name": "top" },
174
+ { "name": "bottom" },
175
+ { "name": "left" },
176
+ { "name": "right" }
177
+ ]
178
+ },
179
+ {
180
+ "name": "badges-threshold-mode",
181
+ "description": "How `badgesThreshold` is interpreted: collapse to a count badge, or keep partial badges + a \"more\" badge.",
182
+ "values": [{ "name": "count" }, { "name": "partial" }]
183
+ },
184
+ {
185
+ "name": "search-input-mode",
186
+ "description": "Search field mode: editable, read-only, or hidden.",
187
+ "values": [
188
+ { "name": "normal" },
189
+ { "name": "readonly" },
190
+ { "name": "hidden" }
191
+ ]
192
+ },
193
+ {
194
+ "name": "search-mode",
195
+ "description": "Whether typing filters the list or navigates it.",
196
+ "values": [{ "name": "filter" }, { "name": "navigate" }]
197
+ },
198
+ {
199
+ "name": "actions-layout",
200
+ "description": "Whether the action bar wraps or stays on one line.",
201
+ "values": [{ "name": "nowrap" }, { "name": "wrap" }]
202
+ },
203
+ {
204
+ "name": "actions-position",
205
+ "description": "Whether the action bar sits above or below the list.",
206
+ "values": [{ "name": "top" }, { "name": "bottom" }]
207
+ },
208
+ {
209
+ "name": "actions-align",
210
+ "description": "Horizontal alignment of the action buttons.",
211
+ "values": [
212
+ { "name": "stretch" },
213
+ { "name": "left" },
214
+ { "name": "right" },
215
+ { "name": "center" },
216
+ { "name": "space-between" }
217
+ ]
218
+ },
219
+ {
220
+ "name": "checkbox-align",
221
+ "description": "Vertical alignment of an option checkbox.",
222
+ "values": [
223
+ { "name": "top" },
224
+ { "name": "center" },
225
+ { "name": "bottom" }
226
+ ]
227
+ },
228
+ {
229
+ "name": "value-format",
230
+ "description": "Serialization format the control emits its value in.",
231
+ "values": [{ "name": "json" }, { "name": "csv" }, { "name": "array" }]
232
+ },
233
+ {
234
+ "name": "badge-tooltip-placement",
235
+ "description": "Preferred placement of a badge tooltip relative to its badge (floating-ui placement).",
236
+ "values": [
237
+ { "name": "top" },
238
+ { "name": "top-start" },
239
+ { "name": "top-end" },
240
+ { "name": "bottom" },
241
+ { "name": "bottom-start" },
242
+ { "name": "bottom-end" },
243
+ { "name": "left" },
244
+ { "name": "left-start" },
245
+ { "name": "left-end" },
246
+ { "name": "right" },
247
+ { "name": "right-start" },
248
+ { "name": "right-end" }
249
+ ]
250
+ },
251
+ {
252
+ "name": "option-tooltip-placement",
253
+ "description": "Preferred placement of an option tooltip (floating-ui placement).",
254
+ "values": [
255
+ { "name": "top" },
256
+ { "name": "top-start" },
257
+ { "name": "top-end" },
258
+ { "name": "bottom" },
259
+ { "name": "bottom-start" },
260
+ { "name": "bottom-end" },
261
+ { "name": "left" },
262
+ { "name": "left-start" },
263
+ { "name": "left-end" },
264
+ { "name": "right" },
265
+ { "name": "right-start" },
266
+ { "name": "right-end" }
267
+ ]
268
+ },
269
+ {
270
+ "name": "badges-threshold",
271
+ "description": "Threshold at which badges collapse to a count/compact view.",
272
+ "values": []
273
+ },
274
+ {
275
+ "name": "badges-max-visible",
276
+ "description": "Maximum number of badges rendered before overflow.",
277
+ "values": []
278
+ },
279
+ {
280
+ "name": "min-search-length",
281
+ "description": "Minimum characters before searching/filtering starts.",
282
+ "values": []
283
+ },
284
+ {
285
+ "name": "search-debounce",
286
+ "description": "Debounce delay in ms applied to the search input.",
287
+ "values": []
288
+ },
289
+ {
290
+ "name": "virtual-scroll-threshold",
291
+ "description": "Option count above which virtual scrolling turns on.",
292
+ "values": []
293
+ },
294
+ {
295
+ "name": "option-height",
296
+ "description": "Fixed row height in px used by virtual scrolling.",
297
+ "values": []
298
+ },
299
+ {
300
+ "name": "badge-height",
301
+ "description": "Fixed badge height in px used for layout/virtualization.",
302
+ "values": []
303
+ },
304
+ {
305
+ "name": "virtual-scroll-buffer",
306
+ "description": "Extra rows rendered above/below the viewport when virtualizing.",
307
+ "values": []
308
+ },
309
+ {
310
+ "name": "badge-tooltip-delay",
311
+ "description": "Delay in ms before a badge tooltip appears.",
312
+ "values": []
313
+ },
314
+ {
315
+ "name": "badge-tooltip-offset",
316
+ "description": "Gap in px between a badge and its tooltip.",
317
+ "values": []
318
+ },
319
+ {
320
+ "name": "option-tooltip-delay",
321
+ "description": "Delay in ms before an option tooltip appears (falls back to badgeTooltipDelay).",
322
+ "values": []
323
+ },
324
+ {
325
+ "name": "option-tooltip-offset",
326
+ "description": "Gap in px between an option and its tooltip.",
327
+ "values": []
328
+ },
329
+ {
330
+ "name": "multiple",
331
+ "description": "Allow selecting multiple options. When off, selecting one replaces the previous.",
332
+ "values": []
333
+ },
334
+ {
335
+ "name": "allow-groups",
336
+ "description": "Allow grouping options under group headers.",
337
+ "values": []
338
+ },
339
+ {
340
+ "name": "show-checkboxes",
341
+ "description": "Show a checkbox on each option.",
342
+ "values": []
343
+ },
344
+ {
345
+ "name": "sticky-actions",
346
+ "description": "Keep the action bar pinned while the list scrolls.",
347
+ "values": []
348
+ },
349
+ {
350
+ "name": "lock-placement",
351
+ "description": "Keep the dropdown initial placement instead of flipping when it fits.",
352
+ "values": []
353
+ },
354
+ {
355
+ "name": "enable-search",
356
+ "description": "Show the search input.",
357
+ "values": []
358
+ },
359
+ {
360
+ "name": "keep-options-on-search",
361
+ "description": "Keep already-selected options visible while filtering.",
362
+ "values": []
363
+ },
364
+ {
365
+ "name": "should-keep-search-on-close",
366
+ "description": "Preserve the search text after the dropdown closes.",
367
+ "values": []
368
+ },
369
+ {
370
+ "name": "close-on-select",
371
+ "description": "Close the dropdown immediately after a selection.",
372
+ "values": []
373
+ },
374
+ {
375
+ "name": "allow-add-new",
376
+ "description": "Allow adding a new option from the search text.",
377
+ "values": []
378
+ },
379
+ {
380
+ "name": "show-counter",
381
+ "description": "Show a selected-count indicator.",
382
+ "values": []
383
+ },
384
+ {
385
+ "name": "show-badge-full-title",
386
+ "description": "Show the full title on badges instead of the short label.",
387
+ "values": []
388
+ },
389
+ {
390
+ "name": "enable-virtual-scroll",
391
+ "description": "Force virtual scrolling on regardless of the threshold.",
392
+ "values": []
393
+ },
394
+ {
395
+ "name": "enable-badge-tooltips",
396
+ "description": "Enable tooltips on badges.",
397
+ "values": []
398
+ },
399
+ {
400
+ "name": "enable-option-tooltips",
401
+ "description": "Enable tooltips on options.",
402
+ "values": []
403
+ },
404
+ {
405
+ "name": "option-tooltip-follow-cursor",
406
+ "description": "Make option tooltips follow the pointer.",
407
+ "values": []
408
+ },
409
+ {
410
+ "name": "initial-values",
411
+ "description": "Values selected on first render. Accepts a JSON array (`[\"a\",\"b\"]`) or a bare CSV (`a,b,c`).",
412
+ "values": [{ "name": "Array<string" }, { "name": "number>" }]
413
+ },
414
+ {
415
+ "name": "show-debug-info",
416
+ "description": "Render an in-component debug panel.",
417
+ "values": []
418
+ },
419
+ {
420
+ "name": "data-options",
421
+ "description": "HTML-authoring source for the option list, parsed per `data-options-format`. Reactive: changing either attribute re-renders. Prefer the `options` property in JS; a set `options` property and declarative <option> children both win over this.",
422
+ "values": []
423
+ },
424
+ {
425
+ "name": "data-options-format",
426
+ "description": "How to parse the `data-options` attribute: `json` (a JSON array of objects or [value, label] tuples), `csv` (rows split on `data-options-row-splitter`, cells on `data-options-splitter`; the first row is a header — map columns via *-member), or `plain` (bare values split on both splitters -> [value, label] tuples, value === label). Default `json`.",
427
+ "values": [{ "name": "json" }, { "name": "csv" }, { "name": "plain" }]
428
+ },
429
+ {
430
+ "name": "data-options-splitter",
431
+ "description": "Field/cell delimiter for the `csv` and `plain` `data-options` formats. Default `,`. Escapes `\\t` `\\n` `\\r` are honoured (e.g. `data-options-splitter=\"\\t\"` for TSV). Ignored for `json`.",
432
+ "values": []
433
+ },
434
+ {
435
+ "name": "data-options-row-splitter",
436
+ "description": "Row/record delimiter for the `csv` and `plain` `data-options` formats. Default newline. Escapes honoured (e.g. `data-options-row-splitter=\";\"` for single-line data). Ignored for `json`.",
437
+ "values": []
438
+ }
439
+ ],
440
+ "references": []
441
+ }
442
+ ]
443
+ }