igniteui-webcomponents 7.3.0-beta.0 → 7.3.0-beta.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/CHANGELOG.md +20 -0
- package/animations/player.d.ts +7 -2
- package/animations/player.js +1 -2
- package/animations/player.js.map +1 -1
- package/components/accordion/accordion.js +4 -16
- package/components/accordion/accordion.js.map +1 -1
- package/components/avatar/avatar.d.ts +0 -1
- package/components/avatar/avatar.js +5 -9
- package/components/avatar/avatar.js.map +1 -1
- package/components/badge/badge.d.ts +1 -3
- package/components/badge/badge.js +4 -8
- package/components/badge/badge.js.map +1 -1
- package/components/banner/banner.d.ts +6 -5
- package/components/banner/banner.js +19 -17
- package/components/banner/banner.js.map +1 -1
- package/components/button/button-base.d.ts +1 -1
- package/components/button/button-base.js.map +1 -1
- package/components/button-group/button-group.d.ts +0 -1
- package/components/button-group/button-group.js +12 -17
- package/components/button-group/button-group.js.map +1 -1
- package/components/calendar/base.d.ts +3 -13
- package/components/calendar/base.js +10 -31
- package/components/calendar/base.js.map +1 -1
- package/components/calendar/calendar.d.ts +2 -2
- package/components/calendar/months-view/months-view.d.ts +1 -1
- package/components/calendar/months-view/months-view.js.map +1 -1
- package/components/carousel/carousel-indicator.d.ts +1 -1
- package/components/carousel/carousel-indicator.js +13 -13
- package/components/carousel/carousel-indicator.js.map +1 -1
- package/components/carousel/carousel-slide.d.ts +0 -2
- package/components/carousel/carousel-slide.js +7 -9
- package/components/carousel/carousel-slide.js.map +1 -1
- package/components/carousel/carousel.d.ts +52 -35
- package/components/carousel/carousel.js +136 -122
- package/components/carousel/carousel.js.map +1 -1
- package/components/carousel/themes/carousel.base.css.js +1 -1
- package/components/carousel/themes/carousel.base.css.js.map +1 -1
- package/components/chat/chat-input.d.ts +1 -1
- package/components/chat/chat-input.js +21 -21
- package/components/chat/chat-input.js.map +1 -1
- package/components/chat/chat.d.ts +0 -2
- package/components/chat/chat.js +6 -12
- package/components/chat/chat.js.map +1 -1
- package/components/checkbox/checkbox-base.d.ts +1 -1
- package/components/checkbox/checkbox.d.ts +3 -5
- package/components/checkbox/checkbox.js +33 -44
- package/components/checkbox/checkbox.js.map +1 -1
- package/components/checkbox/switch.d.ts +1 -1
- package/components/checkbox/switch.js +23 -34
- package/components/checkbox/switch.js.map +1 -1
- package/components/chip/chip.d.ts +1 -14
- package/components/chip/chip.js +12 -33
- package/components/chip/chip.js.map +1 -1
- package/components/combo/combo-item.d.ts +1 -3
- package/components/combo/combo-item.js +5 -12
- package/components/combo/combo-item.js.map +1 -1
- package/components/combo/combo.d.ts +7 -20
- package/components/combo/combo.js +59 -81
- package/components/combo/combo.js.map +1 -1
- package/components/date-picker/date-picker.base.d.ts +12 -9
- package/components/date-picker/date-picker.base.js +24 -31
- package/components/date-picker/date-picker.base.js.map +1 -1
- package/components/date-picker/date-picker.d.ts +1 -1
- package/components/date-picker/date-picker.js +3 -5
- package/components/date-picker/date-picker.js.map +1 -1
- package/components/date-range-picker/date-range-input.d.ts +2 -4
- package/components/date-range-picker/date-range-input.js +6 -37
- package/components/date-range-picker/date-range-input.js.map +1 -1
- package/components/date-range-picker/date-range-picker.d.ts +2 -5
- package/components/date-range-picker/date-range-picker.js +15 -28
- package/components/date-range-picker/date-range-picker.js.map +1 -1
- package/components/date-range-picker/predefined-ranges-area.d.ts +2 -2
- package/components/date-range-picker/predefined-ranges-area.js +4 -6
- package/components/date-range-picker/predefined-ranges-area.js.map +1 -1
- package/components/date-range-picker/validators.d.ts +1 -1
- package/components/date-range-picker/validators.js +5 -18
- package/components/date-range-picker/validators.js.map +1 -1
- package/components/date-time-input/date-part.d.ts +2 -1
- package/components/date-time-input/date-part.js +38 -75
- package/components/date-time-input/date-part.js.map +1 -1
- package/components/date-time-input/date-time-input.base.d.ts +31 -12
- package/components/date-time-input/date-time-input.base.js +43 -11
- package/components/date-time-input/date-time-input.base.js.map +1 -1
- package/components/date-time-input/date-time-input.d.ts +1 -3
- package/components/date-time-input/date-time-input.js +7 -40
- package/components/date-time-input/date-time-input.js.map +1 -1
- package/components/date-time-input/datetime-mask-parser.d.ts +8 -0
- package/components/date-time-input/datetime-mask-parser.js +8 -8
- package/components/date-time-input/datetime-mask-parser.js.map +1 -1
- package/components/date-time-input/validators.js +3 -14
- package/components/date-time-input/validators.js.map +1 -1
- package/components/dialog/dialog.d.ts +6 -7
- package/components/dialog/dialog.js +21 -26
- package/components/dialog/dialog.js.map +1 -1
- package/components/divider/divider.d.ts +1 -4
- package/components/divider/divider.js +8 -17
- package/components/divider/divider.js.map +1 -1
- package/components/dropdown/dropdown-group.js +1 -6
- package/components/dropdown/dropdown-group.js.map +1 -1
- package/components/expansion-panel/expansion-panel.d.ts +15 -5
- package/components/expansion-panel/expansion-panel.js +23 -34
- package/components/expansion-panel/expansion-panel.js.map +1 -1
- package/components/file-input/file-input.d.ts +2 -14
- package/components/file-input/file-input.js +5 -23
- package/components/file-input/file-input.js.map +1 -1
- package/components/highlight/highlight.d.ts +6 -8
- package/components/highlight/highlight.js +12 -20
- package/components/highlight/highlight.js.map +1 -1
- package/components/icon/icon.d.ts +1 -1
- package/components/icon/registry/types.d.ts +1 -1
- package/components/icon/registry/types.js.map +1 -1
- package/components/input/input.d.ts +9 -19
- package/components/input/input.js +30 -60
- package/components/input/input.js.map +1 -1
- package/components/mask-input/mask-input.d.ts +1 -1
- package/components/mask-input/mask-input.js +2 -4
- package/components/mask-input/mask-input.js.map +1 -1
- package/components/nav-drawer/nav-drawer.d.ts +7 -7
- package/components/nav-drawer/nav-drawer.js +12 -23
- package/components/nav-drawer/nav-drawer.js.map +1 -1
- package/components/progress/base.d.ts +4 -7
- package/components/progress/base.js +21 -45
- package/components/progress/base.js.map +1 -1
- package/components/qr-code/qr-code.d.ts +1 -1
- package/components/qr-code/qr-code.js +3 -2
- package/components/qr-code/qr-code.js.map +1 -1
- package/components/qr-code/types.d.ts +1 -1
- package/components/qr-code/types.js.map +1 -1
- package/components/radio/controller.d.ts +2 -30
- package/components/radio/controller.js +8 -94
- package/components/radio/controller.js.map +1 -1
- package/components/radio/radio.d.ts +5 -5
- package/components/radio/radio.js +48 -58
- package/components/radio/radio.js.map +1 -1
- package/components/radio-group/radio-group.d.ts +1 -2
- package/components/radio-group/radio-group.js +2 -9
- package/components/radio-group/radio-group.js.map +1 -1
- package/components/rating/rating.d.ts +24 -12
- package/components/rating/rating.js +79 -73
- package/components/rating/rating.js.map +1 -1
- package/components/resize-container/default-ghost.js +4 -3
- package/components/resize-container/default-ghost.js.map +1 -1
- package/components/resize-container/resize-container.d.ts +1 -1
- package/components/resize-container/resize-container.js +5 -3
- package/components/resize-container/resize-container.js.map +1 -1
- package/components/resize-container/resize-controller.js +4 -3
- package/components/resize-container/resize-controller.js.map +1 -1
- package/components/select/select-group.d.ts +2 -1
- package/components/select/select-group.js +7 -11
- package/components/select/select-group.js.map +1 -1
- package/components/select/select.d.ts +3 -4
- package/components/select/select.js +23 -28
- package/components/select/select.js.map +1 -1
- package/components/slider/range-slider.d.ts +3 -2
- package/components/slider/range-slider.js +22 -70
- package/components/slider/range-slider.js.map +1 -1
- package/components/slider/slider-base.d.ts +9 -6
- package/components/slider/slider-base.js +27 -28
- package/components/slider/slider-base.js.map +1 -1
- package/components/slider/slider.js +9 -5
- package/components/slider/slider.js.map +1 -1
- package/components/splitter/splitter.d.ts +1 -1
- package/components/splitter/splitter.js.map +1 -1
- package/components/stepper/step.d.ts +3 -0
- package/components/stepper/step.js +9 -5
- package/components/stepper/step.js.map +1 -1
- package/components/stepper/stepper.d.ts +0 -11
- package/components/stepper/stepper.js +21 -86
- package/components/stepper/stepper.js.map +1 -1
- package/components/tabs/tab.d.ts +1 -1
- package/components/tabs/tab.js +6 -5
- package/components/tabs/tab.js.map +1 -1
- package/components/tabs/tabs.d.ts +1 -5
- package/components/tabs/tabs.js +12 -34
- package/components/tabs/tabs.js.map +1 -1
- package/components/textarea/textarea.d.ts +6 -7
- package/components/textarea/textarea.js +3 -10
- package/components/textarea/textarea.js.map +1 -1
- package/components/theme-provider/theme-provider.d.ts +2 -4
- package/components/theme-provider/theme-provider.js +11 -21
- package/components/theme-provider/theme-provider.js.map +1 -1
- package/components/tile-manager/tile-manager.d.ts +10 -21
- package/components/tile-manager/tile-manager.js +43 -74
- package/components/tile-manager/tile-manager.js.map +1 -1
- package/components/tile-manager/tile.d.ts +10 -18
- package/components/tile-manager/tile.js +50 -67
- package/components/tile-manager/tile.js.map +1 -1
- package/components/tooltip/tooltip.d.ts +4 -7
- package/components/tooltip/tooltip.js +20 -28
- package/components/tooltip/tooltip.js.map +1 -1
- package/components/tree/tree.d.ts +1 -14
- package/components/tree/tree.js +5 -23
- package/components/tree/tree.js.map +1 -1
- package/components/tree/tree.navigation.d.ts +1 -1
- package/components/tree/tree.navigation.js.map +1 -1
- package/components/validation-container/validation-container.d.ts +1 -2
- package/components/validation-container/validation-container.js.map +1 -1
- package/components/virtualization/engine.d.ts +40 -38
- package/components/virtualization/engine.js.map +1 -1
- package/components/virtualization/types.d.ts +6 -5
- package/components/virtualization/types.js.map +1 -1
- package/components/virtualization/virtualization.d.ts +94 -80
- package/components/virtualization/virtualization.js +10 -2
- package/components/virtualization/virtualization.js.map +1 -1
- package/custom-elements.json +9940 -7738
- package/igniteui-webcomponents.css-data.json +1 -1
- package/igniteui-webcomponents.html-data.json +1 -1
- package/internals/controllers/aria-projection.d.ts +6 -6
- package/internals/controllers/aria-projection.js.map +1 -1
- package/internals/controllers/context-provider.d.ts +48 -0
- package/internals/controllers/context-provider.js +29 -0
- package/internals/controllers/context-provider.js.map +1 -0
- package/internals/controllers/drag.js +6 -6
- package/internals/controllers/drag.js.map +1 -1
- package/internals/controllers/gestures.js +3 -0
- package/internals/controllers/gestures.js.map +1 -1
- package/internals/controllers/group.d.ts +64 -0
- package/internals/controllers/group.js +104 -0
- package/internals/controllers/group.js.map +1 -0
- package/internals/controllers/internals.d.ts +16 -3
- package/internals/controllers/internals.js +10 -3
- package/internals/controllers/internals.js.map +1 -1
- package/internals/controllers/key-bindings.d.ts +6 -0
- package/internals/controllers/key-bindings.js +3 -0
- package/internals/controllers/key-bindings.js.map +1 -1
- package/internals/controllers/roving-focus.d.ts +72 -0
- package/internals/controllers/roving-focus.js +61 -0
- package/internals/controllers/roving-focus.js.map +1 -0
- package/internals/controllers/slot.d.ts +8 -0
- package/internals/controllers/slot.js +4 -0
- package/internals/controllers/slot.js.map +1 -1
- package/internals/controllers/toggle.d.ts +96 -0
- package/internals/controllers/toggle.js +65 -0
- package/internals/controllers/toggle.js.map +1 -0
- package/internals/date/converters.js +2 -5
- package/internals/date/converters.js.map +1 -1
- package/internals/date/model.d.ts +4 -0
- package/internals/date/model.js +6 -0
- package/internals/date/model.js.map +1 -1
- package/internals/decorators/coerced-property.d.ts +47 -0
- package/internals/decorators/coerced-property.js +36 -0
- package/internals/decorators/coerced-property.js.map +1 -0
- package/internals/i18n/i18n-controller.d.ts +22 -3
- package/internals/i18n/i18n-controller.js +28 -6
- package/internals/i18n/i18n-controller.js.map +1 -1
- package/internals/mixins/alert.d.ts +1 -1
- package/internals/mixins/alert.js +5 -3
- package/internals/mixins/alert.js.map +1 -1
- package/internals/mixins/combo-box.d.ts +3 -12
- package/internals/mixins/combo-box.js +6 -32
- package/internals/mixins/combo-box.js.map +1 -1
- package/internals/mixins/forms/associated.js +18 -0
- package/internals/mixins/forms/associated.js.map +1 -1
- package/internals/mixins/forms/types.d.ts +20 -1
- package/internals/mixins/forms/types.js.map +1 -1
- package/internals/mixins/i18n.d.ts +31 -0
- package/internals/mixins/i18n.js +36 -0
- package/internals/mixins/i18n.js.map +1 -0
- package/internals/mixins/mask-behavior.d.ts +6 -5
- package/internals/mixins/mask-behavior.js +1 -2
- package/internals/mixins/mask-behavior.js.map +1 -1
- package/internals/mixins/option.js +4 -2
- package/internals/mixins/option.js.map +1 -1
- package/internals/templates/masked-input.d.ts +1 -1
- package/internals/templates/masked-input.js.map +1 -1
- package/internals/templates/slotted-icon.d.ts +32 -0
- package/internals/templates/slotted-icon.js +19 -0
- package/internals/templates/slotted-icon.js.map +1 -0
- package/internals/templates/toggle-shell.d.ts +46 -0
- package/internals/templates/toggle-shell.js +38 -0
- package/internals/templates/toggle-shell.js.map +1 -0
- package/internals/timing.d.ts +32 -0
- package/internals/timing.js +20 -0
- package/internals/timing.js.map +1 -0
- package/internals/utils/arrays.d.ts +2 -2
- package/internals/utils/arrays.js.map +1 -1
- package/internals/utils/dom.d.ts +22 -0
- package/internals/utils/dom.js +15 -1
- package/internals/utils/dom.js.map +1 -1
- package/internals/utils/math.d.ts +1 -1
- package/internals/utils/math.js.map +1 -1
- package/internals/utils/types.d.ts +1 -1
- package/internals/utils/types.js.map +1 -1
- package/internals/validators.d.ts +23 -0
- package/internals/validators.js +21 -0
- package/internals/validators.js.map +1 -1
- package/package.json +1 -1
- package/theming/theming-controller.d.ts +3 -3
- package/theming/theming-controller.js.map +1 -1
- package/web-types.json +2 -2
- package/internals/decorators/watch.d.ts +0 -5
- package/internals/decorators/watch.js +0 -19
- package/internals/decorators/watch.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"combo.js","sourceRoot":"","sources":["../../../src/components/combo/combo.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n ComboResourceStringsEN,\n type IComboResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addAriaProjector } from '#internals/controllers/aria-projection.js';\nimport { addRootClickController } from '#internals/controllers/root-click.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';\nimport { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport { addI18nController } from '#internals/i18n/i18n-controller.js';\nimport { IgcBaseComboBoxComponent } from '#internals/mixins/combo-box.js';\nimport type { AbstractConstructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-required.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { partMap } from '#internals/part-map.js';\nimport { asArray, firstOf, isEmpty } from '#internals/utils/arrays.js';\nimport {\n addSafeEventListener,\n getElementFromPath,\n stopPropagation,\n} from '#internals/utils/events.js';\nimport { bindIf } from '#internals/utils/lit.js';\nimport type { Validator } from '#internals/validators.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport type { VirtualScrollItemContext } from '../virtualization/types.js';\nimport IgcVirtualScrollComponent from '../virtualization/virtualization.js';\nimport IgcComboHeaderComponent from './combo-header.js';\nimport IgcComboItemComponent from './combo-item.js';\nimport { DataState } from './controllers/data.js';\nimport { ComboNavigationController } from './controllers/navigation.js';\nimport { styles } from './themes/combo.base.css.js';\nimport { styles as shared } from './themes/shared/combo.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n ComboItemTemplate,\n ComboRecord,\n ComboRenderFunction,\n ComboValue,\n FilteringOptions,\n GroupingDirection,\n IgcComboChangeEventArgs,\n IgcComboComponentEventMap,\n Item,\n Keys,\n} from './types.js';\nimport { comboValidators } from './validators.js';\n\nconst SLOTS = setSlots(\n 'prefix',\n 'suffix',\n 'header',\n 'footer',\n 'empty',\n 'helper-text',\n 'toggle-icon',\n 'clear-icon',\n 'value-missing',\n 'custom-error',\n 'invalid'\n);\n\n/* blazorSupportsVisualChildren */\n/**\n * The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.\n * In contrast to the Select component, the Combo component displays all options in a virtualized list of items,\n * meaning the combo box can simultaneously show thousands of options, where one or more options can be selected.\n * Additionally, users can create custom item templates, allowing for robust data visualization.\n * The Combo component features case-sensitive filtering, grouping, complex data binding, dynamic addition of values and more.\n *\n * @element igc-combo\n *\n * @slot prefix - Renders content before the input of the combo.\n * @slot suffix - Renders content after the input of the combo.\n * @slot header - Renders a container before the list of options of the combo.\n * @slot footer - Renders a container after the list of options of the combo.\n * @slot empty - Renders content when the combo dropdown list has no items/data.\n * @slot helper-text - Renders content below the input of the combo.\n * @slot toggle-icon - Renders content inside the suffix container of the combo.\n * @slot clear-icon - Renders content inside the suffix container of the combo.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's selection has changed.\n * @fires igcOpening - Emitted just before the list of options is opened.\n * @fires igcOpened - Emitted after the list of options is opened.\n * @fires igcClosing - Emitter just before the list of options is closed.\n * @fires igcClosed - Emitted after the list of options is closed.\n *\n * @csspart label - The encapsulated text label of the combo.\n * @csspart input - The main input field of the combo.\n * @csspart native-input - The native input of the main input field of the combo.\n * @csspart prefix - The prefix wrapper of the combo.\n * @csspart suffix - The suffix wrapper of the combo.\n * @csspart toggle-icon - The toggle icon wrapper of the combo.\n * @csspart clear-icon - The clear icon wrapper of the combo.\n * @csspart case-icon - The case icon wrapper of the combo.\n * @csspart helper-text - The helper text wrapper of the combo.\n * @csspart search-input - The search input field of the combo.\n * @csspart list-wrapper - The list of options wrapper of the combo.\n * @csspart list - The list of options box of the combo.\n * @csspart item - Represents each item in the list of options of the combo.\n * @csspart group-header - Represents each header in the list of options of the combo.\n * @csspart active - Appended to the item parts list when the item is active of the combo.\n * @csspart selected - Appended to the item parts list when the item is selected of the combo.\n * @csspart checkbox - Represents each checkbox of each list item of the combo.\n * @csspart checkbox-indicator - Represents the checkbox indicator of each list item of the combo.\n * @csspart checked - Appended to checkbox parts list when checkbox is checked in the combo.\n * @csspart header - The container holding the header content of the combo.\n * @csspart footer - The container holding the footer content of the combo.\n * @csspart empty - The container holding the empty content of the combo.\n */\n@blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent')\n@blazorIndirectRender\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcComboComponent<\n T extends object = any,\n> extends FormAssociatedRequiredMixin(\n EventEmitterMixin<\n IgcComboComponentEventMap,\n AbstractConstructor<IgcBaseComboBoxComponent>\n >(IgcBaseComboBoxComponent)\n) {\n public static readonly tagName = 'igc-combo';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcComboComponent,\n IgcIconComponent,\n IgcVirtualScrollComponent,\n IgcComboItemComponent,\n IgcComboHeaderComponent,\n IgcInputComponent,\n IgcPopoverComponent,\n IgcValidationContainerComponent\n );\n }\n\n // #region Internal state and controllers\n\n protected override get __validators(): Validator<IgcComboComponent<T>>[] {\n return comboValidators;\n }\n\n private readonly _slots = addSlotController(this, { slots: SLOTS });\n\n protected override readonly _rootClickController = addRootClickController(\n this,\n {\n onHide: this._handleClosing,\n }\n );\n\n protected readonly _i18nController = addI18nController<IComboResourceStrings>(\n this,\n {\n defaultEN: ComboResourceStringsEN,\n }\n );\n\n protected override readonly _formValue = createFormValueState<\n ComboValue<T>[]\n >(this, {\n initialValue: [],\n transformers: {\n setValue: asArray,\n setDefaultValue: asArray,\n setFormValue: (value) => {\n if (isEmpty(value) || !this.name) {\n return null;\n }\n\n if (this.singleSelect) {\n return String(firstOf(value));\n }\n\n const formData = new FormData();\n\n for (const item of value) {\n formData.append(this.name, String(item));\n }\n\n return formData;\n },\n },\n });\n\n /** The primary input of the combo component. */\n private readonly _inputRef = createRef<IgcInputComponent>();\n\n @query('#combo-helper-text')\n private readonly _helperText!: IgcValidationContainerComponent | null;\n\n /** The search input of the combo component. */\n private readonly _searchRef = createRef<IgcInputComponent>();\n\n /** The combo virtualized dropdown list. */\n private readonly _listRef = createRef<IgcVirtualScrollComponent>();\n\n private readonly _state = new DataState<T>(this);\n private readonly _navigation = new ComboNavigationController(\n this,\n this._state,\n {\n input: this._inputRef,\n search: this._searchRef,\n list: this._listRef,\n interactions: {\n show: () => this._show(true),\n hide: () => this._hide(true),\n toggleSelection: (index: number) => this._toggleSelection(index),\n select: (index: number) => this._selectByIndex(index),\n clearSelection: () => this._clearSelection(),\n },\n }\n );\n\n private _data: T[] = [];\n private _index?: Map<Item<T>, number[]>;\n private _indexSize = 0;\n private _valueKey?: Keys<T>;\n private _displayKey?: Keys<T>;\n private _placeholderSearch?: string;\n private _disableFiltering = false;\n private _singleSelect = false;\n private _selected: Set<T> = new Set();\n // `filterKey` is left unset here - both key fields are still undefined at\n // field-initialization time. The `displayKey` setter fills it in.\n private _filteringOptions: FilteringOptions<T> = {\n filterKey: undefined,\n caseSensitive: false,\n matchDiacritics: false,\n };\n\n @state()\n private set _activeIndex(index: number) {\n this._navigation.active = index;\n this._listRef.value?.requestUpdate();\n }\n\n private get _activeIndex(): number {\n return this._navigation.active;\n }\n\n @state()\n private set _searchTerm(value: string) {\n this._state.searchTerm = value;\n }\n\n private get _searchTerm(): string {\n return this._state.searchTerm;\n }\n\n @state()\n private _displayValue = '';\n\n /** The DOM id of the option rendered at `index` in the current data state. */\n private _itemId(index: number): string {\n const position = index + 1;\n return this.id ? `${this.id}-item-${position}` : `item-${position}`;\n }\n\n /**\n * Derived from {@link _activeIndex} rather than tracked separately, so that it\n * cannot go stale and does not have to be assigned while rendering an item.\n */\n private get _activeDescendant(): string | undefined {\n return this._activeIndex > -1 ? this._itemId(this._activeIndex) : undefined;\n }\n\n private get _mainAriaLabel(): string {\n return isEmpty(this._selected)\n ? this.resourceStrings.combo_aria_label_no_options!\n : this.resourceStrings.combo_aria_label_options!;\n }\n\n // #endregion\n\n //#region Public attributes and properties\n\n /** The data source used to generate the list of options. */\n /* treatAsRef */\n @property({ attribute: false })\n public set data(value: T[]) {\n this._data = asArray(value);\n this._index = undefined;\n }\n\n public get data(): T[] {\n return this._data;\n }\n\n /**\n * Whether the control has an outlined appearance.\n * @attr outlined\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public outlined = false;\n\n /**\n * Enables single selection mode and moves item filtering to the main input.\n * @attr single-select\n * @default false\n */\n @property({ type: Boolean, reflect: true, attribute: 'single-select' })\n public set singleSelect(value: boolean) {\n this._singleSelect = Boolean(value);\n this._syncSelectionFromValue();\n\n if (this.hasUpdated) {\n this._withPristine(() => {\n this._activeIndex = -1;\n this._searchTerm = '';\n this._formValue.setValueAndFormState(this.value);\n });\n }\n }\n\n public get singleSelect(): boolean {\n return this._singleSelect;\n }\n\n /**\n * Whether the control should receive focus automatically.\n * @attr autofocus\n */\n @property({ type: Boolean })\n public override autofocus!: boolean;\n\n /**\n * Focuses the list of options when the menu opens.\n * @attr autofocus-list\n * @default false\n */\n @property({ type: Boolean, attribute: 'autofocus-list' })\n public autofocusList = false;\n\n /**\n * Gets/Sets the locale used for getting language, affecting resource strings.\n * @attr locale\n */\n @property()\n public set locale(value: string) {\n this._i18nController.locale = value;\n this._state.updateLocale(value);\n }\n\n public get locale(): string {\n return this._i18nController.locale;\n }\n\n /**\n * The label of the control.\n * @attr label\n */\n @property()\n public label?: string;\n\n /**\n * The placeholder text of the control.\n * @attr placeholder\n */\n @property()\n public placeholder?: string;\n\n /**\n * The placeholder text of the search input.\n * @attr placeholder-search\n */\n @property({ attribute: 'placeholder-search' })\n public set placeholderSearch(value: string | undefined) {\n this._placeholderSearch = value;\n }\n\n public get placeholderSearch(): string {\n return (\n this._placeholderSearch ??\n this.resourceStrings.combo_filter_search_placeholder ??\n 'Search'\n );\n }\n\n /**\n * The resource strings for localization.\n */\n @property({ attribute: false })\n public set resourceStrings(value: IComboResourceStrings) {\n this._i18nController.resourceStrings = value;\n }\n\n public get resourceStrings(): IComboResourceStrings {\n return this._i18nController.resourceStrings;\n }\n\n /**\n * The key in the data source used when selecting items.\n * @attr value-key\n */\n @property({ attribute: 'value-key' })\n public set valueKey(value: Keys<T> | undefined) {\n this._valueKey = value;\n this._displayKey = this._displayKey ?? this._valueKey;\n this._index = undefined;\n }\n\n public get valueKey() {\n return this._valueKey;\n }\n\n /**\n * The key in the data source used to display items in the list.\n * @attr display-key\n */\n @property({ attribute: 'display-key' })\n public set displayKey(value: Keys<T> | undefined) {\n this._displayKey = value;\n if (!this.filteringOptions.filterKey) {\n this.filteringOptions = { filterKey: this.displayKey };\n }\n }\n\n public get displayKey() {\n return this._displayKey ?? this._valueKey;\n }\n\n /**\n * The key in the data source used to group items in the list.\n * @attr group-key\n */\n @property({ attribute: 'group-key' })\n public groupKey?: Keys<T> | string;\n\n /**\n * Sorts the items in each group by ascending or descending order.\n * @attr group-sorting\n * @default \"asc\"\n * @type {\"asc\" | \"desc\" | \"none\"}\n */\n @property({ attribute: 'group-sorting' })\n public groupSorting: GroupingDirection = 'asc';\n\n /**\n * An object that configures the filtering of the combo.\n * @attr filtering-options\n */\n @property({ type: Object, attribute: 'filtering-options' })\n public set filteringOptions(value: Partial<FilteringOptions<T>>) {\n this._filteringOptions = { ...this._filteringOptions, ...value };\n }\n\n public get filteringOptions(): FilteringOptions<T> {\n return this._filteringOptions;\n }\n\n /**\n * Enables the case sensitive search icon in the filtering input.\n * @attr case-sensitive-icon\n * @default false\n */\n @property({ type: Boolean, attribute: 'case-sensitive-icon' })\n public caseSensitiveIcon = false;\n\n /**\n * Disables the filtering of the list of options.\n * @attr disable-filtering\n * @default false\n */\n @property({ type: Boolean, attribute: 'disable-filtering' })\n public set disableFiltering(value: boolean) {\n this._disableFiltering = value;\n this._searchTerm = '';\n }\n\n public get disableFiltering(): boolean {\n return this._disableFiltering;\n }\n\n /**\n * Hides the clear button.\n * @attr disable-clear\n * @default false\n */\n @property({ type: Boolean, attribute: 'disable-clear' })\n public disableClear = false;\n\n /* blazorSuppress */\n /**\n * The template used for the content of each combo item.\n * @type {ComboItemTemplate<T>}\n */\n @property({ attribute: false })\n public itemTemplate: ComboItemTemplate<T> = ({ item }) =>\n html`${this.displayKey ? item[this.displayKey] : item}`;\n\n /* blazorSuppress */\n /**\n * The template used for the content of each combo group header.\n * @type {ComboItemTemplate<T>}\n */\n @property({ attribute: false })\n public groupHeaderTemplate: ComboItemTemplate<T> = ({ item }) =>\n html`${this.groupKey && item[this.groupKey as Keys<T>]}`;\n\n /**\n * Sets the value (selected items). The passed value must be a valid JSON array.\n * If the data source is an array of complex objects, the `valueKey` must be set.\n * Note that when `displayKey` is not explicitly set, it falls back to the value of `valueKey`.\n *\n * @attr value\n *\n * @example\n * ```tsx\n * <igc-combo\n * .data=${[\n * {\n * id: 'BG01',\n * name: 'Sofia'\n * },\n * {\n * id: 'BG02',\n * name: 'Plovdiv'\n * }\n * ]}\n * display-key='name'\n * value-key='id'\n * value='[\"BG01\", \"BG02\"]'>\n * </igc-combo>\n * ```\n */\n /* blazorPrimitiveValue */\n /* blazorByValueArray */\n /* blazorGenericType */\n /* @tsTwoWayProperty (true, \"Change\", \"Detail.NewValue\", false) */\n @property({ type: Array })\n public set value(items: ComboValue<T>[]) {\n this._formValue.setValueAndFormState(items);\n this._syncSelectionFromValue();\n\n if (this.hasUpdated) {\n this._validate();\n }\n }\n\n /**\n * Returns the current selection as a list of comma separated values,\n * represented by the value key, when provided.\n */\n public get value(): ComboValue<T>[] {\n return this._formValue.value;\n }\n\n /**\n * Returns the current selection as an array of objects as provided in the `data` source.\n */\n public get selection(): T[] {\n return Array.from(this._selected);\n }\n\n //#endregion\n\n //#region Life-cycle\n\n constructor() {\n super();\n\n // TODO: Either fix this in the theming controller or come up with another solution.\n // Check virtualization `willUpdate` for more details.\n\n // The virtualized list is rendered into this component's own shadow root\n // (light DOM child), sharing it with the theming controller below. Theme\n // changes re-adopt this shadow root's stylesheets wholesale, which would\n // otherwise silently drop the list's own structural stylesheet since\n // nothing else forces it to refresh. Requesting an update lets the list\n // re-verify (and re-adopt, if needed) its stylesheet on its next render.\n addThemingController(this, all, {\n themeChange: () => this._listRef.value?.requestUpdate(),\n });\n\n // Projects the host's labels and combobox semantics onto the native\n // input inside `igc-input` (see ProjectedARIA for why the host cannot\n // publish these itself). `aria-activedescendant` stays on the listbox,\n // which holds DOM focus while the list is navigated.\n addAriaProjector(this, {\n target: () => this._inputRef.value,\n state: () => ({\n role: 'combobox',\n hasPopup: 'listbox',\n expanded: `${this.open}`,\n disabled: `${this.disabled}`,\n label: this._mainAriaLabel,\n controls: this._listRef.value ? [this._listRef.value] : null,\n describedBy: this._helperText ? [this._helperText] : null,\n labelledBy: this._internals.labels,\n }),\n });\n addSafeEventListener(this, 'blur', this._handleBlur);\n addSafeEventListener(this, 'focusin', this._handleFocusIn);\n }\n\n protected override willUpdate(props: PropertyValues<this>): void {\n if (props.has('open')) {\n this._rootClickController.update();\n }\n\n if (\n props.has('groupKey') ||\n props.has('groupSorting') ||\n props.has('filteringOptions') ||\n props.has('data')\n ) {\n this._state.invalidate();\n }\n\n // When data changes, re-sync selection and form\n // This handles the delayed data scenario where value was set before data\n if (props.has('data') && !isEmpty(this.data) && !isEmpty(this.value)) {\n this._withPristine(() => {\n this._syncSelectionFromValue();\n this._formValue.setValueAndFormState(this.value);\n });\n }\n }\n\n /**\n * Runs `callback`, restoring the pristine flag afterwards.\n *\n * Re-syncing the form value in reaction to a configuration change (as opposed\n * to user interaction) must not count as the control having been dirtied.\n */\n private _withPristine(callback: () => void): void {\n const pristine = this._pristine;\n\n try {\n callback();\n } finally {\n this._pristine = pristine;\n }\n }\n\n //#endregion\n\n // #region Form Associated overrides\n\n protected override _setDefaultValue(current: string | null): void {\n try {\n this.defaultValue = JSON.parse(current || '[]');\n } catch {\n // A malformed `value` attribute keeps the previous default rather than\n // discarding it - see the \"invalid JSON\" form integration test.\n }\n }\n\n // #endregion\n\n //#region Overrides for combo box behavior\n\n protected override async _show(emitEvent = false): Promise<boolean> {\n const [canOpen, _] = await Promise.all([\n super._show(emitEvent),\n this.updateComplete,\n ]);\n\n if (canOpen) {\n if (!this.singleSelect) {\n this._listRef.value?.focus();\n }\n\n if (!this.autofocusList) {\n this._searchRef.value?.focus();\n }\n }\n\n return canOpen;\n }\n\n protected override async _hide(emitEvent = false): Promise<boolean> {\n const [canClose, _] = await Promise.all([\n super._hide(emitEvent),\n this.updateComplete,\n ]);\n\n if (canClose) {\n this._activeIndex = -1;\n }\n\n return canClose;\n }\n\n private _setSingleSelectionDisplayValue(value: string): void {\n if (this.singleSelect && this._inputRef.value) {\n this._inputRef.value.value = value;\n }\n }\n\n //#endregion\n\n // #region Selection helpers\n\n /**\n * Maps every value representation in the data source to the positions of the\n * records carrying it. Built on demand and dropped whenever `data` or\n * `valueKey` changes.\n *\n * Positions (rather than records) are stored so that resolution can hand back\n * matches in data-source order, and duplicate value keys keep resolving to\n * every record that carries them.\n *\n * The size comparison picks up in-place growth or shrink (push/splice) of the\n * same array. Replacing elements without changing the length is not detectable\n * here and still requires reassigning `data`.\n */\n private get _dataIndex(): Map<Item<T>, number[]> {\n if (!this._index || this._indexSize !== this.data.length) {\n this._index = Map.groupBy(this.data.keys(), (position) =>\n this._resolveItemValue(this.data[position])\n );\n this._indexSize = this.data.length;\n }\n\n return this._index;\n }\n\n /**\n * Resolves user-provided items (value keys or object references)\n * to actual objects from the data source, in data-source order.\n *\n * @remarks\n * Repeating the same value in `items` resolves it once - a record cannot be\n * selected twice, and duplicates would otherwise reach the change event\n * payload.\n */\n private _resolveItems(items: Item<T>[]): T[] {\n const index = this._dataIndex;\n const positions = new Set<number>();\n\n for (const item of items) {\n const matches = index.get(item);\n\n if (matches) {\n for (const position of matches) {\n positions.add(position);\n }\n }\n }\n\n return Array.from(positions)\n .sort((a, b) => a - b)\n .map((position) => this.data[position]);\n }\n\n /**\n * Gets the value representation of a data record\n * (its value-key property, or the record itself).\n */\n private _resolveItemValue(record: T): Item<T> {\n return this.valueKey ? record[this.valueKey] : record;\n }\n\n /**\n * Maps data records to their value representations - the `valueKey` property\n * of each, or the record itself when no `valueKey` is set.\n */\n private _toValues(items: Iterable<T>): ComboValue<T>[] {\n const { valueKey } = this;\n const values: ComboValue<T>[] = [];\n\n for (const item of items) {\n values.push((valueKey ? item[valueKey] : undefined) ?? item);\n }\n\n return values;\n }\n\n /**\n * Recomputes {@link _displayValue} from the current selection and returns its\n * value representation, walking the selection once for both projections.\n */\n private _projectSelection(): ComboValue<T>[] {\n const { valueKey, displayKey } = this;\n const values: ComboValue<T>[] = [];\n const display: string[] = [];\n\n for (const item of this._selected) {\n values.push((valueKey ? item[valueKey] : undefined) ?? item);\n display.push(String((displayKey ? item[displayKey] : undefined) ?? item));\n }\n\n this._displayValue = display.join(', ');\n return values;\n }\n\n private _emitSelectionChange(detail: IgcComboChangeEventArgs): boolean {\n return this.emitEvent('igcChange', { cancelable: true, detail });\n }\n\n /**\n * Builds the value the component would have if `resolved` were applied to the\n * current selection. Used as the `newValue` payload of the change event.\n */\n private _previewValue(resolved: T[], selecting: boolean): ComboValue<T>[] {\n if (selecting) {\n return this._toValues(\n this.singleSelect ? resolved : new Set([...resolved, ...this._selected])\n );\n }\n\n const removed = new Set(resolved);\n\n return this._toValues(\n Iterator.from(this._selected).filter((item) => !removed.has(item))\n );\n }\n\n /**\n * Adds the given `items` to, or removes them from, the current selection.\n *\n * An empty collection is a \"select all\" / \"deselect all\" request. Single\n * selection has no \"select all\" - it only resets the current selection.\n *\n * When `emit` is set, the cancellable `igcChange` event is fired *before* any\n * mutation takes place, so cancelling it leaves the selection untouched.\n *\n * @returns Whether the change was committed.\n */\n private _updateSelection(\n items: Item<T> | Item<T>[] | undefined,\n type: 'selection' | 'deselection',\n emit: boolean\n ): boolean {\n const singleSelect = this.singleSelect;\n const selecting = type === 'selection';\n const collection = singleSelect\n ? asArray(items).slice(0, 1)\n : asArray(items);\n\n if (isEmpty(collection)) {\n if (selecting) {\n this._selected = singleSelect ? new Set() : new Set(this.data);\n\n if (singleSelect) {\n this._searchTerm = '';\n }\n } else {\n if (\n emit &&\n !this._emitSelectionChange({\n newValue: [],\n items: this.selection,\n type,\n })\n ) {\n return false;\n }\n\n this._selected.clear();\n }\n\n this.requestUpdate();\n return true;\n }\n\n const resolved = this._resolveItems(collection);\n\n if (\n emit &&\n !this._emitSelectionChange({\n newValue: this._previewValue(resolved, selecting),\n items: resolved,\n type,\n })\n ) {\n return false;\n }\n\n // Past this point the change is committed - only now is it safe to drop\n // the previous single selection and its search term.\n if (selecting && singleSelect) {\n this._selected.clear();\n this._searchTerm = '';\n }\n\n for (const item of resolved) {\n selecting ? this._selected.add(item) : this._selected.delete(item);\n }\n\n this.requestUpdate();\n return true;\n }\n\n /**\n * Syncs the internal `_selected` set from the current `_formValue`.\n * This is a one-way sync: source of truth (_formValue) → view (_selected).\n */\n private _syncSelectionFromValue(): void {\n this._selected.clear();\n\n if (!isEmpty(this._formValue.value)) {\n const values = this.singleSelect\n ? asArray(firstOf(this._formValue.value))\n : this._formValue.value;\n\n if (this.singleSelect && values.length !== this._formValue.value.length) {\n this._formValue.setValueAndFormState(values);\n }\n\n const index = this._dataIndex;\n\n for (const value of values) {\n // First match only - mirrors resolving a value against the data source\n const position = index.get(value)?.[0];\n\n if (position !== undefined) {\n this._selected.add(this.data[position]);\n }\n }\n }\n\n this._projectSelection();\n }\n\n protected _syncValueFromSelection(): void {\n this._formValue.setValueAndFormState(this._projectSelection());\n this._setSingleSelectionDisplayValue(this._displayValue);\n this._validate();\n this._listRef.value?.requestUpdate();\n }\n\n /**\n * The data record rendered at `index`, or undefined when that position holds\n * a group header instead of a selectable option.\n *\n * Guarding on this matters: an unresolvable record would reach\n * {@link _updateSelection} as an empty collection, which reads as\n * \"select everything\".\n */\n private _recordAt(index: number): T | undefined {\n const record = this._state.dataState[index];\n return record && !record.header ? record.value : undefined;\n }\n\n private _toggleSelection(index: number): void {\n const record = this._recordAt(index);\n\n if (!record) {\n return;\n }\n\n this._updateSelection(\n this._resolveItemValue(record),\n this._selected.has(record) ? 'deselection' : 'selection',\n true\n );\n\n this._activeIndex = index;\n this._syncValueFromSelection();\n }\n\n private _selectByIndex(index: number): void {\n const record = this._recordAt(index);\n\n if (!record) {\n return;\n }\n\n this._updateSelection(this._resolveItemValue(record), 'selection', true);\n this._activeIndex = index;\n this._syncValueFromSelection();\n }\n\n private _clearSelection(): void {\n if (this.singleSelect) {\n this._searchTerm = '';\n this._clearSingleSelection();\n } else {\n this._updateSelection([], 'deselection', true);\n }\n this._syncValueFromSelection();\n }\n\n private _clearSingleSelection(): void {\n const [selection] = this._selected;\n\n // The form state is reset directly rather than through\n // `_syncValueFromSelection` so that the text the user is currently typing\n // into the main input is left alone.\n if (\n selection &&\n this._updateSelection(\n this._resolveItemValue(selection),\n 'deselection',\n true\n )\n ) {\n this._formValue.setValueAndFormState([]);\n }\n }\n\n // #endregion\n\n //#region Event handlers\n\n protected async _handleMainInput({\n detail,\n }: CustomEvent<string>): Promise<void> {\n this._setTouchedState();\n void this._show(true);\n\n // In single selection mode the main input doubles as the filtering input,\n // so it is the only place `disableFiltering` can be honored.\n if (!this.disableFiltering) {\n this._searchTerm = detail;\n }\n\n // wait for the dataState to update after filtering\n await this.updateComplete;\n\n this._activeIndex = this._state.firstItemIndex;\n // clear the selection upon typing\n this._clearSingleSelection();\n }\n\n protected _handleFocusIn(): void {\n this._setTouchedState();\n }\n\n protected override _handleBlur(): void {\n if (isEmpty(this._selected)) {\n this._searchTerm = '';\n this._setSingleSelectionDisplayValue('');\n }\n super._handleBlur();\n }\n\n protected _handleSearchInput({ detail }: CustomEvent<string>): void {\n this._searchTerm = detail;\n }\n\n private _handleClosing(): void {\n this._hide(true);\n }\n\n private async _itemClickHandler(event: PointerEvent): Promise<void> {\n const target = getElementFromPath(IgcComboItemComponent.tagName, event);\n\n if (!target) {\n return;\n }\n\n this._setTouchedState();\n this._toggleSelection(target.index);\n\n if (this.singleSelect) {\n this._inputRef.value?.focus();\n await this._hide(true);\n } else {\n this._searchRef.value?.focus();\n }\n }\n\n private _handleClearIconClick(event: PointerEvent): void {\n event.stopPropagation();\n this._clearSelection();\n this._activeIndex = -1;\n }\n\n private _handleCaseSensitivity(): void {\n this.filteringOptions = {\n caseSensitive: !this.filteringOptions.caseSensitive,\n };\n }\n\n //#endregion\n\n //#region Public methods\n\n /* alternateName: focusComponent */\n /** Sets focus on the component. */\n public override focus(options?: FocusOptions): void {\n this._inputRef.value?.focus(options);\n }\n\n /* alternateName: blurComponent */\n /** Removes focus from the component. */\n public override blur(): void {\n this._inputRef.value?.blur();\n }\n\n /**\n * Selects option(s) in the list by either reference or valueKey.\n * If not argument is provided all items will be selected.\n * @param { Item<T> | Item<T>[] } items - One or more items to be selected. Multiple items should be passed as an array.\n * When valueKey is specified, the corresponding value should be used in place of the item reference.\n *\n * @example\n * ```typescript\n * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n *\n * // Select one item at a time by reference when valueKey is not specified.\n * combo.select(combo.data[0]);\n *\n * // Select multiple items at a time by reference when valueKey is not specified.\n * combo.select([combo.data[0], combo.data[1]]);\n *\n * // Select one item at a time when valueKey is specified.\n * combo.select('BG01');\n *\n * // Select multiple items at a time when valueKey is specified.\n * combo.select(['BG01', 'BG02']);\n * ```\n */\n public select(items?: Item<T> | Item<T>[]): void {\n this._updateSelection(items, 'selection', false);\n this._syncValueFromSelection();\n }\n\n /**\n * Deselects option(s) in the list by either reference or valueKey.\n * If not argument is provided all items will be deselected.\n * @param { Item<T> | Item<T>[] } items - One or more items to be deselected. Multiple items should be passed as an array.\n * When valueKey is specified, the corresponding value should be used in place of the item reference.\n *\n * @example\n * ```typescript\n * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n *\n * // Deselect one item at a time by reference when valueKey is not specified.\n * combo.deselect(combo.data[0]);\n *\n * // Deselect multiple items at a time by reference when valueKey is not specified.\n * combo.deselect([combo.data[0], combo.data[1]]);\n *\n * // Deselect one item at a time when valueKey is specified.\n * combo.deselect('BG01');\n *\n * // Deselect multiple items at a time when valueKey is specified.\n * combo.deselect(['BG01', 'BG02']);\n * ```\n */\n public deselect(items?: Item<T> | Item<T>[]): void {\n this._updateSelection(items, 'deselection', false);\n this._syncValueFromSelection();\n }\n\n //#endregion\n\n protected _itemRenderer: ComboRenderFunction<T> = (\n context: VirtualScrollItemContext<ComboRecord<T>>\n ) => {\n const { value: item, index } = context;\n\n if (this.groupKey && item.header) {\n return html`\n <igc-combo-header part=\"group-header\">\n ${this.groupHeaderTemplate({ item: item.value })}\n </igc-combo-header>\n `;\n }\n\n const active = this._activeIndex === index;\n const selected = this._selected.has(item.value);\n\n return html`\n <igc-combo-item\n id=${this._itemId(index)}\n part=${partMap({ item: true, selected, active })}\n aria-setsize=${this._state.itemCount}\n aria-posinset=${item.position}\n exportparts=\"checkbox, checkbox-indicator, checked\"\n .index=${index}\n ?active=${active}\n ?selected=${selected}\n ?hide-checkbox=${this.singleSelect}\n >\n ${this.itemTemplate({ item: item.value })}\n </igc-combo-item>\n `;\n };\n\n private _renderToggleIcon() {\n return html`\n <span\n slot=\"suffix\"\n part=${partMap({\n 'toggle-icon': true,\n filled: !isEmpty(this.value),\n })}\n >\n <slot name=\"toggle-icon\">\n <igc-icon\n name=${this.open ? 'input_collapse' : 'input_expand'}\n collection=\"default\"\n aria-hidden=\"true\"\n ></igc-icon>\n </slot>\n </span>\n `;\n }\n\n private _renderClearIcon() {\n return html`\n <span\n slot=\"suffix\"\n part=\"clear-icon\"\n role=\"button\"\n @click=${this._handleClearIconClick}\n ?hidden=${this.disableClear || isEmpty(this._selected)}\n aria-label=${ifDefined(\n this.resourceStrings.combo_clearItems_placeholder\n )}\n >\n <slot name=\"clear-icon\">\n <igc-icon\n name=\"input_clear\"\n collection=\"default\"\n aria-hidden=\"true\"\n ></igc-icon>\n </slot>\n </span>\n `;\n }\n\n private _renderMainInput() {\n const hasPrefix = this._slots.hasAssignedElements('prefix');\n const hasSuffix = this._slots.hasAssignedElements('suffix');\n\n return html`\n <igc-input\n ${ref(this._inputRef)}\n id=\"target\"\n slot=\"anchor\"\n exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n @click=${this._handleAnchorClick}\n placeholder=${ifDefined(this.placeholder)}\n label=${ifDefined(this.label)}\n @igcChange=${stopPropagation}\n @igcInput=${this._handleMainInput}\n .value=${this._displayValue}\n .disabled=${this.disabled}\n .required=${this.required}\n .invalid=${this.invalid}\n .outlined=${this.outlined}\n .autofocus=${this.autofocus}\n ?readonly=${!this.singleSelect}\n >\n <span slot=${bindIf(hasPrefix, 'prefix')}>\n <slot name=\"prefix\"></slot>\n </span>\n ${this._renderClearIcon()}\n <span slot=${bindIf(hasSuffix, 'suffix')}>\n <slot name=\"suffix\"></slot>\n </span>\n ${this._renderToggleIcon()}\n </igc-input>\n `;\n }\n\n private _renderSearchInput() {\n return html`\n <div\n part=\"filter-input\"\n ?hidden=${this.disableFiltering || this.singleSelect}\n >\n <igc-input\n ${ref(this._searchRef)}\n .value=${this._searchTerm}\n part=\"search-input\"\n placeholder=${this.placeholderSearch}\n exportparts=\"input: search-input\"\n @igcInput=${this._handleSearchInput}\n >\n <igc-icon\n slot=${bindIf(this.caseSensitiveIcon, 'suffix')}\n name=\"case_sensitive\"\n collection=\"default\"\n part=${partMap({\n 'case-icon': true,\n active: this.filteringOptions.caseSensitive,\n })}\n @click=${this._handleCaseSensitivity}\n ></igc-icon>\n </igc-input>\n </div>\n `;\n }\n\n private _renderEmptyTemplate() {\n return html`\n <div part=\"empty\" ?hidden=${!isEmpty(this._state.dataState)}>\n <slot name=\"empty\">${this.resourceStrings.combo_empty_message}</slot>\n </div>\n `;\n }\n\n private _renderList() {\n return html`\n <div .inert=${!this.open} part=\"list-wrapper\">\n ${this._renderSearchInput()}\n <div part=\"header\">\n <slot name=\"header\"></slot>\n </div>\n <igc-virtual-scroll\n ${ref(this._listRef)}\n aria-multiselectable=${!this.singleSelect}\n id=\"dropdown\"\n part=\"list\"\n role=\"listbox\"\n tabindex=\"0\"\n aria-labelledby=\"target\"\n over-scan=\"15\"\n aria-activedescendant=${ifDefined(this._activeDescendant)}\n .data=${this._state.dataState}\n .itemTemplate=${this._itemRenderer}\n ?hidden=${isEmpty(this._state.dataState)}\n @click=${this._itemClickHandler}\n >\n </igc-virtual-scroll>\n ${this._renderEmptyTemplate()}\n <div part=\"footer\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n `;\n }\n\n private _renderHelperText(): TemplateResult {\n return IgcValidationContainerComponent.create(this, {\n id: 'combo-helper-text',\n hasHelperText: true,\n });\n }\n\n protected override render() {\n return html`\n <igc-popover ?open=${this.open} flip shift same-width>\n ${this._renderMainInput()} ${this._renderList()}\n </igc-popover>\n ${this._renderHelperText()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-combo': IgcComboComponent<object>;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"combo.js","sourceRoot":"","sources":["../../../src/components/combo/combo.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n ComboResourceStringsEN,\n type IComboResourceStrings,\n} from 'igniteui-i18n-core';\nimport { html, type PropertyValues, type TemplateResult } from 'lit';\nimport { property, query, state } from 'lit/decorators.js';\nimport { ifDefined } from 'lit/directives/if-defined.js';\nimport { createRef, ref } from 'lit/directives/ref.js';\nimport { addAriaProjector } from '#internals/controllers/aria-projection.js';\nimport { addRootClickController } from '#internals/controllers/root-click.js';\nimport { addSlotController, setSlots } from '#internals/controllers/slot.js';\nimport { blazorAdditionalDependencies } from '#internals/decorators/blazorAdditionalDependencies.js';\nimport { blazorIndirectRender } from '#internals/decorators/blazorIndirectRender.js';\nimport { coercedProperty } from '#internals/decorators/coerced-property.js';\nimport { shadowOptions } from '#internals/decorators/shadow-options.js';\nimport { registerComponent } from '#internals/definitions/register.js';\nimport type { I18nControllerConfig } from '#internals/i18n/i18n-controller.js';\nimport { IgcBaseComboBoxComponent } from '#internals/mixins/combo-box.js';\nimport type { AbstractConstructor } from '#internals/mixins/constructor.js';\nimport { EventEmitterMixin } from '#internals/mixins/event-emitter.js';\nimport { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-required.js';\nimport { createFormValueState } from '#internals/mixins/forms/form-value.js';\nimport { I18nMixin } from '#internals/mixins/i18n.js';\nimport { partMap } from '#internals/part-map.js';\nimport { renderSlottedIcon } from '#internals/templates/slotted-icon.js';\nimport { asArray, firstOf, isEmpty } from '#internals/utils/arrays.js';\nimport {\n addSafeEventListener,\n getElementFromPath,\n stopPropagation,\n} from '#internals/utils/events.js';\nimport { bindIf } from '#internals/utils/lit.js';\nimport type { Validator } from '#internals/validators.js';\nimport { addThemingController } from '#theming/theming-controller.js';\nimport IgcIconComponent from '../icon/icon.js';\nimport IgcInputComponent from '../input/input.js';\nimport IgcPopoverComponent from '../popover/popover.js';\nimport IgcValidationContainerComponent from '../validation-container/validation-container.js';\nimport type { VirtualScrollItemContext } from '../virtualization/types.js';\nimport IgcVirtualScrollComponent from '../virtualization/virtualization.js';\nimport IgcComboHeaderComponent from './combo-header.js';\nimport IgcComboItemComponent from './combo-item.js';\nimport { DataState } from './controllers/data.js';\nimport { ComboNavigationController } from './controllers/navigation.js';\nimport { styles } from './themes/combo.base.css.js';\nimport { styles as shared } from './themes/shared/combo.common.css.js';\nimport { all } from './themes/themes.js';\nimport type {\n ComboItemTemplate,\n ComboRecord,\n ComboRenderFunction,\n ComboValue,\n FilteringOptions,\n GroupingDirection,\n IgcComboChangeEventArgs,\n IgcComboComponentEventMap,\n Item,\n Keys,\n} from './types.js';\nimport { comboValidators } from './validators.js';\n\nconst SLOTS = setSlots(\n 'prefix',\n 'suffix',\n 'header',\n 'footer',\n 'empty',\n 'helper-text',\n 'toggle-icon',\n 'clear-icon',\n 'value-missing',\n 'custom-error',\n 'invalid'\n);\n\nconst i18n: I18nControllerConfig<IComboResourceStrings> = {\n defaultEN: ComboResourceStringsEN,\n};\n\n/* blazorSupportsVisualChildren */\n/**\n * The Combo component is similar to the Select component in that it provides a list of options from which the user can make a selection.\n * In contrast to the Select component, the Combo component displays all options in a virtualized list of items,\n * meaning the combo box can simultaneously show thousands of options, where one or more options can be selected.\n * Additionally, users can create custom item templates, allowing for robust data visualization.\n * The Combo component features case-sensitive filtering, grouping, complex data binding, dynamic addition of values and more.\n *\n * @element igc-combo\n *\n * @slot prefix - Renders content before the input of the combo.\n * @slot suffix - Renders content after the input of the combo.\n * @slot header - Renders a container before the list of options of the combo.\n * @slot footer - Renders a container after the list of options of the combo.\n * @slot empty - Renders content when the combo dropdown list has no items/data.\n * @slot helper-text - Renders content below the input of the combo.\n * @slot toggle-icon - Renders content inside the suffix container of the combo.\n * @slot clear-icon - Renders content inside the suffix container of the combo.\n * @slot value-missing - Renders content when the required validation fails.\n * @slot custom-error - Renders content when setCustomValidity(message) is set.\n * @slot invalid - Renders content when the component is in invalid state (validity.valid = false).\n *\n * @fires igcChange - Emitted when the control's selection has changed.\n * @fires igcOpening - Emitted just before the list of options is opened.\n * @fires igcOpened - Emitted after the list of options is opened.\n * @fires igcClosing - Emitter just before the list of options is closed.\n * @fires igcClosed - Emitted after the list of options is closed.\n *\n * @csspart label - The encapsulated text label of the combo.\n * @csspart input - The main input field of the combo.\n * @csspart native-input - The native input of the main input field of the combo.\n * @csspart prefix - The prefix wrapper of the combo.\n * @csspart suffix - The suffix wrapper of the combo.\n * @csspart toggle-icon - The toggle icon wrapper of the combo.\n * @csspart clear-icon - The clear icon wrapper of the combo.\n * @csspart case-icon - The case icon wrapper of the combo.\n * @csspart helper-text - The helper text wrapper of the combo.\n * @csspart search-input - The search input field of the combo.\n * @csspart list-wrapper - The list of options wrapper of the combo.\n * @csspart list - The list of options box of the combo.\n * @csspart item - Represents each item in the list of options of the combo.\n * @csspart group-header - Represents each header in the list of options of the combo.\n * @csspart active - Appended to the item parts list when the item is active of the combo.\n * @csspart selected - Appended to the item parts list when the item is selected of the combo.\n * @csspart checkbox - Represents each checkbox of each list item of the combo.\n * @csspart checkbox-indicator - Represents the checkbox indicator of each list item of the combo.\n * @csspart checked - Appended to checkbox parts list when checkbox is checked in the combo.\n * @csspart header - The container holding the header content of the combo.\n * @csspart footer - The container holding the footer content of the combo.\n * @csspart empty - The container holding the empty content of the combo.\n */\n@blazorAdditionalDependencies('IgcIconComponent, IgcInputComponent')\n@blazorIndirectRender\n@shadowOptions({ delegatesFocus: true })\nexport default class IgcComboComponent<\n T extends object = any,\n> extends I18nMixin(\n FormAssociatedRequiredMixin(\n EventEmitterMixin<\n IgcComboComponentEventMap,\n AbstractConstructor<IgcBaseComboBoxComponent>\n >(IgcBaseComboBoxComponent)\n ),\n i18n\n) {\n public static readonly tagName = 'igc-combo';\n public static styles = [styles, shared];\n\n /* blazorSuppress */\n public static register(): void {\n registerComponent(\n IgcComboComponent,\n IgcIconComponent,\n IgcVirtualScrollComponent,\n IgcComboItemComponent,\n IgcComboHeaderComponent,\n IgcInputComponent,\n IgcPopoverComponent,\n IgcValidationContainerComponent\n );\n }\n\n // #region Internal state and controllers\n\n protected override get __validators(): Validator<IgcComboComponent<T>>[] {\n return comboValidators;\n }\n\n private readonly _slots = addSlotController(this, { slots: SLOTS });\n\n protected override readonly _rootClickController = addRootClickController(\n this,\n {\n onHide: this._handleClosing,\n }\n );\n\n protected override readonly _formValue = createFormValueState<\n ComboValue<T>[]\n >(this, {\n initialValue: [],\n transformers: {\n setValue: asArray,\n setDefaultValue: asArray,\n setFormValue: (value) => {\n if (isEmpty(value) || !this.name) {\n return null;\n }\n\n if (this.singleSelect) {\n return String(firstOf(value));\n }\n\n const formData = new FormData();\n\n for (const item of value) {\n formData.append(this.name, String(item));\n }\n\n return formData;\n },\n },\n });\n\n /** The primary input of the combo component. */\n private readonly _inputRef = createRef<IgcInputComponent>();\n\n @query('#combo-helper-text')\n private readonly _helperText!: IgcValidationContainerComponent | null;\n\n /** The search input of the combo component. */\n private readonly _searchRef = createRef<IgcInputComponent>();\n\n /** The combo virtualized dropdown list. */\n private readonly _listRef = createRef<IgcVirtualScrollComponent>();\n\n private readonly _state = new DataState<T>(this);\n private readonly _navigation = new ComboNavigationController(\n this,\n this._state,\n {\n input: this._inputRef,\n search: this._searchRef,\n list: this._listRef,\n interactions: {\n show: () => this._show(true),\n hide: () => this._hide(true),\n toggleSelection: (index: number) => this._toggleSelection(index),\n select: (index: number) => this._selectByIndex(index),\n clearSelection: () => this._clearSelection(),\n },\n }\n );\n\n private _index?: Map<Item<T>, number[]>;\n private _indexSize = 0;\n private _displayKey?: Keys<T>;\n private _placeholderSearch?: string;\n private _selected: Set<T> = new Set();\n // `filterKey` is left unset here - both key fields are still undefined at\n // field-initialization time. The `displayKey` setter fills it in.\n private _filteringOptions: FilteringOptions<T> = {\n filterKey: undefined,\n caseSensitive: false,\n matchDiacritics: false,\n };\n\n @state()\n private set _activeIndex(index: number) {\n this._navigation.active = index;\n this._listRef.value?.requestUpdate();\n }\n\n private get _activeIndex(): number {\n return this._navigation.active;\n }\n\n @state()\n private set _searchTerm(value: string) {\n this._state.searchTerm = value;\n }\n\n private get _searchTerm(): string {\n return this._state.searchTerm;\n }\n\n @state()\n private _displayValue = '';\n\n /** The DOM id of the option rendered at `index` in the current data state. */\n private _itemId(index: number): string {\n const position = index + 1;\n return this.id ? `${this.id}-item-${position}` : `item-${position}`;\n }\n\n /**\n * Derived from {@link _activeIndex} rather than tracked separately, so that it\n * cannot go stale and does not have to be assigned while rendering an item.\n */\n private get _activeDescendant(): string | undefined {\n return this._activeIndex > -1 ? this._itemId(this._activeIndex) : undefined;\n }\n\n private get _mainAriaLabel(): string {\n return isEmpty(this._selected)\n ? this.resourceStrings.combo_aria_label_no_options\n : this.resourceStrings.combo_aria_label_options;\n }\n\n // #endregion\n\n //#region Public attributes and properties\n\n /** The data source used to generate the list of options. */\n /* treatAsRef */\n @property({ attribute: false })\n @coercedProperty<T[], IgcComboComponent<T>>({\n transform: ({ value }) => asArray(value),\n onChange: ({ host }) => {\n host._index = undefined;\n },\n })\n public data: T[] = [];\n\n /**\n * Whether the control has an outlined appearance.\n * @attr outlined\n * @default false\n */\n @property({ type: Boolean, reflect: true })\n public outlined = false;\n\n /**\n * Enables single selection mode and moves item filtering to the main input.\n * @attr single-select\n * @default false\n */\n @property({ type: Boolean, reflect: true, attribute: 'single-select' })\n @coercedProperty<boolean, IgcComboComponent<T>>({\n transform: ({ value }) => Boolean(value),\n onChange: ({ host }) => {\n host._syncSelectionFromValue();\n\n if (host.hasUpdated) {\n host._withPristine(() => {\n host._activeIndex = -1;\n host._searchTerm = '';\n host._formValue.setValueAndFormState(host.value);\n });\n }\n },\n })\n public singleSelect = false;\n\n /**\n * Whether the control should receive focus automatically.\n * @attr autofocus\n */\n @property({ type: Boolean })\n public override autofocus!: boolean;\n\n /**\n * Focuses the list of options when the menu opens.\n * @attr autofocus-list\n * @default false\n */\n @property({ type: Boolean, attribute: 'autofocus-list' })\n public autofocusList = false;\n\n /**\n * The locale used to resolve the component's resource strings.\n * Falls back to the global locale when not set.\n * @attr locale\n */\n @property()\n public override set locale(value: string) {\n super.locale = value;\n this._state.updateLocale(value);\n }\n\n public override get locale(): string {\n return super.locale;\n }\n\n /**\n * The label of the control.\n * @attr label\n */\n @property()\n public label?: string;\n\n /**\n * The placeholder text of the control.\n * @attr placeholder\n */\n @property()\n public placeholder?: string;\n\n /**\n * The placeholder text of the search input.\n * @attr placeholder-search\n */\n @property({ attribute: 'placeholder-search' })\n public set placeholderSearch(value: string | undefined) {\n this._placeholderSearch = value;\n }\n\n public get placeholderSearch(): string {\n return (\n this._placeholderSearch ??\n this.resourceStrings.combo_filter_search_placeholder\n );\n }\n\n /**\n * The key in the data source used when selecting items.\n * @attr value-key\n */\n @property({ attribute: 'value-key' })\n @coercedProperty<Keys<T> | undefined, IgcComboComponent<T>>({\n onChange: ({ value, host }) => {\n host._displayKey = host._displayKey ?? value;\n host._index = undefined;\n },\n })\n public valueKey?: Keys<T> = undefined;\n\n /**\n * The key in the data source used to display items in the list.\n * @attr display-key\n */\n @property({ attribute: 'display-key' })\n public set displayKey(value: Keys<T> | undefined) {\n this._displayKey = value;\n if (!this.filteringOptions.filterKey) {\n this.filteringOptions = { filterKey: this.displayKey };\n }\n }\n\n public get displayKey() {\n return this._displayKey ?? this.valueKey;\n }\n\n /**\n * The key in the data source used to group items in the list.\n * @attr group-key\n */\n @property({ attribute: 'group-key' })\n public groupKey?: Keys<T> | string;\n\n /**\n * Sorts the items in each group by ascending or descending order.\n * @attr group-sorting\n * @default \"asc\"\n * @type {\"asc\" | \"desc\" | \"none\"}\n */\n @property({ attribute: 'group-sorting' })\n public groupSorting: GroupingDirection = 'asc';\n\n /**\n * An object that configures the filtering of the combo.\n * @attr filtering-options\n */\n @property({ type: Object, attribute: 'filtering-options' })\n public set filteringOptions(value: Partial<FilteringOptions<T>>) {\n this._filteringOptions = { ...this._filteringOptions, ...value };\n }\n\n public get filteringOptions(): FilteringOptions<T> {\n return this._filteringOptions;\n }\n\n /**\n * Enables the case sensitive search icon in the filtering input.\n * @attr case-sensitive-icon\n * @default false\n */\n @property({ type: Boolean, attribute: 'case-sensitive-icon' })\n public caseSensitiveIcon = false;\n\n /**\n * Disables the filtering of the list of options.\n * @attr disable-filtering\n * @default false\n */\n @property({ type: Boolean, attribute: 'disable-filtering' })\n @coercedProperty<boolean, IgcComboComponent<T>>({\n onChange: ({ host }) => {\n host._searchTerm = '';\n },\n })\n public disableFiltering = false;\n\n /**\n * Hides the clear button.\n * @attr disable-clear\n * @default false\n */\n @property({ type: Boolean, attribute: 'disable-clear' })\n public disableClear = false;\n\n /* blazorSuppress */\n /**\n * The template used for the content of each combo item.\n * @type {ComboItemTemplate<T>}\n */\n @property({ attribute: false })\n public itemTemplate: ComboItemTemplate<T> = ({ item }) =>\n html`${this.displayKey ? item[this.displayKey] : item}`;\n\n /* blazorSuppress */\n /**\n * The template used for the content of each combo group header.\n * @type {ComboItemTemplate<T>}\n */\n @property({ attribute: false })\n public groupHeaderTemplate: ComboItemTemplate<T> = ({ item }) =>\n html`${this.groupKey && item[this.groupKey as Keys<T>]}`;\n\n /**\n * Sets the value (selected items). The passed value must be a valid JSON array.\n * If the data source is an array of complex objects, the `valueKey` must be set.\n * Note that when `displayKey` is not explicitly set, it falls back to the value of `valueKey`.\n *\n * @attr value\n *\n * @example\n * ```tsx\n * <igc-combo\n * .data=${[\n * {\n * id: 'BG01',\n * name: 'Sofia'\n * },\n * {\n * id: 'BG02',\n * name: 'Plovdiv'\n * }\n * ]}\n * display-key='name'\n * value-key='id'\n * value='[\"BG01\", \"BG02\"]'>\n * </igc-combo>\n * ```\n */\n /* blazorPrimitiveValue */\n /* blazorByValueArray */\n /* blazorGenericType */\n /* @tsTwoWayProperty (true, \"Change\", \"Detail.NewValue\", false) */\n @property({ type: Array })\n public set value(items: ComboValue<T>[]) {\n this._formValue.setValueAndFormState(items);\n this._syncSelectionFromValue();\n\n if (this.hasUpdated) {\n this._validate();\n }\n }\n\n /**\n * Returns the current selection as a list of comma separated values,\n * represented by the value key, when provided.\n */\n public get value(): ComboValue<T>[] {\n return this._formValue.value;\n }\n\n /**\n * Returns the current selection as an array of objects as provided in the `data` source.\n */\n public get selection(): T[] {\n return Array.from(this._selected);\n }\n\n //#endregion\n\n //#region Life-cycle\n\n constructor() {\n super();\n\n // TODO: Either fix this in the theming controller or come up with another solution.\n // Check virtualization `willUpdate` for more details.\n\n // The virtualized list is rendered into this component's own shadow root\n // (light DOM child), sharing it with the theming controller below. Theme\n // changes re-adopt this shadow root's stylesheets wholesale, which would\n // otherwise silently drop the list's own structural stylesheet since\n // nothing else forces it to refresh. Requesting an update lets the list\n // re-verify (and re-adopt, if needed) its stylesheet on its next render.\n addThemingController(this, all, {\n themeChange: () => this._listRef.value?.requestUpdate(),\n });\n\n // Projects the host's labels and combobox semantics onto the native\n // input inside `igc-input` (see ProjectedARIA for why the host cannot\n // publish these itself). `aria-activedescendant` stays on the listbox,\n // which holds DOM focus while the list is navigated.\n addAriaProjector(this, {\n target: () => this._inputRef.value,\n state: () => ({\n role: 'combobox',\n hasPopup: 'listbox',\n expanded: `${this.open}`,\n disabled: `${this.disabled}`,\n label: this._mainAriaLabel,\n controls: this._listRef.value ? [this._listRef.value] : null,\n describedBy: this._helperText ? [this._helperText] : null,\n labelledBy: this._internals.labels,\n }),\n });\n addSafeEventListener(this, 'blur', this._handleBlur);\n addSafeEventListener(this, 'focusin', this._handleFocusIn);\n }\n\n protected override willUpdate(props: PropertyValues<this>): void {\n if (props.has('open')) {\n this._rootClickController.update();\n }\n\n if (\n props.has('groupKey') ||\n props.has('groupSorting') ||\n props.has('filteringOptions') ||\n props.has('data')\n ) {\n this._state.invalidate();\n }\n\n // When data changes, re-sync selection and form\n // This handles the delayed data scenario where value was set before data\n if (props.has('data') && !isEmpty(this.data) && !isEmpty(this.value)) {\n this._withPristine(() => {\n this._syncSelectionFromValue();\n this._formValue.setValueAndFormState(this.value);\n });\n }\n }\n\n /**\n * Runs `callback`, restoring the pristine flag afterwards.\n *\n * Re-syncing the form value in reaction to a configuration change (as opposed\n * to user interaction) must not count as the control having been dirtied.\n */\n private _withPristine(callback: () => void): void {\n const pristine = this._pristine;\n\n try {\n callback();\n } finally {\n this._pristine = pristine;\n }\n }\n\n //#endregion\n\n // #region Form Associated overrides\n\n protected override _setDefaultValue(current: string | null): void {\n try {\n this.defaultValue = JSON.parse(current || '[]');\n } catch {\n // A malformed `value` attribute keeps the previous default rather than\n // discarding it - see the \"invalid JSON\" form integration test.\n }\n }\n\n // #endregion\n\n //#region Overrides for combo box behavior\n\n protected override async _show(emitEvent = false): Promise<boolean> {\n const [canOpen, _] = await Promise.all([\n super._show(emitEvent),\n this.updateComplete,\n ]);\n\n if (canOpen) {\n if (!this.singleSelect) {\n this._listRef.value?.focus();\n }\n\n if (!this.autofocusList) {\n this._searchRef.value?.focus();\n }\n }\n\n return canOpen;\n }\n\n protected override async _hide(emitEvent = false): Promise<boolean> {\n const [canClose, _] = await Promise.all([\n super._hide(emitEvent),\n this.updateComplete,\n ]);\n\n if (canClose) {\n this._activeIndex = -1;\n }\n\n return canClose;\n }\n\n private _setSingleSelectionDisplayValue(value: string): void {\n if (this.singleSelect && this._inputRef.value) {\n this._inputRef.value.value = value;\n }\n }\n\n //#endregion\n\n // #region Selection helpers\n\n /**\n * Maps every value representation in the data source to the positions of the\n * records carrying it. Built on demand and dropped whenever `data` or\n * `valueKey` changes.\n *\n * Positions (rather than records) are stored so that resolution can hand back\n * matches in data-source order, and duplicate value keys keep resolving to\n * every record that carries them.\n *\n * The size comparison picks up in-place growth or shrink (push/splice) of the\n * same array. Replacing elements without changing the length is not detectable\n * here and still requires reassigning `data`.\n */\n private get _dataIndex(): Map<Item<T>, number[]> {\n if (!this._index || this._indexSize !== this.data.length) {\n this._index = Map.groupBy(this.data.keys(), (position) =>\n this._resolveItemValue(this.data[position])\n );\n this._indexSize = this.data.length;\n }\n\n return this._index;\n }\n\n /**\n * Resolves user-provided items (value keys or object references)\n * to actual objects from the data source, in data-source order.\n *\n * @remarks\n * Repeating the same value in `items` resolves it once - a record cannot be\n * selected twice, and duplicates would otherwise reach the change event\n * payload.\n */\n private _resolveItems(items: Item<T>[]): T[] {\n const index = this._dataIndex;\n const positions = new Set<number>();\n\n for (const item of items) {\n const matches = index.get(item);\n\n if (matches) {\n for (const position of matches) {\n positions.add(position);\n }\n }\n }\n\n return Array.from(positions)\n .sort((a, b) => a - b)\n .map((position) => this.data[position]);\n }\n\n /**\n * Gets the value representation of a data record\n * (its value-key property, or the record itself).\n */\n private _resolveItemValue(record: T): Item<T> {\n return this.valueKey ? record[this.valueKey] : record;\n }\n\n /**\n * Maps data records to their value representations - the `valueKey` property\n * of each, or the record itself when no `valueKey` is set.\n */\n private _toValues(items: Iterable<T>): ComboValue<T>[] {\n const { valueKey } = this;\n const values: ComboValue<T>[] = [];\n\n for (const item of items) {\n values.push((valueKey ? item[valueKey] : undefined) ?? item);\n }\n\n return values;\n }\n\n /**\n * Recomputes {@link _displayValue} from the current selection and returns its\n * value representation, walking the selection once for both projections.\n */\n private _projectSelection(): ComboValue<T>[] {\n const { valueKey, displayKey } = this;\n const values: ComboValue<T>[] = [];\n const display: string[] = [];\n\n for (const item of this._selected) {\n values.push((valueKey ? item[valueKey] : undefined) ?? item);\n display.push(String((displayKey ? item[displayKey] : undefined) ?? item));\n }\n\n this._displayValue = display.join(', ');\n return values;\n }\n\n private _emitSelectionChange(detail: IgcComboChangeEventArgs): boolean {\n return this.emitEvent('igcChange', { cancelable: true, detail });\n }\n\n /**\n * Builds the value the component would have if `resolved` were applied to the\n * current selection. Used as the `newValue` payload of the change event.\n */\n private _previewValue(resolved: T[], selecting: boolean): ComboValue<T>[] {\n if (selecting) {\n return this._toValues(\n this.singleSelect ? resolved : new Set([...resolved, ...this._selected])\n );\n }\n\n const removed = new Set(resolved);\n\n return this._toValues(\n Iterator.from(this._selected).filter((item) => !removed.has(item))\n );\n }\n\n /**\n * Adds the given `items` to, or removes them from, the current selection.\n *\n * An empty collection is a \"select all\" / \"deselect all\" request. Single\n * selection has no \"select all\" - it only resets the current selection.\n *\n * When `emit` is set, the cancellable `igcChange` event is fired *before* any\n * mutation takes place, so cancelling it leaves the selection untouched.\n *\n * @returns Whether the change was committed.\n */\n private _updateSelection(\n items: Item<T> | Item<T>[] | undefined,\n type: 'selection' | 'deselection',\n emit: boolean\n ): boolean {\n const singleSelect = this.singleSelect;\n const selecting = type === 'selection';\n const collection = singleSelect\n ? asArray(items).slice(0, 1)\n : asArray(items);\n\n if (isEmpty(collection)) {\n if (selecting) {\n this._selected = singleSelect ? new Set() : new Set(this.data);\n\n if (singleSelect) {\n this._searchTerm = '';\n }\n } else {\n if (\n emit &&\n !this._emitSelectionChange({\n newValue: [],\n items: this.selection,\n type,\n })\n ) {\n return false;\n }\n\n this._selected.clear();\n }\n\n this.requestUpdate();\n return true;\n }\n\n const resolved = this._resolveItems(collection);\n\n if (\n emit &&\n !this._emitSelectionChange({\n newValue: this._previewValue(resolved, selecting),\n items: resolved,\n type,\n })\n ) {\n return false;\n }\n\n // Past this point the change is committed - only now is it safe to drop\n // the previous single selection and its search term.\n if (selecting && singleSelect) {\n this._selected.clear();\n this._searchTerm = '';\n }\n\n for (const item of resolved) {\n selecting ? this._selected.add(item) : this._selected.delete(item);\n }\n\n this.requestUpdate();\n return true;\n }\n\n /**\n * Syncs the internal `_selected` set from the current `_formValue`.\n * This is a one-way sync: source of truth (_formValue) → view (_selected).\n */\n private _syncSelectionFromValue(): void {\n this._selected.clear();\n\n if (!isEmpty(this._formValue.value)) {\n const values = this.singleSelect\n ? asArray(firstOf(this._formValue.value))\n : this._formValue.value;\n\n if (this.singleSelect && values.length !== this._formValue.value.length) {\n this._formValue.setValueAndFormState(values);\n }\n\n const index = this._dataIndex;\n\n for (const value of values) {\n // First match only - mirrors resolving a value against the data source\n const position = index.get(value)?.[0];\n\n if (position !== undefined) {\n this._selected.add(this.data[position]);\n }\n }\n }\n\n this._projectSelection();\n }\n\n protected _syncValueFromSelection(): void {\n this._formValue.setValueAndFormState(this._projectSelection());\n this._setSingleSelectionDisplayValue(this._displayValue);\n this._validate();\n this._listRef.value?.requestUpdate();\n }\n\n /**\n * The data record rendered at `index`, or undefined when that position holds\n * a group header instead of a selectable option.\n *\n * Guarding on this matters: an unresolvable record would reach\n * {@link _updateSelection} as an empty collection, which reads as\n * \"select everything\".\n */\n private _recordAt(index: number): T | undefined {\n const record = this._state.dataState[index];\n return record && !record.header ? record.value : undefined;\n }\n\n private _toggleSelection(index: number): void {\n const record = this._recordAt(index);\n\n if (!record) {\n return;\n }\n\n this._updateSelection(\n this._resolveItemValue(record),\n this._selected.has(record) ? 'deselection' : 'selection',\n true\n );\n\n this._activeIndex = index;\n this._syncValueFromSelection();\n }\n\n private _selectByIndex(index: number): void {\n const record = this._recordAt(index);\n\n if (!record) {\n return;\n }\n\n this._updateSelection(this._resolveItemValue(record), 'selection', true);\n this._activeIndex = index;\n this._syncValueFromSelection();\n }\n\n private _clearSelection(): void {\n if (this.singleSelect) {\n this._searchTerm = '';\n this._clearSingleSelection();\n } else {\n this._updateSelection([], 'deselection', true);\n }\n this._syncValueFromSelection();\n }\n\n private _clearSingleSelection(): void {\n const [selection] = this._selected;\n\n // The form state is reset directly rather than through\n // `_syncValueFromSelection` so that the text the user is currently typing\n // into the main input is left alone.\n if (\n selection &&\n this._updateSelection(\n this._resolveItemValue(selection),\n 'deselection',\n true\n )\n ) {\n this._formValue.setValueAndFormState([]);\n }\n }\n\n // #endregion\n\n //#region Event handlers\n\n protected async _handleMainInput({\n detail,\n }: CustomEvent<string>): Promise<void> {\n this._setTouchedState();\n void this._show(true);\n\n // In single selection mode the main input doubles as the filtering input,\n // so it is the only place `disableFiltering` can be honored.\n if (!this.disableFiltering) {\n this._searchTerm = detail;\n }\n\n // wait for the dataState to update after filtering\n await this.updateComplete;\n\n this._activeIndex = this._state.firstItemIndex;\n // clear the selection upon typing\n this._clearSingleSelection();\n }\n\n protected _handleFocusIn(): void {\n this._setTouchedState();\n }\n\n protected override _handleBlur(): void {\n if (isEmpty(this._selected)) {\n this._searchTerm = '';\n this._setSingleSelectionDisplayValue('');\n }\n super._handleBlur();\n }\n\n protected _handleSearchInput({ detail }: CustomEvent<string>): void {\n this._searchTerm = detail;\n }\n\n private _handleClosing(): void {\n this._hide(true);\n }\n\n private async _itemClickHandler(event: PointerEvent): Promise<void> {\n const target = getElementFromPath(IgcComboItemComponent.tagName, event);\n\n if (!target) {\n return;\n }\n\n this._setTouchedState();\n this._toggleSelection(target.index);\n\n if (this.singleSelect) {\n this._inputRef.value?.focus();\n await this._hide(true);\n } else {\n this._searchRef.value?.focus();\n }\n }\n\n private _handleClearIconClick(event: PointerEvent): void {\n event.stopPropagation();\n this._clearSelection();\n this._activeIndex = -1;\n }\n\n private _handleCaseSensitivity(): void {\n this.filteringOptions = {\n caseSensitive: !this.filteringOptions.caseSensitive,\n };\n }\n\n //#endregion\n\n //#region Public methods\n\n /* alternateName: focusComponent */\n /** Sets focus on the component. */\n public override focus(options?: FocusOptions): void {\n this._inputRef.value?.focus(options);\n }\n\n /* alternateName: blurComponent */\n /** Removes focus from the component. */\n public override blur(): void {\n this._inputRef.value?.blur();\n }\n\n /**\n * Selects option(s) in the list by either reference or valueKey.\n * If not argument is provided all items will be selected.\n * @param { Item<T> | Item<T>[] } items - One or more items to be selected. Multiple items should be passed as an array.\n * When valueKey is specified, the corresponding value should be used in place of the item reference.\n *\n * @example\n * ```typescript\n * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n *\n * // Select one item at a time by reference when valueKey is not specified.\n * combo.select(combo.data[0]);\n *\n * // Select multiple items at a time by reference when valueKey is not specified.\n * combo.select([combo.data[0], combo.data[1]]);\n *\n * // Select one item at a time when valueKey is specified.\n * combo.select('BG01');\n *\n * // Select multiple items at a time when valueKey is specified.\n * combo.select(['BG01', 'BG02']);\n * ```\n */\n public select(items?: Item<T> | Item<T>[]): void {\n this._updateSelection(items, 'selection', false);\n this._syncValueFromSelection();\n }\n\n /**\n * Deselects option(s) in the list by either reference or valueKey.\n * If not argument is provided all items will be deselected.\n * @param { Item<T> | Item<T>[] } items - One or more items to be deselected. Multiple items should be passed as an array.\n * When valueKey is specified, the corresponding value should be used in place of the item reference.\n *\n * @example\n * ```typescript\n * const combo<IgcComboComponent<T>> = document.querySelector('igc-combo');\n *\n * // Deselect one item at a time by reference when valueKey is not specified.\n * combo.deselect(combo.data[0]);\n *\n * // Deselect multiple items at a time by reference when valueKey is not specified.\n * combo.deselect([combo.data[0], combo.data[1]]);\n *\n * // Deselect one item at a time when valueKey is specified.\n * combo.deselect('BG01');\n *\n * // Deselect multiple items at a time when valueKey is specified.\n * combo.deselect(['BG01', 'BG02']);\n * ```\n */\n public deselect(items?: Item<T> | Item<T>[]): void {\n this._updateSelection(items, 'deselection', false);\n this._syncValueFromSelection();\n }\n\n //#endregion\n\n protected _itemRenderer: ComboRenderFunction<T> = (\n context: VirtualScrollItemContext<ComboRecord<T>>\n ) => {\n const { value: item, index } = context;\n\n if (this.groupKey && item.header) {\n return html`\n <igc-combo-header part=\"group-header\">\n ${this.groupHeaderTemplate({ item: item.value })}\n </igc-combo-header>\n `;\n }\n\n const active = this._activeIndex === index;\n const selected = this._selected.has(item.value);\n\n return html`\n <igc-combo-item\n id=${this._itemId(index)}\n part=${partMap({ item: true, selected, active })}\n aria-setsize=${this._state.itemCount}\n aria-posinset=${item.position}\n exportparts=\"checkbox, checkbox-indicator, checked\"\n .index=${index}\n ?active=${active}\n ?selected=${selected}\n ?hide-checkbox=${this.singleSelect}\n >\n ${this.itemTemplate({ item: item.value })}\n </igc-combo-item>\n `;\n };\n\n private _renderToggleIcon() {\n return html`\n <span\n slot=\"suffix\"\n part=${partMap({\n 'toggle-icon': true,\n filled: !isEmpty(this.value),\n })}\n >\n ${renderSlottedIcon({\n slot: 'toggle-icon',\n icon: this.open ? 'input_collapse' : 'input_expand',\n })}\n </span>\n `;\n }\n\n private _renderClearIcon() {\n return html`\n <span\n slot=\"suffix\"\n part=\"clear-icon\"\n role=\"button\"\n @click=${this._handleClearIconClick}\n ?hidden=${this.disableClear || isEmpty(this._selected)}\n aria-label=${ifDefined(\n this.resourceStrings.combo_clearItems_placeholder\n )}\n >\n ${renderSlottedIcon({ slot: 'clear-icon', icon: 'input_clear' })}\n </span>\n `;\n }\n\n private _renderMainInput() {\n const hasPrefix = this._slots.hasAssignedElements('prefix');\n const hasSuffix = this._slots.hasAssignedElements('suffix');\n\n return html`\n <igc-input\n ${ref(this._inputRef)}\n id=\"target\"\n slot=\"anchor\"\n exportparts=\"container: input, input: native-input, label, prefix, suffix\"\n @click=${this._handleAnchorClick}\n placeholder=${ifDefined(this.placeholder)}\n label=${ifDefined(this.label)}\n @igcChange=${stopPropagation}\n @igcInput=${this._handleMainInput}\n .value=${this._displayValue}\n .disabled=${this.disabled}\n .required=${this.required}\n .invalid=${this.invalid}\n .outlined=${this.outlined}\n .autofocus=${this.autofocus}\n ?readonly=${!this.singleSelect}\n >\n <span slot=${bindIf(hasPrefix, 'prefix')}>\n <slot name=\"prefix\"></slot>\n </span>\n ${this._renderClearIcon()}\n <span slot=${bindIf(hasSuffix, 'suffix')}>\n <slot name=\"suffix\"></slot>\n </span>\n ${this._renderToggleIcon()}\n </igc-input>\n `;\n }\n\n private _renderSearchInput() {\n return html`\n <div\n part=\"filter-input\"\n ?hidden=${this.disableFiltering || this.singleSelect}\n >\n <igc-input\n ${ref(this._searchRef)}\n .value=${this._searchTerm}\n part=\"search-input\"\n placeholder=${this.placeholderSearch}\n exportparts=\"input: search-input\"\n @igcInput=${this._handleSearchInput}\n >\n <igc-icon\n slot=${bindIf(this.caseSensitiveIcon, 'suffix')}\n name=\"case_sensitive\"\n collection=\"default\"\n part=${partMap({\n 'case-icon': true,\n active: this.filteringOptions.caseSensitive,\n })}\n @click=${this._handleCaseSensitivity}\n ></igc-icon>\n </igc-input>\n </div>\n `;\n }\n\n private _renderEmptyTemplate() {\n return html`\n <div part=\"empty\" ?hidden=${!isEmpty(this._state.dataState)}>\n <slot name=\"empty\">${this.resourceStrings.combo_empty_message}</slot>\n </div>\n `;\n }\n\n private _renderList() {\n return html`\n <div .inert=${!this.open} part=\"list-wrapper\">\n ${this._renderSearchInput()}\n <div part=\"header\">\n <slot name=\"header\"></slot>\n </div>\n <igc-virtual-scroll\n ${ref(this._listRef)}\n aria-multiselectable=${!this.singleSelect}\n id=\"dropdown\"\n part=\"list\"\n role=\"listbox\"\n tabindex=\"0\"\n aria-labelledby=\"target\"\n over-scan=\"15\"\n aria-activedescendant=${ifDefined(this._activeDescendant)}\n .data=${this._state.dataState}\n .itemTemplate=${this._itemRenderer}\n ?hidden=${isEmpty(this._state.dataState)}\n @click=${this._itemClickHandler}\n >\n </igc-virtual-scroll>\n ${this._renderEmptyTemplate()}\n <div part=\"footer\">\n <slot name=\"footer\"></slot>\n </div>\n </div>\n `;\n }\n\n private _renderHelperText(): TemplateResult {\n return this._renderValidationContainer({\n id: 'combo-helper-text',\n hasHelperText: true,\n });\n }\n\n protected override render() {\n return html`\n <igc-popover ?open=${this.open} flip shift same-width>\n ${this._renderMainInput()} ${this._renderList()}\n </igc-popover>\n ${this._renderHelperText()}\n `;\n }\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'igc-combo': IgcComboComponent<object>;\n }\n}\n"]}
|
|
@@ -25,7 +25,7 @@ export interface IgcPickerBaseEventMap<T> {
|
|
|
25
25
|
/** The parts of the calendar which the pickers re-export to their own consumers. */
|
|
26
26
|
export declare const calendarExportParts: "header, header-title, header-date, content: calendar-content, navigation, months-navigation,\n years-navigation, years-range, navigation-buttons, navigation-button, days-view-container,\n days-view, months-view, years-view, days-row, months-row, years-row, label: calendar-label,\n label-inner: calendar-label-inner, week-number, week-number-inner, date,\n date-inner, first, last, inactive, hidden, weekend, range, special, disabled, single, preview,\n month, month-inner, year, year-inner, selected, current";
|
|
27
27
|
/** The components rendered by the picker chrome of every picker. */
|
|
28
|
-
export declare const pickerDependencies: (typeof IgcIconComponent | typeof
|
|
28
|
+
export declare const pickerDependencies: (typeof IgcIconComponent | typeof IgcValidationContainerComponent | typeof IgcPopoverComponent | typeof IgcCalendarComponent | typeof IgcDialogComponent | typeof IgcFocusTrapComponent)[];
|
|
29
29
|
/**
|
|
30
30
|
* The subset of the slot controller which the base picker queries.
|
|
31
31
|
* Kept structural so that each picker can declare its own set of slot names.
|
|
@@ -47,7 +47,6 @@ export declare abstract class IgcDatePickerBaseComponent<T extends Date | DateRa
|
|
|
47
47
|
protected _activeDate: Date | null;
|
|
48
48
|
protected _min: Date | null;
|
|
49
49
|
protected _max: Date | null;
|
|
50
|
-
protected _disabledDates: DateRangeDescriptor[];
|
|
51
50
|
protected _dateConstraints: DateRangeDescriptor[];
|
|
52
51
|
protected _displayFormat?: string;
|
|
53
52
|
protected _inputFormat?: string;
|
|
@@ -89,7 +88,7 @@ export declare abstract class IgcDatePickerBaseComponent<T extends Date | DateRa
|
|
|
89
88
|
/** The localized label of the calendar picker. */
|
|
90
89
|
protected abstract get _selectDateLabel(): string | undefined;
|
|
91
90
|
/**
|
|
92
|
-
* The editor the host's ARIA state is projected onto
|
|
91
|
+
* The editor the host's ARIA state is projected onto - its associated
|
|
93
92
|
* labels and the `aria-haspopup="dialog"` semantics of the picker, both of
|
|
94
93
|
* which must land on the native input assistive technology reports.
|
|
95
94
|
*/
|
|
@@ -183,7 +182,8 @@ export declare abstract class IgcDatePickerBaseComponent<T extends Date | DateRa
|
|
|
183
182
|
set inputFormat(value: string);
|
|
184
183
|
get inputFormat(): string;
|
|
185
184
|
/**
|
|
186
|
-
*
|
|
185
|
+
* The locale used to format the display value and to resolve the
|
|
186
|
+
* component's resource strings. Falls back to the global locale when not set.
|
|
187
187
|
* @attr locale
|
|
188
188
|
*/
|
|
189
189
|
set locale(value: string);
|
|
@@ -201,8 +201,7 @@ export declare abstract class IgcDatePickerBaseComponent<T extends Date | DateRa
|
|
|
201
201
|
set max(value: Date | string | null | undefined);
|
|
202
202
|
get max(): Date | null;
|
|
203
203
|
/** Gets/sets disabled dates. */
|
|
204
|
-
|
|
205
|
-
get disabledDates(): DateRangeDescriptor[];
|
|
204
|
+
disabledDates: DateRangeDescriptor[];
|
|
206
205
|
/** Gets/sets special dates. */
|
|
207
206
|
specialDates: DateRangeDescriptor[];
|
|
208
207
|
/**
|
|
@@ -254,6 +253,11 @@ export declare abstract class IgcDatePickerBaseComponent<T extends Date | DateRa
|
|
|
254
253
|
protected willUpdate(changedProperties: PropertyValues<this>): void;
|
|
255
254
|
protected _setDateConstraints(): void;
|
|
256
255
|
protected _shouldCloseCalendarDropdown(): Promise<void>;
|
|
256
|
+
/**
|
|
257
|
+
* Points the calendar at the first defined of `dates`, keeping its current
|
|
258
|
+
* active date when none is. A no-op until the calendar is rendered.
|
|
259
|
+
*/
|
|
260
|
+
protected _setCalendarActiveDate(...dates: (Date | null | undefined)[]): void;
|
|
257
261
|
/**
|
|
258
262
|
* Pushes the value of the picker back onto the calendar, which a read-only picker has
|
|
259
263
|
* to do directly - the binding is left with nothing to re-commit.
|
|
@@ -272,7 +276,7 @@ export declare abstract class IgcDatePickerBaseComponent<T extends Date | DateRa
|
|
|
272
276
|
protected _handleCalendarChangeEvent(event: CustomEvent<Date | Date[]>): Promise<void>;
|
|
273
277
|
protected _handleDialogClosing(event: Event): void;
|
|
274
278
|
protected _handleDialogClosed(event: Event): void;
|
|
275
|
-
protected _renderClearIcon(part?: string): TemplateResult<1
|
|
279
|
+
protected _renderClearIcon(part?: string): typeof nothing | TemplateResult<1>;
|
|
276
280
|
protected _renderCalendarIcon(suffix?: string): TemplateResult<1>;
|
|
277
281
|
/**
|
|
278
282
|
* The content projected into an editor of the picker - its icons and prefix/suffix slots.
|
|
@@ -281,7 +285,7 @@ export declare abstract class IgcDatePickerBaseComponent<T extends Date | DateRa
|
|
|
281
285
|
* e.g. `-start` and `-end`.
|
|
282
286
|
*/
|
|
283
287
|
protected _renderEditorSlots(suffix?: string): TemplateResult<1>;
|
|
284
|
-
protected _renderCalendarSlots(): TemplateResult<1
|
|
288
|
+
protected _renderCalendarSlots(): typeof nothing | TemplateResult<1>;
|
|
285
289
|
protected _renderCalendar(id: string): TemplateResult<1>;
|
|
286
290
|
protected _renderActions(): TemplateResult<1>;
|
|
287
291
|
/** The content rendered inside the popover/dialog of the picker. */
|
|
@@ -289,6 +293,5 @@ export declare abstract class IgcDatePickerBaseComponent<T extends Date | DateRa
|
|
|
289
293
|
/** Additional content rendered in the dialog of the picker. */
|
|
290
294
|
protected _renderDialogFooter(): TemplateResult | typeof nothing;
|
|
291
295
|
protected _renderPicker(id: string): TemplateResult<1>;
|
|
292
|
-
protected _renderHelperText(): TemplateResult;
|
|
293
296
|
}
|
|
294
297
|
export {};
|
|
@@ -11,9 +11,11 @@ import { addAriaProjector } from '#internals/controllers/aria-projection.js';
|
|
|
11
11
|
import { addKeybindings, altKey, arrowDown, arrowUp, escapeKey, } from '#internals/controllers/key-bindings.js';
|
|
12
12
|
import { addRootClickController } from '#internals/controllers/root-click.js';
|
|
13
13
|
import { convertToDate } from '#internals/date/converters.js';
|
|
14
|
+
import { coercedProperty } from '#internals/decorators/coerced-property.js';
|
|
14
15
|
import { IgcComboBoxBaseLikeComponent } from '#internals/mixins/combo-box.js';
|
|
15
16
|
import { EventEmitterMixin } from '#internals/mixins/event-emitter.js';
|
|
16
17
|
import { FormAssociatedRequiredMixin } from '#internals/mixins/forms/associated-required.js';
|
|
18
|
+
import { renderSlottedIcon } from '#internals/templates/slotted-icon.js';
|
|
17
19
|
import { asArray } from '#internals/utils/arrays.js';
|
|
18
20
|
import { addSafeEventListener, focusLeftHost, getElementFromPath, } from '#internals/utils/events.js';
|
|
19
21
|
import { bindIf } from '#internals/utils/lit.js';
|
|
@@ -115,14 +117,6 @@ export class IgcDatePickerBaseComponent extends FormAssociatedRequiredMixin(Even
|
|
|
115
117
|
get max() {
|
|
116
118
|
return this._max;
|
|
117
119
|
}
|
|
118
|
-
set disabledDates(dates) {
|
|
119
|
-
this._disabledDates = dates;
|
|
120
|
-
this._setDateConstraints();
|
|
121
|
-
this._validate();
|
|
122
|
-
}
|
|
123
|
-
get disabledDates() {
|
|
124
|
-
return this._disabledDates;
|
|
125
|
-
}
|
|
126
120
|
set activeDate(value) {
|
|
127
121
|
this._activeDate = convertToDate(value);
|
|
128
122
|
}
|
|
@@ -141,7 +135,6 @@ export class IgcDatePickerBaseComponent extends FormAssociatedRequiredMixin(Even
|
|
|
141
135
|
this._activeDate = null;
|
|
142
136
|
this._min = null;
|
|
143
137
|
this._max = null;
|
|
144
|
-
this._disabledDates = [];
|
|
145
138
|
this._dateConstraints = [];
|
|
146
139
|
this._visibleMonths = 1;
|
|
147
140
|
this._rootClickController = addRootClickController(this, { onHide: this._handleClosing });
|
|
@@ -150,6 +143,7 @@ export class IgcDatePickerBaseComponent extends FormAssociatedRequiredMixin(Even
|
|
|
150
143
|
this.nonEditable = false;
|
|
151
144
|
this.outlined = false;
|
|
152
145
|
this.prompt = '_';
|
|
146
|
+
this.disabledDates = [];
|
|
153
147
|
this.headerOrientation = 'horizontal';
|
|
154
148
|
this.orientation = 'horizontal';
|
|
155
149
|
this.hideHeader = false;
|
|
@@ -183,7 +177,7 @@ export class IgcDatePickerBaseComponent extends FormAssociatedRequiredMixin(Even
|
|
|
183
177
|
}
|
|
184
178
|
_setDateConstraints() {
|
|
185
179
|
this._dateConstraints =
|
|
186
|
-
createDateConstraints(this._min, this._max, this.
|
|
180
|
+
createDateConstraints(this._min, this._max, this.disabledDates) ?? [];
|
|
187
181
|
}
|
|
188
182
|
async _shouldCloseCalendarDropdown() {
|
|
189
183
|
if (this.keepOpenOnSelect || !this._canCloseOnSelect()) {
|
|
@@ -193,6 +187,12 @@ export class IgcDatePickerBaseComponent extends FormAssociatedRequiredMixin(Even
|
|
|
193
187
|
this._focusAndSelectInput();
|
|
194
188
|
}
|
|
195
189
|
}
|
|
190
|
+
_setCalendarActiveDate(...dates) {
|
|
191
|
+
if (this._calendar) {
|
|
192
|
+
this._calendar.activeDate =
|
|
193
|
+
dates.find(Boolean) ?? this._calendar.activeDate;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
196
|
async _restoreCalendarSelection() {
|
|
197
197
|
await this._calendar.updateComplete;
|
|
198
198
|
if (this._calendarSelection === 'single') {
|
|
@@ -271,26 +271,12 @@ export class IgcDatePickerBaseComponent extends FormAssociatedRequiredMixin(Even
|
|
|
271
271
|
part=${part}
|
|
272
272
|
@click=${bindIf(!this.readOnly, this.clear)}
|
|
273
273
|
>
|
|
274
|
-
|
|
275
|
-
<igc-icon
|
|
276
|
-
name="input_clear"
|
|
277
|
-
collection="default"
|
|
278
|
-
aria-hidden="true"
|
|
279
|
-
></igc-icon>
|
|
280
|
-
</slot>
|
|
274
|
+
${renderSlottedIcon({ slot: part, icon: 'input_clear' })}
|
|
281
275
|
</span>
|
|
282
276
|
`
|
|
283
277
|
: nothing;
|
|
284
278
|
}
|
|
285
279
|
_renderCalendarIcon(suffix = '') {
|
|
286
|
-
const defaultIcon = html `
|
|
287
|
-
<igc-icon
|
|
288
|
-
name="today"
|
|
289
|
-
collection="default"
|
|
290
|
-
aria-hidden="true"
|
|
291
|
-
title=${ifDefined(this._calendarIconTitle)}
|
|
292
|
-
></igc-icon>
|
|
293
|
-
`;
|
|
294
280
|
const part = `${this.open ? 'calendar-icon-open' : 'calendar-icon'}${suffix}`;
|
|
295
281
|
return html `
|
|
296
282
|
<span
|
|
@@ -299,7 +285,11 @@ export class IgcDatePickerBaseComponent extends FormAssociatedRequiredMixin(Even
|
|
|
299
285
|
@pointerdown=${this._handleCalendarIconSlotPointerDown}
|
|
300
286
|
@click=${bindIf(!this.readOnly, this._handleAnchorClick)}
|
|
301
287
|
>
|
|
302
|
-
|
|
288
|
+
${renderSlottedIcon({
|
|
289
|
+
slot: part,
|
|
290
|
+
icon: 'today',
|
|
291
|
+
title: this._calendarIconTitle,
|
|
292
|
+
})}
|
|
303
293
|
</span>
|
|
304
294
|
`;
|
|
305
295
|
}
|
|
@@ -404,9 +394,6 @@ export class IgcDatePickerBaseComponent extends FormAssociatedRequiredMixin(Even
|
|
|
404
394
|
</igc-dialog>
|
|
405
395
|
`;
|
|
406
396
|
}
|
|
407
|
-
_renderHelperText() {
|
|
408
|
-
return IgcValidationContainerComponent.create(this);
|
|
409
|
-
}
|
|
410
397
|
}
|
|
411
398
|
__decorate([
|
|
412
399
|
query(IgcCalendarComponent.tagName)
|
|
@@ -448,8 +435,14 @@ __decorate([
|
|
|
448
435
|
property({ converter: convertToDate })
|
|
449
436
|
], IgcDatePickerBaseComponent.prototype, "max", null);
|
|
450
437
|
__decorate([
|
|
451
|
-
property({ attribute: false })
|
|
452
|
-
|
|
438
|
+
property({ attribute: false }),
|
|
439
|
+
coercedProperty({
|
|
440
|
+
onChange: ({ host }) => {
|
|
441
|
+
host._setDateConstraints();
|
|
442
|
+
host._validate();
|
|
443
|
+
},
|
|
444
|
+
})
|
|
445
|
+
], IgcDatePickerBaseComponent.prototype, "disabledDates", void 0);
|
|
453
446
|
__decorate([
|
|
454
447
|
property({ attribute: false })
|
|
455
448
|
], IgcDatePickerBaseComponent.prototype, "specialDates", void 0);
|