@seniorsistemas/angular-components 17.27.0 → 17.27.1-feature-sds-110-35ee9b4f

package/fesm2022/seniorsistemas-angular-components-profile-picture-picker.mjs

@@ -0,0 +1,334 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, forwardRef, ElementRef, Component, Input, ViewChild, Output, HostListener, NgModule } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';
+import * as i1 from '@seniorsistemas/angular-components/image-cropper';
+import { ImageCropperModule, ImageCropperService } from '@seniorsistemas/angular-components/image-cropper';
+import * as i2 from 'primeng/api';
+import { ConfirmationService } from 'primeng/api';
+import * as i3 from '@ngx-translate/core';
+import { TranslateModule } from '@ngx-translate/core';
+import * as i4 from '@seniorsistemas/angular-components/button';
+import { ButtonModule } from '@seniorsistemas/angular-components/button';
+import * as i5 from '@seniorsistemas/angular-components/thumbnail';
+import { ThumbnailModule } from '@seniorsistemas/angular-components/thumbnail';
+import * as i6 from 'primeng/confirmdialog';
+import { ConfirmDialogModule } from 'primeng/confirmdialog';
+import { CommonModule } from '@angular/common';
+
+class ProfilePicturePickerComponent {
+    imageCropperService;
+    confirmationService;
+    translateService;
+    simpleTitle;
+    actionTitle;
+    subtitle;
+    aspectRatio = 1;
+    cropperLabelsConfig;
+    removeButtonLabel;
+    changeButtonLabel;
+    confirmationTexts;
+    maxFileSize;
+    accept;
+    supportedExtensions = [];
+    image = null;
+    uploadPicture = null;
+    info = null;
+    thumbnail = null;
+    fileInput = null;
+    /**
+     * @deprecated Use imageChange instead.
+     */
+    changedImage = new EventEmitter();
+    imageChange = new EventEmitter();
+    removedImage = new EventEmitter();
+    invalidFile = new EventEmitter();
+    get imageBase64() {
+        return typeof this.image === 'string' ? this.image : (this.image?.base64 ?? '');
+    }
+    _onChange;
+    _onTouched;
+    constructor(imageCropperService, confirmationService, translateService) {
+        this.imageCropperService = imageCropperService;
+        this.confirmationService = confirmationService;
+        this.translateService = translateService;
+    }
+    writeValue(value) {
+        this.image = value;
+    }
+    registerOnChange(onChange) {
+        this._onChange = onChange;
+    }
+    registerOnTouched(onTouched) {
+        this._onTouched = onTouched;
+    }
+    ngOnInit() {
+        this._normalizeSuportedExtensions();
+    }
+    onDragOver(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    onDragLeave(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    onDrop(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this._onTouched?.();
+        const files = [];
+        const dataTransferFiles = event.dataTransfer?.files;
+        if (!isNullOrUndefined(dataTransferFiles)) {
+            for (let i = 0; i < dataTransferFiles?.length; i++) {
+                const item = dataTransferFiles.item(i);
+                if (!isNullOrUndefined(item)) {
+                    files.push(item);
+                }
+            }
+        }
+        this._showImageCropper(files);
+    }
+    // Verificando o redimensionamento para ajustar o design para ficar responsivo.
+    onResize() {
+        if (this.uploadPicture && this.info && this.thumbnail) {
+            const uploadPictureWidth = this._getWidthElement(this.uploadPicture);
+            const infoWidth = this._getWidthElement(this.info);
+            const thumbnailWidth = this._getWidthElement(this.thumbnail);
+            if (thumbnailWidth + infoWidth > uploadPictureWidth) {
+                this.uploadPicture.nativeElement.classList.add('upload-picture--small');
+            }
+            else {
+                this.uploadPicture.nativeElement.classList.remove('upload-picture--small');
+            }
+        }
+    }
+    selectPhoto() {
+        const fileInputElement = this.fileInput?.nativeElement;
+        fileInputElement.value = '';
+        fileInputElement.click();
+        this._onTouched?.();
+    }
+    removePhoto() {
+        this.confirmationService.confirm({
+            message: this.confirmationTexts?.removalMessage ??
+                this.translateService.instant('platform.angular_components.confirmation_remove_image'),
+            acceptLabel: this.confirmationTexts?.removalAcceptLabel ??
+                this.translateService.instant('platform.angular_components.remove'),
+            rejectLabel: this.confirmationTexts?.removalRejectLabel ??
+                this.translateService.instant('platform.angular_components.cancel'),
+            header: this.confirmationTexts?.removalHeader ??
+                this.translateService.instant('platform.angular_components.remove_image'),
+            rejectButtonStyleClass: 'ui-button-secondary',
+            accept: () => {
+                const fileInputElement = this.fileInput?.nativeElement;
+                fileInputElement.value = '';
+                this.image = null;
+                this.removedImage.emit();
+            },
+        });
+    }
+    photoSelected(event) {
+        this._showImageCropper(event.srcElement.files);
+    }
+    _showImageCropper(files) {
+        if (!this._validateData(files)) {
+            return;
+        }
+        const file = files[0];
+        const fileReader = new FileReader();
+        fileReader.readAsDataURL(file);
+        fileReader.onloadend = (fileEvent) => {
+            this.imageCropperService.show({
+                imageSource: fileEvent.target.result,
+                croppedImage: (image) => {
+                    this.changedImage.emit(image);
+                    const data = { source: file, base64: image };
+                    // Se o tipo do image for string eu preciso atualizar e mandar para o imageChange uma string.
+                    // Se for ProfilePicturePickerData eu preciso mandar o data completo.
+                    if (typeof this.image === 'string') {
+                        this.image = image;
+                        this.imageChange.emit(image);
+                    }
+                    else {
+                        this.image = data;
+                        this.imageChange.emit(data);
+                    }
+                    this._onChange?.(this.image);
+                },
+                changeImage: () => this.selectPhoto(),
+                allowSelectAnother: false,
+                aspectRatio: this.aspectRatio,
+                ...this.cropperLabelsConfig,
+            });
+        };
+    }
+    _normalizeSuportedExtensions() {
+        this.supportedExtensions = this.supportedExtensions?.map((extension) => extension.replace('.', '').toLocaleLowerCase());
+    }
+    _validateData(files) {
+        if (!files.length) {
+            return false;
+        }
+        if (files.length > 1) {
+            this.invalidFile.emit({ file: null, validation: 'maxFileLimit' });
+            return false;
+        }
+        const file = files[0];
+        if (!file.type.includes('image')) {
+            this.invalidFile.emit({ file, validation: 'typeInvalid' });
+            return false;
+        }
+        if (!this._validateFileExtension(file)) {
+            this.invalidFile.emit({ file, validation: 'unsupportedExtension' });
+            return false;
+        }
+        if (!this._validateFileSize(file)) {
+            this.invalidFile.emit({ file, validation: 'maxFileSize' });
+            return false;
+        }
+        return true;
+    }
+    _validateFileExtension(file) {
+        if (this.supportedExtensions?.length) {
+            const extension = file.name.split('.').pop()?.toLowerCase() ?? '';
+            return this.supportedExtensions.includes(extension);
+        }
+        return true;
+    }
+    _validateFileSize(file) {
+        if (this.maxFileSize) {
+            return file.size <= this.maxFileSize;
+        }
+        return true;
+    }
+    _getWidthElement(element) {
+        const { left, right } = element.nativeElement.getBoundingClientRect();
+        return right - left;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProfilePicturePickerComponent, deps: [{ token: i1.ImageCropperService }, { token: i2.ConfirmationService }, { token: i3.TranslateService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProfilePicturePickerComponent, selector: "s-profile-picture-picker", inputs: { simpleTitle: "simpleTitle", actionTitle: "actionTitle", subtitle: "subtitle", aspectRatio: "aspectRatio", cropperLabelsConfig: "cropperLabelsConfig", removeButtonLabel: "removeButtonLabel", changeButtonLabel: "changeButtonLabel", confirmationTexts: "confirmationTexts", maxFileSize: "maxFileSize", accept: "accept", supportedExtensions: "supportedExtensions", image: "image" }, outputs: { changedImage: "changedImage", imageChange: "imageChange", removedImage: "removedImage", invalidFile: "invalidFile" }, host: { listeners: { "dragover": "onDragOver($event)", "dragleave": "onDragLeave($event)", "drop": "onDrop($event)", "window:resize": "onResize()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => ProfilePicturePickerComponent),
+                multi: true,
+            },
+        ], viewQueries: [{ propertyName: "uploadPicture", first: true, predicate: ["uploadPicture"], descendants: true }, { propertyName: "info", first: true, predicate: ["info"], descendants: true }, { propertyName: "thumbnail", first: true, predicate: ["thumbnail"], descendants: true, read: ElementRef }, { propertyName: "fileInput", first: true, predicate: ["fileInput"], descendants: true, read: ElementRef }], ngImport: i0, template: "<p-confirmDialog></p-confirmDialog>\n\n<input\n    #fileInput\n    [accept]=\"accept\"\n    class=\"file-input\"\n    type=\"file\"\n    (change)=\"photoSelected($event)\"\n/>\n<div\n    #uploadPicture\n    class=\"upload-picture\"\n>\n    <s-thumbnail\n        #thumbnail\n        iconClass=\"far fa-user\"\n        [imageSource]=\"imageBase64\"\n        [hasAction]=\"!image\"\n        (click)=\"selectPhoto()\"\n    >\n    </s-thumbnail>\n    <div\n        #info\n        class=\"info\"\n    >\n        @if (image) {\n            <div class=\"buttons\">\n                <s-button\n                    [label]=\"changeButtonLabel || 'platform.angular_components.change_photo' | translate\"\n                    priority=\"primary\"\n                    (clicked)=\"selectPhoto()\"\n                >\n                </s-button>\n                <s-button\n                    [label]=\"removeButtonLabel || 'platform.angular_components.remove' | translate\"\n                    priority=\"secondary\"\n                    (clicked)=\"removePhoto()\"\n                >\n                </s-button>\n            </div>\n        } @else {\n            <p class=\"title\">\n                {{ simpleTitle || 'platform.angular_components.drag_your_photo_or' | translate }}\n                <span\n                    class=\"action-title\"\n                    (click)=\"selectPhoto()\"\n                >\n                    {{ actionTitle || 'platform.angular_components.select_a_file' | translate }}\n                </span>\n            </p>\n        }\n        <p class=\"subtitle\">{{ subtitle }}</p>\n    </div>\n</div>\n", styles: [".file-input{display:none}.upload-picture{display:flex;flex-wrap:wrap}.upload-picture .info{display:flex;flex-direction:column;padding:12px 20px;align-items:flex-start}.upload-picture .info .title{font-family:Open Sans,sans-serif;font-weight:700;font-size:.875rem;line-height:150%;color:#333}.upload-picture .info .title .action-title{cursor:pointer;color:#428bca}.upload-picture .info .buttons{display:flex;gap:8px}.upload-picture .info .buttons s-button{margin:0}.upload-picture .info .subtitle{padding:6px 0;font-family:Open Sans,sans-serif;font-weight:400;font-size:.75rem;line-height:150%;color:#697882;text-align:center}.upload-picture--small .info{align-items:center}.upload-picture--small .info .title,.upload-picture--small .info .subtitle{text-align:center}.upload-picture--small .info .buttons{justify-content:center;flex-wrap:wrap}\n"], dependencies: [{ kind: "component", type: i4.ButtonComponent, selector: "s-button", inputs: ["id", "label", "tooltip", "tooltipPosition", "iconClass", "rightIconClass", "caret", "styleClass", "baseZIndex", "disabled", "auxiliary", "type", "priority", "menuOptions", "size", "slide", "animation", "badge", "iconColor"], outputs: ["clicked"] }, { kind: "component", type: i5.ThumbnailComponent, selector: "s-thumbnail", inputs: ["id", "size", "imageSource", "imageFallback", "imageAlt", "iconClass", "hasAction", "actionIconClass", "isTile", "isBrand"] }, { kind: "component", type: i6.ConfirmDialog, selector: "p-confirmDialog, p-confirmdialog, p-confirm-dialog", inputs: ["header", "icon", "message", "style", "styleClass", "maskStyleClass", "acceptIcon", "acceptLabel", "closeAriaLabel", "acceptAriaLabel", "acceptVisible", "rejectIcon", "rejectLabel", "rejectAriaLabel", "rejectVisible", "acceptButtonStyleClass", "rejectButtonStyleClass", "closeOnEscape", "dismissableMask", "blockScroll", "rtl", "closable", "appendTo", "key", "autoZIndex", "baseZIndex", "transitionOptions", "focusTrap", "defaultFocus", "breakpoints", "visible", "position"], outputs: ["onHide"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProfilePicturePickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-profile-picture-picker', providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => ProfilePicturePickerComponent),
+                            multi: true,
+                        },
+                    ], template: "<p-confirmDialog></p-confirmDialog>\n\n<input\n    #fileInput\n    [accept]=\"accept\"\n    class=\"file-input\"\n    type=\"file\"\n    (change)=\"photoSelected($event)\"\n/>\n<div\n    #uploadPicture\n    class=\"upload-picture\"\n>\n    <s-thumbnail\n        #thumbnail\n        iconClass=\"far fa-user\"\n        [imageSource]=\"imageBase64\"\n        [hasAction]=\"!image\"\n        (click)=\"selectPhoto()\"\n    >\n    </s-thumbnail>\n    <div\n        #info\n        class=\"info\"\n    >\n        @if (image) {\n            <div class=\"buttons\">\n                <s-button\n                    [label]=\"changeButtonLabel || 'platform.angular_components.change_photo' | translate\"\n                    priority=\"primary\"\n                    (clicked)=\"selectPhoto()\"\n                >\n                </s-button>\n                <s-button\n                    [label]=\"removeButtonLabel || 'platform.angular_components.remove' | translate\"\n                    priority=\"secondary\"\n                    (clicked)=\"removePhoto()\"\n                >\n                </s-button>\n            </div>\n        } @else {\n            <p class=\"title\">\n                {{ simpleTitle || 'platform.angular_components.drag_your_photo_or' | translate }}\n                <span\n                    class=\"action-title\"\n                    (click)=\"selectPhoto()\"\n                >\n                    {{ actionTitle || 'platform.angular_components.select_a_file' | translate }}\n                </span>\n            </p>\n        }\n        <p class=\"subtitle\">{{ subtitle }}</p>\n    </div>\n</div>\n", styles: [".file-input{display:none}.upload-picture{display:flex;flex-wrap:wrap}.upload-picture .info{display:flex;flex-direction:column;padding:12px 20px;align-items:flex-start}.upload-picture .info .title{font-family:Open Sans,sans-serif;font-weight:700;font-size:.875rem;line-height:150%;color:#333}.upload-picture .info .title .action-title{cursor:pointer;color:#428bca}.upload-picture .info .buttons{display:flex;gap:8px}.upload-picture .info .buttons s-button{margin:0}.upload-picture .info .subtitle{padding:6px 0;font-family:Open Sans,sans-serif;font-weight:400;font-size:.75rem;line-height:150%;color:#697882;text-align:center}.upload-picture--small .info{align-items:center}.upload-picture--small .info .title,.upload-picture--small .info .subtitle{text-align:center}.upload-picture--small .info .buttons{justify-content:center;flex-wrap:wrap}\n"] }]
+        }], ctorParameters: () => [{ type: i1.ImageCropperService }, { type: i2.ConfirmationService }, { type: i3.TranslateService }], propDecorators: { simpleTitle: [{
+                type: Input
+            }], actionTitle: [{
+                type: Input
+            }], subtitle: [{
+                type: Input,
+                args: [{ required: true }]
+            }], aspectRatio: [{
+                type: Input
+            }], cropperLabelsConfig: [{
+                type: Input
+            }], removeButtonLabel: [{
+                type: Input
+            }], changeButtonLabel: [{
+                type: Input
+            }], confirmationTexts: [{
+                type: Input
+            }], maxFileSize: [{
+                type: Input
+            }], accept: [{
+                type: Input
+            }], supportedExtensions: [{
+                type: Input
+            }], image: [{
+                type: Input
+            }], uploadPicture: [{
+                type: ViewChild,
+                args: ['uploadPicture']
+            }], info: [{
+                type: ViewChild,
+                args: ['info']
+            }], thumbnail: [{
+                type: ViewChild,
+                args: ['thumbnail', { read: ElementRef }]
+            }], fileInput: [{
+                type: ViewChild,
+                args: ['fileInput', { read: ElementRef }]
+            }], changedImage: [{
+                type: Output
+            }], imageChange: [{
+                type: Output
+            }], removedImage: [{
+                type: Output
+            }], invalidFile: [{
+                type: Output
+            }], onDragOver: [{
+                type: HostListener,
+                args: ['dragover', ['$event']]
+            }], onDragLeave: [{
+                type: HostListener,
+                args: ['dragleave', ['$event']]
+            }], onDrop: [{
+                type: HostListener,
+                args: ['drop', ['$event']]
+            }], onResize: [{
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
+class ProfilePicturePickerModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProfilePicturePickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ProfilePicturePickerModule, declarations: [ProfilePicturePickerComponent], imports: [CommonModule, TranslateModule, ButtonModule, ThumbnailModule, ImageCropperModule, ConfirmDialogModule], exports: [ProfilePicturePickerComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProfilePicturePickerModule, providers: [ImageCropperService, ConfirmationService], imports: [CommonModule, TranslateModule, ButtonModule, ThumbnailModule, ImageCropperModule, ConfirmDialogModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProfilePicturePickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TranslateModule, ButtonModule, ThumbnailModule, ImageCropperModule, ConfirmDialogModule],
+                    declarations: [ProfilePicturePickerComponent],
+                    exports: [ProfilePicturePickerComponent],
+                    providers: [ImageCropperService, ConfirmationService],
+                }]
+        }] });
+
+const maxFileSize = (size) => {
+    return (control) => {
+        if (control.value?.source?.size > size) {
+            return {
+                maxFileSize: true,
+            };
+        }
+        return null;
+    };
+};
+const fileExtension = (extensions) => {
+    return (control) => {
+        if (extensions.length) {
+            const extension = control.value?.source?.name?.split(".").pop().toLowerCase();
+            if (extension?.includes(extension)) {
+                return {
+                    fileExtension: true,
+                };
+            }
+        }
+        return null;
+    };
+};
+const Validators = {
+    maxFileSize,
+    fileExtension,
+};
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ProfilePicturePickerComponent, ProfilePicturePickerModule, Validators };
+//# sourceMappingURL=seniorsistemas-angular-components-profile-picture-picker.mjs.map

package/fesm2022/seniorsistemas-angular-components-profile-picture-picker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-profile-picture-picker.mjs","sources":["../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/profile-picture-picker.component.ts","../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/profile-picture-picker.component.html","../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/profile-picture-picker.module.ts","../../projects/angular-components/profile-picture-picker/src/lib/profile-picture-picker/validators/validators.ts","../../projects/angular-components/profile-picture-picker/src/seniorsistemas-angular-components-profile-picture-picker.ts"],"sourcesContent":["import {\n    Component,\n    ElementRef,\n    EventEmitter,\n    forwardRef,\n    HostListener,\n    Input,\n    OnInit,\n    Output,\n    ViewChild,\n} from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\n\nimport { TranslateService } from '@ngx-translate/core';\nimport { ConfirmationService } from 'primeng/api';\nimport {\n    ConfirmationTexts,\n    CropperLabelsConfig,\n    FileValidationErrors,\n    ProfilePicturePickerData\n} from './models/index';\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\nimport { ImageCropperService } from '@seniorsistemas/angular-components/image-cropper';\n\n@Component({\n    selector: 's-profile-picture-picker',\n    templateUrl: 'profile-picture-picker.component.html',\n    styleUrls: ['profile-picture-picker.component.scss'],\n    providers: [\n        {\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef(() => ProfilePicturePickerComponent),\n            multi: true,\n        },\n    ],\n})\nexport class ProfilePicturePickerComponent implements OnInit, ControlValueAccessor {\n    @Input()\n    public simpleTitle!: string;\n\n    @Input()\n    public actionTitle!: string;\n\n    @Input({ required: true })\n    public subtitle!: string;\n\n    @Input()\n    public aspectRatio = 1;\n\n    @Input()\n    public cropperLabelsConfig?: CropperLabelsConfig;\n\n    @Input()\n    public removeButtonLabel?: string;\n\n    @Input()\n    public changeButtonLabel?: string;\n\n    @Input()\n    public confirmationTexts?: ConfirmationTexts;\n\n    @Input()\n    public maxFileSize?: number;\n\n    @Input()\n    public accept?: string;\n\n    @Input()\n    public supportedExtensions: string[] = [];\n\n    @Input()\n    public image: string | ProfilePicturePickerData | null = null;\n\n    @ViewChild('uploadPicture')\n    public uploadPicture: ElementRef | null = null;\n\n    @ViewChild('info')\n    public info: ElementRef | null = null;\n\n    @ViewChild('thumbnail', { read: ElementRef })\n    public thumbnail: ElementRef | null = null;\n\n    @ViewChild('fileInput', { read: ElementRef })\n    public fileInput: ElementRef | null = null;\n\n    /**\n     * @deprecated Use imageChange instead.\n     */\n    @Output()\n    public changedImage: EventEmitter<string> = new EventEmitter();\n\n    @Output()\n    public imageChange = new EventEmitter<string | ProfilePicturePickerData>();\n\n    @Output()\n    public removedImage = new EventEmitter();\n\n    @Output()\n    public invalidFile: EventEmitter<FileValidationErrors> = new EventEmitter();\n\n    public get imageBase64(): string {\n        return typeof this.image === 'string' ? this.image : (this.image?.base64 ?? '');\n    }\n\n    private _onChange?: (value: string | ProfilePicturePickerData) => void;\n    private _onTouched?: () => void;\n\n    constructor(\n        private readonly imageCropperService: ImageCropperService,\n        private readonly confirmationService: ConfirmationService,\n        private readonly translateService: TranslateService,\n    ) { }\n\n    public writeValue(value: string | ProfilePicturePickerData): void {\n        this.image = value;\n    }\n\n    public registerOnChange(onChange: (value: string | ProfilePicturePickerData) => void): void {\n        this._onChange = onChange;\n    }\n\n    public registerOnTouched(onTouched: () => void): void {\n        this._onTouched = onTouched;\n    }\n\n    public ngOnInit(): void {\n        this._normalizeSuportedExtensions();\n    }\n\n    @HostListener('dragover', ['$event'])\n    public onDragOver(event: DragEvent) {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    @HostListener('dragleave', ['$event'])\n    public onDragLeave(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n    }\n\n    @HostListener('drop', ['$event'])\n    public onDrop(event: DragEvent): void {\n        event.preventDefault();\n        event.stopPropagation();\n\n        this._onTouched?.();\n\n        const files: File[] = [];\n        const dataTransferFiles = event.dataTransfer?.files;\n\n        if (!isNullOrUndefined(dataTransferFiles)) {\n            for (let i = 0; i < dataTransferFiles?.length; i++) {\n                const item = dataTransferFiles.item(i);\n                if (!isNullOrUndefined(item)) {\n                    files.push(item);\n                }\n            }\n        }\n\n        this._showImageCropper(files);\n    }\n\n    // Verificando o redimensionamento para ajustar o design para ficar responsivo.\n    @HostListener('window:resize')\n    public onResize(): void {\n        if (this.uploadPicture && this.info && this.thumbnail) {\n            const uploadPictureWidth = this._getWidthElement(this.uploadPicture);\n            const infoWidth = this._getWidthElement(this.info);\n            const thumbnailWidth = this._getWidthElement(this.thumbnail);\n\n            if (thumbnailWidth + infoWidth > uploadPictureWidth) {\n                this.uploadPicture.nativeElement.classList.add('upload-picture--small');\n            } else {\n                this.uploadPicture.nativeElement.classList.remove('upload-picture--small');\n            }\n        }\n    }\n\n    public selectPhoto(): void {\n        const fileInputElement = this.fileInput?.nativeElement;\n        fileInputElement.value = '';\n        fileInputElement.click();\n\n        this._onTouched?.();\n    }\n\n    public removePhoto(): void {\n        this.confirmationService.confirm({\n            message:\n                this.confirmationTexts?.removalMessage ??\n                this.translateService.instant('platform.angular_components.confirmation_remove_image'),\n            acceptLabel:\n                this.confirmationTexts?.removalAcceptLabel ??\n                this.translateService.instant('platform.angular_components.remove'),\n            rejectLabel:\n                this.confirmationTexts?.removalRejectLabel ??\n                this.translateService.instant('platform.angular_components.cancel'),\n            header:\n                this.confirmationTexts?.removalHeader ??\n                this.translateService.instant('platform.angular_components.remove_image'),\n            rejectButtonStyleClass: 'ui-button-secondary',\n            accept: () => {\n                const fileInputElement = this.fileInput?.nativeElement;\n                fileInputElement.value = '';\n                this.image = null;\n                this.removedImage.emit();\n            },\n        });\n    }\n\n    public photoSelected(event: any): void {\n        this._showImageCropper(event.srcElement.files);\n    }\n\n    private _showImageCropper(files: File[]): void {\n        if (!this._validateData(files)) {\n            return;\n        }\n\n        const file = files[0];\n\n        const fileReader = new FileReader();\n        fileReader.readAsDataURL(file);\n        fileReader.onloadend = (fileEvent: any) => {\n            this.imageCropperService.show({\n                imageSource: fileEvent.target.result,\n                croppedImage: (image) => {\n                    this.changedImage.emit(image);\n\n                    const data: ProfilePicturePickerData = { source: file, base64: image };\n\n                    // Se o tipo do image for string eu preciso atualizar e mandar para o imageChange uma string.\n                    // Se for ProfilePicturePickerData eu preciso mandar o data completo.\n                    if (typeof this.image === 'string') {\n                        this.image = image;\n                        this.imageChange.emit(image);\n                    } else {\n                        this.image = data;\n                        this.imageChange.emit(data);\n                    }\n\n                    this._onChange?.(this.image);\n                },\n                changeImage: () => this.selectPhoto(),\n                allowSelectAnother: false,\n                aspectRatio: this.aspectRatio,\n                ...this.cropperLabelsConfig,\n            });\n        };\n    }\n\n    private _normalizeSuportedExtensions(): void {\n        this.supportedExtensions = this.supportedExtensions?.map((extension) =>\n            extension.replace('.', '').toLocaleLowerCase(),\n        );\n    }\n\n    private _validateData(files: File[]): boolean {\n        if (!files.length) {\n            return false;\n        }\n\n        if (files.length > 1) {\n            this.invalidFile.emit({ file: null, validation: 'maxFileLimit' });\n            return false;\n        }\n\n        const file = files[0];\n\n        if (!file.type.includes('image')) {\n            this.invalidFile.emit({ file, validation: 'typeInvalid' });\n            return false;\n        }\n\n        if (!this._validateFileExtension(file)) {\n            this.invalidFile.emit({ file, validation: 'unsupportedExtension' });\n            return false;\n        }\n\n        if (!this._validateFileSize(file)) {\n            this.invalidFile.emit({ file, validation: 'maxFileSize' });\n            return false;\n        }\n\n        return true;\n    }\n\n    private _validateFileExtension(file: File): boolean {\n        if (this.supportedExtensions?.length) {\n            const extension = file.name.split('.').pop()?.toLowerCase() ?? '';\n            return this.supportedExtensions.includes(extension);\n        }\n        return true;\n    }\n\n    private _validateFileSize(file: File): boolean {\n        if (this.maxFileSize) {\n            return file.size <= this.maxFileSize;\n        }\n        return true;\n    }\n\n    private _getWidthElement(element: ElementRef): number {\n        const { left, right } = element.nativeElement.getBoundingClientRect();\n        return right - left;\n    }\n}\n","<p-confirmDialog></p-confirmDialog>\n\n<input\n    #fileInput\n    [accept]=\"accept\"\n    class=\"file-input\"\n    type=\"file\"\n    (change)=\"photoSelected($event)\"\n/>\n<div\n    #uploadPicture\n    class=\"upload-picture\"\n>\n    <s-thumbnail\n        #thumbnail\n        iconClass=\"far fa-user\"\n        [imageSource]=\"imageBase64\"\n        [hasAction]=\"!image\"\n        (click)=\"selectPhoto()\"\n    >\n    </s-thumbnail>\n    <div\n        #info\n        class=\"info\"\n    >\n        @if (image) {\n            <div class=\"buttons\">\n                <s-button\n                    [label]=\"changeButtonLabel || 'platform.angular_components.change_photo' | translate\"\n                    priority=\"primary\"\n                    (clicked)=\"selectPhoto()\"\n                >\n                </s-button>\n                <s-button\n                    [label]=\"removeButtonLabel || 'platform.angular_components.remove' | translate\"\n                    priority=\"secondary\"\n                    (clicked)=\"removePhoto()\"\n                >\n                </s-button>\n            </div>\n        } @else {\n            <p class=\"title\">\n                {{ simpleTitle || 'platform.angular_components.drag_your_photo_or' | translate }}\n                <span\n                    class=\"action-title\"\n                    (click)=\"selectPhoto()\"\n                >\n                    {{ actionTitle || 'platform.angular_components.select_a_file' | translate }}\n                </span>\n            </p>\n        }\n        <p class=\"subtitle\">{{ subtitle }}</p>\n    </div>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { TranslateModule } from '@ngx-translate/core';\nimport { ConfirmationService } from 'primeng/api';\nimport { ConfirmDialogModule } from 'primeng/confirmdialog';\n\nimport { ThumbnailModule } from '@seniorsistemas/angular-components/thumbnail';\n\nimport { ButtonModule } from '@seniorsistemas/angular-components/button';\nimport { ProfilePicturePickerComponent } from './profile-picture-picker.component';\nimport { ImageCropperModule, ImageCropperService } from '@seniorsistemas/angular-components/image-cropper';\n\n@NgModule({\n    imports: [CommonModule, TranslateModule, ButtonModule, ThumbnailModule, ImageCropperModule, ConfirmDialogModule],\n    declarations: [ProfilePicturePickerComponent],\n    exports: [ProfilePicturePickerComponent],\n    providers: [ImageCropperService, ConfirmationService],\n})\nexport class ProfilePicturePickerModule { }\n","import { AbstractControl, ValidatorFn } from \"@angular/forms\";\n\nconst maxFileSize = (size: number): ValidatorFn => {\n    return (control: AbstractControl) => {\n        if (control.value?.source?.size > size) {\n            return {\n                maxFileSize: true,\n            };\n        }\n\n        return null;\n    };\n};\n\nconst fileExtension = (extensions: string[]) => {\n    return (control: AbstractControl) => {\n        if (extensions.length) {\n            const extension = control.value?.source?.name?.split(\".\").pop().toLowerCase();\n            if (extension?.includes(extension)) {\n                return {\n                    fileExtension: true,\n                };\n            }\n        }\n        return null;\n    };\n};\n\nexport const Validators = {\n    maxFileSize,\n    fileExtension,\n};\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/seniorsistemas-angular-components-progressbar.mjs

@@ -0,0 +1,152 @@
+import * as i0 from '@angular/core';
+import { Component, Input, NgModule } from '@angular/core';
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i1 from '@seniorsistemas/angular-components/locale';
+
+class ProgressBarDeterminateComponent {
+    localeService;
+    value;
+    activeColor;
+    numberFormatOptions;
+    targetValue;
+    targetLabel;
+    showValue = true;
+    numberFormat = new Intl.NumberFormat('pt-BR');
+    constructor(localeService) {
+        this.localeService = localeService;
+    }
+    ngOnInit() {
+        this.validateValues();
+        this.onGetLocale();
+    }
+    onGetLocale() {
+        this.localeService.getLocale().subscribe({
+            next: (locale) => {
+                this.numberFormat = new Intl.NumberFormat(locale ?? 'pt-BR', this.numberFormatOptions);
+            },
+            error: () => {
+                this.numberFormat = new Intl.NumberFormat('pt-BR', this.numberFormatOptions);
+            },
+        });
+    }
+    validateValues() {
+        if (this.value < 0 || this.value > 100) {
+            throw new Error('Invalid value for value');
+        }
+        if (this.targetValue && (this.targetValue < 0 || this.targetValue > 100)) {
+            throw new Error('Invalid value for targetValue');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarDeterminateComponent, deps: [{ token: i1.LocaleService }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProgressBarDeterminateComponent, selector: "s-progressbar-determinate", inputs: { value: "value", activeColor: "activeColor", numberFormatOptions: "numberFormatOptions", targetValue: "targetValue", targetLabel: "targetLabel", showValue: "showValue" }, ngImport: i0, template: "<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n        <div\n            class=\"progressbar-active\"\n            [ngClass]=\"{\n                'progressbar-active--blue': activeColor === 'blue',\n                'progressbar-active--green': activeColor === 'green',\n                'progressbar-active--red': activeColor === 'red',\n                'progressbar-active--yellow': activeColor === 'yellow',\n            }\"\n            [ngStyle]=\"{ width: value + '%' }\"\n        >\n            {{ showValue && value ? numberFormat?.format(value) + '%' : '' }}\n        </div>\n    </div>\n    @if (targetValue) {\n        <div\n            class=\"target\"\n            [ngStyle]=\"{\n                left: targetValue <= 50 ? targetValue + '%' : 'unset',\n                right: targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n                'align-items': targetValue > 50 ? 'flex-end' : 'flex-start',\n            }\"\n        >\n            <span class=\"target-line\"></span>\n            <span class=\"target-label\">\n                {{ targetLabel || numberFormat?.format(value) + '%' }}\n            </span>\n        </div>\n    }\n</div>\n", styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{align-items:center;color:#fff;display:flex;font-family:Open Sans,sans-serif;font-size:14px;height:100%;justify-content:center;line-height:150%;-webkit-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{align-items:flex-start;bottom:-38px;display:flex;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;padding:2px 12px}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarDeterminateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-progressbar-determinate', template: "<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n        <div\n            class=\"progressbar-active\"\n            [ngClass]=\"{\n                'progressbar-active--blue': activeColor === 'blue',\n                'progressbar-active--green': activeColor === 'green',\n                'progressbar-active--red': activeColor === 'red',\n                'progressbar-active--yellow': activeColor === 'yellow',\n            }\"\n            [ngStyle]=\"{ width: value + '%' }\"\n        >\n            {{ showValue && value ? numberFormat?.format(value) + '%' : '' }}\n        </div>\n    </div>\n    @if (targetValue) {\n        <div\n            class=\"target\"\n            [ngStyle]=\"{\n                left: targetValue <= 50 ? targetValue + '%' : 'unset',\n                right: targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n                'align-items': targetValue > 50 ? 'flex-end' : 'flex-start',\n            }\"\n        >\n            <span class=\"target-line\"></span>\n            <span class=\"target-label\">\n                {{ targetLabel || numberFormat?.format(value) + '%' }}\n            </span>\n        </div>\n    }\n</div>\n", styles: [".progressbar-determinate{position:relative}.progressbar-determinate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progressbar-determinate .progressbar-container .progressbar-active{align-items:center;color:#fff;display:flex;font-family:Open Sans,sans-serif;font-size:14px;height:100%;justify-content:center;line-height:150%;-webkit-user-select:none;user-select:none;width:80%}.progressbar-determinate .progressbar-container .progressbar-active--blue{background-color:#428bca}.progressbar-determinate .progressbar-container .progressbar-active--green{background-color:#0c9348}.progressbar-determinate .progressbar-container .progressbar-active--red{background-color:#c13018}.progressbar-determinate .progressbar-container .progressbar-active--yellow{background-color:#fcbf10;color:#212533}.progressbar-determinate .target{align-items:flex-start;bottom:-38px;display:flex;flex-direction:column;position:absolute}.progressbar-determinate .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progressbar-determinate .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;padding:2px 12px}\n"] }]
+        }], ctorParameters: () => [{ type: i1.LocaleService }], propDecorators: { value: [{
+                type: Input,
+                args: [{ required: true }]
+            }], activeColor: [{
+                type: Input,
+                args: [{ required: true }]
+            }], numberFormatOptions: [{
+                type: Input
+            }], targetValue: [{
+                type: Input
+            }], targetLabel: [{
+                type: Input
+            }], showValue: [{
+                type: Input
+            }] } });
+
+class ProgressBarIndeterminateComponent {
+    activeColor;
+    label;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarIndeterminateComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProgressBarIndeterminateComponent, selector: "s-progressbar-indeterminate", inputs: { activeColor: "activeColor", label: "label" }, ngImport: i0, template: "<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    @if (label) {\n        <span class=\"progressbar-label\">{{ label }}</span>\n    }\n</div>\n", styles: [".progressbar-indeterminate{display:flex;flex-direction:column;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:indeterminate-progress 5s infinite;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translate(-250%)}to{transform:translate(250%)}}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarIndeterminateComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-progressbar-indeterminate', template: "<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    @if (label) {\n        <span class=\"progressbar-label\">{{ label }}</span>\n    }\n</div>\n", styles: [".progressbar-indeterminate{display:flex;flex-direction:column;align-items:center}.progressbar-indeterminate .progressbar-container{background-color:#d8d8d8;border-radius:4px;height:24px;margin:8px 0;overflow:hidden;width:100%}.progressbar-indeterminate .indeterminate-bar{animation:indeterminate-progress 5s infinite;background-color:#428bca;height:100%;width:40%}.progressbar-indeterminate .indeterminate-bar--blue{background-color:#428bca}.progressbar-indeterminate .indeterminate-bar--green{background-color:#0c9348}.progressbar-indeterminate .indeterminate-bar--red{background-color:#c13018}.progressbar-indeterminate .indeterminate-bar--yellow{background-color:#fcbf10}.progressbar-indeterminate .progressbar-label{font-family:\"Open Sans\" sans-serif;font-size:12px;line-height:150%;color:#212533}@keyframes indeterminate-progress{0%{transform:translate(-250%)}to{transform:translate(250%)}}\n"] }]
+        }], propDecorators: { activeColor: [{
+                type: Input,
+                args: [{ required: true }]
+            }], label: [{
+                type: Input
+            }] } });
+
+class ProgressBarComponent {
+    value;
+    activeColor;
+    numberFormatOptions = {
+        style: "decimal",
+        minimumFractionDigits: 0,
+        maximumFractionDigits: 2,
+        roundingMode: "trunc",
+    };
+    targetValue;
+    label;
+    targetLabel;
+    showValue = true;
+    mode = 'determinate';
+    ngOnInit() {
+        this.validateInputs();
+    }
+    validateInputs() {
+        if (this.value < 0 || this.value > 100) {
+            throw new Error('Invalid value for value');
+        }
+        if (this.targetValue && (this.targetValue < 0 || this.targetValue > 100)) {
+            throw new Error('Invalid value for targetValue');
+        }
+        if (this.mode === 'indeterminate' && (this.value || this.targetValue || this.targetLabel)) {
+            throw new Error('When the mode is indeterminate, the value, targetValue and targetLabel parameters are not expected.');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: ProgressBarComponent, selector: "s-progressbar", inputs: { value: "value", activeColor: "activeColor", numberFormatOptions: "numberFormatOptions", targetValue: "targetValue", label: "label", targetLabel: "targetLabel", showValue: "showValue", mode: "mode" }, ngImport: i0, template: "@if (mode === 'determinate') {\n    <s-progressbar-determinate\n        [value]=\"value\"\n        [numberFormatOptions]=\"numberFormatOptions\"\n        [targetValue]=\"targetValue\"\n        [targetLabel]=\"targetLabel\"\n        [activeColor]=\"activeColor\"\n        [showValue]=\"showValue\"\n    >\n    </s-progressbar-determinate>\n} @else {\n    <s-progressbar-indeterminate\n        [activeColor]=\"activeColor\"\n        [label]=\"label\"\n    >\n    </s-progressbar-indeterminate>\n}\n", styles: [".progress-bar{position:relative}.progress-bar .progress-bar-all{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progress-bar .progress-bar-all .progress-bar-active{align-items:center;color:#fff;display:flex;font-family:Open Sans,sans-serif;font-size:14px;height:100%;justify-content:center;line-height:150%;-webkit-user-select:none;user-select:none;width:80%}.progress-bar .progress-bar-all .progress-bar-active--blue{background-color:#428bca}.progress-bar .progress-bar-all .progress-bar-active--green{background-color:#0c9348}.progress-bar .progress-bar-all .progress-bar-active--red{background-color:#c13018}.progress-bar .progress-bar-all .progress-bar-active--yellow{background-color:#fcbf10}.progress-bar .target{align-items:flex-start;bottom:-38px;display:flex;flex-direction:column;position:absolute}.progress-bar .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progress-bar .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;padding:2px 12px}\n"], dependencies: [{ kind: "component", type: ProgressBarDeterminateComponent, selector: "s-progressbar-determinate", inputs: ["value", "activeColor", "numberFormatOptions", "targetValue", "targetLabel", "showValue"] }, { kind: "component", type: ProgressBarIndeterminateComponent, selector: "s-progressbar-indeterminate", inputs: ["activeColor", "label"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-progressbar', template: "@if (mode === 'determinate') {\n    <s-progressbar-determinate\n        [value]=\"value\"\n        [numberFormatOptions]=\"numberFormatOptions\"\n        [targetValue]=\"targetValue\"\n        [targetLabel]=\"targetLabel\"\n        [activeColor]=\"activeColor\"\n        [showValue]=\"showValue\"\n    >\n    </s-progressbar-determinate>\n} @else {\n    <s-progressbar-indeterminate\n        [activeColor]=\"activeColor\"\n        [label]=\"label\"\n    >\n    </s-progressbar-indeterminate>\n}\n", styles: [".progress-bar{position:relative}.progress-bar .progress-bar-all{background-color:#d8d8d8;border-radius:4px;height:24px;overflow:hidden;width:100%}.progress-bar .progress-bar-all .progress-bar-active{align-items:center;color:#fff;display:flex;font-family:Open Sans,sans-serif;font-size:14px;height:100%;justify-content:center;line-height:150%;-webkit-user-select:none;user-select:none;width:80%}.progress-bar .progress-bar-all .progress-bar-active--blue{background-color:#428bca}.progress-bar .progress-bar-all .progress-bar-active--green{background-color:#0c9348}.progress-bar .progress-bar-all .progress-bar-active--red{background-color:#c13018}.progress-bar .progress-bar-all .progress-bar-active--yellow{background-color:#fcbf10}.progress-bar .target{align-items:flex-start;bottom:-38px;display:flex;flex-direction:column;position:absolute}.progress-bar .target .target-line{background-color:#333;height:40px;margin:8px 0;width:1px}.progress-bar .target .target-label{background-color:#426e78;border-radius:10px;color:#e5eaea;font-family:Open Sans,sans-serif;font-size:12px;line-height:150%;padding:2px 12px}\n"] }]
+        }], propDecorators: { value: [{
+                type: Input
+            }], activeColor: [{
+                type: Input,
+                args: [{ required: true }]
+            }], numberFormatOptions: [{
+                type: Input
+            }], targetValue: [{
+                type: Input
+            }], label: [{
+                type: Input
+            }], targetLabel: [{
+                type: Input
+            }], showValue: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }] } });
+
+/* eslint-disable max-len */
+class ProgressBarModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarModule, declarations: [ProgressBarComponent, ProgressBarDeterminateComponent, ProgressBarIndeterminateComponent], imports: [CommonModule], exports: [ProgressBarComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ProgressBarModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [ProgressBarComponent, ProgressBarDeterminateComponent, ProgressBarIndeterminateComponent],
+                    exports: [ProgressBarComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ProgressBarComponent, ProgressBarModule };
+//# sourceMappingURL=seniorsistemas-angular-components-progressbar.mjs.map

package/fesm2022/seniorsistemas-angular-components-progressbar.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-progressbar.mjs","sources":["../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-determinate/progressbar-determinate.component.ts","../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-determinate/progressbar-determinate.component.html","../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-indeterminate/progressbar-indeterminate.component.ts","../../projects/angular-components/progressbar/src/lib/progressbar/components/progressbar-indeterminate/progressbar-indeterminate.component.html","../../projects/angular-components/progressbar/src/lib/progressbar/progressbar.component.ts","../../projects/angular-components/progressbar/src/lib/progressbar/progressbar.component.html","../../projects/angular-components/progressbar/src/lib/progressbar/progressbar.module.ts","../../projects/angular-components/progressbar/src/seniorsistemas-angular-components-progressbar.ts"],"sourcesContent":["import { Component, Input, OnInit } from '@angular/core';\n\nimport { ProgressBarColors } from '../../types';\nimport { LocaleService } from '@seniorsistemas/angular-components/locale';\n\n@Component({\n\tselector: 's-progressbar-determinate',\n\ttemplateUrl: './progressbar-determinate.component.html',\n\tstyleUrls: ['./progressbar-determinate.component.scss'],\n})\nexport class ProgressBarDeterminateComponent implements OnInit {\n\t@Input({ required: true })\n\tpublic value!: number;\n\n\t@Input({ required: true })\n\tpublic activeColor!: ProgressBarColors;\n\n\t@Input()\n\tpublic numberFormatOptions?: Intl.NumberFormatOptions;\n\n\t@Input()\n\tpublic targetValue?: number;\n\n\t@Input()\n\tpublic targetLabel?: string;\n\n\t@Input()\n\tpublic showValue = true;\n\n\tpublic numberFormat?: Intl.NumberFormat = new Intl.NumberFormat('pt-BR');\n\n\tconstructor(private readonly localeService: LocaleService) { }\n\n\tpublic ngOnInit() {\n\t\tthis.validateValues();\n\n\t\tthis.onGetLocale();\n\t}\n\n\tprivate onGetLocale(): void {\n\t\tthis.localeService.getLocale().subscribe({\n\t\t\tnext: (locale) => {\n\t\t\t\tthis.numberFormat = new Intl.NumberFormat(locale ?? 'pt-BR', this.numberFormatOptions);\n\t\t\t},\n\t\t\terror: () => {\n\t\t\t\tthis.numberFormat = new Intl.NumberFormat('pt-BR', this.numberFormatOptions);\n\t\t\t},\n\t\t});\n\t}\n\n\tprivate validateValues(): void {\n\t\tif (this.value < 0 || this.value > 100) {\n\t\t\tthrow new Error('Invalid value for value');\n\t\t}\n\t\tif (this.targetValue && (this.targetValue < 0 || this.targetValue > 100)) {\n\t\t\tthrow new Error('Invalid value for targetValue');\n\t\t}\n\t}\n}\n","<div class=\"progressbar-determinate\">\n    <div class=\"progressbar-container\">\n        <div\n            class=\"progressbar-active\"\n            [ngClass]=\"{\n                'progressbar-active--blue': activeColor === 'blue',\n                'progressbar-active--green': activeColor === 'green',\n                'progressbar-active--red': activeColor === 'red',\n                'progressbar-active--yellow': activeColor === 'yellow',\n            }\"\n            [ngStyle]=\"{ width: value + '%' }\"\n        >\n            {{ showValue && value ? numberFormat?.format(value) + '%' : '' }}\n        </div>\n    </div>\n    @if (targetValue) {\n        <div\n            class=\"target\"\n            [ngStyle]=\"{\n                left: targetValue <= 50 ? targetValue + '%' : 'unset',\n                right: targetValue > 50 ? 100 - targetValue + '%' : 'unset',\n                'align-items': targetValue > 50 ? 'flex-end' : 'flex-start',\n            }\"\n        >\n            <span class=\"target-line\"></span>\n            <span class=\"target-label\">\n                {{ targetLabel || numberFormat?.format(value) + '%' }}\n            </span>\n        </div>\n    }\n</div>\n","import { Component, Input } from '@angular/core';\n\nimport { ProgressBarColors } from '../../types';\n\n@Component({\n    selector: 's-progressbar-indeterminate',\n    templateUrl: './progressbar-indeterminate.component.html',\n    styleUrls: ['./progressbar-indeterminate.component.scss'],\n})\nexport class ProgressBarIndeterminateComponent {\n    @Input({ required: true })\n    public activeColor!: ProgressBarColors;\n\n    @Input()\n    public label?: string;\n}\n","<div class=\"progressbar-indeterminate\">\n    <div class=\"progressbar-container\">\n        <div class=\"indeterminate-bar\" [ngClass]=\"{\n            'indeterminate-bar--blue': activeColor === 'blue',\n            'indeterminate-bar--green': activeColor === 'green',\n            'indeterminate-bar--red': activeColor === 'red',\n            'indeterminate-bar--yellow': activeColor === 'yellow'\n        }\"></div>\n    </div>\n\n    @if (label) {\n        <span class=\"progressbar-label\">{{ label }}</span>\n    }\n</div>\n","import { Component, Input, OnInit } from '@angular/core';\n\nimport { ProgressBarColors, ProgressBarMode } from './types';\n\n@Component({\n    selector: 's-progressbar',\n    templateUrl: './progressbar.component.html',\n    styleUrls: ['./progressbar.component.scss'],\n})\nexport class ProgressBarComponent implements OnInit {\n    @Input()\n    public value!: number;\n\n    @Input({ required: true })\n    public activeColor!: ProgressBarColors;\n\n    @Input()\n    public numberFormatOptions: Intl.NumberFormatOptions = {\n        style: \"decimal\",\n        minimumFractionDigits: 0,\n        maximumFractionDigits: 2,\n        roundingMode: \"trunc\",\n    };\n\n    @Input()\n    public targetValue?: number;\n\n    @Input()\n    public label?: string;\n\n    @Input()\n    public targetLabel?: string;\n\n    @Input()\n    public showValue = true;\n\n    @Input()\n    public mode: ProgressBarMode = 'determinate';\n\n    public ngOnInit(): void {\n        this.validateInputs();\n    }\n\n    private validateInputs(): void {\n        if (this.value < 0 || this.value > 100) {\n            throw new Error('Invalid value for value');\n        }\n\n        if (this.targetValue && (this.targetValue < 0 || this.targetValue > 100)) {\n            throw new Error('Invalid value for targetValue');\n        }\n\n        if (this.mode === 'indeterminate' && (this.value || this.targetValue || this.targetLabel)) {\n            throw new Error('When the mode is indeterminate, the value, targetValue and targetLabel parameters are not expected.');\n        }\n    }\n}\n","@if (mode === 'determinate') {\n    <s-progressbar-determinate\n        [value]=\"value\"\n        [numberFormatOptions]=\"numberFormatOptions\"\n        [targetValue]=\"targetValue\"\n        [targetLabel]=\"targetLabel\"\n        [activeColor]=\"activeColor\"\n        [showValue]=\"showValue\"\n    >\n    </s-progressbar-determinate>\n} @else {\n    <s-progressbar-indeterminate\n        [activeColor]=\"activeColor\"\n        [label]=\"label\"\n    >\n    </s-progressbar-indeterminate>\n}\n","/* eslint-disable max-len */\nimport { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { ProgressBarComponent } from './progressbar.component';\nimport { ProgressBarDeterminateComponent } from './components/progressbar-determinate/progressbar-determinate.component';\nimport { ProgressBarIndeterminateComponent } from './components/progressbar-indeterminate/progressbar-indeterminate.component';\n\n@NgModule({\n\timports: [CommonModule],\n\tdeclarations: [ProgressBarComponent, ProgressBarDeterminateComponent, ProgressBarIndeterminateComponent],\n\texports: [ProgressBarComponent],\n})\nexport class ProgressBarModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1","i1.ProgressBarDeterminateComponent","i2.ProgressBarIndeterminateComponent"],"mappings":"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"}