@praxisui/dynamic-fields 10.0.0-rc.14 → 10.0.0-rc.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,8 @@
1
1
  {
2
2
  "schemaVersion": "1.0.0",
3
- "generatedAt": "2026-10-14T11:31:33.532Z",
3
+ "generatedAt": "2026-10-14T16:04:24.084Z",
4
4
  "packageName": "@praxisui/dynamic-fields",
5
- "packageVersion": "10.0.0-rc.14",
5
+ "packageVersion": "10.0.0-rc.15",
6
6
  "sourceRegistry": "praxis-component-registry-ingestion",
7
7
  "sourceRegistryVersion": "1.0.0",
8
8
  "componentCount": 76,
@@ -38756,7 +38756,7 @@ class InlineToggleComponent extends SimpleBaseInputComponent {
38756
38756
  </span>
38757
38757
  }
38758
38758
  </div>
38759
- `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-toggle-pill{display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 384px),calc(100vw - 48px));padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-toggle-pill.no-text{min-inline-size:76px;gap:6px;padding-right:10px}.pdx-inline-toggle-pill:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-toggle-pill.is-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 52%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-pill.is-true{border-color:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );background:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-toggle-pill.is-false{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #c4c7c5) 85%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-state-icon.is-false-icon{color:var(--md-sys-color-on-surface-variant, #74777f)}.pdx-inline-toggle-label-stack{display:inline-grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;width:auto;min-width:0;max-width:100%;overflow:hidden}.pdx-inline-toggle-label{grid-area:1 / 1;display:inline-block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);line-height:1.1;font-weight:500}.pdx-inline-toggle-label-measure{visibility:hidden;pointer-events:none;width:max-content;max-width:none;overflow:visible;text-overflow:clip}.pdx-inline-toggle-state-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px}.pdx-inline-toggle-state-icon{width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;color:currentColor}.pdx-inline-toggle-state-icon.is-hidden{visibility:hidden}.pdx-inline-toggle-clear-slot{display:inline-grid;place-items:center;flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px)}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,currentColor 18%,transparent);color:currentColor}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0;--mdc-switch-unselected-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 70%, transparent );--mdc-switch-unselected-handle-color: var( --md-sys-color-outline, #74777f );--mdc-switch-unselected-hover-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-hover-handle-color: var( --md-sys-color-on-surface-variant, #44474f );--mdc-switch-unselected-focus-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-focus-handle-color: var( --md-sys-color-on-surface-variant, #44474f )}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle{border-radius:50%!important;box-shadow:0 1px 3px #00000026}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle-track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch{--mdc-switch-selected-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%, transparent );--mdc-switch-selected-hover-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-focus-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-pressed-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 54%, transparent );--mdc-switch-selected-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-hover-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-focus-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-pressed-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:after,:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:before{background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%,transparent)!important;opacity:1}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__handle{background:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important;border:1px solid color-mix(in srgb,var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary)) 28%,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)));box-shadow:0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow) 24%,transparent)}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\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: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
38759
+ `, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-toggle-pill{display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 384px),calc(100vw - 48px));padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-toggle-pill.no-text{min-inline-size:76px;gap:6px;padding-right:10px}.pdx-inline-toggle-pill:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-toggle-pill.is-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 52%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-pill.is-true{border-color:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );background:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-toggle-pill.is-false{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #c4c7c5) 85%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-state-icon.is-false-icon{color:var(--md-sys-color-on-surface-variant, #74777f)}.pdx-inline-toggle-label-stack{display:inline-grid;grid-template-columns:minmax(0,max-content);flex:1 1 auto;width:auto;min-width:0;max-width:100%;overflow:hidden}.pdx-inline-toggle-label{grid-area:1 / 1;display:inline-block;width:max-content;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);line-height:1.1;font-weight:500}.pdx-inline-toggle-label-measure{visibility:hidden;pointer-events:none;width:max-content;max-width:none;overflow:visible;text-overflow:clip}.pdx-inline-toggle-state-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px}.pdx-inline-toggle-state-icon{width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;color:currentColor}.pdx-inline-toggle-state-icon.is-hidden{visibility:hidden}.pdx-inline-toggle-clear-slot{display:inline-grid;place-items:center;flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px)}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,currentColor 18%,transparent);color:currentColor}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0;--mdc-switch-unselected-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 70%, transparent );--mdc-switch-unselected-handle-color: var( --md-sys-color-outline, #74777f );--mdc-switch-unselected-hover-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-hover-handle-color: var( --md-sys-color-on-surface-variant, #44474f );--mdc-switch-unselected-focus-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-focus-handle-color: var( --md-sys-color-on-surface-variant, #44474f )}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle{border-radius:50%!important;box-shadow:0 1px 3px #00000026}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle-track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch{--mdc-switch-selected-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%, transparent );--mdc-switch-selected-hover-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-focus-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-pressed-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 54%, transparent );--mdc-switch-selected-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-hover-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-focus-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-pressed-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:after,:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:before{background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%,transparent)!important;opacity:1}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__handle{background:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important;border:1px solid color-mix(in srgb,var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary)) 28%,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)));box-shadow:0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow) 24%,transparent)}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\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: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
38760
38760
  }
38761
38761
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: InlineToggleComponent, decorators: [{
38762
38762
  type: Component,
@@ -38859,7 +38859,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
38859
38859
  '[attr.data-field-type]': '"inlineToggle"',
38860
38860
  '[attr.data-field-name]': 'metadata()?.name',
38861
38861
  '[attr.data-component-id]': 'componentId()',
38862
- }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-toggle-pill{display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 384px),calc(100vw - 48px));padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-toggle-pill.no-text{min-inline-size:76px;gap:6px;padding-right:10px}.pdx-inline-toggle-pill:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-toggle-pill.is-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 52%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-pill.is-true{border-color:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );background:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-toggle-pill.is-false{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #c4c7c5) 85%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-state-icon.is-false-icon{color:var(--md-sys-color-on-surface-variant, #74777f)}.pdx-inline-toggle-label-stack{display:inline-grid;grid-template-columns:minmax(0,1fr);flex:1 1 auto;width:auto;min-width:0;max-width:100%;overflow:hidden}.pdx-inline-toggle-label{grid-area:1 / 1;display:inline-block;width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);line-height:1.1;font-weight:500}.pdx-inline-toggle-label-measure{visibility:hidden;pointer-events:none;width:max-content;max-width:none;overflow:visible;text-overflow:clip}.pdx-inline-toggle-state-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px}.pdx-inline-toggle-state-icon{width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;color:currentColor}.pdx-inline-toggle-state-icon.is-hidden{visibility:hidden}.pdx-inline-toggle-clear-slot{display:inline-grid;place-items:center;flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px)}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,currentColor 18%,transparent);color:currentColor}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0;--mdc-switch-unselected-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 70%, transparent );--mdc-switch-unselected-handle-color: var( --md-sys-color-outline, #74777f );--mdc-switch-unselected-hover-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-hover-handle-color: var( --md-sys-color-on-surface-variant, #44474f );--mdc-switch-unselected-focus-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-focus-handle-color: var( --md-sys-color-on-surface-variant, #44474f )}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle{border-radius:50%!important;box-shadow:0 1px 3px #00000026}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle-track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch{--mdc-switch-selected-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%, transparent );--mdc-switch-selected-hover-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-focus-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-pressed-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 54%, transparent );--mdc-switch-selected-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-hover-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-focus-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-pressed-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:after,:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:before{background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%,transparent)!important;opacity:1}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__handle{background:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important;border:1px solid color-mix(in srgb,var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary)) 28%,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)));box-shadow:0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow) 24%,transparent)}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"] }]
38862
+ }, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-toggle-pill{display:inline-flex;align-items:center;gap:10px;min-height:var(--pdx-inline-control-height, 42px);min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 384px),calc(100vw - 48px));padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-toggle-pill.no-text{min-inline-size:76px;gap:6px;padding-right:10px}.pdx-inline-toggle-pill:focus-within{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}.pdx-inline-toggle-pill.is-active{border-color:color-mix(in srgb,var(--md-sys-color-primary) 52%,var(--md-sys-color-outline-variant));color:var(--md-sys-color-on-surface)}.pdx-inline-toggle-pill.is-true{border-color:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );background:var( --pdx-inline-chip-active-bg, var(--md-sys-color-primary) );color:var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary))}.pdx-inline-toggle-pill.is-false{border-color:color-mix(in srgb,var(--md-sys-color-outline-variant, #c4c7c5) 85%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-state-icon.is-false-icon{color:var(--md-sys-color-on-surface-variant, #74777f)}.pdx-inline-toggle-label-stack{display:inline-grid;grid-template-columns:minmax(0,max-content);flex:1 1 auto;width:auto;min-width:0;max-width:100%;overflow:hidden}.pdx-inline-toggle-label{grid-area:1 / 1;display:inline-block;width:max-content;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);line-height:1.1;font-weight:500}.pdx-inline-toggle-label-measure{visibility:hidden;pointer-events:none;width:max-content;max-width:none;overflow:visible;text-overflow:clip}.pdx-inline-toggle-state-slot{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px}.pdx-inline-toggle-state-icon{width:18px;height:18px;font-size:18px;line-height:1;overflow:hidden;color:currentColor}.pdx-inline-toggle-state-icon.is-hidden{visibility:hidden}.pdx-inline-toggle-clear-slot{display:inline-grid;place-items:center;flex:0 0 var(--pdx-inline-clear-size, 24px);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px)}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:var(--pdx-inline-clear-size, 24px);height:var(--pdx-inline-clear-size, 24px);min-width:var(--pdx-inline-clear-size, 24px);border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-on-surface) 12%,transparent);color:var(--md-sys-color-on-surface-variant);cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-toggle-pill.is-active .pdx-inline-toggle-clear{background:color-mix(in srgb,currentColor 18%,transparent);color:currentColor}.pdx-inline-toggle-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-toggle-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-toggle-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;overflow:hidden}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0;--mdc-switch-unselected-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 70%, transparent );--mdc-switch-unselected-handle-color: var( --md-sys-color-outline, #74777f );--mdc-switch-unselected-hover-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-hover-handle-color: var( --md-sys-color-on-surface-variant, #44474f );--mdc-switch-unselected-focus-track-color: color-mix( in srgb, var(--md-sys-color-outline-variant, #c4c7c5) 90%, transparent );--mdc-switch-unselected-focus-handle-color: var( --md-sys-color-on-surface-variant, #44474f )}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle{border-radius:50%!important;box-shadow:0 1px 3px #00000026}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch__handle-track{border-radius:999px!important}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch{--mdc-switch-selected-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%, transparent );--mdc-switch-selected-hover-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-focus-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 48%, transparent );--mdc-switch-selected-pressed-track-color: color-mix( in srgb, var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 54%, transparent );--mdc-switch-selected-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-hover-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-focus-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) );--mdc-switch-selected-pressed-handle-color: var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:after,:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__track:before{background:color-mix(in srgb,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)) 42%,transparent)!important;opacity:1}:host ::ng-deep .pdx-inline-toggle-pill.is-true .mdc-switch__handle{background:var( --pdx-inline-chip-active-fg, var(--md-sys-color-on-primary) )!important;border:1px solid color-mix(in srgb,var(--pdx-inline-chip-active-bg, var(--md-sys-color-primary)) 28%,var(--pdx-inline-chip-active-fg, var(--md-sys-color-on-primary)));box-shadow:0 1px 2px color-mix(in srgb,var(--md-sys-color-shadow) 24%,transparent)}:host ::ng-deep .pdx-inline-toggle-control .mdc-form-field{align-items:center}:host ::ng-deep .pdx-inline-toggle-control .mdc-label{display:none}@media(max-width:768px){.pdx-inline-toggle-pill{min-height:var(--pdx-inline-control-height-mobile, 38px);padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"] }]
38863
38863
  }], propDecorators: { readonlyMode: [{
38864
38864
  type: Input
38865
38865
  }], disabledMode: [{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@praxisui/dynamic-fields",
3
- "version": "10.0.0-rc.14",
3
+ "version": "10.0.0-rc.15",
4
4
  "description": "Angular Material-based dynamic form fields for Praxis UI with lazy loading and metadata-driven rendering.",
5
5
  "peerDependencies": {
6
6
  "@angular/common": "^21.0.0",
@@ -11,9 +11,9 @@
11
11
  "@angular/platform-browser": "^21.0.0",
12
12
  "@angular/router": "^21.0.0",
13
13
  "rxjs": "^7.8.0",
14
- "@praxisui/core": "^10.0.0-rc.14",
15
- "@praxisui/dialog": "^10.0.0-rc.14",
16
- "@praxisui/cron-builder": "^10.0.0-rc.14"
14
+ "@praxisui/core": "^10.0.0-rc.15",
15
+ "@praxisui/dialog": "^10.0.0-rc.15",
16
+ "@praxisui/cron-builder": "^10.0.0-rc.15"
17
17
  },
18
18
  "dependencies": {
19
19
  "libphonenumber-js": "^1.12.41",