@kms-ngx-ui/presentational 16.11.6 → 16.11.8
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/ui/image-slider/image-slider.component.mjs +3 -4
- package/esm2022/lib/ui/loader/loader.component.mjs +4 -7
- package/esm2022/lib/ui/slide-toggle/slide-toggle.component.mjs +16 -12
- package/esm2022/lib/ui/tooltip-icon/tooltip-icon.component.mjs +6 -6
- package/fesm2022/kms-ngx-ui-presentational.mjs +22 -25
- package/fesm2022/kms-ngx-ui-presentational.mjs.map +1 -1
- package/lib/ui/image-slider/image-slider.component.d.ts +1 -1
- package/lib/ui/loader/loader.component.d.ts +1 -4
- package/lib/ui/slide-toggle/slide-toggle.component.d.ts +6 -5
- package/lib/ui/tooltip-icon/tooltip-icon.component.d.ts +1 -1
- package/package.json +1 -1
- package/src/lib/ui/back-to-top/back-to-top.component.scss +39 -40
- package/src/lib/ui/image-slider/image-slider.component.scss +2 -1
- package/src/lib/ui/slide-toggle/slide-toggle.component.scss +18 -0
- package/src/styles/storybook.scss +122 -0
|
@@ -43,7 +43,6 @@ export class ImageSliderComponent {
|
|
|
43
43
|
slidesPerView: 4,
|
|
44
44
|
freeMode: true,
|
|
45
45
|
navigation: true,
|
|
46
|
-
simulateTouch: false,
|
|
47
46
|
});
|
|
48
47
|
swiper1.initialize();
|
|
49
48
|
swiper2.initialize();
|
|
@@ -73,11 +72,11 @@ export class ImageSliderComponent {
|
|
|
73
72
|
}
|
|
74
73
|
}
|
|
75
74
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageSliderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
76
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageSliderComponent, selector: "kms-image-slider", inputs: { slides: "slides", editMode: "editMode", imagesToSave: "imagesToSave" }, outputs: { deleteImageEvent: "deleteImageEvent", orderChanged: "orderChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"image-slider-container\">\n <swiper-container
|
|
75
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageSliderComponent, selector: "kms-image-slider", inputs: { slides: "slides", editMode: "editMode", imagesToSave: "imagesToSave" }, outputs: { deleteImageEvent: "deleteImageEvent", orderChanged: "orderChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"image-slider-container\">\n <swiper-container\n class=\"swiper-main-view-container\"\n thumbs-swiper=\".swiper-carousel-container\"\n >\n <swiper-slide *ngFor=\"let slide of slides\">\n <img [src]=\"slide\" loading=\"lazy\" />\n </swiper-slide>\n </swiper-container>\n\n <swiper-container\n class=\"swiper-carousel-container\"\n thumbsSlider=\"\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onOrderChanged($event)\"\n >\n <swiper-slide *ngFor=\"let slide of slides; let index = index\">\n <div *ngIf=\"editMode\">\n <button cdkDrag class=\"drag-button\" mat-menu-item></button>\n <button\n class=\"delete-button\"\n mat-menu-item\n (click)=\"deleteImage(index)\"\n >\n <kms-icon icon=\"trash\" [size]=\"15\"></kms-icon>\n </button>\n </div>\n <img [src]=\"slide\" loading=\"lazy\" />\n </swiper-slide>\n </swiper-container>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i3.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: i4.SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "component", type: i5.IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
|
|
77
76
|
}
|
|
78
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageSliderComponent, decorators: [{
|
|
79
78
|
type: Component,
|
|
80
|
-
args: [{ selector: 'kms-image-slider', template: "<div class=\"image-slider-container\">\n <swiper-container
|
|
79
|
+
args: [{ selector: 'kms-image-slider', template: "<div class=\"image-slider-container\">\n <swiper-container\n class=\"swiper-main-view-container\"\n thumbs-swiper=\".swiper-carousel-container\"\n >\n <swiper-slide *ngFor=\"let slide of slides\">\n <img [src]=\"slide\" loading=\"lazy\" />\n </swiper-slide>\n </swiper-container>\n\n <swiper-container\n class=\"swiper-carousel-container\"\n thumbsSlider=\"\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onOrderChanged($event)\"\n >\n <swiper-slide *ngFor=\"let slide of slides; let index = index\">\n <div *ngIf=\"editMode\">\n <button cdkDrag class=\"drag-button\" mat-menu-item></button>\n <button\n class=\"delete-button\"\n mat-menu-item\n (click)=\"deleteImage(index)\"\n >\n <kms-icon icon=\"trash\" [size]=\"15\"></kms-icon>\n </button>\n </div>\n <img [src]=\"slide\" loading=\"lazy\" />\n </swiper-slide>\n </swiper-container>\n</div>\n" }]
|
|
81
80
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { slides: [{
|
|
82
81
|
type: Input
|
|
83
82
|
}], editMode: [{
|
|
@@ -89,4 +88,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
89
88
|
}], orderChanged: [{
|
|
90
89
|
type: Output
|
|
91
90
|
}] } });
|
|
92
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW1hZ2Utc2xpZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9pbWFnZS1zbGlkZXIvaW1hZ2Utc2xpZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9pbWFnZS1zbGlkZXIvaW1hZ2Utc2xpZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUFlLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ3RFLE9BQU8sRUFFTCxTQUFTLEVBRVQsWUFBWSxFQUNaLEtBQUssRUFFTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFtQixRQUFRLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7OztBQUdsRSxRQUFRLEVBQUUsQ0FBQztBQU1YLE1BQU0sT0FBTyxvQkFBb0I7SUFPL0IsWUFBb0IsRUFBYztRQUFkLE9BQUUsR0FBRixFQUFFLENBQVk7UUFMekIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVoQixxQkFBZ0IsR0FBeUIsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUM1RCxpQkFBWSxHQUFpQyxJQUFJLFlBQVksRUFBRSxDQUFDO0lBRXJDLENBQUM7SUFFdEMsZUFBZTtRQUNiLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDO0lBQzNCLENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxpQkFBaUI7UUFDZixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO2FBQzlDLFFBQVEsQ0FBQyxDQUFDLENBQW9CLENBQUM7UUFDbEMsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLEVBQUUsQ0FBQyxhQUFhLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQzthQUM5QyxRQUFRLENBQUMsQ0FBQyxDQUFvQixDQUFDO1FBRWxDLE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO1lBQ3JCLGFBQWEsRUFBRSxDQUFDO1lBQ2hCLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLE1BQU0sRUFBRTtnQkFDTixNQUFNLEVBQUUsT0FBTzthQUNoQjtZQUNELFVBQVUsRUFBRTtnQkFDVixTQUFTLEVBQUUsSUFBSTthQUNoQjtTQUNGLENBQUMsQ0FBQztRQUVILE1BQU0sQ0FBQyxNQUFNLENBQUMsT0FBTyxFQUFFO1lBQ3JCLGFBQWEsRUFBRSxDQUFDO1lBQ2hCLFFBQVEsRUFBRSxJQUFJO1lBQ2QsVUFBVSxFQUFFLElBQUk7U0FDakIsQ0FBQyxDQUFDO1FBRUgsT0FBTyxDQUFDLFVBQVUsRUFBRSxDQUFDO1FBQ3JCLE9BQU8sQ0FBQyxVQUFVLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBRU8sYUFBYSxDQUFDLE9BQU8sR0FBRyxHQUFHO1FBQ2pDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUM7YUFDOUMsUUFBUSxDQUFDLENBQUMsQ0FBb0IsQ0FBQztRQUNsQyxNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDO2FBQzlDLFFBQVEsQ0FBQyxDQUFDLENBQW9CLENBQUM7UUFFbEMsSUFBSSxPQUFPLENBQUMsTUFBTSxJQUFJLE9BQU8sQ0FBQyxNQUFNLEVBQUU7WUFDcEMsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDZCxPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO2dCQUN4QixPQUFPLENBQUMsTUFBTSxDQUFDLE1BQU0sRUFBRSxDQUFDO1lBQzFCLENBQUMsRUFBRSxPQUFPLENBQUMsQ0FBQztTQUNiO0lBQ0gsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUFhO1FBQ3ZCLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDbEMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMzQixDQUFDO0lBRUQsY0FBYyxDQUFDLEtBQTRCO1FBQ3pDLElBQUksSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFO1lBQ3BDLGVBQWUsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQUUsS0FBSyxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQ3RFLGVBQWUsQ0FDYixJQUFJLENBQUMsWUFBWSxFQUNqQixLQUFLLENBQUMsYUFBYSxFQUNuQixLQUFLLENBQUMsWUFBWSxDQUNuQixDQUFDO1lBQ0YsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO1lBQzFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztTQUN0QjtJQUNILENBQUM7K0dBMUVVLG9CQUFvQjttR0FBcEIsb0JBQW9CLGdQQ3ZCakMsOCtCQWdDQTs7NEZEVGEsb0JBQW9CO2tCQUpoQyxTQUFTOytCQUNFLGtCQUFrQjtpR0FJbkIsTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDSSxnQkFBZ0I7c0JBQXpCLE1BQU07Z0JBQ0csWUFBWTtzQkFBckIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogQGNvcHlyaWdodCBLTVMgR21iSFxuICovXG5cbmltcG9ydCB7IENka0RyYWdEcm9wLCBtb3ZlSXRlbUluQXJyYXkgfSBmcm9tICdAYW5ndWxhci9jZGsvZHJhZy1kcm9wJztcbmltcG9ydCB7XG4gIEFmdGVyVmlld0luaXQsXG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgU3dpcGVyQ29udGFpbmVyLCByZWdpc3RlciB9IGZyb20gJ3N3aXBlci9lbGVtZW50L2J1bmRsZSc7XG5pbXBvcnQgeyBJbWFnZVNuaXBwZXQgfSBmcm9tICcuLi8uLi9tb2RlbHMvaW1hZ2Utc25pcHBldCc7XG5cbnJlZ2lzdGVyKCk7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ttcy1pbWFnZS1zbGlkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vaW1hZ2Utc2xpZGVyLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgSW1hZ2VTbGlkZXJDb21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMsIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBzbGlkZXMhOiBzdHJpbmdbXTtcbiAgQElucHV0KCkgZWRpdE1vZGUgPSBmYWxzZTtcbiAgQElucHV0KCkgaW1hZ2VzVG9TYXZlPzogSW1hZ2VTbmlwcGV0W107XG4gIEBPdXRwdXQoKSBkZWxldGVJbWFnZUV2ZW50OiBFdmVudEVtaXR0ZXI8bnVtYmVyPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIG9yZGVyQ2hhbmdlZDogRXZlbnRFbWl0dGVyPEltYWdlU25pcHBldFtdPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGVsOiBFbGVtZW50UmVmKSB7fVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICB0aGlzLmluaXRpYWxpemVTd2lwZXJzKCk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcygpIHtcbiAgICB0aGlzLnVwZGF0ZVN3aXBlcnMoKTtcbiAgfVxuXG4gIGluaXRpYWxpemVTd2lwZXJzKCkge1xuICAgIGNvbnN0IHN3aXBlcjEgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW5bMF1cbiAgICAgIC5jaGlsZHJlblswXSBhcyBTd2lwZXJDb250YWluZXI7XG4gICAgY29uc3Qgc3dpcGVyMiA9IHRoaXMuZWwubmF0aXZlRWxlbWVudC5jaGlsZHJlblswXVxuICAgICAgLmNoaWxkcmVuWzFdIGFzIFN3aXBlckNvbnRhaW5lcjtcblxuICAgIE9iamVjdC5hc3NpZ24oc3dpcGVyMSwge1xuICAgICAgc2xpZGVzUGVyVmlldzogMSxcbiAgICAgIG5hdmlnYXRpb246IHRydWUsXG4gICAgICB0aHVtYnM6IHtcbiAgICAgICAgc3dpcGVyOiBzd2lwZXIyLFxuICAgICAgfSxcbiAgICAgIHBhZ2luYXRpb246IHtcbiAgICAgICAgY2xpY2thYmxlOiB0cnVlLFxuICAgICAgfSxcbiAgICB9KTtcblxuICAgIE9iamVjdC5hc3NpZ24oc3dpcGVyMiwge1xuICAgICAgc2xpZGVzUGVyVmlldzogNCxcbiAgICAgIGZyZWVNb2RlOiB0cnVlLFxuICAgICAgbmF2aWdhdGlvbjogdHJ1ZSxcbiAgICB9KTtcblxuICAgIHN3aXBlcjEuaW5pdGlhbGl6ZSgpO1xuICAgIHN3aXBlcjIuaW5pdGlhbGl6ZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVTd2lwZXJzKGRlbGF5TXMgPSAxMDApIHtcbiAgICBjb25zdCBzd2lwZXIxID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50LmNoaWxkcmVuWzBdXG4gICAgICAuY2hpbGRyZW5bMF0gYXMgU3dpcGVyQ29udGFpbmVyO1xuICAgIGNvbnN0IHN3aXBlcjIgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQuY2hpbGRyZW5bMF1cbiAgICAgIC5jaGlsZHJlblsxXSBhcyBTd2lwZXJDb250YWluZXI7XG5cbiAgICBpZiAoc3dpcGVyMS5zd2lwZXIgJiYgc3dpcGVyMi5zd2lwZXIpIHtcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBzd2lwZXIxLnN3aXBlci51cGRhdGUoKTtcbiAgICAgICAgc3dpcGVyMi5zd2lwZXIudXBkYXRlKCk7XG4gICAgICB9LCBkZWxheU1zKTtcbiAgICB9XG4gIH1cblxuICBkZWxldGVJbWFnZShpbmRleDogbnVtYmVyKSB7XG4gICAgdGhpcy5kZWxldGVJbWFnZUV2ZW50LmVtaXQoaW5kZXgpO1xuICAgIHRoaXMudXBkYXRlU3dpcGVycygyNTAwKTtcbiAgfVxuXG4gIG9uT3JkZXJDaGFuZ2VkKGV2ZW50OiBDZGtEcmFnRHJvcDxzdHJpbmdbXT4pIHtcbiAgICBpZiAodGhpcy5zbGlkZXMgJiYgdGhpcy5pbWFnZXNUb1NhdmUpIHtcbiAgICAgIG1vdmVJdGVtSW5BcnJheSh0aGlzLnNsaWRlcywgZXZlbnQucHJldmlvdXNJbmRleCwgZXZlbnQuY3VycmVudEluZGV4KTtcbiAgICAgIG1vdmVJdGVtSW5BcnJheShcbiAgICAgICAgdGhpcy5pbWFnZXNUb1NhdmUsXG4gICAgICAgIGV2ZW50LnByZXZpb3VzSW5kZXgsXG4gICAgICAgIGV2ZW50LmN1cnJlbnRJbmRleFxuICAgICAgKTtcbiAgICAgIHRoaXMub3JkZXJDaGFuZ2VkLmVtaXQodGhpcy5pbWFnZXNUb1NhdmUpO1xuICAgICAgdGhpcy51cGRhdGVTd2lwZXJzKCk7XG4gICAgfVxuICB9XG59XG4iLCI8ZGl2IGNsYXNzPVwiaW1hZ2Utc2xpZGVyLWNvbnRhaW5lclwiPlxuICA8c3dpcGVyLWNvbnRhaW5lclxuICAgIGNsYXNzPVwic3dpcGVyLW1haW4tdmlldy1jb250YWluZXJcIlxuICAgIHRodW1icy1zd2lwZXI9XCIuc3dpcGVyLWNhcm91c2VsLWNvbnRhaW5lclwiXG4gID5cbiAgICA8c3dpcGVyLXNsaWRlICpuZ0Zvcj1cImxldCBzbGlkZSBvZiBzbGlkZXNcIj5cbiAgICAgIDxpbWcgW3NyY109XCJzbGlkZVwiIGxvYWRpbmc9XCJsYXp5XCIgLz5cbiAgICA8L3N3aXBlci1zbGlkZT5cbiAgPC9zd2lwZXItY29udGFpbmVyPlxuXG4gIDxzd2lwZXItY29udGFpbmVyXG4gICAgY2xhc3M9XCJzd2lwZXItY2Fyb3VzZWwtY29udGFpbmVyXCJcbiAgICB0aHVtYnNTbGlkZXI9XCJcIlxuICAgIGNka0Ryb3BMaXN0XG4gICAgY2RrRHJvcExpc3RPcmllbnRhdGlvbj1cImhvcml6b250YWxcIlxuICAgIChjZGtEcm9wTGlzdERyb3BwZWQpPVwib25PcmRlckNoYW5nZWQoJGV2ZW50KVwiXG4gID5cbiAgICA8c3dpcGVyLXNsaWRlICpuZ0Zvcj1cImxldCBzbGlkZSBvZiBzbGlkZXM7IGxldCBpbmRleCA9IGluZGV4XCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiZWRpdE1vZGVcIj5cbiAgICAgICAgPGJ1dHRvbiBjZGtEcmFnIGNsYXNzPVwiZHJhZy1idXR0b25cIiBtYXQtbWVudS1pdGVtPjwvYnV0dG9uPlxuICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgY2xhc3M9XCJkZWxldGUtYnV0dG9uXCJcbiAgICAgICAgICBtYXQtbWVudS1pdGVtXG4gICAgICAgICAgKGNsaWNrKT1cImRlbGV0ZUltYWdlKGluZGV4KVwiXG4gICAgICAgID5cbiAgICAgICAgICA8a21zLWljb24gaWNvbj1cInRyYXNoXCIgW3NpemVdPVwiMTVcIj48L2ttcy1pY29uPlxuICAgICAgICA8L2J1dHRvbj5cbiAgICAgIDwvZGl2PlxuICAgICAgPGltZyBbc3JjXT1cInNsaWRlXCIgbG9hZGluZz1cImxhenlcIiAvPlxuICAgIDwvc3dpcGVyLXNsaWRlPlxuICA8L3N3aXBlci1jb250YWluZXI+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -3,19 +3,16 @@ import * as i0 from "@angular/core";
|
|
|
3
3
|
import * as i1 from "@angular/common";
|
|
4
4
|
import * as i2 from "@angular/material/progress-spinner";
|
|
5
5
|
export class LoaderComponent {
|
|
6
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
7
6
|
constructor() {
|
|
8
7
|
this.loading = false;
|
|
9
8
|
}
|
|
10
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
11
|
-
ngOnInit() { }
|
|
12
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
13
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, selector: "kms-loader", inputs: { loading: "loading" }, ngImport: i0, template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, selector: "kms-loader", inputs: { loading: "loading" }, ngImport: i0, template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n <mat-spinner class=\"spinnerMargin\" color=\"accent\" diameter=\"44\"></mat-spinner>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
14
11
|
}
|
|
15
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
16
13
|
type: Component,
|
|
17
|
-
args: [{ selector: 'kms-loader', template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n
|
|
18
|
-
}],
|
|
14
|
+
args: [{ selector: 'kms-loader', template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n <mat-spinner class=\"spinnerMargin\" color=\"accent\" diameter=\"44\"></mat-spinner>\n</div>\n" }]
|
|
15
|
+
}], propDecorators: { loading: [{
|
|
19
16
|
type: Input
|
|
20
17
|
}] } });
|
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
18
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9sb2FkZXIvbG9hZGVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFVLE1BQU0sZUFBZSxDQUFDOzs7O0FBT3pELE1BQU0sT0FBTyxlQUFlO0lBTDVCO1FBTVcsWUFBTyxHQUFHLEtBQUssQ0FBQztLQUMxQjsrR0FGWSxlQUFlO21HQUFmLGVBQWUsa0ZDUDVCLDJKQUdBOzs0RkRJYSxlQUFlO2tCQUwzQixTQUFTOytCQUNFLFlBQVk7OEJBS2IsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2ttcy1sb2FkZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vbG9hZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbG9hZGVyLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIExvYWRlckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIGxvYWRpbmcgPSBmYWxzZTtcbn1cbiIsIjxkaXYgY2xhc3M9XCJsb2FkaW5nLXNwaW5uZXItc2hhZGVcIiAqbmdJZj1cImxvYWRpbmdcIj5cbiAgPG1hdC1zcGlubmVyIGNsYXNzPVwic3Bpbm5lck1hcmdpblwiIGNvbG9yPVwiYWNjZW50XCIgZGlhbWV0ZXI9XCI0NFwiPjwvbWF0LXNwaW5uZXI+XG48L2Rpdj5cbiJdfQ==
|
|
@@ -4,20 +4,19 @@
|
|
|
4
4
|
import { Component, EventEmitter, forwardRef, Input, Output, } from '@angular/core';
|
|
5
5
|
import { NG_VALUE_ACCESSOR } from '@angular/forms';
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
-
import * as i1 from "@angular/
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
import * as i2 from "@angular/forms";
|
|
9
|
+
import * as i3 from "@angular/material/form-field";
|
|
10
|
+
import * as i4 from "@angular/material/slide-toggle";
|
|
8
11
|
export class SlideToggleComponent {
|
|
9
12
|
constructor() {
|
|
10
13
|
this.checked = false;
|
|
11
14
|
this.disabled = false;
|
|
12
15
|
this.name = '';
|
|
13
|
-
this.
|
|
16
|
+
this.change = new EventEmitter();
|
|
14
17
|
this.onChange = () => { };
|
|
15
18
|
this.onTouch = () => { };
|
|
16
19
|
}
|
|
17
|
-
selectAction(id) {
|
|
18
|
-
this.select.emit(id);
|
|
19
|
-
this.checked = !this.checked;
|
|
20
|
-
}
|
|
21
20
|
get value() {
|
|
22
21
|
return this.checked;
|
|
23
22
|
}
|
|
@@ -35,14 +34,17 @@ export class SlideToggleComponent {
|
|
|
35
34
|
registerOnTouched(fn) {
|
|
36
35
|
this.onTouch = fn;
|
|
37
36
|
}
|
|
37
|
+
emitOnChange($event) {
|
|
38
|
+
this.change.emit($event.checked);
|
|
39
|
+
}
|
|
38
40
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlideToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
39
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlideToggleComponent, selector: "kms-slide-toggle", inputs: {
|
|
41
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlideToggleComponent, selector: "kms-slide-toggle", inputs: { leftLabel: "leftLabel", rightLabel: "rightLabel", checked: "checked", disabled: "disabled", name: "name" }, outputs: { change: "change" }, providers: [
|
|
40
42
|
{
|
|
41
43
|
provide: NG_VALUE_ACCESSOR,
|
|
42
44
|
useExisting: forwardRef(() => SlideToggleComponent),
|
|
43
45
|
multi: true,
|
|
44
46
|
},
|
|
45
|
-
], ngImport: i0, template: "<mat-slide-toggle
|
|
47
|
+
], ngImport: i0, template: "<div class=\"kms-slide-toggle\">\n <mat-label\n *ngIf=\"leftLabel\"\n class=\"kms-slide-toggle__label\"\n [class.kms-slide-toggle__label--bold]=\"rightLabel && !checked\"\n >{{ leftLabel }}</mat-label\n >\n <mat-slide-toggle\n [name]=\"name\"\n [(ngModel)]=\"checked\"\n [disabled]=\"disabled\"\n [hideIcon]=\"true\"\n (change)=\"emitOnChange($event)\"\n />\n <mat-label\n *ngIf=\"rightLabel\"\n class=\"kms-slide-toggle__label\"\n [class.kms-slide-toggle__label--bold]=\"leftLabel && checked\"\n >{{ rightLabel }}</mat-label\n >\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }] }); }
|
|
46
48
|
}
|
|
47
49
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlideToggleComponent, decorators: [{
|
|
48
50
|
type: Component,
|
|
@@ -52,8 +54,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
52
54
|
useExisting: forwardRef(() => SlideToggleComponent),
|
|
53
55
|
multi: true,
|
|
54
56
|
},
|
|
55
|
-
], template: "<mat-slide-toggle
|
|
56
|
-
}], propDecorators: {
|
|
57
|
+
], template: "<div class=\"kms-slide-toggle\">\n <mat-label\n *ngIf=\"leftLabel\"\n class=\"kms-slide-toggle__label\"\n [class.kms-slide-toggle__label--bold]=\"rightLabel && !checked\"\n >{{ leftLabel }}</mat-label\n >\n <mat-slide-toggle\n [name]=\"name\"\n [(ngModel)]=\"checked\"\n [disabled]=\"disabled\"\n [hideIcon]=\"true\"\n (change)=\"emitOnChange($event)\"\n />\n <mat-label\n *ngIf=\"rightLabel\"\n class=\"kms-slide-toggle__label\"\n [class.kms-slide-toggle__label--bold]=\"leftLabel && checked\"\n >{{ rightLabel }}</mat-label\n >\n</div>\n" }]
|
|
58
|
+
}], propDecorators: { leftLabel: [{
|
|
59
|
+
type: Input
|
|
60
|
+
}], rightLabel: [{
|
|
57
61
|
type: Input
|
|
58
62
|
}], checked: [{
|
|
59
63
|
type: Input
|
|
@@ -61,7 +65,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
61
65
|
type: Input
|
|
62
66
|
}], name: [{
|
|
63
67
|
type: Input
|
|
64
|
-
}],
|
|
68
|
+
}], change: [{
|
|
65
69
|
type: Output
|
|
66
70
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2xpZGUtdG9nZ2xlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9zbGlkZS10b2dnbGUvc2xpZGUtdG9nZ2xlLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS9zbGlkZS10b2dnbGUvc2xpZGUtdG9nZ2xlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOztHQUVHO0FBRUgsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osVUFBVSxFQUNWLEtBQUssRUFDTCxNQUFNLEdBQ1AsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUF3QixpQkFBaUIsRUFBRSxNQUFNLGdCQUFnQixDQUFDOzs7Ozs7QUFlekUsTUFBTSxPQUFPLG9CQUFvQjtJQVpqQztRQWVXLFlBQU8sR0FBRyxLQUFLLENBQUM7UUFDaEIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVqQixTQUFJLEdBQUcsRUFBRSxDQUFDO1FBRVQsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7UUFFdEMsYUFBUSxHQUFRLEdBQUcsRUFBRSxHQUFFLENBQUMsQ0FBQztRQUV6QixZQUFPLEdBQVEsR0FBRyxFQUFFLEdBQUUsQ0FBQyxDQUFDO0tBMkJ6QjtJQXpCQyxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUM7SUFDdEIsQ0FBQztJQUVELElBQUksS0FBSyxDQUFDLEtBQWM7UUFDdEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFDckIsSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RCLENBQUM7SUFFRCxVQUFVLENBQUMsS0FBVTtRQUNuQixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsRUFBTztRQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQztJQUNyQixDQUFDO0lBRUQsaUJBQWlCLENBQUMsRUFBTztRQUN2QixJQUFJLENBQUMsT0FBTyxHQUFHLEVBQUUsQ0FBQztJQUNwQixDQUFDO0lBRUQsWUFBWSxDQUFDLE1BQTRCO1FBQ3ZDLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUNuQyxDQUFDOytHQXRDVSxvQkFBb0I7bUdBQXBCLG9CQUFvQixnTUFScEI7WUFDVDtnQkFDRSxPQUFPLEVBQUUsaUJBQWlCO2dCQUMxQixXQUFXLEVBQUUsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLG9CQUFvQixDQUFDO2dCQUNuRCxLQUFLLEVBQUUsSUFBSTthQUNaO1NBQ0YsMEJDeEJILDBrQkFxQkE7OzRGREthLG9CQUFvQjtrQkFaaEMsU0FBUzsrQkFDRSxrQkFBa0IsYUFHakI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGlCQUFpQjs0QkFDMUIsV0FBVyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEVBQUUscUJBQXFCLENBQUM7NEJBQ25ELEtBQUssRUFBRSxJQUFJO3lCQUNaO3FCQUNGOzhCQUdRLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFFRyxJQUFJO3NCQUFaLEtBQUs7Z0JBRUksTUFBTTtzQkFBZixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiLyoqXG4gKiBAY29weXJpZ2h0IEtNUyBHbWJIXG4gKi9cblxuaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFdmVudEVtaXR0ZXIsXG4gIGZvcndhcmRSZWYsXG4gIElucHV0LFxuICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29udHJvbFZhbHVlQWNjZXNzb3IsIE5HX1ZBTFVFX0FDQ0VTU09SIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgTWF0U2xpZGVUb2dnbGVDaGFuZ2UgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9zbGlkZS10b2dnbGUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdrbXMtc2xpZGUtdG9nZ2xlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3NsaWRlLXRvZ2dsZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3NsaWRlLXRvZ2dsZS5jb21wb25lbnQuc2NzcyddLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBOR19WQUxVRV9BQ0NFU1NPUixcbiAgICAgIHVzZUV4aXN0aW5nOiBmb3J3YXJkUmVmKCgpID0+IFNsaWRlVG9nZ2xlQ29tcG9uZW50KSxcbiAgICAgIG11bHRpOiB0cnVlLFxuICAgIH0sXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNsaWRlVG9nZ2xlQ29tcG9uZW50IGltcGxlbWVudHMgQ29udHJvbFZhbHVlQWNjZXNzb3Ige1xuICBASW5wdXQoKSBsZWZ0TGFiZWw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHJpZ2h0TGFiZWw/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIGNoZWNrZWQgPSBmYWxzZTtcbiAgQElucHV0KCkgZGlzYWJsZWQgPSBmYWxzZTtcblxuICBASW5wdXQoKSBuYW1lID0gJyc7XG5cbiAgQE91dHB1dCgpIGNoYW5nZSA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBvbkNoYW5nZTogYW55ID0gKCkgPT4ge307XG5cbiAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XG5cbiAgZ2V0IHZhbHVlKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmNoZWNrZWQ7XG4gIH1cblxuICBzZXQgdmFsdWUodmFsdWU6IGJvb2xlYW4pIHtcbiAgICB0aGlzLmNoZWNrZWQgPSB2YWx1ZTtcbiAgICB0aGlzLm9uQ2hhbmdlKHZhbHVlKTtcbiAgICB0aGlzLm9uVG91Y2godmFsdWUpO1xuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KSB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlO1xuICB9XG5cbiAgcmVnaXN0ZXJPbkNoYW5nZShmbjogYW55KSB7XG4gICAgdGhpcy5vbkNoYW5nZSA9IGZuO1xuICB9XG5cbiAgcmVnaXN0ZXJPblRvdWNoZWQoZm46IGFueSkge1xuICAgIHRoaXMub25Ub3VjaCA9IGZuO1xuICB9XG5cbiAgZW1pdE9uQ2hhbmdlKCRldmVudDogTWF0U2xpZGVUb2dnbGVDaGFuZ2UpIHtcbiAgICB0aGlzLmNoYW5nZS5lbWl0KCRldmVudC5jaGVja2VkKTtcbiAgfVxufVxuIiwiPGRpdiBjbGFzcz1cImttcy1zbGlkZS10b2dnbGVcIj5cbiAgPG1hdC1sYWJlbFxuICAgICpuZ0lmPVwibGVmdExhYmVsXCJcbiAgICBjbGFzcz1cImttcy1zbGlkZS10b2dnbGVfX2xhYmVsXCJcbiAgICBbY2xhc3Mua21zLXNsaWRlLXRvZ2dsZV9fbGFiZWwtLWJvbGRdPVwicmlnaHRMYWJlbCAmJiAhY2hlY2tlZFwiXG4gICAgPnt7IGxlZnRMYWJlbCB9fTwvbWF0LWxhYmVsXG4gID5cbiAgPG1hdC1zbGlkZS10b2dnbGVcbiAgICBbbmFtZV09XCJuYW1lXCJcbiAgICBbKG5nTW9kZWwpXT1cImNoZWNrZWRcIlxuICAgIFtkaXNhYmxlZF09XCJkaXNhYmxlZFwiXG4gICAgW2hpZGVJY29uXT1cInRydWVcIlxuICAgIChjaGFuZ2UpPVwiZW1pdE9uQ2hhbmdlKCRldmVudClcIlxuICAvPlxuICA8bWF0LWxhYmVsXG4gICAgKm5nSWY9XCJyaWdodExhYmVsXCJcbiAgICBjbGFzcz1cImttcy1zbGlkZS10b2dnbGVfX2xhYmVsXCJcbiAgICBbY2xhc3Mua21zLXNsaWRlLXRvZ2dsZV9fbGFiZWwtLWJvbGRdPVwibGVmdExhYmVsICYmIGNoZWNrZWRcIlxuICAgID57eyByaWdodExhYmVsIH19PC9tYXQtbGFiZWxcbiAgPlxuPC9kaXY+XG4iXX0=
|
|
@@ -6,11 +6,11 @@ import * as i2 from "../../directives/size.directive";
|
|
|
6
6
|
import * as i3 from "../icon/icon.component";
|
|
7
7
|
export class TooltipIconComponent {
|
|
8
8
|
constructor() {
|
|
9
|
-
this.tooltipTitle =
|
|
10
|
-
this.tooltipText =
|
|
11
|
-
this.tooltipLinkText =
|
|
12
|
-
this.tooltipLinkUrl =
|
|
13
|
-
this.placement =
|
|
9
|
+
this.tooltipTitle = '';
|
|
10
|
+
this.tooltipText = '';
|
|
11
|
+
this.tooltipLinkText = '';
|
|
12
|
+
this.tooltipLinkUrl = '';
|
|
13
|
+
this.placement = 'bottom';
|
|
14
14
|
this.delay = 1000;
|
|
15
15
|
this.IconSizePx = IconSizePx;
|
|
16
16
|
}
|
|
@@ -33,4 +33,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
33
33
|
}], delay: [{
|
|
34
34
|
type: Input
|
|
35
35
|
}] } });
|
|
36
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
36
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9vbHRpcC1pY29uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwLWljb24vdG9vbHRpcC1pY29uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2ttcy1uZ3gtdWktcHJlc2VudGF0aW9uYWwvc3JjL2xpYi91aS90b29sdGlwLWljb24vdG9vbHRpcC1pY29uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7Ozs7QUFPbkQsTUFBTSxPQUFPLG9CQUFvQjtJQUxqQztRQU1XLGlCQUFZLEdBQUcsRUFBRSxDQUFDO1FBQ2xCLGdCQUFXLEdBQUcsRUFBRSxDQUFDO1FBQ2pCLG9CQUFlLEdBQUcsRUFBRSxDQUFDO1FBQ3JCLG1CQUFjLEdBQUcsRUFBRSxDQUFDO1FBRXBCLGNBQVMsR0FBd0MsUUFBUSxDQUFDO1FBQzFELFVBQUssR0FBRyxJQUFJLENBQUM7UUFFdEIsZUFBVSxHQUFHLFVBQVUsQ0FBQztLQUN6QjsrR0FWWSxvQkFBb0I7bUdBQXBCLG9CQUFvQiw0T0NUakMsK1dBV0E7OzRGREZhLG9CQUFvQjtrQkFMaEMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBS25CLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLGNBQWM7c0JBQXRCLEtBQUs7Z0JBRUcsU0FBUztzQkFBakIsS0FBSztnQkFDRyxLQUFLO3NCQUFiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBJY29uU2l6ZSB9IGZyb20gJy4uLy4uL21vZGVscyc7XG5pbXBvcnQgeyBJY29uU2l6ZVB4IH0gZnJvbSAnLi4vaWNvbi9pY29uU2l6ZS5lbnVtJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAna21zLXRvb2x0aXAtaWNvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi90b29sdGlwLWljb24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi90b29sdGlwLWljb24uY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgVG9vbHRpcEljb25Db21wb25lbnQge1xuICBASW5wdXQoKSB0b29sdGlwVGl0bGUgPSAnJztcbiAgQElucHV0KCkgdG9vbHRpcFRleHQgPSAnJztcbiAgQElucHV0KCkgdG9vbHRpcExpbmtUZXh0ID0gJyc7XG4gIEBJbnB1dCgpIHRvb2x0aXBMaW5rVXJsID0gJyc7XG5cbiAgQElucHV0KCkgcGxhY2VtZW50OiAndG9wJyB8ICdib3R0b20nIHwgJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdib3R0b20nO1xuICBASW5wdXQoKSBkZWxheSA9IDEwMDA7XG5cbiAgSWNvblNpemVQeCA9IEljb25TaXplUHg7XG59XG4iLCI8c3BhblxuICAgIGttc1Rvb2x0aXBcbiAgICBbdG9vbHRpcFRpdGxlXT1cInRvb2x0aXBUaXRsZVwiXG4gICAgW3Rvb2x0aXBUZXh0XT1cInRvb2x0aXBUZXh0XCJcbiAgICBbdG9vbHRpcFBsYWNlbWVudF09XCJwbGFjZW1lbnRcIlxuICAgIFt0b29sdGlwRGVsYXldPVwiZGVsYXlcIlxuICAgIFt0b29sdGlwTGlua1RleHRdPVwidG9vbHRpcExpbmtUZXh0XCJcbiAgICBbdG9vbHRpcExpbmtVcmxdPVwidG9vbHRpcExpbmtVcmxcIlxuPlxuICAgIDxrbXMtaWNvbiBpY29uPVwiaWNfaW5mb1wiIFtzaXplXT1cIkljb25TaXplUHguU01BTExFUlwiIFtpY29uQ2xhc3NdPVwiJ2NvbG9yLXByaW1hcnknXCI+PC9rbXMtaWNvbj5cbjwvc3Bhbj5cbiJdfQ==
|
|
@@ -8,7 +8,7 @@ import * as i2$1 from '@angular/material/checkbox';
|
|
|
8
8
|
import { MatCheckboxModule } from '@angular/material/checkbox';
|
|
9
9
|
import * as i2$2 from '@angular/material/radio';
|
|
10
10
|
import { MatRadioModule } from '@angular/material/radio';
|
|
11
|
-
import * as
|
|
11
|
+
import * as i4$3 from '@angular/material/slide-toggle';
|
|
12
12
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
13
13
|
import * as i1$1 from '@angular/platform-browser';
|
|
14
14
|
import * as i3 from '@angular/material/form-field';
|
|
@@ -672,11 +672,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
672
672
|
|
|
673
673
|
class TooltipIconComponent {
|
|
674
674
|
constructor() {
|
|
675
|
-
this.tooltipTitle =
|
|
676
|
-
this.tooltipText =
|
|
677
|
-
this.tooltipLinkText =
|
|
678
|
-
this.tooltipLinkUrl =
|
|
679
|
-
this.placement =
|
|
675
|
+
this.tooltipTitle = '';
|
|
676
|
+
this.tooltipText = '';
|
|
677
|
+
this.tooltipLinkText = '';
|
|
678
|
+
this.tooltipLinkUrl = '';
|
|
679
|
+
this.placement = 'bottom';
|
|
680
680
|
this.delay = 1000;
|
|
681
681
|
this.IconSizePx = IconSizePx;
|
|
682
682
|
}
|
|
@@ -1269,19 +1269,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
1269
1269
|
}] } });
|
|
1270
1270
|
|
|
1271
1271
|
class LoaderComponent {
|
|
1272
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
1273
1272
|
constructor() {
|
|
1274
1273
|
this.loading = false;
|
|
1275
1274
|
}
|
|
1276
|
-
// eslint-disable-next-line @typescript-eslint/no-empty-function
|
|
1277
|
-
ngOnInit() { }
|
|
1278
1275
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1279
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, selector: "kms-loader", inputs: { loading: "loading" }, ngImport: i0, template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n
|
|
1276
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: LoaderComponent, selector: "kms-loader", inputs: { loading: "loading" }, ngImport: i0, template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n <mat-spinner class=\"spinnerMargin\" color=\"accent\" diameter=\"44\"></mat-spinner>\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2$3.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] }); }
|
|
1280
1277
|
}
|
|
1281
1278
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: LoaderComponent, decorators: [{
|
|
1282
1279
|
type: Component,
|
|
1283
|
-
args: [{ selector: 'kms-loader', template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n
|
|
1284
|
-
}],
|
|
1280
|
+
args: [{ selector: 'kms-loader', template: "<div class=\"loading-spinner-shade\" *ngIf=\"loading\">\n <mat-spinner class=\"spinnerMargin\" color=\"accent\" diameter=\"44\"></mat-spinner>\n</div>\n" }]
|
|
1281
|
+
}], propDecorators: { loading: [{
|
|
1285
1282
|
type: Input
|
|
1286
1283
|
}] } });
|
|
1287
1284
|
|
|
@@ -2531,7 +2528,6 @@ class ImageSliderComponent {
|
|
|
2531
2528
|
slidesPerView: 4,
|
|
2532
2529
|
freeMode: true,
|
|
2533
2530
|
navigation: true,
|
|
2534
|
-
simulateTouch: false,
|
|
2535
2531
|
});
|
|
2536
2532
|
swiper1.initialize();
|
|
2537
2533
|
swiper2.initialize();
|
|
@@ -2561,11 +2557,11 @@ class ImageSliderComponent {
|
|
|
2561
2557
|
}
|
|
2562
2558
|
}
|
|
2563
2559
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageSliderComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2564
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageSliderComponent, selector: "kms-image-slider", inputs: { slides: "slides", editMode: "editMode", imagesToSave: "imagesToSave" }, outputs: { deleteImageEvent: "deleteImageEvent", orderChanged: "orderChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"image-slider-container\">\n <swiper-container
|
|
2560
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: ImageSliderComponent, selector: "kms-image-slider", inputs: { slides: "slides", editMode: "editMode", imagesToSave: "imagesToSave" }, outputs: { deleteImageEvent: "deleteImageEvent", orderChanged: "orderChanged" }, usesOnChanges: true, ngImport: i0, template: "<div class=\"image-slider-container\">\n <swiper-container\n class=\"swiper-main-view-container\"\n thumbs-swiper=\".swiper-carousel-container\"\n >\n <swiper-slide *ngFor=\"let slide of slides\">\n <img [src]=\"slide\" loading=\"lazy\" />\n </swiper-slide>\n </swiper-container>\n\n <swiper-container\n class=\"swiper-carousel-container\"\n thumbsSlider=\"\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onOrderChanged($event)\"\n >\n <swiper-slide *ngFor=\"let slide of slides; let index = index\">\n <div *ngIf=\"editMode\">\n <button cdkDrag class=\"drag-button\" mat-menu-item></button>\n <button\n class=\"delete-button\"\n mat-menu-item\n (click)=\"deleteImage(index)\"\n >\n <kms-icon icon=\"trash\" [size]=\"15\"></kms-icon>\n </button>\n </div>\n <img [src]=\"slide\" loading=\"lazy\" />\n </swiper-slide>\n </swiper-container>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$4.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i3$5.MatMenuItem, selector: "[mat-menu-item]", inputs: ["disabled", "disableRipple", "role"], exportAs: ["matMenuItem"] }, { kind: "directive", type: SizeDirective, selector: "[size]", inputs: ["size"] }, { kind: "component", type: IconComponent, selector: "kms-icon", inputs: ["icon", "iconClass", "iconStyle", "iconSize", "size", "dontUseSprite"] }] }); }
|
|
2565
2561
|
}
|
|
2566
2562
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: ImageSliderComponent, decorators: [{
|
|
2567
2563
|
type: Component,
|
|
2568
|
-
args: [{ selector: 'kms-image-slider', template: "<div class=\"image-slider-container\">\n <swiper-container
|
|
2564
|
+
args: [{ selector: 'kms-image-slider', template: "<div class=\"image-slider-container\">\n <swiper-container\n class=\"swiper-main-view-container\"\n thumbs-swiper=\".swiper-carousel-container\"\n >\n <swiper-slide *ngFor=\"let slide of slides\">\n <img [src]=\"slide\" loading=\"lazy\" />\n </swiper-slide>\n </swiper-container>\n\n <swiper-container\n class=\"swiper-carousel-container\"\n thumbsSlider=\"\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onOrderChanged($event)\"\n >\n <swiper-slide *ngFor=\"let slide of slides; let index = index\">\n <div *ngIf=\"editMode\">\n <button cdkDrag class=\"drag-button\" mat-menu-item></button>\n <button\n class=\"delete-button\"\n mat-menu-item\n (click)=\"deleteImage(index)\"\n >\n <kms-icon icon=\"trash\" [size]=\"15\"></kms-icon>\n </button>\n </div>\n <img [src]=\"slide\" loading=\"lazy\" />\n </swiper-slide>\n </swiper-container>\n</div>\n" }]
|
|
2569
2565
|
}], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { slides: [{
|
|
2570
2566
|
type: Input
|
|
2571
2567
|
}], editMode: [{
|
|
@@ -2671,14 +2667,10 @@ class SlideToggleComponent {
|
|
|
2671
2667
|
this.checked = false;
|
|
2672
2668
|
this.disabled = false;
|
|
2673
2669
|
this.name = '';
|
|
2674
|
-
this.
|
|
2670
|
+
this.change = new EventEmitter();
|
|
2675
2671
|
this.onChange = () => { };
|
|
2676
2672
|
this.onTouch = () => { };
|
|
2677
2673
|
}
|
|
2678
|
-
selectAction(id) {
|
|
2679
|
-
this.select.emit(id);
|
|
2680
|
-
this.checked = !this.checked;
|
|
2681
|
-
}
|
|
2682
2674
|
get value() {
|
|
2683
2675
|
return this.checked;
|
|
2684
2676
|
}
|
|
@@ -2696,14 +2688,17 @@ class SlideToggleComponent {
|
|
|
2696
2688
|
registerOnTouched(fn) {
|
|
2697
2689
|
this.onTouch = fn;
|
|
2698
2690
|
}
|
|
2691
|
+
emitOnChange($event) {
|
|
2692
|
+
this.change.emit($event.checked);
|
|
2693
|
+
}
|
|
2699
2694
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlideToggleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2700
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlideToggleComponent, selector: "kms-slide-toggle", inputs: {
|
|
2695
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: SlideToggleComponent, selector: "kms-slide-toggle", inputs: { leftLabel: "leftLabel", rightLabel: "rightLabel", checked: "checked", disabled: "disabled", name: "name" }, outputs: { change: "change" }, providers: [
|
|
2701
2696
|
{
|
|
2702
2697
|
provide: NG_VALUE_ACCESSOR,
|
|
2703
2698
|
useExisting: forwardRef(() => SlideToggleComponent),
|
|
2704
2699
|
multi: true,
|
|
2705
2700
|
},
|
|
2706
|
-
], ngImport: i0, template: "<mat-slide-toggle
|
|
2701
|
+
], ngImport: i0, template: "<div class=\"kms-slide-toggle\">\n <mat-label\n *ngIf=\"leftLabel\"\n class=\"kms-slide-toggle__label\"\n [class.kms-slide-toggle__label--bold]=\"rightLabel && !checked\"\n >{{ leftLabel }}</mat-label\n >\n <mat-slide-toggle\n [name]=\"name\"\n [(ngModel)]=\"checked\"\n [disabled]=\"disabled\"\n [hideIcon]=\"true\"\n (change)=\"emitOnChange($event)\"\n />\n <mat-label\n *ngIf=\"rightLabel\"\n class=\"kms-slide-toggle__label\"\n [class.kms-slide-toggle__label--bold]=\"leftLabel && checked\"\n >{{ rightLabel }}</mat-label\n >\n</div>\n", styles: [""], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i3.MatLabel, selector: "mat-label" }, { kind: "component", type: i4$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }] }); }
|
|
2707
2702
|
}
|
|
2708
2703
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: SlideToggleComponent, decorators: [{
|
|
2709
2704
|
type: Component,
|
|
@@ -2713,8 +2708,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2713
2708
|
useExisting: forwardRef(() => SlideToggleComponent),
|
|
2714
2709
|
multi: true,
|
|
2715
2710
|
},
|
|
2716
|
-
], template: "<mat-slide-toggle
|
|
2717
|
-
}], propDecorators: {
|
|
2711
|
+
], template: "<div class=\"kms-slide-toggle\">\n <mat-label\n *ngIf=\"leftLabel\"\n class=\"kms-slide-toggle__label\"\n [class.kms-slide-toggle__label--bold]=\"rightLabel && !checked\"\n >{{ leftLabel }}</mat-label\n >\n <mat-slide-toggle\n [name]=\"name\"\n [(ngModel)]=\"checked\"\n [disabled]=\"disabled\"\n [hideIcon]=\"true\"\n (change)=\"emitOnChange($event)\"\n />\n <mat-label\n *ngIf=\"rightLabel\"\n class=\"kms-slide-toggle__label\"\n [class.kms-slide-toggle__label--bold]=\"leftLabel && checked\"\n >{{ rightLabel }}</mat-label\n >\n</div>\n" }]
|
|
2712
|
+
}], propDecorators: { leftLabel: [{
|
|
2713
|
+
type: Input
|
|
2714
|
+
}], rightLabel: [{
|
|
2718
2715
|
type: Input
|
|
2719
2716
|
}], checked: [{
|
|
2720
2717
|
type: Input
|
|
@@ -2722,7 +2719,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
2722
2719
|
type: Input
|
|
2723
2720
|
}], name: [{
|
|
2724
2721
|
type: Input
|
|
2725
|
-
}],
|
|
2722
|
+
}], change: [{
|
|
2726
2723
|
type: Output
|
|
2727
2724
|
}] } });
|
|
2728
2725
|
|