@progress/kendo-angular-dropdowns 21.1.1-develop.2 → 21.2.0-develop.10
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/codemods/utils.js +805 -394
- package/codemods/v19/autocomplete-subtitle.js +10 -13
- package/codemods/v19/autocomplete-title.js +10 -13
- package/codemods/v19/combobox-subtitle.js +10 -13
- package/codemods/v19/combobox-title.js +10 -14
- package/codemods/v19/dropdownlist-subtitle.js +10 -13
- package/codemods/v19/dropdownlist-title.js +10 -14
- package/codemods/v19/dropdowntree-subtitle.js +10 -13
- package/codemods/v19/dropdowntree-title.js +10 -13
- package/codemods/v19/multicolumncombobox-subtitle.js +10 -13
- package/codemods/v19/multicolumncombobox-title.js +10 -13
- package/codemods/v19/multiselect-subtitle.js +10 -13
- package/codemods/v19/multiselect-title.js +10 -13
- package/codemods/v19/multiselecttree-subtitle.js +10 -13
- package/codemods/v19/multiselecttree-title.js +10 -13
- package/esm2022/autocomplete/autocomplete.component.mjs +261 -219
- package/esm2022/comboboxes/combobox.component.mjs +298 -256
- package/esm2022/comboboxes/multicolumncombobox.component.mjs +429 -383
- package/esm2022/common/adaptive-renderer.component.mjs +123 -107
- package/esm2022/common/list.component.mjs +295 -217
- package/esm2022/common/navigation/navigation.service.mjs +2 -2
- package/esm2022/common/searchbar.component.mjs +2 -2
- package/esm2022/common/taglist.component.mjs +73 -59
- package/esm2022/dropdownlist/dropdownlist.component.mjs +262 -234
- package/esm2022/dropdowntrees/dropdowntree.component.mjs +298 -258
- package/esm2022/dropdowntrees/multiselecttree.component.mjs +361 -333
- package/esm2022/multiselect/multiselect.component.mjs +308 -267
- package/esm2022/package-metadata.mjs +2 -2
- package/fesm2022/progress-kendo-angular-dropdowns.mjs +2700 -2325
- package/package.json +11 -12
- package/schematics/ngAdd/index.js +2 -2
- package/codemods/template-transformer/index.js +0 -93
|
@@ -6,7 +6,7 @@ import { isPresent, isArray, isObjectArray, resolveAllValues, selectedIndices, g
|
|
|
6
6
|
import { SearchBarComponent } from '../common/searchbar.component';
|
|
7
7
|
import { ViewChild, Renderer2, ViewContainerRef, Component, HostBinding, Input, ElementRef, TemplateRef, Output, EventEmitter, isDevMode, forwardRef, ContentChild, ChangeDetectorRef, KeyValueDiffers, NgZone, Injector } from '@angular/core';
|
|
8
8
|
import { Subscription, Subject, of, merge } from 'rxjs';
|
|
9
|
-
import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, SeparatorComponent, ResizeSensorComponent, Keys, TemplateContextDirective, guid,
|
|
9
|
+
import { isChanged, isDocumentAvailable, KendoInput, hasObservers, anyChanged, SuffixTemplateDirective, PrefixTemplateDirective, isControlRequired, SeparatorComponent, ResizeSensorComponent, Keys, TemplateContextDirective, guid, normalizeKeys } from '@progress/kendo-angular-common';
|
|
10
10
|
import { AdaptiveService } from '@progress/kendo-angular-utils';
|
|
11
11
|
import { catchError, filter, map, take, tap } from 'rxjs/operators';
|
|
12
12
|
import { NG_VALUE_ACCESSOR, NgControl } from '@angular/forms';
|
|
@@ -38,7 +38,7 @@ import { normalizeVirtualizationSettings } from '../common/models/virtualization
|
|
|
38
38
|
import { xIcon } from '@progress/kendo-svg-icons';
|
|
39
39
|
import { AdaptiveRendererComponent } from '../common/adaptive-renderer.component';
|
|
40
40
|
import { TagListComponent } from '../common/taglist.component';
|
|
41
|
-
import {
|
|
41
|
+
import { NgTemplateOutlet } from '@angular/common';
|
|
42
42
|
import { SharedDropDownEventsDirective } from '../common/shared-events.directive';
|
|
43
43
|
import { LocalizedMessagesDirective } from '../common/localization/localized-messages.directive';
|
|
44
44
|
import { IconWrapperComponent } from '@progress/kendo-angular-icons';
|
|
@@ -956,7 +956,7 @@ export class MultiSelectComponent {
|
|
|
956
956
|
* @hidden
|
|
957
957
|
*/
|
|
958
958
|
handleNavigate(event) {
|
|
959
|
-
const code =
|
|
959
|
+
const code = normalizeKeys(event);
|
|
960
960
|
const navigateInput = this.text && code !== Keys.ArrowDown && code !== Keys.ArrowUp;
|
|
961
961
|
const selectValue = this.text && code === Keys.Enter || code === Keys.Escape;
|
|
962
962
|
const deleteTag = !this.text && code === Keys.Backspace && this.tags.length > 0;
|
|
@@ -1218,7 +1218,7 @@ export class MultiSelectComponent {
|
|
|
1218
1218
|
merge(this.navigationService.pagedown, this.navigationService.pageup).subscribe((event) => {
|
|
1219
1219
|
if (this.isOpen) {
|
|
1220
1220
|
event.originalEvent.preventDefault();
|
|
1221
|
-
const code =
|
|
1221
|
+
const code = normalizeKeys(event.originalEvent);
|
|
1222
1222
|
this.optionsList.scrollWithOnePage(NavigationAction[code]);
|
|
1223
1223
|
}
|
|
1224
1224
|
})
|
|
@@ -1410,7 +1410,8 @@ export class MultiSelectComponent {
|
|
|
1410
1410
|
}
|
|
1411
1411
|
}
|
|
1412
1412
|
handleKeydown(event) {
|
|
1413
|
-
|
|
1413
|
+
const code = normalizeKeys(event);
|
|
1414
|
+
if (this.isFocused && this.isOpen && (event.ctrlKey || event.metaKey) && code === Keys.KeyA) {
|
|
1414
1415
|
event.preventDefault();
|
|
1415
1416
|
this.handleSelectAll();
|
|
1416
1417
|
}
|
|
@@ -1788,7 +1789,7 @@ export class MultiSelectComponent {
|
|
|
1788
1789
|
}
|
|
1789
1790
|
}
|
|
1790
1791
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiSelectComponent, deps: [{ token: i0.ElementRef }, { token: i1.LocalizationService }, { token: i2.PopupService }, { token: i3.DataService }, { token: i4.SelectionService }, { token: i5.NavigationService }, { token: i6.DisabledItemsService }, { token: i0.ChangeDetectorRef }, { token: i0.KeyValueDiffers }, { token: i0.Renderer2 }, { token: i0.NgZone }, { token: i0.Injector }, { token: i0.ElementRef }, { token: i7.AdaptiveService }], target: i0.ɵɵFactoryTarget.Component });
|
|
1791
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "
|
|
1792
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: MultiSelectComponent, isStandalone: true, selector: "kendo-multiselect", inputs: { showStickyHeader: "showStickyHeader", focusableId: "focusableId", autoClose: "autoClose", loading: "loading", data: "data", value: "value", valueField: "valueField", textField: "textField", tabindex: "tabindex", tabIndex: "tabIndex", size: "size", rounded: "rounded", fillMode: "fillMode", placeholder: "placeholder", adaptiveMode: "adaptiveMode", adaptiveTitle: "adaptiveTitle", adaptiveSubtitle: "adaptiveSubtitle", disabled: "disabled", itemDisabled: "itemDisabled", checkboxes: "checkboxes", readonly: "readonly", filterable: "filterable", virtual: "virtual", popupSettings: "popupSettings", listHeight: "listHeight", valuePrimitive: "valuePrimitive", clearButton: "clearButton", tagMapper: "tagMapper", allowCustom: "allowCustom", valueNormalizer: "valueNormalizer", inputAttributes: "inputAttributes" }, outputs: { filterChange: "filterChange", valueChange: "valueChange", open: "open", opened: "opened", close: "close", closed: "closed", onFocus: "focus", onBlur: "blur", inputFocus: "inputFocus", inputBlur: "inputBlur", removeTag: "removeTag" }, host: { properties: { "class.k-readonly": "this.readonly", "class.k-multiselect": "this.hostClasses", "class.k-input": "this.hostClasses", "attr.dir": "this.dir", "class.k-disabled": "this.disabledClass", "class.k-loading": "this.isLoading" } }, providers: [
|
|
1792
1793
|
MULTISELECT_VALUE_ACCESSOR,
|
|
1793
1794
|
DataService,
|
|
1794
1795
|
SelectionService,
|
|
@@ -1807,176 +1808,196 @@ export class MultiSelectComponent {
|
|
|
1807
1808
|
}
|
|
1808
1809
|
], queries: [{ propertyName: "template", first: true, predicate: ItemTemplateDirective, descendants: true }, { propertyName: "customItemTemplate", first: true, predicate: CustomItemTemplateDirective, descendants: true }, { propertyName: "groupTemplate", first: true, predicate: GroupTemplateDirective, descendants: true }, { propertyName: "fixedGroupTemplate", first: true, predicate: FixedGroupTemplateDirective, descendants: true }, { propertyName: "headerTemplate", first: true, predicate: HeaderTemplateDirective, descendants: true }, { propertyName: "footerTemplate", first: true, predicate: FooterTemplateDirective, descendants: true }, { propertyName: "tagTemplate", first: true, predicate: TagTemplateDirective, descendants: true }, { propertyName: "groupTagTemplate", first: true, predicate: GroupTagTemplateDirective, descendants: true }, { propertyName: "noDataTemplate", first: true, predicate: NoDataTemplateDirective, descendants: true }, { propertyName: "suffixTemplate", first: true, predicate: SuffixTemplateDirective, descendants: true }, { propertyName: "prefixTemplate", first: true, predicate: PrefixTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "adaptiveRendererComponent", first: true, predicate: AdaptiveRendererComponent, descendants: true }, { propertyName: "container", first: true, predicate: ["container"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "searchbar", first: true, predicate: SearchBarComponent, descendants: true, static: true }, { propertyName: "tagList", first: true, predicate: TagListComponent, descendants: true, static: true }, { propertyName: "popupTemplate", first: true, predicate: ["popupTemplate"], descendants: true, static: true }, { propertyName: "optionsList", first: true, predicate: ["optionsList"], descendants: true }], exportAs: ["kendoMultiSelect"], usesOnChanges: true, ngImport: i0, template: `
|
|
1809
1810
|
<ng-container kendoMultiSelectLocalizedMessages
|
|
1810
|
-
|
|
1811
|
-
|
|
1811
|
+
i18n-noDataText="kendo.multiselect.noDataText|The text displayed in the popup when there are no items"
|
|
1812
|
+
noDataText="NO DATA FOUND"
|
|
1812
1813
|
|
|
1813
|
-
|
|
1814
|
-
|
|
1814
|
+
i18n-clearTitle="kendo.multiselect.clearTitle|The title of the clear button"
|
|
1815
|
+
clearTitle="clear"
|
|
1815
1816
|
|
|
1816
|
-
|
|
1817
|
-
|
|
1817
|
+
i18n-popupLabel="kendo.multiselect.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
|
|
1818
|
+
popupLabel="Options list"
|
|
1818
1819
|
|
|
1819
|
-
|
|
1820
|
-
|
|
1820
|
+
i18n-adaptiveCloseButtonTitle="kendo.multiselect.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode."
|
|
1821
|
+
adaptiveCloseButtonTitle="Close"
|
|
1821
1822
|
|
|
1822
|
-
|
|
1823
|
-
|
|
1824
|
-
|
|
1823
|
+
i18n-useCustomValueText="kendo.multiselect.useCustomValueText|The text displayed when the user types a custom value that is not in the list of options."
|
|
1824
|
+
useCustomValueText="{{ 'Use "{customValue}"' }}"
|
|
1825
|
+
>
|
|
1825
1826
|
</ng-container>
|
|
1826
1827
|
|
|
1827
1828
|
<ng-container
|
|
1828
|
-
|
|
1829
|
-
|
|
1830
|
-
|
|
1831
|
-
|
|
1832
|
-
|
|
1833
|
-
|
|
1834
|
-
|
|
1835
|
-
|
|
1836
|
-
|
|
1829
|
+
kendoDropDownSharedEvents
|
|
1830
|
+
[hostElement]="hostElement"
|
|
1831
|
+
[(isFocused)]="isFocused"
|
|
1832
|
+
(handleBlur)="handleBlur()"
|
|
1833
|
+
(onFocus)="handleFocus()"
|
|
1834
|
+
>
|
|
1835
|
+
@if (prefixTemplate) {
|
|
1836
|
+
<span class="k-input-prefix k-input-prefix-horizontal">
|
|
1837
|
+
<ng-template [ngTemplateOutlet]="prefixTemplate?.templateRef">
|
|
1838
|
+
</ng-template>
|
|
1837
1839
|
</span>
|
|
1838
|
-
|
|
1839
|
-
|
|
1840
|
-
|
|
1841
|
-
|
|
1842
|
-
|
|
1843
|
-
|
|
1844
|
-
|
|
1845
|
-
|
|
1846
|
-
|
|
1847
|
-
|
|
1848
|
-
|
|
1849
|
-
|
|
1850
|
-
|
|
1851
|
-
|
|
1852
|
-
|
|
1853
|
-
|
|
1854
|
-
|
|
1855
|
-
|
|
1856
|
-
|
|
1857
|
-
|
|
1858
|
-
|
|
1859
|
-
|
|
1860
|
-
|
|
1861
|
-
|
|
1862
|
-
|
|
1863
|
-
|
|
1864
|
-
|
|
1865
|
-
|
|
1866
|
-
|
|
1867
|
-
|
|
1868
|
-
|
|
1869
|
-
|
|
1870
|
-
|
|
1871
|
-
|
|
1872
|
-
|
|
1873
|
-
|
|
1874
|
-
|
|
1875
|
-
|
|
1876
|
-
|
|
1877
|
-
|
|
1878
|
-
|
|
1879
|
-
|
|
1840
|
+
}
|
|
1841
|
+
@if (prefixTemplate && prefixTemplate.showSeparator) {
|
|
1842
|
+
<kendo-separator></kendo-separator>
|
|
1843
|
+
}
|
|
1844
|
+
<div class="k-input-values">
|
|
1845
|
+
<kendo-taglist
|
|
1846
|
+
[size]="size"
|
|
1847
|
+
[rounded]="rounded"
|
|
1848
|
+
[fillMode]="fillMode"
|
|
1849
|
+
[id]="tagListId"
|
|
1850
|
+
[tags]="tags"
|
|
1851
|
+
[textField]="textField"
|
|
1852
|
+
[valueField]="valueField"
|
|
1853
|
+
[focused]="focusedTagIndex"
|
|
1854
|
+
[disabled]="disabled"
|
|
1855
|
+
[template]="tagTemplate"
|
|
1856
|
+
[groupTemplate]="groupTagTemplate"
|
|
1857
|
+
[tagPrefix]="tagPrefix"
|
|
1858
|
+
[disabledIndices]="disabledIndices"
|
|
1859
|
+
(removeTag)="handleRemoveTag($event)"
|
|
1860
|
+
>
|
|
1861
|
+
</kendo-taglist>
|
|
1862
|
+
<input
|
|
1863
|
+
kendoSearchbar
|
|
1864
|
+
[ariaControls]="ariaControls"
|
|
1865
|
+
[ariaExpanded]="isOpen"
|
|
1866
|
+
[id]="focusableId"
|
|
1867
|
+
[tagListId]="tagListId"
|
|
1868
|
+
[isLoading]="loading"
|
|
1869
|
+
[isFilterable]="filterable"
|
|
1870
|
+
[activeDescendant]="activeDescendant"
|
|
1871
|
+
[userInput]="text"
|
|
1872
|
+
[disabled]="disabled"
|
|
1873
|
+
[readonly]="readonly || this.isAdaptive"
|
|
1874
|
+
[tabIndex]="tabIndex"
|
|
1875
|
+
[isRequired]="isControlRequired"
|
|
1876
|
+
[placeholder]="placeholder"
|
|
1877
|
+
[inputAttributes]="inputAttributes"
|
|
1878
|
+
(onNavigate)="handleNavigate($event)"
|
|
1879
|
+
(valueChange)="handleFilter($event)"
|
|
1880
|
+
(onBlur)="handleInputBlur()"
|
|
1881
|
+
(onFocus)="handleInputFocus()"
|
|
1882
|
+
(click)="handleClick()"
|
|
1883
|
+
/>
|
|
1884
|
+
</div>
|
|
1880
1885
|
|
|
1886
|
+
@if (!loading && !readonly && clearButton && (tags?.length || text?.length)) {
|
|
1881
1887
|
<span
|
|
1882
|
-
|
|
1883
|
-
|
|
1884
|
-
|
|
1885
|
-
|
|
1886
|
-
|
|
1887
|
-
|
|
1888
|
-
|
|
1889
|
-
|
|
1890
|
-
|
|
1891
|
-
|
|
1892
|
-
|
|
1893
|
-
[svgIcon]="xIcon"
|
|
1888
|
+
class="k-clear-value"
|
|
1889
|
+
[style.visibility]="clearButtonVisibility"
|
|
1890
|
+
[attr.title]="messageFor('clearTitle')"
|
|
1891
|
+
role="button"
|
|
1892
|
+
tabindex="-1"
|
|
1893
|
+
(mousedown)="clearAll($event)"
|
|
1894
|
+
>
|
|
1895
|
+
<kendo-icon-wrapper
|
|
1896
|
+
class="k-icon"
|
|
1897
|
+
name="x"
|
|
1898
|
+
[svgIcon]="xIcon"
|
|
1894
1899
|
>
|
|
1895
|
-
|
|
1900
|
+
</kendo-icon-wrapper>
|
|
1896
1901
|
</span>
|
|
1902
|
+
}
|
|
1903
|
+
@if (loading) {
|
|
1897
1904
|
<span
|
|
1898
|
-
|
|
1899
|
-
|
|
1900
|
-
>
|
|
1905
|
+
class="k-icon k-i-loading k-input-loading-icon"
|
|
1906
|
+
>
|
|
1901
1907
|
</span>
|
|
1902
|
-
|
|
1903
|
-
|
|
1904
|
-
|
|
1905
|
-
|
|
1908
|
+
}
|
|
1909
|
+
@if (suffixTemplate && suffixTemplate.showSeparator) {
|
|
1910
|
+
<kendo-separator></kendo-separator>
|
|
1911
|
+
}
|
|
1912
|
+
@if (suffixTemplate) {
|
|
1913
|
+
<span class="k-input-suffix k-input-suffix-horizontal">
|
|
1914
|
+
<ng-template [ngTemplateOutlet]="suffixTemplate?.templateRef">
|
|
1915
|
+
</ng-template>
|
|
1906
1916
|
</span>
|
|
1917
|
+
}
|
|
1907
1918
|
</ng-container>
|
|
1908
1919
|
|
|
1909
1920
|
<ng-template #popupTemplate>
|
|
1910
|
-
|
|
1921
|
+
<ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
|
|
1911
1922
|
</ng-template>
|
|
1912
|
-
|
|
1923
|
+
@if (isOpen || isAdaptiveModeEnabled) {
|
|
1924
|
+
<kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
|
|
1925
|
+
}
|
|
1913
1926
|
<ng-container #container></ng-container>
|
|
1914
1927
|
|
|
1915
1928
|
<kendo-adaptive-renderer
|
|
1916
|
-
|
|
1917
|
-
|
|
1918
|
-
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1929
|
+
[sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
|
|
1930
|
+
[title]="adaptiveTitle"
|
|
1931
|
+
[showTextInput]="true"
|
|
1932
|
+
[subtitle]="adaptiveSubtitle"
|
|
1933
|
+
(closePopup)="applyValue()"
|
|
1934
|
+
(textInputChange)="handleFilter($event)"
|
|
1935
|
+
[placeholder]="placeholder"
|
|
1936
|
+
(navigate)="handleNavigate($event)"
|
|
1937
|
+
[searchBarValue]="text">
|
|
1925
1938
|
</kendo-adaptive-renderer>
|
|
1926
1939
|
|
|
1927
1940
|
<ng-template #sharedPopupActionSheetTemplate>
|
|
1928
|
-
|
|
1929
|
-
|
|
1941
|
+
<!--header template-->
|
|
1942
|
+
@if (headerTemplate) {
|
|
1943
|
+
<ng-template
|
|
1930
1944
|
[templateContext]="{
|
|
1931
1945
|
templateRef: headerTemplate.templateRef
|
|
1932
1946
|
}">
|
|
1933
1947
|
</ng-template>
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
1954
|
-
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1948
|
+
}
|
|
1949
|
+
<!--list-->
|
|
1950
|
+
<kendo-list
|
|
1951
|
+
#optionsList
|
|
1952
|
+
[size]="isAdaptive ? 'large' : size"
|
|
1953
|
+
[rounded]="rounded"
|
|
1954
|
+
[id]="listBoxId"
|
|
1955
|
+
[optionPrefix]="optionPrefix"
|
|
1956
|
+
[data]="data"
|
|
1957
|
+
[textField]="textField"
|
|
1958
|
+
[valueField]="valueField"
|
|
1959
|
+
[template]="template"
|
|
1960
|
+
[groupTemplate]="groupTemplate"
|
|
1961
|
+
[fixedGroupTemplate]="fixedGroupTemplate"
|
|
1962
|
+
[height]="listHeight"
|
|
1963
|
+
[show]="isOpen"
|
|
1964
|
+
[multipleSelection]="true"
|
|
1965
|
+
[virtual]="virtual"
|
|
1966
|
+
(pageChange)="pageChange($event)"
|
|
1967
|
+
[checkboxes]="checkboxes"
|
|
1968
|
+
[isMultiselect]="true"
|
|
1969
|
+
[isActionSheetExpanded]="isActionSheetExpanded"
|
|
1970
|
+
[showStickyHeader]="showStickyHeader"
|
|
1971
|
+
[customItemTemplate]="customItemTemplate"
|
|
1972
|
+
[text]="text"
|
|
1973
|
+
[allowCustom]="allowCustom"
|
|
1959
1974
|
>
|
|
1960
|
-
|
|
1961
|
-
|
|
1962
|
-
|
|
1963
|
-
|
|
1975
|
+
</kendo-list>
|
|
1976
|
+
<!--no data template-->
|
|
1977
|
+
@if (data.length === 0) {
|
|
1978
|
+
<div class="k-no-data">
|
|
1979
|
+
@if (noDataTemplate) {
|
|
1980
|
+
<ng-template
|
|
1964
1981
|
[templateContext]="{
|
|
1965
1982
|
templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined
|
|
1966
1983
|
}">
|
|
1967
1984
|
</ng-template>
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
</
|
|
1985
|
+
}
|
|
1986
|
+
@if (!noDataTemplate) {
|
|
1987
|
+
<div>{{ messageFor('noDataText') }}</div>
|
|
1988
|
+
}
|
|
1971
1989
|
</div>
|
|
1972
|
-
|
|
1973
|
-
|
|
1990
|
+
}
|
|
1991
|
+
<!--footer template-->
|
|
1992
|
+
@if (footerTemplate) {
|
|
1993
|
+
<ng-template
|
|
1974
1994
|
[templateContext]="{
|
|
1975
1995
|
templateRef: footerTemplate.templateRef
|
|
1976
1996
|
}">
|
|
1977
1997
|
</ng-template>
|
|
1998
|
+
}
|
|
1978
1999
|
</ng-template>
|
|
1979
|
-
|
|
2000
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { kind: "directive", type: SharedDropDownEventsDirective, selector: "[kendoDropDownSharedEvents]", inputs: ["hostElement", "clearButtonClicked", "isFocused"], outputs: ["isFocusedChange", "onFocus", "handleBlur"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SeparatorComponent, selector: "kendo-separator", inputs: ["orientation"] }, { kind: "component", type: TagListComponent, selector: "kendo-taglist", inputs: ["tags", "textField", "valueField", "valueDepth", "focused", "template", "groupTemplate", "disabled", "tagPrefix", "id", "size", "rounded", "fillMode", "disabledIndices"], outputs: ["removeTag"] }, { kind: "component", type: SearchBarComponent, selector: "input[kendoSearchbar]", inputs: ["tagListId", "readonly", "disabled", "isRequired", "isSuggestable", "isFilterable", "userInput", "suggestedText", "inputAttributes", "id", "activeDescendant", "tabIndex", "isLoading", "ariaControls", "ariaExpanded", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { kind: "component", type: AdaptiveRendererComponent, selector: "kendo-adaptive-renderer", inputs: ["title", "subtitle", "showTextInput", "sharedPopupActionSheetTemplate", "text", "placeholder", "searchBarValue", "filterable"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand"] }, { kind: "directive", type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { kind: "component", type: ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "showStickyHeader", "rowWidth", "customItemTemplate", "text", "allowCustom", "defaultItem", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize", "popupListScroll"] }] });
|
|
1980
2001
|
}
|
|
1981
2002
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MultiSelectComponent, decorators: [{
|
|
1982
2003
|
type: Component,
|
|
@@ -2003,178 +2024,198 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
2003
2024
|
selector: 'kendo-multiselect',
|
|
2004
2025
|
template: `
|
|
2005
2026
|
<ng-container kendoMultiSelectLocalizedMessages
|
|
2006
|
-
|
|
2007
|
-
|
|
2027
|
+
i18n-noDataText="kendo.multiselect.noDataText|The text displayed in the popup when there are no items"
|
|
2028
|
+
noDataText="NO DATA FOUND"
|
|
2008
2029
|
|
|
2009
|
-
|
|
2010
|
-
|
|
2030
|
+
i18n-clearTitle="kendo.multiselect.clearTitle|The title of the clear button"
|
|
2031
|
+
clearTitle="clear"
|
|
2011
2032
|
|
|
2012
|
-
|
|
2013
|
-
|
|
2033
|
+
i18n-popupLabel="kendo.multiselect.popupLabel|The label of the popup element that contains the list of options when its role is 'region'"
|
|
2034
|
+
popupLabel="Options list"
|
|
2014
2035
|
|
|
2015
|
-
|
|
2016
|
-
|
|
2036
|
+
i18n-adaptiveCloseButtonTitle="kendo.multiselect.adaptiveCloseButtonTitle|The title of the Close button of the ActionSheet that is rendered instead of the Popup when using small screen devices in adaptive mode."
|
|
2037
|
+
adaptiveCloseButtonTitle="Close"
|
|
2017
2038
|
|
|
2018
|
-
|
|
2019
|
-
|
|
2020
|
-
|
|
2039
|
+
i18n-useCustomValueText="kendo.multiselect.useCustomValueText|The text displayed when the user types a custom value that is not in the list of options."
|
|
2040
|
+
useCustomValueText="{{ 'Use "{customValue}"' }}"
|
|
2041
|
+
>
|
|
2021
2042
|
</ng-container>
|
|
2022
2043
|
|
|
2023
2044
|
<ng-container
|
|
2024
|
-
|
|
2025
|
-
|
|
2026
|
-
|
|
2027
|
-
|
|
2028
|
-
|
|
2029
|
-
|
|
2030
|
-
|
|
2031
|
-
|
|
2032
|
-
|
|
2045
|
+
kendoDropDownSharedEvents
|
|
2046
|
+
[hostElement]="hostElement"
|
|
2047
|
+
[(isFocused)]="isFocused"
|
|
2048
|
+
(handleBlur)="handleBlur()"
|
|
2049
|
+
(onFocus)="handleFocus()"
|
|
2050
|
+
>
|
|
2051
|
+
@if (prefixTemplate) {
|
|
2052
|
+
<span class="k-input-prefix k-input-prefix-horizontal">
|
|
2053
|
+
<ng-template [ngTemplateOutlet]="prefixTemplate?.templateRef">
|
|
2054
|
+
</ng-template>
|
|
2033
2055
|
</span>
|
|
2034
|
-
|
|
2035
|
-
|
|
2036
|
-
|
|
2037
|
-
|
|
2038
|
-
|
|
2039
|
-
|
|
2040
|
-
|
|
2041
|
-
|
|
2042
|
-
|
|
2043
|
-
|
|
2044
|
-
|
|
2045
|
-
|
|
2046
|
-
|
|
2047
|
-
|
|
2048
|
-
|
|
2049
|
-
|
|
2050
|
-
|
|
2051
|
-
|
|
2052
|
-
|
|
2053
|
-
|
|
2054
|
-
|
|
2055
|
-
|
|
2056
|
-
|
|
2057
|
-
|
|
2058
|
-
|
|
2059
|
-
|
|
2060
|
-
|
|
2061
|
-
|
|
2062
|
-
|
|
2063
|
-
|
|
2064
|
-
|
|
2065
|
-
|
|
2066
|
-
|
|
2067
|
-
|
|
2068
|
-
|
|
2069
|
-
|
|
2070
|
-
|
|
2071
|
-
|
|
2072
|
-
|
|
2073
|
-
|
|
2074
|
-
|
|
2075
|
-
|
|
2056
|
+
}
|
|
2057
|
+
@if (prefixTemplate && prefixTemplate.showSeparator) {
|
|
2058
|
+
<kendo-separator></kendo-separator>
|
|
2059
|
+
}
|
|
2060
|
+
<div class="k-input-values">
|
|
2061
|
+
<kendo-taglist
|
|
2062
|
+
[size]="size"
|
|
2063
|
+
[rounded]="rounded"
|
|
2064
|
+
[fillMode]="fillMode"
|
|
2065
|
+
[id]="tagListId"
|
|
2066
|
+
[tags]="tags"
|
|
2067
|
+
[textField]="textField"
|
|
2068
|
+
[valueField]="valueField"
|
|
2069
|
+
[focused]="focusedTagIndex"
|
|
2070
|
+
[disabled]="disabled"
|
|
2071
|
+
[template]="tagTemplate"
|
|
2072
|
+
[groupTemplate]="groupTagTemplate"
|
|
2073
|
+
[tagPrefix]="tagPrefix"
|
|
2074
|
+
[disabledIndices]="disabledIndices"
|
|
2075
|
+
(removeTag)="handleRemoveTag($event)"
|
|
2076
|
+
>
|
|
2077
|
+
</kendo-taglist>
|
|
2078
|
+
<input
|
|
2079
|
+
kendoSearchbar
|
|
2080
|
+
[ariaControls]="ariaControls"
|
|
2081
|
+
[ariaExpanded]="isOpen"
|
|
2082
|
+
[id]="focusableId"
|
|
2083
|
+
[tagListId]="tagListId"
|
|
2084
|
+
[isLoading]="loading"
|
|
2085
|
+
[isFilterable]="filterable"
|
|
2086
|
+
[activeDescendant]="activeDescendant"
|
|
2087
|
+
[userInput]="text"
|
|
2088
|
+
[disabled]="disabled"
|
|
2089
|
+
[readonly]="readonly || this.isAdaptive"
|
|
2090
|
+
[tabIndex]="tabIndex"
|
|
2091
|
+
[isRequired]="isControlRequired"
|
|
2092
|
+
[placeholder]="placeholder"
|
|
2093
|
+
[inputAttributes]="inputAttributes"
|
|
2094
|
+
(onNavigate)="handleNavigate($event)"
|
|
2095
|
+
(valueChange)="handleFilter($event)"
|
|
2096
|
+
(onBlur)="handleInputBlur()"
|
|
2097
|
+
(onFocus)="handleInputFocus()"
|
|
2098
|
+
(click)="handleClick()"
|
|
2099
|
+
/>
|
|
2100
|
+
</div>
|
|
2076
2101
|
|
|
2102
|
+
@if (!loading && !readonly && clearButton && (tags?.length || text?.length)) {
|
|
2077
2103
|
<span
|
|
2078
|
-
|
|
2079
|
-
|
|
2080
|
-
|
|
2081
|
-
|
|
2082
|
-
|
|
2083
|
-
|
|
2084
|
-
|
|
2085
|
-
|
|
2086
|
-
|
|
2087
|
-
|
|
2088
|
-
|
|
2089
|
-
[svgIcon]="xIcon"
|
|
2104
|
+
class="k-clear-value"
|
|
2105
|
+
[style.visibility]="clearButtonVisibility"
|
|
2106
|
+
[attr.title]="messageFor('clearTitle')"
|
|
2107
|
+
role="button"
|
|
2108
|
+
tabindex="-1"
|
|
2109
|
+
(mousedown)="clearAll($event)"
|
|
2110
|
+
>
|
|
2111
|
+
<kendo-icon-wrapper
|
|
2112
|
+
class="k-icon"
|
|
2113
|
+
name="x"
|
|
2114
|
+
[svgIcon]="xIcon"
|
|
2090
2115
|
>
|
|
2091
|
-
|
|
2116
|
+
</kendo-icon-wrapper>
|
|
2092
2117
|
</span>
|
|
2118
|
+
}
|
|
2119
|
+
@if (loading) {
|
|
2093
2120
|
<span
|
|
2094
|
-
|
|
2095
|
-
|
|
2096
|
-
>
|
|
2121
|
+
class="k-icon k-i-loading k-input-loading-icon"
|
|
2122
|
+
>
|
|
2097
2123
|
</span>
|
|
2098
|
-
|
|
2099
|
-
|
|
2100
|
-
|
|
2101
|
-
|
|
2124
|
+
}
|
|
2125
|
+
@if (suffixTemplate && suffixTemplate.showSeparator) {
|
|
2126
|
+
<kendo-separator></kendo-separator>
|
|
2127
|
+
}
|
|
2128
|
+
@if (suffixTemplate) {
|
|
2129
|
+
<span class="k-input-suffix k-input-suffix-horizontal">
|
|
2130
|
+
<ng-template [ngTemplateOutlet]="suffixTemplate?.templateRef">
|
|
2131
|
+
</ng-template>
|
|
2102
2132
|
</span>
|
|
2133
|
+
}
|
|
2103
2134
|
</ng-container>
|
|
2104
2135
|
|
|
2105
2136
|
<ng-template #popupTemplate>
|
|
2106
|
-
|
|
2137
|
+
<ng-container *ngTemplateOutlet="sharedPopupActionSheetTemplate"></ng-container>
|
|
2107
2138
|
</ng-template>
|
|
2108
|
-
|
|
2139
|
+
@if (isOpen || isAdaptiveModeEnabled) {
|
|
2140
|
+
<kendo-resize-sensor (resize)="onResize()"></kendo-resize-sensor>
|
|
2141
|
+
}
|
|
2109
2142
|
<ng-container #container></ng-container>
|
|
2110
2143
|
|
|
2111
2144
|
<kendo-adaptive-renderer
|
|
2112
|
-
|
|
2113
|
-
|
|
2114
|
-
|
|
2115
|
-
|
|
2116
|
-
|
|
2117
|
-
|
|
2118
|
-
|
|
2119
|
-
|
|
2120
|
-
|
|
2145
|
+
[sharedPopupActionSheetTemplate]="sharedPopupActionSheetTemplate"
|
|
2146
|
+
[title]="adaptiveTitle"
|
|
2147
|
+
[showTextInput]="true"
|
|
2148
|
+
[subtitle]="adaptiveSubtitle"
|
|
2149
|
+
(closePopup)="applyValue()"
|
|
2150
|
+
(textInputChange)="handleFilter($event)"
|
|
2151
|
+
[placeholder]="placeholder"
|
|
2152
|
+
(navigate)="handleNavigate($event)"
|
|
2153
|
+
[searchBarValue]="text">
|
|
2121
2154
|
</kendo-adaptive-renderer>
|
|
2122
2155
|
|
|
2123
2156
|
<ng-template #sharedPopupActionSheetTemplate>
|
|
2124
|
-
|
|
2125
|
-
|
|
2157
|
+
<!--header template-->
|
|
2158
|
+
@if (headerTemplate) {
|
|
2159
|
+
<ng-template
|
|
2126
2160
|
[templateContext]="{
|
|
2127
2161
|
templateRef: headerTemplate.templateRef
|
|
2128
2162
|
}">
|
|
2129
2163
|
</ng-template>
|
|
2130
|
-
|
|
2131
|
-
|
|
2132
|
-
|
|
2133
|
-
|
|
2134
|
-
|
|
2135
|
-
|
|
2136
|
-
|
|
2137
|
-
|
|
2138
|
-
|
|
2139
|
-
|
|
2140
|
-
|
|
2141
|
-
|
|
2142
|
-
|
|
2143
|
-
|
|
2144
|
-
|
|
2145
|
-
|
|
2146
|
-
|
|
2147
|
-
|
|
2148
|
-
|
|
2149
|
-
|
|
2150
|
-
|
|
2151
|
-
|
|
2152
|
-
|
|
2153
|
-
|
|
2154
|
-
|
|
2164
|
+
}
|
|
2165
|
+
<!--list-->
|
|
2166
|
+
<kendo-list
|
|
2167
|
+
#optionsList
|
|
2168
|
+
[size]="isAdaptive ? 'large' : size"
|
|
2169
|
+
[rounded]="rounded"
|
|
2170
|
+
[id]="listBoxId"
|
|
2171
|
+
[optionPrefix]="optionPrefix"
|
|
2172
|
+
[data]="data"
|
|
2173
|
+
[textField]="textField"
|
|
2174
|
+
[valueField]="valueField"
|
|
2175
|
+
[template]="template"
|
|
2176
|
+
[groupTemplate]="groupTemplate"
|
|
2177
|
+
[fixedGroupTemplate]="fixedGroupTemplate"
|
|
2178
|
+
[height]="listHeight"
|
|
2179
|
+
[show]="isOpen"
|
|
2180
|
+
[multipleSelection]="true"
|
|
2181
|
+
[virtual]="virtual"
|
|
2182
|
+
(pageChange)="pageChange($event)"
|
|
2183
|
+
[checkboxes]="checkboxes"
|
|
2184
|
+
[isMultiselect]="true"
|
|
2185
|
+
[isActionSheetExpanded]="isActionSheetExpanded"
|
|
2186
|
+
[showStickyHeader]="showStickyHeader"
|
|
2187
|
+
[customItemTemplate]="customItemTemplate"
|
|
2188
|
+
[text]="text"
|
|
2189
|
+
[allowCustom]="allowCustom"
|
|
2155
2190
|
>
|
|
2156
|
-
|
|
2157
|
-
|
|
2158
|
-
|
|
2159
|
-
|
|
2191
|
+
</kendo-list>
|
|
2192
|
+
<!--no data template-->
|
|
2193
|
+
@if (data.length === 0) {
|
|
2194
|
+
<div class="k-no-data">
|
|
2195
|
+
@if (noDataTemplate) {
|
|
2196
|
+
<ng-template
|
|
2160
2197
|
[templateContext]="{
|
|
2161
2198
|
templateRef: noDataTemplate ? noDataTemplate.templateRef : undefined
|
|
2162
2199
|
}">
|
|
2163
2200
|
</ng-template>
|
|
2164
|
-
|
|
2165
|
-
|
|
2166
|
-
</
|
|
2201
|
+
}
|
|
2202
|
+
@if (!noDataTemplate) {
|
|
2203
|
+
<div>{{ messageFor('noDataText') }}</div>
|
|
2204
|
+
}
|
|
2167
2205
|
</div>
|
|
2168
|
-
|
|
2169
|
-
|
|
2206
|
+
}
|
|
2207
|
+
<!--footer template-->
|
|
2208
|
+
@if (footerTemplate) {
|
|
2209
|
+
<ng-template
|
|
2170
2210
|
[templateContext]="{
|
|
2171
2211
|
templateRef: footerTemplate.templateRef
|
|
2172
2212
|
}">
|
|
2173
2213
|
</ng-template>
|
|
2214
|
+
}
|
|
2174
2215
|
</ng-template>
|
|
2175
|
-
|
|
2216
|
+
`,
|
|
2176
2217
|
standalone: true,
|
|
2177
|
-
imports: [LocalizedMessagesDirective, SharedDropDownEventsDirective,
|
|
2218
|
+
imports: [LocalizedMessagesDirective, SharedDropDownEventsDirective, NgTemplateOutlet, SeparatorComponent, TagListComponent, SearchBarComponent, IconWrapperComponent, ResizeSensorComponent, AdaptiveRendererComponent, TemplateContextDirective, ListComponent]
|
|
2178
2219
|
}]
|
|
2179
2220
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1.LocalizationService }, { type: i2.PopupService }, { type: i3.DataService }, { type: i4.SelectionService }, { type: i5.NavigationService }, { type: i6.DisabledItemsService }, { type: i0.ChangeDetectorRef }, { type: i0.KeyValueDiffers }, { type: i0.Renderer2 }, { type: i0.NgZone }, { type: i0.Injector }, { type: i0.ElementRef }, { type: i7.AdaptiveService }], propDecorators: { adaptiveRendererComponent: [{
|
|
2180
2221
|
type: ViewChild,
|