@seniorsistemas/angular-components 17.31.2 → 18.0.0-develop-ae6477c0

package/fesm2022/seniorsistemas-angular-components-image-cropper.mjs

@@ -0,0 +1,273 @@
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { inject, EventEmitter, Component, ViewEncapsulation, Input, Output, ViewChild, ContentChild, NgModule, Injectable } from '@angular/core';
+import Cropper from 'cropperjs';
+import { HeaderComponent, FooterComponent, StructureModule } from '@seniorsistemas/angular-components/structure';
+import { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';
+import * as i3 from '@seniorsistemas/angular-components/dialog';
+import { ActiveDialog, DialogComponent } from '@seniorsistemas/angular-components/dialog';
+import * as i1 from '@seniorsistemas/angular-components/button';
+import { ButtonModule } from '@seniorsistemas/angular-components/button';
+import * as i2 from '@seniorsistemas/angular-components/empty-state';
+import { EmptyStateModule } from '@seniorsistemas/angular-components/empty-state';
+import * as i4 from '@seniorsistemas/angular-components/template';
+import { TemplateModule } from '@seniorsistemas/angular-components/template';
+import { Subject } from 'rxjs';
+import { takeUntil, delay } from 'rxjs/operators';
+
+class ImageCropperComponent {
+    activeDialog = inject(ActiveDialog, { optional: true });
+    static nextId = 0;
+    id = `s-image-cropper-${ImageCropperComponent.nextId++}`;
+    visible = false;
+    header = 'Recortar imagem';
+    cropLabel = 'Recortar';
+    selectAnotherLabel = 'Trocar';
+    removeLabel = 'Remover';
+    cancelLabel = 'Cancelar';
+    emptyStateTitle = 'Selecione uma foto, em seguida você poderá ajustá-la';
+    emptyStateActionLabel = 'Escolher imagem';
+    emptyStateIconClass = 'fa fa-picture-o';
+    aspectRatio = NaN;
+    rounded = false;
+    allowSelectAnother = true;
+    allowRemove = true;
+    allowCancel = true;
+    imageSource;
+    visibleChange = new EventEmitter();
+    changeImage = new EventEmitter();
+    croppedImage = new EventEmitter();
+    croppedCanvas = new EventEmitter();
+    removedImage = new EventEmitter();
+    cancel = new EventEmitter();
+    image = null;
+    headerSection = null;
+    footerSection = null;
+    cropper = null;
+    ngOnInit() {
+        if (this.imageSource)
+            this.initCropper();
+    }
+    ngOnChanges(changes) {
+        if (changes['imageSource'] && changes['imageSource'].currentValue) {
+            this.initCropper();
+        }
+    }
+    initCropper() {
+        if (isNullOrUndefined(this.image)) {
+            return;
+        }
+        ;
+        if (this.cropper) {
+            this.cropper.destroy();
+        }
+        this.image.nativeElement.src = this.imageSource;
+        this.cropper = new Cropper(this.image.nativeElement, {
+            aspectRatio: this.rounded ? 1 : this.aspectRatio,
+            guides: false,
+            dragMode: 'move',
+            minCropBoxHeight: 2,
+            minCropBoxWidth: 2,
+            toggleDragModeOnDblclick: false,
+        });
+    }
+    getRoundedCanvas(sourceCanvas) {
+        const canvas = document.createElement('canvas');
+        const context = canvas.getContext('2d');
+        if (isNullOrUndefined(context))
+            return null;
+        const width = sourceCanvas.width;
+        const height = sourceCanvas.height;
+        canvas.width = width;
+        canvas.height = height;
+        context.imageSmoothingEnabled = true;
+        context.drawImage(sourceCanvas, 0, 0, width, height);
+        context.globalCompositeOperation = 'destination-in';
+        context.beginPath();
+        context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI, true);
+        context.fill();
+        return canvas;
+    }
+    onCropImage() {
+        if (!this.imageSource) {
+            this.croppedImage.emit();
+            this.croppedCanvas.emit();
+        }
+        else {
+            const cropperCanvas = this.cropper?.getCroppedCanvas();
+            if (cropperCanvas) {
+                const canvas = this.rounded ? this.getRoundedCanvas(cropperCanvas) : cropperCanvas;
+                if (canvas) {
+                    this.croppedCanvas.emit(canvas);
+                    this.croppedImage.emit(canvas.toDataURL());
+                }
+            }
+        }
+        this.visible = false;
+        this.visibleChange.emit(false);
+    }
+    onChangeImage() {
+        this.changeImage.emit();
+    }
+    onRemoveImage() {
+        this.imageSource = undefined;
+        this.removedImage.emit();
+    }
+    onCancel() {
+        this.visible = false;
+        this.visibleChange.emit(false);
+        this.cancel.emit();
+    }
+    onModalVisibleChange(visible) {
+        if (!visible)
+            this.onCancel();
+        this.visibleChange.emit(visible);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageCropperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ImageCropperComponent, selector: "s-image-cropper", inputs: { id: "id", visible: "visible", header: "header", cropLabel: "cropLabel", selectAnotherLabel: "selectAnotherLabel", removeLabel: "removeLabel", cancelLabel: "cancelLabel", emptyStateTitle: "emptyStateTitle", emptyStateActionLabel: "emptyStateActionLabel", emptyStateIconClass: "emptyStateIconClass", aspectRatio: "aspectRatio", rounded: "rounded", allowSelectAnother: "allowSelectAnother", allowRemove: "allowRemove", allowCancel: "allowCancel", imageSource: "imageSource" }, outputs: { visibleChange: "visibleChange", changeImage: "changeImage", croppedImage: "croppedImage", croppedCanvas: "croppedCanvas", removedImage: "removedImage", cancel: "cancel" }, queries: [{ propertyName: "headerSection", first: true, predicate: HeaderComponent, descendants: true, static: true }, { propertyName: "footerSection", first: true, predicate: FooterComponent, descendants: true, static: true }], viewQueries: [{ propertyName: "image", first: true, predicate: ["image"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div [id]=\"id\">\n    @let roundedClass = rounded ? 's-image-cropper--rounded' : '';\n    <s-dialog\n        size=\"lg\"\n        [contentClassName]=\"'s-image-cropper ' + roundedClass\"\n        [header]=\"headerSection ? '' : header\"\n        [(visible)]=\"visible\"\n        (visibleChange)=\"onModalVisibleChange($event!)\"\n        [draggable]=\"false\"\n    >\n        @if (headerSection) {\n            <ng-template sTemplate=\"header\">\n                <ng-content select=\"s-header\"></ng-content>\n            </ng-template>\n        }\n        @if (!imageSource) {\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                [title]=\"emptyStateTitle\"\n                [iconClass]=\"emptyStateIconClass\"\n                [primaryActionLabel]=\"emptyStateActionLabel\"\n                (primaryAction)=\"onChangeImage()\"\n            >\n            </s-empty-state>\n        }\n        <div\n            [attr.data-hidden]=\"!imageSource\"\n            class=\"image-container\"\n        >\n            <img\n                [id]=\"id + '-cropper'\"\n                #image\n                [src]=\"imageSource || ''\"\n                alt=\"cropped image\"\n            />\n        </div>\n        <ng-template sTemplate=\"footer\">\n            @if (!footerSection) {\n                <div class=\"button-container\">\n                    @if (allowCancel) {\n                        <s-button\n                            [id]=\"id + '-cancel-button'\"\n                            type=\"button\"\n                            priority=\"link\"\n                            [label]=\"cancelLabel\"\n                            (clicked)=\"onCancel()\"\n                        >\n                        </s-button>\n                    }\n\n                    <div>\n                        @if (imageSource && allowRemove) {\n                            <s-button\n                                [id]=\"id + '-remove-button'\"\n                                type=\"button\"\n                                priority=\"secondary\"\n                                [label]=\"removeLabel\"\n                                (clicked)=\"onRemoveImage()\"\n                            >\n                            </s-button>\n                        }\n                        @if (imageSource && allowSelectAnother) {\n                            <s-button\n                                [id]=\"id + '-select-another-button'\"\n                                type=\"button\"\n                                priority=\"secondary\"\n                                [label]=\"selectAnotherLabel\"\n                                (clicked)=\"onChangeImage()\"\n                            >\n                            </s-button>\n                        }\n                        <s-button\n                            [id]=\"id + '-crop-button'\"\n                            type=\"button\"\n                            [label]=\"cropLabel\"\n                            (clicked)=\"onCropImage()\"\n                        >\n                        </s-button>\n                    </div>\n                </div>\n            }\n            @if (footerSection) {\n                <ng-content select=\"s-footer\"> </ng-content>\n            }\n        </ng-template>\n    </s-dialog>\n</div>\n", styles: [".cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{inset:0;position:absolute}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:\" \";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:\" \";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.s-image-cropper{border-radius:0!important;display:flex;justify-content:space-between;flex-direction:column}.s-image-cropper .image-container{display:flex;align-items:center;justify-content:center;height:100%}.s-image-cropper img{max-width:100%;max-height:100%}.s-image-cropper .button-container{display:flex;justify-content:space-between;width:100%}.s-image-cropper .cropper-view-box{outline:2px dashed #fff}.s-image-cropper .cropper-line{opacity:0}.s-image-cropper .cropper-point{background-color:#fff;opacity:1;height:15px;width:15px;border-radius:50%}.s-image-cropper .cropper-point.point-e{right:-8.5px;top:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-n{top:-8.5px;left:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-w{left:-8.5px;top:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-s{bottom:-8.5px;left:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-ne{right:-8.5px;top:-8.5px}.s-image-cropper .cropper-point.point-nw{left:-8.5px;top:-8.5px}.s-image-cropper .cropper-point.point-sw{left:-8.5px;bottom:-8.5px}.s-image-cropper .cropper-point.point-se{right:-8.5px;bottom:-8.5px}.s-image-cropper--rounded .cropper-view-box,.s-image-cropper--rounded .cropper-face{border-radius:50%}.s-image-cropper--rounded .cropper-view-box{outline:1px dashed rgba(255,255,255,.3)}.s-image-cropper--rounded .cropper-view-box:after{border:2px dashed #fff;border-radius:50%;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n/*! Bundled license information:\n\ncropperjs/dist/cropper.min.css:\n  (*!\n   * Cropper.js v1.6.2\n   * https://fengyuanchen.github.io/cropperjs\n   *\n   * Copyright 2015-present Chen Fengyuan\n   * Released under the MIT license\n   *\n   * Date: 2024-04-21T07:43:02.731Z\n   *)\n*/\n"], dependencies: [{ kind: "component", type: i1.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: i2.EmptyStateComponent, selector: "s-empty-state", inputs: ["id", "title", "iconClass", "description", "showPrimaryAction", "showSecondaryAction", "primaryActionLabel", "secondaryActionLabel", "primaryModel"], outputs: ["primaryAction", "secondaryAction"] }, { kind: "component", type: i3.DialogComponent, selector: "s-dialog", inputs: ["header", "visible", "size", "contentClassName", "escapeOnEsc", "destroyClickOutside"], outputs: ["visibleChange"] }, { kind: "directive", type: i4.TemplateDirective, selector: "[sTemplate]", inputs: ["sTemplate"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageCropperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 's-image-cropper', encapsulation: ViewEncapsulation.None, template: "<div [id]=\"id\">\n    @let roundedClass = rounded ? 's-image-cropper--rounded' : '';\n    <s-dialog\n        size=\"lg\"\n        [contentClassName]=\"'s-image-cropper ' + roundedClass\"\n        [header]=\"headerSection ? '' : header\"\n        [(visible)]=\"visible\"\n        (visibleChange)=\"onModalVisibleChange($event!)\"\n        [draggable]=\"false\"\n    >\n        @if (headerSection) {\n            <ng-template sTemplate=\"header\">\n                <ng-content select=\"s-header\"></ng-content>\n            </ng-template>\n        }\n        @if (!imageSource) {\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                [title]=\"emptyStateTitle\"\n                [iconClass]=\"emptyStateIconClass\"\n                [primaryActionLabel]=\"emptyStateActionLabel\"\n                (primaryAction)=\"onChangeImage()\"\n            >\n            </s-empty-state>\n        }\n        <div\n            [attr.data-hidden]=\"!imageSource\"\n            class=\"image-container\"\n        >\n            <img\n                [id]=\"id + '-cropper'\"\n                #image\n                [src]=\"imageSource || ''\"\n                alt=\"cropped image\"\n            />\n        </div>\n        <ng-template sTemplate=\"footer\">\n            @if (!footerSection) {\n                <div class=\"button-container\">\n                    @if (allowCancel) {\n                        <s-button\n                            [id]=\"id + '-cancel-button'\"\n                            type=\"button\"\n                            priority=\"link\"\n                            [label]=\"cancelLabel\"\n                            (clicked)=\"onCancel()\"\n                        >\n                        </s-button>\n                    }\n\n                    <div>\n                        @if (imageSource && allowRemove) {\n                            <s-button\n                                [id]=\"id + '-remove-button'\"\n                                type=\"button\"\n                                priority=\"secondary\"\n                                [label]=\"removeLabel\"\n                                (clicked)=\"onRemoveImage()\"\n                            >\n                            </s-button>\n                        }\n                        @if (imageSource && allowSelectAnother) {\n                            <s-button\n                                [id]=\"id + '-select-another-button'\"\n                                type=\"button\"\n                                priority=\"secondary\"\n                                [label]=\"selectAnotherLabel\"\n                                (clicked)=\"onChangeImage()\"\n                            >\n                            </s-button>\n                        }\n                        <s-button\n                            [id]=\"id + '-crop-button'\"\n                            type=\"button\"\n                            [label]=\"cropLabel\"\n                            (clicked)=\"onCropImage()\"\n                        >\n                        </s-button>\n                    </div>\n                </div>\n            }\n            @if (footerSection) {\n                <ng-content select=\"s-footer\"> </ng-content>\n            }\n        </ng-template>\n    </s-dialog>\n</div>\n", styles: [".cropper-container{-webkit-touch-callout:none;direction:ltr;font-size:0;line-height:0;position:relative;-ms-touch-action:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.cropper-container img{backface-visibility:hidden;display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-canvas,.cropper-crop-box,.cropper-drag-box,.cropper-modal,.cropper-wrap-box{inset:0;position:absolute}.cropper-canvas,.cropper-wrap-box{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:33.33333%;left:0;top:33.33333%;width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:33.33333%;top:0;width:33.33333%}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:after,.cropper-center:before{background-color:#eee;content:\" \";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width:768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width:992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width:1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:\" \";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.s-image-cropper{border-radius:0!important;display:flex;justify-content:space-between;flex-direction:column}.s-image-cropper .image-container{display:flex;align-items:center;justify-content:center;height:100%}.s-image-cropper img{max-width:100%;max-height:100%}.s-image-cropper .button-container{display:flex;justify-content:space-between;width:100%}.s-image-cropper .cropper-view-box{outline:2px dashed #fff}.s-image-cropper .cropper-line{opacity:0}.s-image-cropper .cropper-point{background-color:#fff;opacity:1;height:15px;width:15px;border-radius:50%}.s-image-cropper .cropper-point.point-e{right:-8.5px;top:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-n{top:-8.5px;left:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-w{left:-8.5px;top:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-s{bottom:-8.5px;left:calc(50% - 4.5px)}.s-image-cropper .cropper-point.point-ne{right:-8.5px;top:-8.5px}.s-image-cropper .cropper-point.point-nw{left:-8.5px;top:-8.5px}.s-image-cropper .cropper-point.point-sw{left:-8.5px;bottom:-8.5px}.s-image-cropper .cropper-point.point-se{right:-8.5px;bottom:-8.5px}.s-image-cropper--rounded .cropper-view-box,.s-image-cropper--rounded .cropper-face{border-radius:50%}.s-image-cropper--rounded .cropper-view-box{outline:1px dashed rgba(255,255,255,.3)}.s-image-cropper--rounded .cropper-view-box:after{border:2px dashed #fff;border-radius:50%;content:\"\";height:100%;left:0;position:absolute;top:0;width:100%}\n/*! Bundled license information:\n\ncropperjs/dist/cropper.min.css:\n  (*!\n   * Cropper.js v1.6.2\n   * https://fengyuanchen.github.io/cropperjs\n   *\n   * Copyright 2015-present Chen Fengyuan\n   * Released under the MIT license\n   *\n   * Date: 2024-04-21T07:43:02.731Z\n   *)\n*/\n"] }]
+        }], propDecorators: { id: [{
+                type: Input
+            }], visible: [{
+                type: Input
+            }], header: [{
+                type: Input
+            }], cropLabel: [{
+                type: Input
+            }], selectAnotherLabel: [{
+                type: Input
+            }], removeLabel: [{
+                type: Input
+            }], cancelLabel: [{
+                type: Input
+            }], emptyStateTitle: [{
+                type: Input
+            }], emptyStateActionLabel: [{
+                type: Input
+            }], emptyStateIconClass: [{
+                type: Input
+            }], aspectRatio: [{
+                type: Input
+            }], rounded: [{
+                type: Input
+            }], allowSelectAnother: [{
+                type: Input
+            }], allowRemove: [{
+                type: Input
+            }], allowCancel: [{
+                type: Input
+            }], imageSource: [{
+                type: Input
+            }], visibleChange: [{
+                type: Output
+            }], changeImage: [{
+                type: Output
+            }], croppedImage: [{
+                type: Output
+            }], croppedCanvas: [{
+                type: Output
+            }], removedImage: [{
+                type: Output
+            }], cancel: [{
+                type: Output
+            }], image: [{
+                type: ViewChild,
+                args: ['image', { static: true }]
+            }], headerSection: [{
+                type: ContentChild,
+                args: [HeaderComponent, { static: true }]
+            }], footerSection: [{
+                type: ContentChild,
+                args: [FooterComponent, { static: true }]
+            }] } });
+
+class ImageCropperModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageCropperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ImageCropperModule, declarations: [ImageCropperComponent], imports: [CommonModule, ButtonModule, EmptyStateModule, StructureModule, DialogComponent, TemplateModule], exports: [ImageCropperComponent, StructureModule] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageCropperModule, imports: [CommonModule, ButtonModule, EmptyStateModule, StructureModule, DialogComponent, TemplateModule, StructureModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageCropperModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ButtonModule, EmptyStateModule, StructureModule, DialogComponent, TemplateModule],
+                    declarations: [ImageCropperComponent],
+                    exports: [ImageCropperComponent, StructureModule],
+                }]
+        }] });
+
+class ImageCropperService {
+    _componentFactoryResolver;
+    _appRef;
+    _injector;
+    activeCropper;
+    constructor(_componentFactoryResolver, _appRef, _injector) {
+        this._componentFactoryResolver = _componentFactoryResolver;
+        this._appRef = _appRef;
+        this._injector = _injector;
+    }
+    show(config) {
+        if (this.activeCropper)
+            this._destroy(this.activeCropper);
+        const activeCropper = {
+            componentRef: this._componentFactoryResolver
+                .resolveComponentFactory(ImageCropperComponent)
+                .create(this._injector),
+            ngUnsubscribe: new Subject(),
+        };
+        this.activeCropper = activeCropper;
+        if (isNullOrUndefined(activeCropper.componentRef))
+            return;
+        this._appRef.attachView(activeCropper.componentRef.hostView);
+        const domElem = activeCropper.componentRef.hostView.rootNodes[0];
+        document.body.appendChild(domElem);
+        this._configureInstance(activeCropper, config);
+        activeCropper.componentRef.instance.visible = true;
+        activeCropper.componentRef.instance.visibleChange
+            .pipe(takeUntil(this.activeCropper.ngUnsubscribe), delay(1000))
+            .subscribe((visible) => {
+            if (!visible)
+                this._destroy(activeCropper);
+        });
+    }
+    _configureInstance(activeCropper, config) {
+        const instance = activeCropper.componentRef?.instance;
+        if (config) {
+            Object.keys(config).forEach((key) => {
+                const value = config[key];
+                if (typeof value !== 'function')
+                    instance[key] = value;
+                else if (typeof value === 'function') {
+                    instance[key]
+                        .pipe(takeUntil(activeCropper.ngUnsubscribe))
+                        .subscribe((...param) => config[key](...param));
+                }
+            });
+        }
+        instance.visibleChange
+            .pipe(takeUntil(activeCropper.ngUnsubscribe))
+            .subscribe((visible) => (instance.visible = visible));
+    }
+    _destroy(activeCropper) {
+        activeCropper.ngUnsubscribe.next();
+        activeCropper.ngUnsubscribe.complete();
+        if (isNullOrUndefined(activeCropper.componentRef))
+            return;
+        this._appRef.detachView(activeCropper.componentRef.hostView);
+        activeCropper.componentRef.destroy();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageCropperService, deps: [{ token: i0.ComponentFactoryResolver }, { token: i0.ApplicationRef }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageCropperService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ImageCropperService, decorators: [{
+            type: Injectable
+        }], ctorParameters: () => [{ type: i0.ComponentFactoryResolver }, { type: i0.ApplicationRef }, { type: i0.Injector }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ImageCropperComponent, ImageCropperModule, ImageCropperService };
+//# sourceMappingURL=seniorsistemas-angular-components-image-cropper.mjs.map

package/fesm2022/seniorsistemas-angular-components-image-cropper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-image-cropper.mjs","sources":["../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.component.ts","../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.component.html","../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.module.ts","../../projects/angular-components/image-cropper/src/lib/image-cropper/image-cropper.service.ts","../../projects/angular-components/image-cropper/src/seniorsistemas-angular-components-image-cropper.ts"],"sourcesContent":["import {\n    Component,\n    ContentChild,\n    ElementRef,\n    EventEmitter,\n    inject,\n    Input,\n    OnChanges,\n    OnInit,\n    Output,\n    SimpleChanges,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport Cropper from 'cropperjs';\nimport { FooterComponent, HeaderComponent } from '@seniorsistemas/angular-components/structure';\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\nimport { ActiveDialog } from '@seniorsistemas/angular-components/dialog';\n\n@Component({\n    selector: 's-image-cropper',\n    templateUrl: './image-cropper.component.html',\n    styleUrls: ['./image-cropper.component.scss'],\n    encapsulation: ViewEncapsulation.None,\n})\nexport class ImageCropperComponent implements OnInit, OnChanges {\n    activeDialog = inject(ActiveDialog, { optional: true });\n    public static nextId = 0;\n\n    @Input()\n    public id = `s-image-cropper-${ImageCropperComponent.nextId++}`;\n\n    @Input()\n    public visible = false;\n\n    @Input()\n    public header = 'Recortar imagem';\n\n    @Input()\n    public cropLabel = 'Recortar';\n\n    @Input()\n    public selectAnotherLabel = 'Trocar';\n\n    @Input()\n    public removeLabel = 'Remover';\n\n    @Input()\n    public cancelLabel = 'Cancelar';\n\n    @Input()\n    public emptyStateTitle = 'Selecione uma foto, em seguida você poderá ajustá-la';\n\n    @Input()\n    public emptyStateActionLabel = 'Escolher imagem';\n\n    @Input()\n    public emptyStateIconClass = 'fa fa-picture-o';\n\n    @Input()\n    public aspectRatio = NaN;\n\n    @Input()\n    public rounded = false;\n\n    @Input()\n    public allowSelectAnother = true;\n\n    @Input()\n    public allowRemove = true;\n\n    @Input()\n    public allowCancel = true;\n\n    @Input()\n    public imageSource?: string;\n\n    @Output()\n    public visibleChange = new EventEmitter<boolean>();\n\n    @Output()\n    public changeImage = new EventEmitter();\n\n    @Output()\n    public croppedImage = new EventEmitter<string>();\n\n    @Output()\n    public croppedCanvas = new EventEmitter<HTMLCanvasElement>();\n\n    @Output()\n    public removedImage = new EventEmitter();\n\n    @Output()\n    // eslint-disable-next-line @angular-eslint/no-output-native\n    public cancel = new EventEmitter();\n\n    @ViewChild('image', { static: true })\n    public image: ElementRef<HTMLImageElement> | null = null;\n\n    @ContentChild(HeaderComponent, { static: true })\n    public headerSection: HeaderComponent | null = null;\n\n    @ContentChild(FooterComponent, { static: true })\n    public footerSection: FooterComponent | null = null;\n\n    public cropper: Cropper | null = null;\n\n    public ngOnInit() {\n        if (this.imageSource) this.initCropper();\n    }\n\n    public ngOnChanges(changes: SimpleChanges) {\n        if (changes['imageSource'] && changes['imageSource'].currentValue) {\n            this.initCropper();\n        }\n    }\n\n    private initCropper() {\n        if (isNullOrUndefined(this.image)) {\n            return\n        };\n        if (this.cropper) {\n            this.cropper.destroy();\n        }\n        this.image.nativeElement.src = this.imageSource as string;\n        this.cropper = new Cropper(this.image.nativeElement, {\n            aspectRatio: this.rounded ? 1 : this.aspectRatio,\n            guides: false,\n            dragMode: 'move' as Cropper.DragMode,\n            minCropBoxHeight: 2,\n            minCropBoxWidth: 2,\n            toggleDragModeOnDblclick: false,\n        });\n    }\n\n    public getRoundedCanvas(sourceCanvas: HTMLCanvasElement): HTMLCanvasElement | null {\n        const canvas = document.createElement('canvas');\n        const context = canvas.getContext('2d');\n\n        if (isNullOrUndefined(context)) return null;\n\n        const width = sourceCanvas.width;\n        const height = sourceCanvas.height;\n\n        canvas.width = width;\n        canvas.height = height;\n\n        context.imageSmoothingEnabled = true;\n        context.drawImage(sourceCanvas, 0, 0, width, height);\n        context.globalCompositeOperation = 'destination-in';\n        context.beginPath();\n        context.arc(width / 2, height / 2, Math.min(width, height) / 2, 0, 2 * Math.PI, true);\n        context.fill();\n\n        return canvas;\n    }\n\n    public onCropImage() {\n        if (!this.imageSource) {\n            this.croppedImage.emit();\n            this.croppedCanvas.emit();\n        } else {\n            const cropperCanvas = this.cropper?.getCroppedCanvas();\n            if (cropperCanvas) {\n                const canvas = this.rounded ? this.getRoundedCanvas(cropperCanvas) : cropperCanvas;\n                if (canvas) {\n                    this.croppedCanvas.emit(canvas);\n                    this.croppedImage.emit(canvas.toDataURL());\n                }\n            }\n        }\n        this.visible = false;\n        this.visibleChange.emit(false);\n    }\n\n    public onChangeImage() {\n        this.changeImage.emit();\n    }\n\n    public onRemoveImage() {\n        this.imageSource = undefined;\n        this.removedImage.emit();\n    }\n\n    public onCancel() {\n        this.visible = false;\n        this.visibleChange.emit(false);\n        this.cancel.emit();\n    }\n\n    public onModalVisibleChange(visible: boolean) {\n        if (!visible) this.onCancel();\n        this.visibleChange.emit(visible);\n    }\n}\n","<div [id]=\"id\">\n    @let roundedClass = rounded ? 's-image-cropper--rounded' : '';\n    <s-dialog\n        size=\"lg\"\n        [contentClassName]=\"'s-image-cropper ' + roundedClass\"\n        [header]=\"headerSection ? '' : header\"\n        [(visible)]=\"visible\"\n        (visibleChange)=\"onModalVisibleChange($event!)\"\n        [draggable]=\"false\"\n    >\n        @if (headerSection) {\n            <ng-template sTemplate=\"header\">\n                <ng-content select=\"s-header\"></ng-content>\n            </ng-template>\n        }\n        @if (!imageSource) {\n            <s-empty-state\n                [id]=\"id + '-empty-state'\"\n                [title]=\"emptyStateTitle\"\n                [iconClass]=\"emptyStateIconClass\"\n                [primaryActionLabel]=\"emptyStateActionLabel\"\n                (primaryAction)=\"onChangeImage()\"\n            >\n            </s-empty-state>\n        }\n        <div\n            [attr.data-hidden]=\"!imageSource\"\n            class=\"image-container\"\n        >\n            <img\n                [id]=\"id + '-cropper'\"\n                #image\n                [src]=\"imageSource || ''\"\n                alt=\"cropped image\"\n            />\n        </div>\n        <ng-template sTemplate=\"footer\">\n            @if (!footerSection) {\n                <div class=\"button-container\">\n                    @if (allowCancel) {\n                        <s-button\n                            [id]=\"id + '-cancel-button'\"\n                            type=\"button\"\n                            priority=\"link\"\n                            [label]=\"cancelLabel\"\n                            (clicked)=\"onCancel()\"\n                        >\n                        </s-button>\n                    }\n\n                    <div>\n                        @if (imageSource && allowRemove) {\n                            <s-button\n                                [id]=\"id + '-remove-button'\"\n                                type=\"button\"\n                                priority=\"secondary\"\n                                [label]=\"removeLabel\"\n                                (clicked)=\"onRemoveImage()\"\n                            >\n                            </s-button>\n                        }\n                        @if (imageSource && allowSelectAnother) {\n                            <s-button\n                                [id]=\"id + '-select-another-button'\"\n                                type=\"button\"\n                                priority=\"secondary\"\n                                [label]=\"selectAnotherLabel\"\n                                (clicked)=\"onChangeImage()\"\n                            >\n                            </s-button>\n                        }\n                        <s-button\n                            [id]=\"id + '-crop-button'\"\n                            type=\"button\"\n                            [label]=\"cropLabel\"\n                            (clicked)=\"onCropImage()\"\n                        >\n                        </s-button>\n                    </div>\n                </div>\n            }\n            @if (footerSection) {\n                <ng-content select=\"s-footer\"> </ng-content>\n            }\n        </ng-template>\n    </s-dialog>\n</div>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\n\nimport { ImageCropperComponent } from './image-cropper.component';\nimport { ButtonModule } from '@seniorsistemas/angular-components/button';\nimport { StructureModule } from '@seniorsistemas/angular-components/structure';\nimport { EmptyStateModule } from '@seniorsistemas/angular-components/empty-state';\nimport { DialogComponent } from '@seniorsistemas/angular-components/dialog';\nimport { TemplateDirective, TemplateModule } from '@seniorsistemas/angular-components/template';\n\n@NgModule({\n    imports: [CommonModule, ButtonModule, EmptyStateModule, StructureModule, DialogComponent, TemplateModule],\n    declarations: [ImageCropperComponent],\n    exports: [ImageCropperComponent, StructureModule],\n})\nexport class ImageCropperModule { }\n","import {\n    ApplicationRef,\n    ComponentFactoryResolver,\n    ComponentRef,\n    EmbeddedViewRef,\n    Injectable,\n    Injector,\n} from '@angular/core';\n\nimport { Subject } from 'rxjs';\nimport { delay, takeUntil } from 'rxjs/operators';\n\nimport { ImageCropperComponent } from './image-cropper.component';\nimport { isNullOrUndefined } from '@seniorsistemas/angular-components/utils';\nimport { toObservable } from '@angular/core/rxjs-interop';\n\n@Injectable()\nexport class ImageCropperService {\n    public activeCropper?: ActiveCropper;\n\n    constructor(\n        private readonly _componentFactoryResolver: ComponentFactoryResolver,\n        private readonly _appRef: ApplicationRef,\n        private readonly _injector: Injector,\n    ) { }\n\n    public show(config?: ImageCropperConfig): void {\n        if (this.activeCropper) this._destroy(this.activeCropper);\n\n        const activeCropper: ActiveCropper = {\n            componentRef: this._componentFactoryResolver\n                .resolveComponentFactory(ImageCropperComponent)\n                .create(this._injector),\n            ngUnsubscribe: new Subject<void>(),\n        };\n\n        this.activeCropper = activeCropper;\n\n        if (isNullOrUndefined(activeCropper.componentRef)) return;\n\n        this._appRef.attachView(activeCropper.componentRef.hostView);\n        const domElem = (activeCropper.componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;\n        document.body.appendChild(domElem);\n\n        this._configureInstance(activeCropper, config);\n        activeCropper.componentRef.instance.visible = true;\n\n        activeCropper.componentRef.instance.visibleChange\n            .pipe(takeUntil(this.activeCropper.ngUnsubscribe!), delay(1000))\n            .subscribe((visible) => {\n                if (!visible) this._destroy(activeCropper);\n            });\n    }\n\n    private _configureInstance(activeCropper: ActiveCropper, config?: ImageCropperConfig): void {\n        const instance: any = activeCropper.componentRef?.instance;\n\n        if (config) {\n            Object.keys(config).forEach((key) => {\n                const value = (config as any)[key];\n                if (typeof value !== 'function') instance[key] = value;\n                else if (typeof value === 'function') {\n                    instance[key]\n                        .pipe(takeUntil(activeCropper.ngUnsubscribe!))\n                        .subscribe((...param: any[]) => (config as any)[key](...param));\n                }\n            });\n        }\n\n        instance.visibleChange\n            .pipe(takeUntil(activeCropper.ngUnsubscribe!))\n            .subscribe((visible: any) => (instance.visible = visible));\n    }\n\n    private _destroy(activeCropper: ActiveCropper): void {\n        activeCropper.ngUnsubscribe!.next();\n        activeCropper.ngUnsubscribe!.complete();\n\n        if (isNullOrUndefined(activeCropper.componentRef)) return;\n\n        this._appRef.detachView(activeCropper.componentRef.hostView);\n        activeCropper.componentRef.destroy();\n    }\n}\n\nexport interface ActiveCropper {\n    componentRef?: ComponentRef<ImageCropperComponent>;\n    ngUnsubscribe?: Subject<void>;\n}\n\nexport interface ImageCropperConfig {\n    id?: any;\n    header?: string;\n    cropLabel?: string;\n    selectAnotherLabel?: string;\n    removeLabel?: string;\n    cancelLabel?: string;\n    emptyStateTitle?: string;\n    emptyStateActionLabel?: string;\n    emptyStateIconClass?: string;\n    aspectRatio?: number;\n    rounded?: boolean;\n    allowSelectAnother?: boolean;\n    allowRemove?: boolean;\n    allowCancel?: boolean;\n    imageSource?: string;\n\n    cancel?: () => any;\n    changeImage?: () => any;\n    removedImage?: () => any;\n    croppedImage?: (imageSource: string) => any;\n    croppedCanvas?: (imageSource: HTMLCanvasElement) => any;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;MAyBa,qBAAqB,CAAA;IAC9B,YAAY,GAAG,MAAM,CAAC,YAAY,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;AACjD,IAAA,OAAO,MAAM,GAAG,CAAC,CAAC;AAGlB,IAAA,EAAE,GAAG,CAAmB,gBAAA,EAAA,qBAAqB,CAAC,MAAM,EAAE,EAAE,CAAC;IAGzD,OAAO,GAAG,KAAK,CAAC;IAGhB,MAAM,GAAG,iBAAiB,CAAC;IAG3B,SAAS,GAAG,UAAU,CAAC;IAGvB,kBAAkB,GAAG,QAAQ,CAAC;IAG9B,WAAW,GAAG,SAAS,CAAC;IAGxB,WAAW,GAAG,UAAU,CAAC;IAGzB,eAAe,GAAG,sDAAsD,CAAC;IAGzE,qBAAqB,GAAG,iBAAiB,CAAC;IAG1C,mBAAmB,GAAG,iBAAiB,CAAC;IAGxC,WAAW,GAAG,GAAG,CAAC;IAGlB,OAAO,GAAG,KAAK,CAAC;IAGhB,kBAAkB,GAAG,IAAI,CAAC;IAG1B,WAAW,GAAG,IAAI,CAAC;IAGnB,WAAW,GAAG,IAAI,CAAC;AAGnB,IAAA,WAAW,CAAU;AAGrB,IAAA,aAAa,GAAG,IAAI,YAAY,EAAW,CAAC;AAG5C,IAAA,WAAW,GAAG,IAAI,YAAY,EAAE,CAAC;AAGjC,IAAA,YAAY,GAAG,IAAI,YAAY,EAAU,CAAC;AAG1C,IAAA,aAAa,GAAG,IAAI,YAAY,EAAqB,CAAC;AAGtD,IAAA,YAAY,GAAG,IAAI,YAAY,EAAE,CAAC;AAIlC,IAAA,MAAM,GAAG,IAAI,YAAY,EAAE,CAAC;IAG5B,KAAK,GAAwC,IAAI,CAAC;IAGlD,aAAa,GAA2B,IAAI,CAAC;IAG7C,aAAa,GAA2B,IAAI,CAAC;IAE7C,OAAO,GAAmB,IAAI,CAAC;IAE/B,QAAQ,GAAA;QACX,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,WAAW,EAAE,CAAC;KAC5C;AAEM,IAAA,WAAW,CAAC,OAAsB,EAAA;AACrC,QAAA,IAAI,OAAO,CAAC,aAAa,CAAC,IAAI,OAAO,CAAC,aAAa,CAAC,CAAC,YAAY,EAAE;YAC/D,IAAI,CAAC,WAAW,EAAE,CAAC;SACtB;KACJ;IAEO,WAAW,GAAA;AACf,QAAA,IAAI,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;YAC/B,OAAM;SACT;QAAA,CAAC;AACF,QAAA,IAAI,IAAI,CAAC,OAAO,EAAE;AACd,YAAA,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;SAC1B;QACD,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,GAAG,IAAI,CAAC,WAAqB,CAAC;QAC1D,IAAI,CAAC,OAAO,GAAG,IAAI,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;AACjD,YAAA,WAAW,EAAE,IAAI,CAAC,OAAO,GAAG,CAAC,GAAG,IAAI,CAAC,WAAW;AAChD,YAAA,MAAM,EAAE,KAAK;AACb,YAAA,QAAQ,EAAE,MAA0B;AACpC,YAAA,gBAAgB,EAAE,CAAC;AACnB,YAAA,eAAe,EAAE,CAAC;AAClB,YAAA,wBAAwB,EAAE,KAAK;AAClC,SAAA,CAAC,CAAC;KACN;AAEM,IAAA,gBAAgB,CAAC,YAA+B,EAAA;QACnD,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;QAChD,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;QAExC,IAAI,iBAAiB,CAAC,OAAO,CAAC;AAAE,YAAA,OAAO,IAAI,CAAC;AAE5C,QAAA,MAAM,KAAK,GAAG,YAAY,CAAC,KAAK,CAAC;AACjC,QAAA,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC;AAEnC,QAAA,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;AACrB,QAAA,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;AAEvB,QAAA,OAAO,CAAC,qBAAqB,GAAG,IAAI,CAAC;AACrC,QAAA,OAAO,CAAC,SAAS,CAAC,YAAY,EAAE,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC;AACrD,QAAA,OAAO,CAAC,wBAAwB,GAAG,gBAAgB,CAAC;QACpD,OAAO,CAAC,SAAS,EAAE,CAAC;AACpB,QAAA,OAAO,CAAC,GAAG,CAAC,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,GAAG,IAAI,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACtF,OAAO,CAAC,IAAI,EAAE,CAAC;AAEf,QAAA,OAAO,MAAM,CAAC;KACjB;IAEM,WAAW,GAAA;AACd,QAAA,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;AACnB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;AACzB,YAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;SAC7B;aAAM;YACH,MAAM,aAAa,GAAG,IAAI,CAAC,OAAO,EAAE,gBAAgB,EAAE,CAAC;YACvD,IAAI,aAAa,EAAE;AACf,gBAAA,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,gBAAgB,CAAC,aAAa,CAAC,GAAG,aAAa,CAAC;gBACnF,IAAI,MAAM,EAAE;AACR,oBAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;oBAChC,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC;iBAC9C;aACJ;SACJ;AACD,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAClC;IAEM,aAAa,GAAA;AAChB,QAAA,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,CAAC;KAC3B;IAEM,aAAa,GAAA;AAChB,QAAA,IAAI,CAAC,WAAW,GAAG,SAAS,CAAC;AAC7B,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;KAC5B;IAEM,QAAQ,GAAA;AACX,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;AAC/B,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;KACtB;AAEM,IAAA,oBAAoB,CAAC,OAAgB,EAAA;AACxC,QAAA,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;AAC9B,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;KACpC;wGAxKQ,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,qBAAqB,EA0EhB,QAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,EAAA,EAAA,EAAA,IAAA,EAAA,OAAA,EAAA,SAAA,EAAA,MAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,eAAA,EAAA,iBAAA,EAAA,qBAAA,EAAA,uBAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,OAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,oBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,WAAA,EAAA,aAAA,EAAA,YAAA,EAAA,cAAA,EAAA,aAAA,EAAA,eAAA,EAAA,YAAA,EAAA,cAAA,EAAA,MAAA,EAAA,QAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,eAAe,EAGf,WAAA,EAAA,IAAA,EAAA,MAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,eAAe,iMCtGjC,6xGAuFA,EAAA,MAAA,EAAA,CAAA,otKAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,SAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,OAAA,EAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,WAAA,EAAA,MAAA,EAAA,UAAA,EAAA,aAAA,EAAA,MAAA,EAAA,OAAA,EAAA,WAAA,EAAA,OAAA,EAAA,WAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,mBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,IAAA,EAAA,OAAA,EAAA,WAAA,EAAA,aAAA,EAAA,mBAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,sBAAA,EAAA,cAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,EAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,kBAAA,EAAA,aAAA,EAAA,qBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;4FD9Da,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBANjC,SAAS;+BACI,iBAAiB,EAAA,aAAA,EAGZ,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,6xGAAA,EAAA,MAAA,EAAA,CAAA,otKAAA,CAAA,EAAA,CAAA;8BAO9B,EAAE,EAAA,CAAA;sBADR,KAAK;gBAIC,OAAO,EAAA,CAAA;sBADb,KAAK;gBAIC,MAAM,EAAA,CAAA;sBADZ,KAAK;gBAIC,SAAS,EAAA,CAAA;sBADf,KAAK;gBAIC,kBAAkB,EAAA,CAAA;sBADxB,KAAK;gBAIC,WAAW,EAAA,CAAA;sBADjB,KAAK;gBAIC,WAAW,EAAA,CAAA;sBADjB,KAAK;gBAIC,eAAe,EAAA,CAAA;sBADrB,KAAK;gBAIC,qBAAqB,EAAA,CAAA;sBAD3B,KAAK;gBAIC,mBAAmB,EAAA,CAAA;sBADzB,KAAK;gBAIC,WAAW,EAAA,CAAA;sBADjB,KAAK;gBAIC,OAAO,EAAA,CAAA;sBADb,KAAK;gBAIC,kBAAkB,EAAA,CAAA;sBADxB,KAAK;gBAIC,WAAW,EAAA,CAAA;sBADjB,KAAK;gBAIC,WAAW,EAAA,CAAA;sBADjB,KAAK;gBAIC,WAAW,EAAA,CAAA;sBADjB,KAAK;gBAIC,aAAa,EAAA,CAAA;sBADnB,MAAM;gBAIA,WAAW,EAAA,CAAA;sBADjB,MAAM;gBAIA,YAAY,EAAA,CAAA;sBADlB,MAAM;gBAIA,aAAa,EAAA,CAAA;sBADnB,MAAM;gBAIA,YAAY,EAAA,CAAA;sBADlB,MAAM;gBAKA,MAAM,EAAA,CAAA;sBAFZ,MAAM;gBAKA,KAAK,EAAA,CAAA;sBADX,SAAS;AAAC,gBAAA,IAAA,EAAA,CAAA,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAI7B,aAAa,EAAA,CAAA;sBADnB,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;gBAIxC,aAAa,EAAA,CAAA;sBADnB,YAAY;AAAC,gBAAA,IAAA,EAAA,CAAA,eAAe,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,CAAA;;;MEtFtC,kBAAkB,CAAA;wGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,iBAHZ,qBAAqB,CAAA,EAAA,OAAA,EAAA,CAD1B,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,CAE9F,EAAA,OAAA,EAAA,CAAA,qBAAqB,EAAE,eAAe,CAAA,EAAA,CAAA,CAAA;AAEvC,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kBAAkB,EAJjB,OAAA,EAAA,CAAA,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,EAEvE,eAAe,CAAA,EAAA,CAAA,CAAA;;4FAEvC,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAL9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACN,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,EAAE,gBAAgB,EAAE,eAAe,EAAE,eAAe,EAAE,cAAc,CAAC;oBACzG,YAAY,EAAE,CAAC,qBAAqB,CAAC;AACrC,oBAAA,OAAO,EAAE,CAAC,qBAAqB,EAAE,eAAe,CAAC;AACpD,iBAAA,CAAA;;;MCEY,mBAAmB,CAAA;AAIP,IAAA,yBAAA,CAAA;AACA,IAAA,OAAA,CAAA;AACA,IAAA,SAAA,CAAA;AALd,IAAA,aAAa,CAAiB;AAErC,IAAA,WAAA,CACqB,yBAAmD,EACnD,OAAuB,EACvB,SAAmB,EAAA;QAFnB,IAAyB,CAAA,yBAAA,GAAzB,yBAAyB,CAA0B;QACnD,IAAO,CAAA,OAAA,GAAP,OAAO,CAAgB;QACvB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAU;KACnC;AAEE,IAAA,IAAI,CAAC,MAA2B,EAAA;QACnC,IAAI,IAAI,CAAC,aAAa;AAAE,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;AAE1D,QAAA,MAAM,aAAa,GAAkB;YACjC,YAAY,EAAE,IAAI,CAAC,yBAAyB;iBACvC,uBAAuB,CAAC,qBAAqB,CAAC;AAC9C,iBAAA,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC;YAC3B,aAAa,EAAE,IAAI,OAAO,EAAQ;SACrC,CAAC;AAEF,QAAA,IAAI,CAAC,aAAa,GAAG,aAAa,CAAC;AAEnC,QAAA,IAAI,iBAAiB,CAAC,aAAa,CAAC,YAAY,CAAC;YAAE,OAAO;QAE1D,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AAC7D,QAAA,MAAM,OAAO,GAAI,aAAa,CAAC,YAAY,CAAC,QAAiC,CAAC,SAAS,CAAC,CAAC,CAAgB,CAAC;AAC1G,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAEnC,QAAA,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,MAAM,CAAC,CAAC;QAC/C,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;AAEnD,QAAA,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,aAAa;AAC5C,aAAA,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,aAAc,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC;AAC/D,aAAA,SAAS,CAAC,CAAC,OAAO,KAAI;AACnB,YAAA,IAAI,CAAC,OAAO;AAAE,gBAAA,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC;AAC/C,SAAC,CAAC,CAAC;KACV;IAEO,kBAAkB,CAAC,aAA4B,EAAE,MAA2B,EAAA;AAChF,QAAA,MAAM,QAAQ,GAAQ,aAAa,CAAC,YAAY,EAAE,QAAQ,CAAC;QAE3D,IAAI,MAAM,EAAE;YACR,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAChC,gBAAA,MAAM,KAAK,GAAI,MAAc,CAAC,GAAG,CAAC,CAAC;gBACnC,IAAI,OAAO,KAAK,KAAK,UAAU;AAAE,oBAAA,QAAQ,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAClD,qBAAA,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE;oBAClC,QAAQ,CAAC,GAAG,CAAC;AACR,yBAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,aAAc,CAAC,CAAC;AAC7C,yBAAA,SAAS,CAAC,CAAC,GAAG,KAAY,KAAM,MAAc,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC;iBACvE;AACL,aAAC,CAAC,CAAC;SACN;AAED,QAAA,QAAQ,CAAC,aAAa;AACjB,aAAA,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,aAAc,CAAC,CAAC;AAC7C,aAAA,SAAS,CAAC,CAAC,OAAY,MAAM,QAAQ,CAAC,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC;KAClE;AAEO,IAAA,QAAQ,CAAC,aAA4B,EAAA;AACzC,QAAA,aAAa,CAAC,aAAc,CAAC,IAAI,EAAE,CAAC;AACpC,QAAA,aAAa,CAAC,aAAc,CAAC,QAAQ,EAAE,CAAC;AAExC,QAAA,IAAI,iBAAiB,CAAC,aAAa,CAAC,YAAY,CAAC;YAAE,OAAO;QAE1D,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,aAAa,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC;AAC7D,QAAA,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;KACxC;wGAjEQ,mBAAmB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,wBAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,cAAA,EAAA,EAAA,EAAA,KAAA,EAAA,EAAA,CAAA,QAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,UAAA,EAAA,CAAA,CAAA;4GAAnB,mBAAmB,EAAA,CAAA,CAAA;;4FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAD/B,UAAU;;;AChBX;;AAEG;;;;"}

package/fesm2022/seniorsistemas-angular-components-infinite-scroll.mjs

@@ -0,0 +1,50 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, Directive, Output, HostListener, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class InfiniteScrollDirective {
+    el;
+    scrolled = new EventEmitter();
+    constructor(el) {
+        this.el = el;
+    }
+    scroll() {
+        if (this.el.nativeElement.scrollTop > this.el.nativeElement.scrollHeight - this.el.nativeElement.offsetHeight - 2) {
+            this.scrolled.emit();
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfiniteScrollDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: InfiniteScrollDirective, selector: "[sInfiniteScroll]", outputs: { scrolled: "scrolled" }, host: { listeners: { "scroll": "scroll()" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfiniteScrollDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[sInfiniteScroll]',
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { scrolled: [{
+                type: Output
+            }], scroll: [{
+                type: HostListener,
+                args: ['scroll']
+            }] } });
+
+class InfiniteScrollModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfiniteScrollModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: InfiniteScrollModule, declarations: [InfiniteScrollDirective], imports: [CommonModule], exports: [InfiniteScrollDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfiniteScrollModule, imports: [CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfiniteScrollModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [InfiniteScrollDirective],
+                    imports: [CommonModule],
+                    exports: [InfiniteScrollDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InfiniteScrollDirective, InfiniteScrollModule };
+//# sourceMappingURL=seniorsistemas-angular-components-infinite-scroll.mjs.map

package/fesm2022/seniorsistemas-angular-components-infinite-scroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-infinite-scroll.mjs","sources":["../../projects/angular-components/infinite-scroll/src/lib/infinite-scroll/infinite-scroll.directive.ts","../../projects/angular-components/infinite-scroll/src/lib/infinite-scroll/infinite-scroll.module.ts","../../projects/angular-components/infinite-scroll/src/seniorsistemas-angular-components-infinite-scroll.ts"],"sourcesContent":["import { ElementRef, EventEmitter, Directive, HostListener, Output } from '@angular/core';\n\n@Directive({\n    selector: '[sInfiniteScroll]',\n})\nexport class InfiniteScrollDirective {\n    @Output()\n    public scrolled = new EventEmitter<number>();\n\n    constructor(private readonly el: ElementRef) {}\n\n    @HostListener('scroll')\n    public scroll() {\n        if (this.el.nativeElement.scrollTop > this.el.nativeElement.scrollHeight - this.el.nativeElement.offsetHeight - 2) {\n            this.scrolled.emit();\n        }\n    }\n}\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { InfiniteScrollDirective } from './infinite-scroll.directive';\n\n@NgModule({\n    declarations: [InfiniteScrollDirective],\n    imports: [CommonModule],\n    exports: [InfiniteScrollDirective],\n})\nexport class InfiniteScrollModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAKa,uBAAuB,CAAA;AAIH,IAAA,EAAA,CAAA;AAFtB,IAAA,QAAQ,GAAG,IAAI,YAAY,EAAU,CAAC;AAE7C,IAAA,WAAA,CAA6B,EAAc,EAAA;QAAd,IAAE,CAAA,EAAA,GAAF,EAAE,CAAY;KAAI;IAGxC,MAAM,GAAA;QACT,IAAI,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,SAAS,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,GAAG,CAAC,EAAE;AAC/G,YAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC;SACxB;KACJ;wGAXQ,uBAAuB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,UAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;4FAAvB,uBAAuB,EAAA,QAAA,EAAA,mBAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,QAAA,EAAA,UAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;4FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAHnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACP,oBAAA,QAAQ,EAAE,mBAAmB;AAChC,iBAAA,CAAA;+EAGU,QAAQ,EAAA,CAAA;sBADd,MAAM;gBAMA,MAAM,EAAA,CAAA;sBADZ,YAAY;uBAAC,QAAQ,CAAA;;;MCDb,oBAAoB,CAAA;wGAApB,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,EAJd,YAAA,EAAA,CAAA,uBAAuB,CAC5B,EAAA,OAAA,EAAA,CAAA,YAAY,aACZ,uBAAuB,CAAA,EAAA,CAAA,CAAA;AAExB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,oBAAoB,YAHnB,YAAY,CAAA,EAAA,CAAA,CAAA;;4FAGb,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBALhC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,uBAAuB,CAAC;oBACvC,OAAO,EAAE,CAAC,YAAY,CAAC;oBACvB,OAAO,EAAE,CAAC,uBAAuB,CAAC;AACrC,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}

package/fesm2022/seniorsistemas-angular-components-info-sign.mjs

@@ -0,0 +1,105 @@
+import * as i2 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Component, Directive, Input, NgModule } from '@angular/core';
+import * as i1 from '@seniorsistemas/angular-components/tooltip';
+import { TooltipModule } from '@seniorsistemas/angular-components/tooltip';
+
+class InfoSignComponent {
+    templateRef = null;
+    tooltip;
+    displayTime;
+    focusedInputRef = null;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfoSignComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: InfoSignComponent, selector: "s-info-sign-component", ngImport: i0, template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        [showDelay]=\"0\"\n        [tooltipEvent]=\"focusedInputRef ? 'focus' : 'hover'\"\n        [focusedInputRef]=\"focusedInputRef\">\n    </i>\n</span>\n", styles: [".info-sign{align-items:baseline;display:inline-flex;justify-content:flex-start}.info-sign .info-sign__icon{padding:0 12px}\n"], dependencies: [{ kind: "directive", type: i1.TooltipDirective, selector: "[sTooltip]", inputs: ["sTooltip", "tooltipPosition", "showDelay", "displayTime", "tooltipEvent", "escape", "visible", "mobileBehavior", "focusedInputRef", "checkTruncatedText"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfoSignComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-info-sign-component", template: "<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        [showDelay]=\"0\"\n        [tooltipEvent]=\"focusedInputRef ? 'focus' : 'hover'\"\n        [focusedInputRef]=\"focusedInputRef\">\n    </i>\n</span>\n", styles: [".info-sign{align-items:baseline;display:inline-flex;justify-content:flex-start}.info-sign .info-sign__icon{padding:0 12px}\n"] }]
+        }] });
+
+class InfoSignDirective {
+    templateRef;
+    viewContainer;
+    sInfoSign;
+    displayTime = 5000;
+    focusedInputRef = null;
+    useFocusedInputRef = true;
+    componentRef = null;
+    constructor(templateRef, viewContainer) {
+        this.templateRef = templateRef;
+        this.viewContainer = viewContainer;
+    }
+    ngOnChanges() {
+        this.createInfoSign();
+    }
+    ngOnInit() {
+        this.createInfoSign();
+    }
+    ngOnDestroy() {
+        if (this.componentRef) {
+            this.componentRef.destroy();
+        }
+    }
+    createInfoSign() {
+        if (!this.componentRef && this.sInfoSign) {
+            this.viewContainer.clear();
+            this.componentRef = this.viewContainer.createComponent(InfoSignComponent);
+            const _infoSignComponent = this.componentRef.instance;
+            _infoSignComponent.templateRef = this.templateRef;
+            _infoSignComponent.tooltip = this.sInfoSign;
+            _infoSignComponent.displayTime = this.displayTime;
+            if (this.useFocusedInputRef && this.focusedInputRef) {
+                _infoSignComponent.focusedInputRef = this.focusedInputRef;
+            }
+        }
+        else if (this.componentRef && this.sInfoSign) {
+            this.componentRef.instance.tooltip = this.sInfoSign;
+        }
+        else {
+            this.viewContainer.clear();
+            this.viewContainer.createEmbeddedView(this.templateRef);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfoSignDirective, deps: [{ token: i0.TemplateRef }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: InfoSignDirective, selector: "[sInfoSign]", inputs: { sInfoSign: "sInfoSign", displayTime: ["sInfoSignDisplayTime", "displayTime"], focusedInputRef: ["sInfoSignFocusedInputRef", "focusedInputRef"], useFocusedInputRef: ["sInfoSignUseFocusedInputRef", "useFocusedInputRef"] }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfoSignDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[sInfoSign]"
+                }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }, { type: i0.ViewContainerRef }], propDecorators: { sInfoSign: [{
+                type: Input,
+                args: [{ required: true }]
+            }], displayTime: [{
+                type: Input,
+                args: ['sInfoSignDisplayTime']
+            }], focusedInputRef: [{
+                type: Input,
+                args: ['sInfoSignFocusedInputRef']
+            }], useFocusedInputRef: [{
+                type: Input,
+                args: ['sInfoSignUseFocusedInputRef']
+            }] } });
+
+class InfoSignModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfoSignModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: InfoSignModule, declarations: [InfoSignDirective, InfoSignComponent], imports: [TooltipModule, CommonModule], exports: [InfoSignDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfoSignModule, imports: [TooltipModule, CommonModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: InfoSignModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [TooltipModule, CommonModule],
+                    declarations: [InfoSignDirective, InfoSignComponent],
+                    exports: [InfoSignDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { InfoSignDirective, InfoSignModule };
+//# sourceMappingURL=seniorsistemas-angular-components-info-sign.mjs.map

package/fesm2022/seniorsistemas-angular-components-info-sign.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"seniorsistemas-angular-components-info-sign.mjs","sources":["../../projects/angular-components/info-sign/src/lib/info-sign/components/info-sign/info-sign.component.ts","../../projects/angular-components/info-sign/src/lib/info-sign/components/info-sign/info-sign.component.html","../../projects/angular-components/info-sign/src/lib/info-sign/info-sign.directive.ts","../../projects/angular-components/info-sign/src/lib/info-sign/info-sign.module.ts","../../projects/angular-components/info-sign/src/seniorsistemas-angular-components-info-sign.ts"],"sourcesContent":["import { Component, TemplateRef } from \"@angular/core\";\n\n@Component({\n    selector: \"s-info-sign-component\",\n    templateUrl: \"./info-sign.component.html\",\n    styleUrls: [\"./info-sign.component.scss\"],\n})\nexport class InfoSignComponent {\n    public templateRef: TemplateRef<any> | null = null;\n    public tooltip?: string;\n    public displayTime?: number;\n    public focusedInputRef: HTMLInputElement | null = null;\n}\n","<span class=\"info-sign\">\n    <span *ngTemplateOutlet=\"templateRef\"></span>\n    <i\n        class=\"info-sign__icon fa fa-info-circle\"\n        aria-hidden=\"true\"\n        [sTooltip]=\"tooltip\"\n        [escape]=\"false\"\n        [displayTime]=\"displayTime\"\n        mobileBehavior=\"tap\"\n        [showDelay]=\"0\"\n        [tooltipEvent]=\"focusedInputRef ? 'focus' : 'hover'\"\n        [focusedInputRef]=\"focusedInputRef\">\n    </i>\n</span>\n","import {\n    ComponentRef,\n    Directive,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    TemplateRef,\n    ViewContainerRef\n} from \"@angular/core\";\n\nimport { InfoSignComponent } from \"./components/info-sign/info-sign.component\";\n\n@Directive({\n    selector: \"[sInfoSign]\"\n})\nexport class InfoSignDirective implements OnChanges, OnInit, OnDestroy {\n    @Input({ required: true })\n    public sInfoSign!: string;\n\n    @Input('sInfoSignDisplayTime')\n    public displayTime: number = 5000;\n\n    @Input('sInfoSignFocusedInputRef')\n    public focusedInputRef: HTMLInputElement | HTMLElement | undefined | null = null;\n\n    @Input('sInfoSignUseFocusedInputRef') public useFocusedInputRef = true;\n\n    private componentRef: ComponentRef<InfoSignComponent> | null = null;\n\n    constructor(\n        private readonly templateRef: TemplateRef<any>,\n        private readonly viewContainer: ViewContainerRef,\n    ) { }\n\n    public ngOnChanges(): void {\n        this.createInfoSign();\n    }\n\n    public ngOnInit(): void {\n        this.createInfoSign();\n    }\n\n    public ngOnDestroy(): void {\n        if (this.componentRef) {\n            this.componentRef.destroy();\n        }\n    }\n\n    private createInfoSign(): void {\n        if (!this.componentRef && this.sInfoSign) {\n            this.viewContainer.clear();\n            this.componentRef = this.viewContainer.createComponent(InfoSignComponent);\n            const _infoSignComponent = this.componentRef.instance as InfoSignComponent;\n            _infoSignComponent.templateRef = this.templateRef;\n            _infoSignComponent.tooltip = this.sInfoSign;\n            _infoSignComponent.displayTime = this.displayTime;\n            if (this.useFocusedInputRef && this.focusedInputRef) {\n                _infoSignComponent.focusedInputRef = this.focusedInputRef as HTMLInputElement;\n            }\n        } else if (this.componentRef && this.sInfoSign) {\n            this.componentRef.instance.tooltip = this.sInfoSign;\n        } else {\n            this.viewContainer.clear();\n            this.viewContainer.createEmbeddedView(this.templateRef);\n        }\n    }\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\n\nimport { InfoSignComponent } from './components/info-sign/info-sign.component';\nimport { InfoSignDirective } from './info-sign.directive';\nimport { TooltipModule } from '@seniorsistemas/angular-components/tooltip';\n\n@NgModule({\n    imports: [TooltipModule, CommonModule],\n    declarations: [InfoSignDirective, InfoSignComponent],\n    exports: [InfoSignDirective],\n})\nexport class InfoSignModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}