@progress/kendo-angular-dropdowns 12.2.0-develop.2 → 12.2.0-develop.4

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.
Files changed (8) hide show
  1. package/esm2020/comboboxes/multicolumncombobox.component.mjs +14 -4
  2. package/esm2020/dropdowntrees/dropdowntree.component.mjs +2 -2
  3. package/esm2020/dropdowntrees/multiselecttree.component.mjs +67 -61
  4. package/esm2020/package-metadata.mjs +2 -2
  5. package/fesm2015/progress-kendo-angular-dropdowns.mjs +85 -69
  6. package/fesm2020/progress-kendo-angular-dropdowns.mjs +85 -69
  7. package/package.json +9 -9
  8. package/schematics/ngAdd/index.js +2 -2
package/esm2020/comboboxes/multicolumncombobox.component.mjs CHANGED
@@ -249,7 +249,12 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
249
249
  mousedown: preventEventDefault
250
250
  }"
251
251
  >
252
- <kendo-icon-wrapper *ngIf="!loading && !iconClass" name="caret-alt-down" [svgIcon]="caretAltDownIcon">
252
+ <kendo-icon-wrapper
253
+ *ngIf="!loading && !iconClass"
254
+ name="caret-alt-down"
255
+ innerCssClass="k-button-icon"
256
+ [svgIcon]="caretAltDownIcon"
257
+ >
253
258
  </kendo-icon-wrapper>
254
259
  <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
255
260
  </button>
@@ -402,7 +407,7 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
402
407
  </tfoot>
403
408
  </table>
404
409
  </div>
405
- </ng-container>
410
+ </ng-container>
406
411
  </div>
407
412
  </ng-template>
408
413
  `, isInline: true, components: [{ type: i7.SearchBarComponent, selector: "kendo-searchbar", inputs: ["id", "tagListId", "activeDescendant", "disabled", "readonly", "tabIndex", "role", "isLoading", "ariaControls", "ariaExpanded", "isSuggestable", "isFilterable", "userInput", "suggestedText", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i9.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: i10.ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { type: i11.ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize"] }], directives: [{ type: i12.LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i14.TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i13.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
@@ -502,7 +507,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
502
507
  mousedown: preventEventDefault
503
508
  }"
504
509
  >
505
- <kendo-icon-wrapper *ngIf="!loading && !iconClass" name="caret-alt-down" [svgIcon]="caretAltDownIcon">
510
+ <kendo-icon-wrapper
511
+ *ngIf="!loading && !iconClass"
512
+ name="caret-alt-down"
513
+ innerCssClass="k-button-icon"
514
+ [svgIcon]="caretAltDownIcon"
515
+ >
506
516
  </kendo-icon-wrapper>
507
517
  <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
508
518
  </button>
@@ -655,7 +665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
655
665
  </tfoot>
656
666
  </table>
657
667
  </div>
658
- </ng-container>
668
+ </ng-container>
659
669
  </div>
660
670
  </ng-template>
661
671
  `,
package/esm2020/dropdowntrees/dropdowntree.component.mjs CHANGED
@@ -783,7 +783,7 @@ export class DropDownTreeComponent {
783
783
  * @hidden
784
784
  */
785
785
  get popupContainerClasses() {
786
- const containerClasses = ['k-popup-dropdowntree'];
786
+ const containerClasses = ['k-dropdowntree-popup'];
787
787
  if (this.popupSettings.popupClass) {
788
788
  containerClasses.push(this.popupSettings.popupClass);
789
789
  }
@@ -1087,7 +1087,7 @@ export class DropDownTreeComponent {
1087
1087
  .pipe(tap((event) => event.originalEvent.preventDefault()))
1088
1088
  .subscribe((e) => {
1089
1089
  // The check is needed otherwise when appended to the component, the popup reopens on click
1090
- // https://github.com/telerik/kendo-angular/issues/3738
1090
+ // https://github.com/telerik/kendo-angular/issues/3738
1091
1091
  if (e.originalEvent.target === this.wrapper.nativeElement) {
1092
1092
  this.togglePopup(true);
1093
1093
  }
package/esm2020/dropdowntrees/multiselecttree.component.mjs CHANGED
@@ -646,7 +646,7 @@ export class MultiSelectTreeComponent {
646
646
  * @hidden
647
647
  */
648
648
  get popupContainerClasses() {
649
- const containerClasses = ['k-popup-dropdowntree'];
649
+ const containerClasses = ['k-multiselecttree-popup'];
650
650
  if (this.popupSettings.popupClass) {
651
651
  containerClasses.push(this.popupSettings.popupClass);
652
652
  }
@@ -1541,7 +1541,7 @@ export class MultiSelectTreeComponent {
1541
1541
  }
1542
1542
  }
1543
1543
  MultiSelectTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MultiSelectTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i1.PopupService }, { token: i0.Renderer2 }, { token: i2.NavigationService }, { token: i0.NgZone }, { token: i3.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: i4.MultiSelectTreeLookupService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
1544
- MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultiSelectTreeComponent, selector: "kendo-multiselecttree", inputs: { adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", popupSettings: "popupSettings", checkableSettings: "checkableSettings", data: "data", value: "value", dataItems: "dataItems", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", loading: "loading", placeholder: "placeholder", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", loadOnDemand: "loadOnDemand", focusableId: "focusableId", clearButton: "clearButton", filterable: "filterable", checkAll: "checkAll", hasChildren: "hasChildren", fetchChildren: "fetchChildren", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", itemDisabled: "itemDisabled", tagMapper: "tagMapper" }, outputs: { onFocus: "focus", onBlur: "blur", open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", valueChange: "valueChange", removeTag: "removeTag", filterChange: "filterChange" }, host: { properties: { "class.k-multiselect-tree": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "attr.aria-controls": "this.hostAriaControls", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "class.k-loading": "this.isLoading", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-busy": "this.isBusy", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-haspopup": "this.ariaHasPopup", "attr.readonly": "this.isReadonly", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-activedescendant": "this.ariaActiveDescendant" } }, providers: [
1544
+ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultiSelectTreeComponent, selector: "kendo-multiselecttree", inputs: { adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", popupSettings: "popupSettings", checkableSettings: "checkableSettings", data: "data", value: "value", dataItems: "dataItems", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", loading: "loading", placeholder: "placeholder", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", loadOnDemand: "loadOnDemand", focusableId: "focusableId", clearButton: "clearButton", filterable: "filterable", checkAll: "checkAll", hasChildren: "hasChildren", fetchChildren: "fetchChildren", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", itemDisabled: "itemDisabled", tagMapper: "tagMapper" }, outputs: { onFocus: "focus", onBlur: "blur", open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", valueChange: "valueChange", removeTag: "removeTag", filterChange: "filterChange" }, host: { properties: { "class.k-multiselecttree": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "attr.aria-controls": "this.hostAriaControls", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "class.k-loading": "this.isLoading", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-busy": "this.isBusy", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-haspopup": "this.ariaHasPopup", "attr.readonly": "this.isReadonly", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-activedescendant": "this.ariaActiveDescendant" } }, providers: [
1545
1545
  LocalizationService,
1546
1546
  NavigationService,
1547
1547
  DataService,
@@ -1610,12 +1610,13 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
1610
1610
  [disabledIndices]="disabledIndices"
1611
1611
  (removeTag)="handleRemoveTag($event)"
1612
1612
  >
1613
- <span *ngIf="!tags || !tags.length"
1614
- class="k-input-inner k-readonly"
1615
- >
1616
- <span class="k-input-value-text">{{ placeholder }}</span>
1617
- </span>
1618
1613
  </kendo-taglist>
1614
+ <span
1615
+ *ngIf="!tags || !tags.length"
1616
+ class="k-input-inner k-readonly"
1617
+ >
1618
+ <span class="k-input-value-text">{{ placeholder }}</span>
1619
+ </span>
1619
1620
  <span
1620
1621
  *ngIf="!disabled && !loading && !readonly && clearButton && tags?.length"
1621
1622
  class="k-clear-value"
@@ -1657,7 +1658,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
1657
1658
  >
1658
1659
  </responsive-renderer>
1659
1660
  <ng-template #sharedPopupActionSheetTemplate>
1660
- <span
1661
+ <div
1661
1662
  *ngIf="filterable && !isActionSheetExpanded"
1662
1663
  class="k-list-filter"
1663
1664
  >
@@ -1693,36 +1694,38 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
1693
1694
  [scope]="this"
1694
1695
  >
1695
1696
  </span>
1696
- </span>
1697
+ </div>
1697
1698
  <!--header template-->
1698
1699
  <ng-template
1699
1700
  *ngIf="headerTemplate"
1700
1701
  [templateContext]="{
1701
1702
  templateRef: headerTemplate?.templateRef
1702
1703
  }">
1703
- </ng-template>
1704
+ </ng-template>
1704
1705
  <div *ngIf="checkAll" class="k-check-all">
1705
- <input
1706
- #checkAllInput
1707
- [checkAll]="!filterable && !touchEnabled"
1708
- type="checkbox"
1709
- class="k-checkbox"
1710
- [ngClass]="checkAllCheckboxClasses"
1711
- role="checkbox"
1712
- tabindex="0"
1713
- aria-disabled="false"
1714
- aria-readonly="false"
1715
- [treeview]="treeview"
1716
- [checkedItems]="checkedItems"
1717
- [valueField]="valueField"
1718
- [lastAction]="lastAction"
1719
- (checkedItemsChange)="handleCheckedItemsChange($event)"
1720
- (keydown)="handleKeydown($event)"
1721
- [kendoEventsOutsideAngular]="{
1722
- blur: handleBlur
1723
- }"
1724
- [scope]="this"
1725
- >
1706
+ <span class="k-checkbox-wrap">
1707
+ <input
1708
+ #checkAllInput
1709
+ [checkAll]="!filterable && !touchEnabled"
1710
+ type="checkbox"
1711
+ class="k-checkbox"
1712
+ [ngClass]="checkAllCheckboxClasses"
1713
+ role="checkbox"
1714
+ tabindex="0"
1715
+ aria-disabled="false"
1716
+ aria-readonly="false"
1717
+ [treeview]="treeview"
1718
+ [checkedItems]="checkedItems"
1719
+ [valueField]="valueField"
1720
+ [lastAction]="lastAction"
1721
+ (checkedItemsChange)="handleCheckedItemsChange($event)"
1722
+ (keydown)="handleKeydown($event)"
1723
+ [kendoEventsOutsideAngular]="{
1724
+ blur: handleBlur
1725
+ }"
1726
+ [scope]="this"
1727
+ >
1728
+ </span>
1726
1729
  <span
1727
1730
  class="k-checkbox-label"
1728
1731
  (click)="toggleCheckAll()"
@@ -1861,12 +1864,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1861
1864
  [disabledIndices]="disabledIndices"
1862
1865
  (removeTag)="handleRemoveTag($event)"
1863
1866
  >
1864
- <span *ngIf="!tags || !tags.length"
1865
- class="k-input-inner k-readonly"
1866
- >
1867
- <span class="k-input-value-text">{{ placeholder }}</span>
1868
- </span>
1869
1867
  </kendo-taglist>
1868
+ <span
1869
+ *ngIf="!tags || !tags.length"
1870
+ class="k-input-inner k-readonly"
1871
+ >
1872
+ <span class="k-input-value-text">{{ placeholder }}</span>
1873
+ </span>
1870
1874
  <span
1871
1875
  *ngIf="!disabled && !loading && !readonly && clearButton && tags?.length"
1872
1876
  class="k-clear-value"
@@ -1908,7 +1912,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1908
1912
  >
1909
1913
  </responsive-renderer>
1910
1914
  <ng-template #sharedPopupActionSheetTemplate>
1911
- <span
1915
+ <div
1912
1916
  *ngIf="filterable && !isActionSheetExpanded"
1913
1917
  class="k-list-filter"
1914
1918
  >
@@ -1944,36 +1948,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
1944
1948
  [scope]="this"
1945
1949
  >
1946
1950
  </span>
1947
- </span>
1951
+ </div>
1948
1952
  <!--header template-->
1949
1953
  <ng-template
1950
1954
  *ngIf="headerTemplate"
1951
1955
  [templateContext]="{
1952
1956
  templateRef: headerTemplate?.templateRef
1953
1957
  }">
1954
- </ng-template>
1958
+ </ng-template>
1955
1959
  <div *ngIf="checkAll" class="k-check-all">
1956
- <input
1957
- #checkAllInput
1958
- [checkAll]="!filterable && !touchEnabled"
1959
- type="checkbox"
1960
- class="k-checkbox"
1961
- [ngClass]="checkAllCheckboxClasses"
1962
- role="checkbox"
1963
- tabindex="0"
1964
- aria-disabled="false"
1965
- aria-readonly="false"
1966
- [treeview]="treeview"
1967
- [checkedItems]="checkedItems"
1968
- [valueField]="valueField"
1969
- [lastAction]="lastAction"
1970
- (checkedItemsChange)="handleCheckedItemsChange($event)"
1971
- (keydown)="handleKeydown($event)"
1972
- [kendoEventsOutsideAngular]="{
1973
- blur: handleBlur
1974
- }"
1975
- [scope]="this"
1976
- >
1960
+ <span class="k-checkbox-wrap">
1961
+ <input
1962
+ #checkAllInput
1963
+ [checkAll]="!filterable && !touchEnabled"
1964
+ type="checkbox"
1965
+ class="k-checkbox"
1966
+ [ngClass]="checkAllCheckboxClasses"
1967
+ role="checkbox"
1968
+ tabindex="0"
1969
+ aria-disabled="false"
1970
+ aria-readonly="false"
1971
+ [treeview]="treeview"
1972
+ [checkedItems]="checkedItems"
1973
+ [valueField]="valueField"
1974
+ [lastAction]="lastAction"
1975
+ (checkedItemsChange)="handleCheckedItemsChange($event)"
1976
+ (keydown)="handleKeydown($event)"
1977
+ [kendoEventsOutsideAngular]="{
1978
+ blur: handleBlur
1979
+ }"
1980
+ [scope]="this"
1981
+ >
1982
+ </span>
1977
1983
  <span
1978
1984
  class="k-checkbox-label"
1979
1985
  (click)="toggleCheckAll()"
@@ -2045,7 +2051,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
2045
2051
  args: [TOUCH_ENABLED]
2046
2052
  }] }]; }, propDecorators: { hostClasses: [{
2047
2053
  type: HostBinding,
2048
- args: ['class.k-multiselect-tree']
2054
+ args: ['class.k-multiselecttree']
2049
2055
  }, {
2050
2056
  type: HostBinding,
2051
2057
  args: ['class.k-input']
package/esm2020/package-metadata.mjs CHANGED
@@ -9,7 +9,7 @@ export const packageMetadata = {
9
9
  name: '@progress/kendo-angular-dropdowns',
10
10
  productName: 'Kendo UI for Angular',
11
11
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
12
- publishDate: 1684484712,
13
- version: '12.2.0-develop.2',
12
+ publishDate: 1684491470,
13
+ version: '12.2.0-develop.4',
14
14
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
15
15
  };
package/fesm2015/progress-kendo-angular-dropdowns.mjs CHANGED
@@ -38,8 +38,8 @@ const packageMetadata = {
38
38
  name: '@progress/kendo-angular-dropdowns',
39
39
  productName: 'Kendo UI for Angular',
40
40
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
41
- publishDate: 1684484712,
42
- version: '12.2.0-develop.2',
41
+ publishDate: 1684491470,
42
+ version: '12.2.0-develop.4',
43
43
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
44
44
  };
45
45
 
@@ -10995,7 +10995,12 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
10995
10995
  mousedown: preventEventDefault
10996
10996
  }"
10997
10997
  >
10998
- <kendo-icon-wrapper *ngIf="!loading && !iconClass" name="caret-alt-down" [svgIcon]="caretAltDownIcon">
10998
+ <kendo-icon-wrapper
10999
+ *ngIf="!loading && !iconClass"
11000
+ name="caret-alt-down"
11001
+ innerCssClass="k-button-icon"
11002
+ [svgIcon]="caretAltDownIcon"
11003
+ >
10999
11004
  </kendo-icon-wrapper>
11000
11005
  <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11001
11006
  </button>
@@ -11148,7 +11153,7 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
11148
11153
  </tfoot>
11149
11154
  </table>
11150
11155
  </div>
11151
- </ng-container>
11156
+ </ng-container>
11152
11157
  </div>
11153
11158
  </ng-template>
11154
11159
  `, isInline: true, components: [{ type: SearchBarComponent, selector: "kendo-searchbar", inputs: ["id", "tagListId", "activeDescendant", "disabled", "readonly", "tabIndex", "role", "isLoading", "ariaControls", "ariaExpanded", "isSuggestable", "isFilterable", "userInput", "suggestedText", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i9.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { type: ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize"] }], directives: [{ type: LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i13.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
@@ -11248,7 +11253,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11248
11253
  mousedown: preventEventDefault
11249
11254
  }"
11250
11255
  >
11251
- <kendo-icon-wrapper *ngIf="!loading && !iconClass" name="caret-alt-down" [svgIcon]="caretAltDownIcon">
11256
+ <kendo-icon-wrapper
11257
+ *ngIf="!loading && !iconClass"
11258
+ name="caret-alt-down"
11259
+ innerCssClass="k-button-icon"
11260
+ [svgIcon]="caretAltDownIcon"
11261
+ >
11252
11262
  </kendo-icon-wrapper>
11253
11263
  <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11254
11264
  </button>
@@ -11401,7 +11411,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11401
11411
  </tfoot>
11402
11412
  </table>
11403
11413
  </div>
11404
- </ng-container>
11414
+ </ng-container>
11405
11415
  </div>
11406
11416
  </ng-template>
11407
11417
  `,
@@ -12196,7 +12206,7 @@ class DropDownTreeComponent {
12196
12206
  * @hidden
12197
12207
  */
12198
12208
  get popupContainerClasses() {
12199
- const containerClasses = ['k-popup-dropdowntree'];
12209
+ const containerClasses = ['k-dropdowntree-popup'];
12200
12210
  if (this.popupSettings.popupClass) {
12201
12211
  containerClasses.push(this.popupSettings.popupClass);
12202
12212
  }
@@ -12500,7 +12510,7 @@ class DropDownTreeComponent {
12500
12510
  .pipe(tap((event) => event.originalEvent.preventDefault()))
12501
12511
  .subscribe((e) => {
12502
12512
  // The check is needed otherwise when appended to the component, the popup reopens on click
12503
- // https://github.com/telerik/kendo-angular/issues/3738
12513
+ // https://github.com/telerik/kendo-angular/issues/3738
12504
12514
  if (e.originalEvent.target === this.wrapper.nativeElement) {
12505
12515
  this.togglePopup(true);
12506
12516
  }
@@ -14251,7 +14261,7 @@ class MultiSelectTreeComponent {
14251
14261
  * @hidden
14252
14262
  */
14253
14263
  get popupContainerClasses() {
14254
- const containerClasses = ['k-popup-dropdowntree'];
14264
+ const containerClasses = ['k-multiselecttree-popup'];
14255
14265
  if (this.popupSettings.popupClass) {
14256
14266
  containerClasses.push(this.popupSettings.popupClass);
14257
14267
  }
@@ -15143,7 +15153,7 @@ class MultiSelectTreeComponent {
15143
15153
  }
15144
15154
  }
15145
15155
  MultiSelectTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MultiSelectTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i2$1.PopupService }, { token: i0.Renderer2 }, { token: NavigationService }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: MultiSelectTreeLookupService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
15146
- MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultiSelectTreeComponent, selector: "kendo-multiselecttree", inputs: { adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", popupSettings: "popupSettings", checkableSettings: "checkableSettings", data: "data", value: "value", dataItems: "dataItems", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", loading: "loading", placeholder: "placeholder", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", loadOnDemand: "loadOnDemand", focusableId: "focusableId", clearButton: "clearButton", filterable: "filterable", checkAll: "checkAll", hasChildren: "hasChildren", fetchChildren: "fetchChildren", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", itemDisabled: "itemDisabled", tagMapper: "tagMapper" }, outputs: { onFocus: "focus", onBlur: "blur", open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", valueChange: "valueChange", removeTag: "removeTag", filterChange: "filterChange" }, host: { properties: { "class.k-multiselect-tree": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "attr.aria-controls": "this.hostAriaControls", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "class.k-loading": "this.isLoading", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-busy": "this.isBusy", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-haspopup": "this.ariaHasPopup", "attr.readonly": "this.isReadonly", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-activedescendant": "this.ariaActiveDescendant" } }, providers: [
15156
+ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultiSelectTreeComponent, selector: "kendo-multiselecttree", inputs: { adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", popupSettings: "popupSettings", checkableSettings: "checkableSettings", data: "data", value: "value", dataItems: "dataItems", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", loading: "loading", placeholder: "placeholder", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", loadOnDemand: "loadOnDemand", focusableId: "focusableId", clearButton: "clearButton", filterable: "filterable", checkAll: "checkAll", hasChildren: "hasChildren", fetchChildren: "fetchChildren", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", itemDisabled: "itemDisabled", tagMapper: "tagMapper" }, outputs: { onFocus: "focus", onBlur: "blur", open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", valueChange: "valueChange", removeTag: "removeTag", filterChange: "filterChange" }, host: { properties: { "class.k-multiselecttree": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "attr.aria-controls": "this.hostAriaControls", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "class.k-loading": "this.isLoading", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-busy": "this.isBusy", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-haspopup": "this.ariaHasPopup", "attr.readonly": "this.isReadonly", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-activedescendant": "this.ariaActiveDescendant" } }, providers: [
15147
15157
  LocalizationService,
15148
15158
  NavigationService,
15149
15159
  DataService,
@@ -15212,12 +15222,13 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
15212
15222
  [disabledIndices]="disabledIndices"
15213
15223
  (removeTag)="handleRemoveTag($event)"
15214
15224
  >
15215
- <span *ngIf="!tags || !tags.length"
15216
- class="k-input-inner k-readonly"
15217
- >
15218
- <span class="k-input-value-text">{{ placeholder }}</span>
15219
- </span>
15220
15225
  </kendo-taglist>
15226
+ <span
15227
+ *ngIf="!tags || !tags.length"
15228
+ class="k-input-inner k-readonly"
15229
+ >
15230
+ <span class="k-input-value-text">{{ placeholder }}</span>
15231
+ </span>
15221
15232
  <span
15222
15233
  *ngIf="!disabled && !loading && !readonly && clearButton && tags?.length"
15223
15234
  class="k-clear-value"
@@ -15259,7 +15270,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
15259
15270
  >
15260
15271
  </responsive-renderer>
15261
15272
  <ng-template #sharedPopupActionSheetTemplate>
15262
- <span
15273
+ <div
15263
15274
  *ngIf="filterable && !isActionSheetExpanded"
15264
15275
  class="k-list-filter"
15265
15276
  >
@@ -15295,36 +15306,38 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
15295
15306
  [scope]="this"
15296
15307
  >
15297
15308
  </span>
15298
- </span>
15309
+ </div>
15299
15310
  <!--header template-->
15300
15311
  <ng-template
15301
15312
  *ngIf="headerTemplate"
15302
15313
  [templateContext]="{
15303
15314
  templateRef: headerTemplate?.templateRef
15304
15315
  }">
15305
- </ng-template>
15316
+ </ng-template>
15306
15317
  <div *ngIf="checkAll" class="k-check-all">
15307
- <input
15308
- #checkAllInput
15309
- [checkAll]="!filterable && !touchEnabled"
15310
- type="checkbox"
15311
- class="k-checkbox"
15312
- [ngClass]="checkAllCheckboxClasses"
15313
- role="checkbox"
15314
- tabindex="0"
15315
- aria-disabled="false"
15316
- aria-readonly="false"
15317
- [treeview]="treeview"
15318
- [checkedItems]="checkedItems"
15319
- [valueField]="valueField"
15320
- [lastAction]="lastAction"
15321
- (checkedItemsChange)="handleCheckedItemsChange($event)"
15322
- (keydown)="handleKeydown($event)"
15323
- [kendoEventsOutsideAngular]="{
15324
- blur: handleBlur
15325
- }"
15326
- [scope]="this"
15327
- >
15318
+ <span class="k-checkbox-wrap">
15319
+ <input
15320
+ #checkAllInput
15321
+ [checkAll]="!filterable && !touchEnabled"
15322
+ type="checkbox"
15323
+ class="k-checkbox"
15324
+ [ngClass]="checkAllCheckboxClasses"
15325
+ role="checkbox"
15326
+ tabindex="0"
15327
+ aria-disabled="false"
15328
+ aria-readonly="false"
15329
+ [treeview]="treeview"
15330
+ [checkedItems]="checkedItems"
15331
+ [valueField]="valueField"
15332
+ [lastAction]="lastAction"
15333
+ (checkedItemsChange)="handleCheckedItemsChange($event)"
15334
+ (keydown)="handleKeydown($event)"
15335
+ [kendoEventsOutsideAngular]="{
15336
+ blur: handleBlur
15337
+ }"
15338
+ [scope]="this"
15339
+ >
15340
+ </span>
15328
15341
  <span
15329
15342
  class="k-checkbox-label"
15330
15343
  (click)="toggleCheckAll()"
@@ -15463,12 +15476,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
15463
15476
  [disabledIndices]="disabledIndices"
15464
15477
  (removeTag)="handleRemoveTag($event)"
15465
15478
  >
15466
- <span *ngIf="!tags || !tags.length"
15467
- class="k-input-inner k-readonly"
15468
- >
15469
- <span class="k-input-value-text">{{ placeholder }}</span>
15470
- </span>
15471
15479
  </kendo-taglist>
15480
+ <span
15481
+ *ngIf="!tags || !tags.length"
15482
+ class="k-input-inner k-readonly"
15483
+ >
15484
+ <span class="k-input-value-text">{{ placeholder }}</span>
15485
+ </span>
15472
15486
  <span
15473
15487
  *ngIf="!disabled && !loading && !readonly && clearButton && tags?.length"
15474
15488
  class="k-clear-value"
@@ -15510,7 +15524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
15510
15524
  >
15511
15525
  </responsive-renderer>
15512
15526
  <ng-template #sharedPopupActionSheetTemplate>
15513
- <span
15527
+ <div
15514
15528
  *ngIf="filterable && !isActionSheetExpanded"
15515
15529
  class="k-list-filter"
15516
15530
  >
@@ -15546,36 +15560,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
15546
15560
  [scope]="this"
15547
15561
  >
15548
15562
  </span>
15549
- </span>
15563
+ </div>
15550
15564
  <!--header template-->
15551
15565
  <ng-template
15552
15566
  *ngIf="headerTemplate"
15553
15567
  [templateContext]="{
15554
15568
  templateRef: headerTemplate?.templateRef
15555
15569
  }">
15556
- </ng-template>
15570
+ </ng-template>
15557
15571
  <div *ngIf="checkAll" class="k-check-all">
15558
- <input
15559
- #checkAllInput
15560
- [checkAll]="!filterable && !touchEnabled"
15561
- type="checkbox"
15562
- class="k-checkbox"
15563
- [ngClass]="checkAllCheckboxClasses"
15564
- role="checkbox"
15565
- tabindex="0"
15566
- aria-disabled="false"
15567
- aria-readonly="false"
15568
- [treeview]="treeview"
15569
- [checkedItems]="checkedItems"
15570
- [valueField]="valueField"
15571
- [lastAction]="lastAction"
15572
- (checkedItemsChange)="handleCheckedItemsChange($event)"
15573
- (keydown)="handleKeydown($event)"
15574
- [kendoEventsOutsideAngular]="{
15575
- blur: handleBlur
15576
- }"
15577
- [scope]="this"
15578
- >
15572
+ <span class="k-checkbox-wrap">
15573
+ <input
15574
+ #checkAllInput
15575
+ [checkAll]="!filterable && !touchEnabled"
15576
+ type="checkbox"
15577
+ class="k-checkbox"
15578
+ [ngClass]="checkAllCheckboxClasses"
15579
+ role="checkbox"
15580
+ tabindex="0"
15581
+ aria-disabled="false"
15582
+ aria-readonly="false"
15583
+ [treeview]="treeview"
15584
+ [checkedItems]="checkedItems"
15585
+ [valueField]="valueField"
15586
+ [lastAction]="lastAction"
15587
+ (checkedItemsChange)="handleCheckedItemsChange($event)"
15588
+ (keydown)="handleKeydown($event)"
15589
+ [kendoEventsOutsideAngular]="{
15590
+ blur: handleBlur
15591
+ }"
15592
+ [scope]="this"
15593
+ >
15594
+ </span>
15579
15595
  <span
15580
15596
  class="k-checkbox-label"
15581
15597
  (click)="toggleCheckAll()"
@@ -15649,7 +15665,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
15649
15665
  }] }];
15650
15666
  }, propDecorators: { hostClasses: [{
15651
15667
  type: HostBinding,
15652
- args: ['class.k-multiselect-tree']
15668
+ args: ['class.k-multiselecttree']
15653
15669
  }, {
15654
15670
  type: HostBinding,
15655
15671
  args: ['class.k-input']
package/fesm2020/progress-kendo-angular-dropdowns.mjs CHANGED
@@ -38,8 +38,8 @@ const packageMetadata = {
38
38
  name: '@progress/kendo-angular-dropdowns',
39
39
  productName: 'Kendo UI for Angular',
40
40
  productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
41
- publishDate: 1684484712,
42
- version: '12.2.0-develop.2',
41
+ publishDate: 1684491470,
42
+ version: '12.2.0-develop.4',
43
43
  licensingDocsUrl: 'https://www.telerik.com/kendo-angular-ui/my-license/'
44
44
  };
45
45
 
@@ -10969,7 +10969,12 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
10969
10969
  mousedown: preventEventDefault
10970
10970
  }"
10971
10971
  >
10972
- <kendo-icon-wrapper *ngIf="!loading && !iconClass" name="caret-alt-down" [svgIcon]="caretAltDownIcon">
10972
+ <kendo-icon-wrapper
10973
+ *ngIf="!loading && !iconClass"
10974
+ name="caret-alt-down"
10975
+ innerCssClass="k-button-icon"
10976
+ [svgIcon]="caretAltDownIcon"
10977
+ >
10973
10978
  </kendo-icon-wrapper>
10974
10979
  <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
10975
10980
  </button>
@@ -11122,7 +11127,7 @@ MultiColumnComboBoxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12
11122
11127
  </tfoot>
11123
11128
  </table>
11124
11129
  </div>
11125
- </ng-container>
11130
+ </ng-container>
11126
11131
  </div>
11127
11132
  </ng-template>
11128
11133
  `, isInline: true, components: [{ type: SearchBarComponent, selector: "kendo-searchbar", inputs: ["id", "tagListId", "activeDescendant", "disabled", "readonly", "tabIndex", "role", "isLoading", "ariaControls", "ariaExpanded", "isSuggestable", "isFilterable", "userInput", "suggestedText", "placeholder"], outputs: ["valueChange", "onBlur", "onFocus", "onClick", "onNavigate"] }, { type: i8.IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass"], exportAs: ["kendoIconWrapper"] }, { type: i9.ResizeSensorComponent, selector: "kendo-resize-sensor", inputs: ["rateLimit"], outputs: ["resize"] }, { type: ResponsiveRendererComponent, selector: "responsive-renderer", inputs: ["title", "showActionButtons", "subtitle", "size", "showTextInput", "sharedPopupActionSheetTemplate", "isActionSheetExpanded", "text", "placeholder"], outputs: ["closePopup", "textInputChange", "navigate", "onExpand", "onCollapse", "onApply", "onCancel"] }, { type: ListComponent, selector: "kendo-list", inputs: ["selected", "focused", "textField", "valueField", "height", "template", "groupTemplate", "fixedGroupTemplate", "show", "id", "optionPrefix", "multipleSelection", "virtual", "type", "checkboxes", "ariaLive", "isMultiselect", "isActionSheetExpanded", "data", "size", "rounded"], outputs: ["onClick", "pageChange", "listResize"] }], directives: [{ type: LocalizedMessagesDirective, selector: "\n [kendoDropDownListLocalizedMessages],\n [kendoDropDownTreeLocalizedMessages],\n [kendoComboBoxLocalizedMessages],\n [kendoMultiColumnComboBoxLocalizedMessages],\n [kendoAutoCompleteLocalizedMessages],\n [kendoMultiSelectLocalizedMessages],\n [kendoMultiSelectTreeLocalizedMessages]\n " }, { type: i13.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i9.EventsOutsideAngularDirective, selector: "[kendoEventsOutsideAngular]", inputs: ["kendoEventsOutsideAngular", "scope"] }, { type: i13.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i13.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: TemplateContextDirective, selector: "[templateContext]", inputs: ["templateContext"] }, { type: i13.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i13.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
@@ -11222,7 +11227,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11222
11227
  mousedown: preventEventDefault
11223
11228
  }"
11224
11229
  >
11225
- <kendo-icon-wrapper *ngIf="!loading && !iconClass" name="caret-alt-down" [svgIcon]="caretAltDownIcon">
11230
+ <kendo-icon-wrapper
11231
+ *ngIf="!loading && !iconClass"
11232
+ name="caret-alt-down"
11233
+ innerCssClass="k-button-icon"
11234
+ [svgIcon]="caretAltDownIcon"
11235
+ >
11226
11236
  </kendo-icon-wrapper>
11227
11237
  <span *ngIf="loading || iconClass" class="k-button-icon k-icon" [ngClass]="buttonClasses"></span>
11228
11238
  </button>
@@ -11375,7 +11385,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
11375
11385
  </tfoot>
11376
11386
  </table>
11377
11387
  </div>
11378
- </ng-container>
11388
+ </ng-container>
11379
11389
  </div>
11380
11390
  </ng-template>
11381
11391
  `,
@@ -12164,7 +12174,7 @@ class DropDownTreeComponent {
12164
12174
  * @hidden
12165
12175
  */
12166
12176
  get popupContainerClasses() {
12167
- const containerClasses = ['k-popup-dropdowntree'];
12177
+ const containerClasses = ['k-dropdowntree-popup'];
12168
12178
  if (this.popupSettings.popupClass) {
12169
12179
  containerClasses.push(this.popupSettings.popupClass);
12170
12180
  }
@@ -12468,7 +12478,7 @@ class DropDownTreeComponent {
12468
12478
  .pipe(tap((event) => event.originalEvent.preventDefault()))
12469
12479
  .subscribe((e) => {
12470
12480
  // The check is needed otherwise when appended to the component, the popup reopens on click
12471
- // https://github.com/telerik/kendo-angular/issues/3738
12481
+ // https://github.com/telerik/kendo-angular/issues/3738
12472
12482
  if (e.originalEvent.target === this.wrapper.nativeElement) {
12473
12483
  this.togglePopup(true);
12474
12484
  }
@@ -14214,7 +14224,7 @@ class MultiSelectTreeComponent {
14214
14224
  * @hidden
14215
14225
  */
14216
14226
  get popupContainerClasses() {
14217
- const containerClasses = ['k-popup-dropdowntree'];
14227
+ const containerClasses = ['k-multiselecttree-popup'];
14218
14228
  if (this.popupSettings.popupClass) {
14219
14229
  containerClasses.push(this.popupSettings.popupClass);
14220
14230
  }
@@ -15109,7 +15119,7 @@ class MultiSelectTreeComponent {
15109
15119
  }
15110
15120
  }
15111
15121
  MultiSelectTreeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.12", ngImport: i0, type: MultiSelectTreeComponent, deps: [{ token: i0.Injector }, { token: i0.ElementRef }, { token: i2$1.PopupService }, { token: i0.Renderer2 }, { token: NavigationService }, { token: i0.NgZone }, { token: i1.LocalizationService }, { token: i0.ChangeDetectorRef }, { token: MultiSelectTreeLookupService }, { token: TOUCH_ENABLED, optional: true }], target: i0.ɵɵFactoryTarget.Component });
15112
- MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultiSelectTreeComponent, selector: "kendo-multiselecttree", inputs: { adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", popupSettings: "popupSettings", checkableSettings: "checkableSettings", data: "data", value: "value", dataItems: "dataItems", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", loading: "loading", placeholder: "placeholder", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", loadOnDemand: "loadOnDemand", focusableId: "focusableId", clearButton: "clearButton", filterable: "filterable", checkAll: "checkAll", hasChildren: "hasChildren", fetchChildren: "fetchChildren", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", itemDisabled: "itemDisabled", tagMapper: "tagMapper" }, outputs: { onFocus: "focus", onBlur: "blur", open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", valueChange: "valueChange", removeTag: "removeTag", filterChange: "filterChange" }, host: { properties: { "class.k-multiselect-tree": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "attr.aria-controls": "this.hostAriaControls", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "class.k-loading": "this.isLoading", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-busy": "this.isBusy", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-haspopup": "this.ariaHasPopup", "attr.readonly": "this.isReadonly", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-activedescendant": "this.ariaActiveDescendant" } }, providers: [
15122
+ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.12", type: MultiSelectTreeComponent, selector: "kendo-multiselecttree", inputs: { adaptiveMode: "adaptiveMode", title: "title", subtitle: "subtitle", tabindex: "tabindex", size: "size", rounded: "rounded", fillMode: "fillMode", popupSettings: "popupSettings", checkableSettings: "checkableSettings", data: "data", value: "value", dataItems: "dataItems", textField: "textField", valueField: "valueField", valueDepth: "valueDepth", loading: "loading", placeholder: "placeholder", listHeight: "listHeight", disabled: "disabled", readonly: "readonly", valuePrimitive: "valuePrimitive", loadOnDemand: "loadOnDemand", focusableId: "focusableId", clearButton: "clearButton", filterable: "filterable", checkAll: "checkAll", hasChildren: "hasChildren", fetchChildren: "fetchChildren", isNodeExpanded: "isNodeExpanded", isNodeVisible: "isNodeVisible", itemDisabled: "itemDisabled", tagMapper: "tagMapper" }, outputs: { onFocus: "focus", onBlur: "blur", open: "open", opened: "opened", close: "close", closed: "closed", nodeExpand: "nodeExpand", nodeCollapse: "nodeCollapse", valueChange: "valueChange", removeTag: "removeTag", filterChange: "filterChange" }, host: { properties: { "class.k-multiselecttree": "this.hostClasses", "class.k-input": "this.hostClasses", "class.k-disabled": "this.isDisabled", "attr.aria-disabled": "this.isDisabled", "attr.aria-controls": "this.hostAriaControls", "attr.aria-autocomplete": "this.hostAriaAutocomplete", "class.k-loading": "this.isLoading", "attr.aria-invalid": "this.hostAriaInvalid", "attr.aria-busy": "this.isBusy", "attr.id": "this.id", "attr.dir": "this.direction", "attr.tabindex": "this.hostTabIndex", "attr.role": "this.role", "attr.aria-expanded": "this.isAriaExpanded", "attr.aria-haspopup": "this.ariaHasPopup", "attr.readonly": "this.isReadonly", "attr.aria-describedby": "this.ariaDescribedBy", "attr.aria-activedescendant": "this.ariaActiveDescendant" } }, providers: [
15113
15123
  LocalizationService,
15114
15124
  NavigationService,
15115
15125
  DataService,
@@ -15178,12 +15188,13 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
15178
15188
  [disabledIndices]="disabledIndices"
15179
15189
  (removeTag)="handleRemoveTag($event)"
15180
15190
  >
15181
- <span *ngIf="!tags || !tags.length"
15182
- class="k-input-inner k-readonly"
15183
- >
15184
- <span class="k-input-value-text">{{ placeholder }}</span>
15185
- </span>
15186
15191
  </kendo-taglist>
15192
+ <span
15193
+ *ngIf="!tags || !tags.length"
15194
+ class="k-input-inner k-readonly"
15195
+ >
15196
+ <span class="k-input-value-text">{{ placeholder }}</span>
15197
+ </span>
15187
15198
  <span
15188
15199
  *ngIf="!disabled && !loading && !readonly && clearButton && tags?.length"
15189
15200
  class="k-clear-value"
@@ -15225,7 +15236,7 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
15225
15236
  >
15226
15237
  </responsive-renderer>
15227
15238
  <ng-template #sharedPopupActionSheetTemplate>
15228
- <span
15239
+ <div
15229
15240
  *ngIf="filterable && !isActionSheetExpanded"
15230
15241
  class="k-list-filter"
15231
15242
  >
@@ -15261,36 +15272,38 @@ MultiSelectTreeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0
15261
15272
  [scope]="this"
15262
15273
  >
15263
15274
  </span>
15264
- </span>
15275
+ </div>
15265
15276
  <!--header template-->
15266
15277
  <ng-template
15267
15278
  *ngIf="headerTemplate"
15268
15279
  [templateContext]="{
15269
15280
  templateRef: headerTemplate?.templateRef
15270
15281
  }">
15271
- </ng-template>
15282
+ </ng-template>
15272
15283
  <div *ngIf="checkAll" class="k-check-all">
15273
- <input
15274
- #checkAllInput
15275
- [checkAll]="!filterable && !touchEnabled"
15276
- type="checkbox"
15277
- class="k-checkbox"
15278
- [ngClass]="checkAllCheckboxClasses"
15279
- role="checkbox"
15280
- tabindex="0"
15281
- aria-disabled="false"
15282
- aria-readonly="false"
15283
- [treeview]="treeview"
15284
- [checkedItems]="checkedItems"
15285
- [valueField]="valueField"
15286
- [lastAction]="lastAction"
15287
- (checkedItemsChange)="handleCheckedItemsChange($event)"
15288
- (keydown)="handleKeydown($event)"
15289
- [kendoEventsOutsideAngular]="{
15290
- blur: handleBlur
15291
- }"
15292
- [scope]="this"
15293
- >
15284
+ <span class="k-checkbox-wrap">
15285
+ <input
15286
+ #checkAllInput
15287
+ [checkAll]="!filterable && !touchEnabled"
15288
+ type="checkbox"
15289
+ class="k-checkbox"
15290
+ [ngClass]="checkAllCheckboxClasses"
15291
+ role="checkbox"
15292
+ tabindex="0"
15293
+ aria-disabled="false"
15294
+ aria-readonly="false"
15295
+ [treeview]="treeview"
15296
+ [checkedItems]="checkedItems"
15297
+ [valueField]="valueField"
15298
+ [lastAction]="lastAction"
15299
+ (checkedItemsChange)="handleCheckedItemsChange($event)"
15300
+ (keydown)="handleKeydown($event)"
15301
+ [kendoEventsOutsideAngular]="{
15302
+ blur: handleBlur
15303
+ }"
15304
+ [scope]="this"
15305
+ >
15306
+ </span>
15294
15307
  <span
15295
15308
  class="k-checkbox-label"
15296
15309
  (click)="toggleCheckAll()"
@@ -15429,12 +15442,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
15429
15442
  [disabledIndices]="disabledIndices"
15430
15443
  (removeTag)="handleRemoveTag($event)"
15431
15444
  >
15432
- <span *ngIf="!tags || !tags.length"
15433
- class="k-input-inner k-readonly"
15434
- >
15435
- <span class="k-input-value-text">{{ placeholder }}</span>
15436
- </span>
15437
15445
  </kendo-taglist>
15446
+ <span
15447
+ *ngIf="!tags || !tags.length"
15448
+ class="k-input-inner k-readonly"
15449
+ >
15450
+ <span class="k-input-value-text">{{ placeholder }}</span>
15451
+ </span>
15438
15452
  <span
15439
15453
  *ngIf="!disabled && !loading && !readonly && clearButton && tags?.length"
15440
15454
  class="k-clear-value"
@@ -15476,7 +15490,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
15476
15490
  >
15477
15491
  </responsive-renderer>
15478
15492
  <ng-template #sharedPopupActionSheetTemplate>
15479
- <span
15493
+ <div
15480
15494
  *ngIf="filterable && !isActionSheetExpanded"
15481
15495
  class="k-list-filter"
15482
15496
  >
@@ -15512,36 +15526,38 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
15512
15526
  [scope]="this"
15513
15527
  >
15514
15528
  </span>
15515
- </span>
15529
+ </div>
15516
15530
  <!--header template-->
15517
15531
  <ng-template
15518
15532
  *ngIf="headerTemplate"
15519
15533
  [templateContext]="{
15520
15534
  templateRef: headerTemplate?.templateRef
15521
15535
  }">
15522
- </ng-template>
15536
+ </ng-template>
15523
15537
  <div *ngIf="checkAll" class="k-check-all">
15524
- <input
15525
- #checkAllInput
15526
- [checkAll]="!filterable && !touchEnabled"
15527
- type="checkbox"
15528
- class="k-checkbox"
15529
- [ngClass]="checkAllCheckboxClasses"
15530
- role="checkbox"
15531
- tabindex="0"
15532
- aria-disabled="false"
15533
- aria-readonly="false"
15534
- [treeview]="treeview"
15535
- [checkedItems]="checkedItems"
15536
- [valueField]="valueField"
15537
- [lastAction]="lastAction"
15538
- (checkedItemsChange)="handleCheckedItemsChange($event)"
15539
- (keydown)="handleKeydown($event)"
15540
- [kendoEventsOutsideAngular]="{
15541
- blur: handleBlur
15542
- }"
15543
- [scope]="this"
15544
- >
15538
+ <span class="k-checkbox-wrap">
15539
+ <input
15540
+ #checkAllInput
15541
+ [checkAll]="!filterable && !touchEnabled"
15542
+ type="checkbox"
15543
+ class="k-checkbox"
15544
+ [ngClass]="checkAllCheckboxClasses"
15545
+ role="checkbox"
15546
+ tabindex="0"
15547
+ aria-disabled="false"
15548
+ aria-readonly="false"
15549
+ [treeview]="treeview"
15550
+ [checkedItems]="checkedItems"
15551
+ [valueField]="valueField"
15552
+ [lastAction]="lastAction"
15553
+ (checkedItemsChange)="handleCheckedItemsChange($event)"
15554
+ (keydown)="handleKeydown($event)"
15555
+ [kendoEventsOutsideAngular]="{
15556
+ blur: handleBlur
15557
+ }"
15558
+ [scope]="this"
15559
+ >
15560
+ </span>
15545
15561
  <span
15546
15562
  class="k-checkbox-label"
15547
15563
  (click)="toggleCheckAll()"
@@ -15613,7 +15629,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.12", ngImpo
15613
15629
  args: [TOUCH_ENABLED]
15614
15630
  }] }]; }, propDecorators: { hostClasses: [{
15615
15631
  type: HostBinding,
15616
- args: ['class.k-multiselect-tree']
15632
+ args: ['class.k-multiselecttree']
15617
15633
  }, {
15618
15634
  type: HostBinding,
15619
15635
  args: ['class.k-input']
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@progress/kendo-angular-dropdowns",
3
- "version": "12.2.0-develop.2",
3
+ "version": "12.2.0-develop.4",
4
4
  "description": "A wide variety of native Angular dropdown components including AutoComplete, ComboBox, DropDownList, DropDownTree, MultiColumnComboBox, MultiSelect, and MultiSelectTree ",
5
5
  "license": "SEE LICENSE IN LICENSE.md",
6
6
  "author": "Progress",
@@ -24,18 +24,18 @@
24
24
  "@angular/core": "13 - 16",
25
25
  "@angular/platform-browser": "13 - 16",
26
26
  "@progress/kendo-licensing": "^1.0.2",
27
- "@progress/kendo-angular-common": "12.2.0-develop.2",
28
- "@progress/kendo-angular-l10n": "12.2.0-develop.2",
29
- "@progress/kendo-angular-popup": "12.2.0-develop.2",
30
- "@progress/kendo-angular-icons": "12.2.0-develop.2",
31
- "@progress/kendo-angular-treeview": "12.2.0-develop.2",
27
+ "@progress/kendo-angular-common": "12.2.0-develop.4",
28
+ "@progress/kendo-angular-l10n": "12.2.0-develop.4",
29
+ "@progress/kendo-angular-popup": "12.2.0-develop.4",
30
+ "@progress/kendo-angular-icons": "12.2.0-develop.4",
31
+ "@progress/kendo-angular-treeview": "12.2.0-develop.4",
32
32
  "rxjs": "^6.5.3 || ^7.0.0",
33
- "@progress/kendo-angular-navigation": "12.2.0-develop.2",
34
- "@progress/kendo-angular-label": "12.2.0-develop.2"
33
+ "@progress/kendo-angular-navigation": "12.2.0-develop.4",
34
+ "@progress/kendo-angular-label": "12.2.0-develop.4"
35
35
  },
36
36
  "dependencies": {
37
37
  "tslib": "^2.3.1",
38
- "@progress/kendo-angular-schematics": "12.2.0-develop.2",
38
+ "@progress/kendo-angular-schematics": "12.2.0-develop.4",
39
39
  "@progress/kendo-common": "^0.2.1"
40
40
  },
41
41
  "schematics": "./schematics/collection.json",
package/schematics/ngAdd/index.js CHANGED
@@ -4,9 +4,9 @@ const schematics_1 = require("@angular-devkit/schematics");
4
4
  function default_1(options) {
5
5
  const finalOptions = Object.assign(Object.assign({}, options), { mainNgModule: 'DropDownsModule', package: 'dropdowns', peerDependencies: {
6
6
  // peers of the treeview
7
- '@progress/kendo-angular-inputs': '12.2.0-develop.2',
7
+ '@progress/kendo-angular-inputs': '12.2.0-develop.4',
8
8
  // peers of inputs
9
- '@progress/kendo-angular-intl': '12.2.0-develop.2',
9
+ '@progress/kendo-angular-intl': '12.2.0-develop.4',
10
10
  '@progress/kendo-drawing': '^1.17.2',
11
11
  // Peer dependency of icons
12
12
  '@progress/kendo-svg-icons': '^1.0.0'