@memberjunction/ng-skip-chat 2.13.2

package/dist/lib/module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./tab-strip/tab-strip.component";
+import * as i2 from "./tab-body/tab-body.component";
+import * as i3 from "./tab/tab.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@memberjunction/ng-container-directives";
+export declare class MJTabStripModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJTabStripModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MJTabStripModule, [typeof i1.MJTabStripComponent, typeof i2.MJTabBodyComponent, typeof i3.MJTabComponent], [typeof i4.CommonModule, typeof i5.ContainerDirectivesModule], [typeof i1.MJTabStripComponent, typeof i2.MJTabBodyComponent, typeof i3.MJTabComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MJTabStripModule>;
+}
+//# sourceMappingURL=module.d.ts.map

package/dist/lib/module.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"module.d.ts","sourceRoot":"","sources":["../../src/lib/module.ts"],"names":[],"mappings":";;;;;;AASA,qBAgBa,gBAAgB;yCAAhB,gBAAgB;0CAAhB,gBAAgB;0CAAhB,gBAAgB;CAAI"}

package/dist/lib/module.js

@@ -0,0 +1,40 @@
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+// LOCAL
+import { MJTabStripComponent } from './tab-strip/tab-strip.component';
+import { MJTabBodyComponent } from './tab-body/tab-body.component';
+import { MJTabComponent } from './tab/tab.component';
+import { ContainerDirectivesModule } from '@memberjunction/ng-container-directives';
+import * as i0 from "@angular/core";
+export class MJTabStripModule {
+}
+MJTabStripModule.ɵfac = function MJTabStripModule_Factory(t) { return new (t || MJTabStripModule)(); };
+MJTabStripModule.ɵmod = /*@__PURE__*/ i0.ɵɵdefineNgModule({ type: MJTabStripModule });
+MJTabStripModule.ɵinj = /*@__PURE__*/ i0.ɵɵdefineInjector({ imports: [CommonModule,
+        ContainerDirectivesModule] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJTabStripModule, [{
+        type: NgModule,
+        args: [{
+                declarations: [
+                    MJTabStripComponent,
+                    MJTabBodyComponent,
+                    MJTabComponent
+                ],
+                imports: [
+                    CommonModule,
+                    ContainerDirectivesModule,
+                ],
+                exports: [
+                    MJTabStripComponent,
+                    MJTabBodyComponent,
+                    MJTabComponent
+                ]
+            }]
+    }], null, null); })();
+(function () { (typeof ngJitMode === "undefined" || ngJitMode) && i0.ɵɵsetNgModuleScope(MJTabStripModule, { declarations: [MJTabStripComponent,
+        MJTabBodyComponent,
+        MJTabComponent], imports: [CommonModule,
+        ContainerDirectivesModule], exports: [MJTabStripComponent,
+        MJTabBodyComponent,
+        MJTabComponent] }); })();
+//# sourceMappingURL=module.js.map

package/dist/lib/module.js.map

@@ -0,0 +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;;gFAAhB,gBAAgB;kEAAhB,gBAAgB;sEATzB,YAAY;QACZ,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"}

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

@@ -0,0 +1,55 @@
+import { ChangeDetectorRef, ElementRef } from '@angular/core';
+import { MJTabBase } from '../tab.base';
+import { MJTabStripComponent } from '../tab-strip/tab-strip.component';
+import * as i0 from "@angular/core";
+/**
+ * Represents the tab in the header of a given tab strip
+ */
+export declare class MJTabComponent extends MJTabBase {
+    private tabstrip;
+    private cdr;
+    elementRef: ElementRef;
+    private _tabSelected;
+    /**
+     * 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.
+     */
+    get TabSelected(): boolean;
+    set TabSelected(value: boolean);
+    private _visible;
+    get Visible(): boolean;
+    set Visible(value: boolean);
+    private _name;
+    get Name(): string;
+    set Name(value: string);
+    private _id;
+    get ID(): any;
+    set ID(value: any);
+    private _props;
+    /**
+     * A property bag that can be used to store any additional properties that you want to associate with this tab.
+     */
+    get Props(): any;
+    set Props(value: any);
+    /**
+     * Determines if the tab can be closed by a user, or not. Defaults to false.
+     */
+    TabCloseable: boolean;
+    /**
+     * Returns a reference to the tab strip that this tab belongs to.
+     */
+    get TabStrip(): MJTabStripComponent;
+    constructor(tabstrip: MJTabStripComponent, cdr: ChangeDetectorRef, elementRef: ElementRef);
+    /**
+     * 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.
+     * The preferred approach is to set the SelectedTabIndex property on the TabStrip component directly.
+     */
+    selectTab(): void;
+    /**
+     * Event handler for when the close button is clicked on the tab. This will fire the BeforeTabClosed event on the TabStrip component, and if it is not cancelled, will then fire the AfterTabClosed event.
+     */
+    closeTab($event: MouseEvent): void;
+    handleContextMenu($event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJTabComponent, [{ host: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJTabComponent, "mj-tab", never, { "TabSelected": { "alias": "TabSelected"; "required": false; }; "Visible": { "alias": "Visible"; "required": false; }; "Name": { "alias": "Name"; "required": false; }; "ID": { "alias": "ID"; "required": false; }; "Props": { "alias": "Props"; "required": false; }; "TabCloseable": { "alias": "TabCloseable"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+//# sourceMappingURL=tab.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tab.component.d.ts","sourceRoot":"","sources":["../../../src/lib/tab/tab.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgD,iBAAiB,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC5G,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;;AAEvE;;GAEG;AACH,qBAKa,cAAe,SAAQ,SAAS;IAuEvB,OAAO,CAAC,QAAQ;IACxB,OAAO,CAAC,GAAG;IACJ,UAAU,EAAE,UAAU;IAxEzC,OAAO,CAAC,YAAY,CAAkB;IACtC;;OAEG;IACH,IAAa,WAAW,IAGD,OAAO,CAD7B;IACD,IAAI,WAAW,CAAC,KAAK,EAAE,OAAO,EAG7B;IAED,OAAO,CAAC,QAAQ,CAAiB;IACjC,IAAa,OAAO,IAAI,OAAO,CAE9B;IACD,IAAW,OAAO,CAAC,KAAK,EAAE,OAAO,EAchC;IAED,OAAO,CAAC,KAAK,CAAa;IAC1B,IAAa,IAAI,IAAI,MAAM,CAE1B;IACD,IAAW,IAAI,CAAC,KAAK,EAAE,MAAM,EAE5B;IAED,OAAO,CAAC,GAAG,CAAa;IACxB,IAAa,EAAE,IAAI,GAAG,CAErB;IACD,IAAW,EAAE,CAAC,KAAK,EAAE,GAAG,EAEvB;IAED,OAAO,CAAC,MAAM,CAAa;IAC3B;;OAEG;IACH,IAAa,KAAK,IAAI,GAAG,CAExB;IACD,IAAW,KAAK,CAAC,KAAK,EAAE,GAAG,EAE1B;IAED;;OAEG;IACM,YAAY,EAAE,OAAO,CAAS;IAEvC;;OAEG;IACH,IAAW,QAAQ,IAAI,mBAAmB,CAEzC;gBAC2B,QAAQ,EAAE,mBAAmB,EACrC,GAAG,EAAE,iBAAiB,EACvB,UAAU,EAAE,UAAU;IAIzC;;;OAGG;IACI,SAAS;IAIhB;;OAEG;IACI,QAAQ,CAAC,MAAM,EAAE,UAAU;IAK3B,iBAAiB,CAAC,MAAM,EAAE,UAAU;yCA7FhC,cAAc;2CAAd,cAAc;CAiG1B"}

package/dist/lib/tab/tab.component.js

@@ -0,0 +1,138 @@
+import { Component, Input, Host } from '@angular/core';
+import { MJTabBase } from '../tab.base';
+import * as i0 from "@angular/core";
+import * as i1 from "../tab-strip/tab-strip.component";
+import * as i2 from "@angular/common";
+const _c0 = ["*"];
+const _c1 = a0 => ({ "single-tab-selected": a0 });
+function MJTabComponent_span_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "span", 2);
+    i0.ɵɵlistener("click", function MJTabComponent_span_2_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeTab($event)); });
+    i0.ɵɵtext(1, "\u2716");
+    i0.ɵɵelementEnd();
+} }
+/**
+ * Represents the tab in the header of a given tab strip
+ */
+export class MJTabComponent extends MJTabBase {
+    /**
+     * 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.
+     */
+    get TabSelected() {
+        return this._tabSelected;
+    }
+    set TabSelected(value) {
+        this._tabSelected = value;
+        this.cdr.detectChanges(); // Manually trigger change detection to update the view
+    }
+    get Visible() {
+        return this._visible;
+    }
+    set Visible(value) {
+        this._visible = value;
+        // whenever the visible property changes we need to set the display style to none if it is not visible and make sure
+        // we're not selected and set to tab index of 0 if we're selected
+        // Step 1 - get the elementRef and set our display to none
+        if (!this._visible)
+            this.elementRef.nativeElement.style.display = value ? "" : "none";
+        else
+            this.elementRef.nativeElement.style.display = "";
+        // Step 2 - if we're not visible, make sure we're not selected
+        if (!this._visible)
+            this.tabstrip.SelectedTabIndex = 0;
+    }
+    get Name() {
+        return this._name;
+    }
+    set Name(value) {
+        this._name = value;
+    }
+    get ID() {
+        return this._id;
+    }
+    set ID(value) {
+        this._id = value;
+    }
+    /**
+     * A property bag that can be used to store any additional properties that you want to associate with this tab.
+     */
+    get Props() {
+        return this._props;
+    }
+    set Props(value) {
+        this._props = value;
+    }
+    /**
+     * Returns a reference to the tab strip that this tab belongs to.
+     */
+    get TabStrip() {
+        return this.tabstrip;
+    }
+    constructor(tabstrip, cdr, elementRef) {
+        super();
+        this.tabstrip = tabstrip;
+        this.cdr = cdr;
+        this.elementRef = elementRef;
+        this._tabSelected = false;
+        this._visible = true;
+        this._name = "";
+        this._id = null;
+        this._props = null;
+        /**
+         * Determines if the tab can be closed by a user, or not. Defaults to false.
+         */
+        this.TabCloseable = false;
+    }
+    /**
+     * 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.
+     * The preferred approach is to set the SelectedTabIndex property on the TabStrip component directly.
+     */
+    selectTab() {
+        this.tabstrip.SelectedTabIndex = this.index;
+    }
+    /**
+     * Event handler for when the close button is clicked on the tab. This will fire the BeforeTabClosed event on the TabStrip component, and if it is not cancelled, will then fire the AfterTabClosed event.
+     */
+    closeTab($event) {
+        $event.stopPropagation(); // prevent click from going to the tab
+        this.tabstrip.CloseTab(this.index);
+    }
+    handleContextMenu($event) {
+        $event.preventDefault();
+        this.tabstrip.handleTabContextMenu($event, this);
+    }
+}
+MJTabComponent.ɵfac = function MJTabComponent_Factory(t) { return new (t || MJTabComponent)(i0.ɵɵdirectiveInject(i1.MJTabStripComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef)); };
+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) {
+        i0.ɵɵprojectionDef();
+        i0.ɵɵelementStart(0, "div", 0);
+        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); });
+        i0.ɵɵprojection(1);
+        i0.ɵɵtemplate(2, MJTabComponent_span_2_Template, 2, 0, "span", 1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c1, ctx.TabSelected));
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.TabCloseable);
+    } }, 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  }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJTabComponent, [{
+        type: Component,
+        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 "] }]
+    }], () => [{ type: i1.MJTabStripComponent, decorators: [{
+                type: Host
+            }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], { TabSelected: [{
+            type: Input
+        }], Visible: [{
+            type: Input
+        }], Name: [{
+            type: Input
+        }], ID: [{
+            type: Input
+        }], Props: [{
+            type: Input
+        }], TabCloseable: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJTabComponent, { className: "MJTabComponent" }); })();
+//# sourceMappingURL=tab.component.js.map

package/dist/lib/tab/tab.component.js.map

@@ -0,0 +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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"}

package/dist/lib/tab-body/tab-body.component.d.ts

@@ -0,0 +1,13 @@
+import { MJTabBase } from '../tab.base';
+import { MJTabStripComponent } from '../tab-strip/tab-strip.component';
+import * as i0 from "@angular/core";
+export declare class MJTabBodyComponent extends MJTabBase {
+    private tabStrip;
+    TabVisible: boolean;
+    FillWidth: boolean;
+    FillHeight: boolean;
+    constructor(tabStrip: MJTabStripComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJTabBodyComponent, [{ host: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJTabBodyComponent, "mj-tab-body", never, { "TabVisible": { "alias": "TabVisible"; "required": false; }; "FillWidth": { "alias": "FillWidth"; "required": false; }; "FillHeight": { "alias": "FillHeight"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+//# sourceMappingURL=tab-body.component.d.ts.map

package/dist/lib/tab-body/tab-body.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-body.component.d.ts","sourceRoot":"","sources":["../../../src/lib/tab-body/tab-body.component.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;;AAEvE,qBAKa,kBAAmB,SAAQ,SAAS;IAM3B,OAAO,CAAC,QAAQ;IAL3B,UAAU,UAAS;IAEnB,SAAS,EAAE,OAAO,CAAQ;IAC1B,UAAU,EAAE,OAAO,CAAQ;gBAER,QAAQ,EAAE,mBAAmB;yCAN9C,kBAAkB;2CAAlB,kBAAkB;CAS9B"}

package/dist/lib/tab-body/tab-body.component.js

@@ -0,0 +1,38 @@
+import { Component, Input, Host } from '@angular/core';
+import { MJTabBase } from '../tab.base';
+import * as i0 from "@angular/core";
+import * as i1 from "../tab-strip/tab-strip.component";
+import * as i2 from "@memberjunction/ng-container-directives";
+const _c0 = ["*"];
+export class MJTabBodyComponent extends MJTabBase {
+    constructor(tabStrip) {
+        super();
+        this.tabStrip = tabStrip;
+        this.TabVisible = false;
+        this.FillWidth = true;
+        this.FillHeight = true;
+    }
+}
+MJTabBodyComponent.ɵfac = function MJTabBodyComponent_Factory(t) { return new (t || MJTabBodyComponent)(i0.ɵɵdirectiveInject(i1.MJTabStripComponent, 1)); };
+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) {
+        i0.ɵɵprojectionDef();
+        i0.ɵɵelementStart(0, "div", 0);
+        i0.ɵɵprojection(1);
+        i0.ɵɵelementEnd();
+    } if (rf & 2) {
+        i0.ɵɵproperty("hidden", !ctx.TabVisible)("fillHeight", ctx.FillHeight)("fillWidth", ctx.FillWidth);
+    } }, 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  }"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJTabBodyComponent, [{
+        type: Component,
+        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  } "] }]
+    }], () => [{ type: i1.MJTabStripComponent, decorators: [{
+                type: Host
+            }] }], { TabVisible: [{
+            type: Input
+        }], FillWidth: [{
+            type: Input
+        }], FillHeight: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJTabBodyComponent, { className: "MJTabBodyComponent" }); })();
+//# sourceMappingURL=tab-body.component.js.map

package/dist/lib/tab-body/tab-body.component.js.map

@@ -0,0 +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;IAM/C,YAA4B,QAA6B;QACvD,KAAK,EAAE,CAAC;QADkB,aAAQ,GAAR,QAAQ,CAAqB;QALhD,eAAU,GAAG,KAAK,CAAC;QAEnB,cAAS,GAAY,IAAI,CAAC;QAC1B,eAAU,GAAY,IAAI,CAAC;IAIpC,CAAC;;oFARU,kBAAkB;qEAAlB,kBAAkB;;QCV/B,8BAA+G;QAC3G,kBAA4D;QAChE,iBAAM;;QAFiF,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"}

package/dist/lib/tab-strip/tab-strip.component.d.ts

@@ -0,0 +1,117 @@
+import { EventEmitter, QueryList, ElementRef, AfterContentInit, AfterContentChecked, AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { MJTabComponent } from '../tab/tab.component';
+import { MJTabBodyComponent } from '../tab-body/tab-body.component';
+import * as i0 from "@angular/core";
+export declare class TabEvent {
+    index: number;
+    tab: MJTabComponent | null;
+    body: MJTabBodyComponent | null;
+}
+export declare class TabCancelableEvent extends TabEvent {
+    cancel: boolean;
+}
+export declare class TabClosedEvent extends TabEvent {
+    /**
+     * 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.
+     */
+    newTabIndex: number;
+    /**
+     * Whenever the container is done processing, it MUST call this done method to signal that it is done.
+     */
+    done: (error?: any) => {};
+}
+export declare class TabContextMenuEvent extends TabEvent {
+    mouseEvent: MouseEvent;
+}
+export declare class MJTabStripComponent implements AfterContentInit, AfterContentChecked, AfterViewInit {
+    private cdr;
+    protected _selectedTabIndex: number;
+    static OutputDebugInfo: boolean;
+    protected static OutputDebugMessage(message: string): void;
+    constructor(cdr: ChangeDetectorRef);
+    FillWidth: boolean;
+    FillHeight: boolean;
+    /**
+     * The index of the selected tab. You can get/set this value and it will change the displayed tab.
+     */
+    get SelectedTabIndex(): number;
+    set SelectedTabIndex(index: number);
+    /**
+     * This method will attempt to set the current tab by name. If the tab is found, it will be selected and the method will return the tab object. If the tab is not found, the method will return undefined.
+     * @param tabName
+     * @returns
+     */
+    SelectTabByName(tabName: string): MJTabComponent | undefined;
+    GetTabByName(tabName: string): MJTabComponent | undefined;
+    protected innerRefreshTabVisibility(index: number): void;
+    /**
+     * This event is fired before a tab is selected. If you set cancel to true, the tab will not be selected.
+     */
+    BeforeTabSelected: EventEmitter<TabCancelableEvent>;
+    /**
+     * This event is fired when a tab is selected.
+     */
+    TabSelected: EventEmitter<TabEvent>;
+    /**
+     * This event is fired before a tab is closed. If you set cancel to true, the tab will not be closed.
+     */
+    BeforeTabClosed: EventEmitter<TabCancelableEvent>;
+    /**
+     * This event is fired after a tab is closed.
+     */
+    TabClosed: EventEmitter<TabClosedEvent>;
+    /**
+     * This event is fired when a tab is right-clicked and the context menu event from the tab header fires.
+     */
+    TabContextMenu: EventEmitter<TabContextMenuEvent>;
+    /**
+     * 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
+     * the ScrollIntoView method being called.
+     */
+    TabScrolled: EventEmitter<any>;
+    tabs: QueryList<MJTabComponent>;
+    tabBodies: QueryList<MJTabBodyComponent>;
+    private _viewInitialized;
+    ngAfterViewInit(): void;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    /**
+     * Call this method if you are ever dynamically adding or removing tabs from the component over time using @if or *ngIf or other similar methods. This will force the tab strip to
+     * re-evaluate the tabs and tab bodies and update the display accordingly.
+     */
+    RefreshTabs(): void;
+    protected syncTabIndexes(): void;
+    /**
+     * Returns a read-only (copy) of the tabs in this tab strip.
+     */
+    get Tabs(): MJTabComponent[];
+    /**
+     * Returns a read-only (copy) of the tab bodies in this tab strip.
+     */
+    get TabBodies(): MJTabBodyComponent[];
+    /**
+     * 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.
+     */
+    CloseTab(tabIndex: number): Promise<void>;
+    handleTabContextMenu($event: MouseEvent, tab: MJTabComponent): void;
+    tabInnerContainer: ElementRef;
+    showLeftButton: boolean;
+    showRightButton: boolean;
+    onResize(event: any): void;
+    protected checkTabScrollButtons(): void;
+    protected scrollTabHeader(scrollAmount: number): void;
+    /**
+     * This property determines how many pixels to scroll when the scrollLeft or scrollRight methods are called.
+     */
+    ScrollAmount: number;
+    scrollLeft(): void;
+    scrollRight(): void;
+    /**
+     * This method will scroll the specified tab index into view if it is not currently visible in the tab strip.
+     * @param tabIndex
+     */
+    scrollIntoView(tabIndex: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MJTabStripComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MJTabStripComponent, "mj-tabstrip", never, { "FillWidth": { "alias": "FillWidth"; "required": false; }; "FillHeight": { "alias": "FillHeight"; "required": false; }; "SelectedTabIndex": { "alias": "SelectedTabIndex"; "required": false; }; "ScrollAmount": { "alias": "ScrollAmount"; "required": false; }; }, { "BeforeTabSelected": "BeforeTabSelected"; "TabSelected": "TabSelected"; "BeforeTabClosed": "BeforeTabClosed"; "TabClosed": "TabClosed"; "TabContextMenu": "TabContextMenu"; "TabScrolled": "TabScrolled"; }, ["tabs", "tabBodies"], ["mj-tab", "mj-tab-body"], false, never>;
+}
+//# sourceMappingURL=tab-strip.component.d.ts.map

package/dist/lib/tab-strip/tab-strip.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-strip.component.d.ts","sourceRoot":"","sources":["../../../src/lib/tab-strip/tab-strip.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,YAAY,EAA2B,SAAS,EAA2B,UAAU,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACjN,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;;AAIpE,qBAAa,QAAQ;IACZ,KAAK,EAAG,MAAM,CAAC;IACf,GAAG,EAAE,cAAc,GAAG,IAAI,CAAQ;IAClC,IAAI,EAAE,kBAAkB,GAAG,IAAI,CAAQ;CAC/C;AACD,qBAAa,kBAAmB,SAAQ,QAAQ;IACvC,MAAM,EAAE,OAAO,CAAS;CAChC;AACD,qBAAa,cAAe,SAAQ,QAAQ;IAC1C;;OAEG;IACI,WAAW,EAAG,MAAM,CAAA;IAC3B;;OAEG;IACI,IAAI,EAAG,CAAC,KAAK,CAAC,EAAE,GAAG,KAAK,EAAE,CAAC;CACnC;AACD,qBAAa,mBAAoB,SAAQ,QAAQ;IACxC,UAAU,EAAG,UAAU,CAAC;CAChC;AAED,qBAKa,mBAAoB,YAAW,gBAAgB,EAAE,mBAAmB,EAAE,aAAa;IAUlF,OAAO,CAAC,GAAG;IATvB,SAAS,CAAC,iBAAiB,EAAE,MAAM,CAAK;IAExC,OAAc,eAAe,EAAE,OAAO,CAAS;IAC/C,SAAS,CAAC,MAAM,CAAC,kBAAkB,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI;gBAMtC,GAAG,EAAE,iBAAiB;IACjC,SAAS,EAAE,OAAO,CAAQ;IAC1B,UAAU,EAAE,OAAO,CAAQ;IAEpC;;OAEG;IACH,IAAa,gBAAgB,IAAI,MAAM,CAEtC;IACD,IAAI,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAgCjC;IAED;;;;OAIG;IACI,eAAe,CAAC,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IAW5D,YAAY,CAAC,OAAO,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS;IAIhE,SAAS,CAAC,yBAAyB,CAAC,KAAK,EAAE,MAAM;IAiBjD;;OAEG;IACO,iBAAiB,mCAA0C;IAErE;;OAEG;IACO,WAAW,yBAAgC;IAErD;;OAEG;IACO,eAAe,mCAA0C;IAEnE;;OAEG;IACO,SAAS,+BAA0C;IAE7D;;OAEG;IACO,cAAc,oCAA2C;IAEnE;;;OAGG;IACO,WAAW,oBAAsB;IAGV,IAAI,EAAG,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7B,SAAS,EAAG,SAAS,CAAC,kBAAkB,CAAC,CAAC;IAG/E,OAAO,CAAC,gBAAgB,CAAkB;IAC1C,eAAe;IAMf,kBAAkB;IAGlB,qBAAqB,IAAI,IAAI;IAK7B;;;OAGG;IACI,WAAW;IAMlB,SAAS,CAAC,cAAc;IAaxB;;OAEG;IACH,IAAW,IAAI,IAAI,cAAc,EAAE,CAElC;IAED;;OAEG;IACH,IAAW,SAAS,IAAI,kBAAkB,EAAE,CAE3C;IAED;;OAEG;IACU,QAAQ,CAAC,QAAQ,EAAE,MAAM;IAoD/B,oBAAoB,CAAC,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,cAAc;IAMnC,iBAAiB,EAAG,UAAU,CAAC;IAE/D,cAAc,EAAE,OAAO,CAAS;IAChC,eAAe,EAAE,OAAO,CAAS;IAGjC,QAAQ,CAAC,KAAK,EAAE,GAAG;IAInB,SAAS,CAAC,qBAAqB;IAe/B,SAAS,CAAC,eAAe,CAAC,YAAY,EAAE,MAAM;IAU9C;;OAEG;IACM,YAAY,EAAE,MAAM,CAAO;IAC7B,UAAU;IAGV,WAAW;IAKlB;;;OAGG;IACI,cAAc,CAAC,QAAQ,EAAE,MAAM;yCAnS3B,mBAAmB;2CAAnB,mBAAmB;CAiU/B"}

package/dist/lib/tab-strip/tab-strip.component.js

@@ -0,0 +1,404 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Component, Input, EventEmitter, Output, ContentChildren, ViewChild, HostListener } from '@angular/core';
+import { MJTabComponent } from '../tab/tab.component';
+import { MJTabBodyComponent } from '../tab-body/tab-body.component';
+import { SharedService } from '@memberjunction/ng-shared';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@memberjunction/ng-container-directives";
+const _c0 = ["tabInnerContainer"];
+const _c1 = [[["mj-tab"]], [["mj-tab-body"]]];
+const _c2 = ["mj-tab", "mj-tab-body"];
+function MJTabStripComponent_div_2_Template(rf, ctx) { if (rf & 1) {
+    const _r1 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 7);
+    i0.ɵɵlistener("click", function MJTabStripComponent_div_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r1); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollLeft()); });
+    i0.ɵɵelement(1, "span", 8);
+    i0.ɵɵelementEnd();
+} }
+function MJTabStripComponent_div_6_Template(rf, ctx) { if (rf & 1) {
+    const _r3 = i0.ɵɵgetCurrentView();
+    i0.ɵɵelementStart(0, "div", 9);
+    i0.ɵɵlistener("click", function MJTabStripComponent_div_6_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r3); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.scrollRight()); });
+    i0.ɵɵelement(1, "span", 10);
+    i0.ɵɵelementEnd();
+} }
+export class TabEvent {
+    constructor() {
+        this.tab = null;
+        this.body = null;
+    }
+}
+export class TabCancelableEvent extends TabEvent {
+    constructor() {
+        super(...arguments);
+        this.cancel = false;
+    }
+}
+export class TabClosedEvent extends TabEvent {
+}
+export class TabContextMenuEvent extends TabEvent {
+}
+export class MJTabStripComponent {
+    static OutputDebugMessage(message) {
+        if (MJTabStripComponent.OutputDebugInfo) {
+            console.log(message);
+        }
+    }
+    constructor(cdr) {
+        this.cdr = cdr;
+        this._selectedTabIndex = 0; // default to negative 1 so any valid value of 0+ will invoke a state change internally later
+        this.FillWidth = true;
+        this.FillHeight = true;
+        /**
+         * This event is fired before a tab is selected. If you set cancel to true, the tab will not be selected.
+         */
+        this.BeforeTabSelected = new EventEmitter();
+        /**
+         * This event is fired when a tab is selected.
+         */
+        this.TabSelected = new EventEmitter();
+        /**
+         * This event is fired before a tab is closed. If you set cancel to true, the tab will not be closed.
+         */
+        this.BeforeTabClosed = new EventEmitter();
+        /**
+         * This event is fired after a tab is closed.
+         */
+        this.TabClosed = new EventEmitter(true);
+        /**
+         * This event is fired when a tab is right-clicked and the context menu event from the tab header fires.
+         */
+        this.TabContextMenu = new EventEmitter();
+        /**
+         * 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
+         * the ScrollIntoView method being called.
+         */
+        this.TabScrolled = new EventEmitter();
+        this._viewInitialized = false;
+        this.showLeftButton = false;
+        this.showRightButton = false;
+        /**
+         * This property determines how many pixels to scroll when the scrollLeft or scrollRight methods are called.
+         */
+        this.ScrollAmount = 150;
+    }
+    /**
+     * The index of the selected tab. You can get/set this value and it will change the displayed tab.
+     */
+    get SelectedTabIndex() {
+        return this._selectedTabIndex;
+    }
+    set SelectedTabIndex(index) {
+        var _a;
+        // check to make sure that the new index is different from the current index and only do the work here if it is different
+        MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.SelectedTabIndex(${index})`);
+        if (index !== this._selectedTabIndex) {
+            const props = {
+                index: index,
+                tab: index !== null && this.tabs ? this.tabs.toArray()[index] : null,
+                body: index !== null && this.tabBodies ? this.tabBodies.toArray()[index] : null,
+                cancel: false
+            };
+            if ((_a = props.tab) === null || _a === void 0 ? void 0 : _a.Visible) {
+                this.BeforeTabSelected.emit(props);
+                if (!props.cancel) {
+                    this._selectedTabIndex = index;
+                    this.innerRefreshTabVisibility(index);
+                    const afterProps = {
+                        index: index,
+                        tab: props.tab,
+                        body: props.body
+                    };
+                    this.TabSelected.emit(afterProps);
+                }
+            }
+            else
+                throw new Error(`Tab index ${index} is not visible and cannot be selected.`);
+        }
+        else {
+            // always do this even if we're not firing event since we're already on the right tab
+            this.innerRefreshTabVisibility(index);
+        }
+    }
+    /**
+     * This method will attempt to set the current tab by name. If the tab is found, it will be selected and the method will return the tab object. If the tab is not found, the method will return undefined.
+     * @param tabName
+     * @returns
+     */
+    SelectTabByName(tabName) {
+        const tab = this.GetTabByName(tabName);
+        if (tab) {
+            if (tab.Visible)
+                this.SelectedTabIndex = tab.index;
+            else
+                throw new Error(`Tab ${tabName} is not visible and cannot be selected.`);
+        }
+        return tab;
+    }
+    GetTabByName(tabName) {
+        return this.tabs.find(t => { var _a; return ((_a = t.Name) === null || _a === void 0 ? void 0 : _a.trim().toLowerCase()) === tabName.trim().toLowerCase(); });
+    }
+    innerRefreshTabVisibility(index) {
+        Promise.resolve().then(() => {
+            var _a, _b;
+            MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.innerRefreshTabVisibility(${index})`);
+            // do this within a Promise.resolve() to ensure that the change detection has a chance to catch up before we start changing things
+            // 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
+            (_a = this.tabs) === null || _a === void 0 ? void 0 : _a.forEach((tab, i) => tab.TabSelected = i === index);
+            (_b = this.tabBodies) === null || _b === void 0 ? void 0 : _b.forEach((body, i) => body.TabVisible = i === index);
+            // let angular now it needs to update its change detection
+            this.cdr.detectChanges();
+            // also ask for a resize now
+            SharedService.Instance.InvokeManualResize();
+        });
+    }
+    ngAfterViewInit() {
+        this._viewInitialized = true;
+        this.SelectedTabIndex = this.SelectedTabIndex; // force a refresh of the tab visibility
+        this.syncTabIndexes();
+        this.checkTabScrollButtons();
+    }
+    ngAfterContentInit() {
+        this.syncTabIndexes();
+    }
+    ngAfterContentChecked() {
+        this.syncTabIndexes();
+        this.checkTabScrollButtons();
+    }
+    /**
+     * Call this method if you are ever dynamically adding or removing tabs from the component over time using @if or *ngIf or other similar methods. This will force the tab strip to
+     * re-evaluate the tabs and tab bodies and update the display accordingly.
+     */
+    RefreshTabs() {
+        this.cdr.detectChanges();
+        this.syncTabIndexes();
+        this.innerRefreshTabVisibility(this.SelectedTabIndex);
+    }
+    syncTabIndexes() {
+        if (!this._viewInitialized)
+            return; // don't do anything until the view is initialized  
+        // Automatically assign indices to tabs and tab bodies
+        this.tabs.forEach((tab, index) => tab.index = index);
+        this.tabBodies.forEach((body, index) => body.index = index);
+        if (this.SelectedTabIndex === null && this.tabs.length > 0) {
+            this.SelectedTabIndex = 0;
+        }
+        else if (this.tabs.length === 0)
+            this.SelectedTabIndex = -1;
+    }
+    /**
+     * Returns a read-only (copy) of the tabs in this tab strip.
+     */
+    get Tabs() {
+        return this.tabs.toArray();
+    }
+    /**
+     * Returns a read-only (copy) of the tab bodies in this tab strip.
+     */
+    get TabBodies() {
+        return this.tabBodies.toArray();
+    }
+    /**
+     * 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.
+     */
+    CloseTab(tabIndex) {
+        return __awaiter(this, void 0, void 0, function* () {
+            MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.CloseTab(${tabIndex})`);
+            if (tabIndex >= 0 && tabIndex < this.tabs.length) {
+                // figure out what the new tab index will be so we can share with our container component
+                let newTabIndex;
+                if (this.tabs.length === 1) {
+                    // deleting the only tab we have, shouldn't happen but if so, set to -1
+                    newTabIndex = -1;
+                }
+                else if (this.SelectedTabIndex >= this.tabs.length - 1) {
+                    // we are ABOUT to delete the last tab, so select what will be the new last tab
+                    newTabIndex = this.tabs.length - 2; // substract 2 becuase subtracting 1 would be the last tab, but we are about to delete it
+                }
+                else {
+                    // 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
+                    newTabIndex = this.SelectedTabIndex;
+                }
+                const props = {
+                    index: tabIndex,
+                    tab: this.tabs.toArray()[tabIndex],
+                    body: this.tabBodies.toArray()[tabIndex],
+                    cancel: false,
+                };
+                this.BeforeTabClosed.emit(props);
+                if (!props.cancel) {
+                    // Convert callback to a promise
+                    const waitForCompletion = new Promise((resolve, reject) => {
+                        props.done = (error) => {
+                            if (error) {
+                                reject(error);
+                            }
+                            else {
+                                resolve(true);
+                            }
+                        };
+                    });
+                    props.newTabIndex = newTabIndex;
+                    // fire off the event to the container component
+                    this.TabClosed.emit(props);
+                    // wait for callback to occur from the event handler
+                    yield waitForCompletion;
+                    // finally, set the tab index to the props.newTabIndex value which allows the container to override our default calculation for new tab index
+                    this.SelectedTabIndex = props.newTabIndex;
+                }
+            }
+            else
+                throw new Error("Invalid tab index: " + tabIndex);
+        });
+    }
+    handleTabContextMenu($event, tab) {
+        this.TabContextMenu.emit({ index: tab.index, tab: tab, body: this.tabBodies.toArray()[tab.index], mouseEvent: $event });
+    }
+    onResize(event) {
+        this.checkTabScrollButtons();
+    }
+    checkTabScrollButtons() {
+        if (this.tabInnerContainer && this.tabInnerContainer.nativeElement && this.tabInnerContainer.nativeElement.parentElement) {
+            const container = this.tabInnerContainer.nativeElement;
+            const parent = container.parentElement;
+            const currentLeft = container.style.left ? parseInt(container.style.left) : 0;
+            // show the right button if the container is wider than the parent AND the left position(which is zero or negative) + the container width is greater than the parent width
+            this.showRightButton = container.clientWidth > parent.clientWidth &&
+                currentLeft + container.clientWidth > parent.clientWidth;
+            // Show left button if left position is less than 0, meaning some of the left side of the container is off screen
+            this.showLeftButton = currentLeft < 0;
+        }
+    }
+    scrollTabHeader(scrollAmount) {
+        const style = this.tabInnerContainer.nativeElement.style;
+        if (style) {
+            const curLeft = style.left ? parseInt(style.left) : 0;
+            style.left = (curLeft + scrollAmount) + 'px';
+            this.checkTabScrollButtons(); // can do immediately because the above is direct DOM manipulation so the effect is immediate
+            this.TabScrolled.emit();
+        }
+    }
+    scrollLeft() {
+        this.scrollTabHeader(150);
+    }
+    scrollRight() {
+        this.scrollTabHeader(-150);
+    }
+    /**
+     * This method will scroll the specified tab index into view if it is not currently visible in the tab strip.
+     * @param tabIndex
+     */
+    scrollIntoView(tabIndex) {
+        // In this method, we need to calculate the current left position of the specified tab, 
+        // if it is not visible we need to scroll left or scroll right sufficiently in order to ensure that the tab specified is visible
+        // we do NOT change tab selection, the caller can do that separately if they want to
+        if (tabIndex >= 0 && tabIndex < this.tabs.length) {
+            const tab = this.tabs.toArray()[tabIndex];
+            if (tab) {
+                const tabElement = tab.elementRef.nativeElement;
+                if (tabElement) {
+                    const tabLeft = tabElement.offsetLeft;
+                    const tabRight = tabLeft + tabElement.offsetWidth;
+                    const container = this.tabInnerContainer.nativeElement;
+                    const containerLeft = container.offsetLeft;
+                    const containerRight = containerLeft + container.offsetWidth;
+                    if (tabLeft < containerLeft) {
+                        // tab is off to the left, scroll left
+                        this.scrollTabHeader(tabLeft - containerLeft);
+                    }
+                    else if (tabRight > containerRight) {
+                        // tab is off to the right, scroll right
+                        this.scrollTabHeader(tabRight - containerRight);
+                    }
+                    else {
+                        // tab is already visible, do nothing
+                    }
+                }
+            }
+        }
+    }
+}
+MJTabStripComponent.OutputDebugInfo = false;
+MJTabStripComponent.ɵfac = function MJTabStripComponent_Factory(t) { return new (t || MJTabStripComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
+MJTabStripComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabStripComponent, selectors: [["mj-tabstrip"]], contentQueries: function MJTabStripComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
+        i0.ɵɵcontentQuery(dirIndex, MJTabComponent, 4);
+        i0.ɵɵcontentQuery(dirIndex, MJTabBodyComponent, 4);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabs = _t);
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabBodies = _t);
+    } }, viewQuery: function MJTabStripComponent_Query(rf, ctx) { if (rf & 1) {
+        i0.ɵɵviewQuery(_c0, 5);
+    } if (rf & 2) {
+        let _t;
+        i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabInnerContainer = _t.first);
+    } }, hostBindings: function MJTabStripComponent_HostBindings(rf, ctx) { if (rf & 1) {
+        i0.ɵɵlistener("resize", function MJTabStripComponent_resize_HostBindingHandler($event) { return ctx.onResize($event); }, false, i0.ɵɵresolveWindow);
+    } }, inputs: { FillWidth: "FillWidth", FillHeight: "FillHeight", SelectedTabIndex: "SelectedTabIndex", ScrollAmount: "ScrollAmount" }, outputs: { 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) {
+        i0.ɵɵprojectionDef(_c1);
+        i0.ɵɵelementStart(0, "div", 1)(1, "div", 2);
+        i0.ɵɵtemplate(2, MJTabStripComponent_div_2_Template, 2, 0, "div", 3);
+        i0.ɵɵelementStart(3, "div", 4, 0);
+        i0.ɵɵprojection(5);
+        i0.ɵɵelementEnd();
+        i0.ɵɵtemplate(6, MJTabStripComponent_div_6_Template, 2, 0, "div", 5);
+        i0.ɵɵelementEnd();
+        i0.ɵɵelementStart(7, "div", 6);
+        i0.ɵɵprojection(8, 1);
+        i0.ɵɵelementEnd()();
+    } if (rf & 2) {
+        i0.ɵɵproperty("fillWidth", ctx.FillWidth)("fillHeight", ctx.FillHeight);
+        i0.ɵɵadvance(2);
+        i0.ɵɵproperty("ngIf", ctx.showLeftButton);
+        i0.ɵɵadvance(4);
+        i0.ɵɵproperty("ngIf", ctx.showRightButton);
+        i0.ɵɵadvance();
+        i0.ɵɵproperty("fillWidth", ctx.FillWidth)("fillHeight", ctx.FillHeight);
+    } }, 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}"] });
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJTabStripComponent, [{
+        type: Component,
+        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 "] }]
+    }], () => [{ type: i0.ChangeDetectorRef }], { FillWidth: [{
+            type: Input
+        }], FillHeight: [{
+            type: Input
+        }], SelectedTabIndex: [{
+            type: Input
+        }], BeforeTabSelected: [{
+            type: Output
+        }], TabSelected: [{
+            type: Output
+        }], BeforeTabClosed: [{
+            type: Output
+        }], TabClosed: [{
+            type: Output
+        }], TabContextMenu: [{
+            type: Output
+        }], TabScrolled: [{
+            type: Output
+        }], tabs: [{
+            type: ContentChildren,
+            args: [MJTabComponent]
+        }], tabBodies: [{
+            type: ContentChildren,
+            args: [MJTabBodyComponent]
+        }], tabInnerContainer: [{
+            type: ViewChild,
+            args: ['tabInnerContainer']
+        }], onResize: [{
+            type: HostListener,
+            args: ['window:resize', ['$event']]
+        }], ScrollAmount: [{
+            type: Input
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(MJTabStripComponent, { className: "MJTabStripComponent" }); })();
+//# sourceMappingURL=tab-strip.component.js.map

package/dist/lib/tab-strip/tab-strip.component.js.map

@@ -0,0 +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.d.ts

@@ -0,0 +1,4 @@
+export declare class MJTabBase {
+    index: number;
+}
+//# sourceMappingURL=tab.base.d.ts.map

package/dist/lib/tab.base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.base.d.ts","sourceRoot":"","sources":["../../src/lib/tab.base.ts"],"names":[],"mappings":"AAAA,qBAAa,SAAS;IAClB,KAAK,EAAG,MAAM,CAAA;CACjB"}

package/dist/lib/tab.base.js

@@ -0,0 +1,3 @@
+export class MJTabBase {
+}
+//# sourceMappingURL=tab.base.js.map

package/dist/lib/tab.base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.base.js","sourceRoot":"","sources":["../../src/lib/tab.base.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,SAAS;CAErB"}

package/dist/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './lib/tab-strip/tab-strip.component';
+export * from './lib/tab-body/tab-body.component';
+export * from './lib/tab/tab.component';
+export * from './lib/tab.base';
+export * from './lib/module';
+//# 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,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAC"}

package/dist/public-api.js

@@ -0,0 +1,9 @@
+/*
+ * Public API Surface
+ */
+export * from './lib/tab-strip/tab-strip.component';
+export * from './lib/tab-body/tab-body.component';
+export * from './lib/tab/tab.component';
+export * from './lib/tab.base';
+export * from './lib/module';
+//# sourceMappingURL=public-api.js.map

package/dist/public-api.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public-api.js","sourceRoot":"","sources":["../src/public-api.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,yBAAyB,CAAC;AACxC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,cAAc,CAAC"}

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@memberjunction/ng-skip-chat",
+  "version": "2.13.2",
+  "description": "MemberJunction: Simple Skip Chat components usable in any Angular project",
+  "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"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0",
+    "@memberjunction/ng-shared": "2.13.2",
+    "@memberjunction/ng-container-directives": "2.13.2"
+  },
+  "sideEffects": false
+}