slick-components 17.0.21 → 17.0.23

package/fesm2022/slick-components.mjs

@@ -23,7 +23,7 @@ class SlickInitParams {
     }
 }
 class SlickInitService {
-    static { this.version = "17.0.21"; }
+    static { this.version = "17.0.23"; }
     constructor() { }
     static init(initParams) {
         console.info(`Slick Components Version ${SlickInitService.version}`);
@@ -4759,7 +4759,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
         }] });
 
 class SlickEmailViewerComponent {
-    constructor() {
+    constructor(sanitizer) {
+        this.sanitizer = sanitizer;
         this.propagateChange = (_) => { };
         this.uuid = SlickUtilsService.newGuid();
     }
@@ -4774,14 +4775,14 @@ class SlickEmailViewerComponent {
     }
     // not used, used for touch input
     registerOnTouched() { }
-    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickEmailViewerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickEmailViewerComponent, deps: [{ token: i1$3.DomSanitizer }], target: i0.ɵɵFactoryTarget.Component }); }
     /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickEmailViewerComponent, selector: "slick-email-viewer", providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef((() => SlickEmailViewerComponent)),
                 multi: true,
             }
-        ], ngImport: i0, template: "<div *ngIf=\"emailerModel\" id=\"slick-email-viewer_{{uuid}}\" class=\"slick-email-viewer\">\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>To:&nbsp;</label><br />\r\n\t\t\t<div *ngFor=\"let emailAddress of emailerModel.toEmailAddresses; let idx = index;\" class=\"slick-email-viewer_email-address card\">{{emailAddress.displayName}} [{{emailAddress.emailAddress}}]</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Subject:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_subject card\">{{emailerModel.subject}}</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Body:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_body card\" [innerHTML]=\"emailerModel.body\"></div>\r\n\t\t\t\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"emailerModel.attachments && emailerModel.attachments.length > 0\" class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Attachments:</label>\r\n\t\t\t<slick-file-list [(files)]=\"emailerModel.attachments\" [allowDelete]=\"false\"></slick-file-list>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\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: "component", type: SlickFileListComponent, selector: "slick-file-list", inputs: ["files", "allowDelete", "showPhotoGallery", "showCheckboxes", "thumbnailSize", "confirmDelete"], outputs: ["filesEmitter", "onFileChanged", "onFileDeleted", "onFileCheckChanged", "onFileClicked"] }] }); }
+        ], ngImport: i0, template: "<div *ngIf=\"emailerModel\" id=\"slick-email-viewer_{{uuid}}\" class=\"slick-email-viewer\">\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>To:&nbsp;</label><br />\r\n\t\t\t<div *ngFor=\"let emailAddress of emailerModel.toEmailAddresses; let idx = index;\" class=\"slick-email-viewer_email-address card\">{{emailAddress.displayName}} [{{emailAddress.emailAddress}}]</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Subject:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_subject card\">{{emailerModel.subject}}</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Body:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_body card\" [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(emailerModel.body)\"></div>\r\n\t\t\t\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"emailerModel.attachments && emailerModel.attachments.length > 0\" class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Attachments:</label>\r\n\t\t\t<slick-file-list [(files)]=\"emailerModel.attachments\" [allowDelete]=\"false\"></slick-file-list>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\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: "component", type: SlickFileListComponent, selector: "slick-file-list", inputs: ["files", "allowDelete", "showPhotoGallery", "showCheckboxes", "thumbnailSize", "confirmDelete"], outputs: ["filesEmitter", "onFileChanged", "onFileDeleted", "onFileCheckChanged", "onFileClicked"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickEmailViewerComponent, decorators: [{
             type: Component,
@@ -4791,8 +4792,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImpor
                             useExisting: forwardRef((() => SlickEmailViewerComponent)),
                             multi: true,
                         }
-                    ], template: "<div *ngIf=\"emailerModel\" id=\"slick-email-viewer_{{uuid}}\" class=\"slick-email-viewer\">\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>To:&nbsp;</label><br />\r\n\t\t\t<div *ngFor=\"let emailAddress of emailerModel.toEmailAddresses; let idx = index;\" class=\"slick-email-viewer_email-address card\">{{emailAddress.displayName}} [{{emailAddress.emailAddress}}]</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Subject:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_subject card\">{{emailerModel.subject}}</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Body:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_body card\" [innerHTML]=\"emailerModel.body\"></div>\r\n\t\t\t\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"emailerModel.attachments && emailerModel.attachments.length > 0\" class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Attachments:</label>\r\n\t\t\t<slick-file-list [(files)]=\"emailerModel.attachments\" [allowDelete]=\"false\"></slick-file-list>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
-        }], ctorParameters: () => [] });
+                    ], template: "<div *ngIf=\"emailerModel\" id=\"slick-email-viewer_{{uuid}}\" class=\"slick-email-viewer\">\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>To:&nbsp;</label><br />\r\n\t\t\t<div *ngFor=\"let emailAddress of emailerModel.toEmailAddresses; let idx = index;\" class=\"slick-email-viewer_email-address card\">{{emailAddress.displayName}} [{{emailAddress.emailAddress}}]</div>\r\n\t\t</div>\r\n\t</div>\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Subject:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_subject card\">{{emailerModel.subject}}</div>\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Body:</label><br />\r\n\t\t\t<div class=\"slick-email-viewer_body card\" [innerHTML]=\"sanitizer.bypassSecurityTrustHtml(emailerModel.body)\"></div>\r\n\t\t\t\r\n\t\t</div>\r\n\t</div>\r\n\r\n\t<div *ngIf=\"emailerModel.attachments && emailerModel.attachments.length > 0\" class=\"row form-group\">\r\n\t\t<div class=\"col-12\">\r\n\t\t\t<label>Attachments:</label>\r\n\t\t\t<slick-file-list [(files)]=\"emailerModel.attachments\" [allowDelete]=\"false\"></slick-file-list>\r\n\t\t</div>\r\n\t</div>\r\n</div>\r\n" }]
+        }], ctorParameters: () => [{ type: i1$3.DomSanitizer }] });
 
 class SlickEmailViewerDialogComponent {
     constructor(changeDetector) {
@@ -8168,11 +8169,11 @@ class SlickTabComponent {
         this.selected = true;
     }
     /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickTabComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickTabComponent, selector: "slick-tab", inputs: { header: "header", icon: "icon", key: "key" }, viewQueries: [{ propertyName: "tabHeaderRef", first: true, predicate: ["tabHeaderRef"], descendants: true }, { propertyName: "tabBodyRef", first: true, predicate: ["tabBodyRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class='slick-tab btn' [ngClass]=\"{'btn-primary': selected === true, 'btn-secondary': selected === false }\" (click)='onTabClicked()'>\r\n\t<slick-tab-header *ngIf='showHeaderFromInput' #tabHeaderRef></slick-tab-header>\r\n\t<ng-content *ngIf='!showHeaderFromInput' select='slick-tab-header'></ng-content>\r\n</div>\r\n<div id='tabBody_{{uuid}}' class='slick-tab-body' style='display: none; width: 100%;' #tabBodyRef>\r\n\t<ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlickTabHeaderComponent, selector: "slick-tab-header" }] }); }
+    /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.1", type: SlickTabComponent, selector: "slick-tab", inputs: { header: "header", icon: "icon", key: "key" }, viewQueries: [{ propertyName: "tabHeaderRef", first: true, predicate: ["tabHeaderRef"], descendants: true }, { propertyName: "tabBodyRef", first: true, predicate: ["tabBodyRef"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div class='slick-tab btn' [ngClass]=\"{'btn-primary text-body': selected === true, 'btn-secondary': selected === false }\" (click)='onTabClicked()'>\r\n\t<slick-tab-header *ngIf='showHeaderFromInput' #tabHeaderRef></slick-tab-header>\r\n\t<ng-content *ngIf='!showHeaderFromInput' select='slick-tab-header'></ng-content>\r\n</div>\r\n<div id='tabBody_{{uuid}}' class='slick-tab-body' style='display: none; width: 100%;' #tabBodyRef>\r\n\t<ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SlickTabHeaderComponent, selector: "slick-tab-header" }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.1", ngImport: i0, type: SlickTabComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'slick-tab', template: "<div class='slick-tab btn' [ngClass]=\"{'btn-primary': selected === true, 'btn-secondary': selected === false }\" (click)='onTabClicked()'>\r\n\t<slick-tab-header *ngIf='showHeaderFromInput' #tabHeaderRef></slick-tab-header>\r\n\t<ng-content *ngIf='!showHeaderFromInput' select='slick-tab-header'></ng-content>\r\n</div>\r\n<div id='tabBody_{{uuid}}' class='slick-tab-body' style='display: none; width: 100%;' #tabBodyRef>\r\n\t<ng-content></ng-content>\r\n</div>\r\n" }]
+            args: [{ selector: 'slick-tab', template: "<div class='slick-tab btn' [ngClass]=\"{'btn-primary text-body': selected === true, 'btn-secondary': selected === false }\" (click)='onTabClicked()'>\r\n\t<slick-tab-header *ngIf='showHeaderFromInput' #tabHeaderRef></slick-tab-header>\r\n\t<ng-content *ngIf='!showHeaderFromInput' select='slick-tab-header'></ng-content>\r\n</div>\r\n<div id='tabBody_{{uuid}}' class='slick-tab-body' style='display: none; width: 100%;' #tabBodyRef>\r\n\t<ng-content></ng-content>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { header: [{
                 type: Input
             }], icon: [{