@rededor/site-front-end-lib 20.0.8 → 20.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +124 -124
- package/components/cards/index.d.ts +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-algolia-dropdown.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-algolia-dropdown.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs +20 -20
- package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-banner.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-banner.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-cards.mjs +24 -19
- package/fesm2022/rededor-site-front-end-lib-components-cards.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-carousels.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-carousels.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-planos-convenios.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-footer.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-footer.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs +8 -8
- package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs +8 -8
- package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs +8 -8
- package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header-services.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header-services.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-header.mjs +8 -8
- package/fesm2022/rededor-site-front-end-lib-components-header.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-image.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-image.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-load-screen.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-load-screen.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-modal.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-modal.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-overlay.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-overlay.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-pagination.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-pagination.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-search.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-search.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-side-ctas.mjs +20 -20
- package/fesm2022/rededor-site-front-end-lib-components-side-ctas.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-components-whatsapp.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-components-whatsapp.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-core.mjs +51 -51
- package/fesm2022/rededor-site-front-end-lib-core.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs +8 -8
- package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-api.mjs +26 -26
- package/fesm2022/rededor-site-front-end-lib-cura-api.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-counter.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-counter.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-buttons.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-alert.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-alert.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs +5 -5
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs +5 -5
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-label.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-label.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-radio.mjs +5 -5
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-radio.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-option.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs +5 -5
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-switch.mjs +5 -5
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-switch.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-forms.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs +4 -4
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-enums.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-services-algolia-search-api.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-algolia-search-api.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-services-algolia.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-algolia.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-services-ngu-carousel.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-ngu-carousel.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-services-ssr-loading.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-ssr-loading.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-services-transfer-state.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-transfer-state.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-services-youtube.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-youtube.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib-shared.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-shared.mjs.map +1 -1
- package/fesm2022/rededor-site-front-end-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/_breakpoints.scss +5 -5
|
@@ -74,12 +74,12 @@ class AlgoliaSearchResultItemComponent {
|
|
|
74
74
|
this.resultElement()?.nativeElement?.scrollIntoView({ behavior: 'smooth', block: 'nearest', inline: 'start' });
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
78
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
77
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AlgoliaSearchResultItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
78
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AlgoliaSearchResultItemComponent, isStandalone: true, selector: "algolia-search-result-item", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, img: { classPropertyName: "img", publicName: "img", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, ctaLabel: { classPropertyName: "ctaLabel", publicName: "ctaLabel", isSignal: true, isRequired: false, transformFunction: null }, ctaIcon: { classPropertyName: "ctaIcon", publicName: "ctaIcon", isSignal: true, isRequired: false, transformFunction: null }, ctaUrl: { classPropertyName: "ctaUrl", publicName: "ctaUrl", isSignal: true, isRequired: false, transformFunction: null }, item: { classPropertyName: "item", publicName: "item", isSignal: true, isRequired: false, transformFunction: null }, showDefaultCta: { classPropertyName: "showDefaultCta", publicName: "showDefaultCta", isSignal: true, isRequired: false, transformFunction: null }, isGroup: { classPropertyName: "isGroup", publicName: "isGroup", isSignal: true, isRequired: false, transformFunction: null }, distance: { classPropertyName: "distance", publicName: "distance", isSignal: true, isRequired: false, transformFunction: null }, preselected: { classPropertyName: "preselected", publicName: "preselected", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { preselected: "preselectedChange", itemSelect: "itemSelect", mouseOver: "mouseOver", imgError: "imgError" }, host: { properties: { "style": "this.hostStyles" } }, viewQueries: [{ propertyName: "resultElement", first: true, predicate: ["resultItem"], descendants: true, isSignal: true }], ngImport: i0, template: "@if (!isGroup()) {\n <div\n class=\"algolia-search-results-item\"\n [ngClass]=\"{ preselected: preselected() }\"\n (mouseover)=\"mouseOver.emit(null)\"\n (mousedown)=\"onSelect()\"\n #resultItem\n data-testid=\"_algolia-search-results-item\"\n >\n @if (img()) {\n <div class=\"algolia-search-results-item-img\" data-testid=\"_algolia-search-results-item-img\">\n <rdsite-image [imageDefaultSrc]=\"img()\" [alt]=\"alt()\"></rdsite-image>\n </div>\n }\n\n @if (distance()) {\n <cura-badge-distance class=\"algolia-search-results-item-distance\" [distance]=\"item()?.distance\"></cura-badge-distance>\n } @else if (icon()) {\n <div class=\"algolia-search-results-item-icon\" data-testid=\"_algolia-search-results-item-icon\">\n <cura-icon [name]=\"icon()\" color=\"neutral-dark\" size=\"24\"></cura-icon>\n </div>\n }\n\n @if (title()) {\n <h4 [innerHTML]=\"title()\" [class]=\"{ hasSubtitle: subtitle() }\"></h4>\n }\n\n @if (subtitle()) {\n <p [innerHTML]=\"subtitle()\"></p>\n }\n\n @if (description()) {\n <h5 [innerHTML]=\"description()\"></h5>\n }\n\n @if (ctaUrl() && (ctaLabel() || ctaIcon())) {\n <div class=\"algolia-search-results-item-action\" data-testid=\"_algolia-search-results-item-action\">\n @if (externalCta()) {\n <a [href]=\"ctaUrl()\" [title]=\"ctaLabel()\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n @if (ctaLabel()) {\n <span [innerHTML]=\"ctaLabel()\"></span>\n }\n @if (ctaIcon()) {\n <cura-icon [name]=\"ctaIcon()\" color=\"accent-darker\" size=\"32\"></cura-icon>\n }\n </a>\n } @else {\n <a [routerLink]=\"ctaUrl()\" [title]=\"ctaLabel()\" (click)=\"$event.stopPropagation()\">\n @if (ctaLabel()) {\n <span [innerHTML]=\"ctaLabel()\"></span>\n }\n @if (ctaIcon()) {\n <cura-icon [name]=\"ctaIcon()\" color=\"accent-darker\" size=\"32\"></cura-icon>\n }\n </a>\n }\n </div>\n } @else {\n @if (showDefaultCta()) {\n <div class=\"algolia-search-results-item-action\" data-testid=\"_algolia-search-results-item-action\">\n <cura-icon name=\"iconRightCircle\" color=\"accent-darker\" size=\"32\"></cura-icon>\n </div>\n }\n }\n </div>\n} @else {\n <div class=\"algolia-search-results-group\" data-testid=\"_algolia-search-results-group\">\n {{ title() }}\n </div>\n}\n", styles: [".algolia-search-results-item-img{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--size, 32px);height:var(--size, 32px);min-width:var(--size, 32px);min-height:var(--size, 32px);border:var(--border) solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);overflow:hidden}.algolia-search-results-item-img rdsite-image{width:100%;height:100%;display:block}.algolia-search-results-item-img rdsite-image ::ng-deep img{width:100%;height:100%;object-fit:cover;display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"], outputs: ["imageDefaultSrcChange", "mimeTypeChange"] }, { kind: "component", type: CuraBadgeDistanceComponent, selector: "cura-badge-distance", inputs: ["distance", "label"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
79
79
|
}
|
|
80
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
80
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AlgoliaSearchResultItemComponent, decorators: [{
|
|
81
81
|
type: Component,
|
|
82
|
-
args: [{ selector: 'algolia-search-result-item', imports: [CommonModule, RouterLink, ImageComponent, CuraBadgeDistanceComponent, CuraIconComponent], template: "@if (!isGroup()) {\
|
|
82
|
+
args: [{ selector: 'algolia-search-result-item', imports: [CommonModule, RouterLink, ImageComponent, CuraBadgeDistanceComponent, CuraIconComponent], template: "@if (!isGroup()) {\n <div\n class=\"algolia-search-results-item\"\n [ngClass]=\"{ preselected: preselected() }\"\n (mouseover)=\"mouseOver.emit(null)\"\n (mousedown)=\"onSelect()\"\n #resultItem\n data-testid=\"_algolia-search-results-item\"\n >\n @if (img()) {\n <div class=\"algolia-search-results-item-img\" data-testid=\"_algolia-search-results-item-img\">\n <rdsite-image [imageDefaultSrc]=\"img()\" [alt]=\"alt()\"></rdsite-image>\n </div>\n }\n\n @if (distance()) {\n <cura-badge-distance class=\"algolia-search-results-item-distance\" [distance]=\"item()?.distance\"></cura-badge-distance>\n } @else if (icon()) {\n <div class=\"algolia-search-results-item-icon\" data-testid=\"_algolia-search-results-item-icon\">\n <cura-icon [name]=\"icon()\" color=\"neutral-dark\" size=\"24\"></cura-icon>\n </div>\n }\n\n @if (title()) {\n <h4 [innerHTML]=\"title()\" [class]=\"{ hasSubtitle: subtitle() }\"></h4>\n }\n\n @if (subtitle()) {\n <p [innerHTML]=\"subtitle()\"></p>\n }\n\n @if (description()) {\n <h5 [innerHTML]=\"description()\"></h5>\n }\n\n @if (ctaUrl() && (ctaLabel() || ctaIcon())) {\n <div class=\"algolia-search-results-item-action\" data-testid=\"_algolia-search-results-item-action\">\n @if (externalCta()) {\n <a [href]=\"ctaUrl()\" [title]=\"ctaLabel()\" target=\"_blank\" (click)=\"$event.stopPropagation()\">\n @if (ctaLabel()) {\n <span [innerHTML]=\"ctaLabel()\"></span>\n }\n @if (ctaIcon()) {\n <cura-icon [name]=\"ctaIcon()\" color=\"accent-darker\" size=\"32\"></cura-icon>\n }\n </a>\n } @else {\n <a [routerLink]=\"ctaUrl()\" [title]=\"ctaLabel()\" (click)=\"$event.stopPropagation()\">\n @if (ctaLabel()) {\n <span [innerHTML]=\"ctaLabel()\"></span>\n }\n @if (ctaIcon()) {\n <cura-icon [name]=\"ctaIcon()\" color=\"accent-darker\" size=\"32\"></cura-icon>\n }\n </a>\n }\n </div>\n } @else {\n @if (showDefaultCta()) {\n <div class=\"algolia-search-results-item-action\" data-testid=\"_algolia-search-results-item-action\">\n <cura-icon name=\"iconRightCircle\" color=\"accent-darker\" size=\"32\"></cura-icon>\n </div>\n }\n }\n </div>\n} @else {\n <div class=\"algolia-search-results-group\" data-testid=\"_algolia-search-results-group\">\n {{ title() }}\n </div>\n}\n", styles: [".algolia-search-results-item-img{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(--size, 32px);height:var(--size, 32px);min-width:var(--size, 32px);min-height:var(--size, 32px);border:var(--border) solid var(--border-color);border-radius:var(--border-radius);background:var(--background-color);overflow:hidden}.algolia-search-results-item-img rdsite-image{width:100%;height:100%;display:block}.algolia-search-results-item-img rdsite-image ::ng-deep img{width:100%;height:100%;object-fit:cover;display:block}\n"] }]
|
|
83
83
|
}], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], img: [{ type: i0.Input, args: [{ isSignal: true, alias: "img", required: false }] }], alt: [{ type: i0.Input, args: [{ isSignal: true, alias: "alt", required: false }] }], ctaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctaLabel", required: false }] }], ctaIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctaIcon", required: false }] }], ctaUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctaUrl", required: false }] }], item: [{ type: i0.Input, args: [{ isSignal: true, alias: "item", required: false }] }], showDefaultCta: [{ type: i0.Input, args: [{ isSignal: true, alias: "showDefaultCta", required: false }] }], isGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "isGroup", required: false }] }], distance: [{ type: i0.Input, args: [{ isSignal: true, alias: "distance", required: false }] }], preselected: [{ type: i0.Input, args: [{ isSignal: true, alias: "preselected", required: false }] }, { type: i0.Output, args: ["preselectedChange"] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }], mouseOver: [{ type: i0.Output, args: ["mouseOver"] }], imgError: [{ type: i0.Output, args: ["imgError"] }], resultElement: [{ type: i0.ViewChild, args: ['resultItem', { isSignal: true }] }], hostStyles: [{
|
|
84
84
|
type: HostBinding,
|
|
85
85
|
args: ['style']
|
|
@@ -148,21 +148,21 @@ class AlgoliaSearchResultsComponent {
|
|
|
148
148
|
this.navDirection.set('NONE');
|
|
149
149
|
}
|
|
150
150
|
}
|
|
151
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
152
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
151
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AlgoliaSearchResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
152
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.16", type: AlgoliaSearchResultsComponent, isStandalone: true, selector: "algolia-search-results", outputs: { updatePreselected: "updatePreselected" }, queries: [{ propertyName: "resultList", predicate: AlgoliaSearchResultItemComponent, descendants: true, isSignal: true }], ngImport: i0, template: "<div class=\"algolia-search-results\" data-testid=\"_algolia-search-results\">\n <div class=\"algolia-search-results-container\" data-testid=\"_algolia-search-results-container\">\n <ng-content select=\"algolia-search-result-item\"></ng-content>\n <ng-content></ng-content>\n </div>\n</div>\n", styles: [""] }); }
|
|
153
153
|
}
|
|
154
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
154
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AlgoliaSearchResultsComponent, decorators: [{
|
|
155
155
|
type: Component,
|
|
156
|
-
args: [{ selector: 'algolia-search-results', template: "<div class=\"algolia-search-results\" data-testid=\"_algolia-search-results\">\
|
|
156
|
+
args: [{ selector: 'algolia-search-results', template: "<div class=\"algolia-search-results\" data-testid=\"_algolia-search-results\">\n <div class=\"algolia-search-results-container\" data-testid=\"_algolia-search-results-container\">\n <ng-content select=\"algolia-search-result-item\"></ng-content>\n <ng-content></ng-content>\n </div>\n</div>\n" }]
|
|
157
157
|
}], ctorParameters: () => [], propDecorators: { resultList: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AlgoliaSearchResultItemComponent), { ...{ descendants: true }, isSignal: true }] }], updatePreselected: [{ type: i0.Output, args: ["updatePreselected"] }] } });
|
|
158
158
|
|
|
159
159
|
class AlgoliaSearchTooltipComponent {
|
|
160
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
161
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.
|
|
160
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AlgoliaSearchTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
161
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: AlgoliaSearchTooltipComponent, isStandalone: true, selector: "algolia-search-tooltip", ngImport: i0, template: "<ng-content></ng-content>\n", styles: [""] }); }
|
|
162
162
|
}
|
|
163
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
163
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AlgoliaSearchTooltipComponent, decorators: [{
|
|
164
164
|
type: Component,
|
|
165
|
-
args: [{ selector: 'algolia-search-tooltip', imports: [], template: "<ng-content></ng-content>\
|
|
165
|
+
args: [{ selector: 'algolia-search-tooltip', imports: [], template: "<ng-content></ng-content>\n" }]
|
|
166
166
|
}] });
|
|
167
167
|
|
|
168
168
|
class AlgoliaSearchFieldComponent {
|
|
@@ -225,14 +225,14 @@ class AlgoliaSearchFieldComponent {
|
|
|
225
225
|
$event.preventDefault();
|
|
226
226
|
this.navUp.emit();
|
|
227
227
|
}
|
|
228
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
229
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.
|
|
228
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AlgoliaSearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
229
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.16", type: AlgoliaSearchFieldComponent, isStandalone: true, selector: "algolia-search-field", inputs: { searchControl: { classPropertyName: "searchControl", publicName: "searchControl", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, componentStyle: { classPropertyName: "componentStyle", publicName: "componentStyle", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, setFocus: { classPropertyName: "setFocus", publicName: "setFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { controlBlur: "controlBlur", controlFocus: "controlFocus", controlReset: "controlReset", controlEnterKey: "controlEnterKey", navUp: "navUp", navDown: "navDown", termChange: "termChange" }, host: { properties: { "style.--font-family": "curaService.theme.fonts.getFamily()" } }, viewQueries: [{ propertyName: "searchField", first: true, predicate: ["search"], descendants: true, isSignal: true }], ngImport: i0, template: "<div\n class=\"algolia-search-controls-field\"\n [ngClass]=\"{\n 'on-focus': focus(),\n disabled: !searchControl().enabled,\n }\"\n data-testid=\"_algolia-search-controls-field\"\n>\n <input\n #search\n type=\"text\"\n name=\"term\"\n autocomplete=\"off\"\n [placeholder]=\"placeholder()\"\n [formControl]=\"searchControl()\"\n [readonly]=\"readonly()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keyup.enter)=\"onSubmit($event)\"\n (keyup.arrowup)=\"onNavUp($event)\"\n (keyup.arrowdown)=\"onNavDown($event)\"\n />\n</div>\n", styles: [".algolia-search-controls-field *{font-family:var(--font-family)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] }); }
|
|
230
230
|
}
|
|
231
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
231
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AlgoliaSearchFieldComponent, decorators: [{
|
|
232
232
|
type: Component,
|
|
233
233
|
args: [{ selector: 'algolia-search-field', imports: [CommonModule, ReactiveFormsModule], host: {
|
|
234
234
|
'[style.--font-family]': 'curaService.theme.fonts.getFamily()',
|
|
235
|
-
}, template: "<div\
|
|
235
|
+
}, template: "<div\n class=\"algolia-search-controls-field\"\n [ngClass]=\"{\n 'on-focus': focus(),\n disabled: !searchControl().enabled,\n }\"\n data-testid=\"_algolia-search-controls-field\"\n>\n <input\n #search\n type=\"text\"\n name=\"term\"\n autocomplete=\"off\"\n [placeholder]=\"placeholder()\"\n [formControl]=\"searchControl()\"\n [readonly]=\"readonly()\"\n (focus)=\"onFocus()\"\n (blur)=\"onBlur()\"\n (keyup.enter)=\"onSubmit($event)\"\n (keyup.arrowup)=\"onNavUp($event)\"\n (keyup.arrowdown)=\"onNavDown($event)\"\n />\n</div>\n", styles: [".algolia-search-controls-field *{font-family:var(--font-family)}\n"] }]
|
|
236
236
|
}], propDecorators: { searchControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchControl", required: false }] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], componentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentStyle", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], setFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "setFocus", required: false }] }], searchField: [{ type: i0.ViewChild, args: ['search', { isSignal: true }] }], controlBlur: [{ type: i0.Output, args: ["controlBlur"] }], controlFocus: [{ type: i0.Output, args: ["controlFocus"] }], controlReset: [{ type: i0.Output, args: ["controlReset"] }], controlEnterKey: [{ type: i0.Output, args: ["controlEnterKey"] }], navUp: [{ type: i0.Output, args: ["navUp"] }], navDown: [{ type: i0.Output, args: ["navDown"] }], termChange: [{ type: i0.Output, args: ["termChange"] }] } });
|
|
237
237
|
|
|
238
238
|
class AlgoliaSearchComponent {
|
|
@@ -574,12 +574,12 @@ class AlgoliaSearchComponent {
|
|
|
574
574
|
multipleIndexIsEmpty(results) {
|
|
575
575
|
return !results.some((result) => result.nbHits !== 0);
|
|
576
576
|
}
|
|
577
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
578
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.15", type: AlgoliaSearchComponent, isStandalone: true, selector: "algolia-search", inputs: { algoliaConfig: { classPropertyName: "algoliaConfig", publicName: "algoliaConfig", isSignal: true, isRequired: false, transformFunction: null }, searchControl: { classPropertyName: "searchControl", publicName: "searchControl", isSignal: true, isRequired: false, transformFunction: null }, searchParams: { classPropertyName: "searchParams", publicName: "searchParams", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, startSearchAtCharLen: { classPropertyName: "startSearchAtCharLen", publicName: "startSearchAtCharLen", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, fixedLabel: { classPropertyName: "fixedLabel", publicName: "fixedLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, facetsNames: { classPropertyName: "facetsNames", publicName: "facetsNames", isSignal: true, isRequired: false, transformFunction: null }, searchTermFallback: { classPropertyName: "searchTermFallback", publicName: "searchTermFallback", isSignal: true, isRequired: false, transformFunction: null }, actionIcon: { classPropertyName: "actionIcon", publicName: "actionIcon", isSignal: true, isRequired: false, transformFunction: null }, componentStyle: { classPropertyName: "componentStyle", publicName: "componentStyle", isSignal: true, isRequired: false, transformFunction: null }, initialTerm: { classPropertyName: "initialTerm", publicName: "initialTerm", isSignal: true, isRequired: false, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "cache", isSignal: true, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, enableOverlay: { classPropertyName: "enableOverlay", publicName: "enableOverlay", isSignal: true, isRequired: false, transformFunction: null }, setFocus: { classPropertyName: "setFocus", publicName: "setFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { setFocus: "setFocusChange", updateResults: "updateResults", updateAlgoliaResults: "updateAlgoliaResults", itemSelect: "itemSelect", fieldFocus: "fieldFocus", fieldBlur: "fieldBlur" }, host: { listeners: { "window:resize": "checkBrowserWidth($event)", "window:scroll": "onScroll()", "document:keypress": "handleKeyboardEvent($event)" } }, queries: [{ propertyName: "queryResultsContainer", predicate: AlgoliaSearchResultsComponent, isSignal: true }, { propertyName: "tooltip", predicate: AlgoliaSearchTooltipComponent, isSignal: true }], ngImport: i0, template: "@if (showLabel()) {\r\n <cura-label [color]=\"searchControl().disabled ? 'neutral-medium' : 'neutral-black'\" size=\"xsmall\" weight=\"bold\" style=\"margin-bottom: 8px\">\r\n {{ label() }}\r\n </cura-label>\r\n}\r\n<div\r\n class=\"algolia-search\"\r\n [ngClass]=\"{\r\n focus: focus(),\r\n 'focus-mobile': focusMobile(),\r\n 'no-results': noResults(),\r\n 'light-style': componentStyle() === rdslAlgoliaComponentStyle.LIGHT,\r\n 'no-overlay': !enableOverlay(),\r\n disabled: searchControl().disabled,\r\n }\"\r\n data-testid=\"_algolia-search\"\r\n>\r\n <div class=\"algolia-search-controls\" data-testid=\"_algolia-search-controls\">\r\n @if (hint() && !noResults() && preselectedIndex() === null) {\r\n <div class=\"algolia-search-controls-hint\" [innerHTML]=\"hint()!.label\" data-testid=\"_algolia-search-controls-hint\"></div>\r\n }\r\n\r\n @if (!isMobile() || !enableOverlay() || (isMobile() && !focusMobile())) {\r\n <cura-icon\r\n class=\"search-icon\"\r\n [name]=\"actionIcon()\"\r\n [disabled]=\"!searchControl().enabled\"\r\n size=\"20\"\r\n [color]=\"(focus() || focusMobile()) && noResults() ? 'error-dark' : 'neutral-dark'\"\r\n (click)=\"searchTerm()\"\r\n ></cura-icon>\r\n }\r\n\r\n @if (isMobile() && enableOverlay() && focusMobile()) {\r\n <cura-icon\r\n class=\"left-icon\"\r\n name=\"arrowLeft\"\r\n size=\"20\"\r\n (click)=\"overlayClick()\"\r\n [disabled]=\"!searchControl().enabled\"\r\n [color]=\"noResults() ? 'error-dark' : 'primary-base'\"\r\n ></cura-icon>\r\n }\r\n\r\n <algolia-search-field\r\n [searchControl]=\"searchControl()\"\r\n [debounceTime]=\"debounceTime()\"\r\n [placeholder]=\"placeholder()\"\r\n [componentStyle]=\"componentStyle()\"\r\n [setFocus]=\"setFocus()\"\r\n (termChange)=\"facetsNames() && facetsNames().length > 0 ? searchTermFacet() : searchTerm()\"\r\n (controlEnterKey)=\"selectHint()\"\r\n (controlBlur)=\"onBlur()\"\r\n (controlFocus)=\"onFocus()\"\r\n (navDown)=\"onNavDown()\"\r\n (navUp)=\"onNavUp()\"\r\n >\r\n </algolia-search-field>\r\n\r\n @if (((isMobile() && focusMobile()) || (!isMobile() && focus())) && !!searchControl().value) {\r\n <cura-icon\r\n name=\"closeCircle\"\r\n size=\"20\"\r\n class=\"clean-icon\"\r\n (mousedown)=\"clean()\"\r\n [disabled]=\"!searchControl().enabled\"\r\n [color]=\"noResults() ? 'error-dark' : 'primary-base'\"\r\n ></cura-icon>\r\n }\r\n </div>\r\n\r\n <ng-content select=\".algolia-search-tooltip\"></ng-content>\r\n\r\n @if (((!isMobile() && focus()) || (isMobile() && focusMobile())) && !noResults()) {\r\n <ng-content select=\"algolia-search-results\"></ng-content>\r\n }\r\n\r\n @if (((!isMobile() && focus()) || (isMobile() && focusMobile())) && noResults()) {\r\n <div class=\"algolia-search-results\" data-testid=\"_algolia-search-results\">\r\n <div class=\"algolia-search-results-container\" data-testid=\"_algolia-search-results-container\">\r\n <div class=\"algolia-search-results-item\" data-testid=\"_algolia-search-results-item\">\r\n <div class=\"algolia-search-results-item-icon\" data-testid=\"_algolia-search-results-item-icon\">\r\n <cura-icon name=\"alertCircle\" size=\"24\" color=\"error-dark\"></cura-icon>\r\n </div>\r\n <h4 class=\"error-message\">N\u00E3o h\u00E1 nenhum resultado para \"{{ searchControl().value }}\".</h4>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n\r\n <div class=\"algolia-search-results-overlay\" (click)=\"overlayClick()\" data-testid=\"_algolia-search-results-overlay\"></div>\r\n</div>\r\n\r\n<ng-content select=\".algolia-search-helper\"></ng-content>\r\n", styles: [":host{--results-height: calc(100vh - 72px) }.algolia-search{position:relative;box-sizing:border-box}.algolia-search *{font-family:Gotham,Arial,Helvetica,sans-serif}.algolia-search algolia-search-results,.algolia-search .algolia-search-results{z-index:5001}.algolia-search-controls{z-index:5002;display:grid;position:relative;grid-template-columns:20px 14px 20px 1fr auto 10px;grid-template-rows:auto;grid-template-areas:\". left-icon . field clean-icon .\";background:#fff;box-shadow:0 2px 4px #00000029;padding-top:6px;transition:ease .2s all}.algolia-search-controls algolia-search-field{display:block;position:relative;grid-area:field}.algolia-search-controls .left-icon{grid-area:left-icon;align-self:center}.algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search-controls-hint{grid-area:field;height:66px;font-weight:300;font-size:25px;color:#e2e2e2;white-space:nowrap;overflow:hidden;text-transform:uppercase;display:flex;align-items:center}@media screen and (max-width: 1024px){.algolia-search-controls-hint{font-size:22px}}.algolia-search-controls-field input{width:100%;height:66px;font-weight:300;font-size:25px;font-style:normal;color:#4a4a4a;background:transparent}.algolia-search-controls-field input::placeholder{color:#6e6e6e;font-size:18px;font-weight:500;opacity:1}.algolia-search-controls-field.disabled input{opacity:1;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.focus,.algolia-search.focus-mobile:not(.no-overlay){z-index:9998}@media screen and (max-width: 1024px){.algolia-search.focus,.algolia-search.focus-mobile:not(.no-overlay){width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.focus .algolia-search-results-overlay,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}.algolia-search.focus .algolia-search-controls-field input::placeholder,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input::placeholder{color:#b7b7b7;font-size:25px;font-weight:300}@media screen and (max-width: 1024px){.algolia-search.focus .algolia-search-controls-field input,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input{font-size:22px;text-transform:uppercase}.algolia-search.focus .algolia-search-controls-field input::placeholder,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input::placeholder{font-size:20px}}.algolia-search.focus.no-results .algolia-search-controls-field input,.algolia-search.focus-mobile:not(.no-overlay).no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.disabled{background-color:#f6f6f6!important;border:2px solid rgb(183,183,183)}.algolia-search.disabled .algolia-search-controls{background-color:#f6f6f6!important}@media screen and (min-width: 1024px){.algolia-search.light-style{background-color:#fff;border-radius:4px;padding:6px 0;border:2px solid rgb(146,146,146)}.algolia-search.light-style .algolia-search-controls{height:auto;padding-top:0;grid-template-areas:\". search-icon . field clean-icon .\";grid-template-columns:12px auto 8px 1fr auto 12px;grid-template-rows:minmax(28px,auto);box-shadow:none}.algolia-search.light-style .algolia-search-controls-hint{grid-area:field;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;text-transform:none}.algolia-search.light-style .algolia-search-controls algolia-search-field{display:flex;align-items:center}.algolia-search.light-style .algolia-search-controls-field{padding-bottom:0;flex-grow:1;display:flex}.algolia-search.light-style .algolia-search-controls-field input{display:flex;flex:1 1 0;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;color:#6e6e6e;text-transform:capitalize}.algolia-search.light-style .algolia-search-controls-field input::placeholder{font-style:normal;font-weight:500;font-size:16px;line-height:135%;display:flex;align-items:center;color:#6e6e6e;text-transform:none}.algolia-search.light-style .algolia-search-controls-field input:focus{color:#262626}.algolia-search.light-style .algolia-search-controls-field.disabled input{width:100%;height:auto;font-style:normal;font-weight:500;font-size:16px;line-height:135%;color:#929292;text-transform:uppercase;cursor:not-allowed}.algolia-search.light-style .algolia-search-controls-field.disabled input::placeholder{color:#929292;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.light-style .algolia-search-controls .search-icon{grid-area:search-icon;align-self:center}.algolia-search.light-style .algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search.light-style.focus{z-index:9998;border:2px solid rgb(110,168,255)}}@media screen and (min-width: 1024px) and (max-width: 1024px){.algolia-search.light-style.focus{border:none;width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.light-style.focus .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}@media screen and (min-width: 1024px){.algolia-search.light-style.focus.no-results{border:solid 2px rgb(157,58,58)}}@media screen and (min-width: 1024px) and (max-width: 1024px){.algolia-search.light-style.focus.no-results .algolia-search-controls{border:none;box-shadow:0 2px 4px #00000029}}@media screen and (min-width: 1024px){.algolia-search.light-style.focus.no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.light-style .algolia-search-results{background:#fff;border:none;border-radius:0 0 4px 4px;box-shadow:0 10px 20px #00000014;margin-top:2px}.algolia-search.light-style .algolia-search-results .algolia-search-results-item{background-color:#fff}.algolia-search.light-style .algolia-search-results .algolia-multiple-results{width:100%;max-height:398px;overflow:hidden;display:flex}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-primary{width:60%}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8){display:none}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-secondary{width:40%;overflow-x:auto}}@media screen and (min-width: 1024px) and (min-width: 1024px){.algolia-search.light-style .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary{width:100%}}@media screen and (min-width: 1024px){.algolia-search.light-style .algolia-search-results .algolia-multiple-results.single-result{display:block}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile),.algolia-search.light-style.no-overlay{background-color:#fff;border-radius:4px;padding:6px 0;border:2px solid rgb(146,146,146)}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls,.algolia-search.light-style.no-overlay .algolia-search-controls{height:auto;padding-top:0;grid-template-areas:\". search-icon . field clean-icon .\";grid-template-columns:12px auto 8px 1fr auto 12px;grid-template-rows:minmax(28px,auto);box-shadow:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-hint,.algolia-search.light-style.no-overlay .algolia-search-controls-hint{grid-area:field;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;text-transform:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls algolia-search-field,.algolia-search.light-style.no-overlay .algolia-search-controls algolia-search-field{display:flex;align-items:center}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field,.algolia-search.light-style.no-overlay .algolia-search-controls-field{padding-bottom:0;flex-grow:1;display:flex}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input,.algolia-search.light-style.no-overlay .algolia-search-controls-field input{display:flex;flex:1 1 0;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;color:#6e6e6e;text-transform:capitalize}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input::placeholder,.algolia-search.light-style.no-overlay .algolia-search-controls-field input::placeholder{font-style:normal;font-weight:500;font-size:16px;line-height:135%;display:flex;align-items:center;color:#6e6e6e;text-transform:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input:focus,.algolia-search.light-style.no-overlay .algolia-search-controls-field input:focus{color:#262626}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field.disabled input,.algolia-search.light-style.no-overlay .algolia-search-controls-field.disabled input{width:100%;height:auto;font-style:normal;font-weight:500;font-size:16px;line-height:135%;color:#929292;text-transform:uppercase;cursor:not-allowed}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field.disabled input::placeholder,.algolia-search.light-style.no-overlay .algolia-search-controls-field.disabled input::placeholder{color:#929292;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls .search-icon,.algolia-search.light-style.no-overlay .algolia-search-controls .search-icon{grid-area:search-icon;align-self:center}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls .clean-icon,.algolia-search.light-style.no-overlay .algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search.light-style:not(.focus-mobile).focus,.algolia-search.light-style.no-overlay.focus{z-index:9998;border:2px solid rgb(110,168,255)}}@media screen and (max-width: 1024px) and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus,.algolia-search.light-style.no-overlay.focus{border:none;width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.light-style:not(.focus-mobile).focus .algolia-search-results-overlay,.algolia-search.light-style.no-overlay.focus .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results,.algolia-search.light-style.no-overlay.focus.no-results{border:solid 2px rgb(157,58,58)}}@media screen and (max-width: 1024px) and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results .algolia-search-controls,.algolia-search.light-style.no-overlay.focus.no-results .algolia-search-controls{border:none;box-shadow:0 2px 4px #00000029}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results .algolia-search-controls-field input,.algolia-search.light-style.no-overlay.focus.no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results,.algolia-search.light-style.no-overlay .algolia-search-results{background:#fff;border:none;border-radius:0 0 4px 4px;box-shadow:0 10px 20px #00000014;margin-top:2px}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-search-results-item,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-search-results-item{background-color:#fff}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results{width:100%;max-height:398px;overflow:hidden;display:flex}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-primary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-primary{width:60%}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8),.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8){display:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-secondary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-secondary{width:40%;overflow-x:auto}}@media screen and (max-width: 1024px) and (min-width: 1024px){.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary{width:100%}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results.single-result,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results.single-result{display:block}}.algolia-search algolia-search-results,.algolia-search.no-results>.algolia-search-results{display:block;position:absolute;top:100%;left:0;width:100%}.algolia-search .algolia-search-results{max-height:70vh;overflow-y:auto;z-index:1}@media screen and (max-height: 1024px){.algolia-search .algolia-search-results{max-height:400px}}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results{max-height:var(--results-height)}}.algolia-search.no-results .algolia-search-results{max-height:70vh;overflow-y:auto;z-index:1}@media screen and (max-height: 1024px){.algolia-search.no-results .algolia-search-results{max-height:400px}}@media screen and (max-width: 1024px){.algolia-search.no-results .algolia-search-results{max-height:var(--results-height)}}.algolia-search algolia-search-result-item{display:block;position:relative}.algolia-search algolia-search-result-item:not(:last-child){border-bottom:1px solid rgb(226,226,226)}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item:not(:last-child){border-bottom:none}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item .algolia-search-results-item h4{font-size:13px;font-weight:400}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item .algolia-search-results-item p{font-size:12px;font-weight:300}.algolia-search .algolia-search-results-item{width:100%;display:grid;padding:8px 20px;grid-template-columns:auto 1fr 8px auto auto;grid-template-rows:1fr auto;grid-template-areas:\"icon title . action .\" \"icon subtitle . action description\";align-items:center;background-color:#fff;cursor:pointer}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results-item{background-color:unset}}.algolia-search .algolia-search-results-item-icon,.algolia-search .algolia-search-results-item-img,.algolia-search .algolia-search-results-item-distance{grid-area:icon}.algolia-search .algolia-search-results-item h4,.algolia-search .algolia-search-results-item p{padding:0;margin:0;color:#6e6e6e;line-height:16px;letter-spacing:.72px}.algolia-search .algolia-search-results-item h4{grid-area:title;font-size:12px;color:#262626;font-weight:700}.algolia-search .algolia-search-results-item h4.hasSubtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.algolia-search .algolia-search-results-item h4:not(.hasSubtitle){display:block;display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.algolia-search .algolia-search-results-item h4.error-message{color:#9d3a3a;font-size:14px;font-weight:300;height:70px;display:flex;align-items:center}.algolia-search .algolia-search-results-item p{grid-area:subtitle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.algolia-search .algolia-search-results-item h4 em,.algolia-search .algolia-search-results-item p em{color:#009681;font-weight:500;font-style:normal}.algolia-search .algolia-search-results-item h5{grid-area:description;color:#4a4a4a;font-weight:300;font-style:normal;font-size:12px;line-height:14px}.algolia-search .algolia-search-results-item-icon,.algolia-search .algolia-search-results-item-img{display:flex;align-items:center;margin-right:10px}.algolia-search .algolia-search-results-item-icon cura-icon,.algolia-search .algolia-search-results-item-img cura-icon{stroke:#b7b7b7;transition:ease .5s stroke}.algolia-search .algolia-search-results-item-img img{width:32px;height:32px;border-radius:50%;overflow:hidden;object-fit:cover}.algolia-search .algolia-search-results-item-distance{display:flex;align-items:center;flex-direction:column;margin-right:8px;min-width:30px}.algolia-search .algolia-search-results-item:hover,.algolia-search .algolia-search-results-item.preselected{background:#f6f6f6!important}.algolia-search .algolia-search-results-item-action{grid-area:action}.algolia-search .algolia-search-results-item-action a,.algolia-search .algolia-search-results-item-action>cura-icon{display:flex;align-items:center;font-size:14px;font-weight:300;color:#009681}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results-item-action a span,.algolia-search .algolia-search-results-item-action>cura-icon span{display:none}}.algolia-search .algolia-search-results-item-action a cura-icon,.algolia-search .algolia-search-results-item-action>cura-icon cura-icon{margin-left:8px;stroke:#009681}.algolia-search .algolia-search-results-item-action>cura-icon{stroke:#009681}.algolia-search.light-style .algolia-search-results-item{padding-right:12px;padding-left:12px}.algolia-search.no-results .algolia-search-results-item{background:transparent!important;cursor:default}.algolia-search.no-results .algolia-search-results-item .algolia-search-results-item-icon cura-icon{stroke:#b7b7b7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: AlgoliaSearchFieldComponent, selector: "algolia-search-field", inputs: ["searchControl", "debounceTime", "placeholder", "componentStyle", "readonly", "setFocus"], outputs: ["controlBlur", "controlFocus", "controlReset", "controlEnterKey", "navUp", "navDown", "termChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
577
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AlgoliaSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
578
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: AlgoliaSearchComponent, isStandalone: true, selector: "algolia-search", inputs: { algoliaConfig: { classPropertyName: "algoliaConfig", publicName: "algoliaConfig", isSignal: true, isRequired: false, transformFunction: null }, searchControl: { classPropertyName: "searchControl", publicName: "searchControl", isSignal: true, isRequired: false, transformFunction: null }, searchParams: { classPropertyName: "searchParams", publicName: "searchParams", isSignal: true, isRequired: false, transformFunction: null }, debounceTime: { classPropertyName: "debounceTime", publicName: "debounceTime", isSignal: true, isRequired: false, transformFunction: null }, startSearchAtCharLen: { classPropertyName: "startSearchAtCharLen", publicName: "startSearchAtCharLen", isSignal: true, isRequired: false, transformFunction: null }, hint: { classPropertyName: "hint", publicName: "hint", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, fixedLabel: { classPropertyName: "fixedLabel", publicName: "fixedLabel", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, facetsNames: { classPropertyName: "facetsNames", publicName: "facetsNames", isSignal: true, isRequired: false, transformFunction: null }, searchTermFallback: { classPropertyName: "searchTermFallback", publicName: "searchTermFallback", isSignal: true, isRequired: false, transformFunction: null }, actionIcon: { classPropertyName: "actionIcon", publicName: "actionIcon", isSignal: true, isRequired: false, transformFunction: null }, componentStyle: { classPropertyName: "componentStyle", publicName: "componentStyle", isSignal: true, isRequired: false, transformFunction: null }, initialTerm: { classPropertyName: "initialTerm", publicName: "initialTerm", isSignal: true, isRequired: false, transformFunction: null }, cache: { classPropertyName: "cache", publicName: "cache", isSignal: true, isRequired: false, transformFunction: null }, suggestions: { classPropertyName: "suggestions", publicName: "suggestions", isSignal: true, isRequired: false, transformFunction: null }, showLabel: { classPropertyName: "showLabel", publicName: "showLabel", isSignal: true, isRequired: false, transformFunction: null }, enableOverlay: { classPropertyName: "enableOverlay", publicName: "enableOverlay", isSignal: true, isRequired: false, transformFunction: null }, setFocus: { classPropertyName: "setFocus", publicName: "setFocus", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { setFocus: "setFocusChange", updateResults: "updateResults", updateAlgoliaResults: "updateAlgoliaResults", itemSelect: "itemSelect", fieldFocus: "fieldFocus", fieldBlur: "fieldBlur" }, host: { listeners: { "window:resize": "checkBrowserWidth($event)", "window:scroll": "onScroll()", "document:keypress": "handleKeyboardEvent($event)" } }, queries: [{ propertyName: "queryResultsContainer", predicate: AlgoliaSearchResultsComponent, isSignal: true }, { propertyName: "tooltip", predicate: AlgoliaSearchTooltipComponent, isSignal: true }], ngImport: i0, template: "@if (showLabel()) {\n <cura-label [color]=\"searchControl().disabled ? 'neutral-medium' : 'neutral-black'\" size=\"xsmall\" weight=\"bold\" style=\"margin-bottom: 8px\">\n {{ label() }}\n </cura-label>\n}\n<div\n class=\"algolia-search\"\n [ngClass]=\"{\n focus: focus(),\n 'focus-mobile': focusMobile(),\n 'no-results': noResults(),\n 'light-style': componentStyle() === rdslAlgoliaComponentStyle.LIGHT,\n 'no-overlay': !enableOverlay(),\n disabled: searchControl().disabled,\n }\"\n data-testid=\"_algolia-search\"\n>\n <div class=\"algolia-search-controls\" data-testid=\"_algolia-search-controls\">\n @if (hint() && !noResults() && preselectedIndex() === null) {\n <div class=\"algolia-search-controls-hint\" [innerHTML]=\"hint()!.label\" data-testid=\"_algolia-search-controls-hint\"></div>\n }\n\n @if (!isMobile() || !enableOverlay() || (isMobile() && !focusMobile())) {\n <cura-icon\n class=\"search-icon\"\n [name]=\"actionIcon()\"\n [disabled]=\"!searchControl().enabled\"\n size=\"20\"\n [color]=\"(focus() || focusMobile()) && noResults() ? 'error-dark' : 'neutral-dark'\"\n (click)=\"searchTerm()\"\n ></cura-icon>\n }\n\n @if (isMobile() && enableOverlay() && focusMobile()) {\n <cura-icon\n class=\"left-icon\"\n name=\"arrowLeft\"\n size=\"20\"\n (click)=\"overlayClick()\"\n [disabled]=\"!searchControl().enabled\"\n [color]=\"noResults() ? 'error-dark' : 'primary-base'\"\n ></cura-icon>\n }\n\n <algolia-search-field\n [searchControl]=\"searchControl()\"\n [debounceTime]=\"debounceTime()\"\n [placeholder]=\"placeholder()\"\n [componentStyle]=\"componentStyle()\"\n [setFocus]=\"setFocus()\"\n (termChange)=\"facetsNames() && facetsNames().length > 0 ? searchTermFacet() : searchTerm()\"\n (controlEnterKey)=\"selectHint()\"\n (controlBlur)=\"onBlur()\"\n (controlFocus)=\"onFocus()\"\n (navDown)=\"onNavDown()\"\n (navUp)=\"onNavUp()\"\n >\n </algolia-search-field>\n\n @if (((isMobile() && focusMobile()) || (!isMobile() && focus())) && !!searchControl().value) {\n <cura-icon\n name=\"closeCircle\"\n size=\"20\"\n class=\"clean-icon\"\n (mousedown)=\"clean()\"\n [disabled]=\"!searchControl().enabled\"\n [color]=\"noResults() ? 'error-dark' : 'primary-base'\"\n ></cura-icon>\n }\n </div>\n\n <ng-content select=\".algolia-search-tooltip\"></ng-content>\n\n @if (((!isMobile() && focus()) || (isMobile() && focusMobile())) && !noResults()) {\n <ng-content select=\"algolia-search-results\"></ng-content>\n }\n\n @if (((!isMobile() && focus()) || (isMobile() && focusMobile())) && noResults()) {\n <div class=\"algolia-search-results\" data-testid=\"_algolia-search-results\">\n <div class=\"algolia-search-results-container\" data-testid=\"_algolia-search-results-container\">\n <div class=\"algolia-search-results-item\" data-testid=\"_algolia-search-results-item\">\n <div class=\"algolia-search-results-item-icon\" data-testid=\"_algolia-search-results-item-icon\">\n <cura-icon name=\"alertCircle\" size=\"24\" color=\"error-dark\"></cura-icon>\n </div>\n <h4 class=\"error-message\">N\u00E3o h\u00E1 nenhum resultado para \"{{ searchControl().value }}\".</h4>\n </div>\n </div>\n </div>\n }\n\n <div class=\"algolia-search-results-overlay\" (click)=\"overlayClick()\" data-testid=\"_algolia-search-results-overlay\"></div>\n</div>\n\n<ng-content select=\".algolia-search-helper\"></ng-content>\n", styles: [":host{--results-height: calc(100vh - 72px) }.algolia-search{position:relative;box-sizing:border-box}.algolia-search *{font-family:Gotham,Arial,Helvetica,sans-serif}.algolia-search algolia-search-results,.algolia-search .algolia-search-results{z-index:5001}.algolia-search-controls{z-index:5002;display:grid;position:relative;grid-template-columns:20px 14px 20px 1fr auto 10px;grid-template-rows:auto;grid-template-areas:\". left-icon . field clean-icon .\";background:#fff;box-shadow:0 2px 4px #00000029;padding-top:6px;transition:ease .2s all}.algolia-search-controls algolia-search-field{display:block;position:relative;grid-area:field}.algolia-search-controls .left-icon{grid-area:left-icon;align-self:center}.algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search-controls-hint{grid-area:field;height:66px;font-weight:300;font-size:25px;color:#e2e2e2;white-space:nowrap;overflow:hidden;text-transform:uppercase;display:flex;align-items:center}@media screen and (max-width: 1024px){.algolia-search-controls-hint{font-size:22px}}.algolia-search-controls-field input{width:100%;height:66px;font-weight:300;font-size:25px;font-style:normal;color:#4a4a4a;background:transparent}.algolia-search-controls-field input::placeholder{color:#6e6e6e;font-size:18px;font-weight:500;opacity:1}.algolia-search-controls-field.disabled input{opacity:1;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.focus,.algolia-search.focus-mobile:not(.no-overlay){z-index:9998}@media screen and (max-width: 1024px){.algolia-search.focus,.algolia-search.focus-mobile:not(.no-overlay){width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.focus .algolia-search-results-overlay,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}.algolia-search.focus .algolia-search-controls-field input::placeholder,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input::placeholder{color:#b7b7b7;font-size:25px;font-weight:300}@media screen and (max-width: 1024px){.algolia-search.focus .algolia-search-controls-field input,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input{font-size:22px;text-transform:uppercase}.algolia-search.focus .algolia-search-controls-field input::placeholder,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input::placeholder{font-size:20px}}.algolia-search.focus.no-results .algolia-search-controls-field input,.algolia-search.focus-mobile:not(.no-overlay).no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.disabled{background-color:#f6f6f6!important;border:2px solid rgb(183,183,183)}.algolia-search.disabled .algolia-search-controls{background-color:#f6f6f6!important}@media screen and (min-width: 1024px){.algolia-search.light-style{background-color:#fff;border-radius:4px;padding:6px 0;border:2px solid rgb(146,146,146)}.algolia-search.light-style .algolia-search-controls{height:auto;padding-top:0;grid-template-areas:\". search-icon . field clean-icon .\";grid-template-columns:12px auto 8px 1fr auto 12px;grid-template-rows:minmax(28px,auto);box-shadow:none}.algolia-search.light-style .algolia-search-controls-hint{grid-area:field;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;text-transform:none}.algolia-search.light-style .algolia-search-controls algolia-search-field{display:flex;align-items:center}.algolia-search.light-style .algolia-search-controls-field{padding-bottom:0;flex-grow:1;display:flex}.algolia-search.light-style .algolia-search-controls-field input{display:flex;flex:1 1 0;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;color:#6e6e6e;text-transform:capitalize}.algolia-search.light-style .algolia-search-controls-field input::placeholder{font-style:normal;font-weight:500;font-size:16px;line-height:135%;display:flex;align-items:center;color:#6e6e6e;text-transform:none}.algolia-search.light-style .algolia-search-controls-field input:focus{color:#262626}.algolia-search.light-style .algolia-search-controls-field.disabled input{width:100%;height:auto;font-style:normal;font-weight:500;font-size:16px;line-height:135%;color:#929292;text-transform:uppercase;cursor:not-allowed}.algolia-search.light-style .algolia-search-controls-field.disabled input::placeholder{color:#929292;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.light-style .algolia-search-controls .search-icon{grid-area:search-icon;align-self:center}.algolia-search.light-style .algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search.light-style.focus{z-index:9998;border:2px solid rgb(110,168,255)}}@media screen and (min-width: 1024px) and (max-width: 1024px){.algolia-search.light-style.focus{border:none;width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.light-style.focus .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}@media screen and (min-width: 1024px){.algolia-search.light-style.focus.no-results{border:solid 2px rgb(157,58,58)}}@media screen and (min-width: 1024px) and (max-width: 1024px){.algolia-search.light-style.focus.no-results .algolia-search-controls{border:none;box-shadow:0 2px 4px #00000029}}@media screen and (min-width: 1024px){.algolia-search.light-style.focus.no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.light-style .algolia-search-results{background:#fff;border:none;border-radius:0 0 4px 4px;box-shadow:0 10px 20px #00000014;margin-top:2px}.algolia-search.light-style .algolia-search-results .algolia-search-results-item{background-color:#fff}.algolia-search.light-style .algolia-search-results .algolia-multiple-results{width:100%;max-height:398px;overflow:hidden;display:flex}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-primary{width:60%}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8){display:none}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-secondary{width:40%;overflow-x:auto}}@media screen and (min-width: 1024px) and (min-width: 1024px){.algolia-search.light-style .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary{width:100%}}@media screen and (min-width: 1024px){.algolia-search.light-style .algolia-search-results .algolia-multiple-results.single-result{display:block}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile),.algolia-search.light-style.no-overlay{background-color:#fff;border-radius:4px;padding:6px 0;border:2px solid rgb(146,146,146)}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls,.algolia-search.light-style.no-overlay .algolia-search-controls{height:auto;padding-top:0;grid-template-areas:\". search-icon . field clean-icon .\";grid-template-columns:12px auto 8px 1fr auto 12px;grid-template-rows:minmax(28px,auto);box-shadow:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-hint,.algolia-search.light-style.no-overlay .algolia-search-controls-hint{grid-area:field;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;text-transform:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls algolia-search-field,.algolia-search.light-style.no-overlay .algolia-search-controls algolia-search-field{display:flex;align-items:center}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field,.algolia-search.light-style.no-overlay .algolia-search-controls-field{padding-bottom:0;flex-grow:1;display:flex}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input,.algolia-search.light-style.no-overlay .algolia-search-controls-field input{display:flex;flex:1 1 0;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;color:#6e6e6e;text-transform:capitalize}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input::placeholder,.algolia-search.light-style.no-overlay .algolia-search-controls-field input::placeholder{font-style:normal;font-weight:500;font-size:16px;line-height:135%;display:flex;align-items:center;color:#6e6e6e;text-transform:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input:focus,.algolia-search.light-style.no-overlay .algolia-search-controls-field input:focus{color:#262626}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field.disabled input,.algolia-search.light-style.no-overlay .algolia-search-controls-field.disabled input{width:100%;height:auto;font-style:normal;font-weight:500;font-size:16px;line-height:135%;color:#929292;text-transform:uppercase;cursor:not-allowed}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field.disabled input::placeholder,.algolia-search.light-style.no-overlay .algolia-search-controls-field.disabled input::placeholder{color:#929292;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls .search-icon,.algolia-search.light-style.no-overlay .algolia-search-controls .search-icon{grid-area:search-icon;align-self:center}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls .clean-icon,.algolia-search.light-style.no-overlay .algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search.light-style:not(.focus-mobile).focus,.algolia-search.light-style.no-overlay.focus{z-index:9998;border:2px solid rgb(110,168,255)}}@media screen and (max-width: 1024px) and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus,.algolia-search.light-style.no-overlay.focus{border:none;width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.light-style:not(.focus-mobile).focus .algolia-search-results-overlay,.algolia-search.light-style.no-overlay.focus .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results,.algolia-search.light-style.no-overlay.focus.no-results{border:solid 2px rgb(157,58,58)}}@media screen and (max-width: 1024px) and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results .algolia-search-controls,.algolia-search.light-style.no-overlay.focus.no-results .algolia-search-controls{border:none;box-shadow:0 2px 4px #00000029}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results .algolia-search-controls-field input,.algolia-search.light-style.no-overlay.focus.no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results,.algolia-search.light-style.no-overlay .algolia-search-results{background:#fff;border:none;border-radius:0 0 4px 4px;box-shadow:0 10px 20px #00000014;margin-top:2px}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-search-results-item,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-search-results-item{background-color:#fff}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results{width:100%;max-height:398px;overflow:hidden;display:flex}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-primary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-primary{width:60%}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8),.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8){display:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-secondary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-secondary{width:40%;overflow-x:auto}}@media screen and (max-width: 1024px) and (min-width: 1024px){.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary{width:100%}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results.single-result,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results.single-result{display:block}}.algolia-search algolia-search-results,.algolia-search.no-results>.algolia-search-results{display:block;position:absolute;top:100%;left:0;width:100%}.algolia-search .algolia-search-results{max-height:70vh;overflow-y:auto;z-index:1}@media screen and (max-height: 1024px){.algolia-search .algolia-search-results{max-height:400px}}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results{max-height:var(--results-height)}}.algolia-search.no-results .algolia-search-results{max-height:70vh;overflow-y:auto;z-index:1}@media screen and (max-height: 1024px){.algolia-search.no-results .algolia-search-results{max-height:400px}}@media screen and (max-width: 1024px){.algolia-search.no-results .algolia-search-results{max-height:var(--results-height)}}.algolia-search algolia-search-result-item{display:block;position:relative}.algolia-search algolia-search-result-item:not(:last-child){border-bottom:1px solid rgb(226,226,226)}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item:not(:last-child){border-bottom:none}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item .algolia-search-results-item h4{font-size:13px;font-weight:400}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item .algolia-search-results-item p{font-size:12px;font-weight:300}.algolia-search .algolia-search-results-item{width:100%;display:grid;padding:8px 20px;grid-template-columns:auto 1fr 8px auto auto;grid-template-rows:1fr auto;grid-template-areas:\"icon title . action .\" \"icon subtitle . action description\";align-items:center;background-color:#fff;cursor:pointer}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results-item{background-color:unset}}.algolia-search .algolia-search-results-item-icon,.algolia-search .algolia-search-results-item-img,.algolia-search .algolia-search-results-item-distance{grid-area:icon}.algolia-search .algolia-search-results-item h4,.algolia-search .algolia-search-results-item p{padding:0;margin:0;color:#6e6e6e;line-height:16px;letter-spacing:.72px}.algolia-search .algolia-search-results-item h4{grid-area:title;font-size:12px;color:#262626;font-weight:700}.algolia-search .algolia-search-results-item h4.hasSubtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.algolia-search .algolia-search-results-item h4:not(.hasSubtitle){display:block;display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.algolia-search .algolia-search-results-item h4.error-message{color:#9d3a3a;font-size:14px;font-weight:300;height:70px;display:flex;align-items:center}.algolia-search .algolia-search-results-item p{grid-area:subtitle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.algolia-search .algolia-search-results-item h4 em,.algolia-search .algolia-search-results-item p em{color:#009681;font-weight:500;font-style:normal}.algolia-search .algolia-search-results-item h5{grid-area:description;color:#4a4a4a;font-weight:300;font-style:normal;font-size:12px;line-height:14px}.algolia-search .algolia-search-results-item-icon,.algolia-search .algolia-search-results-item-img{display:flex;align-items:center;margin-right:10px}.algolia-search .algolia-search-results-item-icon cura-icon,.algolia-search .algolia-search-results-item-img cura-icon{stroke:#b7b7b7;transition:ease .5s stroke}.algolia-search .algolia-search-results-item-img img{width:32px;height:32px;border-radius:50%;overflow:hidden;object-fit:cover}.algolia-search .algolia-search-results-item-distance{display:flex;align-items:center;flex-direction:column;margin-right:8px;min-width:30px}.algolia-search .algolia-search-results-item:hover,.algolia-search .algolia-search-results-item.preselected{background:#f6f6f6!important}.algolia-search .algolia-search-results-item-action{grid-area:action}.algolia-search .algolia-search-results-item-action a,.algolia-search .algolia-search-results-item-action>cura-icon{display:flex;align-items:center;font-size:14px;font-weight:300;color:#009681}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results-item-action a span,.algolia-search .algolia-search-results-item-action>cura-icon span{display:none}}.algolia-search .algolia-search-results-item-action a cura-icon,.algolia-search .algolia-search-results-item-action>cura-icon cura-icon{margin-left:8px;stroke:#009681}.algolia-search .algolia-search-results-item-action>cura-icon{stroke:#009681}.algolia-search.light-style .algolia-search-results-item{padding-right:12px;padding-left:12px}.algolia-search.no-results .algolia-search-results-item{background:transparent!important;cursor:default}.algolia-search.no-results .algolia-search-results-item .algolia-search-results-item-icon cura-icon{stroke:#b7b7b7}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }, { kind: "component", type: CuraLabelComponent, selector: "cura-label", inputs: ["size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: AlgoliaSearchFieldComponent, selector: "algolia-search-field", inputs: ["searchControl", "debounceTime", "placeholder", "componentStyle", "readonly", "setFocus"], outputs: ["controlBlur", "controlFocus", "controlReset", "controlEnterKey", "navUp", "navDown", "termChange"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
579
579
|
}
|
|
580
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
580
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: AlgoliaSearchComponent, decorators: [{
|
|
581
581
|
type: Component,
|
|
582
|
-
args: [{ selector: 'algolia-search', imports: [CommonModule, CuraIconComponent, CuraLabelComponent, AlgoliaSearchFieldComponent], encapsulation: ViewEncapsulation.None, template: "@if (showLabel()) {\r\n <cura-label [color]=\"searchControl().disabled ? 'neutral-medium' : 'neutral-black'\" size=\"xsmall\" weight=\"bold\" style=\"margin-bottom: 8px\">\r\n {{ label() }}\r\n </cura-label>\r\n}\r\n<div\r\n class=\"algolia-search\"\r\n [ngClass]=\"{\r\n focus: focus(),\r\n 'focus-mobile': focusMobile(),\r\n 'no-results': noResults(),\r\n 'light-style': componentStyle() === rdslAlgoliaComponentStyle.LIGHT,\r\n 'no-overlay': !enableOverlay(),\r\n disabled: searchControl().disabled,\r\n }\"\r\n data-testid=\"_algolia-search\"\r\n>\r\n <div class=\"algolia-search-controls\" data-testid=\"_algolia-search-controls\">\r\n @if (hint() && !noResults() && preselectedIndex() === null) {\r\n <div class=\"algolia-search-controls-hint\" [innerHTML]=\"hint()!.label\" data-testid=\"_algolia-search-controls-hint\"></div>\r\n }\r\n\r\n @if (!isMobile() || !enableOverlay() || (isMobile() && !focusMobile())) {\r\n <cura-icon\r\n class=\"search-icon\"\r\n [name]=\"actionIcon()\"\r\n [disabled]=\"!searchControl().enabled\"\r\n size=\"20\"\r\n [color]=\"(focus() || focusMobile()) && noResults() ? 'error-dark' : 'neutral-dark'\"\r\n (click)=\"searchTerm()\"\r\n ></cura-icon>\r\n }\r\n\r\n @if (isMobile() && enableOverlay() && focusMobile()) {\r\n <cura-icon\r\n class=\"left-icon\"\r\n name=\"arrowLeft\"\r\n size=\"20\"\r\n (click)=\"overlayClick()\"\r\n [disabled]=\"!searchControl().enabled\"\r\n [color]=\"noResults() ? 'error-dark' : 'primary-base'\"\r\n ></cura-icon>\r\n }\r\n\r\n <algolia-search-field\r\n [searchControl]=\"searchControl()\"\r\n [debounceTime]=\"debounceTime()\"\r\n [placeholder]=\"placeholder()\"\r\n [componentStyle]=\"componentStyle()\"\r\n [setFocus]=\"setFocus()\"\r\n (termChange)=\"facetsNames() && facetsNames().length > 0 ? searchTermFacet() : searchTerm()\"\r\n (controlEnterKey)=\"selectHint()\"\r\n (controlBlur)=\"onBlur()\"\r\n (controlFocus)=\"onFocus()\"\r\n (navDown)=\"onNavDown()\"\r\n (navUp)=\"onNavUp()\"\r\n >\r\n </algolia-search-field>\r\n\r\n @if (((isMobile() && focusMobile()) || (!isMobile() && focus())) && !!searchControl().value) {\r\n <cura-icon\r\n name=\"closeCircle\"\r\n size=\"20\"\r\n class=\"clean-icon\"\r\n (mousedown)=\"clean()\"\r\n [disabled]=\"!searchControl().enabled\"\r\n [color]=\"noResults() ? 'error-dark' : 'primary-base'\"\r\n ></cura-icon>\r\n }\r\n </div>\r\n\r\n <ng-content select=\".algolia-search-tooltip\"></ng-content>\r\n\r\n @if (((!isMobile() && focus()) || (isMobile() && focusMobile())) && !noResults()) {\r\n <ng-content select=\"algolia-search-results\"></ng-content>\r\n }\r\n\r\n @if (((!isMobile() && focus()) || (isMobile() && focusMobile())) && noResults()) {\r\n <div class=\"algolia-search-results\" data-testid=\"_algolia-search-results\">\r\n <div class=\"algolia-search-results-container\" data-testid=\"_algolia-search-results-container\">\r\n <div class=\"algolia-search-results-item\" data-testid=\"_algolia-search-results-item\">\r\n <div class=\"algolia-search-results-item-icon\" data-testid=\"_algolia-search-results-item-icon\">\r\n <cura-icon name=\"alertCircle\" size=\"24\" color=\"error-dark\"></cura-icon>\r\n </div>\r\n <h4 class=\"error-message\">N\u00E3o h\u00E1 nenhum resultado para \"{{ searchControl().value }}\".</h4>\r\n </div>\r\n </div>\r\n </div>\r\n }\r\n\r\n <div class=\"algolia-search-results-overlay\" (click)=\"overlayClick()\" data-testid=\"_algolia-search-results-overlay\"></div>\r\n</div>\r\n\r\n<ng-content select=\".algolia-search-helper\"></ng-content>\r\n", styles: [":host{--results-height: calc(100vh - 72px) }.algolia-search{position:relative;box-sizing:border-box}.algolia-search *{font-family:Gotham,Arial,Helvetica,sans-serif}.algolia-search algolia-search-results,.algolia-search .algolia-search-results{z-index:5001}.algolia-search-controls{z-index:5002;display:grid;position:relative;grid-template-columns:20px 14px 20px 1fr auto 10px;grid-template-rows:auto;grid-template-areas:\". left-icon . field clean-icon .\";background:#fff;box-shadow:0 2px 4px #00000029;padding-top:6px;transition:ease .2s all}.algolia-search-controls algolia-search-field{display:block;position:relative;grid-area:field}.algolia-search-controls .left-icon{grid-area:left-icon;align-self:center}.algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search-controls-hint{grid-area:field;height:66px;font-weight:300;font-size:25px;color:#e2e2e2;white-space:nowrap;overflow:hidden;text-transform:uppercase;display:flex;align-items:center}@media screen and (max-width: 1024px){.algolia-search-controls-hint{font-size:22px}}.algolia-search-controls-field input{width:100%;height:66px;font-weight:300;font-size:25px;font-style:normal;color:#4a4a4a;background:transparent}.algolia-search-controls-field input::placeholder{color:#6e6e6e;font-size:18px;font-weight:500;opacity:1}.algolia-search-controls-field.disabled input{opacity:1;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.focus,.algolia-search.focus-mobile:not(.no-overlay){z-index:9998}@media screen and (max-width: 1024px){.algolia-search.focus,.algolia-search.focus-mobile:not(.no-overlay){width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.focus .algolia-search-results-overlay,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}.algolia-search.focus .algolia-search-controls-field input::placeholder,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input::placeholder{color:#b7b7b7;font-size:25px;font-weight:300}@media screen and (max-width: 1024px){.algolia-search.focus .algolia-search-controls-field input,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input{font-size:22px;text-transform:uppercase}.algolia-search.focus .algolia-search-controls-field input::placeholder,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input::placeholder{font-size:20px}}.algolia-search.focus.no-results .algolia-search-controls-field input,.algolia-search.focus-mobile:not(.no-overlay).no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.disabled{background-color:#f6f6f6!important;border:2px solid rgb(183,183,183)}.algolia-search.disabled .algolia-search-controls{background-color:#f6f6f6!important}@media screen and (min-width: 1024px){.algolia-search.light-style{background-color:#fff;border-radius:4px;padding:6px 0;border:2px solid rgb(146,146,146)}.algolia-search.light-style .algolia-search-controls{height:auto;padding-top:0;grid-template-areas:\". search-icon . field clean-icon .\";grid-template-columns:12px auto 8px 1fr auto 12px;grid-template-rows:minmax(28px,auto);box-shadow:none}.algolia-search.light-style .algolia-search-controls-hint{grid-area:field;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;text-transform:none}.algolia-search.light-style .algolia-search-controls algolia-search-field{display:flex;align-items:center}.algolia-search.light-style .algolia-search-controls-field{padding-bottom:0;flex-grow:1;display:flex}.algolia-search.light-style .algolia-search-controls-field input{display:flex;flex:1 1 0;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;color:#6e6e6e;text-transform:capitalize}.algolia-search.light-style .algolia-search-controls-field input::placeholder{font-style:normal;font-weight:500;font-size:16px;line-height:135%;display:flex;align-items:center;color:#6e6e6e;text-transform:none}.algolia-search.light-style .algolia-search-controls-field input:focus{color:#262626}.algolia-search.light-style .algolia-search-controls-field.disabled input{width:100%;height:auto;font-style:normal;font-weight:500;font-size:16px;line-height:135%;color:#929292;text-transform:uppercase;cursor:not-allowed}.algolia-search.light-style .algolia-search-controls-field.disabled input::placeholder{color:#929292;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.light-style .algolia-search-controls .search-icon{grid-area:search-icon;align-self:center}.algolia-search.light-style .algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search.light-style.focus{z-index:9998;border:2px solid rgb(110,168,255)}}@media screen and (min-width: 1024px) and (max-width: 1024px){.algolia-search.light-style.focus{border:none;width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.light-style.focus .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}@media screen and (min-width: 1024px){.algolia-search.light-style.focus.no-results{border:solid 2px rgb(157,58,58)}}@media screen and (min-width: 1024px) and (max-width: 1024px){.algolia-search.light-style.focus.no-results .algolia-search-controls{border:none;box-shadow:0 2px 4px #00000029}}@media screen and (min-width: 1024px){.algolia-search.light-style.focus.no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.light-style .algolia-search-results{background:#fff;border:none;border-radius:0 0 4px 4px;box-shadow:0 10px 20px #00000014;margin-top:2px}.algolia-search.light-style .algolia-search-results .algolia-search-results-item{background-color:#fff}.algolia-search.light-style .algolia-search-results .algolia-multiple-results{width:100%;max-height:398px;overflow:hidden;display:flex}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-primary{width:60%}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8){display:none}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-secondary{width:40%;overflow-x:auto}}@media screen and (min-width: 1024px) and (min-width: 1024px){.algolia-search.light-style .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary{width:100%}}@media screen and (min-width: 1024px){.algolia-search.light-style .algolia-search-results .algolia-multiple-results.single-result{display:block}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile),.algolia-search.light-style.no-overlay{background-color:#fff;border-radius:4px;padding:6px 0;border:2px solid rgb(146,146,146)}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls,.algolia-search.light-style.no-overlay .algolia-search-controls{height:auto;padding-top:0;grid-template-areas:\". search-icon . field clean-icon .\";grid-template-columns:12px auto 8px 1fr auto 12px;grid-template-rows:minmax(28px,auto);box-shadow:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-hint,.algolia-search.light-style.no-overlay .algolia-search-controls-hint{grid-area:field;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;text-transform:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls algolia-search-field,.algolia-search.light-style.no-overlay .algolia-search-controls algolia-search-field{display:flex;align-items:center}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field,.algolia-search.light-style.no-overlay .algolia-search-controls-field{padding-bottom:0;flex-grow:1;display:flex}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input,.algolia-search.light-style.no-overlay .algolia-search-controls-field input{display:flex;flex:1 1 0;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;color:#6e6e6e;text-transform:capitalize}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input::placeholder,.algolia-search.light-style.no-overlay .algolia-search-controls-field input::placeholder{font-style:normal;font-weight:500;font-size:16px;line-height:135%;display:flex;align-items:center;color:#6e6e6e;text-transform:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input:focus,.algolia-search.light-style.no-overlay .algolia-search-controls-field input:focus{color:#262626}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field.disabled input,.algolia-search.light-style.no-overlay .algolia-search-controls-field.disabled input{width:100%;height:auto;font-style:normal;font-weight:500;font-size:16px;line-height:135%;color:#929292;text-transform:uppercase;cursor:not-allowed}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field.disabled input::placeholder,.algolia-search.light-style.no-overlay .algolia-search-controls-field.disabled input::placeholder{color:#929292;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls .search-icon,.algolia-search.light-style.no-overlay .algolia-search-controls .search-icon{grid-area:search-icon;align-self:center}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls .clean-icon,.algolia-search.light-style.no-overlay .algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search.light-style:not(.focus-mobile).focus,.algolia-search.light-style.no-overlay.focus{z-index:9998;border:2px solid rgb(110,168,255)}}@media screen and (max-width: 1024px) and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus,.algolia-search.light-style.no-overlay.focus{border:none;width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.light-style:not(.focus-mobile).focus .algolia-search-results-overlay,.algolia-search.light-style.no-overlay.focus .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results,.algolia-search.light-style.no-overlay.focus.no-results{border:solid 2px rgb(157,58,58)}}@media screen and (max-width: 1024px) and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results .algolia-search-controls,.algolia-search.light-style.no-overlay.focus.no-results .algolia-search-controls{border:none;box-shadow:0 2px 4px #00000029}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results .algolia-search-controls-field input,.algolia-search.light-style.no-overlay.focus.no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results,.algolia-search.light-style.no-overlay .algolia-search-results{background:#fff;border:none;border-radius:0 0 4px 4px;box-shadow:0 10px 20px #00000014;margin-top:2px}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-search-results-item,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-search-results-item{background-color:#fff}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results{width:100%;max-height:398px;overflow:hidden;display:flex}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-primary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-primary{width:60%}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8),.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8){display:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-secondary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-secondary{width:40%;overflow-x:auto}}@media screen and (max-width: 1024px) and (min-width: 1024px){.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary{width:100%}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results.single-result,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results.single-result{display:block}}.algolia-search algolia-search-results,.algolia-search.no-results>.algolia-search-results{display:block;position:absolute;top:100%;left:0;width:100%}.algolia-search .algolia-search-results{max-height:70vh;overflow-y:auto;z-index:1}@media screen and (max-height: 1024px){.algolia-search .algolia-search-results{max-height:400px}}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results{max-height:var(--results-height)}}.algolia-search.no-results .algolia-search-results{max-height:70vh;overflow-y:auto;z-index:1}@media screen and (max-height: 1024px){.algolia-search.no-results .algolia-search-results{max-height:400px}}@media screen and (max-width: 1024px){.algolia-search.no-results .algolia-search-results{max-height:var(--results-height)}}.algolia-search algolia-search-result-item{display:block;position:relative}.algolia-search algolia-search-result-item:not(:last-child){border-bottom:1px solid rgb(226,226,226)}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item:not(:last-child){border-bottom:none}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item .algolia-search-results-item h4{font-size:13px;font-weight:400}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item .algolia-search-results-item p{font-size:12px;font-weight:300}.algolia-search .algolia-search-results-item{width:100%;display:grid;padding:8px 20px;grid-template-columns:auto 1fr 8px auto auto;grid-template-rows:1fr auto;grid-template-areas:\"icon title . action .\" \"icon subtitle . action description\";align-items:center;background-color:#fff;cursor:pointer}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results-item{background-color:unset}}.algolia-search .algolia-search-results-item-icon,.algolia-search .algolia-search-results-item-img,.algolia-search .algolia-search-results-item-distance{grid-area:icon}.algolia-search .algolia-search-results-item h4,.algolia-search .algolia-search-results-item p{padding:0;margin:0;color:#6e6e6e;line-height:16px;letter-spacing:.72px}.algolia-search .algolia-search-results-item h4{grid-area:title;font-size:12px;color:#262626;font-weight:700}.algolia-search .algolia-search-results-item h4.hasSubtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.algolia-search .algolia-search-results-item h4:not(.hasSubtitle){display:block;display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.algolia-search .algolia-search-results-item h4.error-message{color:#9d3a3a;font-size:14px;font-weight:300;height:70px;display:flex;align-items:center}.algolia-search .algolia-search-results-item p{grid-area:subtitle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.algolia-search .algolia-search-results-item h4 em,.algolia-search .algolia-search-results-item p em{color:#009681;font-weight:500;font-style:normal}.algolia-search .algolia-search-results-item h5{grid-area:description;color:#4a4a4a;font-weight:300;font-style:normal;font-size:12px;line-height:14px}.algolia-search .algolia-search-results-item-icon,.algolia-search .algolia-search-results-item-img{display:flex;align-items:center;margin-right:10px}.algolia-search .algolia-search-results-item-icon cura-icon,.algolia-search .algolia-search-results-item-img cura-icon{stroke:#b7b7b7;transition:ease .5s stroke}.algolia-search .algolia-search-results-item-img img{width:32px;height:32px;border-radius:50%;overflow:hidden;object-fit:cover}.algolia-search .algolia-search-results-item-distance{display:flex;align-items:center;flex-direction:column;margin-right:8px;min-width:30px}.algolia-search .algolia-search-results-item:hover,.algolia-search .algolia-search-results-item.preselected{background:#f6f6f6!important}.algolia-search .algolia-search-results-item-action{grid-area:action}.algolia-search .algolia-search-results-item-action a,.algolia-search .algolia-search-results-item-action>cura-icon{display:flex;align-items:center;font-size:14px;font-weight:300;color:#009681}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results-item-action a span,.algolia-search .algolia-search-results-item-action>cura-icon span{display:none}}.algolia-search .algolia-search-results-item-action a cura-icon,.algolia-search .algolia-search-results-item-action>cura-icon cura-icon{margin-left:8px;stroke:#009681}.algolia-search .algolia-search-results-item-action>cura-icon{stroke:#009681}.algolia-search.light-style .algolia-search-results-item{padding-right:12px;padding-left:12px}.algolia-search.no-results .algolia-search-results-item{background:transparent!important;cursor:default}.algolia-search.no-results .algolia-search-results-item .algolia-search-results-item-icon cura-icon{stroke:#b7b7b7}\n"] }]
|
|
582
|
+
args: [{ selector: 'algolia-search', imports: [CommonModule, CuraIconComponent, CuraLabelComponent, AlgoliaSearchFieldComponent], encapsulation: ViewEncapsulation.None, template: "@if (showLabel()) {\n <cura-label [color]=\"searchControl().disabled ? 'neutral-medium' : 'neutral-black'\" size=\"xsmall\" weight=\"bold\" style=\"margin-bottom: 8px\">\n {{ label() }}\n </cura-label>\n}\n<div\n class=\"algolia-search\"\n [ngClass]=\"{\n focus: focus(),\n 'focus-mobile': focusMobile(),\n 'no-results': noResults(),\n 'light-style': componentStyle() === rdslAlgoliaComponentStyle.LIGHT,\n 'no-overlay': !enableOverlay(),\n disabled: searchControl().disabled,\n }\"\n data-testid=\"_algolia-search\"\n>\n <div class=\"algolia-search-controls\" data-testid=\"_algolia-search-controls\">\n @if (hint() && !noResults() && preselectedIndex() === null) {\n <div class=\"algolia-search-controls-hint\" [innerHTML]=\"hint()!.label\" data-testid=\"_algolia-search-controls-hint\"></div>\n }\n\n @if (!isMobile() || !enableOverlay() || (isMobile() && !focusMobile())) {\n <cura-icon\n class=\"search-icon\"\n [name]=\"actionIcon()\"\n [disabled]=\"!searchControl().enabled\"\n size=\"20\"\n [color]=\"(focus() || focusMobile()) && noResults() ? 'error-dark' : 'neutral-dark'\"\n (click)=\"searchTerm()\"\n ></cura-icon>\n }\n\n @if (isMobile() && enableOverlay() && focusMobile()) {\n <cura-icon\n class=\"left-icon\"\n name=\"arrowLeft\"\n size=\"20\"\n (click)=\"overlayClick()\"\n [disabled]=\"!searchControl().enabled\"\n [color]=\"noResults() ? 'error-dark' : 'primary-base'\"\n ></cura-icon>\n }\n\n <algolia-search-field\n [searchControl]=\"searchControl()\"\n [debounceTime]=\"debounceTime()\"\n [placeholder]=\"placeholder()\"\n [componentStyle]=\"componentStyle()\"\n [setFocus]=\"setFocus()\"\n (termChange)=\"facetsNames() && facetsNames().length > 0 ? searchTermFacet() : searchTerm()\"\n (controlEnterKey)=\"selectHint()\"\n (controlBlur)=\"onBlur()\"\n (controlFocus)=\"onFocus()\"\n (navDown)=\"onNavDown()\"\n (navUp)=\"onNavUp()\"\n >\n </algolia-search-field>\n\n @if (((isMobile() && focusMobile()) || (!isMobile() && focus())) && !!searchControl().value) {\n <cura-icon\n name=\"closeCircle\"\n size=\"20\"\n class=\"clean-icon\"\n (mousedown)=\"clean()\"\n [disabled]=\"!searchControl().enabled\"\n [color]=\"noResults() ? 'error-dark' : 'primary-base'\"\n ></cura-icon>\n }\n </div>\n\n <ng-content select=\".algolia-search-tooltip\"></ng-content>\n\n @if (((!isMobile() && focus()) || (isMobile() && focusMobile())) && !noResults()) {\n <ng-content select=\"algolia-search-results\"></ng-content>\n }\n\n @if (((!isMobile() && focus()) || (isMobile() && focusMobile())) && noResults()) {\n <div class=\"algolia-search-results\" data-testid=\"_algolia-search-results\">\n <div class=\"algolia-search-results-container\" data-testid=\"_algolia-search-results-container\">\n <div class=\"algolia-search-results-item\" data-testid=\"_algolia-search-results-item\">\n <div class=\"algolia-search-results-item-icon\" data-testid=\"_algolia-search-results-item-icon\">\n <cura-icon name=\"alertCircle\" size=\"24\" color=\"error-dark\"></cura-icon>\n </div>\n <h4 class=\"error-message\">N\u00E3o h\u00E1 nenhum resultado para \"{{ searchControl().value }}\".</h4>\n </div>\n </div>\n </div>\n }\n\n <div class=\"algolia-search-results-overlay\" (click)=\"overlayClick()\" data-testid=\"_algolia-search-results-overlay\"></div>\n</div>\n\n<ng-content select=\".algolia-search-helper\"></ng-content>\n", styles: [":host{--results-height: calc(100vh - 72px) }.algolia-search{position:relative;box-sizing:border-box}.algolia-search *{font-family:Gotham,Arial,Helvetica,sans-serif}.algolia-search algolia-search-results,.algolia-search .algolia-search-results{z-index:5001}.algolia-search-controls{z-index:5002;display:grid;position:relative;grid-template-columns:20px 14px 20px 1fr auto 10px;grid-template-rows:auto;grid-template-areas:\". left-icon . field clean-icon .\";background:#fff;box-shadow:0 2px 4px #00000029;padding-top:6px;transition:ease .2s all}.algolia-search-controls algolia-search-field{display:block;position:relative;grid-area:field}.algolia-search-controls .left-icon{grid-area:left-icon;align-self:center}.algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search-controls-hint{grid-area:field;height:66px;font-weight:300;font-size:25px;color:#e2e2e2;white-space:nowrap;overflow:hidden;text-transform:uppercase;display:flex;align-items:center}@media screen and (max-width: 1024px){.algolia-search-controls-hint{font-size:22px}}.algolia-search-controls-field input{width:100%;height:66px;font-weight:300;font-size:25px;font-style:normal;color:#4a4a4a;background:transparent}.algolia-search-controls-field input::placeholder{color:#6e6e6e;font-size:18px;font-weight:500;opacity:1}.algolia-search-controls-field.disabled input{opacity:1;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.focus,.algolia-search.focus-mobile:not(.no-overlay){z-index:9998}@media screen and (max-width: 1024px){.algolia-search.focus,.algolia-search.focus-mobile:not(.no-overlay){width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.focus .algolia-search-results-overlay,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}.algolia-search.focus .algolia-search-controls-field input::placeholder,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input::placeholder{color:#b7b7b7;font-size:25px;font-weight:300}@media screen and (max-width: 1024px){.algolia-search.focus .algolia-search-controls-field input,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input{font-size:22px;text-transform:uppercase}.algolia-search.focus .algolia-search-controls-field input::placeholder,.algolia-search.focus-mobile:not(.no-overlay) .algolia-search-controls-field input::placeholder{font-size:20px}}.algolia-search.focus.no-results .algolia-search-controls-field input,.algolia-search.focus-mobile:not(.no-overlay).no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.disabled{background-color:#f6f6f6!important;border:2px solid rgb(183,183,183)}.algolia-search.disabled .algolia-search-controls{background-color:#f6f6f6!important}@media screen and (min-width: 1024px){.algolia-search.light-style{background-color:#fff;border-radius:4px;padding:6px 0;border:2px solid rgb(146,146,146)}.algolia-search.light-style .algolia-search-controls{height:auto;padding-top:0;grid-template-areas:\". search-icon . field clean-icon .\";grid-template-columns:12px auto 8px 1fr auto 12px;grid-template-rows:minmax(28px,auto);box-shadow:none}.algolia-search.light-style .algolia-search-controls-hint{grid-area:field;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;text-transform:none}.algolia-search.light-style .algolia-search-controls algolia-search-field{display:flex;align-items:center}.algolia-search.light-style .algolia-search-controls-field{padding-bottom:0;flex-grow:1;display:flex}.algolia-search.light-style .algolia-search-controls-field input{display:flex;flex:1 1 0;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;color:#6e6e6e;text-transform:capitalize}.algolia-search.light-style .algolia-search-controls-field input::placeholder{font-style:normal;font-weight:500;font-size:16px;line-height:135%;display:flex;align-items:center;color:#6e6e6e;text-transform:none}.algolia-search.light-style .algolia-search-controls-field input:focus{color:#262626}.algolia-search.light-style .algolia-search-controls-field.disabled input{width:100%;height:auto;font-style:normal;font-weight:500;font-size:16px;line-height:135%;color:#929292;text-transform:uppercase;cursor:not-allowed}.algolia-search.light-style .algolia-search-controls-field.disabled input::placeholder{color:#929292;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.light-style .algolia-search-controls .search-icon{grid-area:search-icon;align-self:center}.algolia-search.light-style .algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search.light-style.focus{z-index:9998;border:2px solid rgb(110,168,255)}}@media screen and (min-width: 1024px) and (max-width: 1024px){.algolia-search.light-style.focus{border:none;width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.light-style.focus .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}@media screen and (min-width: 1024px){.algolia-search.light-style.focus.no-results{border:solid 2px rgb(157,58,58)}}@media screen and (min-width: 1024px) and (max-width: 1024px){.algolia-search.light-style.focus.no-results .algolia-search-controls{border:none;box-shadow:0 2px 4px #00000029}}@media screen and (min-width: 1024px){.algolia-search.light-style.focus.no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.light-style .algolia-search-results{background:#fff;border:none;border-radius:0 0 4px 4px;box-shadow:0 10px 20px #00000014;margin-top:2px}.algolia-search.light-style .algolia-search-results .algolia-search-results-item{background-color:#fff}.algolia-search.light-style .algolia-search-results .algolia-multiple-results{width:100%;max-height:398px;overflow:hidden;display:flex}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-primary{width:60%}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8){display:none}.algolia-search.light-style .algolia-search-results .algolia-multiple-results-secondary{width:40%;overflow-x:auto}}@media screen and (min-width: 1024px) and (min-width: 1024px){.algolia-search.light-style .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary{width:100%}}@media screen and (min-width: 1024px){.algolia-search.light-style .algolia-search-results .algolia-multiple-results.single-result{display:block}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile),.algolia-search.light-style.no-overlay{background-color:#fff;border-radius:4px;padding:6px 0;border:2px solid rgb(146,146,146)}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls,.algolia-search.light-style.no-overlay .algolia-search-controls{height:auto;padding-top:0;grid-template-areas:\". search-icon . field clean-icon .\";grid-template-columns:12px auto 8px 1fr auto 12px;grid-template-rows:minmax(28px,auto);box-shadow:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-hint,.algolia-search.light-style.no-overlay .algolia-search-controls-hint{grid-area:field;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;text-transform:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls algolia-search-field,.algolia-search.light-style.no-overlay .algolia-search-controls algolia-search-field{display:flex;align-items:center}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field,.algolia-search.light-style.no-overlay .algolia-search-controls-field{padding-bottom:0;flex-grow:1;display:flex}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input,.algolia-search.light-style.no-overlay .algolia-search-controls-field input{display:flex;flex:1 1 0;width:100%;height:auto;font-weight:500;font-size:16px;font-style:normal;color:#6e6e6e;text-transform:capitalize}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input::placeholder,.algolia-search.light-style.no-overlay .algolia-search-controls-field input::placeholder{font-style:normal;font-weight:500;font-size:16px;line-height:135%;display:flex;align-items:center;color:#6e6e6e;text-transform:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field input:focus,.algolia-search.light-style.no-overlay .algolia-search-controls-field input:focus{color:#262626}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field.disabled input,.algolia-search.light-style.no-overlay .algolia-search-controls-field.disabled input{width:100%;height:auto;font-style:normal;font-weight:500;font-size:16px;line-height:135%;color:#929292;text-transform:uppercase;cursor:not-allowed}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls-field.disabled input::placeholder,.algolia-search.light-style.no-overlay .algolia-search-controls-field.disabled input::placeholder{color:#929292;-webkit-text-fill-color:rgb(146,146,146)}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls .search-icon,.algolia-search.light-style.no-overlay .algolia-search-controls .search-icon{grid-area:search-icon;align-self:center}.algolia-search.light-style:not(.focus-mobile) .algolia-search-controls .clean-icon,.algolia-search.light-style.no-overlay .algolia-search-controls .clean-icon{grid-area:clean-icon;align-self:center}.algolia-search.light-style:not(.focus-mobile).focus,.algolia-search.light-style.no-overlay.focus{z-index:9998;border:2px solid rgb(110,168,255)}}@media screen and (max-width: 1024px) and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus,.algolia-search.light-style.no-overlay.focus{border:none;width:100%;position:fixed;top:0;left:0;z-index:10000}.algolia-search.light-style:not(.focus-mobile).focus .algolia-search-results-overlay,.algolia-search.light-style.no-overlay.focus .algolia-search-results-overlay{width:100%;height:100vh;background:linear-gradient(259.8deg,#f2f2f2 37.83%,#fffbff 55.77%,#fffbff00 76.8%),linear-gradient(79.63deg,#f5f6f8 45.51%,#f5f6f800 75.93%);position:absolute;top:0;left:0}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results,.algolia-search.light-style.no-overlay.focus.no-results{border:solid 2px rgb(157,58,58)}}@media screen and (max-width: 1024px) and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results .algolia-search-controls,.algolia-search.light-style.no-overlay.focus.no-results .algolia-search-controls{border:none;box-shadow:0 2px 4px #00000029}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile).focus.no-results .algolia-search-controls-field input,.algolia-search.light-style.no-overlay.focus.no-results .algolia-search-controls-field input{color:#9d3a3a!important}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results,.algolia-search.light-style.no-overlay .algolia-search-results{background:#fff;border:none;border-radius:0 0 4px 4px;box-shadow:0 10px 20px #00000014;margin-top:2px}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-search-results-item,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-search-results-item{background-color:#fff}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results{width:100%;max-height:398px;overflow:hidden;display:flex}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-primary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-primary{width:60%}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8),.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-primary algolia-search-result-item:nth-child(n+8){display:none}.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results-secondary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results-secondary{width:40%;overflow-x:auto}}@media screen and (max-width: 1024px) and (min-width: 1024px){.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results .algolia-multiple-results-primary,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results .algolia-multiple-results-secondary{width:100%}}@media screen and (max-width: 1024px){.algolia-search.light-style:not(.focus-mobile) .algolia-search-results .algolia-multiple-results.single-result,.algolia-search.light-style.no-overlay .algolia-search-results .algolia-multiple-results.single-result{display:block}}.algolia-search algolia-search-results,.algolia-search.no-results>.algolia-search-results{display:block;position:absolute;top:100%;left:0;width:100%}.algolia-search .algolia-search-results{max-height:70vh;overflow-y:auto;z-index:1}@media screen and (max-height: 1024px){.algolia-search .algolia-search-results{max-height:400px}}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results{max-height:var(--results-height)}}.algolia-search.no-results .algolia-search-results{max-height:70vh;overflow-y:auto;z-index:1}@media screen and (max-height: 1024px){.algolia-search.no-results .algolia-search-results{max-height:400px}}@media screen and (max-width: 1024px){.algolia-search.no-results .algolia-search-results{max-height:var(--results-height)}}.algolia-search algolia-search-result-item{display:block;position:relative}.algolia-search algolia-search-result-item:not(:last-child){border-bottom:1px solid rgb(226,226,226)}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item:not(:last-child){border-bottom:none}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item .algolia-search-results-item h4{font-size:13px;font-weight:400}.algolia-search .algolia-multiple-results-secondary algolia-search-result-item .algolia-search-results-item p{font-size:12px;font-weight:300}.algolia-search .algolia-search-results-item{width:100%;display:grid;padding:8px 20px;grid-template-columns:auto 1fr 8px auto auto;grid-template-rows:1fr auto;grid-template-areas:\"icon title . action .\" \"icon subtitle . action description\";align-items:center;background-color:#fff;cursor:pointer}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results-item{background-color:unset}}.algolia-search .algolia-search-results-item-icon,.algolia-search .algolia-search-results-item-img,.algolia-search .algolia-search-results-item-distance{grid-area:icon}.algolia-search .algolia-search-results-item h4,.algolia-search .algolia-search-results-item p{padding:0;margin:0;color:#6e6e6e;line-height:16px;letter-spacing:.72px}.algolia-search .algolia-search-results-item h4{grid-area:title;font-size:12px;color:#262626;font-weight:700}.algolia-search .algolia-search-results-item h4.hasSubtitle{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.algolia-search .algolia-search-results-item h4:not(.hasSubtitle){display:block;display:-webkit-box;max-width:100%;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.algolia-search .algolia-search-results-item h4.error-message{color:#9d3a3a;font-size:14px;font-weight:300;height:70px;display:flex;align-items:center}.algolia-search .algolia-search-results-item p{grid-area:subtitle;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.algolia-search .algolia-search-results-item h4 em,.algolia-search .algolia-search-results-item p em{color:#009681;font-weight:500;font-style:normal}.algolia-search .algolia-search-results-item h5{grid-area:description;color:#4a4a4a;font-weight:300;font-style:normal;font-size:12px;line-height:14px}.algolia-search .algolia-search-results-item-icon,.algolia-search .algolia-search-results-item-img{display:flex;align-items:center;margin-right:10px}.algolia-search .algolia-search-results-item-icon cura-icon,.algolia-search .algolia-search-results-item-img cura-icon{stroke:#b7b7b7;transition:ease .5s stroke}.algolia-search .algolia-search-results-item-img img{width:32px;height:32px;border-radius:50%;overflow:hidden;object-fit:cover}.algolia-search .algolia-search-results-item-distance{display:flex;align-items:center;flex-direction:column;margin-right:8px;min-width:30px}.algolia-search .algolia-search-results-item:hover,.algolia-search .algolia-search-results-item.preselected{background:#f6f6f6!important}.algolia-search .algolia-search-results-item-action{grid-area:action}.algolia-search .algolia-search-results-item-action a,.algolia-search .algolia-search-results-item-action>cura-icon{display:flex;align-items:center;font-size:14px;font-weight:300;color:#009681}@media screen and (max-width: 1024px){.algolia-search .algolia-search-results-item-action a span,.algolia-search .algolia-search-results-item-action>cura-icon span{display:none}}.algolia-search .algolia-search-results-item-action a cura-icon,.algolia-search .algolia-search-results-item-action>cura-icon cura-icon{margin-left:8px;stroke:#009681}.algolia-search .algolia-search-results-item-action>cura-icon{stroke:#009681}.algolia-search.light-style .algolia-search-results-item{padding-right:12px;padding-left:12px}.algolia-search.no-results .algolia-search-results-item{background:transparent!important;cursor:default}.algolia-search.no-results .algolia-search-results-item .algolia-search-results-item-icon cura-icon{stroke:#b7b7b7}\n"] }]
|
|
583
583
|
}], propDecorators: { algoliaConfig: [{ type: i0.Input, args: [{ isSignal: true, alias: "algoliaConfig", required: false }] }], searchControl: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchControl", required: false }] }], searchParams: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchParams", required: false }] }], debounceTime: [{ type: i0.Input, args: [{ isSignal: true, alias: "debounceTime", required: false }] }], startSearchAtCharLen: [{ type: i0.Input, args: [{ isSignal: true, alias: "startSearchAtCharLen", required: false }] }], hint: [{ type: i0.Input, args: [{ isSignal: true, alias: "hint", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], fixedLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "fixedLabel", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], facetsNames: [{ type: i0.Input, args: [{ isSignal: true, alias: "facetsNames", required: false }] }], searchTermFallback: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchTermFallback", required: false }] }], actionIcon: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionIcon", required: false }] }], componentStyle: [{ type: i0.Input, args: [{ isSignal: true, alias: "componentStyle", required: false }] }], initialTerm: [{ type: i0.Input, args: [{ isSignal: true, alias: "initialTerm", required: false }] }], cache: [{ type: i0.Input, args: [{ isSignal: true, alias: "cache", required: false }] }], suggestions: [{ type: i0.Input, args: [{ isSignal: true, alias: "suggestions", required: false }] }], showLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLabel", required: false }] }], enableOverlay: [{ type: i0.Input, args: [{ isSignal: true, alias: "enableOverlay", required: false }] }], setFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "setFocus", required: false }] }, { type: i0.Output, args: ["setFocusChange"] }], updateResults: [{ type: i0.Output, args: ["updateResults"] }], updateAlgoliaResults: [{ type: i0.Output, args: ["updateAlgoliaResults"] }], itemSelect: [{ type: i0.Output, args: ["itemSelect"] }], fieldFocus: [{ type: i0.Output, args: ["fieldFocus"] }], fieldBlur: [{ type: i0.Output, args: ["fieldBlur"] }], queryResultsContainer: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AlgoliaSearchResultsComponent), { isSignal: true }] }], tooltip: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => AlgoliaSearchTooltipComponent), { isSignal: true }] }], checkBrowserWidth: [{
|
|
584
584
|
type: HostListener,
|
|
585
585
|
args: ['window:resize', ['$event']]
|