@progress/kendo-angular-treeview 21.1.1-develop.2 → 21.2.0-develop.2

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/esm2022/drag-and-drop/drag-clue/drag-clue.component.mjs +35 -33
  2. package/esm2022/drag-and-drop/drop-hint/drop-hint.component.mjs +42 -38
  3. package/esm2022/package-metadata.mjs +2 -2
  4. package/esm2022/treeview-group.component.mjs +161 -147
  5. package/esm2022/treeview.component.mjs +102 -101
  6. package/fesm2022/progress-kendo-angular-treeview.mjs +340 -318
  7. package/package.json +7 -7
  8. package/schematics/ngAdd/index.js +4 -4
package/esm2022/treeview.component.mjs CHANGED
@@ -25,7 +25,6 @@ import { closestNode, focusableNode, hasParent, isContent, isFocusable, match, n
25
25
  import { searchIcon } from '@progress/kendo-svg-icons';
26
26
  import { TextBoxComponent, TextBoxPrefixTemplateDirective } from '@progress/kendo-angular-inputs';
27
27
  import { TreeViewGroupComponent } from './treeview-group.component';
28
- import { NgIf } from '@angular/common';
29
28
  import { LocalizedMessagesDirective } from './localization/localized-messages.directive';
30
29
  import { IconWrapperComponent } from '@progress/kendo-angular-icons';
31
30
  import * as i0 from "@angular/core";
@@ -640,64 +639,65 @@ export class TreeViewComponent {
640
639
  });
641
640
  }
642
641
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TreeViewComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: i1.ExpandStateService }, { token: i2.NavigationService }, { token: i3.NodeChildrenService }, { token: i4.SelectionService }, { token: i5.TreeViewLookupService }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i6.DataChangeNotificationService }, { token: i7.LocalizationService }], target: i0.ɵɵFactoryTarget.Component });
643
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: TreeViewComponent, isStandalone: true, selector: "kendo-treeview", inputs: { filterInputPlaceholder: "filterInputPlaceholder", expandDisabledNodes: "expandDisabledNodes", animate: "animate", nodeTemplateRef: ["nodeTemplate", "nodeTemplateRef"], loadMoreButtonTemplateRef: ["loadMoreButtonTemplate", "loadMoreButtonTemplateRef"], trackBy: "trackBy", nodes: "nodes", textField: "textField", hasChildren: "hasChildren", isChecked: "isChecked", isDisabled: "isDisabled", hasCheckbox: "hasCheckbox", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size", disableParentNodesOnly: "disableParentNodesOnly" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.dir": "this.direction", "@.disabled": "this.animate" } }, providers: providers, queries: [{ propertyName: "nodeTemplateQuery", first: true, predicate: NodeTemplateDirective, descendants: true }, { propertyName: "loadMoreButtonTemplateQuery", first: true, predicate: LoadMoreButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "assetsContainer", first: true, predicate: ["assetsContainer"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "searchbox", first: true, predicate: ["searchbox"], descendants: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
642
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: TreeViewComponent, isStandalone: true, selector: "kendo-treeview", inputs: { filterInputPlaceholder: "filterInputPlaceholder", expandDisabledNodes: "expandDisabledNodes", animate: "animate", nodeTemplateRef: ["nodeTemplate", "nodeTemplateRef"], loadMoreButtonTemplateRef: ["loadMoreButtonTemplate", "loadMoreButtonTemplateRef"], trackBy: "trackBy", nodes: "nodes", textField: "textField", hasChildren: "hasChildren", isChecked: "isChecked", isDisabled: "isDisabled", hasCheckbox: "hasCheckbox", isExpanded: "isExpanded", isSelected: "isSelected", isVisible: "isVisible", navigable: "navigable", children: "children", loadOnDemand: "loadOnDemand", filterable: "filterable", filter: "filter", size: "size", disableParentNodesOnly: "disableParentNodesOnly" }, outputs: { childrenLoaded: "childrenLoaded", onBlur: "blur", onFocus: "focus", expand: "expand", collapse: "collapse", nodeDragStart: "nodeDragStart", nodeDrag: "nodeDrag", filterStateChange: "filterStateChange", nodeDrop: "nodeDrop", nodeDragEnd: "nodeDragEnd", addItem: "addItem", removeItem: "removeItem", checkedChange: "checkedChange", selectionChange: "selectionChange", filterChange: "filterChange", nodeClick: "nodeClick", nodeDblClick: "nodeDblClick" }, host: { properties: { "class.k-treeview": "this.classNames", "attr.dir": "this.direction", "@.disabled": "this.animate" } }, providers: providers, queries: [{ propertyName: "nodeTemplateQuery", first: true, predicate: NodeTemplateDirective, descendants: true }, { propertyName: "loadMoreButtonTemplateQuery", first: true, predicate: LoadMoreButtonTemplateDirective, descendants: true }], viewQueries: [{ propertyName: "assetsContainer", first: true, predicate: ["assetsContainer"], descendants: true, read: ViewContainerRef, static: true }, { propertyName: "searchbox", first: true, predicate: ["searchbox"], descendants: true }], exportAs: ["kendoTreeView"], usesOnChanges: true, ngImport: i0, template: `
644
643
  <ng-container kendoTreeViewLocalizedMessages
645
- i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
646
- loadMore="Load more..."
647
- >
644
+ i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
645
+ loadMore="Load more..."
646
+ >
648
647
  </ng-container>
649
- <span
648
+ @if (filterable) {
649
+ <span
650
650
  class="k-treeview-filter"
651
- *ngIf="filterable"
652
- >
653
- <kendo-textbox
654
- #searchbox
655
- [size]="size"
656
- [value]="filter"
657
- [clearButton]="true"
658
- (valueChange)="filterChange.emit($event)"
659
- [placeholder]="filterInputPlaceholder"
660
651
  >
661
- <ng-template kendoTextBoxPrefixTemplate>
662
- <kendo-icon-wrapper
663
- innerCssClass="k-input-icon"
664
- name="search"
665
- [svgIcon]="searchIcon"
666
- >
667
- </kendo-icon-wrapper>
668
- </ng-template>
652
+ <kendo-textbox
653
+ #searchbox
654
+ [size]="size"
655
+ [value]="filter"
656
+ [clearButton]="true"
657
+ (valueChange)="filterChange.emit($event)"
658
+ [placeholder]="filterInputPlaceholder"
659
+ >
660
+ <ng-template kendoTextBoxPrefixTemplate>
661
+ <kendo-icon-wrapper
662
+ innerCssClass="k-input-icon"
663
+ name="search"
664
+ [svgIcon]="searchIcon"
665
+ >
666
+ </kendo-icon-wrapper>
667
+ </ng-template>
669
668
  </kendo-textbox>
670
- </span>
669
+ </span>
670
+ }
671
671
  <ul class="k-treeview-lines"
672
- kendoTreeViewGroup
673
- [attr.id]="treeviewId"
674
- role="tree"
675
- [size]="size"
676
- [loadOnDemand]="loadOnDemand"
677
- [checkboxes]="checkboxes"
678
- [expandIcons]="expandIcons"
679
- [selectable]="selectable"
680
- [touchActions]="touchActions"
681
- [children]="children"
682
- [hasChildren]="hasChildren"
683
- [isChecked]="isChecked"
684
- [isDisabled]="isDisabled"
685
- [hasCheckbox]="hasCheckbox"
686
- [disableParentNodesOnly]="disableParentNodesOnly"
687
- [isExpanded]="isExpanded"
688
- [isSelected]="isSelected"
689
- [isVisible]="isVisible"
690
- [nodeTemplateRef]="nodeTemplateRef?.templateRef"
691
- [loadMoreButtonTemplateRef]="loadMoreButtonTemplateRef?.templateRef"
692
- [textField]="textField"
693
- [nodes]="fetchNodes"
694
- [loadMoreService]="loadMoreService"
695
- [trackBy]="trackBy"
696
- [expandDisabledNodes]="expandDisabledNodes"
697
- >
672
+ kendoTreeViewGroup
673
+ [attr.id]="treeviewId"
674
+ role="tree"
675
+ [size]="size"
676
+ [loadOnDemand]="loadOnDemand"
677
+ [checkboxes]="checkboxes"
678
+ [expandIcons]="expandIcons"
679
+ [selectable]="selectable"
680
+ [touchActions]="touchActions"
681
+ [children]="children"
682
+ [hasChildren]="hasChildren"
683
+ [isChecked]="isChecked"
684
+ [isDisabled]="isDisabled"
685
+ [hasCheckbox]="hasCheckbox"
686
+ [disableParentNodesOnly]="disableParentNodesOnly"
687
+ [isExpanded]="isExpanded"
688
+ [isSelected]="isSelected"
689
+ [isVisible]="isVisible"
690
+ [nodeTemplateRef]="nodeTemplateRef?.templateRef"
691
+ [loadMoreButtonTemplateRef]="loadMoreButtonTemplateRef?.templateRef"
692
+ [textField]="textField"
693
+ [nodes]="fetchNodes"
694
+ [loadMoreService]="loadMoreService"
695
+ [trackBy]="trackBy"
696
+ [expandDisabledNodes]="expandDisabledNodes"
697
+ >
698
698
  </ul>
699
699
  <ng-container #assetsContainer></ng-container>
700
- `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeViewLocalizedMessages]" }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
700
+ `, isInline: true, dependencies: [{ kind: "directive", type: LocalizedMessagesDirective, selector: "[kendoTreeViewLocalizedMessages]" }, { kind: "component", type: TextBoxComponent, selector: "kendo-textbox", inputs: ["focusableId", "title", "type", "disabled", "readonly", "tabindex", "value", "selectOnFocus", "showSuccessIcon", "showErrorIcon", "clearButton", "successIcon", "successSvgIcon", "errorIcon", "errorSvgIcon", "clearButtonIcon", "clearButtonSvgIcon", "size", "rounded", "fillMode", "tabIndex", "placeholder", "maxlength", "inputAttributes"], outputs: ["valueChange", "inputFocus", "inputBlur", "focus", "blur"], exportAs: ["kendoTextBox"] }, { kind: "directive", type: TextBoxPrefixTemplateDirective, selector: "[kendoTextBoxPrefixTemplate]", inputs: ["showSeparator"] }, { kind: "component", type: IconWrapperComponent, selector: "kendo-icon-wrapper", inputs: ["name", "svgIcon", "innerCssClass", "customFontClass", "size"], exportAs: ["kendoIconWrapper"] }, { kind: "component", type: TreeViewGroupComponent, selector: "[kendoTreeViewGroup]", inputs: ["checkboxes", "expandIcons", "disabled", "selectable", "touchActions", "disableParentNodesOnly", "loadOnDemand", "trackBy", "nodes", "textField", "parentDataItem", "parentIndex", "nodeTemplateRef", "loadMoreButtonTemplateRef", "loadMoreService", "size", "expandDisabledNodes", "isChecked", "isDisabled", "hasCheckbox", "isExpanded", "isVisible", "isSelected", "children", "hasChildren"] }], changeDetection: i0.ChangeDetectionStrategy.Default });
701
701
  }
702
702
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: TreeViewComponent, decorators: [{
703
703
  type: Component,
@@ -708,64 +708,65 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
708
708
  selector: 'kendo-treeview',
709
709
  template: `
710
710
  <ng-container kendoTreeViewLocalizedMessages
711
- i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
712
- loadMore="Load more..."
713
- >
711
+ i18n-loadMore="kendo.treeview.loadMore|The title of the Load More button"
712
+ loadMore="Load more..."
713
+ >
714
714
  </ng-container>
715
- <span
715
+ @if (filterable) {
716
+ <span
716
717
  class="k-treeview-filter"
717
- *ngIf="filterable"
718
- >
719
- <kendo-textbox
720
- #searchbox
721
- [size]="size"
722
- [value]="filter"
723
- [clearButton]="true"
724
- (valueChange)="filterChange.emit($event)"
725
- [placeholder]="filterInputPlaceholder"
726
718
  >
727
- <ng-template kendoTextBoxPrefixTemplate>
728
- <kendo-icon-wrapper
729
- innerCssClass="k-input-icon"
730
- name="search"
731
- [svgIcon]="searchIcon"
732
- >
733
- </kendo-icon-wrapper>
734
- </ng-template>
719
+ <kendo-textbox
720
+ #searchbox
721
+ [size]="size"
722
+ [value]="filter"
723
+ [clearButton]="true"
724
+ (valueChange)="filterChange.emit($event)"
725
+ [placeholder]="filterInputPlaceholder"
726
+ >
727
+ <ng-template kendoTextBoxPrefixTemplate>
728
+ <kendo-icon-wrapper
729
+ innerCssClass="k-input-icon"
730
+ name="search"
731
+ [svgIcon]="searchIcon"
732
+ >
733
+ </kendo-icon-wrapper>
734
+ </ng-template>
735
735
  </kendo-textbox>
736
- </span>
736
+ </span>
737
+ }
737
738
  <ul class="k-treeview-lines"
738
- kendoTreeViewGroup
739
- [attr.id]="treeviewId"
740
- role="tree"
741
- [size]="size"
742
- [loadOnDemand]="loadOnDemand"
743
- [checkboxes]="checkboxes"
744
- [expandIcons]="expandIcons"
745
- [selectable]="selectable"
746
- [touchActions]="touchActions"
747
- [children]="children"
748
- [hasChildren]="hasChildren"
749
- [isChecked]="isChecked"
750
- [isDisabled]="isDisabled"
751
- [hasCheckbox]="hasCheckbox"
752
- [disableParentNodesOnly]="disableParentNodesOnly"
753
- [isExpanded]="isExpanded"
754
- [isSelected]="isSelected"
755
- [isVisible]="isVisible"
756
- [nodeTemplateRef]="nodeTemplateRef?.templateRef"
757
- [loadMoreButtonTemplateRef]="loadMoreButtonTemplateRef?.templateRef"
758
- [textField]="textField"
759
- [nodes]="fetchNodes"
760
- [loadMoreService]="loadMoreService"
761
- [trackBy]="trackBy"
762
- [expandDisabledNodes]="expandDisabledNodes"
763
- >
739
+ kendoTreeViewGroup
740
+ [attr.id]="treeviewId"
741
+ role="tree"
742
+ [size]="size"
743
+ [loadOnDemand]="loadOnDemand"
744
+ [checkboxes]="checkboxes"
745
+ [expandIcons]="expandIcons"
746
+ [selectable]="selectable"
747
+ [touchActions]="touchActions"
748
+ [children]="children"
749
+ [hasChildren]="hasChildren"
750
+ [isChecked]="isChecked"
751
+ [isDisabled]="isDisabled"
752
+ [hasCheckbox]="hasCheckbox"
753
+ [disableParentNodesOnly]="disableParentNodesOnly"
754
+ [isExpanded]="isExpanded"
755
+ [isSelected]="isSelected"
756
+ [isVisible]="isVisible"
757
+ [nodeTemplateRef]="nodeTemplateRef?.templateRef"
758
+ [loadMoreButtonTemplateRef]="loadMoreButtonTemplateRef?.templateRef"
759
+ [textField]="textField"
760
+ [nodes]="fetchNodes"
761
+ [loadMoreService]="loadMoreService"
762
+ [trackBy]="trackBy"
763
+ [expandDisabledNodes]="expandDisabledNodes"
764
+ >
764
765
  </ul>
765
766
  <ng-container #assetsContainer></ng-container>
766
- `,
767
+ `,
767
768
  standalone: true,
768
- imports: [LocalizedMessagesDirective, NgIf, TextBoxComponent, TextBoxPrefixTemplateDirective, IconWrapperComponent, TreeViewGroupComponent]
769
+ imports: [LocalizedMessagesDirective, TextBoxComponent, TextBoxPrefixTemplateDirective, IconWrapperComponent, TreeViewGroupComponent]
769
770
  }]
770
771
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: i1.ExpandStateService }, { type: i2.NavigationService }, { type: i3.NodeChildrenService }, { type: i4.SelectionService }, { type: i5.TreeViewLookupService }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i6.DataChangeNotificationService }, { type: i7.LocalizationService }], propDecorators: { classNames: [{
771
772
  type: HostBinding,