@memberjunction/ng-tabstrip 5.11.0 → 5.12.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.
Files changed (2) hide show
  1. package/dist/lib/tab/tab.component.js +2 -2
  2. package/package.json +2 -2
package/dist/lib/tab/tab.component.js CHANGED
@@ -117,11 +117,11 @@ export class MJTabComponent extends MJTabBase {
117
117
  i0.ɵɵproperty("ngClass", i0.ɵɵpureFunction1(2, _c1, ctx.TabSelected));
118
118
  i0.ɵɵadvance(2);
119
119
  i0.ɵɵconditional(ctx.TabCloseable ? 2 : -1);
120
- } }, dependencies: [i2.NgClass], styles: [".single-tab[_ngcontent-%COMP%] {\n flex: 0 0 auto;\n cursor: pointer;\n display: flex;\n align-items: center;\n margin-right: 2px;\n padding: .5rem;\n border-radius: 8px 8px 0 0;\n border-top: solid 1px var(--gray-600);\n border-left: solid 1px var(--gray-600);\n border-right: solid 1px var(--gray-600);\n border-bottom: 0;\n background-color: #FFF;\n}\n\n.single-tab-selected[_ngcontent-%COMP%] {\n color: var(--mj-blue);\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: var(--gray-800);\n}\n\n.tab-close-button[_ngcontent-%COMP%]:hover {\n color: var(--gray-900);\n}"] });
120
+ } }, dependencies: [i2.NgClass], styles: [".single-tab[_ngcontent-%COMP%] {\n flex: 0 0 auto;\n cursor: pointer;\n display: flex;\n align-items: center;\n margin-right: 2px;\n padding: .5rem;\n border-radius: var(--mj-radius-md) var(--mj-radius-md) 0 0;\n border-top: solid 1px var(--gray-600);\n border-left: solid 1px var(--gray-600);\n border-right: solid 1px var(--gray-600);\n border-bottom: 0;\n background-color: var(--mj-bg-surface);\n}\n\n.single-tab-selected[_ngcontent-%COMP%] {\n color: var(--mj-blue);\n}\n\n.tab-close-button[_ngcontent-%COMP%] {\n cursor: pointer;\n margin-left: 10px;\n padding: 2px;\n font-size: var(--mj-text-xs);\n border-radius: var(--mj-radius-lg);\n color: var(--gray-800);\n}\n\n.tab-close-button[_ngcontent-%COMP%]:hover {\n color: var(--gray-900);\n}"] });
121
121
  }
122
122
  (() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(MJTabComponent, [{
123
123
  type: Component,
124
- args: [{ standalone: false, 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 @if (TabCloseable) {\n <span class=\"tab-close-button\" (click)=\"closeTab($event)\" >\u2716</span>\n }\n</div>", styles: [".single-tab {\n flex: 0 0 auto;\n cursor: pointer;\n display: flex;\n align-items: center;\n margin-right: 2px;\n padding: .5rem;\n border-radius: 8px 8px 0 0;\n border-top: solid 1px var(--gray-600);\n border-left: solid 1px var(--gray-600);\n border-right: solid 1px var(--gray-600);\n border-bottom: 0;\n background-color: #FFF;\n}\n\n.single-tab-selected {\n color: var(--mj-blue);\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: var(--gray-800);\n}\n\n.tab-close-button:hover {\n color: var(--gray-900);\n}"] }]
124
+ args: [{ standalone: false, 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 @if (TabCloseable) {\n <span class=\"tab-close-button\" (click)=\"closeTab($event)\" >\u2716</span>\n }\n</div>", styles: [".single-tab {\n flex: 0 0 auto;\n cursor: pointer;\n display: flex;\n align-items: center;\n margin-right: 2px;\n padding: .5rem;\n border-radius: var(--mj-radius-md) var(--mj-radius-md) 0 0;\n border-top: solid 1px var(--gray-600);\n border-left: solid 1px var(--gray-600);\n border-right: solid 1px var(--gray-600);\n border-bottom: 0;\n background-color: var(--mj-bg-surface);\n}\n\n.single-tab-selected {\n color: var(--mj-blue);\n}\n\n.tab-close-button {\n cursor: pointer;\n margin-left: 10px;\n padding: 2px;\n font-size: var(--mj-text-xs);\n border-radius: var(--mj-radius-lg);\n color: var(--gray-800);\n}\n\n.tab-close-button:hover {\n color: var(--gray-900);\n}"] }]
125
125
  }], () => [{ type: i1.MJTabStripComponent, decorators: [{
126
126
  type: Host
127
127
  }] }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }], { TabSelected: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@memberjunction/ng-tabstrip",
3
- "version": "5.11.0",
3
+ "version": "5.12.0",
4
4
  "description": "DEPRECATED: Simple tab strip component. Use Kendo TabStrip or mj-collapsible-panel instead.",
5
5
  "main": "./dist/public-api.js",
6
6
  "typings": "./dist/public-api.d.ts",
@@ -25,7 +25,7 @@
25
25
  "@angular/core": "21.1.3"
26
26
  },
27
27
  "dependencies": {
28
- "@memberjunction/ng-container-directives": "5.11.0",
28
+ "@memberjunction/ng-container-directives": "5.12.0",
29
29
  "tslib": "^2.8.1"
30
30
  },
31
31
  "sideEffects": false,