@progress/kendo-angular-listview 3.0.2 → 4.0.0-next.202204010900

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 };

package/dist/es/editing/events/edit-event-args.interface.js

@@ -1,4 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/

package/dist/es/index.js

@@ -1,17 +0,0 @@
-/**-----------------------------------------------------------------------------------------
-* Copyright © 2021 Progress Software Corporation. All rights reserved.
-* Licensed under commercial license. See LICENSE.md in the project root for more information
-*-------------------------------------------------------------------------------------------*/
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './main';
-export { AddCommandDirective } from './editing/commands/add-command.directive';
-export { CancelCommandDirective } from './editing/commands/cancel-command.directive';
-export { EditCommandDirective } from './editing/commands/edit-command.directive';
-export { RemoveCommandDirective } from './editing/commands/remove-command.directive';
-export { SaveCommandDirective } from './editing/commands/save-command.directive';
-export { EditService } from './editing/edit.service';
-export { ListViewNavigableItemDirective } from './navigation/listview-navigable-item.directive';
-export { NavigationService } from './navigation/navigation.service';
-export { TemplateContextDirective } from './templates/template-context.directive';