@mintplayer/ng-bootstrap 20.0.0 → 20.2.0

package/calendar/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter } from '@angular/core';
+import { DestroyRef, EventEmitter } from '@angular/core';
 import { Observable, BehaviorSubject } from 'rxjs';
 import { BsCalendarMonthService, Week, WeekDay, DateDayOfMonth } from '@mintplayer/ng-bootstrap/calendar-month';
 import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
@@ -7,7 +7,8 @@ import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
 declare class BsCalendarComponent {
     private sanitizer;
     private calendarMonthService;
-    constructor(sanitizer: DomSanitizer, calendarMonthService: BsCalendarMonthService);
+    private destroy;
+    constructor(sanitizer: DomSanitizer, calendarMonthService: BsCalendarMonthService, destroy: DestroyRef);
     chevronLeft?: SafeHtml;
     chevronRight?: SafeHtml;
     weeks$: Observable<Week[]>;

package/code-snippet/index.d.ts

@@ -1,4 +1,4 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { TemplateRef, EventEmitter } from '@angular/core';
 import { HighlightResult } from 'highlight.js';
 import { BehaviorSubject } from 'rxjs';
@@ -6,15 +6,15 @@ import { BehaviorSubject } from 'rxjs';
 declare class BsCodeSnippetComponent {
     constructor();
     offcanvasVisible: boolean;
-    codeToCopy: string;
-    language: i0.InputSignal<string>;
+    codeToCopy: _angular_core.InputSignal<string>;
+    language: _angular_core.InputSignal<string>;
     copiedTemplate: TemplateRef<any>;
     detectedLanguage: EventEmitter<string>;
     language$: BehaviorSubject<string>;
     copiedHtml(): void;
-    onHighlighted(result: HighlightResult): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsCodeSnippetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsCodeSnippetComponent, "bs-code-snippet", never, { "codeToCopy": { "alias": "codeToCopy"; "required": false; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; }, { "detectedLanguage": "detectedLanguage"; }, never, never, true, never>;
+    onHighlighted(result: HighlightResult | null): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsCodeSnippetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsCodeSnippetComponent, "bs-code-snippet", never, { "codeToCopy": { "alias": "codeToCopy"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; }, { "detectedLanguage": "detectedLanguage"; }, never, never, true, never>;
 }
 
 export { BsCodeSnippetComponent };

package/color-picker/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, ElementRef, EventEmitter, DestroyRef, NgZone } from '@angular/core';
+import { AfterViewInit, ElementRef, DestroyRef, EventEmitter, NgZone } from '@angular/core';
 import { BehaviorSubject, Observable } from 'rxjs';
 import * as i8 from '@angular/forms';
 import { ControlValueAccessor } from '@angular/forms';
@@ -12,7 +12,8 @@ interface HS {
 
 declare class BsColorWheelComponent implements AfterViewInit {
     private element;
-    constructor(element: ElementRef<HTMLElement>);
+    private destroy;
+    constructor(element: ElementRef<HTMLElement>, destroy: DestroyRef);
     positionRelative: boolean;
     set diameterRatio(value: number);
     set width(value: number);

package/dock/index.d.ts

@@ -1,177 +1,248 @@
 import * as i0 from '@angular/core';
-import { AfterViewInit, ElementRef, OnDestroy, QueryList } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-import { Parentified } from '@mintplayer/parentify';
-import * as i6 from '@angular/cdk/portal';
-import { DomPortal } from '@angular/cdk/portal';
-import { Overlay } from '@angular/cdk/overlay';
-import * as i5 from '@angular/common';
-import * as i7 from '@mintplayer/ng-bootstrap/card';
-import * as i8 from '@mintplayer/ng-bootstrap/instance-of';
-import * as i9 from '@mintplayer/ng-bootstrap/splitter';
-import * as i10 from '@mintplayer/ng-bootstrap/tab-control';
-import * as i11 from '@mintplayer/ng-bootstrap/resizable';
-
-declare class BsDockPanelComponent implements AfterViewInit {
-    headerElement: ElementRef<HTMLDivElement>;
-    contentElement: ElementRef<HTMLDivElement>;
-    headerPortal?: DomPortal;
-    contentPortal?: DomPortal;
-    panelId: string;
-    ngAfterViewInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsDockPanelComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsDockPanelComponent, "bs-dock-panel", never, { "panelId": { "alias": "panelId"; "required": false; }; }, {}, never, ["bs-dock-panel-header", "*"], false, never>;
-}
-
-declare abstract class BsDockPane {
-    abstract get isEmpty(): boolean;
-}
-
-interface Point {
-    x: number;
-    y: number;
-}
-
-interface Size {
+import { AfterContentInit, TemplateRef, AfterViewInit, EventEmitter, QueryList, ElementRef, ChangeDetectorRef } from '@angular/core';
+import * as i3 from '@angular/common';
+
+type DockLayoutNode = DockSplitNode | DockStackNode;
+interface DockSplitNode {
+    kind: 'split';
+    direction: 'horizontal' | 'vertical';
+    /**
+     * Relative sizes for the split children. Values do not need to sum to 100; they are treated as flex weights.
+     */
+    sizes?: number[];
+    children: DockLayoutNode[];
+}
+interface DockStackNode {
+    kind: 'stack';
+    /**
+     * Unique pane names that should appear as tabs.
+     */
+    panes: string[];
+    /**
+     * Optional caption overrides for each pane.
+     */
+    titles?: Record<string, string>;
+    /**
+     * Optional pane name that should be active when the layout is rendered.
+    */
+    activePane?: string;
+}
+interface DockFloatingPaneBounds {
+    left: number;
+    top: number;
     width: number;
     height: number;
 }
-
-declare class BsFloatingPane extends BsDockPane {
-    constructor(data?: Partial<BsFloatingPane>);
-    pane?: BsDockPane;
-    size?: Size;
-    location?: Point;
-    get isEmpty(): boolean;
-}
-
-interface BsDockLayout {
-    rootPane: BsDockPane;
-    floatingPanes: BsFloatingPane[];
-}
-
-declare enum EPaneType {
-    documentHost = 1,
-    splitPane = 2,
-    contentPane = 3,
-    tabGroupPane = 4
-}
-
-type SplitPaneOrientation = 'horizontal' | 'vertical';
-
-declare class BsSplitPane extends BsDockPane {
-    constructor(data?: Partial<BsSplitPane>);
-    orientation: SplitPaneOrientation;
-    panes: BsDockPane[];
-    get isEmpty(): boolean;
-}
-
-declare class BsContentPane extends BsDockPane {
-    constructor(data?: Partial<BsContentPane>);
-    dockPanel: BsDockPanelComponent;
-    isPinned?: boolean;
-    get isEmpty(): boolean;
-}
-
-declare class BsTabGroupPane extends BsDockPane {
-    constructor(data?: Partial<BsTabGroupPane>);
-    panes: BsContentPane[];
-    get isEmpty(): boolean;
-}
-
-declare class BsDocumentHost extends BsDockPane {
-    constructor(data?: Partial<BsDocumentHost>);
-    rootPane?: BsTabGroupPane;
-    get isEmpty(): boolean;
-}
-
-declare class BsDockPaneRendererComponent {
-    private overlay;
-    constructor(overlay: Overlay, element: ElementRef);
-    portal: DomPortal;
-    paneTypes: typeof EPaneType;
-    readonly BsDocumentHostType: typeof BsDocumentHost;
-    readonly BsTabGroupType: typeof BsTabGroupPane;
-    readonly BsSplitterType: typeof BsSplitPane;
-    readonly BsContentPaneType: typeof BsContentPane;
-    readonly BsFloatingPaneType: typeof BsFloatingPane;
-    layout$: BehaviorSubject<BsDockPane | null>;
-    get layout(): BsDockPane | null;
-    set layout(value: BsDockPane | null);
-    private overlayRef?;
-    moveToOverlay(): void;
-    disposeOverlay(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsDockPaneRendererComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsDockPaneRendererComponent, "bs-dock-pane-renderer", never, { "layout": { "alias": "layout"; "required": false; }; }, {}, never, never, false, never>;
-}
-
-declare class BsDockComponent implements OnDestroy {
+interface DockFloatingStackLayout {
+    /**
+     * Optional developer supplied identifier that can be used to recognize a floating pane instance.
+     */
+    id?: string;
+    /**
+     * Absolute coordinates (in CSS pixels) describing where the floating pane should appear.
+     */
+    bounds: DockFloatingPaneBounds;
+    /**
+     * Optional z-index override for the floating pane body. Higher values appear above lower ones.
+     */
+    zIndex?: number;
+    /**
+     * Root layout rendered inside the floating window.
+     */
+    root: DockLayoutNode | null;
+    /**
+     * Pane that should surface in the floating window header.
+     */
+    activePane?: string;
+    /**
+     * @deprecated Legacy support for snapshots created before floating windows supported nested layouts.
+     */
+    panes?: string[];
+    /**
+     * @deprecated Legacy support for snapshots created before floating windows supported nested layouts.
+     */
+    titles?: Record<string, string>;
+}
+interface DockLayout {
+    root: DockLayoutNode | null;
+    floating?: DockFloatingStackLayout[];
+}
+interface DockLayoutSnapshot {
+    root: DockLayoutNode | null;
+    floating: DockFloatingStackLayout[];
+}
+
+declare class BsDockPaneComponent implements AfterContentInit {
+    name: string;
+    title?: string;
+    template: TemplateRef<unknown>;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BsDockPaneComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BsDockPaneComponent, "bs-dock-pane", never, { "name": { "alias": "name"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, {}, never, ["*"], false, never>;
+}
+
+declare class MintDockManagerElement extends HTMLElement {
+    private static documentRef;
+    static configureDocument(documentRef: Document | null | undefined): void;
+    static get observedAttributes(): string[];
+    private static instanceCounter;
+    private readonly documentRef;
+    private readonly windowRef;
+    private readonly rootEl;
+    private readonly dockedEl;
+    private readonly floatingLayerEl;
+    private readonly dropIndicator;
+    private readonly dropJoystick;
+    private readonly dropJoystickButtons;
+    private readonly instanceId;
+    private dropJoystickTarget;
+    private rootLayout;
+    private floatingLayouts;
+    private pendingTabDragMetrics;
+    private resizeState;
+    private dragState;
+    private floatingDragState;
+    private floatingResizeState;
+    private pointerTrackingActive;
+    private dragPointerTrackingActive;
+    private lastDragPointerPosition;
+    private pendingDragEndTimeout;
     constructor();
-    private paneCache?;
-    panels$: BehaviorSubject<BsDockPanelComponent[]>;
-    set panels(value: QueryList<BsDockPanelComponent>);
-    layout$: BehaviorSubject<BsDockLayout>;
-    get layout(): BsDockLayout;
-    set layout(value: BsDockLayout);
-    floating$: BehaviorSubject<BsDockPaneRendererComponent[]>;
-    set floatingPanes(value: QueryList<BsDockPaneRendererComponent>);
-    positionAbsolute: boolean;
-    positionPx: number;
-    parentifiedLayout$: Observable<Parentified<BsDockLayout>>;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsDockComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsDockComponent, "bs-dock", never, { "layout": { "alias": "layout"; "required": false; }; }, {}, ["panels"], ["*"], false, never>;
-}
-
-interface RemoveFromPaneResult {
-    /** Indicates if the BsDockPane was removed from the host. */
-    paneRemoved: boolean;
-    /** Indicates if the host is empty now, and should also be removed. */
-    hostIsEmpty: boolean;
-}
-
-interface DragOperation {
-    offsetX: number;
-    offsetY: number;
-    floatingPane: BsFloatingPane;
-}
-
-declare class BsDockService {
-    buildTraces(layout: BsDockLayout): PaneTraceResult[];
-    private buildTracesPrivate;
-    private getChildPanes;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsDockService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<BsDockService>;
-}
-interface PaneTraceResult {
-    trace: BsDockPane[];
-    finished: boolean;
-}
-
-declare class BsDockPanelHeaderComponent {
-    private dockPanel;
-    private dock;
-    private dockService;
-    private element;
-    constructor(dockPanel: BsDockPanelComponent, dock: BsDockComponent, dockService: BsDockService, element: ElementRef<HTMLElement>);
-    isMouseDown: boolean;
-    dragOperation?: DragOperation;
-    isDragging: boolean;
-    onMouseDown(ev: MouseEvent): void;
-    onMouseMove(ev: MouseEvent): void;
-    removeFromPaneBis(host: BsDockPane, pane: BsDockPane): void;
-    removeFromPane(host: BsDockPane, panel: BsDockPanelComponent): RemoveFromPaneResult;
-    onMouseUp(ev: Event): void;
-    dBlock: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsDockPanelHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BsDockPanelHeaderComponent, "bs-dock-panel-header", never, {}, {}, never, ["*"], false, never>;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, _oldValue: string | null, newValue: string | null): void;
+    get layout(): DockLayoutSnapshot;
+    set layout(value: DockLayoutSnapshot | DockLayout | DockLayoutNode | null);
+    get snapshot(): DockLayoutSnapshot;
+    toJSON(): DockLayoutSnapshot;
+    private resolveDocument;
+    private resolveWindow;
+    private parseLayout;
+    private ensureSnapshot;
+    private render;
+    private renderNode;
+    private renderFloatingPanes;
+    private beginFloatingDrag;
+    private beginFloatingResize;
+    private handleFloatingDragMove;
+    private endFloatingDrag;
+    private updateFloatingDragDropTarget;
+    private handleFloatingResizeMove;
+    private endFloatingResize;
+    private getFloatingPaneZIndex;
+    private promoteFloatingPane;
+    private getFloatingWrapper;
+    private startPointerTracking;
+    private stopPointerTrackingIfIdle;
+    private getFloatingWindowTitle;
+    private updateFloatingWindowTitle;
+    private renderSplit;
+    private renderStack;
+    private beginResize;
+    private onPointerMove;
+    private onPointerUp;
+    private captureTabDragMetrics;
+    private clearPendingTabDragMetrics;
+    private beginPaneDrag;
+    private preparePaneDragSource;
+    private endPaneDrag;
+    private onDragOver;
+    private updateDraggedFloatingPosition;
+    private onGlobalDragOver;
+    private onDrag;
+    private onGlobalDragEnd;
+    private updateDraggedFloatingPositionFromPoint;
+    private updatePaneDragDropTargetFromPoint;
+    private startDragPointerTracking;
+    private stopDragPointerTracking;
+    private onDragMouseMove;
+    private onDragTouchMove;
+    private onDragMouseUp;
+    private onDragTouchEnd;
+    private clearPendingDragEndTimeout;
+    private scheduleDeferredDragEnd;
+    private onDrop;
+    private onDragLeave;
+    private handleDrop;
+    private handleFloatingStackDrop;
+    private insertWeight;
+    private removePaneFromStack;
+    private findParentSplit;
+    private computeDropZone;
+    private extractDropZoneFromEvent;
+    private findDropZoneByPoint;
+    private updateDropJoystickActiveZone;
+    private isDropZone;
+    private showDropIndicator;
+    private hideDropIndicator;
+    private findStackAtPoint;
+    private findStackElement;
+    private activatePane;
+    private getNodeAtPath;
+    private resolveSplitNode;
+    private replaceNodeInTree;
+    private cleanupEmptyStackInTree;
+    private cleanupSplitIfNecessary;
+    private dockNodeBeside;
+    private forEachStack;
+    private findStackContainingPane;
+    private findFirstPaneName;
+    private collectFloatingPaneMetadata;
+    private normalizeFloatingLayout;
+    private formatPath;
+    private clonePath;
+    private parsePath;
+    private pathsEqual;
+    private isOrIsAncestorOf;
+    private countPanesInTree;
+    private resolveStackLocation;
+    private removePaneFromLocation;
+    private addPaneToLocation;
+    private setActivePaneForLocation;
+    private cleanupLocation;
+    private reorderPaneInLocation;
+    private removeFloatingAt;
+    private removePaneFromFloating;
+    private normalizeSizesArray;
+    private normalizeSplitNode;
+    private dispatchLayoutChanged;
+    private cloneLayoutNode;
+    private cloneFloatingArray;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'mint-dock-manager': MintDockManagerElement;
+    }
+}
+
+declare class BsDockManagerComponent implements AfterViewInit {
+    private readonly changeDetector;
+    set layout(value: DockLayoutNode | DockLayout | null);
+    get layout(): DockLayoutSnapshot | null;
+    layoutChange: EventEmitter<DockLayoutSnapshot | null>;
+    layoutSnapshotChange: EventEmitter<DockLayoutSnapshot>;
+    layoutString: string | null;
+    panes: QueryList<BsDockPaneComponent>;
+    managerRef: ElementRef<MintDockManagerElement>;
+    protected readonly trackByPane: (_: number, pane: BsDockPaneComponent) => string;
+    private _layout;
+    constructor(changeDetector: ChangeDetectorRef, documentRef: Document);
+    ngAfterViewInit(): void;
+    captureLayout(): DockLayoutSnapshot;
+    onLayoutChanged(event: Event): void;
+    private applyLayout;
+    private ensureSnapshot;
+    private stringifyLayout;
+    private cloneLayout;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BsDockManagerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BsDockManagerComponent, "bs-dock-manager", never, { "layout": { "alias": "layout"; "required": false; }; }, { "layoutChange": "layoutChange"; "layoutSnapshotChange": "layoutSnapshotChange"; }, ["panes"], never, false, never>;
 }
 
 declare class BsDockModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<BsDockModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BsDockModule, [typeof BsDockComponent, typeof BsDockPanelComponent, typeof BsDockPanelHeaderComponent, typeof BsDockPaneRendererComponent], [typeof i5.AsyncPipe, typeof i6.PortalModule, typeof i7.BsCardModule, typeof i8.BsInstanceOfModule, typeof i9.BsSplitterModule, typeof i10.BsTabControlModule, typeof i11.BsResizableModule], [typeof BsDockComponent, typeof BsDockPanelComponent, typeof BsDockPanelHeaderComponent, typeof BsDockPaneRendererComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<BsDockModule, [typeof BsDockManagerComponent, typeof BsDockPaneComponent], [typeof i3.CommonModule], [typeof BsDockManagerComponent, typeof BsDockPaneComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<BsDockModule>;
 }
 
-export { BsContentPane, BsDockComponent, BsDockModule, BsDockPane, BsDockPaneRendererComponent, BsDockPanelComponent, BsDockPanelHeaderComponent, BsDockService, BsDocumentHost, BsFloatingPane, BsSplitPane, BsTabGroupPane, EPaneType };
-export type { BsDockLayout, DragOperation, PaneTraceResult, Point, RemoveFromPaneResult, Size };
+export { BsDockManagerComponent, BsDockModule, BsDockPaneComponent, MintDockManagerElement };
+export type { DockFloatingPaneBounds, DockFloatingStackLayout, DockLayout, DockLayoutNode, DockLayoutSnapshot, DockSplitNode, DockStackNode };

package/dropdown/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { ViewContainerRef, TemplateRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
+import { ViewContainerRef, TemplateRef, DestroyRef, ElementRef, NgZone, EventEmitter } from '@angular/core';
 import { BehaviorSubject } from 'rxjs';
 import * as i5 from '@angular/cdk/overlay';
 import { Overlay } from '@angular/cdk/overlay';
@@ -13,8 +13,9 @@ declare class BsDropdownMenuDirective extends ClickOutsideDirective {
     private viewContainerRef;
     private templateRef;
     private overlay;
+    private destroy;
     private bsDevelopment?;
-    constructor(dropdown: BsDropdownDirective, viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>, overlay: Overlay, elementRef: ElementRef<any>, zone: NgZone, platformId: any, bsDevelopment?: boolean | undefined);
+    constructor(dropdown: BsDropdownDirective, viewContainerRef: ViewContainerRef, templateRef: TemplateRef<any>, overlay: Overlay, destroy: DestroyRef, elementRef: ElementRef<any>, zone: NgZone, platformId: any, bsDevelopment?: boolean | undefined);
     private wait;
     private overlayRef;
     private templatePortal;
@@ -22,7 +23,7 @@ declare class BsDropdownMenuDirective extends ClickOutsideDirective {
     clickedOutside(ev: MouseEvent): void;
     onEscape(ev: KeyboardEvent): void;
     private doClose;
-    static ɵfac: i0.ɵɵFactoryDeclaration<BsDropdownMenuDirective, [null, null, null, null, null, null, null, { optional: true; }]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BsDropdownMenuDirective, [null, null, null, null, null, null, null, null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BsDropdownMenuDirective, "[bsDropdownMenu]", never, {}, {}, never, never, false, never>;
 }
 

package/fesm2022/mintplayer-ng-bootstrap-accordion.mjs

@@ -43,10 +43,10 @@ class BsAccordionTabComponent {
             this.isActiveChange.emit(value);
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BsAccordionTabComponent, deps: [{ token: BsAccordionComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: BsAccordionTabComponent, isStandalone: false, selector: "bs-accordion-tab", inputs: { isActive: "isActive" }, outputs: { isActiveChange: "isActiveChange" }, host: { properties: { "class.accordion-item": "this.accordionItemClass", "class.d-block": "this.dBlock", "class.border-0": "this.noBorder" } }, queries: [{ propertyName: "childAccordions", predicate: i0.forwardRef(() => BsAccordionComponent) }], ngImport: i0, template: "<div [class.border-0]=\"false\" [@.disabled]=\"accordion.disableAnimations\" bsNoNoscript>\n\n    <input type=\"radio\" class=\"d-none\" [name]=\"accordion.accordionName$ | async\" [id]=\"accordionTabName$ | async\">\n    <ng-content select=\"bs-accordion-tab-header\"></ng-content>\n    <div class=\"accordion-collapse collapse show overflow-hidden\" [@slideUpDown]=\"isActive\">\n        <div class=\"accordion-body p-0\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".card,.card-header,.card-block{border-radius:0}.card{margin-bottom:-1px}:host ::ng-deep .noscript>input[type=radio]:checked+bs-accordion-tab-header>h2>label{background-color:#e7f1ff}:host ::ng-deep .noscript>input[type=radio]:checked+bs-accordion-tab-header>h2>label:after{transform:var(--bs-accordion-btn-icon-transform)}:host ::ng-deep .noscript>input[type=radio]:checked~.accordion-collapse{height:auto!important}\n"], dependencies: [{ kind: "directive", type: i2.BsNoNoscriptDirective, selector: "[bsNoNoscript]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], animations: [SlideUpDownAnimation] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: BsAccordionTabComponent, deps: [{ token: BsAccordionComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: BsAccordionTabComponent, isStandalone: false, selector: "bs-accordion-tab", inputs: { isActive: "isActive" }, outputs: { isActiveChange: "isActiveChange" }, host: { properties: { "class.accordion-item": "this.accordionItemClass", "class.d-block": "this.dBlock", "class.border-0": "this.noBorder" } }, queries: [{ propertyName: "childAccordions", predicate: i0.forwardRef(() => BsAccordionComponent) }], ngImport: i0, template: "<div [class.border-0]=\"false\" [@.disabled]=\"accordion.disableAnimations\" bsNoNoscript>\n\n    <input type=\"radio\" class=\"d-none\" [name]=\"accordion.accordionName$ | async\" [id]=\"accordionTabName$ | async\">\n    <ng-content select=\"bs-accordion-tab-header\"></ng-content>\n    <div class=\"accordion-collapse collapse show overflow-hidden\" [@slideUpDown]=\"isActive\">\n        <div class=\"accordion-body p-0\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".card,.card-header,.card-block{border-radius:0}.card{margin-bottom:-1px}:host ::ng-deep .noscript>input[type=radio]:checked+bs-accordion-tab-header>h2>label{background-color:#e7f1ff}:host ::ng-deep .noscript>input[type=radio]:checked+bs-accordion-tab-header>h2>label:after{transform:var(--bs-accordion-btn-icon-transform)}:host ::ng-deep .noscript>input[type=radio]:checked~.accordion-collapse{height:auto!important}\n"], dependencies: [{ kind: "directive", type: i2.BsNoNoscriptDirective, selector: "[bsNoNoscript]" }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }], animations: [SlideUpDownAnimation] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BsAccordionTabComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: BsAccordionTabComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-accordion-tab', standalone: false, animations: [SlideUpDownAnimation], template: "<div [class.border-0]=\"false\" [@.disabled]=\"accordion.disableAnimations\" bsNoNoscript>\n\n    <input type=\"radio\" class=\"d-none\" [name]=\"accordion.accordionName$ | async\" [id]=\"accordionTabName$ | async\">\n    <ng-content select=\"bs-accordion-tab-header\"></ng-content>\n    <div class=\"accordion-collapse collapse show overflow-hidden\" [@slideUpDown]=\"isActive\">\n        <div class=\"accordion-body p-0\">\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>", styles: [".card,.card-header,.card-block{border-radius:0}.card{margin-bottom:-1px}:host ::ng-deep .noscript>input[type=radio]:checked+bs-accordion-tab-header>h2>label{background-color:#e7f1ff}:host ::ng-deep .noscript>input[type=radio]:checked+bs-accordion-tab-header>h2>label:after{transform:var(--bs-accordion-btn-icon-transform)}:host ::ng-deep .noscript>input[type=radio]:checked~.accordion-collapse{height:auto!important}\n"] }]
         }], ctorParameters: () => [{ type: BsAccordionComponent }], propDecorators: { childAccordions: [{
@@ -76,10 +76,10 @@ class BsAccordionComponent {
         this.accordionName$ = this.accordionId$.pipe(map((id) => `bs-accordion-${id}`));
     }
     static { this.accordionCounter = 0; }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BsAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: BsAccordionComponent, isStandalone: false, selector: "bs-accordion", inputs: { highlightActiveTab: "highlightActiveTab" }, queries: [{ propertyName: "tabPages", predicate: i0.forwardRef(() => BsAccordionTabComponent) }], ngImport: i0, template: "<div class=\"accordion\">\n    <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep .accordion{--bs-accordion-color: var(--bs-body-color);--bs-accordion-bg: var(--bs-body-bg);--bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;--bs-accordion-border-color: var(--bs-border-color);--bs-accordion-border-width: var(--bs-border-width);--bs-accordion-border-radius: var(--bs-border-radius);--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x: 1.25rem;--bs-accordion-btn-padding-y: 1rem;--bs-accordion-btn-color: var(--bs-body-color);--bs-accordion-btn-bg: var(--bs-accordion-bg);--bs-accordion-btn-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--bs-accordion-btn-icon-width: 1.25rem;--bs-accordion-btn-icon-transform: rotate(-180deg);--bs-accordion-btn-icon-transition: transform .2s ease-in-out;--bs-accordion-btn-active-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-accordion-body-padding-x: 1.25rem;--bs-accordion-body-padding-y: 1rem;--bs-accordion-active-color: var(--bs-primary-text-emphasis);--bs-accordion-active-bg: var(--bs-primary-bg-subtle)}:host ::ng-deep .accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .accordion-button{transition:none}}:host ::ng-deep .accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}:host ::ng-deep .accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}:host ::ng-deep .accordion-button:after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:\"\";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .accordion-button:after{transition:none}}:host ::ng-deep .accordion-button:hover{z-index:2}:host ::ng-deep .accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}:host ::ng-deep .accordion-header{margin-bottom:0}:host ::ng-deep .accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}:host ::ng-deep .accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}:host ::ng-deep .accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}:host ::ng-deep .accordion-item:not(:first-of-type){border-top:0}:host ::ng-deep .accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}:host ::ng-deep .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}:host ::ng-deep .accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}:host ::ng-deep .accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}:host ::ng-deep .accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}:host ::ng-deep .accordion-flush>.accordion-item:first-child{border-top:0}:host ::ng-deep .accordion-flush>.accordion-item:last-child{border-bottom:0}:host ::ng-deep .accordion-flush>.accordion-item>.accordion-collapse,:host ::ng-deep .accordion-flush>.accordion-item>.accordion-header .accordion-button,:host ::ng-deep .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}:host ::ng-deep [data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e\");--bs-accordion-btn-active-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e\")}:host ::ng-deep bs-accordion{margin:-1px}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: BsAccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: BsAccordionComponent, isStandalone: false, selector: "bs-accordion", inputs: { highlightActiveTab: "highlightActiveTab" }, queries: [{ propertyName: "tabPages", predicate: i0.forwardRef(() => BsAccordionTabComponent) }], ngImport: i0, template: "<div class=\"accordion\">\n    <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep .accordion{--bs-accordion-color: var(--bs-body-color);--bs-accordion-bg: var(--bs-body-bg);--bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;--bs-accordion-border-color: var(--bs-border-color);--bs-accordion-border-width: var(--bs-border-width);--bs-accordion-border-radius: var(--bs-border-radius);--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x: 1.25rem;--bs-accordion-btn-padding-y: 1rem;--bs-accordion-btn-color: var(--bs-body-color);--bs-accordion-btn-bg: var(--bs-accordion-bg);--bs-accordion-btn-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--bs-accordion-btn-icon-width: 1.25rem;--bs-accordion-btn-icon-transform: rotate(-180deg);--bs-accordion-btn-icon-transition: transform .2s ease-in-out;--bs-accordion-btn-active-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-accordion-body-padding-x: 1.25rem;--bs-accordion-body-padding-y: 1rem;--bs-accordion-active-color: var(--bs-primary-text-emphasis);--bs-accordion-active-bg: var(--bs-primary-bg-subtle)}:host ::ng-deep .accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .accordion-button{transition:none}}:host ::ng-deep .accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}:host ::ng-deep .accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}:host ::ng-deep .accordion-button:after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:\"\";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .accordion-button:after{transition:none}}:host ::ng-deep .accordion-button:hover{z-index:2}:host ::ng-deep .accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}:host ::ng-deep .accordion-header{margin-bottom:0}:host ::ng-deep .accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}:host ::ng-deep .accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}:host ::ng-deep .accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}:host ::ng-deep .accordion-item:not(:first-of-type){border-top:0}:host ::ng-deep .accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}:host ::ng-deep .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}:host ::ng-deep .accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}:host ::ng-deep .accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}:host ::ng-deep .accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}:host ::ng-deep .accordion-flush>.accordion-item:first-child{border-top:0}:host ::ng-deep .accordion-flush>.accordion-item:last-child{border-bottom:0}:host ::ng-deep .accordion-flush>.accordion-item>.accordion-collapse,:host ::ng-deep .accordion-flush>.accordion-item>.accordion-header .accordion-button,:host ::ng-deep .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}:host ::ng-deep [data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e\");--bs-accordion-btn-active-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e\")}:host ::ng-deep bs-accordion{margin:-1px}\n"] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BsAccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: BsAccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-accordion', standalone: false, template: "<div class=\"accordion\">\n    <ng-content></ng-content>\n</div>", styles: [":host ::ng-deep .accordion{--bs-accordion-color: var(--bs-body-color);--bs-accordion-bg: var(--bs-body-bg);--bs-accordion-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease;--bs-accordion-border-color: var(--bs-border-color);--bs-accordion-border-width: var(--bs-border-width);--bs-accordion-border-radius: var(--bs-border-radius);--bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));--bs-accordion-btn-padding-x: 1.25rem;--bs-accordion-btn-padding-y: 1rem;--bs-accordion-btn-color: var(--bs-body-color);--bs-accordion-btn-bg: var(--bs-accordion-bg);--bs-accordion-btn-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--bs-accordion-btn-icon-width: 1.25rem;--bs-accordion-btn-icon-transform: rotate(-180deg);--bs-accordion-btn-icon-transition: transform .2s ease-in-out;--bs-accordion-btn-active-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");--bs-accordion-btn-focus-box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-accordion-body-padding-x: 1.25rem;--bs-accordion-body-padding-y: 1rem;--bs-accordion-active-color: var(--bs-primary-text-emphasis);--bs-accordion-active-bg: var(--bs-primary-bg-subtle)}:host ::ng-deep .accordion-button{position:relative;display:flex;align-items:center;width:100%;padding:var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);font-size:1rem;color:var(--bs-accordion-btn-color);text-align:left;background-color:var(--bs-accordion-btn-bg);border:0;border-radius:0;overflow-anchor:none;transition:var(--bs-accordion-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .accordion-button{transition:none}}:host ::ng-deep .accordion-button:not(.collapsed){color:var(--bs-accordion-active-color);background-color:var(--bs-accordion-active-bg);box-shadow:inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color)}:host ::ng-deep .accordion-button:not(.collapsed):after{background-image:var(--bs-accordion-btn-active-icon);transform:var(--bs-accordion-btn-icon-transform)}:host ::ng-deep .accordion-button:after{flex-shrink:0;width:var(--bs-accordion-btn-icon-width);height:var(--bs-accordion-btn-icon-width);margin-left:auto;content:\"\";background-image:var(--bs-accordion-btn-icon);background-repeat:no-repeat;background-size:var(--bs-accordion-btn-icon-width);transition:var(--bs-accordion-btn-icon-transition)}@media (prefers-reduced-motion: reduce){:host ::ng-deep .accordion-button:after{transition:none}}:host ::ng-deep .accordion-button:hover{z-index:2}:host ::ng-deep .accordion-button:focus{z-index:3;outline:0;box-shadow:var(--bs-accordion-btn-focus-box-shadow)}:host ::ng-deep .accordion-header{margin-bottom:0}:host ::ng-deep .accordion-item{color:var(--bs-accordion-color);background-color:var(--bs-accordion-bg);border:var(--bs-accordion-border-width) solid var(--bs-accordion-border-color)}:host ::ng-deep .accordion-item:first-of-type{border-top-left-radius:var(--bs-accordion-border-radius);border-top-right-radius:var(--bs-accordion-border-radius)}:host ::ng-deep .accordion-item:first-of-type>.accordion-header .accordion-button{border-top-left-radius:var(--bs-accordion-inner-border-radius);border-top-right-radius:var(--bs-accordion-inner-border-radius)}:host ::ng-deep .accordion-item:not(:first-of-type){border-top:0}:host ::ng-deep .accordion-item:last-of-type{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}:host ::ng-deep .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{border-bottom-right-radius:var(--bs-accordion-inner-border-radius);border-bottom-left-radius:var(--bs-accordion-inner-border-radius)}:host ::ng-deep .accordion-item:last-of-type>.accordion-collapse{border-bottom-right-radius:var(--bs-accordion-border-radius);border-bottom-left-radius:var(--bs-accordion-border-radius)}:host ::ng-deep .accordion-body{padding:var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x)}:host ::ng-deep .accordion-flush>.accordion-item{border-right:0;border-left:0;border-radius:0}:host ::ng-deep .accordion-flush>.accordion-item:first-child{border-top:0}:host ::ng-deep .accordion-flush>.accordion-item:last-child{border-bottom:0}:host ::ng-deep .accordion-flush>.accordion-item>.accordion-collapse,:host ::ng-deep .accordion-flush>.accordion-item>.accordion-header .accordion-button,:host ::ng-deep .accordion-flush>.accordion-item>.accordion-header .accordion-button.collapsed{border-radius:0}:host ::ng-deep [data-bs-theme=dark] .accordion-button:after{--bs-accordion-btn-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e\");--bs-accordion-btn-active-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e\")}:host ::ng-deep bs-accordion{margin:-1px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { tabPages: [{
@@ -97,25 +97,25 @@ class BsAccordionTabHeaderComponent {
         event.preventDefault();
         this.accordionTab.isActive = !this.accordionTab.isActive;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BsAccordionTabHeaderComponent, deps: [{ token: BsAccordionTabComponent }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.0", type: BsAccordionTabHeaderComponent, isStandalone: false, selector: "bs-accordion-tab-header", ngImport: i0, template: "<!-- <input type=\"radio\" class=\"d-none\" [name]=\"accordionTab.accordion.accordionName$ | async\" [id]=\"accordionTab.accordionTabName$ | async\"> -->\n<h2 class=\"accordion-header cursor-pointer\" (click)=\"headerClicked($event)\">\n    <!-- [class.bg-transparent]=\"!accordionTab.isActive && accordionTab.accordion.highlightActiveTab\" -->\n    <label class=\"btn accordion-button\" [class.collapsed]=\"!accordionTab.isActive\" [class.bg-unset]=\"!accordionTab.accordion.highlightActiveTab\" [for]=\"accordionTab.accordionTabName$ | async\" type=\"button\">\n        <ng-content></ng-content>\n    </label>\n</h2>", styles: [".bg-unset{background:unset}\n"], dependencies: [{ kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: BsAccordionTabHeaderComponent, deps: [{ token: BsAccordionTabComponent }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.1.7", type: BsAccordionTabHeaderComponent, isStandalone: false, selector: "bs-accordion-tab-header", ngImport: i0, template: "<!-- <input type=\"radio\" class=\"d-none\" [name]=\"accordionTab.accordion.accordionName$ | async\" [id]=\"accordionTab.accordionTabName$ | async\"> -->\n<h2 class=\"accordion-header cursor-pointer\" (click)=\"headerClicked($event)\">\n    <!-- [class.bg-transparent]=\"!accordionTab.isActive && accordionTab.accordion.highlightActiveTab\" -->\n    <label class=\"btn accordion-button\" [class.collapsed]=\"!accordionTab.isActive\" [class.bg-unset]=\"!accordionTab.accordion.highlightActiveTab\" [for]=\"accordionTab.accordionTabName$ | async\" type=\"button\">\n        <ng-content></ng-content>\n    </label>\n</h2>", styles: [".bg-unset{background:unset}\n"], dependencies: [{ kind: "pipe", type: i3.AsyncPipe, name: "async" }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BsAccordionTabHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: BsAccordionTabHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'bs-accordion-tab-header', standalone: false, template: "<!-- <input type=\"radio\" class=\"d-none\" [name]=\"accordionTab.accordion.accordionName$ | async\" [id]=\"accordionTab.accordionTabName$ | async\"> -->\n<h2 class=\"accordion-header cursor-pointer\" (click)=\"headerClicked($event)\">\n    <!-- [class.bg-transparent]=\"!accordionTab.isActive && accordionTab.accordion.highlightActiveTab\" -->\n    <label class=\"btn accordion-button\" [class.collapsed]=\"!accordionTab.isActive\" [class.bg-unset]=\"!accordionTab.accordion.highlightActiveTab\" [for]=\"accordionTab.accordionTabName$ | async\" type=\"button\">\n        <ng-content></ng-content>\n    </label>\n</h2>", styles: [".bg-unset{background:unset}\n"] }]
         }], ctorParameters: () => [{ type: BsAccordionTabComponent }] });
 
 class BsAccordionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BsAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.0", ngImport: i0, type: BsAccordionModule, declarations: [BsAccordionComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: BsAccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.1.7", ngImport: i0, type: BsAccordionModule, declarations: [BsAccordionComponent,
             BsAccordionTabComponent,
             BsAccordionTabHeaderComponent], imports: [AsyncPipe,
             BsNoNoscriptDirective], exports: [BsAccordionComponent,
             BsAccordionTabComponent,
             BsAccordionTabHeaderComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BsAccordionModule }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: BsAccordionModule }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.0", ngImport: i0, type: BsAccordionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: BsAccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [