@dereekb/dbx-web 11.1.8 → 12.0.0

package/esm2022/lib/layout/section/section.header.component.mjs

@@ -1,136 +1,153 @@
-import { Component, Input } from '@angular/core';
+import { Component, computed, input, ChangeDetectionStrategy, signal } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
+import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/icon";
+import * as i1 from "@angular/material/icon";
 /**
  * Component used to style a section's header.
  */
 export class DbxSectionHeaderComponent {
-    paddedHeader;
-    h;
-    header;
-    onlyHeader = false;
-    icon;
-    hint;
-    hintInline;
-    constructor() { }
-    set headerConfig(headerConfig) {
-        if (headerConfig) {
-            if (headerConfig.h !== undefined) {
-                this.h = headerConfig.h;
-            }
-            if (headerConfig.header !== undefined) {
-                this.header = headerConfig.header;
-            }
-            if (headerConfig.onlyHeader !== undefined) {
-                this.onlyHeader = headerConfig.onlyHeader;
-            }
-            if (headerConfig.icon !== undefined) {
-                this.icon = headerConfig.icon;
-            }
-            if (headerConfig.hint !== undefined) {
-                this.hint = headerConfig.hint;
-            }
-            if (headerConfig.hintInline !== undefined) {
-                this.hintInline = headerConfig.hintInline;
-            }
-        }
-    }
-    get showTitle() {
-        return Boolean(this.header || this.icon);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: { paddedHeader: "paddedHeader", h: "h", header: "header", onlyHeader: "onlyHeader", icon: "icon", hint: "hint", hintInline: "hintInline", headerConfig: "headerConfig" }, host: { properties: { "class.dbx-section-header-full-title": "onlyHeader", "class.dbx-section-header-padded": "paddedHeader" } }, ngImport: i0, template: `
+    headerConfig = input();
+    h = input();
+    paddedHeader = input();
+    header = input();
+    onlyHeader = input();
+    icon = input();
+    hint = input();
+    hintInline = input();
+    hintInlineDefault = signal(undefined);
+    headerConfigSignal = computed(() => {
+        const headerConfig = this.headerConfig();
+        const config = {
+            h: this.h() ?? headerConfig?.h,
+            paddedHeader: this.paddedHeader() ?? headerConfig?.paddedHeader,
+            header: this.header() ?? headerConfig?.header,
+            onlyHeader: this.onlyHeader() ?? headerConfig?.onlyHeader,
+            icon: this.icon() ?? headerConfig?.icon,
+            hint: this.hint() ?? headerConfig?.hint,
+            hintInline: this.hintInline() ?? headerConfig?.hintInline ?? this.hintInlineDefault()
+        };
+        return config;
+    });
+    showTitleSignal = computed(() => {
+        const headerConfig = this.headerConfigSignal();
+        return Boolean(headerConfig.header || headerConfig.icon);
+    });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSectionHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxSectionHeaderComponent, isStandalone: true, selector: "dbx-section-header,.dbx-section-header", inputs: { headerConfig: { classPropertyName: "headerConfig", publicName: "headerConfig", isSignal: true, isRequired: false, transformFunction: null }, h: { classPropertyName: "h", publicName: "h", isSignal: true, isRequired: false, transformFunction: null }, paddedHeader: { classPropertyName: "paddedHeader", publicName: "paddedHeader", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, onlyHeader: { classPropertyName: "onlyHeader", publicName: "onlyHeader", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, hintInline: { classPropertyName: "hintInline", publicName: "hintInline", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.dbx-section-header-full-title": "headerConfigSignal().onlyHeader", "class.dbx-section-header-padded": "headerConfigSignal().paddedHeader" } }, ngImport: i0, template: `
     <div class="dbx-section-header-content">
-      <ng-container *ngIf="showTitle">
-        <ng-container [ngSwitch]="h ?? 1">
-          <h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
-            <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
-          </h1>
-          <h2 *ngSwitchCase="2" class="dbx-section-header-content-title">
-            <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
-          </h2>
-          <h3 *ngSwitchCase="3" class="dbx-section-header-content-title">
-            <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
-          </h3>
-          <h4 *ngSwitchCase="4" class="dbx-section-header-content-title">
-            <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
-          </h4>
-          <h5 *ngSwitchCase="5" class="dbx-section-header-content-title">
-            <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
-          </h5>
-        </ng-container>
+      @if (showTitleSignal()) {
+        @switch (headerConfigSignal().h ?? 1) {
+          @case (1) {
+            <h1 class="dbx-section-header-content-title">
+              <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+            </h1>
+          }
+          @case (2) {
+            <h2 class="dbx-section-header-content-title">
+              <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+            </h2>
+          }
+          @case (3) {
+            <h3 class="dbx-section-header-content-title">
+              <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+            </h3>
+          }
+          @case (4) {
+            <h4 class="dbx-section-header-content-title">
+              <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+            </h4>
+          }
+          @case (5) {
+            <h5 class="dbx-section-header-content-title">
+              <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+            </h5>
+          }
+        }
         <span class="spacer"></span>
-      </ng-container>
+      }
       <ng-content></ng-content>
     </div>
-    <p *ngIf="hint && !hintInline" class="dbx-section-hint dbx-hint">{{ hint }}</p>
+    <!-- Show Hint Not Inline -->
+    @if (headerConfigSignal().hint && !headerConfigSignal().hintInline) {
+      <p class="dbx-section-hint dbx-hint">{{ headerConfigSignal().hint }}</p>
+    }
     <ng-template #headerContentTitleTemplate>
-      <mat-icon *ngIf="icon">{{ icon }}</mat-icon>
+      @if (headerConfigSignal().icon) {
+        <mat-icon>{{ headerConfigSignal().icon }}</mat-icon>
+      }
       <span class="title-text">
-        {{ header }}
-        <span *ngIf="hint && hintInline" class="dbx-section-hint-inline dbx-hint">{{ hint }}</span>
+        {{ headerConfigSignal().header }}
+        <!-- Show Hint Inline -->
+        @if (headerConfigSignal().hint && headerConfigSignal().hintInline) {
+          <span class="dbx-section-hint-inline dbx-hint">{{ headerConfigSignal().hint }}</span>
+        }
       </span>
     </ng-template>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSectionHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSectionHeaderComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-section-header,.dbx-section-header',
                     template: `
     <div class="dbx-section-header-content">
-      <ng-container *ngIf="showTitle">
-        <ng-container [ngSwitch]="h ?? 1">
-          <h1 *ngSwitchCase="1" class="dbx-section-header-content-title">
-            <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
-          </h1>
-          <h2 *ngSwitchCase="2" class="dbx-section-header-content-title">
-            <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
-          </h2>
-          <h3 *ngSwitchCase="3" class="dbx-section-header-content-title">
-            <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
-          </h3>
-          <h4 *ngSwitchCase="4" class="dbx-section-header-content-title">
-            <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
-          </h4>
-          <h5 *ngSwitchCase="5" class="dbx-section-header-content-title">
-            <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
-          </h5>
-        </ng-container>
+      @if (showTitleSignal()) {
+        @switch (headerConfigSignal().h ?? 1) {
+          @case (1) {
+            <h1 class="dbx-section-header-content-title">
+              <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+            </h1>
+          }
+          @case (2) {
+            <h2 class="dbx-section-header-content-title">
+              <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+            </h2>
+          }
+          @case (3) {
+            <h3 class="dbx-section-header-content-title">
+              <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+            </h3>
+          }
+          @case (4) {
+            <h4 class="dbx-section-header-content-title">
+              <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+            </h4>
+          }
+          @case (5) {
+            <h5 class="dbx-section-header-content-title">
+              <ng-container *ngTemplateOutlet="headerContentTitleTemplate"></ng-container>
+            </h5>
+          }
+        }
         <span class="spacer"></span>
-      </ng-container>
+      }
       <ng-content></ng-content>
     </div>
-    <p *ngIf="hint && !hintInline" class="dbx-section-hint dbx-hint">{{ hint }}</p>
+    <!-- Show Hint Not Inline -->
+    @if (headerConfigSignal().hint && !headerConfigSignal().hintInline) {
+      <p class="dbx-section-hint dbx-hint">{{ headerConfigSignal().hint }}</p>
+    }
     <ng-template #headerContentTitleTemplate>
-      <mat-icon *ngIf="icon">{{ icon }}</mat-icon>
+      @if (headerConfigSignal().icon) {
+        <mat-icon>{{ headerConfigSignal().icon }}</mat-icon>
+      }
       <span class="title-text">
-        {{ header }}
-        <span *ngIf="hint && hintInline" class="dbx-section-hint-inline dbx-hint">{{ hint }}</span>
+        {{ headerConfigSignal().header }}
+        <!-- Show Hint Inline -->
+        @if (headerConfigSignal().hint && headerConfigSignal().hintInline) {
+          <span class="dbx-section-hint-inline dbx-hint">{{ headerConfigSignal().hint }}</span>
+        }
       </span>
     </ng-template>
   `,
+                    standalone: true,
+                    imports: [MatIconModule, NgTemplateOutlet],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                     host: {
-                        '[class.dbx-section-header-full-title]': 'onlyHeader',
-                        '[class.dbx-section-header-padded]': 'paddedHeader'
+                        '[class.dbx-section-header-full-title]': 'headerConfigSignal().onlyHeader',
+                        '[class.dbx-section-header-padded]': 'headerConfigSignal().paddedHeader'
                     }
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { paddedHeader: [{
-                type: Input
-            }], h: [{
-                type: Input
-            }], header: [{
-                type: Input
-            }], onlyHeader: [{
-                type: Input
-            }], icon: [{
-                type: Input
-            }], hint: [{
-                type: Input
-            }], hintInline: [{
-                type: Input
-            }], headerConfig: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24uaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQUlqRDs7R0FFRztBQXlDSCxNQUFNLE9BQU8seUJBQXlCO0lBRXBDLFlBQVksQ0FBa0I7SUFHOUIsQ0FBQyxDQUFnQztJQUdqQyxNQUFNLENBQWlCO0lBR3ZCLFVBQVUsR0FBb0IsS0FBSyxDQUFDO0lBR3BDLElBQUksQ0FBaUI7SUFHckIsSUFBSSxDQUFpQjtJQUdyQixVQUFVLENBQWtCO0lBRTVCLGdCQUFlLENBQUM7SUFFaEIsSUFDSSxZQUFZLENBQUMsWUFBMkM7UUFDMUQsSUFBSSxZQUFZLEVBQUU7WUFDaEIsSUFBSSxZQUFZLENBQUMsQ0FBQyxLQUFLLFNBQVMsRUFBRTtnQkFDaEMsSUFBSSxDQUFDLENBQUMsR0FBRyxZQUFZLENBQUMsQ0FBQyxDQUFDO2FBQ3pCO1lBRUQsSUFBSSxZQUFZLENBQUMsTUFBTSxLQUFLLFNBQVMsRUFBRTtnQkFDckMsSUFBSSxDQUFDLE1BQU0sR0FBRyxZQUFZLENBQUMsTUFBTSxDQUFDO2FBQ25DO1lBRUQsSUFBSSxZQUFZLENBQUMsVUFBVSxLQUFLLFNBQVMsRUFBRTtnQkFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxZQUFZLENBQUMsVUFBVSxDQUFDO2FBQzNDO1lBRUQsSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtnQkFDbkMsSUFBSSxDQUFDLElBQUksR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDO2FBQy9CO1lBRUQsSUFBSSxZQUFZLENBQUMsSUFBSSxLQUFLLFNBQVMsRUFBRTtnQkFDbkMsSUFBSSxDQUFDLElBQUksR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDO2FBQy9CO1lBRUQsSUFBSSxZQUFZLENBQUMsVUFBVSxLQUFLLFNBQVMsRUFBRTtnQkFDekMsSUFBSSxDQUFDLFVBQVUsR0FBRyxZQUFZLENBQUMsVUFBVSxDQUFDO2FBQzNDO1NBQ0Y7SUFDSCxDQUFDO0lBRUQsSUFBSSxTQUFTO1FBQ1gsT0FBTyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0MsQ0FBQzt3R0F2RFUseUJBQXlCOzRGQUF6Qix5QkFBeUIsa1lBdEMxQjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQ1Q7OzRGQU1VLHlCQUF5QjtrQkF4Q3JDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdDQUF3QztvQkFDbEQsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWdDVDtvQkFDRCxJQUFJLEVBQUU7d0JBQ0osdUNBQXVDLEVBQUUsWUFBWTt3QkFDckQsbUNBQW1DLEVBQUUsY0FBYztxQkFDcEQ7aUJBQ0Y7MEVBR0MsWUFBWTtzQkFEWCxLQUFLO2dCQUlOLENBQUM7c0JBREEsS0FBSztnQkFJTixNQUFNO3NCQURMLEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUs7Z0JBSU4sVUFBVTtzQkFEVCxLQUFLO2dCQU1GLFlBQVk7c0JBRGYsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHR5cGUgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IERieFNlY3Rpb25IZWFkZXJDb25maWcsIERieFNlY3Rpb25IZWFkZXJIVHlwZSB9IGZyb20gJy4vc2VjdGlvbic7XG5cbi8qKlxuICogQ29tcG9uZW50IHVzZWQgdG8gc3R5bGUgYSBzZWN0aW9uJ3MgaGVhZGVyLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VjdGlvbi1oZWFkZXIsLmRieC1zZWN0aW9uLWhlYWRlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlci1jb250ZW50XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwic2hvd1RpdGxlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgW25nU3dpdGNoXT1cImggPz8gMVwiPlxuICAgICAgICAgIDxoMSAqbmdTd2l0Y2hDYXNlPVwiMVwiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnQtdGl0bGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJDb250ZW50VGl0bGVUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvaDE+XG4gICAgICAgICAgPGgyICpuZ1N3aXRjaENhc2U9XCIyXCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlckNvbnRlbnRUaXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9oMj5cbiAgICAgICAgICA8aDMgKm5nU3dpdGNoQ2FzZT1cIjNcIiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlci1jb250ZW50LXRpdGxlXCI+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICA8L2gzPlxuICAgICAgICAgIDxoNCAqbmdTd2l0Y2hDYXNlPVwiNFwiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyLWNvbnRlbnQtdGl0bGVcIj5cbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJDb250ZW50VGl0bGVUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvaDQ+XG4gICAgICAgICAgPGg1ICpuZ1N3aXRjaENhc2U9XCI1XCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlckNvbnRlbnRUaXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9oNT5cbiAgICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3BhY2VyXCI+PC9zcGFuPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPHAgKm5nSWY9XCJoaW50ICYmICFoaW50SW5saW5lXCIgY2xhc3M9XCJkYngtc2VjdGlvbi1oaW50IGRieC1oaW50XCI+e3sgaGludCB9fTwvcD5cbiAgICA8bmctdGVtcGxhdGUgI2hlYWRlckNvbnRlbnRUaXRsZVRlbXBsYXRlPlxuICAgICAgPG1hdC1pY29uICpuZ0lmPVwiaWNvblwiPnt7IGljb24gfX08L21hdC1pY29uPlxuICAgICAgPHNwYW4gY2xhc3M9XCJ0aXRsZS10ZXh0XCI+XG4gICAgICAgIHt7IGhlYWRlciB9fVxuICAgICAgICA8c3BhbiAqbmdJZj1cImhpbnQgJiYgaGludElubGluZVwiIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGludC1pbmxpbmUgZGJ4LWhpbnRcIj57eyBoaW50IH19PC9zcGFuPlxuICAgICAgPC9zcGFuPlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzLmRieC1zZWN0aW9uLWhlYWRlci1mdWxsLXRpdGxlXSc6ICdvbmx5SGVhZGVyJyxcbiAgICAnW2NsYXNzLmRieC1zZWN0aW9uLWhlYWRlci1wYWRkZWRdJzogJ3BhZGRlZEhlYWRlcidcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhTZWN0aW9uSGVhZGVyQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgcGFkZGVkSGVhZGVyPzogTWF5YmU8Ym9vbGVhbj47XG5cbiAgQElucHV0KClcbiAgaD86IE1heWJlPERieFNlY3Rpb25IZWFkZXJIVHlwZT47XG5cbiAgQElucHV0KClcbiAgaGVhZGVyPzogTWF5YmU8c3RyaW5nPjtcblxuICBASW5wdXQoKVxuICBvbmx5SGVhZGVyPzogTWF5YmU8Ym9vbGVhbj4gPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBpY29uPzogTWF5YmU8c3RyaW5nPjtcblxuICBASW5wdXQoKVxuICBoaW50PzogTWF5YmU8c3RyaW5nPjtcblxuICBASW5wdXQoKVxuICBoaW50SW5saW5lPzogTWF5YmU8Ym9vbGVhbj47XG5cbiAgY29uc3RydWN0b3IoKSB7fVxuXG4gIEBJbnB1dCgpXG4gIHNldCBoZWFkZXJDb25maWcoaGVhZGVyQ29uZmlnOiBNYXliZTxEYnhTZWN0aW9uSGVhZGVyQ29uZmlnPikge1xuICAgIGlmIChoZWFkZXJDb25maWcpIHtcbiAgICAgIGlmIChoZWFkZXJDb25maWcuaCAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMuaCA9IGhlYWRlckNvbmZpZy5oO1xuICAgICAgfVxuXG4gICAgICBpZiAoaGVhZGVyQ29uZmlnLmhlYWRlciAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMuaGVhZGVyID0gaGVhZGVyQ29uZmlnLmhlYWRlcjtcbiAgICAgIH1cblxuICAgICAgaWYgKGhlYWRlckNvbmZpZy5vbmx5SGVhZGVyICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5vbmx5SGVhZGVyID0gaGVhZGVyQ29uZmlnLm9ubHlIZWFkZXI7XG4gICAgICB9XG5cbiAgICAgIGlmIChoZWFkZXJDb25maWcuaWNvbiAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICAgIHRoaXMuaWNvbiA9IGhlYWRlckNvbmZpZy5pY29uO1xuICAgICAgfVxuXG4gICAgICBpZiAoaGVhZGVyQ29uZmlnLmhpbnQgIT09IHVuZGVmaW5lZCkge1xuICAgICAgICB0aGlzLmhpbnQgPSBoZWFkZXJDb25maWcuaGludDtcbiAgICAgIH1cblxuICAgICAgaWYgKGhlYWRlckNvbmZpZy5oaW50SW5saW5lICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgdGhpcy5oaW50SW5saW5lID0gaGVhZGVyQ29uZmlnLmhpbnRJbmxpbmU7XG4gICAgICB9XG4gICAgfVxuICB9XG5cbiAgZ2V0IHNob3dUaXRsZSgpIHtcbiAgICByZXR1cm4gQm9vbGVhbih0aGlzLmhlYWRlciB8fCB0aGlzLmljb24pO1xuICB9XG59XG4iXX0=
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5oZWFkZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24uaGVhZGVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRzVGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7O0FBRW5EOztHQUVHO0FBOERILE1BQU0sT0FBTyx5QkFBeUI7SUFDM0IsWUFBWSxHQUFHLEtBQUssRUFBaUMsQ0FBQztJQUV0RCxDQUFDLEdBQUcsS0FBSyxFQUFnQyxDQUFDO0lBQzFDLFlBQVksR0FBRyxLQUFLLEVBQWtCLENBQUM7SUFDdkMsTUFBTSxHQUFHLEtBQUssRUFBaUIsQ0FBQztJQUNoQyxVQUFVLEdBQUcsS0FBSyxFQUFrQixDQUFDO0lBQ3JDLElBQUksR0FBRyxLQUFLLEVBQWlCLENBQUM7SUFDOUIsSUFBSSxHQUFHLEtBQUssRUFBaUIsQ0FBQztJQUM5QixVQUFVLEdBQUcsS0FBSyxFQUFrQixDQUFDO0lBRXJDLGlCQUFpQixHQUFHLE1BQU0sQ0FBaUIsU0FBUyxDQUFDLENBQUM7SUFFdEQsa0JBQWtCLEdBQUcsUUFBUSxDQUFDLEdBQUcsRUFBRTtRQUMxQyxNQUFNLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7UUFFekMsTUFBTSxNQUFNLEdBQTJCO1lBQ3JDLENBQUMsRUFBRSxJQUFJLENBQUMsQ0FBQyxFQUFFLElBQUksWUFBWSxFQUFFLENBQUM7WUFDOUIsWUFBWSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsSUFBSSxZQUFZLEVBQUUsWUFBWTtZQUMvRCxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sRUFBRSxJQUFJLFlBQVksRUFBRSxNQUFNO1lBQzdDLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksWUFBWSxFQUFFLFVBQVU7WUFDekQsSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJLEVBQUUsSUFBSSxZQUFZLEVBQUUsSUFBSTtZQUN2QyxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxJQUFJLFlBQVksRUFBRSxJQUFJO1lBQ3ZDLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVSxFQUFFLElBQUksWUFBWSxFQUFFLFVBQVUsSUFBSSxJQUFJLENBQUMsaUJBQWlCLEVBQUU7U0FDdEYsQ0FBQztRQUVGLE9BQU8sTUFBTSxDQUFDO0lBQ2hCLENBQUMsQ0FBQyxDQUFDO0lBRU0sZUFBZSxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDdkMsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixFQUFFLENBQUM7UUFDL0MsT0FBTyxPQUFPLENBQUMsWUFBWSxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDM0QsQ0FBQyxDQUFDLENBQUM7d0dBaENRLHlCQUF5Qjs0RkFBekIseUJBQXlCLG14Q0EzRDFCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtEVCwyREFFUyxhQUFhLG9MQUFFLGdCQUFnQjs7NEZBTzlCLHlCQUF5QjtrQkE3RHJDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdDQUF3QztvQkFDbEQsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtEVDtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFLENBQUMsYUFBYSxFQUFFLGdCQUFnQixDQUFDO29CQUMxQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsSUFBSSxFQUFFO3dCQUNKLHVDQUF1QyxFQUFFLGlDQUFpQzt3QkFDMUUsbUNBQW1DLEVBQUUsbUNBQW1DO3FCQUN6RTtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgY29tcHV0ZWQsIGlucHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgc2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uSGVhZGVyQ29uZmlnLCBEYnhTZWN0aW9uSGVhZGVySFR5cGUgfSBmcm9tICcuL3NlY3Rpb24nO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTmdUZW1wbGF0ZU91dGxldCB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbi8qKlxuICogQ29tcG9uZW50IHVzZWQgdG8gc3R5bGUgYSBzZWN0aW9uJ3MgaGVhZGVyLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VjdGlvbi1oZWFkZXIsLmRieC1zZWN0aW9uLWhlYWRlcicsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlci1jb250ZW50XCI+XG4gICAgICBAaWYgKHNob3dUaXRsZVNpZ25hbCgpKSB7XG4gICAgICAgIEBzd2l0Y2ggKGhlYWRlckNvbmZpZ1NpZ25hbCgpLmggPz8gMSkge1xuICAgICAgICAgIEBjYXNlICgxKSB7XG4gICAgICAgICAgICA8aDEgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvaDE+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBjYXNlICgyKSB7XG4gICAgICAgICAgICA8aDIgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvaDI+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBjYXNlICgzKSB7XG4gICAgICAgICAgICA8aDMgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvaDM+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBjYXNlICg0KSB7XG4gICAgICAgICAgICA8aDQgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvaDQ+XG4gICAgICAgICAgfVxuICAgICAgICAgIEBjYXNlICg1KSB7XG4gICAgICAgICAgICA8aDUgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXItY29udGVudC10aXRsZVwiPlxuICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiaGVhZGVyQ29udGVudFRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgICAgIDwvaDU+XG4gICAgICAgICAgfVxuICAgICAgICB9XG4gICAgICAgIDxzcGFuIGNsYXNzPVwic3BhY2VyXCI+PC9zcGFuPlxuICAgICAgfVxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICAgIDwhLS0gU2hvdyBIaW50IE5vdCBJbmxpbmUgLS0+XG4gICAgQGlmIChoZWFkZXJDb25maWdTaWduYWwoKS5oaW50ICYmICFoZWFkZXJDb25maWdTaWduYWwoKS5oaW50SW5saW5lKSB7XG4gICAgICA8cCBjbGFzcz1cImRieC1zZWN0aW9uLWhpbnQgZGJ4LWhpbnRcIj57eyBoZWFkZXJDb25maWdTaWduYWwoKS5oaW50IH19PC9wPlxuICAgIH1cbiAgICA8bmctdGVtcGxhdGUgI2hlYWRlckNvbnRlbnRUaXRsZVRlbXBsYXRlPlxuICAgICAgQGlmIChoZWFkZXJDb25maWdTaWduYWwoKS5pY29uKSB7XG4gICAgICAgIDxtYXQtaWNvbj57eyBoZWFkZXJDb25maWdTaWduYWwoKS5pY29uIH19PC9tYXQtaWNvbj5cbiAgICAgIH1cbiAgICAgIDxzcGFuIGNsYXNzPVwidGl0bGUtdGV4dFwiPlxuICAgICAgICB7eyBoZWFkZXJDb25maWdTaWduYWwoKS5oZWFkZXIgfX1cbiAgICAgICAgPCEtLSBTaG93IEhpbnQgSW5saW5lIC0tPlxuICAgICAgICBAaWYgKGhlYWRlckNvbmZpZ1NpZ25hbCgpLmhpbnQgJiYgaGVhZGVyQ29uZmlnU2lnbmFsKCkuaGludElubGluZSkge1xuICAgICAgICAgIDxzcGFuIGNsYXNzPVwiZGJ4LXNlY3Rpb24taGludC1pbmxpbmUgZGJ4LWhpbnRcIj57eyBoZWFkZXJDb25maWdTaWduYWwoKS5oaW50IH19PC9zcGFuPlxuICAgICAgICB9XG4gICAgICA8L3NwYW4+XG4gICAgPC9uZy10ZW1wbGF0ZT5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGUsIE5nVGVtcGxhdGVPdXRsZXRdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgaG9zdDoge1xuICAgICdbY2xhc3MuZGJ4LXNlY3Rpb24taGVhZGVyLWZ1bGwtdGl0bGVdJzogJ2hlYWRlckNvbmZpZ1NpZ25hbCgpLm9ubHlIZWFkZXInLFxuICAgICdbY2xhc3MuZGJ4LXNlY3Rpb24taGVhZGVyLXBhZGRlZF0nOiAnaGVhZGVyQ29uZmlnU2lnbmFsKCkucGFkZGVkSGVhZGVyJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieFNlY3Rpb25IZWFkZXJDb21wb25lbnQge1xuICByZWFkb25seSBoZWFkZXJDb25maWcgPSBpbnB1dDxNYXliZTxEYnhTZWN0aW9uSGVhZGVyQ29uZmlnPj4oKTtcblxuICByZWFkb25seSBoID0gaW5wdXQ8TWF5YmU8RGJ4U2VjdGlvbkhlYWRlckhUeXBlPj4oKTtcbiAgcmVhZG9ubHkgcGFkZGVkSGVhZGVyID0gaW5wdXQ8TWF5YmU8Ym9vbGVhbj4+KCk7XG4gIHJlYWRvbmx5IGhlYWRlciA9IGlucHV0PE1heWJlPHN0cmluZz4+KCk7XG4gIHJlYWRvbmx5IG9ubHlIZWFkZXIgPSBpbnB1dDxNYXliZTxib29sZWFuPj4oKTtcbiAgcmVhZG9ubHkgaWNvbiA9IGlucHV0PE1heWJlPHN0cmluZz4+KCk7XG4gIHJlYWRvbmx5IGhpbnQgPSBpbnB1dDxNYXliZTxzdHJpbmc+PigpO1xuICByZWFkb25seSBoaW50SW5saW5lID0gaW5wdXQ8TWF5YmU8Ym9vbGVhbj4+KCk7XG5cbiAgcmVhZG9ubHkgaGludElubGluZURlZmF1bHQgPSBzaWduYWw8TWF5YmU8Ym9vbGVhbj4+KHVuZGVmaW5lZCk7XG5cbiAgcmVhZG9ubHkgaGVhZGVyQ29uZmlnU2lnbmFsID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIGNvbnN0IGhlYWRlckNvbmZpZyA9IHRoaXMuaGVhZGVyQ29uZmlnKCk7XG5cbiAgICBjb25zdCBjb25maWc6IERieFNlY3Rpb25IZWFkZXJDb25maWcgPSB7XG4gICAgICBoOiB0aGlzLmgoKSA/PyBoZWFkZXJDb25maWc/LmgsXG4gICAgICBwYWRkZWRIZWFkZXI6IHRoaXMucGFkZGVkSGVhZGVyKCkgPz8gaGVhZGVyQ29uZmlnPy5wYWRkZWRIZWFkZXIsXG4gICAgICBoZWFkZXI6IHRoaXMuaGVhZGVyKCkgPz8gaGVhZGVyQ29uZmlnPy5oZWFkZXIsXG4gICAgICBvbmx5SGVhZGVyOiB0aGlzLm9ubHlIZWFkZXIoKSA/PyBoZWFkZXJDb25maWc/Lm9ubHlIZWFkZXIsXG4gICAgICBpY29uOiB0aGlzLmljb24oKSA/PyBoZWFkZXJDb25maWc/Lmljb24sXG4gICAgICBoaW50OiB0aGlzLmhpbnQoKSA/PyBoZWFkZXJDb25maWc/LmhpbnQsXG4gICAgICBoaW50SW5saW5lOiB0aGlzLmhpbnRJbmxpbmUoKSA/PyBoZWFkZXJDb25maWc/LmhpbnRJbmxpbmUgPz8gdGhpcy5oaW50SW5saW5lRGVmYXVsdCgpXG4gICAgfTtcblxuICAgIHJldHVybiBjb25maWc7XG4gIH0pO1xuXG4gIHJlYWRvbmx5IHNob3dUaXRsZVNpZ25hbCA9IGNvbXB1dGVkKCgpID0+IHtcbiAgICBjb25zdCBoZWFkZXJDb25maWcgPSB0aGlzLmhlYWRlckNvbmZpZ1NpZ25hbCgpO1xuICAgIHJldHVybiBCb29sZWFuKGhlYWRlckNvbmZpZy5oZWFkZXIgfHwgaGVhZGVyQ29uZmlnLmljb24pO1xuICB9KTtcbn1cbiJdfQ==

package/esm2022/lib/layout/section/section.intro.component.mjs

@@ -1,65 +1,67 @@
-import { Component, Input, EventEmitter, Output } from '@angular/core';
-import { DbxSectionComponent } from './section.component';
+import { Component, input, output, ChangeDetectionStrategy } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
-import * as i2 from "@angular/material/button";
+import * as i1 from "@angular/material/button";
 /**
  * Component used to format content that displays an intro until a button is pressed.
  */
-export class DbxIntroActionSectionComponent extends DbxSectionComponent {
-    showAction = new EventEmitter();
-    showIntro;
-    action;
-    ngOnDestroy() {
-        this.showAction.complete();
-    }
+export class DbxIntroActionSectionComponent {
+    hint = input();
+    showIntro = input(true);
+    action = input();
+    showAction = output();
     actionClicked() {
-        this.showAction.next();
+        this.showAction.emit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxIntroActionSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxIntroActionSectionComponent, selector: "dbx-intro-action-section", inputs: { showIntro: "showIntro", action: "action" }, outputs: { showAction: "showAction" }, usesInheritance: true, ngImport: i0, template: `
-    <div class="dbx-intro-action-section" [ngSwitch]="showIntro">
-      <div *ngSwitchCase="true" class="dbx-intro-action-section-intro">
-        <p>{{ hint }}</p>
-        <div>
-          <ng-content select="[info]"></ng-content>
-        </div>
-        <div>
-          <button mat-raised-button color="accent" (click)="actionClicked()">{{ action }}</button>
-        </div>
-      </div>
-      <ng-container *ngSwitchCase="false">
-        <ng-content></ng-content>
-      </ng-container>
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxIntroActionSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxIntroActionSectionComponent, isStandalone: true, selector: "dbx-intro-action-section", inputs: { hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, showIntro: { classPropertyName: "showIntro", publicName: "showIntro", isSignal: true, isRequired: false, transformFunction: null }, action: { classPropertyName: "action", publicName: "action", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { showAction: "showAction" }, ngImport: i0, template: `
+    <div class="dbx-intro-action-section">
+      @switch (showIntro()) {
+        @case (true) {
+          <div class="dbx-intro-action-section-intro">
+            <p>{{ hint() }}</p>
+            <div>
+              <ng-content select="[info]"></ng-content>
+            </div>
+            <div>
+              <button mat-raised-button color="accent" (click)="actionClicked()">{{ action() }}</button>
+            </div>
+          </div>
+        }
+        @case (false) {
+          <ng-content></ng-content>
+        }
+      }
     </div>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { kind: "component", type: i2.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: "    button[mat-button], button[mat-raised-button], button[mat-flat-button],    button[mat-stroked-button]  ", exportAs: ["matButton"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxIntroActionSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxIntroActionSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-intro-action-section',
                     template: `
-    <div class="dbx-intro-action-section" [ngSwitch]="showIntro">
-      <div *ngSwitchCase="true" class="dbx-intro-action-section-intro">
-        <p>{{ hint }}</p>
-        <div>
-          <ng-content select="[info]"></ng-content>
-        </div>
-        <div>
-          <button mat-raised-button color="accent" (click)="actionClicked()">{{ action }}</button>
-        </div>
-      </div>
-      <ng-container *ngSwitchCase="false">
-        <ng-content></ng-content>
-      </ng-container>
+    <div class="dbx-intro-action-section">
+      @switch (showIntro()) {
+        @case (true) {
+          <div class="dbx-intro-action-section-intro">
+            <p>{{ hint() }}</p>
+            <div>
+              <ng-content select="[info]"></ng-content>
+            </div>
+            <div>
+              <button mat-raised-button color="accent" (click)="actionClicked()">{{ action() }}</button>
+            </div>
+          </div>
+        }
+        @case (false) {
+          <ng-content></ng-content>
+        }
+      }
     </div>
-  `
+  `,
+                    standalone: true,
+                    imports: [MatButtonModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], propDecorators: { showAction: [{
-                type: Output
-            }], showIntro: [{
-                type: Input
-            }], action: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5pbnRyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc2VjdGlvbi5pbnRyby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFhLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRixPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7OztBQUUxRDs7R0FFRztBQW9CSCxNQUFNLE9BQU8sOEJBQStCLFNBQVEsbUJBQW1CO0lBRTVELFVBQVUsR0FBRyxJQUFJLFlBQVksRUFBUSxDQUFDO0lBRy9DLFNBQVMsQ0FBVztJQUdwQixNQUFNLENBQVU7SUFFaEIsV0FBVztRQUNULElBQUksQ0FBQyxVQUFVLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQ3pCLENBQUM7d0dBaEJVLDhCQUE4Qjs0RkFBOUIsOEJBQThCLG9MQWpCL0I7Ozs7Ozs7Ozs7Ozs7OztHQWVUOzs0RkFFVSw4QkFBOEI7a0JBbkIxQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7O0dBZVQ7aUJBQ0Y7OEJBR1UsVUFBVTtzQkFEbEIsTUFBTTtnQkFJUCxTQUFTO3NCQURSLEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT25EZXN0cm95LCBDb21wb25lbnQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4U2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5jb21wb25lbnQnO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIGZvcm1hdCBjb250ZW50IHRoYXQgZGlzcGxheXMgYW4gaW50cm8gdW50aWwgYSBidXR0b24gaXMgcHJlc3NlZC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LWludHJvLWFjdGlvbi1zZWN0aW9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LWludHJvLWFjdGlvbi1zZWN0aW9uXCIgW25nU3dpdGNoXT1cInNob3dJbnRyb1wiPlxuICAgICAgPGRpdiAqbmdTd2l0Y2hDYXNlPVwidHJ1ZVwiIGNsYXNzPVwiZGJ4LWludHJvLWFjdGlvbi1zZWN0aW9uLWludHJvXCI+XG4gICAgICAgIDxwPnt7IGhpbnQgfX08L3A+XG4gICAgICAgIDxkaXY+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2luZm9dXCI+PC9uZy1jb250ZW50PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIGNvbG9yPVwiYWNjZW50XCIgKGNsaWNrKT1cImFjdGlvbkNsaWNrZWQoKVwiPnt7IGFjdGlvbiB9fTwvYnV0dG9uPlxuICAgICAgICA8L2Rpdj5cbiAgICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiZmFsc2VcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG4gIGBcbn0pXG5leHBvcnQgY2xhc3MgRGJ4SW50cm9BY3Rpb25TZWN0aW9uQ29tcG9uZW50IGV4dGVuZHMgRGJ4U2VjdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gIEBPdXRwdXQoKVxuICByZWFkb25seSBzaG93QWN0aW9uID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuXG4gIEBJbnB1dCgpXG4gIHNob3dJbnRybz86IGJvb2xlYW47XG5cbiAgQElucHV0KClcbiAgYWN0aW9uPzogc3RyaW5nO1xuXG4gIG5nT25EZXN0cm95KCkge1xuICAgIHRoaXMuc2hvd0FjdGlvbi5jb21wbGV0ZSgpO1xuICB9XG5cbiAgYWN0aW9uQ2xpY2tlZCgpIHtcbiAgICB0aGlzLnNob3dBY3Rpb24ubmV4dCgpO1xuICB9XG59XG4iXX0=
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5pbnRyby5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc2VjdGlvbi5pbnRyby5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLHVCQUF1QixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBRTNEOztHQUVHO0FBMkJILE1BQU0sT0FBTyw4QkFBOEI7SUFDaEMsSUFBSSxHQUFHLEtBQUssRUFBaUIsQ0FBQztJQUM5QixTQUFTLEdBQUcsS0FBSyxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUN4QyxNQUFNLEdBQUcsS0FBSyxFQUFpQixDQUFDO0lBRWhDLFVBQVUsR0FBRyxNQUFNLEVBQVEsQ0FBQztJQUVyQyxhQUFhO1FBQ1gsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUN6QixDQUFDO3dHQVRVLDhCQUE4Qjs0RkFBOUIsOEJBQThCLDJmQXhCL0I7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQlQsMkRBRVMsZUFBZTs7NEZBR2QsOEJBQThCO2tCQTFCMUMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMEJBQTBCO29CQUNwQyxRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FtQlQ7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztvQkFDMUIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgb3V0cHV0LCBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5cbi8qKlxuICogQ29tcG9uZW50IHVzZWQgdG8gZm9ybWF0IGNvbnRlbnQgdGhhdCBkaXNwbGF5cyBhbiBpbnRybyB1bnRpbCBhIGJ1dHRvbiBpcyBwcmVzc2VkLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtaW50cm8tYWN0aW9uLXNlY3Rpb24nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtaW50cm8tYWN0aW9uLXNlY3Rpb25cIj5cbiAgICAgIEBzd2l0Y2ggKHNob3dJbnRybygpKSB7XG4gICAgICAgIEBjYXNlICh0cnVlKSB7XG4gICAgICAgICAgPGRpdiBjbGFzcz1cImRieC1pbnRyby1hY3Rpb24tc2VjdGlvbi1pbnRyb1wiPlxuICAgICAgICAgICAgPHA+e3sgaGludCgpIH19PC9wPlxuICAgICAgICAgICAgPGRpdj5cbiAgICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2luZm9dXCI+PC9uZy1jb250ZW50PlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8ZGl2PlxuICAgICAgICAgICAgICA8YnV0dG9uIG1hdC1yYWlzZWQtYnV0dG9uIGNvbG9yPVwiYWNjZW50XCIgKGNsaWNrKT1cImFjdGlvbkNsaWNrZWQoKVwiPnt7IGFjdGlvbigpIH19PC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgfVxuICAgICAgICBAY2FzZSAoZmFsc2UpIHtcbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICA8L2Rpdj5cbiAgYCxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW01hdEJ1dHRvbk1vZHVsZV0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IGhpbnQgPSBpbnB1dDxNYXliZTxzdHJpbmc+PigpO1xuICByZWFkb25seSBzaG93SW50cm8gPSBpbnB1dDxNYXliZTxib29sZWFuPj4odHJ1ZSk7XG4gIHJlYWRvbmx5IGFjdGlvbiA9IGlucHV0PE1heWJlPHN0cmluZz4+KCk7XG5cbiAgcmVhZG9ubHkgc2hvd0FjdGlvbiA9IG91dHB1dDx2b2lkPigpO1xuXG4gIGFjdGlvbkNsaWNrZWQoKSB7XG4gICAgdGhpcy5zaG93QWN0aW9uLmVtaXQoKTtcbiAgfVxufVxuIl19

package/esm2022/lib/layout/section/section.layout.module.mjs

@@ -1,30 +1,24 @@
-import { DbxRouterAnchorModule } from '../../router';
-import { MatButtonModule } from '@angular/material/button';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
-import { MatRippleModule } from '@angular/material/core';
-import { MatIconModule } from '@angular/material/icon';
 import { DbxSectionComponent } from './section.component';
 import { DbxSubSectionComponent } from './subsection.component';
 import { DbxSectionPageComponent } from './section.page.component';
 import { DbxIntroActionSectionComponent } from './section.intro.component';
 import { DbxSectionHeaderComponent } from './section.header.component';
 import * as i0 from "@angular/core";
-const declarations = [DbxSectionHeaderComponent, DbxSectionPageComponent, DbxSectionComponent, DbxSubSectionComponent, DbxIntroActionSectionComponent];
+const importsAndExports = [DbxSectionHeaderComponent, DbxSectionPageComponent, DbxSectionComponent, DbxSubSectionComponent, DbxIntroActionSectionComponent];
 /**
- * Module for container-type components.
+ * Module for dbx-section components.
  */
 export class DbxSectionLayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSectionLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxSectionLayoutModule, declarations: [DbxSectionHeaderComponent, DbxSectionPageComponent, DbxSectionComponent, DbxSubSectionComponent, DbxIntroActionSectionComponent], imports: [CommonModule, DbxRouterAnchorModule, MatButtonModule, MatRippleModule, MatIconModule], exports: [DbxSectionHeaderComponent, DbxSectionPageComponent, DbxSectionComponent, DbxSubSectionComponent, DbxIntroActionSectionComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSectionLayoutModule, imports: [CommonModule, DbxRouterAnchorModule, MatButtonModule, MatRippleModule, MatIconModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSectionLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxSectionLayoutModule, imports: [DbxSectionHeaderComponent, DbxSectionPageComponent, DbxSectionComponent, DbxSubSectionComponent, DbxIntroActionSectionComponent], exports: [DbxSectionHeaderComponent, DbxSectionPageComponent, DbxSectionComponent, DbxSubSectionComponent, DbxIntroActionSectionComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSectionLayoutModule, imports: [importsAndExports] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSectionLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSectionLayoutModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, DbxRouterAnchorModule, MatButtonModule, MatRippleModule, MatIconModule],
-                    declarations,
-                    exports: declarations
+                    imports: importsAndExports,
+                    exports: importsAndExports
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24ubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDMUQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDaEUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDbkUsT0FBTyxFQUFFLDhCQUE4QixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDM0UsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBRXZFLE1BQU0sWUFBWSxHQUFHLENBQUMseUJBQXlCLEVBQUUsdUJBQXVCLEVBQUUsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsOEJBQThCLENBQUMsQ0FBQztBQUV2Sjs7R0FFRztBQU1ILE1BQU0sT0FBTyxzQkFBc0I7d0dBQXRCLHNCQUFzQjt5R0FBdEIsc0JBQXNCLGlCQVZiLHlCQUF5QixFQUFFLHVCQUF1QixFQUFFLG1CQUFtQixFQUFFLHNCQUFzQixFQUFFLDhCQUE4QixhQU16SSxZQUFZLEVBQUUscUJBQXFCLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxhQUFhLGFBTjFFLHlCQUF5QixFQUFFLHVCQUF1QixFQUFFLG1CQUFtQixFQUFFLHNCQUFzQixFQUFFLDhCQUE4Qjt5R0FVeEksc0JBQXNCLFlBSnZCLFlBQVksRUFBRSxxQkFBcUIsRUFBRSxlQUFlLEVBQUUsZUFBZSxFQUFFLGFBQWE7OzRGQUluRixzQkFBc0I7a0JBTGxDLFFBQVE7bUJBQUM7b0JBQ1IsT0FBTyxFQUFFLENBQUMsWUFBWSxFQUFFLHFCQUFxQixFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsYUFBYSxDQUFDO29CQUMvRixZQUFZO29CQUNaLE9BQU8sRUFBRSxZQUFZO2lCQUN0QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERieFJvdXRlckFuY2hvck1vZHVsZSB9IGZyb20gJy4uLy4uL3JvdXRlcic7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRSaXBwbGVNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IERieFNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERieFN1YlNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3N1YnNlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERieFNlY3Rpb25QYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5pbnRyby5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5oZWFkZXIuY29tcG9uZW50JztcblxuY29uc3QgZGVjbGFyYXRpb25zID0gW0RieFNlY3Rpb25IZWFkZXJDb21wb25lbnQsIERieFNlY3Rpb25QYWdlQ29tcG9uZW50LCBEYnhTZWN0aW9uQ29tcG9uZW50LCBEYnhTdWJTZWN0aW9uQ29tcG9uZW50LCBEYnhJbnRyb0FjdGlvblNlY3Rpb25Db21wb25lbnRdO1xuXG4vKipcbiAqIE1vZHVsZSBmb3IgY29udGFpbmVyLXR5cGUgY29tcG9uZW50cy5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgRGJ4Um91dGVyQW5jaG9yTW9kdWxlLCBNYXRCdXR0b25Nb2R1bGUsIE1hdFJpcHBsZU1vZHVsZSwgTWF0SWNvbk1vZHVsZV0sXG4gIGRlY2xhcmF0aW9ucyxcbiAgZXhwb3J0czogZGVjbGFyYXRpb25zXG59KVxuZXhwb3J0IGNsYXNzIERieFNlY3Rpb25MYXlvdXRNb2R1bGUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zZWN0aW9uL3NlY3Rpb24ubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ25FLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzNFLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOztBQUV2RSxNQUFNLGlCQUFpQixHQUFHLENBQUMseUJBQXlCLEVBQUUsdUJBQXVCLEVBQUUsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsOEJBQThCLENBQUMsQ0FBQztBQUU1Sjs7R0FFRztBQUtILE1BQU0sT0FBTyxzQkFBc0I7d0dBQXRCLHNCQUFzQjt5R0FBdEIsc0JBQXNCLFlBVFIseUJBQXlCLEVBQUUsdUJBQXVCLEVBQUUsbUJBQW1CLEVBQUUsc0JBQXNCLEVBQUUsOEJBQThCLGFBQS9ILHlCQUF5QixFQUFFLHVCQUF1QixFQUFFLG1CQUFtQixFQUFFLHNCQUFzQixFQUFFLDhCQUE4Qjt5R0FTN0ksc0JBQXNCLFlBSHhCLGlCQUFpQjs7NEZBR2Ysc0JBQXNCO2tCQUpsQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxpQkFBaUI7b0JBQzFCLE9BQU8sRUFBRSxpQkFBaUI7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERieFN1YlNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3N1YnNlY3Rpb24uY29tcG9uZW50JztcbmltcG9ydCB7IERieFNlY3Rpb25QYWdlQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50JztcbmltcG9ydCB7IERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5pbnRyby5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudCB9IGZyb20gJy4vc2VjdGlvbi5oZWFkZXIuY29tcG9uZW50JztcblxuY29uc3QgaW1wb3J0c0FuZEV4cG9ydHMgPSBbRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudCwgRGJ4U2VjdGlvblBhZ2VDb21wb25lbnQsIERieFNlY3Rpb25Db21wb25lbnQsIERieFN1YlNlY3Rpb25Db21wb25lbnQsIERieEludHJvQWN0aW9uU2VjdGlvbkNvbXBvbmVudF07XG5cbi8qKlxuICogTW9kdWxlIGZvciBkYngtc2VjdGlvbiBjb21wb25lbnRzLlxuICovXG5ATmdNb2R1bGUoe1xuICBpbXBvcnRzOiBpbXBvcnRzQW5kRXhwb3J0cyxcbiAgZXhwb3J0czogaW1wb3J0c0FuZEV4cG9ydHNcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U2VjdGlvbkxheW91dE1vZHVsZSB7fVxuIl19

package/esm2022/lib/layout/section/section.mjs

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc2VjdGlvbi9zZWN0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbmV4cG9ydCB0eXBlIERieFNlY3Rpb25IZWFkZXJIVHlwZSA9IDEgfCAyIHwgMyB8IDQgfCA1O1xuXG5leHBvcnQgaW50ZXJmYWNlIERieFNlY3Rpb25IZWFkZXJDb25maWcge1xuICBoPzogTWF5YmU8RGJ4U2VjdGlvbkhlYWRlckhUeXBlPjtcbiAgaGVhZGVyPzogTWF5YmU8c3RyaW5nPjtcbiAgb25seUhlYWRlcj86IE1heWJlPGJvb2xlYW4+O1xuICBpY29uPzogTWF5YmU8c3RyaW5nPjtcbiAgaGludD86IE1heWJlPHN0cmluZz47XG4gIGhpbnRJbmxpbmU/OiBNYXliZTxib29sZWFuPjtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc2VjdGlvbi9zZWN0aW9uLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbmV4cG9ydCB0eXBlIERieFNlY3Rpb25IZWFkZXJIVHlwZSA9IDEgfCAyIHwgMyB8IDQgfCA1O1xuXG5leHBvcnQgaW50ZXJmYWNlIERieFNlY3Rpb25IZWFkZXJDb25maWcge1xuICAvKipcbiAgICogSGVhZGVyIHNpemluZ1xuICAgKi9cbiAgcmVhZG9ubHkgaD86IE1heWJlPERieFNlY3Rpb25IZWFkZXJIVHlwZT47XG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0byBwYWQgdGhlIGhlYWRlciBzbyBpdCBpcyBpbmxpbmUgd2l0aCBhIGRieC1jb250ZW50LWNvbnRhaW5lclxuICAgKi9cbiAgcmVhZG9ubHkgcGFkZGVkSGVhZGVyPzogTWF5YmU8Ym9vbGVhbj47XG4gIC8qKlxuICAgKiBUaGUgaGVhZGVyIHRleHRcbiAgICovXG4gIHJlYWRvbmx5IGhlYWRlcj86IE1heWJlPHN0cmluZz47XG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0aGUgaGVhZGVyIHNob3VsZCBiZSB0aGUgb25seSBjb250ZW50IGluIHRoZSBzZWN0aW9uLlxuICAgKi9cbiAgcmVhZG9ubHkgb25seUhlYWRlcj86IE1heWJlPGJvb2xlYW4+O1xuICAvKipcbiAgICogVGhlIGljb24gdG8gc2hvdy5cbiAgICovXG4gIHJlYWRvbmx5IGljb24/OiBNYXliZTxzdHJpbmc+O1xuICAvKipcbiAgICogVGhlIGhpbnQgdGV4dCB0byBzaG93LlxuICAgKi9cbiAgcmVhZG9ubHkgaGludD86IE1heWJlPHN0cmluZz47XG4gIC8qKlxuICAgKiBXaGV0aGVyIG9yIG5vdCB0aGUgaGludCBzaG91bGQgYmUgc2hvd24gaW5saW5lIHdpdGggdGhlIGhlYWRlci5cbiAgICovXG4gIHJlYWRvbmx5IGhpbnRJbmxpbmU/OiBNYXliZTxib29sZWFuPjtcbn1cbiJdfQ==

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

@@ -1,7 +1,6 @@
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';
 import { DbxSectionHeaderComponent } from './section.header.component';
 import * as i0 from "@angular/core";
-import * as i1 from "./section.header.component";
 /**
  * Component used to style a page that is made up of app sections.
  *
@@ -10,24 +9,30 @@ import * as i1 from "./section.header.component";
  * Can be nested within eachother, retaining the proper fixed height.
  */
 export class DbxSectionPageComponent extends DbxSectionHeaderComponent {
-    scroll = 'all';
-    hintInline = true;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSectionPageComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxSectionPageComponent, selector: "dbx-section-page", inputs: { scroll: "scroll", hintInline: "hintInline" }, host: { properties: { "class": "\"dbx-section-page-scroll-\" + scroll" }, classAttribute: "d-block dbx-content-page dbx-section-page" }, usesInheritance: true, ngImport: i0, template: `
-    <div class="dbx-section-header" [h]="h ?? 2" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="true">
+    scroll = input('all');
+    classConfig = computed(() => {
+        return `dbx-section-page-scroll-${this.scroll()}`;
+    });
+    constructor() {
+        super();
+        this.hintInlineDefault.set(true);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSectionPageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.2.13", type: DbxSectionPageComponent, isStandalone: true, selector: "dbx-section-page", inputs: { scroll: { classPropertyName: "scroll", publicName: "scroll", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classConfig()" }, classAttribute: "d-block dbx-content-page dbx-section-page" }, usesInheritance: true, ngImport: i0, template: `
+    <div class="dbx-section-header" [h]="headerConfigSignal().h ?? 2" [header]="headerConfigSignal().header" [onlyHeader]="headerConfigSignal().onlyHeader" [icon]="headerConfigSignal().icon" [hint]="headerConfigSignal().hint" [hintInline]="headerConfigSignal().hintInline">
       <ng-content select="[sectionHeader]"></ng-content>
     </div>
     <div class="dbx-section-page-content">
       <ng-content></ng-content>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1.DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["paddedHeader", "h", "header", "onlyHeader", "icon", "hint", "hintInline", "headerConfig"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxSectionHeaderComponent, selector: "dbx-section-header,.dbx-section-header", inputs: ["headerConfig", "h", "paddedHeader", "header", "onlyHeader", "icon", "hint", "hintInline"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSectionPageComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-section-page',
                     template: `
-    <div class="dbx-section-header" [h]="h ?? 2" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="true">
+    <div class="dbx-section-header" [h]="headerConfigSignal().h ?? 2" [header]="headerConfigSignal().header" [onlyHeader]="headerConfigSignal().onlyHeader" [icon]="headerConfigSignal().icon" [hint]="headerConfigSignal().hint" [hintInline]="headerConfigSignal().hintInline">
       <ng-content select="[sectionHeader]"></ng-content>
     </div>
     <div class="dbx-section-page-content">
@@ -36,12 +41,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
   `,
                     host: {
                         class: 'd-block dbx-content-page dbx-section-page',
-                        '[class]': '"dbx-section-page-scroll-" + scroll'
-                    }
+                        '[class]': 'classConfig()'
+                    },
+                    standalone: true,
+                    imports: [DbxSectionHeaderComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
-        }], propDecorators: { scroll: [{
-                type: Input
-            }], hintInline: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc2VjdGlvbi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ2pELE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLDRCQUE0QixDQUFDOzs7QUFZdkU7Ozs7OztHQU1HO0FBZ0JILE1BQU0sT0FBTyx1QkFBd0IsU0FBUSx5QkFBeUI7SUFFcEUsTUFBTSxHQUFtQyxLQUFLLENBQUM7SUFHdEMsVUFBVSxHQUFHLElBQUksQ0FBQzt3R0FMaEIsdUJBQXVCOzRGQUF2Qix1QkFBdUIsZ1JBYnhCOzs7Ozs7O0dBT1Q7OzRGQU1VLHVCQUF1QjtrQkFmbkMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsa0JBQWtCO29CQUM1QixRQUFRLEVBQUU7Ozs7Ozs7R0FPVDtvQkFDRCxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLDJDQUEyQzt3QkFDbEQsU0FBUyxFQUFFLHFDQUFxQztxQkFDakQ7aUJBQ0Y7OEJBR0MsTUFBTTtzQkFETCxLQUFLO2dCQUlHLFVBQVU7c0JBRGxCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLmhlYWRlci5jb21wb25lbnQnO1xuXG4vKipcbiAqIFNjcm9sbCBsb2NraW5nIG1vZGVzLlxuICpcbiAqIFR5cGVzOlxuICogLSBhbGw6IFRoZSBlbnRpcmUgaGVhZGVyICsgYm9keSBpcyBzY3JvbGxhYmxlXG4gKiAtIGJvZHk6IFRoZSBoZWFkZXIgaXMgbG9ja2VkIHdoaWxlIHRoZSBib2R5IGlzIHNjcm9sbGFibGVcbiAqIC0gbG9ja2VkOiBPdmVyZmxvdyBpcyBsb2NrZWQgYW5kIGhpZGRlblxuICovXG5leHBvcnQgdHlwZSBEYnhTZWN0aW9uUGFnZVNjcm9sbExvY2tlZE1vZGUgPSAnYWxsJyB8ICdib2R5JyB8ICdsb2NrZWQnO1xuXG4vKipcbiAqIENvbXBvbmVudCB1c2VkIHRvIHN0eWxlIGEgcGFnZSB0aGF0IGlzIG1hZGUgdXAgb2YgYXBwIHNlY3Rpb25zLlxuICpcbiAqIFNob3VsZCBiZSB1c2VkIG9uIHBhZ2VzIHRoYXQgbmVlZCBhIHNlY3Rpb24gcGFnZSBoZWFkaW5nLlxuICpcbiAqIENhbiBiZSBuZXN0ZWQgd2l0aGluIGVhY2hvdGhlciwgcmV0YWluaW5nIHRoZSBwcm9wZXIgZml4ZWQgaGVpZ2h0LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc2VjdGlvbi1wYWdlJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LXNlY3Rpb24taGVhZGVyXCIgW2hdPVwiaCA/PyAyXCIgW2hlYWRlcl09XCJoZWFkZXJcIiBbb25seUhlYWRlcl09XCJvbmx5SGVhZGVyXCIgW2ljb25dPVwiaWNvblwiIFtoaW50XT1cImhpbnRcIiBbaGludElubGluZV09XCJ0cnVlXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2VjdGlvbkhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLXBhZ2UtY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICBgLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdkLWJsb2NrIGRieC1jb250ZW50LXBhZ2UgZGJ4LXNlY3Rpb24tcGFnZScsXG4gICAgJ1tjbGFzc10nOiAnXCJkYngtc2VjdGlvbi1wYWdlLXNjcm9sbC1cIiArIHNjcm9sbCdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhTZWN0aW9uUGFnZUNvbXBvbmVudCBleHRlbmRzIERieFNlY3Rpb25IZWFkZXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBzY3JvbGw6IERieFNlY3Rpb25QYWdlU2Nyb2xsTG9ja2VkTW9kZSA9ICdhbGwnO1xuXG4gIEBJbnB1dCgpXG4gIG92ZXJyaWRlIGhpbnRJbmxpbmUgPSB0cnVlO1xufVxuIl19
+        }], ctorParameters: () => [] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VjdGlvbi5wYWdlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc2VjdGlvbi9zZWN0aW9uLnBhZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNwRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFZdkU7Ozs7OztHQU1HO0FBbUJILE1BQU0sT0FBTyx1QkFBd0IsU0FBUSx5QkFBeUI7SUFDM0QsTUFBTSxHQUFHLEtBQUssQ0FBaUMsS0FBSyxDQUFDLENBQUM7SUFFdEQsV0FBVyxHQUFHLFFBQVEsQ0FBQyxHQUFHLEVBQUU7UUFDbkMsT0FBTywyQkFBMkIsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUM7SUFDcEQsQ0FBQyxDQUFDLENBQUM7SUFFSDtRQUNFLEtBQUssRUFBRSxDQUFDO1FBQ1IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLEdBQUcsQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUNuQyxDQUFDO3dHQVZVLHVCQUF1Qjs0RkFBdkIsdUJBQXVCLDJWQWhCeEI7Ozs7Ozs7R0FPVCw0REFNUyx5QkFBeUI7OzRGQUd4Qix1QkFBdUI7a0JBbEJuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFBRTs7Ozs7OztHQU9UO29CQUNELElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsMkNBQTJDO3dCQUNsRCxTQUFTLEVBQUUsZUFBZTtxQkFDM0I7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO29CQUNwQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBjb21wdXRlZCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFNlY3Rpb25IZWFkZXJDb21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24uaGVhZGVyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogU2Nyb2xsIGxvY2tpbmcgbW9kZXMuXG4gKlxuICogVHlwZXM6XG4gKiAtIGFsbDogVGhlIGVudGlyZSBoZWFkZXIgKyBib2R5IGlzIHNjcm9sbGFibGVcbiAqIC0gYm9keTogVGhlIGhlYWRlciBpcyBsb2NrZWQgd2hpbGUgdGhlIGJvZHkgaXMgc2Nyb2xsYWJsZVxuICogLSBsb2NrZWQ6IE92ZXJmbG93IGlzIGxvY2tlZCBhbmQgaGlkZGVuXG4gKi9cbmV4cG9ydCB0eXBlIERieFNlY3Rpb25QYWdlU2Nyb2xsTG9ja2VkTW9kZSA9ICdhbGwnIHwgJ2JvZHknIHwgJ2xvY2tlZCc7XG5cbi8qKlxuICogQ29tcG9uZW50IHVzZWQgdG8gc3R5bGUgYSBwYWdlIHRoYXQgaXMgbWFkZSB1cCBvZiBhcHAgc2VjdGlvbnMuXG4gKlxuICogU2hvdWxkIGJlIHVzZWQgb24gcGFnZXMgdGhhdCBuZWVkIGEgc2VjdGlvbiBwYWdlIGhlYWRpbmcuXG4gKlxuICogQ2FuIGJlIG5lc3RlZCB3aXRoaW4gZWFjaG90aGVyLCByZXRhaW5pbmcgdGhlIHByb3BlciBmaXhlZCBoZWlnaHQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1zZWN0aW9uLXBhZ2UnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXJcIiBbaF09XCJoZWFkZXJDb25maWdTaWduYWwoKS5oID8/IDJcIiBbaGVhZGVyXT1cImhlYWRlckNvbmZpZ1NpZ25hbCgpLmhlYWRlclwiIFtvbmx5SGVhZGVyXT1cImhlYWRlckNvbmZpZ1NpZ25hbCgpLm9ubHlIZWFkZXJcIiBbaWNvbl09XCJoZWFkZXJDb25maWdTaWduYWwoKS5pY29uXCIgW2hpbnRdPVwiaGVhZGVyQ29uZmlnU2lnbmFsKCkuaGludFwiIFtoaW50SW5saW5lXT1cImhlYWRlckNvbmZpZ1NpZ25hbCgpLmhpbnRJbmxpbmVcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzZWN0aW9uSGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LXNlY3Rpb24tcGFnZS1jb250ZW50XCI+XG4gICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgPC9kaXY+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2QtYmxvY2sgZGJ4LWNvbnRlbnQtcGFnZSBkYngtc2VjdGlvbi1wYWdlJyxcbiAgICAnW2NsYXNzXSc6ICdjbGFzc0NvbmZpZygpJ1xuICB9LFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERieFNlY3Rpb25QYWdlQ29tcG9uZW50IGV4dGVuZHMgRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudCB7XG4gIHJlYWRvbmx5IHNjcm9sbCA9IGlucHV0PERieFNlY3Rpb25QYWdlU2Nyb2xsTG9ja2VkTW9kZT4oJ2FsbCcpO1xuXG4gIHJlYWRvbmx5IGNsYXNzQ29uZmlnID0gY29tcHV0ZWQoKCkgPT4ge1xuICAgIHJldHVybiBgZGJ4LXNlY3Rpb24tcGFnZS1zY3JvbGwtJHt0aGlzLnNjcm9sbCgpfWA7XG4gIH0pO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gICAgdGhpcy5oaW50SW5saW5lRGVmYXVsdC5zZXQodHJ1ZSk7XG4gIH1cbn1cbiJdfQ==