@praxisui/dynamic-fields 9.0.37 → 9.0.38
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-08-
|
|
3
|
+
"generatedAt": "2026-08-30T02:26:55.462Z",
|
|
4
4
|
"packageName": "@praxisui/dynamic-fields",
|
|
5
|
-
"packageVersion": "9.0.
|
|
5
|
+
"packageVersion": "9.0.38",
|
|
6
6
|
"sourceRegistry": "praxis-component-registry-ingestion",
|
|
7
7
|
"sourceRegistryVersion": "1.0.0",
|
|
8
8
|
"componentCount": 76,
|
|
@@ -7941,9 +7941,9 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
|
|
|
7941
7941
|
[attr.aria-disabled]="disabledMode ? 'true' : null"
|
|
7942
7942
|
[attr.aria-label]="
|
|
7943
7943
|
metadata()?.startAriaLabel ||
|
|
7944
|
-
|
|
7945
|
-
|
|
7946
|
-
|
|
7944
|
+
metadata()?.startPlaceholder ||
|
|
7945
|
+
label ||
|
|
7946
|
+
null
|
|
7947
7947
|
"
|
|
7948
7948
|
(keydown.tab)="focusEndDateInput($event)"
|
|
7949
7949
|
/>
|
|
@@ -7961,9 +7961,9 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
|
|
|
7961
7961
|
[attr.aria-disabled]="disabledMode ? 'true' : null"
|
|
7962
7962
|
[attr.aria-label]="
|
|
7963
7963
|
metadata()?.endAriaLabel ||
|
|
7964
|
-
|
|
7965
|
-
|
|
7966
|
-
|
|
7964
|
+
metadata()?.endPlaceholder ||
|
|
7965
|
+
label ||
|
|
7966
|
+
null
|
|
7967
7967
|
"
|
|
7968
7968
|
/>
|
|
7969
7969
|
</mat-date-range-input>
|
|
@@ -8000,12 +8000,16 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
|
|
|
8000
8000
|
matSuffix
|
|
8001
8001
|
class="pdx-material-temporal-actions"
|
|
8002
8002
|
[showClear]="showClear()"
|
|
8003
|
-
[clearDisabled]="
|
|
8003
|
+
[clearDisabled]="
|
|
8004
|
+
disabledMode || isReadonlyEffective() || presentationMode
|
|
8005
|
+
"
|
|
8004
8006
|
[clearTooltip]="clearActionTooltip()"
|
|
8005
8007
|
[clearAriaLabel]="clearActionAriaLabel()"
|
|
8006
8008
|
[clearIcon]="metadata()?.clearButton?.icon || 'mi:clear'"
|
|
8007
8009
|
[clearIconColor]="iconPalette(metadata()?.clearButton?.iconColor)"
|
|
8008
|
-
[clearIconCustomColor]="
|
|
8010
|
+
[clearIconCustomColor]="
|
|
8011
|
+
iconCustomColor(metadata()?.clearButton?.iconColor)
|
|
8012
|
+
"
|
|
8009
8013
|
[helpText]="fieldHelpPopoverText()"
|
|
8010
8014
|
[helpDisabled]="fieldHelpPopoverDisabled()"
|
|
8011
8015
|
[helpAriaLabel]="fieldHelpAriaLabel()"
|
|
@@ -8104,9 +8108,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
8104
8108
|
[attr.aria-disabled]="disabledMode ? 'true' : null"
|
|
8105
8109
|
[attr.aria-label]="
|
|
8106
8110
|
metadata()?.startAriaLabel ||
|
|
8107
|
-
|
|
8108
|
-
|
|
8109
|
-
|
|
8111
|
+
metadata()?.startPlaceholder ||
|
|
8112
|
+
label ||
|
|
8113
|
+
null
|
|
8110
8114
|
"
|
|
8111
8115
|
(keydown.tab)="focusEndDateInput($event)"
|
|
8112
8116
|
/>
|
|
@@ -8124,9 +8128,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
8124
8128
|
[attr.aria-disabled]="disabledMode ? 'true' : null"
|
|
8125
8129
|
[attr.aria-label]="
|
|
8126
8130
|
metadata()?.endAriaLabel ||
|
|
8127
|
-
|
|
8128
|
-
|
|
8129
|
-
|
|
8131
|
+
metadata()?.endPlaceholder ||
|
|
8132
|
+
label ||
|
|
8133
|
+
null
|
|
8130
8134
|
"
|
|
8131
8135
|
/>
|
|
8132
8136
|
</mat-date-range-input>
|
|
@@ -8163,12 +8167,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
8163
8167
|
matSuffix
|
|
8164
8168
|
class="pdx-material-temporal-actions"
|
|
8165
8169
|
[showClear]="showClear()"
|
|
8166
|
-
[clearDisabled]="
|
|
8170
|
+
[clearDisabled]="
|
|
8171
|
+
disabledMode || isReadonlyEffective() || presentationMode
|
|
8172
|
+
"
|
|
8167
8173
|
[clearTooltip]="clearActionTooltip()"
|
|
8168
8174
|
[clearAriaLabel]="clearActionAriaLabel()"
|
|
8169
8175
|
[clearIcon]="metadata()?.clearButton?.icon || 'mi:clear'"
|
|
8170
8176
|
[clearIconColor]="iconPalette(metadata()?.clearButton?.iconColor)"
|
|
8171
|
-
[clearIconCustomColor]="
|
|
8177
|
+
[clearIconCustomColor]="
|
|
8178
|
+
iconCustomColor(metadata()?.clearButton?.iconColor)
|
|
8179
|
+
"
|
|
8172
8180
|
[helpText]="fieldHelpPopoverText()"
|
|
8173
8181
|
[helpDisabled]="fieldHelpPopoverDisabled()"
|
|
8174
8182
|
[helpAriaLabel]="fieldHelpAriaLabel()"
|
|
@@ -14674,7 +14682,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
|
|
|
14674
14682
|
@if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
|
|
14675
14683
|
</mat-form-field>
|
|
14676
14684
|
}
|
|
14677
|
-
`, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "component", type: MaterialFieldActionsComponent, selector: "pdx-material-field-actions", inputs: ["showClear", "clearDisabled", "clearTooltip", "clearAriaLabel", "clearIcon", "clearIconColor", "clearIconCustomColor", "helpText", "helpDisabled", "helpAriaLabel"], outputs: ["clearAction"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: MatFormFieldModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14685
|
+
`, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}:host ::ng-deep .pdx-material-collection-form-field .mat-mdc-floating-label{pointer-events:none}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"], dependencies: [{ kind: "component", type: MaterialFieldActionsComponent, selector: "pdx-material-field-actions", inputs: ["showClear", "clearDisabled", "clearTooltip", "clearAriaLabel", "clearIcon", "clearIconColor", "clearIconCustomColor", "helpText", "helpDisabled", "helpAriaLabel"], outputs: ["clearAction"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i4$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { 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: MatFormFieldModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
14678
14686
|
}
|
|
14679
14687
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialAsyncSelectComponent, decorators: [{
|
|
14680
14688
|
type: Component,
|
|
@@ -14954,7 +14962,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
14954
14962
|
'[attr.data-field-type]': '"async-select"',
|
|
14955
14963
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
14956
14964
|
'[attr.data-component-id]': 'componentId()',
|
|
14957
|
-
}, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"] }]
|
|
14965
|
+
}, styles: [".pdx-material-collection-form-field{width:100%}:host ::ng-deep .pdx-material-collection-form-field .mat-mdc-floating-label{pointer-events:none}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-async-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-async-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-async-select-option:hover:not(:disabled),.pdx-material-async-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-async-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-async-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-async-select-empty,.pdx-material-collection-field__hint{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-async-select-empty{padding-block:16px;text-align:center}.pdx-async-select-search{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;min-height:42px;margin-bottom:8px;padding:0 12px;border:1px solid var(--md-sys-color-outline-variant);border-radius:8px;background:var(--md-sys-color-surface-container);box-sizing:border-box}.pdx-async-select-search:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.pdx-async-select-search mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-on-surface-variant)}.pdx-async-select-search-input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font:inherit}.pdx-async-select-arrow{color:var(--md-sys-color-on-surface-variant);pointer-events:none}.pdx-async-select-actions{display:block;margin-top:-4px}::ng-deep .cdk-overlay-connected-position-bounding-box:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .cdk-overlay-pane:has(.pdx-material-async-select-panel){z-index:var(--praxis-layer-popup, 1400)!important}::ng-deep .pdx-material-async-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}::ng-deep .pdx-material-async-select-panel .pdx-async-select-status-option .mdc-list-item__primary-text{display:inline-flex;align-items:center;gap:10px}\n"] }]
|
|
14958
14966
|
}], propDecorators: { readonlyMode: [{
|
|
14959
14967
|
type: Input
|
|
14960
14968
|
}], disabledMode: [{
|
|
@@ -21581,7 +21589,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
|
|
|
21581
21589
|
@if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
|
|
21582
21590
|
@if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
|
|
21583
21591
|
</mat-form-field>
|
|
21584
|
-
`, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-select-option-button:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MaterialFieldActionsComponent, selector: "pdx-material-field-actions", inputs: ["showClear", "clearDisabled", "clearTooltip", "clearAriaLabel", "clearIcon", "clearIconColor", "clearIconCustomColor", "helpText", "helpDisabled", "helpAriaLabel"], outputs: ["clearAction"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }] });
|
|
21592
|
+
`, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}:host ::ng-deep .pdx-material-collection-form-field .mat-mdc-floating-label{pointer-events:none}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-select-option-button:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"], dependencies: [{ kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MaterialFieldActionsComponent, selector: "pdx-material-field-actions", inputs: ["showClear", "clearDisabled", "clearTooltip", "clearAriaLabel", "clearIcon", "clearIconColor", "clearIconCustomColor", "helpText", "helpDisabled", "helpAriaLabel"], outputs: ["clearAction"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }] });
|
|
21585
21593
|
}
|
|
21586
21594
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSelectComponent, decorators: [{
|
|
21587
21595
|
type: Component,
|
|
@@ -21743,7 +21751,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
21743
21751
|
'[attr.data-field-type]': '"select"',
|
|
21744
21752
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
21745
21753
|
'[attr.data-component-id]': 'componentId()',
|
|
21746
|
-
}, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-select-option-button:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"] }]
|
|
21754
|
+
}, styles: [".pdx-material-collection-form-field{width:100%}:host ::ng-deep .pdx-material-collection-form-field .mat-mdc-floating-label{pointer-events:none}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-select-option-button:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:2px}.pdx-material-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-select-option-button{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-select-option-button:hover:not(:disabled),.pdx-material-select-option-button.is-selected{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-select-empty{padding-block:16px;text-align:center}::ng-deep .pdx-material-select-panel .pdx-select-search-option{background:var( --pdx-inline-panel-surface, var(--praxis-theme-surface-overlay, var(--md-sys-color-surface-container-highest)) );border-bottom:1px solid var(--pdx-overlay-border, var(--praxis-theme-outline, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28))));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-select-panel .pdx-material-select-option{display:flex;flex-direction:column;gap:2px;min-width:0;line-height:1.2}::ng-deep .pdx-material-select-panel .pdx-material-select-option__label,::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .pdx-material-select-panel .pdx-material-select-option__description{color:color-mix(in srgb,var(--pdx-inline-panel-on-surface, var(--praxis-theme-on-surface)) 68%,transparent);font-size:.75rem}\n"] }]
|
|
21747
21755
|
}], propDecorators: { readonlyMode: [{
|
|
21748
21756
|
type: Input
|
|
21749
21757
|
}], disabledMode: [{
|
|
@@ -29372,7 +29380,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
|
|
|
29372
29380
|
@if (hasValidationError()) { <mat-error>{{ errorMessage() }}</mat-error> }
|
|
29373
29381
|
@if (hasInlineFieldHelp()) { <mat-hint>{{ fieldHelpInlineText() }}</mat-hint> }
|
|
29374
29382
|
</mat-form-field>
|
|
29375
|
-
`, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"], dependencies: [{ kind: "component", type: MaterialFieldActionsComponent, selector: "pdx-material-field-actions", inputs: ["showClear", "clearDisabled", "clearTooltip", "clearAriaLabel", "clearIcon", "clearIconColor", "clearIconCustomColor", "helpText", "helpDisabled", "helpAriaLabel"], outputs: ["clearAction"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }] });
|
|
29383
|
+
`, isInline: true, styles: [".pdx-material-collection-form-field{width:100%}:host ::ng-deep .pdx-material-collection-form-field .mat-mdc-floating-label{pointer-events:none}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"], dependencies: [{ kind: "component", type: MaterialFieldActionsComponent, selector: "pdx-material-field-actions", inputs: ["showClear", "clearDisabled", "clearTooltip", "clearAriaLabel", "clearIcon", "clearIconColor", "clearIconCustomColor", "helpText", "helpDisabled", "helpAriaLabel"], outputs: ["clearAction"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i1$3.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$3.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$3.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i1$3.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i1$3.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i1$3.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "component", type: SelectPanelActionsComponent, selector: "pdx-select-panel-actions", inputs: ["ariaLabel", "showClear", "clearLabel", "clearIcon", "clearIconColor", "showLoadMore", "loadMoreLabel", "loadingLabel", "loading", "showEndReached", "endReachedLabel", "disabled"], outputs: ["clear", "loadMore"] }, { kind: "component", type: PdxCollectionOverlayComponent, selector: "pdx-collection-overlay", inputs: ["open", "ariaLabel", "panelId", "panelClass", "panelWidth", "density"], outputs: ["openChange", "opened", "closed"] }, { kind: "directive", type: PdxCollectionOverlayTriggerDirective, selector: "[pdxCollectionOverlayTrigger]" }, { kind: "component", type: PdxCollectionSearchComponent, selector: "pdx-collection-search", inputs: ["value", "placeholder", "ariaLabel", "clearAriaLabel", "disabled", "density", "icon", "clearIcon"], outputs: ["valueChange", "cleared"] }, { kind: "directive", type: PdxCollectionFormFieldControlDirective, selector: "pdx-collection-overlay[pdxCollectionFormFieldControl]", inputs: ["pdxCollectionFormFieldValue", "pdxCollectionFormFieldModel", "pdxCollectionFormFieldRequired", "pdxCollectionFormFieldDisabled", "pdxCollectionFormFieldErrorState", "pdxCollectionFormFieldId", "pdxCollectionFormFieldOpen", "pdxCollectionFormFieldShouldLabelFloat"] }] });
|
|
29376
29384
|
}
|
|
29377
29385
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: MaterialSearchableSelectComponent, decorators: [{
|
|
29378
29386
|
type: Component,
|
|
@@ -29556,7 +29564,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImpo
|
|
|
29556
29564
|
'[attr.data-field-type]': '"searchable-select"',
|
|
29557
29565
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
29558
29566
|
'[attr.data-component-id]': 'componentId()',
|
|
29559
|
-
}, styles: [".pdx-material-collection-form-field{width:100%}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
|
|
29567
|
+
}, styles: [".pdx-material-collection-form-field{width:100%}:host ::ng-deep .pdx-material-collection-form-field .mat-mdc-floating-label{pointer-events:none}.pdx-collection-form-field-control{display:block;width:100%;min-width:0}.pdx-material-collection-trigger{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;min-height:24px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.pdx-material-collection-trigger__value{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-material-collection-trigger.is-readonly{cursor:default}.pdx-material-searchable-select-options{display:flex;flex-direction:column;padding-block:6px}.pdx-material-searchable-select-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:10px 16px;border:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.pdx-material-searchable-select-option:hover:not(:disabled),.pdx-material-searchable-select-option:focus-visible{background:color-mix(in srgb,currentColor 8%,transparent)}.pdx-material-searchable-select-option:focus-visible{outline:2px solid var(--praxis-theme-focus-outline, var(--md-sys-color-primary));outline-offset:-3px}.pdx-material-searchable-select-option.is-selected{color:var(--md-sys-color-primary);font-weight:600}.pdx-material-searchable-select-empty{margin:0;padding:4px 16px;font-size:.75rem;line-height:1rem}.pdx-material-searchable-select-empty{padding-block:16px;text-align:center}@media(forced-colors:active){.pdx-material-collection-trigger{border-color:CanvasText}}::ng-deep .pdx-material-searchable-select-panel .pdx-select-search-option{background:var( --pdx-overlay-surface, var(--md-sys-color-surface-container-highest, var(--mat-select-panel-background-color)) );border-bottom:1px solid var(--pdx-overlay-border, var(--md-sys-color-outline-variant, rgba(148, 163, 184, .28)));box-sizing:border-box;display:block;padding:7px 12px}::ng-deep .pdx-material-searchable-select-panel .pdx-select-open-sentinel{min-height:0;height:0;padding:0;overflow:hidden;visibility:hidden}\n"] }]
|
|
29560
29568
|
}], propDecorators: { readonlyMode: [{
|
|
29561
29569
|
type: Input
|
|
29562
29570
|
}], disabledMode: [{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@praxisui/dynamic-fields",
|
|
3
|
-
"version": "9.0.
|
|
3
|
+
"version": "9.0.38",
|
|
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,8 +11,8 @@
|
|
|
11
11
|
"@angular/platform-browser": "^21.0.0",
|
|
12
12
|
"@angular/router": "^21.0.0",
|
|
13
13
|
"rxjs": "^7.8.0",
|
|
14
|
-
"@praxisui/core": "^9.0.
|
|
15
|
-
"@praxisui/cron-builder": "^9.0.
|
|
14
|
+
"@praxisui/core": "^9.0.38",
|
|
15
|
+
"@praxisui/cron-builder": "^9.0.38"
|
|
16
16
|
},
|
|
17
17
|
"dependencies": {
|
|
18
18
|
"libphonenumber-js": "^1.12.41",
|