@progress/kendo-angular-listbox 0.1.0

package/README.md

@@ -0,0 +1,31 @@
+<a href="https://www.telerik.com/kendo-angular-ui/" target="_blank">
+<img width="631" src="https://www.telerik.com/kendo-angular-ui/npm-banner.svg">
+</a>
+
+## Native UI and Data Visualization Components for Angular
+
+Kendo UI for Angular is a commercial UI library designed and built for developing business applications with Angular. Every UI component in the Kendo UI for Angular suite has been built from the ground-up specifically for Angular.
+
+> **Important**
+> * This package is part of the [Kendo UI for Angular](https://www.telerik.com/kendo-angular-ui/)&mdash;a commercial UI library.
+> * You will need to install a license key when adding the package to your project. For more information, please refer to the [My License page](https://www.telerik.com/kendo-angular-ui/my-license/).
+> * To receive a license key, you need to either [purchase a license](https://www.telerik.com/purchase/kendo-ui/) or register for a [free trial](https://www.telerik.com/download-login-v2-kendo-angular-ui). Doing so indicates that you [Kendo UI for Angular License Agreement](https://www.telerik.com/purchase/license-agreement/kendo-ui).
+> * The 30-day free trial gives you access to all the Kendo UI for Angular components and their full functionality. Additionally, for the period of your license, you get access to our legendary technical support provided directly by the Kendo UI dev team!
+
+## Resources
+
+* [Get Started with Kendo UI for Angular (requires trial registration)](https://www.telerik.com/kendo-angular-ui/getting-started)
+* [Demos, documentation, and component reference](https://www.telerik.com/kendo-angular-ui/components)
+* [Blogs](http://www.telerik.com/blogs/kendo-ui)
+* [Kendo UI for Angular pricing and licensing](https://www.telerik.com/purchase/kendo-ui)
+
+## Questions and Feedback
+
+* [Official Forums](https://www.telerik.com/forums/kendo-angular-ui)
+* [GitHub Issues](https://github.com/telerik/kendo-angular/issues)
+* [Feedback Portal](https://feedback.telerik.com/kendo-angular-ui)
+* [StackOverflow](https://stackoverflow.com/questions/tagged/kendo-ui-angular2)
+
+*Copyright © 2022 Progress Software Corporation and/or one of its subsidiaries or affiliates. All rights reserved.*
+
+*Progress, Telerik, and certain product names used herein are trademarks or registered trademarks of Progress Software Corporation and/or one of its subsidiaries or affiliates in the U.S. and/or other countries.*

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

@@ -0,0 +1,20 @@
+/**-----------------------------------------------------------------------------------------
+* 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("@angular/core"),require("rxjs"),require("@progress/kendo-licensing"),require("@progress/kendo-common"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-buttons"),require("@angular/common")):"function"==typeof define&&define.amd?define([,,,,,,],t):"object"==typeof exports?exports.KendoAngularListbox=t(require("@angular/core"),require("rxjs"),require("@progress/kendo-licensing"),require("@progress/kendo-common"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-buttons"),require("@angular/common")):e.KendoAngularListbox=t(e.ng.core,e.rxjs,e.KendoLicensing,e.KendoCommon,e.KendoAngularCommon,e.KendoAngularButtons,e.ng.common)}(window,(function(e,t,n,o,r,i,a){return function(e){var t={};function n(o){if(t[o])return t[o].exports;var r=t[o]={i:o,l:!1,exports:{}};return e[o].call(r.exports,r,r.exports,n),r.l=!0,r.exports}return n.m=e,n.c=t,n.d=function(e,t,o){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:o})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var o=Object.create(null);if(n.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)n.d(o,r,function(t){return e[t]}.bind(null,r));return o},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=9)}([function(e,t,n){"use strict";n.r(t),n.d(t,"__extends",(function(){return r})),n.d(t,"__assign",(function(){return i})),n.d(t,"__rest",(function(){return a})),n.d(t,"__decorate",(function(){return s})),n.d(t,"__param",(function(){return c})),n.d(t,"__metadata",(function(){return l})),n.d(t,"__awaiter",(function(){return u})),n.d(t,"__generator",(function(){return d})),n.d(t,"__createBinding",(function(){return f})),n.d(t,"__exportStar",(function(){return p})),n.d(t,"__values",(function(){return m})),n.d(t,"__read",(function(){return b})),n.d(t,"__spread",(function(){return y})),n.d(t,"__spreadArrays",(function(){return _})),n.d(t,"__await",(function(){return h})),n.d(t,"__asyncGenerator",(function(){return v})),n.d(t,"__asyncDelegator",(function(){return g})),n.d(t,"__asyncValues",(function(){return x})),n.d(t,"__makeTemplateObject",(function(){return O})),n.d(t,"__importStar",(function(){return w})),n.d(t,"__importDefault",(function(){return S})),n.d(t,"__classPrivateFieldGet",(function(){return k})),n.d(t,"__classPrivateFieldSet",(function(){return I}));
+/*! *****************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+var o=function(e,t){return(o=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var n in t)t.hasOwnProperty(n)&&(e[n]=t[n])})(e,t)};function r(e,t){function n(){this.constructor=e}o(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}var i=function(){return(i=Object.assign||function(e){for(var t,n=1,o=arguments.length;n<o;n++)for(var r in t=arguments[n])Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r]);return e}).apply(this,arguments)};function a(e,t){var n={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(n[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)t.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(n[o[r]]=e[o[r]])}return n}function s(e,t,n,o){var r,i=arguments.length,a=i<3?t:null===o?o=Object.getOwnPropertyDescriptor(t,n):o;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,n,o);else for(var s=e.length-1;s>=0;s--)(r=e[s])&&(a=(i<3?r(a):i>3?r(t,n,a):r(t,n))||a);return i>3&&a&&Object.defineProperty(t,n,a),a}function c(e,t){return function(n,o){t(n,o,e)}}function l(e,t){if("object"==typeof Reflect&&"function"==typeof Reflect.metadata)return Reflect.metadata(e,t)}function u(e,t,n,o){return new(n||(n=Promise))((function(r,i){function a(e){try{c(o.next(e))}catch(e){i(e)}}function s(e){try{c(o.throw(e))}catch(e){i(e)}}function c(e){var t;e.done?r(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(a,s)}c((o=o.apply(e,t||[])).next())}))}function d(e,t){var n,o,r,i,a={label:0,sent:function(){if(1&r[0])throw r[1];return r[1]},trys:[],ops:[]};return i={next:s(0),throw:s(1),return:s(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function s(i){return function(s){return function(i){if(n)throw new TypeError("Generator is already executing.");for(;a;)try{if(n=1,o&&(r=2&i[0]?o.return:i[0]?o.throw||((r=o.return)&&r.call(o),0):o.next)&&!(r=r.call(o,i[1])).done)return r;switch(o=0,r&&(i=[2&i[0],r.value]),i[0]){case 0:case 1:r=i;break;case 4:return a.label++,{value:i[1],done:!1};case 5:a.label++,o=i[1],i=[0];continue;case 7:i=a.ops.pop(),a.trys.pop();continue;default:if(!(r=a.trys,(r=r.length>0&&r[r.length-1])||6!==i[0]&&2!==i[0])){a=0;continue}if(3===i[0]&&(!r||i[1]>r[0]&&i[1]<r[3])){a.label=i[1];break}if(6===i[0]&&a.label<r[1]){a.label=r[1],r=i;break}if(r&&a.label<r[2]){a.label=r[2],a.ops.push(i);break}r[2]&&a.ops.pop(),a.trys.pop();continue}i=t.call(e,a)}catch(e){i=[6,e],o=0}finally{n=r=0}if(5&i[0])throw i[1];return{value:i[0]?i[1]:void 0,done:!0}}([i,s])}}}function f(e,t,n,o){void 0===o&&(o=n),e[o]=t[n]}function p(e,t){for(var n in e)"default"===n||t.hasOwnProperty(n)||(t[n]=e[n])}function m(e){var t="function"==typeof Symbol&&Symbol.iterator,n=t&&e[t],o=0;if(n)return n.call(e);if(e&&"number"==typeof e.length)return{next:function(){return e&&o>=e.length&&(e=void 0),{value:e&&e[o++],done:!e}}};throw new TypeError(t?"Object is not iterable.":"Symbol.iterator is not defined.")}function b(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}function y(){for(var e=[],t=0;t<arguments.length;t++)e=e.concat(b(arguments[t]));return e}function _(){for(var e=0,t=0,n=arguments.length;t<n;t++)e+=arguments[t].length;var o=Array(e),r=0;for(t=0;t<n;t++)for(var i=arguments[t],a=0,s=i.length;a<s;a++,r++)o[r]=i[a];return o}function h(e){return this instanceof h?(this.v=e,this):new h(e)}function v(e,t,n){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var o,r=n.apply(e,t||[]),i=[];return o={},a("next"),a("throw"),a("return"),o[Symbol.asyncIterator]=function(){return this},o;function a(e){r[e]&&(o[e]=function(t){return new Promise((function(n,o){i.push([e,t,n,o])>1||s(e,t)}))})}function s(e,t){try{(n=r[e](t)).value instanceof h?Promise.resolve(n.value.v).then(c,l):u(i[0][2],n)}catch(e){u(i[0][3],e)}var n}function c(e){s("next",e)}function l(e){s("throw",e)}function u(e,t){e(t),i.shift(),i.length&&s(i[0][0],i[0][1])}}function g(e){var t,n;return t={},o("next"),o("throw",(function(e){throw e})),o("return"),t[Symbol.iterator]=function(){return this},t;function o(o,r){t[o]=e[o]?function(t){return(n=!n)?{value:h(e[o](t)),done:"return"===o}:r?r(t):t}:r}}function x(e){if(!Symbol.asyncIterator)throw new TypeError("Symbol.asyncIterator is not defined.");var t,n=e[Symbol.asyncIterator];return n?n.call(e):(e=m(e),t={},o("next"),o("throw"),o("return"),t[Symbol.asyncIterator]=function(){return this},t);function o(n){t[n]=e[n]&&function(t){return new Promise((function(o,r){(function(e,t,n,o){Promise.resolve(o).then((function(t){e({value:t,done:n})}),t)})(o,r,(t=e[n](t)).done,t.value)}))}}}function O(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e}function w(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var n in e)Object.hasOwnProperty.call(e,n)&&(t[n]=e[n]);return t.default=e,t}function S(e){return e&&e.__esModule?e:{default:e}}function k(e,t){if(!t.has(e))throw new TypeError("attempted to get private field on non-instance");return t.get(e)}function I(e,t,n){if(!t.has(e))throw new TypeError("attempted to set private field on non-instance");return t.set(e,n),n}},function(t,n){t.exports=e},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=n(10),a=n(3),s=n(11),c=n(4),l=n(5),u=n(6),d=n(7),f=function(){function e(e,t,n){var o=this;this.selectionService=e,this.renderer=t,this.hostElement=n,this.listboxClassName=!0,this.data=[],this.size="medium",this.itemDisabled=u.defaultItemDisabled,this.selectionChange=new r.EventEmitter,this.actionClick=new r.EventEmitter,this.selectedTools=d.allTools,this.sub=new a.Subscription,i.validatePackage(s.packageMetadata),this.setToolbarClass(d.DEFAULT_TOOLBAR_POSITION),this.sub.add(this.selectionService.onSelect.subscribe((function(e){o.selectionChange.next(e)})))}return Object.defineProperty(e.prototype,"toolbar",{set:function(e){var t=d.DEFAULT_TOOLBAR_POSITION;"boolean"==typeof e?this.selectedTools=e?d.allTools:[]:(this.selectedTools=e.tools?u.getTools(e.tools):d.allTools,e.position&&(t=e.position)),this.setToolbarClass(t)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"listClasses",{get:function(){return"k-list k-list-"+d.sizeClassMap[this.size]},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.sub.unsubscribe()},e.prototype.performAction=function(e){this.actionClick.next(e)},e.prototype.selectItem=function(e){this.selectionService.selectedIndex=e},e.prototype.clearSelection=function(){this.selectionService.clearSelection()},Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this.selectionService.selectedIndex},enumerable:!0,configurable:!0}),e.prototype.getText=function(e){if("string"!=typeof e&&!this.textField&&r.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 u.fieldAccessor(e,this.textField)},e.prototype.setToolbarClass=function(e){var t=this;Object.keys(d.toolbarClasses).forEach((function(n){e===n?t.renderer.addClass(t.hostElement.nativeElement,d.toolbarClasses[n]):t.renderer.removeClass(t.hostElement.nativeElement,d.toolbarClasses[n])}))},o.__decorate([r.HostBinding("class.k-listbox"),o.__metadata("design:type",Boolean)],e.prototype,"listboxClassName",void 0),o.__decorate([r.ContentChild(l.ItemTemplateDirective,{static:!1}),o.__metadata("design:type",l.ItemTemplateDirective)],e.prototype,"itemTemplate",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],e.prototype,"textField",void 0),o.__decorate([r.Input(),o.__metadata("design:type",Array)],e.prototype,"data",void 0),o.__decorate([r.Input(),o.__metadata("design:type",String)],e.prototype,"size",void 0),o.__decorate([r.Input(),o.__metadata("design:type",Object),o.__metadata("design:paramtypes",[Object])],e.prototype,"toolbar",null),o.__decorate([r.Input(),o.__metadata("design:type",Function)],e.prototype,"itemDisabled",void 0),o.__decorate([r.Output(),o.__metadata("design:type",r.EventEmitter)],e.prototype,"selectionChange",void 0),o.__decorate([r.Output(),o.__metadata("design:type",r.EventEmitter)],e.prototype,"actionClick",void 0),e=o.__decorate([r.Component({selector:"kendo-listbox",providers:[c.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    '}),o.__metadata("design:paramtypes",[c.ListBoxSelectionService,r.Renderer2,r.ElementRef])],e)}();t.ListBoxComponent=f},function(e,n){e.exports=t},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=function(){function e(){this.onSelect=new r.EventEmitter,this.selectedIndex=null}return e.prototype.select=function(e){this.selectedIndex=e,this.onSelect.next({index:this.selectedIndex})},e.prototype.isSelected=function(e){return e===this.selectedIndex},e.prototype.clearSelection=function(){this.selectedIndex=null},e=o.__decorate([r.Injectable()],e)}();t.ListBoxSelectionService=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=function(){function e(e){this.templateRef=e}return e=o.__decorate([r.Directive({selector:"[kendoListBoxItemTemplate]"}),o.__metadata("design:paramtypes",[r.TemplateRef])],e)}();t.ItemTemplateDirective=i},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(12),r=n(7);t.isPresent=function(e){return null!=e},t.isObject=function(e){return t.isPresent(e)&&"object"==typeof e},t.fieldAccessor=function(e,n){return t.isPresent(e)?t.isPresent(n)&&t.isObject(e)?o.getter(n)(e):e:null},t.defaultItemDisabled=function(){return!1},t.getTools=function(e){return e.map((function(e){return r.allTools.find((function(t){return t.name===e}))}))}},function(e,t,n){"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,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=n(13),a=n(3),s=n(2),c=n(6),l=function(){function e(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()}})))}return e.prototype.ngOnChanges=function(e){var t=this;i.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()})))),i.isChanged("data",e,!0)&&(this.listbox.data=e.data.currentValue)},e.prototype.ngOnDestroy=function(){this.sub.unsubscribe()},e.prototype.moveVertically=function(e){var t,n=this.selectedBox.selectedIndex;if(c.isPresent(n)){var o="up"===e&&n<=0,r="down"===e&&n>=this.selectedBox.data.length-1;if(!o&&!r){var i="up"===e?n-1:n+1;t=[this.selectedBox.data[n],this.selectedBox.data[i]],this.selectedBox.data[i]=t[0],this.selectedBox.data[n]=t[1],this.selectedBox.selectionService.select(i)}}},e.prototype.removeItem=function(){var e=this.selectedBox.selectedIndex;c.isPresent(e)&&(this.selectedBox.data.splice(e,1),this.selectedBox.selectionService.clearSelection())},e.prototype.transferItem=function(e,t){var n=e&&e.data[e.selectedIndex];n&&t&&e&&(t.data.push(n),e.data.splice(e.selectedIndex,1),e.clearSelection(),t.selectItem(t.data.length-1),this.selectedBox=t)},e.prototype.transferAll=function(e,t){var n;t&&e&&((n=t.data).splice.apply(n,[t.data.length,0].concat(e.data.splice(0,e.data.length))),t.selectItem(t.data.length-1),this.selectedBox=t)},o.__decorate([r.Input("kendoListBoxDataBinding"),o.__metadata("design:type",Array)],e.prototype,"data",void 0),o.__decorate([r.Input(),o.__metadata("design:type",s.ListBoxComponent)],e.prototype,"connectedWith",void 0),e=o.__decorate([r.Directive({selector:"[kendoListBoxDataBinding]"}),o.__metadata("design:paramtypes",[s.ListBoxComponent])],e)}();t.DataBindingDirective=l},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(2);t.ListBoxComponent=o.ListBoxComponent;var r=n(8);t.DataBindingDirective=r.DataBindingDirective;var i=n(14);t.ListBoxModule=i.ListBoxModule},function(e,t){e.exports=n},function(e,t,n){"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=o},function(e,t){e.exports=r},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=n(2),a=n(15),s=n(16),c=n(5),l=n(17),u=n(8),d=function(){function e(){}return e=o.__decorate([r.NgModule({imports:[a.ButtonsModule,s.CommonModule],declarations:[i.ListBoxComponent,c.ItemTemplateDirective,l.ItemSelectableDirective,u.DataBindingDirective],exports:[i.ListBoxComponent,c.ItemTemplateDirective,l.ItemSelectableDirective,u.DataBindingDirective]})],e)}();t.ListBoxModule=d},function(e,t){e.exports=i},function(e,t){e.exports=a},function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var o=n(0),r=n(1),i=n(4),a=function(){function e(e){this.selectionService=e}return Object.defineProperty(e.prototype,"selectedClassName",{get:function(){return this.selectionService.isSelected(this.index)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(e){e.stopPropagation(),this.selectionService.select(this.index)},o.__decorate([r.Input(),o.__metadata("design:type",Number)],e.prototype,"index",void 0),o.__decorate([r.HostBinding("class.k-selected"),o.__metadata("design:type",Boolean),o.__metadata("design:paramtypes",[])],e.prototype,"selectedClassName",null),o.__decorate([r.HostListener("click",["$event"]),o.__metadata("design:type",Function),o.__metadata("design:paramtypes",[Object]),o.__metadata("design:returntype",void 0)],e.prototype,"onClick",null),e=o.__decorate([r.Directive({selector:"[kendoListBoxItemSelectable]"}),o.__metadata("design:paramtypes",[i.ListBoxSelectionService])],e)}();t.ItemSelectableDirective=a}])}));

package/dist/cdn/main.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
+*-------------------------------------------------------------------------------------------*/
+!function(e,t){"object"==typeof exports&&"object"==typeof module?module.exports=t(require("tslib"),require("@angular/core"),require("rxjs"),require("@progress/kendo-licensing"),require("@progress/kendo-common"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-buttons"),require("@angular/common")):"function"==typeof define&&define.amd?define([,,,,,,,],t):"object"==typeof exports?exports.KendoAngularListbox=t(require("tslib"),require("@angular/core"),require("rxjs"),require("@progress/kendo-licensing"),require("@progress/kendo-common"),require("@progress/kendo-angular-common"),require("@progress/kendo-angular-buttons"),require("@angular/common")):e.KendoAngularListbox=t(e.self,e.ng.core,e.rxjs,e.KendoLicensing,e.KendoCommon,e.KendoAngularCommon,e.KendoAngularButtons,e.ng.common)}(window,(function(e,t,o,n,i,r,s,a){return function(e){var t={};function o(n){if(t[n])return t[n].exports;var i=t[n]={i:n,l:!1,exports:{}};return e[n].call(i.exports,i,i.exports,o),i.l=!0,i.exports}return o.m=e,o.c=t,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)o.d(n,i,function(t){return e[t]}.bind(null,i));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="",o(o.s=9)}([function(t,o){t.exports=e},function(e,o){e.exports=t},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(10),s=o(3),a=o(11),l=o(4),c=o(5),d=o(6),u=o(7),p=function(){function e(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 s.Subscription,r.validatePackage(a.packageMetadata),this.setToolbarClass(u.DEFAULT_TOOLBAR_POSITION),this.sub.add(this.selectionService.onSelect.subscribe((function(e){n.selectionChange.next(e)})))}return Object.defineProperty(e.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(e.prototype,"listClasses",{get:function(){return"k-list k-list-"+u.sizeClassMap[this.size]},enumerable:!0,configurable:!0}),e.prototype.ngOnDestroy=function(){this.sub.unsubscribe()},e.prototype.performAction=function(e){this.actionClick.next(e)},e.prototype.selectItem=function(e){this.selectionService.selectedIndex=e},e.prototype.clearSelection=function(){this.selectionService.clearSelection()},Object.defineProperty(e.prototype,"selectedIndex",{get:function(){return this.selectionService.selectedIndex},enumerable:!0,configurable:!0}),e.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)},e.prototype.setToolbarClass=function(e){var t=this;Object.keys(u.toolbarClasses).forEach((function(o){e===o?t.renderer.addClass(t.hostElement.nativeElement,u.toolbarClasses[o]):t.renderer.removeClass(t.hostElement.nativeElement,u.toolbarClasses[o])}))},n.__decorate([i.HostBinding("class.k-listbox"),n.__metadata("design:type",Boolean)],e.prototype,"listboxClassName",void 0),n.__decorate([i.ContentChild(c.ItemTemplateDirective,{static:!1}),n.__metadata("design:type",c.ItemTemplateDirective)],e.prototype,"itemTemplate",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"textField",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Array)],e.prototype,"data",void 0),n.__decorate([i.Input(),n.__metadata("design:type",String)],e.prototype,"size",void 0),n.__decorate([i.Input(),n.__metadata("design:type",Object),n.__metadata("design:paramtypes",[Object])],e.prototype,"toolbar",null),n.__decorate([i.Input(),n.__metadata("design:type",Function)],e.prototype,"itemDisabled",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"selectionChange",void 0),n.__decorate([i.Output(),n.__metadata("design:type",i.EventEmitter)],e.prototype,"actionClick",void 0),e=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])],e)}();t.ListBoxComponent=p},function(e,t){e.exports=o},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=function(){function e(){this.onSelect=new i.EventEmitter,this.selectedIndex=null}return e.prototype.select=function(e){this.selectedIndex=e,this.onSelect.next({index:this.selectedIndex})},e.prototype.isSelected=function(e){return e===this.selectedIndex},e.prototype.clearSelection=function(){this.selectedIndex=null},e=n.__decorate([i.Injectable()],e)}();t.ListBoxSelectionService=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=function(){function e(e){this.templateRef=e}return e=n.__decorate([i.Directive({selector:"[kendoListBoxItemTemplate]"}),n.__metadata("design:paramtypes",[i.TemplateRef])],e)}();t.ItemTemplateDirective=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(12),i=o(7);t.isPresent=function(e){return null!=e},t.isObject=function(e){return t.isPresent(e)&&"object"==typeof e},t.fieldAccessor=function(e,o){return t.isPresent(e)?t.isPresent(o)&&t.isObject(e)?n.getter(o)(e):e:null},t.defaultItemDisabled=function(){return!1},t.getTools=function(e){return e.map((function(e){return i.allTools.find((function(t){return t.name===e}))}))}},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,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(13),s=o(3),a=o(2),l=o(6),c=function(){function e(e){var t=this;this.listbox=e,this.data=[],this.sub=new s.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()}})))}return e.prototype.ngOnChanges=function(e){var t=this;r.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()})))),r.isChanged("data",e,!0)&&(this.listbox.data=e.data.currentValue)},e.prototype.ngOnDestroy=function(){this.sub.unsubscribe()},e.prototype.moveVertically=function(e){var t,o=this.selectedBox.selectedIndex;if(l.isPresent(o)){var n="up"===e&&o<=0,i="down"===e&&o>=this.selectedBox.data.length-1;if(!n&&!i){var r="up"===e?o-1:o+1;t=[this.selectedBox.data[o],this.selectedBox.data[r]],this.selectedBox.data[r]=t[0],this.selectedBox.data[o]=t[1],this.selectedBox.selectionService.select(r)}}},e.prototype.removeItem=function(){var e=this.selectedBox.selectedIndex;l.isPresent(e)&&(this.selectedBox.data.splice(e,1),this.selectedBox.selectionService.clearSelection())},e.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)},e.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)],e.prototype,"data",void 0),n.__decorate([i.Input(),n.__metadata("design:type",a.ListBoxComponent)],e.prototype,"connectedWith",void 0),e=n.__decorate([i.Directive({selector:"[kendoListBoxDataBinding]"}),n.__metadata("design:paramtypes",[a.ListBoxComponent])],e)}();t.DataBindingDirective=c},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(2);t.ListBoxComponent=n.ListBoxComponent;var i=o(8);t.DataBindingDirective=i.DataBindingDirective;var r=o(14);t.ListBoxModule=r.ListBoxModule},function(e,t){e.exports=n},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=i},function(e,t){e.exports=r},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(2),s=o(15),a=o(16),l=o(5),c=o(17),d=o(8),u=function(){function e(){}return e=n.__decorate([i.NgModule({imports:[s.ButtonsModule,a.CommonModule],declarations:[r.ListBoxComponent,l.ItemTemplateDirective,c.ItemSelectableDirective,d.DataBindingDirective],exports:[r.ListBoxComponent,l.ItemTemplateDirective,c.ItemSelectableDirective,d.DataBindingDirective]})],e)}();t.ListBoxModule=u},function(e,t){e.exports=s},function(e,t){e.exports=a},function(e,t,o){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=o(0),i=o(1),r=o(4),s=function(){function e(e){this.selectionService=e}return Object.defineProperty(e.prototype,"selectedClassName",{get:function(){return this.selectionService.isSelected(this.index)},enumerable:!0,configurable:!0}),e.prototype.onClick=function(e){e.stopPropagation(),this.selectionService.select(this.index)},n.__decorate([i.Input(),n.__metadata("design:type",Number)],e.prototype,"index",void 0),n.__decorate([i.HostBinding("class.k-selected"),n.__metadata("design:type",Boolean),n.__metadata("design:paramtypes",[])],e.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)],e.prototype,"onClick",null),e=n.__decorate([i.Directive({selector:"[kendoListBoxItemSelectable]"}),n.__metadata("design:paramtypes",[r.ListBoxSelectionService])],e)}();t.ItemSelectableDirective=s}])}));

package/dist/es/constants.js

@@ -0,0 +1,65 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+/**
+ * @hidden
+ */
+export var DEFAULT_TOOLBAR_POSITION = 'right';
+/**
+ * @hidden
+ */
+export var 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'
+    }
+];
+/**
+ * @hidden
+ */
+export var sizeClassMap = {
+    small: 'sm',
+    medium: 'md',
+    large: 'lg'
+};
+/**
+ * @hidden
+ */
+export var toolbarClasses = {
+    left: 'k-listbox-toolbar-left',
+    right: 'k-listbox-toolbar-right',
+    top: 'k-listbox-toolbar-top',
+    bottom: 'k-listbox-toolbar-bottom'
+};

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

@@ -0,0 +1,145 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { isChanged } from '@progress/kendo-angular-common';
+import { Subscription } from 'rxjs';
+import { ListBoxComponent } from './listbox.component';
+import { isPresent } from './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 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 (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 (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 (!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 (!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([
+        Input('kendoListBoxDataBinding'),
+        tslib_1.__metadata("design:type", Array)
+    ], DataBindingDirective.prototype, "data", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", ListBoxComponent)
+    ], DataBindingDirective.prototype, "connectedWith", void 0);
+    DataBindingDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoListBoxDataBinding]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [ListBoxComponent])
+    ], DataBindingDirective);
+    return DataBindingDirective;
+}());
+export { DataBindingDirective };

package/dist/es/index.js

@@ -0,0 +1,11 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { ItemSelectableDirective } from './item-selectable.directive';
+export { ItemTemplateDirective } from './item-template.directive';
+export { ListBoxSelectionService } from './selection.service';

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

@@ -0,0 +1,49 @@
+/**-----------------------------------------------------------------------------------------
+* 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, HostBinding, HostListener } from '@angular/core';
+import { ListBoxSelectionService } from './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([
+        Input(),
+        tslib_1.__metadata("design:type", Number)
+    ], ItemSelectableDirective.prototype, "index", void 0);
+    tslib_1.__decorate([
+        HostBinding('class.k-selected'),
+        tslib_1.__metadata("design:type", Boolean),
+        tslib_1.__metadata("design:paramtypes", [])
+    ], ItemSelectableDirective.prototype, "selectedClassName", null);
+    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)
+    ], ItemSelectableDirective.prototype, "onClick", null);
+    ItemSelectableDirective = tslib_1.__decorate([
+        Directive({
+            selector: '[kendoListBoxItemSelectable]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [ListBoxSelectionService])
+    ], ItemSelectableDirective);
+    return ItemSelectableDirective;
+}());
+export { ItemSelectableDirective };

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

@@ -0,0 +1,38 @@
+/**-----------------------------------------------------------------------------------------
+* 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 } from '@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([
+        Directive({
+            selector: '[kendoListBoxItemTemplate]'
+        }),
+        tslib_1.__metadata("design:paramtypes", [TemplateRef])
+    ], ItemTemplateDirective);
+    return ItemTemplateDirective;
+}());
+export { ItemTemplateDirective };

package/dist/es/listbox.component.js

@@ -0,0 +1,196 @@
+/**-----------------------------------------------------------------------------------------
+* 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 { Component, ContentChild, ElementRef, EventEmitter, HostBinding, Input, isDevMode, Output, Renderer2 } from '@angular/core';
+import { validatePackage } from '@progress/kendo-licensing';
+import { Subscription } from 'rxjs';
+import { packageMetadata } from './package-metadata';
+import { ListBoxSelectionService } from './selection.service';
+import { ItemTemplateDirective } from './item-template.directive';
+import { defaultItemDisabled, fieldAccessor, getTools } from './util';
+import { allTools, DEFAULT_TOOLBAR_POSITION, sizeClassMap, toolbarClasses } from './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 = 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 EventEmitter();
+        /**
+         * Fires when the user clicks a ListBox item.
+         */
+        this.actionClick = new EventEmitter();
+        /**
+         * @hidden
+         */
+        this.selectedTools = allTools;
+        this.sub = new Subscription();
+        validatePackage(packageMetadata);
+        this.setToolbarClass(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 = DEFAULT_TOOLBAR_POSITION;
+            if (typeof config === 'boolean') {
+                this.selectedTools = config ? allTools : [];
+            }
+            else {
+                this.selectedTools = config.tools ? getTools(config.tools) : 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-" + 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 && 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 fieldAccessor(dataItem, this.textField);
+    };
+    ListBoxComponent.prototype.setToolbarClass = function (pos) {
+        var _this = this;
+        Object.keys(toolbarClasses).forEach(function (className) {
+            if (pos === className) {
+                _this.renderer.addClass(_this.hostElement.nativeElement, toolbarClasses[className]);
+            }
+            else {
+                _this.renderer.removeClass(_this.hostElement.nativeElement, toolbarClasses[className]);
+            }
+        });
+    };
+    tslib_1.__decorate([
+        HostBinding('class.k-listbox'),
+        tslib_1.__metadata("design:type", Boolean)
+    ], ListBoxComponent.prototype, "listboxClassName", void 0);
+    tslib_1.__decorate([
+        ContentChild(ItemTemplateDirective, { static: false }),
+        tslib_1.__metadata("design:type", ItemTemplateDirective)
+    ], ListBoxComponent.prototype, "itemTemplate", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ListBoxComponent.prototype, "textField", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Array)
+    ], ListBoxComponent.prototype, "data", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", String)
+    ], ListBoxComponent.prototype, "size", void 0);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Object),
+        tslib_1.__metadata("design:paramtypes", [Object])
+    ], ListBoxComponent.prototype, "toolbar", null);
+    tslib_1.__decorate([
+        Input(),
+        tslib_1.__metadata("design:type", Function)
+    ], ListBoxComponent.prototype, "itemDisabled", void 0);
+    tslib_1.__decorate([
+        Output(),
+        tslib_1.__metadata("design:type", EventEmitter)
+    ], ListBoxComponent.prototype, "selectionChange", void 0);
+    tslib_1.__decorate([
+        Output(),
+        tslib_1.__metadata("design:type", EventEmitter)
+    ], ListBoxComponent.prototype, "actionClick", void 0);
+    ListBoxComponent = tslib_1.__decorate([
+        Component({
+            selector: 'kendo-listbox',
+            providers: [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", [ListBoxSelectionService,
+            Renderer2,
+            ElementRef])
+    ], ListBoxComponent);
+    return ListBoxComponent;
+}());
+export { ListBoxComponent };