@coveo/atomic 3.38.0 → 3.39.0

package/dist/cjs/timeframe-facet-common-03f90c44.js

@@ -1,214 +0,0 @@
-'use strict';
-
-const index = require('./index-1df73594.js');
-const dateUtils = require('./date-utils-0381ac5f.js');
-const fieldUtils = require('./field-utils-a715deca.js');
-const utils = require('./utils-39abd753.js');
-const initializationUtils = require('./initialization-utils-ec6c0bfb.js');
-const stencilFacetPlaceholder = require('./stencil-facet-placeholder-d3c0a675.js');
-const stencilFacetValueLabelHighlight = require('./stencil-facet-value-label-highlight-69f84bb3.js');
-const stencilFacetValueLink = require('./stencil-facet-value-link-8a739399.js');
-const stencilFacetValuesGroup = require('./stencil-facet-values-group-c74dbb7c.js');
-const popoverType = require('./popover-type-b1385b27.js');
-const stencilFacetCommon = require('./stencil-facet-common-c258bef8.js');
-
-class TimeframeFacetCommon {
-    constructor(props) {
-        this.props = props;
-        this.manualTimeframes = [];
-        this.facetId = this.determineFacetId;
-        this.props.setFacetId(this.facetId);
-        this.manualTimeframes = this.getManualTimeframes();
-        // Initialize two facets: One that is actually used to display values for end users, which only exists
-        // if we need to display something to the end user (ie: timeframes > 0)
-        // A second facet is initialized only to verify the results count. It is never used to display results to end user.
-        // It serves as a way to determine if the input should be rendered or not, independent of the ranges configured in the component
-        if (this.manualTimeframes.length > 0) {
-            this.facetForDateRange = this.props.initializeFacetForDateRange(this.currentValues);
-        }
-        if (this.props.withDatePicker) {
-            this.facetForDatePicker = this.props.initializeFacetForDatePicker();
-            this.facetForDatePickerDependenciesManager =
-                this.props.buildDependenciesManager(this.facetForDatePicker.state.facetId);
-            this.filter = this.props.initializeFilter();
-        }
-        if (this.facetForDateRange) {
-            this.facetForDateRangeDependenciesManager =
-                this.props.buildDependenciesManager(this.facetForDateRange?.state.facetId);
-        }
-        if (this.filter) {
-            this.filterDependenciesManager = this.props.buildDependenciesManager(this.filter?.state.facetId);
-        }
-        this.registerFacetToStore();
-    }
-    get determineFacetId() {
-        if (this.props.facetId) {
-            return this.props.facetId;
-        }
-        if (this.props.bindings.store.state.dateFacets[this.props.field]) {
-            return utils.randomID(`${this.props.field}_`);
-        }
-        return this.props.field;
-    }
-    get enabled() {
-        return (this.facetForDateRange?.state.enabled ??
-            this.filter?.state.enabled ??
-            true);
-    }
-    get valuesToRender() {
-        return (this.facetForDateRange?.state.values.filter((value) => value.numberOfResults || value.state !== 'idle') || []);
-    }
-    get shouldRenderValues() {
-        return !this.hasInputRange && !!this.valuesToRender.length;
-    }
-    get shouldRenderFacet() {
-        return this.shouldRenderInput || this.shouldRenderValues;
-    }
-    get shouldRenderInput() {
-        return stencilFacetCommon.shouldDisplayInputForFacetRange({
-            hasInput: this.props.withDatePicker,
-            hasInputRange: this.hasInputRange,
-            searchStatusState: this.props.getSearchStatusState(),
-            facetValues: this.facetForDatePicker?.state?.values || [],
-        });
-    }
-    get hasValues() {
-        if (this.facetForDatePicker?.state.values.length) {
-            return true;
-        }
-        return !!this.valuesToRender.length;
-    }
-    get numberOfSelectedValues() {
-        if (this.filter?.state?.range) {
-            return 1;
-        }
-        return (this.facetForDateRange?.state.values.filter(({ state }) => state === 'selected').length || 0);
-    }
-    get hasInputRange() {
-        return !!this.filter?.state.range;
-    }
-    get currentValues() {
-        return this.manualTimeframes.map(({ period, amount, unit }) => period === 'past'
-            ? this.props.buildDateRange({
-                start: { period, unit, amount },
-                end: { period: 'now' },
-            })
-            : this.props.buildDateRange({
-                start: { period: 'now' },
-                end: { period, unit, amount },
-            }));
-    }
-    disconnectedCallback() {
-        if (this.props.host.isConnected) {
-            return;
-        }
-        this.facetForDateRangeDependenciesManager?.stopWatching();
-        this.facetForDatePickerDependenciesManager?.stopWatching();
-        this.filterDependenciesManager?.stopWatching();
-    }
-    get isHidden() {
-        return !this.shouldRenderFacet || !this.enabled;
-    }
-    registerFacetToStore() {
-        const facetInfo = {
-            label: () => this.props.bindings.i18n.t(this.props.label),
-            facetId: this.facetId,
-            element: this.props.host,
-            isHidden: () => this.isHidden,
-        };
-        this.props.bindings.store.registerFacet('dateFacets', {
-            ...facetInfo,
-            format: (value) => this.formatFacetValue(value),
-        });
-        popoverType.initializePopover(this.props.host, {
-            ...facetInfo,
-            hasValues: () => this.hasValues,
-            numberOfActiveValues: () => this.numberOfSelectedValues,
-        });
-        if (this.filter) {
-            this.props.bindings.store.state.dateFacets[this.filter.state.facetId] =
-                this.props.bindings.store.state.dateFacets[this.facetId];
-        }
-    }
-    getManualTimeframes() {
-        return Array.from(this.props.host.querySelectorAll('atomic-timeframe')).map(({ label, amount, unit, period }) => ({
-            label,
-            amount,
-            unit,
-            period,
-        }));
-    }
-    formatFacetValue(facetValue) {
-        try {
-            const startDate = this.props.deserializeRelativeDate(facetValue.start);
-            const relativeDate = startDate.period === 'past'
-                ? startDate
-                : this.props.deserializeRelativeDate(facetValue.end);
-            const timeframe = this.getManualTimeframes().find((timeframe) => timeframe.period === relativeDate.period &&
-                timeframe.unit === relativeDate.unit &&
-                timeframe.amount === relativeDate.amount);
-            if (timeframe?.label) {
-                return fieldUtils.getFieldValueCaption(this.props.field, timeframe.label, this.props.bindings.i18n);
-            }
-            return this.props.bindings.i18n.t(`${relativeDate.period}-${relativeDate.unit}`, {
-                count: relativeDate.amount,
-            });
-        }
-        catch (error) {
-            return this.props.bindings.i18n.t('to', {
-                start: dateUtils.parseDate(facetValue.start).format('YYYY-MM-DD'),
-                end: dateUtils.parseDate(facetValue.end).format('YYYY-MM-DD'),
-            });
-        }
-    }
-    renderValues() {
-        return this.renderValuesContainer(this.valuesToRender.map((value) => this.renderValue(value)));
-    }
-    renderValue(facetValue) {
-        const displayValue = this.formatFacetValue(facetValue);
-        const isSelected = facetValue.state === 'selected';
-        const isExcluded = facetValue.state === 'excluded';
-        return (index.h(stencilFacetValueLink.FacetValueLink, { displayValue: displayValue, isSelected: isSelected, numberOfResults: facetValue.numberOfResults, i18n: this.props.bindings.i18n, onClick: () => this.facetForDateRange.toggleSingleSelect(facetValue) },
-            index.h(stencilFacetValueLabelHighlight.FacetValueLabelHighlight, { displayValue: displayValue, isSelected: isSelected, isExcluded: isExcluded })));
-    }
-    renderValuesContainer(children) {
-        return (index.h(stencilFacetValuesGroup.FacetValuesGroup, { i18n: this.props.bindings.i18n, label: this.props.label },
-            index.h("ul", { class: "mt-3", part: "values" }, children)));
-    }
-    renderHeader(isCollapsed, headerFocus, onToggleCollapse) {
-        return (index.h(stencilFacetPlaceholder.FacetHeader, { i18n: this.props.bindings.i18n, label: this.props.label, onClearFilters: () => {
-                headerFocus.focusAfterSearch();
-                if (this.filter?.state.range) {
-                    this.filter?.clear();
-                    return;
-                }
-                this.facetForDateRange?.deselectAll();
-            }, numberOfActiveValues: this.numberOfSelectedValues, isCollapsed: isCollapsed, headingLevel: this.props.headingLevel, onToggleCollapse: onToggleCollapse, headerRef: (el) => headerFocus.setTarget(el) }));
-    }
-    renderDateInput() {
-        return (index.h("atomic-stencil-facet-date-input", { min: this.props.min, max: this.props.max, bindings: this.props.bindings, label: this.props.label, facetId: this.filter.state.facetId, rangeGetter: () => this.filter.state.range, rangeSetter: (request) => {
-                this.filter.setRange(request);
-            } }));
-    }
-    render({ hasError, firstSearchExecuted, isCollapsed, headerFocus, onToggleCollapse, }) {
-        if (hasError || !this.enabled) {
-            return index.h(initializationUtils.Hidden, null);
-        }
-        if (!firstSearchExecuted) {
-            return (index.h(stencilFacetPlaceholder.FacetPlaceholder, { numberOfValues: this.currentValues.length, isCollapsed: isCollapsed }));
-        }
-        if (!this.shouldRenderFacet) {
-            return index.h(initializationUtils.Hidden, null);
-        }
-        return (index.h(stencilFacetPlaceholder.FacetContainer, null,
-            this.renderHeader(isCollapsed, headerFocus, onToggleCollapse),
-            !isCollapsed && [
-                this.shouldRenderValues && this.renderValues(),
-                this.shouldRenderInput && this.renderDateInput(),
-            ]));
-    }
-}
-
-exports.TimeframeFacetCommon = TimeframeFacetCommon;
-
-//# sourceMappingURL=timeframe-facet-common-03f90c44.js.map

package/dist/cjs/timeframe-facet-common-03f90c44.js.map

@@ -1 +0,0 @@
-{"file":"timeframe-facet-common-03f90c44.js","mappings":"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","names":["randomID","shouldDisplayInputForFacetRange","initializePopover","getFieldValueCaption","parseDate","h","FacetValueLink","FacetValueLabelHighlight","FacetValuesGroup","FacetHeader","Hidden","FacetPlaceholder","FacetContainer"],"sources":["src/components/common/facets/timeframe-facet-common.tsx"],"sourcesContent":["import {FocusTargetController} from '@/src/utils/stencil-accessibility-utils';\nimport {\n  DateFacet,\n  DateFacetValue,\n  DateFilter,\n  DateRangeOptions,\n  DateRangeRequest,\n  FacetConditionsManager,\n  RangeFacetSortCriterion,\n  RelativeDate,\n  RelativeDatePeriod,\n  RelativeDateUnit,\n  SearchStatusState,\n} from '@coveo/headless';\nimport {h, VNode} from '@stencil/core';\nimport {parseDate} from '../../../utils/date-utils';\nimport {getFieldValueCaption} from '../../../utils/field-utils';\nimport {randomID} from '../../../utils/utils';\nimport {InsightBindings} from '../../insight/atomic-insight-interface/atomic-insight-interface';\nimport {Bindings as SearchBindings} from '../../search/atomic-search-interface/atomic-search-interface';\nimport {Hidden} from '../stencil-hidden';\nimport {FacetInfo} from './facet-common-store';\nimport {FacetContainer} from './facet-container/stencil-facet-container';\nimport {FacetHeader} from './facet-header/stencil-facet-header';\nimport {FacetPlaceholder} from './facet-placeholder/stencil-facet-placeholder';\nimport {FacetValueLabelHighlight} from './facet-value-label-highlight/stencil-facet-value-label-highlight';\nimport {FacetValueLink} from './facet-value-link/stencil-facet-value-link';\nimport {FacetValuesGroup} from './facet-values-group/stencil-facet-values-group';\nimport {initializePopover} from './popover/popover-type';\nimport {shouldDisplayInputForFacetRange} from './stencil-facet-common';\n\nexport interface Timeframe {\n  period: RelativeDatePeriod;\n  unit?: RelativeDateUnit;\n  amount?: number;\n  label?: string;\n}\n\ninterface TimeframeFacetCommonOptions {\n  facetId?: string;\n  host: HTMLElement;\n  bindings: SearchBindings | InsightBindings;\n  label: string;\n  field: string;\n  headingLevel: number;\n  dependsOn: Record<string, string>;\n  withDatePicker: boolean;\n  setFacetId(id: string): string;\n  getSearchStatusState(): SearchStatusState;\n  buildDependenciesManager(facetId: string): FacetConditionsManager;\n  deserializeRelativeDate(date: string): RelativeDate;\n  buildDateRange(config: DateRangeOptions): DateRangeRequest;\n  initializeFacetForDatePicker(): DateFacet;\n  initializeFacetForDateRange(values: DateRangeRequest[]): DateFacet;\n  initializeFilter(): DateFilter;\n  min?: string;\n  max?: string;\n  sortCriteria: RangeFacetSortCriterion;\n}\n\ninterface TimeframeFacetCommonRenderProps {\n  hasError: boolean;\n  firstSearchExecuted: boolean;\n  isCollapsed: boolean;\n  headerFocus: FocusTargetController;\n  onToggleCollapse: () => boolean;\n}\n\nexport class TimeframeFacetCommon {\n  private facetId?: string;\n  private facetForDatePicker?: DateFacet;\n  private facetForDateRange?: DateFacet;\n  private filter?: DateFilter;\n  private manualTimeframes: Timeframe[] = [];\n  private facetForDateRangeDependenciesManager?: FacetConditionsManager;\n  private facetForDatePickerDependenciesManager?: FacetConditionsManager;\n  private filterDependenciesManager?: FacetConditionsManager;\n\n  constructor(private props: TimeframeFacetCommonOptions) {\n    this.facetId = this.determineFacetId;\n    this.props.setFacetId(this.facetId);\n\n    this.manualTimeframes = this.getManualTimeframes();\n\n    // Initialize two facets: One that is actually used to display values for end users, which only exists\n    // if we need to display something to the end user (ie: timeframes > 0)\n\n    // A second facet is initialized only to verify the results count. It is never used to display results to end user.\n    // It serves as a way to determine if the input should be rendered or not, independent of the ranges configured in the component\n    if (this.manualTimeframes.length > 0) {\n      this.facetForDateRange = this.props.initializeFacetForDateRange(\n        this.currentValues\n      );\n    }\n\n    if (this.props.withDatePicker) {\n      this.facetForDatePicker = this.props.initializeFacetForDatePicker();\n      this.facetForDatePickerDependenciesManager =\n        this.props.buildDependenciesManager(\n          this.facetForDatePicker.state.facetId\n        );\n      this.filter = this.props.initializeFilter();\n    }\n\n    if (this.facetForDateRange) {\n      this.facetForDateRangeDependenciesManager =\n        this.props.buildDependenciesManager(\n          this.facetForDateRange?.state.facetId\n        );\n    }\n\n    if (this.filter) {\n      this.filterDependenciesManager = this.props.buildDependenciesManager(\n        this.filter?.state.facetId\n      );\n    }\n\n    this.registerFacetToStore();\n  }\n\n  private get determineFacetId() {\n    if (this.props.facetId) {\n      return this.props.facetId;\n    }\n\n    if (this.props.bindings.store.state.dateFacets[this.props.field]) {\n      return randomID(`${this.props.field}_`);\n    }\n\n    return this.props.field;\n  }\n\n  private get enabled() {\n    return (\n      this.facetForDateRange?.state.enabled ??\n      this.filter?.state.enabled ??\n      true\n    );\n  }\n\n  private get valuesToRender() {\n    return (\n      this.facetForDateRange?.state.values.filter(\n        (value) => value.numberOfResults || value.state !== 'idle'\n      ) || []\n    );\n  }\n\n  private get shouldRenderValues() {\n    return !this.hasInputRange && !!this.valuesToRender.length;\n  }\n\n  private get shouldRenderFacet() {\n    return this.shouldRenderInput || this.shouldRenderValues;\n  }\n\n  private get shouldRenderInput() {\n    return shouldDisplayInputForFacetRange({\n      hasInput: this.props.withDatePicker,\n      hasInputRange: this.hasInputRange,\n      searchStatusState: this.props.getSearchStatusState(),\n      facetValues: this.facetForDatePicker?.state?.values || [],\n    });\n  }\n\n  private get hasValues() {\n    if (this.facetForDatePicker?.state.values.length) {\n      return true;\n    }\n\n    return !!this.valuesToRender.length;\n  }\n\n  private get numberOfSelectedValues() {\n    if (this.filter?.state?.range) {\n      return 1;\n    }\n\n    return (\n      this.facetForDateRange?.state.values.filter(\n        ({state}) => state === 'selected'\n      ).length || 0\n    );\n  }\n\n  private get hasInputRange() {\n    return !!this.filter?.state.range;\n  }\n\n  public get currentValues(): DateRangeRequest[] {\n    return this.manualTimeframes.map(({period, amount, unit}) =>\n      period === 'past'\n        ? this.props.buildDateRange({\n            start: {period, unit, amount},\n            end: {period: 'now'},\n          })\n        : this.props.buildDateRange({\n            start: {period: 'now'},\n            end: {period, unit, amount},\n          })\n    );\n  }\n\n  public disconnectedCallback() {\n    if (this.props.host.isConnected) {\n      return;\n    }\n    this.facetForDateRangeDependenciesManager?.stopWatching();\n    this.facetForDatePickerDependenciesManager?.stopWatching();\n    this.filterDependenciesManager?.stopWatching();\n  }\n\n  private get isHidden() {\n    return !this.shouldRenderFacet || !this.enabled;\n  }\n\n  private registerFacetToStore() {\n    const facetInfo: FacetInfo = {\n      label: () => this.props.bindings.i18n.t(this.props.label),\n      facetId: this.facetId!,\n      element: this.props.host,\n      isHidden: () => this.isHidden,\n    };\n\n    this.props.bindings.store.registerFacet('dateFacets', {\n      ...facetInfo,\n      format: (value) => this.formatFacetValue(value),\n    });\n\n    initializePopover(this.props.host, {\n      ...facetInfo,\n      hasValues: () => this.hasValues,\n      numberOfActiveValues: () => this.numberOfSelectedValues,\n    });\n\n    if (this.filter) {\n      this.props.bindings.store.state.dateFacets[this.filter.state.facetId] =\n        this.props.bindings.store.state.dateFacets[this.facetId!];\n    }\n  }\n\n  private getManualTimeframes(): Timeframe[] {\n    return Array.from(this.props.host.querySelectorAll('atomic-timeframe')).map(\n      ({label, amount, unit, period}) => ({\n        label,\n        amount,\n        unit,\n        period,\n      })\n    );\n  }\n\n  private formatFacetValue(facetValue: DateFacetValue) {\n    try {\n      const startDate = this.props.deserializeRelativeDate(facetValue.start);\n      const relativeDate =\n        startDate.period === 'past'\n          ? startDate\n          : this.props.deserializeRelativeDate(facetValue.end);\n      const timeframe = this.getManualTimeframes().find(\n        (timeframe) =>\n          timeframe.period === relativeDate.period &&\n          timeframe.unit === relativeDate.unit &&\n          timeframe.amount === relativeDate.amount\n      );\n\n      if (timeframe?.label) {\n        return getFieldValueCaption(\n          this.props.field,\n          timeframe.label,\n          this.props.bindings.i18n\n        );\n      }\n      return this.props.bindings.i18n.t(\n        `${relativeDate.period}-${relativeDate.unit}`,\n        {\n          count: relativeDate.amount,\n        }\n      );\n    } catch (error) {\n      return this.props.bindings.i18n.t('to', {\n        start: parseDate(facetValue.start).format('YYYY-MM-DD'),\n        end: parseDate(facetValue.end).format('YYYY-MM-DD'),\n      });\n    }\n  }\n  private renderValues() {\n    return this.renderValuesContainer(\n      this.valuesToRender.map((value) => this.renderValue(value))\n    );\n  }\n  private renderValue(facetValue: DateFacetValue) {\n    const displayValue = this.formatFacetValue(facetValue);\n    const isSelected = facetValue.state === 'selected';\n    const isExcluded = facetValue.state === 'excluded';\n    return (\n      <FacetValueLink\n        displayValue={displayValue}\n        isSelected={isSelected}\n        numberOfResults={facetValue.numberOfResults}\n        i18n={this.props.bindings.i18n}\n        onClick={() => this.facetForDateRange!.toggleSingleSelect(facetValue)}\n      >\n        <FacetValueLabelHighlight\n          displayValue={displayValue}\n          isSelected={isSelected}\n          isExcluded={isExcluded}\n        ></FacetValueLabelHighlight>\n      </FacetValueLink>\n    );\n  }\n\n  private renderValuesContainer(children: VNode[]) {\n    return (\n      <FacetValuesGroup\n        i18n={this.props.bindings.i18n}\n        label={this.props.label}\n      >\n        <ul class=\"mt-3\" part=\"values\">\n          {children}\n        </ul>\n      </FacetValuesGroup>\n    );\n  }\n\n  private renderHeader(\n    isCollapsed: boolean,\n    headerFocus: FocusTargetController,\n    onToggleCollapse: () => void\n  ) {\n    return (\n      <FacetHeader\n        i18n={this.props.bindings.i18n}\n        label={this.props.label}\n        onClearFilters={() => {\n          headerFocus.focusAfterSearch();\n          if (this.filter?.state.range) {\n            this.filter?.clear();\n            return;\n          }\n          this.facetForDateRange?.deselectAll();\n        }}\n        numberOfActiveValues={this.numberOfSelectedValues}\n        isCollapsed={isCollapsed}\n        headingLevel={this.props.headingLevel}\n        onToggleCollapse={onToggleCollapse}\n        headerRef={(el) => headerFocus.setTarget(el)}\n      ></FacetHeader>\n    );\n  }\n\n  private renderDateInput() {\n    return (\n      <atomic-stencil-facet-date-input\n        min={this.props.min}\n        max={this.props.max}\n        bindings={this.props.bindings}\n        label={this.props.label}\n        facetId={this.filter!.state!.facetId}\n        rangeGetter={() => this.filter!.state.range}\n        rangeSetter={(request: DateRangeRequest) => {\n          this.filter!.setRange(request);\n        }}\n      ></atomic-stencil-facet-date-input>\n    );\n  }\n\n  public render({\n    hasError,\n    firstSearchExecuted,\n    isCollapsed,\n    headerFocus,\n    onToggleCollapse,\n  }: TimeframeFacetCommonRenderProps) {\n    if (hasError || !this.enabled) {\n      return <Hidden></Hidden>;\n    }\n\n    if (!firstSearchExecuted) {\n      return (\n        <FacetPlaceholder\n          numberOfValues={this.currentValues.length}\n          isCollapsed={isCollapsed}\n        ></FacetPlaceholder>\n      );\n    }\n\n    if (!this.shouldRenderFacet) {\n      return <Hidden></Hidden>;\n    }\n\n    return (\n      <FacetContainer>\n        {this.renderHeader(isCollapsed, headerFocus, onToggleCollapse)}\n        {!isCollapsed && [\n          this.shouldRenderValues && this.renderValues(),\n          this.shouldRenderInput && this.renderDateInput(),\n        ]}\n      </FacetContainer>\n    );\n  }\n}\n"],"version":3}

package/dist/cjs/utils-39abd753.js

@@ -1,173 +0,0 @@
-'use strict';
-
-const purify = require('./purify-d8fb6acd.js');
-
-/**
- * Returns a function that can be executed only once
- */
-function once(fn) {
-    let result;
-    return function (...args) {
-        if (fn) {
-            result = fn.apply(this, args);
-            fn = () => { };
-        }
-        return result;
-    };
-}
-function camelToKebab(value) {
-    return value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
-}
-function kebabToCamel(value) {
-    return value.replace(/-./g, (x) => x[1].toUpperCase());
-}
-function snakeToCamel(value) {
-    return value
-        .toLowerCase()
-        .replace(/([_][a-z])/g, (group) => group.toUpperCase().replace('_', ''));
-}
-function titleToKebab(value) {
-    return value.replace(/\s/g, '-').toLowerCase();
-}
-function randomID(prepend, length = 5) {
-    const randomStr = Math.random()
-        .toString(36)
-        .substring(2, 2 + length);
-    if (!prepend) {
-        return randomStr;
-    }
-    return prepend + randomStr;
-}
-function parseXML(string) {
-    return new window.DOMParser().parseFromString(string, 'text/xml');
-}
-function isElementNode(node) {
-    return node.nodeType === Node.ELEMENT_NODE;
-}
-function isTextNode(node) {
-    return node.nodeType === Node.TEXT_NODE;
-}
-function isVisualNode(node) {
-    if (isElementNode(node)) {
-        return !(node instanceof HTMLStyleElement);
-    }
-    if (isTextNode(node)) {
-        return !!node.textContent?.trim();
-    }
-    return false;
-}
-function containsVisualElement(node) {
-    for (let i = 0; i < node.childNodes.length; i++) {
-        const child = node.childNodes.item(i);
-        if (isVisualNode(child)) {
-            return true;
-        }
-    }
-    return false;
-}
-function elementHasAncestorTag(el, tagName) {
-    const parentElement = el.parentElement;
-    if (!parentElement) {
-        return false;
-    }
-    if (parentElement.tagName === tagName.toUpperCase()) {
-        return true;
-    }
-    return elementHasAncestorTag(parentElement, tagName);
-}
-function sanitizeStyle(style) {
-    const purifiedOuterHTML = purify.DOMPurify.sanitize(`<style>${style}</style>`, {
-        ALLOWED_TAGS: ['style'],
-        ALLOWED_ATTR: [],
-        FORCE_BODY: true,
-    });
-    const wrapperEl = document.createElement('div');
-    // deepcode ignore ReactSetInnerHtml: sanitized by dompurify
-    wrapperEl.innerHTML = purifiedOuterHTML;
-    return wrapperEl.querySelector('style')?.innerHTML;
-}
-function getFocusedElement(rootElement = document) {
-    const activeElement = rootElement.activeElement;
-    if (activeElement?.shadowRoot) {
-        return getFocusedElement(activeElement.shadowRoot) ?? activeElement;
-    }
-    return activeElement;
-}
-function isFocusingOut(event) {
-    return (document.hasFocus() &&
-        (!(event.relatedTarget instanceof Node) ||
-            (event.currentTarget instanceof Node &&
-                !event.currentTarget.contains(event.relatedTarget))));
-}
-function getParent(element) {
-    if (element.parentNode) {
-        return element.parentNode;
-    }
-    if (element instanceof ShadowRoot) {
-        return element.host;
-    }
-    return null;
-}
-function isAncestorOf(ancestor, element) {
-    if (element === ancestor) {
-        return true;
-    }
-    if (element instanceof HTMLElement &&
-        element.assignedSlot &&
-        isAncestorOf(ancestor, element.assignedSlot)) {
-        return true;
-    }
-    const parent = getParent(element);
-    return parent === null ? false : isAncestorOf(ancestor, parent);
-}
-function aggregate(values, getKey) {
-    return values.reduce((aggregatedValues, value, i) => {
-        const key = getKey(value, i);
-        if (!(key in aggregatedValues)) {
-            aggregatedValues[key] = [];
-        }
-        aggregatedValues[key].push(value);
-        return aggregatedValues;
-    }, {});
-}
-/**
- * Similar as a classic spread, but preserve all characteristics of properties (e.g. getter/setter).
- * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#description
- * for an explanation why (spread & assign work similarly).
- * @param objects the objects to "spread" together
- * @returns the spread result
- */
-function spreadProperties(...objects) {
-    const returnObject = {};
-    for (const obj of objects) {
-        Object.defineProperties(returnObject, Object.getOwnPropertyDescriptors(obj));
-    }
-    return returnObject;
-}
-const sortByDocumentPosition = (a, b) => a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;
-async function defer() {
-    return new Promise((resolve) => setTimeout(resolve, 10));
-}
-
-exports.aggregate = aggregate;
-exports.camelToKebab = camelToKebab;
-exports.containsVisualElement = containsVisualElement;
-exports.defer = defer;
-exports.elementHasAncestorTag = elementHasAncestorTag;
-exports.getFocusedElement = getFocusedElement;
-exports.getParent = getParent;
-exports.isAncestorOf = isAncestorOf;
-exports.isElementNode = isElementNode;
-exports.isFocusingOut = isFocusingOut;
-exports.isVisualNode = isVisualNode;
-exports.kebabToCamel = kebabToCamel;
-exports.once = once;
-exports.parseXML = parseXML;
-exports.randomID = randomID;
-exports.sanitizeStyle = sanitizeStyle;
-exports.snakeToCamel = snakeToCamel;
-exports.sortByDocumentPosition = sortByDocumentPosition;
-exports.spreadProperties = spreadProperties;
-exports.titleToKebab = titleToKebab;
-
-//# sourceMappingURL=utils-39abd753.js.map

package/dist/cjs/utils-39abd753.js.map

@@ -1 +0,0 @@
-{"file":"utils-39abd753.js","mappings":"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","names":["DOMPurify"],"sources":["src/utils/utils.ts"],"sourcesContent":["import DOMPurify from 'dompurify';\n\n/**\n * Returns a function that can be executed only once\n */\nexport function once<T extends unknown[]>(fn: (...args: T) => unknown) {\n  let result: unknown;\n  return function (this: unknown, ...args: T) {\n    if (fn) {\n      result = fn.apply(this, args);\n      fn = () => {};\n    }\n    return result;\n  };\n}\n\nexport function camelToKebab(value: string) {\n  return value.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();\n}\n\nexport function kebabToCamel(value: string) {\n  return value.replace(/-./g, (x) => x[1].toUpperCase());\n}\n\nexport function snakeToCamel(value: string) {\n  return value\n    .toLowerCase()\n    .replace(/([_][a-z])/g, (group) => group.toUpperCase().replace('_', ''));\n}\n\nexport function titleToKebab(value: string) {\n  return value.replace(/\\s/g, '-').toLowerCase();\n}\n\nexport function randomID(prepend?: string, length = 5) {\n  const randomStr = Math.random()\n    .toString(36)\n    .substring(2, 2 + length);\n  if (!prepend) {\n    return randomStr;\n  }\n  return prepend + randomStr;\n}\n\nexport function getRandomArbitrary(min: number, max: number) {\n  return Math.random() * (max - min) + min;\n}\n\nexport function parseXML(string: string) {\n  return new window.DOMParser().parseFromString(string, 'text/xml');\n}\n\nexport function parseHTML(string: string) {\n  return new window.DOMParser().parseFromString(string, 'text/html');\n}\n\nexport function isElementNode(node: Node): node is Element {\n  return node.nodeType === Node.ELEMENT_NODE;\n}\n\nexport function isTextNode(node: Node): node is Text {\n  return node.nodeType === Node.TEXT_NODE;\n}\n\nexport function isVisualNode(node: Node) {\n  if (isElementNode(node)) {\n    return !(node instanceof HTMLStyleElement);\n  }\n  if (isTextNode(node)) {\n    return !!node.textContent?.trim();\n  }\n  return false;\n}\n\nexport function containsVisualElement(node: Node) {\n  for (let i = 0; i < node.childNodes.length; i++) {\n    const child = node.childNodes.item(i);\n    if (isVisualNode(child)) {\n      return true;\n    }\n  }\n  return false;\n}\n\nexport function elementHasAncestorTag(\n  el: HTMLElement,\n  tagName: string\n): boolean {\n  const parentElement = el.parentElement;\n  if (!parentElement) {\n    return false;\n  }\n  if (parentElement.tagName === tagName.toUpperCase()) {\n    return true;\n  }\n  return elementHasAncestorTag(parentElement, tagName);\n}\n\nexport function sanitizeStyle(style: string) {\n  const purifiedOuterHTML = DOMPurify.sanitize(`<style>${style}</style>`, {\n    ALLOWED_TAGS: ['style'],\n    ALLOWED_ATTR: [],\n    FORCE_BODY: true,\n  });\n  const wrapperEl = document.createElement('div');\n  // deepcode ignore ReactSetInnerHtml: sanitized by dompurify\n  wrapperEl.innerHTML = purifiedOuterHTML;\n  return wrapperEl.querySelector('style')?.innerHTML;\n}\n\nexport function getFocusedElement(\n  rootElement: Document | ShadowRoot = document\n): Element | null {\n  const activeElement = rootElement.activeElement;\n  if (activeElement?.shadowRoot) {\n    return getFocusedElement(activeElement.shadowRoot) ?? activeElement;\n  }\n  return activeElement;\n}\n\nexport function isFocusingOut(event: FocusEvent) {\n  return (\n    document.hasFocus() &&\n    (!(event.relatedTarget instanceof Node) ||\n      (event.currentTarget instanceof Node &&\n        !event.currentTarget.contains(event.relatedTarget)))\n  );\n}\n\n// https://terodox.tech/how-to-tell-if-an-element-is-in-the-dom-including-the-shadow-dom/\nexport function isInDocument(element: Node) {\n  let currentElement = element;\n  while (currentElement?.parentNode) {\n    if (currentElement.parentNode === document) {\n      return true;\n    } else if (currentElement.parentNode instanceof ShadowRoot) {\n      currentElement = currentElement.parentNode.host;\n    } else {\n      currentElement = currentElement.parentNode;\n    }\n  }\n  return false;\n}\n\nexport function isPropValuesEqual<ObjectWithProperties extends object>(\n  subject: ObjectWithProperties,\n  target: ObjectWithProperties,\n  propNames: (keyof ObjectWithProperties)[]\n) {\n  return propNames.every((propName) => subject[propName] === target[propName]);\n}\n\nexport function getParent(element: Element | ShadowRoot) {\n  if (element.parentNode) {\n    return element.parentNode as Element | ShadowRoot;\n  }\n  if (element instanceof ShadowRoot) {\n    return element.host;\n  }\n  return null;\n}\n\nexport function isAncestorOf(\n  ancestor: Element | ShadowRoot,\n  element: Element | ShadowRoot\n): boolean {\n  if (element === ancestor) {\n    return true;\n  }\n  if (\n    element instanceof HTMLElement &&\n    element.assignedSlot &&\n    isAncestorOf(ancestor, element.assignedSlot)\n  ) {\n    return true;\n  }\n  const parent = getParent(element);\n  return parent === null ? false : isAncestorOf(ancestor, parent);\n}\n\nexport function aggregate<V, K extends PropertyKey>(\n  values: readonly V[],\n  getKey: (value: V, index: number) => K\n): Record<K, V[] | undefined> {\n  return values.reduce(\n    (aggregatedValues, value, i) => {\n      const key = getKey(value, i);\n      if (!(key in aggregatedValues)) {\n        aggregatedValues[key] = [];\n      }\n      aggregatedValues[key]!.push(value);\n      return aggregatedValues;\n    },\n    <Record<K, V[] | undefined>>{}\n  );\n}\n\n/**\n * Similar as a classic spread, but preserve all characteristics of properties (e.g. getter/setter).\n * See https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/assign#description\n * for an explanation why (spread & assign work similarly).\n * @param objects the objects to \"spread\" together\n * @returns the spread result\n */\nexport function spreadProperties<Output extends object = {}>(\n  ...objects: object[]\n) {\n  const returnObject = {};\n  for (const obj of objects) {\n    Object.defineProperties(\n      returnObject,\n      Object.getOwnPropertyDescriptors(obj)\n    );\n  }\n  return returnObject as Output;\n}\n\nexport const sortByDocumentPosition = (a: Node, b: Node): 1 | -1 =>\n  a.compareDocumentPosition(b) & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : 1;\n\nexport async function defer() {\n  return new Promise<void>((resolve) => setTimeout(resolve, 10));\n}\n"],"version":3}

package/dist/esm/atomic-focus-trap.entry.js

@@ -1,129 +0,0 @@
-import { r as registerInstance, g as getElement } from './index-a59c51bd.js';
-import { g as getFirstFocusableDescendant } from './stencil-accessibility-utils-3639e3bd.js';
-import { j as isAncestorOf, d as defer, l as getParent, m as getFocusedElement } from './utils-5372e188.js';
-import './event-utils-8de63ec3.js';
-import './purify-985ba52e.js';
-import './_commonjsHelpers-1c8beb5f.js';
-
-const AtomicFocusTrap = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        this.active = false;
-        /**
-         * Whether the element should be hidden from screen readers & not interactive with the tab, when not active.
-         */
-        this.shouldHideSelf = true;
-        /**
-         * The common ancestor of the focus trap and of all the elements that should be inaccessible when inside the focus trap.
-         */
-        this.scope = document.body;
-        this.hiddenElements = [];
-        this.active = false;
-        this.source = undefined;
-        this.container = undefined;
-        this.shouldHideSelf = true;
-        this.scope = document.body;
-    }
-    hide(element) {
-        // aria-hidden -> already hidden
-        // aria-live or atomic-aria-live -> must not be hidden otherwise it won't announce dynamic changes in the live region
-        if (element.hasAttribute('aria-hidden') ||
-            element.hasAttribute('aria-live') ||
-            element.tagName.toLowerCase() === 'atomic-aria-live') {
-            return;
-        }
-        element.setAttribute('aria-hidden', 'true');
-        this.hiddenElements.push(element);
-    }
-    showAll() {
-        let el;
-        while ((el = this.hiddenElements.pop())) {
-            el.removeAttribute('aria-hidden');
-        }
-    }
-    hideSiblingsRecursively(element) {
-        const parent = getParent(element);
-        if (parent === null) {
-            return;
-        }
-        Array.from(parent.children).forEach((sibling) => {
-            if (sibling === element) {
-                return;
-            }
-            if (sibling.assignedSlot &&
-                isAncestorOf(this.host, sibling.assignedSlot)) {
-                return;
-            }
-            this.hide(sibling);
-        });
-        if (parent !== this.scope) {
-            this.hideSiblingsRecursively(parent);
-        }
-    }
-    showSelf() {
-        this.parentToHide.removeAttribute('aria-hidden');
-        this.parentToHide.removeAttribute('tabindex');
-    }
-    hideSelf() {
-        if (this.shouldHideSelf) {
-            this.parentToHide.setAttribute('aria-hidden', 'true');
-            this.parentToHide.setAttribute('tabindex', '-1');
-        }
-    }
-    async onDeactivated(isInitialLoad) {
-        this.showAll();
-        if (!isInitialLoad) {
-            await defer();
-            this.source?.focus();
-        }
-        this.hideSelf();
-    }
-    async onActivated(isInitialLoad) {
-        this.showSelf();
-        if (!isInitialLoad) {
-            await defer();
-            getFirstFocusableDescendant(this.host)?.focus();
-        }
-        this.hideSiblingsRecursively(this.host);
-    }
-    async activeChanged(active, wasActive) {
-        const isInitialLoad = active === wasActive;
-        if (active) {
-            await this.onActivated(isInitialLoad);
-        }
-        else {
-            await this.onDeactivated(isInitialLoad);
-        }
-    }
-    onFocusChanged(e) {
-        const elementIsPartOfHost = (focusedElement) => isAncestorOf(this.host, focusedElement);
-        const elementIsPartOfScope = (focusedElement) => isAncestorOf(this.scope, focusedElement);
-        if (!e.target || !this.active) {
-            return;
-        }
-        const focusedElement = getFocusedElement();
-        if (focusedElement &&
-            (elementIsPartOfHost(focusedElement) ||
-                !elementIsPartOfScope(focusedElement))) {
-            return;
-        }
-        getFirstFocusableDescendant(this.host)?.focus();
-    }
-    connectedCallback() {
-        this.activeChanged(this.active, this.active);
-    }
-    disconnectedCallback() {
-        this.showAll();
-    }
-    get parentToHide() {
-        return this.container ?? this.host;
-    }
-    get host() { return getElement(this); }
-    static get watchers() { return {
-        "active": ["activeChanged"]
-    }; }
-};
-
-export { AtomicFocusTrap as atomic_focus_trap };
-
-//# sourceMappingURL=atomic-focus-trap.entry.js.map

package/dist/esm/atomic-focus-trap.entry.js.map

@@ -1 +0,0 @@
-{"file":"atomic-focus-trap.entry.js","mappings":"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","names":[],"sources":["src/components/common/atomic-focus-trap.tsx"],"sourcesContent":["import {Component, Element, Listen, Prop, Watch} from '@stencil/core';\nimport {getFirstFocusableDescendant} from '../../utils/stencil-accessibility-utils';\nimport {\n  isAncestorOf,\n  defer,\n  getFocusedElement,\n  getParent,\n} from '../../utils/utils';\n\n/**\n * @internal\n */\n@Component({\n  tag: 'atomic-focus-trap',\n  shadow: false,\n})\nexport class AtomicFocusTrap {\n  @Element() private host!: HTMLElement;\n  @Prop() public active = false;\n  /**\n   * The source to focus when the focus trap becomes inactive.\n   */\n  @Prop({mutable: true}) source?: HTMLElement;\n  /**\n   * The container to hide from the tabindex and accessibility DOM when the focus trap is inactive.\n   */\n  @Prop({mutable: true}) container?: HTMLElement;\n\n  /**\n   * Whether the element should be hidden from screen readers & not interactive with the tab, when not active.\n   */\n  @Prop() shouldHideSelf = true;\n\n  /**\n   * The common ancestor of the focus trap and of all the elements that should be inaccessible when inside the focus trap.\n   */\n  @Prop() scope = document.body;\n\n  private readonly hiddenElements: Element[] = [];\n\n  hide(element: Element) {\n    // aria-hidden -> already hidden\n    // aria-live or atomic-aria-live -> must not be hidden otherwise it won't announce dynamic changes in the live region\n    if (\n      element.hasAttribute('aria-hidden') ||\n      element.hasAttribute('aria-live') ||\n      element.tagName.toLowerCase() === 'atomic-aria-live'\n    ) {\n      return;\n    }\n    element.setAttribute('aria-hidden', 'true');\n    this.hiddenElements.push(element);\n  }\n\n  showAll() {\n    let el: Element | undefined;\n    while ((el = this.hiddenElements.pop())) {\n      el.removeAttribute('aria-hidden');\n    }\n  }\n\n  hideSiblingsRecursively(element: Element | ShadowRoot) {\n    const parent = getParent(element);\n    if (parent === null) {\n      return;\n    }\n    Array.from(parent.children as HTMLCollection).forEach((sibling) => {\n      if (sibling === element) {\n        return;\n      }\n      if (\n        sibling.assignedSlot &&\n        isAncestorOf(this.host, sibling.assignedSlot)\n      ) {\n        return;\n      }\n      this.hide(sibling);\n    });\n    if (parent !== this.scope) {\n      this.hideSiblingsRecursively(parent);\n    }\n  }\n\n  showSelf() {\n    this.parentToHide.removeAttribute('aria-hidden');\n    this.parentToHide.removeAttribute('tabindex');\n  }\n\n  hideSelf() {\n    if (this.shouldHideSelf) {\n      this.parentToHide.setAttribute('aria-hidden', 'true');\n      this.parentToHide.setAttribute('tabindex', '-1');\n    }\n  }\n\n  async onDeactivated(isInitialLoad: boolean) {\n    this.showAll();\n    if (!isInitialLoad) {\n      await defer();\n      this.source?.focus();\n    }\n    this.hideSelf();\n  }\n\n  async onActivated(isInitialLoad: boolean) {\n    this.showSelf();\n    if (!isInitialLoad) {\n      await defer();\n      getFirstFocusableDescendant(this.host)?.focus();\n    }\n    this.hideSiblingsRecursively(this.host);\n  }\n\n  @Watch('active')\n  async activeChanged(active: boolean, wasActive: boolean) {\n    const isInitialLoad = active === wasActive;\n    if (active) {\n      await this.onActivated(isInitialLoad);\n    } else {\n      await this.onDeactivated(isInitialLoad);\n    }\n  }\n\n  @Listen('focusin', {target: 'document'})\n  onFocusChanged(e: FocusEvent) {\n    const elementIsPartOfHost = (focusedElement: Element | ShadowRoot) =>\n      isAncestorOf(this.host, focusedElement);\n\n    const elementIsPartOfScope = (focusedElement: Element | ShadowRoot) =>\n      isAncestorOf(this.scope, focusedElement);\n\n    if (!e.target || !this.active) {\n      return;\n    }\n\n    const focusedElement = getFocusedElement();\n\n    if (\n      focusedElement &&\n      (elementIsPartOfHost(focusedElement) ||\n        !elementIsPartOfScope(focusedElement))\n    ) {\n      return;\n    }\n\n    getFirstFocusableDescendant(this.host)?.focus();\n  }\n\n  connectedCallback() {\n    this.activeChanged(this.active, this.active);\n  }\n\n  disconnectedCallback() {\n    this.showAll();\n  }\n\n  private get parentToHide() {\n    return this.container ?? this.host;\n  }\n}\n"],"version":3}

package/dist/esm/atomic-result-html.entry.js

@@ -1,51 +0,0 @@
-import { r as registerInstance, h, g as getElement } from './index-a59c51bd.js';
-import { I as InitializeBindings } from './initialization-utils-fff1cf59.js';
-import { g as getStringValueFromResultOrNull } from './result-utils-7e9b6b5c.js';
-import { R as ResultContext } from './stencil-result-template-decorators-ed23985d.js';
-import './dom-utils-f6086cd3.js';
-import './event-utils-8de63ec3.js';
-import './initialization-lit-stencil-common-utils-8f9c9a87.js';
-import '@coveo/headless';
-import './stencil-item-decorators-15de590b.js';
-
-var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-        r = Reflect.decorate(decorators, target, key, desc);
-    else
-        for (var i = decorators.length - 1; i >= 0; i--)
-            if (d = decorators[i])
-                r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-const AtomicResultHtml = class {
-    constructor(hostRef) {
-        registerInstance(this, hostRef);
-        /**
-         * Specify if the content should be sanitized, using [`DOMPurify`](https://www.npmjs.com/package/dompurify).
-         */
-        this.sanitize = true;
-        this.error = undefined;
-        this.field = undefined;
-        this.sanitize = true;
-    }
-    render() {
-        const resultValue = getStringValueFromResultOrNull(this.result, this.field);
-        if (!resultValue) {
-            this.host.remove();
-            return;
-        }
-        return (h("atomic-html", { value: resultValue, sanitize: this.sanitize }));
-    }
-    get host() { return getElement(this); }
-};
-__decorate([
-    InitializeBindings()
-], AtomicResultHtml.prototype, "bindings", void 0);
-__decorate([
-    ResultContext()
-], AtomicResultHtml.prototype, "result", void 0);
-
-export { AtomicResultHtml as atomic_result_html };
-
-//# sourceMappingURL=atomic-result-html.entry.js.map