@dereekb/dbx-web 11.1.7 → 12.0.0

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

@@ -1,37 +1,40 @@
-import { Component } from '@angular/core';
+import { ChangeDetectionStrategy, Component } from '@angular/core';
 import { DbxSectionComponent } from './section.component';
+import { DbxSectionHeaderComponent } from './section.header.component';
 import * as i0 from "@angular/core";
-import * as i1 from "./section.header.component";
 /**
  * A subsection.
  */
 export class DbxSubSectionComponent extends DbxSectionComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxSubSectionComponent, selector: "dbx-subsection", usesInheritance: true, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSubSectionComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxSubSectionComponent, isStandalone: true, selector: "dbx-subsection", usesInheritance: true, ngImport: i0, template: `
     <div class="dbx-subsection">
-      <div class="dbx-section-header" [h]="h ?? 4" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="hintInline">
+      <div class="dbx-section-header" [h]="headerConfigSignal().h ?? 4" [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-content">
         <ng-content></ng-content>
       </div>
     </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: DbxSubSectionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSubSectionComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-subsection',
                     template: `
     <div class="dbx-subsection">
-      <div class="dbx-section-header" [h]="h ?? 4" [header]="header" [onlyHeader]="onlyHeader" [icon]="icon" [hint]="hint" [hintInline]="hintInline">
+      <div class="dbx-section-header" [h]="headerConfigSignal().h ?? 4" [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-content">
         <ng-content></ng-content>
       </div>
     </div>
-  `
+  `,
+                    standalone: true,
+                    imports: [DbxSectionHeaderComponent],
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc3Vic2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7O0FBRTFEOztHQUVHO0FBY0gsTUFBTSxPQUFPLHNCQUF1QixTQUFRLG1CQUFtQjt3R0FBbEQsc0JBQXNCOzRGQUF0QixzQkFBc0IsNkVBWHZCOzs7Ozs7Ozs7R0FTVDs7NEZBRVUsc0JBQXNCO2tCQWJsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7O0dBU1Q7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL3NlY3Rpb24uY29tcG9uZW50JztcblxuLyoqXG4gKiBBIHN1YnNlY3Rpb24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1zdWJzZWN0aW9uJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGl2IGNsYXNzPVwiZGJ4LXN1YnNlY3Rpb25cIj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvbi1oZWFkZXJcIiBbaF09XCJoID8/IDRcIiBbaGVhZGVyXT1cImhlYWRlclwiIFtvbmx5SGVhZGVyXT1cIm9ubHlIZWFkZXJcIiBbaWNvbl09XCJpY29uXCIgW2hpbnRdPVwiaGludFwiIFtoaW50SW5saW5lXT1cImhpbnRJbmxpbmVcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NlY3Rpb25IZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwiZGJ4LXNlY3Rpb24tY29udGVudFwiPlxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICA8L2Rpdj5cbiAgYFxufSlcbmV4cG9ydCBjbGFzcyBEYnhTdWJTZWN0aW9uQ29tcG9uZW50IGV4dGVuZHMgRGJ4U2VjdGlvbkNvbXBvbmVudCB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3Vic2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3NlY3Rpb24vc3Vic2VjdGlvbi5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNuRSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUMxRCxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQzs7QUFFdkU7O0dBRUc7QUFpQkgsTUFBTSxPQUFPLHNCQUF1QixTQUFRLG1CQUFtQjt3R0FBbEQsc0JBQXNCOzRGQUF0QixzQkFBc0IsaUdBZHZCOzs7Ozs7Ozs7R0FTVCw0REFFUyx5QkFBeUI7OzRGQUd4QixzQkFBc0I7a0JBaEJsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7O0dBU1Q7b0JBQ0QsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRSxDQUFDLHlCQUF5QixDQUFDO29CQUNwQyxlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtpQkFDaEQiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYnhTZWN0aW9uSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zZWN0aW9uLmhlYWRlci5jb21wb25lbnQnO1xuXG4vKipcbiAqIEEgc3Vic2VjdGlvbi5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXN1YnNlY3Rpb24nLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgY2xhc3M9XCJkYngtc3Vic2VjdGlvblwiPlxuICAgICAgPGRpdiBjbGFzcz1cImRieC1zZWN0aW9uLWhlYWRlclwiIFtoXT1cImhlYWRlckNvbmZpZ1NpZ25hbCgpLmggPz8gNFwiIFtoZWFkZXJdPVwiaGVhZGVyQ29uZmlnU2lnbmFsKCkuaGVhZGVyXCIgW29ubHlIZWFkZXJdPVwiaGVhZGVyQ29uZmlnU2lnbmFsKCkub25seUhlYWRlclwiIFtpY29uXT1cImhlYWRlckNvbmZpZ1NpZ25hbCgpLmljb25cIiBbaGludF09XCJoZWFkZXJDb25maWdTaWduYWwoKS5oaW50XCIgW2hpbnRJbmxpbmVdPVwiaGVhZGVyQ29uZmlnU2lnbmFsKCkuaGludElubGluZVwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc2VjdGlvbkhlYWRlcl1cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJkYngtc2VjdGlvbi1jb250ZW50XCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbRGJ4U2VjdGlvbkhlYWRlckNvbXBvbmVudF0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERieFN1YlNlY3Rpb25Db21wb25lbnQgZXh0ZW5kcyBEYnhTZWN0aW9uQ29tcG9uZW50IHt9XG4iXX0=

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

@@ -1,25 +1,60 @@
-import { Component, Input } from '@angular/core';
+import { Component, input, ChangeDetectionStrategy } from '@angular/core';
+import { MatIconModule } from '@angular/material/icon';
 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";
+// TODO: Incomplete component. Requires styling.
 export class DbxStepComponent {
-    done;
-    step;
-    text;
-    hint;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxStepComponent, 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", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+    done = input();
+    step = input();
+    text = input();
+    hint = input();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStepComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxStepComponent, isStandalone: true, selector: "dbx-step", inputs: { done: { classPropertyName: "done", publicName: "done", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.done": "done()" }, classAttribute: "dbx-step" }, ngImport: i0, template: `
+    <div class="step-section">
+      <div class="step-section-header">
+        <span class="step">{{ step() }}.</span>
+        @if (done()) {
+          <mat-icon class="done-check">done</mat-icon>
+        }
+        <span class="text">{{ text() }}</span>
+        @if (hint()) {
+          <p class="hint">{{ hint() }}</p>
+        }
+      </div>
+      <div class="step-section-content">
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStepComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStepComponent, 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvc3RlcC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvc3RlcC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7OztBQU9qRCxNQUFNLE9BQU8sZ0JBQWdCO0lBRTNCLElBQUksQ0FBVztJQUdmLElBQUksQ0FBVTtJQUdkLElBQUksQ0FBVTtJQUdkLElBQUksQ0FBVTt3R0FYSCxnQkFBZ0I7NEZBQWhCLGdCQUFnQixvSENQN0IsNFpBV0E7OzRGREphLGdCQUFnQjtrQkFMNUIsU0FBUzsrQkFDRSxVQUFVOzhCQU1wQixJQUFJO3NCQURILEtBQUs7Z0JBSU4sSUFBSTtzQkFESCxLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSztnQkFJTixJQUFJO3NCQURILEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1zdGVwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3N0ZXAuY29tcG9uZW50Lmh0bWwnXG4gIC8vIFRPRE86IHN0eWxlVXJsczogWycuL3N0ZXAuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERieFN0ZXBDb21wb25lbnQge1xuICBASW5wdXQoKVxuICBkb25lPzogYm9vbGVhbjtcblxuICBASW5wdXQoKVxuICBzdGVwPzogbnVtYmVyO1xuXG4gIEBJbnB1dCgpXG4gIHRleHQ/OiBzdHJpbmc7XG5cbiAgQElucHV0KClcbiAgaGludD86IHN0cmluZztcbn1cbiIsIjxkaXYgY2xhc3M9XCJzdGVwLXNlY3Rpb25cIiBbbmdDbGFzc109XCJkb25lID8gJ2RvbmUnIDogJydcIj5cbiAgPGRpdiBjbGFzcz1cInN0ZXAtc2VjdGlvbi1oZWFkZXJcIj5cbiAgICA8c3BhbiBjbGFzcz1cInN0ZXBcIj57eyBzdGVwIH19Ljwvc3Bhbj5cbiAgICA8bWF0LWljb24gY2xhc3M9XCJkb25lLWNoZWNrXCIgKm5nSWY9XCJkb25lXCI+ZG9uZTwvbWF0LWljb24+XG4gICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+e3sgdGV4dCB9fTwvc3Bhbj5cbiAgICA8cCAqbmdJZj1cImhpbnRcIiBjbGFzcz1cImhpbnRcIj57eyBoaW50IH19PC9wPlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cInN0ZXAtc2VjdGlvbi1jb250ZW50XCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
+            args: [{
+                    selector: 'dbx-step',
+                    template: `
+    <div class="step-section">
+      <div class="step-section-header">
+        <span class="step">{{ step() }}.</span>
+        @if (done()) {
+          <mat-icon class="done-check">done</mat-icon>
+        }
+        <span class="text">{{ text() }}</span>
+        @if (hint()) {
+          <p class="hint">{{ hint() }}</p>
+        }
+      </div>
+      <div class="step-section-content">
+        <ng-content></ng-content>
+      </div>
+    </div>
+  `,
+                    host: {
+                        class: 'dbx-step',
+                        '[class.done]': 'done()'
+                    },
+                    imports: [MatIconModule],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true
+                }]
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0ZXAvc3RlcC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFDOzs7QUFHdkQsZ0RBQWdEO0FBNkJoRCxNQUFNLE9BQU8sZ0JBQWdCO0lBQ2xCLElBQUksR0FBRyxLQUFLLEVBQVcsQ0FBQztJQUN4QixJQUFJLEdBQUcsS0FBSyxFQUFVLENBQUM7SUFDdkIsSUFBSSxHQUFHLEtBQUssRUFBaUIsQ0FBQztJQUM5QixJQUFJLEdBQUcsS0FBSyxFQUFpQixDQUFDO3dHQUo1QixnQkFBZ0I7NEZBQWhCLGdCQUFnQixrbkJBekJqQjs7Ozs7Ozs7Ozs7Ozs7OztHQWdCVCwyREFLUyxhQUFhOzs0RkFJWixnQkFBZ0I7a0JBM0I1QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxVQUFVO29CQUNwQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQlQ7b0JBQ0QsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSxVQUFVO3dCQUNqQixjQUFjLEVBQUUsUUFBUTtxQkFDekI7b0JBQ0QsT0FBTyxFQUFFLENBQUMsYUFBYSxDQUFDO29CQUN4QixlQUFlLEVBQUUsdUJBQXVCLENBQUMsTUFBTTtvQkFDL0MsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8vIFRPRE86IEluY29tcGxldGUgY29tcG9uZW50LiBSZXF1aXJlcyBzdHlsaW5nLlxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtc3RlcCcsXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBjbGFzcz1cInN0ZXAtc2VjdGlvblwiPlxuICAgICAgPGRpdiBjbGFzcz1cInN0ZXAtc2VjdGlvbi1oZWFkZXJcIj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJzdGVwXCI+e3sgc3RlcCgpIH19Ljwvc3Bhbj5cbiAgICAgICAgQGlmIChkb25lKCkpIHtcbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJkb25lLWNoZWNrXCI+ZG9uZTwvbWF0LWljb24+XG4gICAgICAgIH1cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJ0ZXh0XCI+e3sgdGV4dCgpIH19PC9zcGFuPlxuICAgICAgICBAaWYgKGhpbnQoKSkge1xuICAgICAgICAgIDxwIGNsYXNzPVwiaGludFwiPnt7IGhpbnQoKSB9fTwvcD5cbiAgICAgICAgfVxuICAgICAgPC9kaXY+XG4gICAgICA8ZGl2IGNsYXNzPVwic3RlcC1zZWN0aW9uLWNvbnRlbnRcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gIGAsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2RieC1zdGVwJyxcbiAgICAnW2NsYXNzLmRvbmVdJzogJ2RvbmUoKSdcbiAgfSxcbiAgaW1wb3J0czogW01hdEljb25Nb2R1bGVdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgc3RhbmRhbG9uZTogdHJ1ZVxufSlcbmV4cG9ydCBjbGFzcyBEYnhTdGVwQ29tcG9uZW50IHtcbiAgcmVhZG9ubHkgZG9uZSA9IGlucHV0PGJvb2xlYW4+KCk7XG4gIHJlYWRvbmx5IHN0ZXAgPSBpbnB1dDxudW1iZXI+KCk7XG4gIHJlYWRvbmx5IHRleHQgPSBpbnB1dDxNYXliZTxzdHJpbmc+PigpO1xuICByZWFkb25seSBoaW50ID0gaW5wdXQ8TWF5YmU8c3RyaW5nPj4oKTtcbn1cbiJdfQ==

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

@@ -1,19 +1,20 @@
-import { MatIconModule } from '@angular/material/icon';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { DbxStepComponent } from './step.component';
 import * as i0 from "@angular/core";
+const importsAndExports = [DbxStepComponent];
+/**
+ * @deprecated import DbxStepComponent directly instead.
+ */
 export class DbxStepLayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStepLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxStepLayoutModule, declarations: [DbxStepComponent], imports: [CommonModule, MatIconModule], exports: [DbxStepComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStepLayoutModule, imports: [CommonModule, MatIconModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStepLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxStepLayoutModule, imports: [DbxStepComponent], exports: [DbxStepComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStepLayoutModule, imports: [importsAndExports] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStepLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStepLayoutModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule, MatIconModule],
-                    declarations: [DbxStepComponent],
-                    exports: [DbxStepComponent]
+                    imports: importsAndExports,
+                    exports: importsAndExports
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdGVwL3N0ZXAubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sa0JBQWtCLENBQUM7O0FBT3BELE1BQU0sT0FBTyxtQkFBbUI7d0dBQW5CLG1CQUFtQjt5R0FBbkIsbUJBQW1CLGlCQUhmLGdCQUFnQixhQURyQixZQUFZLEVBQUUsYUFBYSxhQUUzQixnQkFBZ0I7eUdBRWYsbUJBQW1CLFlBSnBCLFlBQVksRUFBRSxhQUFhOzs0RkFJMUIsbUJBQW1CO2tCQUwvQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksRUFBRSxhQUFhLENBQUM7b0JBQ3RDLFlBQVksRUFBRSxDQUFDLGdCQUFnQixDQUFDO29CQUNoQyxPQUFPLEVBQUUsQ0FBQyxnQkFBZ0IsQ0FBQztpQkFDNUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFN0ZXBDb21wb25lbnQgfSBmcm9tICcuL3N0ZXAuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0SWNvbk1vZHVsZV0sXG4gIGRlY2xhcmF0aW9uczogW0RieFN0ZXBDb21wb25lbnRdLFxuICBleHBvcnRzOiBbRGJ4U3RlcENvbXBvbmVudF1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4U3RlcExheW91dE1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RlcC5sYXlvdXQubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdGVwL3N0ZXAubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGtCQUFrQixDQUFDOztBQUVwRCxNQUFNLGlCQUFpQixHQUFHLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztBQUU3Qzs7R0FFRztBQUtILE1BQU0sT0FBTyxtQkFBbUI7d0dBQW5CLG1CQUFtQjt5R0FBbkIsbUJBQW1CLFlBVEwsZ0JBQWdCLGFBQWhCLGdCQUFnQjt5R0FTOUIsbUJBQW1CLFlBSHJCLGlCQUFpQjs7NEZBR2YsbUJBQW1CO2tCQUovQixRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxpQkFBaUI7b0JBQzFCLE9BQU8sRUFBRSxpQkFBaUI7aUJBQzNCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFN0ZXBDb21wb25lbnQgfSBmcm9tICcuL3N0ZXAuY29tcG9uZW50JztcblxuY29uc3QgaW1wb3J0c0FuZEV4cG9ydHMgPSBbRGJ4U3RlcENvbXBvbmVudF07XG5cbi8qKlxuICogQGRlcHJlY2F0ZWQgaW1wb3J0IERieFN0ZXBDb21wb25lbnQgZGlyZWN0bHkgaW5zdGVhZC5cbiAqL1xuQE5nTW9kdWxlKHtcbiAgaW1wb3J0czogaW1wb3J0c0FuZEV4cG9ydHMsXG4gIGV4cG9ydHM6IGltcG9ydHNBbmRFeHBvcnRzXG59KVxuZXhwb3J0IGNsYXNzIERieFN0ZXBMYXlvdXRNb2R1bGUge31cbiJdfQ==

package/esm2022/lib/layout/style/index.mjs

@@ -3,7 +3,8 @@ export * from './style.layout.module';
 export * from './spacer.directive';
 export * from './style.directive';
 export * from './style.service';
+export * from './style.providers';
 export * from './style.set.directive';
 export * from './style.body.directive';
 export * from './style.color.directive';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsU0FBUyxDQUFDO0FBQ3hCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyx1QkFBdUIsQ0FBQztBQUN0QyxjQUFjLHdCQUF3QixDQUFDO0FBQ3ZDLGNBQWMseUJBQXlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3N0eWxlJztcbmV4cG9ydCAqIGZyb20gJy4vc3R5bGUubGF5b3V0Lm1vZHVsZSc7XG5leHBvcnQgKiBmcm9tICcuL3NwYWNlci5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zdHlsZS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zdHlsZS5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vc3R5bGUuc2V0LmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3N0eWxlLmJvZHkuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3R5bGUuY29sb3IuZGlyZWN0aXZlJztcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0eWxlL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsU0FBUyxDQUFDO0FBQ3hCLGNBQWMsdUJBQXVCLENBQUM7QUFDdEMsY0FBYyxvQkFBb0IsQ0FBQztBQUNuQyxjQUFjLG1CQUFtQixDQUFDO0FBQ2xDLGNBQWMsaUJBQWlCLENBQUM7QUFDaEMsY0FBYyxtQkFBbUIsQ0FBQztBQUNsQyxjQUFjLHVCQUF1QixDQUFDO0FBQ3RDLGNBQWMsd0JBQXdCLENBQUM7QUFDdkMsY0FBYyx5QkFBeUIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCAqIGZyb20gJy4vc3R5bGUnO1xuZXhwb3J0ICogZnJvbSAnLi9zdHlsZS5sYXlvdXQubW9kdWxlJztcbmV4cG9ydCAqIGZyb20gJy4vc3BhY2VyLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3N0eWxlLmRpcmVjdGl2ZSc7XG5leHBvcnQgKiBmcm9tICcuL3N0eWxlLnNlcnZpY2UnO1xuZXhwb3J0ICogZnJvbSAnLi9zdHlsZS5wcm92aWRlcnMnO1xuZXhwb3J0ICogZnJvbSAnLi9zdHlsZS5zZXQuZGlyZWN0aXZlJztcbmV4cG9ydCAqIGZyb20gJy4vc3R5bGUuYm9keS5kaXJlY3RpdmUnO1xuZXhwb3J0ICogZnJvbSAnLi9zdHlsZS5jb2xvci5kaXJlY3RpdmUnO1xuIl19

package/esm2022/lib/layout/style/spacer.directive.mjs

@@ -1,16 +1,17 @@
 import { Directive } from '@angular/core';
 import * as i0 from "@angular/core";
 export class DbxSpacerDirective {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxSpacerDirective, selector: "dbx-spacer, [dbxSpacer]", host: { classAttribute: "dbx-spacer" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSpacerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxSpacerDirective, isStandalone: true, selector: "dbx-spacer, [dbxSpacer]", host: { classAttribute: "dbx-spacer" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSpacerDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSpacerDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-spacer, [dbxSpacer]',
                     host: {
                         class: 'dbx-spacer'
-                    }
+                    },
+                    standalone: true
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc3R5bGUvc3BhY2VyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVExQyxNQUFNLE9BQU8sa0JBQWtCO3dHQUFsQixrQkFBa0I7NEZBQWxCLGtCQUFrQjs7NEZBQWxCLGtCQUFrQjtrQkFOOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLFlBQVk7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ2RieC1zcGFjZXIsIFtkYnhTcGFjZXJdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZGJ4LXNwYWNlcidcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhTcGFjZXJEaXJlY3RpdmUge31cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3BhY2VyLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc3R5bGUvc3BhY2VyLmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOztBQVMxQyxNQUFNLE9BQU8sa0JBQWtCO3dHQUFsQixrQkFBa0I7NEZBQWxCLGtCQUFrQjs7NEZBQWxCLGtCQUFrQjtrQkFQOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUseUJBQXlCO29CQUNuQyxJQUFJLEVBQUU7d0JBQ0osS0FBSyxFQUFFLFlBQVk7cUJBQ3BCO29CQUNELFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdkYngtc3BhY2VyLCBbZGJ4U3BhY2VyXScsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ2RieC1zcGFjZXInXG4gIH0sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U3BhY2VyRGlyZWN0aXZlIHt9XG4iXX0=

package/esm2022/lib/layout/style/style.body.directive.mjs

@@ -1,34 +1,39 @@
-import { Directive, ChangeDetectorRef, Renderer2, inject } from '@angular/core';
+import { Directive, Renderer2, inject, signal } from '@angular/core';
 import { DbxStyleService } from './style.service';
-import { AbstractSubscriptionDirective, safeDetectChanges } from '@dereekb/dbx-core';
+import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { delay } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
- * Used to style the body document using the style provided by DbxStyleService.
+ * Used to style the <body> element of the document document using the style provided by DbxStyleService.
  */
 export class DbxStyleBodyDirective extends AbstractSubscriptionDirective {
+    _styleService = inject(DbxStyleService);
     _renderer = inject(Renderer2);
-    styleService = inject(DbxStyleService);
-    cdRef = inject(ChangeDetectorRef);
-    _currentStyle = '';
+    _styleClassNameSignal = signal(undefined);
+    styleClassNameSignal = this._styleClassNameSignal.asReadonly();
     ngOnInit() {
-        this.sub = this.styleService.style$.pipe(delay(0)).subscribe((style) => {
-            this._currentStyle && this._renderer.removeClass(document.body, this._currentStyle);
-            style && this._renderer.addClass(document.body, style);
-            this._currentStyle = style;
-            safeDetectChanges(this.cdRef);
+        this.sub = this._styleService.styleClassName$.pipe(delay(0)).subscribe((newClassStyleToApply) => {
+            const currentStyle = this._styleClassNameSignal();
+            if (currentStyle) {
+                this._renderer.removeClass(document.body, currentStyle);
+            }
+            if (newClassStyleToApply) {
+                this._renderer.addClass(document.body, newClassStyleToApply);
+            }
+            this._styleClassNameSignal.set(newClassStyleToApply);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleBodyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxStyleBodyDirective, selector: "[dbxStyleBody]", host: { properties: { "class": "style" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleBodyDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxStyleBodyDirective, isStandalone: true, selector: "[dbxStyleBody]", host: { properties: { "class": "styleClassNameSignal()" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleBodyDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleBodyDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxStyleBody]',
                     host: {
-                        '[class]': 'style'
-                    }
+                        '[class]': 'styleClassNameSignal()'
+                    },
+                    standalone: true
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuYm9keS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0eWxlL3N0eWxlLmJvZHkuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsaUJBQWlCLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNoRixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDbEQsT0FBTyxFQUFFLDZCQUE2QixFQUFFLGlCQUFpQixFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDckYsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFFN0I7O0dBRUc7QUFPSCxNQUFNLE9BQU8scUJBQXNCLFNBQVEsNkJBQTZCO0lBQ3JELFNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDdEMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUN2QyxLQUFLLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFFbkMsYUFBYSxHQUFHLEVBQUUsQ0FBQztJQUUzQixRQUFRO1FBQ04sSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsS0FBSyxFQUFFLEVBQUU7WUFDckUsSUFBSSxDQUFDLGFBQWEsSUFBSSxJQUFJLENBQUMsU0FBUyxDQUFDLFdBQVcsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztZQUNwRixLQUFLLElBQUksSUFBSSxDQUFDLFNBQVMsQ0FBQyxRQUFRLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxLQUFLLENBQUMsQ0FBQztZQUN2RCxJQUFJLENBQUMsYUFBYSxHQUFHLEtBQUssQ0FBQztZQUMzQixpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDaEMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO3dHQWRVLHFCQUFxQjs0RkFBckIscUJBQXFCOzs0RkFBckIscUJBQXFCO2tCQU5qQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLElBQUksRUFBRTt3QkFDSixTQUFTLEVBQUUsT0FBTztxQkFDbkI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIENoYW5nZURldGVjdG9yUmVmLCBSZW5kZXJlcjIsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4U3R5bGVTZXJ2aWNlIH0gZnJvbSAnLi9zdHlsZS5zZXJ2aWNlJztcbmltcG9ydCB7IEFic3RyYWN0U3Vic2NyaXB0aW9uRGlyZWN0aXZlLCBzYWZlRGV0ZWN0Q2hhbmdlcyB9IGZyb20gJ0BkZXJlZWtiL2RieC1jb3JlJztcbmltcG9ydCB7IGRlbGF5IH0gZnJvbSAncnhqcyc7XG5cbi8qKlxuICogVXNlZCB0byBzdHlsZSB0aGUgYm9keSBkb2N1bWVudCB1c2luZyB0aGUgc3R5bGUgcHJvdmlkZWQgYnkgRGJ4U3R5bGVTZXJ2aWNlLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbZGJ4U3R5bGVCb2R5XScsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdzdHlsZSdcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhTdHlsZUJvZHlEaXJlY3RpdmUgZXh0ZW5kcyBBYnN0cmFjdFN1YnNjcmlwdGlvbkRpcmVjdGl2ZSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX3JlbmRlcmVyID0gaW5qZWN0KFJlbmRlcmVyMik7XG4gIHJlYWRvbmx5IHN0eWxlU2VydmljZSA9IGluamVjdChEYnhTdHlsZVNlcnZpY2UpO1xuICByZWFkb25seSBjZFJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG5cbiAgcHJpdmF0ZSBfY3VycmVudFN0eWxlID0gJyc7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdWIgPSB0aGlzLnN0eWxlU2VydmljZS5zdHlsZSQucGlwZShkZWxheSgwKSkuc3Vic2NyaWJlKChzdHlsZSkgPT4ge1xuICAgICAgdGhpcy5fY3VycmVudFN0eWxlICYmIHRoaXMuX3JlbmRlcmVyLnJlbW92ZUNsYXNzKGRvY3VtZW50LmJvZHksIHRoaXMuX2N1cnJlbnRTdHlsZSk7XG4gICAgICBzdHlsZSAmJiB0aGlzLl9yZW5kZXJlci5hZGRDbGFzcyhkb2N1bWVudC5ib2R5LCBzdHlsZSk7XG4gICAgICB0aGlzLl9jdXJyZW50U3R5bGUgPSBzdHlsZTtcbiAgICAgIHNhZmVEZXRlY3RDaGFuZ2VzKHRoaXMuY2RSZWYpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuYm9keS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0eWxlL3N0eWxlLmJvZHkuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDN0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBSTdCOztHQUVHO0FBUUgsTUFBTSxPQUFPLHFCQUFzQixTQUFRLDZCQUE2QjtJQUNyRCxhQUFhLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3hDLFNBQVMsR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUM7SUFFOUIscUJBQXFCLEdBQUcsTUFBTSxDQUF1QixTQUFTLENBQUMsQ0FBQztJQUN4RSxvQkFBb0IsR0FBRyxJQUFJLENBQUMscUJBQXFCLENBQUMsVUFBVSxFQUFFLENBQUM7SUFFeEUsUUFBUTtRQUNOLElBQUksQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLGFBQWEsQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLG9CQUFvQixFQUFFLEVBQUU7WUFDOUYsTUFBTSxZQUFZLEdBQUcsSUFBSSxDQUFDLHFCQUFxQixFQUFFLENBQUM7WUFFbEQsSUFBSSxZQUFZLEVBQUUsQ0FBQztnQkFDakIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxZQUFZLENBQUMsQ0FBQztZQUMxRCxDQUFDO1lBRUQsSUFBSSxvQkFBb0IsRUFBRSxDQUFDO2dCQUN6QixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsQ0FBQyxRQUFRLENBQUMsSUFBSSxFQUFFLG9CQUFvQixDQUFDLENBQUM7WUFDL0QsQ0FBQztZQUVELElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxHQUFHLENBQUMsb0JBQW9CLENBQUMsQ0FBQztRQUN2RCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7d0dBckJVLHFCQUFxQjs0RkFBckIscUJBQXFCOzs0RkFBckIscUJBQXFCO2tCQVBqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLElBQUksRUFBRTt3QkFDSixTQUFTLEVBQUUsd0JBQXdCO3FCQUNwQztvQkFDRCxVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIFJlbmRlcmVyMiwgaW5qZWN0LCBzaWduYWwsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4U3R5bGVTZXJ2aWNlIH0gZnJvbSAnLi9zdHlsZS5zZXJ2aWNlJztcbmltcG9ydCB7IEFic3RyYWN0U3Vic2NyaXB0aW9uRGlyZWN0aXZlIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgZGVsYXkgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IERieFN0eWxlQ2xhc3MgfSBmcm9tICcuL3N0eWxlJztcbmltcG9ydCB7IE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8qKlxuICogVXNlZCB0byBzdHlsZSB0aGUgPGJvZHk+IGVsZW1lbnQgb2YgdGhlIGRvY3VtZW50IGRvY3VtZW50IHVzaW5nIHRoZSBzdHlsZSBwcm92aWRlZCBieSBEYnhTdHlsZVNlcnZpY2UuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYnhTdHlsZUJvZHldJyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ3N0eWxlQ2xhc3NOYW1lU2lnbmFsKCknXG4gIH0sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U3R5bGVCb2R5RGlyZWN0aXZlIGV4dGVuZHMgQWJzdHJhY3RTdWJzY3JpcHRpb25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkluaXQge1xuICBwcml2YXRlIHJlYWRvbmx5IF9zdHlsZVNlcnZpY2UgPSBpbmplY3QoRGJ4U3R5bGVTZXJ2aWNlKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfcmVuZGVyZXIgPSBpbmplY3QoUmVuZGVyZXIyKTtcblxuICBwcml2YXRlIHJlYWRvbmx5IF9zdHlsZUNsYXNzTmFtZVNpZ25hbCA9IHNpZ25hbDxNYXliZTxEYnhTdHlsZUNsYXNzPj4odW5kZWZpbmVkKTtcbiAgcmVhZG9ubHkgc3R5bGVDbGFzc05hbWVTaWduYWwgPSB0aGlzLl9zdHlsZUNsYXNzTmFtZVNpZ25hbC5hc1JlYWRvbmx5KCk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5zdWIgPSB0aGlzLl9zdHlsZVNlcnZpY2Uuc3R5bGVDbGFzc05hbWUkLnBpcGUoZGVsYXkoMCkpLnN1YnNjcmliZSgobmV3Q2xhc3NTdHlsZVRvQXBwbHkpID0+IHtcbiAgICAgIGNvbnN0IGN1cnJlbnRTdHlsZSA9IHRoaXMuX3N0eWxlQ2xhc3NOYW1lU2lnbmFsKCk7XG5cbiAgICAgIGlmIChjdXJyZW50U3R5bGUpIHtcbiAgICAgICAgdGhpcy5fcmVuZGVyZXIucmVtb3ZlQ2xhc3MoZG9jdW1lbnQuYm9keSwgY3VycmVudFN0eWxlKTtcbiAgICAgIH1cblxuICAgICAgaWYgKG5ld0NsYXNzU3R5bGVUb0FwcGx5KSB7XG4gICAgICAgIHRoaXMuX3JlbmRlcmVyLmFkZENsYXNzKGRvY3VtZW50LmJvZHksIG5ld0NsYXNzU3R5bGVUb0FwcGx5KTtcbiAgICAgIH1cblxuICAgICAgdGhpcy5fc3R5bGVDbGFzc05hbWVTaWduYWwuc2V0KG5ld0NsYXNzU3R5bGVUb0FwcGx5KTtcbiAgICB9KTtcbiAgfVxufVxuIl19

package/esm2022/lib/layout/style/style.color.directive.mjs

@@ -1,26 +1,23 @@
-import { Directive, Input } from '@angular/core';
+import { computed, Directive, input } from '@angular/core';
 import { dbxColorBackground } from './style';
 import * as i0 from "@angular/core";
 /**
  * Used to apply a background style using a color.
  */
 export class DbxColorDirective {
-    cssClass = '';
-    set dbxColor(dbxColor) {
-        this.cssClass = dbxColorBackground(dbxColor);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxColorDirective, selector: "[dbxColor]", inputs: { dbxColor: "dbxColor" }, host: { properties: { "class": "cssClass" } }, ngImport: i0 });
+    dbxColor = input();
+    cssClassSignal = computed(() => dbxColorBackground(this.dbxColor()));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxColorDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxColorDirective, isStandalone: true, selector: "[dbxColor]", inputs: { dbxColor: { classPropertyName: "dbxColor", publicName: "dbxColor", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "cssClassSignal()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxColorDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxColorDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxColor]',
                     host: {
-                        '[class]': 'cssClass'
-                    }
+                        '[class]': 'cssClassSignal()'
+                    },
+                    standalone: true
                 }]
-        }], propDecorators: { dbxColor: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuY29sb3IuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdHlsZS9zdHlsZS5jb2xvci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDakQsT0FBTyxFQUFpQixrQkFBa0IsRUFBRSxNQUFNLFNBQVMsQ0FBQzs7QUFHNUQ7O0dBRUc7QUFPSCxNQUFNLE9BQU8saUJBQWlCO0lBQzVCLFFBQVEsR0FBRyxFQUFFLENBQUM7SUFFZCxJQUNJLFFBQVEsQ0FBQyxRQUFtQztRQUM5QyxJQUFJLENBQUMsUUFBUSxHQUFHLGtCQUFrQixDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQy9DLENBQUM7d0dBTlUsaUJBQWlCOzRGQUFqQixpQkFBaUI7OzRGQUFqQixpQkFBaUI7a0JBTjdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLElBQUksRUFBRTt3QkFDSixTQUFTLEVBQUUsVUFBVTtxQkFDdEI7aUJBQ0Y7OEJBS0ssUUFBUTtzQkFEWCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4VGhlbWVDb2xvciwgZGJ4Q29sb3JCYWNrZ3JvdW5kIH0gZnJvbSAnLi9zdHlsZSc7XG5pbXBvcnQgeyB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8qKlxuICogVXNlZCB0byBhcHBseSBhIGJhY2tncm91bmQgc3R5bGUgdXNpbmcgYSBjb2xvci5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RieENvbG9yXScsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdjc3NDbGFzcydcbiAgfVxufSlcbmV4cG9ydCBjbGFzcyBEYnhDb2xvckRpcmVjdGl2ZSB7XG4gIGNzc0NsYXNzID0gJyc7XG5cbiAgQElucHV0KClcbiAgc2V0IGRieENvbG9yKGRieENvbG9yOiBNYXliZTxEYnhUaGVtZUNvbG9yIHwgJyc+KSB7XG4gICAgdGhpcy5jc3NDbGFzcyA9IGRieENvbG9yQmFja2dyb3VuZChkYnhDb2xvcik7XG4gIH1cbn1cbiJdfQ==
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuY29sb3IuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdHlsZS9zdHlsZS5jb2xvci5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzNELE9BQU8sRUFBaUIsa0JBQWtCLEVBQUUsTUFBTSxTQUFTLENBQUM7O0FBRzVEOztHQUVHO0FBUUgsTUFBTSxPQUFPLGlCQUFpQjtJQUNuQixRQUFRLEdBQUcsS0FBSyxFQUE2QixDQUFDO0lBQzlDLGNBQWMsR0FBRyxRQUFRLENBQUMsR0FBRyxFQUFFLENBQUMsa0JBQWtCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDLENBQUMsQ0FBQzt3R0FGbkUsaUJBQWlCOzRGQUFqQixpQkFBaUI7OzRGQUFqQixpQkFBaUI7a0JBUDdCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLFlBQVk7b0JBQ3RCLElBQUksRUFBRTt3QkFDSixTQUFTLEVBQUUsa0JBQWtCO3FCQUM5QjtvQkFDRCxVQUFVLEVBQUUsSUFBSTtpQkFDakIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjb21wdXRlZCwgRGlyZWN0aXZlLCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4VGhlbWVDb2xvciwgZGJ4Q29sb3JCYWNrZ3JvdW5kIH0gZnJvbSAnLi9zdHlsZSc7XG5pbXBvcnQgeyB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8qKlxuICogVXNlZCB0byBhcHBseSBhIGJhY2tncm91bmQgc3R5bGUgdXNpbmcgYSBjb2xvci5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2RieENvbG9yXScsXG4gIGhvc3Q6IHtcbiAgICAnW2NsYXNzXSc6ICdjc3NDbGFzc1NpZ25hbCgpJ1xuICB9LFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIERieENvbG9yRGlyZWN0aXZlIHtcbiAgcmVhZG9ubHkgZGJ4Q29sb3IgPSBpbnB1dDxNYXliZTxEYnhUaGVtZUNvbG9yIHwgJyc+PigpO1xuICByZWFkb25seSBjc3NDbGFzc1NpZ25hbCA9IGNvbXB1dGVkKCgpID0+IGRieENvbG9yQmFja2dyb3VuZCh0aGlzLmRieENvbG9yKCkpKTtcbn1cbiJdfQ==

package/esm2022/lib/layout/style/style.directive.mjs

@@ -1,6 +1,6 @@
-import { Directive, ChangeDetectorRef, inject } from '@angular/core';
+import { Directive, inject, signal } from '@angular/core';
 import { DbxStyleService } from './style.service';
-import { AbstractSubscriptionDirective, safeDetectChanges } from '@dereekb/dbx-core';
+import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { delay } from 'rxjs';
 import * as i0 from "@angular/core";
 /**
@@ -8,27 +8,23 @@ import * as i0 from "@angular/core";
  */
 export class DbxStyleDirective extends AbstractSubscriptionDirective {
     _styleService = inject(DbxStyleService);
-    _cdRef = inject(ChangeDetectorRef);
-    cssClass = '';
-    constructor() {
-        super();
-    }
+    styleClassNameSignal = signal(undefined);
     ngOnInit() {
-        this.sub = this._styleService.style$.pipe(delay(0)).subscribe((classes) => {
-            this.cssClass = classes;
-            safeDetectChanges(this._cdRef);
+        this.sub = this._styleService.styleClassName$.pipe(delay(0)).subscribe((classes) => {
+            this.styleClassNameSignal.set(classes);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxStyleDirective, selector: "dbx-style, [dbxStyle], .dbx-style", host: { properties: { "class": "cssClass" } }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxStyleDirective, isStandalone: true, selector: "dbx-style, [dbxStyle], .dbx-style", host: { properties: { "class": "styleClassNameSignal()" } }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-style, [dbxStyle], .dbx-style',
                     host: {
-                        '[class]': 'cssClass'
-                    }
+                        '[class]': 'styleClassNameSignal()'
+                    },
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdHlsZS9zdHlsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckUsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ2xELE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQ3JGLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxNQUFNLENBQUM7O0FBRTdCOztHQUVHO0FBT0gsTUFBTSxPQUFPLGlCQUFrQixTQUFRLDZCQUE2QjtJQUNqRCxhQUFhLEdBQUcsTUFBTSxDQUFDLGVBQWUsQ0FBQyxDQUFDO0lBQ3hDLE1BQU0sR0FBRyxNQUFNLENBQUMsaUJBQWlCLENBQUMsQ0FBQztJQUVwRCxRQUFRLEdBQUcsRUFBRSxDQUFDO0lBRWQ7UUFDRSxLQUFLLEVBQUUsQ0FBQztJQUNWLENBQUM7SUFFRCxRQUFRO1FBQ04sSUFBSSxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsT0FBTyxFQUFFLEVBQUU7WUFDeEUsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7WUFDeEIsaUJBQWlCLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ2pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt3R0FmVSxpQkFBaUI7NEZBQWpCLGlCQUFpQjs7NEZBQWpCLGlCQUFpQjtrQkFON0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUNBQW1DO29CQUM3QyxJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLFVBQVU7cUJBQ3RCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBDaGFuZ2VEZXRlY3RvclJlZiwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhTdHlsZVNlcnZpY2UgfSBmcm9tICcuL3N0eWxlLnNlcnZpY2UnO1xuaW1wb3J0IHsgQWJzdHJhY3RTdWJzY3JpcHRpb25EaXJlY3RpdmUsIHNhZmVEZXRlY3RDaGFuZ2VzIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgZGVsYXkgfSBmcm9tICdyeGpzJztcblxuLyoqXG4gKiBVc2VkIHRvIHJldHJpZXZlIHRoZSBjdXJyZW50IGFwcCBzdHlsaW5nIGZyb20gdGhlIERieFN0eWxlU2VydmljZS5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnZGJ4LXN0eWxlLCBbZGJ4U3R5bGVdLCAuZGJ4LXN0eWxlJyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ2Nzc0NsYXNzJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieFN0eWxlRGlyZWN0aXZlIGV4dGVuZHMgQWJzdHJhY3RTdWJzY3JpcHRpb25EaXJlY3RpdmUge1xuICBwcml2YXRlIHJlYWRvbmx5IF9zdHlsZVNlcnZpY2UgPSBpbmplY3QoRGJ4U3R5bGVTZXJ2aWNlKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfY2RSZWYgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gIGNzc0NsYXNzID0gJyc7XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgc3VwZXIoKTtcbiAgfVxuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc3ViID0gdGhpcy5fc3R5bGVTZXJ2aWNlLnN0eWxlJC5waXBlKGRlbGF5KDApKS5zdWJzY3JpYmUoKGNsYXNzZXMpID0+IHtcbiAgICAgIHRoaXMuY3NzQ2xhc3MgPSBjbGFzc2VzO1xuICAgICAgc2FmZURldGVjdENoYW5nZXModGhpcy5fY2RSZWYpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdHlsZS9zdHlsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFVLE1BQU0sZUFBZSxDQUFDO0FBQ2xFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNsRCxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sTUFBTSxDQUFDOztBQUk3Qjs7R0FFRztBQVFILE1BQU0sT0FBTyxpQkFBa0IsU0FBUSw2QkFBNkI7SUFDakQsYUFBYSxHQUFHLE1BQU0sQ0FBQyxlQUFlLENBQUMsQ0FBQztJQUVoRCxvQkFBb0IsR0FBRyxNQUFNLENBQXVCLFNBQVMsQ0FBQyxDQUFDO0lBRXhFLFFBQVE7UUFDTixJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxhQUFhLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtZQUNqRixJQUFJLENBQUMsb0JBQW9CLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzt3R0FUVSxpQkFBaUI7NEZBQWpCLGlCQUFpQjs7NEZBQWpCLGlCQUFpQjtrQkFQN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsbUNBQW1DO29CQUM3QyxJQUFJLEVBQUU7d0JBQ0osU0FBUyxFQUFFLHdCQUF3QjtxQkFDcEM7b0JBQ0QsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBpbmplY3QsIHNpZ25hbCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBEYnhTdHlsZVNlcnZpY2UgfSBmcm9tICcuL3N0eWxlLnNlcnZpY2UnO1xuaW1wb3J0IHsgQWJzdHJhY3RTdWJzY3JpcHRpb25EaXJlY3RpdmUgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5pbXBvcnQgeyBkZWxheSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IERieFN0eWxlQ2xhc3MgfSBmcm9tICcuL3N0eWxlJztcblxuLyoqXG4gKiBVc2VkIHRvIHJldHJpZXZlIHRoZSBjdXJyZW50IGFwcCBzdHlsaW5nIGZyb20gdGhlIERieFN0eWxlU2VydmljZS5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnZGJ4LXN0eWxlLCBbZGJ4U3R5bGVdLCAuZGJ4LXN0eWxlJyxcbiAgaG9zdDoge1xuICAgICdbY2xhc3NdJzogJ3N0eWxlQ2xhc3NOYW1lU2lnbmFsKCknXG4gIH0sXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgRGJ4U3R5bGVEaXJlY3RpdmUgZXh0ZW5kcyBBYnN0cmFjdFN1YnNjcmlwdGlvbkRpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX3N0eWxlU2VydmljZSA9IGluamVjdChEYnhTdHlsZVNlcnZpY2UpO1xuXG4gIHJlYWRvbmx5IHN0eWxlQ2xhc3NOYW1lU2lnbmFsID0gc2lnbmFsPE1heWJlPERieFN0eWxlQ2xhc3M+Pih1bmRlZmluZWQpO1xuXG4gIG5nT25Jbml0KCk6IHZvaWQge1xuICAgIHRoaXMuc3ViID0gdGhpcy5fc3R5bGVTZXJ2aWNlLnN0eWxlQ2xhc3NOYW1lJC5waXBlKGRlbGF5KDApKS5zdWJzY3JpYmUoKGNsYXNzZXMpID0+IHtcbiAgICAgIHRoaXMuc3R5bGVDbGFzc05hbWVTaWduYWwuc2V0KGNsYXNzZXMpO1xuICAgIH0pO1xuICB9XG59XG4iXX0=

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

@@ -1,23 +1,21 @@
 import { DbxSetStyleDirective } from './style.set.directive';
 import { DbxStyleDirective } from './style.directive';
-import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { DbxSpacerDirective } from './spacer.directive';
 import { DbxStyleBodyDirective } from './style.body.directive';
 import { DbxColorDirective } from './style.color.directive';
 import * as i0 from "@angular/core";
-const declarations = [DbxColorDirective, DbxSpacerDirective, DbxStyleDirective, DbxSetStyleDirective, DbxStyleBodyDirective];
+const importsAndExports = [DbxColorDirective, DbxSpacerDirective, DbxStyleDirective, DbxSetStyleDirective, DbxStyleBodyDirective];
 export class DbxStyleLayoutModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleLayoutModule, declarations: [DbxColorDirective, DbxSpacerDirective, DbxStyleDirective, DbxSetStyleDirective, DbxStyleBodyDirective], imports: [CommonModule], exports: [DbxColorDirective, DbxSpacerDirective, DbxStyleDirective, DbxSetStyleDirective, DbxStyleBodyDirective] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleLayoutModule, imports: [CommonModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleLayoutModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleLayoutModule, imports: [DbxColorDirective, DbxSpacerDirective, DbxStyleDirective, DbxSetStyleDirective, DbxStyleBodyDirective], exports: [DbxColorDirective, DbxSpacerDirective, DbxStyleDirective, DbxSetStyleDirective, DbxStyleBodyDirective] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleLayoutModule });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleLayoutModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleLayoutModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [CommonModule],
-                    declarations,
-                    exports: declarations
+                    imports: importsAndExports,
+                    exports: importsAndExports
                 }]
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUubGF5b3V0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc3R5bGUvc3R5bGUubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUMvRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7QUFFNUQsTUFBTSxZQUFZLEdBQUcsQ0FBQyxpQkFBaUIsRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxvQkFBb0IsRUFBRSxxQkFBcUIsQ0FBQyxDQUFDO0FBTzdILE1BQU0sT0FBTyxvQkFBb0I7d0dBQXBCLG9CQUFvQjt5R0FBcEIsb0JBQW9CLGlCQVBYLGlCQUFpQixFQUFFLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLG9CQUFvQixFQUFFLHFCQUFxQixhQUcvRyxZQUFZLGFBSEYsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsaUJBQWlCLEVBQUUsb0JBQW9CLEVBQUUscUJBQXFCO3lHQU85RyxvQkFBb0IsWUFKckIsWUFBWTs7NEZBSVgsb0JBQW9CO2tCQUxoQyxRQUFRO21CQUFDO29CQUNSLE9BQU8sRUFBRSxDQUFDLFlBQVksQ0FBQztvQkFDdkIsWUFBWTtvQkFDWixPQUFPLEVBQUUsWUFBWTtpQkFDdEIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEYnhTZXRTdHlsZURpcmVjdGl2ZSB9IGZyb20gJy4vc3R5bGUuc2V0LmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYnhTdHlsZURpcmVjdGl2ZSB9IGZyb20gJy4vc3R5bGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4U3BhY2VyRGlyZWN0aXZlIH0gZnJvbSAnLi9zcGFjZXIuZGlyZWN0aXZlJztcbmltcG9ydCB7IERieFN0eWxlQm9keURpcmVjdGl2ZSB9IGZyb20gJy4vc3R5bGUuYm9keS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGJ4Q29sb3JEaXJlY3RpdmUgfSBmcm9tICcuL3N0eWxlLmNvbG9yLmRpcmVjdGl2ZSc7XG5cbmNvbnN0IGRlY2xhcmF0aW9ucyA9IFtEYnhDb2xvckRpcmVjdGl2ZSwgRGJ4U3BhY2VyRGlyZWN0aXZlLCBEYnhTdHlsZURpcmVjdGl2ZSwgRGJ4U2V0U3R5bGVEaXJlY3RpdmUsIERieFN0eWxlQm9keURpcmVjdGl2ZV07XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBkZWNsYXJhdGlvbnMsXG4gIGV4cG9ydHM6IGRlY2xhcmF0aW9uc1xufSlcbmV4cG9ydCBjbGFzcyBEYnhTdHlsZUxheW91dE1vZHVsZSB7fVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUubGF5b3V0Lm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc3R5bGUvc3R5bGUubGF5b3V0Lm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQy9ELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDOztBQUU1RCxNQUFNLGlCQUFpQixHQUFHLENBQUMsaUJBQWlCLEVBQUUsa0JBQWtCLEVBQUUsaUJBQWlCLEVBQUUsb0JBQW9CLEVBQUUscUJBQXFCLENBQUMsQ0FBQztBQU1sSSxNQUFNLE9BQU8sb0JBQW9CO3dHQUFwQixvQkFBb0I7eUdBQXBCLG9CQUFvQixZQU5OLGlCQUFpQixFQUFFLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLG9CQUFvQixFQUFFLHFCQUFxQixhQUFyRyxpQkFBaUIsRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxvQkFBb0IsRUFBRSxxQkFBcUI7eUdBTW5ILG9CQUFvQjs7NEZBQXBCLG9CQUFvQjtrQkFKaEMsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsaUJBQWlCO29CQUMxQixPQUFPLEVBQUUsaUJBQWlCO2lCQUMzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERieFNldFN0eWxlRGlyZWN0aXZlIH0gZnJvbSAnLi9zdHlsZS5zZXQuZGlyZWN0aXZlJztcbmltcG9ydCB7IERieFN0eWxlRGlyZWN0aXZlIH0gZnJvbSAnLi9zdHlsZS5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFNwYWNlckRpcmVjdGl2ZSB9IGZyb20gJy4vc3BhY2VyLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBEYnhTdHlsZUJvZHlEaXJlY3RpdmUgfSBmcm9tICcuL3N0eWxlLmJvZHkuZGlyZWN0aXZlJztcbmltcG9ydCB7IERieENvbG9yRGlyZWN0aXZlIH0gZnJvbSAnLi9zdHlsZS5jb2xvci5kaXJlY3RpdmUnO1xuXG5jb25zdCBpbXBvcnRzQW5kRXhwb3J0cyA9IFtEYnhDb2xvckRpcmVjdGl2ZSwgRGJ4U3BhY2VyRGlyZWN0aXZlLCBEYnhTdHlsZURpcmVjdGl2ZSwgRGJ4U2V0U3R5bGVEaXJlY3RpdmUsIERieFN0eWxlQm9keURpcmVjdGl2ZV07XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IGltcG9ydHNBbmRFeHBvcnRzLFxuICBleHBvcnRzOiBpbXBvcnRzQW5kRXhwb3J0c1xufSlcbmV4cG9ydCBjbGFzcyBEYnhTdHlsZUxheW91dE1vZHVsZSB7fVxuIl19

package/esm2022/lib/layout/style/style.mjs

@@ -1,3 +1,6 @@
+import { DASH_CHARACTER_PREFIX_INSTANCE } from '@dereekb/util';
+export const dbxStyleClassCleanSuffix = DASH_CHARACTER_PREFIX_INSTANCE.cleanString;
+export const DBX_DARK_STYLE_CLASS_SUFFIX = '-dark';
 export const DBX_THEME_COLORS_MAIN = ['primary', 'accent', 'warn'];
 export const DBX_THEME_COLORS_EXTRA = ['notice', 'ok', 'success', 'grey'];
 export const DBX_THEME_COLORS_EXTRA_SECONDARY = ['background', 'disabled'];
@@ -18,4 +21,4 @@ export function dbxColorBackground(color) {
     }
     return cssClass;
 }
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0eWxlL3N0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBLE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUF3QixDQUFDLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxDQUFDLENBQUM7QUFDeEYsTUFBTSxDQUFDLE1BQU0sc0JBQXNCLEdBQXlCLENBQUMsUUFBUSxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUM7QUFDaEcsTUFBTSxDQUFDLE1BQU0sZ0NBQWdDLEdBQWtDLENBQUMsWUFBWSxFQUFFLFVBQVUsQ0FBQyxDQUFDO0FBQzFHLE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFvQixDQUFDLEdBQUcscUJBQXFCLEVBQUUsR0FBRyxzQkFBc0IsRUFBRSxHQUFHLGdDQUFnQyxDQUFDLENBQUM7QUFFNUksTUFBTSxVQUFVLGtCQUFrQixDQUFDLEtBQWdDO0lBQ2pFLElBQUksUUFBUSxHQUFHLFFBQVEsQ0FBQyxDQUFDLHdCQUF3QjtJQUVqRCxRQUFRLEtBQUssRUFBRTtRQUNiLEtBQUssU0FBUyxDQUFDO1FBQ2YsS0FBSyxRQUFRLENBQUM7UUFDZCxLQUFLLE1BQU0sQ0FBQztRQUNaLEtBQUssUUFBUSxDQUFDO1FBQ2QsS0FBSyxJQUFJLENBQUM7UUFDVixLQUFLLFNBQVMsQ0FBQztRQUNmLEtBQUssTUFBTSxDQUFDO1FBQ1osS0FBSyxVQUFVO1lBQ2IsUUFBUSxHQUFHLE9BQU8sS0FBSyxLQUFLLENBQUM7WUFDN0IsTUFBTTtLQUNUO0lBRUQsT0FBTyxRQUFRLENBQUM7QUFDbEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENzc0NsYXNzLCB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbmV4cG9ydCB0eXBlIERieFRoZW1lQ29sb3JNYWluID0gJ3ByaW1hcnknIHwgJ2FjY2VudCcgfCAnd2Fybic7XG5leHBvcnQgdHlwZSBEYnhUaGVtZUNvbG9yRXh0cmEgPSAnbm90aWNlJyB8ICdvaycgfCAnc3VjY2VzcycgfCAnZ3JleSc7XG5leHBvcnQgdHlwZSBEYnhUaGVtZUNvbG9yRXh0cmFTZWNvbmRhcnkgPSAnYmFja2dyb3VuZCcgfCAnZGlzYWJsZWQnO1xuZXhwb3J0IHR5cGUgRGJ4VGhlbWVDb2xvck1haW5PckV4dHJhID0gRGJ4VGhlbWVDb2xvck1haW4gfCBEYnhUaGVtZUNvbG9yRXh0cmE7XG5leHBvcnQgdHlwZSBEYnhUaGVtZUNvbG9yID0gRGJ4VGhlbWVDb2xvck1haW5PckV4dHJhIHwgRGJ4VGhlbWVDb2xvckV4dHJhU2Vjb25kYXJ5O1xuXG5leHBvcnQgY29uc3QgREJYX1RIRU1FX0NPTE9SU19NQUlOOiBEYnhUaGVtZUNvbG9yTWFpbltdID0gWydwcmltYXJ5JywgJ2FjY2VudCcsICd3YXJuJ107XG5leHBvcnQgY29uc3QgREJYX1RIRU1FX0NPTE9SU19FWFRSQTogRGJ4VGhlbWVDb2xvckV4dHJhW10gPSBbJ25vdGljZScsICdvaycsICdzdWNjZXNzJywgJ2dyZXknXTtcbmV4cG9ydCBjb25zdCBEQlhfVEhFTUVfQ09MT1JTX0VYVFJBX1NFQ09OREFSWTogRGJ4VGhlbWVDb2xvckV4dHJhU2Vjb25kYXJ5W10gPSBbJ2JhY2tncm91bmQnLCAnZGlzYWJsZWQnXTtcbmV4cG9ydCBjb25zdCBEQlhfVEhFTUVfQ09MT1JTOiBEYnhUaGVtZUNvbG9yW10gPSBbLi4uREJYX1RIRU1FX0NPTE9SU19NQUlOLCAuLi5EQlhfVEhFTUVfQ09MT1JTX0VYVFJBLCAuLi5EQlhfVEhFTUVfQ09MT1JTX0VYVFJBX1NFQ09OREFSWV07XG5cbmV4cG9ydCBmdW5jdGlvbiBkYnhDb2xvckJhY2tncm91bmQoY29sb3I6IE1heWJlPERieFRoZW1lQ29sb3IgfCAnJz4pOiBDc3NDbGFzcyB7XG4gIGxldCBjc3NDbGFzcyA9ICdkYngtYmcnOyAvLyBiYWNrZ3JvdW5kIGJ5IGRlZmF1bHRcblxuICBzd2l0Y2ggKGNvbG9yKSB7XG4gICAgY2FzZSAncHJpbWFyeSc6XG4gICAgY2FzZSAnYWNjZW50JzpcbiAgICBjYXNlICd3YXJuJzpcbiAgICBjYXNlICdub3RpY2UnOlxuICAgIGNhc2UgJ29rJzpcbiAgICBjYXNlICdzdWNjZXNzJzpcbiAgICBjYXNlICdncmV5JzpcbiAgICBjYXNlICdkaXNhYmxlZCc6XG4gICAgICBjc3NDbGFzcyA9IGBkYngtJHtjb2xvcn0tYmdgO1xuICAgICAgYnJlYWs7XG4gIH1cblxuICByZXR1cm4gY3NzQ2xhc3M7XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3N0eWxlL3N0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBOEMsOEJBQThCLEVBQWdDLE1BQU0sZUFBZSxDQUFDO0FBK0J6SSxNQUFNLENBQUMsTUFBTSx3QkFBd0IsR0FBRyw4QkFBOEIsQ0FBQyxXQUFXLENBQUM7QUFXbkYsTUFBTSxDQUFDLE1BQU0sMkJBQTJCLEdBQXdCLE9BQU8sQ0FBQztBQW9CeEUsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQXdCLENBQUMsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQztBQUN4RixNQUFNLENBQUMsTUFBTSxzQkFBc0IsR0FBeUIsQ0FBQyxRQUFRLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLENBQUMsQ0FBQztBQUNoRyxNQUFNLENBQUMsTUFBTSxnQ0FBZ0MsR0FBa0MsQ0FBQyxZQUFZLEVBQUUsVUFBVSxDQUFDLENBQUM7QUFDMUcsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQW9CLENBQUMsR0FBRyxxQkFBcUIsRUFBRSxHQUFHLHNCQUFzQixFQUFFLEdBQUcsZ0NBQWdDLENBQUMsQ0FBQztBQUU1SSxNQUFNLFVBQVUsa0JBQWtCLENBQUMsS0FBZ0M7SUFDakUsSUFBSSxRQUFRLEdBQUcsUUFBUSxDQUFDLENBQUMsd0JBQXdCO0lBRWpELFFBQVEsS0FBSyxFQUFFLENBQUM7UUFDZCxLQUFLLFNBQVMsQ0FBQztRQUNmLEtBQUssUUFBUSxDQUFDO1FBQ2QsS0FBSyxNQUFNLENBQUM7UUFDWixLQUFLLFFBQVEsQ0FBQztRQUNkLEtBQUssSUFBSSxDQUFDO1FBQ1YsS0FBSyxTQUFTLENBQUM7UUFDZixLQUFLLE1BQU0sQ0FBQztRQUNaLEtBQUssVUFBVTtZQUNiLFFBQVEsR0FBRyxPQUFPLEtBQUssS0FBSyxDQUFDO1lBQzdCLE1BQU07SUFDVixDQUFDO0lBRUQsT0FBTyxRQUFRLENBQUM7QUFDbEIsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYXJhY3RlclByZWZpeFN1ZmZpeENsZWFuU3RyaW5nLCBDc3NDbGFzcywgREFTSF9DSEFSQUNURVJfUFJFRklYX0lOU1RBTkNFLCBEYXNoUHJlZml4U3RyaW5nLCB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8vIE1BUks6IEFwcCBTdHlsaW5nXG4vKipcbiAqIEFuIGtlYmFiLWNhc2Ugc3R5bGUgbmFtZSB0aGF0IHVuaXF1ZWx5IGlkZW50aWZpZXMgYSBzdHlsaW5nIGZvciBhbiBhcHAuXG4gKlxuICogRXhhbXBsZXM6ICdkb2MtYXBwJ1xuICovXG5leHBvcnQgdHlwZSBEYnhTdHlsZU5hbWUgPSBzdHJpbmc7XG5cbi8qKlxuICogQSBzdWZmaXggdGhhdCBjYW4gYmUgYWRkZWQgdG8gYSBzdHlsZSBjbGFzcyB0byBkaWZmZXJlbnRpYXRlIGEgc2VwYXJhdGUgbW9kZS5cbiAqXG4gKiBEYXJrIG1vZGUgaXMgYW4gZXhhbXBsZSwgd2l0aCB0aGUgc3VmZml4ICdkYXJrJyBvciAnLWRhcmsnLiBUaGUgc3VmZml4IGRvZXMgbm90IGhhdmUgdG9cbiAqL1xuZXhwb3J0IHR5cGUgRGJ4U3R5bGVDbGFzc1N1ZmZpeCA9IERieFN0eWxlQ2xhc3NDbGVhblN1ZmZpeCB8IERieFN0eWxlQ2xhc3NEYXNoU3VmZml4O1xuXG4vKipcbiAqIEEgRGJ4U3R5bGVDbGFzc1N1ZmZpeCB0aGF0IGRvZXMgbm90IHN0YXJ0IHdpdGggYSBkYXNoLlxuICpcbiAqIERhcmsgbW9kZSBpcyBhbiBleGFtcGxlLCB3aXRoIHRoZSBzdWZmaXggJ2RhcmsnLlxuICovXG5leHBvcnQgdHlwZSBEYnhTdHlsZUNsYXNzQ2xlYW5TdWZmaXggPSBDaGFyYWN0ZXJQcmVmaXhTdWZmaXhDbGVhblN0cmluZztcblxuLyoqXG4gKiBBIERieFN0eWxlQ2xhc3NTdWZmaXggdGhhdCBzdGFydHMgd2l0aCBhIGRhc2guXG4gKlxuICogRGFyayBtb2RlIGlzIGFuIGV4YW1wbGUsIHdpdGggdGhlIHN1ZmZpeCAnLWRhcmsnLlxuICovXG5leHBvcnQgdHlwZSBEYnhTdHlsZUNsYXNzRGFzaFN1ZmZpeCA9IERhc2hQcmVmaXhTdHJpbmc7XG5cbmV4cG9ydCBjb25zdCBkYnhTdHlsZUNsYXNzQ2xlYW5TdWZmaXggPSBEQVNIX0NIQVJBQ1RFUl9QUkVGSVhfSU5TVEFOQ0UuY2xlYW5TdHJpbmc7XG5cbi8qKlxuICogQSBzdHlsZSBjbGFzcyB0aGF0IGlzIGEgY29tYmluYXRpb24gb2YgYSBzdHlsZSBuYW1lIGFuZCBhIHN1ZmZpeC5cbiAqXG4gKiBFeGFtcGxlczpcbiAqIC0gJ2RvYy1hcHAnOiB0aGUgZGVmYXVsdCBzdHlsZSBvZiBhbiBhcHBcbiAqIC0gJ2RvYy1hcHAtZGFyayc6IHRoZSBkYXJrIG1vZGUgc3R5bGUgb2YgYW4gYXBwXG4gKi9cbmV4cG9ydCB0eXBlIERieFN0eWxlQ2xhc3MgPSBzdHJpbmcgfCBgJHtEYnhTdHlsZU5hbWV9JHtEYnhTdHlsZUNsYXNzU3VmZml4fWA7XG5cbmV4cG9ydCBjb25zdCBEQlhfREFSS19TVFlMRV9DTEFTU19TVUZGSVg6IERieFN0eWxlQ2xhc3NTdWZmaXggPSAnLWRhcmsnO1xuXG5leHBvcnQgaW50ZXJmYWNlIERieFN0eWxlQ29uZmlnIHtcbiAgLyoqXG4gICAqIFJvb3Qgc3R5bGUgY2xhc3MgbmFtZS5cbiAgICovXG4gIHJlYWRvbmx5IHN0eWxlOiBEYnhTdHlsZUNsYXNzO1xuICAvKipcbiAgICogU2V0IG9mIGFsbCBhbGxvd2VkIERieFN0eWxlQ2xhc3NTdWZmaXhlcyBmb3IgdGhlIERieFN0eWxlQ2xhc3MgaW4gdGhlIGNvbmZpZywgaWYgYXBwbGljYWJsZS5cbiAgICovXG4gIHJlYWRvbmx5IHN1ZmZpeGVzPzogU2V0PERieFN0eWxlQ2xhc3NTdWZmaXg+O1xufVxuXG4vLyBNQVJLOiBUaGVtZVxuZXhwb3J0IHR5cGUgRGJ4VGhlbWVDb2xvck1haW4gPSAncHJpbWFyeScgfCAnYWNjZW50JyB8ICd3YXJuJztcbmV4cG9ydCB0eXBlIERieFRoZW1lQ29sb3JFeHRyYSA9ICdub3RpY2UnIHwgJ29rJyB8ICdzdWNjZXNzJyB8ICdncmV5JztcbmV4cG9ydCB0eXBlIERieFRoZW1lQ29sb3JFeHRyYVNlY29uZGFyeSA9ICdiYWNrZ3JvdW5kJyB8ICdkaXNhYmxlZCc7XG5leHBvcnQgdHlwZSBEYnhUaGVtZUNvbG9yTWFpbk9yRXh0cmEgPSBEYnhUaGVtZUNvbG9yTWFpbiB8IERieFRoZW1lQ29sb3JFeHRyYTtcbmV4cG9ydCB0eXBlIERieFRoZW1lQ29sb3IgPSBEYnhUaGVtZUNvbG9yTWFpbk9yRXh0cmEgfCBEYnhUaGVtZUNvbG9yRXh0cmFTZWNvbmRhcnk7XG5cbmV4cG9ydCBjb25zdCBEQlhfVEhFTUVfQ09MT1JTX01BSU46IERieFRoZW1lQ29sb3JNYWluW10gPSBbJ3ByaW1hcnknLCAnYWNjZW50JywgJ3dhcm4nXTtcbmV4cG9ydCBjb25zdCBEQlhfVEhFTUVfQ09MT1JTX0VYVFJBOiBEYnhUaGVtZUNvbG9yRXh0cmFbXSA9IFsnbm90aWNlJywgJ29rJywgJ3N1Y2Nlc3MnLCAnZ3JleSddO1xuZXhwb3J0IGNvbnN0IERCWF9USEVNRV9DT0xPUlNfRVhUUkFfU0VDT05EQVJZOiBEYnhUaGVtZUNvbG9yRXh0cmFTZWNvbmRhcnlbXSA9IFsnYmFja2dyb3VuZCcsICdkaXNhYmxlZCddO1xuZXhwb3J0IGNvbnN0IERCWF9USEVNRV9DT0xPUlM6IERieFRoZW1lQ29sb3JbXSA9IFsuLi5EQlhfVEhFTUVfQ09MT1JTX01BSU4sIC4uLkRCWF9USEVNRV9DT0xPUlNfRVhUUkEsIC4uLkRCWF9USEVNRV9DT0xPUlNfRVhUUkFfU0VDT05EQVJZXTtcblxuZXhwb3J0IGZ1bmN0aW9uIGRieENvbG9yQmFja2dyb3VuZChjb2xvcjogTWF5YmU8RGJ4VGhlbWVDb2xvciB8ICcnPik6IENzc0NsYXNzIHtcbiAgbGV0IGNzc0NsYXNzID0gJ2RieC1iZyc7IC8vIGJhY2tncm91bmQgYnkgZGVmYXVsdFxuXG4gIHN3aXRjaCAoY29sb3IpIHtcbiAgICBjYXNlICdwcmltYXJ5JzpcbiAgICBjYXNlICdhY2NlbnQnOlxuICAgIGNhc2UgJ3dhcm4nOlxuICAgIGNhc2UgJ25vdGljZSc6XG4gICAgY2FzZSAnb2snOlxuICAgIGNhc2UgJ3N1Y2Nlc3MnOlxuICAgIGNhc2UgJ2dyZXknOlxuICAgIGNhc2UgJ2Rpc2FibGVkJzpcbiAgICAgIGNzc0NsYXNzID0gYGRieC0ke2NvbG9yfS1iZ2A7XG4gICAgICBicmVhaztcbiAgfVxuXG4gIHJldHVybiBjc3NDbGFzcztcbn1cbiJdfQ==

package/esm2022/lib/layout/style/style.providers.mjs

@@ -0,0 +1,21 @@
+import { makeEnvironmentProviders } from '@angular/core';
+import { DBX_STYLE_DEFAULT_CONFIG_TOKEN, DbxStyleService } from './style.service';
+/**
+ * Provides EnvironmentalProviders for a DbxStyleService and the default config.
+ *
+ * @returns
+ */
+export function provideDbxStyleService(config) {
+    const { dbxStyleConfig } = config;
+    const providers = [
+        // config
+        {
+            provide: DBX_STYLE_DEFAULT_CONFIG_TOKEN,
+            useValue: dbxStyleConfig
+        },
+        // service
+        DbxStyleService
+    ];
+    return makeEnvironmentProviders(providers);
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUucHJvdmlkZXJzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcGFja2FnZXMvZGJ4LXdlYi9zcmMvbGliL2xheW91dC9zdHlsZS9zdHlsZS5wcm92aWRlcnMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUF3Qix3QkFBd0IsRUFBWSxNQUFNLGVBQWUsQ0FBQztBQUN6RixPQUFPLEVBQUUsOEJBQThCLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFlbEY7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxzQkFBc0IsQ0FBQyxNQUFvQztJQUN6RSxNQUFNLEVBQUUsY0FBYyxFQUFFLEdBQUcsTUFBTSxDQUFDO0lBRWxDLE1BQU0sU0FBUyxHQUFlO1FBQzVCLFNBQVM7UUFDVDtZQUNFLE9BQU8sRUFBRSw4QkFBOEI7WUFDdkMsUUFBUSxFQUFFLGNBQWM7U0FDekI7UUFDRCxVQUFVO1FBQ1YsZUFBZTtLQUNoQixDQUFDO0lBRUYsT0FBTyx3QkFBd0IsQ0FBQyxTQUFTLENBQUMsQ0FBQztBQUM3QyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRW52aXJvbm1lbnRQcm92aWRlcnMsIG1ha2VFbnZpcm9ubWVudFByb3ZpZGVycywgUHJvdmlkZXIgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERCWF9TVFlMRV9ERUZBVUxUX0NPTkZJR19UT0tFTiwgRGJ4U3R5bGVTZXJ2aWNlIH0gZnJvbSAnLi9zdHlsZS5zZXJ2aWNlJztcbmltcG9ydCB7IERieFN0eWxlQ29uZmlnIH0gZnJvbSAnLi9zdHlsZSc7XG5cbi8qKlxuICogQ29uZmlndXJhdGlvbiBmb3IgcHJvdmlkZURieFN0eWxlU2VydmljZSgpLlxuICovXG5leHBvcnQgaW50ZXJmYWNlIFByb3ZpZGVEYnhTdHlsZVNlcnZpY2VDb25maWcge1xuICAvKipcbiAgICogRGVmYXVsdCBzdHlsZSBjb25maWd1cmF0aW9uLCBpZiBhcHBsaWNhYmxlLlxuICAgKlxuICAgKiBJZiBudWxsLCB0aGUgRGJ4U3R5bGVTZXJ2aWNlIHdpbGwgbm90IGhhdmUgYSBkZWZhdWx0IHN0eWxlXG4gICAqL1xuICByZWFkb25seSBkYnhTdHlsZUNvbmZpZzogRGJ4U3R5bGVDb25maWcgfCBudWxsO1xufVxuXG4vKipcbiAqIFByb3ZpZGVzIEVudmlyb25tZW50YWxQcm92aWRlcnMgZm9yIGEgRGJ4U3R5bGVTZXJ2aWNlIGFuZCB0aGUgZGVmYXVsdCBjb25maWcuXG4gKlxuICogQHJldHVybnNcbiAqL1xuZXhwb3J0IGZ1bmN0aW9uIHByb3ZpZGVEYnhTdHlsZVNlcnZpY2UoY29uZmlnOiBQcm92aWRlRGJ4U3R5bGVTZXJ2aWNlQ29uZmlnKTogRW52aXJvbm1lbnRQcm92aWRlcnMge1xuICBjb25zdCB7IGRieFN0eWxlQ29uZmlnIH0gPSBjb25maWc7XG5cbiAgY29uc3QgcHJvdmlkZXJzOiBQcm92aWRlcltdID0gW1xuICAgIC8vIGNvbmZpZ1xuICAgIHtcbiAgICAgIHByb3ZpZGU6IERCWF9TVFlMRV9ERUZBVUxUX0NPTkZJR19UT0tFTixcbiAgICAgIHVzZVZhbHVlOiBkYnhTdHlsZUNvbmZpZ1xuICAgIH0sXG4gICAgLy8gc2VydmljZVxuICAgIERieFN0eWxlU2VydmljZVxuICBdO1xuXG4gIHJldHVybiBtYWtlRW52aXJvbm1lbnRQcm92aWRlcnMocHJvdmlkZXJzKTtcbn1cbiJdfQ==