@seniorsistemas/angular-components 17.4.2 → 17.4.3
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/bundles/seniorsistemas-angular-components.umd.js +245 -140
- package/bundles/seniorsistemas-angular-components.umd.js.map +1 -1
- package/bundles/seniorsistemas-angular-components.umd.min.js +2 -2
- package/bundles/seniorsistemas-angular-components.umd.min.js.map +1 -1
- package/components/loading-state/components/dots-indicator/dots-indicator.components.d.ts +2 -0
- package/components/loading-state/components/loading-state-indicators.d.ts +4 -0
- package/components/loading-state/components/logo-indicator/logo-indicator.component.d.ts +2 -0
- package/components/loading-state/loading-state.component.d.ts +2 -0
- package/components/loading-state/loading-state.directive.d.ts +6 -2
- package/esm2015/components/ia-insight/components/ia-insight-sidebar/ia-insight-sidebar.component.js +2 -2
- package/esm2015/components/loading-state/components/dots-indicator/dots-indicator.components.js +13 -0
- package/esm2015/components/loading-state/components/loading-state-indicators.js +6 -0
- package/esm2015/components/loading-state/components/logo-indicator/logo-indicator.component.js +13 -0
- package/esm2015/components/loading-state/loading-state.component.js +13 -9
- package/esm2015/components/loading-state/loading-state.directive.js +22 -11
- package/esm2015/components/loading-state/loading-state.module.js +19 -5
- package/esm2015/seniorsistemas-angular-components.js +75 -72
- package/esm2015/utils/svg-factory/components/senior-icon/senior-icon.component.js +11 -0
- package/esm2015/utils/svg-factory/components/svg-factory-icons.js +6 -0
- package/esm2015/utils/svg-factory/svg-factory.directive.js +31 -5
- package/esm2015/utils/svg-factory/svg-factory.module.js +3 -1
- package/esm5/components/ia-insight/components/ia-insight-sidebar/ia-insight-sidebar.component.js +2 -2
- package/esm5/components/loading-state/components/dots-indicator/dots-indicator.components.js +16 -0
- package/esm5/components/loading-state/components/loading-state-indicators.js +6 -0
- package/esm5/components/loading-state/components/logo-indicator/logo-indicator.component.js +16 -0
- package/esm5/components/loading-state/loading-state.component.js +13 -9
- package/esm5/components/loading-state/loading-state.directive.js +22 -11
- package/esm5/components/loading-state/loading-state.module.js +19 -5
- package/esm5/seniorsistemas-angular-components.js +75 -72
- package/esm5/utils/svg-factory/components/senior-icon/senior-icon.component.js +14 -0
- package/esm5/utils/svg-factory/components/svg-factory-icons.js +6 -0
- package/esm5/utils/svg-factory/svg-factory.directive.js +36 -6
- package/esm5/utils/svg-factory/svg-factory.module.js +3 -1
- package/fesm2015/seniorsistemas-angular-components.js +152 -63
- package/fesm2015/seniorsistemas-angular-components.js.map +1 -1
- package/fesm5/seniorsistemas-angular-components.js +172 -70
- package/fesm5/seniorsistemas-angular-components.js.map +1 -1
- package/package.json +1 -1
- package/seniorsistemas-angular-components.d.ts +74 -71
- package/seniorsistemas-angular-components.metadata.json +1 -1
- package/utils/svg-factory/components/senior-icon/senior-icon.component.d.ts +2 -0
- package/utils/svg-factory/components/svg-factory-icons.d.ts +4 -0
- package/utils/svg-factory/svg-factory.directive.d.ts +10 -3
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { OnDestroy, TemplateRef } from "@angular/core";
|
|
2
|
+
import { LoadingStateIndicators } from "./components/loading-state-indicators";
|
|
2
3
|
export declare class LoadingStateComponent implements OnDestroy {
|
|
3
4
|
static nextId: number;
|
|
5
|
+
indicator: LoadingStateIndicators;
|
|
4
6
|
id: string;
|
|
5
7
|
blockWindow: boolean;
|
|
6
8
|
set loading(loading: boolean);
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, OnDestroy, TemplateRef, ViewContainerRef } from "@angular/core";
|
|
2
|
+
import { LoadingStateIndicators } from "./components/loading-state-indicators";
|
|
2
3
|
export declare class LoadingStateDirective implements AfterViewInit, OnDestroy {
|
|
3
4
|
private target;
|
|
4
5
|
private template;
|
|
5
6
|
private componentFactoryResolver;
|
|
6
7
|
private cdr;
|
|
7
|
-
set sLoadingState(
|
|
8
|
-
|
|
8
|
+
set sLoadingState(value: boolean | {
|
|
9
|
+
loading: boolean;
|
|
10
|
+
indicator?: LoadingStateIndicators;
|
|
11
|
+
});
|
|
9
12
|
private _loading;
|
|
13
|
+
private indicator;
|
|
10
14
|
private loaderComponent;
|
|
11
15
|
constructor(target: ViewContainerRef, template: TemplateRef<any>, componentFactoryResolver: ComponentFactoryResolver, cdr: ChangeDetectorRef);
|
|
12
16
|
ngAfterViewInit(): void;
|
package/esm2015/components/ia-insight/components/ia-insight-sidebar/ia-insight-sidebar.component.js
CHANGED
|
@@ -42,9 +42,9 @@ __decorate([
|
|
|
42
42
|
IAInsightSidebarComponent = __decorate([
|
|
43
43
|
Component({
|
|
44
44
|
selector: "s-ia-insight-sidebar",
|
|
45
|
-
template: "<div\n class=\"sidebar\"\n [class.opened]=\"opened\">\n <div class=\"header\">\n <button (click)=\"close()\" class=\"option\">\n <span class=\"far fa-chevron-double-right\"></span>\n </button>\n <div class=\"title\">\n <span><ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container></span>\n <span>Insight</span>\n </div>\n </div>\n <div class=\"intro\">\n <ng-container *ngIf=\"hasPermission; then permissionBlock; else noPermissionBlock\"></ng-container>\n\n <ng-template #permissionBlock>\n <ng-container *ngIf=\"insights?.length; then introBlock; else emptyBlock\"></ng-container>\n \n <ng-template #introBlock>\n <ng-container *ngIf=\"introTemplate; then introCustomBlock; else introTextBlock\"></ng-container>\n\n <ng-template #introCustomBlock>\n <ng-container *ngTemplateOutlet=\"introTemplate\"></ng-container>\n </ng-template>\n\n <ng-template #introTextBlock>\n <span class=\"text\">{{ introText || \"platform.angular_components.insight_intro\" | translate }}</span>\n </ng-template>\n </ng-template>\n \n <ng-template #emptyBlock>\n <ng-container *ngIf=\"emptyTemplate; then emptyCustomBlock; else emptyTextBlock\"></ng-container>\n\n <ng-template #emptyCustomBlock>\n <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n </ng-template>\n\n <ng-template #emptyTextBlock>\n <span class=\"text\">{{ emptyText || \"platform.angular_components.insight_empty\" | translate }}</span>\n </ng-template>\n </ng-template>\n </ng-template>\n \n <ng-template #noPermissionBlock>\n <ng-container *ngIf=\"noPermissionTemplate; then noPermissionCustomBlock; else noPermissionTextBlock\"></ng-container>\n\n <ng-template #noPermissionCustomBlock>\n <ng-container *ngTemplateOutlet=\"noPermissionTemplate\"></ng-container>\n </ng-template>\n\n <ng-template #noPermissionTextBlock>\n <span>{{ noPermissionText || \"platform.angular_components.insight_no_permission\" | translate }}</span>\n </ng-template>\n </ng-template>\n </div>\n <div class=\"insights\">\n <ng-container *ngIf=\"insights?.length\">\n <s-ia-insight-card\n *ngFor=\"let insight of insights\"\n [insight]=\"insight\">\n </s-ia-insight-card>\n </ng-container>\n </div>\n</div>\n\n<ng-template #iassistIcon>\n <div style=\"width: 28px; height: 28px;\">\n <span sSVGFactory></span>\n </div>\n</ng-template>\n",
|
|
45
|
+
template: "<div\n class=\"sidebar\"\n [class.opened]=\"opened\">\n <div class=\"header\">\n <button (click)=\"close()\" class=\"option\">\n <span class=\"far fa-chevron-double-right\"></span>\n </button>\n <div class=\"title\">\n <span><ng-container [ngTemplateOutlet]=\"iassistIcon\"></ng-container></span>\n <span>Insight</span>\n </div>\n </div>\n <div class=\"intro\">\n <ng-container *ngIf=\"hasPermission; then permissionBlock; else noPermissionBlock\"></ng-container>\n\n <ng-template #permissionBlock>\n <ng-container *ngIf=\"insights?.length; then introBlock; else emptyBlock\"></ng-container>\n \n <ng-template #introBlock>\n <ng-container *ngIf=\"introTemplate; then introCustomBlock; else introTextBlock\"></ng-container>\n\n <ng-template #introCustomBlock>\n <ng-container *ngTemplateOutlet=\"introTemplate\"></ng-container>\n </ng-template>\n\n <ng-template #introTextBlock>\n <span class=\"text\">{{ introText || \"platform.angular_components.insight_intro\" | translate }}</span>\n </ng-template>\n </ng-template>\n \n <ng-template #emptyBlock>\n <ng-container *ngIf=\"emptyTemplate; then emptyCustomBlock; else emptyTextBlock\"></ng-container>\n\n <ng-template #emptyCustomBlock>\n <ng-container *ngTemplateOutlet=\"emptyTemplate\"></ng-container>\n </ng-template>\n\n <ng-template #emptyTextBlock>\n <span class=\"text\">{{ emptyText || \"platform.angular_components.insight_empty\" | translate }}</span>\n </ng-template>\n </ng-template>\n </ng-template>\n \n <ng-template #noPermissionBlock>\n <ng-container *ngIf=\"noPermissionTemplate; then noPermissionCustomBlock; else noPermissionTextBlock\"></ng-container>\n\n <ng-template #noPermissionCustomBlock>\n <ng-container *ngTemplateOutlet=\"noPermissionTemplate\"></ng-container>\n </ng-template>\n\n <ng-template #noPermissionTextBlock>\n <span>{{ noPermissionText || \"platform.angular_components.insight_no_permission\" | translate }}</span>\n </ng-template>\n </ng-template>\n </div>\n <div class=\"insights\">\n <ng-container *ngIf=\"insights?.length\">\n <s-ia-insight-card\n *ngFor=\"let insight of insights\"\n [insight]=\"insight\">\n </s-ia-insight-card>\n </ng-container>\n </div>\n</div>\n\n<ng-template #iassistIcon>\n <div style=\"width: 28px; height: 28px;\">\n <span *sSVGFactory=\"'iassist'\"></span>\n </div>\n</ng-template>\n",
|
|
46
46
|
styles: [".sidebar{background-color:#fff;border-left:1px solid #dedce5;height:100%;overflow-x:hidden;position:fixed;right:-25%;transition:.5s;top:0;width:25%;z-index:1002}.sidebar .header{border-bottom:1px solid #dedce5;display:-ms-flexbox;display:flex;gap:16px;padding:12px 20px}.sidebar .header .option{background-color:transparent;border:none;color:#428bca;cursor:pointer;font-size:16px;padding:12px}.sidebar .header .title{-ms-flex-align:center;align-items:center;color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:16px;gap:16px;line-height:1;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar .intro{margin:8px 40px}.sidebar .intro .text{color:#212533;display:-ms-flexbox;display:flex;font-family:\"Open Sans\",sans-serif;font-size:14px;-ms-flex-pack:center;justify-content:center;line-height:1.5;text-align:center;-webkit-user-select:none;-ms-user-select:none;user-select:none}.sidebar.opened{right:0}.sidebar.opened .insights{padding:12px}.insights{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:12px}@media (max-width:1366px){.sidebar{right:-50%;width:50%}}@media (max-width:768px){.sidebar{right:-75%;width:75%}}@media (max-width:600px){.sidebar{right:-100%;width:100%}}"]
|
|
47
47
|
})
|
|
48
48
|
], IAInsightSidebarComponent);
|
|
49
49
|
export { IAInsightSidebarComponent };
|
|
50
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
50
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWEtaW5zaWdodC1zaWRlYmFyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2lhLWluc2lnaHQvY29tcG9uZW50cy9pYS1pbnNpZ2h0LXNpZGViYXIvaWEtaW5zaWdodC1zaWRlYmFyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFTOUQsSUFBYSx5QkFBeUIsR0FBdEMsTUFBYSx5QkFBeUI7SUFBdEM7UUFFVyxhQUFRLEdBQW9CLEVBQUUsQ0FBQztRQXVCL0IsV0FBTSxHQUFHLEtBQUssQ0FBQztJQWExQixDQUFDO0lBWFUsTUFBTTtRQUNULElBQUksQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO0lBQy9CLENBQUM7SUFFTSxJQUFJO1FBQ1AsSUFBSSxDQUFDLE1BQU0sR0FBRyxJQUFJLENBQUM7SUFDdkIsQ0FBQztJQUVNLEtBQUs7UUFDUixJQUFJLENBQUMsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUN4QixDQUFDO0NBQ0osQ0FBQTtBQXBDRztJQURDLEtBQUssRUFBRTsyREFDOEI7QUFHdEM7SUFEQyxLQUFLLEVBQUU7Z0VBQ3NCO0FBRzlCO0lBREMsS0FBSyxFQUFFOzREQUNpQjtBQUd6QjtJQURDLEtBQUssRUFBRTtnRUFDK0I7QUFHdkM7SUFEQyxLQUFLLEVBQUU7NERBQ2lCO0FBR3pCO0lBREMsS0FBSyxFQUFFO2dFQUMrQjtBQUd2QztJQURDLEtBQUssRUFBRTttRUFDd0I7QUFHaEM7SUFEQyxLQUFLLEVBQUU7dUVBQ3NDO0FBdkJyQyx5QkFBeUI7SUFMckMsU0FBUyxDQUFDO1FBQ1AsUUFBUSxFQUFFLHNCQUFzQjtRQUNoQywwMUZBQWtEOztLQUVyRCxDQUFDO0dBQ1cseUJBQXlCLENBc0NyQztTQXRDWSx5QkFBeUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmltcG9ydCB7IElBSW5zaWdodEl0ZW0gfSBmcm9tIFwiLi4vLi4vbW9kZWxzL2luZGV4XCI7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiBcInMtaWEtaW5zaWdodC1zaWRlYmFyXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9pYS1pbnNpZ2h0LXNpZGViYXIuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vaWEtaW5zaWdodC1zaWRlYmFyLmNvbXBvbmVudC5zY3NzXCJdLFxufSlcbmV4cG9ydCBjbGFzcyBJQUluc2lnaHRTaWRlYmFyQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBpbnNpZ2h0czogSUFJbnNpZ2h0SXRlbVtdID0gW107XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBoYXNQZXJtaXNzaW9uOiBib29sZWFuO1xuICAgIFxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGludHJvVGV4dDogc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgaW50cm9UZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGVtcHR5VGV4dDogc3RyaW5nO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgZW1wdHlUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PjtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG5vUGVybWlzc2lvblRleHQ6IHN0cmluZztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIG5vUGVybWlzc2lvblRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gICAgcHVibGljIG9wZW5lZCA9IGZhbHNlO1xuXG4gICAgcHVibGljIHRvZ2dsZSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5vcGVuZWQgPSAhdGhpcy5vcGVuZWQ7XG4gICAgfVxuXG4gICAgcHVibGljIG9wZW4oKTogdm9pZCB7XG4gICAgICAgIHRoaXMub3BlbmVkID0gdHJ1ZTtcbiAgICB9XG5cbiAgICBwdWJsaWMgY2xvc2UoKTogdm9pZCB7XG4gICAgICAgIHRoaXMub3BlbmVkID0gZmFsc2U7XG4gICAgfVxufVxuIl19
|
package/esm2015/components/loading-state/components/dots-indicator/dots-indicator.components.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component } from "@angular/core";
|
|
3
|
+
let DotsIndicatorComponent = class DotsIndicatorComponent {
|
|
4
|
+
};
|
|
5
|
+
DotsIndicatorComponent = __decorate([
|
|
6
|
+
Component({
|
|
7
|
+
selector: "s-dots-indicator",
|
|
8
|
+
template: "<div class=\"dots-indicator\">\n <div class=\"bounce bounce--1\"></div>\n <div class=\"bounce bounce--2\"></div>\n <div class=\"bounce bounce--3\"></div>\n</div>\n",
|
|
9
|
+
styles: [".dots-indicator .bounce{animation:1.2s ease-out infinite bounce;background-color:#333;border-radius:100%;display:inline-block;height:10px;width:10px}.dots-indicator .bounce+.bounce{margin-left:15px}.dots-indicator .bounce.bounce--1{animation-delay:0s}.dots-indicator .bounce.bounce--2{animation-delay:.1s}.dots-indicator .bounce.bounce--3{animation-delay:.2s}@keyframes bounce{100%,80%{transform:scale(1)}90%{transform:scale(1.8)}}"]
|
|
10
|
+
})
|
|
11
|
+
], DotsIndicatorComponent);
|
|
12
|
+
export { DotsIndicatorComponent };
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZG90cy1pbmRpY2F0b3IuY29tcG9uZW50cy5qcyIsInNvdXJjZVJvb3QiOiJuZzovL0BzZW5pb3JzaXN0ZW1hcy9hbmd1bGFyLWNvbXBvbmVudHMvIiwic291cmNlcyI6WyJjb21wb25lbnRzL2xvYWRpbmctc3RhdGUvY29tcG9uZW50cy9kb3RzLWluZGljYXRvci9kb3RzLWluZGljYXRvci5jb21wb25lbnRzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBTzFDLElBQWEsc0JBQXNCLEdBQW5DLE1BQWEsc0JBQXNCO0NBQUcsQ0FBQTtBQUF6QixzQkFBc0I7SUFMbEMsU0FBUyxDQUFDO1FBQ1AsUUFBUSxFQUFFLGtCQUFrQjtRQUM1Qix3TEFBOEM7O0tBRWpELENBQUM7R0FDVyxzQkFBc0IsQ0FBRztTQUF6QixzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLWRvdHMtaW5kaWNhdG9yXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9kb3RzLWluZGljYXRvci5jb21wb25lbnQuaHRtbFwiLFxuICAgIHN0eWxlVXJsczogW1wiLi9kb3RzLWluZGljYXRvci5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgRG90c0luZGljYXRvckNvbXBvbmVudCB7fSJdfQ==
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export var LoadingStateIndicators;
|
|
2
|
+
(function (LoadingStateIndicators) {
|
|
3
|
+
LoadingStateIndicators["Dots"] = "dots";
|
|
4
|
+
LoadingStateIndicators["Logo"] = "logo";
|
|
5
|
+
})(LoadingStateIndicators || (LoadingStateIndicators = {}));
|
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1zdGF0ZS1pbmRpY2F0b3JzLmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvbG9hZGluZy1zdGF0ZS9jb21wb25lbnRzL2xvYWRpbmctc3RhdGUtaW5kaWNhdG9ycy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxNQUFNLENBQU4sSUFBWSxzQkFHWDtBQUhELFdBQVksc0JBQXNCO0lBQzlCLHVDQUFhLENBQUE7SUFDYix1Q0FBYSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxzQkFBc0IsS0FBdEIsc0JBQXNCLFFBR2pDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGVudW0gTG9hZGluZ1N0YXRlSW5kaWNhdG9ycyB7XG4gICAgRG90cyA9IFwiZG90c1wiLFxuICAgIExvZ28gPSBcImxvZ29cIixcbn0iXX0=
|
package/esm2015/components/loading-state/components/logo-indicator/logo-indicator.component.js
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { __decorate } from "tslib";
|
|
2
|
+
import { Component } from "@angular/core";
|
|
3
|
+
let LoadingIndicatorComponent = class LoadingIndicatorComponent {
|
|
4
|
+
};
|
|
5
|
+
LoadingIndicatorComponent = __decorate([
|
|
6
|
+
Component({
|
|
7
|
+
selector: "s-logo-indicator",
|
|
8
|
+
template: "<div class=\"logo-indicator\">\n <span *sSVGFactory=\"'senior'\"></span>\n</div>\n",
|
|
9
|
+
styles: [".logo-indicator{animation:1s infinite pulsar,1s infinite scale;background-color:#00c89a;border-radius:50%;box-shadow:0 0 0 #00c89ab3;height:64px;padding:calc(64px * .16);position:relative;width:64px}@keyframes pulsar{0%{box-shadow:0 0 0 0 #00c89ab3}70%{box-shadow:0 0 0 40px #00c89a00}100%{box-shadow:0 0 0 0 #00c89a00}}@keyframes scale{0%,100%{transform:scale(1)}50%{transform:scale(1.3)}}"]
|
|
10
|
+
})
|
|
11
|
+
], LoadingIndicatorComponent);
|
|
12
|
+
export { LoadingIndicatorComponent };
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9nby1pbmRpY2F0b3IuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6Im5nOi8vQHNlbmlvcnNpc3RlbWFzL2FuZ3VsYXItY29tcG9uZW50cy8iLCJzb3VyY2VzIjpbImNvbXBvbmVudHMvbG9hZGluZy1zdGF0ZS9jb21wb25lbnRzL2xvZ28taW5kaWNhdG9yL2xvZ28taW5kaWNhdG9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQU8xQyxJQUFhLHlCQUF5QixHQUF0QyxNQUFhLHlCQUF5QjtDQUFHLENBQUE7QUFBNUIseUJBQXlCO0lBTHJDLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSxrQkFBa0I7UUFDNUIsaUdBQThDOztLQUVqRCxDQUFDO0dBQ1cseUJBQXlCLENBQUc7U0FBNUIseUJBQXlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSBcIkBhbmd1bGFyL2NvcmVcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwicy1sb2dvLWluZGljYXRvclwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vbG9nby1pbmRpY2F0b3IuY29tcG9uZW50Lmh0bWxcIixcbiAgICBzdHlsZVVybHM6IFtcIi4vbG9nby1pbmRpY2F0b3IuY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdJbmRpY2F0b3JDb21wb25lbnQge31cbiJdfQ==
|
|
@@ -1,18 +1,17 @@
|
|
|
1
1
|
var LoadingStateComponent_1;
|
|
2
2
|
import { __decorate } from "tslib";
|
|
3
3
|
import { Component, Input } from "@angular/core";
|
|
4
|
+
import { LoadingStateIndicators } from "./components/loading-state-indicators";
|
|
4
5
|
let LoadingStateComponent = LoadingStateComponent_1 = class LoadingStateComponent {
|
|
5
6
|
constructor() {
|
|
7
|
+
this.indicator = LoadingStateIndicators.Dots;
|
|
6
8
|
this.id = `s-loading-state-${LoadingStateComponent_1.nextId++}`;
|
|
7
9
|
this.BLOCK_TIMEOUT_VALUE = 300;
|
|
8
10
|
this.UNBLOCK_TIMEOUT_VALUE = 200;
|
|
9
11
|
}
|
|
10
12
|
set loading(loading) {
|
|
11
13
|
this._loading = loading;
|
|
12
|
-
|
|
13
|
-
this.block();
|
|
14
|
-
else
|
|
15
|
-
this.unblock();
|
|
14
|
+
loading ? this.block() : this.unblock();
|
|
16
15
|
}
|
|
17
16
|
get loading() {
|
|
18
17
|
return this._loading;
|
|
@@ -42,13 +41,18 @@ let LoadingStateComponent = LoadingStateComponent_1 = class LoadingStateComponen
|
|
|
42
41
|
}
|
|
43
42
|
}
|
|
44
43
|
ngOnDestroy() {
|
|
45
|
-
if (this.blockTimeoutId)
|
|
44
|
+
if (this.blockTimeoutId) {
|
|
46
45
|
clearTimeout(this.blockTimeoutId);
|
|
47
|
-
|
|
46
|
+
}
|
|
47
|
+
if (this.unblockTimeoutId) {
|
|
48
48
|
clearTimeout(this.unblockTimeoutId);
|
|
49
|
+
}
|
|
49
50
|
}
|
|
50
51
|
};
|
|
51
52
|
LoadingStateComponent.nextId = 0;
|
|
53
|
+
__decorate([
|
|
54
|
+
Input()
|
|
55
|
+
], LoadingStateComponent.prototype, "indicator", void 0);
|
|
52
56
|
__decorate([
|
|
53
57
|
Input()
|
|
54
58
|
], LoadingStateComponent.prototype, "id", void 0);
|
|
@@ -61,9 +65,9 @@ __decorate([
|
|
|
61
65
|
LoadingStateComponent = LoadingStateComponent_1 = __decorate([
|
|
62
66
|
Component({
|
|
63
67
|
selector: "s-loading-state",
|
|
64
|
-
template: "<div\n [id]=\"id\"\n class=\"s-loading-state-container\"\n [ngClass]=\"{'loading': loading
|
|
65
|
-
styles: [".s-loading-state-container{position:relative}.s-loading-state-container
|
|
68
|
+
template: "<div\n [id]=\"id\"\n class=\"s-loading-state-container\"\n [ngClass]=\"{\n 'loading': loading,\n 'blocking': blocking,\n 'fullscreen': blockWindow\n }\">\n <div\n [id]=\"id + '-loader'\"\n class=\"loader\">\n <div\n [id]=\"id + '-spinner'\"\n class=\"spinner\">\n <ng-container [ngSwitch]=\"indicator\">\n <s-logo-indicator *ngSwitchCase=\"'logo'\"></s-logo-indicator>\n <s-dots-indicator *ngSwitchCase=\"'dots'\"></s-dots-indicator>\n </ng-container>\n </div>\n <div\n [id]=\"id + '-overlay'\"\n class=\"overlay\">\n </div>\n </div>\n <div\n [id]=\"id + '-contents'\"\n class=\"contents\">\n <ng-container *ngTemplateOutlet=\"contents || originalContent\"></ng-container>\n <ng-template #originalContent>\n <ng-content></ng-content>\n </ng-template>\n </div>\n</div>",
|
|
69
|
+
styles: [".s-loading-state-container{position:relative}.s-loading-state-container .loader{opacity:0;position:absolute;transition:opacity .2s ease-out,display .2s ease-out;visibility:hidden;inset:1px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.s-loading-state-container .loader .overlay{background-color:#fff;height:100%;opacity:.8;transition:opacity .2s ease-out,display .2s ease-out;width:100%}.s-loading-state-container .loader .spinner{display:-ms-flexbox;display:flex;position:absolute;z-index:2}.s-loading-state-container.blocking>.loader,.s-loading-state-container.loading>.loader{visibility:visible}.s-loading-state-container.blocking>.loader,.s-loading-state-container.blocking>.loader>.overlay,.s-loading-state-container.loading>.loader,.s-loading-state-container.loading>.loader>.overlay{cursor:wait;z-index:1}.s-loading-state-container.blocking>.contents,.s-loading-state-container.loading>.contents{z-index:0!important}.s-loading-state-container.blocking.loading>.loader{opacity:1}.s-loading-state-container.fullscreen>.loader{left:0;position:fixed;top:0;z-index:1005}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.loader{opacity:0;visibility:hidden}::ng-deep .s-loading-state-container.loading.blocking s-loading-state .s-loading-state-container>.contents{z-index:0!important}"]
|
|
66
70
|
})
|
|
67
71
|
], LoadingStateComponent);
|
|
68
72
|
export { LoadingStateComponent };
|
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
73
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1zdGF0ZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9sb2FkaW5nLXN0YXRlL2xvYWRpbmctc3RhdGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQTBCLE1BQU0sZUFBZSxDQUFDO0FBRXpFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHVDQUF1QyxDQUFDO0FBTy9FLElBQWEscUJBQXFCLDZCQUFsQyxNQUFhLHFCQUFxQjtJQUFsQztRQUlXLGNBQVMsR0FBMkIsc0JBQXNCLENBQUMsSUFBSSxDQUFDO1FBR2hFLE9BQUUsR0FBRyxtQkFBbUIsdUJBQXFCLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQztRQW1CeEQsd0JBQW1CLEdBQUcsR0FBRyxDQUFDO1FBQzFCLDBCQUFxQixHQUFHLEdBQUcsQ0FBQztJQXlDeEMsQ0FBQztJQXZERyxJQUFXLE9BQU8sQ0FBQyxPQUFnQjtRQUMvQixJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQztRQUN4QixPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQzVDLENBQUM7SUFFRCxJQUFXLE9BQU87UUFDZCxPQUFPLElBQUksQ0FBQyxRQUFRLENBQUM7SUFDekIsQ0FBQztJQVdNLEtBQUs7UUFDUixJQUFJLElBQUksQ0FBQyxnQkFBZ0IsRUFBRTtZQUN2QixZQUFZLENBQUMsSUFBSSxDQUFDLGdCQUFnQixDQUFDLENBQUM7WUFDcEMsSUFBSSxDQUFDLGdCQUFnQixHQUFHLFNBQVMsQ0FBQztTQUNyQztRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3RCLElBQUksQ0FBQyxjQUFjLEdBQUcsVUFBVSxDQUFDLEdBQUcsRUFBRTtnQkFDbEMsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7Z0JBQ3JCLElBQUksQ0FBQyxjQUFjLEdBQUcsU0FBUyxDQUFDO1lBQ3BDLENBQUMsRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQztTQUNoQztJQUNMLENBQUM7SUFFTSxPQUFPO1FBQ1YsSUFBSSxJQUFJLENBQUMsY0FBYyxFQUFFO1lBQ3JCLFlBQVksQ0FBQyxJQUFJLENBQUMsY0FBYyxDQUFDLENBQUM7WUFDbEMsSUFBSSxDQUFDLGNBQWMsR0FBRyxTQUFTLENBQUM7U0FDbkM7UUFFRCxJQUFJLENBQUMsSUFBSSxDQUFDLGdCQUFnQixFQUFFO1lBQ3hCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNwQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztnQkFDdEIsSUFBSSxDQUFDLGdCQUFnQixHQUFHLFNBQVMsQ0FBQztZQUN0QyxDQUFDLEVBQUUsSUFBSSxDQUFDLHFCQUFxQixDQUFDLENBQUM7U0FDbEM7SUFDTCxDQUFDO0lBRU0sV0FBVztRQUNkLElBQUksSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNyQixZQUFZLENBQUMsSUFBSSxDQUFDLGNBQWMsQ0FBQyxDQUFDO1NBQ3JDO1FBRUQsSUFBSSxJQUFJLENBQUMsZ0JBQWdCLEVBQUU7WUFDdkIsWUFBWSxDQUFDLElBQUksQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDO1NBQ3ZDO0lBQ0wsQ0FBQztDQUNKLENBQUE7QUFuRWlCLDRCQUFNLEdBQUcsQ0FBQyxDQUFDO0FBR3pCO0lBREMsS0FBSyxFQUFFO3dEQUMrRDtBQUd2RTtJQURDLEtBQUssRUFBRTtpREFDd0Q7QUFHaEU7SUFEQyxLQUFLLEVBQUU7MERBQ29CO0FBRzVCO0lBREMsS0FBSyxFQUFFO29EQUlQO0FBaEJRLHFCQUFxQjtJQUxqQyxTQUFTLENBQUM7UUFDUCxRQUFRLEVBQUUsaUJBQWlCO1FBQzNCLGcvQkFBNkM7O0tBRWhELENBQUM7R0FDVyxxQkFBcUIsQ0FvRWpDO1NBcEVZLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIE9uRGVzdHJveSwgVGVtcGxhdGVSZWYgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBMb2FkaW5nU3RhdGVJbmRpY2F0b3JzIH0gZnJvbSBcIi4vY29tcG9uZW50cy9sb2FkaW5nLXN0YXRlLWluZGljYXRvcnNcIjtcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6IFwicy1sb2FkaW5nLXN0YXRlXCIsXG4gICAgdGVtcGxhdGVVcmw6IFwiLi9sb2FkaW5nLXN0YXRlLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL2xvYWRpbmctc3RhdGUuY29tcG9uZW50LnNjc3NcIl0sXG59KVxuZXhwb3J0IGNsYXNzIExvYWRpbmdTdGF0ZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gICAgcHVibGljIHN0YXRpYyBuZXh0SWQgPSAwO1xuICAgIFxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGluZGljYXRvcjogTG9hZGluZ1N0YXRlSW5kaWNhdG9ycyA9IExvYWRpbmdTdGF0ZUluZGljYXRvcnMuRG90cztcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGlkID0gYHMtbG9hZGluZy1zdGF0ZS0ke0xvYWRpbmdTdGF0ZUNvbXBvbmVudC5uZXh0SWQrK31gO1xuXG4gICAgQElucHV0KClcbiAgICBwdWJsaWMgYmxvY2tXaW5kb3c6IGJvb2xlYW47XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBzZXQgbG9hZGluZyhsb2FkaW5nOiBib29sZWFuKSB7XG4gICAgICAgIHRoaXMuX2xvYWRpbmcgPSBsb2FkaW5nO1xuICAgICAgICBsb2FkaW5nID8gdGhpcy5ibG9jaygpIDogdGhpcy51bmJsb2NrKCk7IFxuICAgIH1cblxuICAgIHB1YmxpYyBnZXQgbG9hZGluZygpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2xvYWRpbmc7XG4gICAgfVxuXG4gICAgcHVibGljIGNvbnRlbnRzOiBUZW1wbGF0ZVJlZjxhbnk+O1xuICAgIHB1YmxpYyBibG9ja2luZzogYm9vbGVhbjtcblxuICAgIHByaXZhdGUgX2xvYWRpbmc6IGJvb2xlYW47XG4gICAgcHJpdmF0ZSBCTE9DS19USU1FT1VUX1ZBTFVFID0gMzAwO1xuICAgIHByaXZhdGUgVU5CTE9DS19USU1FT1VUX1ZBTFVFID0gMjAwO1xuICAgIHByaXZhdGUgYmxvY2tUaW1lb3V0SWQ6IGFueTtcbiAgICBwcml2YXRlIHVuYmxvY2tUaW1lb3V0SWQ6IGFueTtcblxuICAgIHB1YmxpYyBibG9jaygpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMudW5ibG9ja1RpbWVvdXRJZCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRoaXMudW5ibG9ja1RpbWVvdXRJZCk7XG4gICAgICAgICAgICB0aGlzLnVuYmxvY2tUaW1lb3V0SWQgPSB1bmRlZmluZWQ7XG4gICAgICAgIH1cblxuICAgICAgICBpZiAoIXRoaXMuYmxvY2tUaW1lb3V0SWQpIHtcbiAgICAgICAgICAgIHRoaXMuYmxvY2tUaW1lb3V0SWQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmJsb2NraW5nID0gdHJ1ZTtcbiAgICAgICAgICAgICAgICB0aGlzLmJsb2NrVGltZW91dElkID0gdW5kZWZpbmVkO1xuICAgICAgICAgICAgfSwgdGhpcy5CTE9DS19USU1FT1VUX1ZBTFVFKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHB1YmxpYyB1bmJsb2NrKCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5ibG9ja1RpbWVvdXRJZCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRoaXMuYmxvY2tUaW1lb3V0SWQpO1xuICAgICAgICAgICAgdGhpcy5ibG9ja1RpbWVvdXRJZCA9IHVuZGVmaW5lZDtcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICghdGhpcy51bmJsb2NrVGltZW91dElkKSB7XG4gICAgICAgICAgICB0aGlzLnVuYmxvY2tUaW1lb3V0SWQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgICB0aGlzLmJsb2NraW5nID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgdGhpcy51bmJsb2NrVGltZW91dElkID0gdW5kZWZpbmVkO1xuICAgICAgICAgICAgfSwgdGhpcy5VTkJMT0NLX1RJTUVPVVRfVkFMVUUpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgcHVibGljIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICBpZiAodGhpcy5ibG9ja1RpbWVvdXRJZCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRoaXMuYmxvY2tUaW1lb3V0SWQpO1xuICAgICAgICB9XG5cbiAgICAgICAgaWYgKHRoaXMudW5ibG9ja1RpbWVvdXRJZCkge1xuICAgICAgICAgICAgY2xlYXJUaW1lb3V0KHRoaXMudW5ibG9ja1RpbWVvdXRJZCk7XG4gICAgICAgIH1cbiAgICB9XG59XG4iXX0=
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
2
|
import { AfterViewInit, ChangeDetectorRef, ComponentFactoryResolver, ComponentRef, Directive, Input, OnDestroy, TemplateRef, ViewContainerRef, } from "@angular/core";
|
|
3
3
|
import { LoadingStateComponent } from "./loading-state.component";
|
|
4
|
+
import { LoadingStateIndicators } from "./components/loading-state-indicators";
|
|
4
5
|
let LoadingStateDirective = class LoadingStateDirective {
|
|
5
6
|
constructor(target, template, componentFactoryResolver, cdr) {
|
|
6
7
|
this.target = target;
|
|
@@ -8,14 +9,21 @@ let LoadingStateDirective = class LoadingStateDirective {
|
|
|
8
9
|
this.componentFactoryResolver = componentFactoryResolver;
|
|
9
10
|
this.cdr = cdr;
|
|
10
11
|
this._loading = false;
|
|
12
|
+
this.indicator = LoadingStateIndicators.Dots;
|
|
11
13
|
}
|
|
12
|
-
set sLoadingState(
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
this.
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
14
|
+
set sLoadingState(value) {
|
|
15
|
+
if (typeof value === "boolean") {
|
|
16
|
+
this._loading = value;
|
|
17
|
+
this.indicator = LoadingStateIndicators.Dots;
|
|
18
|
+
}
|
|
19
|
+
else if (typeof value === "object") {
|
|
20
|
+
this._loading = value.loading;
|
|
21
|
+
this.indicator = value.indicator || LoadingStateIndicators.Dots;
|
|
22
|
+
}
|
|
23
|
+
if (this.loaderComponent) {
|
|
24
|
+
this.loaderComponent.instance.loading = this._loading;
|
|
25
|
+
this.loaderComponent.instance.indicator = this.indicator;
|
|
26
|
+
}
|
|
19
27
|
}
|
|
20
28
|
ngAfterViewInit() {
|
|
21
29
|
this.createComponent();
|
|
@@ -24,11 +32,14 @@ let LoadingStateDirective = class LoadingStateDirective {
|
|
|
24
32
|
const factory = this.componentFactoryResolver.resolveComponentFactory(LoadingStateComponent);
|
|
25
33
|
this.loaderComponent = this.target.createComponent(factory);
|
|
26
34
|
this.loaderComponent.instance.contents = this.template;
|
|
27
|
-
this.loaderComponent.instance.loading = this.
|
|
35
|
+
this.loaderComponent.instance.loading = this._loading;
|
|
36
|
+
this.loaderComponent.instance.indicator = this.indicator;
|
|
28
37
|
this.cdr.detectChanges();
|
|
29
38
|
}
|
|
30
39
|
ngOnDestroy() {
|
|
31
|
-
this.loaderComponent
|
|
40
|
+
if (this.loaderComponent) {
|
|
41
|
+
this.loaderComponent.destroy();
|
|
42
|
+
}
|
|
32
43
|
}
|
|
33
44
|
};
|
|
34
45
|
LoadingStateDirective.ctorParameters = () => [
|
|
@@ -38,7 +49,7 @@ LoadingStateDirective.ctorParameters = () => [
|
|
|
38
49
|
{ type: ChangeDetectorRef }
|
|
39
50
|
];
|
|
40
51
|
__decorate([
|
|
41
|
-
Input()
|
|
52
|
+
Input("sLoadingState")
|
|
42
53
|
], LoadingStateDirective.prototype, "sLoadingState", null);
|
|
43
54
|
LoadingStateDirective = __decorate([
|
|
44
55
|
Directive({
|
|
@@ -46,4 +57,4 @@ LoadingStateDirective = __decorate([
|
|
|
46
57
|
})
|
|
47
58
|
], LoadingStateDirective);
|
|
48
59
|
export { LoadingStateDirective };
|
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1zdGF0ZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9sb2FkaW5nLXN0YXRlL2xvYWRpbmctc3RhdGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsYUFBYSxFQUNiLGlCQUFpQixFQUNqQix3QkFBd0IsRUFDeEIsWUFBWSxFQUNaLFNBQVMsRUFDVCxLQUFLLEVBQ0wsU0FBUyxFQUNULFdBQVcsRUFDWCxnQkFBZ0IsR0FDbkIsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFLL0UsSUFBYSxxQkFBcUIsR0FBbEMsTUFBYSxxQkFBcUI7SUFxQjlCLFlBQ1ksTUFBd0IsRUFDeEIsUUFBMEIsRUFDMUIsd0JBQWtELEVBQ2xELEdBQXNCO1FBSHRCLFdBQU0sR0FBTixNQUFNLENBQWtCO1FBQ3hCLGFBQVEsR0FBUixRQUFRLENBQWtCO1FBQzFCLDZCQUF3QixHQUF4Qix3QkFBd0IsQ0FBMEI7UUFDbEQsUUFBRyxHQUFILEdBQUcsQ0FBbUI7UUFSMUIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsc0JBQXNCLENBQUMsSUFBSSxDQUFDO0lBUTdDLENBQUM7SUF4QkosSUFBVyxhQUFhLENBQUMsS0FBeUU7UUFDOUYsSUFBSSxPQUFPLEtBQUssS0FBSyxTQUFTLEVBQUU7WUFDNUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7WUFDdEIsSUFBSSxDQUFDLFNBQVMsR0FBRyxzQkFBc0IsQ0FBQyxJQUFJLENBQUM7U0FDaEQ7YUFBTSxJQUFJLE9BQU8sS0FBSyxLQUFLLFFBQVEsRUFBRTtZQUNsQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQUM7WUFDOUIsSUFBSSxDQUFDLFNBQVMsR0FBRyxLQUFLLENBQUMsU0FBUyxJQUFJLHNCQUFzQixDQUFDLElBQUksQ0FBQztTQUNuRTtRQUVELElBQUksSUFBSSxDQUFDLGVBQWUsRUFBRTtZQUN0QixJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFFBQVEsQ0FBQztZQUN0RCxJQUFJLENBQUMsZUFBZSxDQUFDLFFBQVEsQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQztTQUM1RDtJQUNMLENBQUM7SUFhTSxlQUFlO1FBQ2xCLElBQUksQ0FBQyxlQUFlLEVBQUUsQ0FBQztJQUMzQixDQUFDO0lBRU8sZUFBZTtRQUNuQixNQUFNLE9BQU8sR0FBRyxJQUFJLENBQUMsd0JBQXdCLENBQUMsdUJBQXVCLENBQUMscUJBQXFCLENBQUMsQ0FBQztRQUM3RixJQUFJLENBQUMsZUFBZSxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQzVELElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3ZELElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsUUFBUSxDQUFDO1FBQ3RELElBQUksQ0FBQyxlQUFlLENBQUMsUUFBUSxDQUFDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDO1FBQ3pELElBQUksQ0FBQyxHQUFHLENBQUMsYUFBYSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVNLFdBQVc7UUFDZCxJQUFJLElBQUksQ0FBQyxlQUFlLEVBQUU7WUFDdEIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNsQztJQUNMLENBQUM7Q0FDSixDQUFBOztZQXhCdUIsZ0JBQWdCO1lBQ2QsV0FBVztZQUNLLHdCQUF3QjtZQUM3QyxpQkFBaUI7O0FBdkJsQztJQURDLEtBQUssQ0FBQyxlQUFlLENBQUM7MERBY3RCO0FBZlEscUJBQXFCO0lBSGpDLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSxpQkFBaUI7S0FDOUIsQ0FBQztHQUNXLHFCQUFxQixDQThDakM7U0E5Q1kscUJBQXFCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBBZnRlclZpZXdJbml0LFxuICAgIENoYW5nZURldGVjdG9yUmVmLFxuICAgIENvbXBvbmVudEZhY3RvcnlSZXNvbHZlcixcbiAgICBDb21wb25lbnRSZWYsXG4gICAgRGlyZWN0aXZlLFxuICAgIElucHV0LFxuICAgIE9uRGVzdHJveSxcbiAgICBUZW1wbGF0ZVJlZixcbiAgICBWaWV3Q29udGFpbmVyUmVmLFxufSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBMb2FkaW5nU3RhdGVDb21wb25lbnQgfSBmcm9tIFwiLi9sb2FkaW5nLXN0YXRlLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgTG9hZGluZ1N0YXRlSW5kaWNhdG9ycyB9IGZyb20gXCIuL2NvbXBvbmVudHMvbG9hZGluZy1zdGF0ZS1pbmRpY2F0b3JzXCI7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiBcIltzTG9hZGluZ1N0YXRlXVwiLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nU3RhdGVEaXJlY3RpdmUgaW1wbGVtZW50cyBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuICAgIEBJbnB1dChcInNMb2FkaW5nU3RhdGVcIilcbiAgICBwdWJsaWMgc2V0IHNMb2FkaW5nU3RhdGUodmFsdWU6IGJvb2xlYW4gfCB7IGxvYWRpbmc6IGJvb2xlYW47IGluZGljYXRvcj86IExvYWRpbmdTdGF0ZUluZGljYXRvcnMgfSkge1xuICAgICAgICBpZiAodHlwZW9mIHZhbHVlID09PSBcImJvb2xlYW5cIikge1xuICAgICAgICAgICAgdGhpcy5fbG9hZGluZyA9IHZhbHVlO1xuICAgICAgICAgICAgdGhpcy5pbmRpY2F0b3IgPSBMb2FkaW5nU3RhdGVJbmRpY2F0b3JzLkRvdHM7XG4gICAgICAgIH0gZWxzZSBpZiAodHlwZW9mIHZhbHVlID09PSBcIm9iamVjdFwiKSB7XG4gICAgICAgICAgICB0aGlzLl9sb2FkaW5nID0gdmFsdWUubG9hZGluZztcbiAgICAgICAgICAgIHRoaXMuaW5kaWNhdG9yID0gdmFsdWUuaW5kaWNhdG9yIHx8IExvYWRpbmdTdGF0ZUluZGljYXRvcnMuRG90cztcbiAgICAgICAgfVxuXG4gICAgICAgIGlmICh0aGlzLmxvYWRlckNvbXBvbmVudCkge1xuICAgICAgICAgICAgdGhpcy5sb2FkZXJDb21wb25lbnQuaW5zdGFuY2UubG9hZGluZyA9IHRoaXMuX2xvYWRpbmc7XG4gICAgICAgICAgICB0aGlzLmxvYWRlckNvbXBvbmVudC5pbnN0YW5jZS5pbmRpY2F0b3IgPSB0aGlzLmluZGljYXRvcjtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIHByaXZhdGUgX2xvYWRpbmcgPSBmYWxzZTtcbiAgICBwcml2YXRlIGluZGljYXRvciA9IExvYWRpbmdTdGF0ZUluZGljYXRvcnMuRG90cztcbiAgICBwcml2YXRlIGxvYWRlckNvbXBvbmVudDogQ29tcG9uZW50UmVmPExvYWRpbmdTdGF0ZUNvbXBvbmVudD47XG5cbiAgICBjb25zdHJ1Y3RvcihcbiAgICAgICAgcHJpdmF0ZSB0YXJnZXQ6IFZpZXdDb250YWluZXJSZWYsXG4gICAgICAgIHByaXZhdGUgdGVtcGxhdGU6IFRlbXBsYXRlUmVmPGFueT4sXG4gICAgICAgIHByaXZhdGUgY29tcG9uZW50RmFjdG9yeVJlc29sdmVyOiBDb21wb25lbnRGYWN0b3J5UmVzb2x2ZXIsXG4gICAgICAgIHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZlxuICAgICkge31cblxuICAgIHB1YmxpYyBuZ0FmdGVyVmlld0luaXQoKSB7XG4gICAgICAgIHRoaXMuY3JlYXRlQ29tcG9uZW50KCk7XG4gICAgfVxuXG4gICAgcHJpdmF0ZSBjcmVhdGVDb21wb25lbnQoKSB7XG4gICAgICAgIGNvbnN0IGZhY3RvcnkgPSB0aGlzLmNvbXBvbmVudEZhY3RvcnlSZXNvbHZlci5yZXNvbHZlQ29tcG9uZW50RmFjdG9yeShMb2FkaW5nU3RhdGVDb21wb25lbnQpO1xuICAgICAgICB0aGlzLmxvYWRlckNvbXBvbmVudCA9IHRoaXMudGFyZ2V0LmNyZWF0ZUNvbXBvbmVudChmYWN0b3J5KTtcbiAgICAgICAgdGhpcy5sb2FkZXJDb21wb25lbnQuaW5zdGFuY2UuY29udGVudHMgPSB0aGlzLnRlbXBsYXRlO1xuICAgICAgICB0aGlzLmxvYWRlckNvbXBvbmVudC5pbnN0YW5jZS5sb2FkaW5nID0gdGhpcy5fbG9hZGluZztcbiAgICAgICAgdGhpcy5sb2FkZXJDb21wb25lbnQuaW5zdGFuY2UuaW5kaWNhdG9yID0gdGhpcy5pbmRpY2F0b3I7XG4gICAgICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgICB9XG5cbiAgICBwdWJsaWMgbmdPbkRlc3Ryb3koKSB7XG4gICAgICAgIGlmICh0aGlzLmxvYWRlckNvbXBvbmVudCkge1xuICAgICAgICAgICAgdGhpcy5sb2FkZXJDb21wb25lbnQuZGVzdHJveSgpO1xuICAgICAgICB9XG4gICAgfVxufVxuIl19
|
|
@@ -1,17 +1,31 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { NgModule } from "@angular/core";
|
|
3
2
|
import { CommonModule } from "@angular/common";
|
|
3
|
+
import { NgModule } from "@angular/core";
|
|
4
|
+
import { SVGFactoryModule } from "../../utils/svg-factory/svg-factory.module";
|
|
5
|
+
import { DotsIndicatorComponent } from "./components/dots-indicator/dots-indicator.components";
|
|
6
|
+
import { LoadingIndicatorComponent } from "./components/logo-indicator/logo-indicator.component";
|
|
4
7
|
import { LoadingStateComponent } from "./loading-state.component";
|
|
5
8
|
import { LoadingStateDirective } from "./loading-state.directive";
|
|
6
9
|
let LoadingStateModule = class LoadingStateModule {
|
|
7
10
|
};
|
|
8
11
|
LoadingStateModule = __decorate([
|
|
9
12
|
NgModule({
|
|
10
|
-
imports: [
|
|
11
|
-
|
|
12
|
-
|
|
13
|
+
imports: [
|
|
14
|
+
CommonModule,
|
|
15
|
+
SVGFactoryModule,
|
|
16
|
+
],
|
|
17
|
+
declarations: [
|
|
18
|
+
LoadingStateComponent,
|
|
19
|
+
LoadingStateDirective,
|
|
20
|
+
DotsIndicatorComponent,
|
|
21
|
+
LoadingIndicatorComponent,
|
|
22
|
+
],
|
|
23
|
+
exports: [
|
|
24
|
+
LoadingStateComponent,
|
|
25
|
+
LoadingStateDirective,
|
|
26
|
+
],
|
|
13
27
|
entryComponents: [LoadingStateComponent],
|
|
14
28
|
})
|
|
15
29
|
], LoadingStateModule);
|
|
16
30
|
export { LoadingStateModule };
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1zdGF0ZS5tb2R1bGUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9Ac2VuaW9yc2lzdGVtYXMvYW5ndWxhci1jb21wb25lbnRzLyIsInNvdXJjZXMiOlsiY29tcG9uZW50cy9sb2FkaW5nLXN0YXRlL2xvYWRpbmctc3RhdGUubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUV6QyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw0Q0FBNEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1REFBdUQsQ0FBQztBQUMvRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxzREFBc0QsQ0FBQztBQUNqRyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNsRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQW1CbEUsSUFBYSxrQkFBa0IsR0FBL0IsTUFBYSxrQkFBa0I7Q0FBRyxDQUFBO0FBQXJCLGtCQUFrQjtJQWpCOUIsUUFBUSxDQUFDO1FBQ04sT0FBTyxFQUFFO1lBQ0wsWUFBWTtZQUNaLGdCQUFnQjtTQUNuQjtRQUNELFlBQVksRUFBRTtZQUNWLHFCQUFxQjtZQUNyQixxQkFBcUI7WUFDckIsc0JBQXNCO1lBQ3RCLHlCQUF5QjtTQUM1QjtRQUNELE9BQU8sRUFBRTtZQUNMLHFCQUFxQjtZQUNyQixxQkFBcUI7U0FDeEI7UUFDRCxlQUFlLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQztLQUMzQyxDQUFDO0dBQ1csa0JBQWtCLENBQUc7U0FBckIsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5pbXBvcnQgeyBTVkdGYWN0b3J5TW9kdWxlIH0gZnJvbSBcIi4uLy4uL3V0aWxzL3N2Zy1mYWN0b3J5L3N2Zy1mYWN0b3J5Lm1vZHVsZVwiO1xuaW1wb3J0IHsgRG90c0luZGljYXRvckNvbXBvbmVudCB9IGZyb20gXCIuL2NvbXBvbmVudHMvZG90cy1pbmRpY2F0b3IvZG90cy1pbmRpY2F0b3IuY29tcG9uZW50c1wiO1xuaW1wb3J0IHsgTG9hZGluZ0luZGljYXRvckNvbXBvbmVudCB9IGZyb20gXCIuL2NvbXBvbmVudHMvbG9nby1pbmRpY2F0b3IvbG9nby1pbmRpY2F0b3IuY29tcG9uZW50XCI7XG5pbXBvcnQgeyBMb2FkaW5nU3RhdGVDb21wb25lbnQgfSBmcm9tIFwiLi9sb2FkaW5nLXN0YXRlLmNvbXBvbmVudFwiO1xuaW1wb3J0IHsgTG9hZGluZ1N0YXRlRGlyZWN0aXZlIH0gZnJvbSBcIi4vbG9hZGluZy1zdGF0ZS5kaXJlY3RpdmVcIjtcblxuQE5nTW9kdWxlKHtcbiAgICBpbXBvcnRzOiBbXG4gICAgICAgIENvbW1vbk1vZHVsZSxcbiAgICAgICAgU1ZHRmFjdG9yeU1vZHVsZSxcbiAgICBdLFxuICAgIGRlY2xhcmF0aW9uczogW1xuICAgICAgICBMb2FkaW5nU3RhdGVDb21wb25lbnQsXG4gICAgICAgIExvYWRpbmdTdGF0ZURpcmVjdGl2ZSxcbiAgICAgICAgRG90c0luZGljYXRvckNvbXBvbmVudCxcbiAgICAgICAgTG9hZGluZ0luZGljYXRvckNvbXBvbmVudCxcbiAgICBdLFxuICAgIGV4cG9ydHM6IFtcbiAgICAgICAgTG9hZGluZ1N0YXRlQ29tcG9uZW50LFxuICAgICAgICBMb2FkaW5nU3RhdGVEaXJlY3RpdmUsXG4gICAgXSxcbiAgICBlbnRyeUNvbXBvbmVudHM6IFtMb2FkaW5nU3RhdGVDb21wb25lbnRdLFxufSlcbmV4cG9ydCBjbGFzcyBMb2FkaW5nU3RhdGVNb2R1bGUge31cbiJdfQ==
|