@praxisui/dynamic-fields 9.0.0-beta.27 → 9.0.0-beta.29

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-07-01T19:52:01.852Z",
+  "generatedAt": "2026-07-01T23:36:01.296Z",
   "packageName": "@praxisui/dynamic-fields",
-  "packageVersion": "9.0.0-beta.27",
+  "packageVersion": "9.0.0-beta.29",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 76,

package/fesm2022/praxisui-dynamic-fields.mjs

@@ -19345,38 +19345,40 @@ class MaterialSlideToggleComponent extends SimpleBaseInputComponent {
       [matTooltipDisabled]="!(tooltipEnabled() && !!errorMessage())"
       [matTooltipPosition]="tooltipPosition()"
     >
-      <mat-slide-toggle
-        [formControl]="control()"
-        [required]="requiredTrueEffective()"
-        [labelPosition]="metadata()?.labelPosition || 'after'"
-        [color]="metadata()?.color"
-        [disableRipple]="metadata()?.disableRipple || false"
-        [hideIcon]="metadata()?.hideIcon || false"
-        (pointerdown)="onTogglePointerDown($event)"
-        (click)="onToggleInteractionEvent($event)"
-        (keydown)="onToggleKeydown($event)"
-        [aria-label]="inputAriaLabel()"
-        [aria-labelledby]="metadata()?.ariaLabelledby || null"
-        [aria-describedby]="metadata()?.ariaDescribedby || null"
-        [attr.aria-disabled]="toggleAriaDisabled()"
-        [attr.aria-invalid]="ariaInvalidAttribute()"
-        [attr.aria-readonly]="toggleAriaReadonly()"
-        [attr.aria-required]="requiredEffective() ? 'true' : 'false'"
-      >
-        {{ label }}
-      </mat-slide-toggle>
+      <div class="pdx-slide-toggle-control-row">
+        <mat-slide-toggle
+          [formControl]="control()"
+          [required]="requiredTrueEffective()"
+          [labelPosition]="metadata()?.labelPosition || 'after'"
+          [color]="metadata()?.color"
+          [disableRipple]="metadata()?.disableRipple || false"
+          [hideIcon]="metadata()?.hideIcon || false"
+          (pointerdown)="onTogglePointerDown($event)"
+          (click)="onToggleInteractionEvent($event)"
+          (keydown)="onToggleKeydown($event)"
+          [aria-label]="inputAriaLabel()"
+          [aria-labelledby]="metadata()?.ariaLabelledby || null"
+          [aria-describedby]="metadata()?.ariaDescribedby || null"
+          [attr.aria-disabled]="toggleAriaDisabled()"
+          [attr.aria-invalid]="ariaInvalidAttribute()"
+          [attr.aria-readonly]="toggleAriaReadonly()"
+          [attr.aria-required]="requiredEffective() ? 'true' : 'false'"
+        >
+          {{ label }}
+        </mat-slide-toggle>
 
-      @if (fieldHelpPopoverText()) {
-        <mat-icon
-          class="pdx-field-help-icon"
-          [matTooltip]="fieldHelpPopoverText()"
-          matTooltipPosition="above"
-          [matTooltipDisabled]="fieldHelpPopoverDisabled()"
-          [attr.aria-label]="fieldHelpAriaLabel()"
-          tabindex="0"
-          [praxisIcon]="'help_outline'"
-        ></mat-icon>
-      }
+        @if (fieldHelpPopoverText()) {
+          <mat-icon
+            class="pdx-field-help-icon"
+            [matTooltip]="fieldHelpPopoverText()"
+            matTooltipPosition="after"
+            [matTooltipDisabled]="fieldHelpPopoverDisabled()"
+            [attr.aria-label]="fieldHelpAriaLabel()"
+            tabindex="0"
+            [praxisIcon]="'help_outline'"
+          ></mat-icon>
+        }
+      </div>
 
       @if (hasValidationError()) {
         <div class="pdx-error">{{ errorMessage() }}</div>
@@ -19385,7 +19387,7 @@ class MaterialSlideToggleComponent extends SimpleBaseInputComponent {
         <div class="pdx-hint">{{ fieldHelpInlineText() }}</div>
       }
     </div>
-  `, isInline: true, styles: [".pdx-slide-toggle-wrapper{display:flex;align-items:center;width:100%;min-height:56px;padding:4px 0;border-radius:var(--md-sys-shape-corner-large, 16px)}.pdx-slide-toggle-wrapper:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}:host{display:block;width:100%}mat-slide-toggle{flex:1 1 auto;min-width:0}.pdx-field-help-icon{border-radius:999px;flex:0 0 auto;margin-inline-start:4px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
+  `, isInline: true, styles: [".pdx-slide-toggle-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-height:56px;padding:4px 0;border-radius:var(--md-sys-shape-corner-large, 16px)}.pdx-slide-toggle-wrapper:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}:host{display:block;width:100%}.pdx-slide-toggle-control-row{display:inline-flex;align-items:center;max-width:100%;min-width:0}mat-slide-toggle{flex:0 1 auto;min-width:0}.pdx-field-help-icon{border-radius:999px;flex:0 0 auto;margin-inline-start:6px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "component", type: i2$3.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSlideToggleComponent, decorators: [{
             type: Component,
@@ -19403,38 +19405,40 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
       [matTooltipDisabled]="!(tooltipEnabled() && !!errorMessage())"
       [matTooltipPosition]="tooltipPosition()"
     >
-      <mat-slide-toggle
-        [formControl]="control()"
-        [required]="requiredTrueEffective()"
-        [labelPosition]="metadata()?.labelPosition || 'after'"
-        [color]="metadata()?.color"
-        [disableRipple]="metadata()?.disableRipple || false"
-        [hideIcon]="metadata()?.hideIcon || false"
-        (pointerdown)="onTogglePointerDown($event)"
-        (click)="onToggleInteractionEvent($event)"
-        (keydown)="onToggleKeydown($event)"
-        [aria-label]="inputAriaLabel()"
-        [aria-labelledby]="metadata()?.ariaLabelledby || null"
-        [aria-describedby]="metadata()?.ariaDescribedby || null"
-        [attr.aria-disabled]="toggleAriaDisabled()"
-        [attr.aria-invalid]="ariaInvalidAttribute()"
-        [attr.aria-readonly]="toggleAriaReadonly()"
-        [attr.aria-required]="requiredEffective() ? 'true' : 'false'"
-      >
-        {{ label }}
-      </mat-slide-toggle>
+      <div class="pdx-slide-toggle-control-row">
+        <mat-slide-toggle
+          [formControl]="control()"
+          [required]="requiredTrueEffective()"
+          [labelPosition]="metadata()?.labelPosition || 'after'"
+          [color]="metadata()?.color"
+          [disableRipple]="metadata()?.disableRipple || false"
+          [hideIcon]="metadata()?.hideIcon || false"
+          (pointerdown)="onTogglePointerDown($event)"
+          (click)="onToggleInteractionEvent($event)"
+          (keydown)="onToggleKeydown($event)"
+          [aria-label]="inputAriaLabel()"
+          [aria-labelledby]="metadata()?.ariaLabelledby || null"
+          [aria-describedby]="metadata()?.ariaDescribedby || null"
+          [attr.aria-disabled]="toggleAriaDisabled()"
+          [attr.aria-invalid]="ariaInvalidAttribute()"
+          [attr.aria-readonly]="toggleAriaReadonly()"
+          [attr.aria-required]="requiredEffective() ? 'true' : 'false'"
+        >
+          {{ label }}
+        </mat-slide-toggle>
 
-      @if (fieldHelpPopoverText()) {
-        <mat-icon
-          class="pdx-field-help-icon"
-          [matTooltip]="fieldHelpPopoverText()"
-          matTooltipPosition="above"
-          [matTooltipDisabled]="fieldHelpPopoverDisabled()"
-          [attr.aria-label]="fieldHelpAriaLabel()"
-          tabindex="0"
-          [praxisIcon]="'help_outline'"
-        ></mat-icon>
-      }
+        @if (fieldHelpPopoverText()) {
+          <mat-icon
+            class="pdx-field-help-icon"
+            [matTooltip]="fieldHelpPopoverText()"
+            matTooltipPosition="after"
+            [matTooltipDisabled]="fieldHelpPopoverDisabled()"
+            [attr.aria-label]="fieldHelpAriaLabel()"
+            tabindex="0"
+            [praxisIcon]="'help_outline'"
+          ></mat-icon>
+        }
+      </div>
 
       @if (hasValidationError()) {
         <div class="pdx-error">{{ errorMessage() }}</div>
@@ -19458,7 +19462,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
                         '[attr.data-field-type]': '"toggle"',
                         '[attr.data-field-name]': 'metadata()?.name',
                         '[attr.data-component-id]': 'componentId()',
-                    }, styles: [".pdx-slide-toggle-wrapper{display:flex;align-items:center;width:100%;min-height:56px;padding:4px 0;border-radius:var(--md-sys-shape-corner-large, 16px)}.pdx-slide-toggle-wrapper:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}:host{display:block;width:100%}mat-slide-toggle{flex:1 1 auto;min-width:0}.pdx-field-help-icon{border-radius:999px;flex:0 0 auto;margin-inline-start:4px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}\n"] }]
+                    }, styles: [".pdx-slide-toggle-wrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;min-height:56px;padding:4px 0;border-radius:var(--md-sys-shape-corner-large, 16px)}.pdx-slide-toggle-wrapper:focus-within{outline:2px solid var(--md-sys-color-primary);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb,var(--md-sys-color-primary) 14%,transparent)}:host{display:block;width:100%}.pdx-slide-toggle-control-row{display:inline-flex;align-items:center;max-width:100%;min-width:0}mat-slide-toggle{flex:0 1 auto;min-width:0}.pdx-field-help-icon{border-radius:999px;flex:0 0 auto;margin-inline-start:6px;color:var(--md-sys-color-on-surface-variant);cursor:help}.pdx-field-help-icon:focus{outline:2px solid var(--md-sys-color-primary);outline-offset:2px}\n"] }]
         }], propDecorators: { readonlyMode: [{
                 type: Input
             }], disabledMode: [{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@praxisui/dynamic-fields",
-  "version": "9.0.0-beta.27",
+  "version": "9.0.0-beta.29",
   "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
@@ -11,8 +11,8 @@
     "@angular/platform-browser": "^21.0.0",
     "@angular/router": "^21.0.0",
     "rxjs": "^7.8.0",
-    "@praxisui/core": "^9.0.0-beta.27",
-    "@praxisui/cron-builder": "^9.0.0-beta.27"
+    "@praxisui/core": "^9.0.0-beta.29",
+    "@praxisui/cron-builder": "^9.0.0-beta.29"
   },
   "dependencies": {
     "libphonenumber-js": "^1.12.41",