ngx-semantic 2.1.0 → 2.1.1

package/fesm2022/ngx-semantic-views-comment.mjs

@@ -2,6 +2,7 @@ import * as i0 from '@angular/core';
 import { HostBinding, Directive, Input, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import { CommonModule } from '@angular/common';
 
 /**
@@ -158,8 +159,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 args: ['class']
             }] } });
 
-class SuiCommentsDirective {
+class SuiCommentsDirective extends BaseDirective {
     constructor() {
+        super(...arguments);
         this.suiSize = null;
         this.suiThreaded = false;
         this.suiMinimal = false;
@@ -175,8 +177,8 @@ class SuiCommentsDirective {
             'comments'
         ].join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiCommentsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiCommentsDirective, isStandalone: true, selector: "[sui-comments]", inputs: { suiSize: "suiSize", suiThreaded: "suiThreaded", suiMinimal: "suiMinimal", suiCollapsed: "suiCollapsed" }, host: { properties: { "class": "this.classes" } }, exportAs: ["suiComments"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiCommentsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiCommentsDirective, isStandalone: true, selector: "[sui-comments]", inputs: { suiSize: "suiSize", suiThreaded: "suiThreaded", suiMinimal: "suiMinimal", suiCollapsed: "suiCollapsed" }, exportAs: ["suiComments"], usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     InputBoolean()
@@ -202,9 +204,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 type: Input
             }], suiCollapsed: [{
                 type: Input
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
             }] } });
 
 /**

package/fesm2022/ngx-semantic-views-comment.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-views-comment.mjs","sources":["../../src/views/comment/comment-actions.directive.ts","../../src/views/comment/comment-author.directive.ts","../../src/views/comment/comment-avatar.directive.ts","../../src/views/comment/comment-metadata.directive.ts","../../src/views/comment/comment-text.directive.ts","../../src/views/comment/comment-content.directive.ts","../../src/views/comment/comment-reply.directive.ts","../../src/views/comment/comments.directive.ts","../../src/views/comment/comment.directive.ts","../../src/views/comment/comment.module.ts","../../src/views/comment/public-api.ts","../../src/views/comment/ngx-semantic-views-comment.ts"],"sourcesContent":["/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentActions',\n  selector: '[suiCommentActions]'\n})\nexport class SuiCommentActionsDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'actions';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentAuthor',\n  selector: '[suiCommentAuthor]'\n})\nexport class SuiCommentAuthorDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'author';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentAvatar',\n  selector: '[suiCommentAvatar]'\n})\nexport class SuiCommentAvatarDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'avatar';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentMetadata',\n  selector: '[suiCommentMetadata]'\n})\nexport class SuiCommentMetadataDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'metadata';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentText',\n  selector: '[suiCommentText]'\n})\nexport class SuiCommentTextDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'text';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentContent',\n  selector: '[suiCommentContent]'\n})\nexport class SuiCommentContentDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'content';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentReply',\n  selector: '[suiCommentReply]'\n})\nexport class SuiCommentReplyDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'reply';\n  }\n}\n","/**\n * Created by bolor on 7/20/2020\n */\n\nimport { Directive, HostBinding, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiSize } from 'ngx-semantic/core/enums';\n\n@Directive({\n  standalone: true,\n  selector: '[sui-comments]',\n  exportAs: 'suiComments'\n})\nexport class SuiCommentsDirective {\n  @Input() public suiSize: SuiSize = null;\n  @Input() @InputBoolean() public suiThreaded = false;\n  @Input() @InputBoolean() public suiMinimal = false;\n  @Input() @InputBoolean() public suiCollapsed = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      'ui',\n      this.suiSize,\n      ClassUtils.getPropClass(this.suiMinimal, 'minimal'),\n      ClassUtils.getPropClass(this.suiThreaded, 'threaded'),\n      ClassUtils.getPropClass(this.suiCollapsed, 'collapsed'),\n      'comments'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 7/20/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[sui-comment]',\n  exportAs: 'suiComment'\n})\nexport class SuiCommentDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'comment';\n  }\n}\n","/**\n * Created by bolor on 7/20/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiCommentActionsDirective } from './comment-actions.directive';\nimport { SuiCommentAvatarDirective } from './comment-avatar.directive';\nimport { SuiCommentAuthorDirective } from './comment-author.directive';\nimport { SuiCommentContentDirective } from './comment-content.directive';\nimport { SuiCommentMetadataDirective } from './comment-metadata.directive';\nimport { SuiCommentTextDirective } from './comment-text.directive';\nimport { SuiCommentDirective } from './comment.directive';\nimport { SuiCommentsDirective } from './comments.directive';\nimport { SuiCommentReplyDirective } from './comment-reply.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiCommentDirective,\n    SuiCommentsDirective,\n    SuiCommentActionsDirective,\n    SuiCommentAuthorDirective,\n    SuiCommentAvatarDirective,\n    SuiCommentMetadataDirective,\n    SuiCommentContentDirective,\n    SuiCommentTextDirective,\n    SuiCommentReplyDirective\n  ],\n  exports: [\n    SuiCommentDirective,\n    SuiCommentsDirective,\n    SuiCommentActionsDirective,\n    SuiCommentAuthorDirective,\n    SuiCommentAvatarDirective,\n    SuiCommentMetadataDirective,\n    SuiCommentContentDirective,\n    SuiCommentTextDirective,\n    SuiCommentReplyDirective\n  ]\n})\nexport class SuiCommentModule {\n}\n","/**\n * Created by bolor on 7/20/2020\n */\n\nexport * from './comment-actions.directive';\nexport * from './comment-author.directive';\nexport * from './comment-avatar.directive';\nexport * from './comment-metadata.directive';\nexport * from './comment-text.directive';\nexport * from './comment-content.directive';\nexport * from './comment-reply.directive';\nexport * from './comments.directive';\nexport * from './comment.directive';\nexport * from './comment.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-views-comment.mjs","sources":["../../src/views/comment/comment-actions.directive.ts","../../src/views/comment/comment-author.directive.ts","../../src/views/comment/comment-avatar.directive.ts","../../src/views/comment/comment-metadata.directive.ts","../../src/views/comment/comment-text.directive.ts","../../src/views/comment/comment-content.directive.ts","../../src/views/comment/comment-reply.directive.ts","../../src/views/comment/comments.directive.ts","../../src/views/comment/comment.directive.ts","../../src/views/comment/comment.module.ts","../../src/views/comment/public-api.ts","../../src/views/comment/ngx-semantic-views-comment.ts"],"sourcesContent":["/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentActions',\n  selector: '[suiCommentActions]'\n})\nexport class SuiCommentActionsDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'actions';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentAuthor',\n  selector: '[suiCommentAuthor]'\n})\nexport class SuiCommentAuthorDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'author';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentAvatar',\n  selector: '[suiCommentAvatar]'\n})\nexport class SuiCommentAvatarDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'avatar';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentMetadata',\n  selector: '[suiCommentMetadata]'\n})\nexport class SuiCommentMetadataDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'metadata';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentText',\n  selector: '[suiCommentText]'\n})\nexport class SuiCommentTextDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'text';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentContent',\n  selector: '[suiCommentContent]'\n})\nexport class SuiCommentContentDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'content';\n  }\n}\n","/**\n * Created by bolor on 7/16/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiCommentReply',\n  selector: '[suiCommentReply]'\n})\nexport class SuiCommentReplyDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'reply';\n  }\n}\n","/**\n * Created by bolor on 7/20/2020\n */\n\nimport { Directive, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiSize } from 'ngx-semantic/core/enums';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n  standalone: true,\n  selector: '[sui-comments]',\n  exportAs: 'suiComments'\n})\nexport class SuiCommentsDirective extends BaseDirective {\n  @Input() public suiSize: SuiSize = null;\n  @Input() @InputBoolean() public suiThreaded = false;\n  @Input() @InputBoolean() public suiMinimal = false;\n  @Input() @InputBoolean() public suiCollapsed = false;\n\n  get classes(): string {\n    return [\n      'ui',\n      this.suiSize,\n      ClassUtils.getPropClass(this.suiMinimal, 'minimal'),\n      ClassUtils.getPropClass(this.suiThreaded, 'threaded'),\n      ClassUtils.getPropClass(this.suiCollapsed, 'collapsed'),\n      'comments'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 7/20/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[sui-comment]',\n  exportAs: 'suiComment'\n})\nexport class SuiCommentDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'comment';\n  }\n}\n","/**\n * Created by bolor on 7/20/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiCommentActionsDirective } from './comment-actions.directive';\nimport { SuiCommentAvatarDirective } from './comment-avatar.directive';\nimport { SuiCommentAuthorDirective } from './comment-author.directive';\nimport { SuiCommentContentDirective } from './comment-content.directive';\nimport { SuiCommentMetadataDirective } from './comment-metadata.directive';\nimport { SuiCommentTextDirective } from './comment-text.directive';\nimport { SuiCommentDirective } from './comment.directive';\nimport { SuiCommentsDirective } from './comments.directive';\nimport { SuiCommentReplyDirective } from './comment-reply.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiCommentDirective,\n    SuiCommentsDirective,\n    SuiCommentActionsDirective,\n    SuiCommentAuthorDirective,\n    SuiCommentAvatarDirective,\n    SuiCommentMetadataDirective,\n    SuiCommentContentDirective,\n    SuiCommentTextDirective,\n    SuiCommentReplyDirective\n  ],\n  exports: [\n    SuiCommentDirective,\n    SuiCommentsDirective,\n    SuiCommentActionsDirective,\n    SuiCommentAuthorDirective,\n    SuiCommentAvatarDirective,\n    SuiCommentMetadataDirective,\n    SuiCommentContentDirective,\n    SuiCommentTextDirective,\n    SuiCommentReplyDirective\n  ]\n})\nexport class SuiCommentModule {\n}\n","/**\n * Created by bolor on 7/20/2020\n */\n\nexport * from './comment-actions.directive';\nexport * from './comment-author.directive';\nexport * from './comment-avatar.directive';\nexport * from './comment-metadata.directive';\nexport * from './comment-text.directive';\nexport * from './comment-content.directive';\nexport * from './comment-reply.directive';\nexport * from './comments.directive';\nexport * from './comment.directive';\nexport * from './comment.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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.1.0",
+  "version": "2.1.1",
   "license": "MIT",
   "keywords": [
     "ngx",

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

@@ -1,11 +1,12 @@
 import { SuiSize, SuiColour } 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 SuiResultState = 'success' | 'positive' | 'warning' | 'negative' | 'error' | 'info' | null;
 
 type SuiMessageAttachment = 'attached' | 'bottom attached' | null;
-declare class SuiMessageComponent {
+declare class SuiMessageComponent extends BaseDirective {
     private el;
     suiAttached: SuiMessageAttachment;
     suiState: SuiResultState;

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

@@ -1,15 +1,26 @@
 import * as i0 from '@angular/core';
-import { ElementRef } from '@angular/core';
+import { DoCheck, ElementRef } from '@angular/core';
 
 /**
  * Created by bolorundurowb on 4/28/2021
  */
 
-declare abstract class BaseDirective {
-    private element;
-    protected constructor(element: ElementRef);
+/**
+ * Applies the space separated `classes` to the host element in the order they are declared.
+ *
+ * Semantic UI matches multi-word variations with substring selectors (e.g. `[class*="left labeled"]`),
+ * so tokens must stay adjacent and ordered. A host `[class]` binding cannot be used because Angular
+ * sorts its tokens alphabetically.
+ */
+declare abstract class BaseDirective implements DoCheck {
+    private readonly classHost;
+    private readonly classRenderer;
+    private staticClasses;
+    private appliedClasses;
+    constructor(_element?: ElementRef);
     abstract get classes(): string;
-    get hostClasses(): string;
+    ngDoCheck(): void;
+    protected syncClasses(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BaseDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<BaseDirective, never, never, {}, {}, never, never, true, never>;
 }

package/types/ngx-semantic-elements-container.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 SuiContainerAlignment = 'left aligned' | 'right aligned' | 'center aligned' | 'justified' | null;
-declare class SuiContainerDirective {
+declare class SuiContainerDirective extends BaseDirective {
     suiAlignment: SuiContainerAlignment;
     suiText: boolean;
     suiFluid: boolean;

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

@@ -1,11 +1,12 @@
 import { SuiSize, SuiColour } 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 SuiHeaderAlignment = 'left aligned' | 'right aligned' | 'center aligned' | 'justified' | null;
 type SuiHeaderAttachment = 'attached' | 'top attached' | 'bottom attached' | null;
 type SuiHeaderFloating = 'left floated' | 'right floated' | null;
-declare class SuiHeaderDirective {
+declare class SuiHeaderDirective extends BaseDirective {
     suiSize: SuiSize;
     suiAlignment: SuiHeaderAlignment;
     suiColour: SuiColour;

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

@@ -1,9 +1,9 @@
 import { SuiSize, SuiColour } from 'ngx-semantic/core/enums';
-import * as i0 from '@angular/core';
 import { BaseDirective } from 'ngx-semantic/core/base';
+import * as i0 from '@angular/core';
 import * as i1 from '@angular/common';
 
-declare class SuiIconsDirective {
+declare class SuiIconsDirective extends BaseDirective {
     suiSize: SuiSize;
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiIconsDirective, never>;

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

@@ -26,7 +26,7 @@ declare class SuiImageDirective extends BaseDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiImageDirective, "[sui-image]", ["suiImage"], { "suiSize": { "alias": "suiSize"; "required": false; }; "suiAlignment": { "alias": "suiAlignment"; "required": false; }; "suiFloated": { "alias": "suiFloated"; "required": false; }; "suiSpaced": { "alias": "suiSpaced"; "required": false; }; "suiHidden": { "alias": "suiHidden"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "suiAvatar": { "alias": "suiAvatar"; "required": false; }; "suiBordered": { "alias": "suiBordered"; "required": false; }; "suiFluid": { "alias": "suiFluid"; "required": false; }; "suiRounded": { "alias": "suiRounded"; "required": false; }; "suiCircular": { "alias": "suiCircular"; "required": false; }; "suiCentered": { "alias": "suiCentered"; "required": false; }; "suiInline": { "alias": "suiInline"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class SuiImagesDirective {
+declare class SuiImagesDirective extends BaseDirective {
     suiSize: SuiSize;
     get classes(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SuiImagesDirective, never>;

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

@@ -29,7 +29,7 @@ declare class SuiLabelDirective extends BaseDirective {
     static ɵdir: i0.ɵɵDirectiveDeclaration<SuiLabelDirective, "[sui-label]", ["suiLabel"], { "suiColour": { "alias": "suiColour"; "required": false; }; "suiPointing": { "alias": "suiPointing"; "required": false; }; "suiCorner": { "alias": "suiCorner"; "required": false; }; "suiRibbon": { "alias": "suiRibbon"; "required": false; }; "suiAttached": { "alias": "suiAttached"; "required": false; }; "suiSize": { "alias": "suiSize"; "required": false; }; "suiImage": { "alias": "suiImage"; "required": false; }; "suiBasic": { "alias": "suiBasic"; "required": false; }; "suiTag": { "alias": "suiTag"; "required": false; }; "suiHorizontal": { "alias": "suiHorizontal"; "required": false; }; "suiFloating": { "alias": "suiFloating"; "required": false; }; "suiCircular": { "alias": "suiCircular"; "required": false; }; "suiEmpty": { "alias": "suiEmpty"; "required": false; }; }, {}, never, never, true, never>;
 }
 
-declare class SuiLabelsDirective {
+declare class SuiLabelsDirective extends BaseDirective {
     suiSize: SuiSize;
     suiColour: SuiColour;
     suiTag: boolean;

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

@@ -1,5 +1,6 @@
 import * as i0 from '@angular/core';
 import { SuiSize, SuiVerticalAlignment } from 'ngx-semantic/core/enums';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import * as i1 from '@angular/common';
 
 declare class SuiListItemDirective {
@@ -9,7 +10,7 @@ declare class SuiListItemDirective {
 }
 
 type SuiListRelaxation = 'relaxed' | 'very relaxed' | null;
-declare class SuiListDirective {
+declare class SuiListDirective extends BaseDirective {
     suiRelaxation: SuiListRelaxation;
     suiSize: SuiSize;
     suiAlignment: SuiVerticalAlignment;

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

@@ -1,9 +1,10 @@
 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 SuiLoaderInlineAlignment = 'centered' | 'normal' | null;
-declare class SuiLoaderDirective {
+declare class SuiLoaderDirective extends BaseDirective {
     suiInline: SuiLoaderInlineAlignment;
     suiSize: SuiSize;
     suiText: boolean;

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,7 +13,7 @@ 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 environmentInjector;
     private injector;

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-sidebar.d.ts

@@ -1,5 +1,6 @@
 import * as i0 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,7 +10,7 @@ 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 implements OnInit, OnDestroy {
+declare class SuiSidebarComponent extends BaseDirective implements OnInit, OnDestroy {
     private sidebarService;
     suiSidebarPosition: SuiSidebarPosition;
     suiSidebarWidth: SuiSidebarWidth;
@@ -44,7 +45,7 @@ declare class SuiSidebarComponent implements OnInit, OnDestroy {
  * Created by bolorundurowb on 12/30/2020
  */
 
-declare class SuiSidebarPusherComponent implements OnInit, OnDestroy {
+declare class SuiSidebarPusherComponent extends BaseDirective implements OnInit, OnDestroy {
     private sidebarService;
     suiDimmable: boolean;
     isSidebarOpen: boolean;

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;