ngx-semantic 2.0.7-beta.2 → 2.1.0

package/fesm2022/ngx-semantic-modules-sidebar.mjs

@@ -1,6 +1,6 @@
+import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
 import { EventEmitter, Injectable, inject, HostBinding, Input, Output, ViewEncapsulation, Component, HostListener, ContentChild, NgModule } from '@angular/core';
-import { __decorate } from 'tslib';
 import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
 import { CommonModule } from '@angular/common';
 
@@ -11,26 +11,39 @@ class SuiSidebarService {
     constructor() {
         this.pusherClicked = new EventEmitter();
         this.visibilityChanged = new EventEmitter();
+        this._isVisible = false;
+    }
+    /** The last visibility reported by the sidebar sharing this service. */
+    get isVisible() {
+        return this._isVisible;
     }
     notifyPusherClicked() {
         this.pusherClicked.emit();
     }
     changeVisibility(isVisible) {
+        this._isVisible = isVisible;
         this.visibilityChanged.emit(isVisible);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarService }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarService }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarService, decorators: [{
             type: Injectable
         }] });
 
+/** Matches the Semantic UI sidebar transition duration. */
+const SIDEBAR_ANIMATION_DURATION = 500;
 class SuiSidebarComponent {
     get visible() {
         return this._visible;
     }
     set visible(isVisible) {
-        this._visible = isVisible;
+        const value = !!isVisible;
+        // only animate changes made after the initial binding, so the sidebar does not flash on load
+        if (this.initialised && value !== this._visible) {
+            this.startAnimating();
+        }
+        this._visible = value;
         this.visibleChange.emit(this._visible);
         this.sidebarService.changeVisibility(this._visible);
     }
@@ -42,8 +55,9 @@ class SuiSidebarComponent {
             ClassUtils.getPropClass(this.suiInverted, 'inverted'),
             'sidebar',
             this.suiSidebarAnimation,
+            ClassUtils.getPropClass(this.animating, 'animating'),
             ClassUtils.getPropClass(this.visible, 'visible')
-        ].join(' ');
+        ].join(' ').replace(/\s\s+/g, ' ').trim();
     }
     constructor() {
         this.sidebarService = inject(SuiSidebarService);
@@ -51,30 +65,70 @@ class SuiSidebarComponent {
         this.suiSidebarWidth = null;
         this.suiSidebarAnimation = null;
         this.suiInverted = false;
+        /** Whether clicking the pusher hides a sidebar whose visibility is two-way bound. */
+        this.suiClosable = true;
         this.visibleChange = new EventEmitter();
+        this.animating = false;
         this._visible = true;
-        const sidebarService = this.sidebarService;
-        sidebarService.pusherClicked
+        this.animationTimer = null;
+        this.initialised = false;
+        this.sidebarService.changeVisibility(this._visible);
+        this.subscription = this.sidebarService.pusherClicked
             .subscribe(() => {
-            // only close sidebar on pusher when the visibility is dynamic
-            if (this.visibleChange.observers.length > 0) {
+            // only close the sidebar from the pusher when its visibility is bound, i.e. [(visible)]
+            if (this.suiClosable && this.visibleChange.observed) {
                 this.visible = false;
             }
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SuiSidebarComponent, isStandalone: true, selector: "sui-sidebar, [sui-sidebar]", inputs: { suiSidebarPosition: "suiSidebarPosition", suiSidebarWidth: "suiSidebarWidth", suiSidebarAnimation: "suiSidebarAnimation", suiInverted: "suiInverted", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { properties: { "class": "this.classes" } }, ngImport: i0, template: `
+    ngOnInit() {
+        this.initialised = true;
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+        if (this.animationTimer) {
+            clearTimeout(this.animationTimer);
+        }
+    }
+    /** Mirrors `sidebar('toggle')`. */
+    toggle() {
+        this.visible = !this.visible;
+    }
+    /** Mirrors `sidebar('show')`. */
+    show() {
+        this.visible = true;
+    }
+    /** Mirrors `sidebar('hide')`. */
+    hide() {
+        this.visible = false;
+    }
+    startAnimating() {
+        this.animating = true;
+        if (this.animationTimer) {
+            clearTimeout(this.animationTimer);
+        }
+        this.animationTimer = setTimeout(() => {
+            this.animating = false;
+            this.animationTimer = null;
+        }, SIDEBAR_ANIMATION_DURATION);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SuiSidebarComponent, isStandalone: true, selector: "sui-sidebar, [sui-sidebar]", inputs: { suiSidebarPosition: "suiSidebarPosition", suiSidebarWidth: "suiSidebarWidth", suiSidebarAnimation: "suiSidebarAnimation", suiInverted: "suiInverted", suiClosable: "suiClosable", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, host: { properties: { "class": "this.classes" } }, exportAs: ["suiSidebar"], ngImport: i0, template: `
     <ng-content></ng-content>
   `, isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputBoolean()
 ], SuiSidebarComponent.prototype, "suiInverted", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarComponent, decorators: [{
+__decorate([
+    InputBoolean()
+], SuiSidebarComponent.prototype, "suiClosable", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
                     selector: 'sui-sidebar, [sui-sidebar]',
+                    exportAs: 'suiSidebar',
                     encapsulation: ViewEncapsulation.None,
                     template: `
     <ng-content></ng-content>
@@ -88,6 +142,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
                 type: Input
             }], suiInverted: [{
                 type: Input
+            }], suiClosable: [{
+                type: Input
             }], visibleChange: [{
                 type: Output
             }], visible: [{
@@ -102,38 +158,46 @@ class SuiSidebarPusherComponent {
         this.sidebarService = inject(SuiSidebarService);
         this.suiDimmable = false;
         this.isSidebarOpen = false;
+        this.subscription = null;
     }
     get classes() {
         return [
             ClassUtils.getPropClass(this.isSidebarOpen && this.suiDimmable, 'dimmed'),
             'pusher'
-        ].join(' ');
+        ].join(' ').trim();
     }
     ngOnInit() {
-        this.sidebarService.visibilityChanged
+        this.isSidebarOpen = this.isSidebarOpen || this.sidebarService.isVisible;
+        this.subscription = this.sidebarService.visibilityChanged
             .subscribe((isVisible) => {
             this.isSidebarOpen = isVisible;
         });
     }
+    ngOnDestroy() {
+        this.subscription?.unsubscribe();
+    }
     onClick() {
         if (this.isSidebarOpen) {
             this.sidebarService.notifyPusherClicked();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarPusherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SuiSidebarPusherComponent, isStandalone: true, selector: "sui-sidebar-pusher", inputs: { suiDimmable: "suiDimmable" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.classes" } }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarPusherComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SuiSidebarPusherComponent, isStandalone: true, selector: "sui-sidebar-pusher", inputs: { suiDimmable: "suiDimmable" }, host: { listeners: { "click": "onClick()" }, properties: { "class": "this.classes" }, styleAttribute: "display: block" }, ngImport: i0, template: `
     <ng-content></ng-content>
   `, isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputBoolean()
 ], SuiSidebarPusherComponent.prototype, "suiDimmable", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarPusherComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarPusherComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
                     selector: 'sui-sidebar-pusher',
                     encapsulation: ViewEncapsulation.None,
+                    host: {
+                        style: 'display: block'
+                    },
                     template: `
     <ng-content></ng-content>
   `
@@ -148,10 +212,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
                 args: ['click']
             }] } });
 
-/**
- * Created by bolorundurowb on 1/1/2021
- */
 class SuiSidebarContainerComponent {
+    constructor() {
+        this.sidebarService = inject(SuiSidebarService);
+        /**
+         * Makes the container the sidebar's context (Semantic UI `pushable`). The sidebar and dimmer are then
+         * positioned inside the container rather than the viewport. Always applied when the pusher is dimmable,
+         * since Semantic UI only renders the dimmer inside a pushable context.
+         */
+        this.suiPushable = false;
+        this.subscription = null;
+    }
+    get isPushable() {
+        return this.suiPushable || !!this.suiPusher?.suiDimmable;
+    }
     ngAfterContentInit() {
         if (!this.suiSidebar) {
             throw new Error('You must include a <sui-sidebar> element within the container.');
@@ -159,22 +233,35 @@ class SuiSidebarContainerComponent {
         if (!this.suiPusher) {
             throw new Error('You must include a <sui-sidebar-pusher> element within the container.');
         }
-        this.suiSidebar.visibleChange
+        // the sidebar reports its initial visibility before the pusher exists, so sync it once here
+        this.suiPusher.isSidebarOpen = this.suiSidebar.visible;
+        this.subscription = this.sidebarService.visibilityChanged
             .subscribe((isVisible) => {
             this.suiPusher.isSidebarOpen = isVisible;
         });
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SuiSidebarContainerComponent, isStandalone: true, selector: "sui-sidebar-container", queries: [{ propertyName: "suiSidebar", first: true, predicate: SuiSidebarComponent, descendants: true }, { propertyName: "suiPusher", first: true, predicate: SuiSidebarPusherComponent, descendants: true }], ngImport: i0, template: `
+    ngOnDestroy() {
+        this.subscription?.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.23", type: SuiSidebarContainerComponent, isStandalone: true, selector: "sui-sidebar-container", inputs: { suiPushable: "suiPushable" }, host: { properties: { "class.pushable": "this.isPushable" }, styleAttribute: "display: block" }, providers: [SuiSidebarService], queries: [{ propertyName: "suiSidebar", first: true, predicate: SuiSidebarComponent, descendants: true }, { propertyName: "suiPusher", first: true, predicate: SuiSidebarPusherComponent, descendants: true }], ngImport: i0, template: `
     <ng-content></ng-content>
   `, isInline: true, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarContainerComponent, decorators: [{
+__decorate([
+    InputBoolean()
+], SuiSidebarContainerComponent.prototype, "suiPushable", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarContainerComponent, decorators: [{
             type: Component,
             args: [{
                     standalone: true,
                     selector: 'sui-sidebar-container',
                     encapsulation: ViewEncapsulation.None,
+                    // each container gets its own service so multiple sidebars on a page do not affect one another
+                    providers: [SuiSidebarService],
+                    host: {
+                        style: 'display: block'
+                    },
                     template: `
     <ng-content></ng-content>
   `
@@ -185,24 +272,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
             }], suiPusher: [{
                 type: ContentChild,
                 args: [SuiSidebarPusherComponent]
+            }], suiPushable: [{
+                type: Input
+            }], isPushable: [{
+                type: HostBinding,
+                args: ['class.pushable']
             }] } });
 
 /**
  * Created by bolorundurowb on 12/30/2020
  */
 class SuiSidebarModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarModule, imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarModule, imports: [CommonModule,
             SuiSidebarComponent,
             SuiSidebarPusherComponent,
             SuiSidebarContainerComponent], exports: [SuiSidebarComponent,
             SuiSidebarPusherComponent,
             SuiSidebarContainerComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarModule, providers: [
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarModule, providers: [
             SuiSidebarService
         ], imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSidebarModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiSidebarModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/fesm2022/ngx-semantic-modules-sidebar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-modules-sidebar.mjs","sources":["../../src/modules/sidebar/sidebar.service.ts","../../src/modules/sidebar/sidebar.component.ts","../../src/modules/sidebar/sidebar-pusher.component.ts","../../src/modules/sidebar/sidebar-container.component.ts","../../src/modules/sidebar/sidebar.module.ts","../../src/modules/sidebar/public-api.ts","../../src/modules/sidebar/ngx-semantic-modules-sidebar.ts"],"sourcesContent":["/**\n * Created by bolorundurowb on 1/1/2021\n */\n\nimport { EventEmitter, Injectable } from '@angular/core';\n\n@Injectable()\nexport class SuiSidebarService {\n  public pusherClicked = new EventEmitter<void>();\n  public visibilityChanged = new EventEmitter<boolean>();\n\n  public notifyPusherClicked(): void {\n    this.pusherClicked.emit();\n  }\n\n  public changeVisibility(isVisible: boolean): void {\n    this.visibilityChanged.emit(isVisible);\n  }\n}\n","/**\n * Created by bolorundurowb on 12/30/2020\n */\n\nimport { Component, EventEmitter, HostBinding, Input, Output, ViewEncapsulation, inject } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiSidebarService } from './sidebar.service';\n\nexport type SuiSidebarPosition = 'top' | 'bottom' | 'left' | 'right';\nexport type SuiSidebarWidth = 'thin' | 'very thin' | 'wide' | 'very wide' | null;\nexport type SuiSidebarAnimation = 'overlay' | 'push' | 'scale down' | 'uncover' | 'slide along' | 'slide out' | null;\n\n@Component({\n  standalone: true,\n  selector: 'sui-sidebar, [sui-sidebar]',\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <ng-content></ng-content>\n  `\n})\nexport class SuiSidebarComponent {\n  private sidebarService = inject(SuiSidebarService);\n\n  @Input() public suiSidebarPosition: SuiSidebarPosition = 'left';\n  @Input() public suiSidebarWidth: SuiSidebarWidth = null;\n  @Input() public suiSidebarAnimation: SuiSidebarAnimation = null;\n  @Input() @InputBoolean() public suiInverted = false;\n  @Output() public visibleChange = new EventEmitter<boolean>();\n\n  private _visible = true;\n\n  @Input()\n  get visible(): boolean {\n    return this._visible;\n  }\n\n  set visible(isVisible) {\n    this._visible = isVisible;\n    this.visibleChange.emit(this._visible);\n    this.sidebarService.changeVisibility(this._visible);\n  }\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      'ui',\n      this.suiSidebarPosition,\n      this.suiSidebarWidth,\n      ClassUtils.getPropClass(this.suiInverted, 'inverted'),\n      'sidebar',\n      this.suiSidebarAnimation,\n      ClassUtils.getPropClass(this.visible, 'visible')\n    ].join(' ');\n  }\n\n  constructor() {\n    const sidebarService = this.sidebarService;\n\n    sidebarService.pusherClicked\n      .subscribe(() => {\n        // only close sidebar on pusher when the visibility is dynamic\n        if (this.visibleChange.observers.length > 0) {\n          this.visible = false;\n        }\n      });\n  }\n}\n","/**\n * Created by bolorundurowb on 12/30/2020\n */\n\nimport { Component, HostBinding, HostListener, Input, OnInit, ViewEncapsulation, inject } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiSidebarService } from './sidebar.service';\n\n@Component({\n  standalone: true,\n  selector: 'sui-sidebar-pusher',\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <ng-content></ng-content>\n  `\n})\nexport class SuiSidebarPusherComponent implements OnInit {\n  private sidebarService = inject(SuiSidebarService);\n\n  @Input() @InputBoolean() public suiDimmable = false;\n  public isSidebarOpen = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      ClassUtils.getPropClass(this.isSidebarOpen && this.suiDimmable, 'dimmed'),\n      'pusher'\n    ].join(' ');\n  }\n\n  public ngOnInit(): void {\n    this.sidebarService.visibilityChanged\n      .subscribe((isVisible) => {\n        this.isSidebarOpen = isVisible;\n      });\n  }\n\n  @HostListener('click')\n  public onClick(): void {\n    if (this.isSidebarOpen) {\n      this.sidebarService.notifyPusherClicked();\n    }\n  }\n}\n","/**\n * Created by bolorundurowb on 1/1/2021\n */\n\nimport { AfterContentInit, Component, ContentChild, ViewEncapsulation } from '@angular/core';\nimport { SuiSidebarComponent } from './sidebar.component';\nimport { SuiSidebarPusherComponent } from './sidebar-pusher.component';\n\n@Component({\n  standalone: true,\n  selector: 'sui-sidebar-container',\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <ng-content></ng-content>\n  `\n})\nexport class SuiSidebarContainerComponent implements AfterContentInit {\n  @ContentChild(SuiSidebarComponent) public suiSidebar!: SuiSidebarComponent;\n  @ContentChild(SuiSidebarPusherComponent) public suiPusher!: SuiSidebarPusherComponent;\n\n  public ngAfterContentInit(): void {\n    if (!this.suiSidebar) {\n      throw new Error('You must include a <sui-sidebar> element within the container.');\n    }\n\n    if (!this.suiPusher) {\n      throw new Error('You must include a <sui-sidebar-pusher> element within the container.');\n    }\n\n    this.suiSidebar.visibleChange\n      .subscribe((isVisible) => {\n        this.suiPusher.isSidebarOpen = isVisible;\n      });\n  }\n}\n","/**\n * Created by bolorundurowb on 12/30/2020\n */\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SuiSidebarContainerComponent } from './sidebar-container.component';\nimport { SuiSidebarPusherComponent } from './sidebar-pusher.component';\nimport { SuiSidebarComponent } from './sidebar.component';\nimport { SuiSidebarService } from './sidebar.service';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiSidebarComponent,\n    SuiSidebarPusherComponent,\n    SuiSidebarContainerComponent\n  ],\n  exports: [\n    SuiSidebarComponent,\n    SuiSidebarPusherComponent,\n    SuiSidebarContainerComponent\n  ],\n  providers: [\n    SuiSidebarService\n  ]\n})\nexport class SuiSidebarModule {\n}\n","/**\n * Created by bolorundurowb on 12/30/2020\n */\n\nexport * from './sidebar-container.component';\nexport * from './sidebar-pusher.component';\nexport * from './sidebar.component';\nexport * from './sidebar.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-semantic-modules-sidebar.mjs","sources":["../../src/modules/sidebar/sidebar.service.ts","../../src/modules/sidebar/sidebar.component.ts","../../src/modules/sidebar/sidebar-pusher.component.ts","../../src/modules/sidebar/sidebar-container.component.ts","../../src/modules/sidebar/sidebar.module.ts","../../src/modules/sidebar/public-api.ts","../../src/modules/sidebar/ngx-semantic-modules-sidebar.ts"],"sourcesContent":["/**\n * Created by bolorundurowb on 1/1/2021\n */\n\nimport { EventEmitter, Injectable } from '@angular/core';\n\n@Injectable()\nexport class SuiSidebarService {\n  public pusherClicked = new EventEmitter<void>();\n  public visibilityChanged = new EventEmitter<boolean>();\n\n  private _isVisible = false;\n\n  /** The last visibility reported by the sidebar sharing this service. */\n  public get isVisible(): boolean {\n    return this._isVisible;\n  }\n\n  public notifyPusherClicked(): void {\n    this.pusherClicked.emit();\n  }\n\n  public changeVisibility(isVisible: boolean): void {\n    this._isVisible = isVisible;\n    this.visibilityChanged.emit(isVisible);\n  }\n}\n","/**\n * Created by bolorundurowb on 12/30/2020\n */\n\nimport { Component, EventEmitter, HostBinding, Input, OnDestroy, OnInit, Output, ViewEncapsulation, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiSidebarService } from './sidebar.service';\n\nexport type SuiSidebarPosition = 'top' | 'bottom' | 'left' | 'right';\nexport type SuiSidebarWidth = 'thin' | 'very thin' | 'wide' | 'very wide' | null;\nexport type SuiSidebarAnimation = 'overlay' | 'push' | 'scale down' | 'uncover' | 'slide along' | 'slide out' | null;\n\n/** Matches the Semantic UI sidebar transition duration. */\nconst SIDEBAR_ANIMATION_DURATION = 500;\n\n@Component({\n  standalone: true,\n  selector: 'sui-sidebar, [sui-sidebar]',\n  exportAs: 'suiSidebar',\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <ng-content></ng-content>\n  `\n})\nexport class SuiSidebarComponent implements OnInit, OnDestroy {\n  private sidebarService = inject(SuiSidebarService);\n\n  @Input() public suiSidebarPosition: SuiSidebarPosition = 'left';\n  @Input() public suiSidebarWidth: SuiSidebarWidth = null;\n  @Input() public suiSidebarAnimation: SuiSidebarAnimation = null;\n  @Input() @InputBoolean() public suiInverted = false;\n  /** Whether clicking the pusher hides a sidebar whose visibility is two-way bound. */\n  @Input() @InputBoolean() public suiClosable = true;\n  @Output() public visibleChange = new EventEmitter<boolean>();\n\n  public animating = false;\n\n  private _visible = true;\n  private animationTimer: ReturnType<typeof setTimeout> | null = null;\n  private initialised = false;\n  private readonly subscription: Subscription;\n\n  @Input()\n  get visible(): boolean {\n    return this._visible;\n  }\n\n  set visible(isVisible) {\n    const value = !!isVisible;\n    // only animate changes made after the initial binding, so the sidebar does not flash on load\n    if (this.initialised && value !== this._visible) {\n      this.startAnimating();\n    }\n    this._visible = value;\n    this.visibleChange.emit(this._visible);\n    this.sidebarService.changeVisibility(this._visible);\n  }\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      'ui',\n      this.suiSidebarPosition,\n      this.suiSidebarWidth,\n      ClassUtils.getPropClass(this.suiInverted, 'inverted'),\n      'sidebar',\n      this.suiSidebarAnimation,\n      ClassUtils.getPropClass(this.animating, 'animating'),\n      ClassUtils.getPropClass(this.visible, 'visible')\n    ].join(' ').replace(/\\s\\s+/g, ' ').trim();\n  }\n\n  constructor() {\n    this.sidebarService.changeVisibility(this._visible);\n    this.subscription = this.sidebarService.pusherClicked\n      .subscribe(() => {\n        // only close the sidebar from the pusher when its visibility is bound, i.e. [(visible)]\n        if (this.suiClosable && this.visibleChange.observed) {\n          this.visible = false;\n        }\n      });\n  }\n\n  public ngOnInit(): void {\n    this.initialised = true;\n  }\n\n  public ngOnDestroy(): void {\n    this.subscription.unsubscribe();\n    if (this.animationTimer) {\n      clearTimeout(this.animationTimer);\n    }\n  }\n\n  /** Mirrors `sidebar('toggle')`. */\n  public toggle(): void {\n    this.visible = !this.visible;\n  }\n\n  /** Mirrors `sidebar('show')`. */\n  public show(): void {\n    this.visible = true;\n  }\n\n  /** Mirrors `sidebar('hide')`. */\n  public hide(): void {\n    this.visible = false;\n  }\n\n  private startAnimating(): void {\n    this.animating = true;\n    if (this.animationTimer) {\n      clearTimeout(this.animationTimer);\n    }\n    this.animationTimer = setTimeout(() => {\n      this.animating = false;\n      this.animationTimer = null;\n    }, SIDEBAR_ANIMATION_DURATION);\n  }\n}\n","/**\n * Created by bolorundurowb on 12/30/2020\n */\n\nimport { Component, HostBinding, HostListener, Input, OnDestroy, OnInit, ViewEncapsulation, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiSidebarService } from './sidebar.service';\n\n@Component({\n  standalone: true,\n  selector: 'sui-sidebar-pusher',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    style: 'display: block'\n  },\n  template: `\n    <ng-content></ng-content>\n  `\n})\nexport class SuiSidebarPusherComponent implements OnInit, OnDestroy {\n  private sidebarService = inject(SuiSidebarService);\n\n  @Input() @InputBoolean() public suiDimmable = false;\n  public isSidebarOpen = false;\n\n  private subscription: Subscription | null = null;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      ClassUtils.getPropClass(this.isSidebarOpen && this.suiDimmable, 'dimmed'),\n      'pusher'\n    ].join(' ').trim();\n  }\n\n  public ngOnInit(): void {\n    this.isSidebarOpen = this.isSidebarOpen || this.sidebarService.isVisible;\n    this.subscription = this.sidebarService.visibilityChanged\n      .subscribe((isVisible) => {\n        this.isSidebarOpen = isVisible;\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.subscription?.unsubscribe();\n  }\n\n  @HostListener('click')\n  public onClick(): void {\n    if (this.isSidebarOpen) {\n      this.sidebarService.notifyPusherClicked();\n    }\n  }\n}\n","/**\n * Created by bolorundurowb on 1/1/2021\n */\n\nimport { AfterContentInit, Component, ContentChild, HostBinding, Input, OnDestroy, ViewEncapsulation, inject } from '@angular/core';\nimport { Subscription } from 'rxjs';\nimport { InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiSidebarComponent } from './sidebar.component';\nimport { SuiSidebarPusherComponent } from './sidebar-pusher.component';\nimport { SuiSidebarService } from './sidebar.service';\n\n@Component({\n  standalone: true,\n  selector: 'sui-sidebar-container',\n  encapsulation: ViewEncapsulation.None,\n  // each container gets its own service so multiple sidebars on a page do not affect one another\n  providers: [SuiSidebarService],\n  host: {\n    style: 'display: block'\n  },\n  template: `\n    <ng-content></ng-content>\n  `\n})\nexport class SuiSidebarContainerComponent implements AfterContentInit, OnDestroy {\n  private sidebarService = inject(SuiSidebarService);\n\n  @ContentChild(SuiSidebarComponent) public suiSidebar!: SuiSidebarComponent;\n  @ContentChild(SuiSidebarPusherComponent) public suiPusher!: SuiSidebarPusherComponent;\n\n  /**\n   * Makes the container the sidebar's context (Semantic UI `pushable`). The sidebar and dimmer are then\n   * positioned inside the container rather than the viewport. Always applied when the pusher is dimmable,\n   * since Semantic UI only renders the dimmer inside a pushable context.\n   */\n  @Input() @InputBoolean() public suiPushable = false;\n\n  private subscription: Subscription | null = null;\n\n  @HostBinding('class.pushable')\n  get isPushable(): boolean {\n    return this.suiPushable || !!this.suiPusher?.suiDimmable;\n  }\n\n  public ngAfterContentInit(): void {\n    if (!this.suiSidebar) {\n      throw new Error('You must include a <sui-sidebar> element within the container.');\n    }\n\n    if (!this.suiPusher) {\n      throw new Error('You must include a <sui-sidebar-pusher> element within the container.');\n    }\n\n    // the sidebar reports its initial visibility before the pusher exists, so sync it once here\n    this.suiPusher.isSidebarOpen = this.suiSidebar.visible;\n\n    this.subscription = this.sidebarService.visibilityChanged\n      .subscribe((isVisible) => {\n        this.suiPusher.isSidebarOpen = isVisible;\n      });\n  }\n\n  public ngOnDestroy(): void {\n    this.subscription?.unsubscribe();\n  }\n}\n","/**\n * Created by bolorundurowb on 12/30/2020\n */\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SuiSidebarContainerComponent } from './sidebar-container.component';\nimport { SuiSidebarPusherComponent } from './sidebar-pusher.component';\nimport { SuiSidebarComponent } from './sidebar.component';\nimport { SuiSidebarService } from './sidebar.service';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiSidebarComponent,\n    SuiSidebarPusherComponent,\n    SuiSidebarContainerComponent\n  ],\n  exports: [\n    SuiSidebarComponent,\n    SuiSidebarPusherComponent,\n    SuiSidebarContainerComponent\n  ],\n  providers: [\n    SuiSidebarService\n  ]\n})\nexport class SuiSidebarModule {\n}\n","/**\n * Created by bolorundurowb on 12/30/2020\n */\n\nexport * from './sidebar-container.component';\nexport * from './sidebar-pusher.component';\nexport * from './sidebar.component';\nexport * from './sidebar.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-semantic-modules-sticky.mjs

@@ -134,11 +134,14 @@ class SuiStickyDirective {
     savePositions() {
         const mod = this.el.nativeElement;
         const ctx = this.contextEl;
-        const scrollH = window.innerHeight;
+        const scrollH = this.scrollEl === window ? window.innerHeight : this.scrollEl.clientHeight;
         const cs = getComputedStyle(mod);
         const marginTop = parseInt(cs.marginTop, 10) || 0;
         const marginBottom = parseInt(cs.marginBottom, 10) || 0;
-        const sy = window.scrollY;
+        // positions are measured in the coordinate space of the scroll context so they can be compared with its scrollTop
+        const scroller = this.scrollEl === window ? null : this.scrollEl;
+        const scrollerTop = scroller ? scroller.getBoundingClientRect().top : 0;
+        const sy = scroller ? scroller.scrollTop - scrollerTop : window.scrollY;
         const sx = window.scrollX;
         const er = mod.getBoundingClientRect();
         const cr = ctx.getBoundingClientRect();
@@ -334,6 +337,9 @@ class SuiStickyDirective {
         this.renderer.setStyle(this.el.nativeElement, 'left', `${cache.element.left}px`);
         this.renderer.setStyle(this.el.nativeElement, 'bottom', '');
         this.renderer.setStyle(this.el.nativeElement, 'margin-bottom', '');
+        if (this.scrollEl !== window) {
+            this.renderer.setStyle(this.el.nativeElement, 'top', `${this.scrollEl.getBoundingClientRect().top}px`);
+        }
         this.fixed = true;
         this.bound = false;
         this.topState = true;
@@ -353,6 +359,10 @@ class SuiStickyDirective {
         }
         this.renderer.setStyle(this.el.nativeElement, 'margin-top', `${this.suiOffset}px`);
         this.renderer.setStyle(this.el.nativeElement, 'left', `${cache.element.left}px`);
+        if (this.scrollEl !== window) {
+            const bottom = window.innerHeight - this.scrollEl.getBoundingClientRect().bottom;
+            this.renderer.setStyle(this.el.nativeElement, 'bottom', `${bottom}px`);
+        }
         this.fixed = true;
         this.bound = false;
         this.topState = false;
@@ -366,6 +376,7 @@ class SuiStickyDirective {
         this.lastScroll = undefined;
         this.elementScroll = 0;
         if (wasStuck) {
+            this.suiOnTop.emit();
             this.suiOnUnstick.emit();
         }
     }
@@ -420,8 +431,8 @@ class SuiStickyDirective {
         this.resetLayout();
         this.cache = null;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiStickyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SuiStickyDirective, isStandalone: true, selector: "[suiSticky]", inputs: { suiContext: "suiContext", suiScrollContext: "suiScrollContext", suiOffset: "suiOffset", suiBottomOffset: "suiBottomOffset", suiPushing: "suiPushing", suiSetSize: "suiSetSize", suiJitter: "suiJitter", suiObserveChanges: "suiObserveChanges" }, outputs: { suiOnReposition: "suiOnReposition", suiOnScroll: "suiOnScroll", suiOnStick: "suiOnStick", suiOnUnstick: "suiOnUnstick", suiOnTop: "suiOnTop", suiOnBottom: "suiOnBottom" }, host: { properties: { "class.ui": "this.classUi", "class.sticky": "this.classSticky", "class.fixed": "this.fixed", "class.bound": "this.bound", "class.top": "this.topState", "class.bottom": "this.bottomState" } }, exportAs: ["suiSticky"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiStickyDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiStickyDirective, isStandalone: true, selector: "[suiSticky]", inputs: { suiContext: "suiContext", suiScrollContext: "suiScrollContext", suiOffset: "suiOffset", suiBottomOffset: "suiBottomOffset", suiPushing: "suiPushing", suiSetSize: "suiSetSize", suiJitter: "suiJitter", suiObserveChanges: "suiObserveChanges" }, outputs: { suiOnReposition: "suiOnReposition", suiOnScroll: "suiOnScroll", suiOnStick: "suiOnStick", suiOnUnstick: "suiOnUnstick", suiOnTop: "suiOnTop", suiOnBottom: "suiOnBottom" }, host: { properties: { "class.ui": "this.classUi", "class.sticky": "this.classSticky", "class.fixed": "this.fixed", "class.bound": "this.bound", "class.top": "this.topState", "class.bottom": "this.bottomState" } }, exportAs: ["suiSticky"], ngImport: i0 }); }
 }
 __decorate([
     InputBoolean()
@@ -432,7 +443,7 @@ __decorate([
 __decorate([
     InputBoolean()
 ], SuiStickyDirective.prototype, "suiObserveChanges", void 0);
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiStickyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiStickyDirective, decorators: [{
             type: Directive,
             args: [{
                     standalone: true,
@@ -488,11 +499,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
             }] } });
 
 class SuiStickyModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiStickyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: SuiStickyModule, imports: [CommonModule, SuiStickyDirective], exports: [SuiStickyDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiStickyModule, imports: [CommonModule] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiStickyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: SuiStickyModule, imports: [CommonModule, SuiStickyDirective], exports: [SuiStickyDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiStickyModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiStickyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiStickyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, SuiStickyDirective],