@rededor/site-front-end-lib 20.0.18 → 20.0.19
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/core/index.d.ts +1 -1
- package/cura/forms/cura-input-text/index.d.ts +2 -0
- package/cura/forms/cura-radio/index.d.ts +6 -1
- package/cura/forms/cura-select-state/index.d.ts +72 -0
- package/cura/forms/cura-textarea/index.d.ts +112 -0
- package/fesm2022/rededor-site-front-end-lib-components-algolia-dropdown.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-algolia-search.mjs +15 -15
- package/fesm2022/rededor-site-front-end-lib-components-banner.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-breadcrumbs.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-cards.mjs +9 -9
- package/fesm2022/rededor-site-front-end-lib-components-carousels.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-cta-wrapper.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-error.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filter-letter-and-terms.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-filters-filter-generic.mjs +3 -3
- 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 +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-footer.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header-components-action.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header-components-auxiliar.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-components-main.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-components-side.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-header-services.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-header.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-components-image.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-load-screen.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-modal-drawer.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-modal.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-overlay.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-header.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-template-fullcontent.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-page-template-sidebar.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-pagination.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-search.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-section-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-side-ctas.mjs +15 -15
- package/fesm2022/rededor-site-front-end-lib-components-sidebar-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-sticky-navigation.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-components-whatsapp.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-core.mjs +54 -54
- package/fesm2022/rededor-site-front-end-lib-cura-accordion.mjs +6 -6
- package/fesm2022/rededor-site-front-end-lib-cura-api.mjs +18 -18
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-counter.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-distance.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-dot.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-badges-cura-badge-pill.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-outline.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-select.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button-transparent.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-buttons-cura-button.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-cards-cura-card.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-alert.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-modal.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-feedback-cura-toast.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-checkbox.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-input-text.mjs +59 -19
- 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 +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-radio.mjs +12 -6
- 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 +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs +123 -0
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select-state.mjs.map +1 -0
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-select.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-switch.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs +208 -0
- package/fesm2022/rededor-site-front-end-lib-cura-forms-cura-textarea.mjs.map +1 -0
- package/fesm2022/rededor-site-front-end-lib-cura-icons-cura-icon.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-bar.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-loaders-cura-loader-circle.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-display.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-heading.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-cura-texts-cura-paragraph.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-algolia-search-api.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-algolia.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-ngu-carousel.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-ssr-loading.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-transfer-state.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-services-youtube.mjs +3 -3
- package/fesm2022/rededor-site-front-end-lib-shared.mjs +6 -6
- package/package.json +9 -1
package/core/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import {
|
|
2
|
+
import { InjectionToken, ElementRef, TemplateRef, ModelSignal } from '@angular/core';
|
|
3
3
|
import { Request, Response } from 'express';
|
|
4
4
|
import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
|
|
5
5
|
import { Observable, BehaviorSubject } from 'rxjs';
|
|
@@ -168,6 +168,7 @@ declare class CuraInputTextComponent implements ControlValueAccessor, AfterViewI
|
|
|
168
168
|
* Instance of InputMask is returned when IMask constructor is called.
|
|
169
169
|
*/
|
|
170
170
|
maskedInput?: InputMask<FactoryArg>;
|
|
171
|
+
private _isWriting;
|
|
171
172
|
private inputRef?;
|
|
172
173
|
private checkMobile;
|
|
173
174
|
private checkIOS;
|
|
@@ -222,6 +223,7 @@ declare class CuraInputTextComponent implements ControlValueAccessor, AfterViewI
|
|
|
222
223
|
initializePresetMask(): void;
|
|
223
224
|
initializeRegexMask(): void;
|
|
224
225
|
initializeAdvancedMask(): void;
|
|
226
|
+
private subscribeToMaskEvents;
|
|
225
227
|
private applyValueToMask;
|
|
226
228
|
private clearMaskValue;
|
|
227
229
|
private destroyMask;
|
|
@@ -34,6 +34,7 @@ interface RadioConfig {
|
|
|
34
34
|
background?: RadioBackground;
|
|
35
35
|
size?: RadioSize;
|
|
36
36
|
color?: string;
|
|
37
|
+
isSquare?: boolean;
|
|
37
38
|
}
|
|
38
39
|
/**
|
|
39
40
|
* Radio change event interface
|
|
@@ -93,6 +94,10 @@ declare class CuraRadioComponent implements ControlValueAccessor {
|
|
|
93
94
|
* Color theme of the radio button.
|
|
94
95
|
*/
|
|
95
96
|
color: _angular_core.InputSignal<string>;
|
|
97
|
+
/**
|
|
98
|
+
* When true, renders the radio button as a square instead of a circle.
|
|
99
|
+
*/
|
|
100
|
+
isSquare: _angular_core.InputSignal<boolean>;
|
|
96
101
|
/**
|
|
97
102
|
* Controls how the label text should handle overflow.
|
|
98
103
|
* - `'none'`: No overflow handling; the label displays normally.
|
|
@@ -136,7 +141,7 @@ declare class CuraRadioComponent implements ControlValueAccessor {
|
|
|
136
141
|
private isDarkBackground;
|
|
137
142
|
handleClick(): void;
|
|
138
143
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraRadioComponent, never>;
|
|
139
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraRadioComponent, "cura-radio", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ontabindex": { "alias": "ontabindex"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "overflowLabel": { "alias": "overflowLabel"; "required": false; "isSignal": true; }; "overflowHelper": { "alias": "overflowHelper"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "value": "valueChange"; "onchange": "onchange"; }, never, ["*"], true, never>;
|
|
144
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraRadioComponent, "cura-radio", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ontabindex": { "alias": "ontabindex"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "background": { "alias": "background"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "isSquare": { "alias": "isSquare"; "required": false; "isSignal": true; }; "overflowLabel": { "alias": "overflowLabel"; "required": false; "isSignal": true; }; "overflowHelper": { "alias": "overflowHelper"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "value": "valueChange"; "onchange": "onchange"; }, never, ["*"], true, never>;
|
|
140
145
|
}
|
|
141
146
|
|
|
142
147
|
export { CuraRadioComponent };
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { SelectSize, SelectStatus, SelectSelectedEvent } from '@rededor/site-front-end-lib/cura/forms/cura-select';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Display mode for the state labels shown in the dropdown
|
|
7
|
+
*/
|
|
8
|
+
type StateDisplayMode = 'full' | 'abbreviation';
|
|
9
|
+
/**
|
|
10
|
+
* Represents a Brazilian state option
|
|
11
|
+
*/
|
|
12
|
+
interface BrazilianState {
|
|
13
|
+
/**
|
|
14
|
+
* Two-letter state abbreviation (e.g. 'SP')
|
|
15
|
+
*/
|
|
16
|
+
value: string;
|
|
17
|
+
/**
|
|
18
|
+
* Display label, either the full name or the abbreviation depending on displayMode
|
|
19
|
+
*/
|
|
20
|
+
label: string;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
declare class CuraSelectStateComponent implements ControlValueAccessor {
|
|
24
|
+
/**
|
|
25
|
+
* Label displayed above the select
|
|
26
|
+
*/
|
|
27
|
+
label: _angular_core.InputSignal<string>;
|
|
28
|
+
/**
|
|
29
|
+
* Placeholder text shown when no option is selected
|
|
30
|
+
*/
|
|
31
|
+
placeholder: _angular_core.InputSignal<string>;
|
|
32
|
+
/**
|
|
33
|
+
* Whether the field is required
|
|
34
|
+
*/
|
|
35
|
+
required: _angular_core.InputSignal<boolean>;
|
|
36
|
+
/**
|
|
37
|
+
* Whether the field is disabled
|
|
38
|
+
*/
|
|
39
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
40
|
+
/**
|
|
41
|
+
* Size variant of the select
|
|
42
|
+
*/
|
|
43
|
+
size: _angular_core.InputSignal<SelectSize>;
|
|
44
|
+
/**
|
|
45
|
+
* Validation status of the select
|
|
46
|
+
*/
|
|
47
|
+
status: _angular_core.InputSignal<SelectStatus>;
|
|
48
|
+
/**
|
|
49
|
+
* Controls whether options display the full state name or only the two-letter abbreviation
|
|
50
|
+
*/
|
|
51
|
+
displayMode: _angular_core.InputSignal<StateDisplayMode>;
|
|
52
|
+
/**
|
|
53
|
+
* Two-way binding for the current selected state value (two-letter code)
|
|
54
|
+
*/
|
|
55
|
+
value: _angular_core.ModelSignal<string>;
|
|
56
|
+
/**
|
|
57
|
+
* Emitted when the user selects a state
|
|
58
|
+
*/
|
|
59
|
+
selected: _angular_core.OutputEmitterRef<SelectSelectedEvent>;
|
|
60
|
+
states: _angular_core.Signal<BrazilianState[]>;
|
|
61
|
+
private onChange;
|
|
62
|
+
private onTouched;
|
|
63
|
+
handleSelected(event: SelectSelectedEvent): void;
|
|
64
|
+
writeValue(value: string): void;
|
|
65
|
+
registerOnChange(fn: (value: string) => void): void;
|
|
66
|
+
registerOnTouched(fn: () => void): void;
|
|
67
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraSelectStateComponent, never>;
|
|
68
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraSelectStateComponent, "cura-select-state", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "displayMode": { "alias": "displayMode"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "selected": "selected"; }, never, never, true, never>;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
export { CuraSelectStateComponent };
|
|
72
|
+
export type { BrazilianState, StateDisplayMode };
|
|
@@ -0,0 +1,112 @@
|
|
|
1
|
+
import * as _angular_core from '@angular/core';
|
|
2
|
+
import { ControlValueAccessor } from '@angular/forms';
|
|
3
|
+
import { LabelSize } from '@rededor/site-front-end-lib/cura/forms';
|
|
4
|
+
|
|
5
|
+
/**
|
|
6
|
+
* Size options for the textarea component
|
|
7
|
+
*/
|
|
8
|
+
type TextareaSize = 'small' | 'medium' | 'large';
|
|
9
|
+
/**
|
|
10
|
+
* Status options for the textarea component
|
|
11
|
+
*/
|
|
12
|
+
type TextareaStatus = 'success' | 'error' | 'default';
|
|
13
|
+
/**
|
|
14
|
+
* Resize behaviour options for the textarea component
|
|
15
|
+
*/
|
|
16
|
+
type TextareaResize = 'none' | 'both' | 'horizontal' | 'vertical';
|
|
17
|
+
/**
|
|
18
|
+
* Event payload emitted when the textarea value changes
|
|
19
|
+
*/
|
|
20
|
+
interface TextareaValueChangeEvent {
|
|
21
|
+
/**
|
|
22
|
+
* The new value of the textarea
|
|
23
|
+
*/
|
|
24
|
+
value: string;
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
declare class CuraTextareaComponent implements ControlValueAccessor {
|
|
28
|
+
private curaApi;
|
|
29
|
+
/**
|
|
30
|
+
* Status of the textarea component
|
|
31
|
+
*/
|
|
32
|
+
status: _angular_core.InputSignal<TextareaStatus>;
|
|
33
|
+
/**
|
|
34
|
+
* Size of the textarea component
|
|
35
|
+
*/
|
|
36
|
+
size: _angular_core.InputSignal<TextareaSize>;
|
|
37
|
+
/**
|
|
38
|
+
* Label text for the textarea
|
|
39
|
+
*/
|
|
40
|
+
label: _angular_core.InputSignal<string>;
|
|
41
|
+
/**
|
|
42
|
+
* Name attribute for the textarea
|
|
43
|
+
*/
|
|
44
|
+
name: _angular_core.InputSignal<string>;
|
|
45
|
+
/**
|
|
46
|
+
* Placeholder text for the textarea
|
|
47
|
+
*/
|
|
48
|
+
placeholder: _angular_core.InputSignal<string | null>;
|
|
49
|
+
/**
|
|
50
|
+
* Current value of the textarea
|
|
51
|
+
*/
|
|
52
|
+
value: _angular_core.ModelSignal<string>;
|
|
53
|
+
/**
|
|
54
|
+
* Whether the textarea is disabled
|
|
55
|
+
*/
|
|
56
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
57
|
+
/**
|
|
58
|
+
* Whether the textarea is required
|
|
59
|
+
*/
|
|
60
|
+
required: _angular_core.InputSignal<boolean>;
|
|
61
|
+
/**
|
|
62
|
+
* Whether the textarea is read-only
|
|
63
|
+
*/
|
|
64
|
+
readOnly: _angular_core.InputSignal<boolean>;
|
|
65
|
+
/**
|
|
66
|
+
* Maximum length of the textarea value
|
|
67
|
+
*/
|
|
68
|
+
maxlength: _angular_core.InputSignal<number | undefined>;
|
|
69
|
+
/**
|
|
70
|
+
* Number of visible text rows
|
|
71
|
+
*/
|
|
72
|
+
rows: _angular_core.InputSignal<number>;
|
|
73
|
+
/**
|
|
74
|
+
* Resize behaviour of the textarea
|
|
75
|
+
*/
|
|
76
|
+
resize: _angular_core.InputSignal<TextareaResize>;
|
|
77
|
+
/**
|
|
78
|
+
* Event emitted when the value changes
|
|
79
|
+
*/
|
|
80
|
+
valueChange: _angular_core.OutputEmitterRef<TextareaValueChangeEvent>;
|
|
81
|
+
private isHovered;
|
|
82
|
+
private isFocused;
|
|
83
|
+
private onChange;
|
|
84
|
+
private onTouched;
|
|
85
|
+
writeValue(value: string): void;
|
|
86
|
+
registerOnChange(fn: (value: string) => void): void;
|
|
87
|
+
registerOnTouched(fn: () => void): void;
|
|
88
|
+
styles: _angular_core.Signal<{
|
|
89
|
+
[key: string]: string;
|
|
90
|
+
}>;
|
|
91
|
+
classes: _angular_core.Signal<{
|
|
92
|
+
[x: string]: boolean;
|
|
93
|
+
disabled: boolean;
|
|
94
|
+
isFocused: boolean;
|
|
95
|
+
isHovered: boolean;
|
|
96
|
+
}>;
|
|
97
|
+
labelColor: _angular_core.Signal<"neutral-medium" | "neutral-black" | "neutral-dark">;
|
|
98
|
+
helperText: _angular_core.Signal<{
|
|
99
|
+
size: LabelSize;
|
|
100
|
+
color: string;
|
|
101
|
+
}>;
|
|
102
|
+
handleMouseEnter(): void;
|
|
103
|
+
handleMouseLeave(): void;
|
|
104
|
+
handleFocus(): void;
|
|
105
|
+
handleBlur(): void;
|
|
106
|
+
handleInputChange(event: Event): void;
|
|
107
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraTextareaComponent, never>;
|
|
108
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraTextareaComponent, "cura-textarea", never, { "status": { "alias": "status"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "maxlength": { "alias": "maxlength"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "valueChange": "valueChange"; }, never, ["*"], true, never>;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
export { CuraTextareaComponent };
|
|
112
|
+
export type { TextareaResize, TextareaSize, TextareaStatus, TextareaValueChangeEvent };
|
|
@@ -89,10 +89,10 @@ class AlgoliaDropdownComponent {
|
|
|
89
89
|
optionSelect(event) {
|
|
90
90
|
this.optionSelected.emit(event.target.value);
|
|
91
91
|
}
|
|
92
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
93
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.
|
|
92
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AlgoliaDropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
93
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.18", type: AlgoliaDropdownComponent, isStandalone: true, selector: "rdsite-algolia-dropdown", inputs: { algoliaConfig: { classPropertyName: "algoliaConfig", publicName: "algoliaConfig", isSignal: false, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: true, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: true, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, maxheight: { classPropertyName: "maxheight", publicName: "maxheight", isSignal: true, isRequired: true, transformFunction: null }, searchdelay: { classPropertyName: "searchdelay", publicName: "searchdelay", isSignal: true, isRequired: true, transformFunction: null }, searchminchars: { classPropertyName: "searchminchars", publicName: "searchminchars", isSignal: true, isRequired: false, transformFunction: null }, helperText: { classPropertyName: "helperText", publicName: "helperText", isSignal: true, isRequired: true, transformFunction: null }, cssMaxHeight: { classPropertyName: "cssMaxHeight", publicName: "cssMaxHeight", isSignal: true, isRequired: true, transformFunction: null }, searchParams: { classPropertyName: "searchParams", publicName: "searchParams", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { algoliaResults: "algoliaResults", resetResults: "resetResults", optionSelected: "optionSelected" }, ngImport: i0, template: "<cura-dropdown-search\n [name]=\"name()\"\n [value]=\"value()\"\n [placeholder]=\"placeholder()\"\n [label]=\"label()\"\n [status]=\"status()\"\n [icon]=\"icon()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [maxheight]=\"maxheight()\"\n [searchdelay]=\"searchdelay()\"\n [searchminchars]=\"searchminchars()\"\n [helperText]=\"helperText()\"\n [cssMaxHeight]=\"cssMaxHeight()\"\n (termchange)=\"termChange($event)\"\n (optionselect)=\"optionSelect($event)\"\n>\n <ng-content></ng-content>\n</cura-dropdown-search>\n", styles: [""] }); }
|
|
94
94
|
}
|
|
95
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
95
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AlgoliaDropdownComponent, decorators: [{
|
|
96
96
|
type: Component,
|
|
97
97
|
args: [{ selector: 'rdsite-algolia-dropdown', imports: [], schemas: [CUSTOM_ELEMENTS_SCHEMA], template: "<cura-dropdown-search\n [name]=\"name()\"\n [value]=\"value()\"\n [placeholder]=\"placeholder()\"\n [label]=\"label()\"\n [status]=\"status()\"\n [icon]=\"icon()\"\n [disabled]=\"disabled()\"\n [required]=\"required()\"\n [maxheight]=\"maxheight()\"\n [searchdelay]=\"searchdelay()\"\n [searchminchars]=\"searchminchars()\"\n [helperText]=\"helperText()\"\n [cssMaxHeight]=\"cssMaxHeight()\"\n (termchange)=\"termChange($event)\"\n (optionselect)=\"optionSelect($event)\"\n>\n <ng-content></ng-content>\n</cura-dropdown-search>\n" }]
|
|
98
98
|
}], propDecorators: { algoliaConfig: [{
|
|
@@ -74,10 +74,10 @@ 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.18", ngImport: i0, type: AlgoliaSearchResultItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
78
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", 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.18", ngImport: i0, type: AlgoliaSearchResultItemComponent, decorators: [{
|
|
81
81
|
type: Component,
|
|
82
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: [{
|
|
@@ -148,19 +148,19 @@ 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.18", ngImport: i0, type: AlgoliaSearchResultsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
152
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.18", 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.18", ngImport: i0, type: AlgoliaSearchResultsComponent, decorators: [{
|
|
155
155
|
type: Component,
|
|
156
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.18", ngImport: i0, type: AlgoliaSearchTooltipComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
161
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.18", 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.18", ngImport: i0, type: AlgoliaSearchTooltipComponent, decorators: [{
|
|
164
164
|
type: Component,
|
|
165
165
|
args: [{ selector: 'algolia-search-tooltip', imports: [], template: "<ng-content></ng-content>\n" }]
|
|
166
166
|
}] });
|
|
@@ -225,10 +225,10 @@ 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.18", ngImport: i0, type: AlgoliaSearchFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
229
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.18", 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.18", 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()',
|
|
@@ -575,10 +575,10 @@ class AlgoliaSearchComponent {
|
|
|
575
575
|
multipleIndexIsEmpty(results) {
|
|
576
576
|
return !results.some((result) => result.nbHits !== 0);
|
|
577
577
|
}
|
|
578
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
579
|
-
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)" }, properties: { "style.--font-family": "this.curaService.theme.fonts.getFamily()" } }, 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:var(--font-family)}.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 }); }
|
|
578
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AlgoliaSearchComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
579
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", 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)" }, properties: { "style.--font-family": "this.curaService.theme.fonts.getFamily()" } }, 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:var(--font-family)}.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 }); }
|
|
580
580
|
}
|
|
581
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
581
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: AlgoliaSearchComponent, decorators: [{
|
|
582
582
|
type: Component,
|
|
583
583
|
args: [{ selector: 'algolia-search', imports: [CommonModule, CuraIconComponent, CuraLabelComponent, AlgoliaSearchFieldComponent], encapsulation: ViewEncapsulation.None, host: {
|
|
584
584
|
'[style.--font-family]': 'this.curaService.theme.fonts.getFamily()',
|
|
@@ -25,10 +25,10 @@ class ContentBannerComponent {
|
|
|
25
25
|
onCtaClick(text, link) {
|
|
26
26
|
this.ctaClick.emit({ text, link });
|
|
27
27
|
}
|
|
28
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.
|
|
29
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.
|
|
28
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ContentBannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
29
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.18", type: ContentBannerComponent, isStandalone: true, selector: "rdsite-content-banner", inputs: { content: { classPropertyName: "content", publicName: "content", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { ctaClick: "ctaClick" }, host: { properties: { "style": "this.styleBinding" } }, ngImport: i0, template: "@if (content()?.title) {\n <cura-heading [level]=\"4\" weight=\"bold\" color=\"neutral-purewhite\" marginBlock=\"0\">\n {{ content()?.title }}\n </cura-heading>\n}\n\n@if (content()?.text) {\n <cura-paragraph color=\"neutral-purewhite\" marginBlock=\"0\">\n {{ content()?.text }}\n </cura-paragraph>\n}\n\n@if (content()?.info?.length) {\n <div class=\"info\" data-testid=\"_content-banner-info\">\n @for (item of content()?.info || []; track $index) {\n @if (item.text) {\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\n @if (item.icon) {\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n }\n {{ item.text }}\n </a>\n }\n }\n </div>\n}\n\n@if (content()?.cta?.text && content()?.cta?.link) {\n <cura-button\n rdsitelink\n (click)=\"onCtaClick(content()?.cta?.text || '', content()?.cta?.link || '')\"\n size=\"large\"\n type=\"button\"\n color=\"accent\"\n [iconName]=\"content()?.cta?.icon || ''\"\n [href]=\"content()!.cta.link\"\n target=\"_self\"\n >\n {{ content()?.cta?.text }}\n </cura-button>\n}\n\n@if (content()?.image) {\n <rdsite-image\n [imageDefaultSrc]=\"content()?.image.url\"\n [imageWebpSrc]=\"content()?.image?.webp_url\"\n [title]=\"content()?.image.title\"\n [alt]=\"content()?.image.alt\"\n >\n </rdsite-image>\n}\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: RdsiteLinkDirective, selector: "[rdsitelink]", inputs: ["anchorAdjustment", "anchorExtraAdjustment", "phonemodal"] }, { kind: "component", type: ImageComponent, selector: "rdsite-image", inputs: ["imageWebpSrc", "imageDefaultSrc", "imageSizes", "mimeType", "alt", "title", "loading"], outputs: ["imageDefaultSrcChange", "mimeTypeChange"] }, { kind: "component", type: CuraHeadingComponent, selector: "cura-heading", inputs: ["level", "size", "weight", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraParagraphComponent, selector: "cura-paragraph", inputs: ["size", "spotColor", "color", "marginBlock", "lineHeight", "textOverflow"] }, { kind: "component", type: CuraButtonComponent, selector: "cura-button", inputs: ["type", "size", "disabled", "isLoading", "iconName", "iconset", "iconPosition", "iconOnly", "href", "target", "color", "background", "fontColor", "textAlign", "justify", "ariaLabel"], outputs: ["buttonClick"] }, { kind: "component", type: CuraIconComponent, selector: "cura-icon", inputs: ["name", "color", "size", "iconset", "disabled"] }] }); }
|
|
30
30
|
}
|
|
31
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: ContentBannerComponent, decorators: [{
|
|
32
32
|
type: Component,
|
|
33
33
|
args: [{ selector: 'rdsite-content-banner', imports: [CommonModule, RdsiteLinkDirective, ImageComponent, CuraHeadingComponent, CuraParagraphComponent, CuraButtonComponent, CuraIconComponent], template: "@if (content()?.title) {\n <cura-heading [level]=\"4\" weight=\"bold\" color=\"neutral-purewhite\" marginBlock=\"0\">\n {{ content()?.title }}\n </cura-heading>\n}\n\n@if (content()?.text) {\n <cura-paragraph color=\"neutral-purewhite\" marginBlock=\"0\">\n {{ content()?.text }}\n </cura-paragraph>\n}\n\n@if (content()?.info?.length) {\n <div class=\"info\" data-testid=\"_content-banner-info\">\n @for (item of content()?.info || []; track $index) {\n @if (item.text) {\n <a [ngClass]=\"{ disabled: !item.link }\" rdsitelink [href]=\"item.link || ''\">\n @if (item.icon) {\n <cura-icon [name]=\"item.icon\" size=\"16\" color=\"neutral-purewhite\"></cura-icon>\n }\n {{ item.text }}\n </a>\n }\n }\n </div>\n}\n\n@if (content()?.cta?.text && content()?.cta?.link) {\n <cura-button\n rdsitelink\n (click)=\"onCtaClick(content()?.cta?.text || '', content()?.cta?.link || '')\"\n size=\"large\"\n type=\"button\"\n color=\"accent\"\n [iconName]=\"content()?.cta?.icon || ''\"\n [href]=\"content()!.cta.link\"\n target=\"_self\"\n >\n {{ content()?.cta?.text }}\n </cura-button>\n}\n\n@if (content()?.image) {\n <rdsite-image\n [imageDefaultSrc]=\"content()?.image.url\"\n [imageWebpSrc]=\"content()?.image?.webp_url\"\n [title]=\"content()?.image.title\"\n [alt]=\"content()?.image.alt\"\n >\n </rdsite-image>\n}\n", styles: [":host{position:relative;z-index:0;display:block;width:100%;height:auto;padding:32px 56px 96px;margin-bottom:30px;border-radius:4px;background:linear-gradient(90deg,#004186 7.78%,#1163a1 40.08%,#2791c6 76.03%,#36b1df 95.14%)}:host cura-heading{position:relative;z-index:2;margin-bottom:8px}:host cura-paragraph{position:relative;z-index:2;margin-bottom:20px}:host .info{position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:20px}:host .info>a{display:flex;justify-content:flex-start;align-items:center;gap:8px;width:fit-content;min-height:34px;color:var(--neutral-purewhite);font-size:12px;font-weight:500;line-height:13px;letter-spacing:.72px;padding:4px 20px;border-radius:20px;background:var(--color-one-lighter);text-decoration:none}:host .info>a.disabled{pointer-events:none}:host .info>a cura-icon{display:flex;justify-content:center;align-items:center;width:20px;height:20px;border:1.5px solid var(--neutral-purewhite);border-radius:50%}:host cura-button{position:relative;z-index:2;margin-top:30px}:host rdsite-image{position:absolute;z-index:1;bottom:0;right:40px;height:90%}:host rdsite-image ::ng-deep .rdsite-image{height:100%}:host rdsite-image ::ng-deep .rdsite-image img{height:100%}\n"] }]
|
|
34
34
|
}], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "content", required: false }] }], ctaClick: [{ type: i0.Output, args: ["ctaClick"] }], styleBinding: [{
|