@koobiq/components 17.0.0-beta.1 → 17.0.0-beta.2

package/fesm2022/koobiq-components-file-upload.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"koobiq-components-file-upload.mjs","sources":["../../../packages/components/file-upload/file-upload.ts","../../../packages/components/file-upload/file-drop.ts","../../../packages/components/file-upload/multiple-file-upload.component.ts","../../../packages/components/file-upload/multiple-file-upload.component.html","../../../packages/components/file-upload/single-file-upload.component.ts","../../../packages/components/file-upload/single-file-upload.component.html","../../../packages/components/file-upload/file-upload.module.ts","../../../packages/components/file-upload/koobiq-components-file-upload.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\n\nexport interface KbqFile extends File {\n    /* used when directory dropped */\n    fullPath: string;\n}\n\nexport interface KbqFileItem {\n    file: File;\n    hasError?: boolean;\n    loading?: BehaviorSubject<boolean>;\n    progress?: BehaviorSubject<number>;\n}\n\nexport interface KbqInputFile {\n    disabled: boolean;\n    files: KbqFileItem[] | KbqFileItem | null;\n    accept?: string[];\n    onFileSelectedViaClick(event: Event): void;\n    onFileDropped(files: FileList | KbqFile[]): void;\n}\n\nexport interface KbqInputFileLabel {\n    /* Text for description, used with `browseLink` */\n    captionText: string;\n    /* Text for link with which the file(s) can be selected to download */\n    browseLink: string;\n    /* Header for multiple file-upload in default size */\n    title?: string | undefined;\n}\n\nexport type KbqFileValidatorFn = (file: File) => string | null;\n\n/* Object for labels customization inside file upload component */\nexport const KBQ_FILE_UPLOAD_CONFIGURATION = new InjectionToken<KbqInputFileLabel>('KbqFileUploadConfiguration');\n\n","import { Directive, Output, EventEmitter } from '@angular/core';\n\nimport { KbqFile } from './file-upload';\n\n\nconst isFolderCanBeDragged = (): boolean => 'webkitGetAsEntry' in DataTransferItem.prototype;\nconst entryIsDirectory = (entry?: FileSystemEntry): entry is FileSystemDirectoryEntry => !!entry && entry.isDirectory;\nconst entryIsFile = (entry?: FileSystemEntry): entry is FileSystemFileEntry => !!entry && entry.isFile;\n\n\n@Directive({\n    selector: '[kbqFileDrop]',\n    exportAs: 'kbqFileDrop',\n    host: {\n        '[class.dragover]': 'dragover',\n        '(dragover)': 'onDragOver($event)',\n        '(dragleave)': 'onDragLeave($event)',\n        '(drop)': 'onDrop($event)'\n    }\n})\nexport class KbqFileDropDirective {\n    dragover: boolean;\n\n    @Output() filesDropped: EventEmitter<FileList | KbqFile[]> = new EventEmitter<FileList | KbqFile[]>();\n\n    onDragOver(event: DragEvent) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.dragover = true;\n    }\n\n    onDragLeave(event: DragEvent) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.dragover = false;\n    }\n\n    onDrop(event: DragEvent) {\n        if (!isFolderCanBeDragged()) {\n            console.warn('Drag-and-drop functionality for folders is not supported by this browser.');\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.dragover = false;\n\n        if (event.dataTransfer && event.dataTransfer.items.length > 0) {\n            // event.dataTransfer.items requires dom.iterable lib\n            // @ts-ignore\n            const fileEntries: FileSystemEntry[] = [...event.dataTransfer.items]\n                .filter((item: DataTransferItem) => item.kind === 'file')\n                .map((item) => item.webkitGetAsEntry() as FileSystemEntry);\n\n            Promise.all(fileEntries.map(unwrapDirectory))\n                .then((fileList) => fileList.reduce((res, next) => res.concat(next), []))\n                .then((entries: KbqFile[]) => this.filesDropped.emit(entries));\n        }\n    }\n}\n\n\n\nconst unwrapDirectory = async (item: FileSystemEntry): Promise<KbqFile[]> => {\n    const queue: (FileSystemEntry | Promise<FileSystemEntry[]>)[] = [item];\n    const result: Promise<KbqFile>[] = [];\n\n    while (queue.length > 0) {\n        const next = queue.pop();\n        if (next instanceof Promise) {\n            queue.push(...(await next));\n        } else if (entryIsDirectory(next)) {\n            const directoryReader = next.createReader();\n\n            queue.push(\n                new Promise<FileSystemEntry[]>((resolve, reject) => directoryReader.readEntries(resolve, reject))\n            );\n        } else if (entryIsFile(next)) {\n            const fileEntry = next;\n            result.push(\n                new Promise((resolve, reject) => {\n                    fileEntry.file(\n                        (file) => {\n                            (file as KbqFile).fullPath = fileEntry.fullPath;\n                            resolve(file as KbqFile);\n                        },\n                        reject);\n                })\n            );\n        }\n    }\n\n    return Promise.all(result);\n};\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    Inject,\n    Input,\n    OnDestroy,\n    Optional,\n    Output,\n    Renderer2,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanDisable } from '@koobiq/components/core';\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\nimport {\n    KBQ_FILE_UPLOAD_CONFIGURATION, KbqFile,\n    KbqFileItem,\n    KbqFileValidatorFn,\n    KbqInputFile,\n    KbqInputFileLabel\n} from './file-upload';\n\n\nlet nextMultipleFileUploadUniqueId = 0;\nexport interface KbqInputFileMultipleLabel extends KbqInputFileLabel {\n    captionTextWhenSelected: string;\n    captionTextForCompactSize: string;\n    gridHeaders: {\n        file: string;\n        size: string;\n    };\n    [k: string | number | symbol]: unknown;\n}\n\n\nexport const KBQ_MULTIPLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: KbqInputFileMultipleLabel = {\n    captionText: 'Перетащите сюда или',\n    captionTextWhenSelected: 'Перетащите еще или',\n    captionTextForCompactSize: 'Перетащите файлы или',\n    browseLink: 'выберите',\n    title: 'Загрузите файлы',\n    gridHeaders: {\n        file: 'Файл',\n        size: 'Размер'\n    }\n};\n\n\n@Component({\n    selector: 'kbq-multiple-file-upload',\n    templateUrl: './multiple-file-upload.component.html',\n    styleUrls: ['./file-upload.scss', './multiple-file-upload.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-multiple-file-upload'\n    }\n})\nexport class KbqMultipleFileUploadComponent implements AfterViewInit, OnDestroy, KbqInputFile, CanDisable {\n    @Input() accept?: string[];\n    @Input() disabled: boolean;\n    @Input() errors: string[] = [];\n    @Input() files: KbqFileItem[] = [];\n    @Input() size: 'compact' | 'default' = 'default';\n    @Input() inputId: string = `kbq-multiple-file-upload-${nextMultipleFileUploadUniqueId++}`;\n    @Input() customValidation?: KbqFileValidatorFn[];\n    @Output() fileQueueChanged: EventEmitter<KbqFileItem[]> = new EventEmitter<KbqFileItem[]>();\n\n    @ContentChild('kbqFileIcon', { static: false, read: TemplateRef }) customFileIcon: TemplateRef<HTMLElement>;\n\n    @ViewChild('input') input: ElementRef<HTMLInputElement>;\n\n    hasFocus = false;\n    columnDefs: { header: string; cssClass: string }[];\n\n    private focusMonitorSubscription = Subscription.EMPTY;\n\n    get acceptedFiles(): string {\n        return this.accept && this.accept.length > 0 ? this.accept.map((ext: string) => `.${ext}`).join(',') : '*/*';\n    }\n\n    get hasErrors(): boolean {\n        return this.errors && !!this.errors.length;\n    }\n\n    constructor(\n        private focusMonitor: FocusMonitor,\n        private cdr: ChangeDetectorRef,\n        private renderer: Renderer2,\n        @Optional() @Inject(KBQ_FILE_UPLOAD_CONFIGURATION) public config: KbqInputFileMultipleLabel\n    ) {\n        this.config = config || KBQ_MULTIPLE_FILE_UPLOAD_DEFAULT_CONFIGURATION;\n        this.columnDefs = [\n            { header: this.config.gridHeaders.file, cssClass: 'file' },\n            { header: this.config.gridHeaders.size, cssClass: 'size' },\n            { header: '', cssClass: 'action' }\n        ];\n    }\n\n    ngAfterViewInit(): void {\n        this.focusMonitorSubscription = this.focusMonitor.monitor(this.input)\n            .subscribe((origin) => this.onFocus(origin === 'keyboard'));\n    }\n\n    ngOnDestroy(): void {\n        this.focusMonitorSubscription.unsubscribe();\n    }\n\n    onFileSelectedViaClick({ target }: Event) {\n        if (this.disabled) { return; }\n        this.files = [\n            ...this.files,\n            ...this.mapToFileItem((target as HTMLInputElement).files)\n        ];\n        /* even if the user selects the same file,\n                 the onchange event will be triggered every time user clicks on the control.*/\n        this.renderer.setProperty(this.input.nativeElement, 'value', null);\n        this.onFileListChange();\n    }\n\n    onFileDropped(files: FileList | KbqFile[]) {\n        if (this.disabled) { return; }\n        this.files = [...this.files, ...this.mapToFileItem(files)];\n\n        this.onFileListChange();\n    }\n\n    deleteFile(index: number, event?: MouseEvent) {\n        if (this.disabled) { return; }\n        event?.stopPropagation();\n        this.files.splice(index, 1);\n        this.files = [...this.files];\n\n        this.onFileListChange();\n    }\n\n    onFileListChange(): void {\n        this.fileQueueChanged.emit(this.files);\n    }\n\n    onFocus(focusState: boolean) {\n        if (this.disabled) { return; }\n        this.hasFocus = focusState;\n        this.cdr.markForCheck();\n    }\n\n    private mapToFileItem(files: FileList | KbqFile[] | null): KbqFileItem[] {\n        if (!files) { return []; }\n\n        return Array.from(files)\n            .filter((file) => this.isCorrectExtension(file))\n            .map((file: File) => ({\n                file,\n                hasError: this.validateFile(file),\n                loading: new BehaviorSubject<boolean>(false),\n                progress: new BehaviorSubject<number>(0)\n            }));\n    }\n\n    private validateFile(file: File): boolean | undefined {\n        if (this.customValidation && this.customValidation.length) {\n            const errorsPerFile = this.customValidation.reduce(\n                (errors: (string | null)[], validatorFn: KbqFileValidatorFn) => {\n                    errors.push(validatorFn(file));\n\n                    return errors;\n                },\n                []).filter(Boolean) as string[];\n\n            this.errors = [\n                ...this.errors,\n                ...errorsPerFile\n            ];\n\n            return !!errorsPerFile.length;\n        }\n    }\n\n    private isCorrectExtension(file: File): boolean {\n        const fileExt: string = file.name.split('.').pop() || '';\n\n        return this.acceptedFiles !== '*/*' && this.acceptedFiles.length > 0 ? this.acceptedFiles.includes(fileExt) : true;\n    }\n}\n","<div class=\"kbq-file-upload\"\n     kbqFileDrop\n     [class.kbq-disabled]=\"disabled\"\n     [class.selected]=\"files && files.length\"\n     [ngClass]=\"size\"\n     (filesDropped)=\"onFileDropped($event)\">\n\n    <ng-container *ngIf=\"!files.length; else fileOutput\">\n        <div class=\"dropzone\">\n            <ng-container  *ngIf=\"size === 'default' else compactCaption\">\n                <i kbq-icon=\"mc-upload-to-cloud_32\"></i>\n                <div class=\"dropzone__text\">\n                    <span class=\"multiple__header\">{{ config.title }}</span>\n                    <div>\n                        <span class=\"multiple__caption\">\n                            {{ config.captionText }}\n                            <label class=\"kbq-link\"\n                                   [class.kbq-focused]=\"hasFocus\"\n                                   [for]=\"inputId\">\n                            {{ config.browseLink }}\n                        </label>\n                        </span>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </ng-container>\n\n    <input #input\n           type=\"file\"\n           class=\"cdk-visually-hidden\"\n           multiple\n           [id]=\"inputId\"\n           [accept]=\"acceptedFiles\"\n           [disabled]=\"disabled\"\n           (change)=\"onFileSelectedViaClick($event)\">\n</div>\n\n<div class=\"kbq-file-upload__info-section\">\n    <kbq-hint class=\"kbq-file-upload__hint\">\n        <ng-content select=\"[hint]\"></ng-content>\n    </kbq-hint>\n\n    <ng-container *ngIf=\"hasErrors\">\n        <kbq-hint class=\"kbq-file-upload__hint kbq-error\"\n                 *ngFor=\"let error of errors\">\n                {{ error }}\n        </kbq-hint>\n    </ng-container>\n</div>\n\n<ng-template #fileOutput>\n    <div class=\"file-upload__dropzone\">\n        <div class=\"kbq-file-upload__grid\">\n            <div class=\"kbq-file-multiple-uploaded__header\">\n                <div class=\"kbq-file-multiple-uploaded__header-inner\">\n                    <div [class]=\"'kbq-file-upload__' + column.cssClass\" *ngFor=\"let column of columnDefs\">\n                        {{ column.header }}\n                    </div>\n                </div>\n            </div>\n\n            <kbq-list-selection [autoSelect]=\"false\" [disabled]=\"disabled\">\n                <kbq-list-option\n                    class=\"multiple__uploaded-item\"\n                    [value]=\"file.file.name\"\n                    (keydown.delete)=\"deleteFile(index)\"\n                    (keydown.backspace)=\"deleteFile(index)\"\n                    *ngFor=\"let file of files; let index = index;\">\n                    <div class=\"kbq-file-upload__row\" [class.error]=\"file.hasError\">\n                        <div class=\"kbq-file-upload__file\">\n                            <ng-container *ngIf=\"{ loading: file.loading | async, progress: file.progress | async } as asyncData\">\n                                <ng-container *ngIf=\"!asyncData.loading\"\n                                              [ngTemplateOutlet]=\"$any(customFileIcon)\"\n                                              [ngTemplateOutletContext]=\"{ $implicit: file }\">\n                                </ng-container>\n\n                                <kbq-progress-spinner\n                                    class=\"pt-nat-file-upload-name-cell__icon\"\n                                    [value]=\"asyncData.progress || 0\"\n                                    *ngIf=\"asyncData.loading\"\n                                ></kbq-progress-spinner>\n                            </ng-container>\n\n                            <span class=\"file-item__text\" [mcEllipsisCenter]=\"file.file.name\" [minVisibleLength]=\"10\"></span>\n                        </div>\n                        <div class=\"kbq-file-upload__size\">\n                            {{ file.file.size | mcDataSize }}\n                        </div>\n                        <div class=\"kbq-file-upload__action\">\n                            <i kbq-icon-button=\"mc-close-circle_16\" (click)=\"deleteFile(index, $event)\"></i>\n                        </div>\n                    </div>\n                </kbq-list-option>\n            </kbq-list-selection>\n        </div>\n\n        <div class=\"btn-upload\">\n            <div class=\"dropzone\">\n                <i kbq-icon=\"mc-upload-to-cloud_24\"></i>\n                <span class=\"dropzone__text multiple__caption\">\n                    {{ config.captionTextWhenSelected }}\n                    <label class=\"kbq-link\"\n                           [class.kbq-focused]=\"hasFocus\"\n                           [for]=\"inputId\">\n                        {{ config.browseLink }}\n                    </label>\n                </span>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #compactCaption>\n    <i kbq-icon=\"mc-upload-to-cloud_24\"></i>\n    <span class=\"dropzone__text multiple__caption\">\n        {{ config.captionText }}\n        <label class=\"kbq-link\"\n               [class.kbq-focused]=\"hasFocus\"\n               [for]=\"inputId\">\n        {{ config.browseLink }}\n    </label>\n    </span>\n</ng-template>\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    Inject,\n    Input,\n    OnDestroy,\n    Optional,\n    Output,\n    Renderer2,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport { CanDisable } from '@koobiq/components/core';\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\nimport {\n    KBQ_FILE_UPLOAD_CONFIGURATION, KbqFile,\n    KbqFileItem,\n    KbqFileValidatorFn,\n    KbqInputFile,\n    KbqInputFileLabel\n} from './file-upload';\n\n\nlet nextSingleFileUploadUniqueId = 0;\n\nexport const KBQ_SINGLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: KbqInputFileLabel = {\n    captionText: 'Перетащите файл или',\n    browseLink: 'выберите'\n};\n\n@Component({\n    selector: 'kbq-single-file-upload',\n    templateUrl: './single-file-upload.component.html',\n    styleUrls: ['./file-upload.scss', './single-file-upload.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-single-file-upload'\n    }\n})\nexport class KbqSingleFileUploadComponent implements AfterViewInit, OnDestroy, KbqInputFile, CanDisable {\n    @Input() accept: string[];\n    @Input() disabled: boolean = false;\n    @Input() errors: string[] = [];\n    @Input() files: KbqFileItem[] = [];\n    @Input() inputId: string = `kbq-single-file-upload-${nextSingleFileUploadUniqueId++}`;\n    @Input() customValidation?: KbqFileValidatorFn[];\n    @Output() fileQueueChanged: EventEmitter<KbqFileItem | null> = new EventEmitter<KbqFileItem | null>();\n\n    @ViewChild('input') input: ElementRef<HTMLInputElement>;\n\n    hasFocus = false;\n\n    private focusMonitorSubscription = Subscription.EMPTY;\n\n    get acceptedFiles(): string {\n        return this.accept && this.accept.length > 0 ? this.accept.map((ext: string) => `.${ext}`).join(',') : '*/*';\n    }\n\n    constructor(\n        private focusMonitor: FocusMonitor,\n        private cdr: ChangeDetectorRef,\n        private renderer: Renderer2,\n        @Optional() @Inject(KBQ_FILE_UPLOAD_CONFIGURATION) public config: KbqInputFileLabel\n    ) {\n        this.config = config || KBQ_SINGLE_FILE_UPLOAD_DEFAULT_CONFIGURATION;\n    }\n\n    ngAfterViewInit(): void {\n        this.focusMonitorSubscription = this.focusMonitor.monitor(this.input)\n            .subscribe((origin) => this.onFocus(origin === 'keyboard'));\n    }\n\n    ngOnDestroy(): void {\n        this.focusMonitorSubscription.unsubscribe();\n    }\n\n    onFileSelectedViaClick({ target }: Event): void {\n        if (this.disabled) { return; }\n\n        const files: FileList | null = (target as HTMLInputElement).files;\n        if (files?.length) {\n            this.files = [this.mapToFileItem(files[0])];\n            this.fileQueueChanged.emit(this.files[0]);\n        }\n        /* even if the user selects the same file,\n         the onchange event will be triggered every time user clicks on the control.*/\n        this.renderer.setProperty(this.input.nativeElement, 'value', null);\n    }\n\n    deleteItem(event?: MouseEvent): void {\n        if (this.disabled) { return; }\n\n        event?.stopPropagation();\n        this.files = [];\n        this.errors = [];\n        this.fileQueueChanged.emit(null);\n    }\n\n    onFileDropped(files: FileList | KbqFile[]): void {\n        if (this.disabled) { return; }\n\n        if (this.isCorrectExtension(files[0])) {\n            this.files = Array.from(files)\n                .map((file) => this.mapToFileItem(file));\n            this.fileQueueChanged.emit(this.files[0]);\n        }\n    }\n\n    onFocus(focusState: boolean) {\n        if (this.disabled) { return; }\n        this.hasFocus = focusState;\n        this.cdr.markForCheck();\n    }\n\n    private mapToFileItem(file: File): KbqFileItem {\n        this.validateFile(file);\n\n        return {\n            file,\n            progress: new BehaviorSubject<number>(0),\n            loading: new BehaviorSubject<boolean>(false)\n        };\n    }\n\n    private validateFile(file: File): void {\n        if (this.customValidation && this.customValidation.length) {\n            this.errors = this.customValidation.reduce(\n                (errors: (string | null)[], validatorFn: KbqFileValidatorFn) => {\n                    errors.push(validatorFn(file));\n\n                    return errors;\n                },\n                []).filter(Boolean) as string[];\n        }\n    }\n\n    private isCorrectExtension(file: File): boolean {\n        const fileExt: string = file.name.split('.').pop() || '';\n\n        return this.acceptedFiles !== '*/*' && this.acceptedFiles.length > 0 ? this.acceptedFiles.includes(fileExt) : true;\n    }\n}\n","<div class=\"kbq-file-upload\"\n     kbqFileDrop\n     [class.kbq-disabled]=\"disabled\"\n     [class.kbq-error]=\"errors && errors.length\"\n     (filesDropped)=\"onFileDropped($event)\">\n        <div class=\"dropzone\" *ngIf=\"!files.length; else fileOutput\">\n            <i kbq-icon=\"mc-upload-to-cloud_24\"></i>\n            <span class=\"dropzone__text\">\n                {{ config.captionText }}\n                <label class=\"kbq-link\"\n                       [class.kbq-focused]=\"hasFocus\"\n                       [for]=\"inputId\">\n                {{ config.browseLink }}\n                </label>\n            </span>\n        </div>\n    <input #input\n           type=\"file\"\n           class=\"cdk-visually-hidden\"\n           [id]=\"inputId\"\n           [accept]=\"acceptedFiles\"\n           [disabled]=\"disabled\"\n           (change)=\"onFileSelectedViaClick($event)\">\n</div>\n<kbq-hint class=\"kbq-file-upload__hint\">\n    <ng-content select=\"[hint]\"></ng-content>\n</kbq-hint>\n<ng-container *ngIf=\"errors && errors.length\">\n    <kbq-hint class=\"kbq-file-upload__hint kbq-error\" *ngFor=\"let error of errors\">{{ error }}</kbq-hint>\n</ng-container>\n\n\n<ng-template #fileOutput>\n    <div class=\"file-item\" *ngIf=\"files && files.length\">\n        <div class=\"file-item__text-wrapper\">\n            <ng-container *ngIf=\"{ loading: files[0].loading | async, progress: files[0].progress | async} as asyncData\">\n                <ng-container *ngIf=\"!asyncData.loading\">\n                    <ng-content select=\"[kbq-icon]\"></ng-content>\n                </ng-container>\n\n                <kbq-progress-spinner\n                    [value]=\"asyncData.progress || 0\"\n                    *ngIf=\"asyncData.loading\"\n                ></kbq-progress-spinner>\n            </ng-container>\n\n            <div class=\"file-item__text\" [mcEllipsisCenter]=\"files[0].file.name\" [minVisibleLength]=\"10\"></div>\n        </div>\n        <i kbq-icon-button=\"mc-close-circle_16\"\n           [color]=\"'contrast'\"\n           [disabled]=\"disabled\"\n           (keydown.delete)=\"deleteItem()\"\n           (keydown.backspace)=\"deleteItem()\"\n           (click)=\"deleteItem($event)\">\n        </i>\n    </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { KbqButtonModule } from '@koobiq/components/button';\nimport { KbqDataSizeModule } from '@koobiq/components/core';\nimport { KbqEllipsisCenterModule } from '@koobiq/components/ellipsis-center';\nimport { KbqFormFieldModule } from '@koobiq/components/form-field';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqListModule } from '@koobiq/components/list';\nimport { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner';\nimport { KbqToolTipModule } from '@koobiq/components/tooltip';\n\nimport { KbqFileDropDirective } from './file-drop';\nimport { KbqMultipleFileUploadComponent } from './multiple-file-upload.component';\nimport { KbqSingleFileUploadComponent } from './single-file-upload.component';\n\n\n@NgModule({\n    imports: [\n        CommonModule,\n        KbqToolTipModule,\n        KbqProgressSpinnerModule,\n        KbqIconModule,\n        KbqButtonModule,\n        KbqListModule,\n        KbqFormFieldModule,\n        KbqEllipsisCenterModule,\n        KbqDataSizeModule\n    ],\n    declarations: [\n        KbqFileDropDirective,\n        KbqSingleFileUploadComponent,\n        KbqMultipleFileUploadComponent\n    ],\n    exports: [\n        KbqSingleFileUploadComponent,\n        KbqMultipleFileUploadComponent,\n        KbqFileDropDirective\n    ]\n})\nexport class KbqFileUploadModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i8.KbqFileDropDirective","i5","i6","i7.KbqFileDropDirective"],"mappings":"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"}
+{"version":3,"file":"koobiq-components-file-upload.mjs","sources":["../../../packages/components/file-upload/file-upload.ts","../../../packages/components/file-upload/file-drop.ts","../../../packages/components/file-upload/multiple-file-upload.component.ts","../../../packages/components/file-upload/multiple-file-upload.component.html","../../../packages/components/file-upload/single-file-upload.component.ts","../../../packages/components/file-upload/single-file-upload.component.html","../../../packages/components/file-upload/file-upload.module.ts","../../../packages/components/file-upload/koobiq-components-file-upload.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { BehaviorSubject } from 'rxjs';\n\n\nexport interface KbqFile extends File {\n    /* used when directory dropped */\n    fullPath: string;\n}\n\nexport interface KbqFileItem {\n    file: File;\n    hasError?: boolean;\n    loading?: BehaviorSubject<boolean>;\n    progress?: BehaviorSubject<number>;\n}\n\nexport interface KbqInputFile {\n    disabled: boolean;\n    files: KbqFileItem[] | KbqFileItem | null;\n    accept?: string[];\n    onFileSelectedViaClick(event: Event): void;\n    onFileDropped(files: FileList | KbqFile[]): void;\n}\n\nexport interface KbqInputFileLabel {\n    /* Text for description, used with `browseLink` */\n    captionText: string;\n    /* Text for link with which the file(s) can be selected to download */\n    browseLink: string;\n    /* Header for multiple file-upload in default size */\n    title?: string | undefined;\n}\n\nexport type KbqFileValidatorFn = (file: File) => string | null;\n\n/* Object for labels customization inside file upload component */\nexport const KBQ_FILE_UPLOAD_CONFIGURATION = new InjectionToken<KbqInputFileLabel>('KbqFileUploadConfiguration');\n\n","import { Directive, Output, EventEmitter } from '@angular/core';\n\nimport { KbqFile } from './file-upload';\n\n\nconst isFolderCanBeDragged = (): boolean => 'webkitGetAsEntry' in DataTransferItem.prototype;\nconst entryIsDirectory = (entry?: FileSystemEntry): entry is FileSystemDirectoryEntry => !!entry && entry.isDirectory;\nconst entryIsFile = (entry?: FileSystemEntry): entry is FileSystemFileEntry => !!entry && entry.isFile;\n\n\n@Directive({\n    selector: '[kbqFileDrop]',\n    exportAs: 'kbqFileDrop',\n    host: {\n        '[class.dragover]': 'dragover',\n        '(dragover)': 'onDragOver($event)',\n        '(dragleave)': 'onDragLeave($event)',\n        '(drop)': 'onDrop($event)'\n    }\n})\nexport class KbqFileDropDirective {\n    dragover: boolean;\n\n    @Output() filesDropped: EventEmitter<FileList | KbqFile[]> = new EventEmitter<FileList | KbqFile[]>();\n\n    onDragOver(event: DragEvent) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.dragover = true;\n    }\n\n    onDragLeave(event: DragEvent) {\n        event.preventDefault();\n        event.stopPropagation();\n        this.dragover = false;\n    }\n\n    onDrop(event: DragEvent) {\n        if (!isFolderCanBeDragged()) {\n            console.warn('Drag-and-drop functionality for folders is not supported by this browser.');\n        }\n\n        event.preventDefault();\n        event.stopPropagation();\n        this.dragover = false;\n\n        if (event.dataTransfer && event.dataTransfer.items.length > 0) {\n            // event.dataTransfer.items requires dom.iterable lib\n            // @ts-ignore\n            const fileEntries: FileSystemEntry[] = [...event.dataTransfer.items]\n                .filter((item: DataTransferItem) => item.kind === 'file')\n                .map((item) => item.webkitGetAsEntry() as FileSystemEntry);\n\n            Promise.all(fileEntries.map(unwrapDirectory))\n                .then((fileList) => fileList.reduce((res, next) => res.concat(next), []))\n                .then((entries: KbqFile[]) => this.filesDropped.emit(entries));\n        }\n    }\n}\n\n\n\nconst unwrapDirectory = async (item: FileSystemEntry): Promise<KbqFile[]> => {\n    const queue: (FileSystemEntry | Promise<FileSystemEntry[]>)[] = [item];\n    const result: Promise<KbqFile>[] = [];\n\n    while (queue.length > 0) {\n        const next = queue.pop();\n        if (next instanceof Promise) {\n            queue.push(...(await next));\n        } else if (entryIsDirectory(next)) {\n            const directoryReader = next.createReader();\n\n            queue.push(\n                new Promise<FileSystemEntry[]>((resolve, reject) => directoryReader.readEntries(resolve, reject))\n            );\n        } else if (entryIsFile(next)) {\n            const fileEntry = next;\n            result.push(\n                new Promise((resolve, reject) => {\n                    fileEntry.file(\n                        (file) => {\n                            (file as KbqFile).fullPath = fileEntry.fullPath;\n                            resolve(file as KbqFile);\n                        },\n                        reject);\n                })\n            );\n        }\n    }\n\n    return Promise.all(result);\n};\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    Inject,\n    Input,\n    OnDestroy,\n    Optional,\n    Output,\n    Renderer2,\n    TemplateRef,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    CanDisable,\n    KBQ_LOCALE_SERVICE,\n    KbqLocaleService,\n    ruRULocaleData\n} from '@koobiq/components/core';\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\nimport {\n    KBQ_FILE_UPLOAD_CONFIGURATION,\n    KbqFile,\n    KbqFileItem,\n    KbqFileValidatorFn,\n    KbqInputFile,\n    KbqInputFileLabel\n} from './file-upload';\n\n\nlet nextMultipleFileUploadUniqueId = 0;\n\nexport interface KbqInputFileMultipleLabel extends KbqInputFileLabel {\n    captionTextWhenSelected: string;\n    captionTextForCompactSize: string;\n    gridHeaders: {\n        file: string;\n        size: string;\n    };\n    [k: string | number | symbol]: unknown;\n}\n\n\nexport const KBQ_MULTIPLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: KbqInputFileMultipleLabel =\n    ruRULocaleData.fileUpload.multiple;\n\n\n@Component({\n    selector: 'kbq-multiple-file-upload',\n    templateUrl: './multiple-file-upload.component.html',\n    styleUrls: ['./file-upload.scss', './multiple-file-upload.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-multiple-file-upload'\n    }\n})\nexport class KbqMultipleFileUploadComponent implements AfterViewInit, OnDestroy, KbqInputFile, CanDisable {\n\n    @Input() accept?: string[];\n    @Input() disabled: boolean;\n    @Input() errors: string[] = [];\n    @Input() files: KbqFileItem[] = [];\n    @Input() size: 'compact' | 'default' = 'default';\n    @Input() inputId: string = `kbq-multiple-file-upload-${nextMultipleFileUploadUniqueId++}`;\n    @Input() customValidation?: KbqFileValidatorFn[];\n    @Output() fileQueueChanged: EventEmitter<KbqFileItem[]> = new EventEmitter<KbqFileItem[]>();\n\n    @ContentChild('kbqFileIcon', { static: false, read: TemplateRef }) customFileIcon: TemplateRef<HTMLElement>;\n\n    @ViewChild('input') input: ElementRef<HTMLInputElement>;\n\n    hasFocus = false;\n    columnDefs: { header: string; cssClass: string }[];\n\n    config: KbqInputFileMultipleLabel;\n\n    separatedCaptionText: string[];\n    separatedCaptionTextWhenSelected: string[];\n    separatedCaptionTextForCompactSize: string[];\n\n    private focusMonitorSubscription = Subscription.EMPTY;\n\n    get acceptedFiles(): string {\n        return this.accept && this.accept.length > 0 ? this.accept.map((ext: string) => `.${ext}`).join(',') : '*/*';\n    }\n\n    get hasErrors(): boolean {\n        return this.errors && !!this.errors.length;\n    }\n\n    constructor(\n        private focusMonitor: FocusMonitor,\n        private cdr: ChangeDetectorRef,\n        private renderer: Renderer2,\n        @Optional() @Inject(KBQ_FILE_UPLOAD_CONFIGURATION) public readonly configuration: KbqInputFileMultipleLabel,\n        @Optional() @Inject(KBQ_LOCALE_SERVICE) private localeService?: KbqLocaleService\n    ) {\n        this.localeService?.changes\n            .subscribe(this.updateLocaleParams);\n\n        if (!localeService) {\n            this.initDefaultParams();\n        }\n    }\n\n\n    ngAfterViewInit(): void {\n        this.focusMonitorSubscription = this.focusMonitor.monitor(this.input)\n            .subscribe((origin) => this.onFocus(origin === 'keyboard'));\n    }\n\n    ngOnDestroy(): void {\n        this.focusMonitorSubscription.unsubscribe();\n    }\n\n    onFileSelectedViaClick({ target }: Event) {\n        if (this.disabled) { return; }\n\n        this.files = [\n            ...this.files,\n            ...this.mapToFileItem((target as HTMLInputElement).files)\n        ];\n        /* even if the user selects the same file,\n                 the onchange event will be triggered every time user clicks on the control.*/\n        this.renderer.setProperty(this.input.nativeElement, 'value', null);\n        this.onFileListChange();\n    }\n\n    onFileDropped(files: FileList | KbqFile[]) {\n        if (this.disabled) { return; }\n\n        this.files = [...this.files, ...this.mapToFileItem(files)];\n\n        this.onFileListChange();\n    }\n\n    deleteFile(index: number, event?: MouseEvent) {\n        if (this.disabled) { return; }\n\n        event?.stopPropagation();\n        this.files.splice(index, 1);\n        this.files = [...this.files];\n\n        this.onFileListChange();\n    }\n\n    onFileListChange(): void {\n        this.fileQueueChanged.emit(this.files);\n    }\n\n    onFocus(focusState: boolean) {\n        if (this.disabled) { return; }\n\n        this.hasFocus = focusState;\n        this.cdr.markForCheck();\n    }\n\n    private updateLocaleParams = () => {\n        this.config = this.configuration || this.localeService?.getParams('fileUpload').multiple;\n\n        this.columnDefs = [\n            { header: this.config.gridHeaders.file, cssClass: 'file' },\n            { header: this.config.gridHeaders.size, cssClass: 'size' },\n            { header: '', cssClass: 'action' }\n        ];\n\n        this.getCaptionText();\n\n        this.cdr.markForCheck();\n    }\n\n    private mapToFileItem(files: FileList | KbqFile[] | null): KbqFileItem[] {\n        if (!files) { return []; }\n\n        return Array.from(files)\n            .filter((file) => this.isCorrectExtension(file))\n            .map((file: File) => ({\n                file,\n                hasError: this.validateFile(file),\n                loading: new BehaviorSubject<boolean>(false),\n                progress: new BehaviorSubject<number>(0)\n            }));\n    }\n\n    private validateFile(file: File): boolean | undefined {\n        if (this.customValidation && this.customValidation.length) {\n            const errorsPerFile = this.customValidation.reduce(\n                (errors: (string | null)[], validatorFn: KbqFileValidatorFn) => {\n                    errors.push(validatorFn(file));\n\n                    return errors;\n                },\n                []).filter(Boolean) as string[];\n\n            this.errors = [\n                ...this.errors,\n                ...errorsPerFile\n            ];\n\n            return !!errorsPerFile.length;\n        }\n    }\n\n    private isCorrectExtension(file: File): boolean {\n        const fileExt: string = file.name.split('.').pop() || '';\n\n        return this.acceptedFiles !== '*/*' && this.acceptedFiles.length > 0 ? this.acceptedFiles.includes(fileExt) : true;\n    }\n\n    private initDefaultParams() {\n        this.config = KBQ_MULTIPLE_FILE_UPLOAD_DEFAULT_CONFIGURATION;\n\n        this.columnDefs = [\n            { header: this.config.gridHeaders.file, cssClass: 'file' },\n            { header: this.config.gridHeaders.size, cssClass: 'size' },\n            { header: '', cssClass: 'action' }\n        ];\n\n        this.getCaptionText();\n    }\n\n    private getCaptionText() {\n        this.separatedCaptionText = this.config.captionText.split('{{ browseLink }}');\n        this.separatedCaptionTextWhenSelected = this.config.captionTextWhenSelected.split('{{ browseLink }}');\n        this.separatedCaptionTextForCompactSize = this.config.captionTextForCompactSize\n            .split('{{ browseLink }}');\n    }\n}\n","<div class=\"kbq-file-upload\"\n     kbqFileDrop\n     [class.kbq-disabled]=\"disabled\"\n     [class.selected]=\"files?.length\"\n     [ngClass]=\"size\"\n     (filesDropped)=\"onFileDropped($event)\">\n\n    <ng-container *ngIf=\"!files.length; else fileOutput\">\n        <div class=\"dropzone\">\n            <ng-container  *ngIf=\"size === 'default' else compactCaption\">\n                <i kbq-icon=\"mc-upload-to-cloud_32\"></i>\n                <div class=\"dropzone__text\">\n                    <span class=\"multiple__header\">{{ config.title }}</span>\n                    <div>\n                        <span class=\"multiple__caption\">\n                            {{ separatedCaptionText[0] }}<label class=\"kbq-link\" [class.kbq-focused]=\"hasFocus\" [for]=\"inputId\">{{ config.browseLink }}</label>{{ separatedCaptionText[1] }}\n                        </span>\n                    </div>\n                </div>\n            </ng-container>\n        </div>\n    </ng-container>\n\n    <input #input\n           type=\"file\"\n           class=\"cdk-visually-hidden\"\n           multiple\n           [id]=\"inputId\"\n           [accept]=\"acceptedFiles\"\n           [disabled]=\"disabled\"\n           (change)=\"onFileSelectedViaClick($event)\">\n</div>\n\n<div class=\"kbq-file-upload__info-section\">\n    <kbq-hint class=\"kbq-file-upload__hint\">\n        <ng-content select=\"[hint]\"></ng-content>\n    </kbq-hint>\n\n    <ng-container *ngIf=\"hasErrors\">\n        <kbq-hint class=\"kbq-file-upload__hint kbq-error\"\n                 *ngFor=\"let error of errors\">\n                {{ error }}\n        </kbq-hint>\n    </ng-container>\n</div>\n\n<ng-template #fileOutput>\n    <div class=\"file-upload__dropzone\">\n        <div class=\"kbq-file-upload__grid\">\n            <div class=\"kbq-file-multiple-uploaded__header\">\n                <div class=\"kbq-file-multiple-uploaded__header-inner\">\n                    <div [class]=\"'kbq-file-upload__' + column.cssClass\" *ngFor=\"let column of columnDefs\">\n                        {{ column.header }}\n                    </div>\n                </div>\n            </div>\n\n            <kbq-list-selection [autoSelect]=\"false\" [disabled]=\"disabled\">\n                <kbq-list-option\n                    class=\"multiple__uploaded-item\"\n                    [value]=\"file.file.name\"\n                    (keydown.delete)=\"deleteFile(index)\"\n                    (keydown.backspace)=\"deleteFile(index)\"\n                    *ngFor=\"let file of files; let index = index;\">\n                    <div class=\"kbq-file-upload__row\" [class.error]=\"file.hasError\">\n                        <div class=\"kbq-file-upload__file\">\n                            <ng-container *ngIf=\"{ loading: file.loading | async, progress: file.progress | async } as asyncData\">\n                                <ng-container *ngIf=\"!asyncData.loading\"\n                                              [ngTemplateOutlet]=\"$any(customFileIcon)\"\n                                              [ngTemplateOutletContext]=\"{ $implicit: file }\">\n                                </ng-container>\n\n                                <kbq-progress-spinner\n                                    class=\"pt-nat-file-upload-name-cell__icon\"\n                                    [value]=\"asyncData.progress || 0\"\n                                    *ngIf=\"asyncData.loading\"\n                                ></kbq-progress-spinner>\n                            </ng-container>\n\n                            <span class=\"file-item__text\" [kbqEllipsisCenter]=\"file.file.name\" [minVisibleLength]=\"10\"></span>\n                        </div>\n                        <div class=\"kbq-file-upload__size\">\n                            {{ file.file.size | kbqDataSize }}\n                        </div>\n                        <div class=\"kbq-file-upload__action\">\n                            <i kbq-icon-button=\"mc-close-circle_16\" (click)=\"deleteFile(index, $event)\"></i>\n                        </div>\n                    </div>\n                </kbq-list-option>\n            </kbq-list-selection>\n        </div>\n\n        <div class=\"btn-upload\">\n            <div class=\"dropzone\">\n                <i kbq-icon=\"mc-upload-to-cloud_24\"></i>\n                <span class=\"dropzone__text multiple__caption\">\n                    {{ separatedCaptionTextWhenSelected[0] }}<label class=\"kbq-link\" [class.kbq-focused]=\"hasFocus\" [for]=\"inputId\">{{ config.browseLink }}</label>{{ separatedCaptionTextWhenSelected[1] }}\n                </span>\n            </div>\n        </div>\n    </div>\n</ng-template>\n\n<ng-template #compactCaption>\n    <i kbq-icon=\"mc-upload-to-cloud_24\"></i>\n    <span class=\"dropzone__text multiple__caption\">\n        {{ separatedCaptionTextForCompactSize[0] }}<label class=\"kbq-link\" [class.kbq-focused]=\"hasFocus\" [for]=\"inputId\">{{ config.browseLink }}</label>{{ separatedCaptionTextForCompactSize[1] }}\n    </span>\n</ng-template>\n","import { FocusMonitor } from '@angular/cdk/a11y';\nimport {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    EventEmitter,\n    Inject,\n    Input,\n    OnDestroy,\n    Optional,\n    Output,\n    Renderer2,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {\n    CanDisable, KBQ_LOCALE_SERVICE, KbqLocaleService,\n    ruRULocaleData\n} from '@koobiq/components/core';\nimport { BehaviorSubject, Subscription } from 'rxjs';\n\nimport {\n    KBQ_FILE_UPLOAD_CONFIGURATION,\n    KbqFile,\n    KbqFileItem,\n    KbqFileValidatorFn,\n    KbqInputFile,\n    KbqInputFileLabel\n} from './file-upload';\n\n\nlet nextSingleFileUploadUniqueId = 0;\n\nexport const KBQ_SINGLE_FILE_UPLOAD_DEFAULT_CONFIGURATION: KbqInputFileLabel =\n    ruRULocaleData.fileUpload.single;\n\n\n@Component({\n    selector: 'kbq-single-file-upload',\n    templateUrl: './single-file-upload.component.html',\n    styleUrls: ['./file-upload.scss', './single-file-upload.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None,\n    host: {\n        class: 'kbq-single-file-upload'\n    }\n})\nexport class KbqSingleFileUploadComponent implements AfterViewInit, OnDestroy, KbqInputFile, CanDisable {\n    @Input() accept: string[];\n    @Input() disabled: boolean = false;\n    @Input() errors: string[] = [];\n    @Input() files: KbqFileItem[] = [];\n    @Input() inputId: string = `kbq-single-file-upload-${nextSingleFileUploadUniqueId++}`;\n    @Input() customValidation?: KbqFileValidatorFn[];\n    @Output() fileQueueChanged: EventEmitter<KbqFileItem | null> = new EventEmitter<KbqFileItem | null>();\n\n    @ViewChild('input') input: ElementRef<HTMLInputElement>;\n\n    hasFocus = false;\n\n    config: KbqInputFileLabel\n\n    separatedCaptionText: string[];\n\n    private focusMonitorSubscription = Subscription.EMPTY;\n\n    get acceptedFiles(): string {\n        return this.accept && this.accept.length > 0 ? this.accept.map((ext: string) => `.${ext}`).join(',') : '*/*';\n    }\n\n    constructor(\n        private focusMonitor: FocusMonitor,\n        private cdr: ChangeDetectorRef,\n        private renderer: Renderer2,\n        @Optional() @Inject(KBQ_FILE_UPLOAD_CONFIGURATION) public readonly configuration: KbqInputFileLabel,\n        @Optional() @Inject(KBQ_LOCALE_SERVICE) private localeService?: KbqLocaleService\n    ) {\n        this.localeService?.changes\n            .subscribe(this.updateLocaleParams);\n\n        if (!localeService) {\n            this.initDefaultParams();\n        }\n    }\n\n    ngAfterViewInit(): void {\n        this.focusMonitorSubscription = this.focusMonitor.monitor(this.input)\n            .subscribe((origin) => this.onFocus(origin === 'keyboard'));\n    }\n\n    ngOnDestroy(): void {\n        this.focusMonitorSubscription.unsubscribe();\n    }\n\n    onFileSelectedViaClick({ target }: Event): void {\n        if (this.disabled) { return; }\n\n        const files: FileList | null = (target as HTMLInputElement).files;\n        if (files?.length) {\n            this.files = [this.mapToFileItem(files[0])];\n            this.fileQueueChanged.emit(this.files[0]);\n        }\n        /* even if the user selects the same file,\n         the onchange event will be triggered every time user clicks on the control.*/\n        this.renderer.setProperty(this.input.nativeElement, 'value', null);\n    }\n\n    deleteItem(event?: MouseEvent): void {\n        if (this.disabled) { return; }\n\n        event?.stopPropagation();\n        this.files = [];\n        this.errors = [];\n        this.fileQueueChanged.emit(null);\n    }\n\n    onFileDropped(files: FileList | KbqFile[]): void {\n        if (this.disabled) { return; }\n\n        if (this.isCorrectExtension(files[0])) {\n            this.files = Array.from(files)\n                .map((file) => this.mapToFileItem(file));\n\n            this.fileQueueChanged.emit(this.files[0]);\n        }\n    }\n\n    onFocus(focusState: boolean) {\n        if (this.disabled) { return; }\n        this.hasFocus = focusState;\n        this.cdr.markForCheck();\n    }\n\n    private updateLocaleParams = () => {\n        this.config = this.configuration || this.localeService?.getParams('fileUpload').multiple;\n\n        this.getCaptionText();\n\n        this.cdr.markForCheck();\n    }\n\n    private mapToFileItem(file: File): KbqFileItem {\n        this.validateFile(file);\n\n        return {\n            file,\n            progress: new BehaviorSubject<number>(0),\n            loading: new BehaviorSubject<boolean>(false)\n        };\n    }\n\n    private validateFile(file: File): void {\n        if (this.customValidation && this.customValidation.length) {\n            this.errors = this.customValidation\n                .reduce(\n                    (errors: (string | null)[], validatorFn: KbqFileValidatorFn) => {\n                        errors.push(validatorFn(file));\n\n                        return errors;\n                    },\n                    []\n                )\n                .filter(Boolean) as string[];\n        }\n    }\n\n    private isCorrectExtension(file: File): boolean {\n        const fileExt: string = file.name.split('.').pop() || '';\n\n        return this.acceptedFiles !== '*/*' && this.acceptedFiles.length > 0 ? this.acceptedFiles.includes(fileExt) : true;\n    }\n\n    private initDefaultParams() {\n        this.config = KBQ_SINGLE_FILE_UPLOAD_DEFAULT_CONFIGURATION;\n\n        this.getCaptionText();\n    }\n\n    private getCaptionText() {\n        this.separatedCaptionText = this.config.captionText.split('{{ browseLink }}');\n    }\n}\n","<div class=\"kbq-file-upload\"\n     kbqFileDrop\n     [class.kbq-disabled]=\"disabled\"\n     [class.kbq-error]=\"errors?.length\"\n     (filesDropped)=\"onFileDropped($event)\">\n\n    <div class=\"dropzone\" *ngIf=\"!files.length; else fileOutput\">\n        <i kbq-icon=\"mc-upload-to-cloud_24\"></i>\n        <span class=\"dropzone__text\">\n            {{ separatedCaptionText[0] }}<label class=\"kbq-link\" [class.kbq-focused]=\"hasFocus\" [for]=\"inputId\">{{ config.browseLink }}</label>{{ separatedCaptionText[1] }}\n        </span>\n    </div>\n\n    <input #input\n           type=\"file\"\n           class=\"cdk-visually-hidden\"\n           [id]=\"inputId\"\n           [accept]=\"acceptedFiles\"\n           [disabled]=\"disabled\"\n           (change)=\"onFileSelectedViaClick($event)\">\n</div>\n<kbq-hint class=\"kbq-file-upload__hint\">\n    <ng-content select=\"[hint]\"></ng-content>\n</kbq-hint>\n<ng-container *ngIf=\"errors?.length\">\n    <kbq-hint class=\"kbq-file-upload__hint kbq-error\" *ngFor=\"let error of errors\">{{ error }}</kbq-hint>\n</ng-container>\n\n\n<ng-template #fileOutput>\n    <div class=\"file-item\" *ngIf=\"files && files.length\">\n        <div class=\"file-item__text-wrapper\">\n            <ng-container *ngIf=\"{ loading: files[0].loading | async, progress: files[0].progress | async} as asyncData\">\n                <ng-container *ngIf=\"!asyncData.loading\">\n                    <ng-content select=\"[kbq-icon]\"></ng-content>\n                </ng-container>\n\n                <kbq-progress-spinner\n                    [value]=\"asyncData.progress || 0\"\n                    *ngIf=\"asyncData.loading\"\n                ></kbq-progress-spinner>\n            </ng-container>\n\n            <div class=\"file-item__text\" [kbqEllipsisCenter]=\"files[0].file.name\" [minVisibleLength]=\"10\"></div>\n        </div>\n        <i kbq-icon-button=\"mc-close-circle_16\"\n           [color]=\"'contrast'\"\n           [disabled]=\"disabled\"\n           (keydown.delete)=\"deleteItem()\"\n           (keydown.backspace)=\"deleteItem()\"\n           (click)=\"deleteItem($event)\">\n        </i>\n    </div>\n</ng-template>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { KbqButtonModule } from '@koobiq/components/button';\nimport { KbqDataSizeModule } from '@koobiq/components/core';\nimport { KbqEllipsisCenterModule } from '@koobiq/components/ellipsis-center';\nimport { KbqFormFieldModule } from '@koobiq/components/form-field';\nimport { KbqIconModule } from '@koobiq/components/icon';\nimport { KbqListModule } from '@koobiq/components/list';\nimport { KbqProgressSpinnerModule } from '@koobiq/components/progress-spinner';\nimport { KbqToolTipModule } from '@koobiq/components/tooltip';\n\nimport { KbqFileDropDirective } from './file-drop';\nimport { KbqMultipleFileUploadComponent } from './multiple-file-upload.component';\nimport { KbqSingleFileUploadComponent } from './single-file-upload.component';\n\n\n@NgModule({\n    imports: [\n        CommonModule,\n        KbqToolTipModule,\n        KbqProgressSpinnerModule,\n        KbqIconModule,\n        KbqButtonModule,\n        KbqListModule,\n        KbqFormFieldModule,\n        KbqEllipsisCenterModule,\n        KbqDataSizeModule\n    ],\n    declarations: [\n        KbqFileDropDirective,\n        KbqSingleFileUploadComponent,\n        KbqMultipleFileUploadComponent\n    ],\n    exports: [\n        KbqSingleFileUploadComponent,\n        KbqMultipleFileUploadComponent,\n        KbqFileDropDirective\n    ]\n})\nexport class KbqFileUploadModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i8.KbqFileDropDirective","i5","i6","i7.KbqFileDropDirective"],"mappings":"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"}

package/fesm2022/koobiq-components-modal.mjs

@@ -195,7 +195,6 @@ class KbqModalComponent extends KbqModalRef {
         this.kbqModalType = 'default';
         this._kbqVisible = false;
         this.kbqVisibleChange = new EventEmitter();
-        this.kbqZIndex = 1000;
         this.kbqSize = ModalSize.Medium;
         this.kbqCloseByESC = true;
         this._kbqClosable = true;
@@ -547,13 +546,13 @@ class KbqModalComponent extends KbqModalRef {
         }
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqModalComponent, deps: [{ token: i1.Overlay }, { token: i0.Renderer2 }, { token: i0.ComponentFactoryResolver }, { token: i0.ElementRef }, { token: i0.ViewContainerRef }, { token: KbqModalControlService }, { token: i0.ChangeDetectorRef }, { token: i3.FocusMonitor }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqModalComponent, selector: "kbq-modal", inputs: { kbqModalType: "kbqModalType", kbqComponent: "kbqComponent", kbqContent: "kbqContent", kbqComponentParams: "kbqComponentParams", kbqFooter: "kbqFooter", kbqVisible: "kbqVisible", kbqZIndex: "kbqZIndex", kbqWidth: "kbqWidth", kbqSize: "kbqSize", kbqWrapClassName: "kbqWrapClassName", kbqClassName: "kbqClassName", kbqStyle: "kbqStyle", kbqTitle: "kbqTitle", kbqCloseByESC: "kbqCloseByESC", kbqClosable: "kbqClosable", kbqMask: "kbqMask", kbqMaskClosable: "kbqMaskClosable", kbqMaskStyle: "kbqMaskStyle", kbqBodyStyle: "kbqBodyStyle", kbqOkText: "kbqOkText", kbqOkType: "kbqOkType", kbqRestoreFocus: "kbqRestoreFocus", kbqOkLoading: "kbqOkLoading", kbqOnOk: "kbqOnOk", kbqCancelText: "kbqCancelText", kbqCancelLoading: "kbqCancelLoading", kbqOnCancel: "kbqOnCancel", kbqGetContainer: "kbqGetContainer" }, outputs: { kbqVisibleChange: "kbqVisibleChange", kbqAfterOpen: "kbqAfterOpen", kbqAfterClose: "kbqAfterClose", kbqOnOk: "kbqOnOk", kbqOnCancel: "kbqOnCancel" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, viewQueries: [{ propertyName: "modalContainer", first: true, predicate: ["modalContainer"], descendants: true, static: true }, { propertyName: "bodyContainer", first: true, predicate: ["bodyContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "modalBody", first: true, predicate: ["modalBody"], descendants: true }, { propertyName: "autoFocusedButtons", predicate: ["autoFocusedButton"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- Compatible: the <ng-content> can appear only once -->\n<ng-template #tplOriginContent>\n    <ng-content></ng-content>\n</ng-template>\n\n<div>\n    <div *ngIf=\"kbqMask\"\n         class=\"kbq-modal-mask\"\n         [ngClass]=\"maskAnimationClassMap\"\n         [class.kbq-modal-mask-hidden]=\"hidden\"\n         [ngStyle]=\"kbqMaskStyle\"\n         [style.zIndex]=\"kbqZIndex\">\n    </div>\n\n    <div (mousedown)=\"onClickMask($event)\"\n         class=\"kbq-modal-wrap {{ kbqWrapClassName }}\"\n         [style.zIndex]=\"kbqZIndex\"\n         [style.display]=\"hidden ? 'none' : ''\"\n         tabindex=\"-1\">\n\n        <div #modalContainer\n             class=\"kbq-modal {{ kbqClassName }} kbq-modal_{{ kbqSize }}\"\n             [ngClass]=\"modalAnimationClassMap\"\n             [class.kbq-modal_no-footer]=\"!kbqFooter\"\n             [ngStyle]=\"kbqStyle\"\n             [style.width]=\"kbqWidth | toCssUnit\"\n             [style.transform-origin]=\"transformOrigin\">\n\n            <div class=\"kbq-modal-content\" cdkTrapFocus>\n                <ng-container [ngSwitch]=\"true\">\n                    <ng-container *ngSwitchCase=\"isModalType('default')\"\n                                  [ngTemplateOutlet]=\"tplContentDefault\"></ng-container>\n                    <ng-container *ngSwitchCase=\"isModalType('confirm')\"\n                                  [ngTemplateOutlet]=\"tplContentConfirm\"></ng-container>\n                    <ng-container *ngSwitchCase=\"isModalType('custom')\"\n                                  [ngTemplateOutlet]=\"tplContentCustom\"></ng-container>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #tplContentCustom>\n    <ng-container #bodyContainer></ng-container>\n</ng-template>\n\n\n<!-- [Predefined] Default Modal Content -->\n<ng-template #tplContentDefault>\n    <div *ngIf=\"kbqTitle\" class=\"kbq-modal-header\" kbq-title [class.kbq-modal-body_top-overflow]=\"isTopOverflow\">\n        <div class=\"kbq-modal-title\">\n            <ng-container [ngSwitch]=\"true\">\n                <ng-container *ngSwitchCase=\"isTemplateRef(kbqTitle)\" [ngTemplateOutlet]=\"$any(kbqTitle)\"></ng-container>\n                <ng-container *ngSwitchCase=\"isNonEmptyString(kbqTitle)\">\n                    <div [innerHTML]=\"kbqTitle\"></div>\n                </ng-container>\n            </ng-container>\n        </div>\n\n        <button *ngIf=\"kbqClosable\"\n                kbq-button\n                [color]=\"'contrast'\"\n                (click)=\"onClickCloseBtn()\"\n                class=\"kbq-modal-close kbq-button_transparent\">\n            <i kbq-icon=\"mc-close-L_16\" [color]=\"componentColors.Contrast\"></i>\n        </button>\n    </div>\n    <div class=\"kbq-modal-body kbq-scrollbar\" #modalBody [ngStyle]=\"kbqBodyStyle\" (scroll)=\"checkOverflow()\">\n        <ng-container #bodyContainer>\n            <ng-container *ngIf=\"!isComponent(kbqContent)\" [ngSwitch]=\"true\">\n                <ng-container *ngSwitchCase=\"isTemplateRef(kbqContent)\" [ngTemplateOutlet]=\"$any(kbqContent)\"></ng-container>\n                <ng-container *ngSwitchCase=\"isNonEmptyString(kbqContent)\">\n                    <div [innerHTML]=\"kbqContent\"></div>\n                </ng-container>\n                <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n    <div *ngIf=\"kbqFooter || kbqOkText || kbqCancelText\"\n         class=\"kbq-modal-footer\"\n         [class.kbq-modal-body_bottom-overflow]=\"isBottomOverflow\">\n        <ng-container [ngSwitch]=\"true\">\n            <ng-container *ngSwitchCase=\"isTemplateRef(kbqFooter)\" [ngTemplateOutlet]=\"$any(kbqFooter)\"></ng-container>\n            <ng-container *ngSwitchCase=\"isNonEmptyString(kbqFooter)\">\n                <div [innerHTML]=\"kbqFooter\"></div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"isModalButtons(kbqFooter)\">\n                <ng-container *ngFor=\"let button of $any(kbqFooter)\">\n                    <button\n                        kbq-button\n                        [attr.autofocus]=\"button.autoFocus\"\n                        [attr.kbq-modal-main-action]=\"button.kbqModalMainAction\"\n                        *ngIf=\"getButtonCallableProp(button, 'show')\"\n                        [disabled]=\"getButtonCallableProp(button, 'disabled')\"\n                        [class.kbq-progress]=\"getButtonCallableProp(button, 'loading')\"\n                        (click)=\"onButtonClick(button)\"\n                        [color]=\"button.type\">\n                        {{ button.label }}\n                    </button>\n                </ng-container>\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                <button\n                    [attr.autofocus]=\"true\"\n                    *ngIf=\"kbqOkText\"\n                    kbq-button\n                    [color]=\"componentColors.Contrast\"\n                    (click)=\"onClickOkCancel('ok')\">\n\n                    {{ okText }}\n                </button>\n                <button *ngIf=\"kbqCancelText\" kbq-button (click)=\"onClickOkCancel('cancel')\">\n                    {{ cancelText }}\n                </button>\n            </ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n<!-- /[Predefined] Default Modal Content -->\n\n<!-- [Predefined] Confirm Modal Content -->\n<ng-template #tplContentConfirm>\n    <div class=\"kbq-modal-body\" [ngStyle]=\"kbqBodyStyle\">\n            <ng-container #bodyContainer>\n                <ng-container *ngIf=\"!isComponent(kbqContent)\" [ngSwitch]=\"true\">\n                    <ng-container *ngSwitchCase=\"isTemplateRef(kbqContent)\"\n                                  [ngTemplateOutlet]=\"$any(kbqContent)\">\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"isNonEmptyString(kbqContent)\">\n                        <div [innerHTML]=\"kbqContent\"></div>\n                    </ng-container>\n                    <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n                </ng-container>\n            </ng-container>\n    </div>\n    <div class=\"kbq-confirm-footer\" *ngIf=\"kbqOkText || kbqCancelText\">\n        <button\n            kbq-button\n            [color]=\"kbqOkType\"\n            [attr.autofocus]=\"true\"\n            *ngIf=\"kbqOkText\"\n            (click)=\"onClickOkCancel('ok')\">\n\n            {{ okText }}\n        </button>\n\n        <button kbq-button *ngIf=\"kbqCancelText\" (click)=\"onClickOkCancel('cancel')\">\n            {{ cancelText }}\n        </button>\n    </div>\n</ng-template>\n<!-- /[Predefined] Confirm Modal Content -->\n", styles: [".kbq-confirm .kbq-modal-close{display:none}.kbq-confirm .kbq-confirm-footer{display:flex;gap:var(--kbq-modal-size-footer-content-gap-horizontal, 16px)}.kbq-modal{box-sizing:border-box;position:relative;top:48px;border-radius:var(--kbq-modal-size-border-radius, 8px);width:auto;margin:0 auto;list-style:none}.kbq-modal.zoom-enter,.kbq-modal.zoom-appear{animation-duration:.3s;transform:none;opacity:0}.kbq-modal.kbq-modal_small{width:var(--kbq-modal-size-small-width, 400px)}.kbq-modal.kbq-modal_medium{width:var(--kbq-modal-size-medium-width, 640px)}.kbq-modal.kbq-modal_large{width:var(--kbq-modal-size-large-width, 960px)}.kbq-modal .kbq-modal-close{position:absolute;top:16px;right:8px}.kbq-modal-wrap{position:fixed;z-index:1000;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.kbq-modal-content{position:relative;border-radius:var(--kbq-modal-size-border-radius, 8px);background-clip:padding-box}.kbq-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--kbq-modal-size-header-padding-vertical, 16px) var(--kbq-modal-size-header-padding-right, 48px) var(--kbq-modal-size-header-padding-vertical, 16px) var(--kbq-modal-size-header-padding-left, 24px)}.kbq-modal-header+.kbq-modal-body{padding-top:var(--kbq-modal-size-content-padding-top, 0)}.kbq-modal-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.kbq-modal-body{display:block;overflow-y:auto;max-height:calc(100vh - 260px);padding:var(--kbq-modal-size-content-padding-top-without-header, 24px) var(--kbq-modal-size-content-padding-horizontal, 24px) var(--kbq-modal-size-content-padding-bottom, 8px) var(--kbq-modal-size-content-padding-horizontal, 24px);word-wrap:break-word}.kbq-modal-footer,.kbq-confirm-footer{display:flex;align-items:center;padding:var(--kbq-modal-size-footer-padding-vertical, 20px) var(--kbq-modal-size-footer-padding-horizontal, 24px);gap:var(--kbq-modal-size-footer-content-gap-horizontal, 16px)}.kbq-modal-mask{position:fixed;z-index:1000;inset:0;height:100%}.kbq-modal-mask.kbq-modal-mask-hidden{display:none}.kbq-modal-open{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i5.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i5.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "component", type: i6.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i7.KbqTitleDirective, selector: "[kbq-title]", exportAs: ["kbqTitle"] }, { kind: "pipe", type: CssUnitPipe, name: "toCssUnit" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqModalComponent, selector: "kbq-modal", inputs: { kbqModalType: "kbqModalType", kbqComponent: "kbqComponent", kbqContent: "kbqContent", kbqComponentParams: "kbqComponentParams", kbqFooter: "kbqFooter", kbqVisible: "kbqVisible", kbqWidth: "kbqWidth", kbqSize: "kbqSize", kbqWrapClassName: "kbqWrapClassName", kbqClassName: "kbqClassName", kbqStyle: "kbqStyle", kbqTitle: "kbqTitle", kbqCloseByESC: "kbqCloseByESC", kbqClosable: "kbqClosable", kbqMask: "kbqMask", kbqMaskClosable: "kbqMaskClosable", kbqMaskStyle: "kbqMaskStyle", kbqBodyStyle: "kbqBodyStyle", kbqOkText: "kbqOkText", kbqOkType: "kbqOkType", kbqRestoreFocus: "kbqRestoreFocus", kbqOkLoading: "kbqOkLoading", kbqOnOk: "kbqOnOk", kbqCancelText: "kbqCancelText", kbqCancelLoading: "kbqCancelLoading", kbqOnCancel: "kbqOnCancel", kbqGetContainer: "kbqGetContainer" }, outputs: { kbqVisibleChange: "kbqVisibleChange", kbqAfterOpen: "kbqAfterOpen", kbqAfterClose: "kbqAfterClose", kbqOnOk: "kbqOnOk", kbqOnCancel: "kbqOnCancel" }, host: { listeners: { "keydown": "onKeyDown($event)" } }, viewQueries: [{ propertyName: "modalContainer", first: true, predicate: ["modalContainer"], descendants: true, static: true }, { propertyName: "bodyContainer", first: true, predicate: ["bodyContainer"], descendants: true, read: ViewContainerRef }, { propertyName: "modalBody", first: true, predicate: ["modalBody"], descendants: true }, { propertyName: "autoFocusedButtons", predicate: ["autoFocusedButton"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- Compatible: the <ng-content> can appear only once -->\n<ng-template #tplOriginContent>\n    <ng-content></ng-content>\n</ng-template>\n\n<div>\n    <div *ngIf=\"kbqMask\"\n         class=\"kbq-modal-mask\"\n         [ngClass]=\"maskAnimationClassMap\"\n         [class.kbq-modal-mask-hidden]=\"hidden\"\n         [ngStyle]=\"kbqMaskStyle\">\n    </div>\n\n    <div (mousedown)=\"onClickMask($event)\"\n         class=\"kbq-modal-wrap {{ kbqWrapClassName }}\"\n         [style.display]=\"hidden ? 'none' : ''\"\n         tabindex=\"-1\">\n\n        <div #modalContainer\n             class=\"kbq-modal {{ kbqClassName }} kbq-modal_{{ kbqSize }}\"\n             [ngClass]=\"modalAnimationClassMap\"\n             [class.kbq-modal_no-footer]=\"!kbqFooter\"\n             [ngStyle]=\"kbqStyle\"\n             [style.width]=\"kbqWidth | toCssUnit\"\n             [style.transform-origin]=\"transformOrigin\">\n\n            <div class=\"kbq-modal-content\" cdkTrapFocus>\n                <ng-container [ngSwitch]=\"true\">\n                    <ng-container *ngSwitchCase=\"isModalType('default')\"\n                                  [ngTemplateOutlet]=\"tplContentDefault\"></ng-container>\n                    <ng-container *ngSwitchCase=\"isModalType('confirm')\"\n                                  [ngTemplateOutlet]=\"tplContentConfirm\"></ng-container>\n                    <ng-container *ngSwitchCase=\"isModalType('custom')\"\n                                  [ngTemplateOutlet]=\"tplContentCustom\"></ng-container>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #tplContentCustom>\n    <ng-container #bodyContainer></ng-container>\n</ng-template>\n\n\n<!-- [Predefined] Default Modal Content -->\n<ng-template #tplContentDefault>\n    <div *ngIf=\"kbqTitle\" class=\"kbq-modal-header\" kbq-title [class.kbq-modal-body_top-overflow]=\"isTopOverflow\">\n        <div class=\"kbq-modal-title\">\n            <ng-container [ngSwitch]=\"true\">\n                <ng-container *ngSwitchCase=\"isTemplateRef(kbqTitle)\" [ngTemplateOutlet]=\"$any(kbqTitle)\"></ng-container>\n                <ng-container *ngSwitchCase=\"isNonEmptyString(kbqTitle)\">\n                    <div [innerHTML]=\"kbqTitle\"></div>\n                </ng-container>\n            </ng-container>\n        </div>\n\n        <button *ngIf=\"kbqClosable\"\n                kbq-button\n                [color]=\"'contrast'\"\n                (click)=\"onClickCloseBtn()\"\n                class=\"kbq-modal-close kbq-button_transparent\">\n            <i kbq-icon=\"mc-close-L_16\" [color]=\"componentColors.Contrast\"></i>\n        </button>\n    </div>\n    <div class=\"kbq-modal-body kbq-scrollbar\" #modalBody [ngStyle]=\"kbqBodyStyle\" (scroll)=\"checkOverflow()\">\n        <ng-container #bodyContainer>\n            <ng-container *ngIf=\"!isComponent(kbqContent)\" [ngSwitch]=\"true\">\n                <ng-container *ngSwitchCase=\"isTemplateRef(kbqContent)\" [ngTemplateOutlet]=\"$any(kbqContent)\"></ng-container>\n                <ng-container *ngSwitchCase=\"isNonEmptyString(kbqContent)\">\n                    <div [innerHTML]=\"kbqContent\"></div>\n                </ng-container>\n                <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n    <div *ngIf=\"kbqFooter || kbqOkText || kbqCancelText\"\n         class=\"kbq-modal-footer\"\n         [class.kbq-modal-body_bottom-overflow]=\"isBottomOverflow\">\n        <ng-container [ngSwitch]=\"true\">\n            <ng-container *ngSwitchCase=\"isTemplateRef(kbqFooter)\" [ngTemplateOutlet]=\"$any(kbqFooter)\"></ng-container>\n            <ng-container *ngSwitchCase=\"isNonEmptyString(kbqFooter)\">\n                <div [innerHTML]=\"kbqFooter\"></div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"isModalButtons(kbqFooter)\">\n                <ng-container *ngFor=\"let button of $any(kbqFooter)\">\n                    <button\n                        kbq-button\n                        [attr.autofocus]=\"button.autoFocus\"\n                        [attr.kbq-modal-main-action]=\"button.kbqModalMainAction\"\n                        *ngIf=\"getButtonCallableProp(button, 'show')\"\n                        [disabled]=\"getButtonCallableProp(button, 'disabled')\"\n                        [class.kbq-progress]=\"getButtonCallableProp(button, 'loading')\"\n                        (click)=\"onButtonClick(button)\"\n                        [color]=\"button.type\">\n                        {{ button.label }}\n                    </button>\n                </ng-container>\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                <button\n                    [attr.autofocus]=\"true\"\n                    *ngIf=\"kbqOkText\"\n                    kbq-button\n                    [color]=\"componentColors.Contrast\"\n                    (click)=\"onClickOkCancel('ok')\">\n\n                    {{ okText }}\n                </button>\n                <button *ngIf=\"kbqCancelText\" kbq-button (click)=\"onClickOkCancel('cancel')\">\n                    {{ cancelText }}\n                </button>\n            </ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n<!-- /[Predefined] Default Modal Content -->\n\n<!-- [Predefined] Confirm Modal Content -->\n<ng-template #tplContentConfirm>\n    <div class=\"kbq-modal-body\" [ngStyle]=\"kbqBodyStyle\">\n            <ng-container #bodyContainer>\n                <ng-container *ngIf=\"!isComponent(kbqContent)\" [ngSwitch]=\"true\">\n                    <ng-container *ngSwitchCase=\"isTemplateRef(kbqContent)\"\n                                  [ngTemplateOutlet]=\"$any(kbqContent)\">\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"isNonEmptyString(kbqContent)\">\n                        <div [innerHTML]=\"kbqContent\"></div>\n                    </ng-container>\n                    <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n                </ng-container>\n            </ng-container>\n    </div>\n    <div class=\"kbq-confirm-footer\" *ngIf=\"kbqOkText || kbqCancelText\">\n        <button\n            kbq-button\n            [color]=\"kbqOkType\"\n            [attr.autofocus]=\"true\"\n            *ngIf=\"kbqOkText\"\n            (click)=\"onClickOkCancel('ok')\">\n\n            {{ okText }}\n        </button>\n\n        <button kbq-button *ngIf=\"kbqCancelText\" (click)=\"onClickOkCancel('cancel')\">\n            {{ cancelText }}\n        </button>\n    </div>\n</ng-template>\n<!-- /[Predefined] Confirm Modal Content -->\n", styles: [".kbq-confirm .kbq-modal-close{display:none}.kbq-confirm .kbq-confirm-footer{display:flex;gap:var(--kbq-modal-size-footer-content-gap-horizontal, 16px)}.kbq-modal{box-sizing:border-box;position:relative;top:48px;border-radius:var(--kbq-modal-size-border-radius, 8px);width:auto;margin:0 auto;list-style:none}.kbq-modal.zoom-enter,.kbq-modal.zoom-appear{animation-duration:.3s;transform:none;opacity:0}.kbq-modal.kbq-modal_small{width:var(--kbq-modal-size-small-width, 400px)}.kbq-modal.kbq-modal_medium{width:var(--kbq-modal-size-medium-width, 640px)}.kbq-modal.kbq-modal_large{width:var(--kbq-modal-size-large-width, 960px)}.kbq-modal .kbq-modal-close{position:absolute;top:16px;right:8px}.kbq-modal-wrap{position:fixed;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.kbq-modal-content{position:relative;border-radius:var(--kbq-modal-size-border-radius, 8px);background-clip:padding-box}.kbq-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--kbq-modal-size-header-padding-vertical, 16px) var(--kbq-modal-size-header-padding-right, 48px) var(--kbq-modal-size-header-padding-vertical, 16px) var(--kbq-modal-size-header-padding-left, 24px)}.kbq-modal-header+.kbq-modal-body{padding-top:var(--kbq-modal-size-content-padding-top, 0)}.kbq-modal-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.kbq-modal-body{display:block;overflow-y:auto;max-height:calc(100vh - 260px);padding:var(--kbq-modal-size-content-padding-top-without-header, 24px) var(--kbq-modal-size-content-padding-horizontal, 24px) var(--kbq-modal-size-content-padding-bottom, 8px) var(--kbq-modal-size-content-padding-horizontal, 24px);word-wrap:break-word}.kbq-modal-footer,.kbq-confirm-footer{display:flex;align-items:center;padding:var(--kbq-modal-size-footer-padding-vertical, 20px) var(--kbq-modal-size-footer-padding-horizontal, 24px);gap:var(--kbq-modal-size-footer-content-gap-horizontal, 16px)}.kbq-modal-mask{position:fixed;inset:0;height:100%}.kbq-modal-mask.kbq-modal-mask-hidden{display:none}.kbq-modal-open{overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i4.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i4.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i4.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i4.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "directive", type: i4.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { kind: "directive", type: i3.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i5.KbqButton, selector: "[kbq-button]", inputs: ["color", "tabIndex", "kbqStyle", "disabled"] }, { kind: "directive", type: i5.KbqButtonCssStyler, selector: "[kbq-button]" }, { kind: "component", type: i6.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }, { kind: "directive", type: i7.KbqTitleDirective, selector: "[kbq-title]", exportAs: ["kbqTitle"] }, { kind: "pipe", type: CssUnitPipe, name: "toCssUnit" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqModalComponent, decorators: [{
             type: Component,
             args: [{ selector: 'kbq-modal', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '(keydown)': 'onKeyDown($event)'
-                    }, template: "<!-- Compatible: the <ng-content> can appear only once -->\n<ng-template #tplOriginContent>\n    <ng-content></ng-content>\n</ng-template>\n\n<div>\n    <div *ngIf=\"kbqMask\"\n         class=\"kbq-modal-mask\"\n         [ngClass]=\"maskAnimationClassMap\"\n         [class.kbq-modal-mask-hidden]=\"hidden\"\n         [ngStyle]=\"kbqMaskStyle\"\n         [style.zIndex]=\"kbqZIndex\">\n    </div>\n\n    <div (mousedown)=\"onClickMask($event)\"\n         class=\"kbq-modal-wrap {{ kbqWrapClassName }}\"\n         [style.zIndex]=\"kbqZIndex\"\n         [style.display]=\"hidden ? 'none' : ''\"\n         tabindex=\"-1\">\n\n        <div #modalContainer\n             class=\"kbq-modal {{ kbqClassName }} kbq-modal_{{ kbqSize }}\"\n             [ngClass]=\"modalAnimationClassMap\"\n             [class.kbq-modal_no-footer]=\"!kbqFooter\"\n             [ngStyle]=\"kbqStyle\"\n             [style.width]=\"kbqWidth | toCssUnit\"\n             [style.transform-origin]=\"transformOrigin\">\n\n            <div class=\"kbq-modal-content\" cdkTrapFocus>\n                <ng-container [ngSwitch]=\"true\">\n                    <ng-container *ngSwitchCase=\"isModalType('default')\"\n                                  [ngTemplateOutlet]=\"tplContentDefault\"></ng-container>\n                    <ng-container *ngSwitchCase=\"isModalType('confirm')\"\n                                  [ngTemplateOutlet]=\"tplContentConfirm\"></ng-container>\n                    <ng-container *ngSwitchCase=\"isModalType('custom')\"\n                                  [ngTemplateOutlet]=\"tplContentCustom\"></ng-container>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #tplContentCustom>\n    <ng-container #bodyContainer></ng-container>\n</ng-template>\n\n\n<!-- [Predefined] Default Modal Content -->\n<ng-template #tplContentDefault>\n    <div *ngIf=\"kbqTitle\" class=\"kbq-modal-header\" kbq-title [class.kbq-modal-body_top-overflow]=\"isTopOverflow\">\n        <div class=\"kbq-modal-title\">\n            <ng-container [ngSwitch]=\"true\">\n                <ng-container *ngSwitchCase=\"isTemplateRef(kbqTitle)\" [ngTemplateOutlet]=\"$any(kbqTitle)\"></ng-container>\n                <ng-container *ngSwitchCase=\"isNonEmptyString(kbqTitle)\">\n                    <div [innerHTML]=\"kbqTitle\"></div>\n                </ng-container>\n            </ng-container>\n        </div>\n\n        <button *ngIf=\"kbqClosable\"\n                kbq-button\n                [color]=\"'contrast'\"\n                (click)=\"onClickCloseBtn()\"\n                class=\"kbq-modal-close kbq-button_transparent\">\n            <i kbq-icon=\"mc-close-L_16\" [color]=\"componentColors.Contrast\"></i>\n        </button>\n    </div>\n    <div class=\"kbq-modal-body kbq-scrollbar\" #modalBody [ngStyle]=\"kbqBodyStyle\" (scroll)=\"checkOverflow()\">\n        <ng-container #bodyContainer>\n            <ng-container *ngIf=\"!isComponent(kbqContent)\" [ngSwitch]=\"true\">\n                <ng-container *ngSwitchCase=\"isTemplateRef(kbqContent)\" [ngTemplateOutlet]=\"$any(kbqContent)\"></ng-container>\n                <ng-container *ngSwitchCase=\"isNonEmptyString(kbqContent)\">\n                    <div [innerHTML]=\"kbqContent\"></div>\n                </ng-container>\n                <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n    <div *ngIf=\"kbqFooter || kbqOkText || kbqCancelText\"\n         class=\"kbq-modal-footer\"\n         [class.kbq-modal-body_bottom-overflow]=\"isBottomOverflow\">\n        <ng-container [ngSwitch]=\"true\">\n            <ng-container *ngSwitchCase=\"isTemplateRef(kbqFooter)\" [ngTemplateOutlet]=\"$any(kbqFooter)\"></ng-container>\n            <ng-container *ngSwitchCase=\"isNonEmptyString(kbqFooter)\">\n                <div [innerHTML]=\"kbqFooter\"></div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"isModalButtons(kbqFooter)\">\n                <ng-container *ngFor=\"let button of $any(kbqFooter)\">\n                    <button\n                        kbq-button\n                        [attr.autofocus]=\"button.autoFocus\"\n                        [attr.kbq-modal-main-action]=\"button.kbqModalMainAction\"\n                        *ngIf=\"getButtonCallableProp(button, 'show')\"\n                        [disabled]=\"getButtonCallableProp(button, 'disabled')\"\n                        [class.kbq-progress]=\"getButtonCallableProp(button, 'loading')\"\n                        (click)=\"onButtonClick(button)\"\n                        [color]=\"button.type\">\n                        {{ button.label }}\n                    </button>\n                </ng-container>\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                <button\n                    [attr.autofocus]=\"true\"\n                    *ngIf=\"kbqOkText\"\n                    kbq-button\n                    [color]=\"componentColors.Contrast\"\n                    (click)=\"onClickOkCancel('ok')\">\n\n                    {{ okText }}\n                </button>\n                <button *ngIf=\"kbqCancelText\" kbq-button (click)=\"onClickOkCancel('cancel')\">\n                    {{ cancelText }}\n                </button>\n            </ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n<!-- /[Predefined] Default Modal Content -->\n\n<!-- [Predefined] Confirm Modal Content -->\n<ng-template #tplContentConfirm>\n    <div class=\"kbq-modal-body\" [ngStyle]=\"kbqBodyStyle\">\n            <ng-container #bodyContainer>\n                <ng-container *ngIf=\"!isComponent(kbqContent)\" [ngSwitch]=\"true\">\n                    <ng-container *ngSwitchCase=\"isTemplateRef(kbqContent)\"\n                                  [ngTemplateOutlet]=\"$any(kbqContent)\">\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"isNonEmptyString(kbqContent)\">\n                        <div [innerHTML]=\"kbqContent\"></div>\n                    </ng-container>\n                    <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n                </ng-container>\n            </ng-container>\n    </div>\n    <div class=\"kbq-confirm-footer\" *ngIf=\"kbqOkText || kbqCancelText\">\n        <button\n            kbq-button\n            [color]=\"kbqOkType\"\n            [attr.autofocus]=\"true\"\n            *ngIf=\"kbqOkText\"\n            (click)=\"onClickOkCancel('ok')\">\n\n            {{ okText }}\n        </button>\n\n        <button kbq-button *ngIf=\"kbqCancelText\" (click)=\"onClickOkCancel('cancel')\">\n            {{ cancelText }}\n        </button>\n    </div>\n</ng-template>\n<!-- /[Predefined] Confirm Modal Content -->\n", styles: [".kbq-confirm .kbq-modal-close{display:none}.kbq-confirm .kbq-confirm-footer{display:flex;gap:var(--kbq-modal-size-footer-content-gap-horizontal, 16px)}.kbq-modal{box-sizing:border-box;position:relative;top:48px;border-radius:var(--kbq-modal-size-border-radius, 8px);width:auto;margin:0 auto;list-style:none}.kbq-modal.zoom-enter,.kbq-modal.zoom-appear{animation-duration:.3s;transform:none;opacity:0}.kbq-modal.kbq-modal_small{width:var(--kbq-modal-size-small-width, 400px)}.kbq-modal.kbq-modal_medium{width:var(--kbq-modal-size-medium-width, 640px)}.kbq-modal.kbq-modal_large{width:var(--kbq-modal-size-large-width, 960px)}.kbq-modal .kbq-modal-close{position:absolute;top:16px;right:8px}.kbq-modal-wrap{position:fixed;z-index:1000;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.kbq-modal-content{position:relative;border-radius:var(--kbq-modal-size-border-radius, 8px);background-clip:padding-box}.kbq-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--kbq-modal-size-header-padding-vertical, 16px) var(--kbq-modal-size-header-padding-right, 48px) var(--kbq-modal-size-header-padding-vertical, 16px) var(--kbq-modal-size-header-padding-left, 24px)}.kbq-modal-header+.kbq-modal-body{padding-top:var(--kbq-modal-size-content-padding-top, 0)}.kbq-modal-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.kbq-modal-body{display:block;overflow-y:auto;max-height:calc(100vh - 260px);padding:var(--kbq-modal-size-content-padding-top-without-header, 24px) var(--kbq-modal-size-content-padding-horizontal, 24px) var(--kbq-modal-size-content-padding-bottom, 8px) var(--kbq-modal-size-content-padding-horizontal, 24px);word-wrap:break-word}.kbq-modal-footer,.kbq-confirm-footer{display:flex;align-items:center;padding:var(--kbq-modal-size-footer-padding-vertical, 20px) var(--kbq-modal-size-footer-padding-horizontal, 24px);gap:var(--kbq-modal-size-footer-content-gap-horizontal, 16px)}.kbq-modal-mask{position:fixed;z-index:1000;inset:0;height:100%}.kbq-modal-mask.kbq-modal-mask-hidden{display:none}.kbq-modal-open{overflow:hidden}\n"] }]
+                    }, template: "<!-- Compatible: the <ng-content> can appear only once -->\n<ng-template #tplOriginContent>\n    <ng-content></ng-content>\n</ng-template>\n\n<div>\n    <div *ngIf=\"kbqMask\"\n         class=\"kbq-modal-mask\"\n         [ngClass]=\"maskAnimationClassMap\"\n         [class.kbq-modal-mask-hidden]=\"hidden\"\n         [ngStyle]=\"kbqMaskStyle\">\n    </div>\n\n    <div (mousedown)=\"onClickMask($event)\"\n         class=\"kbq-modal-wrap {{ kbqWrapClassName }}\"\n         [style.display]=\"hidden ? 'none' : ''\"\n         tabindex=\"-1\">\n\n        <div #modalContainer\n             class=\"kbq-modal {{ kbqClassName }} kbq-modal_{{ kbqSize }}\"\n             [ngClass]=\"modalAnimationClassMap\"\n             [class.kbq-modal_no-footer]=\"!kbqFooter\"\n             [ngStyle]=\"kbqStyle\"\n             [style.width]=\"kbqWidth | toCssUnit\"\n             [style.transform-origin]=\"transformOrigin\">\n\n            <div class=\"kbq-modal-content\" cdkTrapFocus>\n                <ng-container [ngSwitch]=\"true\">\n                    <ng-container *ngSwitchCase=\"isModalType('default')\"\n                                  [ngTemplateOutlet]=\"tplContentDefault\"></ng-container>\n                    <ng-container *ngSwitchCase=\"isModalType('confirm')\"\n                                  [ngTemplateOutlet]=\"tplContentConfirm\"></ng-container>\n                    <ng-container *ngSwitchCase=\"isModalType('custom')\"\n                                  [ngTemplateOutlet]=\"tplContentCustom\"></ng-container>\n                </ng-container>\n            </div>\n        </div>\n    </div>\n</div>\n\n<ng-template #tplContentCustom>\n    <ng-container #bodyContainer></ng-container>\n</ng-template>\n\n\n<!-- [Predefined] Default Modal Content -->\n<ng-template #tplContentDefault>\n    <div *ngIf=\"kbqTitle\" class=\"kbq-modal-header\" kbq-title [class.kbq-modal-body_top-overflow]=\"isTopOverflow\">\n        <div class=\"kbq-modal-title\">\n            <ng-container [ngSwitch]=\"true\">\n                <ng-container *ngSwitchCase=\"isTemplateRef(kbqTitle)\" [ngTemplateOutlet]=\"$any(kbqTitle)\"></ng-container>\n                <ng-container *ngSwitchCase=\"isNonEmptyString(kbqTitle)\">\n                    <div [innerHTML]=\"kbqTitle\"></div>\n                </ng-container>\n            </ng-container>\n        </div>\n\n        <button *ngIf=\"kbqClosable\"\n                kbq-button\n                [color]=\"'contrast'\"\n                (click)=\"onClickCloseBtn()\"\n                class=\"kbq-modal-close kbq-button_transparent\">\n            <i kbq-icon=\"mc-close-L_16\" [color]=\"componentColors.Contrast\"></i>\n        </button>\n    </div>\n    <div class=\"kbq-modal-body kbq-scrollbar\" #modalBody [ngStyle]=\"kbqBodyStyle\" (scroll)=\"checkOverflow()\">\n        <ng-container #bodyContainer>\n            <ng-container *ngIf=\"!isComponent(kbqContent)\" [ngSwitch]=\"true\">\n                <ng-container *ngSwitchCase=\"isTemplateRef(kbqContent)\" [ngTemplateOutlet]=\"$any(kbqContent)\"></ng-container>\n                <ng-container *ngSwitchCase=\"isNonEmptyString(kbqContent)\">\n                    <div [innerHTML]=\"kbqContent\"></div>\n                </ng-container>\n                <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n            </ng-container>\n        </ng-container>\n    </div>\n    <div *ngIf=\"kbqFooter || kbqOkText || kbqCancelText\"\n         class=\"kbq-modal-footer\"\n         [class.kbq-modal-body_bottom-overflow]=\"isBottomOverflow\">\n        <ng-container [ngSwitch]=\"true\">\n            <ng-container *ngSwitchCase=\"isTemplateRef(kbqFooter)\" [ngTemplateOutlet]=\"$any(kbqFooter)\"></ng-container>\n            <ng-container *ngSwitchCase=\"isNonEmptyString(kbqFooter)\">\n                <div [innerHTML]=\"kbqFooter\"></div>\n            </ng-container>\n            <ng-container *ngSwitchCase=\"isModalButtons(kbqFooter)\">\n                <ng-container *ngFor=\"let button of $any(kbqFooter)\">\n                    <button\n                        kbq-button\n                        [attr.autofocus]=\"button.autoFocus\"\n                        [attr.kbq-modal-main-action]=\"button.kbqModalMainAction\"\n                        *ngIf=\"getButtonCallableProp(button, 'show')\"\n                        [disabled]=\"getButtonCallableProp(button, 'disabled')\"\n                        [class.kbq-progress]=\"getButtonCallableProp(button, 'loading')\"\n                        (click)=\"onButtonClick(button)\"\n                        [color]=\"button.type\">\n                        {{ button.label }}\n                    </button>\n                </ng-container>\n            </ng-container>\n            <ng-container *ngSwitchDefault>\n                <button\n                    [attr.autofocus]=\"true\"\n                    *ngIf=\"kbqOkText\"\n                    kbq-button\n                    [color]=\"componentColors.Contrast\"\n                    (click)=\"onClickOkCancel('ok')\">\n\n                    {{ okText }}\n                </button>\n                <button *ngIf=\"kbqCancelText\" kbq-button (click)=\"onClickOkCancel('cancel')\">\n                    {{ cancelText }}\n                </button>\n            </ng-container>\n        </ng-container>\n    </div>\n</ng-template>\n<!-- /[Predefined] Default Modal Content -->\n\n<!-- [Predefined] Confirm Modal Content -->\n<ng-template #tplContentConfirm>\n    <div class=\"kbq-modal-body\" [ngStyle]=\"kbqBodyStyle\">\n            <ng-container #bodyContainer>\n                <ng-container *ngIf=\"!isComponent(kbqContent)\" [ngSwitch]=\"true\">\n                    <ng-container *ngSwitchCase=\"isTemplateRef(kbqContent)\"\n                                  [ngTemplateOutlet]=\"$any(kbqContent)\">\n                    </ng-container>\n                    <ng-container *ngSwitchCase=\"isNonEmptyString(kbqContent)\">\n                        <div [innerHTML]=\"kbqContent\"></div>\n                    </ng-container>\n                    <ng-container *ngSwitchDefault [ngTemplateOutlet]=\"tplOriginContent\"></ng-container>\n                </ng-container>\n            </ng-container>\n    </div>\n    <div class=\"kbq-confirm-footer\" *ngIf=\"kbqOkText || kbqCancelText\">\n        <button\n            kbq-button\n            [color]=\"kbqOkType\"\n            [attr.autofocus]=\"true\"\n            *ngIf=\"kbqOkText\"\n            (click)=\"onClickOkCancel('ok')\">\n\n            {{ okText }}\n        </button>\n\n        <button kbq-button *ngIf=\"kbqCancelText\" (click)=\"onClickOkCancel('cancel')\">\n            {{ cancelText }}\n        </button>\n    </div>\n</ng-template>\n<!-- /[Predefined] Confirm Modal Content -->\n", styles: [".kbq-confirm .kbq-modal-close{display:none}.kbq-confirm .kbq-confirm-footer{display:flex;gap:var(--kbq-modal-size-footer-content-gap-horizontal, 16px)}.kbq-modal{box-sizing:border-box;position:relative;top:48px;border-radius:var(--kbq-modal-size-border-radius, 8px);width:auto;margin:0 auto;list-style:none}.kbq-modal.zoom-enter,.kbq-modal.zoom-appear{animation-duration:.3s;transform:none;opacity:0}.kbq-modal.kbq-modal_small{width:var(--kbq-modal-size-small-width, 400px)}.kbq-modal.kbq-modal_medium{width:var(--kbq-modal-size-medium-width, 640px)}.kbq-modal.kbq-modal_large{width:var(--kbq-modal-size-large-width, 960px)}.kbq-modal .kbq-modal-close{position:absolute;top:16px;right:8px}.kbq-modal-wrap{position:fixed;inset:0;overflow:auto;-webkit-overflow-scrolling:touch;outline:0}.kbq-modal-content{position:relative;border-radius:var(--kbq-modal-size-border-radius, 8px);background-clip:padding-box}.kbq-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--kbq-modal-size-header-padding-vertical, 16px) var(--kbq-modal-size-header-padding-right, 48px) var(--kbq-modal-size-header-padding-vertical, 16px) var(--kbq-modal-size-header-padding-left, 24px)}.kbq-modal-header+.kbq-modal-body{padding-top:var(--kbq-modal-size-content-padding-top, 0)}.kbq-modal-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.kbq-modal-body{display:block;overflow-y:auto;max-height:calc(100vh - 260px);padding:var(--kbq-modal-size-content-padding-top-without-header, 24px) var(--kbq-modal-size-content-padding-horizontal, 24px) var(--kbq-modal-size-content-padding-bottom, 8px) var(--kbq-modal-size-content-padding-horizontal, 24px);word-wrap:break-word}.kbq-modal-footer,.kbq-confirm-footer{display:flex;align-items:center;padding:var(--kbq-modal-size-footer-padding-vertical, 20px) var(--kbq-modal-size-footer-padding-horizontal, 24px);gap:var(--kbq-modal-size-footer-content-gap-horizontal, 16px)}.kbq-modal-mask{position:fixed;inset:0;height:100%}.kbq-modal-mask.kbq-modal-mask-hidden{display:none}.kbq-modal-open{overflow:hidden}\n"] }]
         }], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.Renderer2 }, { type: i0.ComponentFactoryResolver }, { type: i0.ElementRef }, { type: i0.ViewContainerRef }, { type: KbqModalControlService }, { type: i0.ChangeDetectorRef }, { type: i3.FocusMonitor }, { type: undefined, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]
@@ -571,8 +570,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
                 type: Input
             }], kbqVisibleChange: [{
                 type: Output
-            }], kbqZIndex: [{
-                type: Input
             }], kbqWidth: [{
                 type: Input
             }], kbqSize: [{