ngx-semantic 2.0.7-beta.2 → 2.1.0

package/fesm2022/ngx-semantic.mjs

@@ -43,6 +43,7 @@ import { SuiAdvertisementModule } from 'ngx-semantic/views/advertisement';
 import { SuiStickyModule } from 'ngx-semantic/modules/sticky';
 import { SuiShapeModule } from 'ngx-semantic/modules/shape';
 import { SuiTransitionModule } from 'ngx-semantic/modules/transition';
+import { SuiVisibilityModule } from 'ngx-semantic/modules/visibility';
 
 const NGX_SEMANTIC_MODULES = [
     SuiTabsModule,
@@ -87,11 +88,12 @@ const NGX_SEMANTIC_MODULES = [
     SuiAdvertisementModule,
     SuiStickyModule,
     SuiShapeModule,
-    SuiTransitionModule
+    SuiTransitionModule,
+    SuiVisibilityModule
 ];
 class NgxSemanticModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NgxSemanticModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: NgxSemanticModule, imports: [SuiTabsModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: NgxSemanticModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.23", ngImport: i0, type: NgxSemanticModule, imports: [SuiTabsModule,
             SuiFlagModule,
             SuiIconModule,
             SuiListModule,
@@ -133,7 +135,8 @@ class NgxSemanticModule {
             SuiAdvertisementModule,
             SuiStickyModule,
             SuiShapeModule,
-            SuiTransitionModule], exports: [SuiTabsModule,
+            SuiTransitionModule,
+            SuiVisibilityModule], exports: [SuiTabsModule,
             SuiFlagModule,
             SuiIconModule,
             SuiListModule,
@@ -175,8 +178,9 @@ class NgxSemanticModule {
             SuiAdvertisementModule,
             SuiStickyModule,
             SuiShapeModule,
-            SuiTransitionModule] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NgxSemanticModule, imports: [NGX_SEMANTIC_MODULES, SuiTabsModule,
+            SuiTransitionModule,
+            SuiVisibilityModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: NgxSemanticModule, imports: [NGX_SEMANTIC_MODULES, SuiTabsModule,
             SuiFlagModule,
             SuiIconModule,
             SuiListModule,
@@ -218,9 +222,10 @@ class NgxSemanticModule {
             SuiAdvertisementModule,
             SuiStickyModule,
             SuiShapeModule,
-            SuiTransitionModule] }); }
+            SuiTransitionModule,
+            SuiVisibilityModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: NgxSemanticModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: NgxSemanticModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [...NGX_SEMANTIC_MODULES],
@@ -267,7 +272,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
                         SuiAdvertisementModule,
                         SuiStickyModule,
                         SuiShapeModule,
-                        SuiTransitionModule
+                        SuiTransitionModule,
+                        SuiVisibilityModule
                     ]
                 }]
         }] });

package/fesm2022/ngx-semantic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic.mjs","sources":["../../src/ngx-semantic.module.ts","../../src/ngx-semantic.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { SuiCardModule } from 'ngx-semantic/views/card';\nimport { SuiTabsModule } from 'ngx-semantic/modules/tabs';\nimport { SuiFlagModule } from 'ngx-semantic/elements/flag';\nimport { SuiListModule } from 'ngx-semantic/elements/list';\nimport { SuiRailModule } from 'ngx-semantic/elements/rail';\nimport { SuiIconModule } from 'ngx-semantic/elements/icon';\nimport { SuiFormModule } from 'ngx-semantic/collections/form';\nimport { SuiGridModule } from 'ngx-semantic/collections/grid';\nimport { SuiMenuModule } from 'ngx-semantic/collections/menu';\nimport { SuiItemsModule } from 'ngx-semantic/views/items';\nimport { SuiPopupModule } from 'ngx-semantic/modules/popup';\nimport { SuiEmbedModule } from 'ngx-semantic/modules/embed';\nimport { SuiModalModule } from 'ngx-semantic/modules/modal';\nimport { SuiImageModule } from 'ngx-semantic/elements/image';\nimport { SuiInputModule } from 'ngx-semantic/elements/input';\nimport { SuiLabelModule } from 'ngx-semantic/elements/label';\nimport { SuiStepsModule } from 'ngx-semantic/elements/steps';\nimport { SuiTableModule } from 'ngx-semantic/collections/table';\nimport { SuiDimmerModule } from 'ngx-semantic/modules/dimmer';\nimport { SuiRatingModule } from 'ngx-semantic/modules/rating';\nimport { SuiSelectModule } from 'ngx-semantic/modules/select';\nimport { SuiSearchModule } from 'ngx-semantic/modules/search';\nimport { SuiButtonModule } from 'ngx-semantic/elements/button';\nimport { SuiRevealModule } from 'ngx-semantic/elements/reveal';\nimport { SuiHeaderModule } from 'ngx-semantic/elements/header';\nimport { SuiLoaderModule } from 'ngx-semantic/elements/loader';\nimport { SuiCommentModule } from 'ngx-semantic/views/comment';\nimport { SuiSidebarModule } from 'ngx-semantic/modules/sidebar';\nimport { SuiDividerModule } from 'ngx-semantic/elements/divider';\nimport { SuiSegmentModule } from 'ngx-semantic/elements/segment';\nimport { SuiMessageModule } from 'ngx-semantic/collections/message';\nimport { SuiProgressModule } from 'ngx-semantic/modules/progress';\nimport { SuiDropdownModule } from 'ngx-semantic/modules/dropdown';\nimport { SuiCheckboxModule } from 'ngx-semantic/modules/checkbox';\nimport { SuiStatisticModule } from 'ngx-semantic/views/statistics';\nimport { SuiAccordionModule } from 'ngx-semantic/modules/accordion';\nimport { SuiContainerModule } from 'ngx-semantic/elements/container';\nimport { SuiPlaceholderModule } from 'ngx-semantic/elements/placeholder';\nimport { SuiBreadcrumbModule } from 'ngx-semantic/collections/breadcrumb';\nimport { SuiAdvertisementModule } from 'ngx-semantic/views/advertisement';\nimport { SuiStickyModule } from 'ngx-semantic/modules/sticky';\nimport { SuiShapeModule } from 'ngx-semantic/modules/shape';\nimport { SuiTransitionModule } from 'ngx-semantic/modules/transition';\n\nconst NGX_SEMANTIC_MODULES = [\n  SuiTabsModule,\n  SuiFlagModule,\n  SuiIconModule,\n  SuiListModule,\n  SuiRailModule,\n  SuiGridModule,\n  SuiFormModule,\n  SuiMenuModule,\n  SuiCardModule,\n  SuiImageModule,\n  SuiInputModule,\n  SuiItemsModule,\n  SuiLabelModule,\n  SuiStepsModule,\n  SuiTableModule,\n  SuiPopupModule,\n  SuiEmbedModule,\n  SuiModalModule,\n  SuiLoaderModule,\n  SuiDimmerModule,\n  SuiHeaderModule,\n  SuiButtonModule,\n  SuiRevealModule,\n  SuiRatingModule,\n  SuiSelectModule,\n  SuiSearchModule,\n  SuiMessageModule,\n  SuiDividerModule,\n  SuiCommentModule,\n  SuiSegmentModule,\n  SuiSidebarModule,\n  SuiProgressModule,\n  SuiDropdownModule,\n  SuiCheckboxModule,\n  SuiStatisticModule,\n  SuiAccordionModule,\n  SuiContainerModule,\n  SuiBreadcrumbModule,\n  SuiPlaceholderModule,\n  SuiAdvertisementModule,\n  SuiStickyModule,\n  SuiShapeModule,\n  SuiTransitionModule\n];\n\n@NgModule({\n  imports: [...NGX_SEMANTIC_MODULES],\n  exports: [\n    SuiTabsModule,\n    SuiFlagModule,\n    SuiIconModule,\n    SuiListModule,\n    SuiRailModule,\n    SuiGridModule,\n    SuiFormModule,\n    SuiMenuModule,\n    SuiCardModule,\n    SuiImageModule,\n    SuiInputModule,\n    SuiItemsModule,\n    SuiLabelModule,\n    SuiStepsModule,\n    SuiTableModule,\n    SuiPopupModule,\n    SuiEmbedModule,\n    SuiModalModule,\n    SuiLoaderModule,\n    SuiDimmerModule,\n    SuiHeaderModule,\n    SuiButtonModule,\n    SuiRevealModule,\n    SuiRatingModule,\n    SuiSelectModule,\n    SuiSearchModule,\n    SuiMessageModule,\n    SuiDividerModule,\n    SuiCommentModule,\n    SuiSegmentModule,\n    SuiSidebarModule,\n    SuiProgressModule,\n    SuiDropdownModule,\n    SuiCheckboxModule,\n    SuiStatisticModule,\n    SuiAccordionModule,\n    SuiContainerModule,\n    SuiBreadcrumbModule,\n    SuiPlaceholderModule,\n    SuiAdvertisementModule,\n    SuiStickyModule,\n    SuiShapeModule,\n    SuiTransitionModule\n  ]\n})\nexport class NgxSemanticModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './ngx-semantic.module';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngx-semantic.mjs","sources":["../../src/ngx-semantic.module.ts","../../src/ngx-semantic.ts"],"sourcesContent":["import { NgModule } from '@angular/core';\n\nimport { SuiCardModule } from 'ngx-semantic/views/card';\nimport { SuiTabsModule } from 'ngx-semantic/modules/tabs';\nimport { SuiFlagModule } from 'ngx-semantic/elements/flag';\nimport { SuiListModule } from 'ngx-semantic/elements/list';\nimport { SuiRailModule } from 'ngx-semantic/elements/rail';\nimport { SuiIconModule } from 'ngx-semantic/elements/icon';\nimport { SuiFormModule } from 'ngx-semantic/collections/form';\nimport { SuiGridModule } from 'ngx-semantic/collections/grid';\nimport { SuiMenuModule } from 'ngx-semantic/collections/menu';\nimport { SuiItemsModule } from 'ngx-semantic/views/items';\nimport { SuiPopupModule } from 'ngx-semantic/modules/popup';\nimport { SuiEmbedModule } from 'ngx-semantic/modules/embed';\nimport { SuiModalModule } from 'ngx-semantic/modules/modal';\nimport { SuiImageModule } from 'ngx-semantic/elements/image';\nimport { SuiInputModule } from 'ngx-semantic/elements/input';\nimport { SuiLabelModule } from 'ngx-semantic/elements/label';\nimport { SuiStepsModule } from 'ngx-semantic/elements/steps';\nimport { SuiTableModule } from 'ngx-semantic/collections/table';\nimport { SuiDimmerModule } from 'ngx-semantic/modules/dimmer';\nimport { SuiRatingModule } from 'ngx-semantic/modules/rating';\nimport { SuiSelectModule } from 'ngx-semantic/modules/select';\nimport { SuiSearchModule } from 'ngx-semantic/modules/search';\nimport { SuiButtonModule } from 'ngx-semantic/elements/button';\nimport { SuiRevealModule } from 'ngx-semantic/elements/reveal';\nimport { SuiHeaderModule } from 'ngx-semantic/elements/header';\nimport { SuiLoaderModule } from 'ngx-semantic/elements/loader';\nimport { SuiCommentModule } from 'ngx-semantic/views/comment';\nimport { SuiSidebarModule } from 'ngx-semantic/modules/sidebar';\nimport { SuiDividerModule } from 'ngx-semantic/elements/divider';\nimport { SuiSegmentModule } from 'ngx-semantic/elements/segment';\nimport { SuiMessageModule } from 'ngx-semantic/collections/message';\nimport { SuiProgressModule } from 'ngx-semantic/modules/progress';\nimport { SuiDropdownModule } from 'ngx-semantic/modules/dropdown';\nimport { SuiCheckboxModule } from 'ngx-semantic/modules/checkbox';\nimport { SuiStatisticModule } from 'ngx-semantic/views/statistics';\nimport { SuiAccordionModule } from 'ngx-semantic/modules/accordion';\nimport { SuiContainerModule } from 'ngx-semantic/elements/container';\nimport { SuiPlaceholderModule } from 'ngx-semantic/elements/placeholder';\nimport { SuiBreadcrumbModule } from 'ngx-semantic/collections/breadcrumb';\nimport { SuiAdvertisementModule } from 'ngx-semantic/views/advertisement';\nimport { SuiStickyModule } from 'ngx-semantic/modules/sticky';\nimport { SuiShapeModule } from 'ngx-semantic/modules/shape';\nimport { SuiTransitionModule } from 'ngx-semantic/modules/transition';\nimport { SuiVisibilityModule } from 'ngx-semantic/modules/visibility';\n\nconst NGX_SEMANTIC_MODULES = [\n  SuiTabsModule,\n  SuiFlagModule,\n  SuiIconModule,\n  SuiListModule,\n  SuiRailModule,\n  SuiGridModule,\n  SuiFormModule,\n  SuiMenuModule,\n  SuiCardModule,\n  SuiImageModule,\n  SuiInputModule,\n  SuiItemsModule,\n  SuiLabelModule,\n  SuiStepsModule,\n  SuiTableModule,\n  SuiPopupModule,\n  SuiEmbedModule,\n  SuiModalModule,\n  SuiLoaderModule,\n  SuiDimmerModule,\n  SuiHeaderModule,\n  SuiButtonModule,\n  SuiRevealModule,\n  SuiRatingModule,\n  SuiSelectModule,\n  SuiSearchModule,\n  SuiMessageModule,\n  SuiDividerModule,\n  SuiCommentModule,\n  SuiSegmentModule,\n  SuiSidebarModule,\n  SuiProgressModule,\n  SuiDropdownModule,\n  SuiCheckboxModule,\n  SuiStatisticModule,\n  SuiAccordionModule,\n  SuiContainerModule,\n  SuiBreadcrumbModule,\n  SuiPlaceholderModule,\n  SuiAdvertisementModule,\n  SuiStickyModule,\n  SuiShapeModule,\n  SuiTransitionModule,\n  SuiVisibilityModule\n];\n\n@NgModule({\n  imports: [...NGX_SEMANTIC_MODULES],\n  exports: [\n    SuiTabsModule,\n    SuiFlagModule,\n    SuiIconModule,\n    SuiListModule,\n    SuiRailModule,\n    SuiGridModule,\n    SuiFormModule,\n    SuiMenuModule,\n    SuiCardModule,\n    SuiImageModule,\n    SuiInputModule,\n    SuiItemsModule,\n    SuiLabelModule,\n    SuiStepsModule,\n    SuiTableModule,\n    SuiPopupModule,\n    SuiEmbedModule,\n    SuiModalModule,\n    SuiLoaderModule,\n    SuiDimmerModule,\n    SuiHeaderModule,\n    SuiButtonModule,\n    SuiRevealModule,\n    SuiRatingModule,\n    SuiSelectModule,\n    SuiSearchModule,\n    SuiMessageModule,\n    SuiDividerModule,\n    SuiCommentModule,\n    SuiSegmentModule,\n    SuiSidebarModule,\n    SuiProgressModule,\n    SuiDropdownModule,\n    SuiCheckboxModule,\n    SuiStatisticModule,\n    SuiAccordionModule,\n    SuiContainerModule,\n    SuiBreadcrumbModule,\n    SuiPlaceholderModule,\n    SuiAdvertisementModule,\n    SuiStickyModule,\n    SuiShapeModule,\n    SuiTransitionModule,\n    SuiVisibilityModule\n  ]\n})\nexport class NgxSemanticModule {\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './ngx-semantic.module';\n"],"names":[],"mappings":"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"}

package/modules/visibility/package.json

@@ -0,0 +1,4 @@
+{
+  "module": "../../fesm2022/ngx-semantic-modules-visibility.mjs",
+  "typings": "../../types/ngx-semantic-modules-visibility.d.ts"
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "ngx-semantic",
   "description": "This package is intended to bring the latest Angular support for Semantic UI",
-  "version": "2.0.7-beta.2",
+  "version": "2.1.0",
   "license": "MIT",
   "keywords": [
     "ngx",
@@ -220,6 +220,10 @@
       "types": "./types/ngx-semantic-modules-transition.d.ts",
       "default": "./fesm2022/ngx-semantic-modules-transition.mjs"
     },
+    "./modules/visibility": {
+      "types": "./types/ngx-semantic-modules-visibility.d.ts",
+      "default": "./fesm2022/ngx-semantic-modules-visibility.mjs"
+    },
     "./views/advertisement": {
       "types": "./types/ngx-semantic-views-advertisement.d.ts",
       "default": "./fesm2022/ngx-semantic-views-advertisement.mjs"

package/types/ngx-semantic-collections-grid.d.ts

@@ -3,56 +3,88 @@ import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 
-type SuiGridAlignment = 'left aligned' | 'center aligned' | 'right aligned' | null;
+/**
+ * Shared types for the grid, row and column directives
+ */
+type SuiGridTextAlignment = 'left aligned' | 'center aligned' | 'right aligned' | 'justified' | null;
+type SuiGridVerticalAlignment = 'top aligned' | 'middle aligned' | 'bottom aligned' | null;
+type SuiGridReverse = 'computer reversed' | 'tablet reversed' | 'mobile reversed' | 'computer vertically reversed' | 'tablet vertically reversed' | 'mobile vertically reversed' | null;
+declare class GridClassUtils {
+    static reversedClass(input: SuiGridReverse | SuiGridReverse[]): string;
+    static widthClass(width: string | null, device?: string): string;
+}
+
+type SuiGridAlignment = SuiGridTextAlignment;
 type SuiGridDivision = 'divided' | 'vertically divided' | null;
 type SuiGridCellType = 'celled' | 'internally celled' | null;
-type SuiGridPadding = 'padding' | 'vertically padding' | null;
-type SuiGridReverse = 'computer reversed' | 'tablet reversed' | 'mobile reversed' | null;
+type SuiGridPadding = 'padded' | 'vertically padded' | 'horizontally padded' | null;
 type SuiGridRelaxation = 'relaxed' | 'very relaxed' | null;
 declare class SuiGridDirective extends BaseDirective {
     suiWidth: SuiWidth;
     suiAlignment: SuiGridAlignment;
+    suiVerticalAlignment: SuiGridVerticalAlignment;
     suiDivided: SuiGridDivision;
     suiCelled: SuiGridCellType;
     suiPadded: SuiGridPadding;
-    suiReversed: SuiGridReverse;
+    suiReversed: SuiGridReverse | SuiGridReverse[];
     suiRelaxation: SuiGridRelaxation;
     suiEqual: boolean;
     suiCentered: boolean;
     suiContainer: boolean;
     suiStackable: boolean;
     suiDoubling: boolean;
+    suiStretched: boolean;
     constructor();
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiGridDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiGridDirective, "[sui-grid]", ["suiGrid"], { "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiAlignment": { "alias": "suiAlignment"; "required": false; }; "suiDivided": { "alias": "suiDivided"; "required": false; }; "suiCelled": { "alias": "suiCelled"; "required": false; }; "suiPadded": { "alias": "suiPadded"; "required": false; }; "suiReversed": { "alias": "suiReversed"; "required": false; }; "suiRelaxation": { "alias": "suiRelaxation"; "required": false; }; "suiEqual": { "alias": "suiEqual"; "required": false; }; "suiCentered": { "alias": "suiCentered"; "required": false; }; "suiContainer": { "alias": "suiContainer"; "required": false; }; "suiStackable": { "alias": "suiStackable"; "required": false; }; "suiDoubling": { "alias": "suiDoubling"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiGridDirective, "[sui-grid]", ["suiGrid"], { "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiAlignment": { "alias": "suiAlignment"; "required": false; }; "suiVerticalAlignment": { "alias": "suiVerticalAlignment"; "required": false; }; "suiDivided": { "alias": "suiDivided"; "required": false; }; "suiCelled": { "alias": "suiCelled"; "required": false; }; "suiPadded": { "alias": "suiPadded"; "required": false; }; "suiReversed": { "alias": "suiReversed"; "required": false; }; "suiRelaxation": { "alias": "suiRelaxation"; "required": false; }; "suiEqual": { "alias": "suiEqual"; "required": false; }; "suiCentered": { "alias": "suiCentered"; "required": false; }; "suiContainer": { "alias": "suiContainer"; "required": false; }; "suiStackable": { "alias": "suiStackable"; "required": false; }; "suiDoubling": { "alias": "suiDoubling"; "required": false; }; "suiStretched": { "alias": "suiStretched"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 type SuiColumnFloat = 'left floated' | 'right floated' | null;
-type SuiColumnAlignment = 'left aligned' | 'middle aligned' | 'right aligned' | null;
+/**
+ * Text or vertical alignment for a column. `'middle aligned'`, `'top aligned'` and `'bottom aligned'` are kept here
+ * for backwards compatibility; use `suiVerticalAlignment` when combining a text and a vertical alignment.
+ */
+type SuiColumnAlignment = SuiGridTextAlignment | SuiGridVerticalAlignment;
 declare class SuiGridColumnDirective extends BaseDirective {
     suiWidth: SuiWidth;
+    suiMobileWidth: SuiWidth;
+    suiTabletWidth: SuiWidth;
+    suiComputerWidth: SuiWidth;
+    suiLargeScreenWidth: SuiWidth;
+    suiWidescreenWidth: SuiWidth;
     suiFloated: SuiColumnFloat;
     suiColour: SuiColour;
     suiAlignment: SuiColumnAlignment;
-    suiDeviceVisibility: string | null;
+    suiVerticalAlignment: SuiGridVerticalAlignment;
+    suiDeviceVisibility: SuiDeviceVisibility;
+    suiStretched: boolean;
     constructor();
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiGridColumnDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiGridColumnDirective, "[suiGridColumn]", ["suiGridColumn"], { "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiFloated": { "alias": "suiFloated"; "required": false; }; "suiColour": { "alias": "suiColour"; "required": false; }; "suiAlignment": { "alias": "suiAlignment"; "required": false; }; "suiDeviceVisibility": { "alias": "suiDeviceVisibility"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiGridColumnDirective, "[suiGridColumn]", ["suiGridColumn"], { "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiMobileWidth": { "alias": "suiMobileWidth"; "required": false; }; "suiTabletWidth": { "alias": "suiTabletWidth"; "required": false; }; "suiComputerWidth": { "alias": "suiComputerWidth"; "required": false; }; "suiLargeScreenWidth": { "alias": "suiLargeScreenWidth"; "required": false; }; "suiWidescreenWidth": { "alias": "suiWidescreenWidth"; "required": false; }; "suiFloated": { "alias": "suiFloated"; "required": false; }; "suiColour": { "alias": "suiColour"; "required": false; }; "suiAlignment": { "alias": "suiAlignment"; "required": false; }; "suiVerticalAlignment": { "alias": "suiVerticalAlignment"; "required": false; }; "suiDeviceVisibility": { "alias": "suiDeviceVisibility"; "required": false; }; "suiStretched": { "alias": "suiStretched"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-type SuiRowAlignment = 'left aligned' | 'middle aligned' | 'right aligned' | null;
+/**
+ * Text or vertical alignment for a row. `'middle aligned'`, `'top aligned'` and `'bottom aligned'` are kept here for
+ * backwards compatibility; use `suiVerticalAlignment` when combining a text and a vertical alignment.
+ */
+type SuiRowAlignment = SuiGridTextAlignment | SuiGridVerticalAlignment;
 declare class SuiGridRowDirective extends BaseDirective {
     suiWidth: SuiWidth;
     suiAlignment: SuiRowAlignment;
+    suiVerticalAlignment: SuiGridVerticalAlignment;
+    suiColour: SuiColour;
+    suiReversed: SuiGridReverse | SuiGridReverse[];
     suiDeviceVisibility: SuiDeviceVisibility;
     suiEqual: boolean;
     suiCentered: boolean;
+    suiStretched: boolean;
+    suiDoubling: boolean;
     constructor();
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiGridRowDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiGridRowDirective, "[suiGridRow]", ["suiGridRow"], { "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiAlignment": { "alias": "suiAlignment"; "required": false; }; "suiDeviceVisibility": { "alias": "suiDeviceVisibility"; "required": false; }; "suiEqual": { "alias": "suiEqual"; "required": false; }; "suiCentered": { "alias": "suiCentered"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiGridRowDirective, "[suiGridRow]", ["suiGridRow"], { "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiAlignment": { "alias": "suiAlignment"; "required": false; }; "suiVerticalAlignment": { "alias": "suiVerticalAlignment"; "required": false; }; "suiColour": { "alias": "suiColour"; "required": false; }; "suiReversed": { "alias": "suiReversed"; "required": false; }; "suiDeviceVisibility": { "alias": "suiDeviceVisibility"; "required": false; }; "suiEqual": { "alias": "suiEqual"; "required": false; }; "suiCentered": { "alias": "suiCentered"; "required": false; }; "suiStretched": { "alias": "suiStretched"; "required": false; }; "suiDoubling": { "alias": "suiDoubling"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SuiGridModule {
@@ -61,5 +93,5 @@ declare class SuiGridModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<SuiGridModule>;
 }
 
-export { SuiGridColumnDirective, SuiGridDirective, SuiGridModule, SuiGridRowDirective };
-export type { SuiColumnAlignment, SuiColumnFloat, SuiGridAlignment, SuiGridCellType, SuiGridDivision, SuiGridPadding, SuiGridRelaxation, SuiGridReverse, SuiRowAlignment };
+export { GridClassUtils, SuiGridColumnDirective, SuiGridDirective, SuiGridModule, SuiGridRowDirective };
+export type { SuiColumnAlignment, SuiColumnFloat, SuiGridAlignment, SuiGridCellType, SuiGridDivision, SuiGridPadding, SuiGridRelaxation, SuiGridReverse, SuiGridTextAlignment, SuiGridVerticalAlignment, SuiRowAlignment };

package/types/ngx-semantic-collections-menu.d.ts

@@ -3,7 +3,7 @@ import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 
-type SuiMenuAttachment = 'top' | 'bottom' | null;
+type SuiMenuAttachment = 'top' | 'bottom' | 'attached' | null;
 type SuiMenuFixation = 'top' | 'bottom' | 'left' | 'right' | null;
 type SuiMenuIconType = 'icon' | 'labeled icon' | null;
 declare class SuiMenuDirective extends BaseDirective {
@@ -31,15 +31,19 @@ declare class SuiMenuDirective extends BaseDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiMenuDirective, "[sui-menu]", ["suiMenu"], { "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiAttached": { "alias": "suiAttached"; "required": false; }; "suiFixed": { "alias": "suiFixed"; "required": false; }; "suiColour": { "alias": "suiColour"; "required": false; }; "suiIcon": { "alias": "suiIcon"; "required": false; }; "suiSize": { "alias": "suiSize"; "required": false; }; "suiText": { "alias": "suiText"; "required": false; }; "suiSecondary": { "alias": "suiSecondary"; "required": false; }; "suiPointing": { "alias": "suiPointing"; "required": false; }; "suiTabular": { "alias": "suiTabular"; "required": false; }; "suiVertical": { "alias": "suiVertical"; "required": false; }; "suiFluid": { "alias": "suiFluid"; "required": false; }; "suiRight": { "alias": "suiRight"; "required": false; }; "suiPagination": { "alias": "suiPagination"; "required": false; }; "suiCompact": { "alias": "suiCompact"; "required": false; }; "suiStackable": { "alias": "suiStackable"; "required": false; }; "suiInverted": { "alias": "suiInverted"; "required": false; }; "suiBorderless": { "alias": "suiBorderless"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+type SuiMenuItemFitting = 'fitted' | 'horizontally fitted' | 'vertically fitted' | null;
 declare class SuiMenuItemDirective extends BaseDirective {
+    suiColour: SuiColour;
+    suiFitted: SuiMenuItemFitting;
     suiLink: boolean;
     suiActive: boolean;
     suiBrowser: boolean;
+    suiHeader: boolean;
     disabled: boolean;
     constructor();
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiMenuItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiMenuItemDirective, "[suiMenuItem]", ["suiMenuItem"], { "suiLink": { "alias": "suiLink"; "required": false; }; "suiActive": { "alias": "suiActive"; "required": false; }; "suiBrowser": { "alias": "suiBrowser"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiMenuItemDirective, "[suiMenuItem]", ["suiMenuItem"], { "suiColour": { "alias": "suiColour"; "required": false; }; "suiFitted": { "alias": "suiFitted"; "required": false; }; "suiLink": { "alias": "suiLink"; "required": false; }; "suiActive": { "alias": "suiActive"; "required": false; }; "suiBrowser": { "alias": "suiBrowser"; "required": false; }; "suiHeader": { "alias": "suiHeader"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SuiSubMenuDirective extends BaseDirective {
@@ -63,4 +67,4 @@ declare class SuiMenuModule {
 }
 
 export { SuiMenuDirective, SuiMenuHeaderDirective, SuiMenuItemDirective, SuiMenuModule, SuiSubMenuDirective };
-export type { SuiMenuAttachment, SuiMenuFixation, SuiMenuIconType };
+export type { SuiMenuAttachment, SuiMenuFixation, SuiMenuIconType, SuiMenuItemFitting };

package/types/ngx-semantic-collections-table.d.ts

@@ -4,13 +4,15 @@ import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 
 type SuiTableState = 'positive' | 'negative' | 'warning' | 'error' | null;
-type SuiTableTextAlignment = 'center' | 'right' | null;
-type SuiTableVerticalAlignment = 'top' | 'bottom' | null;
+type SuiTableTextAlignment = 'left' | 'center' | 'right' | null;
+type SuiTableVerticalAlignment = 'top' | 'middle' | 'bottom' | null;
+type SuiTableSortDirection = 'ascending' | 'descending' | null;
 
 type SuiTableBasicType = 'basic' | 'very basic' | null;
 type SuiTablePadding = 'padded' | 'very padded' | null;
 type SuiTableCompactness = 'compact' | 'very compact' | null;
 type SuiTableSize = 'small' | 'large' | null;
+type SuiTableAttachment = 'top attached' | 'bottom attached' | 'attached' | null;
 declare class SuiTableDirective extends BaseDirective {
     suiBasic: SuiTableBasicType;
     suiWidth: SuiWidth;
@@ -19,6 +21,7 @@ declare class SuiTableDirective extends BaseDirective {
     suiCompact: SuiTableCompactness;
     suiSize: SuiTableSize;
     suiStacking: SuiStacking;
+    suiAttached: SuiTableAttachment;
     suiCelled: boolean;
     suiStriped: boolean;
     suiDefinition: boolean;
@@ -28,10 +31,11 @@ declare class SuiTableDirective extends BaseDirective {
     suiSelectable: boolean;
     suiInverted: boolean;
     suiCollapsing: boolean;
+    suiSortable: boolean;
     constructor();
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiTableDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiTableDirective, "[sui-table]", ["suiTable"], { "suiBasic": { "alias": "suiBasic"; "required": false; }; "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiColour": { "alias": "suiColour"; "required": false; }; "suiPadded": { "alias": "suiPadded"; "required": false; }; "suiCompact": { "alias": "suiCompact"; "required": false; }; "suiSize": { "alias": "suiSize"; "required": false; }; "suiStacking": { "alias": "suiStacking"; "required": false; }; "suiCelled": { "alias": "suiCelled"; "required": false; }; "suiStriped": { "alias": "suiStriped"; "required": false; }; "suiDefinition": { "alias": "suiDefinition"; "required": false; }; "suiStructured": { "alias": "suiStructured"; "required": false; }; "suiSingleLine": { "alias": "suiSingleLine"; "required": false; }; "suiFixed": { "alias": "suiFixed"; "required": false; }; "suiSelectable": { "alias": "suiSelectable"; "required": false; }; "suiInverted": { "alias": "suiInverted"; "required": false; }; "suiCollapsing": { "alias": "suiCollapsing"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiTableDirective, "[sui-table]", ["suiTable"], { "suiBasic": { "alias": "suiBasic"; "required": false; }; "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiColour": { "alias": "suiColour"; "required": false; }; "suiPadded": { "alias": "suiPadded"; "required": false; }; "suiCompact": { "alias": "suiCompact"; "required": false; }; "suiSize": { "alias": "suiSize"; "required": false; }; "suiStacking": { "alias": "suiStacking"; "required": false; }; "suiAttached": { "alias": "suiAttached"; "required": false; }; "suiCelled": { "alias": "suiCelled"; "required": false; }; "suiStriped": { "alias": "suiStriped"; "required": false; }; "suiDefinition": { "alias": "suiDefinition"; "required": false; }; "suiStructured": { "alias": "suiStructured"; "required": false; }; "suiSingleLine": { "alias": "suiSingleLine"; "required": false; }; "suiFixed": { "alias": "suiFixed"; "required": false; }; "suiSelectable": { "alias": "suiSelectable"; "required": false; }; "suiInverted": { "alias": "suiInverted"; "required": false; }; "suiCollapsing": { "alias": "suiCollapsing"; "required": false; }; "suiSortable": { "alias": "suiSortable"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SuiTableRowDirective extends BaseDirective {
@@ -54,20 +58,24 @@ declare class SuiTableCellDirective extends BaseDirective {
     disabled: boolean;
     suiCollapsing: boolean;
     suiSelectable: boolean;
+    suiSingleLine: boolean;
     constructor();
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiTableCellDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiTableCellDirective, "[suiTableCell]", ["suiTableCell"], { "suiState": { "alias": "suiState"; "required": false; }; "suiTextAlignment": { "alias": "suiTextAlignment"; "required": false; }; "suiVerticalAlignment": { "alias": "suiVerticalAlignment"; "required": false; }; "suiActive": { "alias": "suiActive"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "suiCollapsing": { "alias": "suiCollapsing"; "required": false; }; "suiSelectable": { "alias": "suiSelectable"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiTableCellDirective, "[suiTableCell]", ["suiTableCell"], { "suiState": { "alias": "suiState"; "required": false; }; "suiTextAlignment": { "alias": "suiTextAlignment"; "required": false; }; "suiVerticalAlignment": { "alias": "suiVerticalAlignment"; "required": false; }; "suiActive": { "alias": "suiActive"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "suiCollapsing": { "alias": "suiCollapsing"; "required": false; }; "suiSelectable": { "alias": "suiSelectable"; "required": false; }; "suiSingleLine": { "alias": "suiSingleLine"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SuiTableHeaderCellDirective extends BaseDirective {
     suiTextAlignment: SuiTableTextAlignment;
     suiVerticalAlignment: SuiTableVerticalAlignment;
     suiWidth: SuiWidth;
+    suiSorted: SuiTableSortDirection;
+    suiSingleLine: boolean;
+    suiCollapsing: boolean;
     constructor();
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiTableHeaderCellDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiTableHeaderCellDirective, "[suiTableHeaderCell]", ["suiTableHeaderCell"], { "suiTextAlignment": { "alias": "suiTextAlignment"; "required": false; }; "suiVerticalAlignment": { "alias": "suiVerticalAlignment"; "required": false; }; "suiWidth": { "alias": "suiWidth"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SuiTableHeaderCellDirective, "[suiTableHeaderCell]", ["suiTableHeaderCell"], { "suiTextAlignment": { "alias": "suiTextAlignment"; "required": false; }; "suiVerticalAlignment": { "alias": "suiVerticalAlignment"; "required": false; }; "suiWidth": { "alias": "suiWidth"; "required": false; }; "suiSorted": { "alias": "suiSorted"; "required": false; }; "suiSingleLine": { "alias": "suiSingleLine"; "required": false; }; "suiCollapsing": { "alias": "suiCollapsing"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 declare class SuiTableModule {
@@ -77,4 +85,4 @@ declare class SuiTableModule {
 }
 
 export { SuiTableCellDirective, SuiTableDirective, SuiTableHeaderCellDirective, SuiTableModule, SuiTableRowDirective };
-export type { SuiTableBasicType, SuiTableCompactness, SuiTablePadding, SuiTableSize, SuiTableState, SuiTableTextAlignment, SuiTableVerticalAlignment };
+export type { SuiTableAttachment, SuiTableBasicType, SuiTableCompactness, SuiTablePadding, SuiTableSize, SuiTableSortDirection, SuiTableState, SuiTableTextAlignment, SuiTableVerticalAlignment };

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 {