@dereekb/dbx-form 13.8.0 → 13.9.0

package/fesm2022/dereekb-dbx-form-style.wrapper.component-BbKj-IHD.mjs

@@ -0,0 +1,42 @@
+import { NgClass, NgStyle } from '@angular/common';
+import * as i0 from '@angular/core';
+import { viewChild, ViewContainerRef, input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { valueFromObservableOrValue } from '@dereekb/rxjs';
+import { toObservable, toSignal } from '@angular/core/rxjs-interop';
+
+/**
+ * Forge wrapper component that applies dynamic CSS classes and
+ * inline styles to a container around child fields.
+ */
+class DbxForgeStyleWrapperComponent {
+    fieldComponent = viewChild.required('fieldComponent', { read: ViewContainerRef });
+    classGetter = input(...(ngDevMode ? [undefined, { debugName: "classGetter" }] : /* istanbul ignore next */ []));
+    styleGetter = input(...(ngDevMode ? [undefined, { debugName: "styleGetter" }] : /* istanbul ignore next */ []));
+    classValue$ = toObservable(this.classGetter).pipe(valueFromObservableOrValue());
+    styleValue$ = toObservable(this.styleGetter).pipe(valueFromObservableOrValue());
+    classValueSignal = toSignal(this.classValue$);
+    styleValueSignal = toSignal(this.styleValue$);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeStyleWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: DbxForgeStyleWrapperComponent, isStandalone: true, selector: "dbx-forge-style-wrapper", inputs: { classGetter: { classPropertyName: "classGetter", publicName: "classGetter", isSignal: true, isRequired: false, transformFunction: null }, styleGetter: { classPropertyName: "styleGetter", publicName: "styleGetter", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "fieldComponent", first: true, predicate: ["fieldComponent"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: `
+    <div class="dbx-form-style-wrapper" [ngClass]="classValueSignal()" [ngStyle]="styleValueSignal()">
+      <ng-container #fieldComponent></ng-container>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: DbxForgeStyleWrapperComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'dbx-forge-style-wrapper',
+                    template: `
+    <div class="dbx-form-style-wrapper" [ngClass]="classValueSignal()" [ngStyle]="styleValueSignal()">
+      <ng-container #fieldComponent></ng-container>
+    </div>
+  `,
+                    imports: [NgClass, NgStyle],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    standalone: true
+                }]
+        }], propDecorators: { fieldComponent: [{ type: i0.ViewChild, args: ['fieldComponent', { ...{ read: ViewContainerRef }, isSignal: true }] }], classGetter: [{ type: i0.Input, args: [{ isSignal: true, alias: "classGetter", required: false }] }], styleGetter: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleGetter", required: false }] }] } });
+
+export { DbxForgeStyleWrapperComponent };
+//# sourceMappingURL=dereekb-dbx-form-style.wrapper.component-BbKj-IHD.mjs.map

package/fesm2022/dereekb-dbx-form-style.wrapper.component-BbKj-IHD.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dereekb-dbx-form-style.wrapper.component-BbKj-IHD.mjs","sources":["../../../../packages/dbx-form/src/lib/forge/field/wrapper/style/style.wrapper.component.ts"],"sourcesContent":["import { NgClass, NgStyle } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, input, viewChild, ViewContainerRef } from '@angular/core';\nimport { type FieldWrapperContract } from '@ng-forge/dynamic-forms';\nimport { type MaybeObservableOrValue, valueFromObservableOrValue } from '@dereekb/rxjs';\nimport type { DbxForgeStyleObject } from './style.wrapper';\nimport { toObservable, toSignal } from '@angular/core/rxjs-interop';\n\n/**\n * Forge wrapper component that applies dynamic CSS classes and\n * inline styles to a container around child fields.\n */\n@Component({\n  selector: 'dbx-forge-style-wrapper',\n  template: `\n    <div class=\"dbx-form-style-wrapper\" [ngClass]=\"classValueSignal()\" [ngStyle]=\"styleValueSignal()\">\n      <ng-container #fieldComponent></ng-container>\n    </div>\n  `,\n  imports: [NgClass, NgStyle],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  standalone: true\n})\nexport class DbxForgeStyleWrapperComponent implements FieldWrapperContract {\n  readonly fieldComponent = viewChild.required('fieldComponent', { read: ViewContainerRef });\n\n  readonly classGetter = input<MaybeObservableOrValue<string>>();\n  readonly styleGetter = input<MaybeObservableOrValue<DbxForgeStyleObject>>();\n\n  readonly classValue$ = toObservable(this.classGetter).pipe(valueFromObservableOrValue());\n  readonly styleValue$ = toObservable(this.styleGetter).pipe(valueFromObservableOrValue());\n\n  readonly classValueSignal = toSignal(this.classValue$);\n  readonly styleValueSignal = toSignal(this.styleValue$);\n}\n"],"names":[],"mappings":"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"}