raise-common-lib 0.0.245 → 0.0.247

package/fesm5/raise-common-lib.js

@@ -10,7 +10,6 @@ import { CarouselAllModule, ToolbarModule, TabModule, TreeViewModule } from '@sy
 import { NavigationEnd, Router, NavigationStart, ActivatedRoute, RouteReuseStrategy } from '@angular/router';
 import { filter } from 'rxjs/operators';
 import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
-import { DomSanitizer } from '@angular/platform-browser';
 import { HttpClient, HttpHeaders, HttpClientModule } from '@angular/common/http';
 import { setCulture, L10n, addClass, enableRipple, Browser, createElement } from '@syncfusion/ej2-base';
 import ResizeObserver from 'resize-observer-polyfill';
@@ -21,6 +20,7 @@ import { MAT_DATE_FORMATS } from '@angular/material/core';
 import { DashboardLayoutModule } from '@syncfusion/ej2-angular-layouts';
 import { DatePipe, DecimalPipe, CommonModule } from '@angular/common';
 import { MatIconRegistry, MatIconModule } from '@angular/material/icon';
+import { DomSanitizer } from '@angular/platform-browser';
 import { ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { InlineSVGModule } from 'ng-inline-svg';
 import { SwitchModule, CheckBoxModule, RadioButtonModule, ButtonModule, ChipListModule } from '@syncfusion/ej2-angular-buttons';
@@ -4058,176 +4058,21 @@ if (false) {
     MultiTabComponent.prototype.routeReuseStrategy;
 }
 
-/**
- * @fileoverview added by tsickle
- * Generated from: lib/service/static-resource.service.ts
- * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
- */
-var StaticResourceService = /** @class */ (function () {
-    function StaticResourceService(sanitizer) {
-        this.sanitizer = sanitizer;
-        this.ResultMap = new Map();
-    }
-    /**
-     * @param {?} url
-     * @param {?=} cb
-     * @return {?}
-     */
-    StaticResourceService.prototype.load = /**
-     * @param {?} url
-     * @param {?=} cb
-     * @return {?}
-     */
-    function (url, cb) {
-        if (cb === void 0) { cb = (/**
-         * @return {?}
-         */
-        function () { }); }
-        return __awaiter(this, void 0, void 0, function () {
-            var res, blob;
-            var _this = this;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!url || typeof url !== "string") {
-                            cb("");
-                            return [2 /*return*/, ""];
-                        }
-                        if (this.ResultMap.has(url)) {
-                            return [2 /*return*/, this.ResultMap.get(url) || ""];
-                        }
-                        return [4 /*yield*/, fetch(url)];
-                    case 1:
-                        res = _a.sent();
-                        if (!res.ok) {
-                            cb("");
-                            return [2 /*return*/, ""];
-                        }
-                        return [4 /*yield*/, res.blob()];
-                    case 2:
-                        blob = _a.sent();
-                        return [2 /*return*/, new Promise((/**
-                             * @param {?} resolve
-                             * @return {?}
-                             */
-                            function (resolve) {
-                                /** @type {?} */
-                                var reader = new FileReader();
-                                /** @type {?} */
-                                var callback = (/**
-                                 * @param {?} result
-                                 * @return {?}
-                                 */
-                                function (result) {
-                                    /** @type {?} */
-                                    var safeUrl = _this.sanitizer.bypassSecurityTrustUrl(result);
-                                    if (safeUrl) {
-                                        _this.ResultMap.set(url, safeUrl);
-                                    }
-                                    resolve(safeUrl);
-                                    cb(safeUrl);
-                                });
-                                reader.onloadend = (/**
-                                 * @return {?}
-                                 */
-                                function () { return callback((/** @type {?} */ (reader.result))); });
-                                reader.onerror = (/**
-                                 * @return {?}
-                                 */
-                                function () { return callback(""); });
-                                reader.readAsDataURL(blob);
-                            }))];
-                }
-            });
-        });
-    };
-    /**
-     * @param {?} url
-     * @param {?} cb
-     * @return {?}
-     */
-    StaticResourceService.prototype.forceLoad = /**
-     * @param {?} url
-     * @param {?} cb
-     * @return {?}
-     */
-    function (url, cb) {
-        return __awaiter(this, void 0, void 0, function () {
-            var result;
-            return __generator(this, function (_a) {
-                switch (_a.label) {
-                    case 0:
-                        if (!true) return [3 /*break*/, 3];
-                        return [4 /*yield*/, this.load(url)];
-                    case 1:
-                        result = _a.sent();
-                        if (result) {
-                            cb(result);
-                            return [2 /*return*/, result];
-                        }
-                        return [4 /*yield*/, new Promise((/**
-                             * @param {?} resolve
-                             * @return {?}
-                             */
-                            function (resolve) { return setTimeout(resolve, 2000); }))];
-                    case 2:
-                        _a.sent();
-                        return [3 /*break*/, 0];
-                    case 3: return [2 /*return*/];
-                }
-            });
-        });
-    };
-    StaticResourceService.decorators = [
-        { type: Injectable, args: [{
-                    providedIn: "root",
-                },] }
-    ];
-    /** @nocollapse */
-    StaticResourceService.ctorParameters = function () { return [
-        { type: DomSanitizer }
-    ]; };
-    /** @nocollapse */ StaticResourceService.ngInjectableDef = ɵɵdefineInjectable({ factory: function StaticResourceService_Factory() { return new StaticResourceService(ɵɵinject(DomSanitizer)); }, token: StaticResourceService, providedIn: "root" });
-    return StaticResourceService;
-}());
-if (false) {
-    /**
-     * @type {?}
-     * @private
-     */
-    StaticResourceService.prototype.ResultMap;
-    /**
-     * @type {?}
-     * @private
-     */
-    StaticResourceService.prototype.sanitizer;
-}
-
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/layout/drawer/index.component.ts
  * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
  */
 var DrawerComponent = /** @class */ (function () {
-    function DrawerComponent(resolver, service, ref, staticResourceService) {
-        var _this = this;
+    function DrawerComponent(resolver, service, ref) {
         this.resolver = resolver;
         this.service = service;
         this.ref = ref;
-        this.staticResourceService = staticResourceService;
         this.config = DefaultDrawerConfig;
         this.useAnimation = "yes";
         this.isOpened = false;
         this.hiddenDrawer = true;
-        this.backImage = null;
         this.componentRefMap = new Map();
-        staticResourceService.load("/assets/img/drawer-back.svg", (/**
-         * @param {?} result
-         * @return {?}
-         */
-        function (result) {
-            _this.backImage = result;
-        }));
     }
     /**
      * @private
@@ -4562,16 +4407,15 @@ var DrawerComponent = /** @class */ (function () {
     DrawerComponent.decorators = [
         { type: Component, args: [{
                     selector: "rs-drawer",
-                    template: "<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\n  <div class=\"rs-drawer-content\">\n    <ng-content></ng-content>\n  </div>\n  <div\n    #drawer\n    class=\"rs-drawer\"\n    [attr.data-mode]=\"config.mode\"\n    [attr.data-opened]=\"isOpened ? 'yes' : 'no'\"\n    [attr.data-animation]=\"useAnimation\"\n    [hidden]=\"hiddenDrawer\"\n    (animationend)=\"onAnimationEnd()\"\n  >\n    <div class=\"drawer-header\" #header>\n      <button class=\"drawer-return-button\" (click)=\"hide()\">\n        <img [src]=\"backImage\" alt=\"back\" />\n        <span class=\"drawer-sub-title\" *ngIf=\"config.subTitle\">\n          {{ config.subTitle }}\n        </span>\n      </button>\n      <div class=\"drawer-title\">{{ config.title }}</div>\n      <div class=\"drawer-header-slot\" #headerSlot></div>\n    </div>\n    <div class=\"drawer-top-slot\" #topSlot></div>\n    <div class=\"drawer-content-box\">\n      <div class=\"drawer-content\" #content>\n        <div class=\"drawer-content-container\">\n          <ng-template #dynamicComponentContainer></ng-template>\n        </div>\n      </div>\n    </div>\n    <div class=\"drawer-toolbar-slot\" #toolbarSlot></div>\n  </div>\n</div>\n",
-                    styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=yes]{-webkit-animation:.5s ease-in-out drawer-open;animation:.5s ease-in-out drawer-open}@-webkit-keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=no]{-webkit-animation:.5s ease-in-out drawer-close;animation:.5s ease-in-out drawer-close}@-webkit-keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}.rs-drawer-container .rs-drawer[hidden]{display:none}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button img{width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover img{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content-box{flex:auto;height:0;background-color:#f7fafb;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content{height:100%;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-top-slot:empty{height:var(--drawer-top,0);pointer-events:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 12px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty+.drawer-content-box{padding-top:calc((var(--drawer-top,0) + 1) * 16px)}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px;padding-left:8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]
+                    template: "<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\n  <div class=\"rs-drawer-content\">\n    <ng-content></ng-content>\n  </div>\n  <div\n    #drawer\n    class=\"rs-drawer\"\n    [attr.data-mode]=\"config.mode\"\n    [attr.data-opened]=\"isOpened ? 'yes' : 'no'\"\n    [attr.data-animation]=\"useAnimation\"\n    [hidden]=\"hiddenDrawer\"\n    (animationend)=\"onAnimationEnd()\"\n  >\n    <div class=\"drawer-header\" #header>\n      <button class=\"drawer-return-button\" (click)=\"hide()\">\n        <span class=\"drawer-sub-title\" *ngIf=\"config.subTitle\">\n          {{ config.subTitle }}\n        </span>\n      </button>\n      <div class=\"drawer-title\">{{ config.title }}</div>\n      <div class=\"drawer-header-slot\" #headerSlot></div>\n    </div>\n    <div class=\"drawer-top-slot\" #topSlot></div>\n    <div class=\"drawer-content-box\">\n      <div class=\"drawer-content\" #content>\n        <div class=\"drawer-content-container\">\n          <ng-template #dynamicComponentContainer></ng-template>\n        </div>\n      </div>\n    </div>\n    <div class=\"drawer-toolbar-slot\" #toolbarSlot></div>\n  </div>\n</div>\n",
+                    styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=yes]{-webkit-animation:.5s ease-in-out drawer-open;animation:.5s ease-in-out drawer-open}@-webkit-keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}@keyframes drawer-open{from{left:100%;opacity:0}to{left:0;opacity:1}}.rs-drawer-container .rs-drawer[data-animation=yes][data-opened=no]{-webkit-animation:.5s ease-in-out drawer-close;animation:.5s ease-in-out drawer-close}@-webkit-keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}@keyframes drawer-close{from{left:0;opacity:1}to{left:100%;opacity:0}}.rs-drawer-container .rs-drawer[hidden]{display:none}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(\"data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEyIDE4TDcuNTQ5ODYgMTJMMTIgNiIgc3Ryb2tlPSIjNkM3QzkwIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz4KPHBhdGggZD0iTTE3LjQyNyAxMi41QzE3LjcwMzEgMTIuNSAxNy45MjcgMTIuMjc2MSAxNy45MjcgMTJDMTcuOTI3IDExLjcyMzkgMTcuNzAzMSAxMS41IDE3LjQyNyAxMS41TDE3LjQyNyAxMi41Wk03LjM5ODkzIDEyLjVMMTcuNDI3IDEyLjVMMTcuNDI3IDExLjVMNy4zOTg5MyAxMS41TDcuMzk4OTMgMTIuNVoiIGZpbGw9IiM2QzdDOTAiLz4KPC9zdmc+Cg==\");width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content-box{flex:auto;height:0;background-color:#f7fafb;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content{height:100%;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-top-slot:empty{height:var(--drawer-top,0);pointer-events:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 12px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty+.drawer-content-box{padding-top:calc((var(--drawer-top,0) + 1) * 16px)}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px;padding-left:8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]
                 }] }
     ];
     /** @nocollapse */
     DrawerComponent.ctorParameters = function () { return [
         { type: ComponentFactoryResolver },
         { type: DrawerService },
-        { type: ChangeDetectorRef },
-        { type: StaticResourceService }
+        { type: ChangeDetectorRef }
     ]; };
     DrawerComponent.propDecorators = {
         element: [{ type: ViewChild, args: ["element", { static: false },] }],
@@ -4616,8 +4460,6 @@ if (false) {
     DrawerComponent.prototype.isOpened;
     /** @type {?} */
     DrawerComponent.prototype.hiddenDrawer;
-    /** @type {?} */
-    DrawerComponent.prototype.backImage;
     /**
      * @type {?}
      * @private
@@ -4638,11 +4480,6 @@ if (false) {
      * @private
      */
     DrawerComponent.prototype.ref;
-    /**
-     * @type {?}
-     * @private
-     */
-    DrawerComponent.prototype.staticResourceService;
 }
 
 /**
@@ -35948,6 +35785,153 @@ var KeepAliveService = /** @class */ (function () {
     return KeepAliveService;
 }());
 
+/**
+ * @fileoverview added by tsickle
+ * Generated from: lib/service/static-resource.service.ts
+ * @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
+ */
+var StaticResourceService = /** @class */ (function () {
+    function StaticResourceService(sanitizer) {
+        this.sanitizer = sanitizer;
+        this.ResultMap = new Map();
+    }
+    /**
+     * @param {?} url
+     * @param {?=} cb
+     * @return {?}
+     */
+    StaticResourceService.prototype.load = /**
+     * @param {?} url
+     * @param {?=} cb
+     * @return {?}
+     */
+    function (url, cb) {
+        if (cb === void 0) { cb = (/**
+         * @return {?}
+         */
+        function () { }); }
+        return __awaiter(this, void 0, void 0, function () {
+            var result, res, blob;
+            var _this = this;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!url || typeof url !== "string") {
+                            cb("");
+                            return [2 /*return*/, ""];
+                        }
+                        if (this.ResultMap.has(url)) {
+                            result = this.ResultMap.get(url) || "";
+                            cb(result);
+                            return [2 /*return*/, result];
+                        }
+                        return [4 /*yield*/, fetch(url)];
+                    case 1:
+                        res = _a.sent();
+                        if (!res.ok) {
+                            cb("");
+                            return [2 /*return*/, ""];
+                        }
+                        return [4 /*yield*/, res.blob()];
+                    case 2:
+                        blob = _a.sent();
+                        return [2 /*return*/, new Promise((/**
+                             * @param {?} resolve
+                             * @return {?}
+                             */
+                            function (resolve) {
+                                /** @type {?} */
+                                var reader = new FileReader();
+                                /** @type {?} */
+                                var callback = (/**
+                                 * @param {?} result
+                                 * @return {?}
+                                 */
+                                function (result) {
+                                    /** @type {?} */
+                                    var safeUrl = _this.sanitizer.bypassSecurityTrustUrl(result);
+                                    if (safeUrl) {
+                                        _this.ResultMap.set(url, safeUrl);
+                                    }
+                                    resolve(safeUrl);
+                                    cb(safeUrl);
+                                });
+                                reader.onloadend = (/**
+                                 * @return {?}
+                                 */
+                                function () { return callback((/** @type {?} */ (reader.result))); });
+                                reader.onerror = (/**
+                                 * @return {?}
+                                 */
+                                function () { return callback(""); });
+                                reader.readAsDataURL(blob);
+                            }))];
+                }
+            });
+        });
+    };
+    /**
+     * @param {?} url
+     * @param {?} cb
+     * @return {?}
+     */
+    StaticResourceService.prototype.forceLoad = /**
+     * @param {?} url
+     * @param {?} cb
+     * @return {?}
+     */
+    function (url, cb) {
+        return __awaiter(this, void 0, void 0, function () {
+            var result;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!true) return [3 /*break*/, 3];
+                        return [4 /*yield*/, this.load(url)];
+                    case 1:
+                        result = _a.sent();
+                        if (result) {
+                            cb(result);
+                            return [2 /*return*/, result];
+                        }
+                        return [4 /*yield*/, new Promise((/**
+                             * @param {?} resolve
+                             * @return {?}
+                             */
+                            function (resolve) { return setTimeout(resolve, 2000); }))];
+                    case 2:
+                        _a.sent();
+                        return [3 /*break*/, 0];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    };
+    StaticResourceService.decorators = [
+        { type: Injectable, args: [{
+                    providedIn: "root",
+                },] }
+    ];
+    /** @nocollapse */
+    StaticResourceService.ctorParameters = function () { return [
+        { type: DomSanitizer }
+    ]; };
+    /** @nocollapse */ StaticResourceService.ngInjectableDef = ɵɵdefineInjectable({ factory: function StaticResourceService_Factory() { return new StaticResourceService(ɵɵinject(DomSanitizer)); }, token: StaticResourceService, providedIn: "root" });
+    return StaticResourceService;
+}());
+if (false) {
+    /**
+     * @type {?}
+     * @private
+     */
+    StaticResourceService.prototype.ResultMap;
+    /**
+     * @type {?}
+     * @private
+     */
+    StaticResourceService.prototype.sanitizer;
+}
+
 /**
  * @fileoverview added by tsickle
  * Generated from: lib/form/confirm-select/index.component.ts