https://www.cfainstitute.org/modules/custom/ep_search_api_coveo/js/dist/atomic-commerce-layoutDx0dpQ6S.js

1import { a as e, i as t, n, p as r, r as i } from "./decoratorsDgvFPsqQ.js";
2import { t as a } from "./watchCHHkNWKb.js";
3import { t as o } from "./light-domBii3S8u8.js";
4import { t as s } from "./children-update-complete-mixinBfBpoPA0.js";
5import { t as c } from "./replace-breakpoint-utilsCy0djx_H.js";
6import { t as l } from "./commerce-layoutDsbYnX39.js";
7import { t as u } from "./layout-styles-controllerCtZ3rRP7.js";
8//#region node_modules/@coveo/atomic/dist/atomic/components/components/commerce/atomic-commerce-layout/atomic-commerce-layout.tw.css.js
9var d = r`.atomic-modal-opened{overflow-y:hidden}atomic-layout-section[section=search]{grid-area:atomic-section-search}atomic-layout-section[section=facets]{grid-area:atomic-section-facets}atomic-layout-section[section=main]{grid-area:atomic-section-main}atomic-layout-section[section=status]{grid-area:atomic-section-status}atomic-layout-section[section=pagination]{grid-area:atomic-section-pagination}atomic-commerce-layout{display:none;grid-template-areas:". atomic-section-search ." ". atomic-section-main .";grid-template-columns:var(--atomic-layout-spacing-x) minmax(0,1fr) var(
10      --atomic-layout-spacing-x
11    );height:100%;width:100%;atomic-layout-section[section=search]{justify-self:center;margin:var(--atomic-layout-spacing-y) 0;max-width:var(--atomic-layout-max-search-box-input-width,678px);width:100%;atomic-commerce-search-box{&::part(suggestions-double-list){max-width:var(
12          --atomic-layout-max-search-box-double-suggestions-width,800px
13        );width:125%}&::part(suggestions-left){flex-basis:var(--atomic-layout-search-box-left-suggestions-width,30%)}&::part(suggestions-right){flex-basis:calc(100% - var(--atomic-layout-search-box-left-suggestions-width, 30%))}}}atomic-layout-section[section=facets]{display:none;atomic-commerce-facets *{margin-bottom:var(--atomic-layout-spacing-y)}}atomic-layout-section[section=main]{margin-bottom:var(--atomic-layout-spacing-y)}atomic-layout-section[section=horizontal-facets]{display:flex;flex-wrap:wrap;margin-bottom:var(--atomic-layout-spacing-y);row-gap:.5rem;&>atomic-popover{display:none;margin-right:.5rem}}atomic-layout-section[section=horizontal-facets]>*{max-width:100%}atomic-layout-section[section=status]{display:grid;grid-template-areas:"atomic-breadbox       atomic-breadbox" "atomic-query-summary  atomic-sort" "atomic-did-you-mean   atomic-did-you-mean" "atomic-notifications  atomic-notifications";justify-content:space-between;atomic-commerce-breadbox{grid-area:atomic-breadbox}atomic-commerce-query-summary{align-self:center;grid-area:atomic-query-summary;overflow:hidden}atomic-commerce-sort-dropdown{grid-area:atomic-sort;justify-self:end}atomic-commerce-refine-toggle{grid-area:atomic-sort}atomic-commerce-did-you-mean{grid-area:atomic-did-you-mean}atomic-commerce-notifications{grid-area:atomic-notifications}}atomic-layout-section[section=status]>*{margin-bottom:var(--atomic-layout-spacing-y)}atomic-layout-section[section=pagination]{align-items:center;display:flex;flex-direction:column;justify-content:space-between;atomic-commerce-load-more-products{width:100%}&:has(:only-child){justify-content:center}@media only screen and (min-width:50rem){flex-direction:row}}atomic-layout-section[section=pagination]>*{margin-top:var(--atomic-layout-spacing-y)}}`, f = function(e, t, n, r) {
14	var i = arguments.length, a = i < 3 ? t : r === null ? r = Object.getOwnPropertyDescriptor(t, n) : r, o;
15	if (typeof Reflect == "object" && typeof Reflect.decorate == "function") a = Reflect.decorate(e, t, n, r);
16	else for (var s = e.length - 1; s >= 0; s--) (o = e[s]) && (a = (i < 3 ? o(a) : i > 3 ? o(t, n, a) : o(t, n)) || a);
17	return i > 3 && a && Object.defineProperty(t, n, a), a;
18}, p = class extends o(s(e)) {
19	constructor() {
20		super(...arguments), this.mobileBreakpoint = c, this.layoutStylesController = new u(this, l, "atomic-commerce-layout-");
21	}
22	connectedCallback() {
23		super.connectedCallback(), this.emitBreakpointChangeEvent();
24	}
25	emitBreakpointChangeEvent() {
26		this.dispatchEvent(new CustomEvent("atomic-layout-breakpoint-change", {
27			detail: { breakpoint: this.mobileBreakpoint },
28			bubbles: !0,

29			composed: !0
30		}));
31	}
32	onMobileBreakpointChange() {
33		this.layoutStylesController.updateStyles(), this.emitBreakpointChangeEvent();
34	}
35};
36p.styles = [d], f([n()], p.prototype, "error", void 0), f([i({
37	type: String,
38	reflect: !0,
39	attribute: "mobile-breakpoint"
40})], p.prototype, "mobileBreakpoint", void 0), f([a("mobileBreakpoint")], p.prototype, "onMobileBreakpointChange", null), p = f([t("atomic-commerce-layout")], p);
41//#endregion
42export { p as AtomicCommerceLayout };