@recursyve/nice-ui-kit.v2 16.0.0-beta.137 → 16.0.0-beta.138
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/components/carousel/carousel.component.mjs +16 -8
- package/esm2022/lib/components/carousel/carousel.constant.mjs +3 -0
- package/esm2022/lib/components/carousel/carousel.module.mjs +15 -1
- package/esm2022/lib/components/carousel/interfaces/carousel-options.interface.mjs +2 -0
- package/fesm2022/recursyve-nice-ui-kit.v2.mjs +26 -5
- package/fesm2022/recursyve-nice-ui-kit.v2.mjs.map +1 -1
- package/lib/components/carousel/carousel.component.d.ts +4 -2
- package/lib/components/carousel/carousel.constant.d.ts +2 -0
- package/lib/components/carousel/carousel.module.d.ts +3 -0
- package/lib/components/carousel/interfaces/carousel-options.interface.d.ts +9 -0
- package/package.json +1 -1
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
import { Component, EventEmitter, Input, Output, ViewEncapsulation } from "@angular/core";
|
|
1
|
+
import { Component, EventEmitter, Inject, Input, Optional, Output, ViewEncapsulation } from "@angular/core";
|
|
2
2
|
import { PictureModalService } from "./picture-modal/picture-modal.service";
|
|
3
|
+
import { CAROUSEL_ICONS } from "./carousel.constant";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "./picture-modal/picture-modal.service";
|
|
5
6
|
import * as i2 from "@angular/common";
|
|
6
|
-
import * as i3 from "
|
|
7
|
+
import * as i3 from "@angular/material/icon";
|
|
8
|
+
import * as i4 from "./pipe/carousel-layout.pipe";
|
|
7
9
|
export class CarouselComponent {
|
|
8
10
|
set images(urls) {
|
|
9
11
|
this.currentImages = urls;
|
|
10
12
|
}
|
|
11
|
-
constructor(pictureModalService) {
|
|
13
|
+
constructor(pictureModalService, icons) {
|
|
12
14
|
this.pictureModalService = pictureModalService;
|
|
15
|
+
this.icons = icons;
|
|
13
16
|
this.direction = "ltr";
|
|
14
17
|
this.layout = "row";
|
|
15
18
|
this.editable = false;
|
|
@@ -23,13 +26,18 @@ export class CarouselComponent {
|
|
|
23
26
|
clickDelete(picture) {
|
|
24
27
|
this.delete.emit(picture);
|
|
25
28
|
}
|
|
26
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: CarouselComponent, deps: [{ token: i1.PictureModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
27
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: CarouselComponent, selector: "nice-carousel", inputs: { images: "images", direction: "direction", layout: "layout", editable: "editable" }, outputs: { delete: "delete" }, ngImport: i0, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n <div class=\"slide\" *ngFor=\"let image of currentImages\">\n <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\"
|
|
29
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: CarouselComponent, deps: [{ token: i1.PictureModalService }, { token: CAROUSEL_ICONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
30
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: CarouselComponent, selector: "nice-carousel", inputs: { images: "images", direction: "direction", layout: "layout", editable: "editable" }, outputs: { delete: "delete" }, ngImport: i0, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n <div class=\"slide\" *ngFor=\"let image of currentImages\">\n <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n <ng-container *ngIf=\"editable\">\n <ng-container *ngIf=\"icons?.remove; else defaultIcon\">\n <mat-icon [svgIcon]=\"icons.remove.svgIcon\" (click)=\"clickDelete(image)\" class=\"remove-button\"></mat-icon>\n </ng-container>\n <ng-template #defaultIcon>\n <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\"></i>\n </ng-template>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".slides-container{width:100%}.slides{margin:5px 0;overflow-x:auto;overflow-y:visible}.slide{display:flex;flex-shrink:0;cursor:pointer;position:relative;overflow:visible;margin-top:5px;margin-left:5px;margin-right:5px;height:50px;border:2px solid white;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slide:hover .remove-button{visibility:visible}.slide .remove-button{--fa-primary-color: #ffffff;--fa-secondary-color: #f44336;--fa-primary-opacity: 1;--fa-secondary-opacity: 1;visibility:hidden;border-radius:50%;position:absolute;top:-7px;right:-7px;cursor:pointer}img{display:block;object-fit:cover;width:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: i4.CarouselLayoutPipe, name: "carouselLayout" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
28
31
|
}
|
|
29
32
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
30
33
|
type: Component,
|
|
31
|
-
args: [{ selector: "nice-carousel", encapsulation: ViewEncapsulation.None, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n <div class=\"slide\" *ngFor=\"let image of currentImages\">\n <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\"
|
|
32
|
-
}], ctorParameters: function () { return [{ type: i1.PictureModalService }
|
|
34
|
+
args: [{ selector: "nice-carousel", encapsulation: ViewEncapsulation.None, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n <div class=\"slide\" *ngFor=\"let image of currentImages\">\n <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n <ng-container *ngIf=\"editable\">\n <ng-container *ngIf=\"icons?.remove; else defaultIcon\">\n <mat-icon [svgIcon]=\"icons.remove.svgIcon\" (click)=\"clickDelete(image)\" class=\"remove-button\"></mat-icon>\n </ng-container>\n <ng-template #defaultIcon>\n <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\"></i>\n </ng-template>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".slides-container{width:100%}.slides{margin:5px 0;overflow-x:auto;overflow-y:visible}.slide{display:flex;flex-shrink:0;cursor:pointer;position:relative;overflow:visible;margin-top:5px;margin-left:5px;margin-right:5px;height:50px;border:2px solid white;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slide:hover .remove-button{visibility:visible}.slide .remove-button{--fa-primary-color: #ffffff;--fa-secondary-color: #f44336;--fa-primary-opacity: 1;--fa-secondary-opacity: 1;visibility:hidden;border-radius:50%;position:absolute;top:-7px;right:-7px;cursor:pointer}img{display:block;object-fit:cover;width:auto}\n"] }]
|
|
35
|
+
}], ctorParameters: function () { return [{ type: i1.PictureModalService }, { type: undefined, decorators: [{
|
|
36
|
+
type: Optional
|
|
37
|
+
}, {
|
|
38
|
+
type: Inject,
|
|
39
|
+
args: [CAROUSEL_ICONS]
|
|
40
|
+
}] }]; }, propDecorators: { images: [{
|
|
33
41
|
type: Input
|
|
34
42
|
}], direction: [{
|
|
35
43
|
type: Input
|
|
@@ -40,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImpor
|
|
|
40
48
|
}], delete: [{
|
|
41
49
|
type: Output
|
|
42
50
|
}] } });
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmljZS11aS1raXQtdjIvc3JjL2xpYi9jb21wb25lbnRzL2Nhcm91c2VsL2Nhcm91c2VsLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25pY2UtdWkta2l0LXYyL3NyYy9saWIvY29tcG9uZW50cy9jYXJvdXNlbC9jYXJvdXNlbC50ZW1wbGF0ZS5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUJBQXFCLENBQUM7Ozs7OztBQWNyRCxNQUFNLE9BQU8saUJBQWlCO0lBRzFCLElBQ1csTUFBTSxDQUFDLElBQWU7UUFDN0IsSUFBSSxDQUFDLGFBQWEsR0FBRyxJQUFJLENBQUM7SUFDOUIsQ0FBQztJQWNELFlBQ1ksbUJBQXdDLEVBRXpDLEtBQStCO1FBRjlCLHdCQUFtQixHQUFuQixtQkFBbUIsQ0FBcUI7UUFFekMsVUFBSyxHQUFMLEtBQUssQ0FBMEI7UUFkbkMsY0FBUyxHQUFrQyxLQUFLLENBQUM7UUFHakQsV0FBTSxHQUFxQixLQUFLLENBQUM7UUFHakMsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUdqQixXQUFNLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQztJQU16QyxDQUFDO0lBRUcsU0FBUyxDQUFDLE9BQWdCO1FBQzdCLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUM7WUFDMUIsT0FBTyxFQUFFLE9BQU8sQ0FBQyxHQUFHO1NBQ3ZCLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFTSxXQUFXLENBQUMsT0FBZ0I7UUFDL0IsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDOUIsQ0FBQzs4R0FsQ1EsaUJBQWlCLHFEQXNCRixjQUFjO2tHQXRCN0IsaUJBQWlCLGtMQ2hCOUIscXhCQWVBOzsyRkRDYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0ksZUFBZSxpQkFHVixpQkFBaUIsQ0FBQyxJQUFJOzswQkF3QmhDLFFBQVE7OzBCQUFJLE1BQU07MkJBQUMsY0FBYzs0Q0FsQjNCLE1BQU07c0JBRGhCLEtBQUs7Z0JBTUMsU0FBUztzQkFEZixLQUFLO2dCQUlDLE1BQU07c0JBRFosS0FBSztnQkFJQyxRQUFRO3NCQURkLEtBQUs7Z0JBSUMsTUFBTTtzQkFEWixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIEluamVjdCwgSW5wdXQsIE9wdGlvbmFsLCBPdXRwdXQsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcbmltcG9ydCB7IFBpY3R1cmVNb2RhbFNlcnZpY2UgfSBmcm9tIFwiLi9waWN0dXJlLW1vZGFsL3BpY3R1cmUtbW9kYWwuc2VydmljZVwiO1xuaW1wb3J0IHsgQ0FST1VTRUxfSUNPTlMgfSBmcm9tIFwiLi9jYXJvdXNlbC5jb25zdGFudFwiO1xuaW1wb3J0IHsgTmljZUNhcm91c2VsSWNvbk9wdGlvbnMgfSBmcm9tIFwiLi9pbnRlcmZhY2VzL2Nhcm91c2VsLW9wdGlvbnMuaW50ZXJmYWNlXCI7XG5cbmV4cG9ydCBpbnRlcmZhY2UgUGljdHVyZSB7XG4gICAgaWQ6IG51bWJlcjtcbiAgICB1cmw6IHN0cmluZztcbn1cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwibmljZS1jYXJvdXNlbFwiLFxuICAgIHRlbXBsYXRlVXJsOiBcImNhcm91c2VsLnRlbXBsYXRlLmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vY2Fyb3VzZWwuc3R5bGUuc2Nzc1wiXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIENhcm91c2VsQ29tcG9uZW50IHtcbiAgICBwdWJsaWMgY3VycmVudEltYWdlczogUGljdHVyZVtdO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgc2V0IGltYWdlcyh1cmxzOiBQaWN0dXJlW10pIHtcbiAgICAgICAgdGhpcy5jdXJyZW50SW1hZ2VzID0gdXJscztcbiAgICB9XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBkaXJlY3Rpb246IFwibHRyXCIgfCBcInJ0bFwiIHwgXCJ1dGRcIiB8IFwiZHR1XCIgPSBcImx0clwiO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgbGF5b3V0OiBcInJvd1wiIHwgXCJjb2x1bW5cIiA9IFwicm93XCI7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBlZGl0YWJsZSA9IGZhbHNlO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcHVibGljIGRlbGV0ZSA9IG5ldyBFdmVudEVtaXR0ZXI8UGljdHVyZT4oKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBwcml2YXRlIHBpY3R1cmVNb2RhbFNlcnZpY2U6IFBpY3R1cmVNb2RhbFNlcnZpY2UsXG4gICAgICAgIEBPcHRpb25hbCgpIEBJbmplY3QoQ0FST1VTRUxfSUNPTlMpIFxuICAgICAgICBwdWJsaWMgaWNvbnM/OiBOaWNlQ2Fyb3VzZWxJY29uT3B0aW9uc1xuICAgICkge31cblxuICAgIHB1YmxpYyBjbGlja1ZpZXcocGljdHVyZTogUGljdHVyZSkge1xuICAgICAgICB0aGlzLnBpY3R1cmVNb2RhbFNlcnZpY2Uub3Blbih7XG4gICAgICAgICAgICBwaWN0dXJlOiBwaWN0dXJlLnVybFxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY2xpY2tEZWxldGUocGljdHVyZTogUGljdHVyZSkge1xuICAgICAgICB0aGlzLmRlbGV0ZS5lbWl0KHBpY3R1cmUpO1xuICAgIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzbGlkZXMtY29udGFpbmVyXCI+XG4gICAgPGRpdiBjbGFzcz1cInNsaWRlcyBmbGV4XCIgW25nQ2xhc3NdPVwibGF5b3V0IHwgY2Fyb3VzZWxMYXlvdXQ6IGRpcmVjdGlvblwiPlxuICAgICAgICA8ZGl2IGNsYXNzPVwic2xpZGVcIiAqbmdGb3I9XCJsZXQgaW1hZ2Ugb2YgY3VycmVudEltYWdlc1wiPlxuICAgICAgICAgICAgPGltZyBbc3JjXT1cImltYWdlPy51cmxcIiAoY2xpY2spPVwiY2xpY2tWaWV3KGltYWdlKVwiLz5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJlZGl0YWJsZVwiPlxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpY29ucz8ucmVtb3ZlOyBlbHNlIGRlZmF1bHRJY29uXCI+XG4gICAgICAgICAgICAgICAgICAgIDxtYXQtaWNvbiBbc3ZnSWNvbl09XCJpY29ucy5yZW1vdmUuc3ZnSWNvblwiIChjbGljayk9XCJjbGlja0RlbGV0ZShpbWFnZSlcIiBjbGFzcz1cInJlbW92ZS1idXR0b25cIj48L21hdC1pY29uPlxuICAgICAgICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjZGVmYXVsdEljb24+XG4gICAgICAgICAgICAgICAgICAgIDxpIGNsYXNzPVwiZmFkIGZhLXRpbWVzLWNpcmNsZSByZW1vdmUtYnV0dG9uXCIgKGNsaWNrKT1cImNsaWNrRGVsZXRlKGltYWdlKVwiPjwvaT5cbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxuICAgICAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { InjectionToken } from "@angular/core";
|
|
2
|
+
export const CAROUSEL_ICONS = new InjectionToken("carousel_icons");
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwuY29uc3RhbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uaWNlLXVpLWtpdC12Mi9zcmMvbGliL2NvbXBvbmVudHMvY2Fyb3VzZWwvY2Fyb3VzZWwuY29uc3RhbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUUvQyxNQUFNLENBQUMsTUFBTSxjQUFjLEdBQUcsSUFBSSxjQUFjLENBQUMsZ0JBQWdCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGlvblRva2VuIH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuZXhwb3J0IGNvbnN0IENBUk9VU0VMX0lDT05TID0gbmV3IEluamVjdGlvblRva2VuKFwiY2Fyb3VzZWxfaWNvbnNcIik7XG4iXX0=
|
|
@@ -8,8 +8,22 @@ import { CarouselComponent } from "./carousel.component";
|
|
|
8
8
|
import { PictureModalComponent } from "./picture-modal";
|
|
9
9
|
import { PictureModalService } from "./picture-modal";
|
|
10
10
|
import { CarouselLayoutPipe } from "./pipe/carousel-layout.pipe";
|
|
11
|
+
import { CAROUSEL_ICONS } from "./carousel.constant";
|
|
11
12
|
import * as i0 from "@angular/core";
|
|
12
13
|
export class NiceCarouselModule {
|
|
14
|
+
static forRoot(options) {
|
|
15
|
+
return {
|
|
16
|
+
ngModule: NiceCarouselModule,
|
|
17
|
+
providers: [
|
|
18
|
+
{
|
|
19
|
+
provide: CAROUSEL_ICONS,
|
|
20
|
+
useValue: {
|
|
21
|
+
...(options?.icons ?? {})
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
].filter((provider) => !!provider)
|
|
25
|
+
};
|
|
26
|
+
}
|
|
13
27
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
14
28
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: NiceCarouselModule, declarations: [CarouselComponent, PictureModalComponent, CarouselLayoutPipe], imports: [CommonModule,
|
|
15
29
|
MatCardModule,
|
|
@@ -37,4 +51,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImpor
|
|
|
37
51
|
providers: [PictureModalService]
|
|
38
52
|
}]
|
|
39
53
|
}] });
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmljZS11aS1raXQtdjIvc3JjL2xpYi9jb21wb25lbnRzL2Nhcm91c2VsL2Nhcm91c2VsLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUF1QixRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDOUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3pELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRWpFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFjckQsTUFBTSxPQUFPLGtCQUFrQjtJQUNwQixNQUFNLENBQUMsT0FBTyxDQUFDLE9BQTZCO1FBQy9DLE9BQU87WUFDSCxRQUFRLEVBQUUsa0JBQWtCO1lBQzVCLFNBQVMsRUFBRTtnQkFDUDtvQkFDSSxPQUFPLEVBQUUsY0FBYztvQkFDdkIsUUFBUSxFQUFFO3dCQUNOLEdBQUcsQ0FBQyxPQUFPLEVBQUUsS0FBSyxJQUFJLEVBQUUsQ0FBQztxQkFDNUI7aUJBQ0o7YUFDSixDQUFDLE1BQU0sQ0FBQyxDQUFDLFFBQVEsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQztTQUNyQyxDQUFBO0lBQ0wsQ0FBQzs4R0FiUSxrQkFBa0I7K0dBQWxCLGtCQUFrQixpQkFIWixpQkFBaUIsRUFBRSxxQkFBcUIsRUFBRSxrQkFBa0IsYUFQdkUsWUFBWTtZQUNaLGFBQWE7WUFDYixlQUFlO1lBQ2YsZUFBZTtZQUNmLGFBQWEsYUFFUCxpQkFBaUI7K0dBSWxCLGtCQUFrQixhQUZoQixDQUFDLG1CQUFtQixDQUFDLFlBUjVCLFlBQVk7WUFDWixhQUFhO1lBQ2IsZUFBZTtZQUNmLGVBQWU7WUFDZixhQUFhOzsyRkFNUixrQkFBa0I7a0JBWjlCLFFBQVE7bUJBQUM7b0JBQ04sT0FBTyxFQUFFO3dCQUNMLFlBQVk7d0JBQ1osYUFBYTt3QkFDYixlQUFlO3dCQUNmLGVBQWU7d0JBQ2YsYUFBYTtxQkFDaEI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsaUJBQWlCLENBQUM7b0JBQzVCLFlBQVksRUFBRSxDQUFDLGlCQUFpQixFQUFFLHFCQUFxQixFQUFFLGtCQUFrQixDQUFDO29CQUM1RSxTQUFTLEVBQUUsQ0FBQyxtQkFBbUIsQ0FBQztpQkFDbkMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29tbW9uXCI7XG5pbXBvcnQgeyBNb2R1bGVXaXRoUHJvdmlkZXJzLCBOZ01vZHVsZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uXCI7XG5pbXBvcnQgeyBNYXRDYXJkTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL21hdGVyaWFsL2NhcmRcIjtcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvblwiO1xuaW1wb3J0IHsgVHJhbnNsYXRlTW9kdWxlIH0gZnJvbSBcIkBuZ3gtdHJhbnNsYXRlL2NvcmVcIjtcbmltcG9ydCB7IENhcm91c2VsQ29tcG9uZW50IH0gZnJvbSBcIi4vY2Fyb3VzZWwuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBQaWN0dXJlTW9kYWxDb21wb25lbnQgfSBmcm9tIFwiLi9waWN0dXJlLW1vZGFsXCI7XG5pbXBvcnQgeyBQaWN0dXJlTW9kYWxTZXJ2aWNlIH0gZnJvbSBcIi4vcGljdHVyZS1tb2RhbFwiO1xuaW1wb3J0IHsgQ2Fyb3VzZWxMYXlvdXRQaXBlIH0gZnJvbSBcIi4vcGlwZS9jYXJvdXNlbC1sYXlvdXQucGlwZVwiO1xuaW1wb3J0IHsgTmljZUNhcm91c2VsT3B0aW9ucyB9IGZyb20gXCIuL2ludGVyZmFjZXMvY2Fyb3VzZWwtb3B0aW9ucy5pbnRlcmZhY2VcIjtcbmltcG9ydCB7IENBUk9VU0VMX0lDT05TIH0gZnJvbSBcIi4vY2Fyb3VzZWwuY29uc3RhbnRcIjtcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgTWF0Q2FyZE1vZHVsZSxcbiAgICAgICAgTWF0QnV0dG9uTW9kdWxlLFxuICAgICAgICBUcmFuc2xhdGVNb2R1bGUsXG4gICAgICAgIE1hdEljb25Nb2R1bGVcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtDYXJvdXNlbENvbXBvbmVudF0sXG4gICAgZGVjbGFyYXRpb25zOiBbQ2Fyb3VzZWxDb21wb25lbnQsIFBpY3R1cmVNb2RhbENvbXBvbmVudCwgQ2Fyb3VzZWxMYXlvdXRQaXBlXSxcbiAgICBwcm92aWRlcnM6IFtQaWN0dXJlTW9kYWxTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBOaWNlQ2Fyb3VzZWxNb2R1bGUge1xuICAgIHB1YmxpYyBzdGF0aWMgZm9yUm9vdChvcHRpb25zPzogTmljZUNhcm91c2VsT3B0aW9ucyk6IE1vZHVsZVdpdGhQcm92aWRlcnM8TmljZUNhcm91c2VsTW9kdWxlPiB7XG4gICAgICAgIHJldHVybiB7XG4gICAgICAgICAgICBuZ01vZHVsZTogTmljZUNhcm91c2VsTW9kdWxlLFxuICAgICAgICAgICAgcHJvdmlkZXJzOiBbXG4gICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICBwcm92aWRlOiBDQVJPVVNFTF9JQ09OUyxcbiAgICAgICAgICAgICAgICAgICAgdXNlVmFsdWU6IHsgXG4gICAgICAgICAgICAgICAgICAgICAgICAuLi4ob3B0aW9ucz8uaWNvbnMgPz8ge30pIFxuICAgICAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgXS5maWx0ZXIoKHByb3ZpZGVyKSA9PiAhIXByb3ZpZGVyKVxuICAgICAgICB9XG4gICAgfVxufVxuIl19
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY2Fyb3VzZWwtb3B0aW9ucy5pbnRlcmZhY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uaWNlLXVpLWtpdC12Mi9zcmMvbGliL2NvbXBvbmVudHMvY2Fyb3VzZWwvaW50ZXJmYWNlcy9jYXJvdXNlbC1vcHRpb25zLmludGVyZmFjZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHR5cGUgTmljZUNhcm91c2VsSWNvbnMgPSB7IHN2Z0ljb246IHN0cmluZzsgfSA7XG5cbmV4cG9ydCBpbnRlcmZhY2UgTmljZUNhcm91c2VsSWNvbk9wdGlvbnMge1xuICAgIHJlbW92ZT86IE5pY2VDYXJvdXNlbEljb25zO1xufVxuXG5leHBvcnQgaW50ZXJmYWNlIE5pY2VDYXJvdXNlbE9wdGlvbnMge1xuICAgIGljb25zPyA6IE5pY2VDYXJvdXNlbEljb25PcHRpb25zO1xufVxuIl19
|
|
@@ -3627,6 +3627,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImpor
|
|
|
3627
3627
|
type: Injectable
|
|
3628
3628
|
}], ctorParameters: function () { return [{ type: i1$7.Overlay }]; } });
|
|
3629
3629
|
|
|
3630
|
+
const CAROUSEL_ICONS = new InjectionToken("carousel_icons");
|
|
3631
|
+
|
|
3630
3632
|
class CarouselLayoutPipe {
|
|
3631
3633
|
transform(value, direction) {
|
|
3632
3634
|
if (value === "row") {
|
|
@@ -3646,8 +3648,9 @@ class CarouselComponent {
|
|
|
3646
3648
|
set images(urls) {
|
|
3647
3649
|
this.currentImages = urls;
|
|
3648
3650
|
}
|
|
3649
|
-
constructor(pictureModalService) {
|
|
3651
|
+
constructor(pictureModalService, icons) {
|
|
3650
3652
|
this.pictureModalService = pictureModalService;
|
|
3653
|
+
this.icons = icons;
|
|
3651
3654
|
this.direction = "ltr";
|
|
3652
3655
|
this.layout = "row";
|
|
3653
3656
|
this.editable = false;
|
|
@@ -3661,13 +3664,18 @@ class CarouselComponent {
|
|
|
3661
3664
|
clickDelete(picture) {
|
|
3662
3665
|
this.delete.emit(picture);
|
|
3663
3666
|
}
|
|
3664
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: CarouselComponent, deps: [{ token: PictureModalService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3665
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: CarouselComponent, selector: "nice-carousel", inputs: { images: "images", direction: "direction", layout: "layout", editable: "editable" }, outputs: { delete: "delete" }, ngImport: i0, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n <div class=\"slide\" *ngFor=\"let image of currentImages\">\n <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\"
|
|
3667
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: CarouselComponent, deps: [{ token: PictureModalService }, { token: CAROUSEL_ICONS, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3668
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.5", type: CarouselComponent, selector: "nice-carousel", inputs: { images: "images", direction: "direction", layout: "layout", editable: "editable" }, outputs: { delete: "delete" }, ngImport: i0, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n <div class=\"slide\" *ngFor=\"let image of currentImages\">\n <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n <ng-container *ngIf=\"editable\">\n <ng-container *ngIf=\"icons?.remove; else defaultIcon\">\n <mat-icon [svgIcon]=\"icons.remove.svgIcon\" (click)=\"clickDelete(image)\" class=\"remove-button\"></mat-icon>\n </ng-container>\n <ng-template #defaultIcon>\n <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\"></i>\n </ng-template>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".slides-container{width:100%}.slides{margin:5px 0;overflow-x:auto;overflow-y:visible}.slide{display:flex;flex-shrink:0;cursor:pointer;position:relative;overflow:visible;margin-top:5px;margin-left:5px;margin-right:5px;height:50px;border:2px solid white;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slide:hover .remove-button{visibility:visible}.slide .remove-button{--fa-primary-color: #ffffff;--fa-secondary-color: #f44336;--fa-primary-opacity: 1;--fa-secondary-opacity: 1;visibility:hidden;border-radius:50%;position:absolute;top:-7px;right:-7px;cursor:pointer}img{display:block;object-fit:cover;width:auto}\n"], dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: CarouselLayoutPipe, name: "carouselLayout" }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
3666
3669
|
}
|
|
3667
3670
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: CarouselComponent, decorators: [{
|
|
3668
3671
|
type: Component,
|
|
3669
|
-
args: [{ selector: "nice-carousel", encapsulation: ViewEncapsulation.None, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n <div class=\"slide\" *ngFor=\"let image of currentImages\">\n <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\"
|
|
3670
|
-
}], ctorParameters: function () { return [{ type: PictureModalService }
|
|
3672
|
+
args: [{ selector: "nice-carousel", encapsulation: ViewEncapsulation.None, template: "<div class=\"slides-container\">\n <div class=\"slides flex\" [ngClass]=\"layout | carouselLayout: direction\">\n <div class=\"slide\" *ngFor=\"let image of currentImages\">\n <img [src]=\"image?.url\" (click)=\"clickView(image)\"/>\n <ng-container *ngIf=\"editable\">\n <ng-container *ngIf=\"icons?.remove; else defaultIcon\">\n <mat-icon [svgIcon]=\"icons.remove.svgIcon\" (click)=\"clickDelete(image)\" class=\"remove-button\"></mat-icon>\n </ng-container>\n <ng-template #defaultIcon>\n <i class=\"fad fa-times-circle remove-button\" (click)=\"clickDelete(image)\"></i>\n </ng-template>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".slides-container{width:100%}.slides{margin:5px 0;overflow-x:auto;overflow-y:visible}.slide{display:flex;flex-shrink:0;cursor:pointer;position:relative;overflow:visible;margin-top:5px;margin-left:5px;margin-right:5px;height:50px;border:2px solid white;box-shadow:0 2px 1px -1px #0003,0 1px 1px #00000024,0 1px 3px #0000001f}.slide:hover .remove-button{visibility:visible}.slide .remove-button{--fa-primary-color: #ffffff;--fa-secondary-color: #f44336;--fa-primary-opacity: 1;--fa-secondary-opacity: 1;visibility:hidden;border-radius:50%;position:absolute;top:-7px;right:-7px;cursor:pointer}img{display:block;object-fit:cover;width:auto}\n"] }]
|
|
3673
|
+
}], ctorParameters: function () { return [{ type: PictureModalService }, { type: undefined, decorators: [{
|
|
3674
|
+
type: Optional
|
|
3675
|
+
}, {
|
|
3676
|
+
type: Inject,
|
|
3677
|
+
args: [CAROUSEL_ICONS]
|
|
3678
|
+
}] }]; }, propDecorators: { images: [{
|
|
3671
3679
|
type: Input
|
|
3672
3680
|
}], direction: [{
|
|
3673
3681
|
type: Input
|
|
@@ -3680,6 +3688,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.5", ngImpor
|
|
|
3680
3688
|
}] } });
|
|
3681
3689
|
|
|
3682
3690
|
class NiceCarouselModule {
|
|
3691
|
+
static forRoot(options) {
|
|
3692
|
+
return {
|
|
3693
|
+
ngModule: NiceCarouselModule,
|
|
3694
|
+
providers: [
|
|
3695
|
+
{
|
|
3696
|
+
provide: CAROUSEL_ICONS,
|
|
3697
|
+
useValue: {
|
|
3698
|
+
...(options?.icons ?? {})
|
|
3699
|
+
}
|
|
3700
|
+
}
|
|
3701
|
+
].filter((provider) => !!provider)
|
|
3702
|
+
};
|
|
3703
|
+
}
|
|
3683
3704
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.5", ngImport: i0, type: NiceCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
3684
3705
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.0.5", ngImport: i0, type: NiceCarouselModule, declarations: [CarouselComponent, PictureModalComponent, CarouselLayoutPipe], imports: [CommonModule,
|
|
3685
3706
|
MatCardModule,
|