@memberjunction/ng-tabstrip 6.2.0-edge.0 → 6.2.0-edge.2

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

@@ -43,11 +43,17 @@ export declare class MJTabComponent extends MJTabBase {
      * 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;
+    /** @deprecated Use {@link SelectTab}. */
     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;
+    /** @deprecated Use {@link CloseTab}. */
     closeTab($event: MouseEvent): void;
+    HandleContextMenu($event: MouseEvent): void;
+    /** @deprecated Use {@link HandleContextMenu}. */
     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>;

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

@@ -1 +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,qBASa,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"}
+{"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,qBASa,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,yCAAyC;IAClC,SAAS;IAIhB;;OAEG;IACI,QAAQ,CAAC,MAAM,EAAE,UAAU;IAKlC,wCAAwC;IACjC,QAAQ,CAAC,MAAM,EAAE,UAAU;IAI3B,iBAAiB,CAAC,MAAM,EAAE,UAAU;IAK3C,iDAAiD;IAC1C,iBAAiB,CAAC,MAAM,EAAE,UAAU;yCA7GhC,cAAc;2CAAd,cAAc;CAgH1B"}

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

@@ -91,20 +91,32 @@ export class MJTabComponent extends MJTabBase {
      * 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() {
+    SelectTab() {
         this.tabstrip.SelectedTabIndex = this.index;
     }
+    /** @deprecated Use {@link SelectTab}. */
+    selectTab() {
+        return this.SelectTab();
+    }
     /**
      * 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) {
+    CloseTab($event) {
         $event.stopPropagation(); // prevent click from going to the tab
         this.tabstrip.CloseTab(this.index);
     }
-    handleContextMenu($event) {
+    /** @deprecated Use {@link CloseTab}. */
+    closeTab($event) {
+        return this.CloseTab($event);
+    }
+    HandleContextMenu($event) {
         $event.preventDefault();
         this.tabstrip.handleTabContextMenu($event, this);
     }
+    /** @deprecated Use {@link HandleContextMenu}. */
+    handleContextMenu($event) {
+        return this.HandleContextMenu($event);
+    }
     static ɵfac = function MJTabComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJTabComponent)(i0.ɵɵdirectiveInject(i1.MJTabStripComponent, 1), i0.ɵɵdirectiveInject(i0.ChangeDetectorRef), i0.ɵɵdirectiveInject(i0.ElementRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabComponent, selectors: [["mj-tab"]], hostAttrs: ["role", "presentation"], inputs: { TabSelected: "TabSelected", Visible: "Visible", Name: "Name", ID: "ID", Props: "Props", TabCloseable: "TabCloseable" }, standalone: false, features: [i0.ɵɵInheritDefinitionFeature], ngContentSelectors: _c0, decls: 4, vars: 6, consts: [["role", "tab", 1, "single-tab", "mj-tabs__tab", 3, "click", "contextmenu", "ngClass"], [1, "mj-tabs__label"], ["type", "button", "tabindex", "-1", "aria-label", "Close tab", 1, "tab-close-button", "mj-tabs__close"], ["type", "button", "tabindex", "-1", "aria-label", "Close tab", 1, "tab-close-button", "mj-tabs__close", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-xmark"]], template: function MJTabComponent_Template(rf, ctx) { if (rf & 1) {
             i0.ɵɵprojectionDef();

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

@@ -1 +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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","sourcesContent":["import { Component, Input, Output, EventEmitter, Host, ChangeDetectorRef, ElementRef } from '@angular/core';\nimport { MJTabBase } from '../tab.base';\nimport { MJTabStripComponent } from '../tab-strip/tab-strip.component';\n\n/**\n * Represents the tab in the header of a given tab strip\n */\n@Component({\n  standalone: false,\n  selector: 'mj-tab',\n  templateUrl: './tab.component.html',\n  styleUrl: './tab.component.css',\n  // The ARIA tablist's children must be the role=\"tab\" elements; this host element is an extra\n  // layer between them, so it opts out of the accessibility tree's structure.\n  host: { role: 'presentation' },\n})\nexport class MJTabComponent extends MJTabBase {\n  private _tabSelected: boolean = false;\n  /**\n   * 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.\n   */\n  @Input() get TabSelected() {\n    return this._tabSelected;\n  } \n  set TabSelected(value: boolean) {\n    this._tabSelected = value;\n    this.cdr.detectChanges(); // Manually trigger change detection to update the view\n  }\n\n  private _visible: boolean = true;\n  @Input() get Visible(): boolean {\n    return this._visible;\n  }\n  public set Visible(value: boolean) {\n    this._visible = value;\n    // whenever the visible property changes we need to set the display style to none if it is not visible and make sure\n    // we're not selected and set to tab index of 0 if we're selected\n\n    // Step 1 - get the elementRef and set our display to none\n    if (!this._visible)\n      this.elementRef.nativeElement.style.display = value ? \"\" : \"none\";\n    else\n      this.elementRef.nativeElement.style.display = \"\";\n\n    // Step 2 - if we're not visible, make sure we're not selected\n    if (!this._visible)\n      this.tabstrip.SelectedTabIndex = 0;\n  }\n\n  private _name: string = \"\"\n  @Input() get Name(): string {\n    return this._name;\n  }\n  public set Name(value: string) {\n    this._name = value;\n  }\n\n  private _id: any = null;\n  @Input() get ID(): any {\n    return this._id;\n  }\n  public set ID(value: any) {\n    this._id = value;\n  }\n\n  private _props: any = null;\n  /**\n   * A property bag that can be used to store any additional properties that you want to associate with this tab.\n   */\n  @Input() get Props(): any {\n    return this._props;\n  }\n  public set Props(value: any) {\n    this._props = value;\n  }\n\n  /**\n   * Determines if the tab can be closed by a user, or not. Defaults to false.\n   */\n  @Input() TabCloseable: boolean = false;\n\n  /**\n   * Returns a reference to the tab strip that this tab belongs to.\n   */\n  public get TabStrip(): MJTabStripComponent {\n    return this.tabstrip;\n  }\n  constructor(@Host() private tabstrip: MJTabStripComponent, \n              private cdr: ChangeDetectorRef,\n              public elementRef: ElementRef) {\n    super();\n  }\n\n  /**\n   * 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. \n   * The preferred approach is to set the SelectedTabIndex property on the TabStrip component directly.\n   */\n  public selectTab() {\n    this.tabstrip.SelectedTabIndex = this.index;\n  }\n\n  /**\n   * 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.\n   */\n  public closeTab($event: MouseEvent) {\n    $event.stopPropagation(); // prevent click from going to the tab\n    this.tabstrip.CloseTab(this.index);\n  }\n\n  public handleContextMenu($event: MouseEvent) {\n    $event.preventDefault();\n    this.tabstrip.handleTabContextMenu($event, this);\n  }\n}\n","<!-- role=\"tab\" sits on the element that actually takes focus, and `tabindex` is owned by the\n     mjTabList directive on the parent (roving) — so it is deliberately not bound here. Chrome comes\n     from the global .mj-tabs* stylesheet, shared with the draft/workspace strip. The legacy\n     `single-tab` classes are kept alongside so existing selectors (incl. the test-utils example)\n     keep resolving. -->\n<div\n  class=\"single-tab mj-tabs__tab\"\n  [ngClass]=\"{'single-tab-selected': TabSelected, 'mj-tabs__tab--active': TabSelected}\"\n  role=\"tab\"\n  [attr.aria-selected]=\"TabSelected\"\n  (click)=\"selectTab()\"\n  (contextmenu)=\"handleContextMenu($event)\">\n  <span class=\"mj-tabs__label\"><ng-content><!--CONTENT PROJECTION GOES HERE--></ng-content></span>\n  @if (TabCloseable) {\n    <!-- tabindex=\"-1\": the TAB is the focus stop and Delete closes it, so a second stop per tab\n         would double the strip's length in the page tab order. -->\n    <button\n      type=\"button\"\n      class=\"tab-close-button mj-tabs__close\"\n      tabindex=\"-1\"\n      aria-label=\"Close tab\"\n      (click)=\"closeTab($event)\">\n      <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n    </button>\n  }\n</div>\n"]}
+{"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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","sourcesContent":["import { Component, Input, Output, EventEmitter, Host, ChangeDetectorRef, ElementRef } from '@angular/core';\nimport { MJTabBase } from '../tab.base';\nimport { MJTabStripComponent } from '../tab-strip/tab-strip.component';\n\n/**\n * Represents the tab in the header of a given tab strip\n */\n@Component({\n  standalone: false,\n  selector: 'mj-tab',\n  templateUrl: './tab.component.html',\n  styleUrl: './tab.component.css',\n  // The ARIA tablist's children must be the role=\"tab\" elements; this host element is an extra\n  // layer between them, so it opts out of the accessibility tree's structure.\n  host: { role: 'presentation' },\n})\nexport class MJTabComponent extends MJTabBase {\n  private _tabSelected: boolean = false;\n  /**\n   * 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.\n   */\n  @Input() get TabSelected() {\n    return this._tabSelected;\n  } \n  set TabSelected(value: boolean) {\n    this._tabSelected = value;\n    this.cdr.detectChanges(); // Manually trigger change detection to update the view\n  }\n\n  private _visible: boolean = true;\n  @Input() get Visible(): boolean {\n    return this._visible;\n  }\n  public set Visible(value: boolean) {\n    this._visible = value;\n    // whenever the visible property changes we need to set the display style to none if it is not visible and make sure\n    // we're not selected and set to tab index of 0 if we're selected\n\n    // Step 1 - get the elementRef and set our display to none\n    if (!this._visible)\n      this.elementRef.nativeElement.style.display = value ? \"\" : \"none\";\n    else\n      this.elementRef.nativeElement.style.display = \"\";\n\n    // Step 2 - if we're not visible, make sure we're not selected\n    if (!this._visible)\n      this.tabstrip.SelectedTabIndex = 0;\n  }\n\n  private _name: string = \"\"\n  @Input() get Name(): string {\n    return this._name;\n  }\n  public set Name(value: string) {\n    this._name = value;\n  }\n\n  private _id: any = null;\n  @Input() get ID(): any {\n    return this._id;\n  }\n  public set ID(value: any) {\n    this._id = value;\n  }\n\n  private _props: any = null;\n  /**\n   * A property bag that can be used to store any additional properties that you want to associate with this tab.\n   */\n  @Input() get Props(): any {\n    return this._props;\n  }\n  public set Props(value: any) {\n    this._props = value;\n  }\n\n  /**\n   * Determines if the tab can be closed by a user, or not. Defaults to false.\n   */\n  @Input() TabCloseable: boolean = false;\n\n  /**\n   * Returns a reference to the tab strip that this tab belongs to.\n   */\n  public get TabStrip(): MJTabStripComponent {\n    return this.tabstrip;\n  }\n  constructor(@Host() private tabstrip: MJTabStripComponent, \n              private cdr: ChangeDetectorRef,\n              public elementRef: ElementRef) {\n    super();\n  }\n\n  /**\n   * 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. \n   * The preferred approach is to set the SelectedTabIndex property on the TabStrip component directly.\n   */\n  public SelectTab() {\n    this.tabstrip.SelectedTabIndex = this.index;\n  }\n\n  /** @deprecated Use {@link SelectTab}. */\n  public selectTab() {\n    return this.SelectTab();\n  }\n\n  /**\n   * 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.\n   */\n  public CloseTab($event: MouseEvent) {\n    $event.stopPropagation(); // prevent click from going to the tab\n    this.tabstrip.CloseTab(this.index);\n  }\n\n  /** @deprecated Use {@link CloseTab}. */\n  public closeTab($event: MouseEvent) {\n    return this.CloseTab($event);\n  }\n\n  public HandleContextMenu($event: MouseEvent) {\n    $event.preventDefault();\n    this.tabstrip.handleTabContextMenu($event, this);\n  }\n\n  /** @deprecated Use {@link HandleContextMenu}. */\n  public handleContextMenu($event: MouseEvent) {\n    return this.HandleContextMenu($event);\n  }\n}\n","<!-- role=\"tab\" sits on the element that actually takes focus, and `tabindex` is owned by the\n     mjTabList directive on the parent (roving) — so it is deliberately not bound here. Chrome comes\n     from the global .mj-tabs* stylesheet, shared with the draft/workspace strip. The legacy\n     `single-tab` classes are kept alongside so existing selectors (incl. the test-utils example)\n     keep resolving. -->\n<div\n  class=\"single-tab mj-tabs__tab\"\n  [ngClass]=\"{'single-tab-selected': TabSelected, 'mj-tabs__tab--active': TabSelected}\"\n  role=\"tab\"\n  [attr.aria-selected]=\"TabSelected\"\n  (click)=\"selectTab()\"\n  (contextmenu)=\"handleContextMenu($event)\">\n  <span class=\"mj-tabs__label\"><ng-content><!--CONTENT PROJECTION GOES HERE--></ng-content></span>\n  @if (TabCloseable) {\n    <!-- tabindex=\"-1\": the TAB is the focus stop and Delete closes it, so a second stop per tab\n         would double the strip's length in the page tab order. -->\n    <button\n      type=\"button\"\n      class=\"tab-close-button mj-tabs__close\"\n      tabindex=\"-1\"\n      aria-label=\"Close tab\"\n      (click)=\"closeTab($event)\">\n      <i class=\"fa-solid fa-xmark\" aria-hidden=\"true\"></i>\n    </button>\n  }\n</div>\n"]}

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

@@ -105,10 +105,24 @@ export declare class MJTabStripComponent implements AfterContentInit, AfterConte
      * 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;
+    /** @deprecated Use {@link HandleTabContextMenu}. */
     handleTabContextMenu($event: MouseEvent, tab: MJTabComponent): void;
-    tabInnerContainer: ElementRef;
-    showLeftButton: boolean;
-    showRightButton: boolean;
+    TabInnerContainer: ElementRef;
+    /** @deprecated Use {@link TabInnerContainer}. */
+    get tabInnerContainer(): ElementRef;
+    /** @deprecated Use {@link TabInnerContainer}. */
+    set tabInnerContainer(value: ElementRef);
+    ShowLeftButton: boolean;
+    /** @deprecated Use {@link ShowLeftButton}. */
+    get showLeftButton(): boolean;
+    /** @deprecated Use {@link ShowLeftButton}. */
+    set showLeftButton(value: boolean);
+    ShowRightButton: boolean;
+    /** @deprecated Use {@link ShowRightButton}. */
+    get showRightButton(): boolean;
+    /** @deprecated Use {@link ShowRightButton}. */
+    set showRightButton(value: boolean);
     onResize(event: any): void;
     protected checkTabScrollButtons(): void;
     protected scrollTabHeader(scrollAmount: number): void;
@@ -116,7 +130,11 @@ export declare class MJTabStripComponent implements AfterContentInit, AfterConte
      * This property determines how many pixels to scroll when the scrollLeft or scrollRight methods are called.
      */
     ScrollAmount: number;
+    ScrollLeft(): void;
+    /** @deprecated Use {@link ScrollLeft}. */
     scrollLeft(): void;
+    ScrollRight(): void;
+    /** @deprecated Use {@link ScrollRight}. */
     scrollRight(): void;
     /**
      * Keyboard navigation from the shared `mjTabList` directive (arrows / Home / End / Enter).
@@ -126,6 +144,10 @@ export declare class MJTabStripComponent implements AfterContentInit, AfterConte
      * view — arrowing to a tab hidden behind the overflow edge would otherwise move focus somewhere
      * the user cannot see.
      */
+    OnTabActivateRequested(request: {
+        Index: number;
+    }): void;
+    /** @deprecated Use {@link OnTabActivateRequested}. */
     onTabActivateRequested(request: {
         Index: number;
     }): void;
@@ -134,6 +156,10 @@ export declare class MJTabStripComponent implements AfterContentInit, AfterConte
      * close button uses, so the cancelable `BeforeTabClosed` contract holds for keyboard users too.
      * Ignored for tabs that are not closeable.
      */
+    OnTabCloseRequested(request: {
+        Index: number;
+    }): void;
+    /** @deprecated Use {@link OnTabCloseRequested}. */
     onTabCloseRequested(request: {
         Index: number;
     }): void;
@@ -141,6 +167,8 @@ export declare class MJTabStripComponent implements AfterContentInit, AfterConte
      * 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;
+    /** @deprecated Use {@link ScrollIntoView}. */
     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; }; }, { "ResizeContainer": "ResizeContainer"; "BeforeTabSelected": "BeforeTabSelected"; "TabSelected": "TabSelected"; "BeforeTabClosed": "BeforeTabClosed"; "TabClosed": "TabClosed"; "TabContextMenu": "TabContextMenu"; "TabScrolled": "TabScrolled"; }, ["tabs", "tabBodies"], ["mj-tab", "mj-tab-body"], false, never>;

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

@@ -1 +1 @@
-{"version":3,"file":"tab-strip.component.d.ts","sourceRoot":"","sources":["../../../src/lib/tab-strip/tab-strip.component.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"tab-strip.component.d.ts","sourceRoot":"","sources":["../../../src/lib/tab-strip/tab-strip.component.ts"],"names":[],"mappings":"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"}

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

@@ -22,9 +22,9 @@ function MJTabStripComponent_Conditional_6_Template(rf, ctx) { if (rf & 1) {
     i0.ɵɵelementEnd();
 } }
 export class TabEvent {
-    index;
-    tab = null;
-    body = null;
+    index; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
+    tab = null; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
+    body = null; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
 }
 export class TabCancelableEvent extends TabEvent {
     cancel = false;
@@ -33,14 +33,14 @@ export 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;
+    newTabIndex; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
     /**
      * Whenever the container is done processing, it MUST call this done method to signal that it is done.
      */
-    done;
+    done; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
 }
 export class TabContextMenuEvent extends TabEvent {
-    mouseEvent;
+    mouseEvent; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
 }
 /** Source of per-instance DOM id bases — see {@link MJTabStripComponent.IdBase}. */
 let tabStripIdSeq = 0;
@@ -163,14 +163,14 @@ export class MJTabStripComponent {
      * the ScrollIntoView method being called.
      */
     TabScrolled = new EventEmitter();
-    tabs;
-    tabBodies;
+    tabs; // case-violation-ok-legacy-back-compat: the PascalCase name is already taken in this scope
+    tabBodies; // case-violation-ok-legacy-back-compat: the PascalCase name is already taken in this scope
     _viewInitialized = false;
     ngAfterViewInit() {
         this._viewInitialized = true;
         // Dev-mode guard: the .mj-tabs* chrome lives in a global stylesheet a standalone host must
         // import; a missing import renders bare divs with no error. Warn instead of staying silent.
-        warnIfTabChromeMissing(this.tabInnerContainer?.nativeElement?.closest('.mj-tabs') ?? undefined);
+        warnIfTabChromeMissing(this.TabInnerContainer?.nativeElement?.closest('.mj-tabs') ?? undefined);
         this.SelectedTabIndex = this.SelectedTabIndex; // force a refresh of the tab visibility
         this.syncTabIndexes();
         this.checkTabScrollButtons();
@@ -284,31 +284,59 @@ export class MJTabStripComponent {
         else
             throw new Error("Invalid tab index: " + tabIndex);
     }
-    handleTabContextMenu($event, tab) {
+    HandleTabContextMenu($event, tab) {
         this.TabContextMenu.emit({ index: tab.index, tab: tab, body: this.tabBodies.toArray()[tab.index], mouseEvent: $event });
     }
+    /** @deprecated Use {@link HandleTabContextMenu}. */
+    handleTabContextMenu($event, tab) {
+        return this.HandleTabContextMenu($event, tab);
+    }
     /* INTERNAL IMPLEMENTATION */
-    tabInnerContainer;
-    showLeftButton = false;
-    showRightButton = false;
+    TabInnerContainer;
+    /** @deprecated Use {@link TabInnerContainer}. */
+    get tabInnerContainer() {
+        return this.TabInnerContainer;
+    }
+    /** @deprecated Use {@link TabInnerContainer}. */
+    set tabInnerContainer(value) {
+        this.TabInnerContainer = value;
+    }
+    ShowLeftButton = false;
+    /** @deprecated Use {@link ShowLeftButton}. */
+    get showLeftButton() {
+        return this.ShowLeftButton;
+    }
+    /** @deprecated Use {@link ShowLeftButton}. */
+    set showLeftButton(value) {
+        this.ShowLeftButton = value;
+    }
+    ShowRightButton = false;
+    /** @deprecated Use {@link ShowRightButton}. */
+    get showRightButton() {
+        return this.ShowRightButton;
+    }
+    /** @deprecated Use {@link ShowRightButton}. */
+    set showRightButton(value) {
+        this.ShowRightButton = value;
+    }
     onResize(event) {
         this.checkTabScrollButtons();
     }
     checkTabScrollButtons() {
-        if (this.tabInnerContainer && this.tabInnerContainer.nativeElement) {
+        if (this.TabInnerContainer && this.TabInnerContainer.nativeElement) {
             // The list itself is the scroller now (`.mj-tabs__list` is `overflow-x: auto`), so overflow
             // and position are read off its NATIVE scroll state — the old scheme of animating a `left`
             // offset against a relatively-positioned wrapper is gone with the wrapper's CSS.
-            const container = this.tabInnerContainer.nativeElement;
+            const container = this.TabInnerContainer.nativeElement;
             const overflow = container.scrollWidth - container.clientWidth;
-            this.showLeftButton = overflow > 0 && container.scrollLeft > 0;
-            this.showRightButton = overflow > 0 && container.scrollLeft < overflow - 1;
+            this.ShowLeftButton = overflow > 0 && container.scrollLeft > 0;
+            this.ShowRightButton = overflow > 0 && container.scrollLeft < overflow - 1;
         }
     }
     scrollTabHeader(scrollAmount) {
         // Positive amount = reveal content to the LEFT (the old `left`-offset convention, preserved so
         // ScrollAmount and the button wiring keep their meaning); native scrollLeft counts the other way.
-        const container = this.tabInnerContainer.nativeElement;
+        const container = this.TabInnerContainer.nativeElement;
         container.scrollBy({ left: -scrollAmount, behavior: 'smooth' });
         // Smooth scrolling settles asynchronously; re-evaluate the buttons when it has.
         setTimeout(() => this.checkTabScrollButtons(), 300);
@@ -318,12 +346,20 @@ export class MJTabStripComponent {
      * This property determines how many pixels to scroll when the scrollLeft or scrollRight methods are called.
      */
     ScrollAmount = 150;
-    scrollLeft() {
+    ScrollLeft() {
         this.scrollTabHeader(150);
     }
-    scrollRight() {
+    /** @deprecated Use {@link ScrollLeft}. */
+    scrollLeft() {
+        return this.ScrollLeft();
+    }
+    ScrollRight() {
         this.scrollTabHeader(-150);
     }
+    /** @deprecated Use {@link ScrollRight}. */
+    scrollRight() {
+        return this.ScrollRight();
+    }
     /**
      * Keyboard navigation from the shared `mjTabList` directive (arrows / Home / End / Enter).
      *
@@ -332,28 +368,36 @@ export class MJTabStripComponent {
      * view — arrowing to a tab hidden behind the overflow edge would otherwise move focus somewhere
      * the user cannot see.
      */
-    onTabActivateRequested(request) {
+    OnTabActivateRequested(request) {
         if (request.Index >= 0 && request.Index < this.tabs.length) {
             this.SelectedTabIndex = request.Index;
-            this.scrollIntoView(request.Index);
+            this.ScrollIntoView(request.Index);
         }
     }
+    /** @deprecated Use {@link OnTabActivateRequested}. */
+    onTabActivateRequested(request) {
+        return this.OnTabActivateRequested(request);
+    }
     /**
      * Delete / Backspace on a focused tab. Routed through the SAME `CloseTab` path a click on the
      * close button uses, so the cancelable `BeforeTabClosed` contract holds for keyboard users too.
      * Ignored for tabs that are not closeable.
      */
-    onTabCloseRequested(request) {
+    OnTabCloseRequested(request) {
         const tab = this.tabs?.toArray()[request.Index];
         if (tab?.TabCloseable) {
             void this.CloseTab(request.Index);
         }
     }
+    /** @deprecated Use {@link OnTabCloseRequested}. */
+    onTabCloseRequested(request) {
+        return this.OnTabCloseRequested(request);
+    }
     /**
      * This method will scroll the specified tab index into view if it is not currently visible in the tab strip.
      * @param tabIndex
      */
-    scrollIntoView(tabIndex) {
+    ScrollIntoView(tabIndex) {
         // We do NOT change tab selection — the caller does that separately if they want to. The list
         // is a native horizontal scroller now, so the browser's own logic does the geometry.
         if (tabIndex >= 0 && tabIndex < this.tabs.length) {
@@ -362,6 +406,10 @@ export class MJTabStripComponent {
             setTimeout(() => this.checkTabScrollButtons(), 300);
         }
     }
+    /** @deprecated Use {@link ScrollIntoView}. */
+    scrollIntoView(tabIndex) {
+        return this.ScrollIntoView(tabIndex);
+    }
     static ɵfac = function MJTabStripComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || MJTabStripComponent)(i0.ɵɵdirectiveInject(i0.ChangeDetectorRef)); };
     static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: MJTabStripComponent, selectors: [["mj-tabstrip"]], contentQueries: function MJTabStripComponent_ContentQueries(rf, ctx, dirIndex) { if (rf & 1) {
             i0.ɵɵcontentQuery(dirIndex, MJTabComponent, 4)(dirIndex, MJTabBodyComponent, 4);
@@ -373,7 +421,7 @@ export class MJTabStripComponent {
             i0.ɵɵviewQuery(_c0, 5);
         } if (rf & 2) {
             let _t;
-            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.tabInnerContainer = _t.first);
+            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); }, i0.ɵɵresolveWindow);
         } }, inputs: { FillWidth: "FillWidth", FillHeight: "FillHeight", SelectedTabIndex: "SelectedTabIndex", ScrollAmount: "ScrollAmount" }, outputs: { ResizeContainer: "ResizeContainer", BeforeTabSelected: "BeforeTabSelected", TabSelected: "TabSelected", BeforeTabClosed: "BeforeTabClosed", TabClosed: "TabClosed", TabContextMenu: "TabContextMenu", TabScrolled: "TabScrolled" }, standalone: false, ngContentSelectors: _c2, decls: 9, vars: 2, consts: [["tabInnerContainer", ""], [1, "tabstrip-container"], [1, "tab-header-outer", "mj-tabs", "mj-tabs__bar"], ["type", "button", "tabindex", "-1", "aria-label", "Scroll tabs left", 1, "mj-tabs__scroll"], ["mjTabList", "", 1, "tab-header-inner", "mj-tabs__list", 3, "scroll", "TabActivateRequested", "TabCloseRequested"], ["type", "button", "tabindex", "-1", "aria-label", "Scroll tabs right", 1, "mj-tabs__scroll"], [1, "tab-bodies"], ["type", "button", "tabindex", "-1", "aria-label", "Scroll tabs left", 1, "mj-tabs__scroll", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-caret-left"], ["type", "button", "tabindex", "-1", "aria-label", "Scroll tabs right", 1, "mj-tabs__scroll", 3, "click"], ["aria-hidden", "true", 1, "fa-solid", "fa-caret-right"]], template: function MJTabStripComponent_Template(rf, ctx) { if (rf & 1) {
@@ -425,7 +473,7 @@ export class MJTabStripComponent {
         }], tabBodies: [{
             type: ContentChildren,
             args: [MJTabBodyComponent]
-        }], tabInnerContainer: [{
+        }], TabInnerContainer: [{
             type: ViewChild,
             args: ['tabInnerContainer']
         }], onResize: [{

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

@@ -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":"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","sourcesContent":["import { Component, Input, EventEmitter, Output, ContentChildren, QueryList, ViewChild, HostListener, ElementRef, AfterContentInit, AfterContentChecked, AfterViewInit, ChangeDetectorRef } from '@angular/core';\nimport { warnIfTabChromeMissing } from '@memberjunction/ng-ui-components';\nimport { MJTabComponent } from '../tab/tab.component';\nimport { MJTabBodyComponent } from '../tab-body/tab-body.component';\n\n \nexport class TabEvent {\n  public index!: number;\n  public tab: MJTabComponent | null = null;\n  public body: MJTabBodyComponent | null = null;\n}\nexport class TabCancelableEvent extends TabEvent {\n  public cancel: boolean = false;\n}\nexport class TabClosedEvent extends TabEvent {\n  /**\n   * 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.\n   */\n  public newTabIndex!: number\n  /**\n   * Whenever the container is done processing, it MUST call this done method to signal that it is done.  \n   */\n  public done!: (error?: any) => {};\n}\nexport class TabContextMenuEvent extends TabEvent {\n  public mouseEvent!: MouseEvent;\n}\n\n/** Source of per-instance DOM id bases — see {@link MJTabStripComponent.IdBase}. */\nlet tabStripIdSeq = 0;\n\n@Component({\n  standalone: false,\n  selector: 'mj-tabstrip',\n  templateUrl: './tab-strip.component.html',\n  styleUrls: ['./tab-strip.component.css']\n})\nexport class MJTabStripComponent implements AfterContentInit, AfterContentChecked, AfterViewInit {\n  protected _selectedTabIndex: number = 0; // default to negative 1 so any valid value of 0+ will invoke a state change internally later\n\n  public static OutputDebugInfo: boolean = false;\n  protected static OutputDebugMessage(message: string): void {\n    if (MJTabStripComponent.OutputDebugInfo) {\n      console.log(message);\n    }\n  }\n\n  constructor(private cdr: ChangeDetectorRef) { }\n  /** @deprecated No longer read — the strip sizes to content and the HOST owns region sizing. Kept only so existing bindings compile; remove on the next major. */\n  @Input() FillWidth: boolean = true;\n  /** @deprecated No longer read — the strip sizes to content and the HOST owns region sizing. Kept only so existing bindings compile; remove on the next major. */\n  @Input() FillHeight: boolean = true;\n\n  /**\n   * Per-instance id base pairing each tab with its panel (`aria-controls` / `aria-labelledby`).\n   * Index-suffixed by the tab/body components themselves once `syncTabIndexes` has run.\n   */\n  public readonly IdBase: string = `mj-tabstrip-${++tabStripIdSeq}`;\n\n  /**\n   * This event is raised whenever the TabStrip component determines it would be advisable to conduct any necessary\n   * resizing action in the parent container. Implement an event handler to handle this, if desired, for your application.\n   */\n  @Output() ResizeContainer = new EventEmitter();\n\n  /**\n   * The index of the selected tab. You can get/set this value and it will change the displayed tab.\n   */\n  @Input() get SelectedTabIndex(): number {\n    return this._selectedTabIndex;\n  }\n  set SelectedTabIndex(index: number) {\n    // check to make sure that the new index is different from the current index and only do the work here if it is different\n    MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.SelectedTabIndex(${index})`);\n    if (index !== this._selectedTabIndex) {\n      const props = { \n        index: index!, \n        tab: index !== null && this.tabs ? this.tabs.toArray()[index] : null,\n        body: index !== null && this.tabBodies ? this.tabBodies.toArray()[index] : null,\n        cancel: false\n      };\n      if (props.tab?.Visible) {\n        this.BeforeTabSelected.emit(props);\n        if (!props.cancel) {\n          this._selectedTabIndex = index;\n  \n          this.innerRefreshTabVisibility(index);      \n  \n          const afterProps = {\n            index: index!,\n            tab: props.tab,\n            body: props.body\n          }\n          this.TabSelected.emit(afterProps);  \n        }  \n      }\n      else\n        throw new Error(`Tab index ${index} is not visible and cannot be selected.`);\n    }\n    else {\n      // always do this even if we're not firing event since we're already on the right tab\n      this.innerRefreshTabVisibility(index);      \n    }\n  }\n\n  /**\n   * 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.\n   * @param tabName \n   * @returns \n   */\n  public SelectTabByName(tabName: string): MJTabComponent | undefined {\n    const tab = this.GetTabByName(tabName);\n    if (tab) {\n      if (tab.Visible)\n        this.SelectedTabIndex = tab.index;\n      else\n        throw new Error(`Tab ${tabName} is not visible and cannot be selected.`);\n    }\n    return tab;\n  }\n\n  public GetTabByName(tabName: string): MJTabComponent | undefined {\n    return this.tabs.find(t => t.Name?.trim().toLowerCase() === tabName.trim().toLowerCase());\n  }\n\n  protected innerRefreshTabVisibility(index: number) {\n    Promise.resolve().then(() => {\n      MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.innerRefreshTabVisibility(${index})`);\n      // do this within a Promise.resolve() to ensure that the change detection has a chance to catch up before we start changing things\n\n      // 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\n      this.tabs?.forEach((tab, i) => tab.TabSelected = i === index);\n      this.tabBodies?.forEach((body, i) => body.TabVisible = i === index);\n\n      // let angular now it needs to update its change detection\n      this.cdr.detectChanges();\n      \n      // also ask for a resize now\n      this.ResizeContainer.emit();\n    });\n  }\n\n  /**\n   * This event is fired before a tab is selected. If you set cancel to true, the tab will not be selected.\n   */\n  @Output() BeforeTabSelected = new EventEmitter<TabCancelableEvent>();\n\n  /**\n   * This event is fired when a tab is selected.\n   */\n  @Output() TabSelected = new EventEmitter<TabEvent>();\n\n  /**\n   * This event is fired before a tab is closed. If you set cancel to true, the tab will not be closed.\n   */\n  @Output() BeforeTabClosed = new EventEmitter<TabCancelableEvent>();\n\n  /**\n   * This event is fired after a tab is closed.\n   */\n  @Output() TabClosed = new EventEmitter<TabClosedEvent>(true);\n\n  /**\n   * This event is fired when a tab is right-clicked and the context menu event from the tab header fires.\n   */\n  @Output() TabContextMenu = new EventEmitter<TabContextMenuEvent>();\n\n  /**\n   * 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\n   * the ScrollIntoView method being called.\n   */\n  @Output() TabScrolled = new EventEmitter();\n\n\n  @ContentChildren(MJTabComponent) tabs!: QueryList<MJTabComponent>;\n  @ContentChildren(MJTabBodyComponent) tabBodies!: QueryList<MJTabBodyComponent>;\n   \n\n  private _viewInitialized: boolean = false;\n  ngAfterViewInit() {\n    this._viewInitialized = true;\n    // Dev-mode guard: the .mj-tabs* chrome lives in a global stylesheet a standalone host must\n    // import; a missing import renders bare divs with no error. Warn instead of staying silent.\n    warnIfTabChromeMissing(this.tabInnerContainer?.nativeElement?.closest('.mj-tabs') ?? undefined);\n    this.SelectedTabIndex = this.SelectedTabIndex; // force a refresh of the tab visibility\n    this.syncTabIndexes();\n    this.checkTabScrollButtons();\n  }\n  ngAfterContentInit() {\n    this.syncTabIndexes();\n  }\n  ngAfterContentChecked(): void {\n    this.syncTabIndexes();\n    this.checkTabScrollButtons();\n  }\n\n  /**\n   * 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 \n   * re-evaluate the tabs and tab bodies and update the display accordingly.\n   */\n  public RefreshTabs() {\n    this.cdr.detectChanges();\n    this.syncTabIndexes();\n    this.innerRefreshTabVisibility(this.SelectedTabIndex);\n  }\n\n  protected syncTabIndexes() {\n    if (!this._viewInitialized) return; // don't do anything until the view is initialized\n\n    // Automatically assign indices to tabs and tab bodies\n    this.tabs.forEach((tab, index) => tab.index = index);\n    this.tabBodies.forEach((body, index) => body.index = index);\n\n    // Pair each tab with its panel for assistive tech (`aria-controls` / `aria-labelledby`).\n    // Written directly to the DOM rather than template-bound, because `index` is only known HERE —\n    // after the first render — and a binding that changes mid-cycle trips NG0100 in dev mode.\n    // Idempotent, and re-run whenever the tab set changes, so ids follow reorders/removals.\n    this.tabs.forEach((tab, index) => {\n      const el: HTMLElement | null = tab.elementRef?.nativeElement?.querySelector('[role=\"tab\"]');\n      if (el) {\n        el.id = `${this.IdBase}-tab-${index}`;\n        el.setAttribute('aria-controls', `${this.IdBase}-panel-${index}`);\n      }\n    });\n    this.tabBodies.forEach((body, index) => {\n      const el: HTMLElement | null = body.elementRef?.nativeElement?.querySelector('[role=\"tabpanel\"]');\n      if (el) {\n        el.id = `${this.IdBase}-panel-${index}`;\n        el.setAttribute('aria-labelledby', `${this.IdBase}-tab-${index}`);\n      }\n    });\n    if (this.SelectedTabIndex === null && this.tabs.length > 0) {\n      this.SelectedTabIndex = 0;\n    }\n    else if (this.tabs.length === 0)\n      this.SelectedTabIndex = -1;\n  }\n\n  /**\n   * Returns a read-only (copy) of the tabs in this tab strip.\n   */\n  public get Tabs(): MJTabComponent[] {\n    return this.tabs.toArray();\n  }\n\n  /**\n   * Returns a read-only (copy) of the tab bodies in this tab strip.\n   */\n  public get TabBodies(): MJTabBodyComponent[] {\n    return this.tabBodies.toArray();\n  }\n\n  /**\n   * 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.\n   */\n  public async CloseTab(tabIndex: number) {\n    MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.CloseTab(${tabIndex})`);\n    if (tabIndex >= 0 && tabIndex < this.tabs.length) {\n      // figure out what the new tab index will be so we can share with our container component\n      let newTabIndex;\n      if (this.tabs.length === 1) {\n        // deleting the only tab we have, shouldn't happen but if so, set to -1\n        newTabIndex = -1;\n      }\n      else if (this.SelectedTabIndex >= this.tabs.length - 1) {\n        // we are ABOUT to delete the last tab, so select what will be the new last tab\n        newTabIndex = this.tabs.length - 2; // substract 2 becuase subtracting 1 would be the last tab, but we are about to delete it\n      }\n      else {\n        // 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\n        newTabIndex = this.SelectedTabIndex;  \n      }\n\n      const props: any = { \n        index: tabIndex,\n        tab: this.tabs.toArray()[tabIndex],\n        body: this.tabBodies.toArray()[tabIndex],\n        cancel: false,\n      };\n      this.BeforeTabClosed.emit(props);\n      if (!props.cancel) {\n        // Convert callback to a promise\n        const waitForCompletion = new Promise((resolve, reject) => {\n          props.done = (error?: any) => {\n            if (error) {\n              reject(error);\n            } else {\n              resolve(true);\n            }\n          };\n        });        \n        props.newTabIndex = newTabIndex;\n\n        // fire off the event to the container component\n        this.TabClosed.emit(props);\n        // wait for callback to occur from the event handler\n        await waitForCompletion; \n\n        // finally, set the tab index to the props.newTabIndex value which allows the container to override our default calculation for new tab index\n        this.SelectedTabIndex = props.newTabIndex;\n      }\n    }\n    else\n      throw new Error(\"Invalid tab index: \" + tabIndex);\n  }\n\n\n  public handleTabContextMenu($event: MouseEvent, tab: MJTabComponent) {\n    this.TabContextMenu.emit({ index: tab.index, tab: tab, body: this.tabBodies.toArray()[tab.index], mouseEvent: $event });\n  }\n\n\n  /* INTERNAL IMPLEMENTATION */\n  @ViewChild('tabInnerContainer') tabInnerContainer!: ElementRef;\n\n  showLeftButton: boolean = false;\n  showRightButton: boolean = false;\n\n  @HostListener('window:resize', ['$event'])\n  onResize(event: any) {\n    this.checkTabScrollButtons();\n  }\n\n  protected checkTabScrollButtons() {\n    if (this.tabInnerContainer && this.tabInnerContainer.nativeElement) {\n      // The list itself is the scroller now (`.mj-tabs__list` is `overflow-x: auto`), so overflow\n      // and position are read off its NATIVE scroll state — the old scheme of animating a `left`\n      // offset against a relatively-positioned wrapper is gone with the wrapper's CSS.\n      const container: HTMLElement = this.tabInnerContainer.nativeElement;\n      const overflow = container.scrollWidth - container.clientWidth;\n      this.showLeftButton = overflow > 0 && container.scrollLeft > 0;\n      this.showRightButton = overflow > 0 && container.scrollLeft < overflow - 1;\n    }\n  }\n\n  protected scrollTabHeader(scrollAmount: number) {\n    // Positive amount = reveal content to the LEFT (the old `left`-offset convention, preserved so\n    // ScrollAmount and the button wiring keep their meaning); native scrollLeft counts the other way.\n    const container: HTMLElement = this.tabInnerContainer.nativeElement;\n    container.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\n    // Smooth scrolling settles asynchronously; re-evaluate the buttons when it has.\n    setTimeout(() => this.checkTabScrollButtons(), 300);\n    this.TabScrolled.emit();\n  }\n\n  /**\n   * This property determines how many pixels to scroll when the scrollLeft or scrollRight methods are called.\n   */\n  @Input() ScrollAmount: number = 150;\n  public scrollLeft() {\n    this.scrollTabHeader(150)\n  }\n  public scrollRight() {\n    this.scrollTabHeader(-150)\n  }\n\n  /**\n   * Keyboard navigation from the shared `mjTabList` directive (arrows / Home / End / Enter).\n   *\n   * The directive reports a POSITION among the rendered `[role=\"tab\"]` elements, which is already\n   * this component's identity model, so the mapping is direct. Selecting also scrolls the tab into\n   * view — arrowing to a tab hidden behind the overflow edge would otherwise move focus somewhere\n   * the user cannot see.\n   */\n  public onTabActivateRequested(request: { Index: number }): void {\n    if (request.Index >= 0 && request.Index < this.tabs.length) {\n      this.SelectedTabIndex = request.Index;\n      this.scrollIntoView(request.Index);\n    }\n  }\n\n  /**\n   * Delete / Backspace on a focused tab. Routed through the SAME `CloseTab` path a click on the\n   * close button uses, so the cancelable `BeforeTabClosed` contract holds for keyboard users too.\n   * Ignored for tabs that are not closeable.\n   */\n  public onTabCloseRequested(request: { Index: number }): void {\n    const tab = this.tabs?.toArray()[request.Index];\n    if (tab?.TabCloseable) {\n      void this.CloseTab(request.Index);\n    }\n  }\n\n\n  /**\n   * This method will scroll the specified tab index into view if it is not currently visible in the tab strip.\n   * @param tabIndex \n   */\n  public scrollIntoView(tabIndex: number) {\n    // We do NOT change tab selection — the caller does that separately if they want to. The list\n    // is a native horizontal scroller now, so the browser's own logic does the geometry.\n    if (tabIndex >= 0 && tabIndex < this.tabs.length) {\n      const tabElement: HTMLElement | undefined = this.tabs.toArray()[tabIndex]?.elementRef?.nativeElement;\n      tabElement?.scrollIntoView({ block: 'nearest', inline: 'nearest', behavior: 'smooth' });\n      setTimeout(() => this.checkTabScrollButtons(), 300);\n    }\n  }\n}\n","<div class=\"tabstrip-container\">\n  <!-- Tab Headers. Chrome classes (.mj-tabs*) come from the GLOBAL stylesheet in\n       @memberjunction/ng-ui-components (lib/tabs/tabs.scss), which is the single definition of what\n       an MJ tab looks like — shared with the draft/workspace strip. Keyboard behaviour comes from\n       the mjTabList directive in the same package: roving tabindex, arrow/Home/End navigation, and\n       Delete to close. Neither is redefined here; that is the whole point. -->\n  <div class=\"tab-header-outer mj-tabs mj-tabs__bar\">\n    @if (showLeftButton) {\n      <button type=\"button\" class=\"mj-tabs__scroll\" (click)=\"scrollLeft()\" tabindex=\"-1\" aria-label=\"Scroll tabs left\">\n        <span class=\"fa-solid fa-caret-left\" aria-hidden=\"true\"></span>\n      </button>\n    }\n    <div\n      class=\"tab-header-inner mj-tabs__list\"\n      #tabInnerContainer\n      mjTabList\n      (scroll)=\"checkTabScrollButtons()\"\n      (TabActivateRequested)=\"onTabActivateRequested($event)\"\n      (TabCloseRequested)=\"onTabCloseRequested($event)\">\n      <ng-content select=\"mj-tab\"></ng-content> <!-- Where <mj-tab> components are projected -->\n    </div>\n    @if (showRightButton) {\n      <button type=\"button\" class=\"mj-tabs__scroll\" (click)=\"scrollRight()\" tabindex=\"-1\" aria-label=\"Scroll tabs right\">\n        <span class=\"fa-solid fa-caret-right\" aria-hidden=\"true\"></span>\n      </button>\n    }\n  </div>\n  <!-- Tab Content -->\n  <div class=\"tab-bodies\">\n    <ng-content select=\"mj-tab-body\"></ng-content> <!-- Where <mj-tab-body> components are projected -->\n  </div>\n</div>\n"]}
+{"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":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAa,SAAS,EAAE,YAAY,EAAuF,MAAM,eAAe,CAAC;AACjN,OAAO,EAAE,sBAAsB,EAAE,MAAM,kCAAkC,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;;;;;;;;ICK9D,iCAAiH;IAAnE,uLAAS,mBAAY,KAAC;IAClE,0BAA+D;IACjE,iBAAS;;;;IAYT,iCAAmH;IAArE,uLAAS,oBAAa,KAAC;IACnE,2BAAgE;IAClE,iBAAS;;ADlBf,MAAM,OAAO,QAAQ;IACZ,KAAK,CAAU,CAAE,sIAAsI;IACvJ,GAAG,GAA0B,IAAI,CAAC,CAAE,sIAAsI;IAC1K,IAAI,GAA8B,IAAI,CAAC,CAAE,sIAAsI;CACvL;AACD,MAAM,OAAO,kBAAmB,SAAQ,QAAQ;IACvC,MAAM,GAAY,KAAK,CAAC;CAChC;AACD,MAAM,OAAO,cAAe,SAAQ,QAAQ;IAC1C;;OAEG;IACI,WAAW,CAAS,CAAE,sIAAsI;IACnK;;OAEG;IACI,IAAI,CAAuB,CAAE,sIAAsI;CAC3K;AACD,MAAM,OAAO,mBAAoB,SAAQ,QAAQ;IACxC,UAAU,CAAc,CAAE,sIAAsI;CACxK;AAED,oFAAoF;AACpF,IAAI,aAAa,GAAG,CAAC,CAAC;AAQtB,MAAM,OAAO,mBAAmB;IAUV;IATV,iBAAiB,GAAW,CAAC,CAAC,CAAC,6FAA6F;IAE/H,MAAM,CAAC,eAAe,GAAY,KAAK,CAAC;IACrC,MAAM,CAAC,kBAAkB,CAAC,OAAe;QACjD,IAAI,mBAAmB,CAAC,eAAe,EAAE,CAAC;YACxC,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,YAAoB,GAAsB;QAAtB,QAAG,GAAH,GAAG,CAAmB;IAAI,CAAC;IAC/C,iKAAiK;IACxJ,SAAS,GAAY,IAAI,CAAC;IACnC,iKAAiK;IACxJ,UAAU,GAAY,IAAI,CAAC;IAEpC;;;OAGG;IACa,MAAM,GAAW,eAAe,EAAE,aAAa,EAAE,CAAC;IAElE;;;OAGG;IACO,eAAe,GAAG,IAAI,YAAY,EAAE,CAAC;IAE/C;;OAEG;IACH,IAAa,gBAAgB;QAC3B,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IACD,IAAI,gBAAgB,CAAC,KAAa;QAChC,yHAAyH;QACzH,mBAAmB,CAAC,kBAAkB,CAAC,wCAAwC,KAAK,GAAG,CAAC,CAAC;QACzF,IAAI,KAAK,KAAK,IAAI,CAAC,iBAAiB,EAAE,CAAC;YACrC,MAAM,KAAK,GAAG;gBACZ,KAAK,EAAE,KAAM;gBACb,GAAG,EAAE,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBACpE,IAAI,EAAE,KAAK,KAAK,IAAI,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;gBAC/E,MAAM,EAAE,KAAK;aACd,CAAC;YACF,IAAI,KAAK,CAAC,GAAG,EAAE,OAAO,EAAE,CAAC;gBACvB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBACnC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;oBAClB,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;oBAE/B,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;oBAEtC,MAAM,UAAU,GAAG;wBACjB,KAAK,EAAE,KAAM;wBACb,GAAG,EAAE,KAAK,CAAC,GAAG;wBACd,IAAI,EAAE,KAAK,CAAC,IAAI;qBACjB,CAAA;oBACD,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;gBACpC,CAAC;YACH,CAAC;;gBAEC,MAAM,IAAI,KAAK,CAAC,aAAa,KAAK,yCAAyC,CAAC,CAAC;QACjF,CAAC;aACI,CAAC;YACJ,qFAAqF;YACrF,IAAI,CAAC,yBAAyB,CAAC,KAAK,CAAC,CAAC;QACxC,CAAC;IACH,CAAC;IAED;;;;OAIG;IACI,eAAe,CAAC,OAAe;QACpC,MAAM,GAAG,GAAG,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC;QACvC,IAAI,GAAG,EAAE,CAAC;YACR,IAAI,GAAG,CAAC,OAAO;gBACb,IAAI,CAAC,gBAAgB,GAAG,GAAG,CAAC,KAAK,CAAC;;gBAElC,MAAM,IAAI,KAAK,CAAC,OAAO,OAAO,yCAAyC,CAAC,CAAC;QAC7E,CAAC;QACD,OAAO,GAAG,CAAC;IACb,CAAC;IAEM,YAAY,CAAC,OAAe;QACjC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,WAAW,EAAE,KAAK,OAAO,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,CAAC;IAC5F,CAAC;IAES,yBAAyB,CAAC,KAAa;QAC/C,OAAO,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;YAC1B,mBAAmB,CAAC,kBAAkB,CAAC,iDAAiD,KAAK,GAAG,CAAC,CAAC;YAClG,kIAAkI;YAElI,+HAA+H;YAC/H,IAAI,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC;YAC9D,IAAI,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,KAAK,KAAK,CAAC,CAAC;YAEpE,0DAA0D;YAC1D,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;YAEzB,4BAA4B;YAC5B,IAAI,CAAC,eAAe,CAAC,IAAI,EAAE,CAAC;QAC9B,CAAC,CAAC,CAAC;IACL,CAAC;IAED;;OAEG;IACO,iBAAiB,GAAG,IAAI,YAAY,EAAsB,CAAC;IAErE;;OAEG;IACO,WAAW,GAAG,IAAI,YAAY,EAAY,CAAC;IAErD;;OAEG;IACO,eAAe,GAAG,IAAI,YAAY,EAAsB,CAAC;IAEnE;;OAEG;IACO,SAAS,GAAG,IAAI,YAAY,CAAiB,IAAI,CAAC,CAAC;IAE7D;;OAEG;IACO,cAAc,GAAG,IAAI,YAAY,EAAuB,CAAC;IAEnE;;;OAGG;IACO,WAAW,GAAG,IAAI,YAAY,EAAE,CAAC;IAGV,IAAI,CAA6B,CAAE,2FAA2F;IAC1H,SAAS,CAAiC,CAAE,2FAA2F;IAGpK,gBAAgB,GAAY,KAAK,CAAC;IAC1C,eAAe;QACb,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC;QAC7B,2FAA2F;QAC3F,4FAA4F;QAC5F,sBAAsB,CAAC,IAAI,CAAC,iBAAiB,EAAE,aAAa,EAAE,OAAO,CAAC,UAAU,CAAC,IAAI,SAAS,CAAC,CAAC;QAChG,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,wCAAwC;QACvF,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IACD,kBAAkB;QAChB,IAAI,CAAC,cAAc,EAAE,CAAC;IACxB,CAAC;IACD,qBAAqB;QACnB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAED;;;OAGG;IACI,WAAW;QAChB,IAAI,CAAC,GAAG,CAAC,aAAa,EAAE,CAAC;QACzB,IAAI,CAAC,cAAc,EAAE,CAAC;QACtB,IAAI,CAAC,yBAAyB,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC;IACxD,CAAC;IAES,cAAc;QACtB,IAAI,CAAC,IAAI,CAAC,gBAAgB;YAAE,OAAO,CAAC,kDAAkD;QAEtF,sDAAsD;QACtD,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC;QACrD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC,CAAC;QAE5D,yFAAyF;QACzF,+FAA+F;QAC/F,0FAA0F;QAC1F,wFAAwF;QACxF,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE;YAC/B,MAAM,EAAE,GAAuB,GAAG,CAAC,UAAU,EAAE,aAAa,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;YAC5F,IAAI,EAAE,EAAE,CAAC;gBACP,EAAE,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,QAAQ,KAAK,EAAE,CAAC;gBACtC,EAAE,CAAC,YAAY,CAAC,eAAe,EAAE,GAAG,IAAI,CAAC,MAAM,UAAU,KAAK,EAAE,CAAC,CAAC;YACpE,CAAC;QACH,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;YACrC,MAAM,EAAE,GAAuB,IAAI,CAAC,UAAU,EAAE,aAAa,EAAE,aAAa,CAAC,mBAAmB,CAAC,CAAC;YAClG,IAAI,EAAE,EAAE,CAAC;gBACP,EAAE,CAAC,EAAE,GAAG,GAAG,IAAI,CAAC,MAAM,UAAU,KAAK,EAAE,CAAC;gBACxC,EAAE,CAAC,YAAY,CAAC,iBAAiB,EAAE,GAAG,IAAI,CAAC,MAAM,QAAQ,KAAK,EAAE,CAAC,CAAC;YACpE,CAAC;QACH,CAAC,CAAC,CAAC;QACH,IAAI,IAAI,CAAC,gBAAgB,KAAK,IAAI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;YAC3D,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC;QAC5B,CAAC;aACI,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC;YAC7B,IAAI,CAAC,gBAAgB,GAAG,CAAC,CAAC,CAAC;IAC/B,CAAC;IAED;;OAEG;IACH,IAAW,IAAI;QACb,OAAO,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;IAC7B,CAAC;IAED;;OAEG;IACH,IAAW,SAAS;QAClB,OAAO,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC;IAClC,CAAC;IAED;;OAEG;IACI,KAAK,CAAC,QAAQ,CAAC,QAAgB;QACpC,mBAAmB,CAAC,kBAAkB,CAAC,gCAAgC,QAAQ,GAAG,CAAC,CAAC;QACpF,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjD,yFAAyF;YACzF,IAAI,WAAW,CAAC;YAChB,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC3B,uEAAuE;gBACvE,WAAW,GAAG,CAAC,CAAC,CAAC;YACnB,CAAC;iBACI,IAAI,IAAI,CAAC,gBAAgB,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBACvD,+EAA+E;gBAC/E,WAAW,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,yFAAyF;YAC/H,CAAC;iBACI,CAAC;gBACJ,6HAA6H;gBAC7H,WAAW,GAAG,IAAI,CAAC,gBAAgB,CAAC;YACtC,CAAC;YAED,MAAM,KAAK,GAAQ;gBACjB,KAAK,EAAE,QAAQ;gBACf,GAAG,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;gBAClC,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC;gBACxC,MAAM,EAAE,KAAK;aACd,CAAC;YACF,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YACjC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;gBAClB,gCAAgC;gBAChC,MAAM,iBAAiB,GAAG,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE;oBACxD,KAAK,CAAC,IAAI,GAAG,CAAC,KAAW,EAAE,EAAE;wBAC3B,IAAI,KAAK,EAAE,CAAC;4BACV,MAAM,CAAC,KAAK,CAAC,CAAC;wBAChB,CAAC;6BAAM,CAAC;4BACN,OAAO,CAAC,IAAI,CAAC,CAAC;wBAChB,CAAC;oBACH,CAAC,CAAC;gBACJ,CAAC,CAAC,CAAC;gBACH,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC;gBAEhC,gDAAgD;gBAChD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC3B,oDAAoD;gBACpD,MAAM,iBAAiB,CAAC;gBAExB,6IAA6I;gBAC7I,IAAI,CAAC,gBAAgB,GAAG,KAAK,CAAC,WAAW,CAAC;YAC5C,CAAC;QACH,CAAC;;YAEC,MAAM,IAAI,KAAK,CAAC,qBAAqB,GAAG,QAAQ,CAAC,CAAC;IACtD,CAAC;IAGM,oBAAoB,CAAC,MAAkB,EAAE,GAAmB;QACjE,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,GAAG,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,CAAC,CAAC;IAC1H,CAAC;IAED,oDAAoD;IAC7C,oBAAoB,CAAC,MAAkB,EAAE,GAAmB;QACjE,OAAO,IAAI,CAAC,oBAAoB,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IAChD,CAAC;IAGD,6BAA6B;IACG,iBAAiB,CAAc;IAE/D,iDAAiD;IACjD,IAAI,iBAAiB;QACnB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAChC,CAAC;IACD,iDAAiD;IACjD,IAAI,iBAAiB,CAAC,KAAiB;QACrC,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;IACjC,CAAC;IAED,cAAc,GAAY,KAAK,CAAC;IAEhC,8CAA8C;IAC9C,IAAI,cAAc;QAChB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC7B,CAAC;IACD,8CAA8C;IAC9C,IAAI,cAAc,CAAC,KAAc;QAC/B,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC;IAC9B,CAAC;IACD,eAAe,GAAY,KAAK,CAAC;IAEjC,+CAA+C;IAC/C,IAAI,eAAe;QACjB,OAAO,IAAI,CAAC,eAAe,CAAC;IAC9B,CAAC;IACD,+CAA+C;IAC/C,IAAI,eAAe,CAAC,KAAc;QAChC,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC;IAC/B,CAAC;IAGD,QAAQ,CAAC,KAAU;QACjB,IAAI,CAAC,qBAAqB,EAAE,CAAC;IAC/B,CAAC;IAES,qBAAqB;QAC7B,IAAI,IAAI,CAAC,iBAAiB,IAAI,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,CAAC;YACnE,4FAA4F;YAC5F,2FAA2F;YAC3F,iFAAiF;YACjF,MAAM,SAAS,GAAgB,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC;YACpE,MAAM,QAAQ,GAAG,SAAS,CAAC,WAAW,GAAG,SAAS,CAAC,WAAW,CAAC;YAC/D,IAAI,CAAC,cAAc,GAAG,QAAQ,GAAG,CAAC,IAAI,SAAS,CAAC,UAAU,GAAG,CAAC,CAAC;YAC/D,IAAI,CAAC,eAAe,GAAG,QAAQ,GAAG,CAAC,IAAI,SAAS,CAAC,UAAU,GAAG,QAAQ,GAAG,CAAC,CAAC;QAC7E,CAAC;IACH,CAAC;IAES,eAAe,CAAC,YAAoB;QAC5C,+FAA+F;QAC/F,kGAAkG;QAClG,MAAM,SAAS,GAAgB,IAAI,CAAC,iBAAiB,CAAC,aAAa,CAAC;QACpE,SAAS,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;QAChE,gFAAgF;QAChF,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,GAAG,CAAC,CAAC;QACpD,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;IAC1B,CAAC;IAED;;OAEG;IACM,YAAY,GAAW,GAAG,CAAC;IAC7B,UAAU;QACf,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAA;IAC3B,CAAC;IAED,0CAA0C;IACnC,UAAU;QACf,OAAO,IAAI,CAAC,UAAU,EAAE,CAAC;IAC3B,CAAC;IACM,WAAW;QAChB,IAAI,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,CAAA;IAC5B,CAAC;IAED,2CAA2C;IACpC,WAAW;QAChB,OAAO,IAAI,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC;IAED;;;;;;;OAOG;IACI,sBAAsB,CAAC,OAA0B;QACtD,IAAI,OAAO,CAAC,KAAK,IAAI,CAAC,IAAI,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YAC3D,IAAI,CAAC,gBAAgB,GAAG,OAAO,CAAC,KAAK,CAAC;YACtC,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED,sDAAsD;IAC/C,sBAAsB,CAAC,OAA0B;QACtD,OAAO,IAAI,CAAC,sBAAsB,CAAC,OAAO,CAAC,CAAC;IAC9C,CAAC;IAED;;;;OAIG;IACI,mBAAmB,CAAC,OAA0B;QACnD,MAAM,GAAG,GAAG,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QAChD,IAAI,GAAG,EAAE,YAAY,EAAE,CAAC;YACtB,KAAK,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;QACpC,CAAC;IACH,CAAC;IAED,mDAAmD;IAC5C,mBAAmB,CAAC,OAA0B;QACnD,OAAO,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAC3C,CAAC;IAGD;;;OAGG;IACI,cAAc,CAAC,QAAgB;QACpC,6FAA6F;QAC7F,qFAAqF;QACrF,IAAI,QAAQ,IAAI,CAAC,IAAI,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;YACjD,MAAM,UAAU,GAA4B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,EAAE,UAAU,EAAE,aAAa,CAAC;YACrG,UAAU,EAAE,cAAc,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,CAAC,CAAC;YACxF,UAAU,CAAC,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,EAAE,GAAG,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAED,8CAA8C;IACvC,cAAc,CAAC,QAAgB;QACpC,OAAO,IAAI,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;IACvC,CAAC;6GAhaU,mBAAmB;6DAAnB,mBAAmB;wCAyIb,cAAc,eACd,kBAAkB;;;;;;;;;;;YA1IxB,gGAAA,oBAAgB,wBAAG;;;YC/B9B,AANF,8BAAgC,aAMqB;YACjD,wFAAsB;YAKtB,iCAMoD;YAAlD,AADA,AADA,+FAAU,2BAAuB,IAAC,oHACV,kCAA8B,IAAC,8GAClC,+BAA2B,IAAC;YACjD,kBAAyC;YAC3C,iBAAM;YACN,wFAAuB;YAKzB,iBAAM;YAEN,8BAAwB;YACtB,qBAA8C;YAElD,AADE,iBAAM,EACF;;YAxBF,eAIC;YAJD,6CAIC;YAUD,eAIC;YAJD,8CAIC;;;iFDYQ,mBAAmB;cAN/B,SAAS;6BACI,KAAK,YACP,aAAa;;kBAgBtB,KAAK;;kBAEL,KAAK;;kBAYL,MAAM;;kBAKN,KAAK;;kBA6EL,MAAM;;kBAKN,MAAM;;kBAKN,MAAM;;kBAKN,MAAM;;kBAKN,MAAM;;kBAMN,MAAM;;kBAGN,eAAe;mBAAC,cAAc;;kBAC9B,eAAe;mBAAC,kBAAkB;;kBA+IlC,SAAS;mBAAC,mBAAmB;;kBAgC7B,YAAY;mBAAC,eAAe,EAAE,CAAC,QAAQ,CAAC;;kBA8BxC,KAAK;;kFAvVK,mBAAmB","sourcesContent":["import { Component, Input, EventEmitter, Output, ContentChildren, QueryList, ViewChild, HostListener, ElementRef, AfterContentInit, AfterContentChecked, AfterViewInit, ChangeDetectorRef } from '@angular/core';\nimport { warnIfTabChromeMissing } from '@memberjunction/ng-ui-components';\nimport { MJTabComponent } from '../tab/tab.component';\nimport { MJTabBodyComponent } from '../tab-body/tab-body.component';\n\n \nexport class TabEvent {\n  public index!: number;  // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply\n  public tab: MJTabComponent | null = null;  // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply\n  public body: MJTabBodyComponent | null = null;  // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply\n}\nexport class TabCancelableEvent extends TabEvent {\n  public cancel: boolean = false;\n}\nexport class TabClosedEvent extends TabEvent {\n  /**\n   * 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.\n   */\n  public newTabIndex!: number  // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply\n  /**\n   * Whenever the container is done processing, it MUST call this done method to signal that it is done.  \n   */\n  public done!: (error?: any) => {};  // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply\n}\nexport class TabContextMenuEvent extends TabEvent {\n  public mouseEvent!: MouseEvent;  // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply\n}\n\n/** Source of per-instance DOM id bases — see {@link MJTabStripComponent.IdBase}. */\nlet tabStripIdSeq = 0;\n\n@Component({\n  standalone: false,\n  selector: 'mj-tabstrip',\n  templateUrl: './tab-strip.component.html',\n  styleUrls: ['./tab-strip.component.css']\n})\nexport class MJTabStripComponent implements AfterContentInit, AfterContentChecked, AfterViewInit {\n  protected _selectedTabIndex: number = 0; // default to negative 1 so any valid value of 0+ will invoke a state change internally later\n\n  public static OutputDebugInfo: boolean = false;\n  protected static OutputDebugMessage(message: string): void {\n    if (MJTabStripComponent.OutputDebugInfo) {\n      console.log(message);\n    }\n  }\n\n  constructor(private cdr: ChangeDetectorRef) { }\n  /** @deprecated No longer read — the strip sizes to content and the HOST owns region sizing. Kept only so existing bindings compile; remove on the next major. */\n  @Input() FillWidth: boolean = true;\n  /** @deprecated No longer read — the strip sizes to content and the HOST owns region sizing. Kept only so existing bindings compile; remove on the next major. */\n  @Input() FillHeight: boolean = true;\n\n  /**\n   * Per-instance id base pairing each tab with its panel (`aria-controls` / `aria-labelledby`).\n   * Index-suffixed by the tab/body components themselves once `syncTabIndexes` has run.\n   */\n  public readonly IdBase: string = `mj-tabstrip-${++tabStripIdSeq}`;\n\n  /**\n   * This event is raised whenever the TabStrip component determines it would be advisable to conduct any necessary\n   * resizing action in the parent container. Implement an event handler to handle this, if desired, for your application.\n   */\n  @Output() ResizeContainer = new EventEmitter();\n\n  /**\n   * The index of the selected tab. You can get/set this value and it will change the displayed tab.\n   */\n  @Input() get SelectedTabIndex(): number {\n    return this._selectedTabIndex;\n  }\n  set SelectedTabIndex(index: number) {\n    // check to make sure that the new index is different from the current index and only do the work here if it is different\n    MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.SelectedTabIndex(${index})`);\n    if (index !== this._selectedTabIndex) {\n      const props = { \n        index: index!, \n        tab: index !== null && this.tabs ? this.tabs.toArray()[index] : null,\n        body: index !== null && this.tabBodies ? this.tabBodies.toArray()[index] : null,\n        cancel: false\n      };\n      if (props.tab?.Visible) {\n        this.BeforeTabSelected.emit(props);\n        if (!props.cancel) {\n          this._selectedTabIndex = index;\n  \n          this.innerRefreshTabVisibility(index);      \n  \n          const afterProps = {\n            index: index!,\n            tab: props.tab,\n            body: props.body\n          }\n          this.TabSelected.emit(afterProps);  \n        }  \n      }\n      else\n        throw new Error(`Tab index ${index} is not visible and cannot be selected.`);\n    }\n    else {\n      // always do this even if we're not firing event since we're already on the right tab\n      this.innerRefreshTabVisibility(index);      \n    }\n  }\n\n  /**\n   * 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.\n   * @param tabName \n   * @returns \n   */\n  public SelectTabByName(tabName: string): MJTabComponent | undefined {\n    const tab = this.GetTabByName(tabName);\n    if (tab) {\n      if (tab.Visible)\n        this.SelectedTabIndex = tab.index;\n      else\n        throw new Error(`Tab ${tabName} is not visible and cannot be selected.`);\n    }\n    return tab;\n  }\n\n  public GetTabByName(tabName: string): MJTabComponent | undefined {\n    return this.tabs.find(t => t.Name?.trim().toLowerCase() === tabName.trim().toLowerCase());\n  }\n\n  protected innerRefreshTabVisibility(index: number) {\n    Promise.resolve().then(() => {\n      MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.innerRefreshTabVisibility(${index})`);\n      // do this within a Promise.resolve() to ensure that the change detection has a chance to catch up before we start changing things\n\n      // 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\n      this.tabs?.forEach((tab, i) => tab.TabSelected = i === index);\n      this.tabBodies?.forEach((body, i) => body.TabVisible = i === index);\n\n      // let angular now it needs to update its change detection\n      this.cdr.detectChanges();\n      \n      // also ask for a resize now\n      this.ResizeContainer.emit();\n    });\n  }\n\n  /**\n   * This event is fired before a tab is selected. If you set cancel to true, the tab will not be selected.\n   */\n  @Output() BeforeTabSelected = new EventEmitter<TabCancelableEvent>();\n\n  /**\n   * This event is fired when a tab is selected.\n   */\n  @Output() TabSelected = new EventEmitter<TabEvent>();\n\n  /**\n   * This event is fired before a tab is closed. If you set cancel to true, the tab will not be closed.\n   */\n  @Output() BeforeTabClosed = new EventEmitter<TabCancelableEvent>();\n\n  /**\n   * This event is fired after a tab is closed.\n   */\n  @Output() TabClosed = new EventEmitter<TabClosedEvent>(true);\n\n  /**\n   * This event is fired when a tab is right-clicked and the context menu event from the tab header fires.\n   */\n  @Output() TabContextMenu = new EventEmitter<TabContextMenuEvent>();\n\n  /**\n   * 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\n   * the ScrollIntoView method being called.\n   */\n  @Output() TabScrolled = new EventEmitter();\n\n\n  @ContentChildren(MJTabComponent) tabs!: QueryList<MJTabComponent>;  // case-violation-ok-legacy-back-compat: the PascalCase name is already taken in this scope\n  @ContentChildren(MJTabBodyComponent) tabBodies!: QueryList<MJTabBodyComponent>;  // case-violation-ok-legacy-back-compat: the PascalCase name is already taken in this scope\n   \n\n  private _viewInitialized: boolean = false;\n  ngAfterViewInit() {\n    this._viewInitialized = true;\n    // Dev-mode guard: the .mj-tabs* chrome lives in a global stylesheet a standalone host must\n    // import; a missing import renders bare divs with no error. Warn instead of staying silent.\n    warnIfTabChromeMissing(this.TabInnerContainer?.nativeElement?.closest('.mj-tabs') ?? undefined);\n    this.SelectedTabIndex = this.SelectedTabIndex; // force a refresh of the tab visibility\n    this.syncTabIndexes();\n    this.checkTabScrollButtons();\n  }\n  ngAfterContentInit() {\n    this.syncTabIndexes();\n  }\n  ngAfterContentChecked(): void {\n    this.syncTabIndexes();\n    this.checkTabScrollButtons();\n  }\n\n  /**\n   * 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 \n   * re-evaluate the tabs and tab bodies and update the display accordingly.\n   */\n  public RefreshTabs() {\n    this.cdr.detectChanges();\n    this.syncTabIndexes();\n    this.innerRefreshTabVisibility(this.SelectedTabIndex);\n  }\n\n  protected syncTabIndexes() {\n    if (!this._viewInitialized) return; // don't do anything until the view is initialized\n\n    // Automatically assign indices to tabs and tab bodies\n    this.tabs.forEach((tab, index) => tab.index = index);\n    this.tabBodies.forEach((body, index) => body.index = index);\n\n    // Pair each tab with its panel for assistive tech (`aria-controls` / `aria-labelledby`).\n    // Written directly to the DOM rather than template-bound, because `index` is only known HERE —\n    // after the first render — and a binding that changes mid-cycle trips NG0100 in dev mode.\n    // Idempotent, and re-run whenever the tab set changes, so ids follow reorders/removals.\n    this.tabs.forEach((tab, index) => {\n      const el: HTMLElement | null = tab.elementRef?.nativeElement?.querySelector('[role=\"tab\"]');\n      if (el) {\n        el.id = `${this.IdBase}-tab-${index}`;\n        el.setAttribute('aria-controls', `${this.IdBase}-panel-${index}`);\n      }\n    });\n    this.tabBodies.forEach((body, index) => {\n      const el: HTMLElement | null = body.elementRef?.nativeElement?.querySelector('[role=\"tabpanel\"]');\n      if (el) {\n        el.id = `${this.IdBase}-panel-${index}`;\n        el.setAttribute('aria-labelledby', `${this.IdBase}-tab-${index}`);\n      }\n    });\n    if (this.SelectedTabIndex === null && this.tabs.length > 0) {\n      this.SelectedTabIndex = 0;\n    }\n    else if (this.tabs.length === 0)\n      this.SelectedTabIndex = -1;\n  }\n\n  /**\n   * Returns a read-only (copy) of the tabs in this tab strip.\n   */\n  public get Tabs(): MJTabComponent[] {\n    return this.tabs.toArray();\n  }\n\n  /**\n   * Returns a read-only (copy) of the tab bodies in this tab strip.\n   */\n  public get TabBodies(): MJTabBodyComponent[] {\n    return this.tabBodies.toArray();\n  }\n\n  /**\n   * 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.\n   */\n  public async CloseTab(tabIndex: number) {\n    MJTabStripComponent.OutputDebugMessage(`MJTabStripComponent.CloseTab(${tabIndex})`);\n    if (tabIndex >= 0 && tabIndex < this.tabs.length) {\n      // figure out what the new tab index will be so we can share with our container component\n      let newTabIndex;\n      if (this.tabs.length === 1) {\n        // deleting the only tab we have, shouldn't happen but if so, set to -1\n        newTabIndex = -1;\n      }\n      else if (this.SelectedTabIndex >= this.tabs.length - 1) {\n        // we are ABOUT to delete the last tab, so select what will be the new last tab\n        newTabIndex = this.tabs.length - 2; // substract 2 becuase subtracting 1 would be the last tab, but we are about to delete it\n      }\n      else {\n        // 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\n        newTabIndex = this.SelectedTabIndex;  \n      }\n\n      const props: any = { \n        index: tabIndex,\n        tab: this.tabs.toArray()[tabIndex],\n        body: this.tabBodies.toArray()[tabIndex],\n        cancel: false,\n      };\n      this.BeforeTabClosed.emit(props);\n      if (!props.cancel) {\n        // Convert callback to a promise\n        const waitForCompletion = new Promise((resolve, reject) => {\n          props.done = (error?: any) => {\n            if (error) {\n              reject(error);\n            } else {\n              resolve(true);\n            }\n          };\n        });        \n        props.newTabIndex = newTabIndex;\n\n        // fire off the event to the container component\n        this.TabClosed.emit(props);\n        // wait for callback to occur from the event handler\n        await waitForCompletion; \n\n        // finally, set the tab index to the props.newTabIndex value which allows the container to override our default calculation for new tab index\n        this.SelectedTabIndex = props.newTabIndex;\n      }\n    }\n    else\n      throw new Error(\"Invalid tab index: \" + tabIndex);\n  }\n\n\n  public HandleTabContextMenu($event: MouseEvent, tab: MJTabComponent) {\n    this.TabContextMenu.emit({ index: tab.index, tab: tab, body: this.tabBodies.toArray()[tab.index], mouseEvent: $event });\n  }\n\n  /** @deprecated Use {@link HandleTabContextMenu}. */\n  public handleTabContextMenu($event: MouseEvent, tab: MJTabComponent) {\n    return this.HandleTabContextMenu($event, tab);\n  }\n\n\n  /* INTERNAL IMPLEMENTATION */\n  @ViewChild('tabInnerContainer') TabInnerContainer!: ElementRef;\n\n  /** @deprecated Use {@link TabInnerContainer}. */\n  get tabInnerContainer(): ElementRef {\n    return this.TabInnerContainer;\n  }\n  /** @deprecated Use {@link TabInnerContainer}. */\n  set tabInnerContainer(value: ElementRef) {\n    this.TabInnerContainer = value;\n  }\n\n  ShowLeftButton: boolean = false;\n\n  /** @deprecated Use {@link ShowLeftButton}. */\n  get showLeftButton(): boolean {\n    return this.ShowLeftButton;\n  }\n  /** @deprecated Use {@link ShowLeftButton}. */\n  set showLeftButton(value: boolean) {\n    this.ShowLeftButton = value;\n  }\n  ShowRightButton: boolean = false;\n\n  /** @deprecated Use {@link ShowRightButton}. */\n  get showRightButton(): boolean {\n    return this.ShowRightButton;\n  }\n  /** @deprecated Use {@link ShowRightButton}. */\n  set showRightButton(value: boolean) {\n    this.ShowRightButton = value;\n  }\n\n  @HostListener('window:resize', ['$event'])\n  onResize(event: any) {\n    this.checkTabScrollButtons();\n  }\n\n  protected checkTabScrollButtons() {\n    if (this.TabInnerContainer && this.TabInnerContainer.nativeElement) {\n      // The list itself is the scroller now (`.mj-tabs__list` is `overflow-x: auto`), so overflow\n      // and position are read off its NATIVE scroll state — the old scheme of animating a `left`\n      // offset against a relatively-positioned wrapper is gone with the wrapper's CSS.\n      const container: HTMLElement = this.TabInnerContainer.nativeElement;\n      const overflow = container.scrollWidth - container.clientWidth;\n      this.ShowLeftButton = overflow > 0 && container.scrollLeft > 0;\n      this.ShowRightButton = overflow > 0 && container.scrollLeft < overflow - 1;\n    }\n  }\n\n  protected scrollTabHeader(scrollAmount: number) {\n    // Positive amount = reveal content to the LEFT (the old `left`-offset convention, preserved so\n    // ScrollAmount and the button wiring keep their meaning); native scrollLeft counts the other way.\n    const container: HTMLElement = this.TabInnerContainer.nativeElement;\n    container.scrollBy({ left: -scrollAmount, behavior: 'smooth' });\n    // Smooth scrolling settles asynchronously; re-evaluate the buttons when it has.\n    setTimeout(() => this.checkTabScrollButtons(), 300);\n    this.TabScrolled.emit();\n  }\n\n  /**\n   * This property determines how many pixels to scroll when the scrollLeft or scrollRight methods are called.\n   */\n  @Input() ScrollAmount: number = 150;\n  public ScrollLeft() {\n    this.scrollTabHeader(150)\n  }\n\n  /** @deprecated Use {@link ScrollLeft}. */\n  public scrollLeft() {\n    return this.ScrollLeft();\n  }\n  public ScrollRight() {\n    this.scrollTabHeader(-150)\n  }\n\n  /** @deprecated Use {@link ScrollRight}. */\n  public scrollRight() {\n    return this.ScrollRight();\n  }\n\n  /**\n   * Keyboard navigation from the shared `mjTabList` directive (arrows / Home / End / Enter).\n   *\n   * The directive reports a POSITION among the rendered `[role=\"tab\"]` elements, which is already\n   * this component's identity model, so the mapping is direct. Selecting also scrolls the tab into\n   * view — arrowing to a tab hidden behind the overflow edge would otherwise move focus somewhere\n   * the user cannot see.\n   */\n  public OnTabActivateRequested(request: { Index: number }): void {\n    if (request.Index >= 0 && request.Index < this.tabs.length) {\n      this.SelectedTabIndex = request.Index;\n      this.ScrollIntoView(request.Index);\n    }\n  }\n\n  /** @deprecated Use {@link OnTabActivateRequested}. */\n  public onTabActivateRequested(request: { Index: number }): void {\n    return this.OnTabActivateRequested(request);\n  }\n\n  /**\n   * Delete / Backspace on a focused tab. Routed through the SAME `CloseTab` path a click on the\n   * close button uses, so the cancelable `BeforeTabClosed` contract holds for keyboard users too.\n   * Ignored for tabs that are not closeable.\n   */\n  public OnTabCloseRequested(request: { Index: number }): void {\n    const tab = this.tabs?.toArray()[request.Index];\n    if (tab?.TabCloseable) {\n      void this.CloseTab(request.Index);\n    }\n  }\n\n  /** @deprecated Use {@link OnTabCloseRequested}. */\n  public onTabCloseRequested(request: { Index: number }): void {\n    return this.OnTabCloseRequested(request);\n  }\n\n\n  /**\n   * This method will scroll the specified tab index into view if it is not currently visible in the tab strip.\n   * @param tabIndex \n   */\n  public ScrollIntoView(tabIndex: number) {\n    // We do NOT change tab selection — the caller does that separately if they want to. The list\n    // is a native horizontal scroller now, so the browser's own logic does the geometry.\n    if (tabIndex >= 0 && tabIndex < this.tabs.length) {\n      const tabElement: HTMLElement | undefined = this.tabs.toArray()[tabIndex]?.elementRef?.nativeElement;\n      tabElement?.scrollIntoView({ block: 'nearest', inline: 'nearest', behavior: 'smooth' });\n      setTimeout(() => this.checkTabScrollButtons(), 300);\n    }\n  }\n\n  /** @deprecated Use {@link ScrollIntoView}. */\n  public scrollIntoView(tabIndex: number) {\n    return this.ScrollIntoView(tabIndex);\n  }\n}\n","<div class=\"tabstrip-container\">\n  <!-- Tab Headers. Chrome classes (.mj-tabs*) come from the GLOBAL stylesheet in\n       @memberjunction/ng-ui-components (lib/tabs/tabs.scss), which is the single definition of what\n       an MJ tab looks like — shared with the draft/workspace strip. Keyboard behaviour comes from\n       the mjTabList directive in the same package: roving tabindex, arrow/Home/End navigation, and\n       Delete to close. Neither is redefined here; that is the whole point. -->\n  <div class=\"tab-header-outer mj-tabs mj-tabs__bar\">\n    @if (showLeftButton) {\n      <button type=\"button\" class=\"mj-tabs__scroll\" (click)=\"scrollLeft()\" tabindex=\"-1\" aria-label=\"Scroll tabs left\">\n        <span class=\"fa-solid fa-caret-left\" aria-hidden=\"true\"></span>\n      </button>\n    }\n    <div\n      class=\"tab-header-inner mj-tabs__list\"\n      #tabInnerContainer\n      mjTabList\n      (scroll)=\"checkTabScrollButtons()\"\n      (TabActivateRequested)=\"onTabActivateRequested($event)\"\n      (TabCloseRequested)=\"onTabCloseRequested($event)\">\n      <ng-content select=\"mj-tab\"></ng-content> <!-- Where <mj-tab> components are projected -->\n    </div>\n    @if (showRightButton) {\n      <button type=\"button\" class=\"mj-tabs__scroll\" (click)=\"scrollRight()\" tabindex=\"-1\" aria-label=\"Scroll tabs right\">\n        <span class=\"fa-solid fa-caret-right\" aria-hidden=\"true\"></span>\n      </button>\n    }\n  </div>\n  <!-- Tab Content -->\n  <div class=\"tab-bodies\">\n    <ng-content select=\"mj-tab-body\"></ng-content> <!-- Where <mj-tab-body> components are projected -->\n  </div>\n</div>\n"]}

package/dist/lib/tab.base.js

@@ -1,4 +1,4 @@
 export class MJTabBase {
-    index;
+    index; // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply
 }
 //# sourceMappingURL=tab.base.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tab.base.js","sourceRoot":"","sources":["../../src/lib/tab.base.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,SAAS;IAClB,KAAK,CAAS;CACjB","sourcesContent":["export class MJTabBase {\n    index!: number\n}"]}
+{"version":3,"file":"tab.base.js","sourceRoot":"","sources":["../../src/lib/tab.base.ts"],"names":[],"mappings":"AAAA,MAAM,OAAO,SAAS;IAClB,KAAK,CAAS,CAAE,sIAAsI;CACzJ","sourcesContent":["export class MJTabBase {\n    index!: number  // case-violation-ok-legacy-back-compat: object literals are assigned to this class, so an accessor stub changes what they must supply\n}"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@memberjunction/ng-tabstrip",
-  "version": "6.2.0-edge.0",
+  "version": "6.2.0-edge.2",
   "description": "Projected-children tab strip (<mj-tabstrip>/<mj-tab>/<mj-tab-body>) sharing MJ's canonical tab chrome and mjTabList keyboard contract from @memberjunction/ng-ui-components. For data-driven tabs prefer mj-tab-nav or mj-workspace-tab-strip from ng-ui-components.",
   "main": "./dist/public-api.js",
   "typings": "./dist/public-api.d.ts",
@@ -13,7 +13,7 @@
   "devDependencies": {
     "@angular/compiler": "21.2.22",
     "@angular/compiler-cli": "21.2.22",
-    "@memberjunction/ng-test-utils": "6.2.0-edge.0",
+    "@memberjunction/ng-test-utils": "6.2.0-edge.2",
     "vitest": "^4.0.18"
   },
   "peerDependencies": {
@@ -21,8 +21,8 @@
     "@angular/core": "^21.2.22"
   },
   "dependencies": {
-    "@memberjunction/ng-container-directives": "6.2.0-edge.0",
-    "@memberjunction/ng-ui-components": "6.2.0-edge.0",
+    "@memberjunction/ng-container-directives": "6.2.0-edge.2",
+    "@memberjunction/ng-ui-components": "6.2.0-edge.2",
     "tslib": "^2.8.1"
   },
   "sideEffects": false,