@alfresco/aca-content 4.0.0-A.2-10150 → 4.0.0-A.2-10175

package/assets/i18n/en.json

@@ -269,6 +269,9 @@
                 "MESSAGE": "Leaving will remove your access.",
                 "YES_LABEL": "OK",
                 "NO_LABEL": "Cancel"
+            },
+            "MOBILE_APP": {
+              "MOBILE_APP_BUTTON_LABEL": "Open in App"
             }
         },
         "DOCUMENT_LIST": {

package/esm2020/lib/components/search/search-input/search-input.component.mjs

@@ -249,10 +249,10 @@ export class SearchInputComponent {
     }
 }
 SearchInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SearchInputComponent, deps: [{ token: i1.SearchQueryBuilderService }, { token: i2.SearchLibrariesQueryBuilderService }, { token: i3.AppConfigService }, { token: i4.Router }, { token: i5.Store }, { token: i6.AppHookService }], target: i0.ɵɵFactoryTarget.Component });
-SearchInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SearchInputComponent, 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: "<div\n  class=\"app-search-container searchMenuTrigger\"\n  [matMenuTriggerFor]=\"searchOptionsMenu\"\n  (menuOpened)=\"onMenuOpened()\"\n  (menuClosed)=\"syncInputValues()\"\n>\n  <button mat-icon-button class=\"app-search-button\" (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n    <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n  </button>\n  <mat-form-field class=\"app-input-form-field\" [floatLabel]=\"'never'\">\n    <input\n      matInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"'text'\"\n      [disabled]=\"true\"\n      [value]=\"searchedWord\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n    />\n\n    <div matSuffix class=\"app-suffix-search-icon-wrapper\">\n      <mat-icon>arrow_drop_down</mat-icon>\n    </div>\n  </mat-form-field>\n</div>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n  <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\">\n    <div cdkTrapFocus>\n      <app-search-input-control\n        #searchInputControl\n        (click)=\"$event.stopPropagation()\"\n        (submit)=\"onSearchSubmit($event)\"\n        (searchChange)=\"onSearchChange($event)\"\n      >\n      </app-search-input-control>\n      <mat-hint *ngIf=\"hasLibraryConstraint()\" class=\"app-search-hint\">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>\n\n      <div id=\"search-options\">\n        <mat-checkbox\n          *ngFor=\"let option of searchOptions\"\n          id=\"{{ option.id }}\"\n          [(ngModel)]=\"option.value\"\n          [disabled]=\"option.shouldDisable()\"\n          (change)=\"searchByOption()\"\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)}.app-search-container .app-input-form-field .mat-input-element{caret-color:var(--theme-text-color)}.app-search-container .app-input-form-field .mat-input-element:disabled{color:var(--theme-text-color)}.app-search-container .mat-focused label.mat-form-field-label{display:none}.app-search-options-menu.mat-menu-panel{background-color:var(--theme-dialog-background-color);width:594px;max-width:unset;border-radius:4px;margin-top:12px}.app-search-options-menu .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}#search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color)}mat-checkbox .mat-checkbox-frame{border-color:var(--theme-text-color)}.aca-search-input{width:100%;max-width:594px;background-color:#f5f6f5;border-radius:4px;height:40px}.app-search-container{width:100%;max-width:594px;height:52px}.app-search-control{margin-top:-12px}#search-options{padding:20px 0;font-size:16px;letter-spacing:-.7px}#search-options mat-checkbox{padding:3px 24px 3px 19px}#search-options mat-checkbox .mat-checkbox-inner-container{height:18px;width:18px}#search-options mat-checkbox .mat-checkbox-label{padding:0 0 0 11px;overflow:hidden;text-overflow:ellipsis}#search-options .mat-checkbox-layout{max-width:155px}.app-search-hint{position:absolute;font-size:12px;padding-left:17px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu.mat-menu-panel{width:400px}#search-options{padding-left:20px}#search-options mat-checkbox{padding:3px 20px 3px 0}#search-options mat-checkbox .mat-checkbox-label{padding:0}#search-options .mat-checkbox-layout{max-width:105px}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu.mat-menu-panel{width:220px;margin-top:9px}#search-options .mat-checkbox-layout{max-width:180px}}\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i12.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i12.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i12.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i15.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i16.SearchInputControlComponent, selector: "app-search-input-control", inputs: ["inputType"], outputs: ["submit", "searchChange"] }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+SearchInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SearchInputComponent, 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: "<div\n  class=\"app-search-container searchMenuTrigger\"\n  [matMenuTriggerFor]=\"searchOptionsMenu\"\n  (menuOpened)=\"onMenuOpened()\"\n  (menuClosed)=\"syncInputValues()\"\n>\n  <button mat-icon-button class=\"app-search-button\" (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n    <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n  </button>\n  <mat-form-field class=\"app-input-form-field\" [floatLabel]=\"'never'\">\n    <input\n      matInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"'text'\"\n      [disabled]=\"true\"\n      [value]=\"searchedWord\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n    />\n\n    <div matSuffix class=\"app-suffix-search-icon-wrapper\">\n      <mat-icon>arrow_drop_down</mat-icon>\n    </div>\n  </mat-form-field>\n</div>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n  <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\">\n    <div cdkTrapFocus>\n      <app-search-input-control\n        #searchInputControl\n        (click)=\"$event.stopPropagation()\"\n        (submit)=\"onSearchSubmit($event)\"\n        (searchChange)=\"onSearchChange($event)\"\n      >\n      </app-search-input-control>\n      <mat-hint *ngIf=\"hasLibraryConstraint()\" class=\"app-search-hint\">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>\n\n      <div id=\"search-options\">\n        <mat-checkbox\n          *ngFor=\"let option of searchOptions\"\n          id=\"{{ option.id }}\"\n          [(ngModel)]=\"option.value\"\n          [disabled]=\"option.shouldDisable()\"\n          (change)=\"searchByOption()\"\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)}.app-search-container .app-input-form-field .mat-input-element{caret-color:var(--theme-text-color)}.app-search-container .app-input-form-field .mat-input-element:disabled{color:var(--theme-text-color)}.app-search-container .mat-focused label.mat-form-field-label{display:none}.app-search-options-menu.mat-menu-panel{background-color:var(--theme-dialog-background-color);width:594px;max-width:unset;border-radius:4px;margin-top:12px}.app-search-options-menu .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}#search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color)}mat-checkbox .mat-checkbox-frame{border-color:var(--theme-text-color)}.aca-search-input{width:100%;max-width:594px;background-color:#f5f6f5;border-radius:4px;height:40px}.app-search-container{width:100%;max-width:594px;height:52px}.app-search-control{margin-top:-12px}#search-options{padding:20px 0;font-size:16px;letter-spacing:-.7px}#search-options mat-checkbox{padding:3px 24px 3px 19px}#search-options mat-checkbox .mat-checkbox-inner-container{height:18px;width:18px}#search-options mat-checkbox .mat-checkbox-label{padding:0 0 0 11px;overflow:hidden;text-overflow:ellipsis}#search-options .mat-checkbox-layout{max-width:155px}.app-search-hint{position:absolute;font-size:12px;padding-left:17px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu.mat-menu-panel{width:400px}#search-options{padding-left:20px}#search-options mat-checkbox{padding:3px 20px 3px 0}#search-options mat-checkbox .mat-checkbox-label{padding:0}#search-options .mat-checkbox-layout{max-width:105px}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu.mat-menu-panel{width:220px;margin-top:9px}#search-options .mat-checkbox-layout{max-width:180px}}@media screen and (max-width: 380px){.aca-search-input{max-width:148px}}\n"], dependencies: [{ kind: "directive", type: i7.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i8.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i8.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i9.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i11.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i12.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i12.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i12.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i13.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl],      input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "component", type: i14.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i14.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i15.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: i16.SearchInputControlComponent, selector: "app-search-input-control", inputs: ["inputType"], outputs: ["submit", "searchChange"] }, { kind: "pipe", type: i17.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SearchInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aca-search-input', encapsulation: ViewEncapsulation.None, host: { class: 'aca-search-input' }, template: "<div\n  class=\"app-search-container searchMenuTrigger\"\n  [matMenuTriggerFor]=\"searchOptionsMenu\"\n  (menuOpened)=\"onMenuOpened()\"\n  (menuClosed)=\"syncInputValues()\"\n>\n  <button mat-icon-button class=\"app-search-button\" (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n    <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n  </button>\n  <mat-form-field class=\"app-input-form-field\" [floatLabel]=\"'never'\">\n    <input\n      matInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"'text'\"\n      [disabled]=\"true\"\n      [value]=\"searchedWord\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n    />\n\n    <div matSuffix class=\"app-suffix-search-icon-wrapper\">\n      <mat-icon>arrow_drop_down</mat-icon>\n    </div>\n  </mat-form-field>\n</div>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n  <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\">\n    <div cdkTrapFocus>\n      <app-search-input-control\n        #searchInputControl\n        (click)=\"$event.stopPropagation()\"\n        (submit)=\"onSearchSubmit($event)\"\n        (searchChange)=\"onSearchChange($event)\"\n      >\n      </app-search-input-control>\n      <mat-hint *ngIf=\"hasLibraryConstraint()\" class=\"app-search-hint\">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>\n\n      <div id=\"search-options\">\n        <mat-checkbox\n          *ngFor=\"let option of searchOptions\"\n          id=\"{{ option.id }}\"\n          [(ngModel)]=\"option.value\"\n          [disabled]=\"option.shouldDisable()\"\n          (change)=\"searchByOption()\"\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)}.app-search-container .app-input-form-field .mat-input-element{caret-color:var(--theme-text-color)}.app-search-container .app-input-form-field .mat-input-element:disabled{color:var(--theme-text-color)}.app-search-container .mat-focused label.mat-form-field-label{display:none}.app-search-options-menu.mat-menu-panel{background-color:var(--theme-dialog-background-color);width:594px;max-width:unset;border-radius:4px;margin-top:12px}.app-search-options-menu .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}#search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color)}mat-checkbox .mat-checkbox-frame{border-color:var(--theme-text-color)}.aca-search-input{width:100%;max-width:594px;background-color:#f5f6f5;border-radius:4px;height:40px}.app-search-container{width:100%;max-width:594px;height:52px}.app-search-control{margin-top:-12px}#search-options{padding:20px 0;font-size:16px;letter-spacing:-.7px}#search-options mat-checkbox{padding:3px 24px 3px 19px}#search-options mat-checkbox .mat-checkbox-inner-container{height:18px;width:18px}#search-options mat-checkbox .mat-checkbox-label{padding:0 0 0 11px;overflow:hidden;text-overflow:ellipsis}#search-options .mat-checkbox-layout{max-width:155px}.app-search-hint{position:absolute;font-size:12px;padding-left:17px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu.mat-menu-panel{width:400px}#search-options{padding-left:20px}#search-options mat-checkbox{padding:3px 20px 3px 0}#search-options mat-checkbox .mat-checkbox-label{padding:0}#search-options .mat-checkbox-layout{max-width:105px}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu.mat-menu-panel{width:220px;margin-top:9px}#search-options .mat-checkbox-layout{max-width:180px}}\n"] }]
+            args: [{ selector: 'aca-search-input', encapsulation: ViewEncapsulation.None, host: { class: 'aca-search-input' }, template: "<div\n  class=\"app-search-container searchMenuTrigger\"\n  [matMenuTriggerFor]=\"searchOptionsMenu\"\n  (menuOpened)=\"onMenuOpened()\"\n  (menuClosed)=\"syncInputValues()\"\n>\n  <button mat-icon-button class=\"app-search-button\" (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n    <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n  </button>\n  <mat-form-field class=\"app-input-form-field\" [floatLabel]=\"'never'\">\n    <input\n      matInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"'text'\"\n      [disabled]=\"true\"\n      [value]=\"searchedWord\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n    />\n\n    <div matSuffix class=\"app-suffix-search-icon-wrapper\">\n      <mat-icon>arrow_drop_down</mat-icon>\n    </div>\n  </mat-form-field>\n</div>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n  <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\">\n    <div cdkTrapFocus>\n      <app-search-input-control\n        #searchInputControl\n        (click)=\"$event.stopPropagation()\"\n        (submit)=\"onSearchSubmit($event)\"\n        (searchChange)=\"onSearchChange($event)\"\n      >\n      </app-search-input-control>\n      <mat-hint *ngIf=\"hasLibraryConstraint()\" class=\"app-search-hint\">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>\n\n      <div id=\"search-options\">\n        <mat-checkbox\n          *ngFor=\"let option of searchOptions\"\n          id=\"{{ option.id }}\"\n          [(ngModel)]=\"option.value\"\n          [disabled]=\"option.shouldDisable()\"\n          (change)=\"searchByOption()\"\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)}.app-search-container .app-input-form-field .mat-input-element{caret-color:var(--theme-text-color)}.app-search-container .app-input-form-field .mat-input-element:disabled{color:var(--theme-text-color)}.app-search-container .mat-focused label.mat-form-field-label{display:none}.app-search-options-menu.mat-menu-panel{background-color:var(--theme-dialog-background-color);width:594px;max-width:unset;border-radius:4px;margin-top:12px}.app-search-options-menu .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}#search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color)}mat-checkbox .mat-checkbox-frame{border-color:var(--theme-text-color)}.aca-search-input{width:100%;max-width:594px;background-color:#f5f6f5;border-radius:4px;height:40px}.app-search-container{width:100%;max-width:594px;height:52px}.app-search-control{margin-top:-12px}#search-options{padding:20px 0;font-size:16px;letter-spacing:-.7px}#search-options mat-checkbox{padding:3px 24px 3px 19px}#search-options mat-checkbox .mat-checkbox-inner-container{height:18px;width:18px}#search-options mat-checkbox .mat-checkbox-label{padding:0 0 0 11px;overflow:hidden;text-overflow:ellipsis}#search-options .mat-checkbox-layout{max-width:155px}.app-search-hint{position:absolute;font-size:12px;padding-left:17px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu.mat-menu-panel{width:400px}#search-options{padding-left:20px}#search-options mat-checkbox{padding:3px 20px 3px 0}#search-options mat-checkbox .mat-checkbox-label{padding:0}#search-options .mat-checkbox-layout{max-width:105px}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu.mat-menu-panel{width:220px;margin-top:9px}#search-options .mat-checkbox-layout{max-width:180px}}@media screen and (max-width: 380px){.aca-search-input{max-width:148px}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.SearchQueryBuilderService }, { type: i2.SearchLibrariesQueryBuilderService }, { type: i3.AppConfigService }, { type: i4.Router }, { type: i5.Store }, { type: i6.AppHookService }]; }, propDecorators: { searchInputControl: [{
                 type: ViewChild,
                 args: ['searchInputControl', { static: true }]

package/fesm2015/alfresco-aca-content.mjs

@@ -7365,10 +7365,10 @@ class SearchInputComponent {
     }
 }
 SearchInputComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SearchInputComponent, deps: [{ token: i6.SearchQueryBuilderService }, { token: SearchLibrariesQueryBuilderService }, { token: i1.AppConfigService }, { token: i2$1.Router }, { token: i1$1.Store }, { token: i2.AppHookService }], target: i0.ɵɵFactoryTarget.Component });
-SearchInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SearchInputComponent, 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: "<div\n  class=\"app-search-container searchMenuTrigger\"\n  [matMenuTriggerFor]=\"searchOptionsMenu\"\n  (menuOpened)=\"onMenuOpened()\"\n  (menuClosed)=\"syncInputValues()\"\n>\n  <button mat-icon-button class=\"app-search-button\" (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n    <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n  </button>\n  <mat-form-field class=\"app-input-form-field\" [floatLabel]=\"'never'\">\n    <input\n      matInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"'text'\"\n      [disabled]=\"true\"\n      [value]=\"searchedWord\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n    />\n\n    <div matSuffix class=\"app-suffix-search-icon-wrapper\">\n      <mat-icon>arrow_drop_down</mat-icon>\n    </div>\n  </mat-form-field>\n</div>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n  <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\">\n    <div cdkTrapFocus>\n      <app-search-input-control\n        #searchInputControl\n        (click)=\"$event.stopPropagation()\"\n        (submit)=\"onSearchSubmit($event)\"\n        (searchChange)=\"onSearchChange($event)\"\n      >\n      </app-search-input-control>\n      <mat-hint *ngIf=\"hasLibraryConstraint()\" class=\"app-search-hint\">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>\n\n      <div id=\"search-options\">\n        <mat-checkbox\n          *ngFor=\"let option of searchOptions\"\n          id=\"{{ option.id }}\"\n          [(ngModel)]=\"option.value\"\n          [disabled]=\"option.shouldDisable()\"\n          (change)=\"searchByOption()\"\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)}.app-search-container .app-input-form-field .mat-input-element{caret-color:var(--theme-text-color)}.app-search-container .app-input-form-field .mat-input-element:disabled{color:var(--theme-text-color)}.app-search-container .mat-focused label.mat-form-field-label{display:none}.app-search-options-menu.mat-menu-panel{background-color:var(--theme-dialog-background-color);width:594px;max-width:unset;border-radius:4px;margin-top:12px}.app-search-options-menu .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}#search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color)}mat-checkbox .mat-checkbox-frame{border-color:var(--theme-text-color)}.aca-search-input{width:100%;max-width:594px;background-color:#f5f6f5;border-radius:4px;height:40px}.app-search-container{width:100%;max-width:594px;height:52px}.app-search-control{margin-top:-12px}#search-options{padding:20px 0;font-size:16px;letter-spacing:-.7px}#search-options mat-checkbox{padding:3px 24px 3px 19px}#search-options mat-checkbox .mat-checkbox-inner-container{height:18px;width:18px}#search-options mat-checkbox .mat-checkbox-label{padding:0 0 0 11px;overflow:hidden;text-overflow:ellipsis}#search-options .mat-checkbox-layout{max-width:155px}.app-search-hint{position:absolute;font-size:12px;padding-left:17px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu.mat-menu-panel{width:400px}#search-options{padding-left:20px}#search-options mat-checkbox{padding:3px 20px 3px 0}#search-options mat-checkbox .mat-checkbox-label{padding:0}#search-options .mat-checkbox-layout{max-width:105px}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu.mat-menu-panel{width:220px;margin-top:9px}#search-options .mat-checkbox-layout{max-width:180px}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10$3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5$2.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i6$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"], exportAs: ["matInput"] }, { kind: "component", type: i5$3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i5$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i15.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: SearchInputControlComponent, selector: "app-search-input-control", inputs: ["inputType"], outputs: ["submit", "searchChange"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
+SearchInputComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.1.2", type: SearchInputComponent, 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: "<div\n  class=\"app-search-container searchMenuTrigger\"\n  [matMenuTriggerFor]=\"searchOptionsMenu\"\n  (menuOpened)=\"onMenuOpened()\"\n  (menuClosed)=\"syncInputValues()\"\n>\n  <button mat-icon-button class=\"app-search-button\" (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n    <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n  </button>\n  <mat-form-field class=\"app-input-form-field\" [floatLabel]=\"'never'\">\n    <input\n      matInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"'text'\"\n      [disabled]=\"true\"\n      [value]=\"searchedWord\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n    />\n\n    <div matSuffix class=\"app-suffix-search-icon-wrapper\">\n      <mat-icon>arrow_drop_down</mat-icon>\n    </div>\n  </mat-form-field>\n</div>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n  <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\">\n    <div cdkTrapFocus>\n      <app-search-input-control\n        #searchInputControl\n        (click)=\"$event.stopPropagation()\"\n        (submit)=\"onSearchSubmit($event)\"\n        (searchChange)=\"onSearchChange($event)\"\n      >\n      </app-search-input-control>\n      <mat-hint *ngIf=\"hasLibraryConstraint()\" class=\"app-search-hint\">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>\n\n      <div id=\"search-options\">\n        <mat-checkbox\n          *ngFor=\"let option of searchOptions\"\n          id=\"{{ option.id }}\"\n          [(ngModel)]=\"option.value\"\n          [disabled]=\"option.shouldDisable()\"\n          (change)=\"searchByOption()\"\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)}.app-search-container .app-input-form-field .mat-input-element{caret-color:var(--theme-text-color)}.app-search-container .app-input-form-field .mat-input-element:disabled{color:var(--theme-text-color)}.app-search-container .mat-focused label.mat-form-field-label{display:none}.app-search-options-menu.mat-menu-panel{background-color:var(--theme-dialog-background-color);width:594px;max-width:unset;border-radius:4px;margin-top:12px}.app-search-options-menu .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}#search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color)}mat-checkbox .mat-checkbox-frame{border-color:var(--theme-text-color)}.aca-search-input{width:100%;max-width:594px;background-color:#f5f6f5;border-radius:4px;height:40px}.app-search-container{width:100%;max-width:594px;height:52px}.app-search-control{margin-top:-12px}#search-options{padding:20px 0;font-size:16px;letter-spacing:-.7px}#search-options mat-checkbox{padding:3px 24px 3px 19px}#search-options mat-checkbox .mat-checkbox-inner-container{height:18px;width:18px}#search-options mat-checkbox .mat-checkbox-label{padding:0 0 0 11px;overflow:hidden;text-overflow:ellipsis}#search-options .mat-checkbox-layout{max-width:155px}.app-search-hint{position:absolute;font-size:12px;padding-left:17px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu.mat-menu-panel{width:400px}#search-options{padding-left:20px}#search-options mat-checkbox{padding:3px 20px 3px 0}#search-options mat-checkbox .mat-checkbox-label{padding:0}#search-options .mat-checkbox-layout{max-width:105px}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu.mat-menu-panel{width:220px;margin-top:9px}#search-options .mat-checkbox-layout{max-width:180px}}@media screen and (max-width: 380px){.aca-search-input{max-width:148px}}\n"], dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3$2.MatButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10$3.MatCheckbox, selector: "mat-checkbox", inputs: ["disableRipple", "color", "tabIndex"], exportAs: ["matCheckbox"] }, { kind: "component", type: i4$1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i5$2.MatFormField, selector: "mat-form-field", inputs: ["color", "appearance", "hideRequiredMarker", "hintLabel", "floatLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5$2.MatHint, selector: "mat-hint", inputs: ["align", "id"] }, { kind: "directive", type: i5$2.MatSuffix, selector: "[matSuffix]" }, { kind: "directive", type: i6$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"], exportAs: ["matInput"] }, { kind: "component", type: i5$3.MatMenu, selector: "mat-menu", exportAs: ["matMenu"] }, { kind: "directive", type: i5$3.MatMenuTrigger, selector: "[mat-menu-trigger-for], [matMenuTriggerFor]", exportAs: ["matMenuTrigger"] }, { kind: "directive", type: i15.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }, { kind: "component", type: SearchInputControlComponent, selector: "app-search-input-control", inputs: ["inputType"], outputs: ["submit", "searchChange"] }, { kind: "pipe", type: i5$1.TranslatePipe, name: "translate" }], encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.1.2", ngImport: i0, type: SearchInputComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'aca-search-input', encapsulation: ViewEncapsulation.None, host: { class: 'aca-search-input' }, template: "<div\n  class=\"app-search-container searchMenuTrigger\"\n  [matMenuTriggerFor]=\"searchOptionsMenu\"\n  (menuOpened)=\"onMenuOpened()\"\n  (menuClosed)=\"syncInputValues()\"\n>\n  <button mat-icon-button class=\"app-search-button\" (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n    <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n  </button>\n  <mat-form-field class=\"app-input-form-field\" [floatLabel]=\"'never'\">\n    <input\n      matInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"'text'\"\n      [disabled]=\"true\"\n      [value]=\"searchedWord\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n    />\n\n    <div matSuffix class=\"app-suffix-search-icon-wrapper\">\n      <mat-icon>arrow_drop_down</mat-icon>\n    </div>\n  </mat-form-field>\n</div>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n  <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\">\n    <div cdkTrapFocus>\n      <app-search-input-control\n        #searchInputControl\n        (click)=\"$event.stopPropagation()\"\n        (submit)=\"onSearchSubmit($event)\"\n        (searchChange)=\"onSearchChange($event)\"\n      >\n      </app-search-input-control>\n      <mat-hint *ngIf=\"hasLibraryConstraint()\" class=\"app-search-hint\">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>\n\n      <div id=\"search-options\">\n        <mat-checkbox\n          *ngFor=\"let option of searchOptions\"\n          id=\"{{ option.id }}\"\n          [(ngModel)]=\"option.value\"\n          [disabled]=\"option.shouldDisable()\"\n          (change)=\"searchByOption()\"\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)}.app-search-container .app-input-form-field .mat-input-element{caret-color:var(--theme-text-color)}.app-search-container .app-input-form-field .mat-input-element:disabled{color:var(--theme-text-color)}.app-search-container .mat-focused label.mat-form-field-label{display:none}.app-search-options-menu.mat-menu-panel{background-color:var(--theme-dialog-background-color);width:594px;max-width:unset;border-radius:4px;margin-top:12px}.app-search-options-menu .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}#search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color)}mat-checkbox .mat-checkbox-frame{border-color:var(--theme-text-color)}.aca-search-input{width:100%;max-width:594px;background-color:#f5f6f5;border-radius:4px;height:40px}.app-search-container{width:100%;max-width:594px;height:52px}.app-search-control{margin-top:-12px}#search-options{padding:20px 0;font-size:16px;letter-spacing:-.7px}#search-options mat-checkbox{padding:3px 24px 3px 19px}#search-options mat-checkbox .mat-checkbox-inner-container{height:18px;width:18px}#search-options mat-checkbox .mat-checkbox-label{padding:0 0 0 11px;overflow:hidden;text-overflow:ellipsis}#search-options .mat-checkbox-layout{max-width:155px}.app-search-hint{position:absolute;font-size:12px;padding-left:17px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu.mat-menu-panel{width:400px}#search-options{padding-left:20px}#search-options mat-checkbox{padding:3px 20px 3px 0}#search-options mat-checkbox .mat-checkbox-label{padding:0}#search-options .mat-checkbox-layout{max-width:105px}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu.mat-menu-panel{width:220px;margin-top:9px}#search-options .mat-checkbox-layout{max-width:180px}}\n"] }]
+            args: [{ selector: 'aca-search-input', encapsulation: ViewEncapsulation.None, host: { class: 'aca-search-input' }, template: "<div\n  class=\"app-search-container searchMenuTrigger\"\n  [matMenuTriggerFor]=\"searchOptionsMenu\"\n  (menuOpened)=\"onMenuOpened()\"\n  (menuClosed)=\"syncInputValues()\"\n>\n  <button mat-icon-button class=\"app-search-button\" (click)=\"searchByOption()\" [title]=\"'SEARCH.BUTTON.TOOLTIP' | translate\">\n    <mat-icon [attr.aria-label]=\"'SEARCH.BUTTON.ARIA-LABEL' | translate\">search</mat-icon>\n  </button>\n  <mat-form-field class=\"app-input-form-field\" [floatLabel]=\"'never'\">\n    <input\n      matInput\n      [attr.aria-label]=\"'SEARCH.INPUT.ARIA-LABEL' | translate\"\n      [type]=\"'text'\"\n      [disabled]=\"true\"\n      [value]=\"searchedWord\"\n      [placeholder]=\"'SEARCH.INPUT.PLACEHOLDER' | translate\"\n    />\n\n    <div matSuffix class=\"app-suffix-search-icon-wrapper\">\n      <mat-icon>arrow_drop_down</mat-icon>\n    </div>\n  </mat-form-field>\n</div>\n\n<mat-menu #searchOptionsMenu=\"matMenu\" [overlapTrigger]=\"true\" class=\"app-search-options-menu\">\n  <div (keydown.tab)=\"$event.stopPropagation()\" (keydown.shift.tab)=\"$event.stopPropagation()\">\n    <div cdkTrapFocus>\n      <app-search-input-control\n        #searchInputControl\n        (click)=\"$event.stopPropagation()\"\n        (submit)=\"onSearchSubmit($event)\"\n        (searchChange)=\"onSearchChange($event)\"\n      >\n      </app-search-input-control>\n      <mat-hint *ngIf=\"hasLibraryConstraint()\" class=\"app-search-hint\">{{ 'SEARCH.INPUT.HINT' | translate }}</mat-hint>\n\n      <div id=\"search-options\">\n        <mat-checkbox\n          *ngFor=\"let option of searchOptions\"\n          id=\"{{ option.id }}\"\n          [(ngModel)]=\"option.value\"\n          [disabled]=\"option.shouldDisable()\"\n          (change)=\"searchByOption()\"\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)}.app-search-container .app-input-form-field .mat-input-element{caret-color:var(--theme-text-color)}.app-search-container .app-input-form-field .mat-input-element:disabled{color:var(--theme-text-color)}.app-search-container .mat-focused label.mat-form-field-label{display:none}.app-search-options-menu.mat-menu-panel{background-color:var(--theme-dialog-background-color);width:594px;max-width:unset;border-radius:4px;margin-top:12px}.app-search-options-menu .mat-menu-content:not(:empty){padding-top:0;padding-bottom:0}#search-options{color:var(--theme-text-color);border-top:1px solid var(--theme-divider-color)}mat-checkbox .mat-checkbox-frame{border-color:var(--theme-text-color)}.aca-search-input{width:100%;max-width:594px;background-color:#f5f6f5;border-radius:4px;height:40px}.app-search-container{width:100%;max-width:594px;height:52px}.app-search-control{margin-top:-12px}#search-options{padding:20px 0;font-size:16px;letter-spacing:-.7px}#search-options mat-checkbox{padding:3px 24px 3px 19px}#search-options mat-checkbox .mat-checkbox-inner-container{height:18px;width:18px}#search-options mat-checkbox .mat-checkbox-label{padding:0 0 0 11px;overflow:hidden;text-overflow:ellipsis}#search-options .mat-checkbox-layout{max-width:155px}.app-search-hint{position:absolute;font-size:12px;padding-left:17px}@media screen and (max-width: 959px){.aca-search-input,.app-search-container{max-width:400px}.app-search-options-menu.mat-menu-panel{width:400px}#search-options{padding-left:20px}#search-options mat-checkbox{padding:3px 20px 3px 0}#search-options mat-checkbox .mat-checkbox-label{padding:0}#search-options .mat-checkbox-layout{max-width:105px}}@media screen and (max-width: 599px){.aca-search-input,.app-search-container{max-width:220px}.app-search-options-menu.mat-menu-panel{width:220px;margin-top:9px}#search-options .mat-checkbox-layout{max-width:180px}}@media screen and (max-width: 380px){.aca-search-input{max-width:148px}}\n"] }]
         }], ctorParameters: function () { return [{ type: i6.SearchQueryBuilderService }, { type: SearchLibrariesQueryBuilderService }, { type: i1.AppConfigService }, { type: i2$1.Router }, { type: i1$1.Store }, { type: i2.AppHookService }]; }, propDecorators: { searchInputControl: [{
                 type: ViewChild,
                 args: ['searchInputControl', { static: true }]