@senior-gestao-empresarial/angular-components 7.29.1 → 8.0.0

package/fesm2022/senior-gestao-empresarial-angular-components-thumbnail.mjs

@@ -0,0 +1,216 @@
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, inject, Component, ViewChild, Input, NgModule } from '@angular/core';
+import { Subject, from } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+
+var ThumbnailSize;
+(function (ThumbnailSize) {
+    ThumbnailSize["Small"] = "small";
+    ThumbnailSize["Medium"] = "medium";
+    ThumbnailSize["Large"] = "large";
+})(ThumbnailSize || (ThumbnailSize = {}));
+
+class ThumbnailService {
+    static { this.HTTP_STATUS_OK = 200; }
+    static { this.JPEG_MARKER = 0xffd8; }
+    static { this.EXIF_MARKER = 0xffe1; }
+    static { this.EXIF_SIGNATURE = 0x45786966; }
+    static { this.LITTLE_ENDIAN_MARKER = 0x4949; }
+    static { this.ORIENTATION_TAG = 0x0112; }
+    static { this.MARKER_MASK = 0xff00; }
+    static { this.NOT_DEFINED = -1; }
+    static { this.NOT_JPEG = -2; }
+    static { this.INITIAL_OFFSET = 2; }
+    static { this.EXIF_OFFSET = 6; }
+    static { this.TAG_SIZE = 12; }
+    static { this.TAG_VALUE_OFFSET = 8; }
+    getBinaryFile(img) {
+        return new Promise((resolve) => {
+            const getOrientation = this.getOrientation.bind(this);
+            let http = new XMLHttpRequest();
+            const request = http;
+            request.addEventListener('load', () => {
+                if (request.readyState === 4 &&
+                    (request.status === ThumbnailService.HTTP_STATUS_OK ||
+                        request.status === 0)) {
+                    const orientation = getOrientation(request.response);
+                    http = null;
+                    resolve(orientation);
+                }
+            });
+            request.addEventListener('error', () => {
+                http = null;
+                throw new Error('Não foi possível carregar a imagem');
+            });
+            request.open('GET', img.src, true);
+            request.responseType = 'arraybuffer';
+            request.send(null);
+        });
+    }
+    /**
+     * Retorna a tag da orientação EXIF {-1} Não definido, {-2} Não é formato JPEG, {1, 2, 3, 4, 5, 6, 7, 8} valores da orientação.
+     */
+    getOrientation(file) {
+        const view = new DataView(file);
+        if (view.getUint16(0, false) !== ThumbnailService.JPEG_MARKER) {
+            return ThumbnailService.NOT_JPEG;
+        }
+        const length = view.byteLength;
+        let offset = ThumbnailService.INITIAL_OFFSET;
+        while (offset < length) {
+            const marker = view.getUint16(offset, false);
+            offset += ThumbnailService.INITIAL_OFFSET;
+            if (marker === ThumbnailService.EXIF_MARKER) {
+                const orientation = this.extractOrientationFromExif(view, offset);
+                if (orientation !== null) {
+                    return orientation;
+                }
+                return ThumbnailService.NOT_DEFINED;
+            }
+            // tslint:disable-next-line: no-bitwise
+            if ((marker & ThumbnailService.MARKER_MASK) !==
+                ThumbnailService.MARKER_MASK) {
+                break;
+            }
+            offset += view.getUint16(offset, false);
+        }
+        return ThumbnailService.NOT_DEFINED;
+    }
+    extractOrientationFromExif(view, initialOffset) {
+        let offset = initialOffset;
+        offset += ThumbnailService.INITIAL_OFFSET;
+        if (view.getUint32(offset, false) !== ThumbnailService.EXIF_SIGNATURE) {
+            return null;
+        }
+        offset += ThumbnailService.EXIF_OFFSET;
+        const little = view.getUint16(offset, false) ===
+            ThumbnailService.LITTLE_ENDIAN_MARKER;
+        offset += view.getUint32(offset + 4, little);
+        const tags = view.getUint16(offset, little);
+        offset += ThumbnailService.INITIAL_OFFSET;
+        for (let i = 0; i < tags; i++) {
+            const tagOffset = offset + i * ThumbnailService.TAG_SIZE;
+            if (view.getUint16(tagOffset, little) ===
+                ThumbnailService.ORIENTATION_TAG) {
+                return view.getUint16(tagOffset + ThumbnailService.TAG_VALUE_OFFSET, little);
+            }
+        }
+        return null;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailService }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailService, decorators: [{
+            type: Injectable
+        }] });
+
+class ThumbnailComponent {
+    constructor() {
+        this.fallback = false;
+        this.id = `s-thumbnail-${ThumbnailComponent.getNextId()}`;
+        this.size = ThumbnailSize.Medium;
+        this.iconClass = 'far fa-image';
+        this.hasAction = false;
+        this.actionIconClass = 'fas fa-camera';
+        this.isTile = false;
+        this.isBrand = false;
+        this.thumbnailService = inject(ThumbnailService);
+        this.ngUnsubscribe = new Subject();
+        this.boundImageError = () => {
+            this.onImageError();
+        };
+        this.boundFallbackError = () => {
+            this.onFallbackError();
+        };
+    }
+    static { this.nextId = 0; }
+    static getNextId() {
+        const id = ThumbnailComponent.nextId;
+        ThumbnailComponent.nextId++;
+        return id;
+    }
+    get imageAltText() {
+        return this.getImageAltText();
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    ngAfterViewInit() {
+        const imgEl = this.imgEl;
+        if (imgEl) {
+            imgEl.nativeElement.addEventListener('load', () => {
+                from(this.thumbnailService.getBinaryFile(imgEl.nativeElement))
+                    .pipe(takeUntil(this.ngUnsubscribe))
+                    .subscribe((orientation) => (this.orientation = orientation));
+            });
+        }
+    }
+    getImageAltText() {
+        const altText = this.imageAlt ?? '';
+        // Remove a palavra "image" ou "imagem" para evitar redundância
+        return altText
+            .replace(/\bimage\b/gi, '')
+            .replace(/\bimagem\b/gi, '')
+            .trim();
+    }
+    onImageError() {
+        this.fallback = true;
+    }
+    onFallbackError() {
+        this.imageFallback = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ThumbnailComponent, selector: "s-thumbnail", inputs: { id: "id", size: "size", imageSource: "imageSource", imageFallback: "imageFallback", imageAlt: "imageAlt", iconClass: "iconClass", hasAction: "hasAction", actionIconClass: "actionIconClass", isTile: "isTile", isBrand: "isBrand" }, viewQueries: [{ propertyName: "imgEl", first: true, predicate: ["img"], descendants: true }], ngImport: i0, template: "<div\n    [id]=\"id\"\n    class=\"thumbnail-container thumbnail-container--{{ size }}\"\n    [attr.title]=\"imageAlt || 'Thumbnail'\"\n    [ngClass]=\"{\n        'thumbnail-container--with-action': hasAction,\n        'thumbnail-container--brand': isBrand,\n    }\"\n>\n    @if (imageSource || imageFallback) {\n        <div\n            [id]=\"id + '-image-container'\"\n            class=\"image-container\"\n            [ngClass]=\"{\n                'image-container--rounded': !isBrand,\n            }\"\n        >\n            @if (!fallback) {\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        imageTemplate;\n                        context: {\n                            imgId: id + '-image',\n                            imgSrc: imageSource,\n                            errorHandler: boundImageError,\n                            titleText: imageAlt || 'Thumbnail',\n                        }\n                    \"\n                ></ng-container>\n            } @else {\n                @if (imageFallback) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            imageTemplate;\n                            context: {\n                                imgId: id + '-image-fallback',\n                                imgSrc: imageFallback,\n                                errorHandler: boundFallbackError,\n                                titleText: imageAlt || 'Thumbnail fallback',\n                            }\n                        \"\n                    ></ng-container>\n                } @else {\n                    <i ngClass=\"far fa-image\" class=\"fallback-img-color\"> </i>\n                }\n            }\n            <ng-template\n                #imageTemplate\n                let-imgId=\"imgId\"\n                let-imgSrc=\"imgSrc\"\n                let-errorHandler=\"errorHandler\"\n                let-titleText=\"titleText\"\n            >\n                <img\n                    #img\n                    [id]=\"imgId\"\n                    (error)=\"errorHandler()\"\n                    [src]=\"imgSrc\"\n                    alt=\"\"\n                    [attr.alt]=\"imageAltText\"\n                    [attr.title]=\"titleText\"\n                    width=\"100%\"\n                    height=\"auto\"\n                    [ngClass]=\"{\n                        smallThumbnail: isTile,\n                        'exif-orientation-2': orientation === 2,\n                        'exif-orientation-3': orientation === 3,\n                        'exif-orientation-4': orientation === 4,\n                        'exif-orientation-5': orientation === 5,\n                        'exif-orientation-6': orientation === 6,\n                        'exif-orientation-7': orientation === 7,\n                        'exif-orientation-8': orientation === 8,\n                    }\"\n                />\n            </ng-template>\n        </div>\n    }\n    @if (hasAction) {\n        <div\n            [id]=\"id + '-action-icon-container'\"\n            class=\"action-icon-container action-icon-container--{{ size }}\"\n        >\n            <span\n                [id]=\"id + '-action-icon'\"\n                [class]=\"actionIconClass\"\n                aria-hidden=\"true\"\n            >\n            </span>\n        </div>\n    }\n    @if (!imageSource && !imageFallback) {\n        <div\n            [id]=\"id + '-icon-container'\"\n            class=\"icon-container icon-container--{{ size }}\"\n            [ngClass]=\"{ 'image-container--rounded': !isBrand }\"\n        >\n            <span [id]=\"id + '-icon'\" [class]=\"iconClass\" aria-hidden=\"true\">\n            </span>\n        </div>\n    }\n\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-block}.thumbnail-container{color:#fff;position:relative;text-align:center}.thumbnail-container--large{font-size:50px;height:100px;width:100px}.thumbnail-container--large.thumbnail-container--brand{width:200px}.thumbnail-container--medium{font-size:40px;height:70px;width:70px}.thumbnail-container--medium.thumbnail-container--brand{width:140px}.thumbnail-container--small{font-size:22px;height:40px;width:40px}.thumbnail-container--small.thumbnail-container--brand{width:80px}.thumbnail-container--with-action{cursor:pointer}.action-icon-container{background-color:#428bca;border-radius:50%;bottom:0;position:absolute;right:0}.action-icon-container--large,.action-icon-container--medium{font-size:10pt;height:25px;padding:3px;width:25px}.action-icon-container--small{font-size:6pt;height:16px;padding:2px;width:16px}.icon-container,.image-container{align-items:center;height:100%;overflow:hidden;width:100%}.icon-container--rounded,.image-container--rounded{border-radius:50%}.smallThumbnail{height:40px!important}.icon-container{background-color:#ccc;color:#fff}.icon-container--large{line-height:98px}.icon-container--medium{line-height:68px}.icon-container--small{line-height:38px}.image-container{align-items:center;background-color:#ccc;display:flex;justify-content:center}.image-container img{width:100%}.image-container img.exif-orientation-2{transform:rotateY(180deg)}.image-container img.exif-orientation-3{transform:rotate(180deg)}.image-container img.exif-orientation-4{transform:rotate(180deg) rotateY(180deg)}.image-container img.exif-orientation-5{transform:rotate(270deg) rotateY(180deg)}.image-container img.exif-orientation-6{transform:rotate(90deg)}.image-container img.exif-orientation-7{transform:rotate(90deg) rotateY(180deg)}.image-container img.exif-orientation-8{transform:rotate(270deg)}.fallback-img-color{color:#fff}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-thumbnail', template: "<div\n    [id]=\"id\"\n    class=\"thumbnail-container thumbnail-container--{{ size }}\"\n    [attr.title]=\"imageAlt || 'Thumbnail'\"\n    [ngClass]=\"{\n        'thumbnail-container--with-action': hasAction,\n        'thumbnail-container--brand': isBrand,\n    }\"\n>\n    @if (imageSource || imageFallback) {\n        <div\n            [id]=\"id + '-image-container'\"\n            class=\"image-container\"\n            [ngClass]=\"{\n                'image-container--rounded': !isBrand,\n            }\"\n        >\n            @if (!fallback) {\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        imageTemplate;\n                        context: {\n                            imgId: id + '-image',\n                            imgSrc: imageSource,\n                            errorHandler: boundImageError,\n                            titleText: imageAlt || 'Thumbnail',\n                        }\n                    \"\n                ></ng-container>\n            } @else {\n                @if (imageFallback) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            imageTemplate;\n                            context: {\n                                imgId: id + '-image-fallback',\n                                imgSrc: imageFallback,\n                                errorHandler: boundFallbackError,\n                                titleText: imageAlt || 'Thumbnail fallback',\n                            }\n                        \"\n                    ></ng-container>\n                } @else {\n                    <i ngClass=\"far fa-image\" class=\"fallback-img-color\"> </i>\n                }\n            }\n            <ng-template\n                #imageTemplate\n                let-imgId=\"imgId\"\n                let-imgSrc=\"imgSrc\"\n                let-errorHandler=\"errorHandler\"\n                let-titleText=\"titleText\"\n            >\n                <img\n                    #img\n                    [id]=\"imgId\"\n                    (error)=\"errorHandler()\"\n                    [src]=\"imgSrc\"\n                    alt=\"\"\n                    [attr.alt]=\"imageAltText\"\n                    [attr.title]=\"titleText\"\n                    width=\"100%\"\n                    height=\"auto\"\n                    [ngClass]=\"{\n                        smallThumbnail: isTile,\n                        'exif-orientation-2': orientation === 2,\n                        'exif-orientation-3': orientation === 3,\n                        'exif-orientation-4': orientation === 4,\n                        'exif-orientation-5': orientation === 5,\n                        'exif-orientation-6': orientation === 6,\n                        'exif-orientation-7': orientation === 7,\n                        'exif-orientation-8': orientation === 8,\n                    }\"\n                />\n            </ng-template>\n        </div>\n    }\n    @if (hasAction) {\n        <div\n            [id]=\"id + '-action-icon-container'\"\n            class=\"action-icon-container action-icon-container--{{ size }}\"\n        >\n            <span\n                [id]=\"id + '-action-icon'\"\n                [class]=\"actionIconClass\"\n                aria-hidden=\"true\"\n            >\n            </span>\n        </div>\n    }\n    @if (!imageSource && !imageFallback) {\n        <div\n            [id]=\"id + '-icon-container'\"\n            class=\"icon-container icon-container--{{ size }}\"\n            [ngClass]=\"{ 'image-container--rounded': !isBrand }\"\n        >\n            <span [id]=\"id + '-icon'\" [class]=\"iconClass\" aria-hidden=\"true\">\n            </span>\n        </div>\n    }\n\n    <ng-content></ng-content>\n</div>\n", styles: [":host{display:inline-block}.thumbnail-container{color:#fff;position:relative;text-align:center}.thumbnail-container--large{font-size:50px;height:100px;width:100px}.thumbnail-container--large.thumbnail-container--brand{width:200px}.thumbnail-container--medium{font-size:40px;height:70px;width:70px}.thumbnail-container--medium.thumbnail-container--brand{width:140px}.thumbnail-container--small{font-size:22px;height:40px;width:40px}.thumbnail-container--small.thumbnail-container--brand{width:80px}.thumbnail-container--with-action{cursor:pointer}.action-icon-container{background-color:#428bca;border-radius:50%;bottom:0;position:absolute;right:0}.action-icon-container--large,.action-icon-container--medium{font-size:10pt;height:25px;padding:3px;width:25px}.action-icon-container--small{font-size:6pt;height:16px;padding:2px;width:16px}.icon-container,.image-container{align-items:center;height:100%;overflow:hidden;width:100%}.icon-container--rounded,.image-container--rounded{border-radius:50%}.smallThumbnail{height:40px!important}.icon-container{background-color:#ccc;color:#fff}.icon-container--large{line-height:98px}.icon-container--medium{line-height:68px}.icon-container--small{line-height:38px}.image-container{align-items:center;background-color:#ccc;display:flex;justify-content:center}.image-container img{width:100%}.image-container img.exif-orientation-2{transform:rotateY(180deg)}.image-container img.exif-orientation-3{transform:rotate(180deg)}.image-container img.exif-orientation-4{transform:rotate(180deg) rotateY(180deg)}.image-container img.exif-orientation-5{transform:rotate(270deg) rotateY(180deg)}.image-container img.exif-orientation-6{transform:rotate(90deg)}.image-container img.exif-orientation-7{transform:rotate(90deg) rotateY(180deg)}.image-container img.exif-orientation-8{transform:rotate(270deg)}.fallback-img-color{color:#fff}\n"] }]
+        }], propDecorators: { imgEl: [{
+                type: ViewChild,
+                args: ['img', { static: false }]
+            }], id: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }], imageSource: [{
+                type: Input
+            }], imageFallback: [{
+                type: Input
+            }], imageAlt: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], hasAction: [{
+                type: Input
+            }], actionIconClass: [{
+                type: Input
+            }], isTile: [{
+                type: Input
+            }], isBrand: [{
+                type: Input
+            }] } });
+
+class ThumbnailModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailModule, declarations: [ThumbnailComponent], imports: [CommonModule], exports: [ThumbnailComponent] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailModule, providers: [ThumbnailService], imports: [CommonModule] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule],
+                    declarations: [ThumbnailComponent],
+                    exports: [ThumbnailComponent],
+                    providers: [ThumbnailService],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ThumbnailComponent, ThumbnailModule, ThumbnailSize };
+//# sourceMappingURL=senior-gestao-empresarial-angular-components-thumbnail.mjs.map

package/fesm2022/senior-gestao-empresarial-angular-components-thumbnail.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"senior-gestao-empresarial-angular-components-thumbnail.mjs","sources":["../../projects/snr-erpx-angular-components/thumbnail/src/lib/thumbnail-size.ts","../../projects/snr-erpx-angular-components/thumbnail/src/lib/thumbnail.service.ts","../../projects/snr-erpx-angular-components/thumbnail/src/lib/thumbnail.component.ts","../../projects/snr-erpx-angular-components/thumbnail/src/lib/thumbnail.component.html","../../projects/snr-erpx-angular-components/thumbnail/src/lib/thumbnail.module.ts","../../projects/snr-erpx-angular-components/thumbnail/src/senior-gestao-empresarial-angular-components-thumbnail.ts"],"sourcesContent":["export enum ThumbnailSize {\n    Small = 'small',\n    Medium = 'medium',\n    Large = 'large',\n}\n","import { Injectable } from '@angular/core';\n\n@Injectable()\nexport class ThumbnailService {\n    private static readonly HTTP_STATUS_OK = 200;\n    private static readonly JPEG_MARKER = 0xffd8;\n    private static readonly EXIF_MARKER = 0xffe1;\n    private static readonly EXIF_SIGNATURE = 0x45786966;\n    private static readonly LITTLE_ENDIAN_MARKER = 0x4949;\n    private static readonly ORIENTATION_TAG = 0x0112;\n    private static readonly MARKER_MASK = 0xff00;\n    private static readonly NOT_DEFINED = -1;\n    private static readonly NOT_JPEG = -2;\n    private static readonly INITIAL_OFFSET = 2;\n    private static readonly EXIF_OFFSET = 6;\n    private static readonly TAG_SIZE = 12;\n    private static readonly TAG_VALUE_OFFSET = 8;\n\n    public getBinaryFile(img: HTMLImageElement): Promise<unknown> {\n        return new Promise((resolve) => {\n            const getOrientation = this.getOrientation.bind(this);\n\n            let http: XMLHttpRequest | null = new XMLHttpRequest();\n            const request = http;\n            request.addEventListener('load', () => {\n                if (\n                    request.readyState === 4 &&\n                    (request.status === ThumbnailService.HTTP_STATUS_OK ||\n                        request.status === 0)\n                ) {\n                    const orientation = getOrientation(request.response);\n                    http = null;\n                    resolve(orientation);\n                }\n            });\n\n            request.addEventListener('error', () => {\n                http = null;\n                throw new Error('Não foi possível carregar a imagem');\n            });\n\n            request.open('GET', img.src, true);\n            request.responseType = 'arraybuffer';\n            request.send(null);\n        });\n    }\n\n    /**\n     * Retorna a tag da orientação EXIF {-1} Não definido, {-2} Não é formato JPEG, {1, 2, 3, 4, 5, 6, 7, 8} valores da orientação.\n     */\n    private getOrientation(file: ArrayBuffer): number {\n        const view = new DataView(file);\n\n        if (view.getUint16(0, false) !== ThumbnailService.JPEG_MARKER) {\n            return ThumbnailService.NOT_JPEG;\n        }\n\n        const length = view.byteLength;\n        let offset = ThumbnailService.INITIAL_OFFSET;\n\n        while (offset < length) {\n            const marker = view.getUint16(offset, false);\n            offset += ThumbnailService.INITIAL_OFFSET;\n\n            if (marker === ThumbnailService.EXIF_MARKER) {\n                const orientation = this.extractOrientationFromExif(\n                    view,\n                    offset\n                );\n                if (orientation !== null) {\n                    return orientation;\n                }\n                return ThumbnailService.NOT_DEFINED;\n            }\n\n            // tslint:disable-next-line: no-bitwise\n            if (\n                (marker & ThumbnailService.MARKER_MASK) !==\n                ThumbnailService.MARKER_MASK\n            ) {\n                break;\n            }\n\n            offset += view.getUint16(offset, false);\n        }\n        return ThumbnailService.NOT_DEFINED;\n    }\n\n    private extractOrientationFromExif(\n        view: DataView,\n        initialOffset: number\n    ): number | null {\n        let offset = initialOffset;\n        offset += ThumbnailService.INITIAL_OFFSET;\n\n        if (view.getUint32(offset, false) !== ThumbnailService.EXIF_SIGNATURE) {\n            return null;\n        }\n\n        offset += ThumbnailService.EXIF_OFFSET;\n        const little =\n            view.getUint16(offset, false) ===\n            ThumbnailService.LITTLE_ENDIAN_MARKER;\n        offset += view.getUint32(offset + 4, little);\n        const tags = view.getUint16(offset, little);\n        offset += ThumbnailService.INITIAL_OFFSET;\n\n        for (let i = 0; i < tags; i++) {\n            const tagOffset = offset + i * ThumbnailService.TAG_SIZE;\n            if (\n                view.getUint16(tagOffset, little) ===\n                ThumbnailService.ORIENTATION_TAG\n            ) {\n                return view.getUint16(\n                    tagOffset + ThumbnailService.TAG_VALUE_OFFSET,\n                    little\n                );\n            }\n        }\n\n        return null;\n    }\n}\n","import {\n    Component,\n    Input,\n    ViewChild,\n    AfterViewInit,\n    ElementRef,\n    OnDestroy,\n    inject,\n} from '@angular/core';\n\nimport { from, Subject } from 'rxjs';\nimport { takeUntil } from 'rxjs/operators';\n\nimport { ThumbnailSize } from './thumbnail-size';\nimport { ThumbnailService } from './thumbnail.service';\n\n@Component({\n    selector: 's-thumbnail',\n    templateUrl: './thumbnail.component.html',\n    styleUrls: ['./thumbnail.component.scss'],\n})\nexport class ThumbnailComponent implements AfterViewInit, OnDestroy {\n    private static nextId = 0;\n\n    public fallback = false;\n    public orientation?: number;\n\n    @ViewChild('img', { static: false })\n    public imgEl?: ElementRef;\n\n    @Input()\n    public id = `s-thumbnail-${ThumbnailComponent.getNextId()}`;\n\n    @Input()\n    public size: ThumbnailSize | string = ThumbnailSize.Medium;\n\n    @Input()\n    public imageSource?: string;\n\n    @Input()\n    public imageFallback?: string;\n\n    @Input()\n    public imageAlt?: string;\n\n    @Input()\n    public iconClass = 'far fa-image';\n\n    @Input()\n    public hasAction = false;\n\n    @Input()\n    public actionIconClass = 'fas fa-camera';\n\n    @Input()\n    public isTile = false;\n\n    @Input()\n    public isBrand = false;\n\n    private readonly thumbnailService = inject(ThumbnailService);\n    private readonly ngUnsubscribe = new Subject<void>();\n\n    private static getNextId(): number {\n        const id = ThumbnailComponent.nextId;\n        ThumbnailComponent.nextId++;\n        return id;\n    }\n\n    public readonly boundImageError = (): void => {\n        this.onImageError();\n    };\n\n    public readonly boundFallbackError = (): void => {\n        this.onFallbackError();\n    };\n\n    public get imageAltText(): string {\n        return this.getImageAltText();\n    }\n\n    public ngOnDestroy(): void {\n        this.ngUnsubscribe.next();\n        this.ngUnsubscribe.complete();\n    }\n\n    public ngAfterViewInit(): void {\n        const imgEl = this.imgEl;\n        if (imgEl) {\n            imgEl.nativeElement.addEventListener('load', () => {\n                from(this.thumbnailService.getBinaryFile(imgEl.nativeElement))\n                    .pipe(takeUntil(this.ngUnsubscribe))\n                    .subscribe(\n                        (orientation) =>\n                            (this.orientation = orientation as number)\n                    );\n            });\n        }\n    }\n\n    public getImageAltText(): string {\n        const altText = this.imageAlt ?? '';\n        // Remove a palavra \"image\" ou \"imagem\" para evitar redundância\n        return altText\n            .replace(/\\bimage\\b/gi, '')\n            .replace(/\\bimagem\\b/gi, '')\n            .trim();\n    }\n\n    public onImageError(): void {\n        this.fallback = true;\n    }\n\n    public onFallbackError(): void {\n        this.imageFallback = undefined;\n    }\n}\n","<div\n    [id]=\"id\"\n    class=\"thumbnail-container thumbnail-container--{{ size }}\"\n    [attr.title]=\"imageAlt || 'Thumbnail'\"\n    [ngClass]=\"{\n        'thumbnail-container--with-action': hasAction,\n        'thumbnail-container--brand': isBrand,\n    }\"\n>\n    @if (imageSource || imageFallback) {\n        <div\n            [id]=\"id + '-image-container'\"\n            class=\"image-container\"\n            [ngClass]=\"{\n                'image-container--rounded': !isBrand,\n            }\"\n        >\n            @if (!fallback) {\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        imageTemplate;\n                        context: {\n                            imgId: id + '-image',\n                            imgSrc: imageSource,\n                            errorHandler: boundImageError,\n                            titleText: imageAlt || 'Thumbnail',\n                        }\n                    \"\n                ></ng-container>\n            } @else {\n                @if (imageFallback) {\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            imageTemplate;\n                            context: {\n                                imgId: id + '-image-fallback',\n                                imgSrc: imageFallback,\n                                errorHandler: boundFallbackError,\n                                titleText: imageAlt || 'Thumbnail fallback',\n                            }\n                        \"\n                    ></ng-container>\n                } @else {\n                    <i ngClass=\"far fa-image\" class=\"fallback-img-color\"> </i>\n                }\n            }\n            <ng-template\n                #imageTemplate\n                let-imgId=\"imgId\"\n                let-imgSrc=\"imgSrc\"\n                let-errorHandler=\"errorHandler\"\n                let-titleText=\"titleText\"\n            >\n                <img\n                    #img\n                    [id]=\"imgId\"\n                    (error)=\"errorHandler()\"\n                    [src]=\"imgSrc\"\n                    alt=\"\"\n                    [attr.alt]=\"imageAltText\"\n                    [attr.title]=\"titleText\"\n                    width=\"100%\"\n                    height=\"auto\"\n                    [ngClass]=\"{\n                        smallThumbnail: isTile,\n                        'exif-orientation-2': orientation === 2,\n                        'exif-orientation-3': orientation === 3,\n                        'exif-orientation-4': orientation === 4,\n                        'exif-orientation-5': orientation === 5,\n                        'exif-orientation-6': orientation === 6,\n                        'exif-orientation-7': orientation === 7,\n                        'exif-orientation-8': orientation === 8,\n                    }\"\n                />\n            </ng-template>\n        </div>\n    }\n    @if (hasAction) {\n        <div\n            [id]=\"id + '-action-icon-container'\"\n            class=\"action-icon-container action-icon-container--{{ size }}\"\n        >\n            <span\n                [id]=\"id + '-action-icon'\"\n                [class]=\"actionIconClass\"\n                aria-hidden=\"true\"\n            >\n            </span>\n        </div>\n    }\n    @if (!imageSource && !imageFallback) {\n        <div\n            [id]=\"id + '-icon-container'\"\n            class=\"icon-container icon-container--{{ size }}\"\n            [ngClass]=\"{ 'image-container--rounded': !isBrand }\"\n        >\n            <span [id]=\"id + '-icon'\" [class]=\"iconClass\" aria-hidden=\"true\">\n            </span>\n        </div>\n    }\n\n    <ng-content></ng-content>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { ThumbnailComponent } from './thumbnail.component';\nimport { ThumbnailService } from './thumbnail.service';\n\n@NgModule({\n    imports: [CommonModule],\n    declarations: [ThumbnailComponent],\n    exports: [ThumbnailComponent],\n    providers: [ThumbnailService],\n})\nexport class ThumbnailModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}