@progress/kendo-angular-listview 3.0.3-dev.202203091017 → 4.0.0-dev.202204131936

package/dist/cdn/main.js

@@ -1,5 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-buttons"),require("@progress/kendo-angular-common"),require("rxjs"),require("@angular/forms"),require("@progress/kendo-angular-pager"),require("@progress/kendo-licensing"),require("rxjs/operators"),require("@angular/common")):"function"==typeof define&&define.amd?define([,,,,,,,,,,],t):"object"==typeof exports?exports.KendoAngularListview=t(require("tslib"),require("@angular/core"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-buttons"),require("@progress/kendo-angular-common"),require("rxjs"),require("@angular/forms"),require("@progress/kendo-angular-pager"),require("@progress/kendo-licensing"),require("rxjs/operators"),require("@angular/common")):e.KendoAngularListview=t(e.self,e.ng.core,e.KendoAngularL10N,e.KendoAngularButtons,e.KendoAngularCommon,e.rxjs,e.ng.forms,e.KendoAngularPager,e.KendoLicensing,e.rxjs.operators,e.ng.common)}(window,(function(e,t,i,n,a,r,o,s,d,c,p){return function(e){var t={};function i(n){if(t[n])return t[n].exports;var a=t[n]={i:n,l:!1,exports:{}};return e[n].call(a.exports,a,a.exports,i),a.l=!0,a.exports}return i.m=e,i.c=t,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var a in e)i.d(n,a,function(t){return e[t]}.bind(null,a));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="",i(i.s=19)}([function(t,i){t.exports=e},function(e,i){e.exports=t},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(6);t.isPresent=function(e){return null!=e},t.isObject=function(e){return t.isPresent(e)&&"object"==typeof e},t.match=function(e,i){var n=e.matches||e.msMatchesSelector||e.webkitMatchesSelector;return!!t.isPresent(n)&&n.call(e,i)},t.isListViewItem=function(e){return!!t.isPresent(e)&&t.match(e,".k-listview-item")},t.getListItemIndex=function(e){return t.isPresent(e)?Number(e.getAttribute("data-kendo-listview-item-index")):null},t.relatedTarget=function(e){return t.isPresent(e.relatedTarget)&&n.isDocumentAvailable()?e.relatedTarget||document.activeElement:null},t.fitIntoRange=function(e,i,n){return!t.isPresent(e)||e<=i?i:e>=n?n:e},t.closestWithMatch=function(e,i){for(var n=e;null!==n&&1===n.nodeType;){if(t.match(n,i))return n;n=n.parentElement||n.parentNode}return null},t.getClosestListItemIndex=function(e){if(!t.isPresent(e))return null;var i=t.closestWithMatch(e,".k-listview-item");return t.getListItemIndex(i)}},function(e,t){e.exports=i},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(16),o=i(2),s=i(8),d=i(22),c=function(e){return-1===e||void 0===e},p=function(){function e(e){var t=this;this.ngZone=e,this.changes=new a.EventEmitter,this.editedIndices=[],this.changedSource=new s.Subject,this.changed=this.changedSource.asObservable().pipe(d.switchMap((function(){return t.ngZone.onStable.asObservable().pipe(d.take(1))})))}return e.prototype.editItem=function(e,t){void 0===t&&(t=void 0),this.editedIndices.push({index:e,group:t}),this.onChanged()},e.prototype.addItem=function(e){this.newItem={group:e},this.onChanged()},e.prototype.isEditing=function(){return this.editedIndices.length>0},Object.defineProperty(e.prototype,"hasNewItem",{get:function(){return o.isPresent(this.newItem)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"newDataItem",{get:function(){return this.hasNewItem?this.newItem.group.value:{}},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"newItemGroup",{get:function(){return this.hasNewItem?this.newItem.group:new r.FormGroup({})},enumerable:!0,configurable:!0}),e.prototype.editGroup=function(e){return this.context(e).group},e.prototype.close=function(e){c(e)?this.newItem=void 0:(this.editedIndices=this.editedIndices.filter(function(e){return function(t){return t.index!==e}}(e)),this.onChanged())},e.prototype.context=function(e){return c(e)?this.newItem:this.findByIndex(e)},e.prototype.isEdited=function(e){return!(!c(e)||!o.isPresent(this.newItem))||o.isPresent(this.findByIndex(e))},e.prototype.hasEdited=function(e){return o.isPresent(this.context(e))},e.prototype.beginEdit=function(e){this.changes.emit({action:"edit",itemIndex:e})},e.prototype.beginAdd=function(){this.changes.emit({action:"add"})},e.prototype.endEdit=function(e){var t=this.context(e).group;this.changes.emit({action:"cancel",itemIndex:e,formGroup:t,isNew:c(e)})},e.prototype.save=function(e){var t=this.context(e).group;this.changes.emit({action:"save",itemIndex:e,formGroup:t,isNew:c(e)})},e.prototype.remove=function(e){this.changes.emit({action:"remove",itemIndex:e})},e.prototype.findByIndex=function(e){return this.editedIndices.find(function(e){return function(t){return t.index===e}}(e))},e.prototype.onChanged=function(){var e=this;this.ngZone.runOutsideAngular((function(){e.changedSource.next()}))},e=n.__decorate([a.Injectable(),n.__metadata("design:paramtypes",[a.NgZone])],e)}();t.EditService=p},function(e,t){e.exports=n},function(e,t){e.exports=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(6),o=i(20),s=i(21),d=i(3),c=i(14),p=i(15),l=i(9),u=i(10),m=i(11),v=i(12),g=i(13),h=i(4),f=i(2),_=i(16),y={position:"bottom",buttonCount:5,info:!0,previousNext:!0,type:"numeric",pageSizeValues:[5,10,20]},b=function(){function e(e,t,i,n,r){this.ngZone=e,this.element=t,this.renderer=i,this.editService=n,this.navigationService=r,this.className=!0,this.loading=!1,this.containerRole="listbox",this.listItemRole="option",this.scrollBottom=new a.EventEmitter,this.pageChange=new a.EventEmitter,this.pageSizeChange=new a.EventEmitter,this.edit=new a.EventEmitter,this.cancel=new a.EventEmitter,this.save=new a.EventEmitter,this.remove=new a.EventEmitter,this.add=new a.EventEmitter,this._skip=0,this._navigable=!1,o.validatePackage(s.packageMetadata),this.attachEditHandlers()}return Object.defineProperty(e.prototype,"navigable",{get:function(){return this._navigable},set:function(e){!e&&f.isPresent(this.removeNavigationListeners)?(this.removeNavigationListeners(),this.removeNavigationListeners=null,this.navigationService.isEnabled=!1):e&&!f.isPresent(this.removeNavigationListeners)&&(this.addNavigationListeners(),this.navigationService.isEnabled=!0),this._navigable=e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"skip",{get:function(){return this._skip},set:function(e){var t=parseInt(e,10);this._skip=isNaN(t)?0:t},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"pageable",{get:function(){return this._pageable},set:function(e){this._pageable=e,this.pagerSettings=e?Object.assign({},y,e):null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"items",{get:function(){return f.isPresent(this.data)?Array.isArray(this.data)?this.data:this.data.data:[]},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"total",{get:function(){return f.isPresent(this.data)?Array.isArray(this.data)?this.data.length:this.data.total:0},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"containerTabindex",{get:function(){return this.navigable?-1:null},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"activeIndex",{get:function(){return this.navigationService.activeIndex},enumerable:!0,configurable:!0}),e.prototype.ngOnChanges=function(e){r.isChanged("height",e,!1)&&this.renderer.setStyle(this.element.nativeElement,"height",this.height+"px")},e.prototype.ngOnDestroy=function(){f.isPresent(this.editServiceSubscription)&&this.editServiceSubscription.unsubscribe()},e.prototype.templateContext=function(e){return{$implicit:this.items[e],isLast:e===this.items.length-1,isFirst:0===e,dataItem:this.items[e],index:e}},e.prototype.editTemplateContext=function(e){var t=-1===e,i=t?this.editService.newItemGroup:this.editService.editGroup(e);return{$implicit:i,formGroup:i,dataItem:t?this.editService.newDataItem:this.items[e],isNew:t,index:e}},e.prototype.focus=function(e){var t=this.listViewItems.length;this.navigationService.focusIndex(e,t)},e.prototype.addItem=function(e){var t;if(!(e instanceof _.FormGroup)){var i=Object.keys(e).reduce((t=e,function(e,i){return e[i]=new _.FormControl(t[i]),e}),{});e=new _.FormGroup(i)}this.editService.addItem(e)},e.prototype.editItem=function(e,t){this.editService.editItem(e,t)},e.prototype.closeItem=function(e){this.editService.close(e)},e.prototype.isEdited=function(e){return this.editService.isEdited(e)},e.prototype.handlePageChange=function(e){this.scrollToContainerTop();this.navigationService.setActiveIndex(0),this.pageChange.emit(e)},e.prototype.handleContentScroll=function(){var e=this;if(r.hasObservers(this.scrollBottom)){var t=this.contentContainer.nativeElement,i=t.scrollHeight,n=t.scrollTop;i-t.clientHeight-n<=2&&this.ngZone.run((function(){var t={sender:e};e.scrollBottom.emit(t)}))}},e.prototype.itemPosInSet=function(e){return this.skip+e+1},e.prototype.scrollToContainerTop=function(){var e=this.contentContainer.nativeElement;e.scrollTop=0,e.scrollLeft=0},e.prototype.addNavigationListeners=function(){var e=this;this.ngZone.runOutsideAngular((function(){var t=e.renderer.listen(e.contentContainer.nativeElement,"keydown",(function(t){return e.navigationService.handleKeyDown(t,e.listViewItems.length)})),i=e.renderer.listen(e.contentContainer.nativeElement,"focusin",(function(t){return e.navigationService.handleFocusIn(t)})),n=e.renderer.listen(e.contentContainer.nativeElement,"focusout",(function(t){return e.navigationService.handleFocusOut(t)}));e.removeNavigationListeners=function(){t(),i(),n()}}))},e.prototype.attachEditHandlers=function(){f.isPresent(this.editService)&&(this.editServiceSubscription=this.editService.changes.subscribe(this.emitCRUDEvent.bind(this)))},e.prototype.emitCRUDEvent=function(e){var t=e.action,i=e.itemIndex,n=e.formGroup,a=this.items[i];"add"!==t&&n&&(a=n.value),Object.assign(e,{dataItem:a,sender:this}),this[t].emit(e)},n.__decorate([a.HostBinding("class.k-widget"),a.HostBinding("class.k-listview"),a.HostBinding("class.k-listview-bordered"),a.HostBinding("class.k-d-flex"),n.__metadata("design:type",Boolean)],e.prototype,"className",void 0),n.__decorate([a.ContentChild(l.ItemTemplateDirective,{static:!1}),n.__metadata("design:type",l.ItemTemplateDirective)],e.prototype,"itemTemplate",void 0),n.__decorate([a.ContentChild(u.HeaderTemplateDirective,{static:!1}),n.__metadata("design:type",u.HeaderTemplateDirective)],e.prototype,"headerTemplate",void 0),n.__decorate([a.ContentChild(m.FooterTemplateDirective,{static:!1}),n.__metadata("design:type",m.FooterTemplateDirective)],e.prototype,"footerTemplate",void 0),n.__decorate([a.ContentChild(v.LoaderTemplateDirective,{static:!1}),n.__metadata("design:type",v.LoaderTemplateDirective)],e.prototype,"loaderTemplate",void 0),n.__decorate([a.ViewChild("contentContainer",{static:!0}),n.__metadata("design:type",a.ElementRef)],e.prototype,"contentContainer",void 0),n.__decorate([a.ContentChild(g.EditTemplateDirective,{static:!1}),n.__metadata("design:type",g.EditTemplateDirective)],e.prototype,"editTemplate",void 0),n.__decorate([a.ViewChildren(p.ListViewNavigableItemDirective),n.__metadata("design:type",a.QueryList)],e.prototype,"listViewItems",void 0),n.__decorate([a.Input(),n.__metadata("design:type",Object)],e.prototype,"data",void 0),n.__decorate([a.Input(),n.__metadata("design:type",Boolean)],e.prototype,"loading",void 0),n.__decorate([a.Input(),n.__metadata("design:type",Object)],e.prototype,"containerStyle",void 0),n.__decorate([a.Input(),n.__metadata("design:type",Object)],e.prototype,"itemStyle",void 0),n.__decorate([a.Input(),n.__metadata("design:type",Object)],e.prototype,"containerClass",void 0),n.__decorate([a.Input(),n.__metadata("design:type",Object)],e.prototype,"itemClass",void 0),n.__decorate([a.Input(),n.__metadata("design:type",String)],e.prototype,"containerLabel",void 0),n.__decorate([a.Input(),n.__metadata("design:type",String)],e.prototype,"containerRole",void 0),n.__decorate([a.Input(),n.__metadata("design:type",String)],e.prototype,"listItemRole",void 0),n.__decorate([a.Input(),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[Boolean])],e.prototype,"navigable",null),n.__decorate([a.Input(),n.__metadata("design:type",Number)],e.prototype,"pageSize",void 0),n.__decorate([a.Input(),n.__metadata("design:type",Number),n.__metadata("design:paramtypes",[Number])],e.prototype,"skip",null),n.__decorate([a.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"pageable",null),n.__decorate([a.Input(),n.__metadata("design:type",Number)],e.prototype,"height",void 0),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"scrollBottom",void 0),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"pageChange",void 0),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"pageSizeChange",void 0),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"edit",void 0),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"cancel",void 0),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"save",void 0),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"remove",void 0),n.__decorate([a.Output(),n.__metadata("design:type",a.EventEmitter)],e.prototype,"add",void 0),e=n.__decorate([a.Component({changeDetection:a.ChangeDetectionStrategy.OnPush,exportAs:"kendoListView",selector:"kendo-listview",providers:[h.EditService,c.NavigationService,d.LocalizationService,{provide:d.L10N_PREFIX,useValue:"kendo.listview"}],template:'\n        \x3c!-- top pager --\x3e\n        <ng-template\n            *ngIf="pagerSettings?.position !== \'bottom\'"\n            [ngTemplateOutlet]="pagerTemplate"\n            [ngTemplateOutletContext]="{ pagerClass: \'k-listview-pager k-listview-pager-top\' }"\n        >\n        </ng-template>\n\n        \x3c!-- header --\x3e\n        <div\n            *ngIf="headerTemplate"\n            class="k-listview-header"\n        >\n            <ng-template\n                [ngTemplateOutlet]="headerTemplate?.templateRef"\n            >\n            </ng-template>\n        </div>\n\n        \x3c!-- content --\x3e\n        <div\n            #contentContainer\n            [attr.tabindex]="containerTabindex"\n            class="k-listview-content"\n            [ngClass]="containerClass"\n            [ngStyle]="containerStyle"\n            [kendoEventsOutsideAngular]="{\n                scroll: handleContentScroll\n            }"\n            [scope]="this"\n            [attr.role]="containerRole"\n            [attr.aria-label]="containerLabel"\n        >\n            \x3c!-- new item edit template --\x3e\n            <div\n                *ngIf="editService.hasNewItem"\n                class="k-listview-item"\n                [attr.role]="listItemRole"\n                kendoListViewNavigableItem\n                [index]="-1"\n                [attr.data-kendo-listview-item-index]="-1"\n                [ngClass]="itemClass"\n                [ngStyle]="itemStyle"\n            >\n                <ng-template\n                    *ngIf="editTemplate"\n                    [ngTemplateOutlet]="editTemplate?.templateRef"\n                    [ngTemplateOutletContext]="editTemplateContext(-1)"\n                >\n                </ng-template>\n            </div>\n\n            \x3c!-- items --\x3e\n            <div\n                *ngFor="let dataItem of items; let index = index; let first = first; let last = last;"\n                class="k-listview-item"\n                [attr.role]="listItemRole"\n                [attr.aria-posinset]="itemPosInSet(index)"\n                [attr.aria-setsize]="total"\n                kendoListViewNavigableItem\n                [index]="index"\n                [attr.data-kendo-listview-item-index]="index"\n                [ngClass]="itemClass"\n                [ngStyle]="itemStyle"\n            >\n                <ng-template\n                    [ngTemplateOutlet]="isEdited(index) ? editTemplate?.templateRef : itemTemplate?.templateRef"\n                    [ngTemplateOutletContext]="isEdited(index) ? editTemplateContext(index) : templateContext(index)"\n                >\n                </ng-template>\n            </div>\n\n            \x3c!-- loading indicator --\x3e\n            <div\n                *ngIf="loading && !loaderTemplate"\n                class="k-loading-mask"\n            >\n                \x3c!-- TODO: the k-loading-text is hidden with css but read by readers - review when implementing accessibility + possible localization case --\x3e\n                <span class="k-loading-text">Loading</span>\n                <div class="k-loading-image"></div>\n                <div class="k-loading-color"></div>\n            </div>\n            <ng-template\n                *ngIf="loading && loaderTemplate"\n                [ngTemplateOutlet]="loaderTemplate.templateRef"\n            >\n            </ng-template>\n        </div>\n\n        \x3c!-- footer --\x3e\n        <div\n            *ngIf="footerTemplate"\n            class="k-listview-footer"\n        >\n            <ng-template\n                [ngTemplateOutlet]="footerTemplate?.templateRef"\n            >\n            </ng-template>\n        </div>\n\n        \x3c!-- bottom pager --\x3e\n        <ng-template\n            *ngIf="pagerSettings?.position !== \'top\'"\n            [ngTemplateOutlet]="pagerTemplate"\n            [ngTemplateOutletContext]="{ pagerClass: \'k-listview-pager\' }"\n        >\n        </ng-template>\n\n        \x3c!-- pager template --\x3e\n        <ng-template #pagerTemplate let-pagerClass="pagerClass">\n            <kendo-datapager\n                *ngIf="pageable"\n                [class]="pagerClass"\n                [total]="total"\n                [pageSize]="pageSize"\n                [skip]="skip"\n                [buttonCount]="pagerSettings.buttonCount"\n                [info]="pagerSettings.info"\n                [previousNext]="pagerSettings.previousNext"\n                [type]="pagerSettings.type"\n                [pageSizeValues]="pagerSettings.pageSizeValues"\n                (pageChange)="handlePageChange($event)"\n                (pageSizeChange)="pageSizeChange.emit($event)"\n            >\n            </kendo-datapager>\n        </ng-template>\n    '}),n.__metadata("design:paramtypes",[a.NgZone,a.ElementRef,a.Renderer2,h.EditService,c.NavigationService])],e)}();t.ListViewComponent=b},function(e,t){e.exports=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=function(){function e(e){this.templateRef=e}return e=n.__decorate([a.Directive({selector:"[kendoListViewItemTemplate]"}),n.__metadata("design:paramtypes",[a.TemplateRef])],e)}();t.ItemTemplateDirective=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=function(){function e(e){this.templateRef=e}return e=n.__decorate([a.Directive({selector:"[kendoListViewHeaderTemplate]"}),n.__metadata("design:paramtypes",[a.TemplateRef])],e)}();t.HeaderTemplateDirective=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=function(){function e(e){this.templateRef=e}return e=n.__decorate([a.Directive({selector:"[kendoListViewFooterTemplate]"}),n.__metadata("design:paramtypes",[a.TemplateRef])],e)}();t.FooterTemplateDirective=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=function(){function e(e){this.templateRef=e}return e=n.__decorate([a.Directive({selector:"[kendoListViewLoaderTemplate]"}),n.__metadata("design:paramtypes",[a.TemplateRef])],e)}();t.LoaderTemplateDirective=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=function(){function e(e){this.templateRef=e}return e=n.__decorate([a.Directive({selector:"[kendoListViewEditTemplate]"}),n.__param(0,a.Optional()),n.__metadata("design:paramtypes",[a.TemplateRef])],e)}();t.EditTemplateDirective=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(8),o=i(6),s=i(2),d=function(){function e(){this.changes=new r.Subject,this.isFocused=!1,this.activeIndex=null}return Object.defineProperty(e.prototype,"isEnabled",{get:function(){return s.isPresent(this.activeIndex)},set:function(e){this.activeIndex=e?0:null,this.changes.next()},enumerable:!0,configurable:!0}),e.prototype.isActive=function(e){return e===this.activeIndex},e.prototype.handleKeyDown=function(e,t){switch(e.keyCode){case o.Keys.ArrowLeft:case o.Keys.ArrowUp:this.navigateToPrevious();break;case o.Keys.ArrowRight:case o.Keys.ArrowDown:this.navigateToNext(t);break;case o.Keys.Home:this.navigateTo(0);break;case o.Keys.End:var i=t-1;this.navigateTo(i);break;default:return}e.preventDefault()},e.prototype.handleFocusIn=function(e){var t=e.target;if(s.isListViewItem(t)){var i=s.getListItemIndex(t);this.isFocused&&i===this.activeIndex||(this.activeIndex=i,this.isFocused=!0,this.changes.next())}else{var n=s.closestWithMatch(t,".k-listview-item");if(s.isPresent(n)){var a=s.getListItemIndex(n);this.setActiveIndex(a)}}},e.prototype.handleFocusOut=function(e){s.isListViewItem(e.target)&&!s.isListViewItem(s.relatedTarget(e))&&(this.isFocused=!1,this.changes.next())},e.prototype.setActiveIndex=function(e){this.isEnabled&&e!==this.activeIndex&&(this.activeIndex=e,this.changes.next())},e.prototype.focusIndex=function(e,t){if(this.isEnabled){var i=parseInt(e,10),n=t-1,a=isNaN(i)?this.activeIndex:s.fitIntoRange(i,0,n);this.navigateTo(a)}},e.prototype.navigateTo=function(e){this.isFocused&&this.activeIndex===e||(this.isFocused=!0,this.activeIndex=e,this.changes.next())},e.prototype.navigateToPrevious=function(){var e=Math.max(this.activeIndex-1,0);this.navigateTo(e)},e.prototype.navigateToNext=function(e){var t=e-1,i=Math.min(this.activeIndex+1,t);this.navigateTo(i)},e=n.__decorate([a.Injectable()],e)}();t.NavigationService=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(14),o=i(2),s=function(){function e(e,t,i){this.hostElement=e,this.renderer=t,this.navigationService=i}return e.prototype.ngOnChanges=function(){this.updateNavigationState()},e.prototype.ngOnInit=function(){this.navigationSubscription=this.navigationService.changes.subscribe(this.updateNavigationState.bind(this))},e.prototype.ngOnDestroy=function(){o.isPresent(this.navigationSubscription)&&this.navigationSubscription.unsubscribe()},e.prototype.updateNavigationState=function(){this.updateTabIndex(),this.updateFocusedState()},e.prototype.updateFocusedState=function(){this.navigationService.isActive(this.index)&&this.navigationService.isFocused?(this.renderer.addClass(this.hostElement.nativeElement,"k-state-focused"),this.hostElement.nativeElement.focus()):this.renderer.removeClass(this.hostElement.nativeElement,"k-state-focused")},e.prototype.updateTabIndex=function(){this.navigationService.isEnabled?this.navigationService.isActive(this.index)?this.renderer.setAttribute(this.hostElement.nativeElement,"tabindex","0"):this.renderer.setAttribute(this.hostElement.nativeElement,"tabindex","-1"):this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex")},n.__decorate([a.Input(),n.__metadata("design:type",Number)],e.prototype,"index",void 0),e=n.__decorate([a.Directive({selector:"[kendoListViewNavigableItem]"}),n.__metadata("design:paramtypes",[a.ElementRef,a.Renderer2,r.NavigationService])],e)}();t.ListViewNavigableItemDirective=s},function(e,t){e.exports=o},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(8),o=i(7),s=function(){function e(e){this.listView=e,this.subscriptions=new r.Subscription}return Object.defineProperty(e.prototype,"data",{get:function(){return this._data},set:function(e){this._data=e||[],this.updateListViewData()},enumerable:!0,configurable:!0}),e.prototype.ngOnInit=function(){this.subscriptions.add(this.listView.pageChange.subscribe(this.handlePageChange.bind(this))),this.subscriptions.add(this.listView.pageSizeChange.subscribe(this.handlePageSizeChange.bind(this))),this.updateListViewData()},e.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},e.prototype.handlePageChange=function(e){this.listView.skip=e.skip,this.listView.pageSize=e.take,this.updateListViewData()},e.prototype.handlePageSizeChange=function(e){this.listView.pageSize=Number(e.newPageSize)},e.prototype.updateListViewData=function(){var e=this.listView.skip||0,t=e+(this.listView.pageSize||this.data.length);this.listView.data={data:this.data.slice(e,t),total:this.data.length}},n.__decorate([a.Input("kendoListViewBinding"),n.__metadata("design:type",Array),n.__metadata("design:paramtypes",[Array])],e.prototype,"data",null),e=n.__decorate([a.Directive({selector:"[kendoListViewBinding]"}),n.__metadata("design:paramtypes",[o.ListViewComponent])],e)}();t.DataBindingDirective=s},function(e,t){e.exports=s},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(7);t.ListViewComponent=n.ListViewComponent;var a=i(9);t.ItemTemplateDirective=a.ItemTemplateDirective;var r=i(10);t.HeaderTemplateDirective=r.HeaderTemplateDirective;var o=i(11);t.FooterTemplateDirective=o.FooterTemplateDirective;var s=i(12);t.LoaderTemplateDirective=s.LoaderTemplateDirective;var d=i(17);t.DataBindingDirective=d.DataBindingDirective;var c=i(13);t.EditTemplateDirective=c.EditTemplateDirective;var p=i(23);t.PageSizeChangeEvent=p.PageSizeChangeEvent;var l=i(24);t.ListViewModule=l.ListViewModule},function(e,t){e.exports=d},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-listview",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1646820951,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"}},function(e,t){e.exports=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=function(e){function t(){return null!==e&&e.apply(this,arguments)||this}return n.__extends(t,e),t}(i(18).PageSizeChangeEvent);t.PageSizeChangeEvent=a},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(25),o=i(18),s=i(6),d=i(7),c=i(15),p=i(9),l=i(10),u=i(11),m=i(26),v=i(12),g=i(17),h=i(13),f=i(27),_=i(28),y=i(29),b=i(30),x=i(31),I=[p.ItemTemplateDirective,l.HeaderTemplateDirective,u.FooterTemplateDirective,v.LoaderTemplateDirective],w=[g.DataBindingDirective],S=[h.EditTemplateDirective,f.EditCommandDirective,_.CancelCommandDirective,y.SaveCommandDirective,b.RemoveCommandDirective,x.AddCommandDirective],C=function(){function e(){}return e=n.__decorate([a.NgModule({declarations:[I,w,S,d.ListViewComponent,m.TemplateContextDirective,c.ListViewNavigableItemDirective],exports:[I,w,S,d.ListViewComponent,r.CommonModule,s.EventsModule],imports:[r.CommonModule,o.PagerModule,s.EventsModule]})],e)}();t.ListViewModule=C},function(e,t){e.exports=p},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=function(){function e(e){this.viewContainerRef=e}return Object.defineProperty(e.prototype,"templateContext",{set:function(e){this.insertedViewRef&&(this.viewContainerRef.remove(this.viewContainerRef.indexOf(this.insertedViewRef)),this.insertedViewRef=void 0),e.templateRef&&(this.insertedViewRef=this.viewContainerRef.createEmbeddedView(e.templateRef,e))},enumerable:!0,configurable:!0}),n.__decorate([a.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"templateContext",null),e=n.__decorate([a.Directive({selector:"[templateContext]"}),n.__metadata("design:paramtypes",[a.ViewContainerRef])],e)}();t.TemplateContextDirective=r},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(5),o=i(3),s=i(4),d=i(2),c=function(e){function t(t,i,n,a,r){var o=e.call(this,i,n,null,a,r)||this;return o.editService=t,o.elementRef=i,o}return n.__extends(t,e),t.prototype.clickHandler=function(e){e.preventDefault();var t=d.getClosestListItemIndex(this.elementRef.nativeElement);this.editService.beginEdit(t)},n.__decorate([a.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],t.prototype,"clickHandler",null),t=n.__decorate([a.Directive({selector:"[kendoListViewEditCommand]"}),n.__metadata("design:paramtypes",[s.EditService,a.ElementRef,a.Renderer2,o.LocalizationService,a.NgZone])],t)}(r.Button);t.EditCommandDirective=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(5),o=i(3),s=i(4),d=i(2),c=function(e){function t(t,i,n,a,r){var o=e.call(this,i,n,null,a,r)||this;return o.editService=t,o.elementRef=i,o}return n.__extends(t,e),t.prototype.clickHandler=function(e){e.preventDefault();var t=d.getClosestListItemIndex(this.elementRef.nativeElement);this.editService.isEdited(t)&&this.editService.endEdit(t)},n.__decorate([a.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],t.prototype,"clickHandler",null),t=n.__decorate([a.Directive({selector:"[kendoListViewCancelCommand]"}),n.__metadata("design:paramtypes",[s.EditService,a.ElementRef,a.Renderer2,o.LocalizationService,a.NgZone])],t)}(r.Button);t.CancelCommandDirective=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(5),o=i(3),s=i(4),d=i(2),c=function(e){function t(t,i,n,a,r){var o=e.call(this,i,n,null,a,r)||this;return o.editService=t,o.elementRef=i,o}return n.__extends(t,e),t.prototype.clickHandler=function(e){e.preventDefault();var t=d.getClosestListItemIndex(this.elementRef.nativeElement);this.editService.isEdited(t)&&this.editService.save(t)},n.__decorate([a.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],t.prototype,"clickHandler",null),t=n.__decorate([a.Directive({selector:"[kendoListViewSaveCommand]"}),n.__metadata("design:paramtypes",[s.EditService,a.ElementRef,a.Renderer2,o.LocalizationService,a.NgZone])],t)}(r.Button);t.SaveCommandDirective=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(5),o=i(3),s=i(4),d=i(2),c=function(e){function t(t,i,n,a,r){var o=e.call(this,i,n,null,a,r)||this;return o.editService=t,o.elementRef=i,o}return n.__extends(t,e),t.prototype.clickHandler=function(e){e.preventDefault();var t=d.getClosestListItemIndex(this.elementRef.nativeElement);this.editService.remove(t)},n.__decorate([a.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],t.prototype,"clickHandler",null),t=n.__decorate([a.Directive({selector:"[kendoListViewRemoveCommand]"}),n.__metadata("design:paramtypes",[s.EditService,a.ElementRef,a.Renderer2,o.LocalizationService,a.NgZone])],t)}(r.Button);t.RemoveCommandDirective=c},function(e,t,i){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=i(0),a=i(1),r=i(5),o=i(3),s=i(4),d=function(e){function t(t,i,n,a,r){var o=e.call(this,i,n,null,a,r)||this;return o.editService=t,o}return n.__extends(t,e),t.prototype.clickHandler=function(e){e.preventDefault(),this.editService.beginAdd()},n.__decorate([a.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],t.prototype,"clickHandler",null),t=n.__decorate([a.Directive({selector:"[kendoListViewAddCommand]"}),n.__metadata("design:paramtypes",[s.EditService,a.ElementRef,a.Renderer2,o.LocalizationService,a.NgZone])],t)}(r.Button);t.AddCommandDirective=d}])}));

package/dist/es/data-binding/data-binding.directive.js

@@ -1,69 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, Input } from '@angular/core';
-import { Subscription } from 'rxjs';
-import { ListViewComponent } from '../listview.component';
-/**
- * A directive that encapsulates the in-memory handling of paging
- * ([see example]({% slug paging_listview %}#toc-binding-directive)).
- */
-var DataBindingDirective = /** @class */ (function () {
-    function DataBindingDirective(listView) {
-        this.listView = listView;
-        this.subscriptions = new Subscription();
-    }
-    Object.defineProperty(DataBindingDirective.prototype, "data", {
-        get: function () {
-            return this._data;
-        },
-        /**
-         * The array of data which will be used to populate the ListView.
-         */
-        set: function (data) {
-            this._data = data || [];
-            this.updateListViewData();
-        },
-        enumerable: true,
-        configurable: true
-    });
-    DataBindingDirective.prototype.ngOnInit = function () {
-        this.subscriptions.add(this.listView.pageChange.subscribe(this.handlePageChange.bind(this)));
-        this.subscriptions.add(this.listView.pageSizeChange.subscribe(this.handlePageSizeChange.bind(this)));
-        this.updateListViewData();
-    };
-    DataBindingDirective.prototype.ngOnDestroy = function () {
-        this.subscriptions.unsubscribe();
-    };
-    DataBindingDirective.prototype.handlePageChange = function (event) {
-        this.listView.skip = event.skip;
-        this.listView.pageSize = event.take;
-        this.updateListViewData();
-    };
-    DataBindingDirective.prototype.handlePageSizeChange = function (event) {
-        this.listView.pageSize = Number(event.newPageSize);
-    };
-    DataBindingDirective.prototype.updateListViewData = function () {
-        var from = this.listView.skip || 0;
-        var to = from + (this.listView.pageSize || this.data.length);
-        this.listView.data = {
-            data: this.data.slice(from, to),
-            total: this.data.length
-        };
-    };
-    tslib_1.__decorate([
-        Input('kendoListViewBinding'),
-        tslib_1.__metadata("design:type", Array),
-        tslib_1.__metadata("design:paramtypes", [Array])
-    ], DataBindingDirective.prototype, "data", null);
-    DataBindingDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoListViewBinding]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [ListViewComponent])
-    ], DataBindingDirective);
-    return DataBindingDirective;
-}());
-export { DataBindingDirective };

package/dist/es/editing/commands/add-command.directive.js

@@ -1,58 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, HostListener, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
-import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { EditService } from '../edit.service';
-/**
- * Represents the command for adding a new item to the ListView. You can apply this directive to any
- * `button` element inside a [`HeaderTemplate`]({% slug api_listview_headertemplatedirective %}).
- * When an associated button with the directive is clicked, the
- * [`add`]({% slug api_listview_listviewcomponent %}#toc-add) event is triggered
- * ([see example]({% slug editing_listview %})).
- *
- * @example
- * ```html-no-run
- * <kendo-listview>
- *    <ng-template kendoListViewHeaderTemplate>
- *       <button kendoListViewAddCommand>Add new</button>
- *    </ng-template>
- * </kendo-listview>
- * ```
- */
-var AddCommandDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(AddCommandDirective, _super);
-    function AddCommandDirective(editService, element, renderer, localization, ngZone) {
-        var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;
-        _this.editService = editService;
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    AddCommandDirective.prototype.clickHandler = function (e) {
-        e.preventDefault();
-        this.editService.beginAdd();
-    };
-    tslib_1.__decorate([
-        HostListener('click', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], AddCommandDirective.prototype, "clickHandler", null);
-    AddCommandDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoListViewAddCommand]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [EditService,
-            ElementRef,
-            Renderer,
-            LocalizationService,
-            NgZone])
-    ], AddCommandDirective);
-    return AddCommandDirective;
-}(Button));
-export { AddCommandDirective };

package/dist/es/editing/commands/cancel-command.directive.js

@@ -1,74 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, HostListener, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
-import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { EditService } from '../edit.service';
-import { getClosestListItemIndex } from '../../utils';
-/**
- * Represents the `cancel` command of the ListView. You can apply this directive to any `button`
- * element inside a [`EditTemplateDirective`]({% slug api_listview_edittemplatedirective %}) template.
- * When an associated button with the directive is clicked, the
- * [`cancel`]({% slug api_listview_listviewcomponent %}#toc-cancel) event
- * is triggered ([see example]({% slug editing_listview %})).
- *
- * @example
- * ```html-no-run
- * <kendo-listview>
- *   <ng-template kendoListViewEditTemplate>
- *     <button kendoListViewCancelCommand>Cancel changes</button>
- *   </ng-template>
- * </kendo-listview>
- * ```
- *
- * You can control the content of the button based on the state of the item.
- *
- * @example
- * ```html-no-run
- * <kendo-listview>
- *   <ng-template kendoListViewEditTemplate let-isNew="isNew">
- *     <button kendoListViewCancelCommand>{{isNew ? 'Discard' : 'Cancel changes'}}</button>
- *   </ng-template>
- * </kendo-listview>
- * ```
- */
-var CancelCommandDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(CancelCommandDirective, _super);
-    function CancelCommandDirective(editService, element, renderer, localization, ngZone) {
-        var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;
-        _this.editService = editService;
-        _this.elementRef = element;
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    CancelCommandDirective.prototype.clickHandler = function (e) {
-        e.preventDefault();
-        var index = getClosestListItemIndex(this.elementRef.nativeElement);
-        if (this.editService.isEdited(index)) {
-            this.editService.endEdit(index);
-        }
-    };
-    tslib_1.__decorate([
-        HostListener('click', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], CancelCommandDirective.prototype, "clickHandler", null);
-    CancelCommandDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoListViewCancelCommand]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [EditService,
-            ElementRef,
-            Renderer,
-            LocalizationService,
-            NgZone])
-    ], CancelCommandDirective);
-    return CancelCommandDirective;
-}(Button));
-export { CancelCommandDirective };

package/dist/es/editing/commands/edit-command.directive.js

@@ -1,62 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, HostListener, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
-import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { EditService } from '../edit.service';
-import { getClosestListItemIndex } from '../../utils';
-/**
- * Represents the `edit` command of the ListView. You can apply this directive to any `button`
- * element inside a [`EditTemplateDirective`]({% slug api_listview_edittemplatedirective %}) template.
- * When an associated button with the directive is clicked, the
- * [`edit`]({% slug api_listview_listviewcomponent %}#toc-edit) event
- * is triggered ([see example]({% slug editing_listview %})).
- *
- * @example
- * ```html-no-run
- * <kendo-listview>
- *   <ng-template kendoListViewEditTemplate>
- *     <button kendoListViewEditCommand class="k-primary">Edit</button>
- *   </ng-template>
- * </kendo-listview>
- * ```
- *
- */
-var EditCommandDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(EditCommandDirective, _super);
-    function EditCommandDirective(editService, element, renderer, localization, ngZone) {
-        var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;
-        _this.editService = editService;
-        _this.elementRef = element;
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    EditCommandDirective.prototype.clickHandler = function (e) {
-        e.preventDefault();
-        var index = getClosestListItemIndex(this.elementRef.nativeElement);
-        this.editService.beginEdit(index);
-    };
-    tslib_1.__decorate([
-        HostListener('click', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], EditCommandDirective.prototype, "clickHandler", null);
-    EditCommandDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoListViewEditCommand]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [EditService,
-            ElementRef,
-            Renderer,
-            LocalizationService,
-            NgZone])
-    ], EditCommandDirective);
-    return EditCommandDirective;
-}(Button));
-export { EditCommandDirective };

package/dist/es/editing/commands/remove-command.directive.js

@@ -1,61 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, HostListener, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
-import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { EditService } from '../edit.service';
-import { getClosestListItemIndex } from '../../utils';
-/**
- * Represents the `remove` command of the ListView. You can apply this directive to any `button` element
- * inside a [`EditTemplateDirective`]({% slug api_listview_edittemplatedirective %}) template.
- * When an associated button with the directive is clicked, the
- * [`remove` event]({% slug api_listview_listviewcomponent %}#toc-remove)
- * is triggered ([see example]({% slug editing_listview %})).
- *
- * @example
- * ```html-no-run
- * <kendo-listview>
- *   <ng-template kendoListViewEditTemplate>
- *     <button kendoListViewRemoveCommand>Remove item</button>
- *   </ng-template>
- * </kendo-listview>
- * ```
- */
-var RemoveCommandDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(RemoveCommandDirective, _super);
-    function RemoveCommandDirective(editService, element, renderer, localization, ngZone) {
-        var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;
-        _this.editService = editService;
-        _this.elementRef = element;
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    RemoveCommandDirective.prototype.clickHandler = function (e) {
-        e.preventDefault();
-        var index = getClosestListItemIndex(this.elementRef.nativeElement);
-        this.editService.remove(index);
-    };
-    tslib_1.__decorate([
-        HostListener('click', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], RemoveCommandDirective.prototype, "clickHandler", null);
-    RemoveCommandDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoListViewRemoveCommand]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [EditService,
-            ElementRef,
-            Renderer,
-            LocalizationService,
-            NgZone])
-    ], RemoveCommandDirective);
-    return RemoveCommandDirective;
-}(Button));
-export { RemoveCommandDirective };

package/dist/es/editing/commands/save-command.directive.js

@@ -1,74 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, HostListener, ElementRef, Renderer2 as Renderer, NgZone } from '@angular/core';
-import { Button } from '@progress/kendo-angular-buttons';
-import { LocalizationService } from '@progress/kendo-angular-l10n';
-import { EditService } from '../edit.service';
-import { getClosestListItemIndex } from '../../utils';
-/**
- * Represents the `save` command of the ListView. You can apply this directive to any `button`
- * element inside a [`EditTemplateDirective`]({% slug api_listview_edittemplatedirective %}) template.
- * When an associated button with the directive is clicked, the
- * [`save`]({% slug api_listview_listviewcomponent %}#toc-save) event
- * is triggered ([see example]({% slug editing_listview %})).
- *
- * @example
- * ```html-no-run
- * <kendo-listview>
- *   <ng-template kendoListViewEditTemplate>
- *     <button kendoListViewSaveCommand>Save changes</button>
- *   </ng-template>
- * </kendo-listview>
- * ```
- *
- * You can control the content of the button based on the state of the item.
- *
- * @example
- * ```html-no-run
- * <kendo-listview>
- *   <ng-template kendoListViewEditTemplate let-isNew="isNew">
- *     <button kendoListViewSaveCommand>{{isNew ? 'Add' : 'Update'}}</button>
- *   </ng-template>
- * </kendo-listview>
- * ```
- */
-var SaveCommandDirective = /** @class */ (function (_super) {
-    tslib_1.__extends(SaveCommandDirective, _super);
-    function SaveCommandDirective(editService, element, renderer, localization, ngZone) {
-        var _this = _super.call(this, element, renderer, null, localization, ngZone) || this;
-        _this.editService = editService;
-        _this.elementRef = element;
-        return _this;
-    }
-    /**
-     * @hidden
-     */
-    SaveCommandDirective.prototype.clickHandler = function (e) {
-        e.preventDefault();
-        var index = getClosestListItemIndex(this.elementRef.nativeElement);
-        if (this.editService.isEdited(index)) {
-            this.editService.save(index);
-        }
-    };
-    tslib_1.__decorate([
-        HostListener('click', ['$event']),
-        tslib_1.__metadata("design:type", Function),
-        tslib_1.__metadata("design:paramtypes", [Object]),
-        tslib_1.__metadata("design:returntype", void 0)
-    ], SaveCommandDirective.prototype, "clickHandler", null);
-    SaveCommandDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoListViewSaveCommand]'
-        }),
-        tslib_1.__metadata("design:paramtypes", [EditService,
-            ElementRef,
-            Renderer,
-            LocalizationService,
-            NgZone])
-    ], SaveCommandDirective);
-    return SaveCommandDirective;
-}(Button));
-export { SaveCommandDirective };

package/dist/es/editing/edit-template.directive.js

@@ -1,32 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Directive, TemplateRef, Optional } from '@angular/core';
-/**
- * Represents the edit template of the ListView ([see example]({% slug editing_template_forms_listview %})).
- * Helps to customize the content of the edited items. To define the template, nest an `<ng-template>`
- * tag with the `kendoListViewEditTemplate` directive inside a `<kendo-listview>` tag.
- *
- * The template context contains the following fields:
- * - `formGroup`&mdash;The current [`FormGroup`]({{ site.data.urls.angular['formgroupapi'] }}).
- * If you use the ListView inside [Template-Driven Forms]({{ site.data.urls.angular['forms'] }}), it will be `undefined`.
- * - `itemIndex`&mdash;The current item index. If inside a new item, `itemIndex` is `-1`.
- * - `dataItem`&mdash;The current data item.
- * - `isNew`&mdash;The state of the current item.
- */
-var EditTemplateDirective = /** @class */ (function () {
-    function EditTemplateDirective(templateRef) {
-        this.templateRef = templateRef;
-    }
-    EditTemplateDirective = tslib_1.__decorate([
-        Directive({
-            selector: '[kendoListViewEditTemplate]'
-        }),
-        tslib_1.__param(0, Optional()),
-        tslib_1.__metadata("design:paramtypes", [TemplateRef])
-    ], EditTemplateDirective);
-    return EditTemplateDirective;
-}());
-export { EditTemplateDirective };

package/dist/es/editing/edit.service.js

@@ -1,136 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-import * as tslib_1 from "tslib";
-import { Injectable, EventEmitter, NgZone } from '@angular/core';
-import { FormGroup } from '@angular/forms';
-import { isPresent } from '../utils';
-import { Subject } from 'rxjs';
-import { switchMap, take } from 'rxjs/operators';
-/**
- * @hidden
- */
-var isEqual = function (index) { return function (item) { return item.index === index; }; };
-var ɵ0 = isEqual;
-/**
- * @hidden
- */
-var isNotEqual = function (index) { return function (item) { return item.index !== index; }; };
-var ɵ1 = isNotEqual;
-/**
- * @hidden
- */
-var isNewItem = function (index) { return index === -1 || index === undefined; };
-var ɵ2 = isNewItem;
-/**
- * @hidden
- */
-var EditService = /** @class */ (function () {
-    function EditService(ngZone) {
-        var _this = this;
-        this.ngZone = ngZone;
-        this.changes = new EventEmitter();
-        this.editedIndices = [];
-        this.changedSource = new Subject();
-        this.changed = this.changedSource.asObservable().pipe(switchMap(function () { return _this.ngZone.onStable.asObservable().pipe(take(1)); }));
-    }
-    EditService.prototype.editItem = function (index, group) {
-        if (group === void 0) { group = undefined; }
-        this.editedIndices.push({ index: index, group: group });
-        this.onChanged();
-    };
-    EditService.prototype.addItem = function (group) {
-        this.newItem = { group: group };
-        this.onChanged();
-    };
-    EditService.prototype.isEditing = function () {
-        return this.editedIndices.length > 0;
-    };
-    Object.defineProperty(EditService.prototype, "hasNewItem", {
-        get: function () {
-            return isPresent(this.newItem);
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditService.prototype, "newDataItem", {
-        get: function () {
-            if (this.hasNewItem) {
-                return this.newItem.group.value;
-            }
-            return {};
-        },
-        enumerable: true,
-        configurable: true
-    });
-    Object.defineProperty(EditService.prototype, "newItemGroup", {
-        get: function () {
-            if (this.hasNewItem) {
-                return this.newItem.group;
-            }
-            return new FormGroup({});
-        },
-        enumerable: true,
-        configurable: true
-    });
-    EditService.prototype.editGroup = function (index) {
-        return this.context(index).group;
-    };
-    EditService.prototype.close = function (index) {
-        if (isNewItem(index)) {
-            this.newItem = undefined;
-            return;
-        }
-        this.editedIndices = this.editedIndices.filter(isNotEqual(index));
-        this.onChanged();
-    };
-    EditService.prototype.context = function (index) {
-        if (isNewItem(index)) {
-            return this.newItem;
-        }
-        return this.findByIndex(index);
-    };
-    EditService.prototype.isEdited = function (index) {
-        if (isNewItem(index) && isPresent(this.newItem)) {
-            return true;
-        }
-        return isPresent(this.findByIndex(index));
-    };
-    EditService.prototype.hasEdited = function (index) {
-        return isPresent(this.context(index));
-    };
-    EditService.prototype.beginEdit = function (itemIndex) {
-        this.changes.emit({ action: 'edit', itemIndex: itemIndex });
-    };
-    EditService.prototype.beginAdd = function () {
-        this.changes.emit({ action: 'add' });
-    };
-    EditService.prototype.endEdit = function (itemIndex) {
-        var formGroup = this.context(itemIndex).group;
-        this.changes.emit({ action: 'cancel', itemIndex: itemIndex, formGroup: formGroup, isNew: isNewItem(itemIndex) });
-    };
-    EditService.prototype.save = function (itemIndex) {
-        var formGroup = this.context(itemIndex).group;
-        this.changes.emit({ action: 'save', itemIndex: itemIndex, formGroup: formGroup, isNew: isNewItem(itemIndex) });
-    };
-    EditService.prototype.remove = function (itemIndex) {
-        this.changes.emit({ action: 'remove', itemIndex: itemIndex });
-    };
-    EditService.prototype.findByIndex = function (index) {
-        return this.editedIndices.find(isEqual(index));
-    };
-    EditService.prototype.onChanged = function () {
-        var _this = this;
-        this.ngZone.runOutsideAngular(function () {
-            _this.changedSource.next();
-        });
-    };
-    EditService = tslib_1.__decorate([
-        Injectable(),
-        tslib_1.__metadata("design:paramtypes", [NgZone])
-    ], EditService);
-    return EditService;
-}());
-export { EditService };
-export { ɵ0, ɵ1, ɵ2 };