@byuhbll/components 2.1.8 → 3.0.0

package/fesm2022/byuhbll-components.mjs

@@ -525,7 +525,6 @@ class AdvancedSearchComponent {
                 peerReviewed: [false],
             }),
             expandResults: this.fb.group({
-                applyRelatedWords: [false],
                 applyEquivalentSubjects: [false],
                 fullText: [false],
             }),
@@ -590,7 +589,6 @@ class AdvancedSearchComponent {
                         peerReviewed: this.peerReviewed.value,
                     },
                     expandResults: {
-                        applyRelatedWords: this.applyRelatedWords.value,
                         applyEquivalentSubjects: this.applyEquivalentSubjects.value,
                         fullText: this.fullText.value,
                     },
@@ -675,7 +673,6 @@ class AdvancedSearchComponent {
                 this.languages.setValue(this.config.externalAdvancedSearch
                     .selectedLanguages);
                 this.peerReviewed.setValue(this.config.externalAdvancedSearch.limitResults.peerReviewed);
-                this.applyRelatedWords.setValue(this.config.externalAdvancedSearch.expandResults.applyRelatedWords);
                 this.applyEquivalentSubjects.setValue(this.config.externalAdvancedSearch.expandResults.applyEquivalentSubjects);
                 this.fullText.setValue(this.config.externalAdvancedSearch.expandResults.fullText);
                 this.from.setValue(this.config.externalAdvancedSearch.datePublished.from);
@@ -717,14 +714,11 @@ class AdvancedSearchComponent {
     get fullText() {
         return this.advancedSearchForm.controls.expandResults.controls.fullText;
     }
-    get applyRelatedWords() {
-        return this.advancedSearchForm.controls.expandResults.controls.applyRelatedWords;
-    }
     get applyEquivalentSubjects() {
         return this.advancedSearchForm.controls.expandResults.controls.applyEquivalentSubjects;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: AdvancedSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: AdvancedSearchComponent, isStandalone: true, selector: "lib-ss-advanced-search", inputs: { config: "config" }, outputs: { advancedSearch: "advancedSearch" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "inputTooltip", first: true, predicate: MatTooltip, descendants: true }], ngImport: i0, template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"peerReviewed.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply related words -->\n                <label class=\"ss-checkbox-label\" for=\"applyRelatedWords\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyRelatedWords\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyRelatedWords'\"\n                        data-testid=\"applyRelatedWords\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"applyRelatedWords.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Apply related words</span>\n                </label>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-hbll-checkbox\n                        [isChecked]=\"applyEquivalentSubjects.value\"\n                    ></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"fullText.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <div id=\"dateOptions\">\n                <h4>Date Published</h4>\n                <lib-date-range\n                    [from]=\"from.value\"\n                    [to]=\"to.value\"\n                    (fromChange)=\"from.setValue($event)\"\n                    (toChange)=\"to.setValue($event)\"\n                ></lib-date-range>\n            </div>\n            <!-- Language -->\n            <div>\n                <h4>Language</h4>\n                <lib-hbll-multi-select\n                    [label]=\"'language'\"\n                    [allOptions]=\"advancedSearchOptions.languages\"\n                    [selectedKeys]=\"languages.value\"\n                    (selectedKeysChange)=\"languages.setValue($any($event))\"\n                ></lib-hbll-multi-select>\n            </div>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n", styles: ["button.ensign{background-color:#2b6042!important}button.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{border-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em}h4{margin-bottom:.3em;font-weight:600}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.4rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:1rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions{grid-column:span 2}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$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: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: HbllMultiSelectComponent, selector: "lib-hbll-multi-select", inputs: ["allOptions", "label", "selectedKeys"], outputs: ["selectedKeysChange"] }, { kind: "component", type: HbllCheckboxComponent, selector: "lib-hbll-checkbox", inputs: ["isChecked"] }, { kind: "component", type: DateRangeComponent, selector: "lib-date-range", inputs: ["from", "to"], outputs: ["validDateChange", "fromChange", "toChange"] }] }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.1.0", type: AdvancedSearchComponent, isStandalone: true, selector: "lib-ss-advanced-search", inputs: { config: "config" }, outputs: { advancedSearch: "advancedSearch" }, viewQueries: [{ propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true }, { propertyName: "inputTooltip", first: true, predicate: MatTooltip, descendants: true }], ngImport: i0, template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"peerReviewed.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-hbll-checkbox\n                        [isChecked]=\"applyEquivalentSubjects.value\"\n                    ></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"fullText.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <div id=\"dateOptions\">\n                <h4>Date Published</h4>\n                <lib-date-range\n                    [from]=\"from.value\"\n                    [to]=\"to.value\"\n                    (fromChange)=\"from.setValue($event)\"\n                    (toChange)=\"to.setValue($event)\"\n                ></lib-date-range>\n            </div>\n            <!-- Language -->\n            <div>\n                <h4>Language</h4>\n                <lib-hbll-multi-select\n                    [label]=\"'language'\"\n                    [allOptions]=\"advancedSearchOptions.languages\"\n                    [selectedKeys]=\"languages.value\"\n                    (selectedKeysChange)=\"languages.setValue($any($event))\"\n                ></lib-hbll-multi-select>\n            </div>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n", styles: ["button.ensign{background-color:#2b6042!important}button.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{border-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em}h4{margin-bottom:.3em;font-weight:600}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.4rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:1rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions{grid-column:span 2}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2$1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2$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: i2$1.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2$1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.FormGroupName, selector: "[formGroupName]", inputs: ["formGroupName"] }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i3$1.MatTooltip, selector: "[matTooltip]", inputs: ["matTooltipPosition", "matTooltipPositionAtOrigin", "matTooltipDisabled", "matTooltipShowDelay", "matTooltipHideDelay", "matTooltipTouchGestures", "matTooltip", "matTooltipClass"], exportAs: ["matTooltip"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: HbllMultiSelectComponent, selector: "lib-hbll-multi-select", inputs: ["allOptions", "label", "selectedKeys"], outputs: ["selectedKeysChange"] }, { kind: "component", type: HbllCheckboxComponent, selector: "lib-hbll-checkbox", inputs: ["isChecked"] }, { kind: "component", type: DateRangeComponent, selector: "lib-date-range", inputs: ["from", "to"], outputs: ["validDateChange", "fromChange", "toChange"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImport: i0, type: AdvancedSearchComponent, decorators: [{
             type: Component,
@@ -736,7 +730,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.1.0", ngImpor
                         HbllMultiSelectComponent,
                         HbllCheckboxComponent,
                         DateRangeComponent,
-                    ], template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"peerReviewed.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply related words -->\n                <label class=\"ss-checkbox-label\" for=\"applyRelatedWords\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyRelatedWords\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyRelatedWords'\"\n                        data-testid=\"applyRelatedWords\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"applyRelatedWords.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Apply related words</span>\n                </label>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-hbll-checkbox\n                        [isChecked]=\"applyEquivalentSubjects.value\"\n                    ></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"fullText.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <div id=\"dateOptions\">\n                <h4>Date Published</h4>\n                <lib-date-range\n                    [from]=\"from.value\"\n                    [to]=\"to.value\"\n                    (fromChange)=\"from.setValue($event)\"\n                    (toChange)=\"to.setValue($event)\"\n                ></lib-date-range>\n            </div>\n            <!-- Language -->\n            <div>\n                <h4>Language</h4>\n                <lib-hbll-multi-select\n                    [label]=\"'language'\"\n                    [allOptions]=\"advancedSearchOptions.languages\"\n                    [selectedKeys]=\"languages.value\"\n                    (selectedKeysChange)=\"languages.setValue($any($event))\"\n                ></lib-hbll-multi-select>\n            </div>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n", styles: ["button.ensign{background-color:#2b6042!important}button.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{border-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em}h4{margin-bottom:.3em;font-weight:600}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.4rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:1rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions{grid-column:span 2}}\n"] }]
+                    ], template: "<form\n    data-testid=\"advancedSearchForm\"\n    (submit)=\"config.scope === 'local' ? doLocalAdvancedSearch() : doExternalAdvancedSearch()\"\n    [formGroup]=\"advancedSearchForm\"\n    class=\"ss-adv-search-wrapper\"\n>\n    <h3>Advanced Search</h3>\n    <!-- Queries -->\n    @for (query of queries.controls; track $index; let queryIndex = $index) {\n        <div class=\"ss-adv-search-row\" [formGroup]=\"query\">\n            <!-- Boolean operator -->\n            <!-- Add boolean for each row except for first -->\n            @if (!$first) {\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'boolean' + queryIndex\"\n                        [formControlName]=\"'boolean'\"\n                        [attr.data-testid]=\"'boolean' + queryIndex\"\n                    >\n                        @for (boolean of advancedSearchOptions.boolean; track boolean) {\n                            <option [ngValue]=\"boolean\">\n                                {{ boolean }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Field -->\n            <label [for]=\"'field' + queryIndex\" class=\"ss-hidden\">Field {{ queryIndex }}</label>\n            <div class=\"ss-select-wrapper\">\n                <select\n                    [id]=\"'field' + queryIndex\"\n                    [formControlName]=\"'field'\"\n                    [attr.data-testid]=\"'field' + queryIndex\"\n                >\n                    @for (field of advancedSearchOptions.fields; track field) {\n                        <option [ngValue]=\"field\">\n                            {{ advancedSearchFieldMap[field] }}\n                        </option>\n                    }\n                    <optgroup\n                        [label]=\"(config.scope === 'external' ? 'Online' : 'Library') + ' Specific'\"\n                    >\n                        @for (\n                            field of config.scope === 'external'\n                                ? advancedSearchOptions.externalFields\n                                : advancedSearchOptions.localFields;\n                            track field\n                        ) {\n                            <option [ngValue]=\"field\">\n                                {{ advancedSearchFieldMap[field] }}\n                            </option>\n                        }\n                    </optgroup>\n                </select>\n            </div>\n            <!-- Qualifiers are only available for local searches -->\n            @if (config.scope === 'local') {\n                <label [for]=\"'qualifier' + queryIndex\" class=\"ss-hidden\"\n                    >Match Criteria {{ queryIndex }}</label\n                >\n                <div class=\"ss-select-wrapper\">\n                    <select\n                        [id]=\"'qualifier' + queryIndex\"\n                        [formControlName]=\"'qualifier'\"\n                        [attr.data-testid]=\"'qualifier' + queryIndex\"\n                    >\n                        <!-- $any because a field can technically be local or external, though this block is scoped strictly to local fields -->\n                        @for (\n                            qualifier of $any(advancedSearchOptions.qualifiers)[\n                                query.controls.field.value\n                            ];\n                            track qualifier;\n                            let optionIndex = $index\n                        ) {\n                            <option\n                                [ngValue]=\"qualifier\"\n                                [attr.data-testid]=\"\n                                    'qualifier' + queryIndex + '-option' + optionIndex\n                                \"\n                            >\n                                {{ $any(advancedSearchQualifierMap)[qualifier] }}\n                            </option>\n                        }\n                    </select>\n                </div>\n            }\n            <!-- Query -->\n            <label [for]=\"'query' + queryIndex\" class=\"ss-hidden\">Query {{ queryIndex }}</label>\n            <div class=\"ss-query-input\">\n                <input\n                    #searchInput\n                    [id]=\"'query' + queryIndex\"\n                    [formControlName]=\"'query'\"\n                    [attr.data-testid]=\"'query' + queryIndex\"\n                    required\n                    aria-required=\"true\"\n                    matTooltip=\"Fill out this field\"\n                    [matTooltipPosition]=\"'above'\"\n                    [matTooltipDisabled]=\"true\"\n                    [attr.aria-invalid]=\"isSubmitted && queries.at(0).controls.query.invalid\"\n                    aria-describedby=\"invalidInputDesc\"\n                />\n            </div>\n            @if (!$first) {\n                <button\n                    class=\"ss-row-cancel\"\n                    type=\"button\"\n                    (click)=\"removeQuery(queryIndex)\"\n                    [attr.data-testid]=\"'cancelRow' + queryIndex\"\n                >\n                    <span class=\"material-symbols-outlined ss-icon\"> cancel </span>\n                </button>\n            }\n        </div>\n    }\n    <button\n        type=\"button\"\n        (click)=\"addQuery()\"\n        id=\"addQueryBtn\"\n        data-testid=\"addQuery\"\n        [disabled]=\"queries.length > 11\"\n    >\n        <span class=\"material-symbols-outlined ss-icon\"> add </span>\n        Add a row\n    </button>\n    <!-- OTHER OPTIONS -->\n    <div class=\"ss-other-options\">\n        <!-- LOCAL -->\n        @if (config.scope === 'local') {\n            <!-- Type -->\n            <div data-testid=\"resourceType\">\n                <h4>Resource Type</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Resource Type'\"\n                        [allOptions]=\"advancedSearchOptions.types[config.institution]\"\n                        [selectedKeys]=\"types.value\"\n                        (selectedKeysChange)=\"types.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n            <!-- Collection -->\n            <div data-testid=\"collection\">\n                <h4>Collection</h4>\n                <div class=\"ss-multi-select-wrapper\">\n                    <lib-hbll-multi-select\n                        [label]=\"'Collection'\"\n                        [allOptions]=\"advancedSearchOptions.collections[config.institution]\"\n                        [selectedKeys]=\"collections.value\"\n                        (selectedKeysChange)=\"collections.setValue($event)\"\n                    ></lib-hbll-multi-select>\n                </div>\n            </div>\n        }\n        <!-- EXTERNAL -->\n        @if (config.scope === 'external') {\n            <div formGroupName=\"limitResults\" class=\"ss-checkbox-section\">\n                <h4>For Fewer Results Try</h4>\n                <!-- Peer reviewed -->\n                <label class=\"ss-checkbox-label\" for=\"peerReviewed\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"peerReviewed\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'peerReviewed'\"\n                        data-testid=\"peerReviewed\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"peerReviewed.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Peer reviewed journal articles</span>\n                </label>\n            </div>\n            <div formGroupName=\"expandResults\" class=\"ss-checkbox-section\">\n                <h4>For More Results Try</h4>\n                <!-- Apply equivalent subjects -->\n                <label class=\"ss-checkbox-label\" for=\"applyEquivalentSubjects\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"applyEquivalentSubjects\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'applyEquivalentSubjects'\"\n                        data-testid=\"applyEquivalentSubjects\"\n                    />\n                    <lib-hbll-checkbox\n                        [isChecked]=\"applyEquivalentSubjects.value\"\n                    ></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\">Apply equivalent subjects</span>\n                </label>\n                <!-- Full text -->\n                <label class=\"ss-checkbox-label\" for=\"fullText\" tabindex=\"0\">\n                    <input\n                        class=\"ss-hidden\"\n                        id=\"fullText\"\n                        type=\"checkbox\"\n                        [formControlName]=\"'fullText'\"\n                        data-testid=\"fullText\"\n                    />\n                    <lib-hbll-checkbox [isChecked]=\"fullText.value\"></lib-hbll-checkbox>\n                    <span class=\"ss-label-text\"\n                        >Include results the library doesn't have access to</span\n                    >\n                </label>\n            </div>\n            <!-- Date -->\n            <div id=\"dateOptions\">\n                <h4>Date Published</h4>\n                <lib-date-range\n                    [from]=\"from.value\"\n                    [to]=\"to.value\"\n                    (fromChange)=\"from.setValue($event)\"\n                    (toChange)=\"to.setValue($event)\"\n                ></lib-date-range>\n            </div>\n            <!-- Language -->\n            <div>\n                <h4>Language</h4>\n                <lib-hbll-multi-select\n                    [label]=\"'language'\"\n                    [allOptions]=\"advancedSearchOptions.languages\"\n                    [selectedKeys]=\"languages.value\"\n                    (selectedKeysChange)=\"languages.setValue($any($event))\"\n                ></lib-hbll-multi-select>\n            </div>\n        }\n    </div>\n    <div id=\"advSearchFooter\">\n        <a [href]=\"'https://lib.byu.edu/browse/' + config.institution\">Alphabetic Browse</a>\n        <button\n            class=\"pill-btn--components\"\n            [ngClass]=\"{\n                ensign: config.institution === 'ensign',\n            }\"\n            type=\"submit\"\n            data-testid=\"advSearchSubmitButton\"\n        >\n            Search\n        </button>\n    </div>\n</form>\n", styles: ["button.ensign{background-color:#2b6042!important}button.ensign:hover{background-color:#357551!important}a,button{border:none;background:none;font-family:inherit;padding:0;margin:0;font-size:inherit;color:#1c7ec9;text-decoration:none;cursor:pointer}a:hover,button:hover{color:#8ab6f0}select,textarea,input{appearance:none;font-family:inherit;padding:.38em;border:solid 1px #707070;border-radius:4px;font-size:1em;background-color:#fff}select:focus,textarea:focus,input:focus{border-color:#3a6093}.ss-select-wrapper{position:relative}.ss-select-wrapper select{cursor:pointer;padding-right:2em}.ss-select-wrapper:after{font-family:Material Symbols Outlined;content:\"arrow_drop_down\";pointer-events:none;top:0;font-size:1.5em;right:.2em;height:100%;position:absolute;display:flex;align-items:center;opacity:70%}.pill-btn--components{background-color:#4070b0;font-size:1em;transition:all .15s;color:#fff;cursor:pointer;font-weight:600;text-align:center}.pill-btn--components:disabled{color:#707070;background-color:#e6e6e6;pointer-events:none}.pill-btn--components:hover{background-color:#6892ca;color:#fff}.destructive.pill-btn--components{background-color:#b04940}.destructive.pill-btn--components:hover{background-color:#c7574d}.pill-btn--components{border-radius:100em;padding:.4em 1.3em}:host{box-sizing:border-box}:host *{box-sizing:inherit}.ss-select-wrapper{margin-right:.3em}.ss-row-cancel{color:#aaa;margin-left:.4em;margin-top:.4em}.ss-row-cancel:hover{color:#666}.ss-row-cancel .ss-icon{font-size:1em}.ss-hidden{display:none}#addQueryBtn{display:flex;align-items:center}#addQueryBtn:disabled{color:#999;pointer-events:none}#addQueryBtn .icon{font-size:1em}.ss-adv-search-wrapper{width:100%}h3{font-size:1.13em;font-weight:300;margin-bottom:.7em}h4{margin-bottom:.3em;font-weight:600}.ss-adv-search-row{display:flex;flex-wrap:wrap;width:100%;margin-bottom:.6em}.ss-query-input{display:inline-block;width:100%;margin-top:.4rem}.ss-query-input input{width:100%}.ss-other-options{display:grid;grid-template-columns:repeat(1,1fr);gap:.6em 1.6em;grid-auto-rows:minmax(1em,auto);margin-top:1.4em}.ss-other-options label{margin-right:1rem}.ss-checkbox-label{display:inline-flex;align-items:flex-start;cursor:pointer}.ss-checkbox-label:not(:last-of-type){margin-bottom:.75em}.ss-checkbox-label .ss-label-text{margin-top:-.1em;margin-left:.45em}.ss-checkbox-section{margin-bottom:.8em}#advSearchFooter{margin-bottom:.5em;display:flex;justify-content:space-between;align-items:center;font-size:1.2em}#advSearchFooter a{font-size:.8em}@media screen and (min-width: 615px){.ss-adv-search-row{flex-wrap:nowrap}.ss-other-options{grid-template-columns:repeat(2,1fr)}.ss-query-input{margin-top:0}#dateOptions{grid-column:span 2}}\n"] }]
         }], propDecorators: { config: [{
                 type: Input,
                 args: [{ required: true }]
@@ -877,7 +871,6 @@ s    advancedSearchQueryRows: AdvancedSearchQueryRow[];
             peerReviewed: boolean;
         };
         expandResults: {
-            applyRelatedWords: boolean;
             applyEquivalentSubjects: boolean;
             fullText: boolean;
         };