@praxisui/dynamic-fields 1.0.0-beta.41 → 1.0.0-beta.43
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.
|
@@ -1362,16 +1362,16 @@ class SimpleBaseInputComponent {
|
|
|
1362
1362
|
};
|
|
1363
1363
|
this.lifecycleEvents$.next(event);
|
|
1364
1364
|
}
|
|
1365
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1366
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
1365
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SimpleBaseInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1366
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: SimpleBaseInputComponent, isStandalone: true, inputs: { label: "label", placeholder: "placeholder" }, outputs: { valueChange: "valueChange", focusChange: "focusChange", nativeBlur: "nativeBlur", nativeChange: "nativeChange" }, ngImport: i0 });
|
|
1367
1367
|
}
|
|
1368
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1368
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SimpleBaseInputComponent, decorators: [{
|
|
1369
1369
|
type: Directive
|
|
1370
1370
|
}], ctorParameters: () => [], propDecorators: { label: [{
|
|
1371
1371
|
type: Input
|
|
1372
1372
|
}], placeholder: [{
|
|
1373
1373
|
type: Input
|
|
1374
|
-
}] } });
|
|
1374
|
+
}], valueChange: [{ type: i0.Output, args: ["valueChange"] }], focusChange: [{ type: i0.Output, args: ["focusChange"] }], nativeBlur: [{ type: i0.Output, args: ["nativeBlur"] }], nativeChange: [{ type: i0.Output, args: ["nativeChange"] }] } });
|
|
1375
1375
|
|
|
1376
1376
|
/**
|
|
1377
1377
|
* @fileoverview Simple base component for button-type components
|
|
@@ -1803,12 +1803,12 @@ class SimpleBaseButtonComponent {
|
|
|
1803
1803
|
};
|
|
1804
1804
|
this.lifecycleEvents$.next(event);
|
|
1805
1805
|
}
|
|
1806
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
1807
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
1806
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SimpleBaseButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
1807
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: SimpleBaseButtonComponent, isStandalone: true, outputs: { actionExecuted: "actionExecuted", click: "click", focusChange: "focusChange" }, ngImport: i0 });
|
|
1808
1808
|
}
|
|
1809
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
1809
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SimpleBaseButtonComponent, decorators: [{
|
|
1810
1810
|
type: Directive
|
|
1811
|
-
}] });
|
|
1811
|
+
}], propDecorators: { actionExecuted: [{ type: i0.Output, args: ["actionExecuted"] }], click: [{ type: i0.Output, args: ["click"] }], focusChange: [{ type: i0.Output, args: ["focusChange"] }] } });
|
|
1812
1812
|
|
|
1813
1813
|
/**
|
|
1814
1814
|
* @fileoverview Custom Error State Matcher for Praxis Dynamic Fields
|
|
@@ -2757,12 +2757,12 @@ class SimpleBaseSelectComponent extends SimpleBaseInputComponent {
|
|
|
2757
2757
|
return v;
|
|
2758
2758
|
}
|
|
2759
2759
|
}
|
|
2760
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2761
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.
|
|
2760
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SimpleBaseSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
2761
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.17", type: SimpleBaseSelectComponent, isStandalone: true, outputs: { searchTermChange: "searchTermChange", selectionChange: "selectionChange", optionSelected: "optionSelected", optionsLoaded: "optionsLoaded", openedChange: "openedChange" }, viewQueries: [{ propertyName: "matSelectRef", first: true, predicate: MatSelect, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
|
|
2762
2762
|
}
|
|
2763
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
2763
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SimpleBaseSelectComponent, decorators: [{
|
|
2764
2764
|
type: Directive
|
|
2765
|
-
}] });
|
|
2765
|
+
}], propDecorators: { matSelectRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => MatSelect), { isSignal: true }] }], searchTermChange: [{ type: i0.Output, args: ["searchTermChange"] }], selectionChange: [{ type: i0.Output, args: ["selectionChange"] }], optionSelected: [{ type: i0.Output, args: ["optionSelected"] }], optionsLoaded: [{ type: i0.Output, args: ["optionsLoaded"] }], openedChange: [{ type: i0.Output, args: ["openedChange"] }] } });
|
|
2766
2766
|
|
|
2767
2767
|
class OptionStore {
|
|
2768
2768
|
map = new Map();
|
|
@@ -2960,8 +2960,8 @@ class TextInputComponent extends SimpleBaseInputComponent {
|
|
|
2960
2960
|
errorStateMatcher() {
|
|
2961
2961
|
return getErrorStateMatcherForField(this.metadata());
|
|
2962
2962
|
}
|
|
2963
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
2964
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
2963
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TextInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
2964
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: TextInputComponent, isStandalone: true, selector: "pdx-text-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"block\" : \"none\"", "style.width": "\"100%\"", "attr.data-field-type": "\"input\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
2965
2965
|
{
|
|
2966
2966
|
provide: NG_VALUE_ACCESSOR,
|
|
2967
2967
|
useExisting: forwardRef(() => TextInputComponent),
|
|
@@ -3053,7 +3053,7 @@ class TextInputComponent extends SimpleBaseInputComponent {
|
|
|
3053
3053
|
</mat-form-field>
|
|
3054
3054
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { 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"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
3055
3055
|
}
|
|
3056
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
3056
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TextInputComponent, decorators: [{
|
|
3057
3057
|
type: Component,
|
|
3058
3058
|
args: [{
|
|
3059
3059
|
selector: 'pdx-text-input',
|
|
@@ -3170,7 +3170,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
3170
3170
|
'[attr.data-component-id]': 'componentId()',
|
|
3171
3171
|
},
|
|
3172
3172
|
}]
|
|
3173
|
-
}], propDecorators: { readonlyMode: [{
|
|
3173
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
3174
3174
|
type: Input
|
|
3175
3175
|
}], disabledMode: [{
|
|
3176
3176
|
type: Input
|
|
@@ -3222,8 +3222,8 @@ class EmailInputComponent extends SimpleBaseInputComponent {
|
|
|
3222
3222
|
});
|
|
3223
3223
|
return st.readonly;
|
|
3224
3224
|
}
|
|
3225
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
3226
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
3225
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EmailInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3226
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: EmailInputComponent, isStandalone: true, selector: "pdx-email-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"email\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
3227
3227
|
{
|
|
3228
3228
|
provide: NG_VALUE_ACCESSOR,
|
|
3229
3229
|
useExisting: forwardRef(() => EmailInputComponent),
|
|
@@ -3307,7 +3307,7 @@ class EmailInputComponent extends SimpleBaseInputComponent {
|
|
|
3307
3307
|
</mat-form-field>
|
|
3308
3308
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
3309
3309
|
}
|
|
3310
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
3310
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: EmailInputComponent, decorators: [{
|
|
3311
3311
|
type: Component,
|
|
3312
3312
|
args: [{
|
|
3313
3313
|
selector: 'pdx-email-input',
|
|
@@ -3415,7 +3415,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
3415
3415
|
'[attr.data-component-id]': 'componentId()',
|
|
3416
3416
|
},
|
|
3417
3417
|
}]
|
|
3418
|
-
}], propDecorators: { readonlyMode: [{
|
|
3418
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
3419
3419
|
type: Input
|
|
3420
3420
|
}], disabledMode: [{
|
|
3421
3421
|
type: Input
|
|
@@ -3486,8 +3486,8 @@ class PasswordInputComponent extends SimpleBaseInputComponent {
|
|
|
3486
3486
|
});
|
|
3487
3487
|
return st.readonly;
|
|
3488
3488
|
}
|
|
3489
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
3490
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
3489
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PasswordInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
3490
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PasswordInputComponent, isStandalone: true, selector: "pdx-password-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"password\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
3491
3491
|
{
|
|
3492
3492
|
provide: NG_VALUE_ACCESSOR,
|
|
3493
3493
|
useExisting: forwardRef(() => PasswordInputComponent),
|
|
@@ -3588,7 +3588,7 @@ class PasswordInputComponent extends SimpleBaseInputComponent {
|
|
|
3588
3588
|
</mat-form-field>
|
|
3589
3589
|
`, isInline: true, styles: [".pdx-reveal-toggle{min-width:auto;padding:0 4px;line-height:1;font-size:.75rem}.pdx-reveal-toggle mat-icon{font-size:20px;width:20px;height:20px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { 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"] }] });
|
|
3590
3590
|
}
|
|
3591
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
3591
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PasswordInputComponent, decorators: [{
|
|
3592
3592
|
type: Component,
|
|
3593
3593
|
args: [{ selector: 'pdx-password-input', standalone: true, template: `
|
|
3594
3594
|
<mat-form-field
|
|
@@ -3706,7 +3706,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
3706
3706
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
3707
3707
|
'[attr.data-component-id]': 'componentId()',
|
|
3708
3708
|
}, styles: [".pdx-reveal-toggle{min-width:auto;padding:0 4px;line-height:1;font-size:.75rem}.pdx-reveal-toggle mat-icon{font-size:20px;width:20px;height:20px}\n"] }]
|
|
3709
|
-
}], propDecorators: { readonlyMode: [{
|
|
3709
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
3710
3710
|
type: Input
|
|
3711
3711
|
}], disabledMode: [{
|
|
3712
3712
|
type: Input
|
|
@@ -4078,8 +4078,8 @@ class ColorInputComponent extends SimpleBaseInputComponent {
|
|
|
4078
4078
|
catch { }
|
|
4079
4079
|
}
|
|
4080
4080
|
trackColor(_, c) { return c; }
|
|
4081
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4082
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
4081
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ColorInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4082
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ColorInputComponent, isStandalone: true, selector: "pdx-color-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", palettePreset: "palettePreset", paletteColors: "paletteColors", columns: "columns", popupWidth: "popupWidth", preview: "preview", showRecent: "showRecent", maxRecent: "maxRecent", showNativeOption: "showNativeOption" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"color\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
4083
4083
|
{
|
|
4084
4084
|
provide: NG_VALUE_ACCESSOR,
|
|
4085
4085
|
useExisting: forwardRef(() => ColorInputComponent),
|
|
@@ -4210,7 +4210,7 @@ class ColorInputComponent extends SimpleBaseInputComponent {
|
|
|
4210
4210
|
</mat-form-field>
|
|
4211
4211
|
`, isInline: true, styles: [".pdx-color-preview{width:24px;height:24px;border-radius:4px;border:1px solid var(--md-sys-color-outline-variant);display:inline-block;margin-right:8px}.pdx-hidden-input{display:none}.pdx-color-panel{padding:8px;max-width:100%;box-sizing:border-box}.pdx-panel-header{padding:4px 0 8px}.pdx-preview-box{display:flex;align-items:center;gap:8px}.pdx-preview-swatch{width:24px;height:24px;border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.pdx-preview-spacer{flex:1 1 auto}.pdx-section-title{font-size:12px;opacity:.8;margin-top:4px}.pdx-recent{padding:4px 0}.pdx-native-row{padding:4px 0;display:flex;justify-content:flex-end}.pdx-native-anchor{width:48px;height:28px;border:1px solid var(--md-sys-color-outline-variant);border-radius:6px;background:transparent;cursor:pointer}.pdx-palette-view{display:grid;grid-template-columns:repeat(var(--pdx-cols, 8),24px);gap:8px;padding:8px 0}.pdx-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--md-sys-color-outline-variant);cursor:pointer}.pdx-swatch.selected{border:2px solid var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { 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"] }] });
|
|
4212
4212
|
}
|
|
4213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4213
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ColorInputComponent, decorators: [{
|
|
4214
4214
|
type: Component,
|
|
4215
4215
|
args: [{ selector: 'pdx-color-input', standalone: true, template: `
|
|
4216
4216
|
<mat-form-field
|
|
@@ -4365,7 +4365,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
4365
4365
|
}], menuTrigger: [{
|
|
4366
4366
|
type: ViewChild,
|
|
4367
4367
|
args: [MatMenuTrigger]
|
|
4368
|
-
}], readonlyMode: [{
|
|
4368
|
+
}], validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
4369
4369
|
type: Input
|
|
4370
4370
|
}], disabledMode: [{
|
|
4371
4371
|
type: Input
|
|
@@ -4433,8 +4433,8 @@ class DateInputComponent extends SimpleBaseInputComponent {
|
|
|
4433
4433
|
errorStateMatcher() {
|
|
4434
4434
|
return getErrorStateMatcherForField(this.metadata());
|
|
4435
4435
|
}
|
|
4436
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4437
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
4436
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DateInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4437
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DateInputComponent, isStandalone: true, selector: "pdx-date-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"dateInput\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
4438
4438
|
{
|
|
4439
4439
|
provide: NG_VALUE_ACCESSOR,
|
|
4440
4440
|
useExisting: forwardRef(() => DateInputComponent),
|
|
@@ -4516,7 +4516,7 @@ class DateInputComponent extends SimpleBaseInputComponent {
|
|
|
4516
4516
|
</mat-form-field>
|
|
4517
4517
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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"] }] });
|
|
4518
4518
|
}
|
|
4519
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4519
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DateInputComponent, decorators: [{
|
|
4520
4520
|
type: Component,
|
|
4521
4521
|
args: [{
|
|
4522
4522
|
selector: 'pdx-date-input',
|
|
@@ -4622,7 +4622,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
4622
4622
|
'[attr.data-component-id]': 'componentId()',
|
|
4623
4623
|
},
|
|
4624
4624
|
}]
|
|
4625
|
-
}], propDecorators: { readonlyMode: [{
|
|
4625
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
4626
4626
|
type: Input
|
|
4627
4627
|
}], disabledMode: [{
|
|
4628
4628
|
type: Input
|
|
@@ -4705,8 +4705,8 @@ class MaterialDatepickerComponent extends SimpleBaseInputComponent {
|
|
|
4705
4705
|
control.markAsDirty();
|
|
4706
4706
|
control.markAsTouched();
|
|
4707
4707
|
}
|
|
4708
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4709
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
4708
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialDatepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4709
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialDatepickerComponent, isStandalone: true, selector: "pdx-material-datepicker", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"date\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
4710
4710
|
{
|
|
4711
4711
|
provide: NG_VALUE_ACCESSOR,
|
|
4712
4712
|
useExisting: forwardRef(() => MaterialDatepickerComponent),
|
|
@@ -4801,7 +4801,7 @@ class MaterialDatepickerComponent extends SimpleBaseInputComponent {
|
|
|
4801
4801
|
</mat-form-field>
|
|
4802
4802
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "component", type: i4$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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"] }] });
|
|
4803
4803
|
}
|
|
4804
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4804
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialDatepickerComponent, decorators: [{
|
|
4805
4805
|
type: Component,
|
|
4806
4806
|
args: [{
|
|
4807
4807
|
selector: 'pdx-material-datepicker',
|
|
@@ -4922,7 +4922,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
4922
4922
|
'[attr.data-component-id]': 'componentId()',
|
|
4923
4923
|
},
|
|
4924
4924
|
}]
|
|
4925
|
-
}], propDecorators: { readonlyMode: [{
|
|
4925
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
4926
4926
|
type: Input
|
|
4927
4927
|
}], disabledMode: [{
|
|
4928
4928
|
type: Input
|
|
@@ -4940,8 +4940,8 @@ class PraxisDateRangeShortcutsOverlayComponent {
|
|
|
4940
4940
|
if (!s.disabled)
|
|
4941
4941
|
this.selectPreset.emit(s.id);
|
|
4942
4942
|
}
|
|
4943
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
4944
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
4943
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDateRangeShortcutsOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
4944
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PraxisDateRangeShortcutsOverlayComponent, isStandalone: true, selector: "pdx-date-range-shortcuts-overlay", inputs: { items: "items", activeId: "activeId" }, outputs: { selectPreset: "selectPreset" }, ngImport: i0, template: `
|
|
4945
4945
|
<div class="pdx-date-range-panel" role="listbox" aria-label="Date range shortcuts" [attr.aria-activedescendant]="activeId || null">
|
|
4946
4946
|
<div class="pdx-shortcuts-list">
|
|
4947
4947
|
@for (s of items; track s.id) {
|
|
@@ -4971,7 +4971,7 @@ class PraxisDateRangeShortcutsOverlayComponent {
|
|
|
4971
4971
|
</div>
|
|
4972
4972
|
`, isInline: true, styles: [":host{display:block}.pdx-date-range-panel{min-width:220px;max-width:300px;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level2);border-radius:12px;padding:8px;outline:0}.pdx-shortcuts-list{display:flex;flex-direction:column;gap:4px}.pdx-date-shortcut{appearance:none;border:none;background:transparent;text-align:left;padding:8px 12px;border-radius:8px;cursor:pointer;color:inherit;display:flex;align-items:center;justify-content:space-between;width:100%;transition:background-color .2s}.pdx-date-shortcut:hover{background:var(--md-sys-color-primary-container)}.pdx-date-shortcut.--active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.pdx-date-shortcut.--disabled{opacity:.5;cursor:not-allowed}.pdx-shortcut-content{display:flex;flex-direction:column;gap:2px}.pdx-shortcut-label{font-weight:500;font-size:14px}.pdx-shortcut-range{font-size:11px;opacity:.7}.pdx-check-icon{font-size:18px;width:18px;height:18px;margin-left:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
4973
4973
|
}
|
|
4974
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
4974
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PraxisDateRangeShortcutsOverlayComponent, decorators: [{
|
|
4975
4975
|
type: Component,
|
|
4976
4976
|
args: [{ selector: 'pdx-date-range-shortcuts-overlay', standalone: true, imports: [CommonModule, MatIconModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
4977
4977
|
<div class="pdx-date-range-panel" role="listbox" aria-label="Date range shortcuts" [attr.aria-activedescendant]="activeId || null">
|
|
@@ -5124,6 +5124,14 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
|
|
|
5124
5124
|
return items;
|
|
5125
5125
|
}, ...(ngDevMode ? [{ debugName: "shortcutItems" }] : []));
|
|
5126
5126
|
activePresetId = () => this.control().value?.preset ?? null;
|
|
5127
|
+
writeValue(value) {
|
|
5128
|
+
const normalized = this.normalizeDateRangeValue(value);
|
|
5129
|
+
super.writeValue(normalized);
|
|
5130
|
+
this.rangeGroup.patchValue({
|
|
5131
|
+
start: normalized?.startDate ?? null,
|
|
5132
|
+
end: normalized?.endDate ?? null,
|
|
5133
|
+
}, { emitEvent: false });
|
|
5134
|
+
}
|
|
5127
5135
|
ngOnInit() {
|
|
5128
5136
|
// Contextual validator: start <= end
|
|
5129
5137
|
this.rangeGroup.addValidators((group) => {
|
|
@@ -5154,7 +5162,11 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
|
|
|
5154
5162
|
this.control()
|
|
5155
5163
|
.valueChanges.pipe(takeUntilDestroyed(this.destroyRef))
|
|
5156
5164
|
.subscribe((val) => {
|
|
5157
|
-
this.
|
|
5165
|
+
const normalized = this.normalizeDateRangeValue(val);
|
|
5166
|
+
this.rangeGroup.patchValue({
|
|
5167
|
+
start: normalized?.startDate ?? null,
|
|
5168
|
+
end: normalized?.endDate ?? null,
|
|
5169
|
+
}, { emitEvent: false });
|
|
5158
5170
|
});
|
|
5159
5171
|
// Sync overlay with picker lifecycle
|
|
5160
5172
|
const p = this.picker;
|
|
@@ -5243,8 +5255,86 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
|
|
|
5243
5255
|
this.picker?.close?.();
|
|
5244
5256
|
}
|
|
5245
5257
|
}
|
|
5246
|
-
|
|
5247
|
-
|
|
5258
|
+
normalizeDateRangeValue(value) {
|
|
5259
|
+
if (value === null || value === undefined) {
|
|
5260
|
+
return null;
|
|
5261
|
+
}
|
|
5262
|
+
if (typeof value !== 'object' || Array.isArray(value)) {
|
|
5263
|
+
return null;
|
|
5264
|
+
}
|
|
5265
|
+
const record = value;
|
|
5266
|
+
const startDate = this.coerceDateLike(record['startDate'] ??
|
|
5267
|
+
record['start'] ??
|
|
5268
|
+
record['from'] ??
|
|
5269
|
+
record['initialDate'] ??
|
|
5270
|
+
record['begin']);
|
|
5271
|
+
const endDate = this.coerceDateLike(record['endDate'] ??
|
|
5272
|
+
record['end'] ??
|
|
5273
|
+
record['to'] ??
|
|
5274
|
+
record['finalDate'] ??
|
|
5275
|
+
record['finish']);
|
|
5276
|
+
const hasRange = startDate !== null || endDate !== null;
|
|
5277
|
+
const preset = typeof record['preset'] === 'string' ? record['preset'] : undefined;
|
|
5278
|
+
const timezone = typeof record['timezone'] === 'string' ? record['timezone'] : undefined;
|
|
5279
|
+
const label = typeof record['label'] === 'string' ? record['label'] : undefined;
|
|
5280
|
+
const isComparison = typeof record['isComparison'] === 'boolean'
|
|
5281
|
+
? record['isComparison']
|
|
5282
|
+
: undefined;
|
|
5283
|
+
if (!hasRange && !preset && !timezone && !label && isComparison === undefined) {
|
|
5284
|
+
return null;
|
|
5285
|
+
}
|
|
5286
|
+
return {
|
|
5287
|
+
startDate,
|
|
5288
|
+
endDate,
|
|
5289
|
+
...(preset ? { preset } : {}),
|
|
5290
|
+
...(timezone ? { timezone } : {}),
|
|
5291
|
+
...(label ? { label } : {}),
|
|
5292
|
+
...(isComparison !== undefined ? { isComparison } : {}),
|
|
5293
|
+
};
|
|
5294
|
+
}
|
|
5295
|
+
coerceDateLike(value) {
|
|
5296
|
+
if (value === null || value === undefined) {
|
|
5297
|
+
return null;
|
|
5298
|
+
}
|
|
5299
|
+
if (value instanceof Date) {
|
|
5300
|
+
return Number.isNaN(value.getTime()) ? null : value;
|
|
5301
|
+
}
|
|
5302
|
+
if (typeof value === 'number') {
|
|
5303
|
+
const numericDate = new Date(value);
|
|
5304
|
+
return Number.isNaN(numericDate.getTime()) ? null : numericDate;
|
|
5305
|
+
}
|
|
5306
|
+
if (typeof value === 'string') {
|
|
5307
|
+
const raw = value.trim();
|
|
5308
|
+
if (!raw) {
|
|
5309
|
+
return null;
|
|
5310
|
+
}
|
|
5311
|
+
const localIsoDate = raw.match(/^(\d{4})-(\d{2})-(\d{2})(?:[Tt].*)?$/);
|
|
5312
|
+
if (localIsoDate) {
|
|
5313
|
+
const year = Number(localIsoDate[1]);
|
|
5314
|
+
const month = Number(localIsoDate[2]);
|
|
5315
|
+
const day = Number(localIsoDate[3]);
|
|
5316
|
+
const localDate = new Date(year, month - 1, day, 12, 0, 0, 0);
|
|
5317
|
+
return Number.isNaN(localDate.getTime()) ? null : localDate;
|
|
5318
|
+
}
|
|
5319
|
+
const parsedDate = new Date(raw);
|
|
5320
|
+
return Number.isNaN(parsedDate.getTime()) ? null : parsedDate;
|
|
5321
|
+
}
|
|
5322
|
+
if (typeof value === 'object') {
|
|
5323
|
+
const nested = value;
|
|
5324
|
+
const candidate = nested['date'] ??
|
|
5325
|
+
nested['value'] ??
|
|
5326
|
+
nested['startDate'] ??
|
|
5327
|
+
nested['endDate'] ??
|
|
5328
|
+
nested['start'] ??
|
|
5329
|
+
nested['end'];
|
|
5330
|
+
if (candidate !== undefined && candidate !== value) {
|
|
5331
|
+
return this.coerceDateLike(candidate);
|
|
5332
|
+
}
|
|
5333
|
+
}
|
|
5334
|
+
return null;
|
|
5335
|
+
}
|
|
5336
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialDateRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5337
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialDateRangeComponent, isStandalone: true, selector: "pdx-material-date-range", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", metadataInput: ["metadata", "metadataInput"] }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"block\" : \"none\"", "style.width": "\"100%\"", "attr.data-field-type": "\"dateRange\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
5248
5338
|
{
|
|
5249
5339
|
provide: NG_VALUE_ACCESSOR,
|
|
5250
5340
|
useExisting: forwardRef(() => MaterialDateRangeComponent),
|
|
@@ -5388,7 +5478,7 @@ class MaterialDateRangeComponent extends SimpleBaseInputComponent {
|
|
|
5388
5478
|
</div>
|
|
5389
5479
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4$1.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i4$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i4$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i4$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i4$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "ngmodule", type: MatNativeDateModule }, { 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: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: PraxisDateRangeShortcutsOverlayComponent, selector: "pdx-date-range-shortcuts-overlay", inputs: ["items", "activeId"], outputs: ["selectPreset"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
5390
5480
|
}
|
|
5391
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5481
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialDateRangeComponent, decorators: [{
|
|
5392
5482
|
type: Component,
|
|
5393
5483
|
args: [{
|
|
5394
5484
|
selector: 'pdx-material-date-range',
|
|
@@ -5562,7 +5652,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
5562
5652
|
'[attr.data-component-id]': 'componentId()',
|
|
5563
5653
|
},
|
|
5564
5654
|
}]
|
|
5565
|
-
}], propDecorators: { readonlyMode: [{
|
|
5655
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
5566
5656
|
type: Input
|
|
5567
5657
|
}], disabledMode: [{
|
|
5568
5658
|
type: Input
|
|
@@ -5673,8 +5763,8 @@ class DatetimeLocalInputComponent extends SimpleBaseInputComponent {
|
|
|
5673
5763
|
}
|
|
5674
5764
|
return null;
|
|
5675
5765
|
}
|
|
5676
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5677
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
5766
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DatetimeLocalInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
5767
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: DatetimeLocalInputComponent, isStandalone: true, selector: "pdx-datetime-local-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"block\" : \"none\"", "style.width": "\"100%\"", "attr.data-field-type": "\"dateTimeLocal\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
5678
5768
|
{
|
|
5679
5769
|
provide: NG_VALUE_ACCESSOR,
|
|
5680
5770
|
useExisting: forwardRef(() => DatetimeLocalInputComponent),
|
|
@@ -5757,7 +5847,7 @@ class DatetimeLocalInputComponent extends SimpleBaseInputComponent {
|
|
|
5757
5847
|
</mat-form-field>
|
|
5758
5848
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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"] }] });
|
|
5759
5849
|
}
|
|
5760
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
5850
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DatetimeLocalInputComponent, decorators: [{
|
|
5761
5851
|
type: Component,
|
|
5762
5852
|
args: [{
|
|
5763
5853
|
selector: 'pdx-datetime-local-input',
|
|
@@ -5865,7 +5955,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
5865
5955
|
'[attr.data-component-id]': 'componentId()',
|
|
5866
5956
|
},
|
|
5867
5957
|
}]
|
|
5868
|
-
}], propDecorators: { readonlyMode: [{
|
|
5958
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
5869
5959
|
type: Input
|
|
5870
5960
|
}], disabledMode: [{
|
|
5871
5961
|
type: Input
|
|
@@ -5917,8 +6007,8 @@ class MonthInputComponent extends SimpleBaseInputComponent {
|
|
|
5917
6007
|
});
|
|
5918
6008
|
return st.readonly;
|
|
5919
6009
|
}
|
|
5920
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
5921
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
6010
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MonthInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6011
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MonthInputComponent, isStandalone: true, selector: "pdx-month-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"month\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
5922
6012
|
{
|
|
5923
6013
|
provide: NG_VALUE_ACCESSOR,
|
|
5924
6014
|
useExisting: forwardRef(() => MonthInputComponent),
|
|
@@ -6001,7 +6091,7 @@ class MonthInputComponent extends SimpleBaseInputComponent {
|
|
|
6001
6091
|
</mat-form-field>
|
|
6002
6092
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { 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"] }] });
|
|
6003
6093
|
}
|
|
6004
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
6094
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MonthInputComponent, decorators: [{
|
|
6005
6095
|
type: Component,
|
|
6006
6096
|
args: [{
|
|
6007
6097
|
selector: 'pdx-month-input',
|
|
@@ -6108,7 +6198,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
6108
6198
|
'[attr.data-component-id]': 'componentId()',
|
|
6109
6199
|
},
|
|
6110
6200
|
}]
|
|
6111
|
-
}], propDecorators: { readonlyMode: [{
|
|
6201
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
6112
6202
|
type: Input
|
|
6113
6203
|
}], disabledMode: [{
|
|
6114
6204
|
type: Input
|
|
@@ -6208,8 +6298,8 @@ class NumberInputComponent extends SimpleBaseInputComponent {
|
|
|
6208
6298
|
control.markAsDirty();
|
|
6209
6299
|
control.markAsTouched();
|
|
6210
6300
|
}
|
|
6211
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
6212
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
6301
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NumberInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
6302
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: NumberInputComponent, isStandalone: true, selector: "pdx-number-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"block\" : \"none\"", "style.width": "\"100%\"", "attr.data-field-type": "\"numericTextBox\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
6213
6303
|
{
|
|
6214
6304
|
provide: NG_VALUE_ACCESSOR,
|
|
6215
6305
|
useExisting: forwardRef(() => NumberInputComponent),
|
|
@@ -6292,7 +6382,7 @@ class NumberInputComponent extends SimpleBaseInputComponent {
|
|
|
6292
6382
|
</mat-form-field>
|
|
6293
6383
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
6294
6384
|
}
|
|
6295
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
6385
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: NumberInputComponent, decorators: [{
|
|
6296
6386
|
type: Component,
|
|
6297
6387
|
args: [{
|
|
6298
6388
|
selector: 'pdx-number-input',
|
|
@@ -6400,7 +6490,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
6400
6490
|
'[attr.data-component-id]': 'componentId()',
|
|
6401
6491
|
},
|
|
6402
6492
|
}]
|
|
6403
|
-
}], propDecorators: { readonlyMode: [{
|
|
6493
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
6404
6494
|
type: Input
|
|
6405
6495
|
}], disabledMode: [{
|
|
6406
6496
|
type: Input
|
|
@@ -6926,8 +7016,8 @@ class MaterialCurrencyComponent extends SimpleBaseInputComponent {
|
|
|
6926
7016
|
return null;
|
|
6927
7017
|
}
|
|
6928
7018
|
}
|
|
6929
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
6930
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
7019
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialCurrencyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7020
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialCurrencyComponent, isStandalone: true, selector: "pdx-material-currency", inputs: { metadataInput: ["metadata", "metadataInput"], readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"currency\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
6931
7021
|
CurrencyPipe,
|
|
6932
7022
|
{
|
|
6933
7023
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -7026,7 +7116,7 @@ class MaterialCurrencyComponent extends SimpleBaseInputComponent {
|
|
|
7026
7116
|
</mat-form-field>
|
|
7027
7117
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { 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"] }] });
|
|
7028
7118
|
}
|
|
7029
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
7119
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialCurrencyComponent, decorators: [{
|
|
7030
7120
|
type: Component,
|
|
7031
7121
|
args: [{
|
|
7032
7122
|
selector: 'pdx-material-currency',
|
|
@@ -7149,7 +7239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
7149
7239
|
'[attr.data-component-id]': 'componentId()',
|
|
7150
7240
|
},
|
|
7151
7241
|
}]
|
|
7152
|
-
}], propDecorators: { inputRef: [{
|
|
7242
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], inputRef: [{
|
|
7153
7243
|
type: ViewChild,
|
|
7154
7244
|
args: ['currencyInput', { static: true }]
|
|
7155
7245
|
}], metadataInput: [{
|
|
@@ -7319,8 +7409,8 @@ class MaterialCpfCnpjInputComponent extends SimpleBaseInputComponent {
|
|
|
7319
7409
|
return v.replace(/^([A-Z0-9]{2})([A-Z0-9]{3})([A-Z0-9]{3})([A-Z0-9]{4})([A-Z0-9]{1,2})/, '$1.$2.$3/$4-$5');
|
|
7320
7410
|
}
|
|
7321
7411
|
}
|
|
7322
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
7323
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
7412
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialCpfCnpjInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7413
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialCpfCnpjInputComponent, isStandalone: true, selector: "pdx-material-cpf-cnpj-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"cpfCnpj\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
7324
7414
|
{
|
|
7325
7415
|
provide: NG_VALUE_ACCESSOR,
|
|
7326
7416
|
useExisting: forwardRef(() => MaterialCpfCnpjInputComponent),
|
|
@@ -7401,7 +7491,7 @@ class MaterialCpfCnpjInputComponent extends SimpleBaseInputComponent {
|
|
|
7401
7491
|
</mat-form-field>
|
|
7402
7492
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { 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"] }, { 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"] }] });
|
|
7403
7493
|
}
|
|
7404
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
7494
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialCpfCnpjInputComponent, decorators: [{
|
|
7405
7495
|
type: Component,
|
|
7406
7496
|
args: [{
|
|
7407
7497
|
selector: 'pdx-material-cpf-cnpj-input',
|
|
@@ -7838,8 +7928,8 @@ class MaterialPriceRangeComponent extends SimpleBaseInputComponent {
|
|
|
7838
7928
|
});
|
|
7839
7929
|
});
|
|
7840
7930
|
}
|
|
7841
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
7842
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
7931
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialPriceRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
7932
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialPriceRangeComponent, isStandalone: true, selector: "pdx-material-price-range", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"priceRange\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
7843
7933
|
{
|
|
7844
7934
|
provide: NG_VALUE_ACCESSOR,
|
|
7845
7935
|
useExisting: forwardRef(() => MaterialPriceRangeComponent),
|
|
@@ -7905,7 +7995,7 @@ class MaterialPriceRangeComponent extends SimpleBaseInputComponent {
|
|
|
7905
7995
|
</div>
|
|
7906
7996
|
`, isInline: true, styles: [".price-range-container{display:flex;flex-direction:column}.range-label{display:block;margin:0 0 8px;font-size:14px;line-height:1.25;color:var(--md-sys-color-on-surface-variant)}.price-range-actions{display:flex;justify-content:flex-end;margin-top:4px}.range-inputs{display:flex;align-items:stretch}.range-inputs.layout-row{flex-direction:row}.range-inputs.layout-column{flex-direction:column}.range-inputs>pdx-material-currency{flex:1 1 0;width:100%;min-width:0}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: MaterialCurrencyComponent, selector: "pdx-material-currency", inputs: ["metadata", "readonlyMode", "disabledMode", "visible", "presentationMode"], outputs: ["validationChange"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
7907
7997
|
}
|
|
7908
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
7998
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialPriceRangeComponent, decorators: [{
|
|
7909
7999
|
type: Component,
|
|
7910
8000
|
args: [{ selector: 'pdx-material-price-range', standalone: true, imports: [
|
|
7911
8001
|
MatButtonModule,
|
|
@@ -7987,7 +8077,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
7987
8077
|
'[attr.data-field-name]': 'metadata()?.name',
|
|
7988
8078
|
'[attr.data-component-id]': 'componentId()',
|
|
7989
8079
|
}, styles: [".price-range-container{display:flex;flex-direction:column}.range-label{display:block;margin:0 0 8px;font-size:14px;line-height:1.25;color:var(--md-sys-color-on-surface-variant)}.price-range-actions{display:flex;justify-content:flex-end;margin-top:4px}.range-inputs{display:flex;align-items:stretch}.range-inputs.layout-row{flex-direction:row}.range-inputs.layout-column{flex-direction:column}.range-inputs>pdx-material-currency{flex:1 1 0;width:100%;min-width:0}\n"] }]
|
|
7990
|
-
}], propDecorators: { readonlyMode: [{
|
|
8080
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
7991
8081
|
type: Input
|
|
7992
8082
|
}], disabledMode: [{
|
|
7993
8083
|
type: Input
|
|
@@ -8162,8 +8252,8 @@ class PdxMaterialRangeSliderComponent extends SimpleBaseInputComponent {
|
|
|
8162
8252
|
}
|
|
8163
8253
|
return classes;
|
|
8164
8254
|
}
|
|
8165
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
8166
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
8255
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxMaterialRangeSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
8256
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: PdxMaterialRangeSliderComponent, isStandalone: true, selector: "pdx-material-range-slider", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"range-slider\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
8167
8257
|
{
|
|
8168
8258
|
provide: NG_VALUE_ACCESSOR,
|
|
8169
8259
|
useExisting: forwardRef(() => PdxMaterialRangeSliderComponent),
|
|
@@ -8171,7 +8261,7 @@ class PdxMaterialRangeSliderComponent extends SimpleBaseInputComponent {
|
|
|
8171
8261
|
},
|
|
8172
8262
|
], usesInheritance: true, ngImport: i0, template: "<div\n class=\"pdx-range-slider-container\"\n [ngClass]=\"{ 'pdx-range-slider-vertical': metadata()?.vertical }\"\n [matTooltip]=\"tooltipEnabled() ? errorMessage() : ''\"\n [matTooltipDisabled]=\"!tooltipEnabled() || !errorMessage()\"\n [matTooltipPosition]=\"tooltipPosition()\"\n>\n <label\n *ngIf=\"label\"\n class=\"pdx-slider-label\"\n [id]=\"componentId() + '-label'\"\n >{{ label }}</label\n >\n\n <div\n class=\"pdx-slider-wrapper\"\n role=\"group\"\n [attr.aria-labelledby]=\"componentId() + '-label'\"\n >\n <!-- Single Slider Mode -->\n <ng-container *ngIf=\"!isRangeMode()\">\n <mat-slider\n class=\"pdx-single-slider\"\n [attr.aria-label]=\"label\"\n [attr.aria-invalid]=\"control().invalid\"\n [attr.aria-required]=\"metadata()?.required\"\n [max]=\"metadata()?.max ?? 100\"\n [min]=\"metadata()?.min ?? 0\"\n [step]=\"metadata()?.step ?? 1\"\n [discrete]=\"metadata()?.discrete ?? false\"\n [showTickMarks]=\"metadata()?.showTicks ?? false\"\n [displayWith]=\"displayWithFn()\"\n [color]=\"materialColor()\"\n >\n <input matSliderThumb [formControl]=\"control()\" />\n </mat-slider>\n </ng-container>\n\n <!-- Range Slider Mode -->\n <ng-container *ngIf=\"isRangeMode()\">\n <div class=\"pdx-range-slider\" [formGroup]=\"rangeGroup\">\n <mat-slider\n class=\"pdx-range-slider-range\"\n [attr.aria-label]=\"label\"\n [attr.aria-required]=\"metadata()?.required\"\n [max]=\"metadata()?.max ?? 100\"\n [min]=\"metadata()?.min ?? 0\"\n [step]=\"metadata()?.step ?? 1\"\n [discrete]=\"metadata()?.discrete ?? false\"\n [showTickMarks]=\"metadata()?.showTicks ?? false\"\n [displayWith]=\"displayWithFn()\"\n [color]=\"materialColor()\"\n >\n <input matSliderStartThumb formControlName=\"start\" [attr.aria-label]=\"(label ?? 'Start') + ' value'\" />\n <input matSliderEndThumb formControlName=\"end\" [attr.aria-label]=\"(label ?? 'End') + ' value'\" />\n </mat-slider>\n </div>\n </ng-container>\n </div>\n\n <!-- Optional Inputs -->\n <div *ngIf=\"metadata()?.showInputs\" class=\"pdx-slider-inputs-container\">\n <ng-container *ngIf=\"isRangeMode(); else singleInput\">\n <div class=\"pdx-slider-inputs\" [formGroup]=\"rangeGroup\">\n <input\n type=\"number\"\n formControlName=\"start\"\n class=\"pdx-slider-input pdx-slider-input-start\"\n [readonly]=\"readonlyMode || presentationMode || (metadata()?.readonly || false)\"\n [step]=\"metadata()?.step ?? 1\"\n [min]=\"metadata()?.min ?? 0\"\n [max]=\"rangeGroup.get('end')?.value ?? metadata()?.max ?? 100\"\n />\n <span class=\"pdx-slider-input-separator\">-</span>\n <input\n type=\"number\"\n formControlName=\"end\"\n class=\"pdx-slider-input pdx-slider-input-end\"\n [readonly]=\"readonlyMode || presentationMode || (metadata()?.readonly || false)\"\n [step]=\"metadata()?.step ?? 1\"\n [min]=\"rangeGroup.get('start')?.value ?? metadata()?.min ?? 0\"\n [max]=\"metadata()?.max ?? 100\"\n />\n </div>\n </ng-container>\n <ng-template #singleInput>\n <div class=\"pdx-slider-inputs\">\n <input\n type=\"number\"\n [formControl]=\"control()\"\n class=\"pdx-slider-input\"\n [readonly]=\"readonlyMode || presentationMode || (metadata()?.readonly || false)\"\n [step]=\"metadata()?.step ?? 1\"\n [min]=\"metadata()?.min ?? 0\"\n [max]=\"metadata()?.max ?? 100\"\n />\n </div>\n </ng-template>\n </div>\n\n <div\n *ngIf=\"hasValidationError() || (isRangeMode() && rangeGroup.invalid)\"\n class=\"mat-error\"\n >\n {{ errorMessage() }}\n </div>\n\n <div\n *ngIf=\"\n metadata()?.hint &&\n !hasValidationError() &&\n !(isRangeMode() && rangeGroup.invalid)\n \"\n class=\"mat-hint\"\n >\n {{ metadata()?.hint }}\n </div>\n</div>\n", styles: [".pdx-range-slider-container{width:100%;padding:8px 0}.pdx-slider-label{display:block;margin-bottom:8px;font-size:14px;color:var(--md-sys-color-on-surface-variant)}.pdx-slider-wrapper{position:relative;width:100%}.pdx-range-slider{position:relative;height:48px}.pdx-range-slider-start,.pdx-range-slider-end{position:absolute;width:100%}.pdx-range-slider-end ::ng-deep .mat-slider-track-background{background-color:transparent!important}.pdx-range-slider-vertical .pdx-slider-wrapper{height:200px}.pdx-range-slider-vertical .pdx-range-slider{height:100%}.pdx-slider-inputs{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.pdx-slider-input{width:80px;padding:8px;border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;text-align:center;background:var(--md-sys-color-surface);color:var(--md-sys-color-on-surface)}.pdx-slider-input-separator{margin:0 8px}.pdx-readonly .pdx-slider-wrapper{pointer-events:none;opacity:.7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
8173
8263
|
}
|
|
8174
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
8264
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxMaterialRangeSliderComponent, decorators: [{
|
|
8175
8265
|
type: Component,
|
|
8176
8266
|
args: [{ selector: 'pdx-material-range-slider', standalone: true, imports: [
|
|
8177
8267
|
CommonModule,
|
|
@@ -8243,8 +8333,8 @@ class SearchInputComponent extends SimpleBaseInputComponent {
|
|
|
8243
8333
|
});
|
|
8244
8334
|
return st.readonly;
|
|
8245
8335
|
}
|
|
8246
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
8247
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
8336
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SearchInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
8337
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: SearchInputComponent, isStandalone: true, selector: "pdx-search-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"search\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
8248
8338
|
{
|
|
8249
8339
|
provide: NG_VALUE_ACCESSOR,
|
|
8250
8340
|
useExisting: forwardRef(() => SearchInputComponent),
|
|
@@ -8327,7 +8417,7 @@ class SearchInputComponent extends SimpleBaseInputComponent {
|
|
|
8327
8417
|
</mat-form-field>
|
|
8328
8418
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { 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"] }] });
|
|
8329
8419
|
}
|
|
8330
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
8420
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: SearchInputComponent, decorators: [{
|
|
8331
8421
|
type: Component,
|
|
8332
8422
|
args: [{
|
|
8333
8423
|
selector: 'pdx-search-input',
|
|
@@ -8434,7 +8524,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
8434
8524
|
'[attr.data-component-id]': 'componentId()',
|
|
8435
8525
|
},
|
|
8436
8526
|
}]
|
|
8437
|
-
}], propDecorators: { readonlyMode: [{
|
|
8527
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
8438
8528
|
type: Input
|
|
8439
8529
|
}], disabledMode: [{
|
|
8440
8530
|
type: Input
|
|
@@ -8485,8 +8575,8 @@ class PhoneInputComponent extends SimpleBaseInputComponent {
|
|
|
8485
8575
|
});
|
|
8486
8576
|
return st.readonly;
|
|
8487
8577
|
}
|
|
8488
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
8489
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
8578
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PhoneInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
8579
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PhoneInputComponent, isStandalone: true, selector: "pdx-phone-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"phone\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
8490
8580
|
{
|
|
8491
8581
|
provide: NG_VALUE_ACCESSOR,
|
|
8492
8582
|
useExisting: forwardRef(() => PhoneInputComponent),
|
|
@@ -8568,7 +8658,7 @@ class PhoneInputComponent extends SimpleBaseInputComponent {
|
|
|
8568
8658
|
</mat-form-field>
|
|
8569
8659
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { 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"] }] });
|
|
8570
8660
|
}
|
|
8571
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
8661
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PhoneInputComponent, decorators: [{
|
|
8572
8662
|
type: Component,
|
|
8573
8663
|
args: [{
|
|
8574
8664
|
selector: 'pdx-phone-input',
|
|
@@ -8674,7 +8764,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
8674
8764
|
'[attr.data-component-id]': 'componentId()',
|
|
8675
8765
|
},
|
|
8676
8766
|
}]
|
|
8677
|
-
}], propDecorators: { readonlyMode: [{
|
|
8767
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
8678
8768
|
type: Input
|
|
8679
8769
|
}], disabledMode: [{
|
|
8680
8770
|
type: Input
|
|
@@ -8739,8 +8829,8 @@ class TimeInputComponent extends SimpleBaseInputComponent {
|
|
|
8739
8829
|
});
|
|
8740
8830
|
return st.readonly;
|
|
8741
8831
|
}
|
|
8742
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
8743
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
8832
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TimeInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
8833
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: TimeInputComponent, isStandalone: true, selector: "pdx-time-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"block\" : \"none\"", "style.width": "\"100%\"", "attr.data-field-type": "\"time\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
8744
8834
|
{
|
|
8745
8835
|
provide: NG_VALUE_ACCESSOR,
|
|
8746
8836
|
useExisting: forwardRef(() => TimeInputComponent),
|
|
@@ -8823,7 +8913,7 @@ class TimeInputComponent extends SimpleBaseInputComponent {
|
|
|
8823
8913
|
</mat-form-field>
|
|
8824
8914
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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"] }] });
|
|
8825
8915
|
}
|
|
8826
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
8916
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: TimeInputComponent, decorators: [{
|
|
8827
8917
|
type: Component,
|
|
8828
8918
|
args: [{
|
|
8829
8919
|
selector: 'pdx-time-input',
|
|
@@ -8931,7 +9021,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
8931
9021
|
'[attr.data-component-id]': 'componentId()',
|
|
8932
9022
|
},
|
|
8933
9023
|
}]
|
|
8934
|
-
}], propDecorators: { readonlyMode: [{
|
|
9024
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
8935
9025
|
type: Input
|
|
8936
9026
|
}], disabledMode: [{
|
|
8937
9027
|
type: Input
|
|
@@ -9059,8 +9149,8 @@ class MaterialTimepickerComponent extends SimpleBaseInputComponent {
|
|
|
9059
9149
|
}
|
|
9060
9150
|
return h * 3600 + m * 60 + s;
|
|
9061
9151
|
}
|
|
9062
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
9063
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
9152
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialTimepickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
9153
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialTimepickerComponent, isStandalone: true, selector: "pdx-material-timepicker", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"block\" : \"none\"", "style.width": "\"100%\"", "attr.data-field-type": "\"timePicker\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
9064
9154
|
{
|
|
9065
9155
|
provide: NG_VALUE_ACCESSOR,
|
|
9066
9156
|
useExisting: forwardRef(() => MaterialTimepickerComponent),
|
|
@@ -9140,7 +9230,7 @@ class MaterialTimepickerComponent extends SimpleBaseInputComponent {
|
|
|
9140
9230
|
</mat-form-field>
|
|
9141
9231
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3$2.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3$2.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3$2.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatNativeDateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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"] }] });
|
|
9142
9232
|
}
|
|
9143
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
9233
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialTimepickerComponent, decorators: [{
|
|
9144
9234
|
type: Component,
|
|
9145
9235
|
args: [{
|
|
9146
9236
|
selector: 'pdx-material-timepicker',
|
|
@@ -9247,7 +9337,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
9247
9337
|
'[attr.data-component-id]': 'componentId()',
|
|
9248
9338
|
},
|
|
9249
9339
|
}]
|
|
9250
|
-
}], propDecorators: { readonlyMode: [{
|
|
9340
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
9251
9341
|
type: Input
|
|
9252
9342
|
}], disabledMode: [{
|
|
9253
9343
|
type: Input
|
|
@@ -9300,8 +9390,8 @@ class UrlInputComponent extends SimpleBaseInputComponent {
|
|
|
9300
9390
|
});
|
|
9301
9391
|
return st.readonly;
|
|
9302
9392
|
}
|
|
9303
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
9304
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
9393
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UrlInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
9394
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: UrlInputComponent, isStandalone: true, selector: "pdx-url-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"url\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
9305
9395
|
{
|
|
9306
9396
|
provide: NG_VALUE_ACCESSOR,
|
|
9307
9397
|
useExisting: forwardRef(() => UrlInputComponent),
|
|
@@ -9386,7 +9476,7 @@ class UrlInputComponent extends SimpleBaseInputComponent {
|
|
|
9386
9476
|
</mat-form-field>
|
|
9387
9477
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { 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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
9388
9478
|
}
|
|
9389
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
9479
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: UrlInputComponent, decorators: [{
|
|
9390
9480
|
type: Component,
|
|
9391
9481
|
args: [{
|
|
9392
9482
|
selector: 'pdx-url-input',
|
|
@@ -9495,7 +9585,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
9495
9585
|
'[attr.data-component-id]': 'componentId()',
|
|
9496
9586
|
},
|
|
9497
9587
|
}]
|
|
9498
|
-
}], propDecorators: { readonlyMode: [{
|
|
9588
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
9499
9589
|
type: Input
|
|
9500
9590
|
}], disabledMode: [{
|
|
9501
9591
|
type: Input
|
|
@@ -9547,8 +9637,8 @@ class WeekInputComponent extends SimpleBaseInputComponent {
|
|
|
9547
9637
|
});
|
|
9548
9638
|
return st.readonly;
|
|
9549
9639
|
}
|
|
9550
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
9551
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
9640
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: WeekInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
9641
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: WeekInputComponent, isStandalone: true, selector: "pdx-week-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, outputs: { validationChange: "validationChange" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"week\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
9552
9642
|
{
|
|
9553
9643
|
provide: NG_VALUE_ACCESSOR,
|
|
9554
9644
|
useExisting: forwardRef(() => WeekInputComponent),
|
|
@@ -9631,7 +9721,7 @@ class WeekInputComponent extends SimpleBaseInputComponent {
|
|
|
9631
9721
|
</mat-form-field>
|
|
9632
9722
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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"] }] });
|
|
9633
9723
|
}
|
|
9634
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
9724
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: WeekInputComponent, decorators: [{
|
|
9635
9725
|
type: Component,
|
|
9636
9726
|
args: [{
|
|
9637
9727
|
selector: 'pdx-week-input',
|
|
@@ -9738,7 +9828,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
9738
9828
|
'[attr.data-component-id]': 'componentId()',
|
|
9739
9829
|
},
|
|
9740
9830
|
}]
|
|
9741
|
-
}], propDecorators: { readonlyMode: [{
|
|
9831
|
+
}], propDecorators: { validationChange: [{ type: i0.Output, args: ["validationChange"] }], readonlyMode: [{
|
|
9742
9832
|
type: Input
|
|
9743
9833
|
}], disabledMode: [{
|
|
9744
9834
|
type: Input
|
|
@@ -10033,8 +10123,8 @@ class MaterialTextareaComponent extends SimpleBaseInputComponent {
|
|
|
10033
10123
|
this._log('cut', { length: this.charCount });
|
|
10034
10124
|
});
|
|
10035
10125
|
}
|
|
10036
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
10037
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
10126
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialTextareaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
10127
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialTextareaComponent, isStandalone: true, selector: "pdx-material-textarea", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"block\" : \"none\"", "style.width": "\"100%\"", "attr.data-field-type": "\"textarea\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
10038
10128
|
{
|
|
10039
10129
|
provide: NG_VALUE_ACCESSOR,
|
|
10040
10130
|
useExisting: forwardRef(() => MaterialTextareaComponent),
|
|
@@ -10042,7 +10132,7 @@ class MaterialTextareaComponent extends SimpleBaseInputComponent {
|
|
|
10042
10132
|
},
|
|
10043
10133
|
], usesInheritance: true, ngImport: i0, template: "<mat-form-field\n [appearance]=\"materialAppearance()\"\n [color]=\"materialColor()\"\n [floatLabel]=\"floatLabelBehavior()\"\n [class.pdx-textarea-auto-resize]=\"autoResizeEnabled()\"\n [class.pdx-textarea-spellcheck]=\"metadata()?.spellcheck\"\n [class.pdx-textarea-code]=\"isCodeLikeMode()\"\n>\n <mat-label>\n <span\n [matTooltip]=\"metadata()?.description || null\"\n [matTooltipDisabled]=\"!metadata()?.description\"\n matTooltipPosition=\"above\"\n >\n {{ label }}\n </span>\n </mat-label>\n <!-- Optional prefix icon -->\n @if (metadata()?.prefixIcon) {\n <mat-icon\n matPrefix\n [matTooltip]=\"'Icon: ' + metadata()?.prefixIcon\"\n matTooltipPosition=\"above\"\n [color]=\"iconPalette(metadata()?.prefixIconColor)\"\n [style.color]=\"iconCustomColor(metadata()?.prefixIconColor)\"\n [praxisIcon]=\"metadata()?.prefixIcon\"\n ></mat-icon>\n }\n\n <textarea\n matInput\n [formControl]=\"control()\"\n [attr.placeholder]=\"shouldShowPlaceholder && placeholder ? placeholder : null\"\n [readonly]=\"isReadonlyEffective()\"\n [rows]=\"getRowsAttr()\"\n [cdkTextareaAutosize]=\"autoResizeEnabled()\"\n [cdkAutosizeMinRows]=\"getMinRowsAttr()\"\n [cdkAutosizeMaxRows]=\"getMaxRowsAttr()\"\n [maxlength]=\"metadata()?.maxLength || null\"\n [minlength]=\"metadata()?.minLength || null\"\n [attr.aria-describedby]=\"metadata()?.hint ? componentId() + '-hint' : null\"\n [attr.spellcheck]=\"effectiveSpellcheck() === null ? null : effectiveSpellcheck()\"\n [attr.wrap]=\"effectiveWrap()\"\n [attr.cols]=\"metadata()?.cols || null\"\n [style.resize]=\"metadata()?.resize || null\"\n [matTooltip]=\"tooltipEnabled() ? errorMessage() : null\"\n [matTooltipDisabled]=\"!(tooltipEnabled() && hasValidationError())\"\n [matTooltipPosition]=\"tooltipPosition()\"\n (focus)=\"onFocusLog()\"\n (blur)=\"onBlurLog()\"\n (input)=\"onInputLog($event)\"\n (paste)=\"onPaste($event)\"\n (cut)=\"onCut($event)\"\n (keydown)=\"onTextareaKeydown($event)\"\n ></textarea>\n <!-- Optional suffix icon -->\n @if (metadata()?.suffixIcon) {\n <mat-icon\n matSuffix\n [matTooltip]=\"metadata()?.suffixIconTooltip || ('Icon: ' + metadata()?.suffixIcon)\"\n matTooltipPosition=\"above\"\n [color]=\"iconPalette(metadata()?.suffixIconColor)\"\n [style.color]=\"iconCustomColor(metadata()?.suffixIconColor)\"\n [attr.aria-label]=\"metadata()?.suffixIconAriaLabel || null\"\n [praxisIcon]=\"metadata()?.suffixIcon\"\n ></mat-icon>\n }\n <!-- Optional clear button -->\n @if (showClear()) {\n <button\n mat-icon-button\n matSuffix\n type=\"button\"\n (click)=\"onClearClick()\"\n [disabled]=\"disabledMode || isReadonlyEffective() || presentationMode\"\n [matTooltip]=\"metadata()?.clearButton?.tooltip || 'Limpar'\"\n matTooltipPosition=\"above\"\n [attr.aria-label]=\"metadata()?.clearButton?.ariaLabel || 'Limpar'\"\n >\n <mat-icon\n [color]=\"iconPalette(metadata()?.clearButton?.iconColor)\"\n [style.color]=\"iconCustomColor(metadata()?.clearButton?.iconColor)\"\n [praxisIcon]=\"metadata()?.clearButton?.icon || 'mi:clear'\"\n ></mat-icon>\n </button>\n }\n @if (metadata()?.hint) {\n <mat-hint [id]=\"componentId() + '-hint'\" align=\"start\">{{ metadata()?.hint }}</mat-hint>\n }\n @if (showCharacterCount()) {\n <mat-hint align=\"end\" [class.pdx-character-count-warning]=\"isNearLimit()\" [class.pdx-character-count-error]=\"isAtOrOverLimit()\">\n {{ charCount }}/{{ metadata()?.maxLength }}\n </mat-hint>\n }\n @if (showStats()) {\n <mat-hint align=\"end\">{{ getWords() }} palavras \u2022 {{ getLines() }} linhas</mat-hint>\n }\n @if (hasValidationError()) {\n <mat-error>{{ errorMessage() }}</mat-error>\n }\n</mat-form-field>\n", styles: ["@charset \"UTF-8\";:host{display:block;width:100%;position:relative}:host.pdx-loading{pointer-events:none;opacity:.7}:host.pdx-error .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-error)}:host.pdx-focused .mat-mdc-form-field{--mdc-outlined-text-field-focused-outline-color: var(--md-sys-color-primary)}:host.pdx-dirty .mat-mdc-form-field-label:after{content:\" \\2022\";color:var(--md-sys-color-primary);font-weight:700}:host.pdx-valid.pdx-dirty .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-tertiary)}:host.pdx-invalid.pdx-touched .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: var(--md-sys-color-error)}:host.pdx-textarea-auto-resize .mat-mdc-text-field-wrapper .mat-mdc-form-field-infix textarea{resize:none!important;overflow-y:hidden;transition:height .2s ease-out}:host.pdx-textarea-with-preview .mat-mdc-form-field{margin-bottom:16px}:host.pdx-textarea-spellcheck .mat-mdc-text-field-wrapper textarea::-webkit-input-placeholder{font-style:italic}:host.pdx-textarea-spellcheck .mat-mdc-text-field-wrapper textarea::-moz-placeholder{font-style:italic}:host.pdx-textarea-with-stats{margin-bottom:48px}.pdx-textarea-container{position:relative;width:100%}.mat-mdc-form-field{width:100%}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element{font-family:inherit;line-height:1.5}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:1}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar{width:8px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-track{background:var(--md-sys-color-surface-variant);border-radius:4px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline);border-radius:4px}.mat-mdc-form-field .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline-variant)}.mat-mdc-form-field .mat-mdc-form-field-suffix{display:flex;align-items:center;gap:4px}.mat-mdc-form-field.pdx-textarea-with-tabs{border-top:1px solid var(--md-sys-color-outline-variant);border-radius:0 0 4px 4px}:host.pdx-textarea-code .mat-mdc-text-field-wrapper textarea.mat-mdc-input-element{font-family:Monaco,Menlo,Ubuntu Mono,monospace!important;white-space:pre;word-break:normal;overflow-x:auto}.pdx-character-count-warning{color:var(--md-sys-color-secondary)}.pdx-character-count-error{color:var(--md-sys-color-error);font-weight:600}.pdx-textarea-tabs{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px 4px 0 0;margin-bottom:-1px}.pdx-textarea-tabs .mat-mdc-tab-group .mat-mdc-tab-header{border-bottom:1px solid var(--md-sys-color-outline-variant)}.pdx-textarea-tabs .mat-mdc-tab-group .mat-mdc-tab-body-wrapper{padding:16px;min-height:200px}.pdx-textarea-preview-content{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;padding:16px;min-height:120px;font-family:inherit;line-height:1.6}.pdx-textarea-preview-content .markdown-content h1,.pdx-textarea-preview-content .markdown-content h2,.pdx-textarea-preview-content .markdown-content h3,.pdx-textarea-preview-content .markdown-content h4,.pdx-textarea-preview-content .markdown-content h5,.pdx-textarea-preview-content .markdown-content h6{margin:16px 0 8px;color:var(--md-sys-color-on-surface)}.pdx-textarea-preview-content .markdown-content h1:first-child,.pdx-textarea-preview-content .markdown-content h2:first-child,.pdx-textarea-preview-content .markdown-content h3:first-child,.pdx-textarea-preview-content .markdown-content h4:first-child,.pdx-textarea-preview-content .markdown-content h5:first-child,.pdx-textarea-preview-content .markdown-content h6:first-child{margin-top:0}.pdx-textarea-preview-content .markdown-content h1{font-size:1.5rem;font-weight:600}.pdx-textarea-preview-content .markdown-content h2{font-size:1.3rem;font-weight:600}.pdx-textarea-preview-content .markdown-content h3{font-size:1.1rem;font-weight:500}.pdx-textarea-preview-content .markdown-content p{margin:8px 0}.pdx-textarea-preview-content .markdown-content p:first-child{margin-top:0}.pdx-textarea-preview-content .markdown-content p:last-child{margin-bottom:0}.pdx-textarea-preview-content .markdown-content strong{font-weight:600;color:var(--md-sys-color-on-surface)}.pdx-textarea-preview-content .markdown-content em{font-style:italic}.pdx-textarea-preview-content .markdown-content code{background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:3px;padding:2px 4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em}.pdx-textarea-preview-content .markdown-content br{line-height:1.8}.pdx-templates-button,.pdx-preview-button,.pdx-auto-resize-button,.pdx-clear-button{width:32px;height:32px;line-height:32px;opacity:.7;transition:all .2s ease}.pdx-templates-button:hover,.pdx-preview-button:hover,.pdx-auto-resize-button:hover,.pdx-clear-button:hover{opacity:1;background:var(--md-sys-color-primary-container)}.pdx-templates-button .mat-icon,.pdx-preview-button .mat-icon,.pdx-auto-resize-button .mat-icon,.pdx-clear-button .mat-icon{font-size:18px;width:18px;height:18px}.pdx-templates-button.pdx-preview-active,.pdx-templates-button.pdx-auto-resize-active,.pdx-preview-button.pdx-preview-active,.pdx-preview-button.pdx-auto-resize-active,.pdx-auto-resize-button.pdx-preview-active,.pdx-auto-resize-button.pdx-auto-resize-active,.pdx-clear-button.pdx-preview-active,.pdx-clear-button.pdx-auto-resize-active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);opacity:1}.pdx-templates-menu .pdx-template-item{padding:12px 16px;line-height:1.4}.pdx-templates-menu .pdx-template-item .mat-icon{margin-right:12px;color:var(--md-sys-color-primary)}.pdx-templates-menu .pdx-template-item .pdx-template-info{display:flex;flex-direction:column}.pdx-templates-menu .pdx-template-item .pdx-template-info .pdx-template-name{font-weight:500;color:var(--md-sys-color-on-surface)}.pdx-templates-menu .pdx-template-item .pdx-template-info .pdx-template-description{color:var(--md-sys-color-on-surface-variant);font-size:.75rem;margin-top:2px}.pdx-templates-menu .pdx-template-item:hover{background:var(--md-sys-color-surface-variant)}.pdx-text-statistics{position:absolute;bottom:-44px;left:0;right:0;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;padding:8px 12px}.pdx-text-statistics .pdx-stats-grid{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item{display:flex;flex-direction:column;align-items:center;min-width:60px}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-value{font-weight:600;font-size:.9rem;color:var(--md-sys-color-primary);font-variant-numeric:tabular-nums}.pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-label{font-size:.7rem;color:var(--md-sys-color-on-surface-variant);text-transform:lowercase;margin-top:2px}.pdx-preview-panel{margin-top:16px;border:1px solid var(--md-sys-color-outline-variant);border-radius:4px;background:var(--md-sys-color-surface)}.pdx-preview-panel .pdx-preview-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-variant)}.pdx-preview-panel .pdx-preview-header .pdx-preview-title{font-weight:500;color:var(--md-sys-color-on-surface)}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector{display:flex;gap:4px}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button{width:32px;height:32px;opacity:.6;transition:all .2s ease}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button.active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-primary);opacity:1}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button:hover{opacity:1}.pdx-preview-panel .pdx-preview-header .pdx-preview-mode-selector button .mat-icon{font-size:16px;width:16px;height:16px}.pdx-preview-panel .pdx-preview-content{padding:16px;min-height:120px;line-height:1.6}.mat-mdc-form-field-label{cursor:pointer;transition:all .2s ease}.mat-mdc-form-field-label:hover{color:var(--md-sys-color-primary)}.mat-mdc-form-field-label .pdx-required-marker{color:var(--md-sys-color-error);margin-left:2px;font-weight:700}.pdx-label-editor{background:var(--md-sys-color-surface);border:1px solid var(--md-sys-color-primary);border-radius:4px;padding:4px 8px;font-size:inherit;font-family:inherit;color:inherit;outline:none;box-shadow:var(--md-sys-elevation-level1, var(--md-sys-elevation-level1))}.pdx-label-editor:focus{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}.pdx-character-count{font-size:.75rem;font-variant-numeric:tabular-nums;transition:color .2s ease}.pdx-character-count.pdx-character-count-warning{color:var(--md-sys-color-secondary);font-weight:500}.pdx-character-count.pdx-character-count-error{color:var(--md-sys-color-error);font-weight:600;animation:pulse-error 1s ease-in-out}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.7}}.pdx-error-message{display:flex;align-items:flex-start;gap:4px;font-size:.75rem;line-height:1.4;margin-top:4px}.pdx-error-message .pdx-error-icon{font-size:16px;width:16px;height:16px;margin-top:1px;color:var(--md-sys-color-error)}.pdx-error-message.pdx-additional-error{margin-top:2px;opacity:.8;font-size:.7rem}.pdx-additional-errors{margin-top:4px}.pdx-validation-loading{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:4px;color:var(--md-sys-color-primary);font-size:.75rem}.pdx-validation-loading .pdx-loading-spinner{font-size:16px;width:16px;height:16px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pdx-debug-info{position:absolute;top:-24px;right:0;background:var(--md-sys-color-surface-variant);border:1px solid var(--md-sys-color-outline);border-radius:4px;padding:2px 6px;font-size:.65rem;color:var(--md-sys-color-on-surface-variant);z-index:10}.pdx-debug-info .pdx-debug-security{display:block;font-family:monospace}.pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-contrast:high){:host .mat-mdc-form-field{--mdc-outlined-text-field-outline-color: currentColor;--mdc-outlined-text-field-focused-outline-color: currentColor}:host .pdx-character-count.pdx-character-count-warning,:host .pdx-character-count.pdx-character-count-error{color:currentColor;font-weight:700}:host .pdx-text-statistics{border-color:currentColor}:host .pdx-text-statistics .pdx-stat-value{color:currentColor}}@media(prefers-reduced-motion:reduce){:host *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-color-scheme:dark){:host .pdx-label-editor{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-primary);color:var(--md-sys-color-on-surface)}:host .pdx-debug-info{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}:host .pdx-text-statistics{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-tabs,:host .pdx-preview-panel{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-tabs .pdx-preview-header,:host .pdx-preview-panel .pdx-preview-header{background:var(--md-sys-color-surface-variant);border-bottom-color:var(--md-sys-color-outline)}:host .pdx-textarea-preview-content{background:var(--md-sys-color-surface);border-color:var(--md-sys-color-outline)}:host .pdx-textarea-preview-content .markdown-content h1,:host .pdx-textarea-preview-content .markdown-content h2,:host .pdx-textarea-preview-content .markdown-content h3,:host .pdx-textarea-preview-content .markdown-content h4,:host .pdx-textarea-preview-content .markdown-content h5,:host .pdx-textarea-preview-content .markdown-content h6{color:var(--md-sys-color-on-surface)}:host .pdx-textarea-preview-content .markdown-content strong{color:var(--md-sys-color-on-surface)}:host .pdx-textarea-preview-content .markdown-content code{background:var(--md-sys-color-surface-variant);border-color:var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant)}}@media(max-width:599px){:host .pdx-text-statistics .pdx-stats-grid{gap:8px}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item{min-width:50px}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-value{font-size:.8rem}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item .pdx-stat-label{font-size:.65rem}:host .pdx-textarea-tabs .mat-mdc-tab-body-wrapper{padding:8px;min-height:150px}:host .pdx-preview-panel .pdx-preview-content{padding:12px;min-height:100px}}@media(min-width:600px){:host .pdx-character-count{font-size:.8rem}:host .pdx-error-message{font-size:.8rem}:host .pdx-text-statistics .pdx-stats-grid .pdx-stat-item{min-width:70px}}@media(min-width:1200px){:host.pdx-textarea-with-preview{display:flex;gap:16px}:host.pdx-textarea-with-preview .pdx-textarea-container{flex:1}:host.pdx-textarea-with-preview .pdx-preview-panel{flex:1;margin-top:0;height:fit-content}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }, { 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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "directive", type: i3$3.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: TextFieldModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
|
|
10044
10134
|
}
|
|
10045
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
10135
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialTextareaComponent, decorators: [{
|
|
10046
10136
|
type: Component,
|
|
10047
10137
|
args: [{ selector: 'pdx-material-textarea', standalone: true, imports: [
|
|
10048
10138
|
CommonModule,
|
|
@@ -10114,8 +10204,8 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
|
|
|
10114
10204
|
errorStateMatcher() {
|
|
10115
10205
|
return getErrorStateMatcherForField(this.metadata());
|
|
10116
10206
|
}
|
|
10117
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
10118
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
10207
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
10208
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialSelectComponent, isStandalone: true, selector: "pdx-material-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"block\" : \"none\"", "style.width": "\"100%\"", "attr.data-field-type": "\"select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
10119
10209
|
GenericCrudService,
|
|
10120
10210
|
{
|
|
10121
10211
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -10210,7 +10300,7 @@ class MaterialSelectComponent extends SimpleBaseSelectComponent {
|
|
|
10210
10300
|
</mat-form-field>
|
|
10211
10301
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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"] }] });
|
|
10212
10302
|
}
|
|
10213
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
10303
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSelectComponent, decorators: [{
|
|
10214
10304
|
type: Component,
|
|
10215
10305
|
args: [{
|
|
10216
10306
|
selector: 'pdx-material-select',
|
|
@@ -10535,8 +10625,8 @@ class FilterInlineSelectComponent extends SimpleBaseSelectComponent {
|
|
|
10535
10625
|
max = Math.min(max, Math.max(min, viewportWidth - 48));
|
|
10536
10626
|
return { min, max };
|
|
10537
10627
|
}
|
|
10538
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
10539
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
10628
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
10629
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineSelectComponent, isStandalone: true, selector: "pdx-filter-inline-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-inline-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
10540
10630
|
GenericCrudService,
|
|
10541
10631
|
{
|
|
10542
10632
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -10663,7 +10753,7 @@ class FilterInlineSelectComponent extends SimpleBaseSelectComponent {
|
|
|
10663
10753
|
</mat-form-field>
|
|
10664
10754
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0 16px;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-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:none}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-filter-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-filter-inline-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-select-min-w, 112px);max-width:min(var(--pdx-inline-select-max-w, 320px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger,:host ::ng-deep .pdx-filter-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{box-shadow:none}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-filter-inline-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-select-panel){width:auto!important;min-width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-filter-inline-select-panel{min-width:min(260px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-select-panel) div.mat-mdc-select-panel.pdx-filter-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-filter-inline-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-filter-inline-select-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-filter-inline-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-filter-inline-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-filter-inline-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-filter-inline-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-filter-inline-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-filter-inline-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-filter-inline-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-filter-inline-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-filter-inline-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-filter-inline-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-filter-inline-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-filter-inline-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
10665
10755
|
}
|
|
10666
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
10756
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineSelectComponent, decorators: [{
|
|
10667
10757
|
type: Component,
|
|
10668
10758
|
args: [{ selector: 'pdx-filter-inline-select', standalone: true, imports: [
|
|
10669
10759
|
CommonModule,
|
|
@@ -11049,8 +11139,8 @@ class FilterInlineMultiSelectComponent extends SimpleBaseSelectComponent {
|
|
|
11049
11139
|
max = Math.min(max, Math.max(min, viewportWidth - 48));
|
|
11050
11140
|
return { min, max };
|
|
11051
11141
|
}
|
|
11052
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
11053
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
11142
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineMultiSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
11143
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineMultiSelectComponent, isStandalone: true, selector: "pdx-filter-inline-multi-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-multiselect-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
11054
11144
|
GenericCrudService,
|
|
11055
11145
|
{
|
|
11056
11146
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -11181,7 +11271,7 @@ class FilterInlineMultiSelectComponent extends SimpleBaseSelectComponent {
|
|
|
11181
11271
|
</mat-form-field>
|
|
11182
11272
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;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-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-trigger.is-active .pdx-chip-count{background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-multi-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-multi-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-multiselect-min-w, 132px);max-width:min(var(--pdx-inline-multiselect-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-multiselect-panel){width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-filter-inline-multiselect-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(56vh,420px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-multiselect-panel) div.mat-mdc-select-panel.pdx-filter-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-multiselect-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-filter-inline-multiselect-panel,::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-multiselect-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-filter-inline-multiselect-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-filter-inline-multiselect-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-filter-inline-multiselect-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-filter-inline-multiselect-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-filter-inline-multiselect-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-filter-inline-multiselect-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-filter-inline-multiselect-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-filter-inline-multiselect-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-filter-inline-multiselect-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-filter-inline-multiselect-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-filter-inline-multiselect-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-filter-inline-multiselect-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-filter-inline-multi-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
11183
11273
|
}
|
|
11184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
11274
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineMultiSelectComponent, decorators: [{
|
|
11185
11275
|
type: Component,
|
|
11186
11276
|
args: [{ selector: 'pdx-filter-inline-multi-select', standalone: true, imports: [
|
|
11187
11277
|
CommonModule,
|
|
@@ -11581,8 +11671,8 @@ class FilterInlineInputComponent extends SimpleBaseInputComponent {
|
|
|
11581
11671
|
.trim()
|
|
11582
11672
|
.replace(/^./, (char) => char.toUpperCase());
|
|
11583
11673
|
}
|
|
11584
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
11585
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
11674
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
11675
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineInputComponent, isStandalone: true, selector: "pdx-filter-inline-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-inline-input\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
11586
11676
|
{
|
|
11587
11677
|
provide: NG_VALUE_ACCESSOR,
|
|
11588
11678
|
useExisting: forwardRef(() => FilterInlineInputComponent),
|
|
@@ -11658,7 +11748,7 @@ class FilterInlineInputComponent extends SimpleBaseInputComponent {
|
|
|
11658
11748
|
</mat-form-field>
|
|
11659
11749
|
`, isInline: true, styles: [":host{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-input .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-input .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:44px;min-width:0;max-width:min(var(--pdx-inline-max-w, 360px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-input input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-size:1.05rem;line-height:1.2;width:auto!important;min-width:1ch}:host ::ng-deep .pdx-filter-inline-input .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-filter-inline-input input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-filter-inline-input .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-filter-inline-input .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-form-field-icon-prefix mat-icon{width:22px;height:22px;font-size:22px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-filter-inline-input .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-filter-inline-input .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-filter-inline-input .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width: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}:host ::ng-deep .pdx-filter-inline-input .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-filter-inline-input .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-filter-inline-input .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:translateY(-.5px)}@media(max-width:768px){:host ::ng-deep .pdx-filter-inline-input .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.MinLengthValidator, selector: "[minlength][formControlName],[minlength][formControl],[minlength][ngModel]", inputs: ["minlength"] }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }] });
|
|
11660
11750
|
}
|
|
11661
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
11751
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineInputComponent, decorators: [{
|
|
11662
11752
|
type: Component,
|
|
11663
11753
|
args: [{ selector: 'pdx-filter-inline-input', standalone: true, imports: [
|
|
11664
11754
|
CommonModule,
|
|
@@ -11891,8 +11981,8 @@ class FilterInlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
11891
11981
|
.trim()
|
|
11892
11982
|
.replace(/^./, (char) => char.toUpperCase());
|
|
11893
11983
|
}
|
|
11894
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
11895
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
11984
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
11985
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineToggleComponent, isStandalone: true, selector: "pdx-filter-inline-toggle", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-inline-toggle\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
11896
11986
|
{
|
|
11897
11987
|
provide: NG_VALUE_ACCESSOR,
|
|
11898
11988
|
useExisting: forwardRef(() => FilterInlineToggleComponent),
|
|
@@ -11941,7 +12031,7 @@ class FilterInlineToggleComponent extends SimpleBaseInputComponent {
|
|
|
11941
12031
|
</div>
|
|
11942
12032
|
`, 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:42px;min-inline-size:var(--pdx-inline-toggle-min-w, 108px);max-width:min(var(--pdx-inline-toggle-max-w, 320px),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{background:color-mix(in srgb,var(--md-sys-color-primary-container) 68%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-pill.is-false{background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 78%,var(--md-sys-color-surface-container-high))}.pdx-inline-toggle-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-toggle-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;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,var(--md-sys-color-on-surface) 16%,transparent);color:var(--md-sys-color-on-surface)}.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}:host ::ng-deep .pdx-inline-toggle-control .mdc-switch{margin:0}: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:38px;padding:0 12px 0 8px}.pdx-inline-toggle-label{font-size:.95rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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$2.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"] }] });
|
|
11943
12033
|
}
|
|
11944
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
12034
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineToggleComponent, decorators: [{
|
|
11945
12035
|
type: Component,
|
|
11946
12036
|
args: [{ selector: 'pdx-filter-inline-toggle', standalone: true, imports: [
|
|
11947
12037
|
CommonModule,
|
|
@@ -13192,8 +13282,8 @@ class FilterInlineRangeSliderComponent extends SimpleBaseInputComponent {
|
|
|
13192
13282
|
}
|
|
13193
13283
|
return { min, max, panelMin, panelMax };
|
|
13194
13284
|
}
|
|
13195
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
13196
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
13285
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineRangeSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
13286
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineRangeSliderComponent, isStandalone: true, selector: "pdx-filter-inline-range-slider", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()", "document:keydown.escape": "onDocumentEscape()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-range-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
13197
13287
|
{
|
|
13198
13288
|
provide: NG_VALUE_ACCESSOR,
|
|
13199
13289
|
useExisting: forwardRef(() => FilterInlineRangeSliderComponent),
|
|
@@ -13434,7 +13524,7 @@ class FilterInlineRangeSliderComponent extends SimpleBaseInputComponent {
|
|
|
13434
13524
|
</div>
|
|
13435
13525
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-range-min-w, 164px);max-width:min(var(--pdx-inline-range-max-w, 300px),calc(100vw - 48px));padding:0 8px 0 0;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-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-range-chip.is-open{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-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:40px;min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-range-trigger:focus-visible{outline:none}.pdx-inline-range-trigger:disabled{cursor:default}.pdx-inline-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-range-chip.is-active .pdx-inline-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-range-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-range-panel-min-w, 250px),calc(100vw - 24px));width:clamp(var(--pdx-inline-range-panel-min-w, 250px),28vw,var(--pdx-inline-range-panel-max-w, 380px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-range-slider-wrap{min-width:0}.pdx-inline-range-distribution{--pdx-inline-range-dist-height: 42px;--pdx-inline-range-dist-gap: 3px;--pdx-inline-range-dist-radius: 4px;--pdx-inline-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-range-dist-gap);height:var(--pdx-inline-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-range-dist-opacity);overflow:hidden}.pdx-inline-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-range-dist-radius) var(--pdx-inline-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-range-slider{width:100%;min-width:180px}:host ::ng-deep .pdx-inline-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-range-slider .mdc-slider__track{border-radius:999px}.pdx-inline-range-inputs{display:flex;align-items:flex-end;gap:8px}.pdx-inline-range-input-field{display:grid;gap:4px;flex:1 1 auto;min-width:0}.pdx-inline-range-input-field span{font-size:.74rem;font-weight:600;color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}.pdx-inline-range-input-field input{width:100%;min-width:0;height:32px;padding:0 10px;border-radius:8px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);font:inherit;font-size:.9rem;box-sizing:border-box}.pdx-inline-range-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px;border-color:var(--md-sys-color-primary)}.pdx-inline-range-input-field input:disabled{opacity:.58;cursor:default}.pdx-inline-range-input-field input::-webkit-outer-spin-button,.pdx-inline-range-input-field input::-webkit-inner-spin-button{margin:0}.pdx-inline-range-input-sep{align-self:center;color:var(--md-sys-color-outline)}.pdx-inline-range-presets{display:flex;flex-wrap:wrap;gap:6px}.pdx-inline-range-preset{display:inline-flex;align-items:center;gap:4px;min-height:28px;max-width:100%;padding: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);font:inherit;font-size:.8rem;line-height:1;cursor:pointer}.pdx-inline-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}.pdx-inline-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-range-preset:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-range-preset:disabled{opacity:.56;cursor:default}.pdx-inline-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}@media(max-width:768px){.pdx-inline-range-chip{min-height:40px}.pdx-inline-range-trigger{min-height:38px;padding-inline:12px;gap:8px}.pdx-inline-range-text{font-size:.92rem}.pdx-inline-range-panel{width:min(var(--pdx-inline-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}.pdx-inline-range-input-field input{height:30px;padding-inline:8px;font-size:.85rem}.pdx-inline-range-preset{min-height:26px;padding-inline:8px;font-size:.74rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { 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"] }] });
|
|
13436
13526
|
}
|
|
13437
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
13527
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineRangeSliderComponent, decorators: [{
|
|
13438
13528
|
type: Component,
|
|
13439
13529
|
args: [{ selector: 'pdx-filter-inline-range-slider', standalone: true, imports: [
|
|
13440
13530
|
CommonModule,
|
|
@@ -13905,8 +13995,8 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
|
|
|
13905
13995
|
if (this.hasLoaded())
|
|
13906
13996
|
this.reload(true);
|
|
13907
13997
|
}
|
|
13908
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
13909
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
13998
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSearchableSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
13999
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialSearchableSelectComponent, isStandalone: true, selector: "pdx-material-searchable-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"searchable-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
13910
14000
|
GenericCrudService,
|
|
13911
14001
|
{
|
|
13912
14002
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -14048,7 +14138,7 @@ class MaterialSearchableSelectComponent extends SimpleBaseSelectComponent {
|
|
|
14048
14138
|
</mat-form-field>
|
|
14049
14139
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }] });
|
|
14050
14140
|
}
|
|
14051
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
14141
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSearchableSelectComponent, decorators: [{
|
|
14052
14142
|
type: Component,
|
|
14053
14143
|
args: [{
|
|
14054
14144
|
selector: 'pdx-material-searchable-select',
|
|
@@ -14438,8 +14528,8 @@ class FilterInlineSearchableSelectComponent extends MaterialSearchableSelectComp
|
|
|
14438
14528
|
max = Math.min(max, Math.max(min, viewportWidth - 48));
|
|
14439
14529
|
return { min, max };
|
|
14440
14530
|
}
|
|
14441
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
14442
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
14531
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineSearchableSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
14532
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineSearchableSelectComponent, isStandalone: true, selector: "pdx-filter-inline-searchable-select", host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-searchable-select-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
14443
14533
|
GenericCrudService,
|
|
14444
14534
|
{
|
|
14445
14535
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -14582,7 +14672,7 @@ class FilterInlineSearchableSelectComponent extends MaterialSearchableSelectComp
|
|
|
14582
14672
|
</mat-form-field>
|
|
14583
14673
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;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-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-searchable-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-searchable-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-searchable-select-min-w, 132px);max-width:min(var(--pdx-inline-searchable-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-searchable-select-panel){width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-filter-inline-searchable-select-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-searchable-select-panel) div.mat-mdc-select-panel.pdx-filter-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-searchable-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-filter-inline-searchable-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-searchable-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-filter-inline-searchable-select-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-filter-inline-searchable-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-filter-inline-searchable-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-filter-inline-searchable-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-filter-inline-searchable-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-filter-inline-searchable-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-filter-inline-searchable-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-filter-inline-searchable-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-filter-inline-searchable-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-filter-inline-searchable-select-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-filter-inline-searchable-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-filter-inline-searchable-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-filter-inline-searchable-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-filter-inline-searchable-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-filter-inline-searchable-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-filter-inline-searchable-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
14584
14674
|
}
|
|
14585
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
14675
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineSearchableSelectComponent, decorators: [{
|
|
14586
14676
|
type: Component,
|
|
14587
14677
|
args: [{ selector: 'pdx-filter-inline-searchable-select', standalone: true, imports: [
|
|
14588
14678
|
CommonModule,
|
|
@@ -15030,8 +15120,8 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
|
|
|
15030
15120
|
this.reload(true);
|
|
15031
15121
|
}
|
|
15032
15122
|
}
|
|
15033
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
15034
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
15123
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialAsyncSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
15124
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialAsyncSelectComponent, isStandalone: true, selector: "pdx-material-async-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"async-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
15035
15125
|
GenericCrudService,
|
|
15036
15126
|
{
|
|
15037
15127
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -15134,7 +15224,7 @@ class MaterialAsyncSelectComponent extends SimpleBaseSelectComponent {
|
|
|
15134
15224
|
</mat-form-field>
|
|
15135
15225
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }] });
|
|
15136
15226
|
}
|
|
15137
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
15227
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialAsyncSelectComponent, decorators: [{
|
|
15138
15228
|
type: Component,
|
|
15139
15229
|
args: [{
|
|
15140
15230
|
selector: 'pdx-material-async-select',
|
|
@@ -15516,8 +15606,8 @@ class FilterInlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
|
|
|
15516
15606
|
max = Math.min(max, Math.max(min, viewportWidth - 48));
|
|
15517
15607
|
return { min, max };
|
|
15518
15608
|
}
|
|
15519
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
15520
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
15609
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineAsyncSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
15610
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineAsyncSelectComponent, isStandalone: true, selector: "pdx-filter-inline-async-select", host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-async-select-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
15521
15611
|
GenericCrudService,
|
|
15522
15612
|
{
|
|
15523
15613
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -15661,7 +15751,7 @@ class FilterInlineAsyncSelectComponent extends MaterialAsyncSelectComponent {
|
|
|
15661
15751
|
</mat-form-field>
|
|
15662
15752
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;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-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-async-select .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-async-select .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-async-select-min-w, 132px);max-width:min(var(--pdx-inline-async-select-max-w, 360px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-async-select-panel){width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-filter-inline-async-select-panel{min-width:min(280px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-async-select-panel) div.mat-mdc-select-panel.pdx-filter-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-async-select-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-filter-inline-async-select-panel,::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-async-select-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-filter-inline-async-select-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-filter-inline-async-select-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-filter-inline-async-select-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-filter-inline-async-select-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-filter-inline-async-select-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-filter-inline-async-select-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-filter-inline-async-select-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-filter-inline-async-select-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-filter-inline-async-select-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-filter-inline-async-select-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-filter-inline-async-select-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-filter-inline-async-select-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-filter-inline-async-select-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-filter-inline-async-select-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-filter-inline-async-select-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-filter-inline-async-select .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
15663
15753
|
}
|
|
15664
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
15754
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineAsyncSelectComponent, decorators: [{
|
|
15665
15755
|
type: Component,
|
|
15666
15756
|
args: [{ selector: 'pdx-filter-inline-async-select', standalone: true, imports: [
|
|
15667
15757
|
CommonModule,
|
|
@@ -16210,8 +16300,8 @@ class FilterInlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
16210
16300
|
max = Math.min(max, Math.max(min, viewportWidth - 48));
|
|
16211
16301
|
return { min, max };
|
|
16212
16302
|
}
|
|
16213
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
16214
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
16303
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineEntityLookupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16304
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineEntityLookupComponent, isStandalone: true, selector: "pdx-filter-inline-entity-lookup", host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-entity-lookup-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
16215
16305
|
GenericCrudService,
|
|
16216
16306
|
{
|
|
16217
16307
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -16368,7 +16458,7 @@ class FilterInlineEntityLookupComponent extends MaterialAsyncSelectComponent {
|
|
|
16368
16458
|
</mat-form-field>
|
|
16369
16459
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{display:inline-flex;align-items:center;gap:10px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;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-chip-trigger.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-chip-label{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-chip-leading-icon,.pdx-chip-trailing-icon{width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary);font-size:.74rem;line-height:1;font-weight:700}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 16%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent);color:var(--md-sys-color-on-primary)}.pdx-chip-trigger.is-active .pdx-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-primary) 30%,transparent)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 36%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-form-field{width:auto;min-width:0}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select{width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after,:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:0;min-width:0;max-width:none;padding:0;border:0;background:transparent;color:inherit;box-sizing:border-box}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select-trigger:focus,:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select-trigger:focus-visible{outline:none}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .pdx-chip-trigger,:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-form-field.mat-focused .pdx-chip-trigger{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-entity-lookup .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-entity-lookup .mdc-notched-outline__notch{width:0!important}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:0;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible!important}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-form-field-infix{min-height:0;width:auto;min-width:0;padding:0}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select-arrow-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select-value{max-width:100%}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{display:inline-flex;align-items:center;justify-content:flex-start;width:auto;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0;border:0;background:transparent;color:inherit}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-value{width:auto;min-width:0;max-width:100%;overflow:visible}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{display:inline-flex;align-items:center;min-height:42px;min-inline-size:var(--pdx-inline-entity-lookup-min-w, 148px);max-width:min(var(--pdx-inline-entity-lookup-max-w, 420px),calc(100vw - 48px));padding:0 16px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-min-line{color:var(--md-sys-color-on-surface-variant);opacity:1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-form-field.mat-focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder,:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-text-field-wrapper.mdc-text-field--focused .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-entity-lookup-panel){width:auto!important;min-width:min(360px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-filter-inline-entity-lookup-panel{min-width:min(320px,calc(100vw - 24px))!important;width:auto!important;max-width:calc(100vw - 24px)!important;max-height:min(60vh,460px)!important;padding:6px 0!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-entity-lookup-panel) div.mat-mdc-select-panel.pdx-filter-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-entity-lookup-panel).mat-mdc-select-panel-above div.mat-mdc-select-panel.pdx-filter-inline-entity-lookup-panel,::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-entity-lookup-panel):not(.mat-mdc-select-panel-above) div.mat-mdc-select-panel.pdx-filter-inline-entity-lookup-panel{border-radius:22px!important;overflow:hidden!important}::ng-deep .pdx-filter-inline-entity-lookup-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-lookup-option-main{display:block;font-size:1rem;font-weight:500;line-height:1.25}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-lookup-option-secondary{display:block;margin-top:2px;font-size:.82rem;line-height:1.2;color:var(--md-sys-color-on-surface-variant);opacity:.9}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-search-option{min-height:62px;padding-inline:14px;cursor:default;opacity:1;background:color-mix(in srgb,var(--md-sys-color-surface-container-highest) 72%,var(--md-sys-color-surface-container-high))}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-search-option.mdc-list-item--disabled{color:inherit}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-search-option .mdc-list-item__primary-text{width:100%}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-search-row{display:flex;align-items:center;gap:10px;width:100%}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-reset-option{min-height:44px}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-reset-content{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;color:var(--md-sys-color-primary)}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-reset-content mat-icon{width:16px;height:16px;font-size:16px}::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-load-more .mdc-list-item__primary-text,::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-end-option .mdc-list-item__primary-text,::ng-deep .pdx-filter-inline-entity-lookup-panel .pdx-panel-loading-option .mdc-list-item__primary-text{font-size:.92rem;color:var(--md-sys-color-on-surface-variant)}::ng-deep .pdx-filter-inline-entity-lookup-panel .mdc-list-item--selected{background:var(--md-sys-color-surface-container-high)}::ng-deep .pdx-filter-inline-entity-lookup-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-filter-inline-entity-lookup-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}@media(max-width:768px){.pdx-chip-label{font-size:.95rem}.pdx-chip-trigger{min-height:38px;padding:0 12px}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-trigger{min-height:38px;padding:0}:host ::ng-deep .pdx-filter-inline-entity-lookup .mat-mdc-select.mat-mdc-select-empty .mat-mdc-select-placeholder{min-height:38px;padding:0 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "directive", type: i4$2.MatSelectTrigger, selector: "mat-select-trigger" }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
16370
16460
|
}
|
|
16371
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
16461
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineEntityLookupComponent, decorators: [{
|
|
16372
16462
|
type: Component,
|
|
16373
16463
|
args: [{ selector: 'pdx-filter-inline-entity-lookup', standalone: true, imports: [
|
|
16374
16464
|
CommonModule,
|
|
@@ -16768,8 +16858,8 @@ class MaterialAutocompleteComponent extends SimpleBaseSelectComponent {
|
|
|
16768
16858
|
if (this.hasLoaded())
|
|
16769
16859
|
this.reload(true);
|
|
16770
16860
|
}
|
|
16771
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
16772
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
16861
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
16862
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialAutocompleteComponent, isStandalone: true, selector: "pdx-material-autocomplete", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"autocomplete\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
16773
16863
|
GenericCrudService,
|
|
16774
16864
|
{
|
|
16775
16865
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -16872,7 +16962,7 @@ class MaterialAutocompleteComponent extends SimpleBaseSelectComponent {
|
|
|
16872
16962
|
</mat-form-field>
|
|
16873
16963
|
`, isInline: true, styles: [":host ::ng-deep .pdx-autocomplete-panel .pdx-autocomplete-viewport{height:256px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$3.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$3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { 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: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$1.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
|
|
16874
16964
|
}
|
|
16875
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
16965
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialAutocompleteComponent, decorators: [{
|
|
16876
16966
|
type: Component,
|
|
16877
16967
|
args: [{ selector: 'pdx-material-autocomplete', standalone: true, imports: [
|
|
16878
16968
|
CommonModule,
|
|
@@ -17332,8 +17422,8 @@ class FilterInlineAutocompleteComponent extends MaterialAutocompleteComponent {
|
|
|
17332
17422
|
trackByOption(index, option) {
|
|
17333
17423
|
return option.value?.id ?? option.value ?? index;
|
|
17334
17424
|
}
|
|
17335
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
17336
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
17425
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineAutocompleteComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
17426
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineAutocompleteComponent, isStandalone: true, selector: "pdx-filter-inline-autocomplete", host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-autocomplete-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
17337
17427
|
GenericCrudService,
|
|
17338
17428
|
{
|
|
17339
17429
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -17442,7 +17532,7 @@ class FilterInlineAutocompleteComponent extends MaterialAutocompleteComponent {
|
|
|
17442
17532
|
</mat-form-field>
|
|
17443
17533
|
`, isInline: true, styles: [":host{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-autocomplete .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:44px;min-width:0;max-width:min(var(--pdx-inline-autocomplete-max-w, 360px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-autocomplete input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-size:1.05rem;line-height:1.2;width:auto!important;min-width:1ch}:host ::ng-deep .pdx-filter-inline-autocomplete .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-filter-inline-autocomplete input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-filter-inline-autocomplete .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-filter-inline-autocomplete .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-form-field-icon-prefix mat-icon{width:22px;height:22px;font-size:22px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-filter-inline-autocomplete .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-filter-inline-autocomplete .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width: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}:host ::ng-deep .pdx-filter-inline-autocomplete .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-filter-inline-autocomplete .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-filter-inline-autocomplete .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0;transform:translateY(-.5px)}::ng-deep .cdk-overlay-pane:has(.pdx-filter-inline-autocomplete-panel){width:auto!important;min-width:min(320px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-filter-inline-autocomplete-panel.mat-mdc-autocomplete-panel{min-width:min(280px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important;border-radius:22px!important;overflow:hidden!important;border:1px solid var(--md-sys-color-outline-variant)!important;background:var(--md-sys-color-surface-container-highest)!important;box-shadow:var(--md-sys-elevation-level3)!important;padding:6px 0!important}::ng-deep .pdx-filter-inline-autocomplete-panel .pdx-autocomplete-viewport{width:100%}::ng-deep .pdx-filter-inline-autocomplete-panel .mat-mdc-option{min-height:52px;padding-inline:18px;font-size:1rem}::ng-deep .pdx-filter-inline-autocomplete-panel .mat-mdc-option:first-child{border-top-left-radius:22px;border-top-right-radius:22px}::ng-deep .pdx-filter-inline-autocomplete-panel .mat-mdc-option:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}::ng-deep .pdx-filter-inline-autocomplete-panel .pdx-panel-loading-option{display:flex;align-items:center;gap:10px}@media(max-width:768px){:host ::ng-deep .pdx-filter-inline-autocomplete .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$3.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$3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { 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: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }, { kind: "ngmodule", type: ScrollingModule }, { kind: "directive", type: i2$1.ɵɵCdkFixedSizeVirtualScroll, selector: "cdk-virtual-scroll-viewport[itemSize]", inputs: ["itemSize", "minBufferPx", "maxBufferPx"] }, { kind: "directive", type: i2$1.ɵɵCdkVirtualForOf, selector: "[cdkVirtualFor][cdkVirtualForOf]", inputs: ["cdkVirtualForOf", "cdkVirtualForTrackBy", "cdkVirtualForTemplate", "cdkVirtualForTemplateCacheSize"] }, { kind: "component", type: i2$1.ɵɵCdkVirtualScrollViewport, selector: "cdk-virtual-scroll-viewport", inputs: ["orientation", "appendOnly"], outputs: ["scrolledIndexChange"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
|
|
17444
17534
|
}
|
|
17445
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
17535
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineAutocompleteComponent, decorators: [{
|
|
17446
17536
|
type: Component,
|
|
17447
17537
|
args: [{ selector: 'pdx-filter-inline-autocomplete', standalone: true, imports: [
|
|
17448
17538
|
CommonModule,
|
|
@@ -17964,8 +18054,8 @@ class FilterInlineNumberComponent extends SimpleBaseInputComponent {
|
|
|
17964
18054
|
.trim()
|
|
17965
18055
|
.replace(/^./, (char) => char.toUpperCase());
|
|
17966
18056
|
}
|
|
17967
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
17968
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
18057
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineNumberComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
18058
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineNumberComponent, isStandalone: true, selector: "pdx-filter-inline-number", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-number-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
17969
18059
|
{
|
|
17970
18060
|
provide: NG_VALUE_ACCESSOR,
|
|
17971
18061
|
useExisting: forwardRef(() => FilterInlineNumberComponent),
|
|
@@ -18047,7 +18137,7 @@ class FilterInlineNumberComponent extends SimpleBaseInputComponent {
|
|
|
18047
18137
|
</mat-form-field>
|
|
18048
18138
|
`, isInline: true, styles: [":host{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-number .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-number .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:44px;min-width:0;max-width:min(var(--pdx-inline-number-max-w, 280px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-number input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch}:host ::ng-deep .pdx-filter-inline-number .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-filter-inline-number input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-filter-inline-number .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-filter-inline-number .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-form-field-icon-prefix mat-icon{width:22px;height:22px;font-size:22px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-filter-inline-number .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;gap:8px;padding:0}:host ::ng-deep .pdx-filter-inline-number .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-filter-inline-number .pdx-inline-number-suffix{color:var(--md-sys-color-on-surface-variant);font-size:.95rem;line-height:1;font-weight:600}:host ::ng-deep .pdx-filter-inline-number .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width: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}:host ::ng-deep .pdx-filter-inline-number .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-filter-inline-number .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-filter-inline-number .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}@media(max-width:768px){:host ::ng-deep .pdx-filter-inline-number .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { 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.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }] });
|
|
18049
18139
|
}
|
|
18050
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
18140
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineNumberComponent, decorators: [{
|
|
18051
18141
|
type: Component,
|
|
18052
18142
|
args: [{ selector: 'pdx-filter-inline-number', standalone: true, imports: [
|
|
18053
18143
|
CommonModule,
|
|
@@ -18806,8 +18896,8 @@ class FilterInlineCurrencyComponent extends SimpleBaseInputComponent {
|
|
|
18806
18896
|
.trim()
|
|
18807
18897
|
.replace(/^./, (char) => char.toUpperCase());
|
|
18808
18898
|
}
|
|
18809
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
18810
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
18899
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineCurrencyComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
18900
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineCurrencyComponent, isStandalone: true, selector: "pdx-filter-inline-currency", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-currency-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
18811
18901
|
{
|
|
18812
18902
|
provide: NG_VALUE_ACCESSOR,
|
|
18813
18903
|
useExisting: forwardRef(() => FilterInlineCurrencyComponent),
|
|
@@ -18900,7 +18990,7 @@ class FilterInlineCurrencyComponent extends SimpleBaseInputComponent {
|
|
|
18900
18990
|
</mat-form-field>
|
|
18901
18991
|
`, isInline: true, styles: [":host{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-currency .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:44px;min-width:0;max-width:min(var(--pdx-inline-currency-max-w, 300px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-currency .pdx-inline-currency-symbol{color:var(--md-sys-color-on-surface-variant);font-size:.95rem;line-height:1;font-weight:600}:host ::ng-deep .pdx-filter-inline-currency .pdx-inline-currency-meta-icon{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-form-field-icon-prefix,:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;padding:0}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-form-field-icon-prefix{margin-right:8px}:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-form-field-icon-suffix{margin-left:8px;gap:8px}:host ::ng-deep .pdx-filter-inline-currency input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch}:host ::ng-deep .pdx-filter-inline-currency .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-filter-inline-currency input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-filter-inline-currency .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-filter-inline-currency .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-filter-inline-currency .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width: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}:host ::ng-deep .pdx-filter-inline-currency .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-filter-inline-currency .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-filter-inline-currency .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}@media(max-width:768px){:host ::ng-deep .pdx-filter-inline-currency .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }] });
|
|
18902
18992
|
}
|
|
18903
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
18993
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineCurrencyComponent, decorators: [{
|
|
18904
18994
|
type: Component,
|
|
18905
18995
|
args: [{ selector: 'pdx-filter-inline-currency', standalone: true, imports: [
|
|
18906
18996
|
CommonModule,
|
|
@@ -19851,8 +19941,8 @@ class FilterInlineCurrencyRangeComponent extends SimpleBaseInputComponent {
|
|
|
19851
19941
|
}
|
|
19852
19942
|
});
|
|
19853
19943
|
}
|
|
19854
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
19855
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
19944
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineCurrencyRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
19945
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineCurrencyRangeComponent, isStandalone: true, selector: "pdx-filter-inline-currency-range", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()", "document:keydown.escape": "onDocumentEscape()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-currency-range-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
19856
19946
|
{
|
|
19857
19947
|
provide: NG_VALUE_ACCESSOR,
|
|
19858
19948
|
useExisting: forwardRef(() => FilterInlineCurrencyRangeComponent),
|
|
@@ -19996,7 +20086,7 @@ class FilterInlineCurrencyRangeComponent extends SimpleBaseInputComponent {
|
|
|
19996
20086
|
</div>
|
|
19997
20087
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-currency-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-currency-range-min-w, 188px);max-width:min(var(--pdx-inline-currency-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-currency-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-currency-range-chip.is-open{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-currency-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:40px;min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-currency-range-trigger:focus-visible{outline:none}.pdx-inline-currency-range-trigger:disabled{cursor:default}.pdx-inline-currency-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-currency-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-currency-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-currency-range-chip.is-active .pdx-inline-currency-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-currency-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-currency-range-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-currency-range-panel{display:grid;gap:10px;min-width:min(var(--pdx-inline-currency-range-panel-min-w, 260px),calc(100vw - 24px));width:clamp(var(--pdx-inline-currency-range-panel-min-w, 260px),28vw,var(--pdx-inline-currency-range-panel-max-w, 390px));max-width:calc(100vw - 24px);padding:12px 14px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-currency-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-currency-range-slider-wrap{min-width:0}.pdx-inline-currency-range-distribution{--pdx-inline-currency-range-dist-height: 42px;--pdx-inline-currency-range-dist-gap: 3px;--pdx-inline-currency-range-dist-radius: 4px;--pdx-inline-currency-range-dist-opacity: 1;display:flex;align-items:flex-end;gap:var(--pdx-inline-currency-range-dist-gap);height:var(--pdx-inline-currency-range-dist-height);margin:0 2px 6px;padding-top:2px;opacity:var(--pdx-inline-currency-range-dist-opacity);overflow:hidden}.pdx-inline-currency-range-distribution-bar{flex:1 1 0;min-width:0;border-radius:var(--pdx-inline-currency-range-dist-radius) var(--pdx-inline-currency-range-dist-radius) 0 0;background:linear-gradient(180deg,color-mix(in srgb,var(--md-sys-color-primary) 88%,white),color-mix(in srgb,var(--md-sys-color-primary) 52%,transparent))}.pdx-inline-currency-range-slider{width:100%;min-width:180px}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-currency-range-slider .mdc-slider__track{border-radius:999px}.pdx-inline-currency-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.94rem;line-height:1.2}.pdx-inline-currency-range-current{color:var(--md-sys-color-primary);font-size:.95rem;line-height:1.2;font-weight:600}@media(max-width:768px){.pdx-inline-currency-range-chip{min-height:40px}.pdx-inline-currency-range-trigger{min-height:38px;padding-inline:12px;gap:8px}.pdx-inline-currency-range-text{font-size:.92rem}.pdx-inline-currency-range-panel{width:min(var(--pdx-inline-currency-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { 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"] }] });
|
|
19998
20088
|
}
|
|
19999
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
20089
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineCurrencyRangeComponent, decorators: [{
|
|
20000
20090
|
type: Component,
|
|
20001
20091
|
args: [{ selector: 'pdx-filter-inline-currency-range', standalone: true, imports: [
|
|
20002
20092
|
CommonModule,
|
|
@@ -20440,8 +20530,8 @@ class FilterInlineDateComponent extends MaterialDatepickerComponent {
|
|
|
20440
20530
|
.trim()
|
|
20441
20531
|
.replace(/^./, (char) => char.toUpperCase());
|
|
20442
20532
|
}
|
|
20443
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
20444
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
20533
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineDateComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
20534
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineDateComponent, isStandalone: true, selector: "pdx-filter-inline-date", host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-date-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
20445
20535
|
{
|
|
20446
20536
|
provide: NG_VALUE_ACCESSOR,
|
|
20447
20537
|
useExisting: forwardRef(() => FilterInlineDateComponent),
|
|
@@ -20532,7 +20622,7 @@ class FilterInlineDateComponent extends MaterialDatepickerComponent {
|
|
|
20532
20622
|
</mat-form-field>
|
|
20533
20623
|
`, isInline: true, styles: [":host{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-date .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-date .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:44px;min-width:0;max-width:min(var(--pdx-inline-date-max-w, 320px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-date input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-size:1.05rem;line-height:1.2;width:auto!important;min-width:2ch;cursor:pointer}:host ::ng-deep .pdx-filter-inline-date .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-filter-inline-date input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-filter-inline-date .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-filter-inline-date .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-form-field-icon-prefix mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-filter-inline-date .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-filter-inline-date .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-filter-inline-date .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width: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}:host ::ng-deep .pdx-filter-inline-date .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-filter-inline-date .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-filter-inline-date .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}@media(max-width:768px){:host ::ng-deep .pdx-filter-inline-date .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i4$1.MatDatepicker, selector: "mat-datepicker", exportAs: ["matDatepicker"] }, { kind: "directive", type: i4$1.MatDatepickerInput, selector: "input[matDatepicker]", inputs: ["matDatepicker", "min", "max", "matDatepickerFilter"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatNativeDateModule }] });
|
|
20534
20624
|
}
|
|
20535
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
20625
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineDateComponent, decorators: [{
|
|
20536
20626
|
type: Component,
|
|
20537
20627
|
args: [{ selector: 'pdx-filter-inline-date', standalone: true, imports: [
|
|
20538
20628
|
CommonModule,
|
|
@@ -21142,14 +21232,17 @@ class FilterInlineDateRangeComponent extends MaterialDateRangeComponent {
|
|
|
21142
21232
|
};
|
|
21143
21233
|
}
|
|
21144
21234
|
cloneDateRangeValue(value) {
|
|
21145
|
-
|
|
21235
|
+
const normalized = this.normalizeDateRangeValue(value);
|
|
21236
|
+
if (!normalized) {
|
|
21146
21237
|
return null;
|
|
21147
21238
|
}
|
|
21148
21239
|
return {
|
|
21149
|
-
startDate: this.coerceDate(
|
|
21150
|
-
endDate: this.coerceDate(
|
|
21151
|
-
preset:
|
|
21152
|
-
label:
|
|
21240
|
+
startDate: this.coerceDate(normalized.startDate),
|
|
21241
|
+
endDate: this.coerceDate(normalized.endDate),
|
|
21242
|
+
preset: normalized.preset,
|
|
21243
|
+
label: normalized.label,
|
|
21244
|
+
timezone: normalized.timezone,
|
|
21245
|
+
isComparison: normalized.isComparison,
|
|
21153
21246
|
};
|
|
21154
21247
|
}
|
|
21155
21248
|
restoreBaselineSelection() {
|
|
@@ -21163,7 +21256,7 @@ class FilterInlineDateRangeComponent extends MaterialDateRangeComponent {
|
|
|
21163
21256
|
if (this.inlineQuickPresetsApplyMode() === 'confirm' && this.overlayOpen) {
|
|
21164
21257
|
return this.currentRangeGroupValue();
|
|
21165
21258
|
}
|
|
21166
|
-
return this.control().value;
|
|
21259
|
+
return this.normalizeDateRangeValue(this.control().value);
|
|
21167
21260
|
}
|
|
21168
21261
|
rangeDisplayText() {
|
|
21169
21262
|
const value = this.displayRangeValue();
|
|
@@ -21503,8 +21596,8 @@ class FilterInlineDateRangeComponent extends MaterialDateRangeComponent {
|
|
|
21503
21596
|
.trim()
|
|
21504
21597
|
.replace(/^./, (char) => char.toUpperCase());
|
|
21505
21598
|
}
|
|
21506
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
21507
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
21599
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineDateRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
21600
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineDateRangeComponent, isStandalone: true, selector: "pdx-filter-inline-date-range", host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width.px": "inlineWidthPx || null", "style.--pdx-inline-date-range-shell-width": "inlineWidthPx ? inlineWidthPx + \"px\" : null", "attr.data-field-type": "\"filter-date-range-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
21508
21601
|
{
|
|
21509
21602
|
provide: NG_VALUE_ACCESSOR,
|
|
21510
21603
|
useExisting: forwardRef(() => FilterInlineDateRangeComponent),
|
|
@@ -21695,7 +21788,7 @@ class FilterInlineDateRangeComponent extends MaterialDateRangeComponent {
|
|
|
21695
21788
|
</div>
|
|
21696
21789
|
`, isInline: true, styles: [":host{--pdx-inline-focus-ring-color: var(--md-sys-color-primary);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent);--pdx-inline-chip-bg: var(--md-sys-color-surface-container-high);--pdx-inline-chip-fg: var(--md-sys-color-on-surface);--pdx-inline-chip-border: var(--md-sys-color-outline-variant);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container);--pdx-inline-overlay-bg: var(--md-sys-color-surface-container-highest);--pdx-inline-overlay-divider: var(--md-sys-color-outline-variant);display:inline-flex;width:auto;min-width:0;max-width:none}.pdx-inline-date-range-root{display:inline-block;width:auto;min-width:0;max-width:none}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-date-range .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-form-field-infix{min-height:0;width:100%;flex:1 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:44px;min-width:0;max-width:min(var(--pdx-inline-date-range-max-w, 420px),calc(100vw - 48px));padding-inline:14px;border-radius:999px;border:1px solid var(--pdx-inline-chip-border);background:var(--pdx-inline-chip-bg);color:var(--pdx-inline-chip-fg);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined:focus-within{border-color:var(--md-sys-color-primary);box-shadow:var(--pdx-inline-focus-ring)}:host ::ng-deep .pdx-filter-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 88%,var(--pdx-inline-chip-bg));color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-filter-inline-date-range.pdx-inline-date-range-is-partial .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:color-mix(in srgb,var(--md-sys-color-primary) 58%,var(--pdx-inline-chip-border));background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 62%,var(--pdx-inline-chip-bg));color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-filter-inline-date-range.pdx-inline-date-range-has-both .mat-mdc-text-field-wrapper.mdc-text-field--outlined{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 88%,var(--pdx-inline-chip-bg));color:var(--pdx-inline-chip-active-fg)}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-date-range-input{display:block;min-width:0;width:100%}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-container{display:flex;align-items:center;gap:8px;min-width:0;width:100%}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-wrapper,:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-end-wrapper{flex:1 1 0;width:0;min-width:0}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner{color:var(--md-sys-color-on-surface);font-size:1.05rem;line-height:1.2;width:100%;min-width:0;max-width:100%;overflow:hidden;white-space:nowrap;cursor:pointer;text-overflow:ellipsis}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-inner::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-date-range-input .mat-date-range-input-separator{margin-inline:2px;color:var(--md-sys-color-on-surface-variant);opacity:.9}:host ::ng-deep .pdx-filter-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-inner,:host ::ng-deep .pdx-filter-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-date-range-input .mat-date-range-input-separator{color:var(--md-sys-color-on-primary-container)}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-size:1.05rem;line-height:1.2}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1.05rem;line-height:1.2;font-weight:400;left:-9999px;top:-9999px}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-form-field-icon-prefix{padding:0;margin-right:10px}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-form-field-icon-prefix mat-icon{width:20px;height:20px;font-size:20px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-filter-inline-date-range.pdx-inline-date-range-has-value .mat-mdc-form-field-icon-prefix mat-icon{color:var(--md-sys-color-on-primary-container)}:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-left:10px;padding:0}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-primary);width:24px;height:24px;min-width: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}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-filter-inline-date-range.pdx-inline-date-range-has-value .pdx-inline-clear{--clear-ring-color: var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-on-primary-container) 22%,transparent);color:var(--md-sys-color-on-primary-container)}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-clear:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 38%,transparent)}:host ::ng-deep .pdx-filter-inline-date-range .pdx-inline-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}::ng-deep .mat-datepicker-popup{z-index:1202!important}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel,::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel~.mat-datepicker-actions{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px;--pdx-inline-overlay-calendar-w: clamp(280px, 40vw, 328px);--pdx-inline-chip-border: var(--md-sys-color-outline-variant, #b5bcc8);--pdx-inline-chip-active-bg: var(--md-sys-color-primary-container, #d7d9ff);--pdx-inline-chip-active-fg: var(--md-sys-color-on-primary-container, #1f1f3d);--pdx-inline-focus-ring-color: var(--md-sys-color-primary, #2f4eb2);--pdx-inline-focus-ring: 0 0 0 2px color-mix(in srgb, var(--pdx-inline-focus-ring-color) 32%, transparent)}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel--dense,::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel--dense+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel--dense+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel--dense~.mat-datepicker-actions{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel--comfortable,::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel--comfortable+.pdx-inline-date-range-overlay-actions,::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel--comfortable+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel--comfortable~.mat-datepicker-actions{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{--pdx-overlay-actions-gap: 10px;--pdx-overlay-actions-padding: 12px;--pdx-overlay-presets-gap: 8px;--pdx-overlay-presets-max-h: 96px;--pdx-overlay-preset-font-size: .8rem;--pdx-overlay-preset-inline-pad: 12px;--pdx-overlay-actions-button-pad: 14px;--pdx-overlay-buttons-gap: 8px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--dense{--pdx-overlay-actions-gap: 8px;--pdx-overlay-actions-padding: 10px;--pdx-overlay-presets-gap: 6px;--pdx-overlay-presets-max-h: 92px;--pdx-overlay-preset-font-size: .76rem;--pdx-overlay-preset-inline-pad: 10px;--pdx-overlay-actions-button-pad: 12px;--pdx-overlay-buttons-gap: 6px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container--comfortable{--pdx-overlay-actions-gap: 12px;--pdx-overlay-actions-padding: 14px;--pdx-overlay-presets-gap: 10px;--pdx-overlay-presets-max-h: 104px;--pdx-overlay-preset-font-size: .84rem;--pdx-overlay-preset-inline-pad: 14px;--pdx-overlay-actions-button-pad: 16px;--pdx-overlay-buttons-gap: 10px}::ng-deep .mat-datepicker-content{border-radius:14px;border:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest));color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);overflow:hidden;opacity:1}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));min-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));max-width:min(var(--pdx-inline-overlay-calendar-w, 328px),calc(100vw - 24px));background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel{width:100%;max-width:100%;background:var(--pdx-inline-overlay-bg, var(--md-sys-color-surface-container-highest))}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel .mat-calendar{width:100%;max-width:100%}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button{width:40px;height:40px;min-width:40px;min-height:40px}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel .mat-calendar-controls .mat-mdc-icon-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel .mat-calendar-period-button{min-height:40px;border-radius:999px}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel .mat-calendar-period-button:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel .mat-calendar-body-cell-content{width:40px;height:40px;line-height:40px;color:var(--md-sys-color-on-surface)}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel .mat-calendar-body-selected{color:var(--md-sys-color-on-primary);background:var(--md-sys-color-primary)}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel .mat-calendar-body-in-range:before{background:color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel .mat-calendar-body-active .mat-calendar-body-cell-content{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 48%,transparent);outline-offset:2px}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions{display:block;width:100%;margin:0}::ng-deep .mat-datepicker-content-container>.pdx-inline-date-range-overlay-actions .mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel+.mat-datepicker-actions,::ng-deep .mat-datepicker-content-container>.pdx-filter-inline-date-range-panel~.mat-datepicker-actions{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:\"presets\" \"actions\";align-items:stretch;justify-items:stretch;justify-content:stretch;gap:var(--pdx-overlay-actions-gap, 10px);padding:var(--pdx-overlay-actions-padding, 12px);border-top:1px solid var(--pdx-inline-overlay-divider, var(--md-sys-color-outline-variant));background:var(--md-sys-color-surface-container-high);margin:0;width:100%;box-sizing:border-box}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-left:0}::ng-deep [dir=rtl] .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .mat-mdc-button-base+.mat-mdc-button-base{margin-right:0}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{grid-area:presets;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%;max-height:var(--pdx-overlay-presets-max-h, 96px);overflow:auto;overscroll-behavior:contain}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring);border-radius:10px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset{display:inline-flex;flex:0 1 auto;align-items:center;gap:6px;min-height:40px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:hover:not(:disabled){border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-secondary-container) 62%,transparent);color:var(--md-sys-color-on-secondary-container)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset mat-icon{width:14px;height:14px;font-size:14px;line-height:1}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg) 92%,transparent);color:var(--pdx-inline-chip-active-fg)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-area:actions;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;letter-spacing:.01em;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action:focus-visible{outline:none;box-shadow:var(--pdx-inline-focus-ring)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--cancel:hover{background:var(--md-sys-color-surface-container-high)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-action--apply:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 88%,var(--md-sys-color-on-primary))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-presets{flex:1 0 100%;width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:var(--pdx-overlay-presets-gap, 8px);min-width:0;max-width:100%}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset{display:inline-flex;align-items:center;gap:6px;min-height:36px;max-width:100%;min-width:0;margin:0;border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));border-radius:999px;padding:0 var(--pdx-overlay-preset-inline-pad, 12px);background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20);appearance:none;-webkit-appearance:none;cursor:pointer;font:inherit;font-size:var(--pdx-overlay-preset-font-size, .8rem);font-weight:600;line-height:1.15;text-align:left;box-sizing:border-box;opacity:1;visibility:visible}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset:disabled{opacity:.56;cursor:default}::ng-deep .mat-datepicker-content .pdx-inline-date-range-preset.is-active{border-color:var(--md-sys-color-primary, #2f4eb2);background:color-mix(in srgb,var(--pdx-inline-chip-active-bg, #d7d9ff) 92%,transparent);color:var(--pdx-inline-chip-active-fg, #1f1f3d)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{flex:1 0 100%;width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--pdx-overlay-buttons-gap, 8px);align-items:stretch}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action{min-height:40px;min-width:0;border-radius:999px;padding-inline:var(--pdx-overlay-actions-button-pad, 14px);font-weight:600;appearance:none;-webkit-appearance:none}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--cancel{border:1px solid var(--pdx-inline-chip-border, var(--md-sys-color-outline-variant, #b5bcc8));background:var(--md-sys-color-surface-container, #eef1f7);color:var(--md-sys-color-on-surface, #1d1b20)}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-action--apply{background:var(--md-sys-color-primary, #2f4eb2);color:var(--md-sys-color-on-primary, #ffffff)}@media(min-width:640px){::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{justify-self:end;width:auto;grid-template-columns:repeat(2,minmax(120px,max-content))}}@media(max-width:768px){:host ::ng-deep .pdx-filter-inline-date-range .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:40px;padding-inline:12px}::ng-deep .mat-datepicker-content .mat-datepicker-content-container{width:min(324px,calc(100vw - 16px));min-width:min(324px,calc(100vw - 16px));max-width:min(324px,calc(100vw - 16px))}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-presets{max-height:132px}::ng-deep .mat-datepicker-content .mat-datepicker-actions.pdx-inline-date-range-overlay-actions-container .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}::ng-deep .mat-datepicker-content .pdx-inline-date-range-overlay-buttons{grid-template-columns:1fr}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { 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: MatDatepickerModule }, { kind: "component", type: i4$1.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i4$1.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i4$1.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i4$1.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }, { kind: "component", type: i4$1.MatDatepickerActions, selector: "mat-datepicker-actions, mat-date-range-picker-actions" }, { kind: "directive", type: i4$1.MatDatepickerCancel, selector: "[matDatepickerCancel], [matDateRangePickerCancel]" }, { kind: "directive", type: i4$1.MatDatepickerApply, selector: "[matDatepickerApply], [matDateRangePickerApply]" }, { kind: "ngmodule", type: MatNativeDateModule }] });
|
|
21697
21790
|
}
|
|
21698
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
21791
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineDateRangeComponent, decorators: [{
|
|
21699
21792
|
type: Component,
|
|
21700
21793
|
args: [{ selector: 'pdx-filter-inline-date-range', standalone: true, imports: [
|
|
21701
21794
|
CommonModule,
|
|
@@ -22972,8 +23065,8 @@ class FilterInlineTimeComponent extends MaterialTimepickerComponent {
|
|
|
22972
23065
|
selectedNode?.scrollIntoView({ block: 'nearest' });
|
|
22973
23066
|
});
|
|
22974
23067
|
}
|
|
22975
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
22976
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
23068
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
23069
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineTimeComponent, isStandalone: true, selector: "pdx-filter-inline-time", host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-time-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
22977
23070
|
{
|
|
22978
23071
|
provide: NG_VALUE_ACCESSOR,
|
|
22979
23072
|
useExisting: forwardRef(() => FilterInlineTimeComponent),
|
|
@@ -23216,7 +23309,7 @@ class FilterInlineTimeComponent extends MaterialTimepickerComponent {
|
|
|
23216
23309
|
</div>
|
|
23217
23310
|
`, isInline: true, styles: [":host{--pdx-inline-time-shape-pill: var(--md-sys-shape-corner-full, 999px);--pdx-inline-time-shape-panel: var(--md-sys-shape-corner-large, 14px);--pdx-inline-time-shape-list: var(--md-sys-shape-corner-medium, 12px);--pdx-inline-time-shape-item: var(--md-sys-shape-corner-full, 999px);display:inline-flex;width:auto;min-width:0;max-width:100%}.pdx-inline-time-root{display:inline-flex;width:auto;min-width:0;max-width:100%}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-form-field{width:auto;min-width:0;margin-bottom:0;transition:width .12s ease}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-form-field-subscript-wrapper{display:none}:host ::ng-deep .pdx-filter-inline-time .mdc-notched-outline{display:none}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-form-field-flex,:host ::ng-deep .pdx-filter-inline-time .mat-mdc-text-field-wrapper{padding:0;background:transparent}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-form-field-focus-overlay{display:none}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-form-field-infix{min-height:0;width:auto;flex:0 1 auto;min-width:0;padding:0;position:relative}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined{display:flex;align-items:center;min-height:40px;min-width:0;max-width:min(var(--pdx-inline-time-max-w, 280px),calc(100vw - 48px));padding-inline:12px;border-radius:var(--pdx-inline-time-shape-pill);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined:after{display:none!important;content:none!important}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--focused{border-color:var(--md-sys-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 22%,transparent)}:host ::ng-deep .pdx-filter-inline-time input.mat-mdc-input-element{color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal );width:auto!important;min-width:2ch;cursor:pointer}:host ::ng-deep .pdx-filter-inline-time .mdc-text-field__input::placeholder,:host ::ng-deep .pdx-filter-inline-time input.mat-mdc-input-element::placeholder{color:var(--md-sys-color-on-surface-variant)!important;opacity:0!important}:host ::ng-deep .pdx-filter-inline-time .pdx-inline-placeholder{position:absolute;left:0;top:50%;transform:translateY(-50%);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal )}:host ::ng-deep .pdx-filter-inline-time .pdx-inline-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-family:var(--md-sys-typescale-body-large-font, inherit);font-size:var(--md-sys-typescale-body-large-size, 1rem);font-weight:var(--md-sys-typescale-body-large-weight, 400);line-height:var(--md-sys-typescale-body-large-line-height, 1.5rem);letter-spacing:var( --md-sys-typescale-body-large-letter-spacing, normal );left:-9999px;top:-9999px}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-form-field-icon-prefix{padding:0;margin-right:8px}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-form-field-icon-prefix mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}:host ::ng-deep .pdx-filter-inline-time .pdx-inline-static-suffix{width:18px;height:18px;font-size:18px}:host ::ng-deep .pdx-filter-inline-time .mat-mdc-form-field-icon-suffix{display:inline-flex;align-items:center;justify-content:center;align-self:center;gap:4px;margin-left:8px;padding:0}:host ::ng-deep .pdx-filter-inline-time .pdx-inline-clear,:host ::ng-deep .pdx-filter-inline-time .pdx-inline-toggle{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;border:0;border-radius:var(--pdx-inline-time-shape-pill);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}:host ::ng-deep .pdx-filter-inline-time .pdx-inline-toggle:disabled{cursor:default;opacity:.6}:host ::ng-deep .pdx-filter-inline-time .pdx-inline-clear:hover,:host ::ng-deep .pdx-filter-inline-time .pdx-inline-toggle:hover:not(:disabled){background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}:host ::ng-deep .pdx-filter-inline-time .pdx-inline-clear:focus-visible,:host ::ng-deep .pdx-filter-inline-time .pdx-inline-toggle:focus-visible{background:color-mix(in srgb,var(--md-sys-color-on-surface) 20%,transparent);box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}:host ::ng-deep .pdx-filter-inline-time .pdx-inline-clear mat-icon,:host ::ng-deep .pdx-filter-inline-time .pdx-inline-toggle mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1;margin:0}.pdx-inline-time-panel{min-width:min(208px,calc(100vw - 24px));width:max-content;max-width:min(300px,calc(100vw - 24px));max-height:min(360px,58vh);overflow-y:auto;overflow-x:hidden;padding:8px;border-radius:var(--pdx-inline-time-shape-panel);border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-inline-time-panel.is-columns{width:min(278px,calc(100vw - 24px));min-width:min(228px,calc(100vw - 24px));max-width:min(312px,calc(100vw - 24px));max-height:min(332px,60vh);overflow:hidden;padding:8px;border-radius:var(--pdx-inline-time-shape-panel)}.pdx-inline-time-columns{--pdx-inline-time-columns: 2;display:grid;grid-template-columns:repeat(var(--pdx-inline-time-columns),minmax(0,1fr));gap:6px;align-items:start}.pdx-inline-time-column{min-width:0;display:grid;grid-template-rows:auto auto;align-content:start;gap:4px}.pdx-inline-time-column-title{padding-inline:4px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-label-small-font, inherit);font-size:var(--md-sys-typescale-label-small-size, .72rem);font-weight:var(--md-sys-typescale-label-small-weight, 600);line-height:var(--md-sys-typescale-label-small-line-height, 1rem);letter-spacing:var( --md-sys-typescale-label-small-letter-spacing, .08em );text-transform:uppercase}.pdx-inline-time-column-list{max-height:min(224px,44vh);overflow-y:auto;padding:2px;border-radius:var(--pdx-inline-time-shape-list);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container-high)}.pdx-inline-time-column-list.is-active-segment{border-color:color-mix(in srgb,var(--md-sys-color-primary) 55%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}.pdx-inline-time-column-list.is-static-segment{display:grid;place-items:center;min-height:36px;max-height:none;overflow:hidden;border-color:color-mix(in srgb,var(--md-sys-color-outline-variant) 78%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container) 76%,var(--md-sys-color-surface-container-high))}.pdx-inline-time-column-list.is-static-segment .pdx-inline-time-column-option{min-height:30px}.pdx-inline-time-column-option{width:100%;min-height:34px;border:0;border-radius:var(--pdx-inline-time-shape-item);background:transparent;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-medium-font, inherit);font-size:var(--md-sys-typescale-title-medium-size, .95rem);font-weight:var(--md-sys-typescale-title-medium-weight, 500);line-height:var(--md-sys-typescale-title-medium-line-height, 1.25rem);letter-spacing:var( --md-sys-typescale-title-medium-letter-spacing, normal );text-align:center;cursor:pointer;transition:background-color .12s ease,color .12s ease}.pdx-inline-time-column-option:hover,.pdx-inline-time-column-option:focus-visible{outline:none;background:color-mix(in srgb,var(--md-sys-color-on-surface) 8%,transparent)}.pdx-inline-time-column-option.is-selected{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);font-weight:var(--md-sys-typescale-title-medium-weight, 600)}.pdx-inline-time-option{width:100%;min-height:44px;display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:0 14px;border:0;border-radius:var(--pdx-inline-time-shape-list);background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;font-size:1.03rem;text-align:left}.pdx-inline-time-option:hover,.pdx-inline-time-option:focus-visible{outline:none;background:var(--md-sys-color-surface-container-high)}.pdx-inline-time-option.is-selected{background:color-mix(in srgb,var(--md-sys-color-primary-container) 86%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary);font-weight:600}.pdx-inline-time-option mat-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-time-empty{padding:14px 12px;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-medium-font, inherit);font-size:var(--md-sys-typescale-body-medium-size, .9rem);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 1.25rem);letter-spacing:var( --md-sys-typescale-body-medium-letter-spacing, normal )}@media(max-width:768px){:host ::ng-deep .pdx-filter-inline-time .mat-mdc-text-field-wrapper.mdc-text-field--outlined{min-height:38px;padding-inline:10px}.pdx-inline-time-panel.is-columns{width:min(272px,calc(100vw - 24px));min-width:min(212px,calc(100vw - 24px));max-width:min(300px,calc(100vw - 24px));padding:8px}.pdx-inline-time-column-option{min-height:32px;font-size:.9rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }] });
|
|
23218
23311
|
}
|
|
23219
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
23312
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineTimeComponent, decorators: [{
|
|
23220
23313
|
type: Component,
|
|
23221
23314
|
args: [{ selector: 'pdx-filter-inline-time', standalone: true, imports: [
|
|
23222
23315
|
CommonModule,
|
|
@@ -23637,8 +23730,8 @@ class PdxMaterialTimeRangeComponent extends SimpleBaseInputComponent {
|
|
|
23637
23730
|
const metaReadonly = meta?.readonly || meta?.readOnly;
|
|
23638
23731
|
return !!(this.readonlyMode || this.presentationMode || metaReadonly);
|
|
23639
23732
|
}
|
|
23640
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
23641
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
23733
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxMaterialTimeRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
23734
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PdxMaterialTimeRangeComponent, isStandalone: true, selector: "pdx-material-time-range", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"block\" : \"none\"", "style.width": "\"100%\"", "attr.data-field-type": "\"timeRange\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
23642
23735
|
{
|
|
23643
23736
|
provide: NG_VALUE_ACCESSOR,
|
|
23644
23737
|
useExisting: forwardRef(() => PdxMaterialTimeRangeComponent),
|
|
@@ -23730,7 +23823,7 @@ class PdxMaterialTimeRangeComponent extends SimpleBaseInputComponent {
|
|
|
23730
23823
|
}
|
|
23731
23824
|
`, isInline: true, styles: [".time-range-container{display:flex;gap:1rem;width:100%}.time-range-field{flex:1}.time-range-actions{display:flex;justify-content:flex-end;margin-top:4px}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: CommonModule }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { 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.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatTimepickerModule }, { kind: "component", type: i3$2.MatTimepicker, selector: "mat-timepicker", inputs: ["interval", "options", "disableRipple", "aria-label", "aria-labelledby"], outputs: ["selected", "opened", "closed"], exportAs: ["matTimepicker"] }, { kind: "directive", type: i3$2.MatTimepickerInput, selector: "input[matTimepicker]", inputs: ["value", "matTimepicker", "matTimepickerMin", "matTimepickerMax", "matTimepickerOpenOnClick", "disabled"], outputs: ["valueChange"], exportAs: ["matTimepickerInput"] }, { kind: "component", type: i3$2.MatTimepickerToggle, selector: "mat-timepicker-toggle", inputs: ["for", "aria-label", "aria-labelledby", "disabled", "tabIndex", "disableRipple"], exportAs: ["matTimepickerToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
23732
23825
|
}
|
|
23733
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
23826
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxMaterialTimeRangeComponent, decorators: [{
|
|
23734
23827
|
type: Component,
|
|
23735
23828
|
args: [{ selector: 'pdx-material-time-range', standalone: true, template: `
|
|
23736
23829
|
<div class="time-range-container" [formGroup]="timeRangeForm">
|
|
@@ -24728,8 +24821,8 @@ class FilterInlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
|
|
|
24728
24821
|
}
|
|
24729
24822
|
});
|
|
24730
24823
|
}
|
|
24731
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
24732
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
24824
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineTimeRangeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
24825
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineTimeRangeComponent, isStandalone: true, selector: "pdx-filter-inline-time-range", host: { listeners: { "window:resize": "onViewportResize()", "document:keydown.escape": "onDocumentEscape()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-time-range-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
24733
24826
|
{
|
|
24734
24827
|
provide: NG_VALUE_ACCESSOR,
|
|
24735
24828
|
useExisting: forwardRef(() => FilterInlineTimeRangeComponent),
|
|
@@ -24920,7 +25013,7 @@ class FilterInlineTimeRangeComponent extends PdxMaterialTimeRangeComponent {
|
|
|
24920
25013
|
</div>
|
|
24921
25014
|
`, isInline: true, styles: [":host{--pdx-inline-time-range-track-gradient: linear-gradient( 90deg, color-mix(in srgb, var(--md-sys-color-outline-variant) 30%, transparent) 0% 100% );--pdx-inline-time-range-shift-madrugada: color-mix( in srgb, var(--md-sys-color-outline-variant) 56%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-manha: color-mix( in srgb, var(--md-sys-color-tertiary-container) 78%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-comercial: color-mix( in srgb, var(--md-sys-color-primary-container) 74%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-tarde: color-mix( in srgb, var(--md-sys-color-secondary-container) 74%, var(--md-sys-color-surface-container-highest) );--pdx-inline-time-range-shift-noturno: color-mix( in srgb, var(--md-sys-color-secondary) 44%, var(--md-sys-color-surface-container-highest) );display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-time-range-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-time-range-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-time-range-min-w, 184px);max-width:min(var(--pdx-inline-time-range-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-time-range-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-time-range-chip.is-partial{border-color:color-mix(in srgb,var(--md-sys-color-primary) 62%,var(--md-sys-color-outline-variant));background:color-mix(in srgb,var(--md-sys-color-primary-container) 76%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container)}.pdx-inline-time-range-chip.is-open{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-time-range-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-height:40px;min-width:0;width:100%;margin:0;border:0;border-radius:999px;padding:0 12px 0 14px;background:transparent;color:inherit;cursor:pointer;text-align:left}.pdx-inline-time-range-trigger:focus-visible{outline:none}.pdx-inline-time-range-trigger:disabled{cursor:default}.pdx-inline-time-range-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-time-range-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.1;font-weight:500}.pdx-inline-time-range-clear{--clear-ring-color: var(--md-sys-color-primary);width:26px;height:26px;min-width:26px;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:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-time-range-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-time-range-chip.is-active .pdx-inline-time-range-clear,.pdx-inline-time-range-chip.is-partial .pdx-inline-time-range-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 24%,transparent)}.pdx-inline-time-range-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-time-range-clear mat-icon{display:block;width:17px;height:17px;font-size:17px;line-height:1;margin:0}.pdx-inline-time-range-measure{position:absolute;visibility:hidden;pointer-events:none;white-space:pre;font-size:1rem;line-height:1.1;font-weight:500;left:-9999px;top:-9999px}.pdx-inline-time-range-panel{display:grid;gap:12px;min-width:min(var(--pdx-inline-time-range-panel-min-w, 248px),calc(100vw - 24px));width:clamp(var(--pdx-inline-time-range-panel-min-w, 248px),31vw,var(--pdx-inline-time-range-panel-max-w, 380px));max-width:calc(100vw - 24px);padding:13px 14px 12px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface);box-shadow:var(--md-sys-elevation-level3);box-sizing:border-box}.pdx-inline-time-range-panel-title{font-size:.82rem;line-height:1.1;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-time-range-slider-wrap{min-width:0}.pdx-inline-time-range-slider{width:100%;min-width:190px}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider{margin:0}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track{border-radius:999px}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track--inactive{border-radius:999px;background:var(--pdx-inline-time-range-track-gradient);opacity:.95}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__track--active_fill{border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent)}:host ::ng-deep .pdx-inline-time-range-slider .mdc-slider__thumb-knob{border-width:2px}.pdx-inline-time-range-scale{display:flex;justify-content:space-between;gap:12px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem;line-height:1.2;font-weight:500}.pdx-inline-time-range-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:end;gap:8px}.pdx-inline-time-range-input-sep{color:var(--md-sys-color-on-surface-variant);font-size:.9rem;line-height:1;font-weight:600;padding-bottom:10px}.pdx-inline-time-range-input-field{display:grid;gap:4px;min-width:0}.pdx-inline-time-range-input-field>span{font-size:.75rem;line-height:1.1;letter-spacing:.06em;text-transform:uppercase;color:var(--md-sys-color-on-surface-variant);font-weight:600}.pdx-inline-time-range-input-field>input{width:100%;min-width:0;min-height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font:inherit;font-size:.96rem;line-height:1;box-sizing:border-box;outline:none;transition:border-color .12s ease,box-shadow .12s ease}.pdx-inline-time-range-input-field>input:focus-visible{border-color:color-mix(in srgb,var(--md-sys-color-primary) 72%,var(--md-sys-color-outline-variant));box-shadow:0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 24%,transparent)}.pdx-inline-time-range-input-field>input:disabled{opacity:.56}.pdx-inline-time-range-error{color:var(--md-sys-color-error);font-size:.82rem;line-height:1.2;font-weight:500}.pdx-inline-time-range-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-time-range-preset{display:inline-flex;align-items:center;justify-content:center;min-height:32px;min-width:82px;max-width:100%;padding:0 12px;border-radius:10px;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);font:inherit;font-size:.9rem;font-weight:500;line-height:1;cursor:pointer;transition:border-color .12s ease,background-color .12s ease,color .12s ease}.pdx-inline-time-range-preset.is-active{border:2px solid color-mix(in srgb,var(--md-sys-color-on-surface) 62%,var(--md-sys-color-outline-variant));padding-inline:11px;background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface)}.pdx-inline-time-range-preset:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-time-range-preset:hover:not(:disabled):not(.is-active){border-color:color-mix(in srgb,var(--md-sys-color-primary) 34%,var(--md-sys-color-outline-variant))}.pdx-inline-time-range-preset:disabled{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-time-range-chip{min-height:40px}.pdx-inline-time-range-trigger{min-height:38px;padding-inline:12px;gap:8px}.pdx-inline-time-range-text{font-size:.92rem}.pdx-inline-time-range-panel{width:min(var(--pdx-inline-time-range-panel-max-w, 320px),calc(100vw - 24px));padding:10px 12px 12px}.pdx-inline-time-range-inputs{grid-template-columns:minmax(0,1fr);gap:6px}.pdx-inline-time-range-input-sep{display:none}.pdx-inline-time-range-preset{min-height:28px;min-width:72px;padding-inline:10px;font-size:.82rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { 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"] }] });
|
|
24922
25015
|
}
|
|
24923
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
25016
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineTimeRangeComponent, decorators: [{
|
|
24924
25017
|
type: Component,
|
|
24925
25018
|
args: [{ selector: 'pdx-filter-inline-time-range', standalone: true, imports: [
|
|
24926
25019
|
CommonModule,
|
|
@@ -25631,8 +25724,8 @@ class FilterInlineTreeSelectComponent extends SimpleBaseSelectComponent {
|
|
|
25631
25724
|
max = Math.min(max, Math.max(min, viewportWidth - 48));
|
|
25632
25725
|
return { min, max };
|
|
25633
25726
|
}
|
|
25634
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
25635
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
25727
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineTreeSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
25728
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineTreeSelectComponent, isStandalone: true, selector: "pdx-filter-inline-tree-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-tree-select-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
25636
25729
|
{
|
|
25637
25730
|
provide: NG_VALUE_ACCESSOR,
|
|
25638
25731
|
useExisting: forwardRef(() => FilterInlineTreeSelectComponent),
|
|
@@ -25813,7 +25906,7 @@ class FilterInlineTreeSelectComponent extends SimpleBaseSelectComponent {
|
|
|
25813
25906
|
</div>
|
|
25814
25907
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-tree-select-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-chip-trigger{position:relative;display:inline-flex;align-items:center;min-width:0}.pdx-chip-main{min-height:42px;min-inline-size:var(--pdx-inline-tree-select-min-w, 148px);max-width:min(var(--pdx-inline-tree-select-max-w, 420px),calc(100vw - 48px));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;padding:0 14px;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,color .12s ease}.pdx-chip-main:hover{background:color-mix(in srgb,var(--md-sys-color-surface-container-high) 84%,var(--md-sys-color-surface-container-highest))}.pdx-chip-main:focus-visible{outline:none;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-chip-trigger.is-active .pdx-chip-main{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 88%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-primary-container)}.pdx-chip-main .mdc-button__label{width:100%;display:inline-flex;align-items:center;min-width:0}.pdx-chip-icon{width:20px;height:20px;font-size:20px;margin-right:8px;color:var(--md-sys-color-primary)}.pdx-chip-trigger.is-active .pdx-chip-icon{color:var(--md-sys-color-on-primary-container)}.pdx-chip-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;text-align:left}.pdx-chip-spacer{flex:1 1 auto}.pdx-chip-loading{margin-left:8px}.pdx-chip-arrow{margin-left:8px;width:18px;height:18px;font-size:18px}.pdx-chip-clear{--clear-ring-color: var(--md-sys-color-primary);position:absolute;right:10px;width:22px;height:22px;min-width:22px;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-chip-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-chip-trigger.is-active .pdx-chip-clear{--clear-ring-color: var(--md-sys-color-on-primary-container);background:color-mix(in srgb,var(--md-sys-color-on-primary-container) 22%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-chip-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-chip-clear mat-icon{display:block;width:16px;height:16px;font-size:16px;line-height:1}.pdx-chip-trigger.is-disabled .pdx-chip-main{cursor:not-allowed;opacity:.72}::ng-deep .pdx-filter-inline-tree-select-panel{width:auto!important;min-width:min(300px,calc(100vw - 24px))!important;max-width:calc(100vw - 24px)!important}::ng-deep .pdx-filter-inline-tree-select-panel .mat-mdc-menu-content{padding:0}.pdx-tree-panel-shell{width:min(380px,calc(100vw - 24px));max-height:min(62vh,460px);overflow:auto;border-radius:18px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-highest);box-shadow:var(--md-sys-elevation-level3)}.pdx-tree-search-row{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-tree-search-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-tree-search-input{width:100%;border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface);font-size:.95rem}.pdx-tree-search-input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.92}.pdx-inline-tree{display:block;padding:6px 0}.pdx-tree-node{display:flex;align-items:center;min-height:42px;padding-right:10px;cursor:pointer;color:var(--md-sys-color-on-surface);-webkit-user-select:none;user-select:none}.pdx-tree-node:hover{background:color-mix(in srgb,var(--md-sys-color-primary) 12%,var(--md-sys-color-surface-container-highest))}.pdx-tree-node:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--md-sys-color-primary) 36%,transparent)}.pdx-tree-node.pdx-selected{background:color-mix(in srgb,var(--md-sys-color-primary) 18%,var(--md-sys-color-surface-container-high));font-weight:600}.pdx-tree-node.pdx-node-disabled{opacity:.52;cursor:not-allowed}.pdx-tree-toggle{margin-left:6px;margin-right:2px}.pdx-tree-node-spacer{width:42px;flex:0 0 42px}.pdx-tree-node-label{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.96rem;line-height:1.2}.pdx-tree-children{margin-left:18px}.pdx-tree-hidden{display:none}.pdx-tree-empty{padding:20px 16px;color:var(--md-sys-color-on-surface-variant);font-size:.92rem}@media(max-width:768px){.pdx-chip-main{min-height:38px;padding:0 12px}.pdx-chip-label{font-size:.95rem}.pdx-tree-panel-shell{width:min(92vw,360px)}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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.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: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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: MatTreeModule }, { kind: "directive", type: i1$3.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "component", type: i1$3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$3.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }] });
|
|
25815
25908
|
}
|
|
25816
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
25909
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineTreeSelectComponent, decorators: [{
|
|
25817
25910
|
type: Component,
|
|
25818
25911
|
args: [{ selector: 'pdx-filter-inline-tree-select', standalone: true, imports: [
|
|
25819
25912
|
CommonModule,
|
|
@@ -26051,6 +26144,110 @@ const PDX_FILTER_INLINE_TREE_SELECT_COMPONENT_METADATA = {
|
|
|
26051
26144
|
lib: '@praxisui/dynamic-fields',
|
|
26052
26145
|
};
|
|
26053
26146
|
|
|
26147
|
+
const HEX_PATTERN = /^#([\da-f]{3,4}|[\da-f]{6}|[\da-f]{8})$/i;
|
|
26148
|
+
function clamp01(value) {
|
|
26149
|
+
return Math.max(0, Math.min(1, value));
|
|
26150
|
+
}
|
|
26151
|
+
function clamp255(value) {
|
|
26152
|
+
return Math.max(0, Math.min(255, Math.round(value)));
|
|
26153
|
+
}
|
|
26154
|
+
function parseHexColor(raw) {
|
|
26155
|
+
const normalized = raw.trim();
|
|
26156
|
+
if (!HEX_PATTERN.test(normalized)) {
|
|
26157
|
+
return null;
|
|
26158
|
+
}
|
|
26159
|
+
const hex = normalized.slice(1);
|
|
26160
|
+
if (hex.length === 3 || hex.length === 4) {
|
|
26161
|
+
return {
|
|
26162
|
+
r: Number.parseInt(hex[0] + hex[0], 16),
|
|
26163
|
+
g: Number.parseInt(hex[1] + hex[1], 16),
|
|
26164
|
+
b: Number.parseInt(hex[2] + hex[2], 16),
|
|
26165
|
+
};
|
|
26166
|
+
}
|
|
26167
|
+
return {
|
|
26168
|
+
r: Number.parseInt(hex.slice(0, 2), 16),
|
|
26169
|
+
g: Number.parseInt(hex.slice(2, 4), 16),
|
|
26170
|
+
b: Number.parseInt(hex.slice(4, 6), 16),
|
|
26171
|
+
};
|
|
26172
|
+
}
|
|
26173
|
+
function parseRgbChannel(token) {
|
|
26174
|
+
const part = token.trim();
|
|
26175
|
+
if (!part)
|
|
26176
|
+
return null;
|
|
26177
|
+
if (part.endsWith('%')) {
|
|
26178
|
+
const pct = Number.parseFloat(part.slice(0, -1));
|
|
26179
|
+
if (!Number.isFinite(pct))
|
|
26180
|
+
return null;
|
|
26181
|
+
return clamp255((pct / 100) * 255);
|
|
26182
|
+
}
|
|
26183
|
+
const value = Number.parseFloat(part);
|
|
26184
|
+
if (!Number.isFinite(value))
|
|
26185
|
+
return null;
|
|
26186
|
+
return clamp255(value);
|
|
26187
|
+
}
|
|
26188
|
+
function parseRgbColor(raw) {
|
|
26189
|
+
const normalized = raw.trim().toLowerCase();
|
|
26190
|
+
if (!normalized.startsWith('rgb')) {
|
|
26191
|
+
return null;
|
|
26192
|
+
}
|
|
26193
|
+
const parts = normalized.match(/[\d.]+%?/g) ?? [];
|
|
26194
|
+
if (parts.length < 3) {
|
|
26195
|
+
return null;
|
|
26196
|
+
}
|
|
26197
|
+
const [rRaw, gRaw, bRaw] = parts;
|
|
26198
|
+
if (rRaw === undefined || gRaw === undefined || bRaw === undefined) {
|
|
26199
|
+
return null;
|
|
26200
|
+
}
|
|
26201
|
+
const r = parseRgbChannel(rRaw);
|
|
26202
|
+
const g = parseRgbChannel(gRaw);
|
|
26203
|
+
const b = parseRgbChannel(bRaw);
|
|
26204
|
+
if (r === null || g === null || b === null) {
|
|
26205
|
+
return null;
|
|
26206
|
+
}
|
|
26207
|
+
return { r, g, b };
|
|
26208
|
+
}
|
|
26209
|
+
function parseCssColor(raw) {
|
|
26210
|
+
return parseHexColor(raw) ?? parseRgbColor(raw);
|
|
26211
|
+
}
|
|
26212
|
+
function toRgbString(color) {
|
|
26213
|
+
return `rgb(${color.r}, ${color.g}, ${color.b})`;
|
|
26214
|
+
}
|
|
26215
|
+
function mixRgb(start, end, ratio) {
|
|
26216
|
+
const amount = clamp01(ratio);
|
|
26217
|
+
return {
|
|
26218
|
+
r: clamp255(start.r + (end.r - start.r) * amount),
|
|
26219
|
+
g: clamp255(start.g + (end.g - start.g) * amount),
|
|
26220
|
+
b: clamp255(start.b + (end.b - start.b) * amount),
|
|
26221
|
+
};
|
|
26222
|
+
}
|
|
26223
|
+
function mixCssColors(start, end, ratio) {
|
|
26224
|
+
const startColor = parseCssColor(start);
|
|
26225
|
+
const endColor = parseCssColor(end);
|
|
26226
|
+
if (!startColor || !endColor) {
|
|
26227
|
+
return clamp01(ratio) >= 0.5 ? end : start;
|
|
26228
|
+
}
|
|
26229
|
+
return toRgbString(mixRgb(startColor, endColor, ratio));
|
|
26230
|
+
}
|
|
26231
|
+
function interpolateThreeStopGradientColor(low, mid, high, ratio) {
|
|
26232
|
+
const normalized = clamp01(ratio);
|
|
26233
|
+
if (normalized <= 0)
|
|
26234
|
+
return low;
|
|
26235
|
+
if (normalized >= 1)
|
|
26236
|
+
return high;
|
|
26237
|
+
if (normalized <= 0.5) {
|
|
26238
|
+
return mixCssColors(low, mid, normalized / 0.5);
|
|
26239
|
+
}
|
|
26240
|
+
return mixCssColors(mid, high, (normalized - 0.5) / 0.5);
|
|
26241
|
+
}
|
|
26242
|
+
function applyAlphaToColor(color, alpha) {
|
|
26243
|
+
const parsed = parseCssColor(color);
|
|
26244
|
+
if (!parsed) {
|
|
26245
|
+
return color;
|
|
26246
|
+
}
|
|
26247
|
+
const safeAlpha = clamp01(alpha);
|
|
26248
|
+
return `rgba(${parsed.r}, ${parsed.g}, ${parsed.b}, ${safeAlpha.toFixed(3)})`;
|
|
26249
|
+
}
|
|
26250
|
+
|
|
26054
26251
|
class FilterInlineRatingComponent extends FilterInlineRangeSliderComponent {
|
|
26055
26252
|
overlayPositions = [
|
|
26056
26253
|
{ originX: 'start', originY: 'bottom', overlayX: 'start', overlayY: 'top', offsetY: 8 },
|
|
@@ -26166,6 +26363,11 @@ class FilterInlineRatingComponent extends FilterInlineRangeSliderComponent {
|
|
|
26166
26363
|
return 'mid';
|
|
26167
26364
|
return 'high';
|
|
26168
26365
|
}
|
|
26366
|
+
slotColor(slot) {
|
|
26367
|
+
const slots = this.ratingScaleSlots();
|
|
26368
|
+
const index = Math.max(0, slots.indexOf(slot));
|
|
26369
|
+
return this.ratingGradientColorByIndex(index, slots.length);
|
|
26370
|
+
}
|
|
26169
26371
|
isSlotInSelectedRange(slot) {
|
|
26170
26372
|
const range = this.readSelectedRange();
|
|
26171
26373
|
if (!range) {
|
|
@@ -26201,10 +26403,36 @@ class FilterInlineRatingComponent extends FilterInlineRangeSliderComponent {
|
|
|
26201
26403
|
const palette = this.parseColorPalette(md.ratingToneColors ?? md.ratingColors ?? md.starColors);
|
|
26202
26404
|
return this.resolveColorToken(md.ratingToneHighColor, md.ratingHighColor, palette?.high, palette?.max);
|
|
26203
26405
|
}
|
|
26406
|
+
ratingGradientLowColor() {
|
|
26407
|
+
const md = this.metadata() || {};
|
|
26408
|
+
return this.resolveColorToken(md.ratingGradientLowColor, this.toneLowColor()) || '#ef4444';
|
|
26409
|
+
}
|
|
26410
|
+
ratingGradientMidColor() {
|
|
26411
|
+
const md = this.metadata() || {};
|
|
26412
|
+
return this.resolveColorToken(md.ratingGradientMidColor, this.toneMidColor()) || '#f59e0b';
|
|
26413
|
+
}
|
|
26414
|
+
ratingGradientHighColor() {
|
|
26415
|
+
const md = this.metadata() || {};
|
|
26416
|
+
return this.resolveColorToken(md.ratingGradientHighColor, this.toneHighColor()) || '#22a45d';
|
|
26417
|
+
}
|
|
26418
|
+
ratingGradient() {
|
|
26419
|
+
const low = this.ratingGradientLowColor();
|
|
26420
|
+
const mid = this.ratingGradientMidColor();
|
|
26421
|
+
const high = this.ratingGradientHighColor();
|
|
26422
|
+
return `linear-gradient(90deg, ${low} 0%, ${mid} 50%, ${high} 100%)`;
|
|
26423
|
+
}
|
|
26204
26424
|
badgeStarColor() {
|
|
26205
26425
|
const md = this.metadata() || {};
|
|
26206
26426
|
const palette = this.parseColorPalette(md.ratingToneColors ?? md.ratingColors ?? md.starColors);
|
|
26207
|
-
return this.resolveColorToken(md.ratingBadgeColor, md.ratingIndicatorColor, md.ratingToneMidColor, md.ratingMidColor, palette?.badge, palette?.indicator, palette?.mid, palette?.middle);
|
|
26427
|
+
return this.resolveColorToken(md.ratingBadgeColor, md.ratingIndicatorColor, md.ratingToneMidColor, md.ratingMidColor, palette?.badge, palette?.indicator, palette?.mid, palette?.middle, this.ratingGradientMidColor());
|
|
26428
|
+
}
|
|
26429
|
+
ratingGradientColorByIndex(index, total) {
|
|
26430
|
+
const safeTotal = Math.max(2, total);
|
|
26431
|
+
const ratio = safeTotal <= 1 ? 0 : index / (safeTotal - 1);
|
|
26432
|
+
return this.ratingGradientColorByRatio(ratio);
|
|
26433
|
+
}
|
|
26434
|
+
ratingGradientColorByRatio(ratio) {
|
|
26435
|
+
return interpolateThreeStopGradientColor(this.ratingGradientLowColor(), this.ratingGradientMidColor(), this.ratingGradientHighColor(), ratio);
|
|
26208
26436
|
}
|
|
26209
26437
|
readSelectedRange() {
|
|
26210
26438
|
const min = this.minValue();
|
|
@@ -26331,8 +26559,8 @@ class FilterInlineRatingComponent extends FilterInlineRangeSliderComponent {
|
|
|
26331
26559
|
.trim()
|
|
26332
26560
|
.replace(/^./, (char) => char.toUpperCase());
|
|
26333
26561
|
}
|
|
26334
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
26335
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
26562
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineRatingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
26563
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineRatingComponent, isStandalone: true, selector: "pdx-filter-inline-rating", host: { listeners: { "window:resize": "onViewportResize()", "document:keydown.escape": "onDocumentEscape()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-rating-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
26336
26564
|
{
|
|
26337
26565
|
provide: NG_VALUE_ACCESSOR,
|
|
26338
26566
|
useExisting: forwardRef(() => FilterInlineRatingComponent),
|
|
@@ -26430,6 +26658,7 @@ class FilterInlineRatingComponent extends FilterInlineRangeSliderComponent {
|
|
|
26430
26658
|
[class.tone-mid]="slotTone(slot) === 'mid'"
|
|
26431
26659
|
[class.tone-high]="slotTone(slot) === 'high'"
|
|
26432
26660
|
[class.is-active]="isSlotInSelectedRange(slot)"
|
|
26661
|
+
[style.color]="slotColor(slot)"
|
|
26433
26662
|
>
|
|
26434
26663
|
{{ isSlotInSelectedRange(slot) ? ratingActiveStarIconName() : ratingInactiveStarIconName() }}
|
|
26435
26664
|
</mat-icon>
|
|
@@ -26529,7 +26758,7 @@ class FilterInlineRatingComponent extends FilterInlineRangeSliderComponent {
|
|
|
26529
26758
|
</div>
|
|
26530
26759
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-rating-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-rating-min-w, 172px);max-width:min(var(--pdx-inline-rating-max-w, 320px),calc(100vw - 48px));padding:0 8px 0 0;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-rating-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-rating-chip.is-open{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-rating-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:8px;min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-rating-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-rating-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-rating-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-rating-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-rating-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-rating-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-rating-chip.is-active .pdx-inline-rating-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-rating-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-rating-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-rating-panel{width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));min-width:min(var(--pdx-inline-rating-panel-min-w, 268px),calc(100vw - 24px));max-width:min(var(--pdx-inline-rating-panel-max-w, 396px),calc(100vw - 24px));padding:14px 14px 12px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-rating-title{font-size:.9rem;font-weight:600;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-stars{display:grid;grid-auto-flow:column;justify-content:center;gap:8px;min-height:36px;align-items:center}.pdx-inline-rating-star{width:28px;height:28px;font-size:28px;line-height:1;opacity:.35;transition:transform .12s ease,opacity .12s ease}.pdx-inline-rating-star.is-active{opacity:1}.pdx-inline-rating-star.tone-low{color:var(--pdx-inline-rating-tone-low, #ef4444)}.pdx-inline-rating-star.tone-mid{color:var(--pdx-inline-rating-tone-mid, #f59e0b)}.pdx-inline-rating-star.tone-high{color:var(--pdx-inline-rating-tone-high, #22a45d)}.pdx-inline-rating-boundaries{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-rating-badge{display:inline-flex;align-items:center;gap:6px;min-height:32px;padding:0 10px;border-radius:11px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);font-size:.9rem;font-weight:600}.pdx-inline-rating-badge mat-icon{width:16px;height:16px;font-size:16px;color:var(--pdx-inline-rating-badge-star, #f59e0b)}.pdx-inline-rating-separator{color:var(--md-sys-color-outline);font-weight:500}.pdx-inline-rating-slider-wrap{padding:2px 4px 0}.pdx-inline-rating-slider{width:100%}.pdx-inline-rating-inputs{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px}.pdx-inline-rating-input-field{display:grid;gap:4px}.pdx-inline-rating-input-field span{font-size:.75rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-rating-input-field input{width:100%;min-height:34px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:0 10px;box-sizing:border-box}.pdx-inline-rating-input-field input:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 26%,transparent);outline-offset:0;border-color:var(--md-sys-color-primary)}.pdx-inline-rating-input-sep{color:var(--md-sys-color-outline)}.pdx-inline-rating-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-rating-preset{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:999px;min-height:30px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-rating-preset.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 80%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-inline-rating-preset[disabled]{opacity:.56;cursor:default}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { 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.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { 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"] }] });
|
|
26531
26760
|
}
|
|
26532
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
26761
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineRatingComponent, decorators: [{
|
|
26533
26762
|
type: Component,
|
|
26534
26763
|
args: [{ selector: 'pdx-filter-inline-rating', standalone: true, imports: [
|
|
26535
26764
|
CommonModule,
|
|
@@ -26631,6 +26860,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
26631
26860
|
[class.tone-mid]="slotTone(slot) === 'mid'"
|
|
26632
26861
|
[class.tone-high]="slotTone(slot) === 'high'"
|
|
26633
26862
|
[class.is-active]="isSlotInSelectedRange(slot)"
|
|
26863
|
+
[style.color]="slotColor(slot)"
|
|
26634
26864
|
>
|
|
26635
26865
|
{{ isSlotInSelectedRange(slot) ? ratingActiveStarIconName() : ratingInactiveStarIconName() }}
|
|
26636
26866
|
</mat-icon>
|
|
@@ -26974,6 +27204,50 @@ class FilterInlineDistanceRadiusComponent extends FilterInlineRangeSliderCompone
|
|
|
26974
27204
|
const ratio = this.normalizedDistanceRatio();
|
|
26975
27205
|
return Number((0.12 + ratio * 0.4).toFixed(3));
|
|
26976
27206
|
}
|
|
27207
|
+
radialFillBackground() {
|
|
27208
|
+
const low = this.distanceGradientLowColor();
|
|
27209
|
+
const mid = this.distanceGradientMidColor();
|
|
27210
|
+
const high = this.distanceGradientHighColor();
|
|
27211
|
+
return `radial-gradient(circle, ${applyAlphaToColor(low, 0.48)} 0%, ${applyAlphaToColor(mid, 0.4)} 58%, ${applyAlphaToColor(high, 0.34)} 100%)`;
|
|
27212
|
+
}
|
|
27213
|
+
distanceRadialValueColor() {
|
|
27214
|
+
return this.gradientColorForRatio(this.normalizedDistanceRatio());
|
|
27215
|
+
}
|
|
27216
|
+
showRadialRangeBand() {
|
|
27217
|
+
const ratios = this.currentNormalizedRangeRatios();
|
|
27218
|
+
if (!ratios) {
|
|
27219
|
+
return false;
|
|
27220
|
+
}
|
|
27221
|
+
return ratios.end - ratios.start > 0.0005;
|
|
27222
|
+
}
|
|
27223
|
+
radialRangeBandGradient() {
|
|
27224
|
+
const ratios = this.currentNormalizedRangeRatios();
|
|
27225
|
+
if (!ratios) {
|
|
27226
|
+
return null;
|
|
27227
|
+
}
|
|
27228
|
+
const innerScale = this.radialScaleForRatio(ratios.start);
|
|
27229
|
+
const outerScale = this.radialScaleForRatio(ratios.end);
|
|
27230
|
+
const innerPct = Math.max(0, Math.min(100, innerScale * 50));
|
|
27231
|
+
const outerPct = Math.max(innerPct, Math.min(100, outerScale * 50));
|
|
27232
|
+
const edgeSoftness = 1.2;
|
|
27233
|
+
const innerStop = Math.max(0, innerPct - edgeSoftness);
|
|
27234
|
+
const outerStop = Math.min(100, outerPct + edgeSoftness);
|
|
27235
|
+
const startColor = this.gradientColorForRatio(ratios.start);
|
|
27236
|
+
const endColor = this.gradientColorForRatio(ratios.end);
|
|
27237
|
+
return `radial-gradient(circle, transparent 0 ${innerStop.toFixed(2)}%, ${startColor} ${innerPct.toFixed(2)}%, ${endColor} ${outerPct.toFixed(2)}%, transparent ${outerStop.toFixed(2)}% 100%)`;
|
|
27238
|
+
}
|
|
27239
|
+
radialRangeBandOpacity() {
|
|
27240
|
+
const override = this.distanceRangeBandOpacityOverride();
|
|
27241
|
+
if (override !== null) {
|
|
27242
|
+
return override;
|
|
27243
|
+
}
|
|
27244
|
+
const ratios = this.currentNormalizedRangeRatios();
|
|
27245
|
+
if (!ratios) {
|
|
27246
|
+
return 0;
|
|
27247
|
+
}
|
|
27248
|
+
const width = Math.max(0, ratios.end - ratios.start);
|
|
27249
|
+
return Number((0.2 + Math.min(0.22, width * 0.45)).toFixed(3));
|
|
27250
|
+
}
|
|
26977
27251
|
distancePresets() {
|
|
26978
27252
|
const md = this.metadata() || {};
|
|
26979
27253
|
const source = md.distancePresets ?? md.quickPresets ?? null;
|
|
@@ -27052,6 +27326,18 @@ class FilterInlineDistanceRadiusComponent extends FilterInlineRangeSliderCompone
|
|
|
27052
27326
|
const md = this.metadata() || {};
|
|
27053
27327
|
return this.resolveColorToken(md.distanceGlowColor, md.distanceAccentColor);
|
|
27054
27328
|
}
|
|
27329
|
+
distanceGradientLowColor() {
|
|
27330
|
+
const md = this.metadata() || {};
|
|
27331
|
+
return (this.resolveColorToken(md.distanceGradientLowColor, md.distanceToneLowColor, md.ratingToneLowColor, md.distanceAccentColor) || '#22c55e');
|
|
27332
|
+
}
|
|
27333
|
+
distanceGradientMidColor() {
|
|
27334
|
+
const md = this.metadata() || {};
|
|
27335
|
+
return (this.resolveColorToken(md.distanceGradientMidColor, md.distanceToneMidColor, md.ratingToneMidColor, md.distanceGlowColor) || '#f59e0b');
|
|
27336
|
+
}
|
|
27337
|
+
distanceGradientHighColor() {
|
|
27338
|
+
const md = this.metadata() || {};
|
|
27339
|
+
return (this.resolveColorToken(md.distanceGradientHighColor, md.distanceToneHighColor, md.ratingToneHighColor, md.distanceAccentColor) || '#ef4444');
|
|
27340
|
+
}
|
|
27055
27341
|
syncUnitFromMetadata() {
|
|
27056
27342
|
const md = this.metadata() || {};
|
|
27057
27343
|
const units = this.availableUnits();
|
|
@@ -27071,13 +27357,30 @@ class FilterInlineDistanceRadiusComponent extends FilterInlineRangeSliderCompone
|
|
|
27071
27357
|
const min = this.minValue();
|
|
27072
27358
|
const max = this.maxValue();
|
|
27073
27359
|
const current = this.currentRadialBaseValue() ?? min;
|
|
27360
|
+
return this.normalizedRatioForValue(current, min, max);
|
|
27361
|
+
}
|
|
27362
|
+
normalizedRatioForValue(value, min, max) {
|
|
27074
27363
|
if (max <= min)
|
|
27075
27364
|
return 1;
|
|
27076
|
-
const ratio = (
|
|
27365
|
+
const ratio = (value - min) / (max - min);
|
|
27077
27366
|
return Math.max(0, Math.min(1, ratio));
|
|
27078
27367
|
}
|
|
27079
27368
|
radialFillScale() {
|
|
27080
|
-
return
|
|
27369
|
+
return this.radialScaleForRatio(this.normalizedDistanceRatio());
|
|
27370
|
+
}
|
|
27371
|
+
radialScaleForRatio(ratio) {
|
|
27372
|
+
return 0.2 + ratio * 0.8;
|
|
27373
|
+
}
|
|
27374
|
+
gradientColorForRatio(ratio) {
|
|
27375
|
+
return interpolateThreeStopGradientColor(this.distanceGradientLowColor(), this.distanceGradientMidColor(), this.distanceGradientHighColor(), ratio);
|
|
27376
|
+
}
|
|
27377
|
+
distanceRangeBandOpacityOverride() {
|
|
27378
|
+
const md = this.metadata() || {};
|
|
27379
|
+
const candidate = Number(md.distanceRangeBandOpacity ?? md.distanceRadialRangeOpacity ?? md.distanceRangeOpacity);
|
|
27380
|
+
if (!Number.isFinite(candidate)) {
|
|
27381
|
+
return null;
|
|
27382
|
+
}
|
|
27383
|
+
return Math.max(0, Math.min(1, Number(candidate.toFixed(3))));
|
|
27081
27384
|
}
|
|
27082
27385
|
currentBaseValue() {
|
|
27083
27386
|
const raw = this.control().value;
|
|
@@ -27109,6 +27412,23 @@ class FilterInlineDistanceRadiusComponent extends FilterInlineRangeSliderCompone
|
|
|
27109
27412
|
}
|
|
27110
27413
|
return this.currentBaseValue();
|
|
27111
27414
|
}
|
|
27415
|
+
currentNormalizedRangeRatios() {
|
|
27416
|
+
if (!this.isRangeMode()) {
|
|
27417
|
+
return null;
|
|
27418
|
+
}
|
|
27419
|
+
const range = this.currentRangeBaseValue();
|
|
27420
|
+
if (!range) {
|
|
27421
|
+
return null;
|
|
27422
|
+
}
|
|
27423
|
+
const min = this.minValue();
|
|
27424
|
+
const max = this.maxValue();
|
|
27425
|
+
let start = this.normalizedRatioForValue(range.start ?? min, min, max);
|
|
27426
|
+
let end = this.normalizedRatioForValue(range.end ?? max, min, max);
|
|
27427
|
+
if (start > end) {
|
|
27428
|
+
[start, end] = [end, start];
|
|
27429
|
+
}
|
|
27430
|
+
return { start, end };
|
|
27431
|
+
}
|
|
27112
27432
|
clampBaseValue(value) {
|
|
27113
27433
|
const min = this.minValue();
|
|
27114
27434
|
const max = this.maxValue();
|
|
@@ -27453,8 +27773,8 @@ class FilterInlineDistanceRadiusComponent extends FilterInlineRangeSliderCompone
|
|
|
27453
27773
|
.trim()
|
|
27454
27774
|
.replace(/^./, (char) => char.toUpperCase());
|
|
27455
27775
|
}
|
|
27456
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
27457
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
27776
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineDistanceRadiusComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
27777
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineDistanceRadiusComponent, isStandalone: true, selector: "pdx-filter-inline-distance-radius", host: { listeners: { "window:resize": "onViewportResize()", "document:keydown.escape": "onDocumentEscape()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-distance-radius-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
27458
27778
|
{
|
|
27459
27779
|
provide: NG_VALUE_ACCESSOR,
|
|
27460
27780
|
useExisting: forwardRef(() => FilterInlineDistanceRadiusComponent),
|
|
@@ -27471,6 +27791,10 @@ class FilterInlineDistanceRadiusComponent extends FilterInlineRangeSliderCompone
|
|
|
27471
27791
|
[style.--pdx-inline-distance-ring]="distanceRingColor()"
|
|
27472
27792
|
[style.--pdx-inline-distance-track]="distanceTrackColor()"
|
|
27473
27793
|
[style.--pdx-inline-distance-glow]="distanceGlowColor()"
|
|
27794
|
+
[style.--pdx-inline-distance-gradient-low]="distanceGradientLowColor()"
|
|
27795
|
+
[style.--pdx-inline-distance-gradient-mid]="distanceGradientMidColor()"
|
|
27796
|
+
[style.--pdx-inline-distance-gradient-high]="distanceGradientHighColor()"
|
|
27797
|
+
[style.--pdx-inline-distance-value-color]="distanceRadialValueColor()"
|
|
27474
27798
|
[matTooltip]="inlineTooltipText()"
|
|
27475
27799
|
[matTooltipDisabled]="inlineTooltipDisabled()"
|
|
27476
27800
|
[matTooltipPosition]="tooltipPosition()"
|
|
@@ -27570,7 +27894,15 @@ class FilterInlineDistanceRadiusComponent extends FilterInlineRangeSliderCompone
|
|
|
27570
27894
|
class="pdx-inline-distance-fill"
|
|
27571
27895
|
[style.transform]="radialFillTransform()"
|
|
27572
27896
|
[style.opacity]="radialFillOpacity()"
|
|
27897
|
+
[style.background]="radialFillBackground()"
|
|
27573
27898
|
></span>
|
|
27899
|
+
@if (showRadialRangeBand()) {
|
|
27900
|
+
<span
|
|
27901
|
+
class="pdx-inline-distance-range-band"
|
|
27902
|
+
[style.background]="radialRangeBandGradient()"
|
|
27903
|
+
[style.opacity]="radialRangeBandOpacity()"
|
|
27904
|
+
></span>
|
|
27905
|
+
}
|
|
27574
27906
|
<span class="pdx-inline-distance-dot"></span>
|
|
27575
27907
|
</div>
|
|
27576
27908
|
</div>
|
|
@@ -27663,9 +27995,9 @@ class FilterInlineDistanceRadiusComponent extends FilterInlineRangeSliderCompone
|
|
|
27663
27995
|
</div>
|
|
27664
27996
|
</ng-template>
|
|
27665
27997
|
</div>
|
|
27666
|
-
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-distance-min-w, 188px);max-width:min(var(--pdx-inline-distance-max-w, 340px),calc(100vw - 48px));padding:0 8px 0 0;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-distance-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-distance-chip.is-open{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-distance-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-distance-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-distance-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-distance-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-distance-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-distance-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-distance-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-distance-chip.is-active .pdx-inline-distance-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-distance-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-distance-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-distance-panel{width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-distance-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-distance-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-distance-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-distance-title{font-size:1rem;font-weight:600}.pdx-inline-distance-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-distance-radial-wrap{display:grid;place-items:center;padding-top:2px}.pdx-inline-distance-radial{width:min(196px,52vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.pdx-inline-distance-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant));transform-origin:center}.pdx-inline-distance-ring.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 65%,var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant)))}.pdx-inline-distance-fill{position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:center;background:radial-gradient(circle,color-mix(in srgb,var(--pdx-inline-distance-glow, var(--md-sys-color-primary)) 26%,transparent) 0%,color-mix(in srgb,var(--pdx-inline-distance-glow, var(--md-sys-color-primary)) 10%,transparent) 58%,transparent 100%)}.pdx-inline-distance-dot{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 75%,white);background:var(--pdx-inline-distance-accent, var(--md-sys-color-primary));box-shadow:0 0 0 6px color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 16%,transparent)}.pdx-inline-distance-value{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.pdx-inline-distance-value-number{font-size:2rem;font-weight:700;line-height:1;color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-value-unit{font-size:.95rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-distance-units{display:inline-grid;grid-auto-flow:column;gap:0;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden;justify-self:center}.pdx-inline-distance-unit-btn{min-width:56px;min-height:32px;border:0;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:0 12px;cursor:pointer}.pdx-inline-distance-unit-btn.is-active{background:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 18%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface)}.pdx-inline-distance-unit-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 38%,transparent);outline-offset:-2px}.pdx-inline-distance-unit-btn[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-slider-wrap{padding-top:2px}.pdx-inline-distance-slider{width:100%}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--inactive{background:var(--pdx-inline-distance-track, var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--active_fill{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__thumb-knob{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-edges{display:flex;justify-content:space-between;color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-distance-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-distance-preset{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:999px;min-height:31px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-distance-preset.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 80%,var(--md-sys-color-primary));background:var(--pdx-inline-distance-accent, var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 16px color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 28%,transparent)}.pdx-inline-distance-preset[disabled]{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-distance-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-distance-radial{width:min(176px,56vw)}.pdx-inline-distance-value-number{font-size:1.8rem}.pdx-inline-distance-preset{min-height:29px;padding:0 10px;font-size:.82rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { 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"] }] });
|
|
27998
|
+
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-distance-min-w, 188px);max-width:min(var(--pdx-inline-distance-max-w, 340px),calc(100vw - 48px));padding:0 8px 0 0;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-distance-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-distance-chip.is-open{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-distance-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-distance-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-distance-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-distance-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-distance-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-distance-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-distance-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-distance-chip.is-active .pdx-inline-distance-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-distance-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-distance-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-distance-panel{width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-distance-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-distance-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-distance-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-distance-title{font-size:1rem;font-weight:600}.pdx-inline-distance-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-distance-radial-wrap{display:grid;place-items:center;padding-top:2px}.pdx-inline-distance-radial{width:min(196px,52vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.pdx-inline-distance-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant));transform-origin:center}.pdx-inline-distance-ring.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 65%,var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant)))}.pdx-inline-distance-fill{position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:center;background:radial-gradient(circle,color-mix(in srgb,var(--pdx-inline-distance-gradient-low, #22c55e) 48%,transparent),color-mix(in srgb,var(--pdx-inline-distance-gradient-mid, #f59e0b) 40%,transparent) 58%,color-mix(in srgb,var(--pdx-inline-distance-gradient-high, #ef4444) 34%,transparent))}.pdx-inline-distance-range-band{position:absolute;inset:0;border-radius:50%;pointer-events:none}.pdx-inline-distance-dot{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 75%,white);background:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) );box-shadow:0 0 0 6px color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 16%,transparent)}.pdx-inline-distance-value{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.pdx-inline-distance-value-number{font-size:2rem;font-weight:700;line-height:1;color:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) )}.pdx-inline-distance-value-unit{font-size:.95rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-distance-units{display:inline-grid;grid-auto-flow:column;gap:0;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden;justify-self:center}.pdx-inline-distance-unit-btn{min-width:56px;min-height:32px;border:0;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:0 12px;cursor:pointer}.pdx-inline-distance-unit-btn.is-active{background:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 18%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface)}.pdx-inline-distance-unit-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 38%,transparent);outline-offset:-2px}.pdx-inline-distance-unit-btn[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-slider-wrap{padding-top:2px}.pdx-inline-distance-slider{width:100%}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--inactive{background:var(--pdx-inline-distance-track, var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--active_fill{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__thumb-knob{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-edges{display:flex;justify-content:space-between;color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-distance-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-distance-preset{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:999px;min-height:31px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-distance-preset.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 80%,var(--md-sys-color-primary));background:var(--pdx-inline-distance-accent, var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 16px color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 28%,transparent)}.pdx-inline-distance-preset[disabled]{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-distance-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-distance-radial{width:min(176px,56vw)}.pdx-inline-distance-value-number{font-size:1.8rem}.pdx-inline-distance-preset{min-height:29px;padding:0 10px;font-size:.82rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { 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"] }] });
|
|
27667
27999
|
}
|
|
27668
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
28000
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineDistanceRadiusComponent, decorators: [{
|
|
27669
28001
|
type: Component,
|
|
27670
28002
|
args: [{ selector: 'pdx-filter-inline-distance-radius', standalone: true, imports: [
|
|
27671
28003
|
CommonModule,
|
|
@@ -27686,6 +28018,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
27686
28018
|
[style.--pdx-inline-distance-ring]="distanceRingColor()"
|
|
27687
28019
|
[style.--pdx-inline-distance-track]="distanceTrackColor()"
|
|
27688
28020
|
[style.--pdx-inline-distance-glow]="distanceGlowColor()"
|
|
28021
|
+
[style.--pdx-inline-distance-gradient-low]="distanceGradientLowColor()"
|
|
28022
|
+
[style.--pdx-inline-distance-gradient-mid]="distanceGradientMidColor()"
|
|
28023
|
+
[style.--pdx-inline-distance-gradient-high]="distanceGradientHighColor()"
|
|
28024
|
+
[style.--pdx-inline-distance-value-color]="distanceRadialValueColor()"
|
|
27689
28025
|
[matTooltip]="inlineTooltipText()"
|
|
27690
28026
|
[matTooltipDisabled]="inlineTooltipDisabled()"
|
|
27691
28027
|
[matTooltipPosition]="tooltipPosition()"
|
|
@@ -27785,7 +28121,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
27785
28121
|
class="pdx-inline-distance-fill"
|
|
27786
28122
|
[style.transform]="radialFillTransform()"
|
|
27787
28123
|
[style.opacity]="radialFillOpacity()"
|
|
28124
|
+
[style.background]="radialFillBackground()"
|
|
27788
28125
|
></span>
|
|
28126
|
+
@if (showRadialRangeBand()) {
|
|
28127
|
+
<span
|
|
28128
|
+
class="pdx-inline-distance-range-band"
|
|
28129
|
+
[style.background]="radialRangeBandGradient()"
|
|
28130
|
+
[style.opacity]="radialRangeBandOpacity()"
|
|
28131
|
+
></span>
|
|
28132
|
+
}
|
|
27789
28133
|
<span class="pdx-inline-distance-dot"></span>
|
|
27790
28134
|
</div>
|
|
27791
28135
|
</div>
|
|
@@ -27895,7 +28239,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
27895
28239
|
'[attr.data-component-id]': 'componentId()',
|
|
27896
28240
|
'(window:resize)': 'onViewportResize()',
|
|
27897
28241
|
'(document:keydown.escape)': 'onDocumentEscape()',
|
|
27898
|
-
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-distance-min-w, 188px);max-width:min(var(--pdx-inline-distance-max-w, 340px),calc(100vw - 48px));padding:0 8px 0 0;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-distance-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-distance-chip.is-open{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-distance-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-distance-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-distance-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-distance-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-distance-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-distance-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-distance-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-distance-chip.is-active .pdx-inline-distance-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-distance-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-distance-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-distance-panel{width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-distance-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-distance-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-distance-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-distance-title{font-size:1rem;font-weight:600}.pdx-inline-distance-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-distance-radial-wrap{display:grid;place-items:center;padding-top:2px}.pdx-inline-distance-radial{width:min(196px,52vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.pdx-inline-distance-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant));transform-origin:center}.pdx-inline-distance-ring.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 65%,var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant)))}.pdx-inline-distance-fill{position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:center;background:radial-gradient(circle,color-mix(in srgb,var(--pdx-inline-distance-
|
|
28242
|
+
}, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-distance-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-distance-min-w, 188px);max-width:min(var(--pdx-inline-distance-max-w, 340px),calc(100vw - 48px));padding:0 8px 0 0;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-distance-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-distance-chip.is-open{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-distance-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-distance-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-distance-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-distance-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-distance-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-distance-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-distance-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-distance-chip.is-active .pdx-inline-distance-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-distance-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-distance-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-distance-panel{width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-distance-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-distance-panel-max-w, 560px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-distance-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-distance-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-distance-title{font-size:1rem;font-weight:600}.pdx-inline-distance-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-distance-radial-wrap{display:grid;place-items:center;padding-top:2px}.pdx-inline-distance-radial{width:min(196px,52vw);aspect-ratio:1;position:relative;display:grid;place-items:center}.pdx-inline-distance-ring{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant));transform-origin:center}.pdx-inline-distance-ring.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 65%,var(--pdx-inline-distance-ring, var(--md-sys-color-outline-variant)))}.pdx-inline-distance-fill{position:absolute;width:100%;height:100%;border-radius:50%;transform-origin:center;background:radial-gradient(circle,color-mix(in srgb,var(--pdx-inline-distance-gradient-low, #22c55e) 48%,transparent),color-mix(in srgb,var(--pdx-inline-distance-gradient-mid, #f59e0b) 40%,transparent) 58%,color-mix(in srgb,var(--pdx-inline-distance-gradient-high, #ef4444) 34%,transparent))}.pdx-inline-distance-range-band{position:absolute;inset:0;border-radius:50%;pointer-events:none}.pdx-inline-distance-dot{width:22px;height:22px;border-radius:50%;border:3px solid color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 75%,white);background:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) );box-shadow:0 0 0 6px color-mix(in srgb,var(--pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary))) 16%,transparent)}.pdx-inline-distance-value{display:inline-flex;align-items:baseline;justify-content:center;gap:2px}.pdx-inline-distance-value-number{font-size:2rem;font-weight:700;line-height:1;color:var( --pdx-inline-distance-value-color, var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) )}.pdx-inline-distance-value-unit{font-size:.95rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-distance-units{display:inline-grid;grid-auto-flow:column;gap:0;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);overflow:hidden;justify-self:center}.pdx-inline-distance-unit-btn{min-width:56px;min-height:32px;border:0;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);font:inherit;font-size:.85rem;font-weight:600;letter-spacing:.02em;padding:0 12px;cursor:pointer}.pdx-inline-distance-unit-btn.is-active{background:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 18%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-on-surface)}.pdx-inline-distance-unit-btn:focus-visible{outline:2px solid color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 38%,transparent);outline-offset:-2px}.pdx-inline-distance-unit-btn[disabled]{opacity:.56;cursor:default}.pdx-inline-distance-slider-wrap{padding-top:2px}.pdx-inline-distance-slider{width:100%}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--inactive{background:var(--pdx-inline-distance-track, var(--md-sys-color-outline-variant))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__track--active_fill{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}:host ::ng-deep .pdx-inline-distance-slider .mdc-slider__thumb-knob{border-color:var(--pdx-inline-distance-accent, var(--md-sys-color-primary))}.pdx-inline-distance-edges{display:flex;justify-content:space-between;color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-distance-presets{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-distance-preset{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:999px;min-height:31px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-distance-preset.is-active{border-color:color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 80%,var(--md-sys-color-primary));background:var(--pdx-inline-distance-accent, var(--md-sys-color-primary));color:var(--md-sys-color-on-primary);box-shadow:0 8px 16px color-mix(in srgb,var(--pdx-inline-distance-accent, var(--md-sys-color-primary)) 28%,transparent)}.pdx-inline-distance-preset[disabled]{opacity:.56;cursor:default}@media(max-width:768px){.pdx-inline-distance-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-distance-radial{width:min(176px,56vw)}.pdx-inline-distance-value-number{font-size:1.8rem}.pdx-inline-distance-preset{min-height:29px;padding:0 10px;font-size:.82rem}}\n"] }]
|
|
27899
28243
|
}] });
|
|
27900
28244
|
|
|
27901
28245
|
const PDX_FILTER_INLINE_DISTANCE_RADIUS_COMPONENT_METADATA = {
|
|
@@ -28147,7 +28491,9 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28147
28491
|
this.onClearClick();
|
|
28148
28492
|
}
|
|
28149
28493
|
pipelineOptions() {
|
|
28150
|
-
|
|
28494
|
+
const filtered = this.filteredOptions();
|
|
28495
|
+
const optionPool = this.options();
|
|
28496
|
+
return filtered.map((option) => this.toVisualOption(option, this.resolveOptionOrderIndex(option, optionPool), optionPool.length));
|
|
28151
28497
|
}
|
|
28152
28498
|
selectedVisualOptions() {
|
|
28153
28499
|
const selectedValues = this.selectedValues();
|
|
@@ -28158,7 +28504,7 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28158
28504
|
selectedValues.forEach((selectedValue, index) => {
|
|
28159
28505
|
const option = optionPool.find((entry) => this.equalsOptionValue(entry, selectedValue));
|
|
28160
28506
|
if (option) {
|
|
28161
|
-
out.push(this.toVisualOption(option,
|
|
28507
|
+
out.push(this.toVisualOption(option, this.resolveOptionOrderIndex(option, optionPool), optionPool.length));
|
|
28162
28508
|
}
|
|
28163
28509
|
else {
|
|
28164
28510
|
out.push({
|
|
@@ -28166,7 +28512,7 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28166
28512
|
label: String(selectedValue ?? ''),
|
|
28167
28513
|
subtitle: '',
|
|
28168
28514
|
value: selectedValue,
|
|
28169
|
-
color: this.resolveFallbackColor(index),
|
|
28515
|
+
color: this.resolveFallbackColor(index, selectedValues.length),
|
|
28170
28516
|
weight: 1,
|
|
28171
28517
|
disabled: false,
|
|
28172
28518
|
selected: true,
|
|
@@ -28176,7 +28522,8 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28176
28522
|
return out;
|
|
28177
28523
|
}
|
|
28178
28524
|
pipelineSegments() {
|
|
28179
|
-
const
|
|
28525
|
+
const optionPool = this.options();
|
|
28526
|
+
const options = optionPool.map((option, index) => this.toVisualOption(option, index, optionPool.length));
|
|
28180
28527
|
if (!options.length)
|
|
28181
28528
|
return [];
|
|
28182
28529
|
const totalWeight = options.reduce((sum, item) => sum + item.weight, 0);
|
|
@@ -28198,6 +28545,24 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28198
28545
|
selected: option.selected,
|
|
28199
28546
|
}));
|
|
28200
28547
|
}
|
|
28548
|
+
pipelineGradientLowColor() {
|
|
28549
|
+
const md = this.metadata() || {};
|
|
28550
|
+
return this.resolveColorToken(md.pipelineGradientLowColor, md.pipelineToneLowColor) || '#64748b';
|
|
28551
|
+
}
|
|
28552
|
+
pipelineGradientMidColor() {
|
|
28553
|
+
const md = this.metadata() || {};
|
|
28554
|
+
return this.resolveColorToken(md.pipelineGradientMidColor, md.pipelineToneMidColor) || '#0ea5e9';
|
|
28555
|
+
}
|
|
28556
|
+
pipelineGradientHighColor() {
|
|
28557
|
+
const md = this.metadata() || {};
|
|
28558
|
+
return this.resolveColorToken(md.pipelineGradientHighColor, md.pipelineToneHighColor) || '#22c55e';
|
|
28559
|
+
}
|
|
28560
|
+
pipelineGradient() {
|
|
28561
|
+
const low = this.pipelineGradientLowColor();
|
|
28562
|
+
const mid = this.pipelineGradientMidColor();
|
|
28563
|
+
const high = this.pipelineGradientHighColor();
|
|
28564
|
+
return `linear-gradient(90deg, ${low} 0%, ${mid} 52%, ${high} 100%)`;
|
|
28565
|
+
}
|
|
28201
28566
|
pipelineBarAriaLabel() {
|
|
28202
28567
|
const label = this.placeholderText();
|
|
28203
28568
|
const selected = this.selectedVisualOptions();
|
|
@@ -28305,7 +28670,7 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28305
28670
|
isInteractionBlocked() {
|
|
28306
28671
|
return this.disabledMode || this.isReadonlyEffective() || this.presentationMode;
|
|
28307
28672
|
}
|
|
28308
|
-
toVisualOption(option, index) {
|
|
28673
|
+
toVisualOption(option, index, totalOptions = 0) {
|
|
28309
28674
|
const raw = option;
|
|
28310
28675
|
const subtitle = this.resolveOptionSubtitle(raw);
|
|
28311
28676
|
const weight = this.resolveOptionWeight(raw, subtitle);
|
|
@@ -28314,12 +28679,20 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28314
28679
|
label: String(option.label ?? raw.text ?? raw.name ?? raw.title ?? option.value ?? '').trim() || `Item ${index + 1}`,
|
|
28315
28680
|
subtitle,
|
|
28316
28681
|
value: option.value,
|
|
28317
|
-
color: this.resolveOptionColor(raw, index),
|
|
28682
|
+
color: this.resolveOptionColor(raw, index, totalOptions),
|
|
28318
28683
|
weight,
|
|
28319
28684
|
disabled: !!option.disabled,
|
|
28320
28685
|
selected: this.selectedValues().some((entry) => this.equalsOptionValue({ value: entry, label: '' }, option.value)),
|
|
28321
28686
|
};
|
|
28322
28687
|
}
|
|
28688
|
+
resolveOptionOrderIndex(option, optionPool) {
|
|
28689
|
+
const matchedIndex = optionPool.findIndex((entry) => this.equalsOptionValue(entry, option.value));
|
|
28690
|
+
if (matchedIndex >= 0) {
|
|
28691
|
+
return matchedIndex;
|
|
28692
|
+
}
|
|
28693
|
+
const fallback = optionPool.indexOf(option);
|
|
28694
|
+
return fallback >= 0 ? fallback : 0;
|
|
28695
|
+
}
|
|
28323
28696
|
resolveOptionSubtitle(raw) {
|
|
28324
28697
|
const md = this.metadata() || {};
|
|
28325
28698
|
const customKey = this.resolveMetadataKey(md.pipelineOptionSubtitleKey, md.optionSubtitleKey);
|
|
@@ -28358,7 +28731,7 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28358
28731
|
}
|
|
28359
28732
|
return 1;
|
|
28360
28733
|
}
|
|
28361
|
-
resolveOptionColor(raw, index) {
|
|
28734
|
+
resolveOptionColor(raw, index, totalOptions) {
|
|
28362
28735
|
const md = this.metadata() || {};
|
|
28363
28736
|
const customKey = this.resolveMetadataKey(md.pipelineOptionColorKey, md.optionColorKey);
|
|
28364
28737
|
if (customKey) {
|
|
@@ -28379,11 +28752,19 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28379
28752
|
if (palette.length) {
|
|
28380
28753
|
return palette[index % palette.length];
|
|
28381
28754
|
}
|
|
28382
|
-
return this.resolveFallbackColor(index);
|
|
28755
|
+
return this.resolveFallbackColor(index, totalOptions);
|
|
28383
28756
|
}
|
|
28384
|
-
resolveFallbackColor(index) {
|
|
28385
|
-
const
|
|
28386
|
-
return
|
|
28757
|
+
resolveFallbackColor(index, totalOptions = 0) {
|
|
28758
|
+
const normalizedTotal = Math.max(2, totalOptions);
|
|
28759
|
+
return this.pipelineGradientColorByIndex(index, normalizedTotal);
|
|
28760
|
+
}
|
|
28761
|
+
pipelineGradientColorByIndex(index, total) {
|
|
28762
|
+
const safeTotal = Math.max(2, total);
|
|
28763
|
+
const ratio = Math.max(0, Math.min(1, index / (safeTotal - 1)));
|
|
28764
|
+
return this.pipelineGradientColorByRatio(ratio);
|
|
28765
|
+
}
|
|
28766
|
+
pipelineGradientColorByRatio(ratio) {
|
|
28767
|
+
return interpolateThreeStopGradientColor(this.pipelineGradientLowColor(), this.pipelineGradientMidColor(), this.pipelineGradientHighColor(), ratio);
|
|
28387
28768
|
}
|
|
28388
28769
|
parseColorPalette(source) {
|
|
28389
28770
|
if (Array.isArray(source)) {
|
|
@@ -28464,6 +28845,15 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28464
28845
|
const text = String(value ?? '').trim();
|
|
28465
28846
|
return text.length ? text : null;
|
|
28466
28847
|
}
|
|
28848
|
+
resolveColorToken(...values) {
|
|
28849
|
+
for (const value of values) {
|
|
28850
|
+
const text = this.nonEmptyText(value);
|
|
28851
|
+
if (text) {
|
|
28852
|
+
return text;
|
|
28853
|
+
}
|
|
28854
|
+
}
|
|
28855
|
+
return null;
|
|
28856
|
+
}
|
|
28467
28857
|
mapRawOption(option, index) {
|
|
28468
28858
|
if (option && typeof option === 'object') {
|
|
28469
28859
|
const label = String(option.label ?? option.text ?? option.name ?? option.title ?? '').trim();
|
|
@@ -28590,8 +28980,8 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28590
28980
|
multipleMode() {
|
|
28591
28981
|
return this.multiple();
|
|
28592
28982
|
}
|
|
28593
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
28594
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
28983
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlinePipelineStatusComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
28984
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlinePipelineStatusComponent, isStandalone: true, selector: "pdx-filter-inline-pipeline-status", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()", "document:keydown.escape": "onDocumentEscape()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-pipeline-status-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
28595
28985
|
{
|
|
28596
28986
|
provide: NG_VALUE_ACCESSOR,
|
|
28597
28987
|
useExisting: forwardRef(() => FilterInlinePipelineStatusComponent),
|
|
@@ -28604,6 +28994,9 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28604
28994
|
[style.--pdx-inline-pipeline-max-w.px]="inlineMaxWidthPx || null"
|
|
28605
28995
|
[style.--pdx-inline-pipeline-panel-min-w.px]="panelMinWidthPx || null"
|
|
28606
28996
|
[style.--pdx-inline-pipeline-panel-max-w.px]="panelMaxWidthPx || null"
|
|
28997
|
+
[style.--pdx-inline-pipeline-gradient-low]="pipelineGradientLowColor()"
|
|
28998
|
+
[style.--pdx-inline-pipeline-gradient-mid]="pipelineGradientMidColor()"
|
|
28999
|
+
[style.--pdx-inline-pipeline-gradient-high]="pipelineGradientHighColor()"
|
|
28607
29000
|
[matTooltip]="inlineTooltipText()"
|
|
28608
29001
|
[matTooltipDisabled]="inlineTooltipDisabled()"
|
|
28609
29002
|
[matTooltipPosition]="tooltipPosition()"
|
|
@@ -28689,7 +29082,12 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28689
29082
|
</div>
|
|
28690
29083
|
|
|
28691
29084
|
@if (showPipelineBar() && pipelineSegments().length) {
|
|
28692
|
-
<div
|
|
29085
|
+
<div
|
|
29086
|
+
class="pdx-inline-pipeline-bar"
|
|
29087
|
+
role="img"
|
|
29088
|
+
[style.background]="pipelineGradient()"
|
|
29089
|
+
[attr.aria-label]="pipelineBarAriaLabel()"
|
|
29090
|
+
>
|
|
28693
29091
|
@for (segment of pipelineSegments(); track segment.id) {
|
|
28694
29092
|
<span
|
|
28695
29093
|
class="pdx-inline-pipeline-segment"
|
|
@@ -28792,7 +29190,7 @@ class FilterInlinePipelineStatusComponent extends SimpleBaseSelectComponent {
|
|
|
28792
29190
|
</div>
|
|
28793
29191
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-pipeline-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-pipeline-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-pipeline-min-w, 188px);max-width:min(var(--pdx-inline-pipeline-max-w, 420px),calc(100vw - 48px));padding:0 8px 0 0;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-pipeline-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-pipeline-chip.is-open{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-pipeline-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-pipeline-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-pipeline-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-pipeline-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-pipeline-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-pipeline-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-pipeline-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-pipeline-chip.is-active .pdx-inline-pipeline-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-pipeline-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-pipeline-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-pipeline-panel{width:min(var(--pdx-inline-pipeline-panel-max-w, 620px),calc(100vw - 24px));min-width:min(var(--pdx-inline-pipeline-panel-min-w, 340px),calc(100vw - 24px));max-width:min(var(--pdx-inline-pipeline-panel-max-w, 620px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-pipeline-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-pipeline-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-pipeline-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-pipeline-title{font-size:1rem;font-weight:600}.pdx-inline-pipeline-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-pipeline-bar{display:flex;align-items:center;overflow:hidden;min-height:22px;border-radius:999px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-inline-pipeline-segment{display:block;height:20px;opacity:.5;transition:opacity .12s ease,filter .12s ease}.pdx-inline-pipeline-segment.is-selected{opacity:1;filter:saturate(1.2)}.pdx-inline-pipeline-search-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:8px;min-height:38px;border-radius:10px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);padding:0 10px}.pdx-inline-pipeline-search-row mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-pipeline-search-input{border:0;outline:0;background:transparent;color:var(--md-sys-color-on-surface)}.pdx-inline-pipeline-actions{display:flex;gap:8px;flex-wrap:wrap}.pdx-inline-pipeline-action{min-height:30px;padding: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);cursor:pointer}.pdx-inline-pipeline-action:disabled{opacity:.56;cursor:default}.pdx-inline-pipeline-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pdx-inline-pipeline-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:8px;row-gap:2px;min-height:70px;text-align:left;border:1px solid var(--md-sys-color-outline-variant);border-radius:12px;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);padding:8px 10px;cursor:pointer}.pdx-inline-pipeline-card-dot{grid-column:1;grid-row:1;width:10px;height:10px;border-radius:50%}.pdx-inline-pipeline-card-label{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:600}.pdx-inline-pipeline-card-subtitle{grid-column:2;grid-row:2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-pipeline-card.is-selected{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-inline-pipeline-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-pipeline-card:disabled{opacity:.56;cursor:default}.pdx-inline-pipeline-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}.pdx-inline-pipeline-pills{display:flex;gap:8px;flex-wrap:wrap}.pdx-inline-pipeline-pill{min-height:28px;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);display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:.82rem}.pdx-inline-pipeline-pill-dot{width:8px;height:8px;border-radius:50%}@media(max-width:768px){.pdx-inline-pipeline-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-pipeline-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pdx-inline-pipeline-card{min-height:64px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { 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.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: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
28794
29192
|
}
|
|
28795
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
29193
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlinePipelineStatusComponent, decorators: [{
|
|
28796
29194
|
type: Component,
|
|
28797
29195
|
args: [{ selector: 'pdx-filter-inline-pipeline-status', standalone: true, imports: [
|
|
28798
29196
|
CommonModule,
|
|
@@ -28809,6 +29207,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
28809
29207
|
[style.--pdx-inline-pipeline-max-w.px]="inlineMaxWidthPx || null"
|
|
28810
29208
|
[style.--pdx-inline-pipeline-panel-min-w.px]="panelMinWidthPx || null"
|
|
28811
29209
|
[style.--pdx-inline-pipeline-panel-max-w.px]="panelMaxWidthPx || null"
|
|
29210
|
+
[style.--pdx-inline-pipeline-gradient-low]="pipelineGradientLowColor()"
|
|
29211
|
+
[style.--pdx-inline-pipeline-gradient-mid]="pipelineGradientMidColor()"
|
|
29212
|
+
[style.--pdx-inline-pipeline-gradient-high]="pipelineGradientHighColor()"
|
|
28812
29213
|
[matTooltip]="inlineTooltipText()"
|
|
28813
29214
|
[matTooltipDisabled]="inlineTooltipDisabled()"
|
|
28814
29215
|
[matTooltipPosition]="tooltipPosition()"
|
|
@@ -28894,7 +29295,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
28894
29295
|
</div>
|
|
28895
29296
|
|
|
28896
29297
|
@if (showPipelineBar() && pipelineSegments().length) {
|
|
28897
|
-
<div
|
|
29298
|
+
<div
|
|
29299
|
+
class="pdx-inline-pipeline-bar"
|
|
29300
|
+
role="img"
|
|
29301
|
+
[style.background]="pipelineGradient()"
|
|
29302
|
+
[attr.aria-label]="pipelineBarAriaLabel()"
|
|
29303
|
+
>
|
|
28898
29304
|
@for (segment of pipelineSegments(); track segment.id) {
|
|
28899
29305
|
<span
|
|
28900
29306
|
class="pdx-inline-pipeline-segment"
|
|
@@ -29161,15 +29567,15 @@ class FilterInlineScorePriorityComponent extends FilterInlineRangeSliderComponen
|
|
|
29161
29567
|
const visual = [];
|
|
29162
29568
|
if (hasExplicitRanges) {
|
|
29163
29569
|
rawBands
|
|
29164
|
-
.map((band
|
|
29570
|
+
.map((band) => {
|
|
29165
29571
|
const start = this.scoreClampValue(this.scoreToFiniteNumber(band.start ?? band.from ?? band.min ?? band.valueStart) ?? min);
|
|
29166
29572
|
const end = this.scoreClampValue(this.scoreToFiniteNumber(band.end ?? band.to ?? band.max ?? band.valueEnd) ?? max);
|
|
29167
|
-
return { band,
|
|
29573
|
+
return { band, start: Math.min(start, end), end: Math.max(start, end) };
|
|
29168
29574
|
})
|
|
29169
29575
|
.sort((a, b) => a.start - b.start)
|
|
29170
|
-
.forEach(({ band,
|
|
29576
|
+
.forEach(({ band, start, end }, sortedIndex) => {
|
|
29171
29577
|
const safeEnd = end === start ? this.scoreClampValue(start + this.stepValue()) : end;
|
|
29172
|
-
visual.push(this.scoreBuildBandVisual(band,
|
|
29578
|
+
visual.push(this.scoreBuildBandVisual(band, sortedIndex, start, Math.max(start, safeEnd), min, max, rawBands.length));
|
|
29173
29579
|
});
|
|
29174
29580
|
}
|
|
29175
29581
|
else {
|
|
@@ -29179,7 +29585,7 @@ class FilterInlineScorePriorityComponent extends FilterInlineRangeSliderComponen
|
|
|
29179
29585
|
const end = index === rawBands.length - 1
|
|
29180
29586
|
? max
|
|
29181
29587
|
: min + (span * (index + 1)) / rawBands.length;
|
|
29182
|
-
visual.push(this.scoreBuildBandVisual(band, index, start, end, min, max));
|
|
29588
|
+
visual.push(this.scoreBuildBandVisual(band, index, start, end, min, max, rawBands.length));
|
|
29183
29589
|
});
|
|
29184
29590
|
}
|
|
29185
29591
|
return visual;
|
|
@@ -29189,7 +29595,10 @@ class FilterInlineScorePriorityComponent extends FilterInlineRangeSliderComponen
|
|
|
29189
29595
|
if (!bands.length) {
|
|
29190
29596
|
const md = this.metadata() || {};
|
|
29191
29597
|
const fallback = String(md.scoreEmptyGradient ?? md.priorityEmptyGradient ?? '').trim();
|
|
29192
|
-
|
|
29598
|
+
if (fallback.length) {
|
|
29599
|
+
return fallback;
|
|
29600
|
+
}
|
|
29601
|
+
return `linear-gradient(90deg, ${this.scoreGradientLowColor()} 0%, ${this.scoreGradientMidColor()} 50%, ${this.scoreGradientHighColor()} 100%)`;
|
|
29193
29602
|
}
|
|
29194
29603
|
return `linear-gradient(90deg, ${bands
|
|
29195
29604
|
.map((band) => `${band.color} ${band.startPct.toFixed(2)}%, ${band.color} ${band.endPct.toFixed(2)}%`)
|
|
@@ -29376,7 +29785,7 @@ class FilterInlineScorePriorityComponent extends FilterInlineRangeSliderComponen
|
|
|
29376
29785
|
}
|
|
29377
29786
|
return { start, end };
|
|
29378
29787
|
}
|
|
29379
|
-
scoreBuildBandVisual(rawBand, index, start, end, min, max) {
|
|
29788
|
+
scoreBuildBandVisual(rawBand, index, start, end, min, max, totalBands) {
|
|
29380
29789
|
const safeStart = this.scoreClampValue(start);
|
|
29381
29790
|
const safeEnd = this.scoreClampValue(end);
|
|
29382
29791
|
const label = String(rawBand.label ?? rawBand.name ?? rawBand.title ?? '').trim() ||
|
|
@@ -29384,7 +29793,7 @@ class FilterInlineScorePriorityComponent extends FilterInlineRangeSliderComponen
|
|
|
29384
29793
|
const id = String(rawBand.id ?? rawBand.key ?? label.toLowerCase().replace(/\s+/g, '-')).trim() ||
|
|
29385
29794
|
`score-band-${index}`;
|
|
29386
29795
|
const color = String(rawBand.color ?? rawBand.toneColor ?? rawBand.backgroundColor ?? '').trim() ||
|
|
29387
|
-
this.scoreFallbackColor(index);
|
|
29796
|
+
this.scoreFallbackColor(index, totalBands);
|
|
29388
29797
|
const startPct = this.scoreRangeToPct(safeStart, min, max);
|
|
29389
29798
|
const endPct = this.scoreRangeToPct(safeEnd, min, max);
|
|
29390
29799
|
return {
|
|
@@ -29398,13 +29807,13 @@ class FilterInlineScorePriorityComponent extends FilterInlineRangeSliderComponen
|
|
|
29398
29807
|
centerPct: (startPct + endPct) / 2,
|
|
29399
29808
|
};
|
|
29400
29809
|
}
|
|
29401
|
-
scoreFallbackColor(index) {
|
|
29810
|
+
scoreFallbackColor(index, totalBands = 0) {
|
|
29402
29811
|
const md = this.metadata() || {};
|
|
29403
29812
|
const configured = this.parseColorList(md.scorePalette ?? md.priorityPalette ?? md.palette);
|
|
29404
|
-
|
|
29405
|
-
|
|
29406
|
-
|
|
29407
|
-
return
|
|
29813
|
+
if (configured.length) {
|
|
29814
|
+
return configured[index % configured.length];
|
|
29815
|
+
}
|
|
29816
|
+
return this.scoreGradientColorByIndex(index, Math.max(2, totalBands));
|
|
29408
29817
|
}
|
|
29409
29818
|
scoreParseBandsSource(source) {
|
|
29410
29819
|
if (Array.isArray(source)) {
|
|
@@ -29514,7 +29923,27 @@ class FilterInlineScorePriorityComponent extends FilterInlineRangeSliderComponen
|
|
|
29514
29923
|
scoreSelectedFallbackColor() {
|
|
29515
29924
|
const md = this.metadata() || {};
|
|
29516
29925
|
const configured = String(md.scoreValueFallbackColor ?? md.priorityValueFallbackColor ?? '').trim();
|
|
29517
|
-
return configured ||
|
|
29926
|
+
return configured || this.scoreGradientMidColor();
|
|
29927
|
+
}
|
|
29928
|
+
scoreGradientLowColor() {
|
|
29929
|
+
const md = this.metadata() || {};
|
|
29930
|
+
return this.resolveColorToken(md.scoreGradientLowColor, md.priorityGradientLowColor, md.scoreToneLowColor, md.priorityToneLowColor) || '#16a34a';
|
|
29931
|
+
}
|
|
29932
|
+
scoreGradientMidColor() {
|
|
29933
|
+
const md = this.metadata() || {};
|
|
29934
|
+
return this.resolveColorToken(md.scoreGradientMidColor, md.priorityGradientMidColor, md.scoreToneMidColor, md.priorityToneMidColor) || '#f59e0b';
|
|
29935
|
+
}
|
|
29936
|
+
scoreGradientHighColor() {
|
|
29937
|
+
const md = this.metadata() || {};
|
|
29938
|
+
return this.resolveColorToken(md.scoreGradientHighColor, md.priorityGradientHighColor, md.scoreToneHighColor, md.priorityToneHighColor) || '#ef4444';
|
|
29939
|
+
}
|
|
29940
|
+
scoreGradientColorByIndex(index, total) {
|
|
29941
|
+
const safeTotal = Math.max(2, total);
|
|
29942
|
+
const ratio = safeTotal <= 1 ? 0 : index / (safeTotal - 1);
|
|
29943
|
+
return this.scoreGradientColorByRatio(ratio);
|
|
29944
|
+
}
|
|
29945
|
+
scoreGradientColorByRatio(ratio) {
|
|
29946
|
+
return interpolateThreeStopGradientColor(this.scoreGradientLowColor(), this.scoreGradientMidColor(), this.scoreGradientHighColor(), ratio);
|
|
29518
29947
|
}
|
|
29519
29948
|
resolveScoreText(configKey, fallback, ...legacyKeys) {
|
|
29520
29949
|
const md = this.metadata() || {};
|
|
@@ -29591,6 +30020,15 @@ class FilterInlineScorePriorityComponent extends FilterInlineRangeSliderComponen
|
|
|
29591
30020
|
const text = String(value ?? '').trim();
|
|
29592
30021
|
return text.length ? text : null;
|
|
29593
30022
|
}
|
|
30023
|
+
resolveColorToken(...values) {
|
|
30024
|
+
for (const value of values) {
|
|
30025
|
+
const text = String(value ?? '').trim();
|
|
30026
|
+
if (text.length) {
|
|
30027
|
+
return text;
|
|
30028
|
+
}
|
|
30029
|
+
}
|
|
30030
|
+
return null;
|
|
30031
|
+
}
|
|
29594
30032
|
scoreRecalculateInlineSizeBounds() {
|
|
29595
30033
|
const viewportWidth = typeof window !== 'undefined' ? window.innerWidth : 1280;
|
|
29596
30034
|
const isMobile = viewportWidth <= 768;
|
|
@@ -29645,8 +30083,8 @@ class FilterInlineScorePriorityComponent extends FilterInlineRangeSliderComponen
|
|
|
29645
30083
|
}
|
|
29646
30084
|
return { min, max, panelMin, panelMax };
|
|
29647
30085
|
}
|
|
29648
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
29649
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
30086
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineScorePriorityComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
30087
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineScorePriorityComponent, isStandalone: true, selector: "pdx-filter-inline-score-priority", host: { listeners: { "window:resize": "onViewportResize()", "document:keydown.escape": "onDocumentEscape()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-score-priority-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
29650
30088
|
{
|
|
29651
30089
|
provide: NG_VALUE_ACCESSOR,
|
|
29652
30090
|
useExisting: forwardRef(() => FilterInlineScorePriorityComponent),
|
|
@@ -29857,7 +30295,7 @@ class FilterInlineScorePriorityComponent extends FilterInlineRangeSliderComponen
|
|
|
29857
30295
|
</div>
|
|
29858
30296
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-score-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-score-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-score-min-w, 182px);max-width:min(var(--pdx-inline-score-max-w, 340px),calc(100vw - 48px));padding:0 8px 0 0;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-score-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-score-chip.is-open{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-score-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-score-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-score-icon{width:18px;height:18px;font-size:18px}.pdx-inline-score-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-score-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer}.pdx-inline-score-chip.is-active .pdx-inline-score-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-score-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-score-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-score-panel{width:min(var(--pdx-inline-score-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-score-panel-min-w, 300px),calc(100vw - 24px));max-width:min(var(--pdx-inline-score-panel-max-w, 560px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-score-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-score-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-score-title{font-size:1rem;font-weight:600}.pdx-inline-score-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-score-track-shell{display:grid;gap:8px}.pdx-inline-score-track{position:relative;min-height:34px;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 72%,transparent);overflow:hidden}.pdx-inline-score-marker{position:absolute;top:0;bottom:0;width:3px;background:var(--md-sys-color-on-surface);transform:translate(-50%);box-shadow:0 0 0 1px color-mix(in srgb,white 40%,transparent)}.pdx-inline-score-labels{position:relative;min-height:18px}.pdx-inline-score-label{position:absolute;transform:translate(-50%);font-size:.75rem;font-weight:600;white-space:nowrap}.pdx-inline-score-values{display:inline-flex;align-items:center;justify-content:center;gap:10px}.pdx-inline-score-value-block{display:inline-grid;gap:2px;justify-items:center}.pdx-inline-score-value-block strong{font-size:1.7rem;line-height:1}.pdx-inline-score-value-block small{font-size:.76rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-score-separator{color:var(--md-sys-color-outline);font-weight:600}.pdx-inline-score-unit{font-size:.86rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-score-slider-wrap{padding-top:2px}.pdx-inline-score-slider{width:100%}.pdx-inline-score-edges{display:flex;justify-content:space-between;color:var(--md-sys-color-on-surface-variant);font-size:.82rem}.pdx-inline-score-chips{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-score-chip-btn{border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-radius:999px;min-height:30px;padding:0 10px;display:inline-flex;align-items:center;gap:6px;cursor:pointer}.pdx-inline-score-chip-btn.is-active{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 80%,transparent);color:var(--md-sys-color-on-primary-container)}.pdx-inline-score-chip-btn:disabled{opacity:.56;cursor:default}.pdx-inline-score-chip-dot{width:8px;height:8px;border-radius:50%}@media(max-width:768px){.pdx-inline-score-panel{min-width:min(288px,calc(100vw - 24px));padding:12px}.pdx-inline-score-value-block strong{font-size:1.45rem}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { 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.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "directive", type: i3$1.MatSliderRangeThumb, selector: "input[matSliderStartThumb], input[matSliderEndThumb]", exportAs: ["matSliderRangeThumb"] }, { 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"] }] });
|
|
29859
30297
|
}
|
|
29860
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
30298
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineScorePriorityComponent, decorators: [{
|
|
29861
30299
|
type: Component,
|
|
29862
30300
|
args: [{ selector: 'pdx-filter-inline-score-priority', standalone: true, imports: [
|
|
29863
30301
|
CommonModule,
|
|
@@ -30309,6 +30747,24 @@ class FilterInlineRelativePeriodComponent extends SimpleBaseSelectComponent {
|
|
|
30309
30747
|
const percent = Math.round(this.progressPercent());
|
|
30310
30748
|
return `${this.placeholderText()}: ${percent}%`;
|
|
30311
30749
|
}
|
|
30750
|
+
progressGradientLowColor() {
|
|
30751
|
+
const md = this.metadata() || {};
|
|
30752
|
+
return this.resolveColorToken(md.relativePeriodProgressGradientLowColor, md.relativePeriodProgressLowColor) || '#64748b';
|
|
30753
|
+
}
|
|
30754
|
+
progressGradientMidColor() {
|
|
30755
|
+
const md = this.metadata() || {};
|
|
30756
|
+
return this.resolveColorToken(md.relativePeriodProgressGradientMidColor, md.relativePeriodProgressMidColor) || '#0ea5e9';
|
|
30757
|
+
}
|
|
30758
|
+
progressGradientHighColor() {
|
|
30759
|
+
const md = this.metadata() || {};
|
|
30760
|
+
return this.resolveColorToken(md.relativePeriodProgressGradientHighColor, md.relativePeriodProgressHighColor) || '#22c55e';
|
|
30761
|
+
}
|
|
30762
|
+
progressGradient() {
|
|
30763
|
+
const low = this.progressGradientLowColor();
|
|
30764
|
+
const mid = this.progressGradientMidColor();
|
|
30765
|
+
const high = this.progressGradientHighColor();
|
|
30766
|
+
return `linear-gradient(90deg, ${low} 0%, ${mid} 50%, ${high} 100%)`;
|
|
30767
|
+
}
|
|
30312
30768
|
cardColumns() {
|
|
30313
30769
|
const md = this.metadata() || {};
|
|
30314
30770
|
const configured = Number(md.relativePeriodColumns ?? md.columns);
|
|
@@ -30549,6 +31005,15 @@ class FilterInlineRelativePeriodComponent extends SimpleBaseSelectComponent {
|
|
|
30549
31005
|
const text = String(value ?? '').trim();
|
|
30550
31006
|
return text.length ? text : null;
|
|
30551
31007
|
}
|
|
31008
|
+
resolveColorToken(...values) {
|
|
31009
|
+
for (const value of values) {
|
|
31010
|
+
const text = String(value ?? '').trim();
|
|
31011
|
+
if (text.length) {
|
|
31012
|
+
return text;
|
|
31013
|
+
}
|
|
31014
|
+
}
|
|
31015
|
+
return null;
|
|
31016
|
+
}
|
|
30552
31017
|
mapRawOption(option, index) {
|
|
30553
31018
|
if (option && typeof option === 'object') {
|
|
30554
31019
|
const label = String(option.label ?? option.text ?? option.name ?? option.title ?? '').trim();
|
|
@@ -30668,8 +31133,8 @@ class FilterInlineRelativePeriodComponent extends SimpleBaseSelectComponent {
|
|
|
30668
31133
|
multipleMode() {
|
|
30669
31134
|
return this.multiple();
|
|
30670
31135
|
}
|
|
30671
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
30672
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
31136
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineRelativePeriodComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
31137
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineRelativePeriodComponent, isStandalone: true, selector: "pdx-filter-inline-relative-period", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()", "document:keydown.escape": "onDocumentEscape()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-relative-period-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
30673
31138
|
{
|
|
30674
31139
|
provide: NG_VALUE_ACCESSOR,
|
|
30675
31140
|
useExisting: forwardRef(() => FilterInlineRelativePeriodComponent),
|
|
@@ -30682,6 +31147,9 @@ class FilterInlineRelativePeriodComponent extends SimpleBaseSelectComponent {
|
|
|
30682
31147
|
[style.--pdx-inline-relative-max-w.px]="inlineMaxWidthPx || null"
|
|
30683
31148
|
[style.--pdx-inline-relative-panel-min-w.px]="panelMinWidthPx || null"
|
|
30684
31149
|
[style.--pdx-inline-relative-panel-max-w.px]="panelMaxWidthPx || null"
|
|
31150
|
+
[style.--pdx-inline-relative-progress-gradient-low]="progressGradientLowColor()"
|
|
31151
|
+
[style.--pdx-inline-relative-progress-gradient-mid]="progressGradientMidColor()"
|
|
31152
|
+
[style.--pdx-inline-relative-progress-gradient-high]="progressGradientHighColor()"
|
|
30685
31153
|
[matTooltip]="inlineTooltipText()"
|
|
30686
31154
|
[matTooltipDisabled]="inlineTooltipDisabled()"
|
|
30687
31155
|
[matTooltipPosition]="tooltipPosition()"
|
|
@@ -30769,7 +31237,11 @@ class FilterInlineRelativePeriodComponent extends SimpleBaseSelectComponent {
|
|
|
30769
31237
|
@if (showProgressBar()) {
|
|
30770
31238
|
<div class="pdx-inline-relative-progress" role="img" [attr.aria-label]="progressAriaLabel()">
|
|
30771
31239
|
<span class="pdx-inline-relative-progress-track">
|
|
30772
|
-
<span
|
|
31240
|
+
<span
|
|
31241
|
+
class="pdx-inline-relative-progress-fill"
|
|
31242
|
+
[style.width.%]="progressPercent()"
|
|
31243
|
+
[style.background]="progressGradient()"
|
|
31244
|
+
></span>
|
|
30773
31245
|
</span>
|
|
30774
31246
|
<div class="pdx-inline-relative-progress-labels" aria-hidden="true">
|
|
30775
31247
|
<span>{{ progressStartLabel() }}</span>
|
|
@@ -30825,7 +31297,7 @@ class FilterInlineRelativePeriodComponent extends SimpleBaseSelectComponent {
|
|
|
30825
31297
|
</div>
|
|
30826
31298
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-relative-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-relative-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-relative-min-w, 186px);max-width:min(var(--pdx-inline-relative-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-relative-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-relative-chip.is-open{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-relative-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-relative-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-relative-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-relative-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-relative-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-relative-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-relative-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-relative-chip.is-active .pdx-inline-relative-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-relative-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-relative-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-relative-panel{width:min(var(--pdx-inline-relative-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-relative-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-relative-panel-max-w, 560px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-relative-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-relative-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-relative-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-relative-title{font-size:1rem;font-weight:600}.pdx-inline-relative-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-relative-progress{display:grid;gap:6px}.pdx-inline-relative-progress-track{display:block;height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--md-sys-color-outline-variant) 34%,transparent)}.pdx-inline-relative-progress-fill{display:block;height:100%;border-radius:inherit;background:var(--md-sys-color-primary);transition:width .18s ease}.pdx-inline-relative-progress-labels{display:flex;justify-content:space-between;gap:10px;color:var(--md-sys-color-on-surface-variant);font-size:.76rem}.pdx-inline-relative-grid{display:grid;grid-template-columns:repeat(var(--pdx-inline-relative-grid-columns, 2),minmax(0,1fr));gap:10px}.pdx-inline-relative-card{position:relative;min-height:48px;border-radius:12px;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);text-align:left;padding:10px 12px;display:grid;gap:4px;cursor:pointer}.pdx-inline-relative-card-main{display:inline-flex;align-items:center;gap:8px;min-width:0}.pdx-inline-relative-card-main mat-icon{width:18px;height:18px;font-size:18px;color:var(--md-sys-color-primary)}.pdx-inline-relative-card-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;font-weight:600}.pdx-inline-relative-card-subtitle{font-size:.78rem;line-height:1.2;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-relative-card-check{position:absolute;top:8px;right:8px;width:16px;height:16px;font-size:16px}.pdx-inline-relative-card.is-selected{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-inline-relative-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-relative-card:disabled{opacity:.56;cursor:default}.pdx-inline-relative-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}@media(max-width:768px){.pdx-inline-relative-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-relative-grid{grid-template-columns:repeat(1,minmax(0,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { 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"] }] });
|
|
30827
31299
|
}
|
|
30828
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
31300
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineRelativePeriodComponent, decorators: [{
|
|
30829
31301
|
type: Component,
|
|
30830
31302
|
args: [{ selector: 'pdx-filter-inline-relative-period', standalone: true, imports: [
|
|
30831
31303
|
CommonModule,
|
|
@@ -30841,6 +31313,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
30841
31313
|
[style.--pdx-inline-relative-max-w.px]="inlineMaxWidthPx || null"
|
|
30842
31314
|
[style.--pdx-inline-relative-panel-min-w.px]="panelMinWidthPx || null"
|
|
30843
31315
|
[style.--pdx-inline-relative-panel-max-w.px]="panelMaxWidthPx || null"
|
|
31316
|
+
[style.--pdx-inline-relative-progress-gradient-low]="progressGradientLowColor()"
|
|
31317
|
+
[style.--pdx-inline-relative-progress-gradient-mid]="progressGradientMidColor()"
|
|
31318
|
+
[style.--pdx-inline-relative-progress-gradient-high]="progressGradientHighColor()"
|
|
30844
31319
|
[matTooltip]="inlineTooltipText()"
|
|
30845
31320
|
[matTooltipDisabled]="inlineTooltipDisabled()"
|
|
30846
31321
|
[matTooltipPosition]="tooltipPosition()"
|
|
@@ -30928,7 +31403,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
30928
31403
|
@if (showProgressBar()) {
|
|
30929
31404
|
<div class="pdx-inline-relative-progress" role="img" [attr.aria-label]="progressAriaLabel()">
|
|
30930
31405
|
<span class="pdx-inline-relative-progress-track">
|
|
30931
|
-
<span
|
|
31406
|
+
<span
|
|
31407
|
+
class="pdx-inline-relative-progress-fill"
|
|
31408
|
+
[style.width.%]="progressPercent()"
|
|
31409
|
+
[style.background]="progressGradient()"
|
|
31410
|
+
></span>
|
|
30932
31411
|
</span>
|
|
30933
31412
|
<div class="pdx-inline-relative-progress-labels" aria-hidden="true">
|
|
30934
31413
|
<span>{{ progressStartLabel() }}</span>
|
|
@@ -31203,7 +31682,8 @@ class FilterInlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
31203
31682
|
return `${option.label}. ${option.subtitle}`;
|
|
31204
31683
|
}
|
|
31205
31684
|
sentimentOptions() {
|
|
31206
|
-
|
|
31685
|
+
const optionPool = this.options();
|
|
31686
|
+
return optionPool.map((option, index) => this.toVisualOption(option, index, optionPool.length));
|
|
31207
31687
|
}
|
|
31208
31688
|
selectedOptions() {
|
|
31209
31689
|
return this.sentimentOptions().filter((option) => option.selected);
|
|
@@ -31298,7 +31778,7 @@ class FilterInlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
31298
31778
|
return null;
|
|
31299
31779
|
}
|
|
31300
31780
|
}
|
|
31301
|
-
toVisualOption(option, index) {
|
|
31781
|
+
toVisualOption(option, index, totalOptions = 0) {
|
|
31302
31782
|
const raw = option;
|
|
31303
31783
|
return {
|
|
31304
31784
|
id: String(raw.id ?? raw.key ?? `sentiment-option-${index}`),
|
|
@@ -31306,7 +31786,7 @@ class FilterInlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
31306
31786
|
`Opcao ${index + 1}`,
|
|
31307
31787
|
subtitle: String(raw.subtitle ?? raw.description ?? '').trim(),
|
|
31308
31788
|
emoji: this.resolveOptionEmoji(raw),
|
|
31309
|
-
color: this.resolveOptionColor(raw, index),
|
|
31789
|
+
color: this.resolveOptionColor(raw, index, totalOptions),
|
|
31310
31790
|
value: option.value,
|
|
31311
31791
|
disabled: !!option.disabled,
|
|
31312
31792
|
selected: this.selectedValues().some((entry) => this.equalsOptionValue(entry, option.value)),
|
|
@@ -31324,7 +31804,7 @@ class FilterInlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
31324
31804
|
const fallback = String(raw.emoji ?? raw.iconText ?? '').trim();
|
|
31325
31805
|
return fallback || '🙂';
|
|
31326
31806
|
}
|
|
31327
|
-
resolveOptionColor(raw, index) {
|
|
31807
|
+
resolveOptionColor(raw, index, totalOptions = 0) {
|
|
31328
31808
|
const md = this.metadata() || {};
|
|
31329
31809
|
const customKey = this.resolveMetadataKey(md.sentimentColorKey, md.optionColorKey);
|
|
31330
31810
|
if (customKey) {
|
|
@@ -31341,8 +31821,15 @@ class FilterInlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
31341
31821
|
if (palette.length) {
|
|
31342
31822
|
return palette[index % palette.length];
|
|
31343
31823
|
}
|
|
31344
|
-
|
|
31345
|
-
|
|
31824
|
+
return this.sentimentGradientColorByIndex(index, Math.max(2, totalOptions));
|
|
31825
|
+
}
|
|
31826
|
+
sentimentGradientColorByIndex(index, totalOptions) {
|
|
31827
|
+
const safeTotal = Math.max(2, totalOptions);
|
|
31828
|
+
const ratio = safeTotal <= 1 ? 0 : index / (safeTotal - 1);
|
|
31829
|
+
return this.sentimentGradientColorByRatio(ratio);
|
|
31830
|
+
}
|
|
31831
|
+
sentimentGradientColorByRatio(ratio) {
|
|
31832
|
+
return interpolateThreeStopGradientColor(this.sentimentGradientLowColor(), this.sentimentGradientMidColor(), this.sentimentGradientHighColor(), ratio);
|
|
31346
31833
|
}
|
|
31347
31834
|
parseColorList(source) {
|
|
31348
31835
|
if (Array.isArray(source)) {
|
|
@@ -31451,6 +31938,15 @@ class FilterInlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
31451
31938
|
const text = String(value ?? '').trim();
|
|
31452
31939
|
return text.length ? text : null;
|
|
31453
31940
|
}
|
|
31941
|
+
resolveColorToken(...values) {
|
|
31942
|
+
for (const value of values) {
|
|
31943
|
+
const text = String(value ?? '').trim();
|
|
31944
|
+
if (text.length) {
|
|
31945
|
+
return text;
|
|
31946
|
+
}
|
|
31947
|
+
}
|
|
31948
|
+
return null;
|
|
31949
|
+
}
|
|
31454
31950
|
mapRawOption(option, index) {
|
|
31455
31951
|
if (option && typeof option === 'object') {
|
|
31456
31952
|
const label = String(option.label ?? option.text ?? option.name ?? option.title ?? '').trim();
|
|
@@ -31570,8 +32066,26 @@ class FilterInlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
31570
32066
|
multipleMode() {
|
|
31571
32067
|
return this.multiple();
|
|
31572
32068
|
}
|
|
31573
|
-
|
|
31574
|
-
|
|
32069
|
+
sentimentGradientLowColor() {
|
|
32070
|
+
const md = this.metadata() || {};
|
|
32071
|
+
return this.resolveColorToken(md.sentimentGradientLowColor, md.sentimentToneLowColor) || '#ef4444';
|
|
32072
|
+
}
|
|
32073
|
+
sentimentGradientMidColor() {
|
|
32074
|
+
const md = this.metadata() || {};
|
|
32075
|
+
return this.resolveColorToken(md.sentimentGradientMidColor, md.sentimentToneMidColor) || '#f59e0b';
|
|
32076
|
+
}
|
|
32077
|
+
sentimentGradientHighColor() {
|
|
32078
|
+
const md = this.metadata() || {};
|
|
32079
|
+
return this.resolveColorToken(md.sentimentGradientHighColor, md.sentimentToneHighColor) || '#22c55e';
|
|
32080
|
+
}
|
|
32081
|
+
sentimentGradient() {
|
|
32082
|
+
const low = this.sentimentGradientLowColor();
|
|
32083
|
+
const mid = this.sentimentGradientMidColor();
|
|
32084
|
+
const high = this.sentimentGradientHighColor();
|
|
32085
|
+
return `linear-gradient(90deg, ${low} 0%, ${mid} 50%, ${high} 100%)`;
|
|
32086
|
+
}
|
|
32087
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineSentimentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
32088
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineSentimentComponent, isStandalone: true, selector: "pdx-filter-inline-sentiment", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()", "document:keydown.escape": "onDocumentEscape()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-sentiment-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
31575
32089
|
{
|
|
31576
32090
|
provide: NG_VALUE_ACCESSOR,
|
|
31577
32091
|
useExisting: forwardRef(() => FilterInlineSentimentComponent),
|
|
@@ -31584,6 +32098,9 @@ class FilterInlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
31584
32098
|
[style.--pdx-inline-sentiment-max-w.px]="inlineMaxWidthPx || null"
|
|
31585
32099
|
[style.--pdx-inline-sentiment-panel-min-w.px]="panelMinWidthPx || null"
|
|
31586
32100
|
[style.--pdx-inline-sentiment-panel-max-w.px]="panelMaxWidthPx || null"
|
|
32101
|
+
[style.--pdx-inline-sentiment-gradient-low]="sentimentGradientLowColor()"
|
|
32102
|
+
[style.--pdx-inline-sentiment-gradient-mid]="sentimentGradientMidColor()"
|
|
32103
|
+
[style.--pdx-inline-sentiment-gradient-high]="sentimentGradientHighColor()"
|
|
31587
32104
|
[matTooltip]="inlineTooltipText()"
|
|
31588
32105
|
[matTooltipDisabled]="inlineTooltipDisabled()"
|
|
31589
32106
|
[matTooltipPosition]="tooltipPosition()"
|
|
@@ -31669,7 +32186,12 @@ class FilterInlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
31669
32186
|
</div>
|
|
31670
32187
|
|
|
31671
32188
|
@if (showSentimentBar() && sentimentOptions().length) {
|
|
31672
|
-
<div
|
|
32189
|
+
<div
|
|
32190
|
+
class="pdx-inline-sentiment-bar"
|
|
32191
|
+
role="img"
|
|
32192
|
+
[style.background]="sentimentGradient()"
|
|
32193
|
+
[attr.aria-label]="sentimentBarAriaLabel()"
|
|
32194
|
+
>
|
|
31673
32195
|
@for (option of sentimentOptions(); track option.id) {
|
|
31674
32196
|
<span
|
|
31675
32197
|
class="pdx-inline-sentiment-segment"
|
|
@@ -31722,7 +32244,7 @@ class FilterInlineSentimentComponent extends SimpleBaseSelectComponent {
|
|
|
31722
32244
|
</div>
|
|
31723
32245
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-sentiment-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-sentiment-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-sentiment-min-w, 186px);max-width:min(var(--pdx-inline-sentiment-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-sentiment-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-sentiment-chip.is-open{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-sentiment-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-sentiment-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-sentiment-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-sentiment-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-sentiment-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-sentiment-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-sentiment-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-sentiment-chip.is-active .pdx-inline-sentiment-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-sentiment-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-sentiment-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-sentiment-panel{width:min(var(--pdx-inline-sentiment-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-sentiment-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-sentiment-panel-max-w, 560px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-sentiment-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-sentiment-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-sentiment-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-sentiment-title{font-size:1rem;font-weight:600}.pdx-inline-sentiment-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-sentiment-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;min-height:30px;border-radius:999px;overflow:hidden;border:1px solid var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.pdx-inline-sentiment-segment{display:block;opacity:.58;transition:opacity .12s ease,filter .12s ease}.pdx-inline-sentiment-segment.is-selected{opacity:1;filter:saturate(1.2)}.pdx-inline-sentiment-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.pdx-inline-sentiment-card{min-height:84px;border-radius:12px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:grid;justify-items:center;align-content:center;gap:4px;padding:8px;cursor:pointer}.pdx-inline-sentiment-emoji{font-size:1.8rem;line-height:1}.pdx-inline-sentiment-card.with-motion .pdx-inline-sentiment-emoji{transition:transform .14s ease}.pdx-inline-sentiment-card.with-motion:hover .pdx-inline-sentiment-emoji,.pdx-inline-sentiment-card.with-motion.is-selected .pdx-inline-sentiment-emoji{transform:translateY(-1px) scale(1.08)}.pdx-inline-sentiment-label{font-size:.88rem;font-weight:600}.pdx-inline-sentiment-sub{font-size:.74rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-sentiment-card.is-selected{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-inline-sentiment-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-sentiment-card:disabled{opacity:.56;cursor:default}.pdx-inline-sentiment-pills{display:flex;flex-wrap:wrap;gap:8px}.pdx-inline-sentiment-pill{min-height:28px;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);display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:.82rem}.pdx-inline-sentiment-pill-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-sentiment-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}@media(max-width:768px){.pdx-inline-sentiment-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-sentiment-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { 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"] }] });
|
|
31724
32246
|
}
|
|
31725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
32247
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineSentimentComponent, decorators: [{
|
|
31726
32248
|
type: Component,
|
|
31727
32249
|
args: [{ selector: 'pdx-filter-inline-sentiment', standalone: true, imports: [
|
|
31728
32250
|
CommonModule,
|
|
@@ -31738,6 +32260,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
31738
32260
|
[style.--pdx-inline-sentiment-max-w.px]="inlineMaxWidthPx || null"
|
|
31739
32261
|
[style.--pdx-inline-sentiment-panel-min-w.px]="panelMinWidthPx || null"
|
|
31740
32262
|
[style.--pdx-inline-sentiment-panel-max-w.px]="panelMaxWidthPx || null"
|
|
32263
|
+
[style.--pdx-inline-sentiment-gradient-low]="sentimentGradientLowColor()"
|
|
32264
|
+
[style.--pdx-inline-sentiment-gradient-mid]="sentimentGradientMidColor()"
|
|
32265
|
+
[style.--pdx-inline-sentiment-gradient-high]="sentimentGradientHighColor()"
|
|
31741
32266
|
[matTooltip]="inlineTooltipText()"
|
|
31742
32267
|
[matTooltipDisabled]="inlineTooltipDisabled()"
|
|
31743
32268
|
[matTooltipPosition]="tooltipPosition()"
|
|
@@ -31823,7 +32348,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
31823
32348
|
</div>
|
|
31824
32349
|
|
|
31825
32350
|
@if (showSentimentBar() && sentimentOptions().length) {
|
|
31826
|
-
<div
|
|
32351
|
+
<div
|
|
32352
|
+
class="pdx-inline-sentiment-bar"
|
|
32353
|
+
role="img"
|
|
32354
|
+
[style.background]="sentimentGradient()"
|
|
32355
|
+
[attr.aria-label]="sentimentBarAriaLabel()"
|
|
32356
|
+
>
|
|
31827
32357
|
@for (option of sentimentOptions(); track option.id) {
|
|
31828
32358
|
<span
|
|
31829
32359
|
class="pdx-inline-sentiment-segment"
|
|
@@ -32504,8 +33034,8 @@ class FilterInlineColorLabelComponent extends SimpleBaseSelectComponent {
|
|
|
32504
33034
|
multipleMode() {
|
|
32505
33035
|
return this.multiple();
|
|
32506
33036
|
}
|
|
32507
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
32508
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
33037
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineColorLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
33038
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FilterInlineColorLabelComponent, isStandalone: true, selector: "pdx-filter-inline-color-label", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { listeners: { "window:resize": "onViewportResize()", "document:keydown.escape": "onDocumentEscape()" }, properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? \"inline-block\" : \"none\"", "style.width": "\"auto\"", "style.maxWidth": "\"100%\"", "attr.data-field-type": "\"filter-color-label-inline\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
32509
33039
|
{
|
|
32510
33040
|
provide: NG_VALUE_ACCESSOR,
|
|
32511
33041
|
useExisting: forwardRef(() => FilterInlineColorLabelComponent),
|
|
@@ -32668,7 +33198,7 @@ class FilterInlineColorLabelComponent extends SimpleBaseSelectComponent {
|
|
|
32668
33198
|
</div>
|
|
32669
33199
|
`, isInline: true, styles: [":host{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-color-label-root{display:inline-block;width:auto;min-width:0;max-width:100%}.pdx-inline-color-label-chip{display:inline-flex;align-items:center;gap:6px;width:auto;min-width:0;min-height:42px;min-inline-size:var(--pdx-inline-color-label-min-w, 186px);max-width:min(var(--pdx-inline-color-label-max-w, 360px),calc(100vw - 48px));padding:0 8px 0 0;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-color-label-chip.is-active{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.pdx-inline-color-label-chip.is-open{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-color-label-trigger{flex:1 1 auto;display:inline-flex;align-items:center;gap:10px;min-width:0;width:100%;min-height:40px;border:0;background:transparent;color:inherit;cursor:pointer;padding:0 12px;text-align:left}.pdx-inline-color-label-trigger:focus-visible{outline:2px solid color-mix(in srgb,currentColor 42%,transparent);outline-offset:-2px;border-radius:999px}.pdx-inline-color-label-trigger[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, .38)}.pdx-inline-color-label-icon{width:18px;height:18px;font-size:18px;line-height:1}.pdx-inline-color-label-text{display:inline-block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.95rem;line-height:1.15;font-weight:500}.pdx-inline-color-label-clear{--clear-ring-color: var(--md-sys-color-primary);width:22px;height:22px;min-width:22px;margin-right:10px;display:grid;place-items:center;border:0;border-radius:50%;appearance:none;-webkit-appearance:none;outline:none;padding:0;background:color-mix(in srgb,var(--md-sys-color-on-surface) 10%,transparent);color:inherit;cursor:pointer;line-height:0;font-size:0;transition:background-color .12s ease,box-shadow .12s ease,color .12s ease}.pdx-inline-color-label-clear:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface) 18%,transparent)}.pdx-inline-color-label-chip.is-active .pdx-inline-color-label-clear{--clear-ring-color: var(--md-sys-color-on-primary);background:color-mix(in srgb,var(--md-sys-color-on-primary) 22%,transparent)}.pdx-inline-color-label-clear:focus-visible{box-shadow:0 0 0 2px color-mix(in srgb,var(--clear-ring-color) 34%,transparent)}.pdx-inline-color-label-clear mat-icon{width:15px;height:15px;font-size:15px}.pdx-inline-color-label-panel{width:min(var(--pdx-inline-color-label-panel-max-w, 560px),calc(100vw - 24px));min-width:min(var(--pdx-inline-color-label-panel-min-w, 320px),calc(100vw - 24px));max-width:min(var(--pdx-inline-color-label-panel-max-w, 560px),calc(100vw - 24px));padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant) 70%,transparent);background:var(--md-sys-color-surface-container);color:var(--md-sys-color-on-surface);box-shadow:0 14px 30px color-mix(in srgb,var(--md-sys-color-shadow) 20%,transparent);box-sizing:border-box;display:grid;gap:12px}.pdx-inline-color-label-header{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.pdx-inline-color-label-header-icon{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--md-sys-color-primary) 14%,var(--md-sys-color-surface-container-high));color:var(--md-sys-color-primary)}.pdx-inline-color-label-header-icon mat-icon{width:20px;height:20px;font-size:20px}.pdx-inline-color-label-title{font-size:1rem;font-weight:600}.pdx-inline-color-label-subtitle{color:var(--md-sys-color-on-surface-variant);font-size:.82rem;line-height:1.25}.pdx-inline-color-label-grid{display:grid;grid-template-columns:repeat(var(--pdx-inline-color-label-grid-columns, 4),minmax(0,1fr));gap:10px}.pdx-inline-color-label-card{position:relative;min-height:96px;border-radius:12px;border:1px solid transparent;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);display:grid;justify-items:center;align-content:center;gap:6px;padding:10px;cursor:pointer;text-align:center}.pdx-inline-color-label-circle{width:38px;height:38px;border-radius:50%;border:2px solid color-mix(in srgb,#000 12%,transparent)}.pdx-inline-color-label-card-label{font-size:.86rem;font-weight:600}.pdx-inline-color-label-card-subtitle{font-size:.74rem;color:var(--md-sys-color-on-surface-variant)}.pdx-inline-color-label-card-check{position:absolute;right:6px;top:6px;width:16px;height:16px;font-size:16px}.pdx-inline-color-label-card.is-selected{border-color:var(--md-sys-color-primary);background:color-mix(in srgb,var(--md-sys-color-primary-container) 72%,transparent)}.pdx-inline-color-label-card:focus-visible{outline:2px solid color-mix(in srgb,var(--md-sys-color-primary) 42%,transparent);outline-offset:1px}.pdx-inline-color-label-card:disabled{opacity:.56;cursor:default}.pdx-inline-color-label-badges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pdx-inline-color-label-badges-title{color:var(--md-sys-color-on-surface-variant);font-size:.8rem}.pdx-inline-color-label-badge{min-height:28px;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);display:inline-flex;align-items:center;gap:6px;padding:0 10px;font-size:.82rem;cursor:pointer}.pdx-inline-color-label-badge-dot{width:8px;height:8px;border-radius:50%}.pdx-inline-color-label-badge mat-icon{width:14px;height:14px;font-size:14px}.pdx-inline-color-label-badge:disabled{opacity:.56;cursor:default}.pdx-inline-color-label-empty{color:var(--md-sys-color-on-surface-variant);font-size:.86rem;text-align:center;padding:12px}@media(max-width:768px){.pdx-inline-color-label-panel{min-width:min(300px,calc(100vw - 24px));padding:12px}.pdx-inline-color-label-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: A11yModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: OverlayModule }, { kind: "directive", type: i2$1.CdkConnectedOverlay, selector: "[cdk-connected-overlay], [connected-overlay], [cdkConnectedOverlay]", inputs: ["cdkConnectedOverlayOrigin", "cdkConnectedOverlayPositions", "cdkConnectedOverlayPositionStrategy", "cdkConnectedOverlayOffsetX", "cdkConnectedOverlayOffsetY", "cdkConnectedOverlayWidth", "cdkConnectedOverlayHeight", "cdkConnectedOverlayMinWidth", "cdkConnectedOverlayMinHeight", "cdkConnectedOverlayBackdropClass", "cdkConnectedOverlayPanelClass", "cdkConnectedOverlayViewportMargin", "cdkConnectedOverlayScrollStrategy", "cdkConnectedOverlayOpen", "cdkConnectedOverlayDisableClose", "cdkConnectedOverlayTransformOriginOn", "cdkConnectedOverlayHasBackdrop", "cdkConnectedOverlayLockPosition", "cdkConnectedOverlayFlexibleDimensions", "cdkConnectedOverlayGrowAfterOpen", "cdkConnectedOverlayPush", "cdkConnectedOverlayDisposeOnNavigation"], outputs: ["backdropClick", "positionChange", "attach", "detach", "overlayKeydown", "overlayOutsideClick"], exportAs: ["cdkConnectedOverlay"] }, { kind: "directive", type: i2$1.CdkOverlayOrigin, selector: "[cdk-overlay-origin], [overlay-origin], [cdkOverlayOrigin]", exportAs: ["cdkOverlayOrigin"] }, { 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"] }] });
|
|
32670
33200
|
}
|
|
32671
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
33201
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FilterInlineColorLabelComponent, decorators: [{
|
|
32672
33202
|
type: Component,
|
|
32673
33203
|
args: [{ selector: 'pdx-filter-inline-color-label', standalone: true, imports: [
|
|
32674
33204
|
CommonModule,
|
|
@@ -32928,8 +33458,8 @@ class MaterialMultiSelectComponent extends SimpleBaseSelectComponent {
|
|
|
32928
33458
|
errorStateMatcher() {
|
|
32929
33459
|
return getErrorStateMatcherForField(this.metadata());
|
|
32930
33460
|
}
|
|
32931
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
32932
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
33461
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialMultiSelectComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
33462
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialMultiSelectComponent, isStandalone: true, selector: "pdx-material-multi-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"multi-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
32933
33463
|
GenericCrudService,
|
|
32934
33464
|
{
|
|
32935
33465
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -33025,7 +33555,7 @@ class MaterialMultiSelectComponent extends SimpleBaseSelectComponent {
|
|
|
33025
33555
|
</mat-form-field>
|
|
33026
33556
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { 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: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i4$2.MatSelect, selector: "mat-select", inputs: ["aria-describedby", "panelClass", "disabled", "disableRipple", "tabIndex", "hideSingleSelectionIndicator", "placeholder", "required", "multiple", "disableOptionCentering", "compareWith", "value", "aria-label", "aria-labelledby", "errorStateMatcher", "typeaheadDebounceInterval", "sortComparator", "id", "panelWidth", "canSelectNullableOptions"], outputs: ["openedChange", "opened", "closed", "selectionChange", "valueChange"], exportAs: ["matSelect"] }, { kind: "component", type: i4$2.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { 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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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"] }] });
|
|
33027
33557
|
}
|
|
33028
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
33558
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialMultiSelectComponent, decorators: [{
|
|
33029
33559
|
type: Component,
|
|
33030
33560
|
args: [{
|
|
33031
33561
|
selector: 'pdx-material-multi-select',
|
|
@@ -33387,8 +33917,8 @@ class MaterialMultiSelectTreeComponent extends SimpleBaseInputComponent {
|
|
|
33387
33917
|
getSpecificCssClasses() {
|
|
33388
33918
|
return ['pdx-multi-select-tree'];
|
|
33389
33919
|
}
|
|
33390
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
33391
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
33920
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialMultiSelectTreeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
33921
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialMultiSelectTreeComponent, isStandalone: true, selector: "pdx-material-multi-select-tree", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"multi-select-tree\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
33392
33922
|
{
|
|
33393
33923
|
provide: NG_VALUE_ACCESSOR,
|
|
33394
33924
|
useExisting: forwardRef(() => MaterialMultiSelectTreeComponent),
|
|
@@ -33496,7 +34026,7 @@ class MaterialMultiSelectTreeComponent extends SimpleBaseInputComponent {
|
|
|
33496
34026
|
</div>
|
|
33497
34027
|
`, isInline: true, styles: [".pdx-tree-children{margin-left:24px}.pdx-tree-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pdx-tree-spacer{flex:1 1 auto}.pdx-tree-loading{margin-right:4px}.pdx-tree-hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$3.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1$3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1$3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$3.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i1$3.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { 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: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
33498
34028
|
}
|
|
33499
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
34029
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialMultiSelectTreeComponent, decorators: [{
|
|
33500
34030
|
type: Component,
|
|
33501
34031
|
args: [{ selector: 'pdx-material-multi-select-tree', standalone: true, imports: [
|
|
33502
34032
|
CommonModule,
|
|
@@ -33818,8 +34348,8 @@ class MaterialTreeSelectComponent extends SimpleBaseSelectComponent {
|
|
|
33818
34348
|
}
|
|
33819
34349
|
return result;
|
|
33820
34350
|
}
|
|
33821
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
33822
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
34351
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialTreeSelectComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
34352
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialTreeSelectComponent, isStandalone: true, selector: "pdx-material-tree-select", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"tree-select\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
33823
34353
|
{
|
|
33824
34354
|
provide: NG_VALUE_ACCESSOR,
|
|
33825
34355
|
useExisting: forwardRef(() => MaterialTreeSelectComponent),
|
|
@@ -33952,7 +34482,7 @@ class MaterialTreeSelectComponent extends SimpleBaseSelectComponent {
|
|
|
33952
34482
|
</div>
|
|
33953
34483
|
`, isInline: true, styles: [".pdx-tree-children{margin-left:24px}.pdx-tree-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.pdx-tree-spacer{flex:1 1 auto}.pdx-tree-loading{margin-right:4px}.pdx-tree-hidden{display:none}.pdx-tree-node{display:flex;align-items:center}.pdx-tree-node-label{cursor:pointer}.pdx-node-disabled{pointer-events:none;opacity:.5}.pdx-selected .pdx-tree-node-label{font-weight:600}.pdx-tree-search{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatTreeModule }, { kind: "directive", type: i1$3.MatNestedTreeNode, selector: "mat-nested-tree-node", inputs: ["matNestedTreeNode", "disabled", "tabIndex"], outputs: ["activation", "expandedChange"], exportAs: ["matNestedTreeNode"] }, { kind: "directive", type: i1$3.MatTreeNodeDef, selector: "[matTreeNodeDef]", inputs: ["matTreeNodeDefWhen", "matTreeNode"] }, { kind: "directive", type: i1$3.MatTreeNodeToggle, selector: "[matTreeNodeToggle]", inputs: ["matTreeNodeToggleRecursive"] }, { kind: "component", type: i1$3.MatTree, selector: "mat-tree", exportAs: ["matTree"] }, { kind: "directive", type: i1$3.MatTreeNode, selector: "mat-tree-node", inputs: ["tabIndex", "disabled"], outputs: ["activation", "expandedChange"], exportAs: ["matTreeNode"] }, { kind: "directive", type: i1$3.MatTreeNodeOutlet, selector: "[matTreeNodeOutlet]" }, { 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: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
33954
34484
|
}
|
|
33955
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
34485
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialTreeSelectComponent, decorators: [{
|
|
33956
34486
|
type: Component,
|
|
33957
34487
|
args: [{ selector: 'pdx-material-tree-select', standalone: true, imports: [
|
|
33958
34488
|
CommonModule,
|
|
@@ -34148,8 +34678,8 @@ class MaterialFileUploadComponent extends SimpleBaseInputComponent {
|
|
|
34148
34678
|
getSpecificCssClasses() {
|
|
34149
34679
|
return ['pdx-material-file-upload'];
|
|
34150
34680
|
}
|
|
34151
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
34152
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
34681
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialFileUploadComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
34682
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialFileUploadComponent, isStandalone: true, selector: "pdx-material-file-upload", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"file-upload\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
34153
34683
|
{
|
|
34154
34684
|
provide: NG_VALUE_ACCESSOR,
|
|
34155
34685
|
useExisting: forwardRef(() => MaterialFileUploadComponent),
|
|
@@ -34179,7 +34709,7 @@ class MaterialFileUploadComponent extends SimpleBaseInputComponent {
|
|
|
34179
34709
|
</div>
|
|
34180
34710
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
34181
34711
|
}
|
|
34182
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
34712
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialFileUploadComponent, decorators: [{
|
|
34183
34713
|
type: Component,
|
|
34184
34714
|
args: [{
|
|
34185
34715
|
selector: 'pdx-material-file-upload',
|
|
@@ -34262,8 +34792,8 @@ class MaterialRadioGroupComponent extends SimpleBaseSelectComponent {
|
|
|
34262
34792
|
getSpecificCssClasses() {
|
|
34263
34793
|
return ['pdx-simple-select', 'pdx-material-radio-group'];
|
|
34264
34794
|
}
|
|
34265
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
34266
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
34795
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialRadioGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
34796
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialRadioGroupComponent, isStandalone: true, selector: "pdx-material-radio-group", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.aria-disabled": "disabledMode ? \"true\" : null", "attr.data-field-type": "\"radio\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
34267
34797
|
GenericCrudService,
|
|
34268
34798
|
{
|
|
34269
34799
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -34302,7 +34832,7 @@ class MaterialRadioGroupComponent extends SimpleBaseSelectComponent {
|
|
|
34302
34832
|
</div>
|
|
34303
34833
|
`, isInline: true, styles: [".pdx-radio-group-wrapper{display:flex;align-items:center;width:100%;min-height:56px;padding:4px 0}:host{display:block;width:100%}mat-radio-group{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i3$4.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i3$4.MatRadioButton, selector: "mat-radio-button", inputs: ["id", "name", "aria-label", "aria-labelledby", "aria-describedby", "disableRipple", "tabIndex", "checked", "value", "labelPosition", "disabled", "required", "color", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioButton"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
34304
34834
|
}
|
|
34305
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
34835
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialRadioGroupComponent, decorators: [{
|
|
34306
34836
|
type: Component,
|
|
34307
34837
|
args: [{ selector: 'pdx-material-radio-group', standalone: true, imports: [
|
|
34308
34838
|
CommonModule,
|
|
@@ -34408,8 +34938,8 @@ class MaterialCheckboxGroupComponent extends SimpleBaseSelectComponent {
|
|
|
34408
34938
|
getSpecificCssClasses() {
|
|
34409
34939
|
return ['pdx-simple-select', 'pdx-material-checkbox-group'];
|
|
34410
34940
|
}
|
|
34411
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
34412
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
34941
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialCheckboxGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
34942
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialCheckboxGroupComponent, isStandalone: true, selector: "pdx-material-checkbox-group", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.aria-disabled": "disabledMode ? \"true\" : null", "attr.data-field-type": "\"checkbox\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
34413
34943
|
GenericCrudService,
|
|
34414
34944
|
{
|
|
34415
34945
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -34460,7 +34990,7 @@ class MaterialCheckboxGroupComponent extends SimpleBaseSelectComponent {
|
|
|
34460
34990
|
</div>
|
|
34461
34991
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i2$3.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
34462
34992
|
}
|
|
34463
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
34993
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialCheckboxGroupComponent, decorators: [{
|
|
34464
34994
|
type: Component,
|
|
34465
34995
|
args: [{
|
|
34466
34996
|
selector: 'pdx-material-checkbox-group',
|
|
@@ -34598,8 +35128,8 @@ class MaterialChipsComponent extends SimpleBaseSelectComponent {
|
|
|
34598
35128
|
errorStateMatcher() {
|
|
34599
35129
|
return getErrorStateMatcherForField(this.metadata());
|
|
34600
35130
|
}
|
|
34601
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
34602
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
35131
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialChipsComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
35132
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialChipsComponent, isStandalone: true, selector: "pdx-material-chips", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"chipInput\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
34603
35133
|
GenericCrudService,
|
|
34604
35134
|
{
|
|
34605
35135
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -34695,7 +35225,7 @@ class MaterialChipsComponent extends SimpleBaseSelectComponent {
|
|
|
34695
35225
|
</mat-form-field>
|
|
34696
35226
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i4$4.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i4$4.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled", "readonly", "matChipInputDisabledInteractive"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i4$4.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i4$4.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i4$3.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$3.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }, { 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: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
34697
35227
|
}
|
|
34698
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
35228
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialChipsComponent, decorators: [{
|
|
34699
35229
|
type: Component,
|
|
34700
35230
|
args: [{
|
|
34701
35231
|
selector: 'pdx-material-chips',
|
|
@@ -36256,10 +36786,10 @@ class ActionResolverService {
|
|
|
36256
36786
|
console.warn('[ActionResolver] Error during draft cleanup:', error);
|
|
36257
36787
|
}
|
|
36258
36788
|
}
|
|
36259
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
36260
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
36789
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ActionResolverService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
36790
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ActionResolverService, providedIn: 'root' });
|
|
36261
36791
|
}
|
|
36262
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
36792
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ActionResolverService, decorators: [{
|
|
36263
36793
|
type: Injectable,
|
|
36264
36794
|
args: [{
|
|
36265
36795
|
providedIn: 'root'
|
|
@@ -36465,10 +36995,10 @@ class KeyboardShortcutService {
|
|
|
36465
36995
|
})
|
|
36466
36996
|
.join(' + ');
|
|
36467
36997
|
}
|
|
36468
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
36469
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
36998
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: KeyboardShortcutService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
36999
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: KeyboardShortcutService, providedIn: 'root' });
|
|
36470
37000
|
}
|
|
36471
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
37001
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: KeyboardShortcutService, decorators: [{
|
|
36472
37002
|
type: Injectable,
|
|
36473
37003
|
args: [{
|
|
36474
37004
|
providedIn: 'root'
|
|
@@ -36646,10 +37176,10 @@ class MaterialButtonComponent extends SimpleBaseButtonComponent {
|
|
|
36646
37176
|
this.log('debug', 'Keyboard shortcut registered', { shortcut });
|
|
36647
37177
|
}
|
|
36648
37178
|
}
|
|
36649
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
36650
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.4", type: MaterialButtonComponent, isStandalone: true, selector: "pdx-material-button", host: { properties: { "class": "componentCssClasses()", "attr.data-field-type": "\"button\"", "attr.data-field-name": "metadata()?.name", "attr.data-button-variant": "buttonVariant()", "attr.data-component-id": "componentId()" } }, usesInheritance: true, ngImport: i0, template: "<!-- Container principal do button -->\n<div class=\"pdx-button-container\" [class]=\"componentCssClasses()\">\n\n <!-- Button b\u00E1sico -->\n @if (buttonVariant() === 'basic') {\n <button\n mat-button\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText()\"\n [matTooltipDisabled]=\"!tooltipText()\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n }\n \n @if (shouldShowIcon()) {\n <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n }\n \n <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n </button>\n }\n\n <!-- Button raised -->\n @if (buttonVariant() === 'raised') {\n <button\n mat-raised-button\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText()\"\n [matTooltipDisabled]=\"!tooltipText()\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n }\n \n @if (shouldShowIcon()) {\n <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n }\n \n <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n </button>\n }\n\n <!-- Button stroked -->\n @if (buttonVariant() === 'stroked') {\n <button\n mat-stroked-button\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText()\"\n [matTooltipDisabled]=\"!tooltipText()\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n }\n \n @if (shouldShowIcon()) {\n <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n }\n \n <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n </button>\n }\n\n <!-- Button flat -->\n @if (buttonVariant() === 'flat') {\n <button\n mat-flat-button\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText()\"\n [matTooltipDisabled]=\"!tooltipText()\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n }\n \n @if (shouldShowIcon()) {\n <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n }\n \n <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n </button>\n }\n\n <!-- Button icon -->\n @if (buttonVariant() === 'icon') {\n <button\n mat-icon-button\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label || buttonIcon()\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText() || metadata()?.label\"\n [matTooltipDisabled]=\"!tooltipText() && !metadata()?.label\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n } @else {\n <mat-icon [praxisIcon]=\"buttonIcon() || 'mi:smart_button'\"></mat-icon>\n }\n </button>\n }\n\n <!-- Button FAB -->\n @if (buttonVariant() === 'fab') {\n <button\n mat-fab\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label || buttonIcon()\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText() || metadata()?.label\"\n [matTooltipDisabled]=\"!tooltipText() && !metadata()?.label\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"20\" class=\"pdx-button-spinner\"></mat-spinner>\n } @else {\n <mat-icon [praxisIcon]=\"buttonIcon() || 'add'\"></mat-icon>\n }\n </button>\n }\n\n <!-- Button Mini FAB -->\n @if (buttonVariant() === 'mini-fab') {\n <button\n mat-mini-fab\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label || buttonIcon()\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText() || metadata()?.label\"\n [matTooltipDisabled]=\"!tooltipText() && !metadata()?.label\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n } @else {\n <mat-icon [praxisIcon]=\"buttonIcon() || 'add'\"></mat-icon>\n }\n </button>\n }\n\n <!-- Descri\u00E7\u00E3o do bot\u00E3o (se dispon\u00EDvel) -->\n @if (metadata()?.description && !isIconOnlyButton()) {\n <div \n class=\"pdx-button-description\"\n [id]=\"componentId() + '-description'\">\n {{ metadata()?.description }}\n </div>\n }\n\n</div>\n\n<!-- Loading indicator para valida\u00E7\u00E3o ass\u00EDncrona -->\n@if (isLoading()) {\n <div class=\"pdx-validation-loading\" [attr.aria-label]=\"'Validating ' + metadata()?.label\">\n <mat-icon class=\"pdx-loading-spinner\" [praxisIcon]=\"'mi:hourglass_empty'\"></mat-icon>\n <span class=\"pdx-sr-only\">Validating...</span>\n </div>\n}\n\n<!-- Indicador de estado enterprise (debug) -->\n@if (false && metadata()?.security) {\n <div class=\"pdx-debug-info\">\n <small class=\"pdx-debug-security\">\n Security Level: {{ metadata()?.security?.securityLevel }}\n @if (metadata()?.security?.audit?.enabled) {\n | Audit: ON\n }\n | Clicks: {{ 0 }}\n @if (keyboardShortcut()) {\n | Shortcut: {{ keyboardShortcut() }}\n }\n </small>\n </div>\n}\n", styles: [".pdx-button-container{display:inline-block;position:relative}.pdx-button-container .pdx-button-element{position:relative;overflow:hidden;transition:all .2s ease}.pdx-button-container .pdx-button-element.pdx-button-with-icon .pdx-button-icon{margin-right:8px;font-size:18px;height:18px;width:18px}.pdx-button-container .pdx-button-element .pdx-button-spinner{margin-right:8px}.pdx-button-container .pdx-button-element .pdx-button-spinner:only-child{margin-right:0}.pdx-button-container .pdx-button-element .pdx-button-text{display:inline-block;vertical-align:middle}.pdx-button-container .pdx-button-element:disabled{cursor:not-allowed;opacity:.6}.pdx-button-container .pdx-button-element:focus{outline:2px solid var(--mat-focus-indicator-color, var(--md-sys-color-primary));outline-offset:2px}.pdx-button-container .pdx-button-description{margin-top:4px;font-size:12px;color:var(--mat-form-field-subscript-text-color);text-align:center;line-height:1.3}.pdx-button-container.pdx-button-loading .pdx-button-element{cursor:wait}.pdx-button-container.pdx-button-loading .pdx-button-element .pdx-button-text{opacity:.7}.pdx-button-container.pdx-button-pressed .pdx-button-element{transform:scale(.98);transition:transform .1s ease}.pdx-button-container.pdx-button-no-ripple .pdx-button-element .mat-ripple{display:none}.pdx-button-container.pdx-button-variant-raised .pdx-button-element{box-shadow:var(--md-sys-elevation-level1, var(--md-sys-elevation-level1))}.pdx-button-container.pdx-button-variant-raised .pdx-button-element:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level2, var(--md-sys-elevation-level2))}.pdx-button-container.pdx-button-variant-stroked .pdx-button-element{border:1px solid var(--mat-stroked-button-outline-color)}.pdx-button-container.pdx-button-variant-icon .pdx-button-element{min-width:40px;width:40px;height:40px;border-radius:50%}.pdx-button-container.pdx-button-variant-icon .pdx-button-element .mat-icon{font-size:20px;height:20px;width:20px}.pdx-button-container.pdx-button-variant-fab .pdx-button-element{min-width:56px;width:56px;height:56px}.pdx-button-container.pdx-button-variant-fab .pdx-button-element .mat-icon{font-size:24px;height:24px;width:24px}.pdx-button-container.pdx-button-variant-mini-fab .pdx-button-element{min-width:40px;width:40px;height:40px}.pdx-button-container.pdx-button-variant-mini-fab .pdx-button-element .mat-icon{font-size:20px;height:20px;width:20px}.pdx-button-container.pdx-button-icon-only .pdx-button-description{max-width:120px;font-size:11px}.pdx-validation-loading{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--mat-form-field-subscript-text-color);font-size:12px}.pdx-validation-loading .pdx-loading-spinner{font-size:16px;height:16px;width:16px;animation:spin 1s linear infinite}.pdx-validation-loading .pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-debug-info{margin-top:8px;padding:4px 8px;background-color:var(--mat-toolbar-container-background-color, var(--md-sys-color-surface-variant));border-radius:4px;max-width:200px}.pdx-debug-info .pdx-debug-security{font-family:monospace;font-size:10px;color:var(--mat-toolbar-container-text-color, var(--md-sys-color-on-surface-variant));word-break:break-all}@media(max-width:600px){.pdx-button-container.pdx-button-variant-fab .pdx-button-element{min-width:48px;width:48px;height:48px}.pdx-button-container.pdx-button-variant-fab .pdx-button-element .mat-icon{font-size:20px;height:20px;width:20px}.pdx-button-container .pdx-button-element.pdx-button-with-icon .pdx-button-icon{margin-right:6px;font-size:16px;height:16px;width:16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.pdx-button-container .pdx-button-element:hover:not(:disabled){transform:translateY(-1px);transition:transform .2s ease}.pdx-button-container .pdx-button-element:active:not(:disabled){transform:translateY(0) scale(.98);transition:transform .1s ease}.pdx-button-container.pdx-button-loading .pdx-button-element{animation:buttonPulse 1.5s infinite ease-in-out}@media(prefers-reduced-motion:reduce){.pdx-button-container .pdx-button-element{transition:none;animation:none}.pdx-button-container .pdx-button-element:hover:not(:disabled){transform:none}.pdx-button-container .pdx-button-element:active:not(:disabled){transform:none}.pdx-loading-spinner,.pdx-button-loading .pdx-button-element{animation:none}}@media(prefers-contrast:high){.pdx-button-container .pdx-button-element:focus{outline:3px solid;outline-offset:2px}}@media(prefers-color-scheme:dark){.pdx-button-container.pdx-button-variant-raised .pdx-button-element{box-shadow:var(--md-sys-elevation-level2, var(--md-sys-elevation-level2))}.pdx-button-container.pdx-button-variant-raised .pdx-button-element:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level3, var(--md-sys-elevation-level3))}}@media print{.pdx-button-container .pdx-button-element{box-shadow:none!important;border:1px solid var(--md-sys-color-outline);background:transparent!important;color:var(--md-sys-color-on-surface)!important}.pdx-button-container .pdx-button-element .pdx-button-spinner,.pdx-validation-loading,.pdx-debug-info{display:none}}.pdx-button-container .mat-primary.pdx-button-loading{background-color:var(--md-sys-color-primary)}.pdx-button-container .mat-accent.pdx-button-loading{background-color:var(--md-sys-color-secondary)}.pdx-button-container .mat-warn.pdx-button-loading{background-color:var(--md-sys-color-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { 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"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
37179
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
37180
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialButtonComponent, isStandalone: true, selector: "pdx-material-button", host: { properties: { "class": "componentCssClasses()", "attr.data-field-type": "\"button\"", "attr.data-field-name": "metadata()?.name", "attr.data-button-variant": "buttonVariant()", "attr.data-component-id": "componentId()" } }, usesInheritance: true, ngImport: i0, template: "<!-- Container principal do button -->\n<div class=\"pdx-button-container\" [class]=\"componentCssClasses()\">\n\n <!-- Button b\u00E1sico -->\n @if (buttonVariant() === 'basic') {\n <button\n mat-button\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText()\"\n [matTooltipDisabled]=\"!tooltipText()\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n }\n \n @if (shouldShowIcon()) {\n <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n }\n \n <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n </button>\n }\n\n <!-- Button raised -->\n @if (buttonVariant() === 'raised') {\n <button\n mat-raised-button\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText()\"\n [matTooltipDisabled]=\"!tooltipText()\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n }\n \n @if (shouldShowIcon()) {\n <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n }\n \n <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n </button>\n }\n\n <!-- Button stroked -->\n @if (buttonVariant() === 'stroked') {\n <button\n mat-stroked-button\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText()\"\n [matTooltipDisabled]=\"!tooltipText()\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n }\n \n @if (shouldShowIcon()) {\n <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n }\n \n <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n </button>\n }\n\n <!-- Button flat -->\n @if (buttonVariant() === 'flat') {\n <button\n mat-flat-button\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText()\"\n [matTooltipDisabled]=\"!tooltipText()\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n }\n \n @if (shouldShowIcon()) {\n <mat-icon class=\"pdx-button-icon\" [praxisIcon]=\"buttonIcon()\"></mat-icon>\n }\n \n <span class=\"pdx-button-text\">{{ buttonText() }}</span>\n </button>\n }\n\n <!-- Button icon -->\n @if (buttonVariant() === 'icon') {\n <button\n mat-icon-button\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label || buttonIcon()\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText() || metadata()?.label\"\n [matTooltipDisabled]=\"!tooltipText() && !metadata()?.label\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n } @else {\n <mat-icon [praxisIcon]=\"buttonIcon() || 'mi:smart_button'\"></mat-icon>\n }\n </button>\n }\n\n <!-- Button FAB -->\n @if (buttonVariant() === 'fab') {\n <button\n mat-fab\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label || buttonIcon()\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText() || metadata()?.label\"\n [matTooltipDisabled]=\"!tooltipText() && !metadata()?.label\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"20\" class=\"pdx-button-spinner\"></mat-spinner>\n } @else {\n <mat-icon [praxisIcon]=\"buttonIcon() || 'add'\"></mat-icon>\n }\n </button>\n }\n\n <!-- Button Mini FAB -->\n @if (buttonVariant() === 'mini-fab') {\n <button\n mat-mini-fab\n [type]=\"buttonType()\"\n [color]=\"materialColor()\"\n [disabled]=\"isDisabled()\"\n [disableRipple]=\"shouldDisableRipple()\"\n [attr.aria-label]=\"metadata()?.label || buttonIcon()\"\n [attr.aria-describedby]=\"metadata()?.description ? componentId() + '-description' : null\"\n [matTooltip]=\"tooltipText() || metadata()?.label\"\n [matTooltipDisabled]=\"!tooltipText() && !metadata()?.label\"\n matTooltipPosition=\"above\"\n (click)=\"handleClick($event)\"\n class=\"pdx-button-element\">\n \n @if (isLoading()) {\n <mat-spinner diameter=\"16\" class=\"pdx-button-spinner\"></mat-spinner>\n } @else {\n <mat-icon [praxisIcon]=\"buttonIcon() || 'add'\"></mat-icon>\n }\n </button>\n }\n\n <!-- Descri\u00E7\u00E3o do bot\u00E3o (se dispon\u00EDvel) -->\n @if (metadata()?.description && !isIconOnlyButton()) {\n <div \n class=\"pdx-button-description\"\n [id]=\"componentId() + '-description'\">\n {{ metadata()?.description }}\n </div>\n }\n\n</div>\n\n<!-- Loading indicator para valida\u00E7\u00E3o ass\u00EDncrona -->\n@if (isLoading()) {\n <div class=\"pdx-validation-loading\" [attr.aria-label]=\"'Validating ' + metadata()?.label\">\n <mat-icon class=\"pdx-loading-spinner\" [praxisIcon]=\"'mi:hourglass_empty'\"></mat-icon>\n <span class=\"pdx-sr-only\">Validating...</span>\n </div>\n}\n\n<!-- Indicador de estado enterprise (debug) -->\n@if (false && metadata()?.security) {\n <div class=\"pdx-debug-info\">\n <small class=\"pdx-debug-security\">\n Security Level: {{ metadata()?.security?.securityLevel }}\n @if (metadata()?.security?.audit?.enabled) {\n | Audit: ON\n }\n | Clicks: {{ 0 }}\n @if (keyboardShortcut()) {\n | Shortcut: {{ keyboardShortcut() }}\n }\n </small>\n </div>\n}\n", styles: [".pdx-button-container{display:inline-block;position:relative}.pdx-button-container .pdx-button-element{position:relative;overflow:hidden;transition:all .2s ease}.pdx-button-container .pdx-button-element.pdx-button-with-icon .pdx-button-icon{margin-right:8px;font-size:18px;height:18px;width:18px}.pdx-button-container .pdx-button-element .pdx-button-spinner{margin-right:8px}.pdx-button-container .pdx-button-element .pdx-button-spinner:only-child{margin-right:0}.pdx-button-container .pdx-button-element .pdx-button-text{display:inline-block;vertical-align:middle}.pdx-button-container .pdx-button-element:disabled{cursor:not-allowed;opacity:.6}.pdx-button-container .pdx-button-element:focus{outline:2px solid var(--mat-focus-indicator-color, var(--md-sys-color-primary));outline-offset:2px}.pdx-button-container .pdx-button-description{margin-top:4px;font-size:12px;color:var(--mat-form-field-subscript-text-color);text-align:center;line-height:1.3}.pdx-button-container.pdx-button-loading .pdx-button-element{cursor:wait}.pdx-button-container.pdx-button-loading .pdx-button-element .pdx-button-text{opacity:.7}.pdx-button-container.pdx-button-pressed .pdx-button-element{transform:scale(.98);transition:transform .1s ease}.pdx-button-container.pdx-button-no-ripple .pdx-button-element .mat-ripple{display:none}.pdx-button-container.pdx-button-variant-raised .pdx-button-element{box-shadow:var(--md-sys-elevation-level1, var(--md-sys-elevation-level1))}.pdx-button-container.pdx-button-variant-raised .pdx-button-element:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level2, var(--md-sys-elevation-level2))}.pdx-button-container.pdx-button-variant-stroked .pdx-button-element{border:1px solid var(--mat-stroked-button-outline-color)}.pdx-button-container.pdx-button-variant-icon .pdx-button-element{min-width:40px;width:40px;height:40px;border-radius:50%}.pdx-button-container.pdx-button-variant-icon .pdx-button-element .mat-icon{font-size:20px;height:20px;width:20px}.pdx-button-container.pdx-button-variant-fab .pdx-button-element{min-width:56px;width:56px;height:56px}.pdx-button-container.pdx-button-variant-fab .pdx-button-element .mat-icon{font-size:24px;height:24px;width:24px}.pdx-button-container.pdx-button-variant-mini-fab .pdx-button-element{min-width:40px;width:40px;height:40px}.pdx-button-container.pdx-button-variant-mini-fab .pdx-button-element .mat-icon{font-size:20px;height:20px;width:20px}.pdx-button-container.pdx-button-icon-only .pdx-button-description{max-width:120px;font-size:11px}.pdx-validation-loading{display:flex;align-items:center;gap:8px;margin-top:8px;color:var(--mat-form-field-subscript-text-color);font-size:12px}.pdx-validation-loading .pdx-loading-spinner{font-size:16px;height:16px;width:16px;animation:spin 1s linear infinite}.pdx-validation-loading .pdx-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pdx-debug-info{margin-top:8px;padding:4px 8px;background-color:var(--mat-toolbar-container-background-color, var(--md-sys-color-surface-variant));border-radius:4px;max-width:200px}.pdx-debug-info .pdx-debug-security{font-family:monospace;font-size:10px;color:var(--mat-toolbar-container-text-color, var(--md-sys-color-on-surface-variant));word-break:break-all}@media(max-width:600px){.pdx-button-container.pdx-button-variant-fab .pdx-button-element{min-width:48px;width:48px;height:48px}.pdx-button-container.pdx-button-variant-fab .pdx-button-element .mat-icon{font-size:20px;height:20px;width:20px}.pdx-button-container .pdx-button-element.pdx-button-with-icon .pdx-button-icon{margin-right:6px;font-size:16px;height:16px;width:16px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes buttonPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.pdx-button-container .pdx-button-element:hover:not(:disabled){transform:translateY(-1px);transition:transform .2s ease}.pdx-button-container .pdx-button-element:active:not(:disabled){transform:translateY(0) scale(.98);transition:transform .1s ease}.pdx-button-container.pdx-button-loading .pdx-button-element{animation:buttonPulse 1.5s infinite ease-in-out}@media(prefers-reduced-motion:reduce){.pdx-button-container .pdx-button-element{transition:none;animation:none}.pdx-button-container .pdx-button-element:hover:not(:disabled){transform:none}.pdx-button-container .pdx-button-element:active:not(:disabled){transform:none}.pdx-loading-spinner,.pdx-button-loading .pdx-button-element{animation:none}}@media(prefers-contrast:high){.pdx-button-container .pdx-button-element:focus{outline:3px solid;outline-offset:2px}}@media(prefers-color-scheme:dark){.pdx-button-container.pdx-button-variant-raised .pdx-button-element{box-shadow:var(--md-sys-elevation-level2, var(--md-sys-elevation-level2))}.pdx-button-container.pdx-button-variant-raised .pdx-button-element:hover:not(:disabled){box-shadow:var(--md-sys-elevation-level3, var(--md-sys-elevation-level3))}}@media print{.pdx-button-container .pdx-button-element{box-shadow:none!important;border:1px solid var(--md-sys-color-outline);background:transparent!important;color:var(--md-sys-color-on-surface)!important}.pdx-button-container .pdx-button-element .pdx-button-spinner,.pdx-validation-loading,.pdx-debug-info{display:none}}.pdx-button-container .mat-primary.pdx-button-loading{background-color:var(--md-sys-color-primary)}.pdx-button-container .mat-accent.pdx-button-loading{background-color:var(--md-sys-color-secondary)}.pdx-button-container .mat-warn.pdx-button-loading{background-color:var(--md-sys-color-error)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatMiniFabButton, selector: "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatFabButton, selector: "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", inputs: ["extended"], exportAs: ["matButton", "matAnchor"] }, { 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"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "ngmodule", type: MatProgressSpinnerModule }, { kind: "component", type: i7.MatProgressSpinner, selector: "mat-progress-spinner, mat-spinner", inputs: ["color", "mode", "value", "diameter", "strokeWidth"], exportAs: ["matProgressSpinner"] }] });
|
|
36651
37181
|
}
|
|
36652
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
37182
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialButtonComponent, decorators: [{
|
|
36653
37183
|
type: Component,
|
|
36654
37184
|
args: [{ selector: 'pdx-material-button', standalone: true, imports: [
|
|
36655
37185
|
CommonModule,
|
|
@@ -36704,8 +37234,8 @@ class MaterialButtonToggleComponent extends SimpleBaseSelectComponent {
|
|
|
36704
37234
|
}
|
|
36705
37235
|
this.selectionChange.emit(this.internalControl.value);
|
|
36706
37236
|
}
|
|
36707
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
36708
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
37237
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialButtonToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
37238
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialButtonToggleComponent, isStandalone: true, selector: "pdx-material-button-toggle", host: { properties: { "class": "componentCssClasses()", "attr.data-field-type": "\"buttonToggle\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
36709
37239
|
GenericCrudService,
|
|
36710
37240
|
{
|
|
36711
37241
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -36745,7 +37275,7 @@ class MaterialButtonToggleComponent extends SimpleBaseSelectComponent {
|
|
|
36745
37275
|
</div>
|
|
36746
37276
|
`, isInline: true, styles: [".pdx-button-toggle-wrapper,:host{width:100%;display:block}.pdx-button-toggle-wrapper{min-height:56px;padding:4px 0}.pdx-button-toggle-label{display:block;margin-bottom:4px}mat-button-toggle-group{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatButtonToggleModule }, { kind: "directive", type: i3$5.MatButtonToggleGroup, selector: "mat-button-toggle-group", inputs: ["appearance", "name", "vertical", "value", "multiple", "disabled", "disabledInteractive", "hideSingleSelectionIndicator", "hideMultipleSelectionIndicator"], outputs: ["valueChange", "change"], exportAs: ["matButtonToggleGroup"] }, { kind: "component", type: i3$5.MatButtonToggle, selector: "mat-button-toggle", inputs: ["aria-label", "aria-labelledby", "id", "name", "value", "tabIndex", "disableRipple", "appearance", "checked", "disabled", "disabledInteractive"], outputs: ["change"], exportAs: ["matButtonToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
36747
37277
|
}
|
|
36748
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
37278
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialButtonToggleComponent, decorators: [{
|
|
36749
37279
|
type: Component,
|
|
36750
37280
|
args: [{ selector: 'pdx-material-button-toggle', standalone: true, imports: [
|
|
36751
37281
|
CommonModule,
|
|
@@ -36814,8 +37344,8 @@ class MaterialSlideToggleComponent extends SimpleBaseInputComponent {
|
|
|
36814
37344
|
getSpecificCssClasses() {
|
|
36815
37345
|
return ['pdx-material-slide-toggle'];
|
|
36816
37346
|
}
|
|
36817
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
36818
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
37347
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSlideToggleComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
37348
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialSlideToggleComponent, isStandalone: true, selector: "pdx-material-slide-toggle", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"toggle\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
36819
37349
|
{
|
|
36820
37350
|
provide: NG_VALUE_ACCESSOR,
|
|
36821
37351
|
useExisting: forwardRef(() => MaterialSlideToggleComponent),
|
|
@@ -36851,7 +37381,7 @@ class MaterialSlideToggleComponent extends SimpleBaseInputComponent {
|
|
|
36851
37381
|
</div>
|
|
36852
37382
|
`, isInline: true, styles: [".pdx-slide-toggle-wrapper{display:flex;align-items:center;width:100%;min-height:56px;padding:4px 0}:host{display:block;width:100%}mat-slide-toggle{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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$2.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["name", "id", "labelPosition", "aria-label", "aria-labelledby", "aria-describedby", "required", "color", "disabled", "disableRipple", "tabIndex", "checked", "hideIcon", "disabledInteractive"], outputs: ["change", "toggleChange"], exportAs: ["matSlideToggle"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
36853
37383
|
}
|
|
36854
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
37384
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSlideToggleComponent, decorators: [{
|
|
36855
37385
|
type: Component,
|
|
36856
37386
|
args: [{ selector: 'pdx-material-slide-toggle', standalone: true, imports: [
|
|
36857
37387
|
CommonModule,
|
|
@@ -36938,8 +37468,8 @@ class MaterialSliderComponent extends SimpleBaseInputComponent {
|
|
|
36938
37468
|
getSpecificCssClasses() {
|
|
36939
37469
|
return ['pdx-material-slider'];
|
|
36940
37470
|
}
|
|
36941
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
36942
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
37471
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSliderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
37472
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialSliderComponent, isStandalone: true, selector: "pdx-material-slider", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"slider\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
36943
37473
|
{
|
|
36944
37474
|
provide: NG_VALUE_ACCESSOR,
|
|
36945
37475
|
useExisting: forwardRef(() => MaterialSliderComponent),
|
|
@@ -36976,7 +37506,7 @@ class MaterialSliderComponent extends SimpleBaseInputComponent {
|
|
|
36976
37506
|
</div>
|
|
36977
37507
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatSliderModule }, { kind: "component", type: i3$1.MatSlider, selector: "mat-slider", inputs: ["disabled", "discrete", "showTickMarks", "min", "color", "disableRipple", "max", "step", "displayWith"], exportAs: ["matSlider"] }, { kind: "directive", type: i3$1.MatSliderThumb, selector: "input[matSliderThumb]", inputs: ["value"], outputs: ["valueChange", "dragStart", "dragEnd"], exportAs: ["matSliderThumb"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
36978
37508
|
}
|
|
36979
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
37509
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSliderComponent, decorators: [{
|
|
36980
37510
|
type: Component,
|
|
36981
37511
|
args: [{
|
|
36982
37512
|
selector: 'pdx-material-slider',
|
|
@@ -37097,8 +37627,8 @@ class MaterialSelectionListComponent extends SimpleBaseSelectComponent {
|
|
|
37097
37627
|
const current = this.control().value;
|
|
37098
37628
|
return Array.isArray(current) ? current.includes(value) : current === value;
|
|
37099
37629
|
}
|
|
37100
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
37101
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
37630
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSelectionListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
37631
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialSelectionListComponent, isStandalone: true, selector: "pdx-material-selection-list", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"selectionList\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
37102
37632
|
GenericCrudService,
|
|
37103
37633
|
{
|
|
37104
37634
|
provide: NG_VALUE_ACCESSOR,
|
|
@@ -37160,7 +37690,7 @@ class MaterialSelectionListComponent extends SimpleBaseSelectComponent {
|
|
|
37160
37690
|
</div>
|
|
37161
37691
|
`, isInline: true, styles: [".pdx-selection-list-wrapper{width:100%;min-height:56px;padding:4px 0}:host{display:block;width:100%}mat-selection-list{width:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatListModule }, { kind: "component", type: i3$6.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3$6.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { 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: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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"] }] });
|
|
37162
37692
|
}
|
|
37163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
37693
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialSelectionListComponent, decorators: [{
|
|
37164
37694
|
type: Component,
|
|
37165
37695
|
args: [{ selector: 'pdx-material-selection-list', standalone: true, imports: [
|
|
37166
37696
|
CommonModule,
|
|
@@ -37669,8 +38199,8 @@ class MaterialAvatarComponent {
|
|
|
37669
38199
|
}
|
|
37670
38200
|
}
|
|
37671
38201
|
}
|
|
37672
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
37673
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
38202
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38203
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialAvatarComponent, isStandalone: true, selector: "pdx-material-avatar", inputs: { imageSrc: "imageSrc", imageAlt: "imageAlt", initials: "initials", name: "name", icon: "icon", defaultIcon: "defaultIcon", themeColor: "themeColor", rounded: "rounded", size: "size", fillMode: "fillMode", border: "border", sizePx: "sizePx", sizeCss: "sizeCss", tooltip: "tooltip", ariaLabel: "ariaLabel", readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", class: "class", style: "style" }, outputs: { imageError: "imageError" }, host: { properties: { "class": "componentCssClasses()", "style.display": "visible === false ? \"none\" : null", "attr.role": "\"img\"", "attr.aria-label": "computedAriaLabel() || null", "attr.data-field-type": "\"avatar\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()", "class.praxis-disabled": "disabledMode === true", "class.praxis-readonly": "readonlyMode === true", "class.presentation-mode": "presentationMode === true" } }, ngImport: i0, template: `
|
|
37674
38204
|
<span class="pfx-avatar__inner"
|
|
37675
38205
|
[attr.aria-hidden]="presentationMode ? 'true' : null"
|
|
37676
38206
|
[ngStyle]="resolvedStyle()"
|
|
@@ -37709,7 +38239,7 @@ class MaterialAvatarComponent {
|
|
|
37709
38239
|
</span>
|
|
37710
38240
|
`, isInline: true, styles: [":host{--pfx-avatar-size: 40px;--pfx-avatar-radius-full: 9999px;--pfx-avatar-radius-lg: 16px;--pfx-avatar-radius-md: 12px;--pfx-avatar-radius-sm: 8px;--pfx-avatar-border-w: 1px;--pfx-avatar-border-color: var(--md-sys-color-outline-variant);--pfx-avatar-bg: var(--md-sys-color-primary);--pfx-avatar-fg: var(--md-sys-color-on-primary);display:inline-flex;align-items:center;justify-content:center;vertical-align:middle}.pfx-avatar__inner{position:relative;box-sizing:border-box;width:var(--pfx-avatar-size);height:var(--pfx-avatar-size);border-radius:var(--_pfx-avatar-radius, var(--pfx-avatar-radius-full));display:inline-flex;align-items:center;justify-content:center;overflow:hidden;-webkit-user-select:none;user-select:none;line-height:1;background:var(--_pfx-avatar-bg, var(--pfx-avatar-bg));color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--_pfx-avatar-border, 0)}:host(.fill-outline) .pfx-avatar__inner{background:transparent;color:var(--_pfx-avatar-fg, var(--pfx-avatar-fg));border:var(--pfx-avatar-border-w) solid var(--pfx-avatar-border-color)}:host(.has-border) .pfx-avatar__inner{border:var(--pfx-avatar-border-w) solid var(--pfx-avatar-border-color)}:host(.size-xsmall){--pfx-avatar-size: 20px}:host(.size-small){--pfx-avatar-size: 24px}:host(.size-medium){--pfx-avatar-size: 40px}:host(.size-large){--pfx-avatar-size: 56px}:host(.size-xlarge){--pfx-avatar-size: 72px}:host(.size-xxlarge){--pfx-avatar-size: 96px}:host(.size-none){--pfx-avatar-size: auto}:host(.rounded-full){--_pfx-avatar-radius: var(--pfx-avatar-radius-full)}:host(.rounded-large){--_pfx-avatar-radius: var(--pfx-avatar-radius-lg)}:host(.rounded-medium){--_pfx-avatar-radius: var(--pfx-avatar-radius-md)}:host(.rounded-small){--_pfx-avatar-radius: var(--pfx-avatar-radius-sm)}:host(.rounded-none){--_pfx-avatar-radius: 0}.pfx-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.pfx-avatar__icon,.pfx-avatar__icon-svg,.pfx-avatar__icon-font{font-size:calc(var(--pfx-avatar-size) * .6);width:calc(var(--pfx-avatar-size) * .6);height:calc(var(--pfx-avatar-size) * .6);display:inline-flex;align-items:center;justify-content:center}.pfx-avatar__initials{font-weight:600;letter-spacing:.02em;font-size:calc(var(--pfx-avatar-size) * .4);line-height:1}.pfx-avatar__custom{display:inline-flex;align-items:center;justify-content:center;font-size:calc(var(--pfx-avatar-size) * .6);line-height:1;width:100%;height:100%}.pfx-avatar__custom img{width:100%;height:100%;object-fit:cover;display:block}:host-context(.pfx-field-shell){display:flex;width:100%;align-items:center;justify-content:flex-start;padding:6px 0;min-height:var( --pfx-field-shell-min-height, calc(var(--pfx-field-min-height, 56px) + var(--pfx-subscript-min-h, 22px)) )}:host-context(.pfx-field-shell) .pfx-avatar__inner{flex-shrink:0}:host(.theme-primary){--_pfx-avatar-bg: var(--md-sys-color-primary);--_pfx-avatar-fg: var(--md-sys-color-on-primary)}:host(.theme-secondary){--_pfx-avatar-bg: var(--md-sys-color-secondary);--_pfx-avatar-fg: var(--md-sys-color-on-secondary)}:host(.theme-tertiary){--_pfx-avatar-bg: var(--md-sys-color-tertiary);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary)}:host(.theme-base){--_pfx-avatar-bg: var(--md-sys-color-surface-variant);--_pfx-avatar-fg: var(--md-sys-color-on-surface-variant)}:host(.theme-info){--_pfx-avatar-bg: var(--md-sys-color-primary-container);--_pfx-avatar-fg: var(--md-sys-color-on-primary-container)}:host(.theme-success){--_pfx-avatar-bg: var(--md-sys-color-secondary-container);--_pfx-avatar-fg: var(--md-sys-color-on-secondary-container)}:host(.theme-warning){--_pfx-avatar-bg: var(--md-sys-color-tertiary-container);--_pfx-avatar-fg: var(--md-sys-color-on-tertiary-container)}:host(.theme-error){--_pfx-avatar-bg: var(--md-sys-color-error-container);--_pfx-avatar-fg: var(--md-sys-color-on-error-container)}:host(.theme-dark){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-light){--_pfx-avatar-bg: var(--md-sys-color-surface);--_pfx-avatar-fg: var(--md-sys-color-on-surface)}:host(.theme-inverse){--_pfx-avatar-bg: var(--md-sys-color-on-surface);--_pfx-avatar-fg: var(--md-sys-color-surface)}:host(.theme-none){--_pfx-avatar-bg: transparent;--_pfx-avatar-fg: inherit}:host(.fill-none) .pfx-avatar__inner{background:none;color:inherit;border:0}:host(.size-none) .pfx-avatar__inner{width:auto;height:auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { 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"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
|
|
37711
38241
|
}
|
|
37712
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
38242
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialAvatarComponent, decorators: [{
|
|
37713
38243
|
type: Component,
|
|
37714
38244
|
args: [{ selector: 'pdx-material-avatar', standalone: true, imports: [CommonModule, MatIconModule, MatTooltipModule, PraxisIconDirective], host: {
|
|
37715
38245
|
'[class]': 'componentCssClasses()',
|
|
@@ -37930,8 +38460,8 @@ class MaterialTransferListComponent extends SimpleBaseSelectComponent {
|
|
|
37930
38460
|
this.control().setValue(values);
|
|
37931
38461
|
this.selectionChange.emit(values);
|
|
37932
38462
|
}
|
|
37933
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
37934
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
38463
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialTransferListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
38464
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialTransferListComponent, isStandalone: true, selector: "pdx-material-transfer-list", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"transfer-list\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
37935
38465
|
{
|
|
37936
38466
|
provide: NG_VALUE_ACCESSOR,
|
|
37937
38467
|
useExisting: forwardRef(() => MaterialTransferListComponent),
|
|
@@ -38057,7 +38587,7 @@ class MaterialTransferListComponent extends SimpleBaseSelectComponent {
|
|
|
38057
38587
|
</div>
|
|
38058
38588
|
`, isInline: true, styles: [":host{display:block;width:100%}.pdx-transfer-list{width:100%;min-height:56px;padding:4px 0}.pdx-transfer-column{width:100%}.pdx-transfer-column mat-form-field{width:100%}.pdx-transfer-actions{display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;padding:0 8px}@media(min-width:640px){.pdx-transfer-list{display:grid;grid-template-columns:1fr auto 1fr;gap:12px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2$4.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2$4.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { 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: MatListModule }, { kind: "component", type: i3$6.MatSelectionList, selector: "mat-selection-list", inputs: ["color", "compareWith", "multiple", "hideSingleSelectionIndicator", "disabled"], outputs: ["selectionChange"], exportAs: ["matSelectionList"] }, { kind: "component", type: i3$6.MatListOption, selector: "mat-list-option", inputs: ["togglePosition", "checkboxPosition", "color", "value", "selected"], outputs: ["selectedChange"], exportAs: ["matListOption"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }] });
|
|
38059
38589
|
}
|
|
38060
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
38590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialTransferListComponent, decorators: [{
|
|
38061
38591
|
type: Component,
|
|
38062
38592
|
args: [{ selector: 'pdx-material-transfer-list', standalone: true, imports: [
|
|
38063
38593
|
CommonModule,
|
|
@@ -38272,8 +38802,8 @@ class PdxYearInputComponent extends SimpleBaseInputComponent {
|
|
|
38272
38802
|
}
|
|
38273
38803
|
return classes;
|
|
38274
38804
|
}
|
|
38275
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
38276
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
38805
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxYearInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
38806
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PdxYearInputComponent, isStandalone: true, selector: "pdx-year-input", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"yearInput\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
38277
38807
|
{
|
|
38278
38808
|
provide: NG_VALUE_ACCESSOR,
|
|
38279
38809
|
useExisting: forwardRef(() => PdxYearInputComponent),
|
|
@@ -38357,7 +38887,7 @@ class PdxYearInputComponent extends SimpleBaseInputComponent {
|
|
|
38357
38887
|
</mat-form-field>
|
|
38358
38888
|
`, isInline: true, dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "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: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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"] }] });
|
|
38359
38889
|
}
|
|
38360
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
38890
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxYearInputComponent, decorators: [{
|
|
38361
38891
|
type: Component,
|
|
38362
38892
|
args: [{
|
|
38363
38893
|
selector: 'pdx-year-input',
|
|
@@ -38902,10 +39432,10 @@ class ComponentRegistryService {
|
|
|
38902
39432
|
data,
|
|
38903
39433
|
};
|
|
38904
39434
|
}
|
|
38905
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
38906
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
39435
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ComponentRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
39436
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ComponentRegistryService, providedIn: 'root' });
|
|
38907
39437
|
}
|
|
38908
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
39438
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ComponentRegistryService, decorators: [{
|
|
38909
39439
|
type: Injectable,
|
|
38910
39440
|
args: [{
|
|
38911
39441
|
providedIn: 'root',
|
|
@@ -39451,8 +39981,8 @@ class FieldShellComponent {
|
|
|
39451
39981
|
return formatDisplayHtml(this.field, raw);
|
|
39452
39982
|
}
|
|
39453
39983
|
}
|
|
39454
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
39455
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
39984
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FieldShellComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
39985
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: FieldShellComponent, isStandalone: true, selector: "praxis-field-shell", inputs: { field: "field", index: "index", control: "control", readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode", canvasMode: "canvasMode", itemTemplate: "itemTemplate" }, outputs: { canvasMouseEnter: "canvasMouseEnter", canvasMouseLeave: "canvasMouseLeave", canvasClick: "canvasClick" }, host: { listeners: { "mouseenter": "onMouseEnter($event)", "mouseleave": "onMouseLeave()", "click": "onClick($event)" }, properties: { "attr.data-field-name": "this.fieldNameAttr", "attr.data-field-id": "this.fieldIdAttr", "attr.data-control-type": "this.fieldControlTypeAttr", "attr.data-field-index": "this.fieldIndexAttr", "style.display": "this.hostDisplay", "class.canvas-element": "this.isCanvasElement", "attr.data-canvas-type": "this.canvasType" }, classAttribute: "pfx-field-shell" }, viewQueries: [{ propertyName: "vc", first: true, predicate: ["insertionPoint"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `
|
|
39456
39986
|
<div
|
|
39457
39987
|
class="pfx-field-shell-wrapper"
|
|
39458
39988
|
[attr.data-field-index]="index"
|
|
@@ -39506,7 +40036,7 @@ class FieldShellComponent {
|
|
|
39506
40036
|
</div>
|
|
39507
40037
|
`, isInline: true, styles: [".pfx-field-shell .mat-mdc-form-field,.pfx-field-shell mat-form-field{width:var(--pfx-field-shell-field-width, 100%)}.pfx-field-shell .mat-mdc-form-field-subscript-wrapper{min-height:20px;margin-top:2px}.pfx-field-shell .mat-mdc-form-field{margin-bottom:8px}.pfx-field-shell .mat-mdc-form-field-infix{min-width:0}:host{display:block;cursor:pointer;width:var(--pfx-field-shell-width, 100%);min-width:0;max-width:100%}.pfx-field-shell-wrapper,.pfx-field-shell-host{position:relative}.praxis-readonly-overlay{position:absolute;inset:0;pointer-events:all;cursor:not-allowed}.praxis-presentation{white-space:pre-wrap;display:block;padding:6px 0}.praxis-presentation__label{display:block;font-size:var(--pfx-pres-label-size, .78rem);line-height:1.2;letter-spacing:.02em;font-weight:500;opacity:.8;margin-bottom:2px}.praxis-presentation__value{display:block;font-size:var(--pfx-pres-value-size, 1rem);line-height:1.35;font-weight:600;opacity:.95}.presentation-mode.pres-label-left .praxis-presentation{display:flex;align-items:center;gap:8px}.presentation-mode.pres-label-left .praxis-presentation__label{margin:0;min-width:var(--pfx-pres-label-width, 140px);opacity:.85;text-align:var(--pfx-pres-label-align, start)}.presentation-mode .praxis-presentation__value{text-align:var(--pfx-pres-value-align, start)}.presentation-mode.pres-density-cozy .praxis-presentation{padding:6px 0}.presentation-mode.pres-density-compact .praxis-presentation{padding:2px 0;gap:6px}.presentation-mode.pres-compact .praxis-presentation{padding:2px 0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
39508
40038
|
}
|
|
39509
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
40039
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: FieldShellComponent, decorators: [{
|
|
39510
40040
|
type: Component,
|
|
39511
40041
|
args: [{ selector: 'praxis-field-shell', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: `
|
|
39512
40042
|
<div
|
|
@@ -40611,10 +41141,10 @@ class DynamicFieldLoaderDirective {
|
|
|
40611
41141
|
return null;
|
|
40612
41142
|
}
|
|
40613
41143
|
}
|
|
40614
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
40615
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.
|
|
41144
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFieldLoaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
41145
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.17", type: DynamicFieldLoaderDirective, isStandalone: true, selector: "[dynamicFieldLoader]", inputs: { fields: "fields", formGroup: "formGroup", enableExternalControlBinding: "enableExternalControlBinding", itemTemplate: "itemTemplate", debugTrace: "debugTrace", debugTraceLabel: "debugTraceLabel", readonlyMode: "readonlyMode", disabledMode: "disabledMode", presentationMode: "presentationMode", visible: "visible", canvasMode: "canvasMode" }, outputs: { componentsCreated: "componentsCreated", fieldCreated: "fieldCreated", fieldDestroyed: "fieldDestroyed", renderError: "renderError", canvasMouseEnter: "canvasMouseEnter", canvasMouseLeave: "canvasMouseLeave", canvasClick: "canvasClick" }, usesOnChanges: true, ngImport: i0 });
|
|
40616
41146
|
}
|
|
40617
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
41147
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DynamicFieldLoaderDirective, decorators: [{
|
|
40618
41148
|
type: Directive,
|
|
40619
41149
|
args: [{
|
|
40620
41150
|
selector: '[dynamicFieldLoader]',
|
|
@@ -40682,8 +41212,8 @@ class ConfirmDialogComponent {
|
|
|
40682
41212
|
return 'primary';
|
|
40683
41213
|
}
|
|
40684
41214
|
}
|
|
40685
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
40686
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
41215
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1$4.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
41216
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: ConfirmDialogComponent, isStandalone: true, selector: "pdx-confirm-dialog", ngImport: i0, template: `
|
|
40687
41217
|
<div class="pdx-confirm-dialog" [class]="'pdx-confirm-type-' + (data.type || 'info')">
|
|
40688
41218
|
|
|
40689
41219
|
<!-- Header com ícone e título -->
|
|
@@ -40722,7 +41252,7 @@ class ConfirmDialogComponent {
|
|
|
40722
41252
|
</div>
|
|
40723
41253
|
`, isInline: true, styles: [".pdx-confirm-dialog{min-width:300px;max-width:500px;padding:24px;box-sizing:border-box}.pdx-dialog-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.pdx-dialog-icon{font-size:24px;height:24px;width:24px}.pdx-dialog-title{margin:0;color:var(--md-sys-color-on-surface);font-family:var(--md-sys-typescale-title-medium-font, inherit);font-size:var(--md-sys-typescale-title-medium-size, 16px);font-weight:var(--md-sys-typescale-title-medium-weight, 500);line-height:var(--md-sys-typescale-title-medium-line-height, 24px);letter-spacing:var(--md-sys-typescale-title-medium-letter-spacing, .15px)}.pdx-dialog-content{padding:0;margin:0 0 24px}.pdx-dialog-message{margin:0;color:var(--md-sys-color-on-surface-variant);font-family:var(--md-sys-typescale-body-medium-font, inherit);font-size:var(--md-sys-typescale-body-medium-size, 14px);font-weight:var(--md-sys-typescale-body-medium-weight, 400);line-height:var(--md-sys-typescale-body-medium-line-height, 20px);letter-spacing:var(--md-sys-typescale-body-medium-letter-spacing, .25px);line-height:1.5}.pdx-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 0 0;background:transparent}.pdx-cancel-button{color:var(--md-sys-color-on-surface-variant);margin-right:4px}.pdx-confirm-type-warning .pdx-dialog-icon{color:var(--md-sys-color-secondary)}.pdx-confirm-type-danger .pdx-dialog-icon{color:var(--md-sys-color-error)}.pdx-confirm-type-info .pdx-dialog-icon{color:var(--md-sys-color-primary)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$4.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$4.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1$4.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$4.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { 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"] }] });
|
|
40724
41254
|
}
|
|
40725
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
41255
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
|
|
40726
41256
|
type: Component,
|
|
40727
41257
|
args: [{ selector: 'pdx-confirm-dialog', standalone: true, imports: [
|
|
40728
41258
|
CommonModule,
|
|
@@ -40984,10 +41514,10 @@ class ComponentPreloaderService {
|
|
|
40984
41514
|
...updates
|
|
40985
41515
|
});
|
|
40986
41516
|
}
|
|
40987
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
40988
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
41517
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ComponentPreloaderService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
41518
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ComponentPreloaderService, providedIn: 'root' });
|
|
40989
41519
|
}
|
|
40990
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
41520
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: ComponentPreloaderService, decorators: [{
|
|
40991
41521
|
type: Injectable,
|
|
40992
41522
|
args: [{
|
|
40993
41523
|
providedIn: 'root'
|
|
@@ -41147,8 +41677,8 @@ class PreloadStatusComponent {
|
|
|
41147
41677
|
setExternalControl(control) {
|
|
41148
41678
|
this.bindExternalControl(control);
|
|
41149
41679
|
}
|
|
41150
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
41151
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
41680
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PreloadStatusComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
41681
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PreloadStatusComponent, isStandalone: true, selector: "pdx-preload-status", inputs: { metadata: "metadata", visible: "visible" }, host: { properties: { "style.display": "visible ? null : \"none\"" } }, ngImport: i0, template: `
|
|
41152
41682
|
<mat-card class="preload-status-card">
|
|
41153
41683
|
<mat-card-header>
|
|
41154
41684
|
<mat-card-title>
|
|
@@ -41255,7 +41785,7 @@ class PreloadStatusComponent {
|
|
|
41255
41785
|
</mat-card>
|
|
41256
41786
|
`, isInline: true, styles: [".preload-status-card{max-width:600px;margin:16px}.progress-section{margin-bottom:16px}.progress-label{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.component-count{color:var(--md-sys-color-on-surface-variant)}.status-info{margin:16px 0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}.stat-item{display:flex;flex-direction:column;align-items:center;padding:12px;border-radius:8px;background:var(--md-sys-color-surface-container-low, var(--md-sys-color-surface-variant))}.stat-item.success{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.stat-item.error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.stat-item.info{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.stat-label{font-size:12px;margin:4px 0}.stat-value{font-size:18px;font-weight:500}.errors-section{margin-top:16px;padding:16px;background:var(--md-sys-color-error-container);border-radius:8px;border-left:4px solid var(--md-sys-color-error)}.errors-section h4{display:flex;align-items:center;gap:8px;margin:0 0 12px;color:var(--md-sys-color-on-error-container)}.error-list{font-size:13px}.error-item{margin:4px 0;padding:4px 8px;background:var(--md-sys-color-error-container);border-radius:4px}mat-card-actions{display:flex;gap:8px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatCardModule }, { kind: "component", type: i1$5.MatCard, selector: "mat-card", inputs: ["appearance"], exportAs: ["matCard"] }, { kind: "directive", type: i1$5.MatCardActions, selector: "mat-card-actions", inputs: ["align"], exportAs: ["matCardActions"] }, { kind: "directive", type: i1$5.MatCardContent, selector: "mat-card-content" }, { kind: "component", type: i1$5.MatCardHeader, selector: "mat-card-header" }, { kind: "directive", type: i1$5.MatCardSubtitle, selector: "mat-card-subtitle, [mat-card-subtitle], [matCardSubtitle]" }, { kind: "directive", type: i1$5.MatCardTitle, selector: "mat-card-title, [mat-card-title], [matCardTitle]" }, { kind: "ngmodule", type: MatProgressBarModule }, { kind: "component", type: i2$5.MatProgressBar, selector: "mat-progress-bar", inputs: ["color", "value", "bufferValue", "mode"], outputs: ["animationEnd"], exportAs: ["matProgressBar"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i4$4.MatChip, selector: "mat-basic-chip, [mat-basic-chip], mat-chip, [mat-chip]", inputs: ["role", "id", "aria-label", "aria-description", "value", "color", "removable", "highlighted", "disableRipple", "disabled"], outputs: ["removed", "destroyed"], exportAs: ["matChip"] }, { kind: "component", type: i4$4.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
|
|
41257
41787
|
}
|
|
41258
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
41788
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PreloadStatusComponent, decorators: [{
|
|
41259
41789
|
type: Component,
|
|
41260
41790
|
args: [{ selector: 'pdx-preload-status', standalone: true, imports: [
|
|
41261
41791
|
CommonModule,
|
|
@@ -41488,8 +42018,8 @@ class MaterialColorPickerComponent extends SimpleBaseInputComponent {
|
|
|
41488
42018
|
isBrowser() {
|
|
41489
42019
|
return typeof window !== 'undefined' && typeof document !== 'undefined';
|
|
41490
42020
|
}
|
|
41491
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
41492
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
42021
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialColorPickerComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
42022
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: MaterialColorPickerComponent, isStandalone: true, selector: "pdx-material-colorpicker", inputs: { readonlyMode: "readonlyMode", disabledMode: "disabledMode", visible: "visible", presentationMode: "presentationMode" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"colorPicker\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
41493
42023
|
{
|
|
41494
42024
|
provide: NG_VALUE_ACCESSOR,
|
|
41495
42025
|
useExisting: forwardRef(() => MaterialColorPickerComponent),
|
|
@@ -41581,7 +42111,7 @@ class MaterialColorPickerComponent extends SimpleBaseInputComponent {
|
|
|
41581
42111
|
</mat-form-field>
|
|
41582
42112
|
`, isInline: true, styles: [".pdx-color-preview{width:24px;height:24px;border-radius:4px;border:1px solid var(--md-sys-color-outline-variant);display:inline-block;margin-right:8px}.pdx-hidden-input{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i4.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { 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"] }] });
|
|
41583
42113
|
}
|
|
41584
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
42114
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialColorPickerComponent, decorators: [{
|
|
41585
42115
|
type: Component,
|
|
41586
42116
|
args: [{ selector: 'pdx-material-colorpicker', standalone: true, template: `
|
|
41587
42117
|
<mat-form-field
|
|
@@ -42039,8 +42569,8 @@ class MaterialRatingComponent extends SimpleBaseInputComponent {
|
|
|
42039
42569
|
}
|
|
42040
42570
|
catch { }
|
|
42041
42571
|
}
|
|
42042
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
42043
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.
|
|
42572
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialRatingComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
42573
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.17", type: MaterialRatingComponent, isStandalone: true, selector: "pdx-material-rating", inputs: { itemsCount: "itemsCount", selection: "selection", precision: "precision", allowHalf: "allowHalf", icon: "icon", svgIcon: "svgIcon", svgIconOutline: "svgIconOutline", outlineIcon: "outlineIcon", disabled: "disabled", readonlyMode: "readonlyMode", presentationMode: "presentationMode", tabindex: "tabindex", size: "size", ariaLabel: "ariaLabel", ratingColor: "ratingColor", outlineColor: "outlineColor" }, host: { listeners: { "keydown": "onKeyDown($event)" }, properties: { "attr.role": "'slider'", "attr.aria-valuemin": "0", "attr.aria-valuemax": "itemsCount", "attr.aria-valuenow": "value ?? 0", "attr.aria-label": "ariaLabel || label || \"Rating\"", "attr.tabindex": "tabindex", "class.praxis-disabled": "disabled", "class.praxis-readonly": "readonlyEffective()", "class.pfx-rating--size-sm": "size === 'small'", "class.pfx-rating--size-lg": "size === 'large'", "style.--praxis-rating-color": "ratingColor || null", "style.--praxis-rating-outline": "outlineColor || null" }, classAttribute: "pdx-rating" }, providers: [
|
|
42044
42574
|
{
|
|
42045
42575
|
provide: NG_VALUE_ACCESSOR,
|
|
42046
42576
|
useExisting: forwardRef(() => MaterialRatingComponent),
|
|
@@ -42095,7 +42625,7 @@ class MaterialRatingComponent extends SimpleBaseInputComponent {
|
|
|
42095
42625
|
</div>
|
|
42096
42626
|
`, isInline: true, styles: [":host{display:inline-flex;align-items:center;gap:var(--praxis-rating-gap, 8px)}.pdx-rating__label{margin-right:6px}.pdx-rating__items{display:inline-flex;gap:var(--praxis-rating-gap, 4px)}.pdx-rating__item{appearance:none;border:none;background:transparent;padding:0;cursor:pointer;line-height:0;position:relative}.pdx-rating__item[disabled]{cursor:default;opacity:var(--md-sys-state-disabled-content-opacity, var(--md-sys-state-disabled-content-opacity, .38))}.icon-wrap{position:relative;display:inline-block;width:var(--praxis-rating-size, 24px);height:var(--praxis-rating-size, 24px);font-size:var(--praxis-rating-size, 24px)}.icon-outline mat-icon,.icon-fill-inner{position:absolute;top:0;left:0;font-size:var(--praxis-rating-size, 24px)!important;width:var(--praxis-rating-size, 24px)!important;height:var(--praxis-rating-size, 24px)!important;line-height:var(--praxis-rating-size, 24px)!important}.icon-outline mat-icon{color:var(--praxis-rating-outline, var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface, var(--md-sys-color-on-surface, currentColor)))))}.icon-fill{position:absolute;top:0;left:0;height:100%;overflow:hidden;width:0}.icon-fill .icon-fill-inner{color:var(--praxis-rating-color, var(--md-sys-color-tertiary, var(--md-sys-color-tertiary, var(--md-sys-color-primary, var(--md-sys-color-primary, currentColor)))))}.pdx-rating__item.half .icon-fill{width:50%}.pdx-rating__item.filled .icon-fill{width:100%}:host(.pfx-rating--size-sm){--praxis-rating-size: 18px}:host(.pfx-rating--size-lg){--praxis-rating-size: 32px}.pdx-rating__error{color:var(--praxis-rating-error, var(--md-sys-color-error, var(--md-sys-color-error, currentColor)));font-size:var(--md-sys-typescale-body-small-size, var(--md-sys-typescale-body-small-size, .75rem));line-height:var(--md-sys-typescale-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));margin-left:6px}.pdx-rating__hint{color:var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface-variant, var(--md-sys-color-on-surface, var(--md-sys-color-on-surface, currentColor))));font-size:var(--md-sys-typescale-body-small-size, var(--md-sys-typescale-body-small-size, .75rem));line-height:var(--md-sys-typescale-body-small-line-height, var(--md-sys-typescale-body-small-line-height, 1rem));margin-left:6px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { 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"] }] });
|
|
42097
42627
|
}
|
|
42098
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
42628
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: MaterialRatingComponent, decorators: [{
|
|
42099
42629
|
type: Component,
|
|
42100
42630
|
args: [{ selector: 'pdx-material-rating', standalone: true, imports: [CommonModule, MatIconModule, PraxisIconDirective], providers: [
|
|
42101
42631
|
{
|
|
@@ -42778,8 +43308,8 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
|
|
|
42778
43308
|
}
|
|
42779
43309
|
catch { }
|
|
42780
43310
|
}
|
|
42781
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
42782
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.
|
|
43311
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxColorPickerComponent, deps: [{ token: i1$6.MatBottomSheet }], target: i0.ɵɵFactoryTarget.Component });
|
|
43312
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.17", type: PdxColorPickerComponent, isStandalone: true, selector: "pdx-color-picker", inputs: { actionsLayout: "actionsLayout", activeView: "activeView", adaptiveMode: "adaptiveMode", adaptiveTitle: "adaptiveTitle", adaptiveSubtitle: "adaptiveSubtitle", clearButton: "clearButton", disabledMode: "disabledMode", readonlyMode: "readonlyMode", visible: "visible", presentationMode: "presentationMode", fillMode: "fillMode", format: "format", gradientSettings: "gradientSettings", icon: "icon", iconClass: "iconClass", svgIcon: "svgIcon", paletteSettings: "paletteSettings", popupSettings: "popupSettings", preview: "preview", rounded: "rounded", size: "size", tabindex: "tabindex", views: "views", maxRecent: "maxRecent", showRecent: "showRecent" }, outputs: { valueChange: "valueChange", open: "open", close: "close", cancel: "cancel", activeViewChange: "activeViewChange", activeColorClick: "activeColorClick", focusEvent: "focusEvent", blurEvent: "blurEvent" }, host: { properties: { "class": "componentCssClasses()", "class.praxis-disabled": "disabledMode", "style.display": "visible ? null : \"none\"", "attr.data-field-type": "\"colorPicker\"", "attr.data-field-name": "metadata()?.name", "attr.data-component-id": "componentId()" } }, providers: [
|
|
42783
43313
|
{
|
|
42784
43314
|
provide: NG_VALUE_ACCESSOR,
|
|
42785
43315
|
useExisting: forwardRef(() => PdxColorPickerComponent),
|
|
@@ -42954,7 +43484,7 @@ class PdxColorPickerComponent extends SimpleBaseInputComponent {
|
|
|
42954
43484
|
</mat-form-field>
|
|
42955
43485
|
`, isInline: true, styles: [".pdx-color-preview{width:24px;height:24px;border-radius:4px;border:1px solid var(--md-sys-color-outline-variant);display:inline-block;margin-right:8px}.pdx-color-panel{padding:8px;max-width:100%;box-sizing:border-box}.pdx-panel-header{padding:4px 0 8px}.pdx-preview-box{display:flex;align-items:center;gap:8px}.pdx-preview-spacer{flex:1 1 auto}.pdx-section-title{font-size:12px;opacity:.8;margin-top:4px}.pdx-preview-swatch{width:24px;height:24px;border:1px solid var(--md-sys-color-outline-variant);border-radius:4px}.pdx-gradient-view{display:flex;flex-direction:column;gap:8px;padding:8px 0}.pdx-opacity-row{display:flex;align-items:center;gap:8px}.pdx-recent{padding:4px 0}.pdx-custom-color{display:flex;align-items:center;gap:8px;padding:8px 0}.pdx-palette-view{display:grid;grid-template-columns:repeat(var(--pdx-cols, 8),24px);gap:8px;padding:8px 0}.pdx-swatch{width:24px;height:24px;border-radius:4px;border:1px solid var(--md-sys-color-outline-variant);cursor:pointer}.pdx-swatch.selected{border:2px solid var(--md-sys-color-primary);box-shadow:0 0 0 2px var(--md-sys-color-primary)}.pdx-actions{display:flex;align-items:center;gap:8px;padding-top:8px}.pdx-actions.align-end{justify-content:flex-end}.pdx-actions-spacer{flex:1 1 auto}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { 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: "component", type: i2.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i2.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i2.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i2.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2.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: "ngmodule", type: MatIconModule }, { kind: "component", type: i3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[matButton], a[matButton], button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button] ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: i1.MatIconButton, selector: "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", exportAs: ["matButton", "matAnchor"] }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i6.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i6.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { 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: MatTabsModule }, { kind: "component", type: i9.MatTab, selector: "mat-tab", inputs: ["disabled", "label", "aria-label", "aria-labelledby", "labelClass", "bodyClass", "id"], exportAs: ["matTab"] }, { kind: "component", type: i9.MatTabGroup, selector: "mat-tab-group", inputs: ["color", "fitInkBarToContent", "mat-stretch-tabs", "mat-align-tabs", "dynamicHeight", "selectedIndex", "headerPosition", "animationDuration", "contentTabIndex", "disablePagination", "disableRipple", "preserveContent", "backgroundColor", "aria-label", "aria-labelledby"], outputs: ["selectedIndexChange", "focusChange", "animationDone", "selectedTabChange"], exportAs: ["matTabGroup"] }, { kind: "ngmodule", type: MatDividerModule }, { kind: "component", type: i3$6.MatDivider, selector: "mat-divider", inputs: ["vertical", "inset"] }, { kind: "ngmodule", type: MatSlideToggleModule }, { kind: "ngmodule", type: MatBottomSheetModule }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }] });
|
|
42956
43486
|
}
|
|
42957
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
43487
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: PdxColorPickerComponent, decorators: [{
|
|
42958
43488
|
type: Component,
|
|
42959
43489
|
args: [{ selector: 'pdx-color-picker', standalone: true, template: `
|
|
42960
43490
|
<mat-form-field
|
|
@@ -43201,7 +43731,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.4", ngImpor
|
|
|
43201
43731
|
type: Input
|
|
43202
43732
|
}], showRecent: [{
|
|
43203
43733
|
type: Input
|
|
43204
|
-
}], toggleBtn: [{
|
|
43734
|
+
}], valueChange: [{ type: i0.Output, args: ["valueChange"] }], open: [{ type: i0.Output, args: ["open"] }], close: [{ type: i0.Output, args: ["close"] }], cancel: [{ type: i0.Output, args: ["cancel"] }], activeViewChange: [{ type: i0.Output, args: ["activeViewChange"] }], activeColorClick: [{ type: i0.Output, args: ["activeColorClick"] }], focusEvent: [{ type: i0.Output, args: ["focusEvent"] }], blurEvent: [{ type: i0.Output, args: ["blurEvent"] }], toggleBtn: [{
|
|
43205
43735
|
type: ViewChild,
|
|
43206
43736
|
args: ['toggleBtn']
|
|
43207
43737
|
}], menuTrigger: [{
|
|
@@ -44144,10 +44674,10 @@ class DateUtilsService {
|
|
|
44144
44674
|
return 'dd/MM/yyyy';
|
|
44145
44675
|
}
|
|
44146
44676
|
}
|
|
44147
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.
|
|
44148
|
-
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.
|
|
44677
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DateUtilsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
44678
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DateUtilsService, providedIn: 'root' });
|
|
44149
44679
|
}
|
|
44150
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.
|
|
44680
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImport: i0, type: DateUtilsService, decorators: [{
|
|
44151
44681
|
type: Injectable,
|
|
44152
44682
|
args: [{ providedIn: 'root' }]
|
|
44153
44683
|
}] });
|