@fluid-topics/ft-search-bar 0.2.9 → 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 +4 -1
- package/build/ft-search-bar.inline-styles.js +152 -114
- package/build/ft-search-bar.js +42 -14
- package/build/ft-search-bar.light.js +167 -129
- package/build/ft-search-bar.min.js +169 -131
- 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,6 +51,7 @@ 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;
|
|
@@ -64,6 +65,7 @@ export declare class FtSearchBar extends FtLitElement implements FtSearchBarProp
|
|
|
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?;
|
|
@@ -93,6 +95,7 @@ export declare class FtSearchBar extends FtLitElement implements FtSearchBarProp
|
|
|
93
95
|
focus(): void;
|
|
94
96
|
clear(): void;
|
|
95
97
|
protected render(): import("lit-html").TemplateResult<1>;
|
|
98
|
+
protected renderSearchBar(): import("lit-html").TemplateResult<1>;
|
|
96
99
|
private renderMobileSearchBar;
|
|
97
100
|
private renderMobileSearchBarButtons;
|
|
98
101
|
private renderMobileFacets;
|
|
@@ -108,9 +111,9 @@ export declare class FtSearchBar extends FtLitElement implements FtSearchBarProp
|
|
|
108
111
|
private openMobileFilters;
|
|
109
112
|
protected firstUpdated(props: PropertyValues): Promise<void>;
|
|
110
113
|
protected update(props: PropertyValues): void;
|
|
114
|
+
private updateAvailableContentLocales;
|
|
111
115
|
protected contentAvailableCallback(props: PropertyValues): void;
|
|
112
116
|
private initApi;
|
|
113
|
-
private setApi;
|
|
114
117
|
private facetsLoaded;
|
|
115
118
|
private updateFacets;
|
|
116
119
|
private updateSuggestions;
|