@coveo/atomic 3.32.3-pre.f43b4989be → 3.32.3-pre.fb66864697
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/components/analytics-config.js +1 -1
- package/dist/atomic/components/components/commerce/atomic-commerce-layout/atomic-commerce-layout.js +7 -15
- package/dist/atomic/components/components/commerce/atomic-commerce-layout/commerce-layout.js +2 -2
- package/dist/atomic/components/components/common/atomic-layout-section/{layout.js → search-layout.js} +2 -2
- package/dist/atomic/components/components/search/atomic-layout/search-layout.js +2 -2
- package/dist/atomic/components/global/environment.js +1 -1
- package/dist/atomic/components/mixins/commerce-layout-mixin.js +48 -0
- package/dist/atomic/components/search-layout.js +2 -2
- package/dist/atomic/components/search-layout.js.map +1 -1
- package/dist/atomic/{p-55babac9.entry.js → p-03c5a7f8.entry.js} +2 -2
- package/dist/atomic/{p-3fa3d9ba.entry.js → p-8ee294f1.entry.js} +2 -2
- package/dist/atomic/{p-9a7fdb4a.js → p-992d9e10.js} +2 -2
- package/dist/atomic/{p-43dccae0.entry.js → p-a06e88d4.entry.js} +2 -2
- package/dist/atomic/{p-85ef2ce8.js → p-d4fbce1c.js} +1 -1
- package/dist/atomic/p-d4fbce1c.js.map +1 -0
- package/dist/atomic/{p-6de8031f.entry.js → p-da8b70ef.entry.js} +2 -2
- package/dist/cjs/{analytics-config-c4f548af.js → analytics-config-b834f863.js} +2 -2
- package/dist/cjs/{analytics-config-c4f548af.js.map → analytics-config-b834f863.js.map} +1 -1
- package/dist/cjs/atomic-insight-interface.cjs.entry.js +1 -1
- package/dist/cjs/atomic-recs-interface.cjs.entry.js +1 -1
- package/dist/cjs/atomic-search-interface.cjs.entry.js +2 -2
- package/dist/cjs/atomic-search-layout.cjs.entry.js +1 -1
- package/dist/cjs/{search-layout-b597f6fc.js → search-layout-419e7eb4.js} +3 -3
- package/dist/cjs/search-layout-419e7eb4.js.map +1 -0
- package/dist/cjs/version.cjs.js +2 -2
- package/dist/esm/{analytics-config-ea33e536.js → analytics-config-cf5102e5.js} +2 -2
- package/dist/esm/{analytics-config-ea33e536.js.map → analytics-config-cf5102e5.js.map} +1 -1
- package/dist/esm/atomic-insight-interface.entry.js +1 -1
- package/dist/esm/atomic-recs-interface.entry.js +1 -1
- package/dist/esm/atomic-search-interface.entry.js +2 -2
- package/dist/esm/atomic-search-layout.entry.js +1 -1
- package/dist/esm/{search-layout-fdd7a917.js → search-layout-1e3bd9fd.js} +3 -3
- package/dist/esm/search-layout-1e3bd9fd.js.map +1 -0
- package/dist/esm/version.js +2 -2
- package/dist/types/components/commerce/atomic-commerce-layout/atomic-commerce-layout.d.ts +4 -4
- package/dist/types/components/commerce/atomic-product-link/atomic-product-link.d.ts +1 -1
- package/dist/types/components/common/atomic-layout-section/search-layout.d.ts +2 -0
- package/dist/types/mixins/commerce-layout-mixin.d.ts +18 -0
- package/docs/atomic-docs.json +1 -1
- package/package.json +3 -3
- package/dist/atomic/p-85ef2ce8.js.map +0 -1
- package/dist/cjs/search-layout-b597f6fc.js.map +0 -1
- package/dist/esm/search-layout-fdd7a917.js.map +0 -1
- package/dist/types/components/common/atomic-layout-section/layout.d.ts +0 -2
- /package/dist/atomic/{p-55babac9.entry.js.map → p-03c5a7f8.entry.js.map} +0 -0
- /package/dist/atomic/{p-3fa3d9ba.entry.js.map → p-8ee294f1.entry.js.map} +0 -0
- /package/dist/atomic/{p-9a7fdb4a.js.map → p-992d9e10.js.map} +0 -0
- /package/dist/atomic/{p-43dccae0.entry.js.map → p-a06e88d4.entry.js.map} +0 -0
- /package/dist/atomic/{p-6de8031f.entry.js.map → p-da8b70ef.entry.js.map} +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, s as setNonce, h, H as Host, g as getElement } from './index-3f35faca.js';
|
|
2
2
|
import { m as markParentAsReady } from './init-queue-fbe942c3.js';
|
|
3
3
|
import { buildResultsPerPage, loadFieldActions, buildInsightEngine } from '@coveo/headless/insight';
|
|
4
|
-
import { g as getNextAnalyticsConfig, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance } from './analytics-config-
|
|
4
|
+
import { g as getNextAnalyticsConfig, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance } from './analytics-config-cf5102e5.js';
|
|
5
5
|
import { A as ArrayProp } from './props-utils-76e19fa7.js';
|
|
6
6
|
import { D as DEFAULT_MOBILE_BREAKPOINT } from './replace-breakpoint-213367f8.js';
|
|
7
7
|
import { u as unsetLoadingFlag, s as setLoadingFlag, r as registerFacet, g as getFacetElements, w as waitUntilAppLoaded, a as createBaseStore } from './store-e14e2958.js';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, s as setNonce, h, g as getElement } from './index-3f35faca.js';
|
|
2
2
|
import { m as markParentAsReady } from './init-queue-fbe942c3.js';
|
|
3
3
|
import { loadRecommendationActions, loadSearchConfigurationActions, EcommerceDefaultFieldsToInclude, loadFieldActions, buildRecommendationEngine } from '@coveo/headless/recommendation';
|
|
4
|
-
import { g as getNextAnalyticsConfig, c as augmentAnalyticsConfigWithDocument, d as augmentAnalyticsConfigWithAtomicVersion, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-
|
|
4
|
+
import { g as getNextAnalyticsConfig, c as augmentAnalyticsConfigWithDocument, d as augmentAnalyticsConfigWithAtomicVersion, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-cf5102e5.js';
|
|
5
5
|
import { A as ArrayProp } from './props-utils-76e19fa7.js';
|
|
6
6
|
import { u as unsetLoadingFlag, s as setLoadingFlag, a as createBaseStore } from './store-e14e2958.js';
|
|
7
7
|
import './dayjs.min-d04628c6.js';
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { r as registerInstance, s as setNonce, h, g as getElement } from './index-3f35faca.js';
|
|
2
2
|
import { m as markParentAsReady } from './init-queue-fbe942c3.js';
|
|
3
3
|
import { loadSearchConfigurationActions, loadQueryActions, EcommerceDefaultFieldsToInclude, loadFieldActions, buildSearchEngine, buildUrlManager, buildSearchStatus } from '@coveo/headless';
|
|
4
|
-
import { g as getNextAnalyticsConfig, d as augmentAnalyticsConfigWithAtomicVersion, c as augmentAnalyticsConfigWithDocument, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-
|
|
4
|
+
import { g as getNextAnalyticsConfig, d as augmentAnalyticsConfigWithAtomicVersion, c as augmentAnalyticsConfigWithDocument, a as augmentWithExternalMiddleware, b as augmentAnalyticsWithAtomicVersion, C as CommonAtomicInterfaceHelper, i as instance, m as mismatchedInterfaceAndEnginePropError } from './analytics-config-cf5102e5.js';
|
|
5
5
|
import { a as StorageItems, S as SafeStorage } from './local-storage-utils-410269e6.js';
|
|
6
6
|
import { A as ArrayProp } from './props-utils-76e19fa7.js';
|
|
7
|
-
import { m as makeDesktopQuery, n as noResultsSelector, e as errorSelector, f as firstSearchExecutedSelector } from './search-layout-
|
|
7
|
+
import { m as makeDesktopQuery, n as noResultsSelector, e as errorSelector, f as firstSearchExecutedSelector } from './search-layout-1e3bd9fd.js';
|
|
8
8
|
import { D as DEFAULT_MOBILE_BREAKPOINT } from './replace-breakpoint-213367f8.js';
|
|
9
9
|
import { u as unsetLoadingFlag, s as setLoadingFlag, r as registerFacet, g as getFacetElements, w as waitUntilAppLoaded, a as createBaseStore } from './store-e14e2958.js';
|
|
10
10
|
import './dayjs.min-d04628c6.js';
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, g as getElement } from './index-3f35faca.js';
|
|
|
2
2
|
import { I as InitializeBindings } from './initialization-utils-ff3edf9a.js';
|
|
3
3
|
import { D as DEFAULT_MOBILE_BREAKPOINT } from './replace-breakpoint-213367f8.js';
|
|
4
4
|
import { r as randomID } from './utils-7ac76ba7.js';
|
|
5
|
-
import { b as buildSearchLayout } from './search-layout-
|
|
5
|
+
import { b as buildSearchLayout } from './search-layout-1e3bd9fd.js';
|
|
6
6
|
import './dom-utils-f6086cd3.js';
|
|
7
7
|
import './event-utils-8de63ec3.js';
|
|
8
8
|
import './init-queue-fbe942c3.js';
|
|
@@ -3,7 +3,7 @@ import { s as sectionSelector, f as findSection } from './sections-ae00b53a.js';
|
|
|
3
3
|
function makeDesktopQuery$1(mobileBreakpoint) {
|
|
4
4
|
return `only screen and (min-width: ${mobileBreakpoint})`;
|
|
5
5
|
}
|
|
6
|
-
function
|
|
6
|
+
function buildSearchLayoutCommon(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noItemsSelector, errorSelector, refineToggleSelector, sortDropdownSelector) {
|
|
7
7
|
const id = element.id;
|
|
8
8
|
const layoutSelector = `${layoutWebComponentTagName}#${id}`;
|
|
9
9
|
const cleanStatusSelector = `${containerWebComponentTagName}:not(.${noItemsSelector}, .${errorSelector})`;
|
|
@@ -92,9 +92,9 @@ function makeDesktopQuery(mobileBreakpoint) {
|
|
|
92
92
|
return `only screen and (min-width: ${mobileBreakpoint})`;
|
|
93
93
|
}
|
|
94
94
|
function buildSearchLayout(element, mobileBreakpoint) {
|
|
95
|
-
return
|
|
95
|
+
return buildSearchLayoutCommon(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noResultsSelector, errorSelector, 'atomic-refine-toggle', 'atomic-sort-dropdown');
|
|
96
96
|
}
|
|
97
97
|
|
|
98
98
|
export { buildSearchLayout as b, errorSelector as e, firstSearchExecutedSelector as f, makeDesktopQuery as m, noResultsSelector as n };
|
|
99
99
|
|
|
100
|
-
//# sourceMappingURL=search-layout-
|
|
100
|
+
//# sourceMappingURL=search-layout-1e3bd9fd.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"file":"search-layout-1e3bd9fd.js","mappings":"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","names":["makeDesktopQuery"],"sources":["src/components/common/atomic-layout-section/search-layout.ts","src/components/search/atomic-layout/search-layout.ts"],"sourcesContent":["import {\n findSection,\n sectionSelector,\n} from '../../common/atomic-layout-section/sections';\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildSearchLayoutCommon(\n element: HTMLElement,\n mobileBreakpoint: string,\n layoutWebComponentTagName: string,\n containerWebComponentTagName: string,\n noItemsSelector: string,\n errorSelector: string,\n refineToggleSelector: string,\n sortDropdownSelector: string\n) {\n const id = element.id;\n const layoutSelector = `${layoutWebComponentTagName}#${id}`;\n const cleanStatusSelector = `${containerWebComponentTagName}:not(.${noItemsSelector}, .${errorSelector})`;\n const mediaQuerySelector = `@media ${makeDesktopQuery(mobileBreakpoint)}`;\n\n const display = `${layoutSelector} { display: grid }`;\n const search = `${mediaQuerySelector} {\n ${layoutSelector} ${sectionSelector('search')} {\n justify-self: start;\n width: 80%;\n }\n }`;\n\n const facets = () => {\n const facetsSection = findSection(element, 'facets');\n const mainSection = findSection(element, 'main');\n if (!facetsSection || !mainSection) {\n return '';\n }\n\n const facetsMin = facetsSection.minWidth || '17rem';\n const facetsMax = facetsSection.maxWidth || '22rem';\n const mainMin = mainSection.minWidth || '50%';\n const mainMax = mainSection.maxWidth || '70rem';\n\n return `${mediaQuerySelector} {\n ${layoutSelector} {\n grid-template-areas:\n '. . atomic-section-search .'\n '. atomic-section-main atomic-section-main .';\n grid-template-columns:\n 1fr minmax(${facetsMin}, ${facetsMax}) minmax(${mainMin}, ${mainMax}) 1fr;\n column-gap: var(--atomic-layout-spacing-x);\n }\n\n ${cleanStatusSelector} ${layoutSelector} {\n grid-template-areas:\n '. . atomic-section-search .'\n '. atomic-section-facets atomic-section-main .'\n '. atomic-section-facets . .';\n }\n\n ${cleanStatusSelector} ${layoutSelector} ${sectionSelector('facets')} {\n display: block;\n }\n }`;\n };\n\n const refine = (): string => {\n const statusSection = findSection(element, 'status');\n if (!statusSection) {\n return '';\n }\n\n const refineToggle = statusSection.querySelector(refineToggleSelector);\n if (!refineToggle) {\n return '';\n }\n\n const statusSelector = `${layoutSelector} ${sectionSelector('status')}`;\n return `${statusSelector} ${sortDropdownSelector} {\n display: none;\n }\n\n ${mediaQuerySelector} {\n ${statusSelector} ${sortDropdownSelector} {\n display: block;\n }\n\n ${statusSelector} ${refineToggleSelector} {\n display: none;\n }\n }`;\n };\n\n const horizontalFacets = () => {\n return `${mediaQuerySelector} {\n ${layoutSelector} ${sectionSelector(\n 'horizontal-facets'\n )} > atomic-popover:not(.atomic-hidden) {\n display: block;\n }\n }`;\n };\n\n return [display, search, facets(), refine(), horizontalFacets()]\n .filter((declaration) => declaration !== '')\n .join('\\n\\n');\n}\n","import {buildSearchLayoutCommon} from '../../common/atomic-layout-section/search-layout';\n\nexport const layoutWebComponentTagName = 'atomic-search-layout';\nexport const containerWebComponentTagName = 'atomic-search-interface';\nexport const noResultsSelector = `${containerWebComponentTagName}-no-results`;\nexport const errorSelector = `${containerWebComponentTagName}-error`;\nexport const firstSearchExecutedSelector = `${containerWebComponentTagName}-search-executed`;\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildSearchLayout(\n element: HTMLElement,\n mobileBreakpoint: string\n) {\n return buildSearchLayoutCommon(\n element,\n mobileBreakpoint,\n layoutWebComponentTagName,\n containerWebComponentTagName,\n noResultsSelector,\n errorSelector,\n 'atomic-refine-toggle',\n 'atomic-sort-dropdown'\n );\n}\n"],"version":3}
|
package/dist/esm/version.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const headlessVersion = '3.28.3-pre.
|
|
2
|
-
export const atomicVersion = '3.32.3-pre.
|
|
1
|
+
export const headlessVersion = '3.28.3-pre.fb66864697';
|
|
2
|
+
export const atomicVersion = '3.32.3-pre.fb66864697';
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import { LitElement } from 'lit';
|
|
2
|
+
declare const AtomicCommerceLayout_base: typeof LitElement;
|
|
2
3
|
/**
|
|
3
4
|
* The `atomic-commerce-layout` helps organize elements in the commerce page.
|
|
4
5
|
*
|
|
5
6
|
* @slot default - The default slot where you can add child components to the layout.
|
|
6
7
|
*/
|
|
7
|
-
export declare class AtomicCommerceLayout extends
|
|
8
|
-
static styles: import("lit").CSSResult[];
|
|
8
|
+
export declare class AtomicCommerceLayout extends AtomicCommerceLayout_base {
|
|
9
9
|
error: Error;
|
|
10
|
-
constructor();
|
|
11
10
|
/**
|
|
12
11
|
* CSS value that defines where the layout goes from mobile to desktop.
|
|
13
12
|
* e.g., 800px, 65rem.
|
|
14
13
|
*/
|
|
15
14
|
mobileBreakpoint: string;
|
|
16
|
-
|
|
15
|
+
createRenderRoot(): this;
|
|
17
16
|
render(): import("lit-html").TemplateResult<1>;
|
|
18
17
|
}
|
|
19
18
|
declare global {
|
|
@@ -21,3 +20,4 @@ declare global {
|
|
|
21
20
|
'atomic-commerce-layout': AtomicCommerceLayout;
|
|
22
21
|
}
|
|
23
22
|
}
|
|
23
|
+
export {};
|
|
@@ -20,7 +20,7 @@ export declare class AtomicProductLink extends AtomicProductLink_base implements
|
|
|
20
20
|
*
|
|
21
21
|
* For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the product's `clickUri` and `itemtitle` fields.
|
|
22
22
|
* ```html
|
|
23
|
-
* <atomic-product-link href-template='${clickUri}?id=${
|
|
23
|
+
* <atomic-product-link href-template='${clickUri}?id=${permanentid}'></atomic-product-link>
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
26
|
hrefTemplate?: string;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare function makeDesktopQuery(mobileBreakpoint: string): string;
|
|
2
|
+
export declare function buildSearchLayoutCommon(element: HTMLElement, mobileBreakpoint: string, layoutWebComponentTagName: string, containerWebComponentTagName: string, noItemsSelector: string, errorSelector: string, refineToggleSelector: string, sortDropdownSelector: string): string;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type CSSResult, type LitElement } from 'lit';
|
|
2
|
+
import type { Constructor } from './mixin-common';
|
|
3
|
+
export interface CommerceLayoutRequirements {
|
|
4
|
+
error: Error;
|
|
5
|
+
mobileBreakpoint: string;
|
|
6
|
+
}
|
|
7
|
+
/**
|
|
8
|
+
*
|
|
9
|
+
* @param superClass The class to extend, typically a LitElement.
|
|
10
|
+
* @param cssResult The CSSResult to inject into the component styles.
|
|
11
|
+
* @returns A new class that extends the provided superClass with the commerce layout mixin.
|
|
12
|
+
*
|
|
13
|
+
* @remarks
|
|
14
|
+
* Any Lit component using this mixin MUST declare the following public properties:
|
|
15
|
+
* - `error: Error`
|
|
16
|
+
* - `mobileBreakpoint: string`
|
|
17
|
+
*/
|
|
18
|
+
export declare const CommerceLayoutMixin: <T extends Constructor<LitElement>>(superClass: T, cssResult: CSSResult) => T;
|
package/docs/atomic-docs.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@coveo/atomic",
|
|
3
3
|
"type": "module",
|
|
4
|
-
"version": "3.32.3-pre.
|
|
4
|
+
"version": "3.32.3-pre.fb66864697",
|
|
5
5
|
"description": "A web-component library for building modern UIs interfacing with the Coveo platform",
|
|
6
6
|
"homepage": "https://docs.coveo.com/en/atomic/latest/",
|
|
7
7
|
"repository": {
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
},
|
|
83
83
|
"dependencies": {
|
|
84
84
|
"@coveo/bueno": "1.1.0",
|
|
85
|
-
"@coveo/headless": "3.28.3-pre.
|
|
85
|
+
"@coveo/headless": "3.28.3-pre.fb66864697",
|
|
86
86
|
"@lit/context": "1.1.6",
|
|
87
87
|
"@popperjs/core": "2.11.8",
|
|
88
88
|
"@salesforce-ux/design-system": "2.27.2",
|
|
@@ -169,7 +169,7 @@
|
|
|
169
169
|
},
|
|
170
170
|
"peerDependencies": {
|
|
171
171
|
"@coveo/bueno": "1.1.0",
|
|
172
|
-
"@coveo/headless": "3.28.3-pre.
|
|
172
|
+
"@coveo/headless": "3.28.3-pre.fb66864697",
|
|
173
173
|
"typescript": ">=5.0.0"
|
|
174
174
|
},
|
|
175
175
|
"peerDependenciesMeta": {
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["makeDesktopQuery","mobileBreakpoint","buildCommonLayout","element","layoutWebComponentTagName","containerWebComponentTagName","noItemsSelector","errorSelector","refineToggleSelector","sortDropdownSelector","id","layoutSelector","cleanStatusSelector","mediaQuerySelector","display","search","sectionSelector","facets","facetsSection","findSection","mainSection","facetsMin","minWidth","facetsMax","maxWidth","mainMin","mainMax","refine","statusSection","refineToggle","querySelector","statusSelector","horizontalFacets","filter","declaration","join","noResultsSelector","firstSearchExecutedSelector","buildSearchLayout"],"sources":["src/components/common/atomic-layout-section/layout.ts","src/components/search/atomic-layout/search-layout.ts"],"sourcesContent":["import {findSection, sectionSelector} from './sections';\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildCommonLayout(\n element: HTMLElement,\n mobileBreakpoint: string,\n layoutWebComponentTagName: string,\n containerWebComponentTagName: string,\n noItemsSelector: string,\n errorSelector: string,\n refineToggleSelector: string,\n sortDropdownSelector: string\n) {\n const id = element.id;\n const layoutSelector = `${layoutWebComponentTagName}#${id}`;\n const cleanStatusSelector = `${containerWebComponentTagName}:not(.${noItemsSelector}, .${errorSelector})`;\n const mediaQuerySelector = `@media ${makeDesktopQuery(mobileBreakpoint)}`;\n\n const display = `${layoutSelector} { display: grid }`;\n const search = `${mediaQuerySelector} {\n ${layoutSelector} ${sectionSelector('search')} {\n justify-self: start;\n width: 80%;\n }\n }`;\n\n const facets = () => {\n const facetsSection = findSection(element, 'facets');\n const mainSection = findSection(element, 'main');\n if (!facetsSection || !mainSection) {\n return '';\n }\n\n const facetsMin = facetsSection.minWidth || '17rem';\n const facetsMax = facetsSection.maxWidth || '22rem';\n const mainMin = mainSection.minWidth || '50%';\n const mainMax = mainSection.maxWidth || '70rem';\n\n return `${mediaQuerySelector} {\n ${layoutSelector} {\n grid-template-areas:\n '. . atomic-section-search .'\n '. atomic-section-main atomic-section-main .';\n grid-template-columns:\n 1fr minmax(${facetsMin}, ${facetsMax}) minmax(${mainMin}, ${mainMax}) 1fr;\n column-gap: var(--atomic-layout-spacing-x);\n }\n\n ${cleanStatusSelector} ${layoutSelector} {\n grid-template-areas:\n '. . atomic-section-search .'\n '. atomic-section-facets atomic-section-main .'\n '. atomic-section-facets . .';\n }\n\n ${cleanStatusSelector} ${layoutSelector} ${sectionSelector('facets')} {\n display: block;\n }\n }`;\n };\n\n const refine = (): string => {\n const statusSection = findSection(element, 'status');\n if (!statusSection) {\n return '';\n }\n\n const refineToggle = statusSection.querySelector(refineToggleSelector);\n if (!refineToggle) {\n return '';\n }\n\n const statusSelector = `${layoutSelector} ${sectionSelector('status')}`;\n return `${statusSelector} ${sortDropdownSelector} {\n display: none;\n }\n\n ${mediaQuerySelector} {\n ${statusSelector} ${sortDropdownSelector} {\n display: block;\n }\n\n ${statusSelector} ${refineToggleSelector} {\n display: none;\n }\n }`;\n };\n\n const horizontalFacets = () => {\n return `${mediaQuerySelector} {\n ${layoutSelector} ${sectionSelector(\n 'horizontal-facets'\n )} > atomic-popover:not(.atomic-hidden) {\n display: block;\n }\n }`;\n };\n\n return [display, search, facets(), refine(), horizontalFacets()]\n .filter((declaration) => declaration !== '')\n .join('\\n\\n');\n}\n","import {buildCommonLayout} from '../../common/atomic-layout-section/layout';\n\nexport const layoutWebComponentTagName = 'atomic-search-layout';\nexport const containerWebComponentTagName = 'atomic-search-interface';\nexport const noResultsSelector = `${containerWebComponentTagName}-no-results`;\nexport const errorSelector = `${containerWebComponentTagName}-error`;\nexport const firstSearchExecutedSelector = `${containerWebComponentTagName}-search-executed`;\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildSearchLayout(\n element: HTMLElement,\n mobileBreakpoint: string\n) {\n return buildCommonLayout(\n element,\n mobileBreakpoint,\n layoutWebComponentTagName,\n containerWebComponentTagName,\n noResultsSelector,\n errorSelector,\n 'atomic-refine-toggle',\n 'atomic-sort-dropdown'\n );\n}\n"],"mappings":"oDAEgBA,EAAiBC,GAC/B,MAAO,+BAA+BA,IACxC,C,SACgBC,EACdC,EACAF,EACAG,EACAC,EACAC,EACAC,EACAC,EACAC,GAEA,MAAMC,EAAKP,EAAQO,GACnB,MAAMC,EAAiB,GAAGP,KAA6BM,IACvD,MAAME,EAAsB,GAAGP,UAAqCC,OAAqBC,KACzF,MAAMM,EAAqB,UAAUb,EAAiBC,KAEtD,MAAMa,EAAU,GAAGH,sBACnB,MAAMI,EAAS,GAAGF,YACdF,KAAkBK,EAAgB,yEAMtC,MAAMC,EAAS,KACb,MAAMC,EAAgBC,EAAYhB,EAAS,UAC3C,MAAMiB,EAAcD,EAAYhB,EAAS,QACzC,IAAKe,IAAkBE,EAAa,CAClC,MAAO,E,CAGT,MAAMC,EAAYH,EAAcI,UAAY,QAC5C,MAAMC,EAAYL,EAAcM,UAAY,QAC5C,MAAMC,EAAUL,EAAYE,UAAY,MACxC,MAAMI,EAAUN,EAAYI,UAAY,QAExC,MAAO,GAAGX,cACNF,kNAKeU,MAAcE,aAAqBE,MAAYC,kFAI9Dd,KAAuBD,+OAOvBC,KAAuBD,KAAkBK,EAAgB,sDAG3D,EAGJ,MAAMW,EAAS,KACb,MAAMC,EAAgBT,EAAYhB,EAAS,UAC3C,IAAKyB,EAAe,CAClB,MAAO,E,CAGT,MAAMC,EAAeD,EAAcE,cAActB,GACjD,IAAKqB,EAAc,CACjB,MAAO,E,CAGT,MAAME,EAAiB,GAAGpB,KAAkBK,EAAgB,YAC5D,MAAO,GAAGe,KAAkBtB,2CAI1BI,aACCkB,KAAkBtB,iDAIjBsB,KAAkBvB,8CAGpB,EAGJ,MAAMwB,EAAmB,IAChB,GAAGnB,cACNF,KAAkBK,EAClB,uGAON,MAAO,CAACF,EAASC,EAAQE,IAAUU,IAAUK,KAC1CC,QAAQC,GAAgBA,IAAgB,KACxCC,KAAK,OACV,CCrGO,MAAM/B,EAA4B,uBAClC,MAAMC,EAA+B,0B,MAC/B+B,EAAoB,GAAG/B,e,MACvBE,EAAgB,GAAGF,U,MACnBgC,EAA8B,GAAGhC,oB,SAE9BL,EAAiBC,GAC/B,MAAO,+BAA+BA,IACxC,C,SACgBqC,EACdnC,EACAF,GAEA,OAAOC,EACLC,EACAF,EACAG,EACAC,EACA+B,EACA7B,EACA,uBACA,uBAEJ,Q","ignoreList":[]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"search-layout-b597f6fc.js","mappings":"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","names":["makeDesktopQuery","sectionSelector","findSection"],"sources":["src/components/common/atomic-layout-section/layout.ts","src/components/search/atomic-layout/search-layout.ts"],"sourcesContent":["import {findSection, sectionSelector} from './sections';\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildCommonLayout(\n element: HTMLElement,\n mobileBreakpoint: string,\n layoutWebComponentTagName: string,\n containerWebComponentTagName: string,\n noItemsSelector: string,\n errorSelector: string,\n refineToggleSelector: string,\n sortDropdownSelector: string\n) {\n const id = element.id;\n const layoutSelector = `${layoutWebComponentTagName}#${id}`;\n const cleanStatusSelector = `${containerWebComponentTagName}:not(.${noItemsSelector}, .${errorSelector})`;\n const mediaQuerySelector = `@media ${makeDesktopQuery(mobileBreakpoint)}`;\n\n const display = `${layoutSelector} { display: grid }`;\n const search = `${mediaQuerySelector} {\n ${layoutSelector} ${sectionSelector('search')} {\n justify-self: start;\n width: 80%;\n }\n }`;\n\n const facets = () => {\n const facetsSection = findSection(element, 'facets');\n const mainSection = findSection(element, 'main');\n if (!facetsSection || !mainSection) {\n return '';\n }\n\n const facetsMin = facetsSection.minWidth || '17rem';\n const facetsMax = facetsSection.maxWidth || '22rem';\n const mainMin = mainSection.minWidth || '50%';\n const mainMax = mainSection.maxWidth || '70rem';\n\n return `${mediaQuerySelector} {\n ${layoutSelector} {\n grid-template-areas:\n '. . atomic-section-search .'\n '. atomic-section-main atomic-section-main .';\n grid-template-columns:\n 1fr minmax(${facetsMin}, ${facetsMax}) minmax(${mainMin}, ${mainMax}) 1fr;\n column-gap: var(--atomic-layout-spacing-x);\n }\n\n ${cleanStatusSelector} ${layoutSelector} {\n grid-template-areas:\n '. . atomic-section-search .'\n '. atomic-section-facets atomic-section-main .'\n '. atomic-section-facets . .';\n }\n\n ${cleanStatusSelector} ${layoutSelector} ${sectionSelector('facets')} {\n display: block;\n }\n }`;\n };\n\n const refine = (): string => {\n const statusSection = findSection(element, 'status');\n if (!statusSection) {\n return '';\n }\n\n const refineToggle = statusSection.querySelector(refineToggleSelector);\n if (!refineToggle) {\n return '';\n }\n\n const statusSelector = `${layoutSelector} ${sectionSelector('status')}`;\n return `${statusSelector} ${sortDropdownSelector} {\n display: none;\n }\n\n ${mediaQuerySelector} {\n ${statusSelector} ${sortDropdownSelector} {\n display: block;\n }\n\n ${statusSelector} ${refineToggleSelector} {\n display: none;\n }\n }`;\n };\n\n const horizontalFacets = () => {\n return `${mediaQuerySelector} {\n ${layoutSelector} ${sectionSelector(\n 'horizontal-facets'\n )} > atomic-popover:not(.atomic-hidden) {\n display: block;\n }\n }`;\n };\n\n return [display, search, facets(), refine(), horizontalFacets()]\n .filter((declaration) => declaration !== '')\n .join('\\n\\n');\n}\n","import {buildCommonLayout} from '../../common/atomic-layout-section/layout';\n\nexport const layoutWebComponentTagName = 'atomic-search-layout';\nexport const containerWebComponentTagName = 'atomic-search-interface';\nexport const noResultsSelector = `${containerWebComponentTagName}-no-results`;\nexport const errorSelector = `${containerWebComponentTagName}-error`;\nexport const firstSearchExecutedSelector = `${containerWebComponentTagName}-search-executed`;\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildSearchLayout(\n element: HTMLElement,\n mobileBreakpoint: string\n) {\n return buildCommonLayout(\n element,\n mobileBreakpoint,\n layoutWebComponentTagName,\n containerWebComponentTagName,\n noResultsSelector,\n errorSelector,\n 'atomic-refine-toggle',\n 'atomic-sort-dropdown'\n );\n}\n"],"version":3}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"file":"search-layout-fdd7a917.js","mappings":"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","names":["makeDesktopQuery"],"sources":["src/components/common/atomic-layout-section/layout.ts","src/components/search/atomic-layout/search-layout.ts"],"sourcesContent":["import {findSection, sectionSelector} from './sections';\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildCommonLayout(\n element: HTMLElement,\n mobileBreakpoint: string,\n layoutWebComponentTagName: string,\n containerWebComponentTagName: string,\n noItemsSelector: string,\n errorSelector: string,\n refineToggleSelector: string,\n sortDropdownSelector: string\n) {\n const id = element.id;\n const layoutSelector = `${layoutWebComponentTagName}#${id}`;\n const cleanStatusSelector = `${containerWebComponentTagName}:not(.${noItemsSelector}, .${errorSelector})`;\n const mediaQuerySelector = `@media ${makeDesktopQuery(mobileBreakpoint)}`;\n\n const display = `${layoutSelector} { display: grid }`;\n const search = `${mediaQuerySelector} {\n ${layoutSelector} ${sectionSelector('search')} {\n justify-self: start;\n width: 80%;\n }\n }`;\n\n const facets = () => {\n const facetsSection = findSection(element, 'facets');\n const mainSection = findSection(element, 'main');\n if (!facetsSection || !mainSection) {\n return '';\n }\n\n const facetsMin = facetsSection.minWidth || '17rem';\n const facetsMax = facetsSection.maxWidth || '22rem';\n const mainMin = mainSection.minWidth || '50%';\n const mainMax = mainSection.maxWidth || '70rem';\n\n return `${mediaQuerySelector} {\n ${layoutSelector} {\n grid-template-areas:\n '. . atomic-section-search .'\n '. atomic-section-main atomic-section-main .';\n grid-template-columns:\n 1fr minmax(${facetsMin}, ${facetsMax}) minmax(${mainMin}, ${mainMax}) 1fr;\n column-gap: var(--atomic-layout-spacing-x);\n }\n\n ${cleanStatusSelector} ${layoutSelector} {\n grid-template-areas:\n '. . atomic-section-search .'\n '. atomic-section-facets atomic-section-main .'\n '. atomic-section-facets . .';\n }\n\n ${cleanStatusSelector} ${layoutSelector} ${sectionSelector('facets')} {\n display: block;\n }\n }`;\n };\n\n const refine = (): string => {\n const statusSection = findSection(element, 'status');\n if (!statusSection) {\n return '';\n }\n\n const refineToggle = statusSection.querySelector(refineToggleSelector);\n if (!refineToggle) {\n return '';\n }\n\n const statusSelector = `${layoutSelector} ${sectionSelector('status')}`;\n return `${statusSelector} ${sortDropdownSelector} {\n display: none;\n }\n\n ${mediaQuerySelector} {\n ${statusSelector} ${sortDropdownSelector} {\n display: block;\n }\n\n ${statusSelector} ${refineToggleSelector} {\n display: none;\n }\n }`;\n };\n\n const horizontalFacets = () => {\n return `${mediaQuerySelector} {\n ${layoutSelector} ${sectionSelector(\n 'horizontal-facets'\n )} > atomic-popover:not(.atomic-hidden) {\n display: block;\n }\n }`;\n };\n\n return [display, search, facets(), refine(), horizontalFacets()]\n .filter((declaration) => declaration !== '')\n .join('\\n\\n');\n}\n","import {buildCommonLayout} from '../../common/atomic-layout-section/layout';\n\nexport const layoutWebComponentTagName = 'atomic-search-layout';\nexport const containerWebComponentTagName = 'atomic-search-interface';\nexport const noResultsSelector = `${containerWebComponentTagName}-no-results`;\nexport const errorSelector = `${containerWebComponentTagName}-error`;\nexport const firstSearchExecutedSelector = `${containerWebComponentTagName}-search-executed`;\n\nexport function makeDesktopQuery(mobileBreakpoint: string) {\n return `only screen and (min-width: ${mobileBreakpoint})`;\n}\nexport function buildSearchLayout(\n element: HTMLElement,\n mobileBreakpoint: string\n) {\n return buildCommonLayout(\n element,\n mobileBreakpoint,\n layoutWebComponentTagName,\n containerWebComponentTagName,\n noResultsSelector,\n errorSelector,\n 'atomic-refine-toggle',\n 'atomic-sort-dropdown'\n );\n}\n"],"version":3}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare function makeDesktopQuery(mobileBreakpoint: string): string;
|
|
2
|
-
export declare function buildCommonLayout(element: HTMLElement, mobileBreakpoint: string, layoutWebComponentTagName: string, containerWebComponentTagName: string, noItemsSelector: string, errorSelector: string, refineToggleSelector: string, sortDropdownSelector: string): string;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|