ngx-semantic 2.0.9 → 2.1.1

package/fesm2022/ngx-semantic-collections-table.mjs

@@ -16,6 +16,7 @@ class SuiTableDirective extends BaseDirective {
         this.suiCompact = null;
         this.suiSize = null;
         this.suiStacking = null;
+        this.suiAttached = null;
         this.suiCelled = false;
         this.suiStriped = false;
         this.suiDefinition = false;
@@ -25,6 +26,7 @@ class SuiTableDirective extends BaseDirective {
         this.suiSelectable = false;
         this.suiInverted = false;
         this.suiCollapsing = false;
+        this.suiSortable = false;
     }
     get classes() {
         return [
@@ -34,6 +36,8 @@ class SuiTableDirective extends BaseDirective {
             this.suiCompact,
             this.suiSize,
             this.suiStacking,
+            this.suiAttached,
+            this.suiWidth,
             this.suiWidth ? 'column' : '',
             ClassUtils.getPropClass(this.suiSelectable, 'selectable'),
             ClassUtils.getPropClass(this.suiInverted, 'inverted'),
@@ -45,11 +49,12 @@ class SuiTableDirective extends BaseDirective {
             ClassUtils.getPropClass(this.suiFixed, 'fixed'),
             ClassUtils.getPropClass(this.suiSingleLine, 'single line'),
             ClassUtils.getPropClass(this.suiCollapsing, 'collapsing'),
+            ClassUtils.getPropClass(this.suiSortable, 'sortable'),
             'table'
         ].join(' ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableDirective, isStandalone: true, selector: "[sui-table]", inputs: { suiBasic: "suiBasic", suiWidth: "suiWidth", suiColour: "suiColour", suiPadded: "suiPadded", suiCompact: "suiCompact", suiSize: "suiSize", suiStacking: "suiStacking", suiCelled: "suiCelled", suiStriped: "suiStriped", suiDefinition: "suiDefinition", suiStructured: "suiStructured", suiSingleLine: "suiSingleLine", suiFixed: "suiFixed", suiSelectable: "suiSelectable", suiInverted: "suiInverted", suiCollapsing: "suiCollapsing" }, exportAs: ["suiTable"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableDirective, isStandalone: true, selector: "[sui-table]", inputs: { suiBasic: "suiBasic", suiWidth: "suiWidth", suiColour: "suiColour", suiPadded: "suiPadded", suiCompact: "suiCompact", suiSize: "suiSize", suiStacking: "suiStacking", suiAttached: "suiAttached", suiCelled: "suiCelled", suiStriped: "suiStriped", suiDefinition: "suiDefinition", suiStructured: "suiStructured", suiSingleLine: "suiSingleLine", suiFixed: "suiFixed", suiSelectable: "suiSelectable", suiInverted: "suiInverted", suiCollapsing: "suiCollapsing", suiSortable: "suiSortable" }, exportAs: ["suiTable"], usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     InputBoolean()
@@ -78,6 +83,9 @@ __decorate([
 __decorate([
     InputBoolean()
 ], SuiTableDirective.prototype, "suiCollapsing", void 0);
+__decorate([
+    InputBoolean()
+], SuiTableDirective.prototype, "suiSortable", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableDirective, decorators: [{
             type: Directive,
             args: [{
@@ -99,6 +107,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 type: Input
             }], suiStacking: [{
                 type: Input
+            }], suiAttached: [{
+                type: Input
             }], suiCelled: [{
                 type: Input
             }], suiStriped: [{
@@ -117,6 +127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 type: Input
             }], suiCollapsing: [{
                 type: Input
+            }], suiSortable: [{
+                type: Input
             }] } });
 
 class SuiTableRowDirective extends BaseDirective {
@@ -177,6 +189,7 @@ class SuiTableCellDirective extends BaseDirective {
         this.disabled = false;
         this.suiCollapsing = false;
         this.suiSelectable = false;
+        this.suiSingleLine = false;
     }
     get classes() {
         return [
@@ -187,10 +200,11 @@ class SuiTableCellDirective extends BaseDirective {
             ClassUtils.getPropClass(this.disabled, 'disabled'),
             ClassUtils.getPropClass(this.suiCollapsing, 'collapsing'),
             ClassUtils.getPropClass(this.suiSelectable, 'selectable'),
+            ClassUtils.getPropClass(this.suiSingleLine, 'single line'),
         ].join(' ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableCellDirective, isStandalone: true, selector: "[suiTableCell]", inputs: { suiState: "suiState", suiTextAlignment: "suiTextAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiActive: "suiActive", disabled: "disabled", suiCollapsing: "suiCollapsing", suiSelectable: "suiSelectable" }, exportAs: ["suiTableCell"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableCellDirective, isStandalone: true, selector: "[suiTableCell]", inputs: { suiState: "suiState", suiTextAlignment: "suiTextAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiActive: "suiActive", disabled: "disabled", suiCollapsing: "suiCollapsing", suiSelectable: "suiSelectable", suiSingleLine: "suiSingleLine" }, exportAs: ["suiTableCell"], usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     InputBoolean()
@@ -204,6 +218,9 @@ __decorate([
 __decorate([
     InputBoolean()
 ], SuiTableCellDirective.prototype, "suiSelectable", void 0);
+__decorate([
+    InputBoolean()
+], SuiTableCellDirective.prototype, "suiSingleLine", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableCellDirective, decorators: [{
             type: Directive,
             args: [{
@@ -225,11 +242,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 type: Input
             }], suiSelectable: [{
                 type: Input
+            }], suiSingleLine: [{
+                type: Input
             }] } });
 
-/**
- * Created by bolor on 10/10/2020
- */
 class SuiTableHeaderCellDirective extends BaseDirective {
     constructor() {
         const element = inject(ElementRef);
@@ -237,17 +253,30 @@ class SuiTableHeaderCellDirective extends BaseDirective {
         this.suiTextAlignment = null;
         this.suiVerticalAlignment = null;
         this.suiWidth = null;
+        this.suiSorted = null;
+        this.suiSingleLine = false;
+        this.suiCollapsing = false;
     }
     get classes() {
         return [
+            this.suiWidth,
             this.suiWidth ? 'wide' : '',
             this.suiTextAlignment ? `${this.suiTextAlignment} aligned` : '',
-            this.suiVerticalAlignment ? `${this.suiVerticalAlignment} aligned` : ''
+            this.suiVerticalAlignment ? `${this.suiVerticalAlignment} aligned` : '',
+            this.suiSorted ? `sorted ${this.suiSorted}` : '',
+            ClassUtils.getPropClass(this.suiSingleLine, 'single line'),
+            ClassUtils.getPropClass(this.suiCollapsing, 'collapsing')
         ].join(' ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableHeaderCellDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableHeaderCellDirective, isStandalone: true, selector: "[suiTableHeaderCell]", inputs: { suiTextAlignment: "suiTextAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiWidth: "suiWidth" }, exportAs: ["suiTableHeaderCell"], usesInheritance: true, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiTableHeaderCellDirective, isStandalone: true, selector: "[suiTableHeaderCell]", inputs: { suiTextAlignment: "suiTextAlignment", suiVerticalAlignment: "suiVerticalAlignment", suiWidth: "suiWidth", suiSorted: "suiSorted", suiSingleLine: "suiSingleLine", suiCollapsing: "suiCollapsing" }, exportAs: ["suiTableHeaderCell"], usesInheritance: true, ngImport: i0 }); }
 }
+__decorate([
+    InputBoolean()
+], SuiTableHeaderCellDirective.prototype, "suiSingleLine", void 0);
+__decorate([
+    InputBoolean()
+], SuiTableHeaderCellDirective.prototype, "suiCollapsing", void 0);
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiTableHeaderCellDirective, decorators: [{
             type: Directive,
             args: [{
@@ -261,6 +290,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 type: Input
             }], suiWidth: [{
                 type: Input
+            }], suiSorted: [{
+                type: Input
+            }], suiSingleLine: [{
+                type: Input
+            }], suiCollapsing: [{
+                type: Input
             }] } });
 
 /**

package/fesm2022/ngx-semantic-collections-table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-collections-table.mjs","sources":["../../src/collections/table/table.directive.ts","../../src/collections/table/table-row.directive.ts","../../src/collections/table/table-data-cell.directive.ts","../../src/collections/table/table-header-cell.directive.ts","../../src/collections/table/table.module.ts","../../src/collections/table/public-api.ts","../../src/collections/table/ngx-semantic-collections-table.ts"],"sourcesContent":["/**\n * Created by bolor on 10/10/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiColour, SuiStacking, SuiWidth } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiTableBasicType = 'basic' | 'very basic' | null;\nexport type SuiTablePadding = 'padded' | 'very padded' | null;\nexport type SuiTableCompactness = 'compact' | 'very compact' | null;\nexport type SuiTableSize = 'small' | 'large' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[sui-table]',\n  exportAs: 'suiTable'\n})\nexport class SuiTableDirective extends BaseDirective {\n  @Input() public suiBasic: SuiTableBasicType = null;\n  @Input() public suiWidth: SuiWidth = null;\n  @Input() public suiColour: SuiColour = null;\n  @Input() public suiPadded: SuiTablePadding = null;\n  @Input() public suiCompact: SuiTableCompactness = null;\n  @Input() public suiSize: SuiTableSize = null;\n  @Input() public suiStacking: SuiStacking = null;\n  @Input() @InputBoolean() public suiCelled = false;\n  @Input() @InputBoolean() public suiStriped = false;\n  @Input() @InputBoolean() public suiDefinition = false;\n  @Input() @InputBoolean() public suiStructured = false;\n  @Input() @InputBoolean() public suiSingleLine = false;\n  @Input() @InputBoolean() public suiFixed = false;\n  @Input() @InputBoolean() public suiSelectable = false;\n  @Input() @InputBoolean() public suiInverted = false;\n  @Input() @InputBoolean() public suiCollapsing = false;\n\n  constructor() {\n    const element = inject(ElementRef);\n\n    super(element);\n  }\n\n  get classes(): string {\n    return [\n      'ui',\n      this.suiBasic,\n      this.suiPadded,\n      this.suiCompact,\n      this.suiSize,\n      this.suiStacking,\n      this.suiWidth ? 'column' : '',\n      ClassUtils.getPropClass(this.suiSelectable, 'selectable'),\n      ClassUtils.getPropClass(this.suiInverted, 'inverted'),\n      this.suiColour,\n      ClassUtils.getPropClass(this.suiCelled, 'celled'),\n      ClassUtils.getPropClass(this.suiStriped, 'striped'),\n      ClassUtils.getPropClass(this.suiDefinition, 'definition'),\n      ClassUtils.getPropClass(this.suiStructured, 'structured'),\n      ClassUtils.getPropClass(this.suiFixed, 'fixed'),\n      ClassUtils.getPropClass(this.suiSingleLine, 'single line'),\n      ClassUtils.getPropClass(this.suiCollapsing, 'collapsing'),\n      'table'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 10/10/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiTableState, SuiTableTextAlignment, SuiTableVerticalAlignment } from './enums';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiTableRow',\n  selector: '[suiTableRow]'\n})\nexport class SuiTableRowDirective extends BaseDirective {\n  @Input() public suiState: SuiTableState = null;\n  @Input() public suiTextAlignment: SuiTableTextAlignment = null;\n  @Input() public suiVerticalAlignment: SuiTableVerticalAlignment = null;\n  @Input() @InputBoolean() public suiActive = false;\n  @Input() @InputBoolean() public disabled = false;\n\n  constructor() {\n    const element = inject(ElementRef);\n\n    super(element);\n  }\n\n  get classes(): string {\n    return [\n      this.suiState,\n      this.suiTextAlignment ? `${this.suiTextAlignment} aligned` : '',\n      this.suiVerticalAlignment ? `${this.suiVerticalAlignment} aligned` : '',\n      ClassUtils.getPropClass(this.suiActive, 'active'),\n      ClassUtils.getPropClass(this.disabled, 'disabled')\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 10/10/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiTableState, SuiTableTextAlignment, SuiTableVerticalAlignment } from './enums';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiTableCell',\n  selector: '[suiTableCell]'\n})\nexport class SuiTableCellDirective extends BaseDirective {\n  @Input() public suiState: SuiTableState = null;\n  @Input() public suiTextAlignment: SuiTableTextAlignment = null;\n  @Input() public suiVerticalAlignment: SuiTableVerticalAlignment = null;\n  @Input() @InputBoolean() public suiActive = false;\n  @Input() @InputBoolean() public disabled = false;\n  @Input() @InputBoolean() public suiCollapsing = false;\n  @Input() @InputBoolean() public suiSelectable = false;\n\n  constructor() {\n    const element = inject(ElementRef);\n\n    super(element);\n  }\n\n  get classes(): string {\n    return [\n      this.suiState,\n      this.suiTextAlignment ? `${this.suiTextAlignment} aligned` : '',\n      this.suiVerticalAlignment ? `${this.suiVerticalAlignment} aligned` : '',\n      ClassUtils.getPropClass(this.suiActive, 'active'),\n      ClassUtils.getPropClass(this.disabled, 'disabled'),\n      ClassUtils.getPropClass(this.suiCollapsing, 'collapsing'),\n      ClassUtils.getPropClass(this.suiSelectable, 'selectable'),\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 10/10/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiTableTextAlignment, SuiTableVerticalAlignment } from './enums';\nimport { SuiWidth } from 'ngx-semantic/core/enums';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiTableHeaderCell',\n  selector: '[suiTableHeaderCell]'\n})\nexport class SuiTableHeaderCellDirective extends BaseDirective {\n  @Input() public suiTextAlignment: SuiTableTextAlignment = null;\n  @Input() public suiVerticalAlignment: SuiTableVerticalAlignment = null;\n  @Input() public suiWidth: SuiWidth = null;\n\n  constructor() {\n    const element = inject(ElementRef);\n\n    super(element);\n  }\n\n  get classes(): string {\n    return [\n      this.suiWidth ? 'wide' : '',\n      this.suiTextAlignment ? `${this.suiTextAlignment} aligned` : '',\n      this.suiVerticalAlignment ? `${this.suiVerticalAlignment} aligned` : ''\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 10/10/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiTableCellDirective } from './table-data-cell.directive';\nimport { SuiTableHeaderCellDirective } from './table-header-cell.directive';\nimport { SuiTableRowDirective } from './table-row.directive';\nimport { SuiTableDirective } from './table.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiTableDirective,\n    SuiTableRowDirective,\n    SuiTableCellDirective,\n    SuiTableHeaderCellDirective\n  ],\n  exports: [\n    SuiTableDirective,\n    SuiTableRowDirective,\n    SuiTableCellDirective,\n    SuiTableHeaderCellDirective,\n  ],\n})\nexport class SuiTableModule {\n}\n","/**\n * Created by bolor on 10/10/2020\n */\n\nexport * from './enums';\nexport * from './table.directive';\nexport * from './table-row.directive';\nexport * from './table-data-cell.directive';\nexport * from './table-header-cell.directive';\nexport * from './table.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-collections-table.mjs","sources":["../../src/collections/table/table.directive.ts","../../src/collections/table/table-row.directive.ts","../../src/collections/table/table-data-cell.directive.ts","../../src/collections/table/table-header-cell.directive.ts","../../src/collections/table/table.module.ts","../../src/collections/table/public-api.ts","../../src/collections/table/ngx-semantic-collections-table.ts"],"sourcesContent":["/**\n * Created by bolor on 10/10/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiColour, SuiStacking, SuiWidth } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiTableBasicType = 'basic' | 'very basic' | null;\nexport type SuiTablePadding = 'padded' | 'very padded' | null;\nexport type SuiTableCompactness = 'compact' | 'very compact' | null;\nexport type SuiTableSize = 'small' | 'large' | null;\nexport type SuiTableAttachment = 'top attached' | 'bottom attached' | 'attached' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[sui-table]',\n  exportAs: 'suiTable'\n})\nexport class SuiTableDirective extends BaseDirective {\n  @Input() public suiBasic: SuiTableBasicType = null;\n  @Input() public suiWidth: SuiWidth = null;\n  @Input() public suiColour: SuiColour = null;\n  @Input() public suiPadded: SuiTablePadding = null;\n  @Input() public suiCompact: SuiTableCompactness = null;\n  @Input() public suiSize: SuiTableSize = null;\n  @Input() public suiStacking: SuiStacking = null;\n  @Input() public suiAttached: SuiTableAttachment = null;\n  @Input() @InputBoolean() public suiCelled = false;\n  @Input() @InputBoolean() public suiStriped = false;\n  @Input() @InputBoolean() public suiDefinition = false;\n  @Input() @InputBoolean() public suiStructured = false;\n  @Input() @InputBoolean() public suiSingleLine = false;\n  @Input() @InputBoolean() public suiFixed = false;\n  @Input() @InputBoolean() public suiSelectable = false;\n  @Input() @InputBoolean() public suiInverted = false;\n  @Input() @InputBoolean() public suiCollapsing = false;\n  @Input() @InputBoolean() public suiSortable = false;\n\n  constructor() {\n    const element = inject(ElementRef);\n\n    super(element);\n  }\n\n  get classes(): string {\n    return [\n      'ui',\n      this.suiBasic,\n      this.suiPadded,\n      this.suiCompact,\n      this.suiSize,\n      this.suiStacking,\n      this.suiAttached,\n      this.suiWidth,\n      this.suiWidth ? 'column' : '',\n      ClassUtils.getPropClass(this.suiSelectable, 'selectable'),\n      ClassUtils.getPropClass(this.suiInverted, 'inverted'),\n      this.suiColour,\n      ClassUtils.getPropClass(this.suiCelled, 'celled'),\n      ClassUtils.getPropClass(this.suiStriped, 'striped'),\n      ClassUtils.getPropClass(this.suiDefinition, 'definition'),\n      ClassUtils.getPropClass(this.suiStructured, 'structured'),\n      ClassUtils.getPropClass(this.suiFixed, 'fixed'),\n      ClassUtils.getPropClass(this.suiSingleLine, 'single line'),\n      ClassUtils.getPropClass(this.suiCollapsing, 'collapsing'),\n      ClassUtils.getPropClass(this.suiSortable, 'sortable'),\n      'table'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 10/10/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiTableState, SuiTableTextAlignment, SuiTableVerticalAlignment } from './enums';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiTableRow',\n  selector: '[suiTableRow]'\n})\nexport class SuiTableRowDirective extends BaseDirective {\n  @Input() public suiState: SuiTableState = null;\n  @Input() public suiTextAlignment: SuiTableTextAlignment = null;\n  @Input() public suiVerticalAlignment: SuiTableVerticalAlignment = null;\n  @Input() @InputBoolean() public suiActive = false;\n  @Input() @InputBoolean() public disabled = false;\n\n  constructor() {\n    const element = inject(ElementRef);\n\n    super(element);\n  }\n\n  get classes(): string {\n    return [\n      this.suiState,\n      this.suiTextAlignment ? `${this.suiTextAlignment} aligned` : '',\n      this.suiVerticalAlignment ? `${this.suiVerticalAlignment} aligned` : '',\n      ClassUtils.getPropClass(this.suiActive, 'active'),\n      ClassUtils.getPropClass(this.disabled, 'disabled')\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 10/10/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiTableState, SuiTableTextAlignment, SuiTableVerticalAlignment } from './enums';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiTableCell',\n  selector: '[suiTableCell]'\n})\nexport class SuiTableCellDirective extends BaseDirective {\n  @Input() public suiState: SuiTableState = null;\n  @Input() public suiTextAlignment: SuiTableTextAlignment = null;\n  @Input() public suiVerticalAlignment: SuiTableVerticalAlignment = null;\n  @Input() @InputBoolean() public suiActive = false;\n  @Input() @InputBoolean() public disabled = false;\n  @Input() @InputBoolean() public suiCollapsing = false;\n  @Input() @InputBoolean() public suiSelectable = false;\n  @Input() @InputBoolean() public suiSingleLine = false;\n\n  constructor() {\n    const element = inject(ElementRef);\n\n    super(element);\n  }\n\n  get classes(): string {\n    return [\n      this.suiState,\n      this.suiTextAlignment ? `${this.suiTextAlignment} aligned` : '',\n      this.suiVerticalAlignment ? `${this.suiVerticalAlignment} aligned` : '',\n      ClassUtils.getPropClass(this.suiActive, 'active'),\n      ClassUtils.getPropClass(this.disabled, 'disabled'),\n      ClassUtils.getPropClass(this.suiCollapsing, 'collapsing'),\n      ClassUtils.getPropClass(this.suiSelectable, 'selectable'),\n      ClassUtils.getPropClass(this.suiSingleLine, 'single line'),\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 10/10/2020\n */\n\nimport { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { SuiTableSortDirection, SuiTableTextAlignment, SuiTableVerticalAlignment } from './enums';\nimport { SuiWidth } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\n@Directive({\n  standalone: true,\n  exportAs: 'suiTableHeaderCell',\n  selector: '[suiTableHeaderCell]'\n})\nexport class SuiTableHeaderCellDirective extends BaseDirective {\n  @Input() public suiTextAlignment: SuiTableTextAlignment = null;\n  @Input() public suiVerticalAlignment: SuiTableVerticalAlignment = null;\n  @Input() public suiWidth: SuiWidth = null;\n  @Input() public suiSorted: SuiTableSortDirection = null;\n  @Input() @InputBoolean() public suiSingleLine = false;\n  @Input() @InputBoolean() public suiCollapsing = false;\n\n  constructor() {\n    const element = inject(ElementRef);\n\n    super(element);\n  }\n\n  get classes(): string {\n    return [\n      this.suiWidth,\n      this.suiWidth ? 'wide' : '',\n      this.suiTextAlignment ? `${this.suiTextAlignment} aligned` : '',\n      this.suiVerticalAlignment ? `${this.suiVerticalAlignment} aligned` : '',\n      this.suiSorted ? `sorted ${this.suiSorted}` : '',\n      ClassUtils.getPropClass(this.suiSingleLine, 'single line'),\n      ClassUtils.getPropClass(this.suiCollapsing, 'collapsing')\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 10/10/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiTableCellDirective } from './table-data-cell.directive';\nimport { SuiTableHeaderCellDirective } from './table-header-cell.directive';\nimport { SuiTableRowDirective } from './table-row.directive';\nimport { SuiTableDirective } from './table.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiTableDirective,\n    SuiTableRowDirective,\n    SuiTableCellDirective,\n    SuiTableHeaderCellDirective\n  ],\n  exports: [\n    SuiTableDirective,\n    SuiTableRowDirective,\n    SuiTableCellDirective,\n    SuiTableHeaderCellDirective,\n  ],\n})\nexport class SuiTableModule {\n}\n","/**\n * Created by bolor on 10/10/2020\n */\n\nexport * from './enums';\nexport * from './table.directive';\nexport * from './table-row.directive';\nexport * from './table-data-cell.directive';\nexport * from './table-header-cell.directive';\nexport * from './table.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-semantic-core-base.mjs

@@ -1,27 +1,57 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive } from '@angular/core';
-import { ClassUtils } from 'ngx-semantic/core/util';
+import { inject, ElementRef, Renderer2, Directive } from '@angular/core';
 
 /**
  * Created by bolorundurowb on 4/28/2021
  */
+/**
+ * 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.
+ */
 class BaseDirective {
     // eslint-disable-next-line @angular-eslint/prefer-inject
-    constructor(element) {
-        this.element = element;
+    constructor(_element) {
+        this.classHost = inject(ElementRef).nativeElement;
+        this.classRenderer = inject(Renderer2);
+        this.staticClasses = null;
+        this.appliedClasses = [];
+    }
+    ngDoCheck() {
+        this.syncClasses();
     }
-    get hostClasses() {
-        return ClassUtils.removeExcessWhitespace(this.classes);
+    syncClasses() {
+        const next = (this.classes || '').split(/\s+/).filter(Boolean);
+        const unique = Array.from(new Set(next));
+        if (unique.length === this.appliedClasses.length && unique.every((c, i) => c === this.appliedClasses[i])) {
+            return;
+        }
+        if (!this.staticClasses) {
+            this.staticClasses = new Set(Array.from(this.classHost.classList));
+        }
+        const keep = new Set(unique);
+        for (const c of this.appliedClasses) {
+            if (!keep.has(c) && !this.staticClasses.has(c)) {
+                this.classRenderer.removeClass(this.classHost, c);
+            }
+        }
+        // classList.add() leaves existing tokens in place, so re-adding is needed to restore the order
+        for (const c of unique) {
+            this.classRenderer.removeClass(this.classHost, c);
+        }
+        for (const c of unique) {
+            this.classRenderer.addClass(this.classHost, c);
+        }
+        this.appliedClasses = unique;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: BaseDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: BaseDirective, isStandalone: true, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: BaseDirective, isStandalone: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: BaseDirective, decorators: [{
             type: Directive
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { hostClasses: [{
-                type: HostBinding,
-                args: ['class']
-            }] } });
+        }], ctorParameters: () => [{ type: i0.ElementRef }] });
 
 /**
  * Created by bolorundurowb on 2/4/2021

package/fesm2022/ngx-semantic-core-base.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-core-base.mjs","sources":["../../src/core/base/base.directive.ts","../../src/core/base/public-api.ts","../../src/core/base/ngx-semantic-core-base.ts"],"sourcesContent":["/**\n * Created by bolorundurowb on 4/28/2021\n */\nimport { Directive, ElementRef, HostBinding } from '@angular/core';\nimport { ClassUtils } from 'ngx-semantic/core/util';\n\n@Directive()\nexport abstract class BaseDirective {\n\n  // eslint-disable-next-line @angular-eslint/prefer-inject\n  protected constructor(private element: ElementRef) {\n  }\n\n  abstract get classes(): string;\n\n  @HostBinding('class')\n  get hostClasses(): string {\n    return ClassUtils.removeExcessWhitespace(this.classes);\n  }\n}\n","/**\n * Created by bolorundurowb on 2/4/2021\n */\n\nexport * from './base.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAAA;;AAEG;MAKmB,aAAa,CAAA;;AAGjC,IAAA,WAAA,CAA8B,OAAmB,EAAA;QAAnB,IAAA,CAAA,OAAO,GAAP,OAAO;IACrC;AAIA,IAAA,IACI,WAAW,GAAA;QACb,OAAO,UAAU,CAAC,sBAAsB,CAAC,IAAI,CAAC,OAAO,CAAC;IACxD;+GAXoB,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBADlC;;sBASE,WAAW;uBAAC,OAAO;;;ACftB;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"ngx-semantic-core-base.mjs","sources":["../../src/core/base/base.directive.ts","../../src/core/base/public-api.ts","../../src/core/base/ngx-semantic-core-base.ts"],"sourcesContent":["/**\n * Created by bolorundurowb on 4/28/2021\n */\nimport { Directive, DoCheck, ElementRef, inject, Renderer2 } from '@angular/core';\n\n/**\n * Applies the space separated `classes` to the host element in the order they are declared.\n *\n * Semantic UI matches multi-word variations with substring selectors (e.g. `[class*=\"left labeled\"]`),\n * so tokens must stay adjacent and ordered. A host `[class]` binding cannot be used because Angular\n * sorts its tokens alphabetically.\n */\n@Directive()\nexport abstract class BaseDirective implements DoCheck {\n  private readonly classHost: HTMLElement = inject(ElementRef).nativeElement;\n  private readonly classRenderer = inject(Renderer2);\n  private staticClasses: Set<string> | null = null;\n  private appliedClasses: string[] = [];\n\n  // eslint-disable-next-line @angular-eslint/prefer-inject\n  constructor(_element?: ElementRef) {\n  }\n\n  abstract get classes(): string;\n\n  ngDoCheck(): void {\n    this.syncClasses();\n  }\n\n  protected syncClasses(): void {\n    const next = (this.classes || '').split(/\\s+/).filter(Boolean);\n    const unique = Array.from(new Set(next));\n\n    if (unique.length === this.appliedClasses.length && unique.every((c, i) => c === this.appliedClasses[i])) {\n      return;\n    }\n\n    if (!this.staticClasses) {\n      this.staticClasses = new Set(Array.from(this.classHost.classList));\n    }\n\n    const keep = new Set(unique);\n    for (const c of this.appliedClasses) {\n      if (!keep.has(c) && !this.staticClasses.has(c)) {\n        this.classRenderer.removeClass(this.classHost, c);\n      }\n    }\n\n    // classList.add() leaves existing tokens in place, so re-adding is needed to restore the order\n    for (const c of unique) {\n      this.classRenderer.removeClass(this.classHost, c);\n    }\n    for (const c of unique) {\n      this.classRenderer.addClass(this.classHost, c);\n    }\n\n    this.appliedClasses = unique;\n  }\n}\n","/**\n * Created by bolorundurowb on 2/4/2021\n */\n\nexport * from './base.directive';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;AAAA;;AAEG;AAGH;;;;;;AAMG;MAEmB,aAAa,CAAA;;AAOjC,IAAA,WAAA,CAAY,QAAqB,EAAA;AANhB,QAAA,IAAA,CAAA,SAAS,GAAgB,MAAM,CAAC,UAAU,CAAC,CAAC,aAAa;AACzD,QAAA,IAAA,CAAA,aAAa,GAAG,MAAM,CAAC,SAAS,CAAC;QAC1C,IAAA,CAAA,aAAa,GAAuB,IAAI;QACxC,IAAA,CAAA,cAAc,GAAa,EAAE;IAIrC;IAIA,SAAS,GAAA;QACP,IAAI,CAAC,WAAW,EAAE;IACpB;IAEU,WAAW,GAAA;AACnB,QAAA,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,OAAO,IAAI,EAAE,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;AAC9D,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,IAAI,CAAC,CAAC;AAExC,QAAA,IAAI,MAAM,CAAC,MAAM,KAAK,IAAI,CAAC,cAAc,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;YACxG;QACF;AAEA,QAAA,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE;AACvB,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI,GAAG,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QACpE;AAEA,QAAA,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC;AAC5B,QAAA,KAAK,MAAM,CAAC,IAAI,IAAI,CAAC,cAAc,EAAE;AACnC,YAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBAC9C,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;YACnD;QACF;;AAGA,QAAA,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACnD;AACA,QAAA,KAAK,MAAM,CAAC,IAAI,MAAM,EAAE;YACtB,IAAI,CAAC,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QAChD;AAEA,QAAA,IAAI,CAAC,cAAc,GAAG,MAAM;IAC9B;+GA5CoB,aAAa,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAb,aAAa,EAAA,UAAA,EAAA,CAAA;kBADlC;;;ACZD;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/ngx-semantic-elements-container.mjs

@@ -1,11 +1,13 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Directive, NgModule } from '@angular/core';
+import { Input, Directive, NgModule } from '@angular/core';
 import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import { CommonModule } from '@angular/common';
 
-class SuiContainerDirective {
+class SuiContainerDirective extends BaseDirective {
     constructor() {
+        super(...arguments);
         this.suiAlignment = null;
         this.suiText = false;
         this.suiFluid = false;
@@ -19,8 +21,8 @@ class SuiContainerDirective {
             'container'
         ].join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiContainerDirective, isStandalone: true, selector: "[sui-container]", inputs: { suiAlignment: "suiAlignment", suiText: "suiText", suiFluid: "suiFluid" }, host: { properties: { "class": "this.classes" } }, exportAs: ["suiContainer"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiContainerDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiContainerDirective, isStandalone: true, selector: "[sui-container]", inputs: { suiAlignment: "suiAlignment", suiText: "suiText", suiFluid: "suiFluid" }, exportAs: ["suiContainer"], usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     InputBoolean()
@@ -41,9 +43,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 type: Input
             }], suiFluid: [{
                 type: Input
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
             }] } });
 
 /**

package/fesm2022/ngx-semantic-elements-container.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-elements-container.mjs","sources":["../../src/elements/container/container.directive.ts","../../src/elements/container/container.module.ts","../../src/elements/container/public-api.ts","../../src/elements/container/ngx-semantic-elements-container.ts"],"sourcesContent":["/**\n * Created by bolor on 9/22/2020\n */\n\nimport { Directive, HostBinding, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\n\nexport type SuiContainerAlignment = 'left aligned' | 'right aligned' | 'center aligned' | 'justified' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[sui-container]',\n  exportAs: 'suiContainer'\n})\nexport class SuiContainerDirective {\n  @Input() public suiAlignment: SuiContainerAlignment = null;\n  @Input() @InputBoolean() public suiText = false;\n  @Input() @InputBoolean() public suiFluid = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      'ui',\n      this.suiAlignment,\n      ClassUtils.getPropClass(this.suiText, 'text'),\n      ClassUtils.getPropClass(this.suiFluid, 'fluid'),\n      'container'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 9/22/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiContainerDirective } from './container.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiContainerDirective\n  ],\n  exports: [\n    SuiContainerDirective\n  ]\n})\nexport class SuiContainerModule {\n}\n","/**\n * Created by bolor on 9/22/2020\n */\n\nexport * from './container.directive';\nexport * from './container.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAca,qBAAqB,CAAA;AALlC,IAAA,WAAA,GAAA;QAMkB,IAAA,CAAA,YAAY,GAA0B,IAAI;QAC1B,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,QAAQ,GAAG,KAAK;AAYjD,IAAA;AAVC,IAAA,IACI,OAAO,GAAA;QACT,OAAO;YACL,IAAI;AACJ,YAAA,IAAI,CAAC,YAAY;YACjB,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;YAC7C,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC/C;AACD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;IACb;+GAdW,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,cAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAEA,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA0B,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAChB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA2B,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;4FAHtC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE;AACX,iBAAA;;sBAEE;;sBACA;;sBACA;;sBAEA,WAAW;uBAAC,OAAO;;;ACnBtB;;AAEG;MAeU,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAP3B,YAAY;AACZ,YAAA,qBAAqB,aAGrB,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAP3B,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAOH,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD;AACF,iBAAA;;;AChBD;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"ngx-semantic-elements-container.mjs","sources":["../../src/elements/container/container.directive.ts","../../src/elements/container/container.module.ts","../../src/elements/container/public-api.ts","../../src/elements/container/ngx-semantic-elements-container.ts"],"sourcesContent":["/**\n * Created by bolor on 9/22/2020\n */\n\nimport { Directive, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiContainerAlignment = 'left aligned' | 'right aligned' | 'center aligned' | 'justified' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[sui-container]',\n  exportAs: 'suiContainer'\n})\nexport class SuiContainerDirective extends BaseDirective {\n  @Input() public suiAlignment: SuiContainerAlignment = null;\n  @Input() @InputBoolean() public suiText = false;\n  @Input() @InputBoolean() public suiFluid = false;\n\n  get classes(): string {\n    return [\n      'ui',\n      this.suiAlignment,\n      ClassUtils.getPropClass(this.suiText, 'text'),\n      ClassUtils.getPropClass(this.suiFluid, 'fluid'),\n      'container'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 9/22/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiContainerDirective } from './container.directive';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiContainerDirective\n  ],\n  exports: [\n    SuiContainerDirective\n  ]\n})\nexport class SuiContainerModule {\n}\n","/**\n * Created by bolor on 9/22/2020\n */\n\nexport * from './container.directive';\nexport * from './container.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;AAeM,MAAO,qBAAsB,SAAQ,aAAa,CAAA;AALxD,IAAA,WAAA,GAAA;;QAMkB,IAAA,CAAA,YAAY,GAA0B,IAAI;QAC1B,IAAA,CAAA,OAAO,GAAG,KAAK;QACf,IAAA,CAAA,QAAQ,GAAG,KAAK;AAWjD,IAAA;AATC,IAAA,IAAI,OAAO,GAAA;QACT,OAAO;YACL,IAAI;AACJ,YAAA,IAAI,CAAC,YAAY;YACjB,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC;YAC7C,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC;YAC/C;AACD,SAAA,CAAC,IAAI,CAAC,GAAG,CAAC;IACb;+GAbW,qBAAqB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;mGAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;AAEA,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA0B,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,SAAA,EAAA,KAAA,CAAA,CAAA;AAChB,UAAA,CAAA;AAAtB,IAAA,YAAY;AAA2B,CAAA,EAAA,qBAAA,CAAA,SAAA,EAAA,UAAA,EAAA,KAAA,CAAA,CAAA;4FAHtC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,QAAQ,EAAE;AACX,iBAAA;;sBAEE;;sBACA;;sBACA;;;AClBH;;AAEG;MAeU,kBAAkB,CAAA;+GAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAP3B,YAAY;AACZ,YAAA,qBAAqB,aAGrB,qBAAqB,CAAA,EAAA,CAAA,CAAA;AAGZ,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,YAP3B,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAOH,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAT9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE;wBACP,YAAY;wBACZ;AACD,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP;AACD;AACF,iBAAA;;;AChBD;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/ngx-semantic-elements-divider.mjs

@@ -1,11 +1,14 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Directive, NgModule } from '@angular/core';
+import { inject, ElementRef, Input, Directive, NgModule } from '@angular/core';
 import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import { CommonModule } from '@angular/common';
 
-class SuiDividerDirective {
+class SuiDividerDirective extends BaseDirective {
     constructor() {
+        const element = inject(ElementRef);
+        super(element);
         this.suiDirection = null;
         this.suiHeader = false;
         this.suiInverted = false;
@@ -18,17 +21,17 @@ class SuiDividerDirective {
         return [
             'ui',
             ClassUtils.getPropClass(this.suiInverted, 'inverted'),
-            ClassUtils.getPropClass(this.suiHeader, 'header'),
             ClassUtils.getPropClass(this.suiFitted, 'fitted'),
             ClassUtils.getPropClass(this.suiHidden, 'hidden'),
             ClassUtils.getPropClass(this.suiSection, 'section'),
             ClassUtils.getPropClass(this.suiClearing, 'clearing'),
             this.suiDirection,
+            ClassUtils.getPropClass(this.suiHeader, 'header'),
             'divider'
         ].join(' ');
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiDividerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiDividerDirective, isStandalone: true, selector: "[sui-divider]", inputs: { suiDirection: "suiDirection", suiHeader: "suiHeader", suiInverted: "suiInverted", suiFitted: "suiFitted", suiHidden: "suiHidden", suiSection: "suiSection", suiClearing: "suiClearing" }, host: { properties: { "class": "this.classes" } }, exportAs: ["suiDivider"], ngImport: i0 }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiDividerDirective, isStandalone: true, selector: "[sui-divider]", inputs: { suiDirection: "suiDirection", suiHeader: "suiHeader", suiInverted: "suiInverted", suiFitted: "suiFitted", suiHidden: "suiHidden", suiSection: "suiSection", suiClearing: "suiClearing" }, exportAs: ["suiDivider"], usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     InputBoolean()
@@ -55,7 +58,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                     selector: '[sui-divider]',
                     exportAs: 'suiDivider'
                 }]
-        }], propDecorators: { suiDirection: [{
+        }], ctorParameters: () => [], propDecorators: { suiDirection: [{
                 type: Input
             }], suiHeader: [{
                 type: Input
@@ -69,9 +72,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 type: Input
             }], suiClearing: [{
                 type: Input
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
             }] } });
 
 /**

package/fesm2022/ngx-semantic-elements-divider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-elements-divider.mjs","sources":["../../src/elements/divider/divider.directive.ts","../../src/elements/divider/divider.module.ts","../../src/elements/divider/public-api.ts","../../src/elements/divider/ngx-semantic-elements-divider.ts"],"sourcesContent":["import { Directive, HostBinding, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\n\nexport type SuiDividerDirection = 'vertical' | 'horizontal' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[sui-divider]',\n  exportAs: 'suiDivider'\n})\nexport class SuiDividerDirective {\n  @Input() public suiDirection: SuiDividerDirection = null;\n  @Input() @InputBoolean() public suiHeader = false;\n  @Input() @InputBoolean() public suiInverted = false;\n  @Input() @InputBoolean() public suiFitted = false;\n  @Input() @InputBoolean() public suiHidden = false;\n  @Input() @InputBoolean() public suiSection = false;\n  @Input() @InputBoolean() public suiClearing = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      'ui',\n      ClassUtils.getPropClass(this.suiInverted, 'inverted'),\n      ClassUtils.getPropClass(this.suiHeader, 'header'),\n      ClassUtils.getPropClass(this.suiFitted, 'fitted'),\n      ClassUtils.getPropClass(this.suiHidden, 'hidden'),\n      ClassUtils.getPropClass(this.suiSection, 'section'),\n      ClassUtils.getPropClass(this.suiClearing, 'clearing'),\n      this.suiDirection,\n      'divider'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 4/22/2020\n */\n\nimport { NgModule } from '@angular/core';\nimport { SuiDividerDirective } from './divider.directive';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule, SuiDividerDirective],\n  exports: [SuiDividerDirective]\n})\nexport class SuiDividerModule {\n}\n","/**\n * Created by bolor on 4/22/2020\n */\n\nexport * from './divider.directive';\nexport * from './divider.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-elements-divider.mjs","sources":["../../src/elements/divider/divider.directive.ts","../../src/elements/divider/divider.module.ts","../../src/elements/divider/public-api.ts","../../src/elements/divider/ngx-semantic-elements-divider.ts"],"sourcesContent":["import { Directive, ElementRef, Input, inject } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiDividerDirection = 'vertical' | 'horizontal' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[sui-divider]',\n  exportAs: 'suiDivider'\n})\nexport class SuiDividerDirective extends BaseDirective {\n  @Input() public suiDirection: SuiDividerDirection = null;\n  @Input() @InputBoolean() public suiHeader = false;\n  @Input() @InputBoolean() public suiInverted = false;\n  @Input() @InputBoolean() public suiFitted = false;\n  @Input() @InputBoolean() public suiHidden = false;\n  @Input() @InputBoolean() public suiSection = false;\n  @Input() @InputBoolean() public suiClearing = false;\n\n  constructor() {\n    const element = inject(ElementRef);\n\n    super(element);\n  }\n\n  get classes(): string {\n    return [\n      'ui',\n      ClassUtils.getPropClass(this.suiInverted, 'inverted'),\n      ClassUtils.getPropClass(this.suiFitted, 'fitted'),\n      ClassUtils.getPropClass(this.suiHidden, 'hidden'),\n      ClassUtils.getPropClass(this.suiSection, 'section'),\n      ClassUtils.getPropClass(this.suiClearing, 'clearing'),\n      this.suiDirection,\n      ClassUtils.getPropClass(this.suiHeader, 'header'),\n      'divider'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 4/22/2020\n */\n\nimport { NgModule } from '@angular/core';\nimport { SuiDividerDirective } from './divider.directive';\nimport { CommonModule } from '@angular/common';\n\n@NgModule({\n  imports: [CommonModule, SuiDividerDirective],\n  exports: [SuiDividerDirective]\n})\nexport class SuiDividerModule {\n}\n","/**\n * Created by bolor on 4/22/2020\n */\n\nexport * from './divider.directive';\nexport * from './divider.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-semantic-elements-header.mjs

@@ -1,11 +1,13 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Directive, NgModule } from '@angular/core';
+import { Input, Directive, HostBinding, NgModule } from '@angular/core';
 import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import { CommonModule } from '@angular/common';
 
-class SuiHeaderDirective {
+class SuiHeaderDirective extends BaseDirective {
     constructor() {
+        super(...arguments);
         this.suiSize = null;
         this.suiAlignment = null;
         this.suiColour = null;
@@ -35,8 +37,8 @@ class SuiHeaderDirective {
             'header'
         ].join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiHeaderDirective, isStandalone: true, selector: "[sui-header]", inputs: { suiSize: "suiSize", suiAlignment: "suiAlignment", suiColour: "suiColour", suiAttached: "suiAttached", suiFloated: "suiFloated", suiSubHeader: "suiSubHeader", disabled: "disabled", suiDividing: "suiDividing", suiBlock: "suiBlock", suiInverted: "suiInverted", suiIcon: "suiIcon" }, host: { properties: { "class": "this.classes" } }, exportAs: ["suiHeader"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiHeaderDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiHeaderDirective, isStandalone: true, selector: "[sui-header]", inputs: { suiSize: "suiSize", suiAlignment: "suiAlignment", suiColour: "suiColour", suiAttached: "suiAttached", suiFloated: "suiFloated", suiSubHeader: "suiSubHeader", disabled: "disabled", suiDividing: "suiDividing", suiBlock: "suiBlock", suiInverted: "suiInverted", suiIcon: "suiIcon" }, exportAs: ["suiHeader"], usesInheritance: true, ngImport: i0 }); }
 }
 __decorate([
     InputBoolean()
@@ -85,9 +87,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 type: Input
             }], suiIcon: [{
                 type: Input
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
             }] } });
 
 /**

package/fesm2022/ngx-semantic-elements-header.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-elements-header.mjs","sources":["../../src/elements/header/header.directive.ts","../../src/elements/header/sub-header.directive.ts","../../src/elements/header/header.module.ts","../../src/elements/header/public-api.ts","../../src/elements/header/ngx-semantic-elements-header.ts"],"sourcesContent":["import { Directive, HostBinding, Input } from '@angular/core';\nimport { SuiColour, SuiSize } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\n\nexport type SuiHeaderAlignment = 'left aligned' | 'right aligned' | 'center aligned' | 'justified' | null;\nexport type SuiHeaderAttachment = 'attached' | 'top attached' | 'bottom attached' | null;\nexport type SuiHeaderFloating = 'left floated' | 'right floated' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[sui-header]',\n  exportAs: 'suiHeader'\n})\nexport class SuiHeaderDirective {\n  @Input() public suiSize: SuiSize = null;\n  @Input() public suiAlignment: SuiHeaderAlignment = null;\n  @Input() public suiColour: SuiColour = null;\n  @Input() public suiAttached: SuiHeaderAttachment = null;\n  @Input() public suiFloated: SuiHeaderFloating = null;\n  @Input() @InputBoolean() public suiSubHeader = false;\n  @Input() @InputBoolean() public disabled = false;\n  @Input() @InputBoolean() public suiDividing = false;\n  @Input() @InputBoolean() public suiBlock = false;\n  @Input() @InputBoolean() public suiInverted = false;\n  @Input() @InputBoolean() public suiIcon = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      'ui',\n      this.suiColour,\n      this.suiSize,\n      this.suiAttached,\n      this.suiFloated,\n      this.suiAlignment,\n      ClassUtils.getPropClass(this.suiDividing, 'dividing'),\n      ClassUtils.getPropClass(this.disabled, 'disabled'),\n      ClassUtils.getPropClass(this.suiInverted, 'inverted'),\n      ClassUtils.getPropClass(this.suiBlock, 'block'),\n      ClassUtils.getPropClass(this.suiSubHeader, 'sub'),\n      ClassUtils.getPropClass(this.suiIcon, 'icon'),\n      'header'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 5/19/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[suiSubHeader]',\n  exportAs: 'suiSubHeader'\n})\nexport class SuiSubHeaderDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'sub header';\n  }\n}\n","/**\n * Created by bolor on 4/24/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiHeaderDirective } from './header.directive';\nimport { SuiSubHeaderDirective } from './sub-header.directive';\n\n@NgModule({\n  imports: [CommonModule, SuiHeaderDirective, SuiSubHeaderDirective],\n  exports: [SuiHeaderDirective, SuiSubHeaderDirective]\n})\nexport class SuiHeaderModule {\n}\n","/**\n * Created by bolor on 4/22/2020\n */\n\nexport * from './header.directive';\nexport * from './sub-header.directive';\nexport * from './header.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-elements-header.mjs","sources":["../../src/elements/header/header.directive.ts","../../src/elements/header/sub-header.directive.ts","../../src/elements/header/header.module.ts","../../src/elements/header/public-api.ts","../../src/elements/header/ngx-semantic-elements-header.ts"],"sourcesContent":["import { Directive, Input } from '@angular/core';\nimport { SuiColour, SuiSize } from 'ngx-semantic/core/enums';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { BaseDirective } from 'ngx-semantic/core/base';\n\nexport type SuiHeaderAlignment = 'left aligned' | 'right aligned' | 'center aligned' | 'justified' | null;\nexport type SuiHeaderAttachment = 'attached' | 'top attached' | 'bottom attached' | null;\nexport type SuiHeaderFloating = 'left floated' | 'right floated' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[sui-header]',\n  exportAs: 'suiHeader'\n})\nexport class SuiHeaderDirective extends BaseDirective {\n  @Input() public suiSize: SuiSize = null;\n  @Input() public suiAlignment: SuiHeaderAlignment = null;\n  @Input() public suiColour: SuiColour = null;\n  @Input() public suiAttached: SuiHeaderAttachment = null;\n  @Input() public suiFloated: SuiHeaderFloating = null;\n  @Input() @InputBoolean() public suiSubHeader = false;\n  @Input() @InputBoolean() public disabled = false;\n  @Input() @InputBoolean() public suiDividing = false;\n  @Input() @InputBoolean() public suiBlock = false;\n  @Input() @InputBoolean() public suiInverted = false;\n  @Input() @InputBoolean() public suiIcon = false;\n\n  get classes(): string {\n    return [\n      'ui',\n      this.suiColour,\n      this.suiSize,\n      this.suiAttached,\n      this.suiFloated,\n      this.suiAlignment,\n      ClassUtils.getPropClass(this.suiDividing, 'dividing'),\n      ClassUtils.getPropClass(this.disabled, 'disabled'),\n      ClassUtils.getPropClass(this.suiInverted, 'inverted'),\n      ClassUtils.getPropClass(this.suiBlock, 'block'),\n      ClassUtils.getPropClass(this.suiSubHeader, 'sub'),\n      ClassUtils.getPropClass(this.suiIcon, 'icon'),\n      'header'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 5/19/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[suiSubHeader]',\n  exportAs: 'suiSubHeader'\n})\nexport class SuiSubHeaderDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'sub header';\n  }\n}\n","/**\n * Created by bolor on 4/24/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiHeaderDirective } from './header.directive';\nimport { SuiSubHeaderDirective } from './sub-header.directive';\n\n@NgModule({\n  imports: [CommonModule, SuiHeaderDirective, SuiSubHeaderDirective],\n  exports: [SuiHeaderDirective, SuiSubHeaderDirective]\n})\nexport class SuiHeaderModule {\n}\n","/**\n * Created by bolor on 4/22/2020\n */\n\nexport * from './header.directive';\nexport * from './sub-header.directive';\nexport * from './header.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-semantic-elements-icon.mjs

@@ -1,15 +1,16 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Directive, inject, ElementRef, NgModule } from '@angular/core';
+import { Input, Directive, inject, ElementRef, NgModule } from '@angular/core';
+import { BaseDirective } from 'ngx-semantic/core/base';
 import { __decorate } from 'tslib';
 import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
-import { BaseDirective } from 'ngx-semantic/core/base';
 import { CommonModule } from '@angular/common';
 
 /**
  * Created by bolorundurowb on 2/8/2021
  */
-class SuiIconsDirective {
+class SuiIconsDirective extends BaseDirective {
     constructor() {
+        super(...arguments);
         this.suiSize = null;
     }
     get classes() {
@@ -18,8 +19,8 @@ class SuiIconsDirective {
             'icons'
         ].join(' ');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiIconsDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiIconsDirective, isStandalone: true, selector: "[sui-icons]", inputs: { suiSize: "suiSize" }, host: { properties: { "class": "this.classes" } }, exportAs: ["suiIcons"], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiIconsDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.23", type: SuiIconsDirective, isStandalone: true, selector: "[sui-icons]", inputs: { suiSize: "suiSize" }, exportAs: ["suiIcons"], usesInheritance: true, ngImport: i0 }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImport: i0, type: SuiIconsDirective, decorators: [{
             type: Directive,
@@ -30,9 +31,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.23", ngImpo
                 }]
         }], propDecorators: { suiSize: [{
                 type: Input
-            }], classes: [{
-                type: HostBinding,
-                args: ['class']
             }] } });
 
 class SuiIconDirective extends BaseDirective {