npm - @coveo/atomic - Versions diffs - 3.33.1-pre.199fbf22e7 → 3.33.1-pre.1c3a495c8e - Mend

@coveo/atomic 3.33.1-pre.199fbf22e7 → 3.33.1-pre.1c3a495c8e

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 (571) hide show

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-segmented-facet.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
 const fieldUtils = require('./field-utils-a715deca.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const propsUtils = require('./props-utils-1e4ba1b0.js');
 const dependsOn = require('./depends-on-0d4e4f15.js');
 const stencilFacetValuesGroup = require('./stencil-facet-values-group-07b50fc0.js');

package/dist/cjs/atomic-smart-snippet-answer_2.cjs.entry.js CHANGED Viewed

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const purify = require('./purify-85b542e2.js');
 const utils = require('./utils-7153ae6b.js');
 const stencilItemLink = require('./stencil-item-link-9feaef61.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 require('./_commonjsHelpers-b3309d7b.js');
 require('./xss-utils-f0f93bcb.js');
 require('./dom-utils-d4790328.js');

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

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const arrowDown = require('./arrow-down-419a0f0f.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const eventUtils = require('./event-utils-9bfcf3c5.js');
 require('./dom-utils-d4790328.js');
 require('./init-queue-a18aa323.js');

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-smart-snippet-feedback-modal.cjs.entry.js CHANGED Viewed

@@ -8,7 +8,7 @@ const smartSnippetFeedbackModalCommon = require('./smart-snippet-feedback-modal-
 const replaceBreakpoint = require('./replace-breakpoint-9e1c0efa.js');
 const utils = require('./utils-7153ae6b.js');
 const headless = require('@coveo/headless');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 require('./stencil-button-f6c2410c.js');
 require('./event-utils-9bfcf3c5.js');
 require('./stencil-button-style-ba779fe2.js');

package/dist/cjs/atomic-smart-snippet-suggestions.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const attributesSlot = require('./attributes-slot-4e7d7a75.js');
 const smartSnippetSuggestionsCommon = require('./smart-snippet-suggestions-common-1a6af6e7.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const utils = require('./utils-7153ae6b.js');
 const headless = require('@coveo/headless');
 const arrowDown = require('./arrow-down-419a0f0f.js');

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

@@ -6,7 +6,7 @@ const index = require('./index-757bc886.js');
 const smartSnippetCommon = require('./smart-snippet-common-118a7188.js');
 const utils = require('./utils-7153ae6b.js');
 const headless = require('@coveo/headless');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const propsUtils = require('./props-utils-1e4ba1b0.js');
 const tabUtils = require('./tab-utils-d202a0aa.js');
 const attributesSlot = require('./attributes-slot-4e7d7a75.js');

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const bueno = require('@coveo/bueno');
 const headless = require('@coveo/headless');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const tabUtils = require('./tab-utils-d202a0aa.js');
 const utils = require('./utils-7153ae6b.js');
 const arrowBottomRounded = require('./arrow-bottom-rounded-705a1b2c.js');

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/atomic-stencil-facet-date-input.cjs.entry.js CHANGED Viewed

@@ -15,6 +15,7 @@ const FacetDateInput = class {
     constructor(hostRef) {
         index.registerInstance(this, hostRef);
         this.applyInput = index.createEvent(this, "atomic/dateInputApply", 7);
+        this.max = '9999-12-31';
         this.start = undefined;
         this.end = undefined;
         this.bindings = undefined;
@@ -23,7 +24,7 @@ const FacetDateInput = class {
         this.facetId = undefined;
         this.label = undefined;
         this.min = undefined;
-        this.max = undefined;
+        this.max = '9999-12-31';
     }
     connectedCallback() {
         const range = this.rangeGetter();
@@ -72,13 +73,13 @@ const FacetDateInput = class {
         // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)
         const pattern = '^(1[4-9]\\d{2}|2\\d{3})-(0[1-9]|1[0-2])-(0[1-9]|[12]\\d|3[01])$';
         const range = this.rangeGetter();
-        return (index.h("form", { key: 'b7ac7259a12e759555bfbff89201b6eadb620e56', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
+        return (index.h("form", { key: '084dd9894f80b7cd42138f934103d90dae3b140f', class: "mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2", onSubmit: (e) => {
                 e.preventDefault();
                 this.apply();
                 return false;
-            } }, index.h("label", { key: 'f5b4a7be91203235c334bb139153e73c50f32931', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), index.h("input", { key: '90bb6128e583dbce3b55932bcd37475ee1410dfc', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
+            } }, index.h("label", { key: '2a47b82cec5373a0665c0ae28aaac525399b206b', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_start` }, startLabel, ":"), index.h("input", { key: 'f7035e188f43beb3694b66d2a4c9a718b909bfaa', id: `${this.facetId}_start`, part: "input-start", type: "date", ref: (ref) => (this.startRef = ref), class: inputClasses, "aria-label": startAria, placeholder: placeholder, pattern: pattern, required: true,
             // API/Index minimum supported date
-            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = dateUtils.parseDate(e.target.value).toDate()) }), index.h("label", { key: 'd81fb7dc7439e67c26074274f029a54e0ec54b27', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), index.h("input", { key: '1b8b94e48c2fb7cfd56033793e2e9e4d2621761b', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = dateUtils.parseDate(e.target.value).toDate()) }), index.h(stencilButton.Button, { key: '1a69e912310d8c5ddb7933c36bcbcf21fe6257ab', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
+            min: this.min || this.formattedDateValue('1401-01-01'), max: this.end ? this.formattedDateValue(this.end) : this.max, value: this.formattedDateValue(range?.start), onInput: (e) => (this.start = dateUtils.parseDate(e.target.value).toDate()) }), index.h("label", { key: 'd3d8f0f24b787d73391d86c5f739e22c08775b42', part: "input-label", class: labelClasses, htmlFor: `${this.facetId}_end` }, endLabel, ":"), index.h("input", { key: '71b451d78fa4df94a5e219d6baefbd9306c74687', id: `${this.facetId}_end`, part: "input-end", type: "date", ref: (ref) => (this.endRef = ref), class: inputClasses, "aria-label": endAria, placeholder: placeholder, pattern: pattern, required: true, min: this.formattedDateValue(this.start) || this.min, max: this.max, value: this.formattedDateValue(range?.end), onInput: (e) => (this.end = dateUtils.parseDate(e.target.value).toDate()) }), index.h(stencilButton.Button, { key: '0346899f0f10ef0493367493a25d8fc9988bfc0a', style: "outline-primary", type: "submit", part: "input-apply-button", class: "col-span-2 truncate p-2.5", ariaLabel: applyAria, text: apply })));
     }
 };

package/dist/cjs/atomic-stencil-facet-date-input.cjs.entry.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"atomic-stencil-facet-date-input.entry.cjs.js","mappings":";;;;;;;;;;;;;MAoBa,cAAc~~;;;;;;;;;;;;;;IAmBlB~~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","names":["parseDate","buildDateRange","h","Button"],"sources":["src/components/common/facets/stencil-facet-date-input/stencil-facet-date-input.tsx"],"sourcesContent":["import {\n buildDateRange,\n DateFilterRange,\n DateRangeRequest,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Event, EventEmitter} from '@stencil/core';\nimport {parseDate} from '../../../../utils/date-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {AnyBindings} from '../../interface/bindings';\n\n/*\n @deprecated\n * Use `atomic-facet-date-input` instead. This component is meant to be used with Stencil components only.\n * Internal component made to be integrated in a TimeframeFacet.\n * @internal\n */\n@Component({\n tag: 'atomic-stencil-facet-date-input',\n shadow: false,\n})\nexport class FacetDateInput {\n @State() private start?: Date;\n @State() private end?: Date;\n private startRef!: HTMLInputElement;\n private endRef!: HTMLInputElement;\n\n @Prop() public bindings!: AnyBindings;\n @Prop() public rangeGetter!: () => DateFilterRange \| undefined;\n @Prop() public rangeSetter!: (range: DateRangeRequest) => void;\n @Prop() public facetId!: string;\n @Prop() public label!: string;\n @Prop() public min?: string;\n @Prop() public max?: string;\n\n @Event({\n eventName: 'atomic/dateInputApply',\n })\n private applyInput!: EventEmitter;\n\n public connectedCallback() {\n const range = this.rangeGetter();\n this.start = range ? parseDate(range.start).toDate() : undefined;\n this.end = range ? parseDate(range.end).toDate() : undefined;\n }\n public componentDidUpdate() {\n if (!this.startRef.value && !this.endRef.value) {\n this.startRef.min = this.min \|\| this.formattedDateValue('1401-01-01');\n this.endRef.max = this.max \|\| '';\n this.startRef.max = this.max \|\| '';\n this.endRef.min = this.min \|\| '';\n }\n }\n\n private apply() {\n if (!this.startRef.validity.valid \|\| !this.endRef.validity.valid) {\n return;\n }\n\n this.applyInput.emit({\n start: this.start,\n end: this.end,\n });\n\n const rangeRequest = buildDateRange({\n start: this.start!,\n end: this.end!.setHours(23, 59, 59, 999),\n });\n\n this.rangeSetter(rangeRequest);\n }\n\n private formattedDateValue(date?: string \| Date) {\n if (!date) {\n return '';\n }\n return parseDate(date).format('YYYY-MM-DD');\n }\n\n render() {\n const label = this.bindings.i18n.t(this.label);\n const startLabel = this.bindings.i18n.t('start');\n const endLabel = this.bindings.i18n.t('end');\n const startAria = this.bindings.i18n.t('date-input-start', {label});\n const endAria = this.bindings.i18n.t('date-input-end', {label});\n const apply = this.bindings.i18n.t('apply');\n const applyAria = this.bindings.i18n.t('date-input-apply', {label});\n\n const inputClasses = 'input-primary p-2.5';\n const labelClasses = 'text-neutral-dark self-center';\n\n const placeholder = 'yyyy-mm-dd';\n // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)\n const pattern =\n '^(1[4-9]\\\\d{2}\|2\\\\d{3})-(0[1-9]\|1[0-2])-(0[1-9]\|[12]\\\\d\|3[01])$';\n\n const range = this.rangeGetter();\n\n return (\n <form\n class=\"mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2\"\n onSubmit={(e) => {\n e.preventDefault();\n this.apply();\n return false;\n }}\n >\n <label\n part=\"input-label\"\n class={labelClasses}\n htmlFor={`${this.facetId}_start`}\n >\n {startLabel}:\n </label>\n <input\n id={`${this.facetId}_start`}\n part=\"input-start\"\n type=\"date\"\n ref={(ref) => (this.startRef = ref!)}\n class={inputClasses}\n aria-label={startAria}\n placeholder={placeholder}\n pattern={pattern}\n required\n // API/Index minimum supported date\n min={this.min \|\| this.formattedDateValue('1401-01-01')}\n max={this.end ? this.formattedDateValue(this.end) : this.max}\n value={this.formattedDateValue(range?.start)}\n onInput={(e) =>\n (this.start = parseDate(\n (e.target as HTMLInputElement).value\n ).toDate())\n }\n />\n <label\n part=\"input-label\"\n class={labelClasses}\n htmlFor={`${this.facetId}_end`}\n >\n {endLabel}:\n </label>\n <input\n id={`${this.facetId}_end`}\n part=\"input-end\"\n type=\"date\"\n ref={(ref) => (this.endRef = ref!)}\n class={inputClasses}\n aria-label={endAria}\n placeholder={placeholder}\n pattern={pattern}\n required\n min={this.formattedDateValue(this.start) \|\| this.min}\n max={this.max}\n value={this.formattedDateValue(range?.end)}\n onInput={(e) =>\n (this.end = parseDate(\n (e.target as HTMLInputElement).value\n ).toDate())\n }\n />\n <Button\n style=\"outline-primary\"\n type=\"submit\"\n part=\"input-apply-button\"\n class=\"col-span-2 truncate p-2.5\"\n ariaLabel={applyAria}\n text={apply}\n ></Button>\n </form>\n );\n }\n}\n"],"version":3}
1	+ {"file":"atomic-stencil-facet-date-input.entry.cjs.js","mappings":"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","names":["parseDate","buildDateRange","h","Button"],"sources":["src/components/common/facets/stencil-facet-date-input/stencil-facet-date-input.tsx"],"sourcesContent":["import {\n buildDateRange,\n DateFilterRange,\n DateRangeRequest,\n} from '@coveo/headless';\nimport {Component, h, State, Prop, Event, EventEmitter} from '@stencil/core';\nimport {parseDate} from '../../../../utils/date-utils';\nimport {Button} from '../../../common/stencil-button';\nimport {AnyBindings} from '../../interface/bindings';\n\n/*\n @deprecated\n * Use `atomic-facet-date-input` instead. This component is meant to be used with Stencil components only.\n * Internal component made to be integrated in a TimeframeFacet.\n * @internal\n */\n@Component({\n tag: 'atomic-stencil-facet-date-input',\n shadow: false,\n})\nexport class FacetDateInput {\n @State() private start?: Date;\n @State() private end?: Date;\n private startRef!: HTMLInputElement;\n private endRef!: HTMLInputElement;\n\n @Prop() public bindings!: AnyBindings;\n @Prop() public rangeGetter!: () => DateFilterRange \| undefined;\n @Prop() public rangeSetter!: (range: DateRangeRequest) => void;\n @Prop() public facetId!: string;\n @Prop() public label!: string;\n @Prop() public min?: string;\n @Prop() public max?: string = '9999-12-31';\n\n @Event({\n eventName: 'atomic/dateInputApply',\n })\n private applyInput!: EventEmitter;\n\n public connectedCallback() {\n const range = this.rangeGetter();\n this.start = range ? parseDate(range.start).toDate() : undefined;\n this.end = range ? parseDate(range.end).toDate() : undefined;\n }\n public componentDidUpdate() {\n if (!this.startRef.value && !this.endRef.value) {\n this.startRef.min = this.min \|\| this.formattedDateValue('1401-01-01');\n this.endRef.max = this.max \|\| '';\n this.startRef.max = this.max \|\| '';\n this.endRef.min = this.min \|\| '';\n }\n }\n\n private apply() {\n if (!this.startRef.validity.valid \|\| !this.endRef.validity.valid) {\n return;\n }\n\n this.applyInput.emit({\n start: this.start,\n end: this.end,\n });\n\n const rangeRequest = buildDateRange({\n start: this.start!,\n end: this.end!.setHours(23, 59, 59, 999),\n });\n\n this.rangeSetter(rangeRequest);\n }\n\n private formattedDateValue(date?: string \| Date) {\n if (!date) {\n return '';\n }\n return parseDate(date).format('YYYY-MM-DD');\n }\n\n render() {\n const label = this.bindings.i18n.t(this.label);\n const startLabel = this.bindings.i18n.t('start');\n const endLabel = this.bindings.i18n.t('end');\n const startAria = this.bindings.i18n.t('date-input-start', {label});\n const endAria = this.bindings.i18n.t('date-input-end', {label});\n const apply = this.bindings.i18n.t('apply');\n const applyAria = this.bindings.i18n.t('date-input-apply', {label});\n\n const inputClasses = 'input-primary p-2.5';\n const labelClasses = 'text-neutral-dark self-center';\n\n const placeholder = 'yyyy-mm-dd';\n // Fallback for Safari < 14.1, date with format yyyy-mm-dd over 1400 (API limit)\n const pattern =\n '^(1[4-9]\\\\d{2}\|2\\\\d{3})-(0[1-9]\|1[0-2])-(0[1-9]\|[12]\\\\d\|3[01])$';\n\n const range = this.rangeGetter();\n\n return (\n <form\n class=\"mt-4 grid grid-cols-[min-content_1fr] gap-2 px-2\"\n onSubmit={(e) => {\n e.preventDefault();\n this.apply();\n return false;\n }}\n >\n <label\n part=\"input-label\"\n class={labelClasses}\n htmlFor={`${this.facetId}_start`}\n >\n {startLabel}:\n </label>\n <input\n id={`${this.facetId}_start`}\n part=\"input-start\"\n type=\"date\"\n ref={(ref) => (this.startRef = ref!)}\n class={inputClasses}\n aria-label={startAria}\n placeholder={placeholder}\n pattern={pattern}\n required\n // API/Index minimum supported date\n min={this.min \|\| this.formattedDateValue('1401-01-01')}\n max={this.end ? this.formattedDateValue(this.end) : this.max}\n value={this.formattedDateValue(range?.start)}\n onInput={(e) =>\n (this.start = parseDate(\n (e.target as HTMLInputElement).value\n ).toDate())\n }\n />\n <label\n part=\"input-label\"\n class={labelClasses}\n htmlFor={`${this.facetId}_end`}\n >\n {endLabel}:\n </label>\n <input\n id={`${this.facetId}_end`}\n part=\"input-end\"\n type=\"date\"\n ref={(ref) => (this.endRef = ref!)}\n class={inputClasses}\n aria-label={endAria}\n placeholder={placeholder}\n pattern={pattern}\n required\n min={this.formattedDateValue(this.start) \|\| this.min}\n max={this.max}\n value={this.formattedDateValue(range?.end)}\n onInput={(e) =>\n (this.end = parseDate(\n (e.target as HTMLInputElement).value\n ).toDate())\n }\n />\n <Button\n style=\"outline-primary\"\n type=\"submit\"\n part=\"input-apply-button\"\n class=\"col-span-2 truncate p-2.5\"\n ariaLabel={applyAria}\n text={apply}\n ></Button>\n </form>\n );\n }\n}\n"],"version":3}

package/dist/cjs/atomic-tab-bar_2.cjs.entry.js CHANGED Viewed

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const stencilButton = require('./stencil-button-f6c2410c.js');
 const arrowBottomRounded = require('./arrow-bottom-rounded-705a1b2c.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const popperLite = require('./popper-lite-3132f7e8.js');
 const createPopper = require('./createPopper-6b5a50b4.js');
 require('./event-utils-9bfcf3c5.js');

package/dist/cjs/atomic-tab-manager.cjs.entry.js CHANGED Viewed

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');

package/dist/cjs/atomic-timeframe-facet.cjs.entry.js CHANGED Viewed

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-757bc886.js');
 const headless = require('@coveo/headless');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const propsUtils = require('./props-utils-1e4ba1b0.js');
 const stencilAccessibilityUtils = require('./stencil-accessibility-utils-aa4c9f6c.js');
 const dependsOn = require('./depends-on-0d4e4f15.js');
 const facetPlaceholder = require('./facet-placeholder-d9604249.js');
-const timeframeFacetCommon = require('./timeframe-facet-common-f0e15fe8.js');
+const timeframeFacetCommon = require('./timeframe-facet-common-4c852fc9.js');
 require('./dom-utils-d4790328.js');
 require('./event-utils-9bfcf3c5.js');
 require('./init-queue-a18aa323.js');

package/dist/cjs/{facet-guard-1f250e99.js → facet-guard-328b588d.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 'use strict';
 const index = require('./index-757bc886.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const FacetGuard = ({ hasError, enabled, firstSearchExecuted, hasResults }, children) => {
     if (hasError || !enabled || (firstSearchExecuted && !hasResults)) {
@@ -12,4 +12,4 @@ const FacetGuard = ({ hasError, enabled, firstSearchExecuted, hasResults }, chil
 exports.FacetGuard = FacetGuard;
-//# sourceMappingURL=facet-guard-1f250e99.js.map
+//# sourceMappingURL=facet-guard-328b588d.js.map

package/dist/cjs/{facet-guard-1f250e99.js.map → facet-guard-328b588d.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"facet-guard-~~1f250e99~~.js","mappings":";;;;;MASa,UAAU,GAAyC,CAC9D,EAAC,QAAQ,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAC,EACpD,QAAQ;IAER,IAAI,QAAQ,IAAI,CAAC,OAAO,KAAK,mBAAmB,IAAI,CAAC,UAAU,CAAC,EAAE;QAChE,OAAOA,QAACC,0BAAM,OAAU,CAAC;KAC1B;IAED,OAAOD,QAACE,cAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;;;","names":["h","Hidden","Fragment"],"sources":["src/components/common/facets/facet-guard.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {Hidden} from '../stencil-hidden';\n\ninterface FacetGuardProps {\n hasError: boolean;\n enabled: boolean;\n firstSearchExecuted: boolean;\n hasResults: boolean;\n}\nexport const FacetGuard: FunctionalComponent<FacetGuardProps> = (\n {hasError, enabled, firstSearchExecuted, hasResults},\n children\n) => {\n if (hasError \|\| !enabled \|\| (firstSearchExecuted && !hasResults)) {\n return <Hidden></Hidden>;\n }\n\n return <Fragment>{children}</Fragment>;\n};\n"],"version":3}
1	+ {"file":"facet-guard-328b588d.js","mappings":";;;;;MASa,UAAU,GAAyC,CAC9D,EAAC,QAAQ,EAAE,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAC,EACpD,QAAQ;IAER,IAAI,QAAQ,IAAI,CAAC,OAAO,KAAK,mBAAmB,IAAI,CAAC,UAAU,CAAC,EAAE;QAChE,OAAOA,QAACC,0BAAM,OAAU,CAAC;KAC1B;IAED,OAAOD,QAACE,cAAQ,QAAE,QAAQ,CAAY,CAAC;AACzC;;;;","names":["h","Hidden","Fragment"],"sources":["src/components/common/facets/facet-guard.tsx"],"sourcesContent":["import {Fragment, FunctionalComponent, h} from '@stencil/core';\nimport {Hidden} from '../stencil-hidden';\n\ninterface FacetGuardProps {\n hasError: boolean;\n enabled: boolean;\n firstSearchExecuted: boolean;\n hasResults: boolean;\n}\nexport const FacetGuard: FunctionalComponent<FacetGuardProps> = (\n {hasError, enabled, firstSearchExecuted, hasResults},\n children\n) => {\n if (hasError \|\| !enabled \|\| (firstSearchExecuted && !hasResults)) {\n return <Hidden></Hidden>;\n }\n\n return <Fragment>{children}</Fragment>;\n};\n"],"version":3}

package/dist/cjs/{initialization-utils-381854d1.js → initialization-utils-92f1b080.js} RENAMED Viewed

@@ -7,7 +7,7 @@ const initQueue = require('./init-queue-a18aa323.js');
 const initializationLitStencilCommonUtils = require('./initialization-lit-stencil-common-utils-730030b0.js');
 /**
- * @deprecated Should only be used for Stencil components; for Lit components, use the displayIf directive instead
+ * @deprecated This component is no longer needed. For Lit components, render `nothing` instead.
  */
 const Hidden = () => (index.h(index.Host, { class: "atomic-hidden" }));
@@ -156,4 +156,4 @@ exports.Hidden = Hidden;
 exports.InitializeBindings = InitializeBindings;
 exports.initializeBindings = initializeBindings;
-//# sourceMappingURL=initialization-utils-381854d1.js.map
+//# sourceMappingURL=initialization-utils-92f1b080.js.map

package/dist/cjs/initialization-utils-92f1b080.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"file":"initialization-utils-92f1b080.js","mappings":"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","names":["h","Host","fetchBindings","getElement","buildCustomEvent","initializeEventName","forceUpdateComponent","closest","initializableElements","MissingInterfaceParentError","enqueueOrDispatchInitializationEvent"],"sources":["src/components/common/stencil-hidden.tsx","src/utils/initialization-utils.tsx"],"sourcesContent":["import {FunctionalComponent, Host, h} from '@stencil/core';\n\n/**\n * @deprecated This component is no longer needed. For Lit components, render `nothing` instead.\n */\nexport const Hidden: FunctionalComponent = () => (\n <Host class=\"atomic-hidden\"></Host>\n);\n","import type {CoreEngine} from '@coveo/headless';\nimport {\n ComponentInterface,\n getElement,\n h,\n forceUpdate as forceUpdateComponent,\n} from '@stencil/core';\nimport {TOptions} from 'i18next';\nimport {AnyBindings} from '../components/common/interface/bindings';\nimport {Hidden} from '../components/common/stencil-hidden';\nimport {Bindings} from '../components/search/atomic-search-interface/atomic-search-interface';\nimport {closest} from './dom-utils';\nimport {buildCustomEvent} from './event-utils';\nimport {enqueueOrDispatchInitializationEvent} from './init-queue';\nimport {\n MissingInterfaceParentError,\n InitializeEventHandler,\n initializableElements,\n initializeEventName,\n fetchBindings,\n} from './initialization-lit-stencil-common-utils';\n\nexport type InitializeEvent = CustomEvent<InitializeEventHandler>;\n\n/**\n * Retrieves `Bindings` or `CommerceBindings` on a configured parent interface.\n * @param event - The element on which to dispatch the event, which must be the child of a configured Atomic container element.\n * @returns A promise that resolves upon initialization of the parent container element, and rejects otherwise.\n */\nexport function initializeBindings<\n SpecificBindings extends AnyBindings = Bindings,\n>(element: Element) {\n return fetchBindings<SpecificBindings>(element);\n}\n\nexport {\n MissingInterfaceParentError,\n InitializeEventHandler,\n initializeEventName,\n} from './initialization-lit-stencil-common-utils';\n\n/**\n * Necessary interface an Atomic Component must have to initialize itself correctly.\n * @deprecated To be used for Stencil components. For Lit components. use `InitializableComponent` from './decorators/types/'\n */\nexport interface InitializableComponent<\n SpecificBindings extends AnyBindings = Bindings,\n> extends ComponentInterface {\n /**\n * Bindings passed from the `AtomicSearchInterface` to its children components.\n */\n bindings: SpecificBindings;\n /**\n * Method called right after the `bindings` property is defined. This is the method where Headless Framework controllers should be initialized.\n */\n initialize?: () => void;\n error: Error;\n}\n\ntype InitializeBindingsProps = {\n forceUpdate?: boolean;\n};\n\nconst renderedAttribute = 'data-atomic-rendered';\nconst loadedAttribute = 'data-atomic-loaded';\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) to be used on a property named `bindings`.\n * This will automatically fetch the `Bindings` from the parent `atomic-search-interface` or `atomic-external` components.\n *\n * Once a component is bound, the `initialize` method is called.\n * In the event of an initialization error, the `error` property will be set and an `atomic-component-error` will be rendered.\n *\n * In order for a component using this decorator to render properly, it should have an internal state bound to one of the properties from `bindings`.\n * This is possible by using the `BindStateToController` decorator.\n *\n * @example\n * @InitializeBindings() public bindings!: Bindings;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n * @deprecated To be used for Stencil components. For Lit components, use `BindingController` Reactive Controller from @/mixins/bindings-mixin.ts.\n */\nexport function InitializeBindings<SpecificBindings extends AnyBindings>({\n forceUpdate,\n}: InitializeBindingsProps = {}) {\n return (\n component: InitializableComponent<SpecificBindings>,\n bindingsProperty: string\n ) => {\n const {\n componentWillLoad,\n render,\n componentDidRender,\n componentDidLoad,\n disconnectedCallback,\n } = component;\n let unsubscribeLanguage = () => {};\n\n if (bindingsProperty !== 'bindings') {\n return console.error(\n `The InitializeBindings decorator should be used on a property called \"bindings\", and not \"${bindingsProperty}\"`,\n component\n );\n }\n\n component.componentWillLoad = function () {\n const element = getElement(this);\n element.setAttribute(renderedAttribute, 'false');\n element.setAttribute(loadedAttribute, 'false');\n const event = buildCustomEvent(\n initializeEventName,\n (bindings: SpecificBindings) => {\n this.bindings = bindings;\n\n const updateLanguage = () => forceUpdateComponent(this);\n this.bindings.i18n.on('languageChanged', updateLanguage);\n unsubscribeLanguage = () =>\n this.bindings.i18n.off('languageChanged', updateLanguage);\n\n try {\n // When no controller is initialized, updating a property with a State() decorator, there will be no re-render.\n // In this case, we have to manually trigger it.\n if (this.initialize) {\n this.initialize();\n if (forceUpdate) {\n forceUpdateComponent(this);\n }\n } else {\n forceUpdateComponent(this);\n }\n } catch (e) {\n this.error = e as Error;\n }\n }\n );\n const parent = closest(element, initializableElements.join(', '));\n if (!parent) {\n this.error = new MissingInterfaceParentError(\n element.nodeName.toLowerCase()\n );\n return;\n }\n enqueueOrDispatchInitializationEvent(\n parent,\n event as InitializeEvent,\n element\n );\n return componentWillLoad && componentWillLoad.call(this);\n };\n\n component.render = function () {\n if (this.error) {\n return (\n <atomic-component-error\n element={getElement(this)}\n error={this.error}\n ></atomic-component-error>\n );\n }\n\n if (!this.bindings) {\n return <Hidden></Hidden>;\n }\n\n getElement(this).setAttribute(renderedAttribute, 'true');\n return render && render.call(this);\n };\n\n component.disconnectedCallback = function () {\n const element = getElement(this);\n element.setAttribute(renderedAttribute, 'false');\n element.setAttribute(loadedAttribute, 'false');\n unsubscribeLanguage();\n disconnectedCallback && disconnectedCallback.call(this);\n };\n\n component.componentDidRender = function () {\n const element = getElement(this);\n if (element.getAttribute(renderedAttribute) === 'false') {\n return;\n }\n\n componentDidRender && componentDidRender.call(this);\n if (element.getAttribute(loadedAttribute) === 'false') {\n element.setAttribute(loadedAttribute, 'true');\n componentDidLoad && componentDidLoad.call(this);\n }\n };\n\n component.componentDidLoad = function () {};\n };\n}\n\n/**\n * A [StencilJS property decorator](https://stenciljs.com/) is used together with the [State decorator](https://stenciljs.com/docs/state#state-decorator).\n * This allows the Stencil component state property to automatically get updates from a [Coveo Headless controller](https://docs.coveo.com/en/headless/latest/usage/#use-headless-controllers).\n *\n * @example\n * @BindStateToController('pager') @State() private pagerState!: PagerState;\n *\n * For more information and examples, view the \"Utilities\" section of the readme.\n *\n * @param controllerProperty The controller property to subscribe to. The controller has to be created inside of the `initialize` method.\n * @param options The configurable `BindStateToController` options.\n *\n * @deprecated To be used for Stencil components. For Lit components. use `bindStateToController` from '../decorators/bind-state.ts'\n */\nexport function BindStateToController(\n controllerProperty: string,\n options?: {\n /**\n * Component's method to be called when state is updated.\n */\n onUpdateCallbackMethod?: string;\n }\n) {\n return (\n component: InitializableComponent<AnyBindings>,\n stateProperty: string\n ) => {\n const {disconnectedCallback, initialize} = component;\n\n component.initialize = function () {\n initialize && initialize.call(this);\n\n if (!initialize) {\n return console.error(\n `ControllerState: The \"initialize\" method has to be defined and instantiate a controller for the property ${controllerProperty}`,\n component\n );\n }\n\n if (!this[controllerProperty]) {\n return;\n }\n\n if (\n options?.onUpdateCallbackMethod &&\n !this[options.onUpdateCallbackMethod]\n ) {\n return console.error(\n `ControllerState: The onUpdateCallbackMethod property \"${options.onUpdateCallbackMethod}\" is not defined`,\n component\n );\n }\n\n this.unsubscribeController = this[controllerProperty].subscribe(() => {\n this[stateProperty] = this[controllerProperty].state;\n options?.onUpdateCallbackMethod &&\n this[options.onUpdateCallbackMethod]();\n });\n };\n\n component.disconnectedCallback = function () {\n !getElement(this).isConnected && this.unsubscribeController?.();\n disconnectedCallback && disconnectedCallback.call(this);\n };\n };\n}\n\ninterface DeferredExecution {\n args: unknown[];\n}\n\nexport function DeferUntilRender() {\n return (component: ComponentInterface, methodName: string) => {\n const {componentDidRender, connectedCallback} = component;\n const originalMethod = component[methodName] as Function;\n let deferredExecutions: DeferredExecution[] = [];\n\n component.connectedCallback = function () {\n this[methodName] = function (...args: unknown[]) {\n deferredExecutions.push({args});\n };\n connectedCallback && connectedCallback.call(this);\n };\n\n component.componentDidRender = function () {\n deferredExecutions.forEach(({args}) =>\n originalMethod.call(this, ...args)\n );\n deferredExecutions = [];\n componentDidRender && componentDidRender.call(this);\n };\n };\n}\n\nexport type I18nState = Record<string, (variables?: TOptions) => string>;\nexport type AtomicInterface = HTMLElement & {\n engine?: CoreEngine;\n bindings?: Bindings;\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/{timeframe-facet-common-f0e15fe8.js → timeframe-facet-common-4c852fc9.js} RENAMED Viewed

@@ -4,7 +4,7 @@ const index = require('./index-757bc886.js');
 const dateUtils = require('./date-utils-f0803dd3.js');
 const fieldUtils = require('./field-utils-a715deca.js');
 const utils = require('./utils-7153ae6b.js');
-const initializationUtils = require('./initialization-utils-381854d1.js');
+const initializationUtils = require('./initialization-utils-92f1b080.js');
 const facetPlaceholder = require('./facet-placeholder-d9604249.js');
 const stencilFacetValueLabelHighlight = require('./stencil-facet-value-label-highlight-c2421e8f.js');
 const stencilFacetValueLink = require('./stencil-facet-value-link-bd461250.js');
@@ -211,4 +211,4 @@ class TimeframeFacetCommon {
 exports.TimeframeFacetCommon = TimeframeFacetCommon;
-//# sourceMappingURL=timeframe-facet-common-f0e15fe8.js.map
+//# sourceMappingURL=timeframe-facet-common-4c852fc9.js.map