npm - @coveo/atomic - Versions diffs - 3.32.4-pre.fe2dbcea63 → 3.33.0-pre.04105e7186 - Mend

@coveo/atomic 3.32.4-pre.fe2dbcea63 → 3.33.0-pre.04105e7186

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.

Files changed (148) hide show

package/dist/cjs/atomic-result-link.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-result-link.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,8uiEAA8uiE,CAAC;AAC3wiE,+BAAe,mBAAmB;;;;;;;;;;;;MC4BrB,gBAAgB;;;;;IA0BpB,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrBA,2BAAgB,CACd,+BAA+B,EAC/B,CAAC,eAAwB;YACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;SACxC,CACF,CACF,CAAC;KACH;IAEM,iBAAiB;QACtB,MAAM,QAAQ,GAAG,YAAY,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAG,CAAC,CAACC,gCAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAGC,wCAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACtE;IAEM,MAAM;QACX,MAAM,IAAI,GAAGC,iBAAW,CAAC,IAAI,CAAC,YAAY,CAAC;cACvC,IAAI,CAAC,MAAM,CAAC,QAAQ;cACpBC,yCAA6B,CAC3B,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CACd,CAAC;QAEN,QACEC,QAACC,qCAAqB,qDACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,EAC/C,oBAAoB,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,EACvE,qBAAqB,EAAE,MACrB,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,EAE9C,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,IAEpC,IAAI,CAAC,cAAc,IAClBD,qBAAQ,KAERA,gCACE,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,UAAU,GACE,CACvB,CACqB,EACxB;KACH;;;AAxE4B;IAA5BE,sCAAkB,EAAE;kDAA4B;AAGxB;IAAxBC,sCAAa,EAAE;gDAAkC;AACd;IAAnCC,iDAAwB,EAAE;2DAA+C;;;;;","names":["buildCustomEvent","getDefaultSlotFromHost","getAttributesFromLinkSlot","isUndefined","buildStringTemplateFromResult","h","LinkWithItemAnalytics","InitializeBindings","ResultContext","InteractiveResultContext"],"sources":["src/components/search/result-template-components/atomic-result-link/atomic-result-link.pcss?tag=atomic-result-link","src/components/search/result-template-components/atomic-result-link/atomic-result-link.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@~~import~~ '../../../../utils/tailwind-utilities/link-style.~~tw.~~css';\natomic-result-link {\n a {\n @apply link-style;\n }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {InteractiveResult} from '@coveo/headless';\nimport {Component, h, Prop, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../../utils/event-utils';\nimport {\n InitializableComponent,\n InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {buildStringTemplateFromResult} from '../../../../utils/result-utils';\nimport {getDefaultSlotFromHost} from '../../../../utils/slot-utils';\nimport {AnyUnfoldedItem} from '../../../common/item-list/unfolded-item';\nimport {getAttributesFromLinkSlot} from '../../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../../common/item-link/stencil-item-link';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {\n InteractiveResultContext,\n ResultContext,\n} from '../result-template-decorators';\n\n/*\n The `atomic-result-link` component automatically transforms a search result title into a clickable link that points to the original item.\n * @slot default - Lets you display alternative content inside the link\n * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to the link element, overriding other attributes, to be used exclusively with an \"a\" tag such as `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n /\n@Component({\n tag: 'atomic-result-link',\n styleUrl: 'atomic-result-link.pcss',\n shadow: false,\n})\nexport class AtomicResultLink implements InitializableComponent {\n @InitializeBindings() public bindings!: Bindings;\n public error!: Error;\n\n @ResultContext() private result!: AnyUnfoldedItem;\n @InteractiveResultContext() private interactiveResult!: InteractiveResult;\n\n @Element() private host!: HTMLElement;\n\n /\n Specifies a template literal from which to generate the `href` attribute value (see\n * [Template literals](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)).\n \n The template literal can reference any number of result properties from the parent result. It can also reference the window object.\n \n For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the result's `clickUri` and `itemtitle` fields.\n * ```html\n * <atomic-result-link href-template='${clickUri}?id=${raw.itemtitle}'></atomic-result-link>\n * ```\n */\n @Prop({reflect: true}) hrefTemplate?: string;\n\n private hasDefaultSlot!: boolean;\n private linkAttributes?: Attr[];\n private stopPropagation?: boolean;\n\n public initialize() {\n this.host.dispatchEvent(\n buildCustomEvent(\n 'atomic/resolveStopPropagation',\n (stopPropagation: boolean) => {\n this.stopPropagation = stopPropagation;\n }\n )\n );\n }\n\n public connectedCallback() {\n const slotName = 'attributes';\n this.hasDefaultSlot = !!getDefaultSlotFromHost(this.host);\n this.linkAttributes = getAttributesFromLinkSlot(this.host, slotName);\n }\n\n public render() {\n const href = isUndefined(this.hrefTemplate)\n ? this.result.clickUri\n : buildStringTemplateFromResult(\n this.hrefTemplate,\n this.result,\n this.bindings\n );\n\n return (\n <LinkWithItemAnalytics\n href={href}\n onSelect={() => this.interactiveResult.select()}\n onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n onCancelPendingSelect={() =>\n this.interactiveResult.cancelPendingSelect()\n }\n attributes={this.linkAttributes}\n stopPropagation={this.stopPropagation}\n >\n {this.hasDefaultSlot ? (\n <slot />\n ) : (\n <atomic-result-text\n field=\"title\"\n default=\"no-title\"\n ></atomic-result-text>\n )}\n </LinkWithItemAnalytics>\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-result-link.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;AAAA,MAAM,mBAAmB,GAAG,8uiEAA8uiE,CAAC;AAC3wiE,+BAAe,mBAAmB;;;;;;;;;;;;MC4BrB,gBAAgB;;;;;IA0BpB,UAAU;QACf,IAAI,CAAC,IAAI,CAAC,aAAa,CACrBA,2BAAgB,CACd,+BAA+B,EAC/B,CAAC,eAAwB;YACvB,IAAI,CAAC,eAAe,GAAG,eAAe,CAAC;SACxC,CACF,CACF,CAAC;KACH;IAEM,iBAAiB;QACtB,MAAM,QAAQ,GAAG,YAAY,CAAC;QAC9B,IAAI,CAAC,cAAc,GAAG,CAAC,CAACC,gCAAsB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAC1D,IAAI,CAAC,cAAc,GAAGC,wCAAyB,CAAC,IAAI,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC;KACtE;IAEM,MAAM;QACX,MAAM,IAAI,GAAGC,iBAAW,CAAC,IAAI,CAAC,YAAY,CAAC;cACvC,IAAI,CAAC,MAAM,CAAC,QAAQ;cACpBC,yCAA6B,CAC3B,IAAI,CAAC,YAAY,EACjB,IAAI,CAAC,MAAM,EACX,IAAI,CAAC,QAAQ,CACd,CAAC;QAEN,QACEC,QAACC,qCAAqB,qDACpB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,EAC/C,oBAAoB,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,kBAAkB,EAAE,EACvE,qBAAqB,EAAE,MACrB,IAAI,CAAC,iBAAiB,CAAC,mBAAmB,EAAE,EAE9C,UAAU,EAAE,IAAI,CAAC,cAAc,EAC/B,eAAe,EAAE,IAAI,CAAC,eAAe,IAEpC,IAAI,CAAC,cAAc,IAClBD,qBAAQ,KAERA,gCACE,KAAK,EAAC,OAAO,EACb,OAAO,EAAC,UAAU,GACE,CACvB,CACqB,EACxB;KACH;;;AAxE4B;IAA5BE,sCAAkB,EAAE;kDAA4B;AAGxB;IAAxBC,sCAAa,EAAE;gDAAkC;AACd;IAAnCC,iDAAwB,EAAE;2DAA+C;;;;;","names":["buildCustomEvent","getDefaultSlotFromHost","getAttributesFromLinkSlot","isUndefined","buildStringTemplateFromResult","h","LinkWithItemAnalytics","InitializeBindings","ResultContext","InteractiveResultContext"],"sources":["src/components/search/result-template-components/atomic-result-link/atomic-result-link.pcss?tag=atomic-result-link","src/components/search/result-template-components/atomic-result-link/atomic-result-link.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/link-style.css';\natomic-result-link {\n a {\n @apply link-style;\n }\n}\n","import {isUndefined} from '@coveo/bueno';\nimport {InteractiveResult} from '@coveo/headless';\nimport {Component, h, Prop, Element} from '@stencil/core';\nimport {buildCustomEvent} from '../../../../utils/event-utils';\nimport {\n InitializableComponent,\n InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {buildStringTemplateFromResult} from '../../../../utils/result-utils';\nimport {getDefaultSlotFromHost} from '../../../../utils/slot-utils';\nimport {AnyUnfoldedItem} from '../../../common/item-list/unfolded-item';\nimport {getAttributesFromLinkSlot} from '../../../common/item-link/attributes-slot';\nimport {LinkWithItemAnalytics} from '../../../common/item-link/stencil-item-link';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\nimport {\n InteractiveResultContext,\n ResultContext,\n} from '../result-template-decorators';\n\n/*\n The `atomic-result-link` component automatically transforms a search result title into a clickable link that points to the original item.\n * @slot default - Lets you display alternative content inside the link\n * @slot attributes - Lets you pass [attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#attributes) down to the link element, overriding other attributes, to be used exclusively with an \"a\" tag such as `<a slot=\"attributes\" target=\"_blank\" download></a>`.\n /\n@Component({\n tag: 'atomic-result-link',\n styleUrl: 'atomic-result-link.pcss',\n shadow: false,\n})\nexport class AtomicResultLink implements InitializableComponent {\n @InitializeBindings() public bindings!: Bindings;\n public error!: Error;\n\n @ResultContext() private result!: AnyUnfoldedItem;\n @InteractiveResultContext() private interactiveResult!: InteractiveResult;\n\n @Element() private host!: HTMLElement;\n\n /\n Specifies a template literal from which to generate the `href` attribute value (see\n * [Template literals](https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals)).\n \n The template literal can reference any number of result properties from the parent result. It can also reference the window object.\n \n For example, the following markup generates an `href` value such as `http://uri.com?id=itemTitle`, using the result's `clickUri` and `itemtitle` fields.\n * ```html\n * <atomic-result-link href-template='${clickUri}?id=${raw.itemtitle}'></atomic-result-link>\n * ```\n */\n @Prop({reflect: true}) hrefTemplate?: string;\n\n private hasDefaultSlot!: boolean;\n private linkAttributes?: Attr[];\n private stopPropagation?: boolean;\n\n public initialize() {\n this.host.dispatchEvent(\n buildCustomEvent(\n 'atomic/resolveStopPropagation',\n (stopPropagation: boolean) => {\n this.stopPropagation = stopPropagation;\n }\n )\n );\n }\n\n public connectedCallback() {\n const slotName = 'attributes';\n this.hasDefaultSlot = !!getDefaultSlotFromHost(this.host);\n this.linkAttributes = getAttributesFromLinkSlot(this.host, slotName);\n }\n\n public render() {\n const href = isUndefined(this.hrefTemplate)\n ? this.result.clickUri\n : buildStringTemplateFromResult(\n this.hrefTemplate,\n this.result,\n this.bindings\n );\n\n return (\n <LinkWithItemAnalytics\n href={href}\n onSelect={() => this.interactiveResult.select()}\n onBeginDelayedSelect={() => this.interactiveResult.beginDelayedSelect()}\n onCancelPendingSelect={() =>\n this.interactiveResult.cancelPendingSelect()\n }\n attributes={this.linkAttributes}\n stopPropagation={this.stopPropagation}\n >\n {this.hasDefaultSlot ? (\n <slot />\n ) : (\n <atomic-result-text\n field=\"title\"\n default=\"no-title\"\n ></atomic-result-text>\n )}\n </LinkWithItemAnalytics>\n );\n }\n}\n"],"version":3}

package/dist/cjs/atomic-search-interface.cjs.entry.js CHANGED Viewed

@@ -5,10 +5,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const initQueue = require('./init-queue-a18aa323.js');
 const headless = require('@coveo/headless');
-const analyticsConfig = require('./analytics-config-0f2badb5.js');
+const analyticsConfig = require('./analytics-config-c72a2e76.js');
 const localStorageUtils = require('./local-storage-utils-380ce22b.js');
 const propsUtils = require('./props-utils-1e4ba1b0.js');
-const searchLayout = require('./search-layout-419e7eb4.js');
+const searchLayout = require('./search-layout-b597f6fc.js');
 const replaceBreakpoint = require('./replace-breakpoint-9e1c0efa.js');
 const store = require('./store-82abd941.js');
 require('./dayjs.min-8b80e6d1.js');

package/dist/cjs/atomic-search-layout.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const initializationUtils = require('./initialization-utils-381854d1.js');
 const replaceBreakpoint = require('./replace-breakpoint-9e1c0efa.js');
 const utils = require('./utils-7153ae6b.js');
-const searchLayout = require('./search-layout-419e7eb4.js');
+const searchLayout = require('./search-layout-b597f6fc.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');

package/dist/cjs/atomic-segmented-facet-scrollable.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-segmented-facet-scrollable.entry.cjs.js","mappings":"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","names":["buildSearchStatus","h","Button","ArrowLeftIcon","ArrowRightIcon","Hidden","InitializeBindings","BindStateToController"],"sources":["src/components/search/facets/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.pcss?tag=atomic-segmented-facet-scrollable&encapsulation=shadow","src/components/search/facets/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@~~import~~ '../../../../utils/tailwind-utilities/hide-scrollbar.~~tw.~~css';\n\n.wrapper-segmented {\n @apply hide-scrollbar;\n}\n","import {\n buildSearchStatus,\n SearchStatus,\n SearchStatusState,\n} from '@coveo/headless';\nimport {Component, Element, h, Listen, State} from '@stencil/core';\nimport {Bindings} from '../../../..';\nimport ArrowLeftIcon from '../../../../images/arrow-left-rounded.svg';\nimport ArrowRightIcon from '../../../../images/arrow-right-rounded.svg';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {Hidden} from '../../../common/stencil-hidden';\n\ntype ArrowDirection = 'right' \| 'left';\n\n/*\n The 'atomic-segmented-facet-scrollable' component wraps around one or several 'atomic-segmented-facet' to provide horizontal scrolling capabilities.\n \n @slot default - One or multiple atomic-segmented-facet components\n \n @part scrollable-container - The wrapper for the entire component including the horizontal-scroll container and the arrow buttons.\n * @part horizontal-scroll - The scrollable container for the segmented facets.\n * @part left-arrow-wrapper - The wrapper for the arrow button & fade on the left.\n * @part right-arrow-wrapper - The wrapper for the arrow button & fade on the right.\n * @part left-arrow-button - The arrow button used to scroll on the left.\n * @part right-arrow-button - The arrow button used to scroll on the right.\n * @part left-arrow-icon - The arrow icon on the left.\n * @part right-arrow-icon - The arrow icon on the right.\n * @part left-fade - The white to transparent gradient on the left.\n * @part right-fade - The white to transparent gradient on the right.\n /\n@Component({\n tag: 'atomic-segmented-facet-scrollable',\n styleUrl: 'atomic-segmented-facet-scrollable.pcss',\n shadow: true,\n})\nexport class AtomicSegmentedFacetScrollable implements InitializableComponent {\n @Element() private host!: HTMLElement;\n private horizontalScrollRef?: HTMLElement;\n private arrowRef?: HTMLElement;\n private observer!: ResizeObserver;\n\n @InitializeBindings()\n public bindings!: Bindings;\n public searchStatus!: SearchStatus;\n @BindStateToController('searchStatus')\n @State()\n public searchStatusState!: SearchStatusState;\n @State()\n public error!: Error;\n @State() private hideLeftArrow = true;\n @State() private hideRightArrow = true;\n\n public initialize() {\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n }\n\n public componentDidLoad() {\n this.observer = new ResizeObserver(() => {\n this.handleScroll();\n });\n\n Array.from(this.host.children).forEach((el) => this.observer.observe(el));\n this.observer.observe(this.horizontalScrollRef!);\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n }\n\n @Listen('wheel')\n @Listen('touchmove')\n @Listen('keydown')\n public handleScroll() {\n if (!this.horizontalScrollRef) {\n return;\n }\n const container = this.horizontalScrollRef;\n const isScrollable = container.clientWidth < container.scrollWidth;\n\n const isLeftEdge = Math.floor(container.scrollLeft) <= 0;\n const isRightEdge =\n Math.ceil(container.scrollLeft) >=\n container.scrollWidth - container.clientWidth;\n\n this.hideLeftArrow = !isScrollable \|\| isLeftEdge;\n this.hideRightArrow = !isScrollable \|\| isRightEdge;\n }\n\n private slideHorizontally(direction: ArrowDirection) {\n const container = this.horizontalScrollRef!;\n const arrowsWidth = this.arrowRef!.clientWidth 2;\n\n const pixelsToScroll = (container.clientWidth - arrowsWidth) * 0.7;\n\n const isLeftEdge = Math.floor(container.scrollLeft - pixelsToScroll) <= 0;\n const isRightEdge =\n Math.ceil(container.scrollLeft + pixelsToScroll) >=\n container.scrollWidth - container.clientWidth;\n\n this.hideLeftArrow = false;\n this.hideRightArrow = false;\n\n if (direction === 'left') {\n container.scrollLeft -= pixelsToScroll;\n this.hideLeftArrow = isLeftEdge;\n return;\n }\n\n container.scrollLeft += pixelsToScroll;\n this.hideRightArrow = isRightEdge;\n }\n\n private renderArrow(direction: ArrowDirection) {\n const hide =\n (direction === 'left' && this.hideLeftArrow) \|\|\n (direction === 'right' && this.hideRightArrow);\n const hiddenClass = hide ? 'invisible opacity-0' : '';\n const transitionClass =\n 'transition-opacity transition-[visibility] ease-in-out duration-300';\n\n return (\n <div\n part={`${direction}-arrow-wrapper`}\n class={`${hiddenClass} ${transitionClass}`}\n >\n <Button\n part={`${direction}-arrow-button`}\n style=\"square-neutral\"\n class={`absolute top-0 bottom-0 z-1 flex h-10 w-10 shrink-0 basis-8 items-center justify-center rounded ${\n direction === 'left' ? 'left-0' : 'right-0'\n }`}\n ariaHidden=\"true\"\n tabIndex=\"-1\"\n onClick={() => this.slideHorizontally(direction)}\n ref={(el) => (this.arrowRef = el)}\n >\n <atomic-icon\n part={`${direction}-arrow-icon`}\n class=\"w-3.5\"\n icon={direction === 'left' ? ArrowLeftIcon : ArrowRightIcon}\n ></atomic-icon>\n </Button>\n <div\n part={`${direction}-fade`}\n class={`from-background/60 pointer-events-none absolute top-0 z-0 h-10 w-20 ${\n direction === 'left'\n ? 'left-0 bg-linear-to-r'\n : 'right-0 bg-linear-to-l'\n }`}\n ></div>\n </div>\n );\n }\n\n public render() {\n if (this.searchStatus.state.hasError) {\n return <Hidden></Hidden>;\n }\n\n return (\n <div part=\"scrollable-container\" class=\"relative flex\">\n {this.renderArrow('left')}\n <div\n part=\"horizontal-scroll\"\n class=\"wrapper-segmented flex flex-row overflow-x-scroll scroll-smooth\"\n ref={(el) => (this.horizontalScrollRef = el)}\n >\n <slot></slot>\n </div>\n {this.renderArrow('right')}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-segmented-facet-scrollable.entry.cjs.js","mappings":"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","names":["buildSearchStatus","h","Button","ArrowLeftIcon","ArrowRightIcon","Hidden","InitializeBindings","BindStateToController"],"sources":["src/components/search/facets/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.pcss?tag=atomic-segmented-facet-scrollable&encapsulation=shadow","src/components/search/facets/atomic-segmented-facet-scrollable/atomic-segmented-facet-scrollable.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/hide-scrollbar.css';\n\n.wrapper-segmented {\n @apply hide-scrollbar;\n}\n","import {\n buildSearchStatus,\n SearchStatus,\n SearchStatusState,\n} from '@coveo/headless';\nimport {Component, Element, h, Listen, State} from '@stencil/core';\nimport {Bindings} from '../../../..';\nimport ArrowLeftIcon from '../../../../images/arrow-left-rounded.svg';\nimport ArrowRightIcon from '../../../../images/arrow-right-rounded.svg';\nimport {\n BindStateToController,\n InitializableComponent,\n InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {Hidden} from '../../../common/stencil-hidden';\n\ntype ArrowDirection = 'right' \| 'left';\n\n/*\n The 'atomic-segmented-facet-scrollable' component wraps around one or several 'atomic-segmented-facet' to provide horizontal scrolling capabilities.\n \n @slot default - One or multiple atomic-segmented-facet components\n \n @part scrollable-container - The wrapper for the entire component including the horizontal-scroll container and the arrow buttons.\n * @part horizontal-scroll - The scrollable container for the segmented facets.\n * @part left-arrow-wrapper - The wrapper for the arrow button & fade on the left.\n * @part right-arrow-wrapper - The wrapper for the arrow button & fade on the right.\n * @part left-arrow-button - The arrow button used to scroll on the left.\n * @part right-arrow-button - The arrow button used to scroll on the right.\n * @part left-arrow-icon - The arrow icon on the left.\n * @part right-arrow-icon - The arrow icon on the right.\n * @part left-fade - The white to transparent gradient on the left.\n * @part right-fade - The white to transparent gradient on the right.\n /\n@Component({\n tag: 'atomic-segmented-facet-scrollable',\n styleUrl: 'atomic-segmented-facet-scrollable.pcss',\n shadow: true,\n})\nexport class AtomicSegmentedFacetScrollable implements InitializableComponent {\n @Element() private host!: HTMLElement;\n private horizontalScrollRef?: HTMLElement;\n private arrowRef?: HTMLElement;\n private observer!: ResizeObserver;\n\n @InitializeBindings()\n public bindings!: Bindings;\n public searchStatus!: SearchStatus;\n @BindStateToController('searchStatus')\n @State()\n public searchStatusState!: SearchStatusState;\n @State()\n public error!: Error;\n @State() private hideLeftArrow = true;\n @State() private hideRightArrow = true;\n\n public initialize() {\n this.searchStatus = buildSearchStatus(this.bindings.engine);\n }\n\n public componentDidLoad() {\n this.observer = new ResizeObserver(() => {\n this.handleScroll();\n });\n\n Array.from(this.host.children).forEach((el) => this.observer.observe(el));\n this.observer.observe(this.horizontalScrollRef!);\n }\n\n disconnectedCallback() {\n this.observer.disconnect();\n }\n\n @Listen('wheel')\n @Listen('touchmove')\n @Listen('keydown')\n public handleScroll() {\n if (!this.horizontalScrollRef) {\n return;\n }\n const container = this.horizontalScrollRef;\n const isScrollable = container.clientWidth < container.scrollWidth;\n\n const isLeftEdge = Math.floor(container.scrollLeft) <= 0;\n const isRightEdge =\n Math.ceil(container.scrollLeft) >=\n container.scrollWidth - container.clientWidth;\n\n this.hideLeftArrow = !isScrollable \|\| isLeftEdge;\n this.hideRightArrow = !isScrollable \|\| isRightEdge;\n }\n\n private slideHorizontally(direction: ArrowDirection) {\n const container = this.horizontalScrollRef!;\n const arrowsWidth = this.arrowRef!.clientWidth 2;\n\n const pixelsToScroll = (container.clientWidth - arrowsWidth) * 0.7;\n\n const isLeftEdge = Math.floor(container.scrollLeft - pixelsToScroll) <= 0;\n const isRightEdge =\n Math.ceil(container.scrollLeft + pixelsToScroll) >=\n container.scrollWidth - container.clientWidth;\n\n this.hideLeftArrow = false;\n this.hideRightArrow = false;\n\n if (direction === 'left') {\n container.scrollLeft -= pixelsToScroll;\n this.hideLeftArrow = isLeftEdge;\n return;\n }\n\n container.scrollLeft += pixelsToScroll;\n this.hideRightArrow = isRightEdge;\n }\n\n private renderArrow(direction: ArrowDirection) {\n const hide =\n (direction === 'left' && this.hideLeftArrow) \|\|\n (direction === 'right' && this.hideRightArrow);\n const hiddenClass = hide ? 'invisible opacity-0' : '';\n const transitionClass =\n 'transition-opacity transition-[visibility] ease-in-out duration-300';\n\n return (\n <div\n part={`${direction}-arrow-wrapper`}\n class={`${hiddenClass} ${transitionClass}`}\n >\n <Button\n part={`${direction}-arrow-button`}\n style=\"square-neutral\"\n class={`absolute top-0 bottom-0 z-1 flex h-10 w-10 shrink-0 basis-8 items-center justify-center rounded ${\n direction === 'left' ? 'left-0' : 'right-0'\n }`}\n ariaHidden=\"true\"\n tabIndex=\"-1\"\n onClick={() => this.slideHorizontally(direction)}\n ref={(el) => (this.arrowRef = el)}\n >\n <atomic-icon\n part={`${direction}-arrow-icon`}\n class=\"w-3.5\"\n icon={direction === 'left' ? ArrowLeftIcon : ArrowRightIcon}\n ></atomic-icon>\n </Button>\n <div\n part={`${direction}-fade`}\n class={`from-background/60 pointer-events-none absolute top-0 z-0 h-10 w-20 ${\n direction === 'left'\n ? 'left-0 bg-linear-to-r'\n : 'right-0 bg-linear-to-l'\n }`}\n ></div>\n </div>\n );\n }\n\n public render() {\n if (this.searchStatus.state.hasError) {\n return <Hidden></Hidden>;\n }\n\n return (\n <div part=\"scrollable-container\" class=\"relative flex\">\n {this.renderArrow('left')}\n <div\n part=\"horizontal-scroll\"\n class=\"wrapper-segmented flex flex-row overflow-x-scroll scroll-smooth\"\n ref={(el) => (this.horizontalScrollRef = el)}\n >\n <slot></slot>\n </div>\n {this.renderArrow('right')}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/atomic-smart-snippet-collapse-wrapper_2.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-smart-snippet-collapse-wrapper.atomic-smart-snippet-expandable-answer.entry.cjs.js","mappings":"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","names":["h","ArrowDown","Host","__decorate","InitializeBindings","listenOnce"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.pcss?tag=atomic-smart-snippet-collapse-wrapper&encapsulation=shadow","src/components/common/smart-snippets/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.tsx","src/components/common/smart-snippets/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.pcss?tag=atomic-smart-snippet-expandable-answer&encapsulation=shadow","src/components/common/smart-snippets/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@import '../../../../utils/tailwind-utilities/set-font-size.tw.css';\n\n/*\n @prop --atomic-smart-snippet-gradient-start: At which height to start fading out a truncated answer.\n /\n:host {\n &::part(smart-snippet-collapse-wrapper) {\n @apply set-font-size-lg;\n\n height: auto;\n max-height: var(--collapsed-size);\n\n --gradient-start: var(\n --atomic-smart-snippet-gradient-start,\n calc(max(var(--collapsed-size) - (var(--line-height) 1.5), var(--collapsed-size) * 0.5))\n );\n @apply text-on-background;\n mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);\n\n transition: max-height 2s cubic-bezier(0, 1, 0.16, 1) -1.82s;\n }\n\n button atomic-icon {\n @apply relative top-0.5;\n }\n}\n\n:host(.expanded) {\n &::part(smart-snippet-collapse-wrapper) {\n height: auto;\n max-height: 9999999px;\n transition: max-height 2s cubic-bezier(1, 0, 1, 0) 0s;\n mask-image: none;\n }\n\n button atomic-icon {\n @apply top-0 -scale-y-100;\n }\n}\n","import {Component, h, Element, State, Prop, Host} from '@stencil/core';\nimport ArrowDown from '../../../../images/arrow-down.svg';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {AnyBindings} from '../../interface/bindings';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-smart-snippet-collapse-wrapper',\n styleUrl: 'atomic-smart-snippet-collapse-wrapper.pcss',\n shadow: true,\n})\nexport class AtomicSmartSnippetCollapseWrapper {\n @InitializeBindings() public bindings!: AnyBindings;\n public error!: Error;\n @Element() public host!: HTMLElement;\n\n @Prop({reflect: true}) public maximumHeight?: number;\n\n @Prop({reflect: true}) public collapsedHeight?: number;\n\n @State() public isExpanded = true;\n\n @State() public showButton = true;\n\n @State() private fullHeight?: number;\n\n private shouldRenderButton = !!this.maximumHeight;\n\n private validateProps() {\n if (\n this.maximumHeight &&\n (!this.collapsedHeight \|\| this.maximumHeight < this.collapsedHeight)\n ) {\n throw new Error(\n 'snippetMaximumHeight must be equal or greater than snippetCollapsedHeight'\n );\n }\n }\n\n public initialize() {\n this.validateProps();\n }\n\n public componentDidRender() {\n if (this.fullHeight === undefined && this.shouldRenderButton) {\n this.initializeFullHeight();\n }\n }\n\n private initializeFullHeight() {\n this.fullHeight = this.host.getBoundingClientRect().height;\n this.showButton = this.fullHeight! > this.maximumHeight!;\n this.isExpanded = !this.showButton;\n this.host.style.setProperty(\n '--collapsed-size',\n this.collapsedHeight + 'px'\n );\n }\n\n private renderButton() {\n if (!this.showButton) {\n return;\n }\n return (\n <button\n onClick={() => (this.isExpanded = !this.isExpanded)}\n class=\"text-primary mb-4 hover:underline\"\n part={this.isExpanded ? 'show-less-button' : 'show-more-button'}\n >\n {this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}\n <atomic-icon\n icon={ArrowDown}\n class=\"ml-2 w-3 align-baseline\"\n ></atomic-icon>\n </button>\n );\n }\n\n render() {\n return (\n <Host\n class={\n this.fullHeight \|\| !this.shouldRenderButton\n ? this.isExpanded\n ? 'expanded'\n : ''\n : 'invisible'\n }\n >\n <div\n part=\"smart-snippet-collapse-wrapper\"\n class=\"block overflow-hidden\"\n >\n <slot></slot>\n </div>\n {this.shouldRenderButton && this.renderButton()}\n </Host>\n );\n }\n}\n","@import '../../../../global/global.pcss';\n@import '../../../../utils/tailwind-utilities/set-font-size.tw.css';\n\n/\n @prop --atomic-smart-snippet-gradient-start: At which height to start fading out a truncated answer.\n /\n:host {\n atomic-smart-snippet-answer {\n @apply set-font-size-lg;\n\n display: block;\n overflow: hidden;\n height: var(--collapsed-size);\n\n --gradient-start: var(\n --atomic-smart-snippet-gradient-start,\n calc(max(var(--collapsed-size) - (var(--line-height) 1.5), var(--collapsed-size) * 0.5))\n );\n @apply text-on-background;\n mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);\n\n &.loaded {\n transition: height ease-in-out 0.25s;\n }\n }\n\n button atomic-icon {\n @apply relative top-0.5;\n }\n\n .expanded {\n atomic-smart-snippet-answer {\n height: var(--full-height);\n mask-image: none;\n }\n\n button atomic-icon {\n @apply top-0 -scale-y-100;\n }\n }\n}\n","import {InlineLink} from '@coveo/headless';\nimport {\n h,\n Component,\n State,\n Prop,\n Element,\n Watch,\n Event,\n EventEmitter,\n} from '@stencil/core';\nimport ArrowDown from '../../../../images/arrow-down.svg';\nimport {listenOnce} from '../../../../utils/event-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {AnyBindings} from '../../interface/bindings';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-smart-snippet-expandable-answer',\n styleUrl: 'atomic-smart-snippet-expandable-answer.pcss',\n shadow: true,\n})\nexport class AtomicSmartSnippetExpandableAnswer {\n @InitializeBindings() public bindings!: AnyBindings;\n public error!: Error;\n @Element() public host!: HTMLElement;\n\n @Prop({reflect: true}) expanded!: boolean;\n @Prop() htmlContent!: string;\n /\n The maximum height (in pixels) a snippet can have before the component truncates it and displays a \"show more\" button.\n /\n @Prop({reflect: true}) maximumHeight = 250;\n /\n When the answer is partly hidden, how much of its height (in pixels) should be visible.\n /\n @Prop({reflect: true}) collapsedHeight = 180;\n /\n Sets the style of the snippet.\n \n Example:\n * ```ts\n * expandableAnswer.snippetStyle = `\n * b {\n * color: blue;\n * }\n * `;\n * ```\n */\n @Prop() snippetStyle?: string;\n\n @State() fullHeight?: number;\n\n @Event() expand!: EventEmitter;\n @Event() collapse!: EventEmitter;\n @Event() selectInlineLink!: EventEmitter<InlineLink>;\n @Event() beginDelayedSelectInlineLink!: EventEmitter<InlineLink>;\n @Event() cancelPendingSelectInlineLink!: EventEmitter<InlineLink>;\n\n private validateProps() {\n if (this.maximumHeight < this.collapsedHeight) {\n throw 'maximumHeight must be equal or greater than collapsedHeight';\n }\n }\n\n public initialize() {\n this.validateProps();\n }\n\n @Watch('fullHeight')\n public fullHeightUpdated() {\n this.host.style.setProperty('--full-height', `${this.fullHeight}px`);\n this.host.style.setProperty(\n '--collapsed-size',\n `${this.showButton ? this.collapsedHeight : this.fullHeight}px`\n );\n }\n\n private establishInitialHeight() {\n const answerElement = document.createElement('atomic-smart-snippet-answer');\n answerElement.htmlContent = this.htmlContent;\n answerElement.innerStyle = this.snippetStyle;\n answerElement.style.visibility = 'hidden';\n answerElement.style.position = 'absolute';\n return new Promise<number>((resolve) => {\n listenOnce(answerElement, 'answerSizeUpdated', (event) => {\n answerElement.remove();\n resolve((event as CustomEvent<{height: number}>).detail.height);\n });\n this.host.parentElement!.appendChild(answerElement);\n });\n }\n\n private get showButton() {\n return this.fullHeight! > this.maximumHeight;\n }\n\n private get isExpanded() {\n return this.expanded \|\| !this.showButton;\n }\n\n public async componentWillLoad() {\n this.fullHeight = await this.establishInitialHeight();\n }\n\n public renderAnswer() {\n return (\n <div part=\"truncated-answer\">\n <atomic-smart-snippet-answer\n exportparts=\"answer\"\n htmlContent={this.htmlContent}\n innerStyle={this.snippetStyle}\n onAnswerSizeUpdated={(e) => (this.fullHeight = e.detail.height)}\n onSelectInlineLink={(e) => this.selectInlineLink.emit(e.detail)}\n onBeginDelayedSelectInlineLink={(e) =>\n this.beginDelayedSelectInlineLink.emit(e.detail)\n }\n onCancelPendingSelectInlineLink={(e) =>\n this.cancelPendingSelectInlineLink.emit(e.detail)\n }\n ></atomic-smart-snippet-answer>\n </div>\n );\n }\n\n public renderButton() {\n if (!this.showButton) {\n return;\n }\n return (\n <button\n onClick={() =>\n this.isExpanded ? this.collapse.emit() : this.expand.emit()\n }\n class=\"text-primary mb-4 hover:underline\"\n part={this.isExpanded ? 'show-less-button' : 'show-more-button'}\n >\n {this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}\n <atomic-icon\n icon={ArrowDown}\n class=\"ml-2 w-3 align-baseline\"\n ></atomic-icon>\n </button>\n );\n }\n\n public render() {\n return (\n <div class={this.isExpanded ? 'expanded' : ''}>\n {this.renderAnswer()}\n {this.renderButton()}\n </div>\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-smart-snippet-collapse-wrapper.atomic-smart-snippet-expandable-answer.entry.cjs.js","mappings":"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","names":["h","ArrowDown","Host","__decorate","InitializeBindings","listenOnce"],"sources":["src/components/common/smart-snippets/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.pcss?tag=atomic-smart-snippet-collapse-wrapper&encapsulation=shadow","src/components/common/smart-snippets/atomic-smart-snippet-collapse-wrapper/atomic-smart-snippet-collapse-wrapper.tsx","src/components/common/smart-snippets/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.pcss?tag=atomic-smart-snippet-expandable-answer&encapsulation=shadow","src/components/common/smart-snippets/atomic-smart-snippet-expandable-answer/atomic-smart-snippet-expandable-answer.tsx"],"sourcesContent":["@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/set-font-size.css';\n\n/*\n @prop --atomic-smart-snippet-gradient-start: At which height to start fading out a truncated answer.\n /\n:host {\n &::part(smart-snippet-collapse-wrapper) {\n @apply set-font-size-lg;\n\n height: auto;\n max-height: var(--collapsed-size);\n\n --gradient-start: var(\n --atomic-smart-snippet-gradient-start,\n calc(max(var(--collapsed-size) - (var(--line-height) 1.5), var(--collapsed-size) * 0.5))\n );\n @apply text-on-background;\n mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);\n\n transition: max-height 2s cubic-bezier(0, 1, 0.16, 1) -1.82s;\n }\n\n button atomic-icon {\n @apply relative top-0.5;\n }\n}\n\n:host(.expanded) {\n &::part(smart-snippet-collapse-wrapper) {\n height: auto;\n max-height: 9999999px;\n transition: max-height 2s cubic-bezier(1, 0, 1, 0) 0s;\n mask-image: none;\n }\n\n button atomic-icon {\n @apply top-0 -scale-y-100;\n }\n}\n","import {Component, h, Element, State, Prop, Host} from '@stencil/core';\nimport ArrowDown from '../../../../images/arrow-down.svg';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {AnyBindings} from '../../interface/bindings';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-smart-snippet-collapse-wrapper',\n styleUrl: 'atomic-smart-snippet-collapse-wrapper.pcss',\n shadow: true,\n})\nexport class AtomicSmartSnippetCollapseWrapper {\n @InitializeBindings() public bindings!: AnyBindings;\n public error!: Error;\n @Element() public host!: HTMLElement;\n\n @Prop({reflect: true}) public maximumHeight?: number;\n\n @Prop({reflect: true}) public collapsedHeight?: number;\n\n @State() public isExpanded = true;\n\n @State() public showButton = true;\n\n @State() private fullHeight?: number;\n\n private shouldRenderButton = !!this.maximumHeight;\n\n private validateProps() {\n if (\n this.maximumHeight &&\n (!this.collapsedHeight \|\| this.maximumHeight < this.collapsedHeight)\n ) {\n throw new Error(\n 'snippetMaximumHeight must be equal or greater than snippetCollapsedHeight'\n );\n }\n }\n\n public initialize() {\n this.validateProps();\n }\n\n public componentDidRender() {\n if (this.fullHeight === undefined && this.shouldRenderButton) {\n this.initializeFullHeight();\n }\n }\n\n private initializeFullHeight() {\n this.fullHeight = this.host.getBoundingClientRect().height;\n this.showButton = this.fullHeight! > this.maximumHeight!;\n this.isExpanded = !this.showButton;\n this.host.style.setProperty(\n '--collapsed-size',\n this.collapsedHeight + 'px'\n );\n }\n\n private renderButton() {\n if (!this.showButton) {\n return;\n }\n return (\n <button\n onClick={() => (this.isExpanded = !this.isExpanded)}\n class=\"text-primary mb-4 hover:underline\"\n part={this.isExpanded ? 'show-less-button' : 'show-more-button'}\n >\n {this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}\n <atomic-icon\n icon={ArrowDown}\n class=\"ml-2 w-3 align-baseline\"\n ></atomic-icon>\n </button>\n );\n }\n\n render() {\n return (\n <Host\n class={\n this.fullHeight \|\| !this.shouldRenderButton\n ? this.isExpanded\n ? 'expanded'\n : ''\n : 'invisible'\n }\n >\n <div\n part=\"smart-snippet-collapse-wrapper\"\n class=\"block overflow-hidden\"\n >\n <slot></slot>\n </div>\n {this.shouldRenderButton && this.renderButton()}\n </Host>\n );\n }\n}\n","@import '../../../../global/global.pcss';\n@reference '../../../../utils/tailwind-utilities/set-font-size.css';\n\n/\n @prop --atomic-smart-snippet-gradient-start: At which height to start fading out a truncated answer.\n /\n:host {\n atomic-smart-snippet-answer {\n @apply set-font-size-lg;\n\n display: block;\n overflow: hidden;\n height: var(--collapsed-size);\n\n --gradient-start: var(\n --atomic-smart-snippet-gradient-start,\n calc(max(var(--collapsed-size) - (var(--line-height) 1.5), var(--collapsed-size) * 0.5))\n );\n @apply text-on-background;\n mask-image: linear-gradient(black, black var(--gradient-start), transparent 100%);\n\n &.loaded {\n transition: height ease-in-out 0.25s;\n }\n }\n\n button atomic-icon {\n @apply relative top-0.5;\n }\n\n .expanded {\n atomic-smart-snippet-answer {\n height: var(--full-height);\n mask-image: none;\n }\n\n button atomic-icon {\n @apply top-0 -scale-y-100;\n }\n }\n}\n","import {InlineLink} from '@coveo/headless';\nimport {\n h,\n Component,\n State,\n Prop,\n Element,\n Watch,\n Event,\n EventEmitter,\n} from '@stencil/core';\nimport ArrowDown from '../../../../images/arrow-down.svg';\nimport {listenOnce} from '../../../../utils/event-utils';\nimport {InitializeBindings} from '../../../../utils/initialization-utils';\nimport {AnyBindings} from '../../interface/bindings';\n\n/*\n @internal\n /\n@Component({\n tag: 'atomic-smart-snippet-expandable-answer',\n styleUrl: 'atomic-smart-snippet-expandable-answer.pcss',\n shadow: true,\n})\nexport class AtomicSmartSnippetExpandableAnswer {\n @InitializeBindings() public bindings!: AnyBindings;\n public error!: Error;\n @Element() public host!: HTMLElement;\n\n @Prop({reflect: true}) expanded!: boolean;\n @Prop() htmlContent!: string;\n /\n The maximum height (in pixels) a snippet can have before the component truncates it and displays a \"show more\" button.\n /\n @Prop({reflect: true}) maximumHeight = 250;\n /\n When the answer is partly hidden, how much of its height (in pixels) should be visible.\n /\n @Prop({reflect: true}) collapsedHeight = 180;\n /\n Sets the style of the snippet.\n \n Example:\n * ```ts\n * expandableAnswer.snippetStyle = `\n * b {\n * color: blue;\n * }\n * `;\n * ```\n */\n @Prop() snippetStyle?: string;\n\n @State() fullHeight?: number;\n\n @Event() expand!: EventEmitter;\n @Event() collapse!: EventEmitter;\n @Event() selectInlineLink!: EventEmitter<InlineLink>;\n @Event() beginDelayedSelectInlineLink!: EventEmitter<InlineLink>;\n @Event() cancelPendingSelectInlineLink!: EventEmitter<InlineLink>;\n\n private validateProps() {\n if (this.maximumHeight < this.collapsedHeight) {\n throw 'maximumHeight must be equal or greater than collapsedHeight';\n }\n }\n\n public initialize() {\n this.validateProps();\n }\n\n @Watch('fullHeight')\n public fullHeightUpdated() {\n this.host.style.setProperty('--full-height', `${this.fullHeight}px`);\n this.host.style.setProperty(\n '--collapsed-size',\n `${this.showButton ? this.collapsedHeight : this.fullHeight}px`\n );\n }\n\n private establishInitialHeight() {\n const answerElement = document.createElement('atomic-smart-snippet-answer');\n answerElement.htmlContent = this.htmlContent;\n answerElement.innerStyle = this.snippetStyle;\n answerElement.style.visibility = 'hidden';\n answerElement.style.position = 'absolute';\n return new Promise<number>((resolve) => {\n listenOnce(answerElement, 'answerSizeUpdated', (event) => {\n answerElement.remove();\n resolve((event as CustomEvent<{height: number}>).detail.height);\n });\n this.host.parentElement!.appendChild(answerElement);\n });\n }\n\n private get showButton() {\n return this.fullHeight! > this.maximumHeight;\n }\n\n private get isExpanded() {\n return this.expanded \|\| !this.showButton;\n }\n\n public async componentWillLoad() {\n this.fullHeight = await this.establishInitialHeight();\n }\n\n public renderAnswer() {\n return (\n <div part=\"truncated-answer\">\n <atomic-smart-snippet-answer\n exportparts=\"answer\"\n htmlContent={this.htmlContent}\n innerStyle={this.snippetStyle}\n onAnswerSizeUpdated={(e) => (this.fullHeight = e.detail.height)}\n onSelectInlineLink={(e) => this.selectInlineLink.emit(e.detail)}\n onBeginDelayedSelectInlineLink={(e) =>\n this.beginDelayedSelectInlineLink.emit(e.detail)\n }\n onCancelPendingSelectInlineLink={(e) =>\n this.cancelPendingSelectInlineLink.emit(e.detail)\n }\n ></atomic-smart-snippet-answer>\n </div>\n );\n }\n\n public renderButton() {\n if (!this.showButton) {\n return;\n }\n return (\n <button\n onClick={() =>\n this.isExpanded ? this.collapse.emit() : this.expand.emit()\n }\n class=\"text-primary mb-4 hover:underline\"\n part={this.isExpanded ? 'show-less-button' : 'show-more-button'}\n >\n {this.bindings.i18n.t(this.isExpanded ? 'show-less' : 'show-more')}\n <atomic-icon\n icon={ArrowDown}\n class=\"ml-2 w-3 align-baseline\"\n ></atomic-icon>\n </button>\n );\n }\n\n public render() {\n return (\n <div class={this.isExpanded ? 'expanded' : ''}>\n {this.renderAnswer()}\n {this.renderButton()}\n </div>\n );\n }\n}\n"],"version":3}

package/dist/cjs/atomic-sort-expression.cjs.entry.js CHANGED Viewed

@@ -54,7 +54,7 @@ const AtomicSortExpression = class {
         const dropdownComponent = 'atomic-sort-dropdown';
         if (!this.host.closest(dropdownComponent)) {
             const error = new Error(`The "${this.host.nodeName.toLowerCase()}" component has to be used inside an ${dropdownComponent} element.`);
-            return (index.h("atomic-component-error", { key: '448c1638e4cd2601aaaf0c133fcf1f7810dd7b30', element: this.host, error: error }));
+            return (index.h("atomic-component-error", { key: '4492cc004facf655eaad9558db0c7a161535a8b6', element: this.host, error: error }));
         }
     }
     get host() { return index.getElement(this); }

package/dist/cjs/atomic-sort-expression.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-sort-expression.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAUa,oBAAoB;;;;;;;;;;;;~~QAgCxB~~,iBAAY,GAAsB,IAAI,CAAC;;;;;;;;;;QAavC,iBAAY,GAAsB,IAAI,CAAC;;;4BAbL,IAAI;4BAaJ,IAAI;;IAEtC,MAAM;QACX,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;YAChE,OAAO,CAAC,IAAI,CACV,qHAAqH,CACtH,CAAC;SACH;QAED,MAAM,iBAAiB,GAAG,sBAAsB,CAAC;QAEjD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE;YACzC,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,wCAAwC,iBAAiB,WAAW,CAC7G,CAAC;YACF,QACEA,qFACE,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,KAAK,EAAE,KAAK,GACY,EAC1B;SACH;KACF;;;AAnCM;IAFNC,oBAAS,EAAE;0DAEkC;AAavC;IAFNA,oBAAS,EAAE;0DAEkC;;;;","names":["h","ArrayProp"],"sources":["src/components/search/atomic-sort-expression/atomic-sort-expression.tsx"],"sourcesContent":["import {Component, Prop, Element, h} from '@stencil/core';\nimport {ArrayProp} from '../../../utils/props-utils';\n\n/*\n The `atomic-sort-expression` component defines a sort expression. This component must be inside an `atomic-sort-dropdown` component.\n /\n@Component({\n tag: 'atomic-sort-expression',\n shadow: false,\n})\nexport class AtomicSortExpression {\n @Element() public host!: HTMLElement;\n\n /\n The non-localized label to display for this expression.\n /\n @Prop({reflect: true}) public label!: string;\n\n /\n One or more sort criteria that the end user can select or toggle between.\n \n The available sort criteria are:\n \n * `relevancy`\n * * `date ascending`/`date descending`\n * * `qre`\n * * `<FIELD> ascending`/`<FIELD> descending`, where you replace `<FIELD>` with the name of a sortable field in your index (~~e.g.,~~ `criteria=\"size ascending\"`).\n \n You can specify multiple sort criteria to be used in the same request by separating them with a comma (~~e.g.,~~ `criteria=\"size ascending, date ascending\"`).\n /\n @Prop({reflect: true}) public expression!: string;\n /\n The tabs on which the sort expression can be displayed. This property should not be used at the same time as `tabs-excluded`.\n \n Set this property as a stringified JSON array, e.g.,\n * ```html\n * <atomic-sort-expression tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-sort-expression snippet>\n * ```\n * If you don't set this property, the sort expression can be displayed on any tab. Otherwise, the sort expression can only be displayed on the specified tabs.\n /\n @ArrayProp()\n @Prop({reflect: true, mutable: true})\n public tabsIncluded: string[] \| string = '[]';\n\n /\n The tabs on which the sort expression must not be displayed. This property should not be used at the same time as `tabs-included`.\n \n Set this property as a stringified JSON array, e.g.,\n * ```html\n * <atomic-sort-expression tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-sort-expression>\n * ```\n * If you don't set this property, the sort expression can be displayed on any tab. Otherwise, the sort expression won't be displayed on any of the specified tabs.\n */\n @ArrayProp()\n @Prop({reflect: true, mutable: true})\n public tabsExcluded: string[] \| string = '[]';\n\n public render() {\n if (this.tabsIncluded.length > 0 && this.tabsExcluded.length > 0) {\n console.warn(\n 'Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.'\n );\n }\n\n const dropdownComponent = 'atomic-sort-dropdown';\n\n if (!this.host.closest(dropdownComponent)) {\n const error = new Error(\n `The \"${this.host.nodeName.toLowerCase()}\" component has to be used inside an ${dropdownComponent} element.`\n );\n return (\n <atomic-component-error\n element={this.host}\n error={error}\n ></atomic-component-error>\n );\n }\n }\n}\n"],"version":3}
1	+ {"file":"atomic-sort-expression.entry.cjs.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAUa,oBAAoB;;;;;;;;;;;;QA2CxB,iBAAY,GAAsB,IAAI,CAAC;;;;;;;;;;QAavC,iBAAY,GAAsB,IAAI,CAAC;;;4BAbL,IAAI;4BAaJ,IAAI;;IAEtC,MAAM;QACX,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,EAAE;YAChE,OAAO,CAAC,IAAI,CACV,qHAAqH,CACtH,CAAC;SACH;QAED,MAAM,iBAAiB,GAAG,sBAAsB,CAAC;QAEjD,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE;YACzC,MAAM,KAAK,GAAG,IAAI,KAAK,CACrB,QAAQ,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,wCAAwC,iBAAiB,WAAW,CAC7G,CAAC;YACF,QACEA,qFACE,OAAO,EAAE,IAAI,CAAC,IAAI,EAClB,KAAK,EAAE,KAAK,GACY,EAC1B;SACH;KACF;;;AAnCM;IAFNC,oBAAS,EAAE;0DAEkC;AAavC;IAFNA,oBAAS,EAAE;0DAEkC;;;;","names":["h","ArrayProp"],"sources":["src/components/search/atomic-sort-expression/atomic-sort-expression.tsx"],"sourcesContent":["import {Component, Prop, Element, h} from '@stencil/core';\nimport {ArrayProp} from '../../../utils/props-utils';\n\n/*\n The `atomic-sort-expression` component defines a sort expression. This component must be inside an `atomic-sort-dropdown` component.\n /\n@Component({\n tag: 'atomic-sort-expression',\n shadow: false,\n})\nexport class AtomicSortExpression {\n @Element() public host!: HTMLElement;\n\n /\n The non-localized label to display for this expression.\n /\n @Prop({reflect: true}) public label!: string;\n\n /\n One or more sort criteria that the end user can select or toggle between.\n \n The available sort criteria are:\n \n * `relevancy`\n * * `date ascending`/`date descending`\n * * `qre`\n * * `<FIELD> ascending`/`<FIELD> descending`, where you replace `<FIELD>` with the name of a sortable field in your index (`criteria=\"size ascending\"`).\n \n You can specify multiple sort criteria to be used in the same request by separating them with a comma (`criteria=\"size ascending, date ascending\"`).\n * \n * You can specify a list of comma-separated sort criteria which will be applied sequentially. For example, if there's a tie on the 1st criterion, the API uses the 2nd criterion to break the tie. However, this only works when combining:\n * * a relevancy criterion followed by one or more field or date criteria.\n * * a qre criterion followed by one or more field or date criteria.\n * * two or more field criteria (`<FIELD>` descending, `<FIELD>` descending).\n * * a single date criterion and one or more field criteria in any order (`<FIELD>` descending, date ascending).\n * \n * Examples:\n * * `relevancy`, `<FIELD> descending`\n * * `qre`, `<FIELD> ascending`\n * * `date descending`, `<FIELD> descending`, `<FIELD> ascending`\n /\n @Prop({reflect: true}) public expression!: string;\n /\n The tabs on which the sort expression can be displayed. This property should not be used at the same time as `tabs-excluded`.\n \n Set this property as a stringified JSON array, e.g.,\n * ```html\n * <atomic-sort-expression tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-sort-expression snippet>\n * ```\n * If you don't set this property, the sort expression can be displayed on any tab. Otherwise, the sort expression can only be displayed on the specified tabs.\n /\n @ArrayProp()\n @Prop({reflect: true, mutable: true})\n public tabsIncluded: string[] \| string = '[]';\n\n /\n The tabs on which the sort expression must not be displayed. This property should not be used at the same time as `tabs-included`.\n \n Set this property as a stringified JSON array, e.g.,\n * ```html\n * <atomic-sort-expression tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-sort-expression>\n * ```\n * If you don't set this property, the sort expression can be displayed on any tab. Otherwise, the sort expression won't be displayed on any of the specified tabs.\n */\n @ArrayProp()\n @Prop({reflect: true, mutable: true})\n public tabsExcluded: string[] \| string = '[]';\n\n public render() {\n if (this.tabsIncluded.length > 0 && this.tabsExcluded.length > 0) {\n console.warn(\n 'Values for both \"tabs-included\" and \"tabs-excluded\" have been provided. This is could lead to unexpected behaviors.'\n );\n }\n\n const dropdownComponent = 'atomic-sort-dropdown';\n\n if (!this.host.closest(dropdownComponent)) {\n const error = new Error(\n `The \"${this.host.nodeName.toLowerCase()}\" component has to be used inside an ${dropdownComponent} element.`\n );\n return (\n <atomic-component-error\n element={this.host}\n error={error}\n ></atomic-component-error>\n );\n }\n }\n}\n"],"version":3}

package/dist/cjs/{search-layout-419e7eb4.js → search-layout-b597f6fc.js} RENAMED Viewed

@@ -5,7 +5,7 @@ const sections = require('./sections-4b4af2f8.js');
 function makeDesktopQuery$1(mobileBreakpoint) {
     return `only screen and (min-width: ${mobileBreakpoint})`;
 }
-function buildSearchLayoutCommon(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noItemsSelector, errorSelector, refineToggleSelector, sortDropdownSelector) {
+function buildCommonLayout(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noItemsSelector, errorSelector, refineToggleSelector, sortDropdownSelector) {
     const id = element.id;
     const layoutSelector = `${layoutWebComponentTagName}#${id}`;
     const cleanStatusSelector = `${containerWebComponentTagName}:not(.${noItemsSelector}, .${errorSelector})`;
@@ -94,7 +94,7 @@ function makeDesktopQuery(mobileBreakpoint) {
     return `only screen and (min-width: ${mobileBreakpoint})`;
 }
 function buildSearchLayout(element, mobileBreakpoint) {
-    return buildSearchLayoutCommon(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noResultsSelector, errorSelector, 'atomic-refine-toggle', 'atomic-sort-dropdown');
+    return buildCommonLayout(element, mobileBreakpoint, layoutWebComponentTagName, containerWebComponentTagName, noResultsSelector, errorSelector, 'atomic-refine-toggle', 'atomic-sort-dropdown');
 }
 exports.buildSearchLayout = buildSearchLayout;
@@ -103,4 +103,4 @@ exports.firstSearchExecutedSelector = firstSearchExecutedSelector;
 exports.makeDesktopQuery = makeDesktopQuery;
 exports.noResultsSelector = noResultsSelector;
-//# sourceMappingURL=search-layout-419e7eb4.js.map
+//# sourceMappingURL=search-layout-b597f6fc.js.map

package/dist/cjs/search-layout-b597f6fc.js.map ADDED Viewed

@@ -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}

package/dist/cjs/version.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-module.exports.headlessVersion = '3.28.4-pre.fe2dbcea63';
-module.exports.atomicVersion = '3.32.4-pre.fe2dbcea63';
+module.exports.headlessVersion = '3.28.4-pre.04105e7186';
+module.exports.atomicVersion = '3.33.0-pre.04105e7186';

package/dist/esm/{analytics-config-133cbfdc.js → analytics-config-8121f04f.js} RENAMED Viewed

@@ -2156,7 +2156,7 @@ function getWindow() {
 }
 function getAtomicEnvironment(headlessVersion) {
     return {
-        version: "3.32.4-pre.fe2dbcea63",
+        version: "3.33.0-pre.04105e7186",
         headlessVersion,
     };
 }
@@ -2915,4 +2915,4 @@ function getNextAnalyticsConfig(searchEngineConfig, enabled) {
 export { CommonAtomicInterfaceHelper as C, augmentWithExternalMiddleware as a, augmentAnalyticsWithAtomicVersion as b, augmentAnalyticsConfigWithDocument as c, augmentAnalyticsConfigWithAtomicVersion as d, getNextAnalyticsConfig as g, instance as i, mismatchedInterfaceAndEnginePropError as m };
-//# sourceMappingURL=analytics-config-133cbfdc.js.map
+//# sourceMappingURL=analytics-config-8121f04f.js.map