@memberjunction/ng-record-selector 1.7.0

package/dist/lib/dialog.component.d.ts

@@ -0,0 +1,54 @@
+import { EventEmitter } from '@angular/core';
+import { BaseEntity } from '@memberjunction/core';
+import { ListBoxToolbarConfig } from '@progress/kendo-angular-listbox';
+import * as i0 from "@angular/core";
+export declare class RecordSelectorDialogComponent {
+    DialogTitle: string;
+    DialogWidth: string;
+    DialogHeight: string;
+    get DialogVisible(): boolean;
+    set DialogVisible(value: boolean);
+    private _dialogVisible;
+    /**
+     * Emits when the dialog is closed, the parameter is true if the dialog was closed with the OK button, false if it was closed with the Cancel button
+     */
+    DialogClosed: EventEmitter<boolean>;
+    /**
+     * The name of the entity to show records for.
+     */
+    EntityName: string;
+    /**
+     * The field name within the entity to show in the list items
+     */
+    DisplayField: string;
+    /**
+     * The field name within the entity that has a CSS class representing an icon that should be displayed in the list items
+     */
+    DisplayIconField: string;
+    /**
+     * The list of records that are available
+     */
+    AvailableRecords: BaseEntity[];
+    /**
+     * The list of records that are selected
+     */
+    SelectedRecords: BaseEntity[];
+    /**
+     * The list of records that are not selected
+     */
+    UnselectedRecords: BaseEntity[];
+    /**
+     * Configurable settings for the toolbar
+     */
+    ToolbarSettings: ListBoxToolbarConfig;
+    RecordSelected: EventEmitter<BaseEntity[]>;
+    RecordUnselected: EventEmitter<BaseEntity[]>;
+    protected _initialSelected: BaseEntity[];
+    protected _initialUnselected: BaseEntity[];
+    protected RefreshInitialValues(): void;
+    OnCancel(): void;
+    OnOK(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecordSelectorDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecordSelectorDialogComponent, "mj-record-selector-dialog", never, { "DialogTitle": { "alias": "DialogTitle"; "required": false; }; "DialogWidth": { "alias": "DialogWidth"; "required": false; }; "DialogHeight": { "alias": "DialogHeight"; "required": false; }; "DialogVisible": { "alias": "DialogVisible"; "required": false; }; "EntityName": { "alias": "EntityName"; "required": false; }; "DisplayField": { "alias": "DisplayField"; "required": false; }; "DisplayIconField": { "alias": "DisplayIconField"; "required": false; }; "AvailableRecords": { "alias": "AvailableRecords"; "required": false; }; "SelectedRecords": { "alias": "SelectedRecords"; "required": false; }; "UnselectedRecords": { "alias": "UnselectedRecords"; "required": false; }; "ToolbarSettings": { "alias": "ToolbarSettings"; "required": false; }; }, { "DialogClosed": "DialogClosed"; "RecordSelected": "RecordSelected"; "RecordUnselected": "RecordUnselected"; }, never, never, false, never>;
+}
+//# sourceMappingURL=dialog.component.d.ts.map

package/dist/lib/dialog.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.component.d.ts","sourceRoot":"","sources":["../../src/lib/dialog.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAA4C,YAAY,EAAkD,MAAM,eAAe,CAAC;AAEvI,OAAO,EAAY,UAAU,EAAoD,MAAM,sBAAsB,CAAC;AAG9G,OAAO,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;;AAEvE,qBAKa,6BAA6B;IAC/B,WAAW,EAAE,MAAM,CAAoB;IACvC,WAAW,EAAE,MAAM,CAAW;IAC9B,YAAY,EAAE,MAAM,CAAW;IAExC,IAAa,aAAa,IAAI,OAAO,CAEpC;IACD,IAAI,aAAa,CAAC,KAAK,EAAE,OAAO,EAM/B;IACD,OAAO,CAAC,cAAc,CAAkB;IACxC;;OAEG;IACO,YAAY,wBAA+B;IAGrD;;OAEG;IACM,UAAU,EAAE,MAAM,CAAM;IACjC;;OAEG;IACM,YAAY,EAAE,MAAM,CAAM;IACnC;;OAEG;IACM,gBAAgB,EAAE,MAAM,CAAM;IACvC;;OAEG;IACM,gBAAgB,EAAE,UAAU,EAAE,CAAM;IAE7C;;OAEG;IACM,eAAe,EAAE,UAAU,EAAE,CAAM;IAC5C;;OAEG;IACM,iBAAiB,EAAE,UAAU,EAAE,CAAM;IAG9C;;OAEG;IACa,eAAe,EAAE,oBAAoB,CAGnD;IAEQ,cAAc,6BAAoC;IAClD,gBAAgB,6BAAoC;IAE9D,SAAS,CAAC,gBAAgB,EAAE,UAAU,EAAE,CAAM;IAC9C,SAAS,CAAC,kBAAkB,EAAE,UAAU,EAAE,CAAM;IAEhD,SAAS,CAAC,oBAAoB;IAKvB,QAAQ;IAYR,IAAI;yCAhFA,6BAA6B;2CAA7B,6BAA6B;CAwFzC"}

package/dist/lib/dialog.component.js

@@ -0,0 +1,141 @@
+import { Component, Output, EventEmitter, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@progress/kendo-angular-dialog";
+import * as i2 from "@progress/kendo-angular-buttons";
+import * as i3 from "./record-selector.component";
+function RecordSelectorDialogComponent_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "kendo-dialog", 1);
+    i0.ɵɵlistener("close", function RecordSelectorDialogComponent_Conditional_0_Template_kendo_dialog_close_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵelement(1, "mj-record-selector", 2);
+    i0.ɵɵelementStart(2, "kendo-dialog-actions")(3, "button", 3);
+    i0.ɵɵlistener("click", function RecordSelectorDialogComponent_Conditional_0_Template_button_click_3_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnOK()); });
+    i0.ɵɵtext(4, "OK");
+    i0.ɵɵelementEnd();
+    i0.ɵɵelementStart(5, "button", 4);
+    i0.ɵɵlistener("click", function RecordSelectorDialogComponent_Conditional_0_Template_button_click_5_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.OnCancel()); });
+    i0.ɵɵtext(6, "Cancel");
+    i0.ɵɵelementEnd()()();
+} if (rf & 2) {
+    const ctx_r1 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("width", ctx_r1.DialogWidth)("height", ctx_r1.DialogHeight)("title", ctx_r1.DialogTitle);
+    i0.ɵɵadvance();
+    i0.ɵɵproperty("AvailableRecords", ctx_r1.AvailableRecords)("DisplayField", ctx_r1.DisplayField)("SelectedRecords", ctx_r1.SelectedRecords)("EntityName", ctx_r1.EntityName)("ToolbarSettings", ctx_r1.ToolbarSettings)("DisplayIconField", ctx_r1.DisplayIconField)("UnselectedRecords", ctx_r1.UnselectedRecords);
+} }
+export class RecordSelectorDialogComponent {
+    constructor() {
+        this.DialogTitle = 'Select Records';
+        this.DialogWidth = '700px';
+        this.DialogHeight = '450px';
+        this._dialogVisible = false;
+        /**
+         * Emits when the dialog is closed, the parameter is true if the dialog was closed with the OK button, false if it was closed with the Cancel button
+         */
+        this.DialogClosed = new EventEmitter();
+        ///// REST OF THE BELOW JUST GET MAPPED TO THE CONTAINED RecordSelectorComponent
+        /**
+         * The name of the entity to show records for.
+         */
+        this.EntityName = '';
+        /**
+         * The field name within the entity to show in the list items
+         */
+        this.DisplayField = '';
+        /**
+         * The field name within the entity that has a CSS class representing an icon that should be displayed in the list items
+         */
+        this.DisplayIconField = '';
+        /**
+         * The list of records that are available
+         */
+        this.AvailableRecords = [];
+        /**
+         * The list of records that are selected
+         */
+        this.SelectedRecords = [];
+        /**
+         * The list of records that are not selected
+         */
+        this.UnselectedRecords = [];
+        /**
+         * Configurable settings for the toolbar
+         */
+        this.ToolbarSettings = {
+            position: "right",
+            tools: ["moveUp", "transferFrom", "transferAllFrom", "transferAllTo", "transferTo", "moveDown"],
+        };
+        this.RecordSelected = new EventEmitter();
+        this.RecordUnselected = new EventEmitter();
+        this._initialSelected = [];
+        this._initialUnselected = [];
+    }
+    get DialogVisible() {
+        return this._dialogVisible;
+    }
+    set DialogVisible(value) {
+        if (value !== this._dialogVisible && value) {
+            // showing the dialog
+            this.RefreshInitialValues();
+        }
+        this._dialogVisible = value;
+    }
+    RefreshInitialValues() {
+        this._initialSelected = this.SelectedRecords.slice();
+        this._initialUnselected = this.UnselectedRecords.slice();
+    }
+    OnCancel() {
+        // now modify the SelectedRecords Array and UnselectedRecords arrays in place in order
+        // to ensure they're the same arrays and drive data binding changes
+        this.SelectedRecords.length = 0;
+        this.UnselectedRecords.length = 0;
+        this._initialSelected.forEach(r => this.SelectedRecords.push(r));
+        this._initialUnselected.forEach(r => this.UnselectedRecords.push(r));
+        this.DialogVisible = false;
+        this.DialogClosed.emit(false);
+    }
+    OnOK() {
+        this._initialSelected = this.SelectedRecords.slice();
+        this._initialUnselected = this.UnselectedRecords.slice();
+        this.DialogVisible = false;
+        this.DialogClosed.emit(true);
+    }
+}
+RecordSelectorDialogComponent.ɵfac = function RecordSelectorDialogComponent_Factory(t) { return new (t || RecordSelectorDialogComponent)(); };
+RecordSelectorDialogComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordSelectorDialogComponent, selectors: [["mj-record-selector-dialog"]], inputs: { DialogTitle: "DialogTitle", DialogWidth: "DialogWidth", DialogHeight: "DialogHeight", DialogVisible: "DialogVisible", EntityName: "EntityName", DisplayField: "DisplayField", DisplayIconField: "DisplayIconField", AvailableRecords: "AvailableRecords", SelectedRecords: "SelectedRecords", UnselectedRecords: "UnselectedRecords", ToolbarSettings: "ToolbarSettings" }, outputs: { DialogClosed: "DialogClosed", RecordSelected: "RecordSelected", RecordUnselected: "RecordUnselected" }, decls: 1, vars: 1, consts: [[3, "width", "height", "title"], [3, "close", "width", "height", "title"], [3, "AvailableRecords", "DisplayField", "SelectedRecords", "EntityName", "ToolbarSettings", "DisplayIconField", "UnselectedRecords"], ["kendoButton", "", "themeColor", "primary", 3, "click"], ["kendoButton", "", 3, "click"]], template: function RecordSelectorDialogComponent_Template(rf, ctx) { if (rf & 1) {
+        i0.ɵɵtemplate(0, RecordSelectorDialogComponent_Conditional_0_Template, 7, 10, "kendo-dialog", 0);
+    } if (rf & 2) {
+        i0.ɵɵconditional(ctx.DialogVisible ? 0 : -1);
+    } }, dependencies: [i1.DialogComponent, i1.DialogActionsComponent, i2.ButtonComponent, i3.RecordSelectorComponent] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordSelectorDialogComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-record-selector-dialog', template: "@if (DialogVisible) {\n    <kendo-dialog\n        [width]=\"DialogWidth\"\n        [height]=\"DialogHeight\"\n        [title]=\"DialogTitle\"        \n        (close)=\"OnCancel()\"\n    >\n        <mj-record-selector\n            [AvailableRecords]=\"AvailableRecords\"\n            [DisplayField]=\"DisplayField\"\n            [SelectedRecords]=\"SelectedRecords\"\n            [EntityName]=\"EntityName\"\n            [ToolbarSettings]=\"ToolbarSettings\"\n            [DisplayIconField]=\"DisplayIconField\"\n            [UnselectedRecords]=\"UnselectedRecords\"\n        >\n        </mj-record-selector>\n        <kendo-dialog-actions>\n            <button kendoButton (click)=\"OnOK()\" themeColor=\"primary\">OK</button>\n            <button kendoButton (click)=\"OnCancel()\">Cancel</button>\n        </kendo-dialog-actions>    \n    </kendo-dialog>    \n}" }]
+    }], null, { DialogTitle: [{
+            type: Input
+        }], DialogWidth: [{
+            type: Input
+        }], DialogHeight: [{
+            type: Input
+        }], DialogVisible: [{
+            type: Input
+        }], DialogClosed: [{
+            type: Output
+        }], EntityName: [{
+            type: Input
+        }], DisplayField: [{
+            type: Input
+        }], DisplayIconField: [{
+            type: Input
+        }], AvailableRecords: [{
+            type: Input
+        }], SelectedRecords: [{
+            type: Input
+        }], UnselectedRecords: [{
+            type: Input
+        }], ToolbarSettings: [{
+            type: Input
+        }], RecordSelected: [{
+            type: Output
+        }], RecordUnselected: [{
+            type: Output
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecordSelectorDialogComponent, { className: "RecordSelectorDialogComponent", filePath: "src/lib/dialog.component.ts", lineNumber: 13 }); })();

package/dist/lib/record-selector.component.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from '@angular/core';
+import { BaseEntity } from '@memberjunction/core';
+import { ListBoxComponent, ListBoxToolbarConfig } from '@progress/kendo-angular-listbox';
+import * as i0 from "@angular/core";
+export declare class RecordSelectorComponent {
+    /**
+     * The name of the entity to show records for.
+     */
+    EntityName: string;
+    /**
+     * The field name within the entity to show in the list items
+     */
+    DisplayField: string;
+    /**
+     * The field name within the entity that has a CSS class representing an icon that should be displayed in the list items
+     */
+    DisplayIconField: string;
+    /**
+     * The list of records that are available
+     */
+    AvailableRecords: BaseEntity[];
+    /**
+     * The list of records that are selected
+     */
+    SelectedRecords: BaseEntity[];
+    /**
+     * The list of records that are not selected
+     */
+    UnselectedRecords: BaseEntity[];
+    /**
+     * Configurable settings for the toolbar
+     */
+    ToolbarSettings: ListBoxToolbarConfig;
+    RecordSelected: EventEmitter<BaseEntity[]>;
+    RecordUnselected: EventEmitter<BaseEntity[]>;
+    unselectedListBox: ListBoxComponent;
+    selectedListBox: ListBoxComponent;
+    onDblClick(event: MouseEvent, listType: 'unselected' | 'selected'): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecordSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RecordSelectorComponent, "mj-record-selector", never, { "EntityName": { "alias": "EntityName"; "required": false; }; "DisplayField": { "alias": "DisplayField"; "required": false; }; "DisplayIconField": { "alias": "DisplayIconField"; "required": false; }; "AvailableRecords": { "alias": "AvailableRecords"; "required": false; }; "SelectedRecords": { "alias": "SelectedRecords"; "required": false; }; "UnselectedRecords": { "alias": "UnselectedRecords"; "required": false; }; "ToolbarSettings": { "alias": "ToolbarSettings"; "required": false; }; }, { "RecordSelected": "RecordSelected"; "RecordUnselected": "RecordUnselected"; }, never, never, false, never>;
+}
+//# sourceMappingURL=record-selector.component.d.ts.map

package/dist/lib/record-selector.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"record-selector.component.d.ts","sourceRoot":"","sources":["../../src/lib/record-selector.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,YAAY,EAAoB,MAAM,eAAe,CAAC;AAElF,OAAO,EAAE,UAAU,EAAG,MAAM,sBAAsB,CAAC;AAEnD,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,iCAAiC,CAAC;;AAEzF,qBAKa,uBAAuB;IAClC;;OAEG;IACM,UAAU,EAAE,MAAM,CAAM;IACjC;;OAEG;IACM,YAAY,EAAE,MAAM,CAAM;IAEnC;;OAEG;IACM,gBAAgB,EAAE,MAAM,CAAM;IAEvC;;OAEG;IACM,gBAAgB,EAAE,UAAU,EAAE,CAAM;IAE7C;;OAEG;IACM,eAAe,EAAE,UAAU,EAAE,CAAM;IAC5C;;OAEG;IACM,iBAAiB,EAAE,UAAU,EAAE,CAAM;IAG9C;;OAEG;IACa,eAAe,EAAE,oBAAoB,CAGnD;IAEQ,cAAc,6BAAoC;IAClD,gBAAgB,6BAAoC;IAGlB,iBAAiB,EAAG,gBAAgB,CAAC;IACvC,eAAe,EAAG,gBAAgB,CAAC;IAG7E,UAAU,CAAC,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,YAAY,GAAG,UAAU,GAAG,IAAI;yCA9C7D,uBAAuB;2CAAvB,uBAAuB;CAqEnC"}

package/dist/lib/record-selector.component.js

@@ -0,0 +1,157 @@
+import { Component, Output, EventEmitter, Input, ViewChild } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@memberjunction/ng-container-directives";
+import * as i3 from "@progress/kendo-angular-listbox";
+const _c0 = ["unselected"];
+const _c1 = ["selected"];
+function RecordSelectorComponent_ng_template_3_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 6);
+} if (rf & 2) {
+    const dataItem_r2 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", dataItem_r2[ctx_r2.DisplayIconField] + " item-icon");
+} }
+function RecordSelectorComponent_ng_template_3_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, RecordSelectorComponent_ng_template_3_Conditional_0_Template, 1, 1, "span", 6);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r2 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r2.DisplayIconField ? 0 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(dataItem_r2[ctx_r2.DisplayField]);
+} }
+function RecordSelectorComponent_ng_template_6_Conditional_0_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵelement(0, "span", 6);
+} if (rf & 2) {
+    const dataItem_r4 = i0.ɵɵnextContext().$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵproperty("ngClass", dataItem_r4[ctx_r2.DisplayIconField] + " item-icon");
+} }
+function RecordSelectorComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
+    i0.ɵɵtemplate(0, RecordSelectorComponent_ng_template_6_Conditional_0_Template, 1, 1, "span", 6);
+    i0.ɵɵelementStart(1, "span");
+    i0.ɵɵtext(2);
+    i0.ɵɵelementEnd();
+} if (rf & 2) {
+    const dataItem_r4 = ctx.$implicit;
+    const ctx_r2 = i0.ɵɵnextContext();
+    i0.ɵɵconditional(ctx_r2.DisplayIconField ? 0 : -1);
+    i0.ɵɵadvance(2);
+    i0.ɵɵtextInterpolate(dataItem_r4[ctx_r2.DisplayField]);
+} }
+export class RecordSelectorComponent {
+    constructor() {
+        /**
+         * The name of the entity to show records for.
+         */
+        this.EntityName = '';
+        /**
+         * The field name within the entity to show in the list items
+         */
+        this.DisplayField = '';
+        /**
+         * The field name within the entity that has a CSS class representing an icon that should be displayed in the list items
+         */
+        this.DisplayIconField = '';
+        /**
+         * The list of records that are available
+         */
+        this.AvailableRecords = [];
+        /**
+         * The list of records that are selected
+         */
+        this.SelectedRecords = [];
+        /**
+         * The list of records that are not selected
+         */
+        this.UnselectedRecords = [];
+        /**
+         * Configurable settings for the toolbar
+         */
+        this.ToolbarSettings = {
+            position: "right",
+            tools: ["moveUp", "transferFrom", "transferAllFrom", "transferAllTo", "transferTo", "moveDown"],
+        };
+        this.RecordSelected = new EventEmitter();
+        this.RecordUnselected = new EventEmitter();
+    }
+    onDblClick(event, listType) {
+        const targetElement = event.target;
+        const listItemElement = targetElement.closest('.k-list-item');
+        if (listItemElement && listItemElement.parentElement) {
+            const itemIndex = Array.from(listItemElement.parentElement.children).indexOf(listItemElement);
+            if (listType === 'unselected') {
+                const item = this.UnselectedRecords[itemIndex];
+                this.SelectedRecords.push(item);
+                this.UnselectedRecords.splice(itemIndex, 1);
+            }
+            else {
+                const item = this.SelectedRecords[itemIndex];
+                this.UnselectedRecords.push(item);
+                this.SelectedRecords.splice(itemIndex, 1);
+            }
+            if (this.unselectedListBox)
+                this.unselectedListBox.clearSelection();
+            if (this.selectedListBox)
+                this.selectedListBox.clearSelection();
+        }
+    }
+}
+RecordSelectorComponent.ɵfac = function RecordSelectorComponent_Factory(t) { return new (t || RecordSelectorComponent)(); };
+RecordSelectorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordSelectorComponent, selectors: [["mj-record-selector"]], viewQuery: function RecordSelectorComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5);
+        i0.ɵɵviewQuery(_c1, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.unselectedListBox = _t.first);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectedListBox = _t.first);
+    } }, inputs: { EntityName: "EntityName", DisplayField: "DisplayField", DisplayIconField: "DisplayIconField", AvailableRecords: "AvailableRecords", SelectedRecords: "SelectedRecords", UnselectedRecords: "UnselectedRecords", ToolbarSettings: "ToolbarSettings" }, outputs: { RecordSelected: "RecordSelected", RecordUnselected: "RecordUnselected" }, decls: 7, vars: 7, consts: [["unselected", ""], ["selected", ""], ["mjFillContainer", ""], ["kendoListBoxDataBinding", "", 1, "list-box", 3, "dblclick", "data", "textField", "connectedWith", "toolbar"], ["kendoListBoxItemTemplate", ""], [1, "list-box", 3, "dblclick", "data", "textField", "toolbar"], [3, "ngClass"]], template: function RecordSelectorComponent_Template(rf, ctx) { if (rf & 1) {
+        const _r1 = i0.ɵɵgetCurrentView();
+        i0.ɵɵelementStart(0, "div", 2)(1, "kendo-listbox", 3, 0);
+        i0.ɵɵlistener("dblclick", function RecordSelectorComponent_Template_kendo_listbox_dblclick_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDblClick($event, "unselected")); });
+        i0.ɵɵtemplate(3, RecordSelectorComponent_ng_template_3_Template, 3, 2, "ng-template", 4);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(4, "kendo-listbox", 5, 1);
+        i0.ɵɵlistener("dblclick", function RecordSelectorComponent_Template_kendo_listbox_dblclick_4_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDblClick($event, "selected")); });
+        i0.ɵɵtemplate(6, RecordSelectorComponent_ng_template_6_Template, 3, 2, "ng-template", 4);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        const selected_r5 = i0.ɵɵreference(5);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("data", ctx.UnselectedRecords)("textField", ctx.DisplayField)("connectedWith", selected_r5)("toolbar", ctx.ToolbarSettings);
+        i0.ɵɵadvance(3);
+        i0.ɵɵproperty("data", ctx.SelectedRecords)("textField", ctx.DisplayField)("toolbar", false);
+    } }, dependencies: [i1.NgClass, i2.FillContainer, i3.ListBoxComponent, i3.ItemTemplateDirective, i3.DataBindingDirective], styles: [".list-box[_ngcontent-%COMP%] {\n    width: 320px;\n    height: 300px;\n}\n\n.k-listbox-actions-right[_ngcontent-%COMP%] {\n    margin-left: 10px;\n}\n\n.item-icon[_ngcontent-%COMP%] {\n    font-size: 16px;\n    width: 25px;\n    margin-right: 5px;\n}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordSelectorComponent, [{
+        type: Component,
+        args: [{ selector: 'mj-record-selector', template: "<div mjFillContainer> \n    <kendo-listbox\n        class=\"list-box\"\n        #unselected\n        kendoListBoxDataBinding\n        [data]=\"UnselectedRecords\"\n        [textField]=\"DisplayField\"\n        [connectedWith]=\"selected\"\n        [toolbar]=\"ToolbarSettings\"\n        (dblclick)=\"onDblClick($event, 'unselected')\"\n    >\n        <ng-template kendoListBoxItemTemplate let-dataItem>\n            @if (this.DisplayIconField) {\n                <span [ngClass]=\"dataItem[this.DisplayIconField] + ' item-icon'\"></span>\n            }\n            <span>{{ dataItem[DisplayField] }}</span>\n        </ng-template>\n    </kendo-listbox>\n    <kendo-listbox \n        class=\"list-box\"\n        #selected \n        [data]=\"SelectedRecords\" \n        [textField]=\"DisplayField\"\n        [toolbar]=\"false\"\n        (dblclick)=\"onDblClick($event, 'selected')\"\n    >\n        <ng-template kendoListBoxItemTemplate let-dataItem>\n            @if (this.DisplayIconField) {\n                <span [ngClass]=\"dataItem[this.DisplayIconField] + ' item-icon'\"></span>\n            }\n            <span>{{ dataItem[DisplayField] }}</span>\n        </ng-template>\n    </kendo-listbox>\n</div>", styles: [".list-box {\n    width: 320px;\n    height: 300px;\n}\n\n.k-listbox-actions-right {\n    margin-left: 10px;\n}\n\n.item-icon {\n    font-size: 16px;\n    width: 25px;\n    margin-right: 5px;\n}"] }]
+    }], null, { EntityName: [{
+            type: Input
+        }], DisplayField: [{
+            type: Input
+        }], DisplayIconField: [{
+            type: Input
+        }], AvailableRecords: [{
+            type: Input
+        }], SelectedRecords: [{
+            type: Input
+        }], UnselectedRecords: [{
+            type: Input
+        }], ToolbarSettings: [{
+            type: Input
+        }], RecordSelected: [{
+            type: Output
+        }], RecordUnselected: [{
+            type: Output
+        }], unselectedListBox: [{
+            type: ViewChild,
+            args: ['unselected', { static: false }]
+        }], selectedListBox: [{
+            type: ViewChild,
+            args: ['selected', { static: false }]
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(RecordSelectorComponent, { className: "RecordSelectorComponent", filePath: "src/lib/record-selector.component.ts", lineNumber: 12 }); })();

package/dist/module.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./lib/record-selector.component";
+import * as i2 from "./lib/dialog.component";
+import * as i3 from "@angular/common";
+import * as i4 from "@progress/kendo-angular-dialog";
+import * as i5 from "@memberjunction/ng-container-directives";
+import * as i6 from "@progress/kendo-angular-buttons";
+import * as i7 from "@progress/kendo-angular-listbox";
+export declare class RecordSelectorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<RecordSelectorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<RecordSelectorModule, [typeof i1.RecordSelectorComponent, typeof i2.RecordSelectorDialogComponent], [typeof i3.CommonModule, typeof i4.DialogsModule, typeof i5.ContainerDirectivesModule, typeof i6.ButtonsModule, typeof i7.ListBoxModule], [typeof i1.RecordSelectorComponent, typeof i2.RecordSelectorDialogComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<RecordSelectorModule>;
+}
+//# sourceMappingURL=module.d.ts.map

package/dist/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":";;;;;;;;AAYA,qBAiBa,oBAAoB;yCAApB,oBAAoB;0CAApB,oBAAoB;0CAApB,oBAAoB;CAAI"}

package/dist/module.js

@@ -0,0 +1,46 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+// Kendo UI Angular imports
+import { DialogsModule } from "@progress/kendo-angular-dialog";
+import { ButtonsModule } from '@progress/kendo-angular-buttons';
+import { ListBoxModule } from '@progress/kendo-angular-listbox';
+import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
+import { RecordSelectorComponent } from './lib/record-selector.component';
+import { RecordSelectorDialogComponent } from './lib/dialog.component';
+import * as i0 from "@angular/core";
+export class RecordSelectorModule {
+}
+RecordSelectorModule.ɵfac = function RecordSelectorModule_Factory(t) { return new (t || RecordSelectorModule)(); };
+RecordSelectorModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: RecordSelectorModule });
+RecordSelectorModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        DialogsModule,
+        ContainerDirectivesModule,
+        ButtonsModule,
+        ListBoxModule] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordSelectorModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    RecordSelectorComponent,
+                    RecordSelectorDialogComponent
+                ],
+                imports: [
+                    CommonModule,
+                    DialogsModule,
+                    ContainerDirectivesModule,
+                    ButtonsModule,
+                    ListBoxModule
+                ],
+                exports: [
+                    RecordSelectorComponent,
+                    RecordSelectorDialogComponent
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(RecordSelectorModule, { declarations: [RecordSelectorComponent,
+        RecordSelectorDialogComponent], imports: [CommonModule,
+        DialogsModule,
+        ContainerDirectivesModule,
+        ButtonsModule,
+        ListBoxModule], exports: [RecordSelectorComponent,
+        RecordSelectorDialogComponent] }); })();

package/dist/public-api.d.ts

@@ -0,0 +1,4 @@
+export * from './module';
+export * from './lib/record-selector.component';
+export * from './lib/dialog.component';
+//# sourceMappingURL=public-api.d.ts.map

package/dist/public-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.d.ts","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAIA,cAAc,UAAU,CAAC;AACzB,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,6 @@
+/*
+ * Public API Surface
+ */
+export * from './module';
+export * from './lib/record-selector.component';
+export * from './lib/dialog.component';

package/package.json

@@ -0,0 +1,39 @@
+{
+  "name": "@memberjunction/ng-record-selector",
+  "version": "1.7.0",
+  "description": "MemberJunction: Angular Components to allow a user to select/deselect items from a possible set",
+  "main": "./dist/public-api.js",
+  "typings": "./dist/public-api.d.ts",
+  "files": [
+    "/dist"
+  ],
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "ngc"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "devDependencies": {
+    "@angular/compiler": "18.0.2",
+    "@angular/compiler-cli": "18.0.2"
+  },
+  "peerDependencies": {
+    "@angular/common": "18.0.2",
+    "@angular/core": "18.0.2",
+    "@angular/forms": "18.0.2",
+    "@angular/router": "18.0.2",
+    "@progress/kendo-angular-buttons": "16.2.0",
+    "@progress/kendo-angular-dialog": "16.2.0",
+    "@progress/kendo-angular-listbox": "16.2.0"
+  },
+  "dependencies": {
+    "@memberjunction/core-entities": "1.7.0",
+    "@memberjunction/global": "1.7.0",
+    "@memberjunction/core": "1.7.0",
+    "@memberjunction/ng-container-directives": "1.7.0",
+    "@memberjunction/ng-shared": "1.7.0",
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false
+}