@progress/kendo-angular-listbox 0.1.0

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

@@ -0,0 +1,147 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_angular_common_1 = require("@progress/kendo-angular-common");
+var rxjs_1 = require("rxjs");
+var listbox_component_1 = require("./listbox.component");
+var util_1 = require("./util");
+/**
+ * A directive which manages the functoinality of the ListBox tools out of the box, and modifies the provided data accordingly.
+ */
+var DataBindingDirective = /** @class */ (function () {
+    function DataBindingDirective(listbox) {
+        var _this = this;
+        this.listbox = listbox;
+        /**
+         * @hidden
+         */
+        this.data = [];
+        this.sub = new rxjs_1.Subscription();
+        this.selectedBox = this.listbox;
+        this.sub.add(this.listbox.actionClick.subscribe(function (actionName) {
+            switch (actionName) {
+                case 'moveUp': {
+                    _this.moveVertically('up');
+                    break;
+                }
+                case 'moveDown': {
+                    _this.moveVertically('down');
+                    break;
+                }
+                case 'transferTo': {
+                    _this.transferItem(_this.connectedWith, _this.listbox);
+                    break;
+                }
+                case 'transferFrom': {
+                    _this.transferItem(_this.listbox, _this.connectedWith);
+                    break;
+                }
+                case 'transferAllTo': {
+                    _this.transferAll(_this.listbox, _this.connectedWith);
+                    break;
+                }
+                case 'transferAllFrom': {
+                    _this.transferAll(_this.connectedWith, _this.listbox);
+                    break;
+                }
+                case 'remove': {
+                    _this.removeItem();
+                    break;
+                }
+                default: {
+                    break;
+                }
+            }
+        }));
+    }
+    /**
+     * @hidden
+     */
+    DataBindingDirective.prototype.ngOnChanges = function (changes) {
+        var _this = this;
+        if (kendo_angular_common_1.isChanged('connectedWith', changes, false)) {
+            this.sub.add(this.listbox.selectionChange.subscribe(function () {
+                _this.selectedBox = _this.listbox;
+                _this.connectedWith.clearSelection();
+            }));
+            this.sub.add(this.connectedWith.selectionChange.subscribe(function () {
+                _this.selectedBox = _this.connectedWith;
+                _this.listbox.clearSelection();
+            }));
+        }
+        if (kendo_angular_common_1.isChanged('data', changes, true)) {
+            this.listbox.data = changes.data.currentValue;
+        }
+    };
+    /**
+     * @hidden
+     */
+    DataBindingDirective.prototype.ngOnDestroy = function () {
+        this.sub.unsubscribe();
+    };
+    DataBindingDirective.prototype.moveVertically = function (dir) {
+        var _a;
+        var index = this.selectedBox.selectedIndex;
+        if (!util_1.isPresent(index)) {
+            return;
+        }
+        var topReached = dir === 'up' && index <= 0;
+        var bottomReached = dir === 'down' && index >= this.selectedBox.data.length - 1;
+        if (topReached || bottomReached) {
+            return;
+        }
+        var newIndex = dir === 'up' ? index - 1 : index + 1;
+        // ES6 Destructuring swap
+        _a = [this.selectedBox.data[index], this.selectedBox.data[newIndex]], this.selectedBox.data[newIndex] = _a[0], this.selectedBox.data[index] = _a[1];
+        this.selectedBox.selectionService.select(newIndex);
+    };
+    DataBindingDirective.prototype.removeItem = function () {
+        var index = this.selectedBox.selectedIndex;
+        if (!util_1.isPresent(index)) {
+            return;
+        }
+        this.selectedBox.data.splice(index, 1);
+        this.selectedBox.selectionService.clearSelection();
+    };
+    DataBindingDirective.prototype.transferItem = function (source, target) {
+        var item = source && source.data[source.selectedIndex];
+        if (!item || !target || !source) {
+            return;
+        }
+        target.data.push(item);
+        source.data.splice(source.selectedIndex, 1);
+        source.clearSelection();
+        target.selectItem(target.data.length - 1);
+        this.selectedBox = target;
+    };
+    DataBindingDirective.prototype.transferAll = function (source, target) {
+        var _a;
+        if (!target || !source) {
+            return;
+        }
+        (_a = target.data).splice.apply(_a, [target.data.length, 0].concat(source.data.splice(0, source.data.length)));
+        target.selectItem(target.data.length - 1);
+        this.selectedBox = target;
+    };
+    tslib_1.__decorate([
+        core_1.Input('kendoListBoxDataBinding'),
+        tslib_1.__metadata("design:type", Array)
+    ], DataBindingDirective.prototype, "data", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", listbox_component_1.ListBoxComponent)
+    ], DataBindingDirective.prototype, "connectedWith", void 0);
+    DataBindingDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoListBoxDataBinding]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [listbox_component_1.ListBoxComponent])
+    ], DataBindingDirective);
+    return DataBindingDirective;
+}());
+exports.DataBindingDirective = DataBindingDirective;

package/dist/npm/index.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+/**
+ * Generated bundle index. Do not edit.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./main"), exports);
+var item_selectable_directive_1 = require("./item-selectable.directive");
+exports.ItemSelectableDirective = item_selectable_directive_1.ItemSelectableDirective
+var item_template_directive_1 = require("./item-template.directive");
+exports.ItemTemplateDirective = item_template_directive_1.ItemTemplateDirective
+var selection_service_1 = require("./selection.service");
+exports.ListBoxSelectionService = selection_service_1.ListBoxSelectionService

package/dist/npm/item-selectable.directive.js

@@ -0,0 +1,51 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var selection_service_1 = require("./selection.service");
+/**
+ * @hidden
+ */
+var ItemSelectableDirective = /** @class */ (function () {
+    function ItemSelectableDirective(selectionService) {
+        this.selectionService = selectionService;
+    }
+    Object.defineProperty(ItemSelectableDirective.prototype, "selectedClassName", {
+        get: function () {
+            return this.selectionService.isSelected(this.index);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    ItemSelectableDirective.prototype.onClick = function (event) {
+        event.stopPropagation();
+        this.selectionService.select(this.index);
+    };
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], ItemSelectableDirective.prototype, "index", void 0);
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-selected'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ItemSelectableDirective.prototype, "selectedClassName", null);
+    tslib_1.__decorate([
+        core_1.HostListener('click', ['$event']),
+        tslib_1.__metadata("design:type", Function),
+        tslib_1.__metadata("design:paramtypes", [Object]),
+        tslib_1.__metadata("design:returntype", void 0)
+    ], ItemSelectableDirective.prototype, "onClick", null);
+    ItemSelectableDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoListBoxItemSelectable]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [selection_service_1.ListBoxSelectionService])
+    ], ItemSelectableDirective);
+    return ItemSelectableDirective;
+}());
+exports.ItemSelectableDirective = ItemSelectableDirective;

package/dist/npm/item-template.directive.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+/**
+ * Renders the ListBox item content. To define the item template, nest an `<ng-template>` tag
+ * with the `kendoListBoxItemTemplate` directive inside the `<kendo-listbox>` tag. The template context is
+ * set to the current data item.
+ *
+ * @example
+ * ```ts
+ * _@Component({
+ * selector: 'my-app',
+ * template: `
+ *   <kendo-listbox [data]="listBoxItems">
+ *     <ng-template kendoListBoxItemTemplate let-dataItem>
+ *       <span>{{ dataItem }} item</span>
+ *     </ng-template>
+ *   </kendo-listbox>
+ * `
+ * })
+ * ```
+ */
+var ItemTemplateDirective = /** @class */ (function () {
+    function ItemTemplateDirective(templateRef) {
+        this.templateRef = templateRef;
+    }
+    ItemTemplateDirective = tslib_1.__decorate([
+        core_1.Directive({
+            selector: '[kendoListBoxItemTemplate]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [core_1.TemplateRef])
+    ], ItemTemplateDirective);
+    return ItemTemplateDirective;
+}());
+exports.ItemTemplateDirective = ItemTemplateDirective;

package/dist/npm/listbox.component.js

@@ -0,0 +1,198 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var kendo_licensing_1 = require("@progress/kendo-licensing");
+var rxjs_1 = require("rxjs");
+var package_metadata_1 = require("./package-metadata");
+var selection_service_1 = require("./selection.service");
+var item_template_directive_1 = require("./item-template.directive");
+var util_1 = require("./util");
+var constants_1 = require("./constants");
+/**
+ * Represents the [Kendo UI ListBox component for Angular]({% slug overview_listbox %}).
+ */
+var ListBoxComponent = /** @class */ (function () {
+    function ListBoxComponent(selectionService, renderer, hostElement) {
+        var _this = this;
+        this.selectionService = selectionService;
+        this.renderer = renderer;
+        this.hostElement = hostElement;
+        /**
+         * @hidden
+         */
+        this.listboxClassName = true;
+        /**
+         * The data which will be displayed by the ListBox.
+         */
+        this.data = [];
+        /**
+         * Sets the size of the component.
+         *
+         * The possible values are:
+         * - `'small'`
+         * - `'medium'` (default)
+         * - `'large'`
+         */
+        this.size = 'medium';
+        /**
+         * A function which determines if a specific item is disabled.
+         */
+        this.itemDisabled = util_1.defaultItemDisabled;
+        /**
+         * Fires when the user selects a different ListBox item. Also fires when a node is moved, since that also changes its index.
+         */
+        this.selectionChange = new core_1.EventEmitter();
+        /**
+         * Fires when the user clicks a ListBox item.
+         */
+        this.actionClick = new core_1.EventEmitter();
+        /**
+         * @hidden
+         */
+        this.selectedTools = constants_1.allTools;
+        this.sub = new rxjs_1.Subscription();
+        kendo_licensing_1.validatePackage(package_metadata_1.packageMetadata);
+        this.setToolbarClass(constants_1.DEFAULT_TOOLBAR_POSITION);
+        this.sub.add(this.selectionService.onSelect.subscribe(function (e) {
+            _this.selectionChange.next(e);
+        }));
+    }
+    Object.defineProperty(ListBoxComponent.prototype, "toolbar", {
+        /**
+         * Sets whether a toolbar should be displayed with the ListBox, as well as what tools and position should be used.
+         */
+        set: function (config) {
+            var position = constants_1.DEFAULT_TOOLBAR_POSITION;
+            if (typeof config === 'boolean') {
+                this.selectedTools = config ? constants_1.allTools : [];
+            }
+            else {
+                this.selectedTools = config.tools ? util_1.getTools(config.tools) : constants_1.allTools;
+                if (config.position) {
+                    position = config.position;
+                }
+            }
+            this.setToolbarClass(position);
+        },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(ListBoxComponent.prototype, "listClasses", {
+        /**
+         * @hidden
+         */
+        get: function () {
+            return "k-list k-list-" + constants_1.sizeClassMap[this.size];
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    ListBoxComponent.prototype.ngOnDestroy = function () {
+        this.sub.unsubscribe();
+    };
+    /**
+     * @hidden
+     */
+    ListBoxComponent.prototype.performAction = function (actionName) {
+        this.actionClick.next(actionName);
+    };
+    /**
+     * Programmatically selects a ListBox node.
+     */
+    ListBoxComponent.prototype.selectItem = function (index) {
+        this.selectionService.selectedIndex = index;
+    };
+    /**
+     * Programmatically clears the ListBox selection.
+     */
+    ListBoxComponent.prototype.clearSelection = function () {
+        this.selectionService.clearSelection();
+    };
+    Object.defineProperty(ListBoxComponent.prototype, "selectedIndex", {
+        /**
+         * The index of the currently selected item in the ListBox.
+         */
+        get: function () {
+            return this.selectionService.selectedIndex;
+        },
+        enumerable: true,
+        configurable: true
+    });
+    /**
+     * @hidden
+     */
+    ListBoxComponent.prototype.getText = function (dataItem) {
+        if (typeof dataItem !== 'string' && !this.textField && core_1.isDevMode()) {
+            throw new Error('Missing textField input. When passing an array of objects as data, please set the textField input of the ListBox accordingly.');
+        }
+        return util_1.fieldAccessor(dataItem, this.textField);
+    };
+    ListBoxComponent.prototype.setToolbarClass = function (pos) {
+        var _this = this;
+        Object.keys(constants_1.toolbarClasses).forEach(function (className) {
+            if (pos === className) {
+                _this.renderer.addClass(_this.hostElement.nativeElement, constants_1.toolbarClasses[className]);
+            }
+            else {
+                _this.renderer.removeClass(_this.hostElement.nativeElement, constants_1.toolbarClasses[className]);
+            }
+        });
+    };
+    tslib_1.__decorate([
+        core_1.HostBinding('class.k-listbox'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ListBoxComponent.prototype, "listboxClassName", void 0);
+    tslib_1.__decorate([
+        core_1.ContentChild(item_template_directive_1.ItemTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", item_template_directive_1.ItemTemplateDirective)
+    ], ListBoxComponent.prototype, "itemTemplate", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ListBoxComponent.prototype, "textField", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], ListBoxComponent.prototype, "data", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ListBoxComponent.prototype, "size", void 0);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], ListBoxComponent.prototype, "toolbar", null);
+    tslib_1.__decorate([
+        core_1.Input(),
+        tslib_1.__metadata("design:type", Function)
+    ], ListBoxComponent.prototype, "itemDisabled", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], ListBoxComponent.prototype, "selectionChange", void 0);
+    tslib_1.__decorate([
+        core_1.Output(),
+        tslib_1.__metadata("design:type", core_1.EventEmitter)
+    ], ListBoxComponent.prototype, "actionClick", void 0);
+    ListBoxComponent = tslib_1.__decorate([
+        core_1.Component({
+            selector: 'kendo-listbox',
+            providers: [selection_service_1.ListBoxSelectionService],
+            template: "\n            <div class=\"k-listbox-toolbar\" *ngIf=\"selectedTools.length > 0\">\n                <ul class=\"k-reset\">\n                    <li *ngFor=\"let tool of selectedTools\">\n                        <button kendoButton [icon]=\"tool.icon\" (click)=\"performAction(tool.name)\"></button>\n                    </li>\n\n                    <!-- react moving items has a smoother removal of the style: https://www.telerik.com/kendo-react-ui/components/listbox/ -->\n                </ul>\n            </div>\n            <div class=\"k-list-scroller k-selectable\">\n                <div class=\"{{ listClasses }}\">\n                    <div class=\"k-list-content\">\n                        <ul class=\"k-list-ul\">\n                            <li\n                                class=\"k-list-item\"\n                                *ngFor=\"let item of data; let i = index;\"\n                                kendoListBoxItemSelectable\n                                [index]=\"i\"\n                                [class.k-disabled]=\"itemDisabled(item)\"\n                            >\n                                <ng-template *ngIf=\"itemTemplate; else defaultItemTemplate\"\n                                    [templateContext]=\"{\n                                        templateRef: itemTemplate.templateRef,\n                                        $implicit: item\n                                    }\">\n                                </ng-template>\n                                <ng-template #defaultItemTemplate>\n                                    <span class=\"k-list-item-text\">{{ getText(item) }}</span>\n                                </ng-template>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n    "
+        }),
+        tslib_1.__metadata("design:paramtypes", [selection_service_1.ListBoxSelectionService,
+            core_1.Renderer2,
+            core_1.ElementRef])
+    ], ListBoxComponent);
+    return ListBoxComponent;
+}());
+exports.ListBoxComponent = ListBoxComponent;

package/dist/npm/listbox.module.js

@@ -0,0 +1,30 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+var listbox_component_1 = require("./listbox.component");
+var kendo_angular_buttons_1 = require("@progress/kendo-angular-buttons");
+var common_1 = require("@angular/common");
+var item_template_directive_1 = require("./item-template.directive");
+var item_selectable_directive_1 = require("./item-selectable.directive");
+var data_binding_directive_1 = require("./data-binding.directive");
+/**
+ * Represents the [NgModule](https://angular.io/api/core/NgModule) definition for the ListBox component.
+ */
+var ListBoxModule = /** @class */ (function () {
+    function ListBoxModule() {
+    }
+    ListBoxModule = tslib_1.__decorate([
+        core_1.NgModule({
+            imports: [kendo_angular_buttons_1.ButtonsModule, common_1.CommonModule],
+            declarations: [listbox_component_1.ListBoxComponent, item_template_directive_1.ItemTemplateDirective, item_selectable_directive_1.ItemSelectableDirective, data_binding_directive_1.DataBindingDirective],
+            exports: [listbox_component_1.ListBoxComponent, item_template_directive_1.ItemTemplateDirective, item_selectable_directive_1.ItemSelectableDirective, data_binding_directive_1.DataBindingDirective]
+        })
+    ], ListBoxModule);
+    return ListBoxModule;
+}());
+exports.ListBoxModule = ListBoxModule;

package/dist/npm/main.js

@@ -0,0 +1,12 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var listbox_component_1 = require("./listbox.component");
+exports.ListBoxComponent = listbox_component_1.ListBoxComponent;
+var data_binding_directive_1 = require("./data-binding.directive");
+exports.DataBindingDirective = data_binding_directive_1.DataBindingDirective;
+var listbox_module_1 = require("./listbox.module");
+exports.ListBoxModule = listbox_module_1.ListBoxModule;

package/dist/npm/package-metadata.js

@@ -0,0 +1,17 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+/**
+ * @hidden
+ */
+exports.packageMetadata = {
+    name: '@progress/kendo-angular-listbox',
+    productName: 'Kendo UI for Angular',
+    productCodes: ['KENDOUIANGULAR', 'KENDOUICOMPLETE'],
+    publishDate: 1649835747,
+    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'
+};

package/dist/npm/selection.service.js

@@ -0,0 +1,32 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var core_1 = require("@angular/core");
+/**
+ * @hidden
+ */
+var ListBoxSelectionService = /** @class */ (function () {
+    function ListBoxSelectionService() {
+        this.onSelect = new core_1.EventEmitter();
+        this.selectedIndex = null;
+    }
+    ListBoxSelectionService.prototype.select = function (index) {
+        this.selectedIndex = index;
+        this.onSelect.next({ index: this.selectedIndex });
+    };
+    ListBoxSelectionService.prototype.isSelected = function (index) {
+        return index === this.selectedIndex;
+    };
+    ListBoxSelectionService.prototype.clearSelection = function () {
+        this.selectedIndex = null;
+    };
+    ListBoxSelectionService = tslib_1.__decorate([
+        core_1.Injectable()
+    ], ListBoxSelectionService);
+    return ListBoxSelectionService;
+}());
+exports.ListBoxSelectionService = ListBoxSelectionService;

package/dist/npm/size.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/toolbar.js

@@ -0,0 +1,6 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/npm/util.js

@@ -0,0 +1,40 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var kendo_common_1 = require("@progress/kendo-common");
+var constants_1 = require("./constants");
+/**
+ * @hidden
+ */
+exports.isPresent = function (value) { return value !== null && value !== undefined; };
+/**
+ * @hidden
+ */
+exports.isObject = function (value) { return exports.isPresent(value) && typeof value === 'object'; };
+/**
+ * @hidden
+ */
+exports.fieldAccessor = function (dataItem, field) {
+    if (!exports.isPresent(dataItem)) {
+        return null;
+    }
+    if (!exports.isPresent(field) || !exports.isObject(dataItem)) {
+        return dataItem;
+    }
+    // creates a field accessor supporting nested fields processing
+    var valueFrom = kendo_common_1.getter(field);
+    return valueFrom(dataItem);
+};
+/**
+ * @hidden
+ */
+exports.defaultItemDisabled = function () { return false; };
+/**
+ * @hidden
+ */
+exports.getTools = function (names) {
+    return names.map(function (tool) { return constants_1.allTools.find(function (meta) { return meta.name === tool; }); });
+};

package/dist/systemjs/kendo-angular-listbox.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+System.register("@progress/kendo-angular-listbox",["tslib","@progress/kendo-angular-common","@angular/core","rxjs","@progress/kendo-licensing","@progress/kendo-angular-buttons","@angular/common","@progress/kendo-common"],function(a){var s,r,l,c,d,u,p,m;function t(e){return e.__useDefault?e.default:e}return{setters:[function(e){s=t(e)},function(e){r=t(e)},function(e){l=t(e)},function(e){c=t(e)},function(e){d=t(e)},function(e){u=t(e)},function(e){p=t(e)},function(e){m=t(e)}],execute:function(){function n(e){if(i[e])return i[e].exports;var t=i[e]={i:e,l:!1,exports:{}};return o[e].call(t.exports,t,t.exports,n),t.l=!0,t.exports}var o,i;o=[function(e,t){e.exports=l},function(e,t){e.exports=s},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),i=o(0),s=o(16),a=o(8),r=o(15),l=o(7),c=o(6),d=o(5),u=o(4),o=(Object.defineProperty(p.prototype,"toolbar",{set:function(e){var t=u.DEFAULT_TOOLBAR_POSITION;"boolean"==typeof e?this.selectedTools=e?u.allTools:[]:(this.selectedTools=e.tools?d.getTools(e.tools):u.allTools,e.position&&(t=e.position)),this.setToolbarClass(t)},enumerable:!0,configurable:!0}),Object.defineProperty(p.prototype,"listClasses",{get:function(){return"k-list k-list-"+u.sizeClassMap[this.size]},enumerable:!0,configurable:!0}),p.prototype.ngOnDestroy=function(){this.sub.unsubscribe()},p.prototype.performAction=function(e){this.actionClick.next(e)},p.prototype.selectItem=function(e){this.selectionService.selectedIndex=e},p.prototype.clearSelection=function(){this.selectionService.clearSelection()},Object.defineProperty(p.prototype,"selectedIndex",{get:function(){return this.selectionService.selectedIndex},enumerable:!0,configurable:!0}),p.prototype.getText=function(e){if("string"!=typeof e&&!this.textField&&i.isDevMode())throw new Error("Missing textField input. When passing an array of objects as data, please set the textField input of the ListBox accordingly.");return d.fieldAccessor(e,this.textField)},p.prototype.setToolbarClass=function(t){var o=this;Object.keys(u.toolbarClasses).forEach(function(e){t===e?o.renderer.addClass(o.hostElement.nativeElement,u.toolbarClasses[e]):o.renderer.removeClass(o.hostElement.nativeElement,u.toolbarClasses[e])})},n.__decorate([i.HostBinding("class.k-listbox"),n.__metadata("design:type",Boolean)],p.prototype,"listboxClassName",void 0),n.__decorate([i.ContentChild(c.ItemTemplateDirective,{static:!1}),n.__metadata("design:type",c.ItemTemplateDirective)],p.prototype,"itemTemplate",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],p.prototype,"textField",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Array)],p.prototype,"data",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],p.prototype,"size",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],p.prototype,"toolbar",null),n.__decorate([i.Input(),n.__metadata("design:type",Function)],p.prototype,"itemDisabled",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],p.prototype,"selectionChange",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],p.prototype,"actionClick",void 0),n.__decorate([i.Component({selector:"kendo-listbox",providers:[l.ListBoxSelectionService],template:'\n            <div class="k-listbox-toolbar" *ngIf="selectedTools.length > 0">\n                <ul class="k-reset">\n                    <li *ngFor="let tool of selectedTools">\n                        <button kendoButton [icon]="tool.icon" (click)="performAction(tool.name)"></button>\n                    </li>\n\n                    \x3c!-- react moving items has a smoother removal of the style: https://www.telerik.com/kendo-react-ui/components/listbox/ --\x3e\n                </ul>\n            </div>\n            <div class="k-list-scroller k-selectable">\n                <div class="{{ listClasses }}">\n                    <div class="k-list-content">\n                        <ul class="k-list-ul">\n                            <li\n                                class="k-list-item"\n                                *ngFor="let item of data; let i = index;"\n                                kendoListBoxItemSelectable\n                                [index]="i"\n                                [class.k-disabled]="itemDisabled(item)"\n                            >\n                                <ng-template *ngIf="itemTemplate; else defaultItemTemplate"\n                                    [templateContext]="{\n                                        templateRef: itemTemplate.templateRef,\n                                        $implicit: item\n                                    }">\n                                </ng-template>\n                                <ng-template #defaultItemTemplate>\n                                    <span class="k-list-item-text">{{ getText(item) }}</span>\n                                </ng-template>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n            </div>\n    '}),n.__metadata("design:paramtypes",[l.ListBoxSelectionService,i.Renderer2,i.ElementRef])],p));function p(e,t,o){var n=this;this.selectionService=e,this.renderer=t,this.hostElement=o,this.listboxClassName=!0,this.data=[],this.size="medium",this.itemDisabled=d.defaultItemDisabled,this.selectionChange=new i.EventEmitter,this.actionClick=new i.EventEmitter,this.selectedTools=u.allTools,this.sub=new a.Subscription,s.validatePackage(r.packageMetadata),this.setToolbarClass(u.DEFAULT_TOOLBAR_POSITION),this.sub.add(this.selectionService.onSelect.subscribe(function(e){n.selectionChange.next(e)}))}t.ListBoxComponent=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),i=o(0),s=o(13),a=o(8),r=o(2),l=o(5),o=(c.prototype.ngOnChanges=function(e){var t=this;s.isChanged("connectedWith",e,!1)&&(this.sub.add(this.listbox.selectionChange.subscribe(function(){t.selectedBox=t.listbox,t.connectedWith.clearSelection()})),this.sub.add(this.connectedWith.selectionChange.subscribe(function(){t.selectedBox=t.connectedWith,t.listbox.clearSelection()}))),s.isChanged("data",e,!0)&&(this.listbox.data=e.data.currentValue)},c.prototype.ngOnDestroy=function(){this.sub.unsubscribe()},c.prototype.moveVertically=function(e){var t,o=this.selectedBox.selectedIndex;l.isPresent(o)&&(t="down"===e&&o>=this.selectedBox.data.length-1,"up"===e&&o<=0||t||(e=[this.selectedBox.data[o],this.selectedBox.data[t="up"===e?o-1:o+1]],this.selectedBox.data[t]=e[0],this.selectedBox.data[o]=e[1],this.selectedBox.selectionService.select(t)))},c.prototype.removeItem=function(){var e=this.selectedBox.selectedIndex;l.isPresent(e)&&(this.selectedBox.data.splice(e,1),this.selectedBox.selectionService.clearSelection())},c.prototype.transferItem=function(e,t){var o=e&&e.data[e.selectedIndex];o&&t&&e&&(t.data.push(o),e.data.splice(e.selectedIndex,1),e.clearSelection(),t.selectItem(t.data.length-1),this.selectedBox=t)},c.prototype.transferAll=function(e,t){var o;t&&e&&((o=t.data).splice.apply(o,[t.data.length,0].concat(e.data.splice(0,e.data.length))),t.selectItem(t.data.length-1),this.selectedBox=t)},n.__decorate([i.Input("kendoListBoxDataBinding"),n.__metadata("design:type",Array)],c.prototype,"data",void 0),n.__decorate([i.Input(),n.__metadata("design:type",r.ListBoxComponent)],c.prototype,"connectedWith",void 0),n.__decorate([i.Directive({selector:"[kendoListBoxDataBinding]"}),n.__metadata("design:paramtypes",[r.ListBoxComponent])],c));function c(e){var t=this;this.listbox=e,this.data=[],this.sub=new a.Subscription,this.selectedBox=this.listbox,this.sub.add(this.listbox.actionClick.subscribe(function(e){switch(e){case"moveUp":t.moveVertically("up");break;case"moveDown":t.moveVertically("down");break;case"transferTo":t.transferItem(t.connectedWith,t.listbox);break;case"transferFrom":t.transferItem(t.listbox,t.connectedWith);break;case"transferAllTo":t.transferAll(t.listbox,t.connectedWith);break;case"transferAllFrom":t.transferAll(t.connectedWith,t.listbox);break;case"remove":t.removeItem()}}))}t.DataBindingDirective=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.DEFAULT_TOOLBAR_POSITION="right",t.allTools=[{name:"moveUp",label:"Move Up",icon:"arrow-n"},{name:"moveDown",label:"Move Down",icon:"arrow-s"},{name:"transferTo",label:"Transfer From",icon:"arrow-w"},{name:"transferFrom",label:"Transfer To",icon:"arrow-e"},{name:"transferAllTo",label:"Transfer All To",icon:"arrow-double-60-right"},{name:"transferAllFrom",label:"Transfer All From",icon:"arrow-double-60-left"},{name:"remove",label:"Remove",icon:"x"}],t.sizeClassMap={small:"sm",medium:"md",large:"lg"},t.toolbarClasses={left:"k-listbox-toolbar-left",right:"k-listbox-toolbar-right",top:"k-listbox-toolbar-top",bottom:"k-listbox-toolbar-bottom"}},function(e,o,t){"use strict";Object.defineProperty(o,"__esModule",{value:!0});var n=t(14),i=t(4);o.isPresent=function(e){return null!=e},o.isObject=function(e){return o.isPresent(e)&&"object"==typeof e},o.fieldAccessor=function(e,t){return o.isPresent(e)?o.isPresent(t)&&o.isObject(e)?n.getter(t)(e):e:null},o.defaultItemDisabled=function(){return!1},o.getTools=function(e){return e.map(function(t){return i.allTools.find(function(e){return e.name===t})})}},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),o=o(0),n=n.__decorate([o.Directive({selector:"[kendoListBoxItemTemplate]"}),n.__metadata("design:paramtypes",[o.TemplateRef])],i);function i(e){this.templateRef=e}t.ItemTemplateDirective=n},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),i=o(0),o=(s.prototype.select=function(e){this.selectedIndex=e,this.onSelect.next({index:this.selectedIndex})},s.prototype.isSelected=function(e){return e===this.selectedIndex},s.prototype.clearSelection=function(){this.selectedIndex=null},n.__decorate([i.Injectable()],s));function s(){this.onSelect=new i.EventEmitter,this.selectedIndex=null}t.ListBoxSelectionService=o},function(e,t){e.exports=c},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),i=o(0),o=o(7),i=(Object.defineProperty(s.prototype,"selectedClassName",{get:function(){return this.selectionService.isSelected(this.index)},enumerable:!0,configurable:!0}),s.prototype.onClick=function(e){e.stopPropagation(),this.selectionService.select(this.index)},n.__decorate([i.Input(),n.__metadata("design:type",Number)],s.prototype,"index",void 0),n.__decorate([i.HostBinding("class.k-selected"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],s.prototype,"selectedClassName",null),n.__decorate([i.HostListener("click",["$event"]),n.__metadata("design:type",Function),n.__metadata("design:paramtypes",[Object]),n.__metadata("design:returntype",void 0)],s.prototype,"onClick",null),n.__decorate([i.Directive({selector:"[kendoListBoxItemSelectable]"}),n.__metadata("design:paramtypes",[o.ListBoxSelectionService])],s));function s(e){this.selectionService=e}t.ItemSelectableDirective=i},function(e,t){e.exports=p},function(e,t){e.exports=u},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(1),i=o(0),s=o(2),a=o(11),r=o(10),l=o(6),c=o(9),o=o(3),n=n.__decorate([i.NgModule({imports:[a.ButtonsModule,r.CommonModule],declarations:[s.ListBoxComponent,l.ItemTemplateDirective,c.ItemSelectableDirective,o.DataBindingDirective],exports:[s.ListBoxComponent,l.ItemTemplateDirective,c.ItemSelectableDirective,o.DataBindingDirective]})],d);function d(){}t.ListBoxModule=n},function(e,t){e.exports=r},function(e,t){e.exports=m},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.packageMetadata={name:"@progress/kendo-angular-listbox",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1649835747,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=d},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,i=o(2),i=(t.ListBoxComponent=i.ListBoxComponent,o(3)),i=(t.DataBindingDirective=i.DataBindingDirective,o(12)),s=(t.ListBoxModule=i.ListBoxModule,t);for(n in s)a(n,s[n])}],i={},n.m=o,n.c=i,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:o})},n.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=17)}}});