@memberjunction/ng-record-selector 2.47.0 → 2.49.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -23,52 +23,9 @@ function RecordSelectorDialogComponent_Conditional_0_Template(rf, ctx) { if (rf
|
|
|
23
23
|
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);
|
|
24
24
|
} }
|
|
25
25
|
export class RecordSelectorDialogComponent {
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
this.DialogHeight = '450px';
|
|
30
|
-
this._dialogVisible = false;
|
|
31
|
-
/**
|
|
32
|
-
* 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
|
|
33
|
-
*/
|
|
34
|
-
this.DialogClosed = new EventEmitter();
|
|
35
|
-
///// REST OF THE BELOW JUST GET MAPPED TO THE CONTAINED RecordSelectorComponent
|
|
36
|
-
/**
|
|
37
|
-
* The name of the entity to show records for.
|
|
38
|
-
*/
|
|
39
|
-
this.EntityName = '';
|
|
40
|
-
/**
|
|
41
|
-
* The field name within the entity to show in the list items
|
|
42
|
-
*/
|
|
43
|
-
this.DisplayField = '';
|
|
44
|
-
/**
|
|
45
|
-
* The field name within the entity that has a CSS class representing an icon that should be displayed in the list items
|
|
46
|
-
*/
|
|
47
|
-
this.DisplayIconField = '';
|
|
48
|
-
/**
|
|
49
|
-
* The list of records that are available
|
|
50
|
-
*/
|
|
51
|
-
this.AvailableRecords = [];
|
|
52
|
-
/**
|
|
53
|
-
* The list of records that are selected
|
|
54
|
-
*/
|
|
55
|
-
this.SelectedRecords = [];
|
|
56
|
-
/**
|
|
57
|
-
* The list of records that are not selected
|
|
58
|
-
*/
|
|
59
|
-
this.UnselectedRecords = [];
|
|
60
|
-
/**
|
|
61
|
-
* Configurable settings for the toolbar
|
|
62
|
-
*/
|
|
63
|
-
this.ToolbarSettings = {
|
|
64
|
-
position: "right",
|
|
65
|
-
tools: ["moveUp", "transferFrom", "transferAllFrom", "transferAllTo", "transferTo", "moveDown"],
|
|
66
|
-
};
|
|
67
|
-
this.RecordSelected = new EventEmitter();
|
|
68
|
-
this.RecordUnselected = new EventEmitter();
|
|
69
|
-
this._initialSelected = [];
|
|
70
|
-
this._initialUnselected = [];
|
|
71
|
-
}
|
|
26
|
+
DialogTitle = 'Select Records';
|
|
27
|
+
DialogWidth = '700px';
|
|
28
|
+
DialogHeight = '450px';
|
|
72
29
|
get DialogVisible() {
|
|
73
30
|
return this._dialogVisible;
|
|
74
31
|
}
|
|
@@ -79,6 +36,47 @@ export class RecordSelectorDialogComponent {
|
|
|
79
36
|
}
|
|
80
37
|
this._dialogVisible = value;
|
|
81
38
|
}
|
|
39
|
+
_dialogVisible = false;
|
|
40
|
+
/**
|
|
41
|
+
* 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
|
|
42
|
+
*/
|
|
43
|
+
DialogClosed = new EventEmitter();
|
|
44
|
+
///// REST OF THE BELOW JUST GET MAPPED TO THE CONTAINED RecordSelectorComponent
|
|
45
|
+
/**
|
|
46
|
+
* The name of the entity to show records for.
|
|
47
|
+
*/
|
|
48
|
+
EntityName = '';
|
|
49
|
+
/**
|
|
50
|
+
* The field name within the entity to show in the list items
|
|
51
|
+
*/
|
|
52
|
+
DisplayField = '';
|
|
53
|
+
/**
|
|
54
|
+
* The field name within the entity that has a CSS class representing an icon that should be displayed in the list items
|
|
55
|
+
*/
|
|
56
|
+
DisplayIconField = '';
|
|
57
|
+
/**
|
|
58
|
+
* The list of records that are available
|
|
59
|
+
*/
|
|
60
|
+
AvailableRecords = [];
|
|
61
|
+
/**
|
|
62
|
+
* The list of records that are selected
|
|
63
|
+
*/
|
|
64
|
+
SelectedRecords = [];
|
|
65
|
+
/**
|
|
66
|
+
* The list of records that are not selected
|
|
67
|
+
*/
|
|
68
|
+
UnselectedRecords = [];
|
|
69
|
+
/**
|
|
70
|
+
* Configurable settings for the toolbar
|
|
71
|
+
*/
|
|
72
|
+
ToolbarSettings = {
|
|
73
|
+
position: "right",
|
|
74
|
+
tools: ["moveUp", "transferFrom", "transferAllFrom", "transferAllTo", "transferTo", "moveDown"],
|
|
75
|
+
};
|
|
76
|
+
RecordSelected = new EventEmitter();
|
|
77
|
+
RecordUnselected = new EventEmitter();
|
|
78
|
+
_initialSelected = [];
|
|
79
|
+
_initialUnselected = [];
|
|
82
80
|
RefreshInitialValues() {
|
|
83
81
|
this._initialSelected = this.SelectedRecords.slice();
|
|
84
82
|
this._initialUnselected = this.UnselectedRecords.slice();
|
|
@@ -99,13 +97,13 @@ export class RecordSelectorDialogComponent {
|
|
|
99
97
|
this.DialogVisible = false;
|
|
100
98
|
this.DialogClosed.emit(true);
|
|
101
99
|
}
|
|
100
|
+
static ɵfac = function RecordSelectorDialogComponent_Factory(t) { return new (t || RecordSelectorDialogComponent)(); };
|
|
101
|
+
static ɵ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) {
|
|
102
|
+
i0.ɵɵtemplate(0, RecordSelectorDialogComponent_Conditional_0_Template, 7, 10, "kendo-dialog", 0);
|
|
103
|
+
} if (rf & 2) {
|
|
104
|
+
i0.ɵɵconditional(ctx.DialogVisible ? 0 : -1);
|
|
105
|
+
} }, dependencies: [i1.DialogComponent, i1.DialogActionsComponent, i2.ButtonComponent, i3.RecordSelectorComponent] });
|
|
102
106
|
}
|
|
103
|
-
RecordSelectorDialogComponent.ɵfac = function RecordSelectorDialogComponent_Factory(t) { return new (t || RecordSelectorDialogComponent)(); };
|
|
104
|
-
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) {
|
|
105
|
-
i0.ɵɵtemplate(0, RecordSelectorDialogComponent_Conditional_0_Template, 7, 10, "kendo-dialog", 0);
|
|
106
|
-
} if (rf & 2) {
|
|
107
|
-
i0.ɵɵconditional(ctx.DialogVisible ? 0 : -1);
|
|
108
|
-
} }, dependencies: [i1.DialogComponent, i1.DialogActionsComponent, i2.ButtonComponent, i3.RecordSelectorComponent] });
|
|
109
107
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordSelectorDialogComponent, [{
|
|
110
108
|
type: Component,
|
|
111
109
|
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}" }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dialog.component.js","sourceRoot":"","sources":["../../src/lib/dialog.component.ts","../../src/lib/dialog.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAyB,MAAM,EAAE,YAAY,EAAU,KAAK,EAAmC,MAAM,eAAe,CAAC;;;;;;;ICCnI,uCAKC;IADG,uMAAS,iBAAU,KAAC;IAEpB,wCASqB;IAEjB,AADJ,4CAAsB,gBACwC;IAAtC,iMAAS,aAAM,KAAC;IAAsB,kBAAE;IAAA,iBAAS;IACrE,iCAAyC;IAArB,iMAAS,iBAAU,KAAC;IAAC,sBAAM;IAEvD,AADI,AADmD,iBAAS,EACrC,EACZ;;;IAjBX,AADA,AADA,0CAAqB,+BACE,6BACF;IAIjB,cAAqC;IAMrC,AADA,AADA,AADA,AADA,AADA,AADA,0DAAqC,qCACR,2CACM,iCACV,2CACU,6CACE,+CACE;;ADFnD,MAAM,OAAO,6BAA6B;
|
|
1
|
+
{"version":3,"file":"dialog.component.js","sourceRoot":"","sources":["../../src/lib/dialog.component.ts","../../src/lib/dialog.component.html"],"names":[],"mappings":"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"}
|
|
@@ -44,41 +44,41 @@ function RecordSelectorComponent_ng_template_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
44
44
|
i0.ɵɵtextInterpolate(dataItem_r4[ctx_r2.DisplayField]);
|
|
45
45
|
} }
|
|
46
46
|
export class RecordSelectorComponent {
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
47
|
+
/**
|
|
48
|
+
* The name of the entity to show records for.
|
|
49
|
+
*/
|
|
50
|
+
EntityName = '';
|
|
51
|
+
/**
|
|
52
|
+
* The field name within the entity to show in the list items
|
|
53
|
+
*/
|
|
54
|
+
DisplayField = '';
|
|
55
|
+
/**
|
|
56
|
+
* The field name within the entity that has a CSS class representing an icon that should be displayed in the list items
|
|
57
|
+
*/
|
|
58
|
+
DisplayIconField = '';
|
|
59
|
+
/**
|
|
60
|
+
* The list of records that are available
|
|
61
|
+
*/
|
|
62
|
+
AvailableRecords = [];
|
|
63
|
+
/**
|
|
64
|
+
* The list of records that are selected
|
|
65
|
+
*/
|
|
66
|
+
SelectedRecords = [];
|
|
67
|
+
/**
|
|
68
|
+
* The list of records that are not selected
|
|
69
|
+
*/
|
|
70
|
+
UnselectedRecords = [];
|
|
71
|
+
/**
|
|
72
|
+
* Configurable settings for the toolbar
|
|
73
|
+
*/
|
|
74
|
+
ToolbarSettings = {
|
|
75
|
+
position: "right",
|
|
76
|
+
tools: ["moveUp", "transferFrom", "transferAllFrom", "transferAllTo", "transferTo", "moveDown"],
|
|
77
|
+
};
|
|
78
|
+
RecordSelected = new EventEmitter();
|
|
79
|
+
RecordUnselected = new EventEmitter();
|
|
80
|
+
unselectedListBox;
|
|
81
|
+
selectedListBox;
|
|
82
82
|
onDblClick(event, listType) {
|
|
83
83
|
const targetElement = event.target;
|
|
84
84
|
const listItemElement = targetElement.closest('.k-list-item');
|
|
@@ -100,32 +100,32 @@ export class RecordSelectorComponent {
|
|
|
100
100
|
this.selectedListBox.clearSelection();
|
|
101
101
|
}
|
|
102
102
|
}
|
|
103
|
+
static ɵfac = function RecordSelectorComponent_Factory(t) { return new (t || RecordSelectorComponent)(); };
|
|
104
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordSelectorComponent, selectors: [["mj-record-selector"]], viewQuery: function RecordSelectorComponent_Query(rf, ctx) { if (rf & 1) {
|
|
105
|
+
i0.ɵɵviewQuery(_c0, 5);
|
|
106
|
+
i0.ɵɵviewQuery(_c1, 5);
|
|
107
|
+
} if (rf & 2) {
|
|
108
|
+
let _t;
|
|
109
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.unselectedListBox = _t.first);
|
|
110
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectedListBox = _t.first);
|
|
111
|
+
} }, 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) {
|
|
112
|
+
const _r1 = i0.ɵɵgetCurrentView();
|
|
113
|
+
i0.ɵɵelementStart(0, "div", 2)(1, "kendo-listbox", 3, 0);
|
|
114
|
+
i0.ɵɵlistener("dblclick", function RecordSelectorComponent_Template_kendo_listbox_dblclick_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDblClick($event, "unselected")); });
|
|
115
|
+
i0.ɵɵtemplate(3, RecordSelectorComponent_ng_template_3_Template, 3, 2, "ng-template", 4);
|
|
116
|
+
i0.ɵɵelementEnd();
|
|
117
|
+
i0.ɵɵelementStart(4, "kendo-listbox", 5, 1);
|
|
118
|
+
i0.ɵɵlistener("dblclick", function RecordSelectorComponent_Template_kendo_listbox_dblclick_4_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDblClick($event, "selected")); });
|
|
119
|
+
i0.ɵɵtemplate(6, RecordSelectorComponent_ng_template_6_Template, 3, 2, "ng-template", 4);
|
|
120
|
+
i0.ɵɵelementEnd()();
|
|
121
|
+
} if (rf & 2) {
|
|
122
|
+
const selected_r5 = i0.ɵɵreference(5);
|
|
123
|
+
i0.ɵɵadvance();
|
|
124
|
+
i0.ɵɵproperty("data", ctx.UnselectedRecords)("textField", ctx.DisplayField)("connectedWith", selected_r5)("toolbar", ctx.ToolbarSettings);
|
|
125
|
+
i0.ɵɵadvance(3);
|
|
126
|
+
i0.ɵɵproperty("data", ctx.SelectedRecords)("textField", ctx.DisplayField)("toolbar", false);
|
|
127
|
+
} }, 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}"] });
|
|
103
128
|
}
|
|
104
|
-
RecordSelectorComponent.ɵfac = function RecordSelectorComponent_Factory(t) { return new (t || RecordSelectorComponent)(); };
|
|
105
|
-
RecordSelectorComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: RecordSelectorComponent, selectors: [["mj-record-selector"]], viewQuery: function RecordSelectorComponent_Query(rf, ctx) { if (rf & 1) {
|
|
106
|
-
i0.ɵɵviewQuery(_c0, 5);
|
|
107
|
-
i0.ɵɵviewQuery(_c1, 5);
|
|
108
|
-
} if (rf & 2) {
|
|
109
|
-
let _t;
|
|
110
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.unselectedListBox = _t.first);
|
|
111
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.selectedListBox = _t.first);
|
|
112
|
-
} }, 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) {
|
|
113
|
-
const _r1 = i0.ɵɵgetCurrentView();
|
|
114
|
-
i0.ɵɵelementStart(0, "div", 2)(1, "kendo-listbox", 3, 0);
|
|
115
|
-
i0.ɵɵlistener("dblclick", function RecordSelectorComponent_Template_kendo_listbox_dblclick_1_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDblClick($event, "unselected")); });
|
|
116
|
-
i0.ɵɵtemplate(3, RecordSelectorComponent_ng_template_3_Template, 3, 2, "ng-template", 4);
|
|
117
|
-
i0.ɵɵelementEnd();
|
|
118
|
-
i0.ɵɵelementStart(4, "kendo-listbox", 5, 1);
|
|
119
|
-
i0.ɵɵlistener("dblclick", function RecordSelectorComponent_Template_kendo_listbox_dblclick_4_listener($event) { i0.ɵɵrestoreView(_r1); return i0.ɵɵresetView(ctx.onDblClick($event, "selected")); });
|
|
120
|
-
i0.ɵɵtemplate(6, RecordSelectorComponent_ng_template_6_Template, 3, 2, "ng-template", 4);
|
|
121
|
-
i0.ɵɵelementEnd()();
|
|
122
|
-
} if (rf & 2) {
|
|
123
|
-
const selected_r5 = i0.ɵɵreference(5);
|
|
124
|
-
i0.ɵɵadvance();
|
|
125
|
-
i0.ɵɵproperty("data", ctx.UnselectedRecords)("textField", ctx.DisplayField)("connectedWith", selected_r5)("toolbar", ctx.ToolbarSettings);
|
|
126
|
-
i0.ɵɵadvance(3);
|
|
127
|
-
i0.ɵɵproperty("data", ctx.SelectedRecords)("textField", ctx.DisplayField)("toolbar", false);
|
|
128
|
-
} }, 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}"] });
|
|
129
129
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordSelectorComponent, [{
|
|
130
130
|
type: Component,
|
|
131
131
|
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}"] }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"record-selector.component.js","sourceRoot":"","sources":["../../src/lib/record-selector.component.ts","../../src/lib/record-selector.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;;;;;;;;ICalE,0BAAwE;;;;IAAlE,6EAA0D;;;IADpE,+FAA6B;IAG7B,4BAAM;IAAA,YAA4B;IAAA,iBAAO;;;;IAHzC,kDAEC;IACK,eAA4B;IAA5B,sDAA4B;;;IAa9B,0BAAwE;;;;IAAlE,6EAA0D;;;IADpE,+FAA6B;IAG7B,4BAAM;IAAA,YAA4B;IAAA,iBAAO;;;;IAHzC,kDAEC;IACK,eAA4B;IAA5B,sDAA4B;;ADnB9C,MAAM,OAAO,uBAAuB;
|
|
1
|
+
{"version":3,"file":"record-selector.component.js","sourceRoot":"","sources":["../../src/lib/record-selector.component.ts","../../src/lib/record-selector.component.html"],"names":[],"mappings":"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"}
|
package/dist/module.js
CHANGED
|
@@ -9,14 +9,14 @@ import { RecordSelectorComponent } from './lib/record-selector.component';
|
|
|
9
9
|
import { RecordSelectorDialogComponent } from './lib/dialog.component';
|
|
10
10
|
import * as i0 from "@angular/core";
|
|
11
11
|
export class RecordSelectorModule {
|
|
12
|
+
static ɵfac = function RecordSelectorModule_Factory(t) { return new (t || RecordSelectorModule)(); };
|
|
13
|
+
static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: RecordSelectorModule });
|
|
14
|
+
static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
|
|
15
|
+
DialogsModule,
|
|
16
|
+
ContainerDirectivesModule,
|
|
17
|
+
ButtonsModule,
|
|
18
|
+
ListBoxModule] });
|
|
12
19
|
}
|
|
13
|
-
RecordSelectorModule.ɵfac = function RecordSelectorModule_Factory(t) { return new (t || RecordSelectorModule)(); };
|
|
14
|
-
RecordSelectorModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: RecordSelectorModule });
|
|
15
|
-
RecordSelectorModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
|
|
16
|
-
DialogsModule,
|
|
17
|
-
ContainerDirectivesModule,
|
|
18
|
-
ButtonsModule,
|
|
19
|
-
ListBoxModule] });
|
|
20
20
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(RecordSelectorModule, [{
|
|
21
21
|
type: NgModule,
|
|
22
22
|
args: [{
|
package/dist/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,2BAA2B;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;;AAmBvE,MAAM,OAAO,oBAAoB
|
|
1
|
+
{"version":3,"file":"module.js","sourceRoot":"","sources":["../src/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,2BAA2B;AAC3B,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAEhE,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;AACpF,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,6BAA6B,EAAE,MAAM,wBAAwB,CAAC;;AAmBvE,MAAM,OAAO,oBAAoB;8EAApB,oBAAoB;4DAApB,oBAAoB;gEAX7B,YAAY;YACZ,aAAa;YACb,yBAAyB;YACzB,aAAa;YACb,aAAa;;iFAOJ,oBAAoB;cAjBhC,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,uBAAuB;oBACvB,6BAA6B;iBAC9B;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,yBAAyB;oBACzB,aAAa;oBACb,aAAa;iBACd;gBACD,OAAO,EAAE;oBACP,uBAAuB;oBACvB,6BAA6B;iBAC9B;aACF;;wFACY,oBAAoB,mBAf7B,uBAAuB;QACvB,6BAA6B,aAG7B,YAAY;QACZ,aAAa;QACb,yBAAyB;QACzB,aAAa;QACb,aAAa,aAGb,uBAAuB;QACvB,6BAA6B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-record-selector",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.49.0",
|
|
4
4
|
"description": "MemberJunction: Angular Components to allow a user to select/deselect items from a possible set",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -28,11 +28,11 @@
|
|
|
28
28
|
"@progress/kendo-angular-listbox": "16.2.0"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@memberjunction/core-entities": "2.
|
|
32
|
-
"@memberjunction/global": "2.
|
|
33
|
-
"@memberjunction/core": "2.
|
|
34
|
-
"@memberjunction/ng-container-directives": "2.
|
|
35
|
-
"@memberjunction/ng-shared": "2.
|
|
31
|
+
"@memberjunction/core-entities": "2.49.0",
|
|
32
|
+
"@memberjunction/global": "2.49.0",
|
|
33
|
+
"@memberjunction/core": "2.49.0",
|
|
34
|
+
"@memberjunction/ng-container-directives": "2.49.0",
|
|
35
|
+
"@memberjunction/ng-shared": "2.49.0",
|
|
36
36
|
"tslib": "^2.3.0"
|
|
37
37
|
},
|
|
38
38
|
"sideEffects": false
|