@firestitch/system 12.1.7 → 12.2.0

package/app/components/settings/settings.component.d.ts

@@ -1,13 +1,13 @@
 import { OnInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
 import { FsPrompt } from '@firestitch/prompt';
 import { FsMessage } from '@firestitch/message';
-import { ClipboardService } from 'ngx-clipboard';
+import { FsClipboard } from '@firestitch/clipboard';
 import { SettingInterfaceType } from '../../enums';
 import { Observable } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class SettingsComponent implements OnInit {
     private _message;
-    private _clipboardService;
+    private _clipboard;
     private _prompt;
     private _cdRef;
     loadSettings: () => Observable<any[]>;
@@ -20,7 +20,7 @@ export declare class SettingsComponent implements OnInit {
     groupedSettings: any[];
     groups: any[];
     SettingInterfaceType: typeof SettingInterfaceType;
-    constructor(_message: FsMessage, _clipboardService: ClipboardService, _prompt: FsPrompt, _cdRef: ChangeDetectorRef);
+    constructor(_message: FsMessage, _clipboard: FsClipboard, _prompt: FsPrompt, _cdRef: ChangeDetectorRef);
     ngOnInit(): void;
     export(event: UIEvent, settings: any): void;
     import(event: UIEvent, group: any): void;

package/app/fs-system.module.d.ts

@@ -39,10 +39,9 @@ import * as i35 from "@firestitch/datepicker";
 import * as i36 from "@firestitch/menu";
 import * as i37 from "@firestitch/popover";
 import * as i38 from "@firestitch/colorpicker";
-import * as i39 from "ngx-clipboard";
 export declare class FsSystemModule {
     static forRoot(config: FsSystemConfig): ModuleWithProviders<FsSystemModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FsSystemModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FsSystemModule, [typeof i1.DashboardComponent, typeof i2.CronsComponent, typeof i3.SettingsComponent, typeof i4.KeyNameValuePipe, typeof i5.FileManagerComponent, typeof i6.ProcessesComponent, typeof i7.ServerLogComponent, typeof i8.ServerLogsComponent, typeof i9.UpgradeLogsComponent, typeof i10.ApiLogsComponent, typeof i11.ApiLogComponent, typeof i12.InfoComponent, typeof i13.ProcessComponent, typeof i14.CronComponent, typeof i15.CronLogComponent], [typeof i16.CommonModule, typeof i17.FlexLayoutModule, typeof i18.FormsModule, typeof i19.MatButtonModule, typeof i20.MatExpansionModule, typeof i21.MatTooltipModule, typeof i22.MatIconModule, typeof i23.MatFormFieldModule, typeof i24.MatInputModule, typeof i25.MatSelectModule, typeof i26.MatDialogModule, typeof i27.MatTabsModule, typeof i28.FsDateModule, typeof i29.FsSkeletonModule, typeof i30.FsListModule, typeof i31.FsFileModule, typeof i32.FsFileManagerModule, typeof i33.FsLabelModule, typeof i34.FsDialogModule, typeof i35.FsDatePickerModule, typeof i36.FsMenuModule, typeof i37.FsPopoverModule, typeof i38.FsColorPickerModule, typeof i39.ClipboardModule], [typeof i1.DashboardComponent, typeof i2.CronsComponent, typeof i3.SettingsComponent, typeof i5.FileManagerComponent, typeof i6.ProcessesComponent, typeof i8.ServerLogsComponent, typeof i9.UpgradeLogsComponent, typeof i10.ApiLogsComponent, typeof i12.InfoComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<FsSystemModule, [typeof i1.DashboardComponent, typeof i2.CronsComponent, typeof i3.SettingsComponent, typeof i4.KeyNameValuePipe, typeof i5.FileManagerComponent, typeof i6.ProcessesComponent, typeof i7.ServerLogComponent, typeof i8.ServerLogsComponent, typeof i9.UpgradeLogsComponent, typeof i10.ApiLogsComponent, typeof i11.ApiLogComponent, typeof i12.InfoComponent, typeof i13.ProcessComponent, typeof i14.CronComponent, typeof i15.CronLogComponent], [typeof i16.CommonModule, typeof i17.FlexLayoutModule, typeof i18.FormsModule, typeof i19.MatButtonModule, typeof i20.MatExpansionModule, typeof i21.MatTooltipModule, typeof i22.MatIconModule, typeof i23.MatFormFieldModule, typeof i24.MatInputModule, typeof i25.MatSelectModule, typeof i26.MatDialogModule, typeof i27.MatTabsModule, typeof i28.FsDateModule, typeof i29.FsSkeletonModule, typeof i30.FsListModule, typeof i31.FsFileModule, typeof i32.FsFileManagerModule, typeof i33.FsLabelModule, typeof i34.FsDialogModule, typeof i35.FsDatePickerModule, typeof i36.FsMenuModule, typeof i37.FsPopoverModule, typeof i38.FsColorPickerModule], [typeof i1.DashboardComponent, typeof i2.CronsComponent, typeof i3.SettingsComponent, typeof i5.FileManagerComponent, typeof i6.ProcessesComponent, typeof i8.ServerLogsComponent, typeof i9.UpgradeLogsComponent, typeof i10.ApiLogsComponent, typeof i12.InfoComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<FsSystemModule>;
 }

package/bundles/firestitch-system.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/expansion'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/dialog'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/flex-layout'), require('@angular/material/button'), require('@firestitch/date'), require('@firestitch/datepicker'), require('@firestitch/skeleton'), require('@firestitch/list'), require('@firestitch/file-manager'), require('@firestitch/dialog'), require('@firestitch/label'), require('@firestitch/file'), require('@firestitch/menu'), require('@firestitch/popover'), require('@firestitch/colorpicker'), require('rxjs/operators'), require('rxjs'), require('date-fns'), require('@firestitch/message'), require('@firestitch/build'), require('@angular/flex-layout/flex'), require('@angular/flex-layout/extended'), require('@firestitch/filter'), require('@angular/material/tabs'), require('@firestitch/selection'), require('@firestitch/prompt'), require('lodash-es'), require('ngx-clipboard'), require('@angular/material/core')) :
-    typeof define === 'function' && define.amd ? define('@firestitch/system', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/expansion', '@angular/material/input', '@angular/material/select', '@angular/material/dialog', '@angular/material/tooltip', '@angular/material/icon', '@angular/flex-layout', '@angular/material/button', '@firestitch/date', '@firestitch/datepicker', '@firestitch/skeleton', '@firestitch/list', '@firestitch/file-manager', '@firestitch/dialog', '@firestitch/label', '@firestitch/file', '@firestitch/menu', '@firestitch/popover', '@firestitch/colorpicker', 'rxjs/operators', 'rxjs', 'date-fns', '@firestitch/message', '@firestitch/build', '@angular/flex-layout/flex', '@angular/flex-layout/extended', '@firestitch/filter', '@angular/material/tabs', '@firestitch/selection', '@firestitch/prompt', 'lodash-es', 'ngx-clipboard', '@angular/material/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.system = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.expansion, global.ng.material.input, global.ng.material.select, global.ng.material.dialog, global.ng.material.tooltip, global.ng.material.icon, global.ng.flexLayout, global.ng.material.button, global.i8, global.i10$1, global.i5, global.i2$3, global.i1$2, global.i2$2, global.i2$1, global.i12, global.i4$1, global.i5$1, global.i11$1, global.rxjs.operators, global.rxjs, global.dateFns, global.i1, global.i2, global.ng.flexLayout.flex, global.ng.flexLayout.extended, global.filter, global.ng.material.tabs, global.selection, global.i3$1, global.lodashEs, global.i2$4, global.ng.material.core));
-})(this, (function (exports, i0, i7, i17, i7$1, i4$2, i16, i8$1, i1$1, i11, i6, flexLayout, i4, i8, i10$1, i5, i2$3, i1$2, i2$2, i2$1, i12, i4$1, i5$1, i11$1, operators, rxjs, dateFns, i1, i2, i6$1, i10, filter, i3, selection, i3$1, lodashEs, i2$4, i9) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('@angular/forms'), require('@angular/material/form-field'), require('@angular/material/expansion'), require('@angular/material/input'), require('@angular/material/select'), require('@angular/material/dialog'), require('@angular/material/tooltip'), require('@angular/material/icon'), require('@angular/flex-layout'), require('@angular/material/button'), require('@firestitch/date'), require('@firestitch/datepicker'), require('@firestitch/skeleton'), require('@firestitch/list'), require('@firestitch/file-manager'), require('@firestitch/dialog'), require('@firestitch/label'), require('@firestitch/file'), require('@firestitch/menu'), require('@firestitch/popover'), require('@firestitch/colorpicker'), require('rxjs/operators'), require('rxjs'), require('date-fns'), require('@firestitch/message'), require('@firestitch/build'), require('@angular/flex-layout/flex'), require('@angular/flex-layout/extended'), require('@firestitch/filter'), require('@angular/material/tabs'), require('@firestitch/selection'), require('@firestitch/prompt'), require('@firestitch/clipboard'), require('@angular/material/core')) :
+    typeof define === 'function' && define.amd ? define('@firestitch/system', ['exports', '@angular/core', '@angular/common', '@angular/forms', '@angular/material/form-field', '@angular/material/expansion', '@angular/material/input', '@angular/material/select', '@angular/material/dialog', '@angular/material/tooltip', '@angular/material/icon', '@angular/flex-layout', '@angular/material/button', '@firestitch/date', '@firestitch/datepicker', '@firestitch/skeleton', '@firestitch/list', '@firestitch/file-manager', '@firestitch/dialog', '@firestitch/label', '@firestitch/file', '@firestitch/menu', '@firestitch/popover', '@firestitch/colorpicker', 'rxjs/operators', 'rxjs', 'date-fns', '@firestitch/message', '@firestitch/build', '@angular/flex-layout/flex', '@angular/flex-layout/extended', '@firestitch/filter', '@angular/material/tabs', '@firestitch/selection', '@firestitch/prompt', '@firestitch/clipboard', '@angular/material/core'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.firestitch = global.firestitch || {}, global.firestitch.system = {}), global.ng.core, global.ng.common, global.ng.forms, global.ng.material.formField, global.ng.material.expansion, global.ng.material.input, global.ng.material.select, global.ng.material.dialog, global.ng.material.tooltip, global.ng.material.icon, global.ng.flexLayout, global.ng.material.button, global.i8, global.i10$1, global.i5, global.i2$3, global.i1$2, global.i2$2, global.i2$1, global.i12, global.i4$1, global.i5$1, global.i11$1, global.rxjs.operators, global.rxjs, global.dateFns, global.i1, global.i2, global.ng.flexLayout.flex, global.ng.flexLayout.extended, global.filter, global.ng.material.tabs, global.selection, global.i3$1, global.i2$4, global.ng.material.core));
+})(this, (function (exports, i0, i7, i17, i7$1, i4$2, i16, i8$1, i1$1, i11, i6, flexLayout, i4, i8, i10$1, i5, i2$3, i1$2, i2$2, i2$1, i12, i4$1, i5$1, i11$1, operators, rxjs, dateFns, i1, i2, i6$1, i10, filter, i3, selection, i3$1, i2$4, i9) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -900,9 +900,9 @@
             }] });
 
     var SettingsComponent = /** @class */ (function () {
-        function SettingsComponent(_message, _clipboardService, _prompt, _cdRef) {
+        function SettingsComponent(_message, _clipboard, _prompt, _cdRef) {
             this._message = _message;
-            this._clipboardService = _clipboardService;
+            this._clipboard = _clipboard;
             this._prompt = _prompt;
             this._cdRef = _cdRef;
             this.fileRemove = new i0.EventEmitter();
@@ -930,9 +930,13 @@
                     }
                     return setting;
                 });
-                _this.groupedSettings = lodashEs.groupBy(settings, function (item) {
-                    return item.group;
-                });
+                _this.groupedSettings = settings.reduce(function (accum, item) {
+                    if (accum[item.group] === undefined) {
+                        accum[item.group] = [];
+                    }
+                    accum[item.group].push(item);
+                    return accum;
+                }, {});
                 _this.groups = Object.keys(_this.groupedSettings);
                 _this._cdRef.markForCheck();
             });
@@ -946,7 +950,7 @@
                     group: setting.group,
                 };
             });
-            this._clipboardService.copy(JSON.stringify(data));
+            this._clipboard.copy(JSON.stringify(data));
             this._message.success('Copied to clipboard');
         };
         SettingsComponent.prototype.import = function (event, group) {
@@ -981,7 +985,7 @@
         SettingsComponent.prototype.saveGroup = function (group) {
             var _this = this;
             var settings = this.groupedSettings[group];
-            var values = lodashEs.reduce(settings, function (result, value, key) {
+            var values = settings.reduce(function (result, value) {
                 return (result[value.name] = value.value, result);
             }, {});
             this.save(group, values)
@@ -991,7 +995,7 @@
         };
         return SettingsComponent;
     }());
-    SettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SettingsComponent, deps: [{ token: i1__namespace.FsMessage }, { token: i2__namespace$4.ClipboardService }, { token: i3__namespace$1.FsPrompt }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SettingsComponent, deps: [{ token: i1__namespace.FsMessage }, { token: i2__namespace$4.FsClipboard }, { token: i3__namespace$1.FsPrompt }, { token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
     SettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", type: SettingsComponent, selector: "fs-system-settings", inputs: { loadSettings: "loadSettings", save: "save" }, outputs: { fileRemove: "fileRemove", fileSelect: "fileSelect" }, ngImport: i0__namespace, template: "\r\n<mat-accordion>\r\n  <mat-expansion-panel hideToggle *ngFor=\"let group of groups\">\r\n    <mat-expansion-panel-header>\r\n      <mat-panel-title>\r\n        <div class=\"title-row\">\r\n          <div class=\"title\">{{group || 'General'}}</div>\r\n          <div class=\"actions\">\r\n            <button\r\n              type=\"button\"\r\n              [matTooltip]=\"'Export ' + (group || 'General') + ' Settings'\"\r\n              mat-icon-button\r\n              (click)=\"export($event, groupedSettings[group])\">\r\n              <mat-icon>cloud_download</mat-icon>\r\n            </button>\r\n            <button\r\n              type=\"button\"\r\n              [matTooltip]=\"'Import ' + (group || 'General') + ' Settings'\"\r\n              mat-icon-button\r\n              (click)=\"import($event, group)\">\r\n              <mat-icon>cloud_upload</mat-icon>\r\n            </button>\r\n          </div>\r\n        </div>\r\n      </mat-panel-title>\r\n    </mat-expansion-panel-header>\r\n\r\n    <div \r\n        hideToggle \r\n        *ngFor=\"let setting of groupedSettings[group]\" \r\n        class=\"setting\"\r\n        [ngClass]=\"{ 'has-instruction': !! setting.instruction }\">\r\n      <mat-form-field \r\n          class=\"full-width form-field-multiline-subscript\"\r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.InputBox\">\r\n        <input\r\n          matInput\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field \r\n          class=\"full-width form-field-multiline-subscript\" \r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Textarea\">\r\n        <textarea\r\n          matInput\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n        </textarea>\r\n        <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field \r\n          class=\"full-width form-field-multiline-subscript\" \r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Select || setting.interfaceType===SettingInterfaceType.SelectMultiple\">\r\n        <mat-select\r\n            [placeholder]=\"setting.label\"\r\n            [(ngModel)]=\"setting.value\"\r\n            [multiple]=\"setting.interfaceType===SettingInterfaceType.SelectMultiple\"\r\n            [name]=\"'setting' + setting.id\">\r\n          <mat-option *ngFor=\"let item of setting.values | keyNameValue\" [value]=\"item.value\">\r\n            {{item.name}}\r\n          </mat-option>\r\n        </mat-select>\r\n        <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field \r\n          class=\"full-width form-field-multiline-subscript\" \r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Date\">\r\n        <input\r\n          matInput\r\n          fsDatePicker\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field \r\n          class=\"full-width form-field-multiline-subscript\" \r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Color\">\r\n        <input\r\n          matInput\r\n          fsColorPicker\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <mat-form-field \r\n          class=\"full-width form-field-multiline-subscript\" \r\n          *ngIf=\"setting.interfaceType===SettingInterfaceType.Time\">\r\n        <input\r\n          matInput\r\n          fsTimePicker\r\n          [placeholder]=\"setting.label\"\r\n          [(ngModel)]=\"setting.value\"\r\n          [name]=\"'setting' + setting.id\">\r\n          <mat-hint>{{setting.instruction}}</mat-hint>\r\n      </mat-form-field>\r\n\r\n      <fs-file-picker\r\n        *ngIf=\"setting.interfaceType===SettingInterfaceType.File\"\r\n        [allowRemove]=\"true\"\r\n        [allowDownload]=\"true\"\r\n        (select)=\"fileSelect.emit({ setting: setting, file: $event.file })\"\r\n        (remove)=\"fileRemove.emit(setting)\"\r\n        [url]=\"setting.value\">\r\n        <div fsFileLabel>{{setting.label}}</div>\r\n        <div fsFileHint>{{setting.instruction}}</div>\r\n      </fs-file-picker>\r\n    </div>\r\n\r\n    <button mat-raised-button color=\"primary\" type=\"button\" (click)=\"saveGroup(group)\">Save</button>\r\n\r\n  </mat-expansion-panel>\r\n\r\n</mat-accordion>\r\n", styles: [".mat-expansion-panel-header{font-size:19px}.full-width{width:100%}.title-row{flex-direction:row;box-sizing:border-box;display:flex;place-content:center flex-start;align-items:center;width:100%}.title-row .title{display:flex;flex:1}:host ::ng-deep .mat-expansion-panel-header-title{margin:0}:host ::ng-deep .mat-expansion-panel .actions{display:none}:host ::ng-deep .mat-expansion-panel.mat-expanded .actions{display:block}:host ::ng-deep .setting.has-instruction fs-file-picker fs-label-message{display:block;padding-bottom:1em}\n"], components: [{ type: i4__namespace$2.MatExpansionPanel, selector: "mat-expansion-panel", inputs: ["disabled", "expanded", "hideToggle", "togglePosition"], outputs: ["opened", "closed", "expandedChange", "afterExpand", "afterCollapse"], exportAs: ["matExpansionPanel"] }, { type: i4__namespace$2.MatExpansionPanelHeader, selector: "mat-expansion-panel-header", inputs: ["tabIndex", "expandedHeight", "collapsedHeight"] }, { type: i4__namespace.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { type: i6__namespace.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { type: i7__namespace$1.MatFormField, selector: "mat-form-field", inputs: ["color", "floatLabel", "appearance", "hideRequiredMarker", "hintLabel"], exportAs: ["matFormField"] }, { type: i8__namespace$1.MatSelect, selector: "mat-select", inputs: ["disabled", "disableRipple", "tabIndex"], exportAs: ["matSelect"] }, { type: i9__namespace.MatOption, selector: "mat-option", exportAs: ["matOption"] }, { type: i10__namespace$1.FsDatePickerComponent, selector: "[fsDatePicker]", inputs: ["minYear", "maxYear", "minDate", "maxDate", "startOfDay", "view", "format", "minutes"], outputs: ["change"] }, { type: i11__namespace$1.FsColorPickerComponent, selector: "[fsColorPicker]", inputs: ["showClear"] }, { type: i10__namespace$1.FsTimePickerComponent, selector: "[fsTimePicker]", inputs: ["view"] }, { type: i12__namespace.FsFilePickerComponent, selector: "fs-file-picker", inputs: ["minWidth", "minHeight", "imageWidth", "imageHeight", "imageQuality", "label", "showFilename", "allowDownload", "allowReupload", "allowRemove", "url", "file", "accept", "disabled", "previewWidth", "previewHeight"], outputs: ["select", "remove"] }], directives: [{ type: i4__namespace$2.MatAccordion, selector: "mat-accordion", inputs: ["multi", "displayMode", "togglePosition", "hideToggle"], exportAs: ["matAccordion"] }, { type: i7__namespace.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { type: i4__namespace$2.MatExpansionPanelTitle, selector: "mat-panel-title" }, { type: i11__namespace.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }, { type: i7__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i10__namespace.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { type: i7__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i16__namespace.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["id", "disabled", "required", "type", "value", "readonly", "placeholder", "errorStateMatcher", "aria-describedby"], exportAs: ["matInput"] }, { type: i17__namespace.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i17__namespace.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i17__namespace.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { type: i7__namespace$1.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { type: i12__namespace.FsFileLabelDirective, selector: "[fsFileLabel]" }], pipes: { "keyNameValue": KeyNameValuePipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SettingsComponent, decorators: [{
                 type: i0.Component,
@@ -1001,7 +1005,7 @@
                         styleUrls: ['./settings.component.scss'],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
-            }], ctorParameters: function () { return [{ type: i1__namespace.FsMessage }, { type: i2__namespace$4.ClipboardService }, { type: i3__namespace$1.FsPrompt }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { loadSettings: [{
+            }], ctorParameters: function () { return [{ type: i1__namespace.FsMessage }, { type: i2__namespace$4.FsClipboard }, { type: i3__namespace$1.FsPrompt }, { type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { loadSettings: [{
                     type: i0.Input
                 }], save: [{
                     type: i0.Input
@@ -1556,8 +1560,7 @@
             i10$1.FsDatePickerModule,
             i4$1.FsMenuModule,
             i5$1.FsPopoverModule,
-            i11$1.FsColorPickerModule,
-            i2$4.ClipboardModule], exports: [DashboardComponent,
+            i11$1.FsColorPickerModule], exports: [DashboardComponent,
             CronsComponent,
             SettingsComponent,
             FileManagerComponent,
@@ -1590,7 +1593,6 @@
                 i4$1.FsMenuModule,
                 i5$1.FsPopoverModule,
                 i11$1.FsColorPickerModule,
-                i2$4.ClipboardModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: FsSystemModule, decorators: [{
                 type: i0.NgModule,
@@ -1619,7 +1621,6 @@
                             i4$1.FsMenuModule,
                             i5$1.FsPopoverModule,
                             i11$1.FsColorPickerModule,
-                            i2$4.ClipboardModule,
                         ],
                         exports: [
                             DashboardComponent,