ngx-semantic 2.0.9 → 2.1.1

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

@@ -1,4 +1,5 @@
 import * as i0 from '@angular/core';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i1 from '@angular/common';
 
 declare class SuiPlaceholderParagraphDirective {
@@ -8,14 +9,14 @@ declare class SuiPlaceholderParagraphDirective {
 }
 
 type SuiPlaceholderLineLength = 'full' | 'very long' | 'long' | 'medium' | 'short' | 'very short' | null;
-declare class SuiPlaceholderLineDirective {
+declare class SuiPlaceholderLineDirective extends BaseDirective {
     suiLength: SuiPlaceholderLineLength;
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiPlaceholderLineDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiPlaceholderLineDirective, "[suiPlaceholderLine]", ["suiPlaceholderLine"], { "suiLength": { "alias": "suiLength"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class SuiPlaceholderImageDirective {
+declare class SuiPlaceholderImageDirective extends BaseDirective {
     suiSquare: boolean;
     suiRectangular: boolean;
     get classes(): string;
@@ -23,7 +24,7 @@ declare class SuiPlaceholderImageDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiPlaceholderImageDirective, "[suiPlaceholderImage]", ["suiPlaceholderImage"], { "suiSquare": { "alias": "suiSquare"; "required": false; }; "suiRectangular": { "alias": "suiRectangular"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class SuiPlaceholderDirective {
+declare class SuiPlaceholderDirective extends BaseDirective {
     suiActive: boolean;
     suiInverted: boolean;
     suiFluid: boolean;
@@ -32,7 +33,7 @@ declare class SuiPlaceholderDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiPlaceholderDirective, "[sui-placeholder]", ["suiPlaceholder"], { "suiActive": { "alias": "suiActive"; "required": false; }; "suiInverted": { "alias": "suiInverted"; "required": false; }; "suiFluid": { "alias": "suiFluid"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class SuiPlaceholderHeaderDirective {
+declare class SuiPlaceholderHeaderDirective extends BaseDirective {
     suiImage: boolean;
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiPlaceholderHeaderDirective, never>;

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

@@ -1,9 +1,10 @@
 import { SuiHorizontalPosition, SuiSize } from 'ngx-semantic/core/enums';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 
 type SuiRailCloseness = 'close' | 'very close' | null;
-declare class SuiRailDirective {
+declare class SuiRailDirective extends BaseDirective {
     suiLocation: SuiHorizontalPosition;
     suiSize: SuiSize;
     suiCloseness: SuiRailCloseness;

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

@@ -1,10 +1,11 @@
 import { SuiSize } from 'ngx-semantic/core/enums';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 
 type SuiMoveDirection = 'left' | 'right' | 'up' | 'down' | null;
 type SuiRotateDirection = 'left' | 'right' | null;
-declare class SuiRevealDirective {
+declare class SuiRevealDirective extends BaseDirective {
     suiMove: SuiMoveDirection;
     suiRotate: SuiRotateDirection;
     suiSize: SuiSize;
@@ -20,7 +21,7 @@ declare class SuiRevealDirective {
 }
 
 type SuiRevealContentVisibility = 'visible' | 'hidden';
-declare class SuiRevealContentDirective {
+declare class SuiRevealContentDirective extends BaseDirective {
     suiVisible: SuiRevealContentVisibility;
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiRevealContentDirective, never>;

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

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
-import { SuiColour } from 'ngx-semantic/core/enums';
 import { BaseDirective } from 'ngx-semantic/core/base';
+import { SuiColour } from 'ngx-semantic/core/enums';
 import * as i1 from '@angular/common';
 
 declare class SuiSegmentInlineDirective {
@@ -9,7 +9,7 @@ declare class SuiSegmentInlineDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiSegmentInlineDirective, "[suiSegmentInline]", ["suiSegmentInline"], {}, {}, never, never, true, never>;
 }
 
-declare class SuiSegmentsDirective {
+declare class SuiSegmentsDirective extends BaseDirective {
     suiHorizontal: boolean;
     suiRaised: boolean;
     suiStacked: boolean;

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

@@ -37,7 +37,7 @@ declare class SuiStepsDirective extends BaseDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiStepsDirective, "[sui-steps]", ["suiSteps"], { "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiAttached": { "alias": "suiAttached"; "required": false; }; "suiSize": { "alias": "suiSize"; "required": false; }; "suiOrdered": { "alias": "suiOrdered"; "required": false; }; "suiVertical": { "alias": "suiVertical"; "required": false; }; "suiFluid": { "alias": "suiFluid"; "required": false; }; "suiUnstackable": { "alias": "suiUnstackable"; "required": false; }; "suiTabletStackable": { "alias": "suiTabletStackable"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class SuiStepDirective {
+declare class SuiStepDirective extends BaseDirective {
     suiActive: boolean;
     disabled: boolean;
     suiCompleted: boolean;

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

@@ -1,13 +1,14 @@
 import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { BaseDirective } from 'ngx-semantic/core/base';
 
 /**
  * Created by bolor on 10/24/2020
  */
 
 type SuiCheckboxType = 'radio' | 'slider' | 'toggle' | null;
-declare class SuiCheckboxComponent implements ControlValueAccessor {
+declare class SuiCheckboxComponent extends BaseDirective implements ControlValueAccessor {
     private changeDetectorRef;
     valueChanged: EventEmitter<any>;
     checkedChange: EventEmitter<boolean>;

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnChanges, OnDestroy, EventEmitter, SimpleChanges, OnInit, TemplateRef } from '@angular/core';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i1 from '@angular/common';
 
 declare class SuiDimmerContentDirective {
@@ -12,9 +13,9 @@ declare class SuiDimmerContentDirective {
  */
 
 type SuiDimmerContentAlignment = 'top' | 'bottom' | null;
-declare class SuiDimmerDirective implements OnChanges, OnDestroy {
+declare class SuiDimmerDirective extends BaseDirective implements OnChanges, OnDestroy {
     private element;
-    private factoryResolver;
+    private environmentInjector;
     private injector;
     private appRef;
     private renderer;

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

@@ -1,4 +1,5 @@
 import * as i0 from '@angular/core';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i1 from '@angular/common';
 
 declare class SuiDropdownMenuDividerDirective {
@@ -14,7 +15,7 @@ declare class SuiDropdownMenuHeaderDirective {
 }
 
 type SuiDropdownMenuDirection = 'left' | 'right' | null;
-declare class SuiDropdownMenuDirective {
+declare class SuiDropdownMenuDirective extends BaseDirective {
     suiDirection: SuiDropdownMenuDirection;
     suiScrolling: boolean;
     private isOpen;
@@ -27,7 +28,7 @@ declare class SuiDropdownMenuDirective {
 }
 
 type SuiMenuDirection = 'left' | 'right' | null;
-declare class SuiDropdownMenuItemDirective {
+declare class SuiDropdownMenuItemDirective extends BaseDirective {
     contentMenu: SuiDropdownMenuDirective | undefined;
     suiDirection: SuiMenuDirection;
     disabled: boolean;
@@ -40,7 +41,7 @@ declare class SuiDropdownMenuItemDirective {
 }
 
 type SuiDropdownPointingDirection = 'top left' | 'top right' | 'left' | 'right' | 'bottom left' | 'bottom right' | null;
-declare class SuiDropdownComponent {
+declare class SuiDropdownComponent extends BaseDirective {
     contentMenu: SuiDropdownMenuDirective | undefined;
     suiPointingDirection: SuiDropdownPointingDirection;
     suiPointing: boolean;

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { OnDestroy, TemplateRef, EventEmitter } from '@angular/core';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i1 from '@angular/common';
 
 declare class SuiModalActionsDirective {
@@ -8,7 +9,7 @@ declare class SuiModalActionsDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiModalActionsDirective, "[suiModalActions]", ["suiModalActions"], {}, {}, never, never, true, never>;
 }
 
-declare class SuiModalContentDirective {
+declare class SuiModalContentDirective extends BaseDirective {
     suiImage: boolean;
     suiScrollable: boolean;
     get classes(): string;

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

@@ -2,13 +2,14 @@ import * as i0 from '@angular/core';
 import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { SuiSize } from 'ngx-semantic/core/enums';
+import { BaseDirective } from 'ngx-semantic/core/base';
 
 /**
  * Created by bolor on 10/24/2020
  */
 
 type SuiRatingType = 'star' | 'heart' | null;
-declare class SuiRatingComponent implements ControlValueAccessor {
+declare class SuiRatingComponent extends BaseDirective implements ControlValueAccessor {
     private changeDetectorRef;
     valueChanged: EventEmitter<number>;
     suiSize: SuiSize;

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

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { AfterViewInit, EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
+import { BaseDirective } from 'ngx-semantic/core/base';
 
 interface ISelectOptionImage {
     avatar: boolean;
@@ -19,7 +20,7 @@ interface ISelectOption {
 }
 
 type SuiSelectMenuDirection = 'left' | 'right' | null;
-declare class SuiSelectMenuDirective {
+declare class SuiSelectMenuDirective extends BaseDirective {
     suiDirection: SuiSelectMenuDirection;
     suiScrolling: boolean;
     private isOpen;
@@ -31,7 +32,7 @@ declare class SuiSelectMenuDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiSelectMenuDirective, "[suiSelectMenu]", never, { "suiDirection": { "alias": "suiDirection"; "required": false; }; "suiScrolling": { "alias": "suiScrolling"; "required": false; }; "suiIsOpen": { "alias": "suiIsOpen"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class SuiSelectComponent implements AfterViewInit, ControlValueAccessor {
+declare class SuiSelectComponent extends BaseDirective implements AfterViewInit, ControlValueAccessor {
     private changeDetectorRef;
     optionsMenu: SuiSelectMenuDirective;
     suiSelectionChanged: EventEmitter<any>;

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,6 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, OnInit, AfterContentInit } from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, AfterContentInit } from '@angular/core';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i1 from '@angular/common';
 
 /**
@@ -9,32 +10,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 extends BaseDirective 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 extends BaseDirective 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 +62,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 {

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

@@ -1,6 +1,7 @@
 import * as i0 from '@angular/core';
 import { TemplateRef, AfterContentChecked, QueryList, EventEmitter } from '@angular/core';
 import { SuiColour } from 'ngx-semantic/core/enums';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import { SuiMenuAttachment } from 'ngx-semantic/collections/menu';
 import { SuiSegmentAttachment } from 'ngx-semantic/elements/segment';
 import * as i1 from '@angular/common';
@@ -9,7 +10,7 @@ import * as i1 from '@angular/common';
  * Created by bolorundurowb on 12/22/2020
  */
 
-declare class SuiTabComponent {
+declare class SuiTabComponent extends BaseDirective {
     suiContent: TemplateRef<any>;
     suiTitle: string | null;
     suiIcon: string | null;

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

@@ -1,6 +1,7 @@
 import { AnimationMetadata } from '@angular/animations';
 import * as i0 from '@angular/core';
 import { OnChanges, OnDestroy, EventEmitter, SimpleChanges } from '@angular/core';
+import { BaseDirective } from 'ngx-semantic/core/base';
 
 /**
  * Angular animation metadata approximating Semantic UI transition behaviors.
@@ -35,7 +36,7 @@ declare function parseTransitionName(raw: string): ParsedTransitionName;
 declare function resolveTransitionDirection(explicitFromName: 'in' | 'out' | null, mode: SuiTransitionDirectionMode, targetVisible: boolean): 'in' | 'out';
 declare function isStaticTransitionName(baseName: string): boolean;
 
-declare class SuiTransitionComponent implements OnChanges, OnDestroy {
+declare class SuiTransitionComponent extends BaseDirective implements OnChanges, OnDestroy {
     private readonly builder;
     private readonly el;
     private readonly renderer;
@@ -67,6 +68,7 @@ declare class SuiTransitionComponent implements OnChanges, OnDestroy {
     /** Final hidden state (opacity/visibility), not necessarily DOM removal. */
     hidden: boolean;
     hostClassList: string;
+    get classes(): string;
     private player;
     private initialized;
     private lastVisible;

package/types/ngx-semantic-views-card.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { SuiWidth, SuiColour } from 'ngx-semantic/core/enums';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i1 from '@angular/common';
 
 declare class SuiCardDescriptionDirective {
@@ -38,7 +39,7 @@ declare class SuiCardMetaDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiCardMetaDirective, "[suiCardMeta]", ["suiCardMeta"], {}, {}, never, never, true, never>;
 }
 
-declare class SuiCardsDirective {
+declare class SuiCardsDirective extends BaseDirective {
     suiWidth: SuiWidth;
     suiStackable: boolean;
     suiDoubling: boolean;
@@ -48,7 +49,7 @@ declare class SuiCardsDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiCardsDirective, "[sui-cards]", ["suiCards"], { "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiStackable": { "alias": "suiStackable"; "required": false; }; "suiDoubling": { "alias": "suiDoubling"; "required": false; }; "suiLink": { "alias": "suiLink"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class SuiCardDirective {
+declare class SuiCardDirective extends BaseDirective {
     private parent;
     suiColour: SuiColour;
     suiLink: boolean;

package/types/ngx-semantic-views-comment.d.ts

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { SuiSize } from 'ngx-semantic/core/enums';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i1 from '@angular/common';
 
 declare class SuiCommentActionsDirective {
@@ -44,7 +45,7 @@ declare class SuiCommentReplyDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiCommentReplyDirective, "[suiCommentReply]", ["suiCommentReply"], {}, {}, never, never, true, never>;
 }
 
-declare class SuiCommentsDirective {
+declare class SuiCommentsDirective extends BaseDirective {
     suiSize: SuiSize;
     suiThreaded: boolean;
     suiMinimal: boolean;