@memberjunction/ng-tabstrip 2.48.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.
- package/dist/lib/module.js +4 -4
- package/dist/lib/module.js.map +1 -1
- package/dist/lib/tab/tab.component.js +25 -22
- package/dist/lib/tab/tab.component.js.map +1 -1
- package/dist/lib/tab-body/tab-body.component.js +13 -12
- package/dist/lib/tab-body/tab-body.component.js.map +1 -1
- package/dist/lib/tab-strip/tab-strip.component.js +145 -148
- package/dist/lib/tab-strip/tab-strip.component.js.map +1 -1
- package/dist/lib/tab.base.js +1 -0
- package/dist/lib/tab.base.js.map +1 -1
- package/package.json +2 -2
package/dist/lib/module.js
CHANGED
|
@@ -7,11 +7,11 @@ import { MJTabComponent } from './tab/tab.component';
|
|
|
7
7
|
import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
|
|
8
8
|
import * as i0 from "@angular/core";
|
|
9
9
|
export class MJTabStripModule {
|
|
10
|
+
static ɵfac = function MJTabStripModule_Factory(t) { return new (t || MJTabStripModule)(); };
|
|
11
|
+
static ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MJTabStripModule });
|
|
12
|
+
static ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
|
|
13
|
+
ContainerDirectivesModule] });
|
|
10
14
|
}
|
|
11
|
-
MJTabStripModule.ɵfac = function MJTabStripModule_Factory(t) { return new (t || MJTabStripModule)(); };
|
|
12
|
-
MJTabStripModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MJTabStripModule });
|
|
13
|
-
MJTabStripModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
|
|
14
|
-
ContainerDirectivesModule] });
|
|
15
15
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJTabStripModule, [{
|
|
16
16
|
type: NgModule,
|
|
17
17
|
args: [{
|
package/dist/lib/module.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAQ;AACR,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;;AAkBpF,MAAM,OAAO,gBAAgB
|
|
1
|
+
{"version":3,"file":"module.js","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,QAAQ;AACR,OAAO,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AACtE,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,OAAO,EAAE,yBAAyB,EAAE,MAAM,yCAAyC,CAAC;;AAkBpF,MAAM,OAAO,gBAAgB;0EAAhB,gBAAgB;4DAAhB,gBAAgB;gEATzB,YAAY;YACZ,yBAAyB;;iFAQhB,gBAAgB;cAhB5B,QAAQ;eAAC;gBACR,YAAY,EAAE;oBACZ,mBAAmB;oBACnB,kBAAkB;oBAClB,cAAc;iBACf;gBACD,OAAO,EAAE;oBACP,YAAY;oBACZ,yBAAyB;iBAC1B;gBACD,OAAO,EAAE;oBACP,mBAAmB;oBACnB,kBAAkB;oBAClB,cAAc;iBACf;aACF;;wFACY,gBAAgB,mBAdzB,mBAAmB;QACnB,kBAAkB;QAClB,cAAc,aAGd,YAAY;QACZ,yBAAyB,aAGzB,mBAAmB;QACnB,kBAAkB;QAClB,cAAc"}
|
|
@@ -16,6 +16,10 @@ function MJTabComponent_span_2_Template(rf, ctx) { if (rf & 1) {
|
|
|
16
16
|
* Represents the tab in the header of a given tab strip
|
|
17
17
|
*/
|
|
18
18
|
export class MJTabComponent extends MJTabBase {
|
|
19
|
+
tabstrip;
|
|
20
|
+
cdr;
|
|
21
|
+
elementRef;
|
|
22
|
+
_tabSelected = false;
|
|
19
23
|
/**
|
|
20
24
|
* Determines if the tab is currently selected or not. This is set by the TabStrip component automatically when the SelectedTabIndex is set, do not set this directly.
|
|
21
25
|
*/
|
|
@@ -26,6 +30,7 @@ export class MJTabComponent extends MJTabBase {
|
|
|
26
30
|
this._tabSelected = value;
|
|
27
31
|
this.cdr.detectChanges(); // Manually trigger change detection to update the view
|
|
28
32
|
}
|
|
33
|
+
_visible = true;
|
|
29
34
|
get Visible() {
|
|
30
35
|
return this._visible;
|
|
31
36
|
}
|
|
@@ -42,18 +47,21 @@ export class MJTabComponent extends MJTabBase {
|
|
|
42
47
|
if (!this._visible)
|
|
43
48
|
this.tabstrip.SelectedTabIndex = 0;
|
|
44
49
|
}
|
|
50
|
+
_name = "";
|
|
45
51
|
get Name() {
|
|
46
52
|
return this._name;
|
|
47
53
|
}
|
|
48
54
|
set Name(value) {
|
|
49
55
|
this._name = value;
|
|
50
56
|
}
|
|
57
|
+
_id = null;
|
|
51
58
|
get ID() {
|
|
52
59
|
return this._id;
|
|
53
60
|
}
|
|
54
61
|
set ID(value) {
|
|
55
62
|
this._id = value;
|
|
56
63
|
}
|
|
64
|
+
_props = null;
|
|
57
65
|
/**
|
|
58
66
|
* A property bag that can be used to store any additional properties that you want to associate with this tab.
|
|
59
67
|
*/
|
|
@@ -63,6 +71,10 @@ export class MJTabComponent extends MJTabBase {
|
|
|
63
71
|
set Props(value) {
|
|
64
72
|
this._props = value;
|
|
65
73
|
}
|
|
74
|
+
/**
|
|
75
|
+
* Determines if the tab can be closed by a user, or not. Defaults to false.
|
|
76
|
+
*/
|
|
77
|
+
TabCloseable = false;
|
|
66
78
|
/**
|
|
67
79
|
* Returns a reference to the tab strip that this tab belongs to.
|
|
68
80
|
*/
|
|
@@ -74,15 +86,6 @@ export class MJTabComponent extends MJTabBase {
|
|
|
74
86
|
this.tabstrip = tabstrip;
|
|
75
87
|
this.cdr = cdr;
|
|
76
88
|
this.elementRef = elementRef;
|
|
77
|
-
this._tabSelected = false;
|
|
78
|
-
this._visible = true;
|
|
79
|
-
this._name = "";
|
|
80
|
-
this._id = null;
|
|
81
|
-
this._props = null;
|
|
82
|
-
/**
|
|
83
|
-
* Determines if the tab can be closed by a user, or not. Defaults to false.
|
|
84
|
-
*/
|
|
85
|
-
this.TabCloseable = false;
|
|
86
89
|
}
|
|
87
90
|
/**
|
|
88
91
|
* Event handler for when this tab is clicked to select it, generally not a great idea to call this directly, but it is possible to call directly to simulate a click.
|
|
@@ -102,20 +105,20 @@ export class MJTabComponent extends MJTabBase {
|
|
|
102
105
|
$event.preventDefault();
|
|
103
106
|
this.tabstrip.handleTabContextMenu($event, this);
|
|
104
107
|
}
|
|
108
|
+
static ɵfac = function MJTabComponent_Factory(t) { return new (t || MJTabComponent)(i0.ɵɵdirectiveInject(i1.MJTabStripComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef)); };
|
|
109
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabComponent, selectors: [["mj-tab"]], inputs: { TabSelected: "TabSelected", Visible: "Visible", Name: "Name", ID: "ID", Props: "Props", TabCloseable: "TabCloseable" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 3, vars: 4, consts: [[1, "single-tab", 3, "click", "contextmenu", "ngClass"], ["class", "tab-close-button", 3, "click", 4, "ngIf"], [1, "tab-close-button", 3, "click"]], template: function MJTabComponent_Template(rf, ctx) { if (rf & 1) {
|
|
110
|
+
i0.ɵɵprojectionDef();
|
|
111
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
112
|
+
i0.ɵɵlistener("click", function MJTabComponent_Template_div_click_0_listener() { return ctx.selectTab(); })("contextmenu", function MJTabComponent_Template_div_contextmenu_0_listener($event) { return ctx.handleContextMenu($event); });
|
|
113
|
+
i0.ɵɵprojection(1);
|
|
114
|
+
i0.ɵɵtemplate(2, MJTabComponent_span_2_Template, 2, 0, "span", 1);
|
|
115
|
+
i0.ɵɵelementEnd();
|
|
116
|
+
} if (rf & 2) {
|
|
117
|
+
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c1, ctx.TabSelected));
|
|
118
|
+
i0.ɵɵadvance(2);
|
|
119
|
+
i0.ɵɵproperty("ngIf", ctx.TabCloseable);
|
|
120
|
+
} }, dependencies: [i2.NgClass, i2.NgIf], styles: [".single-tab[_ngcontent-%COMP%] {\n flex: 0 0 auto; \n\n cursor: pointer;\n height: 26px;\n margin-right: 1px;\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 5px;\n border-radius: 8px 8px 0 0;\n border-top: solid 1px #D5D8E5;;\n border-left: solid 1px #D5D8E5;;\n border-right: solid 1px #D5D8E5;;\n border-bottom: 0;\n background-color: #D5D8E5;\n font-size: 14px;\n }\n .single-tab[_ngcontent-%COMP%]:hover {\n color: #bb443c;\n }\n .single-tab-selected[_ngcontent-%COMP%] {\n background-color: #F5F6FA;\n font-weight: bold;\n }\n \n .tab-close-button[_ngcontent-%COMP%] {\n cursor: pointer;\n margin-left: 10px;\n padding: 2px;\n font-size: 12px;\n border-radius: 10px;\n color: black;\n }\n .tab-close-button[_ngcontent-%COMP%]:hover {\n background-color: lightgray;\n }"] });
|
|
105
121
|
}
|
|
106
|
-
MJTabComponent.ɵfac = function MJTabComponent_Factory(t) { return new (t || MJTabComponent)(i0.ɵɵdirectiveInject(i1.MJTabStripComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef)); };
|
|
107
|
-
MJTabComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabComponent, selectors: [["mj-tab"]], inputs: { TabSelected: "TabSelected", Visible: "Visible", Name: "Name", ID: "ID", Props: "Props", TabCloseable: "TabCloseable" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 3, vars: 4, consts: [[1, "single-tab", 3, "click", "contextmenu", "ngClass"], ["class", "tab-close-button", 3, "click", 4, "ngIf"], [1, "tab-close-button", 3, "click"]], template: function MJTabComponent_Template(rf, ctx) { if (rf & 1) {
|
|
108
|
-
i0.ɵɵprojectionDef();
|
|
109
|
-
i0.ɵɵelementStart(0, "div", 0);
|
|
110
|
-
i0.ɵɵlistener("click", function MJTabComponent_Template_div_click_0_listener() { return ctx.selectTab(); })("contextmenu", function MJTabComponent_Template_div_contextmenu_0_listener($event) { return ctx.handleContextMenu($event); });
|
|
111
|
-
i0.ɵɵprojection(1);
|
|
112
|
-
i0.ɵɵtemplate(2, MJTabComponent_span_2_Template, 2, 0, "span", 1);
|
|
113
|
-
i0.ɵɵelementEnd();
|
|
114
|
-
} if (rf & 2) {
|
|
115
|
-
i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c1, ctx.TabSelected));
|
|
116
|
-
i0.ɵɵadvance(2);
|
|
117
|
-
i0.ɵɵproperty("ngIf", ctx.TabCloseable);
|
|
118
|
-
} }, dependencies: [i2.NgClass, i2.NgIf], styles: [".single-tab[_ngcontent-%COMP%] {\n flex: 0 0 auto; \n\n cursor: pointer;\n height: 26px;\n margin-right: 1px;\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 5px;\n border-radius: 8px 8px 0 0;\n border-top: solid 1px #D5D8E5;;\n border-left: solid 1px #D5D8E5;;\n border-right: solid 1px #D5D8E5;;\n border-bottom: 0;\n background-color: #D5D8E5;\n font-size: 14px;\n }\n .single-tab[_ngcontent-%COMP%]:hover {\n color: #bb443c;\n }\n .single-tab-selected[_ngcontent-%COMP%] {\n background-color: #F5F6FA;\n font-weight: bold;\n }\n \n .tab-close-button[_ngcontent-%COMP%] {\n cursor: pointer;\n margin-left: 10px;\n padding: 2px;\n font-size: 12px;\n border-radius: 10px;\n color: black;\n }\n .tab-close-button[_ngcontent-%COMP%]:hover {\n background-color: lightgray;\n }"] });
|
|
119
122
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJTabComponent, [{
|
|
120
123
|
type: Component,
|
|
121
124
|
args: [{ selector: 'mj-tab', template: "<div class=\"single-tab\" [ngClass]=\"{'single-tab-selected': TabSelected}\" (click)=\"selectTab()\" (contextmenu)=\"handleContextMenu($event)\">\n <ng-content><!--CONTENT PROJECTION GOES HERE--></ng-content>\n <span *ngIf=\"TabCloseable\" class=\"tab-close-button\" (click)=\"closeTab($event)\" >\u2716</span>\n</div>", styles: ["\n .single-tab {\n flex: 0 0 auto; /* Prevent tabs from shrinking */\n cursor: pointer;\n height: 26px;\n margin-right: 1px;\n padding-left: 10px;\n padding-right: 10px;\n padding-top: 5px;\n border-radius: 8px 8px 0 0;\n border-top: solid 1px #D5D8E5;;\n border-left: solid 1px #D5D8E5;;\n border-right: solid 1px #D5D8E5;;\n border-bottom: 0;\n background-color: #D5D8E5;\n font-size: 14px;\n }\n .single-tab:hover {\n color: #bb443c;\n }\n .single-tab-selected {\n background-color: #F5F6FA;\n font-weight: bold;\n }\n \n .tab-close-button {\n cursor: pointer;\n margin-left: 10px;\n padding: 2px;\n font-size: 12px;\n border-radius: 10px;\n color: black;\n }\n .tab-close-button:hover {\n background-color: lightgray;\n }\n "] }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.component.js","sourceRoot":"","sources":["../../../src/lib/tab/tab.component.ts","../../../src/lib/tab/tab.component.html"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAwB,IAAI,EAAiC,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;;;;ICCpC,+BAAgF;IAA5B,+KAAS,uBAAgB,KAAC;IAAE,sBAAC;IAAA,iBAAO;;ADE5F;;GAEG;AAMH,MAAM,OAAO,cAAe,SAAQ,SAAS;
|
|
1
|
+
{"version":3,"file":"tab.component.js","sourceRoot":"","sources":["../../../src/lib/tab/tab.component.ts","../../../src/lib/tab/tab.component.html"],"names":[],"mappings":"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"}
|
|
@@ -5,23 +5,24 @@ import * as i1 from "../tab-strip/tab-strip.component";
|
|
|
5
5
|
import * as i2 from "@memberjunction/ng-container-directives";
|
|
6
6
|
const _c0 = ["*"];
|
|
7
7
|
export class MJTabBodyComponent extends MJTabBase {
|
|
8
|
+
tabStrip;
|
|
9
|
+
TabVisible = false;
|
|
10
|
+
FillWidth = true;
|
|
11
|
+
FillHeight = true;
|
|
8
12
|
constructor(tabStrip) {
|
|
9
13
|
super();
|
|
10
14
|
this.tabStrip = tabStrip;
|
|
11
|
-
this.TabVisible = false;
|
|
12
|
-
this.FillWidth = true;
|
|
13
|
-
this.FillHeight = true;
|
|
14
15
|
}
|
|
16
|
+
static ɵfac = function MJTabBodyComponent_Factory(t) { return new (t || MJTabBodyComponent)(i0.ɵɵdirectiveInject(i1.MJTabStripComponent, 1)); };
|
|
17
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabBodyComponent, selectors: [["mj-tab-body"]], inputs: { TabVisible: "TabVisible", FillWidth: "FillWidth", FillHeight: "FillHeight" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "tab-body", 3, "hidden", "fillHeight", "fillWidth"]], template: function MJTabBodyComponent_Template(rf, ctx) { if (rf & 1) {
|
|
18
|
+
i0.ɵɵprojectionDef();
|
|
19
|
+
i0.ɵɵelementStart(0, "div", 0);
|
|
20
|
+
i0.ɵɵprojection(1);
|
|
21
|
+
i0.ɵɵelementEnd();
|
|
22
|
+
} if (rf & 2) {
|
|
23
|
+
i0.ɵɵproperty("hidden", !ctx.TabVisible)("fillHeight", ctx.FillHeight)("fillWidth", ctx.FillWidth);
|
|
24
|
+
} }, dependencies: [i2.FillContainer], styles: [".tab-body[_ngcontent-%COMP%] {\n border-top: 0;\n background-color: #F5F6FA; \n width: 100%;\n height: 200px;\n display: block;\n overflow: auto;\n }"] });
|
|
15
25
|
}
|
|
16
|
-
MJTabBodyComponent.ɵfac = function MJTabBodyComponent_Factory(t) { return new (t || MJTabBodyComponent)(i0.ɵɵdirectiveInject(i1.MJTabStripComponent, 1)); };
|
|
17
|
-
MJTabBodyComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabBodyComponent, selectors: [["mj-tab-body"]], inputs: { TabVisible: "TabVisible", FillWidth: "FillWidth", FillHeight: "FillHeight" }, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 2, vars: 3, consts: [["mjFillContainer", "", 1, "tab-body", 3, "hidden", "fillHeight", "fillWidth"]], template: function MJTabBodyComponent_Template(rf, ctx) { if (rf & 1) {
|
|
18
|
-
i0.ɵɵprojectionDef();
|
|
19
|
-
i0.ɵɵelementStart(0, "div", 0);
|
|
20
|
-
i0.ɵɵprojection(1);
|
|
21
|
-
i0.ɵɵelementEnd();
|
|
22
|
-
} if (rf & 2) {
|
|
23
|
-
i0.ɵɵproperty("hidden", !ctx.TabVisible)("fillHeight", ctx.FillHeight)("fillWidth", ctx.FillWidth);
|
|
24
|
-
} }, dependencies: [i2.FillContainer], styles: [".tab-body[_ngcontent-%COMP%] {\n border-top: 0;\n background-color: #F5F6FA; \n width: 100%;\n height: 200px;\n display: block;\n overflow: auto;\n }"] });
|
|
25
26
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJTabBodyComponent, [{
|
|
26
27
|
type: Component,
|
|
27
28
|
args: [{ selector: 'mj-tab-body', template: "<div class=\"tab-body\" [hidden]=\"!TabVisible\" mjFillContainer [fillHeight]=\"FillHeight\" [fillWidth]=\"FillWidth\">\n <ng-content><!--CONTENT PROJECTION GOES HERE--></ng-content>\n</div> ", styles: [" \n\n.tab-body {\n border-top: 0;\n background-color: #F5F6FA; \n width: 100%;\n height: 200px;\n display: block;\n overflow: auto;\n } "] }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-body.component.js","sourceRoot":"","sources":["../../../src/lib/tab-body/tab-body.component.ts","../../../src/lib/tab-body/tab-body.component.html"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;AAQxC,MAAM,OAAO,kBAAmB,SAAQ,SAAS;
|
|
1
|
+
{"version":3,"file":"tab-body.component.js","sourceRoot":"","sources":["../../../src/lib/tab-body/tab-body.component.ts","../../../src/lib/tab-body/tab-body.component.html"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;;;;;AAQxC,MAAM,OAAO,kBAAmB,SAAQ,SAAS;IAMnB;IALnB,UAAU,GAAG,KAAK,CAAC;IAEnB,SAAS,GAAY,IAAI,CAAC;IAC1B,UAAU,GAAY,IAAI,CAAC;IAEpC,YAA4B,QAA6B;QACvD,KAAK,EAAE,CAAC;QADkB,aAAQ,GAAR,QAAQ,CAAqB;IAEzD,CAAC;4EARU,kBAAkB;6DAAlB,kBAAkB;;YCV/B,8BAA+G;YAC3G,kBAA4D;YAChE,iBAAM;;YAFiF,AAA1B,AAAvC,wCAAsB,8BAA0C,4BAAwB;;;iFDUjG,kBAAkB;cAL9B,SAAS;2BACE,aAAa;;sBAUV,IAAI;qBALR,UAAU;kBAAlB,KAAK;YAEG,SAAS;kBAAjB,KAAK;YACG,UAAU;kBAAlB,KAAK;;kFAJK,kBAAkB"}
|
|
@@ -1,12 +1,3 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
1
|
import { Component, Input, EventEmitter, Output, ContentChildren, ViewChild, HostListener } from '@angular/core';
|
|
11
2
|
import { MJTabComponent } from '../tab/tab.component';
|
|
12
3
|
import { MJTabBodyComponent } from '../tab-body/tab-body.component';
|
|
@@ -31,22 +22,30 @@ function MJTabStripComponent_div_6_Template(rf, ctx) { if (rf & 1) {
|
|
|
31
22
|
i0.ɵɵelementEnd();
|
|
32
23
|
} }
|
|
33
24
|
export class TabEvent {
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
}
|
|
25
|
+
index;
|
|
26
|
+
tab = null;
|
|
27
|
+
body = null;
|
|
38
28
|
}
|
|
39
29
|
export class TabCancelableEvent extends TabEvent {
|
|
40
|
-
|
|
41
|
-
super(...arguments);
|
|
42
|
-
this.cancel = false;
|
|
43
|
-
}
|
|
30
|
+
cancel = false;
|
|
44
31
|
}
|
|
45
32
|
export class TabClosedEvent extends TabEvent {
|
|
33
|
+
/**
|
|
34
|
+
* This property provides the default calculation for what the new tab index will be and can be overriden by the container component to set a different value.
|
|
35
|
+
*/
|
|
36
|
+
newTabIndex;
|
|
37
|
+
/**
|
|
38
|
+
* Whenever the container is done processing, it MUST call this done method to signal that it is done.
|
|
39
|
+
*/
|
|
40
|
+
done;
|
|
46
41
|
}
|
|
47
42
|
export class TabContextMenuEvent extends TabEvent {
|
|
43
|
+
mouseEvent;
|
|
48
44
|
}
|
|
49
45
|
export class MJTabStripComponent {
|
|
46
|
+
cdr;
|
|
47
|
+
_selectedTabIndex = 0; // default to negative 1 so any valid value of 0+ will invoke a state change internally later
|
|
48
|
+
static OutputDebugInfo = false;
|
|
50
49
|
static OutputDebugMessage(message) {
|
|
51
50
|
if (MJTabStripComponent.OutputDebugInfo) {
|
|
52
51
|
console.log(message);
|
|
@@ -54,47 +53,14 @@ export class MJTabStripComponent {
|
|
|
54
53
|
}
|
|
55
54
|
constructor(cdr) {
|
|
56
55
|
this.cdr = cdr;
|
|
57
|
-
this._selectedTabIndex = 0; // default to negative 1 so any valid value of 0+ will invoke a state change internally later
|
|
58
|
-
this.FillWidth = true;
|
|
59
|
-
this.FillHeight = true;
|
|
60
|
-
/**
|
|
61
|
-
* This event is raised whenever the TabStrip component determines it would be advisable to conduct any necessary
|
|
62
|
-
* resizing action in the parent container. Implement an event handler to handle this, if desired, for your application.
|
|
63
|
-
*/
|
|
64
|
-
this.ResizeContainer = new EventEmitter();
|
|
65
|
-
/**
|
|
66
|
-
* This event is fired before a tab is selected. If you set cancel to true, the tab will not be selected.
|
|
67
|
-
*/
|
|
68
|
-
this.BeforeTabSelected = new EventEmitter();
|
|
69
|
-
/**
|
|
70
|
-
* This event is fired when a tab is selected.
|
|
71
|
-
*/
|
|
72
|
-
this.TabSelected = new EventEmitter();
|
|
73
|
-
/**
|
|
74
|
-
* This event is fired before a tab is closed. If you set cancel to true, the tab will not be closed.
|
|
75
|
-
*/
|
|
76
|
-
this.BeforeTabClosed = new EventEmitter();
|
|
77
|
-
/**
|
|
78
|
-
* This event is fired after a tab is closed.
|
|
79
|
-
*/
|
|
80
|
-
this.TabClosed = new EventEmitter(true);
|
|
81
|
-
/**
|
|
82
|
-
* This event is fired when a tab is right-clicked and the context menu event from the tab header fires.
|
|
83
|
-
*/
|
|
84
|
-
this.TabContextMenu = new EventEmitter();
|
|
85
|
-
/**
|
|
86
|
-
* This event is fired whenever the tab control is scrolled left or right. This event can be invoked either due to a user clicking on the left/right buttons or by calling the scrollLeft/scrollRight methods, or by
|
|
87
|
-
* the ScrollIntoView method being called.
|
|
88
|
-
*/
|
|
89
|
-
this.TabScrolled = new EventEmitter();
|
|
90
|
-
this._viewInitialized = false;
|
|
91
|
-
this.showLeftButton = false;
|
|
92
|
-
this.showRightButton = false;
|
|
93
|
-
/**
|
|
94
|
-
* This property determines how many pixels to scroll when the scrollLeft or scrollRight methods are called.
|
|
95
|
-
*/
|
|
96
|
-
this.ScrollAmount = 150;
|
|
97
56
|
}
|
|
57
|
+
FillWidth = true;
|
|
58
|
+
FillHeight = true;
|
|
59
|
+
/**
|
|
60
|
+
* This event is raised whenever the TabStrip component determines it would be advisable to conduct any necessary
|
|
61
|
+
* resizing action in the parent container. Implement an event handler to handle this, if desired, for your application.
|
|
62
|
+
*/
|
|
63
|
+
ResizeContainer = new EventEmitter();
|
|
98
64
|
/**
|
|
99
65
|
* The index of the selected tab. You can get/set this value and it will change the displayed tab.
|
|
100
66
|
*/
|
|
@@ -102,7 +68,6 @@ export class MJTabStripComponent {
|
|
|
102
68
|
return this._selectedTabIndex;
|
|
103
69
|
}
|
|
104
70
|
set SelectedTabIndex(index) {
|
|
105
|
-
var _a;
|
|
106
71
|
// check to make sure that the new index is different from the current index and only do the work here if it is different
|
|
107
72
|
MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.SelectedTabIndex(${index})`);
|
|
108
73
|
if (index !== this._selectedTabIndex) {
|
|
@@ -112,7 +77,7 @@ export class MJTabStripComponent {
|
|
|
112
77
|
body: index !== null && this.tabBodies ? this.tabBodies.toArray()[index] : null,
|
|
113
78
|
cancel: false
|
|
114
79
|
};
|
|
115
|
-
if (
|
|
80
|
+
if (props.tab?.Visible) {
|
|
116
81
|
this.BeforeTabSelected.emit(props);
|
|
117
82
|
if (!props.cancel) {
|
|
118
83
|
this._selectedTabIndex = index;
|
|
@@ -149,22 +114,49 @@ export class MJTabStripComponent {
|
|
|
149
114
|
return tab;
|
|
150
115
|
}
|
|
151
116
|
GetTabByName(tabName) {
|
|
152
|
-
return this.tabs.find(t =>
|
|
117
|
+
return this.tabs.find(t => t.Name?.trim().toLowerCase() === tabName.trim().toLowerCase());
|
|
153
118
|
}
|
|
154
119
|
innerRefreshTabVisibility(index) {
|
|
155
120
|
Promise.resolve().then(() => {
|
|
156
|
-
var _a, _b;
|
|
157
121
|
MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.innerRefreshTabVisibility(${index})`);
|
|
158
122
|
// do this within a Promise.resolve() to ensure that the change detection has a chance to catch up before we start changing things
|
|
159
123
|
// now, we have to tell each of our tabs they have been selected or not, and also to tell the bodies if they are visible or not
|
|
160
|
-
|
|
161
|
-
|
|
124
|
+
this.tabs?.forEach((tab, i) => tab.TabSelected = i === index);
|
|
125
|
+
this.tabBodies?.forEach((body, i) => body.TabVisible = i === index);
|
|
162
126
|
// let angular now it needs to update its change detection
|
|
163
127
|
this.cdr.detectChanges();
|
|
164
128
|
// also ask for a resize now
|
|
165
129
|
this.ResizeContainer.emit();
|
|
166
130
|
});
|
|
167
131
|
}
|
|
132
|
+
/**
|
|
133
|
+
* This event is fired before a tab is selected. If you set cancel to true, the tab will not be selected.
|
|
134
|
+
*/
|
|
135
|
+
BeforeTabSelected = new EventEmitter();
|
|
136
|
+
/**
|
|
137
|
+
* This event is fired when a tab is selected.
|
|
138
|
+
*/
|
|
139
|
+
TabSelected = new EventEmitter();
|
|
140
|
+
/**
|
|
141
|
+
* This event is fired before a tab is closed. If you set cancel to true, the tab will not be closed.
|
|
142
|
+
*/
|
|
143
|
+
BeforeTabClosed = new EventEmitter();
|
|
144
|
+
/**
|
|
145
|
+
* This event is fired after a tab is closed.
|
|
146
|
+
*/
|
|
147
|
+
TabClosed = new EventEmitter(true);
|
|
148
|
+
/**
|
|
149
|
+
* This event is fired when a tab is right-clicked and the context menu event from the tab header fires.
|
|
150
|
+
*/
|
|
151
|
+
TabContextMenu = new EventEmitter();
|
|
152
|
+
/**
|
|
153
|
+
* This event is fired whenever the tab control is scrolled left or right. This event can be invoked either due to a user clicking on the left/right buttons or by calling the scrollLeft/scrollRight methods, or by
|
|
154
|
+
* the ScrollIntoView method being called.
|
|
155
|
+
*/
|
|
156
|
+
TabScrolled = new EventEmitter();
|
|
157
|
+
tabs;
|
|
158
|
+
tabBodies;
|
|
159
|
+
_viewInitialized = false;
|
|
168
160
|
ngAfterViewInit() {
|
|
169
161
|
this._viewInitialized = true;
|
|
170
162
|
this.SelectedTabIndex = this.SelectedTabIndex; // force a refresh of the tab visibility
|
|
@@ -214,59 +206,61 @@ export class MJTabStripComponent {
|
|
|
214
206
|
/**
|
|
215
207
|
* Method will close the specified tab number. It is automatically called by a tab that has TabCloseable set to true, if the user clicks the close button, and can be called programatically as well.
|
|
216
208
|
*/
|
|
217
|
-
CloseTab(tabIndex) {
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
if
|
|
224
|
-
|
|
225
|
-
newTabIndex = -1;
|
|
226
|
-
}
|
|
227
|
-
else if (this.SelectedTabIndex >= this.tabs.length - 1) {
|
|
228
|
-
// we are ABOUT to delete the last tab, so select what will be the new last tab
|
|
229
|
-
newTabIndex = this.tabs.length - 2; // substract 2 becuase subtracting 1 would be the last tab, but we are about to delete it
|
|
230
|
-
}
|
|
231
|
-
else {
|
|
232
|
-
// deleting a tab that is not the last one, so we don't need to do anything special, just set the index to what it was before
|
|
233
|
-
newTabIndex = this.SelectedTabIndex;
|
|
234
|
-
}
|
|
235
|
-
const props = {
|
|
236
|
-
index: tabIndex,
|
|
237
|
-
tab: this.tabs.toArray()[tabIndex],
|
|
238
|
-
body: this.tabBodies.toArray()[tabIndex],
|
|
239
|
-
cancel: false,
|
|
240
|
-
};
|
|
241
|
-
this.BeforeTabClosed.emit(props);
|
|
242
|
-
if (!props.cancel) {
|
|
243
|
-
// Convert callback to a promise
|
|
244
|
-
const waitForCompletion = new Promise((resolve, reject) => {
|
|
245
|
-
props.done = (error) => {
|
|
246
|
-
if (error) {
|
|
247
|
-
reject(error);
|
|
248
|
-
}
|
|
249
|
-
else {
|
|
250
|
-
resolve(true);
|
|
251
|
-
}
|
|
252
|
-
};
|
|
253
|
-
});
|
|
254
|
-
props.newTabIndex = newTabIndex;
|
|
255
|
-
// fire off the event to the container component
|
|
256
|
-
this.TabClosed.emit(props);
|
|
257
|
-
// wait for callback to occur from the event handler
|
|
258
|
-
yield waitForCompletion;
|
|
259
|
-
// finally, set the tab index to the props.newTabIndex value which allows the container to override our default calculation for new tab index
|
|
260
|
-
this.SelectedTabIndex = props.newTabIndex;
|
|
261
|
-
}
|
|
209
|
+
async CloseTab(tabIndex) {
|
|
210
|
+
MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.CloseTab(${tabIndex})`);
|
|
211
|
+
if (tabIndex >= 0 && tabIndex < this.tabs.length) {
|
|
212
|
+
// figure out what the new tab index will be so we can share with our container component
|
|
213
|
+
let newTabIndex;
|
|
214
|
+
if (this.tabs.length === 1) {
|
|
215
|
+
// deleting the only tab we have, shouldn't happen but if so, set to -1
|
|
216
|
+
newTabIndex = -1;
|
|
262
217
|
}
|
|
263
|
-
else
|
|
264
|
-
|
|
265
|
-
|
|
218
|
+
else if (this.SelectedTabIndex >= this.tabs.length - 1) {
|
|
219
|
+
// we are ABOUT to delete the last tab, so select what will be the new last tab
|
|
220
|
+
newTabIndex = this.tabs.length - 2; // substract 2 becuase subtracting 1 would be the last tab, but we are about to delete it
|
|
221
|
+
}
|
|
222
|
+
else {
|
|
223
|
+
// deleting a tab that is not the last one, so we don't need to do anything special, just set the index to what it was before
|
|
224
|
+
newTabIndex = this.SelectedTabIndex;
|
|
225
|
+
}
|
|
226
|
+
const props = {
|
|
227
|
+
index: tabIndex,
|
|
228
|
+
tab: this.tabs.toArray()[tabIndex],
|
|
229
|
+
body: this.tabBodies.toArray()[tabIndex],
|
|
230
|
+
cancel: false,
|
|
231
|
+
};
|
|
232
|
+
this.BeforeTabClosed.emit(props);
|
|
233
|
+
if (!props.cancel) {
|
|
234
|
+
// Convert callback to a promise
|
|
235
|
+
const waitForCompletion = new Promise((resolve, reject) => {
|
|
236
|
+
props.done = (error) => {
|
|
237
|
+
if (error) {
|
|
238
|
+
reject(error);
|
|
239
|
+
}
|
|
240
|
+
else {
|
|
241
|
+
resolve(true);
|
|
242
|
+
}
|
|
243
|
+
};
|
|
244
|
+
});
|
|
245
|
+
props.newTabIndex = newTabIndex;
|
|
246
|
+
// fire off the event to the container component
|
|
247
|
+
this.TabClosed.emit(props);
|
|
248
|
+
// wait for callback to occur from the event handler
|
|
249
|
+
await waitForCompletion;
|
|
250
|
+
// finally, set the tab index to the props.newTabIndex value which allows the container to override our default calculation for new tab index
|
|
251
|
+
this.SelectedTabIndex = props.newTabIndex;
|
|
252
|
+
}
|
|
253
|
+
}
|
|
254
|
+
else
|
|
255
|
+
throw new Error("Invalid tab index: " + tabIndex);
|
|
266
256
|
}
|
|
267
257
|
handleTabContextMenu($event, tab) {
|
|
268
258
|
this.TabContextMenu.emit({ index: tab.index, tab: tab, body: this.tabBodies.toArray()[tab.index], mouseEvent: $event });
|
|
269
259
|
}
|
|
260
|
+
/* INTERNAL IMPLEMENTATION */
|
|
261
|
+
tabInnerContainer;
|
|
262
|
+
showLeftButton = false;
|
|
263
|
+
showRightButton = false;
|
|
270
264
|
onResize(event) {
|
|
271
265
|
this.checkTabScrollButtons();
|
|
272
266
|
}
|
|
@@ -291,6 +285,10 @@ export class MJTabStripComponent {
|
|
|
291
285
|
this.TabScrolled.emit();
|
|
292
286
|
}
|
|
293
287
|
}
|
|
288
|
+
/**
|
|
289
|
+
* This property determines how many pixels to scroll when the scrollLeft or scrollRight methods are called.
|
|
290
|
+
*/
|
|
291
|
+
ScrollAmount = 150;
|
|
294
292
|
scrollLeft() {
|
|
295
293
|
this.scrollTabHeader(150);
|
|
296
294
|
}
|
|
@@ -330,44 +328,43 @@ export class MJTabStripComponent {
|
|
|
330
328
|
}
|
|
331
329
|
}
|
|
332
330
|
}
|
|
331
|
+
static ɵfac = function MJTabStripComponent_Factory(t) { return new (t || MJTabStripComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
|
|
332
|
+
static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabStripComponent, selectors: [["mj-tabstrip"]], contentQueries: function MJTabStripComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
333
|
+
i0.ɵɵcontentQuery(dirIndex, MJTabComponent, 4);
|
|
334
|
+
i0.ɵɵcontentQuery(dirIndex, MJTabBodyComponent, 4);
|
|
335
|
+
} if (rf & 2) {
|
|
336
|
+
let _t;
|
|
337
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabs = _t);
|
|
338
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabBodies = _t);
|
|
339
|
+
} }, viewQuery: function MJTabStripComponent_Query(rf, ctx) { if (rf & 1) {
|
|
340
|
+
i0.ɵɵviewQuery(_c0, 5);
|
|
341
|
+
} if (rf & 2) {
|
|
342
|
+
let _t;
|
|
343
|
+
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabInnerContainer = _t.first);
|
|
344
|
+
} }, hostBindings: function MJTabStripComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
345
|
+
i0.ɵɵlistener("resize", function MJTabStripComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
|
|
346
|
+
} }, inputs: { FillWidth: "FillWidth", FillHeight: "FillHeight", SelectedTabIndex: "SelectedTabIndex", ScrollAmount: "ScrollAmount" }, outputs: { ResizeContainer: "ResizeContainer", BeforeTabSelected: "BeforeTabSelected", TabSelected: "TabSelected", BeforeTabClosed: "BeforeTabClosed", TabClosed: "TabClosed", TabContextMenu: "TabContextMenu", TabScrolled: "TabScrolled" }, ngContentSelectors: _c2, decls: 9, vars: 6, consts: [["tabInnerContainer", ""], ["mjFillContainer", "", 1, "tabstrip-container", 3, "fillWidth", "fillHeight"], [1, "tab-header-outer"], ["class", "tab-scroll-button tab-scroll-button-left", 3, "click", 4, "ngIf"], [1, "tab-header-inner"], ["class", "tab-scroll-button tab-scroll-button-right", 3, "click", 4, "ngIf"], ["mjFillContainer", "", 1, "tab-bodies", 3, "fillWidth", "fillHeight"], [1, "tab-scroll-button", "tab-scroll-button-left", 3, "click"], [1, "fa-solid", "fa-caret-left"], [1, "tab-scroll-button", "tab-scroll-button-right", 3, "click"], [1, "fa-solid", "fa-caret-right"]], template: function MJTabStripComponent_Template(rf, ctx) { if (rf & 1) {
|
|
347
|
+
i0.ɵɵprojectionDef(_c1);
|
|
348
|
+
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
|
|
349
|
+
i0.ɵɵtemplate(2, MJTabStripComponent_div_2_Template, 2, 0, "div", 3);
|
|
350
|
+
i0.ɵɵelementStart(3, "div", 4, 0);
|
|
351
|
+
i0.ɵɵprojection(5);
|
|
352
|
+
i0.ɵɵelementEnd();
|
|
353
|
+
i0.ɵɵtemplate(6, MJTabStripComponent_div_6_Template, 2, 0, "div", 5);
|
|
354
|
+
i0.ɵɵelementEnd();
|
|
355
|
+
i0.ɵɵelementStart(7, "div", 6);
|
|
356
|
+
i0.ɵɵprojection(8, 1);
|
|
357
|
+
i0.ɵɵelementEnd()();
|
|
358
|
+
} if (rf & 2) {
|
|
359
|
+
i0.ɵɵproperty("fillWidth", ctx.FillWidth)("fillHeight", ctx.FillHeight);
|
|
360
|
+
i0.ɵɵadvance(2);
|
|
361
|
+
i0.ɵɵproperty("ngIf", ctx.showLeftButton);
|
|
362
|
+
i0.ɵɵadvance(4);
|
|
363
|
+
i0.ɵɵproperty("ngIf", ctx.showRightButton);
|
|
364
|
+
i0.ɵɵadvance();
|
|
365
|
+
i0.ɵɵproperty("fillWidth", ctx.FillWidth)("fillHeight", ctx.FillHeight);
|
|
366
|
+
} }, dependencies: [i1.NgIf, i2.FillContainer], styles: [".tabstrip-container[_ngcontent-%COMP%] {\n display: block;\n overflow: hidden;\n font-size: 14px; \n\n}\n\n.tab-header-outer[_ngcontent-%COMP%] {\n position: relative;\n display: flex;\n align-items: center;\n overflow: hidden; \n\n background-color: #D5D8E5;\n}\n\n.tab-header-inner[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n white-space: nowrap; \n\n position: relative; \n\n z-index: 1; \n\n\n padding-left: 5px;\n padding-top: 5px;\n background-color: #D5D8E5;\n border-bottom: #F5F6FA;\n}\n\n.tab-scroll-button-left[_ngcontent-%COMP%], .tab-scroll-button-right[_ngcontent-%COMP%] {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 2; \n\n}\n\n.tab-scroll-button-left[_ngcontent-%COMP%] {\n left: 0;\n}\n\n.tab-scroll-button-right[_ngcontent-%COMP%] {\n right: 0;\n}\n\n.tab-scroll-button[_ngcontent-%COMP%] {\n padding: 8px 10px 10px 8px;\n cursor: pointer;\n border-radius: 6px;\n background-color: lightblue;\n}\n.tab-scroll-button[_ngcontent-%COMP%]:hover {\n background-color: pink;\n}"] });
|
|
333
367
|
}
|
|
334
|
-
MJTabStripComponent.OutputDebugInfo = false;
|
|
335
|
-
MJTabStripComponent.ɵfac = function MJTabStripComponent_Factory(t) { return new (t || MJTabStripComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
|
|
336
|
-
MJTabStripComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabStripComponent, selectors: [["mj-tabstrip"]], contentQueries: function MJTabStripComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
|
|
337
|
-
i0.ɵɵcontentQuery(dirIndex, MJTabComponent, 4);
|
|
338
|
-
i0.ɵɵcontentQuery(dirIndex, MJTabBodyComponent, 4);
|
|
339
|
-
} if (rf & 2) {
|
|
340
|
-
let _t;
|
|
341
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabs = _t);
|
|
342
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabBodies = _t);
|
|
343
|
-
} }, viewQuery: function MJTabStripComponent_Query(rf, ctx) { if (rf & 1) {
|
|
344
|
-
i0.ɵɵviewQuery(_c0, 5);
|
|
345
|
-
} if (rf & 2) {
|
|
346
|
-
let _t;
|
|
347
|
-
i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabInnerContainer = _t.first);
|
|
348
|
-
} }, hostBindings: function MJTabStripComponent_HostBindings(rf, ctx) { if (rf & 1) {
|
|
349
|
-
i0.ɵɵlistener("resize", function MJTabStripComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
|
|
350
|
-
} }, inputs: { FillWidth: "FillWidth", FillHeight: "FillHeight", SelectedTabIndex: "SelectedTabIndex", ScrollAmount: "ScrollAmount" }, outputs: { ResizeContainer: "ResizeContainer", BeforeTabSelected: "BeforeTabSelected", TabSelected: "TabSelected", BeforeTabClosed: "BeforeTabClosed", TabClosed: "TabClosed", TabContextMenu: "TabContextMenu", TabScrolled: "TabScrolled" }, ngContentSelectors: _c2, decls: 9, vars: 6, consts: [["tabInnerContainer", ""], ["mjFillContainer", "", 1, "tabstrip-container", 3, "fillWidth", "fillHeight"], [1, "tab-header-outer"], ["class", "tab-scroll-button tab-scroll-button-left", 3, "click", 4, "ngIf"], [1, "tab-header-inner"], ["class", "tab-scroll-button tab-scroll-button-right", 3, "click", 4, "ngIf"], ["mjFillContainer", "", 1, "tab-bodies", 3, "fillWidth", "fillHeight"], [1, "tab-scroll-button", "tab-scroll-button-left", 3, "click"], [1, "fa-solid", "fa-caret-left"], [1, "tab-scroll-button", "tab-scroll-button-right", 3, "click"], [1, "fa-solid", "fa-caret-right"]], template: function MJTabStripComponent_Template(rf, ctx) { if (rf & 1) {
|
|
351
|
-
i0.ɵɵprojectionDef(_c1);
|
|
352
|
-
i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
|
|
353
|
-
i0.ɵɵtemplate(2, MJTabStripComponent_div_2_Template, 2, 0, "div", 3);
|
|
354
|
-
i0.ɵɵelementStart(3, "div", 4, 0);
|
|
355
|
-
i0.ɵɵprojection(5);
|
|
356
|
-
i0.ɵɵelementEnd();
|
|
357
|
-
i0.ɵɵtemplate(6, MJTabStripComponent_div_6_Template, 2, 0, "div", 5);
|
|
358
|
-
i0.ɵɵelementEnd();
|
|
359
|
-
i0.ɵɵelementStart(7, "div", 6);
|
|
360
|
-
i0.ɵɵprojection(8, 1);
|
|
361
|
-
i0.ɵɵelementEnd()();
|
|
362
|
-
} if (rf & 2) {
|
|
363
|
-
i0.ɵɵproperty("fillWidth", ctx.FillWidth)("fillHeight", ctx.FillHeight);
|
|
364
|
-
i0.ɵɵadvance(2);
|
|
365
|
-
i0.ɵɵproperty("ngIf", ctx.showLeftButton);
|
|
366
|
-
i0.ɵɵadvance(4);
|
|
367
|
-
i0.ɵɵproperty("ngIf", ctx.showRightButton);
|
|
368
|
-
i0.ɵɵadvance();
|
|
369
|
-
i0.ɵɵproperty("fillWidth", ctx.FillWidth)("fillHeight", ctx.FillHeight);
|
|
370
|
-
} }, dependencies: [i1.NgIf, i2.FillContainer], styles: [".tabstrip-container[_ngcontent-%COMP%] {\n display: block;\n overflow: hidden;\n font-size: 14px; \n\n}\n\n.tab-header-outer[_ngcontent-%COMP%] {\n position: relative;\n display: flex;\n align-items: center;\n overflow: hidden; \n\n background-color: #D5D8E5;\n}\n\n.tab-header-inner[_ngcontent-%COMP%] {\n display: flex;\n flex-direction: row;\n white-space: nowrap; \n\n position: relative; \n\n z-index: 1; \n\n\n padding-left: 5px;\n padding-top: 5px;\n background-color: #D5D8E5;\n border-bottom: #F5F6FA;\n}\n\n.tab-scroll-button-left[_ngcontent-%COMP%], .tab-scroll-button-right[_ngcontent-%COMP%] {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 2; \n\n}\n\n.tab-scroll-button-left[_ngcontent-%COMP%] {\n left: 0;\n}\n\n.tab-scroll-button-right[_ngcontent-%COMP%] {\n right: 0;\n}\n\n.tab-scroll-button[_ngcontent-%COMP%] {\n padding: 8px 10px 10px 8px;\n cursor: pointer;\n border-radius: 6px;\n background-color: lightblue;\n}\n.tab-scroll-button[_ngcontent-%COMP%]:hover {\n background-color: pink;\n}"] });
|
|
371
368
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJTabStripComponent, [{
|
|
372
369
|
type: Component,
|
|
373
370
|
args: [{ selector: 'mj-tabstrip', template: "<div class=\"tabstrip-container\" mjFillContainer [fillWidth]=\"FillWidth\" [fillHeight]=\"FillHeight\">\n <!-- Tab Headers -->\n <div class=\"tab-header-outer\">\n <div *ngIf=\"showLeftButton\" class=\"tab-scroll-button tab-scroll-button-left\" (click)=\"scrollLeft()\">\n <span class=\"fa-solid fa-caret-left\"></span>\n </div>\n <div class=\"tab-header-inner\" #tabInnerContainer>\n <ng-content select=\"mj-tab\"></ng-content> <!-- Where <mj-tab> components are projected -->\n </div>\n <div *ngIf=\"showRightButton\" class=\"tab-scroll-button tab-scroll-button-right\" (click)=\"scrollRight()\">\n <span class=\"fa-solid fa-caret-right\"></span>\n </div>\n </div>\n <!-- Tab Content -->\n <div class=\"tab-bodies\" mjFillContainer [fillWidth]=\"FillWidth\" [fillHeight]=\"FillHeight\">\n <ng-content select=\"mj-tab-body\"></ng-content> <!-- Where <mj-tab-body> components are projected -->\n </div>\n</div>", styles: [".tabstrip-container {\n display: block;\n overflow: hidden;\n font-size: 14px; /*default font size*/\n}\n\n.tab-header-outer {\n position: relative;\n display: flex;\n align-items: center;\n overflow: hidden; /* Hide the overflow */\n background-color: #D5D8E5;\n}\n\n.tab-header-inner {\n display: flex;\n flex-direction: row;\n white-space: nowrap; /* Prevent wrapping of tabs */\n position: relative; /* Needed for z-index to work */\n z-index: 1; /* Place tabs above the content */\n\n padding-left: 5px;\n padding-top: 5px;\n background-color: #D5D8E5;\n border-bottom: #F5F6FA;\n}\n\n.tab-scroll-button-left, .tab-scroll-button-right {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n z-index: 2; /* Ensure buttons are above the content */\n}\n\n.tab-scroll-button-left {\n left: 0;\n}\n\n.tab-scroll-button-right {\n right: 0;\n}\n\n.tab-scroll-button {\n padding: 8px 10px 10px 8px;\n cursor: pointer;\n border-radius: 6px;\n background-color: lightblue;\n}\n.tab-scroll-button:hover {\n background-color: pink;\n}\n\n "] }]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab-strip.component.js","sourceRoot":"","sources":["../../../src/lib/tab-strip/tab-strip.component.ts","../../../src/lib/tab-strip/tab-strip.component.html"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"tab-strip.component.js","sourceRoot":"","sources":["../../../src/lib/tab-strip/tab-strip.component.ts","../../../src/lib/tab-strip/tab-strip.component.html"],"names":[],"mappings":"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"}
|
package/dist/lib/tab.base.js
CHANGED
package/dist/lib/tab.base.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tab.base.js","sourceRoot":"","sources":["../../src/lib/tab.base.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,SAAS;
|
|
1
|
+
{"version":3,"file":"tab.base.js","sourceRoot":"","sources":["../../src/lib/tab.base.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,SAAS;IAClB,KAAK,CAAS;CACjB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@memberjunction/ng-tabstrip",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.49.0",
|
|
4
4
|
"description": "MemberJunction: Very simple tab strip component used in the MJ Explorer app and reusable anywhere else in an Angular project.",
|
|
5
5
|
"main": "./dist/public-api.js",
|
|
6
6
|
"typings": "./dist/public-api.d.ts",
|
|
@@ -23,7 +23,7 @@
|
|
|
23
23
|
"@angular/core": "18.0.2"
|
|
24
24
|
},
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@memberjunction/ng-container-directives": "2.
|
|
26
|
+
"@memberjunction/ng-container-directives": "2.49.0",
|
|
27
27
|
"tslib": "^2.3.0"
|
|
28
28
|
},
|
|
29
29
|
"sideEffects": false
|