@yoozsoft/yoozsoft-ng 5.0.0 → 5.0.2

package/fesm2022/yoozsoft-yoozsoft-ng-file-upload.mjs

@@ -24,7 +24,7 @@ class YsFileUploadComponent {
      */
     uploadLabel = 'Choose File';
     /**Style class of upload button */
-    uploadStyleClass;
+    uploadStyleClass = 'btn-primary';
     /**Icon class of upload button */
     uploadIconClass = 'fa fa-paperclip';
     /**Display choosed file remove button */
@@ -125,7 +125,7 @@ class YsFileUploadComponent {
                 useExisting: forwardRef(() => YsFileUploadComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<input class=\"form-control d-none file-upload\" type=\"file\" id=\"ysFileUpload\" #ysFileUpload [multiple]=\"multiple\"\n  [accept]=\"accept\" [disabled]=\"disabled\" (change)=\"onChangeFiles($event)\">\n\n  <div class=\"file-upload\" [ngClass]=\"styleClass\">\n    <div class=\"row\">\n      <div class=\"col\">\n        <button class=\"btn btn-primary btn-upload {{uploadStyleClass}}\" (click)=\"ysFileUpload.click()\"\n          [disabled]=\"disabled\">\n          <i [ngClass]=\"uploadIconClass\"></i>\n          @if (uploadLabel) {\n            <span class=\"ms-2\">{{uploadLabel}}</span>\n          }\n        </button>\n\n        @if (noFileMessage) {\n          <span class=\"ms-2\">{{files.length ? '' : noFileMessage}}</span>\n        }\n\n        @if (files.length) {\n          <ul class=\"file-upload-list list-group mt-2\"\n            [ngClass]=\"{'list-group-horizontal overflow-auto': isHorizontal}\">\n            @for (file of files; track file) {\n              <a class=\"file-upload-item list-group-item d-flex align-items-center\" role=\"button\"\n                (click)=\"onSelectFile(file)\"\n                [ngClass]=\"{'active': file == selectedFile, 'disabled': disabled}\">\n                <span class=\"me-2\">{{file.name}}</span>\n                @if (isRemove) {\n                  <button class=\"btn btn-outline-danger btn-sm ms-auto\" type=\"button\"\n                    id=\"removeFileButton\" (click)=\"removeFile(file); $event.stopPropagation();\"\n                    [disabled]=\"disabled\">\n                    <i [ngClass]=\"removeIconClass\"></i>\n                  </button>\n                }\n              </a>\n            }\n          </ul>\n        }\n\n      </div>\n    </div>\n  </div>\n\n  @if (progressValue) {\n    <div class=\"progress mt-2\" [ngClass]=\"progressStyleClass\">\n      <div class=\"progress-bar\" role=\"progressbar\" [style.width.%]=\"progressValue\" [attr.aria-valuenow]=\"progressValue\"\n      aria-valuemin=\"0\" [attr.aria-valuemax]=\"progressValueMax\"></div>\n      @if (isCancel && progressValue < progressValueMax) {\n        <button class=\"btn btn-danger btn-sm btn-upload-cancel d-flex\"\n          (click)=\"cancelUpload()\">\n          <i class=\"fa fa-times\"></i>\n        </button>\n      }\n    </div>\n  }", styles: [".progress{height:20px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+        ], ngImport: i0, template: "<input class=\"form-control d-none file-upload\" type=\"file\" id=\"ysFileUpload\" #ysFileUpload [multiple]=\"multiple\"\r\n  [accept]=\"accept\" [disabled]=\"disabled\" (change)=\"onChangeFiles($event)\">\r\n\r\n  <div class=\"file-upload\" [ngClass]=\"styleClass\">\r\n    <div class=\"row\">\r\n      <div class=\"col\">\r\n        <button class=\"btn btn-upload\" [ngClass]=\"uploadStyleClass\" (click)=\"ysFileUpload.click()\"\r\n          [disabled]=\"disabled\">\r\n          <i [ngClass]=\"uploadIconClass\"></i>\r\n          @if (uploadLabel) {\r\n            <span class=\"ms-2\">{{uploadLabel}}</span>\r\n          }\r\n        </button>\r\n\r\n        @if (noFileMessage) {\r\n          <span class=\"ms-2\">{{files.length ? '' : noFileMessage}}</span>\r\n        }\r\n\r\n        @if (files.length) {\r\n          <ul class=\"file-upload-list list-group mt-2\"\r\n            [ngClass]=\"{'list-group-horizontal overflow-auto': isHorizontal}\">\r\n            @for (file of files; track file) {\r\n              <a class=\"file-upload-item list-group-item d-flex align-items-center\" role=\"button\"\r\n                (click)=\"onSelectFile(file)\"\r\n                [ngClass]=\"{'active': file == selectedFile, 'disabled': disabled}\">\r\n                <span class=\"me-2\">{{file.name}}</span>\r\n                @if (isRemove) {\r\n                  <button class=\"btn btn-outline-danger btn-sm ms-auto\" type=\"button\"\r\n                    id=\"removeFileButton\" (click)=\"removeFile(file); $event.stopPropagation();\"\r\n                    [disabled]=\"disabled\">\r\n                    <i [ngClass]=\"removeIconClass\"></i>\r\n                  </button>\r\n                }\r\n              </a>\r\n            }\r\n          </ul>\r\n        }\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  @if (progressValue) {\r\n    <div class=\"progress mt-2\" [ngClass]=\"progressStyleClass\">\r\n      <div class=\"progress-bar\" role=\"progressbar\" [style.width.%]=\"progressValue\" [attr.aria-valuenow]=\"progressValue\"\r\n      aria-valuemin=\"0\" [attr.aria-valuemax]=\"progressValueMax\"></div>\r\n      @if (isCancel && progressValue < progressValueMax) {\r\n        <button class=\"btn btn-danger btn-sm btn-upload-cancel d-flex\"\r\n          (click)=\"cancelUpload()\">\r\n          <i class=\"fa fa-times\"></i>\r\n        </button>\r\n      }\r\n    </div>\r\n  }", styles: [".progress{height:20px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsFileUploadComponent, decorators: [{
             type: Component,
@@ -135,7 +135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                             useExisting: forwardRef(() => YsFileUploadComponent),
                             multi: true
                         }
-                    ], template: "<input class=\"form-control d-none file-upload\" type=\"file\" id=\"ysFileUpload\" #ysFileUpload [multiple]=\"multiple\"\n  [accept]=\"accept\" [disabled]=\"disabled\" (change)=\"onChangeFiles($event)\">\n\n  <div class=\"file-upload\" [ngClass]=\"styleClass\">\n    <div class=\"row\">\n      <div class=\"col\">\n        <button class=\"btn btn-primary btn-upload {{uploadStyleClass}}\" (click)=\"ysFileUpload.click()\"\n          [disabled]=\"disabled\">\n          <i [ngClass]=\"uploadIconClass\"></i>\n          @if (uploadLabel) {\n            <span class=\"ms-2\">{{uploadLabel}}</span>\n          }\n        </button>\n\n        @if (noFileMessage) {\n          <span class=\"ms-2\">{{files.length ? '' : noFileMessage}}</span>\n        }\n\n        @if (files.length) {\n          <ul class=\"file-upload-list list-group mt-2\"\n            [ngClass]=\"{'list-group-horizontal overflow-auto': isHorizontal}\">\n            @for (file of files; track file) {\n              <a class=\"file-upload-item list-group-item d-flex align-items-center\" role=\"button\"\n                (click)=\"onSelectFile(file)\"\n                [ngClass]=\"{'active': file == selectedFile, 'disabled': disabled}\">\n                <span class=\"me-2\">{{file.name}}</span>\n                @if (isRemove) {\n                  <button class=\"btn btn-outline-danger btn-sm ms-auto\" type=\"button\"\n                    id=\"removeFileButton\" (click)=\"removeFile(file); $event.stopPropagation();\"\n                    [disabled]=\"disabled\">\n                    <i [ngClass]=\"removeIconClass\"></i>\n                  </button>\n                }\n              </a>\n            }\n          </ul>\n        }\n\n      </div>\n    </div>\n  </div>\n\n  @if (progressValue) {\n    <div class=\"progress mt-2\" [ngClass]=\"progressStyleClass\">\n      <div class=\"progress-bar\" role=\"progressbar\" [style.width.%]=\"progressValue\" [attr.aria-valuenow]=\"progressValue\"\n      aria-valuemin=\"0\" [attr.aria-valuemax]=\"progressValueMax\"></div>\n      @if (isCancel && progressValue < progressValueMax) {\n        <button class=\"btn btn-danger btn-sm btn-upload-cancel d-flex\"\n          (click)=\"cancelUpload()\">\n          <i class=\"fa fa-times\"></i>\n        </button>\n      }\n    </div>\n  }", styles: [".progress{height:20px}\n"] }]
+                    ], template: "<input class=\"form-control d-none file-upload\" type=\"file\" id=\"ysFileUpload\" #ysFileUpload [multiple]=\"multiple\"\r\n  [accept]=\"accept\" [disabled]=\"disabled\" (change)=\"onChangeFiles($event)\">\r\n\r\n  <div class=\"file-upload\" [ngClass]=\"styleClass\">\r\n    <div class=\"row\">\r\n      <div class=\"col\">\r\n        <button class=\"btn btn-upload\" [ngClass]=\"uploadStyleClass\" (click)=\"ysFileUpload.click()\"\r\n          [disabled]=\"disabled\">\r\n          <i [ngClass]=\"uploadIconClass\"></i>\r\n          @if (uploadLabel) {\r\n            <span class=\"ms-2\">{{uploadLabel}}</span>\r\n          }\r\n        </button>\r\n\r\n        @if (noFileMessage) {\r\n          <span class=\"ms-2\">{{files.length ? '' : noFileMessage}}</span>\r\n        }\r\n\r\n        @if (files.length) {\r\n          <ul class=\"file-upload-list list-group mt-2\"\r\n            [ngClass]=\"{'list-group-horizontal overflow-auto': isHorizontal}\">\r\n            @for (file of files; track file) {\r\n              <a class=\"file-upload-item list-group-item d-flex align-items-center\" role=\"button\"\r\n                (click)=\"onSelectFile(file)\"\r\n                [ngClass]=\"{'active': file == selectedFile, 'disabled': disabled}\">\r\n                <span class=\"me-2\">{{file.name}}</span>\r\n                @if (isRemove) {\r\n                  <button class=\"btn btn-outline-danger btn-sm ms-auto\" type=\"button\"\r\n                    id=\"removeFileButton\" (click)=\"removeFile(file); $event.stopPropagation();\"\r\n                    [disabled]=\"disabled\">\r\n                    <i [ngClass]=\"removeIconClass\"></i>\r\n                  </button>\r\n                }\r\n              </a>\r\n            }\r\n          </ul>\r\n        }\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  @if (progressValue) {\r\n    <div class=\"progress mt-2\" [ngClass]=\"progressStyleClass\">\r\n      <div class=\"progress-bar\" role=\"progressbar\" [style.width.%]=\"progressValue\" [attr.aria-valuenow]=\"progressValue\"\r\n      aria-valuemin=\"0\" [attr.aria-valuemax]=\"progressValueMax\"></div>\r\n      @if (isCancel && progressValue < progressValueMax) {\r\n        <button class=\"btn btn-danger btn-sm btn-upload-cancel d-flex\"\r\n          (click)=\"cancelUpload()\">\r\n          <i class=\"fa fa-times\"></i>\r\n        </button>\r\n      }\r\n    </div>\r\n  }", styles: [".progress{height:20px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { styleClass: [{
                 type: Input
             }], multiple: [{

package/fesm2022/yoozsoft-yoozsoft-ng-file-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yoozsoft-yoozsoft-ng-file-upload.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/file-upload/src/ys-file-upload/ys-file-upload.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/file-upload/src/ys-file-upload/ys-file-upload.component.html","../../../../projects/yoozsoft/yoozsoft-ng/file-upload/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/file-upload/yoozsoft-yoozsoft-ng-file-upload.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'ys-file-upload',\r\n  imports: [NgClass],\r\n  templateUrl: './ys-file-upload.component.html',\r\n  styleUrl: './ys-file-upload.component.scss',\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => YsFileUploadComponent),\r\n      multi: true\r\n    }\r\n  ]\r\n})\r\nexport class YsFileUploadComponent implements ControlValueAccessor {\r\n\r\n  private fileList?: FileList;\r\n  files: File[] = [];\r\n  selectedFile: File | null = null;\r\n\r\n  @Input() styleClass?: string;\r\n  /**\r\n   * Allowing upload multiple files\r\n   * Default is false\r\n   */\r\n  @Input() multiple: boolean = false;\r\n  /**\r\n   * Acceptable type of files\r\n   * Default is all file type\r\n   */\r\n  @Input() accept: string = '*/*';\r\n  /**\r\n   * Upload button label\r\n   * Default is Choose File\r\n   */\r\n  @Input() uploadLabel?: string = 'Choose File';\r\n  /**Style class of upload button */\r\n  @Input() uploadStyleClass?: string;\r\n  /**Icon class of upload button */\r\n  @Input() uploadIconClass: string = 'fa fa-paperclip';\r\n\r\n  /**Display choosed file remove button */\r\n  @Input() isRemove: boolean = true;\r\n  /**Icon of remove item button */\r\n  @Input() removeIconClass: string = 'fa fa-times';\r\n\r\n  /**\r\n   * Files list display direction\r\n   * Default is vertical (false)\r\n   */\r\n  @Input() isHorizontal: boolean = false;\r\n\r\n  /**Message displayed before choosing file */\r\n  @Input() noFileMessage: string = \"No file chosen\";\r\n\r\n  @Input() progressStyleClass?: string;\r\n  /**Value of progress element */\r\n  @Input() progressValue?: number;\r\n  /**Max value of progress element */\r\n  @Input() progressValueMax: number = 100;\r\n  /**Display cancel upload button */\r\n  @Input() isCancel: boolean = false;\r\n\r\n  /**Event to get choosed files */\r\n  @Output() choosed: EventEmitter<File[]> = new EventEmitter();\r\n  /**Event of selected file in the list of choosed file*/\r\n  @Output() select: EventEmitter<File | null> = new EventEmitter();\r\n  /**Event of removed file in the list of choosed file*/\r\n  @Output() removed: EventEmitter<File> = new EventEmitter();\r\n  /**Event of cancel upload button */\r\n  @Output() cancel: EventEmitter<void> = new EventEmitter();\r\n\r\n  /**Disable elements */\r\n  @Input() disabled: boolean = false;\r\n  onChange: any = () => { }\r\n  onTouched: any = () => { }\r\n\r\n  constructor() { }\r\n\r\n  writeValue(obj: any): void {\r\n    if (!obj) {\r\n      this.files = [];\r\n      return;\r\n    }\r\n\r\n    if (!Array.isArray(obj)) {\r\n      this.files = [obj];\r\n      return;\r\n    }\r\n\r\n    this.files = obj;\r\n  }\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n  setDisabledState?(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n\r\n  onChangeFiles(event: any) {\r\n    this.fileList = event.target.files;\r\n\r\n    if (this.fileList?.length) {\r\n\r\n      if (!this.multiple) {\r\n        this.files = [];\r\n      }\r\n\r\n      for (let i = 0; i < this.fileList.length; i++) {\r\n        const file: File = this.fileList.item(i)!;\r\n        this.files.push(file);\r\n      }\r\n\r\n      this.files.sort((a, b) => a.name > b.name ? -1 : 1);\r\n\r\n    } else {\r\n      this.files = [];\r\n    }\r\n\r\n    this.onChange(this.files);\r\n    this.onTouched(this.files);\r\n\r\n    this.choosed.emit(this.files);\r\n\r\n    event.target.value = null;\r\n\r\n  }\r\n\r\n  removeFile(file: File) {\r\n    const index = this.files.indexOf(file);\r\n    this.files.splice(index, 1);\r\n\r\n    // this.onChange(this.multiple ? this.files : this.files[0]);\r\n    this.onChange(this.files);\r\n    this.onTouched(this.files);\r\n\r\n    // this.choosed.emit(this.files);\r\n\r\n    if (this.selectedFile == file) {\r\n      this.selectedFile = null;\r\n      // this.select.emit(null);\r\n    }\r\n\r\n    this.removed.emit(file);\r\n  }\r\n\r\n  onSelectFile(file: File) {\r\n    this.selectedFile = file;\r\n    this.select.emit(this.selectedFile);\r\n  }\r\n\r\n  cancelUpload() {\r\n    this.cancel.emit();\r\n  }\r\n\r\n}\r\n","<input class=\"form-control d-none file-upload\" type=\"file\" id=\"ysFileUpload\" #ysFileUpload [multiple]=\"multiple\"\n  [accept]=\"accept\" [disabled]=\"disabled\" (change)=\"onChangeFiles($event)\">\n\n  <div class=\"file-upload\" [ngClass]=\"styleClass\">\n    <div class=\"row\">\n      <div class=\"col\">\n        <button class=\"btn btn-primary btn-upload {{uploadStyleClass}}\" (click)=\"ysFileUpload.click()\"\n          [disabled]=\"disabled\">\n          <i [ngClass]=\"uploadIconClass\"></i>\n          @if (uploadLabel) {\n            <span class=\"ms-2\">{{uploadLabel}}</span>\n          }\n        </button>\n\n        @if (noFileMessage) {\n          <span class=\"ms-2\">{{files.length ? '' : noFileMessage}}</span>\n        }\n\n        @if (files.length) {\n          <ul class=\"file-upload-list list-group mt-2\"\n            [ngClass]=\"{'list-group-horizontal overflow-auto': isHorizontal}\">\n            @for (file of files; track file) {\n              <a class=\"file-upload-item list-group-item d-flex align-items-center\" role=\"button\"\n                (click)=\"onSelectFile(file)\"\n                [ngClass]=\"{'active': file == selectedFile, 'disabled': disabled}\">\n                <span class=\"me-2\">{{file.name}}</span>\n                @if (isRemove) {\n                  <button class=\"btn btn-outline-danger btn-sm ms-auto\" type=\"button\"\n                    id=\"removeFileButton\" (click)=\"removeFile(file); $event.stopPropagation();\"\n                    [disabled]=\"disabled\">\n                    <i [ngClass]=\"removeIconClass\"></i>\n                  </button>\n                }\n              </a>\n            }\n          </ul>\n        }\n\n      </div>\n    </div>\n  </div>\n\n  @if (progressValue) {\n    <div class=\"progress mt-2\" [ngClass]=\"progressStyleClass\">\n      <div class=\"progress-bar\" role=\"progressbar\" [style.width.%]=\"progressValue\" [attr.aria-valuenow]=\"progressValue\"\n      aria-valuemin=\"0\" [attr.aria-valuemax]=\"progressValueMax\"></div>\n      @if (isCancel && progressValue < progressValueMax) {\n        <button class=\"btn btn-danger btn-sm btn-upload-cancel d-flex\"\n          (click)=\"cancelUpload()\">\n          <i class=\"fa fa-times\"></i>\n        </button>\n      }\n    </div>\n  }","/*\r\n * Public API Surface of ys-select\r\n */\r\n\r\nexport * from './src/ys-file-upload/ys-file-upload.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yoozsoft-yoozsoft-ng-file-upload.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/file-upload/src/ys-file-upload/ys-file-upload.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/file-upload/src/ys-file-upload/ys-file-upload.component.html","../../../../projects/yoozsoft/yoozsoft-ng/file-upload/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/file-upload/yoozsoft-yoozsoft-ng-file-upload.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';\r\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'ys-file-upload',\r\n  imports: [NgClass],\r\n  templateUrl: './ys-file-upload.component.html',\r\n  styleUrl: './ys-file-upload.component.scss',\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => YsFileUploadComponent),\r\n      multi: true\r\n    }\r\n  ]\r\n})\r\nexport class YsFileUploadComponent implements ControlValueAccessor {\r\n\r\n  private fileList?: FileList;\r\n  files: File[] = [];\r\n  selectedFile: File | null = null;\r\n\r\n  @Input() styleClass?: string;\r\n  /**\r\n   * Allowing upload multiple files\r\n   * Default is false\r\n   */\r\n  @Input() multiple: boolean = false;\r\n  /**\r\n   * Acceptable type of files\r\n   * Default is all file type\r\n   */\r\n  @Input() accept: string = '*/*';\r\n  /**\r\n   * Upload button label\r\n   * Default is Choose File\r\n   */\r\n  @Input() uploadLabel?: string = 'Choose File';\r\n  /**Style class of upload button */\r\n  @Input() uploadStyleClass?: string = 'btn-primary';\r\n  /**Icon class of upload button */\r\n  @Input() uploadIconClass: string = 'fa fa-paperclip';\r\n\r\n  /**Display choosed file remove button */\r\n  @Input() isRemove: boolean = true;\r\n  /**Icon of remove item button */\r\n  @Input() removeIconClass: string = 'fa fa-times';\r\n\r\n  /**\r\n   * Files list display direction\r\n   * Default is vertical (false)\r\n   */\r\n  @Input() isHorizontal: boolean = false;\r\n\r\n  /**Message displayed before choosing file */\r\n  @Input() noFileMessage: string = \"No file chosen\";\r\n\r\n  @Input() progressStyleClass?: string;\r\n  /**Value of progress element */\r\n  @Input() progressValue?: number;\r\n  /**Max value of progress element */\r\n  @Input() progressValueMax: number = 100;\r\n  /**Display cancel upload button */\r\n  @Input() isCancel: boolean = false;\r\n\r\n  /**Event to get choosed files */\r\n  @Output() choosed: EventEmitter<File[]> = new EventEmitter();\r\n  /**Event of selected file in the list of choosed file*/\r\n  @Output() select: EventEmitter<File | null> = new EventEmitter();\r\n  /**Event of removed file in the list of choosed file*/\r\n  @Output() removed: EventEmitter<File> = new EventEmitter();\r\n  /**Event of cancel upload button */\r\n  @Output() cancel: EventEmitter<void> = new EventEmitter();\r\n\r\n  /**Disable elements */\r\n  @Input() disabled: boolean = false;\r\n  onChange: any = () => { }\r\n  onTouched: any = () => { }\r\n\r\n  constructor() { }\r\n\r\n  writeValue(obj: any): void {\r\n    if (!obj) {\r\n      this.files = [];\r\n      return;\r\n    }\r\n\r\n    if (!Array.isArray(obj)) {\r\n      this.files = [obj];\r\n      return;\r\n    }\r\n\r\n    this.files = obj;\r\n  }\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n  setDisabledState?(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n\r\n  onChangeFiles(event: any) {\r\n    this.fileList = event.target.files;\r\n\r\n    if (this.fileList?.length) {\r\n\r\n      if (!this.multiple) {\r\n        this.files = [];\r\n      }\r\n\r\n      for (let i = 0; i < this.fileList.length; i++) {\r\n        const file: File = this.fileList.item(i)!;\r\n        this.files.push(file);\r\n      }\r\n\r\n      this.files.sort((a, b) => a.name > b.name ? -1 : 1);\r\n\r\n    } else {\r\n      this.files = [];\r\n    }\r\n\r\n    this.onChange(this.files);\r\n    this.onTouched(this.files);\r\n\r\n    this.choosed.emit(this.files);\r\n\r\n    event.target.value = null;\r\n\r\n  }\r\n\r\n  removeFile(file: File) {\r\n    const index = this.files.indexOf(file);\r\n    this.files.splice(index, 1);\r\n\r\n    // this.onChange(this.multiple ? this.files : this.files[0]);\r\n    this.onChange(this.files);\r\n    this.onTouched(this.files);\r\n\r\n    // this.choosed.emit(this.files);\r\n\r\n    if (this.selectedFile == file) {\r\n      this.selectedFile = null;\r\n      // this.select.emit(null);\r\n    }\r\n\r\n    this.removed.emit(file);\r\n  }\r\n\r\n  onSelectFile(file: File) {\r\n    this.selectedFile = file;\r\n    this.select.emit(this.selectedFile);\r\n  }\r\n\r\n  cancelUpload() {\r\n    this.cancel.emit();\r\n  }\r\n\r\n}\r\n","<input class=\"form-control d-none file-upload\" type=\"file\" id=\"ysFileUpload\" #ysFileUpload [multiple]=\"multiple\"\r\n  [accept]=\"accept\" [disabled]=\"disabled\" (change)=\"onChangeFiles($event)\">\r\n\r\n  <div class=\"file-upload\" [ngClass]=\"styleClass\">\r\n    <div class=\"row\">\r\n      <div class=\"col\">\r\n        <button class=\"btn btn-upload\" [ngClass]=\"uploadStyleClass\" (click)=\"ysFileUpload.click()\"\r\n          [disabled]=\"disabled\">\r\n          <i [ngClass]=\"uploadIconClass\"></i>\r\n          @if (uploadLabel) {\r\n            <span class=\"ms-2\">{{uploadLabel}}</span>\r\n          }\r\n        </button>\r\n\r\n        @if (noFileMessage) {\r\n          <span class=\"ms-2\">{{files.length ? '' : noFileMessage}}</span>\r\n        }\r\n\r\n        @if (files.length) {\r\n          <ul class=\"file-upload-list list-group mt-2\"\r\n            [ngClass]=\"{'list-group-horizontal overflow-auto': isHorizontal}\">\r\n            @for (file of files; track file) {\r\n              <a class=\"file-upload-item list-group-item d-flex align-items-center\" role=\"button\"\r\n                (click)=\"onSelectFile(file)\"\r\n                [ngClass]=\"{'active': file == selectedFile, 'disabled': disabled}\">\r\n                <span class=\"me-2\">{{file.name}}</span>\r\n                @if (isRemove) {\r\n                  <button class=\"btn btn-outline-danger btn-sm ms-auto\" type=\"button\"\r\n                    id=\"removeFileButton\" (click)=\"removeFile(file); $event.stopPropagation();\"\r\n                    [disabled]=\"disabled\">\r\n                    <i [ngClass]=\"removeIconClass\"></i>\r\n                  </button>\r\n                }\r\n              </a>\r\n            }\r\n          </ul>\r\n        }\r\n\r\n      </div>\r\n    </div>\r\n  </div>\r\n\r\n  @if (progressValue) {\r\n    <div class=\"progress mt-2\" [ngClass]=\"progressStyleClass\">\r\n      <div class=\"progress-bar\" role=\"progressbar\" [style.width.%]=\"progressValue\" [attr.aria-valuenow]=\"progressValue\"\r\n      aria-valuemin=\"0\" [attr.aria-valuemax]=\"progressValueMax\"></div>\r\n      @if (isCancel && progressValue < progressValueMax) {\r\n        <button class=\"btn btn-danger btn-sm btn-upload-cancel d-flex\"\r\n          (click)=\"cancelUpload()\">\r\n          <i class=\"fa fa-times\"></i>\r\n        </button>\r\n      }\r\n    </div>\r\n  }","/*\r\n * Public API Surface of ys-select\r\n */\r\n\r\nexport * from './src/ys-file-upload/ys-file-upload.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/yoozsoft-yoozsoft-ng-footer.mjs

@@ -9,11 +9,11 @@ class YsFooterComponent {
     copyright = null;
     socialNetworks = [];
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsFooterComponent, isStandalone: true, selector: "ys-footer", inputs: { styleClass: "styleClass", brand: "brand", copyright: "copyright", socialNetworks: "socialNetworks" }, ngImport: i0, template: "<!-- https://colorlib.com/wp/template/bootstrap-footer-19/ -->\n<footer [ngClass]=\"styleClass\">\n  <div class=\"row\">\n    <div class=\"col-md-6 col-lg-3 mb-md-0 mb-4\">\n      <h2 class=\"footer-heading d-flex\">\n        <span class=\"icon d-flex align-items-center justify-content-center\"><i\n        class=\"ion-logo-ionic\"></i></span>\n        About\n      </h2>\n      <div class=\"block-23 mb-3\">\n        <ul>\n          <li><span class=\"icon ion-ios-pin\"></span><span class=\"text\">203 Fake St. Mountain View, San\n        Francisco, California, USA</span></li>\n        <li><a href=\"#\"><span class=\"icon ion-ios-call\"></span><span class=\"text\">+2 392 3929 210</span></a>\n      </li>\n      <li><a href=\"#\"><span class=\"icon ion-ios-send\"></span><span\n    class=\"text\">support&#64;yourdomain.com</span></a></li>\n  </ul>\n</div>\n\n<form action=\"#\" class=\"subscribe-form\">\n  <div class=\"input-group d-flex\">\n    <input type=\"text\" class=\"form-control\" placeholder=\"Enter email address\">\n    <button type=\"submit\" class=\"btn btn-info\">\n      <span class=\"sr-only\">Submit</span>\n      <i class=\"fa fa-paper-plane\"></i></button>\n    </div>\n  </form>\n</div>\n\n</div>\n<div class=\"row\">\n  <div class=\"col\">\n    <div class=\"d-flex justify-content-between align-items-center py-3 my-4 border-top\">\n      @if (brand || copyright) {\n        <div class=\"d-flex align-items-center\">\n          @if (brand) {\n            <a href=\"{{brand.href}}\" class=\"px-2 text-muted text-decoration-none\">\n              <img src=\"{{brand.src}}\" alt=\"{{brand.alt}}\" class=\"brand-logo d-inline-block align-text-top\">\n            </a>\n          }\n          @if (copyright) {\n            <span class=\"text-muted\">{{copyright}}</span>\n          }\n        </div>\n      }\n\n      @if (socialNetworks.length) {\n        <ul class=\"nav\">\n          @for (item of socialNetworks; track item) {\n            <li class=\"px-2\">\n              <a class=\"text-muted social-icon\" href=\"{{item.href}}\" [ngbTooltip]=\"item.tooltip\">\n                <em class=\"{{item.iconClass}}\"></em>\n              </a>\n            </li>\n          }\n        </ul>\n      }\n    </div>\n  </div>\n</div>\n</footer>", styles: [".social-icon:hover{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1))!important}.brand-logo{width:30px;height:30px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsFooterComponent, isStandalone: true, selector: "ys-footer", inputs: { styleClass: "styleClass", brand: "brand", copyright: "copyright", socialNetworks: "socialNetworks" }, ngImport: i0, template: "<!-- https://colorlib.com/wp/template/bootstrap-footer-19/ -->\n<footer [ngClass]=\"styleClass\">\n  <!-- <div class=\"row\">\n    <div class=\"col-md-6 col-lg-3 mb-md-0 mb-4\">\n      <h2 class=\"footer-heading d-flex\">\n        <span class=\"icon d-flex align-items-center justify-content-center\"><i class=\"ion-logo-ionic\"></i></span>\n        About\n      </h2>\n      <div class=\"block-23 mb-3\">\n        <ul>\n          <li><span class=\"icon ion-ios-pin\"></span><span class=\"text\">203 Fake St. Mountain View, San\n              Francisco, California, USA</span></li>\n          <li><a href=\"#\"><span class=\"icon ion-ios-call\"></span><span class=\"text\">+2 392 3929 210</span></a>\n          </li>\n          <li><a href=\"#\"><span class=\"icon ion-ios-send\"></span><span\n                class=\"text\">support&#64;yourdomain.com</span></a></li>\n        </ul>\n      </div>\n\n      <form action=\"#\" class=\"subscribe-form\">\n        <div class=\"input-group d-flex\">\n          <input type=\"text\" class=\"form-control\" placeholder=\"Enter email address\">\n          <button type=\"submit\" class=\"btn btn-info\">\n            <span class=\"sr-only\">Submit</span>\n            <i class=\"fa fa-paper-plane\"></i></button>\n        </div>\n      </form>\n    </div>\n\n  </div> -->\n  <div class=\"row\">\n    <div class=\"col\">\n      <div class=\"d-flex justify-content-between align-items-center py-3 my-4 border-top\">\n        @if (brand || copyright) {\n        <div class=\"d-flex align-items-center\">\n          @if (brand) {\n          <a href=\"{{brand.href}}\" class=\"px-2 text-muted text-decoration-none\">\n            <img src=\"{{brand.src}}\" alt=\"{{brand.alt}}\" class=\"brand-logo d-inline-block align-text-top\">\n          </a>\n          }\n          @if (copyright) {\n          <span class=\"text-muted\">{{copyright}}</span>\n          }\n        </div>\n        }\n\n        @if (socialNetworks.length) {\n        <ul class=\"nav\">\n          @for (item of socialNetworks; track item) {\n          <li class=\"px-2\">\n            <a class=\"text-muted social-icon\" href=\"{{item.href}}\" [ngbTooltip]=\"item.tooltip\">\n              <em class=\"{{item.iconClass}}\"></em>\n            </a>\n          </li>\n          }\n        </ul>\n        }\n      </div>\n    </div>\n  </div>\n</footer>", styles: [".social-icon:hover{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1))!important}.brand-logo{width:30px;height:30px}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgbTooltip, selector: "[ngbTooltip]", inputs: ["animation", "autoClose", "placement", "popperOptions", "triggers", "positionTarget", "container", "disableTooltip", "tooltipClass", "tooltipContext", "openDelay", "closeDelay", "ngbTooltip"], outputs: ["shown", "hidden"], exportAs: ["ngbTooltip"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsFooterComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ys-footer', imports: [NgClass, NgbTooltip], template: "<!-- https://colorlib.com/wp/template/bootstrap-footer-19/ -->\n<footer [ngClass]=\"styleClass\">\n  <div class=\"row\">\n    <div class=\"col-md-6 col-lg-3 mb-md-0 mb-4\">\n      <h2 class=\"footer-heading d-flex\">\n        <span class=\"icon d-flex align-items-center justify-content-center\"><i\n        class=\"ion-logo-ionic\"></i></span>\n        About\n      </h2>\n      <div class=\"block-23 mb-3\">\n        <ul>\n          <li><span class=\"icon ion-ios-pin\"></span><span class=\"text\">203 Fake St. Mountain View, San\n        Francisco, California, USA</span></li>\n        <li><a href=\"#\"><span class=\"icon ion-ios-call\"></span><span class=\"text\">+2 392 3929 210</span></a>\n      </li>\n      <li><a href=\"#\"><span class=\"icon ion-ios-send\"></span><span\n    class=\"text\">support&#64;yourdomain.com</span></a></li>\n  </ul>\n</div>\n\n<form action=\"#\" class=\"subscribe-form\">\n  <div class=\"input-group d-flex\">\n    <input type=\"text\" class=\"form-control\" placeholder=\"Enter email address\">\n    <button type=\"submit\" class=\"btn btn-info\">\n      <span class=\"sr-only\">Submit</span>\n      <i class=\"fa fa-paper-plane\"></i></button>\n    </div>\n  </form>\n</div>\n\n</div>\n<div class=\"row\">\n  <div class=\"col\">\n    <div class=\"d-flex justify-content-between align-items-center py-3 my-4 border-top\">\n      @if (brand || copyright) {\n        <div class=\"d-flex align-items-center\">\n          @if (brand) {\n            <a href=\"{{brand.href}}\" class=\"px-2 text-muted text-decoration-none\">\n              <img src=\"{{brand.src}}\" alt=\"{{brand.alt}}\" class=\"brand-logo d-inline-block align-text-top\">\n            </a>\n          }\n          @if (copyright) {\n            <span class=\"text-muted\">{{copyright}}</span>\n          }\n        </div>\n      }\n\n      @if (socialNetworks.length) {\n        <ul class=\"nav\">\n          @for (item of socialNetworks; track item) {\n            <li class=\"px-2\">\n              <a class=\"text-muted social-icon\" href=\"{{item.href}}\" [ngbTooltip]=\"item.tooltip\">\n                <em class=\"{{item.iconClass}}\"></em>\n              </a>\n            </li>\n          }\n        </ul>\n      }\n    </div>\n  </div>\n</div>\n</footer>", styles: [".social-icon:hover{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1))!important}.brand-logo{width:30px;height:30px}\n"] }]
+            args: [{ selector: 'ys-footer', imports: [NgClass, NgbTooltip], template: "<!-- https://colorlib.com/wp/template/bootstrap-footer-19/ -->\n<footer [ngClass]=\"styleClass\">\n  <!-- <div class=\"row\">\n    <div class=\"col-md-6 col-lg-3 mb-md-0 mb-4\">\n      <h2 class=\"footer-heading d-flex\">\n        <span class=\"icon d-flex align-items-center justify-content-center\"><i class=\"ion-logo-ionic\"></i></span>\n        About\n      </h2>\n      <div class=\"block-23 mb-3\">\n        <ul>\n          <li><span class=\"icon ion-ios-pin\"></span><span class=\"text\">203 Fake St. Mountain View, San\n              Francisco, California, USA</span></li>\n          <li><a href=\"#\"><span class=\"icon ion-ios-call\"></span><span class=\"text\">+2 392 3929 210</span></a>\n          </li>\n          <li><a href=\"#\"><span class=\"icon ion-ios-send\"></span><span\n                class=\"text\">support&#64;yourdomain.com</span></a></li>\n        </ul>\n      </div>\n\n      <form action=\"#\" class=\"subscribe-form\">\n        <div class=\"input-group d-flex\">\n          <input type=\"text\" class=\"form-control\" placeholder=\"Enter email address\">\n          <button type=\"submit\" class=\"btn btn-info\">\n            <span class=\"sr-only\">Submit</span>\n            <i class=\"fa fa-paper-plane\"></i></button>\n        </div>\n      </form>\n    </div>\n\n  </div> -->\n  <div class=\"row\">\n    <div class=\"col\">\n      <div class=\"d-flex justify-content-between align-items-center py-3 my-4 border-top\">\n        @if (brand || copyright) {\n        <div class=\"d-flex align-items-center\">\n          @if (brand) {\n          <a href=\"{{brand.href}}\" class=\"px-2 text-muted text-decoration-none\">\n            <img src=\"{{brand.src}}\" alt=\"{{brand.alt}}\" class=\"brand-logo d-inline-block align-text-top\">\n          </a>\n          }\n          @if (copyright) {\n          <span class=\"text-muted\">{{copyright}}</span>\n          }\n        </div>\n        }\n\n        @if (socialNetworks.length) {\n        <ul class=\"nav\">\n          @for (item of socialNetworks; track item) {\n          <li class=\"px-2\">\n            <a class=\"text-muted social-icon\" href=\"{{item.href}}\" [ngbTooltip]=\"item.tooltip\">\n              <em class=\"{{item.iconClass}}\"></em>\n            </a>\n          </li>\n          }\n        </ul>\n        }\n      </div>\n    </div>\n  </div>\n</footer>", styles: [".social-icon:hover{color:rgba(var(--bs-link-color-rgb),var(--bs-link-opacity, 1))!important}.brand-logo{width:30px;height:30px}\n"] }]
         }], propDecorators: { styleClass: [{
                 type: Input
             }], brand: [{

package/fesm2022/yoozsoft-yoozsoft-ng-footer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yoozsoft-yoozsoft-ng-footer.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/footer/src/ys-footer/ys-footer.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/footer/src/ys-footer/ys-footer.component.html","../../../../projects/yoozsoft/yoozsoft-ng/footer/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/footer/yoozsoft-yoozsoft-ng-footer.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\nimport { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';\r\nimport { FooterBrand, SocialNetwork } from '../models';\r\n\r\n@Component({\r\n  selector: 'ys-footer',\r\n  imports: [NgClass, NgbTooltip],\r\n  templateUrl: './ys-footer.component.html',\r\n  styleUrl: './ys-footer.component.scss'\r\n})\r\nexport class YsFooterComponent {\r\n\r\n  @Input() styleClass: string | null = null;\r\n  @Input() brand: FooterBrand | null = null;\r\n  @Input() copyright: string | null = null;\r\n  @Input() socialNetworks: SocialNetwork[] = [];\r\n\r\n}\r\n","<!-- https://colorlib.com/wp/template/bootstrap-footer-19/ -->\n<footer [ngClass]=\"styleClass\">\n  <div class=\"row\">\n    <div class=\"col-md-6 col-lg-3 mb-md-0 mb-4\">\n      <h2 class=\"footer-heading d-flex\">\n        <span class=\"icon d-flex align-items-center justify-content-center\"><i\n        class=\"ion-logo-ionic\"></i></span>\n        About\n      </h2>\n      <div class=\"block-23 mb-3\">\n        <ul>\n          <li><span class=\"icon ion-ios-pin\"></span><span class=\"text\">203 Fake St. Mountain View, San\n        Francisco, California, USA</span></li>\n        <li><a href=\"#\"><span class=\"icon ion-ios-call\"></span><span class=\"text\">+2 392 3929 210</span></a>\n      </li>\n      <li><a href=\"#\"><span class=\"icon ion-ios-send\"></span><span\n    class=\"text\">support&#64;yourdomain.com</span></a></li>\n  </ul>\n</div>\n\n<form action=\"#\" class=\"subscribe-form\">\n  <div class=\"input-group d-flex\">\n    <input type=\"text\" class=\"form-control\" placeholder=\"Enter email address\">\n    <button type=\"submit\" class=\"btn btn-info\">\n      <span class=\"sr-only\">Submit</span>\n      <i class=\"fa fa-paper-plane\"></i></button>\n    </div>\n  </form>\n</div>\n\n</div>\n<div class=\"row\">\n  <div class=\"col\">\n    <div class=\"d-flex justify-content-between align-items-center py-3 my-4 border-top\">\n      @if (brand || copyright) {\n        <div class=\"d-flex align-items-center\">\n          @if (brand) {\n            <a href=\"{{brand.href}}\" class=\"px-2 text-muted text-decoration-none\">\n              <img src=\"{{brand.src}}\" alt=\"{{brand.alt}}\" class=\"brand-logo d-inline-block align-text-top\">\n            </a>\n          }\n          @if (copyright) {\n            <span class=\"text-muted\">{{copyright}}</span>\n          }\n        </div>\n      }\n\n      @if (socialNetworks.length) {\n        <ul class=\"nav\">\n          @for (item of socialNetworks; track item) {\n            <li class=\"px-2\">\n              <a class=\"text-muted social-icon\" href=\"{{item.href}}\" [ngbTooltip]=\"item.tooltip\">\n                <em class=\"{{item.iconClass}}\"></em>\n              </a>\n            </li>\n          }\n        </ul>\n      }\n    </div>\n  </div>\n</div>\n</footer>","/*\r\n * Public API Surface of ys-footer\r\n */\r\n\r\nexport * from './src/models';\r\nexport * from './src/ys-footer/ys-footer.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,iBAAiB,CAAA;IAEnB,UAAU,GAAkB,IAAI;IAChC,KAAK,GAAuB,IAAI;IAChC,SAAS,GAAkB,IAAI;IAC/B,cAAc,GAAoB,EAAE;uGALlC,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX9B,2tEA6DS,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDtDG,OAAO,oFAAE,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,eAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIlB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EACZ,CAAC,OAAO,EAAE,UAAU,CAAC,EAAA,QAAA,EAAA,2tEAAA,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA;8BAMrB,UAAU,EAAA,CAAA;sBAAlB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;;;AEhBH;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"yoozsoft-yoozsoft-ng-footer.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/footer/src/ys-footer/ys-footer.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/footer/src/ys-footer/ys-footer.component.html","../../../../projects/yoozsoft/yoozsoft-ng/footer/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/footer/yoozsoft-yoozsoft-ng-footer.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\nimport { NgbTooltip } from '@ng-bootstrap/ng-bootstrap';\r\nimport { FooterBrand, SocialNetwork } from '../models';\r\n\r\n@Component({\r\n  selector: 'ys-footer',\r\n  imports: [NgClass, NgbTooltip],\r\n  templateUrl: './ys-footer.component.html',\r\n  styleUrl: './ys-footer.component.scss'\r\n})\r\nexport class YsFooterComponent {\r\n\r\n  @Input() styleClass: string | null = null;\r\n  @Input() brand: FooterBrand | null = null;\r\n  @Input() copyright: string | null = null;\r\n  @Input() socialNetworks: SocialNetwork[] = [];\r\n\r\n}\r\n","<!-- https://colorlib.com/wp/template/bootstrap-footer-19/ -->\n<footer [ngClass]=\"styleClass\">\n  <!-- <div class=\"row\">\n    <div class=\"col-md-6 col-lg-3 mb-md-0 mb-4\">\n      <h2 class=\"footer-heading d-flex\">\n        <span class=\"icon d-flex align-items-center justify-content-center\"><i class=\"ion-logo-ionic\"></i></span>\n        About\n      </h2>\n      <div class=\"block-23 mb-3\">\n        <ul>\n          <li><span class=\"icon ion-ios-pin\"></span><span class=\"text\">203 Fake St. Mountain View, San\n              Francisco, California, USA</span></li>\n          <li><a href=\"#\"><span class=\"icon ion-ios-call\"></span><span class=\"text\">+2 392 3929 210</span></a>\n          </li>\n          <li><a href=\"#\"><span class=\"icon ion-ios-send\"></span><span\n                class=\"text\">support&#64;yourdomain.com</span></a></li>\n        </ul>\n      </div>\n\n      <form action=\"#\" class=\"subscribe-form\">\n        <div class=\"input-group d-flex\">\n          <input type=\"text\" class=\"form-control\" placeholder=\"Enter email address\">\n          <button type=\"submit\" class=\"btn btn-info\">\n            <span class=\"sr-only\">Submit</span>\n            <i class=\"fa fa-paper-plane\"></i></button>\n        </div>\n      </form>\n    </div>\n\n  </div> -->\n  <div class=\"row\">\n    <div class=\"col\">\n      <div class=\"d-flex justify-content-between align-items-center py-3 my-4 border-top\">\n        @if (brand || copyright) {\n        <div class=\"d-flex align-items-center\">\n          @if (brand) {\n          <a href=\"{{brand.href}}\" class=\"px-2 text-muted text-decoration-none\">\n            <img src=\"{{brand.src}}\" alt=\"{{brand.alt}}\" class=\"brand-logo d-inline-block align-text-top\">\n          </a>\n          }\n          @if (copyright) {\n          <span class=\"text-muted\">{{copyright}}</span>\n          }\n        </div>\n        }\n\n        @if (socialNetworks.length) {\n        <ul class=\"nav\">\n          @for (item of socialNetworks; track item) {\n          <li class=\"px-2\">\n            <a class=\"text-muted social-icon\" href=\"{{item.href}}\" [ngbTooltip]=\"item.tooltip\">\n              <em class=\"{{item.iconClass}}\"></em>\n            </a>\n          </li>\n          }\n        </ul>\n        }\n      </div>\n    </div>\n  </div>\n</footer>","/*\r\n * Public API Surface of ys-footer\r\n */\r\n\r\nexport * from './src/models';\r\nexport * from './src/ys-footer/ys-footer.component';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAWa,iBAAiB,CAAA;IAEnB,UAAU,GAAkB,IAAI;IAChC,KAAK,GAAuB,IAAI;IAChC,SAAS,GAAkB,IAAI;IAC/B,cAAc,GAAoB,EAAE;uGALlC,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,YAAA,EAAA,KAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECX9B,uzEA4DS,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDrDG,OAAO,oFAAE,UAAU,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,WAAA,EAAA,eAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,cAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,YAAA,EAAA,YAAA,CAAA,EAAA,OAAA,EAAA,CAAA,OAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,YAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAIlB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EACZ,CAAC,OAAO,EAAE,UAAU,CAAC,EAAA,QAAA,EAAA,uzEAAA,EAAA,MAAA,EAAA,CAAA,mIAAA,CAAA,EAAA;8BAMrB,UAAU,EAAA,CAAA;sBAAlB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,SAAS,EAAA,CAAA;sBAAjB;gBACQ,cAAc,EAAA,CAAA;sBAAtB;;;AEhBH;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/yoozsoft-yoozsoft-ng-select.mjs

@@ -1,5 +1,6 @@
+import { NgClass } from '@angular/common';
 import * as i0 from '@angular/core';
-import { forwardRef, Input, Component } from '@angular/core';
+import { EventEmitter, forwardRef, Output, Input, Component } from '@angular/core';
 import * as i1 from '@angular/forms';
 import { FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';
 
@@ -12,9 +13,9 @@ class YsSelectComponent {
     placeholder;
     styleClass;
     invalid = false;
-    invalidStyleClass = 'is-invalid';
+    invalidFeedback;
     valid = false;
-    validStyleClass = 'is-valid';
+    validFeedback;
     /**Support multiple attribute */
     multiple = false;
     /**Size of multiple attribute */
@@ -22,6 +23,7 @@ class YsSelectComponent {
     /**Display clear button */
     isClear = false;
     disabled = false;
+    onSelect = new EventEmitter();
     onChange = () => { };
     onTouched = () => { };
     value;
@@ -60,6 +62,7 @@ class YsSelectComponent {
     onModelChange(option) {
         this.onChange(option);
         this.onTouched(option);
+        this.onSelect.emit(option);
     }
     clearValue() {
         this.multiple ? this.value = [] : this.value = null;
@@ -69,23 +72,23 @@ class YsSelectComponent {
         return typeof item == 'object';
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsSelectComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsSelectComponent, isStandalone: true, selector: "ys-select", inputs: { id: "id", options: "options", optionLabel: "optionLabel", placeholder: "placeholder", styleClass: "styleClass", invalid: "invalid", invalidStyleClass: "invalidStyleClass", valid: "valid", validStyleClass: "validStyleClass", multiple: "multiple", size: "size", isClear: "isClear", disabled: "disabled" }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsSelectComponent, isStandalone: true, selector: "ys-select", inputs: { id: "id", options: "options", optionLabel: "optionLabel", placeholder: "placeholder", styleClass: "styleClass", invalid: "invalid", invalidFeedback: "invalidFeedback", valid: "valid", validFeedback: "validFeedback", multiple: "multiple", size: "size", isClear: "isClear", disabled: "disabled" }, outputs: { onSelect: "onSelect" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => YsSelectComponent),
                 multi: true
             }
-        ], ngImport: i0, template: "<div class=\"input-group ys-select\">\n\n  @if (!multiple) {\n    <select [id]=\"id\"\n      class=\"form-select {{styleClass}} {{invalid && invalidStyleClass}} {{valid && validStyleClass}}\"\n      aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\n      @if (placeholder) {\n        <option selected disabled [ngValue]=\"null\" class=\"d-none\"> {{placeholder}}\n        </option>\n      }\n      @for (item of options; track item; let i = $index) {\n        <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\n          {{isObject(item) ? item[optionLabel] : item}}\n        </option>\n      }\n    </select>\n  }\n\n  @if (multiple) {\n    <select [id]=\"id\"\n      class=\"form-select {{styleClass}} {{invalid && invalidStyleClass}} {{valid && validStyleClass}}\"\n      aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\"\n      [multiple]=\"multiple\" [size]=\"size\">\n      @if (placeholder) {\n        <option selected disabled [ngValue]=\"null\"> {{placeholder}}\n        </option>\n      }\n      @for (item of options; track item; let i = $index) {\n        <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\n          {{isObject(item) ? item[optionLabel] : item}}\n        </option>\n      }\n    </select>\n  }\n\n  @if (isClear) {\n    <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\"\n      (click)=\"clearValue()\" [disabled]=\"disabled\">\n      <span class=\"fa fa-times\"></span>\n    </button>\n  }\n</div>", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { 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"] }] });
+        ], ngImport: i0, template: "<div class=\"ys-select\" [ngClass]=\"{'input-group': isClear, 'is-valid': valid, 'is-invalid': invalid}\">\r\n\r\n  @if (!multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\" class=\"d-none\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track item; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\"\r\n    [multiple]=\"multiple\" [size]=\"size\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track item; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (isClear) {\r\n  <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\" (click)=\"clearValue()\"\r\n    [disabled]=\"disabled\">\r\n    <span class=\"fa fa-times\"></span>\r\n  </button>\r\n  }\r\n</div>\r\n\r\n@if(valid && validFeedback){\r\n<div class=\"valid-feedback\">{{validFeedback}}</div>\r\n}\r\n@if(invalid && invalidFeedback){\r\n<div class=\"invalid-feedback\">{{invalidFeedback}}</div>\r\n}", styles: [""], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.SelectMultipleControlValueAccessor, selector: "select[multiple][formControlName],select[multiple][formControl],select[multiple][ngModel]", inputs: ["compareWith"] }, { 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: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsSelectComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ys-select', imports: [FormsModule], providers: [
+            args: [{ selector: 'ys-select', imports: [FormsModule, NgClass], providers: [
                         {
                             provide: NG_VALUE_ACCESSOR,
                             useExisting: forwardRef(() => YsSelectComponent),
                             multi: true
                         }
-                    ], template: "<div class=\"input-group ys-select\">\n\n  @if (!multiple) {\n    <select [id]=\"id\"\n      class=\"form-select {{styleClass}} {{invalid && invalidStyleClass}} {{valid && validStyleClass}}\"\n      aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\n      @if (placeholder) {\n        <option selected disabled [ngValue]=\"null\" class=\"d-none\"> {{placeholder}}\n        </option>\n      }\n      @for (item of options; track item; let i = $index) {\n        <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\n          {{isObject(item) ? item[optionLabel] : item}}\n        </option>\n      }\n    </select>\n  }\n\n  @if (multiple) {\n    <select [id]=\"id\"\n      class=\"form-select {{styleClass}} {{invalid && invalidStyleClass}} {{valid && validStyleClass}}\"\n      aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\"\n      [multiple]=\"multiple\" [size]=\"size\">\n      @if (placeholder) {\n        <option selected disabled [ngValue]=\"null\"> {{placeholder}}\n        </option>\n      }\n      @for (item of options; track item; let i = $index) {\n        <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\n          {{isObject(item) ? item[optionLabel] : item}}\n        </option>\n      }\n    </select>\n  }\n\n  @if (isClear) {\n    <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\"\n      (click)=\"clearValue()\" [disabled]=\"disabled\">\n      <span class=\"fa fa-times\"></span>\n    </button>\n  }\n</div>" }]
+                    ], template: "<div class=\"ys-select\" [ngClass]=\"{'input-group': isClear, 'is-valid': valid, 'is-invalid': invalid}\">\r\n\r\n  @if (!multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\" class=\"d-none\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track item; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\"\r\n    [multiple]=\"multiple\" [size]=\"size\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track item; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (isClear) {\r\n  <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\" (click)=\"clearValue()\"\r\n    [disabled]=\"disabled\">\r\n    <span class=\"fa fa-times\"></span>\r\n  </button>\r\n  }\r\n</div>\r\n\r\n@if(valid && validFeedback){\r\n<div class=\"valid-feedback\">{{validFeedback}}</div>\r\n}\r\n@if(invalid && invalidFeedback){\r\n<div class=\"invalid-feedback\">{{invalidFeedback}}</div>\r\n}" }]
         }], propDecorators: { id: [{
                 type: Input
             }], options: [{
@@ -98,11 +101,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }], invalid: [{
                 type: Input
-            }], invalidStyleClass: [{
+            }], invalidFeedback: [{
                 type: Input
             }], valid: [{
                 type: Input
-            }], validStyleClass: [{
+            }], validFeedback: [{
                 type: Input
             }], multiple: [{
                 type: Input
@@ -112,6 +115,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImpor
                 type: Input
             }], disabled: [{
                 type: Input
+            }], onSelect: [{
+                type: Output
             }] } });
 
 /*

package/fesm2022/yoozsoft-yoozsoft-ng-select.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yoozsoft-yoozsoft-ng-select.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/select/src/ys-select/ys-select.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/select/src/ys-select/ys-select.component.html","../../../../projects/yoozsoft/yoozsoft-ng/select/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/select/yoozsoft-yoozsoft-ng-select.ts"],"sourcesContent":["\r\nimport { Component, forwardRef, Input } from '@angular/core';\r\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'ys-select',\r\n  imports: [FormsModule],\r\n  templateUrl: './ys-select.component.html',\r\n  styleUrl: './ys-select.component.scss',\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => YsSelectComponent),\r\n      multi: true\r\n    }\r\n  ]\r\n})\r\nexport class YsSelectComponent implements ControlValueAccessor {\r\n\r\n  /**ُSelect element id */\r\n  @Input() id: string = 'ys-select';\r\n  @Input() options: any[] = [];\r\n  /**Name of field to display in option title */\r\n  @Input() optionLabel: string = 'label';\r\n  @Input() placeholder?: string;\r\n  @Input() styleClass?: string;\r\n  @Input() invalid?: boolean = false;\r\n  @Input() invalidStyleClass?: string = 'is-invalid';\r\n  @Input() valid?: boolean = false;\r\n  @Input() validStyleClass?: string = 'is-valid';\r\n  /**Support multiple attribute */\r\n  @Input() multiple?: boolean = false;\r\n  /**Size of multiple attribute */\r\n  @Input() size?: number;\r\n  /**Display clear button */\r\n  @Input() isClear?: boolean = false;\r\n\r\n  @Input() disabled: boolean = false;\r\n  onChange: any = () => { }\r\n  onTouched: any = () => { }\r\n\r\n  value?: any;\r\n\r\n  writeValue(obj: any): void {\r\n    if (!this.multiple && this.placeholder && !obj) {\r\n      this.value = null;\r\n      this.onChange(this.value);\r\n      return;\r\n    }\r\n\r\n    if (this.multiple && !obj) {\r\n      this.multiple ? this.value = [] : this.value = null;\r\n      this.onChange(this.value);\r\n      return;\r\n    }\r\n\r\n    if (!this.multiple && obj && Array.isArray(obj)) {\r\n      if (obj.length) {\r\n        this.value = obj[0];\r\n      }\r\n      else {\r\n        this.value = null;\r\n      }\r\n      this.onChange(this.value);\r\n      return;\r\n    }\r\n\r\n    this.value = obj;\r\n  }\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n  setDisabledState?(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n\r\n  onModelChange(option: any) {\r\n    this.onChange(option);\r\n    this.onTouched(option);\r\n  }\r\n\r\n  clearValue() {\r\n    this.multiple ? this.value = [] : this.value = null;\r\n    this.onModelChange(this.value);\r\n  }\r\n\r\n  isObject(item: any) {\r\n    return typeof item == 'object';\r\n  }\r\n\r\n}\r\n","<div class=\"input-group ys-select\">\n\n  @if (!multiple) {\n    <select [id]=\"id\"\n      class=\"form-select {{styleClass}} {{invalid && invalidStyleClass}} {{valid && validStyleClass}}\"\n      aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\n      @if (placeholder) {\n        <option selected disabled [ngValue]=\"null\" class=\"d-none\"> {{placeholder}}\n        </option>\n      }\n      @for (item of options; track item; let i = $index) {\n        <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\n          {{isObject(item) ? item[optionLabel] : item}}\n        </option>\n      }\n    </select>\n  }\n\n  @if (multiple) {\n    <select [id]=\"id\"\n      class=\"form-select {{styleClass}} {{invalid && invalidStyleClass}} {{valid && validStyleClass}}\"\n      aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\"\n      [multiple]=\"multiple\" [size]=\"size\">\n      @if (placeholder) {\n        <option selected disabled [ngValue]=\"null\"> {{placeholder}}\n        </option>\n      }\n      @for (item of options; track item; let i = $index) {\n        <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\n          {{isObject(item) ? item[optionLabel] : item}}\n        </option>\n      }\n    </select>\n  }\n\n  @if (isClear) {\n    <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\"\n      (click)=\"clearValue()\" [disabled]=\"disabled\">\n      <span class=\"fa fa-times\"></span>\n    </button>\n  }\n</div>","/*\r\n * Public API Surface of ys-select\r\n */\r\n\r\nexport * from './src/ys-select/ys-select.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAiBa,iBAAiB,CAAA;;IAGnB,EAAE,GAAW,WAAW;IACxB,OAAO,GAAU,EAAE;;IAEnB,WAAW,GAAW,OAAO;AAC7B,IAAA,WAAW;AACX,IAAA,UAAU;IACV,OAAO,GAAa,KAAK;IACzB,iBAAiB,GAAY,YAAY;IACzC,KAAK,GAAa,KAAK;IACvB,eAAe,GAAY,UAAU;;IAErC,QAAQ,GAAa,KAAK;;AAE1B,IAAA,IAAI;;IAEJ,OAAO,GAAa,KAAK;IAEzB,QAAQ,GAAY,KAAK;AAClC,IAAA,QAAQ,GAAQ,MAAK,GAAI;AACzB,IAAA,SAAS,GAAQ,MAAK,GAAI;AAE1B,IAAA,KAAK;AAEL,IAAA,UAAU,CAAC,GAAQ,EAAA;AACjB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE;AAC9C,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;YACzB;;AAGF,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE;AACzB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI;AACnD,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;YACzB;;AAGF,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AAC/C,YAAA,IAAI,GAAG,CAAC,MAAM,EAAE;AACd,gBAAA,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC;;iBAEhB;AACH,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI;;AAEnB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;YACzB;;AAGF,QAAA,IAAI,CAAC,KAAK,GAAG,GAAG;;AAElB,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;AAEpB,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;AAErB,IAAA,gBAAgB,CAAE,UAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;;AAG5B,IAAA,aAAa,CAAC,MAAW,EAAA;AACvB,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AACrB,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;;IAGxB,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI;AACnD,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGhC,IAAA,QAAQ,CAAC,IAAS,EAAA;AAChB,QAAA,OAAO,OAAO,IAAI,IAAI,QAAQ;;uGAzErB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EARjB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AAChD,gBAAA,KAAK,EAAE;AACR;SACF,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECfH,umDAyCM,yDDnCM,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kCAAA,EAAA,QAAA,EAAA,2FAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAWV,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,EAAA,OAAA,EACZ,CAAC,WAAW,CAAC,EAAA,SAAA,EAGX;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AAChD,4BAAA,KAAK,EAAE;AACR;AACF,qBAAA,EAAA,QAAA,EAAA,umDAAA,EAAA;8BAKQ,EAAE,EAAA,CAAA;sBAAV;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBAEQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,iBAAiB,EAAA,CAAA;sBAAzB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,eAAe,EAAA,CAAA;sBAAvB;gBAEQ,QAAQ,EAAA,CAAA;sBAAhB;gBAEQ,IAAI,EAAA,CAAA;sBAAZ;gBAEQ,OAAO,EAAA,CAAA;sBAAf;gBAEQ,QAAQ,EAAA,CAAA;sBAAhB;;;AErCH;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"yoozsoft-yoozsoft-ng-select.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/select/src/ys-select/ys-select.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/select/src/ys-select/ys-select.component.html","../../../../projects/yoozsoft/yoozsoft-ng/select/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/select/yoozsoft-yoozsoft-ng-select.ts"],"sourcesContent":["\r\nimport { NgClass } from '@angular/common';\r\nimport { Component, EventEmitter, forwardRef, Input, Output } from '@angular/core';\r\nimport { ControlValueAccessor, FormsModule, NG_VALUE_ACCESSOR } from '@angular/forms';\r\n\r\n@Component({\r\n  selector: 'ys-select',\r\n  imports: [FormsModule, NgClass],\r\n  templateUrl: './ys-select.component.html',\r\n  styleUrl: './ys-select.component.scss',\r\n  providers: [\r\n    {\r\n      provide: NG_VALUE_ACCESSOR,\r\n      useExisting: forwardRef(() => YsSelectComponent),\r\n      multi: true\r\n    }\r\n  ]\r\n})\r\nexport class YsSelectComponent implements ControlValueAccessor {\r\n\r\n  /**ُSelect element id */\r\n  @Input() id: string = 'ys-select';\r\n  @Input() options: any[] = [];\r\n  /**Name of field to display in option title */\r\n  @Input() optionLabel: string = 'label';\r\n  @Input() placeholder?: string;\r\n  @Input() styleClass?: string;\r\n  @Input() invalid?: boolean = false;\r\n  @Input() invalidFeedback?: string;\r\n  @Input() valid?: boolean = false;\r\n  @Input() validFeedback?: string;\r\n  /**Support multiple attribute */\r\n  @Input() multiple?: boolean = false;\r\n  /**Size of multiple attribute */\r\n  @Input() size?: number;\r\n  /**Display clear button */\r\n  @Input() isClear?: boolean = false;\r\n\r\n  @Input() disabled: boolean = false;\r\n  @Output() onSelect: EventEmitter<any> = new EventEmitter<any>();\r\n\r\n  onChange: any = () => { }\r\n  onTouched: any = () => { }\r\n\r\n  value?: any;\r\n\r\n  writeValue(obj: any): void {\r\n    if (!this.multiple && this.placeholder && !obj) {\r\n      this.value = null;\r\n      this.onChange(this.value);\r\n      return;\r\n    }\r\n\r\n    if (this.multiple && !obj) {\r\n      this.multiple ? this.value = [] : this.value = null;\r\n      this.onChange(this.value);\r\n      return;\r\n    }\r\n\r\n    if (!this.multiple && obj && Array.isArray(obj)) {\r\n      if (obj.length) {\r\n        this.value = obj[0];\r\n      }\r\n      else {\r\n        this.value = null;\r\n      }\r\n      this.onChange(this.value);\r\n      return;\r\n    }\r\n\r\n    this.value = obj;\r\n  }\r\n  registerOnChange(fn: any): void {\r\n    this.onChange = fn;\r\n  }\r\n  registerOnTouched(fn: any): void {\r\n    this.onTouched = fn;\r\n  }\r\n  setDisabledState?(isDisabled: boolean): void {\r\n    this.disabled = isDisabled;\r\n  }\r\n\r\n  onModelChange(option: any) {\r\n    this.onChange(option);\r\n    this.onTouched(option);\r\n    this.onSelect.emit(option);\r\n  }\r\n\r\n  clearValue() {\r\n    this.multiple ? this.value = [] : this.value = null;\r\n    this.onModelChange(this.value);\r\n  }\r\n\r\n  isObject(item: any) {\r\n    return typeof item == 'object';\r\n  }\r\n\r\n}\r\n","<div class=\"ys-select\" [ngClass]=\"{'input-group': isClear, 'is-valid': valid, 'is-invalid': invalid}\">\r\n\r\n  @if (!multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\" class=\"d-none\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track item; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (multiple) {\r\n  <select [id]=\"id\" class=\"form-select {{styleClass}}\" [ngClass]=\"{'is-valid': valid, 'is-invalid': invalid}\"\r\n    aria-label=\"Select option\" [(ngModel)]=\"value\" (ngModelChange)=\"onModelChange($event)\" [disabled]=\"disabled\"\r\n    [multiple]=\"multiple\" [size]=\"size\">\r\n    @if (placeholder) {\r\n    <option selected disabled [ngValue]=\"null\"> {{placeholder}}\r\n    </option>\r\n    }\r\n    @for (item of options; track item; let i = $index) {\r\n    <option [selected]=\" i === 0 && !placeholder \" [ngValue]=\"item\">\r\n      {{isObject(item) ? item[optionLabel] : item}}\r\n    </option>\r\n    }\r\n  </select>\r\n  }\r\n\r\n  @if (isClear) {\r\n  <button class=\"btn btn-outline-secondary btn-clear\" type=\"button\" id=\"btn-clear\" (click)=\"clearValue()\"\r\n    [disabled]=\"disabled\">\r\n    <span class=\"fa fa-times\"></span>\r\n  </button>\r\n  }\r\n</div>\r\n\r\n@if(valid && validFeedback){\r\n<div class=\"valid-feedback\">{{validFeedback}}</div>\r\n}\r\n@if(invalid && invalidFeedback){\r\n<div class=\"invalid-feedback\">{{invalidFeedback}}</div>\r\n}","/*\r\n * Public API Surface of ys-select\r\n */\r\n\r\nexport * from './src/ys-select/ys-select.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAkBa,iBAAiB,CAAA;;IAGnB,EAAE,GAAW,WAAW;IACxB,OAAO,GAAU,EAAE;;IAEnB,WAAW,GAAW,OAAO;AAC7B,IAAA,WAAW;AACX,IAAA,UAAU;IACV,OAAO,GAAa,KAAK;AACzB,IAAA,eAAe;IACf,KAAK,GAAa,KAAK;AACvB,IAAA,aAAa;;IAEb,QAAQ,GAAa,KAAK;;AAE1B,IAAA,IAAI;;IAEJ,OAAO,GAAa,KAAK;IAEzB,QAAQ,GAAY,KAAK;AACxB,IAAA,QAAQ,GAAsB,IAAI,YAAY,EAAO;AAE/D,IAAA,QAAQ,GAAQ,MAAK,GAAI;AACzB,IAAA,SAAS,GAAQ,MAAK,GAAI;AAE1B,IAAA,KAAK;AAEL,IAAA,UAAU,CAAC,GAAQ,EAAA;AACjB,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,WAAW,IAAI,CAAC,GAAG,EAAE;AAC9C,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI;AACjB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;YACzB;;AAGF,QAAA,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,GAAG,EAAE;AACzB,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI;AACnD,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;YACzB;;AAGF,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,IAAI,GAAG,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;AAC/C,YAAA,IAAI,GAAG,CAAC,MAAM,EAAE;AACd,gBAAA,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC;;iBAEhB;AACH,gBAAA,IAAI,CAAC,KAAK,GAAG,IAAI;;AAEnB,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;YACzB;;AAGF,QAAA,IAAI,CAAC,KAAK,GAAG,GAAG;;AAElB,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;;AAEpB,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;;AAErB,IAAA,gBAAgB,CAAE,UAAmB,EAAA;AACnC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;;AAG5B,IAAA,aAAa,CAAC,MAAW,EAAA;AACvB,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;AACrB,QAAA,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC;AACtB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC;;IAG5B,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI;AACnD,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;;AAGhC,IAAA,QAAQ,CAAC,IAAS,EAAA;AAChB,QAAA,OAAO,OAAO,IAAI,IAAI,QAAQ;;uGA5ErB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,SAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,UAAA,EAAA,YAAA,EAAA,OAAA,EAAA,SAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,OAAA,EAAA,aAAA,EAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EARjB;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,iBAAiB;AAC1B,gBAAA,WAAW,EAAE,UAAU,CAAC,MAAM,iBAAiB,CAAC;AAChD,gBAAA,KAAK,EAAE;AACR;AACF,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EChBH,41DA8CC,EAAA,MAAA,EAAA,CAAA,EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDvCW,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,6GAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kCAAA,EAAA,QAAA,EAAA,2FAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAWnB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,WAAW,WACZ,CAAC,WAAW,EAAE,OAAO,CAAC,EAAA,SAAA,EAGpB;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,iBAAiB;AAC1B,4BAAA,WAAW,EAAE,UAAU,CAAC,uBAAuB,CAAC;AAChD,4BAAA,KAAK,EAAE;AACR;AACF,qBAAA,EAAA,QAAA,EAAA,41DAAA,EAAA;8BAKQ,EAAE,EAAA,CAAA;sBAAV;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBAEQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,WAAW,EAAA,CAAA;sBAAnB;gBACQ,UAAU,EAAA,CAAA;sBAAlB;gBACQ,OAAO,EAAA,CAAA;sBAAf;gBACQ,eAAe,EAAA,CAAA;sBAAvB;gBACQ,KAAK,EAAA,CAAA;sBAAb;gBACQ,aAAa,EAAA,CAAA;sBAArB;gBAEQ,QAAQ,EAAA,CAAA;sBAAhB;gBAEQ,IAAI,EAAA,CAAA;sBAAZ;gBAEQ,OAAO,EAAA,CAAA;sBAAf;gBAEQ,QAAQ,EAAA,CAAA;sBAAhB;gBACS,QAAQ,EAAA,CAAA;sBAAjB;;;AEvCH;;AAEG;;ACFH;;AAEG;;;;"}

package/fesm2022/yoozsoft-yoozsoft-ng-tiff-viewer.mjs

@@ -116,11 +116,11 @@ class YsTiffViewerComponent {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsTiffViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsTiffViewerComponent, isStandalone: true, selector: "ys-tiff-viewer", inputs: { buffer: "buffer", currentPageReportTemplate: "currentPageReportTemplate", styleClass: "styleClass", noFileMessage: "noFileMessage", firstIconClass: "firstIconClass", previousIconClass: "previousIconClass", nextIconClass: "nextIconClass", lastIconClass: "lastIconClass" }, ngImport: i0, template: "<div class=\"row\">\n  <div class=\"col d-flex justify-content-between align-items-center mt-2\">\n    <div>\n      <button class=\"btn btn-outline-primary mb-0 me-2\" [ngClass]=\"{'ml-auto': isIFDs}\" type=\"button\"\n        (click)=\"first()\" [disabled]=\"isFirstImage\">\n        <i [ngClass]=\"firstIconClass\"></i>\n      </button>\n      <button class=\"btn btn-outline-primary mb-0\" type=\"button\" (click)=\"previous()\" [disabled]=\"isFirstImage\">\n        <i [ngClass]=\"previousIconClass\"></i>\n      </button>\n    </div>\n\n    @if (isIFDs) {\n      <span [innerHtml]=\"currentPageReportTemplate\">\n      </span>\n    }\n\n    <div>\n      <button class=\"btn btn-outline-primary mb-0 me-2\" type=\"button\" (click)=\"next()\" [disabled]=\"isLastImage\">\n        <i [ngClass]=\"nextIconClass\"></i>\n      </button>\n      <button class=\"btn btn-outline-primary mb-0\" [ngClass]=\"{'mr-auto': isIFDs}\" type=\"button\" (click)=\"last()\"\n        [disabled]=\"isLastImage\">\n        <i [ngClass]=\"lastIconClass\"></i>\n      </button>\n    </div>\n\n\n  </div>\n</div>\n<div class=\"row\">\n  <div class=\"col\">\n    <div class=\"canvas-container card d-flex justify-content-center align-items-center mt-1 {{styleClass}}\">\n      @if (!isIFDs && noFileMessage) {\n        <span>{{noFileMessage}}</span>\n      }\n      <canvas #tiffCanvas id=\"tiffCanvas\" class=\"canvas-image img-fluid\" [ngClass]=\"{'d-none': !isIFDs}\"></canvas>\n      <div class=\"backdrop position-absolute w-100 h-100 d-flex justify-content-center align-items-center\"\n        [ngClass]=\"{'d-none': !isDecoding}\">\n\n      </div>\n      <div class=\"spinner-border text-info position-absolute\" style=\"width: 3rem; height: 3rem;\" role=\"status\"\n        [ngClass]=\"{'d-none': !isDecoding}\">\n        <span class=\"visually-hidden\">Loading...</span>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".backdrop{background-color:rgba(var(--bs-dark-rgb),.3)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.5", type: YsTiffViewerComponent, isStandalone: true, selector: "ys-tiff-viewer", inputs: { buffer: "buffer", currentPageReportTemplate: "currentPageReportTemplate", styleClass: "styleClass", noFileMessage: "noFileMessage", firstIconClass: "firstIconClass", previousIconClass: "previousIconClass", nextIconClass: "nextIconClass", lastIconClass: "lastIconClass" }, ngImport: i0, template: "<div class=\"row\">\r\n  <div class=\"col d-flex justify-content-between align-items-center\">\r\n    <div>\r\n      <button class=\"btn btn-outline-primary mb-0 me-2\" [ngClass]=\"{'ml-auto': isIFDs}\" type=\"button\"\r\n        (click)=\"first()\" [disabled]=\"isFirstImage\">\r\n        <i [ngClass]=\"firstIconClass\"></i>\r\n      </button>\r\n      <button class=\"btn btn-outline-primary mb-0\" type=\"button\" (click)=\"previous()\" [disabled]=\"isFirstImage\">\r\n        <i [ngClass]=\"previousIconClass\"></i>\r\n      </button>\r\n    </div>\r\n\r\n    @if (isIFDs) {\r\n      <span [innerHtml]=\"currentPageReportTemplate\">\r\n      </span>\r\n    }\r\n\r\n    <div>\r\n      <button class=\"btn btn-outline-primary mb-0 me-2\" type=\"button\" (click)=\"next()\" [disabled]=\"isLastImage\">\r\n        <i [ngClass]=\"nextIconClass\"></i>\r\n      </button>\r\n      <button class=\"btn btn-outline-primary mb-0\" [ngClass]=\"{'mr-auto': isIFDs}\" type=\"button\" (click)=\"last()\"\r\n        [disabled]=\"isLastImage\">\r\n        <i [ngClass]=\"lastIconClass\"></i>\r\n      </button>\r\n    </div>\r\n\r\n\r\n  </div>\r\n</div>\r\n<div class=\"row\">\r\n  <div class=\"col\">\r\n    <div class=\"canvas-container card d-flex justify-content-center align-items-center mt-1 {{styleClass}}\">\r\n      @if (!isIFDs && noFileMessage) {\r\n        <span>{{noFileMessage}}</span>\r\n      }\r\n      <canvas #tiffCanvas id=\"tiffCanvas\" class=\"canvas-image img-fluid\" [ngClass]=\"{'d-none': !isIFDs}\"></canvas>\r\n      <div class=\"backdrop position-absolute w-100 h-100 d-flex justify-content-center align-items-center\"\r\n        [ngClass]=\"{'d-none': !isDecoding}\">\r\n\r\n      </div>\r\n      <div class=\"spinner-border text-info position-absolute\" style=\"width: 3rem; height: 3rem;\" role=\"status\"\r\n        [ngClass]=\"{'d-none': !isDecoding}\">\r\n        <span class=\"visually-hidden\">Loading...</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".backdrop{background-color:rgba(var(--bs-dark-rgb),.3)}\n"], dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: YsTiffViewerComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ys-tiff-viewer', imports: [NgClass], template: "<div class=\"row\">\n  <div class=\"col d-flex justify-content-between align-items-center mt-2\">\n    <div>\n      <button class=\"btn btn-outline-primary mb-0 me-2\" [ngClass]=\"{'ml-auto': isIFDs}\" type=\"button\"\n        (click)=\"first()\" [disabled]=\"isFirstImage\">\n        <i [ngClass]=\"firstIconClass\"></i>\n      </button>\n      <button class=\"btn btn-outline-primary mb-0\" type=\"button\" (click)=\"previous()\" [disabled]=\"isFirstImage\">\n        <i [ngClass]=\"previousIconClass\"></i>\n      </button>\n    </div>\n\n    @if (isIFDs) {\n      <span [innerHtml]=\"currentPageReportTemplate\">\n      </span>\n    }\n\n    <div>\n      <button class=\"btn btn-outline-primary mb-0 me-2\" type=\"button\" (click)=\"next()\" [disabled]=\"isLastImage\">\n        <i [ngClass]=\"nextIconClass\"></i>\n      </button>\n      <button class=\"btn btn-outline-primary mb-0\" [ngClass]=\"{'mr-auto': isIFDs}\" type=\"button\" (click)=\"last()\"\n        [disabled]=\"isLastImage\">\n        <i [ngClass]=\"lastIconClass\"></i>\n      </button>\n    </div>\n\n\n  </div>\n</div>\n<div class=\"row\">\n  <div class=\"col\">\n    <div class=\"canvas-container card d-flex justify-content-center align-items-center mt-1 {{styleClass}}\">\n      @if (!isIFDs && noFileMessage) {\n        <span>{{noFileMessage}}</span>\n      }\n      <canvas #tiffCanvas id=\"tiffCanvas\" class=\"canvas-image img-fluid\" [ngClass]=\"{'d-none': !isIFDs}\"></canvas>\n      <div class=\"backdrop position-absolute w-100 h-100 d-flex justify-content-center align-items-center\"\n        [ngClass]=\"{'d-none': !isDecoding}\">\n\n      </div>\n      <div class=\"spinner-border text-info position-absolute\" style=\"width: 3rem; height: 3rem;\" role=\"status\"\n        [ngClass]=\"{'d-none': !isDecoding}\">\n        <span class=\"visually-hidden\">Loading...</span>\n      </div>\n    </div>\n  </div>\n</div>", styles: [".backdrop{background-color:rgba(var(--bs-dark-rgb),.3)}\n"] }]
+            args: [{ selector: 'ys-tiff-viewer', imports: [NgClass], template: "<div class=\"row\">\r\n  <div class=\"col d-flex justify-content-between align-items-center\">\r\n    <div>\r\n      <button class=\"btn btn-outline-primary mb-0 me-2\" [ngClass]=\"{'ml-auto': isIFDs}\" type=\"button\"\r\n        (click)=\"first()\" [disabled]=\"isFirstImage\">\r\n        <i [ngClass]=\"firstIconClass\"></i>\r\n      </button>\r\n      <button class=\"btn btn-outline-primary mb-0\" type=\"button\" (click)=\"previous()\" [disabled]=\"isFirstImage\">\r\n        <i [ngClass]=\"previousIconClass\"></i>\r\n      </button>\r\n    </div>\r\n\r\n    @if (isIFDs) {\r\n      <span [innerHtml]=\"currentPageReportTemplate\">\r\n      </span>\r\n    }\r\n\r\n    <div>\r\n      <button class=\"btn btn-outline-primary mb-0 me-2\" type=\"button\" (click)=\"next()\" [disabled]=\"isLastImage\">\r\n        <i [ngClass]=\"nextIconClass\"></i>\r\n      </button>\r\n      <button class=\"btn btn-outline-primary mb-0\" [ngClass]=\"{'mr-auto': isIFDs}\" type=\"button\" (click)=\"last()\"\r\n        [disabled]=\"isLastImage\">\r\n        <i [ngClass]=\"lastIconClass\"></i>\r\n      </button>\r\n    </div>\r\n\r\n\r\n  </div>\r\n</div>\r\n<div class=\"row\">\r\n  <div class=\"col\">\r\n    <div class=\"canvas-container card d-flex justify-content-center align-items-center mt-1 {{styleClass}}\">\r\n      @if (!isIFDs && noFileMessage) {\r\n        <span>{{noFileMessage}}</span>\r\n      }\r\n      <canvas #tiffCanvas id=\"tiffCanvas\" class=\"canvas-image img-fluid\" [ngClass]=\"{'d-none': !isIFDs}\"></canvas>\r\n      <div class=\"backdrop position-absolute w-100 h-100 d-flex justify-content-center align-items-center\"\r\n        [ngClass]=\"{'d-none': !isDecoding}\">\r\n\r\n      </div>\r\n      <div class=\"spinner-border text-info position-absolute\" style=\"width: 3rem; height: 3rem;\" role=\"status\"\r\n        [ngClass]=\"{'d-none': !isDecoding}\">\r\n        <span class=\"visually-hidden\">Loading...</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>", styles: [".backdrop{background-color:rgba(var(--bs-dark-rgb),.3)}\n"] }]
         }], propDecorators: { buffer: [{
                 type: Input
             }], currentPageReportTemplate: [{

package/fesm2022/yoozsoft-yoozsoft-ng-tiff-viewer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"yoozsoft-yoozsoft-ng-tiff-viewer.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/tiff-viewer/src/ys-tiff-viewer/ys-tiff-viewer.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/tiff-viewer/src/ys-tiff-viewer/ys-tiff-viewer.component.html","../../../../projects/yoozsoft/yoozsoft-ng/tiff-viewer/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/tiff-viewer/yoozsoft-yoozsoft-ng-tiff-viewer.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\n\r\ndeclare var UTIF: any;\r\n\r\n@Component({\r\n  selector: 'ys-tiff-viewer',\r\n  imports: [NgClass],\r\n  templateUrl: './ys-tiff-viewer.component.html',\r\n  styleUrl: './ys-tiff-viewer.component.scss'\r\n})\r\nexport class YsTiffViewerComponent {\r\n\r\n  private canvas: any;\r\n  private context: any;\r\n  /**image file directories */\r\n  private IFDs: any[] = [];\r\n  private currentIFDIndex: number = 0;\r\n  isDecoding: boolean = false;\r\n\r\n  private _buffer: ArrayBuffer | File | Blob | null | undefined;\r\n  /**Uint8Array source */\r\n  /**ArrayBuffer containing TIFF or EXIF data */\r\n  @Input()\r\n  get buffer(): ArrayBuffer | File | Blob | null | undefined { return this._buffer; }\r\n  set buffer(value: ArrayBuffer | File | Blob | null | undefined) { this._buffer = value; this.convertSource(this._buffer); }\r\n\r\n  _currentPageReportTemplate?: string = \"Page {current} of {total}\";\r\n  /**Current page report template */\r\n  @Input()\r\n  get currentPageReportTemplate(): string | undefined {\r\n    return this._currentPageReportTemplate?.\r\n      replace('{current}', `<strong>${this.currentIFDIndex + 1}</strong>`).\r\n      replace('{total}', `<strong>${this.IFDs.length}</strong>`);\r\n  }\r\n  set currentPageReportTemplate(value: string | undefined) { this._currentPageReportTemplate = value; }\r\n\r\n  /**Canvas container style class */\r\n  @Input() styleClass?: string;\r\n  /**Message displayed before filling the input buffer */\r\n  @Input() noFileMessage?: string = \"No image file\";\r\n\r\n  /**First button icon class */\r\n  @Input() firstIconClass: string = 'fa fa-fast-backward';\r\n  /**Previous button icon class */\r\n  @Input() previousIconClass: string = 'fa fa-step-backward';\r\n  /**Next button icon class */\r\n  @Input() nextIconClass: string = 'fa fa-step-forward';\r\n  /**Last button icon class */\r\n  @Input() lastIconClass: string = 'fa fa-fast-forward';\r\n\r\n  get isIFDs(): boolean { return this.IFDs.length > 0; }\r\n  get isFirstImage(): boolean { return !this.isIFDs || (this.currentIFDIndex == 0); }\r\n  get isLastImage(): boolean { return !this.isIFDs || (this.currentIFDIndex == this.IFDs.length - 1); }\r\n\r\n\r\n  /**\r\n   * Convert buffer to an array of \"IFDs\" (image file directories)\r\n   * @param buffer ArrayBuffer containing TIFF or EXIF data\r\n   * @returns \r\n   */\r\n  async convertSource(buffer: ArrayBuffer | File | Blob | null | undefined) {\r\n    this.canvas = document.getElementById(\"tiffCanvas\");\r\n    this.context = this.canvas.getContext(\"2d\");\r\n    this.IFDs = [];\r\n    this.currentIFDIndex = 0;\r\n\r\n    if (!buffer) {\r\n      this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\r\n      return;\r\n    }\r\n\r\n    if (buffer instanceof File || buffer instanceof Blob) {\r\n      buffer = await this.getAsByteArray(buffer);\r\n    }\r\n\r\n    this.isDecoding = true;\r\n\r\n    this.IFDs = UTIF.decode(buffer);\r\n\r\n    this.IFDs.forEach((ifd: any) => {\r\n      UTIF.decodeImage(buffer, ifd);\r\n    });\r\n\r\n    this.putImage(this.currentIFDIndex);\r\n\r\n    this.isDecoding = false;\r\n  }\r\n\r\n  putImage(index: number) {\r\n    if (!this.IFDs.length) {\r\n      this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\r\n      return;\r\n    }\r\n\r\n    const tiffImage = this.IFDs[index];\r\n    const rgbaImage = UTIF.toRGBA8(tiffImage);  // Uint8Array with RGBA pixels\r\n\r\n    const data = new Uint8ClampedArray(rgbaImage);\r\n    const imageData = new ImageData(data, tiffImage.width, tiffImage.height);\r\n\r\n    this.context.canvas.width = tiffImage.width;\r\n    this.context.canvas.height = tiffImage.height;\r\n    // Draw image data to the canvas\r\n    this.context.putImageData(imageData, 0, 0);\r\n  }\r\n\r\n\r\n  first() {\r\n    this.currentIFDIndex = 0;\r\n    this.putImage(this.currentIFDIndex);\r\n  }\r\n  previous() {\r\n    this.currentIFDIndex -= 1;\r\n    if (this.currentIFDIndex < 0) {\r\n      this.currentIFDIndex = 0;\r\n      return;\r\n    }\r\n    this.putImage(this.currentIFDIndex);\r\n  }\r\n\r\n  next() {\r\n    this.currentIFDIndex += 1;\r\n    if (this.currentIFDIndex > (this.IFDs.length - 1)) {\r\n      this.currentIFDIndex = this.IFDs.length - 1;\r\n      return;\r\n    }\r\n    this.putImage(this.currentIFDIndex);\r\n  }\r\n  last() {\r\n    this.currentIFDIndex = this.IFDs.length - 1;\r\n    this.putImage(this.currentIFDIndex);\r\n  }\r\n\r\n  async getAsByteArray(blob: Blob) {\r\n    var res = new Uint8Array(await this.readFile(blob))\r\n    return res;\r\n  }\r\n\r\n  async readFile(blob: Blob): Promise<ArrayBuffer> {\r\n    return new Promise((resolve, reject) => {\r\n      // Create file reader\r\n      let reader = new FileReader()\r\n\r\n      // Register event listeners\r\n      reader.onload = () => resolve(reader.result as ArrayBuffer);\r\n      reader.onerror = error => reject(error);\r\n\r\n      // Read file\r\n      reader.readAsArrayBuffer(blob);\r\n    })\r\n  }\r\n\r\n}\r\n","<div class=\"row\">\n  <div class=\"col d-flex justify-content-between align-items-center mt-2\">\n    <div>\n      <button class=\"btn btn-outline-primary mb-0 me-2\" [ngClass]=\"{'ml-auto': isIFDs}\" type=\"button\"\n        (click)=\"first()\" [disabled]=\"isFirstImage\">\n        <i [ngClass]=\"firstIconClass\"></i>\n      </button>\n      <button class=\"btn btn-outline-primary mb-0\" type=\"button\" (click)=\"previous()\" [disabled]=\"isFirstImage\">\n        <i [ngClass]=\"previousIconClass\"></i>\n      </button>\n    </div>\n\n    @if (isIFDs) {\n      <span [innerHtml]=\"currentPageReportTemplate\">\n      </span>\n    }\n\n    <div>\n      <button class=\"btn btn-outline-primary mb-0 me-2\" type=\"button\" (click)=\"next()\" [disabled]=\"isLastImage\">\n        <i [ngClass]=\"nextIconClass\"></i>\n      </button>\n      <button class=\"btn btn-outline-primary mb-0\" [ngClass]=\"{'mr-auto': isIFDs}\" type=\"button\" (click)=\"last()\"\n        [disabled]=\"isLastImage\">\n        <i [ngClass]=\"lastIconClass\"></i>\n      </button>\n    </div>\n\n\n  </div>\n</div>\n<div class=\"row\">\n  <div class=\"col\">\n    <div class=\"canvas-container card d-flex justify-content-center align-items-center mt-1 {{styleClass}}\">\n      @if (!isIFDs && noFileMessage) {\n        <span>{{noFileMessage}}</span>\n      }\n      <canvas #tiffCanvas id=\"tiffCanvas\" class=\"canvas-image img-fluid\" [ngClass]=\"{'d-none': !isIFDs}\"></canvas>\n      <div class=\"backdrop position-absolute w-100 h-100 d-flex justify-content-center align-items-center\"\n        [ngClass]=\"{'d-none': !isDecoding}\">\n\n      </div>\n      <div class=\"spinner-border text-info position-absolute\" style=\"width: 3rem; height: 3rem;\" role=\"status\"\n        [ngClass]=\"{'d-none': !isDecoding}\">\n        <span class=\"visually-hidden\">Loading...</span>\n      </div>\n    </div>\n  </div>\n</div>","/*\r\n * Public API Surface of ys-sidebar\r\n */\r\n\r\nexport * from './src/ys-tiff-viewer/ys-tiff-viewer.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"yoozsoft-yoozsoft-ng-tiff-viewer.mjs","sources":["../../../../projects/yoozsoft/yoozsoft-ng/tiff-viewer/src/ys-tiff-viewer/ys-tiff-viewer.component.ts","../../../../projects/yoozsoft/yoozsoft-ng/tiff-viewer/src/ys-tiff-viewer/ys-tiff-viewer.component.html","../../../../projects/yoozsoft/yoozsoft-ng/tiff-viewer/public-api.ts","../../../../projects/yoozsoft/yoozsoft-ng/tiff-viewer/yoozsoft-yoozsoft-ng-tiff-viewer.ts"],"sourcesContent":["import { NgClass } from '@angular/common';\r\nimport { Component, Input } from '@angular/core';\r\n\r\ndeclare var UTIF: any;\r\n\r\n@Component({\r\n  selector: 'ys-tiff-viewer',\r\n  imports: [NgClass],\r\n  templateUrl: './ys-tiff-viewer.component.html',\r\n  styleUrl: './ys-tiff-viewer.component.scss'\r\n})\r\nexport class YsTiffViewerComponent {\r\n\r\n  private canvas: any;\r\n  private context: any;\r\n  /**image file directories */\r\n  private IFDs: any[] = [];\r\n  private currentIFDIndex: number = 0;\r\n  isDecoding: boolean = false;\r\n\r\n  private _buffer: ArrayBuffer | File | Blob | null | undefined;\r\n  /**Uint8Array source */\r\n  /**ArrayBuffer containing TIFF or EXIF data */\r\n  @Input()\r\n  get buffer(): ArrayBuffer | File | Blob | null | undefined { return this._buffer; }\r\n  set buffer(value: ArrayBuffer | File | Blob | null | undefined) { this._buffer = value; this.convertSource(this._buffer); }\r\n\r\n  _currentPageReportTemplate?: string = \"Page {current} of {total}\";\r\n  /**Current page report template */\r\n  @Input()\r\n  get currentPageReportTemplate(): string | undefined {\r\n    return this._currentPageReportTemplate?.\r\n      replace('{current}', `<strong>${this.currentIFDIndex + 1}</strong>`).\r\n      replace('{total}', `<strong>${this.IFDs.length}</strong>`);\r\n  }\r\n  set currentPageReportTemplate(value: string | undefined) { this._currentPageReportTemplate = value; }\r\n\r\n  /**Canvas container style class */\r\n  @Input() styleClass?: string;\r\n  /**Message displayed before filling the input buffer */\r\n  @Input() noFileMessage?: string = \"No image file\";\r\n\r\n  /**First button icon class */\r\n  @Input() firstIconClass: string = 'fa fa-fast-backward';\r\n  /**Previous button icon class */\r\n  @Input() previousIconClass: string = 'fa fa-step-backward';\r\n  /**Next button icon class */\r\n  @Input() nextIconClass: string = 'fa fa-step-forward';\r\n  /**Last button icon class */\r\n  @Input() lastIconClass: string = 'fa fa-fast-forward';\r\n\r\n  get isIFDs(): boolean { return this.IFDs.length > 0; }\r\n  get isFirstImage(): boolean { return !this.isIFDs || (this.currentIFDIndex == 0); }\r\n  get isLastImage(): boolean { return !this.isIFDs || (this.currentIFDIndex == this.IFDs.length - 1); }\r\n\r\n\r\n  /**\r\n   * Convert buffer to an array of \"IFDs\" (image file directories)\r\n   * @param buffer ArrayBuffer containing TIFF or EXIF data\r\n   * @returns \r\n   */\r\n  async convertSource(buffer: ArrayBuffer | File | Blob | null | undefined) {\r\n    this.canvas = document.getElementById(\"tiffCanvas\");\r\n    this.context = this.canvas.getContext(\"2d\");\r\n    this.IFDs = [];\r\n    this.currentIFDIndex = 0;\r\n\r\n    if (!buffer) {\r\n      this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\r\n      return;\r\n    }\r\n\r\n    if (buffer instanceof File || buffer instanceof Blob) {\r\n      buffer = await this.getAsByteArray(buffer);\r\n    }\r\n\r\n    this.isDecoding = true;\r\n\r\n    this.IFDs = UTIF.decode(buffer);\r\n\r\n    this.IFDs.forEach((ifd: any) => {\r\n      UTIF.decodeImage(buffer, ifd);\r\n    });\r\n\r\n    this.putImage(this.currentIFDIndex);\r\n\r\n    this.isDecoding = false;\r\n  }\r\n\r\n  putImage(index: number) {\r\n    if (!this.IFDs.length) {\r\n      this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\r\n      return;\r\n    }\r\n\r\n    const tiffImage = this.IFDs[index];\r\n    const rgbaImage = UTIF.toRGBA8(tiffImage);  // Uint8Array with RGBA pixels\r\n\r\n    const data = new Uint8ClampedArray(rgbaImage);\r\n    const imageData = new ImageData(data, tiffImage.width, tiffImage.height);\r\n\r\n    this.context.canvas.width = tiffImage.width;\r\n    this.context.canvas.height = tiffImage.height;\r\n    // Draw image data to the canvas\r\n    this.context.putImageData(imageData, 0, 0);\r\n  }\r\n\r\n\r\n  first() {\r\n    this.currentIFDIndex = 0;\r\n    this.putImage(this.currentIFDIndex);\r\n  }\r\n  previous() {\r\n    this.currentIFDIndex -= 1;\r\n    if (this.currentIFDIndex < 0) {\r\n      this.currentIFDIndex = 0;\r\n      return;\r\n    }\r\n    this.putImage(this.currentIFDIndex);\r\n  }\r\n\r\n  next() {\r\n    this.currentIFDIndex += 1;\r\n    if (this.currentIFDIndex > (this.IFDs.length - 1)) {\r\n      this.currentIFDIndex = this.IFDs.length - 1;\r\n      return;\r\n    }\r\n    this.putImage(this.currentIFDIndex);\r\n  }\r\n  last() {\r\n    this.currentIFDIndex = this.IFDs.length - 1;\r\n    this.putImage(this.currentIFDIndex);\r\n  }\r\n\r\n  async getAsByteArray(blob: Blob) {\r\n    var res = new Uint8Array(await this.readFile(blob))\r\n    return res;\r\n  }\r\n\r\n  async readFile(blob: Blob): Promise<ArrayBuffer> {\r\n    return new Promise((resolve, reject) => {\r\n      // Create file reader\r\n      let reader = new FileReader()\r\n\r\n      // Register event listeners\r\n      reader.onload = () => resolve(reader.result as ArrayBuffer);\r\n      reader.onerror = error => reject(error);\r\n\r\n      // Read file\r\n      reader.readAsArrayBuffer(blob);\r\n    })\r\n  }\r\n\r\n}\r\n","<div class=\"row\">\r\n  <div class=\"col d-flex justify-content-between align-items-center\">\r\n    <div>\r\n      <button class=\"btn btn-outline-primary mb-0 me-2\" [ngClass]=\"{'ml-auto': isIFDs}\" type=\"button\"\r\n        (click)=\"first()\" [disabled]=\"isFirstImage\">\r\n        <i [ngClass]=\"firstIconClass\"></i>\r\n      </button>\r\n      <button class=\"btn btn-outline-primary mb-0\" type=\"button\" (click)=\"previous()\" [disabled]=\"isFirstImage\">\r\n        <i [ngClass]=\"previousIconClass\"></i>\r\n      </button>\r\n    </div>\r\n\r\n    @if (isIFDs) {\r\n      <span [innerHtml]=\"currentPageReportTemplate\">\r\n      </span>\r\n    }\r\n\r\n    <div>\r\n      <button class=\"btn btn-outline-primary mb-0 me-2\" type=\"button\" (click)=\"next()\" [disabled]=\"isLastImage\">\r\n        <i [ngClass]=\"nextIconClass\"></i>\r\n      </button>\r\n      <button class=\"btn btn-outline-primary mb-0\" [ngClass]=\"{'mr-auto': isIFDs}\" type=\"button\" (click)=\"last()\"\r\n        [disabled]=\"isLastImage\">\r\n        <i [ngClass]=\"lastIconClass\"></i>\r\n      </button>\r\n    </div>\r\n\r\n\r\n  </div>\r\n</div>\r\n<div class=\"row\">\r\n  <div class=\"col\">\r\n    <div class=\"canvas-container card d-flex justify-content-center align-items-center mt-1 {{styleClass}}\">\r\n      @if (!isIFDs && noFileMessage) {\r\n        <span>{{noFileMessage}}</span>\r\n      }\r\n      <canvas #tiffCanvas id=\"tiffCanvas\" class=\"canvas-image img-fluid\" [ngClass]=\"{'d-none': !isIFDs}\"></canvas>\r\n      <div class=\"backdrop position-absolute w-100 h-100 d-flex justify-content-center align-items-center\"\r\n        [ngClass]=\"{'d-none': !isDecoding}\">\r\n\r\n      </div>\r\n      <div class=\"spinner-border text-info position-absolute\" style=\"width: 3rem; height: 3rem;\" role=\"status\"\r\n        [ngClass]=\"{'d-none': !isDecoding}\">\r\n        <span class=\"visually-hidden\">Loading...</span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>","/*\r\n * Public API Surface of ys-sidebar\r\n */\r\n\r\nexport * from './src/ys-tiff-viewer/ys-tiff-viewer.component';\r\n\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@yoozsoft/yoozsoft-ng",
-  "version": "5.0.0",
+  "version": "5.0.2",
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0"
@@ -35,14 +35,14 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/yoozsoft-yoozsoft-ng.mjs"
     },
-    "./datepicker": {
-      "types": "./datepicker/index.d.ts",
-      "default": "./fesm2022/yoozsoft-yoozsoft-ng-datepicker.mjs"
-    },
     "./directives": {
       "types": "./directives/index.d.ts",
       "default": "./fesm2022/yoozsoft-yoozsoft-ng-directives.mjs"
     },
+    "./datepicker": {
+      "types": "./datepicker/index.d.ts",
+      "default": "./fesm2022/yoozsoft-yoozsoft-ng-datepicker.mjs"
+    },
     "./file-upload": {
       "types": "./file-upload/index.d.ts",
       "default": "./fesm2022/yoozsoft-yoozsoft-ng-file-upload.mjs"
@@ -75,14 +75,14 @@
       "types": "./select/index.d.ts",
       "default": "./fesm2022/yoozsoft-yoozsoft-ng-select.mjs"
     },
-    "./sidebar": {
-      "types": "./sidebar/index.d.ts",
-      "default": "./fesm2022/yoozsoft-yoozsoft-ng-sidebar.mjs"
-    },
     "./tiff-viewer": {
       "types": "./tiff-viewer/index.d.ts",
       "default": "./fesm2022/yoozsoft-yoozsoft-ng-tiff-viewer.mjs"
     },
+    "./sidebar": {
+      "types": "./sidebar/index.d.ts",
+      "default": "./fesm2022/yoozsoft-yoozsoft-ng-sidebar.mjs"
+    },
     "./toast": {
       "types": "./toast/index.d.ts",
       "default": "./fesm2022/yoozsoft-yoozsoft-ng-toast.mjs"

package/select/index.d.ts

@@ -1,5 +1,6 @@
-import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
 
 declare class YsSelectComponent implements ControlValueAccessor {
     /**ُSelect element id */
@@ -10,9 +11,9 @@ declare class YsSelectComponent implements ControlValueAccessor {
     placeholder?: string;
     styleClass?: string;
     invalid?: boolean;
-    invalidStyleClass?: string;
+    invalidFeedback?: string;
     valid?: boolean;
-    validStyleClass?: string;
+    validFeedback?: string;
     /**Support multiple attribute */
     multiple?: boolean;
     /**Size of multiple attribute */
@@ -20,6 +21,7 @@ declare class YsSelectComponent implements ControlValueAccessor {
     /**Display clear button */
     isClear?: boolean;
     disabled: boolean;
+    onSelect: EventEmitter<any>;
     onChange: any;
     onTouched: any;
     value?: any;
@@ -31,7 +33,7 @@ declare class YsSelectComponent implements ControlValueAccessor {
     clearValue(): void;
     isObject(item: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<YsSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<YsSelectComponent, "ys-select", never, { "id": { "alias": "id"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidStyleClass": { "alias": "invalidStyleClass"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "validStyleClass": { "alias": "validStyleClass"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "isClear": { "alias": "isClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<YsSelectComponent, "ys-select", never, { "id": { "alias": "id"; "required": false; }; "options": { "alias": "options"; "required": false; }; "optionLabel": { "alias": "optionLabel"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "invalid": { "alias": "invalid"; "required": false; }; "invalidFeedback": { "alias": "invalidFeedback"; "required": false; }; "valid": { "alias": "valid"; "required": false; }; "validFeedback": { "alias": "validFeedback"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "size": { "alias": "size"; "required": false; }; "isClear": { "alias": "isClear"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelect": "onSelect"; }, never, never, true, never>;
 }
 
 export { YsSelectComponent };