@coveo/atomic 3.32.3-pre.54b9400a5d → 3.32.3-pre.5765579683

package/dist/esm/atomic-sort-dropdown.entry.js

@@ -121,8 +121,8 @@ const AtomicSortDropdown = class {
         const { hasError, hasResults, firstSearchExecuted } = this.searchStatusState;
         const { bindings: { i18n }, id, } = this;
         return [
-            h(SortGuard, { key: '9d7eccadd402f414c15b4f59240ad538700eb6e7', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '1afc1c9eeca2b98a3110a5f96de386b2794d25e8' }, h(SortLabel, { key: '9f9a0516b1626bace24fc64393c14fc7beee4565', i18n: i18n, id: id }), h(SortSelect, { key: '87bf9cd08af5825f3da9939b330598b11c8b72a7', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
-            h("slot", { key: '04ef7b37fda4dddc2854cd82fa13f4af71e9bc60' }),
+            h(SortGuard, { key: '6bcf83c0920b696573d396e22f2d914cc1537022', firstSearchExecuted: firstSearchExecuted, hasError: hasError, hasResults: hasResults }, h(SortContainer, { key: '07a9afdfc2b3ccab21f4e3b11c535be4f1434d2e' }, h(SortLabel, { key: 'e934aa217d8b46af88c7911cfa9bde8a24c70b42', i18n: i18n, id: id }), h(SortSelect, { key: '6d9e56ae34355b2d8f194845bf1549b92ca82304', i18n: i18n, id: id, onSelect: (evt) => this.select(evt) }, this.options.map(({ label, criteria, expression }) => (h(SortOption, { i18n: i18n, label: label, selected: this.sort.isSortedBy(criteria), value: expression })))))),
+            h("slot", { key: '04455925e05235d7c024831ff217ca9aca774557' }),
         ];
     }
     get host() { return getElement(this); }

package/dist/esm/atomic-sort-expression.entry.js

@@ -50,7 +50,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 (h("atomic-component-error", { key: '745dd01b0ba0c5b66e60ef9b8c8d66b46658f356', element: this.host, error: error }));
+            return (h("atomic-component-error", { key: '448c1638e4cd2601aaaf0c133fcf1f7810dd7b30', element: this.host, error: error }));
         }
     }
     get host() { return getElement(this); }

package/dist/esm/atomic-stencil-facet-date-input.entry.js

@@ -1,10 +1,9 @@
 import { r as registerInstance, c as createEvent, h } from './index-3f35faca.js';
 import { buildDateRange } from '@coveo/headless';
 import { p as parseDate } from './date-utils-e07b72d6.js';
-import { B as Button } from './stencil-button-2a8cc429.js';
+import { B as Button } from './stencil-button-75e8b31b.js';
 import './dayjs.min-d04628c6.js';
 import './_commonjsHelpers-1789f0cf.js';
-import './ripple-b1f0b09d.js';
 import './event-utils-8de63ec3.js';
 import './stencil-button-style-0bc80040.js';
 

package/dist/esm/atomic-stencil-facet-date-input.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-stencil-facet-date-input.entry.js","mappings":"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","names":[],"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}
+{"file":"atomic-stencil-facet-date-input.entry.js","mappings":"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","names":[],"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}

package/dist/esm/atomic-tab-bar_2.entry.js

@@ -1,10 +1,9 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-3f35faca.js';
-import { B as Button } from './stencil-button-2a8cc429.js';
+import { B as Button } from './stencil-button-75e8b31b.js';
 import { A as ArrowBottomIcon } from './arrow-bottom-rounded-043572da.js';
 import { I as InitializeBindings } from './initialization-utils-ff3edf9a.js';
 import { c as createPopper } from './popper-lite-2035100c.js';
 import { y as preventOverflow } from './createPopper-a633eb88.js';
-import './ripple-b1f0b09d.js';
 import './event-utils-8de63ec3.js';
 import './stencil-button-style-0bc80040.js';
 import './dom-utils-f6086cd3.js';

package/dist/esm/atomic-tab-bar_2.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-tab-bar.atomic-tab-popover.entry.js","mappings":"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","names":[],"sources":["src/components/common/tabs/tab-bar.pcss?tag=atomic-tab-bar&encapsulation=shadow","src/components/common/tabs/tab-bar.tsx","src/components/common/tabs/tab-popover.pcss?tag=atomic-tab-popover&encapsulation=shadow","src/components/common/tabs/tab-popover.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n:host {\n  white-space: nowrap;\n  width: 100%;\n  overflow-x: visible;\n  display: flex;\n  position: relative;\n}\n","import {h, Component, Element, Host, State, Listen} from '@stencil/core';\nimport {Button} from '../stencil-button';\nimport {TabCommonElement} from './tab-common';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-tab-bar',\n  shadow: true,\n  styleUrl: 'tab-bar.pcss',\n})\nexport class TabBar {\n  @Element() private host!: HTMLElement;\n\n  @State()\n  private popoverTabs: (typeof Button)[] = [];\n\n  private resizeObserver: ResizeObserver | undefined;\n\n  private get tabsFromSlot(): TabCommonElement[] {\n    const isTab = (tagName: string) =>\n      /atomic-.+-tab$/i.test(tagName) || /tab-button$/i.test(tagName);\n    return Array.from(this.host.querySelectorAll<TabCommonElement>('*')).filter(\n      (element) => isTab(element.tagName)\n    );\n  }\n\n  private get selectedTab() {\n    return this.tabsFromSlot.find((tab) => tab.active);\n  }\n\n  private get slotContentWidth() {\n    return this.tabsFromSlot.reduce(\n      (total, el) =>\n        total +\n        parseFloat(window.getComputedStyle(el).getPropertyValue('width')),\n      0\n    );\n  }\n\n  private get containerWidth() {\n    return parseFloat(\n      window.getComputedStyle(this.host).getPropertyValue('width')\n    );\n  }\n\n  private get isOverflow() {\n    return this.slotContentWidth > this.containerWidth;\n  }\n\n  private get tabPopover() {\n    return this.host.shadowRoot?.querySelector('atomic-tab-popover');\n  }\n\n  private get popoverWidth() {\n    return this.tabPopover ? this.getElementWidth(this.tabPopover) : 0;\n  }\n\n  private get overflowingTabs() {\n    const containerRelativeRightPosition =\n      this.host.getBoundingClientRect().right;\n    const selectedTabRelativeRightPosition =\n      this.selectedTab?.getBoundingClientRect().right;\n\n    return this.tabsFromSlot.filter((element) => {\n      const isBeforeSelectedTab = selectedTabRelativeRightPosition\n        ? selectedTabRelativeRightPosition >\n          element.getBoundingClientRect().right\n        : false;\n\n      const minimumWidthNeeded = isBeforeSelectedTab\n        ? this.popoverWidth + this.getElementWidth(this.selectedTab)\n        : this.popoverWidth;\n\n      const rightPositionLimit = !this.isOverflow\n        ? containerRelativeRightPosition\n        : containerRelativeRightPosition - minimumWidthNeeded;\n\n      return (\n        element.getBoundingClientRect().right > rightPositionLimit &&\n        !element.active\n      );\n    });\n  }\n\n  private get displayedTabs() {\n    return this.tabsFromSlot.filter((el) => !this.overflowingTabs.includes(el));\n  }\n\n  private get lastDisplayedTab() {\n    const displayedTabs = this.displayedTabs;\n    return displayedTabs[displayedTabs.length - 1];\n  }\n\n  private get lastDisplayedTabRightPosition() {\n    return (\n      this.lastDisplayedTab.getBoundingClientRect().right -\n      this.host.getBoundingClientRect().left\n    );\n  }\n\n  private updatePopoverPosition() {\n    this.tabPopover?.style.setProperty(\n      'left',\n      `${this.displayedTabs.length ? this.lastDisplayedTabRightPosition : 0}px`\n    );\n  }\n\n  private getElementWidth = (element?: Element) => {\n    return element\n      ? parseFloat(window.getComputedStyle(element).getPropertyValue('width'))\n      : 0;\n  };\n\n  private hideElement = (el: HTMLElement) => {\n    el.style.visibility = 'hidden';\n    el.ariaHidden = 'true';\n  };\n\n  private showElement = (el: HTMLElement) => {\n    el.style.visibility = 'visible';\n    el.ariaHidden = 'false';\n  };\n\n  private updateTabVisibility = (\n    tabs: TabCommonElement[],\n    isVisible: boolean\n  ) => {\n    const tabCount = this.tabsFromSlot.length;\n\n    tabs.forEach((tab, index) => {\n      tab.style.setProperty(\n        'order',\n        String(isVisible ? index + 1 : tabCount - tabs.length + index + 1)\n      );\n      if (isVisible) {\n        this.showElement(tab);\n      } else {\n        this.hideElement(tab);\n      }\n    });\n  };\n\n  private updatePopoverTabs = () => {\n    this.popoverTabs = this.overflowingTabs.map((tab) => (\n      <li>\n        <Button\n          part=\"popover-tab\"\n          style=\"text-transparent\"\n          class=\"w-full truncate rounded px-4 py-2 text-left font-semibold\"\n          ariaLabel={tab.label}\n          title={tab.label}\n          onClick={() => {\n            tab.select();\n            this.updatePopoverTabs();\n            this.tabPopover?.toggle();\n          }}\n        >\n          {tab.label}\n        </Button>\n      </li>\n    ));\n  };\n\n  private setTabButtonMaxWidth = () => {\n    this.displayedTabs.forEach((tab) => {\n      tab.style.setProperty('max-width', `calc(100% - ${this.popoverWidth}px)`);\n    });\n  };\n\n  private updateTabsDisplay = () => {\n    this.updateTabVisibility(this.overflowingTabs, false);\n    this.updateTabVisibility(this.displayedTabs, true);\n    this.setTabButtonMaxWidth();\n    this.updatePopoverPosition();\n    this.updatePopoverTabs();\n    this.tabPopover?.setButtonVisibility(!!this.overflowingTabs.length);\n  };\n\n  @Listen('atomic/tabRendered')\n  public resolveResult(event: CustomEvent<{}>) {\n    event.stopPropagation();\n    this.updatePopoverTabs();\n  }\n  public componentWillUpdate() {\n    this.updateTabsDisplay();\n  }\n\n  public componentDidLoad() {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.updateTabsDisplay();\n    });\n    this.resizeObserver.observe(this.host);\n  }\n\n  public disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  public render = () => {\n    return (\n      <Host class=\"overflow-x-clip overflow-y-visible\">\n        <slot></slot>\n        <atomic-tab-popover exportparts=\"popover-button, value-label, arrow-icon, backdrop overflow-tabs\">\n          {this.popoverTabs}\n        </atomic-tab-popover>\n      </Host>\n    );\n  };\n}\n","@import '../../../global/global.pcss';\n\n:host {\n  position: absolute;\n}\n\n:host(.visibility-hidden) {\n  visibility: hidden;\n}\n\n[part='overflow-tabs'] {\n  flex-direction: column;\n  max-width: 150px;\n\n  button {\n    text-align: start;\n  }\n}\n","import {\n  createPopperLite as createPopper,\n  preventOverflow,\n  Instance as PopperInstance,\n} from '@popperjs/core';\nimport {\n  Component,\n  h,\n  Listen,\n  State,\n  Element,\n  Host,\n  Method,\n} from '@stencil/core';\nimport ArrowBottomIcon from '../../../images/arrow-bottom-rounded.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\nimport {Button} from '../stencil-button';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-tab-popover',\n  shadow: true,\n  styleUrl: 'tab-popover.pcss',\n})\nexport class TabPopover implements InitializableComponent {\n  @Element() private host!: HTMLElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n\n  @State()\n  public show = false;\n\n  @State()\n  public error!: Error;\n\n  @State()\n  private isOpen = false;\n\n  private buttonRef!: HTMLElement;\n  private popupRef!: HTMLElement;\n  private popperInstance?: PopperInstance;\n  public popoverId = 'atomic-tab-popover';\n\n  public initialize() {}\n\n  private initializePopover() {\n    this.popupRef.classList.add('popover-nested');\n  }\n\n  @Listen('keydown')\n  public handleKeyDown(e: KeyboardEvent) {\n    if (!this.isOpen) {\n      return;\n    }\n\n    if (e.key === 'Escape') {\n      this.toggle();\n    } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      e.preventDefault();\n      this.navigatePopover(e.key);\n    }\n  }\n\n  private getTabButtons(): HTMLButtonElement[] {\n    const slot = this.popupRef.children[0] as HTMLSlotElement;\n    return Array.from(slot.assignedElements())\n      .map((el) => (el as HTMLElement).querySelector('button'))\n      .filter((el): el is HTMLButtonElement => el !== null);\n  }\n\n  private getCurrentTabIndex(elements: HTMLButtonElement[]): number {\n    const MAX_SHADOW_DEPTH = 3;\n    let currentElement = document.activeElement;\n    let depth = 0;\n\n    while (currentElement?.shadowRoot && depth < MAX_SHADOW_DEPTH) {\n      currentElement = currentElement.shadowRoot.activeElement;\n      depth++;\n    }\n\n    if (!(currentElement instanceof HTMLButtonElement)) {\n      return -1;\n    }\n\n    return elements.indexOf(currentElement);\n  }\n\n  private navigatePopover(key: string): void {\n    const tabButtons = this.getTabButtons();\n    if (!tabButtons.length) {\n      return;\n    }\n\n    const currentIndex = this.getCurrentTabIndex(tabButtons);\n\n    const startIndex = currentIndex > -1 ? currentIndex : -1;\n\n    let nextIndex;\n    if (currentIndex === -1) {\n      nextIndex = key === 'ArrowDown' ? 0 : tabButtons.length - 1;\n    } else {\n      nextIndex =\n        key === 'ArrowDown'\n          ? (startIndex + 1) % tabButtons.length\n          : (startIndex - 1 + tabButtons.length) % tabButtons.length;\n    }\n\n    tabButtons[nextIndex]?.focus();\n  }\n\n  get slotElements() {\n    return this.host.children;\n  }\n\n  get hasTabs() {\n    return !!this.popupRef.children.length;\n  }\n\n  @Method()\n  public async toggle() {\n    this.isOpen = !this.isOpen;\n  }\n\n  @Method()\n  public async setButtonVisibility(isVisible: boolean) {\n    this.show = isVisible;\n  }\n\n  @Method()\n  public async closePopoverOnFocusOut(event: FocusEvent) {\n    const slot = this.popupRef.children[0] as HTMLSlotElement;\n    const assignedElements = slot.assignedElements() as HTMLElement[];\n\n    const isMovingToSlottedElement = assignedElements.some(\n      (element) =>\n        element === event.relatedTarget ||\n        element.contains(event.relatedTarget as Node)\n    );\n\n    if (isMovingToSlottedElement) {\n      return;\n    }\n\n    if (!this.popupRef.contains(event.relatedTarget as Node)) {\n      this.closePopover();\n    }\n  }\n\n  private closePopover() {\n    this.isOpen = false;\n  }\n\n  private renderDropdownButton() {\n    const label = this.bindings?.i18n.t('more');\n    const ariaLabel = this.bindings?.i18n.t('tab-popover', {label});\n    const buttonClasses = [\n      'relative',\n      'pb-1',\n      'mt-1',\n      'group',\n      'mr-6',\n      'font-semibold',\n    ];\n\n    return (\n      <Button\n        ref={(el) => (this.buttonRef = el!)}\n        style=\"text-transparent\"\n        onClick={() => this.toggle()}\n        part=\"popover-button\"\n        ariaExpanded={`${this.isOpen}`}\n        ariaLabel={ariaLabel}\n        ariaControls={this.popoverId}\n        class={`${buttonClasses.join(' ')}`}\n      >\n        <span\n          title={label}\n          part=\"value-label\"\n          class={\n            'group-hover:text-primary-light group-focus:text-primary mr-1.5 truncate'\n          }\n        >\n          {label}\n        </span>\n        <atomic-icon\n          part=\"arrow-icon\"\n          class={`group-hover:text-primary-light group-focus:text-primary ml-auto w-2 ${\n            this.isOpen ? 'rotate-180' : ''\n          }`}\n          icon={ArrowBottomIcon}\n        ></atomic-icon>\n      </Button>\n    );\n  }\n\n  private renderBackdrop() {\n    return (\n      <div\n        part=\"backdrop\"\n        class=\"fixed top-0 right-0 bottom-0 left-0 z-9998 cursor-pointer bg-transparent\"\n        onClick={() => this.toggle()}\n      ></div>\n    );\n  }\n\n  private renderPopover() {\n    return (\n      <div class={`relative ${this.isOpen ? 'z-9999' : ''}`}>\n        {this.renderDropdownButton()}\n        <ul\n          id={this.popoverId}\n          ref={(el) => (this.popupRef = el!)}\n          part=\"overflow-tabs\"\n          class={`bg-background border-neutral absolute rounded-lg border py-2 shadow-lg ${\n            this.isOpen ? 'flex' : 'hidden'\n          }`}\n        >\n          <slot></slot>\n        </ul>\n      </div>\n    );\n  }\n\n  public componentDidRender() {\n    if (this.popperInstance || !this.buttonRef || !this.popupRef) {\n      return;\n    }\n\n    this.popperInstance = createPopper(this.buttonRef, this.popupRef, {\n      placement: 'bottom-end',\n      modifiers: [preventOverflow],\n    });\n    this.initializePopover();\n  }\n\n  public componentDidUpdate() {\n    this.popperInstance?.forceUpdate();\n  }\n\n  public render() {\n    return (\n      <Host\n        onFocusout={(event: FocusEvent) => this.closePopoverOnFocusOut(event)}\n        class={this.show ? '' : 'visibility-hidden'}\n        aria-hidden={!this.show}\n      >\n        {this.renderPopover()}\n        {this.isOpen && this.renderBackdrop()}\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-tab-bar.atomic-tab-popover.entry.js","mappings":"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","names":[],"sources":["src/components/common/tabs/tab-bar.pcss?tag=atomic-tab-bar&encapsulation=shadow","src/components/common/tabs/tab-bar.tsx","src/components/common/tabs/tab-popover.pcss?tag=atomic-tab-popover&encapsulation=shadow","src/components/common/tabs/tab-popover.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n\n:host {\n  white-space: nowrap;\n  width: 100%;\n  overflow-x: visible;\n  display: flex;\n  position: relative;\n}\n","import {h, Component, Element, Host, State, Listen} from '@stencil/core';\nimport {Button} from '../stencil-button';\nimport {TabCommonElement} from './tab-common';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-tab-bar',\n  shadow: true,\n  styleUrl: 'tab-bar.pcss',\n})\nexport class TabBar {\n  @Element() private host!: HTMLElement;\n\n  @State()\n  private popoverTabs: (typeof Button)[] = [];\n\n  private resizeObserver: ResizeObserver | undefined;\n\n  private get tabsFromSlot(): TabCommonElement[] {\n    const isTab = (tagName: string) =>\n      /atomic-.+-tab$/i.test(tagName) || /tab-button$/i.test(tagName);\n    return Array.from(this.host.querySelectorAll<TabCommonElement>('*')).filter(\n      (element) => isTab(element.tagName)\n    );\n  }\n\n  private get selectedTab() {\n    return this.tabsFromSlot.find((tab) => tab.active);\n  }\n\n  private get slotContentWidth() {\n    return this.tabsFromSlot.reduce(\n      (total, el) =>\n        total +\n        parseFloat(window.getComputedStyle(el).getPropertyValue('width')),\n      0\n    );\n  }\n\n  private get containerWidth() {\n    return parseFloat(\n      window.getComputedStyle(this.host).getPropertyValue('width')\n    );\n  }\n\n  private get isOverflow() {\n    return this.slotContentWidth > this.containerWidth;\n  }\n\n  private get tabPopover() {\n    return this.host.shadowRoot?.querySelector('atomic-tab-popover');\n  }\n\n  private get popoverWidth() {\n    return this.tabPopover ? this.getElementWidth(this.tabPopover) : 0;\n  }\n\n  private get overflowingTabs() {\n    const containerRelativeRightPosition =\n      this.host.getBoundingClientRect().right;\n    const selectedTabRelativeRightPosition =\n      this.selectedTab?.getBoundingClientRect().right;\n\n    return this.tabsFromSlot.filter((element) => {\n      const isBeforeSelectedTab = selectedTabRelativeRightPosition\n        ? selectedTabRelativeRightPosition >\n          element.getBoundingClientRect().right\n        : false;\n\n      const minimumWidthNeeded = isBeforeSelectedTab\n        ? this.popoverWidth + this.getElementWidth(this.selectedTab)\n        : this.popoverWidth;\n\n      const rightPositionLimit = !this.isOverflow\n        ? containerRelativeRightPosition\n        : containerRelativeRightPosition - minimumWidthNeeded;\n\n      return (\n        element.getBoundingClientRect().right > rightPositionLimit &&\n        !element.active\n      );\n    });\n  }\n\n  private get displayedTabs() {\n    return this.tabsFromSlot.filter((el) => !this.overflowingTabs.includes(el));\n  }\n\n  private get lastDisplayedTab() {\n    const displayedTabs = this.displayedTabs;\n    return displayedTabs[displayedTabs.length - 1];\n  }\n\n  private get lastDisplayedTabRightPosition() {\n    return (\n      this.lastDisplayedTab.getBoundingClientRect().right -\n      this.host.getBoundingClientRect().left\n    );\n  }\n\n  private updatePopoverPosition() {\n    this.tabPopover?.style.setProperty(\n      'left',\n      `${this.displayedTabs.length ? this.lastDisplayedTabRightPosition : 0}px`\n    );\n  }\n\n  private getElementWidth = (element?: Element) => {\n    return element\n      ? parseFloat(window.getComputedStyle(element).getPropertyValue('width'))\n      : 0;\n  };\n\n  private hideElement = (el: HTMLElement) => {\n    el.style.visibility = 'hidden';\n    el.ariaHidden = 'true';\n  };\n\n  private showElement = (el: HTMLElement) => {\n    el.style.visibility = 'visible';\n    el.ariaHidden = 'false';\n  };\n\n  private updateTabVisibility = (\n    tabs: TabCommonElement[],\n    isVisible: boolean\n  ) => {\n    const tabCount = this.tabsFromSlot.length;\n\n    tabs.forEach((tab, index) => {\n      tab.style.setProperty(\n        'order',\n        String(isVisible ? index + 1 : tabCount - tabs.length + index + 1)\n      );\n      if (isVisible) {\n        this.showElement(tab);\n      } else {\n        this.hideElement(tab);\n      }\n    });\n  };\n\n  private updatePopoverTabs = () => {\n    this.popoverTabs = this.overflowingTabs.map((tab) => (\n      <li>\n        <Button\n          part=\"popover-tab\"\n          style=\"text-transparent\"\n          class=\"w-full truncate rounded px-4 py-2 text-left font-semibold\"\n          ariaLabel={tab.label}\n          title={tab.label}\n          onClick={() => {\n            tab.select();\n            this.updatePopoverTabs();\n            this.tabPopover?.toggle();\n          }}\n        >\n          {tab.label}\n        </Button>\n      </li>\n    ));\n  };\n\n  private setTabButtonMaxWidth = () => {\n    this.displayedTabs.forEach((tab) => {\n      tab.style.setProperty('max-width', `calc(100% - ${this.popoverWidth}px)`);\n    });\n  };\n\n  private updateTabsDisplay = () => {\n    this.updateTabVisibility(this.overflowingTabs, false);\n    this.updateTabVisibility(this.displayedTabs, true);\n    this.setTabButtonMaxWidth();\n    this.updatePopoverPosition();\n    this.updatePopoverTabs();\n    this.tabPopover?.setButtonVisibility(!!this.overflowingTabs.length);\n  };\n\n  @Listen('atomic/tabRendered')\n  public resolveResult(event: CustomEvent<{}>) {\n    event.stopPropagation();\n    this.updatePopoverTabs();\n  }\n  public componentWillUpdate() {\n    this.updateTabsDisplay();\n  }\n\n  public componentDidLoad() {\n    this.resizeObserver = new ResizeObserver(() => {\n      this.updateTabsDisplay();\n    });\n    this.resizeObserver.observe(this.host);\n  }\n\n  public disconnectedCallback() {\n    this.resizeObserver?.disconnect();\n  }\n\n  public render = () => {\n    return (\n      <Host class=\"overflow-x-clip overflow-y-visible\">\n        <slot></slot>\n        <atomic-tab-popover exportparts=\"popover-button, value-label, arrow-icon, backdrop overflow-tabs\">\n          {this.popoverTabs}\n        </atomic-tab-popover>\n      </Host>\n    );\n  };\n}\n","@import '../../../global/global.pcss';\n\n:host {\n  position: absolute;\n}\n\n:host(.visibility-hidden) {\n  visibility: hidden;\n}\n\n[part='overflow-tabs'] {\n  flex-direction: column;\n  max-width: 150px;\n\n  button {\n    text-align: start;\n  }\n}\n","import {\n  createPopperLite as createPopper,\n  preventOverflow,\n  Instance as PopperInstance,\n} from '@popperjs/core';\nimport {\n  Component,\n  h,\n  Listen,\n  State,\n  Element,\n  Host,\n  Method,\n} from '@stencil/core';\nimport ArrowBottomIcon from '../../../images/arrow-bottom-rounded.svg';\nimport {\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../utils/initialization-utils';\nimport {Bindings} from '../../search/atomic-search-interface/atomic-search-interface';\nimport {Button} from '../stencil-button';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-tab-popover',\n  shadow: true,\n  styleUrl: 'tab-popover.pcss',\n})\nexport class TabPopover implements InitializableComponent {\n  @Element() private host!: HTMLElement;\n\n  @InitializeBindings() public bindings!: Bindings;\n\n  @State()\n  public show = false;\n\n  @State()\n  public error!: Error;\n\n  @State()\n  private isOpen = false;\n\n  private buttonRef!: HTMLElement;\n  private popupRef!: HTMLElement;\n  private popperInstance?: PopperInstance;\n  public popoverId = 'atomic-tab-popover';\n\n  public initialize() {}\n\n  private initializePopover() {\n    this.popupRef.classList.add('popover-nested');\n  }\n\n  @Listen('keydown')\n  public handleKeyDown(e: KeyboardEvent) {\n    if (!this.isOpen) {\n      return;\n    }\n\n    if (e.key === 'Escape') {\n      this.toggle();\n    } else if (e.key === 'ArrowDown' || e.key === 'ArrowUp') {\n      e.preventDefault();\n      this.navigatePopover(e.key);\n    }\n  }\n\n  private getTabButtons(): HTMLButtonElement[] {\n    const slot = this.popupRef.children[0] as HTMLSlotElement;\n    return Array.from(slot.assignedElements())\n      .map((el) => (el as HTMLElement).querySelector('button'))\n      .filter((el): el is HTMLButtonElement => el !== null);\n  }\n\n  private getCurrentTabIndex(elements: HTMLButtonElement[]): number {\n    const MAX_SHADOW_DEPTH = 3;\n    let currentElement = document.activeElement;\n    let depth = 0;\n\n    while (currentElement?.shadowRoot && depth < MAX_SHADOW_DEPTH) {\n      currentElement = currentElement.shadowRoot.activeElement;\n      depth++;\n    }\n\n    if (!(currentElement instanceof HTMLButtonElement)) {\n      return -1;\n    }\n\n    return elements.indexOf(currentElement);\n  }\n\n  private navigatePopover(key: string): void {\n    const tabButtons = this.getTabButtons();\n    if (!tabButtons.length) {\n      return;\n    }\n\n    const currentIndex = this.getCurrentTabIndex(tabButtons);\n\n    const startIndex = currentIndex > -1 ? currentIndex : -1;\n\n    let nextIndex;\n    if (currentIndex === -1) {\n      nextIndex = key === 'ArrowDown' ? 0 : tabButtons.length - 1;\n    } else {\n      nextIndex =\n        key === 'ArrowDown'\n          ? (startIndex + 1) % tabButtons.length\n          : (startIndex - 1 + tabButtons.length) % tabButtons.length;\n    }\n\n    tabButtons[nextIndex]?.focus();\n  }\n\n  get slotElements() {\n    return this.host.children;\n  }\n\n  get hasTabs() {\n    return !!this.popupRef.children.length;\n  }\n\n  @Method()\n  public async toggle() {\n    this.isOpen = !this.isOpen;\n  }\n\n  @Method()\n  public async setButtonVisibility(isVisible: boolean) {\n    this.show = isVisible;\n  }\n\n  @Method()\n  public async closePopoverOnFocusOut(event: FocusEvent) {\n    const slot = this.popupRef.children[0] as HTMLSlotElement;\n    const assignedElements = slot.assignedElements() as HTMLElement[];\n\n    const isMovingToSlottedElement = assignedElements.some(\n      (element) =>\n        element === event.relatedTarget ||\n        element.contains(event.relatedTarget as Node)\n    );\n\n    if (isMovingToSlottedElement) {\n      return;\n    }\n\n    if (!this.popupRef.contains(event.relatedTarget as Node)) {\n      this.closePopover();\n    }\n  }\n\n  private closePopover() {\n    this.isOpen = false;\n  }\n\n  private renderDropdownButton() {\n    const label = this.bindings?.i18n.t('more');\n    const ariaLabel = this.bindings?.i18n.t('tab-popover', {label});\n    const buttonClasses = [\n      'relative',\n      'pb-1',\n      'mt-1',\n      'group',\n      'mr-6',\n      'font-semibold',\n    ];\n\n    return (\n      <Button\n        ref={(el) => (this.buttonRef = el!)}\n        style=\"text-transparent\"\n        onClick={() => this.toggle()}\n        part=\"popover-button\"\n        ariaExpanded={`${this.isOpen}`}\n        ariaLabel={ariaLabel}\n        ariaControls={this.popoverId}\n        class={`${buttonClasses.join(' ')}`}\n      >\n        <span\n          title={label}\n          part=\"value-label\"\n          class={\n            'group-hover:text-primary-light group-focus:text-primary mr-1.5 truncate'\n          }\n        >\n          {label}\n        </span>\n        <atomic-icon\n          part=\"arrow-icon\"\n          class={`group-hover:text-primary-light group-focus:text-primary ml-auto w-2 ${\n            this.isOpen ? 'rotate-180' : ''\n          }`}\n          icon={ArrowBottomIcon}\n        ></atomic-icon>\n      </Button>\n    );\n  }\n\n  private renderBackdrop() {\n    return (\n      <div\n        part=\"backdrop\"\n        class=\"fixed top-0 right-0 bottom-0 left-0 z-9998 cursor-pointer bg-transparent\"\n        onClick={() => this.toggle()}\n      ></div>\n    );\n  }\n\n  private renderPopover() {\n    return (\n      <div class={`relative ${this.isOpen ? 'z-9999' : ''}`}>\n        {this.renderDropdownButton()}\n        <ul\n          id={this.popoverId}\n          ref={(el) => (this.popupRef = el!)}\n          part=\"overflow-tabs\"\n          class={`bg-background border-neutral absolute rounded-lg border py-2 shadow-lg ${\n            this.isOpen ? 'flex' : 'hidden'\n          }`}\n        >\n          <slot></slot>\n        </ul>\n      </div>\n    );\n  }\n\n  public componentDidRender() {\n    if (this.popperInstance || !this.buttonRef || !this.popupRef) {\n      return;\n    }\n\n    this.popperInstance = createPopper(this.buttonRef, this.popupRef, {\n      placement: 'bottom-end',\n      modifiers: [preventOverflow],\n    });\n    this.initializePopover();\n  }\n\n  public componentDidUpdate() {\n    this.popperInstance?.forceUpdate();\n  }\n\n  public render() {\n    return (\n      <Host\n        onFocusout={(event: FocusEvent) => this.closePopoverOnFocusOut(event)}\n        class={this.show ? '' : 'visibility-hidden'}\n        aria-hidden={!this.show}\n      >\n        {this.renderPopover()}\n        {this.isOpen && this.renderBackdrop()}\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/atomic-tab-button.entry.js

@@ -1,6 +1,5 @@
 import { r as registerInstance, h, H as Host } from './index-3f35faca.js';
-import { B as Button } from './stencil-button-2a8cc429.js';
-import './ripple-b1f0b09d.js';
+import { B as Button } from './stencil-button-75e8b31b.js';
 import './event-utils-8de63ec3.js';
 import './stencil-button-style-0bc80040.js';
 

package/dist/esm/atomic-tab-button.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-tab-button.entry.js","mappings":";;;;;;AAAA,MAAM,YAAY,GAAG,otgEAAotgE,CAAC;AAC1ugE,8BAAe,YAAY;;MCSd,eAAe;;;;;;QASlB,WAAM,GAAY,KAAK,CAAC;;sBAAN,KAAK;;;IAO/B,IAAY,cAAc;QACxB,OAAO,IAAI,CAAC,MAAM;cACd,6GAA6G;cAC7G,EAAE,CAAC;KACR;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,4CAA4C,CAAC;KACxE;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,kBACjB,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,gBAChC,UAAU,GAAG,IAAI,CAAC,KAAK,EACnC,IAAI,EAAE,kBAAkB,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,CAAC,IAEzD,EAAC,MAAM,qDACL,KAAK,EAAE,6CAA6C,IAAI,CAAC,kBAAkB,EAAE,EAC7E,IAAI,EAAE,YAAY,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,CAAC,EACnD,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAC,kBAAkB,IAEvB,IAAI,CAAC,KAAK,CACJ,CACJ,EACP;KACH;;;;;;","names":[],"sources":["src/components/common/tabs/tab-button.pcss?tag=atomic-tab-button","src/components/common/tabs/tab-button.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {Component, Host, Prop, h} from '@stencil/core';\nimport {Button} from '../stencil-button';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-tab-button',\n  styleUrl: 'tab-button.pcss',\n})\nexport class AtomicTabButton {\n  /**\n   * The label to display on the tab button.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Whether the tab button is active.\n   */\n  @Prop() active: boolean = false;\n\n  /**\n   * Click handler for the tab button.\n   */\n  @Prop() select!: () => void;\n\n  private get activeTabClass() {\n    return this.active\n      ? 'relative after:block after:w-full after:h-1 after:absolute after:-bottom-0.5 after:bg-primary after:rounded'\n      : '';\n  }\n\n  private get activeTabTextClass() {\n    return this.active ? '' : 'text-neutral-dark hover:text-primary-light';\n  }\n\n  render() {\n    return (\n      <Host\n        role=\"listitem\"\n        class={`${this.activeTabClass}`}\n        aria-current={this.active ? 'true' : 'false'}\n        aria-label={'tab for ' + this.label}\n        part={'button-container' + (this.active ? '-active' : '')}\n      >\n        <Button\n          class={`w-full truncate px-2 pb-1 text-xl sm:px-6 ${this.activeTabTextClass}`}\n          part={'tab-button' + (this.active ? '-active' : '')}\n          onClick={this.select}\n          style=\"text-transparent\"\n        >\n          {this.label}\n        </Button>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"atomic-tab-button.entry.js","mappings":";;;;;AAAA,MAAM,YAAY,GAAG,otgEAAotgE,CAAC;AAC1ugE,8BAAe,YAAY;;MCSd,eAAe;;;;;;QASlB,WAAM,GAAY,KAAK,CAAC;;sBAAN,KAAK;;;IAO/B,IAAY,cAAc;QACxB,OAAO,IAAI,CAAC,MAAM;cACd,6GAA6G;cAC7G,EAAE,CAAC;KACR;IAED,IAAY,kBAAkB;QAC5B,OAAO,IAAI,CAAC,MAAM,GAAG,EAAE,GAAG,4CAA4C,CAAC;KACxE;IAED,MAAM;QACJ,QACE,EAAC,IAAI,qDACH,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,GAAG,IAAI,CAAC,cAAc,EAAE,kBACjB,IAAI,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,gBAChC,UAAU,GAAG,IAAI,CAAC,KAAK,EACnC,IAAI,EAAE,kBAAkB,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,CAAC,IAEzD,EAAC,MAAM,qDACL,KAAK,EAAE,6CAA6C,IAAI,CAAC,kBAAkB,EAAE,EAC7E,IAAI,EAAE,YAAY,IAAI,IAAI,CAAC,MAAM,GAAG,SAAS,GAAG,EAAE,CAAC,EACnD,OAAO,EAAE,IAAI,CAAC,MAAM,EACpB,KAAK,EAAC,kBAAkB,IAEvB,IAAI,CAAC,KAAK,CACJ,CACJ,EACP;KACH;;;;;;","names":[],"sources":["src/components/common/tabs/tab-button.pcss?tag=atomic-tab-button","src/components/common/tabs/tab-button.tsx"],"sourcesContent":["@import '../../../global/global.pcss';\n","import {Component, Host, Prop, h} from '@stencil/core';\nimport {Button} from '../stencil-button';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-tab-button',\n  styleUrl: 'tab-button.pcss',\n})\nexport class AtomicTabButton {\n  /**\n   * The label to display on the tab button.\n   */\n  @Prop() label!: string;\n\n  /**\n   * Whether the tab button is active.\n   */\n  @Prop() active: boolean = false;\n\n  /**\n   * Click handler for the tab button.\n   */\n  @Prop() select!: () => void;\n\n  private get activeTabClass() {\n    return this.active\n      ? 'relative after:block after:w-full after:h-1 after:absolute after:-bottom-0.5 after:bg-primary after:rounded'\n      : '';\n  }\n\n  private get activeTabTextClass() {\n    return this.active ? '' : 'text-neutral-dark hover:text-primary-light';\n  }\n\n  render() {\n    return (\n      <Host\n        role=\"listitem\"\n        class={`${this.activeTabClass}`}\n        aria-current={this.active ? 'true' : 'false'}\n        aria-label={'tab for ' + this.label}\n        part={'button-container' + (this.active ? '-active' : '')}\n      >\n        <Button\n          class={`w-full truncate px-2 pb-1 text-xl sm:px-6 ${this.activeTabTextClass}`}\n          part={'tab-button' + (this.active ? '-active' : '')}\n          onClick={this.select}\n          style=\"text-transparent\"\n        >\n          {this.label}\n        </Button>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/esm/atomic-tab-manager.entry.js

@@ -58,7 +58,7 @@ const AtomicTabManager = class {
         });
     }
     render() {
-        return (h(Host, { key: '3a0098efb8c3ff5e6e6ac138d65de8cf096c01d4' }, h("atomic-tab-bar", { key: 'c91cc8a029aedd95de3998cda1b80cda700f8a9c' }, h("div", { key: '725af9ffa07ec17dc0e59796e377559be25291b6', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
+        return (h(Host, { key: '4ea1e2534d1a02ca62d7ac6ec6462252e3d562ee' }, h("atomic-tab-bar", { key: '98896c96e0599094edee87021c10c9fe6fbf3ab0' }, h("div", { key: '2087916e6bda8851a9296a194bbe0cdca44e6330', role: "list", "aria-label": "tab-area", part: "tab-area", class: "border-neutral mb-2 flex w-full flex-row border-b" }, this.tabs.map((tab) => (h("atomic-tab-button", { active: this.tabManagerState.activeTab === tab.name, label: this.bindings.i18n.t(tab.label, {
                 defaultValue: tab.label,
             }), select: () => {
                 if (!tab.tabController.state.isActive) {

package/dist/esm/atomic-timeframe-facet.entry.js

@@ -4,8 +4,8 @@ import { I as InitializeBindings, B as BindStateToController } from './initializ
 import { A as ArrayProp, M as MapProp } from './props-utils-76e19fa7.js';
 import { F as FocusTargetController } from './stencil-accessibility-utils-2d41d4cd.js';
 import { p as parseDependsOn } from './depends-on-d73b0ce3.js';
-import { b as FacetPlaceholder } from './facet-placeholder-ced9331e.js';
-import { T as TimeframeFacetCommon } from './timeframe-facet-common-50fd210c.js';
+import { b as FacetPlaceholder } from './facet-placeholder-57a5207d.js';
+import { T as TimeframeFacetCommon } from './timeframe-facet-common-8b4b78a7.js';
 import './dom-utils-f6086cd3.js';
 import './event-utils-8de63ec3.js';
 import './init-queue-fbe942c3.js';
@@ -17,8 +17,7 @@ import './_commonjsHelpers-1789f0cf.js';
 import './arrow-bottom-rounded-043572da.js';
 import './arrow-top-rounded-cf1dd47d.js';
 import './close-ff816971.js';
-import './stencil-button-2a8cc429.js';
-import './ripple-b1f0b09d.js';
+import './stencil-button-75e8b31b.js';
 import './stencil-button-style-0bc80040.js';
 import './stencil-heading-2b28a9b9.js';
 import './date-utils-e07b72d6.js';
@@ -26,7 +25,7 @@ import './dayjs.min-d04628c6.js';
 import './field-utils-f0146383.js';
 import './stencil-facet-value-label-highlight-b4083ffd.js';
 import './string-utils-5f5a23a8.js';
-import './stencil-facet-value-link-b3b194b7.js';
+import './stencil-facet-value-link-4c270d4d.js';
 import './stencil-facet-values-group-1108573d.js';
 import './stencil-fieldset-group-5fa357cd.js';
 import './popover-type-895c0e24.js';

package/dist/esm/atomic-timeframe-facet.entry.js.map

@@ -1 +1 @@
-{"file":"atomic-timeframe-facet.entry.js","mappings":"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","names":[],"sources":["src/components/search/facets/atomic-timeframe-facet/atomic-timeframe-facet.pcss?tag=atomic-timeframe-facet&encapsulation=shadow","src/components/search/facets/atomic-timeframe-facet/atomic-timeframe-facet.tsx"],"sourcesContent":["@import '../../../common/facets/facet-common.pcss';\n","import {\n  buildDateFacet,\n  buildDateFilter,\n  buildDateRange,\n  buildFacetConditionsManager,\n  buildSearchStatus,\n  DateFacet,\n  DateFacetState,\n  DateFilter,\n  DateFilterState,\n  DateRangeRequest,\n  deserializeRelativeDate,\n  RangeFacetSortCriterion,\n  loadDateFacetSetActions,\n  SearchStatus,\n  SearchStatusState,\n  FacetValueRequest,\n  CategoryFacetValueRequest,\n  buildTabManager,\n  TabManager,\n  TabManagerState,\n} from '@coveo/headless';\nimport {Component, Element, h, Listen, Prop, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp, MapProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {parseDependsOn} from '../../../common/facets/depends-on';\nimport {FacetPlaceholder} from '../../../common/facets/facet-placeholder/facet-placeholder';\nimport {TimeframeFacetCommon} from '../../../common/facets/timeframe-facet-common';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * A facet is a list of values for a certain field occurring in the results.\n * An `atomic-timeframe-facet` displays a facet of the results for the current query as date intervals.\n *\n * @slot default - The `atomic-timeframe` components defining the timeframes to display.\n *\n * @part facet - The wrapper for the entire facet.\n * @part placeholder - The placeholder shown before the first search is executed.\n *\n * @part label-button - The button that displays the label and allows to expand/collapse the facet.\n * @part label-button-icon - The label button icon.\n * @part clear-button - The button that resets the actively selected facet values.\n * @part clear-button-icon - The clear button icon.\n *\n * @part values - The facet values container.\n * @part value-label - The facet value label, common for all displays.\n * @part value-count - The facet value count, common for all displays.\n * @part value-link - The facet value when display is 'link'.\n * @part value-link-selected - The selected facet value when display is 'link'.\n *\n * @part input-start - The input for the starting value of the custom date range.\n * @part input-end - The input for the ending value of the custom date range.\n * @part input-label - The label for both the start and end input.\n * @part input-apply-button - The apply button for the custom range.\n */\n@Component({\n  tag: 'atomic-timeframe-facet',\n  styleUrl: './atomic-timeframe-facet.pcss',\n  shadow: true,\n})\nexport class AtomicTimeframeFacet implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public facetForDateRange?: DateFacet;\n  public facetForDatePicker?: DateFacet;\n\n  private timeframeFacetCommon?: TimeframeFacetCommon;\n  public filter?: DateFilter;\n  public searchStatus!: SearchStatus;\n  public tabManager!: TabManager;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facetForDateRange')\n  @State()\n  public facetState!: DateFacetState;\n  @BindStateToController('facetForDatePicker')\n  @State()\n  public facetForDatePickerState?: DateFacetState;\n  @BindStateToController('filter')\n  @State()\n  public filterState?: DateFilterState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: SearchStatusState;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n\n  /**\n   * Specifies a unique identifier for the facet.\n   */\n  @Prop({mutable: true, reflect: true}) public facetId?: string;\n  /**\n   * The non-localized label for the facet.\n   * Used in the atomic-breadbox component through the bindings store.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field = 'date';\n  /**\n   * The tabs on which the facet 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-timeframe-facet tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet 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 this facet 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-timeframe-facet tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet 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  /**\n   * Whether this facet should contain an datepicker allowing users to set custom ranges.\n   */\n  @Prop({reflect: true}) public withDatePicker = false;\n  /**\n   * Specifies whether the facet is collapsed. When the facet is the child of an `atomic-facet-manager` component, the facet manager controls this property.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n   */\n  @Prop({reflect: true}) public headingLevel = 0;\n  /**\n   * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n   *\n   *\n   * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n   */\n  @Prop({reflect: true}) public filterFacetCount = true;\n  /**\n   * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n   * Note: A high injectionDepth may negatively impact the facet request performance.\n   * Minimum: `0`\n   * Default: `1000`\n   */\n  @Prop({reflect: true}) public injectionDepth = 1000;\n\n  /**\n   * The required facets and values for this facet to be displayed.\n   * Examples:\n   * ```html\n   * <atomic-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-facet>\n   *\n   * <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n   * <atomic-timeframe-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-timeframe-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-timeframe-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-timeframe-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n  /**\n   * The earliest date to accept from user input when the `withDatepicker` option is enabled.\n   *\n   * This value must be a valid date string in the format `YYYY-MM-DD`.\n   *\n   * If this format is not respected, the date picker ignores this property, behaving as if no `min` value had been set.\n   *\n   * See also [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#min).\n   */\n  @Prop({reflect: true}) public min?: string;\n\n  /**\n   * The latest date to accept from user input when the `withDatepicker` option is enabled.\n   *\n   * This value must be a valid date string in the format `YYYY-MM-DD`.\n   *\n   * If this format is not respected, the date picker ignores this property, behaving as if no `max` value had been set.\n   *\n   * See also [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#max).\n   */\n  @Prop({reflect: true}) public max?: string;\n\n  /**\n   * The sort criterion to apply to the returned facet values.\n   * Possible values are 'ascending' and 'descending'.\n   */\n  @Prop({reflect: true}) public sortCriteria: RangeFacetSortCriterion =\n    'descending';\n\n  private headerFocus?: FocusTargetController;\n\n  private get focusTarget(): FocusTargetController {\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return this.headerFocus;\n  }\n\n  public initialize() {\n    if (\n      [...this.tabsIncluded].length > 0 &&\n      [...this.tabsExcluded].length > 0\n    ) {\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    this.timeframeFacetCommon = new TimeframeFacetCommon({\n      facetId: this.facetId,\n      host: this.host,\n      bindings: this.bindings,\n      label: this.label,\n      field: this.field,\n      headingLevel: this.headingLevel,\n      dependsOn: parseDependsOn(this.dependsOn) && this.dependsOn,\n      withDatePicker: this.withDatePicker,\n      setFacetId: (id: string) => (this.facetId = id),\n      buildDependenciesManager: (facetId: string) =>\n        buildFacetConditionsManager(this.bindings.engine, {\n          facetId,\n          conditions: parseDependsOn<\n            FacetValueRequest | CategoryFacetValueRequest\n          >(this.dependsOn),\n        }),\n      buildDateRange,\n      getSearchStatusState: () => this.searchStatusState,\n      deserializeRelativeDate,\n      initializeFacetForDatePicker: () => this.initializeFacetForDatePicker(),\n      initializeFacetForDateRange: (values: DateRangeRequest[]) =>\n        this.initializeFacetForDateRange(values),\n      initializeFilter: () => this.initializeFilter(),\n      min: this.min,\n      max: this.max,\n      sortCriteria: this.sortCriteria,\n    });\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n  }\n\n  public disconnectedCallback() {\n    this.timeframeFacetCommon?.disconnectedCallback();\n  }\n\n  private initializeFacetForDatePicker() {\n    this.facetForDatePicker = buildDateFacet(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input_range`,\n        numberOfValues: 1,\n        generateAutomaticRanges: true,\n        field: this.field,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n    return this.facetForDatePicker;\n  }\n\n  private initializeFacetForDateRange(values: DateRangeRequest[]) {\n    this.facetForDateRange = buildDateFacet(this.bindings.engine, {\n      options: {\n        facetId: this.facetId,\n        field: this.field,\n        currentValues: values,\n        generateAutomaticRanges: false,\n        sortCriteria: this.sortCriteria,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n    return this.facetForDateRange;\n  }\n\n  private initializeFilter() {\n    this.filter = buildDateFilter(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input`,\n        field: this.field,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n\n    return this.filter;\n  }\n\n  @Listen('atomic/dateInputApply')\n  public applyDateInput() {\n    this.facetId &&\n      this.bindings.engine.dispatch(\n        loadDateFacetSetActions(\n          this.bindings.engine\n        ).deselectAllDateFacetValues(this.facetId)\n      );\n  }\n\n  public render() {\n    if (!this.timeframeFacetCommon) {\n      return (\n        <FacetPlaceholder\n          numberOfValues={5}\n          isCollapsed={this.isCollapsed}\n        ></FacetPlaceholder>\n      );\n    }\n    return this.timeframeFacetCommon.render({\n      hasError: this.searchStatusState.hasError,\n      firstSearchExecuted: this.searchStatusState.firstSearchExecuted,\n      isCollapsed: this.isCollapsed,\n      headerFocus: this.focusTarget,\n      onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed),\n    });\n  }\n}\n"],"version":3}
+{"file":"atomic-timeframe-facet.entry.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,+9hEAA+9hE,CAAC;AAChgiE,mCAAe,uBAAuB;;;;;;;;;;;;MCgEzB,oBAAoB;;;;;;;QAoCD,UAAK,GAAG,UAAU,CAAC;;;;QAInB,UAAK,GAAG,MAAM,CAAC;;;;;;;;;;QAYtC,iBAAY,GAAsB,IAAI,CAAC;;;;;;;;;;QAavC,iBAAY,GAAsB,IAAI,CAAC;;;;QAKhB,mBAAc,GAAG,KAAK,CAAC;;;;QAIR,gBAAW,GAAG,KAAK,CAAC;;;;QAInC,iBAAY,GAAG,CAAC,CAAC;;;;;;;QAOjB,qBAAgB,GAAG,IAAI,CAAC;;;;;;;QAOxB,mBAAc,GAAG,IAAI,CAAC;;;;;;;;;;;;;;;;;;;;QAqB1B,cAAS,GAA2B,EAAE,CAAC;;;;;QA4BnC,iBAAY,GACxC,YAAY,CAAC;;;;;;;;qBA1GuB,UAAU;qBAIV,MAAM;4BAYH,IAAI;4BAaJ,IAAI;8BAKE,KAAK;2BAIO,KAAK;4BAInB,CAAC;gCAOG,IAAI;8BAON,IAAI;yBAqBW,EAAE;;;4BA6B9D,YAAY;;IAId,IAAY,WAAW;QACrB,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE;YACrB,IAAI,CAAC,WAAW,GAAG,IAAI,qBAAqB,CAAC,IAAI,CAAC,CAAC;SACpD;QACD,OAAO,IAAI,CAAC,WAAW,CAAC;KACzB;IAEM,UAAU;QACf,IACE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC;YACjC,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC,MAAM,GAAG,CAAC,EACjC;YACA,OAAO,CAAC,IAAI,CACV,qHAAqH,CACtH,CAAC;SACH;QACD,IAAI,CAAC,oBAAoB,GAAG,IAAI,oBAAoB,CAAC;YACnD,OAAO,EAAE,IAAI,CAAC,OAAO;YACrB,IAAI,EAAE,IAAI,CAAC,IAAI;YACf,QAAQ,EAAE,IAAI,CAAC,QAAQ;YACvB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,YAAY,EAAE,IAAI,CAAC,YAAY;YAC/B,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,CAAC,SAAS;YAC3D,cAAc,EAAE,IAAI,CAAC,cAAc;YACnC,UAAU,EAAE,CAAC,EAAU,MAAM,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;YAC/C,wBAAwB,EAAE,CAAC,OAAe,KACxC,2BAA2B,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;gBAChD,OAAO;gBACP,UAAU,EAAE,cAAc,CAExB,IAAI,CAAC,SAAS,CAAC;aAClB,CAAC;YACJ,cAAc;YACd,oBAAoB,EAAE,MAAM,IAAI,CAAC,iBAAiB;YAClD,uBAAuB;YACvB,4BAA4B,EAAE,MAAM,IAAI,CAAC,4BAA4B,EAAE;YACvE,2BAA2B,EAAE,CAAC,MAA0B,KACtD,IAAI,CAAC,2BAA2B,CAAC,MAAM,CAAC;YAC1C,gBAAgB,EAAE,MAAM,IAAI,CAAC,gBAAgB,EAAE;YAC/C,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,GAAG,EAAE,IAAI,CAAC,GAAG;YACb,YAAY,EAAE,IAAI,CAAC,YAAY;SAChC,CAAC,CAAC;QACH,IAAI,CAAC,YAAY,GAAG,iBAAiB,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAC5D,IAAI,CAAC,UAAU,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;KACzD;IAEM,oBAAoB;QACzB,IAAI,CAAC,oBAAoB,EAAE,oBAAoB,EAAE,CAAC;KACnD;IAEO,4BAA4B;QAClC,IAAI,CAAC,kBAAkB,GAAG,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC7D,OAAO,EAAE;gBACP,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,cAAc;gBACtC,cAAc,EAAE,CAAC;gBACjB,uBAAuB,EAAE,IAAI;gBAC7B,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;gBACvC,cAAc,EAAE,IAAI,CAAC,cAAc;gBACnC,IAAI,EAAE;oBACJ,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;oBAChC,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;iBACjC;aACF;SACF,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,kBAAkB,CAAC;KAChC;IAEO,2BAA2B,CAAC,MAA0B;QAC5D,IAAI,CAAC,iBAAiB,GAAG,cAAc,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC5D,OAAO,EAAE;gBACP,OAAO,EAAE,IAAI,CAAC,OAAO;gBACrB,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,aAAa,EAAE,MAAM;gBACrB,uBAAuB,EAAE,KAAK;gBAC9B,YAAY,EAAE,IAAI,CAAC,YAAY;gBAC/B,gBAAgB,EAAE,IAAI,CAAC,gBAAgB;gBACvC,cAAc,EAAE,IAAI,CAAC,cAAc;gBACnC,IAAI,EAAE;oBACJ,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;oBAChC,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;iBACjC;aACF;SACF,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,iBAAiB,CAAC;KAC/B;IAEO,gBAAgB;QACtB,IAAI,CAAC,MAAM,GAAG,eAAe,CAAC,IAAI,CAAC,QAAQ,CAAC,MAAM,EAAE;YAClD,OAAO,EAAE;gBACP,OAAO,EAAE,GAAG,IAAI,CAAC,OAAO,QAAQ;gBAChC,KAAK,EAAE,IAAI,CAAC,KAAK;gBACjB,IAAI,EAAE;oBACJ,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;oBAChC,QAAQ,EAAE,CAAC,GAAG,IAAI,CAAC,YAAY,CAAC;iBACjC;aACF;SACF,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC,MAAM,CAAC;KACpB;IAGM,cAAc;QACnB,IAAI,CAAC,OAAO;YACV,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,QAAQ,CAC3B,uBAAuB,CACrB,IAAI,CAAC,QAAQ,CAAC,MAAM,CACrB,CAAC,0BAA0B,CAAC,IAAI,CAAC,OAAO,CAAC,CAC3C,CAAC;KACL;IAEM,MAAM;QACX,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE;YAC9B,QACE,EAAC,gBAAgB,IACf,cAAc,EAAE,CAAC,EACjB,WAAW,EAAE,IAAI,CAAC,WAAW,GACX,EACpB;SACH;QACD,OAAO,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC;YACtC,QAAQ,EAAE,IAAI,CAAC,iBAAiB,CAAC,QAAQ;YACzC,mBAAmB,EAAE,IAAI,CAAC,iBAAiB,CAAC,mBAAmB;YAC/D,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,WAAW,EAAE,IAAI,CAAC,WAAW;YAC7B,gBAAgB,EAAE,OAAO,IAAI,CAAC,WAAW,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC;SAC/D,CAAC,CAAC;KACJ;;;AAnR4B;IAA5B,kBAAkB,EAAE;sDAA4B;AAY1C;IAFN,qBAAqB,CAAC,mBAAmB,CAAC;wDAER;AAG5B;IAFN,qBAAqB,CAAC,oBAAoB,CAAC;qEAEI;AAGzC;IAFN,qBAAqB,CAAC,QAAQ,CAAC;yDAEK;AAG9B;IAFN,qBAAqB,CAAC,cAAc,CAAC;+DAEO;AAGtC;IAFN,qBAAqB,CAAC,YAAY,CAAC;6DAEK;AA2BlC;IAFN,SAAS,EAAE;0DAEkC;AAavC;IAFN,SAAS,EAAE;0DAEkC;AAgDpB;IAAzB,OAAO,EAAE;uDAAuD;;;;;","names":[],"sources":["src/components/search/facets/atomic-timeframe-facet/atomic-timeframe-facet.pcss?tag=atomic-timeframe-facet&encapsulation=shadow","src/components/search/facets/atomic-timeframe-facet/atomic-timeframe-facet.tsx"],"sourcesContent":["@import '../../../common/facets/facet-common.pcss';\n","import {\n  buildDateFacet,\n  buildDateFilter,\n  buildDateRange,\n  buildFacetConditionsManager,\n  buildSearchStatus,\n  DateFacet,\n  DateFacetState,\n  DateFilter,\n  DateFilterState,\n  DateRangeRequest,\n  deserializeRelativeDate,\n  RangeFacetSortCriterion,\n  loadDateFacetSetActions,\n  SearchStatus,\n  SearchStatusState,\n  FacetValueRequest,\n  CategoryFacetValueRequest,\n  buildTabManager,\n  TabManager,\n  TabManagerState,\n} from '@coveo/headless';\nimport {Component, Element, h, Listen, Prop, State} from '@stencil/core';\nimport {\n  BindStateToController,\n  InitializableComponent,\n  InitializeBindings,\n} from '../../../../utils/initialization-utils';\nimport {ArrayProp, MapProp} from '../../../../utils/props-utils';\nimport {FocusTargetController} from '../../../../utils/stencil-accessibility-utils';\nimport {parseDependsOn} from '../../../common/facets/depends-on';\nimport {FacetPlaceholder} from '../../../common/facets/facet-placeholder/facet-placeholder';\nimport {TimeframeFacetCommon} from '../../../common/facets/timeframe-facet-common';\nimport {Bindings} from '../../atomic-search-interface/atomic-search-interface';\n\n/**\n * A facet is a list of values for a certain field occurring in the results.\n * An `atomic-timeframe-facet` displays a facet of the results for the current query as date intervals.\n *\n * @slot default - The `atomic-timeframe` components defining the timeframes to display.\n *\n * @part facet - The wrapper for the entire facet.\n * @part placeholder - The placeholder shown before the first search is executed.\n *\n * @part label-button - The button that displays the label and allows to expand/collapse the facet.\n * @part label-button-icon - The label button icon.\n * @part clear-button - The button that resets the actively selected facet values.\n * @part clear-button-icon - The clear button icon.\n *\n * @part values - The facet values container.\n * @part value-label - The facet value label, common for all displays.\n * @part value-count - The facet value count, common for all displays.\n * @part value-link - The facet value when display is 'link'.\n * @part value-link-selected - The selected facet value when display is 'link'.\n *\n * @part input-start - The input for the starting value of the custom date range.\n * @part input-end - The input for the ending value of the custom date range.\n * @part input-label - The label for both the start and end input.\n * @part input-apply-button - The apply button for the custom range.\n */\n@Component({\n  tag: 'atomic-timeframe-facet',\n  styleUrl: './atomic-timeframe-facet.pcss',\n  shadow: true,\n})\nexport class AtomicTimeframeFacet implements InitializableComponent {\n  @InitializeBindings() public bindings!: Bindings;\n  public facetForDateRange?: DateFacet;\n  public facetForDatePicker?: DateFacet;\n\n  private timeframeFacetCommon?: TimeframeFacetCommon;\n  public filter?: DateFilter;\n  public searchStatus!: SearchStatus;\n  public tabManager!: TabManager;\n  @Element() private host!: HTMLElement;\n\n  @BindStateToController('facetForDateRange')\n  @State()\n  public facetState!: DateFacetState;\n  @BindStateToController('facetForDatePicker')\n  @State()\n  public facetForDatePickerState?: DateFacetState;\n  @BindStateToController('filter')\n  @State()\n  public filterState?: DateFilterState;\n  @BindStateToController('searchStatus')\n  @State()\n  public searchStatusState!: SearchStatusState;\n  @BindStateToController('tabManager')\n  @State()\n  public tabManagerState!: TabManagerState;\n  @State() public error!: Error;\n\n  /**\n   * Specifies a unique identifier for the facet.\n   */\n  @Prop({mutable: true, reflect: true}) public facetId?: string;\n  /**\n   * The non-localized label for the facet.\n   * Used in the atomic-breadbox component through the bindings store.\n   */\n  @Prop({reflect: true}) public label = 'no-label';\n  /**\n   * The field whose values you want to display in the facet.\n   */\n  @Prop({reflect: true}) public field = 'date';\n  /**\n   * The tabs on which the facet 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-timeframe-facet tabs-included='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet 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 this facet 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-timeframe-facet tabs-excluded='[\"tabIDA\", \"tabIDB\"]'></atomic-timeframe-facet>\n   * ```\n   * If you don't set this property, the facet can be displayed on any tab. Otherwise, the facet 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  /**\n   * Whether this facet should contain an datepicker allowing users to set custom ranges.\n   */\n  @Prop({reflect: true}) public withDatePicker = false;\n  /**\n   * Specifies whether the facet is collapsed. When the facet is the child of an `atomic-facet-manager` component, the facet manager controls this property.\n   */\n  @Prop({reflect: true, mutable: true}) public isCollapsed = false;\n  /**\n   * The [heading level](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements) to use for the heading over the facet, from 1 to 6.\n   */\n  @Prop({reflect: true}) public headingLevel = 0;\n  /**\n   * Whether to exclude the parents of folded results when estimating the result count for each facet value.\n   *\n   *\n   * Note: Resulting count is only an estimation, in some cases this value could be incorrect.\n   */\n  @Prop({reflect: true}) public filterFacetCount = true;\n  /**\n   * The maximum number of results to scan in the index to ensure that the facet lists all potential facet values.\n   * Note: A high injectionDepth may negatively impact the facet request performance.\n   * Minimum: `0`\n   * Default: `1000`\n   */\n  @Prop({reflect: true}) public injectionDepth = 1000;\n\n  /**\n   * The required facets and values for this facet to be displayed.\n   * Examples:\n   * ```html\n   * <atomic-facet facet-id=\"abc\" field=\"objecttype\" ...></atomic-facet>\n   *\n   * <!-- To show the facet when any value is selected in the facet with id \"abc\": -->\n   * <atomic-timeframe-facet\n   *   depends-on-abc\n   *   ...\n   * ></atomic-timeframe-facet>\n   *\n   * <!-- To show the facet when value \"doc\" is selected in the facet with id \"abc\": -->\n   * <atomic-timeframe-facet\n   *   depends-on-abc=\"doc\"\n   *   ...\n   * ></atomic-timeframe-facet>\n   * ```\n   */\n  @MapProp() @Prop() public dependsOn: Record<string, string> = {};\n\n  /**\n   * The earliest date to accept from user input when the `withDatepicker` option is enabled.\n   *\n   * This value must be a valid date string in the format `YYYY-MM-DD`.\n   *\n   * If this format is not respected, the date picker ignores this property, behaving as if no `min` value had been set.\n   *\n   * See also [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#min).\n   */\n  @Prop({reflect: true}) public min?: string;\n\n  /**\n   * The latest date to accept from user input when the `withDatepicker` option is enabled.\n   *\n   * This value must be a valid date string in the format `YYYY-MM-DD`.\n   *\n   * If this format is not respected, the date picker ignores this property, behaving as if no `max` value had been set.\n   *\n   * See also [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date#max).\n   */\n  @Prop({reflect: true}) public max?: string;\n\n  /**\n   * The sort criterion to apply to the returned facet values.\n   * Possible values are 'ascending' and 'descending'.\n   */\n  @Prop({reflect: true}) public sortCriteria: RangeFacetSortCriterion =\n    'descending';\n\n  private headerFocus?: FocusTargetController;\n\n  private get focusTarget(): FocusTargetController {\n    if (!this.headerFocus) {\n      this.headerFocus = new FocusTargetController(this);\n    }\n    return this.headerFocus;\n  }\n\n  public initialize() {\n    if (\n      [...this.tabsIncluded].length > 0 &&\n      [...this.tabsExcluded].length > 0\n    ) {\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    this.timeframeFacetCommon = new TimeframeFacetCommon({\n      facetId: this.facetId,\n      host: this.host,\n      bindings: this.bindings,\n      label: this.label,\n      field: this.field,\n      headingLevel: this.headingLevel,\n      dependsOn: parseDependsOn(this.dependsOn) && this.dependsOn,\n      withDatePicker: this.withDatePicker,\n      setFacetId: (id: string) => (this.facetId = id),\n      buildDependenciesManager: (facetId: string) =>\n        buildFacetConditionsManager(this.bindings.engine, {\n          facetId,\n          conditions: parseDependsOn<\n            FacetValueRequest | CategoryFacetValueRequest\n          >(this.dependsOn),\n        }),\n      buildDateRange,\n      getSearchStatusState: () => this.searchStatusState,\n      deserializeRelativeDate,\n      initializeFacetForDatePicker: () => this.initializeFacetForDatePicker(),\n      initializeFacetForDateRange: (values: DateRangeRequest[]) =>\n        this.initializeFacetForDateRange(values),\n      initializeFilter: () => this.initializeFilter(),\n      min: this.min,\n      max: this.max,\n      sortCriteria: this.sortCriteria,\n    });\n    this.searchStatus = buildSearchStatus(this.bindings.engine);\n    this.tabManager = buildTabManager(this.bindings.engine);\n  }\n\n  public disconnectedCallback() {\n    this.timeframeFacetCommon?.disconnectedCallback();\n  }\n\n  private initializeFacetForDatePicker() {\n    this.facetForDatePicker = buildDateFacet(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input_range`,\n        numberOfValues: 1,\n        generateAutomaticRanges: true,\n        field: this.field,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n    return this.facetForDatePicker;\n  }\n\n  private initializeFacetForDateRange(values: DateRangeRequest[]) {\n    this.facetForDateRange = buildDateFacet(this.bindings.engine, {\n      options: {\n        facetId: this.facetId,\n        field: this.field,\n        currentValues: values,\n        generateAutomaticRanges: false,\n        sortCriteria: this.sortCriteria,\n        filterFacetCount: this.filterFacetCount,\n        injectionDepth: this.injectionDepth,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n    return this.facetForDateRange;\n  }\n\n  private initializeFilter() {\n    this.filter = buildDateFilter(this.bindings.engine, {\n      options: {\n        facetId: `${this.facetId}_input`,\n        field: this.field,\n        tabs: {\n          included: [...this.tabsIncluded],\n          excluded: [...this.tabsExcluded],\n        },\n      },\n    });\n\n    return this.filter;\n  }\n\n  @Listen('atomic/dateInputApply')\n  public applyDateInput() {\n    this.facetId &&\n      this.bindings.engine.dispatch(\n        loadDateFacetSetActions(\n          this.bindings.engine\n        ).deselectAllDateFacetValues(this.facetId)\n      );\n  }\n\n  public render() {\n    if (!this.timeframeFacetCommon) {\n      return (\n        <FacetPlaceholder\n          numberOfValues={5}\n          isCollapsed={this.isCollapsed}\n        ></FacetPlaceholder>\n      );\n    }\n    return this.timeframeFacetCommon.render({\n      hasError: this.searchStatusState.hasError,\n      firstSearchExecuted: this.searchStatusState.firstSearchExecuted,\n      isCollapsed: this.isCollapsed,\n      headerFocus: this.focusTarget,\n      onToggleCollapse: () => (this.isCollapsed = !this.isCollapsed),\n    });\n  }\n}\n"],"version":3}