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

package/fesm2022/ngx-semantic-modules-select.mjs

@@ -1,9 +1,8 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { HostBinding, Input, Directive, EventEmitter, forwardRef, HostListener, Output, ViewChild, ViewEncapsulation, Component, NgModule } from '@angular/core';
-import * as i1 from '@angular/common';
+import { HostBinding, Input, Directive, inject, ChangeDetectorRef, EventEmitter, forwardRef, HostListener, Output, ViewChild, ViewEncapsulation, Component, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
-import * as i2 from '@angular/forms';
+import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 import { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';
 
@@ -103,6 +102,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
             }] } });
 
 class SuiSelectComponent {
+    constructor() {
+        this.changeDetectorRef = inject(ChangeDetectorRef);
+        this.suiSelectionChanged = new EventEmitter();
+        this.suiPlaceholder = null;
+        this.suiSearch = false;
+        this.suiFluid = false;
+        this.suiInline = false;
+        this.suiLoading = false;
+        this.suiError = false;
+        this.disabled = false;
+        this.suiScrolling = false;
+        this.suiCompact = false;
+        this.name = null;
+        this.suiMultiple = false;
+        this.isOpen = false;
+        this.isSearching = false;
+        this.selectedValues = [];
+        this.searchTerm = '';
+        this.allOptions = [];
+        this.filteredOptions = [];
+        this.selectedOption = undefined;
+        this.selectedOptions = [];
+        this.controlValueChangeFn = () => {
+        };
+    }
     set suiOptions(options) {
         this.allOptions = this.filteredOptions = options;
     }
@@ -130,31 +154,6 @@ class SuiSelectComponent {
             ClassUtils.getPropClass(this.suiError, 'error')
         ]);
     }
-    constructor(changeDetectorRef) {
-        this.changeDetectorRef = changeDetectorRef;
-        this.suiSelectionChanged = new EventEmitter();
-        this.suiPlaceholder = null;
-        this.suiSearch = false;
-        this.suiFluid = false;
-        this.suiInline = false;
-        this.suiLoading = false;
-        this.suiError = false;
-        this.disabled = false;
-        this.suiScrolling = false;
-        this.suiCompact = false;
-        this.name = null;
-        this.suiMultiple = false;
-        this.isOpen = false;
-        this.isSearching = false;
-        this.selectedValues = [];
-        this.searchTerm = '';
-        this.allOptions = [];
-        this.filteredOptions = [];
-        this.selectedOption = undefined;
-        this.selectedOptions = [];
-        this.controlValueChangeFn = () => {
-        };
-    }
     get multiple() {
         return this.suiMultiple ? '' : undefined;
     }
@@ -271,8 +270,8 @@ class SuiSelectComponent {
     setDisabledState(isDisabled) {
         this.disabled = isDisabled;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSelectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SuiSelectComponent, isStandalone: true, selector: "sui-select", inputs: { suiPlaceholder: "suiPlaceholder", suiSearch: "suiSearch", suiFluid: "suiFluid", suiInline: "suiInline", suiLoading: "suiLoading", suiError: "suiError", disabled: "disabled", suiScrolling: "suiScrolling", suiCompact: "suiCompact", name: "name", suiMultiple: "suiMultiple", suiOptions: "suiOptions" }, outputs: { suiSelectionChanged: "suiSelectionChanged" }, host: { listeners: { "click": "onClick()" }, properties: { "tabindex": "this.tabIndex", "class": "this.classes" } }, providers: [{
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.7", type: SuiSelectComponent, isStandalone: true, selector: "sui-select", inputs: { suiPlaceholder: "suiPlaceholder", suiSearch: "suiSearch", suiFluid: "suiFluid", suiInline: "suiInline", suiLoading: "suiLoading", suiError: "suiError", disabled: "disabled", suiScrolling: "suiScrolling", suiCompact: "suiCompact", name: "name", suiMultiple: "suiMultiple", suiOptions: "suiOptions" }, outputs: { suiSelectionChanged: "suiSelectionChanged" }, host: { listeners: { "click": "onClick()" }, properties: { "tabindex": "this.tabIndex", "class": "this.classes" } }, providers: [{
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => SuiSelectComponent),
                 multi: true
@@ -280,94 +279,94 @@ class SuiSelectComponent {
     <i class="dropdown icon"></i>
 
     <!-- Multiple Select Display -->
-    <ng-container *ngIf="suiMultiple">
-      <ng-container *ngFor="let option of selectedOptions">
+    @if (suiMultiple) {
+      @for (option of selectedOptions; track option) {
         <a class="ui label transition visible"
            style="display: inline-block !important;">
-          <ng-container *ngIf="option.image">
+          @if (option.image) {
             <img class="ui mini image"
                  alt="Dropdown option image"
                  [class.avatar]="option.image.avatar"
                  [src]="option.image.src"/>
-          </ng-container>
-          <ng-container *ngIf="option.flag">
+          }
+          @if (option.flag) {
             <i [className]="'flag ' + option.flag"></i>
-          </ng-container>
+          }
 
           {{ option.text }}
 
           <i class="delete icon"
              (click)="removeSelection(option, $event)"></i>
         </a>
-      </ng-container>
+      }
 
       <div class="default text">{{ suiPlaceholder }}</div>
-    </ng-container>
+    }
 
     <!-- Search Section -->
-    <ng-container *ngIf="suiSearch">
+    @if (suiSearch) {
       <input class="search"
              autocomplete="off"
              tabindex="0"
              [(ngModel)]="searchTerm"
              (focus)="onClick()"
              (keyup)="onSearch()">
-    </ng-container>
+    }
 
     <!-- Display Section -->
-    <ng-container *ngIf="!suiMultiple">
+    @if (!suiMultiple) {
       <div
         [class.default]="isDefaultText"
         [class.filtered]="isFilteredText"
         [class.text]="true">
-        <ng-container *ngIf="selectedOption">
-          <ng-container *ngIf="selectedOption.image">
+        @if (selectedOption) {
+          @if (selectedOption.image) {
             <img class="ui mini image"
                  alt="Dropdown option image"
                  [class.avatar]="selectedOption.image.avatar"
                  [src]="selectedOption.image.src"/>
-          </ng-container>
-          <ng-container *ngIf="selectedOption.flag">
+          }
+          @if (selectedOption.flag) {
             <i [className]="'flag ' + selectedOption.flag"></i>
-          </ng-container>
+          }
 
           {{ selectedOption.text }}
-        </ng-container>
+        }
 
-        <ng-container *ngIf="!selectedOption">
+        @if (!selectedOption) {
           {{ suiPlaceholder }}
-        </ng-container>
+        }
       </div>
-    </ng-container>
+    }
 
     <!-- Drop Down Menu Section -->
     <div suiSelectMenu>
-      <ng-container *ngFor="let option of filteredOptions">
+      @for (option of filteredOptions; track option) {
         <div suiSelectMenuItem
              [suiValue]="option.value"
              [suiSelected]="isActive(option)"
              [suiMultiple]="suiMultiple"
              (click)="onItemClick(option, $event)">
-          <ng-container *ngIf="option.image">
+          @if (option.image) {
             <img class="ui mini image"
                  alt="Dropdown option image"
                  [class.avatar]="option.image.avatar"
                  [src]="option.image.src"/>
-          </ng-container>
-          <ng-container *ngIf="option.flag">
+          }
+          @if (option.flag) {
             <i [className]="'flag ' + option.flag"></i>
-          </ng-container>
+          }
           {{ option.text }}
         </div>
-      </ng-container>
-      <ng-container *ngIf="hasNoSearchResults()">
+      }
+      @if (hasNoSearchResults()) {
         <div class="message"
              (click)="$event.stopPropagation()">
           No results found.
         </div>
-      </ng-container>
+      }
     </div>
-  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SuiSelectMenuDirective, selector: "[suiSelectMenu]", inputs: ["suiDirection", "suiScrolling", "suiIsOpen"] }, { kind: "directive", type: SuiSelectMenuItemDirective, selector: "[suiSelectMenuItem]", inputs: ["suiValue", "suiSelected", "suiMultiple"] }], encapsulation: i0.ViewEncapsulation.None }); }
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SuiSelectMenuDirective, selector: "[suiSelectMenu]", inputs: ["suiDirection", "suiScrolling", "suiIsOpen"] }, { kind: "directive", type: SuiSelectMenuItemDirective, selector: "[suiSelectMenuItem]", inputs: ["suiValue", "suiSelected", "suiMultiple"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
 __decorate([
     InputBoolean()
@@ -410,92 +409,92 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
     <i class="dropdown icon"></i>
 
     <!-- Multiple Select Display -->
-    <ng-container *ngIf="suiMultiple">
-      <ng-container *ngFor="let option of selectedOptions">
+    @if (suiMultiple) {
+      @for (option of selectedOptions; track option) {
         <a class="ui label transition visible"
            style="display: inline-block !important;">
-          <ng-container *ngIf="option.image">
+          @if (option.image) {
             <img class="ui mini image"
                  alt="Dropdown option image"
                  [class.avatar]="option.image.avatar"
                  [src]="option.image.src"/>
-          </ng-container>
-          <ng-container *ngIf="option.flag">
+          }
+          @if (option.flag) {
             <i [className]="'flag ' + option.flag"></i>
-          </ng-container>
+          }
 
           {{ option.text }}
 
           <i class="delete icon"
              (click)="removeSelection(option, $event)"></i>
         </a>
-      </ng-container>
+      }
 
       <div class="default text">{{ suiPlaceholder }}</div>
-    </ng-container>
+    }
 
     <!-- Search Section -->
-    <ng-container *ngIf="suiSearch">
+    @if (suiSearch) {
       <input class="search"
              autocomplete="off"
              tabindex="0"
              [(ngModel)]="searchTerm"
              (focus)="onClick()"
              (keyup)="onSearch()">
-    </ng-container>
+    }
 
     <!-- Display Section -->
-    <ng-container *ngIf="!suiMultiple">
+    @if (!suiMultiple) {
       <div
         [class.default]="isDefaultText"
         [class.filtered]="isFilteredText"
         [class.text]="true">
-        <ng-container *ngIf="selectedOption">
-          <ng-container *ngIf="selectedOption.image">
+        @if (selectedOption) {
+          @if (selectedOption.image) {
             <img class="ui mini image"
                  alt="Dropdown option image"
                  [class.avatar]="selectedOption.image.avatar"
                  [src]="selectedOption.image.src"/>
-          </ng-container>
-          <ng-container *ngIf="selectedOption.flag">
+          }
+          @if (selectedOption.flag) {
             <i [className]="'flag ' + selectedOption.flag"></i>
-          </ng-container>
+          }
 
           {{ selectedOption.text }}
-        </ng-container>
+        }
 
-        <ng-container *ngIf="!selectedOption">
+        @if (!selectedOption) {
           {{ suiPlaceholder }}
-        </ng-container>
+        }
       </div>
-    </ng-container>
+    }
 
     <!-- Drop Down Menu Section -->
     <div suiSelectMenu>
-      <ng-container *ngFor="let option of filteredOptions">
+      @for (option of filteredOptions; track option) {
         <div suiSelectMenuItem
              [suiValue]="option.value"
              [suiSelected]="isActive(option)"
              [suiMultiple]="suiMultiple"
              (click)="onItemClick(option, $event)">
-          <ng-container *ngIf="option.image">
+          @if (option.image) {
             <img class="ui mini image"
                  alt="Dropdown option image"
                  [class.avatar]="option.image.avatar"
                  [src]="option.image.src"/>
-          </ng-container>
-          <ng-container *ngIf="option.flag">
+          }
+          @if (option.flag) {
             <i [className]="'flag ' + option.flag"></i>
-          </ng-container>
+          }
           {{ option.text }}
         </div>
-      </ng-container>
-      <ng-container *ngIf="hasNoSearchResults()">
+      }
+      @if (hasNoSearchResults()) {
         <div class="message"
              (click)="$event.stopPropagation()">
           No results found.
         </div>
-      </ng-container>
+      }
     </div>
   `,
                     providers: [{
@@ -504,7 +503,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
                             multi: true
                         }]
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { optionsMenu: [{
+        }], propDecorators: { optionsMenu: [{
                 type: ViewChild,
                 args: [SuiSelectMenuDirective]
             }], suiSelectionChanged: [{

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

@@ -1 +1 @@
-{"version":3,"file":"ngx-semantic-modules-select.mjs","sources":["../../src/modules/select/interfaces/ISelectOption.ts","../../src/modules/select/select-menu.directive.ts","../../src/modules/select/select-menu-item.directive.ts","../../src/modules/select/select.component.ts","../../src/modules/select/select.module.ts","../../src/modules/select/ngx-semantic-modules-select.ts"],"sourcesContent":["/**\n * Created by bolor on 11/2/2020\n */\n\nimport {ISelectOptionImage} from './ISelectOptionImage';\n\nexport interface ISelectOption {\n  text: string;\n  value: any;\n  image?: ISelectOptionImage;\n  flag?: string;\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\n\nexport type SuiSelectMenuDirection = 'left' | 'right' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[suiSelectMenu]'\n})\nexport class SuiSelectMenuDirective {\n  @Input() public suiDirection: SuiSelectMenuDirection = 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","import { Directive, HostBinding, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\n\n@Directive({\n  standalone: true,\n  selector: '[suiSelectMenuItem]'\n})\nexport class SuiSelectMenuItemDirective {\n  @Input() public suiValue: any = null;\n  @Input() @InputBoolean() public suiSelected = false;\n  @Input() @InputBoolean() public suiMultiple = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      'item',\n      ClassUtils.getPropClass(this.suiSelected, 'active'),\n      ClassUtils.getPropClass(!this.suiMultiple && this.suiSelected, 'selected'),\n      ClassUtils.getPropClass(this.suiMultiple && this.suiSelected, 'filtered')\n    ].join(' ');\n  }\n}\n","import {\n  AfterViewInit,\n  ChangeDetectorRef,\n  Component,\n  EventEmitter,\n  forwardRef,\n  HostBinding,\n  HostListener,\n  Input,\n  Output,\n  ViewChild,\n  ViewEncapsulation\n} from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiSelectMenuDirective } from './select-menu.directive';\nimport { SuiSelectMenuItemDirective } from './select-menu-item.directive';\nimport { ISelectOption } from './interfaces/ISelectOption';\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, FormsModule, SuiSelectMenuDirective, SuiSelectMenuItemDirective],\n  selector: 'sui-select',\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <i class=\"dropdown icon\"></i>\n\n    <!-- Multiple Select Display -->\n    <ng-container *ngIf=\"suiMultiple\">\n      <ng-container *ngFor=\"let option of selectedOptions\">\n        <a class=\"ui label transition visible\"\n           style=\"display: inline-block !important;\">\n          <ng-container *ngIf=\"option.image\">\n            <img class=\"ui mini image\"\n                 alt=\"Dropdown option image\"\n                 [class.avatar]=\"option.image.avatar\"\n                 [src]=\"option.image.src\"/>\n          </ng-container>\n          <ng-container *ngIf=\"option.flag\">\n            <i [className]=\"'flag ' + option.flag\"></i>\n          </ng-container>\n\n          {{ option.text }}\n\n          <i class=\"delete icon\"\n             (click)=\"removeSelection(option, $event)\"></i>\n        </a>\n      </ng-container>\n\n      <div class=\"default text\">{{ suiPlaceholder }}</div>\n    </ng-container>\n\n    <!-- Search Section -->\n    <ng-container *ngIf=\"suiSearch\">\n      <input class=\"search\"\n             autocomplete=\"off\"\n             tabindex=\"0\"\n             [(ngModel)]=\"searchTerm\"\n             (focus)=\"onClick()\"\n             (keyup)=\"onSearch()\">\n    </ng-container>\n\n    <!-- Display Section -->\n    <ng-container *ngIf=\"!suiMultiple\">\n      <div\n        [class.default]=\"isDefaultText\"\n        [class.filtered]=\"isFilteredText\"\n        [class.text]=\"true\">\n        <ng-container *ngIf=\"selectedOption\">\n          <ng-container *ngIf=\"selectedOption.image\">\n            <img class=\"ui mini image\"\n                 alt=\"Dropdown option image\"\n                 [class.avatar]=\"selectedOption.image.avatar\"\n                 [src]=\"selectedOption.image.src\"/>\n          </ng-container>\n          <ng-container *ngIf=\"selectedOption.flag\">\n            <i [className]=\"'flag ' + selectedOption.flag\"></i>\n          </ng-container>\n\n          {{ selectedOption.text }}\n        </ng-container>\n\n        <ng-container *ngIf=\"!selectedOption\">\n          {{ suiPlaceholder }}\n        </ng-container>\n      </div>\n    </ng-container>\n\n    <!-- Drop Down Menu Section -->\n    <div suiSelectMenu>\n      <ng-container *ngFor=\"let option of filteredOptions\">\n        <div suiSelectMenuItem\n             [suiValue]=\"option.value\"\n             [suiSelected]=\"isActive(option)\"\n             [suiMultiple]=\"suiMultiple\"\n             (click)=\"onItemClick(option, $event)\">\n          <ng-container *ngIf=\"option.image\">\n            <img class=\"ui mini image\"\n                 alt=\"Dropdown option image\"\n                 [class.avatar]=\"option.image.avatar\"\n                 [src]=\"option.image.src\"/>\n          </ng-container>\n          <ng-container *ngIf=\"option.flag\">\n            <i [className]=\"'flag ' + option.flag\"></i>\n          </ng-container>\n          {{ option.text }}\n        </div>\n      </ng-container>\n      <ng-container *ngIf=\"hasNoSearchResults()\">\n        <div class=\"message\"\n             (click)=\"$event.stopPropagation()\">\n          No results found.\n        </div>\n      </ng-container>\n    </div>\n  `,\n  providers: [ {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => SuiSelectComponent),\n    multi: true\n  } ]\n})\nexport class SuiSelectComponent implements AfterViewInit, ControlValueAccessor {\n  @ViewChild(SuiSelectMenuDirective) public optionsMenu!: SuiSelectMenuDirective;\n\n  @Output() public suiSelectionChanged = new EventEmitter<any | any[]>();\n  @Input() public suiPlaceholder: string | null = null;\n  @Input() @InputBoolean() public suiSearch = 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 name: string | null = null;\n  @Input() @InputBoolean() public suiMultiple = false;\n\n  private isOpen = false;\n  private isSearching = false;\n  private selectedValues: any[] = [];\n  public searchTerm = '';\n  private allOptions: ISelectOption[] = [];\n  public filteredOptions: ISelectOption[] = [];\n  public selectedOption: ISelectOption | undefined = undefined;\n  public selectedOptions: ISelectOption[] = [];\n\n  private controlValueChangeFn: (value: any | any[]) => void = () => {\n  }\n\n  @Input()\n  set suiOptions(options: ISelectOption[]) {\n    this.allOptions = this.filteredOptions = options;\n  }\n\n  get suiOptions(): ISelectOption[] {\n    return this.allOptions;\n  }\n\n  @HostBinding('tabindex')\n  get tabIndex(): number {\n    return 0;\n  }\n\n  @HostBinding('class')\n  get classes(): string {\n    return ClassUtils.combineToClass([\n      'ui',\n      ClassUtils.getPropClass(this.suiFluid, 'fluid'),\n      ClassUtils.getPropClass(this.suiCompact, 'compact'),\n      ClassUtils.getPropClass(this.suiSearch, 'search'),\n      ClassUtils.getPropClass(this.suiLoading, 'loading'),\n      'selection',\n      ClassUtils.getPropClass(this.suiInline, 'inline'),\n      ClassUtils.getPropClass(this.disabled, 'disabled'),\n      ClassUtils.getPropClass(this.suiScrolling, 'scrolling'),\n      'dropdown',\n      ClassUtils.getPropClass(this.suiMultiple, 'multiple'),\n      ClassUtils.getPropClass(this.isOpen, 'active'),\n      ClassUtils.getPropClass(this.isOpen, 'visible'),\n      ClassUtils.getPropClass(this.suiError, 'error')\n    ]);\n  }\n\n  constructor(private changeDetectorRef: ChangeDetectorRef) {\n  }\n\n  public get multiple(): string | undefined {\n    return this.suiMultiple ? '' : undefined;\n  }\n\n  public get isDefaultText(): boolean {\n    if (!this.selectedOption) {\n      return true;\n    }\n\n    if (this.suiSearch) {\n      return false;\n    }\n\n    return !this.selectedOption;\n  }\n\n  public get isFilteredText(): boolean {\n    if (!this.suiSearch) {\n      return false;\n    }\n\n    return this.isSearching;\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 selection dropdown\n    if (this.optionsMenu) {\n      this.optionsMenu.suiIsOpen = this.isOpen;\n    }\n  }\n\n  public ngAfterViewInit(): void {\n    if (!this.optionsMenu) {\n      throw new Error('An error occurred rendering the options.');\n    }\n  }\n\n  public onSearch(): void {\n    this.isSearching = !!this.searchTerm;\n\n    // if the user is searching, then keep the dropdown open\n    if (this.optionsMenu) {\n      this.isOpen = true;\n      this.optionsMenu.suiIsOpen = true;\n    }\n\n    // limit the options displayed\n    this.filteredOptions = this.allOptions\n      .filter((x) => x.text.toLocaleLowerCase()\n        .includes(this.searchTerm.toLocaleLowerCase()));\n  }\n\n  public isActive(option: ISelectOption): boolean {\n    if (this.suiMultiple) {\n      return this.selectedValues.includes(option.value);\n    } else {\n      return this.selectedOption === option;\n    }\n  }\n\n  public hasNoSearchResults(): boolean {\n    if (!this.suiSearch) {\n      return false;\n    }\n\n    return this.filteredOptions.length === 0;\n  }\n\n  public onItemClick(option: ISelectOption, event: Event): void {\n    // handle single select\n    if (!this.suiMultiple) {\n      const valueChanged = this.selectedOption?.value !== option.value;\n      this.selectedOption = option;\n\n      if (valueChanged) {\n        this.controlValueChangeFn(option.value);\n        this.suiSelectionChanged.emit(option.value);\n      }\n    }\n\n    // handle multiple  select\n    if (this.suiMultiple) {\n      const valueChanged = !this.selectedValues.includes(option.value);\n\n      if (valueChanged) {\n        this.selectedValues.push(option.value);\n        this.selectedOptions.push(option);\n\n        this.controlValueChangeFn(this.selectedValues);\n        this.suiSelectionChanged.emit(this.selectedValues);\n      }\n\n      event.stopPropagation();\n    }\n\n    // clear search\n    this.isSearching = false;\n    this.searchTerm = '';\n  }\n\n  public removeSelection(option: ISelectOption, event: Event): void {\n    if (!this.suiMultiple) {\n      return;\n    }\n\n    if (!this.selectedValues.includes(option.value)) {\n      return;\n    }\n\n    this.selectedValues = this.selectedValues.filter((x) => x !== option.value);\n    this.selectedOptions = this.selectedOptions.filter((x) => x !== option);\n\n    this.controlValueChangeFn(this.selectedValues);\n    this.suiSelectionChanged.emit(this.selectedValues);\n\n    event.stopPropagation();\n  }\n\n  public writeValue(value: any | any[]): void {\n    const valueChanged = value !== this.selectedOption?.value;\n\n    if (valueChanged) {\n      this.suiSelectionChanged.emit(value);\n    }\n\n    const matchedOptions = this.allOptions\n      .filter((x) => x.value === value);\n    this.selectedOption = matchedOptions[0];\n    this.changeDetectorRef.markForCheck();\n  }\n\n  public registerOnChange(fn: any): void {\n    this.controlValueChangeFn = fn;\n  }\n\n  public registerOnTouched(fn: any): void {\n    this.controlValueChangeFn = fn;\n  }\n\n  public setDisabledState?(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n}\n","import {NgModule} from '@angular/core';\nimport {SuiSelectComponent} from './select.component';\n\n@NgModule({\n  exports: [\n    SuiSelectComponent,\n  ],\n  imports: [\n    SuiSelectComponent\n  ]\n})\nexport class SuiSelectModule {\n}\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-select.mjs","sources":["../../src/modules/select/interfaces/ISelectOption.ts","../../src/modules/select/select-menu.directive.ts","../../src/modules/select/select-menu-item.directive.ts","../../src/modules/select/select.component.ts","../../src/modules/select/select.module.ts","../../src/modules/select/ngx-semantic-modules-select.ts"],"sourcesContent":["/**\n * Created by bolor on 11/2/2020\n */\n\nimport { ISelectOptionImage } from './ISelectOptionImage';\n\nexport interface ISelectOption {\n  text: string;\n  value: any;\n  image?: ISelectOptionImage;\n  flag?: string;\n}\n","import { Directive, HostBinding, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\n\nexport type SuiSelectMenuDirection = 'left' | 'right' | null;\n\n@Directive({\n  standalone: true,\n  selector: '[suiSelectMenu]'\n})\nexport class SuiSelectMenuDirective {\n  @Input() public suiDirection: SuiSelectMenuDirection = 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","import { Directive, HostBinding, Input } from '@angular/core';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\n\n@Directive({\n  standalone: true,\n  selector: '[suiSelectMenuItem]'\n})\nexport class SuiSelectMenuItemDirective {\n  @Input() public suiValue: any = null;\n  @Input() @InputBoolean() public suiSelected = false;\n  @Input() @InputBoolean() public suiMultiple = false;\n\n  @HostBinding('class')\n  get classes(): string {\n    return [\n      'item',\n      ClassUtils.getPropClass(this.suiSelected, 'active'),\n      ClassUtils.getPropClass(!this.suiMultiple && this.suiSelected, 'selected'),\n      ClassUtils.getPropClass(this.suiMultiple && this.suiSelected, 'filtered')\n    ].join(' ');\n  }\n}\n","import { AfterViewInit, ChangeDetectorRef, Component, EventEmitter, forwardRef, HostBinding, HostListener, Input, Output, ViewChild, ViewEncapsulation, inject } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ClassUtils, InputBoolean } from 'ngx-semantic/core/util';\nimport { SuiSelectMenuDirective } from './select-menu.directive';\nimport { SuiSelectMenuItemDirective } from './select-menu-item.directive';\nimport { ISelectOption } from './interfaces/ISelectOption';\n\n@Component({\n  standalone: true,\n  imports: [CommonModule, FormsModule, SuiSelectMenuDirective, SuiSelectMenuItemDirective],\n  selector: 'sui-select',\n  encapsulation: ViewEncapsulation.None,\n  template: `\n    <i class=\"dropdown icon\"></i>\n\n    <!-- Multiple Select Display -->\n    @if (suiMultiple) {\n      @for (option of selectedOptions; track option) {\n        <a class=\"ui label transition visible\"\n           style=\"display: inline-block !important;\">\n          @if (option.image) {\n            <img class=\"ui mini image\"\n                 alt=\"Dropdown option image\"\n                 [class.avatar]=\"option.image.avatar\"\n                 [src]=\"option.image.src\"/>\n          }\n          @if (option.flag) {\n            <i [className]=\"'flag ' + option.flag\"></i>\n          }\n\n          {{ option.text }}\n\n          <i class=\"delete icon\"\n             (click)=\"removeSelection(option, $event)\"></i>\n        </a>\n      }\n\n      <div class=\"default text\">{{ suiPlaceholder }}</div>\n    }\n\n    <!-- Search Section -->\n    @if (suiSearch) {\n      <input class=\"search\"\n             autocomplete=\"off\"\n             tabindex=\"0\"\n             [(ngModel)]=\"searchTerm\"\n             (focus)=\"onClick()\"\n             (keyup)=\"onSearch()\">\n    }\n\n    <!-- Display Section -->\n    @if (!suiMultiple) {\n      <div\n        [class.default]=\"isDefaultText\"\n        [class.filtered]=\"isFilteredText\"\n        [class.text]=\"true\">\n        @if (selectedOption) {\n          @if (selectedOption.image) {\n            <img class=\"ui mini image\"\n                 alt=\"Dropdown option image\"\n                 [class.avatar]=\"selectedOption.image.avatar\"\n                 [src]=\"selectedOption.image.src\"/>\n          }\n          @if (selectedOption.flag) {\n            <i [className]=\"'flag ' + selectedOption.flag\"></i>\n          }\n\n          {{ selectedOption.text }}\n        }\n\n        @if (!selectedOption) {\n          {{ suiPlaceholder }}\n        }\n      </div>\n    }\n\n    <!-- Drop Down Menu Section -->\n    <div suiSelectMenu>\n      @for (option of filteredOptions; track option) {\n        <div suiSelectMenuItem\n             [suiValue]=\"option.value\"\n             [suiSelected]=\"isActive(option)\"\n             [suiMultiple]=\"suiMultiple\"\n             (click)=\"onItemClick(option, $event)\">\n          @if (option.image) {\n            <img class=\"ui mini image\"\n                 alt=\"Dropdown option image\"\n                 [class.avatar]=\"option.image.avatar\"\n                 [src]=\"option.image.src\"/>\n          }\n          @if (option.flag) {\n            <i [className]=\"'flag ' + option.flag\"></i>\n          }\n          {{ option.text }}\n        </div>\n      }\n      @if (hasNoSearchResults()) {\n        <div class=\"message\"\n             (click)=\"$event.stopPropagation()\">\n          No results found.\n        </div>\n      }\n    </div>\n  `,\n  providers: [ {\n    provide: NG_VALUE_ACCESSOR,\n    useExisting: forwardRef(() => SuiSelectComponent),\n    multi: true\n  } ]\n})\nexport class SuiSelectComponent implements AfterViewInit, ControlValueAccessor {\n  private changeDetectorRef = inject(ChangeDetectorRef);\n\n  @ViewChild(SuiSelectMenuDirective) public optionsMenu!: SuiSelectMenuDirective;\n\n  @Output() public suiSelectionChanged = new EventEmitter<any | any[]>();\n  @Input() public suiPlaceholder: string | null = null;\n  @Input() @InputBoolean() public suiSearch = 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 name: string | null = null;\n  @Input() @InputBoolean() public suiMultiple = false;\n\n  private isOpen = false;\n  private isSearching = false;\n  private selectedValues: any[] = [];\n  public searchTerm = '';\n  private allOptions: ISelectOption[] = [];\n  public filteredOptions: ISelectOption[] = [];\n  public selectedOption: ISelectOption | undefined = undefined;\n  public selectedOptions: ISelectOption[] = [];\n\n  private controlValueChangeFn: (value: any | any[]) => void = () => {\n  }\n\n  @Input()\n  set suiOptions(options: ISelectOption[]) {\n    this.allOptions = this.filteredOptions = options;\n  }\n\n  get suiOptions(): ISelectOption[] {\n    return this.allOptions;\n  }\n\n  @HostBinding('tabindex')\n  get tabIndex(): number {\n    return 0;\n  }\n\n  @HostBinding('class')\n  get classes(): string {\n    return ClassUtils.combineToClass([\n      'ui',\n      ClassUtils.getPropClass(this.suiFluid, 'fluid'),\n      ClassUtils.getPropClass(this.suiCompact, 'compact'),\n      ClassUtils.getPropClass(this.suiSearch, 'search'),\n      ClassUtils.getPropClass(this.suiLoading, 'loading'),\n      'selection',\n      ClassUtils.getPropClass(this.suiInline, 'inline'),\n      ClassUtils.getPropClass(this.disabled, 'disabled'),\n      ClassUtils.getPropClass(this.suiScrolling, 'scrolling'),\n      'dropdown',\n      ClassUtils.getPropClass(this.suiMultiple, 'multiple'),\n      ClassUtils.getPropClass(this.isOpen, 'active'),\n      ClassUtils.getPropClass(this.isOpen, 'visible'),\n      ClassUtils.getPropClass(this.suiError, 'error')\n    ]);\n  }\n\n  public get multiple(): string | undefined {\n    return this.suiMultiple ? '' : undefined;\n  }\n\n  public get isDefaultText(): boolean {\n    if (!this.selectedOption) {\n      return true;\n    }\n\n    if (this.suiSearch) {\n      return false;\n    }\n\n    return !this.selectedOption;\n  }\n\n  public get isFilteredText(): boolean {\n    if (!this.suiSearch) {\n      return false;\n    }\n\n    return this.isSearching;\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 selection dropdown\n    if (this.optionsMenu) {\n      this.optionsMenu.suiIsOpen = this.isOpen;\n    }\n  }\n\n  public ngAfterViewInit(): void {\n    if (!this.optionsMenu) {\n      throw new Error('An error occurred rendering the options.');\n    }\n  }\n\n  public onSearch(): void {\n    this.isSearching = !!this.searchTerm;\n\n    // if the user is searching, then keep the dropdown open\n    if (this.optionsMenu) {\n      this.isOpen = true;\n      this.optionsMenu.suiIsOpen = true;\n    }\n\n    // limit the options displayed\n    this.filteredOptions = this.allOptions\n      .filter((x) => x.text.toLocaleLowerCase()\n        .includes(this.searchTerm.toLocaleLowerCase()));\n  }\n\n  public isActive(option: ISelectOption): boolean {\n    if (this.suiMultiple) {\n      return this.selectedValues.includes(option.value);\n    } else {\n      return this.selectedOption === option;\n    }\n  }\n\n  public hasNoSearchResults(): boolean {\n    if (!this.suiSearch) {\n      return false;\n    }\n\n    return this.filteredOptions.length === 0;\n  }\n\n  public onItemClick(option: ISelectOption, event: Event): void {\n    // handle single select\n    if (!this.suiMultiple) {\n      const valueChanged = this.selectedOption?.value !== option.value;\n      this.selectedOption = option;\n\n      if (valueChanged) {\n        this.controlValueChangeFn(option.value);\n        this.suiSelectionChanged.emit(option.value);\n      }\n    }\n\n    // handle multiple  select\n    if (this.suiMultiple) {\n      const valueChanged = !this.selectedValues.includes(option.value);\n\n      if (valueChanged) {\n        this.selectedValues.push(option.value);\n        this.selectedOptions.push(option);\n\n        this.controlValueChangeFn(this.selectedValues);\n        this.suiSelectionChanged.emit(this.selectedValues);\n      }\n\n      event.stopPropagation();\n    }\n\n    // clear search\n    this.isSearching = false;\n    this.searchTerm = '';\n  }\n\n  public removeSelection(option: ISelectOption, event: Event): void {\n    if (!this.suiMultiple) {\n      return;\n    }\n\n    if (!this.selectedValues.includes(option.value)) {\n      return;\n    }\n\n    this.selectedValues = this.selectedValues.filter((x) => x !== option.value);\n    this.selectedOptions = this.selectedOptions.filter((x) => x !== option);\n\n    this.controlValueChangeFn(this.selectedValues);\n    this.suiSelectionChanged.emit(this.selectedValues);\n\n    event.stopPropagation();\n  }\n\n  public writeValue(value: any | any[]): void {\n    const valueChanged = value !== this.selectedOption?.value;\n\n    if (valueChanged) {\n      this.suiSelectionChanged.emit(value);\n    }\n\n    const matchedOptions = this.allOptions\n      .filter((x) => x.value === value);\n    this.selectedOption = matchedOptions[0];\n    this.changeDetectorRef.markForCheck();\n  }\n\n  public registerOnChange(fn: any): void {\n    this.controlValueChangeFn = fn;\n  }\n\n  public registerOnTouched(fn: any): void {\n    this.controlValueChangeFn = fn;\n  }\n\n  public setDisabledState?(isDisabled: boolean): void {\n    this.disabled = isDisabled;\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { SuiSelectComponent } from './select.component';\n\n@NgModule({\n  exports: [\n    SuiSelectComponent,\n  ],\n  imports: [\n    SuiSelectComponent\n  ]\n})\nexport class SuiSelectModule {\n}\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-shape.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { ViewChild, ViewEncapsulation, Component, EventEmitter, Output, Input, ContentChildren, NgModule } from '@angular/core';
+import { ViewChild, ViewEncapsulation, Component, inject, ChangeDetectorRef, NgZone, EventEmitter, Output, Input, ContentChildren, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import { InputBoolean } from 'ngx-semantic/core/util';
 
@@ -88,9 +88,9 @@ function getTransitionEventName() {
     return 'transitionend';
 }
 class SuiShapeComponent {
-    constructor(cdr, zone) {
-        this.cdr = cdr;
-        this.zone = zone;
+    constructor() {
+        this.cdr = inject(ChangeDetectorRef);
+        this.zone = inject(NgZone);
         /** Animation length in ms. `null` skips inline `transition-duration` (Semantic UI CSS defaults). */
         this.suiDuration = null;
         /** Width during animation: initial size, next side’s size, or a fixed pixel width. */
@@ -549,7 +549,7 @@ class SuiShapeComponent {
             transform: 'rotateY(-180deg)'
         };
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiShapeComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.7", ngImport: i0, type: SuiShapeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.7", type: SuiShapeComponent, isStandalone: true, selector: "sui-shape", inputs: { suiDuration: "suiDuration", suiWidth: "suiWidth", suiHeight: "suiHeight", suiJitter: "suiJitter", suiAllowRepeats: "suiAllowRepeats", suiCube: "suiCube", suiText: "suiText" }, outputs: { suiBeforeChange: "suiBeforeChange", suiOnChange: "suiOnChange" }, queries: [{ propertyName: "sideList", predicate: SuiShapeSideComponent }], viewQueries: [{ propertyName: "shapeEl", first: true, predicate: ["shapeEl"], descendants: true, static: true }, { propertyName: "sidesEl", first: true, predicate: ["sidesEl"], descendants: true, static: true }], exportAs: ["suiShape"], ngImport: i0, template: `
     <div
       #shapeEl
@@ -595,7 +595,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.7", ngImpor
     </div>
   `
                 }]
-        }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }], propDecorators: { sideList: [{
+        }], propDecorators: { sideList: [{
                 type: ContentChildren,
                 args: [SuiShapeSideComponent]
             }], shapeEl: [{