ngx-semantic 2.0.9 → 2.1.0

package/types/ngx-semantic-core-enums.d.ts

@@ -10,7 +10,7 @@ type SuiStacking = 'large screen stackable' | 'mobile stackable' | 'computer sta
 
 type SuiSize = 'mini' | 'tiny' | 'small' | 'medium' | 'large' | 'big' | 'huge' | 'massive' | null;
 
-type SuiDeviceVisibility = 'large screen only' | 'mobile only' | 'computer only' | 'tablet mobile only' | 'tablet only' | null;
+type SuiDeviceVisibility = 'mobile only' | 'tablet only' | 'computer only' | 'large screen only' | 'widescreen only' | 'tablet mobile only' | null;
 
 type SuiWidth = 'one' | 'two' | 'three' | 'four' | 'five' | 'six' | 'seven' | 'eight' | 'nine' | 'ten' | 'eleven' | 'twelve' | 'thirteen' | 'fourteen' | 'fifteen' | 'sixteen' | null;
 

package/types/ngx-semantic-elements-divider.d.ts

@@ -1,8 +1,9 @@
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 
 type SuiDividerDirection = 'vertical' | 'horizontal' | null;
-declare class SuiDividerDirective {
+declare class SuiDividerDirective extends BaseDirective {
     suiDirection: SuiDividerDirection;
     suiHeader: boolean;
     suiInverted: boolean;
@@ -10,6 +11,7 @@ declare class SuiDividerDirective {
     suiHidden: boolean;
     suiSection: boolean;
     suiClearing: boolean;
+    constructor();
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiDividerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiDividerDirective, "[sui-divider]", ["suiDivider"], { "suiDirection": { "alias": "suiDirection"; "required": false; }; "suiHeader": { "alias": "suiHeader"; "required": false; }; "suiInverted": { "alias": "suiInverted"; "required": false; }; "suiFitted": { "alias": "suiFitted"; "required": false; }; "suiHidden": { "alias": "suiHidden"; "required": false; }; "suiSection": { "alias": "suiSection"; "required": false; }; "suiClearing": { "alias": "suiClearing"; "required": false; }; }, {}, never, never, true, never>;

package/types/ngx-semantic-modules-dimmer.d.ts

@@ -14,7 +14,7 @@ declare class SuiDimmerContentDirective {
 type SuiDimmerContentAlignment = 'top' | 'bottom' | null;
 declare class SuiDimmerDirective implements OnChanges, OnDestroy {
     private element;
-    private factoryResolver;
+    private environmentInjector;
     private injector;
     private appRef;
     private renderer;

package/types/ngx-semantic-modules-shape.d.ts

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { ElementRef, AfterContentInit, OnDestroy, EventEmitter } from '@angular/core';
+import { AfterContentInit, OnDestroy, EventEmitter } from '@angular/core';
 import * as i1 from '@angular/common';
 
 declare class SuiShapeSideComponent {
-    root: ElementRef<HTMLElement>;
+    private readonly element;
     /** Driven by {@link SuiShapeComponent}; mirrors Semantic UI `.active`. */
     styleActive: boolean;
     /** Driven by {@link SuiShapeComponent}; mirrors Semantic UI `.hidden`. */
@@ -12,10 +12,11 @@ declare class SuiShapeSideComponent {
     styleAnimating: boolean;
     /** Inline styles applied during 3D animation (transform, top, left). */
     inlineStyles: Record<string, string | null>;
+    protected readonly sideClass = true;
     get nativeElement(): HTMLElement;
     clearInlineStyles(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiShapeSideComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuiShapeSideComponent, "sui-shape-side", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuiShapeSideComponent, "sui-shape-side", ["suiShapeSide"], {}, {}, never, ["*"], true, never>;
 }
 
 type SuiShapeDimension = 'initial' | 'next' | number;

package/types/ngx-semantic-modules-sidebar.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, AfterContentInit } from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, AfterContentInit } from '@angular/core';
 import * as i1 from '@angular/common';
 
 /**
@@ -9,32 +9,49 @@ import * as i1 from '@angular/common';
 type SuiSidebarPosition = 'top' | 'bottom' | 'left' | 'right';
 type SuiSidebarWidth = 'thin' | 'very thin' | 'wide' | 'very wide' | null;
 type SuiSidebarAnimation = 'overlay' | 'push' | 'scale down' | 'uncover' | 'slide along' | 'slide out' | null;
-declare class SuiSidebarComponent {
+declare class SuiSidebarComponent implements OnInit, OnDestroy {
     private sidebarService;
     suiSidebarPosition: SuiSidebarPosition;
     suiSidebarWidth: SuiSidebarWidth;
     suiSidebarAnimation: SuiSidebarAnimation;
     suiInverted: boolean;
+    /** Whether clicking the pusher hides a sidebar whose visibility is two-way bound. */
+    suiClosable: boolean;
     visibleChange: EventEmitter<boolean>;
+    animating: boolean;
     private _visible;
+    private animationTimer;
+    private initialised;
+    private readonly subscription;
     get visible(): boolean;
     set visible(isVisible: boolean);
     get classes(): string;
     constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Mirrors `sidebar('toggle')`. */
+    toggle(): void;
+    /** Mirrors `sidebar('show')`. */
+    show(): void;
+    /** Mirrors `sidebar('hide')`. */
+    hide(): void;
+    private startAnimating;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuiSidebarComponent, "sui-sidebar, [sui-sidebar]", never, { "suiSidebarPosition": { "alias": "suiSidebarPosition"; "required": false; }; "suiSidebarWidth": { "alias": "suiSidebarWidth"; "required": false; }; "suiSidebarAnimation": { "alias": "suiSidebarAnimation"; "required": false; }; "suiInverted": { "alias": "suiInverted"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuiSidebarComponent, "sui-sidebar, [sui-sidebar]", ["suiSidebar"], { "suiSidebarPosition": { "alias": "suiSidebarPosition"; "required": false; }; "suiSidebarWidth": { "alias": "suiSidebarWidth"; "required": false; }; "suiSidebarAnimation": { "alias": "suiSidebarAnimation"; "required": false; }; "suiInverted": { "alias": "suiInverted"; "required": false; }; "suiClosable": { "alias": "suiClosable"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "visibleChange": "visibleChange"; }, never, ["*"], true, never>;
 }
 
 /**
  * Created by bolorundurowb on 12/30/2020
  */
 
-declare class SuiSidebarPusherComponent implements OnInit {
+declare class SuiSidebarPusherComponent implements OnInit, OnDestroy {
     private sidebarService;
     suiDimmable: boolean;
     isSidebarOpen: boolean;
+    private subscription;
     get classes(): string;
     ngOnInit(): void;
+    ngOnDestroy(): void;
     onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiSidebarPusherComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SuiSidebarPusherComponent, "sui-sidebar-pusher", never, { "suiDimmable": { "alias": "suiDimmable"; "required": false; }; }, {}, never, ["*"], true, never>;
@@ -44,12 +61,22 @@ declare class SuiSidebarPusherComponent implements OnInit {
  * Created by bolorundurowb on 1/1/2021
  */
 
-declare class SuiSidebarContainerComponent implements AfterContentInit {
+declare class SuiSidebarContainerComponent implements AfterContentInit, OnDestroy {
+    private sidebarService;
     suiSidebar: SuiSidebarComponent;
     suiPusher: SuiSidebarPusherComponent;
+    /**
+     * 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.
+     */
+    suiPushable: boolean;
+    private subscription;
+    get isPushable(): boolean;
     ngAfterContentInit(): void;
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiSidebarContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SuiSidebarContainerComponent, "sui-sidebar-container", never, {}, {}, ["suiSidebar", "suiPusher"], ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SuiSidebarContainerComponent, "sui-sidebar-container", never, { "suiPushable": { "alias": "suiPushable"; "required": false; }; }, {}, ["suiSidebar", "suiPusher"], ["*"], true, never>;
 }
 
 declare class SuiSidebarModule {