@alfresco/adf-content-services 8.4.0-18787036972 → 8.4.0-18832063520
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.
- package/bundles/assets/adf-content-services/i18n/en.json +10 -3
- package/fesm2022/adf-content-services.mjs +16 -8
- package/fesm2022/adf-content-services.mjs.map +1 -1
- package/lib/search/components/search-date-range-tabbed/search-date-range/search-date-range.component.scss +0 -8
- package/lib/search/components/search-filter-chips/search-filter-chips.component.scss +0 -4
- package/lib/search/components/search-properties/search-properties.component.d.ts +2 -2
- package/lib/search/components/search-properties/search-properties.component.scss +32 -111
- package/package.json +3 -3
|
@@ -428,7 +428,8 @@
|
|
|
428
428
|
"IN_LAST_LABELS": {
|
|
429
429
|
"DAYS": "Days",
|
|
430
430
|
"WEEKS": "Weeks",
|
|
431
|
-
"MONTHS": "Months"
|
|
431
|
+
"MONTHS": "Months",
|
|
432
|
+
"QUANTITY": "Quantity"
|
|
432
433
|
},
|
|
433
434
|
"IN_LAST_DISPLAY_LABELS": {
|
|
434
435
|
"DAYS": "In the last {{value}} days",
|
|
@@ -437,7 +438,8 @@
|
|
|
437
438
|
},
|
|
438
439
|
"BETWEEN_PLACEHOLDERS": {
|
|
439
440
|
"START_DATE": "Start Date",
|
|
440
|
-
"END_DATE": "End Date"
|
|
441
|
+
"END_DATE": "End Date",
|
|
442
|
+
"DATE_RANGE": "Date Range"
|
|
441
443
|
},
|
|
442
444
|
"ERROR": {
|
|
443
445
|
"IN_LAST": "Value required",
|
|
@@ -468,7 +470,12 @@
|
|
|
468
470
|
"GB": "GB"
|
|
469
471
|
},
|
|
470
472
|
"FILE_TYPE": "File Type",
|
|
471
|
-
"FILE_TYPE_PLACEHOLDER": "Add file type"
|
|
473
|
+
"FILE_TYPE_PLACEHOLDER": "Add file type",
|
|
474
|
+
"ACCESSIBILITY": {
|
|
475
|
+
"CONDITION": "Condition",
|
|
476
|
+
"SIZE_VALUE": "File size value",
|
|
477
|
+
"UNIT": "Unit"
|
|
478
|
+
}
|
|
472
479
|
}
|
|
473
480
|
},
|
|
474
481
|
"PERMISSION": {
|
|
@@ -6307,11 +6307,11 @@ class SearchChipAutocompleteInputComponent {
|
|
|
6307
6307
|
this.optionInput.nativeElement.value = '';
|
|
6308
6308
|
}
|
|
6309
6309
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchChipAutocompleteInputComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6310
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchChipAutocompleteInputComponent, isStandalone: true, selector: "adf-search-chip-autocomplete-input", inputs: { autocompleteOptions: "autocompleteOptions", preselectedOptions: "preselectedOptions", onReset$: "onReset$", allowOnlyPredefinedValues: "allowOnlyPredefinedValues", placeholder: "placeholder", compareOption: "compareOption", formatChipValue: "formatChipValue", filter: "filter" }, outputs: { optionsChanged: "optionsChanged", inputChanged: "inputChanged" }, viewQueries: [{ propertyName: "optionInput", first: true, predicate: ["optionInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-form-field class=\"adf-chip-list\" appearance=\"outline\">\n <mat-chip-grid #chipList [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.OPTIONS-SELECTION' | translate\">\n <mat-chip-row\n class=\"adf-option-chips adf-autocomplete-added-option-chips\"\n *ngFor=\"let option of selectedOptions\"\n (removed)=\"remove(option)\">\n <span [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate:{searchTerm: option.fullPath}) : undefined\">\n {{ option.value }}\n </span>\n <button\n matChipRemove\n class=\"adf-option-chips-delete-button adf-autocomplete-added-option-chips-delete-button\"\n [title]=\"'SEARCH.FILTER.BUTTONS.REMOVE' | translate\"\n >\n <mat-icon class=\"adf-option-chips-delete-icon adf-autocomplete-added-option-chips-delete-icon\">close</mat-icon>\n </button>\n </mat-chip-row>\n <input\n placeholder=\"{{ placeholder | translate }}\"\n aria-controls=\"adf-search-chip-autocomplete\"\n #optionInput\n #autocompleteTrigger=\"matAutocompleteTrigger\"\n [formControl]=\"formCtrl\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n [attr.aria-label]=\"placeholder | translate\"\n class=\"adf-search-properties-file-input\"\n (matChipInputTokenEnd)=\"add($event)\"\n (blur)=\"activeAnyOption = false; autocompleteTrigger.closePanel()\"\n data-automation-id=\"adf-search-chip-autocomplete-input\">\n </mat-chip-grid>\n <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\" id=\"adf-search-chip-autocomplete\"\n (optionActivated)=\"activeAnyOption = true\" (closed)=\"activeAnyOption = false\">\n <ng-container *ngIf=\"optionInput.value.length > 0\">\n <mat-option\n *ngFor=\"let option of filteredOptions\"\n [value]=\"option\"\n (mousedown)=$event.preventDefault()\n [disabled]=\"isOptionSelected(option)\"\n [attr.data-automation-id]=\"'option-' + option.value\"\n [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate : { searchTerm: option.fullPath || option.value }) : undefined\"\n class=\"adf-search-chip-autocomplete-added-option\"\n [ngClass]=\"isOptionSelected(option) && 'adf-autocomplete-added-option'\"\n >\n {{ option.fullPath || option.value }}\n </mat-option>\n </ng-container>\n </mat-autocomplete>\n</mat-form-field>\n", styles: ["adf-search-chip-autocomplete-input .adf-chip-list{width:100%}adf-search-chip-autocomplete-input .adf-chip-list:has(.mdc-notched-outline){margin-top:4px}adf-search-chip-autocomplete-input .mat-mdc-form-text-infix{border:none}adf-search-chip-autocomplete-input .adf-chip-list.mat-mdc-form-field .mat-mdc-form-field-infix{padding-top:14px;padding-bottom:14px;min-height:unset}adf-search-chip-autocomplete-input .adf-search-properties-file-input{margin-left:3px}adf-search-chip-autocomplete-input .adf-autocomplete-added-option-chips.adf-option-chips{border:1px solid var(--theme-text-color);border-radius:10px;background-color:var(--theme-primary-color-default-contrast);height:auto;word-break:break-word;padding:4px 0}adf-search-chip-autocomplete-input .mdc-evolution-chip-set .mdc-evolution-chip{margin-left:0;margin-right:4px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button{font-size:13px;height:13px;width:13px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button .adf-option-chips-delete-icon.adf-autocomplete-added-option-chips-delete-icon{font-size:13px;height:13px;width:13px}.adf-search-chip-autocomplete-added-option.adf-autocomplete-added-option{background:var(--adf-theme-mat-grey-color-a200);color:var(--adf-theme-primary-300)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i6$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6310
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchChipAutocompleteInputComponent, isStandalone: true, selector: "adf-search-chip-autocomplete-input", inputs: { autocompleteOptions: "autocompleteOptions", preselectedOptions: "preselectedOptions", onReset$: "onReset$", allowOnlyPredefinedValues: "allowOnlyPredefinedValues", placeholder: "placeholder", compareOption: "compareOption", formatChipValue: "formatChipValue", filter: "filter" }, outputs: { optionsChanged: "optionsChanged", inputChanged: "inputChanged" }, viewQueries: [{ propertyName: "optionInput", first: true, predicate: ["optionInput"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<mat-form-field class=\"adf-chip-list\" appearance=\"outline\">\n <mat-label>{{ placeholder | translate }}</mat-label>\n <mat-chip-grid #chipList [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.OPTIONS-SELECTION' | translate\">\n <mat-chip-row\n class=\"adf-option-chips adf-autocomplete-added-option-chips\"\n *ngFor=\"let option of selectedOptions\"\n (removed)=\"remove(option)\">\n <span [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate:{searchTerm: option.fullPath}) : undefined\">\n {{ option.value }}\n </span>\n <button\n matChipRemove\n class=\"adf-option-chips-delete-button adf-autocomplete-added-option-chips-delete-button\"\n [title]=\"'SEARCH.FILTER.BUTTONS.REMOVE' | translate\"\n >\n <mat-icon class=\"adf-option-chips-delete-icon adf-autocomplete-added-option-chips-delete-icon\">close</mat-icon>\n </button>\n </mat-chip-row>\n <input\n placeholder=\"{{ placeholder | translate }}\"\n aria-controls=\"adf-search-chip-autocomplete\"\n #optionInput\n #autocompleteTrigger=\"matAutocompleteTrigger\"\n [formControl]=\"formCtrl\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n [attr.aria-label]=\"placeholder | translate\"\n class=\"adf-search-properties-file-input\"\n (matChipInputTokenEnd)=\"add($event)\"\n (blur)=\"activeAnyOption = false; autocompleteTrigger.closePanel()\"\n data-automation-id=\"adf-search-chip-autocomplete-input\">\n </mat-chip-grid>\n <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\" id=\"adf-search-chip-autocomplete\"\n (optionActivated)=\"activeAnyOption = true\" (closed)=\"activeAnyOption = false\">\n <ng-container *ngIf=\"optionInput.value.length > 0\">\n <mat-option\n *ngFor=\"let option of filteredOptions\"\n [value]=\"option\"\n (mousedown)=$event.preventDefault()\n [disabled]=\"isOptionSelected(option)\"\n [attr.data-automation-id]=\"'option-' + option.value\"\n [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate : { searchTerm: option.fullPath || option.value }) : undefined\"\n class=\"adf-search-chip-autocomplete-added-option\"\n [ngClass]=\"isOptionSelected(option) && 'adf-autocomplete-added-option'\"\n >\n {{ option.fullPath || option.value }}\n </mat-option>\n </ng-container>\n </mat-autocomplete>\n</mat-form-field>\n", styles: ["adf-search-chip-autocomplete-input .adf-chip-list{width:100%}adf-search-chip-autocomplete-input .adf-chip-list:has(.mdc-notched-outline){margin-top:4px}adf-search-chip-autocomplete-input .mat-mdc-form-text-infix{border:none}adf-search-chip-autocomplete-input .adf-chip-list.mat-mdc-form-field .mat-mdc-form-field-infix{padding-top:14px;padding-bottom:14px;min-height:unset}adf-search-chip-autocomplete-input .adf-search-properties-file-input{margin-left:3px}adf-search-chip-autocomplete-input .adf-autocomplete-added-option-chips.adf-option-chips{border:1px solid var(--theme-text-color);border-radius:10px;background-color:var(--theme-primary-color-default-contrast);height:auto;word-break:break-word;padding:4px 0}adf-search-chip-autocomplete-input .mdc-evolution-chip-set .mdc-evolution-chip{margin-left:0;margin-right:4px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button{font-size:13px;height:13px;width:13px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button .adf-option-chips-delete-icon.adf-autocomplete-added-option-chips-delete-icon{font-size:13px;height:13px;width:13px}.adf-search-chip-autocomplete-added-option.adf-autocomplete-added-option{background:var(--adf-theme-mat-grey-color-a200);color:var(--adf-theme-primary-300)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { 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: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i3$1.MatChipGrid, selector: "mat-chip-grid", inputs: ["disabled", "placeholder", "required", "value", "errorStateMatcher"], outputs: ["change", "valueChange"] }, { kind: "directive", type: i3$1.MatChipInput, selector: "input[matChipInputFor]", inputs: ["matChipInputFor", "matChipInputAddOnBlur", "matChipInputSeparatorKeyCodes", "placeholder", "id", "disabled"], outputs: ["matChipInputTokenEnd"], exportAs: ["matChipInput", "matChipInputFor"] }, { kind: "directive", type: i3$1.MatChipRemove, selector: "[matChipRemove]" }, { kind: "component", type: i3$1.MatChipRow, selector: "mat-chip-row, [mat-chip-row], mat-basic-chip-row, [mat-basic-chip-row]", inputs: ["editable"], outputs: ["edited"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i5$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1$3.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$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "ngmodule", type: MatAutocompleteModule }, { kind: "component", type: i6$1.MatAutocomplete, selector: "mat-autocomplete", inputs: ["aria-label", "aria-labelledby", "displayWith", "autoActiveFirstOption", "autoSelectActiveOption", "requireSelection", "panelWidth", "disableRipple", "class", "hideSingleSelectionIndicator"], outputs: ["optionSelected", "opened", "closed", "optionActivated"], exportAs: ["matAutocomplete"] }, { kind: "component", type: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "directive", type: i6$1.MatAutocompleteTrigger, selector: "input[matAutocomplete], textarea[matAutocomplete]", inputs: ["matAutocomplete", "matAutocompletePosition", "matAutocompleteConnectedTo", "autocomplete", "matAutocompleteDisabled"], exportAs: ["matAutocompleteTrigger"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6311
6311
|
}
|
|
6312
6312
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchChipAutocompleteInputComponent, decorators: [{
|
|
6313
6313
|
type: Component,
|
|
6314
|
-
args: [{ selector: 'adf-search-chip-autocomplete-input', imports: [CommonModule, MatFormFieldModule, MatChipsModule, TranslatePipe, MatIconModule, ReactiveFormsModule, MatAutocompleteModule], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"adf-chip-list\" appearance=\"outline\">\n <mat-chip-grid #chipList [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.OPTIONS-SELECTION' | translate\">\n <mat-chip-row\n class=\"adf-option-chips adf-autocomplete-added-option-chips\"\n *ngFor=\"let option of selectedOptions\"\n (removed)=\"remove(option)\">\n <span [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate:{searchTerm: option.fullPath}) : undefined\">\n {{ option.value }}\n </span>\n <button\n matChipRemove\n class=\"adf-option-chips-delete-button adf-autocomplete-added-option-chips-delete-button\"\n [title]=\"'SEARCH.FILTER.BUTTONS.REMOVE' | translate\"\n >\n <mat-icon class=\"adf-option-chips-delete-icon adf-autocomplete-added-option-chips-delete-icon\">close</mat-icon>\n </button>\n </mat-chip-row>\n <input\n placeholder=\"{{ placeholder | translate }}\"\n aria-controls=\"adf-search-chip-autocomplete\"\n #optionInput\n #autocompleteTrigger=\"matAutocompleteTrigger\"\n [formControl]=\"formCtrl\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n [attr.aria-label]=\"placeholder | translate\"\n class=\"adf-search-properties-file-input\"\n (matChipInputTokenEnd)=\"add($event)\"\n (blur)=\"activeAnyOption = false; autocompleteTrigger.closePanel()\"\n data-automation-id=\"adf-search-chip-autocomplete-input\">\n </mat-chip-grid>\n <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\" id=\"adf-search-chip-autocomplete\"\n (optionActivated)=\"activeAnyOption = true\" (closed)=\"activeAnyOption = false\">\n <ng-container *ngIf=\"optionInput.value.length > 0\">\n <mat-option\n *ngFor=\"let option of filteredOptions\"\n [value]=\"option\"\n (mousedown)=$event.preventDefault()\n [disabled]=\"isOptionSelected(option)\"\n [attr.data-automation-id]=\"'option-' + option.value\"\n [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate : { searchTerm: option.fullPath || option.value }) : undefined\"\n class=\"adf-search-chip-autocomplete-added-option\"\n [ngClass]=\"isOptionSelected(option) && 'adf-autocomplete-added-option'\"\n >\n {{ option.fullPath || option.value }}\n </mat-option>\n </ng-container>\n </mat-autocomplete>\n</mat-form-field>\n", styles: ["adf-search-chip-autocomplete-input .adf-chip-list{width:100%}adf-search-chip-autocomplete-input .adf-chip-list:has(.mdc-notched-outline){margin-top:4px}adf-search-chip-autocomplete-input .mat-mdc-form-text-infix{border:none}adf-search-chip-autocomplete-input .adf-chip-list.mat-mdc-form-field .mat-mdc-form-field-infix{padding-top:14px;padding-bottom:14px;min-height:unset}adf-search-chip-autocomplete-input .adf-search-properties-file-input{margin-left:3px}adf-search-chip-autocomplete-input .adf-autocomplete-added-option-chips.adf-option-chips{border:1px solid var(--theme-text-color);border-radius:10px;background-color:var(--theme-primary-color-default-contrast);height:auto;word-break:break-word;padding:4px 0}adf-search-chip-autocomplete-input .mdc-evolution-chip-set .mdc-evolution-chip{margin-left:0;margin-right:4px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button{font-size:13px;height:13px;width:13px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button .adf-option-chips-delete-icon.adf-autocomplete-added-option-chips-delete-icon{font-size:13px;height:13px;width:13px}.adf-search-chip-autocomplete-added-option.adf-autocomplete-added-option{background:var(--adf-theme-mat-grey-color-a200);color:var(--adf-theme-primary-300)}\n"] }]
|
|
6314
|
+
args: [{ selector: 'adf-search-chip-autocomplete-input', imports: [CommonModule, MatFormFieldModule, MatChipsModule, TranslatePipe, MatIconModule, ReactiveFormsModule, MatAutocompleteModule], encapsulation: ViewEncapsulation.None, template: "<mat-form-field class=\"adf-chip-list\" appearance=\"outline\">\n <mat-label>{{ placeholder | translate }}</mat-label>\n <mat-chip-grid #chipList [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.OPTIONS-SELECTION' | translate\">\n <mat-chip-row\n class=\"adf-option-chips adf-autocomplete-added-option-chips\"\n *ngFor=\"let option of selectedOptions\"\n (removed)=\"remove(option)\">\n <span [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate:{searchTerm: option.fullPath}) : undefined\">\n {{ option.value }}\n </span>\n <button\n matChipRemove\n class=\"adf-option-chips-delete-button adf-autocomplete-added-option-chips-delete-button\"\n [title]=\"'SEARCH.FILTER.BUTTONS.REMOVE' | translate\"\n >\n <mat-icon class=\"adf-option-chips-delete-icon adf-autocomplete-added-option-chips-delete-icon\">close</mat-icon>\n </button>\n </mat-chip-row>\n <input\n placeholder=\"{{ placeholder | translate }}\"\n aria-controls=\"adf-search-chip-autocomplete\"\n #optionInput\n #autocompleteTrigger=\"matAutocompleteTrigger\"\n [formControl]=\"formCtrl\"\n [matAutocomplete]=\"auto\"\n [matChipInputFor]=\"chipList\"\n [matChipInputSeparatorKeyCodes]=\"separatorKeysCodes\"\n [attr.aria-label]=\"placeholder | translate\"\n class=\"adf-search-properties-file-input\"\n (matChipInputTokenEnd)=\"add($event)\"\n (blur)=\"activeAnyOption = false; autocompleteTrigger.closePanel()\"\n data-automation-id=\"adf-search-chip-autocomplete-input\">\n </mat-chip-grid>\n <mat-autocomplete #auto=\"matAutocomplete\" (optionSelected)=\"selected($event)\" id=\"adf-search-chip-autocomplete\"\n (optionActivated)=\"activeAnyOption = true\" (closed)=\"activeAnyOption = false\">\n <ng-container *ngIf=\"optionInput.value.length > 0\">\n <mat-option\n *ngFor=\"let option of filteredOptions\"\n [value]=\"option\"\n (mousedown)=$event.preventDefault()\n [disabled]=\"isOptionSelected(option)\"\n [attr.data-automation-id]=\"'option-' + option.value\"\n [title]=\"option.fullPath ? ('SEARCH.RESULTS.WILL_CONTAIN' | translate : { searchTerm: option.fullPath || option.value }) : undefined\"\n class=\"adf-search-chip-autocomplete-added-option\"\n [ngClass]=\"isOptionSelected(option) && 'adf-autocomplete-added-option'\"\n >\n {{ option.fullPath || option.value }}\n </mat-option>\n </ng-container>\n </mat-autocomplete>\n</mat-form-field>\n", styles: ["adf-search-chip-autocomplete-input .adf-chip-list{width:100%}adf-search-chip-autocomplete-input .adf-chip-list:has(.mdc-notched-outline){margin-top:4px}adf-search-chip-autocomplete-input .mat-mdc-form-text-infix{border:none}adf-search-chip-autocomplete-input .adf-chip-list.mat-mdc-form-field .mat-mdc-form-field-infix{padding-top:14px;padding-bottom:14px;min-height:unset}adf-search-chip-autocomplete-input .adf-search-properties-file-input{margin-left:3px}adf-search-chip-autocomplete-input .adf-autocomplete-added-option-chips.adf-option-chips{border:1px solid var(--theme-text-color);border-radius:10px;background-color:var(--theme-primary-color-default-contrast);height:auto;word-break:break-word;padding:4px 0}adf-search-chip-autocomplete-input .mdc-evolution-chip-set .mdc-evolution-chip{margin-left:0;margin-right:4px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button{font-size:13px;height:13px;width:13px}adf-search-chip-autocomplete-input .adf-option-chips-delete-button.adf-autocomplete-added-option-chips-delete-button .adf-option-chips-delete-icon.adf-autocomplete-added-option-chips-delete-icon{font-size:13px;height:13px;width:13px}.adf-search-chip-autocomplete-added-option.adf-autocomplete-added-option{background:var(--adf-theme-mat-grey-color-a200);color:var(--adf-theme-primary-300)}\n"] }]
|
|
6315
6315
|
}], propDecorators: { optionInput: [{
|
|
6316
6316
|
type: ViewChild,
|
|
6317
6317
|
args: ['optionInput']
|
|
@@ -6784,11 +6784,19 @@ class SearchPropertiesComponent {
|
|
|
6784
6784
|
return `${this.getCssStyle(el, 'font-weight')} ${this.getCssStyle(el, 'font-size')} ${this.getCssStyle(el, 'font-family')}`;
|
|
6785
6785
|
}
|
|
6786
6786
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchPropertiesComponent, deps: [{ token: i1$3.FormBuilder }, { token: i2$3.TranslateService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
6787
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchPropertiesComponent, isStandalone: true, selector: "adf-search-properties", viewQueries: [{ propertyName: "fileSizeOperatorSelectElement", first: true, predicate: ["fileSizeOperatorSelect"], descendants: true, read: ElementRef }], ngImport: i0, template: "<form [formGroup]=\"form\" class=\"adf-search-properties-form\">\n <div class=\"adf-search-properties-file-size-container\">\n <label\n for=\"adf-search-properties-file-size\"\n class=\"adf-search-properties-file-size-label\">\n {{ 'SEARCH.SEARCH_PROPERTIES.FILE_SIZE' | translate }}\n </label>\n <mat-form-field\n [style.width.px]=\"fileSizeOperatorsMaxWidth\"\n subscriptSizing=\"dynamic\"\n class=\"adf-search-properties-file-size-operator\">\n <mat-select\n data-automation-id=\"adf-search-properties-file-size-operator-select\"\n [formControl]=\"form.controls.fileSizeOperator\"\n #fileSizeOperatorSelect>\n <mat-option\n *ngFor=\"let fileSizeOperator of fileSizeOperators\"\n [value]=\"fileSizeOperator\">\n {{ fileSizeOperator | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n <input\n [formControl]=\"form.controls.fileSize\"\n type=\"number\"\n min=\"0\"\n step=\"any\"\n (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\"\n id=\"adf-search-properties-file-size\"\n [placeholder]=\"'SEARCH.SEARCH_PROPERTIES.FILE_SIZE_PLACEHOLDER' | translate\"\n (blur)=\"clearNumberFieldWhenInvalid($event)\"\n data-automation-id=\"adf-search-properties-file-size-input\" />\n <mat-form-field class=\"adf-search-properties-file-size-unit\" subscriptSizing=\"dynamic\">\n <mat-select\n [formControl]=\"form.controls.fileSizeUnit\"\n data-automation-id=\"adf-search-properties-file-size-unit-select\">\n <mat-option\n *ngFor=\"let fileSizeUnit of fileSizeUnits\"\n [value]=\"fileSizeUnit\">\n {{ fileSizeUnit.abbreviation | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n <p class=\"adf-search-properties-file-type-label\">{{ 'SEARCH.SEARCH_PROPERTIES.FILE_TYPE' | translate }}</p>\n <adf-search-chip-autocomplete-input\n [autocompleteOptions]=\"autocompleteOptions\"\n [preselectedOptions]=\"preselectedOptions\"\n (optionsChanged)=\"selectedExtensions = $event\"\n [onReset$]=\"reset$\"\n [allowOnlyPredefinedValues]=\"false\"\n [compareOption]=\"compareFileExtensions\"\n [formatChipValue]=\"getExtensionWithoutDot\"\n [filter]=\"filterExtensions\"\n placeholder=\"SEARCH.SEARCH_PROPERTIES.FILE_TYPE\" />\n</form>\n", styles: ["adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-file-size-label{margin-top:4px;display:block}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mdc-text-field--no-label .mat-mdc-form-field-infix{padding-top:9px;padding-bottom:9px;display:inline-block}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mat-mdc-form-field-infix{height:37.5px;min-height:37.5px;display:inline-block}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mat-mdc-select-trigger{height:17.5px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mat-mdc-select-arrow-wrapper{width:16px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mdc-line-ripple:before{display:none}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mat-mdc-select-arrow{margin-left:5px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mat-mdc-form-field{margin-bottom:18px}adf-search-properties .adf-search-properties-form adf-search-chip-autocomplete-input{display:block}adf-search-properties .adf-search-properties-form adf-search-chip-autocomplete-input .mdc-text-field--outlined-start,adf-search-properties .adf-search-properties-form adf-search-chip-autocomplete-input .mdc-text-field--outlined-end{border-top:1px solid var(--adf-theme-mat-grey-color-a400);border-bottom:1px solid var(--adf-theme-mat-grey-color-a400)}adf-search-properties .adf-search-properties-form adf-search-chip-autocomplete-input .mdc-text-field--outlined-start{border-left:1px solid var(--adf-theme-mat-grey-color-a400)}adf-search-properties .adf-search-properties-form adf-search-chip-autocomplete-input .mdc-text-field--outlined-end{border-right:1px solid var(--adf-theme-mat-grey-color-a400)}adf-search-properties .adf-search-properties-form adf-search-chip-autocomplete-input .mat-focused .mdc-text-field--outlined{outline:2px auto -webkit-focus-ring-color}adf-search-properties .adf-search-properties-form adf-search-chip-autocomplete-input .mat-form-field-appearance-outline .mdc-text-field--outlined-thick .mdc-text-field--outlined-start,adf-search-properties .adf-search-properties-form adf-search-chip-autocomplete-input .mat-form-field-appearance-outline .mdc-text-field--outlined-thick .mdc-text-field--outlined-end{border-width:1px}adf-search-properties .adf-search-properties-form adf-search-chip-autocomplete-input .mdc-notched-outline__leading{border-color:var(--adf-theme-foreground-text-color-027)}adf-search-properties .adf-search-properties-form adf-search-chip-autocomplete-input .mdc-notched-outline__trailing{border-color:var(--adf-theme-foreground-text-color-027)}adf-search-properties input,adf-search-properties .mat-form-field-infix.mat-form-field-infix{height:25px;border:1px solid var(--adf-theme-mat-grey-color-a400);border-radius:5px;margin-top:5px;padding:5px;font-size:14px;color:var(--adf-theme-foreground-text-color);margin-left:8px;margin-right:8px}adf-search-properties .adf-search-properties-file-size-operator .mat-mdc-form-field-infix,adf-search-properties .adf-search-properties-file-size-unit .mat-mdc-form-field-infix{border:1px solid var(--adf-theme-mat-grey-color-a400);border-radius:5px;padding:9px}adf-search-properties .adf-search-properties-file-size-operator.mat-focused .mat-mdc-form-field-infix,adf-search-properties .adf-search-properties-file-size-unit.mat-focused .mat-mdc-form-field-infix{outline:2px auto -webkit-focus-ring-color}adf-search-properties .adf-search-properties-file-size-unit{width:78px}adf-search-properties .adf-search-properties-file-type-label{margin-top:10px;margin-bottom:6px}.adf-search-filter-chip-menu-panel-properties{max-width:unset}\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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$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: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "component", type: SearchChipAutocompleteInputComponent, selector: "adf-search-chip-autocomplete-input", inputs: ["autocompleteOptions", "preselectedOptions", "onReset$", "allowOnlyPredefinedValues", "placeholder", "compareOption", "formatChipValue", "filter"], outputs: ["optionsChanged", "inputChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6787
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchPropertiesComponent, isStandalone: true, selector: "adf-search-properties", viewQueries: [{ propertyName: "fileSizeOperatorSelectElement", first: true, predicate: ["fileSizeOperatorSelect"], descendants: true, read: ElementRef }], ngImport: i0, template: "<form [formGroup]=\"form\" class=\"adf-search-properties-form\">\n <fieldset aria-labelledby=\"file-size-label\">\n <legend id=\"file-size-label\" class=\"adf-search-properties-file-size-label\">\n {{ 'SEARCH.SEARCH_PROPERTIES.FILE_SIZE' | translate }}\n </legend>\n <div class=\"adf-search-properties-file-size-container\">\n <mat-form-field\n class=\"adf-search-properties-form-field\"\n [style.flex]=\"'0 0 ' + fileSizeOperatorsMaxWidth + 'px'\"\n subscriptSizing=\"dynamic\"\n data-automation-id=\"adf-search-properties-file-size-operator\"\n appearance=\"outline\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.CONDITION' | translate }}</mat-label>\n <mat-select\n data-automation-id=\"adf-search-properties-file-size-operator-select\"\n [formControl]=\"form.controls.fileSizeOperator\"\n #fileSizeOperatorSelect>\n <mat-option\n *ngFor=\"let fileSizeOperator of fileSizeOperators\"\n [value]=\"fileSizeOperator\">\n {{ fileSizeOperator | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n <mat-form-field class=\"adf-search-properties-form-field\" appearance=\"outline\" floatLabel=\"always\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.SIZE_VALUE' | translate }}</mat-label>\n <input\n matInput\n [formControl]=\"form.controls.fileSize\"\n type=\"number\"\n min=\"0\"\n step=\"any\"\n (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\"\n id=\"adf-search-properties-file-size\"\n [placeholder]=\"'SEARCH.SEARCH_PROPERTIES.FILE_SIZE_PLACEHOLDER' | translate\"\n (blur)=\"clearNumberFieldWhenInvalid($event)\"\n data-automation-id=\"adf-search-properties-file-size-input\"/>\n </mat-form-field>\n <mat-form-field\n class=\"adf-search-properties-form-field\"\n data-automation-id=\"adf-search-properties-file-size-unit\"\n subscriptSizing=\"dynamic\"\n appearance=\"outline\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate }}</mat-label>\n <mat-select\n [attr.aria-label]=\"'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate\"\n [formControl]=\"form.controls.fileSizeUnit\"\n data-automation-id=\"adf-search-properties-file-size-unit-select\">\n <mat-option\n *ngFor=\"let fileSizeUnit of fileSizeUnits\"\n [value]=\"fileSizeUnit\">\n {{ fileSizeUnit.abbreviation | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </fieldset>\n <p class=\"adf-search-properties-file-type-label\">{{ 'SEARCH.SEARCH_PROPERTIES.FILE_TYPE' | translate }}</p>\n <adf-search-chip-autocomplete-input\n [autocompleteOptions]=\"autocompleteOptions\"\n [preselectedOptions]=\"preselectedOptions\"\n (optionsChanged)=\"selectedExtensions = $event\"\n [onReset$]=\"reset$\"\n [allowOnlyPredefinedValues]=\"false\"\n [compareOption]=\"compareFileExtensions\"\n [formatChipValue]=\"getExtensionWithoutDot\"\n [filter]=\"filterExtensions\"\n placeholder=\"SEARCH.SEARCH_PROPERTIES.FILE_TYPE\"/>\n</form>\n", styles: ["adf-search-properties .adf-search-properties-form fieldset{padding:0;margin:0;border:none}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-label{margin-top:4px;margin-bottom:10px;display:block}adf-search-properties .adf-search-properties-form .adf-search-properties-file-type-label{margin-top:10px;margin-bottom:6px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container{width:370px;display:flex}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mat-mdc-form-field-infix{height:37.5px;min-height:37.5px;padding-top:9px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mdc-text-field--outlined{padding:0 9px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field{width:100%;display:block;flex:1}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(1){min-width:115px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(2){margin:0 8px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(3){max-width:90px}\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$3.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1$3.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$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "ngmodule", type: MatSelectModule }, { kind: "component", type: i3$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: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: SearchChipAutocompleteInputComponent, selector: "adf-search-chip-autocomplete-input", inputs: ["autocompleteOptions", "preselectedOptions", "onReset$", "allowOnlyPredefinedValues", "placeholder", "compareOption", "formatChipValue", "filter"], outputs: ["optionsChanged", "inputChanged"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
6788
6788
|
}
|
|
6789
6789
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchPropertiesComponent, decorators: [{
|
|
6790
6790
|
type: Component,
|
|
6791
|
-
args: [{ selector: 'adf-search-properties', imports: [
|
|
6791
|
+
args: [{ selector: 'adf-search-properties', imports: [
|
|
6792
|
+
CommonModule,
|
|
6793
|
+
ReactiveFormsModule,
|
|
6794
|
+
TranslatePipe,
|
|
6795
|
+
MatFormFieldModule,
|
|
6796
|
+
MatSelectModule,
|
|
6797
|
+
MatInputModule,
|
|
6798
|
+
SearchChipAutocompleteInputComponent
|
|
6799
|
+
], encapsulation: ViewEncapsulation.None, template: "<form [formGroup]=\"form\" class=\"adf-search-properties-form\">\n <fieldset aria-labelledby=\"file-size-label\">\n <legend id=\"file-size-label\" class=\"adf-search-properties-file-size-label\">\n {{ 'SEARCH.SEARCH_PROPERTIES.FILE_SIZE' | translate }}\n </legend>\n <div class=\"adf-search-properties-file-size-container\">\n <mat-form-field\n class=\"adf-search-properties-form-field\"\n [style.flex]=\"'0 0 ' + fileSizeOperatorsMaxWidth + 'px'\"\n subscriptSizing=\"dynamic\"\n data-automation-id=\"adf-search-properties-file-size-operator\"\n appearance=\"outline\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.CONDITION' | translate }}</mat-label>\n <mat-select\n data-automation-id=\"adf-search-properties-file-size-operator-select\"\n [formControl]=\"form.controls.fileSizeOperator\"\n #fileSizeOperatorSelect>\n <mat-option\n *ngFor=\"let fileSizeOperator of fileSizeOperators\"\n [value]=\"fileSizeOperator\">\n {{ fileSizeOperator | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n <mat-form-field class=\"adf-search-properties-form-field\" appearance=\"outline\" floatLabel=\"always\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.SIZE_VALUE' | translate }}</mat-label>\n <input\n matInput\n [formControl]=\"form.controls.fileSize\"\n type=\"number\"\n min=\"0\"\n step=\"any\"\n (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\"\n id=\"adf-search-properties-file-size\"\n [placeholder]=\"'SEARCH.SEARCH_PROPERTIES.FILE_SIZE_PLACEHOLDER' | translate\"\n (blur)=\"clearNumberFieldWhenInvalid($event)\"\n data-automation-id=\"adf-search-properties-file-size-input\"/>\n </mat-form-field>\n <mat-form-field\n class=\"adf-search-properties-form-field\"\n data-automation-id=\"adf-search-properties-file-size-unit\"\n subscriptSizing=\"dynamic\"\n appearance=\"outline\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate }}</mat-label>\n <mat-select\n [attr.aria-label]=\"'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate\"\n [formControl]=\"form.controls.fileSizeUnit\"\n data-automation-id=\"adf-search-properties-file-size-unit-select\">\n <mat-option\n *ngFor=\"let fileSizeUnit of fileSizeUnits\"\n [value]=\"fileSizeUnit\">\n {{ fileSizeUnit.abbreviation | translate }}\n </mat-option>\n </mat-select>\n </mat-form-field>\n </div>\n </fieldset>\n <p class=\"adf-search-properties-file-type-label\">{{ 'SEARCH.SEARCH_PROPERTIES.FILE_TYPE' | translate }}</p>\n <adf-search-chip-autocomplete-input\n [autocompleteOptions]=\"autocompleteOptions\"\n [preselectedOptions]=\"preselectedOptions\"\n (optionsChanged)=\"selectedExtensions = $event\"\n [onReset$]=\"reset$\"\n [allowOnlyPredefinedValues]=\"false\"\n [compareOption]=\"compareFileExtensions\"\n [formatChipValue]=\"getExtensionWithoutDot\"\n [filter]=\"filterExtensions\"\n placeholder=\"SEARCH.SEARCH_PROPERTIES.FILE_TYPE\"/>\n</form>\n", styles: ["adf-search-properties .adf-search-properties-form fieldset{padding:0;margin:0;border:none}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-label{margin-top:4px;margin-bottom:10px;display:block}adf-search-properties .adf-search-properties-form .adf-search-properties-file-type-label{margin-top:10px;margin-bottom:6px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container{width:370px;display:flex}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mat-mdc-form-field-infix{height:37.5px;min-height:37.5px;padding-top:9px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .mdc-text-field--outlined{padding:0 9px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field{width:100%;display:block;flex:1}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(1){min-width:115px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(2){margin:0 8px}adf-search-properties .adf-search-properties-form .adf-search-properties-file-size-container .adf-search-properties-form-field:nth-child(3){max-width:90px}\n"] }]
|
|
6792
6800
|
}], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: i2$3.TranslateService }], propDecorators: { fileSizeOperatorSelectElement: [{
|
|
6793
6801
|
type: ViewChild,
|
|
6794
6802
|
args: ['fileSizeOperatorSelect', { read: ElementRef }]
|
|
@@ -7064,7 +7072,7 @@ class SearchDateRangeComponent {
|
|
|
7064
7072
|
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchDateRangeComponent, isStandalone: true, selector: "adf-search-date-range", inputs: { dateFormat: "dateFormat", maxDate: "maxDate", field: "field", initialValue: "initialValue" }, outputs: { changed: "changed", valid: "valid" }, host: { classAttribute: "adf-search-date-range" }, providers: [
|
|
7065
7073
|
{ provide: DateAdapter, useClass: DateFnsAdapter, deps: [MAT_DATE_LOCALE] },
|
|
7066
7074
|
{ provide: MAT_DATE_FORMATS, useValue: MAT_DATE_FNS_FORMATS }
|
|
7067
|
-
], ngImport: i0, template: "<div class=\"adf-search-date-range-container\" [formGroup]=\"form\">\n <mat-radio-group formControlName=\"dateRangeType\">\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.ANY\" data-automation-id=\"date-range-anytime\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.ANYTIME' | translate }}\n </mat-radio-button>\n </span>\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.IN_LAST\" data-automation-id=\"date-range-in-last\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.IN_LAST' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-input-field\" subscriptSizing=\"dynamic\">\n <input matInput [attr.aria-label]=\"'SEARCH.DATE_RANGE_ADVANCED.ARIA_LABEL.NUMBER_INPUT' | translate\"\n type=\"number\" min=\"1\" formControlName=\"inLastValue\"\n data-automation-id=\"date-range-in-last-input\" (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\">\n <mat-error *ngIf=\"form.controls.inLastValue.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.IN_LAST' | translate }}</mat-error>\n </mat-form-field>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-form-field-select\" subscriptSizing=\"dynamic\">\n <mat-select formControlName=\"inLastValueType\" data-automation-id=\"date-range-in-last-dropdown\">\n <mat-option data-automation-id=\"date-range-in-last-option-days\" [value]=\"InLastDateType.DAYS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.DAYS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-weeks\" [value]=\"InLastDateType.WEEKS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.WEEKS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-months\" [value]=\"InLastDateType.MONTHS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.MONTHS' | translate }}</mat-option>\n </mat-select>\n </mat-form-field>\n </span>\n <span class=\"adf-search-date-range-container-row adf-search-date-range-container-row-date\">\n <mat-radio-button [value]=\"DateRangeType.BETWEEN\" data-automation-id=\"date-range-between\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.BETWEEN' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field\" subscriptSizing=\"dynamic\">\n <mat-date-range-input [rangePicker]=\"$any(picker)\" [max]=\"convertedMaxDate\">\n <input matStartDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.START_DATE' | translate }}\"\n data-automation-id=\"date-range-between-start-input\" [formControl]=\"betweenStartDateFormControl\" (change)=\"dateChanged($event, betweenStartDateFormControl)\">\n <input matEndDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.END_DATE' | translate }}\"\n data-automation-id=\"date-range-between-end-input\" [formControl]=\"betweenEndDateFormControl\" (change)=\"dateChanged($event, betweenEndDateFormControl)\">\n </mat-date-range-input>\n <mat-datepicker-toggle matSuffix [for]=\"picker\" data-automation-id=\"date-range-between-datepicker-toggle\" />\n <mat-date-range-picker #picker />\n\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.INVALID_FORMAT' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.REQUIRED' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.INVALID_FORMAT' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.REQUIRED' | translate }}</mat-error>\n </mat-form-field>\n </span>\n </mat-radio-group>\n</div>\n", styles: ["adf-search-date-range .adf-search-date-range-container{margin-top:20px;padding:10px}adf-search-date-range .adf-search-date-range-container .adf-search-date-range-form-field-select{width:180px;min-width:180px}adf-search-date-range .adf-search-date-range-container-row{display:flex;flex-direction:row;padding-bottom:21px;align-items:center}adf-search-date-range .adf-search-date-range-container-row-date{margin-top:8px}adf-search-date-range .adf-search-date-range-container-row .mat-mdc-select-arrow-wrapper{height:unset}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-input-field{width:75px}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-form-field{padding-left:10px;flex:1;margin-bottom:12px}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-form-field .mat-mdc-form-field-flex{align-items:center}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-form-field .mat-mdc-form-field-flex .mat-mdc-form-field-infix{padding:.375em 0 4px}adf-search-date-range .adf-search-widget-extra-width{max-width:500px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.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: ReactiveFormsModule }, { kind: "directive", type: i1$3.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$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: MatSelectModule }, { kind: "component", type: i3$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: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i10.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i10.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i10.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i10.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i10.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7075
|
+
], ngImport: i0, template: "<div class=\"adf-search-date-range-container\" [formGroup]=\"form\">\n <mat-radio-group formControlName=\"dateRangeType\">\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.ANY\" data-automation-id=\"date-range-anytime\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.ANYTIME' | translate }}\n </mat-radio-button>\n </span>\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.IN_LAST\" data-automation-id=\"date-range-in-last\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.IN_LAST' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-input-field\" subscriptSizing=\"dynamic\" floatLabel=\"always\">\n <mat-label id=\"adf-search-date-range-quantity-label\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.QUANTITY' | translate }}</mat-label>\n <input matInput [attr.aria-label]=\"'SEARCH.DATE_RANGE_ADVANCED.ARIA_LABEL.NUMBER_INPUT' | translate\"\n aria-labelledby=\"adf-search-date-range-quantity-label\"\n type=\"number\" min=\"1\" formControlName=\"inLastValue\"\n data-automation-id=\"date-range-in-last-input\" (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\">\n <mat-error *ngIf=\"form.controls.inLastValue.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.IN_LAST' | translate }}</mat-error>\n </mat-form-field>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-form-field-select\" subscriptSizing=\"dynamic\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate }}</mat-label>\n <mat-select formControlName=\"inLastValueType\" data-automation-id=\"date-range-in-last-dropdown\">\n <mat-option data-automation-id=\"date-range-in-last-option-days\" [value]=\"InLastDateType.DAYS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.DAYS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-weeks\" [value]=\"InLastDateType.WEEKS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.WEEKS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-months\" [value]=\"InLastDateType.MONTHS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.MONTHS' | translate }}</mat-option>\n </mat-select>\n </mat-form-field>\n </span>\n <span class=\"adf-search-date-range-container-row adf-search-date-range-container-row-date\">\n <mat-radio-button [value]=\"DateRangeType.BETWEEN\" data-automation-id=\"date-range-between\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.BETWEEN' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field\" subscriptSizing=\"dynamic\" floatLabel=\"always\">\n <mat-label>{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.DATE_RANGE' | translate }}</mat-label>\n <mat-date-range-input [rangePicker]=\"$any(picker)\" [max]=\"convertedMaxDate\">\n <input matStartDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.START_DATE' | translate }}\"\n data-automation-id=\"date-range-between-start-input\" [formControl]=\"betweenStartDateFormControl\" (change)=\"dateChanged($event, betweenStartDateFormControl)\">\n <input matEndDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.END_DATE' | translate }}\"\n data-automation-id=\"date-range-between-end-input\" [formControl]=\"betweenEndDateFormControl\" (change)=\"dateChanged($event, betweenEndDateFormControl)\">\n </mat-date-range-input>\n <mat-datepicker-toggle matSuffix [for]=\"picker\" data-automation-id=\"date-range-between-datepicker-toggle\" />\n <mat-date-range-picker #picker />\n\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.INVALID_FORMAT' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.REQUIRED' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.INVALID_FORMAT' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.REQUIRED' | translate }}</mat-error>\n </mat-form-field>\n </span>\n </mat-radio-group>\n</div>\n", styles: ["adf-search-date-range .adf-search-date-range-container{margin-top:20px;padding:10px}adf-search-date-range .adf-search-date-range-container .adf-search-date-range-form-field-select{width:180px;min-width:180px}adf-search-date-range .adf-search-date-range-container-row{display:flex;flex-direction:row;padding-bottom:21px;align-items:center}adf-search-date-range .adf-search-date-range-container-row-date{margin-top:8px}adf-search-date-range .adf-search-date-range-container-row .mat-mdc-select-arrow-wrapper{height:unset}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-input-field{width:75px}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-form-field{padding-left:10px;flex:1;margin-bottom:12px}adf-search-date-range .adf-search-widget-extra-width{max-width:500px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatRadioModule }, { kind: "directive", type: i2.MatRadioGroup, selector: "mat-radio-group", inputs: ["color", "name", "labelPosition", "value", "selected", "disabled", "required", "disabledInteractive"], outputs: ["change"], exportAs: ["matRadioGroup"] }, { kind: "component", type: i2.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: ReactiveFormsModule }, { kind: "directive", type: i1$3.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$3.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$3.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$3.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i6.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i6.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i6.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i7.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: MatSelectModule }, { kind: "component", type: i3$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: i6$1.MatOption, selector: "mat-option", inputs: ["value", "id", "disabled"], outputs: ["onSelectionChange"], exportAs: ["matOption"] }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "component", type: i10.MatDatepickerToggle, selector: "mat-datepicker-toggle", inputs: ["for", "tabIndex", "aria-label", "disabled", "disableRipple"], exportAs: ["matDatepickerToggle"] }, { kind: "component", type: i10.MatDateRangeInput, selector: "mat-date-range-input", inputs: ["rangePicker", "required", "dateFilter", "min", "max", "disabled", "separator", "comparisonStart", "comparisonEnd"], exportAs: ["matDateRangeInput"] }, { kind: "directive", type: i10.MatStartDate, selector: "input[matStartDate]", outputs: ["dateChange", "dateInput"] }, { kind: "directive", type: i10.MatEndDate, selector: "input[matEndDate]", outputs: ["dateChange", "dateInput"] }, { kind: "component", type: i10.MatDateRangePicker, selector: "mat-date-range-picker", exportAs: ["matDateRangePicker"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
7068
7076
|
}
|
|
7069
7077
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchDateRangeComponent, decorators: [{
|
|
7070
7078
|
type: Component,
|
|
@@ -7080,7 +7088,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
7080
7088
|
], providers: [
|
|
7081
7089
|
{ provide: DateAdapter, useClass: DateFnsAdapter, deps: [MAT_DATE_LOCALE] },
|
|
7082
7090
|
{ provide: MAT_DATE_FORMATS, useValue: MAT_DATE_FNS_FORMATS }
|
|
7083
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-date-range' }, template: "<div class=\"adf-search-date-range-container\" [formGroup]=\"form\">\n <mat-radio-group formControlName=\"dateRangeType\">\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.ANY\" data-automation-id=\"date-range-anytime\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.ANYTIME' | translate }}\n </mat-radio-button>\n </span>\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.IN_LAST\" data-automation-id=\"date-range-in-last\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.IN_LAST' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-input-field\" subscriptSizing=\"dynamic\">\n <input matInput [attr.aria-label]=\"'SEARCH.DATE_RANGE_ADVANCED.ARIA_LABEL.NUMBER_INPUT' | translate\"\n type=\"number\" min=\"1\" formControlName=\"inLastValue\"\n data-automation-id=\"date-range-in-last-input\" (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\">\n <mat-error *ngIf=\"form.controls.inLastValue.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.IN_LAST' | translate }}</mat-error>\n </mat-form-field>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-form-field-select\" subscriptSizing=\"dynamic\">\n <mat-select formControlName=\"inLastValueType\" data-automation-id=\"date-range-in-last-dropdown\">\n <mat-option data-automation-id=\"date-range-in-last-option-days\" [value]=\"InLastDateType.DAYS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.DAYS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-weeks\" [value]=\"InLastDateType.WEEKS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.WEEKS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-months\" [value]=\"InLastDateType.MONTHS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.MONTHS' | translate }}</mat-option>\n </mat-select>\n </mat-form-field>\n </span>\n <span class=\"adf-search-date-range-container-row adf-search-date-range-container-row-date\">\n <mat-radio-button [value]=\"DateRangeType.BETWEEN\" data-automation-id=\"date-range-between\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.BETWEEN' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field\" subscriptSizing=\"dynamic\">\n <mat-date-range-input [rangePicker]=\"$any(picker)\" [max]=\"convertedMaxDate\">\n <input matStartDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.START_DATE' | translate }}\"\n data-automation-id=\"date-range-between-start-input\" [formControl]=\"betweenStartDateFormControl\" (change)=\"dateChanged($event, betweenStartDateFormControl)\">\n <input matEndDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.END_DATE' | translate }}\"\n data-automation-id=\"date-range-between-end-input\" [formControl]=\"betweenEndDateFormControl\" (change)=\"dateChanged($event, betweenEndDateFormControl)\">\n </mat-date-range-input>\n <mat-datepicker-toggle matSuffix [for]=\"picker\" data-automation-id=\"date-range-between-datepicker-toggle\" />\n <mat-date-range-picker #picker />\n\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.INVALID_FORMAT' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.REQUIRED' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.INVALID_FORMAT' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.REQUIRED' | translate }}</mat-error>\n </mat-form-field>\n </span>\n </mat-radio-group>\n</div>\n", styles: ["adf-search-date-range .adf-search-date-range-container{margin-top:20px;padding:10px}adf-search-date-range .adf-search-date-range-container .adf-search-date-range-form-field-select{width:180px;min-width:180px}adf-search-date-range .adf-search-date-range-container-row{display:flex;flex-direction:row;padding-bottom:21px;align-items:center}adf-search-date-range .adf-search-date-range-container-row-date{margin-top:8px}adf-search-date-range .adf-search-date-range-container-row .mat-mdc-select-arrow-wrapper{height:unset}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-input-field{width:75px}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-form-field{padding-left:10px;flex:1;margin-bottom:12px}adf-search-date-range .adf-search-
|
|
7091
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-search-date-range' }, template: "<div class=\"adf-search-date-range-container\" [formGroup]=\"form\">\n <mat-radio-group formControlName=\"dateRangeType\">\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.ANY\" data-automation-id=\"date-range-anytime\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.ANYTIME' | translate }}\n </mat-radio-button>\n </span>\n <span class=\"adf-search-date-range-container-row\">\n <mat-radio-button [value]=\"DateRangeType.IN_LAST\" data-automation-id=\"date-range-in-last\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.IN_LAST' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-input-field\" subscriptSizing=\"dynamic\" floatLabel=\"always\">\n <mat-label id=\"adf-search-date-range-quantity-label\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.QUANTITY' | translate }}</mat-label>\n <input matInput [attr.aria-label]=\"'SEARCH.DATE_RANGE_ADVANCED.ARIA_LABEL.NUMBER_INPUT' | translate\"\n aria-labelledby=\"adf-search-date-range-quantity-label\"\n type=\"number\" min=\"1\" formControlName=\"inLastValue\"\n data-automation-id=\"date-range-in-last-input\" (input)=\"narrowDownAllowedCharacters($event)\"\n (keydown)=\"preventIncorrectNumberCharacters($event)\">\n <mat-error *ngIf=\"form.controls.inLastValue.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.IN_LAST' | translate }}</mat-error>\n </mat-form-field>\n <mat-form-field class=\"adf-search-date-range-form-field adf-search-date-range-form-field-select\" subscriptSizing=\"dynamic\">\n <mat-label>{{ 'SEARCH.SEARCH_PROPERTIES.ACCESSIBILITY.UNIT' | translate }}</mat-label>\n <mat-select formControlName=\"inLastValueType\" data-automation-id=\"date-range-in-last-dropdown\">\n <mat-option data-automation-id=\"date-range-in-last-option-days\" [value]=\"InLastDateType.DAYS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.DAYS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-weeks\" [value]=\"InLastDateType.WEEKS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.WEEKS' | translate }}</mat-option>\n <mat-option data-automation-id=\"date-range-in-last-option-months\" [value]=\"InLastDateType.MONTHS\">{{ 'SEARCH.DATE_RANGE_ADVANCED.IN_LAST_LABELS.MONTHS' | translate }}</mat-option>\n </mat-select>\n </mat-form-field>\n </span>\n <span class=\"adf-search-date-range-container-row adf-search-date-range-container-row-date\">\n <mat-radio-button [value]=\"DateRangeType.BETWEEN\" data-automation-id=\"date-range-between\">\n {{ 'SEARCH.DATE_RANGE_ADVANCED.OPTIONS.BETWEEN' | translate }}\n </mat-radio-button>\n <mat-form-field class=\"adf-search-date-range-form-field\" subscriptSizing=\"dynamic\" floatLabel=\"always\">\n <mat-label>{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.DATE_RANGE' | translate }}</mat-label>\n <mat-date-range-input [rangePicker]=\"$any(picker)\" [max]=\"convertedMaxDate\">\n <input matStartDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.START_DATE' | translate }}\"\n data-automation-id=\"date-range-between-start-input\" [formControl]=\"betweenStartDateFormControl\" (change)=\"dateChanged($event, betweenStartDateFormControl)\">\n <input matEndDate placeholder=\"{{ 'SEARCH.DATE_RANGE_ADVANCED.BETWEEN_PLACEHOLDERS.END_DATE' | translate }}\"\n data-automation-id=\"date-range-between-end-input\" [formControl]=\"betweenEndDateFormControl\" (change)=\"dateChanged($event, betweenEndDateFormControl)\">\n </mat-date-range-input>\n <mat-datepicker-toggle matSuffix [for]=\"picker\" data-automation-id=\"date-range-between-datepicker-toggle\" />\n <mat-date-range-picker #picker />\n\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.INVALID_FORMAT' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenStartDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.START_DATE.REQUIRED' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.invalidDate\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.INVALID_FORMAT' | translate }}</mat-error>\n <mat-error *ngIf=\"betweenEndDateFormControl.errors?.required\">{{ 'SEARCH.DATE_RANGE_ADVANCED.ERROR.END_DATE.REQUIRED' | translate }}</mat-error>\n </mat-form-field>\n </span>\n </mat-radio-group>\n</div>\n", styles: ["adf-search-date-range .adf-search-date-range-container{margin-top:20px;padding:10px}adf-search-date-range .adf-search-date-range-container .adf-search-date-range-form-field-select{width:180px;min-width:180px}adf-search-date-range .adf-search-date-range-container-row{display:flex;flex-direction:row;padding-bottom:21px;align-items:center}adf-search-date-range .adf-search-date-range-container-row-date{margin-top:8px}adf-search-date-range .adf-search-date-range-container-row .mat-mdc-select-arrow-wrapper{height:unset}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-input-field{width:75px}adf-search-date-range .adf-search-date-range-container-row .adf-search-date-range-form-field{padding-left:10px;flex:1;margin-bottom:12px}adf-search-date-range .adf-search-widget-extra-width{max-width:500px}\n"] }]
|
|
7084
7092
|
}], ctorParameters: () => [{ type: i1$3.FormBuilder }, { type: i1.UserPreferencesService }, { type: i1$4.DateAdapter }, { type: undefined, decorators: [{
|
|
7085
7093
|
type: Inject,
|
|
7086
7094
|
args: [MAT_DATE_FORMATS]
|
|
@@ -11332,11 +11340,11 @@ class SearchFilterChipsComponent {
|
|
|
11332
11340
|
.subscribe(() => (this.facetChipTabbedId = 'search-fact-chip-tabbed-' + this.facetFiltersService.tabbedFacet?.fields.join('-')));
|
|
11333
11341
|
}
|
|
11334
11342
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterChipsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
11335
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchFilterChipsComponent, isStandalone: true, selector: "adf-search-filter-chips", inputs: { showContextFacets: "showContextFacets" }, ngImport: i0, template: "<mat-chip-set [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.SEARCH_FILTER' | translate\">\n <ng-container *ngFor=\"let category of categories\">\n <adf-search-widget-chip [category]=\"category\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && tabbedFacet\">\n <adf-search-facet-chip-tabbed\n [tabbedFacet]=\"tabbedFacet\"\n [attr.data-automation-id]=\"facetChipTabbedId\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && responseFacets\">\n <ng-container *ngFor=\"let field of responseFacets\">\n <adf-search-facet-chip [field]=\"field\" [attr.data-automation-id]=\"'search-fact-chip-' + field.field\" />\n </ng-container>\n </ng-container>\n\n <ng-content />\n</mat-chip-set>\n", styles: [".adf-search-filter-chip,.adf-search-filter-chip-tabbed{height:32px;max-width:320px;text-overflow:ellipsis;overflow:hidden;background:var(--adf-theme-background-unselected-chip-color)}.adf-search-filter-chip.adf-search-toggle-chip,.adf-search-filter-chip-tabbed.adf-search-toggle-chip{background:var(--adf-theme-background-card-color);border:2px solid var(--theme-primary-color)}.adf-search-filter-chip .adf-search-filter-placeholder,.adf-search-filter-chip-tabbed .adf-search-filter-placeholder{flex:1 1 auto;white-space:nowrap;color:var(--adf-theme-foreground-disabled-text-color)}.adf-search-filter-chip.adf-search-filter-facet-chip:after,.adf-search-filter-chip-tabbed.adf-search-filter-facet-chip:after{background:var(--adf-theme-background-unselected-chip-color);color:unset}.adf-search-filter-chip .adf-search-filter-ellipsis,.adf-search-filter-chip-tabbed .adf-search-filter-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:300}.adf-search-filter-chip .adf-filter-value,.adf-search-filter-chip-tabbed .adf-filter-value{font-weight:500}.adf-search-filter-chip .adf-search-filter-chip-icon,.adf-search-filter-chip-tabbed .adf-search-filter-chip-icon{padding-left:5px}.adf-search-filter-chip-menu+* .adf-search-filter-chip-menu-panel,.adf-search-filter-chip-tabbed-menu+* .adf-search-filter-chip-menu-panel{min-width:320px;border-radius:12px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.adf-search-filter-chip
|
|
11343
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchFilterChipsComponent, isStandalone: true, selector: "adf-search-filter-chips", inputs: { showContextFacets: "showContextFacets" }, ngImport: i0, template: "<mat-chip-set [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.SEARCH_FILTER' | translate\">\n <ng-container *ngFor=\"let category of categories\">\n <adf-search-widget-chip [category]=\"category\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && tabbedFacet\">\n <adf-search-facet-chip-tabbed\n [tabbedFacet]=\"tabbedFacet\"\n [attr.data-automation-id]=\"facetChipTabbedId\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && responseFacets\">\n <ng-container *ngFor=\"let field of responseFacets\">\n <adf-search-facet-chip [field]=\"field\" [attr.data-automation-id]=\"'search-fact-chip-' + field.field\" />\n </ng-container>\n </ng-container>\n\n <ng-content />\n</mat-chip-set>\n", styles: [".adf-search-filter-chip,.adf-search-filter-chip-tabbed{height:32px;max-width:320px;text-overflow:ellipsis;overflow:hidden;background:var(--adf-theme-background-unselected-chip-color)}.adf-search-filter-chip.adf-search-toggle-chip,.adf-search-filter-chip-tabbed.adf-search-toggle-chip{background:var(--adf-theme-background-card-color);border:2px solid var(--theme-primary-color)}.adf-search-filter-chip .adf-search-filter-placeholder,.adf-search-filter-chip-tabbed .adf-search-filter-placeholder{flex:1 1 auto;white-space:nowrap;color:var(--adf-theme-foreground-disabled-text-color)}.adf-search-filter-chip.adf-search-filter-facet-chip:after,.adf-search-filter-chip-tabbed.adf-search-filter-facet-chip:after{background:var(--adf-theme-background-unselected-chip-color);color:unset}.adf-search-filter-chip .adf-search-filter-ellipsis,.adf-search-filter-chip-tabbed .adf-search-filter-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:300}.adf-search-filter-chip .adf-filter-value,.adf-search-filter-chip-tabbed .adf-filter-value{font-weight:500}.adf-search-filter-chip .adf-search-filter-chip-icon,.adf-search-filter-chip-tabbed .adf-search-filter-chip-icon{padding-left:5px}.adf-search-filter-chip-menu+* .adf-search-filter-chip-menu-panel,.adf-search-filter-chip-tabbed-menu+* .adf-search-filter-chip-menu-panel{min-width:320px;border-radius:12px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.adf-search-filter-chip.mdc-evolution-chip.mat-mdc-standard-chip{margin-top:0;margin-bottom:0}.mat-mdc-standard-chip{-webkit-font-smoothing:unset}.mdc-evolution-chip-set{margin-top:-4px}\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: MatChipsModule }, { kind: "component", type: i3$1.MatChipSet, selector: "mat-chip-set", inputs: ["disabled", "role", "tabIndex"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "component", type: SearchFacetChipTabbedComponent, selector: "adf-search-facet-chip-tabbed", inputs: ["tabbedFacet"] }, { kind: "component", type: SearchFacetChipComponent, selector: "adf-search-facet-chip", inputs: ["field"] }, { kind: "component", type: SearchWidgetChipComponent, selector: "adf-search-widget-chip", inputs: ["category"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
11336
11344
|
}
|
|
11337
11345
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchFilterChipsComponent, decorators: [{
|
|
11338
11346
|
type: Component,
|
|
11339
|
-
args: [{ selector: 'adf-search-filter-chips', imports: [CommonModule, MatChipsModule, TranslatePipe, SearchFacetChipTabbedComponent, SearchFacetChipComponent, SearchWidgetChipComponent], encapsulation: ViewEncapsulation.None, template: "<mat-chip-set [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.SEARCH_FILTER' | translate\">\n <ng-container *ngFor=\"let category of categories\">\n <adf-search-widget-chip [category]=\"category\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && tabbedFacet\">\n <adf-search-facet-chip-tabbed\n [tabbedFacet]=\"tabbedFacet\"\n [attr.data-automation-id]=\"facetChipTabbedId\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && responseFacets\">\n <ng-container *ngFor=\"let field of responseFacets\">\n <adf-search-facet-chip [field]=\"field\" [attr.data-automation-id]=\"'search-fact-chip-' + field.field\" />\n </ng-container>\n </ng-container>\n\n <ng-content />\n</mat-chip-set>\n", styles: [".adf-search-filter-chip,.adf-search-filter-chip-tabbed{height:32px;max-width:320px;text-overflow:ellipsis;overflow:hidden;background:var(--adf-theme-background-unselected-chip-color)}.adf-search-filter-chip.adf-search-toggle-chip,.adf-search-filter-chip-tabbed.adf-search-toggle-chip{background:var(--adf-theme-background-card-color);border:2px solid var(--theme-primary-color)}.adf-search-filter-chip .adf-search-filter-placeholder,.adf-search-filter-chip-tabbed .adf-search-filter-placeholder{flex:1 1 auto;white-space:nowrap;color:var(--adf-theme-foreground-disabled-text-color)}.adf-search-filter-chip.adf-search-filter-facet-chip:after,.adf-search-filter-chip-tabbed.adf-search-filter-facet-chip:after{background:var(--adf-theme-background-unselected-chip-color);color:unset}.adf-search-filter-chip .adf-search-filter-ellipsis,.adf-search-filter-chip-tabbed .adf-search-filter-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:300}.adf-search-filter-chip .adf-filter-value,.adf-search-filter-chip-tabbed .adf-filter-value{font-weight:500}.adf-search-filter-chip .adf-search-filter-chip-icon,.adf-search-filter-chip-tabbed .adf-search-filter-chip-icon{padding-left:5px}.adf-search-filter-chip-menu+* .adf-search-filter-chip-menu-panel,.adf-search-filter-chip-tabbed-menu+* .adf-search-filter-chip-menu-panel{min-width:320px;border-radius:12px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.adf-search-filter-chip
|
|
11347
|
+
args: [{ selector: 'adf-search-filter-chips', imports: [CommonModule, MatChipsModule, TranslatePipe, SearchFacetChipTabbedComponent, SearchFacetChipComponent, SearchWidgetChipComponent], encapsulation: ViewEncapsulation.None, template: "<mat-chip-set [attr.aria-label]=\"'SEARCH.FILTER.ARIA-LABEL.SEARCH_FILTER' | translate\">\n <ng-container *ngFor=\"let category of categories\">\n <adf-search-widget-chip [category]=\"category\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && tabbedFacet\">\n <adf-search-facet-chip-tabbed\n [tabbedFacet]=\"tabbedFacet\"\n [attr.data-automation-id]=\"facetChipTabbedId\" />\n </ng-container>\n\n <ng-container *ngIf=\"showContextFacets && responseFacets\">\n <ng-container *ngFor=\"let field of responseFacets\">\n <adf-search-facet-chip [field]=\"field\" [attr.data-automation-id]=\"'search-fact-chip-' + field.field\" />\n </ng-container>\n </ng-container>\n\n <ng-content />\n</mat-chip-set>\n", styles: [".adf-search-filter-chip,.adf-search-filter-chip-tabbed{height:32px;max-width:320px;text-overflow:ellipsis;overflow:hidden;background:var(--adf-theme-background-unselected-chip-color)}.adf-search-filter-chip.adf-search-toggle-chip,.adf-search-filter-chip-tabbed.adf-search-toggle-chip{background:var(--adf-theme-background-card-color);border:2px solid var(--theme-primary-color)}.adf-search-filter-chip .adf-search-filter-placeholder,.adf-search-filter-chip-tabbed .adf-search-filter-placeholder{flex:1 1 auto;white-space:nowrap;color:var(--adf-theme-foreground-disabled-text-color)}.adf-search-filter-chip.adf-search-filter-facet-chip:after,.adf-search-filter-chip-tabbed.adf-search-filter-facet-chip:after{background:var(--adf-theme-background-unselected-chip-color);color:unset}.adf-search-filter-chip .adf-search-filter-ellipsis,.adf-search-filter-chip-tabbed .adf-search-filter-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:300}.adf-search-filter-chip .adf-filter-value,.adf-search-filter-chip-tabbed .adf-filter-value{font-weight:500}.adf-search-filter-chip .adf-search-filter-chip-icon,.adf-search-filter-chip-tabbed .adf-search-filter-chip-icon{padding-left:5px}.adf-search-filter-chip-menu+* .adf-search-filter-chip-menu-panel,.adf-search-filter-chip-tabbed-menu+* .adf-search-filter-chip-menu-panel{min-width:320px;border-radius:12px;box-shadow:0 3px 1px -2px #0003,0 2px 2px #00000024,0 1px 5px #0000001f}.adf-search-filter-chip.mdc-evolution-chip.mat-mdc-standard-chip{margin-top:0;margin-bottom:0}.mat-mdc-standard-chip{-webkit-font-smoothing:unset}.mdc-evolution-chip-set{margin-top:-4px}\n"] }]
|
|
11340
11348
|
}], propDecorators: { showContextFacets: [{
|
|
11341
11349
|
type: Input
|
|
11342
11350
|
}] } });
|