@alfresco/aca-content 7.2.0-18373826545 → 7.2.0-18399304950
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.
|
@@ -6874,11 +6874,11 @@ class SearchInputControlComponent {
|
|
|
6874
6874
|
}
|
|
6875
6875
|
}
|
|
6876
6876
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchInputControlComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
6877
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchInputControlComponent, isStandalone: true, selector: "app-search-input-control", inputs: { inputType: "inputType", hasLibrariesConstraint: "hasLibrariesConstraint" }, outputs: { submit: "submit", searchChange: "searchChange", validationError: "validationError" }, host: { classAttribute: "app-search-control" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"app-search-container\">\n <mat-form-field class=\"app-input-form-field\" appearance=\"outline\">\n\n <button\n mat-icon-button\n matPrefix\n class=\"app-search-button\"\n (click)=\"searchSubmit()\"\n (keydown.enter)=\"searchSubmit()\"\n [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\"\n >\n <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n\n <input\n matInput\n #searchInput\n [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n [type]=\"inputType\"\n id=\"app-control-input\"\n [formControl]=\"searchFieldFormControl\"\n (keydown.enter)=\"searchSubmit()\"\n (blur)=\"onBlur()\"\n [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n autocomplete=\"off\"\n />\n
|
|
6877
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchInputControlComponent, isStandalone: true, selector: "app-search-input-control", inputs: { inputType: "inputType", hasLibrariesConstraint: "hasLibrariesConstraint" }, outputs: { submit: "submit", searchChange: "searchChange", validationError: "validationError" }, host: { classAttribute: "app-search-control" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: "<div class=\"app-search-container\">\n <mat-form-field class=\"app-input-form-field\" appearance=\"outline\">\n\n <button\n mat-icon-button\n matPrefix\n class=\"app-search-button\"\n (click)=\"searchSubmit()\"\n (keydown.enter)=\"searchSubmit()\"\n [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\"\n >\n <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n\n <input\n matInput\n #searchInput\n [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n [type]=\"inputType\"\n id=\"app-control-input\"\n [formControl]=\"searchFieldFormControl\"\n (keydown.enter)=\"searchSubmit()\"\n (blur)=\"onBlur()\"\n [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n autocomplete=\"off\"\n />\n\n <div matSuffix>\n <button\n mat-icon-button\n (click)=\"clear()\"\n [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n [attr.title]=\"'COMMON.CLEAR' | translate\"\n class=\"app-search-input-control-clear-button\">\n <mat-icon *ngIf=\"searchFieldFormControl.value.length\" class=\"app-suffix-icon\">clear</mat-icon>\n </button>\n </div>\n </mat-form-field>\n</div>\n", styles: [".app-search-container{font-size:16px;box-sizing:border-box;height:64px;display:flex;flex-direction:row;align-items:center}.app-search-container .app-suffix-icon{width:18px;height:18px;font-size:18px}.app-search-container .mdc-notched-outline{display:none}.app-search-container .app-input-form-field{letter-spacing:-.7px;font-size:16px;width:100%;height:64px;line-height:32px}.app-search-container .app-input-form-field-input{letter-spacing:-.7px}.app-search-container .app-input-form-field .app-search-input-control-clear-button{margin-right:1.5px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$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: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
6878
6878
|
}
|
|
6879
6879
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchInputControlComponent, decorators: [{
|
|
6880
6880
|
type: Component,
|
|
6881
|
-
args: [{ imports: [CommonModule, TranslatePipe, MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule], selector: 'app-search-input-control', encapsulation: ViewEncapsulation.None, host: { class: 'app-search-control' }, template: "<div class=\"app-search-container\">\n <mat-form-field class=\"app-input-form-field\" appearance=\"outline\">\n\n <button\n mat-icon-button\n matPrefix\n class=\"app-search-button\"\n (click)=\"searchSubmit()\"\n (keydown.enter)=\"searchSubmit()\"\n [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\"\n >\n <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n\n <input\n matInput\n #searchInput\n [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n [type]=\"inputType\"\n id=\"app-control-input\"\n [formControl]=\"searchFieldFormControl\"\n (keydown.enter)=\"searchSubmit()\"\n (blur)=\"onBlur()\"\n [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n autocomplete=\"off\"\n />\n
|
|
6881
|
+
args: [{ imports: [CommonModule, TranslatePipe, MatButtonModule, MatIconModule, MatFormFieldModule, MatInputModule, FormsModule, ReactiveFormsModule], selector: 'app-search-input-control', encapsulation: ViewEncapsulation.None, host: { class: 'app-search-control' }, template: "<div class=\"app-search-container\">\n <mat-form-field class=\"app-input-form-field\" appearance=\"outline\">\n\n <button\n mat-icon-button\n matPrefix\n class=\"app-search-button\"\n (click)=\"searchSubmit()\"\n (keydown.enter)=\"searchSubmit()\"\n [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\"\n >\n <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n\n <input\n matInput\n #searchInput\n [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n [type]=\"inputType\"\n id=\"app-control-input\"\n [formControl]=\"searchFieldFormControl\"\n (keydown.enter)=\"searchSubmit()\"\n (blur)=\"onBlur()\"\n [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n autocomplete=\"off\"\n />\n\n <div matSuffix>\n <button\n mat-icon-button\n (click)=\"clear()\"\n [attr.aria-label]=\"'COMMON.CLEAR' | translate\"\n [attr.title]=\"'COMMON.CLEAR' | translate\"\n class=\"app-search-input-control-clear-button\">\n <mat-icon *ngIf=\"searchFieldFormControl.value.length\" class=\"app-suffix-icon\">clear</mat-icon>\n </button>\n </div>\n </mat-form-field>\n</div>\n", styles: [".app-search-container{font-size:16px;box-sizing:border-box;height:64px;display:flex;flex-direction:row;align-items:center}.app-search-container .app-suffix-icon{width:18px;height:18px;font-size:18px}.app-search-container .mdc-notched-outline{display:none}.app-search-container .app-input-form-field{letter-spacing:-.7px;font-size:16px;width:100%;height:64px;line-height:32px}.app-search-container .app-input-form-field-input{letter-spacing:-.7px}.app-search-container .app-input-form-field .app-search-input-control-clear-button{margin-right:1.5px}\n"] }]
|
|
6882
6882
|
}], propDecorators: { inputType: [{
|
|
6883
6883
|
type: Input
|
|
6884
6884
|
}], hasLibrariesConstraint: [{
|
|
@@ -7227,7 +7227,7 @@ class SearchInputComponent {
|
|
|
7227
7227
|
return this.searchedWord === urlSearchTerm;
|
|
7228
7228
|
}
|
|
7229
7229
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchInputComponent, deps: [{ token: i3.SearchQueryBuilderService }, { token: SearchLibrariesQueryBuilderService }, { token: i2.AppConfigService }, { token: i1$3.Router }, { token: i1$3.ActivatedRoute }, { token: i1.Store }, { token: i1$1.AppHookService }, { token: i1$1.AppService }, { token: SearchNavigationService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7230
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchInputComponent, isStandalone: true, selector: "aca-search-input", host: { classAttribute: "aca-search-input" }, viewQueries: [{ propertyName: "searchInputControl", first: true, predicate: ["searchInputControl"], descendants: true, static: true }, { propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }], ngImport: i0, template: "<button class=\"app-search-container\"\n [matMenuTriggerFor]=\"searchOptionsMenu\"\n (menuOpened)=\"onMenuOpened()\"\n (menuClosed)=\"syncInputValues()\"\n>\n <mat-form-field class=\"app-input-form-field\" appearance=\"outline\">\n <button class=\"aca-search-input--search-button\" mat-icon-button matPrefix (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n\n <input\n matInput\n [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n [type]=\"'text'\"\n [readonly]=\"true\"\n [value]=\"searchedWord\"\n [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n />\n\n <div matSuffix>\n <mat-icon class=\"app-suffix-icon\">arrow_drop_down</mat-icon>\n\n <button
|
|
7230
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SearchInputComponent, isStandalone: true, selector: "aca-search-input", host: { classAttribute: "aca-search-input" }, viewQueries: [{ propertyName: "searchInputControl", first: true, predicate: ["searchInputControl"], descendants: true, static: true }, { propertyName: "trigger", first: true, predicate: MatMenuTrigger, descendants: true, static: true }], ngImport: i0, template: "<button class=\"app-search-container\"\n [matMenuTriggerFor]=\"searchOptionsMenu\"\n (menuOpened)=\"onMenuOpened()\"\n (menuClosed)=\"syncInputValues()\"\n>\n <mat-form-field class=\"app-input-form-field\" appearance=\"outline\">\n <button class=\"aca-search-input--search-button\" mat-icon-button matPrefix (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n\n <input\n matInput\n [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n [type]=\"'text'\"\n [readonly]=\"true\"\n [value]=\"searchedWord\"\n [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n />\n\n <div matSuffix>\n <mat-icon class=\"app-suffix-icon\">arrow_drop_down</mat-icon>\n\n <button\n class=\"aca-search-input--close-button\"\n mat-icon-button\n [attr.aria-label]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n [attr.title]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n (click)=\"exitSearch()\">\n <mat-icon class=\"app-suffix-icon\">close</mat-icon>\n </button>\n </div>\n </mat-form-field>\n</button>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\" tabindex=0>\n <div cdkTrapFocus>\n <app-search-input-control\n #searchInputControl\n (click)=\"$event.stopPropagation()\"\n (submit)=\"onSearchSubmit($event)\"\n (searchChange)=\"onSearchChange($event)\"\n (validationError)=\"error = $event\"\n [hasLibrariesConstraint]=\"hasLibrariesConstraint\"\n />\n <mat-error *ngIf=\"error\" class=\"app-search-error\">\n {{ error | translate }}\n </mat-error>\n <div id=\"search-options\" class=\"app-search-options\">\n <mat-checkbox *ngFor=\"let option of searchOptions\"\n id=\"{{ option.id }}\"\n [(ngModel)]=\"option.value\"\n [disabled]=\"option.shouldDisable()\"\n (change)=\"searchByOption()\"\n (keyup.enter)=\"$event.stopPropagation()\"\n (click)=\"$event.stopPropagation()\"\n >\n {{ option.key | translate }}\n </mat-checkbox>\n </div>\n </div>\n </div>\n</mat-menu>\n", styles: [".app-search-container{color:var(--theme-foreground-text-color);width:100%;max-width:594px;height:64px;border:none;background:none;padding:0}.app-search-container:focus-visible{outline:2px solid var(--theme-blue-button-color);border-radius:4px}.app-search-container:focus-within label{display:none}.app-search-options-menu{background-color:var(--theme-dialog-background-color);width:594px;min-width:594px!important;border-radius:4px}.aca-search-input{width:100%;max-width:594px;background-color:var(--theme-search-background-color);border-radius:4px;height:64px}.aca-search-input .app-suffix-icon{width:18px;height:18px;font-size:18px}.app-search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color);padding:25px;display:flex;flex-direction:row;column-gap:24px}.app-search-error{position:absolute;gap:4px;padding-left:17px;margin-top:4px;font-size:12px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu{width:400px}.app-search-options{padding-left:20px}.app-search-options label{max-width:105px}.app-search-options .app-search-options-checkbox{padding:3px 20px 3px 0}.app-search-options .app-search-options-checkbox label{padding:0}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu{width:220px}.app-search-options label{max-width:180px}}@media screen and (max-width: 380px){.aca-search-input{max-width:148px}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "component", type: i3$1.MatMenu, selector: "mat-menu", inputs: ["backdropClass", "aria-label", "aria-labelledby", "aria-describedby", "xPosition", "yPosition", "overlapTrigger", "hasBackdrop", "class", "classList"], outputs: ["closed", "close"], exportAs: ["matMenu"] }, { kind: "directive", type: i3$1.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", inputs: ["mat-menu-trigger-for", "matMenuTriggerFor", "matMenuTriggerData", "matMenuTriggerRestoreFocus"], outputs: ["menuOpened", "onMenuOpen", "menuClosed", "onMenuClose"], exportAs: ["matMenuTrigger"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "directive", type: i8.MatPrefix, selector: "[matPrefix], [matIconPrefix], [matTextPrefix]", inputs: ["matTextPrefix"] }, { kind: "directive", type: i8.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$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: A11yModule }, { kind: "directive", type: i9$1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "component", type: i15.MatCheckbox, selector: "mat-checkbox", inputs: ["aria-label", "aria-labelledby", "aria-describedby", "aria-expanded", "aria-controls", "aria-owns", "id", "required", "labelPosition", "name", "value", "disableRipple", "tabIndex", "color", "disabledInteractive", "checked", "disabled", "indeterminate"], outputs: ["change", "indeterminateChange"], exportAs: ["matCheckbox"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: SearchInputControlComponent, selector: "app-search-input-control", inputs: ["inputType", "hasLibrariesConstraint"], outputs: ["submit", "searchChange", "validationError"] }], encapsulation: i0.ViewEncapsulation.None });
|
|
7231
7231
|
}
|
|
7232
7232
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SearchInputComponent, decorators: [{
|
|
7233
7233
|
type: Component,
|
|
@@ -7243,7 +7243,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
7243
7243
|
MatCheckboxModule,
|
|
7244
7244
|
FormsModule,
|
|
7245
7245
|
SearchInputControlComponent
|
|
7246
|
-
], selector: 'aca-search-input', encapsulation: ViewEncapsulation.None, host: { class: 'aca-search-input' }, template: "<button class=\"app-search-container\"\n [matMenuTriggerFor]=\"searchOptionsMenu\"\n (menuOpened)=\"onMenuOpened()\"\n (menuClosed)=\"syncInputValues()\"\n>\n <mat-form-field class=\"app-input-form-field\" appearance=\"outline\">\n <button class=\"aca-search-input--search-button\" mat-icon-button matPrefix (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n\n <input\n matInput\n [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n [type]=\"'text'\"\n [readonly]=\"true\"\n [value]=\"searchedWord\"\n [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n />\n\n <div matSuffix>\n <mat-icon class=\"app-suffix-icon\">arrow_drop_down</mat-icon>\n\n <button
|
|
7246
|
+
], selector: 'aca-search-input', encapsulation: ViewEncapsulation.None, host: { class: 'aca-search-input' }, template: "<button class=\"app-search-container\"\n [matMenuTriggerFor]=\"searchOptionsMenu\"\n (menuOpened)=\"onMenuOpened()\"\n (menuClosed)=\"syncInputValues()\"\n>\n <mat-form-field class=\"app-input-form-field\" appearance=\"outline\">\n <button class=\"aca-search-input--search-button\" mat-icon-button matPrefix (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n </button>\n\n <input\n matInput\n [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n [type]=\"'text'\"\n [readonly]=\"true\"\n [value]=\"searchedWord\"\n [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n />\n\n <div matSuffix>\n <mat-icon class=\"app-suffix-icon\">arrow_drop_down</mat-icon>\n\n <button\n class=\"aca-search-input--close-button\"\n mat-icon-button\n [attr.aria-label]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n [attr.title]=\"'SEARCH.CLOSE_BUTTON.ARIA_LABEL' | translate\"\n (click)=\"exitSearch()\">\n <mat-icon class=\"app-suffix-icon\">close</mat-icon>\n </button>\n </div>\n </mat-form-field>\n</button>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\" tabindex=0>\n <div cdkTrapFocus>\n <app-search-input-control\n #searchInputControl\n (click)=\"$event.stopPropagation()\"\n (submit)=\"onSearchSubmit($event)\"\n (searchChange)=\"onSearchChange($event)\"\n (validationError)=\"error = $event\"\n [hasLibrariesConstraint]=\"hasLibrariesConstraint\"\n />\n <mat-error *ngIf=\"error\" class=\"app-search-error\">\n {{ error | translate }}\n </mat-error>\n <div id=\"search-options\" class=\"app-search-options\">\n <mat-checkbox *ngFor=\"let option of searchOptions\"\n id=\"{{ option.id }}\"\n [(ngModel)]=\"option.value\"\n [disabled]=\"option.shouldDisable()\"\n (change)=\"searchByOption()\"\n (keyup.enter)=\"$event.stopPropagation()\"\n (click)=\"$event.stopPropagation()\"\n >\n {{ option.key | translate }}\n </mat-checkbox>\n </div>\n </div>\n </div>\n</mat-menu>\n", styles: [".app-search-container{color:var(--theme-foreground-text-color);width:100%;max-width:594px;height:64px;border:none;background:none;padding:0}.app-search-container:focus-visible{outline:2px solid var(--theme-blue-button-color);border-radius:4px}.app-search-container:focus-within label{display:none}.app-search-options-menu{background-color:var(--theme-dialog-background-color);width:594px;min-width:594px!important;border-radius:4px}.aca-search-input{width:100%;max-width:594px;background-color:var(--theme-search-background-color);border-radius:4px;height:64px}.aca-search-input .app-suffix-icon{width:18px;height:18px;font-size:18px}.app-search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color);padding:25px;display:flex;flex-direction:row;column-gap:24px}.app-search-error{position:absolute;gap:4px;padding-left:17px;margin-top:4px;font-size:12px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu{width:400px}.app-search-options{padding-left:20px}.app-search-options label{max-width:105px}.app-search-options .app-search-options-checkbox{padding:3px 20px 3px 0}.app-search-options .app-search-options-checkbox label{padding:0}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu{width:220px}.app-search-options label{max-width:180px}}@media screen and (max-width: 380px){.aca-search-input{max-width:148px}}\n"] }]
|
|
7247
7247
|
}], ctorParameters: () => [{ type: i3.SearchQueryBuilderService }, { type: SearchLibrariesQueryBuilderService }, { type: i2.AppConfigService }, { type: i1$3.Router }, { type: i1$3.ActivatedRoute }, { type: i1.Store }, { type: i1$1.AppHookService }, { type: i1$1.AppService }, { type: SearchNavigationService }], propDecorators: { searchInputControl: [{
|
|
7248
7248
|
type: ViewChild,
|
|
7249
7249
|
args: ['searchInputControl', { static: true }]
|
|
@@ -7542,7 +7542,7 @@ class SaveSearchDialogComponent {
|
|
|
7542
7542
|
});
|
|
7543
7543
|
}
|
|
7544
7544
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SaveSearchDialogComponent, deps: [{ token: i1$2.MatDialogRef }, { token: i2.NotificationService }, { token: i3.SavedSearchesService }, { token: UniqueSearchNameValidator }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
7545
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SaveSearchDialogComponent, isStandalone: true, selector: "aca-save-search-dialog", host: { classAttribute: "aca-save-search-dialog" }, ngImport: i0, template: "<div class=\"aca-save-search-dialog__header\">\n <h2 class=\"aca-save-search-dialog__title\">{{\"APP.BROWSE.SEARCH.SAVE_SEARCH.MODAL_HEADER\" | translate}}</h2>\n <button
|
|
7545
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.6", type: SaveSearchDialogComponent, isStandalone: true, selector: "aca-save-search-dialog", host: { classAttribute: "aca-save-search-dialog" }, ngImport: i0, template: "<div class=\"aca-save-search-dialog__header\">\n <h2 class=\"aca-save-search-dialog__title\">{{\"APP.BROWSE.SEARCH.SAVE_SEARCH.MODAL_HEADER\" | translate}}</h2>\n <button\n mat-icon-button\n mat-dialog-close\n [attr.aria-label]=\"'CLOSE' | translate | titlecase\"\n [attr.title]=\"'CLOSE' | translate | titlecase\">\n <mat-icon>close</mat-icon>\n </button>\n</div>\n\n\n<mat-dialog-content>\n <form [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-form-field class=\"aca-save-search-dialog__form-field\">\n <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate }}</mat-label>\n <input\n id=\"aca-save-search-dialog-name-input\"\n [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate\"\n matInput\n required\n [formControlName]=\"'name'\"\n adf-auto-focus\n />\n\n <mat-error *ngIf=\"form.controls['name'].touched\">\n <span *ngIf=\"form.controls['name'].errors?.required\">\n {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_REQUIRED_ERROR' | translate }}\n </span>\n <span *ngIf=\"!form.controls['name'].errors?.required && form.controls['name'].errors?.message\">\n {{ form.controls['name'].errors?.message | translate : { name: form.controls.name.value } }}\n </span>\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"aca-save-search-dialog__form-field\">\n <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate }}</mat-label>\n <textarea\n id=\"aca-save-search-dialog-description-input\"\n matInput\n [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate\"\n rows=\"4\"\n [formControlName]=\"'description'\"></textarea>\n </mat-form-field>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n <button\n mat-button\n id=\"aca-save-search-dialog-cancel-button\"\n mat-dialog-close>\n {{ 'CANCEL' | titlecase | translate }}\n </button>\n\n <button id=\"aca-save-search-dialog-save-button\"\n mat-flat-button\n color=\"primary\"\n (click)=\"submit()\"\n [disabled]=\"!form.valid || disableSubmitButton\">\n {{ 'SAVE' | titlecase | translate}}\n </button>\n</mat-dialog-actions>\n", styles: [".aca-save-search-dialog .aca-save-search-dialog__form-field{width:100%}.aca-save-search-dialog .aca-save-search-dialog__header{display:flex;align-items:center;padding-left:20px;justify-content:space-between}.aca-save-search-dialog .aca-save-search-dialog__title{font-size:large;font-weight:200;margin:0}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1$4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1$4.TitleCasePipe, name: "titlecase" }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: MatMenuModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i6$2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: i6$2.MatIconButton, selector: "button[mat-icon-button]", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "component", type: i8.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i8.MatLabel, selector: "mat-label" }, { kind: "directive", type: i8.MatError, selector: "mat-error, [matError]", inputs: ["id"] }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i8$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: A11yModule }, { kind: "ngmodule", type: MatCheckboxModule }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i6$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i6$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i6$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i6$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i6$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: AutoFocusDirective, selector: "[adf-auto-focus]" }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i6$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i6$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: MatDialogModule }, { kind: "directive", type: i1$2.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1$2.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "directive", type: i1$2.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }], encapsulation: i0.ViewEncapsulation.None });
|
|
7546
7546
|
}
|
|
7547
7547
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImport: i0, type: SaveSearchDialogComponent, decorators: [{
|
|
7548
7548
|
type: Component,
|
|
@@ -7560,7 +7560,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.6", ngImpor
|
|
|
7560
7560
|
AutoFocusDirective,
|
|
7561
7561
|
ReactiveFormsModule,
|
|
7562
7562
|
MatDialogModule
|
|
7563
|
-
], selector: 'aca-save-search-dialog', encapsulation: ViewEncapsulation.None, host: { class: 'aca-save-search-dialog' }, template: "<div class=\"aca-save-search-dialog__header\">\n <h2 class=\"aca-save-search-dialog__title\">{{\"APP.BROWSE.SEARCH.SAVE_SEARCH.MODAL_HEADER\" | translate}}</h2>\n <button
|
|
7563
|
+
], selector: 'aca-save-search-dialog', encapsulation: ViewEncapsulation.None, host: { class: 'aca-save-search-dialog' }, template: "<div class=\"aca-save-search-dialog__header\">\n <h2 class=\"aca-save-search-dialog__title\">{{\"APP.BROWSE.SEARCH.SAVE_SEARCH.MODAL_HEADER\" | translate}}</h2>\n <button\n mat-icon-button\n mat-dialog-close\n [attr.aria-label]=\"'CLOSE' | translate | titlecase\"\n [attr.title]=\"'CLOSE' | translate | titlecase\">\n <mat-icon>close</mat-icon>\n </button>\n</div>\n\n\n<mat-dialog-content>\n <form [formGroup]=\"form\" (submit)=\"submit()\">\n <mat-form-field class=\"aca-save-search-dialog__form-field\">\n <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate }}</mat-label>\n <input\n id=\"aca-save-search-dialog-name-input\"\n [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_LABEL' | translate\"\n matInput\n required\n [formControlName]=\"'name'\"\n adf-auto-focus\n />\n\n <mat-error *ngIf=\"form.controls['name'].touched\">\n <span *ngIf=\"form.controls['name'].errors?.required\">\n {{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.NAME_REQUIRED_ERROR' | translate }}\n </span>\n <span *ngIf=\"!form.controls['name'].errors?.required && form.controls['name'].errors?.message\">\n {{ form.controls['name'].errors?.message | translate : { name: form.controls.name.value } }}\n </span>\n </mat-error>\n </mat-form-field>\n\n <mat-form-field class=\"aca-save-search-dialog__form-field\">\n <mat-label>{{ 'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate }}</mat-label>\n <textarea\n id=\"aca-save-search-dialog-description-input\"\n matInput\n [attr.aria-label]=\"'APP.BROWSE.SEARCH.SAVE_SEARCH.DESCRIPTION_LABEL' | translate\"\n rows=\"4\"\n [formControlName]=\"'description'\"></textarea>\n </mat-form-field>\n </form>\n</mat-dialog-content>\n\n<mat-dialog-actions align=\"end\">\n <button\n mat-button\n id=\"aca-save-search-dialog-cancel-button\"\n mat-dialog-close>\n {{ 'CANCEL' | titlecase | translate }}\n </button>\n\n <button id=\"aca-save-search-dialog-save-button\"\n mat-flat-button\n color=\"primary\"\n (click)=\"submit()\"\n [disabled]=\"!form.valid || disableSubmitButton\">\n {{ 'SAVE' | titlecase | translate}}\n </button>\n</mat-dialog-actions>\n", styles: [".aca-save-search-dialog .aca-save-search-dialog__form-field{width:100%}.aca-save-search-dialog .aca-save-search-dialog__header{display:flex;align-items:center;padding-left:20px;justify-content:space-between}.aca-save-search-dialog .aca-save-search-dialog__title{font-size:large;font-weight:200;margin:0}\n"] }]
|
|
7564
7564
|
}], ctorParameters: () => [{ type: i1$2.MatDialogRef }, { type: i2.NotificationService }, { type: i3.SavedSearchesService }, { type: UniqueSearchNameValidator }, { type: undefined, decorators: [{
|
|
7565
7565
|
type: Inject,
|
|
7566
7566
|
args: [MAT_DIALOG_DATA]
|