@coveo/atomic 3.35.0-pre.e9982a2757 → 3.35.0-pre.f2f26f651f

package/dist/cjs/stencil-facet-value-box-8f6ae2b0.js

@@ -0,0 +1,29 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const stencilButton = require('./stencil-button-aa0f9cb5.js');
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValueBox = (props, children) => {
+    const compactCount = new Intl.NumberFormat(props.i18n.language, {
+        notation: 'compact',
+    }).format(props.numberOfResults);
+    const count = props.numberOfResults.toLocaleString(props.i18n.language);
+    const ariaLabel = props.i18n.t('facet-value', {
+        value: props.displayValue,
+        count: props.numberOfResults,
+        formattedCount: compactCount,
+    });
+    return (index.h("li", { key: props.displayValue },
+        index.h(stencilButton.Button, { style: "outline-bg-neutral", part: `value-box${props.isSelected ? ' value-box-selected' : ''}`, onClick: () => props.onClick(), class: `value-box group box-border h-full w-full items-center p-2 ${props.isSelected ? 'selected' : ''}`, ariaPressed: props.isSelected.toString(), ariaLabel: ariaLabel, ref: props.buttonRef },
+            children,
+            index.h("span", { title: count, part: "value-count", class: "value-box-count text-neutral-dark mt-1 w-full truncate text-sm" }, props.i18n.t('between-parentheses', {
+                text: compactCount,
+            })))));
+};
+
+exports.FacetValueBox = FacetValueBox;
+
+//# sourceMappingURL=stencil-facet-value-box-8f6ae2b0.js.map

package/dist/cjs/stencil-facet-value-box-8f6ae2b0.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-value-box-8f6ae2b0.js","mappings":";;;;;AAIA;;;MAGa,aAAa,GAAyC,CACjE,KAAK,EACL,QAAQ;IAER,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,EAAE;QAC9D,QAAQ,EAAE,SAAS;KACpB,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;IAEjC,MAAM,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAExE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE;QAC5C,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,KAAK,EAAE,KAAK,CAAC,eAAe;QAC5B,cAAc,EAAE,YAAY;KAC7B,CAAC,CAAC;IAEH,QACEA,gBAAI,GAAG,EAAE,KAAK,CAAC,YAAY;QACzBA,QAACC,oBAAM,IACL,KAAK,EAAC,oBAAoB,EAC1B,IAAI,EAAE,YAAY,KAAK,CAAC,UAAU,GAAG,qBAAqB,GAAG,EAAE,EAAE,EACjE,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE,EAC9B,KAAK,EAAE,6DACL,KAAK,CAAC,UAAU,GAAG,UAAU,GAAG,EAClC,EAAE,EACF,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,EAAE,EACxC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,KAAK,CAAC,SAAS;YAEnB,QAAQ;YACTD,kBACE,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,aAAa,EAClB,KAAK,EAAC,gEAAgE,IAErE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,EAAE;gBACnC,IAAI,EAAE,YAAY;aACnB,CAAC,CACG,CACA,CACN,EACL;AACJ;;;;","names":["h","Button"],"sources":["src/components/common/facets/facet-value-box/stencil-facet-value-box.tsx"],"sourcesContent":["import {FunctionalComponent, h} from '@stencil/core';\nimport {Button} from '../../stencil-button';\nimport {FacetValueProps} from '../stencil-facet-common';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueBox: FunctionalComponent<FacetValueProps> = (\n  props,\n  children\n) => {\n  const compactCount = new Intl.NumberFormat(props.i18n.language, {\n    notation: 'compact',\n  }).format(props.numberOfResults);\n\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n\n  const ariaLabel = props.i18n.t('facet-value', {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: compactCount,\n  });\n\n  return (\n    <li key={props.displayValue}>\n      <Button\n        style=\"outline-bg-neutral\"\n        part={`value-box${props.isSelected ? ' value-box-selected' : ''}`}\n        onClick={() => props.onClick()}\n        class={`value-box group box-border h-full w-full items-center p-2 ${\n          props.isSelected ? 'selected' : ''\n        }`}\n        ariaPressed={props.isSelected.toString()}\n        ariaLabel={ariaLabel}\n        ref={props.buttonRef}\n      >\n        {children}\n        <span\n          title={count}\n          part=\"value-count\"\n          class=\"value-box-count text-neutral-dark mt-1 w-full truncate text-sm\"\n        >\n          {props.i18n.t('between-parentheses', {\n            text: compactCount,\n          })}\n        </span>\n      </Button>\n    </li>\n  );\n};\n"],"version":3}

package/dist/cjs/stencil-facet-value-checkbox-58bb59b9.js

@@ -0,0 +1,109 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const stencilButton = require('./stencil-button-aa0f9cb5.js');
+const utils = require('./utils-12b49e87.js');
+const stencilCheckbox = require('./stencil-checkbox-6a2ad8d3.js');
+const close = require('./close-20739950.js');
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const TriStateCheckbox = (props) => {
+    const isSelected = props.state === 'selected';
+    const isExcluded = props.state === 'excluded';
+    const partName = props.part ?? 'checkbox';
+    const classNames = [
+        'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',
+    ];
+    const parts = [partName];
+    if (isSelected) {
+        classNames.push('selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light');
+        parts.push(`${partName}-checked`);
+    }
+    else if (isExcluded) {
+        classNames.push('excluded bg-error hover:bg-error focus-visible:bg-error hover:border-error focus-visible:border-error');
+        parts.push(`${partName}-checked`);
+    }
+    else {
+        classNames.push('border border-neutral-dark');
+    }
+    if (props.class) {
+        classNames.push(props.class);
+    }
+    const attributes = {
+        key: props.key,
+        id: props.id,
+        class: classNames.join(' '),
+        part: parts.join(' '),
+        'aria-pressed': isSelected ? 'true' : isExcluded ? 'mixed' : 'false',
+        'aria-label': props.ariaLabel ?? props.text,
+        value: props.text,
+        ref: props.ref,
+    };
+    return (index.h("button", { ...attributes, role: "button", onClick: () => props.onToggle?.(!isSelected), onMouseDown: (e) => props.onMouseDown?.(e) },
+        index.h("atomic-icon", { style: { stroke: 'white', fill: 'white' }, class: `w-3/5 ${isSelected || isExcluded ? 'block' : 'hidden'}`, icon: isSelected ? stencilCheckbox.Tick : close.CloseIcon, part: props.iconPart })));
+};
+
+const Tick = `<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="m18 2-1.8-2-7.1 7.1-7.1-7.1-2 2 7.1 7.1-7.1 7.1 2 1.8 7.1-6.9 7.1 6.9 1.8-1.8-6.9-7.1z"/></svg>`;
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValueExclude = (props) => {
+    return (index.h("button", { part: "value-exclude-button", "aria-label": props.ariaLabel, class: "value-exclude-button peer invisible absolute right-2 z-1 order-last ml-auto flex group-hover:visible", onClick: () => props.onClick?.() },
+        index.h("atomic-icon", { class: "bg-neutral hover:bg-error order-last w-4 rounded p-1 hover:fill-white", icon: Tick })));
+};
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValueCheckbox = (props, children) => {
+    const id = utils.randomID('facet-value-');
+    const count = props.numberOfResults.toLocaleString(props.i18n.language);
+    const ariaLabelAttributes = {
+        value: props.displayValue,
+        count: props.numberOfResults,
+        formattedCount: count,
+        interpolation: { escapeValue: false },
+    };
+    const selectedAriaLabel = props.i18n.t('facet-value', ariaLabelAttributes);
+    const excludedAriaLabel = props.i18n.t('facet-value-exclude', ariaLabelAttributes);
+    let labelRef;
+    const isTriStateCheckbox = (a) => {
+        return 'state' in a && 'isSelected' in a;
+    };
+    const renderCheckbox = () => {
+        const attributes = {
+            id,
+            onToggle: () => props.onClick(),
+            part: 'value-checkbox',
+            class: 'value-checkbox',
+            ariaLabel: selectedAriaLabel,
+            ref: props.buttonRef,
+            onMouseDown: (e) => stencilButton.createRipple(e, { color: 'neutral', parent: labelRef }),
+            iconPart: 'value-checkbox-icon',
+        };
+        if (isTriStateCheckbox(props)) {
+            return index.h(TriStateCheckbox, { ...attributes, state: props.state });
+        }
+        return index.h(stencilCheckbox.StencilCheckbox, { ...attributes, checked: props.isSelected });
+    };
+    const renderExclusion = () => {
+        if (isTriStateCheckbox(props)) {
+            return (index.h(FacetValueExclude, { onClick: () => props.onExclude?.(), ariaLabel: excludedAriaLabel }));
+        }
+    };
+    return (index.h("li", { key: props.displayValue, class: "group relative flex items-center" },
+        renderCheckbox(),
+        index.h("label", { ref: (ref) => (labelRef = ref), htmlFor: id, part: "value-checkbox-label", class: "items-center", onMouseDown: (e) => stencilButton.createRipple(e, { color: 'neutral' }), "aria-hidden": "true" },
+            children,
+            index.h("span", { part: "value-count", class: "value-count" }, props.i18n.t('between-parentheses', {
+                text: count,
+            }))),
+        renderExclusion()));
+};
+
+exports.FacetValueCheckbox = FacetValueCheckbox;
+
+//# sourceMappingURL=stencil-facet-value-checkbox-58bb59b9.js.map

package/dist/cjs/stencil-facet-value-checkbox-58bb59b9.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-value-checkbox-58bb59b9.js","mappings":"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","names":["h","Tick","Close","randomID","createRipple","StencilCheckbox"],"sources":["src/components/common/stencil-triStateCheckbox.tsx","src/components/common/facets/facet-value-exclude/stencil-facet-value-exclude.tsx","src/components/common/facets/facet-value-checkbox/stencil-facet-value-checkbox.tsx"],"sourcesContent":["import {FacetValueState} from '@coveo/headless';\nimport {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../images/checkbox.svg';\nimport Close from '../../images/close.svg';\nimport {StencilCheckboxProps} from './stencil-checkbox';\n\ntype TriStateCheckboxProps = Omit<StencilCheckboxProps, 'checked'> & {\n  state: FacetValueState;\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const TriStateCheckbox: FunctionalComponent<TriStateCheckboxProps> = (\n  props\n) => {\n  const isSelected = props.state === 'selected';\n  const isExcluded = props.state === 'excluded';\n  const partName = props.part ?? 'checkbox';\n\n  const classNames = [\n    'w-4 h-4 grid place-items-center rounded focus-visible:outline-none hover:border-primary-light focus-visible:border-primary-light',\n  ];\n  const parts = [partName];\n  if (isSelected) {\n    classNames.push(\n      'selected bg-primary hover:bg-primary-light focus-visible:bg-primary-light'\n    );\n    parts.push(`${partName}-checked`);\n  } else if (isExcluded) {\n    classNames.push(\n      'excluded bg-error hover:bg-error focus-visible:bg-error hover:border-error focus-visible:border-error'\n    );\n    parts.push(`${partName}-checked`);\n  } else {\n    classNames.push('border border-neutral-dark');\n  }\n  if (props.class) {\n    classNames.push(props.class);\n  }\n\n  const attributes = {\n    key: props.key,\n    id: props.id,\n    class: classNames.join(' '),\n    part: parts.join(' '),\n    'aria-pressed': isSelected ? 'true' : isExcluded ? 'mixed' : 'false',\n    'aria-label': props.ariaLabel ?? props.text,\n    value: props.text,\n    ref: props.ref,\n  };\n\n  return (\n    <button\n      {...attributes}\n      role=\"button\"\n      onClick={() => props.onToggle?.(!isSelected)}\n      onMouseDown={(e) => props.onMouseDown?.(e)}\n    >\n      <atomic-icon\n        style={{stroke: 'white', fill: 'white'}}\n        class={`w-3/5 ${isSelected || isExcluded ? 'block' : 'hidden'}`}\n        icon={isSelected ? Tick : Close}\n        part={props.iconPart}\n      ></atomic-icon>\n    </button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport Tick from '../../../../images/clear.svg';\n\ninterface ExcludeProps {\n  onClick(): void;\n  ariaLabel?: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueExclude: FunctionalComponent<ExcludeProps> = (props) => {\n  return (\n    <button\n      part=\"value-exclude-button\"\n      aria-label={props.ariaLabel}\n      class=\"value-exclude-button peer invisible absolute right-2 z-1 order-last ml-auto flex group-hover:visible\"\n      onClick={() => props.onClick?.()}\n    >\n      <atomic-icon\n        class=\"bg-neutral hover:bg-error order-last w-4 rounded p-1 hover:fill-white\"\n        icon={Tick}\n      ></atomic-icon>\n    </button>\n  );\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {createRipple} from '../../../../utils/ripple-utils';\nimport {randomID} from '../../../../utils/utils';\nimport {StencilCheckbox} from '../../stencil-checkbox';\nimport {TriStateCheckbox} from '../../stencil-triStateCheckbox';\nimport {FacetValueExclude} from '../facet-value-exclude/stencil-facet-value-exclude';\nimport {FacetValueProps} from '../stencil-facet-common';\n\ntype TriStateFacetValueProps = Omit<FacetValueProps, 'isSelected'> & {\n  state: 'idle' | 'selected' | 'excluded';\n  onExclude(): void;\n};\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueCheckbox: FunctionalComponent<\n  FacetValueProps | TriStateFacetValueProps\n> = (props, children) => {\n  const id = randomID('facet-value-');\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n  const ariaLabelAttributes = {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: count,\n    interpolation: {escapeValue: false},\n  };\n  const selectedAriaLabel = props.i18n.t('facet-value', ariaLabelAttributes);\n  const excludedAriaLabel = props.i18n.t(\n    'facet-value-exclude',\n    ariaLabelAttributes\n  );\n  let labelRef: HTMLLabelElement;\n\n  const isTriStateCheckbox = (\n    a: FacetValueProps | TriStateFacetValueProps\n  ): a is TriStateFacetValueProps => {\n    return 'state' in a && 'isSelected' in a;\n  };\n\n  const renderCheckbox = () => {\n    const attributes = {\n      id,\n      onToggle: () => props.onClick(),\n      part: 'value-checkbox',\n      class: 'value-checkbox',\n      ariaLabel: selectedAriaLabel,\n      ref: props.buttonRef,\n      onMouseDown: (e: MouseEvent) =>\n        createRipple(e, {color: 'neutral', parent: labelRef}),\n      iconPart: 'value-checkbox-icon',\n    };\n\n    if (isTriStateCheckbox(props)) {\n      return <TriStateCheckbox {...attributes} state={props.state} />;\n    }\n\n    return <StencilCheckbox {...attributes} checked={props.isSelected} />;\n  };\n\n  const renderExclusion = () => {\n    if (isTriStateCheckbox(props)) {\n      return (\n        <FacetValueExclude\n          onClick={() => props.onExclude?.()}\n          ariaLabel={excludedAriaLabel}\n        ></FacetValueExclude>\n      );\n    }\n  };\n\n  return (\n    <li key={props.displayValue} class=\"group relative flex items-center\">\n      {renderCheckbox()}\n      <label\n        ref={(ref) => (labelRef = ref!)}\n        htmlFor={id}\n        part=\"value-checkbox-label\"\n        class=\"items-center\"\n        onMouseDown={(e) => createRipple(e, {color: 'neutral'})}\n        aria-hidden=\"true\"\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </label>\n      {renderExclusion()}\n    </li>\n  );\n};\n"],"version":3}

package/dist/cjs/stencil-facet-value-label-highlight-16ea0e83.js

@@ -0,0 +1,132 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const stringUtils = require('./string-utils-bdf08f8c.js');
+
+/*!
+ * escape-html
+ * Copyright(c) 2012-2013 TJ Holowaychuk
+ * Copyright(c) 2015 Andreas Lubbe
+ * Copyright(c) 2015 Tiancheng "Timothy" Gu
+ * MIT Licensed
+ */
+
+/**
+ * Module variables.
+ * @private
+ */
+
+var matchHtmlRegExp = /["'&<>]/;
+
+/**
+ * Module exports.
+ * @public
+ */
+
+var escapeHtml_1 = escapeHtml;
+
+/**
+ * Escape special characters in the given string of html.
+ *
+ * @param  {string} string The string to escape for inserting into HTML
+ * @return {string}
+ * @public
+ */
+
+function escapeHtml(string) {
+  var str = '' + string;
+  var match = matchHtmlRegExp.exec(str);
+
+  if (!match) {
+    return str;
+  }
+
+  var escape;
+  var html = '';
+  var index = 0;
+  var lastIndex = 0;
+
+  for (index = match.index; index < str.length; index++) {
+    switch (str.charCodeAt(index)) {
+      case 34: // "
+        escape = '&quot;';
+        break;
+      case 38: // &
+        escape = '&amp;';
+        break;
+      case 39: // '
+        escape = '&#39;';
+        break;
+      case 60: // <
+        escape = '&lt;';
+        break;
+      case 62: // >
+        escape = '&gt;';
+        break;
+      default:
+        continue;
+    }
+
+    if (lastIndex !== index) {
+      html += str.substring(lastIndex, index);
+    }
+
+    lastIndex = index + 1;
+    html += escape;
+  }
+
+  return lastIndex !== index
+    ? html + str.substring(lastIndex, index)
+    : html;
+}
+
+/**
+ * Meant to be used inside the `componentShouldUpdate` lifecycle method.
+ * It prevents updating the facet between two matchless facet searches.
+ * It also prevents updating the facet until the first search has loaded.
+ */
+function shouldUpdateFacetSearchComponent(nextFacetSearchState, prevFacetSearchState) {
+    const hasQuery = nextFacetSearchState.query !== '';
+    const stillNoValues = !nextFacetSearchState.values.length && !prevFacetSearchState.values.length;
+    const hasFinishedLoading = !nextFacetSearchState.isLoading && prevFacetSearchState.isLoading;
+    if (hasQuery && stillNoValues) {
+        return hasFinishedLoading;
+    }
+    return true;
+}
+function shouldDisplaySearchResults(facetSearchState) {
+    const hasQuery = facetSearchState.query !== '';
+    const isLoading = facetSearchState.isLoading;
+    const hasValues = !!facetSearchState.values.length;
+    if (!hasQuery) {
+        return false;
+    }
+    if (hasValues) {
+        return true;
+    }
+    return !isLoading;
+}
+function highlightSearchResult(resultValue, searchQuery = '') {
+    const sanitizedResult = escapeHtml_1(resultValue);
+    if (searchQuery.trim() === '') {
+        return sanitizedResult;
+    }
+    const regex = new RegExp(`(${stringUtils.regexEncode(escapeHtml_1(searchQuery))})`, 'i');
+    return escapeHtml_1(resultValue).replace(regex, '<span part="search-highlight" class="font-bold">$1</span>');
+}
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValueLabelHighlight = (props) => {
+    return (
+    // deepcode ignore ReactSetInnerHtml: This is not React code
+    index.h("span", { title: props.displayValue, part: "value-label", class: `value-label peer-hover:text-error truncate ${props.isSelected || !!props.isExcluded ? 'font-bold' : ''}`, innerHTML: highlightSearchResult(props.displayValue, props.searchQuery) }));
+};
+
+exports.FacetValueLabelHighlight = FacetValueLabelHighlight;
+exports.escapeHtml_1 = escapeHtml_1;
+exports.shouldDisplaySearchResults = shouldDisplaySearchResults;
+exports.shouldUpdateFacetSearchComponent = shouldUpdateFacetSearchComponent;
+
+//# sourceMappingURL=stencil-facet-value-label-highlight-16ea0e83.js.map

package/dist/cjs/stencil-facet-value-label-highlight-16ea0e83.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-value-label-highlight-16ea0e83.js","mappings":";;;;;;;;;;;;AASA;AACA;AACA;AACA;AACA;AACA;AACA,IAAI,eAAe,GAAG,SAAS,CAAC;AAChC;AACA;AACA;AACA;AACA;AACA;IACA,YAAc,GAAG,WAAW;AAC5B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAAS,UAAU,CAAC,MAAM,EAAE;AAC5B,EAAE,IAAI,GAAG,GAAG,EAAE,GAAG,MAAM,CAAC;AACxB,EAAE,IAAI,KAAK,GAAG,eAAe,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AACxC;AACA,EAAE,IAAI,CAAC,KAAK,EAAE;AACd,IAAI,OAAO,GAAG,CAAC;AACf,GAAG;AACH;AACA,EAAE,IAAI,MAAM,CAAC;AACb,EAAE,IAAI,IAAI,GAAG,EAAE,CAAC;AAChB,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC;AAChB,EAAE,IAAI,SAAS,GAAG,CAAC,CAAC;AACpB;AACA,EAAE,KAAK,KAAK,GAAG,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;AACzD,IAAI,QAAQ,GAAG,CAAC,UAAU,CAAC,KAAK,CAAC;AACjC,MAAM,KAAK,EAAE;AACb,QAAQ,MAAM,GAAG,QAAQ,CAAC;AAC1B,QAAQ,MAAM;AACd,MAAM,KAAK,EAAE;AACb,QAAQ,MAAM,GAAG,OAAO,CAAC;AACzB,QAAQ,MAAM;AACd,MAAM,KAAK,EAAE;AACb,QAAQ,MAAM,GAAG,OAAO,CAAC;AACzB,QAAQ,MAAM;AACd,MAAM,KAAK,EAAE;AACb,QAAQ,MAAM,GAAG,MAAM,CAAC;AACxB,QAAQ,MAAM;AACd,MAAM,KAAK,EAAE;AACb,QAAQ,MAAM,GAAG,MAAM,CAAC;AACxB,QAAQ,MAAM;AACd,MAAM;AACN,QAAQ,SAAS;AACjB,KAAK;AACL;AACA,IAAI,IAAI,SAAS,KAAK,KAAK,EAAE;AAC7B,MAAM,IAAI,IAAI,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC;AAC9C,KAAK;AACL;AACA,IAAI,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC1B,IAAI,IAAI,IAAI,MAAM,CAAC;AACnB,GAAG;AACH;AACA,EAAE,OAAO,SAAS,KAAK,KAAK;AAC5B,MAAM,IAAI,GAAG,GAAG,CAAC,SAAS,CAAC,SAAS,EAAE,KAAK,CAAC;AAC5C,MAAM,IAAI,CAAC;AACX;;ACpEA;;;;;SAKgB,gCAAgC,CAC9C,oBAAsC,EACtC,oBAAsC;IAEtC,MAAM,QAAQ,GAAG,oBAAoB,CAAC,KAAK,KAAK,EAAE,CAAC;IACnD,MAAM,aAAa,GACjB,CAAC,oBAAoB,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,oBAAoB,CAAC,MAAM,CAAC,MAAM,CAAC;IAC7E,MAAM,kBAAkB,GACtB,CAAC,oBAAoB,CAAC,SAAS,IAAI,oBAAoB,CAAC,SAAS,CAAC;IAEpE,IAAI,QAAQ,IAAI,aAAa,EAAE;QAC7B,OAAO,kBAAkB,CAAC;KAC3B;IAED,OAAO,IAAI,CAAC;AACd,CAAC;SAEe,0BAA0B,CAAC,gBAAkC;IAC3E,MAAM,QAAQ,GAAG,gBAAgB,CAAC,KAAK,KAAK,EAAE,CAAC;IAC/C,MAAM,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,CAAC,gBAAgB,CAAC,MAAM,CAAC,MAAM,CAAC;IAEnD,IAAI,CAAC,QAAQ,EAAE;QACb,OAAO,KAAK,CAAC;KACd;IAED,IAAI,SAAS,EAAE;QACb,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CAAC,SAAS,CAAC;AACpB,CAAC;SAEe,qBAAqB,CAAC,WAAmB,EAAE,WAAW,GAAG,EAAE;IACzE,MAAM,eAAe,GAAGA,YAAU,CAAC,WAAW,CAAC,CAAC;IAEhD,IAAI,WAAW,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QAC7B,OAAO,eAAe,CAAC;KACxB;IAED,MAAM,KAAK,GAAG,IAAI,MAAM,CAAC,IAAIC,uBAAW,CAACD,YAAU,CAAC,WAAW,CAAC,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;IAC3E,OAAOA,YAAU,CAAC,WAAW,CAAC,CAAC,OAAO,CACpC,KAAK,EACL,2DAA2D,CAC5D,CAAC;AACJ;;ACjDA;;;MAGa,wBAAwB,GAEjC,CAAC,KAAK;IACR;;IAEEE,kBACE,KAAK,EAAE,KAAK,CAAC,YAAY,EACzB,IAAI,EAAC,aAAa,EAClB,KAAK,EAAE,8CACL,KAAK,CAAC,UAAU,IAAI,CAAC,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,GAAG,EACzD,EAAE,EACF,SAAS,EAAE,qBAAqB,CAAC,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,WAAW,CAAC,GACjE,EACR;AACJ;;;;;;;","names":["escapeHtml","regexEncode","h"],"sources":["../../node_modules/escape-html/index.js","src/components/common/facets/facet-search/facet-search-utils.ts","src/components/common/facets/facet-value-label-highlight/stencil-facet-value-label-highlight.tsx"],"sourcesContent":["/*!\n * escape-html\n * Copyright(c) 2012-2013 TJ Holowaychuk\n * Copyright(c) 2015 Andreas Lubbe\n * Copyright(c) 2015 Tiancheng \"Timothy\" Gu\n * MIT Licensed\n */\n\n'use strict';\n\n/**\n * Module variables.\n * @private\n */\n\nvar matchHtmlRegExp = /[\"'&<>]/;\n\n/**\n * Module exports.\n * @public\n */\n\nmodule.exports = escapeHtml;\n\n/**\n * Escape special characters in the given string of html.\n *\n * @param  {string} string The string to escape for inserting into HTML\n * @return {string}\n * @public\n */\n\nfunction escapeHtml(string) {\n  var str = '' + string;\n  var match = matchHtmlRegExp.exec(str);\n\n  if (!match) {\n    return str;\n  }\n\n  var escape;\n  var html = '';\n  var index = 0;\n  var lastIndex = 0;\n\n  for (index = match.index; index < str.length; index++) {\n    switch (str.charCodeAt(index)) {\n      case 34: // \"\n        escape = '&quot;';\n        break;\n      case 38: // &\n        escape = '&amp;';\n        break;\n      case 39: // '\n        escape = '&#39;';\n        break;\n      case 60: // <\n        escape = '&lt;';\n        break;\n      case 62: // >\n        escape = '&gt;';\n        break;\n      default:\n        continue;\n    }\n\n    if (lastIndex !== index) {\n      html += str.substring(lastIndex, index);\n    }\n\n    lastIndex = index + 1;\n    html += escape;\n  }\n\n  return lastIndex !== index\n    ? html + str.substring(lastIndex, index)\n    : html;\n}\n","import escapeHtml from 'escape-html';\nimport {regexEncode} from '../../../../utils/string-utils';\n\ninterface FacetSearchState {\n  query: string;\n  values: unknown[];\n  isLoading: boolean;\n}\n\n/**\n * Meant to be used inside the `componentShouldUpdate` lifecycle method.\n * It prevents updating the facet between two matchless facet searches.\n * It also prevents updating the facet until the first search has loaded.\n */\nexport function shouldUpdateFacetSearchComponent(\n  nextFacetSearchState: FacetSearchState,\n  prevFacetSearchState: FacetSearchState\n) {\n  const hasQuery = nextFacetSearchState.query !== '';\n  const stillNoValues =\n    !nextFacetSearchState.values.length && !prevFacetSearchState.values.length;\n  const hasFinishedLoading =\n    !nextFacetSearchState.isLoading && prevFacetSearchState.isLoading;\n\n  if (hasQuery && stillNoValues) {\n    return hasFinishedLoading;\n  }\n\n  return true;\n}\n\nexport function shouldDisplaySearchResults(facetSearchState: FacetSearchState) {\n  const hasQuery = facetSearchState.query !== '';\n  const isLoading = facetSearchState.isLoading;\n  const hasValues = !!facetSearchState.values.length;\n\n  if (!hasQuery) {\n    return false;\n  }\n\n  if (hasValues) {\n    return true;\n  }\n\n  return !isLoading;\n}\n\nexport function highlightSearchResult(resultValue: string, searchQuery = '') {\n  const sanitizedResult = escapeHtml(resultValue);\n\n  if (searchQuery.trim() === '') {\n    return sanitizedResult;\n  }\n\n  const regex = new RegExp(`(${regexEncode(escapeHtml(searchQuery))})`, 'i');\n  return escapeHtml(resultValue).replace(\n    regex,\n    '<span part=\"search-highlight\" class=\"font-bold\">$1</span>'\n  );\n}\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {highlightSearchResult} from '../facet-search/facet-search-utils';\n\ninterface FacetValueLabelHighlightProps {\n  displayValue: string;\n  searchQuery?: string;\n  isSelected: boolean;\n  isExcluded?: boolean;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueLabelHighlight: FunctionalComponent<\n  FacetValueLabelHighlightProps\n> = (props) => {\n  return (\n    // deepcode ignore ReactSetInnerHtml: This is not React code\n    <span\n      title={props.displayValue}\n      part=\"value-label\"\n      class={`value-label peer-hover:text-error truncate ${\n        props.isSelected || !!props.isExcluded ? 'font-bold' : ''\n      }`}\n      innerHTML={highlightSearchResult(props.displayValue, props.searchQuery)}\n    ></span>\n  );\n};\n"],"version":3}

package/dist/cjs/stencil-facet-value-link-e24cd431.js

@@ -0,0 +1,32 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const stencilButton = require('./stencil-button-aa0f9cb5.js');
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValueLink = (props, children) => {
+    const count = props.numberOfResults.toLocaleString(props.i18n.language);
+    const ariaLabel = props.i18n.t('facet-value', {
+        value: props.displayValue,
+        count: props.numberOfResults,
+        formattedCount: count,
+        interpolation: { escapeValue: false },
+    });
+    let part = props.part ?? `value-link${props.isSelected ? ' value-link-selected' : ''}`;
+    if (props.additionalPart) {
+        part += ` ${props.additionalPart}`;
+    }
+    return (index.h("li", { key: props.displayValue, class: props.class },
+        index.h(stencilButton.Button, { style: "text-neutral", part: part, onClick: () => props.onClick(), class: "group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none", ariaPressed: props.isSelected.toString(), ariaLabel: ariaLabel, ref: props.buttonRef },
+            children,
+            index.h("span", { part: "value-count", class: "value-count" }, props.i18n.t('between-parentheses', {
+                text: count,
+            }))),
+        props.subList));
+};
+
+exports.FacetValueLink = FacetValueLink;
+
+//# sourceMappingURL=stencil-facet-value-link-e24cd431.js.map

package/dist/cjs/stencil-facet-value-link-e24cd431.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-value-link-e24cd431.js","mappings":";;;;;AAQA;;;MAGa,cAAc,GAA6C,CACtE,KAAK,EACL,QAAQ;IAER,MAAM,KAAK,GAAG,KAAK,CAAC,eAAe,CAAC,cAAc,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IACxE,MAAM,SAAS,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,EAAE;QAC5C,KAAK,EAAE,KAAK,CAAC,YAAY;QACzB,KAAK,EAAE,KAAK,CAAC,eAAe;QAC5B,cAAc,EAAE,KAAK;QACrB,aAAa,EAAE,EAAC,WAAW,EAAE,KAAK,EAAC;KACpC,CAAC,CAAC;IAEH,IAAI,IAAI,GACN,KAAK,CAAC,IAAI,IAAI,aAAa,KAAK,CAAC,UAAU,GAAG,sBAAsB,GAAG,EAAE,EAAE,CAAC;IAE9E,IAAI,KAAK,CAAC,cAAc,EAAE;QACxB,IAAI,IAAI,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;KACpC;IAED,QACEA,gBAAI,GAAG,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC7CA,QAACC,oBAAM,IACL,KAAK,EAAC,cAAc,EACpB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,MAAM,KAAK,CAAC,OAAO,EAAE,EAC9B,KAAK,EAAC,0FAA0F,EAChG,WAAW,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,EAAE,EACxC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,KAAK,CAAC,SAAS;YAEnB,QAAQ;YACTD,kBAAM,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,aAAa,IACzC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,qBAAqB,EAAE;gBACnC,IAAI,EAAE,KAAK;aACZ,CAAC,CACG,CACA;QACR,KAAK,CAAC,OAAO,CACX,EACL;AACJ;;;;","names":["h","Button"],"sources":["src/components/common/facets/facet-value-link/stencil-facet-value-link.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button} from '../../stencil-button';\nimport {FacetValueProps} from '../stencil-facet-common';\n\ninterface FacetValueLinkProps extends FacetValueProps {\n  subList?: VNode | VNode[];\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValueLink: FunctionalComponent<FacetValueLinkProps> = (\n  props,\n  children\n) => {\n  const count = props.numberOfResults.toLocaleString(props.i18n.language);\n  const ariaLabel = props.i18n.t('facet-value', {\n    value: props.displayValue,\n    count: props.numberOfResults,\n    formattedCount: count,\n    interpolation: {escapeValue: false},\n  });\n\n  let part =\n    props.part ?? `value-link${props.isSelected ? ' value-link-selected' : ''}`;\n\n  if (props.additionalPart) {\n    part += ` ${props.additionalPart}`;\n  }\n\n  return (\n    <li key={props.displayValue} class={props.class}>\n      <Button\n        style=\"text-neutral\"\n        part={part}\n        onClick={() => props.onClick()}\n        class=\"group flex w-full items-center truncate px-2 py-2.5 text-left focus-visible:outline-none\"\n        ariaPressed={props.isSelected.toString()}\n        ariaLabel={ariaLabel}\n        ref={props.buttonRef}\n      >\n        {children}\n        <span part=\"value-count\" class=\"value-count\">\n          {props.i18n.t('between-parentheses', {\n            text: count,\n          })}\n        </span>\n      </Button>\n      {props.subList}\n    </li>\n  );\n};\n"],"version":3}

package/dist/cjs/stencil-facet-values-group-332a2362.js

@@ -0,0 +1,25 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const stencilFieldsetGroup = require('./stencil-fieldset-group-cc350109.js');
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FacetValuesGroup = (props, children) => {
+    if (!props.label) {
+        return children;
+    }
+    const facetDisplayLabel = props.i18n.t(props.label);
+    const groupLabel = props.query === undefined
+        ? props.i18n.t('facet-values', { label: facetDisplayLabel })
+        : props.i18n.t('facet-search-results', {
+            query: props.query,
+            label: facetDisplayLabel,
+        });
+    return index.h(stencilFieldsetGroup.FieldsetGroup, { label: groupLabel }, children);
+};
+
+exports.FacetValuesGroup = FacetValuesGroup;
+
+//# sourceMappingURL=stencil-facet-values-group-332a2362.js.map

package/dist/cjs/stencil-facet-values-group-332a2362.js.map

@@ -0,0 +1 @@
+{"file":"stencil-facet-values-group-332a2362.js","mappings":";;;;;AAUA;;;MAGa,gBAAgB,GAA+C,CAC1E,KAAK,EACL,QAAQ;IAER,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;QAChB,OAAO,QAAQ,CAAC;KACjB;IACD,MAAM,iBAAiB,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,UAAU,GACd,KAAK,CAAC,KAAK,KAAK,SAAS;UACrB,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,cAAc,EAAE,EAAC,KAAK,EAAE,iBAAiB,EAAC,CAAC;UACxD,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,sBAAsB,EAAE;YACnC,KAAK,EAAE,KAAK,CAAC,KAAK;YAClB,KAAK,EAAE,iBAAiB;SACzB,CAAC,CAAC;IAET,OAAOA,QAACC,kCAAa,IAAC,KAAK,EAAE,UAAU,IAAG,QAAQ,CAAiB,CAAC;AACtE;;;;","names":["h","FieldsetGroup"],"sources":["src/components/common/facets/facet-values-group/stencil-facet-values-group.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\nimport {i18n} from 'i18next';\nimport {FieldsetGroup} from '../../stencil-fieldset-group';\n\ninterface FacetValuesGroupProps {\n  i18n: i18n;\n  label?: string;\n  query?: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FacetValuesGroup: FunctionalComponent<FacetValuesGroupProps> = (\n  props,\n  children\n) => {\n  if (!props.label) {\n    return children;\n  }\n  const facetDisplayLabel = props.i18n.t(props.label);\n  const groupLabel =\n    props.query === undefined\n      ? props.i18n.t('facet-values', {label: facetDisplayLabel})\n      : props.i18n.t('facet-search-results', {\n          query: props.query,\n          label: facetDisplayLabel,\n        });\n\n  return <FieldsetGroup label={groupLabel}>{children}</FieldsetGroup>;\n};\n"],"version":3}

package/dist/cjs/stencil-fieldset-group-cc350109.js

@@ -0,0 +1,14 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const FieldsetGroup = ({ label }, children) => (index.h("fieldset", { class: "contents" },
+    index.h("legend", { class: "sr-only" }, label),
+    children));
+
+exports.FieldsetGroup = FieldsetGroup;
+
+//# sourceMappingURL=stencil-fieldset-group-cc350109.js.map

package/dist/cjs/stencil-fieldset-group-cc350109.js.map

@@ -0,0 +1 @@
+{"file":"stencil-fieldset-group-cc350109.js","mappings":";;;;AAMA;;;MAGa,aAAa,GAAoC,CAC5D,EAAC,KAAK,EAAC,EACP,QAAQ,MAERA,sBAAU,KAAK,EAAC,UAAU;IACxBA,oBAAQ,KAAK,EAAC,SAAS,IAAE,KAAK,CAAU;IACvC,QAAQ,CACA;;;;","names":["h"],"sources":["src/components/common/stencil-fieldset-group.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\n\ninterface GroupProps {\n  label: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const FieldsetGroup: FunctionalComponent<GroupProps> = (\n  {label},\n  children\n) => (\n  <fieldset class=\"contents\">\n    <legend class=\"sr-only\">{label}</legend>\n    {children}\n  </fieldset>\n);\n"],"version":3}

package/dist/cjs/stencil-heading-7e57d2eb.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const Heading = ({ level, ...htmlProps }, children) => {
+    const HeadingTag = level > 0 && level <= 6 ? `h${level}` : 'div';
+    return index.h(HeadingTag, { ...htmlProps }, children);
+};
+
+exports.Heading = Heading;
+
+//# sourceMappingURL=stencil-heading-7e57d2eb.js.map

package/dist/cjs/stencil-heading-7e57d2eb.js.map

@@ -0,0 +1 @@
+{"file":"stencil-heading-7e57d2eb.js","mappings":";;;;AAIA;;;MAGa,OAAO,GAEhB,CAAC,EAAC,KAAK,EAAE,GAAG,SAAS,EAAC,EAAE,QAAQ;IAClC,MAAM,UAAU,GAAG,KAAK,GAAG,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,IAAI,KAAK,EAAE,GAAG,KAAK,CAAC;IACjE,OAAOA,QAAC,UAAU,OAAK,SAAS,IAAG,QAAQ,CAAc,CAAC;AAC5D;;;;","names":["h"],"sources":["src/components/common/stencil-heading.tsx"],"sourcesContent":["import {h, FunctionalComponent} from '@stencil/core';\nimport {JSXBase} from '@stencil/core/internal';\nimport {HeadingProps} from './heading';\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const Heading: FunctionalComponent<\n  Pick<HeadingProps, 'level'> & JSXBase.HTMLAttributes<HTMLHeadingElement>\n> = ({level, ...htmlProps}, children) => {\n  const HeadingTag = level > 0 && level <= 6 ? `h${level}` : 'div';\n  return <HeadingTag {...htmlProps}>{children}</HeadingTag>;\n};\n"],"version":3}

package/dist/cjs/stencil-iconButton-12f18eff.js

@@ -0,0 +1,18 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const stencilButton = require('./stencil-button-aa0f9cb5.js');
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const IconButton = (props) => {
+    return (index.h("div", { class: "relative", part: `${props.partPrefix}-container` },
+        index.h(stencilButton.Button, { ...props, class: "relative h-[2.6rem] w-[2.6rem] p-3", part: `${props.partPrefix}-button`, ref: props.buttonRef },
+            index.h("atomic-icon", { icon: props.icon, class: "h-4 w-4 shrink-0", part: `${props.partPrefix}-icon` })),
+        props.badge && (index.h("span", { part: `${props.partPrefix}-badge`, class: "bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4" }, props.badge))));
+};
+
+exports.IconButton = IconButton;
+
+//# sourceMappingURL=stencil-iconButton-12f18eff.js.map

package/dist/cjs/stencil-iconButton-12f18eff.js.map

@@ -0,0 +1 @@
+{"file":"stencil-iconButton-12f18eff.js","mappings":";;;;;AAUA;;;MAGa,UAAU,GAAyC,CAAC,KAAK;IACpE,QACEA,iBAAK,KAAK,EAAC,UAAU,EAAC,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,YAAY;QACzDA,QAACC,oBAAM,OACD,KAAK,EACT,KAAK,EAAC,oCAAoC,EAC1C,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,SAAS,EAClC,GAAG,EAAE,KAAK,CAAC,SAAS;YAEpBD,yBACE,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,KAAK,EAAC,kBAAkB,EACxB,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,OAAO,GACnB,CACR;QACR,KAAK,CAAC,KAAK,KACVA,kBACE,IAAI,EAAE,GAAG,KAAK,CAAC,UAAU,QAAQ,EACjC,KAAK,EAAC,8GAA8G,IAEnH,KAAK,CAAC,KAAK,CACP,CACR,CACG,EACN;AACJ;;;;","names":["h","Button"],"sources":["src/components/common/stencil-iconButton.tsx"],"sourcesContent":["import {FunctionalComponent, h, VNode} from '@stencil/core';\nimport {Button, StencilButtonProps} from './stencil-button';\n\ninterface IconButtonProps extends StencilButtonProps {\n  badge?: VNode;\n  buttonRef?: (el?: HTMLButtonElement) => void;\n  icon: string;\n  partPrefix: string;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const IconButton: FunctionalComponent<IconButtonProps> = (props) => {\n  return (\n    <div class=\"relative\" part={`${props.partPrefix}-container`}>\n      <Button\n        {...props}\n        class=\"relative h-[2.6rem] w-[2.6rem] p-3\"\n        part={`${props.partPrefix}-button`}\n        ref={props.buttonRef}\n      >\n        <atomic-icon\n          icon={props.icon}\n          class=\"h-4 w-4 shrink-0\"\n          part={`${props.partPrefix}-icon`}\n        ></atomic-icon>\n      </Button>\n      {props.badge && (\n        <span\n          part={`${props.partPrefix}-badge`}\n          class=\"bg-primary text-on-primary absolute -top-2 -right-2 block h-4 w-4 rounded-full text-center text-xs leading-4\"\n        >\n          {props.badge}\n        </span>\n      )}\n    </div>\n  );\n};\n"],"version":3}

package/dist/cjs/stencil-item-link-3f38d5be.js

@@ -0,0 +1,55 @@
+'use strict';
+
+const index = require('./index-757bc886.js');
+const xssUtils = require('./xss-utils-f0f93bcb.js');
+
+const bindAnalyticsToLink = (link, { onSelect, onBeginDelayedSelect, onCancelPendingSelect, stopPropagation = true, }) => {
+    const stopPropagationAndProcess = (e, process) => {
+        stopPropagation && e.stopPropagation();
+        process();
+    };
+    const selectHandler = (e) => stopPropagationAndProcess(e, onSelect);
+    const touchStartHandler = (e) => stopPropagationAndProcess(e, onBeginDelayedSelect);
+    const touchEndHandler = (e) => stopPropagationAndProcess(e, onCancelPendingSelect);
+    ['click', 'contextmenu', 'mousedown', 'mouseup'].forEach((eventName) => link.addEventListener(eventName, selectHandler));
+    link.addEventListener('touchstart', touchStartHandler, { passive: true });
+    link.addEventListener('touchend', touchEndHandler, { passive: true });
+    return () => {
+        ['click', 'contextmenu', 'mousedown', 'mouseup'].forEach((eventName) => link.removeEventListener(eventName, selectHandler));
+        link.removeEventListener('touchstart', touchStartHandler);
+        link.removeEventListener('touchend', touchEndHandler);
+    };
+};
+
+/**
+ * @deprecated should only be used for Stencil components.
+ */
+const LinkWithItemAnalytics = ({ href, className, part, title, onSelect, onBeginDelayedSelect, onCancelPendingSelect, onMouseOver, onMouseLeave, onFocus, onBlur, ref, attributes, tabIndex, ariaHidden, rel, stopPropagation = true, target = '_self', }, children) => {
+    return (index.h("a", { class: className, part: part, href: xssUtils.filterProtocol(href), target: target, title: title, rel: rel, ref: (el) => {
+            if (ref) {
+                ref(el);
+            }
+            if (!el) {
+                return;
+            }
+            bindAnalyticsToLink(el, {
+                onSelect,
+                onBeginDelayedSelect,
+                onCancelPendingSelect,
+                stopPropagation,
+            });
+            if (attributes?.length) {
+                [...attributes].forEach(({ nodeName, nodeValue }) => {
+                    el.setAttribute(nodeName, nodeValue);
+                });
+            }
+            if (ariaHidden) {
+                el.setAttribute('aria-hidden', 'true');
+            }
+        }, tabIndex: tabIndex, onMouseOver: onMouseOver, onMouseLeave: onMouseLeave, onFocus: onFocus, onBlur: onBlur }, children));
+};
+
+exports.LinkWithItemAnalytics = LinkWithItemAnalytics;
+exports.bindAnalyticsToLink = bindAnalyticsToLink;
+
+//# sourceMappingURL=stencil-item-link-3f38d5be.js.map

package/dist/cjs/stencil-item-link-3f38d5be.js.map

@@ -0,0 +1 @@
+{"file":"stencil-item-link-3f38d5be.js","mappings":"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","names":["h","filterProtocol"],"sources":["src/components/common/item-link/bind-analytics-to-link.ts","src/components/common/item-link/stencil-item-link.tsx"],"sourcesContent":["import type {ItemLinkProps} from './item-link';\n\ntype ItemLinkEventProps = Pick<\n  ItemLinkProps,\n  | 'onSelect'\n  | 'onBeginDelayedSelect'\n  | 'onCancelPendingSelect'\n  | 'stopPropagation'\n>;\n\nexport const bindAnalyticsToLink = (\n  link: HTMLAnchorElement,\n  {\n    onSelect,\n    onBeginDelayedSelect,\n    onCancelPendingSelect,\n    stopPropagation = true,\n  }: ItemLinkEventProps\n): (() => void) => {\n  const stopPropagationAndProcess = (e: Event, process: () => void) => {\n    stopPropagation && e.stopPropagation();\n    process();\n  };\n\n  const selectHandler = (e: Event) => stopPropagationAndProcess(e, onSelect);\n  const touchStartHandler = (e: Event) =>\n    stopPropagationAndProcess(e, onBeginDelayedSelect);\n  const touchEndHandler = (e: Event) =>\n    stopPropagationAndProcess(e, onCancelPendingSelect);\n\n  (['click', 'contextmenu', 'mousedown', 'mouseup'] as const).forEach(\n    (eventName) => link.addEventListener(eventName, selectHandler)\n  );\n  link.addEventListener('touchstart', touchStartHandler, {passive: true});\n  link.addEventListener('touchend', touchEndHandler, {passive: true});\n\n  return () => {\n    (['click', 'contextmenu', 'mousedown', 'mouseup'] as const).forEach(\n      (eventName) => link.removeEventListener(eventName, selectHandler)\n    );\n    link.removeEventListener('touchstart', touchStartHandler);\n    link.removeEventListener('touchend', touchEndHandler);\n  };\n};\n","import {FunctionalComponent, h} from '@stencil/core';\nimport {filterProtocol} from '../../../utils/xss-utils';\nimport {ItemTarget} from '../layout/display-options';\nimport { bindAnalyticsToLink } from './bind-analytics-to-link';\n\ninterface ItemLinkEventProps {\n  onSelect: () => void;\n  onBeginDelayedSelect: () => void;\n  onCancelPendingSelect: () => void;\n  stopPropagation?: boolean;\n}\n\ninterface ItemLinkProps extends ItemLinkEventProps {\n  href: string;\n  className?: string;\n  part?: string;\n  title?: string;\n  ref?: (elm?: HTMLAnchorElement) => void;\n  stopPropagation?: boolean;\n  attributes?: Attr[];\n  tabIndex?: number;\n  ariaHidden?: boolean;\n  target?: ItemTarget;\n  rel?: string;\n  onMouseOver?: () => void;\n  onMouseLeave?: () => void;\n  onFocus?: () => void;\n  onBlur?: () => void;\n}\n\n/**\n * @deprecated should only be used for Stencil components.\n */\nexport const LinkWithItemAnalytics: FunctionalComponent<ItemLinkProps> = (\n  {\n    href,\n    className,\n    part,\n    title,\n    onSelect,\n    onBeginDelayedSelect,\n    onCancelPendingSelect,\n    onMouseOver,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    ref,\n    attributes,\n    tabIndex,\n    ariaHidden,\n    rel,\n    stopPropagation = true,\n    target = '_self',\n  },\n  children\n) => {\n  return (\n    <a\n      class={className}\n      part={part}\n      href={filterProtocol(href)}\n      target={target}\n      title={title}\n      rel={rel}\n      ref={(el) => {\n        if (ref) {\n          ref(el);\n        }\n\n        if (!el) {\n          return;\n        }\n\n        bindAnalyticsToLink(el, {\n          onSelect,\n          onBeginDelayedSelect,\n          onCancelPendingSelect,\n          stopPropagation,\n        });\n\n        if (attributes?.length) {\n          [...attributes].forEach(({nodeName, nodeValue}) => {\n            el.setAttribute(nodeName, nodeValue!);\n          });\n        }\n\n        if (ariaHidden) {\n          el.setAttribute('aria-hidden', 'true');\n        }\n      }}\n      tabIndex={tabIndex}\n      onMouseOver={onMouseOver}\n      onMouseLeave={onMouseLeave}\n      onFocus={onFocus}\n      onBlur={onBlur}\n    >\n      {children}\n    </a>\n  );\n};\n"],"version":3}