@dereekb/dbx-web 11.1.8 → 12.0.1

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

@@ -1,6 +1,8 @@
-import { filterMaybe } from '@dereekb/rxjs';
+import { DASH_CHARACTER_PREFIX_INSTANCE } from '@dereekb/util';
+import { asObservable, filterMaybe } from '@dereekb/rxjs';
 import { BehaviorSubject, combineLatest, distinctUntilChanged, map, switchMap, shareReplay } from 'rxjs';
 import { Injectable, InjectionToken, inject } from '@angular/core';
+import { DBX_DARK_STYLE_CLASS_SUFFIX, dbxStyleClassCleanSuffix } from './style';
 import * as i0 from "@angular/core";
 export const DBX_STYLE_DEFAULT_CONFIG_TOKEN = new InjectionToken('DbxStyleServiceDefaultConfig');
 /**
@@ -9,7 +11,7 @@ export const DBX_STYLE_DEFAULT_CONFIG_TOKEN = new InjectionToken('DbxStyleServic
 export class DbxStyleService {
     _defaultConfig = new BehaviorSubject(inject(DBX_STYLE_DEFAULT_CONFIG_TOKEN));
     _config = new BehaviorSubject(undefined);
-    _suffix = new BehaviorSubject(undefined);
+    _styleClassSuffix = new BehaviorSubject(undefined);
     config$ = this._config.pipe(switchMap((x) => {
         if (x == null) {
             return this._defaultConfig;
@@ -18,53 +20,73 @@ export class DbxStyleService {
             return x;
         }
     }), filterMaybe(), distinctUntilChanged(), shareReplay(1));
-    suffix$ = this._suffix.pipe(distinctUntilChanged(), shareReplay(1));
-    style$ = this.getStyleWithConfig(this.config$);
-    get suffix() {
-        return this._suffix.value;
-    }
-    set suffix(suffix) {
-        this._suffix.next(suffix);
-    }
-    getStyleWithConfig(configObs) {
-        return combineLatest([configObs, this.suffix$]).pipe(map(([config, suffix]) => {
-            let style = config.style;
+    styleClassSuffix$ = this._styleClassSuffix.pipe(distinctUntilChanged(), shareReplay(1));
+    styleClassName$ = this.getStyleClassWithConfig(this.config$);
+    /**
+     * Returns the style class given the input configuration.
+     *
+     * @param configObs Observable containing the configuration to use.
+     * @returns DbxStyleClass
+     */
+    getStyleClassWithConfig(configObs) {
+        return combineLatest([configObs, this.styleClassSuffix$]).pipe(map(([config, suffix]) => {
+            let styleClass = config.style;
             if (suffix != null && config.suffixes) {
-                const sanitizedSuffix = suffix[0] === '-' ? suffix?.slice(1) : suffix;
-                if (config.suffixes.has(sanitizedSuffix)) {
-                    style = `${style}-${sanitizedSuffix}`;
+                if (config.suffixes.has(suffix)) {
+                    styleClass = `${styleClass}${DASH_CHARACTER_PREFIX_INSTANCE.prefixSuffixString(suffix)}`;
                 }
             }
-            return style;
+            return styleClass;
         }), distinctUntilChanged(), shareReplay(1));
     }
-    toggleDarkSuffix(dark) {
-        const toggle = dark != null ? dark : this.suffix !== '-dark';
-        if (toggle) {
-            this.suffix = '-dark';
+    /**
+     * Toggles the dark suffix on/off for the service.
+     *
+     * @param toggle Whether to toggle the suffix on or off
+     */
+    toggleDarkSuffix(toggle) {
+        this.toggleSuffix(DBX_DARK_STYLE_CLASS_SUFFIX, toggle);
+    }
+    /**
+     * Toggles the arbitrary suffix on/off for the service.
+     *
+     * @param suffix The suffix to toggle
+     * @param toggle Whether to toggle the suffix on or off
+     */
+    toggleSuffix(suffix, toggle) {
+        // clean the suffix
+        suffix = dbxStyleClassCleanSuffix(suffix);
+        const toggleValue = toggle != null ? toggle : this.currentStyleClassSuffix !== suffix;
+        let suffixValue = undefined;
+        if (toggleValue) {
+            suffixValue = suffix;
         }
         else {
-            this.suffix = undefined;
+            suffixValue = undefined;
         }
+        this._styleClassSuffix.next(suffixValue);
+    }
+    get currentStyleClassSuffix() {
+        return this._styleClassSuffix.value;
+    }
+    setStyleClassSuffix(suffix) {
+        this._styleClassSuffix.next(suffix ? dbxStyleClassCleanSuffix(suffix) : undefined);
     }
     setDefaultConfig(defaultConfig) {
         this._defaultConfig.next(defaultConfig);
     }
     setConfig(config) {
-        this._config.next(config);
+        this._config.next(asObservable(config));
     }
     destroy() {
         this._defaultConfig.complete();
         this._config.complete();
-        this._suffix.complete();
+        this._styleClassSuffix.complete();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxStyleService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root'
-                }]
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxStyleService, decorators: [{
+            type: Injectable
         }] });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc3R5bGUvc3R5bGUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxlQUFlLEVBQWMsYUFBYSxFQUFFLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQ3JILE9BQU8sRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFFbkUsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsSUFBSSxjQUFjLENBQUMsOEJBQThCLENBQUMsQ0FBQztBQWFqRzs7R0FFRztBQUlILE1BQU0sT0FBTyxlQUFlO0lBQ1QsY0FBYyxHQUFHLElBQUksZUFBZSxDQUF3QixNQUFNLENBQWlCLDhCQUE4QixDQUFDLENBQUMsQ0FBQztJQUNwSCxPQUFPLEdBQUcsSUFBSSxlQUFlLENBQW9DLFNBQVMsQ0FBQyxDQUFDO0lBQzVFLE9BQU8sR0FBRyxJQUFJLGVBQWUsQ0FBZ0IsU0FBUyxDQUFDLENBQUM7SUFFaEUsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNsQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtRQUNkLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRTtZQUNiLE9BQU8sSUFBSSxDQUFDLGNBQWMsQ0FBQztTQUM1QjthQUFNO1lBQ0wsT0FBTyxDQUFDLENBQUM7U0FDVjtJQUNILENBQUMsQ0FBQyxFQUNGLFdBQVcsRUFBRSxFQUNiLG9CQUFvQixFQUFFLEVBQ3RCLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FDZixDQUFDO0lBRU8sT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDcEUsTUFBTSxHQUFHLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFeEQsSUFBSSxNQUFNO1FBQ1IsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUM1QixDQUFDO0lBRUQsSUFBSSxNQUFNLENBQUMsTUFBcUI7UUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDNUIsQ0FBQztJQUVELGtCQUFrQixDQUFDLFNBQXFDO1FBQ3RELE9BQU8sYUFBYSxDQUFDLENBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDbEQsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEVBQUUsRUFBRTtZQUN2QixJQUFJLEtBQUssR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1lBRXpCLElBQUksTUFBTSxJQUFJLElBQUksSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFO2dCQUNyQyxNQUFNLGVBQWUsR0FBRyxNQUFNLENBQUMsQ0FBQyxDQUFDLEtBQUssR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUM7Z0JBRXRFLElBQUksTUFBTSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsZUFBZSxDQUFDLEVBQUU7b0JBQ3hDLEtBQUssR0FBRyxHQUFHLEtBQUssSUFBSSxlQUFlLEVBQUUsQ0FBQztpQkFDdkM7YUFDRjtZQUVELE9BQU8sS0FBSyxDQUFDO1FBQ2YsQ0FBQyxDQUFDLEVBQ0Ysb0JBQW9CLEVBQUUsRUFDdEIsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7SUFDSixDQUFDO0lBRUQsZ0JBQWdCLENBQUMsSUFBcUI7UUFDcEMsTUFBTSxNQUFNLEdBQVksSUFBSSxJQUFJLElBQUksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxLQUFLLE9BQU8sQ0FBQztRQUV0RSxJQUFJLE1BQU0sRUFBRTtZQUNWLElBQUksQ0FBQyxNQUFNLEdBQUcsT0FBTyxDQUFDO1NBQ3ZCO2FBQU07WUFDTCxJQUFJLENBQUMsTUFBTSxHQUFHLFNBQVMsQ0FBQztTQUN6QjtJQUNILENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxhQUE2QjtRQUM1QyxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUMxQyxDQUFDO0lBRUQsU0FBUyxDQUFDLE1BQWtDO1FBQzFDLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQzVCLENBQUM7SUFFRCxPQUFPO1FBQ0wsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUMvQixJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDMUIsQ0FBQzt3R0F2RVUsZUFBZTs0R0FBZixlQUFlLGNBRmQsTUFBTTs7NEZBRVAsZUFBZTtrQkFIM0IsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEZXN0cm95YWJsZSwgdHlwZSBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgZmlsdGVyTWF5YmUgfSBmcm9tICdAZGVyZWVrYi9yeGpzJztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgT2JzZXJ2YWJsZSwgY29tYmluZUxhdGVzdCwgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCwgc3dpdGNoTWFwLCBzaGFyZVJlcGxheSB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgSW5qZWN0YWJsZSwgSW5qZWN0aW9uVG9rZW4sIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5leHBvcnQgY29uc3QgREJYX1NUWUxFX0RFRkFVTFRfQ09ORklHX1RPS0VOID0gbmV3IEluamVjdGlvblRva2VuKCdEYnhTdHlsZVNlcnZpY2VEZWZhdWx0Q29uZmlnJyk7XG5cbmV4cG9ydCBpbnRlcmZhY2UgRGJ4U3R5bGVDb25maWcge1xuICAvKipcbiAgICogUm9vdCBzdHlsZSBuYW1lLlxuICAgKi9cbiAgc3R5bGU6IHN0cmluZztcbiAgLyoqXG4gICAqIFN1ZmZpeGVzIGF2YWlsYWJsZSB0byB0aGlzIGNvbmZpZ3VyYXRpb24uXG4gICAqL1xuICBzdWZmaXhlcz86IFNldDxzdHJpbmc+O1xufVxuXG4vKipcbiAqIFVzZWQgZm9yIG1hbmFnaW5nIHN0eWxlcyB3aXRoaW4gYW4gYXBwLlxuICovXG5ASW5qZWN0YWJsZSh7XG4gIHByb3ZpZGVkSW46ICdyb290J1xufSlcbmV4cG9ydCBjbGFzcyBEYnhTdHlsZVNlcnZpY2UgaW1wbGVtZW50cyBEZXN0cm95YWJsZSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX2RlZmF1bHRDb25maWcgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPERieFN0eWxlQ29uZmlnPj4oaW5qZWN0PERieFN0eWxlQ29uZmlnPihEQlhfU1RZTEVfREVGQVVMVF9DT05GSUdfVE9LRU4pKTtcbiAgcHJpdmF0ZSByZWFkb25seSBfY29uZmlnID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxPYnNlcnZhYmxlPERieFN0eWxlQ29uZmlnPj4+KHVuZGVmaW5lZCk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX3N1ZmZpeCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWF5YmU8c3RyaW5nPj4odW5kZWZpbmVkKTtcblxuICByZWFkb25seSBjb25maWckID0gdGhpcy5fY29uZmlnLnBpcGUoXG4gICAgc3dpdGNoTWFwKCh4KSA9PiB7XG4gICAgICBpZiAoeCA9PSBudWxsKSB7XG4gICAgICAgIHJldHVybiB0aGlzLl9kZWZhdWx0Q29uZmlnO1xuICAgICAgfSBlbHNlIHtcbiAgICAgICAgcmV0dXJuIHg7XG4gICAgICB9XG4gICAgfSksXG4gICAgZmlsdGVyTWF5YmUoKSxcbiAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgIHNoYXJlUmVwbGF5KDEpXG4gICk7XG5cbiAgcmVhZG9ubHkgc3VmZml4JCA9IHRoaXMuX3N1ZmZpeC5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksIHNoYXJlUmVwbGF5KDEpKTtcbiAgcmVhZG9ubHkgc3R5bGUkID0gdGhpcy5nZXRTdHlsZVdpdGhDb25maWcodGhpcy5jb25maWckKTtcblxuICBnZXQgc3VmZml4KCk6IE1heWJlPHN0cmluZz4ge1xuICAgIHJldHVybiB0aGlzLl9zdWZmaXgudmFsdWU7XG4gIH1cblxuICBzZXQgc3VmZml4KHN1ZmZpeDogTWF5YmU8c3RyaW5nPikge1xuICAgIHRoaXMuX3N1ZmZpeC5uZXh0KHN1ZmZpeCk7XG4gIH1cblxuICBnZXRTdHlsZVdpdGhDb25maWcoY29uZmlnT2JzOiBPYnNlcnZhYmxlPERieFN0eWxlQ29uZmlnPik6IE9ic2VydmFibGU8c3RyaW5nPiB7XG4gICAgcmV0dXJuIGNvbWJpbmVMYXRlc3QoW2NvbmZpZ09icywgdGhpcy5zdWZmaXgkXSkucGlwZShcbiAgICAgIG1hcCgoW2NvbmZpZywgc3VmZml4XSkgPT4ge1xuICAgICAgICBsZXQgc3R5bGUgPSBjb25maWcuc3R5bGU7XG5cbiAgICAgICAgaWYgKHN1ZmZpeCAhPSBudWxsICYmIGNvbmZpZy5zdWZmaXhlcykge1xuICAgICAgICAgIGNvbnN0IHNhbml0aXplZFN1ZmZpeCA9IHN1ZmZpeFswXSA9PT0gJy0nID8gc3VmZml4Py5zbGljZSgxKSA6IHN1ZmZpeDtcblxuICAgICAgICAgIGlmIChjb25maWcuc3VmZml4ZXMuaGFzKHNhbml0aXplZFN1ZmZpeCkpIHtcbiAgICAgICAgICAgIHN0eWxlID0gYCR7c3R5bGV9LSR7c2FuaXRpemVkU3VmZml4fWA7XG4gICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgcmV0dXJuIHN0eWxlO1xuICAgICAgfSksXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgc2hhcmVSZXBsYXkoMSlcbiAgICApO1xuICB9XG5cbiAgdG9nZ2xlRGFya1N1ZmZpeChkYXJrPzogTWF5YmU8Ym9vbGVhbj4pIHtcbiAgICBjb25zdCB0b2dnbGU6IGJvb2xlYW4gPSBkYXJrICE9IG51bGwgPyBkYXJrIDogdGhpcy5zdWZmaXggIT09ICctZGFyayc7XG5cbiAgICBpZiAodG9nZ2xlKSB7XG4gICAgICB0aGlzLnN1ZmZpeCA9ICctZGFyayc7XG4gICAgfSBlbHNlIHtcbiAgICAgIHRoaXMuc3VmZml4ID0gdW5kZWZpbmVkO1xuICAgIH1cbiAgfVxuXG4gIHNldERlZmF1bHRDb25maWcoZGVmYXVsdENvbmZpZzogRGJ4U3R5bGVDb25maWcpIHtcbiAgICB0aGlzLl9kZWZhdWx0Q29uZmlnLm5leHQoZGVmYXVsdENvbmZpZyk7XG4gIH1cblxuICBzZXRDb25maWcoY29uZmlnOiBPYnNlcnZhYmxlPERieFN0eWxlQ29uZmlnPikge1xuICAgIHRoaXMuX2NvbmZpZy5uZXh0KGNvbmZpZyk7XG4gIH1cblxuICBkZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuX2RlZmF1bHRDb25maWcuY29tcGxldGUoKTtcbiAgICB0aGlzLl9jb25maWcuY29tcGxldGUoKTtcbiAgICB0aGlzLl9zdWZmaXguY29tcGxldGUoKTtcbiAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc3R5bGUvc3R5bGUuc2VydmljZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsOEJBQThCLEVBQTJCLE1BQU0sZUFBZSxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxZQUFZLEVBQUUsV0FBVyxFQUFxQixNQUFNLGVBQWUsQ0FBQztBQUM3RSxPQUFPLEVBQUUsZUFBZSxFQUFjLGFBQWEsRUFBRSxvQkFBb0IsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNySCxPQUFPLEVBQUUsVUFBVSxFQUFFLGNBQWMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDbkUsT0FBTyxFQUFFLDJCQUEyQixFQUFpQix3QkFBd0IsRUFBaUUsTUFBTSxTQUFTLENBQUM7O0FBRTlKLE1BQU0sQ0FBQyxNQUFNLDhCQUE4QixHQUFHLElBQUksY0FBYyxDQUFDLDhCQUE4QixDQUFDLENBQUM7QUFFakc7O0dBRUc7QUFFSCxNQUFNLE9BQU8sZUFBZTtJQUNULGNBQWMsR0FBRyxJQUFJLGVBQWUsQ0FBd0IsTUFBTSxDQUFpQiw4QkFBOEIsQ0FBQyxDQUFDLENBQUM7SUFFcEgsT0FBTyxHQUFHLElBQUksZUFBZSxDQUFvQyxTQUFTLENBQUMsQ0FBQztJQUM1RSxpQkFBaUIsR0FBRyxJQUFJLGVBQWUsQ0FBa0MsU0FBUyxDQUFDLENBQUM7SUFFNUYsT0FBTyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUNsQyxTQUFTLENBQUMsQ0FBQyxDQUFDLEVBQUUsRUFBRTtRQUNkLElBQUksQ0FBQyxJQUFJLElBQUksRUFBRSxDQUFDO1lBQ2QsT0FBTyxJQUFJLENBQUMsY0FBYyxDQUFDO1FBQzdCLENBQUM7YUFBTSxDQUFDO1lBQ04sT0FBTyxDQUFDLENBQUM7UUFDWCxDQUFDO0lBQ0gsQ0FBQyxDQUFDLEVBQ0YsV0FBVyxFQUFFLEVBQ2Isb0JBQW9CLEVBQUUsRUFDdEIsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7SUFFTyxpQkFBaUIsR0FBRyxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLEVBQUUsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDeEYsZUFBZSxHQUFHLElBQUksQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFdEU7Ozs7O09BS0c7SUFDSCx1QkFBdUIsQ0FBQyxTQUFxQztRQUMzRCxPQUFPLGFBQWEsQ0FBQyxDQUFDLFNBQVMsRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDNUQsR0FBRyxDQUFDLENBQUMsQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEVBQUUsRUFBRTtZQUN2QixJQUFJLFVBQVUsR0FBRyxNQUFNLENBQUMsS0FBSyxDQUFDO1lBRTlCLElBQUksTUFBTSxJQUFJLElBQUksSUFBSSxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUM7Z0JBQ3RDLElBQUksTUFBTSxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsQ0FBQztvQkFDaEMsVUFBVSxHQUFHLEdBQUcsVUFBVSxHQUFHLDhCQUE4QixDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxFQUFFLENBQUM7Z0JBQzNGLENBQUM7WUFDSCxDQUFDO1lBRUQsT0FBTyxVQUFVLENBQUM7UUFDcEIsQ0FBQyxDQUFDLEVBQ0Ysb0JBQW9CLEVBQUUsRUFDdEIsV0FBVyxDQUFDLENBQUMsQ0FBQyxDQUNmLENBQUM7SUFDSixDQUFDO0lBRUQ7Ozs7T0FJRztJQUNILGdCQUFnQixDQUFDLE1BQXVCO1FBQ3RDLElBQUksQ0FBQyxZQUFZLENBQUMsMkJBQTJCLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDekQsQ0FBQztJQUVEOzs7OztPQUtHO0lBQ0gsWUFBWSxDQUFDLE1BQTJCLEVBQUUsTUFBdUI7UUFDL0QsbUJBQW1CO1FBQ25CLE1BQU0sR0FBRyx3QkFBd0IsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUUxQyxNQUFNLFdBQVcsR0FBWSxNQUFNLElBQUksSUFBSSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyx1QkFBdUIsS0FBSyxNQUFNLENBQUM7UUFDL0YsSUFBSSxXQUFXLEdBQStCLFNBQVMsQ0FBQztRQUV4RCxJQUFJLFdBQVcsRUFBRSxDQUFDO1lBQ2hCLFdBQVcsR0FBRyxNQUFNLENBQUM7UUFDdkIsQ0FBQzthQUFNLENBQUM7WUFDTixXQUFXLEdBQUcsU0FBUyxDQUFDO1FBQzFCLENBQUM7UUFFRCxJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLHVCQUF1QjtRQUN6QixPQUFPLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxLQUFLLENBQUM7SUFDdEMsQ0FBQztJQUVELG1CQUFtQixDQUFDLE1BQWtDO1FBQ3BELElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyx3QkFBd0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDckYsQ0FBQztJQUVELGdCQUFnQixDQUFDLGFBQTZCO1FBQzVDLElBQUksQ0FBQyxjQUFjLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7SUFFRCxTQUFTLENBQUMsTUFBeUM7UUFDakQsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFDMUMsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQy9CLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUM7UUFDeEIsSUFBSSxDQUFDLGlCQUFpQixDQUFDLFFBQVEsRUFBRSxDQUFDO0lBQ3BDLENBQUM7d0dBakdVLGVBQWU7NEdBQWYsZUFBZTs7NEZBQWYsZUFBZTtrQkFEM0IsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERBU0hfQ0hBUkFDVEVSX1BSRUZJWF9JTlNUQU5DRSwgRGVzdHJveWFibGUsIHR5cGUgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IGFzT2JzZXJ2YWJsZSwgZmlsdGVyTWF5YmUsIE9ic2VydmFibGVPclZhbHVlIH0gZnJvbSAnQGRlcmVla2Ivcnhqcyc7XG5pbXBvcnQgeyBCZWhhdmlvclN1YmplY3QsIE9ic2VydmFibGUsIGNvbWJpbmVMYXRlc3QsIGRpc3RpbmN0VW50aWxDaGFuZ2VkLCBtYXAsIHN3aXRjaE1hcCwgc2hhcmVSZXBsYXkgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IEluamVjdGFibGUsIEluamVjdGlvblRva2VuLCBpbmplY3QgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERCWF9EQVJLX1NUWUxFX0NMQVNTX1NVRkZJWCwgRGJ4U3R5bGVDbGFzcywgZGJ4U3R5bGVDbGFzc0NsZWFuU3VmZml4LCBEYnhTdHlsZUNsYXNzQ2xlYW5TdWZmaXgsIERieFN0eWxlQ2xhc3NTdWZmaXgsIERieFN0eWxlQ29uZmlnIH0gZnJvbSAnLi9zdHlsZSc7XG5cbmV4cG9ydCBjb25zdCBEQlhfU1RZTEVfREVGQVVMVF9DT05GSUdfVE9LRU4gPSBuZXcgSW5qZWN0aW9uVG9rZW4oJ0RieFN0eWxlU2VydmljZURlZmF1bHRDb25maWcnKTtcblxuLyoqXG4gKiBVc2VkIGZvciBtYW5hZ2luZyBzdHlsZXMgd2l0aGluIGFuIGFwcC5cbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIERieFN0eWxlU2VydmljZSBpbXBsZW1lbnRzIERlc3Ryb3lhYmxlIHtcbiAgcHJpdmF0ZSByZWFkb25seSBfZGVmYXVsdENvbmZpZyA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWF5YmU8RGJ4U3R5bGVDb25maWc+PihpbmplY3Q8RGJ4U3R5bGVDb25maWc+KERCWF9TVFlMRV9ERUZBVUxUX0NPTkZJR19UT0tFTikpO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgX2NvbmZpZyA9IG5ldyBCZWhhdmlvclN1YmplY3Q8TWF5YmU8T2JzZXJ2YWJsZTxEYnhTdHlsZUNvbmZpZz4+Pih1bmRlZmluZWQpO1xuICBwcml2YXRlIHJlYWRvbmx5IF9zdHlsZUNsYXNzU3VmZml4ID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxEYnhTdHlsZUNsYXNzQ2xlYW5TdWZmaXg+Pih1bmRlZmluZWQpO1xuXG4gIHJlYWRvbmx5IGNvbmZpZyQgPSB0aGlzLl9jb25maWcucGlwZShcbiAgICBzd2l0Y2hNYXAoKHgpID0+IHtcbiAgICAgIGlmICh4ID09IG51bGwpIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuX2RlZmF1bHRDb25maWc7XG4gICAgICB9IGVsc2Uge1xuICAgICAgICByZXR1cm4geDtcbiAgICAgIH1cbiAgICB9KSxcbiAgICBmaWx0ZXJNYXliZSgpLFxuICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICByZWFkb25seSBzdHlsZUNsYXNzU3VmZml4JCA9IHRoaXMuX3N0eWxlQ2xhc3NTdWZmaXgucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCBzaGFyZVJlcGxheSgxKSk7XG4gIHJlYWRvbmx5IHN0eWxlQ2xhc3NOYW1lJCA9IHRoaXMuZ2V0U3R5bGVDbGFzc1dpdGhDb25maWcodGhpcy5jb25maWckKTtcblxuICAvKipcbiAgICogUmV0dXJucyB0aGUgc3R5bGUgY2xhc3MgZ2l2ZW4gdGhlIGlucHV0IGNvbmZpZ3VyYXRpb24uXG4gICAqXG4gICAqIEBwYXJhbSBjb25maWdPYnMgT2JzZXJ2YWJsZSBjb250YWluaW5nIHRoZSBjb25maWd1cmF0aW9uIHRvIHVzZS5cbiAgICogQHJldHVybnMgRGJ4U3R5bGVDbGFzc1xuICAgKi9cbiAgZ2V0U3R5bGVDbGFzc1dpdGhDb25maWcoY29uZmlnT2JzOiBPYnNlcnZhYmxlPERieFN0eWxlQ29uZmlnPik6IE9ic2VydmFibGU8RGJ4U3R5bGVDbGFzcz4ge1xuICAgIHJldHVybiBjb21iaW5lTGF0ZXN0KFtjb25maWdPYnMsIHRoaXMuc3R5bGVDbGFzc1N1ZmZpeCRdKS5waXBlKFxuICAgICAgbWFwKChbY29uZmlnLCBzdWZmaXhdKSA9PiB7XG4gICAgICAgIGxldCBzdHlsZUNsYXNzID0gY29uZmlnLnN0eWxlO1xuXG4gICAgICAgIGlmIChzdWZmaXggIT0gbnVsbCAmJiBjb25maWcuc3VmZml4ZXMpIHtcbiAgICAgICAgICBpZiAoY29uZmlnLnN1ZmZpeGVzLmhhcyhzdWZmaXgpKSB7XG4gICAgICAgICAgICBzdHlsZUNsYXNzID0gYCR7c3R5bGVDbGFzc30ke0RBU0hfQ0hBUkFDVEVSX1BSRUZJWF9JTlNUQU5DRS5wcmVmaXhTdWZmaXhTdHJpbmcoc3VmZml4KX1gO1xuICAgICAgICAgIH1cbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiBzdHlsZUNsYXNzO1xuICAgICAgfSksXG4gICAgICBkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLFxuICAgICAgc2hhcmVSZXBsYXkoMSlcbiAgICApO1xuICB9XG5cbiAgLyoqXG4gICAqIFRvZ2dsZXMgdGhlIGRhcmsgc3VmZml4IG9uL29mZiBmb3IgdGhlIHNlcnZpY2UuXG4gICAqXG4gICAqIEBwYXJhbSB0b2dnbGUgV2hldGhlciB0byB0b2dnbGUgdGhlIHN1ZmZpeCBvbiBvciBvZmZcbiAgICovXG4gIHRvZ2dsZURhcmtTdWZmaXgodG9nZ2xlPzogTWF5YmU8Ym9vbGVhbj4pIHtcbiAgICB0aGlzLnRvZ2dsZVN1ZmZpeChEQlhfREFSS19TVFlMRV9DTEFTU19TVUZGSVgsIHRvZ2dsZSk7XG4gIH1cblxuICAvKipcbiAgICogVG9nZ2xlcyB0aGUgYXJiaXRyYXJ5IHN1ZmZpeCBvbi9vZmYgZm9yIHRoZSBzZXJ2aWNlLlxuICAgKlxuICAgKiBAcGFyYW0gc3VmZml4IFRoZSBzdWZmaXggdG8gdG9nZ2xlXG4gICAqIEBwYXJhbSB0b2dnbGUgV2hldGhlciB0byB0b2dnbGUgdGhlIHN1ZmZpeCBvbiBvciBvZmZcbiAgICovXG4gIHRvZ2dsZVN1ZmZpeChzdWZmaXg6IERieFN0eWxlQ2xhc3NTdWZmaXgsIHRvZ2dsZT86IE1heWJlPGJvb2xlYW4+KSB7XG4gICAgLy8gY2xlYW4gdGhlIHN1ZmZpeFxuICAgIHN1ZmZpeCA9IGRieFN0eWxlQ2xhc3NDbGVhblN1ZmZpeChzdWZmaXgpO1xuXG4gICAgY29uc3QgdG9nZ2xlVmFsdWU6IGJvb2xlYW4gPSB0b2dnbGUgIT0gbnVsbCA/IHRvZ2dsZSA6IHRoaXMuY3VycmVudFN0eWxlQ2xhc3NTdWZmaXggIT09IHN1ZmZpeDtcbiAgICBsZXQgc3VmZml4VmFsdWU6IE1heWJlPERieFN0eWxlQ2xhc3NTdWZmaXg+ID0gdW5kZWZpbmVkO1xuXG4gICAgaWYgKHRvZ2dsZVZhbHVlKSB7XG4gICAgICBzdWZmaXhWYWx1ZSA9IHN1ZmZpeDtcbiAgICB9IGVsc2Uge1xuICAgICAgc3VmZml4VmFsdWUgPSB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgdGhpcy5fc3R5bGVDbGFzc1N1ZmZpeC5uZXh0KHN1ZmZpeFZhbHVlKTtcbiAgfVxuXG4gIGdldCBjdXJyZW50U3R5bGVDbGFzc1N1ZmZpeCgpOiBNYXliZTxEYnhTdHlsZUNsYXNzQ2xlYW5TdWZmaXg+IHtcbiAgICByZXR1cm4gdGhpcy5fc3R5bGVDbGFzc1N1ZmZpeC52YWx1ZTtcbiAgfVxuXG4gIHNldFN0eWxlQ2xhc3NTdWZmaXgoc3VmZml4OiBNYXliZTxEYnhTdHlsZUNsYXNzU3VmZml4Pikge1xuICAgIHRoaXMuX3N0eWxlQ2xhc3NTdWZmaXgubmV4dChzdWZmaXggPyBkYnhTdHlsZUNsYXNzQ2xlYW5TdWZmaXgoc3VmZml4KSA6IHVuZGVmaW5lZCk7XG4gIH1cblxuICBzZXREZWZhdWx0Q29uZmlnKGRlZmF1bHRDb25maWc6IERieFN0eWxlQ29uZmlnKSB7XG4gICAgdGhpcy5fZGVmYXVsdENvbmZpZy5uZXh0KGRlZmF1bHRDb25maWcpO1xuICB9XG5cbiAgc2V0Q29uZmlnKGNvbmZpZzogT2JzZXJ2YWJsZU9yVmFsdWU8RGJ4U3R5bGVDb25maWc+KSB7XG4gICAgdGhpcy5fY29uZmlnLm5leHQoYXNPYnNlcnZhYmxlKGNvbmZpZykpO1xuICB9XG5cbiAgZGVzdHJveSgpOiB2b2lkIHtcbiAgICB0aGlzLl9kZWZhdWx0Q29uZmlnLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5fY29uZmlnLmNvbXBsZXRlKCk7XG4gICAgdGhpcy5fc3R5bGVDbGFzc1N1ZmZpeC5jb21wbGV0ZSgpO1xuICB9XG59XG4iXX0=

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

@@ -1,9 +1,10 @@
+import { AbstractSubscriptionDirective } from '@dereekb/dbx-core';
 import { splitCommaSeparatedStringToSet } from '@dereekb/util';
-import { distinctUntilChanged, map, shareReplay, BehaviorSubject, delay, combineLatest } from 'rxjs';
+import { distinctUntilChanged, map, shareReplay, delay, combineLatest } from 'rxjs';
 import { filterMaybe } from '@dereekb/rxjs';
-import { Directive, Input, ChangeDetectorRef, inject } from '@angular/core';
+import { Directive, inject, signal, input } from '@angular/core';
 import { DbxStyleService } from './style.service';
-import { AbstractSubscriptionDirective, safeDetectChanges } from '@dereekb/dbx-core';
+import { toObservable } from '@angular/core/rxjs-interop';
 import * as i0 from "@angular/core";
 /**
  * Used to denote which app style to use for all children below this.
@@ -11,58 +12,41 @@ import * as i0 from "@angular/core";
  * Will update the parent DbxStyleService.
  */
 export class DbxSetStyleDirective extends AbstractSubscriptionDirective {
-    _suffixes = new BehaviorSubject(undefined);
-    _style = new BehaviorSubject(undefined);
-    styleService = inject(DbxStyleService);
-    cdRef = inject(ChangeDetectorRef);
-    style$ = this._style.pipe(filterMaybe());
-    suffixes$ = this._suffixes.pipe(distinctUntilChanged(), map(splitCommaSeparatedStringToSet));
+    _styleService = inject(DbxStyleService);
+    /**
+     * The input DbxStyleName to style the host element with.
+     */
+    dbxSetStyle = input();
+    /**
+     * The input suffixes to allow to be applied to the
+     */
+    suffixes = input(undefined);
+    /**
+     * The output style class to apply to the host element.
+     */
+    outputStyleClassSignal = signal('');
+    style$ = toObservable(this.dbxSetStyle).pipe(filterMaybe());
+    suffixes$ = toObservable(this.suffixes).pipe(distinctUntilChanged(), map(splitCommaSeparatedStringToSet));
     config$ = combineLatest([this.style$, this.suffixes$]).pipe(map(([style, suffixes]) => ({ style, suffixes })), shareReplay(1));
-    outputStyle$ = this.styleService.getStyleWithConfig(this.config$);
-    outputStyle = '';
-    constructor() {
-        super();
-    }
+    styleClass$ = this._styleService.getStyleClassWithConfig(this.config$);
     ngOnInit() {
-        this.styleService.setConfig(this.config$);
-        this.sub = this.outputStyle$.pipe(delay(0)).subscribe((style) => {
-            this.outputStyle = style;
-            safeDetectChanges(this.cdRef);
+        this._styleService.setConfig(this.config$);
+        this.sub = this.styleClass$.pipe(delay(0)).subscribe((style) => {
+            this.outputStyleClassSignal.set(style);
         });
     }
-    ngOnDestroy() {
-        super.ngOnDestroy();
-        this._suffixes.complete();
-        this._style.complete();
-    }
-    get style() {
-        return this._style.value ?? '';
-    }
-    set style(style) {
-        this._style.next(style);
-    }
-    get suffixes() {
-        return this._suffixes.value;
-    }
-    set suffixes(suffixes) {
-        this._suffixes.next(suffixes);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSetStyleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxSetStyleDirective, selector: "[dbxSetStyle]", inputs: { style: ["dbxSetStyle", "style"], suffixes: "suffixes" }, host: { properties: { "class": "outputStyle" }, classAttribute: "dbx-style-root" }, usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSetStyleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "18.2.13", type: DbxSetStyleDirective, isStandalone: true, selector: "[dbxSetStyle]", inputs: { dbxSetStyle: { classPropertyName: "dbxSetStyle", publicName: "dbxSetStyle", isSignal: true, isRequired: false, transformFunction: null }, suffixes: { classPropertyName: "suffixes", publicName: "suffixes", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "outputStyleClassSignal()" }, classAttribute: "dbx-style-root" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSetStyleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSetStyleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[dbxSetStyle]',
                     host: {
                         class: 'dbx-style-root',
-                        '[class]': 'outputStyle'
-                    }
+                        '[class]': 'outputStyleClassSignal()'
+                    },
+                    standalone: true
                 }]
-        }], ctorParameters: function () { return []; }, propDecorators: { style: [{
-                type: Input,
-                args: ['dbxSetStyle']
-            }], suffixes: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuc2V0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc3R5bGUvc3R5bGUuc2V0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsOEJBQThCLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFjLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDakgsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBYSxpQkFBaUIsRUFBVSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDL0YsT0FBTyxFQUFrQixlQUFlLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQzs7QUFFckY7Ozs7R0FJRztBQVFILE1BQU0sT0FBTyxvQkFBcUIsU0FBUSw2QkFBNkI7SUFDcEQsU0FBUyxHQUFHLElBQUksZUFBZSxDQUFnQixTQUFTLENBQUMsQ0FBQztJQUMxRCxNQUFNLEdBQUcsSUFBSSxlQUFlLENBQWdCLFNBQVMsQ0FBQyxDQUFDO0lBRS9ELFlBQVksR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7SUFDdkMsS0FBSyxHQUFHLE1BQU0sQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO0lBRWxDLE1BQU0sR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQ3pDLFNBQVMsR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLEdBQUcsQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDLENBQUM7SUFFN0YsT0FBTyxHQUErQixhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDOUYsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxFQUNqRCxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2YsQ0FBQztJQUVPLFlBQVksR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztJQUUzRSxXQUFXLEdBQUcsRUFBRSxDQUFDO0lBRWpCO1FBQ0UsS0FBSyxFQUFFLENBQUM7SUFDVixDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksQ0FBQyxZQUFZLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMxQyxJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzlELElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO1lBQ3pCLGlCQUFpQixDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNoQyxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFUSxXQUFXO1FBQ2xCLEtBQUssQ0FBQyxXQUFXLEVBQUUsQ0FBQztRQUNwQixJQUFJLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQzFCLElBQUksQ0FBQyxNQUFNLENBQUMsUUFBUSxFQUFFLENBQUM7SUFDekIsQ0FBQztJQUVELElBQ0ksS0FBSztRQUNQLE9BQU8sSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUFJLEtBQUssQ0FBQyxLQUFhO1FBQ3JCLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQzFCLENBQUM7SUFFRCxJQUNJLFFBQVE7UUFDVixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsS0FBSyxDQUFDO0lBQzlCLENBQUM7SUFFRCxJQUFJLFFBQVEsQ0FBQyxRQUF1QjtRQUNsQyxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUNoQyxDQUFDO3dHQXJEVSxvQkFBb0I7NEZBQXBCLG9CQUFvQjs7NEZBQXBCLG9CQUFvQjtrQkFQaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSxnQkFBZ0I7d0JBQ3ZCLFNBQVMsRUFBRSxhQUFhO3FCQUN6QjtpQkFDRjswRUF1Q0ssS0FBSztzQkFEUixLQUFLO3VCQUFDLGFBQWE7Z0JBVWhCLFFBQVE7c0JBRFgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHNwbGl0Q29tbWFTZXBhcmF0ZWRTdHJpbmdUb1NldCwgdHlwZSBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuaW1wb3J0IHsgT2JzZXJ2YWJsZSwgZGlzdGluY3RVbnRpbENoYW5nZWQsIG1hcCwgc2hhcmVSZXBsYXksIEJlaGF2aW9yU3ViamVjdCwgZGVsYXksIGNvbWJpbmVMYXRlc3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGZpbHRlck1heWJlIH0gZnJvbSAnQGRlcmVla2Ivcnhqcyc7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIElucHV0LCBPbkRlc3Ryb3ksIENoYW5nZURldGVjdG9yUmVmLCBPbkluaXQsIGluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgRGJ4U3R5bGVDb25maWcsIERieFN0eWxlU2VydmljZSB9IGZyb20gJy4vc3R5bGUuc2VydmljZSc7XG5pbXBvcnQgeyBBYnN0cmFjdFN1YnNjcmlwdGlvbkRpcmVjdGl2ZSwgc2FmZURldGVjdENoYW5nZXMgfSBmcm9tICdAZGVyZWVrYi9kYngtY29yZSc7XG5cbi8qKlxuICogVXNlZCB0byBkZW5vdGUgd2hpY2ggYXBwIHN0eWxlIHRvIHVzZSBmb3IgYWxsIGNoaWxkcmVuIGJlbG93IHRoaXMuXG4gKlxuICogV2lsbCB1cGRhdGUgdGhlIHBhcmVudCBEYnhTdHlsZVNlcnZpY2UuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYnhTZXRTdHlsZV0nLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdkYngtc3R5bGUtcm9vdCcsXG4gICAgJ1tjbGFzc10nOiAnb3V0cHV0U3R5bGUnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4U2V0U3R5bGVEaXJlY3RpdmUgZXh0ZW5kcyBBYnN0cmFjdFN1YnNjcmlwdGlvbkRpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSwgT25Jbml0IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfc3VmZml4ZXMgPSBuZXcgQmVoYXZpb3JTdWJqZWN0PE1heWJlPHN0cmluZz4+KHVuZGVmaW5lZCk7XG4gIHByaXZhdGUgcmVhZG9ubHkgX3N0eWxlID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNYXliZTxzdHJpbmc+Pih1bmRlZmluZWQpO1xuXG4gIHJlYWRvbmx5IHN0eWxlU2VydmljZSA9IGluamVjdChEYnhTdHlsZVNlcnZpY2UpO1xuICByZWFkb25seSBjZFJlZiA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG5cbiAgcmVhZG9ubHkgc3R5bGUkID0gdGhpcy5fc3R5bGUucGlwZShmaWx0ZXJNYXliZSgpKTtcbiAgcmVhZG9ubHkgc3VmZml4ZXMkID0gdGhpcy5fc3VmZml4ZXMucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCBtYXAoc3BsaXRDb21tYVNlcGFyYXRlZFN0cmluZ1RvU2V0KSk7XG5cbiAgcmVhZG9ubHkgY29uZmlnJDogT2JzZXJ2YWJsZTxEYnhTdHlsZUNvbmZpZz4gPSBjb21iaW5lTGF0ZXN0KFt0aGlzLnN0eWxlJCwgdGhpcy5zdWZmaXhlcyRdKS5waXBlKFxuICAgIG1hcCgoW3N0eWxlLCBzdWZmaXhlc10pID0+ICh7IHN0eWxlLCBzdWZmaXhlcyB9KSksXG4gICAgc2hhcmVSZXBsYXkoMSlcbiAgKTtcblxuICByZWFkb25seSBvdXRwdXRTdHlsZSQgPSB0aGlzLnN0eWxlU2VydmljZS5nZXRTdHlsZVdpdGhDb25maWcodGhpcy5jb25maWckKTtcblxuICBvdXRwdXRTdHlsZSA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKCkge1xuICAgIHN1cGVyKCk7XG4gIH1cblxuICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICB0aGlzLnN0eWxlU2VydmljZS5zZXRDb25maWcodGhpcy5jb25maWckKTtcbiAgICB0aGlzLnN1YiA9IHRoaXMub3V0cHV0U3R5bGUkLnBpcGUoZGVsYXkoMCkpLnN1YnNjcmliZSgoc3R5bGUpID0+IHtcbiAgICAgIHRoaXMub3V0cHV0U3R5bGUgPSBzdHlsZTtcbiAgICAgIHNhZmVEZXRlY3RDaGFuZ2VzKHRoaXMuY2RSZWYpO1xuICAgIH0pO1xuICB9XG5cbiAgb3ZlcnJpZGUgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgc3VwZXIubmdPbkRlc3Ryb3koKTtcbiAgICB0aGlzLl9zdWZmaXhlcy5jb21wbGV0ZSgpO1xuICAgIHRoaXMuX3N0eWxlLmNvbXBsZXRlKCk7XG4gIH1cblxuICBASW5wdXQoJ2RieFNldFN0eWxlJylcbiAgZ2V0IHN0eWxlKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIHRoaXMuX3N0eWxlLnZhbHVlID8/ICcnO1xuICB9XG5cbiAgc2V0IHN0eWxlKHN0eWxlOiBzdHJpbmcpIHtcbiAgICB0aGlzLl9zdHlsZS5uZXh0KHN0eWxlKTtcbiAgfVxuXG4gIEBJbnB1dCgpXG4gIGdldCBzdWZmaXhlcygpOiBNYXliZTxzdHJpbmc+IHtcbiAgICByZXR1cm4gdGhpcy5fc3VmZml4ZXMudmFsdWU7XG4gIH1cblxuICBzZXQgc3VmZml4ZXMoc3VmZml4ZXM6IE1heWJlPHN0cmluZz4pIHtcbiAgICB0aGlzLl9zdWZmaXhlcy5uZXh0KHN1ZmZpeGVzKTtcbiAgfVxufVxuIl19
+        }] });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGUuc2V0LmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvc3R5bGUvc3R5bGUuc2V0LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsOEJBQThCLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFDM0UsT0FBTyxFQUFjLG9CQUFvQixFQUFFLEdBQUcsRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxNQUFNLE1BQU0sQ0FBQztBQUNoRyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQXFCLE1BQU0sRUFBRSxNQUFNLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUVsRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sNEJBQTRCLENBQUM7O0FBRTFEOzs7O0dBSUc7QUFTSCxNQUFNLE9BQU8sb0JBQXFCLFNBQVEsNkJBQTZCO0lBQ3BELGFBQWEsR0FBRyxNQUFNLENBQUMsZUFBZSxDQUFDLENBQUM7SUFFekQ7O09BRUc7SUFDTSxXQUFXLEdBQUcsS0FBSyxFQUFnQixDQUFDO0lBRTdDOztPQUVHO0lBQ00sUUFBUSxHQUFHLEtBQUssQ0FBZ0IsU0FBUyxDQUFDLENBQUM7SUFFcEQ7O09BRUc7SUFDTSxzQkFBc0IsR0FBRyxNQUFNLENBQWdCLEVBQUUsQ0FBQyxDQUFDO0lBRW5ELE1BQU0sR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUUsQ0FBQyxDQUFDO0lBQzVELFNBQVMsR0FBRyxZQUFZLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLEdBQUcsQ0FBQyw4QkFBOEIsQ0FBQyxDQUFDLENBQUM7SUFFMUcsT0FBTyxHQUErQixhQUFhLENBQUMsQ0FBQyxJQUFJLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDOUYsR0FBRyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUMsRUFBRSxLQUFLLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQyxFQUNqRCxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQ2YsQ0FBQztJQUVPLFdBQVcsR0FBOEIsSUFBSSxDQUFDLGFBQWEsQ0FBQyx1QkFBdUIsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFFM0csUUFBUTtRQUNOLElBQUksQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUMzQyxJQUFJLENBQUMsR0FBRyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLEtBQUssRUFBRSxFQUFFO1lBQzdELElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDekMsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO3dHQWpDVSxvQkFBb0I7NEZBQXBCLG9CQUFvQjs7NEZBQXBCLG9CQUFvQjtrQkFSaEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtvQkFDekIsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSxnQkFBZ0I7d0JBQ3ZCLFNBQVMsRUFBRSwwQkFBMEI7cUJBQ3RDO29CQUNELFVBQVUsRUFBRSxJQUFJO2lCQUNqQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEFic3RyYWN0U3Vic2NyaXB0aW9uRGlyZWN0aXZlIH0gZnJvbSAnQGRlcmVla2IvZGJ4LWNvcmUnO1xuaW1wb3J0IHsgc3BsaXRDb21tYVNlcGFyYXRlZFN0cmluZ1RvU2V0LCB0eXBlIE1heWJlIH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5pbXBvcnQgeyBPYnNlcnZhYmxlLCBkaXN0aW5jdFVudGlsQ2hhbmdlZCwgbWFwLCBzaGFyZVJlcGxheSwgZGVsYXksIGNvbWJpbmVMYXRlc3QgfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGZpbHRlck1heWJlIH0gZnJvbSAnQGRlcmVla2Ivcnhqcyc7XG5pbXBvcnQgeyBEaXJlY3RpdmUsIE9uRGVzdHJveSwgT25Jbml0LCBpbmplY3QsIHNpZ25hbCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERieFN0eWxlU2VydmljZSB9IGZyb20gJy4vc3R5bGUuc2VydmljZSc7XG5pbXBvcnQgeyBEYnhTdHlsZUNvbmZpZywgRGJ4U3R5bGVDbGFzcywgRGJ4U3R5bGVOYW1lIH0gZnJvbSAnLi9zdHlsZSc7XG5pbXBvcnQgeyB0b09ic2VydmFibGUgfSBmcm9tICdAYW5ndWxhci9jb3JlL3J4anMtaW50ZXJvcCc7XG5cbi8qKlxuICogVXNlZCB0byBkZW5vdGUgd2hpY2ggYXBwIHN0eWxlIHRvIHVzZSBmb3IgYWxsIGNoaWxkcmVuIGJlbG93IHRoaXMuXG4gKlxuICogV2lsbCB1cGRhdGUgdGhlIHBhcmVudCBEYnhTdHlsZVNlcnZpY2UuXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tkYnhTZXRTdHlsZV0nLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdkYngtc3R5bGUtcm9vdCcsXG4gICAgJ1tjbGFzc10nOiAnb3V0cHV0U3R5bGVDbGFzc1NpZ25hbCgpJ1xuICB9LFxuICBzdGFuZGFsb25lOiB0cnVlXG59KVxuZXhwb3J0IGNsYXNzIERieFNldFN0eWxlRGlyZWN0aXZlIGV4dGVuZHMgQWJzdHJhY3RTdWJzY3JpcHRpb25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3ksIE9uSW5pdCB7XG4gIHByaXZhdGUgcmVhZG9ubHkgX3N0eWxlU2VydmljZSA9IGluamVjdChEYnhTdHlsZVNlcnZpY2UpO1xuXG4gIC8qKlxuICAgKiBUaGUgaW5wdXQgRGJ4U3R5bGVOYW1lIHRvIHN0eWxlIHRoZSBob3N0IGVsZW1lbnQgd2l0aC5cbiAgICovXG4gIHJlYWRvbmx5IGRieFNldFN0eWxlID0gaW5wdXQ8RGJ4U3R5bGVOYW1lPigpO1xuXG4gIC8qKlxuICAgKiBUaGUgaW5wdXQgc3VmZml4ZXMgdG8gYWxsb3cgdG8gYmUgYXBwbGllZCB0byB0aGVcbiAgICovXG4gIHJlYWRvbmx5IHN1ZmZpeGVzID0gaW5wdXQ8TWF5YmU8c3RyaW5nPj4odW5kZWZpbmVkKTtcblxuICAvKipcbiAgICogVGhlIG91dHB1dCBzdHlsZSBjbGFzcyB0byBhcHBseSB0byB0aGUgaG9zdCBlbGVtZW50LlxuICAgKi9cbiAgcmVhZG9ubHkgb3V0cHV0U3R5bGVDbGFzc1NpZ25hbCA9IHNpZ25hbDxEYnhTdHlsZUNsYXNzPignJyk7XG5cbiAgcmVhZG9ubHkgc3R5bGUkID0gdG9PYnNlcnZhYmxlKHRoaXMuZGJ4U2V0U3R5bGUpLnBpcGUoZmlsdGVyTWF5YmUoKSk7XG4gIHJlYWRvbmx5IHN1ZmZpeGVzJCA9IHRvT2JzZXJ2YWJsZSh0aGlzLnN1ZmZpeGVzKS5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksIG1hcChzcGxpdENvbW1hU2VwYXJhdGVkU3RyaW5nVG9TZXQpKTtcblxuICByZWFkb25seSBjb25maWckOiBPYnNlcnZhYmxlPERieFN0eWxlQ29uZmlnPiA9IGNvbWJpbmVMYXRlc3QoW3RoaXMuc3R5bGUkLCB0aGlzLnN1ZmZpeGVzJF0pLnBpcGUoXG4gICAgbWFwKChbc3R5bGUsIHN1ZmZpeGVzXSkgPT4gKHsgc3R5bGUsIHN1ZmZpeGVzIH0pKSxcbiAgICBzaGFyZVJlcGxheSgxKVxuICApO1xuXG4gIHJlYWRvbmx5IHN0eWxlQ2xhc3MkOiBPYnNlcnZhYmxlPERieFN0eWxlQ2xhc3M+ID0gdGhpcy5fc3R5bGVTZXJ2aWNlLmdldFN0eWxlQ2xhc3NXaXRoQ29uZmlnKHRoaXMuY29uZmlnJCk7XG5cbiAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgdGhpcy5fc3R5bGVTZXJ2aWNlLnNldENvbmZpZyh0aGlzLmNvbmZpZyQpO1xuICAgIHRoaXMuc3ViID0gdGhpcy5zdHlsZUNsYXNzJC5waXBlKGRlbGF5KDApKS5zdWJzY3JpYmUoKHN0eWxlKSA9PiB7XG4gICAgICB0aGlzLm91dHB1dFN0eWxlQ2xhc3NTaWduYWwuc2V0KHN0eWxlKTtcbiAgICB9KTtcbiAgfVxufVxuIl19

package/esm2022/lib/layout/text/address.component.mjs

@@ -1,48 +1,69 @@
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
 import * as i0 from "@angular/core";
-import * as i1 from "@angular/common";
 // prettier-ignore
 export class DbxUnitedStatesAddressComponent {
     address;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxUnitedStatesAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxUnitedStatesAddressComponent, selector: "dbx-us-address", inputs: { address: "address" }, host: { classAttribute: "dbx-us-address" }, ngImport: i0, template: `
-    <ng-container *ngIf="address">
-      <div *ngIf="address.name" class="addr-name">{{ address.name }}</div>
-      <div *ngIf="address.phone" class="addr-phone">{{ address.phone }}</div>
-      <div *ngIf="address.line1" class="addr-line1">{{ address.line1 }}</div>
-      <div *ngIf="address.line2" class="addr-line2">{{ address.line2 }}</div>
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxUnitedStatesAddressComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.13", type: DbxUnitedStatesAddressComponent, isStandalone: true, selector: "dbx-us-address", inputs: { address: "address" }, host: { classAttribute: "dbx-us-address" }, ngImport: i0, template: `
+    @if (address) {
+      @if (address.name) {
+        <div class="addr-name">{{ address.name }}</div>
+      }
+      @if (address.phone) {
+        <div class="addr-phone">{{ address.phone }}</div>
+      }
+      @if (address.line1) {
+        <div class="addr-line1">{{ address.line1 }}</div>
+      }
+      @if (address.line2) {
+        <div class="addr-line2">{{ address.line2 }}</div>
+      }
       <div class="city-state-zip">
         <span class="addr-city">{{ address.city }}</span>
-        <span *ngIf="address.state || address.zip">, </span>
+        @if (address.state || address.zip) {
+          <span>, </span>
+        }
         <span class="addr-state">{{ address.state }} </span>
         <span class="addr-zip">{{ address.zip }}</span>
       </div>
-    </ng-container>
-  `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] });
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxUnitedStatesAddressComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxUnitedStatesAddressComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-us-address',
                     template: `
-    <ng-container *ngIf="address">
-      <div *ngIf="address.name" class="addr-name">{{ address.name }}</div>
-      <div *ngIf="address.phone" class="addr-phone">{{ address.phone }}</div>
-      <div *ngIf="address.line1" class="addr-line1">{{ address.line1 }}</div>
-      <div *ngIf="address.line2" class="addr-line2">{{ address.line2 }}</div>
+    @if (address) {
+      @if (address.name) {
+        <div class="addr-name">{{ address.name }}</div>
+      }
+      @if (address.phone) {
+        <div class="addr-phone">{{ address.phone }}</div>
+      }
+      @if (address.line1) {
+        <div class="addr-line1">{{ address.line1 }}</div>
+      }
+      @if (address.line2) {
+        <div class="addr-line2">{{ address.line2 }}</div>
+      }
       <div class="city-state-zip">
         <span class="addr-city">{{ address.city }}</span>
-        <span *ngIf="address.state || address.zip">, </span>
+        @if (address.state || address.zip) {
+          <span>, </span>
+        }
         <span class="addr-state">{{ address.state }} </span>
         <span class="addr-zip">{{ address.zip }}</span>
       </div>
-    </ng-container>
+    }
   `,
                     host: {
                         class: 'dbx-us-address'
-                    }
+                    },
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], propDecorators: { address: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkcmVzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3RleHQvYWRkcmVzcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7OztBQUdqRCxrQkFBa0I7QUFxQmxCLE1BQU0sT0FBTywrQkFBK0I7SUFFMUMsT0FBTyxDQUFpRDt3R0FGN0MsK0JBQStCOzRGQUEvQiwrQkFBK0Isa0lBbEJoQzs7Ozs7Ozs7Ozs7OztHQWFUOzs0RkFLVSwrQkFBK0I7a0JBcEIzQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxnQkFBZ0I7b0JBQzFCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7OztHQWFUO29CQUNELElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsZ0JBQWdCO3FCQUN4QjtpQkFDRjs4QkFHQyxPQUFPO3NCQUROLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXliZSwgVW5pdGVkU3RhdGVzQWRkcmVzc1dpdGhDb250YWN0IH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8vIHByZXR0aWVyLWlnbm9yZVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXVzLWFkZHJlc3MnLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJhZGRyZXNzXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiYWRkcmVzcy5uYW1lXCIgY2xhc3M9XCJhZGRyLW5hbWVcIj57eyBhZGRyZXNzLm5hbWUgfX08L2Rpdj5cbiAgICAgIDxkaXYgKm5nSWY9XCJhZGRyZXNzLnBob25lXCIgY2xhc3M9XCJhZGRyLXBob25lXCI+e3sgYWRkcmVzcy5waG9uZSB9fTwvZGl2PlxuICAgICAgPGRpdiAqbmdJZj1cImFkZHJlc3MubGluZTFcIiBjbGFzcz1cImFkZHItbGluZTFcIj57eyBhZGRyZXNzLmxpbmUxIH19PC9kaXY+XG4gICAgICA8ZGl2ICpuZ0lmPVwiYWRkcmVzcy5saW5lMlwiIGNsYXNzPVwiYWRkci1saW5lMlwiPnt7IGFkZHJlc3MubGluZTIgfX08L2Rpdj5cbiAgICAgIDxkaXYgY2xhc3M9XCJjaXR5LXN0YXRlLXppcFwiPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImFkZHItY2l0eVwiPnt7IGFkZHJlc3MuY2l0eSB9fTwvc3Bhbj5cbiAgICAgICAgPHNwYW4gKm5nSWY9XCJhZGRyZXNzLnN0YXRlIHx8IGFkZHJlc3MuemlwXCI+LCA8L3NwYW4+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYWRkci1zdGF0ZVwiPnt7IGFkZHJlc3Muc3RhdGUgfX0gPC9zcGFuPlxuICAgICAgICA8c3BhbiBjbGFzcz1cImFkZHItemlwXCI+e3sgYWRkcmVzcy56aXAgfX08L3NwYW4+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgYCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZGJ4LXVzLWFkZHJlc3MnXG4gIH1cbn0pXG5leHBvcnQgY2xhc3MgRGJ4VW5pdGVkU3RhdGVzQWRkcmVzc0NvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGFkZHJlc3M6IE1heWJlPFBhcnRpYWw8VW5pdGVkU3RhdGVzQWRkcmVzc1dpdGhDb250YWN0Pj47XG59XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWRkcmVzcy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wYWNrYWdlcy9kYngtd2ViL3NyYy9saWIvbGF5b3V0L3RleHQvYWRkcmVzcy5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBRzFFLGtCQUFrQjtBQWlDbEIsTUFBTSxPQUFPLCtCQUErQjtJQUcxQyxPQUFPLENBQWtEO3dHQUg5QywrQkFBK0I7NEZBQS9CLCtCQUErQixzSkE5QmhDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXVCVDs7NEZBT1UsK0JBQStCO2tCQWhDM0MsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZ0JBQWdCO29CQUMxQixRQUFRLEVBQUU7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJUO29CQUNELElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsZ0JBQWdCO3FCQUN4QjtvQkFDRCxVQUFVLEVBQUUsSUFBSTtvQkFDaEIsZUFBZSxFQUFFLHVCQUF1QixDQUFDLE1BQU07aUJBQ2hEOzhCQUlDLE9BQU87c0JBRE4sS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXliZSwgVW5pdGVkU3RhdGVzQWRkcmVzc1dpdGhDb250YWN0IH0gZnJvbSAnQGRlcmVla2IvdXRpbCc7XG5cbi8vIHByZXR0aWVyLWlnbm9yZVxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGJ4LXVzLWFkZHJlc3MnLFxuICB0ZW1wbGF0ZTogYFxuICAgIEBpZiAoYWRkcmVzcykge1xuICAgICAgQGlmIChhZGRyZXNzLm5hbWUpIHtcbiAgICAgICAgPGRpdiBjbGFzcz1cImFkZHItbmFtZVwiPnt7IGFkZHJlc3MubmFtZSB9fTwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChhZGRyZXNzLnBob25lKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyLXBob25lXCI+e3sgYWRkcmVzcy5waG9uZSB9fTwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChhZGRyZXNzLmxpbmUxKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyLWxpbmUxXCI+e3sgYWRkcmVzcy5saW5lMSB9fTwvZGl2PlxuICAgICAgfVxuICAgICAgQGlmIChhZGRyZXNzLmxpbmUyKSB7XG4gICAgICAgIDxkaXYgY2xhc3M9XCJhZGRyLWxpbmUyXCI+e3sgYWRkcmVzcy5saW5lMiB9fTwvZGl2PlxuICAgICAgfVxuICAgICAgPGRpdiBjbGFzcz1cImNpdHktc3RhdGUtemlwXCI+XG4gICAgICAgIDxzcGFuIGNsYXNzPVwiYWRkci1jaXR5XCI+e3sgYWRkcmVzcy5jaXR5IH19PC9zcGFuPlxuICAgICAgICBAaWYgKGFkZHJlc3Muc3RhdGUgfHwgYWRkcmVzcy56aXApIHtcbiAgICAgICAgICA8c3Bhbj4sIDwvc3Bhbj5cbiAgICAgICAgfVxuICAgICAgICA8c3BhbiBjbGFzcz1cImFkZHItc3RhdGVcIj57eyBhZGRyZXNzLnN0YXRlIH19IDwvc3Bhbj5cbiAgICAgICAgPHNwYW4gY2xhc3M9XCJhZGRyLXppcFwiPnt7IGFkZHJlc3MuemlwIH19PC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgfVxuICBgLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdkYngtdXMtYWRkcmVzcydcbiAgfSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRGJ4VW5pdGVkU3RhdGVzQWRkcmVzc0NvbXBvbmVudCB7XG5cbiAgQElucHV0KClcbiAgYWRkcmVzcz86IE1heWJlPFBhcnRpYWw8VW5pdGVkU3RhdGVzQWRkcmVzc1dpdGhDb250YWN0Pj47XG5cbn1cbiJdfQ==

package/esm2022/lib/layout/text/compat/form.description.component.mjs

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
  * @deprecated Compat: Remove in future version.
  */
 export class DbxFormDescriptionComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFormDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxFormDescriptionComponent, selector: "dbx-form-description", host: { classAttribute: "dbx-form-description" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFormDescriptionComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxFormDescriptionComponent, selector: "dbx-form-description", host: { classAttribute: "dbx-form-description" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxFormDescriptionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxFormDescriptionComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-form-description',

package/esm2022/lib/layout/text/compat/hint.component.mjs

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
  * @deprecated Compat: Remove in future version.
  */
 export class DbxHintComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxHintComponent, selector: "dbx-hint", host: { classAttribute: "dbx-hint" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHintComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxHintComponent, selector: "dbx-hint", host: { classAttribute: "dbx-hint" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxHintComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxHintComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-hint',

package/esm2022/lib/layout/text/compat/label.component.mjs

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
  * @deprecated Compat: Remove in future version.
  */
 export class DbxLabelComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxLabelComponent, selector: "dbx-label", host: { classAttribute: "dbx-label" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxLabelComponent, selector: "dbx-label", host: { classAttribute: "dbx-label" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxLabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxLabelComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-label',

package/esm2022/lib/layout/text/compat/note.component.mjs

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
  * @deprecated Compat: Remove in future version.
  */
 export class DbxNoteComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxNoteComponent, selector: "dbx-note", host: { classAttribute: "dbx-note" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxNoteComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxNoteComponent, selector: "dbx-note", host: { classAttribute: "dbx-note" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxNoteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxNoteComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-note',

package/esm2022/lib/layout/text/compat/notice.component.mjs

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
  * @deprecated Compat: Remove in future version.
  */
 export class DbxNoticeComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxNoticeComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxNoticeComponent, selector: "dbx-notice", host: { classAttribute: "dbx-notice" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxNoticeComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxNoticeComponent, selector: "dbx-notice", host: { classAttribute: "dbx-notice" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxNoticeComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxNoticeComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-notice',

package/esm2022/lib/layout/text/compat/ok.component.mjs

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
  * @deprecated Compat: Remove in future version.
  */
 export class DbxOkComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxOkComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxOkComponent, selector: "dbx-ok", host: { classAttribute: "dbx-ok" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxOkComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxOkComponent, selector: "dbx-ok", host: { classAttribute: "dbx-ok" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxOkComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxOkComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-ok',

package/esm2022/lib/layout/text/compat/success.component.mjs

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
  * @deprecated Compat: Remove in future version.
  */
 export class DbxSuccessComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxSuccessComponent, selector: "dbx-success", host: { classAttribute: "dbx-success" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSuccessComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxSuccessComponent, selector: "dbx-success", host: { classAttribute: "dbx-success" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxSuccessComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxSuccessComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-success',

package/esm2022/lib/layout/text/compat/text.compat.module.mjs

@@ -17,11 +17,11 @@ const declarations = [DbxNoteComponent, DbxNoticeComponent, DbxSuccessComponent,
  * Includes a number of deprecated text components.
  */
 export class DbxTextCompatModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxTextCompatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.2.12", ngImport: i0, type: DbxTextCompatModule, declarations: [DbxNoteComponent, DbxNoticeComponent, DbxSuccessComponent, DbxWarnComponent, DbxHintComponent, DbxLabelComponent, DbxOkComponent, DbxFormDescriptionComponent], imports: [CommonModule, MatChipsModule, MatTooltipModule, MatIconModule], exports: [DbxNoteComponent, DbxNoticeComponent, DbxSuccessComponent, DbxWarnComponent, DbxHintComponent, DbxLabelComponent, DbxOkComponent, DbxFormDescriptionComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxTextCompatModule, imports: [CommonModule, MatChipsModule, MatTooltipModule, MatIconModule] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxTextCompatModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.13", ngImport: i0, type: DbxTextCompatModule, declarations: [DbxNoteComponent, DbxNoticeComponent, DbxSuccessComponent, DbxWarnComponent, DbxHintComponent, DbxLabelComponent, DbxOkComponent, DbxFormDescriptionComponent], imports: [CommonModule, MatChipsModule, MatTooltipModule, MatIconModule], exports: [DbxNoteComponent, DbxNoticeComponent, DbxSuccessComponent, DbxWarnComponent, DbxHintComponent, DbxLabelComponent, DbxOkComponent, DbxFormDescriptionComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxTextCompatModule, imports: [CommonModule, MatChipsModule, MatTooltipModule, MatIconModule] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxTextCompatModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxTextCompatModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [CommonModule, MatChipsModule, MatTooltipModule, MatIconModule],

package/esm2022/lib/layout/text/compat/warn.component.mjs

@@ -4,10 +4,10 @@ import * as i0 from "@angular/core";
  * @deprecated Compat: Remove in future version.
  */
 export class DbxWarnComponent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxWarnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "16.2.12", type: DbxWarnComponent, selector: "dbx-warn", host: { classAttribute: "dbx-warn" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxWarnComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: DbxWarnComponent, selector: "dbx-warn", host: { classAttribute: "dbx-warn" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxWarnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxWarnComponent, decorators: [{
             type: Directive,
             args: [{
                     selector: 'dbx-warn',

package/esm2022/lib/layout/text/detail.block.component.mjs

@@ -1,23 +1,23 @@
-import { Component, Input } from '@angular/core';
+import { ChangeDetectionStrategy, Component, Input } from '@angular/core';
+import { DbxDetailBlockHeaderComponent } from './detail.block.header.component';
 import * as i0 from "@angular/core";
-import * as i1 from "./detail.block.header.component";
 /**
  * Header and details offset with an icon.
  */
 export class DbxDetailBlockComponent {
     icon;
     header;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxDetailBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: DbxDetailBlockComponent, selector: "dbx-detail-block", inputs: { icon: "icon", header: "header" }, host: { classAttribute: "dbx-detail-block d-block" }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDetailBlockComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: DbxDetailBlockComponent, isStandalone: true, selector: "dbx-detail-block", inputs: { icon: "icon", header: "header" }, host: { classAttribute: "dbx-detail-block d-block" }, ngImport: i0, template: `
     <dbx-detail-block-header [icon]="icon" [header]="header">
       <ng-content select="[header]"></ng-content>
     </dbx-detail-block-header>
     <div class="dbx-detail-block-content">
       <ng-content></ng-content>
     </div>
-  `, isInline: true, dependencies: [{ kind: "component", type: i1.DbxDetailBlockHeaderComponent, selector: "dbx-detail-block-header", inputs: ["icon", "header"] }] });
+  `, isInline: true, dependencies: [{ kind: "component", type: DbxDetailBlockHeaderComponent, selector: "dbx-detail-block-header", inputs: ["icon", "header"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: DbxDetailBlockComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: DbxDetailBlockComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'dbx-detail-block',
@@ -31,11 +31,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
   `,
                     host: {
                         class: 'dbx-detail-block d-block'
-                    }
+                    },
+                    imports: [DbxDetailBlockHeaderComponent],
+                    standalone: true,
+                    changeDetection: ChangeDetectionStrategy.OnPush
                 }]
         }], propDecorators: { icon: [{
                 type: Input
             }], header: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlsLmJsb2NrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvdGV4dC9kZXRhaWwuYmxvY2suY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFHakQ7O0dBRUc7QUFlSCxNQUFNLE9BQU8sdUJBQXVCO0lBRWxDLElBQUksQ0FBaUI7SUFHckIsTUFBTSxDQUFpQjt3R0FMWix1QkFBdUI7NEZBQXZCLHVCQUF1QiwwSkFaeEI7Ozs7Ozs7R0FPVDs7NEZBS1UsdUJBQXVCO2tCQWRuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFBRTs7Ozs7OztHQU9UO29CQUNELElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsMEJBQTBCO3FCQUNsQztpQkFDRjs4QkFHQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgdHlwZSBNYXliZSB9IGZyb20gJ0BkZXJlZWtiL3V0aWwnO1xuXG4vKipcbiAqIEhlYWRlciBhbmQgZGV0YWlscyBvZmZzZXQgd2l0aCBhbiBpY29uLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdkYngtZGV0YWlsLWJsb2NrJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8ZGJ4LWRldGFpbC1ibG9jay1oZWFkZXIgW2ljb25dPVwiaWNvblwiIFtoZWFkZXJdPVwiaGVhZGVyXCI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbaGVhZGVyXVwiPjwvbmctY29udGVudD5cbiAgICA8L2RieC1kZXRhaWwtYmxvY2staGVhZGVyPlxuICAgIDxkaXYgY2xhc3M9XCJkYngtZGV0YWlsLWJsb2NrLWNvbnRlbnRcIj5cbiAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICA8L2Rpdj5cbiAgYCxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnZGJ4LWRldGFpbC1ibG9jayBkLWJsb2NrJ1xuICB9XG59KVxuZXhwb3J0IGNsYXNzIERieERldGFpbEJsb2NrQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgaWNvbj86IE1heWJlPHN0cmluZz47XG5cbiAgQElucHV0KClcbiAgaGVhZGVyPzogTWF5YmU8c3RyaW5nPjtcbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGV0YWlsLmJsb2NrLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3BhY2thZ2VzL2RieC13ZWIvc3JjL2xpYi9sYXlvdXQvdGV4dC9kZXRhaWwuYmxvY2suY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRTFFLE9BQU8sRUFBRSw2QkFBNkIsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOztBQUVoRjs7R0FFRztBQWtCSCxNQUFNLE9BQU8sdUJBQXVCO0lBRWxDLElBQUksQ0FBaUI7SUFHckIsTUFBTSxDQUFpQjt3R0FMWix1QkFBdUI7NEZBQXZCLHVCQUF1Qiw4S0FmeEI7Ozs7Ozs7R0FPVCw0REFJUyw2QkFBNkI7OzRGQUk1Qix1QkFBdUI7a0JBakJuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFFBQVEsRUFBRTs7Ozs7OztHQU9UO29CQUNELElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsMEJBQTBCO3FCQUNsQztvQkFDRCxPQUFPLEVBQUUsQ0FBQyw2QkFBNkIsQ0FBQztvQkFDeEMsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLGVBQWUsRUFBRSx1QkFBdUIsQ0FBQyxNQUFNO2lCQUNoRDs4QkFHQyxJQUFJO3NCQURILEtBQUs7Z0JBSU4sTUFBTTtzQkFETCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IHR5cGUgTWF5YmUgfSBmcm9tICdAZGVyZWVrYi91dGlsJztcbmltcG9ydCB7IERieERldGFpbEJsb2NrSGVhZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9kZXRhaWwuYmxvY2suaGVhZGVyLmNvbXBvbmVudCc7XG5cbi8qKlxuICogSGVhZGVyIGFuZCBkZXRhaWxzIG9mZnNldCB3aXRoIGFuIGljb24uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RieC1kZXRhaWwtYmxvY2snLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkYngtZGV0YWlsLWJsb2NrLWhlYWRlciBbaWNvbl09XCJpY29uXCIgW2hlYWRlcl09XCJoZWFkZXJcIj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltoZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuICAgIDwvZGJ4LWRldGFpbC1ibG9jay1oZWFkZXI+XG4gICAgPGRpdiBjbGFzcz1cImRieC1kZXRhaWwtYmxvY2stY29udGVudFwiPlxuICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICAgIDwvZGl2PlxuICBgLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdkYngtZGV0YWlsLWJsb2NrIGQtYmxvY2snXG4gIH0sXG4gIGltcG9ydHM6IFtEYnhEZXRhaWxCbG9ja0hlYWRlckNvbXBvbmVudF0sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIERieERldGFpbEJsb2NrQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgaWNvbj86IE1heWJlPHN0cmluZz47XG5cbiAgQElucHV0KClcbiAgaGVhZGVyPzogTWF5YmU8c3RyaW5nPjtcbn1cbiJdfQ==