ngx-semantic 2.0.7-beta.0 → 2.0.7-beta.2

package/fesm2022/ngx-semantic-modules-dropdown.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-modules-dropdown.mjs","sources":["../../src/modules/dropdown/dropdown-menu-divider.directive.ts","../../src/modules/dropdown/dropdown-menu-header.directive.ts","../../src/modules/dropdown/dropdown-menu.directive.ts","../../src/modules/dropdown/dropdown-menu-item.directive.ts","../../src/modules/dropdown/dropdown.component.ts","../../src/modules/dropdown/dropdown.module.ts","../../src/modules/dropdown/public-api.ts","../../src/modules/dropdown/ngx-semantic-modules-dropdown.ts"],"sourcesContent":["/**\n * Created by bolor on 10/30/2020\n */\n\nimport {Directive, HostBinding} from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[suiDropdownMenuDivider]'\n})\nexport class SuiDropdownMenuDividerDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'divider';\n  }\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nimport {Directive, HostBinding} from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[suiDropdownMenuHeader]'\n})\nexport class SuiDropdownMenuHeaderDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'header';\n  }\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nimport {Directive, HostBinding, Input} from '@angular/core';\nimport {ClassUtils, InputBoolean} from 'ngx-semantic/core/util';\n\nexport type SuiDropdownMenuDirection = 'left' | 'right' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[suiDropdownMenu]'\n})\nexport class SuiDropdownMenuDirective {\n  @Input() public suiDirection: SuiDropdownMenuDirection = null;\n  @Input() @InputBoolean() public suiScrolling = false;\n\n  private isOpen = false;\n\n  @Input()\n  set suiIsOpen(isOpen: boolean) {\n    this.isOpen = isOpen;\n  }\n\n  get suiIsOpen(): boolean {\n    return this.isOpen;\n  }\n\n  @HostBinding('tabindex')\n  get tabIndex(): number {\n    return -1;\n  }\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      ClassUtils.getPropClass(this.suiScrolling, 'scrolling'),\n      this.suiDirection,\n      'menu',\n      'transition',\n      ClassUtils.getPropClass(!this.isOpen, 'hidden'),\n      ClassUtils.getPropClass(this.isOpen, 'visible')\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nimport {ContentChild, Directive, HostBinding, HostListener, Input} from '@angular/core';\nimport {ClassUtils, InputBoolean} from 'ngx-semantic/core/util';\nimport {SuiDropdownMenuDirective} from './dropdown-menu.directive';\n\nexport type SuiMenuDirection = 'left' | 'right' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[suiDropdownMenuItem]'\n})\nexport class SuiDropdownMenuItemDirective {\n  @ContentChild(SuiDropdownMenuDirective) public contentMenu: SuiDropdownMenuDirective | undefined = undefined;\n\n  @Input() public suiDirection: SuiMenuDirection = null;\n  @Input() @InputBoolean() public disabled = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      ClassUtils.getPropClass(this.disabled, 'disabled'),\n      this.suiDirection,\n      'item'\n    ].join(' ');\n  }\n\n  @HostListener('mouseenter')\n  public onHover(): void {\n    this.toggleMenuVisibility();\n  }\n\n  @HostListener('mouseleave')\n  public onUnhover(): void {\n    this.toggleMenuVisibility();\n  }\n\n  private toggleMenuVisibility(): void {\n    if (this.contentMenu) {\n      this.contentMenu.suiIsOpen = !this.contentMenu.suiIsOpen;\n    }\n  }\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nimport {Component, ContentChild, HostBinding, HostListener, Input, ViewEncapsulation} from '@angular/core';\nimport {ClassUtils, InputBoolean} from 'ngx-semantic/core/util';\nimport {SuiDropdownMenuDirective} from './dropdown-menu.directive';\n\nexport type SuiDropdownPointingDirection = 'top left' | 'top right' | 'left' | 'right' | 'bottom left' | 'bottom right' | null;\n\n@Component({\n  standalone: true,\n  selector: 'sui-dropdown, [sui-dropdown]',\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <ng-content></ng-content>\n  `\n})\nexport class SuiDropdownComponent {\n  @ContentChild(SuiDropdownMenuDirective) public contentMenu: SuiDropdownMenuDirective | undefined = undefined;\n\n  @Input() public suiPointingDirection: SuiDropdownPointingDirection = null;\n  @Input() @InputBoolean() public suiPointing = false;\n  @Input() @InputBoolean() public suiFluid = false;\n  @Input() @InputBoolean() public suiInline = false;\n  @Input() @InputBoolean() public suiLoading = false;\n  @Input() @InputBoolean() public suiError = false;\n  @Input() @InputBoolean() public disabled = false;\n  @Input() @InputBoolean() public suiScrolling = false;\n  @Input() @InputBoolean() public suiCompact = false;\n  @Input() @InputBoolean() public suiFloating = false;\n  @Input() @InputBoolean() public suiSimple = false;\n  @Input() @InputBoolean() public suiLabeled = false;\n\n  private isOpen = false;\n\n  @HostBinding('tabindex')\n  get tabIndex(): number {\n    return 0;\n  }\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      'ui',\n      ClassUtils.getPropClass(this.suiFluid, 'fluid'),\n      ClassUtils.getPropClass(this.suiCompact, 'compact'),\n      ClassUtils.getPropClass(this.suiLoading, 'loading'),\n      ClassUtils.getPropClass(this.suiInline, 'inline'),\n      ClassUtils.getPropClass(this.disabled, 'disabled'),\n      ClassUtils.getPropClass(this.suiScrolling, 'scrolling'),\n      this.suiPointingDirection ? this.suiPointingDirection : '',\n      ClassUtils.getPropClass(this.suiPointing, 'pointing'),\n      ClassUtils.getPropClass(this.suiFloating, 'floating'),\n      ClassUtils.getPropClass(this.suiSimple, 'simple'),\n      'dropdown',\n      ClassUtils.getPropClass(this.isOpen, 'active'),\n      ClassUtils.getPropClass(this.isOpen, 'visible'),\n      ClassUtils.getPropClass(this.suiError, 'error')\n    ].join(' ');\n  }\n\n  @HostListener('click')\n  public onClick(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.isOpen = !this.isOpen;\n\n    // handle regular dropdown\n    if (this.contentMenu) {\n      this.contentMenu.suiIsOpen = this.isOpen;\n    }\n  }\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nimport {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {SuiDropdownMenuDividerDirective} from './dropdown-menu-divider.directive';\nimport {SuiDropdownMenuHeaderDirective} from './dropdown-menu-header.directive';\nimport {SuiDropdownMenuItemDirective} from './dropdown-menu-item.directive';\nimport {SuiDropdownMenuDirective} from './dropdown-menu.directive';\nimport {SuiDropdownComponent} from './dropdown.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiDropdownComponent,\n    SuiDropdownMenuDirective,\n    SuiDropdownMenuItemDirective,\n    SuiDropdownMenuHeaderDirective,\n    SuiDropdownMenuDividerDirective\n  ],\n  exports: [\n    SuiDropdownComponent,\n    SuiDropdownMenuDirective,\n    SuiDropdownMenuItemDirective,\n    SuiDropdownMenuHeaderDirective,\n    SuiDropdownMenuDividerDirective\n  ]\n})\nexport class SuiDropdownModule {\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nexport * from './dropdown-menu-divider.directive';\nexport * from './dropdown-menu-header.directive';\nexport * from './dropdown-menu-item.directive';\nexport * from './dropdown-menu.directive';\nexport * from './dropdown.component';\nexport * from './dropdown.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-modules-dropdown.mjs","sources":["../../src/modules/dropdown/dropdown-menu-divider.directive.ts","../../src/modules/dropdown/dropdown-menu-header.directive.ts","../../src/modules/dropdown/dropdown-menu.directive.ts","../../src/modules/dropdown/dropdown-menu-item.directive.ts","../../src/modules/dropdown/dropdown.component.ts","../../src/modules/dropdown/dropdown.module.ts","../../src/modules/dropdown/public-api.ts","../../src/modules/dropdown/ngx-semantic-modules-dropdown.ts"],"sourcesContent":["/**\n * Created by bolor on 10/30/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[suiDropdownMenuDivider]'\n})\nexport class SuiDropdownMenuDividerDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'divider';\n  }\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[suiDropdownMenuHeader]'\n})\nexport class SuiDropdownMenuHeaderDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'header';\n  }\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nimport { Directive, HostBinding, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\n\nexport type SuiDropdownMenuDirection = 'left' | 'right' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[suiDropdownMenu]'\n})\nexport class SuiDropdownMenuDirective {\n  @Input() public suiDirection: SuiDropdownMenuDirection = null;\n  @Input() @InputBoolean() public suiScrolling = false;\n\n  private isOpen = false;\n\n  @Input()\n  set suiIsOpen(isOpen: boolean) {\n    this.isOpen = isOpen;\n  }\n\n  get suiIsOpen(): boolean {\n    return this.isOpen;\n  }\n\n  @HostBinding('tabindex')\n  get tabIndex(): number {\n    return -1;\n  }\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      ClassUtils.getPropClass(this.suiScrolling, 'scrolling'),\n      this.suiDirection,\n      'menu',\n      'transition',\n      ClassUtils.getPropClass(!this.isOpen, 'hidden'),\n      ClassUtils.getPropClass(this.isOpen, 'visible')\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nimport { ContentChild, Directive, HostBinding, HostListener, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiDropdownMenuDirective } from './dropdown-menu.directive';\n\nexport type SuiMenuDirection = 'left' | 'right' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[suiDropdownMenuItem]'\n})\nexport class SuiDropdownMenuItemDirective {\n  @ContentChild(SuiDropdownMenuDirective) public contentMenu: SuiDropdownMenuDirective | undefined = undefined;\n\n  @Input() public suiDirection: SuiMenuDirection = null;\n  @Input() @InputBoolean() public disabled = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      ClassUtils.getPropClass(this.disabled, 'disabled'),\n      this.suiDirection,\n      'item'\n    ].join(' ');\n  }\n\n  @HostListener('mouseenter')\n  public onHover(): void {\n    this.toggleMenuVisibility();\n  }\n\n  @HostListener('mouseleave')\n  public onUnhover(): void {\n    this.toggleMenuVisibility();\n  }\n\n  private toggleMenuVisibility(): void {\n    if (this.contentMenu) {\n      this.contentMenu.suiIsOpen = !this.contentMenu.suiIsOpen;\n    }\n  }\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nimport { Component, ContentChild, HostBinding, HostListener, Input, ViewEncapsulation } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiDropdownMenuDirective } from './dropdown-menu.directive';\n\nexport type SuiDropdownPointingDirection = 'top left' | 'top right' | 'left' | 'right' | 'bottom left' | 'bottom right' | null;\n\n@Component({\n  standalone: true,\n  selector: 'sui-dropdown, [sui-dropdown]',\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <ng-content></ng-content>\n  `\n})\nexport class SuiDropdownComponent {\n  @ContentChild(SuiDropdownMenuDirective) public contentMenu: SuiDropdownMenuDirective | undefined = undefined;\n\n  @Input() public suiPointingDirection: SuiDropdownPointingDirection = null;\n  @Input() @InputBoolean() public suiPointing = false;\n  @Input() @InputBoolean() public suiFluid = false;\n  @Input() @InputBoolean() public suiInline = false;\n  @Input() @InputBoolean() public suiLoading = false;\n  @Input() @InputBoolean() public suiError = false;\n  @Input() @InputBoolean() public disabled = false;\n  @Input() @InputBoolean() public suiScrolling = false;\n  @Input() @InputBoolean() public suiCompact = false;\n  @Input() @InputBoolean() public suiFloating = false;\n  @Input() @InputBoolean() public suiSimple = false;\n  @Input() @InputBoolean() public suiLabeled = false;\n\n  private isOpen = false;\n\n  @HostBinding('tabindex')\n  get tabIndex(): number {\n    return 0;\n  }\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      'ui',\n      ClassUtils.getPropClass(this.suiFluid, 'fluid'),\n      ClassUtils.getPropClass(this.suiCompact, 'compact'),\n      ClassUtils.getPropClass(this.suiLoading, 'loading'),\n      ClassUtils.getPropClass(this.suiInline, 'inline'),\n      ClassUtils.getPropClass(this.disabled, 'disabled'),\n      ClassUtils.getPropClass(this.suiScrolling, 'scrolling'),\n      this.suiPointingDirection ? this.suiPointingDirection : '',\n      ClassUtils.getPropClass(this.suiPointing, 'pointing'),\n      ClassUtils.getPropClass(this.suiFloating, 'floating'),\n      ClassUtils.getPropClass(this.suiSimple, 'simple'),\n      'dropdown',\n      ClassUtils.getPropClass(this.isOpen, 'active'),\n      ClassUtils.getPropClass(this.isOpen, 'visible'),\n      ClassUtils.getPropClass(this.suiError, 'error')\n    ].join(' ');\n  }\n\n  @HostListener('click')\n  public onClick(): void {\n    if (this.disabled) {\n      return;\n    }\n\n    this.isOpen = !this.isOpen;\n\n    // handle regular dropdown\n    if (this.contentMenu) {\n      this.contentMenu.suiIsOpen = this.isOpen;\n    }\n  }\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nimport { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { SuiDropdownMenuDividerDirective } from './dropdown-menu-divider.directive';\nimport { SuiDropdownMenuHeaderDirective } from './dropdown-menu-header.directive';\nimport { SuiDropdownMenuItemDirective } from './dropdown-menu-item.directive';\nimport { SuiDropdownMenuDirective } from './dropdown-menu.directive';\nimport { SuiDropdownComponent } from './dropdown.component';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiDropdownComponent,\n    SuiDropdownMenuDirective,\n    SuiDropdownMenuItemDirective,\n    SuiDropdownMenuHeaderDirective,\n    SuiDropdownMenuDividerDirective\n  ],\n  exports: [\n    SuiDropdownComponent,\n    SuiDropdownMenuDirective,\n    SuiDropdownMenuItemDirective,\n    SuiDropdownMenuHeaderDirective,\n    SuiDropdownMenuDividerDirective\n  ]\n})\nexport class SuiDropdownModule {\n}\n","/**\n * Created by bolor on 10/30/2020\n */\n\nexport * from './dropdown-menu-divider.directive';\nexport * from './dropdown-menu-header.directive';\nexport * from './dropdown-menu-item.directive';\nexport * from './dropdown-menu.directive';\nexport * from './dropdown.component';\nexport * from './dropdown.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-modules-embed.mjs

@@ -1,8 +1,8 @@
 import * as i0 from '@angular/core';
-import { Pipe, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
-import * as i1 from '@angular/platform-browser';
+import { inject, Pipe, ChangeDetectorRef, Input, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
 import { __decorate } from 'tslib';
-import * as i1$1 from '@angular/common';
+import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
 import { SuiIconDirective } from 'ngx-semantic/elements/icon';
@@ -11,13 +11,13 @@ import { SuiIconDirective } from 'ngx-semantic/elements/icon';
  * Created by bolorundurowb on 1/24/2021
  */
 class SafeUrlPipe {
-    constructor(sanitizer) {
-        this.sanitizer = sanitizer;
+    constructor() {
+        this.sanitizer = inject(DomSanitizer);
     }
-    transform(value, ...args) {
+    transform(value, ..._args) {
         return this.sanitizer.bypassSecurityTrustResourceUrl(value);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SafeUrlPipe, deps: [{ token: i1.DomSanitizer }], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SafeUrlPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
     static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.7", ngImport: i0, type: SafeUrlPipe, isStandalone: true, name: "safeUrl" }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SafeUrlPipe, decorators: [{
@@ -26,11 +26,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
                     standalone: true,
                     name: 'safeUrl'
                 }]
-        }], ctorParameters: () => [{ type: i1.DomSanitizer }] });
+        }] });
 
 class SuiEmbedComponent {
-    constructor(cdr) {
-        this.cdr = cdr;
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
         this.suiSource = null;
         this.suiAspectRatio = null;
         this.suiIcon = 'video play';
@@ -67,28 +67,28 @@ class SuiEmbedComponent {
         this.isPLaying = true;
         this.cdr.detectChanges();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiEmbedComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SuiEmbedComponent, isStandalone: true, selector: "sui-embed", inputs: { suiSource: "suiSource", suiAspectRatio: "suiAspectRatio", suiIcon: "suiIcon", suiId: "suiId", suiPlaceHolder: "suiPlaceHolder", suiSourceUrl: "suiSourceUrl", suiAutoplay: "suiAutoplay" }, ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiEmbedComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: SuiEmbedComponent, isStandalone: true, selector: "sui-embed", inputs: { suiSource: "suiSource", suiAspectRatio: "suiAspectRatio", suiIcon: "suiIcon", suiId: "suiId", suiPlaceHolder: "suiPlaceHolder", suiSourceUrl: "suiSourceUrl", suiAutoplay: "suiAutoplay" }, ngImport: i0, template: `
     <div [ngClass]="classes">
       <i sui-icon
          [suiIconType]="suiIcon"
          (click)="playVideo()"></i>
 
-      <ng-container *ngIf="suiPlaceHolder">
+      @if (suiPlaceHolder) {
         <img class="placeholder"
              [src]="suiPlaceHolder"/>
-      </ng-container>
+      }
 
-      <ng-container *ngIf="isPLaying">
+      @if (isPLaying) {
         <div class="embed">
           <iframe
             [src]="videoUrl | safeUrl"
             scrolling="no" webkitallowfullscreen="" mozallowfullscreen=""
             allowfullscreen="" width="100%" height="100%" frameborder="0"></iframe>
         </div>
-      </ng-container>
+      }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: SuiIconDirective, selector: "i[sui-icon]", inputs: ["suiSize", "suiFlip", "suiRotation", "suiColour", "suiCorner", "suiIconType", "disabled", "suiLoading", "suiFitted", "suiLink", "suiCircular", "suiBordered", "suiInverted", "suiOutline"], exportAs: ["suiIcon"] }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SuiIconDirective, selector: "i[sui-icon]", inputs: ["suiSize", "suiFlip", "suiRotation", "suiColour", "suiCorner", "suiIconType", "disabled", "suiLoading", "suiFitted", "suiLink", "suiCircular", "suiBordered", "suiInverted", "suiOutline"], exportAs: ["suiIcon"] }, { kind: "pipe", type: SafeUrlPipe, name: "safeUrl" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputBoolean()
@@ -107,23 +107,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
          [suiIconType]="suiIcon"
          (click)="playVideo()"></i>
 
-      <ng-container *ngIf="suiPlaceHolder">
+      @if (suiPlaceHolder) {
         <img class="placeholder"
              [src]="suiPlaceHolder"/>
-      </ng-container>
+      }
 
-      <ng-container *ngIf="isPLaying">
+      @if (isPLaying) {
         <div class="embed">
           <iframe
             [src]="videoUrl | safeUrl"
             scrolling="no" webkitallowfullscreen="" mozallowfullscreen=""
             allowfullscreen="" width="100%" height="100%" frameborder="0"></iframe>
         </div>
-      </ng-container>
+      }
     </div>
   `
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { suiSource: [{
+        }], propDecorators: { suiSource: [{
                 type: Input
             }], suiAspectRatio: [{
                 type: Input

package/fesm2022/ngx-semantic-modules-embed.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-modules-embed.mjs","sources":["../../src/modules/embed/pipes/safe-url.pipe.ts","../../src/modules/embed/embed.component.ts","../../src/modules/embed/embed.module.ts","../../src/modules/embed/public-api.ts","../../src/modules/embed/ngx-semantic-modules-embed.ts"],"sourcesContent":["/**\n * Created by bolorundurowb on 1/24/2021\n */\n\nimport {Pipe, PipeTransform} from '@angular/core';\nimport {DomSanitizer} from '@angular/platform-browser';\n\n@Pipe({\n  standalone: true,\n  name: 'safeUrl'\n})\nexport class SafeUrlPipe implements PipeTransform {\n  constructor(private sanitizer: DomSanitizer) {\n  }\n\n  public transform(value: string, ...args: any[]): any {\n    return this.sanitizer.bypassSecurityTrustResourceUrl(value);\n  }\n}\n","/**\n * Created by bolorundurowb on 1/24/2021\n */\n\nimport {AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, ViewEncapsulation} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {ClassUtils, InputBoolean} from 'ngx-semantic/core/util';\nimport {SuiIconDirective} from 'ngx-semantic/elements/icon';\nimport {SafeUrlPipe} from './pipes/safe-url.pipe';\n\nexport type SuiEmbedSource = 'youtube' | 'vimeo' | null;\nexport type SuiEmbedAspectRatio = '4:3' | '16:9' | '21:9' | null;\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, SuiIconDirective, SafeUrlPipe],\n  selector: 'sui-embed',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div [ngClass]=\"classes\">\n      <i sui-icon\n         [suiIconType]=\"suiIcon\"\n         (click)=\"playVideo()\"></i>\n\n      <ng-container *ngIf=\"suiPlaceHolder\">\n        <img class=\"placeholder\"\n             [src]=\"suiPlaceHolder\"/>\n      </ng-container>\n\n      <ng-container *ngIf=\"isPLaying\">\n        <div class=\"embed\">\n          <iframe\n            [src]=\"videoUrl | safeUrl\"\n            scrolling=\"no\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\"\n            allowfullscreen=\"\" width=\"100%\" height=\"100%\" frameborder=\"0\"></iframe>\n        </div>\n      </ng-container>\n    </div>\n  `\n})\nexport class SuiEmbedComponent implements AfterViewInit {\n  @Input() public suiSource: SuiEmbedSource = null;\n  @Input() public suiAspectRatio: SuiEmbedAspectRatio = null;\n  @Input() public suiIcon = 'video play';\n  @Input() public suiId: string | number | null = null;\n  @Input() public suiPlaceHolder: string | null = null;\n  @Input() public suiSourceUrl: string | null = null;\n  @Input() @InputBoolean() public suiAutoplay = false;\n\n  public isPLaying = false;\n  public videoUrl = '';\n\n  constructor(private cdr: ChangeDetectorRef) {\n  }\n\n  public ngAfterViewInit(): void {\n    if (this.suiAutoplay) {\n      this.playVideo();\n    }\n  }\n\n  get classes(): string {\n    return [\n      'ui',\n      this.suiAspectRatio,\n      'embed',\n      ClassUtils.getPropClass(this.isPLaying, 'active')\n    ].join(' ');\n  }\n\n  public playVideo(): void {\n    if (this.suiSourceUrl) {\n      this.videoUrl = this.suiSourceUrl;\n    }\n\n    if (this.suiSource === 'vimeo') {\n      this.videoUrl = `//player.vimeo.com/video/${this.suiId}?api=false&autoplay=true&byline=false&color=%23444444&portrait=false&title=false`;\n    }\n\n    if (this.suiSource === 'youtube') {\n      this.videoUrl = `//www.youtube.com/embed/${this.suiId}?autohide=true&autoplay=true&color=%23444444&hq=true&jsapi=false&modestbranding=true`;\n    }\n\n    this.isPLaying = true;\n    this.cdr.detectChanges();\n  }\n}\n","/**\n * Created by bolorundurowb on 1/24/2021\n */\n\nimport {NgModule} from '@angular/core';\nimport {CommonModule} from '@angular/common';\nimport {SuiEmbedComponent} from './embed.component';\nimport {SafeUrlPipe} from './pipes/safe-url.pipe';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiEmbedComponent,\n    SafeUrlPipe\n  ],\n  exports: [\n    SuiEmbedComponent\n  ]\n})\nexport class SuiEmbedModule {\n}\n","/**\n * Created by bolorundurowb on 1/24/2021\n */\n\nexport * from './pipes/safe-url.pipe';\nexport * from './embed.component';\nexport * from './embed.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1"],"mappings":"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"}
+{"version":3,"file":"ngx-semantic-modules-embed.mjs","sources":["../../src/modules/embed/pipes/safe-url.pipe.ts","../../src/modules/embed/embed.component.ts","../../src/modules/embed/embed.module.ts","../../src/modules/embed/public-api.ts","../../src/modules/embed/ngx-semantic-modules-embed.ts"],"sourcesContent":["/**\n * Created by bolorundurowb on 1/24/2021\n */\n\nimport { Pipe, PipeTransform, inject } from '@angular/core';\nimport { DomSanitizer } from '@angular/platform-browser';\n\n@Pipe({\n  standalone: true,\n  name: 'safeUrl'\n})\nexport class SafeUrlPipe implements PipeTransform {\n  private sanitizer = inject(DomSanitizer);\n\n\n  public transform(value: string, ..._args: any[]): any {\n    return this.sanitizer.bypassSecurityTrustResourceUrl(value);\n  }\n}\n","/**\n * Created by bolorundurowb on 1/24/2021\n */\n\nimport { AfterViewInit, ChangeDetectionStrategy, ChangeDetectorRef, Component, Input, ViewEncapsulation, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiIconDirective } from 'ngx-semantic/elements/icon';\nimport { SafeUrlPipe } from './pipes/safe-url.pipe';\n\nexport type SuiEmbedSource = 'youtube' | 'vimeo' | null;\nexport type SuiEmbedAspectRatio = '4:3' | '16:9' | '21:9' | null;\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, SuiIconDirective, SafeUrlPipe],\n  selector: 'sui-embed',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <div [ngClass]=\"classes\">\n      <i sui-icon\n         [suiIconType]=\"suiIcon\"\n         (click)=\"playVideo()\"></i>\n\n      @if (suiPlaceHolder) {\n        <img class=\"placeholder\"\n             [src]=\"suiPlaceHolder\"/>\n      }\n\n      @if (isPLaying) {\n        <div class=\"embed\">\n          <iframe\n            [src]=\"videoUrl | safeUrl\"\n            scrolling=\"no\" webkitallowfullscreen=\"\" mozallowfullscreen=\"\"\n            allowfullscreen=\"\" width=\"100%\" height=\"100%\" frameborder=\"0\"></iframe>\n        </div>\n      }\n    </div>\n  `\n})\nexport class SuiEmbedComponent implements AfterViewInit {\n  private cdr = inject(ChangeDetectorRef);\n\n  @Input() public suiSource: SuiEmbedSource = null;\n  @Input() public suiAspectRatio: SuiEmbedAspectRatio = null;\n  @Input() public suiIcon = 'video play';\n  @Input() public suiId: string | number | null = null;\n  @Input() public suiPlaceHolder: string | null = null;\n  @Input() public suiSourceUrl: string | null = null;\n  @Input() @InputBoolean() public suiAutoplay = false;\n\n  public isPLaying = false;\n  public videoUrl = '';\n\n  public ngAfterViewInit(): void {\n    if (this.suiAutoplay) {\n      this.playVideo();\n    }\n  }\n\n  get classes(): string {\n    return [\n      'ui',\n      this.suiAspectRatio,\n      'embed',\n      ClassUtils.getPropClass(this.isPLaying, 'active')\n    ].join(' ');\n  }\n\n  public playVideo(): void {\n    if (this.suiSourceUrl) {\n      this.videoUrl = this.suiSourceUrl;\n    }\n\n    if (this.suiSource === 'vimeo') {\n      this.videoUrl = `//player.vimeo.com/video/${this.suiId}?api=false&autoplay=true&byline=false&color=%23444444&portrait=false&title=false`;\n    }\n\n    if (this.suiSource === 'youtube') {\n      this.videoUrl = `//www.youtube.com/embed/${this.suiId}?autohide=true&autoplay=true&color=%23444444&hq=true&jsapi=false&modestbranding=true`;\n    }\n\n    this.isPLaying = true;\n    this.cdr.detectChanges();\n  }\n}\n","/**\n * Created by bolorundurowb on 1/24/2021\n */\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SuiEmbedComponent } from './embed.component';\nimport { SafeUrlPipe } from './pipes/safe-url.pipe';\n\n@NgModule({\n  imports: [\n    CommonModule,\n    SuiEmbedComponent,\n    SafeUrlPipe\n  ],\n  exports: [\n    SuiEmbedComponent\n  ]\n})\nexport class SuiEmbedModule {\n}\n","/**\n * Created by bolorundurowb on 1/24/2021\n */\n\nexport * from './pipes/safe-url.pipe';\nexport * from './embed.component';\nexport * from './embed.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-modules-modal.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { HostBinding, Directive, Input, EventEmitter, Output, ViewChild, Inject, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
+import { HostBinding, Directive, Input, inject, Renderer2, ViewContainerRef, EventEmitter, Output, ViewChild, ChangeDetectionStrategy, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
 import * as i1 from '@angular/common';
@@ -128,10 +128,10 @@ class SuiModalComponent {
             return '';
         }
     }
-    constructor(document, renderer, viewRef) {
-        this.document = document;
-        this.renderer = renderer;
-        this.viewRef = viewRef;
+    constructor() {
+        this.document = inject(DOCUMENT);
+        this.renderer = inject(Renderer2);
+        this.viewRef = inject(ViewContainerRef);
         this.suiHeaderText = null;
         this.suiHeaderIcon = null;
         this.suiSize = null;
@@ -223,33 +223,34 @@ class SuiModalComponent {
             this.visible = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiModalComponent, deps: [{ token: DOCUMENT }, { token: i0.Renderer2 }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SuiModalComponent, isStandalone: true, selector: "sui-modal", inputs: { suiHeaderText: "suiHeaderText", suiHeaderIcon: "suiHeaderIcon", suiSize: "suiSize", suiScroll: "suiScroll", suiBasic: "suiBasic", suiClosable: "suiClosable", suiCentered: "suiCentered", suiBlurring: "suiBlurring", suiFullScreen: "suiFullScreen", suiMaskClosable: "suiMaskClosable", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], ngImport: i0, template: `
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: SuiModalComponent, isStandalone: true, selector: "sui-modal", inputs: { suiHeaderText: "suiHeaderText", suiHeaderIcon: "suiHeaderIcon", suiSize: "suiSize", suiScroll: "suiScroll", suiBasic: "suiBasic", suiClosable: "suiClosable", suiCentered: "suiCentered", suiBlurring: "suiBlurring", suiFullScreen: "suiFullScreen", suiMaskClosable: "suiMaskClosable", visible: "visible" }, outputs: { visibleChange: "visibleChange" }, viewQueries: [{ propertyName: "contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], ngImport: i0, template: `
     <ng-template #contentTemplate>
       <div style="display: block !important;"
            [ngClass]="classes">
-        <ng-container *ngIf="suiClosable">
-          <i *ngIf="!suiBasic"
-             sui-icon
-             suiIconType="close"
-             (click)="visible = false;"></i>
-        </ng-container>
+        @if (suiClosable) {
+          @if (!suiBasic) {
+            <i sui-icon
+               suiIconType="close"
+               (click)="visible = false;"></i>
+          }
+        }
 
-        <ng-container *ngIf="suiHeaderText || suiHeaderIcon">
+        @if (suiHeaderText || suiHeaderIcon) {
           <div [class.ui]="!!suiHeaderIcon"
                [class.icon]="!!suiHeaderIcon"
                [class.header]="true">
-            <ng-container *ngIf="suiHeaderIcon">
+            @if (suiHeaderIcon) {
               <i sui-icon
                  [suiIconType]="suiHeaderIcon"></i>
-            </ng-container>
+            }
             {{suiHeaderText}}
           </div>
-        </ng-container>
+        }
         <ng-content></ng-content>
       </div>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: SuiIconDirective, selector: "i[sui-icon]", inputs: ["suiSize", "suiFlip", "suiRotation", "suiColour", "suiCorner", "suiIconType", "disabled", "suiLoading", "suiFitted", "suiLink", "suiCircular", "suiBordered", "suiInverted", "suiOutline"], exportAs: ["suiIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: SuiIconDirective, selector: "i[sui-icon]", inputs: ["suiSize", "suiFlip", "suiRotation", "suiColour", "suiCorner", "suiIconType", "disabled", "suiLoading", "suiFitted", "suiLink", "suiCircular", "suiBordered", "suiInverted", "suiOutline"], exportAs: ["suiIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputBoolean()
@@ -281,33 +282,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
     <ng-template #contentTemplate>
       <div style="display: block !important;"
            [ngClass]="classes">
-        <ng-container *ngIf="suiClosable">
-          <i *ngIf="!suiBasic"
-             sui-icon
-             suiIconType="close"
-             (click)="visible = false;"></i>
-        </ng-container>
+        @if (suiClosable) {
+          @if (!suiBasic) {
+            <i sui-icon
+               suiIconType="close"
+               (click)="visible = false;"></i>
+          }
+        }
 
-        <ng-container *ngIf="suiHeaderText || suiHeaderIcon">
+        @if (suiHeaderText || suiHeaderIcon) {
           <div [class.ui]="!!suiHeaderIcon"
                [class.icon]="!!suiHeaderIcon"
                [class.header]="true">
-            <ng-container *ngIf="suiHeaderIcon">
+            @if (suiHeaderIcon) {
               <i sui-icon
                  [suiIconType]="suiHeaderIcon"></i>
-            </ng-container>
+            }
             {{suiHeaderText}}
           </div>
-        </ng-container>
+        }
         <ng-content></ng-content>
       </div>
     </ng-template>
   `
                 }]
-        }], ctorParameters: () => [{ type: Document, decorators: [{
-                    type: Inject,
-                    args: [DOCUMENT]
-                }] }, { type: i0.Renderer2 }, { type: i0.ViewContainerRef }], propDecorators: { contentTemplate: [{
+        }], ctorParameters: () => [], propDecorators: { contentTemplate: [{
                 type: ViewChild,
                 args: ['contentTemplate', { static: true }]
             }], suiHeaderText: [{

package/fesm2022/ngx-semantic-modules-modal.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-modules-modal.mjs","sources":["../../src/modules/modal/modal-actions.directive.ts","../../src/modules/modal/modal-content.directive.ts","../../src/modules/modal/modal-description.directive.ts","../../src/modules/modal/modal.component.ts","../../src/modules/modal/modal.module.ts","../../src/modules/modal/public-api.ts","../../src/modules/modal/ngx-semantic-modules-modal.ts"],"sourcesContent":["/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[suiModalActions]',\n  exportAs: 'suiModalActions'\n})\nexport class SuiModalActionsDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'actions';\n  }\n}\n","/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nimport { Directive, HostBinding, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\n\n@Directive({\n  standalone: true,\n  selector: '[suiModalContent]',\n  exportAs: 'suiModalContent'\n})\nexport class SuiModalContentDirective {\n  @Input() @InputBoolean() public suiImage = false;\n  @Input() @InputBoolean() public suiScrollable = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      ClassUtils.getPropClass(this.suiScrollable, 'scrolling'),\n      ClassUtils.getPropClass(this.suiImage, 'image'),\n      'content'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[suiModalDescription]',\n  exportAs: 'suiModalDescription'\n})\nexport class SuiModalDescriptionDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'description';\n  }\n}\n","/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nimport {\n  ChangeDetectionStrategy, Component,\n  EventEmitter, Inject,\n  Input, OnDestroy, Output,\n  Renderer2, TemplateRef,\n  ViewChild, ViewContainerRef,\n  ViewEncapsulation\n} from '@angular/core';\nimport {CommonModule, DOCUMENT} from '@angular/common';\nimport {ClassUtils, InputBoolean} from 'ngx-semantic/core/util';\nimport {SuiIconDirective} from 'ngx-semantic/elements/icon';\n\nexport type SuiModalSize = 'mini' | 'tiny' | 'small' | 'large' | null;\nexport type SuiModalScrollability = 'full' | 'medium' | 'none';\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, SuiIconDirective],\n  selector: 'sui-modal',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <ng-template #contentTemplate>\n      <div style=\"display: block !important;\"\n           [ngClass]=\"classes\">\n        <ng-container *ngIf=\"suiClosable\">\n          <i *ngIf=\"!suiBasic\"\n             sui-icon\n             suiIconType=\"close\"\n             (click)=\"visible = false;\"></i>\n        </ng-container>\n\n        <ng-container *ngIf=\"suiHeaderText || suiHeaderIcon\">\n          <div [class.ui]=\"!!suiHeaderIcon\"\n               [class.icon]=\"!!suiHeaderIcon\"\n               [class.header]=\"true\">\n            <ng-container *ngIf=\"suiHeaderIcon\">\n              <i sui-icon\n                 [suiIconType]=\"suiHeaderIcon\"></i>\n            </ng-container>\n            {{suiHeaderText}}\n          </div>\n        </ng-container>\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n  `\n})\nexport class SuiModalComponent implements OnDestroy {\n  @ViewChild('contentTemplate', {static: true}) public contentTemplate!: TemplateRef<any>;\n\n  @Input() public suiHeaderText: string | null = null;\n  @Input() public suiHeaderIcon: string | null = null;\n  @Input() public suiSize: SuiModalSize = null;\n  @Input() public suiScroll: SuiModalScrollability = 'none';\n  @Input() @InputBoolean() public suiBasic = false;\n  @Input() @InputBoolean() public suiClosable = true;\n  @Input() @InputBoolean() public suiCentered = true;\n  @Input() @InputBoolean() public suiBlurring = false;\n  @Input() @InputBoolean() public suiFullScreen = false;\n  @Input() @InputBoolean() public suiMaskClosable = true;\n  @Output() public visibleChange = new EventEmitter<boolean>();\n\n  private readonly uniqueId: number;\n  private _visible = false;\n  private _modalDomRef: HTMLElement | null = null;\n  private clickListener: (() => void) | null = null;\n\n  @Input()\n  get visible(): boolean {\n    return this._visible;\n  }\n\n  set visible(isVisible: boolean) {\n    if (isVisible) {\n      this.showModal();\n    } else {\n      this.hideModal();\n    }\n\n    this._visible = isVisible;\n    this.visibleChange.emit(isVisible);\n  }\n\n  get classes(): string {\n    return [\n      'ui',\n      this.suiSize,\n      ClassUtils.getPropClass(this.suiBasic, 'basic'),\n      ClassUtils.getPropClass(this.suiFullScreen, 'fullscreen'),\n      this.scrollClass,\n      'modal',\n      'transition',\n      'visible',\n      'active'\n    ].join(' ');\n  }\n\n  /**\n   * In all wisdom, semantic-ui decided that 'longer' would be shorter than 'long', go figure\n   */\n  get scrollClass(): string {\n    if (this.suiScroll === 'full') {\n      return 'long';\n    } else if (this.suiScroll === 'medium') {\n      return 'longer';\n    } else {\n      return '';\n    }\n  }\n\n  constructor(@Inject(DOCUMENT) private document: Document, private renderer: Renderer2,\n              private viewRef: ViewContainerRef) {\n    this.uniqueId = Math.ceil(Math.random() * 100000000);\n  }\n\n  public ngOnDestroy(): void {\n    const container = this.getModalFromDom();\n    if (container) {\n      this.renderer.removeChild(this.document.body, container);\n\n      // if blurring, remove classes from the body\n      if (this.suiBlurring) {\n        this.renderer.removeClass(this.document.body, 'dimmable');\n      }\n    }\n  }\n\n  showModal(): void {\n    if (!this.isModalInDom()) {\n      this.generateDomElement();\n    }\n\n    if (!this._modalDomRef) {\n      return;\n    }\n\n    // insert necessary classes to show the modal\n    this.renderer.setProperty(this._modalDomRef, 'style', 'display: flex !important;');\n    this.renderer.addClass(this._modalDomRef, 'visible');\n    this.renderer.addClass(this._modalDomRef, 'active');\n\n    // if blurring, add classes to the body\n    if (this.suiBlurring) {\n      this.renderer.addClass(this.document.body, 'dimmable');\n      this.renderer.addClass(this.document.body, 'blurring');\n      this.renderer.addClass(this.document.body, 'dimmed');\n    }\n  }\n\n  hideModal(): void {\n    if (this._modalDomRef) {\n      // remove necessary classes to hide the modal\n      this.renderer.removeAttribute(this._modalDomRef, 'style');\n      this.renderer.removeClass(this._modalDomRef, 'visible');\n      this.renderer.removeClass(this._modalDomRef, 'active');\n\n      // if blurring, remove classes from the body\n      if (this.suiBlurring) {\n        this.renderer.removeClass(this.document.body, 'blurring');\n        this.renderer.removeClass(this.document.body, 'dimmed');\n      }\n    }\n  }\n\n  private generateDomElement(): void {\n    const container = this.renderer.createElement('div');\n    this.renderer.setAttribute(container, 'id', this.uniqueId.toString());\n    const containerStyle = 'ui dimmer modals page' + (this.suiCentered ? '' : ' top aligned') + ' transition';\n    this.renderer.setAttribute(container, 'class', containerStyle);\n\n    // render the modal contents\n    const content = this.viewRef.createEmbeddedView(this.contentTemplate);\n    content.detectChanges();\n    for (const node of content.rootNodes) {\n      this.renderer.appendChild(container, node);\n    }\n\n    // set the class properties\n    this._modalDomRef = container;\n\n    // set the click listener\n    this.clickListener = this.renderer.listen(this._modalDomRef, 'click', (event) => {\n      const targetId = event.target.id;\n      if (targetId === this.uniqueId.toString()) {\n        this.onClick();\n      }\n    });\n\n    // insert the generated html into the DOM\n    this.renderer.appendChild(this.document.body, this._modalDomRef);\n  }\n\n  private isModalInDom(): boolean {\n    return !!this.getModalFromDom();\n  }\n\n  private getModalFromDom(): HTMLElement | null {\n    return this.document.getElementById(String(this.uniqueId));\n  }\n\n  private onClick(): void {\n    if (this.suiMaskClosable) {\n      this.visible = false;\n    }\n  }\n}\n","/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SuiModalComponent } from './modal.component';\nimport { SuiModalActionsDirective } from './modal-actions.directive';\nimport { SuiModalContentDirective } from './modal-content.directive';\nimport { SuiModalDescriptionDirective } from './modal-description.directive';\n\n@NgModule({\n  exports: [\n    SuiModalComponent,\n    SuiModalActionsDirective,\n    SuiModalContentDirective,\n    SuiModalDescriptionDirective\n  ],\n  imports: [\n    CommonModule,\n    SuiModalComponent,\n    SuiModalActionsDirective,\n    SuiModalContentDirective,\n    SuiModalDescriptionDirective\n  ]\n})\nexport class SuiModalModule {\n}\n","/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nexport * from './modal-actions.directive';\nexport * from './modal-content.directive';\nexport * from './modal-description.directive';\nexport * from './modal.component';\nexport * from './modal.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-modules-modal.mjs","sources":["../../src/modules/modal/modal-actions.directive.ts","../../src/modules/modal/modal-content.directive.ts","../../src/modules/modal/modal-description.directive.ts","../../src/modules/modal/modal.component.ts","../../src/modules/modal/modal.module.ts","../../src/modules/modal/public-api.ts","../../src/modules/modal/ngx-semantic-modules-modal.ts"],"sourcesContent":["/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[suiModalActions]',\n  exportAs: 'suiModalActions'\n})\nexport class SuiModalActionsDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'actions';\n  }\n}\n","/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nimport { Directive, HostBinding, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\n\n@Directive({\n  standalone: true,\n  selector: '[suiModalContent]',\n  exportAs: 'suiModalContent'\n})\nexport class SuiModalContentDirective {\n  @Input() @InputBoolean() public suiImage = false;\n  @Input() @InputBoolean() public suiScrollable = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      ClassUtils.getPropClass(this.suiScrollable, 'scrolling'),\n      ClassUtils.getPropClass(this.suiImage, 'image'),\n      'content'\n    ].join(' ');\n  }\n}\n","/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nimport { Directive, HostBinding } from '@angular/core';\n\n@Directive({\n  standalone: true,\n  selector: '[suiModalDescription]',\n  exportAs: 'suiModalDescription'\n})\nexport class SuiModalDescriptionDirective {\n  @HostBinding('class')\n  get classes(): string {\n    return 'description';\n  }\n}\n","/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nimport { ChangeDetectionStrategy, Component, EventEmitter, Input, OnDestroy, Output, Renderer2, TemplateRef, ViewChild, ViewContainerRef, ViewEncapsulation, inject } from '@angular/core';\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiIconDirective } from 'ngx-semantic/elements/icon';\n\nexport type SuiModalSize = 'mini' | 'tiny' | 'small' | 'large' | null;\nexport type SuiModalScrollability = 'full' | 'medium' | 'none';\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, SuiIconDirective],\n  selector: 'sui-modal',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  template: `\n    <ng-template #contentTemplate>\n      <div style=\"display: block !important;\"\n           [ngClass]=\"classes\">\n        @if (suiClosable) {\n          @if (!suiBasic) {\n            <i sui-icon\n               suiIconType=\"close\"\n               (click)=\"visible = false;\"></i>\n          }\n        }\n\n        @if (suiHeaderText || suiHeaderIcon) {\n          <div [class.ui]=\"!!suiHeaderIcon\"\n               [class.icon]=\"!!suiHeaderIcon\"\n               [class.header]=\"true\">\n            @if (suiHeaderIcon) {\n              <i sui-icon\n                 [suiIconType]=\"suiHeaderIcon\"></i>\n            }\n            {{suiHeaderText}}\n          </div>\n        }\n        <ng-content></ng-content>\n      </div>\n    </ng-template>\n  `\n})\nexport class SuiModalComponent implements OnDestroy {\n  private document = inject<Document>(DOCUMENT);\n  private renderer = inject(Renderer2);\n  private viewRef = inject(ViewContainerRef);\n\n  @ViewChild('contentTemplate', { static: true }) public contentTemplate!: TemplateRef<any>;\n\n  @Input() public suiHeaderText: string | null = null;\n  @Input() public suiHeaderIcon: string | null = null;\n  @Input() public suiSize: SuiModalSize = null;\n  @Input() public suiScroll: SuiModalScrollability = 'none';\n  @Input() @InputBoolean() public suiBasic = false;\n  @Input() @InputBoolean() public suiClosable = true;\n  @Input() @InputBoolean() public suiCentered = true;\n  @Input() @InputBoolean() public suiBlurring = false;\n  @Input() @InputBoolean() public suiFullScreen = false;\n  @Input() @InputBoolean() public suiMaskClosable = true;\n  @Output() public visibleChange = new EventEmitter<boolean>();\n\n  private readonly uniqueId: number;\n  private _visible = false;\n  private _modalDomRef: HTMLElement | null = null;\n  private clickListener: (() => void) | null = null;\n\n  @Input()\n  get visible(): boolean {\n    return this._visible;\n  }\n\n  set visible(isVisible: boolean) {\n    if (isVisible) {\n      this.showModal();\n    } else {\n      this.hideModal();\n    }\n\n    this._visible = isVisible;\n    this.visibleChange.emit(isVisible);\n  }\n\n  get classes(): string {\n    return [\n      'ui',\n      this.suiSize,\n      ClassUtils.getPropClass(this.suiBasic, 'basic'),\n      ClassUtils.getPropClass(this.suiFullScreen, 'fullscreen'),\n      this.scrollClass,\n      'modal',\n      'transition',\n      'visible',\n      'active'\n    ].join(' ');\n  }\n\n  /**\n   * In all wisdom, semantic-ui decided that 'longer' would be shorter than 'long', go figure\n   */\n  get scrollClass(): string {\n    if (this.suiScroll === 'full') {\n      return 'long';\n    } else if (this.suiScroll === 'medium') {\n      return 'longer';\n    } else {\n      return '';\n    }\n  }\n\n  constructor() {\n    this.uniqueId = Math.ceil(Math.random() * 100000000);\n  }\n\n  public ngOnDestroy(): void {\n    const container = this.getModalFromDom();\n    if (container) {\n      this.renderer.removeChild(this.document.body, container);\n\n      // if blurring, remove classes from the body\n      if (this.suiBlurring) {\n        this.renderer.removeClass(this.document.body, 'dimmable');\n      }\n    }\n  }\n\n  showModal(): void {\n    if (!this.isModalInDom()) {\n      this.generateDomElement();\n    }\n\n    if (!this._modalDomRef) {\n      return;\n    }\n\n    // insert necessary classes to show the modal\n    this.renderer.setProperty(this._modalDomRef, 'style', 'display: flex !important;');\n    this.renderer.addClass(this._modalDomRef, 'visible');\n    this.renderer.addClass(this._modalDomRef, 'active');\n\n    // if blurring, add classes to the body\n    if (this.suiBlurring) {\n      this.renderer.addClass(this.document.body, 'dimmable');\n      this.renderer.addClass(this.document.body, 'blurring');\n      this.renderer.addClass(this.document.body, 'dimmed');\n    }\n  }\n\n  hideModal(): void {\n    if (this._modalDomRef) {\n      // remove necessary classes to hide the modal\n      this.renderer.removeAttribute(this._modalDomRef, 'style');\n      this.renderer.removeClass(this._modalDomRef, 'visible');\n      this.renderer.removeClass(this._modalDomRef, 'active');\n\n      // if blurring, remove classes from the body\n      if (this.suiBlurring) {\n        this.renderer.removeClass(this.document.body, 'blurring');\n        this.renderer.removeClass(this.document.body, 'dimmed');\n      }\n    }\n  }\n\n  private generateDomElement(): void {\n    const container = this.renderer.createElement('div');\n    this.renderer.setAttribute(container, 'id', this.uniqueId.toString());\n    const containerStyle = 'ui dimmer modals page' + (this.suiCentered ? '' : ' top aligned') + ' transition';\n    this.renderer.setAttribute(container, 'class', containerStyle);\n\n    // render the modal contents\n    const content = this.viewRef.createEmbeddedView(this.contentTemplate);\n    content.detectChanges();\n    for (const node of content.rootNodes) {\n      this.renderer.appendChild(container, node);\n    }\n\n    // set the class properties\n    this._modalDomRef = container;\n\n    // set the click listener\n    this.clickListener = this.renderer.listen(this._modalDomRef, 'click', (event) => {\n      const targetId = event.target.id;\n      if (targetId === this.uniqueId.toString()) {\n        this.onClick();\n      }\n    });\n\n    // insert the generated html into the DOM\n    this.renderer.appendChild(this.document.body, this._modalDomRef);\n  }\n\n  private isModalInDom(): boolean {\n    return !!this.getModalFromDom();\n  }\n\n  private getModalFromDom(): HTMLElement | null {\n    return this.document.getElementById(String(this.uniqueId));\n  }\n\n  private onClick(): void {\n    if (this.suiMaskClosable) {\n      this.visible = false;\n    }\n  }\n}\n","/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { SuiModalComponent } from './modal.component';\nimport { SuiModalActionsDirective } from './modal-actions.directive';\nimport { SuiModalContentDirective } from './modal-content.directive';\nimport { SuiModalDescriptionDirective } from './modal-description.directive';\n\n@NgModule({\n  exports: [\n    SuiModalComponent,\n    SuiModalActionsDirective,\n    SuiModalContentDirective,\n    SuiModalDescriptionDirective\n  ],\n  imports: [\n    CommonModule,\n    SuiModalComponent,\n    SuiModalActionsDirective,\n    SuiModalContentDirective,\n    SuiModalDescriptionDirective\n  ]\n})\nexport class SuiModalModule {\n}\n","/**\n * Created by bolorundurowb on 1/22/2021\n */\n\nexport * from './modal-actions.directive';\nexport * from './modal-content.directive';\nexport * from './modal-description.directive';\nexport * from './modal.component';\nexport * from './modal.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-modules-popup.mjs

@@ -1,12 +1,11 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { TemplateRef, Input, ViewEncapsulation, Component, HostListener, Directive, NgModule } from '@angular/core';
+import { TemplateRef, Input, ViewEncapsulation, Component, inject, ElementRef, HostListener, Directive, NgModule } from '@angular/core';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
 import { ComponentPortal } from '@angular/cdk/portal';
-import * as i1$1 from '@angular/cdk/overlay';
-import { OverlayModule } from '@angular/cdk/overlay';
+import { Overlay, OverlayPositionBuilder, OverlayModule } from '@angular/cdk/overlay';
 
 class SuiPopupComponent {
     constructor() {
@@ -42,26 +41,26 @@ class SuiPopupComponent {
         return this.suiContent instanceof TemplateRef;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiPopupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SuiPopupComponent, isStandalone: true, selector: "sui-popup", inputs: { suiPlacement: "suiPlacement", suiWidth: "suiWidth", suiSize: "suiSize", suiTitle: "suiTitle", suiContent: "suiContent", suiInverted: "suiInverted", suiFluid: "suiFluid", suiFlowing: "suiFlowing", suiBasic: "suiBasic" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: SuiPopupComponent, isStandalone: true, selector: "sui-popup", inputs: { suiPlacement: "suiPlacement", suiWidth: "suiWidth", suiSize: "suiSize", suiTitle: "suiTitle", suiContent: "suiContent", suiInverted: "suiInverted", suiFluid: "suiFluid", suiFlowing: "suiFlowing", suiBasic: "suiBasic" }, ngImport: i0, template: `
     <div style="position: unset !important;"
          [ngClass]="classes">
-      <ng-container *ngIf="suiTitle">
+      @if (suiTitle) {
         <div class="header">
           {{ suiTitle }}
         </div>
-      </ng-container>
+      }
 
       <div class="content">
-        <ng-container *ngIf="isString">
+        @if (isString) {
           {{ suiContent }}
-        </ng-container>
+        }
 
-        <ng-container *ngIf="isTemplate">
+        @if (isTemplate) {
           <ng-container *ngTemplateOutlet="suiContent"></ng-container>
-        </ng-container>
+        }
       </div>
     </div>
-  `, isInline: true, styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputBoolean()
@@ -80,20 +79,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
             args: [{ standalone: true, imports: [CommonModule], selector: 'sui-popup', encapsulation: ViewEncapsulation.None, template: `
     <div style="position: unset !important;"
          [ngClass]="classes">
-      <ng-container *ngIf="suiTitle">
+      @if (suiTitle) {
         <div class="header">
           {{ suiTitle }}
         </div>
-      </ng-container>
+      }
 
       <div class="content">
-        <ng-container *ngIf="isString">
+        @if (isString) {
           {{ suiContent }}
-        </ng-container>
+        }
 
-        <ng-container *ngIf="isTemplate">
+        @if (isTemplate) {
           <ng-container *ngTemplateOutlet="suiContent"></ng-container>
-        </ng-container>
+        }
       </div>
     </div>
   `, styles: [".cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}.cdk-overlay-dark-backdrop{background:#00000052}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}\n"] }]
@@ -118,10 +117,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
             }] } });
 
 class SuiPopupDirective {
-    constructor(elementRef, overlay, positionBuilder) {
-        this.elementRef = elementRef;
-        this.overlay = overlay;
-        this.positionBuilder = positionBuilder;
+    constructor() {
+        this.elementRef = inject(ElementRef);
+        this.overlay = inject(Overlay);
+        this.positionBuilder = inject(OverlayPositionBuilder);
         this.suiPopupPlacement = 'top left';
         this.suiPopupTrigger = 'hover';
         this.suiPopupWidth = null;
@@ -235,7 +234,7 @@ class SuiPopupDirective {
             this._overlayRef?.detach();
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiPopupDirective, deps: [{ token: i0.ElementRef }, { token: i1$1.Overlay }, { token: i1$1.OverlayPositionBuilder }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiPopupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.7", type: SuiPopupDirective, isStandalone: true, selector: "[sui-popup]", inputs: { suiPopupPlacement: "suiPopupPlacement", suiPopupTrigger: "suiPopupTrigger", suiPopupWidth: "suiPopupWidth", suiPopupSize: "suiPopupSize", suiPopupTitle: "suiPopupTitle", suiPopupContent: "suiPopupContent", suiPopupInverted: "suiPopupInverted", suiPopupFluid: "suiPopupFluid", suiPopupFlowing: "suiPopupFlowing", suiPopupBasic: "suiPopupBasic" }, host: { listeners: { "click": "onClick()", "document:click": "onPageClick($event)", "mouseover": "onHover()", "mouseleave": "onLeave()" } }, exportAs: ["suiPopup"], ngImport: i0 }); }
 }
 __decorate([
@@ -257,7 +256,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
                     selector: '[sui-popup]',
                     exportAs: 'suiPopup'
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i1$1.Overlay }, { type: i1$1.OverlayPositionBuilder }], propDecorators: { suiPopupPlacement: [{
+        }], propDecorators: { suiPopupPlacement: [{
                 type: Input
             }], suiPopupTrigger: [{
                 type: Input