@alfresco/adf-core 9.1.0-16630308109 → 9.1.0-16634689247
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.
|
@@ -292,7 +292,19 @@
|
|
|
292
292
|
},
|
|
293
293
|
"SEARCH": {
|
|
294
294
|
"TOGGLE_ASC_DESC_ORDER": "Toggle results between ascending and descending order",
|
|
295
|
-
"SORT_BY": "Sort by"
|
|
295
|
+
"SORT_BY": "Sort by",
|
|
296
|
+
"BUTTON": {
|
|
297
|
+
"TOOLTIP": "Search",
|
|
298
|
+
"ARIA-LABEL": "Search button"
|
|
299
|
+
},
|
|
300
|
+
"INPUT": {
|
|
301
|
+
"ARIA-LABEL": "Search input"
|
|
302
|
+
},
|
|
303
|
+
"FILTER": {
|
|
304
|
+
"BUTTONS": {
|
|
305
|
+
"CLOSE": "Close"
|
|
306
|
+
}
|
|
307
|
+
}
|
|
296
308
|
},
|
|
297
309
|
"FEATURE-FLAGS": {
|
|
298
310
|
"OVERRIDES": "Feature flag overrides",
|
package/fesm2022/adf-core.mjs
CHANGED
|
@@ -25013,14 +25013,17 @@ class FormSectionComponent {
|
|
|
25013
25013
|
const firstColumnFieldIndex = 0;
|
|
25014
25014
|
const defaultColspan = 1;
|
|
25015
25015
|
const fieldColspan = columnFields[firstColumnFieldIndex]?.colspan ?? defaultColspan;
|
|
25016
|
-
|
|
25016
|
+
if (typeof numberOfColumns !== 'number' || !numberOfColumns || numberOfColumns <= 0) {
|
|
25017
|
+
numberOfColumns = 1;
|
|
25018
|
+
}
|
|
25019
|
+
return Math.min(100, (100 / numberOfColumns) * fieldColspan) + '';
|
|
25017
25020
|
}
|
|
25018
25021
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
25019
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FormSectionComponent, isStandalone: true, selector: "adf-form-section", inputs: { field: "field" }, ngImport: i0, template: "<div class=\"adf-grid-list-section-single-column\"\n [id]=\"'field-' + field?.id + '-container'\"\n [style.display]=\"field?.isVisible ? 'flex' : 'none'\">\n <div *ngFor=\"let sectionColumn of field.columns\"\n [style.width.%]=\"getSectionColumnWidth(field.numberOfColumns, sectionColumn.fields)\"\n >\n <div *ngFor=\"let sectionField of sectionColumn.fields\" class=\"adf-grid-list-section-column-view-item\">\n <adf-form-field [field]=\"sectionField\"/>\n </div>\n </div>\n</div>\n", styles: [".adf-grid-list-section-single-column{display:flex;flex-wrap:inherit;align-items:baseline;flex-direction:column;gap:1%}@media (max-width: 959.9px){.adf-grid-list-section-single-column{flex:1 1 100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column .adf-section-widget{width:100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column>div{width:100%!important}}.adf-grid-list-section-column-view-item{width:100%;display:flex;flex-grow:1;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormFieldComponent, selector: "adf-form-field", inputs: ["field"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25022
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: FormSectionComponent, isStandalone: true, selector: "adf-form-section", inputs: { field: "field" }, ngImport: i0, template: "<div class=\"adf-grid-list-section-single-column\"\n [id]=\"'field-' + field?.id + '-container'\"\n [style.display]=\"field?.isVisible ? 'flex' : 'none'\">\n <div *ngFor=\"let sectionColumn of field.columns\"\n [style.width.%]=\"getSectionColumnWidth(field.numberOfColumns, sectionColumn.fields)\"\n >\n <div *ngFor=\"let sectionField of sectionColumn.fields\" class=\"adf-grid-list-section-column-view-item\">\n <adf-form-field [field]=\"sectionField\"/>\n </div>\n </div>\n</div>\n", styles: [".adf-grid-list-section-single-column{display:flex;flex-wrap:inherit;align-items:baseline;flex-direction:column;gap:1%}@media (max-width: 959.9px){.adf-grid-list-section-single-column{flex:1 1 100%!important;flex-direction:column}}@media (max-width: 959.9px){.adf-grid-list-section-single-column .adf-section-widget{width:100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column>div{width:100%!important}}.adf-grid-list-section-column-view-item{width:100%;display:flex;flex-grow:1;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: FormFieldComponent, selector: "adf-form-field", inputs: ["field"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
25020
25023
|
}
|
|
25021
25024
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: FormSectionComponent, decorators: [{
|
|
25022
25025
|
type: Component,
|
|
25023
|
-
args: [{ selector: 'adf-form-section', encapsulation: ViewEncapsulation.None, imports: [NgFor, FormFieldComponent], template: "<div class=\"adf-grid-list-section-single-column\"\n [id]=\"'field-' + field?.id + '-container'\"\n [style.display]=\"field?.isVisible ? 'flex' : 'none'\">\n <div *ngFor=\"let sectionColumn of field.columns\"\n [style.width.%]=\"getSectionColumnWidth(field.numberOfColumns, sectionColumn.fields)\"\n >\n <div *ngFor=\"let sectionField of sectionColumn.fields\" class=\"adf-grid-list-section-column-view-item\">\n <adf-form-field [field]=\"sectionField\"/>\n </div>\n </div>\n</div>\n", styles: [".adf-grid-list-section-single-column{display:flex;flex-wrap:inherit;align-items:baseline;flex-direction:column;gap:1%}@media (max-width: 959.9px){.adf-grid-list-section-single-column{flex:1 1 100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column .adf-section-widget{width:100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column>div{width:100%!important}}.adf-grid-list-section-column-view-item{width:100%;display:flex;flex-grow:1;box-sizing:border-box}\n"] }]
|
|
25026
|
+
args: [{ selector: 'adf-form-section', encapsulation: ViewEncapsulation.None, imports: [NgFor, FormFieldComponent], template: "<div class=\"adf-grid-list-section-single-column\"\n [id]=\"'field-' + field?.id + '-container'\"\n [style.display]=\"field?.isVisible ? 'flex' : 'none'\">\n <div *ngFor=\"let sectionColumn of field.columns\"\n [style.width.%]=\"getSectionColumnWidth(field.numberOfColumns, sectionColumn.fields)\"\n >\n <div *ngFor=\"let sectionField of sectionColumn.fields\" class=\"adf-grid-list-section-column-view-item\">\n <adf-form-field [field]=\"sectionField\"/>\n </div>\n </div>\n</div>\n", styles: [".adf-grid-list-section-single-column{display:flex;flex-wrap:inherit;align-items:baseline;flex-direction:column;gap:1%}@media (max-width: 959.9px){.adf-grid-list-section-single-column{flex:1 1 100%!important;flex-direction:column}}@media (max-width: 959.9px){.adf-grid-list-section-single-column .adf-section-widget{width:100%!important}}@media (max-width: 959.9px){.adf-grid-list-section-single-column>div{width:100%!important}}.adf-grid-list-section-column-view-item{width:100%;display:flex;flex-grow:1;box-sizing:border-box}\n"] }]
|
|
25024
25027
|
}], propDecorators: { field: [{
|
|
25025
25028
|
type: Input
|
|
25026
25029
|
}] } });
|
|
@@ -28039,13 +28042,13 @@ class SearchTextInputComponent {
|
|
|
28039
28042
|
this.searchVisibility.emit(this.isSearchBarActive());
|
|
28040
28043
|
}
|
|
28041
28044
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchTextInputComponent, deps: [{ token: UserPreferencesService }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
28042
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchTextInputComponent, isStandalone: true, selector: "adf-search-text-input", inputs: { autocomplete: "autocomplete", expandable: "expandable", inputType: "inputType", liveSearchEnabled: "liveSearchEnabled", searchAutocomplete: "searchAutocomplete", searchTerm: "searchTerm", debounceTime: "debounceTime", focusListener: "focusListener", collapseOnSubmit: "collapseOnSubmit", defaultState: "defaultState", collapseOnBlur: "collapseOnBlur", showClearButton: "showClearButton", placeholder: "placeholder", label: "label", hintLabel: "hintLabel" }, outputs: { searchChange: "searchChange", submit: "submit", selectResult: "selectResult", reset: "reset", searchVisibility: "searchVisibility" }, host: { classAttribute: "adf-search-text-input" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"adf-search-container\" [attr.state]=\"subscriptAnimationState.value\">\n <div class=\"adf-search-container-transition\"\n [@transitionMessages]=\"subscriptAnimationState\"\n (@transitionMessages.done)=\"applySearchFocus($event)\">\n <button mat-icon-button\n *ngIf=\"expandable\"\n id=\"adf-search-button\"\n class=\"adf-search-button\"\n [ngClass]=\"{'adf-search-button-inactive': subscriptAnimationState.value === 'inactive'}\"\n [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\"\n (click)=\"toggleSearchBar()\"\n (keyup.enter)=\"toggleSearchBar()\">\n <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n <mat-form-field class=\"adf-input-form-field-divider\" [hintLabel]=\"hintLabel\">\n <mat-label *ngIf='label'>{{label}}</mat-label>\n <input matInput\n #searchInput\n [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n [attr.type]=\"inputType\"\n [autocomplete]=\"getAutoComplete()\"\n id=\"adf-control-input\"\n [(ngModel)]=\"searchTerm\"\n [placeholder]=\"placeholder\"\n (focus)=\"activateToolbar()\"\n (blur)=\"onBlur($event)\"\n (keyup.escape)=\"toggleSearchBar()\"\n (keyup.arrowdown)=\"selectFirstResult($event)\"\n (ngModelChange)=\"inputChange($event)\"\n [searchAutocomplete]=\"searchAutocomplete ? searchAutocomplete : null\"\n (keyup.enter)=\"searchSubmit($event)\">\n <button mat-icon-button\n *ngIf=\"canShowClearSearch()\"\n matSuffix\n data-automation-id=\"adf-clear-search-button\"\n class=\"adf-clear-search-button\"\n [title]=\"'SEARCH.FILTER.BUTTONS.CLOSE' | translate\"\n (click)=\"resetSearch()\"\n (keyup.enter)=\"resetSearch()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n</div>\n", styles: [".adf-search-container:has(.adf-input-form-field-divider){overflow:hidden}.adf-search-container .mat-mdc-form-field-subscript-wrapper{display:none}.adf-search-container .adf-search-container-transition{display:flex;align-items:center}.adf-search-container .adf-search-fixed-text{line-height:normal}.adf-search-container .adf-clear-search-button{font-size:var(--theme-button-font-size);cursor:pointer}.adf-search-container .adf-highlight{color:var(--adf-theme-primary-900)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SearchTriggerDirective, selector: "input[searchAutocomplete], textarea[searchAutocomplete]", inputs: ["searchAutocomplete", "autocomplete"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [searchAnimation], encapsulation: i0.ViewEncapsulation.None }); }
|
|
28045
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchTextInputComponent, isStandalone: true, selector: "adf-search-text-input", inputs: { autocomplete: "autocomplete", expandable: "expandable", inputType: "inputType", liveSearchEnabled: "liveSearchEnabled", searchAutocomplete: "searchAutocomplete", searchTerm: "searchTerm", debounceTime: "debounceTime", focusListener: "focusListener", collapseOnSubmit: "collapseOnSubmit", defaultState: "defaultState", collapseOnBlur: "collapseOnBlur", showClearButton: "showClearButton", placeholder: "placeholder", label: "label", hintLabel: "hintLabel" }, outputs: { searchChange: "searchChange", submit: "submit", selectResult: "selectResult", reset: "reset", searchVisibility: "searchVisibility" }, host: { classAttribute: "adf-search-text-input" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, static: true }], ngImport: i0, template: "<div class=\"adf-search-container\" [attr.state]=\"subscriptAnimationState.value\">\n <div class=\"adf-search-container-transition\"\n [@transitionMessages]=\"subscriptAnimationState\"\n (@transitionMessages.done)=\"applySearchFocus($event)\">\n <button mat-icon-button\n *ngIf=\"expandable\"\n id=\"adf-search-button\"\n class=\"adf-search-button\"\n [ngClass]=\"{'adf-search-button-inactive': subscriptAnimationState.value === 'inactive'}\"\n [title]=\"'CORE.SEARCH.BUTTON.TOOLTIP' | translate\"\n (click)=\"toggleSearchBar()\"\n (keyup.enter)=\"toggleSearchBar()\">\n <mat-icon [attr.aria-label]=\"'CORE.SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n <mat-form-field class=\"adf-input-form-field-divider\" [hintLabel]=\"hintLabel\">\n <mat-label *ngIf='label'>{{label}}</mat-label>\n <input matInput\n #searchInput\n [attr.aria-label]=\"'CORE.SEARCH.INPUT.ARIA-LABEL' | translate\"\n [attr.type]=\"inputType\"\n [autocomplete]=\"getAutoComplete()\"\n id=\"adf-control-input\"\n [(ngModel)]=\"searchTerm\"\n [placeholder]=\"placeholder\"\n (focus)=\"activateToolbar()\"\n (blur)=\"onBlur($event)\"\n (keyup.escape)=\"toggleSearchBar()\"\n (keyup.arrowdown)=\"selectFirstResult($event)\"\n (ngModelChange)=\"inputChange($event)\"\n [searchAutocomplete]=\"searchAutocomplete ? searchAutocomplete : null\"\n (keyup.enter)=\"searchSubmit($event)\">\n <button mat-icon-button\n *ngIf=\"canShowClearSearch()\"\n matSuffix\n data-automation-id=\"adf-clear-search-button\"\n class=\"adf-clear-search-button\"\n [title]=\"'CORE.SEARCH.FILTER.BUTTONS.CLOSE' | translate\"\n (click)=\"resetSearch()\"\n (keyup.enter)=\"resetSearch()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n</div>\n", styles: [".adf-search-container:has(.adf-input-form-field-divider){overflow:hidden}.adf-search-container .mat-mdc-form-field-subscript-wrapper{display:none}.adf-search-container .adf-search-container-transition{display:flex;align-items:center}.adf-search-container .adf-search-fixed-text{line-height:normal}.adf-search-container .adf-clear-search-button{font-size:var(--theme-button-font-size);cursor:pointer}.adf-search-container .adf-highlight{color:var(--adf-theme-primary-900)}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i1$3.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i2$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i2$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i2$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i3$1.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i4.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: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: SearchTriggerDirective, selector: "input[searchAutocomplete], textarea[searchAutocomplete]", inputs: ["searchAutocomplete", "autocomplete"] }, { kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], animations: [searchAnimation], encapsulation: i0.ViewEncapsulation.None }); }
|
|
28043
28046
|
}
|
|
28044
28047
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchTextInputComponent, decorators: [{
|
|
28045
28048
|
type: Component,
|
|
28046
28049
|
args: [{ selector: 'adf-search-text-input', animations: [searchAnimation], encapsulation: ViewEncapsulation.None, imports: [MatButtonModule, MatIconModule, TranslatePipe, MatFormFieldModule, MatInputModule, FormsModule, SearchTriggerDirective, NgIf, NgClass], host: {
|
|
28047
28050
|
class: 'adf-search-text-input'
|
|
28048
|
-
}, template: "<div class=\"adf-search-container\" [attr.state]=\"subscriptAnimationState.value\">\n <div class=\"adf-search-container-transition\"\n [@transitionMessages]=\"subscriptAnimationState\"\n (@transitionMessages.done)=\"applySearchFocus($event)\">\n <button mat-icon-button\n *ngIf=\"expandable\"\n id=\"adf-search-button\"\n class=\"adf-search-button\"\n [ngClass]=\"{'adf-search-button-inactive': subscriptAnimationState.value === 'inactive'}\"\n [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\"\n (click)=\"toggleSearchBar()\"\n (keyup.enter)=\"toggleSearchBar()\">\n <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n <mat-form-field class=\"adf-input-form-field-divider\" [hintLabel]=\"hintLabel\">\n <mat-label *ngIf='label'>{{label}}</mat-label>\n <input matInput\n #searchInput\n [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n [attr.type]=\"inputType\"\n [autocomplete]=\"getAutoComplete()\"\n id=\"adf-control-input\"\n [(ngModel)]=\"searchTerm\"\n [placeholder]=\"placeholder\"\n (focus)=\"activateToolbar()\"\n (blur)=\"onBlur($event)\"\n (keyup.escape)=\"toggleSearchBar()\"\n (keyup.arrowdown)=\"selectFirstResult($event)\"\n (ngModelChange)=\"inputChange($event)\"\n [searchAutocomplete]=\"searchAutocomplete ? searchAutocomplete : null\"\n (keyup.enter)=\"searchSubmit($event)\">\n <button mat-icon-button\n *ngIf=\"canShowClearSearch()\"\n matSuffix\n data-automation-id=\"adf-clear-search-button\"\n class=\"adf-clear-search-button\"\n [title]=\"'SEARCH.FILTER.BUTTONS.CLOSE' | translate\"\n (click)=\"resetSearch()\"\n (keyup.enter)=\"resetSearch()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n</div>\n", styles: [".adf-search-container:has(.adf-input-form-field-divider){overflow:hidden}.adf-search-container .mat-mdc-form-field-subscript-wrapper{display:none}.adf-search-container .adf-search-container-transition{display:flex;align-items:center}.adf-search-container .adf-search-fixed-text{line-height:normal}.adf-search-container .adf-clear-search-button{font-size:var(--theme-button-font-size);cursor:pointer}.adf-search-container .adf-highlight{color:var(--adf-theme-primary-900)}\n"] }]
|
|
28051
|
+
}, template: "<div class=\"adf-search-container\" [attr.state]=\"subscriptAnimationState.value\">\n <div class=\"adf-search-container-transition\"\n [@transitionMessages]=\"subscriptAnimationState\"\n (@transitionMessages.done)=\"applySearchFocus($event)\">\n <button mat-icon-button\n *ngIf=\"expandable\"\n id=\"adf-search-button\"\n class=\"adf-search-button\"\n [ngClass]=\"{'adf-search-button-inactive': subscriptAnimationState.value === 'inactive'}\"\n [title]=\"'CORE.SEARCH.BUTTON.TOOLTIP' | translate\"\n (click)=\"toggleSearchBar()\"\n (keyup.enter)=\"toggleSearchBar()\">\n <mat-icon [attr.aria-label]=\"'CORE.SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n <mat-form-field class=\"adf-input-form-field-divider\" [hintLabel]=\"hintLabel\">\n <mat-label *ngIf='label'>{{label}}</mat-label>\n <input matInput\n #searchInput\n [attr.aria-label]=\"'CORE.SEARCH.INPUT.ARIA-LABEL' | translate\"\n [attr.type]=\"inputType\"\n [autocomplete]=\"getAutoComplete()\"\n id=\"adf-control-input\"\n [(ngModel)]=\"searchTerm\"\n [placeholder]=\"placeholder\"\n (focus)=\"activateToolbar()\"\n (blur)=\"onBlur($event)\"\n (keyup.escape)=\"toggleSearchBar()\"\n (keyup.arrowdown)=\"selectFirstResult($event)\"\n (ngModelChange)=\"inputChange($event)\"\n [searchAutocomplete]=\"searchAutocomplete ? searchAutocomplete : null\"\n (keyup.enter)=\"searchSubmit($event)\">\n <button mat-icon-button\n *ngIf=\"canShowClearSearch()\"\n matSuffix\n data-automation-id=\"adf-clear-search-button\"\n class=\"adf-clear-search-button\"\n [title]=\"'CORE.SEARCH.FILTER.BUTTONS.CLOSE' | translate\"\n (click)=\"resetSearch()\"\n (keyup.enter)=\"resetSearch()\">\n <mat-icon>close</mat-icon>\n </button>\n </mat-form-field>\n </div>\n</div>\n", styles: [".adf-search-container:has(.adf-input-form-field-divider){overflow:hidden}.adf-search-container .mat-mdc-form-field-subscript-wrapper{display:none}.adf-search-container .adf-search-container-transition{display:flex;align-items:center}.adf-search-container .adf-search-fixed-text{line-height:normal}.adf-search-container .adf-clear-search-button{font-size:var(--theme-button-font-size);cursor:pointer}.adf-search-container .adf-highlight{color:var(--adf-theme-primary-900)}\n"] }]
|
|
28049
28052
|
}], ctorParameters: () => [{ type: UserPreferencesService }], propDecorators: { autocomplete: [{
|
|
28050
28053
|
type: Input
|
|
28051
28054
|
}], expandable: [{
|