npm - @cdek-it/angular-ui-kit - Versions diffs - 0.2.7-test → 0.2.8-test - Mend

@cdek-it/angular-ui-kit 0.2.7-test → 0.2.8-test

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (33) hide show

package/fesm2022/cdek-it-angular-ui-kit-components-fileupload.mjs ADDED Viewed

@@ -0,0 +1,436 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, ChangeDetectorRef, EventEmitter, forwardRef, Output, Input, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { FileUpload } from 'primeng/fileupload';
+import { ProgressBar } from 'primeng/progressbar';
+import { Message } from 'primeng/message';
+import { PrimeTemplate } from 'primeng/api';
+import { ExtraButtonComponent } from '@cdek-it/angular-ui-kit/components/button';
+class ExtraFileUploadComponent {
+    el = inject(ElementRef);
+    cdr = inject(ChangeDetectorRef);
+    fuRef;
+    name = 'files[]';
+    url = '/api/upload';
+    multiple = true;
+    accept = 'image/*,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document';
+    maxFileSize = 1000000;
+    fileLimit = undefined;
+    disabled = false;
+    dropzoneTitle = 'Чтобы загрузить файлы кликните или перетащите их в эту область';
+    dropzoneCaption = 'Можно загрузить не более 10 файлов размером 1 MB';
+    invalidFileSizeMessageSummary = '{0}: Некорректный размер файла';
+    invalidFileSizeMessageDetail = 'Максимальный размер — {0}';
+    invalidFileTypeMessageSummary = '{0}: Некорректный тип файла';
+    invalidFileTypeMessageDetail = 'Допустимые типы: {0}';
+    invalidFileLimitMessageSummary = 'Превышен лимит файлов';
+    invalidFileLimitMessageDetail = 'Максимум: {0}';
+    onSelectEvent = new EventEmitter();
+    onRemoveEvent = new EventEmitter();
+    onClearEvent = new EventEmitter();
+    onError = new EventEmitter();
+    onUpload = new EventEmitter();
+    selectedFiles = [];
+    uploadedFiles = [];
+    totalSize = 0;
+    totalSizePercent = 0;
+    uploadSuccess = false;
+    isUploading = false;
+    uploadCbRef = null;
+    clearCbRef = null;
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(files) {
+        this.selectedFiles = files ?? [];
+        this.cdr.markForCheck();
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.disabled = isDisabled;
+        this.cdr.markForCheck();
+    }
+    get uploadCb() {
+        return this.uploadCbRef;
+    }
+    storeCallbacks(upload, clear) {
+        this.uploadCbRef = upload;
+        this.clearCbRef = clear;
+        return '';
+    }
+    onDrop(event) {
+        event.preventDefault();
+        const files = event.dataTransfer?.files;
+        if (!files?.length || this.disabled)
+            return;
+        const accepted = this.filterFilesByAccept(Array.from(files));
+        if (!accepted.length)
+            return;
+        const dt = new DataTransfer();
+        accepted.forEach(f => dt.items.add(f));
+        this.fuRef.onFileSelect({ target: { files: dt.files } });
+    }
+    filterFilesByAccept(files) {
+        if (!this.accept)
+            return files;
+        const types = this.accept.split(',').map(t => t.trim());
+        return files.filter(file => types.some(type => {
+            if (type.includes('*')) {
+                return file.type.startsWith(type.replace('*', ''));
+            }
+            if (type.startsWith('.')) {
+                return file.name.toLowerCase().endsWith(type.toLowerCase());
+            }
+            return file.type === type;
+        }));
+    }
+    onChooseClick() {
+        const input = this.el.nativeElement.querySelector('input[type="file"]');
+        input?.click();
+    }
+    isImage(file) {
+        return file.type.startsWith('image/');
+    }
+    formatSize(bytes) {
+        if (bytes === 0)
+            return '0 B';
+        const k = 1024;
+        const sizes = ['B', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(3)) + ' ' + sizes[i];
+    }
+    onSelectedFiles(event) {
+        this.selectedFiles = [...(this.fuRef?.files || [])];
+        this.totalSize = this.selectedFiles.reduce((acc, f) => acc + f.size, 0);
+        this.uploadSuccess = false;
+        this.isUploading = this.selectedFiles.length > 0;
+        this.totalSizePercent = 0;
+        let progress = 0;
+        const interval = setInterval(() => {
+            progress += 10;
+            this.totalSizePercent = Math.min(progress, 100);
+            if (progress >= 100)
+                clearInterval(interval);
+            this.cdr.markForCheck();
+        }, 40);
+        this.onChange(this.selectedFiles);
+        this.onTouched();
+        this.cdr.markForCheck();
+        this.onSelectEvent.emit(event);
+    }
+    onUploader(event) {
+        setTimeout(() => {
+            this.clearCbRef?.();
+            this.selectedFiles = [];
+            this.uploadedFiles = [...(event.files || [])];
+            this.totalSize = 0;
+            this.totalSizePercent = 0;
+            this.uploadSuccess = true;
+            this.isUploading = false;
+            this.onChange([]);
+            this.cdr.markForCheck();
+        }, 1500);
+        this.onUpload.emit(event);
+    }
+    onRemoveFile(file, removeFileCallback, index) {
+        removeFileCallback(index);
+        this.selectedFiles = [...(this.fuRef?.files || [])];
+        this.totalSize -= file.size;
+        this.totalSizePercent = Math.min((this.totalSize / (this.maxFileSize || 1000000)) * 100, 100);
+        if (this.totalSize <= 0) {
+            this.isUploading = false;
+        }
+        this.onChange(this.selectedFiles);
+        this.cdr.markForCheck();
+    }
+    onClearUpload() {
+        this.clearCbRef?.();
+        this.selectedFiles = [];
+        this.uploadedFiles = [];
+        this.totalSize = 0;
+        this.totalSizePercent = 0;
+        this.uploadSuccess = false;
+        this.isUploading = false;
+        this.onChange([]);
+        this.cdr.markForCheck();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraFileUploadComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraFileUploadComponent, isStandalone: true, selector: "extra-fileupload", inputs: { name: "name", url: "url", multiple: "multiple", accept: "accept", maxFileSize: "maxFileSize", fileLimit: "fileLimit", disabled: "disabled", dropzoneTitle: "dropzoneTitle", dropzoneCaption: "dropzoneCaption", invalidFileSizeMessageSummary: "invalidFileSizeMessageSummary", invalidFileSizeMessageDetail: "invalidFileSizeMessageDetail", invalidFileTypeMessageSummary: "invalidFileTypeMessageSummary", invalidFileTypeMessageDetail: "invalidFileTypeMessageDetail", invalidFileLimitMessageSummary: "invalidFileLimitMessageSummary", invalidFileLimitMessageDetail: "invalidFileLimitMessageDetail" }, outputs: { onSelectEvent: "onSelectEvent", onRemoveEvent: "onRemoveEvent", onClearEvent: "onClearEvent", onError: "onError", onUpload: "onUpload" }, host: { styleAttribute: "display: contents" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ExtraFileUploadComponent), multi: true }], viewQueries: [{ propertyName: "fuRef", first: true, predicate: ["fuRef"], descendants: true }], ngImport: i0, template: `
+    <p-fileupload
+      #fuRef
+      [name]="name"
+      [url]="url"
+      [multiple]="multiple"
+      [accept]="accept"
+      [maxFileSize]="maxFileSize"
+      [fileLimit]="fileLimit"
+      [disabled]="disabled"
+      [customUpload]="true"
+      [auto]="false"
+      [invalidFileSizeMessageSummary]="invalidFileSizeMessageSummary"
+      [invalidFileSizeMessageDetail]="invalidFileSizeMessageDetail"
+      [invalidFileTypeMessageSummary]="invalidFileTypeMessageSummary"
+      [invalidFileTypeMessageDetail]="invalidFileTypeMessageDetail"
+      [invalidFileLimitMessageSummary]="invalidFileLimitMessageSummary"
+      [invalidFileLimitMessageDetail]="invalidFileLimitMessageDetail"
+      (onSelect)="onSelectedFiles($event)"
+      (uploadHandler)="onUploader($event)"
+      (onRemove)="onRemoveEvent.emit($event)"
+      (onClear)="onClearEvent.emit()"
+      (onError)="onError.emit($event)"
+    >
+      <ng-template pTemplate="header" let-uploadCallback="uploadCallback" let-clearCallback="clearCallback">
+        <div class="fu-header" [attr.data-ref]="storeCallbacks(uploadCallback, clearCallback)">
+          <div class="fu-dropzone"
+            [class.fu-dropzone--disabled]="disabled"
+            (click)="onChooseClick()"
+            (dragover)="$event.preventDefault()"
+            (drop)="onDrop($event)">
+            <i class="ti ti-upload fu-dropzone__icon"></i>
+            <div class="fu-dropzone__info">
+              <span class="fu-dropzone__title">{{ dropzoneTitle }}</span>
+              <span class="fu-dropzone__caption">
+                <i class="ti ti-info-circle"></i>
+                {{ dropzoneCaption }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </ng-template>
+      <ng-template pTemplate="content"
+        let-removeFileCallback="removeFileCallback" let-removeUploadedFileCallback="removeUploadedFileCallback">
+        <div class="fu-content">
+          @if (isUploading) {
+            <p-progressBar [value]="totalSizePercent" [showValue]="false"></p-progressBar>
+          }
+          @if (uploadSuccess) {
+            <p-message severity="success" icon="ti ti-circle-check" [closable]="true" (onClose)="uploadSuccess = false">
+              Файлы успешно загружены
+            </p-message>
+          }
+          @if (selectedFiles.length > 0) {
+            <div class="fu-file-list">
+              @for (file of selectedFiles; track file.name + file.size; let i = $index) {
+                <div class="fu-file-card">
+                  <div class="fu-file-card__wrap">
+                    @if (isImage(file)) {
+                      <img [src]="file.objectURL" [alt]="file.name" class="fu-file-card__thumbnail" />
+                    } @else {
+                      <i class="ti ti-file fu-file-card__icon"></i>
+                    }
+                    <div class="fu-file-card__info">
+                      <span class="fu-file-card__name">{{ file.name }}</span>
+                      <span class="fu-file-card__size">
+                        <i class="ti ti-info-circle"></i>
+                        {{ formatSize(file.size) }}
+                      </span>
+                    </div>
+                  </div>
+                  <extra-button icon="ti ti-trash" variant="text" [rounded]="true" size="small" [iconOnly]="true"
+                    (click)="onRemoveFile(file, removeFileCallback, i)"></extra-button>
+                </div>
+              }
+            </div>
+          }
+          @if (uploadedFiles.length > 0) {
+            <div class="fu-file-list">
+              @for (file of uploadedFiles; track file.name + file.size; let i = $index) {
+                <div class="fu-file-card fu-file-card--uploaded">
+                  <div class="fu-file-card__wrap">
+                    <i class="ti ti-file-check fu-file-card__icon"></i>
+                    <div class="fu-file-card__info">
+                      <span class="fu-file-card__name">{{ file.name }}</span>
+                      <span class="fu-file-card__size">Загружено</span>
+                    </div>
+                  </div>
+                  <extra-button icon="ti ti-trash" variant="text" [rounded]="true" size="small" [iconOnly]="true"
+                    (click)="removeUploadedFileCallback(i)"></extra-button>
+                </div>
+              }
+            </div>
+          }
+          @if (selectedFiles.length > 0 || uploadedFiles.length > 0) {
+            <div class="fu-footer">
+              <extra-button label="Отправить" [disabled]="!selectedFiles.length" (click)="uploadCb?.()"></extra-button>
+              <extra-button label="Очистить" severity="danger" variant="text"
+                [disabled]="!selectedFiles.length && !uploadedFiles.length" (click)="onClearUpload()"></extra-button>
+            </div>
+          }
+        </div>
+      </ng-template>
+    </p-fileupload>
+  `, isInline: true, dependencies: [{ kind: "component", type: FileUpload, selector: "p-fileupload, p-fileUpload", inputs: ["name", "url", "method", "multiple", "accept", "disabled", "auto", "withCredentials", "maxFileSize", "invalidFileSizeMessageSummary", "invalidFileSizeMessageDetail", "invalidFileTypeMessageSummary", "invalidFileTypeMessageDetail", "invalidFileLimitMessageDetail", "invalidFileLimitMessageSummary", "style", "styleClass", "previewWidth", "chooseLabel", "uploadLabel", "cancelLabel", "chooseIcon", "uploadIcon", "cancelIcon", "showUploadButton", "showCancelButton", "mode", "headers", "customUpload", "fileLimit", "uploadStyleClass", "cancelStyleClass", "removeStyleClass", "chooseStyleClass", "chooseButtonProps", "uploadButtonProps", "cancelButtonProps", "files"], outputs: ["onBeforeUpload", "onSend", "onUpload", "onError", "onClear", "onRemove", "onSelect", "onProgress", "uploadHandler", "onImageError", "onRemoveUploadedFile"] }, { kind: "component", type: ProgressBar, selector: "p-progressBar, p-progressbar, p-progress-bar", inputs: ["value", "showValue", "styleClass", "valueStyleClass", "unit", "mode", "color"] }, { kind: "component", type: Message, selector: "p-message", inputs: ["severity", "text", "escape", "style", "styleClass", "closable", "icon", "closeIcon", "life", "showTransitionOptions", "hideTransitionOptions", "size", "variant"], outputs: ["onClose"] }, { kind: "directive", type: PrimeTemplate, selector: "[pTemplate]", inputs: ["type", "pTemplate"] }, { kind: "component", type: ExtraButtonComponent, selector: "extra-button", inputs: ["label", "variant", "severity", "size", "rounded", "iconPosition", "iconOnly", "icon", "disabled", "loading", "badge", "badgeSeverity", "showBadge", "fluid", "ariaLabel", "autofocus", "tabindex", "text"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraFileUploadComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'extra-fileupload',
+                    standalone: true,
+                    imports: [FileUpload, ProgressBar, Message, PrimeTemplate, ExtraButtonComponent],
+                    host: { style: 'display: contents' },
+                    providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ExtraFileUploadComponent), multi: true }],
+                    template: `
+    <p-fileupload
+      #fuRef
+      [name]="name"
+      [url]="url"
+      [multiple]="multiple"
+      [accept]="accept"
+      [maxFileSize]="maxFileSize"
+      [fileLimit]="fileLimit"
+      [disabled]="disabled"
+      [customUpload]="true"
+      [auto]="false"
+      [invalidFileSizeMessageSummary]="invalidFileSizeMessageSummary"
+      [invalidFileSizeMessageDetail]="invalidFileSizeMessageDetail"
+      [invalidFileTypeMessageSummary]="invalidFileTypeMessageSummary"
+      [invalidFileTypeMessageDetail]="invalidFileTypeMessageDetail"
+      [invalidFileLimitMessageSummary]="invalidFileLimitMessageSummary"
+      [invalidFileLimitMessageDetail]="invalidFileLimitMessageDetail"
+      (onSelect)="onSelectedFiles($event)"
+      (uploadHandler)="onUploader($event)"
+      (onRemove)="onRemoveEvent.emit($event)"
+      (onClear)="onClearEvent.emit()"
+      (onError)="onError.emit($event)"
+    >
+      <ng-template pTemplate="header" let-uploadCallback="uploadCallback" let-clearCallback="clearCallback">
+        <div class="fu-header" [attr.data-ref]="storeCallbacks(uploadCallback, clearCallback)">
+          <div class="fu-dropzone"
+            [class.fu-dropzone--disabled]="disabled"
+            (click)="onChooseClick()"
+            (dragover)="$event.preventDefault()"
+            (drop)="onDrop($event)">
+            <i class="ti ti-upload fu-dropzone__icon"></i>
+            <div class="fu-dropzone__info">
+              <span class="fu-dropzone__title">{{ dropzoneTitle }}</span>
+              <span class="fu-dropzone__caption">
+                <i class="ti ti-info-circle"></i>
+                {{ dropzoneCaption }}
+              </span>
+            </div>
+          </div>
+        </div>
+      </ng-template>
+      <ng-template pTemplate="content"
+        let-removeFileCallback="removeFileCallback" let-removeUploadedFileCallback="removeUploadedFileCallback">
+        <div class="fu-content">
+          @if (isUploading) {
+            <p-progressBar [value]="totalSizePercent" [showValue]="false"></p-progressBar>
+          }
+          @if (uploadSuccess) {
+            <p-message severity="success" icon="ti ti-circle-check" [closable]="true" (onClose)="uploadSuccess = false">
+              Файлы успешно загружены
+            </p-message>
+          }
+          @if (selectedFiles.length > 0) {
+            <div class="fu-file-list">
+              @for (file of selectedFiles; track file.name + file.size; let i = $index) {
+                <div class="fu-file-card">
+                  <div class="fu-file-card__wrap">
+                    @if (isImage(file)) {
+                      <img [src]="file.objectURL" [alt]="file.name" class="fu-file-card__thumbnail" />
+                    } @else {
+                      <i class="ti ti-file fu-file-card__icon"></i>
+                    }
+                    <div class="fu-file-card__info">
+                      <span class="fu-file-card__name">{{ file.name }}</span>
+                      <span class="fu-file-card__size">
+                        <i class="ti ti-info-circle"></i>
+                        {{ formatSize(file.size) }}
+                      </span>
+                    </div>
+                  </div>
+                  <extra-button icon="ti ti-trash" variant="text" [rounded]="true" size="small" [iconOnly]="true"
+                    (click)="onRemoveFile(file, removeFileCallback, i)"></extra-button>
+                </div>
+              }
+            </div>
+          }
+          @if (uploadedFiles.length > 0) {
+            <div class="fu-file-list">
+              @for (file of uploadedFiles; track file.name + file.size; let i = $index) {
+                <div class="fu-file-card fu-file-card--uploaded">
+                  <div class="fu-file-card__wrap">
+                    <i class="ti ti-file-check fu-file-card__icon"></i>
+                    <div class="fu-file-card__info">
+                      <span class="fu-file-card__name">{{ file.name }}</span>
+                      <span class="fu-file-card__size">Загружено</span>
+                    </div>
+                  </div>
+                  <extra-button icon="ti ti-trash" variant="text" [rounded]="true" size="small" [iconOnly]="true"
+                    (click)="removeUploadedFileCallback(i)"></extra-button>
+                </div>
+              }
+            </div>
+          }
+          @if (selectedFiles.length > 0 || uploadedFiles.length > 0) {
+            <div class="fu-footer">
+              <extra-button label="Отправить" [disabled]="!selectedFiles.length" (click)="uploadCb?.()"></extra-button>
+              <extra-button label="Очистить" severity="danger" variant="text"
+                [disabled]="!selectedFiles.length && !uploadedFiles.length" (click)="onClearUpload()"></extra-button>
+            </div>
+          }
+        </div>
+      </ng-template>
+    </p-fileupload>
+  `,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { fuRef: [{
+                type: ViewChild,
+                args: ['fuRef']
+            }], name: [{
+                type: Input
+            }], url: [{
+                type: Input
+            }], multiple: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], maxFileSize: [{
+                type: Input
+            }], fileLimit: [{
+                type: Input
+            }], disabled: [{
+                type: Input
+            }], dropzoneTitle: [{
+                type: Input
+            }], dropzoneCaption: [{
+                type: Input
+            }], invalidFileSizeMessageSummary: [{
+                type: Input
+            }], invalidFileSizeMessageDetail: [{
+                type: Input
+            }], invalidFileTypeMessageSummary: [{
+                type: Input
+            }], invalidFileTypeMessageDetail: [{
+                type: Input
+            }], invalidFileLimitMessageSummary: [{
+                type: Input
+            }], invalidFileLimitMessageDetail: [{
+                type: Input
+            }], onSelectEvent: [{
+                type: Output
+            }], onRemoveEvent: [{
+                type: Output
+            }], onClearEvent: [{
+                type: Output
+            }], onError: [{
+                type: Output
+            }], onUpload: [{
+                type: Output
+            }] } });
+/**
+ * Generated bundle index. Do not edit.
+ */
+export { ExtraFileUploadComponent };
+//# sourceMappingURL=cdek-it-angular-ui-kit-components-fileupload.mjs.map

package/fesm2022/cdek-it-angular-ui-kit-components-fileupload.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"cdek-it-angular-ui-kit-components-fileupload.mjs","sources":["../../src/lib/components/fileupload/fileupload.component.ts","../../src/lib/components/fileupload/cdek-it-angular-ui-kit-components-fileupload.ts"],"sourcesContent":["import { Component, Input, Output, EventEmitter, ViewChild, ElementRef, ChangeDetectorRef, ChangeDetectionStrategy, inject, forwardRef } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport {\n FileUpload,\n FileSelectEvent,\n FileRemoveEvent,\n FileUploadErrorEvent,\n FileUploadHandlerEvent,\n} from 'primeng/fileupload';\nimport { ProgressBar } from 'primeng/progressbar';\nimport { Message } from 'primeng/message';\nimport { PrimeTemplate } from 'primeng/api';\nimport { ExtraButtonComponent } from '@cdek-it/angular-ui-kit/components/button';\n\n// PrimeNG добавляет objectURL для превью в рантайме, но не типизирует его\ntype PreviewFile = File & { objectURL?: string };\n\n@Component({\n selector: 'extra-fileupload',\n standalone: true,\n imports: [FileUpload, ProgressBar, Message, PrimeTemplate, ExtraButtonComponent],\n host: { style: 'display: contents' },\n providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => ExtraFileUploadComponent), multi: true }],\n template: `\n <p-fileupload\n #fuRef\n [name]=\"name\"\n [url]=\"url\"\n [multiple]=\"multiple\"\n [accept]=\"accept\"\n [maxFileSize]=\"maxFileSize\"\n [fileLimit]=\"fileLimit\"\n [disabled]=\"disabled\"\n [customUpload]=\"true\"\n [auto]=\"false\"\n [invalidFileSizeMessageSummary]=\"invalidFileSizeMessageSummary\"\n [invalidFileSizeMessageDetail]=\"invalidFileSizeMessageDetail\"\n [invalidFileTypeMessageSummary]=\"invalidFileTypeMessageSummary\"\n [invalidFileTypeMessageDetail]=\"invalidFileTypeMessageDetail\"\n [invalidFileLimitMessageSummary]=\"invalidFileLimitMessageSummary\"\n [invalidFileLimitMessageDetail]=\"invalidFileLimitMessageDetail\"\n (onSelect)=\"onSelectedFiles($event)\"\n (uploadHandler)=\"onUploader($event)\"\n (onRemove)=\"onRemoveEvent.emit($event)\"\n (onClear)=\"onClearEvent.emit()\"\n (onError)=\"onError.emit($event)\"\n >\n <ng-template pTemplate=\"header\" let-uploadCallback=\"uploadCallback\" let-clearCallback=\"clearCallback\">\n <div class=\"fu-header\" [attr.data-ref]=\"storeCallbacks(uploadCallback, clearCallback)\">\n <div class=\"fu-dropzone\"\n [class.fu-dropzone--disabled]=\"disabled\"\n (click)=\"onChooseClick()\"\n (dragover)=\"$event.preventDefault()\"\n (drop)=\"onDrop($event)\">\n <i class=\"ti ti-upload fu-dropzone__icon\"></i>\n <div class=\"fu-dropzone__info\">\n <span class=\"fu-dropzone__title\">{{ dropzoneTitle }}</span>\n <span class=\"fu-dropzone__caption\">\n <i class=\"ti ti-info-circle\"></i>\n {{ dropzoneCaption }}\n </span>\n </div>\n </div>\n </div>\n </ng-template>\n\n <ng-template pTemplate=\"content\"\n let-removeFileCallback=\"removeFileCallback\" let-removeUploadedFileCallback=\"removeUploadedFileCallback\">\n <div class=\"fu-content\">\n @if (isUploading) {\n <p-progressBar [value]=\"totalSizePercent\" [showValue]=\"false\"></p-progressBar>\n }\n @if (uploadSuccess) {\n <p-message severity=\"success\" icon=\"ti ti-circle-check\" [closable]=\"true\" (onClose)=\"uploadSuccess = false\">\n Файлы успешно загружены\n </p-message>\n }\n @if (selectedFiles.length > 0) {\n <div class=\"fu-file-list\">\n @for (file of selectedFiles; track file.name + file.size; let i = $index) {\n <div class=\"fu-file-card\">\n <div class=\"fu-file-card__wrap\">\n @if (isImage(file)) {\n <img [src]=\"file.objectURL\" [alt]=\"file.name\" class=\"fu-file-card__thumbnail\" />\n } @else {\n <i class=\"ti ti-file fu-file-card__icon\"></i>\n }\n <div class=\"fu-file-card__info\">\n <span class=\"fu-file-card__name\">{{ file.name }}</span>\n <span class=\"fu-file-card__size\">\n <i class=\"ti ti-info-circle\"></i>\n {{ formatSize(file.size) }}\n </span>\n </div>\n </div>\n <extra-button icon=\"ti ti-trash\" variant=\"text\" [rounded]=\"true\" size=\"small\" [iconOnly]=\"true\"\n (click)=\"onRemoveFile(file, removeFileCallback, i)\"></extra-button>\n </div>\n }\n </div>\n }\n @if (uploadedFiles.length > 0) {\n <div class=\"fu-file-list\">\n @for (file of uploadedFiles; track file.name + file.size; let i = $index) {\n <div class=\"fu-file-card fu-file-card--uploaded\">\n <div class=\"fu-file-card__wrap\">\n <i class=\"ti ti-file-check fu-file-card__icon\"></i>\n <div class=\"fu-file-card__info\">\n <span class=\"fu-file-card__name\">{{ file.name }}</span>\n <span class=\"fu-file-card__size\">Загружено</span>\n </div>\n </div>\n <extra-button icon=\"ti ti-trash\" variant=\"text\" [rounded]=\"true\" size=\"small\" [iconOnly]=\"true\"\n (click)=\"removeUploadedFileCallback(i)\"></extra-button>\n </div>\n }\n </div>\n }\n @if (selectedFiles.length > 0 || uploadedFiles.length > 0) {\n <div class=\"fu-footer\">\n <extra-button label=\"Отправить\" [disabled]=\"!selectedFiles.length\" (click)=\"uploadCb?.()\"></extra-button>\n <extra-button label=\"Очистить\" severity=\"danger\" variant=\"text\"\n [disabled]=\"!selectedFiles.length && !uploadedFiles.length\" (click)=\"onClearUpload()\"></extra-button>\n </div>\n }\n </div>\n </ng-template>\n </p-fileupload>\n `,\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class ExtraFileUploadComponent implements ControlValueAccessor {\n private el = inject(ElementRef);\n private cdr = inject(ChangeDetectorRef);\n @ViewChild('fuRef') fuRef!: FileUpload;\n\n @Input() name = 'files[]';\n @Input() url = '/api/upload';\n @Input() multiple = true;\n @Input() accept = 'image/*,application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document';\n @Input() maxFileSize = 1000000;\n @Input() fileLimit: number | undefined = undefined;\n @Input() disabled = false;\n @Input() dropzoneTitle = 'Чтобы загрузить файлы кликните или перетащите их в эту область';\n @Input() dropzoneCaption = 'Можно загрузить не более 10 файлов размером 1 MB';\n\n @Input() invalidFileSizeMessageSummary = '{0}: Некорректный размер файла';\n @Input() invalidFileSizeMessageDetail = 'Максимальный размер — {0}';\n @Input() invalidFileTypeMessageSummary = '{0}: Некорректный тип файла';\n @Input() invalidFileTypeMessageDetail = 'Допустимые типы: {0}';\n @Input() invalidFileLimitMessageSummary = 'Превышен лимит файлов';\n @Input() invalidFileLimitMessageDetail = 'Максимум: {0}';\n\n @Output() onSelectEvent = new EventEmitter<FileSelectEvent>();\n @Output() onRemoveEvent = new EventEmitter<FileRemoveEvent>();\n @Output() onClearEvent = new EventEmitter<void>();\n @Output() onError = new EventEmitter<FileUploadErrorEvent>();\n @Output() onUpload = new EventEmitter<FileUploadHandlerEvent>();\n\n selectedFiles: PreviewFile[] = [];\n uploadedFiles: PreviewFile[] = [];\n totalSize = 0;\n totalSizePercent = 0;\n uploadSuccess = false;\n isUploading = false;\n\n private uploadCbRef: (() => void) | null = null;\n private clearCbRef: (() => void) | null = null;\n private onChange: (files: File[]) => void = () => {};\n private onTouched: () => void = () => {};\n\n writeValue(files: File[]): void {\n this.selectedFiles = files ?? [];\n this.cdr.markForCheck();\n }\n\n registerOnChange(fn: (files: File[]) => void): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: () => void): void {\n this.onTouched = fn;\n }\n\n setDisabledState(isDisabled: boolean): void {\n this.disabled = isDisabled;\n this.cdr.markForCheck();\n }\n\n get uploadCb(): (() => void) | null {\n return this.uploadCbRef;\n }\n\n storeCallbacks(upload: () => void, clear: () => void): string {\n this.uploadCbRef = upload;\n this.clearCbRef = clear;\n return '';\n }\n\n onDrop(event: DragEvent): void {\n event.preventDefault();\n const files = event.dataTransfer?.files;\n if (!files?.length || this.disabled) return;\n const accepted = this.filterFilesByAccept(Array.from(files));\n if (!accepted.length) return;\n const dt = new DataTransfer();\n accepted.forEach(f => dt.items.add(f));\n this.fuRef.onFileSelect({ target: { files: dt.files } } as unknown as Event);\n }\n\n private filterFilesByAccept(files: File[]): File[] {\n if (!this.accept) return files;\n const types = this.accept.split(',').map(t => t.trim());\n return files.filter(file =>\n types.some(type => {\n if (type.includes('*')) {\n return file.type.startsWith(type.replace('*', ''));\n }\n if (type.startsWith('.')) {\n return file.name.toLowerCase().endsWith(type.toLowerCase());\n }\n return file.type === type;\n }),\n );\n }\n\n onChooseClick(): void {\n const input = this.el.nativeElement.querySelector('input[type=\"file\"]') as HTMLInputElement;\n input?.click();\n }\n\n isImage(file: File): boolean {\n return file.type.startsWith('image/');\n }\n\n formatSize(bytes: number): string {\n if (bytes === 0) return '0 B';\n const k = 1024;\n const sizes = ['B', 'KB', 'MB', 'GB'];\n const i = Math.floor(Math.log(bytes) / Math.log(k));\n return parseFloat((bytes / Math.pow(k, i)).toFixed(3)) + ' ' + sizes[i];\n }\n\n onSelectedFiles(event: FileSelectEvent): void {\n this.selectedFiles = [...(this.fuRef?.files || [])];\n this.totalSize = this.selectedFiles.reduce((acc, f) => acc + f.size, 0);\n this.uploadSuccess = false;\n this.isUploading = this.selectedFiles.length > 0;\n this.totalSizePercent = 0;\n\n let progress = 0;\n const interval = setInterval(() => {\n progress += 10;\n this.totalSizePercent = Math.min(progress, 100);\n if (progress >= 100) clearInterval(interval);\n this.cdr.markForCheck();\n }, 40);\n\n this.onChange(this.selectedFiles);\n this.onTouched();\n this.cdr.markForCheck();\n this.onSelectEvent.emit(event);\n }\n\n onUploader(event: FileUploadHandlerEvent): void {\n setTimeout(() => {\n this.clearCbRef?.();\n this.selectedFiles = [];\n this.uploadedFiles = [...(event.files || [])];\n this.totalSize = 0;\n this.totalSizePercent = 0;\n this.uploadSuccess = true;\n this.isUploading = false;\n this.onChange([]);\n this.cdr.markForCheck();\n }, 1500);\n this.onUpload.emit(event);\n }\n\n onRemoveFile(file: File, removeFileCallback: (index: number) => void, index: number): void {\n removeFileCallback(index);\n this.selectedFiles = [...(this.fuRef?.files || [])];\n this.totalSize -= file.size;\n this.totalSizePercent = Math.min((this.totalSize / (this.maxFileSize || 1000000)) * 100, 100);\n if (this.totalSize <= 0) {\n this.isUploading = false;\n }\n this.onChange(this.selectedFiles);\n this.cdr.markForCheck();\n }\n\n onClearUpload(): void {\n this.clearCbRef?.();\n this.selectedFiles = [];\n this.uploadedFiles = [];\n this.totalSize = 0;\n this.totalSizePercent = 0;\n this.uploadSuccess = false;\n this.isUploading = false;\n this.onChange([]);\n this.cdr.markForCheck();\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;MAmIa,wBAAwB,CAAA;AAC3B,IAAA,EAAE,GAAG,MAAM,CAAC,UAAU,CAAC;AACvB,IAAA,GAAG,GAAG,MAAM,CAAC,iBAAiB,CAAC;AACnB,IAAA,KAAK;IAEhB,IAAI,GAAG,SAAS;IAChB,GAAG,GAAG,aAAa;IACnB,QAAQ,GAAG,IAAI;IACf,MAAM,GAAG,oHAAoH;IAC7H,WAAW,GAAG,OAAO;IACrB,SAAS,GAAuB,SAAS;IACzC,QAAQ,GAAG,KAAK;IAChB,aAAa,GAAG,gEAAgE;IAChF,eAAe,GAAG,kDAAkD;IAEpE,6BAA6B,GAAG,gCAAgC;IAChE,4BAA4B,GAAG,2BAA2B;IAC1D,6BAA6B,GAAG,6BAA6B;IAC7D,4BAA4B,GAAG,sBAAsB;IACrD,8BAA8B,GAAG,uBAAuB;IACxD,6BAA6B,GAAG,eAAe;AAE9C,IAAA,aAAa,GAAG,IAAI,YAAY,EAAmB;AACnD,IAAA,aAAa,GAAG,IAAI,YAAY,EAAmB;AACnD,IAAA,YAAY,GAAG,IAAI,YAAY,EAAQ;AACvC,IAAA,OAAO,GAAG,IAAI,YAAY,EAAwB;AAClD,IAAA,QAAQ,GAAG,IAAI,YAAY,EAA0B;IAE/D,aAAa,GAAkB,EAAE;IACjC,aAAa,GAAkB,EAAE;IACjC,SAAS,GAAG,CAAC;IACb,gBAAgB,GAAG,CAAC;IACpB,aAAa,GAAG,KAAK;IACrB,WAAW,GAAG,KAAK;IAEX,WAAW,GAAwB,IAAI;IACvC,UAAU,GAAwB,IAAI;AACtC,IAAA,QAAQ,GAA4B,MAAK,EAAE,CAAC;AAC5C,IAAA,SAAS,GAAe,MAAK,EAAE,CAAC;AAExC,IAAA,UAAU,CAAC,KAAa,EAAA;AACtB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK,IAAI,EAAE;AAChC,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;IACzB;AAEA,IAAA,gBAAgB,CAAC,EAA2B,EAAA;AAC1C,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE;IACpB;AAEA,IAAA,iBAAiB,CAAC,EAAc,EAAA;AAC9B,QAAA,IAAI,CAAC,SAAS,GAAG,EAAE;IACrB;AAEA,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,QAAQ,GAAG,UAAU;AAC1B,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;IACzB;AAEA,IAAA,IAAI,QAAQ,GAAA;QACV,OAAO,IAAI,CAAC,WAAW;IACzB;IAEA,cAAc,CAAC,MAAkB,EAAE,KAAiB,EAAA;AAClD,QAAA,IAAI,CAAC,WAAW,GAAG,MAAM;AACzB,QAAA,IAAI,CAAC,UAAU,GAAG,KAAK;AACvB,QAAA,OAAO,EAAE;IACX;AAEA,IAAA,MAAM,CAAC,KAAgB,EAAA;QACrB,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,MAAM,KAAK,GAAG,KAAK,CAAC,YAAY,EAAE,KAAK;AACvC,QAAA,IAAI,CAAC,KAAK,EAAE,MAAM,IAAI,IAAI,CAAC,QAAQ;YAAE;AACrC,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC5D,IAAI,CAAC,QAAQ,CAAC,MAAM;YAAE;AACtB,QAAA,MAAM,EAAE,GAAG,IAAI,YAAY,EAAE;AAC7B,QAAA,QAAQ,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;AACtC,QAAA,IAAI,CAAC,KAAK,CAAC,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,EAAsB,CAAC;IAC9E;AAEQ,IAAA,mBAAmB,CAAC,KAAa,EAAA;QACvC,IAAI,CAAC,IAAI,CAAC,MAAM;AAAE,YAAA,OAAO,KAAK;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,CAAC;AACvD,QAAA,OAAO,KAAK,CAAC,MAAM,CAAC,IAAI,IACtB,KAAK,CAAC,IAAI,CAAC,IAAI,IAAG;AAChB,YAAA,IAAI,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACtB,gBAAA,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;YACpD;AACA,YAAA,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE;AACxB,gBAAA,OAAO,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YAC7D;AACA,YAAA,OAAO,IAAI,CAAC,IAAI,KAAK,IAAI;QAC3B,CAAC,CAAC,CACH;IACH;IAEA,aAAa,GAAA;AACX,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,aAAa,CAAC,oBAAoB,CAAqB;QAC3F,KAAK,EAAE,KAAK,EAAE;IAChB;AAEA,IAAA,OAAO,CAAC,IAAU,EAAA;QAChB,OAAO,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC;IACvC;AAEA,IAAA,UAAU,CAAC,KAAa,EAAA;QACtB,IAAI,KAAK,KAAK,CAAC;AAAE,YAAA,OAAO,KAAK;QAC7B,MAAM,CAAC,GAAG,IAAI;QACd,MAAM,KAAK,GAAG,CAAC,GAAG,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;QACrC,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;QACnD,OAAO,UAAU,CAAC,CAAC,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC;IACzE;AAEA,IAAA,eAAe,CAAC,KAAsB,EAAA;AACpC,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;QACnD,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;AACvE,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;QAC1B,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,aAAa,CAAC,MAAM,GAAG,CAAC;AAChD,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC;QAEzB,IAAI,QAAQ,GAAG,CAAC;AAChB,QAAA,MAAM,QAAQ,GAAG,WAAW,CAAC,MAAK;YAChC,QAAQ,IAAI,EAAE;YACd,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,CAAC;YAC/C,IAAI,QAAQ,IAAI,GAAG;gBAAE,aAAa,CAAC,QAAQ,CAAC;AAC5C,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;QACzB,CAAC,EAAE,EAAE,CAAC;AAEN,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC;QACjC,IAAI,CAAC,SAAS,EAAE;AAChB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;AACvB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC;IAChC;AAEA,IAAA,UAAU,CAAC,KAA6B,EAAA;QACtC,UAAU,CAAC,MAAK;AACd,YAAA,IAAI,CAAC,UAAU,IAAI;AACnB,YAAA,IAAI,CAAC,aAAa,GAAG,EAAE;AACvB,YAAA,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,KAAK,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;AAC7C,YAAA,IAAI,CAAC,SAAS,GAAG,CAAC;AAClB,YAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC;AACzB,YAAA,IAAI,CAAC,aAAa,GAAG,IAAI;AACzB,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,YAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;AACjB,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;QACzB,CAAC,EAAE,IAAI,CAAC;AACR,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC;IAC3B;AAEA,IAAA,YAAY,CAAC,IAAU,EAAE,kBAA2C,EAAE,KAAa,EAAA;QACjF,kBAAkB,CAAC,KAAK,CAAC;AACzB,QAAA,IAAI,CAAC,aAAa,GAAG,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI,EAAE,CAAC,CAAC;AACnD,QAAA,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,IAAI;QAC3B,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,WAAW,IAAI,OAAO,CAAC,IAAI,GAAG,EAAE,GAAG,CAAC;AAC7F,QAAA,IAAI,IAAI,CAAC,SAAS,IAAI,CAAC,EAAE;AACvB,YAAA,IAAI,CAAC,WAAW,GAAG,KAAK;QAC1B;AACA,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC;AACjC,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;IACzB;IAEA,aAAa,GAAA;AACX,QAAA,IAAI,CAAC,UAAU,IAAI;AACnB,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;AACvB,QAAA,IAAI,CAAC,aAAa,GAAG,EAAE;AACvB,QAAA,IAAI,CAAC,SAAS,GAAG,CAAC;AAClB,QAAA,IAAI,CAAC,gBAAgB,GAAG,CAAC;AACzB,QAAA,IAAI,CAAC,aAAa,GAAG,KAAK;AAC1B,QAAA,IAAI,CAAC,WAAW,GAAG,KAAK;AACxB,QAAA,IAAI,CAAC,QAAQ,CAAC,EAAE,CAAC;AACjB,QAAA,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE;IACzB;wGA1KW,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,GAAA,EAAA,KAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,WAAA,EAAA,aAAA,EAAA,SAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,aAAA,EAAA,eAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,6BAAA,EAAA,+BAAA,EAAA,4BAAA,EAAA,8BAAA,EAAA,6BAAA,EAAA,+BAAA,EAAA,4BAAA,EAAA,8BAAA,EAAA,8BAAA,EAAA,gCAAA,EAAA,6BAAA,EAAA,+BAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,mBAAA,EAAA,EAAA,SAAA,EA7GxB,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,wBAAwB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,OAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EACvG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAyGT,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA5GS,UAAU,i5BAAE,WAAW,EAAA,QAAA,EAAA,8CAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,YAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,aAAa,uFAAE,oBAAoB,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,EAAA,UAAA,EAAA,MAAA,EAAA,SAAA,EAAA,cAAA,EAAA,UAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,OAAA,EAAA,eAAA,EAAA,WAAA,EAAA,OAAA,EAAA,WAAA,EAAA,WAAA,EAAA,UAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FA+GpE,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBAlHpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,UAAU,EAAE,IAAI;oBAChB,OAAO,EAAE,CAAC,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,aAAa,EAAE,oBAAoB,CAAC;AAChF,oBAAA,IAAI,EAAE,EAAE,KAAK,EAAE,mBAAmB,EAAE;oBACpC,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,iBAAiB,EAAE,WAAW,EAAE,UAAU,CAAC,8BAA8B,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;AACjH,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyGT,EAAA,CAAA;oBACD,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAChD,iBAAA;;sBAIE,SAAS;uBAAC,OAAO;;sBAEjB;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;sBACA;;sBACA;;sBACA;;sBACA;;;AC7JH;;AAEG;;;;"}

package/fesm2022/cdek-it-angular-ui-kit-components-message.mjs CHANGED Viewed

@@ -8,8 +8,8 @@ import { SharedModule } from 'primeng/api';
 const SEVERITY_ICONS = {
     info: 'ti ti-info-circle',
     success: 'ti ti-circle-check',
-    warn: 'ti ti-alert-triangle',
-    error: 'ti ti-alert-circle'
+    warning: 'ti ti-alert-triangle',
+    danger: 'ti ti-alert-circle'
 };
 class ExtraMessageComponent {
     severity = 'info';
@@ -22,9 +22,16 @@ class ExtraMessageComponent {
     get resolvedIcon() {
         return this.icon ?? SEVERITY_ICONS[this.severity] ?? 'ti ti-info-circle';
     }
+    get primeSeverity() {
+        if (this.severity === 'warning')
+            return 'warn';
+        if (this.severity === 'danger')
+            return 'error';
+        return this.severity;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: ExtraMessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: ExtraMessageComponent, isStandalone: true, selector: "extra-message", inputs: { severity: "severity", summary: "summary", detail: "detail", icon: "icon", closable: "closable", life: "life" }, outputs: { onClose: "onClose" }, ngImport: i0, template: `
-    <p-message [severity]="severity" [closable]="false" [life]="life">
+    <p-message [severity]="primeSeverity" [closable]="false" [life]="life">
       <ng-template pTemplate="container" let-closeCallback="closeCallback">
         <div class="p-message-accent-line"></div>
         <i [class]="resolvedIcon + ' p-message-icon'"></i>
@@ -56,7 +63,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     standalone: true,
                     imports: [Message, ButtonDirective, SharedModule],
                     template: `
-    <p-message [severity]="severity" [closable]="false" [life]="life">
+    <p-message [severity]="primeSeverity" [closable]="false" [life]="life">
       <ng-template pTemplate="container" let-closeCallback="closeCallback">
         <div class="p-message-accent-line"></div>
         <i [class]="resolvedIcon + ' p-message-icon'"></i>

package/fesm2022/cdek-it-angular-ui-kit-components-message.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cdek-it-angular-ui-kit-components-message.mjs","sources":["../../src/lib/components/message/message.component.ts","../../src/lib/components/message/cdek-it-angular-ui-kit-components-message.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Message } from 'primeng/message';\nimport { ButtonDirective } from 'primeng/button';\nimport { SharedModule } from 'primeng/api';\n\nexport type ExtraMessageSeverity = 'success' \| 'info' \| 'warn' \| 'error' \| 'secondary' \| 'contrast';\n\nconst SEVERITY_ICONS: Record<string, string> = {\n info: 'ti ti-info-circle',\n success: 'ti ti-circle-check',\n ~~warn~~: 'ti ti-alert-triangle',\n ~~error~~: 'ti ti-alert-circle'\n};\n\n@Component({\n selector: 'extra-message',\n standalone: true,\n imports: [Message, ButtonDirective, SharedModule],\n template: `\n <p-message [severity]=\"~~severity~~\" [closable]=\"false\" [life]=\"life\">\n <ng-template pTemplate=\"container\" let-closeCallback=\"closeCallback\">\n <div class=\"p-message-accent-line\"></div>\n <i [class]=\"resolvedIcon + ' p-message-icon'\"></i>\n <div class=\"p-message-text\">\n <span class=\"p-message-summary\">{{ summary }}</span>\n @if (detail) {\n <div class=\"p-message-detail\">{{ detail }}</div>\n }\n <ng-content></ng-content>\n </div>\n @if (closable) {\n <button\n type=\"button\"\n pButton\n [text]=\"true\"\n icon=\"ti ti-x\"\n class=\"p-message-close-button\"\n (click)=\"closeCallback($event); onClose.emit($event)\"\n ></button>\n }\n </ng-template>\n </p-message>\n `\n})\nexport class ExtraMessageComponent {\n @Input() severity: ExtraMessageSeverity = 'info';\n @Input() summary = '';\n @Input() detail = '';\n @Input() icon: string \| undefined = undefined;\n @Input() closable = false;\n @Input() life: number \| undefined = undefined;\n\n @Output() onClose = new EventEmitter<Event>();\n\n get resolvedIcon(): string {\n return this.icon ?? SEVERITY_ICONS[this.severity] ?? 'ti ti-info-circle';\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;;;;~~AAOA~~,MAAM,cAAc,GAA2B;AAC7C,IAAA,IAAI,EAAE,mBAAmB;AACzB,IAAA,OAAO,EAAE,oBAAoB;AAC7B,IAAA,~~IAAI~~,EAAE,sBAAsB;~~AAC5B~~,IAAA,~~KAAK~~,EAAE;~~CACR~~;MAgCY,qBAAqB,CAAA;IACvB,QAAQ,GAAyB,MAAM;IACvC,OAAO,GAAG,EAAE;IACZ,MAAM,GAAG,EAAE;IACX,IAAI,GAAuB,SAAS;IACpC,QAAQ,GAAG,KAAK;IAChB,IAAI,GAAuB,SAAS;AAEnC,IAAA,OAAO,GAAG,IAAI,YAAY,EAAS;AAE7C,IAAA,IAAI,YAAY,GAAA;AACd,QAAA,OAAO,IAAI,CAAC,IAAI,IAAI,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,mBAAmB;IAC1E;~~wGAZW~~,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,OAAA,EAAA,EAAA,OAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA1BtB;;;;;;;;;;;;;;;;;;;;;;;;AAwBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAzBS,OAAO,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,OAAA,EAAA,YAAA,EAAA,UAAA,EAAA,MAAA,EAAA,WAAA,EAAA,MAAA,EAAA,uBAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,eAAe,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,mBAAA,EAAA,UAAA,EAAA,MAAA,EAAA,OAAA,EAAA,QAAA,EAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,SAAA,EAAA,aAAA,EAAA,OAAA,EAAA,OAAA,EAAA,MAAA,EAAA,SAAA,EAAA,aAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FA2BrC,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBA9BjC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,eAAe;AACzB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,OAAO,EAAE,CAAC,OAAO,EAAE,eAAe,EAAE,YAAY,CAAC;AACjD,oBAAA,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;AAwBT,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;sBAEA;;;~~ACpDH~~;;AAEG;;;;"}
1	+ {"version":3,"file":"cdek-it-angular-ui-kit-components-message.mjs","sources":["../../src/lib/components/message/message.component.ts","../../src/lib/components/message/cdek-it-angular-ui-kit-components-message.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { Message } from 'primeng/message';\nimport { ButtonDirective } from 'primeng/button';\nimport { SharedModule } from 'primeng/api';\n\nexport type ExtraMessageSeverity = 'success' \| 'info' \| 'warning' \| 'danger' \| 'secondary' \| 'contrast';\n\ntype PrimeMessageSeverity = 'success' \| 'info' \| 'warn' \| 'error' \| 'secondary' \| 'contrast';\n\nconst SEVERITY_ICONS: Record<string, string> = {\n info: 'ti ti-info-circle',\n success: 'ti ti-circle-check',\n warning: 'ti ti-alert-triangle',\n danger: 'ti ti-alert-circle'\n};\n\n@Component({\n selector: 'extra-message',\n standalone: true,\n imports: [Message, ButtonDirective, SharedModule],\n template: `\n <p-message [severity]=\"primeSeverity\" [closable]=\"false\" [life]=\"life\">\n <ng-template pTemplate=\"container\" let-closeCallback=\"closeCallback\">\n <div class=\"p-message-accent-line\"></div>\n <i [class]=\"resolvedIcon + ' p-message-icon'\"></i>\n <div class=\"p-message-text\">\n <span class=\"p-message-summary\">{{ summary }}</span>\n @if (detail) {\n <div class=\"p-message-detail\">{{ detail }}</div>\n }\n <ng-content></ng-content>\n </div>\n @if (closable) {\n <button\n type=\"button\"\n pButton\n [text]=\"true\"\n icon=\"ti ti-x\"\n class=\"p-message-close-button\"\n (click)=\"closeCallback($event); onClose.emit($event)\"\n ></button>\n }\n </ng-template>\n </p-message>\n `\n})\nexport class ExtraMessageComponent {\n @Input() severity: ExtraMessageSeverity = 'info';\n @Input() summary = '';\n @Input() detail = '';\n @Input() icon: string \| undefined = undefined;\n @Input() closable = false;\n @Input() life: number \| undefined = undefined;\n\n @Output() onClose = new EventEmitter<Event>();\n\n get resolvedIcon(): string {\n return this.icon ?? SEVERITY_ICONS[this.severity] ?? 'ti ti-info-circle';\n }\n\n get primeSeverity(): PrimeMessageSeverity {\n if (this.severity === 'warning') return 'warn';\n if (this.severity === 'danger') return 'error';\n return this.severity;\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":"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"}

package/fesm2022/cdek-it-angular-ui-kit-components-progressspinner.mjs CHANGED Viewed

@@ -3,7 +3,7 @@ import { Input, ChangeDetectionStrategy, Component } from '@angular/core';
 import { ProgressSpinner } from 'primeng/progressspinner';
 class ExtraProgressSpinnerComponent {
-    size = 'medium';
+    size = 'base';
     multicolor = true;
     strokeWidth = '2';
     fill = 'none';

package/fesm2022/cdek-it-angular-ui-kit-components-progressspinner.mjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cdek-it-angular-ui-kit-components-progressspinner.mjs","sources":["../../src/lib/components/progressspinner/progressspinner.component.ts","../../src/lib/components/progressspinner/cdek-it-angular-ui-kit-components-progressspinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n// Let's import the component directly. Wait, index.d.ts exports { ProgressSpinner, ProgressSpinnerModule }. Either is fine. Let's use ProgressSpinner.\nimport { ProgressSpinner } from 'primeng/progressspinner';\n\nexport type ExtraProgressSpinnerSize = 'small' \| '~~medium~~' \| 'large' \| 'xlarge';\n\n@Component({\n selector: 'extra-progressspinner',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [ProgressSpinner],\n template: `\n <p-progressSpinner\n [styleClass]=\"primeStyleClass\"\n [strokeWidth]=\"strokeWidth\"\n [fill]=\"fill\"\n [animationDuration]=\"animationDuration\"\n [ariaLabel]=\"ariaLabel\"\n ></p-progressSpinner>\n `\n})\nexport class ExtraProgressSpinnerComponent {\n @Input() size: ExtraProgressSpinnerSize = '~~medium~~';\n @Input() multicolor = true;\n @Input() strokeWidth = '2';\n @Input() fill = 'none';\n @Input() animationDuration = '2s';\n @Input() ariaLabel: string \| undefined = undefined;\n\n get primeStyleClass(): string {\n const sizeClass = `p-progressspinner-${this.size}`;\n const colorClass = this.multicolor ? '' : 'p-progressspinner-monochrome';\n return `${sizeClass} ${colorClass}`.trim();\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;MAqBa,6BAA6B,CAAA;IAC/B,IAAI,GAA6B,~~QAAQ~~;~~IACzC~~,UAAU,GAAG,IAAI;IACjB,WAAW,GAAG,GAAG;IACjB,IAAI,GAAG,MAAM;IACb,iBAAiB,GAAG,IAAI;IACxB,SAAS,GAAuB,SAAS;AAElD,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,MAAM,SAAS,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,IAAI,EAAE;AAClD,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,8BAA8B;QACxE,OAAO,CAAA,EAAG,SAAS,CAAA,CAAA,EAAI,UAAU,EAAE,CAAC,IAAI,EAAE;IAC5C;wGAZW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAV9B;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EATS,eAAe,EAAA,QAAA,EAAA,0DAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAWd,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAfzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,eAAe,CAAC;AAC1B,oBAAA,QAAQ,EAAE;;;;;;;;AAQT,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;AC3BH;;AAEG;;;;"}
1	+ {"version":3,"file":"cdek-it-angular-ui-kit-components-progressspinner.mjs","sources":["../../src/lib/components/progressspinner/progressspinner.component.ts","../../src/lib/components/progressspinner/cdek-it-angular-ui-kit-components-progressspinner.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, Input } from '@angular/core';\n// Let's import the component directly. Wait, index.d.ts exports { ProgressSpinner, ProgressSpinnerModule }. Either is fine. Let's use ProgressSpinner.\nimport { ProgressSpinner } from 'primeng/progressspinner';\n\nexport type ExtraProgressSpinnerSize = 'small' \| 'base' \| 'large' \| 'xlarge';\n\n@Component({\n selector: 'extra-progressspinner',\n standalone: true,\n changeDetection: ChangeDetectionStrategy.OnPush,\n imports: [ProgressSpinner],\n template: `\n <p-progressSpinner\n [styleClass]=\"primeStyleClass\"\n [strokeWidth]=\"strokeWidth\"\n [fill]=\"fill\"\n [animationDuration]=\"animationDuration\"\n [ariaLabel]=\"ariaLabel\"\n ></p-progressSpinner>\n `\n})\nexport class ExtraProgressSpinnerComponent {\n @Input() size: ExtraProgressSpinnerSize = 'base';\n @Input() multicolor = true;\n @Input() strokeWidth = '2';\n @Input() fill = 'none';\n @Input() animationDuration = '2s';\n @Input() ariaLabel: string \| undefined = undefined;\n\n get primeStyleClass(): string {\n const sizeClass = `p-progressspinner-${this.size}`;\n const colorClass = this.multicolor ? '' : 'p-progressspinner-monochrome';\n return `${sizeClass} ${colorClass}`.trim();\n }\n}\n","/*\n Generated bundle index. Do not edit.\n /\n\nexport from './public_api';\n"],"names":[],"mappings":";;;;MAqBa,6BAA6B,CAAA;IAC/B,IAAI,GAA6B,MAAM;IACvC,UAAU,GAAG,IAAI;IACjB,WAAW,GAAG,GAAG;IACjB,IAAI,GAAG,MAAM;IACb,iBAAiB,GAAG,IAAI;IACxB,SAAS,GAAuB,SAAS;AAElD,IAAA,IAAI,eAAe,GAAA;AACjB,QAAA,MAAM,SAAS,GAAG,CAAA,kBAAA,EAAqB,IAAI,CAAC,IAAI,EAAE;AAClD,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,GAAG,EAAE,GAAG,8BAA8B;QACxE,OAAO,CAAA,EAAG,SAAS,CAAA,CAAA,EAAI,UAAU,EAAE,CAAC,IAAI,EAAE;IAC5C;wGAZW,6BAA6B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA7B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,6BAA6B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,MAAA,EAAA,UAAA,EAAA,YAAA,EAAA,WAAA,EAAA,aAAA,EAAA,IAAA,EAAA,MAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,WAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAV9B;;;;;;;;AAQT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EATS,eAAe,EAAA,QAAA,EAAA,0DAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,aAAA,EAAA,MAAA,EAAA,mBAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAWd,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAfzC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;oBAChB,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,OAAO,EAAE,CAAC,eAAe,CAAC;AAC1B,oBAAA,QAAQ,EAAE;;;;;;;;AAQT,EAAA;AACF,iBAAA;;sBAEE;;sBACA;;sBACA;;sBACA;;sBACA;;sBACA;;;AC3BH;;AAEG;;;;"}