@fluid-topics/ft-search-bar 0.2.7 → 0.2.10
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/build/ft-search-bar.css.js +6 -0
- package/build/ft-search-bar.d.ts +7 -3
- package/build/ft-search-bar.inline-styles.js +156 -116
- package/build/ft-search-bar.js +52 -21
- package/build/ft-search-bar.light.js +143 -103
- package/build/ft-search-bar.min.js +173 -133
- package/package.json +14 -13
|
@@ -5,6 +5,7 @@ import { FtInputLabelCssVariables } from "@fluid-topics/ft-input-label";
|
|
|
5
5
|
import { FtSelectCssVariables } from "@fluid-topics/ft-select";
|
|
6
6
|
import { FtSnapScrollCssVariables } from "@fluid-topics/ft-snap-scroll";
|
|
7
7
|
import { FtChipCssVariables } from "@fluid-topics/ft-chip";
|
|
8
|
+
import { FtSkeletonCssVariables } from "@fluid-topics/ft-skeleton";
|
|
8
9
|
export const FtSearchBarCssVariables = {
|
|
9
10
|
height: FtCssVariable.create("--ft-search-bar-height", "SIZE", "38px"),
|
|
10
11
|
borderRadius: FtCssVariable.extend("--ft-search-bar-border-radius", designSystemVariables.borderRadiusS),
|
|
@@ -64,6 +65,11 @@ export const searchBarCss = css `
|
|
|
64
65
|
border-radius: ${FtSearchBarCssVariables.borderRadius};
|
|
65
66
|
}
|
|
66
67
|
|
|
68
|
+
.ft-search-bar--skeleton {
|
|
69
|
+
${setVariable(FtSkeletonCssVariables.height, FtSearchBarCssVariables.height)};
|
|
70
|
+
${setVariable(FtSkeletonCssVariables.borderRadiusM, FtSearchBarCssVariables.borderRadius)};
|
|
71
|
+
}
|
|
72
|
+
|
|
67
73
|
.ft-search-bar--floating-panel-open .ft-search-bar {
|
|
68
74
|
border-radius: ${FtSearchBarCssVariables.borderRadius} ${FtSearchBarCssVariables.borderRadius} 0 0;
|
|
69
75
|
}
|
package/build/ft-search-bar.d.ts
CHANGED
|
@@ -51,19 +51,21 @@ export declare class FtSearchBar extends FtLitElement implements FtSearchBarProp
|
|
|
51
51
|
apiIntegrationIdentifier: string;
|
|
52
52
|
contentLocale?: string;
|
|
53
53
|
private availableContentLocales;
|
|
54
|
+
private availableContentLocalesInitialized;
|
|
54
55
|
uiLocale?: string;
|
|
55
56
|
labels: FtSearchBarLabels;
|
|
56
57
|
private labelResolver;
|
|
57
58
|
displayedFilters: Array<string>;
|
|
58
|
-
presets
|
|
59
|
-
priors: Array<FtSearchPrior>;
|
|
59
|
+
presets?: Array<FtSearchPreset>;
|
|
60
60
|
selectedPreset?: string;
|
|
61
|
+
priors?: Array<FtSearchPrior>;
|
|
61
62
|
searchRequestSerializer: (request: FtSearchRequest) => string;
|
|
62
63
|
private searchFilters;
|
|
63
64
|
private sizeCategory;
|
|
64
65
|
private displayFacets;
|
|
65
66
|
private mobileMenuOpen;
|
|
66
67
|
private facets;
|
|
68
|
+
private facetsInitialized;
|
|
67
69
|
private knownFacetLabels;
|
|
68
70
|
private container?;
|
|
69
71
|
private filtersOpener?;
|
|
@@ -88,10 +90,12 @@ export declare class FtSearchBar extends FtLitElement implements FtSearchBarProp
|
|
|
88
90
|
private get isMobile();
|
|
89
91
|
private get hasFacets();
|
|
90
92
|
private get hasPresets();
|
|
93
|
+
private get hasPriors();
|
|
91
94
|
private get hasLocaleSelector();
|
|
92
95
|
focus(): void;
|
|
93
96
|
clear(): void;
|
|
94
97
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
98
|
+
protected renderSearchBar(): import("lit-html").TemplateResult<1>;
|
|
95
99
|
private renderMobileSearchBar;
|
|
96
100
|
private renderMobileSearchBarButtons;
|
|
97
101
|
private renderMobileFacets;
|
|
@@ -107,9 +111,9 @@ export declare class FtSearchBar extends FtLitElement implements FtSearchBarProp
|
|
|
107
111
|
private openMobileFilters;
|
|
108
112
|
protected firstUpdated(props: PropertyValues): Promise<void>;
|
|
109
113
|
protected update(props: PropertyValues): void;
|
|
114
|
+
private updateAvailableContentLocales;
|
|
110
115
|
protected contentAvailableCallback(props: PropertyValues): void;
|
|
111
116
|
private initApi;
|
|
112
|
-
private setApi;
|
|
113
117
|
private facetsLoaded;
|
|
114
118
|
private updateFacets;
|
|
115
119
|
private updateSuggestions;
|