@coveo/atomic 3.35.0-pre.c951c9bf6f → 3.35.0-pre.ce906cf5b7
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/dist/atomic/_atomic.esm.js +1 -1
- package/dist/atomic/atomic.esm.js.map +1 -1
- package/dist/atomic/components/_index.d.ts +0 -18
- package/dist/atomic/components/_index.js +0 -9
- package/dist/atomic/components/atomic-focus-trap2.js +1 -1
- package/dist/atomic/components/atomic-folded-result-list.js +4 -40
- package/dist/atomic/components/atomic-folded-result-list.js.map +1 -1
- package/dist/atomic/components/atomic-insight-folded-result-list.js +4 -40
- package/dist/atomic/components/atomic-insight-folded-result-list.js.map +1 -1
- package/dist/atomic/components/atomic-insight-result-action-bar.js +5 -1
- package/dist/atomic/components/atomic-insight-result-action-bar.js.map +1 -1
- package/dist/atomic/components/atomic-insight-result-children.js +4 -40
- package/dist/atomic/components/atomic-insight-result-children.js.map +1 -1
- package/dist/atomic/components/atomic-insight-result-list.js +4 -40
- package/dist/atomic/components/atomic-insight-result-list.js.map +1 -1
- package/dist/atomic/components/atomic-ipx-recs-list.js +4 -40
- package/dist/atomic/components/atomic-ipx-recs-list.js.map +1 -1
- package/dist/atomic/components/atomic-recs-interface.js +1 -1
- package/dist/atomic/components/atomic-recs-list.js +4 -40
- package/dist/atomic/components/atomic-recs-list.js.map +1 -1
- package/dist/atomic/components/atomic-refine-modal2.js +1 -1
- package/dist/atomic/components/atomic-result-children.js +4 -40
- package/dist/atomic/components/atomic-result-children.js.map +1 -1
- package/dist/atomic/components/atomic-result-list.js +4 -40
- package/dist/atomic/components/atomic-result-list.js.map +1 -1
- package/dist/atomic/components/atomic-result-placeholder2.js +1 -37
- package/dist/atomic/components/atomic-result-placeholder2.js.map +1 -1
- package/dist/atomic/components/atomic-smart-snippet-answer2.js +1 -1
- package/dist/atomic/components/components/search/atomic-result-section-actions/atomic-result-section-actions.js +25 -0
- package/dist/atomic/components/components/search/atomic-result-section-badges/atomic-result-section-badges.js +24 -0
- package/dist/atomic/components/components/search/atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js +25 -0
- package/dist/atomic/components/components/search/atomic-result-section-children/atomic-result-section-children.js +21 -0
- package/dist/atomic/components/components/search/atomic-result-section-emphasized/atomic-result-section-emphasized.js +23 -0
- package/dist/atomic/components/components/search/atomic-result-section-excerpt/atomic-result-section-excerpt.js +24 -0
- package/dist/atomic/components/components/search/atomic-result-section-title/atomic-result-section-title.js +24 -0
- package/dist/atomic/components/components/search/atomic-result-section-title-metadata/atomic-result-section-title-metadata.js +24 -0
- package/dist/atomic/components/components/search/atomic-result-section-visual/atomic-result-section-visual.js +29 -0
- package/dist/atomic/components/components/search/index.js +9 -0
- package/dist/atomic/components/components/search/lazy-index.js +9 -0
- package/dist/atomic/components/global/environment.js +1 -1
- package/dist/atomic/components/index.js.map +1 -1
- package/dist/atomic/components/item-layout-sections.js +1 -1
- package/dist/atomic/components/props-utils.js +1 -1
- package/dist/atomic/components/result-template-common.js +1 -1
- package/dist/atomic/components/utils.js +1 -1
- package/dist/atomic/{p-ac583254.entry.js → p-19290f82.entry.js} +2 -2
- package/dist/atomic/p-8641e3a9.entry.js +2 -0
- package/dist/atomic/p-8641e3a9.entry.js.map +1 -0
- package/dist/atomic/p-d63acdc6.entry.js +2 -0
- package/dist/atomic/p-d63acdc6.entry.js.map +1 -0
- package/dist/cjs/_loader.cjs.js +1 -1
- package/dist/cjs/atomic-insight-result-action-bar.cjs.entry.js +6 -3
- package/dist/cjs/atomic-insight-result-action-bar.cjs.entry.js.map +1 -1
- package/dist/cjs/atomic-recs-interface.cjs.entry.js +1 -1
- package/dist/cjs/{atomic-result-placeholder_8.cjs.entry.js → atomic-result-placeholder_2.cjs.entry.js} +1 -69
- package/dist/cjs/atomic-result-placeholder_2.cjs.entry.js.map +1 -0
- package/dist/cjs/atomic.cjs.js +1 -1
- package/dist/cjs/index-757bc886.js +2 -14
- package/dist/cjs/version.cjs.js +2 -2
- package/dist/esm/_loader.js +1 -1
- package/dist/esm/atomic-insight-result-action-bar.entry.js +5 -2
- package/dist/esm/atomic-insight-result-action-bar.entry.js.map +1 -1
- package/dist/esm/atomic-recs-interface.entry.js +1 -1
- package/dist/esm/{atomic-result-placeholder_8.entry.js → atomic-result-placeholder_2.entry.js} +3 -65
- package/dist/esm/atomic-result-placeholder_2.entry.js.map +1 -0
- package/dist/esm/atomic.js +1 -1
- package/dist/esm/index-3f35faca.js +2 -14
- package/dist/esm/version.js +2 -2
- package/dist/types/components/common/layout/item-layout-sections.d.ts +1 -1
- package/dist/types/components/search/{result-template-components/atomic-result-sections → atomic-result-section-actions}/atomic-result-section-actions.d.ts +9 -3
- package/dist/types/components/search/{result-template-components/atomic-result-sections → atomic-result-section-badges}/atomic-result-section-badges.d.ts +9 -3
- package/dist/types/components/search/{result-template-components/atomic-result-sections → atomic-result-section-bottom-metadata}/atomic-result-section-bottom-metadata.d.ts +9 -3
- package/dist/types/components/search/atomic-result-section-children/atomic-result-section-children.d.ts +16 -0
- package/dist/types/components/search/atomic-result-section-emphasized/atomic-result-section-emphasized.d.ts +18 -0
- package/dist/types/components/search/{result-template-components/atomic-result-sections → atomic-result-section-excerpt}/atomic-result-section-excerpt.d.ts +9 -3
- package/dist/types/components/search/{result-template-components/atomic-result-sections → atomic-result-section-title}/atomic-result-section-title.d.ts +9 -3
- package/dist/types/components/search/atomic-result-section-title-metadata/atomic-result-section-title-metadata.d.ts +19 -0
- package/dist/types/components/search/atomic-result-section-visual/atomic-result-section-visual.d.ts +26 -0
- package/dist/types/components/search/index.d.ts +9 -0
- package/dist/types/components.d.ts +0 -413
- package/docs/atomic-docs.json +1 -275
- package/package.json +5 -8
- package/dist/atomic/components/atomic-result-section-actions.d.ts +0 -11
- package/dist/atomic/components/atomic-result-section-actions.js +0 -8
- package/dist/atomic/components/atomic-result-section-actions.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-actions2.js +0 -30
- package/dist/atomic/components/atomic-result-section-actions2.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-badges.d.ts +0 -11
- package/dist/atomic/components/atomic-result-section-badges.js +0 -8
- package/dist/atomic/components/atomic-result-section-badges.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-badges2.js +0 -30
- package/dist/atomic/components/atomic-result-section-badges2.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-bottom-metadata.d.ts +0 -11
- package/dist/atomic/components/atomic-result-section-bottom-metadata.js +0 -8
- package/dist/atomic/components/atomic-result-section-bottom-metadata.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-bottom-metadata2.js +0 -30
- package/dist/atomic/components/atomic-result-section-bottom-metadata2.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-children.d.ts +0 -11
- package/dist/atomic/components/atomic-result-section-children.js +0 -33
- package/dist/atomic/components/atomic-result-section-children.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-emphasized.d.ts +0 -11
- package/dist/atomic/components/atomic-result-section-emphasized.js +0 -33
- package/dist/atomic/components/atomic-result-section-emphasized.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-excerpt.d.ts +0 -11
- package/dist/atomic/components/atomic-result-section-excerpt.js +0 -8
- package/dist/atomic/components/atomic-result-section-excerpt.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-excerpt2.js +0 -30
- package/dist/atomic/components/atomic-result-section-excerpt2.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-title-metadata.d.ts +0 -11
- package/dist/atomic/components/atomic-result-section-title-metadata.js +0 -33
- package/dist/atomic/components/atomic-result-section-title-metadata.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-title.d.ts +0 -11
- package/dist/atomic/components/atomic-result-section-title.js +0 -8
- package/dist/atomic/components/atomic-result-section-title.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-title2.js +0 -30
- package/dist/atomic/components/atomic-result-section-title2.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-visual.d.ts +0 -11
- package/dist/atomic/components/atomic-result-section-visual.js +0 -8
- package/dist/atomic/components/atomic-result-section-visual.js.map +0 -1
- package/dist/atomic/components/atomic-result-section-visual2.js +0 -33
- package/dist/atomic/components/atomic-result-section-visual2.js.map +0 -1
- package/dist/atomic/components/item-section-utils.js +0 -9
- package/dist/atomic/components/item-section-utils.js.map +0 -1
- package/dist/atomic/p-36e2c945.entry.js +0 -2
- package/dist/atomic/p-36e2c945.entry.js.map +0 -1
- package/dist/atomic/p-463336ca.entry.js +0 -2
- package/dist/atomic/p-463336ca.entry.js.map +0 -1
- package/dist/atomic/p-55c41e00.entry.js +0 -2
- package/dist/atomic/p-55c41e00.entry.js.map +0 -1
- package/dist/atomic/p-5d0fc7e2.js +0 -2
- package/dist/atomic/p-5d0fc7e2.js.map +0 -1
- package/dist/atomic/p-7fd58269.entry.js +0 -2
- package/dist/atomic/p-7fd58269.entry.js.map +0 -1
- package/dist/atomic/p-d1fbb20a.entry.js +0 -2
- package/dist/atomic/p-d1fbb20a.entry.js.map +0 -1
- package/dist/cjs/atomic-result-placeholder_8.cjs.entry.js.map +0 -1
- package/dist/cjs/atomic-result-section-children.cjs.entry.js +0 -23
- package/dist/cjs/atomic-result-section-children.cjs.entry.js.map +0 -1
- package/dist/cjs/atomic-result-section-emphasized.cjs.entry.js +0 -23
- package/dist/cjs/atomic-result-section-emphasized.cjs.entry.js.map +0 -1
- package/dist/cjs/atomic-result-section-title-metadata.cjs.entry.js +0 -23
- package/dist/cjs/atomic-result-section-title-metadata.cjs.entry.js.map +0 -1
- package/dist/cjs/item-section-utils-37848715.js +0 -11
- package/dist/cjs/item-section-utils-37848715.js.map +0 -1
- package/dist/esm/atomic-result-placeholder_8.entry.js.map +0 -1
- package/dist/esm/atomic-result-section-children.entry.js +0 -19
- package/dist/esm/atomic-result-section-children.entry.js.map +0 -1
- package/dist/esm/atomic-result-section-emphasized.entry.js +0 -19
- package/dist/esm/atomic-result-section-emphasized.entry.js.map +0 -1
- package/dist/esm/atomic-result-section-title-metadata.entry.js +0 -19
- package/dist/esm/atomic-result-section-title-metadata.entry.js.map +0 -1
- package/dist/esm/item-section-utils-d8aa24b7.js +0 -9
- package/dist/esm/item-section-utils-d8aa24b7.js.map +0 -1
- package/dist/types/components/search/result-template-components/atomic-result-sections/atomic-result-section-children.d.ts +0 -10
- package/dist/types/components/search/result-template-components/atomic-result-sections/atomic-result-section-emphasized.d.ts +0 -12
- package/dist/types/components/search/result-template-components/atomic-result-sections/atomic-result-section-title-metadata.d.ts +0 -13
- package/dist/types/components/search/result-template-components/atomic-result-sections/atomic-result-section-visual.d.ts +0 -20
- /package/dist/atomic/{p-ac583254.entry.js.map → p-19290f82.entry.js.map} +0 -0
@@ -1,3 +1,5 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
declare const AtomicResultSectionBadges_base: typeof LitElement;
|
1
3
|
/**
|
2
4
|
* This section provides badges that highlight special features of the item.
|
3
5
|
*
|
@@ -7,7 +9,11 @@
|
|
7
9
|
* * Is a wrapping flexbox with a gap.
|
8
10
|
* * May appear over, next to, or beneath the visual section.
|
9
11
|
*/
|
10
|
-
export declare class AtomicResultSectionBadges {
|
11
|
-
private host;
|
12
|
-
componentDidRender(): void;
|
12
|
+
export declare class AtomicResultSectionBadges extends AtomicResultSectionBadges_base {
|
13
13
|
}
|
14
|
+
declare global {
|
15
|
+
interface HTMLElementTagNameMap {
|
16
|
+
'atomic-result-section-badges': AtomicResultSectionBadges;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
export {};
|
@@ -1,3 +1,5 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
declare const AtomicResultSectionBottomMetadata_base: typeof LitElement;
|
1
3
|
/**
|
2
4
|
* This section displays additional descriptive information about the item.
|
3
5
|
*
|
@@ -8,7 +10,11 @@
|
|
8
10
|
* * Has a defined CSS `color` property for text.
|
9
11
|
* * Has a font weight.
|
10
12
|
*/
|
11
|
-
export declare class AtomicResultSectionBottomMetadata {
|
12
|
-
private host;
|
13
|
-
componentDidRender(): void;
|
13
|
+
export declare class AtomicResultSectionBottomMetadata extends AtomicResultSectionBottomMetadata_base {
|
14
14
|
}
|
15
|
+
declare global {
|
16
|
+
interface HTMLElementTagNameMap {
|
17
|
+
'atomic-result-section-bottom-metadata': AtomicResultSectionBottomMetadata;
|
18
|
+
}
|
19
|
+
}
|
20
|
+
export {};
|
@@ -0,0 +1,16 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
declare const AtomicResultSectionChildren_base: typeof LitElement;
|
3
|
+
/**
|
4
|
+
* This section displays the folded results, available when using the <atomic-result-children> component.
|
5
|
+
*
|
6
|
+
* Behavior:
|
7
|
+
* * Shows children at the bottom of the result, indented and wrapped in a border.
|
8
|
+
*/
|
9
|
+
export declare class AtomicResultSectionChildren extends AtomicResultSectionChildren_base {
|
10
|
+
}
|
11
|
+
declare global {
|
12
|
+
interface HTMLElementTagNameMap {
|
13
|
+
'atomic-result-section-children': AtomicResultSectionChildren;
|
14
|
+
}
|
15
|
+
}
|
16
|
+
export {};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
declare const AtomicResultSectionEmphasized_base: typeof LitElement;
|
3
|
+
/**
|
4
|
+
* This section displays the field that's important for its search criteria.
|
5
|
+
* For example, in Commerce, a product's cost is often more important than the title itself.
|
6
|
+
*
|
7
|
+
* Behavior:
|
8
|
+
* * Has a very large font size.
|
9
|
+
* * Is the second closest element beneath the title section.
|
10
|
+
*/
|
11
|
+
export declare class AtomicResultSectionEmphasized extends AtomicResultSectionEmphasized_base {
|
12
|
+
}
|
13
|
+
declare global {
|
14
|
+
interface HTMLElementTagNameMap {
|
15
|
+
'atomic-result-section-emphasized': AtomicResultSectionEmphasized;
|
16
|
+
}
|
17
|
+
}
|
18
|
+
export {};
|
@@ -1,3 +1,5 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
declare const AtomicResultSectionExcerpt_base: typeof LitElement;
|
1
3
|
/**
|
2
4
|
* This section contains an informative summary of the item's content.
|
3
5
|
*
|
@@ -7,7 +9,11 @@
|
|
7
9
|
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
8
10
|
* * Has a defined CSS `color` property for text.
|
9
11
|
*/
|
10
|
-
export declare class AtomicResultSectionExcerpt {
|
11
|
-
private host;
|
12
|
-
componentDidRender(): void;
|
12
|
+
export declare class AtomicResultSectionExcerpt extends AtomicResultSectionExcerpt_base {
|
13
13
|
}
|
14
|
+
declare global {
|
15
|
+
interface HTMLElementTagNameMap {
|
16
|
+
'atomic-result-section-excerpt': AtomicResultSectionExcerpt;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
export {};
|
@@ -1,3 +1,5 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
declare const AtomicResultSectionTitle_base: typeof LitElement;
|
1
3
|
/**
|
2
4
|
* This section identifies the item by its name, and its main use is to make the result list scannable.
|
3
5
|
* This is usually the page title.
|
@@ -7,7 +9,11 @@
|
|
7
9
|
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
8
10
|
* * Has a defined CSS `color` property for text.
|
9
11
|
*/
|
10
|
-
export declare class AtomicResultSectionTitle {
|
11
|
-
private host;
|
12
|
-
componentDidRender(): void;
|
12
|
+
export declare class AtomicResultSectionTitle extends AtomicResultSectionTitle_base {
|
13
13
|
}
|
14
|
+
declare global {
|
15
|
+
interface HTMLElementTagNameMap {
|
16
|
+
'atomic-result-section-title': AtomicResultSectionTitle;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
export {};
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
declare const AtomicResultSectionTitleMetadata_base: typeof LitElement;
|
3
|
+
/**
|
4
|
+
* This section surfaces some fields that are directly related to the title of the item.
|
5
|
+
* For example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,
|
6
|
+
* rather than to the product's description.
|
7
|
+
*
|
8
|
+
* Behavior:
|
9
|
+
* * Has a very small font size.
|
10
|
+
* * Is the closest element beneath the title section.
|
11
|
+
*/
|
12
|
+
export declare class AtomicResultSectionTitleMetadata extends AtomicResultSectionTitleMetadata_base {
|
13
|
+
}
|
14
|
+
declare global {
|
15
|
+
interface HTMLElementTagNameMap {
|
16
|
+
'atomic-result-section-title-metadata': AtomicResultSectionTitleMetadata;
|
17
|
+
}
|
18
|
+
}
|
19
|
+
export {};
|
package/dist/types/components/search/atomic-result-section-visual/atomic-result-section-visual.d.ts
ADDED
@@ -0,0 +1,26 @@
|
|
1
|
+
import { LitElement } from 'lit';
|
2
|
+
import type { ItemDisplayImageSize } from "../../common/layout/display-options";
|
3
|
+
declare const AtomicResultSectionVisual_base: typeof LitElement;
|
4
|
+
/**
|
5
|
+
* This section provides visual information about the item.
|
6
|
+
* For example, in Commerce, an image is a great shorthand for a result category.
|
7
|
+
* An icon can quickly show the item type, or an avatar can help identify to whom it is related.
|
8
|
+
*
|
9
|
+
* Behavior:
|
10
|
+
* * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.
|
11
|
+
* ** When the image size is set to `icon`, this section stays very small.
|
12
|
+
* ** You should ensure that elements inside of it take the available space.
|
13
|
+
* * Always has a 1:1 aspect ratio.
|
14
|
+
*/
|
15
|
+
export declare class AtomicResultSectionVisual extends AtomicResultSectionVisual_base {
|
16
|
+
/**
|
17
|
+
* How large or small the visual section of result using this template should be.
|
18
|
+
*/
|
19
|
+
imageSize?: Omit<ItemDisplayImageSize, 'icon'>;
|
20
|
+
}
|
21
|
+
declare global {
|
22
|
+
interface HTMLElementTagNameMap {
|
23
|
+
'atomic-result-section-visual': AtomicResultSectionVisual;
|
24
|
+
}
|
25
|
+
}
|
26
|
+
export {};
|
@@ -1,6 +1,15 @@
|
|
1
1
|
export { AtomicPager } from './atomic-pager/atomic-pager.js';
|
2
2
|
export { AtomicQuerySummary } from './atomic-query-summary/atomic-query-summary.js';
|
3
3
|
export { AtomicRelevanceInspector } from './atomic-relevance-inspector/atomic-relevance-inspector.js';
|
4
|
+
export { AtomicResultSectionActions } from './atomic-result-section-actions/atomic-result-section-actions.js';
|
5
|
+
export { AtomicResultSectionBadges } from './atomic-result-section-badges/atomic-result-section-badges.js';
|
6
|
+
export { AtomicResultSectionBottomMetadata } from './atomic-result-section-bottom-metadata/atomic-result-section-bottom-metadata.js';
|
7
|
+
export { AtomicResultSectionChildren } from './atomic-result-section-children/atomic-result-section-children.js';
|
8
|
+
export { AtomicResultSectionEmphasized } from './atomic-result-section-emphasized/atomic-result-section-emphasized.js';
|
9
|
+
export { AtomicResultSectionExcerpt } from './atomic-result-section-excerpt/atomic-result-section-excerpt.js';
|
10
|
+
export { AtomicResultSectionTitle } from './atomic-result-section-title/atomic-result-section-title.js';
|
11
|
+
export { AtomicResultSectionTitleMetadata } from './atomic-result-section-title-metadata/atomic-result-section-title-metadata.js';
|
12
|
+
export { AtomicResultSectionVisual } from './atomic-result-section-visual/atomic-result-section-visual.js';
|
4
13
|
export { AtomicResultsPerPage } from './atomic-results-per-page/atomic-results-per-page.js';
|
5
14
|
export { AtomicSearchBoxInstantResults } from './atomic-search-box-instant-results/atomic-search-box-instant-results.js';
|
6
15
|
export { AtomicSearchBoxQuerySuggestions } from './atomic-search-box-query-suggestions/atomic-search-box-query-suggestions.js';
|
@@ -2091,100 +2091,6 @@ export namespace Components {
|
|
2091
2091
|
*/
|
2092
2092
|
"maxValueInIndex": number;
|
2093
2093
|
}
|
2094
|
-
/**
|
2095
|
-
* This section allows the information seeker to perform an action on an item without having to view its details.
|
2096
|
-
* For example, in Commerce you can add an item to the cart directly or add it to a wish list to view at a later time.
|
2097
|
-
* Behavior:
|
2098
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
2099
|
-
* ** You should ensure that elements inside of it have `height: var(--line-height)`.
|
2100
|
-
* * Is a wrapping flexbox with a gap.
|
2101
|
-
* * May appear over, next to, or beneath the visual section.
|
2102
|
-
*/
|
2103
|
-
interface AtomicResultSectionActions {
|
2104
|
-
}
|
2105
|
-
/**
|
2106
|
-
* This section provides badges that highlight special features of the item.
|
2107
|
-
* Behavior:
|
2108
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
2109
|
-
* ** You should ensure that elements inside of it have `height: var(--line-height)`.
|
2110
|
-
* * Is a wrapping flexbox with a gap.
|
2111
|
-
* * May appear over, next to, or beneath the visual section.
|
2112
|
-
*/
|
2113
|
-
interface AtomicResultSectionBadges {
|
2114
|
-
}
|
2115
|
-
/**
|
2116
|
-
* This section displays additional descriptive information about the item.
|
2117
|
-
* Behavior:
|
2118
|
-
* * Has a maximum height of two lines.
|
2119
|
-
* ** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.
|
2120
|
-
* * Exposes the `--line-height` variable so child elements can adjust to the current line height.
|
2121
|
-
* * Has a defined CSS `color` property for text.
|
2122
|
-
* * Has a font weight.
|
2123
|
-
*/
|
2124
|
-
interface AtomicResultSectionBottomMetadata {
|
2125
|
-
}
|
2126
|
-
/**
|
2127
|
-
* This section displays the folded results, available when using the <atomic-result-children> component.
|
2128
|
-
* Behavior:
|
2129
|
-
* * Shows children at the bottom of the result, indented and wrapped in a border.
|
2130
|
-
*/
|
2131
|
-
interface AtomicResultSectionChildren {
|
2132
|
-
}
|
2133
|
-
/**
|
2134
|
-
* This section displays the field that's important for its search criteria.
|
2135
|
-
* For example, in Commerce, a product's cost is often more important than the title itself.
|
2136
|
-
* Behavior:
|
2137
|
-
* * Has a very large font size.
|
2138
|
-
* * Is the second closest element beneath the title section.
|
2139
|
-
*/
|
2140
|
-
interface AtomicResultSectionEmphasized {
|
2141
|
-
}
|
2142
|
-
/**
|
2143
|
-
* This section contains an informative summary of the item's content.
|
2144
|
-
* Behavior:
|
2145
|
-
* * Has a fixed height of one to three lines, depending on the layout and density.
|
2146
|
-
* * Ellipses overflowing text.
|
2147
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
2148
|
-
* * Has a defined CSS `color` property for text.
|
2149
|
-
*/
|
2150
|
-
interface AtomicResultSectionExcerpt {
|
2151
|
-
}
|
2152
|
-
/**
|
2153
|
-
* This section identifies the item by its name, and its main use is to make the result list scannable.
|
2154
|
-
* This is usually the page title.
|
2155
|
-
* Behavior:
|
2156
|
-
* * Has a fixed height of two lines on grid layouts.
|
2157
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
2158
|
-
* * Has a defined CSS `color` property for text.
|
2159
|
-
*/
|
2160
|
-
interface AtomicResultSectionTitle {
|
2161
|
-
}
|
2162
|
-
/**
|
2163
|
-
* This section surfaces some fields that are directly related to the title of the item.
|
2164
|
-
* For example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,
|
2165
|
-
* rather than to the product's description.
|
2166
|
-
* Behavior:
|
2167
|
-
* * Has a very small font size.
|
2168
|
-
* * Is the closest element beneath the title section.
|
2169
|
-
*/
|
2170
|
-
interface AtomicResultSectionTitleMetadata {
|
2171
|
-
}
|
2172
|
-
/**
|
2173
|
-
* This section provides visual information about the item.
|
2174
|
-
* For example, in Commerce, an image is a great shorthand for a product category.
|
2175
|
-
* An icon can quickly show the item type, or an avatar can help identify to whom it is related.
|
2176
|
-
* Behavior:
|
2177
|
-
* * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.
|
2178
|
-
* ** When the image size is set to `icon`, this section stays very small.
|
2179
|
-
* ** You should ensure that elements inside of it take the available space.
|
2180
|
-
* * Always has a 1:1 aspect ratio.
|
2181
|
-
*/
|
2182
|
-
interface AtomicResultSectionVisual {
|
2183
|
-
/**
|
2184
|
-
* How large or small the visual section of results using this template should be.
|
2185
|
-
*/
|
2186
|
-
"imageSize"?: ItemDisplayImageSize;
|
2187
|
-
}
|
2188
2094
|
/**
|
2189
2095
|
* The `atomic-result-table-placeholder` component provides an intermediate visual state that is rendered before the first results are available.
|
2190
2096
|
*/
|
@@ -3713,132 +3619,6 @@ declare global {
|
|
3713
3619
|
prototype: HTMLAtomicResultRatingElement;
|
3714
3620
|
new (): HTMLAtomicResultRatingElement;
|
3715
3621
|
};
|
3716
|
-
/**
|
3717
|
-
* This section allows the information seeker to perform an action on an item without having to view its details.
|
3718
|
-
* For example, in Commerce you can add an item to the cart directly or add it to a wish list to view at a later time.
|
3719
|
-
* Behavior:
|
3720
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
3721
|
-
* ** You should ensure that elements inside of it have `height: var(--line-height)`.
|
3722
|
-
* * Is a wrapping flexbox with a gap.
|
3723
|
-
* * May appear over, next to, or beneath the visual section.
|
3724
|
-
*/
|
3725
|
-
interface HTMLAtomicResultSectionActionsElement extends Components.AtomicResultSectionActions, HTMLStencilElement {
|
3726
|
-
}
|
3727
|
-
var HTMLAtomicResultSectionActionsElement: {
|
3728
|
-
prototype: HTMLAtomicResultSectionActionsElement;
|
3729
|
-
new (): HTMLAtomicResultSectionActionsElement;
|
3730
|
-
};
|
3731
|
-
/**
|
3732
|
-
* This section provides badges that highlight special features of the item.
|
3733
|
-
* Behavior:
|
3734
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
3735
|
-
* ** You should ensure that elements inside of it have `height: var(--line-height)`.
|
3736
|
-
* * Is a wrapping flexbox with a gap.
|
3737
|
-
* * May appear over, next to, or beneath the visual section.
|
3738
|
-
*/
|
3739
|
-
interface HTMLAtomicResultSectionBadgesElement extends Components.AtomicResultSectionBadges, HTMLStencilElement {
|
3740
|
-
}
|
3741
|
-
var HTMLAtomicResultSectionBadgesElement: {
|
3742
|
-
prototype: HTMLAtomicResultSectionBadgesElement;
|
3743
|
-
new (): HTMLAtomicResultSectionBadgesElement;
|
3744
|
-
};
|
3745
|
-
/**
|
3746
|
-
* This section displays additional descriptive information about the item.
|
3747
|
-
* Behavior:
|
3748
|
-
* * Has a maximum height of two lines.
|
3749
|
-
* ** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.
|
3750
|
-
* * Exposes the `--line-height` variable so child elements can adjust to the current line height.
|
3751
|
-
* * Has a defined CSS `color` property for text.
|
3752
|
-
* * Has a font weight.
|
3753
|
-
*/
|
3754
|
-
interface HTMLAtomicResultSectionBottomMetadataElement extends Components.AtomicResultSectionBottomMetadata, HTMLStencilElement {
|
3755
|
-
}
|
3756
|
-
var HTMLAtomicResultSectionBottomMetadataElement: {
|
3757
|
-
prototype: HTMLAtomicResultSectionBottomMetadataElement;
|
3758
|
-
new (): HTMLAtomicResultSectionBottomMetadataElement;
|
3759
|
-
};
|
3760
|
-
/**
|
3761
|
-
* This section displays the folded results, available when using the <atomic-result-children> component.
|
3762
|
-
* Behavior:
|
3763
|
-
* * Shows children at the bottom of the result, indented and wrapped in a border.
|
3764
|
-
*/
|
3765
|
-
interface HTMLAtomicResultSectionChildrenElement extends Components.AtomicResultSectionChildren, HTMLStencilElement {
|
3766
|
-
}
|
3767
|
-
var HTMLAtomicResultSectionChildrenElement: {
|
3768
|
-
prototype: HTMLAtomicResultSectionChildrenElement;
|
3769
|
-
new (): HTMLAtomicResultSectionChildrenElement;
|
3770
|
-
};
|
3771
|
-
/**
|
3772
|
-
* This section displays the field that's important for its search criteria.
|
3773
|
-
* For example, in Commerce, a product's cost is often more important than the title itself.
|
3774
|
-
* Behavior:
|
3775
|
-
* * Has a very large font size.
|
3776
|
-
* * Is the second closest element beneath the title section.
|
3777
|
-
*/
|
3778
|
-
interface HTMLAtomicResultSectionEmphasizedElement extends Components.AtomicResultSectionEmphasized, HTMLStencilElement {
|
3779
|
-
}
|
3780
|
-
var HTMLAtomicResultSectionEmphasizedElement: {
|
3781
|
-
prototype: HTMLAtomicResultSectionEmphasizedElement;
|
3782
|
-
new (): HTMLAtomicResultSectionEmphasizedElement;
|
3783
|
-
};
|
3784
|
-
/**
|
3785
|
-
* This section contains an informative summary of the item's content.
|
3786
|
-
* Behavior:
|
3787
|
-
* * Has a fixed height of one to three lines, depending on the layout and density.
|
3788
|
-
* * Ellipses overflowing text.
|
3789
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
3790
|
-
* * Has a defined CSS `color` property for text.
|
3791
|
-
*/
|
3792
|
-
interface HTMLAtomicResultSectionExcerptElement extends Components.AtomicResultSectionExcerpt, HTMLStencilElement {
|
3793
|
-
}
|
3794
|
-
var HTMLAtomicResultSectionExcerptElement: {
|
3795
|
-
prototype: HTMLAtomicResultSectionExcerptElement;
|
3796
|
-
new (): HTMLAtomicResultSectionExcerptElement;
|
3797
|
-
};
|
3798
|
-
/**
|
3799
|
-
* This section identifies the item by its name, and its main use is to make the result list scannable.
|
3800
|
-
* This is usually the page title.
|
3801
|
-
* Behavior:
|
3802
|
-
* * Has a fixed height of two lines on grid layouts.
|
3803
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
3804
|
-
* * Has a defined CSS `color` property for text.
|
3805
|
-
*/
|
3806
|
-
interface HTMLAtomicResultSectionTitleElement extends Components.AtomicResultSectionTitle, HTMLStencilElement {
|
3807
|
-
}
|
3808
|
-
var HTMLAtomicResultSectionTitleElement: {
|
3809
|
-
prototype: HTMLAtomicResultSectionTitleElement;
|
3810
|
-
new (): HTMLAtomicResultSectionTitleElement;
|
3811
|
-
};
|
3812
|
-
/**
|
3813
|
-
* This section surfaces some fields that are directly related to the title of the item.
|
3814
|
-
* For example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,
|
3815
|
-
* rather than to the product's description.
|
3816
|
-
* Behavior:
|
3817
|
-
* * Has a very small font size.
|
3818
|
-
* * Is the closest element beneath the title section.
|
3819
|
-
*/
|
3820
|
-
interface HTMLAtomicResultSectionTitleMetadataElement extends Components.AtomicResultSectionTitleMetadata, HTMLStencilElement {
|
3821
|
-
}
|
3822
|
-
var HTMLAtomicResultSectionTitleMetadataElement: {
|
3823
|
-
prototype: HTMLAtomicResultSectionTitleMetadataElement;
|
3824
|
-
new (): HTMLAtomicResultSectionTitleMetadataElement;
|
3825
|
-
};
|
3826
|
-
/**
|
3827
|
-
* This section provides visual information about the item.
|
3828
|
-
* For example, in Commerce, an image is a great shorthand for a product category.
|
3829
|
-
* An icon can quickly show the item type, or an avatar can help identify to whom it is related.
|
3830
|
-
* Behavior:
|
3831
|
-
* * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.
|
3832
|
-
* ** When the image size is set to `icon`, this section stays very small.
|
3833
|
-
* ** You should ensure that elements inside of it take the available space.
|
3834
|
-
* * Always has a 1:1 aspect ratio.
|
3835
|
-
*/
|
3836
|
-
interface HTMLAtomicResultSectionVisualElement extends Components.AtomicResultSectionVisual, HTMLStencilElement {
|
3837
|
-
}
|
3838
|
-
var HTMLAtomicResultSectionVisualElement: {
|
3839
|
-
prototype: HTMLAtomicResultSectionVisualElement;
|
3840
|
-
new (): HTMLAtomicResultSectionVisualElement;
|
3841
|
-
};
|
3842
3622
|
/**
|
3843
3623
|
* The `atomic-result-table-placeholder` component provides an intermediate visual state that is rendered before the first results are available.
|
3844
3624
|
*/
|
@@ -4273,15 +4053,6 @@ declare global {
|
|
4273
4053
|
"atomic-result-placeholder": HTMLAtomicResultPlaceholderElement;
|
4274
4054
|
"atomic-result-printable-uri": HTMLAtomicResultPrintableUriElement;
|
4275
4055
|
"atomic-result-rating": HTMLAtomicResultRatingElement;
|
4276
|
-
"atomic-result-section-actions": HTMLAtomicResultSectionActionsElement;
|
4277
|
-
"atomic-result-section-badges": HTMLAtomicResultSectionBadgesElement;
|
4278
|
-
"atomic-result-section-bottom-metadata": HTMLAtomicResultSectionBottomMetadataElement;
|
4279
|
-
"atomic-result-section-children": HTMLAtomicResultSectionChildrenElement;
|
4280
|
-
"atomic-result-section-emphasized": HTMLAtomicResultSectionEmphasizedElement;
|
4281
|
-
"atomic-result-section-excerpt": HTMLAtomicResultSectionExcerptElement;
|
4282
|
-
"atomic-result-section-title": HTMLAtomicResultSectionTitleElement;
|
4283
|
-
"atomic-result-section-title-metadata": HTMLAtomicResultSectionTitleMetadataElement;
|
4284
|
-
"atomic-result-section-visual": HTMLAtomicResultSectionVisualElement;
|
4285
4056
|
"atomic-result-table-placeholder": HTMLAtomicResultTablePlaceholderElement;
|
4286
4057
|
"atomic-result-template": HTMLAtomicResultTemplateElement;
|
4287
4058
|
"atomic-result-text": HTMLAtomicResultTextElement;
|
@@ -6252,100 +6023,6 @@ declare namespace LocalJSX {
|
|
6252
6023
|
*/
|
6253
6024
|
"maxValueInIndex"?: number;
|
6254
6025
|
}
|
6255
|
-
/**
|
6256
|
-
* This section allows the information seeker to perform an action on an item without having to view its details.
|
6257
|
-
* For example, in Commerce you can add an item to the cart directly or add it to a wish list to view at a later time.
|
6258
|
-
* Behavior:
|
6259
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
6260
|
-
* ** You should ensure that elements inside of it have `height: var(--line-height)`.
|
6261
|
-
* * Is a wrapping flexbox with a gap.
|
6262
|
-
* * May appear over, next to, or beneath the visual section.
|
6263
|
-
*/
|
6264
|
-
interface AtomicResultSectionActions {
|
6265
|
-
}
|
6266
|
-
/**
|
6267
|
-
* This section provides badges that highlight special features of the item.
|
6268
|
-
* Behavior:
|
6269
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
6270
|
-
* ** You should ensure that elements inside of it have `height: var(--line-height)`.
|
6271
|
-
* * Is a wrapping flexbox with a gap.
|
6272
|
-
* * May appear over, next to, or beneath the visual section.
|
6273
|
-
*/
|
6274
|
-
interface AtomicResultSectionBadges {
|
6275
|
-
}
|
6276
|
-
/**
|
6277
|
-
* This section displays additional descriptive information about the item.
|
6278
|
-
* Behavior:
|
6279
|
-
* * Has a maximum height of two lines.
|
6280
|
-
* ** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.
|
6281
|
-
* * Exposes the `--line-height` variable so child elements can adjust to the current line height.
|
6282
|
-
* * Has a defined CSS `color` property for text.
|
6283
|
-
* * Has a font weight.
|
6284
|
-
*/
|
6285
|
-
interface AtomicResultSectionBottomMetadata {
|
6286
|
-
}
|
6287
|
-
/**
|
6288
|
-
* This section displays the folded results, available when using the <atomic-result-children> component.
|
6289
|
-
* Behavior:
|
6290
|
-
* * Shows children at the bottom of the result, indented and wrapped in a border.
|
6291
|
-
*/
|
6292
|
-
interface AtomicResultSectionChildren {
|
6293
|
-
}
|
6294
|
-
/**
|
6295
|
-
* This section displays the field that's important for its search criteria.
|
6296
|
-
* For example, in Commerce, a product's cost is often more important than the title itself.
|
6297
|
-
* Behavior:
|
6298
|
-
* * Has a very large font size.
|
6299
|
-
* * Is the second closest element beneath the title section.
|
6300
|
-
*/
|
6301
|
-
interface AtomicResultSectionEmphasized {
|
6302
|
-
}
|
6303
|
-
/**
|
6304
|
-
* This section contains an informative summary of the item's content.
|
6305
|
-
* Behavior:
|
6306
|
-
* * Has a fixed height of one to three lines, depending on the layout and density.
|
6307
|
-
* * Ellipses overflowing text.
|
6308
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
6309
|
-
* * Has a defined CSS `color` property for text.
|
6310
|
-
*/
|
6311
|
-
interface AtomicResultSectionExcerpt {
|
6312
|
-
}
|
6313
|
-
/**
|
6314
|
-
* This section identifies the item by its name, and its main use is to make the result list scannable.
|
6315
|
-
* This is usually the page title.
|
6316
|
-
* Behavior:
|
6317
|
-
* * Has a fixed height of two lines on grid layouts.
|
6318
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
6319
|
-
* * Has a defined CSS `color` property for text.
|
6320
|
-
*/
|
6321
|
-
interface AtomicResultSectionTitle {
|
6322
|
-
}
|
6323
|
-
/**
|
6324
|
-
* This section surfaces some fields that are directly related to the title of the item.
|
6325
|
-
* For example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,
|
6326
|
-
* rather than to the product's description.
|
6327
|
-
* Behavior:
|
6328
|
-
* * Has a very small font size.
|
6329
|
-
* * Is the closest element beneath the title section.
|
6330
|
-
*/
|
6331
|
-
interface AtomicResultSectionTitleMetadata {
|
6332
|
-
}
|
6333
|
-
/**
|
6334
|
-
* This section provides visual information about the item.
|
6335
|
-
* For example, in Commerce, an image is a great shorthand for a product category.
|
6336
|
-
* An icon can quickly show the item type, or an avatar can help identify to whom it is related.
|
6337
|
-
* Behavior:
|
6338
|
-
* * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.
|
6339
|
-
* ** When the image size is set to `icon`, this section stays very small.
|
6340
|
-
* ** You should ensure that elements inside of it take the available space.
|
6341
|
-
* * Always has a 1:1 aspect ratio.
|
6342
|
-
*/
|
6343
|
-
interface AtomicResultSectionVisual {
|
6344
|
-
/**
|
6345
|
-
* How large or small the visual section of results using this template should be.
|
6346
|
-
*/
|
6347
|
-
"imageSize"?: ItemDisplayImageSize;
|
6348
|
-
}
|
6349
6026
|
/**
|
6350
6027
|
* The `atomic-result-table-placeholder` component provides an intermediate visual state that is rendered before the first results are available.
|
6351
6028
|
*/
|
@@ -6943,15 +6620,6 @@ declare namespace LocalJSX {
|
|
6943
6620
|
"atomic-result-placeholder": AtomicResultPlaceholder;
|
6944
6621
|
"atomic-result-printable-uri": AtomicResultPrintableUri;
|
6945
6622
|
"atomic-result-rating": AtomicResultRating;
|
6946
|
-
"atomic-result-section-actions": AtomicResultSectionActions;
|
6947
|
-
"atomic-result-section-badges": AtomicResultSectionBadges;
|
6948
|
-
"atomic-result-section-bottom-metadata": AtomicResultSectionBottomMetadata;
|
6949
|
-
"atomic-result-section-children": AtomicResultSectionChildren;
|
6950
|
-
"atomic-result-section-emphasized": AtomicResultSectionEmphasized;
|
6951
|
-
"atomic-result-section-excerpt": AtomicResultSectionExcerpt;
|
6952
|
-
"atomic-result-section-title": AtomicResultSectionTitle;
|
6953
|
-
"atomic-result-section-title-metadata": AtomicResultSectionTitleMetadata;
|
6954
|
-
"atomic-result-section-visual": AtomicResultSectionVisual;
|
6955
6623
|
"atomic-result-table-placeholder": AtomicResultTablePlaceholder;
|
6956
6624
|
"atomic-result-template": AtomicResultTemplate;
|
6957
6625
|
"atomic-result-text": AtomicResultText;
|
@@ -7350,87 +7018,6 @@ declare module "@stencil/core" {
|
|
7350
7018
|
* The `atomic-result-rating` element renders a star rating.
|
7351
7019
|
*/
|
7352
7020
|
"atomic-result-rating": LocalJSX.AtomicResultRating & JSXBase.HTMLAttributes<HTMLAtomicResultRatingElement>;
|
7353
|
-
/**
|
7354
|
-
* This section allows the information seeker to perform an action on an item without having to view its details.
|
7355
|
-
* For example, in Commerce you can add an item to the cart directly or add it to a wish list to view at a later time.
|
7356
|
-
* Behavior:
|
7357
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
7358
|
-
* ** You should ensure that elements inside of it have `height: var(--line-height)`.
|
7359
|
-
* * Is a wrapping flexbox with a gap.
|
7360
|
-
* * May appear over, next to, or beneath the visual section.
|
7361
|
-
*/
|
7362
|
-
"atomic-result-section-actions": LocalJSX.AtomicResultSectionActions & JSXBase.HTMLAttributes<HTMLAtomicResultSectionActionsElement>;
|
7363
|
-
/**
|
7364
|
-
* This section provides badges that highlight special features of the item.
|
7365
|
-
* Behavior:
|
7366
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
7367
|
-
* ** You should ensure that elements inside of it have `height: var(--line-height)`.
|
7368
|
-
* * Is a wrapping flexbox with a gap.
|
7369
|
-
* * May appear over, next to, or beneath the visual section.
|
7370
|
-
*/
|
7371
|
-
"atomic-result-section-badges": LocalJSX.AtomicResultSectionBadges & JSXBase.HTMLAttributes<HTMLAtomicResultSectionBadgesElement>;
|
7372
|
-
/**
|
7373
|
-
* This section displays additional descriptive information about the item.
|
7374
|
-
* Behavior:
|
7375
|
-
* * Has a maximum height of two lines.
|
7376
|
-
* ** We recommend that you use `atomic-result-fields-list` to ensure that the fields in this section don’t overflow.
|
7377
|
-
* * Exposes the `--line-height` variable so child elements can adjust to the current line height.
|
7378
|
-
* * Has a defined CSS `color` property for text.
|
7379
|
-
* * Has a font weight.
|
7380
|
-
*/
|
7381
|
-
"atomic-result-section-bottom-metadata": LocalJSX.AtomicResultSectionBottomMetadata & JSXBase.HTMLAttributes<HTMLAtomicResultSectionBottomMetadataElement>;
|
7382
|
-
/**
|
7383
|
-
* This section displays the folded results, available when using the <atomic-result-children> component.
|
7384
|
-
* Behavior:
|
7385
|
-
* * Shows children at the bottom of the result, indented and wrapped in a border.
|
7386
|
-
*/
|
7387
|
-
"atomic-result-section-children": LocalJSX.AtomicResultSectionChildren & JSXBase.HTMLAttributes<HTMLAtomicResultSectionChildrenElement>;
|
7388
|
-
/**
|
7389
|
-
* This section displays the field that's important for its search criteria.
|
7390
|
-
* For example, in Commerce, a product's cost is often more important than the title itself.
|
7391
|
-
* Behavior:
|
7392
|
-
* * Has a very large font size.
|
7393
|
-
* * Is the second closest element beneath the title section.
|
7394
|
-
*/
|
7395
|
-
"atomic-result-section-emphasized": LocalJSX.AtomicResultSectionEmphasized & JSXBase.HTMLAttributes<HTMLAtomicResultSectionEmphasizedElement>;
|
7396
|
-
/**
|
7397
|
-
* This section contains an informative summary of the item's content.
|
7398
|
-
* Behavior:
|
7399
|
-
* * Has a fixed height of one to three lines, depending on the layout and density.
|
7400
|
-
* * Ellipses overflowing text.
|
7401
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
7402
|
-
* * Has a defined CSS `color` property for text.
|
7403
|
-
*/
|
7404
|
-
"atomic-result-section-excerpt": LocalJSX.AtomicResultSectionExcerpt & JSXBase.HTMLAttributes<HTMLAtomicResultSectionExcerptElement>;
|
7405
|
-
/**
|
7406
|
-
* This section identifies the item by its name, and its main use is to make the result list scannable.
|
7407
|
-
* This is usually the page title.
|
7408
|
-
* Behavior:
|
7409
|
-
* * Has a fixed height of two lines on grid layouts.
|
7410
|
-
* * Exposes the `--line-height` CSS variable so child elements can adjust to the current line height.
|
7411
|
-
* * Has a defined CSS `color` property for text.
|
7412
|
-
*/
|
7413
|
-
"atomic-result-section-title": LocalJSX.AtomicResultSectionTitle & JSXBase.HTMLAttributes<HTMLAtomicResultSectionTitleElement>;
|
7414
|
-
/**
|
7415
|
-
* This section surfaces some fields that are directly related to the title of the item.
|
7416
|
-
* For example, in Commerce, this could be the item's rating, which is tied to the nature of the product itself,
|
7417
|
-
* rather than to the product's description.
|
7418
|
-
* Behavior:
|
7419
|
-
* * Has a very small font size.
|
7420
|
-
* * Is the closest element beneath the title section.
|
7421
|
-
*/
|
7422
|
-
"atomic-result-section-title-metadata": LocalJSX.AtomicResultSectionTitleMetadata & JSXBase.HTMLAttributes<HTMLAtomicResultSectionTitleMetadataElement>;
|
7423
|
-
/**
|
7424
|
-
* This section provides visual information about the item.
|
7425
|
-
* For example, in Commerce, an image is a great shorthand for a product category.
|
7426
|
-
* An icon can quickly show the item type, or an avatar can help identify to whom it is related.
|
7427
|
-
* Behavior:
|
7428
|
-
* * Has a fixed size that depends on the specified image size, the layout, the density, and the screen size.
|
7429
|
-
* ** When the image size is set to `icon`, this section stays very small.
|
7430
|
-
* ** You should ensure that elements inside of it take the available space.
|
7431
|
-
* * Always has a 1:1 aspect ratio.
|
7432
|
-
*/
|
7433
|
-
"atomic-result-section-visual": LocalJSX.AtomicResultSectionVisual & JSXBase.HTMLAttributes<HTMLAtomicResultSectionVisualElement>;
|
7434
7021
|
/**
|
7435
7022
|
* The `atomic-result-table-placeholder` component provides an intermediate visual state that is rendered before the first results are available.
|
7436
7023
|
*/
|