@dereekb/dbx-web 0.0.1

package/esm2020/lib/layout/section/section.page.component.mjs

@@ -0,0 +1,46 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/common";
+/**
+ * Component used to style a page that is made up of app sections.
+ */
+export class DbNgxSectionPageComponent {
+}
+DbNgxSectionPageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSectionPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbNgxSectionPageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxSectionPageComponent, selector: "dbx-section-page", inputs: { header: "header", icon: "icon" }, ngImport: i0, template: `
+  <div class="dbx-section-page">
+    <div class="dbx-section-header">
+      <div class="dbx-section-header-content">
+        <h1 class="dbx-section-header-content-title"><mat-icon *ngIf="icon">{{icon}}</mat-icon><span class="title-text">{{ header }}</span></h1>
+        <span class="spacer"></span>
+        <ng-content select="[sectionHeader]"></ng-content>
+      </div>
+    </div>
+    <ng-content></ng-content>
+  </div>
+  `, isInline: true, components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSectionPageComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-section-page',
+                    template: `
+  <div class="dbx-section-page">
+    <div class="dbx-section-header">
+      <div class="dbx-section-header-content">
+        <h1 class="dbx-section-header-content-title"><mat-icon *ngIf="icon">{{icon}}</mat-icon><span class="title-text">{{ header }}</span></h1>
+        <span class="spacer"></span>
+        <ng-content select="[sectionHeader]"></ng-content>
+      </div>
+    </div>
+    <ng-content></ng-content>
+  </div>
+  `,
+                    // TODO: styleUrls: ['./container.scss']
+                }]
+        }], propDecorators: { header: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc2VjdGlvbi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7O0FBRWpEOztHQUVHO0FBaUJILE1BQU0sT0FBTyx5QkFBeUI7O3NIQUF6Qix5QkFBeUI7MEdBQXpCLHlCQUF5QixvR0FkMUI7Ozs7Ozs7Ozs7O0dBV1Q7MkZBR1UseUJBQXlCO2tCQWhCckMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7O0dBV1Q7b0JBQ0Qsd0NBQXdDO2lCQUN6Qzs4QkFJQyxNQUFNO3NCQURMLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIHN0eWxlIGEgcGFnZSB0aGF0IGlzIG1hZGUgdXAgb2YgYXBwIHNlY3Rpb25zLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VjdGlvbi1wYWdlJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLXBhZ2VcIj5cbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyXCI+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnRcIj5cbiAgICAgICAgPGgxIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnQtdGl0bGVcIj48bWF0LWljb24gKm5nSWY9XCJpY29uXCI+e3tpY29ufX08L21hdC1pY29uPjxzcGFuIGNsYXNzPVwidGl0bGUtdGV4dFwiPnt7IGhlYWRlciB9fTwvc3Bhbj48L2gxPlxuICAgICAgICA8c3BhbiBjbGFzcz1cInNwYWNlclwiPjwvc3Bhbj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlY3Rpb25IZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbiAgYCxcbiAgLy8gVE9ETzogc3R5bGVVcmxzOiBbJy4vY29udGFpbmVyLnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBEYk5neFNlY3Rpb25QYWdlQ29tcG9uZW50IHtcblxuICBASW5wdXQoKVxuICBoZWFkZXI/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgaWNvbj86IHN0cmluZztcblxufVxuIl19

package/esm2020/lib/layout/section/subsection.component.mjs

@@ -0,0 +1,35 @@
+import { Component } from '@angular/core';
+import { DbNgxSectionComponent } from './section.component';
+import * as i0 from "@angular/core";
+/**
+ * Component used to format content on a page within a section.
+ */
+export class DbNgxSubSectionComponent extends DbNgxSectionComponent {
+}
+DbNgxSubSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+DbNgxSubSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxSubSectionComponent, selector: "dbx-subsection", usesInheritance: true, ngImport: i0, template: `
+  <div class="dbx-subsection">
+    <h3>{{ header }}</h3>
+    <p class="dbx-section-hint">{{ hint }}</p>
+    <div class="dbx-section-content">
+      <ng-content></ng-content>
+    </div>
+  </div>
+  `, isInline: true });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxSubSectionComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-subsection',
+                    template: `
+  <div class="dbx-subsection">
+    <h3>{{ header }}</h3>
+    <p class="dbx-section-hint">{{ hint }}</p>
+    <div class="dbx-section-content">
+      <ng-content></ng-content>
+    </div>
+  </div>
+  `,
+                    // TODO: styleUrls: ['./container.scss']
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc3Vic2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBUyxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7QUFFNUQ7O0dBRUc7QUFjSCxNQUFNLE9BQU8sd0JBQXlCLFNBQVEscUJBQXFCOztxSEFBdEQsd0JBQXdCO3lHQUF4Qix3QkFBd0IsNkVBWHpCOzs7Ozs7OztHQVFUOzJGQUdVLHdCQUF3QjtrQkFicEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUU7Ozs7Ozs7O0dBUVQ7b0JBQ0Qsd0NBQXdDO2lCQUN6QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERiTmd4U2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5jb21wb25lbnQnO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIGZvcm1hdCBjb250ZW50IG9uIGEgcGFnZSB3aXRoaW4gYSBzZWN0aW9uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc3Vic2VjdGlvbicsXG4gIHRlbXBsYXRlOiBgXG4gIDxkaXYgY2xhc3M9XCJkYngtc3Vic2VjdGlvblwiPlxuICAgIDxoMz57eyBoZWFkZXIgfX08L2gzPlxuICAgIDxwIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGludFwiPnt7IGhpbnQgfX08L3A+XG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4gIGAsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL2NvbnRhaW5lci5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hTdWJTZWN0aW9uQ29tcG9uZW50IGV4dGVuZHMgRGJOZ3hTZWN0aW9uQ29tcG9uZW50IHt9Il19

package/esm2020/lib/layout/step/index.mjs

@@ -0,0 +1,3 @@
+export * from './step.component';
+export * from './step.layout.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsY0FBYyxrQkFBa0IsQ0FBQztBQUNqQyxjQUFjLHNCQUFzQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9zdGVwLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL3N0ZXAubGF5b3V0Lm1vZHVsZSc7XG4iXX0=

package/esm2020/lib/layout/step/step.component.mjs

@@ -0,0 +1,21 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/icon";
+import * as i2 from "@angular/common";
+export class DbNgxStepComponent {
+}
+DbNgxStepComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbNgxStepComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxStepComponent, selector: "dbx-step", inputs: { done: "done", step: "step", text: "text", hint: "hint" }, ngImport: i0, template: "<div class=\"step-section\" [ngClass]=\"(done) ? 'done' : ''\">\n  <div class=\"step-section-header\">\n    <span class=\"step\">{{ step }}.</span>\n    <mat-icon class=\"done-check\" *ngIf=\"done\">done</mat-icon>\n    <span class=\"text\">{{ text }}</span>\n    <p *ngIf=\"hint\" class=\"hint\">{{ hint }}</p>\n  </div>\n  <div class=\"step-section-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n", components: [{ type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], directives: [{ type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dbx-step', template: "<div class=\"step-section\" [ngClass]=\"(done) ? 'done' : ''\">\n  <div class=\"step-section-header\">\n    <span class=\"step\">{{ step }}.</span>\n    <mat-icon class=\"done-check\" *ngIf=\"done\">done</mat-icon>\n    <span class=\"text\">{{ text }}</span>\n    <p *ngIf=\"hint\" class=\"hint\">{{ hint }}</p>\n  </div>\n  <div class=\"step-section-content\">\n    <ng-content></ng-content>\n  </div>\n</div>\n" }]
+        }], propDecorators: { done: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], hint: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBVSxNQUFNLGVBQWUsQ0FBQzs7OztBQU96RCxNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO21HQUFsQixrQkFBa0Isb0hDUC9CLDhaQVdBOzJGREphLGtCQUFrQjtrQkFMOUIsU0FBUzsrQkFDRSxVQUFVOzhCQU9wQixJQUFJO3NCQURILEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBPbkluaXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXN0ZXAnLFxuICB0ZW1wbGF0ZVVybDogJy4vc3RlcC5jb21wb25lbnQuaHRtbCcsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL3N0ZXAuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERiTmd4U3RlcENvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgZG9uZT86IGJvb2xlYW47XG5cbiAgQElucHV0KClcbiAgc3RlcD86IG51bWJlcjtcblxuICBASW5wdXQoKVxuICB0ZXh0Pzogc3RyaW5nO1xuXG4gIEBJbnB1dCgpXG4gIGhpbnQ/OiBzdHJpbmc7XG5cbn1cbiIsIjxkaXYgY2xhc3M9XCJzdGVwLXNlY3Rpb25cIiBbbmdDbGFzc109XCIoZG9uZSkgPyAnZG9uZScgOiAnJ1wiPlxuICA8ZGl2IGNsYXNzPVwic3RlcC1zZWN0aW9uLWhlYWRlclwiPlxuICAgIDxzcGFuIGNsYXNzPVwic3RlcFwiPnt7IHN0ZXAgfX0uPC9zcGFuPlxuICAgIDxtYXQtaWNvbiBjbGFzcz1cImRvbmUtY2hlY2tcIiAqbmdJZj1cImRvbmVcIj5kb25lPC9tYXQtaWNvbj5cbiAgICA8c3BhbiBjbGFzcz1cInRleHRcIj57eyB0ZXh0IH19PC9zcGFuPlxuICAgIDxwICpuZ0lmPVwiaGludFwiIGNsYXNzPVwiaGludFwiPnt7IGhpbnQgfX08L3A+XG4gIDwvZGl2PlxuICA8ZGl2IGNsYXNzPVwic3RlcC1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuPC9kaXY+XG4iXX0=

package/esm2020/lib/layout/step/step.layout.module.mjs

@@ -0,0 +1,30 @@
+import { MatIconModule } from '@angular/material/icon';
+import { CommonModule } from '@angular/common';
+import { NgModule } from '@angular/core';
+import { DbNgxStepComponent } from './step.component';
+import * as i0 from "@angular/core";
+export class DbNgxStepLayoutModule {
+}
+DbNgxStepLayoutModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbNgxStepLayoutModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepLayoutModule, declarations: [DbNgxStepComponent], imports: [CommonModule,
+        MatIconModule], exports: [DbNgxStepComponent] });
+DbNgxStepLayoutModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepLayoutModule, imports: [[
+            CommonModule,
+            MatIconModule
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxStepLayoutModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        MatIconModule
+                    ],
+                    declarations: [
+                        DbNgxStepComponent
+                    ],
+                    exports: [
+                        DbNgxStepComponent
+                    ],
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdGVwL3N0ZXAubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBY3RELE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7bUhBQXJCLHFCQUFxQixpQkFOOUIsa0JBQWtCLGFBSmxCLFlBQVk7UUFDWixhQUFhLGFBTWIsa0JBQWtCO21IQUdULHFCQUFxQixZQVh2QjtZQUNQLFlBQVk7WUFDWixhQUFhO1NBQ2Q7MkZBUVUscUJBQXFCO2tCQVpqQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGFBQWE7cUJBQ2Q7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLGtCQUFrQjtxQkFDbkI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGtCQUFrQjtxQkFDbkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERiTmd4U3RlcENvbXBvbmVudCB9IGZyb20gJy4vc3RlcC5jb21wb25lbnQnO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdEljb25Nb2R1bGVcbiAgXSxcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgRGJOZ3hTdGVwQ29tcG9uZW50XG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBEYk5neFN0ZXBDb21wb25lbnRcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hTdGVwTGF5b3V0TW9kdWxlIHsgfVxuIl19

package/esm2020/lib/loading/basic-loading.component.mjs

@@ -0,0 +1,116 @@
+import { startWith } from 'rxjs';
+import { distinctUntilChanged, shareReplay, combineLatest, map, BehaviorSubject } from 'rxjs';
+import { Component, Input, ViewChild } from '@angular/core';
+import { checkNgContentWrapperHasContent } from '@dereekb/dbx-core';
+import * as i0 from "@angular/core";
+import * as i1 from "./loading-progress.component";
+import * as i2 from "../error/error.component";
+import * as i3 from "@angular/common";
+/**
+ * DbNgxBasicLoadingComponent loading state.
+ */
+export var LoadingComponentState;
+(function (LoadingComponentState) {
+    LoadingComponentState[LoadingComponentState["NONE"] = -1] = "NONE";
+    LoadingComponentState[LoadingComponentState["LOADING"] = 0] = "LOADING";
+    LoadingComponentState[LoadingComponentState["CONTENT"] = 1] = "CONTENT";
+    LoadingComponentState[LoadingComponentState["ERROR"] = 2] = "ERROR";
+})(LoadingComponentState || (LoadingComponentState = {}));
+/**
+ * Basic loading component.
+ */
+export class DbNgxBasicLoadingComponent {
+    constructor() {
+        this._loading = new BehaviorSubject(undefined);
+        this._show = new BehaviorSubject(true);
+        this._error = new BehaviorSubject(undefined);
+        this._customErrorContent = new BehaviorSubject(undefined);
+        this._customLoadingContent = new BehaviorSubject(undefined);
+        this.state$ = combineLatest([this._loading, this._show, this._error]).pipe(map(([loading, show, error]) => {
+            let state;
+            if (error) {
+                state = LoadingComponentState.ERROR;
+            }
+            else if (loading == null) { // If loading has not yet been defined and no error has occured, we're waiting for some input on loading or error.
+                state = LoadingComponentState.NONE;
+            }
+            else if (loading || !show) {
+                state = LoadingComponentState.LOADING;
+            }
+            else {
+                state = LoadingComponentState.CONTENT;
+            }
+            return state;
+        }), distinctUntilChanged(), startWith(LoadingComponentState.NONE), shareReplay(1));
+        this.error$ = this._error.asObservable();
+        this.hasNoCustomError$ = this._customErrorContent.pipe(map(x => !checkNgContentWrapperHasContent(x)));
+        this.hasNoCustomLoading$ = this._customLoadingContent.pipe(map(x => !checkNgContentWrapperHasContent(x)));
+        this.mode = 'indeterminate';
+        this.color = 'primary';
+        this.linear = false;
+    }
+    ngOnDestroy() {
+        this._error.complete();
+        this._loading.complete();
+        this._show.complete();
+        this._customErrorContent.complete();
+        this._customLoadingContent.complete();
+    }
+    get show() {
+        return this._show.value;
+    }
+    set show(show) {
+        this._show.next(show ?? true);
+    }
+    get loading() {
+        return this._loading.value;
+    }
+    set loading(loading) {
+        this._loading.next(loading);
+    }
+    get error() {
+        return this._error.value;
+    }
+    set error(error) {
+        this._error.next(error);
+    }
+    set customErrorContent(customErrorContent) {
+        setTimeout(() => {
+            this._customErrorContent.next(customErrorContent);
+        }, 0);
+    }
+    set customLoadingContent(customLoadingContent) {
+        setTimeout(() => {
+            this._customLoadingContent.next(customLoadingContent);
+        }, 0);
+    }
+}
+DbNgxBasicLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxBasicLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbNgxBasicLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxBasicLoadingComponent, selector: "dbx-basic-loading", inputs: { diameter: "diameter", mode: "mode", color: "color", text: "text", linear: "linear", show: "show", loading: "loading", error: "error" }, viewQueries: [{ propertyName: "customErrorContent", first: true, predicate: ["customError"], descendants: true }, { propertyName: "customLoadingContent", first: true, predicate: ["customLoading"], descendants: true }], ngImport: i0, template: "<ng-container [ngSwitch]=\"state$ | async\">\n  <ng-container *ngSwitchCase=\"0\">\n    <!-- Loading -->\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\"></ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <!-- Content -->\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"2\">\n    <!-- Error -->\n    <ng-container *ngTemplateOutlet=\"errorTemplate\"></ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadingTemplate>\n  <dbx-loading-progress *ngIf=\"hasNoCustomLoading$ | async\" [mode]=\"mode\" [color]=\"color\" [text]=\"text\"\n    [linear]=\"linear\" [diameter]=\"diameter\"></dbx-loading-progress>\n  <div #customLoading>\n    <ng-content select=\"[loading]\"></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #errorTemplate>\n  <dbx-error *ngIf=\"hasNoCustomError$ | async\" [error]=\"error$ | async\"></dbx-error>\n  <div #customError>\n    <ng-content select=\"[error]\"></ng-content>\n  </div>\n  <ng-content select=\"[errorAction]\"></ng-content>\n</ng-template>\n", components: [{ type: i1.DbNgxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: ["text", "linear", "mode", "color", "value", "bufferValue", "diameter"] }, { type: i2.DbNgxReadableErrorComponent, selector: "dbx-error", inputs: ["error"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxBasicLoadingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dbx-basic-loading', template: "<ng-container [ngSwitch]=\"state$ | async\">\n  <ng-container *ngSwitchCase=\"0\">\n    <!-- Loading -->\n    <ng-container *ngTemplateOutlet=\"loadingTemplate\"></ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"1\">\n    <!-- Content -->\n    <ng-content></ng-content>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"2\">\n    <!-- Error -->\n    <ng-container *ngTemplateOutlet=\"errorTemplate\"></ng-container>\n  </ng-container>\n</ng-container>\n\n<ng-template #loadingTemplate>\n  <dbx-loading-progress *ngIf=\"hasNoCustomLoading$ | async\" [mode]=\"mode\" [color]=\"color\" [text]=\"text\"\n    [linear]=\"linear\" [diameter]=\"diameter\"></dbx-loading-progress>\n  <div #customLoading>\n    <ng-content select=\"[loading]\"></ng-content>\n  </div>\n</ng-template>\n\n<ng-template #errorTemplate>\n  <dbx-error *ngIf=\"hasNoCustomError$ | async\" [error]=\"error$ | async\"></dbx-error>\n  <div #customError>\n    <ng-content select=\"[error]\"></ng-content>\n  </div>\n  <ng-content select=\"[errorAction]\"></ng-content>\n</ng-template>\n" }]
+        }], propDecorators: { diameter: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], linear: [{
+                type: Input
+            }], show: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }], customErrorContent: [{
+                type: ViewChild,
+                args: ['customError']
+            }], customLoadingContent: [{
+                type: ViewChild,
+                args: ['customLoading']
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzaWMtbG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbG9hZGluZy9iYXNpYy1sb2FkaW5nLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sb2FkaW5nL2Jhc2ljLWxvYWRpbmcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUVqQyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLGFBQWEsRUFBRSxHQUFHLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzlGLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBYyxNQUFNLGVBQWUsQ0FBQztBQUl4RSxPQUFPLEVBQUUsK0JBQStCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7Ozs7QUFHcEU7O0dBRUc7QUFDSCxNQUFNLENBQU4sSUFBWSxxQkFLWDtBQUxELFdBQVkscUJBQXFCO0lBQy9CLGtFQUFTLENBQUE7SUFDVCx1RUFBVyxDQUFBO0lBQ1gsdUVBQVcsQ0FBQTtJQUNYLG1FQUFTLENBQUE7QUFDWCxDQUFDLEVBTFcscUJBQXFCLEtBQXJCLHFCQUFxQixRQUtoQztBQUVEOztHQUVHO0FBS0gsTUFBTSxPQUFPLDBCQUEwQjtJQUp2QztRQU1VLGFBQVEsR0FBRyxJQUFJLGVBQWUsQ0FBaUIsU0FBUyxDQUFDLENBQUM7UUFDMUQsVUFBSyxHQUFHLElBQUksZUFBZSxDQUFVLElBQUksQ0FBQyxDQUFDO1FBQzNDLFdBQU0sR0FBRyxJQUFJLGVBQWUsQ0FBb0IsU0FBUyxDQUFDLENBQUM7UUFFM0Qsd0JBQW1CLEdBQUcsSUFBSSxlQUFlLENBQW9CLFNBQVMsQ0FBQyxDQUFDO1FBQ3hFLDBCQUFxQixHQUFHLElBQUksZUFBZSxDQUFvQixTQUFTLENBQUMsQ0FBQztRQUV6RSxXQUFNLEdBQUcsYUFBYSxDQUFDLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDNUUsR0FBRyxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQUUsSUFBSSxFQUFFLEtBQUssQ0FBQyxFQUFFLEVBQUU7WUFDN0IsSUFBSSxLQUE0QixDQUFDO1lBRWpDLElBQUksS0FBSyxFQUFFO2dCQUNULEtBQUssR0FBRyxxQkFBcUIsQ0FBQyxLQUFLLENBQUM7YUFDckM7aUJBQU0sSUFBSSxPQUFPLElBQUksSUFBSSxFQUFFLEVBQUUsa0hBQWtIO2dCQUM5SSxLQUFLLEdBQUcscUJBQXFCLENBQUMsSUFBSSxDQUFDO2FBQ3BDO2lCQUFNLElBQUksT0FBTyxJQUFJLENBQUMsSUFBSSxFQUFFO2dCQUMzQixLQUFLLEdBQUcscUJBQXFCLENBQUMsT0FBTyxDQUFDO2FBQ3ZDO2lCQUFNO2dCQUNMLEtBQUssR0FBRyxxQkFBcUIsQ0FBQyxPQUFPLENBQUM7YUFDdkM7WUFFRCxPQUFPLEtBQUssQ0FBQztRQUNmLENBQUMsQ0FBQyxFQUNGLG9CQUFvQixFQUFFLEVBQ3RCLFNBQVMsQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsRUFDckMsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7UUFFTyxXQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUUsQ0FBQztRQUVwQyxzQkFBaUIsR0FBRyxJQUFJLENBQUMsbUJBQW1CLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsK0JBQStCLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ2pHLHdCQUFtQixHQUFHLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFNOUcsU0FBSSxHQUEwQyxlQUFlLENBQUM7UUFHOUQsVUFBSyxHQUFpQixTQUFTLENBQUM7UUFNaEMsV0FBTSxHQUFtQixLQUFLLENBQUM7S0FtRGhDO0lBakRDLFdBQVc7UUFDVCxJQUFJLENBQUMsTUFBTSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUN0QixJQUFJLENBQUMsbUJBQW1CLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDcEMsSUFBSSxDQUFDLHFCQUFxQixDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3hDLENBQUM7SUFFRCxJQUNJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUFJLElBQUksQ0FBQyxJQUFvQjtRQUMzQixJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxJQUFJLElBQUksSUFBSSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUM7SUFDN0IsQ0FBQztJQUVELElBQUksT0FBTyxDQUFDLE9BQXVCO1FBQ2pDLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUNJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDO0lBQzNCLENBQUM7SUFFRCxJQUFJLEtBQUssQ0FBQyxLQUF3QjtRQUNoQyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixDQUFDO0lBRUQsSUFDSSxrQkFBa0IsQ0FBQyxrQkFBcUM7UUFDMUQsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsQ0FBQztRQUNwRCxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDO0lBRUQsSUFDSSxvQkFBb0IsQ0FBQyxvQkFBdUM7UUFDOUQsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxJQUFJLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUN4RCxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUM7SUFDUixDQUFDOzt1SEFqR1UsMEJBQTBCOzJHQUExQiwwQkFBMEIsc2FDM0J2QywraUNBOEJBOzJGREhhLDBCQUEwQjtrQkFKdEMsU0FBUzsrQkFDRSxtQkFBbUI7OEJBdUM3QixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQVlGLElBQUk7c0JBRFAsS0FBSztnQkFVRixPQUFPO3NCQURWLEtBQUs7Z0JBVUYsS0FBSztzQkFEUixLQUFLO2dCQVVGLGtCQUFrQjtzQkFEckIsU0FBUzt1QkFBQyxhQUFhO2dCQVFwQixvQkFBb0I7c0JBRHZCLFNBQVM7dUJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHN0YXJ0V2l0aCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgc2hhcmVSZXBsYXksIGNvbWJpbmVMYXRlc3QsIG1hcCwgQmVoYXZpb3JTdWJqZWN0IH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBWaWV3Q2hpbGQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJNb2RlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3MtYmFyJztcbmltcG9ydCB7IEVycm9ySW5wdXQsIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBjaGVja05nQ29udGVudFdyYXBwZXJIYXNDb250ZW50IH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NTcGlubmVyTW9kZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLXNwaW5uZXInO1xuXG4vKipcbiAqIERiTmd4QmFzaWNMb2FkaW5nQ29tcG9uZW50IGxvYWRpbmcgc3RhdGUuXG4gKi9cbmV4cG9ydCBlbnVtIExvYWRpbmdDb21wb25lbnRTdGF0ZSB7XG4gIE5PTkUgPSAtMSxcbiAgTE9BRElORyA9IDAsXG4gIENPTlRFTlQgPSAxLFxuICBFUlJPUiA9IDJcbn1cblxuLyoqXG4gKiBCYXNpYyBsb2FkaW5nIGNvbXBvbmVudC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWJhc2ljLWxvYWRpbmcnLFxuICB0ZW1wbGF0ZVVybDogJy4vYmFzaWMtbG9hZGluZy5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hCYXNpY0xvYWRpbmdDb21wb25lbnQgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuXG4gIHByaXZhdGUgX2xvYWRpbmcgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPGJvb2xlYW4+Pih1bmRlZmluZWQpO1xuICBwcml2YXRlIF9zaG93ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPih0cnVlKTtcbiAgcHJpdmF0ZSBfZXJyb3IgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPEVycm9ySW5wdXQ+Pih1bmRlZmluZWQpO1xuXG4gIHByaXZhdGUgX2N1c3RvbUVycm9yQ29udGVudCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWF5YmU8RWxlbWVudFJlZj4+KHVuZGVmaW5lZCk7XG4gIHByaXZhdGUgX2N1c3RvbUxvYWRpbmdDb250ZW50ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxFbGVtZW50UmVmPj4odW5kZWZpbmVkKTtcblxuICByZWFkb25seSBzdGF0ZSQgPSBjb21iaW5lTGF0ZXN0KFt0aGlzLl9sb2FkaW5nLCB0aGlzLl9zaG93LCB0aGlzLl9lcnJvcl0pLnBpcGUoXG4gICAgbWFwKChbbG9hZGluZywgc2hvdywgZXJyb3JdKSA9PiB7XG4gICAgICBsZXQgc3RhdGU6IExvYWRpbmdDb21wb25lbnRTdGF0ZTtcblxuICAgICAgaWYgKGVycm9yKSB7XG4gICAgICAgIHN0YXRlID0gTG9hZGluZ0NvbXBvbmVudFN0YXRlLkVSUk9SO1xuICAgICAgfSBlbHNlIGlmIChsb2FkaW5nID09IG51bGwpIHsgLy8gSWYgbG9hZGluZyBoYXMgbm90IHlldCBiZWVuIGRlZmluZWQgYW5kIG5vIGVycm9yIGhhcyBvY2N1cmVkLCB3ZSdyZSB3YWl0aW5nIGZvciBzb21lIGlucHV0IG9uIGxvYWRpbmcgb3IgZXJyb3IuXG4gICAgICAgIHN0YXRlID0gTG9hZGluZ0NvbXBvbmVudFN0YXRlLk5PTkU7XG4gICAgICB9IGVsc2UgaWYgKGxvYWRpbmcgfHwgIXNob3cpIHtcbiAgICAgICAgc3RhdGUgPSBMb2FkaW5nQ29tcG9uZW50U3RhdGUuTE9BRElORztcbiAgICAgIH0gZWxzZSB7XG4gICAgICAgIHN0YXRlID0gTG9hZGluZ0NvbXBvbmVudFN0YXRlLkNPTlRFTlQ7XG4gICAgICB9XG5cbiAgICAgIHJldHVybiBzdGF0ZTtcbiAgICB9KSxcbiAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgIHN0YXJ0V2l0aChMb2FkaW5nQ29tcG9uZW50U3RhdGUuTk9ORSksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICByZWFkb25seSBlcnJvciQgPSB0aGlzLl9lcnJvci5hc09ic2VydmFibGUoKTtcblxuICByZWFkb25seSBoYXNOb0N1c3RvbUVycm9yJCA9IHRoaXMuX2N1c3RvbUVycm9yQ29udGVudC5waXBlKG1hcCh4ID0+ICFjaGVja05nQ29udGVudFdyYXBwZXJIYXNDb250ZW50KHgpKSk7XG4gIHJlYWRvbmx5IGhhc05vQ3VzdG9tTG9hZGluZyQgPSB0aGlzLl9jdXN0b21Mb2FkaW5nQ29udGVudC5waXBlKG1hcCh4ID0+ICFjaGVja05nQ29udGVudFdyYXBwZXJIYXNDb250ZW50KHgpKSk7XG5cbiAgQElucHV0KClcbiAgZGlhbWV0ZXI/OiBNYXliZTxudW1iZXI+O1xuXG4gIEBJbnB1dCgpXG4gIG1vZGU6IFByb2dyZXNzQmFyTW9kZSB8IFByb2dyZXNzU3Bpbm5lck1vZGUgPSAnaW5kZXRlcm1pbmF0ZSc7XG5cbiAgQElucHV0KClcbiAgY29sb3I6IFRoZW1lUGFsZXR0ZSA9ICdwcmltYXJ5JztcblxuICBASW5wdXQoKVxuICB0ZXh0PzogTWF5YmU8c3RyaW5nPjtcblxuICBASW5wdXQoKVxuICBsaW5lYXI6IE1heWJlPGJvb2xlYW4+ID0gZmFsc2U7XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5fZXJyb3IuY29tcGxldGUoKTtcbiAgICB0aGlzLl9sb2FkaW5nLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5fc2hvdy5jb21wbGV0ZSgpO1xuICAgIHRoaXMuX2N1c3RvbUVycm9yQ29udGVudC5jb21wbGV0ZSgpO1xuICAgIHRoaXMuX2N1c3RvbUxvYWRpbmdDb250ZW50LmNvbXBsZXRlKCk7XG4gIH1cblxuICBASW5wdXQoKVxuICBnZXQgc2hvdygpOiBib29sZWFuIHtcbiAgICByZXR1cm4gdGhpcy5fc2hvdy52YWx1ZTtcbiAgfVxuXG4gIHNldCBzaG93KHNob3c6IE1heWJlPGJvb2xlYW4+KSB7XG4gICAgdGhpcy5fc2hvdy5uZXh0KHNob3cgPz8gdHJ1ZSk7XG4gIH1cblxuICBASW5wdXQoKVxuICBnZXQgbG9hZGluZygpOiBNYXliZTxib29sZWFuPiB7XG4gICAgcmV0dXJuIHRoaXMuX2xvYWRpbmcudmFsdWU7XG4gIH1cblxuICBzZXQgbG9hZGluZyhsb2FkaW5nOiBNYXliZTxib29sZWFuPikge1xuICAgIHRoaXMuX2xvYWRpbmcubmV4dChsb2FkaW5nKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBlcnJvcigpOiBNYXliZTxFcnJvcklucHV0PiB7XG4gICAgcmV0dXJuIHRoaXMuX2Vycm9yLnZhbHVlO1xuICB9XG5cbiAgc2V0IGVycm9yKGVycm9yOiBNYXliZTxFcnJvcklucHV0Pikge1xuICAgIHRoaXMuX2Vycm9yLm5leHQoZXJyb3IpO1xuICB9XG5cbiAgQFZpZXdDaGlsZCgnY3VzdG9tRXJyb3InKVxuICBzZXQgY3VzdG9tRXJyb3JDb250ZW50KGN1c3RvbUVycm9yQ29udGVudDogTWF5YmU8RWxlbWVudFJlZj4pIHtcbiAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMuX2N1c3RvbUVycm9yQ29udGVudC5uZXh0KGN1c3RvbUVycm9yQ29udGVudCk7XG4gICAgfSwgMCk7XG4gIH1cblxuICBAVmlld0NoaWxkKCdjdXN0b21Mb2FkaW5nJylcbiAgc2V0IGN1c3RvbUxvYWRpbmdDb250ZW50KGN1c3RvbUxvYWRpbmdDb250ZW50OiBNYXliZTxFbGVtZW50UmVmPikge1xuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5fY3VzdG9tTG9hZGluZ0NvbnRlbnQubmV4dChjdXN0b21Mb2FkaW5nQ29udGVudCk7XG4gICAgfSwgMCk7XG4gIH1cblxufVxuIiwiPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwic3RhdGUkIHwgYXN5bmNcIj5cbiAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiMFwiPlxuICAgIDwhLS0gTG9hZGluZyAtLT5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibG9hZGluZ1RlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCIxXCI+XG4gICAgPCEtLSBDb250ZW50IC0tPlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9uZy1jb250YWluZXI+XG4gIDxuZy1jb250YWluZXIgKm5nU3dpdGNoQ2FzZT1cIjJcIj5cbiAgICA8IS0tIEVycm9yIC0tPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJlcnJvclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gIDwvbmctY29udGFpbmVyPlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjbG9hZGluZ1RlbXBsYXRlPlxuICA8ZGJ4LWxvYWRpbmctcHJvZ3Jlc3MgKm5nSWY9XCJoYXNOb0N1c3RvbUxvYWRpbmckIHwgYXN5bmNcIiBbbW9kZV09XCJtb2RlXCIgW2NvbG9yXT1cImNvbG9yXCIgW3RleHRdPVwidGV4dFwiXG4gICAgW2xpbmVhcl09XCJsaW5lYXJcIiBbZGlhbWV0ZXJdPVwiZGlhbWV0ZXJcIj48L2RieC1sb2FkaW5nLXByb2dyZXNzPlxuICA8ZGl2ICNjdXN0b21Mb2FkaW5nPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltsb2FkaW5nXVwiPjwvbmctY29udGVudD5cbiAgPC9kaXY+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2Vycm9yVGVtcGxhdGU+XG4gIDxkYngtZXJyb3IgKm5nSWY9XCJoYXNOb0N1c3RvbUVycm9yJCB8IGFzeW5jXCIgW2Vycm9yXT1cImVycm9yJCB8IGFzeW5jXCI+PC9kYngtZXJyb3I+XG4gIDxkaXYgI2N1c3RvbUVycm9yPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltlcnJvcl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGl2PlxuICA8bmctY29udGVudCBzZWxlY3Q9XCJbZXJyb3JBY3Rpb25dXCI+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==

package/esm2020/lib/loading/index.mjs

@@ -0,0 +1,5 @@
+export * from './basic-loading.component';
+export * from './loading-progress.component';
+export * from './loading.component';
+export * from './loading.module';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbG9hZGluZy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLDJCQUEyQixDQUFDO0FBQzFDLGNBQWMsOEJBQThCLENBQUM7QUFDN0MsY0FBYyxxQkFBcUIsQ0FBQztBQUNwQyxjQUFjLGtCQUFrQixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9iYXNpYy1sb2FkaW5nLmNvbXBvbmVudCc7XG5leHBvcnQgKiBmcm9tICcuL2xvYWRpbmctcHJvZ3Jlc3MuY29tcG9uZW50JztcbmV4cG9ydCAqIGZyb20gJy4vbG9hZGluZy5jb21wb25lbnQnO1xuZXhwb3J0ICogZnJvbSAnLi9sb2FkaW5nLm1vZHVsZSc7XG4iXX0=

package/esm2020/lib/loading/loading-progress.component.mjs

@@ -0,0 +1,69 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/material/progress-bar";
+import * as i2 from "@angular/material/progress-spinner";
+import * as i3 from "@angular/common";
+export const DEFAULT_LOADING_PROGRESS_DIAMETER = 96;
+/**
+ * Basic loading progress component.
+ */
+export class DbNgxLoadingProgressComponent {
+    constructor() {
+        this._diameter = DEFAULT_LOADING_PROGRESS_DIAMETER;
+        this.mode = 'indeterminate';
+        this.color = 'primary';
+        this.bufferValue = undefined;
+    }
+    get diameter() {
+        return this._diameter;
+    }
+    set diameter(diameter) {
+        this._diameter = diameter ?? DEFAULT_LOADING_PROGRESS_DIAMETER;
+    }
+    get bmode() {
+        return this.mode;
+    }
+    get smode() {
+        return this.mode;
+    }
+}
+DbNgxLoadingProgressComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxLoadingProgressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbNgxLoadingProgressComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxLoadingProgressComponent, selector: "dbx-loading-progress", inputs: { text: "text", linear: "linear", mode: "mode", color: "color", value: "value", bufferValue: "bufferValue", diameter: "diameter" }, ngImport: i0, template: `
+  <div class="loading-progress-view">
+    <ng-container [ngSwitch]="linear">
+      <mat-progress-bar *ngSwitchCase="true" [mode]="bmode" [color]="color" [bufferValue]="bufferValue" [value]="value" style="margin: auto;"></mat-progress-bar>
+      <mat-progress-spinner *ngSwitchDefault [diameter]="diameter || 96" [mode]="smode" [color]="color" [value]="value" style="margin: auto;"></mat-progress-spinner>
+    </ng-container>
+    <div *ngIf="text" class="hint">{{ text }}</div>
+  </div>
+  `, isInline: true, components: [{ type: i1.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { type: i2.MatProgressSpinner, selector: "mat-progress-spinner", inputs: ["color", "diameter", "strokeWidth", "mode", "value"], exportAs: ["matProgressSpinner"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxLoadingProgressComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-loading-progress',
+                    template: `
+  <div class="loading-progress-view">
+    <ng-container [ngSwitch]="linear">
+      <mat-progress-bar *ngSwitchCase="true" [mode]="bmode" [color]="color" [bufferValue]="bufferValue" [value]="value" style="margin: auto;"></mat-progress-bar>
+      <mat-progress-spinner *ngSwitchDefault [diameter]="diameter || 96" [mode]="smode" [color]="color" [value]="value" style="margin: auto;"></mat-progress-spinner>
+    </ng-container>
+    <div *ngIf="text" class="hint">{{ text }}</div>
+  </div>
+  `
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], linear: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], value: [{
+                type: Input
+            }], bufferValue: [{
+                type: Input
+            }], diameter: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy1wcm9ncmVzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbG9hZGluZy9sb2FkaW5nLXByb2dyZXNzLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7Ozs7QUFNakQsTUFBTSxDQUFDLE1BQU0saUNBQWlDLEdBQUcsRUFBRSxDQUFDO0FBRXBEOztHQUVHO0FBYUgsTUFBTSxPQUFPLDZCQUE2QjtJQVoxQztRQWNVLGNBQVMsR0FBVyxpQ0FBaUMsQ0FBQztRQVM5RCxTQUFJLEdBQTBDLGVBQWUsQ0FBQztRQUc5RCxVQUFLLEdBQWlCLFNBQVMsQ0FBQztRQU1oQyxnQkFBVyxHQUFXLFNBQVUsQ0FBQztLQW1CbEM7SUFqQkMsSUFDSSxRQUFRO1FBQ1YsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDO0lBQ3hCLENBQUM7SUFFRCxJQUFJLFFBQVEsQ0FBQyxRQUF1QjtRQUNsQyxJQUFJLENBQUMsU0FBUyxHQUFHLFFBQVEsSUFBSSxpQ0FBaUMsQ0FBQztJQUNqRSxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsSUFBSSxDQUFDO0lBQ25CLENBQUM7SUFFRCxJQUFJLEtBQUs7UUFDUCxPQUFPLElBQUksQ0FBQyxJQUFXLENBQUM7SUFDMUIsQ0FBQzs7MEhBckNVLDZCQUE2Qjs4R0FBN0IsNkJBQTZCLHdNQVY5Qjs7Ozs7Ozs7R0FRVDsyRkFFVSw2QkFBNkI7a0JBWnpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHNCQUFzQjtvQkFDaEMsUUFBUSxFQUFFOzs7Ozs7OztHQVFUO2lCQUNGOzhCQU1DLElBQUk7c0JBREgsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixLQUFLO3NCQURKLEtBQUs7Z0JBSU4sV0FBVztzQkFEVixLQUFLO2dCQUlGLFFBQVE7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFRoZW1lUGFsZXR0ZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2NvcmUnO1xuaW1wb3J0IHsgUHJvZ3Jlc3NCYXJNb2RlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvcHJvZ3Jlc3MtYmFyJztcbmltcG9ydCB7IFByb2dyZXNzU3Bpbm5lck1vZGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbmV4cG9ydCBjb25zdCBERUZBVUxUX0xPQURJTkdfUFJPR1JFU1NfRElBTUVURVIgPSA5NjtcblxuLyoqXG4gKiBCYXNpYyBsb2FkaW5nIHByb2dyZXNzIGNvbXBvbmVudC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWxvYWRpbmctcHJvZ3Jlc3MnLFxuICB0ZW1wbGF0ZTogYFxuICA8ZGl2IGNsYXNzPVwibG9hZGluZy1wcm9ncmVzcy12aWV3XCI+XG4gICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwibGluZWFyXCI+XG4gICAgICA8bWF0LXByb2dyZXNzLWJhciAqbmdTd2l0Y2hDYXNlPVwidHJ1ZVwiIFttb2RlXT1cImJtb2RlXCIgW2NvbG9yXT1cImNvbG9yXCIgW2J1ZmZlclZhbHVlXT1cImJ1ZmZlclZhbHVlXCIgW3ZhbHVlXT1cInZhbHVlXCIgc3R5bGU9XCJtYXJnaW46IGF1dG87XCI+PC9tYXQtcHJvZ3Jlc3MtYmFyPlxuICAgICAgPG1hdC1wcm9ncmVzcy1zcGlubmVyICpuZ1N3aXRjaERlZmF1bHQgW2RpYW1ldGVyXT1cImRpYW1ldGVyIHx8IDk2XCIgW21vZGVdPVwic21vZGVcIiBbY29sb3JdPVwiY29sb3JcIiBbdmFsdWVdPVwidmFsdWVcIiBzdHlsZT1cIm1hcmdpbjogYXV0bztcIj48L21hdC1wcm9ncmVzcy1zcGlubmVyPlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxkaXYgKm5nSWY9XCJ0ZXh0XCIgY2xhc3M9XCJoaW50XCI+e3sgdGV4dCB9fTwvZGl2PlxuICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBEYk5neExvYWRpbmdQcm9ncmVzc0NvbXBvbmVudCB7XG5cbiAgcHJpdmF0ZSBfZGlhbWV0ZXI6IG51bWJlciA9IERFRkFVTFRfTE9BRElOR19QUk9HUkVTU19ESUFNRVRFUjtcblxuICBASW5wdXQoKVxuICB0ZXh0PzogTWF5YmU8c3RyaW5nPjtcblxuICBASW5wdXQoKVxuICBsaW5lYXI/OiBNYXliZTxib29sZWFuPjtcblxuICBASW5wdXQoKVxuICBtb2RlOiBQcm9ncmVzc0Jhck1vZGUgfCBQcm9ncmVzc1NwaW5uZXJNb2RlID0gJ2luZGV0ZXJtaW5hdGUnO1xuXG4gIEBJbnB1dCgpXG4gIGNvbG9yOiBUaGVtZVBhbGV0dGUgPSAncHJpbWFyeSc7XG5cbiAgQElucHV0KClcbiAgdmFsdWU/OiBudW1iZXI7XG5cbiAgQElucHV0KClcbiAgYnVmZmVyVmFsdWU6IG51bWJlciA9IHVuZGVmaW5lZCE7XG5cbiAgQElucHV0KClcbiAgZ2V0IGRpYW1ldGVyKCk6IG51bWJlciB7XG4gICAgcmV0dXJuIHRoaXMuX2RpYW1ldGVyO1xuICB9XG5cbiAgc2V0IGRpYW1ldGVyKGRpYW1ldGVyOiBNYXliZTxudW1iZXI+KSB7XG4gICAgdGhpcy5fZGlhbWV0ZXIgPSBkaWFtZXRlciA/PyBERUZBVUxUX0xPQURJTkdfUFJPR1JFU1NfRElBTUVURVI7XG4gIH1cblxuICBnZXQgYm1vZGUoKTogUHJvZ3Jlc3NCYXJNb2RlIHtcbiAgICByZXR1cm4gdGhpcy5tb2RlO1xuICB9XG5cbiAgZ2V0IHNtb2RlKCk6IFByb2dyZXNzU3Bpbm5lck1vZGUge1xuICAgIHJldHVybiB0aGlzLm1vZGUgYXMgYW55O1xuICB9XG5cbn1cbiJdfQ==

package/esm2020/lib/loading/loading.component.mjs

@@ -0,0 +1,95 @@
+import { BehaviorSubject, shareReplay, distinctUntilChanged, map, switchMap, combineLatest, of } from 'rxjs';
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "./basic-loading.component";
+import * as i2 from "@angular/common";
+/**
+ * Loading View component that provides content sections for loading, error, and an error action.
+ */
+export class DbNgxLoadingComponent {
+    constructor() {
+        this._context = new BehaviorSubject(undefined);
+        this._inputLoading = new BehaviorSubject(true);
+        this._inputError = new BehaviorSubject(undefined);
+        this.state$ = combineLatest([this._inputLoading, this._inputError, this._context.pipe(switchMap(x => (x != null) ? x.stream$ : of(undefined)))]).pipe(map(([inputLoading, inputError, loadingState]) => {
+            if (loadingState) {
+                return loadingState;
+            }
+            else {
+                return {
+                    loading: inputLoading ?? false,
+                    error: inputError
+                };
+            }
+        }), distinctUntilChanged((a, b) => a.loading === b.loading && a.error === b.error), shareReplay(1));
+        this.loading$ = this.state$.pipe(map(x => x.loading), distinctUntilChanged(), shareReplay(1));
+        this.error$ = this.state$.pipe(map(x => x.error), distinctUntilChanged(), shareReplay(1));
+        this.mode = 'indeterminate';
+        this.color = 'primary';
+    }
+    ngOnDestroy() {
+        this._context.complete();
+        this._inputError.complete();
+        this._inputLoading.complete();
+    }
+    get context() {
+        return this._context.value;
+    }
+    set context(context) {
+        this._context.next(context);
+    }
+    get loading() {
+        return this._inputLoading.value;
+    }
+    set loading(loading) {
+        this._inputLoading.next(loading ?? false);
+    }
+    get error() {
+        return this._inputError.value;
+    }
+    set error(error) {
+        this._inputError.next(error);
+    }
+}
+DbNgxLoadingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxLoadingComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+DbNgxLoadingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxLoadingComponent, selector: "dbx-loading", inputs: { show: "show", text: "text", mode: "mode", color: "color", diameter: "diameter", linear: "linear", context: "context", loading: "loading", error: "error" }, ngImport: i0, template: `
+  <dbx-basic-loading [show]="show" [color]="color" [text]="text" [mode]="mode" [linear]="linear" [diameter]="diameter" [error]="error$ | async" [loading]="loading$ | async">
+    <ng-content loading select="[loading]"></ng-content>
+    <ng-content></ng-content>
+    <ng-content error select="[error]"></ng-content>
+    <ng-content errorAction select="[errorAction]"></ng-content>
+  </dbx-basic-loading>
+  `, isInline: true, components: [{ type: i1.DbNgxBasicLoadingComponent, selector: "dbx-basic-loading", inputs: ["diameter", "mode", "color", "text", "linear", "show", "loading", "error"] }], pipes: { "async": i2.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxLoadingComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-loading',
+                    template: `
+  <dbx-basic-loading [show]="show" [color]="color" [text]="text" [mode]="mode" [linear]="linear" [diameter]="diameter" [error]="error$ | async" [loading]="loading$ | async">
+    <ng-content loading select="[loading]"></ng-content>
+    <ng-content></ng-content>
+    <ng-content error select="[error]"></ng-content>
+    <ng-content errorAction select="[errorAction]"></ng-content>
+  </dbx-basic-loading>
+  `
+                }]
+        }], propDecorators: { show: [{
+                type: Input
+            }], text: [{
+                type: Input
+            }], mode: [{
+                type: Input
+            }], color: [{
+                type: Input
+            }], diameter: [{
+                type: Input
+            }], linear: [{
+                type: Input
+            }], context: [{
+                type: Input
+            }], loading: [{
+                type: Input
+            }], error: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbG9hZGluZy9sb2FkaW5nLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBYyxvQkFBb0IsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDekgsT0FBTyxFQUFhLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7Ozs7QUFXNUQ7O0dBRUc7QUFZSCxNQUFNLE9BQU8scUJBQXFCO0lBWGxDO1FBYVUsYUFBUSxHQUFHLElBQUksZUFBZSxDQUF3QixTQUFTLENBQUMsQ0FBQztRQUVqRSxrQkFBYSxHQUFHLElBQUksZUFBZSxDQUFpQixJQUFJLENBQUMsQ0FBQztRQUMxRCxnQkFBVyxHQUFHLElBQUksZUFBZSxDQUFvQixTQUFTLENBQUMsQ0FBQztRQUUvRCxXQUFNLEdBQTJDLGFBQWEsQ0FBQyxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksQ0FDL0gsU0FBUyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUN4RCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQ04sR0FBRyxDQUFDLENBQUMsQ0FBQyxZQUFZLEVBQUUsVUFBVSxFQUFFLFlBQVksQ0FBQyxFQUFFLEVBQUU7WUFDL0MsSUFBSSxZQUFZLEVBQUU7Z0JBQ2hCLE9BQU8sWUFBMEMsQ0FBQzthQUNuRDtpQkFBTTtnQkFDTCxPQUFPO29CQUNMLE9BQU8sRUFBRSxZQUFZLElBQUksS0FBSztvQkFDOUIsS0FBSyxFQUFFLFVBQVU7aUJBQ2xCLENBQUM7YUFDSDtRQUNILENBQUMsQ0FBQyxFQUNGLG9CQUFvQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLE9BQU8sS0FBSyxDQUFDLENBQUMsT0FBTyxJQUFJLENBQUMsQ0FBQyxLQUFLLEtBQUssQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUM5RSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2YsQ0FBQztRQUVPLGFBQVEsR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLEVBQUUsb0JBQW9CLEVBQUUsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUN6RixXQUFNLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxFQUFFLG9CQUFvQixFQUFFLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFTOUYsU0FBSSxHQUFvQixlQUFlLENBQUM7UUFHeEMsVUFBSyxHQUFpQixTQUFTLENBQUM7S0F5Q2pDO0lBakNDLFdBQVc7UUFDVCxJQUFJLENBQUMsUUFBUSxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3pCLElBQUksQ0FBQyxXQUFXLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDNUIsSUFBSSxDQUFDLGFBQWEsQ0FBQyxRQUFRLEVBQUUsQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFDSSxPQUFPO1FBQ1QsT0FBTyxJQUFJLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQztJQUM3QixDQUFDO0lBRUQsSUFBSSxPQUFPLENBQUMsT0FBOEI7UUFDeEMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDOUIsQ0FBQztJQUVELElBQ0ksT0FBTztRQUNULE9BQU8sSUFBSSxDQUFDLGFBQWEsQ0FBQyxLQUFLLENBQUM7SUFDbEMsQ0FBQztJQUVELElBQUksT0FBTyxDQUFDLE9BQXVCO1FBQ2pDLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE9BQU8sSUFBSSxLQUFLLENBQUMsQ0FBQztJQUM1QyxDQUFDO0lBRUQsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQztJQUNoQyxDQUFDO0lBRUQsSUFBSSxLQUFLLENBQUMsS0FBd0I7UUFDaEMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs7a0hBNUVVLHFCQUFxQjtzR0FBckIscUJBQXFCLHlOQVR0Qjs7Ozs7OztHQU9UOzJGQUVVLHFCQUFxQjtrQkFYakMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsYUFBYTtvQkFDdkIsUUFBUSxFQUFFOzs7Ozs7O0dBT1Q7aUJBQ0Y7OEJBNkJDLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLEtBQUs7c0JBREosS0FBSztnQkFJTixRQUFRO3NCQURQLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLO2dCQVVGLE9BQU87c0JBRFYsS0FBSztnQkFVRixPQUFPO3NCQURWLEtBQUs7Z0JBVUYsS0FBSztzQkFEUixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBzaGFyZVJlcGxheSwgT2JzZXJ2YWJsZSwgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCwgc3dpdGNoTWFwLCBjb21iaW5lTGF0ZXN0LCBvZiB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgT25EZXN0cm95LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBUaGVtZVBhbGV0dGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IFByb2dyZXNzQmFyTW9kZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLWJhcic7XG5pbXBvcnQgeyBMb2FkaW5nQ29udGV4dCB9IGZyb20gJ0BkZXJlZWtiL3J4anMnO1xuaW1wb3J0IHsgRXJyb3JJbnB1dCwgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcblxuZXhwb3J0IGludGVyZmFjZSBEYk5neExvYWRpbmdDb21wb25lbnRTdGF0ZSB7XG4gIGxvYWRpbmc6IGJvb2xlYW47XG4gIGVycm9yOiBNYXliZTxFcnJvcklucHV0Pjtcbn1cblxuLyoqXG4gKiBMb2FkaW5nIFZpZXcgY29tcG9uZW50IHRoYXQgcHJvdmlkZXMgY29udGVudCBzZWN0aW9ucyBmb3IgbG9hZGluZywgZXJyb3IsIGFuZCBhbiBlcnJvciBhY3Rpb24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1sb2FkaW5nJyxcbiAgdGVtcGxhdGU6IGBcbiAgPGRieC1iYXNpYy1sb2FkaW5nIFtzaG93XT1cInNob3dcIiBbY29sb3JdPVwiY29sb3JcIiBbdGV4dF09XCJ0ZXh0XCIgW21vZGVdPVwibW9kZVwiIFtsaW5lYXJdPVwibGluZWFyXCIgW2RpYW1ldGVyXT1cImRpYW1ldGVyXCIgW2Vycm9yXT1cImVycm9yJCB8IGFzeW5jXCIgW2xvYWRpbmddPVwibG9hZGluZyQgfCBhc3luY1wiPlxuICAgIDxuZy1jb250ZW50IGxvYWRpbmcgc2VsZWN0PVwiW2xvYWRpbmddXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8bmctY29udGVudCBlcnJvciBzZWxlY3Q9XCJbZXJyb3JdXCI+PC9uZy1jb250ZW50PlxuICAgIDxuZy1jb250ZW50IGVycm9yQWN0aW9uIHNlbGVjdD1cIltlcnJvckFjdGlvbl1cIj48L25nLWNvbnRlbnQ+XG4gIDwvZGJ4LWJhc2ljLWxvYWRpbmc+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hMb2FkaW5nQ29tcG9uZW50IGltcGxlbWVudHMgT25EZXN0cm95IHtcblxuICBwcml2YXRlIF9jb250ZXh0ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxMb2FkaW5nQ29udGV4dD4+KHVuZGVmaW5lZCk7XG5cbiAgcHJpdmF0ZSBfaW5wdXRMb2FkaW5nID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxib29sZWFuPj4odHJ1ZSk7XG4gIHByaXZhdGUgX2lucHV0RXJyb3IgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPEVycm9ySW5wdXQ+Pih1bmRlZmluZWQpO1xuXG4gIHJlYWRvbmx5IHN0YXRlJDogT2JzZXJ2YWJsZTxEYk5neExvYWRpbmdDb21wb25lbnRTdGF0ZT4gPSBjb21iaW5lTGF0ZXN0KFt0aGlzLl9pbnB1dExvYWRpbmcsIHRoaXMuX2lucHV0RXJyb3IsIHRoaXMuX2NvbnRleHQucGlwZShcbiAgICBzd2l0Y2hNYXAoeCA9PiAoeCAhPSBudWxsKSA/IHguc3RyZWFtJCA6IG9mKHVuZGVmaW5lZCkpXG4gICldKS5waXBlKFxuICAgIG1hcCgoW2lucHV0TG9hZGluZywgaW5wdXRFcnJvciwgbG9hZGluZ1N0YXRlXSkgPT4ge1xuICAgICAgaWYgKGxvYWRpbmdTdGF0ZSkge1xuICAgICAgICByZXR1cm4gbG9hZGluZ1N0YXRlIGFzIERiTmd4TG9hZGluZ0NvbXBvbmVudFN0YXRlO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuIHtcbiAgICAgICAgICBsb2FkaW5nOiBpbnB1dExvYWRpbmcgPz8gZmFsc2UsXG4gICAgICAgICAgZXJyb3I6IGlucHV0RXJyb3JcbiAgICAgICAgfTtcbiAgICAgIH1cbiAgICB9KSxcbiAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgoYSwgYikgPT4gYS5sb2FkaW5nID09PSBiLmxvYWRpbmcgJiYgYS5lcnJvciA9PT0gYi5lcnJvciksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICByZWFkb25seSBsb2FkaW5nJCA9IHRoaXMuc3RhdGUkLnBpcGUobWFwKHggPT4geC5sb2FkaW5nKSwgZGlzdGluY3RVbnRpbENoYW5nZWQoKSwgc2hhcmVSZXBsYXkoMSkpO1xuICByZWFkb25seSBlcnJvciQgPSB0aGlzLnN0YXRlJC5waXBlKG1hcCh4ID0+IHguZXJyb3IpLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCBzaGFyZVJlcGxheSgxKSk7XG5cbiAgQElucHV0KClcbiAgc2hvdz86IE1heWJlPGJvb2xlYW4+O1xuXG4gIEBJbnB1dCgpXG4gIHRleHQ/OiBNYXliZTxzdHJpbmc+O1xuXG4gIEBJbnB1dCgpXG4gIG1vZGU6IFByb2dyZXNzQmFyTW9kZSA9ICdpbmRldGVybWluYXRlJztcblxuICBASW5wdXQoKVxuICBjb2xvcjogVGhlbWVQYWxldHRlID0gJ3ByaW1hcnknO1xuXG4gIEBJbnB1dCgpXG4gIGRpYW1ldGVyPzogTWF5YmU8bnVtYmVyPjtcblxuICBASW5wdXQoKVxuICBsaW5lYXI/OiBNYXliZTxib29sZWFuPjtcblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICB0aGlzLl9jb250ZXh0LmNvbXBsZXRlKCk7XG4gICAgdGhpcy5faW5wdXRFcnJvci5jb21wbGV0ZSgpO1xuICAgIHRoaXMuX2lucHV0TG9hZGluZy5jb21wbGV0ZSgpO1xuICB9XG5cbiAgQElucHV0KClcbiAgZ2V0IGNvbnRleHQoKTogTWF5YmU8TG9hZGluZ0NvbnRleHQ+IHtcbiAgICByZXR1cm4gdGhpcy5fY29udGV4dC52YWx1ZTtcbiAgfVxuXG4gIHNldCBjb250ZXh0KGNvbnRleHQ6IE1heWJlPExvYWRpbmdDb250ZXh0Pikge1xuICAgIHRoaXMuX2NvbnRleHQubmV4dChjb250ZXh0KTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBsb2FkaW5nKCk6IE1heWJlPGJvb2xlYW4+IHtcbiAgICByZXR1cm4gdGhpcy5faW5wdXRMb2FkaW5nLnZhbHVlO1xuICB9XG5cbiAgc2V0IGxvYWRpbmcobG9hZGluZzogTWF5YmU8Ym9vbGVhbj4pIHtcbiAgICB0aGlzLl9pbnB1dExvYWRpbmcubmV4dChsb2FkaW5nID8/IGZhbHNlKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBlcnJvcigpOiBNYXliZTxFcnJvcklucHV0PiB7XG4gICAgcmV0dXJuIHRoaXMuX2lucHV0RXJyb3IudmFsdWU7XG4gIH1cblxuICBzZXQgZXJyb3IoZXJyb3I6IE1heWJlPEVycm9ySW5wdXQ+KSB7XG4gICAgdGhpcy5faW5wdXRFcnJvci5uZXh0KGVycm9yKTtcbiAgfVxuXG59XG4iXX0=

package/esm2020/lib/loading/loading.module.mjs

@@ -0,0 +1,53 @@
+import { NgModule } from '@angular/core';
+import { DbNgxBasicLoadingComponent } from './basic-loading.component';
+import { DbNgxLoadingProgressComponent } from './loading-progress.component';
+import { MatProgressBarModule } from '@angular/material/progress-bar';
+import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
+import { DbNgxLoadingComponent } from './loading.component';
+import { BrowserModule } from '@angular/platform-browser';
+import { DbNgxReadableErrorModule } from '../error';
+import * as i0 from "@angular/core";
+export class DbNgxLoadingModule {
+}
+DbNgxLoadingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxLoadingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+DbNgxLoadingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxLoadingModule, declarations: [DbNgxLoadingComponent,
+        DbNgxBasicLoadingComponent,
+        DbNgxLoadingProgressComponent], imports: [BrowserModule,
+        DbNgxReadableErrorModule,
+        MatProgressSpinnerModule,
+        MatProgressBarModule], exports: [DbNgxLoadingComponent,
+        DbNgxBasicLoadingComponent,
+        DbNgxLoadingProgressComponent,
+        MatProgressSpinnerModule,
+        MatProgressBarModule] });
+DbNgxLoadingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxLoadingModule, imports: [[
+            BrowserModule,
+            DbNgxReadableErrorModule,
+            MatProgressSpinnerModule,
+            MatProgressBarModule
+        ], MatProgressSpinnerModule,
+        MatProgressBarModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxLoadingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        BrowserModule,
+                        DbNgxReadableErrorModule,
+                        MatProgressSpinnerModule,
+                        MatProgressBarModule
+                    ],
+                    declarations: [
+                        DbNgxLoadingComponent,
+                        DbNgxBasicLoadingComponent,
+                        DbNgxLoadingProgressComponent
+                    ],
+                    exports: [
+                        DbNgxLoadingComponent,
+                        DbNgxBasicLoadingComponent,
+                        DbNgxLoadingProgressComponent,
+                        MatProgressSpinnerModule,
+                        MatProgressBarModule
+                    ]
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibG9hZGluZy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbG9hZGluZy9sb2FkaW5nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSwwQkFBMEIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzdFLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxVQUFVLENBQUM7O0FBc0JwRCxNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO2dIQUFsQixrQkFBa0IsaUJBWjNCLHFCQUFxQjtRQUNyQiwwQkFBMEI7UUFDMUIsNkJBQTZCLGFBUjdCLGFBQWE7UUFDYix3QkFBd0I7UUFDeEIsd0JBQXdCO1FBQ3hCLG9CQUFvQixhQVFwQixxQkFBcUI7UUFDckIsMEJBQTBCO1FBQzFCLDZCQUE2QjtRQUM3Qix3QkFBd0I7UUFDeEIsb0JBQW9CO2dIQUdYLGtCQUFrQixZQW5CcEI7WUFDUCxhQUFhO1lBQ2Isd0JBQXdCO1lBQ3hCLHdCQUF3QjtZQUN4QixvQkFBb0I7U0FDckIsRUFVQyx3QkFBd0I7UUFDeEIsb0JBQW9COzJGQUdYLGtCQUFrQjtrQkFwQjlCLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFO3dCQUNQLGFBQWE7d0JBQ2Isd0JBQXdCO3dCQUN4Qix3QkFBd0I7d0JBQ3hCLG9CQUFvQjtxQkFDckI7b0JBQ0QsWUFBWSxFQUFFO3dCQUNaLHFCQUFxQjt3QkFDckIsMEJBQTBCO3dCQUMxQiw2QkFBNkI7cUJBQzlCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxxQkFBcUI7d0JBQ3JCLDBCQUEwQjt3QkFDMUIsNkJBQTZCO3dCQUM3Qix3QkFBd0I7d0JBQ3hCLG9CQUFvQjtxQkFDckI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJOZ3hCYXNpY0xvYWRpbmdDb21wb25lbnQgfSBmcm9tICcuL2Jhc2ljLWxvYWRpbmcuY29tcG9uZW50JztcbmltcG9ydCB7IERiTmd4TG9hZGluZ1Byb2dyZXNzQ29tcG9uZW50IH0gZnJvbSAnLi9sb2FkaW5nLXByb2dyZXNzLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc0Jhck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Byb2dyZXNzLWJhcic7XG5pbXBvcnQgeyBNYXRQcm9ncmVzc1NwaW5uZXJNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9wcm9ncmVzcy1zcGlubmVyJztcbmltcG9ydCB7IERiTmd4TG9hZGluZ0NvbXBvbmVudCB9IGZyb20gJy4vbG9hZGluZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQnJvd3Nlck1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuaW1wb3J0IHsgRGJOZ3hSZWFkYWJsZUVycm9yTW9kdWxlIH0gZnJvbSAnLi4vZXJyb3InO1xuXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBbXG4gICAgQnJvd3Nlck1vZHVsZSxcbiAgICBEYk5neFJlYWRhYmxlRXJyb3JNb2R1bGUsXG4gICAgTWF0UHJvZ3Jlc3NTcGlubmVyTW9kdWxlLFxuICAgIE1hdFByb2dyZXNzQmFyTW9kdWxlXG4gIF0sXG4gIGRlY2xhcmF0aW9uczogW1xuICAgIERiTmd4TG9hZGluZ0NvbXBvbmVudCxcbiAgICBEYk5neEJhc2ljTG9hZGluZ0NvbXBvbmVudCxcbiAgICBEYk5neExvYWRpbmdQcm9ncmVzc0NvbXBvbmVudFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgRGJOZ3hMb2FkaW5nQ29tcG9uZW50LFxuICAgIERiTmd4QmFzaWNMb2FkaW5nQ29tcG9uZW50LFxuICAgIERiTmd4TG9hZGluZ1Byb2dyZXNzQ29tcG9uZW50LFxuICAgIE1hdFByb2dyZXNzU3Bpbm5lck1vZHVsZSxcbiAgICBNYXRQcm9ncmVzc0Jhck1vZHVsZVxuICBdXG59KVxuZXhwb3J0IGNsYXNzIERiTmd4TG9hZGluZ01vZHVsZSB7IH1cbiJdfQ==

package/esm2020/lib/router/anchor/anchor.component.mjs

@@ -0,0 +1,50 @@
+import { skipFirstMaybe } from '@dereekb/rxjs';
+import { Input, Component, TemplateRef, ViewChild } from '@angular/core';
+import { AbstractDbNgxAnchorDirective } from '@dereekb/dbx-core';
+import { BehaviorSubject } from 'rxjs';
+import { map, distinctUntilChanged, shareReplay } from 'rxjs/operators';
+import { DbNgxRouterWebProviderConfig } from '../provider/router.provider.config';
+import * as i0 from "@angular/core";
+import * as i1 from "../provider/router.provider.config";
+import * as i2 from "@dereekb/dbx-core";
+import * as i3 from "@angular/common";
+/**
+ * Component that renders an anchor element depending on the input.
+ */
+export class DbNgxAnchorComponent extends AbstractDbNgxAnchorDirective {
+    constructor(dbNgxRouterWebProviderConfig) {
+        super();
+        this.dbNgxRouterWebProviderConfig = dbNgxRouterWebProviderConfig;
+        this._templateRef = new BehaviorSubject(undefined);
+        this.templateRef$ = this._templateRef.pipe(skipFirstMaybe(), shareReplay(1));
+        this.url$ = this.anchor$.pipe(map(x => x?.url), distinctUntilChanged(), shareReplay(1));
+        this.target$ = this.anchor$.pipe(map(x => x?.target), distinctUntilChanged(), shareReplay(1));
+    }
+    get templateRef() {
+        return this._templateRef.value;
+    }
+    set templateRef(templateRef) {
+        this._templateRef.next(templateRef);
+    }
+    get srefAnchorConfig() {
+        return this.dbNgxRouterWebProviderConfig.anchorSegueRefComponent;
+    }
+    get anchorBlockClass() {
+        return this.block ? 'dbx-anchor-block' : '';
+    }
+    clickAnchor(event) {
+        this.anchor?.onClick?.(event);
+    }
+}
+DbNgxAnchorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxAnchorComponent, deps: [{ token: i1.DbNgxRouterWebProviderConfig }], target: i0.ɵɵFactoryTarget.Component });
+DbNgxAnchorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.0", type: DbNgxAnchorComponent, selector: "dbx-anchor, [dbx-anchor]", inputs: { block: "block" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["content"], descendants: true, read: TemplateRef }], usesInheritance: true, ngImport: i0, template: "<ng-container [ngSwitch]=\"type$ | async\">\n  <!-- Click -->\n  <a class=\"dbx-anchor dbx-anchor-click {{ anchorBlockClass }}\" (click)=\"clickAnchor()\" *ngSwitchCase=\"1\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Router -->\n  <dbx-injected-content [config]=\"srefAnchorConfig\" *ngSwitchCase=\"2\">\n    <!-- Injected in child. -->\n  </dbx-injected-content>\n  <!-- Href -->\n  <a class=\"dbx-anchor dbx-anchor-href {{ anchorBlockClass }}\" [href]=\"url$ | async\" [attr.target]=\"target$ | async\"\n    *ngSwitchCase=\"3\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Disabled or None -->\n  <a class=\"dbx-anchor dbx-anchor-disabled {{ anchorBlockClass }}\" *ngSwitchDefault>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-container>\n<!-- Template content -->\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n", components: [{ type: i2.DbNgxInjectedComponent, selector: "dbx-injected-content, [dbx-injected-content]", inputs: ["config", "template"] }], directives: [{ type: i3.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { type: i3.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { type: i3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet"] }, { type: i3.NgSwitchDefault, selector: "[ngSwitchDefault]" }], pipes: { "async": i3.AsyncPipe } });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.0", ngImport: i0, type: DbNgxAnchorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'dbx-anchor, [dbx-anchor]', template: "<ng-container [ngSwitch]=\"type$ | async\">\n  <!-- Click -->\n  <a class=\"dbx-anchor dbx-anchor-click {{ anchorBlockClass }}\" (click)=\"clickAnchor()\" *ngSwitchCase=\"1\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Router -->\n  <dbx-injected-content [config]=\"srefAnchorConfig\" *ngSwitchCase=\"2\">\n    <!-- Injected in child. -->\n  </dbx-injected-content>\n  <!-- Href -->\n  <a class=\"dbx-anchor dbx-anchor-href {{ anchorBlockClass }}\" [href]=\"url$ | async\" [attr.target]=\"target$ | async\"\n    *ngSwitchCase=\"3\">\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n  <!-- Disabled or None -->\n  <a class=\"dbx-anchor dbx-anchor-disabled {{ anchorBlockClass }}\" *ngSwitchDefault>\n    <ng-container *ngTemplateOutlet=\"content\"></ng-container>\n  </a>\n</ng-container>\n<!-- Template content -->\n<ng-template #content>\n  <ng-content></ng-content>\n</ng-template>\n" }]
+        }], ctorParameters: function () { return [{ type: i1.DbNgxRouterWebProviderConfig }]; }, propDecorators: { block: [{
+                type: Input
+            }], templateRef: [{
+                type: ViewChild,
+                args: ['content', { read: TemplateRef }]
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYW5jaG9yLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9yb3V0ZXIvYW5jaG9yL2FuY2hvci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvcm91dGVyL2FuY2hvci9hbmNob3IuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pFLE9BQU8sRUFBRSw0QkFBNEIsRUFBZ0MsTUFBTSxtQkFBbUIsQ0FBQztBQUUvRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxHQUFHLEVBQUUsb0JBQW9CLEVBQUUsV0FBVyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFDeEUsT0FBTyxFQUFFLDRCQUE0QixFQUFFLE1BQU0sb0NBQW9DLENBQUM7Ozs7O0FBRWxGOztHQUVHO0FBTUgsTUFBTSxPQUFPLG9CQUFxQixTQUFRLDRCQUE0QjtJQW9CcEUsWUFBNkIsNEJBQTBEO1FBQ3JGLEtBQUssRUFBRSxDQUFDO1FBRG1CLGlDQUE0QixHQUE1Qiw0QkFBNEIsQ0FBOEI7UUFsQi9FLGlCQUFZLEdBQUcsSUFBSSxlQUFlLENBQTBCLFNBQVMsQ0FBQyxDQUFDO1FBQ3RFLGlCQUFZLEdBQUcsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsY0FBYyxFQUFFLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFjeEUsU0FBSSxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUMsRUFBRSxvQkFBb0IsRUFBRSxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQ25GLFlBQU8sR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLEVBQUUsTUFBTSxDQUFDLEVBQUUsb0JBQW9CLEVBQUUsRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUlsRyxDQUFDO0lBZEQsSUFDSSxXQUFXO1FBQ2IsT0FBTyxJQUFJLENBQUMsWUFBWSxDQUFDLEtBQUssQ0FBQztJQUNqQyxDQUFDO0lBRUQsSUFBSSxXQUFXLENBQUMsV0FBb0M7UUFDbEQsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7SUFDdEMsQ0FBQztJQVNELElBQUksZ0JBQWdCO1FBQ2xCLE9BQU8sSUFBSSxDQUFDLDRCQUE0QixDQUFDLHVCQUF1QixDQUFDO0lBQ25FLENBQUM7SUFFRCxJQUFJLGdCQUFnQjtRQUNsQixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLGtCQUFrQixDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7SUFDOUMsQ0FBQztJQUVELFdBQVcsQ0FBQyxLQUF5QjtRQUNuQyxJQUFJLENBQUMsTUFBTSxFQUFFLE9BQU8sRUFBRSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hDLENBQUM7O2lIQWxDVSxvQkFBb0I7cUdBQXBCLG9CQUFvQiwrS0FRRCxXQUFXLG9EQ3hCM0MsczdCQXVCQTsyRkRQYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsMEJBQTBCO21IQVU3QixLQUFLO3NCQURYLEtBQUs7Z0JBSUYsV0FBVztzQkFEZCxTQUFTO3VCQUFDLFNBQVMsRUFBRSxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBza2lwRmlyc3RNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3J4anMnO1xuaW1wb3J0IHsgSW5wdXQsIENvbXBvbmVudCwgVGVtcGxhdGVSZWYsIFZpZXdDaGlsZCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQWJzdHJhY3REYk5neEFuY2hvckRpcmVjdGl2ZSwgRGJOZ3hJbmplY3RlZENvbXBvbmVudENvbmZpZyB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IG1hcCwgZGlzdGluY3RVbnRpbENoYW5nZWQsIHNoYXJlUmVwbGF5IH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuaW1wb3J0IHsgRGJOZ3hSb3V0ZXJXZWJQcm92aWRlckNvbmZpZyB9IGZyb20gJy4uL3Byb3ZpZGVyL3JvdXRlci5wcm92aWRlci5jb25maWcnO1xuXG4vKipcbiAqIENvbXBvbmVudCB0aGF0IHJlbmRlcnMgYW4gYW5jaG9yIGVsZW1lbnQgZGVwZW5kaW5nIG9uIHRoZSBpbnB1dC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWFuY2hvciwgW2RieC1hbmNob3JdJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2FuY2hvci5jb21wb25lbnQuaHRtbCcsXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL2FuY2hvci5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGJOZ3hBbmNob3JDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdERiTmd4QW5jaG9yRGlyZWN0aXZlIHtcblxuICBwcml2YXRlIF90ZW1wbGF0ZVJlZiA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWF5YmU8VGVtcGxhdGVSZWY8YW55Pj4+KHVuZGVmaW5lZCk7XG4gIHJlYWRvbmx5IHRlbXBsYXRlUmVmJCA9IHRoaXMuX3RlbXBsYXRlUmVmLnBpcGUoc2tpcEZpcnN0TWF5YmUoKSwgc2hhcmVSZXBsYXkoMSkpO1xuXG4gIEBJbnB1dCgpXG4gIHB1YmxpYyBibG9jaz86IGJvb2xlYW47XG5cbiAgQFZpZXdDaGlsZCgnY29udGVudCcsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSlcbiAgZ2V0IHRlbXBsYXRlUmVmKCk6IE1heWJlPFRlbXBsYXRlUmVmPGFueT4+IHtcbiAgICByZXR1cm4gdGhpcy5fdGVtcGxhdGVSZWYudmFsdWU7XG4gIH1cblxuICBzZXQgdGVtcGxhdGVSZWYodGVtcGxhdGVSZWY6IE1heWJlPFRlbXBsYXRlUmVmPGFueT4+KSB7XG4gICAgdGhpcy5fdGVtcGxhdGVSZWYubmV4dCh0ZW1wbGF0ZVJlZik7XG4gIH1cblxuICByZWFkb25seSB1cmwkID0gdGhpcy5hbmNob3IkLnBpcGUobWFwKHggPT4geD8udXJsKSwgZGlzdGluY3RVbnRpbENoYW5nZWQoKSwgc2hhcmVSZXBsYXkoMSkpO1xuICByZWFkb25seSB0YXJnZXQkID0gdGhpcy5hbmNob3IkLnBpcGUobWFwKHggPT4geD8udGFyZ2V0KSwgZGlzdGluY3RVbnRpbENoYW5nZWQoKSwgc2hhcmVSZXBsYXkoMSkpO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgcmVhZG9ubHkgZGJOZ3hSb3V0ZXJXZWJQcm92aWRlckNvbmZpZzogRGJOZ3hSb3V0ZXJXZWJQcm92aWRlckNvbmZpZykge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBnZXQgc3JlZkFuY2hvckNvbmZpZygpOiBEYk5neEluamVjdGVkQ29tcG9uZW50Q29uZmlnIHtcbiAgICByZXR1cm4gdGhpcy5kYk5neFJvdXRlcldlYlByb3ZpZGVyQ29uZmlnLmFuY2hvclNlZ3VlUmVmQ29tcG9uZW50O1xuICB9XG5cbiAgZ2V0IGFuY2hvckJsb2NrQ2xhc3MoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gdGhpcy5ibG9jayA/ICdkYngtYW5jaG9yLWJsb2NrJyA6ICcnO1xuICB9XG5cbiAgY2xpY2tBbmNob3IoZXZlbnQ/OiBNYXliZTxNb3VzZUV2ZW50Pik6IHZvaWQge1xuICAgIHRoaXMuYW5jaG9yPy5vbkNsaWNrPy4oZXZlbnQpO1xuICB9XG5cbn1cbiIsIjxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cInR5cGUkIHwgYXN5bmNcIj5cbiAgPCEtLSBDbGljayAtLT5cbiAgPGEgY2xhc3M9XCJkYngtYW5jaG9yIGRieC1hbmNob3ItY2xpY2sge3sgYW5jaG9yQmxvY2tDbGFzcyB9fVwiIChjbGljayk9XCJjbGlja0FuY2hvcigpXCIgKm5nU3dpdGNoQ2FzZT1cIjFcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICA8L2E+XG4gIDwhLS0gUm91dGVyIC0tPlxuICA8ZGJ4LWluamVjdGVkLWNvbnRlbnQgW2NvbmZpZ109XCJzcmVmQW5jaG9yQ29uZmlnXCIgKm5nU3dpdGNoQ2FzZT1cIjJcIj5cbiAgICA8IS0tIEluamVjdGVkIGluIGNoaWxkLiAtLT5cbiAgPC9kYngtaW5qZWN0ZWQtY29udGVudD5cbiAgPCEtLSBIcmVmIC0tPlxuICA8YSBjbGFzcz1cImRieC1hbmNob3IgZGJ4LWFuY2hvci1ocmVmIHt7IGFuY2hvckJsb2NrQ2xhc3MgfX1cIiBbaHJlZl09XCJ1cmwkIHwgYXN5bmNcIiBbYXR0ci50YXJnZXRdPVwidGFyZ2V0JCB8IGFzeW5jXCJcbiAgICAqbmdTd2l0Y2hDYXNlPVwiM1wiPlxuICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjb250ZW50XCI+PC9uZy1jb250YWluZXI+XG4gIDwvYT5cbiAgPCEtLSBEaXNhYmxlZCBvciBOb25lIC0tPlxuICA8YSBjbGFzcz1cImRieC1hbmNob3IgZGJ4LWFuY2hvci1kaXNhYmxlZCB7eyBhbmNob3JCbG9ja0NsYXNzIH19XCIgKm5nU3dpdGNoRGVmYXVsdD5cbiAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY29udGVudFwiPjwvbmctY29udGFpbmVyPlxuICA8L2E+XG48L25nLWNvbnRhaW5lcj5cbjwhLS0gVGVtcGxhdGUgY29udGVudCAtLT5cbjxuZy10ZW1wbGF0ZSAjY29udGVudD5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==