@seniorsistemas/angular-components 17.27.1-fix-interactive-content-22e06381 → 17.27.1-fixlookupteste-sds-110-61c171a4

package/esm2022/thumbnails/lib/thumbnails/components/thumbnail-item/components/thumbnail-item-video/thumbnail-item-video.component.mjs

@@ -0,0 +1,42 @@
+import { Component, Input, ViewChild, HostListener } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@ngx-translate/core";
+export class ThumbnailItemVideoComponent {
+    imageUrl;
+    videoUrl;
+    videoPlayer;
+    onMouseEnter() {
+        if (this.videoPlayer?.nativeElement) {
+            this.videoPlayer.nativeElement.play();
+        }
+    }
+    onMouseLeave() {
+        if (this.videoPlayer?.nativeElement) {
+            this.videoPlayer.nativeElement.pause();
+            this.videoPlayer.nativeElement.currentTime = 0;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailItemVideoComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ThumbnailItemVideoComponent, selector: "s-thumbnail-item-video", inputs: { imageUrl: "imageUrl", videoUrl: "videoUrl" }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "videoPlayer", first: true, predicate: ["videoPlayer"], descendants: true }], ngImport: i0, template: "<div class=\"thumbnail-item-video\" [ngClass]=\"{ 'thumbnail-item-video--playable': videoUrl }\">\n    <div\n        class=\"thumbnail-image\"\n        [ngStyle]=\"{'backgroundImage': 'url(' + imageUrl + ')'}\">\n    </div>\n    <div class=\"play-overlay\">\n        <i class=\"icon fas fa-play\"></i>\n        <span class=\"label\">{{ \"platform.angular_components.watch\" | translate }}</span>\n    </div>\n    <video\n        *ngIf=\"videoUrl\"\n        #videoPlayer\n        class=\"thumbnail-video-preview\"\n        [src]=\"videoUrl\"\n        [loop]=\"true\"\n        [muted]=\"true\"\n        preload=\"none\">\n    </video>\n</div>\n", styles: [".thumbnail-item-video{cursor:pointer;height:100px;overflow:hidden;position:relative;width:100px}.thumbnail-item-video .thumbnail-image{background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.thumbnail-item-video .thumbnail-video-preview{height:100%;left:0;width:100%;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out}.thumbnail-item-video:hover .thumbnail-video-preview{opacity:1}.thumbnail-item-video .play-overlay{align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;width:100%;z-index:10}.thumbnail-item-video .play-overlay .icon{color:#fff;font-size:24px}.thumbnail-item-video .play-overlay .label{overflow:hidden;padding:0 8px;text-overflow:ellipsis;width:100%}.thumbnail-item-video--playable:hover .play-overlay{opacity:0}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailItemVideoComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-thumbnail-item-video", template: "<div class=\"thumbnail-item-video\" [ngClass]=\"{ 'thumbnail-item-video--playable': videoUrl }\">\n    <div\n        class=\"thumbnail-image\"\n        [ngStyle]=\"{'backgroundImage': 'url(' + imageUrl + ')'}\">\n    </div>\n    <div class=\"play-overlay\">\n        <i class=\"icon fas fa-play\"></i>\n        <span class=\"label\">{{ \"platform.angular_components.watch\" | translate }}</span>\n    </div>\n    <video\n        *ngIf=\"videoUrl\"\n        #videoPlayer\n        class=\"thumbnail-video-preview\"\n        [src]=\"videoUrl\"\n        [loop]=\"true\"\n        [muted]=\"true\"\n        preload=\"none\">\n    </video>\n</div>\n", styles: [".thumbnail-item-video{cursor:pointer;height:100px;overflow:hidden;position:relative;width:100px}.thumbnail-item-video .thumbnail-image{background-repeat:no-repeat;background-size:cover;height:100%;width:100%}.thumbnail-item-video .thumbnail-video-preview{height:100%;left:0;width:100%;object-fit:cover;opacity:0;position:absolute;top:0;transition:opacity .3s ease-in-out}.thumbnail-item-video:hover .thumbnail-video-preview{opacity:1}.thumbnail-item-video .play-overlay{align-items:center;color:#fff;display:flex;flex-direction:column;gap:8px;justify-content:center;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;width:100%;z-index:10}.thumbnail-item-video .play-overlay .icon{color:#fff;font-size:24px}.thumbnail-item-video .play-overlay .label{overflow:hidden;padding:0 8px;text-overflow:ellipsis;width:100%}.thumbnail-item-video--playable:hover .play-overlay{opacity:0}\n"] }]
+        }], propDecorators: { imageUrl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], videoUrl: [{
+                type: Input,
+                args: [{ required: true }]
+            }], videoPlayer: [{
+                type: ViewChild,
+                args: ["videoPlayer"]
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ["mouseenter"]
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ["mouseleave"]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWl0ZW0tdmlkZW8uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3RodW1ibmFpbHMvc3JjL2xpYi90aHVtYm5haWxzL2NvbXBvbmVudHMvdGh1bWJuYWlsLWl0ZW0vY29tcG9uZW50cy90aHVtYm5haWwtaXRlbS12aWRlby90aHVtYm5haWwtaXRlbS12aWRlby5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvdGh1bWJuYWlscy9zcmMvbGliL3RodW1ibmFpbHMvY29tcG9uZW50cy90aHVtYm5haWwtaXRlbS9jb21wb25lbnRzL3RodW1ibmFpbC1pdGVtLXZpZGVvL3RodW1ibmFpbC1pdGVtLXZpZGVvLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFjLFNBQVMsRUFBRSxZQUFZLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFPdEYsTUFBTSxPQUFPLDJCQUEyQjtJQUU3QixRQUFRLENBQVU7SUFHbEIsUUFBUSxDQUFVO0lBRUMsV0FBVyxDQUFjO0lBRXZCLFlBQVk7UUFDcEMsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQzFDLENBQUM7SUFDTCxDQUFDO0lBRTJCLFlBQVk7UUFDcEMsSUFBSSxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsRUFBRSxDQUFDO1lBQ2xDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLEtBQUssRUFBRSxDQUFDO1lBQ3ZDLElBQUksQ0FBQyxXQUFXLENBQUMsYUFBYSxDQUFDLFdBQVcsR0FBRyxDQUFDLENBQUM7UUFDbkQsQ0FBQztJQUNMLENBQUM7d0dBcEJRLDJCQUEyQjs0RkFBM0IsMkJBQTJCLDJUQ1B4Qyxvb0JBbUJBOzs0RkRaYSwyQkFBMkI7a0JBTHZDLFNBQVM7K0JBQ0ksd0JBQXdCOzhCQU0zQixRQUFRO3NCQURkLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUlsQixRQUFRO3NCQURkLEtBQUs7dUJBQUMsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFO2dCQUdDLFdBQVc7c0JBQXBDLFNBQVM7dUJBQUMsYUFBYTtnQkFFSSxZQUFZO3NCQUF2QyxZQUFZO3VCQUFDLFlBQVk7Z0JBTUUsWUFBWTtzQkFBdkMsWUFBWTt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgRWxlbWVudFJlZiwgVmlld0NoaWxkLCBIb3N0TGlzdGVuZXIgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLXRodW1ibmFpbC1pdGVtLXZpZGVvXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi90aHVtYm5haWwtaXRlbS12aWRlby5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi90aHVtYm5haWwtaXRlbS12aWRlby5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgVGh1bWJuYWlsSXRlbVZpZGVvQ29tcG9uZW50IHtcbiAgICBASW5wdXQoeyByZXF1aXJlZDogdHJ1ZSB9KVxuICAgIHB1YmxpYyBpbWFnZVVybCE6IHN0cmluZztcblxuICAgIEBJbnB1dCh7IHJlcXVpcmVkOiB0cnVlIH0pXG4gICAgcHVibGljIHZpZGVvVXJsITogc3RyaW5nO1xuXG4gICAgQFZpZXdDaGlsZChcInZpZGVvUGxheWVyXCIpIHZpZGVvUGxheWVyITogRWxlbWVudFJlZjtcblxuICAgIEBIb3N0TGlzdGVuZXIoXCJtb3VzZWVudGVyXCIpIG9uTW91c2VFbnRlcigpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMudmlkZW9QbGF5ZXI/Lm5hdGl2ZUVsZW1lbnQpIHtcbiAgICAgICAgICAgIHRoaXMudmlkZW9QbGF5ZXIubmF0aXZlRWxlbWVudC5wbGF5KCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBASG9zdExpc3RlbmVyKFwibW91c2VsZWF2ZVwiKSBvbk1vdXNlTGVhdmUoKTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLnZpZGVvUGxheWVyPy5uYXRpdmVFbGVtZW50KSB7XG4gICAgICAgICAgICB0aGlzLnZpZGVvUGxheWVyLm5hdGl2ZUVsZW1lbnQucGF1c2UoKTtcbiAgICAgICAgICAgIHRoaXMudmlkZW9QbGF5ZXIubmF0aXZlRWxlbWVudC5jdXJyZW50VGltZSA9IDA7XG4gICAgICAgIH1cbiAgICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwidGh1bWJuYWlsLWl0ZW0tdmlkZW9cIiBbbmdDbGFzc109XCJ7ICd0aHVtYm5haWwtaXRlbS12aWRlby0tcGxheWFibGUnOiB2aWRlb1VybCB9XCI+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cInRodW1ibmFpbC1pbWFnZVwiXG4gICAgICAgIFtuZ1N0eWxlXT1cInsnYmFja2dyb3VuZEltYWdlJzogJ3VybCgnICsgaW1hZ2VVcmwgKyAnKSd9XCI+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cInBsYXktb3ZlcmxheVwiPlxuICAgICAgICA8aSBjbGFzcz1cImljb24gZmFzIGZhLXBsYXlcIj48L2k+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwibGFiZWxcIj57eyBcInBsYXRmb3JtLmFuZ3VsYXJfY29tcG9uZW50cy53YXRjaFwiIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxuICAgIDwvZGl2PlxuICAgIDx2aWRlb1xuICAgICAgICAqbmdJZj1cInZpZGVvVXJsXCJcbiAgICAgICAgI3ZpZGVvUGxheWVyXG4gICAgICAgIGNsYXNzPVwidGh1bWJuYWlsLXZpZGVvLXByZXZpZXdcIlxuICAgICAgICBbc3JjXT1cInZpZGVvVXJsXCJcbiAgICAgICAgW2xvb3BdPVwidHJ1ZVwiXG4gICAgICAgIFttdXRlZF09XCJ0cnVlXCJcbiAgICAgICAgcHJlbG9hZD1cIm5vbmVcIj5cbiAgICA8L3ZpZGVvPlxuPC9kaXY+XG4iXX0=

package/esm2022/thumbnails/lib/thumbnails/components/thumbnail-item/thumbnail-item.component.mjs

@@ -0,0 +1,64 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import { FormControl, FormGroup } from "@angular/forms";
+import { isNullOrUndefined } from "@seniorsistemas/angular-components/utils";
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/forms";
+import * as i3 from "@seniorsistemas/angular-components/checkbox-list";
+import * as i4 from "./components/thumbnail-item-video/thumbnail-item-video.component";
+import * as i5 from "./components/thumbnail-item-image/thumbnail-item-image.component";
+import * as i6 from "@ngx-translate/core";
+export class ThumbnailItemComponent {
+    itemData;
+    isCheckable = true;
+    isChecked = false;
+    combineCheckboxEvent = true;
+    checked = new EventEmitter();
+    opened = new EventEmitter();
+    checkboxFormGroup = new FormGroup({});
+    ngOnInit() {
+        this._validateItemData();
+        this._createFormGroup();
+    }
+    onClick() {
+        this.opened.emit(this.itemData);
+    }
+    checkboxClick(event) {
+        if (this.combineCheckboxEvent) {
+            return;
+        }
+        event.stopPropagation();
+    }
+    _createFormGroup() {
+        this.checkboxFormGroup = new FormGroup({
+            checkbox: new FormControl({ checked: this.isChecked }),
+        });
+        this.checkboxFormGroup.get("checkbox")?.valueChanges.subscribe((value) => {
+            this.checked.emit({ item: this.itemData, selected: value.checked });
+        });
+    }
+    _validateItemData() {
+        if (isNullOrUndefined(this.itemData)) {
+            throw new Error("itemData is required");
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ThumbnailItemComponent, selector: "s-thumbnail-item", inputs: { itemData: "itemData", isCheckable: "isCheckable", isChecked: "isChecked", combineCheckboxEvent: "combineCheckboxEvent" }, outputs: { checked: "checked", opened: "opened" }, ngImport: i0, template: "<button\n    *ngIf=\"itemData\"\n    class=\"thumbnail-item\"\n    (click)=\"onClick()\"\n>\n    <div class=\"thumbnail-item-content\">\n        <div class=\"content\">\n            <ng-container *ngIf=\"itemData.type === 'video'\">\n                <s-thumbnail-item-video\n                    [imageUrl]=\"itemData.imageUrl ? itemData.imageUrl : ''\"\n                    [videoUrl]=\"itemData.videoUrl ? itemData.videoUrl : ''\"\n                >\n                </s-thumbnail-item-video>\n            </ng-container>\n            <ng-container *ngIf=\"itemData.type === 'image'\">\n                <s-thumbnail-item-image\n                    [imageUrl]=\"itemData.imageUrl ? itemData.imageUrl : ''\"\n                ></s-thumbnail-item-image>\n            </ng-container>\n            <ng-container *ngIf=\"itemData.type === 'audio'\">\n                <i class=\"icon fas fa-volume-down\"></i>\n                <span class=\"label\">{{ 'platform.angular_components.listen' | translate }}</span>\n            </ng-container>\n            <ng-container *ngIf=\"itemData.type === 'file'\">\n                <i class=\"icon fas fa-file-alt\"></i>\n                <span class=\"label\">{{ 'platform.angular_components.view' | translate }}</span>\n            </ng-container>\n        </div>\n        <form\n            *ngIf=\"isCheckable\"\n            [formGroup]=\"checkboxFormGroup\"\n            class=\"checkbox\"\n        >\n            <s-checkbox-list\n                [data]=\"{ label: '' }\"\n                formControlName=\"checkbox\"\n                (click)=\"checkboxClick($event)\"\n            ></s-checkbox-list>\n        </form>\n    </div>\n    <span class=\"file-name-label\">{{ itemData.fileName }}</span>\n</button>\n", styles: [".thumbnail-item{align-items:center;background:transparent;border:none;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;overflow:hidden;width:100px}.thumbnail-item-content{align-items:center;background-image:linear-gradient(to top right,#5288b6,#00c89a);border-radius:8px;display:flex;flex-direction:column;height:100px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden}.thumbnail-item-content .checkbox{position:absolute;right:8px;top:8px}.thumbnail-item-content .content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:4px;overflow:hidden;width:100%}.thumbnail-item-content .content .icon{font-size:24px}.thumbnail-item-content .content .label{font-size:12px;width:100%;padding:0 8px;overflow:hidden;text-overflow:ellipsis}.thumbnail-item:hover{transform:scale(1.05);transition:all .2s ease-in-out}.thumbnail-item .file-name-label{color:#525966;font-family:Open Sans,sans-serif;font-size:12px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-wrap:nowrap;-webkit-user-select:none;user-select:none;width:100%}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3.CheckboxListComponent, selector: "s-checkbox-list", inputs: ["data"] }, { kind: "component", type: i4.ThumbnailItemVideoComponent, selector: "s-thumbnail-item-video", inputs: ["imageUrl", "videoUrl"] }, { kind: "component", type: i5.ThumbnailItemImageComponent, selector: "s-thumbnail-item-image", inputs: ["imageUrl"] }, { kind: "pipe", type: i6.TranslatePipe, name: "translate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailItemComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-thumbnail-item", template: "<button\n    *ngIf=\"itemData\"\n    class=\"thumbnail-item\"\n    (click)=\"onClick()\"\n>\n    <div class=\"thumbnail-item-content\">\n        <div class=\"content\">\n            <ng-container *ngIf=\"itemData.type === 'video'\">\n                <s-thumbnail-item-video\n                    [imageUrl]=\"itemData.imageUrl ? itemData.imageUrl : ''\"\n                    [videoUrl]=\"itemData.videoUrl ? itemData.videoUrl : ''\"\n                >\n                </s-thumbnail-item-video>\n            </ng-container>\n            <ng-container *ngIf=\"itemData.type === 'image'\">\n                <s-thumbnail-item-image\n                    [imageUrl]=\"itemData.imageUrl ? itemData.imageUrl : ''\"\n                ></s-thumbnail-item-image>\n            </ng-container>\n            <ng-container *ngIf=\"itemData.type === 'audio'\">\n                <i class=\"icon fas fa-volume-down\"></i>\n                <span class=\"label\">{{ 'platform.angular_components.listen' | translate }}</span>\n            </ng-container>\n            <ng-container *ngIf=\"itemData.type === 'file'\">\n                <i class=\"icon fas fa-file-alt\"></i>\n                <span class=\"label\">{{ 'platform.angular_components.view' | translate }}</span>\n            </ng-container>\n        </div>\n        <form\n            *ngIf=\"isCheckable\"\n            [formGroup]=\"checkboxFormGroup\"\n            class=\"checkbox\"\n        >\n            <s-checkbox-list\n                [data]=\"{ label: '' }\"\n                formControlName=\"checkbox\"\n                (click)=\"checkboxClick($event)\"\n            ></s-checkbox-list>\n        </form>\n    </div>\n    <span class=\"file-name-label\">{{ itemData.fileName }}</span>\n</button>\n", styles: [".thumbnail-item{align-items:center;background:transparent;border:none;cursor:pointer;display:inline-flex;flex-direction:column;justify-content:center;overflow:hidden;width:100px}.thumbnail-item-content{align-items:center;background-image:linear-gradient(to top right,#5288b6,#00c89a);border-radius:8px;display:flex;flex-direction:column;height:100px;justify-content:center;position:relative;-webkit-user-select:none;user-select:none;width:100%;overflow:hidden}.thumbnail-item-content .checkbox{position:absolute;right:8px;top:8px}.thumbnail-item-content .content{align-items:center;color:#fff;display:flex;flex-direction:column;gap:4px;overflow:hidden;width:100%}.thumbnail-item-content .content .icon{font-size:24px}.thumbnail-item-content .content .label{font-size:12px;width:100%;padding:0 8px;overflow:hidden;text-overflow:ellipsis}.thumbnail-item:hover{transform:scale(1.05);transition:all .2s ease-in-out}.thumbnail-item .file-name-label{color:#525966;font-family:Open Sans,sans-serif;font-size:12px;overflow:hidden;text-align:center;text-overflow:ellipsis;text-wrap:nowrap;-webkit-user-select:none;user-select:none;width:100%}\n"] }]
+        }], propDecorators: { itemData: [{
+                type: Input
+            }], isCheckable: [{
+                type: Input
+            }], isChecked: [{
+                type: Input
+            }], combineCheckboxEvent: [{
+                type: Input
+            }], checked: [{
+                type: Output
+            }], opened: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlsLWl0ZW0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3RodW1ibmFpbHMvc3JjL2xpYi90aHVtYm5haWxzL2NvbXBvbmVudHMvdGh1bWJuYWlsLWl0ZW0vdGh1bWJuYWlsLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3RodW1ibmFpbHMvc3JjL2xpYi90aHVtYm5haWxzL2NvbXBvbmVudHMvdGh1bWJuYWlsLWl0ZW0vdGh1bWJuYWlsLWl0ZW0uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvRSxPQUFPLEVBQUUsV0FBVyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBSXhELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7Ozs7OztBQU83RSxNQUFNLE9BQU8sc0JBQXNCO0lBRXhCLFFBQVEsQ0FBa0I7SUFHMUIsV0FBVyxHQUFHLElBQUksQ0FBQztJQUduQixTQUFTLEdBQUcsS0FBSyxDQUFDO0lBRWhCLG9CQUFvQixHQUFHLElBQUksQ0FBQztJQUc5QixPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQStDLENBQUM7SUFHMUUsTUFBTSxHQUFHLElBQUksWUFBWSxFQUFrQixDQUFDO0lBRTVDLGlCQUFpQixHQUFjLElBQUksU0FBUyxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBRWpELFFBQVE7UUFDWCxJQUFJLENBQUMsaUJBQWlCLEVBQUUsQ0FBQztRQUN6QixJQUFJLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU0sT0FBTztRQUNWLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNwQyxDQUFDO0lBRU0sYUFBYSxDQUFDLEtBQVk7UUFDN0IsSUFBSSxJQUFJLENBQUMsb0JBQW9CLEVBQUUsQ0FBQztZQUM1QixPQUFPO1FBQ1gsQ0FBQztRQUVELEtBQUssQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUM1QixDQUFDO0lBRU8sZ0JBQWdCO1FBQ3BCLElBQUksQ0FBQyxpQkFBaUIsR0FBRyxJQUFJLFNBQVMsQ0FBQztZQUNuQyxRQUFRLEVBQUUsSUFBSSxXQUFXLENBQUMsRUFBRSxPQUFPLEVBQUUsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1NBQ3pELENBQUMsQ0FBQztRQUVILElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxHQUFHLENBQUMsVUFBVSxDQUFDLEVBQUUsWUFBWSxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQXdCLEVBQUUsRUFBRTtZQUN4RixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsRUFBRSxLQUFLLENBQUMsT0FBTyxFQUFFLENBQUMsQ0FBQztRQUN4RSxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTyxpQkFBaUI7UUFDckIsSUFBSSxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBQztZQUNuQyxNQUFNLElBQUksS0FBSyxDQUFDLHNCQUFzQixDQUFDLENBQUM7UUFDNUMsQ0FBQztJQUNMLENBQUM7d0dBbkRRLHNCQUFzQjs0RkFBdEIsc0JBQXNCLCtPQ1puQyxxdERBMENBOzs0RkQ5QmEsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNJLGtCQUFrQjs4QkFNckIsUUFBUTtzQkFEZCxLQUFLO2dCQUlDLFdBQVc7c0JBRGpCLEtBQUs7Z0JBSUMsU0FBUztzQkFEZixLQUFLO2dCQUdHLG9CQUFvQjtzQkFBNUIsS0FBSztnQkFHQyxPQUFPO3NCQURiLE1BQU07Z0JBSUEsTUFBTTtzQkFEWixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBGb3JtQ29udHJvbCwgRm9ybUdyb3VwIH0gZnJvbSBcIkBhbmd1bGFyL2Zvcm1zXCI7XG5cbmltcG9ydCB7IFRodW1ibmFpbHNJdGVtIH0gZnJvbSBcIi4uLy4uL21vZGVscy90aHVtYm5haWxzLWl0ZW1cIjtcbmltcG9ydCB7IENoZWNrYm94TGlzdFN0YXRlIH0gZnJvbSBcIkBzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvY2hlY2tib3gtbGlzdFwiO1xuaW1wb3J0IHsgaXNOdWxsT3JVbmRlZmluZWQgfSBmcm9tIFwiQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy91dGlsc1wiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLXRodW1ibmFpbC1pdGVtXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi90aHVtYm5haWwtaXRlbS5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi90aHVtYm5haWwtaXRlbS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgVGh1bWJuYWlsSXRlbUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaXRlbURhdGEhOiBUaHVtYm5haWxzSXRlbTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGlzQ2hlY2thYmxlID0gdHJ1ZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGlzQ2hlY2tlZCA9IGZhbHNlO1xuXG4gICAgQElucHV0KCkgY29tYmluZUNoZWNrYm94RXZlbnQgPSB0cnVlO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIGNoZWNrZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHsgaXRlbTogVGh1bWJuYWlsc0l0ZW0sIHNlbGVjdGVkOiBib29sZWFuIH0+KCk7XG5cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgb3BlbmVkID0gbmV3IEV2ZW50RW1pdHRlcjxUaHVtYm5haWxzSXRlbT4oKTtcblxuICAgIHB1YmxpYyBjaGVja2JveEZvcm1Hcm91cDogRm9ybUdyb3VwID0gbmV3IEZvcm1Hcm91cCh7fSk7XG5cbiAgICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX3ZhbGlkYXRlSXRlbURhdGEoKTtcbiAgICAgICAgdGhpcy5fY3JlYXRlRm9ybUdyb3VwKCk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uQ2xpY2soKSB7XG4gICAgICAgIHRoaXMub3BlbmVkLmVtaXQodGhpcy5pdGVtRGF0YSk7XG4gICAgfVxuXG4gICAgcHVibGljIGNoZWNrYm94Q2xpY2soZXZlbnQ6IEV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmNvbWJpbmVDaGVja2JveEV2ZW50KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBldmVudC5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF9jcmVhdGVGb3JtR3JvdXAoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuY2hlY2tib3hGb3JtR3JvdXAgPSBuZXcgRm9ybUdyb3VwKHtcbiAgICAgICAgICAgIGNoZWNrYm94OiBuZXcgRm9ybUNvbnRyb2woeyBjaGVja2VkOiB0aGlzLmlzQ2hlY2tlZCB9KSxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgdGhpcy5jaGVja2JveEZvcm1Hcm91cC5nZXQoXCJjaGVja2JveFwiKT8udmFsdWVDaGFuZ2VzLnN1YnNjcmliZSgodmFsdWU6IENoZWNrYm94TGlzdFN0YXRlKSA9PiB7XG4gICAgICAgICAgICB0aGlzLmNoZWNrZWQuZW1pdCh7IGl0ZW06IHRoaXMuaXRlbURhdGEsIHNlbGVjdGVkOiB2YWx1ZS5jaGVja2VkIH0pO1xuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwcml2YXRlIF92YWxpZGF0ZUl0ZW1EYXRhKCk6IHZvaWQge1xuICAgICAgICBpZiAoaXNOdWxsT3JVbmRlZmluZWQodGhpcy5pdGVtRGF0YSkpIHtcbiAgICAgICAgICAgIHRocm93IG5ldyBFcnJvcihcIml0ZW1EYXRhIGlzIHJlcXVpcmVkXCIpO1xuICAgICAgICB9XG4gICAgfVxufVxuIiwiPGJ1dHRvblxuICAgICpuZ0lmPVwiaXRlbURhdGFcIlxuICAgIGNsYXNzPVwidGh1bWJuYWlsLWl0ZW1cIlxuICAgIChjbGljayk9XCJvbkNsaWNrKClcIlxuPlxuICAgIDxkaXYgY2xhc3M9XCJ0aHVtYm5haWwtaXRlbS1jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJjb250ZW50XCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbURhdGEudHlwZSA9PT0gJ3ZpZGVvJ1wiPlxuICAgICAgICAgICAgICAgIDxzLXRodW1ibmFpbC1pdGVtLXZpZGVvXG4gICAgICAgICAgICAgICAgICAgIFtpbWFnZVVybF09XCJpdGVtRGF0YS5pbWFnZVVybCA/IGl0ZW1EYXRhLmltYWdlVXJsIDogJydcIlxuICAgICAgICAgICAgICAgICAgICBbdmlkZW9VcmxdPVwiaXRlbURhdGEudmlkZW9VcmwgPyBpdGVtRGF0YS52aWRlb1VybCA6ICcnXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPC9zLXRodW1ibmFpbC1pdGVtLXZpZGVvPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbURhdGEudHlwZSA9PT0gJ2ltYWdlJ1wiPlxuICAgICAgICAgICAgICAgIDxzLXRodW1ibmFpbC1pdGVtLWltYWdlXG4gICAgICAgICAgICAgICAgICAgIFtpbWFnZVVybF09XCJpdGVtRGF0YS5pbWFnZVVybCA/IGl0ZW1EYXRhLmltYWdlVXJsIDogJydcIlxuICAgICAgICAgICAgICAgID48L3MtdGh1bWJuYWlsLWl0ZW0taW1hZ2U+XG4gICAgICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpdGVtRGF0YS50eXBlID09PSAnYXVkaW8nXCI+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uIGZhcyBmYS12b2x1bWUtZG93blwiPjwvaT5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImxhYmVsXCI+e3sgJ3BsYXRmb3JtLmFuZ3VsYXJfY29tcG9uZW50cy5saXN0ZW4nIHwgdHJhbnNsYXRlIH19PC9zcGFuPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaXRlbURhdGEudHlwZSA9PT0gJ2ZpbGUnXCI+XG4gICAgICAgICAgICAgICAgPGkgY2xhc3M9XCJpY29uIGZhcyBmYS1maWxlLWFsdFwiPjwvaT5cbiAgICAgICAgICAgICAgICA8c3BhbiBjbGFzcz1cImxhYmVsXCI+e3sgJ3BsYXRmb3JtLmFuZ3VsYXJfY29tcG9uZW50cy52aWV3JyB8IHRyYW5zbGF0ZSB9fTwvc3Bhbj5cbiAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGZvcm1cbiAgICAgICAgICAgICpuZ0lmPVwiaXNDaGVja2FibGVcIlxuICAgICAgICAgICAgW2Zvcm1Hcm91cF09XCJjaGVja2JveEZvcm1Hcm91cFwiXG4gICAgICAgICAgICBjbGFzcz1cImNoZWNrYm94XCJcbiAgICAgICAgPlxuICAgICAgICAgICAgPHMtY2hlY2tib3gtbGlzdFxuICAgICAgICAgICAgICAgIFtkYXRhXT1cInsgbGFiZWw6ICcnIH1cIlxuICAgICAgICAgICAgICAgIGZvcm1Db250cm9sTmFtZT1cImNoZWNrYm94XCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2hlY2tib3hDbGljaygkZXZlbnQpXCJcbiAgICAgICAgICAgID48L3MtY2hlY2tib3gtbGlzdD5cbiAgICAgICAgPC9mb3JtPlxuICAgIDwvZGl2PlxuICAgIDxzcGFuIGNsYXNzPVwiZmlsZS1uYW1lLWxhYmVsXCI+e3sgaXRlbURhdGEuZmlsZU5hbWUgfX08L3NwYW4+XG48L2J1dHRvbj5cbiJdfQ==

package/esm2022/thumbnails/lib/thumbnails/models/thumbnails-item.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlscy1pdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3RodW1ibmFpbHMvc3JjL2xpYi90aHVtYm5haWxzL21vZGVscy90aHVtYm5haWxzLWl0ZW0udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCB0eXBlIEJhc2VUaHVtYm5haWxzSXRlbSA9IHtcbiAgICBpZDogc3RyaW5nO1xuICAgIGZpbGVOYW1lOiBzdHJpbmc7XG59O1xuXG5leHBvcnQgdHlwZSBWaWRlb1RodW1ibmFpbHNJdGVtID0gQmFzZVRodW1ibmFpbHNJdGVtICYge1xuICAgIHR5cGU6IFwidmlkZW9cIjtcbiAgICBpbWFnZVVybD86IHN0cmluZztcbiAgICB2aWRlb1VybD86IHN0cmluZztcbn07XG5cbmV4cG9ydCB0eXBlIEltYWdlVGh1bWJuYWlsc0l0ZW0gPSBCYXNlVGh1bWJuYWlsc0l0ZW0gJiB7XG4gICAgdHlwZTogXCJpbWFnZVwiO1xuICAgIGltYWdlVXJsPzogc3RyaW5nO1xufTtcblxuZXhwb3J0IHR5cGUgQXVkaW9UaHVtYm5haWxzSXRlbSA9IEJhc2VUaHVtYm5haWxzSXRlbSAmIHtcbiAgICB0eXBlOiBcImF1ZGlvXCI7XG59O1xuXG5leHBvcnQgdHlwZSBGaWxlVGh1bWJuYWlsc0l0ZW0gPSBCYXNlVGh1bWJuYWlsc0l0ZW0gJiB7XG4gICAgdHlwZTogXCJmaWxlXCI7XG59O1xuXG5leHBvcnQgdHlwZSBUaHVtYm5haWxzSXRlbSA9IFZpZGVvVGh1bWJuYWlsc0l0ZW0gfCBJbWFnZVRodW1ibmFpbHNJdGVtIHwgQXVkaW9UaHVtYm5haWxzSXRlbSB8IEZpbGVUaHVtYm5haWxzSXRlbTtcbiJdfQ==

package/esm2022/thumbnails/lib/thumbnails/thumbnails.component.mjs

@@ -0,0 +1,48 @@
+import { Component, EventEmitter, Input, Output } from "@angular/core";
+import * as i0 from "@angular/core";
+import * as i1 from "./components/thumbnail-item/thumbnail-item.component";
+export class ThumbnailsComponent {
+    items = [];
+    selectable = true;
+    combineCheckboxEvent = true;
+    set selection(items) {
+        this._selection = [...items];
+    }
+    selectionChange = new EventEmitter();
+    itemOpened = new EventEmitter();
+    _selection = [];
+    onItemOpened(item) {
+        this.itemOpened.emit(item);
+    }
+    onItemSelected(items) {
+        if (items.selected) {
+            this._selection.push(items.item);
+        }
+        else {
+            this._selection.splice(this._selection.findIndex((item) => item === items.item), 1);
+        }
+        this.selectionChange.emit(this._selection);
+    }
+    isSelected(item) {
+        return this._selection.some((i) => i.id === item.id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.14", type: ThumbnailsComponent, selector: "s-thumbnails", inputs: { items: "items", selectable: "selectable", combineCheckboxEvent: "combineCheckboxEvent", selection: "selection" }, outputs: { selectionChange: "selectionChange", itemOpened: "itemOpened" }, ngImport: i0, template: "<div class=\"thumbnails\">\n    @for(item of items; track $index) {\n        <s-thumbnail-item\n            [combineCheckboxEvent]=\"combineCheckboxEvent\"\n            [itemData]=\"item\"\n            [isCheckable]=\"selectable\"\n            [isChecked]=\"isSelected(item)\"\n            (checked)=\"onItemSelected($event)\"\n            (opened)=\"onItemOpened($event)\">\n        </s-thumbnail-item>\n    }\n</div>\n", styles: [".thumbnails{display:flex;flex-wrap:wrap;gap:12px}\n"], dependencies: [{ kind: "component", type: i1.ThumbnailItemComponent, selector: "s-thumbnail-item", inputs: ["itemData", "isCheckable", "isChecked", "combineCheckboxEvent"], outputs: ["checked", "opened"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "s-thumbnails", template: "<div class=\"thumbnails\">\n    @for(item of items; track $index) {\n        <s-thumbnail-item\n            [combineCheckboxEvent]=\"combineCheckboxEvent\"\n            [itemData]=\"item\"\n            [isCheckable]=\"selectable\"\n            [isChecked]=\"isSelected(item)\"\n            (checked)=\"onItemSelected($event)\"\n            (opened)=\"onItemOpened($event)\">\n        </s-thumbnail-item>\n    }\n</div>\n", styles: [".thumbnails{display:flex;flex-wrap:wrap;gap:12px}\n"] }]
+        }], propDecorators: { items: [{
+                type: Input
+            }], selectable: [{
+                type: Input
+            }], combineCheckboxEvent: [{
+                type: Input
+            }], selection: [{
+                type: Input
+            }], selectionChange: [{
+                type: Output
+            }], itemOpened: [{
+                type: Output
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlscy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvdGh1bWJuYWlscy9zcmMvbGliL3RodW1ibmFpbHMvdGh1bWJuYWlscy5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvdGh1bWJuYWlscy9zcmMvbGliL3RodW1ibmFpbHMvdGh1bWJuYWlscy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFTdkUsTUFBTSxPQUFPLG1CQUFtQjtJQUVyQixLQUFLLEdBQXFCLEVBQUUsQ0FBQztJQUc3QixVQUFVLEdBQUcsSUFBSSxDQUFDO0lBRWhCLG9CQUFvQixHQUFHLElBQUksQ0FBQztJQUVyQyxJQUNXLFNBQVMsQ0FBQyxLQUF1QjtRQUN4QyxJQUFJLENBQUMsVUFBVSxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0lBR00sZUFBZSxHQUFHLElBQUksWUFBWSxFQUFvQixDQUFDO0lBR3ZELFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBa0IsQ0FBQztJQUUvQyxVQUFVLEdBQXFCLEVBQUUsQ0FBQztJQUVuQyxZQUFZLENBQUMsSUFBb0I7UUFDcEMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDL0IsQ0FBQztJQUVNLGNBQWMsQ0FBQyxLQUFrRDtRQUNwRSxJQUFJLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUNqQixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUM7UUFDckMsQ0FBQzthQUFNLENBQUM7WUFDSixJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FDbEIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksS0FBSyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQ3hELENBQUMsQ0FDSixDQUFDO1FBQ04sQ0FBQztRQUVELElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMvQyxDQUFDO0lBRU0sVUFBVSxDQUFDLElBQW9CO1FBQ2xDLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFpQixFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxLQUFLLElBQUksQ0FBQyxFQUFFLENBQUMsQ0FBQztJQUN6RSxDQUFDO3dHQXpDUSxtQkFBbUI7NEZBQW5CLG1CQUFtQiwyUENUaEMsc2FBWUE7OzRGREhhLG1CQUFtQjtrQkFML0IsU0FBUzsrQkFDSSxjQUFjOzhCQU1qQixLQUFLO3NCQURYLEtBQUs7Z0JBSUMsVUFBVTtzQkFEaEIsS0FBSztnQkFHRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBR0ssU0FBUztzQkFEbkIsS0FBSztnQkFNQyxlQUFlO3NCQURyQixNQUFNO2dCQUlBLFVBQVU7c0JBRGhCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IFRodW1ibmFpbHNJdGVtIH0gZnJvbSBcIi4vbW9kZWxzL3RodW1ibmFpbHMtaXRlbVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLXRodW1ibmFpbHNcIixcbiAgICB0ZW1wbGF0ZVVybDogXCIuL3RodW1ibmFpbHMuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vdGh1bWJuYWlscy5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgVGh1bWJuYWlsc0NvbXBvbmVudCB7XG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaXRlbXM6IFRodW1ibmFpbHNJdGVtW10gPSBbXTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIHNlbGVjdGFibGUgPSB0cnVlO1xuXG4gICAgQElucHV0KCkgY29tYmluZUNoZWNrYm94RXZlbnQgPSB0cnVlO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2V0IHNlbGVjdGlvbihpdGVtczogVGh1bWJuYWlsc0l0ZW1bXSkge1xuICAgICAgICB0aGlzLl9zZWxlY3Rpb24gPSBbLi4uaXRlbXNdO1xuICAgIH1cblxuICAgIEBPdXRwdXQoKVxuICAgIHB1YmxpYyBzZWxlY3Rpb25DaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPFRodW1ibmFpbHNJdGVtW10+KCk7XG5cbiAgICBAT3V0cHV0KClcbiAgICBwdWJsaWMgaXRlbU9wZW5lZCA9IG5ldyBFdmVudEVtaXR0ZXI8VGh1bWJuYWlsc0l0ZW0+KCk7XG5cbiAgICBwcml2YXRlIF9zZWxlY3Rpb246IFRodW1ibmFpbHNJdGVtW10gPSBbXTtcblxuICAgIHB1YmxpYyBvbkl0ZW1PcGVuZWQoaXRlbTogVGh1bWJuYWlsc0l0ZW0pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5pdGVtT3BlbmVkLmVtaXQoaXRlbSk7XG4gICAgfVxuXG4gICAgcHVibGljIG9uSXRlbVNlbGVjdGVkKGl0ZW1zOiB7IGl0ZW06IFRodW1ibmFpbHNJdGVtLCBzZWxlY3RlZDogYm9vbGVhbiB9KTogdm9pZCB7XG4gICAgICAgIGlmIChpdGVtcy5zZWxlY3RlZCkge1xuICAgICAgICAgICAgdGhpcy5fc2VsZWN0aW9uLnB1c2goaXRlbXMuaXRlbSk7XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICB0aGlzLl9zZWxlY3Rpb24uc3BsaWNlKFxuICAgICAgICAgICAgICAgIHRoaXMuX3NlbGVjdGlvbi5maW5kSW5kZXgoKGl0ZW0pID0+IGl0ZW0gPT09IGl0ZW1zLml0ZW0pLFxuICAgICAgICAgICAgICAgIDFcbiAgICAgICAgICAgICk7XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLnNlbGVjdGlvbkNoYW5nZS5lbWl0KHRoaXMuX3NlbGVjdGlvbik7XG4gICAgfVxuXG4gICAgcHVibGljIGlzU2VsZWN0ZWQoaXRlbTogVGh1bWJuYWlsc0l0ZW0pIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX3NlbGVjdGlvbi5zb21lKChpOiBUaHVtYm5haWxzSXRlbSkgPT4gaS5pZCA9PT0gaXRlbS5pZCk7XG4gICAgfVxufVxuIiwiPGRpdiBjbGFzcz1cInRodW1ibmFpbHNcIj5cbiAgICBAZm9yKGl0ZW0gb2YgaXRlbXM7IHRyYWNrICRpbmRleCkge1xuICAgICAgICA8cy10aHVtYm5haWwtaXRlbVxuICAgICAgICAgICAgW2NvbWJpbmVDaGVja2JveEV2ZW50XT1cImNvbWJpbmVDaGVja2JveEV2ZW50XCJcbiAgICAgICAgICAgIFtpdGVtRGF0YV09XCJpdGVtXCJcbiAgICAgICAgICAgIFtpc0NoZWNrYWJsZV09XCJzZWxlY3RhYmxlXCJcbiAgICAgICAgICAgIFtpc0NoZWNrZWRdPVwiaXNTZWxlY3RlZChpdGVtKVwiXG4gICAgICAgICAgICAoY2hlY2tlZCk9XCJvbkl0ZW1TZWxlY3RlZCgkZXZlbnQpXCJcbiAgICAgICAgICAgIChvcGVuZWQpPVwib25JdGVtT3BlbmVkKCRldmVudClcIj5cbiAgICAgICAgPC9zLXRodW1ibmFpbC1pdGVtPlxuICAgIH1cbjwvZGl2PlxuIl19

package/esm2022/thumbnails/lib/thumbnails/thumbnails.module.mjs

@@ -0,0 +1,24 @@
+import { CommonModule } from "@angular/common";
+import { NgModule } from "@angular/core";
+import { ReactiveFormsModule } from "@angular/forms";
+import { TranslateModule } from "@ngx-translate/core";
+import { CheckboxListModule } from "@seniorsistemas/angular-components/checkbox-list";
+import { ThumbnailItemImageComponent } from "./components/thumbnail-item/components/thumbnail-item-image/thumbnail-item-image.component";
+import { ThumbnailItemVideoComponent } from "./components/thumbnail-item/components/thumbnail-item-video/thumbnail-item-video.component";
+import { ThumbnailItemComponent } from "./components/thumbnail-item/thumbnail-item.component";
+import { ThumbnailsComponent } from "./thumbnails.component";
+import * as i0 from "@angular/core";
+export class ThumbnailsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailsModule, declarations: [ThumbnailsComponent, ThumbnailItemComponent, ThumbnailItemVideoComponent, ThumbnailItemImageComponent], imports: [CommonModule, ReactiveFormsModule, TranslateModule, CheckboxListModule], exports: [ThumbnailsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailsModule, imports: [CommonModule, ReactiveFormsModule, TranslateModule, CheckboxListModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ThumbnailsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, ReactiveFormsModule, TranslateModule, CheckboxListModule],
+                    declarations: [ThumbnailsComponent, ThumbnailItemComponent, ThumbnailItemVideoComponent, ThumbnailItemImageComponent],
+                    exports: [ThumbnailsComponent],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGh1bWJuYWlscy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvdGh1bWJuYWlscy9zcmMvbGliL3RodW1ibmFpbHMvdGh1bWJuYWlscy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXRELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtEQUFrRCxDQUFDO0FBQ3RGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDRGQUE0RixDQUFDO0FBQ3pJLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDRGQUE0RixDQUFDO0FBQ3pJLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQzlGLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDOztBQU83RCxNQUFNLE9BQU8sZ0JBQWdCO3dHQUFoQixnQkFBZ0I7eUdBQWhCLGdCQUFnQixpQkFIVixtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSwyQkFBMkIsRUFBRSwyQkFBMkIsYUFEMUcsWUFBWSxFQUFFLG1CQUFtQixFQUFFLGVBQWUsRUFBRSxrQkFBa0IsYUFFdEUsbUJBQW1CO3lHQUVwQixnQkFBZ0IsWUFKZixZQUFZLEVBQUUsbUJBQW1CLEVBQUUsZUFBZSxFQUFFLGtCQUFrQjs7NEZBSXZFLGdCQUFnQjtrQkFMNUIsUUFBUTttQkFBQztvQkFDTixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsZUFBZSxFQUFFLGtCQUFrQixDQUFDO29CQUNqRixZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxzQkFBc0IsRUFBRSwyQkFBMkIsRUFBRSwyQkFBMkIsQ0FBQztvQkFDckgsT0FBTyxFQUFFLENBQUMsbUJBQW1CLENBQUM7aUJBQ2pDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuaW1wb3J0IHsgUmVhY3RpdmVGb3Jtc01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9mb3Jtc1wiO1xuXG5pbXBvcnQgeyBUcmFuc2xhdGVNb2R1bGUgfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuXG5pbXBvcnQgeyBDaGVja2JveExpc3RNb2R1bGUgfSBmcm9tIFwiQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy9jaGVja2JveC1saXN0XCI7XG5pbXBvcnQgeyBUaHVtYm5haWxJdGVtSW1hZ2VDb21wb25lbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL3RodW1ibmFpbC1pdGVtL2NvbXBvbmVudHMvdGh1bWJuYWlsLWl0ZW0taW1hZ2UvdGh1bWJuYWlsLWl0ZW0taW1hZ2UuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBUaHVtYm5haWxJdGVtVmlkZW9Db21wb25lbnQgfSBmcm9tIFwiLi9jb21wb25lbnRzL3RodW1ibmFpbC1pdGVtL2NvbXBvbmVudHMvdGh1bWJuYWlsLWl0ZW0tdmlkZW8vdGh1bWJuYWlsLWl0ZW0tdmlkZW8uY29tcG9uZW50XCI7XG5pbXBvcnQgeyBUaHVtYm5haWxJdGVtQ29tcG9uZW50IH0gZnJvbSBcIi4vY29tcG9uZW50cy90aHVtYm5haWwtaXRlbS90aHVtYm5haWwtaXRlbS5jb21wb25lbnRcIjtcbmltcG9ydCB7IFRodW1ibmFpbHNDb21wb25lbnQgfSBmcm9tIFwiLi90aHVtYm5haWxzLmNvbXBvbmVudFwiO1xuXG5ATmdNb2R1bGUoe1xuICAgIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUsIFRyYW5zbGF0ZU1vZHVsZSwgQ2hlY2tib3hMaXN0TW9kdWxlXSxcbiAgICBkZWNsYXJhdGlvbnM6IFtUaHVtYm5haWxzQ29tcG9uZW50LCBUaHVtYm5haWxJdGVtQ29tcG9uZW50LCBUaHVtYm5haWxJdGVtVmlkZW9Db21wb25lbnQsIFRodW1ibmFpbEl0ZW1JbWFnZUNvbXBvbmVudF0sXG4gICAgZXhwb3J0czogW1RodW1ibmFpbHNDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBUaHVtYm5haWxzTW9kdWxlIHsgfVxuIl19

package/esm2022/thumbnails/public-api.mjs

@@ -0,0 +1,3 @@
+export { ThumbnailsComponent } from "./lib/thumbnails/thumbnails.component";
+export { ThumbnailsModule } from "./lib/thumbnails/thumbnails.module";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy90aHVtYm5haWxzL3NyYy9wdWJsaWMtYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGh1bWJuYWlsc0NvbXBvbmVudCB9IGZyb20gXCIuL2xpYi90aHVtYm5haWxzL3RodW1ibmFpbHMuY29tcG9uZW50XCI7XG5leHBvcnQgeyBUaHVtYm5haWxzTW9kdWxlIH0gZnJvbSBcIi4vbGliL3RodW1ibmFpbHMvdGh1bWJuYWlscy5tb2R1bGVcIjtcblxuZXhwb3J0IHR5cGUgeyBUaHVtYm5haWxzSXRlbSB9IGZyb20gXCIuL2xpYi90aHVtYm5haWxzL21vZGVscy90aHVtYm5haWxzLWl0ZW1cIjtcbiJdfQ==

package/esm2022/thumbnails/seniorsistemas-angular-components-thumbnails.mjs

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+export * from './public-api';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VuaW9yc2lzdGVtYXMtYW5ndWxhci1jb21wb25lbnRzLXRodW1ibmFpbHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvdGh1bWJuYWlscy9zcmMvc2VuaW9yc2lzdGVtYXMtYW5ndWxhci1jb21wb25lbnRzLXRodW1ibmFpbHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==