@memberjunction/ng-tabstrip 1.5.1 → 1.5.3

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

@@ -3,15 +3,15 @@ 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 _r2 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "span", 2);
-    i0.ɵɵlistener("click", function MJTabComponent_span_2_Template_span_click_0_listener($event) { i0.ɵɵrestoreView(_r2); const ctx_r1 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r1.closeTab($event)); });
+    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();
 } }
-const _c0 = a0 => ({ "single-tab-selected": a0 });
-const _c1 = ["*"];
 /**
  * Represents the tab in the header of a given tab strip
  */
@@ -104,7 +104,7 @@ export class MJTabComponent extends MJTabBase {
     }
 }
 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: _c1, decls: 3, vars: 4, consts: [[1, "single-tab", 3, "ngClass", "click", "contextmenu"], ["class", "tab-close-button", 3, "click", 4, "ngIf"], [1, "tab-close-button", 3, "click"]], template: function MJTabComponent_Template(rf, ctx) { if (rf & 1) {
+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); });
@@ -112,7 +112,7 @@ MJTabComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabCompone
         i0.ɵɵtemplate(2, MJTabComponent_span_2_Template, 2, 0, "span", 1);
         i0.ɵɵelementEnd();
     } if (rf & 2) {
-        i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c0, ctx.TabSelected));
+        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  }"] });

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

@@ -15,22 +15,22 @@ 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 _r4 = i0.ɵɵgetCurrentView();
+    const _r1 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 7);
-    i0.ɵɵlistener("click", function MJTabStripComponent_div_2_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r4); const ctx_r3 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r3.scrollLeft()); });
+    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 _r6 = i0.ɵɵgetCurrentView();
+    const _r3 = i0.ɵɵgetCurrentView();
     i0.ɵɵelementStart(0, "div", 9);
-    i0.ɵɵlistener("click", function MJTabStripComponent_div_6_Template_div_click_0_listener() { i0.ɵɵrestoreView(_r6); const ctx_r5 = i0.ɵɵnextContext(); return i0.ɵɵresetView(ctx_r5.scrollRight()); });
+    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();
 } }
-const _c1 = [[["mj-tab"]], [["mj-tab-body"]]];
-const _c2 = ["mj-tab", "mj-tab-body"];
 export class TabEvent {
     constructor() {
         this.tab = null;
@@ -343,11 +343,11 @@ MJTabStripComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabSt
         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: [["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"], ["tabInnerContainer", ""], ["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) {
+    } }, 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", 0)(1, "div", 1);
-        i0.ɵɵtemplate(2, MJTabStripComponent_div_2_Template, 2, 0, "div", 2);
-        i0.ɵɵelementStart(3, "div", 3, 4);
+        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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-tabstrip",
-  "version": "1.5.1",
+  "version": "1.5.3",
   "description": "MemberJunction: Very simple tab strip component used in the MJ Explorer app and reusable anywhere else in an Angular project.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -15,16 +15,16 @@
   "author": "",
   "license": "ISC",
   "devDependencies": {
-    "@angular/compiler": "~17.2.2",
-    "@angular/compiler-cli": "~17.2.2"
+    "@angular/compiler": "18.0.2",
+    "@angular/compiler-cli": "18.0.2"
   },
   "peerDependencies": {
-    "@angular/common": "~17.2.2",
-    "@angular/core": "~17.2.2"
+    "@angular/common": "18.0.2",
+    "@angular/core": "18.0.2"
   },
   "dependencies": {
-    "@memberjunction/ng-container-directives": "~1.5.1",
-    "@memberjunction/ng-shared": "~1.5.1",
+    "@memberjunction/ng-container-directives": "1.5.3",
+    "@memberjunction/ng-shared": "1.5.3",
     "tslib": "^2.3.0"
   },
   "sideEffects": false